@hybridcore/ui 1.5.89 → 1.6.0

package/dist/createTheme-CyC5HawC.js

@@ -1,879 +0,0 @@
-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
-};