@minimalstuff/ui 0.0.22 → 0.0.23
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/dist/index.es.js +53 -54
- package/dist/index.umd.js +8 -9
- package/package.json +6 -7
- package/dist/index.es.js.map +0 -1
- package/dist/index.umd.js.map +0 -1
package/dist/index.es.js
CHANGED
|
@@ -9,13 +9,13 @@ import Ur from "react-toggle";
|
|
|
9
9
|
import Gr from "react-select";
|
|
10
10
|
const Nt = y.button(
|
|
11
11
|
({ theme: r, danger: t = !1, secondary: n = !1 }) => {
|
|
12
|
-
const a = t ? r.colors.red.default : r.colors.blue.default, s = t ? r.colors.red.dark : r.colors.blue.dark,
|
|
12
|
+
const a = t ? r.colors.red.default : r.colors.blue.default, s = t ? r.colors.red.dark : r.colors.blue.dark, c = n ? a : r.colors.white, m = n ? "transparent" : a;
|
|
13
13
|
return {
|
|
14
14
|
cursor: "pointer",
|
|
15
15
|
width: "100%",
|
|
16
16
|
textTransform: "uppercase",
|
|
17
17
|
fontSize: r.fontSizes.m,
|
|
18
|
-
color:
|
|
18
|
+
color: c,
|
|
19
19
|
background: m,
|
|
20
20
|
padding: "0.75em",
|
|
21
21
|
border: `1px solid ${a}`,
|
|
@@ -46,11 +46,11 @@ var Le;
|
|
|
46
46
|
function Hr() {
|
|
47
47
|
if (Le) return z;
|
|
48
48
|
Le = 1;
|
|
49
|
-
var r = P, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
|
|
49
|
+
var r = P, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
50
50
|
function m(h, g, S) {
|
|
51
51
|
var p, j = {}, E = null, D = null;
|
|
52
52
|
S !== void 0 && (E = "" + S), g.key !== void 0 && (E = "" + g.key), g.ref !== void 0 && (D = g.ref);
|
|
53
|
-
for (p in g) a.call(g, p) && !
|
|
53
|
+
for (p in g) a.call(g, p) && !c.hasOwnProperty(p) && (j[p] = g[p]);
|
|
54
54
|
if (h && h.defaultProps) for (p in g = h.defaultProps, g) j[p] === void 0 && (j[p] = g[p]);
|
|
55
55
|
return { $$typeof: t, type: h, key: E, ref: D, props: j, _owner: s.current };
|
|
56
56
|
}
|
|
@@ -69,7 +69,7 @@ var V = {};
|
|
|
69
69
|
var Ye;
|
|
70
70
|
function Kr() {
|
|
71
71
|
return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && function() {
|
|
72
|
-
var r = P, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"),
|
|
72
|
+
var r = P, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), h = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), pe = Symbol.iterator, or = "@@iterator";
|
|
73
73
|
function nr(e) {
|
|
74
74
|
if (e === null || typeof e != "object")
|
|
75
75
|
return null;
|
|
@@ -97,7 +97,7 @@ function Kr() {
|
|
|
97
97
|
var ir = !1, lr = !1, sr = !1, cr = !1, ur = !1, be;
|
|
98
98
|
be = Symbol.for("react.module.reference");
|
|
99
99
|
function dr(e) {
|
|
100
|
-
return !!(typeof e == "string" || typeof e == "function" || e === a || e ===
|
|
100
|
+
return !!(typeof e == "string" || typeof e == "function" || e === a || e === c || ur || e === s || e === S || e === p || cr || e === D || ir || lr || sr || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === j || e.$$typeof === m || e.$$typeof === h || e.$$typeof === g || // This needs to include all possible module reference object
|
|
101
101
|
// types supported by any Flight configuration anywhere since
|
|
102
102
|
// we don't know which Flight build this will end up being used
|
|
103
103
|
// with.
|
|
@@ -125,7 +125,7 @@ function Kr() {
|
|
|
125
125
|
return "Fragment";
|
|
126
126
|
case n:
|
|
127
127
|
return "Portal";
|
|
128
|
-
case
|
|
128
|
+
case c:
|
|
129
129
|
return "Profiler";
|
|
130
130
|
case s:
|
|
131
131
|
return "StrictMode";
|
|
@@ -287,17 +287,17 @@ function Kr() {
|
|
|
287
287
|
}
|
|
288
288
|
} catch (R) {
|
|
289
289
|
if (R && l && typeof R.stack == "string") {
|
|
290
|
-
for (var
|
|
290
|
+
for (var u = R.stack.split(`
|
|
291
291
|
`), k = l.stack.split(`
|
|
292
|
-
`), x =
|
|
292
|
+
`), x = u.length - 1, w = k.length - 1; x >= 1 && w >= 0 && u[x] !== k[w]; )
|
|
293
293
|
w--;
|
|
294
294
|
for (; x >= 1 && w >= 0; x--, w--)
|
|
295
|
-
if (
|
|
295
|
+
if (u[x] !== k[w]) {
|
|
296
296
|
if (x !== 1 || w !== 1)
|
|
297
297
|
do
|
|
298
|
-
if (x--, w--, w < 0 ||
|
|
298
|
+
if (x--, w--, w < 0 || u[x] !== k[w]) {
|
|
299
299
|
var C = `
|
|
300
|
-
` +
|
|
300
|
+
` + u[x].replace(" at new ", " at ");
|
|
301
301
|
return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, C), C;
|
|
302
302
|
}
|
|
303
303
|
while (x >= 1 && w >= 0);
|
|
@@ -359,17 +359,17 @@ function Kr() {
|
|
|
359
359
|
var v = Function.call.bind(M);
|
|
360
360
|
for (var d in e)
|
|
361
361
|
if (v(e, d)) {
|
|
362
|
-
var
|
|
362
|
+
var u = void 0;
|
|
363
363
|
try {
|
|
364
364
|
if (typeof e[d] != "function") {
|
|
365
365
|
var k = Error((l || "React class") + ": " + i + " type `" + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[d] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
366
366
|
throw k.name = "Invariant Violation", k;
|
|
367
367
|
}
|
|
368
|
-
|
|
368
|
+
u = e[d](o, d, l, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
369
369
|
} catch (x) {
|
|
370
|
-
|
|
370
|
+
u = x;
|
|
371
371
|
}
|
|
372
|
-
|
|
372
|
+
u && !(u instanceof Error) && (K(b), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", l || "React class", i, d, typeof u), K(null)), u instanceof Error && !(u.message in Re) && (Re[u.message] = !0, K(b), _("Failed %s type: %s", i, u.message), K(null));
|
|
373
373
|
}
|
|
374
374
|
}
|
|
375
375
|
}
|
|
@@ -449,7 +449,7 @@ function Kr() {
|
|
|
449
449
|
}
|
|
450
450
|
}
|
|
451
451
|
var jr = function(e, o, i, l, b, v, d) {
|
|
452
|
-
var
|
|
452
|
+
var u = {
|
|
453
453
|
// This tag allows us to uniquely identify this as a React Element
|
|
454
454
|
$$typeof: t,
|
|
455
455
|
// Built-in properties that belong on the element
|
|
@@ -460,27 +460,27 @@ function Kr() {
|
|
|
460
460
|
// Record the component responsible for creating this element.
|
|
461
461
|
_owner: v
|
|
462
462
|
};
|
|
463
|
-
return
|
|
463
|
+
return u._store = {}, Object.defineProperty(u._store, "validated", {
|
|
464
464
|
configurable: !1,
|
|
465
465
|
enumerable: !1,
|
|
466
466
|
writable: !0,
|
|
467
467
|
value: !1
|
|
468
|
-
}), Object.defineProperty(
|
|
468
|
+
}), Object.defineProperty(u, "_self", {
|
|
469
469
|
configurable: !1,
|
|
470
470
|
enumerable: !1,
|
|
471
471
|
writable: !1,
|
|
472
472
|
value: l
|
|
473
|
-
}), Object.defineProperty(
|
|
473
|
+
}), Object.defineProperty(u, "_source", {
|
|
474
474
|
configurable: !1,
|
|
475
475
|
enumerable: !1,
|
|
476
476
|
writable: !1,
|
|
477
477
|
value: b
|
|
478
|
-
}), Object.freeze && (Object.freeze(
|
|
478
|
+
}), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
|
|
479
479
|
};
|
|
480
480
|
function Tr(e, o, i, l, b) {
|
|
481
481
|
{
|
|
482
|
-
var v, d = {},
|
|
483
|
-
i !== void 0 && (je(i),
|
|
482
|
+
var v, d = {}, u = null, k = null;
|
|
483
|
+
i !== void 0 && (je(i), u = "" + i), kr(o) && (je(o.key), u = "" + o.key), _r(o) && (k = o.ref, Rr(o, b));
|
|
484
484
|
for (v in o)
|
|
485
485
|
M.call(o, v) && !Er.hasOwnProperty(v) && (d[v] = o[v]);
|
|
486
486
|
if (e && e.defaultProps) {
|
|
@@ -488,11 +488,11 @@ function Kr() {
|
|
|
488
488
|
for (v in x)
|
|
489
489
|
d[v] === void 0 && (d[v] = x[v]);
|
|
490
490
|
}
|
|
491
|
-
if (
|
|
491
|
+
if (u || k) {
|
|
492
492
|
var w = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
|
|
493
|
-
|
|
493
|
+
u && Sr(d, w), k && Cr(d, w);
|
|
494
494
|
}
|
|
495
|
-
return jr(e,
|
|
495
|
+
return jr(e, u, k, b, l, N.current, d);
|
|
496
496
|
}
|
|
497
497
|
}
|
|
498
498
|
var ne = A.ReactCurrentOwner, Pe = A.ReactDebugCurrentFrame;
|
|
@@ -610,12 +610,12 @@ Check the top-level render call using <` + i + ">.");
|
|
|
610
610
|
{
|
|
611
611
|
var d = dr(e);
|
|
612
612
|
if (!d) {
|
|
613
|
-
var
|
|
614
|
-
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (
|
|
613
|
+
var u = "";
|
|
614
|
+
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (u += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
615
615
|
var k = Or();
|
|
616
|
-
k ?
|
|
616
|
+
k ? u += k : u += De();
|
|
617
617
|
var x;
|
|
618
|
-
e === null ? x = "null" : te(e) ? x = "array" : e !== void 0 && e.$$typeof === t ? (x = "<" + (T(e.type) || "Unknown") + " />",
|
|
618
|
+
e === null ? x = "null" : te(e) ? x = "array" : e !== void 0 && e.$$typeof === t ? (x = "<" + (T(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : x = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", x, u);
|
|
619
619
|
}
|
|
620
620
|
var w = Tr(e, o, i, b, v);
|
|
621
621
|
if (w == null)
|
|
@@ -739,8 +739,8 @@ function Xe(r, t, { enabled: n, disableGlobalCheck: a } = {
|
|
|
739
739
|
const { globalHotkeysEnabled: s } = qe();
|
|
740
740
|
return Nr(
|
|
741
741
|
rt[r],
|
|
742
|
-
(
|
|
743
|
-
|
|
742
|
+
(c) => {
|
|
743
|
+
c.preventDefault(), t();
|
|
744
744
|
},
|
|
745
745
|
{
|
|
746
746
|
enabled: a ? n : n && s,
|
|
@@ -782,18 +782,18 @@ function zt({
|
|
|
782
782
|
className: n,
|
|
783
783
|
svgSize: a
|
|
784
784
|
}) {
|
|
785
|
-
const s = Ue(null), { isShowing:
|
|
785
|
+
const s = Ue(null), { isShowing: c, toggle: m, close: h } = nt();
|
|
786
786
|
return Je(s, h), Xe("ESCAPE_KEY", h, { disableGlobalCheck: !0 }), /* @__PURE__ */ f.jsxs(
|
|
787
787
|
at,
|
|
788
788
|
{
|
|
789
|
-
opened:
|
|
789
|
+
opened: c,
|
|
790
790
|
onClick: m,
|
|
791
791
|
ref: s,
|
|
792
792
|
className: n,
|
|
793
793
|
svgSize: a,
|
|
794
794
|
children: [
|
|
795
795
|
/* @__PURE__ */ f.jsx(Xr, { children: t }),
|
|
796
|
-
/* @__PURE__ */ f.jsx(qr, { show:
|
|
796
|
+
/* @__PURE__ */ f.jsx(qr, { show: c, children: r })
|
|
797
797
|
]
|
|
798
798
|
}
|
|
799
799
|
);
|
|
@@ -925,9 +925,9 @@ function ft(r, t) {
|
|
|
925
925
|
if (r == null) return {};
|
|
926
926
|
var n = pt(r, t), a, s;
|
|
927
927
|
if (Object.getOwnPropertySymbols) {
|
|
928
|
-
var
|
|
929
|
-
for (s = 0; s <
|
|
930
|
-
a =
|
|
928
|
+
var c = Object.getOwnPropertySymbols(r);
|
|
929
|
+
for (s = 0; s < c.length; s++)
|
|
930
|
+
a = c[s], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(r, a) && (n[a] = r[a]);
|
|
931
931
|
}
|
|
932
932
|
return n;
|
|
933
933
|
}
|
|
@@ -1004,7 +1004,7 @@ function ht(r) {
|
|
|
1004
1004
|
var {
|
|
1005
1005
|
attr: a,
|
|
1006
1006
|
size: s,
|
|
1007
|
-
title:
|
|
1007
|
+
title: c
|
|
1008
1008
|
} = r, m = ft(r, dt), h = s || n.size || "1em", g;
|
|
1009
1009
|
return n.className && (g = n.className), r.className && (g = (g ? g + " " : "") + r.className), /* @__PURE__ */ P.createElement("svg", X({
|
|
1010
1010
|
stroke: "currentColor",
|
|
@@ -1018,7 +1018,7 @@ function ht(r) {
|
|
|
1018
1018
|
height: h,
|
|
1019
1019
|
width: h,
|
|
1020
1020
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1021
|
-
}),
|
|
1021
|
+
}), c && /* @__PURE__ */ P.createElement("title", null, c), r.children);
|
|
1022
1022
|
};
|
|
1023
1023
|
return Be !== void 0 ? /* @__PURE__ */ P.createElement(Be.Consumer, null, (n) => t(n)) : t(Qe);
|
|
1024
1024
|
}
|
|
@@ -1041,10 +1041,10 @@ function Ht({
|
|
|
1041
1041
|
opened: n = !0,
|
|
1042
1042
|
hideCloseBtn: a = !1,
|
|
1043
1043
|
className: s,
|
|
1044
|
-
close:
|
|
1044
|
+
close: c
|
|
1045
1045
|
}) {
|
|
1046
1046
|
const m = Ue(null), { setGlobalHotkeysEnabled: h } = qe();
|
|
1047
|
-
return Je(m,
|
|
1047
|
+
return Je(m, c), Xe("ESCAPE_KEY", c, { disableGlobalCheck: !0 }), ce(
|
|
1048
1048
|
() => h(!n),
|
|
1049
1049
|
[n, h]
|
|
1050
1050
|
), typeof window > "u" ? /* @__PURE__ */ f.jsx(Ge, {}) : n && Vr(
|
|
@@ -1054,7 +1054,7 @@ function Ht({
|
|
|
1054
1054
|
!a && /* @__PURE__ */ f.jsx(
|
|
1055
1055
|
ct,
|
|
1056
1056
|
{
|
|
1057
|
-
onClick:
|
|
1057
|
+
onClick: c,
|
|
1058
1058
|
style: { marginLeft: r ? "unset" : "auto" },
|
|
1059
1059
|
children: /* @__PURE__ */ f.jsx(yt, { size: 20 })
|
|
1060
1060
|
}
|
|
@@ -1108,14 +1108,14 @@ function Jt({ tabs: r }) {
|
|
|
1108
1108
|
n(s);
|
|
1109
1109
|
};
|
|
1110
1110
|
return /* @__PURE__ */ f.jsxs("div", { children: [
|
|
1111
|
-
/* @__PURE__ */ f.jsx(Et, { children: r.map(({ title: s, icon:
|
|
1111
|
+
/* @__PURE__ */ f.jsx(Et, { children: r.map(({ title: s, icon: c, danger: m }, h) => /* @__PURE__ */ f.jsxs(
|
|
1112
1112
|
wt,
|
|
1113
1113
|
{
|
|
1114
1114
|
active: h === t,
|
|
1115
1115
|
onClick: () => a(h),
|
|
1116
1116
|
danger: m ?? !1,
|
|
1117
1117
|
children: [
|
|
1118
|
-
!!
|
|
1118
|
+
!!c && /* @__PURE__ */ f.jsx(c, { size: 20 }),
|
|
1119
1119
|
s
|
|
1120
1120
|
]
|
|
1121
1121
|
},
|
|
@@ -1152,7 +1152,7 @@ function qt({
|
|
|
1152
1152
|
checked: n = !1,
|
|
1153
1153
|
errors: a = [],
|
|
1154
1154
|
onChange: s,
|
|
1155
|
-
required:
|
|
1155
|
+
required: c = !1,
|
|
1156
1156
|
...m
|
|
1157
1157
|
}) {
|
|
1158
1158
|
const [h, g] = Y(n);
|
|
@@ -1164,7 +1164,7 @@ function qt({
|
|
|
1164
1164
|
fe,
|
|
1165
1165
|
{
|
|
1166
1166
|
css: { alignItems: "center", gap: "1em", flexDirection: "row" },
|
|
1167
|
-
required:
|
|
1167
|
+
required: c,
|
|
1168
1168
|
children: [
|
|
1169
1169
|
/* @__PURE__ */ f.jsx("label", { htmlFor: r, title: t, children: t }),
|
|
1170
1170
|
/* @__PURE__ */ f.jsx(
|
|
@@ -1214,14 +1214,14 @@ function Zt({
|
|
|
1214
1214
|
value: n = "",
|
|
1215
1215
|
errors: a = [],
|
|
1216
1216
|
onChange: s,
|
|
1217
|
-
required:
|
|
1217
|
+
required: c = !1,
|
|
1218
1218
|
...m
|
|
1219
1219
|
}) {
|
|
1220
1220
|
const [h, g] = Y(n);
|
|
1221
1221
|
function S({ target: p }) {
|
|
1222
1222
|
g(p.value), s && s(p.name, p.value);
|
|
1223
1223
|
}
|
|
1224
|
-
return /* @__PURE__ */ f.jsxs(fe, { required:
|
|
1224
|
+
return /* @__PURE__ */ f.jsxs(fe, { required: c, children: [
|
|
1225
1225
|
/* @__PURE__ */ f.jsx("label", { htmlFor: r, title: t, children: t }),
|
|
1226
1226
|
/* @__PURE__ */ f.jsx(
|
|
1227
1227
|
kt,
|
|
@@ -1242,7 +1242,7 @@ function Qt({
|
|
|
1242
1242
|
value: n,
|
|
1243
1243
|
options: a,
|
|
1244
1244
|
onChangeCallback: s,
|
|
1245
|
-
formatOptionLabel:
|
|
1245
|
+
formatOptionLabel: c,
|
|
1246
1246
|
required: m = !1,
|
|
1247
1247
|
...h
|
|
1248
1248
|
}) {
|
|
@@ -1265,7 +1265,7 @@ function Qt({
|
|
|
1265
1265
|
options: a,
|
|
1266
1266
|
isDisabled: h.disabled,
|
|
1267
1267
|
menuPlacement: "auto",
|
|
1268
|
-
formatOptionLabel:
|
|
1268
|
+
formatOptionLabel: c ? (E, D) => c(E, D) : void 0,
|
|
1269
1269
|
css: { color: g.colors.black }
|
|
1270
1270
|
}
|
|
1271
1271
|
)
|
|
@@ -1355,8 +1355,8 @@ function eo({
|
|
|
1355
1355
|
}) {
|
|
1356
1356
|
const [n, a] = Y(
|
|
1357
1357
|
() => localStorage.getItem(Ne) === "true"
|
|
1358
|
-
), s = (
|
|
1359
|
-
a(
|
|
1358
|
+
), s = (c) => {
|
|
1359
|
+
a(c), t == null || t(c), localStorage.setItem(Ne, String(c));
|
|
1360
1360
|
};
|
|
1361
1361
|
return /* @__PURE__ */ f.jsx(
|
|
1362
1362
|
Br,
|
|
@@ -1517,4 +1517,3 @@ export {
|
|
|
1517
1517
|
ro as useThemeSwitcher,
|
|
1518
1518
|
nt as useToggle
|
|
1519
1519
|
};
|
|
1520
|
-
//# sourceMappingURL=index.es.js.map
|
package/dist/index.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(s,
|
|
1
|
+
(function(s,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("@emotion/styled"),require("react"),require("@emotion/react"),require("react-hotkeys-hook"),require("hex-rgb"),require("tinycolor2"),require("react-dom"),require("react-toggle"),require("react-select")):typeof define=="function"&&define.amd?define(["exports","@emotion/styled","react","@emotion/react","react-hotkeys-hook","hex-rgb","tinycolor2","react-dom","react-toggle","react-select"],v):(s=typeof globalThis<"u"?globalThis:s||self,v(s["@minimalstuff/ui"]={},s.styled,s.React,s.react,s.reactHotkeysHook,s.hexRgb,s.tinycolor,s.ReactDOM,s.Toggle,s.Select))})(this,function(s,v,y,O,cr,ur,ge,dr,fr,pr){"use strict";const br=v.button(({theme:r,danger:t=!1,secondary:n=!1})=>{const a=t?r.colors.red.default:r.colors.blue.default,c=t?r.colors.red.dark:r.colors.blue.dark,u=n?a:r.colors.white,x=n?"transparent":a;return{cursor:"pointer",width:"100%",textTransform:"uppercase",fontSize:r.fontSizes.m,color:u,background:x,padding:"0.75em",border:`1px solid ${a}`,borderRadius:r.borders.radius.m,transition:r.transitions.delay.fast,"&:disabled":{cursor:"not-allowed",opacity:"0.5"},"&:not(:disabled):hover":{background:n?r.colors.secondary:c,borderColor:n?r.colors.secondary:c}}});var Q={exports:{}},Y={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var me;function gr(){if(me)return Y;me=1;var r=y,t=Symbol.for("react.element"),n=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,c=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
|
|
9
|
+
*/var me;function gr(){if(me)return Y;me=1;var r=y,t=Symbol.for("react.element"),n=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,c=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u={key:!0,ref:!0,__self:!0,__source:!0};function x(w,m,j){var b,P={},_=null,A=null;j!==void 0&&(_=""+j),m.key!==void 0&&(_=""+m.key),m.ref!==void 0&&(A=m.ref);for(b in m)a.call(m,b)&&!u.hasOwnProperty(b)&&(P[b]=m[b]);if(w&&w.defaultProps)for(b in m=w.defaultProps,m)P[b]===void 0&&(P[b]=m[b]);return{$$typeof:t,type:w,key:_,ref:A,props:P,_owner:c.current}}return Y.Fragment=n,Y.jsx=x,Y.jsxs=x,Y}var N={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,18 +14,17 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
18
|
-
`+le+e}}var se=!1,J;{var it=typeof WeakMap=="function"?WeakMap:Map;J=new it}function Ke(e,o){if(!e||se)return"";{var i=J.get(e);if(i!==void 0)return i}var l;se=!0;var g=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var
|
|
17
|
+
*/var he;function mr(){return he||(he=1,process.env.NODE_ENV!=="production"&&function(){var r=y,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),x=Symbol.for("react.provider"),w=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),_=Symbol.for("react.lazy"),A=Symbol.for("react.offscreen"),Le=Symbol.iterator,Gr="@@iterator";function Kr(e){if(e===null||typeof e!="object")return null;var o=Le&&e[Le]||e[Gr];return typeof o=="function"?o:null}var L=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function S(e){{for(var o=arguments.length,i=new Array(o>1?o-1:0),l=1;l<o;l++)i[l-1]=arguments[l];Jr("error",e,i)}}function Jr(e,o,i){{var l=L.ReactDebugCurrentFrame,g=l.getStackAddendum();g!==""&&(o+="%s",i=i.concat([g]));var h=i.map(function(p){return String(p)});h.unshift("Warning: "+o),Function.prototype.apply.call(console[e],console,h)}}var Xr=!1,Zr=!1,Qr=!1,et=!1,rt=!1,Me;Me=Symbol.for("react.module.reference");function tt(e){return!!(typeof e=="string"||typeof e=="function"||e===a||e===u||rt||e===c||e===j||e===b||et||e===A||Xr||Zr||Qr||typeof e=="object"&&e!==null&&(e.$$typeof===_||e.$$typeof===P||e.$$typeof===x||e.$$typeof===w||e.$$typeof===m||e.$$typeof===Me||e.getModuleId!==void 0))}function ot(e,o,i){var l=e.displayName;if(l)return l;var g=o.displayName||o.name||"";return g!==""?i+"("+g+")":i}function Be(e){return e.displayName||"Context"}function I(e){if(e==null)return null;if(typeof e.tag=="number"&&S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case a:return"Fragment";case n:return"Portal";case u:return"Profiler";case c:return"StrictMode";case j:return"Suspense";case b:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case w:var o=e;return Be(o)+".Consumer";case x:var i=e;return Be(i._context)+".Provider";case m:return ot(e,e.render,"ForwardRef");case P:var l=e.displayName||null;return l!==null?l:I(e.type)||"Memo";case _:{var g=e,h=g._payload,p=g._init;try{return I(p(h))}catch{return null}}}return null}var $=Object.assign,z=0,Ye,Ne,ze,Ve,Ue,He,qe;function Ge(){}Ge.__reactDisabledLog=!0;function nt(){{if(z===0){Ye=console.log,Ne=console.info,ze=console.warn,Ve=console.error,Ue=console.group,He=console.groupCollapsed,qe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Ge,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}z++}}function at(){{if(z--,z===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:$({},e,{value:Ye}),info:$({},e,{value:Ne}),warn:$({},e,{value:ze}),error:$({},e,{value:Ve}),group:$({},e,{value:Ue}),groupCollapsed:$({},e,{value:He}),groupEnd:$({},e,{value:qe})})}z<0&&S("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ie=L.ReactCurrentDispatcher,le;function K(e,o,i){{if(le===void 0)try{throw Error()}catch(g){var l=g.stack.trim().match(/\n( *(at )?)/);le=l&&l[1]||""}return`
|
|
18
|
+
`+le+e}}var se=!1,J;{var it=typeof WeakMap=="function"?WeakMap:Map;J=new it}function Ke(e,o){if(!e||se)return"";{var i=J.get(e);if(i!==void 0)return i}var l;se=!0;var g=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var h;h=ie.current,ie.current=null,nt();try{if(o){var p=function(){throw Error()};if(Object.defineProperty(p.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(p,[])}catch(T){l=T}Reflect.construct(e,[],p)}else{try{p.call()}catch(T){l=T}e.call(p.prototype)}}else{try{throw Error()}catch(T){l=T}e()}}catch(T){if(T&&l&&typeof T.stack=="string"){for(var d=T.stack.split(`
|
|
19
19
|
`),C=l.stack.split(`
|
|
20
|
-
`),E=
|
|
21
|
-
`+
|
|
20
|
+
`),E=d.length-1,k=C.length-1;E>=1&&k>=0&&d[E]!==C[k];)k--;for(;E>=1&&k>=0;E--,k--)if(d[E]!==C[k]){if(E!==1||k!==1)do if(E--,k--,k<0||d[E]!==C[k]){var R=`
|
|
21
|
+
`+d[E].replace(" at new "," at ");return e.displayName&&R.includes("<anonymous>")&&(R=R.replace("<anonymous>",e.displayName)),typeof e=="function"&&J.set(e,R),R}while(E>=1&&k>=0);break}}}finally{se=!1,ie.current=h,at(),Error.prepareStackTrace=g}var B=e?e.displayName||e.name:"",W=B?K(B):"";return typeof e=="function"&&J.set(e,W),W}function lt(e,o,i){return Ke(e,!1)}function st(e){var o=e.prototype;return!!(o&&o.isReactComponent)}function X(e,o,i){if(e==null)return"";if(typeof e=="function")return Ke(e,st(e));if(typeof e=="string")return K(e);switch(e){case j:return K("Suspense");case b:return K("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case m:return lt(e.render);case P:return X(e.type,o,i);case _:{var l=e,g=l._payload,h=l._init;try{return X(h(g),o,i)}catch{}}}return""}var V=Object.prototype.hasOwnProperty,Je={},Xe=L.ReactDebugCurrentFrame;function Z(e){if(e){var o=e._owner,i=X(e.type,e._source,o?o.type:null);Xe.setExtraStackFrame(i)}else Xe.setExtraStackFrame(null)}function ct(e,o,i,l,g){{var h=Function.call.bind(V);for(var p in e)if(h(e,p)){var d=void 0;try{if(typeof e[p]!="function"){var C=Error((l||"React class")+": "+i+" type `"+p+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[p]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw C.name="Invariant Violation",C}d=e[p](o,p,l,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(E){d=E}d&&!(d instanceof Error)&&(Z(g),S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",l||"React class",i,p,typeof d),Z(null)),d instanceof Error&&!(d.message in Je)&&(Je[d.message]=!0,Z(g),S("Failed %s type: %s",i,d.message),Z(null))}}}var ut=Array.isArray;function ce(e){return ut(e)}function dt(e){{var o=typeof Symbol=="function"&&Symbol.toStringTag,i=o&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function ft(e){try{return Ze(e),!1}catch{return!0}}function Ze(e){return""+e}function Qe(e){if(ft(e))return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",dt(e)),Ze(e)}var U=L.ReactCurrentOwner,pt={key:!0,ref:!0,__self:!0,__source:!0},er,rr,ue;ue={};function bt(e){if(V.call(e,"ref")){var o=Object.getOwnPropertyDescriptor(e,"ref").get;if(o&&o.isReactWarning)return!1}return e.ref!==void 0}function gt(e){if(V.call(e,"key")){var o=Object.getOwnPropertyDescriptor(e,"key").get;if(o&&o.isReactWarning)return!1}return e.key!==void 0}function mt(e,o){if(typeof e.ref=="string"&&U.current&&o&&U.current.stateNode!==o){var i=I(U.current.type);ue[i]||(S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',I(U.current.type),e.ref),ue[i]=!0)}}function ht(e,o){{var i=function(){er||(er=!0,S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",o))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function vt(e,o){{var i=function(){rr||(rr=!0,S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",o))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var yt=function(e,o,i,l,g,h,p){var d={$$typeof:t,type:e,key:o,ref:i,props:p,_owner:h};return d._store={},Object.defineProperty(d._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(d,"_self",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.defineProperty(d,"_source",{configurable:!1,enumerable:!1,writable:!1,value:g}),Object.freeze&&(Object.freeze(d.props),Object.freeze(d)),d};function xt(e,o,i,l,g){{var h,p={},d=null,C=null;i!==void 0&&(Qe(i),d=""+i),gt(o)&&(Qe(o.key),d=""+o.key),bt(o)&&(C=o.ref,mt(o,g));for(h in o)V.call(o,h)&&!pt.hasOwnProperty(h)&&(p[h]=o[h]);if(e&&e.defaultProps){var E=e.defaultProps;for(h in E)p[h]===void 0&&(p[h]=E[h])}if(d||C){var k=typeof e=="function"?e.displayName||e.name||"Unknown":e;d&&ht(p,k),C&&vt(p,k)}return yt(e,d,C,g,l,U.current,p)}}var de=L.ReactCurrentOwner,tr=L.ReactDebugCurrentFrame;function M(e){if(e){var o=e._owner,i=X(e.type,e._source,o?o.type:null);tr.setExtraStackFrame(i)}else tr.setExtraStackFrame(null)}var fe;fe=!1;function pe(e){return typeof e=="object"&&e!==null&&e.$$typeof===t}function or(){{if(de.current){var e=I(de.current.type);if(e)return`
|
|
22
22
|
|
|
23
23
|
Check the render method of \``+e+"`."}return""}}function wt(e){return""}var nr={};function Et(e){{var o=or();if(!o){var i=typeof e=="string"?e:e.displayName||e.name;i&&(o=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+i+">.")}return o}}function ar(e,o){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=Et(o);if(nr[i])return;nr[i]=!0;var l="";e&&e._owner&&e._owner!==de.current&&(l=" It was passed a child from "+I(e._owner.type)+"."),M(e),S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,l),M(null)}}function ir(e,o){{if(typeof e!="object")return;if(ce(e))for(var i=0;i<e.length;i++){var l=e[i];pe(l)&&ar(l,o)}else if(pe(e))e._store&&(e._store.validated=!0);else if(e){var g=Kr(e);if(typeof g=="function"&&g!==e.entries)for(var
|
|
25
|
+
Check the top-level render call using <`+i+">.")}return o}}function ar(e,o){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=Et(o);if(nr[i])return;nr[i]=!0;var l="";e&&e._owner&&e._owner!==de.current&&(l=" It was passed a child from "+I(e._owner.type)+"."),M(e),S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,l),M(null)}}function ir(e,o){{if(typeof e!="object")return;if(ce(e))for(var i=0;i<e.length;i++){var l=e[i];pe(l)&&ar(l,o)}else if(pe(e))e._store&&(e._store.validated=!0);else if(e){var g=Kr(e);if(typeof g=="function"&&g!==e.entries)for(var h=g.call(e),p;!(p=h.next()).done;)pe(p.value)&&ar(p.value,o)}}}function kt(e){{var o=e.type;if(o==null||typeof o=="string")return;var i;if(typeof o=="function")i=o.propTypes;else if(typeof o=="object"&&(o.$$typeof===m||o.$$typeof===P))i=o.propTypes;else return;if(i){var l=I(o);ct(i,e.props,"prop",l,e)}else if(o.PropTypes!==void 0&&!fe){fe=!0;var g=I(o);S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",g||"Unknown")}typeof o.getDefaultProps=="function"&&!o.getDefaultProps.isReactClassApproved&&S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function _t(e){{for(var o=Object.keys(e.props),i=0;i<o.length;i++){var l=o[i];if(l!=="children"&&l!=="key"){M(e),S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",l),M(null);break}}e.ref!==null&&(M(e),S("Invalid attribute `ref` supplied to `React.Fragment`."),M(null))}}var lr={};function sr(e,o,i,l,g,h){{var p=tt(e);if(!p){var d="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(d+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var C=wt();C?d+=C:d+=or();var E;e===null?E="null":ce(e)?E="array":e!==void 0&&e.$$typeof===t?(E="<"+(I(e.type)||"Unknown")+" />",d=" Did you accidentally export a JSX literal instead of a component?"):E=typeof e,S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",E,d)}var k=xt(e,o,i,g,h);if(k==null)return k;if(p){var R=o.children;if(R!==void 0)if(l)if(ce(R)){for(var B=0;B<R.length;B++)ir(R[B],e);Object.freeze&&Object.freeze(R)}else S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ir(R,e)}if(V.call(o,"key")){var W=I(e),T=Object.keys(o).filter(function(Ot){return Ot!=="key"}),be=T.length>0?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}";if(!lr[W+be]){var Rt=T.length>0?"{"+T.join(": ..., ")+": ...}":"{}";S(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,be,W,Rt,W),lr[W+be]=!0}}return e===a?_t(k):kt(k),k}}function St(e,o,i){return sr(e,o,i,!0)}function Ct(e,o,i){return sr(e,o,i,!1)}var Tt=Ct,jt=St;N.Fragment=a,N.jsx=Tt,N.jsxs=jt}()),N}process.env.NODE_ENV==="production"?Q.exports=gr():Q.exports=mr();var f=Q.exports;O.keyframes({"0%":{opacity:0},"100%":{opacity:1}}),O.keyframes({to:{transform:"rotate(0deg)"},from:{transform:"rotate(360deg)"}});const vr=O.keyframes({from:{opacity:0,transform:"scale(0.95)"},to:{opacity:1,transform:"scale(1)"}}),ee=h.div(({theme:r})=>({animation:`${r.transitions.delay.normal} ${vr} both`})),he=h(ee)(({show:r,theme:t})=>({zIndex:99,position:"absolute",top:"calc(100% + 0.5em)",right:0,minWidth:"175px",backgroundColor:r?t.colors.secondary:t.colors.background,border:`2px solid ${t.colors.secondary}`,borderRadius:t.borders.radius.m,boxShadow:t.colors.boxShadow,display:r?"flex":"none",flexDirection:"column",overflow:"hidden"})),ye=h.div(({theme:r})=>({height:"auto",width:"auto",color:r.colors.font,display:"flex",gap:"0.35em"}));function re(r,t){y.useEffect(()=>{function n(a){var c;r!=null&&r.current&&!((c=r.current)!=null&&c.contains(a.target))&&t()}return document.addEventListener("mousedown",n),()=>document.removeEventListener("mousedown",n)},[r,t])}const hr={ARROW_DOWN:"ArrowDown",ARROW_UP:"ArrowUp",ESCAPE_KEY:"escape"},yr={globalHotkeysEnabled:!0,setGlobalHotkeysEnabled:r=>{}},xr=y.createContext(yr),te=()=>y.useContext(xr);function oe(r,t,{enabled:n,disableGlobalCheck:a}={enabled:!0,disableGlobalCheck:!1}){const{globalHotkeysEnabled:c}=te();return cr.useHotkeys(hr[r],d=>{d.preventDefault(),t()},{enabled:a?n:n&&c,enableOnFormTags:["INPUT"]})}const xe=(r=!1)=>{const[t,n]=y.useState(r);return{isShowing:t,toggle:()=>n(x=>!x),open:()=>n(!0),close:()=>n(!1)}},wr=h.div(({opened:r,theme:t,svgSize:n=24})=>({cursor:"pointer",userSelect:"none",position:"relative",minWidth:"fit-content",width:"fit-content",maxWidth:"250px",backgroundColor:r?t.colors.secondary:t.colors.background,padding:"4px",borderRadius:t.borders.radius.m,"&:hover":{backgroundColor:t.colors.secondary},"& svg":{height:`${n}px`,width:`${n}px`}}));function Er({children:r,label:t,className:n,svgSize:a}){const c=y.useRef(null),{isShowing:d,toggle:x,close:w}=xe();return re(c,w),oe("ESCAPE_KEY",w,{disableGlobalCheck:!0}),f.jsxs(wr,{opened:d,onClick:x,ref:c,className:n,svgSize:a,children:[f.jsx(ye,{children:t}),f.jsx(he,{show:d,children:r})]})}const we=h("div",{shouldForwardProp:r=>r!=="danger"})(({theme:r,danger:t})=>({fontSize:"14px",whiteSpace:"nowrap",color:t?r.colors.red.default:r.colors.blue.default,padding:"8px 12px",borderRadius:r.borders.radius.m,"&:hover":{backgroundColor:r.colors.background}})),kr=h(we)({display:"flex",gap:"0.75em",alignItems:"center"}),_r=h(we.withComponent("a"))({width:"100%",display:"flex",gap:"0.75em",alignItems:"center"});function Sr({children:r,title:t,...n}){return f.jsx("a",{target:"_blank",rel:"noreferrer",title:t,...n,children:r})}const Ee=h.div({width:"100%",display:"flex",flex:1,alignItems:"center",flexDirection:"column"}),ke=h(ee)(({theme:r})=>({minWidth:"500px",background:r.colors.background,padding:"1em",borderRadius:r.borders.radius.m,marginTop:"6em",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",boxShadow:r.colors.boxShadow,[`@media (max-width: ${r.medias.mobile})`]:{maxHeight:"calc(100% - 2em)",width:"calc(100% - 2em)",minWidth:"unset",marginTop:"1em"}})),_e=h.h3({width:"100%",margin:0,marginBottom:"0.75em",display:"flex",alignItems:"center",justifyContent:"space-between"}),Se=h.button(({theme:r})=>({cursor:"pointer",color:r.colors.blue.default,backgroundColor:"transparent",border:0,padding:0,margin:0})),F=(r,t)=>`rgba(${ur(r,{format:"array"}).slice(0,-1).join(",")},${t})`;function D(r){const t=ge(r.color);if(!t.isValid())throw new Error("Invalid color provided");return{lightest:H({...r,multiplicator:2,type:"lighten"}),light:H({...r,multiplicator:1,type:"lighten"}),default:t.toString(),dark:H({...r,multiplicator:1,type:"darken"}),darkest:H({...r,multiplicator:2,type:"darken"})}}function H({color:r,fadeStep:t=15,multiplicator:n,type:a}){return ge(r)[a](t*n).toString()}const Ce=h.div(({theme:r})=>({zIndex:9999,position:"absolute",top:0,left:0,height:"100%",width:"100%",background:F(r.colors.black,.35),backdropFilter:"blur(0.1em)",display:"flex",alignItems:"center",flexDirection:"column",transition:r.transitions.delay.normal}));var Te={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},je=y.createContext&&y.createContext(Te),Cr=["attr","size","title"];function Tr(r,t){if(r==null)return{};var n=jr(r,t),a,c;if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(r);for(c=0;c<d.length;c++)a=d[c],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(r,a)&&(n[a]=r[a])}return n}function jr(r,t){if(r==null)return{};var n={};for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a)){if(t.indexOf(a)>=0)continue;n[a]=r[a]}return n}function q(){return q=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(r[a]=n[a])}return r},q.apply(this,arguments)}function Re(r,t){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);t&&(a=a.filter(function(c){return Object.getOwnPropertyDescriptor(r,c).enumerable})),n.push.apply(n,a)}return n}function G(r){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Re(Object(n),!0).forEach(function(a){Rr(r,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):Re(Object(n)).forEach(function(a){Object.defineProperty(r,a,Object.getOwnPropertyDescriptor(n,a))})}return r}function Rr(r,t,n){return t=Or(t),t in r?Object.defineProperty(r,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[t]=n,r}function Or(r){var t=Pr(r,"string");return typeof t=="symbol"?t:t+""}function Pr(r,t){if(typeof r!="object"||!r)return r;var n=r[Symbol.toPrimitive];if(n!==void 0){var a=n.call(r,t||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function Oe(r){return r&&r.map((t,n)=>y.createElement(t.tag,G({key:n},t.attr),Oe(t.child)))}function Dr(r){return t=>y.createElement(Ir,q({attr:G({},r.attr)},t),Oe(r.child))}function Ir(r){var t=n=>{var{attr:a,size:c,title:d}=r,x=Tr(r,Cr),w=c||n.size||"1em",m;return n.className&&(m=n.className),r.className&&(m=(m?m+" ":"")+r.className),y.createElement("svg",q({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,a,x,{className:m,style:G(G({color:r.color||n.color},n.style),r.style),height:w,width:w,xmlns:"http://www.w3.org/2000/svg"}),d&&y.createElement("title",null,d),r.children)};return je!==void 0?y.createElement(je.Consumer,null,n=>t(n)):t(Te)}function Fr(r){return Dr({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z"},child:[]}]})(r)}const Pe=h.p(({lines:r=1})=>r>1?{overflow:"hidden",display:"-webkit-box",WebkitLineClamp:r,WebkitBoxOrient:"vertical"}:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"});function Ar({title:r,children:t,opened:n=!0,hideCloseBtn:a=!1,className:c,close:d}){const x=y.useRef(null),{setGlobalHotkeysEnabled:w}=te();return re(x,d),oe("ESCAPE_KEY",d,{disableGlobalCheck:!0}),y.useEffect(()=>w(!n),[n,w]),typeof window>"u"?f.jsx(y.Fragment,{}):n&&dr.createPortal(f.jsx(Ce,{children:f.jsxs(ke,{className:c,ref:x,children:[(!a||r)&&f.jsxs(_e,{children:[r&&f.jsx(Pe,{children:r}),!a&&f.jsx(Se,{onClick:d,style:{marginLeft:r?"unset":"auto"},children:f.jsx(Fr,{size:20})})]}),f.jsx(Ee,{children:t})]})}),document.body)}const $r=h.img(({theme:r,size:t=48})=>{const n=F(r.colors.black,.1);return{height:`${t}px`,width:`${t}px`,borderRadius:"50%","&:hover":{boxShadow:`0 1px 3px 0 ${n}, 0 1px 2px -1px ${n}`}}}),De=h.li(({theme:r,active:t,danger:n})=>{const a=n?r.colors.red.default:r.colors.blue.default;return{userSelect:"none",cursor:"pointer",backgroundColor:t?F(a,.15):r.colors.secondary,padding:"10px 20px",border:`1px solid ${t?F(a,.1):r.colors.secondary}`,borderBottom:`1px solid ${t?F(a,.25):r.colors.secondary}`,display:"flex",gap:"0.35em",alignItems:"center",transition:".075s"}}),Ie=h.ul({padding:0,margin:0,display:"flex",listStyle:"none"}),Fe=h.div(({theme:r})=>({zIndex:1,position:"relative",border:`1px solid ${F(r.colors.blue.default,.25)}`,padding:"20px",marginTop:"-1px"}));function Wr({tabs:r}){const[t,n]=y.useState(0),a=c=>{n(c)};return f.jsxs("div",{children:[f.jsx(Ie,{children:r.map(({title:c,icon:d,danger:x},w)=>f.jsxs(De,{active:w===t,onClick:()=>a(w),danger:x??!1,children:[!!d&&f.jsx(d,{size:20}),c]},w))}),f.jsx(Fe,{children:f.jsx(ee,{children:r[t].content})},r[t].title)]})}const ne=h("div",{shouldForwardProp:r=>r!=="required"})(({required:r,theme:t})=>({display:"flex",gap:"0.25em",flexDirection:"column","& label":{position:"relative",userSelect:"none",width:"fit-content"},"& label::after":{position:"absolute",top:0,right:"-0.75em",color:t.colors.red.default,content:r?'"*"':'""'}})),Ae=h.p(({theme:r})=>({fontSize:"12px",color:r.colors.red.default}));function Lr({name:r,label:t,checked:n=!1,errors:a=[],onChange:c,required:d=!1,...x}){const[w,m]=y.useState(n);if(typeof window>"u")return f.jsx(y.Fragment,{});function j({target:b}){m(b.checked),c&&c(b.name,b.checked)}return f.jsxs(ne,{css:{alignItems:"center",gap:"1em",flexDirection:"row"},required:d,children:[f.jsx("label",{htmlFor:r,title:t,children:t}),f.jsx(fr,{...x,onChange:j,checked:w,placeholder:x.placeholder??"Type something...",name:r,id:r}),a.length>0&&a.map(b=>f.jsx(Ae,{children:b},b))]})}const Mr=h.form({width:"100%",display:"flex",gap:"1em",flexDirection:"column"}),Br=h.input(({theme:r})=>({width:"100%",color:r.colors.font,backgroundColor:r.colors.secondary,padding:"0.75em",border:`1px solid ${r.colors.grey.light}`,borderBottom:`2px solid ${r.colors.grey.light}`,borderRadius:r.borders.radius.m,transition:r.transitions.delay.normal,"&:focus":{borderBottom:`2px solid ${r.colors.blue.default}`},"&:disabled":{opacity:.85},"&::placeholder":{fontStyle:"italic",color:r.colors.grey.default}}));function Yr({name:r,label:t,value:n="",errors:a=[],onChange:c,required:d=!1,...x}){const[w,m]=y.useState(n);function j({target:b}){m(b.value),c&&c(b.name,b.value)}return f.jsxs(ne,{required:d,children:[f.jsx("label",{htmlFor:r,title:t,children:t}),f.jsx(Br,{...x,name:r,onChange:j,value:w,placeholder:x.placeholder??"Type something..."}),a.length>0&&a.map(b=>f.jsx(Ae,{children:b},b))]})}function Nr({name:r,label:t,value:n,options:a,onChangeCallback:c,formatOptionLabel:d,required:x=!1,...w}){const m=O.useTheme(),[j,b]=y.useState();y.useEffect(()=>{if(a.length===0)return;const _=a.find(A=>A.value===n);_&&b(_)},[a,n]);const P=_=>{b(_),c&&c(_.value)};return f.jsxs(ne,{required:x,children:[t&&f.jsx("label",{htmlFor:r,title:`${r} field`,children:t}),f.jsx(pr,{value:j,onChange:_=>P(_),options:a,isDisabled:w.disabled,menuPlacement:"auto",formatOptionLabel:d?(_,A)=>d(_,A):void 0,css:{color:m.colors.black}})]})}const $e="__minimstuff_dark_theme__",zr={borders:{radius:{xs:"1px",s:"2px",m:"3px",l:"4px",xl:"5px"}},medias:{mobile:"768px",tablet:"1024px",small_desktop:"1280px",medium_desktop:"1440px",large_desktop:"1920px",xlarge_desktop:"2560px"},transitions:{delay:{fast:"0.075s",normal:"0.15s",slow:"0.3s"}},fontSizes:{xs:"10px",s:"12px",m:"14px",l:"16px",xl:"18px"}},Vr={font:"#f0eef6",background:"#222831",secondary:"#323a47",black:"#333333",white:"#ffffff",grey:D({color:"#aaaaaa"}),blue:D({color:"#4fadfc"}),green:D({color:"#09b909"}),red:D({color:"red"}),yellow:D({color:"#ffc107"}),boxShadow:`0 0 1em 0 ${F("#111",.4)}`},Ur={font:"#333",background:"#f0eef6",secondary:"#fff",black:"#333",white:"#ffffff",grey:D({color:"#777777"}),blue:D({color:"#3f88c5"}),green:D({color:"green"}),red:D({color:"red"}),yellow:D({color:"#ffc107"}),boxShadow:`0 0 1em 0 ${F("#aaa",.4)}`},ae=y.createContext({isDarkTheme:!0,toggleDarkTheme:r=>{}});function Hr({children:r,onPreferenceChange:t}){const[n,a]=y.useState(()=>localStorage.getItem($e)==="true"),c=d=>{a(d),t==null||t(d),localStorage.setItem($e,String(n))};return f.jsx(O.ThemeProvider,{theme:{...zr,colors:n?Vr:Ur},children:f.jsxs(ae.Provider,{value:{isDarkTheme:n,toggleDarkTheme:c},children:[f.jsx(We,{}),r]})})}function We(){const r=O.useTheme(),t=O.css({"*":{boxSizing:"border-box",outline:0,margin:0,padding:0,scrollBehavior:"smooth"},".reset":{backgroundColor:"inherit",color:"inherit",padding:0,margin:0,border:0},a:{width:"fit-content",color:r.colors.blue.default,textDecoration:"none",borderBottom:"1px solid transparent"},b:{fontWeight:600,letterSpacing:"0.5px"},"h1, h2, h3, h4, h5, h6":{fontWeight:"500",color:r.colors.blue.default},kbd:{textShadow:"0 1px 0 #fff",fontSize:"12px",color:"rgb(51, 51, 51)",backgroundColor:"rgb(247, 247, 247)",padding:"0.25em 0.5em",borderRadius:"3px",border:"1px solid rgb(204, 204, 204)",boxShadow:"0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset",display:"inline-block"},hr:{width:"100%",marginBlock:"1em",border:0,borderTop:`1px solid ${r.colors.background}`}}),n=O.css({"html, body, #app":{height:"100svh",width:"100%",fontFamily:"'Poppins', sans-serif",fontSize:"14px",color:r.colors.font,backgroundColor:r.colors.background,display:"flex",alignItems:"center",flexDirection:"column"}}),a=O.css({"::-webkit-scrollbar":{height:"0.45em",width:"0.45em"},"::-webkit-scrollbar-track":{borderRadius:r.borders.radius.m},"::-webkit-scrollbar-thumb":{background:r.colors.blue.default,borderRadius:r.borders.radius.m,"&:hover":{background:r.colors.blue.dark}}}),c=O.css({table:{height:"auto",width:"100%",borderCollapse:"collapse",borderRadius:r.borders.radius.m,overflow:"hidden"},th:{textAlign:"center",fontWeight:400,backgroundColor:r.colors.secondary},"td, th":{padding:"0.45em"},"th, td":{whiteSpace:"nowrap"},"tr:nth-of-type(even)":{backgroundColor:r.colors.secondary}});return f.jsx(O.Global,{styles:[t,n,a,c]})}const qr=()=>y.useContext(ae);s.Button=br,s.Checkbox=Lr,s.Dropdown=Er,s.DropdownContainer=he,s.DropdownItemButton=kr,s.DropdownItemLink=_r,s.DropdownLabel=ye,s.ExternalLink=Sr,s.Form=Mr,s.Modal=Ar,s.ModalBody=Ee,s.ModalCloseBtn=Se,s.ModalContainer=ke,s.ModalHeader=_e,s.ModalWrapper=Ce,s.RoundedImage=$r,s.Selector=Nr,s.StyleReset=We,s.TabItem=De,s.TabList=Ie,s.TabPanel=Fe,s.Tabs=Wr,s.TextEllipsis=Pe,s.Textbox=Yr,s.ThemeContextProvider=Hr,s._ThemeContext=ae,s.useClickOutside=re,s.useGlobalHotkeys=te,s.useShortcut=oe,s.useThemeSwitcher=qr,s.useToggle=xe,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
|
|
31
|
-
//# sourceMappingURL=index.umd.js.map
|
|
30
|
+
<%s key={someKey} {...props} />`,be,W,Rt,W),lr[W+be]=!0}}return e===a?_t(k):kt(k),k}}function St(e,o,i){return sr(e,o,i,!0)}function Ct(e,o,i){return sr(e,o,i,!1)}var Tt=Ct,jt=St;N.Fragment=a,N.jsx=Tt,N.jsxs=jt}()),N}process.env.NODE_ENV==="production"?Q.exports=gr():Q.exports=mr();var f=Q.exports;O.keyframes({"0%":{opacity:0},"100%":{opacity:1}}),O.keyframes({to:{transform:"rotate(0deg)"},from:{transform:"rotate(360deg)"}});const hr=O.keyframes({from:{opacity:0,transform:"scale(0.95)"},to:{opacity:1,transform:"scale(1)"}}),ee=v.div(({theme:r})=>({animation:`${r.transitions.delay.normal} ${hr} both`})),ve=v(ee)(({show:r,theme:t})=>({zIndex:99,position:"absolute",top:"calc(100% + 0.5em)",right:0,minWidth:"175px",backgroundColor:r?t.colors.secondary:t.colors.background,border:`2px solid ${t.colors.secondary}`,borderRadius:t.borders.radius.m,boxShadow:t.colors.boxShadow,display:r?"flex":"none",flexDirection:"column",overflow:"hidden"})),ye=v.div(({theme:r})=>({height:"auto",width:"auto",color:r.colors.font,display:"flex",gap:"0.35em"}));function re(r,t){y.useEffect(()=>{function n(a){var c;r!=null&&r.current&&!((c=r.current)!=null&&c.contains(a.target))&&t()}return document.addEventListener("mousedown",n),()=>document.removeEventListener("mousedown",n)},[r,t])}const vr={ARROW_DOWN:"ArrowDown",ARROW_UP:"ArrowUp",ESCAPE_KEY:"escape"},yr={globalHotkeysEnabled:!0,setGlobalHotkeysEnabled:r=>{}},xr=y.createContext(yr),te=()=>y.useContext(xr);function oe(r,t,{enabled:n,disableGlobalCheck:a}={enabled:!0,disableGlobalCheck:!1}){const{globalHotkeysEnabled:c}=te();return cr.useHotkeys(vr[r],u=>{u.preventDefault(),t()},{enabled:a?n:n&&c,enableOnFormTags:["INPUT"]})}const xe=(r=!1)=>{const[t,n]=y.useState(r);return{isShowing:t,toggle:()=>n(x=>!x),open:()=>n(!0),close:()=>n(!1)}},wr=v.div(({opened:r,theme:t,svgSize:n=24})=>({cursor:"pointer",userSelect:"none",position:"relative",minWidth:"fit-content",width:"fit-content",maxWidth:"250px",backgroundColor:r?t.colors.secondary:t.colors.background,padding:"4px",borderRadius:t.borders.radius.m,"&:hover":{backgroundColor:t.colors.secondary},"& svg":{height:`${n}px`,width:`${n}px`}}));function Er({children:r,label:t,className:n,svgSize:a}){const c=y.useRef(null),{isShowing:u,toggle:x,close:w}=xe();return re(c,w),oe("ESCAPE_KEY",w,{disableGlobalCheck:!0}),f.jsxs(wr,{opened:u,onClick:x,ref:c,className:n,svgSize:a,children:[f.jsx(ye,{children:t}),f.jsx(ve,{show:u,children:r})]})}const we=v("div",{shouldForwardProp:r=>r!=="danger"})(({theme:r,danger:t})=>({fontSize:"14px",whiteSpace:"nowrap",color:t?r.colors.red.default:r.colors.blue.default,padding:"8px 12px",borderRadius:r.borders.radius.m,"&:hover":{backgroundColor:r.colors.background}})),kr=v(we)({display:"flex",gap:"0.75em",alignItems:"center"}),_r=v(we.withComponent("a"))({width:"100%",display:"flex",gap:"0.75em",alignItems:"center"});function Sr({children:r,title:t,...n}){return f.jsx("a",{target:"_blank",rel:"noreferrer",title:t,...n,children:r})}const Ee=v.div({width:"100%",display:"flex",flex:1,alignItems:"center",flexDirection:"column"}),ke=v(ee)(({theme:r})=>({minWidth:"500px",background:r.colors.background,padding:"1em",borderRadius:r.borders.radius.m,marginTop:"6em",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",boxShadow:r.colors.boxShadow,[`@media (max-width: ${r.medias.mobile})`]:{maxHeight:"calc(100% - 2em)",width:"calc(100% - 2em)",minWidth:"unset",marginTop:"1em"}})),_e=v.h3({width:"100%",margin:0,marginBottom:"0.75em",display:"flex",alignItems:"center",justifyContent:"space-between"}),Se=v.button(({theme:r})=>({cursor:"pointer",color:r.colors.blue.default,backgroundColor:"transparent",border:0,padding:0,margin:0})),F=(r,t)=>`rgba(${ur(r,{format:"array"}).slice(0,-1).join(",")},${t})`;function D(r){const t=ge(r.color);if(!t.isValid())throw new Error("Invalid color provided");return{lightest:H({...r,multiplicator:2,type:"lighten"}),light:H({...r,multiplicator:1,type:"lighten"}),default:t.toString(),dark:H({...r,multiplicator:1,type:"darken"}),darkest:H({...r,multiplicator:2,type:"darken"})}}function H({color:r,fadeStep:t=15,multiplicator:n,type:a}){return ge(r)[a](t*n).toString()}const Ce=v.div(({theme:r})=>({zIndex:9999,position:"absolute",top:0,left:0,height:"100%",width:"100%",background:F(r.colors.black,.35),backdropFilter:"blur(0.1em)",display:"flex",alignItems:"center",flexDirection:"column",transition:r.transitions.delay.normal}));var Te={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},je=y.createContext&&y.createContext(Te),Cr=["attr","size","title"];function Tr(r,t){if(r==null)return{};var n=jr(r,t),a,c;if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(r);for(c=0;c<u.length;c++)a=u[c],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(r,a)&&(n[a]=r[a])}return n}function jr(r,t){if(r==null)return{};var n={};for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a)){if(t.indexOf(a)>=0)continue;n[a]=r[a]}return n}function q(){return q=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(r[a]=n[a])}return r},q.apply(this,arguments)}function Re(r,t){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);t&&(a=a.filter(function(c){return Object.getOwnPropertyDescriptor(r,c).enumerable})),n.push.apply(n,a)}return n}function G(r){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Re(Object(n),!0).forEach(function(a){Rr(r,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):Re(Object(n)).forEach(function(a){Object.defineProperty(r,a,Object.getOwnPropertyDescriptor(n,a))})}return r}function Rr(r,t,n){return t=Or(t),t in r?Object.defineProperty(r,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[t]=n,r}function Or(r){var t=Pr(r,"string");return typeof t=="symbol"?t:t+""}function Pr(r,t){if(typeof r!="object"||!r)return r;var n=r[Symbol.toPrimitive];if(n!==void 0){var a=n.call(r,t||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function Oe(r){return r&&r.map((t,n)=>y.createElement(t.tag,G({key:n},t.attr),Oe(t.child)))}function Dr(r){return t=>y.createElement(Ir,q({attr:G({},r.attr)},t),Oe(r.child))}function Ir(r){var t=n=>{var{attr:a,size:c,title:u}=r,x=Tr(r,Cr),w=c||n.size||"1em",m;return n.className&&(m=n.className),r.className&&(m=(m?m+" ":"")+r.className),y.createElement("svg",q({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,a,x,{className:m,style:G(G({color:r.color||n.color},n.style),r.style),height:w,width:w,xmlns:"http://www.w3.org/2000/svg"}),u&&y.createElement("title",null,u),r.children)};return je!==void 0?y.createElement(je.Consumer,null,n=>t(n)):t(Te)}function Fr(r){return Dr({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z"},child:[]}]})(r)}const Pe=v.p(({lines:r=1})=>r>1?{overflow:"hidden",display:"-webkit-box",WebkitLineClamp:r,WebkitBoxOrient:"vertical"}:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"});function Ar({title:r,children:t,opened:n=!0,hideCloseBtn:a=!1,className:c,close:u}){const x=y.useRef(null),{setGlobalHotkeysEnabled:w}=te();return re(x,u),oe("ESCAPE_KEY",u,{disableGlobalCheck:!0}),y.useEffect(()=>w(!n),[n,w]),typeof window>"u"?f.jsx(y.Fragment,{}):n&&dr.createPortal(f.jsx(Ce,{children:f.jsxs(ke,{className:c,ref:x,children:[(!a||r)&&f.jsxs(_e,{children:[r&&f.jsx(Pe,{children:r}),!a&&f.jsx(Se,{onClick:u,style:{marginLeft:r?"unset":"auto"},children:f.jsx(Fr,{size:20})})]}),f.jsx(Ee,{children:t})]})}),document.body)}const $r=v.img(({theme:r,size:t=48})=>{const n=F(r.colors.black,.1);return{height:`${t}px`,width:`${t}px`,borderRadius:"50%","&:hover":{boxShadow:`0 1px 3px 0 ${n}, 0 1px 2px -1px ${n}`}}}),De=v.li(({theme:r,active:t,danger:n})=>{const a=n?r.colors.red.default:r.colors.blue.default;return{userSelect:"none",cursor:"pointer",backgroundColor:t?F(a,.15):r.colors.secondary,padding:"10px 20px",border:`1px solid ${t?F(a,.1):r.colors.secondary}`,borderBottom:`1px solid ${t?F(a,.25):r.colors.secondary}`,display:"flex",gap:"0.35em",alignItems:"center",transition:".075s"}}),Ie=v.ul({padding:0,margin:0,display:"flex",listStyle:"none"}),Fe=v.div(({theme:r})=>({zIndex:1,position:"relative",border:`1px solid ${F(r.colors.blue.default,.25)}`,padding:"20px",marginTop:"-1px"}));function Wr({tabs:r}){const[t,n]=y.useState(0),a=c=>{n(c)};return f.jsxs("div",{children:[f.jsx(Ie,{children:r.map(({title:c,icon:u,danger:x},w)=>f.jsxs(De,{active:w===t,onClick:()=>a(w),danger:x??!1,children:[!!u&&f.jsx(u,{size:20}),c]},w))}),f.jsx(Fe,{children:f.jsx(ee,{children:r[t].content})},r[t].title)]})}const ne=v("div",{shouldForwardProp:r=>r!=="required"})(({required:r,theme:t})=>({display:"flex",gap:"0.25em",flexDirection:"column","& label":{position:"relative",userSelect:"none",width:"fit-content"},"& label::after":{position:"absolute",top:0,right:"-0.75em",color:t.colors.red.default,content:r?'"*"':'""'}})),Ae=v.p(({theme:r})=>({fontSize:"12px",color:r.colors.red.default}));function Lr({name:r,label:t,checked:n=!1,errors:a=[],onChange:c,required:u=!1,...x}){const[w,m]=y.useState(n);if(typeof window>"u")return f.jsx(y.Fragment,{});function j({target:b}){m(b.checked),c&&c(b.name,b.checked)}return f.jsxs(ne,{css:{alignItems:"center",gap:"1em",flexDirection:"row"},required:u,children:[f.jsx("label",{htmlFor:r,title:t,children:t}),f.jsx(fr,{...x,onChange:j,checked:w,placeholder:x.placeholder??"Type something...",name:r,id:r}),a.length>0&&a.map(b=>f.jsx(Ae,{children:b},b))]})}const Mr=v.form({width:"100%",display:"flex",gap:"1em",flexDirection:"column"}),Br=v.input(({theme:r})=>({width:"100%",color:r.colors.font,backgroundColor:r.colors.secondary,padding:"0.75em",border:`1px solid ${r.colors.grey.light}`,borderBottom:`2px solid ${r.colors.grey.light}`,borderRadius:r.borders.radius.m,transition:r.transitions.delay.normal,"&:focus":{borderBottom:`2px solid ${r.colors.blue.default}`},"&:disabled":{opacity:.85},"&::placeholder":{fontStyle:"italic",color:r.colors.grey.default}}));function Yr({name:r,label:t,value:n="",errors:a=[],onChange:c,required:u=!1,...x}){const[w,m]=y.useState(n);function j({target:b}){m(b.value),c&&c(b.name,b.value)}return f.jsxs(ne,{required:u,children:[f.jsx("label",{htmlFor:r,title:t,children:t}),f.jsx(Br,{...x,name:r,onChange:j,value:w,placeholder:x.placeholder??"Type something..."}),a.length>0&&a.map(b=>f.jsx(Ae,{children:b},b))]})}function Nr({name:r,label:t,value:n,options:a,onChangeCallback:c,formatOptionLabel:u,required:x=!1,...w}){const m=O.useTheme(),[j,b]=y.useState();y.useEffect(()=>{if(a.length===0)return;const _=a.find(A=>A.value===n);_&&b(_)},[a,n]);const P=_=>{b(_),c&&c(_.value)};return f.jsxs(ne,{required:x,children:[t&&f.jsx("label",{htmlFor:r,title:`${r} field`,children:t}),f.jsx(pr,{value:j,onChange:_=>P(_),options:a,isDisabled:w.disabled,menuPlacement:"auto",formatOptionLabel:u?(_,A)=>u(_,A):void 0,css:{color:m.colors.black}})]})}const $e="__minimstuff_dark_theme__",zr={borders:{radius:{xs:"1px",s:"2px",m:"3px",l:"4px",xl:"5px"}},medias:{mobile:"768px",tablet:"1024px",small_desktop:"1280px",medium_desktop:"1440px",large_desktop:"1920px",xlarge_desktop:"2560px"},transitions:{delay:{fast:"0.075s",normal:"0.15s",slow:"0.3s"}},fontSizes:{xs:"10px",s:"12px",m:"14px",l:"16px",xl:"18px"}},Vr={font:"#f0eef6",background:"#222831",secondary:"#323a47",black:"#333333",white:"#ffffff",grey:D({color:"#aaaaaa"}),blue:D({color:"#4fadfc"}),green:D({color:"#09b909"}),red:D({color:"red"}),yellow:D({color:"#ffc107"}),boxShadow:`0 0 1em 0 ${F("#111",.4)}`},Ur={font:"#333",background:"#f0eef6",secondary:"#fff",black:"#333",white:"#ffffff",grey:D({color:"#777777"}),blue:D({color:"#3f88c5"}),green:D({color:"green"}),red:D({color:"red"}),yellow:D({color:"#ffc107"}),boxShadow:`0 0 1em 0 ${F("#aaa",.4)}`},ae=y.createContext({isDarkTheme:!0,toggleDarkTheme:r=>{}});function Hr({children:r,onPreferenceChange:t}){const[n,a]=y.useState(()=>localStorage.getItem($e)==="true"),c=u=>{a(u),t==null||t(u),localStorage.setItem($e,String(u))};return f.jsx(O.ThemeProvider,{theme:{...zr,colors:n?Vr:Ur},children:f.jsxs(ae.Provider,{value:{isDarkTheme:n,toggleDarkTheme:c},children:[f.jsx(We,{}),r]})})}function We(){const r=O.useTheme(),t=O.css({"*":{boxSizing:"border-box",outline:0,margin:0,padding:0,scrollBehavior:"smooth"},".reset":{backgroundColor:"inherit",color:"inherit",padding:0,margin:0,border:0},a:{width:"fit-content",color:r.colors.blue.default,textDecoration:"none",borderBottom:"1px solid transparent"},b:{fontWeight:600,letterSpacing:"0.5px"},"h1, h2, h3, h4, h5, h6":{fontWeight:"500",color:r.colors.blue.default},kbd:{textShadow:"0 1px 0 #fff",fontSize:"12px",color:"rgb(51, 51, 51)",backgroundColor:"rgb(247, 247, 247)",padding:"0.25em 0.5em",borderRadius:"3px",border:"1px solid rgb(204, 204, 204)",boxShadow:"0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset",display:"inline-block"},hr:{width:"100%",marginBlock:"1em",border:0,borderTop:`1px solid ${r.colors.background}`}}),n=O.css({"html, body, #app":{height:"100svh",width:"100%",fontFamily:"'Poppins', sans-serif",fontSize:"14px",color:r.colors.font,backgroundColor:r.colors.background,display:"flex",alignItems:"center",flexDirection:"column"}}),a=O.css({"::-webkit-scrollbar":{height:"0.45em",width:"0.45em"},"::-webkit-scrollbar-track":{borderRadius:r.borders.radius.m},"::-webkit-scrollbar-thumb":{background:r.colors.blue.default,borderRadius:r.borders.radius.m,"&:hover":{background:r.colors.blue.dark}}}),c=O.css({table:{height:"auto",width:"100%",borderCollapse:"collapse",borderRadius:r.borders.radius.m,overflow:"hidden"},th:{textAlign:"center",fontWeight:400,backgroundColor:r.colors.secondary},"td, th":{padding:"0.45em"},"th, td":{whiteSpace:"nowrap"},"tr:nth-of-type(even)":{backgroundColor:r.colors.secondary}});return f.jsx(O.Global,{styles:[t,n,a,c]})}const qr=()=>y.useContext(ae);s.Button=br,s.Checkbox=Lr,s.Dropdown=Er,s.DropdownContainer=ve,s.DropdownItemButton=kr,s.DropdownItemLink=_r,s.DropdownLabel=ye,s.ExternalLink=Sr,s.Form=Mr,s.Modal=Ar,s.ModalBody=Ee,s.ModalCloseBtn=Se,s.ModalContainer=ke,s.ModalHeader=_e,s.ModalWrapper=Ce,s.RoundedImage=$r,s.Selector=Nr,s.StyleReset=We,s.TabItem=De,s.TabList=Ie,s.TabPanel=Fe,s.Tabs=Wr,s.TextEllipsis=Pe,s.Textbox=Yr,s.ThemeContextProvider=Hr,s._ThemeContext=ae,s.useClickOutside=re,s.useGlobalHotkeys=te,s.useShortcut=oe,s.useThemeSwitcher=qr,s.useToggle=xe,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@minimalstuff/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.23",
|
|
4
4
|
"description": "Minimal UI lib for React built on top of Emotion",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.umd.js",
|
|
7
7
|
"module": "./dist/index.es.js",
|
|
8
8
|
"types": "./dist/index.d.ts",
|
|
9
9
|
"files": [
|
|
10
|
-
"dist"
|
|
11
|
-
"node_modules/react-toggle/style.css"
|
|
10
|
+
"dist"
|
|
12
11
|
],
|
|
13
12
|
"exports": {
|
|
14
13
|
".": {
|
|
@@ -74,12 +73,13 @@
|
|
|
74
73
|
"typescript": "^5.4.5",
|
|
75
74
|
"vite": "^5.3.2",
|
|
76
75
|
"vite-plugin-dts": "^3.9.1",
|
|
77
|
-
"
|
|
76
|
+
"@types/node": "^20.14.9",
|
|
77
|
+
"vitest": "^1.6.0",
|
|
78
|
+
"vite-tsconfig-paths": "^4.3.2"
|
|
78
79
|
},
|
|
79
80
|
"dependencies": {
|
|
80
81
|
"@emotion/react": "^11.11.4",
|
|
81
82
|
"@emotion/styled": "^11.11.5",
|
|
82
|
-
"@types/node": "^20.14.9",
|
|
83
83
|
"hex-rgb": "^5.0.0",
|
|
84
84
|
"react": "^18.3.1",
|
|
85
85
|
"react-dom": "^18.3.1",
|
|
@@ -87,8 +87,7 @@
|
|
|
87
87
|
"react-icons": "^5.2.1",
|
|
88
88
|
"react-select": "^5.8.0",
|
|
89
89
|
"react-toggle": "^4.1.3",
|
|
90
|
-
"tinycolor2": "^1.6.0"
|
|
91
|
-
"vite-tsconfig-paths": "^4.3.2"
|
|
90
|
+
"tinycolor2": "^1.6.0"
|
|
92
91
|
},
|
|
93
92
|
"lint-staged": {
|
|
94
93
|
"*.{ts,tsx}": [
|