mongodb-chatbot-ui
Version:
UI React components for the MongoDB Assistant
534 lines (517 loc) • 34 kB
JavaScript
import * as R from "react";
import w, { isValidElement as _r, useState as Ur, useEffect as Gr, useMemo as Xr } from "react";
import { w as b, F as s, b as ke, m as c, n as C, a1 as W, X as Br, P as xe, a2 as Yr, d as I, a3 as _, Y as De, j as qr, a4 as Jr } from "./index2.js";
import { t as Fe, a as oe, i as He, e as Z, r as Se, n as ie } from "./glyphCommon-cTThlth0.js";
function e(a, i, o) {
return (i = function(n) {
var l = function(d, h) {
if (typeof d != "object" || !d)
return d;
var f = d[Symbol.toPrimitive];
if (f !== void 0) {
var g = f.call(d, h);
if (typeof g != "object")
return g;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(d);
}(n, "string");
return typeof l == "symbol" ? l : l + "";
}(i)) in a ? Object.defineProperty(a, i, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : a[i] = o, a;
}
var we, Ne, t = { 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" }, r = { Default: "default", Hover: "hover", Focus: "focus" }, de = s.black, k = s.blue, m = s.gray, S = s.green, $ = s.red, Kr = s.white, ee = s.yellow, Qr = { background: e(e(e(e(e(e(e(e({}, t.Primary, e(e(e({}, r.Default, de), r.Hover, m.dark2), r.Focus, k.dark3)), t.Secondary, e(e(e({}, r.Default, m.dark4), r.Hover, m.dark2), r.Focus, k.dark3)), t.InversePrimary, e(e(e({}, r.Default, m.light2), r.Hover, m.light3), r.Focus, k.light2)), t.Info, e(e(e({}, r.Default, k.dark3), r.Hover, k.dark3), r.Focus, k.dark3)), t.Warning, e(e(e({}, r.Default, ee.dark3), r.Hover, ee.dark3), r.Focus, ee.dark3)), t.Success, e(e(e({}, r.Default, S.dark3), r.Hover, S.dark3), r.Focus, S.dark3)), t.Error, e(e(e({}, r.Default, $.dark3), r.Hover, $.dark3), r.Focus, $.dark3)), t.Disabled, e(e(e({}, r.Default, m.dark3), r.Hover, m.dark3), r.Focus, m.dark3)), border: e(e(e(e(e(e(e(e({}, t.Primary, e(e(e({}, r.Default, m.base), r.Hover, m.base), r.Focus, k.light1)), t.Secondary, e(e(e({}, r.Default, m.dark2), r.Hover, m.dark2), r.Focus, k.light1)), t.Tertiary, e(e(e({}, r.Default, m.dark1), r.Hover, m.dark1), r.Focus, k.light1)), t.Success, e(e(e({}, r.Default, S.dark1), r.Hover, S.dark1), r.Focus, k.light1)), t.Error, e(e(e({}, r.Default, $.light1), r.Hover, $.light1), r.Focus, k.light1)), t.OnSuccess, e(e(e({}, r.Default, S.dark2), r.Hover, S.dark2), r.Focus, k.light1)), t.OnError, e(e(e({}, r.Default, $.dark2), r.Hover, $.dark2), r.Focus, k.light1)), t.Disabled, e(e(e({}, r.Default, m.dark2), r.Hover, m.dark2), r.Focus, m.dark2)), icon: e(e(e(e(e(e(e(e({}, t.Primary, e(e(e({}, r.Default, m.light1), r.Hover, m.light3), r.Focus, k.light3)), t.Secondary, e(e(e({}, r.Default, m.base), r.Hover, m.light3), r.Focus, k.light3)), t.InversePrimary, e(e(e({}, r.Default, Kr), r.Hover, de), r.Focus, k.dark2)), t.Info, e(e(e({}, r.Default, k.light1), r.Hover, k.light1), r.Focus, k.light1)), t.Warning, e(e(e({}, r.Default, ee.base), r.Hover, ee.base), r.Focus, ee.base)), t.Success, e(e(e({}, r.Default, S.base), r.Hover, S.base), r.Focus, S.base)), t.Error, e(e(e({}, r.Default, $.light1), r.Hover, $.light1), r.Focus, $.light1)), t.Disabled, e(e(e({}, r.Default, m.dark1), r.Hover, m.dark1), r.Focus, m.dark1)), text: (e(e(e(e(e(e(e(e(e(e(we = {}, t.Primary, e(e(e({}, r.Default, m.light2), r.Hover, m.light2), r.Focus, k.light3)), t.Placeholder, e(e(e({}, r.Default, m.dark1), r.Hover, m.dark1), r.Focus, m.dark1)), t.Secondary, e(e(e({}, r.Default, m.light1), r.Hover, m.light2), r.Focus, k.light3)), t.InversePrimary, e(e(e({}, r.Default, de), r.Hover, de), r.Focus, k.dark2)), t.InverseSecondary, e(e(e({}, r.Default, m.dark2), r.Hover, de), r.Focus, k.dark2)), t.Disabled, e(e(e({}, r.Default, m.dark1), r.Hover, m.dark1), r.Focus, m.dark1)), t.Success, e(e(e({}, r.Default, S.light2), r.Hover, S.light2), r.Focus, S.light2)), t.Error, e(e(e({}, r.Default, $.light1), r.Hover, $.light1), r.Focus, $.light1)), t.OnSuccess, e(e(e({}, r.Default, S.light1), r.Hover, S.light1), r.Focus, S.light1)), t.OnSuccessLink, e(e(e({}, r.Default, S.light3), r.Hover, S.light3), r.Focus, S.light3)), e(e(we, t.OnError, e(e(e({}, r.Default, $.light2), r.Hover, $.light2), r.Focus, $.light2)), t.Link, e(e(e({}, r.Default, k.light1), r.Hover, k.light1), r.Focus, k.light1))) }, re = s.black, x = s.blue, y = s.gray, H = s.green, E = s.red, ae = s.white, te = s.yellow, ea = { background: e(e(e(e(e(e(e(e({}, t.Primary, e(e(e({}, r.Default, ae), r.Hover, y.light2), r.Focus, x.light3)), t.Secondary, e(e(e({}, r.Default, y.light3), r.Hover, y.light2), r.Focus, x.light3)), t.InversePrimary, e(e(e({}, r.Default, re), r.Hover, y.dark3), r.Focus, x.dark2)), t.Info, e(e(e({}, r.Default, x.light3), r.Hover, x.light3), r.Focus, x.light3)), t.Warning, e(e(e({}, r.Default, te.light3), r.Hover, te.light3), r.Focus, te.light3)), t.Success, e(e(e({}, r.Default, H.light3), r.Hover, H.light3), r.Focus, H.light3)), t.Error, e(e(e({}, r.Default, E.light3), r.Hover, E.light3), r.Focus, E.light3)), t.Disabled, e(e(e({}, r.Default, y.light2), r.Hover, y.light2), r.Focus, y.light2)), border: e(e(e(e(e(e(e(e({}, t.Primary, e(e(e({}, r.Default, y.base), r.Hover, y.base), r.Focus, x.light1)), t.Secondary, e(e(e({}, r.Default, y.light2), r.Hover, y.light2), r.Focus, x.light1)), t.Tertiary, e(e(e({}, r.Default, y.light1), r.Hover, y.light1), r.Focus, x.light1)), t.Success, e(e(e({}, r.Default, H.dark1), r.Hover, H.dark1), r.Focus, x.light1)), t.Error, e(e(e({}, r.Default, E.base), r.Hover, E.base), r.Focus, x.light1)), t.Disabled, e(e(e({}, r.Default, y.light1), r.Hover, y.light1), r.Focus, y.light1)), t.OnSuccess, e(e(e({}, r.Default, H.light2), r.Hover, H.light2), r.Focus, H.light2)), t.OnError, e(e(e({}, r.Default, E.light2), r.Hover, E.light2), r.Focus, E.light2)), icon: e(e(e(e(e(e(e(e({}, t.Primary, e(e(e({}, r.Default, y.dark1), r.Hover, re), r.Focus, x.dark1)), t.Secondary, e(e(e({}, r.Default, y.base), r.Hover, re), r.Focus, x.dark1)), t.InversePrimary, e(e(e({}, r.Default, ae), r.Hover, ae), r.Focus, x.light2)), t.Info, e(e(e({}, r.Default, x.base), r.Hover, x.base), r.Focus, x.base)), t.Warning, e(e(e({}, r.Default, te.dark2), r.Hover, te.dark2), r.Focus, te.dark2)), t.Success, e(e(e({}, r.Default, H.dark1), r.Hover, H.dark1), r.Focus, H.dark1)), t.Error, e(e(e({}, r.Default, E.base), r.Hover, E.base), r.Focus, E.base)), t.Disabled, e(e(e({}, r.Default, y.base), r.Hover, y.base), r.Focus, y.base)), text: (e(e(e(e(e(e(e(e(e(e(Ne = {}, t.Primary, e(e(e({}, r.Default, re), r.Hover, re), r.Focus, x.dark1)), t.Secondary, e(e(e({}, r.Default, y.dark1), r.Hover, re), r.Focus, x.dark1)), t.InversePrimary, e(e(e({}, r.Default, ae), r.Hover, ae), r.Focus, x.light2)), t.InverseSecondary, e(e(e({}, r.Default, y.light1), r.Hover, ae), r.Focus, x.light2)), t.Disabled, e(e(e({}, r.Default, y.base), r.Hover, y.base), r.Focus, y.base)), t.Success, e(e(e({}, r.Default, H.dark2), r.Hover, H.dark2), r.Focus, H.dark2)), t.Error, e(e(e({}, r.Default, E.base), r.Hover, E.base), r.Focus, E.base)), t.Placeholder, e(e(e({}, r.Default, y.base), r.Hover, y.base), r.Focus, y.base)), t.OnSuccess, e(e(e({}, r.Default, H.dark2), r.Hover, H.dark2), r.Focus, H.dark2)), t.OnSuccessLink, e(e(e({}, r.Default, H.dark3), r.Hover, H.dark3), r.Focus, H.dark3)), e(e(Ne, t.OnError, e(e(e({}, r.Default, E.dark2), r.Hover, E.dark2), r.Focus, E.dark2)), t.Link, e(e(e({}, r.Default, x.base), r.Hover, x.base), r.Focus, x.base))) }, P = e(e({}, b.Dark, Qr), b.Light, ea), ue = { Dark: "dark", Light: "light" }, Ce = e(e({}, ue.Light, { default: "0 0 0 2px ".concat(s.white, ", 0 0 0 4px ").concat(s.blue.light1), input: "0 0 0 3px ".concat(s.blue.light1) }), ue.Dark, { default: "0 0 0 2px ".concat(s.black, ", 0 0 0 4px ").concat(s.blue.light1), input: "0 0 0 3px ".concat(s.blue.light1) }), U = { default: "'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif", serif: "'MongoDB Value Serif', 'Times New Roman', serif", code: "'Source Code Pro', Menlo, monospace" }, ra = { Regular: "regular", Medium: "medium", SemiBold: "semiBold", Bold: "bold" }, j = { regular: 400, medium: 500, semiBold: 600, bold: 700 };
e(e({}, ue.Light, { gray: "0 0 0 3px ".concat(s.gray.light2), green: "0 0 0 3px ".concat(s.green.light2), red: "0 0 0 3px ".concat(s.red.light2) }), ue.Dark, { gray: "0 0 0 3px ".concat(s.gray.dark2), green: "0 0 0 3px ".concat(s.green.dark3), red: "0 0 0 3px ".concat(s.yellow.dark3) });
var aa = s.black, ne = s.gray, ta = s.white;
e(e({}, t.Primary, e({}, r.Default, ne.base)), t.Secondary, e({}, r.Default, ne.dark1)), e(e({}, t.Primary, e({}, r.Default, aa)), t.Secondary, e({}, r.Default, ne.dark4)), e(e({}, t.Primary, e({}, r.Default, ne.base)), t.Secondary, e({}, r.Default, ne.light1)), e(e({}, t.Primary, e({}, r.Default, ta)), t.Secondary, e({}, r.Default, ne.light3));
var Y = e(e({}, b.Light, { 1: "color-mix(in srgb, ".concat(s.black, " 15%, transparent)"), 2: "color-mix(in srgb, ".concat(s.black, " 20%, transparent)"), 3: "color-mix(in srgb, ".concat(s.black, " 60%, transparent)"), overflow: "color-mix(in srgb, ".concat(s.gray.dark1, " 30%, transparent)") }), b.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({}, b.Light, { 1: "0px 2px 4px 1px ".concat(Y[b.Light][1]), 2: "0px 18px 18px -15px ".concat(Y[b.Light][2]), 3: "0px 8px 20px -8px ".concat(Y[b.Light][3]), overflow: "0px 2px 4px 1px ".concat(Y[b.Light].overflow) }), b.Dark, { 1: "unset", 2: "0 18px 18px -15px ".concat(Y[b.Dark][2]), 3: "0 8px 20px -8px ".concat(Y[b.Dark][3]), overflow: "0px 2px 4px 1px ".concat(Y[b.Dark].overflow) });
e(e({}, b.Light, 2), b.Dark, 16);
var na = { 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 }, oa = { faster: 100, default: 150, slower: 300, slowest: 500 }, B = { Body1: 13, Body2: 16 }, L = { body1: { fontSize: B.Body1, lineHeight: 20 }, body2: { fontSize: B.Body2, lineHeight: 28 }, code1: { fontSize: 13, lineHeight: 20 }, code2: { fontSize: 15, lineHeight: 24 }, disclaimer: { fontSize: 12, lineHeight: 20 }, large: { fontSize: 18, lineHeight: 24 } }, Ee, Le, ia = ["className", "size", "title", "aria-label", "aria-labelledby", "fill", "role"], be = function(a) {
var i = a.className, o = a.size, n = o === void 0 ? 16 : o, l = a.title, d = a["aria-label"], h = a["aria-labelledby"], f = a.fill, g = a.role, p = g === void 0 ? "img" : g, D = Fe(a, ia), F = ke({ prefix: "icon-title" }), N = c(Ee || (Ee = oe([`
color: `, `;
`])), f), z = c(Le || (Le = oe([`
flex-shrink: 0;
`]))), V = He(p, "ArrowLeft", Z(Z({ title: l, titleId: F }, "aria-label", d), "aria-labelledby", h));
return R.createElement("svg", Se({ className: C(Z({}, N, f != null), z, i), height: typeof n == "number" ? n : ie[n], width: typeof n == "number" ? n : ie[n], role: p }, V, D, { viewBox: "0 0 16 16" }), l && R.createElement("title", { id: F }, l), R.createElement("path", { d: "M13 6.83212L6.05559 6.83212L7.59059 5.29711C7.98112 4.90659 7.98112 4.27342 7.59059 3.8829L7.35168 3.64398C6.96115 3.25346 6.32799 3.25345 5.93746 3.64398L2.55483 7.02661C2.5456 7.03518 2.5365 7.04395 2.52752 7.05292L2.2886 7.29184C1.89808 7.68237 1.89808 8.31553 2.2886 8.70605L5.93975 12.3572C6.33028 12.7477 6.96344 12.7477 7.35397 12.3572L7.59288 12.1183C7.98341 11.7278 7.98341 11.0946 7.59288 10.7041L6.0588 9.17L13 9.17C13.5523 9.17 14 8.72228 14 8.17V7.83212C14 7.27983 13.5523 6.83212 13 6.83212Z", fill: "currentColor" }));
};
be.displayName = "ArrowLeft", be.isGlyph = !0;
var ze, $e, la = ["className", "size", "title", "aria-label", "aria-labelledby", "fill", "role"], pe = function(a) {
var i = a.className, o = a.size, n = o === void 0 ? 16 : o, l = a.title, d = a["aria-label"], h = a["aria-labelledby"], f = a.fill, g = a.role, p = g === void 0 ? "img" : g, D = Fe(a, la), F = ke({ prefix: "icon-title" }), N = c(ze || (ze = oe([`
color: `, `;
`])), f), z = c($e || ($e = oe([`
flex-shrink: 0;
`]))), V = He(p, "ArrowRight", Z(Z({ title: l, titleId: F }, "aria-label", d), "aria-labelledby", h));
return R.createElement("svg", Se({ className: C(Z({}, N, f != null), z, i), height: typeof n == "number" ? n : ie[n], width: typeof n == "number" ? n : ie[n], role: p }, V, D, { viewBox: "0 0 16 16" }), l && R.createElement("title", { id: F }, l), R.createElement("path", { d: "M3 6.83212L9.94442 6.83212L8.40941 5.29711C8.01888 4.90659 8.01889 4.27342 8.40941 3.8829L8.64833 3.64398C9.03885 3.25346 9.67201 3.25345 10.0625 3.64398L13.4452 7.02661C13.4544 7.03518 13.4635 7.04395 13.4725 7.05292L13.7114 7.29184C14.1019 7.68237 14.1019 8.31553 13.7114 8.70605L10.0602 12.3572C9.66972 12.7477 9.03656 12.7477 8.64603 12.3572L8.40712 12.1183C8.01659 11.7278 8.01659 11.0946 8.40712 10.7041L9.9412 9.17L3 9.17C2.44771 9.17 2 8.72228 2 8.17L2 7.83212C2 7.27983 2.44772 6.83212 3 6.83212Z", fill: "currentColor" }));
};
pe.displayName = "ArrowRight", pe.isGlyph = !0;
var Be, Pe, sa = ["className", "size", "title", "aria-label", "aria-labelledby", "fill", "role"], ve = function(a) {
var i = a.className, o = a.size, n = o === void 0 ? 16 : o, l = a.title, d = a["aria-label"], h = a["aria-labelledby"], f = a.fill, g = a.role, p = g === void 0 ? "img" : g, D = Fe(a, sa), F = ke({ prefix: "icon-title" }), N = c(Be || (Be = oe([`
color: `, `;
`])), f), z = c(Pe || (Pe = oe([`
flex-shrink: 0;
`]))), V = He(p, "OpenNewTab", Z(Z({ title: l, titleId: F }, "aria-label", d), "aria-labelledby", h));
return R.createElement("svg", Se({ className: C(Z({}, N, f != null), z, i), height: typeof n == "number" ? n : ie[n], width: typeof n == "number" ? n : ie[n], role: p }, V, D, { viewBox: "0 0 16 16" }), l && R.createElement("title", { id: F }, l), R.createElement("path", { d: "M13.823 2.4491C13.8201 2.30008 13.6999 2.17994 13.5509 2.17704L9.5062 2.09836C9.25654 2.09351 9.12821 2.39519 9.30482 2.5718L10.3856 3.65257L7.93433 6.10383C7.87964 6.15852 7.83047 6.21665 7.78683 6.27752L5.99909 8.06525C5.46457 8.59977 5.46457 9.4664 5.99909 10.0009C6.53361 10.5354 7.40023 10.5354 7.93475 10.0009L9.72249 8.21317C9.78336 8.16953 9.84148 8.12037 9.89618 8.06567L12.3474 5.61441L13.4282 6.69518C13.6048 6.87179 13.9065 6.74347 13.9016 6.4938L13.823 2.4491Z", fill: "currentColor" }), R.createElement("path", { d: "M7.25 3.12893C7.66421 3.12893 8 3.46472 8 3.87893C8 4.29315 7.66421 4.62893 7.25 4.62893H4C3.72386 4.62893 3.5 4.85279 3.5 5.12893V11.9929C3.5 12.2691 3.72386 12.4929 4 12.4929H10.864C11.1401 12.4929 11.364 12.2691 11.364 11.9929V8.75C11.364 8.33579 11.6998 8 12.114 8C12.5282 8 12.864 8.33579 12.864 8.75V11.9929C12.864 13.0975 11.9686 13.9929 10.864 13.9929H4C2.89543 13.9929 2 13.0975 2 11.9929V5.12893C2 4.02436 2.89543 3.12893 4 3.12893H7.25Z", fill: "currentColor" }));
};
ve.displayName = "OpenNewTab", ve.isGlyph = !0;
function Me(a, i) {
i > a.length && (i = a.length);
for (var o = 0, n = Array(i); o < i; o++)
n[o] = a[o];
return n;
}
function v(a, i, o) {
return (i = function(n) {
var l = function(d, h) {
if (typeof d != "object" || !d)
return d;
var f = d[Symbol.toPrimitive];
if (f !== void 0) {
var g = f.call(d, h);
if (typeof g != "object")
return g;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(d);
}(n, "string");
return typeof l == "symbol" ? l : l + "";
}(i)) in a ? Object.defineProperty(a, i, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : a[i] = o, a;
}
function M() {
return M = Object.assign ? Object.assign.bind() : function(a) {
for (var i = 1; i < arguments.length; i++) {
var o = arguments[i];
for (var n in o)
({}).hasOwnProperty.call(o, n) && (a[n] = o[n]);
}
return a;
}, M.apply(null, arguments);
}
function A(a, i) {
if (a == null)
return {};
var o, n, l = function(h, f) {
if (h == null)
return {};
var g = {};
for (var p in h)
if ({}.hasOwnProperty.call(h, p)) {
if (f.indexOf(p) !== -1)
continue;
g[p] = h[p];
}
return g;
}(a, i);
if (Object.getOwnPropertySymbols) {
var d = Object.getOwnPropertySymbols(a);
for (n = 0; n < d.length; n++)
o = d[n], i.indexOf(o) === -1 && {}.propertyIsEnumerable.call(a, o) && (l[o] = a[o]);
}
return l;
}
function ca(a, i) {
return function(o) {
if (Array.isArray(o))
return o;
}(a) || function(o, n) {
var l = o == null ? null : typeof Symbol < "u" && o[Symbol.iterator] || o["@@iterator"];
if (l != null) {
var d, h, f, g, p = [], D = !0, F = !1;
try {
if (f = (l = l.call(o)).next, n !== 0)
for (; !(D = (d = f.call(l)).done) && (p.push(d.value), p.length !== n); D = !0)
;
} catch (N) {
F = !0, h = N;
} finally {
try {
if (!D && l.return != null && (g = l.return(), Object(g) !== g))
return;
} finally {
if (F)
throw h;
}
}
return p;
}
}(a, i) || function(o, n) {
if (o) {
if (typeof o == "string")
return Me(o, n);
var l = {}.toString.call(o).slice(8, -1);
return l === "Object" && o.constructor && (l = o.constructor.name), l === "Map" || l === "Set" ? Array.from(o) : l === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l) ? Me(o, n) : void 0;
}
}(a, i) || function() {
throw new TypeError(`Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
}();
}
function u(a, i) {
return i || (i = a.slice(0)), Object.freeze(Object.defineProperties(a, { raw: { value: Object.freeze(i) } }));
}
function ye(a) {
return ye = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
return typeof i;
} : function(i) {
return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
}, ye(a);
}
var Oe, Ie, Ae, je, Te, Ve, Re, Ze, q = c(Oe || (Oe = u([`
margin: unset;
font-family: `, `;
color: `, `;
`])), U.default, P.light.text.primary.default), Pr = v(v({}, B.Body1, c(Ie || (Ie = u([`
font-size: `, `px;
line-height: `, `px;
`])), L.body1.fontSize, L.body1.lineHeight)), B.Body2, c(Ae || (Ae = u([`
font-size: `, `px;
line-height: `, `px;
`])), L.body2.fontSize, L.body2.lineHeight)), da = v(v({}, B.Body1, c(je || (je = u([`
font-size: `, `px;
line-height: `, `px;
`])), L.code1.fontSize, L.code1.lineHeight)), B.Body2, c(Te || (Te = u([`
font-size: `, `px;
line-height: `, `px;
`])), L.code2.fontSize, L.code2.lineHeight)), ge = v(v({}, b.Light, c(Ve || (Ve = u([`
color: `, `;
`])), P.light.text.primary.default)), b.Dark, c(Re || (Re = u([`
color: `, `;
`])), P.dark.text.primary.default)), J = function(a) {
var i = Yr();
return a ? a === 16 ? B.Body2 : B.Body1 : i === 16 ? B.Body2 : B.Body1;
}, ua = ["baseFontSize", "darkMode", "className", "weight", "as"], Mr = W(function(a) {
var i = a.baseFontSize, o = a.darkMode, n = a.className, l = a.weight, d = l === void 0 ? ra.Regular : l, h = a.as, f = h === void 0 ? "p" : h, g = A(a, ua), p = I(o).theme, D = J(i), F = _(f).Component, N = c(Ze || (Ze = u([`
font-weight: `, `;
strong,
b {
font-weight: `, `;
}
`])), j[d], j.semiBold);
return w.createElement(F, M({ className: C(q, Pr[D], ge[p], N, n) }, g));
});
Mr.displayName = "Body";
var We, _e, Ue, Ge, it = Mr, fa = "lg-typography", fe = function() {
var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : fa;
return { root: a, label: "".concat(a, "-label"), description: "".concat(a, "-description") };
}, ha = function(a) {
return c(We || (We = u([`
color: `, `;
font-family: `, `;
font-weight: `, `;
margin-top: 0;
margin-bottom: 0;
`])), P[a].text.secondary.default, U.default, j.regular);
}, ga = function(a) {
return c(_e || (_e = u([`
color: `, `;
`])), P[a].text.disabled.default);
}, ma = v(v({}, B.Body1, c(Ue || (Ue = u([`
font-size: `, `px;
line-height: `, `px;
`])), L.body1.fontSize, L.body1.lineHeight)), B.Body2, c(Ge || (Ge = u([`
font-size: `, `px;
line-height: 20px; // Hardcoding because it does not match body2 lineHeight
`])), L.body2.fontSize)), ba = ["as", "baseFontSize", "children", "className", "darkMode", "data-lgid", "disabled"], Or = W(function(a) {
var i = a.as, o = a.baseFontSize, n = a.children, l = a.className, d = a.darkMode, h = a["data-lgid"], f = a.disabled, g = f !== void 0 && f, p = A(a, ba), D = I(d).theme, F = J(o), N = ["string", "number"].includes(ye(n)) ? "p" : "div", z = _(i ?? N).Component;
return w.createElement(z, M({ "data-lgid": fe(h).description, "data-testid": fe(h).description, className: C(ha(D), ma[F], v({}, ga(D), g), l) }, p), n);
});
Or.displayName = "Description";
var Xe, Ye, qe, Je, lt = Or, pa = v(v({}, b.Light, c(Xe || (Xe = u([`
color: `, `;
`])), P.light.text.secondary.default)), b.Dark, c(Ye || (Ye = u([`
color: `, `;
`])), P.dark.text.secondary.default)), va = c(qe || (qe = u([`
display: block;
font-size: 11px;
line-height: 16px;
letter-spacing: 0.2px;
`]))), ya = ["darkMode", "children", "className"];
function ka(a) {
var i = a.darkMode, o = a.children, n = a.className, l = A(a, ya), d = I(i).theme;
return w.createElement("small", M({}, l, { className: C(q, va, pa[d], n) }), o);
}
ka.displayName = "Disclaimer";
var Ke, Qe, er, xa = function(a) {
var i = a.theme, o = a.baseFontSize, n = o === B.Body1 ? L.body1.fontSize : L.body2.fontSize, l = o === B.Body1 ? L.body1.lineHeight : 20;
return c(Je || (Je = u([`
font-family: `, `;
font-weight: `, `;
font-size: inherit;
line-height: inherit;
/* Unsets browser defaults */
margin-block-start: 0;
margin-block-end: 0;
/* Variable Styles */
color: `, `;
font-size: `, `px;
line-height: `, `px;
`])), U.default, j.regular, P[i].text.error.default, n, l);
}, Da = ["as", "darkMode", "children", "className"], st = W(function(a) {
var i = a.as, o = i === void 0 ? "p" : i, n = a.darkMode, l = a.children, d = a.className, h = A(a, Da), f = I(n).theme, g = J(), p = _(o).Component;
return w.createElement(p, M({}, h, { className: C(xa({ theme: f, baseFontSize: g }), d) }), l);
}), Fa = c(Ke || (Ke = u([`
font-weight: `, `;
font-size: 48px;
line-height: 64px;
font-family: `, `;
`])), j.regular, U.serif), Ha = v(v({}, b.Light, c(Qe || (Qe = u([`
color: `, `;
`])), s.green.dark2)), b.Dark, c(er || (er = u([`
color: `, `;
`])), s.gray.light2)), Sa = ["darkMode", "className", "as"], wa = W(function(a) {
var i = a.darkMode, o = a.className, n = a.as, l = n === void 0 ? "h1" : n, d = A(a, Sa), h = I(i).theme, f = _(l).Component;
return w.createElement(f, M({ className: C(q, Fa, Ha[h], o) }, d));
});
wa.displayName = "H1";
var rr, ar, tr, Na = c(rr || (rr = u([`
font-size: 32px;
line-height: 40px;
font-weight: `, `;
font-family: `, `;
`])), j.regular, U.serif), Ca = v(v({}, b.Light, c(ar || (ar = u([`
color: `, `;
`])), s.green.dark2)), b.Dark, c(tr || (tr = u([`
color: `, `;
`])), s.gray.light2)), Ea = ["darkMode", "className", "as"], La = W(function(a) {
var i = a.darkMode, o = a.className, n = a.as, l = n === void 0 ? "h2" : n, d = A(a, Ea), h = I(i).theme, f = _(l).Component;
return w.createElement(f, M({ className: C(q, Na, Ca[h], o) }, d));
});
La.displayName = "H2";
var nr, za = c(nr || (nr = u([`
font-size: 24px;
line-height: 32px;
font-weight: `, `;
`])), j.medium), $a = ["darkMode", "className", "as"], Ir = W(function(a) {
var i = a.darkMode, o = a.className, n = a.as, l = n === void 0 ? "h3" : n, d = A(a, $a), h = I(i).theme, f = _(l).Component;
return w.createElement(f, M({ className: C(q, za, ge[h], o) }, d));
});
Ir.displayName = "H3";
var or, ir, lr, sr, cr, dr, ur, fr, hr, gr, ct = Ir, le = Br(), Ba = c(or || (or = u([`
display: inline;
transition: all 0.15s ease-in-out;
border-radius: 3px;
font-family: `, `;
line-height: 20px;
.`, `:hover > & {
text-decoration: none;
}
`])), U.code, le), Pa = v(v({}, b.Light, c(ir || (ir = u([`
background-color: `, `;
border: 1px solid `, `;
color: `, `;
.`, `:hover > & {
box-shadow: 0 0 0 3px `, `;
border: 1px solid `, `;
}
`])), P.light.background.secondary.default, P.light.border.secondary.default, s.gray.dark3, le, s.gray.light2, s.gray.light1)), b.Dark, c(lr || (lr = u([`
background-color: `, `;
border: 1px solid `, `;
color: `, `;
.`, `:hover > & {
box-shadow: 0 0 0 3px `, `;
border: 1px solid `, `;
}
`])), P.dark.background.secondary.default, s.gray.dark2, s.gray.light1, le, s.gray.dark2, s.gray.dark1)), Ma = v(v({}, b.Light, c(sr || (sr = u([`
.`, `:focus-visible > & {
box-shadow: `, `;
border: 1px solid `, `;
}
`])), le, Ce[b.Light].default, s.blue.base)), b.Dark, c(cr || (cr = u([`
.`, `:focus-visible > & {
box-shadow: `, `;
border: 1px solid `, `;
}
`])), le, Ce[b.Dark].default, s.blue.base)), Oa = v(v({}, b.Light, c(dr || (dr = u([`
color: `, `;
`])), s.blue.base)), b.Dark, c(ur || (ur = u([`
color: `, `;
`])), s.blue.light1)), Ia = c(fr || (fr = u([`
text-decoration: none;
margin: 0;
padding: 0;
line-height: 20px;
&:focus {
outline: none;
}
`]))), Aa = c(hr || (hr = u([`
white-space: nowrap;
`]))), ja = c(gr || (gr = u([`
white-space: normal;
`]))), Ta = ["children", "className", "darkMode", "baseFontSize", "as"], Ar = xe(function(a, i) {
var o = a.children, n = a.className, l = a.darkMode, d = a.baseFontSize, h = a.as, f = A(a, Ta), g = I(l).theme, p = J(d), D = De(h, f, "code").Component, F = function(T) {
var se, ce, G, K, Q, O;
return typeof T == "string" ? (se = (ce = T.match(/(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g)) === null || ce === void 0 ? void 0 : ce.length) !== null && se !== void 0 ? se : 0 : Array.isArray(T) && T.every(function(me) {
return typeof me == "string";
}) ? (G = (K = T.join("").match(/(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g)) === null || K === void 0 ? void 0 : K.length) !== null && G !== void 0 ? G : 0 : _r(T) && (Q = (O = qr(T).match(/(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g)) === null || O === void 0 ? void 0 : O.length) !== null && Q !== void 0 ? Q : 0;
}(o), N = F <= 30 ? Aa : ja, z = D !== "code", V = w.createElement("code", { ref: i, className: C(da[p], Ba, Pa[g], Ma[g], N, v({}, Oa[g], z), n) }, o);
return z ? w.createElement(D, M({ className: C(le, Ia, n) }, f), V) : w.cloneElement(V, f);
});
Ar.displayName = "InlineCode";
var mr, br, pr, vr, yr, kr, xr, dt = Ar;
c(mr || (mr = u([`
font-family: `, `;
border: 1px solid;
border-radius: 3px;
padding-left: 5px;
padding-right: 5px;
`])), U.code);
v(v({}, b.Light, c(br || (br = u([`
color: `, `;
border-color: `, `;
background-color: `, `;
`])), P.light.text.primary.default, s.gray.dark3, s.white)), b.Dark, c(pr || (pr = u([`
color: `, `;
border-color: `, `;
background-color: `, `;
`])), P.dark.text.primary.default, s.gray.base, s.gray.dark3));
var Va = function(a) {
return c(vr || (vr = u([`
color: `, `;
font-family: `, `;
font-weight: `, `;
`])), P[a].text.primary.default, U.default, j.semiBold);
}, Ra = function(a) {
return c(yr || (yr = u([`
color: `, `;
`])), P[a].text.disabled.default);
}, Za = v(v({}, B.Body1, c(kr || (kr = u([`
font-size: `, `px;
line-height: `, `px;
`])), L.body1.fontSize, L.body1.lineHeight)), B.Body2, c(xr || (xr = u([`
font-size: `, `px;
line-height: 20px; // Hardcoding because it does not match body2 lineHeight
`])), L.body2.fontSize)), Wa = ["baseFontSize", "darkMode", "className", "children", "disabled", "as", "data-lgid"], jr = W(function(a) {
var i = a.baseFontSize, o = a.darkMode, n = a.className, l = a.children, d = a.disabled, h = d !== void 0 && d, f = a.as, g = f === void 0 ? "label" : f, p = a["data-lgid"], D = A(a, Wa), F = I(o).theme, N = J(i), z = _(g).Component;
return w.createElement(z, M({ "data-lgid": fe(p).label, "data-testid": fe(p).label, className: C(Va(F), Za[N], v({}, Ra(F), h), n) }, D), l);
});
jr.displayName = "Label";
var Dr, Fr, Hr, Sr, wr, Nr, Cr, Er, ut = jr, he = Br(), Tr = c(Dr || (Dr = u([`
font-family: `, `;
display: inline;
align-items: center;
text-decoration: none;
text-decoration-color: transparent;
cursor: pointer;
font-size: inherit;
line-height: inherit;
appearance: none;
background: none;
border: none;
padding: 0;
&:hover,
&[data-hover='true'],
&:focus-visible,
&[data-focus='true'] {
text-decoration: underline;
transition: text-decoration `, `ms ease-in-out;
text-underline-offset: 4px;
text-decoration-thickness: 2px;
}
&:focus {
outline: none;
}
`])), U.default, oa.default), Vr = v(v({}, b.Light, c(Fr || (Fr = u([`
color: `, `;
font-weight: `, `;
&:hover,
&[data-hover='true'] {
text-decoration-color: `, `;
}
&:focus-visible,
&[data-focus='true'] {
text-decoration-color: `, `;
}
`])), s.blue.base, j.regular, s.gray.light2, s.blue.base)), b.Dark, c(Hr || (Hr = u([`
color: `, `;
font-weight: `, `;
&:hover,
&[data-hover='true'] {
text-decoration-color: `, `;
}
&:focus-visible,
&[data-focus='true'] {
text-decoration-color: `, `;
}
`])), s.blue.light1, j.semiBold, s.gray.dark2, s.blue.base)), Rr = function(a) {
if (a)
return Pr[a];
}, _a = c(Sr || (Sr = u([`
gap: `, `px;
display: inline-flex;
`])), na[100]), Ua = ["children", "className", "baseFontSize", "darkMode", "as"];
xe(function(a, i) {
var o = a.children, n = a.className, l = a.baseFontSize, d = a.darkMode, h = a.as, f = A(a, Ua), g = I(d).theme, p = J(l), D = De(h, f, "span").Component;
return w.createElement(D, M({ className: C(he, Tr, Rr(p), Vr[g], _a, n), ref: i }, f), w.createElement(be, { role: "presentation" }), o);
});
var Ga = c(wr || (wr = u([`
transform: translate3d(3px, 0, 0);
top: `, `px;
position: relative;
`])), 1), Xa = c(Nr || (Nr = u([`
opacity: 0;
transform: translate3d(-3px, 0, 0);
transition: 100ms ease-in;
transition-property: opacity, transform;
top: `, `px;
position: relative;
.`, ":hover &, .", `[data-hover='true'] & {
opacity: 1;
transform: translate3d(3px, 0, 0);
}
`])), 1, he, he), Ya = c(Cr || (Cr = u([`
position: relative;
top: `, `px;
left: `, `px;
`])), 1, 2), qa = "hover", Ja = "persist", Lr = "none", Ka = ["children", "className", "arrowAppearance", "hideExternalIcon", "baseFontSize", "darkMode", "as"], ft = xe(function(a, i) {
var o = a.children, n = a.className, l = a.arrowAppearance, d = l === void 0 ? Lr : l, h = a.hideExternalIcon, f = h !== void 0 && h, g = a.baseFontSize, p = a.darkMode, D = a.as, F = A(a, Ka), N = ca(Ur(""), 2), z = N[0], V = N[1];
Gr(function() {
V(window.location.hostname);
}, []);
var T, se = I(p).theme, ce = J(g), G = De(D, F, "span"), K = G.Component, Q = G.as, O = G.rest, me = Xr(function() {
if (Jr(Q, O))
return /^http(s)?:\/\//.test(O.href) ? new URL(O.href).hostname : z;
}, [Q, O, z]), X = { target: void 0, rel: void 0 };
return O.target || O.rel ? (X.target = O.target, X.rel = O.rel) : K === "a" && (me === z ? X.target = "_self" : (X.target = "_blank", X.rel = "noopener noreferrer")), X.target !== "_blank" || f ? d !== Lr && (T = w.createElement(pe, { role: "presentation", size: 12, className: C(v(v({}, Xa, d === qa), Ga, d === Ja)) })) : T = w.createElement(ve, { role: "presentation", size: 12, className: Ya }), w.createElement(K, M({ className: C(he, Tr, Rr(ce), Vr[se], n), ref: i }, X, O), w.createElement("span", null, o), T);
}), Qa = c(Er || (Er = u([`
font-size: 12px;
font-weight: `, `;
text-transform: uppercase;
line-height: 20px;
letter-spacing: 0.4px;
`])), j.semiBold), et = ["darkMode", "className", "as"], Zr = W(function(a) {
var i = a.darkMode, o = a.className, n = a.as, l = n === void 0 ? "div" : n, d = A(a, et), h = I(i).theme, f = _(l).Component;
return w.createElement(f, M({ className: C(q, Qa, ge[h], o) }, d));
});
Zr.displayName = "Overline";
var zr, ht = Zr, rt = c(zr || (zr = u([`
font-size: 18px;
line-height: 24px;
font-weight: `, `;
`])), j.semiBold), at = ["darkMode", "className", "as"], Wr = W(function(a) {
var i = a.darkMode, o = a.className, n = a.as, l = n === void 0 ? "h6" : n, d = A(a, at), h = I(i).theme, f = _(l).Component;
return w.createElement(f, M({ className: C(q, rt, ge[h], o) }, d));
});
Wr.displayName = "Subtitle";
var $r, gt = Wr;
c($r || ($r = u([`
flex: 1;
min-width: 0;
max-width: 100%;
white-space: inherit;
overflow: inherit;
text-overflow: inherit;
`])));
export {
ut as A,
st as D,
he as I,
J as Q,
ft as X,
ct as Z,
dt as b,
lt as p,
Pr as q,
it as r,
gt as s,
ht as t,
ka as v
};