@hybridcore/ui 1.5.82 → 1.5.85

package/dist/createTheme-CyC5HawC.js

@@ -0,0 +1,879 @@
+import V from "@emotion/styled";
+import "@emotion/react";
+import { a as C, _ as Y } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import { P } from "./index-DMSHuq6l.js";
+function T(e) {
+  if (typeof e != "object" || e === null)
+    return !1;
+  const t = Object.getPrototypeOf(e);
+  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
+}
+function H(e) {
+  if (!T(e))
+    return e;
+  const t = {};
+  return Object.keys(e).forEach((r) => {
+    t[r] = H(e[r]);
+  }), t;
+}
+function A(e, t, r = {
+  clone: !0
+}) {
+  const n = r.clone ? C({}, e) : e;
+  return T(e) && T(t) && Object.keys(t).forEach((o) => {
+    T(t[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && T(e[o]) ? n[o] = A(e[o], t[o], r) : r.clone ? n[o] = T(t[o]) ? H(t[o]) : t[o] : n[o] = t[o];
+  }), n;
+}
+function ee(e) {
+  let t = "https://mui.com/production-error/?code=" + e;
+  for (let r = 1; r < arguments.length; r += 1)
+    t += "&args[]=" + encodeURIComponent(arguments[r]);
+  return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
+}
+function X(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : ee(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+/**
+ * @mui/styled-engine v5.16.6
+ *
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+function tt(e, t) {
+  const r = V(e, t);
+  return process.env.NODE_ENV !== "production" ? (...n) => {
+    const o = typeof e == "string" ? `"${e}"` : "component";
+    return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
+`)) : n.some((s) => s === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), r(...n);
+  } : r;
+}
+const rt = (e, t) => {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
+}, te = ["values", "unit", "step"], re = (e) => {
+  const t = Object.keys(e).map((r) => ({
+    key: r,
+    val: e[r]
+  })) || [];
+  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => C({}, r, {
+    [n.key]: n.val
+  }), {});
+};
+function ne(e) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: t = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: r = "px",
+    step: n = 5
+  } = e, o = Y(e, te), s = re(t), i = Object.keys(s);
+  function u(l) {
+    return `@media (min-width:${typeof t[l] == "number" ? t[l] : l}${r})`;
+  }
+  function c(l) {
+    return `@media (max-width:${(typeof t[l] == "number" ? t[l] : l) - n / 100}${r})`;
+  }
+  function f(l, g) {
+    const p = i.indexOf(g);
+    return `@media (min-width:${typeof t[l] == "number" ? t[l] : l}${r}) and (max-width:${(p !== -1 && typeof t[i[p]] == "number" ? t[i[p]] : g) - n / 100}${r})`;
+  }
+  function v(l) {
+    return i.indexOf(l) + 1 < i.length ? f(l, i[i.indexOf(l) + 1]) : u(l);
+  }
+  function y(l) {
+    const g = i.indexOf(l);
+    return g === 0 ? u(i[1]) : g === i.length - 1 ? c(i[g]) : f(l, i[i.indexOf(l) + 1]).replace("@media", "@media not all and");
+  }
+  return C({
+    keys: i,
+    values: s,
+    up: u,
+    down: c,
+    between: f,
+    only: v,
+    not: y,
+    unit: r
+  }, o);
+}
+const oe = {
+  borderRadius: 4
+}, E = process.env.NODE_ENV !== "production" ? P.oneOfType([P.number, P.string, P.object, P.array]) : {};
+function _(e, t) {
+  return t ? A(e, t, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+const W = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, L = {
+  // Sorted ASC by size. That's important.
+  // It can't be configured as it's used statically for propTypes.
+  keys: ["xs", "sm", "md", "lg", "xl"],
+  up: (e) => `@media (min-width:${W[e]}px)`
+};
+function O(e, t, r) {
+  const n = e.theme || {};
+  if (Array.isArray(t)) {
+    const s = n.breakpoints || L;
+    return t.reduce((i, u, c) => (i[s.up(s.keys[c])] = r(t[c]), i), {});
+  }
+  if (typeof t == "object") {
+    const s = n.breakpoints || L;
+    return Object.keys(t).reduce((i, u) => {
+      if (Object.keys(s.values || W).indexOf(u) !== -1) {
+        const c = s.up(u);
+        i[c] = r(t[u], u);
+      } else {
+        const c = u;
+        i[c] = t[c];
+      }
+      return i;
+    }, {});
+  }
+  return r(t);
+}
+function se(e = {}) {
+  var t;
+  return ((t = e.keys) == null ? void 0 : t.reduce((n, o) => {
+    const s = e.up(o);
+    return n[s] = {}, n;
+  }, {})) || {};
+}
+function ie(e, t) {
+  return e.reduce((r, n) => {
+    const o = r[n];
+    return (!o || Object.keys(o).length === 0) && delete r[n], r;
+  }, t);
+}
+function le(e, t) {
+  if (typeof e != "object")
+    return {};
+  const r = {}, n = Object.keys(t);
+  return Array.isArray(e) ? n.forEach((o, s) => {
+    s < e.length && (r[o] = !0);
+  }) : n.forEach((o) => {
+    e[o] != null && (r[o] = !0);
+  }), r;
+}
+function nt({
+  values: e,
+  breakpoints: t,
+  base: r
+}) {
+  const n = r || le(e, t), o = Object.keys(n);
+  if (o.length === 0)
+    return e;
+  let s;
+  return o.reduce((i, u, c) => (Array.isArray(e) ? (i[u] = e[c] != null ? e[c] : e[s], s = c) : typeof e == "object" ? (i[u] = e[u] != null ? e[u] : e[s], s = u) : i[u] = e, i), {});
+}
+function R(e, t, r = !0) {
+  if (!t || typeof t != "string")
+    return null;
+  if (e && e.vars && r) {
+    const n = `vars.${t}`.split(".").reduce((o, s) => o && o[s] ? o[s] : null, e);
+    if (n != null)
+      return n;
+  }
+  return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
+}
+function N(e, t, r, n = r) {
+  let o;
+  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = R(e, r) || n, t && (o = t(o, n, e)), o;
+}
+function m(e) {
+  const {
+    prop: t,
+    cssProperty: r = e.prop,
+    themeKey: n,
+    transform: o
+  } = e, s = (i) => {
+    if (i[t] == null)
+      return null;
+    const u = i[t], c = i.theme, f = R(c, n) || {};
+    return O(i, u, (y) => {
+      let l = N(f, o, y);
+      return y === l && typeof y == "string" && (l = N(f, o, `${t}${y === "default" ? "" : X(y)}`, y)), r === !1 ? l : {
+        [r]: l
+      };
+    });
+  };
+  return s.propTypes = process.env.NODE_ENV !== "production" ? {
+    [t]: E
+  } : {}, s.filterProps = [t], s;
+}
+function ue(e) {
+  const t = {};
+  return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
+}
+const ce = {
+  m: "margin",
+  p: "padding"
+}, ae = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, M = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, de = ue((e) => {
+  if (e.length > 2)
+    if (M[e])
+      e = M[e];
+    else
+      return [e];
+  const [t, r] = e.split(""), n = ce[t], o = ae[r] || "";
+  return Array.isArray(o) ? o.map((s) => n + s) : [n + o];
+}), j = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], K = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], fe = [...j, ...K];
+function $(e, t, r, n) {
+  var o;
+  const s = (o = R(e, t, !1)) != null ? o : r;
+  return typeof s == "number" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && typeof i != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${i}.`), s * i) : Array.isArray(s) ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && (Number.isInteger(i) ? i > s.length - 1 && console.error([`MUI: The value provided (${i}) overflows.`, `The supported values are: ${JSON.stringify(s)}.`, `${i} > ${s.length - 1}, you need to add the missing values.`].join(`
+`)) : console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join(`
+`))), s[i]) : typeof s == "function" ? s : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${s}) is invalid.`, "It should be a number, an array or a function."].join(`
+`)), () => {
+  });
+}
+function F(e) {
+  return $(e, "spacing", 8, "spacing");
+}
+function B(e, t) {
+  if (typeof t == "string" || t == null)
+    return t;
+  const r = Math.abs(t), n = e(r);
+  return t >= 0 ? n : typeof n == "number" ? -n : `-${n}`;
+}
+function me(e, t) {
+  return (r) => e.reduce((n, o) => (n[o] = B(t, r), n), {});
+}
+function pe(e, t, r, n) {
+  if (t.indexOf(r) === -1)
+    return null;
+  const o = de(r), s = me(o, n), i = e[r];
+  return O(e, i, s);
+}
+function q(e, t) {
+  const r = F(e.theme);
+  return Object.keys(e).map((n) => pe(e, t, n, r)).reduce(_, {});
+}
+function a(e) {
+  return q(e, j);
+}
+a.propTypes = process.env.NODE_ENV !== "production" ? j.reduce((e, t) => (e[t] = E, e), {}) : {};
+a.filterProps = j;
+function d(e) {
+  return q(e, K);
+}
+d.propTypes = process.env.NODE_ENV !== "production" ? K.reduce((e, t) => (e[t] = E, e), {}) : {};
+d.filterProps = K;
+process.env.NODE_ENV !== "production" && fe.reduce((e, t) => (e[t] = E, e), {});
+function ye(e = 8) {
+  if (e.mui)
+    return e;
+  const t = F({
+    spacing: e
+  }), r = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((s) => {
+    const i = t(s);
+    return typeof i == "number" ? `${i}px` : i;
+  }).join(" "));
+  return r.mui = !0, r;
+}
+function I(...e) {
+  const t = e.reduce((n, o) => (o.filterProps.forEach((s) => {
+    n[s] = o;
+  }), n), {}), r = (n) => Object.keys(n).reduce((o, s) => t[s] ? _(o, t[s](n)) : o, {});
+  return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
+}
+function b(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function x(e, t) {
+  return m({
+    prop: e,
+    themeKey: "borders",
+    transform: t
+  });
+}
+const ge = x("border", b), he = x("borderTop", b), be = x("borderRight", b), xe = x("borderBottom", b), ve = x("borderLeft", b), Oe = x("borderColor"), Ee = x("borderTopColor"), we = x("borderRightColor"), Te = x("borderBottomColor"), Ce = x("borderLeftColor"), Se = x("outline", b), Pe = x("outlineColor"), k = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const t = $(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
+      borderRadius: B(t, n)
+    });
+    return O(e, e.borderRadius, r);
+  }
+  return null;
+};
+k.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: E
+} : {};
+k.filterProps = ["borderRadius"];
+I(ge, he, be, xe, ve, Oe, Ee, we, Te, Ce, k, Se, Pe);
+const G = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const t = $(e.theme, "spacing", 8, "gap"), r = (n) => ({
+      gap: B(t, n)
+    });
+    return O(e, e.gap, r);
+  }
+  return null;
+};
+G.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: E
+} : {};
+G.filterProps = ["gap"];
+const D = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const t = $(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
+      columnGap: B(t, n)
+    });
+    return O(e, e.columnGap, r);
+  }
+  return null;
+};
+D.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: E
+} : {};
+D.filterProps = ["columnGap"];
+const U = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const t = $(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
+      rowGap: B(t, n)
+    });
+    return O(e, e.rowGap, r);
+  }
+  return null;
+};
+U.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: E
+} : {};
+U.filterProps = ["rowGap"];
+const _e = m({
+  prop: "gridColumn"
+}), $e = m({
+  prop: "gridRow"
+}), Be = m({
+  prop: "gridAutoFlow"
+}), Ae = m({
+  prop: "gridAutoColumns"
+}), Ne = m({
+  prop: "gridAutoRows"
+}), Re = m({
+  prop: "gridTemplateColumns"
+}), je = m({
+  prop: "gridTemplateRows"
+}), Ke = m({
+  prop: "gridTemplateAreas"
+}), Ie = m({
+  prop: "gridArea"
+});
+I(G, D, U, _e, $e, Be, Ae, Ne, Re, je, Ke, Ie);
+function S(e, t) {
+  return t === "grey" ? t : e;
+}
+const ke = m({
+  prop: "color",
+  themeKey: "palette",
+  transform: S
+}), Ge = m({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: S
+}), De = m({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: S
+});
+I(ke, Ge, De);
+function h(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const Ue = m({
+  prop: "width",
+  transform: h
+}), z = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const t = (r) => {
+      var n, o;
+      const s = ((n = e.theme) == null || (n = n.breakpoints) == null || (n = n.values) == null ? void 0 : n[r]) || W[r];
+      return s ? ((o = e.theme) == null || (o = o.breakpoints) == null ? void 0 : o.unit) !== "px" ? {
+        maxWidth: `${s}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: s
+      } : {
+        maxWidth: h(r)
+      };
+    };
+    return O(e, e.maxWidth, t);
+  }
+  return null;
+};
+z.filterProps = ["maxWidth"];
+const We = m({
+  prop: "minWidth",
+  transform: h
+}), ze = m({
+  prop: "height",
+  transform: h
+}), Le = m({
+  prop: "maxHeight",
+  transform: h
+}), Me = m({
+  prop: "minHeight",
+  transform: h
+});
+m({
+  prop: "size",
+  cssProperty: "width",
+  transform: h
+});
+m({
+  prop: "size",
+  cssProperty: "height",
+  transform: h
+});
+const Ye = m({
+  prop: "boxSizing"
+});
+I(Ue, z, We, ze, Le, Me, Ye);
+const J = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: b
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: b
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: b
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: b
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: b
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: b
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: k
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: S
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: S
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: S
+  },
+  // spacing
+  p: {
+    style: d
+  },
+  pt: {
+    style: d
+  },
+  pr: {
+    style: d
+  },
+  pb: {
+    style: d
+  },
+  pl: {
+    style: d
+  },
+  px: {
+    style: d
+  },
+  py: {
+    style: d
+  },
+  padding: {
+    style: d
+  },
+  paddingTop: {
+    style: d
+  },
+  paddingRight: {
+    style: d
+  },
+  paddingBottom: {
+    style: d
+  },
+  paddingLeft: {
+    style: d
+  },
+  paddingX: {
+    style: d
+  },
+  paddingY: {
+    style: d
+  },
+  paddingInline: {
+    style: d
+  },
+  paddingInlineStart: {
+    style: d
+  },
+  paddingInlineEnd: {
+    style: d
+  },
+  paddingBlock: {
+    style: d
+  },
+  paddingBlockStart: {
+    style: d
+  },
+  paddingBlockEnd: {
+    style: d
+  },
+  m: {
+    style: a
+  },
+  mt: {
+    style: a
+  },
+  mr: {
+    style: a
+  },
+  mb: {
+    style: a
+  },
+  ml: {
+    style: a
+  },
+  mx: {
+    style: a
+  },
+  my: {
+    style: a
+  },
+  margin: {
+    style: a
+  },
+  marginTop: {
+    style: a
+  },
+  marginRight: {
+    style: a
+  },
+  marginBottom: {
+    style: a
+  },
+  marginLeft: {
+    style: a
+  },
+  marginX: {
+    style: a
+  },
+  marginY: {
+    style: a
+  },
+  marginInline: {
+    style: a
+  },
+  marginInlineStart: {
+    style: a
+  },
+  marginInlineEnd: {
+    style: a
+  },
+  marginBlock: {
+    style: a
+  },
+  marginBlockStart: {
+    style: a
+  },
+  marginBlockEnd: {
+    style: a
+  },
+  // display
+  displayPrint: {
+    cssProperty: !1,
+    transform: (e) => ({
+      "@media print": {
+        display: e
+      }
+    })
+  },
+  display: {},
+  overflow: {},
+  textOverflow: {},
+  visibility: {},
+  whiteSpace: {},
+  // flexbox
+  flexBasis: {},
+  flexDirection: {},
+  flexWrap: {},
+  justifyContent: {},
+  alignItems: {},
+  alignContent: {},
+  order: {},
+  flex: {},
+  flexGrow: {},
+  flexShrink: {},
+  alignSelf: {},
+  justifyItems: {},
+  justifySelf: {},
+  // grid
+  gap: {
+    style: G
+  },
+  rowGap: {
+    style: U
+  },
+  columnGap: {
+    style: D
+  },
+  gridColumn: {},
+  gridRow: {},
+  gridAutoFlow: {},
+  gridAutoColumns: {},
+  gridAutoRows: {},
+  gridTemplateColumns: {},
+  gridTemplateRows: {},
+  gridTemplateAreas: {},
+  gridArea: {},
+  // positions
+  position: {},
+  zIndex: {
+    themeKey: "zIndex"
+  },
+  top: {},
+  right: {},
+  bottom: {},
+  left: {},
+  // shadows
+  boxShadow: {
+    themeKey: "shadows"
+  },
+  // sizing
+  width: {
+    transform: h
+  },
+  maxWidth: {
+    style: z
+  },
+  minWidth: {
+    transform: h
+  },
+  height: {
+    transform: h
+  },
+  maxHeight: {
+    transform: h
+  },
+  minHeight: {
+    transform: h
+  },
+  boxSizing: {},
+  // typography
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+};
+function He(...e) {
+  const t = e.reduce((n, o) => n.concat(Object.keys(o)), []), r = new Set(t);
+  return e.every((n) => r.size === Object.keys(n).length);
+}
+function Xe(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function Fe() {
+  function e(r, n, o, s) {
+    const i = {
+      [r]: n,
+      theme: o
+    }, u = s[r];
+    if (!u)
+      return {
+        [r]: n
+      };
+    const {
+      cssProperty: c = r,
+      themeKey: f,
+      transform: v,
+      style: y
+    } = u;
+    if (n == null)
+      return null;
+    if (f === "typography" && n === "inherit")
+      return {
+        [r]: n
+      };
+    const l = R(o, f) || {};
+    return y ? y(i) : O(i, n, (p) => {
+      let w = N(l, v, p);
+      return p === w && typeof p == "string" && (w = N(l, v, `${r}${p === "default" ? "" : X(p)}`, p)), c === !1 ? w : {
+        [c]: w
+      };
+    });
+  }
+  function t(r) {
+    var n;
+    const {
+      sx: o,
+      theme: s = {}
+    } = r || {};
+    if (!o)
+      return null;
+    const i = (n = s.unstable_sxConfig) != null ? n : J;
+    function u(c) {
+      let f = c;
+      if (typeof c == "function")
+        f = c(s);
+      else if (typeof c != "object")
+        return c;
+      if (!f)
+        return null;
+      const v = se(s.breakpoints), y = Object.keys(v);
+      let l = v;
+      return Object.keys(f).forEach((g) => {
+        const p = Xe(f[g], s);
+        if (p != null)
+          if (typeof p == "object")
+            if (i[g])
+              l = _(l, e(g, p, s, i));
+            else {
+              const w = O({
+                theme: s
+              }, p, (Z) => ({
+                [g]: Z
+              }));
+              He(w, p) ? l[g] = t({
+                sx: p,
+                theme: s
+              }) : l = _(l, w);
+            }
+          else
+            l = _(l, e(g, p, s, i));
+      }), ie(y, l);
+    }
+    return Array.isArray(o) ? o.map(u) : u(o);
+  }
+  return t;
+}
+const Q = Fe();
+Q.filterProps = ["sx"];
+function qe(e, t) {
+  const r = this;
+  return r.vars && typeof r.getColorSchemeSelector == "function" ? {
+    [r.getColorSchemeSelector(e).replace(/(\[[^\]]+\])/, "*:where($1)")]: t
+  } : r.palette.mode === e ? t : {};
+}
+const Je = ["breakpoints", "palette", "spacing", "shape"];
+function ot(e = {}, ...t) {
+  const {
+    breakpoints: r = {},
+    palette: n = {},
+    spacing: o,
+    shape: s = {}
+  } = e, i = Y(e, Je), u = ne(r), c = ye(o);
+  let f = A({
+    breakpoints: u,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: C({
+      mode: "light"
+    }, n),
+    spacing: c,
+    shape: C({}, oe, s)
+  }, i);
+  return f.applyStyles = qe, f = t.reduce((v, y) => A(v, y), f), f.unstable_sxConfig = C({}, J, i == null ? void 0 : i.unstable_sxConfig), f.unstable_sx = function(y) {
+    return Q({
+      sx: y,
+      theme: this
+    });
+  }, f;
+}
+export {
+  A as a,
+  ot as b,
+  X as c,
+  J as d,
+  Q as e,
+  rt as f,
+  ee as g,
+  O as h,
+  T as i,
+  nt as r,
+  tt as s
+};