515 lines
19 KiB
JavaScript
515 lines
19 KiB
JavaScript
/*
|
|
* Extracted from browser-delivered Turbopack chunk: 2cd465e94e439d21.d295534e06.js
|
|
* Module id: 151449
|
|
* For reading/searching only; this factory depends on the original Turbopack runtime.
|
|
*/
|
|
|
|
const moduleFactory = (e) => {
|
|
"use strict";
|
|
var t = e.i(462214);
|
|
function r(e) {
|
|
return "auto" === e || "dark" === e || "light" === e;
|
|
}
|
|
var o = e.i(978459),
|
|
n = e.i(889403),
|
|
i = e.i(362727),
|
|
a = e.i(389435),
|
|
s = e.i(358379),
|
|
l = e.i(830744);
|
|
function c() {
|
|
let e = (0, l.useMantineTheme)(),
|
|
r = (0, o.useMantineStyleNonce)(),
|
|
s = (0, n.keys)(e.breakpoints).reduce((t, r) => {
|
|
let o = e.breakpoints[r].includes("px"),
|
|
n = (0, i.px)(e.breakpoints[r]),
|
|
s = o ? `${n - 0.1}px` : (0, a.em)(n - 0.1),
|
|
l = o ? `${n}px` : (0, a.em)(n);
|
|
return `${t}@media (max-width: ${s}) {.mantine-visible-from-${r} {display: none !important;}}@media (min-width: ${l}) {.mantine-hidden-from-${r} {display: none !important;}}`;
|
|
}, "");
|
|
return (0, t.jsx)("style", {
|
|
"data-mantine-styles": "classes",
|
|
nonce: r?.(),
|
|
dangerouslySetInnerHTML: { __html: s },
|
|
});
|
|
}
|
|
function u(e) {
|
|
return Object.entries(e)
|
|
.map(([e, t]) => `${e}: ${t};`)
|
|
.join("");
|
|
}
|
|
function d(e, t) {
|
|
let r = t ? [t] : [":root", ":host"],
|
|
o = u(e.variables),
|
|
n = o ? `${r.join(", ")}{${o}}` : "",
|
|
i = u(e.dark),
|
|
a = u(e.light),
|
|
s = (e) =>
|
|
r
|
|
.map((t) =>
|
|
":host" === t
|
|
? `${t}([data-mantine-color-scheme="${e}"])`
|
|
: `${t}[data-mantine-color-scheme="${e}"]`,
|
|
)
|
|
.join(", "),
|
|
l = i ? `${s("dark")}{${i}}` : "",
|
|
c = a ? `${s("light")}{${a}}` : "";
|
|
return `${n}
|
|
|
|
${l}
|
|
|
|
${c}`;
|
|
}
|
|
var f = e.i(198138),
|
|
p = e.i(282335),
|
|
g = e.i(507263),
|
|
m = e.i(540685);
|
|
function h({
|
|
theme: e,
|
|
color: t,
|
|
colorScheme: r,
|
|
name: o = t,
|
|
withColorValues: n = !0,
|
|
}) {
|
|
if (!e.colors[t]) return {};
|
|
if ("light" === r) {
|
|
let r = (0, p.getPrimaryShade)(e, "light"),
|
|
i = {
|
|
[`--mantine-color-${o}-text`]: `var(--mantine-color-${o}-filled)`,
|
|
[`--mantine-color-${o}-filled`]: `var(--mantine-color-${o}-${r})`,
|
|
[`--mantine-color-${o}-filled-hover`]: `var(--mantine-color-${o}-${9 === r ? 8 : r + 1})`,
|
|
[`--mantine-color-${o}-light`]: (0, m.alpha)(e.colors[t][r], 0.1),
|
|
[`--mantine-color-${o}-light-hover`]: (0, m.alpha)(
|
|
e.colors[t][r],
|
|
0.12,
|
|
),
|
|
[`--mantine-color-${o}-light-color`]: `var(--mantine-color-${o}-${r})`,
|
|
[`--mantine-color-${o}-outline`]: `var(--mantine-color-${o}-${r})`,
|
|
[`--mantine-color-${o}-outline-hover`]: (0, m.alpha)(
|
|
e.colors[t][r],
|
|
0.05,
|
|
),
|
|
};
|
|
return n
|
|
? {
|
|
[`--mantine-color-${o}-0`]: e.colors[t][0],
|
|
[`--mantine-color-${o}-1`]: e.colors[t][1],
|
|
[`--mantine-color-${o}-2`]: e.colors[t][2],
|
|
[`--mantine-color-${o}-3`]: e.colors[t][3],
|
|
[`--mantine-color-${o}-4`]: e.colors[t][4],
|
|
[`--mantine-color-${o}-5`]: e.colors[t][5],
|
|
[`--mantine-color-${o}-6`]: e.colors[t][6],
|
|
[`--mantine-color-${o}-7`]: e.colors[t][7],
|
|
[`--mantine-color-${o}-8`]: e.colors[t][8],
|
|
[`--mantine-color-${o}-9`]: e.colors[t][9],
|
|
...i,
|
|
}
|
|
: i;
|
|
}
|
|
let i = (0, p.getPrimaryShade)(e, "dark"),
|
|
a = {
|
|
[`--mantine-color-${o}-text`]: `var(--mantine-color-${o}-4)`,
|
|
[`--mantine-color-${o}-filled`]: `var(--mantine-color-${o}-${i})`,
|
|
[`--mantine-color-${o}-filled-hover`]: `var(--mantine-color-${o}-${9 === i ? 8 : i + 1})`,
|
|
[`--mantine-color-${o}-light`]: (0, m.alpha)(
|
|
e.colors[t][Math.max(0, i - 2)],
|
|
0.15,
|
|
),
|
|
[`--mantine-color-${o}-light-hover`]: (0, m.alpha)(
|
|
e.colors[t][Math.max(0, i - 2)],
|
|
0.2,
|
|
),
|
|
[`--mantine-color-${o}-light-color`]: `var(--mantine-color-${o}-${Math.max(i - 5, 0)})`,
|
|
[`--mantine-color-${o}-outline`]: `var(--mantine-color-${o}-${Math.max(i - 4, 0)})`,
|
|
[`--mantine-color-${o}-outline-hover`]: (0, m.alpha)(
|
|
e.colors[t][Math.max(i - 4, 0)],
|
|
0.05,
|
|
),
|
|
};
|
|
return n
|
|
? {
|
|
[`--mantine-color-${o}-0`]: e.colors[t][0],
|
|
[`--mantine-color-${o}-1`]: e.colors[t][1],
|
|
[`--mantine-color-${o}-2`]: e.colors[t][2],
|
|
[`--mantine-color-${o}-3`]: e.colors[t][3],
|
|
[`--mantine-color-${o}-4`]: e.colors[t][4],
|
|
[`--mantine-color-${o}-5`]: e.colors[t][5],
|
|
[`--mantine-color-${o}-6`]: e.colors[t][6],
|
|
[`--mantine-color-${o}-7`]: e.colors[t][7],
|
|
[`--mantine-color-${o}-8`]: e.colors[t][8],
|
|
[`--mantine-color-${o}-9`]: e.colors[t][9],
|
|
...a,
|
|
}
|
|
: a;
|
|
}
|
|
function b(e, t, r) {
|
|
(0, n.keys)(t).forEach((o) =>
|
|
Object.assign(e, { [`--mantine-${r}-${o}`]: t[o] }),
|
|
);
|
|
}
|
|
let y = (e) => {
|
|
let t = (0, p.getPrimaryShade)(e, "light"),
|
|
r =
|
|
e.defaultRadius in e.radius
|
|
? e.radius[e.defaultRadius]
|
|
: (0, a.rem)(e.defaultRadius),
|
|
o = {
|
|
variables: {
|
|
"--mantine-z-index-app": "100",
|
|
"--mantine-z-index-modal": "200",
|
|
"--mantine-z-index-popover": "300",
|
|
"--mantine-z-index-overlay": "400",
|
|
"--mantine-z-index-max": "9999",
|
|
"--mantine-scale": e.scale.toString(),
|
|
"--mantine-cursor-type": e.cursorType,
|
|
"--mantine-webkit-font-smoothing": e.fontSmoothing
|
|
? "antialiased"
|
|
: "unset",
|
|
"--mantine-moz-font-smoothing": e.fontSmoothing
|
|
? "grayscale"
|
|
: "unset",
|
|
"--mantine-color-white": e.white,
|
|
"--mantine-color-black": e.black,
|
|
"--mantine-line-height": e.lineHeights.md,
|
|
"--mantine-font-family": e.fontFamily,
|
|
"--mantine-font-family-monospace": e.fontFamilyMonospace,
|
|
"--mantine-font-family-headings": e.headings.fontFamily,
|
|
"--mantine-heading-font-weight": e.headings.fontWeight,
|
|
"--mantine-heading-text-wrap": e.headings.textWrap,
|
|
"--mantine-radius-default": r,
|
|
"--mantine-primary-color-filled": `var(--mantine-color-${e.primaryColor}-filled)`,
|
|
"--mantine-primary-color-filled-hover": `var(--mantine-color-${e.primaryColor}-filled-hover)`,
|
|
"--mantine-primary-color-light": `var(--mantine-color-${e.primaryColor}-light)`,
|
|
"--mantine-primary-color-light-hover": `var(--mantine-color-${e.primaryColor}-light-hover)`,
|
|
"--mantine-primary-color-light-color": `var(--mantine-color-${e.primaryColor}-light-color)`,
|
|
},
|
|
light: {
|
|
"--mantine-color-scheme": "light",
|
|
"--mantine-primary-color-contrast": (0,
|
|
g.getPrimaryContrastColor)(e, "light"),
|
|
"--mantine-color-bright": "var(--mantine-color-black)",
|
|
"--mantine-color-text": e.black,
|
|
"--mantine-color-body": e.white,
|
|
"--mantine-color-error": "var(--mantine-color-red-6)",
|
|
"--mantine-color-placeholder": "var(--mantine-color-gray-5)",
|
|
"--mantine-color-anchor": `var(--mantine-color-${e.primaryColor}-${t})`,
|
|
"--mantine-color-default": "var(--mantine-color-white)",
|
|
"--mantine-color-default-hover": "var(--mantine-color-gray-0)",
|
|
"--mantine-color-default-color": "var(--mantine-color-black)",
|
|
"--mantine-color-default-border": "var(--mantine-color-gray-4)",
|
|
"--mantine-color-dimmed": "var(--mantine-color-gray-6)",
|
|
"--mantine-color-disabled": "var(--mantine-color-gray-2)",
|
|
"--mantine-color-disabled-color": "var(--mantine-color-gray-5)",
|
|
"--mantine-color-disabled-border": "var(--mantine-color-gray-3)",
|
|
},
|
|
dark: {
|
|
"--mantine-color-scheme": "dark",
|
|
"--mantine-primary-color-contrast": (0,
|
|
g.getPrimaryContrastColor)(e, "dark"),
|
|
"--mantine-color-bright": "var(--mantine-color-white)",
|
|
"--mantine-color-text": "var(--mantine-color-dark-0)",
|
|
"--mantine-color-body": "var(--mantine-color-dark-7)",
|
|
"--mantine-color-error": "var(--mantine-color-red-8)",
|
|
"--mantine-color-placeholder": "var(--mantine-color-dark-3)",
|
|
"--mantine-color-anchor": `var(--mantine-color-${e.primaryColor}-4)`,
|
|
"--mantine-color-default": "var(--mantine-color-dark-6)",
|
|
"--mantine-color-default-hover": "var(--mantine-color-dark-5)",
|
|
"--mantine-color-default-color": "var(--mantine-color-white)",
|
|
"--mantine-color-default-border": "var(--mantine-color-dark-4)",
|
|
"--mantine-color-dimmed": "var(--mantine-color-dark-2)",
|
|
"--mantine-color-disabled": "var(--mantine-color-dark-6)",
|
|
"--mantine-color-disabled-color": "var(--mantine-color-dark-3)",
|
|
"--mantine-color-disabled-border": "var(--mantine-color-dark-4)",
|
|
},
|
|
};
|
|
b(o.variables, e.breakpoints, "breakpoint"),
|
|
b(o.variables, e.spacing, "spacing"),
|
|
b(o.variables, e.fontSizes, "font-size"),
|
|
b(o.variables, e.lineHeights, "line-height"),
|
|
b(o.variables, e.shadows, "shadow"),
|
|
b(o.variables, e.radius, "radius"),
|
|
e.colors[e.primaryColor].forEach((t, r) => {
|
|
o.variables[`--mantine-primary-color-${r}`] =
|
|
`var(--mantine-color-${e.primaryColor}-${r})`;
|
|
}),
|
|
(0, n.keys)(e.colors).forEach((t) => {
|
|
let r = e.colors[t];
|
|
if (r && "object" == typeof r && "mantine-virtual-color" in r) {
|
|
Object.assign(
|
|
o.light,
|
|
h({
|
|
theme: e,
|
|
name: r.name,
|
|
color: r.light,
|
|
colorScheme: "light",
|
|
withColorValues: !0,
|
|
}),
|
|
),
|
|
Object.assign(
|
|
o.dark,
|
|
h({
|
|
theme: e,
|
|
name: r.name,
|
|
color: r.dark,
|
|
colorScheme: "dark",
|
|
withColorValues: !0,
|
|
}),
|
|
);
|
|
return;
|
|
}
|
|
r.forEach((e, r) => {
|
|
o.variables[`--mantine-color-${t}-${r}`] = e;
|
|
}),
|
|
Object.assign(
|
|
o.light,
|
|
h({
|
|
theme: e,
|
|
color: t,
|
|
colorScheme: "light",
|
|
withColorValues: !1,
|
|
}),
|
|
),
|
|
Object.assign(
|
|
o.dark,
|
|
h({
|
|
theme: e,
|
|
color: t,
|
|
colorScheme: "dark",
|
|
withColorValues: !1,
|
|
}),
|
|
);
|
|
});
|
|
let i = e.headings.sizes;
|
|
return (
|
|
(0, n.keys)(i).forEach((t) => {
|
|
(o.variables[`--mantine-${t}-font-size`] = i[t].fontSize),
|
|
(o.variables[`--mantine-${t}-line-height`] = i[t].lineHeight),
|
|
(o.variables[`--mantine-${t}-font-weight`] =
|
|
i[t].fontWeight || e.headings.fontWeight);
|
|
}),
|
|
o
|
|
);
|
|
},
|
|
x = y(e.i(648598).DEFAULT_THEME);
|
|
function v({ cssVariablesSelector: e, deduplicateCssVariables: r }) {
|
|
let i,
|
|
a = (0, l.useMantineTheme)(),
|
|
s = (0, o.useMantineStyleNonce)(),
|
|
c = (function ({ theme: e, generator: t }) {
|
|
let r = y(e),
|
|
o = t?.(e);
|
|
return o ? (0, f.deepMerge)(r, o) : r;
|
|
})({ theme: a, generator: (0, o.useMantineCssVariablesResolver)() }),
|
|
u = (void 0 === e || ":root" === e || ":host" === e) && r,
|
|
p = d(
|
|
u
|
|
? ((i = { variables: {}, light: {}, dark: {} }),
|
|
(0, n.keys)(c.variables).forEach((e) => {
|
|
x.variables[e] !== c.variables[e] &&
|
|
(i.variables[e] = c.variables[e]);
|
|
}),
|
|
(0, n.keys)(c.light).forEach((e) => {
|
|
x.light[e] !== c.light[e] && (i.light[e] = c.light[e]);
|
|
}),
|
|
(0, n.keys)(c.dark).forEach((e) => {
|
|
x.dark[e] !== c.dark[e] && (i.dark[e] = c.dark[e]);
|
|
}),
|
|
i)
|
|
: c,
|
|
e,
|
|
);
|
|
return p
|
|
? (0, t.jsx)("style", {
|
|
"data-mantine-styles": !0,
|
|
nonce: s?.(),
|
|
dangerouslySetInnerHTML: {
|
|
__html: `${p}${u ? "" : d({ variables: {}, dark: { "--mantine-color-scheme": "dark" }, light: { "--mantine-color-scheme": "light" } }, e)}`,
|
|
},
|
|
})
|
|
: null;
|
|
}
|
|
v.displayName = "@mantine/CssVariables";
|
|
var S = e.i(883787);
|
|
function k(e, t) {
|
|
let r =
|
|
"u" > typeof window &&
|
|
"matchMedia" in window &&
|
|
window.matchMedia("(prefers-color-scheme: dark)")?.matches;
|
|
t()?.setAttribute(
|
|
"data-mantine-color-scheme",
|
|
"auto" !== e ? e : r ? "dark" : "light",
|
|
);
|
|
}
|
|
function w({
|
|
theme: e,
|
|
children: n,
|
|
getStyleNonce: i,
|
|
withStaticClasses: a = !0,
|
|
withGlobalClasses: u = !0,
|
|
deduplicateCssVariables: d = !0,
|
|
withCssVariables: f = !0,
|
|
cssVariablesSelector: p,
|
|
classNamesPrefix: g = "mantine",
|
|
colorSchemeManager: m = (function ({
|
|
key: e = "mantine-color-scheme-value",
|
|
} = {}) {
|
|
let t;
|
|
return {
|
|
get: (t) => {
|
|
if ("u" < typeof window) return t;
|
|
try {
|
|
let o = window.localStorage.getItem(e);
|
|
return r(o) ? o : t;
|
|
} catch {
|
|
return t;
|
|
}
|
|
},
|
|
set: (t) => {
|
|
try {
|
|
window.localStorage.setItem(e, t);
|
|
} catch (e) {
|
|
console.warn(
|
|
"[@mantine/core] Local storage color scheme manager was unable to save color scheme.",
|
|
e,
|
|
);
|
|
}
|
|
},
|
|
subscribe: (o) => {
|
|
(t = (t) => {
|
|
t.storageArea === window.localStorage &&
|
|
t.key === e &&
|
|
r(t.newValue) &&
|
|
o(t.newValue);
|
|
}),
|
|
window.addEventListener("storage", t);
|
|
},
|
|
unsubscribe: () => {
|
|
window.removeEventListener("storage", t);
|
|
},
|
|
clear: () => {
|
|
window.localStorage.removeItem(e);
|
|
},
|
|
};
|
|
})(),
|
|
defaultColorScheme: h = "light",
|
|
getRootElement: b = () => document.documentElement,
|
|
cssVariablesResolver: y,
|
|
forceColorScheme: x,
|
|
stylesTransform: w,
|
|
env: C,
|
|
}) {
|
|
let {
|
|
colorScheme: j,
|
|
setColorScheme: E,
|
|
clearColorScheme: M,
|
|
} = (function ({
|
|
manager: e,
|
|
defaultColorScheme: t,
|
|
getRootElement: r,
|
|
forceColorScheme: o,
|
|
}) {
|
|
let n = (0, s.useRef)(null),
|
|
[i, a] = (0, s.useState)(() => e.get(t)),
|
|
l = o || i,
|
|
c = (0, s.useCallback)(
|
|
(t) => {
|
|
o || (k(t, r), a(t), e.set(t));
|
|
},
|
|
[e.set, l, o],
|
|
),
|
|
u = (0, s.useCallback)(() => {
|
|
a(t), k(t, r), e.clear();
|
|
}, [e.clear, t]);
|
|
return (
|
|
(0, s.useEffect)(
|
|
() => (e.subscribe(c), e.unsubscribe),
|
|
[e.subscribe, e.unsubscribe],
|
|
),
|
|
(0, S.useIsomorphicEffect)(() => {
|
|
k(e.get(t), r);
|
|
}, []),
|
|
(0, s.useEffect)(() => {
|
|
if (o) return k(o, r), () => {};
|
|
void 0 === o && k(i, r),
|
|
"u" > typeof window &&
|
|
"matchMedia" in window &&
|
|
(n.current = window.matchMedia("(prefers-color-scheme: dark)"));
|
|
let e = (e) => {
|
|
"auto" === i && k(e.matches ? "dark" : "light", r);
|
|
};
|
|
return (
|
|
n.current?.addEventListener("change", e),
|
|
() => n.current?.removeEventListener("change", e)
|
|
);
|
|
}, [i, o]),
|
|
{ colorScheme: l, setColorScheme: c, clearColorScheme: u }
|
|
);
|
|
})({
|
|
defaultColorScheme: h,
|
|
forceColorScheme: x,
|
|
manager: m,
|
|
getRootElement: b,
|
|
});
|
|
return (
|
|
!(function ({ respectReducedMotion: e, getRootElement: t }) {
|
|
(0, S.useIsomorphicEffect)(() => {
|
|
e && t()?.setAttribute("data-respect-reduced-motion", "true");
|
|
}, [e]);
|
|
})({
|
|
respectReducedMotion: e?.respectReducedMotion || !1,
|
|
getRootElement: b,
|
|
}),
|
|
(0, t.jsx)(o.MantineContext.Provider, {
|
|
value: {
|
|
colorScheme: j,
|
|
setColorScheme: E,
|
|
clearColorScheme: M,
|
|
getRootElement: b,
|
|
classNamesPrefix: g,
|
|
getStyleNonce: i,
|
|
cssVariablesResolver: y,
|
|
cssVariablesSelector: p ?? ":root",
|
|
withStaticClasses: a,
|
|
stylesTransform: w,
|
|
env: C,
|
|
},
|
|
children: (0, t.jsxs)(l.MantineThemeProvider, {
|
|
theme: e,
|
|
children: [
|
|
f &&
|
|
(0, t.jsx)(v, {
|
|
cssVariablesSelector: p,
|
|
deduplicateCssVariables: d,
|
|
}),
|
|
u && (0, t.jsx)(c, {}),
|
|
n,
|
|
],
|
|
}),
|
|
})
|
|
);
|
|
}
|
|
function C({ children: e, theme: r, env: n }) {
|
|
return (0, t.jsx)(o.MantineContext.Provider, {
|
|
value: {
|
|
colorScheme: "auto",
|
|
setColorScheme: () => {},
|
|
clearColorScheme: () => {},
|
|
getRootElement: () => document.documentElement,
|
|
classNamesPrefix: "mantine",
|
|
cssVariablesSelector: ":root",
|
|
withStaticClasses: !1,
|
|
headless: !0,
|
|
env: n,
|
|
},
|
|
children: (0, t.jsx)(l.MantineThemeProvider, { theme: r, children: e }),
|
|
});
|
|
}
|
|
(w.displayName = "@mantine/core/MantineProvider"),
|
|
(C.displayName = "@mantine/core/HeadlessMantineProvider"),
|
|
e.s(
|
|
["HeadlessMantineProvider", () => C, "MantineProvider", () => w],
|
|
151449,
|
|
);
|
|
};
|
|
|
|
export default moduleFactory;
|