@hybridcore/ui 1.6.0 → 1.6.2

package/dist/createTheme-DYxDnE9u.js

@@ -1,612 +0,0 @@
-import { a as m, _ as M } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import { getContrastRatio as D, lighten as H, darken as q, createTheme as G, unstable_defaultSxConfig as L, unstable_styleFunctionSx as J } from "@mui/system";
-function S(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 R(e) {
-  if (!S(e))
-    return e;
-  const t = {};
-  return Object.keys(e).forEach((a) => {
-    t[a] = R(e[a]);
-  }), t;
-}
-function k(e, t, a = {
-  clone: !0
-}) {
-  const i = a.clone ? m({}, e) : e;
-  return S(e) && S(t) && Object.keys(t).forEach((n) => {
-    S(t[n]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, n) && S(e[n]) ? i[n] = k(e[n], t[n], a) : a.clone ? i[n] = S(t[n]) ? R(t[n]) : t[n] : i[n] = t[n];
-  }), i;
-}
-function _(e) {
-  let t = "https://mui.com/production-error/?code=" + e;
-  for (let a = 1; a < arguments.length; a += 1)
-    t += "&args[]=" + encodeURIComponent(arguments[a]);
-  return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
-}
-const j = (e) => e, K = () => {
-  let e = j;
-  return {
-    configure(t) {
-      e = t;
-    },
-    generate(t) {
-      return e(t);
-    },
-    reset() {
-      e = j;
-    }
-  };
-}, Y = K(), Q = {
-  active: "active",
-  checked: "checked",
-  completed: "completed",
-  disabled: "disabled",
-  error: "error",
-  expanded: "expanded",
-  focused: "focused",
-  focusVisible: "focusVisible",
-  open: "open",
-  readOnly: "readOnly",
-  required: "required",
-  selected: "selected"
-};
-function X(e, t, a = "Mui") {
-  const i = Q[t];
-  return i ? `${a}-${i}` : `${Y.generate(e)}-${t}`;
-}
-function Z(e, t) {
-  return m({
-    toolbar: {
-      minHeight: 56,
-      [e.up("xs")]: {
-        "@media (orientation: landscape)": {
-          minHeight: 48
-        }
-      },
-      [e.up("sm")]: {
-        minHeight: 64
-      }
-    }
-  }, t);
-}
-const N = {
-  black: "#000",
-  white: "#fff"
-}, ee = {
-  50: "#fafafa",
-  100: "#f5f5f5",
-  200: "#eeeeee",
-  300: "#e0e0e0",
-  400: "#bdbdbd",
-  500: "#9e9e9e",
-  600: "#757575",
-  700: "#616161",
-  800: "#424242",
-  900: "#212121",
-  A100: "#f5f5f5",
-  A200: "#eeeeee",
-  A400: "#bdbdbd",
-  A700: "#616161"
-}, $ = {
-  50: "#f3e5f5",
-  100: "#e1bee7",
-  200: "#ce93d8",
-  300: "#ba68c8",
-  400: "#ab47bc",
-  500: "#9c27b0",
-  600: "#8e24aa",
-  700: "#7b1fa2",
-  800: "#6a1b9a",
-  900: "#4a148c",
-  A100: "#ea80fc",
-  A200: "#e040fb",
-  A400: "#d500f9",
-  A700: "#aa00ff"
-}, A = {
-  50: "#ffebee",
-  100: "#ffcdd2",
-  200: "#ef9a9a",
-  300: "#e57373",
-  400: "#ef5350",
-  500: "#f44336",
-  600: "#e53935",
-  700: "#d32f2f",
-  800: "#c62828",
-  900: "#b71c1c",
-  A100: "#ff8a80",
-  A200: "#ff5252",
-  A400: "#ff1744",
-  A700: "#d50000"
-}, E = {
-  50: "#fff3e0",
-  100: "#ffe0b2",
-  200: "#ffcc80",
-  300: "#ffb74d",
-  400: "#ffa726",
-  500: "#ff9800",
-  600: "#fb8c00",
-  700: "#f57c00",
-  800: "#ef6c00",
-  900: "#e65100",
-  A100: "#ffd180",
-  A200: "#ffab40",
-  A400: "#ff9100",
-  A700: "#ff6d00"
-}, v = {
-  50: "#e3f2fd",
-  100: "#bbdefb",
-  200: "#90caf9",
-  300: "#64b5f6",
-  400: "#42a5f5",
-  500: "#2196f3",
-  600: "#1e88e5",
-  700: "#1976d2",
-  800: "#1565c0",
-  900: "#0d47a1",
-  A100: "#82b1ff",
-  A200: "#448aff",
-  A400: "#2979ff",
-  A700: "#2962ff"
-}, x = {
-  50: "#e1f5fe",
-  100: "#b3e5fc",
-  200: "#81d4fa",
-  300: "#4fc3f7",
-  400: "#29b6f6",
-  500: "#03a9f4",
-  600: "#039be5",
-  700: "#0288d1",
-  800: "#0277bd",
-  900: "#01579b",
-  A100: "#80d8ff",
-  A200: "#40c4ff",
-  A400: "#00b0ff",
-  A700: "#0091ea"
-}, w = {
-  50: "#e8f5e9",
-  100: "#c8e6c9",
-  200: "#a5d6a7",
-  300: "#81c784",
-  400: "#66bb6a",
-  500: "#4caf50",
-  600: "#43a047",
-  700: "#388e3c",
-  800: "#2e7d32",
-  900: "#1b5e20",
-  A100: "#b9f6ca",
-  A200: "#69f0ae",
-  A400: "#00e676",
-  A700: "#00c853"
-}, te = ["mode", "contrastThreshold", "tonalOffset"], U = {
-  // The colors used to style the text.
-  text: {
-    // The most important text.
-    primary: "rgba(0, 0, 0, 0.87)",
-    // Secondary text.
-    secondary: "rgba(0, 0, 0, 0.6)",
-    // Disabled text have even lower visual prominence.
-    disabled: "rgba(0, 0, 0, 0.38)"
-  },
-  // The color used to divide different elements.
-  divider: "rgba(0, 0, 0, 0.12)",
-  // The background colors used to style the surfaces.
-  // Consistency between these values is important.
-  background: {
-    paper: N.white,
-    default: N.white
-  },
-  // The colors used to style the action elements.
-  action: {
-    // The color of an active action like an icon button.
-    active: "rgba(0, 0, 0, 0.54)",
-    // The color of an hovered action.
-    hover: "rgba(0, 0, 0, 0.04)",
-    hoverOpacity: 0.04,
-    // The color of a selected action.
-    selected: "rgba(0, 0, 0, 0.08)",
-    selectedOpacity: 0.08,
-    // The color of a disabled action.
-    disabled: "rgba(0, 0, 0, 0.26)",
-    // The background color of a disabled action.
-    disabledBackground: "rgba(0, 0, 0, 0.12)",
-    disabledOpacity: 0.38,
-    focus: "rgba(0, 0, 0, 0.12)",
-    focusOpacity: 0.12,
-    activatedOpacity: 0.12
-  }
-}, C = {
-  text: {
-    primary: N.white,
-    secondary: "rgba(255, 255, 255, 0.7)",
-    disabled: "rgba(255, 255, 255, 0.5)",
-    icon: "rgba(255, 255, 255, 0.5)"
-  },
-  divider: "rgba(255, 255, 255, 0.12)",
-  background: {
-    paper: "#121212",
-    default: "#121212"
-  },
-  action: {
-    active: N.white,
-    hover: "rgba(255, 255, 255, 0.08)",
-    hoverOpacity: 0.08,
-    selected: "rgba(255, 255, 255, 0.16)",
-    selectedOpacity: 0.16,
-    disabled: "rgba(255, 255, 255, 0.3)",
-    disabledBackground: "rgba(255, 255, 255, 0.12)",
-    disabledOpacity: 0.38,
-    focus: "rgba(255, 255, 255, 0.12)",
-    focusOpacity: 0.12,
-    activatedOpacity: 0.24
-  }
-};
-function V(e, t, a, i) {
-  const n = i.light || i, g = i.dark || i * 1.5;
-  e[t] || (e.hasOwnProperty(a) ? e[t] = e[a] : t === "light" ? e.light = H(e.main, n) : t === "dark" && (e.dark = q(e.main, g)));
-}
-function re(e = "light") {
-  return e === "dark" ? {
-    main: v[200],
-    light: v[50],
-    dark: v[400]
-  } : {
-    main: v[700],
-    light: v[400],
-    dark: v[800]
-  };
-}
-function ne(e = "light") {
-  return e === "dark" ? {
-    main: $[200],
-    light: $[50],
-    dark: $[400]
-  } : {
-    main: $[500],
-    light: $[300],
-    dark: $[700]
-  };
-}
-function ae(e = "light") {
-  return e === "dark" ? {
-    main: A[500],
-    light: A[300],
-    dark: A[700]
-  } : {
-    main: A[700],
-    light: A[400],
-    dark: A[800]
-  };
-}
-function oe(e = "light") {
-  return e === "dark" ? {
-    main: x[400],
-    light: x[300],
-    dark: x[700]
-  } : {
-    main: x[700],
-    light: x[500],
-    dark: x[900]
-  };
-}
-function ie(e = "light") {
-  return e === "dark" ? {
-    main: w[400],
-    light: w[300],
-    dark: w[700]
-  } : {
-    main: w[800],
-    light: w[500],
-    dark: w[900]
-  };
-}
-function se(e = "light") {
-  return e === "dark" ? {
-    main: E[400],
-    light: E[300],
-    dark: E[700]
-  } : {
-    main: "#ed6c02",
-    // closest to orange[800] that pass 3:1.
-    light: E[500],
-    dark: E[900]
-  };
-}
-function ce(e) {
-  const {
-    mode: t = "light",
-    contrastThreshold: a = 3,
-    tonalOffset: i = 0.2
-  } = e, n = M(e, te), g = e.primary || re(t), s = e.secondary || ne(t), h = e.error || ae(t), b = e.info || oe(t), f = e.success || ie(t), l = e.warning || se(t);
-  function u(r) {
-    const d = D(r, C.text.primary) >= a ? C.text.primary : U.text.primary;
-    if (process.env.NODE_ENV !== "production") {
-      const p = D(r, d);
-      p < 3 && console.error([`MUI: The contrast ratio of ${p}:1 for ${d} on ${r}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
-`));
-    }
-    return d;
-  }
-  const c = ({
-    color: r,
-    name: d,
-    mainShade: p = 500,
-    lightShade: I = 300,
-    darkShade: T = 700
-  }) => {
-    if (r = m({}, r), !r.main && r[p] && (r.main = r[p]), !r.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${d ? ` (${d})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${p}\` property.` : _(11, d ? ` (${d})` : "", p));
-    if (typeof r.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${d ? ` (${d})` : ""} provided to augmentColor(color) is invalid.
-\`color.main\` should be a string, but \`${JSON.stringify(r.main)}\` was provided instead.
-
-Did you intend to use one of the following approaches?
-
-import { green } from "@mui/material/colors";
-
-const theme1 = createTheme({ palette: {
-  primary: green,
-} });
-
-const theme2 = createTheme({ palette: {
-  primary: { main: green[500] },
-} });` : _(12, d ? ` (${d})` : "", JSON.stringify(r.main)));
-    return V(r, "light", I, i), V(r, "dark", T, i), r.contrastText || (r.contrastText = u(r.main)), r;
-  }, O = {
-    dark: C,
-    light: U
-  };
-  return process.env.NODE_ENV !== "production" && (O[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), k(m({
-    // A collection of common colors.
-    common: m({}, N),
-    // prevent mutable object.
-    // The palette mode, can be light or dark.
-    mode: t,
-    // The colors used to represent primary interface elements for a user.
-    primary: c({
-      color: g,
-      name: "primary"
-    }),
-    // The colors used to represent secondary interface elements for a user.
-    secondary: c({
-      color: s,
-      name: "secondary",
-      mainShade: "A400",
-      lightShade: "A200",
-      darkShade: "A700"
-    }),
-    // The colors used to represent interface elements that the user should be made aware of.
-    error: c({
-      color: h,
-      name: "error"
-    }),
-    // The colors used to represent potentially dangerous actions or important messages.
-    warning: c({
-      color: l,
-      name: "warning"
-    }),
-    // The colors used to present information to the user that is neutral and not necessarily important.
-    info: c({
-      color: b,
-      name: "info"
-    }),
-    // The colors used to indicate the successful completion of an action that user triggered.
-    success: c({
-      color: f,
-      name: "success"
-    }),
-    // The grey colors.
-    grey: ee,
-    // Used by `getContrastText()` to maximize the contrast between
-    // the background and the text.
-    contrastThreshold: a,
-    // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: u,
-    // Generate a rich color object.
-    augmentColor: c,
-    // Used by the functions below to shift a color's luminance by approximately
-    // two indexes within its tonal palette.
-    // E.g., shift from Red 500 to Red 300 or Red 700.
-    tonalOffset: i
-  }, O[t]), n);
-}
-const fe = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
-function de(e) {
-  return Math.round(e * 1e5) / 1e5;
-}
-const z = {
-  textTransform: "uppercase"
-}, W = '"Roboto", "Helvetica", "Arial", sans-serif';
-function le(e, t) {
-  const a = typeof t == "function" ? t(e) : t, {
-    fontFamily: i = W,
-    // The default font size of the Material Specification.
-    fontSize: n = 14,
-    // px
-    fontWeightLight: g = 300,
-    fontWeightRegular: s = 400,
-    fontWeightMedium: h = 500,
-    fontWeightBold: b = 700,
-    // Tell MUI what's the font-size on the html element.
-    // 16px is the default font-size used by browsers.
-    htmlFontSize: f = 16,
-    // Apply the CSS properties to all the variants.
-    allVariants: l,
-    pxToRem: u
-  } = a, c = M(a, fe);
-  process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const O = n / 14, y = u || ((p) => `${p / f * O}rem`), r = (p, I, T, F, B) => m({
-    fontFamily: i,
-    fontWeight: p,
-    fontSize: y(I),
-    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: T
-  }, i === W ? {
-    letterSpacing: `${de(F / I)}em`
-  } : {}, B, l), d = {
-    h1: r(g, 96, 1.167, -1.5),
-    h2: r(g, 60, 1.2, -0.5),
-    h3: r(s, 48, 1.167, 0),
-    h4: r(s, 34, 1.235, 0.25),
-    h5: r(s, 24, 1.334, 0),
-    h6: r(h, 20, 1.6, 0.15),
-    subtitle1: r(s, 16, 1.75, 0.15),
-    subtitle2: r(h, 14, 1.57, 0.1),
-    body1: r(s, 16, 1.5, 0.15),
-    body2: r(s, 14, 1.43, 0.15),
-    button: r(h, 14, 1.75, 0.4, z),
-    caption: r(s, 12, 1.66, 0.4),
-    overline: r(s, 12, 2.66, 1, z),
-    inherit: {
-      fontFamily: "inherit",
-      fontWeight: "inherit",
-      fontSize: "inherit",
-      lineHeight: "inherit",
-      letterSpacing: "inherit"
-    }
-  };
-  return k(m({
-    htmlFontSize: f,
-    pxToRem: y,
-    fontFamily: i,
-    fontSize: n,
-    fontWeightLight: g,
-    fontWeightRegular: s,
-    fontWeightMedium: h,
-    fontWeightBold: b
-  }, d), c, {
-    clone: !1
-    // No need to clone deep
-  });
-}
-const ue = 0.2, ge = 0.14, he = 0.12;
-function o(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${ue})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${ge})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${he})`].join(",");
-}
-const be = ["none", o(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), o(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), o(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), o(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), o(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), o(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), o(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), o(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), o(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), o(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), o(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), o(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), o(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), o(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), o(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), o(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), o(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), o(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), o(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), o(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), o(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), o(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), o(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), o(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], me = ["duration", "easing", "delay"], pe = {
-  // This is the most common easing curve.
-  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
-  // Objects enter the screen at full velocity from off-screen and
-  // slowly decelerate to a resting point.
-  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
-  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
-  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
-  // The sharp curve is used by objects that may return to the screen at any time.
-  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, ye = {
-  shortest: 150,
-  shorter: 200,
-  short: 250,
-  // most basic recommended timing
-  standard: 300,
-  // this is to be used in complex animations
-  complex: 375,
-  // recommended when something is entering screen
-  enteringScreen: 225,
-  // recommended when something is leaving screen
-  leavingScreen: 195
-};
-function P(e) {
-  return `${Math.round(e)}ms`;
-}
-function Oe(e) {
-  if (!e)
-    return 0;
-  const t = e / 36;
-  return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
-}
-function $e(e) {
-  const t = m({}, pe, e.easing), a = m({}, ye, e.duration);
-  return m({
-    getAutoHeightDuration: Oe,
-    create: (n = ["all"], g = {}) => {
-      const {
-        duration: s = a.standard,
-        easing: h = t.easeInOut,
-        delay: b = 0
-      } = g, f = M(g, me);
-      if (process.env.NODE_ENV !== "production") {
-        const l = (c) => typeof c == "string", u = (c) => !isNaN(parseFloat(c));
-        !l(n) && !Array.isArray(n) && console.error('MUI: Argument "props" must be a string or Array.'), !u(s) && !l(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), l(h) || console.error('MUI: Argument "easing" must be a string.'), !u(b) && !l(b) && console.error('MUI: Argument "delay" must be a number or a string.'), Object.keys(f).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(f).join(",")}].`);
-      }
-      return (Array.isArray(n) ? n : [n]).map((l) => `${l} ${typeof s == "string" ? s : P(s)} ${h} ${typeof b == "string" ? b : P(b)}`).join(",");
-    }
-  }, e, {
-    easing: t,
-    duration: a
-  });
-}
-const Ae = {
-  mobileStepper: 1e3,
-  fab: 1050,
-  speedDial: 1050,
-  appBar: 1100,
-  drawer: 1200,
-  modal: 1300,
-  snackbar: 1400,
-  tooltip: 1500
-}, ve = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
-function Se(e = {}, ...t) {
-  const {
-    mixins: a = {},
-    palette: i = {},
-    transitions: n = {},
-    typography: g = {}
-  } = e, s = M(e, ve);
-  if (e.vars)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : _(18));
-  const h = ce(i), b = G(e);
-  let f = k(b, {
-    mixins: Z(b.breakpoints, a),
-    palette: h,
-    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: be.slice(),
-    typography: le(h, g),
-    transitions: $e(n),
-    zIndex: m({}, Ae)
-  });
-  if (f = k(f, s), f = t.reduce((l, u) => k(l, u), f), process.env.NODE_ENV !== "production") {
-    const l = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], u = (c, O) => {
-      let y;
-      for (y in c) {
-        const r = c[y];
-        if (l.indexOf(y) !== -1 && Object.keys(r).length > 0) {
-          if (process.env.NODE_ENV !== "production") {
-            const d = X("", y);
-            console.error([`MUI: The \`${O}\` component increases the CSS specificity of the \`${y}\` internal state.`, "You can not override it like this: ", JSON.stringify(c, null, 2), "", `Instead, you need to use the '&.${d}' syntax:`, JSON.stringify({
-              root: {
-                [`&.${d}`]: r
-              }
-            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
-`));
-          }
-          c[y] = {};
-        }
-      }
-    };
-    Object.keys(f.components).forEach((c) => {
-      const O = f.components[c].styleOverrides;
-      O && c.indexOf("Mui") === 0 && u(O, c);
-    });
-  }
-  return f.unstable_sxConfig = m({}, L, s == null ? void 0 : s.unstable_sxConfig), f.unstable_sx = function(u) {
-    return J({
-      sx: u,
-      theme: this
-    });
-  }, f;
-}
-export {
-  Y as C,
-  k as a,
-  Se as c,
-  ye as d,
-  _ as f,
-  X as g
-};