mbt-ui-kit 0.1.28 → 0.1.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.ai/agent-examples/README.md +4 -0
- package/.ai/agent-reference/README.md +1 -0
- package/dist/components/button/button.d.ts +1 -0
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +102 -93
- package/dist/styles/mbt-ui-kit.css +1 -1
- package/package.json +1 -1
|
@@ -37,6 +37,7 @@ This folder holds factual package reference for `mbt-ui-kit`.
|
|
|
37
37
|
## Ref Notes
|
|
38
38
|
|
|
39
39
|
- `Button` forwards refs to its underlying native `button` element.
|
|
40
|
+
- `Button` supports `contentGap?: 0 | 1 | 2 | 3 | 4` to control spacing between mixed inline children on the package spacing scale.
|
|
40
41
|
- `Input` forwards refs to its underlying native `input` element.
|
|
41
42
|
|
|
42
43
|
## Typography Notes
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
2
|
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
children?: ReactNode;
|
|
4
|
+
contentGap?: 0 | 1 | 2 | 3 | 4;
|
|
4
5
|
fullWidth?: boolean;
|
|
5
6
|
loading?: boolean;
|
|
6
7
|
variant?: 'primary' | 'secondary';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAED,eAAO,MAAM,MAAM,2GAgDlB,CAAC"}
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./tokens-C8rDJFS5.cjs"),t=require("react/jsx-runtime"),p=require("react");function j({size:s="md",className:e,...n}){const o=["mbt-loader",`mbt-loader--${s}`,e].filter(Boolean).join(" ");return t.jsxs("span",{className:o,...n,children:[t.jsx("span",{className:"mbt-loader__dot"}),t.jsx("span",{className:"mbt-loader__dot"}),t.jsx("span",{className:"mbt-loader__dot"})]})}const B={0:"0",1:"4px",2:"8px",3:"12px",4:"16px"},_=p.forwardRef(({children:s,contentGap:e,fullWidth:n,disabled:o,loading:i,variant:l="primary",className:r,...c},a)=>{const u=o||i,d=e===void 0?void 0:{"--mbt-button-content-gap":B[e]},x=["mbt-button",l&&`mbt-button--${l}`,n&&"mbt-button--full-width",o&&"mbt-button--disabled",i&&"mbt-button--loading",r].filter(Boolean).join(" ");return t.jsxs("button",{ref:a,type:"button",className:x,disabled:u,...c,children:[t.jsx("span",{className:"mbt-button__content",style:d,children:s}),i&&t.jsx(j,{size:"md",className:"mbt-button__loader"})]})});_.displayName="Button";function v({level:s,children:e,contentGap:n=!1,className:o,...i}){const l=`h${s}`,r=[`mbt-h${s}`,o].filter(Boolean).join(" "),c=n?t.jsx("span",{className:`mbt-h${s}__content`,children:p.Children.toArray(e).map(a=>typeof a=="string"?a.trim():a).filter(a=>a!=="")}):e;return t.jsx(l,{className:r,...i,children:c})}function C({children:s,large:e=!1,muted:n=!1,contentGap:o=!1,as:i="div",className:l,...r}){const c=i,a=["mbt-metric",e&&"mbt-metric--large",n&&"mbt-metric--muted",l].filter(Boolean).join(" "),u=o?t.jsx("span",{className:"mbt-metric__content",children:p.Children.toArray(s).map(d=>typeof d=="string"?d.trim():d).filter(d=>d!=="")}):s;return t.jsx(c,{className:a,...r,children:u})}function g({children:s,strong:e=!1,small:n=!1,label:o=!1,muted:i=!1,disableFontFeatures:l=!1,contentGap:r=!1,as:c="p",className:a,...u}){const d=c,x=["mbt-text",e&&"mbt-text--strong",n&&"mbt-text--small",o&&"mbt-text--label",i&&"mbt-text--muted",l&&"mbt-text--no-features",a].filter(Boolean).join(" "),h=r?t.jsx("span",{className:"mbt-text__content",children:p.Children.toArray(s).map(b=>typeof b=="string"?b.trim():b).filter(b=>b!=="")}):s;return t.jsx(d,{className:x,...u,children:h})}function y(){return t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t.jsx("path",{d:"M12 4L19 10.5L16.5 12.5L12 8.5L7.5 12.5L5 10.5L12 4Z",fill:"currentColor"}),t.jsx("path",{d:"M12 9L19 15.5L16.5 17.5L12 13.5L7.5 17.5L5 15.5L12 9Z",fill:"currentColor"})]})}function I(){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t.jsx("path",{d:"M8 3V13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),t.jsx("path",{d:"M3 8H13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}function M({children:s,icon:e,purchasable:n=!1,boost:o=!1,className:i,...l}){const r=!!e,c=r&&n,a=["mbt-badge",r&&"mbt-badge--with-icon",n&&"mbt-badge--purchasable",o&&"mbt-badge--boost",i].filter(Boolean).join(" ");return t.jsxs("div",{className:a,...l,children:[r&&t.jsxs("span",{className:"mbt-badge__media",children:[t.jsx("span",{className:"mbt-badge__icon",children:e}),c&&t.jsx("span",{className:"mbt-badge__purchasable","aria-hidden":"true",children:t.jsx(I,{})})]}),t.jsx(g,{as:"span",disableFontFeatures:!0,strong:!0,className:"mbt-badge__content",children:s}),o&&t.jsx("span",{className:"mbt-badge__boost","aria-hidden":"true",children:t.jsx(y,{})})]})}function N({className:s,title:e="Search"}){return t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:s,role:"img","aria-label":e,children:[t.jsx("title",{children:e}),t.jsx("circle",{cx:"11",cy:"11",r:"8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"m21 21-4.34-4.34",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}const w=p.forwardRef(({label:s,muted:e=!1,showSearchIcon:n=!1,icon:o,fullWidth:i=!1,className:l,...r},c)=>{const a=p.useId(),u=r.id??a,d=["mbt-input",i&&"mbt-input--full-width",l].filter(Boolean).join(" "),x=["mbt-input__label",e&&"mbt-input__label--muted"].filter(Boolean).join(" "),h=["mbt-input__wrapper",e&&"mbt-input__wrapper--muted"].filter(Boolean).join(" "),b=["mbt-input__field",e&&"mbt-input__field--muted"].filter(Boolean).join(" "),L=["mbt-input__icon",e&&"mbt-input__icon--muted"].filter(Boolean).join(" "),f=o||n&&t.jsx(N,{});return t.jsx("div",{className:d,children:t.jsxs("div",{className:"mbt-input__container",children:[s&&t.jsx("label",{htmlFor:u,className:x,children:s}),t.jsxs("div",{className:h,children:[t.jsx("input",{ref:c,id:u,type:"text",className:b,...r}),f&&t.jsx("div",{className:L,children:f})]})]})})});w.displayName="Input";function k({className:s,title:e="Graduation cap"}){return t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:s,role:"img","aria-label":e,children:[t.jsx("title",{children:e}),t.jsx("path",{d:"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M22 10v6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M6 12.5V16a6 3 0 0 0 12 0v-3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function W({children:s,icon:e,selected:n=!1,small:o=!1,disabled:i,className:l,...r}){const c=["mbt-menu-button",n&&"mbt-menu-button--selected",o&&"mbt-menu-button--small",l].filter(Boolean).join(" "),a=e??t.jsx(k,{});return t.jsxs("button",{type:"button",className:c,disabled:i,"aria-pressed":n,...r,children:[t.jsx("div",{className:"mbt-menu-button__icon",children:a}),t.jsx("span",{className:"mbt-menu-button__text",children:s})]})}exports.colors=m.colors;exports.fontFeatures=m.fontFeatures;exports.fontSizes=m.fontSizes;exports.fontWeights=m.fontWeights;exports.fonts=m.fonts;exports.radius=m.radius;exports.spacing=m.spacing;exports.tokens=m.tokens;exports.transitions=m.transitions;exports.zIndex=m.zIndex;exports.Badge=M;exports.Button=_;exports.GraduationCapIcon=k;exports.Heading=v;exports.Input=w;exports.Loader=j;exports.MenuButton=W;exports.Metric=C;exports.SearchIcon=N;exports.Text=g;
|
package/dist/index.mjs
CHANGED
|
@@ -1,101 +1,110 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
import { jsxs as
|
|
1
|
+
import { c as G, f as H, a as P, b as V, d as Z, r as D, s as R, t as q, e as E, z as J } from "./tokens-C0g4TAJO.js";
|
|
2
|
+
import { jsxs as d, jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef as g, Children as f, useId as w } from "react";
|
|
4
|
-
function
|
|
5
|
-
const
|
|
6
|
-
return /* @__PURE__ */
|
|
4
|
+
function x({ size: n = "md", className: e, ...s }) {
|
|
5
|
+
const o = ["mbt-loader", `mbt-loader--${n}`, e].filter(Boolean).join(" ");
|
|
6
|
+
return /* @__PURE__ */ d("span", { className: o, ...s, children: [
|
|
7
7
|
/* @__PURE__ */ t("span", { className: "mbt-loader__dot" }),
|
|
8
8
|
/* @__PURE__ */ t("span", { className: "mbt-loader__dot" }),
|
|
9
9
|
/* @__PURE__ */ t("span", { className: "mbt-loader__dot" })
|
|
10
10
|
] });
|
|
11
11
|
}
|
|
12
|
-
const
|
|
12
|
+
const k = {
|
|
13
|
+
0: "0",
|
|
14
|
+
1: "4px",
|
|
15
|
+
2: "8px",
|
|
16
|
+
3: "12px",
|
|
17
|
+
4: "16px"
|
|
18
|
+
}, L = g(
|
|
13
19
|
({
|
|
14
20
|
children: n,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
contentGap: e,
|
|
22
|
+
fullWidth: s,
|
|
23
|
+
disabled: o,
|
|
24
|
+
loading: i,
|
|
25
|
+
variant: l = "primary",
|
|
26
|
+
className: a,
|
|
27
|
+
...c
|
|
28
|
+
}, r) => {
|
|
29
|
+
const u = o || i, m = e === void 0 ? void 0 : {
|
|
30
|
+
"--mbt-button-content-gap": k[e]
|
|
31
|
+
}, p = [
|
|
23
32
|
"mbt-button",
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
33
|
+
l && `mbt-button--${l}`,
|
|
34
|
+
s && "mbt-button--full-width",
|
|
35
|
+
o && "mbt-button--disabled",
|
|
36
|
+
i && "mbt-button--loading",
|
|
37
|
+
a
|
|
29
38
|
].filter(Boolean).join(" ");
|
|
30
|
-
return /* @__PURE__ */
|
|
39
|
+
return /* @__PURE__ */ d(
|
|
31
40
|
"button",
|
|
32
41
|
{
|
|
33
|
-
ref:
|
|
42
|
+
ref: r,
|
|
34
43
|
type: "button",
|
|
35
|
-
className:
|
|
36
|
-
disabled:
|
|
37
|
-
...
|
|
44
|
+
className: p,
|
|
45
|
+
disabled: u,
|
|
46
|
+
...c,
|
|
38
47
|
children: [
|
|
39
|
-
/* @__PURE__ */ t("span", { className: "mbt-button__content", children: n }),
|
|
40
|
-
|
|
48
|
+
/* @__PURE__ */ t("span", { className: "mbt-button__content", style: m, children: n }),
|
|
49
|
+
i && /* @__PURE__ */ t(x, { size: "md", className: "mbt-button__loader" })
|
|
41
50
|
]
|
|
42
51
|
}
|
|
43
52
|
);
|
|
44
53
|
}
|
|
45
54
|
);
|
|
46
55
|
L.displayName = "Button";
|
|
47
|
-
function
|
|
56
|
+
function z({
|
|
48
57
|
level: n,
|
|
49
58
|
children: e,
|
|
50
59
|
contentGap: s = !1,
|
|
51
|
-
className:
|
|
60
|
+
className: o,
|
|
52
61
|
...i
|
|
53
62
|
}) {
|
|
54
|
-
const l = `h${n}`,
|
|
55
|
-
return /* @__PURE__ */ t(l, { className:
|
|
63
|
+
const l = `h${n}`, a = [`mbt-h${n}`, o].filter(Boolean).join(" "), c = s ? /* @__PURE__ */ t("span", { className: `mbt-h${n}__content`, children: f.toArray(e).map((r) => typeof r == "string" ? r.trim() : r).filter((r) => r !== "") }) : e;
|
|
64
|
+
return /* @__PURE__ */ t(l, { className: a, ...i, children: c });
|
|
56
65
|
}
|
|
57
|
-
function
|
|
66
|
+
function $({
|
|
58
67
|
children: n,
|
|
59
68
|
large: e = !1,
|
|
60
69
|
muted: s = !1,
|
|
61
|
-
contentGap:
|
|
70
|
+
contentGap: o = !1,
|
|
62
71
|
as: i = "div",
|
|
63
72
|
className: l,
|
|
64
|
-
...
|
|
73
|
+
...a
|
|
65
74
|
}) {
|
|
66
75
|
const c = i, r = [
|
|
67
76
|
"mbt-metric",
|
|
68
77
|
e && "mbt-metric--large",
|
|
69
78
|
s && "mbt-metric--muted",
|
|
70
79
|
l
|
|
71
|
-
].filter(Boolean).join(" "), u =
|
|
72
|
-
return /* @__PURE__ */ t(c, { className: r, ...
|
|
80
|
+
].filter(Boolean).join(" "), u = o ? /* @__PURE__ */ t("span", { className: "mbt-metric__content", children: f.toArray(n).map((m) => typeof m == "string" ? m.trim() : m).filter((m) => m !== "") }) : n;
|
|
81
|
+
return /* @__PURE__ */ t(c, { className: r, ...a, children: u });
|
|
73
82
|
}
|
|
74
|
-
function
|
|
83
|
+
function B({
|
|
75
84
|
children: n,
|
|
76
85
|
strong: e = !1,
|
|
77
86
|
small: s = !1,
|
|
78
|
-
label:
|
|
87
|
+
label: o = !1,
|
|
79
88
|
muted: i = !1,
|
|
80
89
|
disableFontFeatures: l = !1,
|
|
81
|
-
contentGap:
|
|
90
|
+
contentGap: a = !1,
|
|
82
91
|
as: c = "p",
|
|
83
92
|
className: r,
|
|
84
93
|
...u
|
|
85
94
|
}) {
|
|
86
|
-
const
|
|
95
|
+
const m = c, p = [
|
|
87
96
|
"mbt-text",
|
|
88
97
|
e && "mbt-text--strong",
|
|
89
98
|
s && "mbt-text--small",
|
|
90
|
-
|
|
99
|
+
o && "mbt-text--label",
|
|
91
100
|
i && "mbt-text--muted",
|
|
92
101
|
l && "mbt-text--no-features",
|
|
93
102
|
r
|
|
94
|
-
].filter(Boolean).join(" "), h =
|
|
95
|
-
return /* @__PURE__ */ t(
|
|
103
|
+
].filter(Boolean).join(" "), h = a ? /* @__PURE__ */ t("span", { className: "mbt-text__content", children: f.toArray(n).map((b) => typeof b == "string" ? b.trim() : b).filter((b) => b !== "") }) : n;
|
|
104
|
+
return /* @__PURE__ */ t(m, { className: p, ...u, children: h });
|
|
96
105
|
}
|
|
97
|
-
function
|
|
98
|
-
return /* @__PURE__ */
|
|
106
|
+
function v() {
|
|
107
|
+
return /* @__PURE__ */ d(
|
|
99
108
|
"svg",
|
|
100
109
|
{
|
|
101
110
|
width: "24",
|
|
@@ -124,7 +133,7 @@ function B() {
|
|
|
124
133
|
);
|
|
125
134
|
}
|
|
126
135
|
function j() {
|
|
127
|
-
return /* @__PURE__ */
|
|
136
|
+
return /* @__PURE__ */ d(
|
|
128
137
|
"svg",
|
|
129
138
|
{
|
|
130
139
|
width: "16",
|
|
@@ -156,32 +165,32 @@ function j() {
|
|
|
156
165
|
}
|
|
157
166
|
);
|
|
158
167
|
}
|
|
159
|
-
function
|
|
168
|
+
function F({
|
|
160
169
|
children: n,
|
|
161
170
|
icon: e,
|
|
162
171
|
purchasable: s = !1,
|
|
163
|
-
boost:
|
|
172
|
+
boost: o = !1,
|
|
164
173
|
className: i,
|
|
165
174
|
...l
|
|
166
175
|
}) {
|
|
167
|
-
const
|
|
176
|
+
const a = !!e, c = a && s, r = [
|
|
168
177
|
"mbt-badge",
|
|
169
|
-
|
|
178
|
+
a && "mbt-badge--with-icon",
|
|
170
179
|
s && "mbt-badge--purchasable",
|
|
171
|
-
|
|
180
|
+
o && "mbt-badge--boost",
|
|
172
181
|
i
|
|
173
182
|
].filter(Boolean).join(" ");
|
|
174
|
-
return /* @__PURE__ */
|
|
175
|
-
|
|
183
|
+
return /* @__PURE__ */ d("div", { className: r, ...l, children: [
|
|
184
|
+
a && /* @__PURE__ */ d("span", { className: "mbt-badge__media", children: [
|
|
176
185
|
/* @__PURE__ */ t("span", { className: "mbt-badge__icon", children: e }),
|
|
177
186
|
c && /* @__PURE__ */ t("span", { className: "mbt-badge__purchasable", "aria-hidden": "true", children: /* @__PURE__ */ t(j, {}) })
|
|
178
187
|
] }),
|
|
179
|
-
/* @__PURE__ */ t(
|
|
180
|
-
|
|
188
|
+
/* @__PURE__ */ t(B, { as: "span", disableFontFeatures: !0, strong: !0, className: "mbt-badge__content", children: n }),
|
|
189
|
+
o && /* @__PURE__ */ t("span", { className: "mbt-badge__boost", "aria-hidden": "true", children: /* @__PURE__ */ t(v, {}) })
|
|
181
190
|
] });
|
|
182
191
|
}
|
|
183
|
-
function
|
|
184
|
-
return /* @__PURE__ */
|
|
192
|
+
function y({ className: n, title: e = "Search" }) {
|
|
193
|
+
return /* @__PURE__ */ d(
|
|
185
194
|
"svg",
|
|
186
195
|
{
|
|
187
196
|
width: "24",
|
|
@@ -220,17 +229,17 @@ function v({ className: n, title: e = "Search" }) {
|
|
|
220
229
|
}
|
|
221
230
|
);
|
|
222
231
|
}
|
|
223
|
-
const
|
|
232
|
+
const C = g(
|
|
224
233
|
({
|
|
225
234
|
label: n,
|
|
226
235
|
muted: e = !1,
|
|
227
236
|
showSearchIcon: s = !1,
|
|
228
|
-
icon:
|
|
237
|
+
icon: o,
|
|
229
238
|
fullWidth: i = !1,
|
|
230
239
|
className: l,
|
|
231
|
-
...
|
|
240
|
+
...a
|
|
232
241
|
}, c) => {
|
|
233
|
-
const r = w(), u =
|
|
242
|
+
const r = w(), u = a.id ?? r, m = [
|
|
234
243
|
"mbt-input",
|
|
235
244
|
i && "mbt-input--full-width",
|
|
236
245
|
l
|
|
@@ -243,10 +252,10 @@ const y = g(
|
|
|
243
252
|
].filter(Boolean).join(" "), b = [
|
|
244
253
|
"mbt-input__field",
|
|
245
254
|
e && "mbt-input__field--muted"
|
|
246
|
-
].filter(Boolean).join(" "), N = ["mbt-input__icon", e && "mbt-input__icon--muted"].filter(Boolean).join(" "), _ =
|
|
247
|
-
return /* @__PURE__ */ t("div", { className:
|
|
255
|
+
].filter(Boolean).join(" "), N = ["mbt-input__icon", e && "mbt-input__icon--muted"].filter(Boolean).join(" "), _ = o || s && /* @__PURE__ */ t(y, {});
|
|
256
|
+
return /* @__PURE__ */ t("div", { className: m, children: /* @__PURE__ */ d("div", { className: "mbt-input__container", children: [
|
|
248
257
|
n && /* @__PURE__ */ t("label", { htmlFor: u, className: p, children: n }),
|
|
249
|
-
/* @__PURE__ */
|
|
258
|
+
/* @__PURE__ */ d("div", { className: h, children: [
|
|
250
259
|
/* @__PURE__ */ t(
|
|
251
260
|
"input",
|
|
252
261
|
{
|
|
@@ -254,7 +263,7 @@ const y = g(
|
|
|
254
263
|
id: u,
|
|
255
264
|
type: "text",
|
|
256
265
|
className: b,
|
|
257
|
-
...
|
|
266
|
+
...a
|
|
258
267
|
}
|
|
259
268
|
),
|
|
260
269
|
_ && /* @__PURE__ */ t("div", { className: N, children: _ })
|
|
@@ -262,12 +271,12 @@ const y = g(
|
|
|
262
271
|
] }) });
|
|
263
272
|
}
|
|
264
273
|
);
|
|
265
|
-
|
|
266
|
-
function
|
|
274
|
+
C.displayName = "Input";
|
|
275
|
+
function I({
|
|
267
276
|
className: n,
|
|
268
277
|
title: e = "Graduation cap"
|
|
269
278
|
}) {
|
|
270
|
-
return /* @__PURE__ */
|
|
279
|
+
return /* @__PURE__ */ d(
|
|
271
280
|
"svg",
|
|
272
281
|
{
|
|
273
282
|
width: "24",
|
|
@@ -314,55 +323,55 @@ function C({
|
|
|
314
323
|
}
|
|
315
324
|
);
|
|
316
325
|
}
|
|
317
|
-
function
|
|
326
|
+
function S({
|
|
318
327
|
children: n,
|
|
319
328
|
icon: e,
|
|
320
329
|
selected: s = !1,
|
|
321
|
-
small:
|
|
330
|
+
small: o = !1,
|
|
322
331
|
disabled: i,
|
|
323
332
|
className: l,
|
|
324
|
-
...
|
|
333
|
+
...a
|
|
325
334
|
}) {
|
|
326
335
|
const c = [
|
|
327
336
|
"mbt-menu-button",
|
|
328
337
|
s && "mbt-menu-button--selected",
|
|
329
|
-
|
|
338
|
+
o && "mbt-menu-button--small",
|
|
330
339
|
l
|
|
331
340
|
].filter(Boolean).join(" ");
|
|
332
|
-
return /* @__PURE__ */
|
|
341
|
+
return /* @__PURE__ */ d(
|
|
333
342
|
"button",
|
|
334
343
|
{
|
|
335
344
|
type: "button",
|
|
336
345
|
className: c,
|
|
337
346
|
disabled: i,
|
|
338
347
|
"aria-pressed": s,
|
|
339
|
-
...
|
|
348
|
+
...a,
|
|
340
349
|
children: [
|
|
341
|
-
/* @__PURE__ */ t("div", { className: "mbt-menu-button__icon", children: e ?? /* @__PURE__ */ t(
|
|
350
|
+
/* @__PURE__ */ t("div", { className: "mbt-menu-button__icon", children: e ?? /* @__PURE__ */ t(I, {}) }),
|
|
342
351
|
/* @__PURE__ */ t("span", { className: "mbt-menu-button__text", children: n })
|
|
343
352
|
]
|
|
344
353
|
}
|
|
345
354
|
);
|
|
346
355
|
}
|
|
347
356
|
export {
|
|
348
|
-
|
|
357
|
+
F as Badge,
|
|
349
358
|
L as Button,
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
359
|
+
I as GraduationCapIcon,
|
|
360
|
+
z as Heading,
|
|
361
|
+
C as Input,
|
|
362
|
+
x as Loader,
|
|
363
|
+
S as MenuButton,
|
|
364
|
+
$ as Metric,
|
|
365
|
+
y as SearchIcon,
|
|
366
|
+
B as Text,
|
|
367
|
+
G as colors,
|
|
368
|
+
H as fontFeatures,
|
|
369
|
+
P as fontSizes,
|
|
370
|
+
V as fontWeights,
|
|
371
|
+
Z as fonts,
|
|
372
|
+
D as radius,
|
|
373
|
+
R as spacing,
|
|
374
|
+
q as tokens,
|
|
375
|
+
E as transitions,
|
|
376
|
+
J as zIndex
|
|
368
377
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-v23-latin-regular.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-v23-latin-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-v23-latin-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-v20-latin-regular.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-v20-latin-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-v20-latin-600.woff2) format("woff2")}.mbt-button{appearance:none;border:none;background:none;cursor:pointer;outline:none;padding:8px 16px;display:flex;align-items:center;justify-content:center;height:37px;max-height:37px;min-height:37px;position:relative;border-radius:8px;font-family:IBM Plex Sans,sans-serif;font-size:16px;font-weight:500;line-height:normal;text-transform:uppercase;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,color .15s ease}.mbt-button--primary{background-color:#f2f4fa;color:#0b0e14}.mbt-button--secondary{background-color:#1d2335;color:#f2f4fa}.mbt-button__content{display:inline-flex;align-items:center;justify-content:center;gap:8px}.mbt-button__content svg{display:block;flex-shrink:0}.mbt-button__loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.mbt-button:hover{color:#6663fd}.mbt-button:active{opacity:.9}.mbt-button:focus-visible{box-shadow:0 0 0 2px #0b0e14,0 0 0 4px #6663fd}.mbt-button--disabled{background-color:#1d2335;color:#8d92a9;cursor:not-allowed;pointer-events:none}.mbt-button--loading{cursor:not-allowed;pointer-events:none}.mbt-button--loading .mbt-button__content{visibility:hidden}.mbt-button--full-width{width:100%}.mbt-badge{position:relative;display:inline-flex;align-items:center;gap:12px;height:24px;max-height:24px;padding:4px 12px;border-radius:999px;background:#1d2335;color:#f2f4fa;overflow:visible;-webkit-user-select:none;user-select:none}.mbt-badge--with-icon{padding-left:12px}.mbt-badge--purchasable{cursor:pointer}.mbt-badge--boost{padding-right:20px}.mbt-badge__media{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;margin-left:-20px}.mbt-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.mbt-badge__icon svg{display:block;max-width:100%;max-height:100%}.mbt-badge__purchasable{position:absolute;right:-8px;bottom:-7px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#f2f4fa}.mbt-badge__content{display:inline-flex;align-items:center;min-width:0;line-height:1;color:inherit;white-space:nowrap}.mbt-badge__boost{position:absolute;top:-8px;right:-8px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#0950c2}.mbt-input__container{display:flex;flex-direction:column;gap:10px;width:100%;max-width:296px}.mbt-input__label{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1;color:#f2f4fa;margin:0;font-feature-settings:"ss01" 1,"salt" 1,"ss02" 1}.mbt-input__label--muted{color:#8d92a9}.mbt-input__wrapper{position:relative;display:flex;align-items:center;width:100%;border:1px solid #f2f4fa;border-radius:8px;padding:8px 16px;background-color:transparent;transition:border-color .15s ease}.mbt-input__wrapper--muted{border-color:#8d92a9}.mbt-input__wrapper:focus-within{border-color:#6663fd}.mbt-input__field{flex:1;appearance:none;border:none;background:none;outline:none;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1;color:#f2f4fa;font-feature-settings:"ss01" 1,"salt" 1,"ss02" 1}.mbt-input__field::placeholder{color:#f2f4fa}.mbt-input__field--muted{color:#8d92a9}.mbt-input__field--muted::placeholder{color:#8d92a9}.mbt-input__icon{flex-shrink:0;width:24px;height:24px;margin-left:8px;color:#f2f4fa}.mbt-input__icon--muted{color:#8d92a9}.mbt-input--full-width .mbt-input__container{max-width:none}.mbt-h1{font-family:IBM Plex Sans,sans-serif;font-size:72px;font-weight:600;line-height:80px;color:#f2f4fa;margin:0}.mbt-h1__content{display:inline-flex;align-items:center;gap:8px}.mbt-h1__content svg{display:block;flex-shrink:0}.mbt-h2{font-family:IBM Plex Sans,sans-serif;font-size:40px;font-weight:600;line-height:48px;color:#f2f4fa;margin:0}.mbt-h2__content{display:inline-flex;align-items:center;gap:8px}.mbt-h2__content svg{display:block;flex-shrink:0}.mbt-h3{font-family:IBM Plex Sans,sans-serif;font-size:28px;font-weight:500;line-height:36px;color:#f2f4fa;margin:0}.mbt-h3__content{display:inline-flex;align-items:center;gap:8px}.mbt-h3__content svg{display:block;flex-shrink:0}.mbt-h4{font-family:IBM Plex Sans,sans-serif;font-size:20px;font-weight:500;line-height:28px;color:#f2f4fa;margin:0}.mbt-h4__content{display:inline-flex;align-items:center;gap:8px}.mbt-h4__content svg{display:block;flex-shrink:0}.mbt-h5{font-family:IBM Plex Sans,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#f2f4fa;margin:0}.mbt-h5__content{display:inline-flex;align-items:center;gap:8px}.mbt-h5__content svg{display:block;flex-shrink:0}.mbt-text{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:normal;color:#f2f4fa;margin:0;font-feature-settings:"salt" on,"ss01" on,"ss02" on}.mbt-text svg{display:inline-block;vertical-align:middle}.mbt-text__content{display:inline-flex;align-items:center;gap:8px}.mbt-text__content svg{display:block;flex-shrink:0}.mbt-text--strong{font-weight:500}.mbt-text--small{font-size:12px;line-height:18px}.mbt-text--label{font-size:12px;text-transform:uppercase}.mbt-text--muted{color:#8d92a9}.mbt-text--no-features{font-feature-settings:normal}.mbt-metric{font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:400;line-height:1;color:#f2f4fa;margin:0}.mbt-metric__content{display:inline-flex;align-items:center;gap:8px}.mbt-metric__content svg{display:block;flex-shrink:0}.mbt-metric--large{font-size:24px;font-weight:500;line-height:32px}.mbt-metric--muted{color:#8d92a9}.mbt-menu-button{appearance:none;border:none;background:none;cursor:pointer;outline:none;display:flex;align-items:center;width:248px;height:44px;padding:4px 12px;gap:8px;font-family:IBM Plex Sans,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#f2f4fa;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:8px;transition:background-color .15s ease,color .15s ease}.mbt-menu-button__icon{flex-shrink:0;width:24px;height:24px;color:#f2f4fa;transition:color .15s ease}.mbt-menu-button__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.mbt-menu-button:hover:not(:disabled):not(.mbt-menu-button--selected){background-color:#2a3148;color:#0950c2}.mbt-menu-button:hover:not(:disabled):not(.mbt-menu-button--selected) .mbt-menu-button__icon{color:#0950c2}.mbt-menu-button--selected{background-color:#1d2335;color:#6663fd}.mbt-menu-button--selected .mbt-menu-button__icon{color:#6663fd}.mbt-menu-button--small{padding:4px 8px;height:32px;gap:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:18px}.mbt-menu-button--small .mbt-menu-button__icon{width:20px;height:20px}.mbt-menu-button:disabled{color:#8d92a9;cursor:not-allowed;pointer-events:none}.mbt-menu-button:disabled .mbt-menu-button__icon{color:#8d92a9}.mbt-loader{display:inline-flex;align-items:center;gap:4px}.mbt-loader__dot{display:inline-block;background-color:currentColor;border-radius:999px;animation:mbt-loader-bounce 1.4s infinite ease-in-out both}.mbt-loader__dot:nth-child(1){animation-delay:-.32s}.mbt-loader__dot:nth-child(2){animation-delay:-.16s}.mbt-loader--sm .mbt-loader__dot{width:6px;height:6px}.mbt-loader--md .mbt-loader__dot{width:9px;height:9px}.mbt-loader--lg .mbt-loader__dot{width:12px;height:12px}@keyframes mbt-loader-bounce{0%,80%,to{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1)}}*,*:before,*:after{box-sizing:border-box}:root{--mbt-color-bg-0: #0b0e14;--mbt-color-bg-1: #111520;--mbt-color-surface: #171c2a;--mbt-color-surface-raised: #1d2335;--mbt-color-border: #2a3148;--mbt-color-gray: #475569;--mbt-color-text-primary: #f2f4fa;--mbt-color-text-muted: #8d92a9;--mbt-color-text-inverse: #0b0e14;--mbt-color-primary: #6663fd;--mbt-color-secondary: #0950c2;--mbt-color-success: #00b279;--mbt-color-error: #f2766a;--mbt-color-warning: #e6c352;--mbt-color-diamond: #e6f3ff;--mbt-color-primary-stop-0: #00a09e;--mbt-color-primary-stop-1: #234dc5;--mbt-color-primary-stop-2: #1945d9;--mbt-color-diamond-stop-0: #beacd3;--mbt-color-diamond-stop-1: #bee3f7;--mbt-color-diamond-stop-2: #efece7;--mbt-color-diamond-stop-3: #f8ddde;--mbt-color-diamond-stop-4: #cfe6f1;--mbt-color-gold: #d1a64a;--mbt-color-silver: #969fa6;--mbt-color-bronze: #956c68;--mbt-font-primary: "IBM Plex Sans", sans-serif;--mbt-font-secondary: "Inter", sans-serif;--mbt-font-mono: "IBM Plex Mono", monospace;--mbt-font-size-1: 12px;--mbt-font-size-2: 14px;--mbt-font-size-3: 16px;--mbt-font-size-4: 20px;--mbt-font-size-5: 24px;--mbt-font-size-6: 28px;--mbt-font-size-7: 40px;--mbt-font-size-8: 48px;--mbt-font-size-9: 72px;--mbt-font-weight-regular: 400;--mbt-font-weight-medium: 500;--mbt-font-weight-semibold: 600;--mbt-font-feature-inter-stylistic: "salt" on, "ss01" on, "ss02" on;--mbt-space-0: 0;--mbt-space-1: 4px;--mbt-space-2: 8px;--mbt-space-3: 12px;--mbt-space-4: 16px;--mbt-space-5: 24px;--mbt-space-6: 32px;--mbt-space-7: 48px;--mbt-space-8: 64px;--mbt-space-9: 96px;--mbt-space-10: 128px;--mbt-radius-0: 0;--mbt-radius-xs: 4px;--mbt-radius-sm: 8px;--mbt-radius-md: 12px;--mbt-radius-lg: 16px;--mbt-radius-xl: 24px;--mbt-radius-full: 999px;--mbt-z-index-0: 0;--mbt-z-index-1: 100;--mbt-z-index-2: 200;--mbt-z-index-3: 300;--mbt-z-index-4: 400;--mbt-z-index-5: 500;--mbt-transition-fast: .15s ease;--mbt-transition-normal: .25s ease;--mbt-transition-slow: .4s ease}
|
|
1
|
+
@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-v23-latin-regular.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-v23-latin-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-v23-latin-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-v20-latin-regular.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-v20-latin-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-v20-latin-600.woff2) format("woff2")}.mbt-button{appearance:none;border:none;background:none;cursor:pointer;outline:none;padding:8px 16px;display:flex;align-items:center;justify-content:center;height:37px;max-height:37px;min-height:37px;position:relative;border-radius:8px;font-family:IBM Plex Sans,sans-serif;font-size:16px;font-weight:500;line-height:normal;text-transform:uppercase;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,color .15s ease}.mbt-button--primary{background-color:#f2f4fa;color:#0b0e14}.mbt-button--secondary{background-color:#1d2335;color:#f2f4fa}.mbt-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--mbt-button-content-gap, 4px)}.mbt-button__content svg{display:block;flex-shrink:0}.mbt-button__loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.mbt-button:hover{color:#6663fd}.mbt-button:active{opacity:.9}.mbt-button:focus-visible{box-shadow:0 0 0 2px #0b0e14,0 0 0 4px #6663fd}.mbt-button--disabled{background-color:#1d2335;color:#8d92a9;cursor:not-allowed;pointer-events:none}.mbt-button--loading{cursor:not-allowed;pointer-events:none}.mbt-button--loading .mbt-button__content{visibility:hidden}.mbt-button--full-width{width:100%}.mbt-badge{position:relative;display:inline-flex;align-items:center;gap:12px;height:24px;max-height:24px;padding:4px 12px;border-radius:999px;background:#1d2335;color:#f2f4fa;overflow:visible;-webkit-user-select:none;user-select:none}.mbt-badge--with-icon{padding-left:12px}.mbt-badge--purchasable{cursor:pointer}.mbt-badge--boost{padding-right:20px}.mbt-badge__media{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;margin-left:-20px}.mbt-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.mbt-badge__icon svg{display:block;max-width:100%;max-height:100%}.mbt-badge__purchasable{position:absolute;right:-8px;bottom:-7px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#f2f4fa}.mbt-badge__content{display:inline-flex;align-items:center;min-width:0;line-height:1;color:inherit;white-space:nowrap}.mbt-badge__boost{position:absolute;top:-8px;right:-8px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#0950c2}.mbt-input__container{display:flex;flex-direction:column;gap:10px;width:100%;max-width:296px}.mbt-input__label{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1;color:#f2f4fa;margin:0;font-feature-settings:"ss01" 1,"salt" 1,"ss02" 1}.mbt-input__label--muted{color:#8d92a9}.mbt-input__wrapper{position:relative;display:flex;align-items:center;width:100%;border:1px solid #f2f4fa;border-radius:8px;padding:8px 16px;background-color:transparent;transition:border-color .15s ease}.mbt-input__wrapper--muted{border-color:#8d92a9}.mbt-input__wrapper:focus-within{border-color:#6663fd}.mbt-input__field{flex:1;appearance:none;border:none;background:none;outline:none;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1;color:#f2f4fa;font-feature-settings:"ss01" 1,"salt" 1,"ss02" 1}.mbt-input__field::placeholder{color:#f2f4fa}.mbt-input__field--muted{color:#8d92a9}.mbt-input__field--muted::placeholder{color:#8d92a9}.mbt-input__icon{flex-shrink:0;width:24px;height:24px;margin-left:8px;color:#f2f4fa}.mbt-input__icon--muted{color:#8d92a9}.mbt-input--full-width .mbt-input__container{max-width:none}.mbt-h1{font-family:IBM Plex Sans,sans-serif;font-size:72px;font-weight:600;line-height:80px;color:#f2f4fa;margin:0}.mbt-h1__content{display:inline-flex;align-items:center;gap:8px}.mbt-h1__content svg{display:block;flex-shrink:0}.mbt-h2{font-family:IBM Plex Sans,sans-serif;font-size:40px;font-weight:600;line-height:48px;color:#f2f4fa;margin:0}.mbt-h2__content{display:inline-flex;align-items:center;gap:8px}.mbt-h2__content svg{display:block;flex-shrink:0}.mbt-h3{font-family:IBM Plex Sans,sans-serif;font-size:28px;font-weight:500;line-height:36px;color:#f2f4fa;margin:0}.mbt-h3__content{display:inline-flex;align-items:center;gap:8px}.mbt-h3__content svg{display:block;flex-shrink:0}.mbt-h4{font-family:IBM Plex Sans,sans-serif;font-size:20px;font-weight:500;line-height:28px;color:#f2f4fa;margin:0}.mbt-h4__content{display:inline-flex;align-items:center;gap:8px}.mbt-h4__content svg{display:block;flex-shrink:0}.mbt-h5{font-family:IBM Plex Sans,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#f2f4fa;margin:0}.mbt-h5__content{display:inline-flex;align-items:center;gap:8px}.mbt-h5__content svg{display:block;flex-shrink:0}.mbt-text{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:normal;color:#f2f4fa;margin:0;font-feature-settings:"salt" on,"ss01" on,"ss02" on}.mbt-text svg{display:inline-block;vertical-align:middle}.mbt-text__content{display:inline-flex;align-items:center;gap:8px}.mbt-text__content svg{display:block;flex-shrink:0}.mbt-text--strong{font-weight:500}.mbt-text--small{font-size:12px;line-height:18px}.mbt-text--label{font-size:12px;text-transform:uppercase}.mbt-text--muted{color:#8d92a9}.mbt-text--no-features{font-feature-settings:normal}.mbt-metric{font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:400;line-height:1;color:#f2f4fa;margin:0}.mbt-metric__content{display:inline-flex;align-items:center;gap:8px}.mbt-metric__content svg{display:block;flex-shrink:0}.mbt-metric--large{font-size:24px;font-weight:500;line-height:32px}.mbt-metric--muted{color:#8d92a9}.mbt-menu-button{appearance:none;border:none;background:none;cursor:pointer;outline:none;display:flex;align-items:center;width:248px;height:44px;padding:4px 12px;gap:8px;font-family:IBM Plex Sans,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#f2f4fa;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:8px;transition:background-color .15s ease,color .15s ease}.mbt-menu-button__icon{flex-shrink:0;width:24px;height:24px;color:#f2f4fa;transition:color .15s ease}.mbt-menu-button__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.mbt-menu-button:hover:not(:disabled):not(.mbt-menu-button--selected){background-color:#2a3148;color:#0950c2}.mbt-menu-button:hover:not(:disabled):not(.mbt-menu-button--selected) .mbt-menu-button__icon{color:#0950c2}.mbt-menu-button--selected{background-color:#1d2335;color:#6663fd}.mbt-menu-button--selected .mbt-menu-button__icon{color:#6663fd}.mbt-menu-button--small{padding:4px 8px;height:32px;gap:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:18px}.mbt-menu-button--small .mbt-menu-button__icon{width:20px;height:20px}.mbt-menu-button:disabled{color:#8d92a9;cursor:not-allowed;pointer-events:none}.mbt-menu-button:disabled .mbt-menu-button__icon{color:#8d92a9}.mbt-loader{display:inline-flex;align-items:center;gap:4px}.mbt-loader__dot{display:inline-block;background-color:currentColor;border-radius:999px;animation:mbt-loader-bounce 1.4s infinite ease-in-out both}.mbt-loader__dot:nth-child(1){animation-delay:-.32s}.mbt-loader__dot:nth-child(2){animation-delay:-.16s}.mbt-loader--sm .mbt-loader__dot{width:6px;height:6px}.mbt-loader--md .mbt-loader__dot{width:9px;height:9px}.mbt-loader--lg .mbt-loader__dot{width:12px;height:12px}@keyframes mbt-loader-bounce{0%,80%,to{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1)}}*,*:before,*:after{box-sizing:border-box}:root{--mbt-color-bg-0: #0b0e14;--mbt-color-bg-1: #111520;--mbt-color-surface: #171c2a;--mbt-color-surface-raised: #1d2335;--mbt-color-border: #2a3148;--mbt-color-gray: #475569;--mbt-color-text-primary: #f2f4fa;--mbt-color-text-muted: #8d92a9;--mbt-color-text-inverse: #0b0e14;--mbt-color-primary: #6663fd;--mbt-color-secondary: #0950c2;--mbt-color-success: #00b279;--mbt-color-error: #f2766a;--mbt-color-warning: #e6c352;--mbt-color-diamond: #e6f3ff;--mbt-color-primary-stop-0: #00a09e;--mbt-color-primary-stop-1: #234dc5;--mbt-color-primary-stop-2: #1945d9;--mbt-color-diamond-stop-0: #beacd3;--mbt-color-diamond-stop-1: #bee3f7;--mbt-color-diamond-stop-2: #efece7;--mbt-color-diamond-stop-3: #f8ddde;--mbt-color-diamond-stop-4: #cfe6f1;--mbt-color-gold: #d1a64a;--mbt-color-silver: #969fa6;--mbt-color-bronze: #956c68;--mbt-font-primary: "IBM Plex Sans", sans-serif;--mbt-font-secondary: "Inter", sans-serif;--mbt-font-mono: "IBM Plex Mono", monospace;--mbt-font-size-1: 12px;--mbt-font-size-2: 14px;--mbt-font-size-3: 16px;--mbt-font-size-4: 20px;--mbt-font-size-5: 24px;--mbt-font-size-6: 28px;--mbt-font-size-7: 40px;--mbt-font-size-8: 48px;--mbt-font-size-9: 72px;--mbt-font-weight-regular: 400;--mbt-font-weight-medium: 500;--mbt-font-weight-semibold: 600;--mbt-font-feature-inter-stylistic: "salt" on, "ss01" on, "ss02" on;--mbt-space-0: 0;--mbt-space-1: 4px;--mbt-space-2: 8px;--mbt-space-3: 12px;--mbt-space-4: 16px;--mbt-space-5: 24px;--mbt-space-6: 32px;--mbt-space-7: 48px;--mbt-space-8: 64px;--mbt-space-9: 96px;--mbt-space-10: 128px;--mbt-radius-0: 0;--mbt-radius-xs: 4px;--mbt-radius-sm: 8px;--mbt-radius-md: 12px;--mbt-radius-lg: 16px;--mbt-radius-xl: 24px;--mbt-radius-full: 999px;--mbt-z-index-0: 0;--mbt-z-index-1: 100;--mbt-z-index-2: 200;--mbt-z-index-3: 300;--mbt-z-index-4: 400;--mbt-z-index-5: 500;--mbt-transition-fast: .15s ease;--mbt-transition-normal: .25s ease;--mbt-transition-slow: .4s ease}
|