try { (() => { var Lt = ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (t, n) => (typeof require < "u" ? require : t)[n], }) : e)(function (e) { if (typeof require < "u") return require.apply(this, arguments); throw Error('Dynamic require of "' + e + '" is not supported'); }); var _e = { NODE_ENV: "production", NODE_PATH: [], STORYBOOK: "true", PUBLIC_URL: ".", }; var a = __REACT__, { Children: _6, Component: Tt, Fragment: I6, Profiler: R6, PureComponent: B6, StrictMode: P6, Suspense: V6, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: H6, act: j6, cloneElement: D6, createContext: He, createElement: S, createFactory: z6, createRef: U6, forwardRef: W, isValidElement: wl, lazy: $6, memo: W6, startTransition: q6, unstable_act: G6, useCallback: K, useContext: Gt, useDebugValue: Y6, useDeferredValue: K6, useEffect: te, useId: J6, useImperativeHandle: Q6, useInsertionEffect: X6, useLayoutEffect: ef, useMemo: ft, useReducer: Cl, useRef: Ee, useState: Le, useSyncExternalStore: tf, useTransition: nf, version: af, } = __REACT__; var sf = __STORYBOOK_TYPES__, { Addon_TypesEnum: Tr } = __STORYBOOK_TYPES__; var pf = __STORYBOOK_API__, { ActiveTabs: hf, Consumer: ff, ManagerContext: gf, Provider: vf, RequestResponseError: yf, addons: ga, combineParameters: bf, controlOrMetaKey: Ef, controlOrMetaSymbol: kf, eventMatchesShortcut: wf, eventToShortcut: Cf, experimental_MockUniversalStore: Sf, experimental_UniversalStore: xf, experimental_getStatusStore: va, experimental_getTestProviderStore: Sl, experimental_requestResponse: Nf, experimental_useStatusStore: xl, experimental_useTestProviderStore: Nl, experimental_useUniversalStore: Mf, internal_fullStatusStore: Ff, internal_fullTestProviderStore: Af, internal_universalStatusStore: Lf, internal_universalTestProviderStore: Tf, isMacLike: Zf, isShortcutTaken: Of, keyToSymbol: _f, merge: If, mockChannel: Rf, optionOrAltSymbol: Bf, shortcutMatchesShortcut: Pf, shortcutToHumanString: Vf, types: Hf, useAddonState: Ml, useArgTypes: jf, useArgs: Df, useChannel: ya, useGlobalTypes: Fl, useGlobals: Al, useParameter: Ll, useSharedState: zf, useStoryPrepared: Uf, useStorybookApi: Zt, useStorybookState: wn, } = __STORYBOOK_API__; var Yf = __STORYBOOK_THEMING__, { CacheProvider: Kf, ClassNames: Jf, Global: Qf, ThemeProvider: Xf, background: e8, color: Cn, convert: t8, create: n8, createCache: a8, createGlobal: r8, createReset: i8, css: se, darken: l8, ensure: o8, ignoreSsrWarning: s8, isPropValid: d8, jsx: c8, keyframes: Ct, lighten: u8, styled: k, themes: m8, typography: p8, useTheme: Sn, withTheme: h8, } = __STORYBOOK_THEMING__; var b8 = __STORYBOOK_COMPONENTS__, { A: E8, ActionBar: k8, AddonPanel: w8, Badge: Tl, Bar: C8, Blockquote: S8, Button: xn, ClipboardCode: x8, Code: Zl, DL: N8, Div: M8, DocumentWrapper: F8, EmptyTabContent: A8, ErrorFormatter: L8, FlexBar: T8, Form: Z8, H1: O8, H2: _8, H3: I8, H4: R8, H5: B8, H6: P8, HR: V8, IconButton: Ol, Img: H8, LI: j8, Link: Ot, ListItem: D8, Loader: Zr, Modal: z8, OL: U8, P: $8, Placeholder: W8, Pre: q8, ProgressSpinner: _l, ResetWrapper: G8, ScrollArea: Y8, Separator: K8, Spaced: J8, Span: Q8, StorybookIcon: X8, StorybookLogo: e9, SyntaxHighlighter: t9, TT: n9, TabBar: a9, TabButton: r9, TabWrapper: i9, Table: l9, Tabs: o9, TabsState: s9, TooltipLinkList: Il, TooltipMessage: Rl, TooltipNote: ba, UL: d9, WithTooltip: ke, WithTooltipPure: c9, Zoom: u9, codeCommon: m9, components: p9, createCopyToClipboardFunction: h9, getStoryHref: f9, interleaveSeparators: g9, nameSpaceClassNames: v9, resetComponents: y9, withReset: b9, } = __STORYBOOK_COMPONENTS__; var Nn = __REACT_DOM__, { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: S9, createPortal: Ea, createRoot: x9, findDOMNode: N9, flushSync: M9, hydrate: F9, hydrateRoot: A9, render: L9, unmountComponentAtNode: Bl, unstable_batchedUpdates: T9, unstable_renderSubtreeIntoContainer: Pl, version: Z9, } = __REACT_DOM__; var od = '@keyframes Bc2PgW_ya{to{translate:0 var(--sh)}}@keyframes Bc2PgW_xa{to{translate:var(--xlp)0}}@keyframes Bc2PgW_r{50%{rotate:var(--hr)180deg}to{rotate:var(--r)360deg}}.Bc2PgW_c{z-index:1200;width:0;height:0;position:relative;overflow:visible}.Bc2PgW_p{animation:xa var(--dc)forwards cubic-bezier(var(--x1),var(--x2),var(--x3),var(--x4));animation-name:Bc2PgW_xa}.Bc2PgW_p>div{animation:ya var(--dc)forwards cubic-bezier(var(--y1),var(--y2),var(--y3),var(--y4));width:var(--w);height:var(--h);animation-name:Bc2PgW_ya;position:absolute;top:0;left:0}.Bc2PgW_p>div:before{content:"";background-color:var(--bgc);animation:r var(--rd)infinite linear;border-radius:var(--br);width:100%;height:100%;animation-name:Bc2PgW_r;display:block}', Vl = "Bc2PgW_p", sd = "Bc2PgW_c", Hl = ["#FFC700", "#FF0000", "#2E3191", "#41BBC7"], jl = 3500, Dl = 0.5, zl = 150, Ul = "mix", $l = 12, Wl = "", ql = !0, Gl = 800, Yl = 1600; function dd(e, t = {}) { let { colors: n = Hl, duration: r = jl, force: i = Dl, particleCount: l = zl, particleShape: o = Ul, particleSize: s = $l, particleClass: d = Wl, destroyAfterDone: c = ql, stageHeight: u = Gl, stageWidth: m = Yl, } = t; ((function (f) { if (document.querySelector("style[data-neoconfetti]")) return; let E = Or("style"); ((E.dataset.neoconfetti = ""), (E.textContent = f), _r(document.head, E)); })(od), e.classList.add(sd), e.style.setProperty("--sh", u + "px")); let p = [], v = [], g = () => Mn(nt() * (hd - 1)), y = (f, E) => o !== "rectangles" && (f === "circles" || fd(E)); function w(f, E) { let C = g(), Z = y(o, C), M = (X, oe) => f.style.setProperty(X, oe + ""); (M("--xlp", Ir(ka(Xl(E, 90) - 180), 0, 180, -m / 2, m / 2) + "px"), M("--dc", r - Mn(1e3 * nt()) + "ms")); let V = nt() < ud ? Yt(nt() * md, 2) : 0; (M("--x1", V), M("--x2", -1 * V), M("--x3", V), M("--x4", Yt(ka(Ir(ka(Xl(E, 90) - 180), 0, 180, -1, 1)), 4)), M("--y1", Yt(nt() * Jl, 4)), M("--y2", Yt(nt() * i * (to() ? 1 : -1), 4)), M("--y3", Jl), M("--y4", Yt(pd(Ir(ka(E - 180), 0, 180, i, -i), 0), 4)), M("--w", (Z ? s : Mn(4 * nt()) + s / 2) + "px"), M("--h", (Z ? s : Mn(2 * nt()) + s) + "px")); let D = C.toString(2).padStart(3, "0").split(""); (M("--hr", D.map((X) => +X / 2 + "").join(" ")), M("--r", D.join(" ")), M("--rd", Yt(nt() * (cd - Kl) + Kl) + "ms"), M("--br", Z ? "50%" : 0)); } let b; function h() { ((e.innerHTML = ""), clearTimeout(b), (p = Ql(l, n)), (v = (function (f, E = [], C) { let Z = []; for (let { color: M } of E) { let V = Or("div"); ((V.className = `${Vl} ${C}`), V.style.setProperty("--bgc", M)); let D = Or("div"); (_r(V, D), _r(f, V), Z.push(V)); } return Z; })(e, p, d))); for (let [f, E] of eo(v)) w(E, p[+f].degree); b = setTimeout(() => { c && (e.innerHTML = ""); }, r); } return ( h(), { update(f) { let E = f.particleCount ?? zl, C = f.particleShape ?? Ul, Z = f.particleSize ?? $l, M = f.particleClass ?? Wl, V = f.colors ?? Hl, D = f.stageHeight ?? Gl, X = f.duration ?? jl, oe = f.force ?? Dl, ve = f.stageWidth ?? Yl, fe = f.destroyAfterDone ?? ql; p = Ql(E, V); let ce = !1; if (E === l) { v = Array.from(e.querySelectorAll(`.${Vl}`)); for (let [be, { color: wt }] of eo(p)) { let ge = v[+be]; (JSON.stringify(n) !== JSON.stringify(V) && ge.style.setProperty("--bgc", wt), C !== o && ge.style.setProperty("--br", y(C, g()) ? "50%" : "0"), M !== d && (d && ge.classList.remove(d), M && ge.classList.add(M))); } } else ce = !0; (c && !fe && clearTimeout(b), e.style.setProperty("--sh", D + "px"), (r = X), (n = V), (i = oe), (l = E), (o = C), (s = Z), (d = M), (c = fe), (u = D), (m = ve), ce && h()); }, destroy() { ((e.innerHTML = ""), clearTimeout(b)); }, } ); } var Kl = 200, cd = 800, ud = 0.1, md = 0.3, Jl = 0.5, ka = Math.abs, nt = Math.random, Mn = Math.round, pd = Math.max, Or = (e) => document.createElement(e), _r = (e, t) => e.appendChild(t), Ql = (e, t) => Array.from({ length: e }, (n, r) => ({ color: t[r % t.length], degree: (360 * r) / e, })), Yt = (e, t = 2) => Mn((e + Number.EPSILON) * 10 ** t) / 10 ** t, Ir = (e, t, n, r, i) => ((e - t) * (i - r)) / (n - t) + r, Xl = (e, t) => (e + t > 360 ? e + t - 360 : e + t), to = () => nt() > 0.5, eo = Object.entries, hd = 6, fd = (e) => e !== 1 && to(); function no({ class: e, ...t }) { let n = Ee(null), r = Ee(); return ( te(() => { if (typeof window < "u" && n.current) { if (r.current) return (r.current.update(t), r.current.destroy); r.current = dd(n.current, t); } }, [t]), S("div", { ref: n, className: e }) ); } function Rr({ onlyFirst: e = !1 } = {}) { let n = [ "[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?(?:\\u0007|\\u001B\\u005C|\\u009C))", "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))", ].join("|"); return new RegExp(n, e ? void 0 : "g"); } var gd = Rr(); function Br(e) { if (typeof e != "string") throw new TypeError(`Expected a \`string\`, got \`${typeof e}\``); return e.replace(gd, ""); } var vd = "array"; var ao = "bits", yd = "byte", ro = "bytes"; var bd = "exponent", Ed = "function"; var kd = "Invalid number", wd = "Invalid rounding method", Pr = "jedec", Cd = "object"; var Sd = "round"; var xd = "kbit"; var Nd = "string"; var Vr = { symbol: { iec: { bits: [ "bit", "Kibit", "Mibit", "Gibit", "Tibit", "Pibit", "Eibit", "Zibit", "Yibit", ], bytes: ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"], }, jedec: { bits: [ "bit", "Kbit", "Mbit", "Gbit", "Tbit", "Pbit", "Ebit", "Zbit", "Ybit", ], bytes: ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], }, }, fullform: { iec: [ "", "kibi", "mebi", "gibi", "tebi", "pebi", "exbi", "zebi", "yobi", ], jedec: [ "", "kilo", "mega", "giga", "tera", "peta", "exa", "zetta", "yotta", ], }, }; function Hr( e, { bits: t = !1, pad: n = !1, base: r = -1, round: i = 2, locale: l = "", localeOptions: o = {}, separator: s = "", spacer: d = " ", symbols: c = {}, standard: u = "", output: m = Nd, fullform: p = !1, fullforms: v = [], exponent: g = -1, roundingMethod: y = Sd, precision: w = 0, } = {}, ) { let b = g, h = Number(e), f = [], E = 0, C = ""; u === "si" ? ((r = 10), (u = Pr)) : u === "iec" || u === Pr ? (r = 2) : r === 2 ? (u = "iec") : ((r = 10), (u = Pr)); let Z = r === 10 ? 1e3 : 1024, M = p === !0, V = h < 0, D = Math[y]; if (typeof e != "bigint" && isNaN(e)) throw new TypeError(kd); if (typeof D !== Ed) throw new TypeError(wd); if ( (V && (h = -h), (b === -1 || isNaN(b)) && ((b = Math.floor(Math.log(h) / Math.log(Z))), b < 0 && (b = 0)), b > 8 && (w > 0 && (w += 8 - b), (b = 8)), m === bd) ) return b; if (h === 0) ((f[0] = 0), (C = f[1] = Vr.symbol[u][t ? ao : ro][b])); else { ((E = h / (r === 2 ? Math.pow(2, b * 10) : Math.pow(1e3, b))), t && ((E = E * 8), E >= Z && b < 8 && ((E = E / Z), b++))); let X = Math.pow(10, b > 0 ? i : 0); ((f[0] = D(E * X) / X), f[0] === Z && b < 8 && g === -1 && ((f[0] = 1), b++), (C = f[1] = r === 10 && b === 1 ? t ? xd : "kB" : Vr.symbol[u][t ? ao : ro][b])); } if ( (V && (f[0] = -f[0]), w > 0 && (f[0] = f[0].toPrecision(w)), (f[1] = c[f[1]] || f[1]), l === !0 ? (f[0] = f[0].toLocaleString()) : l.length > 0 ? (f[0] = f[0].toLocaleString(l, o)) : s.length > 0 && (f[0] = f[0].toString().replace(".", s)), n && i > 0) ) { let X = f[0].toString(), oe = s || (X.match(/(\D)/g) || []).pop() || ".", ve = X.toString().split(oe), fe = ve[1] || "", ce = fe.length, be = i - ce; f[0] = `${ve[0]}${oe}${fe.padEnd(ce + be, "0")}`; } return ( M && (f[1] = v[b] ? v[b] : Vr.fullform[u][b] + (t ? "bit" : yd) + (f[0] === 1 ? "" : "s")), m === vd ? f : m === Cd ? { value: f[0], symbol: f[1], exponent: b, unit: C } : f.join(d) ); } var Md = Object.create, D1 = Object.defineProperty, Fd = Object.getOwnPropertyDescriptor, Ad = Object.getOwnPropertyNames, Ld = Object.getPrototypeOf, Td = Object.prototype.hasOwnProperty, Zd = ((e) => typeof Lt < "u" ? Lt : typeof Proxy < "u" ? new Proxy(e, { get: (t, n) => (typeof Lt < "u" ? Lt : t)[n] }) : e)(function (e) { if (typeof Lt < "u") return Lt.apply(this, arguments); throw new Error('Dynamic require of "' + e + '" is not supported'); }), At = (e, t) => () => ( t || e((t = { exports: {} }).exports, t), t.exports ), Od = (e, t, n, r) => { if ((t && typeof t == "object") || typeof t == "function") for (let i of Ad(t)) !Td.call(e, i) && i !== n && D1(e, i, { get: () => t[i], enumerable: !(r = Fd(t, i)) || r.enumerable, }); return e; }, pt = (e, t, n) => ( (n = e != null ? Md(Ld(e)) : {}), Od( t || !e || !e.__esModule ? D1(n, "default", { value: e, enumerable: !0 }) : n, e, ) ), Ui = At((e, t) => { (function (n, r) { typeof Zd == "function" && typeof e == "object" && typeof t == "object" ? (t.exports = r()) : typeof define == "function" && define.amd ? define(function () { return r(); }) : (n.pluralize = r()); })(e, function () { var n = [], r = [], i = {}, l = {}, o = {}; function s(y) { return typeof y == "string" ? new RegExp("^" + y + "$", "i") : y; } function d(y, w) { return y === w ? w : y === y.toLowerCase() ? w.toLowerCase() : y === y.toUpperCase() ? w.toUpperCase() : y[0] === y[0].toUpperCase() ? w.charAt(0).toUpperCase() + w.substr(1).toLowerCase() : w.toLowerCase(); } function c(y, w) { return y.replace(/\$(\d{1,2})/g, function (b, h) { return w[h] || ""; }); } function u(y, w) { return y.replace(w[0], function (b, h) { var f = c(w[1], arguments); return d(b === "" ? y[h - 1] : b, f); }); } function m(y, w, b) { if (!y.length || i.hasOwnProperty(y)) return w; for (var h = b.length; h--; ) { var f = b[h]; if (f[0].test(w)) return u(w, f); } return w; } function p(y, w, b) { return function (h) { var f = h.toLowerCase(); return w.hasOwnProperty(f) ? d(h, f) : y.hasOwnProperty(f) ? d(h, y[f]) : m(f, h, b); }; } function v(y, w, b, h) { return function (f) { var E = f.toLowerCase(); return w.hasOwnProperty(E) ? !0 : y.hasOwnProperty(E) ? !1 : m(E, E, b) === E; }; } function g(y, w, b) { var h = w === 1 ? g.singular(y) : g.plural(y); return (b ? w + " " : "") + h; } return ( (g.plural = p(o, l, n)), (g.isPlural = v(o, l, n)), (g.singular = p(l, o, r)), (g.isSingular = v(l, o, r)), (g.addPluralRule = function (y, w) { n.push([s(y), w]); }), (g.addSingularRule = function (y, w) { r.push([s(y), w]); }), (g.addUncountableRule = function (y) { if (typeof y == "string") { i[y.toLowerCase()] = !0; return; } (g.addPluralRule(y, "$0"), g.addSingularRule(y, "$0")); }), (g.addIrregularRule = function (y, w) { ((w = w.toLowerCase()), (y = y.toLowerCase()), (o[y] = w), (l[w] = y)); }), [ ["I", "we"], ["me", "us"], ["he", "they"], ["she", "they"], ["them", "them"], ["myself", "ourselves"], ["yourself", "yourselves"], ["itself", "themselves"], ["herself", "themselves"], ["himself", "themselves"], ["themself", "themselves"], ["is", "are"], ["was", "were"], ["has", "have"], ["this", "these"], ["that", "those"], ["echo", "echoes"], ["dingo", "dingoes"], ["volcano", "volcanoes"], ["tornado", "tornadoes"], ["torpedo", "torpedoes"], ["genus", "genera"], ["viscus", "viscera"], ["stigma", "stigmata"], ["stoma", "stomata"], ["dogma", "dogmata"], ["lemma", "lemmata"], ["schema", "schemata"], ["anathema", "anathemata"], ["ox", "oxen"], ["axe", "axes"], ["die", "dice"], ["yes", "yeses"], ["foot", "feet"], ["eave", "eaves"], ["goose", "geese"], ["tooth", "teeth"], ["quiz", "quizzes"], ["human", "humans"], ["proof", "proofs"], ["carve", "carves"], ["valve", "valves"], ["looey", "looies"], ["thief", "thieves"], ["groove", "grooves"], ["pickaxe", "pickaxes"], ["passerby", "passersby"], ].forEach(function (y) { return g.addIrregularRule(y[0], y[1]); }), [ [/s?$/i, "s"], [/[^\u0000-\u007F]$/i, "$0"], [/([^aeiou]ese)$/i, "$1"], [/(ax|test)is$/i, "$1es"], [/(alias|[^aou]us|t[lm]as|gas|ris)$/i, "$1es"], [/(e[mn]u)s?$/i, "$1s"], [/([^l]ias|[aeiou]las|[ejzr]as|[iu]am)$/i, "$1"], [ /(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i, "$1i", ], [/(alumn|alg|vertebr)(?:a|ae)$/i, "$1ae"], [/(seraph|cherub)(?:im)?$/i, "$1im"], [/(her|at|gr)o$/i, "$1oes"], [ /(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|automat|quor)(?:a|um)$/i, "$1a", ], [ /(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)(?:a|on)$/i, "$1a", ], [/sis$/i, "ses"], [/(?:(kni|wi|li)fe|(ar|l|ea|eo|oa|hoo)f)$/i, "$1$2ves"], [/([^aeiouy]|qu)y$/i, "$1ies"], [/([^ch][ieo][ln])ey$/i, "$1ies"], [/(x|ch|ss|sh|zz)$/i, "$1es"], [/(matr|cod|mur|sil|vert|ind|append)(?:ix|ex)$/i, "$1ices"], [/\b((?:tit)?m|l)(?:ice|ouse)$/i, "$1ice"], [/(pe)(?:rson|ople)$/i, "$1ople"], [/(child)(?:ren)?$/i, "$1ren"], [/eaux$/i, "$0"], [/m[ae]n$/i, "men"], ["thou", "you"], ].forEach(function (y) { return g.addPluralRule(y[0], y[1]); }), [ [/s$/i, ""], [/(ss)$/i, "$1"], [ /(wi|kni|(?:after|half|high|low|mid|non|night|[^\w]|^)li)ves$/i, "$1fe", ], [/(ar|(?:wo|[ae])l|[eo][ao])ves$/i, "$1f"], [/ies$/i, "y"], [ /\b([pl]|zomb|(?:neck|cross)?t|coll|faer|food|gen|goon|group|lass|talk|goal|cut)ies$/i, "$1ie", ], [/\b(mon|smil)ies$/i, "$1ey"], [/\b((?:tit)?m|l)ice$/i, "$1ouse"], [/(seraph|cherub)im$/i, "$1"], [ /(x|ch|ss|sh|zz|tto|go|cho|alias|[^aou]us|t[lm]as|gas|(?:her|at|gr)o|[aeiou]ris)(?:es)?$/i, "$1", ], [ /(analy|diagno|parenthe|progno|synop|the|empha|cri|ne)(?:sis|ses)$/i, "$1sis", ], [/(movie|twelve|abuse|e[mn]u)s$/i, "$1"], [/(test)(?:is|es)$/i, "$1is"], [ /(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i, "$1us", ], [ /(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|quor)a$/i, "$1um", ], [ /(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)a$/i, "$1on", ], [/(alumn|alg|vertebr)ae$/i, "$1a"], [/(cod|mur|sil|vert|ind)ices$/i, "$1ex"], [/(matr|append)ices$/i, "$1ix"], [/(pe)(rson|ople)$/i, "$1rson"], [/(child)ren$/i, "$1"], [/(eau)x?$/i, "$1"], [/men$/i, "man"], ].forEach(function (y) { return g.addSingularRule(y[0], y[1]); }), [ "adulthood", "advice", "agenda", "aid", "aircraft", "alcohol", "ammo", "analytics", "anime", "athletics", "audio", "bison", "blood", "bream", "buffalo", "butter", "carp", "cash", "chassis", "chess", "clothing", "cod", "commerce", "cooperation", "corps", "debris", "diabetes", "digestion", "elk", "energy", "equipment", "excretion", "expertise", "firmware", "flounder", "fun", "gallows", "garbage", "graffiti", "hardware", "headquarters", "health", "herpes", "highjinks", "homework", "housework", "information", "jeans", "justice", "kudos", "labour", "literature", "machinery", "mackerel", "mail", "media", "mews", "moose", "music", "mud", "manga", "news", "only", "personnel", "pike", "plankton", "pliers", "police", "pollution", "premises", "rain", "research", "rice", "salmon", "scissors", "series", "sewage", "shambles", "shrimp", "software", "species", "staff", "swine", "tennis", "traffic", "transportation", "trout", "tuna", "wealth", "welfare", "whiting", "wildebeest", "wildlife", "you", /pok[eé]mon$/i, /[^aeiou]ese$/i, /deer$/i, /fish$/i, /measles$/i, /o[iu]s$/i, /pox$/i, /sheep$/i, ].forEach(g.addUncountableRule), g ); }); }), _d = At((e, t) => { var n = new Error("Element already at target scroll position"), r = new Error("Scroll cancelled"), i = Math.min, l = Date.now; t.exports = { left: o("scrollLeft"), top: o("scrollTop") }; function o(c) { return function (u, m, p, v) { ((p = p || {}), typeof p == "function" && ((v = p), (p = {})), typeof v != "function" && (v = d)); var g = l(), y = u[c], w = p.ease || s, b = isNaN(p.duration) ? 350 : +p.duration, h = !1; return (y === m ? v(n, u[c]) : requestAnimationFrame(E), f); function f() { h = !0; } function E(C) { if (h) return v(r, u[c]); var Z = l(), M = i(1, (Z - g) / b), V = w(M); ((u[c] = V * (m - y) + y), M < 1 ? requestAnimationFrame(E) : requestAnimationFrame(function () { v(null, u[c]); })); } }; } function s(c) { return 0.5 * (1 - Math.cos(Math.PI * c)); } function d() {} }), Id = At((e, t) => { (function (n, r) { typeof define == "function" && define.amd ? define([], r) : typeof t == "object" && t.exports ? (t.exports = r()) : (n.Scrollparent = r()); })(e, function () { function n(i) { var l = getComputedStyle(i, null).getPropertyValue("overflow"); return l.indexOf("scroll") > -1 || l.indexOf("auto") > -1; } function r(i) { if (i instanceof HTMLElement || i instanceof SVGElement) { for (var l = i.parentNode; l.parentNode; ) { if (n(l)) return l; l = l.parentNode; } return document.scrollingElement || document.documentElement; } } return r; }); }), $i = At((e, t) => { var n = function (f) { return r(f) && !i(f); }; function r(f) { return !!f && typeof f == "object"; } function i(f) { var E = Object.prototype.toString.call(f); return E === "[object RegExp]" || E === "[object Date]" || s(f); } var l = typeof Symbol == "function" && Symbol.for, o = l ? Symbol.for("react.element") : 60103; function s(f) { return f.$$typeof === o; } function d(f) { return Array.isArray(f) ? [] : {}; } function c(f, E) { return E.clone !== !1 && E.isMergeableObject(f) ? b(d(f), f, E) : f; } function u(f, E, C) { return f.concat(E).map(function (Z) { return c(Z, C); }); } function m(f, E) { if (!E.customMerge) return b; var C = E.customMerge(f); return typeof C == "function" ? C : b; } function p(f) { return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(f).filter(function (E) { return Object.propertyIsEnumerable.call(f, E); }) : []; } function v(f) { return Object.keys(f).concat(p(f)); } function g(f, E) { try { return E in f; } catch { return !1; } } function y(f, E) { return ( g(f, E) && !( Object.hasOwnProperty.call(f, E) && Object.propertyIsEnumerable.call(f, E) ) ); } function w(f, E, C) { var Z = {}; return ( C.isMergeableObject(f) && v(f).forEach(function (M) { Z[M] = c(f[M], C); }), v(E).forEach(function (M) { y(f, M) || (g(f, M) && C.isMergeableObject(E[M]) ? (Z[M] = m(M, C)(f[M], E[M], C)) : (Z[M] = c(E[M], C))); }), Z ); } function b(f, E, C) { ((C = C || {}), (C.arrayMerge = C.arrayMerge || u), (C.isMergeableObject = C.isMergeableObject || n), (C.cloneUnlessOtherwiseSpecified = c)); var Z = Array.isArray(E), M = Array.isArray(f), V = Z === M; return V ? (Z ? C.arrayMerge(f, E, C) : w(f, E, C)) : c(E, C); } b.all = function (f, E) { if (!Array.isArray(f)) throw new Error("first argument should be an array"); return f.reduce(function (C, Z) { return b(C, Z, E); }, {}); }; var h = b; t.exports = h; }), Rd = At((e, t) => { var n = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"; t.exports = n; }), Bd = At((e, t) => { var n = Rd(); function r() {} function i() {} ((i.resetWarningCache = r), (t.exports = function () { function l(d, c, u, m, p, v) { if (v !== n) { var g = new Error( "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types", ); throw ((g.name = "Invariant Violation"), g); } } l.isRequired = l; function o() { return l; } var s = { array: l, bigint: l, bool: l, func: l, number: l, object: l, string: l, symbol: l, any: l, arrayOf: o, element: l, elementType: l, instanceOf: o, node: l, objectOf: o, oneOf: o, oneOfType: o, shape: o, exact: o, checkPropTypes: i, resetWarningCache: r, }; return ((s.PropTypes = s), s); })); }), Pd = At((e, t) => { t.exports = Bd()(); }), Vd = At((e, t) => { var n = function (l) { return Object.prototype.hasOwnProperty.call(l, "props"); }, r = function (l, o) { return l + i(o); }, i = function (l) { return l === null || typeof l == "boolean" || typeof l > "u" ? "" : typeof l == "number" ? l.toString() : typeof l == "string" ? l : Array.isArray(l) ? l.reduce(r, "") : n(l) && Object.prototype.hasOwnProperty.call( l.props, "children", ) ? i(l.props.children) : ""; }; ((i.default = i), (t.exports = i)); }), { CHROMATIC_INDEX_URL: Hd, CHROMATIC_BASE_URL: pr = Hd || "https://www.chromatic.com", CHROMATIC_API_URL: jd = `${pr}/api`, } = _e, U = "chromaui/addon-visual-tests", rn = `${U}/panel`, ci = `${U}/test-provider`, ui = `${U}/access-token/${pr}`, Wi = `${U}/configInfo`, io = `${U}/configInfoDismissed`, Dd = `${U}/gitInfo`, z1 = `${U}/gitInfoError`, U1 = `${U}/projectInfo`, $1 = `${U}/isOffline`, mi = `${U}/isOutdated`, zd = `${U}/startBuild`, Ud = `${U}/stopBuild`, W1 = `${U}/localBuildProgress`, $d = `${U}/selectedModeName`, Wd = `${U}/selectedBrowserId`, qd = `${U}/telemetry`, lo = `${U}/enableFilter`, q1 = `${U}/removeAddon`, Gd = "chromatic", Yd = `${U}/ChannelFetch/aborted`, Kd = `${U}ChannelFetch/request`, Jd = `${U}ChannelFetch/response`, Qd = { autoAcceptChanges: !1, exitOnceUploaded: !1, exitZeroOnChanges: !0, forceRebuild: !0, fromCI: !1, interactive: !1, isLocalBuild: !0, logPrefix: "\x1B[38;5;202mChromatic\x1B[0m:", skip: !1, skipUpdateCheck: !0, storybookBuildDir: void 0, }, G1 = "https://www.chromatic.com/docs/visual-tests-addon", ht = (e, t) => { let n = Gt(e); if (n == null) throw new Error(`Missing context value for ${t}`); return n; }, Y1 = He(null), Xd = ({ children: e, value: t }) => a.createElement(Y1.Provider, { value: t }, e), qi = () => ht(Y1, "AuthState"), e5 = { user: a.createElement( a.Fragment, null, a.createElement("path", { d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0ZM2.67 11.15c.7-1 2.6-1.81 3.2-1.9.22-.04.23-.66.23-.66s-.67-.66-.81-1.55c-.4 0-.63-.94-.24-1.27l-.02-.13c-.06-.6-.28-2.6 1.97-2.6s2.03 2 1.97 2.6l-.02.13c.4.33.15 1.27-.24 1.27-.14.89-.8 1.55-.8 1.55s0 .62.22.66c.6.09 2.5.9 3.2 1.9a6 6 0 1 0-8.66 0Z", }), ), useralt: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.27 13.16a11.39 11.39 0 0 0 5.18-1.23v-.25c0-1.57-3.24-3-4.1-3.13-.27-.05-.28-.79-.28-.79s.8-.78.96-1.83c.47 0 .75-1.12.29-1.52.02-.41.6-3.25-2.32-3.25S4.65 4 4.67 4.41c-.46.4-.17 1.52.29 1.52.17 1.05.96 1.83.96 1.83s0 .74-.27.79c-.86.13-4.04 1.53-4.1 3.08a11.44 11.44 0 0 0 5.72 1.53Z", }), ), useradd: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1.18 11.9c-.4-.17-.8-.36-1.18-.58.06-1.44 3.02-2.74 3.82-2.87.25-.04.26-.73.26-.73s-.74-.73-.9-1.7c-.43 0-.7-1.05-.27-1.42l-.01-.14c-.07-.67-.31-2.88 2.18-2.88 2.48 0 2.24 2.2 2.17 2.88l-.01.14c.43.37.16 1.41-.27 1.41-.16.98-.9 1.71-.9 1.71s.01.69.26.73c.8.13 3.82 1.46 3.82 2.91v.24a10.63 10.63 0 0 1-8.97.3ZM11.5 2.16c.28 0 .5.22.5.5v1.5h1.5a.5.5 0 0 1 0 1H12v1.5a.5.5 0 0 1-1 0v-1.5H9.5a.5.5 0 1 1 0-1H11v-1.5c0-.28.22-.5.5-.5Z", }), ), users: a.createElement( a.Fragment, null, a.createElement("path", { d: "M9.21 11.62A10.59 10.59 0 0 1 0 11.07c.06-1.35 2.93-2.58 3.7-2.7.25-.03.26-.68.26-.68s-.72-.69-.87-1.6c-.42 0-.68-.99-.26-1.33 0-.03 0-.08-.02-.14-.07-.63-.3-2.71 2.12-2.71 2.41 0 2.18 2.08 2.11 2.71l-.01.14c.42.34.16 1.32-.26 1.32-.16.92-.87 1.6-.87 1.6s0 .66.25.7c.78.11 3.7 1.36 3.7 2.73v.22l-.64.3Z", }), a.createElement("path", { d: "M8.81 8.42a9.64 9.64 0 0 0-.74-.4 5.2 5.2 0 0 1 1.7-.76c.17-.02.17-.47.17-.47s-.49-.47-.6-1.1c-.28 0-.46-.68-.17-.91l-.01-.1c-.05-.43-.2-1.86 1.45-1.86 1.66 0 1.5 1.43 1.45 1.86v.1c.28.23.1.9-.18.9-.11.64-.6 1.11-.6 1.11s0 .45.17.47c.54.08 2.55.94 2.55 1.89v.62a10.6 10.6 0 0 1-3.3.56 2.97 2.97 0 0 0-.58-.88c-.37-.41-.85-.76-1.31-1.03Z", }), ), profile: a.createElement( a.Fragment, null, a.createElement("path", { d: "M9.1 7.35a5.06 5.06 0 0 1-4.52-.28C4.6 6.4 6.02 5.77 6.4 5.7c.12-.02.12-.35.12-.35s-.35-.34-.43-.81c-.2 0-.33-.5-.12-.67l-.01-.07C5.93 3.48 5.81 2.42 7 2.42S8.07 3.48 8.04 3.8v.07c.2.17.07.67-.13.67-.08.47-.43.81-.43.81s0 .33.12.35c.38.06 1.82.7 1.82 1.4v.1c-.1.06-.2.1-.31.15Zm-5.35 3.9c0-.14.11-.25.25-.25h6a.25.25 0 1 1 0 .5H4a.25.25 0 0 1-.25-.25ZM4 9a.25.25 0 0 0 0 .5h6a.25.25 0 1 0 0-.5H4Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1 .5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v13a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V.5ZM2 13V1h10v12H2Z", }), ), facehappy: a.createElement( a.Fragment, null, a.createElement("path", { d: "M3.97 8.75a.5.5 0 0 0-.87.5 4.5 4.5 0 0 0 7.8 0 .5.5 0 1 0-.87-.5 3.5 3.5 0 0 1-6.06 0ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z", }), a.createElement("path", { fillRule: "evenodd", d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z", }), ), faceneutral: a.createElement( a.Fragment, null, a.createElement("path", { d: "M4.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z", }), a.createElement("path", { fillRule: "evenodd", d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z", }), ), facesad: a.createElement( a.Fragment, null, a.createElement("path", { d: "M3.97 10.25a.5.5 0 0 1-.87-.5 4.5 4.5 0 0 1 7.8 0 .5.5 0 1 1-.87.5 3.5 3.5 0 0 0-6.06 0ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z", }), a.createElement("path", { fillRule: "evenodd", d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z", }), ), accessibility: a.createElement( a.Fragment, null, a.createElement("path", { d: "M3.53 4.84a.5.5 0 0 1 .63-.31l2.05.68a2.5 2.5 0 0 0 1.58 0l2.05-.68a.5.5 0 0 1 .32.94L7.7 6.3a.3.3 0 0 0-.21.29v.24c0 .7.16 1.39.48 2.01l.97 1.95a.5.5 0 1 1-.9.44L7 9.12l-1.05 2.1a.5.5 0 1 1-.9-.44l.97-1.95a4.5 4.5 0 0 0 .48-2.01v-.24a.3.3 0 0 0-.2-.29l-2.46-.82a.5.5 0 0 1-.31-.63Z", }), a.createElement("path", { d: "M7 4.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" }), a.createElement("path", { fillRule: "evenodd", d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z", }), ), accessibilityalt: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM8 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM3.53 4.84a.5.5 0 0 1 .63-.31l2.05.68a2.5 2.5 0 0 0 1.58 0l2.05-.68a.5.5 0 0 1 .32.94L7.7 6.3a.3.3 0 0 0-.21.29v.24c0 .7.16 1.39.48 2.01l.97 1.95a.5.5 0 1 1-.9.44L7 9.12l-1.05 2.1a.5.5 0 1 1-.9-.44l.97-1.95a4.5 4.5 0 0 0 .48-2.01v-.24a.3.3 0 0 0-.2-.29l-2.46-.82a.5.5 0 0 1-.31-.63Z", }), ), arrowup: a.createElement( a.Fragment, null, a.createElement("path", { d: "m7.35 2.9 5.5 5.5a.5.5 0 0 1-.7.7L7 3.96 1.85 9.1a.5.5 0 1 1-.7-.7l5.5-5.5c.2-.2.5-.2.7 0Z", }), ), arrowdown: a.createElement( a.Fragment, null, a.createElement("path", { d: "m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z", }), ), arrowleft: a.createElement( a.Fragment, null, a.createElement("path", { d: "M2.76 7.1c.02.09.06.18.14.25l5.5 5.5a.5.5 0 0 0 .7-.7L3.96 7 9.1 1.85a.5.5 0 1 0-.7-.7l-5.5 5.5a.5.5 0 0 0-.14.45Z", }), ), arrowright: a.createElement( a.Fragment, null, a.createElement("path", { d: "m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z", }), ), arrowupalt: a.createElement( a.Fragment, null, a.createElement("path", { d: "M11.85 4.65 7.35.15a.5.5 0 0 0-.7 0l-4.5 4.5a.5.5 0 1 0 .7.7L6.5 1.71V13.5a.5.5 0 0 0 1 0V1.7l3.65 3.65a.5.5 0 0 0 .7-.7Z", }), ), arrowdownalt: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.5.5a.5.5 0 0 0-1 0v11.8L2.85 8.64a.5.5 0 1 0-.7.7l4.5 4.5A.5.5 0 0 0 7 14a.5.5 0 0 0 .35-.15l4.5-4.5a.5.5 0 0 0-.7-.7L7.5 12.29V.5Z", }), ), arrowleftalt: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5.35 2.15c.2.2.2.5 0 .7L1.71 6.5H13.5a.5.5 0 0 1 0 1H1.7l3.65 3.65a.5.5 0 0 1-.7.7l-4.5-4.5a.5.5 0 0 1 0-.7l4.5-4.5c.2-.2.5-.2.7 0Z", }), ), arrowrightalt: a.createElement( a.Fragment, null, a.createElement("path", { d: "M8.65 2.15c.2-.2.5-.2.7 0l4.5 4.5c.2.2.2.5 0 .7l-4.5 4.5a.5.5 0 0 1-.7-.7l3.64-3.65H.5a.5.5 0 0 1 0-1h11.8L8.64 2.85a.5.5 0 0 1 0-.7Z", }), ), expandalt: a.createElement( a.Fragment, null, a.createElement("path", { d: "m7.35.15 4 4a.5.5 0 0 1-.7.7L7 1.21 3.35 4.85a.5.5 0 1 1-.7-.7l4-4c.2-.2.5-.2.7 0ZM11.35 9.15c.2.2.2.5 0 .7l-4 4a.5.5 0 0 1-.7 0l-4-4a.5.5 0 1 1 .7-.7L7 12.79l3.65-3.64c.2-.2.5-.2.7 0Z", }), ), collapse: a.createElement( a.Fragment, null, a.createElement("path", { d: "M3.354.146a.5.5 0 1 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0-.708-.708L7 3.793 3.354.146Zm3.292 9a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.708L7 10.207l-3.646 3.647a.5.5 0 0 1-.708-.708l4-4Z", }), ), expand: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1.5 1h2a.5.5 0 0 1 0 1h-.8l3.15 3.15a.5.5 0 1 1-.7.7L2 2.71v.79a.5.5 0 0 1-1 0v-2c0-.28.22-.5.5-.5ZM10 1.5c0-.28.22-.5.5-.5h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-1 0v-.8L8.85 5.86a.5.5 0 1 1-.7-.7L11.29 2h-.79a.5.5 0 0 1-.5-.5ZM12.5 10c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h.8L8.14 8.85a.5.5 0 1 1 .7-.7L12 11.29v-.79c0-.28.22-.5.5-.5ZM2 11.3v-.8a.5.5 0 0 0-1 0v2c0 .28.22.5.5.5h2a.5.5 0 0 0 0-1h-.8l3.15-3.15a.5.5 0 1 0-.7-.7L2 11.29Z", }), ), unfold: a.createElement( a.Fragment, null, a.createElement("path", { d: "m6.65.15-1.5 1.5a.5.5 0 1 0 .7.7l.65-.64V5a.5.5 0 0 0 1 0V1.7l.65.65a.5.5 0 1 0 .7-.7L7.35.15a.5.5 0 0 0-.7 0Z", }), a.createElement("path", { d: "M1.3 4.04a.5.5 0 0 0-.16.82L3.3 7 1.15 9.15a.5.5 0 0 0 .35.85h3a.5.5 0 0 0 0-1H2.7l1.5-1.5h5.6l2.35 2.35a.5.5 0 0 0 .7-.7L10.71 7l2.14-2.15.11-.54-.1.54A.5.5 0 0 0 13 4.5a.5.5 0 0 0-.14-.35.5.5 0 0 0-.36-.15h-3a.5.5 0 0 0 0 1h1.8L9.8 6.5H4.2L2.7 5h1.8a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.2.04Z", }), a.createElement("path", { d: "M7 8.5c.28 0 .5.22.5.5v3.3l.65-.65a.5.5 0 0 1 .7.7l-1.5 1.5a.5.5 0 0 1-.7 0l-1.5-1.5a.5.5 0 0 1 .7-.7l.65.64V9c0-.28.22-.5.5-.5ZM9 9.5c0-.28.22-.5.5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Z", }), ), transfer: a.createElement( a.Fragment, null, a.createElement("path", { d: "M10.65 2.65c.2-.2.5-.2.7 0l1.5 1.5c.2.2.2.5 0 .7l-1.5 1.5a.5.5 0 0 1-.7-.7l.64-.65H1.5a.5.5 0 0 1 0-1h9.8l-.65-.65a.5.5 0 0 1 0-.7ZM3.35 8.35 2.71 9h9.79a.5.5 0 0 1 0 1H2.7l.65.65a.5.5 0 0 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7Z", }), ), redirect: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1.5 1c.28 0 .5.22.5.5V10a2 2 0 0 0 4 0V4a3 3 0 0 1 6 0v7.8l1.15-1.15a.5.5 0 0 1 .7.7l-2 2a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7L11 11.79V4a2 2 0 1 0-4 0v6a3 3 0 0 1-6 0V1.5c0-.28.22-.5.5-.5Z", }), ), undo: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1.15 3.85a.5.5 0 0 1 0-.7l2-2a.5.5 0 1 1 .7.7L2.71 3H9a4 4 0 0 1 0 8H3a.5.5 0 0 1 0-1h6a3 3 0 1 0 0-6H2.7l1.15 1.15a.5.5 0 1 1-.7.7l-2-2Z", }), ), reply: a.createElement( a.Fragment, null, a.createElement("path", { d: "M4.35 2.15c.2.2.2.5 0 .7L1.71 5.5H9.5A4.5 4.5 0 0 1 14 10v1.5a.5.5 0 0 1-1 0V10a3.5 3.5 0 0 0-3.5-3.5H1.7l2.65 2.65a.5.5 0 1 1-.7.7l-3.5-3.5a.5.5 0 0 1 0-.7l3.5-3.5c.2-.2.5-.2.7 0Z", }), ), sync: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5.5 1A.5.5 0 0 0 5 .5H2a.5.5 0 0 0 0 1h1.53a6.5 6.5 0 0 0 2.39 11.91.5.5 0 1 0 .16-.99A5.5 5.5 0 0 1 4.5 2.1V4a.5.5 0 0 0 1 0V1ZM7.5 1a.5.5 0 0 1 .58-.41 6.5 6.5 0 0 1 2.39 11.91H12a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v1.9A5.5 5.5 0 0 0 7.92 1.58.5.5 0 0 1 7.5 1Z", }), ), upload: a.createElement( a.Fragment, null, a.createElement("path", { d: "M8.65 5.85 7.5 4.71v5.79a.5.5 0 0 1-1 0V4.7L5.35 5.86a.5.5 0 1 1-.7-.7l2-2c.2-.2.5-.2.7 0l2 2a.5.5 0 1 1-.7.7Z", }), a.createElement("path", { fillRule: "evenodd", d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z", }), ), download: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5.35 8.15 6.5 9.29V3.5a.5.5 0 0 1 1 0v5.8l1.15-1.15a.5.5 0 1 1 .7.7l-2 2a.5.5 0 0 1-.7 0l-2-2a.5.5 0 1 1 .7-.7Z", }), a.createElement("path", { fillRule: "evenodd", d: "M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm1 0a6 6 0 1 1 12 0A6 6 0 0 1 1 7Z", }), ), back: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5.85 5.35 4.71 6.5h5.79a.5.5 0 0 1 0 1H4.7l1.15 1.15a.5.5 0 1 1-.7.7l-2-2a.5.5 0 0 1 0-.7l2-2a.5.5 0 1 1 .7.7Z", }), a.createElement("path", { fillRule: "evenodd", d: "M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0Zm0 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1Z", }), ), proceed: a.createElement( a.Fragment, null, a.createElement("path", { d: "M3.5 6.5h5.8L8.14 5.35a.5.5 0 1 1 .7-.7l2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 1 1-.7-.7L9.29 7.5H3.5a.5.5 0 0 1 0-1Z", }), a.createElement("path", { fillRule: "evenodd", d: "M7 14A7 7 0 1 1 7 0a7 7 0 0 1 0 14Zm0-1A6 6 0 1 1 7 1a6 6 0 0 1 0 12Z", }), ), refresh: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.1.5H7a6.5 6.5 0 1 0 6.41 7.58.5.5 0 1 0-.99-.16A5.47 5.47 0 0 1 7 12.5a5.5 5.5 0 0 1 0-11 5.5 5.5 0 0 1 4.9 3H10a.5.5 0 0 0 0 1h3a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-1 0v1.53A6.5 6.5 0 0 0 7.1.5Z", }), ), globe: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M14 7A7 7 0 1 0 0 7a7 7 0 0 0 14 0Zm-6.53 5.74c-.24.23-.4.26-.47.26-.08 0-.23-.03-.47-.26-.23-.24-.5-.62-.73-1.18A11.57 11.57 0 0 1 5 7.5h4a11.57 11.57 0 0 1-.8 4.06c-.24.56-.5.94-.73 1.18ZM8.99 6.5H5.01c.05-1.62.35-3.04.79-4.06.24-.56.5-.94.73-1.18.24-.23.4-.26.47-.26.08 0 .23.03.47.26.23.24.5.62.73 1.18.44 1.02.74 2.44.8 4.06Zm1 1c-.06 2.18-.56 4.08-1.28 5.25a6 6 0 0 0 4.27-5.25H9.99Zm2.99-1H9.99c-.06-2.18-.56-4.08-1.28-5.25a6 6 0 0 1 4.27 5.25ZM4 6.5c.06-2.18.56-4.08 1.28-5.25A6 6 0 0 0 1.02 6.5h2.99Zm-2.99 1a6 6 0 0 0 4.27 5.25c-.72-1.17-1.22-3.07-1.28-5.25H1.02Z", }), ), compass: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M10.09 3.4 5.95 5.8a.37.37 0 0 0-.11.09.38.38 0 0 0-.04.05l-2.4 4.15a.37.37 0 0 0 0 .38c.1.18.33.24.5.14l4.15-2.4a.37.37 0 0 0 .15-.15l2.4-4.15a.37.37 0 0 0-.03-.44.37.37 0 0 0-.48-.07ZM4.75 9.25 7.6 7.6 6.4 6.4 4.75 9.25Z", }), a.createElement("path", { fillRule: "evenodd", d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z", }), ), location: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm6.5 3.5v2.48A6 6 0 0 1 1.02 7.5H3.5a.5.5 0 0 0 0-1H1.02A6 6 0 0 1 6.5 1.02V3.5a.5.5 0 0 0 1 0V1.02a6 6 0 0 1 5.48 5.48H10.5a.5.5 0 0 0 0 1h2.48a6 6 0 0 1-5.48 5.48V10.5a.5.5 0 0 0-1 0Z", }), ), pin: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M9 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z", }), a.createElement("path", { fillRule: "evenodd", d: "M12 5A5 5 0 0 0 2 5c0 2.63 2.27 6.15 4.65 8.64.2.2.5.2.7 0C9.73 11.15 12 7.64 12 5ZM7 1a4 4 0 0 1 4 4c0 1.06-.47 2.42-1.3 3.88A21.23 21.23 0 0 1 7 12.55c-1-1.1-1.97-2.39-2.7-3.67A8.46 8.46 0 0 1 3 5a4 4 0 0 1 4-4Z", }), ), time: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7 2c.28 0 .5.22.5.5v4H10a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5V2.5c0-.28.22-.5.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z", }), ), dashboard: a.createElement( a.Fragment, null, a.createElement("path", { d: "M9.8 4.1a.5.5 0 0 1 .1.7L7.92 7.58A1 1 0 1 1 7.1 7l2-2.8a.5.5 0 0 1 .7-.12Z", }), a.createElement("path", { fillRule: "evenodd", d: "M2.07 12.97a7 7 0 1 1 9.86 0 12.96 12.96 0 0 0-9.86 0Zm9.58-1.18a6 6 0 1 0-9.3 0 13.98 13.98 0 0 1 9.3 0Z", }), ), timer: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.5 4.5a.5.5 0 0 0-1 0v2.63a1 1 0 1 0 1 0V4.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M5.5.5c0-.28.22-.5.5-.5h2a.5.5 0 0 1 0 1h-.5v1.02c1.28.1 2.45.61 3.37 1.4l.78-.77a.5.5 0 0 1 .7.7l-.77.78a6 6 0 1 1-5.08-2.1V1H6a.5.5 0 0 1-.5-.5ZM7 3a5 5 0 1 0 0 10A5 5 0 0 0 7 3Z", }), ), home: a.createElement( a.Fragment, null, a.createElement("path", { d: "m7.35 1.15 5.5 5.5a.5.5 0 0 1-.7.7L12 7.21v5.29a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V9H6v3.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V7.2l-.15.15a.5.5 0 1 1-.7-.7l1-1 4.5-4.5c.2-.2.5-.2.7 0ZM3 6.2V12h2V8.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5V12h2V6.2l-4-4-4 4Z", }), ), admin: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M1.21 4.1a.5.5 0 0 1 .06-.04l5.48-3a.5.5 0 0 1 .5 0l5.48 3a.5.5 0 0 1 .27.39.5.5 0 0 1-.51.55H1.51a.5.5 0 0 1-.3-.9ZM3.46 4h7.08L7 2.07 3.46 4Z", }), a.createElement("path", { d: "M4 6a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0V6ZM11 6a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V6ZM5.75 5.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0V6c0-.28.22-.5.5-.5ZM8.75 6a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0V6ZM1.5 12.5c0-.27.22-.5.5-.5h10a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5Z", }), ), info: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7 5.5c.28 0 .5.22.5.5v4a.5.5 0 0 1-1 0V6c0-.28.22-.5.5-.5ZM7 4.5A.75.75 0 1 0 7 3a.75.75 0 0 0 0 1.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z", }), ), question: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5.25 5.25A1.75 1.75 0 1 1 7 7a.5.5 0 0 0-.5.5V9a.5.5 0 0 0 1 0V7.95a2.75 2.75 0 1 0-3.25-2.7.5.5 0 0 0 1 0ZM7 11.5A.75.75 0 1 0 7 10a.75.75 0 0 0 0 1.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z", }), ), support: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-3.52 4.9a5.97 5.97 0 0 1-6.96 0l1.45-1.45a3.98 3.98 0 0 0 4.06 0l1.45 1.44Zm-.03-2.87 1.44 1.45a5.97 5.97 0 0 0 0-6.96l-1.44 1.45a3.98 3.98 0 0 1 0 4.06ZM9.03 3.55l1.45-1.44a5.97 5.97 0 0 0-6.96 0l1.45 1.44a3.98 3.98 0 0 1 4.06 0ZM3.55 4.97 2.11 3.52a5.97 5.97 0 0 0 0 6.96l1.44-1.45a3.98 3.98 0 0 1 0-4.06ZM10 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z", }), ), alert: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7 4.5c.28 0 .5.22.5.5v3.5a.5.5 0 0 1-1 0V5c0-.28.22-.5.5-.5ZM7.75 10.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z", }), a.createElement("path", { fillRule: "evenodd", d: "M7.2 1.04a.5.5 0 0 1 .24.21l6.49 11a.5.5 0 0 1-.44.75H.51a.5.5 0 0 1-.5-.45.5.5 0 0 1 .06-.31l6.5-10.99a.5.5 0 0 1 .64-.2ZM7 2.48 1.38 12h11.24L7 2.48Z", }), ), email: a.createElement( a.Fragment, null, a.createElement("path", { d: "M0 2.5c0-.27.22-.5.5-.5h13c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-9Zm1 1.02V11h12V3.52L7.31 7.89a.5.5 0 0 1-.52.07.5.5 0 0 1-.1-.07L1 3.52ZM12.03 3H1.97L7 6.87 12.03 3Z", }), ), phone: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "m7.76 8.13-.05.05a.2.2 0 0 1-.28.03A6.76 6.76 0 0 1 5.8 6.56a.21.21 0 0 1 .04-.27l.05-.05c.23-.2.54-.47.71-.96.17-.47-.02-1.04-.66-1.94-.26-.38-.72-.96-1.22-1.46-.68-.69-1.2-1-1.65-1a.98.98 0 0 0-.51.13A3.23 3.23 0 0 0 .9 3.42c-.13 1.1.26 2.37 1.17 3.78a16.68 16.68 0 0 0 4.55 4.6 6.57 6.57 0 0 0 3.53 1.32A3.2 3.2 0 0 0 13 11.46c.14-.24.24-.64-.07-1.18a7.8 7.8 0 0 0-1.73-1.8c-.64-.5-1.52-1.12-2.13-1.12a.97.97 0 0 0-.34.06c-.47.17-.74.46-.95.69l-.02.02Zm4.32 2.68a6.8 6.8 0 0 0-1.48-1.54h-.02c-.3-.25-.64-.49-.95-.67a2.7 2.7 0 0 0-.56-.24h-.01c-.23.09-.34.21-.56.45l-.02.02-.04.04a1.2 1.2 0 0 1-1.6.15 7.76 7.76 0 0 1-1.86-1.89l-.01-.01-.02-.02a1.21 1.21 0 0 1 .2-1.53l.06-.06.02-.02c.22-.2.35-.31.43-.53v-.02c0-.02 0-.06-.03-.14a3.7 3.7 0 0 0-.5-.88h-.01V3.9c-.23-.33-.65-.87-1.1-1.32H4c-.31-.32-.55-.5-.72-.6a.6.6 0 0 0-.22-.1h-.03a2.23 2.23 0 0 0-1.15 1.66c-.09.78.18 1.8 1.02 3.1a15.68 15.68 0 0 0 4.27 4.33l.02.01.02.02a5.57 5.57 0 0 0 2.97 1.11 2.2 2.2 0 0 0 1.93-1.14h.01v-.05a.57.57 0 0 0-.05-.12Z", }), ), link: a.createElement( a.Fragment, null, a.createElement("path", { d: "M11.84 2.16a2.25 2.25 0 0 0-3.18 0l-2.5 2.5c-.88.88-.88 2.3 0 3.18a.5.5 0 0 1-.7.7 3.25 3.25 0 0 1 0-4.59l2.5-2.5a3.25 3.25 0 0 1 4.59 4.6L10.48 8.1c.04-.44.01-.89-.09-1.32l1.45-1.45c.88-.88.88-2.3 0-3.18Z", }), a.createElement("path", { d: "M3.6 7.2c-.1-.42-.12-.87-.08-1.31L1.45 7.95a3.25 3.25 0 1 0 4.6 4.6l2.5-2.5a3.25 3.25 0 0 0 0-4.6.5.5 0 0 0-.7.7c.87.89.87 2.31 0 3.2l-2.5 2.5a2.25 2.25 0 1 1-3.2-3.2l1.46-1.44Z", }), ), unlink: a.createElement( a.Fragment, null, a.createElement("path", { d: "m1.45 7.95 1.3-1.3.71.7-1.3 1.3a2.25 2.25 0 1 0 3.18 3.2l1.3-1.31.71.7-1.3 1.3a3.25 3.25 0 0 1-4.6-4.59ZM12.55 6.05l-1.3 1.3-.71-.7 1.3-1.3a2.25 2.25 0 1 0-3.18-3.2l-1.3 1.31-.71-.7 1.3-1.3a3.25 3.25 0 0 1 4.6 4.59ZM1.85 1.15a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z", }), ), bell: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M8 1.11a1 1 0 1 0-1.99 0A4.5 4.5 0 0 0 2.5 5.5v3.88l-.94 1.89a.5.5 0 0 0-.06.3.5.5 0 0 0 .51.43h3.58a1.5 1.5 0 1 0 2.82 0H12a.5.5 0 0 0 .45-.73l-.94-1.89V5.5A4.5 4.5 0 0 0 8 1.11ZM2.8 11h8.4l-.5-1H3.3l-.5 1Zm7.7-2V5.5a3.5 3.5 0 1 0-7 0V9h7Zm-4 3.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z", }), ), rss: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1.5.5c0-.28.22-.5.5-.5a12 12 0 0 1 12 12 .5.5 0 0 1-1 0A11 11 0 0 0 2 1a.5.5 0 0 1-.5-.5Z", }), a.createElement("path", { d: "M1.5 4.5c0-.28.22-.5.5-.5a8 8 0 0 1 8 8 .5.5 0 0 1-1 0 7 7 0 0 0-7-7 .5.5 0 0 1-.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M5 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-1 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z", }), ), sharealt: a.createElement( a.Fragment, null, a.createElement("path", { d: "M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7.5a.5.5 0 0 0-1 0V12H2V2h4.5a.5.5 0 0 0 0-1H2Z", }), a.createElement("path", { d: "M7.35 7.36 12 2.7v1.8a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 1 0 0 1h1.8L6.64 6.64a.5.5 0 1 0 .7.7Z", }), ), share: a.createElement( a.Fragment, null, a.createElement("path", { d: "M6.65.15c.2-.2.5-.2.7 0l2 2a.5.5 0 1 1-.7.7L7.5 1.72v6.8a.5.5 0 0 1-1 0V1.7L5.35 2.86a.5.5 0 1 1-.7-.71l2-2Z", }), a.createElement("path", { d: "M2 4a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H9.5a.5.5 0 1 0 0 1H12v7H2V5h2.5a.5.5 0 0 0 0-1H2Z", }), ), circlehollow: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M7 13A6 6 0 1 0 7 1a6 6 0 0 0 0 12Zm0 1A7 7 0 1 0 7 0a7 7 0 0 0 0 14Z", }), ), circle: a.createElement("path", { d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Z", }), bookmarkhollow: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M3.5 0h7c.28 0 .5.22.5.5v13a.5.5 0 0 1-.45.5.46.46 0 0 1-.38-.12L7 11.16l-3.17 2.72a.46.46 0 0 1-.38.12.5.5 0 0 1-.45-.5V.5c0-.28.22-.5.5-.5ZM4 12.41l2.66-2.28a.45.45 0 0 1 .38-.13c.1.01.2.05.29.12l2.67 2.3V1H4v11.41Z", }), ), bookmark: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M3.5 0h7c.28 0 .5.22.5.5v13a.5.5 0 0 1-.45.5.46.46 0 0 1-.38-.12L7 11.16l-3.17 2.72a.46.46 0 0 1-.38.12.5.5 0 0 1-.45-.5V.5c0-.28.22-.5.5-.5Z", }), ), diamond: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M8.41 1.59a2 2 0 0 0-2.82 0l-4 4a2 2 0 0 0 0 2.82l4 4a2 2 0 0 0 2.82 0l4-4a2 2 0 0 0 0-2.82l-4-4Zm.71-.71a3 3 0 0 0-4.24 0l-4 4a3 3 0 0 0 0 4.24l4 4a3 3 0 0 0 4.24 0l4-4a3 3 0 0 0 0-4.24l-4-4Z", }), ), hearthollow: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M12.81 1.85 13 2a2.97 2.97 0 0 1 .75 1.17 4.39 4.39 0 0 1 .12 2.51 6.26 6.26 0 0 1-1.65 2.55l-4.78 4.6A.59.59 0 0 1 7 13a.67.67 0 0 1-.44-.17L1.78 8.22a7.84 7.84 0 0 1-1.25-1.6C.37 6.31.24 6 .14 5.67a4.32 4.32 0 0 1 .12-2.51 3.2 3.2 0 0 1 1.95-1.9c.47-.18 1-.27 1.57-.27.3 0 .61.04.91.14.3.09.59.21.86.36s.52.33.77.52c.24.19.47.38.68.58a7.56 7.56 0 0 1 1.46-1.1c.27-.15.55-.27.84-.36.3-.1.6-.14.9-.14.59 0 1.12.09 1.59.26.39.15.73.34 1.02.59ZM1.2 3.53A2.2 2.2 0 0 1 2.57 2.2M1.2 3.53c-.13.33-.2.72-.2 1.18 0 .22.03.45.1.68a3.97 3.97 0 0 0 .79 1.46c.19.23.38.45.59.65l4.51 4.36 4.52-4.35c.2-.2.4-.4.59-.65.18-.23.34-.47.49-.73.13-.23.23-.48.3-.73.08-.23.11-.46.11-.7 0-.45-.07-.84-.2-1.18-.12-.33-.3-.6-.51-.8v-.01c-.22-.2-.5-.38-.85-.51-.34-.13-.75-.2-1.24-.2-.2 0-.4.03-.6.09a4.95 4.95 0 0 0-1.9 1.22l-.68.67-.7-.65a9.97 9.97 0 0 0-.62-.53c-.2-.16-.42-.3-.63-.42h-.01c-.21-.12-.43-.22-.66-.29C4.2 2.03 4 2 3.77 2c-.48 0-.88.07-1.21.2", }), ), heart: a.createElement( a.Fragment, null, a.createElement("path", { d: "M12.81 1.85 13 2a2.97 2.97 0 0 1 .75 1.17 4.39 4.39 0 0 1 .12 2.51 6.26 6.26 0 0 1-1.65 2.55l-4.78 4.6A.59.59 0 0 1 7 13a.67.67 0 0 1-.44-.17L1.78 8.22a7.84 7.84 0 0 1-1.25-1.6C.37 6.31.24 6 .14 5.67a4.32 4.32 0 0 1 .12-2.51 3.2 3.2 0 0 1 1.95-1.9c.47-.18 1-.27 1.57-.27.3 0 .61.04.91.14.3.09.59.21.86.36s.52.33.77.52c.24.19.47.38.68.58a7.56 7.56 0 0 1 1.46-1.1c.27-.15.55-.27.84-.36.3-.1.6-.14.9-.14.59 0 1.12.09 1.59.26.39.15.73.34 1.02.59Z", }), ), starhollow: a.createElement( a.Fragment, null, a.createElement("path", { d: "M6.32.78a.75.75 0 0 1 1.36 0l1.63 3.54 3.87.46c.63.07.89.86.42 1.3l-2.86 2.64.76 3.81a.75.75 0 0 1-1.1.8L7 11.43l-3.4 1.9a.75.75 0 0 1-1.1-.8l.76-3.81L.4 6.07a.75.75 0 0 1 .42-1.3l3.87-.45L6.32.78ZM7 1.7 5.54 4.86c-.11.24-.34.4-.6.43l-3.46.42 2.56 2.37c.2.17.28.44.23.7l-.68 3.42 3.04-1.7c.23-.14.5-.14.74 0l3.04 1.7-.68-3.43a.75.75 0 0 1 .23-.7l2.56-2.36-3.47-.42a.75.75 0 0 1-.59-.43L7 1.7Z", }), ), star: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.68.78a.75.75 0 0 0-1.36 0L4.69 4.32l-3.87.46a.75.75 0 0 0-.42 1.3l2.86 2.64-.76 3.81a.75.75 0 0 0 1.1.8l3.4-1.9 3.4 1.9a.75.75 0 0 0 1.1-.8l-.76-3.81 2.86-2.65a.75.75 0 0 0-.42-1.3L9.3 4.33 7.68.78Z", }), ), certificate: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M10 7.85A4.49 4.49 0 0 0 7 0a4.5 4.5 0 0 0-3 7.85V13a.5.5 0 0 0 .5.5.5.5 0 0 0 .35-.15L7 11.21l2.15 2.14A.5.5 0 0 0 10 13V7.85ZM7 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.35 2.15c.2-.2.5-.2.7 0L9 11.79V8.53a4.48 4.48 0 0 1-4 0v3.26l1.65-1.64Z", }), ), verified: a.createElement( a.Fragment, null, a.createElement("path", { d: "M6.56 13.12a1 1 0 0 1 .88 0l.98.49a1 1 0 0 0 1.31-.43l.52-.97a1 1 0 0 1 .7-.51l1.08-.2a1 1 0 0 0 .81-1.1l-.15-1.1a1 1 0 0 1 .27-.82l.76-.8a1 1 0 0 0 0-1.37l-.76-.79a1 1 0 0 1-.27-.83l.15-1.08a1 1 0 0 0-.8-1.12l-1.09-.19a1 1 0 0 1-.7-.5L9.73.81A1 1 0 0 0 8.43.4l-1 .49a1 1 0 0 1-.87 0L5.58.39a1 1 0 0 0-1.31.43l-.52.97a1 1 0 0 1-.7.51l-1.08.2a1 1 0 0 0-.81 1.1l.15 1.1a1 1 0 0 1-.27.82l-.76.8a1 1 0 0 0 0 1.37l.76.79a1 1 0 0 1 .27.83l-.15 1.08a1 1 0 0 0 .8 1.12l1.09.19a1 1 0 0 1 .7.5l.52.98a1 1 0 0 0 1.3.43l1-.49Zm4.3-8.47c.19.2.19.5 0 .7l-4.5 4.5a.5.5 0 0 1-.71 0l-2.5-2.5a.5.5 0 1 1 .7-.7L6 8.79l4.15-4.14c.2-.2.5-.2.7 0Z", }), ), thumbsup: a.createElement( a.Fragment, null, a.createElement("path", { d: "M11 12.02c-.4.37-.91.56-1.56.56h-.88a5.5 5.5 0 0 1-1.3-.16c-.42-.1-.91-.25-1.47-.45-.3-.12-.63-.21-.95-.27H2.88a.84.84 0 0 1-.62-.26.84.84 0 0 1-.26-.61V6.45c0-.24.09-.45.26-.62a.84.84 0 0 1 .62-.25h1.87c.16-.11.47-.47.93-1.06.27-.35.51-.64.74-.88.1-.11.19-.3.24-.58.05-.28.12-.57.2-.87.1-.3.24-.55.43-.74a.87.87 0 0 1 .62-.25c.38 0 .72.07 1.03.22.3.15.54.38.7.7a2.94 2.94 0 0 1 .21 1.58 3 3 0 0 1-.3 1h1.2c.47 0 .88.17 1.23.52s.52.8.52 1.22c0 .29-.04.66-.34 1.12.05.15.07.3.07.47 0 .35-.09.68-.26.98.07.54-.07 1.08-.4 1.51a1.9 1.9 0 0 1-.57 1.5Zm.47-5.33a.96.96 0 0 0 .03-.25.74.74 0 0 0-.23-.51.68.68 0 0 0-.52-.23H7.93l.73-1.45a2 2 0 0 0 .21-.87c0-.44-.07-.7-.13-.82a.53.53 0 0 0-.24-.24 1.3 1.3 0 0 0-.54-.12.99.99 0 0 0-.14.28c-.08.27-.13.52-.18.76-.06.38-.2.77-.48 1.07v.01l-.02.01c-.2.2-.4.46-.67.8l-.61.76c-.15.17-.35.38-.54.51l-.26.18H5v4.13h.02c.38.08.76.18 1.12.32.53.2.98.33 1.35.42.36.09.71.13 1.07.13h.88c.43 0 .68-.11.87-.29a.9.9 0 0 0 .26-.7l-.02-.37.22-.3c.17-.23.25-.5.2-.78l-.04-.33.17-.3a.97.97 0 0 0 .13-.48c0-.09 0-.13-.02-.15l-.15-.46.26-.4c.1-.15.13-.25.15-.33ZM3.5 10.8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z", }), ), shield: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M11.76 2.08a.5.5 0 0 1 .24.42v6a.5.5 0 0 1-.17.38l-4.5 3.99a.5.5 0 0 1-.67 0l-4.49-4A.5.5 0 0 1 2 8.5V2.5c0-.18.1-.34.24-.42l.01-.02a2.5 2.5 0 0 1 .3-.16c.22-.1.52-.24.92-.37C4.27 1.26 5.44 1 7 1c1.56 0 2.73.26 3.53.53a6.97 6.97 0 0 1 1.22.53l.01.02ZM3 2.79v5.49l1.07.94 6.59-6.58-.44-.17C9.52 2.24 8.44 2 7 2c-1.44 0-2.52.24-3.22.47-.35.12-.6.24-.78.32Zm4 9.04L4.82 9.9 11 3.71v4.57l-4 3.55Z", }), ), basket: a.createElement( a.Fragment, null, a.createElement("path", { d: "M10.35 2.85a.5.5 0 1 0-.7-.7l-3 3a.5.5 0 1 0 .7.7l3-3Z", }), a.createElement("path", { d: "M2.09 6H4.5a.5.5 0 0 0 0-1H1.8a.75.75 0 0 0-.74.87l.8 4.88A1.5 1.5 0 0 0 3.36 12h7.3a1.5 1.5 0 0 0 1.48-1.25l.81-4.88A.75.75 0 0 0 12.2 5H10a.5.5 0 0 0 0 1h1.91l-.76 4.58a.5.5 0 0 1-.5.42h-7.3a.5.5 0 0 1-.5-.42L2.1 6Z", }), a.createElement("path", { d: "M4.5 7c.28 0 .5.22.5.5v2a.5.5 0 0 1-1 0v-2c0-.28.22-.5.5-.5ZM10 7.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2ZM6.5 9.5v-2a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0Z", }), ), beaker: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M4.5 2h.75v3.87l-3.03 5.26c-.48.83.12 1.87 1.08 1.87h7.4c.96 0 1.57-1.04 1.08-1.87L8.75 5.87V2h.75a.5.5 0 0 0 0-1h-5a.5.5 0 0 0 0 1Zm1.75 4V2h1.5v4.13l.07.12 1 1.75H5.18l1.01-1.75.07-.12V6ZM4.6 9l-1.52 2.63c-.1.16.03.37.22.37h7.4c.2 0 .31-.2.22-.37L9.4 9H4.6Z", }), ), hourglass: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.5 10.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z", }), a.createElement("path", { fillRule: "evenodd", d: "M3.5 1a.5.5 0 0 0-.5.5c0 1.06.14 1.9.68 2.97.34.7.86 1.5 1.6 2.53a16.53 16.53 0 0 0-1.8 2.96A6 6 0 0 0 3 12.49v.01a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5 6 6 0 0 0-.48-2.54c-.34-.8-.9-1.71-1.8-2.96a19.78 19.78 0 0 0 1.6-2.53c.54-1.08.68-1.9.68-2.97a.5.5 0 0 0-.5-.5h-7Zm6.49 11a4.68 4.68 0 0 0-.39-1.65c-.27-.65-.73-1.4-1.5-2.5a133 133 0 0 1-.75 1 .5.5 0 0 1-.56.1.5.5 0 0 1-.2-.16l-.7-.94a14.36 14.36 0 0 0-1.5 2.5A4.68 4.68 0 0 0 4.02 12H10ZM6.3 6.72l.7.94a90.06 90.06 0 0 0 .7-.96c.49-.67.87-1.22 1.17-1.7H5.13A32.67 32.67 0 0 0 6.3 6.72ZM4.56 4h4.88c.36-.73.5-1.31.55-2H4c.04.69.19 1.27.55 2Z", }), ), flag: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M11.5 1h-9a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 1 0V8h8.5a.5.5 0 0 0 .35-.85L9.21 4.5l2.64-2.65A.5.5 0 0 0 11.5 1ZM8.15 4.15 10.29 2H3v5h7.3L8.14 4.85a.5.5 0 0 1 0-.7Z", }), ), cloudhollow: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M10 7V6a3 3 0 0 0-5.9-.74l-.18.68-.7.07A2.5 2.5 0 0 0 3.5 11h3.19l.07-.01h.08L7 11h4a2 2 0 1 0 0-4h-1ZM3.12 5.02A3.5 3.5 0 0 0 3.5 12H11a3 3 0 1 0 0-6 4 4 0 0 0-7.88-.98Z", }), ), cloud: a.createElement("path", { d: "M7 2a4 4 0 0 1 4 4 3 3 0 1 1 0 6H3.5a3.5 3.5 0 0 1-.38-6.98A4 4 0 0 1 7 2Z", }), edit: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "m13.85 2.15-2-2a.5.5 0 0 0-.7 0l-1.5 1.5-9 9a.5.5 0 0 0-.14.26L0 13.39a.5.5 0 0 0 .14.46.5.5 0 0 0 .46.14l2.48-.5a.5.5 0 0 0 .27-.14l9-9 1.5-1.5a.5.5 0 0 0 0-.7ZM12 3.29l.8-.79-1.3-1.3-.8.8L12 3.3Zm-2-.58L1.7 11 3 12.3 11.3 4 10 2.7ZM1.14 12.86l.17-.85.68.68-.85.17Z", }), ), cog: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5.59 5.59a2 2 0 0 1 3.27 2.14.5.5 0 1 0 .93.37 3 3 0 1 0-1.7 1.7.5.5 0 1 0-.36-.94A2 2 0 0 1 5.6 5.6Z", fill: "#333", }), a.createElement("path", { fillRule: "evenodd", d: "M.94 6.53c.13.12.19.3.18.46 0 .17-.05.34-.18.47L0 8.39c.19.94.55 1.81 1.07 2.58h1.32c.18 0 .34.07.46.2.12.11.2.27.2.45v1.32c.76.51 1.62.88 2.55 1.06l.94-.94a.63.63 0 0 1 .45-.19h.03c.16 0 .33.07.45.19l.94.94a7.1 7.1 0 0 0 2.55-1.06v-1.33c0-.18.07-.35.2-.46.11-.12.27-.2.45-.2h1.33A7.1 7.1 0 0 0 14 8.4l-.95-.94a.64.64 0 0 1-.18-.47c0-.17.06-.34.18-.46l.95-.95a7.1 7.1 0 0 0-1.05-2.52h-1.34a.63.63 0 0 1-.46-.2.64.64 0 0 1-.2-.46V1.06A7.1 7.1 0 0 0 8.42 0l-.94.94a.63.63 0 0 1-.45.19H7a.63.63 0 0 1-.45-.19L5.6 0a7.1 7.1 0 0 0-2.56 1.06v1.33c0 .18-.07.34-.2.46a.63.63 0 0 1-.45.2H1.06A7.1 7.1 0 0 0 0 5.59l.94.94Zm.7 1.63c.33-.32.49-.75.48-1.17 0-.42-.15-.85-.47-1.17l-.54-.54c.12-.43.3-.85.51-1.23h.77c.46 0 .87-.2 1.17-.5.3-.29.48-.7.48-1.16v-.77c.4-.22.81-.39 1.25-.52l.54.55c.33.32.75.48 1.16.48h.03c.42 0 .84-.16 1.16-.48l.54-.54c.44.12.85.3 1.24.5v.8c0 .45.19.87.49 1.16.3.3.7.5 1.16.5h.78c.2.37.38.78.5 1.2l-.54.55c-.33.32-.49.75-.48 1.17 0 .42.15.85.48 1.17l.55.55c-.13.44-.3.85-.52 1.24h-.77c-.45 0-.87.2-1.16.5-.3.29-.5.7-.5 1.16v.77c-.38.21-.8.39-1.23.51l-.54-.54a1.64 1.64 0 0 0-1.16-.48H7c-.41 0-.83.16-1.16.48l-.54.55a6.1 6.1 0 0 1-1.25-.52v-.76c0-.45-.19-.87-.48-1.16-.3-.3-.71-.5-1.17-.5h-.76a6.1 6.1 0 0 1-.53-1.25l.55-.55Z", }), ), nut: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5.59 8.41a2 2 0 1 1 3.27-.68.5.5 0 1 0 .93.37 3 3 0 1 0-1.7 1.7.5.5 0 0 0-.36-.94 2 2 0 0 1-2.14-.45Z", }), a.createElement("path", { fillRule: "evenodd", d: "M6.5.29a1 1 0 0 1 1 0l5.06 2.92c.31.18.5.51.5.87v5.84a1 1 0 0 1-.5.87L7.5 13.7a1 1 0 0 1-1 0L1.44 10.8a1 1 0 0 1-.5-.87V4.08a1 1 0 0 1 .5-.87L6.5.3Zm.5.86 5.06 2.93v5.84L7 12.85 1.94 9.92V4.08L7 1.15Z", }), ), wrench: a.createElement( a.Fragment, null, a.createElement("path", { d: "M10.5 1c.44 0 .56.52.25.83l-.8.81c-.2.2-.2.52 0 .72l.69.7c.2.2.52.2.72 0l.8-.81c.32-.31.84-.2.84.25a2.5 2.5 0 0 1-3.41 2.33L2.7 12.7a1 1 0 0 1-1.42-1.42l6.88-6.88A2.5 2.5 0 0 1 10.5 1ZM2 12.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z", }), ), ellipsis: a.createElement( a.Fragment, null, a.createElement("path", { d: "M4 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7 8.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z", }), ), check: a.createElement( a.Fragment, null, a.createElement("path", { d: "M13.85 3.35a.5.5 0 0 0-.7-.7L5 10.79.85 6.65a.5.5 0 1 0-.7.7l4.5 4.5c.2.2.5.2.7 0l8.5-8.5Z", }), ), form: a.createElement( a.Fragment, null, a.createElement("path", { d: "M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6.4a.5.5 0 0 0-1 0V12H2V2h7.5a.5.5 0 0 0 0-1H2Z", }), a.createElement("path", { d: "m6.35 9.86 7.5-7.5a.5.5 0 0 0-.7-.71L6 8.8 3.85 6.65a.5.5 0 1 0-.7.7l2.5 2.5c.2.2.5.2.7 0Z", }), ), batchdeny: a.createElement( a.Fragment, null, a.createElement("path", { d: "M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.646.646a.5.5 0 0 1 0 .708L5.207 7l3.647 3.646a.5.5 0 0 1-.708.708L4.5 7.707.854 11.354a.5.5 0 0 1-.708-.708L3.793 7 .146 3.354a.5.5 0 1 1 .708-.708L4.5 6.293l3.646-3.647a.5.5 0 0 1 .708 0ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z", }), ), batchaccept: a.createElement( a.Fragment, null, a.createElement("path", { d: "M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.2.6a.5.5 0 0 1 .1.7l-5.995 7.993a.505.505 0 0 1-.37.206.5.5 0 0 1-.395-.152L.146 8.854a.5.5 0 1 1 .708-.708l2.092 2.093L8.6 2.7a.5.5 0 0 1 .7-.1ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z", }), ), controls: a.createElement( a.Fragment, null, a.createElement("path", { d: "M10.5 1c.28 0 .5.22.5.5V2h1.5a.5.5 0 0 1 0 1H11v.5a.5.5 0 0 1-1 0V3H1.5a.5.5 0 0 1 0-1H10v-.5c0-.28.22-.5.5-.5ZM1.5 11a.5.5 0 0 0 0 1H10v.5a.5.5 0 0 0 1 0V12h1.5a.5.5 0 0 0 0-1H11v-.5a.5.5 0 0 0-1 0v.5H1.5ZM1 7c0-.28.22-.5.5-.5H3V6a.5.5 0 0 1 1 0v.5h8.5a.5.5 0 0 1 0 1H4V8a.5.5 0 0 1-1 0v-.5H1.5A.5.5 0 0 1 1 7Z", }), ), plus: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.5.5a.5.5 0 0 0-1 0v6h-6a.5.5 0 0 0 0 1h6v6a.5.5 0 0 0 1 0v-6h6a.5.5 0 0 0 0-1h-6v-6Z", }), ), closeAlt: a.createElement( a.Fragment, null, a.createElement("path", { d: "M2.03.97A.75.75 0 0 0 .97 2.03L5.94 7 .97 11.97a.75.75 0 1 0 1.06 1.06L7 8.06l4.97 4.97a.75.75 0 1 0 1.06-1.06L8.06 7l4.97-4.97A.75.75 0 0 0 11.97.97L7 5.94 2.03.97Z", }), ), cross: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1.85 1.15a.5.5 0 1 0-.7.7L6.29 7l-5.14 5.15a.5.5 0 0 0 .7.7L7 7.71l5.15 5.14a.5.5 0 0 0 .7-.7L7.71 7l5.14-5.15a.5.5 0 0 0-.7-.7L7 6.29 1.85 1.15Z", }), ), trash: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5.5 4.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0V5c0-.28.22-.5.5-.5ZM9 5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M4.5.5c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5V2h3a.5.5 0 0 1 0 1H12v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3h-.5a.5.5 0 0 1 0-1h3V.5ZM3 3v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3H3Zm2.5-2h3v1h-3V1Z", }), ), pinalt: a.createElement( a.Fragment, null, a.createElement("path", { d: "M13.44 4.44 9.56.56a1.5 1.5 0 0 0-2.12 0L7 1a1.41 1.41 0 0 0 0 2L5 5H3.66A4 4 0 0 0 .83 6.17l-.48.48a.5.5 0 0 0 0 .7l2.8 2.8-3 3a.5.5 0 0 0 .7.7l3-3 2.8 2.8c.2.2.5.2.7 0l.48-.48A4 4 0 0 0 9 10.34V9l2-2c.55.55 1.45.55 2 0l.44-.44a1.5 1.5 0 0 0 0-2.12ZM11 5.59l-3 3v1.75a3 3 0 0 1-.88 2.12L7 12.6 1.41 7l.13-.12A3 3 0 0 1 3.66 6H5.4l3-3-.7-.7a.41.41 0 0 1 0-.6l.44-.43c.2-.2.5-.2.7 0l3.88 3.88c.2.2.2.5 0 .7l-.44.44a.41.41 0 0 1-.58 0L11 5.6Z", }), ), unpin: a.createElement( a.Fragment, null, a.createElement("path", { d: "M13.44 4.44 9.56.56a1.5 1.5 0 0 0-2.12 0L7 1a1.41 1.41 0 0 0 0 2L5.7 4.3l.71.7 2-2-.7-.7a.41.41 0 0 1 0-.6l.44-.43c.2-.2.5-.2.7 0l3.88 3.88c.2.2.2.5 0 .7l-.44.44a.41.41 0 0 1-.58 0L11 5.6l-2 2 .7.7L11 7c.55.55 1.45.55 2 0l.44-.44a1.5 1.5 0 0 0 0-2.12ZM.83 6.17A4 4 0 0 1 3.59 5l1 1h-.93a3 3 0 0 0-2.12.88L1.4 7 7 12.59l.12-.13A3 3 0 0 0 8 10.34v-.93l1 1a4 4 0 0 1-1.17 2.76l-.48.48a.5.5 0 0 1-.7 0l-2.8-2.8-3 3a.5.5 0 0 1-.7-.7l3-3-2.8-2.8a.5.5 0 0 1 0-.7l.48-.48Zm1.02-5.02a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z", }), ), add: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z", }), ), subtract: a.createElement( a.Fragment, null, a.createElement("path", { d: "M3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z", }), a.createElement("path", { fillRule: "evenodd", d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z", }), ), close: a.createElement( a.Fragment, null, a.createElement("path", { d: "M9.85 4.15c.2.2.2.5 0 .7L7.71 7l2.14 2.15a.5.5 0 0 1-.7.7L7 7.71 4.85 9.85a.5.5 0 0 1-.7-.7L6.29 7 4.15 4.85a.5.5 0 1 1 .7-.7L7 6.29l2.15-2.14c.2-.2.5-.2.7 0Z", }), a.createElement("path", { fillRule: "evenodd", d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z", }), ), delete: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0a6 6 0 0 1-9.87 4.58l8.45-8.45A5.98 5.98 0 0 1 13 7ZM2.42 10.87l8.45-8.45a6 6 0 0 0-8.46 8.46Z", }), ), passed: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm3.85-9.35c.2.2.2.5 0 .7l-4.5 4.5a.5.5 0 0 1-.7 0l-2.5-2.5a.5.5 0 1 1 .7-.7L6 8.79l4.15-4.14c.2-.2.5-.2.7 0Z", }), ), changed: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z", }), ), failed: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm2.85-9.85c.2.2.2.5 0 .7L7.71 7l2.14 2.15a.5.5 0 0 1-.7.7L7 7.71 4.85 9.85a.5.5 0 0 1-.7-.7L6.29 7 4.15 4.85a.5.5 0 1 1 .7-.7L7 6.29l2.15-2.14c.2-.2.5-.2.7 0Z", }), ), clear: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M5 2h7a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-1.41-.59l-3-3a2 2 0 0 1 0-2.82l3-3A2 2 0 0 1 5 2Zm1.15 3.15c.2-.2.5-.2.7 0L8 6.29l1.15-1.14a.5.5 0 1 1 .7.7L8.71 7l1.14 1.15a.5.5 0 0 1-.7.7L8 7.71 6.85 8.85a.5.5 0 1 1-.7-.7L7.29 7 6.15 5.85a.5.5 0 0 1 0-.7Z", }), ), comment: a.createElement( a.Fragment, null, a.createElement("path", { d: "M3.5 5a.5.5 0 1 0 0 1h7a.5.5 0 0 0 0-1h-7ZM3 8.5c0-.27.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M12.5 12H5.7l-1.85 1.86a.5.5 0 0 1-.35.14.5.5 0 0 1-.5-.5V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5ZM2 11V3h10v8H2Z", }), ), commentadd: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.5 5a.5.5 0 1 0-1 0v1.5H5a.5.5 0 1 0 0 1h1.5V9a.5.5 0 0 0 1 0V7.5H9a.5.5 0 0 0 0-1H7.5V5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M3.7 13.97a.5.5 0 0 1-.7-.46V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v9a.5.5 0 0 1-.5.5H5.7l-1.85 1.85a.5.5 0 0 1-.16.1ZM2 3v8h10V3H2Z", }), ), requestchange: a.createElement( a.Fragment, null, a.createElement("path", { d: "M9.85 6.65c.2.2.2.51 0 .7l-2 2a.5.5 0 1 1-.7-.7L8.3 7.5H4.5a.5.5 0 0 1 0-1h3.79L7.15 5.36a.5.5 0 1 1 .7-.71l2 2Z", }), a.createElement("path", { fillRule: "evenodd", d: "M3.7 13.97a.5.5 0 0 1-.7-.46V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v9a.5.5 0 0 1-.5.5H5.7l-1.85 1.85a.5.5 0 0 1-.16.1ZM2 3v8h10V3H2Z", }), ), comments: a.createElement( a.Fragment, null, a.createElement("path", { d: "M8.5 7a.5.5 0 0 0 0-1h-5a.5.5 0 1 0 0 1h5ZM9 8.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1 0-1h5c.28 0 .5.23.5.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M12 11.5V10h1.5a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5v8c0 .28.22.5.5.5H2v1.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .35-.14L4.71 12h6.79a.5.5 0 0 0 .5-.5ZM3 3V2h10v7h-1V3.5a.5.5 0 0 0-.5-.5H3Zm-2 8V4h10v7H1Z", }), ), lock: a.createElement( a.Fragment, null, a.createElement("path", { d: "M8 8a1 1 0 0 1-.5.87v1.63a.5.5 0 0 1-1 0V8.87A1 1 0 1 1 8 8Z", }), a.createElement("path", { fillRule: "evenodd", d: "M3 4a4 4 0 1 1 8 0v1h1.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4Zm7 1V4a3 3 0 1 0-6 0v1h6Zm2 1H2v7h10V6Z", }), ), unlock: a.createElement( a.Fragment, null, a.createElement("path", { d: "M6.5 8.87a1 1 0 1 1 1 0v1.63a.5.5 0 0 1-1 0V8.87Z", }), a.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 1a3 3 0 0 0-3 3v1h8.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4a4 4 0 0 1 7.76-1.38.5.5 0 0 1-.94.34A3 3 0 0 0 7 1ZM2 6h10v7H2V6Z", }), ), key: a.createElement( a.Fragment, null, a.createElement("path", { d: "M11 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" }), a.createElement("path", { fillRule: "evenodd", d: "M7.5 8.53v.97a.5.5 0 0 1-.5.5H5.5v1.5a.5.5 0 0 1-.5.5H3.5v1.5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .15-.36l5.12-5.11a4.5 4.5 0 1 1 2.23 2.5ZM6 4.5a3.5 3.5 0 1 1 1.5 2.87c-.29-.2-1-.37-1 .48V9H5a.5.5 0 0 0-.5.5V11H3a.5.5 0 0 0-.5.5V13H1v-1.3l5.2-5.19c.15-.16.18-.4.1-.6A3.47 3.47 0 0 1 6 4.5Z", }), ), outbox: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.35.15a.5.5 0 0 0-.7 0l-2 2a.5.5 0 1 0 .7.7L6.5 1.72v6.8a.5.5 0 0 0 1 0V1.7l1.15 1.15a.5.5 0 1 0 .7-.71l-2-2Z", }), a.createElement("path", { d: "M2 7.5a.5.5 0 1 0-1 0v5c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-1 0V12H2V7.5Z", }), ), credit: a.createElement( a.Fragment, null, a.createElement("path", { d: "M2.5 8a.5.5 0 1 0 0 1h3a.5.5 0 0 0 0-1h-3Z", }), a.createElement("path", { fillRule: "evenodd", d: "M0 11.5c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H.5a.5.5 0 0 0-.5.5v9ZM1 3v1h12V3H1Zm0 8h12V6H1v5Z", }), ), button: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1 3a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h3.5a.5.5 0 1 0 0-1H1V4h12v5h-1a.5.5 0 0 0 0 1h1a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H1Z", }), a.createElement("path", { d: "M6.45 7a.5.5 0 0 1 .3.08l3.48 2.02a.5.5 0 0 1 0 .87l-1.08.62.75 1.3a.75.75 0 0 1-1.3.75l-.75-1.3-1.07.62a.5.5 0 0 1-.67-.13.5.5 0 0 1-.1-.3L6 7.5a.5.5 0 0 1 .45-.5Z", }), ), type: a.createElement( a.Fragment, null, a.createElement("path", { d: "M4 1.5c0-.27.22-.5.5-.5h5a.5.5 0 1 1 0 1h-2v10h2a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h2V2h-2a.5.5 0 0 1-.5-.5Z", }), a.createElement("path", { d: "M0 4.5c0-.27.22-.5.5-.5h4a.5.5 0 1 1 0 1H1v4h3.5a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5v-5ZM9.5 4a.5.5 0 1 0 0 1H13v4H9.5a.5.5 0 1 0 0 1h4a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-4Z", }), ), pointerdefault: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5.94 12.46c.11 0 .2-.06.25-.15l1.58-3.16 2.54 2.54c.04.05.1.07.19.07a.3.3 0 0 0 .2-.07l.8-.8a.27.27 0 0 0 0-.38L8.9 7.9l3.4-1.7c.06-.03.1-.07.12-.11a.22.22 0 0 0 .04-.14.33.33 0 0 0-.06-.16.17.17 0 0 0-.09-.07h-.02L1.91 1.55a.27.27 0 0 0-.35.36l4.15 10.37c.04.09.12.16.23.17Zm-.03 1h-.02a1.28 1.28 0 0 1-1.1-.8L.62 2.29A1.27 1.27 0 0 1 2.3.63l10.35 4.15c.52.18.79.65.81 1.11.04.53-.27.98-.7 1.2l-2.17 1.08L12.2 9.8c.5.5.5 1.3 0 1.8l-.8.8v.01c-.5.46-1.3.48-1.8-.01l-1.56-1.56-.95 1.92c-.23.45-.68.7-1.15.7h-.03Z", }), ), pointerhand: a.createElement( a.Fragment, null, a.createElement("path", { d: "M11.87 6v-.02c-.03-.27-.23-.48-.47-.5a.5.5 0 0 0-.53.5v1.41c0 .25-.22.47-.47.47a.48.48 0 0 1-.47-.47V5.17a.6.6 0 0 0 0-.05c-.02-.27-.23-.5-.47-.5a.5.5 0 0 0-.52.5v1.65l-.01.1a.49.49 0 0 1-.46.37.48.48 0 0 1-.47-.47V4.62a.6.6 0 0 0 0-.05c-.03-.27-.23-.48-.47-.5a.5.5 0 0 0-.53.5v2.2c0 .25-.22.47-.47.47a.49.49 0 0 1-.47-.47V1.75c-.02-.27-.22-.5-.47-.5a.5.5 0 0 0-.52.5v6.78c0 .25-.22.47-.47.47a.48.48 0 0 1-.47-.47v-.26a.78.78 0 0 0-.06-.31.65.65 0 0 0-.16-.22l-.2-.19A6.37 6.37 0 0 0 3.06 7h-.02c-.43-.34-.62-.25-.69-.2-.26.14-.29.5-.13.74l1.73 2.6v.01h-.01l-.04.02.05-.02s1.21 2.6 3.57 2.6c3.54 0 4.2-1.9 4.31-4.42.04-.6.04-1.19.03-1.78V6Zm.97 2.38c-.06 1.29-.26 2.67-1.08 3.72-.88 1.12-2.29 1.65-4.23 1.65a4.64 4.64 0 0 1-3.4-1.62 6.96 6.96 0 0 1-1.05-1.5v-.02L1.4 8.1A1.6 1.6 0 0 1 1.15 7c.05-.38.26-.8.69-1.04.2-.13.48-.23.85-.19.36.05.68.22.98.45.14.1.27.22.4.33v-4.8A1.5 1.5 0 0 1 5.63.25c.93.04 1.43.86 1.43 1.55v1.33c.17-.05.35-.07.53-.06h.02c.5.04.91.33 1.15.71a1.5 1.5 0 0 1 .74-.16c.66.03 1.12.46 1.32.97a1.5 1.5 0 0 1 .64-.1h.02c.85.06 1.39.8 1.39 1.55v.48c0 .6 0 1.24-.03 1.86Z", }), ), browser: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h13c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5H.5Zm.5-1V4h12v8H1Zm1-9.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z", }), ), tablet: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M3.5 0C2.67 0 2 .68 2 1.5v11c0 .83.67 1.5 1.5 1.5h7c.83 0 1.5-.67 1.5-1.5v-11c0-.82-.67-1.5-1.5-1.5h-7Zm0 1h7c.28 0 .5.23.5.5V11H3V1.5c0-.27.22-.5.5-.5ZM6 12a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H6Z", }), ), mobile: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M3 1.5C3 .68 3.67 0 4.5 0h5c.83 0 1.5.68 1.5 1.5v11c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 3 12.5v-11ZM4 12V2h6v10H4Z", }), ), watch: a.createElement( a.Fragment, null, a.createElement("path", { key: "watch", fillRule: "evenodd", d: "M4 .5c0-.27.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 4 .5ZM9.5 3h-5a.5.5 0 0 0-.5.5v7c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5Zm-5-1C3.67 2 3 2.68 3 3.5v7c0 .83.67 1.5 1.5 1.5h5c.83 0 1.5-.67 1.5-1.5v-7c0-.82-.67-1.5-1.5-1.5h-5ZM7 4c.28 0 .5.23.5.5v2h1a.5.5 0 1 1 0 1H7a.5.5 0 0 1-.5-.5V4.5c0-.27.22-.5.5-.5Zm-2.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z", }), ), sidebar: a.createElement( a.Fragment, null, a.createElement("path", { d: "M2.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5ZM3 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1H3Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h3v10H2ZM6 2h6v10H6V2Z", }), ), sidebaralt: a.createElement( a.Fragment, null, a.createElement("path", { d: "M9.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5ZM10 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1h-1Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h6v10H2ZM9 2h3v10H9V2Z", }), ), sidebaralttoggle: a.createElement( a.Fragment, null, a.createElement("path", { d: "M11.5 4.5A.5.5 0 0 0 11 4h-1a.5.5 0 1 0 0 1h1a.5.5 0 0 0 .5-.5ZM11 6a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1h1Zm.5 2.5A.5.5 0 0 0 11 8h-1a.5.5 0 1 0 0 1h1a.5.5 0 0 0 .5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11ZM9 12h3V2H9v10Zm-1 0H2V2h6v4.5H5.2l.66-.65a.5.5 0 1 0-.71-.7l-1.5 1.5a.5.5 0 0 0 0 .7l1.5 1.5a.5.5 0 1 0 .7-.7l-.64-.65H8V12Z", }), ), sidebartoggle: a.createElement( a.Fragment, null, a.createElement("path", { d: "M2.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5ZM3 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1H3Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h3v10H2Zm4 0V7.5h2.8l-.65.65a.5.5 0 1 0 .7.7l1.5-1.5a.5.5 0 0 0 0-.7l-1.5-1.5a.5.5 0 1 0-.7.7l.64.65H6V2h6v10H6Z", }), ), bottombar: a.createElement( a.Fragment, null, a.createElement("path", { d: "M3 10.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 8V2h10v6H2Zm10 1v3H2V9h10Z", }), ), bottombartoggle: a.createElement( a.Fragment, null, a.createElement("path", { d: "M3.5 10a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1 12.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5Zm1-.5V9h10v3H2Zm4.5-4H2V2h10v6H7.5V5.21l.65.65a.5.5 0 1 0 .7-.71l-1.5-1.5a.5.5 0 0 0-.7 0l-1.5 1.5a.5.5 0 1 0 .7.7l.65-.64v2.8Z", }), ), cpu: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M5 5.5c0-.27.22-.5.5-.5h3c.28 0 .5.23.5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3ZM6 8V6h2v2H6Z", }), a.createElement("path", { fillRule: "evenodd", d: "M5.5 0c.28 0 .5.23.5.5V2h2V.5a.5.5 0 0 1 1 0V2h2.5c.28 0 .5.23.5.5V5h1.5a.5.5 0 0 1 0 1H12v2h1.5a.5.5 0 0 1 0 1H12v2.5a.5.5 0 0 1-.5.5H9v1.5a.5.5 0 0 1-1 0V12H6v1.5a.5.5 0 0 1-1 0V12H2.5a.5.5 0 0 1-.5-.5V9H.5a.5.5 0 0 1 0-1H2V6H.5a.5.5 0 0 1 0-1H2V2.5c0-.27.22-.5.5-.5H5V.5c0-.27.22-.5.5-.5ZM11 3H3v8h8V3Z", }), ), database: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M12 3c0-1.1-2.24-2-5-2s-5 .9-5 2v8c0 .43.26.75.54.98.3.23.68.41 1.12.55.88.3 2.06.47 3.34.47 1.28 0 2.46-.17 3.34-.46.44-.15.83-.33 1.12-.56.28-.23.54-.55.54-.98V3Zm-1.03 0a2.45 2.45 0 0 0-.8-.49A8.88 8.88 0 0 0 7 2c-1.29 0-2.4.21-3.16.51a2.45 2.45 0 0 0-.81.49l.05.05c.13.13.37.28.76.44C4.6 3.79 5.7 4 7 4s2.4-.21 3.16-.51a2.45 2.45 0 0 0 .81-.49ZM11 5.75V4.2A8.9 8.9 0 0 1 7 5a8.98 8.98 0 0 1-4-.8v1.55l.02.04c.02.04.06.09.14.15.17.13.44.27.82.4A10 10 0 0 0 7 6.75a10 10 0 0 0 3.02-.41c.38-.13.65-.27.82-.4a.62.62 0 0 0 .14-.15.15.15 0 0 0 .02-.03v-.01ZM3 7.01c.2.1.42.2.66.28.88.29 2.06.46 3.34.46 1.28 0 2.46-.17 3.34-.46.24-.08.46-.17.66-.28V8.5l-.02.04a.62.62 0 0 1-.14.15c-.17.13-.44.27-.82.4A10 10 0 0 1 7 9.5a10 10 0 0 1-3.02-.41 2.76 2.76 0 0 1-.82-.4.62.62 0 0 1-.14-.15.15.15 0 0 1-.02-.03V7Zm0 2.75V11l.02.04c.02.04.06.09.14.15.17.13.44.27.82.4A10 10 0 0 0 7 12a10 10 0 0 0 3.02-.41c.38-.13.65-.27.82-.4a.62.62 0 0 0 .14-.15.15.15 0 0 0 .02-.03V9.76c-.2.1-.42.2-.66.28-.88.29-2.06.46-3.34.46-1.28 0-2.46-.17-3.34-.46A4.77 4.77 0 0 1 3 9.76Z", }), ), memory: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5 3a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0V3Zm2-.5c.28 0 .5.22.5.5v3a.5.5 0 0 1-1 0V3c0-.28.22-.5.5-.5Zm3 2a.5.5 0 1 0-1 0V6a.5.5 0 0 0 1 0V4.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M12 3.54a.5.5 0 0 0-.15-.39l-3-3a.5.5 0 0 0-.38-.14H2.5a.5.5 0 0 0-.5.5v13c0 .27.22.5.5.5h9a.5.5 0 0 0 .5-.5V3.53ZM3 1h5.3L11 3.71v5.3H3V1Zm0 9v3h8v-3H3Z", }), ), structure: a.createElement( a.Fragment, null, a.createElement("path", { d: "M8.16 3.45a1.5 1.5 0 1 0-2.33 0l-4.02 6.58A1.5 1.5 0 1 0 2.91 12h8.18a1.5 1.5 0 1 0 1.1-1.97L8.16 3.45Zm-1.47.52a1.5 1.5 0 0 0 .62 0l4.03 6.58c-.11.14-.2.29-.25.45H2.9a1.5 1.5 0 0 0-.25-.45L6.7 3.97Z", }), ), box: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "m7.21.05 6.49 2.99a.5.5 0 0 1 .3.47v6.98a.5.5 0 0 1-.3.47l-6.47 2.98a.5.5 0 0 1-.46 0L.3 10.96a.5.5 0 0 1-.3-.47V3.5a.5.5 0 0 1 .3-.47L6.79.05a.5.5 0 0 1 .43 0ZM1 4.28v5.9l5.5 2.54v-5.9L1 4.28Zm6.5 8.44 5.5-2.54v-5.9L7.5 6.82v5.9Zm4.8-9.22L7 5.95 1.7 3.5 7 1.05l5.3 2.45Z", }), ), power: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.5.5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0v-6Z", }), a.createElement("path", { d: "M4.27 2.8a.5.5 0 0 0-.54-.83 6 6 0 1 0 6.54 0 .5.5 0 0 0-.54.84 5 5 0 1 1-5.46 0Z", }), ), photo: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M6.25 4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.5 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z", }), a.createElement("path", { fillRule: "evenodd", d: "M13 1.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5ZM2 9.3V2h10v5.3L9.85 5.15a.5.5 0 0 0-.7 0L6.5 7.8 5.35 6.65a.5.5 0 0 0-.7 0L2 9.3Zm7.5-3.1L12 8.7V12H2v-1.3l3-3 3.15 3.15a.5.5 0 0 0 .7-.71L7.21 8.5 9.5 6.21Z", }), ), component: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M3.5 1A2.5 2.5 0 0 0 1 3.5v7A2.5 2.5 0 0 0 3.5 13h7a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 10.5 1h-7ZM12 6.5H7.5V2h3c.83 0 1.5.68 1.5 1.5v3Zm0 1v3c0 .83-.67 1.5-1.5 1.5h-3V7.5H12ZM6.5 12V7.5H2v3c0 .83.67 1.5 1.5 1.5h3ZM2 6.5h4.5V2h-3C2.67 2 2 2.68 2 3.5v3Z", }), ), grid: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M1 1.5c0-.27.22-.5.5-.5H6c.28 0 .5.23.5.5V6a.5.5 0 0 1-.5.5H1.5A.5.5 0 0 1 1 6V1.5Zm1 4V2h3.5v3.5H2Zm5.5-4c0-.27.22-.5.5-.5h4.5c.28 0 .5.23.5.5V6a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V1.5Zm1 4V2H12v3.5H8.5Zm-7 2A.5.5 0 0 0 1 8v4.5c0 .28.22.5.5.5H6a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5H1.5Zm.5 1V12h3.5V8.5H2ZM7.5 8c0-.27.22-.5.5-.5h4.5c.28 0 .5.23.5.5v4.5a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V8Zm1 4V8.5H12V12H8.5Z", }), ), outline: a.createElement( a.Fragment, null, a.createElement("path", { d: "M2 2v2H1V1.5c0-.27.22-.5.5-.5H4v1H2ZM1 9V5h1v4H1Zm0 1v2.5c0 .28.22.5.5.5H4v-1H2v-2H1Zm9 3h2.5a.5.5 0 0 0 .5-.5V10h-1v2h-2v1Zm2-9h1V1.5a.5.5 0 0 0-.5-.5H10v1h2v2Zm-3 8v1H5v-1h4ZM9 1v1H5V1h4Zm4 8h-1V5h1v4ZM7 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z", }), ), photodrag: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M8.25 3.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.5 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z", }), a.createElement("path", { fillRule: "evenodd", d: "M14 7V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5V6h1V4h2v6.5c0 .28.22.5.5.5H10v2H8v1h2.5a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V7ZM4 1v5.8l1.65-1.65c.2-.2.5-.2.7 0L7.5 6.3l2.65-2.65c.2-.2.5-.2.7 0L13 5.8V1H4Zm9 6.21-2.5-2.5-2.3 2.3 1.15 1.14a.5.5 0 1 1-.7.7L6 6.22l-2 2v1.8h9V7.2Z", }), a.createElement("path", { d: "M0 10V7h1v3H0Zm0 3.5V11h1v2h2v1H.5a.5.5 0 0 1-.5-.5Zm7 .5H4v-1h3v1Z", }), ), search: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M9.54 10.2a5.5 5.5 0 1 1 .66-.66c.06.03.11.06.15.1l3 3a.5.5 0 0 1-.7.71l-3-3a.5.5 0 0 1-.1-.14ZM10.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z", }), ), zoom: a.createElement( a.Fragment, null, a.createElement("path", { d: "M6 3.5c.28 0 .5.22.5.5v1.5H8a.5.5 0 0 1 0 1H6.5V8a.5.5 0 0 1-1 0V6.5H4a.5.5 0 0 1 0-1h1.5V4c0-.28.22-.5.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M9.54 10.2a5.5 5.5 0 1 1 .66-.66c.06.03.11.06.15.1l3 3a.5.5 0 0 1-.7.71l-3-3a.5.5 0 0 1-.1-.14ZM10.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z", }), ), zoomout: a.createElement( a.Fragment, null, a.createElement("path", { d: "M4 5.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H4Z", }), a.createElement("path", { fillRule: "evenodd", d: "M6 11.5c1.35 0 2.59-.49 3.54-1.3.03.06.06.11.1.15l3 3a.5.5 0 0 0 .71-.7l-3-3a.5.5 0 0 0-.14-.1A5.5 5.5 0 1 0 6 11.5Zm0-1a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z", }), ), zoomreset: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1.5 2.84V1.5a.5.5 0 0 0-1 0V4c0 .28.22.5.5.5h2.5a.5.5 0 0 0 0-1H2.26a4.5 4.5 0 1 1-.5 4.02.5.5 0 1 0-.94.33 5.5 5.5 0 0 0 8.72 2.36l.1.14 3 3a.5.5 0 0 0 .71-.7l-3-3a.5.5 0 0 0-.14-.1 5.5 5.5 0 1 0-8.7-6.7Z", }), ), eye: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7 9.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z", }), a.createElement("path", { fillRule: "evenodd", d: "m14 7-.2.3c-.13.16-3.06 4.2-6.8 4.2C3.26 11.5.33 7.46.2 7.3L0 7l.2-.3C.34 6.55 3.27 2.5 7 2.5c3.74 0 6.67 4.04 6.8 4.2l.2.3ZM2.9 5.3A13 13 0 0 0 1.24 7 13 13 0 0 0 2.9 8.7c1.14.97 2.58 1.8 4.1 1.8 1.52 0 2.96-.83 4.1-1.8A13 13 0 0 0 12.76 7a13 13 0 0 0-1.66-1.7C9.96 4.33 8.52 3.5 7 3.5c-1.52 0-2.96.83-4.1 1.8Z", }), ), eyeclose: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1.85 1.15a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11ZM11.1 8.7c-.17.15-.36.3-.55.44l.72.71a13.25 13.25 0 0 0 2.52-2.56L14 7l-.2-.3c-.13-.16-3.06-4.2-6.8-4.2-.89 0-1.73.23-2.5.58l.76.76A4.86 4.86 0 0 1 7 3.5c1.52 0 2.96.83 4.1 1.8A13 13 0 0 1 12.76 7a13 13 0 0 1-1.66 1.7ZM.2 6.7c.08-.09 1.04-1.41 2.53-2.55l.72.71c-.2.14-.38.3-.55.44A13 13 0 0 0 1.24 7 13 13 0 0 0 2.9 8.7c1.14.97 2.58 1.8 4.1 1.8.6 0 1.18-.13 1.74-.34l.77.76c-.78.35-1.62.58-2.51.58C3.26 11.5.33 7.46.2 7.3L0 7l.2-.3Z", }), a.createElement("path", { d: "M4.5 7c0-.32.06-.63.17-.91l3.24 3.24A2.5 2.5 0 0 1 4.5 7Zm4.83.91L6.09 4.67a2.5 2.5 0 0 1 3.24 3.24Z", }), ), lightning: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M2.52 6.6a.57.57 0 0 0-.17.54c.04.2.19.37.38.41l2.78.73-1.5 5c-.06.24.02.5.22.63a.5.5 0 0 0 .28.09.5.5 0 0 0 .35-.14L11.5 7.4c.14-.13.2-.34.15-.54a.53.53 0 0 0-.38-.4l-2.7-.7L10.79.78c.1-.23.04-.5-.15-.66a.5.5 0 0 0-.65 0L2.52 6.6Zm7.72.63-3.07-.8 1.85-4.14-5.2 4.51 2.94.77-1.27 4.28 4.75-4.62Zm-5.73 6.2.04.02Z", }), ), lightningoff: a.createElement( a.Fragment, null, a.createElement("path", { d: "M10.14 8.72 11.5 7.4c.14-.13.2-.34.15-.54a.53.53 0 0 0-.38-.4l-2.7-.7L10.79.78c.1-.23.04-.5-.15-.66a.5.5 0 0 0-.65 0L5.46 4.05l.71.7L9.02 2.3 7.38 5.97l.7.7 2.16.56-.8.79.7.7ZM2.52 6.6a.57.57 0 0 0-.17.54c.04.2.19.37.38.41l2.78.73-1.5 5c-.06.24.02.5.22.63a.5.5 0 0 0 .63-.05l3.84-3.74-.7-.7-2.51 2.43 1.13-3.81-.68-.69L3.8 6.8l.85-.73-.71-.7L2.52 6.6Zm-.67-5.45a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z", }), ), contrast: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z", }), ), switchalt: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M3 3V.5c0-.27.22-.5.5-.5h10c.28 0 .5.23.5.5v10a.5.5 0 0 1-.5.5H11v2.5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-10c0-.27.22-.5.5-.5H3Zm1 0V1h9v9h-2V3.5a.5.5 0 0 0-.5-.5H4Zm6 8v2H1V4h2v6.5c0 .28.22.5.5.5H10Zm0-1H4V4h6v6Z", }), ), mirror: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 12h10V2L2 12Z", }), ), grow: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1.5 1a.5.5 0 1 0 0 1H12v10.5a.5.5 0 0 0 1 0V2a1 1 0 0 0-1-1H1.5Z", }), a.createElement("path", { d: "M1 3.5c0-.27.22-.5.5-.5H10a1 1 0 0 1 1 1v8.5a.5.5 0 0 1-1 0V4H1.5a.5.5 0 0 1-.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1.5 5a.5.5 0 0 0-.5.5v7c0 .28.22.5.5.5h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-7ZM2 6v6h6V6H2Z", }), ), paintbrush: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M11.8535.1464a.5.5 0 0 0-.7071 0L2.9827 8.3102a2.2396 2.2396 0 0 0-1.0737.599C.6772 10.141.2402 11.903.0852 12.9978 0 13.5998 0 14.0002 0 14.0002s.4004 0 1.0023-.0853c1.095-.155 2.8569-.5919 4.0887-1.8237.307-.307.5067-.6806.5992-1.0743l8.1633-8.1633a.5.5 0 0 0 0-.7071l-2-2Zm-6.253 9.546L6.543 8.75l-1.293-1.2929-.9424.9424a2.242 2.242 0 0 1 .7835.5097c.23.2302.4.4977.5095.7831ZM7.25 8.0428 12.7929 2.5 11.5 1.2071 5.957 6.75 7.25 8.0429ZM4.3839 9.6163c.4881.4882.4881 1.2796 0 1.7678-.7665.7664-1.832 1.1845-2.7791 1.403a8.6972 8.6972 0 0 1-.49.0982 8.7151 8.7151 0 0 1 .0982-.4899c.2186-.9471.6367-2.0126 1.403-2.779.4882-.4882 1.2797-.4882 1.7679 0Z", }), ), ruler: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1.5 1c.28 0 .5.23.5.5V2h10v-.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0V3H2v.5a.5.5 0 0 1-1 0v-2c0-.27.22-.5.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1.5 6a.5.5 0 0 0-.5.5v6c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5h-11ZM2 7v5h10V7h-1v2.5a.5.5 0 0 1-1 0V7h-.75v1a.5.5 0 0 1-1 0V7H7.5v2.5a.5.5 0 0 1-1 0V7h-.75v1a.5.5 0 0 1-1 0V7H4v2.5a.5.5 0 0 1-1 0V7H2Z", }), ), stop: a.createElement( a.Fragment, null, a.createElement("path", { d: "M4.5 4a.5.5 0 0 0-.5.5v5c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z", }), ), camera: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M10 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z", }), a.createElement("path", { fillRule: "evenodd", d: "M2.5 1a.5.5 0 0 0-.5.5V2H.5a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H6v-.5a.5.5 0 0 0-.5-.5h-3ZM1 3v8h12V3H1Z", }), ), video: a.createElement( a.Fragment, null, a.createElement("path", { d: "M2.5 10a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z", }), a.createElement("path", { fillRule: "evenodd", d: "M0 4c0-1.1.9-2 2-2h6a2 2 0 0 1 2 2v.5l3.19-2.4a.5.5 0 0 1 .81.4v9a.5.5 0 0 1-.8.4L10 9.5v.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm9 0v1.5a.5.5 0 0 0 .8.4L13 3.5v7L9.8 8.1a.5.5 0 0 0-.8.4V10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1Z", }), ), speaker: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M1 4.50004V9.50004C1 9.77618 1.22386 10 1.5 10H4L7.17075 12.7744C7.49404 13.0573 8 12.8277 8 12.3982V1.60192C8 1.17235 7.49404 0.942757 7.17075 1.22564L4 4.00004H1.5C1.22386 4.00004 1 4.2239 1 4.50004ZM4 9.00004V5.00004H2V9.00004H4ZM4.99804 9.54456C4.99934 9.52989 5 9.51505 5 9.50004V4.50004C5 4.48504 4.99934 4.47019 4.99804 4.45552L7 2.70381V11.2963L4.99804 9.54456Z", }), a.createElement("path", { d: "M10.1498 1.75202C9.88637 1.66927 9.60572 1.81577 9.52297 2.07922C9.44023 2.34267 9.58672 2.62332 9.85017 2.70607C11.6763 3.27963 13 4.98596 13 7.00014C13 9.01433 11.6763 10.7207 9.85017 11.2942C9.58672 11.377 9.44023 11.6576 9.52297 11.9211C9.60572 12.1845 9.88637 12.331 10.1498 12.2483C12.3808 11.5476 14 9.4636 14 7.00014C14 4.53669 12.3808 2.45272 10.1498 1.75202Z", }), a.createElement("path", { d: "M10.2504 3.96861C10.0113 3.83033 9.70547 3.91201 9.5672 4.15105C9.42893 4.39008 9.51061 4.69594 9.74964 4.83421C10.4982 5.26723 11 6.07534 11 7.00006C11 7.92479 10.4982 8.7329 9.74964 9.16591C9.51061 9.30418 9.42893 9.61005 9.5672 9.84908C9.70547 10.0881 10.0113 10.1698 10.2504 10.0315C11.2952 9.42711 12 8.29619 12 7.00006C12 5.70394 11.2952 4.57302 10.2504 3.96861Z", }), ), play: a.createElement( a.Fragment, null, a.createElement("path", { d: "m12.81 7.43-9.05 5.6A.5.5 0 0 1 3 12.6V1.4c0-.4.43-.63.76-.43l9.05 5.6a.5.5 0 0 1 0 .86Z", }), ), playback: a.createElement( a.Fragment, null, a.createElement("path", { d: "M11.24 12.04 3.7 7.42a.5.5 0 0 1-.2-.23v4.05a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 1.5 0V6.8a.5.5 0 0 1 .2-.23l7.54-4.6a.5.5 0 0 1 .76.42v9.22a.5.5 0 0 1-.76.43Z", }), ), playnext: a.createElement( a.Fragment, null, a.createElement("path", { d: "m2.76 12.04 7.54-4.61a.5.5 0 0 0 .2-.23v4.05a.75.75 0 0 0 1.5 0v-8.5a.75.75 0 0 0-1.5 0V6.8a.5.5 0 0 0-.2-.23l-7.54-4.6a.5.5 0 0 0-.76.42v9.22c0 .39.43.63.76.43Z", }), ), rewind: a.createElement( a.Fragment, null, a.createElement("path", { d: "M9 2.42v2.32L13.23 2a.5.5 0 0 1 .77.42v9.16a.5.5 0 0 1-.77.42L9 9.26v2.32a.5.5 0 0 1-.77.42L1.5 7.65v3.6a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 1.5 0v3.6L8.23 2a.5.5 0 0 1 .77.42Z", }), ), fastforward: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5 2.42v2.32L.77 2a.5.5 0 0 0-.77.42v9.16c0 .4.44.64.77.42L5 9.26v2.32c0 .4.44.64.77.42l6.73-4.35v3.6a.75.75 0 0 0 1.5 0v-8.5a.75.75 0 0 0-1.5 0v3.6L5.77 2a.5.5 0 0 0-.77.42Z", }), ), stopalt: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11Z", }), ), sidebyside: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 12V2h5v10H2Z", }), ), stacked: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M12.5 1c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11ZM2 2h10v5H2V2Z", }), ), sun: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.5.5a.5.5 0 0 0-1 0V2a.5.5 0 0 0 1 0V.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0-1a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z", }), a.createElement("path", { d: "M7 11.5c.28 0 .5.22.5.5v1.5a.5.5 0 0 1-1 0V12c0-.28.22-.5.5-.5ZM11.5 7c0-.28.22-.5.5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5ZM.5 6.5a.5.5 0 0 0 0 1H2a.5.5 0 0 0 0-1H.5ZM3.82 10.18c.2.2.2.51 0 .7l-1.06 1.07a.5.5 0 1 1-.71-.7l1.06-1.07c.2-.2.51-.2.7 0ZM11.95 2.76a.5.5 0 1 0-.7-.71l-1.07 1.06a.5.5 0 1 0 .7.7l1.07-1.05ZM10.18 10.18c.2-.2.51-.2.7 0l1.07 1.06a.5.5 0 1 1-.7.71l-1.07-1.06a.5.5 0 0 1 0-.7ZM2.76 2.05a.5.5 0 1 0-.71.7l1.06 1.07a.5.5 0 0 0 .7-.7L2.77 2.04Z", }), ), moon: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M7.78.04a7.03 7.03 0 0 0-4.28.9 7 7 0 1 0 9.87 8.96c.1-.21-.14-.41-.36-.32a4.98 4.98 0 0 1-2 .42A5 5 0 0 1 8.53.65c.2-.12.19-.44-.04-.49a7.04 7.04 0 0 0-.72-.12Zm-1.27.98a6 6 0 0 0 4.98 9.96 6 6 0 1 1-4.98-9.96Z", }), ), book: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M13 2a2 2 0 0 0-2-2H1.5a.5.5 0 0 0-.5.5v13c0 .28.22.5.5.5H11a2 2 0 0 0 2-2V2ZM3 13h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H7v6a.5.5 0 0 1-.86.36L5.5 6.7l-.65.65A.5.5 0 0 1 4 7V1H3v12ZM5 1v4.8l.15-.15a.5.5 0 0 1 .74.04l.11.1V1H5Z", }), ), document: a.createElement( a.Fragment, null, a.createElement("path", { d: "M4 5.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM4.5 7.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM4 10.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1.5 0a.5.5 0 0 0-.5.5v13c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5V3.2a.5.5 0 0 0-.15-.35l-2.7-2.7A.5.5 0 0 0 9.79 0H1.5ZM2 1h7.5v2c0 .28.22.5.5.5h2V13H2V1Z", }), ), copy: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M11.75.07A.5.5 0 0 0 11.5 0h-6a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h8a.5.5 0 0 0 .5-.5V11h4.5a.5.5 0 0 0 .5-.5V2.51a.5.5 0 0 0-.15-.36l-2-2a.5.5 0 0 0-.1-.08ZM9 10h4V3h-1.5a.5.5 0 0 1-.5-.5V1H6v2h.5a.5.5 0 0 1 .36.15l1.99 2c.1.09.15.21.15.35v4.51ZM1 4v9h7V6H6.5a.5.5 0 0 1-.5-.5V4H1Z", }), ), category: a.createElement( a.Fragment, null, a.createElement("path", { d: "M3 1.5c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm-1 2c0-.27.22-.5.5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1 5.5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v7a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-7ZM2 12V6h10v6H2Z", }), ), folder: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M6.59 3.5 5.09 2H1v9h12V3.5H6.59Zm.41-1L5.8 1.3a1 1 0 0 0-.71-.3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H7Z", }), ), print: a.createElement( a.Fragment, null, a.createElement("path", { d: "M4.5 8a.5.5 0 1 0 0 1h5a.5.5 0 0 0 0-1h-5Zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M2 1.5c0-.27.22-.5.5-.5h8a.5.5 0 0 1 .36.15l.99 1c.1.09.15.21.15.35v1.51h1.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-.5.5H12v2.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10H.5a.5.5 0 0 1-.5-.5v-5c0-.28.22-.5.5-.5H2V1.5ZM13 9h-1V6.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V9H1V5h12v4Zm-2-6v1H3V2h7v.5c0 .28.22.5.5.5h.5Zm-8 9h8V7H3v5Z", }), ), graphline: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5.15 6.15c.2-.2.5-.2.7 0L7 7.3l2.15-2.15c.2-.2.5-.2.7 0l1 1a.5.5 0 0 1-.7.7l-.65-.64-2.15 2.15a.5.5 0 0 1-.7 0L5.5 7.2 3.85 8.86a.5.5 0 1 1-.7-.71l2-2Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1.5 1a.5.5 0 0 0-.5.5v11c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-11ZM2 2v10h10V2H2Z", }), ), calendar: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M3.5 0c.28 0 .5.22.5.5V1h6V.5a.5.5 0 0 1 1 0V1h1.5c.28 0 .5.22.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.28.22-.5.5-.5H3V.5c0-.28.22-.5.5-.5ZM2 4v2.3h3V4H2Zm0 5.2V6.8h3v2.4H2Zm0 .5V12h3V9.7H2Zm3.5 0V12h3V9.7h-3Zm3.5 0V12h3V9.7H9Zm3-.5H9V6.8h3v2.4Zm-3.5 0h-3V6.8h3v2.4ZM9 4v2.3h3V4H9ZM5.5 6.3h3V4h-3v2.3Z", }), ), graphbar: a.createElement( a.Fragment, null, a.createElement("path", { d: "M12 2.5a.5.5 0 0 0-1 0v10a.5.5 0 0 0 1 0v-10Zm-3 2a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0v-8ZM5.5 7c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0v-5c0-.28.22-.5.5-.5ZM3 10.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2Z", }), ), menu: a.createElement( a.Fragment, null, a.createElement("path", { d: "M13 2a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h12Zm-3 3a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h9Zm1.5 3.5A.5.5 0 0 0 11 8H1a.5.5 0 0 0 0 1h10a.5.5 0 0 0 .5-.5Zm-4 2.5a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h6.5Z", }), ), menualt: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1 2a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H1Zm3 3a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1H4ZM2.5 8.5c0-.28.22-.5.5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Zm4 2.5a.5.5 0 0 0 0 1H13a.5.5 0 0 0 0-1H6.5Z", }), ), filter: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1 2a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H1Zm2 3a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1H3Zm1.5 3.5c0-.28.22-.5.5-.5h4a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm2 2.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z", }), ), docchart: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M1 1.5C1 1.22386 1.22386 1 1.5 1H12.5C12.7761 1 13 1.22386 13 1.5V12.5C13 12.7761 12.7761 13 12.5 13H1.5C1.22386 13 1 12.7761 1 12.5V1.5ZM2 4V6.2998H5V4H2ZM2 9.2002V6.7998H5V9.2002H2ZM2 9.7002V12H5V9.7002H2ZM5.5 9.7002V12H8.5V9.7002H5.5ZM9 9.7002V12H12V9.7002H9ZM12 9.2002H9V6.7998H12V9.2002ZM8.5 9.2002H5.5V6.7998H8.5V9.2002ZM9 6.2998H12V4H9V6.2998ZM5.5 6.2998H8.5V4H5.5V6.2998Z", }), ), doclist: a.createElement( a.Fragment, null, a.createElement("path", { d: "M3.5 6.5c0-.28.22-.5.5-.5h6a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5ZM4 9a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H4Z", }), a.createElement("path", { fillRule: "evenodd", d: "M1 1.5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 4v8h10V4H2Z", }), ), markup: a.createElement( a.Fragment, null, a.createElement("path", { d: "M8.98 1.63a.5.5 0 0 0-.96-.26l-3 11a.5.5 0 1 0 .96.26l3-11ZM3.32 3.62a.5.5 0 0 1 .06.7L1.15 7l2.23 2.68a.5.5 0 1 1-.76.64l-2.5-3a.5.5 0 0 1 0-.64l2.5-3a.5.5 0 0 1 .7-.06Zm7.36 0a.5.5 0 0 0-.06.7L12.85 7l-2.23 2.68a.5.5 0 0 0 .76.64l2.5-3a.5.5 0 0 0 0-.64l-2.5-3a.5.5 0 0 0-.7-.06Z", }), ), bold: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M3 2v1.5h1v7H3V12h5a3 3 0 0 0 1.8-5.4A2.74 2.74 0 0 0 8 2H3Zm5 5.5H5.5v3H8a1.5 1.5 0 1 0 0-3Zm-.25-4H5.5V6h2.25a1.25 1.25 0 1 0 0-2.5Z", }), ), italic: a.createElement("path", { d: "M5 2h6v1H8.5l-2 8H9v1H3v-1h2.5l2-8H5V2Z", }), paperclip: a.createElement( a.Fragment, null, a.createElement("path", { d: "M10.55 2.27a1.5 1.5 0 0 0-2.12 0L2.78 7.92a2.5 2.5 0 0 0 3.53 3.54l3.54-3.54a.5.5 0 1 1 .7.71l-3.53 3.54a3.5 3.5 0 0 1-4.96-4.94v-.01l5.66-5.66h.01a2.5 2.5 0 0 1 3.53 3.53L5.6 10.76a1.5 1.5 0 0 1-2.12-2.12L7.02 5.1a.5.5 0 1 1 .7.7L4.2 9.34a.5.5 0 0 0 .7.7l5.66-5.65a1.5 1.5 0 0 0 0-2.12Z", }), ), listordered: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5 2.5c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5ZM5 7c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 7Zm.5 4a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm-3-9H1v1h1v3h1V2.5a.5.5 0 0 0-.5-.5ZM3 8.5v1a.5.5 0 0 1-1 0V9h-.5a.5.5 0 0 1 0-1h1c.28 0 .5.22.5.5Zm-1 2a.5.5 0 0 0-1 0V12h2v-1H2v-.5Z", }), ), listunordered: a.createElement( a.Fragment, null, a.createElement("path", { d: "M2.75 2.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM5.5 2a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm0 9a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7ZM2 12.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM5 7c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 7Zm-3 .75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z", }), ), paragraph: a.createElement( a.Fragment, null, a.createElement("path", { d: "M6 7a3 3 0 1 1 0-6h5.5a.5.5 0 0 1 0 1H10v10.5a.5.5 0 0 1-1 0V2H7v10.5a.5.5 0 0 1-1 0V7Z", }), ), markdown: a.createElement( a.Fragment, null, a.createElement("path", { d: "M2 4.5h1.5L5 6.38 6.5 4.5H8v5H6.5V7L5 8.88 3.5 7v2.5H2v-5Zm7.75 0h1.5V7h1.25l-2 2.5-2-2.5h1.25V4.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M.5 2a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H.5ZM1 3v8h12V3H1Z", }), ), repository: a.createElement( a.Fragment, null, a.createElement("path", { d: "M5 2.5C5 2.77614 4.77614 3 4.5 3C4.22386 3 4 2.77614 4 2.5C4 2.22386 4.22386 2 4.5 2C4.77614 2 5 2.22386 5 2.5Z", }), a.createElement("path", { d: "M4.5 5C4.77614 5 5 4.77614 5 4.5C5 4.22386 4.77614 4 4.5 4C4.22386 4 4 4.22386 4 4.5C4 4.77614 4.22386 5 4.5 5Z", }), a.createElement("path", { d: "M5 6.5C5 6.77614 4.77614 7 4.5 7C4.22386 7 4 6.77614 4 6.5C4 6.22386 4.22386 6 4.5 6C4.77614 6 5 6.22386 5 6.5Z", }), a.createElement("path", { fillRule: "evenodd", d: "M11 0C12.1046 0 13 0.895431 13 2V12C13 13.1046 12.1046 14 11 14H1.5C1.22386 14 1 13.7761 1 13.5V0.5C1 0.223857 1.22386 0 1.5 0H11ZM11 1H3V13H11C11.5523 13 12 12.5523 12 12V2C12 1.44772 11.5523 1 11 1Z", }), ), commit: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M3.03 7.5a4 4 0 0 0 7.94 0h2.53a.5.5 0 0 0 0-1h-2.53a4 4 0 0 0-7.94 0H.5a.5.5 0 0 0 0 1h2.53ZM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z", }), ), branch: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M6 2.5c0 .65-.42 1.2-1 1.41v4.06A3.36 3.36 0 0 1 7.5 7a2.7 2.7 0 0 0 1.81-.56c.22-.18.38-.4.48-.62a1.5 1.5 0 1 1 1.03.15c-.16.42-.43.87-.86 1.24-.57.47-1.37.79-2.46.79-1.04 0-1.64.42-2 .92-.26.37-.4.8-.47 1.18A1.5 1.5 0 1 1 4 10.09V3.9a1.5 1.5 0 1 1 2-1.4Zm-2 9a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm1-9a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm6 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z", }), ), pullrequest: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M8.35 1.35 7.71 2h.79A2.5 2.5 0 0 1 11 4.5v5.59a1.5 1.5 0 1 1-1 0V4.5C10 3.67 9.33 3 8.5 3h-.8l.65.65a.5.5 0 1 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7ZM11 11.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4 3.91a1.5 1.5 0 1 0-1 0v6.18a1.5 1.5 0 1 0 1 0V3.9ZM3.5 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm0-8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z", }), ), merge: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M4.1 3.87a1.5 1.5 0 1 0-1.1.04v6.18a1.5 1.5 0 1 0 1 0V6.4c.26.4.57.77.93 1.08A6.57 6.57 0 0 0 9.08 9a1.5 1.5 0 1 0 0-1 5.57 5.57 0 0 1-3.5-1.25 4.74 4.74 0 0 1-1.47-2.87ZM3.5 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1ZM4 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm7 6a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z", }), ), apple: a.createElement( a.Fragment, null, a.createElement("path", { d: "M11.03 8.1a3.05 3.05 0 0 1-.2-1.74 2.7 2.7 0 0 1 1.4-1.94 3.13 3.13 0 0 0-2.35-1.4c-.84-.08-2.01.56-2.65.57h-.02c-.63 0-1.81-.65-2.64-.57-.42.04-1.75.32-2.55 1.6-.28.44-.5 1.01-.58 1.74a6.36 6.36 0 0 0 .02 1.74 7.5 7.5 0 0 0 1.35 3.33c.7 1.01 1.51 1.6 1.97 1.6.93.02 1.74-.6 2.41-.6l.02.01h.04c.67-.02 1.48.61 2.42.6.45-.02 1.26-.6 1.97-1.6a7.95 7.95 0 0 0 .97-1.86 2.6 2.6 0 0 1-1.58-1.48ZM8.86 2.13c.72-.85.7-2.07.63-2.12-.07-.06-1.25.16-1.99.98a2.78 2.78 0 0 0-.62 2.13c.06.05 1.27-.14 1.98-.99Z", }), ), linux: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M7 0a3 3 0 0 1 3 3v1.24c.13.13.25.27.36.42l.52.43.2.15c.32.26.7.59 1.09.97A6.28 6.28 0 0 1 14 9.54a.5.5 0 0 1-.35.44c-.31.1-.8.18-1.34.13-.33-.03-.7-.12-1.05-.3-.04.17-.1.34-.17.51a2 2 0 1 1-2.89 2.56 5.5 5.5 0 0 1-2.4 0 2 2 0 1 1-2.9-2.56 5.56 5.56 0 0 1-.16-.51c-.35.18-.72.27-1.05.3a3.4 3.4 0 0 1-1.34-.13.5.5 0 0 1-.35-.44l.01-.14a6.28 6.28 0 0 1 1.82-3.2 13.42 13.42 0 0 1 1.3-1.11c.22-.19.4-.32.5-.43.12-.15.24-.29.37-.42V3a3 3 0 0 1 3-3Zm1 11.9a2 2 0 0 1 2.14-1.9 5.5 5.5 0 0 0 .36-2c0-.51-.1-1.07-.3-1.6l-.03-.02a4.4 4.4 0 0 0-.86-.42 6.71 6.71 0 0 0-1-.31l-.86.64c-.27.2-.63.2-.9 0l-.85-.64a6.72 6.72 0 0 0-1.87.73l-.03.02A4.6 4.6 0 0 0 3.5 8c0 .68.11 1.39.36 2H4a2 2 0 0 1 2 1.9 4.49 4.49 0 0 0 2 0ZM5 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm6 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.1 4.3a1.5 1.5 0 0 1 1.8 0l.27.2L7 5.38 5.83 4.5l.27-.2ZM8.5 2c.28 0 .5.22.5.5V3a.5.5 0 0 1-1 0v-.5c0-.28.22-.5.5-.5ZM6 2.5a.5.5 0 0 0-1 0V3a.5.5 0 0 0 1 0v-.5Z", }), ), ubuntu: a.createElement( a.Fragment, null, a.createElement("path", { d: "M12.26 2.07c0 1.14-.89 2.06-1.99 2.06s-1.99-.92-1.99-2.06c0-1.14.9-2.07 2-2.07s1.98.93 1.98 2.07ZM3.98 6.6c0 1.14-.9 2.07-2 2.07C.9 8.67 0 7.74 0 6.6c0-1.14.9-2.07 1.99-2.07 1.1 0 1.99.93 1.99 2.07ZM6.47 11.92a4.76 4.76 0 0 1-3.3-2.62c-.53.25-1.12.33-1.7.22a6.72 6.72 0 0 0 1.84 2.63 6.38 6.38 0 0 0 4.24 1.58c-.37-.5-.57-1.1-.59-1.73a4.77 4.77 0 0 1-.49-.08ZM11.81 11.93c0 1.14-.89 2.07-1.99 2.07s-1.98-.93-1.98-2.07c0-1.14.89-2.06 1.98-2.06 1.1 0 2 .92 2 2.06ZM12.6 11.17a6.93 6.93 0 0 0 .32-7.93A2.95 2.95 0 0 1 11.8 4.6a5.23 5.23 0 0 1-.16 5.03c.47.4.8.94.95 1.54ZM1.99 3.63h-.15A6.48 6.48 0 0 1 8 .24a3.07 3.07 0 0 0-.6 1.68 4.7 4.7 0 0 0-3.9 2.17c-.46-.3-.98-.45-1.51-.45Z", }), ), windows: a.createElement( a.Fragment, null, a.createElement("path", { d: "M6.5 1H1v5.5h5.5V1ZM13 1H7.5v5.5H13V1ZM7.5 7.5H13V13H7.5V7.5ZM6.5 7.5H1V13h5.5V7.5Z", }), ), storybook: a.createElement( a.Fragment, null, a.createElement("path", { d: "M2.04.62a.7.7 0 0 0-.66.72l.44 11.56c.01.37.3.66.67.68l9.4.42h.02a.7.7 0 0 0 .7-.7V.66a.7.7 0 0 0-.74-.66l-.77.05.05 1.62a.1.1 0 0 1-.17.08l-.52-.4-.61.46a.1.1 0 0 1-.17-.09L9.75.13l-7.7.49Zm8 4.74c-.24.2-2.09.33-2.09.05.04-1.04-.43-1.09-.69-1.09-.24 0-.66.08-.66.64 0 .57.6.89 1.32 1.27 1.02.53 2.24 1.18 2.24 2.82 0 1.57-1.27 2.43-2.9 2.43-1.67 0-3.14-.68-2.97-3.03.06-.27 2.2-.2 2.2 0-.03.97.19 1.26.75 1.26.43 0 .62-.24.62-.64 0-.6-.63-.95-1.36-1.36-.99-.56-2.15-1.2-2.15-2.7 0-1.5 1.03-2.5 2.86-2.5 1.83 0 2.84.99 2.84 2.85Z", }), ), azuredevops: a.createElement( a.Fragment, null, a.createElement("path", { d: "m0 5.18 1.31-1.73 4.9-2V.01l4.3 3.15-8.78 1.7v4.8L0 9.16V5.18Zm14-2.6v8.55l-3.36 2.86-5.42-1.79V14L1.73 9.66l8.78 1.05V3.16L14 2.58Z", }), ), bitbucket: a.createElement( a.Fragment, null, a.createElement("path", { d: "M1 1.52A.41.41 0 0 0 .59 2l1.74 10.6c.05.26.28.46.55.46h8.37c.2 0 .38-.14.42-.34l1.01-6.25H8.81l-.46 2.71H5.68L4.95 5.4h7.91L13.4 2a.41.41 0 0 0-.41-.48H1Z", }), ), chrome: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M13.02 3.43a.11.11 0 0 1-.1.17H7a3.4 3.4 0 0 0-3.3 2.55.11.11 0 0 1-.21.03L1.52 2.76a.11.11 0 0 1 0-.12 6.97 6.97 0 0 1 9-1.7c1.03.6 1.9 1.47 2.5 2.5ZM7 9.62a2.62 2.62 0 1 1 0-5.24 2.62 2.62 0 0 1 0 5.24Zm1.03.7a.11.11 0 0 0-.12-.04 3.4 3.4 0 0 1-4-1.84L1.1 3.57a.11.11 0 0 0-.2 0 7 7 0 0 0 5.07 10.35c.04 0 .08-.02.1-.05l1.97-3.42a.11.11 0 0 0 0-.13Zm1.43-5.95h3.95c.05 0 .1.03.1.07a6.97 6.97 0 0 1-1.53 7.48A6.96 6.96 0 0 1 7.08 14a.11.11 0 0 1-.1-.17l2.81-4.88h.01a3.38 3.38 0 0 0-.42-4.38.11.11 0 0 1 .08-.2Z", }), ), chromatic: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M0 7a7 7 0 1 0 14 0A7 7 0 0 0 0 7Zm5.22-3.87a1.97 1.97 0 0 1 3.75.83v1.29L5.61 3.32a2.49 2.49 0 0 0-.4-.19ZM8.7 5.71 5.35 3.78a1.97 1.97 0 0 0-2.6 2.83c.12-.1.24-.18.37-.26l1.51-.87a.27.27 0 0 1 .27 0L7 6.69l1.7-.98Zm-.32 4.97-1.52-.87a.27.27 0 0 1-.13-.23V7.15l-1.7-.97v3.86a1.97 1.97 0 0 0 3.75.83 2.5 2.5 0 0 1-.4-.19Zm.26-.46a1.97 1.97 0 0 0 2.6-2.83c-.11.1-.23.18-.36.26L7.53 9.58l1.11.64Zm-4.1.26h-.17a1.97 1.97 0 0 1-1.9-2.47 2 2 0 0 1 .92-1.2l1.11-.63v3.86c0 .14.01.29.04.44Zm6.79-5.98a1.97 1.97 0 0 0-1.87-.97c.03.14.04.29.04.43v1.75c0 .1-.05.19-.14.23l-2.1 1.22V9.1l3.35-1.93a1.97 1.97 0 0 0 .72-2.68Z", }), ), componentdriven: a.createElement( a.Fragment, null, a.createElement("path", { d: "M10.85 2.18 8.87.2a.69.69 0 0 0-.97 0L3.09 5.01a.69.69 0 0 0 0 .97l2.46 2.46-2.4 2.4a.69.69 0 0 0 0 .98l1.98 1.98c.27.27.7.27.97 0l4.8-4.81a.69.69 0 0 0 0-.97L8.45 5.56l2.4-2.4a.69.69 0 0 0 0-.98Z", }), ), discord: a.createElement( a.Fragment, null, a.createElement("path", { d: "M11.85 2.88C10.95 2.48 10 2.18 9 2a7.05 7.05 0 0 0-.4.75 10.66 10.66 0 0 0-3.2 0c-.1-.23-.24-.5-.36-.73A.04.04 0 0 0 4.99 2a11.51 11.51 0 0 0-2.86.9 11.82 11.82 0 0 0-2.05 8 11.6 11.6 0 0 0 3.5 1.77c.01 0 .03 0 .04-.02.27-.36.51-.75.72-1.16a.04.04 0 0 0-.03-.06 7.66 7.66 0 0 1-1.09-.52.04.04 0 0 1 0-.08 5.96 5.96 0 0 0 .26-.17 8.28 8.28 0 0 0 7.08 0l.22.17c.02.02.02.06 0 .08-.36.2-.72.37-1.1.52a.04.04 0 0 0-.02.06c.2.4.45.8.71 1.16.01.02.03.02.05.02a11.57 11.57 0 0 0 3.52-1.8 11.74 11.74 0 0 0-2.09-7.99Zm-7.17 6.4c-.7 0-1.26-.63-1.26-1.41 0-.78.56-1.41 1.26-1.41s1.27.64 1.26 1.4c0 .79-.56 1.42-1.26 1.42Zm4.65 0c-.69 0-1.26-.63-1.26-1.41 0-.78.56-1.41 1.26-1.41s1.27.64 1.26 1.4c0 .79-.55 1.42-1.26 1.42Z", }), ), facebook: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.4 14H5.06V7H3.5V4.59h1.56V3.17C5.06 1.2 5.53 0 7.6 0h1.72v2.41H8.25c-.8 0-.85.34-.85.97v1.2h1.93L9.11 7H7.4l-.01 7Z", }), ), figma: a.createElement( a.Fragment, null, a.createElement("path", { fillRule: "evenodd", d: "M9.2 0H4.8a2.6 2.6 0 0 0-1.4 4.8 2.6 2.6 0 0 0 0 4.4 2.6 2.6 0 1 0 4 2.2V8.89a2.6 2.6 0 1 0 3.2-4.09A2.6 2.6 0 0 0 9.2 0ZM7.4 7A1.8 1.8 0 1 0 11 7a1.8 1.8 0 0 0-3.6 0Zm-.8 2.6H4.8a1.8 1.8 0 1 0 1.8 1.8V9.6ZM4.8 4.4h1.8V.8H4.8a1.8 1.8 0 0 0 0 3.59Zm0 .8a1.8 1.8 0 0 0 0 3.6h1.8V5.2H4.8Zm4.4-.8H7.4V.8h1.8a1.8 1.8 0 1 1 0 3.59Z", }), ), gdrive: a.createElement( a.Fragment, null, a.createElement("path", { d: "M6.37 8.77 4.33 12.3h6.75l2.04-3.54H6.38Zm6.18-1-3.5-6.08h-4.1l3.51 6.08h4.09ZM4.38 2.7.88 8.77l2.04 3.54 3.5-6.07L4.38 2.7Z", }), ), github: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7 0a7 7 0 0 0-2.21 13.64c.35.06.48-.15.48-.33L5.26 12c-1.76.32-2.21-.43-2.35-.83-.08-.2-.43-.82-.72-.99-.25-.13-.6-.45-.01-.46.55 0 .94.5 1.07.72.63 1.06 1.64.76 2.04.58.07-.46.25-.77.45-.94-1.56-.18-3.19-.78-3.19-3.46 0-.76.28-1.39.72-1.88-.07-.17-.31-.9.07-1.85 0 0 .59-.19 1.93.71a6.5 6.5 0 0 1 3.5 0c1.34-.9 1.92-.71 1.92-.71.39.96.14 1.68.07 1.85.45.5.72 1.11.72 1.88 0 2.69-1.64 3.28-3.2 3.46.26.22.48.64.48 1.3l-.01 1.92c0 .18.13.4.48.33A7.01 7.01 0 0 0 7 0Z", }), ), gitlab: a.createElement( a.Fragment, null, a.createElement("path", { d: "M4.53 5.58H1.07l1.49-4.55a.26.26 0 0 1 .48 0l1.49 4.55ZM7 13.15 1.07 5.58l-.75 2.3a.5.5 0 0 0 .18.57l6.5 4.7Zm0 0 6.5-4.7a.5.5 0 0 0 .18-.57l-.75-2.3L7 13.15l2.47-7.57H4.53L7 13.15Zm2.47-7.57h3.46l-1.49-4.55a.26.26 0 0 0-.48 0L9.47 5.58Z", }), ), google: a.createElement( a.Fragment, null, a.createElement("path", { d: "M10.92 1.1H7.26c-1.64 0-3.19 1.24-3.19 2.68 0 1.47 1.12 2.66 2.8 2.66l.33-.01c-.1.2-.18.44-.18.68 0 .41.22.75.5 1.02h-.64c-2.03 0-3.6 1.3-3.6 2.64 0 1.32 1.72 2.15 3.75 2.15 2.32 0 3.6-1.31 3.6-2.64 0-1.06-.31-1.7-1.28-2.38-.33-.23-.96-.8-.96-1.14 0-.39.1-.58.7-1.04a2.46 2.46 0 0 0 1.03-1.92c0-.92-.4-1.82-1.18-2.11h1.17l.81-.6ZM9.6 10.04c.03.13.05.25.05.38 0 1.07-.7 1.9-2.67 1.9-1.4 0-2.42-.88-2.42-1.95 0-1.05 1.26-1.92 2.66-1.9a3 3 0 0 1 .92.14c.76.53 1.3.83 1.46 1.43ZM7.34 6.07c-.94-.03-1.84-1.06-2-2.3-.17-1.24.47-2.19 1.41-2.16.94.03 1.84 1.03 2 2.26.17 1.24-.47 2.23-1.41 2.2Z", }), ), graphql: a.createElement( a.Fragment, null, a.createElement("path", { d: "M7.87 11.6a1.17 1.17 0 0 0-1.7-.02l-2.71-1.56.01-.04h7.07l.02.07-2.69 1.56Zm-1.7-9.18.03.03-3.54 6.12h-.04V5.43a1.17 1.17 0 0 0 .84-1.46l2.7-1.56Zm4.38 1.56a1.17 1.17 0 0 0 .84 1.46v3.12l-.04.01-3.54-6.12c.02 0 .03-.02.04-.03l2.7 1.56ZM3.47 9.42a1.17 1.17 0 0 0-.32-.57l3.53-6.12a1.17 1.17 0 0 0 .65 0l3.54 6.12a1.17 1.17 0 0 0-.33.57H3.47Zm8.8-.74c-.1-.05-.21-.1-.32-.12V5.44a1.17 1.17 0 1 0-1.12-1.94l-2.7-1.56a1.17 1.17 0 1 0-2.24 0L3.19 3.5a1.17 1.17 0 1 0-1.13 1.94v3.12a1.17 1.17 0 1 0 1.12 1.94l2.7 1.56a1.17 1.17 0 1 0 2.24-.03l2.69-1.55a1.17 1.17 0 1 0 1.45-1.8Z", }), ), medium: a.createElement( a.Fragment, null, a.createElement("path", { d: "M0 0v14h14V0H0Zm11.63 3.32-.75.72a.22.22 0 0 0-.08.2v5.33c0 .07.03.14.08.18l.73.72v.16H7.92v-.16l.76-.74c.08-.07.08-.1.08-.21V5.24l-2.11 5.37h-.29L3.9 5.24v3.67c0 .13.05.25.14.34l.99 1.2v.16h-2.8v-.16l.98-1.2a.48.48 0 0 0 .13-.41V4.65c0-.11-.04-.2-.12-.27l-.88-1.06v-.16h2.73l2.1 4.62 1.86-4.62h2.6v.16Z", }), ), redux: a.createElement( a.Fragment, null, a.createElement("path", { d: "M4.06 9.69c.02.49.42.88.91.88H5a.91.91 0 0 0-.03-1.83h-.03c-.03 0-.08 0-.11.02a5.97 5.97 0 0 1-.85-3.62c.06-.98.39-1.82.96-2.52.47-.6 1.39-.9 2-.92 1.73-.03 2.47 2.12 2.51 2.99.22.04.57.16.82.24-.2-2.64-1.83-4-3.4-4-1.46 0-2.81 1.05-3.35 2.61a6.67 6.67 0 0 0 .65 5.68.74.74 0 0 0-.11.47Zm8.28-2.3a6.62 6.62 0 0 0-5.15-2.25h-.26a.9.9 0 0 0-.8-.49H6.1a.91.91 0 0 0 .03 1.83h.03a.92.92 0 0 0 .8-.56h.3c1.23 0 2.4.36 3.47 1.06.81.54 1.4 1.24 1.72 2.09.28.68.26 1.35-.03 1.92a2.4 2.4 0 0 1-2.23 1.34c-.65 0-1.27-.2-1.6-.34-.18.16-.5.42-.73.58.7.33 1.41.5 2.1.5 1.56 0 2.72-.85 3.16-1.72.47-.94.44-2.57-.78-3.96ZM4.9 12.9a4 4 0 0 1-.98.11c-1.2 0-2.3-.5-2.84-1.32C.38 10.6.13 8.3 2.5 6.58c.05.26.15.62.22.83-.31.23-.8.68-1.11 1.3a2.4 2.4 0 0 0 .13 2.53c.36.54.93.86 1.66.96.9.11 1.8-.05 2.66-.5a5.83 5.83 0 0 0 2.67-2.56.91.91 0 0 1 .62-1.55h.03a.92.92 0 0 1 .1 1.82 6.26 6.26 0 0 1-4.56 3.49Z", }), ), twitter: a.createElement( a.Fragment, null, a.createElement("path", { d: "M14 2.55c-.51.23-1.07.39-1.65.46.6-.36 1.05-.94 1.26-1.63-.55.34-1.17.58-1.82.72a2.84 2.84 0 0 0-2.1-.93 2.9 2.9 0 0 0-2.8 3.61 8.09 8.09 0 0 1-5.9-3.07 2.99 2.99 0 0 0 .88 3.93 2.8 2.8 0 0 1-1.3-.37v.04c0 1.42 1 2.61 2.3 2.89a2.82 2.82 0 0 1-1.3.05 2.89 2.89 0 0 0 2.7 2.04A5.67 5.67 0 0 1 0 11.51a7.98 7.98 0 0 0 4.4 1.32c5.29 0 8.17-4.48 8.17-8.38v-.38A5.93 5.93 0 0 0 14 2.55Z", }), ), youtube: a.createElement( a.Fragment, null, a.createElement("path", { d: "M13.99 8.17V5.83a14.95 14.95 0 0 0-.23-2.22c-.09-.38-.27-.7-.55-.96s-.6-.41-.97-.45A51.3 51.3 0 0 0 7 2c-2.34 0-4.09.07-5.24.2A1.78 1.78 0 0 0 .25 3.61 15.26 15.26 0 0 0 0 7v1.16a15.24 15.24 0 0 0 .24 2.22c.09.38.27.7.55.96.27.26.6.41.97.45 1.15.13 2.9.2 5.24.2 2.34 0 4.08-.06 5.24-.2.37-.04.7-.19.97-.45s.45-.58.54-.96a15.26 15.26 0 0 0 .24-2.22Zm-4.23-1.6c.16.1.24.24.24.43 0 .2-.08.33-.24.42l-4 2.5a.44.44 0 0 1-.26.08.54.54 0 0 1-.24-.06A.46.46 0 0 1 5 9.5v-5c0-.2.08-.34.26-.44.17-.1.34-.09.5.02l4 2.5Z", }), ), linkedin: a.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.6667 13H2.33333C1.59695 13 1 12.403 1 11.6667V2.33333C1 1.59695 1.59695 1 2.33333 1H11.6667C12.403 1 13 1.59695 13 2.33333V11.6667C13 12.403 12.403 13 11.6667 13ZM9.55293 11.3333H11.3337V7.67516C11.3337 6.12737 10.4563 5.379 9.23075 5.379C8.00467 5.379 7.48867 6.33378 7.48867 6.33378V5.55552H5.77255V11.3333H7.48867V8.30031C7.48867 7.48764 7.86276 7.00405 8.57878 7.00405C9.23696 7.00405 9.55293 7.46875 9.55293 8.30031V11.3333ZM2.66699 3.73279C2.66699 4.32157 3.14067 4.79896 3.72522 4.79896C4.30977 4.79896 4.78316 4.32157 4.78316 3.73279C4.78316 3.14402 4.30977 2.66663 3.72522 2.66663C3.14067 2.66663 2.66699 3.14402 2.66699 3.73279ZM4.62856 11.3333H2.83908V5.55552H4.62856V11.3333Z", fill: "#1EA7FD", }), vscode: a.createElement( a.Fragment, null, a.createElement("path", { d: "M10.24.04c.13 0 .26.03.38.09L13.5 1.5a.87.87 0 0 1 .5.8v.03-.01 9.39c0 .33-.2.63-.5.78l-2.88 1.38a.87.87 0 0 1-1-.17l-5.5-5.03-2.4 1.83a.58.58 0 0 1-.75-.04l-.77-.7a.58.58 0 0 1 0-.86L2.27 7 .2 5.1a.58.58 0 0 1 0-.86l.77-.7c.21-.2.52-.2.75-.04l2.4 1.83L9.63.3a.87.87 0 0 1 .61-.26Zm.26 3.78L6.32 7l4.18 3.18V3.82Z", }), ), }, t5 = k.svg({ display: "inline-block", shapeRendering: "inherit", transform: "translate3d(0, 0, 0)", verticalAlign: "middle", path: { fill: "currentColor" }, }), Gi = ({ icon: e, ...t }) => a.createElement( t5, { viewBox: "0 0 14 14", width: "14px", height: "14px", ...t }, a.createElement(a.Fragment, null, e5[e]), ); function Pa() { return ( (Pa = Object.assign ? Object.assign.bind() : function (e) { for (var t = 1; t < arguments.length; t++) { var n = arguments[t]; for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]); } return e; }), Pa.apply(null, arguments) ); } function n5(e) { if (e === void 0) throw new ReferenceError( "this hasn't been initialised - super() hasn't been called", ); return e; } function Un(e, t) { return ( (Un = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (n, r) { return ((n.__proto__ = r), n); }), Un(e, t) ); } function a5(e, t) { ((e.prototype = Object.create(t.prototype)), (e.prototype.constructor = e), Un(e, t)); } function pi(e) { return ( (pi = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }), pi(e) ); } function r5(e) { try { return Function.toString.call(e).indexOf("[native code]") !== -1; } catch { return typeof e == "function"; } } function K1() { try { var e = !Boolean.prototype.valueOf.call( Reflect.construct(Boolean, [], function () {}), ); } catch {} return (K1 = function () { return !!e; })(); } function i5(e, t, n) { if (K1()) return Reflect.construct.apply(null, arguments); var r = [null]; r.push.apply(r, t); var i = new (e.bind.apply(e, r))(); return (n && Un(i, n.prototype), i); } function hi(e) { var t = typeof Map == "function" ? new Map() : void 0; return ( (hi = function (n) { if (n === null || !r5(n)) return n; if (typeof n != "function") throw new TypeError( "Super expression must either be null or a function", ); if (t !== void 0) { if (t.has(n)) return t.get(n); t.set(n, r); } function r() { return i5(n, arguments, pi(this).constructor); } return ( (r.prototype = Object.create(n.prototype, { constructor: { value: r, enumerable: !1, writable: !0, configurable: !0, }, })), Un(r, n) ); }), hi(e) ); } var rt = (function (e) { a5(t, e); function t(n) { var r; return ( (r = e.call( this, "An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" + n + " for more information.", ) || this), n5(r) ); } return t; })(hi(Error)); function jr(e) { return Math.round(e * 255); } function l5(e, t, n) { return jr(e) + "," + jr(t) + "," + jr(n); } function $n(e, t, n, r) { if ((r === void 0 && (r = l5), t === 0)) return r(n, n, n); var i = (((e % 360) + 360) % 360) / 60, l = (1 - Math.abs(2 * n - 1)) * t, o = l * (1 - Math.abs((i % 2) - 1)), s = 0, d = 0, c = 0; i >= 0 && i < 1 ? ((s = l), (d = o)) : i >= 1 && i < 2 ? ((s = o), (d = l)) : i >= 2 && i < 3 ? ((d = l), (c = o)) : i >= 3 && i < 4 ? ((d = o), (c = l)) : i >= 4 && i < 5 ? ((s = o), (c = l)) : i >= 5 && i < 6 && ((s = l), (c = o)); var u = n - l / 2, m = s + u, p = d + u, v = c + u; return r(m, p, v); } var oo = { aliceblue: "f0f8ff", antiquewhite: "faebd7", aqua: "00ffff", aquamarine: "7fffd4", azure: "f0ffff", beige: "f5f5dc", bisque: "ffe4c4", black: "000", blanchedalmond: "ffebcd", blue: "0000ff", blueviolet: "8a2be2", brown: "a52a2a", burlywood: "deb887", cadetblue: "5f9ea0", chartreuse: "7fff00", chocolate: "d2691e", coral: "ff7f50", cornflowerblue: "6495ed", cornsilk: "fff8dc", crimson: "dc143c", cyan: "00ffff", darkblue: "00008b", darkcyan: "008b8b", darkgoldenrod: "b8860b", darkgray: "a9a9a9", darkgreen: "006400", darkgrey: "a9a9a9", darkkhaki: "bdb76b", darkmagenta: "8b008b", darkolivegreen: "556b2f", darkorange: "ff8c00", darkorchid: "9932cc", darkred: "8b0000", darksalmon: "e9967a", darkseagreen: "8fbc8f", darkslateblue: "483d8b", darkslategray: "2f4f4f", darkslategrey: "2f4f4f", darkturquoise: "00ced1", darkviolet: "9400d3", deeppink: "ff1493", deepskyblue: "00bfff", dimgray: "696969", dimgrey: "696969", dodgerblue: "1e90ff", firebrick: "b22222", floralwhite: "fffaf0", forestgreen: "228b22", fuchsia: "ff00ff", gainsboro: "dcdcdc", ghostwhite: "f8f8ff", gold: "ffd700", goldenrod: "daa520", gray: "808080", green: "008000", greenyellow: "adff2f", grey: "808080", honeydew: "f0fff0", hotpink: "ff69b4", indianred: "cd5c5c", indigo: "4b0082", ivory: "fffff0", khaki: "f0e68c", lavender: "e6e6fa", lavenderblush: "fff0f5", lawngreen: "7cfc00", lemonchiffon: "fffacd", lightblue: "add8e6", lightcoral: "f08080", lightcyan: "e0ffff", lightgoldenrodyellow: "fafad2", lightgray: "d3d3d3", lightgreen: "90ee90", lightgrey: "d3d3d3", lightpink: "ffb6c1", lightsalmon: "ffa07a", lightseagreen: "20b2aa", lightskyblue: "87cefa", lightslategray: "789", lightslategrey: "789", lightsteelblue: "b0c4de", lightyellow: "ffffe0", lime: "0f0", limegreen: "32cd32", linen: "faf0e6", magenta: "f0f", maroon: "800000", mediumaquamarine: "66cdaa", mediumblue: "0000cd", mediumorchid: "ba55d3", mediumpurple: "9370db", mediumseagreen: "3cb371", mediumslateblue: "7b68ee", mediumspringgreen: "00fa9a", mediumturquoise: "48d1cc", mediumvioletred: "c71585", midnightblue: "191970", mintcream: "f5fffa", mistyrose: "ffe4e1", moccasin: "ffe4b5", navajowhite: "ffdead", navy: "000080", oldlace: "fdf5e6", olive: "808000", olivedrab: "6b8e23", orange: "ffa500", orangered: "ff4500", orchid: "da70d6", palegoldenrod: "eee8aa", palegreen: "98fb98", paleturquoise: "afeeee", palevioletred: "db7093", papayawhip: "ffefd5", peachpuff: "ffdab9", peru: "cd853f", pink: "ffc0cb", plum: "dda0dd", powderblue: "b0e0e6", purple: "800080", rebeccapurple: "639", red: "f00", rosybrown: "bc8f8f", royalblue: "4169e1", saddlebrown: "8b4513", salmon: "fa8072", sandybrown: "f4a460", seagreen: "2e8b57", seashell: "fff5ee", sienna: "a0522d", silver: "c0c0c0", skyblue: "87ceeb", slateblue: "6a5acd", slategray: "708090", slategrey: "708090", snow: "fffafa", springgreen: "00ff7f", steelblue: "4682b4", tan: "d2b48c", teal: "008080", thistle: "d8bfd8", tomato: "ff6347", turquoise: "40e0d0", violet: "ee82ee", wheat: "f5deb3", white: "fff", whitesmoke: "f5f5f5", yellow: "ff0", yellowgreen: "9acd32", }; function o5(e) { if (typeof e != "string") return e; var t = e.toLowerCase(); return oo[t] ? "#" + oo[t] : e; } var s5 = /^#[a-fA-F0-9]{6}$/, d5 = /^#[a-fA-F0-9]{8}$/, c5 = /^#[a-fA-F0-9]{3}$/, u5 = /^#[a-fA-F0-9]{4}$/, Dr = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i, m5 = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, p5 = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i, h5 = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i; function J1(e) { if (typeof e != "string") throw new rt(3); var t = o5(e); if (t.match(s5)) return { red: parseInt("" + t[1] + t[2], 16), green: parseInt("" + t[3] + t[4], 16), blue: parseInt("" + t[5] + t[6], 16), }; if (t.match(d5)) { var n = parseFloat((parseInt("" + t[7] + t[8], 16) / 255).toFixed(2)); return { red: parseInt("" + t[1] + t[2], 16), green: parseInt("" + t[3] + t[4], 16), blue: parseInt("" + t[5] + t[6], 16), alpha: n, }; } if (t.match(c5)) return { red: parseInt("" + t[1] + t[1], 16), green: parseInt("" + t[2] + t[2], 16), blue: parseInt("" + t[3] + t[3], 16), }; if (t.match(u5)) { var r = parseFloat((parseInt("" + t[4] + t[4], 16) / 255).toFixed(2)); return { red: parseInt("" + t[1] + t[1], 16), green: parseInt("" + t[2] + t[2], 16), blue: parseInt("" + t[3] + t[3], 16), alpha: r, }; } var i = Dr.exec(t); if (i) return { red: parseInt("" + i[1], 10), green: parseInt("" + i[2], 10), blue: parseInt("" + i[3], 10), }; var l = m5.exec(t.substring(0, 50)); if (l) return { red: parseInt("" + l[1], 10), green: parseInt("" + l[2], 10), blue: parseInt("" + l[3], 10), alpha: parseFloat("" + l[4]) > 1 ? parseFloat("" + l[4]) / 100 : parseFloat("" + l[4]), }; var o = p5.exec(t); if (o) { var s = parseInt("" + o[1], 10), d = parseInt("" + o[2], 10) / 100, c = parseInt("" + o[3], 10) / 100, u = "rgb(" + $n(s, d, c) + ")", m = Dr.exec(u); if (!m) throw new rt(4, t, u); return { red: parseInt("" + m[1], 10), green: parseInt("" + m[2], 10), blue: parseInt("" + m[3], 10), }; } var p = h5.exec(t.substring(0, 50)); if (p) { var v = parseInt("" + p[1], 10), g = parseInt("" + p[2], 10) / 100, y = parseInt("" + p[3], 10) / 100, w = "rgb(" + $n(v, g, y) + ")", b = Dr.exec(w); if (!b) throw new rt(4, t, w); return { red: parseInt("" + b[1], 10), green: parseInt("" + b[2], 10), blue: parseInt("" + b[3], 10), alpha: parseFloat("" + p[4]) > 1 ? parseFloat("" + p[4]) / 100 : parseFloat("" + p[4]), }; } throw new rt(5); } function f5(e) { var t = e.red / 255, n = e.green / 255, r = e.blue / 255, i = Math.max(t, n, r), l = Math.min(t, n, r), o = (i + l) / 2; if (i === l) return e.alpha !== void 0 ? { hue: 0, saturation: 0, lightness: o, alpha: e.alpha } : { hue: 0, saturation: 0, lightness: o }; var s, d = i - l, c = o > 0.5 ? d / (2 - i - l) : d / (i + l); switch (i) { case t: s = (n - r) / d + (n < r ? 6 : 0); break; case n: s = (r - t) / d + 2; break; default: s = (t - n) / d + 4; break; } return ( (s *= 60), e.alpha !== void 0 ? { hue: s, saturation: c, lightness: o, alpha: e.alpha } : { hue: s, saturation: c, lightness: o } ); } function Q1(e) { return f5(J1(e)); } var g5 = function (e) { return e.length === 7 && e[1] === e[2] && e[3] === e[4] && e[5] === e[6] ? "#" + e[1] + e[3] + e[5] : e; }, fi = g5; function _t(e) { var t = e.toString(16); return t.length === 1 ? "0" + t : t; } function zr(e) { return _t(Math.round(e * 255)); } function v5(e, t, n) { return fi("#" + zr(e) + zr(t) + zr(n)); } function Va(e, t, n) { return $n(e, t, n, v5); } function y5(e, t, n) { if (typeof e == "number" && typeof t == "number" && typeof n == "number") return Va(e, t, n); if (typeof e == "object" && t === void 0 && n === void 0) return Va(e.hue, e.saturation, e.lightness); throw new rt(1); } function b5(e, t, n, r) { if ( typeof e == "number" && typeof t == "number" && typeof n == "number" && typeof r == "number" ) return r >= 1 ? Va(e, t, n) : "rgba(" + $n(e, t, n) + "," + r + ")"; if (typeof e == "object" && t === void 0 && n === void 0 && r === void 0) return e.alpha >= 1 ? Va(e.hue, e.saturation, e.lightness) : "rgba(" + $n(e.hue, e.saturation, e.lightness) + "," + e.alpha + ")"; throw new rt(2); } function gi(e, t, n) { if (typeof e == "number" && typeof t == "number" && typeof n == "number") return fi("#" + _t(e) + _t(t) + _t(n)); if (typeof e == "object" && t === void 0 && n === void 0) return fi("#" + _t(e.red) + _t(e.green) + _t(e.blue)); throw new rt(6); } function vi(e, t, n, r) { if (typeof e == "string" && typeof t == "number") { var i = J1(e); return "rgba(" + i.red + "," + i.green + "," + i.blue + "," + t + ")"; } else { if ( typeof e == "number" && typeof t == "number" && typeof n == "number" && typeof r == "number" ) return r >= 1 ? gi(e, t, n) : "rgba(" + e + "," + t + "," + n + "," + r + ")"; if ( typeof e == "object" && t === void 0 && n === void 0 && r === void 0 ) return e.alpha >= 1 ? gi(e.red, e.green, e.blue) : "rgba(" + e.red + "," + e.green + "," + e.blue + "," + e.alpha + ")"; } throw new rt(7); } var E5 = function (e) { return ( typeof e.red == "number" && typeof e.green == "number" && typeof e.blue == "number" && (typeof e.alpha != "number" || typeof e.alpha > "u") ); }, k5 = function (e) { return ( typeof e.red == "number" && typeof e.green == "number" && typeof e.blue == "number" && typeof e.alpha == "number" ); }, w5 = function (e) { return ( typeof e.hue == "number" && typeof e.saturation == "number" && typeof e.lightness == "number" && (typeof e.alpha != "number" || typeof e.alpha > "u") ); }, C5 = function (e) { return ( typeof e.hue == "number" && typeof e.saturation == "number" && typeof e.lightness == "number" && typeof e.alpha == "number" ); }; function X1(e) { if (typeof e != "object") throw new rt(8); if (k5(e)) return vi(e); if (E5(e)) return gi(e); if (C5(e)) return b5(e); if (w5(e)) return y5(e); throw new rt(8); } function es(e, t, n) { return function () { var r = n.concat(Array.prototype.slice.call(arguments)); return r.length >= t ? e.apply(this, r) : es(e, t, r); }; } function ts(e) { return es(e, e.length, []); } function ns(e, t, n) { return Math.max(e, Math.min(t, n)); } function S5(e, t) { if (t === "transparent") return t; var n = Q1(t); return X1( Pa({}, n, { lightness: ns(0, 1, n.lightness - parseFloat(e)) }), ); } var x5 = ts(S5), It = x5; function N5(e, t) { if (t === "transparent") return t; var n = Q1(t); return X1( Pa({}, n, { lightness: ns(0, 1, n.lightness + parseFloat(e)) }), ); } var M5 = ts(N5), Ia = M5, P = { primary: "#FF4785", secondary: "#029CFD", tertiary: "#E3E6E8", orange: "#FC521F", gold: "#FFAE00", green: "#66BF3C", seafoam: "#37D5D3", purple: "#6F2CAC", ultraviolet: "#2A0481", red: "#ff4400", bluelight: "#E3F3FF", bluelighter: "#F5FBFF", lightest: "#FFFFFF", lighter: "#F7FAFC", light: "#EEF3F6", mediumlight: "#ECF4F9", medium: "#D9E8F2", mediumdark: "#73828C", dark: "#5C6870", darker: "#454E54", darkest: "#2E3438", tr10: "rgba(0, 0, 0, 0.1)", tr5: "rgba(0, 0, 0, 0.05)", border: "hsla(203, 50%, 30%, 0.15)", positive: "#448028", negative: "#D43900", warning: "#A15C20", selected: "#0271B6", }, Yi = { padding: { small: 10, medium: 20, large: 30 }, borderRadius: { small: 5, default: 10 }, }, B = { type: { primary: 'var(--nunito-sans, "Nunito Sans"), "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif', code: '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace', }, weight: { regular: "400", bold: "700", extrabold: "800" }, size: { s1: 12, s2: 14, s3: 16, m1: 20, m2: 24, m3: 28, l1: 32, l2: 40, l3: 48, code: 90, }, }, wa = 600, Ca = 5.55555; se({ padding: `0 ${Yi.padding.medium}px`, [`@media (min-width: ${wa * 1}px)`]: { margin: `0 ${Ca * 1}%` }, [`@media (min-width: ${wa * 2}px)`]: { margin: `0 ${Ca * 2}%` }, [`@media (min-width: ${wa * 3}px)`]: { margin: `0 ${Ca * 3}%` }, [`@media (min-width: ${wa * 4}px)`]: { margin: `0 ${Ca * 4}%` }, }); se({ border: `1px solid ${P.border}`, borderRadius: `${Yi.borderRadius.small}px`, transition: "background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out", "&:hover, &.__hover": { borderColor: `${vi(P.secondary, 0.5)}`, transform: "translate3d(0, -3px, 0)", boxShadow: "rgba(0, 0, 0, 0.08) 0 3px 10px 0", }, "&:active, &.__active": { borderColor: `${vi(P.secondary, 1)}`, transform: "translate3d(0, 0, 0)", }, }); (se({ fontSize: B.size.l3, fontWeight: B.weight.bold }), se({ fontSize: B.size.l2, fontWeight: B.weight.bold }), se({ fontSize: B.size.l1, fontWeight: B.weight.bold }), se({ fontSize: B.size.m3, fontWeight: B.weight.bold }), se({ fontSize: B.size.m2, fontWeight: B.weight.bold }), se({ fontSize: B.size.m1, fontWeight: B.weight.bold }), se({ fontSize: B.size.s3, fontWeight: B.weight.bold }), se({ fontSize: B.size.s2, fontWeight: B.weight.bold })); (se({ fontSize: 14, fontWeight: B.weight.extrabold, lineHeight: "18px", letterSpacing: "0.38em", }), se({ fontSize: 11, fontWeight: B.weight.extrabold, lineHeight: "16px", letterSpacing: "0.38em", })); (se({ fontSize: 14, fontWeight: B.weight.bold, lineHeight: "18px" }), se({ fontSize: 14, fontWeight: B.weight.regular, lineHeight: "18px" }), se({ fontSize: B.size.s3, fontWeight: B.weight.bold, lineHeight: "24px", }), se({ fontSize: B.size.s1, fontWeight: B.weight.regular, lineHeight: "18px", }), se({ fontSize: B.size.s2, fontWeight: B.weight.bold, lineHeight: "20px", }), se({ fontSize: B.size.s1, fontWeight: B.weight.bold, lineHeight: "18px", }), se({ fontSize: B.size.s3, fontWeight: B.weight.regular, lineHeight: "24px", }), se({ fontSize: B.size.s2, fontWeight: B.weight.regular, lineHeight: "20px", })); (se({ fontFamily: B.type.code, fontSize: B.size.s2, fontWeight: B.weight.regular, lineHeight: "17px", }), se({ fontFamily: B.type.code, fontSize: B.size.s1, fontWeight: B.weight.regular, lineHeight: "14px", })); var as = Ct({ from: { transform: "rotate(0deg)" }, to: { transform: "rotate(360deg)" }, }), rs = Ct({ "0%, 100%": { opacity: 1 }, "50%": { opacity: 0.4 } }); Ct({ "0%": { transform: "translateY(1px)" }, "25%": { transform: "translateY(0px)" }, "50%": { transform: "translateY(-3px)" }, "100%": { transform: "translateY(1px)" }, }); var F5 = Ct({ "0%, 100%": { transform: "translate3d(0,0,0)" }, "12.5%, 62.5%": { transform: "translate3d(-4px,0,0)" }, "37.5%, 87.5%": { transform: "translate3d(4px,0,0)" }, }); Ct({ "0%": { transform: "rotate(-3deg)" }, "1.68421%": { transform: "rotate(3deg)" }, "2.10526%": { transform: "rotate(6deg)" }, "3.78947%": { transform: "rotate(-6deg)" }, "4.21053%": { transform: "rotate(-6deg)" }, "5.89474%": { transform: "rotate(6deg)" }, "6.31579%": { transform: "rotate(6deg)" }, "8%": { transform: "rotate(-6deg)" }, "8.42105%": { transform: "rotate(-6deg)" }, "10.10526%": { transform: "rotate(6deg)" }, "10.52632%": { transform: "rotate(6deg)" }, "12.21053%": { transform: "rotate(-6deg)" }, "12.63158%": { transform: "rotate(-6deg)" }, "14.31579%": { transform: "rotate(6deg)" }, "15.78947%": { transform: "rotate(0deg)" }, "100%": { transform: "rotate(0deg)" }, }); var A5 = se({ animation: `${rs} 1.5s ease-in-out infinite`, background: P.tr5, color: "transparent", cursor: "progress", }), Rt = { large: 40, medium: 28, small: 20, tiny: 16 }, L5 = k.div( { background: "transparent", display: "inline-block", verticalAlign: "top", overflow: "hidden", textTransform: "uppercase", img: { width: "100%", height: "auto", display: "block" }, }, (e) => ({ borderRadius: e.type === "user" ? "50%" : 5, height: `${Rt[e.size || "medium"]}px`, width: `${Rt[e.size || "medium"]}px`, lineHeight: `${Rt[e.size || "medium"]}px`, ...(e.isLoading && { background: P.light, filter: "grayscale(1)" }), ...(!e.src && !e.isLoading && { background: "#37D5D3" }), }), ), T5 = k(Gi)( { position: "relative", margin: "0 auto", display: "block", verticalAlign: "top", path: { fill: P.medium, animation: `${rs} 1.5s ease-in-out infinite`, }, }, (e) => ({ bottom: `${e.type === "user" ? -2 : -4}px`, height: `${e.type === "user" ? 100 : 70}%`, width: `${e.type === "user" ? 100 : 70}%`, }), ), Z5 = k.div( { color: P.lightest, textAlign: "center" }, (e) => ({ tiny: { fontSize: `${B.size.s1 - 2}px`, lineHeight: `${Rt.tiny}px`, }, small: { fontSize: `${B.size.s1}px`, lineHeight: `${Rt.small}px` }, medium: { fontSize: `${B.size.s2}px`, lineHeight: `${Rt.medium}px`, }, large: { fontSize: `${B.size.s3}px`, lineHeight: `${Rt.large}px` }, })[e.size || "medium"], ), O5 = ({ isLoading: e = !1, username: t = "loading", src: n = void 0, size: r = "medium", type: i = "user", ...l }) => { let o = a.createElement(T5, { icon: i === "user" ? "useralt" : "repository", type: i, }), s = {}; return ( e ? ((s["aria-busy"] = !0), (s["aria-label"] = "Loading avatar ...")) : n ? (o = a.createElement("img", { src: n, alt: t })) : ((s["aria-label"] = t), (o = a.createElement( Z5, { size: r, "aria-hidden": "true" }, t.substring(0, 1), ))), a.createElement( L5, { size: r, isLoading: e, src: n, type: i, ...s, ...l }, o, ) ); }, _5 = k.span( (e) => e.withArrow && { "> svg:last-of-type": { height: "0.65em", width: "0.65em", marginRight: 0, marginLeft: "0.25em", bottom: "auto", verticalAlign: "inherit", }, }, ), I5 = k.a( { display: "inline-block", transition: "transform 150ms ease-out, color 150ms ease-out", textDecoration: "none", color: P.secondary, "&:hover, &:focus-visible": { cursor: "pointer", transform: "translateY(-1px)", color: It(0.07, P.secondary), }, "&:active": { transform: "translateY(0)", color: It(0.1, P.secondary), }, svg: { display: "inline-block", height: "1em", width: "1em", verticalAlign: "text-top", position: "relative", bottom: "-0.125em", marginRight: "0.4em", }, }, (e) => ({ ...(e.secondary && { color: e.theme.base === "light" ? P.mediumdark : P.medium, "&:hover": { color: e.theme.base === "light" ? P.dark : P.light }, "&:active": { color: e.theme.base === "light" ? P.darker : P.lighter, }, }), ...(e.tertiary && { color: P.dark, "&:hover": { color: P.darkest }, "&:active": { color: P.mediumdark }, }), ...(e.nochrome && { color: "inherit", "&:hover, &:active": { color: "inherit", textDecoration: "underline", }, }), ...(e.inverse && { color: P.lightest, "&:hover": { color: P.lighter }, "&:active": { color: P.light }, }), }), ), R5 = k.a({}), B5 = k.button({ background: "none", border: "none", padding: "0", font: "inherit", cursor: "pointer", }), is = W( ( { inverse: e, isButton: t, LinkWrapper: n, nochrome: r, secondary: i, tertiary: l, ...o }, s, ) => t ? a.createElement(B5, { ...o, ref: s }) : n ? a.createElement(n, { ...o, ref: s }) : a.createElement(R5, { ...o, ref: s }), ); is.displayName = "LinkComponentPicker"; var Ne = W(({ children: e, withArrow: t, ...n }, r) => { let i = a.createElement( a.Fragment, null, a.createElement( _5, { withArrow: !!t }, e, t && a.createElement(Gi, { icon: "arrowright" }), ), ); return a.createElement(I5, { as: is, ref: r, ...n }, i); }); Ne.displayName = "Link"; Ne.defaultProps = { withArrow: !1, isButton: !1, secondary: !1, tertiary: !1, nochrome: !1, inverse: !1, }; var P5 = k.label((e) => ({ ...(e.appearance !== "code" && { fontWeight: B.weight.bold }), ...(e.appearance === "code" ? { fontFamily: B.type.code, fontSize: `${B.size.s1 - 1}px`, lineHeight: "16px", } : { fontSize: `${B.size.s2}px`, lineHeight: "20px" }), })), V5 = k.div([ { marginBottom: 8 }, (e) => e.hideLabel && { border: "0px !important", clip: "rect(0 0 0 0) !important", WebkitClipPath: "inset(100%) !important", clipPath: "inset(100%) !important", height: "1px !important", overflow: "hidden !important", padding: "0px !important", position: "absolute !important", whiteSpace: "nowrap !important", width: "1px !important", }, ]), H5 = k.input({ "&::placeholder": { color: P.mediumdark }, appearance: "none", border: "none", boxSizing: "border-box", display: "block", outline: "none", width: "100%", margin: "0", "&[disabled]": { cursor: "not-allowed", opacity: 0.5 }, "&:-webkit-autofill": { WebkitBoxShadow: `0 0 0 3em ${P.lightest} inset`, }, }), j5 = (e) => { let t = { position: "relative", ...(e.error && { zIndex: 1 }), "&:focus": { zIndex: 2 }, }; switch (e.stackLevel) { case "top": return { borderTopLeftRadius: "4px", borderTopRightRadius: "4px", borderBottomLeftRadius: 0, borderBottomRightRadius: 0, ...t, }; case "middle": return { borderRadius: 0, marginTop: -1, ...t }; case "bottom": return { borderBottomLeftRadius: "4px", borderBottomRightRadius: "4px", borderTopLeftRadius: 0, borderTopRightRadius: 0, marginTop: -1, ...t, }; default: return { borderRadius: "4px" }; } }, D5 = k.div((e) => ({ display: "inline-block", position: "relative", verticalAlign: "top", width: "100%", ".sbds-input-el": { position: "relative", ...j5(e), background: P.lightest, color: P.darkest, fontSize: `${B.size.s2}px`, lineHeight: "20px", padding: "10px 15px", boxShadow: `${P.border} 0 0 0 1px inset`, "&:focus": { boxShadow: `${P.secondary} 0 0 0 1px inset` }, ...(e.appearance === "pill" && { fontSize: `${B.size.s1}px`, lineHeight: "16px", padding: "6px 12px", borderRadius: "3em", background: "transparent", }), ...(e.appearance === "code" && { fontSize: `${B.size.s1 - 1}px`, lineHeight: "16px", fontFamily: B.type.code, borderRadius: `${Yi.borderRadius.small}px`, background: P.lightest, padding: "8px 10px", }), ...(e.startingType === "password" && { paddingRight: 52 }), ...(e.icon && { paddingLeft: 40, ...((e.appearance === "pill" || e.appearance === "code") && { paddingLeft: 30, }), "&:focus + svg path": { fill: P.darker }, }), ...(e.error && { boxShadow: `${P.red} 0 0 0 1px inset`, "&:focus": { boxShadow: `${P.red} 0 0 0 1px inset !important` }, }), }, "> svg": { ...(e.icon && { transition: "all 150ms ease-out", position: "absolute", top: "50%", zIndex: 3, background: "transparent", ...(e.appearance === "pill" || e.appearance === "code" ? { fontSize: `${B.size.s1}px`, height: 12, marginTop: -6, width: 12, left: 10, } : { fontSize: `${B.size.s2}px`, height: 14, marginTop: -7, width: 14, left: e.appearance === "tertiary" ? 0 : 15, }), path: { transition: "all 150ms ease-out", fill: P.mediumdark }, }), ...(e.error && { animation: `${F5} 700ms ease-out`, path: { fill: P.red }, }), }, })), z5 = k.div( (e) => e.orientation === "horizontal" && { display: "table-row", ".sbds-input-label-wrapper, .sbds-input-input-wrapper": { display: "table-cell", }, ".sbds-input-label-wrapper": { width: 1, paddingRight: 20, verticalAlign: "middle", }, ".sbds-input-input-wrapper": { width: "auto" }, }, ), U5 = k(ke)({ width: "100%" }), $5 = k(Rl)({ width: 170 }), W5 = k.div({ position: "absolute", right: "0", minWidth: 45, top: "50%", transform: "translateY(-50%)", fontWeight: "bold", fontSize: 11, zIndex: 2, }), so = ({ error: e, value: t, lastErrorValue: n }) => { let r = typeof e == "function" ? e(t) : e; return (n && t !== n && (r = null), r); }, ls = W( ( { id: e, appearance: t = "default", className: n = void 0, error: r = null, errorTooltipPlacement: i = "right", hideLabel: l = !1, icon: o = void 0, label: s, lastErrorValue: d = void 0, onActionClick: c = void 0, orientation: u = "vertical", stackLevel: m = void 0, startingType: p = "text", suppressErrorMessage: v = !1, type: g = "text", value: y = "", ...w }, b, ) => { let [h, f] = Le(so({ error: r, value: y, lastErrorValue: d })), E = `${e}-error`; te(() => { f(so({ error: r, value: y, lastErrorValue: d })); }, [y, r, d]); let C = a.createElement(H5, { className: "sbds-input-el", id: e, ref: b, value: y, type: g, "aria-describedby": E, "aria-invalid": !!r, ...w, }); return a.createElement( z5, { orientation: u, className: n }, a.createElement( V5, { className: "sbds-input-label-wrapper", hideLabel: l }, a.createElement(P5, { htmlFor: e, appearance: t }, s), ), a.createElement( D5, { className: "sbds-input-input-wrapper", error: h, "data-error": h, icon: o, appearance: t, stackLevel: m, startingType: p, }, o && a.createElement(Gi, { icon: o, "aria-hidden": !0 }), a.createElement( U5, { tabIndex: -1, placement: i, startOpen: !0, hasChrome: !!h && !v, tooltip: h && !v && a.createElement($5, { desc: h }), role: "none", }, C, ), p === "password" && a.createElement( W5, null, a.createElement( Ne, { isButton: !0, tertiary: !0, onClick: c, type: "button" }, g === "password" ? "Show" : "Hide", ), ), ), ); }, ); ls.displayName = "PureInput"; var os = W(({ type: e, startFocused: t, ...n }, r) => { let [i, l] = Le(e), o = K( (u) => { if ((u.preventDefault(), u.stopPropagation(), i === "password")) { l("text"); return; } l("password"); }, [i, l], ), s = Ee(), d = r || s, c = Ee(!1); return ( te(() => { d.current && t && !c.current && (d.current.focus(), (c.current = !0)); }, [d, t, c]), a.createElement(ls, { ref: d, startingType: e, type: i, onActionClick: o, ...n, }) ); }); os.displayName = "Input"; var q5 = k.div( { borderRadius: "3em", cursor: "progress", display: "inline-block", overflow: "hidden", position: ["relative", "absolute"], transition: "all 200ms ease-out", verticalAlign: "top", top: "50%", left: "50%", marginTop: -16, marginLeft: -16, height: 32, width: 32, animation: `${as} 0.7s linear infinite`, borderWidth: 2, borderStyle: "solid", borderColor: "rgba(0, 0, 0, 0.03)", borderTopColor: "rgba(0, 0, 0, 0.15)", }, (e) => ({ ...(e.inverse && { borderColor: "rgba(255, 255, 255, 0.2)", borderTopColor: "rgba(255, 255, 255, 0.4)", }), ...(e.inForm && { marginTop: -6, marginLeft: -6, height: 12, width: 12, border: `1px solid ${P.secondary}`, borderBottomColor: "transparent", }), ...(e.inline && { position: "relative", top: "initial", left: "initial", marginTop: "initial", marginLeft: "initial", verticalAlign: "middle", height: 8, width: 8, border: "1px solid", borderTopColor: P.secondary, borderLeftColor: P.secondary, borderRightColor: P.secondary, borderBottomColor: "transparent", ...(e.positive && { borderTopColor: P.positive, borderLeftColor: P.positive, borderRightColor: P.positive, }), ...(e.negative && { borderTopColor: P.red, borderLeftColor: P.red, borderRightColor: P.red, }), ...(e.neutral && { borderTopColor: P.dark, borderLeftColor: P.dark, borderRightColor: P.dark, }), ...(e.inverse && { borderTopColor: P.lightest, borderLeftColor: P.lightest, borderRightColor: P.lightest, }), }), }), ), yi = (e) => a.createElement(q5, { "aria-label": "Content is loading ...", "aria-live": "polite", role: "status", ...e, }), G5 = function (e) { var t = new WeakMap(); return function (n) { if (t.has(n)) return t.get(n); var r = e(n); return (t.set(n, r), r); }; }, Y5 = k.span({}), K5 = k.span(({ theme: e }) => ({ fontWeight: e.typography.weight.bold, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", })), J5 = k.span({}), Q5 = k.span({}), co = k.li(({ theme: e }) => ({ listStyle: "none", "&:not(:first-of-type)": { borderTop: `1px solid ${e.appBorderColor}` }, })), X5 = k.span({ lineHeight: "18px", padding: "7px 15px", display: "flex", alignItems: "center", justifyContent: "space-between", ".sbds-list-item-title": { display: "block", flex: "0 1 auto", marginRight: "auto", }, ".sbds-list-item-left, .sbds-list-item-center, .sbds-list-item-right": { display: "inline-flex", }, ".sbds-list-item-center": { flex: "0 1 auto", marginLeft: "auto", marginRight: "auto", }, ".sbds-list-item-left, .sbds-list-item-right": { flex: "0 1 auto" }, ".sbds-list-item-right": { flex: "none", textAlign: "right", marginLeft: 10, }, }), Ki = ({ active: e, activeColor: t, disabled: n, isLoading: r, theme: i, }) => ({ fontSize: `${i.typography.size.s1}px`, transition: "all 150ms ease-out", color: i.color.mediumdark, textDecoration: "none", display: "block", ".sbds-list-item-title": { color: i.base === "light" ? i.color.darker : i.color.lighter, }, ".sbds-list-item-right svg": { transition: "all 200ms ease-out", opacity: 0, height: 12, width: 12, margin: "3px 0", verticalAlign: "top", path: { fill: i.color.mediumdark }, }, "&:hover": { background: i.background.hoverable, cursor: "pointer", ".sbds-list-item-right svg": { opacity: 1 }, }, ...(e && { ".sbds-list-item-title": { fontWeight: i.typography.weight.bold }, ".sbds-list-item-title, .sbds-list-item-center": { color: t }, ".sbds-list-item-right svg": { opacity: 1, path: { fill: t } }, }), ...(r && { ".sbds-list-item-title": { ...A5, flex: "0 1 auto", display: "inline-block", }, }), ...(n && { cursor: "not-allowed !important", ".sbds-list-item-title, .sbds-list-item-center": { color: i.color.mediumdark, }, }), }), ec = k(({ active: e, activeColor: t, isLoading: n, ...r }) => a.createElement("a", { ...r }), )(Ki), tc = k.span(Ki), nc = G5((e) => k(({ active: t, isLoading: n, activeColor: r, ...i }) => a.createElement(e, { ...i }), )(Ki), ), qe = ({ appearance: e = "primary", left: t, title: n = a.createElement("span", null, "Loading"), center: r, right: i, onClick: l, LinkWrapper: o, isLink: s = !0, ...d }) => { let c = Sn().color[e], u = a.createElement( X5, { onClick: l, role: "presentation" }, t && a.createElement(Y5, { className: "sbds-list-item-left" }, t), n && a.createElement(K5, { className: "sbds-list-item-title" }, n), r && a.createElement(J5, { className: "sbds-list-item-center" }, r), i && a.createElement(Q5, { className: "sbds-list-item-right" }, i), ); if (o) { let m = nc(o); return a.createElement( co, null, a.createElement(m, { activeColor: c, ...d }, u), ); } return a.createElement( co, null, a.createElement(s ? ec : tc, { activeColor: c, ...d }, u), ); }; function Pn(e) { function t(Z, M) { return (Z >>> M) | (Z << (32 - M)); } for ( var n, r, i = Math.pow, l = i(2, 32), o = "", s = [], d = 8 * e.length, c = (Pn.h = Pn.h || []), u = (Pn.k = Pn.k || []), m = u.length, p = {}, v = 2; m < 64; v++ ) if (!p[v]) { for (n = 0; n < 313; n += v) p[n] = v; ((c[m] = (i(v, 0.5) * l) | 0), (u[m++] = (i(v, 1 / 3) * l) | 0)); } for (e += "\x80"; (e.length % 64) - 56; ) e += "\0"; for (n = 0; n < e.length; n++) { if ((r = e.charCodeAt(n)) >> 8) return; s[n >> 2] |= r << (((3 - n) % 4) * 8); } for (s[s.length] = (d / l) | 0, s[s.length] = d, r = 0; r < s.length; ) { var g = s.slice(r, (r += 16)), y = c; for (c = c.slice(0, 8), n = 0; n < 64; n++) { var w = g[n - 15], b = g[n - 2], h = c[0], f = c[4], E = c[7] + (t(f, 6) ^ t(f, 11) ^ t(f, 25)) + ((f & c[5]) ^ (~f & c[6])) + u[n] + (g[n] = n < 16 ? g[n] : (g[n - 16] + (t(w, 7) ^ t(w, 18) ^ (w >>> 3)) + g[n - 7] + (t(b, 17) ^ t(b, 19) ^ (b >>> 10))) | 0); (c = [ (E + ((t(h, 2) ^ t(h, 13) ^ t(h, 22)) + ((h & c[1]) ^ (h & c[2]) ^ (c[1] & c[2])))) | 0, ].concat(c))[4] = (c[4] + E) | 0; } for (n = 0; n < 8; n++) c[n] = (c[n] + y[n]) | 0; } for (n = 0; n < 8; n++) for (r = 3; r + 1; r--) { var C = (c[n] >> (8 * r)) & 255; o += (C < 16 ? 0 : "") + C.toString(16); } return o; } var ac = (e) => new Uint8Array(e).reduce((t, n) => t + String.fromCharCode(n), ""), rc = (e) => window.btoa(Array.isArray(e) ? ac(e) : e), uo = (e) => rc(e).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, ""), ic = (e) => Array.from(e.match(/.{1,2}/g) ?? [], (t) => parseInt(t, 16)), lc = () => Math.random().toString(36).slice(2, 10) + Math.random().toString(36).slice(2, 10) + Math.random().toString(36).slice(2, 10) + Math.random().toString(36).slice(2, 10), ss = (e) => Object.entries(e) .map(([t, n]) => `${encodeURIComponent(t)}=${encodeURIComponent(n)}`) .join("&"), oc = ({ error: e }) => e === "authorization_pending", sc = ({ error_description: e }) => e === "Not OAuth beta user", dc = async (e) => { let t = uo(lc()), n = uo(ic(Pn(t))), r = await fetch(`${pr}/authorize`, { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8", }, body: ss({ client_id: "chromaui:addon-visual-tests", code_challenge: n, }), }), { device_code: i, user_code: l, verification_uri_complete: o, expires_in: s, interval: d, } = await r.json(), c = e ? o.replace("https://www", `https://${e}`) : o; return { expires: Date.now() + s * 1e3, interval: d * 1e3, user_code: l, device_code: i, verifier: t, verificationUrl: c, }; }, cc = async ({ expires: e, device_code: t, verifier: n }) => { if (Date.now() >= e) throw new Error("Token exchange expired, please restart sign in."); try { let r = await ( await fetch(`${pr}/token`, { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8", }, body: ss({ client_id: "chromaui:addon-visual-tests", grant_type: "urn:ietf:params:oauth:grant-type:device_code", device_code: t, code_verifier: n, scope: "user:read account:read project:read project:write", }), }) ).json(); if (oc(r)) throw new Error( "You have not authorized the Visual Tests addon for Chromatic, please try again", ); if (r.access_token) return r.access_token; if (sc(r)) return ( alert("You must be a beta user to use this addon at this time."), null ); throw new Error(); } catch (r) { throw (console.warn(r), r); } }, hr = He(null), uc = ({ children: e, value: t }) => a.createElement(hr.Provider, { value: t }, e), Ve = (e, t) => { let n = ht(hr, "Telemetry"); te(() => n({ location: e, screen: t }), [e, t, n]); }, mc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.25 4.254a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-.5 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z", fill: e, }), S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 1.504v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11a.5.5 0 01.5-.5h11a.5.5 0 01.5.5zM2 9.297V2.004h10v5.293L9.854 5.15a.5.5 0 00-.708 0L6.5 7.797 5.354 6.65a.5.5 0 00-.708 0L2 9.297zM9.5 6.21l2.5 2.5v3.293H2V10.71l3-3 3.146 3.146a.5.5 0 00.708-.707L7.207 8.504 9.5 6.21z", fill: e, }), ), ), ds = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 3.004H.5a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h10a.5.5 0 00.5-.5v-2.5h2.5a.5.5 0 00.5-.5v-10a.5.5 0 00-.5-.5h-10a.5.5 0 00-.5.5v2.5zm1 1v2.293l2.293-2.293H4zm-1 0v6.5a.499.499 0 00.497.5H10v2H1v-9h2zm1-1h6.5a.499.499 0 01.5.5v6.5h2v-9H4v2zm6 7V7.71l-2.293 2.293H10zm0-3.707V4.71l-5.293 5.293h1.586L10 6.297zm-.707-2.293H7.707L4 7.71v1.586l5.293-5.293z", fill: e, }), ), ), fr = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M12.813 7.425l-9.05 5.603A.5.5 0 013 12.603V1.398a.5.5 0 01.763-.425l9.05 5.602a.5.5 0 010 .85z", fill: e, }), ), ), pc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M1 1.504a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11z", fill: e, }), ), ), hc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.2 10.88L10.668 7 4.2 3.12v7.76zM3 2.414v9.174a.8.8 0 001.212.686l7.645-4.587a.8.8 0 000-1.372L4.212 1.727A.8.8 0 003 2.413z", fill: e, }), ), ), fc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M4.5 4a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h5a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5h-5z", fill: e, }), S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0A6 6 0 111 7a6 6 0 0112 0z", fill: e, }), ), ), cs = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M4 5.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7.5a.5.5 0 000 1h5a.5.5 0 000-1h-5zM4 10.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5z", fill: e, }), S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 0a.5.5 0 00-.5.5v13a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V3.207a.5.5 0 00-.146-.353L10.146.146A.5.5 0 009.793 0H1.5zM2 1h7.5v2a.5.5 0 00.5.5h2V13H2V1z", fill: e, }), ), ), gc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M6 7a3 3 0 110-6h5.5a.5.5 0 010 1H10v10.5a.5.5 0 01-1 0V2H7v10.5a.5.5 0 01-1 0V7z", fill: e, }), ), ), vc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M5.586 5.586A2 2 0 018.862 7.73a.5.5 0 10.931.365 3 3 0 10-1.697 1.697.5.5 0 10-.365-.93 2 2 0 01-2.145-3.277z", fill: e, }), S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M.939 6.527c.127.128.19.297.185.464a.635.635 0 01-.185.465L0 8.395a7.099 7.099 0 001.067 2.572h1.32c.182 0 .345.076.46.197a.635.635 0 01.198.46v1.317A7.097 7.097 0 005.602 14l.94-.94a.634.634 0 01.45-.186H7.021c.163 0 .326.061.45.186l.939.938a7.098 7.098 0 002.547-1.057V11.61c0-.181.075-.344.197-.46a.634.634 0 01.46-.197h1.33c.507-.76.871-1.622 1.056-2.55l-.946-.946a.635.635 0 01-.186-.465.635.635 0 01.186-.464l.943-.944a7.099 7.099 0 00-1.044-2.522h-1.34a.635.635 0 01-.46-.197.635.635 0 01-.196-.46V1.057A7.096 7.096 0 008.413.002l-.942.942a.634.634 0 01-.45.186H6.992a.634.634 0 01-.45-.186L5.598 0a7.097 7.097 0 00-2.553 1.058v1.33c0 .182-.076.345-.197.46a.635.635 0 01-.46.198h-1.33A7.098 7.098 0 00.003 5.591l.936.936zm.707 1.636c.324-.324.482-.752.479-1.172a1.634 1.634 0 00-.48-1.171l-.538-.539c.126-.433.299-.847.513-1.235h.768c.459 0 .873-.19 1.167-.49.3-.295.49-.708.49-1.167v-.77c.39-.215.807-.388 1.243-.515l.547.547c.32.32.742.48 1.157.48l.015-.001h.014c.415 0 .836-.158 1.157-.479l.545-.544c.433.126.846.299 1.234.512v.784c0 .46.19.874.49 1.168.294.3.708.49 1.167.49h.776c.209.382.378.788.502 1.213l-.545.546a1.635 1.635 0 00-.48 1.17c-.003.421.155.849.48 1.173l.549.55c-.126.434-.3.85-.513 1.239h-.77c-.458 0-.872.19-1.166.49-.3.294-.49.708-.49 1.167v.77a6.09 6.09 0 01-1.238.514l-.54-.54a1.636 1.636 0 00-1.158-.48H6.992c-.415 0-.837.159-1.157.48l-.543.543a6.091 6.091 0 01-1.247-.516v-.756c0-.459-.19-.873-.49-1.167-.294-.3-.708-.49-1.167-.49h-.761a6.094 6.094 0 01-.523-1.262l.542-.542z", fill: e, }), ), ), yc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M4 7a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM13 7a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM7 8.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z", fill: e, }), ), ), bc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M5.903.112a.107.107 0 01.194 0l.233.505.552.066c.091.01.128.123.06.185l-.408.377.109.546a.107.107 0 01-.158.114L6 1.633l-.486.272a.107.107 0 01-.157-.114l.108-.546-.408-.377a.107.107 0 01.06-.185L5.67.617l.233-.505zM2.194.224a.214.214 0 00-.389 0l-.466 1.01-1.104.13a.214.214 0 00-.12.371l.816.755-.217 1.091a.214.214 0 00.315.23L2 3.266l.971.543c.16.09.35-.05.315-.229l-.217-1.09.817-.756a.214.214 0 00-.12-.37L2.66 1.234 2.194.224zM12.194 8.224a.214.214 0 00-.389 0l-.466 1.01-1.104.13a.214.214 0 00-.12.371l.816.755-.217 1.091a.214.214 0 00.315.23l.97-.544.971.543c.16.09.35-.05.315-.229l-.217-1.09.817-.756a.214.214 0 00-.12-.37l-1.105-.131-.466-1.01z", fill: e, }), S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M.147 11.857a.5.5 0 010-.707l11-11a.5.5 0 01.706 0l2 2a.5.5 0 010 .708l-11 11a.5.5 0 01-.706 0l-2-2zm2.353.94l-1.293-1.293 6.758-6.758L9.258 6.04 2.5 12.797zm7.465-7.465l2.828-2.828L11.5 1.211 8.672 4.039l1.293 1.293z", fill: e, }), ), ), Ji = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M13.854 3.354a.5.5 0 00-.708-.708L5 10.793.854 6.646a.5.5 0 10-.708.708l4.5 4.5a.5.5 0 00.708 0l8.5-8.5z", fill: e, }), ), ), mo = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M11.5 2a.5.5 0 000 1h2a.5.5 0 000-1h-2zM9.3 2.6a.5.5 0 01.1.7l-5.995 7.993a.505.505 0 01-.37.206.5.5 0 01-.395-.152L.146 8.854a.5.5 0 11.708-.708l2.092 2.093L8.6 2.7a.5.5 0 01.7-.1zM11 7a.5.5 0 01.5-.5h2a.5.5 0 010 1h-2A.5.5 0 0111 7zM11.5 11a.5.5 0 000 1h2a.5.5 0 000-1h-2z", fill: e, }), ), ), Ec = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M7 3a.5.5 0 01.5.5v3h3a.5.5 0 010 1h-3v3a.5.5 0 01-1 0v-3h-3a.5.5 0 010-1h3v-3A.5.5 0 017 3z", fill: e, }), S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z", fill: e, }), ), ), Qi = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M9.854 4.146a.5.5 0 010 .708L7.707 7l2.147 2.146a.5.5 0 01-.708.708L7 7.707 4.854 9.854a.5.5 0 01-.708-.708L6.293 7 4.146 4.854a.5.5 0 11.708-.708L7 6.293l2.146-2.147a.5.5 0 01.708 0z", fill: e, }), S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z", fill: e, }), ), ), kc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 14A7 7 0 107 0a7 7 0 000 14zm3.854-9.354a.5.5 0 010 .708l-4.5 4.5a.5.5 0 01-.708 0l-2.5-2.5a.5.5 0 11.708-.708L6 8.793l4.146-4.147a.5.5 0 01.708 0z", fill: e, }), ), ), wc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 14A7 7 0 107 0a7 7 0 000 14zM3.5 6.5a.5.5 0 000 1h7a.5.5 0 000-1h-7z", fill: e, }), ), ), ln = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 14A7 7 0 107 0a7 7 0 000 14zm2.854-9.854a.5.5 0 010 .708L7.707 7l2.147 2.146a.5.5 0 01-.708.708L7 7.707 4.854 9.854a.5.5 0 01-.708-.708L6.293 7 4.146 4.854a.5.5 0 11.708-.708L7 6.293l2.146-2.147a.5.5 0 01.708 0z", fill: e, }), ), ), Cc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M8 8.004a1 1 0 01-.5.866v1.634a.5.5 0 01-1 0V8.87A1 1 0 118 8.004z", fill: e, }), S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.004a4 4 0 118 0v1h1.5a.5.5 0 01.5.5v8a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-8a.5.5 0 01.5-.5H3v-1zm7 1v-1a3 3 0 10-6 0v1h6zm2 1H2v7h10v-7z", fill: e, }), ), ), Sc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M7 5.5a.5.5 0 01.5.5v4a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zM7 4.5A.75.75 0 107 3a.75.75 0 000 1.5z", fill: e, }), S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z", fill: e, }), ), ), us = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M5.25 5.25A1.75 1.75 0 117 7a.5.5 0 00-.5.5V9a.5.5 0 001 0V7.955A2.75 2.75 0 104.25 5.25a.5.5 0 001 0zM7 11.5A.75.75 0 107 10a.75.75 0 000 1.5z", fill: e, }), S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0A6 6 0 111 7a6 6 0 0112 0z", fill: e, }), ), ), xc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-3.524 4.89A5.972 5.972 0 017 13a5.972 5.972 0 01-3.477-1.11l1.445-1.444C5.564 10.798 6.258 11 7 11s1.436-.202 2.032-.554l1.444 1.445zm-.03-2.858l1.445 1.444A5.972 5.972 0 0013 7c0-1.296-.41-2.496-1.11-3.477l-1.444 1.445C10.798 5.564 11 6.258 11 7s-.202 1.436-.554 2.032zM9.032 3.554l1.444-1.445A5.972 5.972 0 007 1c-1.296 0-2.496.41-3.477 1.11l1.445 1.444A3.981 3.981 0 017 3c.742 0 1.436.202 2.032.554zM3.554 4.968L2.109 3.523A5.973 5.973 0 001 7c0 1.296.41 2.496 1.11 3.476l1.444-1.444A3.981 3.981 0 013 7c0-.742.202-1.436.554-2.032zM10 7a3 3 0 11-6 0 3 3 0 016 0z", fill: e, }), ), ), Nc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M7 4.5a.5.5 0 01.5.5v3.5a.5.5 0 11-1 0V5a.5.5 0 01.5-.5zM7.75 10.5a.75.75 0 11-1.5 0 .75.75 0 011.5 0z", fill: e, }), S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.206 1.045a.498.498 0 01.23.209l6.494 10.992a.5.5 0 01-.438.754H.508a.497.497 0 01-.506-.452.498.498 0 01.072-.31l6.49-10.984a.497.497 0 01.642-.21zM7 2.483L1.376 12h11.248L7 2.483z", fill: e, }), ), ), ms = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M2 1.004a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1v-4.5a.5.5 0 00-1 0v4.5H2v-10h4.5a.5.5 0 000-1H2z", fill: e, }), S("path", { d: "M7.354 7.357L12 2.711v1.793a.5.5 0 001 0v-3a.5.5 0 00-.5-.5h-3a.5.5 0 100 1h1.793L6.646 6.65a.5.5 0 10.708.707z", fill: e, }), ), ), Mc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S( "g", { clipPath: "url(#prefix__clip0_1449_588)" }, S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.414 1.586a2 2 0 00-2.828 0l-4 4a2 2 0 000 2.828l4 4a2 2 0 002.828 0l4-4a2 2 0 000-2.828l-4-4zm.707-.707a3 3 0 00-4.242 0l-4 4a3 3 0 000 4.242l4 4a3 3 0 004.242 0l4-4a3 3 0 000-4.242l-4-4z", fill: e, }), ), S( "defs", null, S( "clipPath", { id: "prefix__clip0_1449_588" }, S("path", { fill: "#fff", d: "M0 0h14v14H0z" }), ), ), ), ), Xi = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M1.146 4.604l5.5 5.5a.5.5 0 00.708 0l5.5-5.5a.5.5 0 00-.708-.708L7 9.043 1.854 3.896a.5.5 0 10-.708.708z", fill: e, }), ), ), Fc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M2.76 7.096a.498.498 0 00.136.258l5.5 5.5a.5.5 0 00.707-.708L3.958 7l5.147-5.146a.5.5 0 10-.708-.708l-5.5 5.5a.5.5 0 00-.137.45z", fill: e, }), ), ), Ac = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M11.104 7.354l-5.5 5.5a.5.5 0 01-.708-.708L10.043 7 4.896 1.854a.5.5 0 11.708-.708l5.5 5.5a.5.5 0 010 .708z", fill: e, }), ), ), Lc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M3.854 4.896a.5.5 0 10-.708.708l3.5 3.5a.5.5 0 00.708 0l3.5-3.5a.5.5 0 00-.708-.708L7 8.043 3.854 4.896z", fill: e, }), ), ), Tc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M10.646 2.646a.5.5 0 01.708 0l1.5 1.5a.5.5 0 010 .708l-1.5 1.5a.5.5 0 01-.708-.708L11.293 5H1.5a.5.5 0 010-1h9.793l-.647-.646a.5.5 0 010-.708zM3.354 8.354L2.707 9H12.5a.5.5 0 010 1H2.707l.647.646a.5.5 0 01-.708.708l-1.5-1.5a.5.5 0 010-.708l1.5-1.5a.5.5 0 11.708.708z", fill: e, }), ), ), Zc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M1.146 3.854a.5.5 0 010-.708l2-2a.5.5 0 11.708.708L2.707 3h6.295A4 4 0 019 11H3a.5.5 0 010-1h6a3 3 0 100-6H2.707l1.147 1.146a.5.5 0 11-.708.708l-2-2z", fill: e, }), ), ), ps = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M5.5 1A.5.5 0 005 .5H2a.5.5 0 000 1h1.535a6.502 6.502 0 002.383 11.91.5.5 0 10.165-.986A5.502 5.502 0 014.5 2.1V4a.5.5 0 001 0V1.353a.5.5 0 000-.023V1zM7.507 1a.5.5 0 01.576-.41 6.502 6.502 0 012.383 11.91H12a.5.5 0 010 1H9a.5.5 0 01-.5-.5v-3a.5.5 0 011 0v1.9A5.5 5.5 0 007.917 1.576.5.5 0 017.507 1z", fill: e, }), ), ), Oc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 7a7 7 0 1114 0A7 7 0 010 7zm6.5 3.5v2.48A6.001 6.001 0 011.02 7.5H3.5a.5.5 0 000-1H1.02A6.001 6.001 0 016.5 1.02V3.5a.5.5 0 001 0V1.02a6.001 6.001 0 015.48 5.48H10.5a.5.5 0 000 1h2.48a6.002 6.002 0 01-5.48 5.48V10.5a.5.5 0 00-1 0z", fill: e, }), ), ), _c = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { d: "M7.5 4.5a.5.5 0 00-1 0v2.634a1 1 0 101 0V4.5z", fill: e, }), S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5.5A.5.5 0 016 0h2a.5.5 0 010 1h-.5v1.02a5.973 5.973 0 013.374 1.398l.772-.772a.5.5 0 01.708.708l-.772.772A6 6 0 116.5 2.02V1H6a.5.5 0 01-.5-.5zM7 3a5 5 0 100 10A5 5 0 007 3z", fill: e, }), ), ), Ic = W(({ color: e = "currentColor", size: t = 14, ...n }, r) => S( "svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...n, }, S("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 7A7 7 0 110 7a7 7 0 0114 0zM2.671 11.155c.696-1.006 2.602-1.816 3.194-1.91.226-.036.232-.658.232-.658s-.665-.658-.81-1.544c-.39 0-.63-.94-.241-1.272a2.578 2.578 0 00-.012-.13c-.066-.607-.28-2.606 1.965-2.606 2.246 0 2.031 2 1.966 2.606l-.012.13c.39.331.149 1.272-.24 1.272-.146.886-.81 1.544-.81 1.544s.004.622.23.658c.593.094 2.5.904 3.195 1.91a6 6 0 10-8.657 0z", fill: e, }), ), ); function hs() { let e = Zt(), { addNotification: t, setOptions: n, togglePanel: r } = e, i = K( ({ onDismiss: l }) => { (l(), n({ selectedPanel: rn }), r(!0)); }, [n, r], ); return K( (l, o) => { t({ id: `${U}/error/${Date.now()}`, content: { headline: l, subHeadline: o.toString() }, icon: a.createElement(ln, { color: Cn.negative }), onClick: i, }); }, [t, i], ); } var Fn = new Map(), bi = (e, t, n, r = !0) => { let i = () => { (window.clearTimeout(Fn.get(e)), Fn.delete(e)); }, l = (...o) => { (Fn.has(e) ? i() : r && t(...o), Fn.set( e, window.setTimeout(() => Fn.delete(e) && t(...o), n), )); }; return ((l.cancel = i), l); }; function Be(e, t) { let n = K(() => { try { let s = sessionStorage.getItem(`${U}/state/${e}`); if (s != null) return JSON.parse(s); } catch {} return typeof t == "function" ? t() : t; }, [e, t]), [r, i] = Le(n), l = ft( () => bi( e, (s) => { let d = new Set( sessionStorage.getItem(`${U}/state`)?.split(";"), ); (s == null ? (sessionStorage.removeItem(`${U}/state/${e}`), d.delete(e)) : (sessionStorage.setItem( `${U}/state/${e}`, JSON.stringify(s), ), d.add(e)), sessionStorage.setItem(`${U}/state`, Array.from(d).join(";")), window.dispatchEvent( new StorageEvent("session-storage", { key: e }), )); }, 1e3, ), [e], ); te(() => l.cancel, [l]); let o = K( (s) => { let d = s; (!d.key || d.key === e) && i(n()); }, [e, n], ); return ( te( () => ( window.addEventListener("storage", o), window.addEventListener("session-storage", o), () => { (window.removeEventListener("storage", o), window.removeEventListener("session-storage", o)); } ), [o], ), [ r, K( (s) => i((d) => { let c = typeof s == "function" ? s(d) : s; return (l(c), c); }), [l], ), ] ); } function Rc(...e) { let t = sessionStorage.getItem(`${U}/state`)?.split(";") || []; e.length ? (e.forEach((n) => sessionStorage.removeItem(`${U}/state/${n}`)), sessionStorage.setItem( `${U}/state`, t.filter((n) => !e.includes(n)).join(";"), )) : (t.forEach((n) => sessionStorage.removeItem(`${U}/state/${n}`)), sessionStorage.removeItem(`${U}/state`)); } var fs = He(void 0), Bc = ({ children: e, addonUninstalled: t, setAddonUninstalled: n }) => { let r = Zt().getChannel(); if (!r) throw new Error("Channel not available"); let i = () => { (r.emit(q1), n(!0)); }; return a.createElement( fs.Provider, { value: { addonUninstalled: t, uninstallAddon: i } }, e, ); }, gs = () => ht(fs, "Uninstall Addon"), de = k.div({ display: "flex", flexDirection: "column", flexGrow: 1, alignItems: "center", justifyContent: "center", padding: 10, }), le = k.h1(({ theme: e }) => ({ marginTop: 0, marginBottom: 4, fontSize: "1em", fontWeight: "bold", color: e.base === "light" ? e.color.defaultText : e.color.lightest, })), vs = (e) => a.createElement( "svg", { width: "250", height: "250", viewBox: "0 0 250 250", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, }, a.createElement("circle", { fill: "#FC521F", cx: "125", cy: "125", r: "125", }), a.createElement( "g", { transform: "translate(41.666667, 35.714286)", fill: "#FFFFFF" }, a.createElement("path", { d: "M112.708657,146.772329 L92.8458667,135.31254 L152.602092,100.844023 C154.891568,99.5203449 157.049482,98.0062747 159.0592,96.3139009 C166.825876,107.373262 167.589539,121.939765 160.66516,133.92842 C154.409175,144.750546 142.73799,151.473199 130.221483,151.473199 C124.09706,151.473199 118.045223,149.847312 112.708657,146.772329 L112.708657,146.772329 Z M107.923895,155.053476 C110.216395,156.378666 112.605676,157.490797 115.07964,158.385337 C109.377122,170.633893 97.1373485,178.571429 83.2734687,178.571429 C63.9218033,178.571429 48.1691815,162.835374 48.1691815,143.496981 L48.1691815,74.5554134 L78.4888574,92.0503277 L78.4888574,135.313145 C78.4888574,137.020629 79.4022283,138.599674 80.8796509,139.453416 L107.923895,155.053476 Z M36.4190595,151.46776 C23.8995283,151.46776 12.2480021,144.751151 5.98899256,133.933558 C1.30721131,125.820741 0.0551068452,116.370646 2.48672976,107.316446 C4.91684048,98.2622464 10.7176524,90.6979399 18.8427205,86.0152018 L38.6994619,74.5584354 L38.7024863,143.484893 C38.7024863,146.129227 38.929317,148.752406 39.390539,151.346876 C38.401558,151.429983 37.4080405,151.46776 36.4190595,151.46776 L36.4190595,151.46776 Z M113.68917,66.2735101 L83.3815914,83.7593583 L45.8819741,62.1302164 C45.1440188,61.7056119 44.3183557,61.4895318 43.486644,61.4895318 C42.6655176,61.4895318 41.8398545,61.7056119 41.0973628,62.1302164 L14.0576557,77.7302765 C11.7666676,79.0463994 9.60270476,80.5574473 7.59298661,82.2573765 C-0.170665179,71.1995268 -0.928278869,56.6345345 5.98853899,44.6413461 C12.2475482,33.820731 23.9066357,27.0920339 36.4307033,27.0920339 C42.5475658,27.0920339 48.6024277,28.7239658 53.9435298,31.8004598 L113.68917,66.2735101 L113.68917,66.2735101 Z M83.2737711,0 C102.63451,0 118.376546,15.7360545 118.376546,35.0820027 L118.376546,57.9985577 L58.6384673,23.5360845 C56.3459673,22.2078732 53.9551738,21.0927199 51.4736482,20.1951574 C57.1761667,7.94206845 69.4189646,0 83.2737711,0 Z M160.664858,44.652528 C170.33691,61.4040065 164.575415,82.8986652 147.809618,92.5663506 L88.0639777,127.036379 L88.0639777,92.0586387 L125.559058,70.4264747 C127.041018,69.5727324 127.954388,67.9936872 127.954388,66.284692 L127.954388,35.0845714 C127.957412,32.4493039 127.718485,29.8231021 127.266336,27.2376991 C128.247756,27.1515693 129.236737,27.1107708 130.228742,27.1107708 C142.749785,27.1107708 154.411897,33.8334238 160.664858,44.652528 L160.664858,44.652528 Z", }), ), ), Pc = pt(Ui()), Vc = (e, t) => (t && { positive: { color: e.color.positiveText }, warning: { color: e.color.warningText }, }[t]) || {}, dt = k(Ol)( ({ active: e, variant: t, theme: n }) => ({ display: "inline-flex", alignItems: "center", verticalAlign: "top", gap: 6, margin: 0, color: e || t === "outline" ? n.color.secondary : n.color.mediumdark, fontWeight: "normal", "& > svg": { width: "auto" }, }), ({ active: e, status: t, theme: n }) => !e && Vc(n, t), ({ active: e, theme: t }) => { let n = t.background.content === t.color.lightest, r = n ? "rgb(241,248,255)" : "rgb(28,37,45)", i = n ? "rgb(229,243,255)" : "rgb(29,44,56)"; return { "--bg-color": e ? r : t.background.content, "&:hover": { "--bg-color": i, color: t.color.secondary }, }; }, ), ys = k.div({ display: "flex", flexDirection: "column" }), Ei = k.div(({ theme: e }) => ({ padding: 15, lineHeight: "18px", borderBottom: `1px solid ${e.appBorderColor}`, p: { margin: "10px 0", "&:last-of-type": { marginBottom: 0 } }, dl: { display: "grid", gridTemplateColumns: "auto 1fr", gap: 10, margin: "10px 0 0 0", }, dt: { color: e.color.mediumdark, fontWeight: 700 }, dd: { marginLeft: 0 }, "button + button": { marginLeft: 10 }, })), Ha = k.div({ display: "flex", fontWeight: "bold", marginBottom: 15 }), po = k(Sc)(({ theme: e }) => ({ width: 12, height: 12, margin: "3px 6px", verticalAlign: "top", color: e.color.mediumdark, })), gr = { width: 14, height: 14, margin: "2px 6px 2px 0", verticalAlign: "top", }, Hc = k(_c)(gr), jc = k(fc)(gr), Dc = k(ds)(gr), zc = k(gc)(gr), el = k(Qi)({ marginLeft: "auto" }), tl = k(dt)({ margin: -5, marginLeft: "auto" }), re = k(xn)( { "&&": { display: "inline-flex", borderRadius: 4, fontSize: 13, lineHeight: "14px", padding: "9px 12px", alignItems: "center", "@container (min-width: 800px)": { padding: "8px 10px" }, }, }, ({ link: e, theme: t }) => e && se({ "&&": { background: "none", boxShadow: "none", padding: 2, fontWeight: "normal", color: t.base === "light" ? t.color.dark : "#C9CDCF", opacity: 0.8, transition: "opacity 150ms ease-out", "&:hover, &:focus": { opacity: 1 }, "&:focus:not(:active)": { outline: `1px solid ${t.color.secondary}`, }, }, }), ({ tertiary: e }) => e && se({ "&&:hover": { boxShadow: "none" } }), ({ belowText: e }) => e && { marginTop: 7 }, ), Te = k(Zl)(({ theme: e }) => ({ color: e.base === "light" ? e.color.darker : e.color.lighter, border: `1px solid ${e.appBorderColor}`, fontSize: "12px", padding: "2px 3px", })), ho = "experimental_useSharedState_getValue", Sa = "experimental_useSharedState_setValue", Ur = new Map(), bs = class { constructor(e) { ((this.channel = e), (this.listeners = []), (this.state = {}), this.channel.on(Sa, (t, n, r) => { this.state?.[t]?.index >= r || (this.state[t] = { index: r, value: n }); }), this.channel.on(ho, (t) => { let n = this.state[t]?.index ?? 0, r = this.state[t]?.value; this.channel.emit(Sa, t, r, n); })); } get(e) { return ( this.state[e] || this.channel.emit(ho, e), this.state[e]?.value ); } set(e, t) { let n = (this.state[e]?.index ?? 0) + 1; ((this.state[e] = { index: n, value: t }), this.channel.emit(Sa, e, t, n)); } static subscribe(e, t) { let n = Ur.get(e) || new bs(t); return ( Ur.has(e) || (Ur.set(e, n), n.channel.on(Sa, (r, i) => { r === e && n.listeners.forEach((l) => l(i)); })), { get value() { return n.get(e); }, set value(r) { n.set(e, r); }, on(r, i) { if (r !== "change") throw new Error("unsupported event"); n.listeners.push(i); }, off(r, i) { if (r !== "change") throw new Error("unsupported event"); let l = n.listeners.indexOf(i); l >= 0 && n.listeners.splice(l, 1); }, } ); } }; function we(e) { let t = Zt().getChannel(); if (!t) throw new Error("Channel not available"); let n = Ee(bs.subscribe(e, t)), [r, i] = Le(n.current.value); return ( te(() => { let l = n.current; return (l.on("change", i), () => l.off("change", i)); }, [n]), [ r, K((l) => { (i(l), (n.current.value = l)); }, []), ] ); } var Uc = { autoAcceptChanges: { description: "Automatically accept visual changes - usually for a specific branch name.", type: "true or branch name", }, buildScriptName: { description: "The package.json script that builds your Storybook.", type: "string", }, cypress: { description: "Run build against `@chromatic-com/cypress` test archives.", type: "boolean", }, debug: { description: "Output verbose logs and debug information.", type: "boolean", }, diagnosticsFile: { description: "Write process information to a JSON file.", type: "string or boolean", }, exitOnceUploaded: { description: "Exit the process as soon as your Storybook is published.", type: "string or boolean", }, exitZeroOnChanges: { description: "Exit the process succesfully even when visual changes are found.", type: "string or boolean", }, externals: { description: "Disable TurboSnap when any of these files have changed since the baseline build.", type: "string: ['public/**']", }, fileHashing: { description: "Apply file hashing to skip uploading unchanged files - default: true", type: "boolean", }, ignoreLastBuildOnBranch: { description: "Do not use the last build on this branch as a baseline if it is no longer in history (i.e. branch was rebased).", type: "string", }, junitReport: { description: "Write build results to a JUnit XML file.", type: "string or boolean", }, logFile: { description: "Write Chromatic CLI logs to a file.", type: "string or boolean", }, onlyChanged: { description: "Enables TurboSnap to only run stories affected by files changed since the baseline build.", type: "true or string (branch name)", glob: !0, }, onlyStoryFiles: { description: "Only run a single story or a subset of stories by their filename(s).", type: "string[]", }, onlyStoryNames: { description: "Only run a single story or a subset of stories by their name(s).", type: "string[]", }, outputDir: { description: "Relative path to target directory for building your Storybook, in case you want to preserve it.", type: "string", }, playwright: { description: "Run build against `@chromatic-com/playwright` test archives.", type: "boolean", }, projectId: { description: "Unique identifier for your project. ", type: "string", }, projectToken: { description: "Secret token for your project. Preferably configured through CHROMATIC_PROJECT_TOKEN.", type: "string", }, skip: { description: "Skip Chromatic tests, but mark the commit as passing. Avoids blocking PRs due to required merge checks.", type: "string or boolean", }, storybookBaseDir: { description: "Relative path from repository root to Storybook project root.", type: "string", }, storybookBuildDir: { description: "Path to the directory of an already built Storybook.", type: "string", }, storybookConfigDir: { description: "Relative path from where you run Chromatic to your Storybook config directory.", type: "string", }, storybookLogFile: { description: "Write Storybook build logs to a file.", type: "string or boolean", }, untraced: { description: "Disregard these files and their dependencies when tracing dependent stories for TurboSnap.", type: "string[]", }, uploadMetadata: { description: "Upload Chromatic metadata files as part of the published Storybook.", type: "boolean", }, zip: { description: "Publish your Storybook to Chromatic as a single zip file instead of individual content files.", type: "boolean", }, }, $c = k(tl)({ position: "absolute", right: 16, top: 10 }), Wc = k.div(({ theme: e }) => ({ backgroundColor: e.background.content, display: "flex", flexDirection: "column", minHeight: "100%", overflowY: "auto", padding: 20, position: "relative", })), qc = k.div({ margin: "0 auto", maxWidth: 600, width: "100%" }), fo = k.div(({ theme: e }) => ({ borderBottom: `1px solid ${e.appBorderColor}`, marginBottom: 20, paddingBottom: 20, code: { fontSize: "90%" }, })), Gc = k(Ha)({ marginBottom: 10 }), Yc = k.div({ display: "flex", flexDirection: "column", gap: 20 }), go = k.div(({ theme: e }) => ({ alignItems: "center", borderRadius: e.appBorderRadius, display: "flex", flexWrap: "wrap", "> div": { width: "100%" }, })), vo = k.div({ display: "flex", flexGrow: 1, flexWrap: "wrap", gap: "5px 10px", }), yo = k.div(({ theme: e }) => ({ fontWeight: e.typography.weight.bold, div: { marginLeft: 5, position: "relative", top: 2 }, })), bo = k.div({ marginTop: 10 }), Kc = k.div(({ hideBorderRadius: e, theme: t }) => ({ background: t.base === "dark" ? t.color.darkest : t.color.lighter, border: `1px solid ${t.appBorderColor}`, borderRadius: t.appBorderRadius, borderBottomLeftRadius: e ? 0 : t.appBorderRadius, borderBottomRightRadius: e ? 0 : t.appBorderRadius, color: t.base === "dark" ? t.color.medium : t.color.dark, fontFamily: t.typography.fonts.mono, fontSize: 13, lineHeight: "20px", padding: "5px 10px", wordWrap: "break-word", })), Jc = k.div(({ theme: e }) => ({ color: e.color.warningText })), Eo = k.div(({ theme: e }) => ({ color: e.base === "dark" ? e.color.medium : e.color.dark, marginTop: 2, })), ko = k.div(({ warning: e, theme: t }) => ({ alignItems: "center", display: "flex", backgroundColor: e ? t.base === "dark" ? "#342E1A" : t.background.warning : t.background.hoverable, border: `1px solid ${t.appBorderColor}`, borderRadius: 3, borderTopLeftRadius: 0, borderTopRightRadius: 0, borderTop: 0, fontSize: t.typography.size.s1, gap: 5, lineHeight: "20px", padding: 5, svg: { color: e ? t.base === "dark" ? t.color.warning : t.color.warningText : t.color.secondary, flexShrink: 0, }, code: { fontSize: "85%" }, })), Qc = k.div(({ theme: e }) => ({ "&:nth-last-of-type(2)": { borderBottom: `1px solid ${e.appBorderColor}`, paddingBottom: 30, }, })), Es = { height: 12, margin: 2, verticalAlign: "top", width: 12 }, Xc = k(Nc)(Es), eu = k(bc)(Es), tu = ({ onClose: e }) => { let { uninstallAddon: t } = gs(), [n] = we(Wi), { configuration: r = {}, problems: i = {}, suggestions: l = {}, } = n || {}, { configFile: o, ...s } = r, d = Object.keys({ ...s, ...i, ...l }) .sort() .map((c) => ({ key: c, value: c in s ? s[c] : void 0, problem: i[c], suggestion: l[c], })); return a.createElement( Wc, null, a.createElement( $c, { onClick: e, style: { marginRight: -8 } }, a.createElement(el, { "aria-label": "Close" }), ), a.createElement( qc, null, a.createElement(Gc, null, "Configuration"), o ? a.createElement( fo, null, "This is a read-only representation of the Chromatic configuration options found in", " ", a.createElement(Te, null, o), ". Changes to the config file will be reflected here.", " ", a.createElement( Ot, { href: "https://www.chromatic.com/docs/configure/", target: "_blank", withArrow: !0, }, "Learn more", ), ) : a.createElement( fo, null, "To configure this addon, create ", a.createElement(Te, null, "chromatic.config.json"), " in your project's root directory.", " ", a.createElement( Ot, { href: "https://www.chromatic.com/docs/cli#chromatic-config-file", target: "_blank", withArrow: !0, }, "Learn more", ), ), d && a.createElement( Yc, null, d.map(({ key: c, value: u, problem: m, suggestion: p }) => a.createElement( Qc, { key: c, id: `${c}-option` }, a.createElement( go, null, a.createElement( vo, null, a.createElement(yo, null, c, " "), c in Qd && a.createElement( Jc, null, "*Disabled for local builds", ), ), a.createElement(Eo, null, Uc[c]?.description), a.createElement( bo, null, a.createElement( Kc, { hideBorderRadius: !!(m || p) }, u === void 0 ? "undefined" : JSON.stringify(u), ), ), ), m !== void 0 && a.createElement( ko, { warning: !0 }, a.createElement(Xc, null), m === null ? a.createElement( "span", null, a.createElement("strong", null, "Warning: "), "This should be removed.", ) : a.createElement( "span", null, a.createElement("strong", null, "Warning: "), "This should be: ", a.createElement(Te, null, JSON.stringify(m)), ), ), p !== void 0 && a.createElement( ko, null, a.createElement(eu, null), a.createElement( "span", null, a.createElement("strong", null, "Hint: "), "Try setting as ", a.createElement(Te, null, JSON.stringify(p)), ), ), ), ), a.createElement( "div", null, a.createElement( go, null, a.createElement( vo, null, a.createElement(yo, null, "Uninstall addon"), ), a.createElement( Eo, null, "Removing the addon updates your Storybook configuration and uninstalls the dependency.", ), a.createElement( bo, null, a.createElement(re, { onClick: t }, "Uninstall"), ), ), ), ), ), ); }, ks = { configVisible: !1, settingsVisible: !1, warningsVisible: !1, baselineImageVisible: !1, focusVisible: !1, diffVisible: !1, }, Kt = (e) => (t, n) => ({ ...t, [e]: typeof n == "boolean" ? n : !t[e] }), nu = { toggleDiff: Kt("diffVisible"), toggleFocus: Kt("focusVisible"), toggleConfig: Kt("configVisible"), toggleSettings: Kt("settingsVisible"), toggleWarnings: Kt("warningsVisible"), toggleBaselineImage: Kt("baselineImageVisible"), }, au = (e, t) => nu[t.type](e, t.payload), ws = He(ks), Cs = He(() => {}), vr = () => ht(ws, "Controls"), vn = () => { let e = ht(Cs, "ControlsDispatch"); return ft( () => ({ toggleDiff: (t) => e({ type: "toggleDiff", payload: t }), toggleFocus: (t) => e({ type: "toggleFocus", payload: t }), toggleConfig: (t) => e({ type: "toggleConfig", payload: t }), toggleSettings: (t) => e({ type: "toggleSettings", payload: t }), toggleWarnings: (t) => e({ type: "toggleWarnings", payload: t }), toggleBaselineImage: (t) => e({ type: "toggleBaselineImage", payload: t }), }), [e], ); }, ru = ({ children: e, initialState: t = ks }) => { let [n, r] = Cl(au, t); return a.createElement( ws.Provider, { value: n }, a.createElement(Cs.Provider, { value: r }, e), ); }, Ie = k(ba)({ marginBottom: "-4px", marginTop: "-4px", left: -8 }), iu = k.div({ "& > div": { minWidth: 120 } }); function Ss(e) { return (t) => Array.isArray(t) ? t.map(Ss(e)) : "onClick" in t && typeof t.onClick == "function" ? { ...t, onClick: (...n) => { (e(), t.onClick?.(...n)); }, } : t; } var Wn = ({ children: e, links: t, note: n, ...r }) => { let [i, l] = a.useState(!1), o = a.createElement( ke, { closeOnOutsideClick: !0, closeOnTriggerHidden: !0, onVisibleChange: (s) => l(s), tooltip: ({ onHide: s }) => a.createElement( iu, null, a.createElement(Il, { links: t.map(Ss(s)) }), ), trigger: "click", ...r, }, typeof e == "function" ? e(i) : a.createElement(dt, { active: i }, e), ); return n ? a.createElement( ke, { tooltip: a.createElement(Ie, { note: n }), trigger: "hover", hasChrome: !1, }, o, ) : o; }, yr = () => { let { accessToken: e, setAccessToken: t, subdomain: n } = qi(), { toggleConfig: r } = vn(), [i] = we(U1), l = va(U), { projectId: o } = i || {}, s = [ { id: "learn", title: "About this addon", icon: a.createElement(us, { "aria-hidden": !0 }), href: "https://www.chromatic.com/docs/visual-testing-addon", target: "_blank", }, { id: "configuration", title: "Configuration", icon: a.createElement(vc, { "aria-hidden": !0 }), onClick: () => r(), }, ...(o ? [ { id: "visit", title: "View project on Chromatic", icon: a.createElement(ms, { "aria-hidden": !0 }), href: o ? `https://${n}.chromatic.com/builds?appId=${o?.split(":")[1]}` : `https://${n}.chromatic.com/start`, target: "_blank", }, ] : []), ...(e ? [ { id: "logout", title: "Log out", icon: a.createElement(Ic, { "aria-hidden": !0 }), onClick: () => { (l.unset(), t(null)); }, }, ] : []), ]; return a.createElement( Wn, { placement: "top", links: s }, a.createElement(yc, null), ); }; k.div(({ hidden: e, theme: t }) => ({ background: t.background.app, containerType: "size", display: e ? "none" : "flex", flexDirection: "column", height: "100%", })); var lu = k.div( { display: "flex", flexDirection: "column", flexGrow: 1 }, ({ hidden: e }) => e && { display: "none" }, ), Hn = k.div(({ grow: e }) => e && { flexGrow: e ? 1 : "auto" }), Vn = k.div( { display: "flex", flexDirection: "row", margin: 15 }, ({ header: e, theme: t }) => e && { margin: 0, padding: 15, borderBottom: `1px solid ${t.appBorderColor}`, "@container (min-width: 800px)": { height: 40, alignItems: "center", justifyContent: "space-between", padding: "5px 15px", }, }, ), ou = k(Vn)({ alignItems: "center", height: 40, margin: "0 10px" }), Ue = k.div( { display: "flex", flexDirection: "column", alignItems: "center" }, ({ push: e }) => e && { marginLeft: "auto" }, ), wo = k.div(({ theme: e }) => ({ borderBottom: `1px solid ${e.appBorderColor}`, display: "flex", alignItems: "center", minHeight: 40, lineHeight: "20px", padding: "5px 15px", })), su = k(Hn)(({ theme: e }) => ({ background: e.background.warning, color: e.color.warningText, })), du = k(Hn)(({ theme: e }) => ({ background: e.background.hoverable, color: e.color.defaultText, })), cu = ({ hidden: e, ignoreConfig: t, ignoreSuggestions: n, onOpen: r, }) => { let [i] = we(Wi), l = Object.keys(i?.problems || {}), o = Object.keys(i?.suggestions || {}), [s, d] = Le(() => !!localStorage.getItem(io)), c = K(() => { (d(!0), localStorage.setItem(io, "true")); }, []), u = a.createElement( Ne, { isButton: !0, onClick: () => r(l[0] || o[0]), withArrow: !0 }, "Show details", ); return l.length > 0 && !t ? a.createElement( su, { hidden: e }, a.createElement( wo, null, a.createElement( Ue, null, a.createElement( "span", null, "Visual tests locked due to configuration ", (0, Pc.default)("problem", l.length), ".", " ", u, ), ), ), ) : o.length > 0 && !s && !t && !n ? a.createElement( du, { hidden: e }, a.createElement( wo, null, a.createElement( Ue, null, a.createElement( "span", null, "Configuration could be improved. ", u, ), ), a.createElement( Ue, { push: !0 }, a.createElement( dt, { onClick: c }, a.createElement(Qi, null), ), ), ), ) : null; }, uu = k.div({ display: "flex", flexDirection: "column", height: "100%" }), Co = k.div(({ hidden: e, interstitial: t, theme: n }) => ({ background: t ? n.background.content : n.background.app, display: e ? "none" : "flex", flexDirection: "column", flexGrow: 1, height: "100%", overflowY: "auto", })), br = k.div(({ theme: e }) => ({ background: e.background.bar, borderTop: `1px solid ${e.appBorderColor}`, display: "flex", flexDirection: "row", alignItems: "center", height: 40, flexShrink: 0, padding: "0 10px", gap: 6, })), pe = ({ children: e, footer: t = a.createElement( br, null, a.createElement(Ue, { push: !0 }), a.createElement(Ue, null, a.createElement(yr, null)), ), ignoreConfig: n = !1, ignoreSuggestions: r = !t, interstitial: i = !1, }) => { let { configVisible: l } = vr(), { toggleConfig: o } = vn(), s = K( (d) => { (o(!0), d && setTimeout(() => { document.getElementById(`${d}-option`)?.scrollIntoView({ behavior: "smooth", inline: "nearest", }); }, 200)); }, [o], ); return a.createElement( uu, null, a.createElement(cu, { onOpen: s, hidden: l, ignoreConfig: n, ignoreSuggestions: r, }), a.createElement(Co, { hidden: l, interstitial: i }, e), a.createElement( Co, { hidden: !l }, a.createElement(tu, { onClose: () => o(!1) }), ), t, ); }, ne = k.div((e) => ({ display: "flex", flexDirection: "column", gap: 15, alignItems: e.alignItems ?? "center", textAlign: e.textAlign ?? "center", })), mu = k.div(({ theme: e }) => ({ position: "relative", "&& input": { color: e.input.color || "inherit", background: e.input.background, boxShadow: `${e.input.border} 0 0 0 1px inset`, fontSize: e.typography.size.s2, lineHeight: "20px", }, })), pu = k.div(({ theme: e }) => ({ pointerEvents: "none", position: "absolute", top: 0, left: 40, right: 0, zIndex: 2, overflow: "hidden", height: 40, display: "flex", alignItems: "center", lineHeight: "20px", color: e.input.color || "inherit", fontSize: e.typography.size.s2, span: { opacity: 0 }, })), hu = ({ value: e, placeholder: t, suffix: n }) => a.createElement( pu, null, a.createElement("span", null, e || t), a.createElement("b", null, n), ), fu = ({ id: e, value: t, placeholder: n, suffix: r, ...i }) => a.createElement( mu, null, a.createElement(os, { id: e, hideLabel: !0, label: "", value: t, placeholder: n, crossOrigin: void 0, enterKeyHint: void 0, ...i, }), a.createElement(hu, { value: t, placeholder: n, suffix: r }), ), j = k.div( ({ center: e, small: t, block: n, theme: r }) => ({ display: n ? "block" : "inline-block", color: r.color.defaultText, fontSize: t ? r.typography.size.s1 : r.typography.size.s2, lineHeight: t ? "18px" : "20px", textAlign: e ? "center" : "left", textWrap: "balance", }), ({ muted: e, theme: t }) => e && { color: t.base === "light" ? t.color.dark : "#C9CDCF" }, ({ theme: e }) => ({ b: { color: e.color.defaultText }, code: { fontSize: e.typography.size.s1, border: `1px solid ${e.appBorderColor}`, borderRadius: 3, padding: 2, }, small: { fontSize: e.typography.size.s1 }, span: { whiteSpace: "nowrap" }, svg: { verticalAlign: "top" }, }), ), So = k(dt)(({ theme: e }) => ({ color: e.base === "light" ? "currentColor" : e.color.medium, fontSize: e.typography.size.s2, fontWeight: e.typography.weight.bold, })), nl = ({ onBack: e }) => a.createElement( ou, null, e && a.createElement( Ue, null, a.createElement( So, { onClick: e }, a.createElement(Fc, null), "Back", ), ), a.createElement( Ue, { push: !0 }, a.createElement( ke, { as: "div", hasChrome: !1, trigger: "hover", tooltip: a.createElement(Ie, { note: "Learn about visual tests", }), }, a.createElement( So, { asChild: !0 }, a.createElement( "a", { href: "https://www.chromatic.com/storybook", target: "_blank", }, a.createElement(us, null), ), ), ), ), ), gu = k(ne)({ alignSelf: "stretch" }), vu = k(vs)({ width: 40, height: 40, filter: "drop-shadow(0 2px 5px rgba(0, 0, 0, 0.1))", marginBottom: 10, }), yu = k.form({ position: "relative", display: "flex", flexDirection: "column", width: "100%", maxWidth: 300, margin: 10, }), bu = k(xn)({ "&&": { fontSize: 13, borderTopLeftRadius: 0, borderTopRightRadius: 0, borderBottomLeftRadius: 4, borderBottomRightRadius: 4, }, }), Eu = ({ onBack: e, onSignIn: t }) => { let [n, r] = Le(""), [i, l] = Le(null), o = K((d) => { let c = d.target.value.replace(/[^a-z0-9-]/g, ""); (r(c), l(null)); }, []), s = K( (d) => { (d.preventDefault(), n ? t(n) : l("Please enter a subdomain")); }, [n, t], ); return a.createElement( pe, { footer: null, ignoreConfig: !0 }, a.createElement(nl, { onBack: e }), a.createElement( de, null, a.createElement( gu, null, a.createElement( "div", null, a.createElement(vu, null), a.createElement(le, null, "Sign in with SSO"), a.createElement( j, { muted: !0 }, "Enter your team's Chromatic URL.", ), ), a.createElement( yu, { onSubmit: s }, a.createElement(fu, { autoFocus: !0, icon: "users", value: n, placeholder: "yourteam", suffix: ".chromatic.com", onChange: o, id: "subdomain-input", stackLevel: "top", error: i, errorTooltipPlacement: "top", }), a.createElement( bu, { type: "submit", variant: "solid", size: "medium" }, "Continue", ), ), ), ), ); }, bt = k.div({ display: "flex", flexDirection: "column", gap: 5, alignItems: "center", textAlign: "center", }), ku = k(vs)({ width: 40, height: 40, filter: "drop-shadow(0 2px 5px rgba(0, 0, 0, 0.1))", marginBottom: 10, }), wu = ({ onBack: e, onSignIn: t, onSignInWithSSO: n }) => a.createElement( pe, { footer: null, ignoreConfig: !0 }, a.createElement(nl, { onBack: e }), a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(ku, null), a.createElement(le, null, "Sign in to begin visual testing"), a.createElement( j, { center: !0, muted: !0 }, "Pinpoint bugs instantly by connecting with cloud browsers that run visual tests in parallel.", ), ), a.createElement( bt, null, a.createElement( re, { variant: "solid", size: "medium", onClick: () => t() }, "Sign in with Chromatic", ), a.createElement( re, { link: !0, onClick: () => n() }, "Sign in with SSO", ), ), ), ), ), Cu = { NAME: "Name", DOCUMENT: "Document", OPERATION_DEFINITION: "OperationDefinition", VARIABLE_DEFINITION: "VariableDefinition", SELECTION_SET: "SelectionSet", FIELD: "Field", ARGUMENT: "Argument", FRAGMENT_SPREAD: "FragmentSpread", INLINE_FRAGMENT: "InlineFragment", FRAGMENT_DEFINITION: "FragmentDefinition", VARIABLE: "Variable", INT: "IntValue", FLOAT: "FloatValue", STRING: "StringValue", BOOLEAN: "BooleanValue", NULL: "NullValue", ENUM: "EnumValue", LIST: "ListValue", OBJECT: "ObjectValue", OBJECT_FIELD: "ObjectField", DIRECTIVE: "Directive", NAMED_TYPE: "NamedType", LIST_TYPE: "ListType", NON_NULL_TYPE: "NonNullType", }, ki = class extends Error { constructor(e, t, n, r, i, l, o) { (super(e), (this.name = "GraphQLError"), (this.message = e), i && (this.path = i), t && (this.nodes = Array.isArray(t) ? t : [t]), n && (this.source = n), r && (this.positions = r), l && (this.originalError = l)); var s = o; if (!s && l) { var d = l.extensions; d && typeof d == "object" && (s = d); } this.extensions = s || {}; } toJSON() { return { ...this, message: this.message }; } toString() { return this.message; } get [Symbol.toStringTag]() { return "GraphQLError"; } }, ue, G; function ye(e) { return new ki(`Syntax Error: Unexpected token at ${G} in ${e}`); } function Re(e) { if (((e.lastIndex = G), e.test(ue))) return ue.slice(G, (G = e.lastIndex)); } var xa = / +(?=[^\s])/y; function Su(e) { for ( var t = e.split(` `), n = "", r = 0, i = 0, l = t.length - 1, o = 0; o < t.length; o++ ) ((xa.lastIndex = 0), xa.test(t[o]) && (o && (!r || xa.lastIndex < r) && (r = xa.lastIndex), (i = i || o), (l = o))); for (var s = i; s <= l; s++) (s !== i && (n += ` `), (n += t[s].slice(r).replace(/\\"""/g, '"""'))); return n; } function Q() { for ( var e = 0 | ue.charCodeAt(G++); e === 9 || e === 10 || e === 13 || e === 32 || e === 35 || e === 44 || e === 65279; e = 0 | ue.charCodeAt(G++) ) if (e === 35) for (; (e = ue.charCodeAt(G++)) !== 10 && e !== 13; ); G--; } var xs = /[_A-Za-z]\w*/y; function ut() { var e; if ((e = Re(xs))) return { kind: "Name", value: e }; } var xu = /(?:null|true|false)/y, Ns = /\$[_A-Za-z]\w*/y, Nu = /-?\d+/y, Mu = /(?:\.\d+)?[eE][+-]?\d+|\.\d+/y, Fu = /\\/g, Au = /"""(?:"""|(?:[\s\S]*?[^\\])""")/y, Lu = /"(?:"|[^\r\n]*?[^\\]")/y; function ja(e) { var t, n; if ((n = Re(xu))) t = n === "null" ? { kind: "NullValue" } : { kind: "BooleanValue", value: n === "true" }; else if (!e && (n = Re(Ns))) t = { kind: "Variable", name: { kind: "Name", value: n.slice(1) } }; else if ((n = Re(Nu))) { var r = n; (n = Re(Mu)) ? (t = { kind: "FloatValue", value: r + n }) : (t = { kind: "IntValue", value: r }); } else if ((n = Re(xs))) t = { kind: "EnumValue", value: n }; else if ((n = Re(Au))) t = { kind: "StringValue", value: Su(n.slice(3, -3)), block: !0 }; else if ((n = Re(Lu))) t = { kind: "StringValue", value: Fu.test(n) ? JSON.parse(n) : n.slice(1, -1), block: !1, }; else if ( (t = (function (i) { var l; if (ue.charCodeAt(G) === 91) { (G++, Q()); for (var o = []; (l = ja(i)); ) o.push(l); if (ue.charCodeAt(G++) !== 93) throw ye("ListValue"); return (Q(), { kind: "ListValue", values: o }); } })(e) || (function (i) { if (ue.charCodeAt(G) === 123) { (G++, Q()); for (var l = [], o; (o = ut()); ) { if ((Q(), ue.charCodeAt(G++) !== 58)) throw ye("ObjectField"); Q(); var s = ja(i); if (!s) throw ye("ObjectField"); l.push({ kind: "ObjectField", name: o, value: s }); } if (ue.charCodeAt(G++) !== 125) throw ye("ObjectValue"); return (Q(), { kind: "ObjectValue", fields: l }); } })(e)) ) return t; return (Q(), t); } function Ms(e) { var t = []; if ((Q(), ue.charCodeAt(G) === 40)) { (G++, Q()); for (var n; (n = ut()); ) { if ((Q(), ue.charCodeAt(G++) !== 58)) throw ye("Argument"); Q(); var r = ja(e); if (!r) throw ye("Argument"); t.push({ kind: "Argument", name: n, value: r }); } if (!t.length || ue.charCodeAt(G++) !== 41) throw ye("Argument"); Q(); } return t; } function on(e) { var t = []; for (Q(); ue.charCodeAt(G) === 64; ) { G++; var n = ut(); if (!n) throw ye("Directive"); (Q(), t.push({ kind: "Directive", name: n, arguments: Ms(e) })); } return t; } function Tu() { var e = ut(); if (e) { Q(); var t; if (ue.charCodeAt(G) === 58) { if ((G++, Q(), (t = e), !(e = ut()))) throw ye("Field"); Q(); } return { kind: "Field", alias: t, name: e, arguments: Ms(!1), directives: on(!1), selectionSet: Er(), }; } } function Fs() { var e; if ((Q(), ue.charCodeAt(G) === 91)) { (G++, Q()); var t = Fs(); if (!t || ue.charCodeAt(G++) !== 93) throw ye("ListType"); e = { kind: "ListType", type: t }; } else if ((e = ut())) e = { kind: "NamedType", name: e }; else throw ye("NamedType"); return ( Q(), ue.charCodeAt(G) === 33 ? (G++, Q(), { kind: "NonNullType", type: e }) : e ); } var Zu = /on/y; function As() { if (Re(Zu)) { Q(); var e = ut(); if (!e) throw ye("NamedType"); return (Q(), { kind: "NamedType", name: e }); } } var Ou = /\.\.\./y; function _u() { if (Re(Ou)) { Q(); var e = G, t; if ((t = ut()) && t.value !== "on") return { kind: "FragmentSpread", name: t, directives: on(!1) }; G = e; var n = As(), r = on(!1), i = Er(); if (!i) throw ye("InlineFragment"); return { kind: "InlineFragment", typeCondition: n, directives: r, selectionSet: i, }; } } function Er() { var e; if ((Q(), ue.charCodeAt(G) === 123)) { (G++, Q()); for (var t = []; (e = _u() || Tu()); ) t.push(e); if (!t.length || ue.charCodeAt(G++) !== 125) throw ye("SelectionSet"); return (Q(), { kind: "SelectionSet", selections: t }); } } var Iu = /fragment/y; function Ru() { if (Re(Iu)) { Q(); var e = ut(); if (!e) throw ye("FragmentDefinition"); Q(); var t = As(); if (!t) throw ye("FragmentDefinition"); var n = on(!1), r = Er(); if (!r) throw ye("FragmentDefinition"); return { kind: "FragmentDefinition", name: e, typeCondition: t, directives: n, selectionSet: r, }; } } var Bu = /(?:query|mutation|subscription)/y; function Pu() { var e, t, n = [], r = []; (e = Re(Bu)) && (Q(), (t = ut()), (n = (function () { var l, o = []; if ((Q(), ue.charCodeAt(G) === 40)) { for (G++, Q(); (l = Re(Ns)); ) { if ((Q(), ue.charCodeAt(G++) !== 58)) throw ye("VariableDefinition"); var s = Fs(), d = void 0; if (ue.charCodeAt(G) === 61 && (G++, Q(), !(d = ja(!0)))) throw ye("VariableDefinition"); (Q(), o.push({ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: l.slice(1) }, }, type: s, defaultValue: d, directives: on(!0), })); } if (ue.charCodeAt(G++) !== 41) throw ye("VariableDefinition"); Q(); } return o; })()), (r = on(!1))); var i = Er(); if (i) return { kind: "OperationDefinition", operation: e || "query", name: t, variableDefinitions: n, directives: r, selectionSet: i, }; } function Vu(e, t) { return ( (ue = typeof e.body == "string" ? e.body : e), (G = 0), (function () { var n; Q(); for (var r = []; (n = Ru() || Pu()); ) r.push(n); return { kind: "Document", definitions: r }; })() ); } function Hu(e) { return JSON.stringify(e); } function ju(e) { return ( `""" ` + e.replace(/"""/g, '\\"""') + ` """` ); } var je = (e) => !(!e || !e.length), Se = { OperationDefinition(e) { if ( e.operation === "query" && !e.name && !je(e.variableDefinitions) && !je(e.directives) ) return Se.SelectionSet(e.selectionSet); var t = e.operation; return ( e.name && (t += " " + e.name.value), je(e.variableDefinitions) && (e.name || (t += " "), (t += "(" + e.variableDefinitions.map(Se.VariableDefinition).join(", ") + ")")), je(e.directives) && (t += " " + e.directives.map(Se.Directive).join(" ")), t + " " + Se.SelectionSet(e.selectionSet) ); }, VariableDefinition(e) { var t = Se.Variable(e.variable) + ": " + De(e.type); return ( e.defaultValue && (t += " = " + De(e.defaultValue)), je(e.directives) && (t += " " + e.directives.map(Se.Directive).join(" ")), t ); }, Field(e) { var t = (e.alias ? e.alias.value + ": " : "") + e.name.value; if (je(e.arguments)) { var n = e.arguments.map(Se.Argument), r = t + "(" + n.join(", ") + ")"; t = r.length > 80 ? t + `( ` + n .join( ` `, ) .replace( /\n/g, ` `, ) + ` )` : r; } return ( je(e.directives) && (t += " " + e.directives.map(Se.Directive).join(" ")), e.selectionSet ? t + " " + Se.SelectionSet(e.selectionSet) : t ); }, StringValue: (e) => (e.block ? ju(e.value) : Hu(e.value)), BooleanValue: (e) => "" + e.value, NullValue: (e) => "null", IntValue: (e) => e.value, FloatValue: (e) => e.value, EnumValue: (e) => e.value, Name: (e) => e.value, Variable: (e) => "$" + e.name.value, ListValue: (e) => "[" + e.values.map(De).join(", ") + "]", ObjectValue: (e) => "{" + e.fields.map(Se.ObjectField).join(", ") + "}", ObjectField: (e) => e.name.value + ": " + De(e.value), Document: (e) => je(e.definitions) ? e.definitions.map(De).join(` `) : "", SelectionSet: (e) => `{ ` + e.selections .map(De) .join( ` `, ) .replace( /\n/g, ` `, ) + ` }`, Argument: (e) => e.name.value + ": " + De(e.value), FragmentSpread(e) { var t = "..." + e.name.value; return ( je(e.directives) && (t += " " + e.directives.map(Se.Directive).join(" ")), t ); }, InlineFragment(e) { var t = "..."; return ( e.typeCondition && (t += " on " + e.typeCondition.name.value), je(e.directives) && (t += " " + e.directives.map(Se.Directive).join(" ")), t + " " + De(e.selectionSet) ); }, FragmentDefinition(e) { var t = "fragment " + e.name.value; return ( (t += " on " + e.typeCondition.name.value), je(e.directives) && (t += " " + e.directives.map(Se.Directive).join(" ")), t + " " + De(e.selectionSet) ); }, Directive(e) { var t = "@" + e.name.value; return ( je(e.arguments) && (t += "(" + e.arguments.map(Se.Argument).join(", ") + ")"), t ); }, NamedType: (e) => e.name.value, ListType: (e) => "[" + De(e.type) + "]", NonNullType: (e) => De(e.type) + "!", }; function De(e) { return Se[e.kind] ? Se[e.kind](e) : ""; } var al = () => {}, Pe = al; function Je(e) { return { tag: 0, 0: e }; } function oa(e) { return { tag: 1, 0: e }; } var xo = () => (typeof Symbol == "function" && Symbol.asyncIterator) || "@@asyncIterator", Du = (e) => e; function Ze(e) { return (t) => (n) => { var r = Pe; t((i) => { i === 0 ? n(0) : i.tag === 0 ? ((r = i[0]), n(i)) : e(i[0]) ? n(i) : r(0); }); }; } function wi(e) { return (t) => (n) => t((r) => { r === 0 || r.tag === 0 ? n(r) : n(oa(e(r[0]))); }); } function Da(e) { return (t) => (n) => { var r = [], i = Pe, l = !1, o = !1; (t((s) => { o || (s === 0 ? ((o = !0), r.length || n(0)) : s.tag === 0 ? (i = s[0]) : ((l = !1), (function (d) { var c = Pe; d((u) => { if (u === 0) { if (r.length) { var m = r.indexOf(c); (m > -1 && (r = r.slice()).splice(m, 1), r.length || (o ? n(0) : l || ((l = !0), i(0)))); } } else u.tag === 0 ? (r.push((c = u[0])), c(0)) : r.length && (n(u), c(0)); }); })(e(s[0])), l || ((l = !0), i(0)))); }), n( Je((s) => { if (s === 1) { o || ((o = !0), i(1)); for (var d = 0, c = r, u = r.length; d < u; d++) c[d](1); r.length = 0; } else { !o && !l ? ((l = !0), i(0)) : (l = !1); for (var m = 0, p = r, v = r.length; m < v; m++) p[m](0); } }), )); }; } function zu(e) { return Da(Du)(e); } function qn(e) { return zu(Wu(e)); } function rl(e) { return (t) => (n) => { var r = !1; t((i) => { if (!r) if (i === 0) ((r = !0), n(0), e()); else if (i.tag === 0) { var l = i[0]; n( Je((o) => { o === 1 ? ((r = !0), l(1), e()) : l(o); }), ); } else n(i); }); }; } function za(e) { return (t) => (n) => { var r = !1; t((i) => { if (!r) if (i === 0) ((r = !0), n(0)); else if (i.tag === 0) { var l = i[0]; n( Je((o) => { (o === 1 && (r = !0), l(o)); }), ); } else (e(i[0]), n(i)); }); }; } function Ci(e) { return (t) => (n) => t((r) => { r === 0 ? n(0) : r.tag === 0 ? (n(r), e()) : n(r); }); } function Gn(e) { var t = [], n = Pe, r = !1; return (i) => { (t.push(i), t.length === 1 && e((l) => { if (l === 0) { for (var o = 0, s = t, d = t.length; o < d; o++) s[o](0); t.length = 0; } else if (l.tag === 0) n = l[0]; else { r = !1; for (var c = 0, u = t, m = t.length; c < m; c++) u[c](l); } }), i( Je((l) => { if (l === 1) { var o = t.indexOf(i); (o > -1 && (t = t.slice()).splice(o, 1), t.length || n(1)); } else r || ((r = !0), n(0)); }), )); }; } function No(e) { return (t) => (n) => { var r = Pe, i = Pe, l = !1, o = !1, s = !1, d = !1; (t((c) => { d || (c === 0 ? ((d = !0), s || n(0)) : c.tag === 0 ? (r = c[0]) : (s && (i(1), (i = Pe)), l ? (l = !1) : ((l = !0), r(0)), (function (u) { ((s = !0), u((m) => { s && (m === 0 ? ((s = !1), d ? n(0) : l || ((l = !0), r(0))) : m.tag === 0 ? ((o = !1), (i = m[0])(0)) : (n(m), o ? (o = !1) : i(0))); })); })(e(c[0])))); }), n( Je((c) => { c === 1 ? (d || ((d = !0), r(1)), s && ((s = !1), i(1))) : (!d && !l && ((l = !0), r(0)), s && !o && ((o = !0), i(0))); }), )); }; } function kr(e) { return (t) => (n) => { var r = Pe, i = !1, l = 0; (t((o) => { i || (o === 0 ? ((i = !0), n(0)) : o.tag === 0 ? e <= 0 ? ((i = !0), n(0), o[0](1)) : (r = o[0]) : l++ < e ? (n(o), !i && l >= e && ((i = !0), n(0), r(1))) : n(o)); }), n( Je((o) => { o === 1 && !i ? ((i = !0), r(1)) : o === 0 && !i && l < e && r(0); }), )); }; } function Ls(e) { return (t) => (n) => { var r = Pe, i = Pe, l = !1; (t((o) => { l || (o === 0 ? ((l = !0), i(1), n(0)) : o.tag === 0 ? ((r = o[0]), e((s) => { s === 0 || (s.tag === 0 ? (i = s[0])(0) : ((l = !0), i(1), r(1), n(0))); })) : n(o)); }), n( Je((o) => { o === 1 && !l ? ((l = !0), r(1), i(1)) : l || r(0); }), )); }; } function Ts(e, t) { return (n) => (r) => { var i = Pe, l = !1; n((o) => { l || (o === 0 ? ((l = !0), r(0)) : o.tag === 0 ? ((i = o[0]), r(o)) : e(o[0]) ? r(o) : ((l = !0), t && r(o), r(0), i(1))); }); }; } function Uu(e) { return (t) => e()(t); } function Zs(e) { return (t) => { var n = (e[xo()] && e[xo()]()) || e, r = !1, i = !1, l = !1, o; t( Je(async (s) => { if (s === 1) ((r = !0), n.return && n.return()); else if (i) l = !0; else { for (l = i = !0; l && !r; ) if ((o = await n.next()).done) ((r = !0), n.return && (await n.return()), t(0)); else try { ((l = !1), t(oa(o.value))); } catch (d) { if (n.throw) (r = !!(await n.throw(d)).done) && t(0); else throw d; } i = !1; } }), ); }; } function $u(e) { return e[Symbol.asyncIterator] ? Zs(e) : (t) => { var n = e[Symbol.iterator](), r = !1, i = !1, l = !1, o; t( Je((s) => { if (s === 1) ((r = !0), n.return && n.return()); else if (i) l = !0; else { for (l = i = !0; l && !r; ) if ((o = n.next()).done) ((r = !0), n.return && n.return(), t(0)); else try { ((l = !1), t(oa(o.value))); } catch (d) { if (n.throw) (r = !!n.throw(d).done) && t(0); else throw d; } i = !1; } }), ); }; } var Wu = $u; function jn(e) { return (t) => { var n = !1; t( Je((r) => { r === 1 ? (n = !0) : n || ((n = !0), t(oa(e)), t(0)); }), ); }; } function Os(e) { return (t) => { var n = !1, r = e({ next(i) { n || t(oa(i)); }, complete() { n || ((n = !0), t(0)); }, }); t( Je((i) => { i === 1 && !n && ((n = !0), r()); }), ); }; } function Si() { var e, t; return { source: Gn(Os((n) => ((e = n.next), (t = n.complete), al))), next(n) { e && e(n); }, complete() { t && t(); }, }; } function Mo(e) { return Os( (t) => ( e.then((n) => { Promise.resolve(n).then(() => { (t.next(n), t.complete()); }); }), al ), ); } function sn(e) { return (t) => { var n = Pe, r = !1; return ( t((i) => { i === 0 ? (r = !0) : i.tag === 0 ? (n = i[0])(0) : r || (e(i[0]), n(0)); }), { unsubscribe() { r || ((r = !0), n(1)); }, } ); }; } function qu(e) { sn((t) => {})(e); } function il(e) { return new Promise((t) => { var n = Pe, r; e((i) => { i === 0 ? Promise.resolve(r).then(t) : i.tag === 0 ? (n = i[0])(0) : ((r = i[0]), n(0)); }); }); } var Gu = (e) => e && e.message && (e.extensions || e.name === "GraphQLError") ? e : typeof e == "object" && e.message ? new ki( e.message, e.nodes, e.source, e.positions, e.path, e, e.extensions || {}, ) : new ki(e), ll = class extends Error { constructor(e) { var t = (e.graphQLErrors || []).map(Gu), n = ((r, i) => { var l = ""; if (r) return `[Network] ${r.message}`; if (i) for (var o of i) (l && (l += ` `), (l += `[GraphQL] ${o.message}`)); return l; })(e.networkError, t); (super(n), (this.name = "CombinedError"), (this.message = n), (this.graphQLErrors = t), (this.networkError = e.networkError), (this.response = e.response)); } toString() { return this.message; } }, xi = (e, t) => { for (var n = 0 | (t || 5381), r = 0, i = 0 | e.length; r < i; r++) n = (n << 5) + n + e.charCodeAt(r); return n; }, Pt = new Set(), Fo = new WeakMap(), Qt = (e) => { if (e === null || Pt.has(e)) return "null"; if (typeof e != "object") return JSON.stringify(e) || ""; if (e.toJSON) return Qt(e.toJSON()); if (Array.isArray(e)) { var t = "["; for (var n of e) (t.length > 1 && (t += ","), (t += Qt(n) || "null")); return (t += "]"); } else if ( ($a !== dn && e instanceof $a) || (Wa !== dn && e instanceof Wa) ) return "null"; var r = Object.keys(e).sort(); if ( !r.length && e.constructor && Object.getPrototypeOf(e).constructor !== Object.prototype.constructor ) { var i = Fo.get(e) || Math.random().toString(36).slice(2); return (Fo.set(e, i), Qt({ __key: i })); } Pt.add(e); var l = "{"; for (var o of r) { var s = Qt(e[o]); s && (l.length > 1 && (l += ","), (l += Qt(o) + ":" + s)); } return (Pt.delete(e), (l += "}")); }, Ni = (e, t, n) => { if (!(n == null || typeof n != "object" || n.toJSON || Pt.has(n))) if (Array.isArray(n)) for (var r = 0, i = n.length; r < i; r++) Ni(e, `${t}.${r}`, n[r]); else if (n instanceof $a || n instanceof Wa) e.set(t, n); else { Pt.add(n); for (var l of Object.keys(n)) Ni(e, `${t}.${l}`, n[l]); } }, Ua = (e) => (Pt.clear(), Qt(e)), dn = class {}, $a = typeof File < "u" ? File : dn, Wa = typeof Blob < "u" ? Blob : dn, Yu = /("{3}[\s\S]*"{3}|"(?:\\.|[^"])*")/g, Ku = /(?:#[^\n\r]+)?(?:[\r\n]+|$)/g, Ju = (e, t) => t % 2 == 0 ? e.replace( Ku, ` `, ) : e, Ao = (e) => e.split(Yu).map(Ju).join("").trim(), Lo = new Map(), Ra = new Map(), ol = (e) => { var t; return ( typeof e == "string" ? (t = Ao(e)) : e.loc && Ra.get(e.__key) === e ? (t = e.loc.source.body) : ((t = Lo.get(e) || Ao(De(e))), Lo.set(e, t)), typeof e != "string" && !e.loc && (e.loc = { start: 0, end: t.length, source: { body: t, name: "gql", locationOffset: { line: 1, column: 1 }, }, }), t ); }, To = (e) => { var t = xi(ol(e)); if (e.definitions) { var n = _s(e); n && (t = xi( ` # ${n}`, t, )); } return t; }, Qu = (e) => { var t, n; return ( typeof e == "string" ? ((t = To(e)), (n = Ra.get(t) || Vu(e))) : ((t = e.__key || To(e)), (n = Ra.get(t) || e)), n.loc || ol(n), (n.__key = t), Ra.set(t, n), n ); }, nn = (e, t, n) => { var r = t || {}, i = Qu(e), l = Ua(r), o = i.__key; return ( l !== "{}" && (o = xi(l, o)), { key: o, query: i, variables: r, extensions: n } ); }, _s = (e) => { for (var t of e.definitions) if (t.kind === Cu.OPERATION_DEFINITION) return t.name ? t.name.value : void 0; }, Zo = (e, t, n) => { if (!("data" in t || ("errors" in t && Array.isArray(t.errors)))) throw new Error("No Content"); var r = e.kind === "subscription"; return { operation: e, data: t.data, error: Array.isArray(t.errors) ? new ll({ graphQLErrors: t.errors, response: n }) : void 0, extensions: t.extensions ? { ...t.extensions } : void 0, hasNext: t.hasNext == null ? r : t.hasNext, stale: !1, }; }, Mi = (e, t) => { if ( typeof e == "object" && e != null && (!e.constructor || e.constructor === Object || Array.isArray(e)) ) { e = Array.isArray(e) ? [...e] : { ...e }; for (var n of Object.keys(t)) e[n] = Mi(e[n], t[n]); return e; } return t; }, Xu = (e, t, n, r) => { var i = e.error ? e.error.graphQLErrors : [], l = !!e.extensions || !!t.extensions, o = { ...e.extensions, ...t.extensions }, s = t.incremental; "path" in t && (s = [t]); var d = { data: e.data }; if (s) { var c = function (m) { (Array.isArray(m.errors) && i.push(...m.errors), m.extensions && (Object.assign(o, m.extensions), (l = !0))); var p = "data", v = d, g = []; if (m.path) g = m.path; else if (r) { var y = r.find((C) => C.id === m.id); m.subPath ? (g = [...y.path, ...m.subPath]) : (g = y.path); } for (var w = 0, b = g.length; w < b; p = g[w++]) v = v[p] = Array.isArray(v[p]) ? [...v[p]] : { ...v[p] }; if (m.items) for ( var h = +p >= 0 ? p : 0, f = 0, E = m.items.length; f < E; f++ ) v[h + f] = Mi(v[h + f], m.items[f]); else m.data !== void 0 && (v[p] = Mi(v[p], m.data)); }; for (var u of s) c(u); } else ((d.data = t.data || e.data), (i = t.errors || i)); return { operation: e.operation, data: d.data, error: i.length ? new ll({ graphQLErrors: i, response: n }) : void 0, extensions: l ? o : void 0, hasNext: t.hasNext != null ? t.hasNext : e.hasNext, stale: !1, }; }, Is = (e, t, n) => ({ operation: e, data: void 0, error: new ll({ networkError: t, response: n }), extensions: void 0, hasNext: !1, stale: !1, }); function e2(e) { return { query: e.extensions && e.extensions.persistedQuery && !e.extensions.persistedQuery.miss ? void 0 : ol(e.query), operationName: _s(e.query), variables: e.variables || void 0, extensions: e.extensions, }; } var t2 = (e, t) => { var n = e.kind === "query" && e.context.preferGetMethod; if (!n || !t) return e.context.url; var r = new URL(e.context.url); for (var i in t) { var l = t[i]; l && r.searchParams.set(i, typeof l == "object" ? Ua(l) : l); } var o = r.toString(); return o.length > 2047 && n !== "force" ? ((e.context.preferGetMethod = !1), e.context.url) : o; }, n2 = (e, t) => { if (t && !(e.kind === "query" && e.context.preferGetMethod)) { var n = Ua(t), r = ((s) => { var d = new Map(); return ( ($a !== dn || Wa !== dn) && (Pt.clear(), Ni(d, "variables", s)), d ); })(t.variables); if (r.size) { var i = new FormData(); (i.append("operations", n), i.append("map", Ua({ ...[...r.keys()].map((s) => [s]) }))); var l = 0; for (var o of r.values()) i.append("" + l++, o); return i; } return n; } }, a2 = (e, t) => { var n = { accept: e.kind === "subscription" ? "text/event-stream, multipart/mixed" : "application/graphql-response+json, application/graphql+json, application/json, text/event-stream, multipart/mixed", }, r = (typeof e.context.fetchOptions == "function" ? e.context.fetchOptions() : e.context.fetchOptions) || {}; if (r.headers) for (var i in r.headers) n[i.toLowerCase()] = r.headers[i]; var l = n2(e, t); return ( typeof l == "string" && !n["content-type"] && (n["content-type"] = "application/json"), { ...r, method: l ? "POST" : "GET", body: l, headers: n } ); }, r2 = typeof TextDecoder < "u" ? new TextDecoder() : null, i2 = /boundary="?([^=";]+)"?/i, l2 = /data: ?([^\n]+)/, Oo = (e) => e.constructor.name === "Buffer" ? e.toString() : r2.decode(e); async function* _o(e) { if (e.body[Symbol.asyncIterator]) for await (var t of e.body) yield Oo(t); else { var n = e.body.getReader(), r; try { for (; !(r = await n.read()).done; ) yield Oo(r.value); } finally { n.cancel(); } } } async function* Io(e, t) { var n = "", r; for await (var i of e) for (n += i; (r = n.indexOf(t)) > -1; ) (yield n.slice(0, r), (n = n.slice(r + t.length))); } async function* o2(e, t, n) { var r = !0, i = null, l; try { yield await Promise.resolve(); var o = (l = await (e.context.fetch || fetch)(t, n)).headers.get( "Content-Type", ) || "", s; /multipart\/mixed/i.test(o) ? (s = (async function* (u, m) { var p = u.match(i2), v = "--" + (p ? p[1] : "-"), g = !0, y; for await (var w of Io( _o(m), `\r ` + v, )) { if (g) { g = !1; var b = w.indexOf(v); if (b > -1) w = w.slice(b + v.length); else continue; } try { yield (y = JSON.parse( w.slice( w.indexOf(`\r \r `) + 4, ), )); } catch (h) { if (!y) throw h; } if (y && y.hasNext === !1) break; } y && y.hasNext !== !1 && (yield { hasNext: !1 }); })(o, l)) : /text\/event-stream/i.test(o) ? (s = (async function* (u) { var m; for await (var p of Io( _o(u), ` `, )) { var v = p.match(l2); if (v) { var g = v[1]; try { yield (m = JSON.parse(g)); } catch (y) { if (!m) throw y; } if (m && m.hasNext === !1) break; } } m && m.hasNext !== !1 && (yield { hasNext: !1 }); })(l)) : /text\//i.test(o) ? (s = (async function* (u) { var m = await u.text(); try { var p = JSON.parse(m); yield p; } catch { throw new Error(m); } })(l)) : (s = (async function* (u) { yield JSON.parse(await u.text()); })(l)); var d; for await (var c of s) (c.pending && !i ? (d = c.pending) : c.pending && (d = [...d, ...c.pending]), (i = i ? Xu(i, c, l, d) : Zo(e, c, l)), (r = !1), yield i, (r = !0)); i || (yield (i = Zo(e, {}, l))); } catch (u) { if (!r) throw u; yield Is( e, l && (l.status < 200 || l.status >= 300) && l.statusText ? new Error(l.statusText) : u, l, ); } } function s2(e, t, n) { var r; return ( typeof AbortController < "u" && (n.signal = (r = new AbortController()).signal), rl(() => { r && r.abort(); })(Ze((i) => !!i)(Zs(o2(e, t, n)))) ); } var Fi = (e, t) => { if (!e || typeof e != "object") return e; if (Array.isArray(e)) return e.map((i) => Fi(i)); if (e && typeof e == "object" && (t || "__typename" in e)) { var n = {}; for (var r in e) r === "__typename" ? Object.defineProperty(n, "__typename", { enumerable: !1, value: e.__typename, }) : (n[r] = Fi(e[r])); return n; } else return e; }; function Ro(e) { var t = (n) => e(n); return ( (t.toPromise = () => il(kr(1)(Ze((n) => !n.stale && !n.hasNext)(t)))), (t.then = (n, r) => t.toPromise().then(n, r)), (t.subscribe = (n) => sn(n)(t)), t ); } function qa(e, t, n) { return { ...t, kind: e, context: t.context ? { ...t.context, ...n } : n || t.context, }; } var d2 = () => {}, c2 = ({ forward: e, dispatchDebug: t }) => (n) => { var r = Da((l) => { var o = e2(l), s = t2(l, o), d = a2(l, o), c = Ls(Ze((u) => u.kind === "teardown" && u.key === l.key)(n))( s2(l, s, d), ); return c; })( Ze( (l) => l.kind !== "teardown" && (l.kind !== "subscription" || !!l.context.fetchSubscriptions), )(n), ), i = e( Ze( (l) => l.kind === "teardown" || (l.kind === "subscription" && !l.context.fetchSubscriptions), )(n), ); return qn([r, i]); }, u2 = (e) => ({ client: t, forward: n, dispatchDebug: r }) => e.reduceRight( (i, l) => l({ client: t, forward(o) { return Gn(i(Gn(o))); }, dispatchDebug(o) {}, }), n, ), m2 = ({ onOperation: e, onResult: t, onError: n }) => ({ forward: r }) => (i) => Da((l) => { n && l.error && n(l.error, l.operation); var o = (t && t(l)) || l; return "then" in o ? Mo(o) : jn(o); })( r( Da((l) => { var o = (e && e(l)) || l; return "then" in o ? Mo(o) : jn(o); })(i), ), ), p2 = ({ dispatchDebug: e }) => (t) => Ze((n) => !1)(t), h2 = function e(t) { var n = 0, r = new Map(), i = new Map(), l = new Set(), o = [], s = { url: t.url, fetchSubscriptions: t.fetchSubscriptions, fetchOptions: t.fetchOptions, fetch: t.fetch, preferGetMethod: t.preferGetMethod, requestPolicy: t.requestPolicy || "cache-first", }, d = Si(); function c(h) { (h.kind === "mutation" || h.kind === "teardown" || !l.has(h.key)) && (h.kind === "teardown" ? l.delete(h.key) : h.kind !== "mutation" && l.add(h.key), d.next(h)); } var u = !1; function m(h) { if ((h && c(h), !u)) { for (u = !0; u && (h = o.shift()); ) c(h); u = !1; } } var p = (h) => { var f = Ls( Ze((E) => E.kind === "teardown" && E.key === h.key)(d.source), )( Ze( (E) => E.operation.kind === h.kind && E.operation.key === h.key && (!E.operation.context._instance || E.operation.context._instance === h.context._instance), )(b), ); return ( t.maskTypename && (f = wi((E) => ({ ...E, data: Fi(E.data, !0) }))(f)), h.kind !== "query" ? (f = Ts((E) => !!E.hasNext, !0)(f)) : (f = No((E) => { var C = jn(E); return E.stale || E.hasNext ? C : qn([ C, wi(() => ((E.stale = !0), E))( kr(1)(Ze((Z) => Z.key === h.key)(d.source)), ), ]); })(f)), h.kind !== "mutation" ? (f = rl(() => { (l.delete(h.key), r.delete(h.key), i.delete(h.key), (u = !1)); for (var E = o.length - 1; E >= 0; E--) o[E].key === h.key && o.splice(E, 1); c(qa("teardown", h, h.context)); })( za((E) => { if (E.stale) { for (var C of o) if (C.key === E.operation.key) { l.delete(C.key); break; } } else E.hasNext || l.delete(h.key); r.set(h.key, E); })(f), )) : (f = Ci(() => { c(h); })(f)), Gn(f) ); }, v = this instanceof e ? this : Object.create(e.prototype), g = Object.assign(v, { suspense: !!t.suspense, operations$: d.source, reexecuteOperation(h) { if (h.kind === "teardown") m(h); else if (h.kind === "mutation" || i.has(h.key)) { for (var f = !1, E = 0; E < o.length; E++) f = f || o[E].key === h.key; (f || l.delete(h.key), o.push(h), Promise.resolve().then(m)); } }, createRequestOperation(h, f, E) { return ( E || (E = {}), qa(h, f, { _instance: h === "mutation" ? (n = (n + 1) | 0) : void 0, ...s, ...E, requestPolicy: E.requestPolicy || s.requestPolicy, suspense: E.suspense || (E.suspense !== !1 && g.suspense), }) ); }, executeRequestOperation(h) { return h.kind === "mutation" ? Ro(p(h)) : Ro( Uu(() => { var f = i.get(h.key); (f || i.set(h.key, (f = p(h))), (f = Ci(() => { m(h); })(f))); var E = r.get(h.key); return h.kind === "query" && E && (E.stale || E.hasNext) ? No(jn)(qn([f, Ze((C) => C === r.get(h.key))(jn(E))])) : f; }), ); }, executeQuery(h, f) { var E = g.createRequestOperation("query", h, f); return g.executeRequestOperation(E); }, executeSubscription(h, f) { var E = g.createRequestOperation("subscription", h, f); return g.executeRequestOperation(E); }, executeMutation(h, f) { var E = g.createRequestOperation("mutation", h, f); return g.executeRequestOperation(E); }, readQuery(h, f, E) { var C = null; return ( sn((Z) => { C = Z; })(g.query(h, f, E)).unsubscribe(), C ); }, query: (h, f, E) => g.executeQuery(nn(h, f), E), subscription: (h, f, E) => g.executeSubscription(nn(h, f), E), mutation: (h, f, E) => g.executeMutation(nn(h, f), E), }), y = d2, w = u2(t.exchanges), b = Gn( w({ client: g, dispatchDebug: y, forward: p2({ dispatchDebug: y }), })(d.source), ); return (qu(b), g); }, f2 = {}, wr = He(f2), g2 = wr.Provider; wr.Consumer; wr.displayName = "UrqlContext"; var sl = () => { var e = Gt(wr); return e; }, Ai = { fetching: !1, stale: !1, error: void 0, data: void 0, extensions: void 0, operation: void 0, }, v2 = (e, t) => e === t || !(!e || !t || e.key !== t.key), $r = (e, t) => { var n = { ...e, ...t, data: t.data !== void 0 || t.error ? t.data : e.data, fetching: !!t.fetching, stale: !!t.stale, }; return ((r, i) => { for (var l in r) if (!(l in i)) return !0; for (var o in i) if (o === "operation" ? !v2(r[o], i[o]) : r[o] !== i[o]) return !0; return !1; })(e, n) ? n : e; }, y2 = (e, t) => { for (var n = 0, r = t.length; n < r; n++) if (e[n] !== t[n]) return !0; return !1; }; function Ga(e, t) { e(t); } function Rs(e) { var t = Ee(!0), n = sl(), [r, i] = Le(Ai), l = K( (o, s) => ( Ga(i, { ...Ai, fetching: !0 }), il( kr(1)( Ze((d) => !d.hasNext)( za((d) => { t.current && Ga(i, { fetching: !1, stale: d.stale, data: d.data, error: d.error, extensions: d.extensions, operation: d.operation, }); })(n.executeMutation(nn(e, o), s || {})), ), ), ) ), [n, e, i], ); return ( te( () => ( (t.current = !0), () => { t.current = !1; } ), [], ), [r, l] ); } function b2(e, t) { var n = Ee(void 0); return ft(() => { var r = nn(e, t); return n.current !== void 0 && n.current.key === r.key ? n.current : ((n.current = r), r); }, [e, t]); } var E2 = (e) => { if (!e._react) { var t = new Set(), n = new Map(); (e.operations$ && sn((r) => { r.kind === "teardown" && t.has(r.key) && (t.delete(r.key), n.delete(r.key)); })(e.operations$), (e._react = { get: (r) => n.get(r), set(r, i) { (t.delete(r), n.set(r, i)); }, dispose(r) { t.add(r); }, })); } return e._react; }, k2 = (e, t) => (t && t.suspense !== void 0 ? !!t.suspense : e.suspense); function dl(e) { var t = sl(), n = E2(t), r = k2(t, e.context), i = b2(e.query, e.variables), l = ft(() => { if (e.pause) return null; var p = t.executeQuery(i, { requestPolicy: e.requestPolicy, ...e.context, }); return r ? za((v) => { n.set(i.key, v); })(p) : p; }, [n, t, i, r, e.pause, e.requestPolicy, e.context]), o = K( (p, v) => { if (!p) return { fetching: !1 }; var g = n.get(i.key); if (g) { if (v && g != null && "then" in g) throw g; } else { var y, w = sn((h) => { ((g = h), y && y(g)); })(Ts(() => (v && !y) || !g)(p)); if (g == null && v) { var b = new Promise((h) => { y = h; }); throw (n.set(i.key, b), b); } else w.unsubscribe(); } return g || { fetching: !0 }; }, [n, i], ), s = [t, i, e.requestPolicy, e.context, e.pause], [d, c] = Le(() => [l, $r(Ai, o(l, r)), s]), u = d[1]; (l !== d[0] && y2(d[2], s) && c([l, (u = $r(d[1], o(l, r))), s]), te(() => { var p = d[0], v = d[2][1], g = !1, y = (b) => { ((g = !0), Ga(c, (h) => { var f = $r(h[1], b); return h[1] !== f ? [h[0], f, h[2]] : h; })); }; if (p) { var w = sn(y)( rl(() => { y({ fetching: !1 }); })(p), ); return ( g || y({ fetching: !0 }), () => { (n.dispose(v.key), w.unsubscribe()); } ); } else y({ fetching: !1 }); }, [n, d[0], d[2][1]])); var m = K( (p) => { var v = { requestPolicy: e.requestPolicy, ...e.context, ...p }; Ga(c, (g) => [ r ? za((y) => { n.set(i.key, y); })(t.executeQuery(i, v)) : t.executeQuery(i, v), g[1], s, ]); }, [t, n, i, r, e.requestPolicy, e.context, e.pause], ); return [u, m]; } function an(e, t) { return t; } var w2 = { kind: "Document", definitions: [ { kind: "FragmentDefinition", name: { kind: "Name", value: "StatusTestFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Test" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "Field", name: { kind: "Name", value: "result" } }, { kind: "Field", name: { kind: "Name", value: "story" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "storyId" }, }, ], }, }, ], }, }, ], }, C2 = { kind: "Document", definitions: [ { kind: "FragmentDefinition", name: { kind: "Name", value: "LastBuildOnBranchTestFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Test" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "Field", name: { kind: "Name", value: "result" } }, ], }, }, ], }, S2 = { kind: "Document", definitions: [ { kind: "FragmentDefinition", name: { kind: "Name", value: "LastBuildOnBranchBuildFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Build" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "__typename" } }, { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "Field", name: { kind: "Name", value: "committedAt" } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StartedBuild" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", alias: { kind: "Name", value: "testsForStatus" }, name: { kind: "Name", value: "tests" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "first" }, value: { kind: "IntValue", value: "1000" }, }, { kind: "Argument", name: { kind: "Name", value: "statuses" }, value: { kind: "Variable", name: { kind: "Name", value: "testStatuses" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "nodes" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "StatusTestFields", }, }, ], }, }, ], }, }, { kind: "Field", alias: { kind: "Name", value: "testsForStory" }, name: { kind: "Name", value: "tests" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "storyId" }, value: { kind: "Variable", name: { kind: "Name", value: "storyId" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "nodes" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "LastBuildOnBranchTestFields", }, }, ], }, }, ], }, }, ], }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CompletedBuild" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "result" }, }, { kind: "Field", alias: { kind: "Name", value: "testsForStatus" }, name: { kind: "Name", value: "tests" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "first" }, value: { kind: "IntValue", value: "1000" }, }, { kind: "Argument", name: { kind: "Name", value: "statuses" }, value: { kind: "Variable", name: { kind: "Name", value: "testStatuses" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "nodes" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "StatusTestFields", }, }, ], }, }, ], }, }, { kind: "Field", alias: { kind: "Name", value: "testsForStory" }, name: { kind: "Name", value: "tests" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "storyId" }, value: { kind: "Variable", name: { kind: "Name", value: "storyId" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "nodes" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "LastBuildOnBranchTestFields", }, }, ], }, }, ], }, }, ], }, }, ], }, }, { kind: "FragmentDefinition", name: { kind: "Name", value: "StatusTestFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Test" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "Field", name: { kind: "Name", value: "result" } }, { kind: "Field", name: { kind: "Name", value: "story" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "storyId" }, }, ], }, }, ], }, }, { kind: "FragmentDefinition", name: { kind: "Name", value: "LastBuildOnBranchTestFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Test" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "Field", name: { kind: "Name", value: "result" } }, ], }, }, ], }, x2 = { kind: "Document", definitions: [ { kind: "FragmentDefinition", name: { kind: "Name", value: "StoryTestFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Test" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "Field", name: { kind: "Name", value: "result" } }, { kind: "Field", name: { kind: "Name", value: "webUrl" } }, { kind: "Field", name: { kind: "Name", value: "comparisons" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "result" }, }, { kind: "Field", name: { kind: "Name", value: "browser" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" }, }, { kind: "Field", name: { kind: "Name", value: "key" }, }, { kind: "Field", name: { kind: "Name", value: "name" }, }, { kind: "Field", name: { kind: "Name", value: "version" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "captureDiff" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "diffImage" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "signed" }, value: { kind: "BooleanValue", value: !0 }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "imageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "imageWidth" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "focusImage" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "signed" }, value: { kind: "BooleanValue", value: !0 }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "imageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "imageWidth" }, }, ], }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "headCapture" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "captureImage" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "signed" }, value: { kind: "BooleanValue", value: !0 }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "backgroundColor", }, }, { kind: "Field", name: { kind: "Name", value: "imageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "imageWidth" }, }, { kind: "Field", name: { kind: "Name", value: "imageHeight", }, }, { kind: "Field", name: { kind: "Name", value: "thumbnailUrl", }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "captureError" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "kind" }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CaptureErrorInteractionFailure", }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "error", }, }, ], }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CaptureErrorJSError", }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "error", }, }, ], }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CaptureErrorFailedJS", }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "error", }, }, ], }, }, ], }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "baseCapture" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "captureImage" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "signed" }, value: { kind: "BooleanValue", value: !0 }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "imageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "imageWidth" }, }, { kind: "Field", name: { kind: "Name", value: "imageHeight", }, }, ], }, }, ], }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "mode" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "name" } }, { kind: "Field", name: { kind: "Name", value: "globals" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "story" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "storyId" }, }, { kind: "Field", name: { kind: "Name", value: "name" } }, { kind: "Field", name: { kind: "Name", value: "component" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "name" }, }, ], }, }, ], }, }, ], }, }, ], }, N2 = { kind: "Document", definitions: [ { kind: "FragmentDefinition", name: { kind: "Name", value: "SelectedBuildFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Build" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "__typename" } }, { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "number" } }, { kind: "Field", name: { kind: "Name", value: "branch" } }, { kind: "Field", name: { kind: "Name", value: "commit" } }, { kind: "Field", name: { kind: "Name", value: "committedAt" } }, { kind: "Field", name: { kind: "Name", value: "uncommittedHash" }, }, { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StartedBuild" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "startedAt" }, }, { kind: "Field", alias: { kind: "Name", value: "testsForStory" }, name: { kind: "Name", value: "tests" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "storyId" }, value: { kind: "Variable", name: { kind: "Name", value: "storyId" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "nodes" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "StoryTestFields", }, }, ], }, }, ], }, }, ], }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CompletedBuild" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "startedAt" }, }, { kind: "Field", alias: { kind: "Name", value: "testsForStory" }, name: { kind: "Name", value: "tests" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "storyId" }, value: { kind: "Variable", name: { kind: "Name", value: "storyId" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "nodes" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "StoryTestFields", }, }, ], }, }, ], }, }, ], }, }, ], }, }, { kind: "FragmentDefinition", name: { kind: "Name", value: "StoryTestFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Test" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "Field", name: { kind: "Name", value: "result" } }, { kind: "Field", name: { kind: "Name", value: "webUrl" } }, { kind: "Field", name: { kind: "Name", value: "comparisons" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "result" }, }, { kind: "Field", name: { kind: "Name", value: "browser" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" }, }, { kind: "Field", name: { kind: "Name", value: "key" }, }, { kind: "Field", name: { kind: "Name", value: "name" }, }, { kind: "Field", name: { kind: "Name", value: "version" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "captureDiff" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "diffImage" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "signed" }, value: { kind: "BooleanValue", value: !0 }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "imageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "imageWidth" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "focusImage" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "signed" }, value: { kind: "BooleanValue", value: !0 }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "imageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "imageWidth" }, }, ], }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "headCapture" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "captureImage" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "signed" }, value: { kind: "BooleanValue", value: !0 }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "backgroundColor", }, }, { kind: "Field", name: { kind: "Name", value: "imageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "imageWidth" }, }, { kind: "Field", name: { kind: "Name", value: "imageHeight", }, }, { kind: "Field", name: { kind: "Name", value: "thumbnailUrl", }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "captureError" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "kind" }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CaptureErrorInteractionFailure", }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "error", }, }, ], }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CaptureErrorJSError", }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "error", }, }, ], }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CaptureErrorFailedJS", }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "error", }, }, ], }, }, ], }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "baseCapture" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "captureImage" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "signed" }, value: { kind: "BooleanValue", value: !0 }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "imageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "imageWidth" }, }, { kind: "Field", name: { kind: "Name", value: "imageHeight", }, }, ], }, }, ], }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "mode" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "name" } }, { kind: "Field", name: { kind: "Name", value: "globals" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "story" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "storyId" }, }, { kind: "Field", name: { kind: "Name", value: "name" } }, { kind: "Field", name: { kind: "Name", value: "component" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "name" }, }, ], }, }, ], }, }, ], }, }, ], }, M2 = { kind: "Document", definitions: [ { kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "VisualTestsProjectCountQuery" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "viewer" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "projectCount" }, }, { kind: "Field", name: { kind: "Name", value: "accounts" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "newProjectUrl" }, }, ], }, }, ], }, }, ], }, }, ], }, F2 = { kind: "Document", definitions: [ { kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "SelectProjectsQuery" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "viewer" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "accounts" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" }, }, { kind: "Field", name: { kind: "Name", value: "name" }, }, { kind: "Field", name: { kind: "Name", value: "avatarUrl" }, }, { kind: "Field", name: { kind: "Name", value: "newProjectUrl" }, }, { kind: "Field", name: { kind: "Name", value: "projects" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" }, }, { kind: "Field", name: { kind: "Name", value: "name" }, }, { kind: "Field", name: { kind: "Name", value: "webUrl" }, }, { kind: "Field", name: { kind: "Name", value: "lastBuild" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "branch", }, }, { kind: "Field", name: { kind: "Name", value: "number", }, }, ], }, }, ], }, }, ], }, }, ], }, }, ], }, }, ], }, A2 = { kind: "Document", definitions: [ { kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "ProjectQuery" }, variableDefinitions: [ { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "projectId" }, }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "ID" }, }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "project" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "projectId" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "name" } }, { kind: "Field", name: { kind: "Name", value: "webUrl" }, }, { kind: "Field", name: { kind: "Name", value: "lastBuild" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "branch" }, }, { kind: "Field", name: { kind: "Name", value: "number" }, }, ], }, }, ], }, }, ], }, }, ], }, L2 = { kind: "Document", definitions: [ { kind: "OperationDefinition", operation: "mutation", name: { kind: "Name", value: "UpdateUserPreferences" }, variableDefinitions: [ { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "input" }, }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "UserPreferencesInput" }, }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "updateUserPreferences" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "input" }, value: { kind: "Variable", name: { kind: "Name", value: "input" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "updatedPreferences" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "vtaOnboarding" }, }, ], }, }, ], }, }, ], }, }, ], }, T2 = { kind: "Document", definitions: [ { kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "AddonVisualTestsBuild" }, variableDefinitions: [ { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "projectId" }, }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "ID" }, }, }, }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "branch" }, }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" }, }, }, }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "gitUserEmailHash" }, }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" }, }, }, }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "repositoryOwnerName" }, }, type: { kind: "NamedType", name: { kind: "Name", value: "String" }, }, }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "storyId" }, }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" }, }, }, }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "testStatuses" }, }, type: { kind: "NonNullType", type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "TestStatus" }, }, }, }, }, }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "selectedBuildId" }, }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "ID" }, }, }, }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "hasSelectedBuildId" }, }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" }, }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "project" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "projectId" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "name" } }, { kind: "Field", name: { kind: "Name", value: "manageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "account" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "billingUrl" }, }, { kind: "Field", name: { kind: "Name", value: "suspensionReason" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "features" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "uiTests" }, }, ], }, }, { kind: "Field", alias: { kind: "Name", value: "lastBuildOnBranch" }, name: { kind: "Name", value: "lastBuild" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "branches" }, value: { kind: "ListValue", values: [ { kind: "Variable", name: { kind: "Name", value: "branch" }, }, ], }, }, { kind: "Argument", name: { kind: "Name", value: "repositoryOwnerName", }, value: { kind: "Variable", name: { kind: "Name", value: "repositoryOwnerName", }, }, }, { kind: "Argument", name: { kind: "Name", value: "localBuilds" }, value: { kind: "ObjectValue", fields: [ { kind: "ObjectField", name: { kind: "Name", value: "localBuildEmailHash", }, value: { kind: "Variable", name: { kind: "Name", value: "gitUserEmailHash", }, }, }, ], }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "LastBuildOnBranchBuildFields", }, }, { kind: "FragmentSpread", name: { kind: "Name", value: "SelectedBuildFields", }, directives: [ { kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "hasSelectedBuildId", }, }, }, ], }, ], }, ], }, }, { kind: "Field", name: { kind: "Name", value: "lastBuild" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" }, }, { kind: "Field", name: { kind: "Name", value: "slug" }, }, { kind: "Field", name: { kind: "Name", value: "branch" }, }, ], }, }, ], }, }, { kind: "Field", alias: { kind: "Name", value: "selectedBuild" }, name: { kind: "Name", value: "build" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "selectedBuildId" }, }, }, ], directives: [ { kind: "Directive", name: { kind: "Name", value: "include" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "hasSelectedBuildId" }, }, }, ], }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "SelectedBuildFields" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "viewer" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "preferences" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "vtaOnboarding" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "projectMembership" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "projectId" }, value: { kind: "Variable", name: { kind: "Name", value: "projectId" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", alias: { kind: "Name", value: "userCanReview" }, name: { kind: "Name", value: "meetsAccessLevel" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "minimumAccessLevel", }, value: { kind: "EnumValue", value: "REVIEWER", }, }, ], }, ], }, }, ], }, }, ], }, }, { kind: "FragmentDefinition", name: { kind: "Name", value: "StatusTestFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Test" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "Field", name: { kind: "Name", value: "result" } }, { kind: "Field", name: { kind: "Name", value: "story" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "storyId" }, }, ], }, }, ], }, }, { kind: "FragmentDefinition", name: { kind: "Name", value: "LastBuildOnBranchTestFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Test" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "Field", name: { kind: "Name", value: "result" } }, ], }, }, { kind: "FragmentDefinition", name: { kind: "Name", value: "StoryTestFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Test" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "Field", name: { kind: "Name", value: "result" } }, { kind: "Field", name: { kind: "Name", value: "webUrl" } }, { kind: "Field", name: { kind: "Name", value: "comparisons" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "result" }, }, { kind: "Field", name: { kind: "Name", value: "browser" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" }, }, { kind: "Field", name: { kind: "Name", value: "key" }, }, { kind: "Field", name: { kind: "Name", value: "name" }, }, { kind: "Field", name: { kind: "Name", value: "version" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "captureDiff" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "diffImage" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "signed" }, value: { kind: "BooleanValue", value: !0 }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "imageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "imageWidth" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "focusImage" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "signed" }, value: { kind: "BooleanValue", value: !0 }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "imageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "imageWidth" }, }, ], }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "headCapture" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "captureImage" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "signed" }, value: { kind: "BooleanValue", value: !0 }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "backgroundColor", }, }, { kind: "Field", name: { kind: "Name", value: "imageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "imageWidth" }, }, { kind: "Field", name: { kind: "Name", value: "imageHeight", }, }, { kind: "Field", name: { kind: "Name", value: "thumbnailUrl", }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "captureError" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "kind" }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CaptureErrorInteractionFailure", }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "error", }, }, ], }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CaptureErrorJSError", }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "error", }, }, ], }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CaptureErrorFailedJS", }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "error", }, }, ], }, }, ], }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "baseCapture" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "captureImage" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "signed" }, value: { kind: "BooleanValue", value: !0 }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "imageUrl" }, }, { kind: "Field", name: { kind: "Name", value: "imageWidth" }, }, { kind: "Field", name: { kind: "Name", value: "imageHeight", }, }, ], }, }, ], }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "mode" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "name" } }, { kind: "Field", name: { kind: "Name", value: "globals" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "story" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "storyId" }, }, { kind: "Field", name: { kind: "Name", value: "name" } }, { kind: "Field", name: { kind: "Name", value: "component" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "name" }, }, ], }, }, ], }, }, ], }, }, { kind: "FragmentDefinition", name: { kind: "Name", value: "LastBuildOnBranchBuildFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Build" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "__typename" } }, { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "Field", name: { kind: "Name", value: "committedAt" } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StartedBuild" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", alias: { kind: "Name", value: "testsForStatus" }, name: { kind: "Name", value: "tests" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "first" }, value: { kind: "IntValue", value: "1000" }, }, { kind: "Argument", name: { kind: "Name", value: "statuses" }, value: { kind: "Variable", name: { kind: "Name", value: "testStatuses" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "nodes" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "StatusTestFields", }, }, ], }, }, ], }, }, { kind: "Field", alias: { kind: "Name", value: "testsForStory" }, name: { kind: "Name", value: "tests" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "storyId" }, value: { kind: "Variable", name: { kind: "Name", value: "storyId" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "nodes" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "LastBuildOnBranchTestFields", }, }, ], }, }, ], }, }, ], }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CompletedBuild" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "result" }, }, { kind: "Field", alias: { kind: "Name", value: "testsForStatus" }, name: { kind: "Name", value: "tests" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "first" }, value: { kind: "IntValue", value: "1000" }, }, { kind: "Argument", name: { kind: "Name", value: "statuses" }, value: { kind: "Variable", name: { kind: "Name", value: "testStatuses" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "nodes" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "StatusTestFields", }, }, ], }, }, ], }, }, { kind: "Field", alias: { kind: "Name", value: "testsForStory" }, name: { kind: "Name", value: "tests" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "storyId" }, value: { kind: "Variable", name: { kind: "Name", value: "storyId" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "nodes" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "LastBuildOnBranchTestFields", }, }, ], }, }, ], }, }, ], }, }, ], }, }, { kind: "FragmentDefinition", name: { kind: "Name", value: "SelectedBuildFields" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Build" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "__typename" } }, { kind: "Field", name: { kind: "Name", value: "id" } }, { kind: "Field", name: { kind: "Name", value: "number" } }, { kind: "Field", name: { kind: "Name", value: "branch" } }, { kind: "Field", name: { kind: "Name", value: "commit" } }, { kind: "Field", name: { kind: "Name", value: "committedAt" } }, { kind: "Field", name: { kind: "Name", value: "uncommittedHash" }, }, { kind: "Field", name: { kind: "Name", value: "status" } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StartedBuild" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "startedAt" }, }, { kind: "Field", alias: { kind: "Name", value: "testsForStory" }, name: { kind: "Name", value: "tests" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "storyId" }, value: { kind: "Variable", name: { kind: "Name", value: "storyId" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "nodes" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "StoryTestFields", }, }, ], }, }, ], }, }, ], }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CompletedBuild" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "startedAt" }, }, { kind: "Field", alias: { kind: "Name", value: "testsForStory" }, name: { kind: "Name", value: "tests" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "storyId" }, value: { kind: "Variable", name: { kind: "Name", value: "storyId" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "nodes" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "FragmentSpread", name: { kind: "Name", value: "StoryTestFields", }, }, ], }, }, ], }, }, ], }, }, ], }, }, ], }, Z2 = { kind: "Document", definitions: [ { kind: "OperationDefinition", operation: "mutation", name: { kind: "Name", value: "ReviewTest" }, variableDefinitions: [ { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "input" }, }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "ReviewTestInput" }, }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "reviewTest" }, arguments: [ { kind: "Argument", name: { kind: "Name", value: "input" }, value: { kind: "Variable", name: { kind: "Name", value: "input" }, }, }, ], selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "updatedTests" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" }, }, { kind: "Field", name: { kind: "Name", value: "status" }, }, ], }, }, { kind: "Field", name: { kind: "Name", value: "userErrors" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "UserError" }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "__typename" }, }, { kind: "Field", name: { kind: "Name", value: "message" }, }, ], }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "BuildSupersededError", }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "build" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" }, }, ], }, }, ], }, }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "TestUnreviewableError", }, }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "test" }, selectionSet: { kind: "SelectionSet", selections: [ { kind: "Field", name: { kind: "Name", value: "id" }, }, ], }, }, ], }, }, ], }, }, ], }, }, ], }, }, ], }, O2 = { "\n query VisualTestsProjectCountQuery {\n viewer {\n projectCount\n accounts {\n newProjectUrl\n }\n }\n }\n": M2, "\n query SelectProjectsQuery {\n viewer {\n accounts {\n id\n name\n avatarUrl\n newProjectUrl\n projects {\n id\n name\n webUrl\n lastBuild {\n branch\n number\n }\n }\n }\n }\n }\n": F2, "\n query ProjectQuery($projectId: ID!) {\n project(id: $projectId) {\n id\n name\n webUrl\n lastBuild {\n branch\n number\n }\n }\n }\n": A2, "\n mutation UpdateUserPreferences($input: UserPreferencesInput!) {\n updateUserPreferences(input: $input) {\n updatedPreferences {\n vtaOnboarding\n }\n }\n }\n": L2, "\n query AddonVisualTestsBuild(\n $projectId: ID!\n $branch: String!\n $gitUserEmailHash: String!\n $repositoryOwnerName: String\n $storyId: String!\n $testStatuses: [TestStatus!]!\n $selectedBuildId: ID!\n $hasSelectedBuildId: Boolean!\n ) {\n project(id: $projectId) {\n name\n manageUrl\n account {\n billingUrl\n suspensionReason\n }\n features {\n uiTests\n }\n lastBuildOnBranch: lastBuild(\n branches: [$branch]\n repositoryOwnerName: $repositoryOwnerName\n localBuilds: { localBuildEmailHash: $gitUserEmailHash }\n ) {\n ...LastBuildOnBranchBuildFields\n ...SelectedBuildFields @skip(if: $hasSelectedBuildId)\n }\n lastBuild {\n id\n slug\n branch\n }\n }\n selectedBuild: build(id: $selectedBuildId) @include(if: $hasSelectedBuildId) {\n ...SelectedBuildFields\n }\n viewer {\n preferences {\n vtaOnboarding\n }\n projectMembership(projectId: $projectId) {\n userCanReview: meetsAccessLevel(minimumAccessLevel: REVIEWER)\n }\n }\n }\n": T2, "\n fragment LastBuildOnBranchBuildFields on Build {\n __typename\n id\n status\n committedAt\n ... on StartedBuild {\n testsForStatus: tests(first: 1000, statuses: $testStatuses) {\n nodes {\n ...StatusTestFields\n }\n }\n testsForStory: tests(storyId: $storyId) {\n nodes {\n ...LastBuildOnBranchTestFields\n }\n }\n }\n ... on CompletedBuild {\n result\n testsForStatus: tests(first: 1000, statuses: $testStatuses) {\n nodes {\n ...StatusTestFields\n }\n }\n testsForStory: tests(storyId: $storyId) {\n nodes {\n ...LastBuildOnBranchTestFields\n }\n }\n }\n }\n": S2, "\n fragment SelectedBuildFields on Build {\n __typename\n id\n number\n branch\n commit\n committedAt\n uncommittedHash\n status\n ... on StartedBuild {\n startedAt\n testsForStory: tests(storyId: $storyId) {\n nodes {\n ...StoryTestFields\n }\n }\n }\n ... on CompletedBuild {\n startedAt\n testsForStory: tests(storyId: $storyId) {\n nodes {\n ...StoryTestFields\n }\n }\n }\n }\n": N2, "\n fragment StatusTestFields on Test {\n id\n status\n result\n story {\n storyId\n }\n }\n": w2, "\n fragment LastBuildOnBranchTestFields on Test {\n status\n result\n }\n": C2, "\n fragment StoryTestFields on Test {\n id\n status\n result\n webUrl\n comparisons {\n id\n result\n browser {\n id\n key\n name\n version\n }\n captureDiff {\n diffImage(signed: true) {\n imageUrl\n imageWidth\n }\n focusImage(signed: true) {\n imageUrl\n imageWidth\n }\n }\n headCapture {\n captureImage(signed: true) {\n backgroundColor\n imageUrl\n imageWidth\n imageHeight\n thumbnailUrl\n }\n captureError {\n kind\n ... on CaptureErrorInteractionFailure {\n error\n }\n ... on CaptureErrorJSError {\n error\n }\n ... on CaptureErrorFailedJS {\n error\n }\n }\n }\n baseCapture {\n captureImage(signed: true) {\n imageUrl\n imageWidth\n imageHeight\n }\n }\n }\n mode {\n name\n globals\n }\n story {\n storyId\n name\n component {\n name\n }\n }\n }\n": x2, "\n mutation ReviewTest($input: ReviewTestInput!) {\n reviewTest(input: $input) {\n updatedTests {\n id\n status\n }\n userErrors {\n ... on UserError {\n __typename\n message\n }\n ... on BuildSupersededError {\n build {\n id\n }\n }\n ... on TestUnreviewableError {\n test {\n id\n }\n }\n }\n }\n }\n": Z2, }; function Qe(e) { return O2[e] ?? {}; } var Wr = (e, t) => qa(e.kind, e, { ...e.context, authAttempt: t }); function _2(e) { return ({ client: t, forward: n }) => { var r = new Set(), i = Si(), l = Si(), o = new Map(); function s() { c = void 0; var m = o; ((o = new Map()), m.forEach(i.next)); } function d(m) { c = void 0; var p = o; ((o = new Map()), p.forEach((v) => { l.next(Is(v, m)); })); } var c, u = null; return (m) => { function p() { c = Promise.resolve() .then(() => e({ mutate(b, h, f) { var E = t.createRequestOperation("mutation", nn(b, h), f); return il( kr(1)( Ze( (C) => C.operation.key === E.key && E.context._instance === C.operation.context._instance, )( Ci(() => { var C = g(E); (r.add(C.context._instance), i.next(C)); })(w), ), ), ); }, appendHeaders(b, h) { var f = typeof b.context.fetchOptions == "function" ? b.context.fetchOptions() : b.context.fetchOptions || {}; return qa(b.kind, b, { ...b.context, fetchOptions: { ...f, headers: { ...f.headers, ...h } }, }); }, }), ) .then((b) => { (b && (u = b), s()); }) .catch((b) => { d(b); }); } p(); function v(b) { (o.set(b.key, Wr(b, !0)), u && !c && (c = u.refreshAuth().then(s).catch(d))); } function g(b) { return u ? u.addAuthToOperation(b) : b; } var y = Ze(Boolean)( wi((b) => b.kind === "teardown" ? (o.delete(b.key), b) : b.context._instance && r.has(b.context._instance) ? b : b.context.authAttempt ? g(b) : c || !u ? (c || p(), o.has(b.key) || o.set(b.key, Wr(b, !1)), null) : (function (h) { return ( !h.context.authAttempt && u && u.willAuthError && u.willAuthError(h) ); })(b) ? (v(b), null) : g(Wr(b, !1)), )(qn([i.source, m])), ), w = n(y); return qn([ l.source, Ze((b) => !r.has(b.operation.context._instance) && b.error && (function (h) { return ( u && u.didAuthError && u.didAuthError(h.error, h.operation) ); })(b) && !b.operation.context.authAttempt ? (v(b.operation), !1) : (r.has(b.operation.context._instance) && r.delete(b.operation.context._instance), !0), )(w), ]); }; }; } var Ce = []; for (let e = 0; e < 256; ++e) Ce.push((e + 256).toString(16).slice(1)); function I2(e, t = 0) { return ( Ce[e[t + 0]] + Ce[e[t + 1]] + Ce[e[t + 2]] + Ce[e[t + 3]] + "-" + Ce[e[t + 4]] + Ce[e[t + 5]] + "-" + Ce[e[t + 6]] + Ce[e[t + 7]] + "-" + Ce[e[t + 8]] + Ce[e[t + 9]] + "-" + Ce[e[t + 10]] + Ce[e[t + 11]] + Ce[e[t + 12]] + Ce[e[t + 13]] + Ce[e[t + 14]] + Ce[e[t + 15]] ).toLowerCase(); } var qr, R2 = new Uint8Array(16); function B2() { if (!qr) { if (typeof crypto > "u" || !crypto.getRandomValues) throw new Error( "crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported", ); qr = crypto.getRandomValues.bind(crypto); } return qr(R2); } var P2 = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Bo = { randomUUID: P2 }; function V2(e, t, n) { if (Bo.randomUUID && !t && !e) return Bo.randomUUID(); e = e || {}; let r = e.random ?? e.rng?.() ?? B2(); if (r.length < 16) throw new Error("Random bytes length must be >= 16"); if (((r[6] = (r[6] & 15) | 64), (r[8] = (r[8] & 63) | 128), t)) { if (((n = n || 0), n < 0 || n + 16 > t.length)) throw new RangeError( `UUID byte range ${n}:${n + 15} is out of buffer bounds`, ); for (let i = 0; i < 16; ++i) t[n + i] = r[i]; return t; } return I2(r); } var H2 = V2, it, Dn, Ya = (e) => { try { let { exp: t } = e ? JSON.parse(atob(e.split(".")[1])) : { exp: null }; ((it = e), (Dn = t)); } catch { ((it = null), (Dn = null)); } it ? localStorage.setItem(ui, it) : localStorage.removeItem(ui); }; Ya(localStorage.getItem(ui)); var Bs = () => { let [{ token: e }, t] = Ml(`${U}/accessToken`, { token: it }), n = a.useCallback( (r) => { (Ya(r), t({ token: it })); }, [t], ); return [e, n]; }, j2 = H2(), Ps = (e) => ({ headers: { Accept: "*/*", ...(e && { Authorization: `Bearer ${e}` }), "X-Chromatic-Session-ID": j2, }, }), Vs = (e) => new h2({ url: jd, exchanges: [ m2({ onResult(t) { t.data?.viewer === null && Ya(null); }, }), _2(async (t) => ({ addAuthToOperation(n) { return it ? t.appendHeaders(n, { Authorization: `Bearer ${it}` }) : n; }, didAuthError: (n) => n.response?.status === 401 || n.graphQLErrors.some((r) => r.message.includes("Must login")), async refreshAuth() { Ya(null); }, willAuthError() { if (!it) return !0; try { if (!Dn) { let { exp: n } = JSON.parse(atob(it.split(".")[1])); Dn = n; } return Date.now() / 1e3 > (Dn || 0); } catch { return !0; } }, })), c2, ], fetchOptions: Ps(), ...e, }), D2 = ({ children: e, value: t = Vs() }) => a.createElement(g2, { value: t }, e), ae; (function (e) { e.assertEqual = (i) => i; function t(i) {} e.assertIs = t; function n(i) { throw new Error(); } ((e.assertNever = n), (e.arrayToEnum = (i) => { let l = {}; for (let o of i) l[o] = o; return l; }), (e.getValidEnumValues = (i) => { let l = e.objectKeys(i).filter((s) => typeof i[i[s]] != "number"), o = {}; for (let s of l) o[s] = i[s]; return e.objectValues(o); }), (e.objectValues = (i) => e.objectKeys(i).map(function (l) { return i[l]; })), (e.objectKeys = typeof Object.keys == "function" ? (i) => Object.keys(i) : (i) => { let l = []; for (let o in i) Object.prototype.hasOwnProperty.call(i, o) && l.push(o); return l; }), (e.find = (i, l) => { for (let o of i) if (l(o)) return o; }), (e.isInteger = typeof Number.isInteger == "function" ? (i) => Number.isInteger(i) : (i) => typeof i == "number" && isFinite(i) && Math.floor(i) === i)); function r(i, l = " | ") { return i.map((o) => (typeof o == "string" ? `'${o}'` : o)).join(l); } ((e.joinValues = r), (e.jsonStringifyReplacer = (i, l) => typeof l == "bigint" ? l.toString() : l)); })(ae || (ae = {})); var Li; (function (e) { e.mergeShapes = (t, n) => ({ ...t, ...n }); })(Li || (Li = {})); var F = ae.arrayToEnum([ "string", "nan", "number", "integer", "float", "boolean", "date", "bigint", "symbol", "function", "undefined", "null", "array", "object", "unknown", "promise", "void", "never", "map", "set", ]), St = (e) => { switch (typeof e) { case "undefined": return F.undefined; case "string": return F.string; case "number": return isNaN(e) ? F.nan : F.number; case "boolean": return F.boolean; case "function": return F.function; case "bigint": return F.bigint; case "symbol": return F.symbol; case "object": return Array.isArray(e) ? F.array : e === null ? F.null : e.then && typeof e.then == "function" && e.catch && typeof e.catch == "function" ? F.promise : typeof Map < "u" && e instanceof Map ? F.map : typeof Set < "u" && e instanceof Set ? F.set : typeof Date < "u" && e instanceof Date ? F.date : F.object; default: return F.unknown; } }, x = ae.arrayToEnum([ "invalid_type", "invalid_literal", "custom", "invalid_union", "invalid_union_discriminator", "invalid_enum_value", "unrecognized_keys", "invalid_arguments", "invalid_return_type", "invalid_date", "invalid_string", "too_small", "too_big", "invalid_intersection_types", "not_multiple_of", "not_finite", ]), z2 = (e) => JSON.stringify(e, null, 2).replace(/"([^"]+)":/g, "$1:"), Ye = class extends Error { constructor(e) { (super(), (this.issues = []), (this.addIssue = (n) => { this.issues = [...this.issues, n]; }), (this.addIssues = (n = []) => { this.issues = [...this.issues, ...n]; })); let t = new.target.prototype; (Object.setPrototypeOf ? Object.setPrototypeOf(this, t) : (this.__proto__ = t), (this.name = "ZodError"), (this.issues = e)); } get errors() { return this.issues; } format(e) { let t = e || function (i) { return i.message; }, n = { _errors: [] }, r = (i) => { for (let l of i.issues) if (l.code === "invalid_union") l.unionErrors.map(r); else if (l.code === "invalid_return_type") r(l.returnTypeError); else if (l.code === "invalid_arguments") r(l.argumentsError); else if (l.path.length === 0) n._errors.push(t(l)); else { let o = n, s = 0; for (; s < l.path.length; ) { let d = l.path[s]; (s === l.path.length - 1 ? ((o[d] = o[d] || { _errors: [] }), o[d]._errors.push(t(l))) : (o[d] = o[d] || { _errors: [] }), (o = o[d]), s++); } } }; return (r(this), n); } toString() { return this.message; } get message() { return JSON.stringify(this.issues, ae.jsonStringifyReplacer, 2); } get isEmpty() { return this.issues.length === 0; } flatten(e = (t) => t.message) { let t = {}, n = []; for (let r of this.issues) r.path.length > 0 ? ((t[r.path[0]] = t[r.path[0]] || []), t[r.path[0]].push(e(r))) : n.push(e(r)); return { formErrors: n, fieldErrors: t }; } get formErrors() { return this.flatten(); } }; Ye.create = (e) => new Ye(e); var Yn = (e, t) => { let n; switch (e.code) { case x.invalid_type: e.received === F.undefined ? (n = "Required") : (n = `Expected ${e.expected}, received ${e.received}`); break; case x.invalid_literal: n = `Invalid literal value, expected ${JSON.stringify(e.expected, ae.jsonStringifyReplacer)}`; break; case x.unrecognized_keys: n = `Unrecognized key(s) in object: ${ae.joinValues(e.keys, ", ")}`; break; case x.invalid_union: n = "Invalid input"; break; case x.invalid_union_discriminator: n = `Invalid discriminator value. Expected ${ae.joinValues(e.options)}`; break; case x.invalid_enum_value: n = `Invalid enum value. Expected ${ae.joinValues(e.options)}, received '${e.received}'`; break; case x.invalid_arguments: n = "Invalid function arguments"; break; case x.invalid_return_type: n = "Invalid function return type"; break; case x.invalid_date: n = "Invalid date"; break; case x.invalid_string: typeof e.validation == "object" ? "includes" in e.validation ? ((n = `Invalid input: must include "${e.validation.includes}"`), typeof e.validation.position == "number" && (n = `${n} at one or more positions greater than or equal to ${e.validation.position}`)) : "startsWith" in e.validation ? (n = `Invalid input: must start with "${e.validation.startsWith}"`) : "endsWith" in e.validation ? (n = `Invalid input: must end with "${e.validation.endsWith}"`) : ae.assertNever(e.validation) : e.validation !== "regex" ? (n = `Invalid ${e.validation}`) : (n = "Invalid"); break; case x.too_small: e.type === "array" ? (n = `Array must contain ${e.exact ? "exactly" : e.inclusive ? "at least" : "more than"} ${e.minimum} element(s)`) : e.type === "string" ? (n = `String must contain ${e.exact ? "exactly" : e.inclusive ? "at least" : "over"} ${e.minimum} character(s)`) : e.type === "number" ? (n = `Number must be ${e.exact ? "exactly equal to " : e.inclusive ? "greater than or equal to " : "greater than "}${e.minimum}`) : e.type === "date" ? (n = `Date must be ${e.exact ? "exactly equal to " : e.inclusive ? "greater than or equal to " : "greater than "}${new Date(Number(e.minimum))}`) : (n = "Invalid input"); break; case x.too_big: e.type === "array" ? (n = `Array must contain ${e.exact ? "exactly" : e.inclusive ? "at most" : "less than"} ${e.maximum} element(s)`) : e.type === "string" ? (n = `String must contain ${e.exact ? "exactly" : e.inclusive ? "at most" : "under"} ${e.maximum} character(s)`) : e.type === "number" ? (n = `Number must be ${e.exact ? "exactly" : e.inclusive ? "less than or equal to" : "less than"} ${e.maximum}`) : e.type === "bigint" ? (n = `BigInt must be ${e.exact ? "exactly" : e.inclusive ? "less than or equal to" : "less than"} ${e.maximum}`) : e.type === "date" ? (n = `Date must be ${e.exact ? "exactly" : e.inclusive ? "smaller than or equal to" : "smaller than"} ${new Date(Number(e.maximum))}`) : (n = "Invalid input"); break; case x.custom: n = "Invalid input"; break; case x.invalid_intersection_types: n = "Intersection results could not be merged"; break; case x.not_multiple_of: n = `Number must be a multiple of ${e.multipleOf}`; break; case x.not_finite: n = "Number must be finite"; break; default: ((n = t.defaultError), ae.assertNever(e)); } return { message: n }; }, Hs = Yn; function U2(e) { Hs = e; } function Ka() { return Hs; } var Ja = (e) => { let { data: t, path: n, errorMaps: r, issueData: i } = e, l = [...n, ...(i.path || [])], o = { ...i, path: l }, s = "", d = r .filter((c) => !!c) .slice() .reverse(); for (let c of d) s = c(o, { data: t, defaultError: s }).message; return { ...i, path: l, message: i.message || s }; }, $2 = []; function T(e, t) { let n = Ja({ issueData: t, data: e.data, path: e.path, errorMaps: [ e.common.contextualErrorMap, e.schemaErrorMap, Ka(), Yn, ].filter((r) => !!r), }); e.common.issues.push(n); } var Fe = class { constructor() { this.value = "valid"; } dirty() { this.value === "valid" && (this.value = "dirty"); } abort() { this.value !== "aborted" && (this.value = "aborted"); } static mergeArray(e, t) { let n = []; for (let r of t) { if (r.status === "aborted") return z; (r.status === "dirty" && e.dirty(), n.push(r.value)); } return { status: e.value, value: n }; } static async mergeObjectAsync(e, t) { let n = []; for (let r of t) n.push({ key: await r.key, value: await r.value }); return Fe.mergeObjectSync(e, n); } static mergeObjectSync(e, t) { let n = {}; for (let r of t) { let { key: i, value: l } = r; if (i.status === "aborted" || l.status === "aborted") return z; (i.status === "dirty" && e.dirty(), l.status === "dirty" && e.dirty(), i.value !== "__proto__" && (typeof l.value < "u" || r.alwaysSet) && (n[i.value] = l.value)); } return { status: e.value, value: n }; } }, z = Object.freeze({ status: "aborted" }), js = (e) => ({ status: "dirty", value: e }), Ae = (e) => ({ status: "valid", value: e }), Ti = (e) => e.status === "aborted", Zi = (e) => e.status === "dirty", Kn = (e) => e.status === "valid", Qa = (e) => typeof Promise < "u" && e instanceof Promise, R; (function (e) { ((e.errToObj = (t) => (typeof t == "string" ? { message: t } : t || {})), (e.toString = (t) => (typeof t == "string" ? t : t?.message))); })(R || (R = {})); var mt = class { constructor(e, t, n, r) { ((this._cachedPath = []), (this.parent = e), (this.data = t), (this._path = n), (this._key = r)); } get path() { return ( this._cachedPath.length || (this._key instanceof Array ? this._cachedPath.push(...this._path, ...this._key) : this._cachedPath.push(...this._path, this._key)), this._cachedPath ); } }, Po = (e, t) => { if (Kn(t)) return { success: !0, data: t.value }; if (!e.common.issues.length) throw new Error("Validation failed but no issues detected."); return { success: !1, get error() { if (this._error) return this._error; let n = new Ye(e.common.issues); return ((this._error = n), this._error); }, }; }; function $(e) { if (!e) return {}; let { errorMap: t, invalid_type_error: n, required_error: r, description: i, } = e; if (t && (n || r)) throw new Error( `Can't use "invalid_type_error" or "required_error" in conjunction with custom error map.`, ); return t ? { errorMap: t, description: i } : { errorMap: (l, o) => l.code !== "invalid_type" ? { message: o.defaultError } : typeof o.data > "u" ? { message: r ?? o.defaultError } : { message: n ?? o.defaultError }, description: i, }; } var Y = class { constructor(e) { ((this.spa = this.safeParseAsync), (this._def = e), (this.parse = this.parse.bind(this)), (this.safeParse = this.safeParse.bind(this)), (this.parseAsync = this.parseAsync.bind(this)), (this.safeParseAsync = this.safeParseAsync.bind(this)), (this.spa = this.spa.bind(this)), (this.refine = this.refine.bind(this)), (this.refinement = this.refinement.bind(this)), (this.superRefine = this.superRefine.bind(this)), (this.optional = this.optional.bind(this)), (this.nullable = this.nullable.bind(this)), (this.nullish = this.nullish.bind(this)), (this.array = this.array.bind(this)), (this.promise = this.promise.bind(this)), (this.or = this.or.bind(this)), (this.and = this.and.bind(this)), (this.transform = this.transform.bind(this)), (this.brand = this.brand.bind(this)), (this.default = this.default.bind(this)), (this.catch = this.catch.bind(this)), (this.describe = this.describe.bind(this)), (this.pipe = this.pipe.bind(this)), (this.readonly = this.readonly.bind(this)), (this.isNullable = this.isNullable.bind(this)), (this.isOptional = this.isOptional.bind(this))); } get description() { return this._def.description; } _getType(e) { return St(e.data); } _getOrReturnCtx(e, t) { return ( t || { common: e.parent.common, data: e.data, parsedType: St(e.data), schemaErrorMap: this._def.errorMap, path: e.path, parent: e.parent, } ); } _processInputParams(e) { return { status: new Fe(), ctx: { common: e.parent.common, data: e.data, parsedType: St(e.data), schemaErrorMap: this._def.errorMap, path: e.path, parent: e.parent, }, }; } _parseSync(e) { let t = this._parse(e); if (Qa(t)) throw new Error("Synchronous parse encountered promise."); return t; } _parseAsync(e) { let t = this._parse(e); return Promise.resolve(t); } parse(e, t) { let n = this.safeParse(e, t); if (n.success) return n.data; throw n.error; } safeParse(e, t) { var n; let r = { common: { issues: [], async: (n = t?.async) !== null && n !== void 0 ? n : !1, contextualErrorMap: t?.errorMap, }, path: t?.path || [], schemaErrorMap: this._def.errorMap, parent: null, data: e, parsedType: St(e), }, i = this._parseSync({ data: e, path: r.path, parent: r }); return Po(r, i); } async parseAsync(e, t) { let n = await this.safeParseAsync(e, t); if (n.success) return n.data; throw n.error; } async safeParseAsync(e, t) { let n = { common: { issues: [], contextualErrorMap: t?.errorMap, async: !0, }, path: t?.path || [], schemaErrorMap: this._def.errorMap, parent: null, data: e, parsedType: St(e), }, r = this._parse({ data: e, path: n.path, parent: n }), i = await (Qa(r) ? r : Promise.resolve(r)); return Po(n, i); } refine(e, t) { let n = (r) => typeof t == "string" || typeof t > "u" ? { message: t } : typeof t == "function" ? t(r) : t; return this._refinement((r, i) => { let l = e(r), o = () => i.addIssue({ code: x.custom, ...n(r) }); return typeof Promise < "u" && l instanceof Promise ? l.then((s) => (s ? !0 : (o(), !1))) : l ? !0 : (o(), !1); }); } refinement(e, t) { return this._refinement((n, r) => e(n) ? !0 : (r.addIssue(typeof t == "function" ? t(n, r) : t), !1), ); } _refinement(e) { return new Ke({ schema: this, typeName: H.ZodEffects, effect: { type: "refinement", refinement: e }, }); } superRefine(e) { return this._refinement(e); } optional() { return yt.create(this, this._def); } nullable() { return zt.create(this, this._def); } nullish() { return this.nullable().optional(); } array() { return ct.create(this, this._def); } promise() { return pn.create(this, this._def); } or(e) { return ea.create([this, e], this._def); } and(e) { return ta.create(this, e, this._def); } transform(e) { return new Ke({ ...$(this._def), schema: this, typeName: H.ZodEffects, effect: { type: "transform", transform: e }, }); } default(e) { let t = typeof e == "function" ? e : () => e; return new ia({ ...$(this._def), innerType: this, defaultValue: t, typeName: H.ZodDefault, }); } brand() { return new zs({ typeName: H.ZodBranded, type: this, ...$(this._def), }); } catch(e) { let t = typeof e == "function" ? e : () => e; return new ar({ ...$(this._def), innerType: this, catchValue: t, typeName: H.ZodCatch, }); } describe(e) { let t = this.constructor; return new t({ ...this._def, description: e }); } pipe(e) { return Cr.create(this, e); } readonly() { return ir.create(this); } isOptional() { return this.safeParse(void 0).success; } isNullable() { return this.safeParse(null).success; } }, W2 = /^c[^\s-]{8,}$/i, q2 = /^[a-z][a-z0-9]*$/, G2 = /^[0-9A-HJKMNP-TV-Z]{26}$/, Y2 = /^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/i, K2 = /^(?!\.)(?!.*\.\.)([A-Z0-9_+-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i, J2 = "^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$", Gr, Q2 = /^(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))$/, X2 = /^(([a-f0-9]{1,4}:){7}|::([a-f0-9]{1,4}:){0,6}|([a-f0-9]{1,4}:){1}:([a-f0-9]{1,4}:){0,5}|([a-f0-9]{1,4}:){2}:([a-f0-9]{1,4}:){0,4}|([a-f0-9]{1,4}:){3}:([a-f0-9]{1,4}:){0,3}|([a-f0-9]{1,4}:){4}:([a-f0-9]{1,4}:){0,2}|([a-f0-9]{1,4}:){5}:([a-f0-9]{1,4}:){0,1})([a-f0-9]{1,4}|(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2})))$/, em = (e) => e.precision ? e.offset ? new RegExp( `^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{${e.precision}}(([+-]\\d{2}(:?\\d{2})?)|Z)$`, ) : new RegExp( `^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{${e.precision}}Z$`, ) : e.precision === 0 ? e.offset ? new RegExp( "^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(([+-]\\d{2}(:?\\d{2})?)|Z)$", ) : new RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}Z$") : e.offset ? new RegExp( "^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?(([+-]\\d{2}(:?\\d{2})?)|Z)$", ) : new RegExp( "^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?Z$", ); function tm(e, t) { return !!( ((t === "v4" || !t) && Q2.test(e)) || ((t === "v6" || !t) && X2.test(e)) ); } var lt = class extends Y { _parse(e) { if ( (this._def.coerce && (e.data = String(e.data)), this._getType(e) !== F.string) ) { let r = this._getOrReturnCtx(e); return ( T(r, { code: x.invalid_type, expected: F.string, received: r.parsedType, }), z ); } let t = new Fe(), n; for (let r of this._def.checks) if (r.kind === "min") e.data.length < r.value && ((n = this._getOrReturnCtx(e, n)), T(n, { code: x.too_small, minimum: r.value, type: "string", inclusive: !0, exact: !1, message: r.message, }), t.dirty()); else if (r.kind === "max") e.data.length > r.value && ((n = this._getOrReturnCtx(e, n)), T(n, { code: x.too_big, maximum: r.value, type: "string", inclusive: !0, exact: !1, message: r.message, }), t.dirty()); else if (r.kind === "length") { let i = e.data.length > r.value, l = e.data.length < r.value; (i || l) && ((n = this._getOrReturnCtx(e, n)), i ? T(n, { code: x.too_big, maximum: r.value, type: "string", inclusive: !0, exact: !0, message: r.message, }) : l && T(n, { code: x.too_small, minimum: r.value, type: "string", inclusive: !0, exact: !0, message: r.message, }), t.dirty()); } else if (r.kind === "email") K2.test(e.data) || ((n = this._getOrReturnCtx(e, n)), T(n, { validation: "email", code: x.invalid_string, message: r.message, }), t.dirty()); else if (r.kind === "emoji") (Gr || (Gr = new RegExp(J2, "u")), Gr.test(e.data) || ((n = this._getOrReturnCtx(e, n)), T(n, { validation: "emoji", code: x.invalid_string, message: r.message, }), t.dirty())); else if (r.kind === "uuid") Y2.test(e.data) || ((n = this._getOrReturnCtx(e, n)), T(n, { validation: "uuid", code: x.invalid_string, message: r.message, }), t.dirty()); else if (r.kind === "cuid") W2.test(e.data) || ((n = this._getOrReturnCtx(e, n)), T(n, { validation: "cuid", code: x.invalid_string, message: r.message, }), t.dirty()); else if (r.kind === "cuid2") q2.test(e.data) || ((n = this._getOrReturnCtx(e, n)), T(n, { validation: "cuid2", code: x.invalid_string, message: r.message, }), t.dirty()); else if (r.kind === "ulid") G2.test(e.data) || ((n = this._getOrReturnCtx(e, n)), T(n, { validation: "ulid", code: x.invalid_string, message: r.message, }), t.dirty()); else if (r.kind === "url") try { new URL(e.data); } catch { ((n = this._getOrReturnCtx(e, n)), T(n, { validation: "url", code: x.invalid_string, message: r.message, }), t.dirty()); } else r.kind === "regex" ? ((r.regex.lastIndex = 0), r.regex.test(e.data) || ((n = this._getOrReturnCtx(e, n)), T(n, { validation: "regex", code: x.invalid_string, message: r.message, }), t.dirty())) : r.kind === "trim" ? (e.data = e.data.trim()) : r.kind === "includes" ? e.data.includes(r.value, r.position) || ((n = this._getOrReturnCtx(e, n)), T(n, { code: x.invalid_string, validation: { includes: r.value, position: r.position }, message: r.message, }), t.dirty()) : r.kind === "toLowerCase" ? (e.data = e.data.toLowerCase()) : r.kind === "toUpperCase" ? (e.data = e.data.toUpperCase()) : r.kind === "startsWith" ? e.data.startsWith(r.value) || ((n = this._getOrReturnCtx(e, n)), T(n, { code: x.invalid_string, validation: { startsWith: r.value }, message: r.message, }), t.dirty()) : r.kind === "endsWith" ? e.data.endsWith(r.value) || ((n = this._getOrReturnCtx(e, n)), T(n, { code: x.invalid_string, validation: { endsWith: r.value }, message: r.message, }), t.dirty()) : r.kind === "datetime" ? em(r).test(e.data) || ((n = this._getOrReturnCtx(e, n)), T(n, { code: x.invalid_string, validation: "datetime", message: r.message, }), t.dirty()) : r.kind === "ip" ? tm(e.data, r.version) || ((n = this._getOrReturnCtx(e, n)), T(n, { validation: "ip", code: x.invalid_string, message: r.message, }), t.dirty()) : ae.assertNever(r); return { status: t.value, value: e.data }; } _regex(e, t, n) { return this.refinement((r) => e.test(r), { validation: t, code: x.invalid_string, ...R.errToObj(n), }); } _addCheck(e) { return new lt({ ...this._def, checks: [...this._def.checks, e] }); } email(e) { return this._addCheck({ kind: "email", ...R.errToObj(e) }); } url(e) { return this._addCheck({ kind: "url", ...R.errToObj(e) }); } emoji(e) { return this._addCheck({ kind: "emoji", ...R.errToObj(e) }); } uuid(e) { return this._addCheck({ kind: "uuid", ...R.errToObj(e) }); } cuid(e) { return this._addCheck({ kind: "cuid", ...R.errToObj(e) }); } cuid2(e) { return this._addCheck({ kind: "cuid2", ...R.errToObj(e) }); } ulid(e) { return this._addCheck({ kind: "ulid", ...R.errToObj(e) }); } ip(e) { return this._addCheck({ kind: "ip", ...R.errToObj(e) }); } datetime(e) { var t; return typeof e == "string" ? this._addCheck({ kind: "datetime", precision: null, offset: !1, message: e, }) : this._addCheck({ kind: "datetime", precision: typeof e?.precision > "u" ? null : e?.precision, offset: (t = e?.offset) !== null && t !== void 0 ? t : !1, ...R.errToObj(e?.message), }); } regex(e, t) { return this._addCheck({ kind: "regex", regex: e, ...R.errToObj(t) }); } includes(e, t) { return this._addCheck({ kind: "includes", value: e, position: t?.position, ...R.errToObj(t?.message), }); } startsWith(e, t) { return this._addCheck({ kind: "startsWith", value: e, ...R.errToObj(t), }); } endsWith(e, t) { return this._addCheck({ kind: "endsWith", value: e, ...R.errToObj(t) }); } min(e, t) { return this._addCheck({ kind: "min", value: e, ...R.errToObj(t) }); } max(e, t) { return this._addCheck({ kind: "max", value: e, ...R.errToObj(t) }); } length(e, t) { return this._addCheck({ kind: "length", value: e, ...R.errToObj(t) }); } nonempty(e) { return this.min(1, R.errToObj(e)); } trim() { return new lt({ ...this._def, checks: [...this._def.checks, { kind: "trim" }], }); } toLowerCase() { return new lt({ ...this._def, checks: [...this._def.checks, { kind: "toLowerCase" }], }); } toUpperCase() { return new lt({ ...this._def, checks: [...this._def.checks, { kind: "toUpperCase" }], }); } get isDatetime() { return !!this._def.checks.find((e) => e.kind === "datetime"); } get isEmail() { return !!this._def.checks.find((e) => e.kind === "email"); } get isURL() { return !!this._def.checks.find((e) => e.kind === "url"); } get isEmoji() { return !!this._def.checks.find((e) => e.kind === "emoji"); } get isUUID() { return !!this._def.checks.find((e) => e.kind === "uuid"); } get isCUID() { return !!this._def.checks.find((e) => e.kind === "cuid"); } get isCUID2() { return !!this._def.checks.find((e) => e.kind === "cuid2"); } get isULID() { return !!this._def.checks.find((e) => e.kind === "ulid"); } get isIP() { return !!this._def.checks.find((e) => e.kind === "ip"); } get minLength() { let e = null; for (let t of this._def.checks) t.kind === "min" && (e === null || t.value > e) && (e = t.value); return e; } get maxLength() { let e = null; for (let t of this._def.checks) t.kind === "max" && (e === null || t.value < e) && (e = t.value); return e; } }; lt.create = (e) => { var t; return new lt({ checks: [], typeName: H.ZodString, coerce: (t = e?.coerce) !== null && t !== void 0 ? t : !1, ...$(e), }); }; function nm(e, t) { let n = (e.toString().split(".")[1] || "").length, r = (t.toString().split(".")[1] || "").length, i = n > r ? n : r, l = parseInt(e.toFixed(i).replace(".", "")), o = parseInt(t.toFixed(i).replace(".", "")); return (l % o) / Math.pow(10, i); } var Ht = class extends Y { constructor() { (super(...arguments), (this.min = this.gte), (this.max = this.lte), (this.step = this.multipleOf)); } _parse(e) { if ( (this._def.coerce && (e.data = Number(e.data)), this._getType(e) !== F.number) ) { let r = this._getOrReturnCtx(e); return ( T(r, { code: x.invalid_type, expected: F.number, received: r.parsedType, }), z ); } let t, n = new Fe(); for (let r of this._def.checks) r.kind === "int" ? ae.isInteger(e.data) || ((t = this._getOrReturnCtx(e, t)), T(t, { code: x.invalid_type, expected: "integer", received: "float", message: r.message, }), n.dirty()) : r.kind === "min" ? (r.inclusive ? e.data < r.value : e.data <= r.value) && ((t = this._getOrReturnCtx(e, t)), T(t, { code: x.too_small, minimum: r.value, type: "number", inclusive: r.inclusive, exact: !1, message: r.message, }), n.dirty()) : r.kind === "max" ? (r.inclusive ? e.data > r.value : e.data >= r.value) && ((t = this._getOrReturnCtx(e, t)), T(t, { code: x.too_big, maximum: r.value, type: "number", inclusive: r.inclusive, exact: !1, message: r.message, }), n.dirty()) : r.kind === "multipleOf" ? nm(e.data, r.value) !== 0 && ((t = this._getOrReturnCtx(e, t)), T(t, { code: x.not_multiple_of, multipleOf: r.value, message: r.message, }), n.dirty()) : r.kind === "finite" ? Number.isFinite(e.data) || ((t = this._getOrReturnCtx(e, t)), T(t, { code: x.not_finite, message: r.message }), n.dirty()) : ae.assertNever(r); return { status: n.value, value: e.data }; } gte(e, t) { return this.setLimit("min", e, !0, R.toString(t)); } gt(e, t) { return this.setLimit("min", e, !1, R.toString(t)); } lte(e, t) { return this.setLimit("max", e, !0, R.toString(t)); } lt(e, t) { return this.setLimit("max", e, !1, R.toString(t)); } setLimit(e, t, n, r) { return new Ht({ ...this._def, checks: [ ...this._def.checks, { kind: e, value: t, inclusive: n, message: R.toString(r) }, ], }); } _addCheck(e) { return new Ht({ ...this._def, checks: [...this._def.checks, e] }); } int(e) { return this._addCheck({ kind: "int", message: R.toString(e) }); } positive(e) { return this._addCheck({ kind: "min", value: 0, inclusive: !1, message: R.toString(e), }); } negative(e) { return this._addCheck({ kind: "max", value: 0, inclusive: !1, message: R.toString(e), }); } nonpositive(e) { return this._addCheck({ kind: "max", value: 0, inclusive: !0, message: R.toString(e), }); } nonnegative(e) { return this._addCheck({ kind: "min", value: 0, inclusive: !0, message: R.toString(e), }); } multipleOf(e, t) { return this._addCheck({ kind: "multipleOf", value: e, message: R.toString(t), }); } finite(e) { return this._addCheck({ kind: "finite", message: R.toString(e) }); } safe(e) { return this._addCheck({ kind: "min", inclusive: !0, value: Number.MIN_SAFE_INTEGER, message: R.toString(e), })._addCheck({ kind: "max", inclusive: !0, value: Number.MAX_SAFE_INTEGER, message: R.toString(e), }); } get minValue() { let e = null; for (let t of this._def.checks) t.kind === "min" && (e === null || t.value > e) && (e = t.value); return e; } get maxValue() { let e = null; for (let t of this._def.checks) t.kind === "max" && (e === null || t.value < e) && (e = t.value); return e; } get isInt() { return !!this._def.checks.find( (e) => e.kind === "int" || (e.kind === "multipleOf" && ae.isInteger(e.value)), ); } get isFinite() { let e = null, t = null; for (let n of this._def.checks) { if ( n.kind === "finite" || n.kind === "int" || n.kind === "multipleOf" ) return !0; n.kind === "min" ? (t === null || n.value > t) && (t = n.value) : n.kind === "max" && (e === null || n.value < e) && (e = n.value); } return Number.isFinite(t) && Number.isFinite(e); } }; Ht.create = (e) => new Ht({ checks: [], typeName: H.ZodNumber, coerce: e?.coerce || !1, ...$(e), }); var jt = class extends Y { constructor() { (super(...arguments), (this.min = this.gte), (this.max = this.lte)); } _parse(e) { if ( (this._def.coerce && (e.data = BigInt(e.data)), this._getType(e) !== F.bigint) ) { let r = this._getOrReturnCtx(e); return ( T(r, { code: x.invalid_type, expected: F.bigint, received: r.parsedType, }), z ); } let t, n = new Fe(); for (let r of this._def.checks) r.kind === "min" ? (r.inclusive ? e.data < r.value : e.data <= r.value) && ((t = this._getOrReturnCtx(e, t)), T(t, { code: x.too_small, type: "bigint", minimum: r.value, inclusive: r.inclusive, message: r.message, }), n.dirty()) : r.kind === "max" ? (r.inclusive ? e.data > r.value : e.data >= r.value) && ((t = this._getOrReturnCtx(e, t)), T(t, { code: x.too_big, type: "bigint", maximum: r.value, inclusive: r.inclusive, message: r.message, }), n.dirty()) : r.kind === "multipleOf" ? e.data % r.value !== BigInt(0) && ((t = this._getOrReturnCtx(e, t)), T(t, { code: x.not_multiple_of, multipleOf: r.value, message: r.message, }), n.dirty()) : ae.assertNever(r); return { status: n.value, value: e.data }; } gte(e, t) { return this.setLimit("min", e, !0, R.toString(t)); } gt(e, t) { return this.setLimit("min", e, !1, R.toString(t)); } lte(e, t) { return this.setLimit("max", e, !0, R.toString(t)); } lt(e, t) { return this.setLimit("max", e, !1, R.toString(t)); } setLimit(e, t, n, r) { return new jt({ ...this._def, checks: [ ...this._def.checks, { kind: e, value: t, inclusive: n, message: R.toString(r) }, ], }); } _addCheck(e) { return new jt({ ...this._def, checks: [...this._def.checks, e] }); } positive(e) { return this._addCheck({ kind: "min", value: BigInt(0), inclusive: !1, message: R.toString(e), }); } negative(e) { return this._addCheck({ kind: "max", value: BigInt(0), inclusive: !1, message: R.toString(e), }); } nonpositive(e) { return this._addCheck({ kind: "max", value: BigInt(0), inclusive: !0, message: R.toString(e), }); } nonnegative(e) { return this._addCheck({ kind: "min", value: BigInt(0), inclusive: !0, message: R.toString(e), }); } multipleOf(e, t) { return this._addCheck({ kind: "multipleOf", value: e, message: R.toString(t), }); } get minValue() { let e = null; for (let t of this._def.checks) t.kind === "min" && (e === null || t.value > e) && (e = t.value); return e; } get maxValue() { let e = null; for (let t of this._def.checks) t.kind === "max" && (e === null || t.value < e) && (e = t.value); return e; } }; jt.create = (e) => { var t; return new jt({ checks: [], typeName: H.ZodBigInt, coerce: (t = e?.coerce) !== null && t !== void 0 ? t : !1, ...$(e), }); }; var Jn = class extends Y { _parse(e) { if ( (this._def.coerce && (e.data = !!e.data), this._getType(e) !== F.boolean) ) { let t = this._getOrReturnCtx(e); return ( T(t, { code: x.invalid_type, expected: F.boolean, received: t.parsedType, }), z ); } return Ae(e.data); } }; Jn.create = (e) => new Jn({ typeName: H.ZodBoolean, coerce: e?.coerce || !1, ...$(e) }); var cn = class extends Y { _parse(e) { if ( (this._def.coerce && (e.data = new Date(e.data)), this._getType(e) !== F.date) ) { let r = this._getOrReturnCtx(e); return ( T(r, { code: x.invalid_type, expected: F.date, received: r.parsedType, }), z ); } if (isNaN(e.data.getTime())) { let r = this._getOrReturnCtx(e); return (T(r, { code: x.invalid_date }), z); } let t = new Fe(), n; for (let r of this._def.checks) r.kind === "min" ? e.data.getTime() < r.value && ((n = this._getOrReturnCtx(e, n)), T(n, { code: x.too_small, message: r.message, inclusive: !0, exact: !1, minimum: r.value, type: "date", }), t.dirty()) : r.kind === "max" ? e.data.getTime() > r.value && ((n = this._getOrReturnCtx(e, n)), T(n, { code: x.too_big, message: r.message, inclusive: !0, exact: !1, maximum: r.value, type: "date", }), t.dirty()) : ae.assertNever(r); return { status: t.value, value: new Date(e.data.getTime()) }; } _addCheck(e) { return new cn({ ...this._def, checks: [...this._def.checks, e] }); } min(e, t) { return this._addCheck({ kind: "min", value: e.getTime(), message: R.toString(t), }); } max(e, t) { return this._addCheck({ kind: "max", value: e.getTime(), message: R.toString(t), }); } get minDate() { let e = null; for (let t of this._def.checks) t.kind === "min" && (e === null || t.value > e) && (e = t.value); return e != null ? new Date(e) : null; } get maxDate() { let e = null; for (let t of this._def.checks) t.kind === "max" && (e === null || t.value < e) && (e = t.value); return e != null ? new Date(e) : null; } }; cn.create = (e) => new cn({ checks: [], coerce: e?.coerce || !1, typeName: H.ZodDate, ...$(e), }); var Xa = class extends Y { _parse(e) { if (this._getType(e) !== F.symbol) { let t = this._getOrReturnCtx(e); return ( T(t, { code: x.invalid_type, expected: F.symbol, received: t.parsedType, }), z ); } return Ae(e.data); } }; Xa.create = (e) => new Xa({ typeName: H.ZodSymbol, ...$(e) }); var Qn = class extends Y { _parse(e) { if (this._getType(e) !== F.undefined) { let t = this._getOrReturnCtx(e); return ( T(t, { code: x.invalid_type, expected: F.undefined, received: t.parsedType, }), z ); } return Ae(e.data); } }; Qn.create = (e) => new Qn({ typeName: H.ZodUndefined, ...$(e) }); var Xn = class extends Y { _parse(e) { if (this._getType(e) !== F.null) { let t = this._getOrReturnCtx(e); return ( T(t, { code: x.invalid_type, expected: F.null, received: t.parsedType, }), z ); } return Ae(e.data); } }; Xn.create = (e) => new Xn({ typeName: H.ZodNull, ...$(e) }); var un = class extends Y { constructor() { (super(...arguments), (this._any = !0)); } _parse(e) { return Ae(e.data); } }; un.create = (e) => new un({ typeName: H.ZodAny, ...$(e) }); var Vt = class extends Y { constructor() { (super(...arguments), (this._unknown = !0)); } _parse(e) { return Ae(e.data); } }; Vt.create = (e) => new Vt({ typeName: H.ZodUnknown, ...$(e) }); var Et = class extends Y { _parse(e) { let t = this._getOrReturnCtx(e); return ( T(t, { code: x.invalid_type, expected: F.never, received: t.parsedType, }), z ); } }; Et.create = (e) => new Et({ typeName: H.ZodNever, ...$(e) }); var er = class extends Y { _parse(e) { if (this._getType(e) !== F.undefined) { let t = this._getOrReturnCtx(e); return ( T(t, { code: x.invalid_type, expected: F.void, received: t.parsedType, }), z ); } return Ae(e.data); } }; er.create = (e) => new er({ typeName: H.ZodVoid, ...$(e) }); var ct = class extends Y { _parse(e) { let { ctx: t, status: n } = this._processInputParams(e), r = this._def; if (t.parsedType !== F.array) return ( T(t, { code: x.invalid_type, expected: F.array, received: t.parsedType, }), z ); if (r.exactLength !== null) { let l = t.data.length > r.exactLength.value, o = t.data.length < r.exactLength.value; (l || o) && (T(t, { code: l ? x.too_big : x.too_small, minimum: o ? r.exactLength.value : void 0, maximum: l ? r.exactLength.value : void 0, type: "array", inclusive: !0, exact: !0, message: r.exactLength.message, }), n.dirty()); } if ( (r.minLength !== null && t.data.length < r.minLength.value && (T(t, { code: x.too_small, minimum: r.minLength.value, type: "array", inclusive: !0, exact: !1, message: r.minLength.message, }), n.dirty()), r.maxLength !== null && t.data.length > r.maxLength.value && (T(t, { code: x.too_big, maximum: r.maxLength.value, type: "array", inclusive: !0, exact: !1, message: r.maxLength.message, }), n.dirty()), t.common.async) ) return Promise.all( [...t.data].map((l, o) => r.type._parseAsync(new mt(t, l, t.path, o)), ), ).then((l) => Fe.mergeArray(n, l)); let i = [...t.data].map((l, o) => r.type._parseSync(new mt(t, l, t.path, o)), ); return Fe.mergeArray(n, i); } get element() { return this._def.type; } min(e, t) { return new ct({ ...this._def, minLength: { value: e, message: R.toString(t) }, }); } max(e, t) { return new ct({ ...this._def, maxLength: { value: e, message: R.toString(t) }, }); } length(e, t) { return new ct({ ...this._def, exactLength: { value: e, message: R.toString(t) }, }); } nonempty(e) { return this.min(1, e); } }; ct.create = (e, t) => new ct({ type: e, minLength: null, maxLength: null, exactLength: null, typeName: H.ZodArray, ...$(t), }); function Xt(e) { if (e instanceof he) { let t = {}; for (let n in e.shape) { let r = e.shape[n]; t[n] = yt.create(Xt(r)); } return new he({ ...e._def, shape: () => t }); } else return e instanceof ct ? new ct({ ...e._def, type: Xt(e.element) }) : e instanceof yt ? yt.create(Xt(e.unwrap())) : e instanceof zt ? zt.create(Xt(e.unwrap())) : e instanceof kt ? kt.create(e.items.map((t) => Xt(t))) : e; } var he = class extends Y { constructor() { (super(...arguments), (this._cached = null), (this.nonstrict = this.passthrough), (this.augment = this.extend)); } _getCached() { if (this._cached !== null) return this._cached; let e = this._def.shape(), t = ae.objectKeys(e); return (this._cached = { shape: e, keys: t }); } _parse(e) { if (this._getType(e) !== F.object) { let s = this._getOrReturnCtx(e); return ( T(s, { code: x.invalid_type, expected: F.object, received: s.parsedType, }), z ); } let { status: t, ctx: n } = this._processInputParams(e), { shape: r, keys: i } = this._getCached(), l = []; if ( !( this._def.catchall instanceof Et && this._def.unknownKeys === "strip" ) ) for (let s in n.data) i.includes(s) || l.push(s); let o = []; for (let s of i) { let d = r[s], c = n.data[s]; o.push({ key: { status: "valid", value: s }, value: d._parse(new mt(n, c, n.path, s)), alwaysSet: s in n.data, }); } if (this._def.catchall instanceof Et) { let s = this._def.unknownKeys; if (s === "passthrough") for (let d of l) o.push({ key: { status: "valid", value: d }, value: { status: "valid", value: n.data[d] }, }); else if (s === "strict") l.length > 0 && (T(n, { code: x.unrecognized_keys, keys: l }), t.dirty()); else if (s !== "strip") throw new Error( "Internal ZodObject error: invalid unknownKeys value.", ); } else { let s = this._def.catchall; for (let d of l) { let c = n.data[d]; o.push({ key: { status: "valid", value: d }, value: s._parse(new mt(n, c, n.path, d)), alwaysSet: d in n.data, }); } } return n.common.async ? Promise.resolve() .then(async () => { let s = []; for (let d of o) { let c = await d.key; s.push({ key: c, value: await d.value, alwaysSet: d.alwaysSet, }); } return s; }) .then((s) => Fe.mergeObjectSync(t, s)) : Fe.mergeObjectSync(t, o); } get shape() { return this._def.shape(); } strict(e) { return ( R.errToObj, new he({ ...this._def, unknownKeys: "strict", ...(e !== void 0 ? { errorMap: (t, n) => { var r, i, l, o; let s = (l = (i = (r = this._def).errorMap) === null || i === void 0 ? void 0 : i.call(r, t, n).message) !== null && l !== void 0 ? l : n.defaultError; return t.code === "unrecognized_keys" ? { message: (o = R.errToObj(e).message) !== null && o !== void 0 ? o : s, } : { message: s }; }, } : {}), }) ); } strip() { return new he({ ...this._def, unknownKeys: "strip" }); } passthrough() { return new he({ ...this._def, unknownKeys: "passthrough" }); } extend(e) { return new he({ ...this._def, shape: () => ({ ...this._def.shape(), ...e }), }); } merge(e) { return new he({ unknownKeys: e._def.unknownKeys, catchall: e._def.catchall, shape: () => ({ ...this._def.shape(), ...e._def.shape() }), typeName: H.ZodObject, }); } setKey(e, t) { return this.augment({ [e]: t }); } catchall(e) { return new he({ ...this._def, catchall: e }); } pick(e) { let t = {}; return ( ae.objectKeys(e).forEach((n) => { e[n] && this.shape[n] && (t[n] = this.shape[n]); }), new he({ ...this._def, shape: () => t }) ); } omit(e) { let t = {}; return ( ae.objectKeys(this.shape).forEach((n) => { e[n] || (t[n] = this.shape[n]); }), new he({ ...this._def, shape: () => t }) ); } deepPartial() { return Xt(this); } partial(e) { let t = {}; return ( ae.objectKeys(this.shape).forEach((n) => { let r = this.shape[n]; e && !e[n] ? (t[n] = r) : (t[n] = r.optional()); }), new he({ ...this._def, shape: () => t }) ); } required(e) { let t = {}; return ( ae.objectKeys(this.shape).forEach((n) => { if (e && !e[n]) t[n] = this.shape[n]; else { let r = this.shape[n]; for (; r instanceof yt; ) r = r._def.innerType; t[n] = r; } }), new he({ ...this._def, shape: () => t }) ); } keyof() { return Ds(ae.objectKeys(this.shape)); } }; he.create = (e, t) => new he({ shape: () => e, unknownKeys: "strip", catchall: Et.create(), typeName: H.ZodObject, ...$(t), }); he.strictCreate = (e, t) => new he({ shape: () => e, unknownKeys: "strict", catchall: Et.create(), typeName: H.ZodObject, ...$(t), }); he.lazycreate = (e, t) => new he({ shape: e, unknownKeys: "strip", catchall: Et.create(), typeName: H.ZodObject, ...$(t), }); var ea = class extends Y { _parse(e) { let { ctx: t } = this._processInputParams(e), n = this._def.options; function r(i) { for (let o of i) if (o.result.status === "valid") return o.result; for (let o of i) if (o.result.status === "dirty") return (t.common.issues.push(...o.ctx.common.issues), o.result); let l = i.map((o) => new Ye(o.ctx.common.issues)); return (T(t, { code: x.invalid_union, unionErrors: l }), z); } if (t.common.async) return Promise.all( n.map(async (i) => { let l = { ...t, common: { ...t.common, issues: [] }, parent: null, }; return { result: await i._parseAsync({ data: t.data, path: t.path, parent: l, }), ctx: l, }; }), ).then(r); { let i, l = []; for (let s of n) { let d = { ...t, common: { ...t.common, issues: [] }, parent: null }, c = s._parseSync({ data: t.data, path: t.path, parent: d }); if (c.status === "valid") return c; (c.status === "dirty" && !i && (i = { result: c, ctx: d }), d.common.issues.length && l.push(d.common.issues)); } if (i) return (t.common.issues.push(...i.ctx.common.issues), i.result); let o = l.map((s) => new Ye(s)); return (T(t, { code: x.invalid_union, unionErrors: o }), z); } } get options() { return this._def.options; } }; ea.create = (e, t) => new ea({ options: e, typeName: H.ZodUnion, ...$(t) }); var Ba = (e) => e instanceof na ? Ba(e.schema) : e instanceof Ke ? Ba(e.innerType()) : e instanceof aa ? [e.value] : e instanceof Dt ? e.options : e instanceof ra ? Object.keys(e.enum) : e instanceof ia ? Ba(e._def.innerType) : e instanceof Qn ? [void 0] : e instanceof Xn ? [null] : null, cl = class extends Y { _parse(e) { let { ctx: t } = this._processInputParams(e); if (t.parsedType !== F.object) return ( T(t, { code: x.invalid_type, expected: F.object, received: t.parsedType, }), z ); let n = this.discriminator, r = t.data[n], i = this.optionsMap.get(r); return i ? t.common.async ? i._parseAsync({ data: t.data, path: t.path, parent: t }) : i._parseSync({ data: t.data, path: t.path, parent: t }) : (T(t, { code: x.invalid_union_discriminator, options: Array.from(this.optionsMap.keys()), path: [n], }), z); } get discriminator() { return this._def.discriminator; } get options() { return this._def.options; } get optionsMap() { return this._def.optionsMap; } static create(e, t, n) { let r = new Map(); for (let i of t) { let l = Ba(i.shape[e]); if (!l) throw new Error( `A discriminator value for key \`${e}\` could not be extracted from all schema options`, ); for (let o of l) { if (r.has(o)) throw new Error( `Discriminator property ${String(e)} has duplicate value ${String(o)}`, ); r.set(o, i); } } return new cl({ typeName: H.ZodDiscriminatedUnion, discriminator: e, options: t, optionsMap: r, ...$(n), }); } }; function Oi(e, t) { let n = St(e), r = St(t); if (e === t) return { valid: !0, data: e }; if (n === F.object && r === F.object) { let i = ae.objectKeys(t), l = ae.objectKeys(e).filter((s) => i.indexOf(s) !== -1), o = { ...e, ...t }; for (let s of l) { let d = Oi(e[s], t[s]); if (!d.valid) return { valid: !1 }; o[s] = d.data; } return { valid: !0, data: o }; } else if (n === F.array && r === F.array) { if (e.length !== t.length) return { valid: !1 }; let i = []; for (let l = 0; l < e.length; l++) { let o = e[l], s = t[l], d = Oi(o, s); if (!d.valid) return { valid: !1 }; i.push(d.data); } return { valid: !0, data: i }; } else return n === F.date && r === F.date && +e == +t ? { valid: !0, data: e } : { valid: !1 }; } var ta = class extends Y { _parse(e) { let { status: t, ctx: n } = this._processInputParams(e), r = (i, l) => { if (Ti(i) || Ti(l)) return z; let o = Oi(i.value, l.value); return o.valid ? ((Zi(i) || Zi(l)) && t.dirty(), { status: t.value, value: o.data }) : (T(n, { code: x.invalid_intersection_types }), z); }; return n.common.async ? Promise.all([ this._def.left._parseAsync({ data: n.data, path: n.path, parent: n, }), this._def.right._parseAsync({ data: n.data, path: n.path, parent: n, }), ]).then(([i, l]) => r(i, l)) : r( this._def.left._parseSync({ data: n.data, path: n.path, parent: n, }), this._def.right._parseSync({ data: n.data, path: n.path, parent: n, }), ); } }; ta.create = (e, t, n) => new ta({ left: e, right: t, typeName: H.ZodIntersection, ...$(n) }); var kt = class extends Y { _parse(e) { let { status: t, ctx: n } = this._processInputParams(e); if (n.parsedType !== F.array) return ( T(n, { code: x.invalid_type, expected: F.array, received: n.parsedType, }), z ); if (n.data.length < this._def.items.length) return ( T(n, { code: x.too_small, minimum: this._def.items.length, inclusive: !0, exact: !1, type: "array", }), z ); !this._def.rest && n.data.length > this._def.items.length && (T(n, { code: x.too_big, maximum: this._def.items.length, inclusive: !0, exact: !1, type: "array", }), t.dirty()); let r = [...n.data] .map((i, l) => { let o = this._def.items[l] || this._def.rest; return o ? o._parse(new mt(n, i, n.path, l)) : null; }) .filter((i) => !!i); return n.common.async ? Promise.all(r).then((i) => Fe.mergeArray(t, i)) : Fe.mergeArray(t, r); } get items() { return this._def.items; } rest(e) { return new kt({ ...this._def, rest: e }); } }; kt.create = (e, t) => { if (!Array.isArray(e)) throw new Error( "You must pass an array of schemas to z.tuple([ ... ])", ); return new kt({ items: e, typeName: H.ZodTuple, rest: null, ...$(t) }); }; var tr = class extends Y { get keySchema() { return this._def.keyType; } get valueSchema() { return this._def.valueType; } _parse(e) { let { status: t, ctx: n } = this._processInputParams(e); if (n.parsedType !== F.object) return ( T(n, { code: x.invalid_type, expected: F.object, received: n.parsedType, }), z ); let r = [], i = this._def.keyType, l = this._def.valueType; for (let o in n.data) r.push({ key: i._parse(new mt(n, o, n.path, o)), value: l._parse(new mt(n, n.data[o], n.path, o)), }); return n.common.async ? Fe.mergeObjectAsync(t, r) : Fe.mergeObjectSync(t, r); } get element() { return this._def.valueType; } static create(e, t, n) { return t instanceof Y ? new tr({ keyType: e, valueType: t, typeName: H.ZodRecord, ...$(n), }) : new tr({ keyType: lt.create(), valueType: e, typeName: H.ZodRecord, ...$(t), }); } }, nr = class extends Y { get keySchema() { return this._def.keyType; } get valueSchema() { return this._def.valueType; } _parse(e) { let { status: t, ctx: n } = this._processInputParams(e); if (n.parsedType !== F.map) return ( T(n, { code: x.invalid_type, expected: F.map, received: n.parsedType, }), z ); let r = this._def.keyType, i = this._def.valueType, l = [...n.data.entries()].map(([o, s], d) => ({ key: r._parse(new mt(n, o, n.path, [d, "key"])), value: i._parse(new mt(n, s, n.path, [d, "value"])), })); if (n.common.async) { let o = new Map(); return Promise.resolve().then(async () => { for (let s of l) { let d = await s.key, c = await s.value; if (d.status === "aborted" || c.status === "aborted") return z; ((d.status === "dirty" || c.status === "dirty") && t.dirty(), o.set(d.value, c.value)); } return { status: t.value, value: o }; }); } else { let o = new Map(); for (let s of l) { let d = s.key, c = s.value; if (d.status === "aborted" || c.status === "aborted") return z; ((d.status === "dirty" || c.status === "dirty") && t.dirty(), o.set(d.value, c.value)); } return { status: t.value, value: o }; } } }; nr.create = (e, t, n) => new nr({ valueType: t, keyType: e, typeName: H.ZodMap, ...$(n) }); var mn = class extends Y { _parse(e) { let { status: t, ctx: n } = this._processInputParams(e); if (n.parsedType !== F.set) return ( T(n, { code: x.invalid_type, expected: F.set, received: n.parsedType, }), z ); let r = this._def; (r.minSize !== null && n.data.size < r.minSize.value && (T(n, { code: x.too_small, minimum: r.minSize.value, type: "set", inclusive: !0, exact: !1, message: r.minSize.message, }), t.dirty()), r.maxSize !== null && n.data.size > r.maxSize.value && (T(n, { code: x.too_big, maximum: r.maxSize.value, type: "set", inclusive: !0, exact: !1, message: r.maxSize.message, }), t.dirty())); let i = this._def.valueType; function l(s) { let d = new Set(); for (let c of s) { if (c.status === "aborted") return z; (c.status === "dirty" && t.dirty(), d.add(c.value)); } return { status: t.value, value: d }; } let o = [...n.data.values()].map((s, d) => i._parse(new mt(n, s, n.path, d)), ); return n.common.async ? Promise.all(o).then((s) => l(s)) : l(o); } min(e, t) { return new mn({ ...this._def, minSize: { value: e, message: R.toString(t) }, }); } max(e, t) { return new mn({ ...this._def, maxSize: { value: e, message: R.toString(t) }, }); } size(e, t) { return this.min(e, t).max(e, t); } nonempty(e) { return this.min(1, e); } }; mn.create = (e, t) => new mn({ valueType: e, minSize: null, maxSize: null, typeName: H.ZodSet, ...$(t), }); var zn = class extends Y { constructor() { (super(...arguments), (this.validate = this.implement)); } _parse(e) { let { ctx: t } = this._processInputParams(e); if (t.parsedType !== F.function) return ( T(t, { code: x.invalid_type, expected: F.function, received: t.parsedType, }), z ); function n(o, s) { return Ja({ data: o, path: t.path, errorMaps: [ t.common.contextualErrorMap, t.schemaErrorMap, Ka(), Yn, ].filter((d) => !!d), issueData: { code: x.invalid_arguments, argumentsError: s }, }); } function r(o, s) { return Ja({ data: o, path: t.path, errorMaps: [ t.common.contextualErrorMap, t.schemaErrorMap, Ka(), Yn, ].filter((d) => !!d), issueData: { code: x.invalid_return_type, returnTypeError: s }, }); } let i = { errorMap: t.common.contextualErrorMap }, l = t.data; if (this._def.returns instanceof pn) { let o = this; return Ae(async function (...s) { let d = new Ye([]), c = await o._def.args.parseAsync(s, i).catch((m) => { throw (d.addIssue(n(s, m)), d); }), u = await Reflect.apply(l, this, c); return await o._def.returns._def.type .parseAsync(u, i) .catch((m) => { throw (d.addIssue(r(u, m)), d); }); }); } else { let o = this; return Ae(function (...s) { let d = o._def.args.safeParse(s, i); if (!d.success) throw new Ye([n(s, d.error)]); let c = Reflect.apply(l, this, d.data), u = o._def.returns.safeParse(c, i); if (!u.success) throw new Ye([r(c, u.error)]); return u.data; }); } } parameters() { return this._def.args; } returnType() { return this._def.returns; } args(...e) { return new zn({ ...this._def, args: kt.create(e).rest(Vt.create()) }); } returns(e) { return new zn({ ...this._def, returns: e }); } implement(e) { return this.parse(e); } strictImplement(e) { return this.parse(e); } static create(e, t, n) { return new zn({ args: e || kt.create([]).rest(Vt.create()), returns: t || Vt.create(), typeName: H.ZodFunction, ...$(n), }); } }, na = class extends Y { get schema() { return this._def.getter(); } _parse(e) { let { ctx: t } = this._processInputParams(e); return this._def .getter() ._parse({ data: t.data, path: t.path, parent: t }); } }; na.create = (e, t) => new na({ getter: e, typeName: H.ZodLazy, ...$(t) }); var aa = class extends Y { _parse(e) { if (e.data !== this._def.value) { let t = this._getOrReturnCtx(e); return ( T(t, { received: t.data, code: x.invalid_literal, expected: this._def.value, }), z ); } return { status: "valid", value: e.data }; } get value() { return this._def.value; } }; aa.create = (e, t) => new aa({ value: e, typeName: H.ZodLiteral, ...$(t) }); function Ds(e, t) { return new Dt({ values: e, typeName: H.ZodEnum, ...$(t) }); } var Dt = class extends Y { _parse(e) { if (typeof e.data != "string") { let t = this._getOrReturnCtx(e), n = this._def.values; return ( T(t, { expected: ae.joinValues(n), received: t.parsedType, code: x.invalid_type, }), z ); } if (this._def.values.indexOf(e.data) === -1) { let t = this._getOrReturnCtx(e), n = this._def.values; return ( T(t, { received: t.data, code: x.invalid_enum_value, options: n }), z ); } return Ae(e.data); } get options() { return this._def.values; } get enum() { let e = {}; for (let t of this._def.values) e[t] = t; return e; } get Values() { let e = {}; for (let t of this._def.values) e[t] = t; return e; } get Enum() { let e = {}; for (let t of this._def.values) e[t] = t; return e; } extract(e) { return Dt.create(e); } exclude(e) { return Dt.create(this.options.filter((t) => !e.includes(t))); } }; Dt.create = Ds; var ra = class extends Y { _parse(e) { let t = ae.getValidEnumValues(this._def.values), n = this._getOrReturnCtx(e); if (n.parsedType !== F.string && n.parsedType !== F.number) { let r = ae.objectValues(t); return ( T(n, { expected: ae.joinValues(r), received: n.parsedType, code: x.invalid_type, }), z ); } if (t.indexOf(e.data) === -1) { let r = ae.objectValues(t); return ( T(n, { received: n.data, code: x.invalid_enum_value, options: r }), z ); } return Ae(e.data); } get enum() { return this._def.values; } }; ra.create = (e, t) => new ra({ values: e, typeName: H.ZodNativeEnum, ...$(t) }); var pn = class extends Y { unwrap() { return this._def.type; } _parse(e) { let { ctx: t } = this._processInputParams(e); if (t.parsedType !== F.promise && t.common.async === !1) return ( T(t, { code: x.invalid_type, expected: F.promise, received: t.parsedType, }), z ); let n = t.parsedType === F.promise ? t.data : Promise.resolve(t.data); return Ae( n.then((r) => this._def.type.parseAsync(r, { path: t.path, errorMap: t.common.contextualErrorMap, }), ), ); } }; pn.create = (e, t) => new pn({ type: e, typeName: H.ZodPromise, ...$(t) }); var Ke = class extends Y { innerType() { return this._def.schema; } sourceType() { return this._def.schema._def.typeName === H.ZodEffects ? this._def.schema.sourceType() : this._def.schema; } _parse(e) { let { status: t, ctx: n } = this._processInputParams(e), r = this._def.effect || null, i = { addIssue: (l) => { (T(n, l), l.fatal ? t.abort() : t.dirty()); }, get path() { return n.path; }, }; if (((i.addIssue = i.addIssue.bind(i)), r.type === "preprocess")) { let l = r.transform(n.data, i); return n.common.issues.length ? { status: "dirty", value: n.data } : n.common.async ? Promise.resolve(l).then((o) => this._def.schema._parseAsync({ data: o, path: n.path, parent: n, }), ) : this._def.schema._parseSync({ data: l, path: n.path, parent: n, }); } if (r.type === "refinement") { let l = (o) => { let s = r.refinement(o, i); if (n.common.async) return Promise.resolve(s); if (s instanceof Promise) throw new Error( "Async refinement encountered during synchronous parse operation. Use .parseAsync instead.", ); return o; }; if (n.common.async === !1) { let o = this._def.schema._parseSync({ data: n.data, path: n.path, parent: n, }); return o.status === "aborted" ? z : (o.status === "dirty" && t.dirty(), l(o.value), { status: t.value, value: o.value }); } else return this._def.schema ._parseAsync({ data: n.data, path: n.path, parent: n }) .then((o) => o.status === "aborted" ? z : (o.status === "dirty" && t.dirty(), l(o.value).then(() => ({ status: t.value, value: o.value, }))), ); } if (r.type === "transform") if (n.common.async === !1) { let l = this._def.schema._parseSync({ data: n.data, path: n.path, parent: n, }); if (!Kn(l)) return l; let o = r.transform(l.value, i); if (o instanceof Promise) throw new Error( "Asynchronous transform encountered during synchronous parse operation. Use .parseAsync instead.", ); return { status: t.value, value: o }; } else return this._def.schema ._parseAsync({ data: n.data, path: n.path, parent: n }) .then((l) => Kn(l) ? Promise.resolve(r.transform(l.value, i)).then((o) => ({ status: t.value, value: o, })) : l, ); ae.assertNever(r); } }; Ke.create = (e, t, n) => new Ke({ schema: e, typeName: H.ZodEffects, effect: t, ...$(n) }); Ke.createWithPreprocess = (e, t, n) => new Ke({ schema: t, effect: { type: "preprocess", transform: e }, typeName: H.ZodEffects, ...$(n), }); var yt = class extends Y { _parse(e) { return this._getType(e) === F.undefined ? Ae(void 0) : this._def.innerType._parse(e); } unwrap() { return this._def.innerType; } }; yt.create = (e, t) => new yt({ innerType: e, typeName: H.ZodOptional, ...$(t) }); var zt = class extends Y { _parse(e) { return this._getType(e) === F.null ? Ae(null) : this._def.innerType._parse(e); } unwrap() { return this._def.innerType; } }; zt.create = (e, t) => new zt({ innerType: e, typeName: H.ZodNullable, ...$(t) }); var ia = class extends Y { _parse(e) { let { ctx: t } = this._processInputParams(e), n = t.data; return ( t.parsedType === F.undefined && (n = this._def.defaultValue()), this._def.innerType._parse({ data: n, path: t.path, parent: t }) ); } removeDefault() { return this._def.innerType; } }; ia.create = (e, t) => new ia({ innerType: e, typeName: H.ZodDefault, defaultValue: typeof t.default == "function" ? t.default : () => t.default, ...$(t), }); var ar = class extends Y { _parse(e) { let { ctx: t } = this._processInputParams(e), n = { ...t, common: { ...t.common, issues: [] } }, r = this._def.innerType._parse({ data: n.data, path: n.path, parent: { ...n }, }); return Qa(r) ? r.then((i) => ({ status: "valid", value: i.status === "valid" ? i.value : this._def.catchValue({ get error() { return new Ye(n.common.issues); }, input: n.data, }), })) : { status: "valid", value: r.status === "valid" ? r.value : this._def.catchValue({ get error() { return new Ye(n.common.issues); }, input: n.data, }), }; } removeCatch() { return this._def.innerType; } }; ar.create = (e, t) => new ar({ innerType: e, typeName: H.ZodCatch, catchValue: typeof t.catch == "function" ? t.catch : () => t.catch, ...$(t), }); var rr = class extends Y { _parse(e) { if (this._getType(e) !== F.nan) { let t = this._getOrReturnCtx(e); return ( T(t, { code: x.invalid_type, expected: F.nan, received: t.parsedType, }), z ); } return { status: "valid", value: e.data }; } }; rr.create = (e) => new rr({ typeName: H.ZodNaN, ...$(e) }); var am = Symbol("zod_brand"), zs = class extends Y { _parse(e) { let { ctx: t } = this._processInputParams(e), n = t.data; return this._def.type._parse({ data: n, path: t.path, parent: t }); } unwrap() { return this._def.type; } }, Cr = class extends Y { _parse(e) { let { status: t, ctx: n } = this._processInputParams(e); if (n.common.async) return (async () => { let r = await this._def.in._parseAsync({ data: n.data, path: n.path, parent: n, }); return r.status === "aborted" ? z : r.status === "dirty" ? (t.dirty(), js(r.value)) : this._def.out._parseAsync({ data: r.value, path: n.path, parent: n, }); })(); { let r = this._def.in._parseSync({ data: n.data, path: n.path, parent: n, }); return r.status === "aborted" ? z : r.status === "dirty" ? (t.dirty(), { status: "dirty", value: r.value }) : this._def.out._parseSync({ data: r.value, path: n.path, parent: n, }); } } static create(e, t) { return new Cr({ in: e, out: t, typeName: H.ZodPipeline }); } }, ir = class extends Y { _parse(e) { let t = this._def.innerType._parse(e); return (Kn(t) && (t.value = Object.freeze(t.value)), t); } }; ir.create = (e, t) => new ir({ innerType: e, typeName: H.ZodReadonly, ...$(t) }); var Us = (e, t = {}, n) => e ? un.create().superRefine((r, i) => { var l, o; if (!e(r)) { let s = typeof t == "function" ? t(r) : typeof t == "string" ? { message: t } : t, d = (o = (l = s.fatal) !== null && l !== void 0 ? l : n) !== null && o !== void 0 ? o : !0, c = typeof s == "string" ? { message: s } : s; i.addIssue({ code: "custom", ...c, fatal: d }); } }) : un.create(), rm = { object: he.lazycreate }, H; (function (e) { ((e.ZodString = "ZodString"), (e.ZodNumber = "ZodNumber"), (e.ZodNaN = "ZodNaN"), (e.ZodBigInt = "ZodBigInt"), (e.ZodBoolean = "ZodBoolean"), (e.ZodDate = "ZodDate"), (e.ZodSymbol = "ZodSymbol"), (e.ZodUndefined = "ZodUndefined"), (e.ZodNull = "ZodNull"), (e.ZodAny = "ZodAny"), (e.ZodUnknown = "ZodUnknown"), (e.ZodNever = "ZodNever"), (e.ZodVoid = "ZodVoid"), (e.ZodArray = "ZodArray"), (e.ZodObject = "ZodObject"), (e.ZodUnion = "ZodUnion"), (e.ZodDiscriminatedUnion = "ZodDiscriminatedUnion"), (e.ZodIntersection = "ZodIntersection"), (e.ZodTuple = "ZodTuple"), (e.ZodRecord = "ZodRecord"), (e.ZodMap = "ZodMap"), (e.ZodSet = "ZodSet"), (e.ZodFunction = "ZodFunction"), (e.ZodLazy = "ZodLazy"), (e.ZodLiteral = "ZodLiteral"), (e.ZodEnum = "ZodEnum"), (e.ZodEffects = "ZodEffects"), (e.ZodNativeEnum = "ZodNativeEnum"), (e.ZodOptional = "ZodOptional"), (e.ZodNullable = "ZodNullable"), (e.ZodDefault = "ZodDefault"), (e.ZodCatch = "ZodCatch"), (e.ZodPromise = "ZodPromise"), (e.ZodBranded = "ZodBranded"), (e.ZodPipeline = "ZodPipeline"), (e.ZodReadonly = "ZodReadonly")); })(H || (H = {})); var im = (e, t = { message: `Input not instance of ${e.name}` }) => Us((n) => n instanceof e, t), $s = lt.create, Ws = Ht.create, lm = rr.create, om = jt.create, qs = Jn.create, sm = cn.create, dm = Xa.create, cm = Qn.create, um = Xn.create, mm = un.create, pm = Vt.create, hm = Et.create, fm = er.create, gm = ct.create, vm = he.create, ym = he.strictCreate, bm = ea.create, Em = cl.create, km = ta.create, wm = kt.create, Cm = tr.create, Sm = nr.create, xm = mn.create, Nm = zn.create, Mm = na.create, Fm = aa.create, Am = Dt.create, Lm = ra.create, Tm = pn.create, Vo = Ke.create, Zm = yt.create, Om = zt.create, _m = Ke.createWithPreprocess, Im = Cr.create, Rm = () => $s().optional(), Bm = () => Ws().optional(), Pm = () => qs().optional(), Vm = { string: (e) => lt.create({ ...e, coerce: !0 }), number: (e) => Ht.create({ ...e, coerce: !0 }), boolean: (e) => Jn.create({ ...e, coerce: !0 }), bigint: (e) => jt.create({ ...e, coerce: !0 }), date: (e) => cn.create({ ...e, coerce: !0 }), }, Hm = z, gt = Object.freeze({ __proto__: null, defaultErrorMap: Yn, setErrorMap: U2, getErrorMap: Ka, makeIssue: Ja, EMPTY_PATH: $2, addIssueToContext: T, ParseStatus: Fe, INVALID: z, DIRTY: js, OK: Ae, isAborted: Ti, isDirty: Zi, isValid: Kn, isAsync: Qa, get util() { return ae; }, get objectUtil() { return Li; }, ZodParsedType: F, getParsedType: St, ZodType: Y, ZodString: lt, ZodNumber: Ht, ZodBigInt: jt, ZodBoolean: Jn, ZodDate: cn, ZodSymbol: Xa, ZodUndefined: Qn, ZodNull: Xn, ZodAny: un, ZodUnknown: Vt, ZodNever: Et, ZodVoid: er, ZodArray: ct, ZodObject: he, ZodUnion: ea, ZodDiscriminatedUnion: cl, ZodIntersection: ta, ZodTuple: kt, ZodRecord: tr, ZodMap: nr, ZodSet: mn, ZodFunction: zn, ZodLazy: na, ZodLiteral: aa, ZodEnum: Dt, ZodNativeEnum: ra, ZodPromise: pn, ZodEffects: Ke, ZodTransformer: Ke, ZodOptional: yt, ZodNullable: zt, ZodDefault: ia, ZodCatch: ar, ZodNaN: rr, BRAND: am, ZodBranded: zs, ZodPipeline: Cr, ZodReadonly: ir, custom: Us, Schema: Y, ZodSchema: Y, late: rm, get ZodFirstPartyTypeKind() { return H; }, coerce: Vm, any: mm, array: gm, bigint: om, boolean: qs, date: sm, discriminatedUnion: Em, effect: Vo, enum: Am, function: Nm, instanceof: im, intersection: km, lazy: Mm, literal: Fm, map: Sm, nan: lm, nativeEnum: Lm, never: hm, null: um, nullable: Om, number: Ws, object: vm, oboolean: Pm, onumber: Bm, optional: Zm, ostring: Rm, pipeline: Im, preprocess: _m, promise: Tm, record: Cm, set: xm, strictObject: ym, string: $s, symbol: dm, transformer: Vo, tuple: wm, undefined: cm, union: bm, unknown: pm, void: fm, NEVER: Hm, ZodIssueCode: x, quotelessJson: z2, ZodError: Ye, }), jm = gt.union([ gt.object({ message: gt.literal("login") }), gt.object({ message: gt.literal("grant"), denied: gt.boolean() }), gt.object({ message: gt.literal("createdProject"), projectId: gt.string(), }), ]), Gs = (e) => { let t = Ee(), n = Ee(); return ( te(() => { let r = ({ origin: i, data: l }) => { if (i === n.current) { let o; try { o = jm.parse(l); } catch { return; } e?.(o); } }; return ( window.addEventListener("message", r), () => window.removeEventListener("message", r) ); }, [e]), [ K((r) => { if (window.innerWidth > 800 && window.innerHeight > 800) { let l = (window.innerWidth - 800) / 2 + window.screenLeft, o = `scrollbars=yes,width=800,height=800,top=${(window.innerHeight - 800) / 2 + window.screenTop},left=${l}`; ((t.current = window.open(r, "chromatic-dialog", o)), t.current?.focus()); } else t.current = window.open(r, "_blank"); let { origin: i } = new URL(r); n.current = i; }, []), K(() => t.current?.close(), []), ] ); }, Dm = k.ol(({ theme: e }) => ({ display: "inline-flex", listStyle: "none", marginTop: 15, marginBottom: 5, padding: 0, gap: 5, "li:not(:empty)": { display: "flex", alignItems: "center", justifyContent: "center", border: `1px dashed ${e.input.border}`, borderRadius: 4, width: 28, height: 32, }, })), zm = Qe(` query VisualTestsProjectCountQuery { viewer { projectCount accounts { newProjectUrl } } } `), Um = ({ onBack: e, hasProjectId: t, setAccessToken: n, setCreatedProjectId: r, exchangeParameters: i, }) => { let l = sl(), o = hs(), { user_code: s, verificationUrl: d } = i, c = Ee(), u = Ee(), m = Ee(), p = K( async (y) => { if ( (y.message === "login" && u.current?.(d), y.message === "grant") ) try { let w = await cc(i); if (!w) throw new Error("Failed to fetch an access token"); c.current = w; let b = Ps(w), { data: h } = await l.query(zm, {}, { fetchOptions: b }); if (!h?.viewer) throw new Error("Failed to fetch initial project list"); if (h.viewer.projectCount > 0 || t) (n(c.current), m.current?.()); else { if (!h.viewer.accounts[0]) throw new Error("User has no accounts!"); if (!h.viewer.accounts[0].newProjectUrl) throw new Error("Unexpected missing project URL"); u.current?.(h.viewer.accounts[0].newProjectUrl); } } catch (w) { o("Login Error", w); } y.message === "createdProject" && (c.current ? (n(c.current), r(`Project:${y.projectId}`), m.current?.()) : o("Unexpected missing access token", new Error())); }, [d, i, l, t, n, o, r], ), [v, g] = Gs(p); return ( (u.current = v), (m.current = g), a.createElement( pe, { footer: null, ignoreConfig: !0 }, a.createElement(nl, { onBack: e }), a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Verify your account"), a.createElement( "div", null, a.createElement( j, { center: !0, muted: !0 }, "Check this verification code on Chromatic to grant access to your published Storybooks.", ), ), a.createElement( Dm, null, s ?.split("") .map((y, w) => a.createElement( "li", { key: `${w}-${y}` }, y.replace(/[^A-Z0-9]/, ""), ), ), ), ), a.createElement( re, { variant: "solid", size: "medium", onClick: () => v(d) }, "Go to Chromatic", ), ), ), ) ); }, Ys = (e) => a.createElement( "svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, }, a.createElement("path", { d: "M5.06982 9.68493L7.99484 4.63927L14.5786 4.62406C14.5252 4.52043 14.4696 4.41742 14.4109 4.31532C12.372 0.768556 7.84405 -0.453864 4.29726 1.58495C3.24614 2.1892 2.39921 3.01211 1.78076 3.96327L5.06982 9.68493Z", fill: "#DB4437", }), a.createElement("path", { d: "M10.9276 9.68457L5.09539 9.6743L1.79036 3.98022C1.72727 4.07822 1.66591 4.17795 1.60682 4.27985C-0.445348 7.81892 0.759985 12.3515 4.29905 14.4037C5.34791 15.0118 6.48403 15.3338 7.617 15.3939L10.9276 9.68457Z", fill: "#0F9D58", }), a.createElement("path", { d: "M7.98649 4.61194L10.9032 9.66241L7.63525 15.3778C7.75167 15.3833 7.86871 15.3863 7.98649 15.3863C12.0775 15.3863 15.3939 12.0699 15.3939 7.97893C15.3939 6.76648 15.1025 5.62211 14.5861 4.61194L7.98649 4.61194Z", fill: "#FFCD40", }), a.createElement("path", { d: "M8.01367 4.6366V6.40005L14.613 4.6366H8.01367Z", fill: "url(#paint0_radial_466_21161)", }), a.createElement("path", { d: "M1.78198 4.00098L6.60102 8.8192L5.09764 9.687L1.78198 4.00098Z", fill: "url(#paint1_radial_466_21161)", }), a.createElement("path", { d: "M7.6626 15.4017L9.42689 8.81921L10.9303 9.68702L7.6626 15.4017Z", fill: "url(#paint2_radial_466_21161)", }), a.createElement("ellipse", { cx: "8.01347", cy: "8.00358", rx: "3.36699", ry: "3.36699", fill: "#F1F1F1", }), a.createElement("ellipse", { cx: "8.01367", cy: "8.00354", rx: "2.69361", ry: "2.6936", fill: "#4285F4", }), a.createElement( "defs", null, a.createElement( "radialGradient", { id: "paint0_radial_466_21161", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(7.69229 4.63226) scale(7.07721 1.89116)", }, a.createElement("stop", { stopColor: "#3E2723", stopOpacity: "0.2", }), a.createElement("stop", { offset: "1", stopColor: "#3E2723", stopOpacity: "0.01", }), ), a.createElement( "radialGradient", { id: "paint1_radial_466_21161", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(1.77445 4.00677) scale(6.56938 7.75127)", }, a.createElement("stop", { stopColor: "#3E2723", stopOpacity: "0.2", }), a.createElement("stop", { offset: "1", stopColor: "#3E2723", stopOpacity: "0.01", }), ), a.createElement( "radialGradient", { id: "paint2_radial_466_21161", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(8.00025 8.01489) scale(7.39644 14.8995)", }, a.createElement("stop", { stopColor: "#263238", stopOpacity: "0.2", }), a.createElement("stop", { offset: "1", stopColor: "#263238", stopOpacity: "0.01", }), ), ), ), Ks = (e) => a.createElement( "svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, }, a.createElement("path", { d: "M14.9596 5.19849C14.6332 4.41337 13.9721 3.56574 13.453 3.29783C13.8755 4.12612 14.12 4.95699 14.2134 5.57708C14.2134 5.5783 14.2139 5.58133 14.2149 5.58958C13.3657 3.47293 11.9257 2.61943 10.7499 0.761053C10.6905 0.667084 10.631 0.572865 10.573 0.473553C10.5434 0.422834 10.5159 0.371004 10.4903 0.318178C10.4414 0.223861 10.4038 0.124166 10.378 0.0211155C10.3782 0.0162369 10.3765 0.0114673 10.3734 0.00774353C10.3702 0.0040198 10.3658 0.00161108 10.3609 0.000990505C10.3563 -0.000330168 10.3515 -0.000330168 10.3468 0.000990505C10.3458 0.0013655 10.3442 0.00258425 10.3431 0.00302175C10.3414 0.003678 10.3393 0.005178 10.3376 0.00614675C10.3384 0.00502175 10.3402 0.0024905 10.3407 0.00189675C8.45416 1.10677 7.81416 3.15068 7.75535 4.17327C7.00199 4.22506 6.28171 4.50262 5.68841 4.96977C5.62629 4.9173 5.56135 4.86827 5.49388 4.8229C5.3227 4.22402 5.31543 3.59017 5.47282 2.98752C4.70132 3.3388 4.10126 3.89408 3.66501 4.3844H3.66154C3.36382 4.0073 3.38482 2.76337 3.40179 2.50365C3.39822 2.48755 3.17969 2.61708 3.15107 2.63662C2.88835 2.82414 2.64275 3.03454 2.41713 3.26537C2.16039 3.52573 1.92581 3.80705 1.71582 4.1064C1.71582 4.10677 1.7156 4.10721 1.71547 4.10758C1.71547 4.10718 1.71569 4.10677 1.71582 4.1064C1.23289 4.79075 0.890387 5.56404 0.7081 6.38155C0.704506 6.39783 0.701475 6.41471 0.697975 6.43112C0.68385 6.49724 0.632975 6.82799 0.624068 6.89987C0.623381 6.9054 0.623068 6.91071 0.622412 6.91624C0.556638 7.2582 0.515905 7.60451 0.500537 7.9524C0.500537 7.96521 0.499756 7.9779 0.499756 7.99074C0.499881 12.138 3.86238 15.5 8.01001 15.5C11.7245 15.5 14.8088 12.8035 15.4126 9.26152C15.4253 9.1654 15.4355 9.06877 15.4467 8.9718C15.596 7.68399 15.4301 6.3304 14.9596 5.19849ZM6.30351 11.0764C6.33863 11.0932 6.37163 11.1116 6.40769 11.1276C6.40919 11.1287 6.41126 11.1298 6.41279 11.1308C6.37608 11.1132 6.33965 11.0951 6.30351 11.0764ZM14.2155 5.59143L14.2145 5.58415C14.2149 5.5868 14.2153 5.58958 14.2158 5.59224L14.2155 5.59143Z", fill: "url(#paint0_linear_466_21172)", }), a.createElement("path", { d: "M14.9598 5.19851C14.6334 4.41338 13.9723 3.56576 13.4532 3.29785C13.8757 4.12613 14.1202 4.95701 14.2136 5.5771C14.2136 5.57529 14.214 5.5786 14.2148 5.58416C14.2151 5.58682 14.2156 5.5896 14.216 5.59226C14.9246 7.5132 14.5386 9.46657 13.9823 10.6602C13.1217 12.5071 11.0381 14.3999 7.77678 14.3076C4.25319 14.2078 1.149 11.5934 0.569531 8.16904C0.463937 7.62904 0.569531 7.35485 0.622656 6.91641C0.557938 7.25441 0.533281 7.35204 0.500781 7.95257C0.500781 7.96538 0.5 7.97807 0.5 7.99091C0.500063 12.138 3.86256 15.5 8.01019 15.5C11.7247 15.5 14.8089 12.8035 15.4128 9.26154C15.4255 9.16541 15.4357 9.06879 15.4469 8.97182C15.5962 7.68401 15.4303 6.33041 14.9598 5.19851Z", fill: "url(#paint1_radial_466_21172)", }), a.createElement("path", { d: "M14.9598 5.19851C14.6334 4.41338 13.9723 3.56576 13.4532 3.29785C13.8757 4.12613 14.1202 4.95701 14.2136 5.5771C14.2136 5.57529 14.214 5.5786 14.2148 5.58416C14.2151 5.58682 14.2156 5.5896 14.216 5.59226C14.9246 7.5132 14.5386 9.46657 13.9823 10.6602C13.1217 12.5071 11.0381 14.3999 7.77678 14.3076C4.25319 14.2078 1.149 11.5934 0.569531 8.16904C0.463937 7.62904 0.569531 7.35485 0.622656 6.91641C0.557938 7.25441 0.533281 7.35204 0.500781 7.95257C0.500781 7.96538 0.5 7.97807 0.5 7.99091C0.500063 12.138 3.86256 15.5 8.01019 15.5C11.7247 15.5 14.8089 12.8035 15.4128 9.26154C15.4255 9.16541 15.4357 9.06879 15.4469 8.97182C15.5962 7.68401 15.4303 6.33041 14.9598 5.19851Z", fill: "url(#paint2_radial_466_21172)", }), a.createElement("path", { d: "M11.3101 6.08127C11.3265 6.09277 11.3413 6.10421 11.3567 6.11564C11.1683 5.78113 10.9336 5.47487 10.6596 5.20589C8.32502 2.87164 10.0474 0.144581 10.3379 0.00608106C10.3387 0.00495606 10.3405 0.0024248 10.341 0.00183105C8.45443 1.10671 7.81443 3.15061 7.75562 4.17321C7.84312 4.16714 7.93037 4.1598 8.01943 4.1598C9.42727 4.1598 10.6535 4.93386 11.3101 6.08127Z", fill: "url(#paint3_radial_466_21172)", }), a.createElement("path", { d: "M8.02405 6.54735C8.01177 6.73417 7.35173 7.37838 7.12092 7.37838C4.98533 7.37838 4.63867 8.6701 4.63867 8.6701C4.73327 9.75792 5.49058 10.6537 6.40777 11.1277C6.44961 11.1493 6.49195 11.1689 6.53433 11.1882C6.60698 11.2203 6.68054 11.2504 6.75492 11.2784C7.0694 11.3897 7.39881 11.4532 7.73214 11.4668C11.4753 11.6424 12.2005 6.99201 9.49917 5.64157C10.191 5.52126 10.909 5.79948 11.31 6.08117C10.6534 4.93385 9.4272 4.15979 8.01939 4.15979C7.93033 4.15979 7.84311 4.16713 7.75558 4.1732C7.00222 4.22499 6.28194 4.50255 5.68864 4.9697C5.80314 5.06657 5.93239 5.19607 6.2047 5.46432C6.71414 5.96642 8.02127 6.48635 8.02405 6.54735Z", fill: "url(#paint4_radial_466_21172)", }), a.createElement("path", { d: "M8.02405 6.54735C8.01177 6.73417 7.35173 7.37838 7.12092 7.37838C4.98533 7.37838 4.63867 8.6701 4.63867 8.6701C4.73327 9.75792 5.49058 10.6537 6.40777 11.1277C6.44961 11.1493 6.49195 11.1689 6.53433 11.1882C6.60698 11.2203 6.68054 11.2504 6.75492 11.2784C7.0694 11.3897 7.39881 11.4532 7.73214 11.4668C11.4753 11.6424 12.2005 6.99201 9.49917 5.64157C10.191 5.52126 10.909 5.79948 11.31 6.08117C10.6534 4.93385 9.4272 4.15979 8.01939 4.15979C7.93033 4.15979 7.84311 4.16713 7.75558 4.1732C7.00222 4.22499 6.28194 4.50255 5.68864 4.9697C5.80314 5.06657 5.93239 5.19607 6.2047 5.46432C6.71414 5.96642 8.02127 6.48635 8.02405 6.54735Z", fill: "url(#paint5_radial_466_21172)", }), a.createElement("path", { d: "M5.3385 4.71992C5.39081 4.75366 5.4427 4.78804 5.49416 4.82305C5.32298 4.22417 5.31571 3.59032 5.4731 2.98767C4.7016 3.33895 4.10153 3.89423 3.66528 4.38455C3.70138 4.38351 4.79072 4.36392 5.3385 4.71992Z", fill: "url(#paint6_radial_466_21172)", }), a.createElement("path", { d: "M0.569399 8.16902C1.14887 11.5933 4.25305 14.2078 7.77665 14.3076C11.0379 14.3999 13.1216 12.507 13.9821 10.6602C14.5384 9.46646 14.9245 7.51333 14.2159 5.59224L14.2156 5.59142L14.2146 5.58414C14.2138 5.57858 14.2134 5.57527 14.2135 5.57708C14.2135 5.5783 14.214 5.58133 14.215 5.58958C14.4813 7.32899 13.5965 9.01408 12.2134 10.1535L12.2092 10.1632C9.51406 12.3577 6.93502 11.4872 6.41284 11.1309C6.37613 11.1133 6.33967 11.0951 6.30346 11.0765C4.73215 10.3255 4.08302 8.89402 4.22221 7.66633C2.89543 7.66633 2.44302 6.5473 2.44302 6.5473C2.44302 6.5473 3.63424 5.69796 5.20421 6.43664C6.65827 7.1208 8.02384 6.54736 8.02399 6.5473C8.02121 6.4863 6.71409 5.96636 6.20452 5.4643C5.93224 5.19605 5.80296 5.06671 5.68846 4.96967C5.62634 4.91721 5.5614 4.86817 5.49393 4.8228C5.44241 4.78788 5.39052 4.7535 5.33827 4.71967C4.79052 4.36367 3.70115 4.38327 3.66505 4.38421H3.66159C3.36387 4.00711 3.38487 2.76317 3.40184 2.50346C3.39827 2.48736 3.17974 2.61689 3.15112 2.63642C2.8884 2.82395 2.6428 3.03435 2.41718 3.26517C2.16043 3.5256 1.92585 3.80698 1.71587 4.10639C1.71587 4.10677 1.71565 4.10721 1.71552 4.10758C1.71552 4.10717 1.71574 4.10677 1.71587 4.10639C1.23294 4.79075 0.890436 5.56403 0.708149 6.38155C0.704555 6.39783 0.437836 7.56411 0.569399 8.16902Z", fill: "url(#paint7_radial_466_21172)", }), a.createElement("path", { d: "M10.6595 5.2058C10.9335 5.47478 11.1682 5.78104 11.3566 6.11555C11.398 6.14662 11.4366 6.17759 11.4694 6.2078C13.172 7.77655 12.2799 9.9953 12.2134 10.1534C13.5965 9.01405 14.4813 7.32896 14.215 5.58955C13.3657 3.47293 11.9258 2.61943 10.7499 0.761053C10.6905 0.667084 10.631 0.572866 10.573 0.473553C10.5435 0.422834 10.5159 0.371004 10.4903 0.318178C10.4415 0.223861 10.4038 0.124166 10.3781 0.0211155C10.3782 0.0162369 10.3766 0.0114673 10.3734 0.00774353C10.3703 0.0040198 10.3658 0.00161108 10.361 0.000990505C10.3564 -0.000330168 10.3515 -0.000330168 10.3469 0.000990505C10.3458 0.0013655 10.3443 0.00258425 10.3431 0.00302176C10.3415 0.003678 10.3394 0.00517801 10.3376 0.00614676C10.0473 0.144522 8.32493 2.87158 10.6595 5.2058Z", fill: "url(#paint8_radial_466_21172)", }), a.createElement("path", { d: "M11.4694 6.20779C11.4366 6.17757 11.398 6.1466 11.3566 6.11554C11.3413 6.10404 11.3263 6.0926 11.31 6.08117C10.909 5.79948 10.1909 5.52126 9.49912 5.64157C12.2004 6.99201 11.4752 11.6424 7.73209 11.4668C7.39876 11.4532 7.06935 11.3897 6.75487 11.2784C6.6805 11.2504 6.60694 11.2203 6.53428 11.1882C6.4919 11.1689 6.44956 11.1493 6.40771 11.1277C6.40921 11.1287 6.41128 11.1299 6.41281 11.1308C6.935 11.4871 9.51403 12.3576 12.2092 10.1631L12.2133 10.1534C12.2799 9.99542 13.1719 7.77657 11.4694 6.20779Z", fill: "url(#paint9_radial_466_21172)", }), a.createElement("path", { d: "M4.63871 8.67006C4.63871 8.67006 4.98537 7.37834 7.12096 7.37834C7.35183 7.37834 8.01187 6.73412 8.02408 6.54731C8.0363 6.36049 6.65846 7.12081 5.2043 6.43665C3.63433 5.69796 2.44312 6.54731 2.44312 6.54731C2.44312 6.54731 2.89552 7.66634 4.2223 7.66634C4.08315 8.89402 4.73227 10.3257 6.30355 11.0765C6.33868 11.0932 6.37168 11.1116 6.40774 11.1277C5.49062 10.6537 4.7333 9.75787 4.63871 8.67006Z", fill: "url(#paint10_radial_466_21172)", }), a.createElement("path", { d: "M14.9597 5.19849C14.6333 4.41337 13.9722 3.56574 13.4531 3.29783C13.8756 4.12612 14.1201 4.95699 14.2136 5.57708C14.2136 5.5783 14.214 5.58133 14.215 5.58958C13.3658 3.47293 11.9258 2.61943 10.75 0.761053C10.6906 0.667084 10.6311 0.572865 10.5731 0.473553C10.5436 0.422834 10.516 0.371004 10.4904 0.318178C10.4416 0.223861 10.4039 0.124166 10.3781 0.0211155C10.3783 0.0162369 10.3767 0.0114673 10.3735 0.00774353C10.3703 0.0040198 10.3659 0.00161108 10.3611 0.000990505C10.3565 -0.000330168 10.3516 -0.000330168 10.347 0.000990505C10.3459 0.0013655 10.3443 0.00258425 10.3432 0.00302175C10.3416 0.003678 10.3395 0.005178 10.3377 0.00614675C10.3386 0.00502175 10.3403 0.0024905 10.3408 0.00189675C8.45428 1.10677 7.81428 3.15068 7.75547 4.17327C7.84297 4.16721 7.93022 4.15987 8.01928 4.15987C9.42719 4.15987 10.6534 4.93393 11.3099 6.08124C10.9089 5.79955 10.1908 5.52133 9.49906 5.64165C12.2003 6.99208 11.4752 11.6425 7.73203 11.4669C7.3987 11.4533 7.06929 11.3898 6.75481 11.2784C6.68044 11.2505 6.60688 11.2204 6.53422 11.1882C6.49184 11.1689 6.4495 11.1494 6.40766 11.1278C6.40916 11.1288 6.41122 11.13 6.41275 11.1309C6.37605 11.1132 6.33958 11.0951 6.30337 11.0764C6.3385 11.0932 6.3715 11.1116 6.40756 11.1276C5.49038 10.6536 4.73306 9.75786 4.63847 8.67005C4.63847 8.67005 4.98513 7.37833 7.12072 7.37833C7.35159 7.37833 8.01162 6.73412 8.02384 6.5473C8.02106 6.4863 6.71394 5.96637 6.20437 5.4643C5.93209 5.19605 5.80281 5.06671 5.68831 4.96968C5.62619 4.91721 5.56125 4.86818 5.49378 4.8228C5.3226 4.22393 5.31533 3.59008 5.47272 2.98743C4.70122 3.33871 4.10116 3.89399 3.66491 4.3843H3.66144C3.36372 4.00721 3.38472 2.76327 3.40169 2.50355C3.39812 2.48746 3.17959 2.61699 3.15097 2.63652C2.88825 2.82404 2.64265 3.03445 2.41703 3.26527C2.16036 3.52567 1.92585 3.80702 1.71594 4.1064C1.71594 4.10677 1.71572 4.10721 1.71559 4.10758C1.71559 4.10718 1.71581 4.10677 1.71594 4.1064C1.23301 4.79075 0.890506 5.56404 0.708219 6.38155C0.704625 6.39783 0.701594 6.41471 0.698094 6.43112C0.683969 6.49724 0.620406 6.83277 0.611531 6.90474C0.610844 6.91027 0.612187 6.89924 0.611531 6.90474C0.553567 7.25147 0.516583 7.60137 0.500781 7.95255C0.500781 7.96537 0.5 7.97805 0.5 7.9909C0.5 12.138 3.8625 15.5 8.01012 15.5C11.7247 15.5 14.8089 12.8035 15.4127 9.26152C15.4254 9.1654 15.4356 9.06877 15.4468 8.9718C15.5961 7.68399 15.4302 6.3304 14.9597 5.19849ZM14.2147 5.58415C14.2151 5.5868 14.2155 5.58958 14.2159 5.59224L14.2157 5.59143L14.2147 5.58415Z", fill: "url(#paint11_linear_466_21172)", }), a.createElement( "defs", null, a.createElement( "linearGradient", { id: "paint0_linear_466_21172", x1: "13.5874", y1: "2.40249", x2: "1.52839", y2: "14.0351", gradientUnits: "userSpaceOnUse", }, a.createElement("stop", { offset: "0.05", stopColor: "#FFF44F" }), a.createElement("stop", { offset: "0.37", stopColor: "#FF980E" }), a.createElement("stop", { offset: "0.53", stopColor: "#FF3647" }), a.createElement("stop", { offset: "0.7", stopColor: "#E31587" }), ), a.createElement( "radialGradient", { id: "paint1_radial_466_21172", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(10.8936 1.72781) scale(15.3601 15.6187)", }, a.createElement("stop", { offset: "0.13", stopColor: "#FFBD4F" }), a.createElement("stop", { offset: "0.28", stopColor: "#FF980E" }), a.createElement("stop", { offset: "0.47", stopColor: "#FF3750" }), a.createElement("stop", { offset: "0.78", stopColor: "#EB0878" }), a.createElement("stop", { offset: "0.86", stopColor: "#E50080" }), ), a.createElement( "radialGradient", { id: "paint2_radial_466_21172", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(6.43979 8.1787) scale(15.7441 15.6187)", }, a.createElement("stop", { offset: "0.3", stopColor: "#960E18" }), a.createElement("stop", { offset: "0.35", stopColor: "#B11927", stopOpacity: "0.74", }), a.createElement("stop", { offset: "0.43", stopColor: "#DB293D", stopOpacity: "0.34", }), a.createElement("stop", { offset: "0.5", stopColor: "#F5334B", stopOpacity: "0.09", }), a.createElement("stop", { offset: "0.53", stopColor: "#FF3750", stopOpacity: "0", }), ), a.createElement( "radialGradient", { id: "paint3_radial_466_21172", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(9.48415 -0.731827) scale(5.04157 8.55934)", }, a.createElement("stop", { offset: "0.13", stopColor: "#FFF44F" }), a.createElement("stop", { offset: "0.53", stopColor: "#FF980E" }), ), a.createElement( "radialGradient", { id: "paint4_radial_466_21172", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(6.15707 12.2109) scale(6.67134 7.31187)", }, a.createElement("stop", { offset: "0.35", stopColor: "#3A8EE6" }), a.createElement("stop", { offset: "0.67", stopColor: "#9059FF" }), a.createElement("stop", { offset: "1", stopColor: "#C139E6" }), ), a.createElement( "radialGradient", { id: "paint5_radial_466_21172", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(7.29699 6.57271) scale(3.54248 4.314)", }, a.createElement("stop", { offset: "0.21", stopColor: "#9059FF", stopOpacity: "0", }), a.createElement("stop", { offset: "0.97", stopColor: "#6E008B", stopOpacity: "0.6", }), ), a.createElement( "radialGradient", { id: "paint6_radial_466_21172", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(7.50592 1.1523) scale(5.30374 5.32259)", }, a.createElement("stop", { offset: "0.1", stopColor: "#FFE226" }), a.createElement("stop", { offset: "0.79", stopColor: "#FF7139" }), ), a.createElement( "radialGradient", { id: "paint7_radial_466_21172", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12.3495 -2.33951) scale(25.3212 21.2557)", }, a.createElement("stop", { offset: "0.11", stopColor: "#FFF44F" }), a.createElement("stop", { offset: "0.46", stopColor: "#FF980E" }), a.createElement("stop", { offset: "0.72", stopColor: "#FF3647" }), a.createElement("stop", { offset: "0.9", stopColor: "#E31587" }), ), a.createElement( "radialGradient", { id: "paint8_radial_466_21172", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(2.94576 4.67997) rotate(77.3946) scale(8.03354 34.7519)", }, a.createElement("stop", { stopColor: "#FFF44F" }), a.createElement("stop", { offset: "0.3", stopColor: "#FF980E" }), a.createElement("stop", { offset: "0.57", stopColor: "#FF3647" }), a.createElement("stop", { offset: "0.74", stopColor: "#E31587" }), ), a.createElement( "radialGradient", { id: "paint9_radial_466_21172", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(7.56027 3.06659) scale(14.5381 14.2827)", }, a.createElement("stop", { offset: "0.14", stopColor: "#FFF44F" }), a.createElement("stop", { offset: "0.48", stopColor: "#FF980E" }), a.createElement("stop", { offset: "0.66", stopColor: "#FF3647" }), a.createElement("stop", { offset: "0.9", stopColor: "#E31587" }), ), a.createElement( "radialGradient", { id: "paint10_radial_466_21172", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.3337 3.90193) scale(17.4743 15.6328)", }, a.createElement("stop", { offset: "0.09", stopColor: "#FFF44F" }), a.createElement("stop", { offset: "0.63", stopColor: "#FF980E" }), ), a.createElement( "linearGradient", { id: "paint11_linear_466_21172", x1: "12.5", y1: "2.16999", x2: "2.85701", y2: "12.7061", gradientUnits: "userSpaceOnUse", }, a.createElement("stop", { offset: "0.17", stopColor: "#FFF44F", stopOpacity: "0.8", }), a.createElement("stop", { offset: "0.6", stopColor: "#FFF44F", stopOpacity: "0", }), ), ), ), Js = (e) => a.createElement( "svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, }, a.createElement("circle", { cx: "8.00009", cy: "7.99997", r: "7.7037", fill: "url(#paint0_linear_466_21186)", }), a.createElement("ellipse", { cx: "8.00094", cy: "8.00094", rx: "7.06173", ry: "7.06173", fill: "url(#paint1_radial_466_21186)", }), a.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.07134 1.36353C8.03043 1.36353 7.99727 1.39669 7.99727 1.4376V2.56469C7.99727 2.6056 8.03043 2.63877 8.07134 2.63877C8.11225 2.63877 8.14542 2.6056 8.14542 2.56469V1.4376C8.14542 1.39669 8.11225 1.36353 8.07134 1.36353ZM8.07134 14.7792C8.11225 14.7792 8.14542 14.746 8.14542 14.7051V13.578C8.14542 13.5371 8.11225 13.5039 8.07134 13.5039C8.03043 13.5039 7.99727 13.5371 7.99727 13.578V14.7051C7.99727 14.746 8.03043 14.7792 8.07134 14.7792ZM8.64883 1.46214C8.65292 1.42143 8.68923 1.39175 8.72994 1.39584C8.77064 1.39993 8.80032 1.43625 8.79623 1.47695L8.74793 1.95766C8.74384 1.99836 8.70752 2.02804 8.66682 2.02395C8.62612 2.01986 8.59643 1.98355 8.60052 1.94284L8.64883 1.46214ZM7.41372 14.7468C7.45442 14.7509 7.49074 14.7213 7.49483 14.6806L7.54313 14.1998C7.54722 14.1591 7.51754 14.1228 7.47683 14.1187C7.43613 14.1146 7.39982 14.1443 7.39573 14.185L7.34742 14.6657C7.34333 14.7064 7.37301 14.7428 7.41372 14.7468ZM14.7051 7.99727C14.746 7.99727 14.7792 8.03043 14.7792 8.07134C14.7792 8.11225 14.746 8.14542 14.7051 8.14542H13.578C13.5371 8.14542 13.5039 8.11225 13.5039 8.07134C13.5039 8.03043 13.5371 7.99727 13.578 7.99727H14.7051ZM1.36353 8.07134C1.36353 8.11225 1.39669 8.14542 1.4376 8.14542H2.56469C2.6056 8.14542 2.63877 8.11225 2.63877 8.07134C2.63877 8.03043 2.6056 7.99727 2.56469 7.99727H1.4376C1.39669 7.99727 1.36353 8.03043 1.36353 8.07134ZM14.6806 8.64883C14.7213 8.65292 14.7509 8.68923 14.7468 8.72994C14.7428 8.77064 14.7064 8.80032 14.6657 8.79623L14.185 8.74793C14.1443 8.74384 14.1146 8.70752 14.1187 8.66682C14.1228 8.62612 14.1591 8.59643 14.1998 8.60052L14.6806 8.64883ZM1.39584 7.41372C1.39175 7.45442 1.42143 7.49074 1.46214 7.49483L1.94284 7.54313C1.98355 7.54722 2.01986 7.51754 2.02395 7.47683C2.02804 7.43613 1.99836 7.39982 1.95766 7.39573L1.47695 7.34742C1.43625 7.34333 1.39993 7.37301 1.39584 7.41372ZM12.7097 3.3282C12.7387 3.29927 12.7856 3.29927 12.8145 3.3282C12.8434 3.35713 12.8434 3.40403 12.8145 3.43296L12.0175 4.22994C11.9886 4.25887 11.9417 4.25887 11.9127 4.22994C11.8838 4.20101 11.8838 4.15411 11.9127 4.12518L12.7097 3.3282ZM3.3282 12.8145C3.35713 12.8434 3.40403 12.8434 3.43296 12.8145L4.22994 12.0175C4.25887 11.9886 4.25887 11.9417 4.22994 11.9127C4.20101 11.8838 4.15411 11.8838 4.12518 11.9127L3.3282 12.7097C3.29927 12.7387 3.29927 12.7856 3.3282 12.8145ZM13.1523 3.80568C13.1839 3.77973 13.2306 3.78433 13.2566 3.81595C13.2825 3.84757 13.2779 3.89425 13.2463 3.9202L12.8729 4.22664C12.8413 4.2526 12.7946 4.248 12.7686 4.21638C12.7427 4.18475 12.7473 4.13808 12.7789 4.11212L13.1523 3.80568ZM2.88614 12.3267C2.91209 12.3584 2.95876 12.363 2.99039 12.337L3.36378 12.0306C3.3954 12.0046 3.4 11.9579 3.37404 11.9263C3.34809 11.8947 3.30142 11.8901 3.26979 11.916L2.8964 12.2225C2.86478 12.2484 2.86018 12.2951 2.88614 12.3267ZM12.8145 12.7097C12.8434 12.7387 12.8434 12.7856 12.8145 12.8145C12.7856 12.8434 12.7387 12.8434 12.7097 12.8145L11.9127 12.0175C11.8838 11.9886 11.8838 11.9417 11.9127 11.9127C11.9417 11.8838 11.9886 11.8838 12.0175 11.9127L12.8145 12.7097ZM3.3282 3.3282C3.29927 3.35713 3.29927 3.40403 3.3282 3.43296L4.12518 4.22994C4.15411 4.25887 4.20101 4.25887 4.22994 4.22994C4.25887 4.20101 4.25887 4.15411 4.22994 4.12518L3.43296 3.3282C3.40403 3.29927 3.35713 3.29927 3.3282 3.3282ZM12.337 13.1523C12.363 13.1839 12.3584 13.2306 12.3267 13.2566C12.2951 13.2825 12.2484 13.2779 12.2225 13.2463L11.916 12.8729C11.8901 12.8413 11.8947 12.7946 11.9263 12.7686C11.9579 12.7427 12.0046 12.7473 12.0306 12.7789L12.337 13.1523ZM3.81595 2.88614C3.78433 2.91209 3.77973 2.95876 3.80568 2.99039L4.11212 3.36378C4.13808 3.3954 4.18475 3.4 4.21638 3.37404C4.248 3.34809 4.2526 3.30142 4.22664 3.26979L3.9202 2.8964C3.89425 2.86478 3.84757 2.86018 3.81595 2.88614ZM10.5415 1.91422C10.5572 1.87643 10.6005 1.85848 10.6383 1.87413C10.6761 1.88979 10.6941 1.93312 10.6784 1.97092L10.2471 3.01221C10.2314 3.05 10.1881 3.06795 10.1503 3.05229C10.1125 3.03664 10.0946 2.99331 10.1102 2.95551L10.5415 1.91422ZM5.50437 14.2686C5.54216 14.2842 5.58549 14.2663 5.60115 14.2285L6.03247 13.1872C6.04813 13.1494 6.03018 13.1061 5.99238 13.0904C5.95459 13.0747 5.91126 13.0927 5.8956 13.1305L5.46428 14.1718C5.44862 14.2096 5.46657 14.2529 5.50437 14.2686ZM11.1332 2.18598C11.1524 2.1499 11.1973 2.13628 11.2334 2.15557C11.2695 2.17486 11.2831 2.21974 11.2638 2.25582L11.0361 2.68183C11.0168 2.7179 10.9719 2.73152 10.9358 2.71223C10.8998 2.69295 10.8861 2.64806 10.9054 2.61199L11.1332 2.18598ZM4.90931 13.9871C4.94539 14.0064 4.99027 13.9928 5.00955 13.9567L5.23726 13.5307C5.25654 13.4946 5.24293 13.4497 5.20685 13.4305C5.17077 13.4112 5.12589 13.4248 5.1066 13.4609L4.8789 13.8869C4.85961 13.923 4.87323 13.9678 4.90931 13.9871ZM14.2285 10.5415C14.2663 10.5572 14.2842 10.6005 14.2686 10.6383C14.2529 10.6761 14.2096 10.6941 14.1718 10.6784L13.1305 10.2471C13.0927 10.2314 13.0747 10.1881 13.0904 10.1503C13.1061 10.1125 13.1494 10.0946 13.1872 10.1102L14.2285 10.5415ZM1.87412 5.50437C1.85846 5.54216 1.87641 5.58549 1.91421 5.60115L2.95551 6.03247C2.99331 6.04813 3.03664 6.03018 3.05229 5.99238C3.06795 5.95459 3.05 5.91126 3.0122 5.8956L1.9709 5.46428C1.9331 5.44862 1.88977 5.46657 1.87412 5.50437ZM13.9567 11.1332C13.9928 11.1524 14.0064 11.1973 13.9871 11.2334C13.9678 11.2695 13.923 11.2831 13.8869 11.2638L13.4609 11.0361C13.4248 11.0168 13.4112 10.9719 13.4305 10.9358C13.4497 10.8998 13.4946 10.8861 13.5307 10.9054L13.9567 11.1332ZM2.15557 4.90929C2.13628 4.94537 2.1499 4.99025 2.18598 5.00954L2.61199 5.23726C2.64806 5.25654 2.69295 5.24293 2.71223 5.20685C2.73152 5.17077 2.7179 5.12589 2.68183 5.1066L2.25582 4.87888C2.21974 4.8596 2.17486 4.87321 2.15557 4.90929ZM14.1718 5.46428C14.2096 5.44862 14.2529 5.46657 14.2686 5.50437C14.2842 5.54216 14.2663 5.58549 14.2285 5.60115L13.1872 6.03247C13.1494 6.04813 13.1061 6.03018 13.0904 5.99238C13.0747 5.95459 13.0927 5.91126 13.1305 5.8956L14.1718 5.46428ZM1.87413 10.6383C1.88979 10.6761 1.93312 10.6941 1.97092 10.6784L3.01221 10.2471C3.05 10.2314 3.06795 10.1881 3.05229 10.1503C3.03664 10.1125 2.99331 10.0946 2.95551 10.1102L1.91422 10.5415C1.87643 10.5572 1.85848 10.6005 1.87413 10.6383ZM14.3979 6.07477C14.4371 6.0629 14.4785 6.08501 14.4903 6.12416C14.5022 6.1633 14.4801 6.20467 14.441 6.21654L13.9787 6.35677C13.9396 6.36864 13.8982 6.34654 13.8863 6.30739C13.8744 6.26824 13.8965 6.22688 13.9357 6.215L14.3979 6.07477ZM1.65237 10.0185C1.66425 10.0577 1.70561 10.0798 1.74476 10.0679L2.20699 9.92769C2.24614 9.91581 2.26825 9.87445 2.25637 9.8353C2.2445 9.79615 2.20313 9.77404 2.16399 9.78592L1.70175 9.92615C1.6626 9.93802 1.64049 9.97939 1.65237 10.0185ZM10.6383 14.2686C10.6005 14.2842 10.5572 14.2663 10.5415 14.2285L10.1102 13.1872C10.0946 13.1494 10.1125 13.1061 10.1503 13.0904C10.1881 13.0747 10.2314 13.0927 10.2471 13.1305L10.6784 14.1718C10.6941 14.2096 10.6761 14.2529 10.6383 14.2686ZM5.50437 1.87413C5.46657 1.88979 5.44862 1.93312 5.46428 1.97092L5.8956 3.01221C5.91126 3.05 5.95459 3.06795 5.99238 3.05229C6.03018 3.03664 6.04813 2.99331 6.03247 2.95551L5.60115 1.91422C5.58549 1.87643 5.54216 1.85848 5.50437 1.87413ZM10.0679 14.3979C10.0798 14.4371 10.0577 14.4785 10.0185 14.4903C9.97939 14.5022 9.93802 14.4801 9.92615 14.441L9.78592 13.9787C9.77404 13.9396 9.79615 13.8982 9.8353 13.8863C9.87445 13.8744 9.91581 13.8965 9.92769 13.9357L10.0679 14.3979ZM6.12417 1.65237C6.08502 1.66424 6.06291 1.70561 6.07479 1.74475L6.215 2.20699C6.22688 2.24614 6.26824 2.26825 6.30739 2.25637C6.34654 2.2445 6.36864 2.20314 6.35677 2.16399L6.21656 1.70175C6.20468 1.6626 6.16332 1.64049 6.12417 1.65237ZM9.29287 1.55062C9.30085 1.5105 9.33985 1.48444 9.37997 1.49242C9.4201 1.5004 9.44615 1.5394 9.43817 1.57952L9.21829 2.68496C9.21031 2.72508 9.17131 2.75114 9.13119 2.74316C9.09107 2.73518 9.06501 2.69618 9.07299 2.65606L9.29287 1.55062ZM6.76272 14.6503C6.80284 14.6583 6.84184 14.6322 6.84982 14.5921L7.0697 13.4866C7.07768 13.4465 7.05162 13.4075 7.0115 13.3995C6.97137 13.3916 6.93238 13.4176 6.9244 13.4577L6.70452 14.5632C6.69654 14.6033 6.72259 14.6423 6.76272 14.6503ZM9.92615 1.70175C9.93802 1.6626 9.97939 1.64049 10.0185 1.65237C10.0577 1.66425 10.0798 1.70561 10.0679 1.74476L9.92769 2.20699C9.91581 2.24614 9.87445 2.26825 9.8353 2.25637C9.79615 2.2445 9.77404 2.20313 9.78592 2.16399L9.92615 1.70175ZM6.12417 14.4903C6.16332 14.5022 6.20469 14.4801 6.21656 14.441L6.35677 13.9787C6.36864 13.9396 6.34653 13.8982 6.30739 13.8863C6.26824 13.8744 6.22687 13.8965 6.215 13.9357L6.07479 14.398C6.06291 14.4371 6.08502 14.4785 6.12417 14.4903ZM14.5921 9.29287C14.6322 9.30085 14.6583 9.33985 14.6503 9.37997C14.6423 9.4201 14.6033 9.44615 14.5632 9.43817L13.4577 9.21829C13.4176 9.21031 13.3916 9.17131 13.3995 9.13119C13.4075 9.09107 13.4465 9.06501 13.4866 9.07299L14.5921 9.29287ZM1.49242 6.76272C1.48444 6.80284 1.5105 6.84184 1.55062 6.84982L2.65606 7.0697C2.69618 7.07768 2.73518 7.05162 2.74316 7.0115C2.75114 6.97137 2.72508 6.93238 2.68496 6.9244L1.57952 6.70452C1.5394 6.69654 1.5004 6.72259 1.49242 6.76272ZM14.441 9.92615C14.4801 9.93802 14.5022 9.97939 14.4903 10.0185C14.4785 10.0577 14.4371 10.0798 14.3979 10.0679L13.9357 9.92769C13.8965 9.91581 13.8744 9.87445 13.8863 9.8353C13.8982 9.79615 13.9396 9.77404 13.9787 9.78592L14.441 9.92615ZM1.65237 6.12415C1.64049 6.1633 1.6626 6.20467 1.70175 6.21654L2.16399 6.35677C2.20313 6.36864 2.2445 6.34654 2.25637 6.30739C2.26825 6.26824 2.24614 6.22688 2.20699 6.215L1.74476 6.07477C1.70561 6.0629 1.66425 6.08501 1.65237 6.12415ZM13.5459 4.32424C13.58 4.30151 13.626 4.31066 13.6487 4.34468C13.6714 4.37869 13.6623 4.42469 13.6282 4.44742L12.6911 5.0736C12.6571 5.09633 12.6111 5.08718 12.5884 5.05317C12.5656 5.01915 12.5748 4.97315 12.6088 4.95042L13.5459 4.32424ZM2.494 11.798C2.51673 11.832 2.56273 11.8412 2.59675 11.8184L3.53389 11.1923C3.56791 11.1695 3.57706 11.1235 3.55433 11.0895C3.5316 11.0555 3.4856 11.0464 3.45159 11.0691L2.51444 11.6953C2.48043 11.718 2.47128 11.764 2.494 11.798ZM13.8869 4.87888C13.923 4.8596 13.9678 4.87321 13.9871 4.90929C14.0064 4.94537 13.9928 4.99025 13.9567 5.00954L13.5307 5.23726C13.4946 5.25654 13.4497 5.24293 13.4305 5.20685C13.4112 5.17077 13.4248 5.12589 13.4609 5.1066L13.8869 4.87888ZM2.15557 11.2334C2.17486 11.2695 2.21974 11.2831 2.25582 11.2638L2.68183 11.0361C2.7179 11.0168 2.73152 10.9719 2.71223 10.9358C2.69295 10.8998 2.64806 10.8861 2.61199 10.9054L2.18598 11.1332C2.1499 11.1524 2.13628 11.1973 2.15557 11.2334ZM11.8184 13.5459C11.8412 13.58 11.832 13.626 11.798 13.6487C11.764 13.6714 11.718 13.6623 11.6953 13.6282L11.0691 12.6911C11.0464 12.6571 11.0555 12.6111 11.0895 12.5884C11.1235 12.5656 11.1695 12.5748 11.1923 12.6088L11.8184 13.5459ZM4.34468 2.494C4.31066 2.51673 4.30151 2.56273 4.32424 2.59675L4.95042 3.53389C4.97315 3.56791 5.01915 3.57706 5.05317 3.55433C5.08718 3.5316 5.09633 3.4856 5.0736 3.45159L4.44742 2.51444C4.42469 2.48043 4.37869 2.47128 4.34468 2.494ZM11.2638 13.8869C11.2831 13.923 11.2695 13.9678 11.2334 13.9871C11.1973 14.0064 11.1524 13.9928 11.1331 13.9567L10.9054 13.5307C10.8861 13.4946 10.8998 13.4497 10.9358 13.4305C10.9719 13.4112 11.0168 13.4248 11.0361 13.4609L11.2638 13.8869ZM4.90931 2.15557C4.87323 2.17485 4.85961 2.21974 4.8789 2.25581L5.1066 2.68182C5.12589 2.7179 5.17077 2.73152 5.20685 2.71223C5.24293 2.69295 5.25654 2.64807 5.23726 2.61199L5.00955 2.18598C4.99027 2.1499 4.94539 2.13628 4.90931 2.15557ZM11.6953 2.51444C11.718 2.48043 11.764 2.47128 11.798 2.494C11.832 2.51673 11.8412 2.56273 11.8184 2.59675L11.1923 3.53389C11.1695 3.56791 11.1235 3.57706 11.0895 3.55433C11.0555 3.5316 11.0464 3.4856 11.0691 3.45159L11.6953 2.51444ZM4.34468 13.6487C4.37869 13.6714 4.42469 13.6623 4.44742 13.6282L5.0736 12.6911C5.09633 12.6571 5.08718 12.6111 5.05317 12.5884C5.01915 12.5656 4.97315 12.5748 4.95042 12.6088L4.32424 13.5459C4.30151 13.58 4.31066 13.626 4.34468 13.6487ZM12.2225 2.8964C12.2484 2.86478 12.2951 2.86018 12.3267 2.88614C12.3584 2.91209 12.363 2.95876 12.337 2.99039L12.0306 3.36378C12.0046 3.3954 11.9579 3.4 11.9263 3.37404C11.8947 3.34809 11.8901 3.30142 11.916 3.26979L12.2225 2.8964ZM3.81595 13.2566C3.84757 13.2825 3.89425 13.2779 3.9202 13.2463L4.22664 12.8729C4.2526 12.8413 4.248 12.7946 4.21638 12.7686C4.18475 12.7427 4.13808 12.7473 4.11212 12.7789L3.80568 13.1523C3.77973 13.1839 3.78433 13.2306 3.81595 13.2566ZM13.6282 11.6953C13.6623 11.718 13.6714 11.764 13.6487 11.798C13.626 11.832 13.58 11.8412 13.5459 11.8184L12.6088 11.1923C12.5748 11.1695 12.5656 11.1235 12.5884 11.0895C12.6111 11.0555 12.6571 11.0464 12.6911 11.0691L13.6282 11.6953ZM2.494 4.34468C2.47128 4.37869 2.48043 4.42469 2.51444 4.44742L3.45159 5.0736C3.4856 5.09633 3.5316 5.08718 3.55433 5.05317C3.57706 5.01915 3.56791 4.97315 3.53389 4.95042L2.59675 4.32424C2.56273 4.30151 2.51673 4.31066 2.494 4.34468ZM13.2463 12.2225C13.2779 12.2484 13.2825 12.2951 13.2566 12.3267C13.2306 12.3584 13.1839 12.363 13.1523 12.337L12.7789 12.0306C12.7473 12.0046 12.7427 11.9579 12.7686 11.9263C12.7946 11.8947 12.8413 11.8901 12.8729 11.916L13.2463 12.2225ZM2.88614 3.81595C2.86018 3.84757 2.86478 3.89425 2.8964 3.9202L3.26979 4.22664C3.30142 4.2526 3.34809 4.248 3.37404 4.21638C3.4 4.18475 3.3954 4.13808 3.36378 4.11212L2.99039 3.80568C2.95876 3.77973 2.91209 3.78433 2.88614 3.81595ZM14.5632 6.70452C14.6033 6.69654 14.6423 6.72259 14.6503 6.76272C14.6583 6.80284 14.6322 6.84184 14.5921 6.84982L13.4866 7.0697C13.4465 7.07768 13.4075 7.05162 13.3995 7.0115C13.3916 6.97137 13.4176 6.93238 13.4577 6.9244L14.5632 6.70452ZM1.49242 9.37997C1.5004 9.4201 1.5394 9.44615 1.57952 9.43817L2.68496 9.21829C2.72508 9.21031 2.75114 9.17131 2.74316 9.13119C2.73518 9.09107 2.69618 9.06501 2.65606 9.07299L1.55062 9.29287C1.5105 9.30085 1.48444 9.33985 1.49242 9.37997ZM14.6657 7.34742C14.7064 7.34333 14.7428 7.37301 14.7468 7.41372C14.7509 7.45442 14.7213 7.49074 14.6806 7.49483L14.1998 7.54313C14.1591 7.54722 14.1228 7.51754 14.1187 7.47683C14.1146 7.43613 14.1443 7.39982 14.185 7.39573L14.6657 7.34742ZM1.39584 8.72994C1.39993 8.77064 1.43625 8.80032 1.47695 8.79623L1.95766 8.74793C1.99836 8.74384 2.02804 8.70752 2.02395 8.66682C2.01986 8.62612 1.98355 8.59643 1.94284 8.60052L1.46214 8.64883C1.42143 8.65292 1.39175 8.68923 1.39584 8.72994ZM9.43817 14.5632C9.44615 14.6033 9.4201 14.6423 9.37997 14.6503C9.33985 14.6583 9.30085 14.6322 9.29287 14.5921L9.07299 13.4866C9.06501 13.4465 9.09107 13.4075 9.13119 13.3995C9.17131 13.3916 9.21031 13.4176 9.21829 13.4577L9.43817 14.5632ZM6.76272 1.49242C6.72259 1.5004 6.69654 1.5394 6.70452 1.57952L6.9244 2.68496C6.93238 2.72508 6.97137 2.75114 7.0115 2.74316C7.05162 2.73518 7.07768 2.69618 7.0697 2.65606L6.84982 1.55062C6.84184 1.5105 6.80284 1.48444 6.76272 1.49242ZM8.79623 14.6657C8.80032 14.7064 8.77064 14.7428 8.72994 14.7468C8.68923 14.7509 8.65292 14.7213 8.64883 14.6806L8.60052 14.1998C8.59643 14.1591 8.62612 14.1228 8.66682 14.1187C8.70752 14.1146 8.74384 14.1443 8.74793 14.185L8.79623 14.6657ZM7.41372 1.39584C7.37301 1.39993 7.34333 1.43625 7.34742 1.47695L7.39573 1.95766C7.39982 1.99836 7.43613 2.02804 7.47683 2.02395C7.51754 2.01986 7.54722 1.98355 7.54313 1.94284L7.49483 1.46214C7.49074 1.42143 7.45442 1.39175 7.41372 1.39584Z", fill: "#DDDDDD", }), a.createElement("path", { d: "M3.14941 12.8505L7.29562 7.28674L7.99989 7.99218L3.14941 12.8505Z", fill: "#DDDDDD", }), a.createElement("path", { d: "M7.28662 7.29574L12.8504 3.14954L7.99204 8.00002L7.28662 7.29574Z", fill: "#EE4444", }), a.createElement("path", { d: "M12.8505 3.14954L8.70427 8.71332L8 8.00789L12.8505 3.14954Z", fill: "#CC0000", }), a.createElement("path", { d: "M3.14941 12.8505L8.7132 8.70427L8.00777 8L3.14941 12.8505Z", fill: "#AAAAAA", }), a.createElement( "defs", null, a.createElement( "linearGradient", { id: "paint0_linear_466_21186", x1: "0.300303", y1: "0.300951", x2: "0.300303", y2: "15.7084", gradientUnits: "userSpaceOnUse", }, a.createElement("stop", { stopColor: "#F8F8F8" }), a.createElement("stop", { offset: "1", stopColor: "#CCCCCC" }), ), a.createElement( "radialGradient", { id: "paint1_radial_466_21186", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(8.00216 8.0046) scale(7.06173)", }, a.createElement("stop", { stopColor: "#00F0FF" }), a.createElement("stop", { offset: "1", stopColor: "#0070E0" }), ), ), ), $m = k(le)(({ theme: e }) => ({ fontSize: e.typography.size.s3, "@container (min-width: 800px)": { fontSize: e.typography.size.m1 }, })), Wm = k(de)({ alignItems: "flex-start", justifyContent: "flex-start", padding: "30px 30px 0 30px", gap: 30, "@container (min-width: 800px)": { alignItems: "center", justifyContent: "center", flexDirection: "row-reverse", padding: "20px 40px", gap: 40, }, }), qm = k.div({ display: "flex", gap: 8, alignItems: "center", justifyContent: "center", height: 40, }), Gm = k.div({ display: "flex", gap: 8 }), Ym = k.div({ display: "flex", flexDirection: "column", gap: 8 }), Km = k.div(({ theme: e }) => ({ display: "flex", flexDirection: "column", maxWidth: 400, overflow: "hidden", backgroundColor: "white", outline: `1px solid ${e.appBorderColor}`, borderRadius: 8, video: { margin: 4, width: "calc(100% - 8px)", aspectRatio: "400/220" }, })), Jm = k.div({ display: "flex", flexDirection: "row", gap: 8, justifyContent: "space-between", alignItems: "center", borderTop: "1px solid rgba(38, 85, 115, 0.15)", padding: "8px 15px 8px 10px", color: "#5C6870", fontSize: "13px", pointerEvents: "none", "& > div": { display: "flex", gap: 8 }, span: { display: "inline-flex", alignItems: "center", gap: 5, padding: "0 5px", }, }), Qm = ({ onNext: e, onUninstall: t }) => a.createElement( pe, { footer: null, ignoreConfig: !0, interstitial: !0 }, a.createElement( Wm, null, a.createElement( ne, { alignItems: "start", textAlign: "left" }, a.createElement( "div", null, a.createElement($m, null, "Visual tests in Storybook"), a.createElement( j, { muted: !0 }, "Pinpoint visual bugs across browsers, viewports, and themes using Chromatic.", ), ), a.createElement( Ym, null, a.createElement( Gm, null, a.createElement( re, { variant: "solid", size: "medium", onClick: e }, "Get started for free", ), a.createElement( re, { asChild: !0, variant: "outline", size: "medium" }, a.createElement( "a", { href: "https://www.chromatic.com/storybook", target: "_blank", }, "See all the features", ), ), ), a.createElement( j, { muted: !0, small: !0 }, "No credit card required", ), ), ), a.createElement( Km, null, a.createElement( "video", { autoPlay: !0, muted: !0, loop: !0 }, a.createElement("source", { src: "./addon-visual-tests-assets/visual-test-illustration.mp4", type: "video/mp4", }), ), a.createElement( Jm, { "aria-hidden": !0 }, a.createElement("span", null, "Testing 97/248 stories..."), a.createElement( "div", null, a.createElement( "span", null, "Light mode", a.createElement(Xi, { size: 10 }), ), a.createElement(Ys, { alt: "" }), a.createElement(Js, { alt: "" }), a.createElement(Ks, { alt: "" }), ), ), ), ), a.createElement( qm, null, a.createElement(j, { muted: !0 }, "Not interested?"), a.createElement(Ne, { onClick: () => t() }, "Uninstall this addon"), ), ), Xm = ({ setAccessToken: e, setCreatedProjectId: t, hasProjectId: n }) => { let [r, i] = Be("authenticationScreen", n ? "signin" : "welcome"), [l, o] = Be("exchangeParameters"), s = hs(), { uninstallAddon: d } = gs(), { setSubdomain: c } = qi(); Ve("Authentication", r.charAt(0).toUpperCase() + r.slice(1)); let u = K( async (m) => { try { (c(m ?? "www"), o(await dc(m)), i("verify")); } catch (p) { s("Sign in Error", p); } }, [s, o, i, c], ); if (r === "welcome" && !n) return a.createElement(Qm, { onNext: () => i("signin"), onUninstall: d, }); if (r === "signin" || (r === "welcome" && n)) return a.createElement(wu, { ...(n ? {} : { onBack: () => i("welcome") }), onSignIn: u, onSignInWithSSO: () => i("subdomain"), }); if (r === "subdomain") return a.createElement(Eu, { onBack: () => i("signin"), onSignIn: u, }); if (r === "verify") { if (!l) throw new Error( "Expected to have a `exchangeParameters` if at `verify` step", ); return a.createElement(Um, { onBack: () => i("signin"), hasProjectId: n, setAccessToken: e, setCreatedProjectId: t, exchangeParameters: l, }); } return null; }, e4 = (e) => a.createElement( "svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, }, a.createElement("path", { fill: "currentColor", d: "M13.85 3.35a.5.5 0 0 0-.7-.7L5 10.79.85 6.65a.5.5 0 1 0-.7.7l4.5 4.5c.2.2.5.2.7 0l8.5-8.5Z", }), ), t4 = (e) => a.createElement( "svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, }, a.createElement("path", { fill: "currentColor", d: "m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z", }), ), n4 = Ct` 0% { transform: translate(0, 0); } 4.41177% { transform: translate(3px, 0); } 8.82353% { transform: translate(0, 0); } 13.23529% { transform: translate(3px, 0); } 17.64706% { transform: translate(0, 0); } 22.05882% { transform: translate(3px, 0); } 26.47059% { transform: translate(0, 0); } 100% { transform: translate(0, 0); } `, Yr = k(e4)(({ theme: e }) => ({ background: e.base === "dark" ? `color-mix(in srgb, ${e.color.positive}, transparent 50%)` : e.color.positive, color: "white", width: 20, height: 20, padding: 4, borderRadius: "50%", })), Kr = k(t4)(({ theme: e }) => ({ background: e.background.hoverable, color: e.color.secondary, width: 20, height: 20, padding: 4, borderRadius: "50%", animation: `${n4} 3.72s ease infinite`, transformOrigin: "50% 50%", })), a4 = k.ul({ textAlign: "left", listStyleType: "none", margin: 0, padding: 0, li: { display: "flex", gap: 10, padding: 10, lineHeight: "20px" }, }), Jr = k.div({ width: "100%", display: "flex", flexDirection: "column", gap: 8, }), Na = k.pre(({ theme: e }) => ({ margin: 0, padding: "10px 12px", fontSize: "12px", background: e.background.content, border: `1px solid ${e.appBorderColor}`, borderRadius: 4, })), r4 = ({ gitInfoError: e }) => { let t = e?.message.includes("git init"), n = t || e?.message.includes("one commit"), r = e?.message.includes("user.email"); return ( Ve("Errors", t ? "GitNotFound" : "GitError"), a.createElement( pe, { footer: null }, a.createElement( de, null, r ? a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Configure your Git email"), a.createElement( j, { center: !0, muted: !0 }, "Chromatic requires Git to be configured with an email address to connect local builds to CI builds and link builds to user accounts.", ), ), a.createElement( j, { center: !0, muted: !0 }, "Run this command to set an email address:", ), a.createElement( Na, null, 'git config user.email "you@example.com"', ), a.createElement( j, { muted: !0, small: !0 }, a.createElement( Ne, { target: "_blank", href: "https://www.chromatic.com/docs/privacy-policy/", withArrow: !0, secondary: !0, }, "Privacy policy", ), ), ) : a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Set up a Git repository"), a.createElement( j, { center: !0, muted: !0 }, "Chromatic requires Git to associate test results with commits and branches. Run these steps to get started:", ), ), a.createElement( a4, null, a.createElement( "li", null, t ? a.createElement(Kr, null) : a.createElement(Yr, null), a.createElement( Jr, null, a.createElement( "span", null, "Initialize a Git repository", ), t && a.createElement(Na, null, "git init"), ), ), a.createElement( "li", null, n ? a.createElement(Kr, null) : a.createElement(Yr, null), a.createElement( Jr, null, a.createElement("span", null, "Stage all files"), n && a.createElement(Na, null, "git add ."), ), ), a.createElement( "li", null, n ? a.createElement(Kr, null) : a.createElement(Yr, null), a.createElement( Jr, null, a.createElement("span", null, "Commit the changes"), n && a.createElement( Na, null, 'git commit -m "Initial commit"', ), ), ), ), a.createElement( Ne, { target: "_blank", href: "https://www.chromatic.com/docs/visual-tests-addon#git-addon", withArrow: !0, secondary: !0, }, "Visual tests requirements", ), ), ), ) ); }, i4 = k(Ji)(({ theme: e }) => ({ width: 40, height: 40, padding: 10, background: e.color.positive, borderRadius: "100%", color: "white", })), l4 = k(Ne)(() => ({ marginTop: 5 })), o4 = Qe(` query ProjectQuery($projectId: ID!) { project(id: $projectId) { id name webUrl lastBuild { branch number } } } `), s4 = ({ projectId: e, configFile: t, goToNext: n }) => { Ve("LinkProject", "LinkedProject"); let [{ data: r, fetching: i, error: l }] = dl({ query: o4, variables: { projectId: e }, }); return a.createElement( pe, { footer: a.createElement( br, null, a.createElement( Ue, null, r?.project?.lastBuild && a.createElement( j, { style: { marginLeft: 5 } }, "Last build: ", r.project.lastBuild.number, " on branch", " ", r.project.lastBuild.branch, ), ), a.createElement(Ue, { push: !0 }, a.createElement(yr, null)), ), }, a.createElement( de, null, a.createElement( ne, null, i && a.createElement("p", null, "Loading..."), l && a.createElement("p", null, l.message), r?.project && a.createElement( a.Fragment, null, a.createElement(i4, null), a.createElement( "div", null, a.createElement(le, null, "Project linked!"), a.createElement( j, { center: !0, muted: !0, style: { maxWidth: 500 } }, "The ", a.createElement(Te, null, "projectId"), " for ", a.createElement("strong", null, r.project.name), " was added in", " ", a.createElement(Te, null, t), " to sync tests with Chromatic. Please commit this change to continue using this addon.", ), ), a.createElement( bt, null, a.createElement( re, { variant: "solid", size: "medium", onClick: () => n() }, "Catch a UI change", ), a.createElement( l4, { href: "https://www.chromatic.com/docs/cli", target: "_blank", withArrow: !0, secondary: !0, }, "What's a project ID?", ), ), ), ), ), ); }; function d4(e) { for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n]; var r = Array.from(typeof e == "string" ? [e] : e); r[r.length - 1] = r[r.length - 1].replace(/\r?\n([\t ]*)$/, ""); var i = r.reduce(function (s, d) { var c = d.match(/\n([\t ]+|(?!\s).)/g); return c ? s.concat( c.map(function (u) { var m, p; return (p = (m = u.match(/[\t ]/g)) === null || m === void 0 ? void 0 : m.length) !== null && p !== void 0 ? p : 0; }), ) : s; }, []); if (i.length) { var l = new RegExp( ` [ ]{` + Math.min.apply(Math, i) + "}", "g", ); r = r.map(function (s) { return s.replace( l, ` `, ); }); } r[0] = r[0].replace(/^\r?\n/, ""); var o = r[0]; return ( t.forEach(function (s, d) { var c = o.match(/(?:^|\n)( *)$/), u = c ? c[1] : "", m = s; (typeof s == "string" && s.includes(` `) && (m = String(s) .split( ` `, ) .map(function (p, v) { return v === 0 ? p : "" + u + p; }).join(` `)), (o += m + r[d + 1])); }), o ); } var c4 = k.div(({ theme: e }) => ({ "&& > *": { margin: 0 }, "&& pre": { color: e.base === "light" ? e.color.darker : e.color.lighter, background: e.base === "light" ? e.color.lightest : e.color.darkest, fontSize: "12px", lineHeight: "16px", textAlign: "left", padding: "15px !important", }, })), u4 = "https://www.chromatic.com/docs/visual-tests-addon/#configure"; function m4({ projectId: e, configFile: t }) { return ( Ve("LinkProject", "LinkingProjectFailed"), a.createElement( pe, null, a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement( le, null, "Add the project ID to your Chromatic config", ), a.createElement( j, { center: !0, muted: !0 }, "The ", a.createElement(Te, null, "projectId"), " will be used to sync tests with Chromatic. Please commit this change to continue using the addon. The file should be saved at", " ", a.createElement(Te, null, t), ".", ), ), a.createElement( c4, null, a.createElement( Te, null, d4` { "projectId": "${e}", } `, ), ), a.createElement( Ne, { secondary: !0, withArrow: !0, target: "_blank", href: u4 }, "What's this for?", ), ), ), ) ); } var p4 = Qe(` query SelectProjectsQuery { viewer { accounts { id name avatarUrl newProjectUrl projects { id name webUrl lastBuild { branch number } } } } } `), h4 = ({ createdProjectId: e, setCreatedProjectId: t, onUpdateProject: n, }) => { let r = a.useCallback( async (i) => { await n(i); }, [n], ); return a.createElement(v4, { createdProjectId: e, setCreatedProjectId: t, onSelectProjectId: r, }); }, Ma = k.div(({ theme: e }) => ({ fontSize: `${e.typography.size.s1 - 1}px`, fontWeight: e.typography.weight.bold, color: e.base === "light" ? e.color.dark : e.color.light, backgroundColor: "inherit", padding: "7px 15px", borderBottom: `1px solid ${e.appBorderColor}`, lineHeight: "18px", letterSpacing: "0.38em", textTransform: "uppercase", })), Ho = k.div({}), jo = k.div(({ theme: e }) => ({ background: e.base === "light" ? e.color.lighter : e.color.darker, })), Do = k.div(({ theme: e }) => ({ background: e.base === "light" ? e.color.lightest : e.color.darkest, borderRadius: 5, border: `1px solid ${e.appBorderColor}`, height: 260, maxWidth: 420, minWidth: 260, width: "100%", overflow: "hidden", textAlign: "left", position: "relative", display: "flex", "> *": { flex: 1, display: "flex", flexDirection: "column", width: "50%", }, })), Fa = k.div({ height: "100%", overflowY: "auto" }), f4 = k(ne)({ width: "100%" }), g4 = k(O5)({ marginRight: 10 }); function v4({ createdProjectId: e, setCreatedProjectId: t, onSelectProjectId: n, }) { let [{ data: r, fetching: i, error: l }, o] = dl({ query: p4 }); te(() => { let h = setInterval(o, 5e3); return () => clearInterval(h); }, [o]); let [s, d] = Be("selectedAccountId"), c = r?.viewer?.accounts.find((h) => h.id === s), u = K((h) => d(h.id), [d]); te(() => { !s && r?.viewer?.accounts && u(r.viewer.accounts[0]); }, [r, s, u]); let [m, p] = Be("isSelectingProject", !1), v = K( (h) => { (p(!0), n(h.id)); let f = setTimeout(() => { p(!1); }, 1e3); return () => clearTimeout(f); }, [n, p], ), g = K( async (h) => { h.message === "createdProject" && (o(), t(h.projectId)); }, [o, t], ), [y, w] = Gs(g), b = e && c?.projects?.find((h) => h?.id.endsWith(e)); return ( te(() => { b && (w(), v(b)); }, [b, v, w]), Ve("LinkProject", "LinkProject"), a.createElement( pe, null, a.createElement( de, null, a.createElement( f4, null, a.createElement( "div", null, a.createElement(le, null, "Select a project"), a.createElement( j, { muted: !0 }, "Your tests will sync with this project.", ), ), l && a.createElement("p", null, l.message), !r && i && a.createElement( Do, null, a.createElement( Ho, null, a.createElement(Ma, null, "Accounts"), a.createElement( Fa, null, a.createElement(qe, { appearance: "secondary", isLoading: !0, }), a.createElement(qe, { appearance: "secondary", isLoading: !0, }), a.createElement(qe, { appearance: "secondary", isLoading: !0, }), a.createElement(qe, { appearance: "secondary", isLoading: !0, }), a.createElement(qe, { appearance: "secondary", isLoading: !0, }), ), ), a.createElement( jo, null, a.createElement(Ma, null, "Projects"), a.createElement( Fa, { "data-testid": "right-list" }, a.createElement(qe, { appearance: "secondary", isLoading: !0, }), a.createElement(qe, { appearance: "secondary", isLoading: !0, }), a.createElement(qe, { appearance: "secondary", isLoading: !0, }), ), ), ), r?.viewer?.accounts && a.createElement( Do, null, a.createElement( Ho, null, a.createElement(Ma, null, "Accounts"), a.createElement( Fa, { "data-testid": "left-list" }, r.viewer.accounts?.map((h) => a.createElement(qe, { key: h.id, title: h.name, appearance: "secondary", left: a.createElement(g4, { src: h.avatarUrl ?? void 0, size: "tiny", }), onClick: () => u(h), active: s === h.id, }), ), ), ), a.createElement( jo, null, a.createElement(Ma, null, "Projects"), a.createElement( Fa, { "data-testid": "right-list" }, c && a.createElement(qe, { isLink: !1, onClick: () => { if (!c?.newProjectUrl) throw new Error( "Unexpected missing `newProjectUrl` on account", ); y(c.newProjectUrl); }, title: a.createElement( Ne, { isButton: !0, withArrow: !0 }, "Create new project", ), }), c?.projects?.map( (h) => h && a.createElement(qe, { appearance: "secondary", key: h.id, title: h.name, right: a.createElement(Ec, { "aria-label": h.name, }), onClick: () => v(h), disabled: m, }), ), ), ), ), ), ), ) ); } var y4 = () => a.createElement( pe, { footer: null }, a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Visual tests"), a.createElement( j, { center: !0, muted: !0 }, "Visual tests only runs locally. To test this Storybook, clone it to your machine and run ", a.createElement(Te, null, "npx storybook dev"), ".", ), ), ), ), ), b4 = ({ offline: e = !1 }) => a.createElement( pe, { footer: null }, a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Can't connect to Chromatic"), a.createElement( j, { center: !0, muted: !0 }, e ? "You're offline. Double check your internet connection." : "We're having trouble connecting to the Chromatic API.", ), ), !e && a.createElement( Ne, { href: "https://status.chromatic.com", target: "_blank", rel: "noreferrer", withArrow: !0, }, "Chromatic API status", ), ), ), ), E4 = () => ( Ve("Uninstalled", "uninstalled"), a.createElement( pe, { footer: !1 }, a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Uninstall complete"), a.createElement( j, { center: !0, muted: !0 }, "Visual tests will vanish the next time you restart your Storybook.", ), ), ), ), ) ), Qs = { isRunning: !1, startBuild: () => {}, stopBuild: () => {} }, Xs = He(Qs), sa = () => ht(Xs, "RunBuild"), k4 = ({ children: e, watchState: t = Qs }) => a.createElement(Xs.Provider, { value: t }, e), _i = { PENDING: "status-value:warning", FAILED: "status-value:error", DENIED: "status-value:error", BROKEN: "status-value:error", IN_PROGRESS: "status-value:pending", ACCEPTED: "status-value:success", PASSED: "status-value:success", }, Qr = [ "status-value:unknown", "status-value:pending", "status-value:success", "status-value:warning", "status-value:error", ]; function w4(e, t) { return Qr[Math.max(Qr.indexOf(e), Qr.indexOf(t))]; } function C4(e) { let t = {}; return ( e?.forEach((n) => { if (!n.story || !n.status) return; let r = t[n.story.storyId]; if (!r) { t[n.story.storyId] = _i[n.status]; return; } t[n.story.storyId] = w4(r, _i[n.status]); }), Object.entries(t).map(([n, r]) => ({ value: r, typeId: U, storyId: n, title: "Visual tests", description: "Chromatic Visual Tests", })) ); } function S4( e, { shouldSwitchToLastBuildOnBranch: t, lastBuildOnBranchId: n, storyId: r, }, ) { if (!t) return e ? { ...e, storyId: r } : void 0; if (!n) throw new Error("Impossible state"); return { buildId: n, storyId: r }; } var zo = { EXCEEDED_THRESHOLD: { heading: "Snapshot limit reached", message: "Your account has reached its monthly snapshot limit. Visual testing is disabled. Upgrade your plan to increase your quota.", action: "Upgrade plan", }, PAYMENT_REQUIRED: { heading: "Payment required", message: "Your subscription payment is past due. Review or replace your payment method to continue using Chromatic.", action: "Review billing details", }, OTHER: { heading: "Account suspended", message: "Your account has been suspended. Contact customer support for details.", action: "Billing details", }, }, e0 = ({ children: e, billingUrl: t, suspensionReason: n = "OTHER" }) => { Ve("Errors", "AccountSuspended"); let { heading: r, message: i, action: l } = zo[n] || zo.OTHER; return a.createElement( pe, { footer: null }, a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, r), a.createElement(j, { center: !0, muted: !0 }, i), ), t && a.createElement( re, { asChild: !0, size: "medium", variant: "solid" }, a.createElement("a", { href: t, target: "_new" }, l), ), e, ), ), ); }, x4 = ({ children: e, manageUrl: t }) => ( Ve("Errors", "VisualTestsDisabled"), a.createElement( pe, { footer: null }, a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement( le, null, "Visual tests disabled for your project", ), a.createElement( j, { center: !0, muted: !0 }, "Update your project settings to enable visual testing.", ), ), a.createElement( re, { asChild: !0, size: "medium", variant: "solid" }, a.createElement( "a", { href: t, target: "_new" }, "Manage project settings", ), ), e, ), ), ) ); function t0(e) { return (t) => typeof t === e; } var N4 = t0("function"), M4 = (e) => e === null, Uo = (e) => Object.prototype.toString.call(e).slice(8, -1) === "RegExp", $o = (e) => !F4(e) && !M4(e) && (N4(e) || typeof e == "object"), F4 = t0("undefined"); function A4(e, t) { let { length: n } = e; if (n !== t.length) return !1; for (let r = n; r-- !== 0; ) if (!Me(e[r], t[r])) return !1; return !0; } function L4(e, t) { if (e.byteLength !== t.byteLength) return !1; let n = new DataView(e.buffer), r = new DataView(t.buffer), i = e.byteLength; for (; i--; ) if (n.getUint8(i) !== r.getUint8(i)) return !1; return !0; } function T4(e, t) { if (e.size !== t.size) return !1; for (let n of e.entries()) if (!t.has(n[0])) return !1; for (let n of e.entries()) if (!Me(n[1], t.get(n[0]))) return !1; return !0; } function Z4(e, t) { if (e.size !== t.size) return !1; for (let n of e.entries()) if (!t.has(n[0])) return !1; return !0; } function Me(e, t) { if (e === t) return !0; if (e && $o(e) && t && $o(t)) { if (e.constructor !== t.constructor) return !1; if (Array.isArray(e) && Array.isArray(t)) return A4(e, t); if (e instanceof Map && t instanceof Map) return T4(e, t); if (e instanceof Set && t instanceof Set) return Z4(e, t); if (ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) return L4(e, t); if (Uo(e) && Uo(t)) return e.source === t.source && e.flags === t.flags; if (e.valueOf !== Object.prototype.valueOf) return e.valueOf() === t.valueOf(); if (e.toString !== Object.prototype.toString) return e.toString() === t.toString(); let n = Object.keys(e), r = Object.keys(t); if (n.length !== r.length) return !1; for (let i = n.length; i-- !== 0; ) if (!Object.prototype.hasOwnProperty.call(t, n[i])) return !1; for (let i = n.length; i-- !== 0; ) { let l = n[i]; if (!(l === "_owner" && e.$$typeof) && !Me(e[l], t[l])) return !1; } return !0; } return Number.isNaN(e) && Number.isNaN(t) ? !0 : e === t; } var O4 = [ "Array", "ArrayBuffer", "AsyncFunction", "AsyncGenerator", "AsyncGeneratorFunction", "Date", "Error", "Function", "Generator", "GeneratorFunction", "HTMLElement", "Map", "Object", "Promise", "RegExp", "Set", "WeakMap", "WeakSet", ], _4 = [ "bigint", "boolean", "null", "number", "string", "symbol", "undefined", ]; function Sr(e) { let t = Object.prototype.toString.call(e).slice(8, -1); if (/HTML\w+Element/.test(t)) return "HTMLElement"; if (I4(t)) return t; } function Xe(e) { return (t) => Sr(t) === e; } function I4(e) { return O4.includes(e); } function yn(e) { return (t) => typeof t === e; } function R4(e) { return _4.includes(e); } var B4 = ["innerHTML", "ownerDocument", "style", "attributes", "nodeValue"]; function A(e) { if (e === null) return "null"; switch (typeof e) { case "bigint": return "bigint"; case "boolean": return "boolean"; case "number": return "number"; case "string": return "string"; case "symbol": return "symbol"; case "undefined": return "undefined"; } return A.array(e) ? "Array" : A.plainFunction(e) ? "Function" : Sr(e) || "Object"; } A.array = Array.isArray; A.arrayOf = (e, t) => !A.array(e) && !A.function(t) ? !1 : e.every((n) => t(n)); A.asyncGeneratorFunction = (e) => Sr(e) === "AsyncGeneratorFunction"; A.asyncFunction = Xe("AsyncFunction"); A.bigint = yn("bigint"); A.boolean = (e) => e === !0 || e === !1; A.date = Xe("Date"); A.defined = (e) => !A.undefined(e); A.domElement = (e) => A.object(e) && !A.plainObject(e) && e.nodeType === 1 && A.string(e.nodeName) && B4.every((t) => t in e); A.empty = (e) => (A.string(e) && e.length === 0) || (A.array(e) && e.length === 0) || (A.object(e) && !A.map(e) && !A.set(e) && Object.keys(e).length === 0) || (A.set(e) && e.size === 0) || (A.map(e) && e.size === 0); A.error = Xe("Error"); A.function = yn("function"); A.generator = (e) => A.iterable(e) && A.function(e.next) && A.function(e.throw); A.generatorFunction = Xe("GeneratorFunction"); A.instanceOf = (e, t) => !e || !t ? !1 : Object.getPrototypeOf(e) === t.prototype; A.iterable = (e) => !A.nullOrUndefined(e) && A.function(e[Symbol.iterator]); A.map = Xe("Map"); A.nan = (e) => Number.isNaN(e); A.null = (e) => e === null; A.nullOrUndefined = (e) => A.null(e) || A.undefined(e); A.number = (e) => yn("number")(e) && !A.nan(e); A.numericString = (e) => A.string(e) && e.length > 0 && !Number.isNaN(Number(e)); A.object = (e) => !A.nullOrUndefined(e) && (A.function(e) || typeof e == "object"); A.oneOf = (e, t) => (A.array(e) ? e.indexOf(t) > -1 : !1); A.plainFunction = Xe("Function"); A.plainObject = (e) => { if (Sr(e) !== "Object") return !1; let t = Object.getPrototypeOf(e); return t === null || t === Object.getPrototypeOf({}); }; A.primitive = (e) => A.null(e) || R4(typeof e); A.promise = Xe("Promise"); A.propertyOf = (e, t, n) => { if (!A.object(e) || !t) return !1; let r = e[t]; return A.function(n) ? n(r) : A.defined(r); }; A.regexp = Xe("RegExp"); A.set = Xe("Set"); A.string = yn("string"); A.symbol = yn("symbol"); A.undefined = yn("undefined"); A.weakMap = Xe("WeakMap"); A.weakSet = Xe("WeakSet"); var O = A; function P4(...e) { return e.every((t) => O.string(t) || O.array(t) || O.plainObject(t)); } function V4(e, t, n) { return n0(e, t) ? [e, t].every(O.array) ? !e.some(Ko(n)) && t.some(Ko(n)) : [e, t].every(O.plainObject) ? !Object.entries(e).some(Yo(n)) && Object.entries(t).some(Yo(n)) : t === n : !1; } function Wo(e, t, n) { let { actual: r, key: i, previous: l, type: o } = n, s = ot(e, i), d = ot(t, i), c = [s, d].every(O.number) && (o === "increased" ? s < d : s > d); return ( O.undefined(r) || (c = c && d === r), O.undefined(l) || (c = c && s === l), c ); } function qo(e, t, n) { let { key: r, type: i, value: l } = n, o = ot(e, r), s = ot(t, r), d = i === "added" ? o : s, c = i === "added" ? s : o; if (!O.nullOrUndefined(l)) { if (O.defined(d)) { if (O.array(d) || O.plainObject(d)) return V4(d, c, l); } else return Me(c, l); return !1; } return [o, s].every(O.array) ? !c.every(ul(d)) : [o, s].every(O.plainObject) ? H4(Object.keys(d), Object.keys(c)) : ![o, s].every((u) => O.primitive(u) && O.defined(u)) && (i === "added" ? !O.defined(o) && O.defined(s) : O.defined(o) && !O.defined(s)); } function Go(e, t, { key: n } = {}) { let r = ot(e, n), i = ot(t, n); if (!n0(r, i)) throw new TypeError("Inputs have different types"); if (!P4(r, i)) throw new TypeError("Inputs don't have length"); return ( [r, i].every(O.plainObject) && ((r = Object.keys(r)), (i = Object.keys(i))), [r, i] ); } function Yo(e) { return ([t, n]) => O.array(e) ? Me(e, n) || e.some((r) => Me(r, n) || (O.array(n) && ul(n)(r))) : O.plainObject(e) && e[t] ? !!e[t] && Me(e[t], n) : Me(e, n); } function H4(e, t) { return t.some((n) => !e.includes(n)); } function Ko(e) { return (t) => O.array(e) ? e.some((n) => Me(n, t) || (O.array(t) && ul(t)(n))) : Me(e, t); } function An(e, t) { return O.array(e) ? e.some((n) => Me(n, t)) : Me(e, t); } function ul(e) { return (t) => e.some((n) => Me(n, t)); } function n0(...e) { return ( e.every(O.array) || e.every(O.number) || e.every(O.plainObject) || e.every(O.string) ); } function ot(e, t) { return O.plainObject(e) || O.array(e) ? O.string(t) ? t.split(".").reduce((n, r) => n && n[r], e) : O.number(t) ? e[t] : e : e; } function lr(e, t) { if ([e, t].some(O.nullOrUndefined)) throw new Error("Missing required parameters"); if (![e, t].every((n) => O.plainObject(n) || O.array(n))) throw new Error("Expected plain objects or array"); return { added: (n, r) => { try { return qo(e, t, { key: n, type: "added", value: r }); } catch { return !1; } }, changed: (n, r, i) => { try { let l = ot(e, n), o = ot(t, n), s = O.defined(r), d = O.defined(i); if (s || d) { let c = d ? An(i, l) : !An(r, l), u = An(r, o); return c && u; } return [l, o].every(O.array) || [l, o].every(O.plainObject) ? !Me(l, o) : l !== o; } catch { return !1; } }, changedFrom: (n, r, i) => { if (!O.defined(n)) return !1; try { let l = ot(e, n), o = ot(t, n), s = O.defined(i); return An(r, l) && (s ? An(i, o) : !s); } catch { return !1; } }, decreased: (n, r, i) => { if (!O.defined(n)) return !1; try { return Wo(e, t, { key: n, actual: r, previous: i, type: "decreased", }); } catch { return !1; } }, emptied: (n) => { try { let [r, i] = Go(e, t, { key: n }); return !!r.length && !i.length; } catch { return !1; } }, filled: (n) => { try { let [r, i] = Go(e, t, { key: n }); return !r.length && !!i.length; } catch { return !1; } }, increased: (n, r, i) => { if (!O.defined(n)) return !1; try { return Wo(e, t, { key: n, actual: r, previous: i, type: "increased", }); } catch { return !1; } }, removed: (n, r) => { try { return qo(e, t, { key: n, type: "removed", value: r }); } catch { return !1; } }, }; } var j4 = pt(_d(), 1), a0 = pt(Id(), 1); function D4(e, ...t) { if (!O.plainObject(e)) throw new TypeError("Expected an object"); let n = {}; for (let r in e) ({}).hasOwnProperty.call(e, r) && (t.includes(r) || (n[r] = e[r])); return n; } function z4(e, ...t) { if (!O.plainObject(e)) throw new TypeError("Expected an object"); if (!t.length) return e; let n = {}; for (let r in e) ({}).hasOwnProperty.call(e, r) && t.includes(r) && (n[r] = e[r]); return n; } var Aa = pt($i(), 1), Xr = pt($i(), 1), N = pt(Pd()), da = typeof window < "u" && typeof document < "u" && typeof navigator < "u", U4 = (function () { for ( var e = ["Edge", "Trident", "Firefox"], t = 0; t < e.length; t += 1 ) if (da && navigator.userAgent.indexOf(e[t]) >= 0) return 1; return 0; })(); function $4(e) { var t = !1; return function () { t || ((t = !0), window.Promise.resolve().then(function () { ((t = !1), e()); })); }; } function W4(e) { var t = !1; return function () { t || ((t = !0), setTimeout(function () { ((t = !1), e()); }, U4)); }; } var q4 = da && window.Promise, G4 = q4 ? $4 : W4; function r0(e) { var t = {}; return e && t.toString.call(e) === "[object Function]"; } function $t(e, t) { if (e.nodeType !== 1) return []; var n = e.ownerDocument.defaultView, r = n.getComputedStyle(e, null); return t ? r[t] : r; } function ml(e) { return e.nodeName === "HTML" ? e : e.parentNode || e.host; } function ca(e) { if (!e) return document.body; switch (e.nodeName) { case "HTML": case "BODY": return e.ownerDocument.body; case "#document": return e.body; } var t = $t(e), n = t.overflow, r = t.overflowX, i = t.overflowY; return /(auto|scroll|overlay)/.test(n + i + r) ? e : ca(ml(e)); } function i0(e) { return e && e.referenceNode ? e.referenceNode : e; } var Jo = da && !!(window.MSInputMethodContext && document.documentMode), Qo = da && /MSIE 10/.test(navigator.userAgent); function bn(e) { return e === 11 ? Jo : e === 10 ? Qo : Jo || Qo; } function hn(e) { if (!e) return document.documentElement; for ( var t = bn(10) ? document.body : null, n = e.offsetParent || null; n === t && e.nextElementSibling; ) n = (e = e.nextElementSibling).offsetParent; var r = n && n.nodeName; return !r || r === "BODY" || r === "HTML" ? e ? e.ownerDocument.documentElement : document.documentElement : ["TH", "TD", "TABLE"].indexOf(n.nodeName) !== -1 && $t(n, "position") === "static" ? hn(n) : n; } function Y4(e) { var t = e.nodeName; return t === "BODY" ? !1 : t === "HTML" || hn(e.firstElementChild) === e; } function Ii(e) { return e.parentNode !== null ? Ii(e.parentNode) : e; } function or(e, t) { if (!e || !e.nodeType || !t || !t.nodeType) return document.documentElement; var n = e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING, r = n ? e : t, i = n ? t : e, l = document.createRange(); (l.setStart(r, 0), l.setEnd(i, 0)); var o = l.commonAncestorContainer; if ((e !== o && t !== o) || r.contains(i)) return Y4(o) ? o : hn(o); var s = Ii(e); return s.host ? or(s.host, t) : or(e, Ii(t).host); } function fn(e) { var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "top", n = t === "top" ? "scrollTop" : "scrollLeft", r = e.nodeName; if (r === "BODY" || r === "HTML") { var i = e.ownerDocument.documentElement, l = e.ownerDocument.scrollingElement || i; return l[n]; } return e[n]; } function K4(e, t) { var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, r = fn(t, "top"), i = fn(t, "left"), l = n ? -1 : 1; return ( (e.top += r * l), (e.bottom += r * l), (e.left += i * l), (e.right += i * l), e ); } function Xo(e, t) { var n = t === "x" ? "Left" : "Top", r = n === "Left" ? "Right" : "Bottom"; return ( parseFloat(e["border" + n + "Width"]) + parseFloat(e["border" + r + "Width"]) ); } function e1(e, t, n, r) { return Math.max( t["offset" + e], t["scroll" + e], n["client" + e], n["offset" + e], n["scroll" + e], bn(10) ? parseInt(n["offset" + e]) + parseInt(r["margin" + (e === "Height" ? "Top" : "Left")]) + parseInt(r["margin" + (e === "Height" ? "Bottom" : "Right")]) : 0, ); } function l0(e) { var t = e.body, n = e.documentElement, r = bn(10) && getComputedStyle(n); return { height: e1("Height", t, n, r), width: e1("Width", t, n, r) }; } var J4 = function (e, t) { if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function"); }, Q4 = (function () { function e(t, n) { for (var r = 0; r < n.length; r++) { var i = n[r]; ((i.enumerable = i.enumerable || !1), (i.configurable = !0), "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i)); } } return function (t, n, r) { return (n && e(t.prototype, n), r && e(t, r), t); }; })(), gn = function (e, t, n) { return ( t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0, }) : (e[t] = n), e ); }, ze = Object.assign || function (e) { for (var t = 1; t < arguments.length; t++) { var n = arguments[t]; for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]); } return e; }; function Ft(e) { return ze({}, e, { right: e.left + e.width, bottom: e.top + e.height }); } function Ri(e) { var t = {}; try { if (bn(10)) { t = e.getBoundingClientRect(); var n = fn(e, "top"), r = fn(e, "left"); ((t.top += n), (t.left += r), (t.bottom += n), (t.right += r)); } else t = e.getBoundingClientRect(); } catch {} var i = { left: t.left, top: t.top, width: t.right - t.left, height: t.bottom - t.top, }, l = e.nodeName === "HTML" ? l0(e.ownerDocument) : {}, o = l.width || e.clientWidth || i.width, s = l.height || e.clientHeight || i.height, d = e.offsetWidth - o, c = e.offsetHeight - s; if (d || c) { var u = $t(e); ((d -= Xo(u, "x")), (c -= Xo(u, "y")), (i.width -= d), (i.height -= c)); } return Ft(i); } function pl(e, t) { var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, r = bn(10), i = t.nodeName === "HTML", l = Ri(e), o = Ri(t), s = ca(e), d = $t(t), c = parseFloat(d.borderTopWidth), u = parseFloat(d.borderLeftWidth); n && i && ((o.top = Math.max(o.top, 0)), (o.left = Math.max(o.left, 0))); var m = Ft({ top: l.top - o.top - c, left: l.left - o.left - u, width: l.width, height: l.height, }); if (((m.marginTop = 0), (m.marginLeft = 0), !r && i)) { var p = parseFloat(d.marginTop), v = parseFloat(d.marginLeft); ((m.top -= c - p), (m.bottom -= c - p), (m.left -= u - v), (m.right -= u - v), (m.marginTop = p), (m.marginLeft = v)); } return ( (r && !n ? t.contains(s) : t === s && s.nodeName !== "BODY") && (m = K4(m, t)), m ); } function X4(e) { var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, n = e.ownerDocument.documentElement, r = pl(e, n), i = Math.max(n.clientWidth, window.innerWidth || 0), l = Math.max(n.clientHeight, window.innerHeight || 0), o = t ? 0 : fn(n), s = t ? 0 : fn(n, "left"), d = { top: o - r.top + r.marginTop, left: s - r.left + r.marginLeft, width: i, height: l, }; return Ft(d); } function o0(e) { var t = e.nodeName; if (t === "BODY" || t === "HTML") return !1; if ($t(e, "position") === "fixed") return !0; var n = ml(e); return n ? o0(n) : !1; } function s0(e) { if (!e || !e.parentElement || bn()) return document.documentElement; for (var t = e.parentElement; t && $t(t, "transform") === "none"; ) t = t.parentElement; return t || document.documentElement; } function hl(e, t, n, r) { var i = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1, l = { top: 0, left: 0 }, o = i ? s0(e) : or(e, i0(t)); if (r === "viewport") l = X4(o, i); else { var s = void 0; r === "scrollParent" ? ((s = ca(ml(t))), s.nodeName === "BODY" && (s = e.ownerDocument.documentElement)) : r === "window" ? (s = e.ownerDocument.documentElement) : (s = r); var d = pl(s, o, i); if (s.nodeName === "HTML" && !o0(o)) { var c = l0(e.ownerDocument), u = c.height, m = c.width; ((l.top += d.top - d.marginTop), (l.bottom = u + d.top), (l.left += d.left - d.marginLeft), (l.right = m + d.left)); } else l = d; } n = n || 0; var p = typeof n == "number"; return ( (l.left += p ? n : n.left || 0), (l.top += p ? n : n.top || 0), (l.right -= p ? n : n.right || 0), (l.bottom -= p ? n : n.bottom || 0), l ); } function ep(e) { var t = e.width, n = e.height; return t * n; } function d0(e, t, n, r, i) { var l = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 0; if (e.indexOf("auto") === -1) return e; var o = hl(n, r, l, i), s = { top: { width: o.width, height: t.top - o.top }, right: { width: o.right - t.right, height: o.height }, bottom: { width: o.width, height: o.bottom - t.bottom }, left: { width: t.left - o.left, height: o.height }, }, d = Object.keys(s) .map(function (p) { return ze({ key: p }, s[p], { area: ep(s[p]) }); }) .sort(function (p, v) { return v.area - p.area; }), c = d.filter(function (p) { var v = p.width, g = p.height; return v >= n.clientWidth && g >= n.clientHeight; }), u = c.length > 0 ? c[0].key : d[0].key, m = e.split("-")[1]; return u + (m ? "-" + m : ""); } function c0(e, t, n) { var r = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : null, i = r ? s0(t) : or(t, i0(n)); return pl(n, i, r); } function u0(e) { var t = e.ownerDocument.defaultView, n = t.getComputedStyle(e), r = parseFloat(n.marginTop || 0) + parseFloat(n.marginBottom || 0), i = parseFloat(n.marginLeft || 0) + parseFloat(n.marginRight || 0), l = { width: e.offsetWidth + i, height: e.offsetHeight + r }; return l; } function sr(e) { var t = { left: "right", right: "left", bottom: "top", top: "bottom" }; return e.replace(/left|right|bottom|top/g, function (n) { return t[n]; }); } function m0(e, t, n) { n = n.split("-")[0]; var r = u0(e), i = { width: r.width, height: r.height }, l = ["right", "left"].indexOf(n) !== -1, o = l ? "top" : "left", s = l ? "left" : "top", d = l ? "height" : "width", c = l ? "width" : "height"; return ( (i[o] = t[o] + t[d] / 2 - r[d] / 2), n === s ? (i[s] = t[s] - r[c]) : (i[s] = t[sr(s)]), i ); } function ua(e, t) { return Array.prototype.find ? e.find(t) : e.filter(t)[0]; } function tp(e, t, n) { if (Array.prototype.findIndex) return e.findIndex(function (i) { return i[t] === n; }); var r = ua(e, function (i) { return i[t] === n; }); return e.indexOf(r); } function p0(e, t, n) { var r = n === void 0 ? e : e.slice(0, tp(e, "name", n)); return ( r.forEach(function (i) { i.function && console.warn( "`modifier.function` is deprecated, use `modifier.fn`!", ); var l = i.function || i.fn; i.enabled && r0(l) && ((t.offsets.popper = Ft(t.offsets.popper)), (t.offsets.reference = Ft(t.offsets.reference)), (t = l(t, i))); }), t ); } function np() { if (!this.state.isDestroyed) { var e = { instance: this, styles: {}, arrowStyles: {}, attributes: {}, flipped: !1, offsets: {}, }; ((e.offsets.reference = c0( this.state, this.popper, this.reference, this.options.positionFixed, )), (e.placement = d0( this.options.placement, e.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding, )), (e.originalPlacement = e.placement), (e.positionFixed = this.options.positionFixed), (e.offsets.popper = m0( this.popper, e.offsets.reference, e.placement, )), (e.offsets.popper.position = this.options.positionFixed ? "fixed" : "absolute"), (e = p0(this.modifiers, e)), this.state.isCreated ? this.options.onUpdate(e) : ((this.state.isCreated = !0), this.options.onCreate(e))); } } function h0(e, t) { return e.some(function (n) { var r = n.name, i = n.enabled; return i && r === t; }); } function fl(e) { for ( var t = [!1, "ms", "Webkit", "Moz", "O"], n = e.charAt(0).toUpperCase() + e.slice(1), r = 0; r < t.length; r++ ) { var i = t[r], l = i ? "" + i + n : e; if (typeof document.body.style[l] < "u") return l; } return null; } function ap() { return ( (this.state.isDestroyed = !0), h0(this.modifiers, "applyStyle") && (this.popper.removeAttribute("x-placement"), (this.popper.style.position = ""), (this.popper.style.top = ""), (this.popper.style.left = ""), (this.popper.style.right = ""), (this.popper.style.bottom = ""), (this.popper.style.willChange = ""), (this.popper.style[fl("transform")] = "")), this.disableEventListeners(), this.options.removeOnDestroy && this.popper.parentNode.removeChild(this.popper), this ); } function f0(e) { var t = e.ownerDocument; return t ? t.defaultView : window; } function g0(e, t, n, r) { var i = e.nodeName === "BODY", l = i ? e.ownerDocument.defaultView : e; (l.addEventListener(t, n, { passive: !0 }), i || g0(ca(l.parentNode), t, n, r), r.push(l)); } function rp(e, t, n, r) { ((n.updateBound = r), f0(e).addEventListener("resize", n.updateBound, { passive: !0 })); var i = ca(e); return ( g0(i, "scroll", n.updateBound, n.scrollParents), (n.scrollElement = i), (n.eventsEnabled = !0), n ); } function ip() { this.state.eventsEnabled || (this.state = rp( this.reference, this.options, this.state, this.scheduleUpdate, )); } function lp(e, t) { return ( f0(e).removeEventListener("resize", t.updateBound), t.scrollParents.forEach(function (n) { n.removeEventListener("scroll", t.updateBound); }), (t.updateBound = null), (t.scrollParents = []), (t.scrollElement = null), (t.eventsEnabled = !1), t ); } function op() { this.state.eventsEnabled && (cancelAnimationFrame(this.scheduleUpdate), (this.state = lp(this.reference, this.state))); } function gl(e) { return e !== "" && !isNaN(parseFloat(e)) && isFinite(e); } function Bi(e, t) { Object.keys(t).forEach(function (n) { var r = ""; (["width", "height", "top", "right", "bottom", "left"].indexOf(n) !== -1 && gl(t[n]) && (r = "px"), (e.style[n] = t[n] + r)); }); } function sp(e, t) { Object.keys(t).forEach(function (n) { var r = t[n]; r !== !1 ? e.setAttribute(n, t[n]) : e.removeAttribute(n); }); } function dp(e) { return ( Bi(e.instance.popper, e.styles), sp(e.instance.popper, e.attributes), e.arrowElement && Object.keys(e.arrowStyles).length && Bi(e.arrowElement, e.arrowStyles), e ); } function cp(e, t, n, r, i) { var l = c0(i, t, e, n.positionFixed), o = d0( n.placement, l, t, e, n.modifiers.flip.boundariesElement, n.modifiers.flip.padding, ); return ( t.setAttribute("x-placement", o), Bi(t, { position: n.positionFixed ? "fixed" : "absolute" }), n ); } function up(e, t) { var n = e.offsets, r = n.popper, i = n.reference, l = Math.round, o = Math.floor, s = function (w) { return w; }, d = l(i.width), c = l(r.width), u = ["left", "right"].indexOf(e.placement) !== -1, m = e.placement.indexOf("-") !== -1, p = d % 2 === c % 2, v = d % 2 === 1 && c % 2 === 1, g = t ? (u || m || p ? l : o) : s, y = t ? l : s; return { left: g(v && !m && t ? r.left - 1 : r.left), top: y(r.top), bottom: y(r.bottom), right: g(r.right), }; } var mp = da && /Firefox/i.test(navigator.userAgent); function pp(e, t) { var n = t.x, r = t.y, i = e.offsets.popper, l = ua(e.instance.modifiers, function (f) { return f.name === "applyStyle"; }).gpuAcceleration; l !== void 0 && console.warn( "WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!", ); var o = l !== void 0 ? l : t.gpuAcceleration, s = hn(e.instance.popper), d = Ri(s), c = { position: i.position }, u = up(e, window.devicePixelRatio < 2 || !mp), m = n === "bottom" ? "top" : "bottom", p = r === "right" ? "left" : "right", v = fl("transform"), g = void 0, y = void 0; if ( (m === "bottom" ? s.nodeName === "HTML" ? (y = -s.clientHeight + u.bottom) : (y = -d.height + u.bottom) : (y = u.top), p === "right" ? s.nodeName === "HTML" ? (g = -s.clientWidth + u.right) : (g = -d.width + u.right) : (g = u.left), o && v) ) ((c[v] = "translate3d(" + g + "px, " + y + "px, 0)"), (c[m] = 0), (c[p] = 0), (c.willChange = "transform")); else { var w = m === "bottom" ? -1 : 1, b = p === "right" ? -1 : 1; ((c[m] = y * w), (c[p] = g * b), (c.willChange = m + ", " + p)); } var h = { "x-placement": e.placement }; return ( (e.attributes = ze({}, h, e.attributes)), (e.styles = ze({}, c, e.styles)), (e.arrowStyles = ze({}, e.offsets.arrow, e.arrowStyles)), e ); } function v0(e, t, n) { var r = ua(e, function (s) { var d = s.name; return d === t; }), i = !!r && e.some(function (s) { return s.name === n && s.enabled && s.order < r.order; }); if (!i) { var l = "`" + t + "`", o = "`" + n + "`"; console.warn( o + " modifier is required by " + l + " modifier in order to work, be sure to include it before " + l + "!", ); } return i; } function hp(e, t) { var n; if (!v0(e.instance.modifiers, "arrow", "keepTogether")) return e; var r = t.element; if (typeof r == "string") { if (((r = e.instance.popper.querySelector(r)), !r)) return e; } else if (!e.instance.popper.contains(r)) return ( console.warn( "WARNING: `arrow.element` must be child of its popper element!", ), e ); var i = e.placement.split("-")[0], l = e.offsets, o = l.popper, s = l.reference, d = ["left", "right"].indexOf(i) !== -1, c = d ? "height" : "width", u = d ? "Top" : "Left", m = u.toLowerCase(), p = d ? "left" : "top", v = d ? "bottom" : "right", g = u0(r)[c]; (s[v] - g < o[m] && (e.offsets.popper[m] -= o[m] - (s[v] - g)), s[m] + g > o[v] && (e.offsets.popper[m] += s[m] + g - o[v]), (e.offsets.popper = Ft(e.offsets.popper))); var y = s[m] + s[c] / 2 - g / 2, w = $t(e.instance.popper), b = parseFloat(w["margin" + u]), h = parseFloat(w["border" + u + "Width"]), f = y - e.offsets.popper[m] - b - h; return ( (f = Math.max(Math.min(o[c] - g, f), 0)), (e.arrowElement = r), (e.offsets.arrow = ((n = {}), gn(n, m, Math.round(f)), gn(n, p, ""), n)), e ); } function fp(e) { return e === "end" ? "start" : e === "start" ? "end" : e; } var y0 = [ "auto-start", "auto", "auto-end", "top-start", "top", "top-end", "right-start", "right", "right-end", "bottom-end", "bottom", "bottom-start", "left-end", "left", "left-start", ], ei = y0.slice(3); function t1(e) { var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, n = ei.indexOf(e), r = ei.slice(n + 1).concat(ei.slice(0, n)); return t ? r.reverse() : r; } var ti = { FLIP: "flip", CLOCKWISE: "clockwise", COUNTERCLOCKWISE: "counterclockwise", }; function gp(e, t) { if ( h0(e.instance.modifiers, "inner") || (e.flipped && e.placement === e.originalPlacement) ) return e; var n = hl( e.instance.popper, e.instance.reference, t.padding, t.boundariesElement, e.positionFixed, ), r = e.placement.split("-")[0], i = sr(r), l = e.placement.split("-")[1] || "", o = []; switch (t.behavior) { case ti.FLIP: o = [r, i]; break; case ti.CLOCKWISE: o = t1(r); break; case ti.COUNTERCLOCKWISE: o = t1(r, !0); break; default: o = t.behavior; } return ( o.forEach(function (s, d) { if (r !== s || o.length === d + 1) return e; ((r = e.placement.split("-")[0]), (i = sr(r))); var c = e.offsets.popper, u = e.offsets.reference, m = Math.floor, p = (r === "left" && m(c.right) > m(u.left)) || (r === "right" && m(c.left) < m(u.right)) || (r === "top" && m(c.bottom) > m(u.top)) || (r === "bottom" && m(c.top) < m(u.bottom)), v = m(c.left) < m(n.left), g = m(c.right) > m(n.right), y = m(c.top) < m(n.top), w = m(c.bottom) > m(n.bottom), b = (r === "left" && v) || (r === "right" && g) || (r === "top" && y) || (r === "bottom" && w), h = ["top", "bottom"].indexOf(r) !== -1, f = !!t.flipVariations && ((h && l === "start" && v) || (h && l === "end" && g) || (!h && l === "start" && y) || (!h && l === "end" && w)), E = !!t.flipVariationsByContent && ((h && l === "start" && g) || (h && l === "end" && v) || (!h && l === "start" && w) || (!h && l === "end" && y)), C = f || E; (p || b || C) && ((e.flipped = !0), (p || b) && (r = o[d + 1]), C && (l = fp(l)), (e.placement = r + (l ? "-" + l : "")), (e.offsets.popper = ze( {}, e.offsets.popper, m0(e.instance.popper, e.offsets.reference, e.placement), )), (e = p0(e.instance.modifiers, e, "flip"))); }), e ); } function vp(e) { var t = e.offsets, n = t.popper, r = t.reference, i = e.placement.split("-")[0], l = Math.floor, o = ["top", "bottom"].indexOf(i) !== -1, s = o ? "right" : "bottom", d = o ? "left" : "top", c = o ? "width" : "height"; return ( n[s] < l(r[d]) && (e.offsets.popper[d] = l(r[d]) - n[c]), n[d] > l(r[s]) && (e.offsets.popper[d] = l(r[s])), e ); } function yp(e, t, n, r) { var i = e.match(/((?:\-|\+)?\d*\.?\d*)(.*)/), l = +i[1], o = i[2]; if (!l) return e; if (o.indexOf("%") === 0) { var s = void 0; switch (o) { case "%p": s = n; break; case "%": case "%r": default: s = r; } var d = Ft(s); return (d[t] / 100) * l; } else if (o === "vh" || o === "vw") { var c = void 0; return ( o === "vh" ? (c = Math.max( document.documentElement.clientHeight, window.innerHeight || 0, )) : (c = Math.max( document.documentElement.clientWidth, window.innerWidth || 0, )), (c / 100) * l ); } else return l; } function bp(e, t, n, r) { var i = [0, 0], l = ["right", "left"].indexOf(r) !== -1, o = e.split(/(\+|\-)/).map(function (u) { return u.trim(); }), s = o.indexOf( ua(o, function (u) { return u.search(/,|\s/) !== -1; }), ); o[s] && o[s].indexOf(",") === -1 && console.warn( "Offsets separated by white space(s) are deprecated, use a comma (,) instead.", ); var d = /\s*,\s*|\s+/, c = s !== -1 ? [ o.slice(0, s).concat([o[s].split(d)[0]]), [o[s].split(d)[1]].concat(o.slice(s + 1)), ] : [o]; return ( (c = c.map(function (u, m) { var p = (m === 1 ? !l : l) ? "height" : "width", v = !1; return u .reduce(function (g, y) { return g[g.length - 1] === "" && ["+", "-"].indexOf(y) !== -1 ? ((g[g.length - 1] = y), (v = !0), g) : v ? ((g[g.length - 1] += y), (v = !1), g) : g.concat(y); }, []) .map(function (g) { return yp(g, p, t, n); }); })), c.forEach(function (u, m) { u.forEach(function (p, v) { gl(p) && (i[m] += p * (u[v - 1] === "-" ? -1 : 1)); }); }), i ); } function Ep(e, t) { var n = t.offset, r = e.placement, i = e.offsets, l = i.popper, o = i.reference, s = r.split("-")[0], d = void 0; return ( gl(+n) ? (d = [+n, 0]) : (d = bp(n, l, o, s)), s === "left" ? ((l.top += d[0]), (l.left -= d[1])) : s === "right" ? ((l.top += d[0]), (l.left += d[1])) : s === "top" ? ((l.left += d[0]), (l.top -= d[1])) : s === "bottom" && ((l.left += d[0]), (l.top += d[1])), (e.popper = l), e ); } function kp(e, t) { var n = t.boundariesElement || hn(e.instance.popper); e.instance.reference === n && (n = hn(n)); var r = fl("transform"), i = e.instance.popper.style, l = i.top, o = i.left, s = i[r]; ((i.top = ""), (i.left = ""), (i[r] = "")); var d = hl( e.instance.popper, e.instance.reference, t.padding, n, e.positionFixed, ); ((i.top = l), (i.left = o), (i[r] = s), (t.boundaries = d)); var c = t.priority, u = e.offsets.popper, m = { primary: function (p) { var v = u[p]; return ( u[p] < d[p] && !t.escapeWithReference && (v = Math.max(u[p], d[p])), gn({}, p, v) ); }, secondary: function (p) { var v = p === "right" ? "left" : "top", g = u[v]; return ( u[p] > d[p] && !t.escapeWithReference && (g = Math.min( u[v], d[p] - (p === "right" ? u.width : u.height), )), gn({}, v, g) ); }, }; return ( c.forEach(function (p) { var v = ["left", "top"].indexOf(p) !== -1 ? "primary" : "secondary"; u = ze({}, u, m[v](p)); }), (e.offsets.popper = u), e ); } function wp(e) { var t = e.placement, n = t.split("-")[0], r = t.split("-")[1]; if (r) { var i = e.offsets, l = i.reference, o = i.popper, s = ["bottom", "top"].indexOf(n) !== -1, d = s ? "left" : "top", c = s ? "width" : "height", u = { start: gn({}, d, l[d]), end: gn({}, d, l[d] + l[c] - o[c]) }; e.offsets.popper = ze({}, o, u[r]); } return e; } function Cp(e) { if (!v0(e.instance.modifiers, "hide", "preventOverflow")) return e; var t = e.offsets.reference, n = ua(e.instance.modifiers, function (r) { return r.name === "preventOverflow"; }).boundaries; if ( t.bottom < n.top || t.left > n.right || t.top > n.bottom || t.right < n.left ) { if (e.hide === !0) return e; ((e.hide = !0), (e.attributes["x-out-of-boundaries"] = "")); } else { if (e.hide === !1) return e; ((e.hide = !1), (e.attributes["x-out-of-boundaries"] = !1)); } return e; } function Sp(e) { var t = e.placement, n = t.split("-")[0], r = e.offsets, i = r.popper, l = r.reference, o = ["left", "right"].indexOf(n) !== -1, s = ["top", "left"].indexOf(n) === -1; return ( (i[o ? "left" : "top"] = l[n] - (s ? i[o ? "width" : "height"] : 0)), (e.placement = sr(t)), (e.offsets.popper = Ft(i)), e ); } var xp = { shift: { order: 100, enabled: !0, fn: wp }, offset: { order: 200, enabled: !0, fn: Ep, offset: 0 }, preventOverflow: { order: 300, enabled: !0, fn: kp, priority: ["left", "right", "top", "bottom"], padding: 5, boundariesElement: "scrollParent", }, keepTogether: { order: 400, enabled: !0, fn: vp }, arrow: { order: 500, enabled: !0, fn: hp, element: "[x-arrow]" }, flip: { order: 600, enabled: !0, fn: gp, behavior: "flip", padding: 5, boundariesElement: "viewport", flipVariations: !1, flipVariationsByContent: !1, }, inner: { order: 700, enabled: !1, fn: Sp }, hide: { order: 800, enabled: !0, fn: Cp }, computeStyle: { order: 850, enabled: !0, fn: pp, gpuAcceleration: !0, x: "bottom", y: "right", }, applyStyle: { order: 900, enabled: !0, fn: dp, onLoad: cp, gpuAcceleration: void 0, }, }, Np = { placement: "bottom", positionFixed: !1, eventsEnabled: !0, removeOnDestroy: !1, onCreate: function () {}, onUpdate: function () {}, modifiers: xp, }, xr = (function () { function e(t, n) { var r = this, i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}; (J4(this, e), (this.scheduleUpdate = function () { return requestAnimationFrame(r.update); }), (this.update = G4(this.update.bind(this))), (this.options = ze({}, e.Defaults, i)), (this.state = { isDestroyed: !1, isCreated: !1, scrollParents: [], }), (this.reference = t && t.jquery ? t[0] : t), (this.popper = n && n.jquery ? n[0] : n), (this.options.modifiers = {}), Object.keys(ze({}, e.Defaults.modifiers, i.modifiers)).forEach( function (o) { r.options.modifiers[o] = ze( {}, e.Defaults.modifiers[o] || {}, i.modifiers ? i.modifiers[o] : {}, ); }, ), (this.modifiers = Object.keys(this.options.modifiers) .map(function (o) { return ze({ name: o }, r.options.modifiers[o]); }) .sort(function (o, s) { return o.order - s.order; })), this.modifiers.forEach(function (o) { o.enabled && r0(o.onLoad) && o.onLoad(r.reference, r.popper, r.options, o, r.state); }), this.update()); var l = this.options.eventsEnabled; (l && this.enableEventListeners(), (this.state.eventsEnabled = l)); } return ( Q4(e, [ { key: "update", value: function () { return np.call(this); }, }, { key: "destroy", value: function () { return ap.call(this); }, }, { key: "enableEventListeners", value: function () { return ip.call(this); }, }, { key: "disableEventListeners", value: function () { return op.call(this); }, }, ]), e ); })(); xr.Utils = window.PopperUtils; xr.placements = y0; xr.Defaults = Np; var n1 = xr, Pi = pt($i()), Mp = ["innerHTML", "ownerDocument", "style", "attributes", "nodeValue"], Fp = [ "Array", "ArrayBuffer", "AsyncFunction", "AsyncGenerator", "AsyncGeneratorFunction", "Date", "Error", "Function", "Generator", "GeneratorFunction", "HTMLElement", "Map", "Object", "Promise", "RegExp", "Set", "WeakMap", "WeakSet", ], Ap = [ "bigint", "boolean", "null", "number", "string", "symbol", "undefined", ]; function Nr(e) { var t = Object.prototype.toString.call(e).slice(8, -1); if (/HTML\w+Element/.test(t)) return "HTMLElement"; if (Lp(t)) return t; } function et(e) { return function (t) { return Nr(t) === e; }; } function Lp(e) { return Fp.includes(e); } function En(e) { return function (t) { return typeof t === e; }; } function Tp(e) { return Ap.includes(e); } function L(e) { if (e === null) return "null"; switch (typeof e) { case "bigint": return "bigint"; case "boolean": return "boolean"; case "number": return "number"; case "string": return "string"; case "symbol": return "symbol"; case "undefined": return "undefined"; } if (L.array(e)) return "Array"; if (L.plainFunction(e)) return "Function"; var t = Nr(e); return t || "Object"; } L.array = Array.isArray; L.arrayOf = function (e, t) { return !L.array(e) && !L.function(t) ? !1 : e.every(function (n) { return t(n); }); }; L.asyncGeneratorFunction = function (e) { return Nr(e) === "AsyncGeneratorFunction"; }; L.asyncFunction = et("AsyncFunction"); L.bigint = En("bigint"); L.boolean = function (e) { return e === !0 || e === !1; }; L.date = et("Date"); L.defined = function (e) { return !L.undefined(e); }; L.domElement = function (e) { return ( L.object(e) && !L.plainObject(e) && e.nodeType === 1 && L.string(e.nodeName) && Mp.every(function (t) { return t in e; }) ); }; L.empty = function (e) { return ( (L.string(e) && e.length === 0) || (L.array(e) && e.length === 0) || (L.object(e) && !L.map(e) && !L.set(e) && Object.keys(e).length === 0) || (L.set(e) && e.size === 0) || (L.map(e) && e.size === 0) ); }; L.error = et("Error"); L.function = En("function"); L.generator = function (e) { return L.iterable(e) && L.function(e.next) && L.function(e.throw); }; L.generatorFunction = et("GeneratorFunction"); L.instanceOf = function (e, t) { return !e || !t ? !1 : Object.getPrototypeOf(e) === t.prototype; }; L.iterable = function (e) { return !L.nullOrUndefined(e) && L.function(e[Symbol.iterator]); }; L.map = et("Map"); L.nan = function (e) { return Number.isNaN(e); }; L.null = function (e) { return e === null; }; L.nullOrUndefined = function (e) { return L.null(e) || L.undefined(e); }; L.number = function (e) { return En("number")(e) && !L.nan(e); }; L.numericString = function (e) { return L.string(e) && e.length > 0 && !Number.isNaN(Number(e)); }; L.object = function (e) { return !L.nullOrUndefined(e) && (L.function(e) || typeof e == "object"); }; L.oneOf = function (e, t) { return L.array(e) ? e.indexOf(t) > -1 : !1; }; L.plainFunction = et("Function"); L.plainObject = function (e) { if (Nr(e) !== "Object") return !1; var t = Object.getPrototypeOf(e); return t === null || t === Object.getPrototypeOf({}); }; L.primitive = function (e) { return L.null(e) || Tp(typeof e); }; L.promise = et("Promise"); L.propertyOf = function (e, t, n) { if (!L.object(e) || !t) return !1; var r = e[t]; return L.function(n) ? n(r) : L.defined(r); }; L.regexp = et("RegExp"); L.set = et("Set"); L.string = En("string"); L.symbol = En("symbol"); L.undefined = En("undefined"); L.weakMap = et("WeakMap"); L.weakSet = et("WeakSet"); var I = L; function b0(e) { return function (t) { return typeof t === e; }; } var Zp = b0("function"), Op = function (e) { return e === null; }, a1 = function (e) { return Object.prototype.toString.call(e).slice(8, -1) === "RegExp"; }, r1 = function (e) { return !_p(e) && !Op(e) && (Zp(e) || typeof e == "object"); }, _p = b0("undefined"), Vi = function (e) { var t = typeof Symbol == "function" && Symbol.iterator, n = t && e[t], r = 0; if (n) return n.call(e); if (e && typeof e.length == "number") return { next: function () { return ( e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e } ); }, }; throw new TypeError( t ? "Object is not iterable." : "Symbol.iterator is not defined.", ); }; function Ip(e, t) { var n = e.length; if (n !== t.length) return !1; for (var r = n; r-- !== 0; ) if (!Oe(e[r], t[r])) return !1; return !0; } function Rp(e, t) { if (e.byteLength !== t.byteLength) return !1; for ( var n = new DataView(e.buffer), r = new DataView(t.buffer), i = e.byteLength; i--; ) if (n.getUint8(i) !== r.getUint8(i)) return !1; return !0; } function Bp(e, t) { var n, r, i, l; if (e.size !== t.size) return !1; try { for (var o = Vi(e.entries()), s = o.next(); !s.done; s = o.next()) { var d = s.value; if (!t.has(d[0])) return !1; } } catch (m) { n = { error: m }; } finally { try { s && !s.done && (r = o.return) && r.call(o); } finally { if (n) throw n.error; } } try { for (var c = Vi(e.entries()), u = c.next(); !u.done; u = c.next()) { var d = u.value; if (!Oe(d[1], t.get(d[0]))) return !1; } } catch (m) { i = { error: m }; } finally { try { u && !u.done && (l = c.return) && l.call(c); } finally { if (i) throw i.error; } } return !0; } function Pp(e, t) { var n, r; if (e.size !== t.size) return !1; try { for (var i = Vi(e.entries()), l = i.next(); !l.done; l = i.next()) { var o = l.value; if (!t.has(o[0])) return !1; } } catch (s) { n = { error: s }; } finally { try { l && !l.done && (r = i.return) && r.call(i); } finally { if (n) throw n.error; } } return !0; } function Oe(e, t) { if (e === t) return !0; if (e && r1(e) && t && r1(t)) { if (e.constructor !== t.constructor) return !1; if (Array.isArray(e) && Array.isArray(t)) return Ip(e, t); if (e instanceof Map && t instanceof Map) return Bp(e, t); if (e instanceof Set && t instanceof Set) return Pp(e, t); if (ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) return Rp(e, t); if (a1(e) && a1(t)) return e.source === t.source && e.flags === t.flags; if (e.valueOf !== Object.prototype.valueOf) return e.valueOf() === t.valueOf(); if (e.toString !== Object.prototype.toString) return e.toString() === t.toString(); var n = Object.keys(e), r = Object.keys(t); if (n.length !== r.length) return !1; for (var i = n.length; i-- !== 0; ) if (!Object.prototype.hasOwnProperty.call(t, n[i])) return !1; for (var i = n.length; i-- !== 0; ) { var l = n[i]; if (!(l === "_owner" && e.$$typeof) && !Oe(e[l], t[l])) return !1; } return !0; } return Number.isNaN(e) && Number.isNaN(t) ? !0 : e === t; } function Vp() { for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t]; return e.every(function (n) { return I.string(n) || I.array(n) || I.plainObject(n); }); } function Hp(e, t, n) { return E0(e, t) ? [e, t].every(I.array) ? !e.some(d1(n)) && t.some(d1(n)) : [e, t].every(I.plainObject) ? !Object.entries(e).some(s1(n)) && Object.entries(t).some(s1(n)) : t === n : !1; } function i1(e, t, n) { var r = n.actual, i = n.key, l = n.previous, o = n.type, s = st(e, i), d = st(t, i), c = [s, d].every(I.number) && (o === "increased" ? s < d : s > d); return ( I.undefined(r) || (c = c && d === r), I.undefined(l) || (c = c && s === l), c ); } function l1(e, t, n) { var r = n.key, i = n.type, l = n.value, o = st(e, r), s = st(t, r), d = i === "added" ? o : s, c = i === "added" ? s : o; if (!I.nullOrUndefined(l)) { if (I.defined(d)) { if (I.array(d) || I.plainObject(d)) return Hp(d, c, l); } else return Oe(c, l); return !1; } return [o, s].every(I.array) ? !c.every(vl(d)) : [o, s].every(I.plainObject) ? jp(Object.keys(d), Object.keys(c)) : ![o, s].every(function (u) { return I.primitive(u) && I.defined(u); }) && (i === "added" ? !I.defined(o) && I.defined(s) : I.defined(o) && !I.defined(s)); } function o1(e, t, n) { var r = n === void 0 ? {} : n, i = r.key, l = st(e, i), o = st(t, i); if (!E0(l, o)) throw new TypeError("Inputs have different types"); if (!Vp(l, o)) throw new TypeError("Inputs don't have length"); return ( [l, o].every(I.plainObject) && ((l = Object.keys(l)), (o = Object.keys(o))), [l, o] ); } function s1(e) { return function (t) { var n = t[0], r = t[1]; return I.array(e) ? Oe(e, r) || e.some(function (i) { return Oe(i, r) || (I.array(r) && vl(r)(i)); }) : I.plainObject(e) && e[n] ? !!e[n] && Oe(e[n], r) : Oe(e, r); }; } function jp(e, t) { return t.some(function (n) { return !e.includes(n); }); } function d1(e) { return function (t) { return I.array(e) ? e.some(function (n) { return Oe(n, t) || (I.array(t) && vl(t)(n)); }) : Oe(e, t); }; } function Ln(e, t) { return I.array(e) ? e.some(function (n) { return Oe(n, t); }) : Oe(e, t); } function vl(e) { return function (t) { return e.some(function (n) { return Oe(n, t); }); }; } function E0() { for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t]; return ( e.every(I.array) || e.every(I.number) || e.every(I.plainObject) || e.every(I.string) ); } function st(e, t) { if (I.plainObject(e) || I.array(e)) { if (I.string(t)) { var n = t.split("."); return n.reduce(function (r, i) { return r && r[i]; }, e); } return I.number(t) ? e[t] : e; } return e; } function Dp(e, t) { if ([e, t].some(I.nullOrUndefined)) throw new Error("Missing required parameters"); if ( ![e, t].every(function (m) { return I.plainObject(m) || I.array(m); }) ) throw new Error("Expected plain objects or array"); var n = function (m, p) { try { return l1(e, t, { key: m, type: "added", value: p }); } catch { return !1; } }, r = function (m, p, v) { try { var g = st(e, m), y = st(t, m), w = I.defined(p), b = I.defined(v); if (w || b) { var h = b ? Ln(v, g) : !Ln(p, g), f = Ln(p, y); return h && f; } return [g, y].every(I.array) || [g, y].every(I.plainObject) ? !Oe(g, y) : g !== y; } catch { return !1; } }, i = function (m, p, v) { if (!I.defined(m)) return !1; try { var g = st(e, m), y = st(t, m), w = I.defined(v); return Ln(p, g) && (w ? Ln(v, y) : !w); } catch { return !1; } }, l = function (m, p) { return I.defined(m) ? r(m, p) : !1; }, o = function (m, p, v) { if (!I.defined(m)) return !1; try { return i1(e, t, { key: m, actual: p, previous: v, type: "decreased", }); } catch { return !1; } }, s = function (m) { try { var p = o1(e, t, { key: m }), v = p[0], g = p[1]; return !!v.length && !g.length; } catch { return !1; } }, d = function (m) { try { var p = o1(e, t, { key: m }), v = p[0], g = p[1]; return !v.length && !!g.length; } catch { return !1; } }, c = function (m, p, v) { if (!I.defined(m)) return !1; try { return i1(e, t, { key: m, actual: p, previous: v, type: "increased", }); } catch { return !1; } }, u = function (m, p) { try { return l1(e, t, { key: m, type: "removed", value: p }); } catch { return !1; } }; return { added: n, changed: r, changedFrom: i, changedTo: l, decreased: o, emptied: s, filled: d, increased: c, removed: u, }; } function c1(e, t) { var n = Object.keys(e); if (Object.getOwnPropertySymbols) { var r = Object.getOwnPropertySymbols(e); (t && (r = r.filter(function (i) { return Object.getOwnPropertyDescriptor(e, i).enumerable; })), n.push.apply(n, r)); } return n; } function me(e) { for (var t = 1; t < arguments.length; t++) { var n = arguments[t] != null ? arguments[t] : {}; t % 2 ? c1(Object(n), !0).forEach(function (r) { xe(e, r, n[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : c1(Object(n)).forEach(function (r) { Object.defineProperty( e, r, Object.getOwnPropertyDescriptor(n, r), ); }); } return e; } function ma(e, t) { if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function"); } function u1(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; ((r.enumerable = r.enumerable || !1), (r.configurable = !0), "value" in r && (r.writable = !0), Object.defineProperty(e, w0(r.key), r)); } } function pa(e, t, n) { return ( t && u1(e.prototype, t), n && u1(e, n), Object.defineProperty(e, "prototype", { writable: !1 }), e ); } function xe(e, t, n) { return ( (t = w0(t)), t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0, }) : (e[t] = n), e ); } function ha(e, t) { if (typeof t != "function" && t !== null) throw new TypeError( "Super expression must either be null or a function", ); ((e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 }, })), Object.defineProperty(e, "prototype", { writable: !1 }), t && Hi(e, t)); } function dr(e) { return ( (dr = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }), dr(e) ); } function Hi(e, t) { return ( (Hi = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (n, r) { return ((n.__proto__ = r), n); }), Hi(e, t) ); } function zp() { if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1; if (typeof Proxy == "function") return !0; try { return ( Boolean.prototype.valueOf.call( Reflect.construct(Boolean, [], function () {}), ), !0 ); } catch { return !1; } } function Up(e, t) { if (e == null) return {}; var n = {}, r = Object.keys(e), i, l; for (l = 0; l < r.length; l++) ((i = r[l]), !(t.indexOf(i) >= 0) && (n[i] = e[i])); return n; } function k0(e, t) { if (e == null) return {}; var n = Up(e, t), r, i; if (Object.getOwnPropertySymbols) { var l = Object.getOwnPropertySymbols(e); for (i = 0; i < l.length; i++) ((r = l[i]), !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r])); } return n; } function vt(e) { if (e === void 0) throw new ReferenceError( "this hasn't been initialised - super() hasn't been called", ); return e; } function $p(e, t) { if (t && (typeof t == "object" || typeof t == "function")) return t; if (t !== void 0) throw new TypeError( "Derived constructors may only return object or undefined", ); return vt(e); } function fa(e) { var t = zp(); return function () { var n = dr(e), r; if (t) { var i = dr(this).constructor; r = Reflect.construct(n, arguments, i); } else r = n.apply(this, arguments); return $p(this, r); }; } function Wp(e, t) { if (typeof e != "object" || e === null) return e; var n = e[Symbol.toPrimitive]; if (n !== void 0) { var r = n.call(e, t || "default"); if (typeof r != "object") return r; throw new TypeError("@@toPrimitive must return a primitive value."); } return (t === "string" ? String : Number)(e); } function w0(e) { var t = Wp(e, "string"); return typeof t == "symbol" ? t : String(t); } var qp = { flip: { padding: 20 }, preventOverflow: { padding: 10 } }, Gp = "The typeValidator argument must be a function with the signature function(props, propName, componentName).", Yp = "The error message is optional, but must be a string if provided."; function Kp(e, t, n, r) { return typeof e == "boolean" ? e : typeof e == "function" ? e(t, n, r) : e ? !!e : !1; } function Jp(e, t) { return Object.hasOwnProperty.call(e, t); } function Qp(e, t, n, r) { return r ? new Error(r) : new Error( "Required " .concat(e[t], " `") .concat(t, "` was not specified in `") .concat(n, "`."), ); } function Xp(e, t) { if (typeof e != "function") throw new TypeError(Gp); if (t && typeof t != "string") throw new TypeError(Yp); } function m1(e, t, n) { return ( Xp(e, n), function (r, i, l) { for ( var o = arguments.length, s = new Array(o > 3 ? o - 3 : 0), d = 3; d < o; d++ ) s[d - 3] = arguments[d]; return Kp(t, r, i, l) ? Jp(r, i) ? e.apply(void 0, [r, i, l].concat(s)) : Qp(r, i, l, n) : e.apply(void 0, [r, i, l].concat(s)); } ); } var ee = { INIT: "init", IDLE: "idle", OPENING: "opening", OPEN: "open", CLOSING: "closing", ERROR: "error", }, Tn = Nn.createPortal !== void 0; function at() { return !!( typeof window < "u" && window.document && window.document.createElement ); } function ni() { return "ontouchstart" in window && /Mobi/.test(navigator.userAgent); } function La(e) { var t = e.title, n = e.data, r = e.warn, i = r === void 0 ? !1 : r, l = e.debug, o = l === void 0 ? !1 : l, s = i ? console.warn || console.error : console.log; o && t && n && (console.groupCollapsed( "%creact-floater: ".concat(t), "color: #9b00ff; font-weight: bold; font-size: 12px;", ), Array.isArray(n) ? n.forEach(function (d) { I.plainObject(d) && d.key ? s.apply(console, [d.key, d.value]) : s.apply(console, [d]); }) : s.apply(console, [n]), console.groupEnd()); } function e3(e, t, n) { var r = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1; e.addEventListener(t, n, r); } function t3(e, t, n) { var r = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1; e.removeEventListener(t, n, r); } function n3(e, t, n) { var r = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, i; ((i = function (l) { (n(l), t3(e, t, i)); }), e3(e, t, i, r)); } function p1() {} var C0 = (function (e) { ha(n, e); var t = fa(n); function n() { return (ma(this, n), t.apply(this, arguments)); } return ( pa(n, [ { key: "componentDidMount", value: function () { at() && (this.node || this.appendNode(), Tn || this.renderPortal()); }, }, { key: "componentDidUpdate", value: function () { at() && (Tn || this.renderPortal()); }, }, { key: "componentWillUnmount", value: function () { !at() || !this.node || (Tn || Nn.unmountComponentAtNode(this.node), this.node && this.node.parentNode === document.body && (document.body.removeChild(this.node), (this.node = void 0))); }, }, { key: "appendNode", value: function () { var r = this.props, i = r.id, l = r.zIndex; this.node || ((this.node = document.createElement("div")), i && (this.node.id = i), l && (this.node.style.zIndex = l), document.body.appendChild(this.node)); }, }, { key: "renderPortal", value: function () { if (!at()) return null; var r = this.props, i = r.children, l = r.setRef; if ((this.node || this.appendNode(), Tn)) return Nn.createPortal(i, this.node); var o = Nn.unstable_renderSubtreeIntoContainer( this, i.length > 1 ? a.createElement("div", null, i) : i[0], this.node, ); return (l(o), null); }, }, { key: "renderReact16", value: function () { var r = this.props, i = r.hasChildren, l = r.placement, o = r.target; return i ? this.renderPortal() : o || l === "center" ? this.renderPortal() : null; }, }, { key: "render", value: function () { return Tn ? this.renderReact16() : null; }, }, ]), n ); })(a.Component); xe(C0, "propTypes", { children: N.default.oneOfType([N.default.element, N.default.array]), hasChildren: N.default.bool, id: N.default.oneOfType([N.default.string, N.default.number]), placement: N.default.string, setRef: N.default.func.isRequired, target: N.default.oneOfType([N.default.object, N.default.string]), zIndex: N.default.number, }); var S0 = (function (e) { ha(n, e); var t = fa(n); function n() { return (ma(this, n), t.apply(this, arguments)); } return ( pa(n, [ { key: "parentStyle", get: function () { var r = this.props, i = r.placement, l = r.styles, o = l.arrow.length, s = { pointerEvents: "none", position: "absolute", width: "100%", }; return ( i.startsWith("top") ? ((s.bottom = 0), (s.left = 0), (s.right = 0), (s.height = o)) : i.startsWith("bottom") ? ((s.left = 0), (s.right = 0), (s.top = 0), (s.height = o)) : i.startsWith("left") ? ((s.right = 0), (s.top = 0), (s.bottom = 0)) : i.startsWith("right") && ((s.left = 0), (s.top = 0)), s ); }, }, { key: "render", value: function () { var r = this.props, i = r.placement, l = r.setArrowRef, o = r.styles, s = o.arrow, d = s.color, c = s.display, u = s.length, m = s.margin, p = s.position, v = s.spread, g = { display: c, position: p }, y, w = v, b = u; return ( i.startsWith("top") ? ((y = "0,0 " .concat(w / 2, ",") .concat(b, " ") .concat(w, ",0")), (g.bottom = 0), (g.marginLeft = m), (g.marginRight = m)) : i.startsWith("bottom") ? ((y = "" .concat(w, ",") .concat(b, " ") .concat(w / 2, ",0 0,") .concat(b)), (g.top = 0), (g.marginLeft = m), (g.marginRight = m)) : i.startsWith("left") ? ((b = v), (w = u), (y = "0,0 " .concat(w, ",") .concat(b / 2, " 0,") .concat(b)), (g.right = 0), (g.marginTop = m), (g.marginBottom = m)) : i.startsWith("right") && ((b = v), (w = u), (y = "" .concat(w, ",") .concat(b, " ") .concat(w, ",0 0,") .concat(b / 2)), (g.left = 0), (g.marginTop = m), (g.marginBottom = m)), a.createElement( "div", { className: "__floater__arrow", style: this.parentStyle }, a.createElement( "span", { ref: l, style: g }, a.createElement( "svg", { width: w, height: b, version: "1.1", xmlns: "http://www.w3.org/2000/svg", }, a.createElement("polygon", { points: y, fill: d }), ), ), ) ); }, }, ]), n ); })(a.Component); xe(S0, "propTypes", { placement: N.default.string.isRequired, setArrowRef: N.default.func.isRequired, styles: N.default.object.isRequired, }); var a3 = ["color", "height", "width"]; function x0(e) { var t = e.handleClick, n = e.styles, r = n.color, i = n.height, l = n.width, o = k0(n, a3); return a.createElement( "button", { "aria-label": "close", onClick: t, style: o, type: "button" }, a.createElement( "svg", { width: "".concat(l, "px"), height: "".concat(i, "px"), viewBox: "0 0 18 18", version: "1.1", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid", }, a.createElement( "g", null, a.createElement("path", { d: "M8.13911129,9.00268191 L0.171521827,17.0258467 C-0.0498027049,17.248715 -0.0498027049,17.6098394 0.171521827,17.8327545 C0.28204354,17.9443526 0.427188206,17.9998706 0.572051765,17.9998706 C0.71714958,17.9998706 0.862013139,17.9443526 0.972581703,17.8327545 L9.0000937,9.74924618 L17.0276057,17.8327545 C17.1384085,17.9443526 17.2832721,17.9998706 17.4281356,17.9998706 C17.5729992,17.9998706 17.718097,17.9443526 17.8286656,17.8327545 C18.0499901,17.6098862 18.0499901,17.2487618 17.8286656,17.0258467 L9.86135722,9.00268191 L17.8340066,0.973848225 C18.0553311,0.750979934 18.0553311,0.389855532 17.8340066,0.16694039 C17.6126821,-0.0556467968 17.254037,-0.0556467968 17.0329467,0.16694039 L9.00042166,8.25611765 L0.967006424,0.167268345 C0.745681892,-0.0553188426 0.387317931,-0.0553188426 0.165993399,0.167268345 C-0.0553311331,0.390136635 -0.0553311331,0.751261038 0.165993399,0.974176179 L8.13920499,9.00268191 L8.13911129,9.00268191 Z", fill: r, }), ), ), ); } x0.propTypes = { handleClick: N.default.func.isRequired, styles: N.default.object.isRequired, }; function N0(e) { var t = e.content, n = e.footer, r = e.handleClick, i = e.open, l = e.positionWrapper, o = e.showCloseButton, s = e.title, d = e.styles, c = { content: a.isValidElement(t) ? t : a.createElement( "div", { className: "__floater__content", style: d.content }, t, ), }; return ( s && (c.title = a.isValidElement(s) ? s : a.createElement( "div", { className: "__floater__title", style: d.title }, s, )), n && (c.footer = a.isValidElement(n) ? n : a.createElement( "div", { className: "__floater__footer", style: d.footer }, n, )), (o || l) && !I.boolean(i) && (c.close = a.createElement(x0, { styles: d.close, handleClick: r })), a.createElement( "div", { className: "__floater__container", style: d.container }, c.close, c.title, c.content, c.footer, ) ); } N0.propTypes = { content: N.default.node.isRequired, footer: N.default.node, handleClick: N.default.func.isRequired, open: N.default.bool, positionWrapper: N.default.bool.isRequired, showCloseButton: N.default.bool.isRequired, styles: N.default.object.isRequired, title: N.default.node, }; var M0 = (function (e) { ha(n, e); var t = fa(n); function n() { return (ma(this, n), t.apply(this, arguments)); } return ( pa(n, [ { key: "style", get: function () { var r = this.props, i = r.disableAnimation, l = r.component, o = r.placement, s = r.hideArrow, d = r.status, c = r.styles, u = c.arrow.length, m = c.floater, p = c.floaterCentered, v = c.floaterClosing, g = c.floaterOpening, y = c.floaterWithAnimation, w = c.floaterWithComponent, b = {}; return ( s || (o.startsWith("top") ? (b.padding = "0 0 ".concat(u, "px")) : o.startsWith("bottom") ? (b.padding = "".concat(u, "px 0 0")) : o.startsWith("left") ? (b.padding = "0 ".concat(u, "px 0 0")) : o.startsWith("right") && (b.padding = "0 0 0 ".concat(u, "px"))), [ee.OPENING, ee.OPEN].indexOf(d) !== -1 && (b = me(me({}, b), g)), d === ee.CLOSING && (b = me(me({}, b), v)), d === ee.OPEN && !i && (b = me(me({}, b), y)), o === "center" && (b = me(me({}, b), p)), l && (b = me(me({}, b), w)), me(me({}, m), b) ); }, }, { key: "render", value: function () { var r = this.props, i = r.component, l = r.handleClick, o = r.hideArrow, s = r.setFloaterRef, d = r.status, c = {}, u = ["__floater"]; return ( i ? a.isValidElement(i) ? (c.content = a.cloneElement(i, { closeFn: l })) : (c.content = i({ closeFn: l })) : (c.content = a.createElement(N0, this.props)), d === ee.OPEN && u.push("__floater__open"), o || (c.arrow = a.createElement(S0, this.props)), a.createElement( "div", { ref: s, className: u.join(" "), style: this.style }, a.createElement( "div", { className: "__floater__body" }, c.content, c.arrow, ), ) ); }, }, ]), n ); })(a.Component); xe(M0, "propTypes", { component: N.default.oneOfType([N.default.func, N.default.element]), content: N.default.node, disableAnimation: N.default.bool.isRequired, footer: N.default.node, handleClick: N.default.func.isRequired, hideArrow: N.default.bool.isRequired, open: N.default.bool, placement: N.default.string.isRequired, positionWrapper: N.default.bool.isRequired, setArrowRef: N.default.func.isRequired, setFloaterRef: N.default.func.isRequired, showCloseButton: N.default.bool, status: N.default.string.isRequired, styles: N.default.object.isRequired, title: N.default.node, }); var F0 = (function (e) { ha(n, e); var t = fa(n); function n() { return (ma(this, n), t.apply(this, arguments)); } return ( pa(n, [ { key: "render", value: function () { var r = this.props, i = r.children, l = r.handleClick, o = r.handleMouseEnter, s = r.handleMouseLeave, d = r.setChildRef, c = r.setWrapperRef, u = r.style, m = r.styles, p; if (i) if (a.Children.count(i) === 1) if (!a.isValidElement(i)) p = a.createElement("span", null, i); else { var v = I.function(i.type) ? "innerRef" : "ref"; p = a.cloneElement(a.Children.only(i), xe({}, v, d)); } else p = i; return p ? a.createElement( "span", { ref: c, style: me(me({}, m), u), onClick: l, onMouseEnter: o, onMouseLeave: s, }, p, ) : null; }, }, ]), n ); })(a.Component); xe(F0, "propTypes", { children: N.default.node, handleClick: N.default.func.isRequired, handleMouseEnter: N.default.func.isRequired, handleMouseLeave: N.default.func.isRequired, setChildRef: N.default.func.isRequired, setWrapperRef: N.default.func.isRequired, style: N.default.object, styles: N.default.object.isRequired, }); var r3 = { zIndex: 100 }; function i3(e) { var t = (0, Pi.default)(r3, e.options || {}); return { wrapper: { cursor: "help", display: "inline-flex", flexDirection: "column", zIndex: t.zIndex, }, wrapperPosition: { left: -1e3, position: "absolute", top: -1e3, visibility: "hidden", }, floater: { display: "inline-block", filter: "drop-shadow(0 0 3px rgba(0, 0, 0, 0.3))", maxWidth: 300, opacity: 0, position: "relative", transition: "opacity 0.3s", visibility: "hidden", zIndex: t.zIndex, }, floaterOpening: { opacity: 1, visibility: "visible" }, floaterWithAnimation: { opacity: 1, transition: "opacity 0.3s, transform 0.2s", visibility: "visible", }, floaterWithComponent: { maxWidth: "100%" }, floaterClosing: { opacity: 0, visibility: "visible" }, floaterCentered: { left: "50%", position: "fixed", top: "50%", transform: "translate(-50%, -50%)", }, container: { backgroundColor: "#fff", color: "#666", minHeight: 60, minWidth: 200, padding: 20, position: "relative", zIndex: 10, }, title: { borderBottom: "1px solid #555", color: "#555", fontSize: 18, marginBottom: 5, paddingBottom: 6, paddingRight: 18, }, content: { fontSize: 15 }, close: { backgroundColor: "transparent", border: 0, borderRadius: 0, color: "#555", fontSize: 0, height: 15, outline: "none", padding: 10, position: "absolute", right: 0, top: 0, width: 15, WebkitAppearance: "none", }, footer: { borderTop: "1px solid #ccc", fontSize: 13, marginTop: 10, paddingTop: 5, }, arrow: { color: "#fff", display: "inline-flex", length: 16, margin: 8, position: "absolute", spread: 32, }, options: t, }; } var l3 = ["arrow", "flip", "offset"], o3 = ["position", "top", "right", "bottom", "left"], yl = (function (e) { ha(n, e); var t = fa(n); function n(r) { var i; return ( ma(this, n), (i = t.call(this, r)), xe(vt(i), "setArrowRef", function (l) { i.arrowRef = l; }), xe(vt(i), "setChildRef", function (l) { i.childRef = l; }), xe(vt(i), "setFloaterRef", function (l) { i.floaterRef = l; }), xe(vt(i), "setWrapperRef", function (l) { i.wrapperRef = l; }), xe(vt(i), "handleTransitionEnd", function () { var l = i.state.status, o = i.props.callback; (i.wrapperPopper && i.wrapperPopper.instance.update(), i.setState( { status: l === ee.OPENING ? ee.OPEN : ee.IDLE }, function () { var s = i.state.status; o(s === ee.OPEN ? "open" : "close", i.props); }, )); }), xe(vt(i), "handleClick", function () { var l = i.props, o = l.event, s = l.open; if (!I.boolean(s)) { var d = i.state, c = d.positionWrapper, u = d.status; (i.event === "click" || (i.event === "hover" && c)) && (La({ title: "click", data: [ { event: o, status: u === ee.OPEN ? "closing" : "opening", }, ], debug: i.debug, }), i.toggle()); } }), xe(vt(i), "handleMouseEnter", function () { var l = i.props, o = l.event, s = l.open; if (!(I.boolean(s) || ni())) { var d = i.state.status; i.event === "hover" && d === ee.IDLE && (La({ title: "mouseEnter", data: [{ key: "originalEvent", value: o }], debug: i.debug, }), clearTimeout(i.eventDelayTimeout), i.toggle()); } }), xe(vt(i), "handleMouseLeave", function () { var l = i.props, o = l.event, s = l.eventDelay, d = l.open; if (!(I.boolean(d) || ni())) { var c = i.state, u = c.status, m = c.positionWrapper; i.event === "hover" && (La({ title: "mouseLeave", data: [{ key: "originalEvent", value: o }], debug: i.debug, }), s ? [ee.OPENING, ee.OPEN].indexOf(u) !== -1 && !m && !i.eventDelayTimeout && (i.eventDelayTimeout = setTimeout(function () { (delete i.eventDelayTimeout, i.toggle()); }, s * 1e3)) : i.toggle(ee.IDLE)); } }), (i.state = { currentPlacement: r.placement, needsUpdate: !1, positionWrapper: r.wrapperOptions.position && !!r.target, status: ee.INIT, statusWrapper: ee.INIT, }), (i._isMounted = !1), (i.hasMounted = !1), at() && window.addEventListener("load", function () { (i.popper && i.popper.instance.update(), i.wrapperPopper && i.wrapperPopper.instance.update()); }), i ); } return ( pa(n, [ { key: "componentDidMount", value: function () { if (at()) { var r = this.state.positionWrapper, i = this.props, l = i.children, o = i.open, s = i.target; ((this._isMounted = !0), La({ title: "init", data: { hasChildren: !!l, hasTarget: !!s, isControlled: I.boolean(o), positionWrapper: r, target: this.target, floater: this.floaterRef, }, debug: this.debug, }), this.hasMounted || (this.initPopper(), (this.hasMounted = !0)), !l && s && I.boolean(o)); } }, }, { key: "componentDidUpdate", value: function (r, i) { if (at()) { var l = this.props, o = l.autoOpen, s = l.open, d = l.target, c = l.wrapperOptions, u = Dp(i, this.state), m = u.changedFrom, p = u.changed; if (r.open !== s) { var v; (I.boolean(s) && (v = s ? ee.OPENING : ee.CLOSING), this.toggle(v)); } ((r.wrapperOptions.position !== c.position || r.target !== d) && this.changeWrapperPosition(this.props), p("status", ee.IDLE) && s ? this.toggle(ee.OPEN) : m("status", ee.INIT, ee.IDLE) && o && this.toggle(ee.OPEN), this.popper && p("status", ee.OPENING) && this.popper.instance.update(), this.floaterRef && (p("status", ee.OPENING) || p("status", ee.CLOSING)) && n3( this.floaterRef, "transitionend", this.handleTransitionEnd, ), p("needsUpdate", !0) && this.rebuildPopper()); } }, }, { key: "componentWillUnmount", value: function () { at() && ((this._isMounted = !1), this.popper && this.popper.instance.destroy(), this.wrapperPopper && this.wrapperPopper.instance.destroy()); }, }, { key: "initPopper", value: function () { var r = this, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.target, l = this.state.positionWrapper, o = this.props, s = o.disableFlip, d = o.getPopper, c = o.hideArrow, u = o.offset, m = o.placement, p = o.wrapperOptions, v = m === "top" || m === "bottom" ? "flip" : [ "right", "bottom-end", "top-end", "left", "top-start", "bottom-start", ]; if (m === "center") this.setState({ status: ee.IDLE }); else if (i && this.floaterRef) { var g = this.options, y = g.arrow, w = g.flip, b = g.offset, h = k0(g, l3); new n1(i, this.floaterRef, { placement: m, modifiers: me( { arrow: me({ enabled: !c, element: this.arrowRef }, y), flip: me({ enabled: !s, behavior: v }, w), offset: me({ offset: "0, ".concat(u, "px") }, b), }, h, ), onCreate: function (E) { var C; if ( ((r.popper = E), !( (C = r.floaterRef) !== null && C !== void 0 && C.isConnected )) ) { r.setState({ needsUpdate: !0 }); return; } (d(E, "floater"), r._isMounted && r.setState({ currentPlacement: E.placement, status: ee.IDLE, }), m !== E.placement && setTimeout(function () { E.instance.update(); }, 1)); }, onUpdate: function (E) { r.popper = E; var C = r.state.currentPlacement; r._isMounted && E.placement !== C && r.setState({ currentPlacement: E.placement }); }, }); } if (l) { var f = I.undefined(p.offset) ? 0 : p.offset; new n1(this.target, this.wrapperRef, { placement: p.placement || m, modifiers: { arrow: { enabled: !1 }, offset: { offset: "0, ".concat(f, "px") }, flip: { enabled: !1 }, }, onCreate: function (E) { ((r.wrapperPopper = E), r._isMounted && r.setState({ statusWrapper: ee.IDLE }), d(E, "wrapper"), m !== E.placement && setTimeout(function () { E.instance.update(); }, 1)); }, }); } }, }, { key: "rebuildPopper", value: function () { var r = this; this.floaterRefInterval = setInterval(function () { var i; (i = r.floaterRef) !== null && i !== void 0 && i.isConnected && (clearInterval(r.floaterRefInterval), r.setState({ needsUpdate: !1 }), r.initPopper()); }, 50); }, }, { key: "changeWrapperPosition", value: function (r) { var i = r.target, l = r.wrapperOptions; this.setState({ positionWrapper: l.position && !!i }); }, }, { key: "toggle", value: function (r) { var i = this.state.status, l = i === ee.OPEN ? ee.CLOSING : ee.OPENING; (I.undefined(r) || (l = r), this.setState({ status: l })); }, }, { key: "debug", get: function () { var r = this.props.debug; return ( r || (at() && "ReactFloaterDebug" in window && !!window.ReactFloaterDebug) ); }, }, { key: "event", get: function () { var r = this.props, i = r.disableHoverToClick, l = r.event; return l === "hover" && ni() && !i ? "click" : l; }, }, { key: "options", get: function () { var r = this.props.options; return (0, Pi.default)(qp, r || {}); }, }, { key: "styles", get: function () { var r = this, i = this.state, l = i.status, o = i.positionWrapper, s = i.statusWrapper, d = this.props.styles, c = (0, Pi.default)(i3(d), d); if (o) { var u; ([ee.IDLE].indexOf(l) === -1 || [ee.IDLE].indexOf(s) === -1 ? (u = c.wrapperPosition) : (u = this.wrapperPopper.styles), (c.wrapper = me(me({}, c.wrapper), u))); } if (this.target) { var m = window.getComputedStyle(this.target); this.wrapperStyles ? (c.wrapper = me(me({}, c.wrapper), this.wrapperStyles)) : ["relative", "static"].indexOf(m.position) === -1 && ((this.wrapperStyles = {}), o || (o3.forEach(function (p) { r.wrapperStyles[p] = m[p]; }), (c.wrapper = me(me({}, c.wrapper), this.wrapperStyles)), (this.target.style.position = "relative"), (this.target.style.top = "auto"), (this.target.style.right = "auto"), (this.target.style.bottom = "auto"), (this.target.style.left = "auto"))); } return c; }, }, { key: "target", get: function () { if (!at()) return null; var r = this.props.target; return r ? I.domElement(r) ? r : document.querySelector(r) : this.childRef || this.wrapperRef; }, }, { key: "render", value: function () { var r = this.state, i = r.currentPlacement, l = r.positionWrapper, o = r.status, s = this.props, d = s.children, c = s.component, u = s.content, m = s.disableAnimation, p = s.footer, v = s.hideArrow, g = s.id, y = s.open, w = s.showCloseButton, b = s.style, h = s.target, f = s.title, E = a.createElement( F0, { handleClick: this.handleClick, handleMouseEnter: this.handleMouseEnter, handleMouseLeave: this.handleMouseLeave, setChildRef: this.setChildRef, setWrapperRef: this.setWrapperRef, style: b, styles: this.styles.wrapper, }, d, ), C = {}; return ( l ? (C.wrapperInPortal = E) : (C.wrapperAsChildren = E), a.createElement( "span", null, a.createElement( C0, { hasChildren: !!d, id: g, placement: i, setRef: this.setFloaterRef, target: h, zIndex: this.styles.options.zIndex, }, a.createElement(M0, { component: c, content: u, disableAnimation: m, footer: p, handleClick: this.handleClick, hideArrow: v || i === "center", open: y, placement: i, positionWrapper: l, setArrowRef: this.setArrowRef, setFloaterRef: this.setFloaterRef, showCloseButton: w, status: o, styles: this.styles, title: f, }), C.wrapperInPortal, ), C.wrapperAsChildren, ) ); }, }, ]), n ); })(a.Component); xe(yl, "propTypes", { autoOpen: N.default.bool, callback: N.default.func, children: N.default.node, component: m1( N.default.oneOfType([N.default.func, N.default.element]), function (e) { return !e.content; }, ), content: m1(N.default.node, function (e) { return !e.component; }), debug: N.default.bool, disableAnimation: N.default.bool, disableFlip: N.default.bool, disableHoverToClick: N.default.bool, event: N.default.oneOf(["hover", "click"]), eventDelay: N.default.number, footer: N.default.node, getPopper: N.default.func, hideArrow: N.default.bool, id: N.default.oneOfType([N.default.string, N.default.number]), offset: N.default.number, open: N.default.bool, options: N.default.object, placement: N.default.oneOf([ "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end", "right", "right-start", "right-end", "auto", "center", ]), showCloseButton: N.default.bool, style: N.default.object, styles: N.default.object, target: N.default.oneOfType([N.default.object, N.default.string]), title: N.default.node, wrapperOptions: N.default.shape({ offset: N.default.number, placement: N.default.oneOf([ "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end", "right", "right-start", "right-end", "auto", ]), position: N.default.bool, }), }); xe(yl, "defaultProps", { autoOpen: !1, callback: p1, debug: !1, disableAnimation: !1, disableFlip: !1, disableHoverToClick: !1, event: "click", eventDelay: 0.4, getPopper: p1, hideArrow: !1, offset: 15, placement: "bottom", showCloseButton: !1, styles: {}, target: null, wrapperOptions: { position: !1 }, }); var s3 = pt(Vd(), 1), d3 = Object.defineProperty, c3 = (e, t, n) => t in e ? d3(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n, }) : (e[t] = n), _ = (e, t, n) => (c3(e, typeof t != "symbol" ? t + "" : t, n), n), ie = { INIT: "init", START: "start", STOP: "stop", RESET: "reset", PREV: "prev", NEXT: "next", GO: "go", CLOSE: "close", SKIP: "skip", UPDATE: "update", }, Ge = { TOUR_START: "tour:start", STEP_BEFORE: "step:before", BEACON: "beacon", TOOLTIP: "tooltip", STEP_AFTER: "step:after", TOUR_END: "tour:end", TOUR_STATUS: "tour:status", TARGET_NOT_FOUND: "error:target_not_found", ERROR: "error", }, q = { INIT: "init", READY: "ready", BEACON: "beacon", TOOLTIP: "tooltip", COMPLETE: "complete", ERROR: "error", }, J = { IDLE: "idle", READY: "ready", WAITING: "waiting", RUNNING: "running", PAUSED: "paused", SKIPPED: "skipped", FINISHED: "finished", ERROR: "error", }; function xt() { return !!( typeof window < "u" && window.document && window.document.createElement ); } function A0(e) { return e ? e.getBoundingClientRect() : null; } function u3() { let { body: e, documentElement: t } = document; return !e || !t ? 0 : Math.max( e.scrollHeight, e.offsetHeight, t.clientHeight, t.scrollHeight, t.offsetHeight, ); } function Mt(e) { return typeof e == "string" ? document.querySelector(e) : e; } function m3(e) { return !e || e.nodeType !== 1 ? null : getComputedStyle(e); } function Mr(e, t, n) { if (!e) return Bt(); let r = (0, a0.default)(e); if (r) { if (r.isSameNode(Bt())) return n ? document : Bt(); if (!(r.scrollHeight > r.offsetHeight) && !t) return ((r.style.overflow = "initial"), Bt()); } return r; } function Fr(e, t) { if (!e) return !1; let n = Mr(e, t); return n ? !n.isSameNode(Bt()) : !1; } function p3(e) { return e.offsetParent !== document.body; } function la(e, t = "fixed") { if (!e || !(e instanceof HTMLElement)) return !1; let { nodeName: n } = e, r = m3(e); return n === "BODY" || n === "HTML" ? !1 : r && r.position === t ? !0 : e.parentNode ? la(e.parentNode, t) : !1; } function h3(e) { var t; if (!e) return !1; let n = e; for (; n && n !== document.body; ) { if (n instanceof HTMLElement) { let { display: r, visibility: i } = getComputedStyle(n); if (r === "none" || i === "hidden") return !1; } n = (t = n.parentElement) != null ? t : null; } return !0; } function f3(e, t, n) { var r; let i = A0(e), l = Mr(e, n), o = Fr(e, n), s = 0, d = (r = i?.top) != null ? r : 0; return ( l instanceof HTMLElement && ((s = l.scrollTop), !o && !la(e) && (d += s), l.isSameNode(Bt()) || (d += Bt().scrollTop)), Math.floor(d - t) ); } function g3(e, t, n) { var r; if (!e) return 0; let { offsetTop: i = 0, scrollTop: l = 0 } = (r = (0, a0.default)(e)) != null ? r : {}, o = e.getBoundingClientRect().top + l; i && (Fr(e, n) || p3(e)) && (o -= i); let s = Math.floor(o - t); return s < 0 ? 0 : s; } function Bt() { var e; return (e = document.scrollingElement) != null ? e : document.documentElement; } function v3(e, t) { let { duration: n, element: r } = t; return new Promise((i, l) => { let { scrollTop: o } = r, s = e > o ? e - o : o - e; j4.default.top(r, e, { duration: s < 100 ? 50 : n }, (d) => d && d.message !== "Element already at target scroll position" ? l(d) : i(), ); }); } var Zn = Ea !== void 0; function L0(e = navigator.userAgent) { let t = e; return ( typeof window > "u" ? (t = "node") : document.documentMode ? (t = "ie") : /Edge/.test(e) ? (t = "edge") : window.opera || e.includes(" OPR/") ? (t = "opera") : typeof window.InstallTrigger < "u" ? (t = "firefox") : window.chrome ? (t = "chrome") : /(Version\/([\d._]+).*Safari|CriOS|FxiOS| Mobile\/)/.test( e, ) && (t = "safari"), t ); } function Nt(e) { let t = [], n = (r) => { if (typeof r == "string" || typeof r == "number") t.push(r); else if (Array.isArray(r)) r.forEach((i) => n(i)); else if (wl(r)) { let { children: i } = r.props; Array.isArray(i) ? i.forEach((l) => n(l)) : n(i); } }; return (n(e), t.join(" ").trim()); } function y3(e, t) { return !O.plainObject(e) || !O.array(t) ? !1 : Object.keys(e).every((n) => t.includes(n)); } function b3(e) { let t = /^#?([\da-f])([\da-f])([\da-f])$/i, n = e.replace(t, (i, l, o, s) => l + l + o + o + s + s), r = /^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/i.exec(n); return r ? [parseInt(r[1], 16), parseInt(r[2], 16), parseInt(r[3], 16)] : []; } function h1(e) { return e.disableBeacon || e.placement === "center"; } function f1() { return !["chrome", "safari", "firefox", "opera"].includes(L0()); } function Ut({ data: e, debug: t = !1, title: n, warn: r = !1 }) { let i = r ? console.warn || console.error : console.log; t && (n && e ? (console.groupCollapsed( `%creact-joyride: ${n}`, "color: #ff0044; font-weight: bold; font-size: 12px;", ), Array.isArray(e) ? e.forEach((l) => { O.plainObject(l) && l.key ? i.apply(console, [l.key, l.value]) : i.apply(console, [l]); }) : i.apply(console, [e]), console.groupEnd()) : console.error("Missing title or data props")); } function E3(e) { let { isFirstStep: t, lifecycle: n, previousLifecycle: r, scrollToFirstStep: i, step: l, target: o, } = e; return ( !l.disableScrolling && (!t || i || n === q.TOOLTIP) && l.placement !== "center" && (!l.isFixed || !la(o)) && r !== n && [q.BEACON, q.TOOLTIP].includes(n) ); } var k3 = { options: { preventOverflow: { boundariesElement: "scrollParent" } }, wrapperOptions: { offset: -18, position: !0 }, }, T0 = { back: "Back", close: "Close", last: "Last", next: "Next", open: "Open the dialog", skip: "Skip", }, w3 = { event: "click", placement: "bottom", offset: 10, disableBeacon: !1, disableCloseOnEsc: !1, disableOverlay: !1, disableOverlayClose: !1, disableScrollParentFix: !1, disableScrolling: !1, hideBackButton: !1, hideCloseButton: !1, hideFooter: !1, isFixed: !1, locale: T0, showProgress: !1, showSkipButton: !1, spotlightClicks: !1, spotlightPadding: 10, }, C3 = { continuous: !1, debug: !1, disableCloseOnEsc: !1, disableOverlay: !1, disableOverlayClose: !1, disableScrolling: !1, disableScrollParentFix: !1, getHelpers: void 0, hideBackButton: !1, run: !0, scrollOffset: 20, scrollDuration: 300, scrollToFirstStep: !1, showSkipButton: !1, showProgress: !1, spotlightClicks: !1, spotlightPadding: 10, steps: [], }, S3 = { arrowColor: "#fff", backgroundColor: "#fff", beaconSize: 36, overlayColor: "rgba(0, 0, 0, 0.5)", primaryColor: "#f04", spotlightShadow: "0 0 15px rgba(0, 0, 0, 0.5)", textColor: "#333", width: 380, zIndex: 100, }, On = { backgroundColor: "transparent", border: 0, borderRadius: 0, color: "#555", cursor: "pointer", fontSize: 16, lineHeight: 1, padding: 8, WebkitAppearance: "none", }, g1 = { borderRadius: 4, position: "absolute" }; function x3(e, t) { let n = (0, Xr.default)(e ?? {}, t ?? {}), r = (0, Xr.default)(S3, n.options || {}), { width: i } = r; (window.innerWidth > 480 && (i = 380), "width" in r && (i = typeof r.width == "number" && window.innerWidth < r.width ? window.innerWidth - 30 : r.width)); let l = { bottom: 0, left: 0, overflow: "hidden", position: "absolute", right: 0, top: 0, zIndex: r.zIndex, }, o = { beacon: { ...On, display: "inline-block", height: r.beaconSize, position: "relative", width: r.beaconSize, zIndex: r.zIndex, }, beaconInner: { animation: "joyride-beacon-inner 1.2s infinite ease-in-out", backgroundColor: r.primaryColor, borderRadius: "50%", display: "block", height: "50%", left: "50%", opacity: 0.7, position: "absolute", top: "50%", transform: "translate(-50%, -50%)", width: "50%", }, beaconOuter: { animation: "joyride-beacon-outer 1.2s infinite ease-in-out", backgroundColor: `rgba(${b3(r.primaryColor).join(",")}, 0.2)`, border: `2px solid ${r.primaryColor}`, borderRadius: "50%", boxSizing: "border-box", display: "block", height: "100%", left: 0, opacity: 0.9, position: "absolute", top: 0, transformOrigin: "center", width: "100%", }, tooltip: { backgroundColor: r.backgroundColor, borderRadius: 5, boxSizing: "border-box", color: r.textColor, fontSize: 16, maxWidth: "100%", padding: 15, position: "relative", width: i, }, tooltipContainer: { lineHeight: 1.4, textAlign: "center" }, tooltipTitle: { fontSize: 18, margin: 0 }, tooltipContent: { padding: "20px 10px" }, tooltipFooter: { alignItems: "center", display: "flex", justifyContent: "flex-end", marginTop: 15, }, tooltipFooterSpacer: { flex: 1 }, buttonNext: { ...On, backgroundColor: r.primaryColor, borderRadius: 4, color: "#fff", }, buttonBack: { ...On, color: r.primaryColor, marginLeft: "auto", marginRight: 5, }, buttonClose: { ...On, color: r.textColor, height: 14, padding: 15, position: "absolute", right: 0, top: 0, width: 14, }, buttonSkip: { ...On, color: r.textColor, fontSize: 14 }, overlay: { ...l, backgroundColor: r.overlayColor, mixBlendMode: "hard-light", }, overlayLegacy: { ...l }, overlayLegacyCenter: { ...l, backgroundColor: r.overlayColor }, spotlight: { ...g1, backgroundColor: "gray" }, spotlightLegacy: { ...g1, boxShadow: `0 0 0 9999px ${r.overlayColor}, ${r.spotlightShadow}`, }, floaterStyles: { arrow: { color: r.arrowColor }, options: { zIndex: r.zIndex + 100 }, }, options: r, }; return (0, Xr.default)(o, n); } function N3(e) { return z4( e, "beaconComponent", "disableCloseOnEsc", "disableOverlay", "disableOverlayClose", "disableScrolling", "disableScrollParentFix", "floaterProps", "hideBackButton", "hideCloseButton", "locale", "showProgress", "showSkipButton", "spotlightClicks", "spotlightPadding", "styles", "tooltipComponent", ); } function _n(e, t) { var n, r, i, l, o, s; let d = e ?? {}, c = Aa.default.all([w3, N3(t), d], { isMergeableObject: O.plainObject, }), u = x3(t.styles, c.styles), m = Fr(Mt(c.target), c.disableScrollParentFix), p = Aa.default.all([ k3, (n = t.floaterProps) != null ? n : {}, (r = c.floaterProps) != null ? r : {}, ]); return ( (p.offset = c.offset), (p.styles = (0, Aa.default)( (i = p.styles) != null ? i : {}, u.floaterStyles, )), (p.offset += (o = (l = t.spotlightPadding) != null ? l : c.spotlightPadding) != null ? o : 0), c.placementBeacon && p.wrapperOptions && (p.wrapperOptions.placement = c.placementBeacon), m && p.options.preventOverflow && (p.options.preventOverflow.boundariesElement = "window"), { ...c, locale: Aa.default.all([ T0, (s = t.locale) != null ? s : {}, c.locale || {}, ]), floaterProps: p, styles: D4(u, "floaterStyles"), } ); } function Z0(e, t = !1) { return O.plainObject(e) ? e.target ? !0 : (Ut({ title: "validateStep", data: "target is missing from the step", warn: !0, debug: t, }), !1) : (Ut({ title: "validateStep", data: "step must be an object", warn: !0, debug: t, }), !1); } function v1(e, t = !1) { return O.array(e) ? e.every((n) => Z0(n, t)) : (Ut({ title: "validateSteps", data: "steps must be an array", warn: !0, debug: t, }), !1); } var M3 = { action: "init", controlled: !1, index: 0, lifecycle: q.INIT, size: 0, status: J.IDLE, }, y1 = ["action", "index", "lifecycle", "status"], F3 = class { constructor(e) { (_(this, "beaconPopper"), _(this, "tooltipPopper"), _(this, "data", new Map()), _(this, "listener"), _(this, "store", new Map()), _(this, "addListener", (i) => { this.listener = i; }), _(this, "setSteps", (i) => { let { size: l, status: o } = this.getState(), s = { size: i.length, status: o }; (this.data.set("steps", i), o === J.WAITING && !l && i.length && (s.status = J.RUNNING), this.setState(s)); }), _(this, "getPopper", (i) => i === "beacon" ? this.beaconPopper : this.tooltipPopper, ), _(this, "setPopper", (i, l) => { i === "beacon" ? (this.beaconPopper = l) : (this.tooltipPopper = l); }), _(this, "cleanupPoppers", () => { ((this.beaconPopper = null), (this.tooltipPopper = null)); }), _(this, "close", () => { let { index: i, status: l } = this.getState(); l === J.RUNNING && this.setState({ ...this.getNextState({ action: ie.CLOSE, index: i + 1 }), }); }), _(this, "go", (i) => { let { controlled: l, status: o } = this.getState(); if (l || o !== J.RUNNING) return; let s = this.getSteps()[i]; this.setState({ ...this.getNextState({ action: ie.GO, index: i }), status: s ? o : J.FINISHED, }); }), _(this, "info", () => this.getState()), _(this, "next", () => { let { index: i, status: l } = this.getState(); l === J.RUNNING && this.setState( this.getNextState({ action: ie.NEXT, index: i + 1 }), ); }), _(this, "open", () => { let { status: i } = this.getState(); i === J.RUNNING && this.setState({ ...this.getNextState({ action: ie.UPDATE, lifecycle: q.TOOLTIP, }), }); }), _(this, "prev", () => { let { index: i, status: l } = this.getState(); l === J.RUNNING && this.setState({ ...this.getNextState({ action: ie.PREV, index: i - 1 }), }); }), _(this, "reset", (i = !1) => { let { controlled: l } = this.getState(); l || this.setState({ ...this.getNextState({ action: ie.RESET, index: 0 }), status: i ? J.RUNNING : J.READY, }); }), _(this, "skip", () => { let { status: i } = this.getState(); i === J.RUNNING && this.setState({ action: ie.SKIP, lifecycle: q.INIT, status: J.SKIPPED, }); }), _(this, "start", (i) => { let { index: l, size: o } = this.getState(); this.setState({ ...this.getNextState( { action: ie.START, index: O.number(i) ? i : l }, !0, ), status: o ? J.RUNNING : J.WAITING, }); }), _(this, "stop", (i = !1) => { let { index: l, status: o } = this.getState(); [J.FINISHED, J.SKIPPED].includes(o) || this.setState({ ...this.getNextState({ action: ie.STOP, index: l + (i ? 1 : 0), }), status: J.PAUSED, }); }), _(this, "update", (i) => { var l; if (!y3(i, y1)) throw new Error( `State is not valid. Valid keys: ${y1.join(", ")}`, ); this.setState({ ...this.getNextState( { ...this.getState(), ...i, action: (l = i.action) != null ? l : ie.UPDATE, }, !0, ), }); })); let { continuous: t = !1, stepIndex: n, steps: r = [] } = e ?? {}; (this.setState( { action: ie.INIT, controlled: O.number(n), continuous: t, index: O.number(n) ? n : 0, lifecycle: q.INIT, status: r.length ? J.READY : J.IDLE, }, !0, ), (this.beaconPopper = null), (this.tooltipPopper = null), (this.listener = null), this.setSteps(r)); } getState() { return this.store.size ? { action: this.store.get("action") || "", controlled: this.store.get("controlled") || !1, index: parseInt(this.store.get("index"), 10), lifecycle: this.store.get("lifecycle") || "", size: this.store.get("size") || 0, status: this.store.get("status") || "", } : { ...M3 }; } getNextState(e, t = !1) { var n, r, i, l; let { action: o, controlled: s, index: d, size: c, status: u, } = this.getState(), m = O.number(e.index) ? e.index : d, p = s && !t ? d : Math.min(Math.max(m, 0), c); return { action: (n = e.action) != null ? n : o, controlled: s, index: p, lifecycle: (r = e.lifecycle) != null ? r : q.INIT, size: (i = e.size) != null ? i : c, status: p === c ? J.FINISHED : (l = e.status) != null ? l : u, }; } getSteps() { let e = this.data.get("steps"); return Array.isArray(e) ? e : []; } hasUpdatedState(e) { let t = JSON.stringify(e), n = JSON.stringify(this.getState()); return t !== n; } setState(e, t = !1) { let n = this.getState(), { action: r, index: i, lifecycle: l, size: o, status: s, } = { ...n, ...e }; (this.store.set("action", r), this.store.set("index", i), this.store.set("lifecycle", l), this.store.set("size", o), this.store.set("status", s), t && (this.store.set("controlled", e.controlled), this.store.set("continuous", e.continuous)), this.listener && this.hasUpdatedState(n) && this.listener(this.getState())); } getHelpers() { return { close: this.close, go: this.go, info: this.info, next: this.next, open: this.open, prev: this.prev, reset: this.reset, skip: this.skip, }; } }; function A3(e) { return new F3(e); } var L3 = class { constructor(e, t) { if ( (_(this, "element"), _(this, "options"), _(this, "canBeTabbed", (n) => { let { tabIndex: r } = n; return r === null || r < 0 ? !1 : this.canHaveFocus(n); }), _(this, "canHaveFocus", (n) => { let r = /input|select|textarea|button|object/, i = n.nodeName.toLowerCase(); return ( ((r.test(i) && !n.getAttribute("disabled")) || (i === "a" && !!n.getAttribute("href"))) && this.isVisible(n) ); }), _(this, "findValidTabElements", () => [].slice .call(this.element.querySelectorAll("*"), 0) .filter(this.canBeTabbed), ), _(this, "handleKeyDown", (n) => { let { code: r = "Tab" } = this.options; n.code === r && this.interceptTab(n); }), _(this, "interceptTab", (n) => { n.preventDefault(); let r = this.findValidTabElements(), { shiftKey: i } = n; if (!r.length) return; let l = document.activeElement ? r.indexOf(document.activeElement) : 0; (l === -1 || (!i && l + 1 === r.length) ? (l = 0) : i && l === 0 ? (l = r.length - 1) : (l += i ? -1 : 1), r[l].focus()); }), _(this, "isHidden", (n) => { let r = n.offsetWidth <= 0 && n.offsetHeight <= 0, i = window.getComputedStyle(n); return r && !n.innerHTML ? !0 : (r && i.getPropertyValue("overflow") !== "visible") || i.getPropertyValue("display") === "none"; }), _(this, "isVisible", (n) => { let r = n; for (; r; ) if (r instanceof HTMLElement) { if (r === document.body) break; if (this.isHidden(r)) return !1; r = r.parentNode; } return !0; }), _(this, "removeScope", () => { window.removeEventListener("keydown", this.handleKeyDown); }), _(this, "checkFocus", (n) => { document.activeElement !== n && (n.focus(), window.requestAnimationFrame(() => this.checkFocus(n))); }), _(this, "setFocus", () => { let { selector: n } = this.options; if (!n) return; let r = this.element.querySelector(n); r && window.requestAnimationFrame(() => this.checkFocus(r)); }), !(e instanceof HTMLElement)) ) throw new TypeError( "Invalid parameter: element must be an HTMLElement", ); ((this.element = e), (this.options = t), window.addEventListener("keydown", this.handleKeyDown, !1), this.setFocus()); } }, T3 = class extends Tt { constructor(e) { if ( (super(e), _(this, "beacon", null), _(this, "setBeaconRef", (i) => { this.beacon = i; }), e.beaconComponent) ) return; let t = document.head || document.getElementsByTagName("head")[0], n = document.createElement("style"); ((n.id = "joyride-beacon-animation"), e.nonce && n.setAttribute("nonce", e.nonce), n.appendChild( document.createTextNode(` @keyframes joyride-beacon-inner { 20% { opacity: 0.9; } 90% { opacity: 0.7; } } @keyframes joyride-beacon-outer { 0% { transform: scale(1); } 45% { opacity: 0.7; transform: scale(0.75); } 100% { opacity: 0.9; transform: scale(1); } } `), ), t.appendChild(n)); } componentDidMount() { let { shouldFocus: e } = this.props; setTimeout(() => { O.domElement(this.beacon) && e && this.beacon.focus(); }, 0); } componentWillUnmount() { let e = document.getElementById("joyride-beacon-animation"); e?.parentNode && e.parentNode.removeChild(e); } render() { let { beaconComponent: e, continuous: t, index: n, isLastStep: r, locale: i, onClickOrHover: l, size: o, step: s, styles: d, } = this.props, c = O.string(i.open) ? i.open : (0, s3.default)(i.open), u = { "aria-label": c, onClick: l, onMouseEnter: l, ref: this.setBeaconRef, title: c, }, m; return ( e ? (m = S(e, { continuous: t, index: n, isLastStep: r, size: o, step: s, ...u, })) : (m = S( "button", { key: "JoyrideBeacon", className: "react-joyride__beacon", "data-test-id": "button-beacon", style: d.beacon, type: "button", ...u, }, S("span", { style: d.beaconInner }), S("span", { style: d.beaconOuter }), )), m ); } }; function Z3({ styles: e }) { return S("div", { key: "JoyrideSpotlight", className: "react-joyride__spotlight", "data-test-id": "spotlight", style: e, }); } var O3 = Z3, _3 = class extends Tt { constructor() { (super(...arguments), _(this, "isActive", !1), _(this, "resizeTimeout"), _(this, "scrollTimeout"), _(this, "scrollParent"), _(this, "state", { isScrolling: !1, mouseOverSpotlight: !1, showSpotlight: !0, }), _(this, "handleMouseMove", (e) => { let { mouseOverSpotlight: t } = this.state, { height: n, left: r, position: i, top: l, width: o, } = this.spotlightStyles, s = i === "fixed" ? e.clientY : e.pageY, d = i === "fixed" ? e.clientX : e.pageX, c = s >= l && s <= l + n, u = d >= r && d <= r + o && c; u !== t && this.updateState({ mouseOverSpotlight: u }); }), _(this, "handleScroll", () => { let { target: e } = this.props, t = Mt(e); if (this.scrollParent !== document) { let { isScrolling: n } = this.state; (n || this.updateState({ isScrolling: !0, showSpotlight: !1 }), clearTimeout(this.scrollTimeout), (this.scrollTimeout = window.setTimeout(() => { this.updateState({ isScrolling: !1, showSpotlight: !0 }); }, 50))); } else la(t, "sticky") && this.updateState({}); }), _(this, "handleResize", () => { (clearTimeout(this.resizeTimeout), (this.resizeTimeout = window.setTimeout(() => { this.isActive && this.forceUpdate(); }, 100))); })); } componentDidMount() { let { debug: e, disableScrolling: t, disableScrollParentFix: n = !1, target: r, } = this.props, i = Mt(r); ((this.scrollParent = Mr(i ?? document.body, n, !0)), (this.isActive = !0), window.addEventListener("resize", this.handleResize)); } componentDidUpdate(e) { var t; let { lifecycle: n, spotlightClicks: r } = this.props, { changed: i } = lr(e, this.props); (i("lifecycle", q.TOOLTIP) && ((t = this.scrollParent) == null || t.addEventListener("scroll", this.handleScroll, { passive: !0 }), setTimeout(() => { let { isScrolling: l } = this.state; l || this.updateState({ showSpotlight: !0 }); }, 100)), (i("spotlightClicks") || i("disableOverlay") || i("lifecycle")) && (r && n === q.TOOLTIP ? window.addEventListener("mousemove", this.handleMouseMove, !1) : n !== q.TOOLTIP && window.removeEventListener( "mousemove", this.handleMouseMove, ))); } componentWillUnmount() { var e; ((this.isActive = !1), window.removeEventListener("mousemove", this.handleMouseMove), window.removeEventListener("resize", this.handleResize), clearTimeout(this.resizeTimeout), clearTimeout(this.scrollTimeout), (e = this.scrollParent) == null || e.removeEventListener("scroll", this.handleScroll)); } get spotlightStyles() { var e, t, n; let { showSpotlight: r } = this.state, { disableScrollParentFix: i = !1, spotlightClicks: l, spotlightPadding: o = 0, styles: s, target: d, } = this.props, c = Mt(d), u = A0(c), m = la(c), p = f3(c, o, i); return { ...(f1() ? s.spotlightLegacy : s.spotlight), height: Math.round(((e = u?.height) != null ? e : 0) + o * 2), left: Math.round(((t = u?.left) != null ? t : 0) - o), opacity: r ? 1 : 0, pointerEvents: l ? "none" : "auto", position: m ? "fixed" : "absolute", top: p, transition: "opacity 0.2s", width: Math.round(((n = u?.width) != null ? n : 0) + o * 2), }; } updateState(e) { this.isActive && this.setState((t) => ({ ...t, ...e })); } render() { let { mouseOverSpotlight: e, showSpotlight: t } = this.state, { disableOverlay: n, disableOverlayClose: r, lifecycle: i, onClickOverlay: l, placement: o, styles: s, } = this.props; if (n || i !== q.TOOLTIP) return null; let d = s.overlay; f1() && (d = o === "center" ? s.overlayLegacyCenter : s.overlayLegacy); let c = { cursor: r ? "default" : "pointer", height: u3(), pointerEvents: e ? "none" : "auto", ...d, }, u = o !== "center" && t && S(O3, { styles: this.spotlightStyles }); if (L0() === "safari") { let { mixBlendMode: m, zIndex: p, ...v } = c; ((u = S("div", { style: { ...v } }, u)), delete c.backgroundColor); } return S( "div", { className: "react-joyride__overlay", "data-test-id": "overlay", onClick: l, role: "presentation", style: c, }, u, ); } }, I3 = class extends Tt { constructor() { (super(...arguments), _(this, "node", null)); } componentDidMount() { let { id: e } = this.props; xt() && ((this.node = document.createElement("div")), (this.node.id = e), document.body.appendChild(this.node), Zn || this.renderReact15()); } componentDidUpdate() { xt() && (Zn || this.renderReact15()); } componentWillUnmount() { !xt() || !this.node || (Zn || Bl(this.node), this.node.parentNode === document.body && (document.body.removeChild(this.node), (this.node = null))); } renderReact15() { if (!xt()) return; let { children: e } = this.props; this.node && Pl(this, e, this.node); } renderReact16() { if (!xt() || !Zn) return null; let { children: e } = this.props; return this.node ? Ea(e, this.node) : null; } render() { return Zn ? this.renderReact16() : null; } }; function R3({ styles: e, ...t }) { let { color: n, height: r, width: i, ...l } = e; return a.createElement( "button", { style: l, type: "button", ...t }, a.createElement( "svg", { height: typeof r == "number" ? `${r}px` : r, preserveAspectRatio: "xMidYMid", version: "1.1", viewBox: "0 0 18 18", width: typeof i == "number" ? `${i}px` : i, xmlns: "http://www.w3.org/2000/svg", }, a.createElement( "g", null, a.createElement("path", { d: "M8.13911129,9.00268191 L0.171521827,17.0258467 C-0.0498027049,17.248715 -0.0498027049,17.6098394 0.171521827,17.8327545 C0.28204354,17.9443526 0.427188206,17.9998706 0.572051765,17.9998706 C0.71714958,17.9998706 0.862013139,17.9443526 0.972581703,17.8327545 L9.0000937,9.74924618 L17.0276057,17.8327545 C17.1384085,17.9443526 17.2832721,17.9998706 17.4281356,17.9998706 C17.5729992,17.9998706 17.718097,17.9443526 17.8286656,17.8327545 C18.0499901,17.6098862 18.0499901,17.2487618 17.8286656,17.0258467 L9.86135722,9.00268191 L17.8340066,0.973848225 C18.0553311,0.750979934 18.0553311,0.389855532 17.8340066,0.16694039 C17.6126821,-0.0556467968 17.254037,-0.0556467968 17.0329467,0.16694039 L9.00042166,8.25611765 L0.967006424,0.167268345 C0.745681892,-0.0553188426 0.387317931,-0.0553188426 0.165993399,0.167268345 C-0.0553311331,0.390136635 -0.0553311331,0.751261038 0.165993399,0.974176179 L8.13920499,9.00268191 L8.13911129,9.00268191 Z", fill: n, }), ), ), ); } var B3 = R3; function P3(e) { let { backProps: t, closeProps: n, continuous: r, index: i, isLastStep: l, primaryProps: o, size: s, skipProps: d, step: c, tooltipProps: u, } = e, { content: m, hideBackButton: p, hideCloseButton: v, hideFooter: g, locale: y, showProgress: w, showSkipButton: b, styles: h, title: f, } = c, { back: E, close: C, last: Z, next: M, skip: V } = y, D = { primary: C }; return ( r && ((D.primary = l ? Z : M), w && (D.primary = S("span", null, D.primary, " (", i + 1, "/", s, ")"))), b && !l && (D.skip = S( "button", { "aria-live": "off", "data-test-id": "button-skip", style: h.buttonSkip, type: "button", ...d, }, V, )), !p && i > 0 && (D.back = S( "button", { "data-test-id": "button-back", style: h.buttonBack, type: "button", ...t, }, E, )), (D.close = !v && S(B3, { "data-test-id": "button-close", styles: h.buttonClose, ...n, })), S( "div", { key: "JoyrideTooltip", "aria-label": Nt(f) || Nt(m), className: "react-joyride__tooltip", style: h.tooltip, ...u, }, S( "div", { style: h.tooltipContainer }, f && S("h1", { "aria-label": Nt(f), style: h.tooltipTitle }, f), S("div", { style: h.tooltipContent }, m), ), !g && S( "div", { style: h.tooltipFooter }, S("div", { style: h.tooltipFooterSpacer }, D.skip), D.back, S( "button", { "data-test-id": "button-primary", style: h.buttonNext, type: "button", ...o, }, D.primary, ), ), D.close, ) ); } var V3 = P3, H3 = class extends Tt { constructor() { (super(...arguments), _(this, "handleClickBack", (e) => { e.preventDefault(); let { helpers: t } = this.props; t.prev(); }), _(this, "handleClickClose", (e) => { e.preventDefault(); let { helpers: t } = this.props; t.close(); }), _(this, "handleClickPrimary", (e) => { e.preventDefault(); let { continuous: t, helpers: n } = this.props; if (!t) { n.close(); return; } n.next(); }), _(this, "handleClickSkip", (e) => { e.preventDefault(); let { helpers: t } = this.props; t.skip(); }), _(this, "getElementsProps", () => { let { continuous: e, isLastStep: t, setTooltipRef: n, step: r, } = this.props, i = Nt(r.locale.back), l = Nt(r.locale.close), o = Nt(r.locale.last), s = Nt(r.locale.next), d = Nt(r.locale.skip), c = e ? s : l; return ( t && (c = o), { backProps: { "aria-label": i, "data-action": "back", onClick: this.handleClickBack, role: "button", title: i, }, closeProps: { "aria-label": l, "data-action": "close", onClick: this.handleClickClose, role: "button", title: l, }, primaryProps: { "aria-label": c, "data-action": "primary", onClick: this.handleClickPrimary, role: "button", title: c, }, skipProps: { "aria-label": d, "data-action": "skip", onClick: this.handleClickSkip, role: "button", title: d, }, tooltipProps: { "aria-modal": !0, ref: n, role: "alertdialog", }, } ); })); } render() { let { continuous: e, index: t, isLastStep: n, setTooltipRef: r, size: i, step: l, } = this.props, { beaconComponent: o, tooltipComponent: s, ...d } = l, c; if (s) { let u = { ...this.getElementsProps(), continuous: e, index: t, isLastStep: n, size: i, step: d, setTooltipRef: r, }; c = S(s, { ...u }); } else c = S(V3, { ...this.getElementsProps(), continuous: e, index: t, isLastStep: n, size: i, step: l, }); return c; } }, j3 = class extends Tt { constructor() { (super(...arguments), _(this, "scope", null), _(this, "tooltip", null), _(this, "handleClickHoverBeacon", (e) => { let { step: t, store: n } = this.props; (e.type === "mouseenter" && t.event !== "hover") || n.update({ lifecycle: q.TOOLTIP }); }), _(this, "handleClickOverlay", () => { let { helpers: e, step: t } = this.props; t.disableOverlayClose || e.close(); }), _(this, "setTooltipRef", (e) => { this.tooltip = e; }), _(this, "setPopper", (e, t) => { var n; let { action: r, step: i, store: l } = this.props; (t === "wrapper" ? l.setPopper("beacon", e) : l.setPopper("tooltip", e), l.getPopper("beacon") && l.getPopper("tooltip") && l.update({ action: r, lifecycle: q.READY }), (n = i.floaterProps) != null && n.getPopper && i.floaterProps.getPopper(e, t)); }), _(this, "renderTooltip", (e) => { let { continuous: t, helpers: n, index: r, size: i, step: l, } = this.props; return S(H3, { continuous: t, helpers: n, index: r, isLastStep: r + 1 === i, setTooltipRef: this.setTooltipRef, size: i, step: l, ...e, }); })); } componentDidMount() { let { debug: e, index: t } = this.props; Ut({ title: `step:${t}`, data: [{ key: "props", value: this.props }], debug: e, }); } componentDidUpdate(e) { var t; let { action: n, callback: r, continuous: i, controlled: l, debug: o, index: s, lifecycle: d, size: c, status: u, step: m, store: p, } = this.props, { changed: v, changedFrom: g } = lr(e, this.props), y = { action: n, controlled: l, index: s, lifecycle: d, size: c, status: u, }, w = i && n !== ie.CLOSE && (s > 0 || n === ie.PREV), b = v("action") || v("index") || v("lifecycle") || v("status"), h = g("lifecycle", [q.TOOLTIP, q.INIT], q.INIT), f = v("action", [ie.NEXT, ie.PREV, ie.SKIP, ie.CLOSE]), E = l && s === e.index; if ( (f && (h || E) && r({ ...y, index: e.index, lifecycle: q.COMPLETE, step: e.step, type: Ge.STEP_AFTER, }), m.placement === "center" && u === J.RUNNING && v("index") && n !== ie.START && d === q.INIT && p.update({ lifecycle: q.READY }), b) ) { let C = Mt(m.target), Z = !!C; Z && h3(C) ? (g("status", J.READY, J.RUNNING) || g("lifecycle", q.INIT, q.READY)) && r({ ...y, step: m, type: Ge.STEP_BEFORE }) : (console.warn( Z ? "Target not visible" : "Target not mounted", m, ), r({ ...y, type: Ge.TARGET_NOT_FOUND, step: m }), l || p.update({ index: s + (n === ie.PREV ? -1 : 1) })); } (g("lifecycle", q.INIT, q.READY) && p.update({ lifecycle: h1(m) || w ? q.TOOLTIP : q.BEACON }), v("index") && Ut({ title: `step:${d}`, data: [{ key: "props", value: this.props }], debug: o, }), v("lifecycle", q.BEACON) && r({ ...y, step: m, type: Ge.BEACON }), v("lifecycle", q.TOOLTIP) && (r({ ...y, step: m, type: Ge.TOOLTIP }), this.tooltip && ((this.scope = new L3(this.tooltip, { selector: "[data-action=primary]", })), this.scope.setFocus())), g("lifecycle", [q.TOOLTIP, q.INIT], q.INIT) && ((t = this.scope) == null || t.removeScope(), p.cleanupPoppers())); } componentWillUnmount() { var e; (e = this.scope) == null || e.removeScope(); } get open() { let { lifecycle: e, step: t } = this.props; return h1(t) || e === q.TOOLTIP; } render() { let { continuous: e, debug: t, index: n, lifecycle: r, nonce: i, shouldScroll: l, size: o, step: s, } = this.props, d = Mt(s.target); return !Z0(s) || !O.domElement(d) ? null : S( "div", { key: `JoyrideStep-${n}`, className: "react-joyride__step" }, S( I3, { id: "react-joyride-portal" }, S(_3, { ...s, debug: t, lifecycle: r, onClickOverlay: this.handleClickOverlay, }), ), S( yl, { ...s.floaterProps, component: this.renderTooltip, debug: t, getPopper: this.setPopper, id: `react-joyride-step-${n}`, open: this.open, placement: s.placement, target: s.target, }, S(T3, { beaconComponent: s.beaconComponent, continuous: e, index: n, isLastStep: n + 1 === o, locale: s.locale, nonce: i, onClickOrHover: this.handleClickHoverBeacon, shouldFocus: l, size: o, step: s, styles: s.styles, }), ), ); } }, O0 = class extends Tt { constructor(e) { (super(e), _(this, "helpers"), _(this, "store"), _(this, "callback", (o) => { let { callback: s } = this.props; O.function(s) && s(o); }), _(this, "handleKeyboard", (o) => { let { index: s, lifecycle: d } = this.state, { steps: c } = this.props, u = c[s]; d === q.TOOLTIP && o.code === "Escape" && u && !u.disableCloseOnEsc && this.store.close(); }), _(this, "syncState", (o) => { this.setState(o); })); let { debug: t, getHelpers: n, run: r, stepIndex: i } = e; ((this.store = A3({ ...e, controlled: r && O.number(i) })), (this.helpers = this.store.getHelpers())); let { addListener: l } = this.store; (Ut({ title: "init", data: [ { key: "props", value: this.props }, { key: "state", value: this.state }, ], debug: t, }), l(this.syncState), n && n(this.helpers), (this.state = this.store.getState())); } componentDidMount() { if (!xt()) return; let { debug: e, disableCloseOnEsc: t, run: n, steps: r } = this.props, { start: i } = this.store; (v1(r, e) && n && i(), t || document.body.addEventListener("keydown", this.handleKeyboard, { passive: !0, })); } componentDidUpdate(e, t) { if (!xt()) return; let { action: n, controlled: r, index: i, lifecycle: l, status: o, } = this.state, { debug: s, run: d, stepIndex: c, steps: u } = this.props, { stepIndex: m, steps: p } = e, { reset: v, setSteps: g, start: y, stop: w, update: b, } = this.store, { changed: h } = lr(e, this.props), { changed: f, changedFrom: E } = lr(t, this.state), C = _n(u[i], this.props), Z = !Me(p, u), M = O.number(c) && h("stepIndex"), V = Mt(C.target); if ( (Z && (v1(u, s) ? g(u) : console.warn("Steps are not valid", u)), h("run") && (d ? y(c) : w()), M) ) { let X = O.number(m) && m < c ? ie.NEXT : ie.PREV; (n === ie.STOP && (X = ie.START), [J.FINISHED, J.SKIPPED].includes(o) || b({ action: n === ie.CLOSE ? ie.CLOSE : X, index: c, lifecycle: q.INIT, })); } !r && o === J.RUNNING && i === 0 && !V && (this.store.update({ index: i + 1 }), this.callback({ ...this.state, type: Ge.TARGET_NOT_FOUND, step: C, })); let D = { ...this.state, index: i, step: C }; if ( f("action", [ie.NEXT, ie.PREV, ie.SKIP, ie.CLOSE]) && f("status", J.PAUSED) ) { let X = _n(u[t.index], this.props); this.callback({ ...D, index: t.index, lifecycle: q.COMPLETE, step: X, type: Ge.STEP_AFTER, }); } if (f("status", [J.FINISHED, J.SKIPPED])) { let X = _n(u[t.index], this.props); (r || this.callback({ ...D, index: t.index, lifecycle: q.COMPLETE, step: X, type: Ge.STEP_AFTER, }), this.callback({ ...D, type: Ge.TOUR_END, step: X, index: t.index, }), v()); } else E("status", [J.IDLE, J.READY], J.RUNNING) ? this.callback({ ...D, type: Ge.TOUR_START }) : (f("status") || f("action", ie.RESET)) && this.callback({ ...D, type: Ge.TOUR_STATUS }); (this.scrollToStep(t), C.placement === "center" && o === J.RUNNING && l === q.INIT && this.store.update({ lifecycle: q.READY })); } componentWillUnmount() { let { disableCloseOnEsc: e } = this.props; e || document.body.removeEventListener("keydown", this.handleKeyboard); } scrollToStep(e) { let { index: t, lifecycle: n, status: r } = this.state, { debug: i, disableScrollParentFix: l = !1, scrollDuration: o, scrollOffset: s = 20, scrollToFirstStep: d = !1, steps: c, } = this.props, u = _n(c[t], this.props), m = Mt(u.target), p = E3({ isFirstStep: t === 0, lifecycle: n, previousLifecycle: e.lifecycle, scrollToFirstStep: d, step: u, target: m, }); if (r === J.RUNNING && p) { let v = Fr(m, l), g = Mr(m, l), y = Math.floor(g3(m, s, l)) || 0; Ut({ title: "scrollToStep", data: [ { key: "index", value: t }, { key: "lifecycle", value: n }, { key: "status", value: r }, ], debug: i, }); let w = this.store.getPopper("beacon"), b = this.store.getPopper("tooltip"); if (n === q.BEACON && w) { let { offsets: h, placement: f } = w; !["bottom"].includes(f) && !v && (y = Math.floor(h.popper.top - s)); } else if (n === q.TOOLTIP && b) { let { flipped: h, offsets: f, placement: E } = b; ["top", "right", "left"].includes(E) && !h && !v ? (y = Math.floor(f.popper.top - s)) : (y -= u.spotlightPadding); } ((y = y >= 0 ? y : 0), r === J.RUNNING && v3(y, { element: g, duration: o }).then(() => { setTimeout(() => { var h; (h = this.store.getPopper("tooltip")) == null || h.instance.update(); }, 10); })); } } render() { if (!xt()) return null; let { index: e, status: t } = this.state, { continuous: n = !1, debug: r = !1, nonce: i, scrollToFirstStep: l = !1, steps: o, } = this.props, s; if (t === J.RUNNING && o[e]) { let d = _n(o[e], this.props); s = S(j3, { ...this.state, callback: this.callback, continuous: n, debug: r, helpers: this.helpers, nonce: i, shouldScroll: !d.disableScrolling && (e !== 0 || l), step: d, store: this.store, }); } return S("div", { className: "react-joyride" }, s); } }; _(O0, "defaultProps", C3); var D3 = O0, b1 = [ void 0, "SKIPPED", "EQUAL", "FIXED", "ADDED", "CHANGED", "REMOVED", "CAPTURE_ERROR", "SYSTEM_ERROR", ], cr = ([e, ...t]) => t.reduce((n, r) => (b1.indexOf(r) > b1.indexOf(n) ? r : n), e); function z3(e) { return (e.FAILED ?? 0) > 0 ? "FAILED" : (e.IN_PROGRESS ?? 0) > 0 ? "IN_PROGRESS" : (e.BROKEN ?? 0) > 0 ? "BROKEN" : (e.DENIED ?? 0) > 0 ? "DENIED" : (e.PENDING ?? 0) > 0 ? "PENDING" : (e.ACCEPTED ?? 0) > 0 ? "ACCEPTED" : "PASSED"; } function bl(e) { let { statusCounts: t, isInProgress: n, changeCount: r, brokenCount: i, resultsByBrowser: l, resultsByMode: o, modesByName: s, } = e.reduce( (m, p) => ( (m.statusCounts[p.status] = (m.statusCounts[p.status] || 0) + 1), p.status === "IN_PROGRESS" && (m.isInProgress = !0), p.result && ["CHANGED", "ADDED"].includes(p.result) && (m.changeCount += 1), p.result && ["CAPTURE_ERROR", "SYSTEM_ERROR"].includes(p.result) && (m.brokenCount += 1), p.comparisons?.forEach(({ browser: v, result: g }) => { m.resultsByBrowser[v.id] = cr([ g ?? void 0, m.resultsByBrowser[v.id], ]); }), p.comparisons?.forEach(({ result: v }) => { m.resultsByMode[p.mode.name] = cr([ v ?? void 0, m.resultsByMode[p.mode.name], ]); }), (m.modesByName[p.mode.name] = p.mode), m ), { statusCounts: {}, isInProgress: !1, changeCount: 0, brokenCount: 0, resultsByBrowser: {}, resultsByMode: {}, modesByName: {}, }, ), d = e.length ? Object.fromEntries( e[0].comparisons.map((m) => [m.browser.id, m.browser]), ) : {}, c = Object.entries(l).map(([m, p]) => ({ browser: d[m], result: p })), u = Object.entries(o).map(([m, p]) => ({ mode: s[m], result: p })); return { status: z3(t), isInProgress: n, changeCount: r, brokenCount: i, browserResults: c, modeResults: u, }; } var U3 = (e) => { try { return [Al()[0][e], Fl()[e]]; } catch { return [null, null]; } }, _0 = ({ result: e }) => e && !["EQUAL", "FIXED", "SKIPPED"].includes(e), $3 = (e, t) => { let n = e.filter((i) => i.comparisons.some(_0)), r = n.length ? n : e; return r.find((i) => i.mode.name === t) || r[0]; }, W3 = (e, t) => { let n = e.filter(_0), r = n.length ? n : e; return r.find((i) => i.browser.id === t) || r[0]; }; function q3(e) { let [t, n] = Le(!0), r = U3("theme")[1], [i, l] = we($d), [o, s] = we(Wd), d, c; return ( e.length && ((d = t ? $3(e, i) : e.find(({ mode: u }) => u.name === i) || e[0]), (c = t ? W3(d.comparisons, o) : d?.comparisons.find(({ browser: u }) => u.id === o) || d?.comparisons[0]), t && (i !== d?.mode.name && l(d?.mode.name), o !== c?.browser.id && s(c?.browser.id), n(!1))), { modeOrder: r?.toolbar?.items?.map((u) => u.title), selectedTest: d, selectedComparison: c, onSelectBrowser: K((u) => s(u.id), [s]), onSelectMode: K((u) => l(u.name), [l]), } ); } var G3 = Qe(` query AddonVisualTestsBuild( $projectId: ID! $branch: String! $gitUserEmailHash: String! $repositoryOwnerName: String $storyId: String! $testStatuses: [TestStatus!]! $selectedBuildId: ID! $hasSelectedBuildId: Boolean! ) { project(id: $projectId) { name manageUrl account { billingUrl suspensionReason } features { uiTests } lastBuildOnBranch: lastBuild( branches: [$branch] repositoryOwnerName: $repositoryOwnerName localBuilds: { localBuildEmailHash: $gitUserEmailHash } ) { ...LastBuildOnBranchBuildFields ...SelectedBuildFields @skip(if: $hasSelectedBuildId) } lastBuild { id slug branch } } selectedBuild: build(id: $selectedBuildId) @include(if: $hasSelectedBuildId) { ...SelectedBuildFields } viewer { preferences { vtaOnboarding } projectMembership(projectId: $projectId) { userCanReview: meetsAccessLevel(minimumAccessLevel: REVIEWER) } } } `), Y3 = Qe(` fragment LastBuildOnBranchBuildFields on Build { __typename id status committedAt ... on StartedBuild { testsForStatus: tests(first: 1000, statuses: $testStatuses) { nodes { ...StatusTestFields } } testsForStory: tests(storyId: $storyId) { nodes { ...LastBuildOnBranchTestFields } } } ... on CompletedBuild { result testsForStatus: tests(first: 1000, statuses: $testStatuses) { nodes { ...StatusTestFields } } testsForStory: tests(storyId: $storyId) { nodes { ...LastBuildOnBranchTestFields } } } } `), K3 = Qe(` fragment SelectedBuildFields on Build { __typename id number branch commit committedAt uncommittedHash status ... on StartedBuild { startedAt testsForStory: tests(storyId: $storyId) { nodes { ...StoryTestFields } } } ... on CompletedBuild { startedAt testsForStory: tests(storyId: $storyId) { nodes { ...StoryTestFields } } } } `), I0 = Qe(` fragment StatusTestFields on Test { id status result story { storyId } } `), J3 = Qe(` fragment LastBuildOnBranchTestFields on Test { status result } `), Q3 = Qe(` fragment StoryTestFields on Test { id status result webUrl comparisons { id result browser { id key name version } captureDiff { diffImage(signed: true) { imageUrl imageWidth } focusImage(signed: true) { imageUrl imageWidth } } headCapture { captureImage(signed: true) { backgroundColor imageUrl imageWidth imageHeight thumbnailUrl } captureError { kind ... on CaptureErrorInteractionFailure { error } ... on CaptureErrorJSError { error } ... on CaptureErrorFailedJS { error } } } baseCapture { captureImage(signed: true) { imageUrl imageWidth imageHeight } } } mode { name globals } story { storyId name component { name } } } `), X3 = Qe(` mutation ReviewTest($input: ReviewTestInput!) { reviewTest(input: $input) { updatedTests { id status } userErrors { ... on UserError { __typename message } ... on BuildSupersededError { build { id } } ... on TestUnreviewableError { test { id } } } } } `), e7 = ({ projectId: e, storyId: t, gitInfo: n, selectedBuildInfo: r }) => { let [{ data: i, error: l, operation: o }, s] = dl({ query: G3, variables: { projectId: e, storyId: t, testStatuses: Object.keys(_i), branch: n.branch || "", ...(n.slug ? { repositoryOwnerName: n.slug.split("/", 1)[0] } : {}), gitUserEmailHash: n.userEmailHash, selectedBuildId: r?.buildId || "", hasSelectedBuildId: !!r, }, }); te(() => { let y = setInterval(s, 5e3); return () => clearInterval(y); }, [s]); let d = o && t && o.variables.storyId !== t, c = an(Y3, i?.project?.lastBuildOnBranch), u = [ ...an( J3, c && "testsForStory" in c && c.testsForStory ? c.testsForStory.nodes : [], ), ], m = c?.committedAt > n.committedAt, p = !!c && !m, v = !!c && u.every((y) => y.status !== "IN_PROGRESS"), g = an( K3, i?.selectedBuild ?? (v ? i?.project?.lastBuildOnBranch : void 0), ); return { account: i?.project?.account, features: i?.project?.features, manageUrl: i?.project?.manageUrl, hasData: !!i && !d, hasProject: !!i?.project, hasSelectedBuild: g?.branch.split(":").at(-1) === n.branch, lastBuildOnBranch: c, lastBuildOnBranchIsNewer: m, lastBuildOnBranchIsReady: v, lastBuildOnBranchIsSelectable: p, selectedBuild: g, selectedBuildMatchesGit: g?.branch.split(":").at(-1) === n.branch && g?.commit === n.commit && g?.uncommittedHash === n.uncommittedHash, rerunQuery: s, queryError: l, userCanReview: !!i?.viewer?.projectMembership?.userCanReview, vtaOnboarding: i?.viewer?.preferences?.vtaOnboarding, }; }, El = He(null), R0 = He(null), t7 = () => ht(El, "Build"), B0 = () => { let { selectedBuild: e } = ht(El, "Build"); if (!e) throw new Error("No selectedBuild on Build context"); return e; }, Wt = () => ht(R0, "Story"), ai = ({ children: e, watchState: t }) => { let n = !!t?.selectedBuild && "testsForStory" in t.selectedBuild, r = t?.selectedBuild && "testsForStory" in t.selectedBuild && t.selectedBuild.testsForStory?.nodes, i = [...an(Q3, r || [])], l = bl(i), { toggleDiff: o } = vn(); return ( te(() => o(l.changeCount > 0), [o, l.changeCount]), a.createElement( El.Provider, { value: ft(() => t, [JSON.stringify(t?.selectedBuild)]) }, a.createElement( R0.Provider, { value: { hasTests: n, tests: i, summary: l, ...q3(i) } }, e, ), ) ); }, n7 = k.div({ zIndex: 9999, position: "fixed", top: 0, left: "50%", width: "50%", height: "100%", }), a7 = a.memo(function ({ timeToFade: e = 5e3, colors: t = [ "#CA90FF", "#FC521F", "#66BF3C", "#FF4785", "#FFAE00", "#1EA7FD", ], ...n }) { return a.createElement( n7, null, a.createElement(no, { colors: t, particleCount: 200, duration: e, stageHeight: window.innerHeight, stageWidth: window.innerWidth, destroyAfterDone: !0, ...n, }), ); }), r7 = k.div(({ theme: e }) => ({ background: e.base === "light" ? e.color.lightest : "#292A2C", width: 260, padding: 15, borderRadius: 5, boxShadow: "0px 0px 32px 0px #00000029", })), i7 = k.div({ display: "flex", flexDirection: "column", alignItems: "flex-start", }), l7 = k.div(({ theme: e }) => ({ fontSize: 13, lineHeight: "18px", fontWeight: 700, color: e.color.defaultText, })), o7 = k.div(({ theme: e }) => ({ fontSize: 13, lineHeight: "18px", textAlign: "start", color: e.color.defaultText, margin: 0, marginTop: 5, })), s7 = k.div({ display: "flex", justifyContent: "flex-end", marginTop: 15, }), d7 = ({ isLastStep: e, step: t, primaryProps: n, tooltipProps: r }) => a.createElement( r7, { ...r }, a.createElement( i7, null, t.title && a.createElement(l7, null, t.title), a.createElement(o7, null, t.content), ), (t.hideNextButton || t.hideBackButton) && a.createElement( s7, { id: "buttonSkip" }, !t.hideSkipButton && !e && a.createElement( re, { size: "medium", onClick: t.onSkipWalkthroughButtonClick, link: !0, style: { paddingRight: 12, paddingLeft: 12, marginRight: 8, }, }, "Skip", ), !t.hideNextButton && a.createElement( re, { ...n, onClick: n.onClick, variant: "solid", ...(t.onNextButtonClick ? { onClick: t.onNextButtonClick } : {}), }, t.nextButtonText || "Next", ), ), ), E1 = "setFilter", c7 = ({ managerApi: e, skipWalkthrough: t, startWalkthrough: n, completeWalkthrough: r, }) => { let i = Sn(), l = Wt(), o = l?.selectedTest?.result === "CHANGED", s = l?.selectedTest?.status !== "ACCEPTED", d = JSON.stringify(wn().layout), c = Ee(d); (c.current !== d && (window.dispatchEvent(new Event("resize")), (c.current = d)), te(() => { n(); }), te(() => { (e.getCurrentStoryData()?.type !== "story" && e.jumpToStory(1), e.togglePanel(!0), e.togglePanelPosition("right"), e.setSelectedPanel(rn)); }, [e])); let [u, m] = Be("showConfetti", !1), [p, v] = Be("stepIndex", 0), g = () => v((y = 0) => y + 1); return ( te(() => { let y = document.getElementById("storybook-explorer-tree"), w = Array.from(y instanceof HTMLElement ? y.children : []) .filter((b) => b instanceof HTMLElement) .slice(1); return ( w.forEach((b) => (b.style.display = "none")), () => w.forEach((b) => (b.style.display = "")) ); }, []), te(() => { let y = () => { (v(1), setTimeout(() => { window.dispatchEvent(new Event("resize")); }, 100)); }; return ( e.on(lo, y), e.on(E1, y), () => { (e.off(lo, y), e.off(E1, y)); } ); }, [e, v]), te(() => { l?.selectedTest?.status === "ACCEPTED" && p === 5 && (m(!0), v(6)); }, [l?.selectedTest?.status, u, m, p, v]), a.createElement( a.Fragment, null, u && a.createElement(a7, null), a.createElement(D3, { steps: [ { target: "#sidebar-bottom-wrapper", title: "Changes found", content: a.createElement( a.Fragment, null, "The visual tests addon will detect changes in all of your stories and allow you to review them before opening a pull request.", a.createElement("br", null), a.createElement("br", null), "Click the number at the bottom-right to only show stories with visual changes.", ), floaterProps: { target: "#warnings-found-filter", options: { preventOverflow: { boundariesElement: "window" }, }, }, placement: "top", disableBeacon: !0, hideNextButton: !0, spotlightClicks: !0, onSkipWalkthroughButtonClick: t, }, o && s ? { target: "#storybook-explorer-tree > div", title: "Stories with changes", content: a.createElement( a.Fragment, null, "Here you have a filtered list of only stories with changes.", ), placement: "right", disableBeacon: !0, spotlightClicks: !0, onNextButtonClick: g, onSkipWalkthroughButtonClick: t, } : { target: "#storybook-explorer-tree > div", title: "Stories with changes", content: a.createElement( a.Fragment, null, "Here you have a list of all stories in your Storybook.", a.createElement("br", null), a.createElement("br", null), "Select a story with changes to see the exact pixels that changed.", ), placement: "right", disableBeacon: !0, spotlightClicks: !0, hideNextButton: !0, onSkipWalkthroughButtonClick: t, }, { target: "#panel-tab-content", title: "Inspect changes", content: a.createElement( a.Fragment, null, "The results of the changes are shown here. The pixels that changed are highlighted in green.", ), disableBeacon: !0, placement: "left", onNextButtonClick: g, onSkipWalkthroughButtonClick: t, }, { target: "#button-diff-visible", title: "Toggle the diff", content: a.createElement( a.Fragment, null, "This button shows or hides the visual diff. Use it to make the visual changes in your stories obvious. Try it out.", ), onNextButtonClick: g, onSkipWalkthroughButtonClick: t, spotlightClicks: !0, disableBeacon: !0, placement: "bottom", disableOverlay: !0, }, { target: "#button-toggle-snapshot", title: "This is the Switch button", content: a.createElement( a.Fragment, null, "Switch between the baseline snapshot (old) and the latest snapshot. The info bar will let you know which version you're looking at.", ), onNextButtonClick: g, onSkipWalkthroughButtonClick: t, spotlightClicks: !0, disableBeacon: !0, placement: "bottom", disableOverlay: !0, }, { target: "#button-toggle-accept-story", title: "Accept changes", content: a.createElement( a.Fragment, null, "If the visual changes are intentional, accept them to update the test baselines. The next time you run visual tests, future changes will be compared to these new baselines. This can be undone.", ), disableBeacon: !0, spotlightClicks: !0, onNextButtonClick: g, hideNextButton: !0, placement: "bottom", disableOverlay: !0, onSkipWalkthroughButtonClick: t, }, { target: "#button-toggle-accept-story", title: "Perfection!", placement: "bottom", disableOverlay: !0, content: a.createElement( a.Fragment, null, "You've got the basics down! You can always unaccept if you're not happy with the changes.", ), onNextButtonClick: g, onSkipWalkthroughButtonClick: t, }, { target: "#button-run-tests", title: "You are ready to test", placement: "bottom", disableOverlay: !0, content: a.createElement( a.Fragment, null, "Any time you want to run tests, tap this button in the sidebar to see exactly what changed across your Storybook.", ), disableBeacon: !0, nextButtonText: "Done", onNextButtonClick: r, }, ], continuous: !0, stepIndex: p, spotlightPadding: 0, hideBackButton: !0, disableCloseOnEsc: !0, disableOverlayClose: !0, disableScrolling: !0, hideCloseButton: !0, showSkipButton: !0, floaterProps: { options: { offset: { offset: "0, 6" } }, styles: { floater: { padding: 0, paddingLeft: 8, paddingTop: 8, filter: i.base === "light" ? "drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))" : "drop-shadow(#fff5 0px 0px 0.5px) drop-shadow(#fff5 0px 0px 0.5px)", }, }, }, tooltipComponent: d7, styles: { overlay: { mixBlendMode: "unset", backgroundColor: "none" }, spotlight: { backgroundColor: "none", border: `solid 2px ${i.color.secondary}`, boxShadow: "0px 0px 0px 9999px rgba(0,0,0,0.4)", }, options: { zIndex: 1e4, primaryColor: i.color.secondary, arrowColor: i.base === "light" ? i.color.lightest : "#292A2C", }, }, }), ) ); }, u7 = k.div( ({ theme: e }) => ({ display: "flex", flexDirection: "row", alignItems: "center", borderRadius: e.appBorderRadius, background: e.base === "light" ? e.color.lightest : e.color.darkest, border: `1px solid ${e.appBorderColor}`, padding: 15, flex: 1, gap: 14, maxWidth: "500px", width: "100%", }), ({ theme: e, warning: t }) => t && { background: e.base === "dark" ? "#342e1a" : e.background.warning, }, ), m7 = ({ content: e }) => { let t = e.split(/\r?\n/); return a.createElement( a.Fragment, null, t.reduce( (n, r, i) => n.concat([i && a.createElement("br", null), r].filter(Boolean)), [], ), ); }, P0 = ({ localBuildProgress: e, title: t }) => a.createElement( u7, { warning: !0 }, a.createElement( j, null, a.createElement( "span", null, t && a.createElement("b", null, t, ": "), a.createElement(m7, { content: Br( Array.isArray(e.originalError) ? e.originalError[0]?.message : e.originalError?.message || "Unknown error", ), }), ), " ", a.createElement( Ne, { target: "_blank", href: e.errorDetailsUrl || `${G1}#troubleshooting`, withArrow: !0, }, e.errorDetailsUrl ? "Details" : "Troubleshoot", ), ), ), p7 = ({ children: e, localBuildProgress: t }) => ( Ve("Errors", "BuildError"), a.createElement( pe, { footer: null }, a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Build failed"), a.createElement( j, { center: !0, muted: !0 }, "Check the Storybook process on the command line for more details.", ), ), a.createElement(P0, { localBuildProgress: t }), e, ), ), ) ), ji = ["initialize", "build", "upload", "verify", "snapshot"], kl = { initialize: { key: "initialize", emoji: "\u{1F680}", renderName: () => "Initialize build", renderProgress: () => "Initializing build...", renderComplete: () => "Initialized", estimateDuration: 2e3, }, build: { key: "build", emoji: "\u{1F3D7}", renderName: () => "Build Storybook", renderProgress: () => "Building your Storybook...", renderComplete: () => "Storybook built", estimateDuration: 2e4, }, upload: { key: "upload", emoji: "\u{1F4E1}", renderName: () => "Publish your Storybook", renderProgress: ({ stepProgress: e }) => { let { numerator: t, denominator: n } = e.upload; if (!n || !t) return "Uploading files..."; let { value: r, exponent: i } = Hr(n, { output: "object", round: 1, }), { value: l, symbol: o } = Hr(t, { exponent: i, output: "object", round: 1, }); return `Uploading files... ${l}/${r} ${o}`; }, renderComplete: () => "Publish complete", estimateDuration: 2e4, }, verify: { key: "verify", emoji: "\u{1F50D}", renderName: () => "Verify your Storybook", renderProgress: () => "Verifying contents...", renderComplete: () => "Storybook verified", estimateDuration: 2e4, }, snapshot: { key: "snapshot", emoji: "\u{1F4F8}", renderName: () => "Run visual tests", renderProgress: ({ stepProgress: e }) => { let { numerator: t, denominator: n } = e.snapshot; return n ? `Running visual tests... ${t}/${n}` : "Running visual tests..."; }, renderComplete: () => "Tested your stories", estimateDuration: 9e4, }, aborted: { key: "aborted", emoji: "\u270B", renderName: () => "Build canceled", renderProgress: () => "Build canceled", renderComplete: () => "Build canceled", estimateDuration: 0, }, complete: { key: "complete", emoji: "\u{1F389}", renderName: () => "Visual tests completed!", renderProgress: () => "Visual tests completed!", renderComplete: () => "Visual tests completed!", estimateDuration: 0, }, error: { key: "error", emoji: "\u{1F6A8}", renderName: () => "Build failed", renderProgress: () => "Build failed", renderComplete: () => "Build failed", estimateDuration: 0, }, limited: { key: "error", emoji: "\u{1F6A8}", renderName: () => "Build limited", renderProgress: () => "Build limited", renderComplete: () => "Build limited", estimateDuration: 0, }, }, h7 = { buildProgressPercentage: 0, currentStep: ji[0], stepProgress: Object.fromEntries(ji.map((e) => [e, {}])), }; JSON.stringify(h7); var V0 = ({ localBuildProgress: e, withEmoji: t = !1, ...n }) => { let { emoji: r, renderProgress: i } = kl[e.currentStep], l = i(e); return a.createElement(j, { ...n }, t && r, " ", l); }, f7 = k(j)({ display: "flex", flexDirection: "column", gap: 10, width: 200, marginTop: 15, }), H0 = k.div(({ theme: e }) => ({ height: 5, background: e.background.hoverable, borderRadius: 5, overflow: "hidden", })), g7 = k(H0)(({ theme: e }) => ({ background: e.color.secondary, transition: "width 3s ease-out", })); function Ar({ localBuildProgress: e }) { return a.createElement( f7, { center: !0, small: !0 }, a.createElement( H0, null, typeof e.buildProgressPercentage == "number" && a.createElement(g7, { style: { width: `${e.buildProgressPercentage}%` }, }), ), a.createElement(V0, { center: !0, muted: !0, small: !0, localBuildProgress: e, }), ); } var v7 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHUSURBVHgB7ZfPTupAFMa/mbb0XkAk6r2516jRnXHlxr0+ib4J+iTqm7Bx5YaVcWPQECUoGiJCpX/mOKcxRo2DILa44Jc0Taad+b45mZkzR+CZaq2+CcsqAWIdoCKSowyFw5WFvwcvLRf1m1Kt0SSv51OkFCVJx+sRa1W1JmuLav16x5Zyf/7PDKQQSAM9RVzd3CH0aUsKEtsz0/nUxBnWmisWAItKkkCbWddF2mQcm1/rEmPiOeJF2/TD+f0pKo0jBKqHUcg5U1ib28ByYfXD78YInDSPRxZnOkE7nogJ2a/jd9FvImNbAz/GgHERZp08pjJ8OA3uMVIh2kELXvAwcB/j6HmnOJQ4Y0kbBW16GGS/wb7CsKYni9AYZ9f6haydhzCEVFGEbtiFH3kYBWMEfts5o3jcUVjIaYOjIvsJfIb4hhQ+WYQTAz/XgDXALuCz4D2ckN7Dt6KhDfzLLcGxMsaORApe2MFbQyrOhq9xpIu12Q3jOMaTcNqdjZ+k0REQLS4UxoXUZ1nFD0KkTffR51dZUhTuNVttpBkF1rq717cmFR3GDdXLxm6tcUudxx4lCRe+XACz1pnWZO2XbMJFKteJXKohMYTeIlRBFO2tLP4vc8sThEpu8pkDBW8AAAAASUVORK5CYII=", y7 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN0SURBVHgBvVdLTxNRFP7uUDpSC7Q8rFSLqWJEExOfC1/xHWPiQuPShS50Y/wP6F9wq1HZuTAxMXFlNGzUhWIQDWICLYhSC4XWlj5m2pnjvS20NNDhltB+i870zpnzffece8/cw7CI4FToDBoa+gB2ACAXaocBmOj3b9/yrDgyGZrtmwpHKK3pZJgm1RLJtEaCK8g5BTcLhmZu2RTlqbezDQpjqAf4FDE9O4+cTmcVRuxmW6uzbuQCgqvD1QI0UJ9CoDMOVUW9YW+0icsBG9YDLQNMjIAS0fxf1u4FvH5A3STtYjHiruoEcGL6/Bb07X3ZMImfZjfYnkNgR86jGsgL4LM1Xz3OXys9F+KQiIGdvQ5ZKLKGBefRte1+DoKG30MWcgKmg9zxF8iCBt8W1slGCaDgCKqCIA8FpEzlIjAXQrWgiNw70mugVpDaBczF9/nXvzy03NxmAo4sqEUrN2rls3YUPLIUkOnoQpOEb0sBWVPDp5l3SOqjuDjeVi5KzYG2x0E9KZi7eCVYVoNEXXgY2YpdvOaf38bgtlfmqJiCZDaO15P9CMS/I9xtILzDKDfg0WD7LwHnzpWRC3w0TiBGbgxGgEejhKiO6gW8+f0cC9l/JadXNCRdVDI42QtcPQrFcwHMubM4HCIv3hmlahjlmXoRIFQlQMx6ObnAQivhzY10SQQnLzrxFAh/GHvxJHsbGSoPSSABjFSoYauugV8LY6saCxEv76bgne5Ec5MCj65DIxMxeDBE9xDIeVEJIh373JICotoMrDDevQlz8fIIpRu5d4tch9IicivPHOuqA8Ts2CisKsBpa7F8yWbMrxgzcw2W77jtTF6Ax+GDFexmFIyyZeQ5zToqhzsgL6DXfQR2xfp006oPF++zKYelrShE/mbIC7ArKo51XYYVnLw6qkaYz1xFJu60tL3SzauhWoUAAd/mHpzedg3Oxsrr4ZQaxUGbu+JzMfM7vWzV7bcEy2+BEOHz9+QL01RiDLqZyadms70FPudueJoKa+V4J/AhzM8t6RJxF8/K4XZepdf43LHg9Gy0e2u7q559wRImQrP8dAwM6dkc6o1UJl+1BhQycg8isUS+XaoXBNd8fIHfGP35geCf8P2p8BwlMxrVEqLxFQ2w4BrnnIK7mHjRpIo+UbRqqBlYjBfyIRjGA7+va0CM/AdEDxpHNfo8owAAAABJRU5ErkJggg==", b7 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMJSURBVHgB7VfNblJBFD5z+5e0poXGNqnFRFxoUly0K+vCpG7aFyhrTRofwBcQ6974AIZo1/QFyorEBezsQkhqYqkBSoBaAcWW3+N8dxh+hFJI+Nn0S264d+65c77znXNmGEFVhCPxDRobcxGJVSK20ODgowrt2W2Ln2ojP+IpVyRxxhf5ApcrFR4kchd5hq+w9AnfIhxPvhg3jI93FubJEIKGARkinabOqVTgZ4Zg8Xx+7tbQnAPwddsySzTGLoOJN6anpmjYmJwYx8+qQSNCVXHLyAho3BAY78bo5WemFau6D/0i+vC0fx1zLYFQmmjTJshpV8+BpLrWF6kvuDYFB1GuOQfg+CDG1C90lQIgKKWH8EiFbZooWySanWi18yeRJjbfA7DZkgraZqh3Aoh+a1nl21uNesUqzAk9YaadB/VagMP3X5W9876okYvmVMoyxWZ7jY4pCKSoVnyNQDTZQvOY51g5QIq8kjjIvP2iSG8jhawKuGsCYL5iUYyhxJNFYV6IBkCEWmYAxYpv3EfwJejVI0Gv15RSAFQLprl7AoEknNYnR2S4/Ek1CWTWk5vPdkXWYVV23phKydxk55a9sgYiMprtGRWlzi8Qy9UVaJQUaYENfh0WVXTrUrHoH+qdACK2zYiaI9da+ygQtV4T3N+Y3j0WJlnUQzCtbPDssoreCCDnyCGwL2WO5JrfO+SEm8vKMaJGznW3uI/YJKbbTivXEwENFFVGRqDJaMBJtlhvNbzVXYGxjLyfnVRKOKyda6ClCHXFAyhEHVkjMKnOP2whc6ha4TsPhVknnmNl126xakSLAvsnaD82VzQosG1v/QjSY4PyV1sSZKAS5DadyujniqpjMIe2w73zv/lE+DTJ95YWqF8AGSiCGrhq+dU4iae63wu6RbuVsxNu/hFJAiKNg8LICMgmOywUSzRs/L00Fw6fweXS7ln6Nw1TBfg6z8pNolLeMwfCscSbSOIn5y7zPEjg4IsDMHx9lz7hu7bM4ZCKcyKOajQwCLlF8SGVy7v2u0s+jPwDEeUTfjDhTd4AAAAASUVORK5CYII=", E7 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALVSURBVHgBxZfLbtNAFIb/8TgJCbm2adNUIOiuYpUN+7JiySPAm5Q+CfQBeIcuWYDaVYWEUIQqCLmQpEmaJq7Hw5y4dpOOadwEh0+yZnx8OWfm/HNjuKZ6VtsD5/sAqwAyj+g4goPDnUeb733L91pz/6zekpdjSwrHkVFycTmW5KuqfJJvVq013piG8W57Yw0GY1gFqon42WzDtuQLg0n2ei2XXplzgnwV81mAy31DQu6lEgmsmnjMpKJi4D9x3eN58/YDabdUkmrAuboMDqTXgV4DSOWgkuZei9iEElzyCRDbmvGnBYDmZ6C4rWIr39i8ejy1uI0aN/gKVpgNQE9BtoDIeJDUTHoP2GPVAvfFL708jrtlCMmxCClu4Vm2gd1s1zUM2kBybgCWXz3tbSJtmlicxKQBfgCkiVvoKUiv+dWhiGNZZnpv1Nee683rNWcFeM2lfQzH/oi++IUcL6LvdJAziuiIunsvOsjwAobSQT7+Ui0ruwiD3gOp4HVI2J9UtBIFXlIf8Ylzwr9XQVCZZjE0Rx8C/4EH6RABkAgDGDkNhKXA/zKSSITzA7ACv02yhwgLpSWQ+4pwmgvZQ1i89GgEiFAPgEQYQIaFn6D6Tjv0u6FF2JdDhCXJy8EPlhHheuKVGmISV9LCQA1BKs+dltpdiUlJUO6lGium+TzwH0EivHMmnIbGdSHpjm2vHV7pza5bmMN9RWgygWVJ8aubm/vOhJV8Ta0HJTUlx7AIJnPUP+p3v6NZpkRIi4i/kPwLaGNyCz0FSmiR0dFnU60HWPwpZPdUaSHjqpaE4+WOhtEiNkdpKbMJtl6ZHwDiJbCNklv35D29iVjGFoBKAes6UXb7HAy1OT6xrmysmuFoMt8cGVLYB61uH6vsBfLV7g1IG4cTQ/VH/e1Z/be8GI1llNDBlw7A5Oub8km+/QMhHVLpnEhHNUQGU5OKPIEQBzuPy0dk+QPy8+sGXJtnqwAAAABJRU5ErkJggg==", k7 = k.div(({ theme: e }) => ({ border: `1px solid ${e.appBorderColor}`, borderRadius: e.appBorderRadius, padding: "6px 10px", fontSize: 13, lineHeight: "18px", })), w7 = k.div(({ theme: e }) => ({ lineHeight: "18px", position: "relative", borderRadius: 5, display: "block", minWidth: "80%", color: e.color.warningText, background: e.background.warning, border: `1px solid ${Ia(0.5, e.color.warningText)}`, padding: 15, margin: 0, })), C7 = k(j)(({ theme: e }) => ({ color: e.color.darkest })), S7 = ({ onSkip: e, runningSecondBuild: t }) => a.createElement( pe, { footer: null }, a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Make a change to this story"), a.createElement( j, { center: !0, muted: !0, block: !0 }, "In your code, adjust the markup, styling, or assets to see how visual testing works. Don't worry, you can undo it later. Here are a few ideas to get you started.", ), ), a.createElement( ne, { style: { display: "flex", alignItems: "flex-start", gap: "8px", margin: "10px 0", }, }, a.createElement( Vn, { style: { margin: 0, alignItems: "center", gap: "10px" } }, a.createElement("img", { src: y7, alt: "Color Palette", style: { width: 32, height: 32 }, }), "Shift the color palette", ), a.createElement( Vn, { style: { margin: 0, alignItems: "center", gap: "10px" } }, a.createElement("img", { src: b7, alt: "Embiggen", style: { width: 32, height: 32 }, }), " ", "Embiggen the type", ), a.createElement( Vn, { style: { margin: 0, alignItems: "center", gap: "10px" } }, a.createElement("img", { src: E7, alt: "Layout", style: { width: 32, height: 32 }, }), "Change the layout", ), a.createElement( Vn, { style: { margin: 0, alignItems: "center", gap: "10px" } }, a.createElement("img", { src: v7, alt: "Adjust", style: { width: 32, height: 32 }, }), "Adjust the size or scale", ), ), a.createElement( bt, null, t ? a.createElement( w7, null, a.createElement( C7, null, "No changes found in the Storybook you published. Make a UI tweak and try again to continue.", ), ) : a.createElement(k7, null, "Awaiting changes..."), a.createElement( re, { link: !0, onClick: e }, "Skip walkthrough", ), ), ), ), ), x7 = ({ isRunning: e, setRunningSecondBuild: t, startBuild: n, setInitialGitHash: r, uncommittedHash: i, }) => a.createElement( pe, { footer: null }, a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Changes detected"), a.createElement( j, { center: !0, muted: !0 }, "Time to run your first visual tests to pinpoint the exact changes made to this story.", ), ), a.createElement( re, { variant: "solid", size: "medium", disabled: e, onClick: () => { (t(!0), n(), setTimeout(() => { r(i); }, 1e4)); }, }, a.createElement(fr, null), "Run visual tests", ), ), ), ), N7 = ({ localBuildProgress: e }) => a.createElement( pe, { footer: null }, a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Running your first test"), a.createElement( j, { center: !0, muted: !0 }, "A new snapshot is being created in a standardized cloud browser. Once complete, you'll be able to pinpoint exactly what changed.", ), ), a.createElement(Ar, { localBuildProgress: e }), ), ), ), M7 = ({ isUnchanged: e, localBuildProgress: t, ...n }) => ( Ve("Onboarding", "CatchAChange"), n.isRunning && t ? a.createElement(N7, { localBuildProgress: t }) : e ? a.createElement(S7, { ...n }) : a.createElement(x7, { ...n }) ), F7 = k.div(({ status: e, theme: t }) => ({ position: "relative", display: "inline-flex", border: `1px solid ${e === "positive" ? t.color.green : t.appBorderColor}`, borderRadius: 5, margin: "15px 15px 0", minHeight: 200, minWidth: 200, maxWidth: 500, img: { display: "block", maxWidth: "100%" }, svg: { position: "absolute", top: -12, left: -12, width: 24, height: 24, padding: 5, color: t.color.lightest, borderRadius: "50%", backgroundColor: t.color.green, }, })), A7 = k.div({ width: "100%", margin: 2, background: "white", borderRadius: 3, overflow: "hidden", div: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%", }, }), Di = ({ backgroundColor: e, status: t, thumbnailUrl: n }) => a.createElement( F7, { status: t }, a.createElement( A7, null, a.createElement( "div", { style: e ? { backgroundColor: e } : {} }, a.createElement("img", { alt: "Snapshot thumbnail", src: n }), ), ), t === "positive" && a.createElement(Ji, null), ), k1 = k(j)({ marginBottom: 5 }), w1 = ({ onComplete: e, onSkip: t, ranSecondBuild: n = !1 }) => { Ve("Onboarding", "CatchAChangeComplete"); let r = Wt(); return a.createElement( pe, { footer: null }, a.createElement( de, { style: { overflowY: "auto" } }, n ? a.createElement( ne, null, a.createElement( "div", null, a.createElement( le, null, "Nice. Your stories were saved as test baselines.", ), a.createElement( j, { center: !0, muted: !0, block: !0 }, "This story was indexed and snapshotted in a standardized cloud browser.", ), r.selectedComparison?.headCapture?.captureImage && a.createElement(Di, { ...r.selectedComparison?.headCapture?.captureImage, status: "positive", }), ), a.createElement( bt, null, a.createElement(k1, null, "You're ready to start testing!"), a.createElement( re, { variant: "solid", size: "medium", onClick: e }, "Done", ), a.createElement( re, { link: !0, onClick: t }, "Skip walkthrough", ), ), ) : a.createElement( ne, null, a.createElement( "div", null, a.createElement( le, null, "Nice. You ran your first tests!", ), a.createElement( j, { center: !0, muted: !0, block: !0 }, "This story was indexed and snapshotted in a standardized cloud browser and changes were found.", ), r.selectedComparison?.headCapture?.captureImage && a.createElement(Di, { ...r.selectedComparison?.headCapture?.captureImage, status: "positive", }), ), a.createElement( bt, null, a.createElement(k1, null, "It's time to review changes!"), a.createElement( re, { variant: "solid", size: "medium", onClick: e }, "Take a tour", ), a.createElement( re, { link: !0, onClick: t }, "Skip walkthrough", ), ), ), ), ); }, C1 = () => a.createElement( "div", null, a.createElement(le, null, "Get started with visual testing"), a.createElement( j, { center: !0, muted: !0 }, 'Take an image snapshot of your stories to save their "last known good state" as test baselines.', ), ), L7 = ({ isRunning: e, localBuildProgress: t, startBuild: n, onSkip: r, }) => ( Ve("Onboarding", "InitialBuild"), a.createElement( pe, { footer: null }, a.createElement( de, null, t ? a.createElement( ne, null, a.createElement(C1, null), a.createElement(Ar, { localBuildProgress: t }), ) : a.createElement( ne, null, a.createElement(C1, null), a.createElement( bt, null, a.createElement( re, { disabled: e, size: "medium", variant: "solid", onClick: n, }, "Take snapshots", ), a.createElement( re, { onClick: r, link: !0 }, "Skip walkthrough", ), ), ), ), ) ), T7 = k(j)({ marginBottom: 5 }), Z7 = ({ onCatchAChange: e, onSkip: t }) => { Ve("Onboarding", "InitialBuildComplete"); let n = Wt(); return a.createElement( pe, { footer: null }, a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement( le, null, "Nice. Your stories were saved as test baselines.", ), a.createElement( j, { center: !0, muted: !0, block: !0 }, "This story was indexed and snapshotted in a standardized cloud browser.", ), n?.selectedComparison?.headCapture?.captureImage && a.createElement(Di, { ...n?.selectedComparison?.headCapture.captureImage, status: "positive", }), ), a.createElement( bt, null, a.createElement( T7, { muted: !0 }, "Let's see the superpower of catching visual changes.", ), a.createElement( re, { variant: "solid", size: "medium", onClick: e }, "Catch a UI change", ), a.createElement( re, { link: !0, onClick: t }, "Skip walkthrough", ), ), ), ), ); }, O7 = ({ dismissBuildError: e, localBuildProgress: t, showInitialBuildScreen: n, gitInfo: r, lastBuildHasChangesForStory: i, onComplete: l, onSkip: o, }) => { let { isRunning: s, startBuild: d } = sa(), [c, u] = Be("showInitialBuild", n); te(() => { n && u(!0); }, [n, u]); let [m, p] = Be("showCatchAChange", !c), [v, g] = Be("initialGitHash", r.uncommittedHash), y = () => { (g(r.uncommittedHash), p(!0)); }, [w, b] = Be("runningSecondBuild", !1); return t?.currentStep === "error" ? a.createElement( p7, { localBuildProgress: t }, a.createElement( bt, null, a.createElement( re, { variant: "solid", size: "medium", onClick: d }, "Try again", ), a.createElement( re, { link: !0, onClick: o }, "Skip walkthrough", ), ), ) : t?.currentStep === "limited" ? a.createElement( e0, { billingUrl: t.errorDetailsUrl, suspensionReason: "EXCEEDED_THRESHOLD", }, a.createElement(re, { link: !0, onClick: e }, "Continue"), ) : c && (!t || (t && s)) ? a.createElement(L7, { isRunning: s, localBuildProgress: t, startBuild: d, onSkip: o, }) : t?.currentStep === "complete" && !m && !w ? i ? a.createElement(w1, { onComplete: l, onSkip: o }) : a.createElement(Z7, { onCatchAChange: y, onSkip: o }) : m && !i ? a.createElement(M7, { isRunning: s, isUnchanged: v === r.uncommittedHash, localBuildProgress: t, onSkip: o, runningSecondBuild: w, setInitialGitHash: g, setRunningSecondBuild: b, startBuild: d, uncommittedHash: r.uncommittedHash, }) : i ? a.createElement(w1, { onComplete: l, onSkip: o, ranSecondBuild: m && w, }) : null; }, _7 = k.div(({ theme: e }) => ({ background: e.background.app, padding: "9px 15px", lineHeight: "21px", color: e.color.defaultText, borderBottom: `1px solid ${e.appBorderColor}`, })), I7 = Ct({ from: { transform: "rotate(0deg)" }, to: { transform: "rotate(359deg)" }, }), R7 = k(ps)({ animation: `${I7} 1s linear infinite` }), Ta = { width: 10, marginRight: 8 }, S1 = k.button(({ isWarning: e, onClick: t, theme: n }) => { let r = n.base === "light" ? n.background.warning : "#2e271a"; return { position: "relative", display: "flex", width: "100%", lineHeight: "20px", padding: "5px 7px 5px 15px", justifyContent: "space-between", alignItems: "center", background: e ? r : n.background.app, border: "none", borderBottom: `1px solid ${n.appBorderColor}`, color: n.color.defaultText, cursor: t ? "pointer" : "default", textAlign: "left", "& > *": { zIndex: 1 }, code: { fontFamily: n.typography.fonts.mono, fontSize: "12px" }, }; }), x1 = k.div(({ isWarning: e, percentage: t, theme: n }) => { let r = n.base === "light" ? "#FFE6B1" : "#43361f"; return { display: "block", position: "absolute", top: "0", height: "100%", left: "0", width: `${t}%`, transition: "width 3s ease-out", backgroundColor: e ? r : n.background.hoverable, pointerEvents: "none", zIndex: 0, }; }), Za = k.div({ lineHeight: "21px", padding: "4px 0" }), B7 = k(Lc)({ transition: "transform 0.1s ease-in-out" }), P7 = k.div(({ expanded: e, theme: t }) => ({ display: "grid", gridTemplateRows: e ? "1fr" : "0fr", background: t.background.app, borderBottom: e ? `1px solid ${t.appBorderColor}` : "none", transition: "grid-template-rows 150ms ease-out", })), V7 = k.div(({ theme: e }) => ({ whiteSpace: "nowrap", overflow: "hidden", color: e.base === "light" ? e.color.dark : e.color.lightest, })), H7 = k.div(({ isCurrent: e, isFailed: t, isPending: n, theme: r }) => ({ display: "flex", flexDirection: "row", gap: 8, opacity: n ? 0.7 : 1, color: t ? r.color.negativeText : "inherit", fontWeight: e || t ? "bold" : "normal", fontFamily: "Menlo, monospace", fontSize: 12, lineHeight: "24px", margin: "0 15px", "&:first-of-type": { marginTop: 10 }, "&:last-of-type": { marginBottom: 10 }, "& > div": { display: "flex", alignItems: "center" }, })), j7 = ({ localBuildProgress: e, expanded: t = !1 }) => { let n = Ee({}); te(() => { n.current[e.currentStep] = { ...e }; }, [e]); let r = ["aborted", "error"].includes(e.currentStep), i = ji.map((l) => { let { startedAt: o, completedAt: s } = e.stepProgress[l], d = !!o && !s, c = d && r, u = !o, m = { ...kl[l], isCurrent: d, isFailed: c, isPending: u }; return c ? { ...m, icon: a.createElement(ln, { style: Ta }), renderLabel: m.renderProgress, } : d ? { ...m, icon: a.createElement(R7, { style: Ta }), renderLabel: m.renderProgress, } : u ? { ...m, icon: a.createElement(Ac, { style: Ta }), renderLabel: m.renderName, } : { ...m, icon: a.createElement(Ji, { style: Ta }), renderLabel: m.renderComplete, }; }); return a.createElement( P7, { expanded: t }, a.createElement( V7, null, i.map( ({ icon: l, isCurrent: o, isFailed: s, isPending: d, key: c, renderLabel: u, }) => a.createElement( H7, { isCurrent: o, isFailed: s, isPending: d, key: c }, a.createElement("div", null, l, u(n.current[c] || e)), ), ), ), ); }, D7 = ({ branch: e, dismissBuildError: t, localBuildProgress: n, lastBuildOnBranchInProgress: r, switchToLastBuildOnBranch: i, }) => { let [l, o] = a.useState(!1), s = () => { o(!l); }; if (n) { let c = n.currentStep === "aborted", u = n.currentStep === "error", m = c || u; return a.createElement( a.Fragment, null, a.createElement( S1, { as: u ? "div" : "button", onClick: u ? void 0 : s, isWarning: m, }, a.createElement(x1, { percentage: n.buildProgressPercentage, isWarning: m, }), a.createElement( Za, null, a.createElement(V0, { localBuildProgress: n, withEmoji: !0 }), ), u ? a.createElement( dt, { onClick: t }, a.createElement(Qi, { "aria-label": "Dismiss" }), ) : a.createElement( dt, { as: "div" }, a.createElement(B7, { style: { transform: `rotate(${l ? -180 : 0}deg)` }, }), ), ), a.createElement(j7, { localBuildProgress: n, expanded: l || u }), ); } function d() { return i ? r ? a.createElement( Za, null, "Reviewing is disabled because there's a newer build in progress on", " ", a.createElement(Te, null, e), ". This can happen when a build runs in CI.", ) : a.createElement( Za, null, "There's a newer snapshot with changes.", " ", a.createElement( Ot, { withArrow: !0, onClick: i }, "Switch to newer snapshot", ), ) : a.createElement( Za, null, "Reviewing is disabled because there's a newer build on ", a.createElement(Te, null, e), ".", ); } return a.createElement( S1, { onClick: i }, a.createElement(x1, { percentage: 100 }), d(), ); }, z7 = ({ onClose: e }) => a.createElement( ys, null, a.createElement( Ei, null, a.createElement( Ha, null, "Render settings", a.createElement(po, null), a.createElement( tl, { onClick: e }, a.createElement(el, { "aria-label": "Close" }), ), ), a.createElement( "p", null, a.createElement(Hc, null), "Delay: 300ms", ), a.createElement( "p", null, a.createElement(jc, null), "Animation pause: Ends", ), a.createElement( "p", null, a.createElement(Dc, null), "Threshold: 0.2", ), a.createElement( "p", null, a.createElement(zc, null), "Anti-alias: Included", ), ), a.createElement( Ei, null, a.createElement( Ha, null, "Bounding box", a.createElement(po, null), ), a.createElement( "dl", null, a.createElement("dt", null, "Width:"), a.createElement("dd", null, "Fill viewport"), a.createElement("dt", null, "Height:"), a.createElement("dd", null, "Hug contents"), ), ), ), j0 = { isReviewing: !1, userCanReview: !1, buildIsReviewable: !1, acceptTest: (e, t = "SPEC") => Promise.resolve(), unacceptTest: (e, t = "SPEC") => Promise.resolve(), }, D0 = He(j0), z0 = () => ht(D0, "ReviewTest"), U7 = ({ children: e, watchState: t = j0 }) => a.createElement(D0.Provider, { value: t }, e), $7 = k.div( ({ theme: e }) => ({ position: "relative", display: "flex", background: "transparent", overflow: "hidden", margin: 2, maxWidth: "calc(100% - 4px)", "& > div": { display: "flex", flexDirection: "column", alignItems: "center", width: "100%", p: { maxWidth: 380, textAlign: "center" }, svg: { width: 24, height: 24 }, }, "& > svg": { position: "absolute", left: "calc(50% - 14px)", top: "calc(50% - 14px)", width: 20, height: 20, color: e.color.lightest, opacity: 0, transition: "opacity 0.1s ease-in-out", pointerEvents: "none", }, }), ({ href: e }) => e && { display: "inline-flex", cursor: "pointer", "&:hover": { "& > svg": { opacity: 1 }, img: { filter: "brightness(85%)" }, }, }, ), N1 = k.div(({ isVisible: e }) => ({ position: e ? "static" : "absolute", visibility: e ? "visible" : "hidden", maxWidth: "100%", minHeight: 100, })), Oa = k.img({ display: "block", width: "100%", height: "auto", transition: "filter 0.1s ease-in-out, opacity 0.1s ease-in-out", "&[data-overlay]": { position: "absolute", opacity: 0.7, pointerEvents: "none", transition: "opacity 0.1s ease-in-out", }, }), W7 = k(ne)({ margin: "30px 15px" }), q7 = ({ comparisonImageLoaded: e, focusImageLoaded: t, showDiff: n, showFocus: r, }) => (n && r ? e && t : n ? e : r ? t : !0), G7 = ({ componentName: e, storyName: t, testUrl: n, comparisonResult: r, latestImage: i, baselineImage: l, baselineImageVisible: o, diffImage: s, focusImage: d, diffVisible: c, focusVisible: u, ...m }) => { let p = Sn(), v = !!i && !!s && r === "CHANGED", g = r === "CAPTURE_ERROR", y = v && !!d, w = v ? { as: "a", href: n, target: "_blank", title: "View on Chromatic.com", } : {}, b = v && c, h = y && u, [f, E] = a.useState(!1), [C, Z] = a.useState(!1), [M, V] = a.useState(!1), [D, X] = a.useState(!1), oe = o ? C : f, ve = q7({ comparisonImageLoaded: M, focusImageLoaded: D, showDiff: b, showFocus: h, }); return a.createElement( $7, { ...m, ...w }, i && a.createElement( N1, { isVisible: !l || !o, style: { aspectRatio: `${i.imageWidth} / ${i.imageHeight}`, width: i.imageWidth, }, }, (!f || !ve) && a.createElement(yi, null), a.createElement(Oa, { alt: `Latest snapshot for the '${t}' story of the '${e}' component`, src: i.imageUrl, style: { opacity: f ? 1 : 0 }, onLoad: () => E(!0), }), ), l && a.createElement( N1, { isVisible: o, style: { aspectRatio: `${l.imageWidth} / ${l.imageHeight}`, width: l.imageWidth, }, }, (!C || !ve) && a.createElement(yi, null), a.createElement(Oa, { alt: `Baseline snapshot for the '${t}' story of the '${e}' component`, src: l.imageUrl, style: { opacity: C ? 1 : 0 }, onLoad: () => Z(!0), }), ), v && oe && a.createElement(Oa, { alt: "", "data-overlay": "diff", src: s.imageUrl, style: { width: s.imageWidth, maxWidth: `${(s.imageWidth / i.imageWidth) * 100}%`, opacity: b && M ? 0.7 : 0, }, onLoad: () => V(!0), }), y && oe && a.createElement(Oa, { alt: "", "data-overlay": "focus", src: d.imageUrl, style: { width: d.imageWidth, maxWidth: `${(d.imageWidth / i.imageWidth) * 100}%`, opacity: h && D ? 0.7 : 0, filter: h ? "blur(2px)" : "none", }, onLoad: () => X(!0), }), v && a.createElement(ms, null), g && !i && a.createElement( W7, null, a.createElement(mc, { color: p.base === "light" ? "currentColor" : p.color.medium, }), a.createElement( j, { center: !0, muted: !0 }, "A snapshot couldn't be captured. This often occurs when a story has a code error. Confirm that this story successfully renders in your local Storybook and run the build again.", ), ), ); }, Y7 = (e) => a.createElement( "svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, }, a.createElement("circle", { cx: "8.00009", cy: "7.99997", r: "7.7037", fill: "url(#paint0_linear_466_21186)", }), a.createElement("ellipse", { cx: "8.00094", cy: "8.00094", rx: "7.06173", ry: "7.06173", fill: "url(#paint1_radial_466_21186)", }), a.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.07134 1.36353C8.03043 1.36353 7.99727 1.39669 7.99727 1.4376V2.56469C7.99727 2.6056 8.03043 2.63877 8.07134 2.63877C8.11225 2.63877 8.14542 2.6056 8.14542 2.56469V1.4376C8.14542 1.39669 8.11225 1.36353 8.07134 1.36353ZM8.07134 14.7792C8.11225 14.7792 8.14542 14.746 8.14542 14.7051V13.578C8.14542 13.5371 8.11225 13.5039 8.07134 13.5039C8.03043 13.5039 7.99727 13.5371 7.99727 13.578V14.7051C7.99727 14.746 8.03043 14.7792 8.07134 14.7792ZM8.64883 1.46214C8.65292 1.42143 8.68923 1.39175 8.72994 1.39584C8.77064 1.39993 8.80032 1.43625 8.79623 1.47695L8.74793 1.95766C8.74384 1.99836 8.70752 2.02804 8.66682 2.02395C8.62612 2.01986 8.59643 1.98355 8.60052 1.94284L8.64883 1.46214ZM7.41372 14.7468C7.45442 14.7509 7.49074 14.7213 7.49483 14.6806L7.54313 14.1998C7.54722 14.1591 7.51754 14.1228 7.47683 14.1187C7.43613 14.1146 7.39982 14.1443 7.39573 14.185L7.34742 14.6657C7.34333 14.7064 7.37301 14.7428 7.41372 14.7468ZM14.7051 7.99727C14.746 7.99727 14.7792 8.03043 14.7792 8.07134C14.7792 8.11225 14.746 8.14542 14.7051 8.14542H13.578C13.5371 8.14542 13.5039 8.11225 13.5039 8.07134C13.5039 8.03043 13.5371 7.99727 13.578 7.99727H14.7051ZM1.36353 8.07134C1.36353 8.11225 1.39669 8.14542 1.4376 8.14542H2.56469C2.6056 8.14542 2.63877 8.11225 2.63877 8.07134C2.63877 8.03043 2.6056 7.99727 2.56469 7.99727H1.4376C1.39669 7.99727 1.36353 8.03043 1.36353 8.07134ZM14.6806 8.64883C14.7213 8.65292 14.7509 8.68923 14.7468 8.72994C14.7428 8.77064 14.7064 8.80032 14.6657 8.79623L14.185 8.74793C14.1443 8.74384 14.1146 8.70752 14.1187 8.66682C14.1228 8.62612 14.1591 8.59643 14.1998 8.60052L14.6806 8.64883ZM1.39584 7.41372C1.39175 7.45442 1.42143 7.49074 1.46214 7.49483L1.94284 7.54313C1.98355 7.54722 2.01986 7.51754 2.02395 7.47683C2.02804 7.43613 1.99836 7.39982 1.95766 7.39573L1.47695 7.34742C1.43625 7.34333 1.39993 7.37301 1.39584 7.41372ZM12.7097 3.3282C12.7387 3.29927 12.7856 3.29927 12.8145 3.3282C12.8434 3.35713 12.8434 3.40403 12.8145 3.43296L12.0175 4.22994C11.9886 4.25887 11.9417 4.25887 11.9127 4.22994C11.8838 4.20101 11.8838 4.15411 11.9127 4.12518L12.7097 3.3282ZM3.3282 12.8145C3.35713 12.8434 3.40403 12.8434 3.43296 12.8145L4.22994 12.0175C4.25887 11.9886 4.25887 11.9417 4.22994 11.9127C4.20101 11.8838 4.15411 11.8838 4.12518 11.9127L3.3282 12.7097C3.29927 12.7387 3.29927 12.7856 3.3282 12.8145ZM13.1523 3.80568C13.1839 3.77973 13.2306 3.78433 13.2566 3.81595C13.2825 3.84757 13.2779 3.89425 13.2463 3.9202L12.8729 4.22664C12.8413 4.2526 12.7946 4.248 12.7686 4.21638C12.7427 4.18475 12.7473 4.13808 12.7789 4.11212L13.1523 3.80568ZM2.88614 12.3267C2.91209 12.3584 2.95876 12.363 2.99039 12.337L3.36378 12.0306C3.3954 12.0046 3.4 11.9579 3.37404 11.9263C3.34809 11.8947 3.30142 11.8901 3.26979 11.916L2.8964 12.2225C2.86478 12.2484 2.86018 12.2951 2.88614 12.3267ZM12.8145 12.7097C12.8434 12.7387 12.8434 12.7856 12.8145 12.8145C12.7856 12.8434 12.7387 12.8434 12.7097 12.8145L11.9127 12.0175C11.8838 11.9886 11.8838 11.9417 11.9127 11.9127C11.9417 11.8838 11.9886 11.8838 12.0175 11.9127L12.8145 12.7097ZM3.3282 3.3282C3.29927 3.35713 3.29927 3.40403 3.3282 3.43296L4.12518 4.22994C4.15411 4.25887 4.20101 4.25887 4.22994 4.22994C4.25887 4.20101 4.25887 4.15411 4.22994 4.12518L3.43296 3.3282C3.40403 3.29927 3.35713 3.29927 3.3282 3.3282ZM12.337 13.1523C12.363 13.1839 12.3584 13.2306 12.3267 13.2566C12.2951 13.2825 12.2484 13.2779 12.2225 13.2463L11.916 12.8729C11.8901 12.8413 11.8947 12.7946 11.9263 12.7686C11.9579 12.7427 12.0046 12.7473 12.0306 12.7789L12.337 13.1523ZM3.81595 2.88614C3.78433 2.91209 3.77973 2.95876 3.80568 2.99039L4.11212 3.36378C4.13808 3.3954 4.18475 3.4 4.21638 3.37404C4.248 3.34809 4.2526 3.30142 4.22664 3.26979L3.9202 2.8964C3.89425 2.86478 3.84757 2.86018 3.81595 2.88614ZM10.5415 1.91422C10.5572 1.87643 10.6005 1.85848 10.6383 1.87413C10.6761 1.88979 10.6941 1.93312 10.6784 1.97092L10.2471 3.01221C10.2314 3.05 10.1881 3.06795 10.1503 3.05229C10.1125 3.03664 10.0946 2.99331 10.1102 2.95551L10.5415 1.91422ZM5.50437 14.2686C5.54216 14.2842 5.58549 14.2663 5.60115 14.2285L6.03247 13.1872C6.04813 13.1494 6.03018 13.1061 5.99238 13.0904C5.95459 13.0747 5.91126 13.0927 5.8956 13.1305L5.46428 14.1718C5.44862 14.2096 5.46657 14.2529 5.50437 14.2686ZM11.1332 2.18598C11.1524 2.1499 11.1973 2.13628 11.2334 2.15557C11.2695 2.17486 11.2831 2.21974 11.2638 2.25582L11.0361 2.68183C11.0168 2.7179 10.9719 2.73152 10.9358 2.71223C10.8998 2.69295 10.8861 2.64806 10.9054 2.61199L11.1332 2.18598ZM4.90931 13.9871C4.94539 14.0064 4.99027 13.9928 5.00955 13.9567L5.23726 13.5307C5.25654 13.4946 5.24293 13.4497 5.20685 13.4305C5.17077 13.4112 5.12589 13.4248 5.1066 13.4609L4.8789 13.8869C4.85961 13.923 4.87323 13.9678 4.90931 13.9871ZM14.2285 10.5415C14.2663 10.5572 14.2842 10.6005 14.2686 10.6383C14.2529 10.6761 14.2096 10.6941 14.1718 10.6784L13.1305 10.2471C13.0927 10.2314 13.0747 10.1881 13.0904 10.1503C13.1061 10.1125 13.1494 10.0946 13.1872 10.1102L14.2285 10.5415ZM1.87412 5.50437C1.85846 5.54216 1.87641 5.58549 1.91421 5.60115L2.95551 6.03247C2.99331 6.04813 3.03664 6.03018 3.05229 5.99238C3.06795 5.95459 3.05 5.91126 3.0122 5.8956L1.9709 5.46428C1.9331 5.44862 1.88977 5.46657 1.87412 5.50437ZM13.9567 11.1332C13.9928 11.1524 14.0064 11.1973 13.9871 11.2334C13.9678 11.2695 13.923 11.2831 13.8869 11.2638L13.4609 11.0361C13.4248 11.0168 13.4112 10.9719 13.4305 10.9358C13.4497 10.8998 13.4946 10.8861 13.5307 10.9054L13.9567 11.1332ZM2.15557 4.90929C2.13628 4.94537 2.1499 4.99025 2.18598 5.00954L2.61199 5.23726C2.64806 5.25654 2.69295 5.24293 2.71223 5.20685C2.73152 5.17077 2.7179 5.12589 2.68183 5.1066L2.25582 4.87888C2.21974 4.8596 2.17486 4.87321 2.15557 4.90929ZM14.1718 5.46428C14.2096 5.44862 14.2529 5.46657 14.2686 5.50437C14.2842 5.54216 14.2663 5.58549 14.2285 5.60115L13.1872 6.03247C13.1494 6.04813 13.1061 6.03018 13.0904 5.99238C13.0747 5.95459 13.0927 5.91126 13.1305 5.8956L14.1718 5.46428ZM1.87413 10.6383C1.88979 10.6761 1.93312 10.6941 1.97092 10.6784L3.01221 10.2471C3.05 10.2314 3.06795 10.1881 3.05229 10.1503C3.03664 10.1125 2.99331 10.0946 2.95551 10.1102L1.91422 10.5415C1.87643 10.5572 1.85848 10.6005 1.87413 10.6383ZM14.3979 6.07477C14.4371 6.0629 14.4785 6.08501 14.4903 6.12416C14.5022 6.1633 14.4801 6.20467 14.441 6.21654L13.9787 6.35677C13.9396 6.36864 13.8982 6.34654 13.8863 6.30739C13.8744 6.26824 13.8965 6.22688 13.9357 6.215L14.3979 6.07477ZM1.65237 10.0185C1.66425 10.0577 1.70561 10.0798 1.74476 10.0679L2.20699 9.92769C2.24614 9.91581 2.26825 9.87445 2.25637 9.8353C2.2445 9.79615 2.20313 9.77404 2.16399 9.78592L1.70175 9.92615C1.6626 9.93802 1.64049 9.97939 1.65237 10.0185ZM10.6383 14.2686C10.6005 14.2842 10.5572 14.2663 10.5415 14.2285L10.1102 13.1872C10.0946 13.1494 10.1125 13.1061 10.1503 13.0904C10.1881 13.0747 10.2314 13.0927 10.2471 13.1305L10.6784 14.1718C10.6941 14.2096 10.6761 14.2529 10.6383 14.2686ZM5.50437 1.87413C5.46657 1.88979 5.44862 1.93312 5.46428 1.97092L5.8956 3.01221C5.91126 3.05 5.95459 3.06795 5.99238 3.05229C6.03018 3.03664 6.04813 2.99331 6.03247 2.95551L5.60115 1.91422C5.58549 1.87643 5.54216 1.85848 5.50437 1.87413ZM10.0679 14.3979C10.0798 14.4371 10.0577 14.4785 10.0185 14.4903C9.97939 14.5022 9.93802 14.4801 9.92615 14.441L9.78592 13.9787C9.77404 13.9396 9.79615 13.8982 9.8353 13.8863C9.87445 13.8744 9.91581 13.8965 9.92769 13.9357L10.0679 14.3979ZM6.12417 1.65237C6.08502 1.66424 6.06291 1.70561 6.07479 1.74475L6.215 2.20699C6.22688 2.24614 6.26824 2.26825 6.30739 2.25637C6.34654 2.2445 6.36864 2.20314 6.35677 2.16399L6.21656 1.70175C6.20468 1.6626 6.16332 1.64049 6.12417 1.65237ZM9.29287 1.55062C9.30085 1.5105 9.33985 1.48444 9.37997 1.49242C9.4201 1.5004 9.44615 1.5394 9.43817 1.57952L9.21829 2.68496C9.21031 2.72508 9.17131 2.75114 9.13119 2.74316C9.09107 2.73518 9.06501 2.69618 9.07299 2.65606L9.29287 1.55062ZM6.76272 14.6503C6.80284 14.6583 6.84184 14.6322 6.84982 14.5921L7.0697 13.4866C7.07768 13.4465 7.05162 13.4075 7.0115 13.3995C6.97137 13.3916 6.93238 13.4176 6.9244 13.4577L6.70452 14.5632C6.69654 14.6033 6.72259 14.6423 6.76272 14.6503ZM9.92615 1.70175C9.93802 1.6626 9.97939 1.64049 10.0185 1.65237C10.0577 1.66425 10.0798 1.70561 10.0679 1.74476L9.92769 2.20699C9.91581 2.24614 9.87445 2.26825 9.8353 2.25637C9.79615 2.2445 9.77404 2.20313 9.78592 2.16399L9.92615 1.70175ZM6.12417 14.4903C6.16332 14.5022 6.20469 14.4801 6.21656 14.441L6.35677 13.9787C6.36864 13.9396 6.34653 13.8982 6.30739 13.8863C6.26824 13.8744 6.22687 13.8965 6.215 13.9357L6.07479 14.398C6.06291 14.4371 6.08502 14.4785 6.12417 14.4903ZM14.5921 9.29287C14.6322 9.30085 14.6583 9.33985 14.6503 9.37997C14.6423 9.4201 14.6033 9.44615 14.5632 9.43817L13.4577 9.21829C13.4176 9.21031 13.3916 9.17131 13.3995 9.13119C13.4075 9.09107 13.4465 9.06501 13.4866 9.07299L14.5921 9.29287ZM1.49242 6.76272C1.48444 6.80284 1.5105 6.84184 1.55062 6.84982L2.65606 7.0697C2.69618 7.07768 2.73518 7.05162 2.74316 7.0115C2.75114 6.97137 2.72508 6.93238 2.68496 6.9244L1.57952 6.70452C1.5394 6.69654 1.5004 6.72259 1.49242 6.76272ZM14.441 9.92615C14.4801 9.93802 14.5022 9.97939 14.4903 10.0185C14.4785 10.0577 14.4371 10.0798 14.3979 10.0679L13.9357 9.92769C13.8965 9.91581 13.8744 9.87445 13.8863 9.8353C13.8982 9.79615 13.9396 9.77404 13.9787 9.78592L14.441 9.92615ZM1.65237 6.12415C1.64049 6.1633 1.6626 6.20467 1.70175 6.21654L2.16399 6.35677C2.20313 6.36864 2.2445 6.34654 2.25637 6.30739C2.26825 6.26824 2.24614 6.22688 2.20699 6.215L1.74476 6.07477C1.70561 6.0629 1.66425 6.08501 1.65237 6.12415ZM13.5459 4.32424C13.58 4.30151 13.626 4.31066 13.6487 4.34468C13.6714 4.37869 13.6623 4.42469 13.6282 4.44742L12.6911 5.0736C12.6571 5.09633 12.6111 5.08718 12.5884 5.05317C12.5656 5.01915 12.5748 4.97315 12.6088 4.95042L13.5459 4.32424ZM2.494 11.798C2.51673 11.832 2.56273 11.8412 2.59675 11.8184L3.53389 11.1923C3.56791 11.1695 3.57706 11.1235 3.55433 11.0895C3.5316 11.0555 3.4856 11.0464 3.45159 11.0691L2.51444 11.6953C2.48043 11.718 2.47128 11.764 2.494 11.798ZM13.8869 4.87888C13.923 4.8596 13.9678 4.87321 13.9871 4.90929C14.0064 4.94537 13.9928 4.99025 13.9567 5.00954L13.5307 5.23726C13.4946 5.25654 13.4497 5.24293 13.4305 5.20685C13.4112 5.17077 13.4248 5.12589 13.4609 5.1066L13.8869 4.87888ZM2.15557 11.2334C2.17486 11.2695 2.21974 11.2831 2.25582 11.2638L2.68183 11.0361C2.7179 11.0168 2.73152 10.9719 2.71223 10.9358C2.69295 10.8998 2.64806 10.8861 2.61199 10.9054L2.18598 11.1332C2.1499 11.1524 2.13628 11.1973 2.15557 11.2334ZM11.8184 13.5459C11.8412 13.58 11.832 13.626 11.798 13.6487C11.764 13.6714 11.718 13.6623 11.6953 13.6282L11.0691 12.6911C11.0464 12.6571 11.0555 12.6111 11.0895 12.5884C11.1235 12.5656 11.1695 12.5748 11.1923 12.6088L11.8184 13.5459ZM4.34468 2.494C4.31066 2.51673 4.30151 2.56273 4.32424 2.59675L4.95042 3.53389C4.97315 3.56791 5.01915 3.57706 5.05317 3.55433C5.08718 3.5316 5.09633 3.4856 5.0736 3.45159L4.44742 2.51444C4.42469 2.48043 4.37869 2.47128 4.34468 2.494ZM11.2638 13.8869C11.2831 13.923 11.2695 13.9678 11.2334 13.9871C11.1973 14.0064 11.1524 13.9928 11.1331 13.9567L10.9054 13.5307C10.8861 13.4946 10.8998 13.4497 10.9358 13.4305C10.9719 13.4112 11.0168 13.4248 11.0361 13.4609L11.2638 13.8869ZM4.90931 2.15557C4.87323 2.17485 4.85961 2.21974 4.8789 2.25581L5.1066 2.68182C5.12589 2.7179 5.17077 2.73152 5.20685 2.71223C5.24293 2.69295 5.25654 2.64807 5.23726 2.61199L5.00955 2.18598C4.99027 2.1499 4.94539 2.13628 4.90931 2.15557ZM11.6953 2.51444C11.718 2.48043 11.764 2.47128 11.798 2.494C11.832 2.51673 11.8412 2.56273 11.8184 2.59675L11.1923 3.53389C11.1695 3.56791 11.1235 3.57706 11.0895 3.55433C11.0555 3.5316 11.0464 3.4856 11.0691 3.45159L11.6953 2.51444ZM4.34468 13.6487C4.37869 13.6714 4.42469 13.6623 4.44742 13.6282L5.0736 12.6911C5.09633 12.6571 5.08718 12.6111 5.05317 12.5884C5.01915 12.5656 4.97315 12.5748 4.95042 12.6088L4.32424 13.5459C4.30151 13.58 4.31066 13.626 4.34468 13.6487ZM12.2225 2.8964C12.2484 2.86478 12.2951 2.86018 12.3267 2.88614C12.3584 2.91209 12.363 2.95876 12.337 2.99039L12.0306 3.36378C12.0046 3.3954 11.9579 3.4 11.9263 3.37404C11.8947 3.34809 11.8901 3.30142 11.916 3.26979L12.2225 2.8964ZM3.81595 13.2566C3.84757 13.2825 3.89425 13.2779 3.9202 13.2463L4.22664 12.8729C4.2526 12.8413 4.248 12.7946 4.21638 12.7686C4.18475 12.7427 4.13808 12.7473 4.11212 12.7789L3.80568 13.1523C3.77973 13.1839 3.78433 13.2306 3.81595 13.2566ZM13.6282 11.6953C13.6623 11.718 13.6714 11.764 13.6487 11.798C13.626 11.832 13.58 11.8412 13.5459 11.8184L12.6088 11.1923C12.5748 11.1695 12.5656 11.1235 12.5884 11.0895C12.6111 11.0555 12.6571 11.0464 12.6911 11.0691L13.6282 11.6953ZM2.494 4.34468C2.47128 4.37869 2.48043 4.42469 2.51444 4.44742L3.45159 5.0736C3.4856 5.09633 3.5316 5.08718 3.55433 5.05317C3.57706 5.01915 3.56791 4.97315 3.53389 4.95042L2.59675 4.32424C2.56273 4.30151 2.51673 4.31066 2.494 4.34468ZM13.2463 12.2225C13.2779 12.2484 13.2825 12.2951 13.2566 12.3267C13.2306 12.3584 13.1839 12.363 13.1523 12.337L12.7789 12.0306C12.7473 12.0046 12.7427 11.9579 12.7686 11.9263C12.7946 11.8947 12.8413 11.8901 12.8729 11.916L13.2463 12.2225ZM2.88614 3.81595C2.86018 3.84757 2.86478 3.89425 2.8964 3.9202L3.26979 4.22664C3.30142 4.2526 3.34809 4.248 3.37404 4.21638C3.4 4.18475 3.3954 4.13808 3.36378 4.11212L2.99039 3.80568C2.95876 3.77973 2.91209 3.78433 2.88614 3.81595ZM14.5632 6.70452C14.6033 6.69654 14.6423 6.72259 14.6503 6.76272C14.6583 6.80284 14.6322 6.84184 14.5921 6.84982L13.4866 7.0697C13.4465 7.07768 13.4075 7.05162 13.3995 7.0115C13.3916 6.97137 13.4176 6.93238 13.4577 6.9244L14.5632 6.70452ZM1.49242 9.37997C1.5004 9.4201 1.5394 9.44615 1.57952 9.43817L2.68496 9.21829C2.72508 9.21031 2.75114 9.17131 2.74316 9.13119C2.73518 9.09107 2.69618 9.06501 2.65606 9.07299L1.55062 9.29287C1.5105 9.30085 1.48444 9.33985 1.49242 9.37997ZM14.6657 7.34742C14.7064 7.34333 14.7428 7.37301 14.7468 7.41372C14.7509 7.45442 14.7213 7.49074 14.6806 7.49483L14.1998 7.54313C14.1591 7.54722 14.1228 7.51754 14.1187 7.47683C14.1146 7.43613 14.1443 7.39982 14.185 7.39573L14.6657 7.34742ZM1.39584 8.72994C1.39993 8.77064 1.43625 8.80032 1.47695 8.79623L1.95766 8.74793C1.99836 8.74384 2.02804 8.70752 2.02395 8.66682C2.01986 8.62612 1.98355 8.59643 1.94284 8.60052L1.46214 8.64883C1.42143 8.65292 1.39175 8.68923 1.39584 8.72994ZM9.43817 14.5632C9.44615 14.6033 9.4201 14.6423 9.37997 14.6503C9.33985 14.6583 9.30085 14.6322 9.29287 14.5921L9.07299 13.4866C9.06501 13.4465 9.09107 13.4075 9.13119 13.3995C9.17131 13.3916 9.21031 13.4176 9.21829 13.4577L9.43817 14.5632ZM6.76272 1.49242C6.72259 1.5004 6.69654 1.5394 6.70452 1.57952L6.9244 2.68496C6.93238 2.72508 6.97137 2.75114 7.0115 2.74316C7.05162 2.73518 7.07768 2.69618 7.0697 2.65606L6.84982 1.55062C6.84184 1.5105 6.80284 1.48444 6.76272 1.49242ZM8.79623 14.6657C8.80032 14.7064 8.77064 14.7428 8.72994 14.7468C8.68923 14.7509 8.65292 14.7213 8.64883 14.6806L8.60052 14.1998C8.59643 14.1591 8.62612 14.1228 8.66682 14.1187C8.70752 14.1146 8.74384 14.1443 8.74793 14.185L8.79623 14.6657ZM7.41372 1.39584C7.37301 1.39993 7.34333 1.43625 7.34742 1.47695L7.39573 1.95766C7.39982 1.99836 7.43613 2.02804 7.47683 2.02395C7.51754 2.01986 7.54722 1.98355 7.54313 1.94284L7.49483 1.46214C7.49074 1.42143 7.45442 1.39175 7.41372 1.39584Z", fill: "#DDDDDD", }), a.createElement("path", { d: "M3.14941 12.8505L7.29562 7.28674L7.99989 7.99218L3.14941 12.8505Z", fill: "#DDDDDD", }), a.createElement("path", { d: "M7.28662 7.29574L12.8504 3.14954L7.99204 8.00002L7.28662 7.29574Z", fill: "#EE4444", }), a.createElement("path", { d: "M12.8505 3.14954L8.70427 8.71332L8 8.00789L12.8505 3.14954Z", fill: "#CC0000", }), a.createElement("path", { d: "M3.14941 12.8505L8.7132 8.70427L8.00777 8L3.14941 12.8505Z", fill: "#AAAAAA", }), a.createElement( "defs", null, a.createElement( "linearGradient", { id: "paint0_linear_466_21186", x1: "0.300303", y1: "0.300951", x2: "0.300303", y2: "15.7084", gradientUnits: "userSpaceOnUse", }, a.createElement("stop", { stopColor: "#F8F8F8" }), a.createElement("stop", { offset: "1", stopColor: "#CCCCCC" }), ), a.createElement( "radialGradient", { id: "paint1_radial_466_21186", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(8.00216 8.0046) scale(7.06173)", }, a.createElement("stop", { stopColor: "#00F0FF" }), a.createElement("stop", { offset: "1", stopColor: "#0070E0" }), ), ), ), U0 = k.div( ({ status: e, theme: t }) => ({ display: "inline-block", width: 6, height: 6, borderRadius: "50%", background: e && { IN_PROGRESS: "transparent", PASSED: t.color.positive, PENDING: t.color.gold, ACCEPTED: t.color.positive, DENIED: t.color.positive, BROKEN: t.color.negative, FAILED: t.color.negative, SKIPPED: "transparent", EQUAL: t.color.positive, FIXED: t.color.positive, ADDED: t.color.gold, CHANGED: t.color.gold, REMOVED: t.color.gold, CAPTURE_ERROR: t.color.negative, SYSTEM_ERROR: t.color.negative, positive: t.color.positive, negative: t.color.negative, warning: t.color.gold, notification: t.color.secondary, }[e], }), ({ overlay: e, theme: t }) => e && se({ position: "absolute", top: -1, right: -2, width: 7, height: 7, border: "1px solid rgba(0, 0, 0, 0.1)", boxShadow: `0 0 0 2px var(--bg-color, ${t.background.bar})`, boxSizing: "border-box", }), ), $0 = ({ status: e }) => a.createElement(U0, { status: e }), K7 = k.div({ position: "relative", display: "inline-flex", justifyContent: "center", "img, svg": { verticalAlign: "top" }, }), W0 = ({ status: e, children: t }) => a.createElement( K7, null, t, a.createElement(U0, { overlay: !0, status: e }), ), M1 = { CHROME: a.createElement(Ys, { alt: "Chrome" }), FIREFOX: a.createElement(Ks, { alt: "Firefox" }), SAFARI: a.createElement(Js, { alt: "Safari" }), EDGE: a.createElement(Y7, { alt: "Edge" }), }, J7 = k.div(({ theme: e }) => ({ alignItems: "center", color: e.base === "light" ? e.color.dark : e.color.light, display: "inline-flex", gap: 6, height: 16, margin: "6px 7px", svg: { verticalAlign: "top" }, })), F1 = k.span(({ theme: e }) => ({ color: e.base === "light" ? e.color.dark : e.color.light, display: "none", fontSize: e.typography.size.s1, fontWeight: e.typography.weight.bold, "@container (min-width: 300px)": { display: "inline-block" }, "+ svg": { color: e.base === "light" ? e.color.dark : e.color.light }, "button:hover > &, button:hover > & + svg": { color: e.color.secondary, }, })), Q7 = ({ isAccepted: e, selectedBrowser: t, browserResults: n, onSelectBrowser: r, }) => { let i = cr(n.map(({ result: s }) => s)); if (!i) return null; let l = M1[t.key]; !e && !["EQUAL", "SKIPPED"].includes(i) && n.length >= 2 && (l = a.createElement(W0, { status: i }, l)); let o = n.length > 1 && n.map(({ browser: s, result: d }) => ({ active: t === s, id: s.id, onClick: () => r(s), right: !e && !["EQUAL", "SKIPPED"].includes(i) && a.createElement($0, { status: d }), icon: M1[s.key], title: s.name, })); return a.createElement( ke, { key: t.key, hasChrome: !1, placement: "top", trigger: "hover", tooltip: a.createElement(Ie, { note: o ? "Switch browser" : `Tested in ${n[0].browser.name}`, }), }, o ? a.createElement( Wn, { placement: "bottom", links: o }, l, a.createElement(F1, null, t.name), a.createElement(Xi, { size: 10 }), ) : a.createElement(J7, null, l, a.createElement(F1, null, t.name)), ); }, X7 = k.div(({ theme: e }) => ({ alignItems: "center", color: e.base === "light" ? e.color.darkest : e.color.light, display: "inline-flex", gap: 6, height: 14, margin: "7px 7px", svg: { verticalAlign: "top", path: { fill: e.base === "light" ? e.color.dark : e.color.light }, }, })), eh = k(Wn)(({ theme: e }) => ({ button: { svg: { verticalAlign: "top", path: { fill: e.base === "light" ? e.color.dark : e.color.light }, }, "&:hover": { svg: { path: { fill: e.color.secondary } } }, }, })), A1 = k.span(({ theme: e }) => ({ color: e.base === "light" ? e.color.dark : e.color.light, display: "none", fontSize: e.typography.size.s1, fontWeight: e.typography.weight.bold, "@container (min-width: 300px)": { display: "inline-block" }, "button:hover > &": { color: e.color.secondary }, })), th = ({ isAccepted: e, modeOrder: t, modeResults: n, onSelectMode: r, selectedMode: i, }) => { let l = cr(n.map(({ result: d }) => d)); if (!l) return null; let o = a.createElement(Mc, null); !e && !["EQUAL", "SKIPPED"].includes(l) && n.length >= 2 && (o = a.createElement(W0, { status: l }, o)); let s = n.length > 1 && n .map(({ mode: d, result: c }) => ({ id: d.name, title: d.name, right: !e && !["EQUAL", "SKIPPED"].includes(l) && a.createElement($0, { status: c }), onClick: () => r(d), active: i.name === d.name, })) .sort((d, c) => { if (!t) return 0; let u = t.indexOf(d.title), m = t.indexOf(c.title); return u !== -1 && m !== -1 ? u - m : 0; }); return a.createElement( ke, { key: i.name, hasChrome: !1, placement: "top", trigger: "hover", tooltip: a.createElement(Ie, { note: s ? "Switch mode" : `View mode: ${n[0].mode.name}`, }), }, s ? a.createElement( eh, { placement: "bottom", links: s }, o, a.createElement(A1, null, i.name), a.createElement(Xi, { size: 10 }), ) : a.createElement(X7, null, o, a.createElement(A1, null, i.name)), ); }, L1 = () => { let e = Wt(), { browserResults: t, modeResults: n } = e.summary; return a.createElement( br, null, n.length > 0 && e.selectedTest && a.createElement(th, { isAccepted: e.summary.status === "ACCEPTED", modeOrder: e.modeOrder, selectedMode: e.selectedTest.mode, modeResults: n, onSelectMode: e.onSelectMode, }), t.length > 0 && e.selectedComparison && a.createElement(Q7, { isAccepted: e.summary.status === "ACCEPTED", selectedBrowser: e.selectedComparison.browser, browserResults: t, onSelectBrowser: e.onSelectBrowser, }), a.createElement(Ue, { push: !0 }, a.createElement(yr, null)), ); }, nh = ({ theme: e, status: t, variant: n }) => n === "outline" ? { color: e.base === "light" ? e.color.dark : e.color.medium, backgroundColor: e.background.app, borderColor: e.base === "light" ? e.color.medium : e.color.darker, "&:hover": { color: e.base === "light" ? e.color.darkest : e.color.lighter, backgroundColor: It(0.03, e.background.app), }, } : t === "positive" ? { color: e.color.positiveText, backgroundColor: e.background.positive, borderColor: Ia(0.5, e.color.positiveText), "&:hover": { color: e.color.positiveText, backgroundColor: It(0.05, e.background.positive), }, } : t === "warning" ? { color: e.color.warningText, backgroundColor: e.background.warning, borderColor: Ia(0.5, e.color.warningText), "&:hover": { color: e.color.warningText, backgroundColor: It(0.05, e.background.warning), }, } : { color: e.color.lightest, backgroundColor: e.color.secondary, borderWidth: 0, borderColor: e.base === "light" ? Ia(0.2, e.color.secondary) : It(0.1, e.color.secondary), "&:hover": { color: e.color.lightest, backgroundColor: It(0.05, e.color.secondary), }, }, en = k(dt)( ({ square: e }) => ({ border: "1px solid transparent", boxShadow: "none", fontSize: 12, fontWeight: 700, height: 28, padding: e ? "8px 6px" : 8, transition: "background-color 150ms ease-out", "@container (min-width: 300px)": { height: 32, width: e ? 32 : "auto", padding: e ? "9px 8px" : 9, }, "@container (min-width: 800px)": { height: 28, fontSize: 12, width: e ? 28 : "auto", padding: e ? "8px 6px" : 8, }, }), nh, ({ side: e }) => ({ ...(e === "left" && { borderRightWidth: 1, borderTopRightRadius: 0, borderBottomRightRadius: 0, }), ...(e === "right" && { borderLeftWidth: 0, borderTopLeftRadius: 0, borderBottomLeftRadius: 0, }), }), ), T1 = k.div({ display: "flex", flexDirection: "row" }), ur = k.div( ({ theme: e }) => ({ width: 12, height: 12, margin: "3px 6px", verticalAlign: "top", display: "inline-block", animation: `${as} 0.7s linear infinite`, border: "2px solid transparent", borderLeftColor: e.base === "light" ? "#00aaff" : "#58faf9", borderBottomColor: "#25ccfd", borderRightColor: e.base === "light" ? "#58faf9" : "#00aaff", borderRadius: "100%", transform: "translate3d(0, 0, 0)", }), ({ parentComponent: e }) => e && se({ margin: e === "IconButton" ? 1 : 0, borderWidth: 1, borderLeftColor: "currentcolor", borderBottomColor: "currentcolor", borderRightColor: "currentcolor", }), ), ri = k.div( ({ theme: e, width: t = 14, height: n = 14, marginLeft: r = 7, marginRight: i = 8, }) => ({ display: "inline-block", backgroundColor: e.appBorderColor, borderRadius: 3, animation: `${e.animation.glow} 1.5s ease-in-out infinite`, height: n, width: t, margin: 7, marginLeft: r, marginRight: i, }), ), ah = k.div(({ theme: e }) => ({ gridArea: "label", margin: "8px 15px", display: "flex", alignItems: "center", justifyContent: "flex-start", gap: 6, span: { display: "none", "@container (min-width: 300px)": { display: "initial" }, }, "@container (min-width: 800px)": { borderLeft: `1px solid ${e.appBorderColor}`, paddingLeft: 10, marginLeft: 0, }, })), Z1 = k.div({ gridArea: "controls", margin: "6px 10px 6px 15px", display: "flex", alignItems: "center", justifyContent: "flex-end", gap: 6, "@container (min-width: 800px)": { margin: 8 }, }), rh = k.div(({ theme: e }) => ({ padding: 9, "> svg": { display: "block" }, path: { fill: e.color.mediumdark }, })), ih = k.div(({ theme: e, showDivider: t }) => ({ gridArea: "actions", display: "flex", alignItems: "center", justifyContent: "flex-end", margin: "0px 10px 0px 15px", gap: 6, "@container (min-width: 300px)": { alignItems: "flex-start", margin: "15px 10px 15px 0px", }, "@container (min-width: 800px)": { alignItems: "center", borderLeft: t ? `1px solid ${e.appBorderColor}` : "none", margin: "8px 10px 8px 0px", paddingLeft: 8, }, })), lh = ({ isOutdated: e }) => { let { baselineImageVisible: t, diffVisible: n, focusVisible: r } = vr(), { toggleBaselineImage: i, toggleDiff: l, toggleFocus: o } = vn(), { isRunning: s, startBuild: d } = sa(), { selectedTest: c, selectedComparison: u, summary: m } = Wt(), { changeCount: p, isInProgress: v } = m, { isReviewing: g, buildIsReviewable: y, userCanReview: w, acceptTest: b, unacceptTest: h, } = z0(); if (v) return a.createElement( Z1, null, a.createElement(ri, null), a.createElement(ri, null), a.createElement(ri, null), ); let f = p > 0 && c?.status !== "ACCEPTED", E = p > 0 && c?.status === "ACCEPTED", C = u?.result === "CHANGED"; return a.createElement( a.Fragment, null, C && a.createElement( ah, null, a.createElement( j, null, a.createElement( "b", null, t ? "Baseline" : "Latest", a.createElement("span", null, " snapshot"), ), ), ), C && a.createElement( Z1, null, a.createElement( ke, { tooltip: a.createElement(Ie, { note: t ? "Show latest snapshot" : "Show baseline snapshot", }), trigger: "hover", hasChrome: !1, }, a.createElement( dt, { id: "button-toggle-snapshot", "aria-label": t ? "Show latest snapshot" : "Show baseline snapshot", onClick: () => i(), }, a.createElement(Tc, null), ), ), a.createElement( ke, { tooltip: a.createElement(Ie, { note: r ? "Hide spotlight" : "Show spotlight", }), trigger: "hover", hasChrome: !1, }, a.createElement( dt, { id: "button-toggle-spotlight", active: r, "aria-label": r ? "Hide spotlight" : "Show spotlight", onClick: () => o(!r), }, a.createElement(Oc, null), ), ), a.createElement( ke, { tooltip: a.createElement(Ie, { note: n ? "Hide diff" : "Show diff", }), trigger: "hover", hasChrome: !1, }, a.createElement( dt, { id: "button-diff-visible", active: n, "aria-label": n ? "Hide diff" : "Show diff", onClick: () => l(!n), }, a.createElement(ds, null), ), ), ), (f || E) && a.createElement( ih, { showDivider: C }, w && y && f && c && a.createElement( T1, null, a.createElement( ke, { tooltip: a.createElement(Ie, { note: "Accept this story", }), trigger: "hover", hasChrome: !1, }, a.createElement( en, { id: "button-toggle-accept-story", disabled: g, "aria-label": "Accept this story", onClick: () => b(c.id, "SPEC"), side: "left", }, "Accept", ), ), a.createElement( ke, { tooltip: a.createElement(Ie, { note: "Batch accept options", }), trigger: "hover", hasChrome: !1, }, a.createElement( Wn, { placement: "bottom", links: [ { id: "acceptComponent", title: "Accept component", center: "Accept all unreviewed changes for this component", onClick: () => b(c.id, "COMPONENT"), disabled: g, loading: g, }, { id: "acceptBuild", title: "Accept entire build", center: "Accept all unreviewed changes for every story in the Storybook", onClick: () => b(c.id, "BUILD"), disabled: g, loading: g, }, ], }, (Z) => a.createElement( en, { square: !0, active: Z, disabled: g, "aria-label": "Batch accept options", side: "right", }, g ? a.createElement(ur, { parentComponent: "IconButton", }) : a.createElement(mo, null), ), ), ), ), w && y && E && a.createElement( T1, null, a.createElement( ke, { tooltip: a.createElement(Ie, { note: "Unaccept this story", }), trigger: "hover", hasChrome: !1, }, a.createElement( en, { id: "button-toggle-accept-story", disabled: g, "aria-label": "Unaccept this story", onClick: () => h(c.id, "SPEC"), side: "left", status: "positive", }, a.createElement(Zc, null), "Unaccept", ), ), a.createElement( ke, { tooltip: a.createElement(Ie, { note: "Batch unaccept options", }), trigger: "hover", hasChrome: !1, }, a.createElement( Wn, { placement: "bottom", links: [ { id: "unacceptComponent", title: "Unaccept component", center: "Unaccept all unreviewed changes for this component", onClick: () => h(c.id, "COMPONENT"), disabled: g, loading: g, }, { id: "unacceptBuild", title: "Unaccept entire build", center: "Unaccept all unreviewed changes for every story in the Storybook", onClick: () => h(c.id, "BUILD"), disabled: g, loading: g, }, ], }, (Z) => a.createElement( en, { square: !0, active: Z, disabled: g, "aria-label": "Batch unaccept options", side: "right", status: "positive", }, g ? a.createElement(ur, { parentComponent: "IconButton", }) : a.createElement(mo, null), ), ), ), ), !(w && y) && a.createElement( ke, { tooltip: a.createElement(Ie, { note: "Reviewing disabled", }), trigger: "hover", hasChrome: !1, }, a.createElement(rh, null, a.createElement(Cc, null)), ), a.createElement( ke, { tooltip: a.createElement(Ie, { note: e ? "Run new tests" : "Rerun tests", }), trigger: "hover", hasChrome: !1, }, a.createElement( en, { square: !0, "aria-label": e ? "Run new tests" : "Rerun tests", onClick: d, disabled: s, variant: "outline", }, e ? a.createElement(fr, null) : a.createElement(ps, null), ), ), ), ); }, _a = pt(Ui()), oh = (e) => a.createElement( "svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "3px 6px", verticalAlign: "top" }, ...e, }, a.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM5.57143 6.85714C5.57143 7.09384 5.76331 7.28571 6 7.28571C6.23669 7.28571 6.42857 7.09384 6.42857 6.85714L6.42857 3.42857C6.42857 3.19188 6.23669 3 6 3C5.76331 3 5.57143 3.19188 5.57143 3.42857V6.85714ZM5.35714 8.78572C5.35714 8.43067 5.64496 8.14286 6 8.14286C6.35504 8.14286 6.64286 8.43067 6.64286 8.78571C6.64286 9.14075 6.35504 9.42857 6 9.42857C5.64496 9.42857 5.35714 9.14075 5.35714 8.78572Z", fill: "#73828C", }), ), ii = { width: 12, height: 12, margin: "3px 3px 3px 6px", verticalAlign: "top", }, sh = ({ icon: e }) => { let { color: t } = Sn(); return { passed: a.createElement(kc, { style: { ...ii, color: t.positive } }), changed: a.createElement(wc, { style: { ...ii, color: t.warning } }), failed: a.createElement(ln, { style: { ...ii, color: t.negative } }), }[e]; }; function zi(e) { "@babel/helpers - typeof"; return ( (zi = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function (t) { return typeof t; } : function (t) { return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t; }), zi(e) ); } function Lr(e, t) { if (t.length < e) throw new TypeError( e + " argument" + (e > 1 ? "s" : "") + " required, but only " + t.length + " present", ); } function tn(e) { Lr(1, arguments); var t = Object.prototype.toString.call(e); return e instanceof Date || (zi(e) === "object" && t === "[object Date]") ? new Date(e.getTime()) : typeof e == "number" || t === "[object Number]" ? new Date(e) : ((typeof e == "string" || t === "[object String]") && typeof console < "u" && (console.warn( "Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments", ), console.warn(new Error().stack)), new Date(NaN)); } var dh = {}; function ch() { return dh; } function O1(e) { var t = new Date( Date.UTC( e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds(), ), ); return (t.setUTCFullYear(e.getFullYear()), e.getTime() - t.getTime()); } function uh(e, t) { Lr(2, arguments); var n = tn(e), r = tn(t), i = n.getTime() - r.getTime(); return i < 0 ? -1 : i > 0 ? 1 : i; } var mh = { lessThanXSeconds: { one: "less than a second", other: "less than {{count}} seconds", }, xSeconds: { one: "1 second", other: "{{count}} seconds" }, halfAMinute: "half a minute", lessThanXMinutes: { one: "less than a minute", other: "less than {{count}} minutes", }, xMinutes: { one: "1 minute", other: "{{count}} minutes" }, aboutXHours: { one: "about 1 hour", other: "about {{count}} hours" }, xHours: { one: "1 hour", other: "{{count}} hours" }, xDays: { one: "1 day", other: "{{count}} days" }, aboutXWeeks: { one: "about 1 week", other: "about {{count}} weeks" }, xWeeks: { one: "1 week", other: "{{count}} weeks" }, aboutXMonths: { one: "about 1 month", other: "about {{count}} months" }, xMonths: { one: "1 month", other: "{{count}} months" }, aboutXYears: { one: "about 1 year", other: "about {{count}} years" }, xYears: { one: "1 year", other: "{{count}} years" }, overXYears: { one: "over 1 year", other: "over {{count}} years" }, almostXYears: { one: "almost 1 year", other: "almost {{count}} years" }, }, ph = function (e, t, n) { var r, i = mh[e]; return ( typeof i == "string" ? (r = i) : t === 1 ? (r = i.one) : (r = i.other.replace("{{count}}", t.toString())), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r ); }, hh = ph; function li(e) { return function () { var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = t.width ? String(t.width) : e.defaultWidth, r = e.formats[n] || e.formats[e.defaultWidth]; return r; }; } var fh = { full: "EEEE, MMMM do, y", long: "MMMM do, y", medium: "MMM d, y", short: "MM/dd/yyyy", }, gh = { full: "h:mm:ss a zzzz", long: "h:mm:ss a z", medium: "h:mm:ss a", short: "h:mm a", }, vh = { full: "{{date}} 'at' {{time}}", long: "{{date}} 'at' {{time}}", medium: "{{date}}, {{time}}", short: "{{date}}, {{time}}", }, yh = { date: li({ formats: fh, defaultWidth: "full" }), time: li({ formats: gh, defaultWidth: "full" }), dateTime: li({ formats: vh, defaultWidth: "full" }), }, bh = yh, Eh = { lastWeek: "'last' eeee 'at' p", yesterday: "'yesterday at' p", today: "'today at' p", tomorrow: "'tomorrow at' p", nextWeek: "eeee 'at' p", other: "P", }, kh = function (e, t, n, r) { return Eh[e]; }, wh = kh; function In(e) { return function (t, n) { var r = n != null && n.context ? String(n.context) : "standalone", i; if (r === "formatting" && e.formattingValues) { var l = e.defaultFormattingWidth || e.defaultWidth, o = n != null && n.width ? String(n.width) : l; i = e.formattingValues[o] || e.formattingValues[l]; } else { var s = e.defaultWidth, d = n != null && n.width ? String(n.width) : e.defaultWidth; i = e.values[d] || e.values[s]; } var c = e.argumentCallback ? e.argumentCallback(t) : t; return i[c]; }; } var Ch = { narrow: ["B", "A"], abbreviated: ["BC", "AD"], wide: ["Before Christ", "Anno Domini"], }, Sh = { narrow: ["1", "2", "3", "4"], abbreviated: ["Q1", "Q2", "Q3", "Q4"], wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"], }, xh = { narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"], abbreviated: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", ], wide: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December", ], }, Nh = { narrow: ["S", "M", "T", "W", "T", "F", "S"], short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], wide: [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", ], }, Mh = { narrow: { am: "a", pm: "p", midnight: "mi", noon: "n", morning: "morning", afternoon: "afternoon", evening: "evening", night: "night", }, abbreviated: { am: "AM", pm: "PM", midnight: "midnight", noon: "noon", morning: "morning", afternoon: "afternoon", evening: "evening", night: "night", }, wide: { am: "a.m.", pm: "p.m.", midnight: "midnight", noon: "noon", morning: "morning", afternoon: "afternoon", evening: "evening", night: "night", }, }, Fh = { narrow: { am: "a", pm: "p", midnight: "mi", noon: "n", morning: "in the morning", afternoon: "in the afternoon", evening: "in the evening", night: "at night", }, abbreviated: { am: "AM", pm: "PM", midnight: "midnight", noon: "noon", morning: "in the morning", afternoon: "in the afternoon", evening: "in the evening", night: "at night", }, wide: { am: "a.m.", pm: "p.m.", midnight: "midnight", noon: "noon", morning: "in the morning", afternoon: "in the afternoon", evening: "in the evening", night: "at night", }, }, Ah = function (e, t) { var n = Number(e), r = n % 100; if (r > 20 || r < 10) switch (r % 10) { case 1: return n + "st"; case 2: return n + "nd"; case 3: return n + "rd"; } return n + "th"; }, Lh = { ordinalNumber: Ah, era: In({ values: Ch, defaultWidth: "wide" }), quarter: In({ values: Sh, defaultWidth: "wide", argumentCallback: function (e) { return e - 1; }, }), month: In({ values: xh, defaultWidth: "wide" }), day: In({ values: Nh, defaultWidth: "wide" }), dayPeriod: In({ values: Mh, defaultWidth: "wide", formattingValues: Fh, defaultFormattingWidth: "wide", }), }, Th = Lh; function Rn(e) { return function (t) { var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = n.width, i = (r && e.matchPatterns[r]) || e.matchPatterns[e.defaultMatchWidth], l = t.match(i); if (!l) return null; var o = l[0], s = (r && e.parsePatterns[r]) || e.parsePatterns[e.defaultParseWidth], d = Array.isArray(s) ? Oh(s, function (m) { return m.test(o); }) : Zh(s, function (m) { return m.test(o); }), c; ((c = e.valueCallback ? e.valueCallback(d) : d), (c = n.valueCallback ? n.valueCallback(c) : c)); var u = t.slice(o.length); return { value: c, rest: u }; }; } function Zh(e, t) { for (var n in e) if (e.hasOwnProperty(n) && t(e[n])) return n; } function Oh(e, t) { for (var n = 0; n < e.length; n++) if (t(e[n])) return n; } function _h(e) { return function (t) { var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = t.match(e.matchPattern); if (!r) return null; var i = r[0], l = t.match(e.parsePattern); if (!l) return null; var o = e.valueCallback ? e.valueCallback(l[0]) : l[0]; o = n.valueCallback ? n.valueCallback(o) : o; var s = t.slice(i.length); return { value: o, rest: s }; }; } var Ih = /^(\d+)(th|st|nd|rd)?/i, Rh = /\d+/i, Bh = { narrow: /^(b|a)/i, abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i, wide: /^(before christ|before common era|anno domini|common era)/i, }, Ph = { any: [/^b/i, /^(a|c)/i] }, Vh = { narrow: /^[1234]/i, abbreviated: /^q[1234]/i, wide: /^[1234](th|st|nd|rd)? quarter/i, }, Hh = { any: [/1/i, /2/i, /3/i, /4/i] }, jh = { narrow: /^[jfmasond]/i, abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i, wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i, }, Dh = { narrow: [ /^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i, ], any: [ /^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i, ], }, zh = { narrow: /^[smtwf]/i, short: /^(su|mo|tu|we|th|fr|sa)/i, abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i, wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i, }, Uh = { narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i], any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i], }, $h = { narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i, any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i, }, Wh = { any: { am: /^a/i, pm: /^p/i, midnight: /^mi/i, noon: /^no/i, morning: /morning/i, afternoon: /afternoon/i, evening: /evening/i, night: /night/i, }, }, qh = { ordinalNumber: _h({ matchPattern: Ih, parsePattern: Rh, valueCallback: function (e) { return parseInt(e, 10); }, }), era: Rn({ matchPatterns: Bh, defaultMatchWidth: "wide", parsePatterns: Ph, defaultParseWidth: "any", }), quarter: Rn({ matchPatterns: Vh, defaultMatchWidth: "wide", parsePatterns: Hh, defaultParseWidth: "any", valueCallback: function (e) { return e + 1; }, }), month: Rn({ matchPatterns: jh, defaultMatchWidth: "wide", parsePatterns: Dh, defaultParseWidth: "any", }), day: Rn({ matchPatterns: zh, defaultMatchWidth: "wide", parsePatterns: Uh, defaultParseWidth: "any", }), dayPeriod: Rn({ matchPatterns: $h, defaultMatchWidth: "any", parsePatterns: Wh, defaultParseWidth: "any", }), }, Gh = qh, Yh = { code: "en-US", formatDistance: hh, formatLong: bh, formatRelative: wh, localize: Th, match: Gh, options: { weekStartsOn: 0, firstWeekContainsDate: 1 }, }, q0 = Yh, Kh = q0; function G0(e, t) { if (e == null) throw new TypeError( "assign requires that input parameter not be null or undefined", ); for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]); return e; } function Jh(e) { return G0({}, e); } var _1 = 1e3 * 60, mr = 1440, I1 = mr * 30, R1 = mr * 365; function Qh(e, t, n) { var r, i, l; Lr(2, arguments); var o = ch(), s = (r = (i = n?.locale) !== null && i !== void 0 ? i : o.locale) !== null && r !== void 0 ? r : Kh; if (!s.formatDistance) throw new RangeError( "locale must contain localize.formatDistance property", ); var d = uh(e, t); if (isNaN(d)) throw new RangeError("Invalid time value"); var c = G0(Jh(n), { addSuffix: !!n?.addSuffix, comparison: d }), u, m; d > 0 ? ((u = tn(t)), (m = tn(e))) : ((u = tn(e)), (m = tn(t))); var p = String( (l = n?.roundingMethod) !== null && l !== void 0 ? l : "round", ), v; if (p === "floor") v = Math.floor; else if (p === "ceil") v = Math.ceil; else if (p === "round") v = Math.round; else throw new RangeError( "roundingMethod must be 'floor', 'ceil' or 'round'", ); var g = m.getTime() - u.getTime(), y = g / _1, w = O1(m) - O1(u), b = (g - w) / _1, h = n?.unit, f; if ( (h ? (f = String(h)) : y < 1 ? (f = "second") : y < 60 ? (f = "minute") : y < mr ? (f = "hour") : b < I1 ? (f = "day") : b < R1 ? (f = "month") : (f = "year"), f === "second") ) { var E = v(g / 1e3); return s.formatDistance("xSeconds", E, c); } else if (f === "minute") { var C = v(y); return s.formatDistance("xMinutes", C, c); } else if (f === "hour") { var Z = v(y / 60); return s.formatDistance("xHours", Z, c); } else if (f === "day") { var M = v(b / mr); return s.formatDistance("xDays", M, c); } else if (f === "month") { var V = v(b / I1); return V === 12 && h !== "month" ? s.formatDistance("xYears", 1, c) : s.formatDistance("xMonths", V, c); } else if (f === "year") { var D = v(b / R1); return s.formatDistance("xYears", D, c); } throw new RangeError( "unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'", ); } function Xh(e, t) { return (Lr(1, arguments), Qh(e, Date.now(), t)); } var e6 = { lessThanXSeconds: "just now", xSeconds: "just now", halfAMinute: "just now", lessThanXMinutes: "{{count}}m", xMinutes: "{{count}}m", aboutXHours: "{{count}}h", xHours: "{{count}}h", xDays: "{{count}}d", aboutXWeeks: "{{count}}w", xWeeks: "{{count}}w", aboutXMonths: "{{count}}mo", xMonths: "{{count}}mo", aboutXYears: "{{count}}y", xYears: "{{count}}y", overXYears: "{{count}}y", almostXYears: "{{count}}y", }; function t6(e, t, n = { addSuffix: !1, comparison: 0 }) { let r = e6[e].replace("{{count}}", t); return ["lessThanXSeconds", "xSeconds", "halfAMinute"].includes(e) ? `${r}` : n.addSuffix ? n.comparison > 0 ? `in ${r}` : `${r} ago` : r; } var n6 = (e) => Xh(e, { addSuffix: !0, locale: { ...q0, formatDistance: t6 } }), Bn = k.div(({ theme: e }) => ({ gridArea: "info", display: "flex", justifySelf: "start", justifyContent: "center", flexDirection: "column", margin: 15, lineHeight: "18px", color: e.base === "light" ? `${e.color.defaultText}99` : `${e.color.light}99`, fontSize: e.typography.size.s2, b: { color: e.base === "light" ? `${e.color.defaultText}` : `${e.color.light}`, }, small: { fontSize: e.typography.size.s2 - 1 }, "@container (min-width: 800px)": { margin: "6px 10px 6px 15px", alignItems: "center", flexDirection: "row", small: { fontSize: "inherit" }, "[data-hidden-large]": { display: "none" }, "& > span:first-of-type": { display: "inline-flex", alignItems: "center", height: 24, marginRight: 6, }, }, })), a6 = k.div({ gridArea: "actions", display: "flex", justifySelf: "end", justifyContent: "center", alignItems: "start", margin: 15, marginRight: 10, "@container (min-width: 800px)": { margin: "6px 10px 0 0" }, }), r6 = ({ isStarting: e, tests: t, startedAt: n, isBuildFailed: r, isOutdated: i, shouldSwitchToLastBuildOnBranch: l, switchToLastBuildOnBranch: o, }) => { let { isRunning: s, startBuild: d } = sa(), { status: c, isInProgress: u, changeCount: m, brokenCount: p, modeResults: v, browserResults: g, } = bl(t ?? []), y = !e && n && n6(new Date(n).getTime()), w = e || u, b = r || c === "FAILED", h = b || c === "BROKEN", f = (h || i) && !w && !m, E; return ( i ? (E = a.createElement( Bn, null, a.createElement( "span", null, a.createElement("b", null, "Code edits detected"), ), a.createElement( "small", null, a.createElement( "span", null, "Run tests to see what changed", ), ), )) : b ? (E = a.createElement( Bn, null, a.createElement( "span", null, a.createElement("b", null, "Build failed"), a.createElement(oh, null), ), a.createElement( "small", null, a.createElement( "span", null, "An infrastructure error occured", ), ), )) : w ? (E = a.createElement( Bn, null, a.createElement( "span", null, a.createElement("b", null, "Running tests..."), a.createElement(ur, null), ), a.createElement( "small", null, a.createElement("span", null, "Test in progress..."), ), )) : l ? (E = a.createElement( Bn, null, a.createElement( "span", null, a.createElement( "b", null, a.createElement( Ot, { isButton: !0, onClick: o }, "View latest snapshot", ), ), ), a.createElement( "span", null, "Newer test results are available for this story", ), )) : (E = a.createElement( Bn, null, a.createElement( "span", null, a.createElement( "b", null, p ? null : m ? `${(0, _a.default)("change", m, !0)}${c === "ACCEPTED" ? " accepted" : ""}` : "No changes", p ? (0, _a.default)("error", p, !0) : null, ), a.createElement(sh, { icon: p ? "failed" : c === "PENDING" ? "changed" : "passed", }), ), a.createElement( "small", null, v.length > 0 && a.createElement( "span", { "data-hidden-large": !0 }, (0, _a.default)("mode", v.length, !0), ", ", (0, _a.default)("browser", g.length, !0), ), v.length > 0 && a.createElement( "span", { "data-hidden-large": !0 }, " \u2022 ", ), u && a.createElement("span", null, "Test in progress..."), !u && n && a.createElement( "span", { title: new Date(n).toUTCString() }, "Ran ", y, ), ), )), a.createElement( a.Fragment, null, E, f && a.createElement( a6, null, a.createElement( en, { onClick: d, disabled: s }, s ? a.createElement(ur, { parentComponent: "Button" }) : a.createElement(fr, null), h ? "Rerun tests" : "Run tests", ), ), ) ); }, B1 = k.div(({ theme: e }) => ({ display: "grid", gridTemplateAreas: ` "info info" "actions actions" "label controls" `, gridTemplateColumns: "1fr fit-content(50%)", gridTemplateRows: "auto auto auto", borderBottom: `1px solid ${e.appBorderColor}`, "@container (min-width: 300px)": { gridTemplateAreas: ` "info actions" "label controls" `, gridTemplateColumns: "1fr auto", gridTemplateRows: "auto auto", }, "@container (min-width: 800px)": { gridTemplateAreas: '"info label controls actions"', gridTemplateColumns: "auto 1fr auto auto", gridTemplateRows: "39px", }, })), P1 = k.div({ display: "grid", gridTemplateAreas: ` "header" "main" "footer" `, gridTemplateColumns: "1fr", gridTemplateRows: "auto 1fr auto", height: "100%", "&[hidden]": { display: "none" }, }), V1 = k.div(({ theme: e }) => ({ gridArea: "header", position: "sticky", zIndex: 1, top: 0, background: e.background.content, "@container (min-width: 800px)": { background: e.background.app }, })), i6 = k.div(({ theme: e }) => ({ gridArea: "main", overflowY: "auto", maxHeight: "100%", background: e.background.content, })), H1 = k.div({ gridArea: "footer", position: "sticky", zIndex: 1, bottom: 0, }), l6 = k.div(({ children: e, theme: t }) => ({ display: "flex", alignItems: "center", border: `0px solid ${t.appBorderColor}`, borderTopWidth: 1, borderBottomWidth: e ? 1 : 0, height: e ? 40 : 0, padding: e ? "0 15px" : 0, })), o6 = k.div(({ theme: e }) => ({ fontFamily: e.typography.fonts.mono, fontSize: e.typography.size.s1, color: e.color.defaultText, lineHeight: "18px", padding: 15, whiteSpace: "pre-wrap", wordBreak: "break-word", })), oi = k.div(({ theme: e }) => ({ background: e.background.hoverable, padding: "10px 15px", lineHeight: "18px", position: "relative", borderBottom: `1px solid ${e.appBorderColor}`, })), s6 = ({ isOutdated: e, isStarting: t, isBuildFailed: n, shouldSwitchToLastBuildOnBranch: r, switchToLastBuildOnBranch: i, hidden: l, storyId: o, }) => { let { baselineImageVisible: s, diffVisible: d, focusVisible: c } = vr(), { toggleBaselineImage: u, toggleSettings: m, toggleWarnings: p, } = vn(), v = B0(), g = "startedAt" in v && v.startedAt, y = Wt(), { tests: w } = y, b = a.useRef(o), h = a.useRef(y.selectedComparison?.id), f = a.useRef(v.id), { selectedTest: E, selectedComparison: C } = y, Z = w.every( ({ result: fe, status: ce }) => fe === "ADDED" && ce !== "ACCEPTED", ), M = !Z && E?.result === "ADDED" && E?.status !== "ACCEPTED", V = !Z && C?.result === "ADDED" && E?.result !== "ADDED" && E?.status !== "ACCEPTED"; te(() => { ((b.current !== o || h.current !== y.selectedComparison?.id || f.current !== v.id || Z || M || V) && (u(!1), m(!1), p(!1)), (h.current = y.selectedComparison?.id), (b.current = o), (f.current = v.id)); }, [v.id, o, y, u, m, p, Z, M, V]); let D = a.createElement(r6, { tests: w, startedAt: g, isStarting: t, isBuildFailed: n, isOutdated: e, shouldSwitchToLastBuildOnBranch: r, switchToLastBuildOnBranch: i, }); if (t || !w.length) return a.createElement( P1, { hidden: l }, a.createElement(V1, null, a.createElement(B1, null, D)), a.createElement(H1, null, a.createElement(L1, null)), ); let X = bl(w), { isInProgress: oe } = X, ve = C?.headCapture?.captureError && "error" in C?.headCapture?.captureError && C?.headCapture?.captureError?.error; return a.createElement( P1, { hidden: l }, a.createElement( V1, null, a.createElement( B1, null, D, a.createElement(lh, { isOutdated: e }), ), ), a.createElement( i6, null, oe && a.createElement(Zr, null), !oe && Z && a.createElement( oi, null, a.createElement( j, null, "New story found. Accept this snapshot as a test baseline.", " ", a.createElement( Ne, { withArrow: !0, href: "https://www.chromatic.com/docs/branching-and-baselines", target: "_blank", }, "Learn more", ), ), ), !oe && M && a.createElement( oi, null, a.createElement( j, null, "New mode found. Accept this snapshot as a test baseline.", " ", a.createElement( Ne, { withArrow: !0, href: "https://www.chromatic.com/docs/branching-and-baselines", target: "_blank", }, "Learn more", ), ), ), !oe && V && a.createElement( oi, null, a.createElement( j, null, "New browser found. Accept this snapshot as a test baseline.", " ", a.createElement( Ne, { withArrow: !0, href: "https://www.chromatic.com/docs/branching-and-baselines", target: "_blank", }, "Learn more", ), ), ), !oe && C && a.createElement(G7, { key: C.id, componentName: E?.story?.component?.name, storyName: E?.story?.name, testUrl: E?.webUrl, comparisonResult: C.result ?? void 0, latestImage: C.headCapture?.captureImage ?? void 0, baselineImage: C.baseCapture?.captureImage ?? void 0, baselineImageVisible: s, diffImage: C.captureDiff?.diffImage ?? void 0, focusImage: C.captureDiff?.focusImage ?? void 0, diffVisible: d, focusVisible: c, }), !oe && ve && a.createElement( a.Fragment, null, a.createElement( l6, null, a.createElement("b", null, "Error stack trace"), ), a.createElement(o6, null, ve.stack || ve.message), ), ), a.createElement(H1, null, a.createElement(L1, null)), ); }, d6 = k(Tl)({ padding: "4px 8px", margin: "0 6px" }), c6 = ({ onClose: e }) => a.createElement( ys, null, a.createElement( Ei, null, a.createElement( Ha, null, "Warnings", a.createElement(d6, { status: "warning" }, "2"), a.createElement( tl, { onClick: e }, a.createElement(el, { "aria-label": "Close" }), ), ), a.createElement( "p", null, "It's essential that your components and stories render in a consistent fashion to prevent false positives. Two issues detected in this story may cause false positives.", ), a.createElement( "p", null, a.createElement( re, { variant: "outline" }, a.createElement(cs, null), "Docs", ), a.createElement( re, { variant: "outline" }, a.createElement(xc, null), "Get support", ), ), ), ); k.div(({ theme: e }) => ({ color: e.color.warning, background: e.background.warning, padding: 10, lineHeight: "18px", position: "relative", })); var u6 = ({ branch: e, dismissBuildError: t, isOutdated: n, localBuildProgress: r, switchToLastBuildOnBranch: i, storyId: l, }) => { let { settingsVisible: o, warningsVisible: s } = vr(), { toggleSettings: d, toggleWarnings: c } = vn(), { isRunning: u, startBuild: m, stopBuild: p } = sa(), { lastBuildOnBranch: v, lastBuildOnBranchIsReady: g, lastBuildOnBranchIsSelectable: y, } = t7(), w = B0(), b = Wt(), { buildIsReviewable: h, userCanReview: f } = z0(), E = !!(!h && g && y && i), C = v?.status === "IN_PROGRESS", Z = u || (!h && !E), M = r && r?.buildId === v?.id, V = Z && a.createElement(D7, { branch: e, dismissBuildError: t, localBuildProgress: M || u ? r : void 0, lastBuildOnBranchInProgress: C, switchToLastBuildOnBranch: i, }), D = b?.hasTests && b?.tests.length === 0, X = w.id !== `Build:${r?.buildId}`; if (D) return a.createElement( pe, null, a.createElement( de, null, r && X ? a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Snapshotting new story"), a.createElement( j, { center: !0, muted: !0 }, 'A new snapshot is being created in a standardized cloud browser to save its "last known good state" as a test baseline.', ), ), a.createElement(Ar, { localBuildProgress: r }), ) : a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "New story found"), a.createElement( j, { center: !0, muted: !0 }, 'Take an image snapshot of this story to save its "last known good state" as a test baseline. This unlocks visual regression testing so you can see exactly what has changed down to the pixel.', ), ), a.createElement( re, { belowText: !0, size: "medium", variant: "solid", onClick: u ? p : m, }, u ? "Cancel build" : "Create visual test", ), ), ), ); if (b?.tests?.find((be) => be.result === "SKIPPED")) return a.createElement( pe, null, V, a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "This story was skipped"), a.createElement( j, { center: !0, muted: !0 }, "If you would like to resume testing it, comment out or remove", a.createElement(Te, null, "disableSnapshot = true"), " from the CSF file.", ), ), a.createElement( re, { asChild: !0, size: "medium", variant: "outline" }, a.createElement( "a", { href: "https://www.chromatic.com/docs/ignoring-elements#with-storybook", target: "_new", }, a.createElement(cs, null), "View docs", ), ), ), ), ); let { status: oe } = w, ve = ["ANNOUNCED", "PUBLISHED", "PREPARED"].includes(oe), fe = oe === "FAILED", ce = oe === "PENDING" && (!f || !h); return a.createElement( pe, { footer: null }, a.createElement( lu, null, V, !V && ce && a.createElement( _7, null, f ? a.createElement( a.Fragment, null, "Reviewing is disabled because there's a newer build on ", a.createElement(Te, null, e), ".", ) : a.createElement( a.Fragment, null, "You don't have permission to accept changes.", " ", a.createElement( Ot, { href: "https://www.chromatic.com/docs/collaborators#roles", target: "_blank", withArrow: !0, }, "Learn about roles", ), ), ), a.createElement( Hn, { grow: !0, hidden: o || s }, a.createElement(s6, { hidden: o || s, isOutdated: n, isStarting: ve, isBuildFailed: fe, shouldSwitchToLastBuildOnBranch: E, switchToLastBuildOnBranch: i, selectedBuild: w, storyId: l, }), ), a.createElement( Hn, { grow: !0, hidden: !o }, a.createElement(z7, { onClose: () => d(!1) }), ), a.createElement( Hn, { grow: !0, hidden: !s }, a.createElement(c6, { onClose: () => c(!1) }), ), ), ); }, si = k(Ne)(() => ({ marginTop: 5 })), m6 = ({ queryError: e, hasData: t, hasProject: n, hasSelectedBuild: r, localBuildProgress: i, branch: l, }) => { let { setAccessToken: o } = qi(), { isRunning: s, startBuild: d } = sa(), { disable: c, disableSnapshot: u, docsOnly: m } = Ll("chromatic", {}), p = () => { let v = a.createElement( re, { disabled: s, size: "medium", variant: "solid", onClick: d }, a.createElement(fr, null), "Take snapshots", ); return i ? i.currentStep === "error" ? a.createElement( a.Fragment, null, a.createElement(P0, { localBuildProgress: i, title: "Build failed", }), v, ) : a.createElement(Ar, { localBuildProgress: i }) : v; }; return a.createElement( pe, { footer: a.createElement( br, null, a.createElement( Ue, null, t && !e && n && a.createElement( j, { muted: !0, style: { marginLeft: 5 } }, "Waiting for build on ", l, ), ), a.createElement(Ue, { push: !0 }, a.createElement(yr, null)), ), }, e?.networkError ? a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Network error"), a.createElement(j, null, e.networkError.message), ), a.createElement( re, { size: "medium", variant: "solid", onClick: () => o(null), }, "Log out", ), ), ) : e?.graphQLErrors?.length ? a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, e.graphQLErrors[0].message), a.createElement( j, { center: !0, muted: !0 }, e.graphQLErrors[0].extensions.code === "FORBIDDEN" ? "You may have insufficient permissions. Try logging out and back in again." : "Try logging out or clear your browser's local storage.", ), ), a.createElement( bt, null, a.createElement( re, { size: "medium", variant: "solid", onClick: () => o(null), }, "Log out", ), a.createElement( si, { withArrow: !0, href: `${G1}#troubleshooting`, target: "_blank", }, "Troubleshoot", ), ), ), ) : t ? n ? c || u || m ? a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement( le, null, "Visual tests disabled for this story", ), a.createElement( j, { center: !0, muted: !0 }, "Update ", a.createElement( "code", null, "parameters.chromatic.", c ? "disable" : u ? "disableSnapshot" : "docsOnly", ), " to enable snapshots for this story.", ), ), a.createElement( si, { withArrow: !0, href: "https://www.chromatic.com/docs/ignoring-elements#with-storybook", target: "_blank", }, "Read more", ), ), ) : r ? null : a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement( le, null, "Create a test baseline", ), a.createElement( j, { center: !0, muted: !0 }, 'Take an image snapshot of your stories to save their "last known good state" as test baselines.', ), ), p(), ), ) : a.createElement( de, null, a.createElement( ne, null, a.createElement( "div", null, a.createElement(le, null, "Project not found"), a.createElement( j, { center: !0, muted: !0 }, "You may not have access to this project or it may not exist.", ), ), a.createElement( si, { isButton: !0, onClick: () => o(null), withArrow: !0, }, "Switch account", ), ), ) : a.createElement(Zr, null), ); }, p6 = ({ buildIsReviewable: e, userCanReview: t, onReviewSuccess: n, onReviewError: r, }) => { let [{ fetching: i }, l] = Rs(X3), o = K( async (c) => { try { if (!e) throw new Error("Build is not reviewable"); if (!t) throw new Error("No permission to review tests"); let { error: u } = await l({ input: c }); if (u) throw u; n?.(c); } catch (u) { r?.(u, c); } }, [n, r, l, e, t], ), s = K( (c, u = "SPEC") => o({ status: "ACCEPTED", testId: c, batch: u }), [o], ), d = K( (c, u = "SPEC") => o({ status: "PENDING", testId: c, batch: u }), [o], ); return { isReviewing: i, acceptTest: s, unacceptTest: d, buildIsReviewable: e, userCanReview: t, }; }, h6 = Qe(` mutation UpdateUserPreferences($input: UserPreferencesInput!) { updateUserPreferences(input: $input) { updatedPreferences { vtaOnboarding } } } `), f6 = ({ lastBuildOnBranch: e, vtaOnboarding: t }) => { let n = Zt(), { notifications: r, storyId: i } = wn(), [l, o] = a.useState(!1), s = a.useCallback(() => { (o(!0), r.forEach(({ id: h }) => n.clearNotification(h))); }, [n, r]), [d, c] = a.useState(!1), u = a.useCallback(() => c(!0), []), [m, p] = a.useState(!0); a.useEffect(() => { if (n?.getUrlState?.().queryParams.vtaOnboarding === "true") { p(!1); return; } t && p(t === "COMPLETED" || t === "DISMISSED"); }, [n, t]); let [{ fetching: v }, g] = Rs(h6), y = a.useCallback( async (h) => { (await g({ input: { vtaOnboarding: h ? "COMPLETED" : "DISMISSED" }, }), p(!0), c(!1)); let E = new URL(window.location.href); E.searchParams.has("vtaOnboarding") && (E.searchParams.delete("vtaOnboarding"), window.history.replaceState({}, "", E.href)); }, [g], ), w = a.useMemo( () => ( (e && "testsForStatus" in e && e.testsForStatus?.nodes && an(I0, e.testsForStatus.nodes)) || [] ).some( (h) => h?.status === "PENDING" && h?.result === "CHANGED" && h?.story?.storyId === i, ), [e, i], ), b = !l && !m && !d; return { showOnboarding: b, showGuidedTour: !b && !m, completeOnboarding: s, skipOnboarding: a.useCallback(() => y(!1), [y]), completeWalkthrough: a.useCallback(() => y(!0), [y]), skipWalkthrough: a.useCallback(() => y(!1), [y]), startWalkthrough: u, lastBuildHasChangesForStory: w, isUpdating: v, }; }, g6 = ({ isOutdated: e, selectedBuildInfo: t, setSelectedBuildInfo: n, dismissBuildError: r, localBuildProgress: i, setOutdated: l, updateBuildStatus: o, projectId: s, gitInfo: d, storyId: c, }) => { let u = Zt(), { addNotification: m, setOptions: p, togglePanel: v } = u, g = e7({ projectId: s, storyId: c, gitInfo: d, selectedBuildInfo: t, }), { account: y, features: w, manageUrl: b, hasData: h, hasProject: f, hasSelectedBuild: E, lastBuildOnBranch: C, lastBuildOnBranchIsReady: Z, lastBuildOnBranchIsSelectable: M, selectedBuild: V, selectedBuildMatchesGit: D, queryError: X, rerunQuery: oe, userCanReview: ve, } = g, fe = K( ({ onDismiss: qt }) => { (qt(), p({ selectedPanel: rn }), v(!0)); }, [p, v], ), ce = p6({ buildIsReviewable: !!V && V.id === C?.id, userCanReview: ve, onReviewSuccess: oe, onReviewError: (qt, ad) => { qt instanceof Error && m({ id: `${U}/errorAccepting/${Date.now()}`, content: { headline: `Failed to ${ad.status === "ACCEPTED" ? "accept" : "unaccept"} changes`, subHeadline: qt.message, }, icon: a.createElement(ln, { color: Cn.negative }), duration: 8e3, onClick: fe, }); }, }); te(() => l(!D), [D, l]); let be = C && "testsForStatus" in C && C.testsForStatus?.nodes && an(I0, C.testsForStatus.nodes), wt = M ? C4(be || []) : []; (te(() => { o(wt); }, [JSON.stringify(wt), o]), te(() => { n((qt) => S4(qt, { shouldSwitchToLastBuildOnBranch: M && Z, lastBuildOnBranchId: C?.id, storyId: c, }), ); }, [M, Z, C?.id, n, c])); let ge = K( () => C?.id && M && n({ buildId: C.id, storyId: c }), [n, M, C?.id, c], ), { showOnboarding: kn, showGuidedTour: tt, completeOnboarding: J0, completeWalkthrough: Q0, skipOnboarding: X0, skipWalkthrough: ed, startWalkthrough: td, lastBuildHasChangesForStory: nd, } = f6(g); return w && !w.uiTests ? a.createElement(x4, { manageUrl: b }) : y?.suspensionReason ? a.createElement(e0, { billingUrl: y.billingUrl, suspensionReason: y.suspensionReason, }) : kn && f ? a.createElement( a.Fragment, null, !h || X ? a.createElement(a.Fragment, null) : a.createElement( ai, { watchState: g }, a.createElement(O7, { gitInfo: d, projectId: s, updateBuildStatus: o, dismissBuildError: r, localBuildProgress: i, showInitialBuildScreen: !V, onComplete: J0, onSkip: X0, lastBuildHasChangesForStory: nd, }), ), ) : a.createElement( a.Fragment, null, !V || !E || !h || X ? a.createElement(m6, { queryError: X, hasData: h, hasProject: f, hasSelectedBuild: E, branch: d.branch, dismissBuildError: r, localBuildProgress: i, ...(M && { switchToLastBuildOnBranch: ge }), }) : a.createElement( U7, { watchState: ce }, a.createElement( ai, { watchState: g }, a.createElement(u6, { branch: d.branch, dismissBuildError: r, isOutdated: e, localBuildProgress: i, ...(C && { lastBuildOnBranch: C }), ...(M && { switchToLastBuildOnBranch: ge }), userCanReview: ve, storyId: c, }), ), ), tt && a.createElement( ai, { watchState: { selectedBuild: V } }, a.createElement(c7, { managerApi: u, skipWalkthrough: ed, startWalkthrough: td, completeWalkthrough: Q0, }), ), ); }, v6 = (e) => { let [t, n] = Be("selectedBuildInfo"); return a.createElement(g6, { selectedBuildInfo: t, setSelectedBuildInfo: n, ...e, }); }, Y0 = ({ localBuildProgress: e, accessToken: t }) => { let n = ya({}), r = Gt(hr), [i, l] = Le(!1), [o, s] = Le(!1), d = e ? ["initialize", "build", "upload"].includes(e?.currentStep) : !1, c = e ? !["aborted", "complete", "error", "limited"].includes( e.currentStep, ) : i, u = ft( () => bi( "startBuild", () => { (s(!1), l(!0), n(zd, { accessToken: t }), r?.({ action: "startBuild" })); }, 1e3, !1, ), [t, n, r], ), m = ft( () => bi( "startBuild", () => { d ? (l(!1), n(Ud), r?.({ action: "stopBuild" })) : s(!0); }, 1e3, !1, ), [d, n, r], ); return ( te(() => { let p = i && setTimeout(() => l(!1), 5e3); return () => { p && clearTimeout(p); }; }, [i]), { isDisallowed: o, isRunning: c, startBuild: u, stopBuild: m } ); }, Jt = new Map(), y6 = () => { let e = ya({ [Jd]: (t) => { let n = Jt.get(t.requestId); if (n) if ((Jt.delete(t.requestId), "error" in t)) n.reject(new Error(t.error)); else { let { body: r, headers: i, status: l, statusText: o, } = t.response, s = new Response(r, { headers: i, status: l, statusText: o }); n.resolve(s); } }, }); return async (t, { signal: n, ...r } = {}) => { if (n?.aborted) return Promise.reject(n.reason); let i = Math.random().toString(36).slice(2); return ( n?.addEventListener("abort", () => { (e(Yd, { requestId: i }), Jt.get(i)?.reject(n.reason), Jt.delete(i)); }), e(Kd, { requestId: i, input: t, init: r }), new Promise((l, o) => { (Jt.set(i, { resolve: l, reject: o }), setTimeout(() => { (o(new Error("Request timed out")), Jt.delete(i)); }, 3e4)); }) ); }; }, K0 = () => { let [e, t] = we(U1), { projectId: n, written: r, dismissed: i, configFile: l } = e || {}; return { loading: !e, projectId: n, configFile: l, updateProject: K( (o) => t({ ...e, projectId: o, dismissed: !1 }), [e, t], ), projectUpdatingFailed: !i && r === !1, projectIdUpdated: !i && r === !0, clearProjectIdUpdated: K(() => t({ ...e, dismissed: !0 }), [e, t]), }; }, j1 = va(U), b6 = ({ active: e }) => { let [t, n] = Bs(), r = K( (tt) => { (n(tt), tt || Rc("authenticationScreen", "exchangeParameters")); }, [n], ), { storyId: i } = wn(), [l] = we(Dd), [o] = we(z1), [s] = we($1), [d] = we(mi), [c, u] = we(W1), [, m] = we(mi), p = ya({}), v = K((tt) => { (j1.unset(), j1.set(tt)); }, []), { loading: g, projectId: y, configFile: w, updateProject: b, projectUpdatingFailed: h, projectIdUpdated: f, clearProjectIdUpdated: E, } = K0(), [C, Z] = Be("createdProjectId"), [M, V] = we(q1), [D, X] = Be("subdomain", "www"), oe = K((tt) => p(qd, tt), [p]), { isRunning: ve, startBuild: fe, stopBuild: ce, } = Y0({ localBuildProgress: c, accessToken: t }), be = y6(), wt = globalThis.LOGLEVEL === "debug" ? globalThis.fetch : be, ge = (tt) => a.createElement( D2, { value: Vs({ fetch: wt }) }, a.createElement( uc, { value: oe }, a.createElement( Xd, { value: { accessToken: t, setAccessToken: r, subdomain: D, setSubdomain: X, }, }, a.createElement( Bc, { addonUninstalled: M, setAddonUninstalled: V }, a.createElement( ru, null, a.createElement( k4, { watchState: { isRunning: ve, startBuild: fe, stopBuild: ce, }, }, a.createElement( "div", { hidden: !e, style: { containerType: "size", height: "100%" }, }, tt, ), ), ), ), ), ), ); if (!e) return ge(null); if (globalThis.CONFIG_TYPE !== "DEVELOPMENT") return ge(a.createElement(y4, null)); if (M) return ge(a.createElement(E4, null)); if (s) return ge(a.createElement(b4, { offline: s })); if (!t) return ge( a.createElement(Xm, { setAccessToken: r, setCreatedProjectId: Z, hasProjectId: !!y, }), ); if (o || !l) return ge(a.createElement(r4, { gitInfoError: o })); if (g) return e ? a.createElement(yi, null) : null; if (!y) return ge( a.createElement(h4, { createdProjectId: C, setCreatedProjectId: Z, onUpdateProject: b, }), ); if (h) { if (!w) throw new Error("Missing config file after configuration failure"); return ge(a.createElement(m4, { projectId: y, configFile: w })); } if (f) { if (!w) throw new Error("Missing config file after configuration success"); return ge( a.createElement(s4, { projectId: y, configFile: w, goToNext: E }), ); } let kn = l.branch === c?.branch; return ge( a.createElement(v6, { dismissBuildError: () => u(void 0), isOutdated: !!d, localBuildProgress: kn ? c : void 0, setOutdated: m, updateBuildStatus: v, projectId: y, gitInfo: l, storyId: i, }), ); }, di = pt(Ui()), E6 = k.div({ display: "flex", justifyContent: "space-between", padding: "8px 0", }), k6 = k.div({ display: "flex", flexDirection: "column", marginLeft: 8 }), w6 = k.div({ display: "flex", gap: 4 }), C6 = k.div(({ crashed: e, theme: t }) => ({ fontSize: t.typography.size.s1, fontWeight: e ? "bold" : "normal", color: e ? t.color.negativeText : t.color.defaultText, })), S6 = k.div(({ theme: e }) => ({ fontSize: e.typography.size.s1, color: e.textMutedColor, })), x6 = k(_l)({ margin: 4 }), N6 = k(pc)({ width: 10 }), M6 = () => { let { addNotification: e, selectStory: t, setOptions: n, togglePanel: r, } = Zt(), i = xl( (ce) => Object.values(ce) .map((be) => be[U]?.value) .filter((be) => be === "status-value:warning").length, ), l = Gt(hr), { projectId: o } = K0(), [s] = Bs(), d = !!s, [c, u] = we($1), [m] = we(mi), [p] = we(W1), [v] = we(Wi), g = Object.keys(v?.problems || {}).length > 0, [y] = we(z1), w = Ee(p?.currentStep), { index: b, storyId: h, viewMode: f } = wn(), E = Nl((ce) => ce[ci] ?? "test-provider-state:pending"), { startBuild: C, stopBuild: Z } = Y0({ localBuildProgress: p, accessToken: s, }), M; (c && (M = "Not available offline"), g && (M = "Configuration problem"), y && (M = "Git synchronization problem"), d || (M = "Login required"), o || (M = "Set up visual tests")); let V = !M && E !== "test-provider-state:crashed", D = K(() => { V && C(); }, [V, C]); te(() => Sl(ci).onRunAll(D), [D]); let X = K( (ce) => { if ((n({ selectedPanel: rn }), r(!0), b && f !== "story")) { let be = Object.keys(b).indexOf(h), wt = Object.entries(b).slice(be > 0 ? be : 0), [ge] = wt.find(([, { type: kn }]) => kn === "story") || []; ge && t(ge); } ce && l?.({ action: "openWarning", warning: ce }); }, [n, r, l, b, t, h, f], ), oe = K( ({ onDismiss: ce }) => { (ce(), X()); }, [X], ); (te(() => { let ce = () => u(!0), be = () => u(!1); return ( window.addEventListener("offline", ce), window.addEventListener("online", be), () => { (window.removeEventListener("offline", ce), window.removeEventListener("online", be)); } ); }, [u]), te(() => { p?.currentStep !== w.current && ((w.current = p?.currentStep), p?.currentStep === "error" && e({ id: `${U}/build-error/${Date.now()}`, content: { headline: "Build error", subHeadline: "Check the Storybook process on the command line for more details.", }, icon: a.createElement(ln, { color: Cn.negative }), onClick: oe, }), p?.currentStep === "limited" && e({ id: `${U}/build-limited/${Date.now()}`, content: { headline: "Build limited", subHeadline: "Your account has insufficient snapshots remaining to run this build. Visit your billing page to find out more.", }, icon: a.createElement(ln, { color: Cn.negative }), onClick: oe, })); }, [e, oe, p?.currentStep])); let ve = K(() => X(M), [X, M]), fe; switch (!0) { case !!M: fe = a.createElement(Ot, { onClick: ve }, M); break; case E === "test-provider-state:running": fe = p ? kl[p.currentStep].renderProgress(p) : "Starting..."; break; case !!m: fe = "Test results outdated"; break; case p?.currentStep === "aborted": fe = "Aborted by user"; break; case p?.currentStep === "complete": fe = p.errorCount ? `Encountered ${(0, di.default)("component error", p.errorCount, !0)}` : i ? `Found ${(0, di.default)("story", i, !0)} with ${(0, di.default)("change", i)}` : "No visual changes detected"; break; default: fe = "Not run"; } return a.createElement( E6, null, a.createElement( k6, null, a.createElement( C6, { crashed: E === "test-provider-state:crashed" }, p?.currentStep === "error" || p?.currentStep === "limited" ? "Visual tests didn't complete" : "Visual tests", ), a.createElement(S6, null, fe), ), a.createElement( w6, null, M ? null : E === "test-provider-state:running" ? a.createElement( ke, { hasChrome: !1, trigger: "hover", tooltip: a.createElement(ba, { note: "Stop Visual tests", }), }, a.createElement( xn, { "aria-label": "Stop Visual tests", size: "medium", variant: "ghost", padding: "none", onClick: Z, disabled: !["initialize", "build", "upload"].includes( p?.currentStep ?? "", ), }, a.createElement( x6, { percentage: p?.buildProgressPercentage }, a.createElement(N6, null), ), ), ) : a.createElement( ke, { hasChrome: !1, trigger: "hover", tooltip: a.createElement(ba, { note: "Start Visual tests", }), }, a.createElement( xn, { "aria-label": "Start Visual tests", size: "medium", variant: "ghost", padding: "small", disabled: !V, onClick: D, }, a.createElement(hc, null), ), ), ), ); }; ga.register(U, (e) => { (ga.add(rn, { type: Tr.PANEL, title: "Visual tests", paramKey: Gd, match: ({ viewMode: t }) => t === "story", render: ({ active: t }) => a.createElement(b6, { active: !!t, api: e }), }), globalThis.CONFIG_TYPE === "DEVELOPMENT" && (va(U).onSelect(() => { (e.setSelectedPanel(rn), e.togglePanel(!0)); }), ga.add(ci, { type: Tr.experimental_TEST_PROVIDER, render: () => a.createElement(M6, null), }))); }); })(); } catch (e) { console.error( "[Storybook] One of your manager-entries failed: " + import.meta.url, e, ); }