mongodb-chatbot-ui
Version:
UI React components for the MongoDB Chatbot Framework
1,205 lines (1,160 loc) • 95.6 kB
JavaScript
import { j as kn } from "./jsx-runtime.js";
import { s as Di, c as Gn, a as Oi } from "./Transition.js";
import { e as Si, f as Fi, g as xn, h as Pi, k as U, l as ji, o as Rn, m as me, F as xe, v as un, i as Xa, Q as fe, p as Ei, d as Ln, $ as Un, n as wn, U as Ci } from "./index2.js";
import b, { useState as Ie, useEffect as Me, useRef as dn, createContext as Ae, useContext as tn, useMemo as Mn, forwardRef as qa, useCallback as Wa, isValidElement as Ni, lazy as zi } from "react";
import { o as Li, E as Mi, y as Hi } from "./index7.js";
import { f as Bi } from "./index17.js";
import { l as Ii } from "./X.js";
import { b as Ai, l as Ti } from "./index9.js";
import { Q as Gi, _ as Ri } from "./index10.js";
import { S as Ui, E as Xi, B as qi } from "./OpenNewTab.js";
import { w as Hn, D as Bn, f as Wi } from "./index14.js";
import { u as _i } from "./index5.js";
import { useChatbotContext as Ki } from "./useChatbotContext.js";
import "react-dom";
import "./index3.js";
import "./index15.js";
import "./ChatbotProvider.js";
var $e = Si({ key: "leafygreen-ui", nonce: "4.1.1", prepend: !0 });
$e.flush;
$e.hydrate;
var z = $e.cx;
$e.merge;
$e.getRegisteredStyles;
$e.injectGlobal;
$e.keyframes;
var l = $e.css;
$e.sheet;
var Vi = $e.cache;
Fi(Vi);
function $n(e, r) {
r = e.length;
for (var n = 0, o = Array(r); n < r; n++)
o[n] = e[n];
return o;
}
function Zi(e) {
return function(r) {
if (Array.isArray(r))
return $n(r);
}(e) || function(r) {
if (typeof Symbol < "u" && r[Symbol.iterator] != null || r["@@iterator"] != null)
return Array.from(r);
}(e) || function(r, n) {
if (r) {
if (typeof r == "string")
return $n(r, n);
var o = {}.toString.call(r).slice(8, -1);
return o === "Object" && r.constructor && (o = r.constructor.name), o === "Map" || o === "Set" ? Array.from(r) : o === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o) ? $n(r, n) : void 0;
}
}(e) || function() {
throw new TypeError(`Invalid attempt to spread non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
}();
}
function fn(e) {
return fn = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
return typeof r;
} : function(r) {
return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
}, fn(e);
}
var Je = /* @__PURE__ */ new Map(), In = function() {
var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", r = function(o) {
var i, s, d = ((i = (s = Je.get(o)) === null || s === void 0 ? void 0 : s.length) !== null && i !== void 0 ? i : 0).toString().padStart(4, "0");
return "lg-ui".concat(o ? "-".concat(o) : "", "-").concat(d);
}(e);
if (Je.has(e)) {
var n = Je.get(e);
Je.set(e, [r].concat(Zi(n)));
} else
Je.set(e, [r]);
return r;
}, y = { Light: "light", Dark: "dark" };
function cn(e) {
return typeof (r = e) == "string" || typeof r == "number" ? e.toString().trim() : Array.isArray(e) ? e.map(cn).join(" ").trim() : Xn(e) ? function(n) {
return Xn(n) && typeof n.type == "function";
}(e) ? cn((0, e.type)(e.props)) : cn(e.props.children) : "";
var r;
}
function Xn(e) {
return e && fn(e) === "object" && e.props;
}
var An = function(e) {
return e ? y.Dark : y.Light;
}, Qi = { error: xn(console.error), warn: xn(console.warn), log: xn(console.log) };
function Ji(e, r) {
var n;
return e != null && fn(e) === "object" && "type" in e && (e.type.displayName === r || Pi(e.type) && "render" in e.type && ((n = e.type.render) === null || n === void 0 ? void 0 : n.displayName) === r);
}
var a = { white: "#FFFFFF", black: "#001E2B", transparent: "#FFFFFF00", gray: { dark4: "#112733", dark3: "#1C2D38", dark2: "#3D4F58", dark1: "#5C6C75", base: "#889397", light1: "#C1C7C6", light2: "#E8EDEB", light3: "#F9FBFA" }, green: { dark3: "#023430", dark2: "#00684A", dark1: "#00A35C", base: "#00ED64", light1: "#71F6BA", light2: "#C0FAE6", light3: "#E3FCF7" }, purple: { dark3: "#2D0B59", dark2: "#5E0C9E", base: "#B45AF2", light2: "#F1D4FD", light3: "#F9EBFF" }, blue: { dark3: "#0C2657", dark2: "#083C90", dark1: "#1254B7", base: "#016BF8", light1: "#0498EC", light2: "#C3E7FE", light3: "#E1F7FF" }, yellow: { dark3: "#4C2100", dark2: "#944F01", base: "#FFC010", light2: "#FFEC9E", light3: "#FEF7DB" }, red: { dark3: "#5B0000", dark2: "#970606", base: "#DB3030", light1: "#FF6960", light2: "#FFCDC7", light3: "#FFEAE5" } }, Yi = { Mobile: 320, Tablet: 768, Desktop: 1024, XLDesktop: 1440 };
function t(e, r, n) {
return (r = function(o) {
var i = function(s, d) {
if (typeof s != "object" || !s)
return s;
var u = s[Symbol.toPrimitive];
if (u !== void 0) {
var f = u.call(s, d);
if (typeof f != "object")
return f;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(s);
}(o, "string");
return typeof i == "symbol" ? i : i + "";
}(r)) in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
}
var v = { Disabled: "disabled", Placeholder: "placeholder", Primary: "primary", Secondary: "secondary", InversePrimary: "inversePrimary", InverseSecondary: "inverseSecondary", Info: "info", Warning: "warning", Error: "error", Success: "success", Link: "link" }, c = { Default: "default", Hover: "hover", Focus: "focus" }, Ye = a.black, I = a.blue, F = a.gray, ze = a.green, pe = a.red, el = a.white, Xe = a.yellow, nl = { background: t(t(t(t(t(t(t(t({}, v.Primary, t(t(t({}, c.Default, Ye), c.Hover, F.dark2), c.Focus, I.dark3)), v.Secondary, t(t(t({}, c.Default, F.dark4), c.Hover, F.dark2), c.Focus, I.dark3)), v.InversePrimary, t(t(t({}, c.Default, F.light2), c.Hover, F.light3), c.Focus, I.light2)), v.Info, t(t(t({}, c.Default, I.dark3), c.Hover, I.dark3), c.Focus, I.dark3)), v.Warning, t(t(t({}, c.Default, Xe.dark3), c.Hover, Xe.dark3), c.Focus, Xe.dark3)), v.Success, t(t(t({}, c.Default, ze.dark3), c.Hover, ze.dark3), c.Focus, ze.dark3)), v.Error, t(t(t({}, c.Default, pe.dark3), c.Hover, pe.dark3), c.Focus, pe.dark3)), v.Disabled, t(t(t({}, c.Default, F.dark3), c.Hover, F.dark3), c.Focus, F.dark3)), border: t(t(t(t(t({}, v.Primary, t(t(t({}, c.Default, F.base), c.Hover, F.base), c.Focus, I.light1)), v.Secondary, t(t(t({}, c.Default, F.dark2), c.Hover, F.dark2), c.Focus, I.light1)), v.Success, t(t(t({}, c.Default, ze.dark1), c.Hover, ze.dark1), c.Focus, I.light1)), v.Error, t(t(t({}, c.Default, pe.light1), c.Hover, pe.light1), c.Focus, I.light1)), v.Disabled, t(t(t({}, c.Default, F.dark2), c.Hover, F.dark2), c.Focus, F.dark2)), icon: t(t(t(t(t(t(t(t({}, v.Primary, t(t(t({}, c.Default, F.light1), c.Hover, F.light3), c.Focus, I.light3)), v.Secondary, t(t(t({}, c.Default, F.base), c.Hover, F.light3), c.Focus, I.light3)), v.InversePrimary, t(t(t({}, c.Default, el), c.Hover, Ye), c.Focus, I.dark2)), v.Info, t(t(t({}, c.Default, I.light1), c.Hover, I.light1), c.Focus, I.light1)), v.Warning, t(t(t({}, c.Default, Xe.base), c.Hover, Xe.base), c.Focus, Xe.base)), v.Success, t(t(t({}, c.Default, ze.base), c.Hover, ze.base), c.Focus, ze.base)), v.Error, t(t(t({}, c.Default, pe.light1), c.Hover, pe.light1), c.Focus, pe.light1)), v.Disabled, t(t(t({}, c.Default, F.dark1), c.Hover, F.dark1), c.Focus, F.dark1)), text: t(t(t(t(t(t(t(t({}, v.Primary, t(t(t({}, c.Default, F.light2), c.Hover, F.light2), c.Focus, I.light3)), v.Placeholder, t(t(t({}, c.Default, F.dark1), c.Hover, F.dark1), c.Focus, F.dark1)), v.Secondary, t(t(t({}, c.Default, F.light1), c.Hover, F.light2), c.Focus, I.light3)), v.InversePrimary, t(t(t({}, c.Default, Ye), c.Hover, Ye), c.Focus, I.dark2)), v.InverseSecondary, t(t(t({}, c.Default, F.dark2), c.Hover, Ye), c.Focus, I.dark2)), v.Error, t(t(t({}, c.Default, pe.light1), c.Hover, pe.light1), c.Focus, pe.light1)), v.Disabled, t(t(t({}, c.Default, F.dark1), c.Hover, F.dark1), c.Focus, F.dark1)), v.Link, t(t(t({}, c.Default, I.light1), c.Hover, I.light1), c.Focus, I.light1)) }, qe = a.black, A = a.blue, E = a.gray, Le = a.green, be = a.red, We = a.white, _e = a.yellow, rl = { background: t(t(t(t(t(t(t(t({}, v.Primary, t(t(t({}, c.Default, We), c.Hover, E.light2), c.Focus, A.light3)), v.Secondary, t(t(t({}, c.Default, E.light3), c.Hover, E.light2), c.Focus, A.light3)), v.InversePrimary, t(t(t({}, c.Default, qe), c.Hover, E.dark3), c.Focus, A.dark2)), v.Info, t(t(t({}, c.Default, A.light3), c.Hover, A.light3), c.Focus, A.light3)), v.Warning, t(t(t({}, c.Default, _e.light3), c.Hover, _e.light3), c.Focus, _e.light3)), v.Success, t(t(t({}, c.Default, Le.light3), c.Hover, Le.light3), c.Focus, Le.light3)), v.Error, t(t(t({}, c.Default, be.light3), c.Hover, be.light3), c.Focus, be.light3)), v.Disabled, t(t(t({}, c.Default, E.light2), c.Hover, E.light2), c.Focus, E.light2)), border: t(t(t(t(t({}, v.Primary, t(t(t({}, c.Default, E.base), c.Hover, E.base), c.Focus, A.light1)), v.Secondary, t(t(t({}, c.Default, E.light2), c.Hover, E.light2), c.Focus, A.light1)), v.Success, t(t(t({}, c.Default, Le.dark1), c.Hover, Le.dark1), c.Focus, A.light1)), v.Error, t(t(t({}, c.Default, be.base), c.Hover, be.base), c.Focus, A.light1)), v.Disabled, t(t(t({}, c.Default, E.light1), c.Hover, E.light1), c.Focus, E.light1)), icon: t(t(t(t(t(t(t(t({}, v.Primary, t(t(t({}, c.Default, E.dark1), c.Hover, qe), c.Focus, A.dark1)), v.Secondary, t(t(t({}, c.Default, E.base), c.Hover, qe), c.Focus, A.dark1)), v.InversePrimary, t(t(t({}, c.Default, We), c.Hover, We), c.Focus, A.light2)), v.Info, t(t(t({}, c.Default, A.base), c.Hover, A.base), c.Focus, A.base)), v.Warning, t(t(t({}, c.Default, _e.dark2), c.Hover, _e.dark2), c.Focus, _e.dark2)), v.Success, t(t(t({}, c.Default, Le.dark1), c.Hover, Le.dark1), c.Focus, Le.dark1)), v.Error, t(t(t({}, c.Default, be.base), c.Hover, be.base), c.Focus, be.base)), v.Disabled, t(t(t({}, c.Default, E.base), c.Hover, E.base), c.Focus, E.base)), text: t(t(t(t(t(t(t(t({}, v.Primary, t(t(t({}, c.Default, qe), c.Hover, qe), c.Focus, A.dark1)), v.Secondary, t(t(t({}, c.Default, E.dark1), c.Hover, qe), c.Focus, A.dark1)), v.InversePrimary, t(t(t({}, c.Default, We), c.Hover, We), c.Focus, A.light2)), v.InverseSecondary, t(t(t({}, c.Default, E.light1), c.Hover, We), c.Focus, A.light2)), v.Error, t(t(t({}, c.Default, be.base), c.Hover, be.base), c.Focus, be.base)), v.Disabled, t(t(t({}, c.Default, E.base), c.Hover, E.base), c.Focus, E.base)), v.Placeholder, t(t(t({}, c.Default, E.base), c.Hover, E.base), c.Focus, E.base)), v.Link, t(t(t({}, c.Default, A.base), c.Hover, A.base), c.Focus, A.base)) }, Y = t(t({}, y.Dark, nl), y.Light, rl), gn = { Dark: "dark", Light: "light" }, pn = t(t({}, gn.Light, { default: "0 0 0 2px ".concat(a.white, ", 0 0 0 4px ").concat(a.blue.light1), input: "0 0 0 3px ".concat(a.blue.light1) }), gn.Dark, { default: "0 0 0 2px ".concat(a.black, ", 0 0 0 4px ").concat(a.blue.light1), input: "0 0 0 3px ".concat(a.blue.light1) }), ve = { default: "'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif", serif: "'MongoDB Value Serif', 'Times New Roman', serif", code: "'Source Code Pro', Menlo, monospace" }, ee = { regular: 400, medium: 500, bold: 700 };
t(t({}, gn.Light, { gray: "0 0 0 3px ".concat(a.gray.light2), green: "0 0 0 3px ".concat(a.green.light2), red: "0 0 0 3px ".concat(a.red.light2) }), gn.Dark, { gray: "0 0 0 3px ".concat(a.gray.dark2), green: "0 0 0 3px ".concat(a.green.dark3), red: "0 0 0 3px ".concat(a.yellow.dark3) });
var tl = a.black, Ke = a.gray, ol = a.white;
t(t({}, v.Primary, t({}, c.Default, Ke.base)), v.Secondary, t({}, c.Default, Ke.dark1)), t(t({}, v.Primary, t({}, c.Default, tl)), v.Secondary, t({}, c.Default, Ke.dark4)), t(t({}, v.Primary, t({}, c.Default, Ke.base)), v.Secondary, t({}, c.Default, Ke.light1)), t(t({}, v.Primary, t({}, c.Default, ol)), v.Secondary, t({}, c.Default, Ke.light3));
t(t({}, y.Light, a.gray.dark1), y.Dark, a.black);
t(t({}, y.Light, 8), y.Dark, 16);
var al = U(0.75, a.black);
t(t({}, y.Light, { 100: "0px 2px 4px 1px ".concat(al) }), y.Dark, { 100: "unset" });
var we = { 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 }, He = { faster: 100, default: 150, slower: 300, slowest: 500 }, q = { Body1: 13, Body2: 16 }, T = { body1: { fontSize: q.Body1, lineHeight: 20 }, body2: { fontSize: q.Body2, lineHeight: 28 }, code1: { fontSize: 13, lineHeight: 20 }, code2: { fontSize: 15, lineHeight: 24 }, disclaimer: { fontSize: 12, lineHeight: 20 }, large: { fontSize: 18, lineHeight: 24 } };
function qn(e, r) {
(r == null || r > e.length) && (r = e.length);
for (var n = 0, o = Array(r); n < r; n++)
o[n] = e[n];
return o;
}
function il(e, r, n) {
return (r = function(o) {
var i = function(s, d) {
if (typeof s != "object" || !s)
return s;
var u = s[Symbol.toPrimitive];
if (u !== void 0) {
var f = u.call(s, d);
if (typeof f != "object")
return f;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(s);
}(o, "string");
return typeof i == "symbol" ? i : i + "";
}(r)) in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
}
function Wn(e, r) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(i) {
return Object.getOwnPropertyDescriptor(e, i).enumerable;
})), n.push.apply(n, o);
}
return n;
}
function _n(e) {
for (var r = 1; r < arguments.length; r++) {
var n = arguments[r] != null ? arguments[r] : {};
r % 2 ? Wn(Object(n), !0).forEach(function(o) {
il(e, o, n[o]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Wn(Object(n)).forEach(function(o) {
Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(n, o));
});
}
return e;
}
function ll(e, r) {
return function(n) {
if (Array.isArray(n))
return n;
}(e) || function(n, o) {
var i = n == null ? null : typeof Symbol < "u" && n[Symbol.iterator] || n["@@iterator"];
if (i != null) {
var s, d, u, f, p = [], m = !0, w = !1;
try {
if (u = (i = i.call(n)).next, o !== 0)
for (; !(m = (s = u.call(i)).done) && (p.push(s.value), p.length !== o); m = !0)
;
} catch ($) {
w = !0, d = $;
} finally {
try {
if (!m && i.return != null && (f = i.return(), Object(f) !== f))
return;
} finally {
if (w)
throw d;
}
}
return p;
}
}(e, r) || cl(e, r) || 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 Pn(e) {
return Pn = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
return typeof r;
} : function(r) {
return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
}, Pn(e);
}
function cl(e, r) {
if (e) {
if (typeof e == "string")
return qn(e, r);
var n = {}.toString.call(e).slice(8, -1);
return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? qn(e, r) : void 0;
}
}
function jn(e, r) {
var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = n.options, i = n.enabled, s = i === void 0 || i, d = n.dependencies, u = d === void 0 ? [s, e] : d, f = n.element, p = dn(function() {
});
Me(function() {
p.current = r;
}, [r]), Me(function() {
if (s !== !1) {
if (s === "once" || s === !0) {
var m = function($) {
p.current($);
}, w = _n(_n({}, o), {}, { once: s === "once" });
return (f ?? document).addEventListener(e, m, w), function() {
(f ?? document).removeEventListener(e, m, w);
};
}
console.error("Received value of type ".concat(Pn(s), " for property `enabled`. Expected a boolean."));
}
}, u);
}
var sl = function(e, r) {
return jn("keydown", function(n) {
return function(o, i) {
o.keyCode === 27 && (o.stopImmediatePropagation(), i());
}(n, e);
}, r);
}, ul = 0;
function Kn(e) {
var r = e.prefix;
return function(n) {
var o = n.id, i = n.prefix, s = ll(Ie(o), 2), d = s[0], u = s[1];
return Me(function() {
d == null && u(ul += 1);
}, [d, i]), o || "".concat(i ?? "lg", "-").concat(d);
}({ id: e.id, prefix: r });
}
var _a = Ae({ contextDarkMode: !1, setDarkMode: function() {
} }), Ka = function() {
return tn(_a);
}, K = function(e) {
var r, n = Ka(), o = n.contextDarkMode, i = n.setDarkMode, s = (r = e ?? o) !== null && r !== void 0 && r;
return { darkMode: s, theme: An(s), setDarkMode: i };
};
function Va(e) {
var r = e.children, n = e.contextDarkMode, o = e.setDarkMode;
return b.createElement(_a.Provider, { value: { contextDarkMode: n, setDarkMode: o } }, r);
}
function Vn(e, r) {
r > e.length && (r = e.length);
for (var n = 0, o = Array(r); n < r; n++)
o[n] = e[n];
return o;
}
function dl(e, r) {
if (e == null)
return {};
var n, o, i = function(d, u) {
if (d == null)
return {};
var f = {};
for (var p in d)
if ({}.hasOwnProperty.call(d, p)) {
if (u.indexOf(p) !== -1)
continue;
f[p] = d[p];
}
return f;
}(e, r);
if (Object.getOwnPropertySymbols) {
var s = Object.getOwnPropertySymbols(e);
for (o = 0; o < s.length; o++)
n = s[o], r.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
}
return i;
}
function Tn(e, r) {
return function(n) {
if (Array.isArray(n))
return n;
}(e) || function(n, o) {
var i = n == null ? null : typeof Symbol < "u" && n[Symbol.iterator] || n["@@iterator"];
if (i != null) {
var s, d, u, f, p = [], m = !0, w = !1;
try {
if (u = (i = i.call(n)).next, o !== 0)
for (; !(m = (s = u.call(i)).done) && (p.push(s.value), p.length !== o); m = !0)
;
} catch ($) {
w = !0, d = $;
} finally {
try {
if (!m && i.return != null && (f = i.return(), Object(f) !== f))
return;
} finally {
if (w)
throw d;
}
}
return p;
}
}(e, r) || function(n, o) {
if (n) {
if (typeof n == "string")
return Vn(n, o);
var i = {}.toString.call(n).slice(8, -1);
return i === "Object" && n.constructor && (i = n.constructor.name), i === "Map" || i === "Set" ? Array.from(n) : i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? Vn(n, o) : void 0;
}
}(e, r) || 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.`);
}();
}
Va.displayName = "DarkModeProvider";
var fl = ["children"], Za = Ae({ forceUseTopLayer: !1 }), gl = function() {
return tn(Za);
}, Qa = function(e) {
var r = e.children, n = dl(e, fl);
return b.createElement(Za.Provider, { value: n }, r);
};
Qa.displayName = "MigrationProvider";
var Ja = { popover: { portalContainer: void 0, scrollContainer: void 0 } }, Ya = Ae(Ja);
function pl() {
return tn(Ya).popover;
}
function ei(e) {
var r = e.popover, n = r === void 0 ? Ja.popover : r, o = e.children;
return b.createElement(Ya.Provider, { value: { popover: n } }, o);
}
var ni = Ae(14);
function ri() {
return tn(ni);
}
function ti(e) {
var r = e.children, n = e.baseFontSize, o = n === void 0 ? 14 : n;
return b.createElement(ni.Provider, { value: o }, r);
}
ti.displayName = "TypographyProvider";
var oi = { usingKeyboard: !0, setUsingKeyboard: function() {
} }, bl = Ae(oi), hl = { tab: 9, leftArrow: 37, upArrow: 38, rightArrow: 39, downArrow: 40 };
function ai(e) {
var r = e.children, n = Tn(Ie(oi.usingKeyboard), 2), o = n[0], i = n[1];
jn("mousedown", function() {
return i(!1);
}, { enabled: o }), jn("keydown", function(d) {
var u = d.keyCode;
Object.values(hl).includes(u) && i(!0);
}, { enabled: !o });
var s = Mn(function() {
return { usingKeyboard: o, setUsingKeyboard: i };
}, [o]);
return b.createElement(bl.Provider, { value: s }, r);
}
function ii(e) {
var r = e.children, n = e.baseFontSize, o = e.popoverPortalContainer, i = e.darkMode, s = e.forceUseTopLayer, d = s !== void 0 && s, u = Ka().contextDarkMode, f = Tn(Ie(i ?? u), 2), p = f[0], m = f[1];
Me(function() {
m(i ?? u);
}, [i, u]);
var w = ri(), $ = n ?? w, D = pl(), B = o ?? D, P = gl(), G = d || P.forceUseTopLayer;
return b.createElement(ai, null, b.createElement(ei, { popover: B }, b.createElement(ti, { baseFontSize: $ }, b.createElement(Va, { contextDarkMode: p, setDarkMode: m }, b.createElement(Qa, { forceUseTopLayer: G }, r)))));
}
ai.displayName = "UsingKeyboardProvider", ii.displayName = "LeafyGreenProvider";
var li = Ae({ isPopoverOpen: !1, setIsPopoverOpen: function() {
} }), ml = function() {
return tn(li);
}, ci = function(e) {
var r = e.children, n = Tn(Ie(!1), 2), o = n[0], i = n[1], s = Mn(function() {
return { isPopoverOpen: o, setIsPopoverOpen: i };
}, [o]);
return b.createElement(li.Provider, { value: s }, r);
};
ci.displayName = "PopoverProvider";
Ae({});
function yl(e, r, n) {
return (r = function(o) {
var i = function(s, d) {
if (typeof s != "object" || !s)
return s;
var u = s[Symbol.toPrimitive];
if (u !== void 0) {
var f = u.call(s, d);
if (typeof f != "object")
return f;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(s);
}(o, "string");
return typeof i == "symbol" ? i : i + "";
}(r)) in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
}
function En() {
return En = Object.assign ? Object.assign.bind() : function(e) {
for (var r = 1; r < arguments.length; r++) {
var n = arguments[r];
for (var o in n)
({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
}
return e;
}, En.apply(null, arguments);
}
function Zn(e, r) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(i) {
return Object.getOwnPropertyDescriptor(e, i).enumerable;
})), n.push.apply(n, o);
}
return n;
}
function Qn(e) {
for (var r = 1; r < arguments.length; r++) {
var n = arguments[r] != null ? arguments[r] : {};
r % 2 ? Zn(Object(n), !0).forEach(function(o) {
yl(e, o, n[o]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Zn(Object(n)).forEach(function(o) {
Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(n, o));
});
}
return e;
}
function si(e, r) {
if (e == null)
return {};
var n, o, i = function(d, u) {
if (d == null)
return {};
var f = {};
for (var p in d)
if ({}.hasOwnProperty.call(d, p)) {
if (u.indexOf(p) !== -1)
continue;
f[p] = d[p];
}
return f;
}(e, r);
if (Object.getOwnPropertySymbols) {
var s = Object.getOwnPropertySymbols(e);
for (o = 0; o < s.length; o++)
n = s[o], r.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
}
return i;
}
var ui = function(e) {
return b.useRef(null);
};
function vl(e) {
return e || "div";
}
function De(e) {
return { Component: vl(e), ref: ui() };
}
var kl = ["as", "children"], xl = function(e, r) {
var n = e.as, o = e.children, i = si(e, kl), s = De(n).Component;
return b.createElement(s, En({}, i, { ref: r }), o);
}, wl = b.forwardRef(xl);
wl.displayName = "Polymorph";
var je = function(e, r) {
var n, o = e.length === 1 ? e : qa(e);
return o.displayName = (n = r ?? e.displayName) !== null && n !== void 0 ? n : "PolymorphicComponent", o;
};
function $l(e, r, n) {
var o = r == null ? void 0 : r.href;
return e && e === "a" ? (o && typeof o == "string" || Qi.error("LG Polymorphic error", 'Component received `as="a"`, but did not receive an `href` prop'), Qn({ as: "a", href: typeof o == "string" ? o : void 0 }, r)) : Qn(e ? { as: e, href: o || void 0 } : o && typeof o == "string" ? { as: "a", href: o } : { as: n || "div" }, r);
}
var Dl = ["as"];
function on(e, r, n) {
var o = $l(e, r, n), i = o.as, s = si(o, Dl);
return { Component: i, as: i, ref: ui(), rest: s };
}
var an = function(e, r) {
var n, o;
return (o = e.length === 1 ? e : b.forwardRef(e)).displayName = (n = r ?? e.displayName) !== null && n !== void 0 ? n : "PolymorphicComponent", o;
}, Ol = function(e, r) {
return e === "a" && ji(r, "href");
};
function g(e, r, n) {
return (r = function(o) {
var i = function(s, d) {
if (typeof s != "object" || !s)
return s;
var u = s[Symbol.toPrimitive];
if (u !== void 0) {
var f = u.call(s, d);
if (typeof f != "object")
return f;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(s);
}(o, "string");
return typeof i == "symbol" ? i : i + "";
}(r)) in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
}
function en() {
return en = Object.assign ? Object.assign.bind() : function(e) {
for (var r = 1; r < arguments.length; r++) {
var n = arguments[r];
for (var o in n)
({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
}
return e;
}, en.apply(null, arguments);
}
function Jn(e, r) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(i) {
return Object.getOwnPropertyDescriptor(e, i).enumerable;
})), n.push.apply(n, o);
}
return n;
}
function nn(e) {
for (var r = 1; r < arguments.length; r++) {
var n = arguments[r] != null ? arguments[r] : {};
r % 2 ? Jn(Object(n), !0).forEach(function(o) {
g(e, o, n[o]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Jn(Object(n)).forEach(function(o) {
Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(n, o));
});
}
return e;
}
function h(e, r) {
return r || (r = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(r) } }));
}
var Yn, er, nr, rr, tr, or, ar, ir, lr, cr, sr, ur, dr, fr, gr, pr, br, hr, mr, yr, vr, kr, xr, wr, $r, Dr, Or, Sr, Fr, Pr, jr, Er, Cr, Nr, zr, Lr, Mr, Hr, Br, Ir, Ar, Tr, Gr, Rr, k = { Default: "default", Primary: "primary", PrimaryOutline: "primaryOutline", Danger: "danger", DangerOutline: "dangerOutline", BaseGreen: "baseGreen" }, _ = { XSmall: "xsmall", Small: "small", Default: "default", Large: "large" }, ln = 0.76, Sl = g(g({}, y.Light, g(g(g(g(g(g({}, k.Default, a.gray.light2), k.Primary, a.green.dark1), k.PrimaryOutline, U(ln, a.green.base)), k.Danger, a.red.light1), k.DangerOutline, U(ln, a.red.base)), k.BaseGreen, a.green.light1)), y.Dark, g(g(g(g(g(g({}, k.Default, a.gray.base), k.Primary, a.green.dark1), k.PrimaryOutline, U(ln, a.green.base)), k.Danger, a.red.dark2), k.DangerOutline, U(ln, a.red.light1)), k.BaseGreen, a.green.dark1)), Fl = l(Yn || (Yn = h([`
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 5px;
`]))), Pl = l(er || (er = h([`
justify-content: space-between;
`]))), di = l(nr || (nr = h([`
display: grid;
grid-auto-flow: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
position: relative;
user-select: none;
z-index: 0;
transition: all `, ` ease-in-out;
`])), He.default), fi = g(g(g(g({}, _.XSmall, l(rr || (rr = h([`
padding: 0 7px; // 8px - 1px border
gap: 6px;
`])))), _.Small, l(tr || (tr = h([`
padding: 0 11px; // 12px - 1px border
gap: 6px;
`])))), _.Default, l(or || (or = h([`
padding: 0 11px; // 12px - 1px border
gap: 6px;
`])))), _.Large, l(ar || (ar = h([`
padding: 0 15px; // 16px - 1px border
gap: 8px;
`])))), jl = l(ir || (ir = h([`
position: absolute;
`]))), El = l(lr || (lr = h([`
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
`]))), Cl = g(g(g(g({}, _.XSmall, 16), _.Small, 16), _.Default, 16), _.Large, 20), Nl = g(g({}, y.Dark, a.gray.light1), y.Light, a.gray.dark1), zl = l(cr || (cr = h([`
visibility: hidden;
`]))), Ll = l(sr || (sr = h([`
justify-self: right;
`]))), Ml = l(ur || (ur = h([`
justify-self: left;
`]))), gi = In("button"), Hl = g(g({}, y.Light, g(g(g(g(g(g({}, k.Default, l(dr || (dr = h([`
color: `, `;
`])), a.gray.base)), k.Primary, l(fr || (fr = h([`
color: `, `;
`])), a.green.light2)), k.PrimaryOutline, l(gr || (gr = h([`
color: `, `;
`])), a.green.dark2)), k.Danger, l(pr || (pr = h([`
color: `, `;
`])), a.red.light3)), k.DangerOutline, l(br || (br = h([`
color: `, `;
`])), a.red.light1)), k.BaseGreen, l(hr || (hr = h([`
color: `, `;
`])), a.green.dark2))), y.Dark, g(g(g(g(g(g({}, k.Default, l(mr || (mr = h([`
color: `, `;
`])), a.gray.light2)), k.Primary, l(yr || (yr = h([`
color: `, `;
`])), a.green.light2)), k.PrimaryOutline, l(vr || (vr = h([`
color: `, `;
`])), a.green.base)), k.Danger, l(kr || (kr = h([`
color: `, `;
`])), a.red.light2)), k.DangerOutline, l(xr || (xr = h([`
color: `, `;
`])), a.red.light1)), k.BaseGreen, l(wr || (wr = h([`
color: `, `;
`])), a.green.dark2))), Bl = g(g({}, y.Light, g(g(g(g(g(g({}, k.Default, l($r || ($r = h([`
color: `, `;
`])), a.black)), k.Primary, l(Dr || (Dr = h([`
color: `, `;
`])), a.white)), k.PrimaryOutline, l(Or || (Or = h([`
color: `, `;
`])), a.green.dark2)), k.Danger, l(Sr || (Sr = h([`
color: `, `;
`])), a.white)), k.DangerOutline, l(Fr || (Fr = h([`
color: `, `;
`])), a.red.base)), k.BaseGreen, l(Pr || (Pr = h([`
color: `, `;
`])), a.green.dark3))), y.Dark, g(g(g(g(g(g({}, k.Default, l(jr || (jr = h([`
color: `, `;
`])), a.white)), k.Primary, l(Er || (Er = h([`
color: `, `;
`])), a.white)), k.PrimaryOutline, l(Cr || (Cr = h([`
color: `, `;
`])), a.green.base)), k.Danger, l(Nr || (Nr = h([`
color: `, `;
`])), a.white)), k.DangerOutline, l(zr || (zr = h([`
color: `, `;
`])), a.red.light1)), k.BaseGreen, l(Lr || (Lr = h([`
color: `, `;
`])), a.green.dark3))), Il = l(Mr || (Mr = h([`
.`, ` {
&:hover,
&:active {
color: currentColor;
}
}
`])), gi), Al = g(g(g(g({}, _.XSmall, l(Hr || (Hr = h([`
height: 14px;
width: 14px;
`])))), _.Small, l(Br || (Br = h([`
height: 16px;
width: 16px;
`])))), _.Default, l(Ir || (Ir = h([`
height: 16px;
width: 16px;
`])))), _.Large, l(Ar || (Ar = h([`
height: 20px;
width: 20px;
`])))), Tl = g(g({}, y.Light, l(Tr || (Tr = h([`
color: `, `;
`])), a.gray.base)), y.Dark, l(Gr || (Gr = h([`
color: `, `;
`])), a.gray.dark1)), Gl = l(Rr || (Rr = h([`
color: `, `;
`])), a.gray.dark1);
function Cn(e) {
var r = e.glyph, n = e.variant, o = e.size, i = e.darkMode, s = e.disabled, d = e.isIconOnlyButton, u = e.className, f = !d && { "aria-hidden": !0, role: "presentation" }, p = An(i), m = d ? Bl : Hl;
return b.cloneElement(r, nn({ className: z(m[p][n], Al[o], g(g(g({}, Il, d), Tl[p], s), Gl, s && d && i), u) }, f));
}
Cn.displayName = "ButtonIcon";
var Ur, Xr, qr, Wr, _r, Kr, Vr, Zr, Qr, Jr, Yr, et, nt, rt, tt, ot, at, it, lt, ct, st, ut, dt, ft, gt, pt, bt, ht, mt, yt, vt, kt, xt, wt = function(e) {
var r, n = e.leftGlyph, o = e.rightGlyph, i = e.className, s = e.children, d = e.variant, u = e.size, f = e.darkMode, p = { variant: d, size: u, darkMode: f, disabled: e.disabled, isIconOnlyButton: (r = (n || o) && !s) !== null && r !== void 0 && r };
return b.createElement("div", { className: z(di, fi[u], g({}, Pl, !!o && f), i) }, n && b.createElement(Cn, en({ glyph: n, className: Ll }, p)), s, o && b.createElement(Cn, en({ glyph: o, className: Ml }, p)));
}, Rl = function(e) {
var r, n = e.darkMode, o = e.disabled, i = e.variant, s = e.size, d = e.isLoading, u = e.loadingText, f = e.loadingIndicator, p = e.className, m = K(n), w = m.darkMode, $ = m.theme, D = dn(null);
Me(function() {
var P, G = Sl[$][i];
return D.current == null || o || (P = Li(D.current, { backgroundColor: G })), P;
}, [D, i, w, o, $]);
var B = f && b.cloneElement(f, nn(nn({}, f.props), {}, g({ className: z(g({}, El, !u), (r = f.props) === null || r === void 0 ? void 0 : r.className), sizeOverride: Cl[s], colorOverride: Nl[$] }, "data-testid", "lg-button-spinner")));
return d ? b.createElement(b.Fragment, null, b.createElement("div", { className: z(di, fi[s], g({}, jl, !u)) }, B, u), !u && b.createElement(wt, en({}, e, { className: z(zl, p) }))) : b.createElement(b.Fragment, null, b.createElement("div", { className: Fl, ref: D }), b.createElement(wt, e));
}, C = '&:focus-visible, &[data-focus="true"]', oe = '&:hover, &[data-hover="true"]', J = '&:active, &[data-active="true"]', ae = function(e) {
return `
0 0 0 2px `.concat(e, `,
0 0 0 4px `).concat(a.blue.light1, `;
`);
}, Ul = l(Ur || (Ur = h([`
// unset browser default
appearance: none;
padding: 0;
margin: 0;
background-color: transparent;
border: 1px solid transparent;
display: inline-flex;
align-items: stretch;
transition: all `, `ms ease-in-out;
position: relative;
text-decoration: none;
cursor: pointer;
z-index: 0;
font-family: `, `;
border-radius: 6px;
`, ` {
outline: none;
}
`, `,
&:focus,
&:hover {
text-decoration: none;
}
`])), He.default, ve.default, C, J), Xl = g(g({}, y.Light, g(g(g(g(g(g({}, k.Default, l(Xr || (Xr = h([`
background-color: `, `;
border-color: `, `;
color: `, `;
// needed to override any global button styles
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
box-shadow: 0 0 0 3px `, `;
}
`])), a.gray.light3, a.gray.base, a.black, C, a.black, oe, J, a.black, a.white, a.gray.light2)), k.Primary, l(qr || (qr = h([`
background-color: `, `;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: #00593f; // Not quite dark3
border-color: #00593f; // Not quite dark3
box-shadow: 0 0 0 3px `, `;
}
`])), a.green.dark2, a.green.dark2, a.white, C, a.white, oe, J, a.white, a.green.light2)), k.PrimaryOutline, l(Wr || (Wr = h([`
background-color: transparent;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
box-shadow: 0px 0px 0px 3px `, `;
}
`])), a.green.dark2, a.green.dark2, C, a.green.dark2, oe, J, a.green.dark2, U(0.96, a.green.base), a.green.light2)), k.Danger, l(_r || (_r = h([`
background-color: `, `;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: #c82222; // not quite dark1
border-color: #c82222; // not quite dark1
box-shadow: 0px 0px 0px 3px `, `;
}
`])), a.red.base, a.red.base, a.white, C, a.white, oe, J, a.white, a.red.light3)), k.DangerOutline, l(Kr || (Kr = h([`
background-color: transparent;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
border-color: `, `;
box-shadow: 0px 0px 0px 3px `, `;
}
`])), a.red.light1, a.red.base, C, a.red.base, oe, J, a.red.dark2, U(0.96, a.red.base), a.red.base, a.red.light3)), k.BaseGreen, l(Vr || (Vr = h([`
background-color: `, `;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
box-shadow: 0px 0px 0px 3px `, `;
}
`])), a.green.base, a.green.dark2, a.green.dark3, C, a.green.dark3, oe, J, a.green.dark3, Rn(0.96, a.green.base, a.green.dark3), a.green.light2))), y.Dark, g(g(g(g(g(g({}, k.Default, l(Zr || (Zr = h([`
background-color: `, `;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
background-color: `, `;
border-color: `, `;
color: `, `;
box-shadow: 0px 0px 0px 3px `, `;
}
`])), a.gray.dark2, a.gray.base, a.white, C, a.white, oe, J, a.gray.dark1, a.gray.base, a.white, a.gray.dark2)), k.Primary, l(Qr || (Qr = h([`
background-color: `, `;
border: 1px solid `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: #00593f; // Off palette
box-shadow: 0 0 0 3px `, `;
}
`])), a.green.dark2, a.green.base, a.white, C, a.white, oe, J, a.white, a.green.dark3)), k.PrimaryOutline, l(Jr || (Jr = h([`
background-color: transparent;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
border-color: `, `;
box-shadow: 0px 0px 0px 3px `, `;
}
`])), a.green.base, a.green.base, C, a.green.base, oe, J, a.green.base, U(0.96, a.green.base), a.green.base, a.green.dark3)), k.Danger, l(Yr || (Yr = h([`
background-color: `, `;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
border-color: `, `;
color: `, `;
background-color: #c82222; // Off palette
box-shadow: 0px 0px 0px 3px `, `; // yes, yellow
}
`])), a.red.base, a.red.light1, a.white, C, a.white, oe, J, a.red.light1, a.white, a.yellow.dark3)), k.DangerOutline, l(et || (et = h([`
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
box-shadow: 0px 0px 0px 3px `, `; // yes, yellow
}
`])), a.red.light1, a.red.light1, C, a.red.light1, oe, J, a.red.light1, U(0.96, a.red.base), a.yellow.dark3)), k.BaseGreen, l(nt || (nt = h([`
background-color: `, `;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
border-color: `, `;
box-shadow: 0px 0px 0px 3px `, `;
}
`])), a.green.base, a.green.dark2, a.green.dark3, C, a.green.dark3, oe, J, a.green.dark3, Rn(0.96, a.green.base, a.green.light3), a.green.dark2, a.green.dark3))), ql = g(g({}, y.Light, g(g(g(g(g(g({}, k.Default, l(rt || (rt = h([`
`, ` {
background-color: `, `;
box-shadow: `, `;
}
`])), C, a.white, ae(a.white))), k.Primary, l(tt || (tt = h([`
`, ` {
color: `, `;
background-color: #00593f; // Not quite dark3
box-shadow: `, `;
}
`])), C, a.white, ae(a.white))), k.PrimaryOutline, l(ot || (ot = h([`
`, ` {
background-color: `, `;
box-shadow: `, `;
}
`])), C, U(0.96, a.green.base), ae(a.white))), k.Danger, l(at || (at = h([`
`, ` {
color: `, `;
background-color: #c82222; // not quite dark1
box-shadow: `, `;
}
`])), C, a.white, ae(a.white))), k.DangerOutline, l(it || (it = h([`
`, ` {
color: `, `;
box-shadow: `, `;
}
`])), C, a.red.dark2, ae(a.white))), k.BaseGreen, l(lt || (lt = h([`
`, ` {
box-shadow: `, `;
}
`])), C, ae(a.white)))), y.Dark, g(g(g(g(g(g({}, k.Default, l(ct || (ct = h([`
`, ` {
background-color: `, `;
box-shadow: `, `;
}
`])), C, a.gray.dark1, ae(a.black))), k.Primary, l(st || (st = h([`
`, ` {
background-color: #00593f; // Off palette
box-shadow: `, `;
}
`])), C, ae(a.black))), k.PrimaryOutline, l(ut || (ut = h([`
`, ` {
background-color: `, `;
border-color: `, `;
box-shadow: `, `;
}
`])), C, U(0.96, a.green.base), a.green.base, ae(a.black))), k.Danger, l(dt || (dt = h([`
`, ` {
background-color: #c82222; // Off palette
box-shadow: `, `;
}
`])), C, ae(a.black))), k.DangerOutline, l(ft || (ft = h([`
`, ` {
background-color: `, `;
border-color: `, `;
box-shadow: `, `;
}
`])), C, U(0.96, a.red.base), a.red.light1, ae(a.black))), k.BaseGreen, l(gt || (gt = h([`
`, ` {
background-color: `, `;
box-shadow: `, `;
}
`])), C, a.green.base, ae(a.black)))), Wl = g(g({}, y.Light, l(pt || (pt = h([`
&,
`, ", ", ` {
background-color: `, `;
border-color: `, `;
color: `, `;
box-shadow: none;
cursor: not-allowed;
}
`, ` {
color: `, `;
box-shadow: `, `;
}
`])), oe, J, a.gray.light2, a.gray.light1, a.gray.base, C, a.gray.base, ae(a.white))), y.Dark, l(bt || (bt = h([`
&,
`, ", ", ` {
background-color: `, `;
border-color: `, `;
color: `, `;
box-shadow: none;
cursor: not-allowed;
}
`, ` {
color: `, `;
box-shadow: `, `;
}
`])), oe, J, a.gray.dark3, a.gray.dark2, a.gray.dark1, C, a.gray.dark1, ae(a.black))), _l = g(g(g(g({}, _.XSmall, l(ht || (ht = h([`
height: 22px;
text-transform: uppercase;
font-size: 12px;
line-height: 1em;
font-weight: `, `;
letter-spacing: 0.4px;
`])), ee.bold)), _.Small, l(mt || (mt = h([`
height: 28px;
`])))), _.Default, l(yt || (yt = h([`
height: 36px;
`])))), _.Large, l(vt || (vt = h([`
height: 48px;
font-size: 18px;
line-height: 24px;
`])))), Kl = g(g({}, q.Body1, l(kt || (kt = h([`
font-size: `, `px;
line-height: `, `px;
font-weight: `, `;
`])), T.body1.fontSize, T.body1.lineHeight, ee.medium)), q.Body2, l(xt || (xt = h([`
font-size: `, `px;
line-height: `, `px;
// Pixel pushing for optical alignment purposes
transform: translateY(1px);
font-weight: `, `;
`])), T.body2.fontSize, T.body2.lineHeight, ee.medium)), Vl = ["variant", "size", "darkMode", "data-lgid", "baseFontSize", "disabled", "onClick", "leftGlyph", "rightGlyph", "children", "className", "as", "type", "isLoading", "loadingIndicator", "loadingText"], Zl = an(function(e, r) {
var n = e.variant, o = n === void 0 ? k.Default : n, i = e.size, s = i === void 0 ? _.Default : i, d = e.darkMode, u = e["data-lgid"], f = e.baseFontSize, p = f === void 0 ? q.Body1 : f, m = e.disabled, w = m !== void 0 && m, $ = e.onClick, D = e.leftGlyph, B = e.rightGlyph, P = e.children, G = e.className, S = e.as, L = e.type, N = e.isLoading, R = N !== void 0 && N, O = e.loadingIndicator, V = e.loadingText, M = function(Z, Q) {
if (Z == null)
return {};
var ue, de, Fe = function(ge, Ne) {
if (ge == null)
return {};
var Re = {};
for (var Pe in ge)
if ({}.hasOwnProperty.call(ge, Pe)) {
if (Ne.indexOf(Pe) !== -1)
continue;
Re[Pe] = ge[Pe];
}
return Re;
}(Z, Q);
if (Object.getOwnPropertySymbols) {
var Ce = Object.getOwnPropertySymbols(Z);
for (de = 0; de < Ce.length; de++)
ue = Ce[de], Q.indexOf(ue) === -1 && {}.propertyIsEnumerable.call(Z, ue) && (Fe[ue] = Z[ue]);
}
return Fe;
}(e, Vl), re = on(S, M, "button"), te = re.Component, ce = re.rest, Oe = K(d).darkMode, Ze = te === "a", ke = !(w || R), Se = function() {
return { root: arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "lg-button" };
}(u), Qe = function(Z) {
var Q = Z.variant, ue = Z.size, de = Z.darkMode, Fe = Z.baseFontSize, Ce = Z.disabled, ge = An(de), Ne = Xl[ge][Q], Re = ql[ge][Q], Pe = _l[ue], Ue = Kl[Fe];
return z(Ul, Ne, Ue, Pe, g({}, Re, !Ce), g({}, Wl[ge], Ce));
}({ variant: o, size: s, darkMode: Oe, baseFontSize: p, disabled: !ke }), Ee = nn(nn({ "data-lgid": Se.root, type: Ze ? void 0 : L || "button", className: z(gi, Qe, G), ref: r, "aria-disabled": !ke, onClick: ke ? $ : function(Z) {
return Z.preventDefault();
} }, ce), {}, { href: ke ? ce.href : void 0 }), vn = { rightGlyph: B, leftGlyph: D, darkMode: Oe, disabled: w, variant: o, size: s, isLoading: R, loadingIndicator: O, loadingText: V };
return b.createElement(te, Ee, b.createElement(Rl, vn, P));
});
Zl.displayName = "Button";
function W(e, r, n) {
return (r = function(o) {
var i = function(s, d) {
if (typeof s != "object" || !s)
return s;
var u = s[Symbol.toPrimitive];
if (u !== void 0) {
var f = u.call(s, d);
if (typeof f != "object")
return f;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(s);
}(o, "string");
return typeof i == "symbol" ? i : i + "";
}(r)) in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
}
function $t(e, r) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(i) {
return Object.getOwnPropertyDescriptor(e, i).enumerable;
})), n.push.apply(n, o);
}
return n;
}
function Dt(e) {
for (var r = 1; r < arguments.length; r++) {
var n = arguments[r] != null ? arguments[r] : {};
r % 2 ? $t(Object(n), !0).forEach(function(o) {
W(e, o, n[o]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : $t(Object(n)).forEach(function(o) {
Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(n, o));
});
}
return e;
}
function le(e, r) {
return r || (r = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(r) } }));
}
var Ot, St, Ft, Pt, jt, Et, Ct, Nt, zt, Lt, Mt, Ht, Bt, It, sn = { Default: "default", Large: "large", XLarge: "xlarge" }, Ql = l(Ot || (Ot = le([`
border: none;
-webkit-appearance: unset;
padding: unset;
`]))), Jl = l(St || (St = le([`
display: inline-block;
border-radius: 100px;
position: relative;
cursor: pointer;
flex-shrink: 0;
transition: `, `ms ease-in-out;
transition-property: color, box-shadow;
// Set background to fully-transparent white for cross-browser compatability with Safari
//
// Safari treats "transparent" values in CSS as transparent black instead of white
// which can make things render differently across browsers if not defined explicitly.
background-color: rgba(255, 255, 255, 0);
&:before {
content: '';
transition: `, `ms all ease-in-out;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 100%;
transform: scale(0.8);
}
&:active:before,
&:hover:before,
&:focus:before,
&[data-hover='true']:before,
&[data-focus='true']:before {
transform: scale(1);
}
&:focus {
outline: none;
}
`])), He.default, He.default), Yl = W(W(W({}, sn.Default, l(Ft || (Ft = le([`
height: 28px;
width: 28px;
`])))), sn.Large, l(Pt || (Pt = le([`
height: 36px;
width: 36px;
`])))), sn.XLarge, l(jt || (jt = le([`
height: 42px;
width: 42px;
`])))), ec = W(W({}, y.Light, l(Et || (Et = le([`
color: `, `;
&:active,
&:hover,
&[data-hover='true'] {
color: `, `;
&:before {
background-color: `, `;
}
}
`])), a.gray.dark1, a.black, U(0.9, a.gray.dark2))), y.Dark, l(Ct || (Ct = le([`
color: `, `;
&:active,
&:hover,
&[data-hover='true'] {
color: `, `;
&:before {
background-color: `, `;
}
}
`])), a.gray.light1, a.gray.light3, U(0.9, a.gray.light2))), nc = W(W({}, y.Light, l(Nt || (Nt = le([`
&:focus-visible,
&[data-focus='true'] {
color: `, `;
box-shadow: `, `;
&:before {
background-color: `, `;
}
}
`])), a.black, pn[y.Light].default, U(0.9, a.gray.dark2))), y.Dark, l(zt || (zt = le([`
&:focus-visible,
&[data-focus='true'] {
color: `, `;
box-shadow: `, `;
&:before {
background-color: `, `;
}
}
`])), a.gray.light3, pn[y.Dark].default, U(0.9, a.gray.light2))), rc = W(W({}, y.Light, l(Lt || (Lt = le([`
cursor: not-allowed;
color: `, `;
background-color: rgba(255, 255, 255, 0);
&:active,
&:hover,
&[data-hover='true'] {
color: `, `;
&:before {
background-color: rgba(255, 255, 255, 0);
}
}
&:focus,
&[data-focus='true'] {
color: `, `;
&:before {
background-color: rgba(255, 255, 255, 0);
}
}
`])), a.gray.light1, a.gray.light1, a.gray.light1)), y.Dark, l(Mt || (Mt = le([`
cursor: not-allowed;
color: `, `;
background-color: rgba(255, 255, 255, 0);
&:active,
&:hover,
&[data-hover='true'] {
color: `, `;
&:before {
background-color: rgba(255, 255, 255, 0);