mongodb-chatbot-ui
Version:
UI React components for the MongoDB Assistant
542 lines (521 loc) • 79.3 kB
JavaScript
import * as Hr from "react";
import x, { forwardRef as Ir, useRef as Jr, useCallback as Yr, useContext as Xt, useState as ia, useEffect as Gt } from "react";
import { b as Re, m as S, n as Ee, w as F, F as d, d as wr, V as Rt, U as la, X as Ot, av as Zt } from "./index2.js";
import { t as Et, a as Wr, i as Lt, e as Sr, r as jt, n as Ar } from "./glyphCommon-cTThlth0.js";
import { H as Kr } from "./index6.js";
import { h as fa, Q as ga } from "./index12.js";
import { V as ha } from "./index5.js";
import { N as Qt, f as Yt, y as qt } from "./index9.js";
import { p as Jt } from "./X.js";
import { Q as sa, A as It, p as Kt, D as eo, r as Nt } from "./index4.js";
import { Q as ro } from "./index7.js";
import { d as ao } from "./CheckmarkWithCircle.js";
var va, ba, to = ["className", "size", "title", "aria-label", "aria-labelledby", "fill", "role"], ea = function(o) {
var c = o.className, u = o.size, f = u === void 0 ? 16 : u, g = o.title, h = o["aria-label"], D = o["aria-labelledby"], p = o.fill, y = o.role, H = y === void 0 ? "img" : y, I = Et(o, to), w = Re({ prefix: "icon-title" }), G = S(va || (va = Wr([`
color: `, `;
`])), p), N = S(ba || (ba = Wr([`
flex-shrink: 0;
`]))), A = Lt(H, "ThumbsDown", Sr(Sr({ title: g, titleId: w }, "aria-label", h), "aria-labelledby", D));
return Hr.createElement("svg", jt({ className: Ee(Sr({}, G, p != null), N, c), height: typeof f == "number" ? f : Ar[f], width: typeof f == "number" ? f : Ar[f], role: H }, A, I, { viewBox: "0 0 16 16" }), g && Hr.createElement("title", { id: w }, g), Hr.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.01852 15C8.53023 15 8.99812 14.7199 9.22744 14.2764L11.728 9.43945C11.7542 9.38879 11.7773 9.33683 11.7972 9.28386C11.8277 9.28652 11.8584 9.28788 11.8896 9.28788L13.9843 9.28788C14.5453 9.28788 15 8.84694 15 8.30303L15 3.18182C15 2.6379 14.5453 2 13.9844 2L11.8896 2C11.6144 2 11 2 11 2C11 2 10.3639 2 9.85827 2L3.99311 2C3.02273 2 2.18787 2.66552 2.00017 3.5887L1.03904 8.31597C0.791531 9.53331 1.7524 10.6667 3.03198 10.6667L5.31958 10.6667L5.31958 12.3829C5.31958 13.8283 6.52794 15 8.01852 15ZM9.85827 8.66091L7.65371 12.9252C7.47137 12.8096 7.35088 12.6099 7.35088 12.3829L7.35088 10.0758C7.35088 9.31427 6.71427 8.69697 5.92897 8.69697L3.64387 8.69697C3.32769 8.69697 3.09089 8.40718 3.15389 8.09735L3.9117 4.37008C3.95907 4.1371 4.16394 3.9697 4.40168 3.9697L9.85827 3.9697L9.85827 8.66091Z", fill: "currentColor" }));
};
ea.displayName = "ThumbsDown", ea.isGlyph = !0;
var pa, ka, oo = ["className", "size", "title", "aria-label", "aria-labelledby", "fill", "role"], ra = function(o) {
var c = o.className, u = o.size, f = u === void 0 ? 16 : u, g = o.title, h = o["aria-label"], D = o["aria-labelledby"], p = o.fill, y = o.role, H = y === void 0 ? "img" : y, I = Et(o, oo), w = Re({ prefix: "icon-title" }), G = S(pa || (pa = Wr([`
color: `, `;
`])), p), N = S(ka || (ka = Wr([`
flex-shrink: 0;
`]))), A = Lt(H, "ThumbsUp", Sr(Sr({ title: g, titleId: w }, "aria-label", h), "aria-labelledby", D));
return Hr.createElement("svg", jt({ className: Ee(Sr({}, G, p != null), N, c), height: typeof f == "number" ? f : Ar[f], width: typeof f == "number" ? f : Ar[f], role: H }, A, I, { viewBox: "0 0 16 16" }), g && Hr.createElement("title", { id: w }, g), Hr.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.98148 1C7.46977 1 7.00188 1.28007 6.77256 1.72365L4.27198 6.56054C4.24579 6.61121 4.22269 6.66317 4.20275 6.71614C4.17234 6.71348 4.14155 6.71212 4.11043 6.71212H2.01565C1.45472 6.71212 1 7.15306 1 7.69697V12.8182C1 13.3621 1.45472 14 2.01565 14H4.11043C4.38564 14 5 14 5 14C5 14 5.63614 14 6.14173 14H12.0069C12.9773 14 13.8121 13.3345 13.9998 12.4113L14.961 7.68402C15.2085 6.46669 14.2476 5.33333 12.968 5.33333H10.6804V3.61709C10.6804 2.17171 9.47206 1 7.98148 1ZM6.14173 7.33909L8.34629 3.0748C8.52863 3.19038 8.64912 3.39009 8.64912 3.61709V5.92424C8.64912 6.68572 9.28573 7.30303 10.071 7.30303H12.3561C12.6723 7.30303 12.9091 7.59282 12.8461 7.90265L12.0883 11.6299C12.0409 11.8629 11.8361 12.0303 11.5983 12.0303L6.14173 12.0303V7.33909Z", fill: "currentColor" }));
};
ra.displayName = "ThumbsUp", ra.isGlyph = !0;
function e(o, c, u) {
return (c = function(f) {
var g = function(h, D) {
if (typeof h != "object" || !h)
return h;
var p = h[Symbol.toPrimitive];
if (p !== void 0) {
var y = p.call(h, D);
if (typeof y != "object")
return y;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(h);
}(f, "string");
return typeof g == "symbol" ? g : g + "";
}(c)) in o ? Object.defineProperty(o, c, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : o[c] = u, o;
}
var ma, ya, k = { 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" }, i = { Default: "default", Hover: "hover", Focus: "focus" }, Pr = d.black, V = d.blue, P = d.gray, ge = d.green, $e = d.red, no = d.white, or = d.yellow, io = { background: e(e(e(e(e(e(e(e({}, k.Primary, e(e(e({}, i.Default, Pr), i.Hover, P.dark2), i.Focus, V.dark3)), k.Secondary, e(e(e({}, i.Default, P.dark4), i.Hover, P.dark2), i.Focus, V.dark3)), k.InversePrimary, e(e(e({}, i.Default, P.light2), i.Hover, P.light3), i.Focus, V.light2)), k.Info, e(e(e({}, i.Default, V.dark3), i.Hover, V.dark3), i.Focus, V.dark3)), k.Warning, e(e(e({}, i.Default, or.dark3), i.Hover, or.dark3), i.Focus, or.dark3)), k.Success, e(e(e({}, i.Default, ge.dark3), i.Hover, ge.dark3), i.Focus, ge.dark3)), k.Error, e(e(e({}, i.Default, $e.dark3), i.Hover, $e.dark3), i.Focus, $e.dark3)), k.Disabled, e(e(e({}, i.Default, P.dark3), i.Hover, P.dark3), i.Focus, P.dark3)), border: e(e(e(e(e(e(e(e({}, k.Primary, e(e(e({}, i.Default, P.base), i.Hover, P.base), i.Focus, V.light1)), k.Secondary, e(e(e({}, i.Default, P.dark2), i.Hover, P.dark2), i.Focus, V.light1)), k.Tertiary, e(e(e({}, i.Default, P.dark1), i.Hover, P.dark1), i.Focus, V.light1)), k.Success, e(e(e({}, i.Default, ge.dark1), i.Hover, ge.dark1), i.Focus, V.light1)), k.Error, e(e(e({}, i.Default, $e.light1), i.Hover, $e.light1), i.Focus, V.light1)), k.OnSuccess, e(e(e({}, i.Default, ge.dark2), i.Hover, ge.dark2), i.Focus, V.light1)), k.OnError, e(e(e({}, i.Default, $e.dark2), i.Hover, $e.dark2), i.Focus, V.light1)), k.Disabled, e(e(e({}, i.Default, P.dark2), i.Hover, P.dark2), i.Focus, P.dark2)), icon: e(e(e(e(e(e(e(e({}, k.Primary, e(e(e({}, i.Default, P.light1), i.Hover, P.light3), i.Focus, V.light3)), k.Secondary, e(e(e({}, i.Default, P.base), i.Hover, P.light3), i.Focus, V.light3)), k.InversePrimary, e(e(e({}, i.Default, no), i.Hover, Pr), i.Focus, V.dark2)), k.Info, e(e(e({}, i.Default, V.light1), i.Hover, V.light1), i.Focus, V.light1)), k.Warning, e(e(e({}, i.Default, or.base), i.Hover, or.base), i.Focus, or.base)), k.Success, e(e(e({}, i.Default, ge.base), i.Hover, ge.base), i.Focus, ge.base)), k.Error, e(e(e({}, i.Default, $e.light1), i.Hover, $e.light1), i.Focus, $e.light1)), k.Disabled, e(e(e({}, i.Default, P.dark1), i.Hover, P.dark1), i.Focus, P.dark1)), text: (e(e(e(e(e(e(e(e(e(e(ma = {}, k.Primary, e(e(e({}, i.Default, P.light2), i.Hover, P.light2), i.Focus, V.light3)), k.Placeholder, e(e(e({}, i.Default, P.dark1), i.Hover, P.dark1), i.Focus, P.dark1)), k.Secondary, e(e(e({}, i.Default, P.light1), i.Hover, P.light2), i.Focus, V.light3)), k.InversePrimary, e(e(e({}, i.Default, Pr), i.Hover, Pr), i.Focus, V.dark2)), k.InverseSecondary, e(e(e({}, i.Default, P.dark2), i.Hover, Pr), i.Focus, V.dark2)), k.Disabled, e(e(e({}, i.Default, P.dark1), i.Hover, P.dark1), i.Focus, P.dark1)), k.Success, e(e(e({}, i.Default, ge.light2), i.Hover, ge.light2), i.Focus, ge.light2)), k.Error, e(e(e({}, i.Default, $e.light1), i.Hover, $e.light1), i.Focus, $e.light1)), k.OnSuccess, e(e(e({}, i.Default, ge.light1), i.Hover, ge.light1), i.Focus, ge.light1)), k.OnSuccessLink, e(e(e({}, i.Default, ge.light3), i.Hover, ge.light3), i.Focus, ge.light3)), e(e(ma, k.OnError, e(e(e({}, i.Default, $e.light2), i.Hover, $e.light2), i.Focus, $e.light2)), k.Link, e(e(e({}, i.Default, V.light1), i.Hover, V.light1), i.Focus, V.light1))) }, nr = d.black, Z = d.blue, M = d.gray, ie = d.green, De = d.red, ir = d.white, lr = d.yellow, lo = { background: e(e(e(e(e(e(e(e({}, k.Primary, e(e(e({}, i.Default, ir), i.Hover, M.light2), i.Focus, Z.light3)), k.Secondary, e(e(e({}, i.Default, M.light3), i.Hover, M.light2), i.Focus, Z.light3)), k.InversePrimary, e(e(e({}, i.Default, nr), i.Hover, M.dark3), i.Focus, Z.dark2)), k.Info, e(e(e({}, i.Default, Z.light3), i.Hover, Z.light3), i.Focus, Z.light3)), k.Warning, e(e(e({}, i.Default, lr.light3), i.Hover, lr.light3), i.Focus, lr.light3)), k.Success, e(e(e({}, i.Default, ie.light3), i.Hover, ie.light3), i.Focus, ie.light3)), k.Error, e(e(e({}, i.Default, De.light3), i.Hover, De.light3), i.Focus, De.light3)), k.Disabled, e(e(e({}, i.Default, M.light2), i.Hover, M.light2), i.Focus, M.light2)), border: e(e(e(e(e(e(e(e({}, k.Primary, e(e(e({}, i.Default, M.base), i.Hover, M.base), i.Focus, Z.light1)), k.Secondary, e(e(e({}, i.Default, M.light2), i.Hover, M.light2), i.Focus, Z.light1)), k.Tertiary, e(e(e({}, i.Default, M.light1), i.Hover, M.light1), i.Focus, Z.light1)), k.Success, e(e(e({}, i.Default, ie.dark1), i.Hover, ie.dark1), i.Focus, Z.light1)), k.Error, e(e(e({}, i.Default, De.base), i.Hover, De.base), i.Focus, Z.light1)), k.Disabled, e(e(e({}, i.Default, M.light1), i.Hover, M.light1), i.Focus, M.light1)), k.OnSuccess, e(e(e({}, i.Default, ie.light2), i.Hover, ie.light2), i.Focus, ie.light2)), k.OnError, e(e(e({}, i.Default, De.light2), i.Hover, De.light2), i.Focus, De.light2)), icon: e(e(e(e(e(e(e(e({}, k.Primary, e(e(e({}, i.Default, M.dark1), i.Hover, nr), i.Focus, Z.dark1)), k.Secondary, e(e(e({}, i.Default, M.base), i.Hover, nr), i.Focus, Z.dark1)), k.InversePrimary, e(e(e({}, i.Default, ir), i.Hover, ir), i.Focus, Z.light2)), k.Info, e(e(e({}, i.Default, Z.base), i.Hover, Z.base), i.Focus, Z.base)), k.Warning, e(e(e({}, i.Default, lr.dark2), i.Hover, lr.dark2), i.Focus, lr.dark2)), k.Success, e(e(e({}, i.Default, ie.dark1), i.Hover, ie.dark1), i.Focus, ie.dark1)), k.Error, e(e(e({}, i.Default, De.base), i.Hover, De.base), i.Focus, De.base)), k.Disabled, e(e(e({}, i.Default, M.base), i.Hover, M.base), i.Focus, M.base)), text: (e(e(e(e(e(e(e(e(e(e(ya = {}, k.Primary, e(e(e({}, i.Default, nr), i.Hover, nr), i.Focus, Z.dark1)), k.Secondary, e(e(e({}, i.Default, M.dark1), i.Hover, nr), i.Focus, Z.dark1)), k.InversePrimary, e(e(e({}, i.Default, ir), i.Hover, ir), i.Focus, Z.light2)), k.InverseSecondary, e(e(e({}, i.Default, M.light1), i.Hover, ir), i.Focus, Z.light2)), k.Disabled, e(e(e({}, i.Default, M.base), i.Hover, M.base), i.Focus, M.base)), k.Success, e(e(e({}, i.Default, ie.dark2), i.Hover, ie.dark2), i.Focus, ie.dark2)), k.Error, e(e(e({}, i.Default, De.base), i.Hover, De.base), i.Focus, De.base)), k.Placeholder, e(e(e({}, i.Default, M.base), i.Hover, M.base), i.Focus, M.base)), k.OnSuccess, e(e(e({}, i.Default, ie.dark2), i.Hover, ie.dark2), i.Focus, ie.dark2)), k.OnSuccessLink, e(e(e({}, i.Default, ie.dark3), i.Hover, ie.dark3), i.Focus, ie.dark3)), e(e(ya, k.OnError, e(e(e({}, i.Default, De.dark2), i.Hover, De.dark2), i.Focus, De.dark2)), k.Link, e(e(e({}, i.Default, Z.base), i.Hover, Z.base), i.Focus, Z.base))) };
e(e({}, F.Dark, io), F.Light, lo);
var Vr = { Dark: "dark", Light: "light" };
e(e({}, Vr.Light, { default: "0 0 0 2px ".concat(d.white, ", 0 0 0 4px ").concat(d.blue.light1), input: "0 0 0 3px ".concat(d.blue.light1) }), Vr.Dark, { default: "0 0 0 2px ".concat(d.black, ", 0 0 0 4px ").concat(d.blue.light1), input: "0 0 0 3px ".concat(d.blue.light1) });
e(e({}, Vr.Light, { gray: "0 0 0 3px ".concat(d.gray.light2), green: "0 0 0 3px ".concat(d.green.light2), red: "0 0 0 3px ".concat(d.red.light2) }), Vr.Dark, { gray: "0 0 0 3px ".concat(d.gray.dark2), green: "0 0 0 3px ".concat(d.green.dark3), red: "0 0 0 3px ".concat(d.yellow.dark3) });
var so = d.black, sr = d.gray, co = d.white;
e(e({}, k.Primary, e({}, i.Default, sr.base)), k.Secondary, e({}, i.Default, sr.dark1)), e(e({}, k.Primary, e({}, i.Default, so)), k.Secondary, e({}, i.Default, sr.dark4)), e(e({}, k.Primary, e({}, i.Default, sr.base)), k.Secondary, e({}, i.Default, sr.light1)), e(e({}, k.Primary, e({}, i.Default, co)), k.Secondary, e({}, i.Default, sr.light3));
var qe = e(e({}, F.Light, { 1: "color-mix(in srgb, ".concat(d.black, " 15%, transparent)"), 2: "color-mix(in srgb, ".concat(d.black, " 20%, transparent)"), 3: "color-mix(in srgb, ".concat(d.black, " 60%, transparent)"), overflow: "color-mix(in srgb, ".concat(d.gray.dark1, " 30%, transparent)") }), F.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({}, F.Light, { 1: "0px 2px 4px 1px ".concat(qe[F.Light][1]), 2: "0px 18px 18px -15px ".concat(qe[F.Light][2]), 3: "0px 8px 20px -8px ".concat(qe[F.Light][3]), overflow: "0px 2px 4px 1px ".concat(qe[F.Light].overflow) }), F.Dark, { 1: "unset", 2: "0 18px 18px -15px ".concat(qe[F.Dark][2]), 3: "0 8px 20px -8px ".concat(qe[F.Dark][3]), overflow: "0px 2px 4px 1px ".concat(qe[F.Dark].overflow) });
e(e({}, F.Light, 2), F.Dark, 16);
var Br = { 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 Da(o, c, u) {
return (c = function(f) {
var g = function(h, D) {
if (typeof h != "object" || !h)
return h;
var p = h[Symbol.toPrimitive];
if (p !== void 0) {
var y = p.call(h, D);
if (typeof y != "object")
return y;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(h);
}(f, "string");
return typeof g == "symbol" ? g : g + "";
}(c)) in o ? Object.defineProperty(o, c, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : o[c] = u, o;
}
function aa() {
return aa = Object.assign ? Object.assign.bind() : function(o) {
for (var c = 1; c < arguments.length; c++) {
var u = arguments[c];
for (var f in u)
({}).hasOwnProperty.call(u, f) && (o[f] = u[f]);
}
return o;
}, aa.apply(null, arguments);
}
function Zr(o, c) {
return c || (c = o.slice(0)), Object.freeze(Object.defineProperties(o, { raw: { value: Object.freeze(c) } }));
}
var Fa, xa, Ha, Sa, uo = S(Fa || (Fa = Zr([`
display: flex;
align-items: center;
gap: `, `px;
`])), Br[200]), fo = function(o) {
return Ee(uo, o);
}, go = S(xa || (xa = Zr([`
display: flex;
align-items: center;
gap: `, `px;
`])), Br[100]), ho = S(Ha || (Ha = Zr([`
&::before {
background-color: initial;
}
`]))), vo = S(Sa || (Sa = Zr([`
display: none;
`]))), $a = function(o) {
var c = o.isActive, u = o.isHidden;
return Ee(function(f) {
return Ee(Da({}, ho, f));
}(c), function(f) {
return Ee(Da({}, vo, f));
}(u));
}, zr = { Liked: "liked", Disliked: "disliked", Unselected: "unselected" }, bo = ["className", "darkMode", "hideThumbsDown", "hideThumbsUp", "onChange", "value"], po = Ir(function(o, c) {
var u = o.className, f = o.darkMode, g = o.hideThumbsDown, h = g !== void 0 && g, D = o.hideThumbsUp, p = D !== void 0 && D, y = o.onChange, H = o.value, I = function($, j) {
if ($ == null)
return {};
var re, Ne, pe = function(Se, oe) {
if (Se == null)
return {};
var J = {};
for (var R in Se)
if ({}.hasOwnProperty.call(Se, R)) {
if (oe.indexOf(R) !== -1)
continue;
J[R] = Se[R];
}
return J;
}($, j);
if (Object.getOwnPropertySymbols) {
var fe = Object.getOwnPropertySymbols($);
for (Ne = 0; Ne < fe.length; Ne++)
re = fe[Ne], j.indexOf(re) === -1 && {}.propertyIsEnumerable.call($, re) && (pe[re] = $[re]);
}
return pe;
}(o, bo), w = wr(f).darkMode, G = Jr(null), N = Jr(null), A = Rt(H, y, zr.Unselected), de = A.value, C = A.updateValue, Le = Re({ prefix: "message-rating" }), Ie = Yr(function($, j) {
$.preventDefault(), C(j, j === zr.Liked ? G : N);
}, [C]), _e = Yr(function($) {
Ie($, zr.Liked);
}, [Ie]), Qe = Yr(function($) {
Ie($, zr.Disliked);
}, [Ie]), ze = de === "liked", te = de === "disliked";
return x.createElement(la, { darkMode: w }, x.createElement("div", aa({ className: fo(u) }, I, { ref: c }), x.createElement("div", { "aria-label": "Message rating", className: go, role: "radiogroup" }, x.createElement(fa, { justify: ha.Middle, spacing: Br[100], trigger: x.createElement(Kr, { id: "like-".concat(Le), "aria-label": "Like this message", value: "liked", onClick: _e, active: ze, ref: G, className: $a({ isActive: ze, isHidden: p }), "aria-checked": ze, role: "radio" }, x.createElement(ra, null)), variant: ga.Compact }, "Helpful"), x.createElement(fa, { justify: ha.Middle, spacing: Br[100], trigger: x.createElement(Kr, { id: "dislike-".concat(Le), "aria-label": "Dislike this message", value: "disliked", onClick: Qe, active: te, ref: N, className: $a({ isActive: te, isHidden: h }), "aria-checked": te, role: "radio" }, x.createElement(ea, null)), variant: ga.Compact }, "Not helpful"))));
});
po.displayName = "MessageRating";
function r(o, c, u) {
return (c = function(f) {
var g = function(h, D) {
if (typeof h != "object" || !h)
return h;
var p = h[Symbol.toPrimitive];
if (p !== void 0) {
var y = p.call(h, D);
if (typeof y != "object")
return y;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(h);
}(f, "string");
return typeof g == "symbol" ? g : g + "";
}(c)) in o ? Object.defineProperty(o, c, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : o[c] = u, o;
}
var wa, Pa, v = { 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" }, l = { Default: "default", Hover: "hover", Focus: "focus" }, Or = d.black, B = d.blue, O = d.gray, he = d.green, we = d.red, ko = d.white, cr = d.yellow, mo = { background: r(r(r(r(r(r(r(r({}, v.Primary, r(r(r({}, l.Default, Or), l.Hover, O.dark2), l.Focus, B.dark3)), v.Secondary, r(r(r({}, l.Default, O.dark4), l.Hover, O.dark2), l.Focus, B.dark3)), v.InversePrimary, r(r(r({}, l.Default, O.light2), l.Hover, O.light3), l.Focus, B.light2)), v.Info, r(r(r({}, l.Default, B.dark3), l.Hover, B.dark3), l.Focus, B.dark3)), v.Warning, r(r(r({}, l.Default, cr.dark3), l.Hover, cr.dark3), l.Focus, cr.dark3)), v.Success, r(r(r({}, l.Default, he.dark3), l.Hover, he.dark3), l.Focus, he.dark3)), v.Error, r(r(r({}, l.Default, we.dark3), l.Hover, we.dark3), l.Focus, we.dark3)), v.Disabled, r(r(r({}, l.Default, O.dark3), l.Hover, O.dark3), l.Focus, O.dark3)), border: r(r(r(r(r(r(r(r({}, v.Primary, r(r(r({}, l.Default, O.base), l.Hover, O.base), l.Focus, B.light1)), v.Secondary, r(r(r({}, l.Default, O.dark2), l.Hover, O.dark2), l.Focus, B.light1)), v.Tertiary, r(r(r({}, l.Default, O.dark1), l.Hover, O.dark1), l.Focus, B.light1)), v.Success, r(r(r({}, l.Default, he.dark1), l.Hover, he.dark1), l.Focus, B.light1)), v.Error, r(r(r({}, l.Default, we.light1), l.Hover, we.light1), l.Focus, B.light1)), v.OnSuccess, r(r(r({}, l.Default, he.dark2), l.Hover, he.dark2), l.Focus, B.light1)), v.OnError, r(r(r({}, l.Default, we.dark2), l.Hover, we.dark2), l.Focus, B.light1)), v.Disabled, r(r(r({}, l.Default, O.dark2), l.Hover, O.dark2), l.Focus, O.dark2)), icon: r(r(r(r(r(r(r(r({}, v.Primary, r(r(r({}, l.Default, O.light1), l.Hover, O.light3), l.Focus, B.light3)), v.Secondary, r(r(r({}, l.Default, O.base), l.Hover, O.light3), l.Focus, B.light3)), v.InversePrimary, r(r(r({}, l.Default, ko), l.Hover, Or), l.Focus, B.dark2)), v.Info, r(r(r({}, l.Default, B.light1), l.Hover, B.light1), l.Focus, B.light1)), v.Warning, r(r(r({}, l.Default, cr.base), l.Hover, cr.base), l.Focus, cr.base)), v.Success, r(r(r({}, l.Default, he.base), l.Hover, he.base), l.Focus, he.base)), v.Error, r(r(r({}, l.Default, we.light1), l.Hover, we.light1), l.Focus, we.light1)), v.Disabled, r(r(r({}, l.Default, O.dark1), l.Hover, O.dark1), l.Focus, O.dark1)), text: (r(r(r(r(r(r(r(r(r(r(wa = {}, v.Primary, r(r(r({}, l.Default, O.light2), l.Hover, O.light2), l.Focus, B.light3)), v.Placeholder, r(r(r({}, l.Default, O.dark1), l.Hover, O.dark1), l.Focus, O.dark1)), v.Secondary, r(r(r({}, l.Default, O.light1), l.Hover, O.light2), l.Focus, B.light3)), v.InversePrimary, r(r(r({}, l.Default, Or), l.Hover, Or), l.Focus, B.dark2)), v.InverseSecondary, r(r(r({}, l.Default, O.dark2), l.Hover, Or), l.Focus, B.dark2)), v.Disabled, r(r(r({}, l.Default, O.dark1), l.Hover, O.dark1), l.Focus, O.dark1)), v.Success, r(r(r({}, l.Default, he.light2), l.Hover, he.light2), l.Focus, he.light2)), v.Error, r(r(r({}, l.Default, we.light1), l.Hover, we.light1), l.Focus, we.light1)), v.OnSuccess, r(r(r({}, l.Default, he.light1), l.Hover, he.light1), l.Focus, he.light1)), v.OnSuccessLink, r(r(r({}, l.Default, he.light3), l.Hover, he.light3), l.Focus, he.light3)), r(r(wa, v.OnError, r(r(r({}, l.Default, we.light2), l.Hover, we.light2), l.Focus, we.light2)), v.Link, r(r(r({}, l.Default, B.light1), l.Hover, B.light1), l.Focus, B.light1))) }, ur = d.black, Q = d.blue, z = d.gray, le = d.green, Fe = d.red, dr = d.white, fr = d.yellow, yo = { background: r(r(r(r(r(r(r(r({}, v.Primary, r(r(r({}, l.Default, dr), l.Hover, z.light2), l.Focus, Q.light3)), v.Secondary, r(r(r({}, l.Default, z.light3), l.Hover, z.light2), l.Focus, Q.light3)), v.InversePrimary, r(r(r({}, l.Default, ur), l.Hover, z.dark3), l.Focus, Q.dark2)), v.Info, r(r(r({}, l.Default, Q.light3), l.Hover, Q.light3), l.Focus, Q.light3)), v.Warning, r(r(r({}, l.Default, fr.light3), l.Hover, fr.light3), l.Focus, fr.light3)), v.Success, r(r(r({}, l.Default, le.light3), l.Hover, le.light3), l.Focus, le.light3)), v.Error, r(r(r({}, l.Default, Fe.light3), l.Hover, Fe.light3), l.Focus, Fe.light3)), v.Disabled, r(r(r({}, l.Default, z.light2), l.Hover, z.light2), l.Focus, z.light2)), border: r(r(r(r(r(r(r(r({}, v.Primary, r(r(r({}, l.Default, z.base), l.Hover, z.base), l.Focus, Q.light1)), v.Secondary, r(r(r({}, l.Default, z.light2), l.Hover, z.light2), l.Focus, Q.light1)), v.Tertiary, r(r(r({}, l.Default, z.light1), l.Hover, z.light1), l.Focus, Q.light1)), v.Success, r(r(r({}, l.Default, le.dark1), l.Hover, le.dark1), l.Focus, Q.light1)), v.Error, r(r(r({}, l.Default, Fe.base), l.Hover, Fe.base), l.Focus, Q.light1)), v.Disabled, r(r(r({}, l.Default, z.light1), l.Hover, z.light1), l.Focus, z.light1)), v.OnSuccess, r(r(r({}, l.Default, le.light2), l.Hover, le.light2), l.Focus, le.light2)), v.OnError, r(r(r({}, l.Default, Fe.light2), l.Hover, Fe.light2), l.Focus, Fe.light2)), icon: r(r(r(r(r(r(r(r({}, v.Primary, r(r(r({}, l.Default, z.dark1), l.Hover, ur), l.Focus, Q.dark1)), v.Secondary, r(r(r({}, l.Default, z.base), l.Hover, ur), l.Focus, Q.dark1)), v.InversePrimary, r(r(r({}, l.Default, dr), l.Hover, dr), l.Focus, Q.light2)), v.Info, r(r(r({}, l.Default, Q.base), l.Hover, Q.base), l.Focus, Q.base)), v.Warning, r(r(r({}, l.Default, fr.dark2), l.Hover, fr.dark2), l.Focus, fr.dark2)), v.Success, r(r(r({}, l.Default, le.dark1), l.Hover, le.dark1), l.Focus, le.dark1)), v.Error, r(r(r({}, l.Default, Fe.base), l.Hover, Fe.base), l.Focus, Fe.base)), v.Disabled, r(r(r({}, l.Default, z.base), l.Hover, z.base), l.Focus, z.base)), text: (r(r(r(r(r(r(r(r(r(r(Pa = {}, v.Primary, r(r(r({}, l.Default, ur), l.Hover, ur), l.Focus, Q.dark1)), v.Secondary, r(r(r({}, l.Default, z.dark1), l.Hover, ur), l.Focus, Q.dark1)), v.InversePrimary, r(r(r({}, l.Default, dr), l.Hover, dr), l.Focus, Q.light2)), v.InverseSecondary, r(r(r({}, l.Default, z.light1), l.Hover, dr), l.Focus, Q.light2)), v.Disabled, r(r(r({}, l.Default, z.base), l.Hover, z.base), l.Focus, z.base)), v.Success, r(r(r({}, l.Default, le.dark2), l.Hover, le.dark2), l.Focus, le.dark2)), v.Error, r(r(r({}, l.Default, Fe.base), l.Hover, Fe.base), l.Focus, Fe.base)), v.Placeholder, r(r(r({}, l.Default, z.base), l.Hover, z.base), l.Focus, z.base)), v.OnSuccess, r(r(r({}, l.Default, le.dark2), l.Hover, le.dark2), l.Focus, le.dark2)), v.OnSuccessLink, r(r(r({}, l.Default, le.dark3), l.Hover, le.dark3), l.Focus, le.dark3)), r(r(Pa, v.OnError, r(r(r({}, l.Default, Fe.dark2), l.Hover, Fe.dark2), l.Focus, Fe.dark2)), v.Link, r(r(r({}, l.Default, Q.base), l.Hover, Q.base), l.Focus, Q.base))) }, ue = r(r({}, F.Dark, mo), F.Light, yo), Ur = { Dark: "dark", Light: "light" }, Oa = r(r({}, Ur.Light, { default: "0 0 0 2px ".concat(d.white, ", 0 0 0 4px ").concat(d.blue.light1), input: "0 0 0 3px ".concat(d.blue.light1) }), Ur.Dark, { default: "0 0 0 2px ".concat(d.black, ", 0 0 0 4px ").concat(d.blue.light1), input: "0 0 0 3px ".concat(d.blue.light1) }), Ea = { default: "'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif", serif: "'MongoDB Value Serif', 'Times New Roman', serif", code: "'Source Code Pro', Menlo, monospace" }, ca = { regular: 400, medium: 500, semiBold: 600, bold: 700 }, qr = r(r({}, Ur.Light, { gray: "0 0 0 3px ".concat(d.gray.light2), green: "0 0 0 3px ".concat(d.green.light2), red: "0 0 0 3px ".concat(d.red.light2) }), Ur.Dark, { gray: "0 0 0 3px ".concat(d.gray.dark2), green: "0 0 0 3px ".concat(d.green.dark3), red: "0 0 0 3px ".concat(d.yellow.dark3) }), Do = d.black, gr = d.gray, Fo = d.white;
r(r({}, v.Primary, r({}, l.Default, gr.base)), v.Secondary, r({}, l.Default, gr.dark1)), r(r({}, v.Primary, r({}, l.Default, Do)), v.Secondary, r({}, l.Default, gr.dark4)), r(r({}, v.Primary, r({}, l.Default, gr.base)), v.Secondary, r({}, l.Default, gr.light1)), r(r({}, v.Primary, r({}, l.Default, Fo)), v.Secondary, r({}, l.Default, gr.light3));
var Je = r(r({}, F.Light, { 1: "color-mix(in srgb, ".concat(d.black, " 15%, transparent)"), 2: "color-mix(in srgb, ".concat(d.black, " 20%, transparent)"), 3: "color-mix(in srgb, ".concat(d.black, " 60%, transparent)"), overflow: "color-mix(in srgb, ".concat(d.gray.dark1, " 30%, transparent)") }), F.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({}, F.Light, { 1: "0px 2px 4px 1px ".concat(Je[F.Light][1]), 2: "0px 18px 18px -15px ".concat(Je[F.Light][2]), 3: "0px 8px 20px -8px ".concat(Je[F.Light][3]), overflow: "0px 2px 4px 1px ".concat(Je[F.Light].overflow) }), F.Dark, { 1: "unset", 2: "0 18px 18px -15px ".concat(Je[F.Dark][2]), 3: "0 8px 20px -8px ".concat(Je[F.Dark][3]), overflow: "0px 2px 4px 1px ".concat(Je[F.Dark].overflow) });
r(r({}, F.Light, 2), F.Dark, 16);
var Ue = { XSmall: "xsmall", Small: "small", Default: "default", Large: "large" }, Ae = { 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 }, xo = { faster: 100, default: 150, slower: 300, slowest: 500 }, La = { Body1: 13, Body2: 16 }, rr = { body1: { fontSize: La.Body1, lineHeight: 20 }, body2: { fontSize: La.Body2, lineHeight: 28 }, code1: { fontSize: 13, lineHeight: 20 }, code2: { fontSize: 15, lineHeight: 24 }, disclaimer: { fontSize: 12, lineHeight: 20 }, large: { fontSize: 18, lineHeight: 24 } }, ja = { error: "This input needs your attention", success: "Success" };
function me(o, c, u) {
return (c = function(f) {
var g = function(h, D) {
if (typeof h != "object" || !h)
return h;
var p = h[Symbol.toPrimitive];
if (p !== void 0) {
var y = p.call(h, D);
if (typeof y != "object")
return y;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(h);
}(f, "string");
return typeof g == "symbol" ? g : g + "";
}(c)) in o ? Object.defineProperty(o, c, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : o[c] = u, o;
}
function $r() {
return $r = Object.assign ? Object.assign.bind() : function(o) {
for (var c = 1; c < arguments.length; c++) {
var u = arguments[c];
for (var f in u)
({}).hasOwnProperty.call(u, f) && (o[f] = u[f]);
}
return o;
}, $r.apply(null, arguments);
}
function Ia(o, c) {
var u = Object.keys(o);
if (Object.getOwnPropertySymbols) {
var f = Object.getOwnPropertySymbols(o);
c && (f = f.filter(function(g) {
return Object.getOwnPropertyDescriptor(o, g).enumerable;
})), u.push.apply(u, f);
}
return u;
}
function ta(o) {
for (var c = 1; c < arguments.length; c++) {
var u = arguments[c] != null ? arguments[c] : {};
c % 2 ? Ia(Object(u), !0).forEach(function(f) {
me(o, f, u[f]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(u)) : Ia(Object(u)).forEach(function(f) {
Object.defineProperty(o, f, Object.getOwnPropertyDescriptor(u, f));
});
}
return o;
}
function _r(o, c) {
if (o == null)
return {};
var u, f, g = function(D, p) {
if (D == null)
return {};
var y = {};
for (var H in D)
if ({}.hasOwnProperty.call(D, H)) {
if (p.indexOf(H) !== -1)
continue;
y[H] = D[H];
}
return y;
}(o, c);
if (Object.getOwnPropertySymbols) {
var h = Object.getOwnPropertySymbols(o);
for (f = 0; f < h.length; f++)
u = h[f], c.indexOf(u) === -1 && {}.propertyIsEnumerable.call(o, u) && (g[u] = o[u]);
}
return g;
}
function X(o, c) {
return c || (c = o.slice(0)), Object.freeze(Object.defineProperties(o, { raw: { value: Object.freeze(c) } }));
}
var Na, Ca, Ma, za, Ta, Wa, Aa, Va, Ba, Ua, Ve = { None: "none", Error: "error", Valid: "valid" }, Ct = function() {
var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "lg-form_field";
return { root: o, contentEnd: "".concat(o, "-content_end"), description: "".concat(o, "-description"), errorMessage: "".concat(o, "-error_message"), feedback: "".concat(o, "-feedback"), input: "".concat(o, "-input"), label: "".concat(o, "-label"), optional: "".concat(o, "-optional"), successMessage: "".concat(o, "-success_message") };
}, Ho = { disabled: !1, size: Ue.Default, state: Ve.None, lgIds: Ct() }, Mt = x.createContext(Ho), So = function(o) {
var c = o.value, u = o.children;
return x.createElement(Mt.Provider, { value: c }, u);
}, ua = function() {
return Xt(Mt);
}, zt = function(o) {
var c = o.baseFontSize, u = o.size;
return u === Ue.XSmall || u === Ue.Small ? S(Na || (Na = X([`
font-size: `, `px;
line-height: `, `px;
`])), rr.body1.fontSize, rr.body1.lineHeight) : u === Ue.Default ? S(Ca || (Ca = X([`
font-size: `, `px;
line-height: `, `px;
`])), c, rr.body1.lineHeight) : u === Ue.Large ? S(Ma || (Ma = X([`
font-size: `, `px;
line-height: `, `px;
`])), rr.large.fontSize, rr.large.lineHeight) : void 0;
}, $o = function(o) {
return o === Ve.Error ? v.Error : o === Ve.Valid ? v.Success : v.Primary;
}, wo = S(za || (za = X([`
display: flex;
flex-direction: column;
`]))), Po = S(Ta || (Ta = X([`
margin-bottom: `, `px;
`])), Ae[100]), Oo = S(Wa || (Wa = X([`
display: flex;
gap: `, `px;
`])), Ae[100]), Eo = S(Aa || (Aa = X([`
padding-top: `, `px;
`])), Ae[100]), Lo = S(Va || (Va = X([`
opacity: 0;
`]))), jo = S(Ba || (Ba = X([`
display: flex;
justify-content: center;
align-items: center;
`]))), Io = function(o) {
return S(Ua || (Ua = X([`
height: `, `px;
`])), o === Ue.Large ? rr.large.lineHeight : rr.body1.lineHeight);
}, No = ["baseFontSize", "disabled", "errorMessage", "hideFeedback", "id", "size", "state", "successMessage"], Tt = function(o) {
var c = o.baseFontSize, u = o.disabled, f = o.errorMessage, g = o.hideFeedback, h = g !== void 0 && g, D = o.id, p = o.size, y = o.state, H = o.successMessage, I = _r(o, No), w = wr().theme, G = sa(c), N = zt({ baseFontSize: G, size: p }), A = ua().lgIds, de = y === Ve.Error, C = (de || y === Ve.Valid) && !u, Le = C ? { glyph: de ? "Warning" : "Checkmark", fill: ue[w].icon[$o(y)].default, title: de ? "Error" : "Valid" } : void 0;
return x.createElement("div", $r({ id: D, "data-lgid": A.feedback, "data-testid": A.feedback, className: Ee(Oo, me(me({}, Eo, C), Lo, h)), "aria-live": "polite", "aria-relevant": "all" }, I), C && x.createElement(x.Fragment, null, Le && x.createElement("div", { className: Ee(jo, Io(p)) }, x.createElement(ro, $r({}, Le, { "aria-hidden": !0 }))), de ? x.createElement(eo, { "data-lgid": A.errorMessage, "data-testid": A.errorMessage, className: N }, f) : x.createElement(Nt, { "data-lgid": A.successMessage, "data-testid": A.successMessage, className: N }, H)));
};
Tt.displayName = "FormFieldFeedback";
var _a, Xa, Ga, Ra, Za, Qa, Ya, qa, Ja, Ka, et, rt, at, tt, ot, nt, Co = ["label", "description", "state", "id", "disabled"], Mo = ["label", "description", "children", "baseFontSize", "state", "size", "disabled", "errorMessage", "successMessage", "className", "darkMode", "optional", "id", "data-lgid"], Wt = Ir(function(o, c) {
var u = o.label, f = o.description, g = o.children, h = o.baseFontSize, D = o.state, p = D === void 0 ? Ve.None : D, y = o.size, H = y === void 0 ? Ue.Default : y, I = o.disabled, w = I !== void 0 && I, G = o.errorMessage, N = G === void 0 ? ja.error : G, A = o.successMessage, de = A === void 0 ? ja.success : A, C = o.className, Le = o.darkMode, Ie = o.optional, _e = o.id, Qe = o["data-lgid"], ze = _r(o, Mo), te = sa(h), $ = zt({ baseFontSize: te, size: H }), j = Ct(Qe), re = function(R) {
var K, Xe = R.label, Ge = R.description, ee = R.state, ke = R.id, je = R.disabled, ye = _r(R, Co), ae = ua().lgIds, ne = Re({ prefix: ae.label }), Te = Re({ prefix: ae.description }), Ce = Re({ prefix: ae.feedback }), Be = Re({ prefix: ae.input }), Me = ke ?? Be, Nr = ee === Ve.Error, ar = ee !== Ve.None, Cr = Xe ? ne : ye["aria-labelledby"], Mr = Xe || Cr ? void 0 : ye["aria-label"], tr = "".concat(Ge ? Te : "", " ").concat(ar ? Ce : "").trim(), _t = (K = ye["aria-invalid"]) !== null && K !== void 0 ? K : Nr;
return { labelId: ne, descriptionId: Te, feedbackId: Ce, inputId: Me, inputProps: { id: Me, "aria-labelledby": Cr, "aria-describedby": tr, "aria-label": Mr, "aria-disabled": je, readOnly: ye.readOnly ? ye.readOnly : je, "aria-invalid": _t } };
}(ta({ label: u, description: f, state: p, id: _e, disabled: w }, ze)), Ne = re.labelId, pe = re.descriptionId, fe = re.feedbackId, Se = re.inputId, oe = re.inputProps, J = { baseFontSize: te, disabled: w, errorMessage: N, id: fe, size: H, state: p, successMessage: de };
return x.createElement(la, { darkMode: Le }, x.createElement(So, { value: { disabled: w, size: H, state: p, inputProps: oe, optional: Ie, lgIds: j } }, x.createElement("div", $r({ className: Ee($, C), ref: c, "data-lgid": j.root, "data-testid": j.root }, ze), x.createElement("div", { className: Ee(wo, me({}, Po, !(!u && !f))) }, u && x.createElement(It, { "data-lgid": j.root, "data-testid": j.root, className: $, htmlFor: Se, id: Ne, disabled: w }, u), f && x.createElement(Kt, { "data-lgid": j.root, "data-testid": j.root, className: $, id: pe, disabled: w }, f)), g, x.createElement(Tt, J))));
});
Wt.displayName = "FormField";
var Xr = Ot("form-field-input"), Qr = Ot("form-field-icon"), it = function(o) {
return "0 0 0 100px ".concat(o, " inset");
}, zo = S(_a || (_a = X([`
display: flex;
align-items: center;
gap: `, `px;
font-size: inherit;
line-height: inherit;
font-family: `, `;
width: 100%;
height: 36px;
font-weight: `, `;
border: 1px solid;
z-index: 1;
outline: none;
border-radius: 6px;
transition: `, `ms ease-in-out;
transition-property: border-color, box-shadow;
z-index: 0;
& .`, ` {
font-family: `, `;
color: inherit;
background-color: inherit;
font-size: inherit;
line-height: inherit;
outline: none;
border: none;
}
& .`, ` svg,
& svg {
min-height: 16px;
min-width: 16px;
}
`])), Ae[1], Ea.default, ca.regular, xo.default, Xr, Ea.default, Qr), lt = function(o) {
return S(Ga || (Ga = X([`
@supports selector(:has(a, b)) {
&:focus-within:not(:has(.`, `:focus)) {
`, `
}
}
/* Fallback for when "has" is unsupported */
@supports not selector(:has(a, b)) {
&:focus-within {
`, `
}
}
`])), Qr, o, o);
}, To = me(me({}, F.Light, lt(`
{
box-shadow: `.concat(Oa.light.input, `;
border-color: `).concat(d.white, `;
}
`))), F.Dark, lt(`
{
box-shadow: `.concat(Oa.dark.input, `;
border-color: `).concat(d.gray.dark4, `;
}
`))), Tr = "&:has(button.".concat(Qr, ")"), Wo = me(me(me(me({}, Ue.XSmall, S(Ra || (Ra = X([`
height: 22px;
padding-inline: `, `px;
`, ` {
padding-inline-end: `, `px;
}
`])), Ae[200], Tr, Ae[100])), Ue.Small, S(Za || (Za = X([`
height: 28px;
padding-inline: `, `px;
`, ` {
padding-inline-end: `, `px;
}
`])), Ae[200], Tr, Ae[100])), Ue.Default, S(Qa || (Qa = X([`
height: 36px;
padding-inline: `, `px;
`, ` {
padding-inline-end: `, `px;
}
`])), Ae[300], Tr, Ae[150])), Ue.Large, S(Ya || (Ya = X([`
height: 48px;
padding-inline: `, `px;
`, ` {
padding-inline-end: `, `px;
}
`])), Ae[300], Tr, Ae[200])), Ao = function(o) {
var c = o.disabled, u = o.size, f = o.state, g = o.theme, h = o.className;
return Ee(zo, function(D) {
var p = D === F.Dark ? d.gray.dark4 : ue.light.background.primary.default;
return S(Xa || (Xa = X([`
color: `, `;
background: `, `;
border: 1px solid;
& .`, ` {
&:-webkit-autofill {
color: `, `;
background: `, `;
-webkit-text-fill-color: `, `;
box-shadow: `, `;
}
&::placeholder {
font-weight: `, `;
color: `, `;
}
}
`])), ue[D].text.primary.default, p, Xr, ue[D].text.primary.default, p, ue[D].text.primary.default, it(p), ca.regular, ue[D].text.placeholder.default);
}(g), Wo[u], me(me({}, Ee(function(D) {
var p = D.theme, y = D.state;
return me(me(me({}, Ve.Error, S(qa || (qa = X([`
border-color: `, `;
&:hover,
&:active {
&:not(:focus) {
box-shadow: `, `;
}
}
`])), ue[p].border.error.default, qr[p].red)), Ve.None, S(Ja || (Ja = X([`
border-color: `, `;
&:hover,
&:active {
&:not(:focus) {
box-shadow: `, `;
}
}
`])), ue[p].border.primary.default, qr[p].gray)), Ve.Valid, S(Ka || (Ka = X([`
border-color: `, `;
&:hover,
&:active {
&:not(:focus) {
box-shadow: `, `;
}
}
`])), ue[p].border.success.default, qr[p].green))[y];
}({ theme: g, state: f }), To[g]), !c), function(D) {
return S(et || (et = X([`
cursor: not-allowed;
color: `, `;
background-color: `, `;
border-color: `, `;
&:hover,
&:active {
&:not(:focus) {
box-shadow: inherit;
}
}
& .`, ` {
cursor: not-allowed;
pointer-events: none;
color: `, `;
&::placeholder {
color: inherit;
}
&:-webkit-autofill {
&,
&:hover,
&:focus {
appearance: none;
-webkit-text-fill-color: `, `;
box-shadow: `, `;
}
&:hover:not(:focus) {
box-shadow: inherit;
}
}
}
`])), ue[D].text.disabled.default, ue[D].background.disabled.default, ue[D].border.disabled.default, Xr, ue[D].text.disabled.default, ue[D].text.disabled.hover, it(ue[D].background.disabled.hover));
}(g), c), h);
}, Vo = S(rt || (rt = X([`
width: 100%;
`]))), Bo = function(o) {
return Ee(Xr, o);
}, Uo = S(at || (at = X([`
display: flex;
align-items: center;
gap: `, `px;
`])), Ae[100]), _o = function(o) {
return S(tt || (tt = X([`
color: `, `;
font-size: 12px;
line-height: 12px;
font-style: italic;
font-weight: `, `;
display: flex;
align-items: center;
> p {
margin: 0;
}
`])), ue[o].text.secondary.default, ca.regular);
}, Xo = function(o, c, u) {
return Ee(Qr, function(f) {
return S(ot || (ot = X([`
color: `, `;
`])), ue[f].icon.secondary.default);
}(o), me({}, function(f) {
return S(nt || (nt = X([`
color: `, `;
&:active,
&:hover {
color: `, `;
}
&:focus {
color: `, `;
}
`])), ue[f].icon.disabled.default, ue[f].icon.disabled.hover, ue[f].icon.disabled.focus);
}(o), c), u);
}, Go = ["contentEnd", "className", "children"], At = Ir(function(o, c) {
var u = o.contentEnd, f = o.className, g = o.children, h = _r(o, Go), D = wr().theme, p = ua(), y = p.disabled, H = p.size, I = p.state, w = p.inputProps, G = p.optional, N = p.lgIds, A = x.cloneElement(g, ta(ta({}, w), {}, { className: Bo(g.props.className) })), de = I === Ve.None && !y && G, C = de || u;
return x.createElement("div", $r({}, h, { ref: c, className: Ao({ disabled: y, size: H ?? Ue.Default, state: I, theme: D, className: f }) }), x.createElement("div", { className: Vo }, A), C && x.createElement("div", { className: Uo }, de && x.createElement("div", { "data-lgid": N.optional, "data-testid": N.optional, className: _o(D) }, x.createElement("p", null, "Optional")), u && x.cloneElement(u, me(me({ className: Xo(D, y, u.props.className), disabled: y }, "data-lgid", N.contentEnd), "data-testid", N.contentEnd))));
});
At.displayName = "FormFieldInputWrapper";
function a(o, c, u) {
return (c = function(f) {
var g = function(h, D) {
if (typeof h != "object" || !h)
return h;
var p = h[Symbol.toPrimitive];
if (p !== void 0) {
var y = p.call(h, D);
if (typeof y != "object")
return y;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(h);
}(f, "string");
return typeof g == "symbol" ? g : g + "";
}(c)) in o ? Object.defineProperty(o, c, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : o[c] = u, o;
}
var st, ct, 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" }, s = { Default: "default", Hover: "hover", Focus: "focus" }, Er = d.black, U = d.blue, E = d.gray, ve = d.green, Pe = d.red, Ro = d.white, hr = d.yellow, Zo = { background: a(a(a(a(a(a(a(a({}, m.Primary, a(a(a({}, s.Default, Er), s.Hover, E.dark2), s.Focus, U.dark3)), m.Secondary, a(a(a({}, s.Default, E.dark4), s.Hover, E.dark2), s.Focus, U.dark3)), m.InversePrimary, a(a(a({}, s.Default, E.light2), s.Hover, E.light3), s.Focus, U.light2)), m.Info, a(a(a({}, s.Default, U.dark3), s.Hover, U.dark3), s.Focus, U.dark3)), m.Warning, a(a(a({}, s.Default, hr.dark3), s.Hover, hr.dark3), s.Focus, hr.dark3)), m.Success, a(a(a({}, s.Default, ve.dark3), s.Hover, ve.dark3), s.Focus, ve.dark3)), m.Error, a(a(a({}, s.Default, Pe.dark3), s.Hover, Pe.dark3), s.Focus, Pe.dark3)), m.Disabled, a(a(a({}, s.Default, E.dark3), s.Hover, E.dark3), s.Focus, E.dark3)), border: a(a(a(a(a(a(a(a({}, m.Primary, a(a(a({}, s.Default, E.base), s.Hover, E.base), s.Focus, U.light1)), m.Secondary, a(a(a({}, s.Default, E.dark2), s.Hover, E.dark2), s.Focus, U.light1)), m.Tertiary, a(a(a({}, s.Default, E.dark1), s.Hover, E.dark1), s.Focus, U.light1)), m.Success, a(a(a({}, s.Default, ve.dark1), s.Hover, ve.dark1), s.Focus, U.light1)), m.Error, a(a(a({}, s.Default, Pe.light1), s.Hover, Pe.light1), s.Focus, U.light1)), m.OnSuccess, a(a(a({}, s.Default, ve.dark2), s.Hover, ve.dark2), s.Focus, U.light1)), m.OnError, a(a(a({}, s.Default, Pe.dark2), s.Hover, Pe.dark2), s.Focus, U.light1)), m.Disabled, a(a(a({}, s.Default, E.dark2), s.Hover, E.dark2), s.Focus, E.dark2)), icon: a(a(a(a(a(a(a(a({}, m.Primary, a(a(a({}, s.Default, E.light1), s.Hover, E.light3), s.Focus, U.light3)), m.Secondary, a(a(a({}, s.Default, E.base), s.Hover, E.light3), s.Focus, U.light3)), m.InversePrimary, a(a(a({}, s.Default, Ro), s.Hover, Er), s.Focus, U.dark2)), m.Info, a(a(a({}, s.Default, U.light1), s.Hover, U.light1), s.Focus, U.light1)), m.Warning, a(a(a({}, s.Default, hr.base), s.Hover, hr.base), s.Focus, hr.base)), m.Success, a(a(a({}, s.Default, ve.base), s.Hover, ve.base), s.Focus, ve.base)), m.Error, a(a(a({}, s.Default, Pe.light1), s.Hover, Pe.light1), s.Focus, Pe.light1)), m.Disabled, a(a(a({}, s.Default, E.dark1), s.Hover, E.dark1), s.Focus, E.dark1)), text: (a(a(a(a(a(a(a(a(a(a(st = {}, m.Primary, a(a(a({}, s.Default, E.light2), s.Hover, E.light2), s.Focus, U.light3)), m.Placeholder, a(a(a({}, s.Default, E.dark1), s.Hover, E.dark1), s.Focus, E.dark1)), m.Secondary, a(a(a({}, s.Default, E.light1), s.Hover, E.light2), s.Focus, U.light3)), m.InversePrimary, a(a(a({}, s.Default, Er), s.Hover, Er), s.Focus, U.dark2)), m.InverseSecondary, a(a(a({}, s.Default, E.dark2), s.Hover, Er), s.Focus, U.dark2)), m.Disabled, a(a(a({}, s.Default, E.dark1), s.Hover, E.dark1), s.Focus, E.dark1)), m.Success, a(a(a({}, s.Default, ve.light2), s.Hover, ve.light2), s.Focus, ve.light2)), m.Error, a(a(a({}, s.Default, Pe.light1), s.Hover, Pe.light1), s.Focus, Pe.light1)), m.OnSuccess, a(a(a({}, s.Default, ve.light1), s.Hover, ve.light1), s.Focus, ve.light1)), m.OnSuccessLink, a(a(a({}, s.Default, ve.light3), s.Hover, ve.light3), s.Focus, ve.light3)), a(a(st, m.OnError, a(a(a({}, s.Default, Pe.light2), s.Hover, Pe.light2), s.Focus, Pe.light2)), m.Link, a(a(a({}, s.Default, U.light1), s.Hover, U.light1), s.Focus, U.light1))) }, vr = d.black, Y = d.blue, T = d.gray, se = d.green, xe = d.red, br = d.white, pr = d.yellow, Qo = { background: a(a(a(a(a(a(a(a({}, m.Primary, a(a(a({}, s.Default, br), s.Hover, T.light2), s.Focus, Y.light3)), m.Secondary, a(a(a({}, s.Default, T.light3), s.Hover, T.light2), s.Focus, Y.light3)), m.InversePrimary, a(a(a({}, s.Default, vr), s.Hover, T.dark3), s.Focus, Y.dark2)), m.Info, a(a(a({}, s.Default, Y.light3), s.Hover, Y.light3), s.Focus, Y.light3)), m.Warning, a(a(a({}, s.Default, pr.light3), s.Hover, pr.light3), s.Focus, pr.light3)), m.Success, a(a(a({}, s.Default, se.light3), s.Hover, se.light3), s.Focus, se.light3)), m.Error, a(a(a({}, s.Default, xe.light3), s.Hover, xe.light3), s.Focus, xe.light3)), m.Disabled, a(a(a({}, s.Default, T.light2), s.Hover, T.light2), s.Focus, T.light2)), border: a(a(a(a(a(a(a(a({}, m.Primary, a(a(a({}, s.Default, T.base), s.Hover, T.base), s.Focus, Y.light1)), m.Secondary, a(a(a({}, s.Default, T.light2), s.Hover, T.light2), s.Focus, Y.light1)), m.Tertiary, a(a(a({}, s.Default, T.light1), s.Hover, T.light1), s.Focus, Y.light1)), m.Success, a(a(a({}, s.Default, se.dark1), s.Hover, se.dark1), s.Focus, Y.light1)), m.Error, a(a(a({}, s.Default, xe.base), s.Hover, xe.base), s.Focus, Y.light1)), m.Disabled, a(a(a({}, s.Default, T.light1), s.Hover, T.light1), s.Focus, T.light1)), m.OnSuccess, a(a(a({}, s.Default, se.light2), s.Hover, se.light2), s.Focus, se.light2)), m.OnError, a(a(a({}, s.Default, xe.light2), s.Hover, xe.light2), s.Focus, xe.light2)), icon: a(a(a(a(a(a(a(a({}, m.Primary, a(a(a({}, s.Default, T.dark1), s.Hover, vr), s.Focus, Y.dark1)), m.Secondary, a(a(a({}, s.Default, T.base), s.Hover, vr), s.Focus, Y.dark1)), m.InversePrimary, a(a(a({}, s.Default, br), s.Hover, br), s.Focus, Y.light2)), m.Info, a(a(a({}, s.Default, Y.base), s.Hover, Y.base), s.Focus, Y.base)), m.Warning, a(a(a({}, s.Default, pr.dark2), s.Hover, pr.dark2), s.Focus, pr.dark2)), m.Success, a(a(a({}, s.Default, se.dark1), s.Hover, se.dark1), s.Focus, se.dark1)), m.Error, a(a(a({}, s.Default, xe.base), s.Hover, xe.base), s.Focus, xe.base)), m.Disabled, a(a(a({}, s.Default, T.base), s.Hover, T.base), s.Focus, T.base)), text: (a(a(a(a(a(a(a(a(a(a(ct = {}, m.Primary, a(a(a({}, s.Default, vr), s.Hover, vr), s.Focus, Y.dark1)), m.Secondary, a(a(a({}, s.Default, T.dark1), s.Hover, vr), s.Focus, Y.dark1)), m.InversePrimary, a(a(a({}, s.Default, br), s.Hover, br), s.Focus, Y.light2)), m.InverseSecondary, a(a(a({}, s.Default, T.light1), s.Hover, br), s.Focus, Y.light2)), m.Disabled, a(a(a({}, s.Default, T.base), s.Hover, T.base), s.Focus, T.base)), m.Success, a(a(a({}, s.Default, se.dark2), s.Hover, se.dark2), s.Focus, se.dark2)), m.Error, a(a(a({}, s.Default, xe.base), s.Hover, xe.base), s.Focus, xe.base)), m.Placeholder, a(a(a({}, s.Default, T.base), s.Hover, T.base), s.Focus, T.base)), m.OnSuccess, a(a(a({}, s.Default, se.dark2), s.Hover, se.dark2), s.Focus, se.dark2)), m.OnSuccessLink, a(a(a({}, s.Default, se.dark3), s.Hover, se.dark3), s.Focus, se.dark3)), a(a(ct, m.OnError, a(a(a({}, s.Default, xe.dark2), s.Hover, xe.dark2), s.Focus, xe.dark2)), m.Link, a(a(a({}, s.Default, Y.base), s.Hover, Y.base), s.Focus, Y.base))) };
a(a({}, F.Dark, Zo), F.Light, Qo);
var Gr = { Dark: "dark", Light: "light" };
a(a({}, Gr.Light, { default: "0 0 0 2px ".concat(d.white, ", 0 0 0 4px ").concat(d.blue.light1), input: "0 0 0 3px ".concat(d.blue.light1) }), Gr.Dark, { default: "0 0 0 2px ".concat(d.black, ", 0 0 0 4px ").concat(d.blue.light1), input: "0 0 0 3px ".con