mongodb-chatbot-ui
Version:
UI React components for the MongoDB Assistant
357 lines (346 loc) • 181 kB
JavaScript
import * as J from "react";
import l, { createContext as X3, useContext as _3, forwardRef as Y3 } from "react";
import { w as V, F as i, X as G1, m as k, a1 as f5, a3 as h5, d as q1, n as A, au as g5, an as p5, b as u2 } from "./index2.js";
import { p as m5, I as p1, Q as H5, q as v5 } from "./index4.js";
import { b as b5, Q as k5 } from "./index7.js";
import { p as L5 } from "./X.js";
import { H as V5 } from "./index6.js";
import { d as y5 } from "./CheckmarkWithCircle.js";
import { t as f2, a as j1, i as h2, e as g1, r as g2, n as A1 } from "./glyphCommon-cTThlth0.js";
function e(a, c, s) {
return (c = function(d) {
var h = function(f, p) {
if (typeof f != "object" || !f)
return f;
var g = f[Symbol.toPrimitive];
if (g !== void 0) {
var b = g.call(f, p);
if (typeof b != "object")
return b;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(f);
}(d, "string");
return typeof h == "symbol" ? h : h + "";
}(c)) in a ? Object.defineProperty(a, c, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : a[c] = s, a;
}
var k2, L2, m = { Disabled: "disabled", Placeholder: "placeholder", Primary: "primary", Secondary: "secondary", Tertiary: "tertiary", InversePrimary: "inversePrimary", InverseSecondary: "inverseSecondary", Info: "info", Warning: "warning", Error: "error", Success: "success", Link: "link", OnError: "onError", OnSuccess: "onSuccess", OnSuccessLink: "onSuccessLink" }, o = { Default: "default", Hover: "hover", Focus: "focus" }, U1 = i.black, P = i.blue, E = i.gray, X = i.green, e1 = i.red, x5 = i.white, y1 = i.yellow, D5 = { background: e(e(e(e(e(e(e(e({}, m.Primary, e(e(e({}, o.Default, U1), o.Hover, E.dark2), o.Focus, P.dark3)), m.Secondary, e(e(e({}, o.Default, E.dark4), o.Hover, E.dark2), o.Focus, P.dark3)), m.InversePrimary, e(e(e({}, o.Default, E.light2), o.Hover, E.light3), o.Focus, P.light2)), m.Info, e(e(e({}, o.Default, P.dark3), o.Hover, P.dark3), o.Focus, P.dark3)), m.Warning, e(e(e({}, o.Default, y1.dark3), o.Hover, y1.dark3), o.Focus, y1.dark3)), m.Success, e(e(e({}, o.Default, X.dark3), o.Hover, X.dark3), o.Focus, X.dark3)), m.Error, e(e(e({}, o.Default, e1.dark3), o.Hover, e1.dark3), o.Focus, e1.dark3)), m.Disabled, e(e(e({}, o.Default, E.dark3), o.Hover, E.dark3), o.Focus, E.dark3)), border: e(e(e(e(e(e(e(e({}, m.Primary, e(e(e({}, o.Default, E.base), o.Hover, E.base), o.Focus, P.light1)), m.Secondary, e(e(e({}, o.Default, E.dark2), o.Hover, E.dark2), o.Focus, P.light1)), m.Tertiary, e(e(e({}, o.Default, E.dark1), o.Hover, E.dark1), o.Focus, P.light1)), m.Success, e(e(e({}, o.Default, X.dark1), o.Hover, X.dark1), o.Focus, P.light1)), m.Error, e(e(e({}, o.Default, e1.light1), o.Hover, e1.light1), o.Focus, P.light1)), m.OnSuccess, e(e(e({}, o.Default, X.dark2), o.Hover, X.dark2), o.Focus, P.light1)), m.OnError, e(e(e({}, o.Default, e1.dark2), o.Hover, e1.dark2), o.Focus, P.light1)), m.Disabled, e(e(e({}, o.Default, E.dark2), o.Hover, E.dark2), o.Focus, E.dark2)), icon: e(e(e(e(e(e(e(e({}, m.Primary, e(e(e({}, o.Default, E.light1), o.Hover, E.light3), o.Focus, P.light3)), m.Secondary, e(e(e({}, o.Default, E.base), o.Hover, E.light3), o.Focus, P.light3)), m.InversePrimary, e(e(e({}, o.Default, x5), o.Hover, U1), o.Focus, P.dark2)), m.Info, e(e(e({}, o.Default, P.light1), o.Hover, P.light1), o.Focus, P.light1)), m.Warning, e(e(e({}, o.Default, y1.base), o.Hover, y1.base), o.Focus, y1.base)), m.Success, e(e(e({}, o.Default, X.base), o.Hover, X.base), o.Focus, X.base)), m.Error, e(e(e({}, o.Default, e1.light1), o.Hover, e1.light1), o.Focus, e1.light1)), m.Disabled, e(e(e({}, o.Default, E.dark1), o.Hover, E.dark1), o.Focus, E.dark1)), text: (e(e(e(e(e(e(e(e(e(e(k2 = {}, m.Primary, e(e(e({}, o.Default, E.light2), o.Hover, E.light2), o.Focus, P.light3)), m.Placeholder, e(e(e({}, o.Default, E.dark1), o.Hover, E.dark1), o.Focus, E.dark1)), m.Secondary, e(e(e({}, o.Default, E.light1), o.Hover, E.light2), o.Focus, P.light3)), m.InversePrimary, e(e(e({}, o.Default, U1), o.Hover, U1), o.Focus, P.dark2)), m.InverseSecondary, e(e(e({}, o.Default, E.dark2), o.Hover, U1), o.Focus, P.dark2)), m.Disabled, e(e(e({}, o.Default, E.dark1), o.Hover, E.dark1), o.Focus, E.dark1)), m.Success, e(e(e({}, o.Default, X.light2), o.Hover, X.light2), o.Focus, X.light2)), m.Error, e(e(e({}, o.Default, e1.light1), o.Hover, e1.light1), o.Focus, e1.light1)), m.OnSuccess, e(e(e({}, o.Default, X.light1), o.Hover, X.light1), o.Focus, X.light1)), m.OnSuccessLink, e(e(e({}, o.Default, X.light3), o.Hover, X.light3), o.Focus, X.light3)), e(e(k2, m.OnError, e(e(e({}, o.Default, e1.light2), o.Hover, e1.light2), o.Focus, e1.light2)), m.Link, e(e(e({}, o.Default, P.light1), o.Hover, P.light1), o.Focus, P.light1))) }, x1 = i.black, z = i.blue, w = i.gray, G = i.green, Q = i.red, D1 = i.white, E1 = i.yellow, E5 = { background: e(e(e(e(e(e(e(e({}, m.Primary, e(e(e({}, o.Default, D1), o.Hover, w.light2), o.Focus, z.light3)), m.Secondary, e(e(e({}, o.Default, w.light3), o.Hover, w.light2), o.Focus, z.light3)), m.InversePrimary, e(e(e({}, o.Default, x1), o.Hover, w.dark3), o.Focus, z.dark2)), m.Info, e(e(e({}, o.Default, z.light3), o.Hover, z.light3), o.Focus, z.light3)), m.Warning, e(e(e({}, o.Default, E1.light3), o.Hover, E1.light3), o.Focus, E1.light3)), m.Success, e(e(e({}, o.Default, G.light3), o.Hover, G.light3), o.Focus, G.light3)), m.Error, e(e(e({}, o.Default, Q.light3), o.Hover, Q.light3), o.Focus, Q.light3)), m.Disabled, e(e(e({}, o.Default, w.light2), o.Hover, w.light2), o.Focus, w.light2)), border: e(e(e(e(e(e(e(e({}, m.Primary, e(e(e({}, o.Default, w.base), o.Hover, w.base), o.Focus, z.light1)), m.Secondary, e(e(e({}, o.Default, w.light2), o.Hover, w.light2), o.Focus, z.light1)), m.Tertiary, e(e(e({}, o.Default, w.light1), o.Hover, w.light1), o.Focus, z.light1)), m.Success, e(e(e({}, o.Default, G.dark1), o.Hover, G.dark1), o.Focus, z.light1)), m.Error, e(e(e({}, o.Default, Q.base), o.Hover, Q.base), o.Focus, z.light1)), m.Disabled, e(e(e({}, o.Default, w.light1), o.Hover, w.light1), o.Focus, w.light1)), m.OnSuccess, e(e(e({}, o.Default, G.light2), o.Hover, G.light2), o.Focus, G.light2)), m.OnError, e(e(e({}, o.Default, Q.light2), o.Hover, Q.light2), o.Focus, Q.light2)), icon: e(e(e(e(e(e(e(e({}, m.Primary, e(e(e({}, o.Default, w.dark1), o.Hover, x1), o.Focus, z.dark1)), m.Secondary, e(e(e({}, o.Default, w.base), o.Hover, x1), o.Focus, z.dark1)), m.InversePrimary, e(e(e({}, o.Default, D1), o.Hover, D1), o.Focus, z.light2)), m.Info, e(e(e({}, o.Default, z.base), o.Hover, z.base), o.Focus, z.base)), m.Warning, e(e(e({}, o.Default, E1.dark2), o.Hover, E1.dark2), o.Focus, E1.dark2)), m.Success, e(e(e({}, o.Default, G.dark1), o.Hover, G.dark1), o.Focus, G.dark1)), m.Error, e(e(e({}, o.Default, Q.base), o.Hover, Q.base), o.Focus, Q.base)), m.Disabled, e(e(e({}, o.Default, w.base), o.Hover, w.base), o.Focus, w.base)), text: (e(e(e(e(e(e(e(e(e(e(L2 = {}, m.Primary, e(e(e({}, o.Default, x1), o.Hover, x1), o.Focus, z.dark1)), m.Secondary, e(e(e({}, o.Default, w.dark1), o.Hover, x1), o.Focus, z.dark1)), m.InversePrimary, e(e(e({}, o.Default, D1), o.Hover, D1), o.Focus, z.light2)), m.InverseSecondary, e(e(e({}, o.Default, w.light1), o.Hover, D1), o.Focus, z.light2)), m.Disabled, e(e(e({}, o.Default, w.base), o.Hover, w.base), o.Focus, w.base)), m.Success, e(e(e({}, o.Default, G.dark2), o.Hover, G.dark2), o.Focus, G.dark2)), m.Error, e(e(e({}, o.Default, Q.base), o.Hover, Q.base), o.Focus, Q.base)), m.Placeholder, e(e(e({}, o.Default, w.base), o.Hover, w.base), o.Focus, w.base)), m.OnSuccess, e(e(e({}, o.Default, G.dark2), o.Hover, G.dark2), o.Focus, G.dark2)), m.OnSuccessLink, e(e(e({}, o.Default, G.dark3), o.Hover, G.dark3), o.Focus, G.dark3)), e(e(L2, m.OnError, e(e(e({}, o.Default, Q.dark2), o.Hover, Q.dark2), o.Focus, Q.dark2)), m.Link, e(e(e({}, o.Default, z.base), o.Hover, z.base), o.Focus, z.base))) }, f1 = e(e({}, V.Dark, D5), V.Light, E5), t2 = { Dark: "dark", Light: "light" };
e(e({}, t2.Light, { default: "0 0 0 2px ".concat(i.white, ", 0 0 0 4px ").concat(i.blue.light1), input: "0 0 0 3px ".concat(i.blue.light1) }), t2.Dark, { default: "0 0 0 2px ".concat(i.black, ", 0 0 0 4px ").concat(i.blue.light1), input: "0 0 0 3px ".concat(i.blue.light1) });
var M5 = { default: "'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif", serif: "'MongoDB Value Serif', 'Times New Roman', serif", code: "'Source Code Pro', Menlo, monospace" };
e(e({}, t2.Light, { gray: "0 0 0 3px ".concat(i.gray.light2), green: "0 0 0 3px ".concat(i.green.light2), red: "0 0 0 3px ".concat(i.red.light2) }), t2.Dark, { gray: "0 0 0 3px ".concat(i.gray.dark2), green: "0 0 0 3px ".concat(i.green.dark3), red: "0 0 0 3px ".concat(i.yellow.dark3) });
var F5 = i.black, M1 = i.gray, Z5 = i.white;
e(e({}, m.Primary, e({}, o.Default, M1.base)), m.Secondary, e({}, o.Default, M1.dark1)), e(e({}, m.Primary, e({}, o.Default, F5)), m.Secondary, e({}, o.Default, M1.dark4)), e(e({}, m.Primary, e({}, o.Default, M1.base)), m.Secondary, e({}, o.Default, M1.light1)), e(e({}, m.Primary, e({}, o.Default, Z5)), m.Secondary, e({}, o.Default, M1.light3));
var b1 = e(e({}, V.Light, { 1: "color-mix(in srgb, ".concat(i.black, " 15%, transparent)"), 2: "color-mix(in srgb, ".concat(i.black, " 20%, transparent)"), 3: "color-mix(in srgb, ".concat(i.black, " 60%, transparent)"), overflow: "color-mix(in srgb, ".concat(i.gray.dark1, " 30%, transparent)") }), V.Dark, { 1: "transparent", 2: "color-mix(in srgb, #000000 45%, transparent)", 3: "color-mix(in srgb, #000000 60%, transparent)", overflow: "color-mix(in srgb, #000000 30%, transparent)" });
e(e({}, V.Light, { 1: "0px 2px 4px 1px ".concat(b1[V.Light][1]), 2: "0px 18px 18px -15px ".concat(b1[V.Light][2]), 3: "0px 8px 20px -8px ".concat(b1[V.Light][3]), overflow: "0px 2px 4px 1px ".concat(b1[V.Light].overflow) }), V.Dark, { 1: "unset", 2: "0 18px 18px -15px ".concat(b1[V.Dark][2]), 3: "0 8px 20px -8px ".concat(b1[V.Dark][3]), overflow: "0px 2px 4px 1px ".concat(b1[V.Dark].overflow) });
e(e({}, V.Light, 2), V.Dark, 16);
var h1 = { 0: 0, 25: 1, 50: 2, 100: 4, 150: 6, 200: 8, 300: 12, 400: 16, 500: 20, 600: 24, 800: 32, 900: 36, 1e3: 40, 1200: 48, 1400: 56, 1600: 64, 1800: 72, 1: 4, 2: 8, 3: 16, 4: 24, 5: 32, 6: 64, 7: 88 }, W1 = { faster: 100, default: 150, slower: 300, slowest: 500 }, V2 = { Body1: 13, Body2: 16 }, y2 = { body1: { fontSize: V2.Body1, lineHeight: 20 }, body2: { fontSize: V2.Body2, lineHeight: 28 }, code1: { fontSize: 13, lineHeight: 20 }, code2: { fontSize: 15, lineHeight: 24 }, disclaimer: { fontSize: 12, lineHeight: 20 }, large: { fontSize: 18, lineHeight: 24 } };
function w5(a, c, s) {
return (c = function(d) {
var h = function(f, p) {
if (typeof f != "object" || !f)
return f;
var g = f[Symbol.toPrimitive];
if (g !== void 0) {
var b = g.call(f, p);
if (typeof b != "object")
return b;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(f);
}(d, "string");
return typeof h == "symbol" ? h : h + "";
}(c)) in a ? Object.defineProperty(a, c, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : a[c] = s, a;
}
function a2() {
return a2 = Object.assign ? Object.assign.bind() : function(a) {
for (var c = 1; c < arguments.length; c++) {
var s = arguments[c];
for (var d in s)
({}).hasOwnProperty.call(s, d) && (a[d] = s[d]);
}
return a;
}, a2.apply(null, arguments);
}
function Q3(a, c) {
if (a == null)
return {};
var s, d, h = function(p, g) {
if (p == null)
return {};
var b = {};
for (var L in p)
if ({}.hasOwnProperty.call(p, L)) {
if (g.indexOf(L) !== -1)
continue;
b[L] = p[L];
}
return b;
}(a, c);
if (Object.getOwnPropertySymbols) {
var f = Object.getOwnPropertySymbols(a);
for (d = 0; d < f.length; d++)
s = f[d], c.indexOf(s) === -1 && {}.propertyIsEnumerable.call(a, s) && (h[s] = a[s]);
}
return h;
}
function n1(a, c) {
return c || (c = a.slice(0)), Object.freeze(Object.defineProperties(a, { raw: { value: Object.freeze(c) } }));
}
var x2, D2, E2, M2, F2, Z2, w2, $2, S2, O2, P2, N2, I2, q3 = X3({}), $5 = G1("input_option-content"), K3 = G1("input_option-title"), S5 = G1("input_option-description"), J3 = G1("input_option-left-glyph"), O5 = function(a) {
var c = a.hasLeftGlyph ? "left-glyph" : "text", s = a.hasRightGlyph ? "right-glyph" : "text";
return k(x2 || (x2 = n1([`
display: grid;
grid-template-columns: `, "px 1fr ", `px;
grid-template-areas: '`, " text ", `';
gap: `, `px;
align-items: center;
width: 100%;
`])), h1[400], h1[400], c, s, h1[200]);
}, P5 = function(a) {
var c = a.theme, s = a.disabled, d = a.highlighted, h = s ? m.Disabled : m.Primary, f = d ? o.Focus : o.Default;
return k(D2 || (D2 = n1([`
grid-area: left-glyph;
display: flex;
align-items: center;
// Hover styles set by parent InputOption
color: `, `;
transition: color `, `ms ease-in-out;
`])), f1[c].icon[h][f], W1.default);
}, N5 = function(a) {
var c = a.theme, s = a.disabled ? m.Disabled : m.Primary;
return k(E2 || (E2 = n1([`
grid-area: right-glyph;
display: flex;
align-items: center;
color: `, `;
transition: color `, `ms ease-in-out;
`])), f1[c].icon[s].default, W1.default);
}, I5 = k(M2 || (M2 = n1([`
grid-area: text;
line-height: `, `px;
`])), h1[400]), z5 = function(a) {
var c = a.theme, s = a.highlighted, d = a.disabled;
return k(F2 || (F2 = n1([`
overflow-wrap: anywhere;
font-size: inherit;
line-height: inherit;
font-weight: normal;
transition: color `, `ms ease-in-out;
`, `
`])), W1.default, s && !d && k(Z2 || (Z2 = n1([`
font-weight: bold;
color: `, `;
`])), f1[c].text.primary.focus));
}, B5 = ["children", "description", "leftGlyph", "rightGlyph", "preserveIconSpace", "className"], j5 = function(a) {
var c = a.children, s = a.description, d = a.leftGlyph, h = a.rightGlyph, f = a.preserveIconSpace, p = f === void 0 || f, g = a.className, b = Q3(a, B5), L = _3(q3), y = L.disabled, x = L.highlighted, u = L.darkMode, U = q1(u).theme;
return l.createElement("div", a2({ className: A($5, O5({ hasLeftGlyph: !!d || p, hasRightGlyph: !!h }), g) }, b), d && l.createElement("div", { className: A(J3, P5({ theme: U, disabled: y, highlighted: x })) }, d), l.createElement("div", { className: I5 }, l.createElement("div", { className: A(K3, z5({ theme: U, highlighted: x, disabled: y })) }, c), s && l.createElement(m5, { className: A(S5, k(w2 || (w2 = n1([`
max-height: `, `px;
overflow: hidden;
font-size: inherit;
line-height: inherit;
text-overflow: ellipsis;
transition: color `, `ms ease-in-out;
`])), h1[1200], W1.default)), darkMode: u, disabled: y }, s)), h && l.createElement("div", { className: N5({ theme: U, disabled: y }) }, h));
};
j5.displayName = "InputOptionContent";
var A5 = G1("input_option"), G5 = function(a) {
var c = a.theme, s = a.disabled, d = a.highlighted, h = a.isInteractive, f = d ? o.Focus : o.Default;
return k($2 || ($2 = n1([`
display: block;
position: relative;
list-style: none;
outline: none;
border: unset;
margin: 0;
text-align: left;
text-decoration: none;
cursor: pointer;
font-size: `, `px;
line-height: `, `px;
font-family: `, `;
padding: `, "px ", `px;
transition: `, `ms ease-in-out;
transition-property: background-color, color;
color: `, `;
background-color: `, `;
`, `
/* Interactive states */
`, `
`])), y2.body1.fontSize, y2.body1.lineHeight, M5.default, h1[300], h1[300], W1.default, f1[c].text.primary[f], f1[c].background.primary[f], s && k(S2 || (S2 = n1([`
cursor: not-allowed;
color: `, `;
`])), f1[c].text.disabled[f]), h && !s && k(O2 || (O2 = n1([`
/* Hover */
&:hover {
outline: none;
color: `, `;
background-color: `, `;
.`, ` {
color: `, `;
}
.`, ` {
color: `, `;
}
}
/* Focus (majority of styling handled by the 'highlighted' prop) */
&:focus {
outline: none;
border: unset;
}
`])), f1[c].text.primary.hover, f1[c].background.primary.hover, K3, f1[c].text.primary.hover, J3, f1[c].icon.primary.hover));
}, W5 = h1[100], R5 = h1[100], T5 = function(a) {
var c = a.disabled, s = a.highlighted;
return k(P2 || (P2 = n1([`
// Left wedge
&::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: `, `px;
height: calc(100% - `, `px);
min-height: `, `px;
background-color: rgba(255, 255, 255, 0);
border-radius: 0 6px 6px 0;
transform: scale3d(0, 0.3, 0) translateY(-50%);
transform-origin: 0%; // 0% since we use translateY
transition: `, `ms ease-in-out;
transition-property: transform, background-color;
`, `
`, `
}
`])), W5, 2 * R5, h1[600], W1.default, s && k(N2 || (N2 = n1([`
transform: scaleY(1) translateY(-50%);
background-color: `, `;
`])), i.blue.base), c && k(I2 || (I2 = n1([`
content: unset;
`]))));
}, U5 = ["as", "children", "disabled", "highlighted", "checked", "darkMode", "showWedge", "isInteractive", "className"], X5 = f5(function(a, c) {
var s = a.as, d = s === void 0 ? "li" : s, h = a.children, f = a.disabled, p = a.highlighted, g = a.checked, b = a.darkMode, L = a.showWedge, y = L === void 0 || L, x = a.isInteractive, u = x === void 0 || x, U = a.className, u1 = Q3(a, U5), R1 = h5(d).Component, K1 = q1(b), V1 = K1.theme, v1 = K1.darkMode;
return l.createElement(q3.Provider, { value: { checked: g, darkMode: v1, disabled: f, highlighted: p } }, l.createElement(R1, a2({ ref: c, role: "option", "aria-selected": p, "aria-checked": g, "aria-disabled": f, tabIndex: -1, className: A(A5, G5({ theme: V1, disabled: f, highlighted: p, isInteractive: u }), w5({}, T5({ theme: V1, disabled: f, highlighted: p, isInteractive: u }), y), U) }, u1), h));
});
X5.displayName = "InputOption";
var e5 = "MongoDB Assistant", r5 = X3({ assistantName: e5 }), V4 = function() {
return _3(r5);
};
function _5(a) {
var c = a.assistantName, s = c === void 0 ? e5 : c, d = a.children;
return l.createElement(r5.Provider, { value: { assistantName: s } }, d);
}
_5.displayName = "LeafyGreenChatProvider";
function r(a, c, s) {
return (c = function(d) {
var h = function(f, p) {
if (typeof f != "object" || !f)
return f;
var g = f[Symbol.toPrimitive];
if (g !== void 0) {
var b = g.call(f, p);
if (typeof b != "object")
return b;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(f);
}(d, "string");
return typeof h == "symbol" ? h : h + "";
}(c)) in a ? Object.defineProperty(a, c, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : a[c] = s, a;
}
var z2, B2, m1 = { Background: "background", Border: "border", Icon: "icon", Text: "text" }, H = { Disabled: "disabled", Placeholder: "placeholder", Primary: "primary", Secondary: "secondary", Tertiary: "tertiary", InversePrimary: "inversePrimary", InverseSecondary: "inverseSecondary", Info: "info", Warning: "warning", Error: "error", Success: "success", Link: "link", OnError: "onError", OnSuccess: "onSuccess", OnSuccessLink: "onSuccessLink" }, n = { Default: "default", Hover: "hover", Focus: "focus" }, X1 = i.black, N = i.blue, M = i.gray, _ = i.green, r1 = i.red, Y5 = i.white, F1 = i.yellow, Q5 = { background: r(r(r(r(r(r(r(r({}, H.Primary, r(r(r({}, n.Default, X1), n.Hover, M.dark2), n.Focus, N.dark3)), H.Secondary, r(r(r({}, n.Default, M.dark4), n.Hover, M.dark2), n.Focus, N.dark3)), H.InversePrimary, r(r(r({}, n.Default, M.light2), n.Hover, M.light3), n.Focus, N.light2)), H.Info, r(r(r({}, n.Default, N.dark3), n.Hover, N.dark3), n.Focus, N.dark3)), H.Warning, r(r(r({}, n.Default, F1.dark3), n.Hover, F1.dark3), n.Focus, F1.dark3)), H.Success, r(r(r({}, n.Default, _.dark3), n.Hover, _.dark3), n.Focus, _.dark3)), H.Error, r(r(r({}, n.Default, r1.dark3), n.Hover, r1.dark3), n.Focus, r1.dark3)), H.Disabled, r(r(r({}, n.Default, M.dark3), n.Hover, M.dark3), n.Focus, M.dark3)), border: r(r(r(r(r(r(r(r({}, H.Primary, r(r(r({}, n.Default, M.base), n.Hover, M.base), n.Focus, N.light1)), H.Secondary, r(r(r({}, n.Default, M.dark2), n.Hover, M.dark2), n.Focus, N.light1)), H.Tertiary, r(r(r({}, n.Default, M.dark1), n.Hover, M.dark1), n.Focus, N.light1)), H.Success, r(r(r({}, n.Default, _.dark1), n.Hover, _.dark1), n.Focus, N.light1)), H.Error, r(r(r({}, n.Default, r1.light1), n.Hover, r1.light1), n.Focus, N.light1)), H.OnSuccess, r(r(r({}, n.Default, _.dark2), n.Hover, _.dark2), n.Focus, N.light1)), H.OnError, r(r(r({}, n.Default, r1.dark2), n.Hover, r1.dark2), n.Focus, N.light1)), H.Disabled, r(r(r({}, n.Default, M.dark2), n.Hover, M.dark2), n.Focus, M.dark2)), icon: r(r(r(r(r(r(r(r({}, H.Primary, r(r(r({}, n.Default, M.light1), n.Hover, M.light3), n.Focus, N.light3)), H.Secondary, r(r(r({}, n.Default, M.base), n.Hover, M.light3), n.Focus, N.light3)), H.InversePrimary, r(r(r({}, n.Default, Y5), n.Hover, X1), n.Focus, N.dark2)), H.Info, r(r(r({}, n.Default, N.light1), n.Hover, N.light1), n.Focus, N.light1)), H.Warning, r(r(r({}, n.Default, F1.base), n.Hover, F1.base), n.Focus, F1.base)), H.Success, r(r(r({}, n.Default, _.base), n.Hover, _.base), n.Focus, _.base)), H.Error, r(r(r({}, n.Default, r1.light1), n.Hover, r1.light1), n.Focus, r1.light1)), H.Disabled, r(r(r({}, n.Default, M.dark1), n.Hover, M.dark1), n.Focus, M.dark1)), text: (r(r(r(r(r(r(r(r(r(r(z2 = {}, H.Primary, r(r(r({}, n.Default, M.light2), n.Hover, M.light2), n.Focus, N.light3)), H.Placeholder, r(r(r({}, n.Default, M.dark1), n.Hover, M.dark1), n.Focus, M.dark1)), H.Secondary, r(r(r({}, n.Default, M.light1), n.Hover, M.light2), n.Focus, N.light3)), H.InversePrimary, r(r(r({}, n.Default, X1), n.Hover, X1), n.Focus, N.dark2)), H.InverseSecondary, r(r(r({}, n.Default, M.dark2), n.Hover, X1), n.Focus, N.dark2)), H.Disabled, r(r(r({}, n.Default, M.dark1), n.Hover, M.dark1), n.Focus, M.dark1)), H.Success, r(r(r({}, n.Default, _.light2), n.Hover, _.light2), n.Focus, _.light2)), H.Error, r(r(r({}, n.Default, r1.light1), n.Hover, r1.light1), n.Focus, r1.light1)), H.OnSuccess, r(r(r({}, n.Default, _.light1), n.Hover, _.light1), n.Focus, _.light1)), H.OnSuccessLink, r(r(r({}, n.Default, _.light3), n.Hover, _.light3), n.Focus, _.light3)), r(r(z2, H.OnError, r(r(r({}, n.Default, r1.light2), n.Hover, r1.light2), n.Focus, r1.light2)), H.Link, r(r(r({}, n.Default, N.light1), n.Hover, N.light1), n.Focus, N.light1))) }, Z1 = i.black, B = i.blue, $ = i.gray, W = i.green, q = i.red, w1 = i.white, $1 = i.yellow, q5 = { background: r(r(r(r(r(r(r(r({}, H.Primary, r(r(r({}, n.Default, w1), n.Hover, $.light2), n.Focus, B.light3)), H.Secondary, r(r(r({}, n.Default, $.light3), n.Hover, $.light2), n.Focus, B.light3)), H.InversePrimary, r(r(r({}, n.Default, Z1), n.Hover, $.dark3), n.Focus, B.dark2)), H.Info, r(r(r({}, n.Default, B.light3), n.Hover, B.light3), n.Focus, B.light3)), H.Warning, r(r(r({}, n.Default, $1.light3), n.Hover, $1.light3), n.Focus, $1.light3)), H.Success, r(r(r({}, n.Default, W.light3), n.Hover, W.light3), n.Focus, W.light3)), H.Error, r(r(r({}, n.Default, q.light3), n.Hover, q.light3), n.Focus, q.light3)), H.Disabled, r(r(r({}, n.Default, $.light2), n.Hover, $.light2), n.Focus, $.light2)), border: r(r(r(r(r(r(r(r({}, H.Primary, r(r(r({}, n.Default, $.base), n.Hover, $.base), n.Focus, B.light1)), H.Secondary, r(r(r({}, n.Default, $.light2), n.Hover, $.light2), n.Focus, B.light1)), H.Tertiary, r(r(r({}, n.Default, $.light1), n.Hover, $.light1), n.Focus, B.light1)), H.Success, r(r(r({}, n.Default, W.dark1), n.Hover, W.dark1), n.Focus, B.light1)), H.Error, r(r(r({}, n.Default, q.base), n.Hover, q.base), n.Focus, B.light1)), H.Disabled, r(r(r({}, n.Default, $.light1), n.Hover, $.light1), n.Focus, $.light1)), H.OnSuccess, r(r(r({}, n.Default, W.light2), n.Hover, W.light2), n.Focus, W.light2)), H.OnError, r(r(r({}, n.Default, q.light2), n.Hover, q.light2), n.Focus, q.light2)), icon: r(r(r(r(r(r(r(r({}, H.Primary, r(r(r({}, n.Default, $.dark1), n.Hover, Z1), n.Focus, B.dark1)), H.Secondary, r(r(r({}, n.Default, $.base), n.Hover, Z1), n.Focus, B.dark1)), H.InversePrimary, r(r(r({}, n.Default, w1), n.Hover, w1), n.Focus, B.light2)), H.Info, r(r(r({}, n.Default, B.base), n.Hover, B.base), n.Focus, B.base)), H.Warning, r(r(r({}, n.Default, $1.dark2), n.Hover, $1.dark2), n.Focus, $1.dark2)), H.Success, r(r(r({}, n.Default, W.dark1), n.Hover, W.dark1), n.Focus, W.dark1)), H.Error, r(r(r({}, n.Default, q.base), n.Hover, q.base), n.Focus, q.base)), H.Disabled, r(r(r({}, n.Default, $.base), n.Hover, $.base), n.Focus, $.base)), text: (r(r(r(r(r(r(r(r(r(r(B2 = {}, H.Primary, r(r(r({}, n.Default, Z1), n.Hover, Z1), n.Focus, B.dark1)), H.Secondary, r(r(r({}, n.Default, $.dark1), n.Hover, Z1), n.Focus, B.dark1)), H.InversePrimary, r(r(r({}, n.Default, w1), n.Hover, w1), n.Focus, B.light2)), H.InverseSecondary, r(r(r({}, n.Default, $.light1), n.Hover, w1), n.Focus, B.light2)), H.Disabled, r(r(r({}, n.Default, $.base), n.Hover, $.base), n.Focus, $.base)), H.Success, r(r(r({}, n.Default, W.dark2), n.Hover, W.dark2), n.Focus, W.dark2)), H.Error, r(r(r({}, n.Default, q.base), n.Hover, q.base), n.Focus, q.base)), H.Placeholder, r(r(r({}, n.Default, $.base), n.Hover, $.base), n.Focus, $.base)), H.OnSuccess, r(r(r({}, n.Default, W.dark2), n.Hover, W.dark2), n.Focus, W.dark2)), H.OnSuccessLink, r(r(r({}, n.Default, W.dark3), n.Hover, W.dark3), n.Focus, W.dark3)), r(r(B2, H.OnError, r(r(r({}, n.Default, q.dark2), n.Hover, q.dark2), n.Focus, q.dark2)), H.Link, r(r(r({}, n.Default, B.base), n.Hover, B.base), n.Focus, B.base))) }, K5 = r(r({}, V.Dark, Q5), V.Light, q5), l2 = { Dark: "dark", Light: "light" };
r(r({}, l2.Light, { default: "0 0 0 2px ".concat(i.white, ", 0 0 0 4px ").concat(i.blue.light1), input: "0 0 0 3px ".concat(i.blue.light1) }), l2.Dark, { default: "0 0 0 2px ".concat(i.black, ", 0 0 0 4px ").concat(i.blue.light1), input: "0 0 0 3px ".concat(i.blue.light1) });
r(r({}, l2.Light, { gray: "0 0 0 3px ".concat(i.gray.light2), green: "0 0 0 3px ".concat(i.green.light2), red: "0 0 0 3px ".concat(i.red.light2) }), l2.Dark, { gray: "0 0 0 3px ".concat(i.gray.dark2), green: "0 0 0 3px ".concat(i.green.dark3), red: "0 0 0 3px ".concat(i.yellow.dark3) });
var J5 = i.black, S1 = i.gray, e7 = i.white;
r(r({}, H.Primary, r({}, n.Default, S1.base)), H.Secondary, r({}, n.Default, S1.dark1)), r(r({}, H.Primary, r({}, n.Default, J5)), H.Secondary, r({}, n.Default, S1.dark4)), r(r({}, H.Primary, r({}, n.Default, S1.base)), H.Secondary, r({}, n.Default, S1.light1)), r(r({}, H.Primary, r({}, n.Default, e7)), H.Secondary, r({}, n.Default, S1.light3));
var k1 = r(r({}, V.Light, { 1: "color-mix(in srgb, ".concat(i.black, " 15%, transparent)"), 2: "color-mix(in srgb, ".concat(i.black, " 20%, transparent)"), 3: "color-mix(in srgb, ".concat(i.black, " 60%, transparent)"), overflow: "color-mix(in srgb, ".concat(i.gray.dark1, " 30%, transparent)") }), V.Dark, { 1: "transparent", 2: "color-mix(in srgb, #000000 45%, transparent)", 3: "color-mix(in srgb, #000000 60%, transparent)", overflow: "color-mix(in srgb, #000000 30%, transparent)" });
r(r({}, V.Light, { 1: "0px 2px 4px 1px ".concat(k1[V.Light][1]), 2: "0px 18px 18px -15px ".concat(k1[V.Light][2]), 3: "0px 8px 20px -8px ".concat(k1[V.Light][3]), overflow: "0px 2px 4px 1px ".concat(k1[V.Light].overflow) }), V.Dark, { 1: "unset", 2: "0 18px 18px -15px ".concat(k1[V.Dark][2]), 3: "0 8px 20px -8px ".concat(k1[V.Dark][3]), overflow: "0px 2px 4px 1px ".concat(k1[V.Dark].overflow) });
r(r({}, V.Light, 2), V.Dark, 16);
var t5 = { XSmall: "xsmall", Small: "small", Default: "default", Large: "large" }, C1 = { 0: 0, 25: 1, 50: 2, 100: 4, 150: 6, 200: 8, 300: 12, 400: 16, 500: 20, 600: 24, 800: 32, 900: 36, 1e3: 40, 1200: 48, 1400: 56, 1600: 64, 1800: 72, 1: 4, 2: 8, 3: 16, 4: 24, 5: 32, 6: 64, 7: 88 };
function B1(a, c, s) {
return (c = function(d) {
var h = function(f, p) {
if (typeof f != "object" || !f)
return f;
var g = f[Symbol.toPrimitive];
if (g !== void 0) {
var b = g.call(f, p);
if (typeof b != "object")
return b;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(f);
}(d, "string");
return typeof h == "symbol" ? h : h + "";
}(c)) in a ? Object.defineProperty(a, c, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : a[c] = s, a;
}
function a1() {
return a1 = Object.assign ? Object.assign.bind() : function(a) {
for (var c = 1; c < arguments.length; c++) {
var s = arguments[c];
for (var d in s)
({}).hasOwnProperty.call(s, d) && (a[d] = s[d]);
}
return a;
}, a1.apply(null, arguments);
}
function c1(a, c) {
if (a == null)
return {};
var s, d, h = function(p, g) {
if (p == null)
return {};
var b = {};
for (var L in p)
if ({}.hasOwnProperty.call(p, L)) {
if (g.indexOf(L) !== -1)
continue;
b[L] = p[L];
}
return b;
}(a, c);
if (Object.getOwnPropertySymbols) {
var f = Object.getOwnPropertySymbols(a);
for (d = 0; d < f.length; d++)
s = f[d], c.indexOf(s) === -1 && {}.propertyIsEnumerable.call(a, s) && (h[s] = a[s]);
}
return h;
}
function s1(a, c) {
return c || (c = a.slice(0)), Object.freeze(Object.defineProperties(a, { raw: { value: Object.freeze(c) } }));
}
var j2, A2, G2, o1 = { White: "white", Black: "black", GreenDark2: "green-dark-2", GreenBase: "green-base" }, H1 = B1(B1(B1(B1({}, o1.White, i.white), o1.Black, i.black), o1.GreenDark2, i.green.dark2), o1.GreenBase, i.green.base), d1 = function(a) {
var c = a.role, s = a["aria-label"];
return c === "img" ? { role: "img", "aria-label": s } : { role: "presentation", alt: "", "aria-hidden": !0 };
}, l1 = function(a) {
var c, s = a.knockout, d = a.size, h = a.flat, f = a.gradient, p = a.darkMode;
return c = s ? p ? i.white : i.black : d <= 10 ? h : f, k(j2 || (j2 = s1([`
fill: `, `;
`])), c);
}, r7 = ["height", "className", "color", "role", "aria-label"], a5 = J.forwardRef(function(a, c) {
var s = a.height, d = s === void 0 ? 40 : s, h = a.className, f = a.color, p = f === void 0 ? o1.GreenDark2 : f, g = a.role, b = g === void 0 ? "img" : g, L = a["aria-label"], y = L === void 0 ? "MongoDB Logo" : L, x = c1(a, r7), u = H1[p];
return J.createElement("svg", a1({}, d1({ "aria-label": y, role: b }), { className: A(k(A2 || (A2 = s1([`
width: auto;
height: `, `px;
`])), d), h), height: d, fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 80 32", ref: c }, x), J.createElement("path", { d: "M10.2503 3.56662C8.90729 1.97316 7.75079 0.354795 7.51452 0.0186734C7.48964 -0.00622447 7.45233 -0.00622447 7.42746 0.0186734C7.19118 0.354795 6.03469 1.97316 4.69165 3.56662C-6.83603 18.2688 6.50725 28.1906 6.50725 28.1906L6.61915 28.2653C6.71864 29.7965 6.96735 32 6.96735 32H7.96219C7.96219 32 8.21091 29.809 8.31039 28.2653L8.4223 28.1782C8.43473 28.1906 21.778 18.2688 10.2503 3.56662ZM7.46477 27.9665C7.46477 27.9665 6.86787 27.4561 6.70621 27.1947V27.1698L7.42746 11.1605C7.42746 11.1107 7.50208 11.1107 7.50208 11.1605L8.22333 27.1698V27.1947C8.06167 27.4561 7.46477 27.9665 7.46477 27.9665Z", fill: u }), J.createElement("path", { d: "M38.5245 26.9447C38.1012 26.9447 37.8272 26.6957 37.7027 26.372L31.4272 10.9074L31.228 10.7082H30.6304L30.4311 10.9074L24.0809 26.2475C23.8568 26.7704 23.5082 26.9447 23.1097 26.9447H22.6117L22.4125 27.144V27.9409L22.6117 28.1401H27.1191L27.3183 27.9409V27.144L27.1191 26.9447H26.1728C25.7245 26.9447 25.5751 26.7206 25.5751 26.4467C25.5751 26.2724 25.6249 26.0981 25.6996 25.8988L26.621 23.6576H34.1416L35.0381 25.8988C35.1128 26.0981 35.1626 26.2724 35.1626 26.4467C35.1626 26.7206 34.9883 26.9447 34.5401 26.9447H33.7681L33.5689 27.144V27.9409L33.7681 28.1401H39.0973L39.2965 27.9409V27.144L39.0973 26.9447H38.5245ZM30.4311 14.4436L33.6685 22.4623H27.1191L30.4311 14.4436Z", fill: u }), J.createElement("path", { d: "M44.308 28.4887C46.4496 28.4887 47.4208 26.9198 47.5951 26.2226L47.5453 26.0233L47.1469 25.8241L46.9477 25.8988C46.2753 26.7455 45.6029 26.9946 44.8309 26.9946C43.8099 26.9946 43.1624 26.1977 43.1624 25.1767V17.0335H46.4745L46.6737 16.8342V16.0374L46.4745 15.8381H43.1624V13.049L42.9632 12.8498H42.2411L40.6722 15.8381H39.3523L39.1531 16.0374V16.8342L39.3523 17.0335H41.1702V25.3012C41.1702 27.144 42.1912 28.4887 44.308 28.4887Z", fill: u }), J.createElement("path", { d: "M53.6981 28.1401L53.8973 27.9409V27.144L53.6981 26.9447H53.2498C52.7518 26.9447 52.4031 26.5961 52.4031 26.0981V11.8288L52.5525 10.3844L52.4031 10.2101H51.8054L49.116 11.1813L48.9167 11.4304V11.9035L49.1658 12.1525H49.5393C50.0374 12.1525 50.4109 12.4016 50.4109 12.9992V26.0981C50.4109 26.5961 50.0623 26.9447 49.5642 26.9447H49.116L48.9167 27.144V27.9409L49.116 28.1401H53.6981Z", fill: u }), J.createElement("path", { d: "M68.6078 26.9447C68.1097 26.9447 67.7611 26.5961 67.7611 26.0981V16.0374L67.5619 15.8381H66.8397L65.8187 17.6809H65.6942C64.9471 16.6101 63.5774 15.4895 61.3113 15.4895C58.2482 15.4895 55.3595 17.9051 55.3595 21.9891C55.3595 26.5463 58.2483 28.4887 61.1868 28.4887C62.8054 28.4887 64.5237 27.9409 65.7689 25.8988V27.9409L65.9681 28.1401H69.056L69.2553 27.9409V27.144L69.056 26.9447H68.6078ZM61.5354 27.3183C58.7712 27.3183 57.4514 24.7533 57.4514 21.9891C57.4514 19.2 58.7712 16.6599 61.5354 16.6599C64.2249 16.6599 65.6195 19.2 65.6195 21.9891C65.6195 24.7533 64.2249 27.3183 61.5354 27.3183Z", fill: u }), J.createElement("path", { d: "M75.2823 28.4887C77.6979 28.4887 79.5407 26.9696 79.5407 24.6786C79.5407 22.7362 77.922 21.7899 76.2535 21.1175C73.8379 20.1463 73.1656 19.4739 73.1656 18.4031C73.1656 17.3323 74.0372 16.5354 75.2823 16.5354C76.7765 16.5354 77.6481 17.6311 77.7228 19.2996L77.9718 19.5486H78.5446L78.7936 19.2996L78.6691 16.5603L78.4948 16.3113C77.6481 15.863 76.6519 15.4895 75.3819 15.4895C72.8916 15.4895 71.2481 16.884 71.2481 19.0506C71.2481 20.6942 72.5928 21.6654 74.6099 22.4623C76.129 23.0599 77.5235 23.6825 77.5235 25.4257C77.5235 26.6957 76.627 27.4677 75.3072 27.4677C73.9874 27.4677 72.4185 26.621 72.5928 24.4545L72.3438 24.2054H71.8706L71.6216 24.4545L70.9741 27.0693L71.0986 27.3183C72.02 27.9409 73.5142 28.4887 75.2823 28.4887Z", fill: u }));
});
a5.displayName = "AtlasNavGraphic";
var W2, t7 = ["height", "className", "color", "role", "aria-label"], l5 = l.forwardRef(function(a, c) {
var s = a.height, d = s === void 0 ? 40 : s, h = a.className, f = a.color, p = f === void 0 ? o1.GreenDark2 : f, g = a.role, b = g === void 0 ? "img" : g, L = a["aria-label"], y = L === void 0 ? "MongoDB Logo" : L, x = c1(a, t7), u = H1[p];
return l.createElement("svg", a1({}, d1({ "aria-label": y, role: b }), { className: A(k(G2 || (G2 = s1([`
width: auto;
height: `, `px;
`])), d), h), height: d, viewBox: "0 0 127 32", fill: "none", ref: c }, x), l.createElement("path", { d: "M9.49109 3.29488C8.23754 1.82282 7.168 0.327763 6.94949 0.0172507C6.92649 -0.00575022 6.89199 -0.00575022 6.86899 0.0172507C6.65048 0.327763 5.58094 1.82282 4.33889 3.29488C-6.32203 16.8769 6.01795 26.0313 6.01795 26.0313L6.12146 26.1003C6.21346 27.5148 6.44347 29.5504 6.44347 29.5504H6.90349H7.36351C7.36351 29.5504 7.59351 27.5263 7.68552 26.1003L7.78902 26.0198C7.80052 26.0313 20.152 16.8769 9.49109 3.29488ZM6.91499 25.8358C6.91499 25.8358 6.36297 25.3642 6.21346 25.1227V25.0997L6.88049 10.3102C6.88049 10.2642 6.94949 10.2642 6.94949 10.3102L7.61652 25.0997V25.1227C7.46701 25.3642 6.91499 25.8358 6.91499 25.8358Z", fill: u }), l.createElement("path", { d: "M29.9619 22.8111L24.8442 10.3216L24.8327 10.2871H20.8421V11.1267H21.4861C21.6816 11.1267 21.8656 11.2072 22.0036 11.3452C22.1416 11.4832 22.2106 11.6672 22.2106 11.8627L22.0956 24.4327C22.0956 24.8237 21.7736 25.1457 21.3826 25.1572L20.7271 25.1687V25.9968H24.6142V25.1687L24.2117 25.1572C23.8207 25.1457 23.4987 24.8237 23.4987 24.4327V12.5872L29.0764 25.9852C29.1569 26.1808 29.3409 26.3073 29.5479 26.3073C29.7549 26.3073 29.9389 26.1808 30.0194 25.9852L35.4821 12.8747L35.5626 24.4212C35.5626 24.8237 35.2406 25.1457 34.8381 25.1572H34.4241V25.9852H38.9898V25.1572H38.3687C37.9777 25.1572 37.6557 24.8237 37.6442 24.4327L37.6097 11.8627C37.6097 11.4602 37.9317 11.1382 38.3227 11.1267L38.9898 11.1152V10.2756H35.1026L29.9619 22.8111Z", fill: u }), l.createElement("path", { d: "M65.7973 24.9617C65.6708 24.8352 65.6018 24.6627 65.6018 24.4557V18.2915C65.6018 17.1184 65.2568 16.1984 64.5668 15.5429C63.8882 14.8873 62.9452 14.5538 61.7722 14.5538C60.1276 14.5538 58.828 15.2209 57.9195 16.5319C57.908 16.5549 57.8735 16.5664 57.839 16.5664C57.8045 16.5664 57.7815 16.5434 57.7815 16.5089L57.356 14.8643H56.643L54.8144 15.9109V16.4859H55.2859C55.5044 16.4859 55.6884 16.5434 55.8149 16.6584C55.9414 16.7734 56.0104 16.9459 56.0104 17.1874V24.4442C56.0104 24.6512 55.9414 24.8237 55.8149 24.9502C55.6884 25.0767 55.5159 25.1457 55.3089 25.1457H54.8489V25.9853H59.0581V25.1457H58.598C58.391 25.1457 58.2185 25.0767 58.092 24.9502C57.9655 24.8237 57.8965 24.6512 57.8965 24.4442V19.66C57.8965 19.0505 58.0345 18.441 58.2875 17.843C58.552 17.2564 58.9431 16.7619 59.4606 16.3824C59.9781 16.0029 60.5991 15.8189 61.3121 15.8189C62.1172 15.8189 62.7267 16.0719 63.1062 16.5779C63.4857 17.0839 63.6812 17.7395 63.6812 18.5215V24.4557C63.6812 24.6627 63.6122 24.8352 63.4857 24.9617C63.3592 25.0882 63.1867 25.1572 62.9797 25.1572H62.5197V25.9968H66.7289V25.1572H66.2688C66.0963 25.1572 65.9238 25.0997 65.7973 24.9617Z", fill: u }), l.createElement("path", { d: "M104.404 11.2303C103.231 10.6092 101.92 10.2872 100.506 10.2872H94.9854V11.1268H95.5259C95.7329 11.1268 95.9169 11.2073 96.101 11.3913C96.2735 11.5638 96.3655 11.7593 96.3655 11.9663V24.3408C96.3655 24.5478 96.2735 24.7433 96.101 24.9158C95.9284 25.0883 95.7329 25.1803 95.5259 25.1803H94.9854V26.0198H100.506C101.92 26.0198 103.231 25.6978 104.404 25.0768C105.577 24.4558 106.532 23.5357 107.222 22.3627C107.912 21.1897 108.268 19.7751 108.268 18.165C108.268 16.555 107.912 15.1519 107.222 13.9674C106.532 12.7713 105.589 11.8513 104.404 11.2303ZM106.06 18.142C106.06 19.6141 105.796 20.8561 105.278 21.8567C104.761 22.8572 104.071 23.6048 103.22 24.0878C102.369 24.5708 101.426 24.8123 100.414 24.8123H99.2981C99.0911 24.8123 98.9071 24.7318 98.7231 24.5478C98.5506 24.3753 98.4585 24.1798 98.4585 23.9728V12.3113C98.4585 12.1043 98.5391 11.9203 98.7231 11.7363C98.8956 11.5638 99.0911 11.4718 99.2981 11.4718H100.414C101.426 11.4718 102.369 11.7133 103.22 12.1963C104.071 12.6793 104.761 13.4269 105.278 14.4274C105.796 15.4279 106.06 16.67 106.06 18.142Z", fill: u }), l.createElement("path", { d: "M121.275 18.97C120.769 18.3835 119.792 17.8889 118.642 17.6244C120.229 16.8309 121.045 15.7153 121.045 14.2778C121.045 13.4958 120.838 12.7942 120.424 12.1962C120.01 11.5982 119.424 11.1152 118.676 10.7817C117.929 10.4481 117.055 10.2756 116.066 10.2756H109.867V11.1152H110.362C110.569 11.1152 110.753 11.1957 110.937 11.3797C111.109 11.5522 111.201 11.7477 111.201 11.9547V24.3292C111.201 24.5362 111.109 24.7317 110.937 24.9042C110.764 25.0767 110.569 25.1687 110.362 25.1687H109.821V26.0082H116.549C117.572 26.0082 118.527 25.8357 119.389 25.4907C120.252 25.1457 120.942 24.6397 121.436 23.9727C121.943 23.3056 122.196 22.4891 122.196 21.5461C122.196 20.534 121.885 19.683 121.275 18.97ZM113.57 24.5477C113.398 24.3752 113.306 24.1797 113.306 23.9727V18.418H116.503C117.63 18.418 118.492 18.7055 119.09 19.2805C119.688 19.8555 119.987 20.603 119.987 21.5231C119.987 22.0751 119.849 22.6156 119.596 23.1101C119.332 23.6162 118.941 24.0187 118.412 24.3292C117.894 24.6397 117.25 24.8007 116.503 24.8007H114.145C113.927 24.8122 113.743 24.7317 113.57 24.5477ZM113.306 17.2334V12.2997C113.306 12.0927 113.386 11.9087 113.57 11.7247C113.743 11.5522 113.938 11.4602 114.145 11.4602H115.663C116.756 11.4602 117.561 11.7362 118.067 12.2652C118.573 12.8057 118.826 13.4958 118.826 14.3468C118.826 15.2208 118.584 15.9224 118.113 16.4514C117.641 16.9689 116.928 17.2334 115.985 17.2334H113.306Z", fill: u }), l.createElement("path", { d: "M49.7542 15.3013C48.8686 14.8183 47.8796 14.5653 46.81 14.5653C45.7405 14.5653 44.74 14.8068 43.8659 15.3013C42.9804 15.7844 42.2789 16.4859 41.7613 17.3714C41.2438 18.257 40.9793 19.292 40.9793 20.442C40.9793 21.5921 41.2438 22.6271 41.7613 23.5127C42.2789 24.3982 42.9804 25.0997 43.8659 25.5827C44.7515 26.0658 45.7405 26.3188 46.81 26.3188C47.8796 26.3188 48.8801 26.0773 49.7542 25.5827C50.6397 25.0997 51.3412 24.3982 51.8587 23.5127C52.3763 22.6271 52.6408 21.5921 52.6408 20.442C52.6408 19.292 52.3763 18.257 51.8587 17.3714C51.3412 16.4744 50.6282 15.7844 49.7542 15.3013ZM50.6052 20.442C50.6052 21.8566 50.2602 23.0066 49.5701 23.8347C48.8916 24.6627 47.9601 25.0882 46.81 25.0882C45.66 25.0882 44.7285 24.6627 44.0499 23.8347C43.3599 23.0066 43.0149 21.8566 43.0149 20.442C43.0149 19.0275 43.3599 17.8774 44.0499 17.0494C44.7285 16.2214 45.66 15.7959 46.81 15.7959C47.9601 15.7959 48.8916 16.2214 49.5701 17.0494C50.2602 17.8774 50.6052 19.016 50.6052 20.442Z", fill: u }), l.createElement("path", { d: "M90.3392 15.3013C89.4537 14.8183 88.4647 14.5653 87.3951 14.5653C86.3256 14.5653 85.325 14.8068 84.451 15.3013C83.5655 15.7844 82.8639 16.4859 82.3464 17.3714C81.8289 18.257 81.5644 19.292 81.5644 20.442C81.5644 21.5921 81.8289 22.6271 82.3464 23.5127C82.8639 24.3982 83.5655 25.0997 84.451 25.5827C85.3365 26.0658 86.3256 26.3188 87.3951 26.3188C88.4647 26.3188 89.4652 26.0773 90.3392 25.5827C91.2248 25.0997 91.9263 24.3982 92.4438 23.5127C92.9613 22.6271 93.2258 21.5921 93.2258 20.442C93.2258 19.292 92.9613 18.257 92.4438 17.3714C91.9263 16.4744 91.2248 15.7844 90.3392 15.3013ZM91.1903 20.442C91.1903 21.8566 90.8453 23.0066 90.1552 23.8347C89.4767 24.6627 88.5452 25.0882 87.3951 25.0882C86.2451 25.0882 85.3135 24.6627 84.635 23.8347C83.945 23.0066 83.6 21.8566 83.6 20.442C83.6 19.016 83.945 17.8774 84.635 17.0494C85.3135 16.2214 86.2451 15.7959 87.3951 15.7959C88.5452 15.7959 89.4767 16.2214 90.1552 17.0494C90.8453 17.8774 91.1903 19.016 91.1903 20.442Z", fill: u }), l.createElement("path", { d: "M73.9626 14.5653C73.0426 14.5653 72.203 14.7608 71.444 15.1518C70.685 15.5428 70.087 16.0719 69.6614 16.7504C69.2359 17.4174 69.0174 18.1649 69.0174 18.9585C69.0174 19.6715 69.1784 20.327 69.5119 20.9136C69.834 21.4771 70.271 21.9486 70.823 22.3396L69.1784 24.5707C68.9714 24.8467 68.9484 25.2147 69.0979 25.5137C69.2589 25.8242 69.5579 26.0083 69.903 26.0083H70.3745C69.9145 26.3188 69.5464 26.6868 69.2934 27.1238C68.9944 27.6183 68.8449 28.1358 68.8449 28.6649C68.8449 29.6539 69.2819 30.4704 70.1445 31.08C70.9955 31.6895 72.1915 32 73.6981 32C74.7446 32 75.7452 31.8275 76.6537 31.494C77.5738 31.1605 78.3213 30.6659 78.8733 30.0219C79.4368 29.3779 79.7243 28.5959 79.7243 27.6988C79.7243 26.7558 79.3793 26.0888 78.5743 25.4447C77.8843 24.9042 76.8032 24.6167 75.4577 24.6167H70.8575C70.846 24.6167 70.8345 24.6052 70.8345 24.6052C70.8345 24.6052 70.823 24.5822 70.8345 24.5707L72.0305 22.9606C72.3525 23.1101 72.6516 23.2021 72.9161 23.2596C73.1921 23.3172 73.5026 23.3402 73.8476 23.3402C74.8136 23.3402 75.6877 23.1446 76.4467 22.7536C77.2057 22.3626 77.8153 21.8336 78.2523 21.1551C78.6893 20.488 78.9078 19.7405 78.9078 18.947C78.9078 18.0959 78.4938 16.5434 77.3667 15.7499C77.3667 15.7384 77.3782 15.7384 77.3782 15.7384L79.8508 16.0144V14.8758H75.8947C75.2737 14.6688 74.6181 14.5653 73.9626 14.5653ZM75.3427 21.7646C74.9056 21.9946 74.4341 22.1211 73.9626 22.1211C73.1921 22.1211 72.5136 21.8451 71.9385 21.3046C71.3635 20.7641 71.076 19.9705 71.076 18.9585C71.076 17.9464 71.3635 17.1529 71.9385 16.6124C72.5136 16.0719 73.1921 15.7959 73.9626 15.7959C74.4456 15.7959 74.9056 15.9109 75.3427 16.1524C75.7797 16.3824 76.1362 16.7389 76.4237 17.2104C76.6997 17.6819 76.8492 18.2685 76.8492 18.9585C76.8492 19.66 76.7112 20.2465 76.4237 20.7065C76.1362 21.1781 75.7797 21.5231 75.3427 21.7646ZM72.2145 25.9968H75.3312C76.1937 25.9968 76.7457 26.1693 77.1137 26.5373C77.4817 26.9053 77.6658 27.3998 77.6658 27.9748C77.6658 28.8144 77.3322 29.5044 76.6652 30.0219C75.9982 30.5394 75.1012 30.8039 73.9971 30.8039C73.0311 30.8039 72.226 30.5854 71.6395 30.1714C71.053 29.7574 70.754 29.1249 70.754 28.3198C70.754 27.8138 70.892 27.3423 71.168 26.9283C71.4555 26.5143 71.789 26.2153 72.2145 25.9968Z", fill: u }), l.createElement("path", { d: "M124.542 25.8588C124.312 25.7323 124.139 25.5483 124.001 25.3298C123.875 25.0998 123.806 24.8582 123.806 24.5937C123.806 24.3292 123.875 24.0762 124.001 23.8577C124.128 23.6277 124.312 23.4552 124.542 23.3287C124.772 23.2022 125.025 23.1332 125.312 23.1332C125.6 23.1332 125.853 23.2022 126.083 23.3287C126.313 23.4552 126.485 23.6392 126.623 23.8577C126.75 24.0877 126.819 24.3292 126.819 24.5937C126.819 24.8582 126.75 25.1113 126.623 25.3298C126.497 25.5598 126.313 25.7323 126.083 25.8588C125.853 25.9853 125.6 26.0543 125.312 26.0543C125.025 26.0543 124.772 25.9853 124.542 25.8588ZM125.956 25.6863C126.152 25.5828 126.29 25.4218 126.405 25.2378C126.508 25.0423 126.566 24.8237 126.566 24.5822C126.566 24.3407 126.508 24.1222 126.405 23.9267C126.301 23.7312 126.152 23.5817 125.956 23.4782C125.761 23.3747 125.554 23.3172 125.312 23.3172C125.071 23.3172 124.864 23.3747 124.668 23.4782C124.473 23.5817 124.335 23.7427 124.22 23.9267C124.116 24.1222 124.059 24.3407 124.059 24.5822C124.059 24.8237 124.116 25.0423 124.22 25.2378C124.323 25.4333 124.473 25.5828 124.668 25.6863C124.864 25.7898 125.071 25.8473 125.312 25.8473C125.554 25.8473 125.761 25.8013 125.956 25.6863ZM124.691 25.2838V25.1803L124.714 25.1688H124.783C124.806 25.1688 124.829 25.1573 124.841 25.1458C124.864 25.1228 124.864 25.1113 124.864 25.0883V24.0187C124.864 23.9957 124.852 23.9727 124.841 23.9612C124.818 23.9382 124.806 23.9382 124.783 23.9382H124.714L124.691 23.9267V23.8232L124.714 23.8117H125.312C125.485 23.8117 125.611 23.8462 125.715 23.9267C125.818 24.0072 125.864 24.1107 125.864 24.2487C125.864 24.3522 125.83 24.4557 125.749 24.5247C125.669 24.6052 125.577 24.6512 125.462 24.6627L125.6 24.7087L125.864 25.1343C125.887 25.1688 125.91 25.1803 125.945 25.1803H126.014L126.025 25.1918V25.2953L126.014 25.3068H125.657L125.634 25.2953L125.266 24.6742H125.174V25.0883C125.174 25.1113 125.186 25.1343 125.197 25.1458C125.22 25.1688 125.232 25.1688 125.255 25.1688H125.324L125.347 25.1803V25.2838L125.324 25.2953H124.714L124.691 25.2838ZM125.266 24.5362C125.358 24.5362 125.439 24.5132 125.485 24.4557C125.531 24.4097 125.565 24.3292 125.565 24.2372C125.565 24.1452 125.542 24.0762 125.496 24.0187C125.45 23.9612 125.381 23.9382 125.301 23.9382H125.255C125.232 23.9382 125.209 23.9497 125.197 23.9612C125.174 23.9842 125.174 23.9957 125.174 24.0187V24.5362H125.266Z", fill: u }));
});
l5.displayName = "MongoDBLogo";
var R2, a7 = ["height", "className", "color", "role", "aria-label"], p2 = l.forwardRef(function(a, c) {
var s = a.height, d = s === void 0 ? 40 : s, h = a.className, f = a.color, p = f === void 0 ? o1.GreenDark2 : f, g = a.role, b = g === void 0 ? "img" : g, L = a["aria-label"], y = L === void 0 ? "MongoDB Logo" : L, x = c1(a, a7), u = H1[p];
return l.createElement("svg", a1({}, d1({ "aria-label": y, role: b }), { className: A(k(W2 || (W2 = s1([`
width: auto;
height: `, `px;
`])), d), h), height: d, viewBox: "0 0 15 32", fill: "none", ref: c }, x), l.createElement("path", { d: "M10.2779 3.56801C8.93285 1.97392 7.76219 0.354933 7.52557 0.0186807C7.50066 -0.00622689 7.4633 -0.00622689 7.43839 0.0186807C7.20177 0.354933 6.04357 1.97392 4.69856 3.56801C-6.8461 18.2759 6.51681 28.1891 6.51681 28.1891L6.6289 28.2639C6.72853 29.7957 6.9776 32 6.9776 32H7.47576H7.97391C7.97391 32 8.22298 29.8081 8.32261 28.2639L8.4347 28.1767C8.44715 28.1891 21.8225 18.2759 10.2779 3.56801ZM7.48821 27.9774C7.48821 27.9774 6.89043 27.4668 6.72853 27.2053V27.1804L7.45085 11.1648C7.45085 11.115 7.52557 11.115 7.52557 11.1648L8.24789 27.1804V27.2053C8.08599 27.4668 7.48821 27.9774 7.48821 27.9774Z", fill: u }));
});
p2.displayName = "MongoDBLogoMark";
var T2, l7 = ["height", "className", "color", "role", "aria-label"], o5 = l.forwardRef(function(a, c) {
var s = a.height, d = s === void 0 ? 40 : s, h = a.className, f = a.color, p = f === void 0 ? o1.GreenDark2 : f, g = a.role, b = g === void 0 ? "img" : g, L = a["aria-label"], y = L === void 0 ? "MongoDB Logo" : L, x = c1(a, l7), u = H1[p];
return l.createElement("svg", a1({}, d1({ "aria-label": y, role: b }), { className: A(k(R2 || (R2 = s1([`
width: auto;
height: `, `px;
`])), d), h), height: d, viewBox: "0 0 196 48", fill: "none", ref: c }, x), l.createElement("path", { d: "M9.5873 4.2473C8.33114 2.7569 7.24945 1.24322 7.02846 0.928843C7.00519 0.905555 6.97029 0.905555 6.94703 0.928843C6.72604 1.24322 5.64435 2.7569 4.38818 4.2473C-6.39386 17.9985 6.08634 27.2786 6.08634 27.2786L6.19101 27.3484C6.28406 28.7806 6.51669 30.8415 6.51669 30.8415H6.98193H7.44717C7.44717 30.8415 7.6798 28.7922 7.77285 27.3484L7.87752 27.2669C7.88915 27.2785 20.3693 17.9985 9.5873 4.2473ZM6.98193 27.069C6.98193 27.069 6.42364 26.5916 6.27243 26.3471V26.3238L6.94703 11.35C6.94703 11.3034 7.01683 11.3034 7.01683 11.35L7.69142 26.3238V26.3471C7.54022 26.5916 6.98193 27.069 6.98193 27.069Z", fill: u }), l.createElement("path", { d: "M30.3379 24.0132L25.1373 11.3112L25.1256 11.2761H21.0794V12.1299H21.7324C21.9306 12.1299 22.1172 12.2118 22.2571 12.3522C22.397 12.4925 22.467 12.6797 22.467 12.8785L22.3504 25.6623C22.3504 26.06 22.0239 26.3875 21.6274 26.3992L20.9628 26.4109V27.253H24.9041V26.4109L24.4959 26.3992C24.0995 26.3875 23.773 2