@weng-lab/ui-components 3.0.0-beta.0 → 3.0.1-beta.0

package/dist/ui-components.es192.js

@@ -1,273 +1,10 @@
-import h from "./ui-components.es259.js";
-import L from "./ui-components.es260.js";
-import d from "./ui-components.es261.js";
-import g from "./ui-components.es262.js";
-import p from "./ui-components.es263.js";
-import m from "./ui-components.es264.js";
-import f from "./ui-components.es265.js";
-import l from "./ui-components.es266.js";
-import P from "./ui-components.es204.js";
-import { getContrastRatio as O, lighten as U, darken as V } from "./ui-components.es45.js";
-import $ from "./ui-components.es151.js";
-function T() {
-  return {
-    // 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: h.white,
-      default: h.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
-    }
-  };
-}
-const B = T();
-function N() {
-  return {
-    text: {
-      primary: h.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: h.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
-    }
-  };
-}
-const D = N();
-function x(r, t, n, e) {
-  const o = e.light || e, u = e.dark || e * 1.5;
-  r[t] || (r.hasOwnProperty(n) ? r[t] = r[n] : t === "light" ? r.light = U(r.main, o) : t === "dark" && (r.dark = V(r.main, u)));
-}
-function E(r, t, n, e, o) {
-  const u = o.light || o, k = o.dark || o * 1.5;
-  t[n] || (t.hasOwnProperty(e) ? t[n] = t[e] : n === "light" ? t.light = `color-mix(in ${r}, ${t.main}, #fff ${(u * 100).toFixed(0)}%)` : n === "dark" && (t.dark = `color-mix(in ${r}, ${t.main}, #000 ${(k * 100).toFixed(0)}%)`));
-}
-function R(r = "light") {
-  return r === "dark" ? {
-    main: m[200],
-    light: m[50],
-    dark: m[400]
-  } : {
-    main: m[700],
-    light: m[400],
-    dark: m[800]
-  };
-}
-function W(r = "light") {
-  return r === "dark" ? {
-    main: d[200],
-    light: d[50],
-    dark: d[400]
-  } : {
-    main: d[500],
-    light: d[300],
-    dark: d[700]
-  };
-}
-function j(r = "light") {
-  return r === "dark" ? {
-    main: g[500],
-    light: g[300],
-    dark: g[700]
-  } : {
-    main: g[700],
-    light: g[400],
-    dark: g[800]
-  };
-}
-function F(r = "light") {
-  return r === "dark" ? {
-    main: f[400],
-    light: f[300],
-    dark: f[700]
-  } : {
-    main: f[700],
-    light: f[500],
-    dark: f[900]
-  };
-}
-function G(r = "light") {
-  return r === "dark" ? {
-    main: l[400],
-    light: l[300],
-    dark: l[700]
-  } : {
-    main: l[800],
-    light: l[500],
-    dark: l[900]
-  };
-}
-function J(r = "light") {
-  return r === "dark" ? {
-    main: p[400],
-    light: p[300],
-    dark: p[700]
-  } : {
-    main: "#ed6c02",
-    // closest to orange[800] that pass 3:1.
-    light: p[500],
-    dark: p[900]
-  };
-}
-function S(r) {
-  return `oklch(from ${r} var(--__l) 0 h / var(--__a))`;
-}
-function ir(r) {
-  const {
-    mode: t = "light",
-    contrastThreshold: n = 3,
-    tonalOffset: e = 0.2,
-    colorSpace: o,
-    ...u
-  } = r, k = r.primary || R(t), C = r.secondary || W(t), _ = r.error || j(t), M = r.info || F(t), A = r.success || G(t), I = r.warning || J(t);
-  function b(a) {
-    if (o)
-      return S(a);
-    const i = O(a, D.text.primary) >= n ? D.text.primary : B.text.primary;
-    if (process.env.NODE_ENV !== "production") {
-      const c = O(a, i);
-      c < 3 && console.error([`MUI: The contrast ratio of ${c}:1 for ${i} on ${a}`, "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 i;
-  }
-  const s = ({
-    color: a,
-    name: i,
-    mainShade: c = 500,
-    lightShade: v = 300,
-    darkShade: w = 700
-  }) => {
-    if (a = {
-      ...a
-    }, !a.main && a[c] && (a.main = a[c]), !a.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${i ? ` (${i})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${c}\` property.` : $(11, i ? ` (${i})` : "", c));
-    if (typeof a.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${i ? ` (${i})` : ""} provided to augmentColor(color) is invalid.
-\`color.main\` should be a string, but \`${JSON.stringify(a.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, i ? ` (${i})` : "", JSON.stringify(a.main)));
-    return o ? (E(o, a, "light", v, e), E(o, a, "dark", w, e)) : (x(a, "light", v, e), x(a, "dark", w, e)), a.contrastText || (a.contrastText = b(a.main)), a;
-  };
-  let y;
-  return t === "light" ? y = T() : t === "dark" && (y = N()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), P({
-    // A collection of common colors.
-    common: {
-      ...h
-    },
-    // 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: s({
-      color: k,
-      name: "primary"
-    }),
-    // The colors used to represent secondary interface elements for a user.
-    secondary: s({
-      color: C,
-      name: "secondary",
-      mainShade: "A400",
-      lightShade: "A200",
-      darkShade: "A700"
-    }),
-    // The colors used to represent interface elements that the user should be made aware of.
-    error: s({
-      color: _,
-      name: "error"
-    }),
-    // The colors used to represent potentially dangerous actions or important messages.
-    warning: s({
-      color: I,
-      name: "warning"
-    }),
-    // The colors used to present information to the user that is neutral and not necessarily important.
-    info: s({
-      color: M,
-      name: "info"
-    }),
-    // The colors used to indicate the successful completion of an action that user triggered.
-    success: s({
-      color: A,
-      name: "success"
-    }),
-    // The grey colors.
-    grey: L,
-    // Used by `getContrastText()` to maximize the contrast between
-    // the background and the text.
-    contrastThreshold: n,
-    // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: b,
-    // Generate a rich color object.
-    augmentColor: s,
-    // 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: e,
-    // The light and dark mode object.
-    ...y
-  }, u);
+function p(r, n, l, t, u) {
+  if (process.env.NODE_ENV === "production")
+    return null;
+  const e = r[n], o = u || n;
+  return e == null ? null : e && e.nodeType !== 1 ? new Error(`Invalid ${t} \`${o}\` supplied to \`${l}\`. Expected an HTMLElement.`) : null;
 }
 export {
-  S as contrastColor,
-  D as dark,
-  ir as default,
-  B as light
+  p as default
 };
 //# sourceMappingURL=ui-components.es192.js.map

package/dist/ui-components.es192.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es192.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/styles/createPalette.js"],"sourcesContent":["import _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nimport deepmerge from '@mui/utils/deepmerge';\nimport { darken, getContrastRatio, lighten } from '@mui/system/colorManipulator';\nimport common from \"../colors/common.js\";\nimport grey from \"../colors/grey.js\";\nimport purple from \"../colors/purple.js\";\nimport red from \"../colors/red.js\";\nimport orange from \"../colors/orange.js\";\nimport blue from \"../colors/blue.js\";\nimport lightBlue from \"../colors/lightBlue.js\";\nimport green from \"../colors/green.js\";\nfunction getLight() {\n  return {\n    // The colors used to style the text.\n    text: {\n      // The most important text.\n      primary: 'rgba(0, 0, 0, 0.87)',\n      // Secondary text.\n      secondary: 'rgba(0, 0, 0, 0.6)',\n      // Disabled text have even lower visual prominence.\n      disabled: 'rgba(0, 0, 0, 0.38)'\n    },\n    // The color used to divide different elements.\n    divider: 'rgba(0, 0, 0, 0.12)',\n    // The background colors used to style the surfaces.\n    // Consistency between these values is important.\n    background: {\n      paper: common.white,\n      default: common.white\n    },\n    // The colors used to style the action elements.\n    action: {\n      // The color of an active action like an icon button.\n      active: 'rgba(0, 0, 0, 0.54)',\n      // The color of an hovered action.\n      hover: 'rgba(0, 0, 0, 0.04)',\n      hoverOpacity: 0.04,\n      // The color of a selected action.\n      selected: 'rgba(0, 0, 0, 0.08)',\n      selectedOpacity: 0.08,\n      // The color of a disabled action.\n      disabled: 'rgba(0, 0, 0, 0.26)',\n      // The background color of a disabled action.\n      disabledBackground: 'rgba(0, 0, 0, 0.12)',\n      disabledOpacity: 0.38,\n      focus: 'rgba(0, 0, 0, 0.12)',\n      focusOpacity: 0.12,\n      activatedOpacity: 0.12\n    }\n  };\n}\nexport const light = getLight();\nfunction getDark() {\n  return {\n    text: {\n      primary: common.white,\n      secondary: 'rgba(255, 255, 255, 0.7)',\n      disabled: 'rgba(255, 255, 255, 0.5)',\n      icon: 'rgba(255, 255, 255, 0.5)'\n    },\n    divider: 'rgba(255, 255, 255, 0.12)',\n    background: {\n      paper: '#121212',\n      default: '#121212'\n    },\n    action: {\n      active: common.white,\n      hover: 'rgba(255, 255, 255, 0.08)',\n      hoverOpacity: 0.08,\n      selected: 'rgba(255, 255, 255, 0.16)',\n      selectedOpacity: 0.16,\n      disabled: 'rgba(255, 255, 255, 0.3)',\n      disabledBackground: 'rgba(255, 255, 255, 0.12)',\n      disabledOpacity: 0.38,\n      focus: 'rgba(255, 255, 255, 0.12)',\n      focusOpacity: 0.12,\n      activatedOpacity: 0.24\n    }\n  };\n}\nexport const dark = getDark();\nfunction addLightOrDark(intent, direction, shade, tonalOffset) {\n  const tonalOffsetLight = tonalOffset.light || tonalOffset;\n  const tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;\n  if (!intent[direction]) {\n    if (intent.hasOwnProperty(shade)) {\n      intent[direction] = intent[shade];\n    } else if (direction === 'light') {\n      intent.light = lighten(intent.main, tonalOffsetLight);\n    } else if (direction === 'dark') {\n      intent.dark = darken(intent.main, tonalOffsetDark);\n    }\n  }\n}\nfunction mixLightOrDark(colorSpace, intent, direction, shade, tonalOffset) {\n  const tonalOffsetLight = tonalOffset.light || tonalOffset;\n  const tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;\n  if (!intent[direction]) {\n    if (intent.hasOwnProperty(shade)) {\n      intent[direction] = intent[shade];\n    } else if (direction === 'light') {\n      intent.light = `color-mix(in ${colorSpace}, ${intent.main}, #fff ${(tonalOffsetLight * 100).toFixed(0)}%)`;\n    } else if (direction === 'dark') {\n      intent.dark = `color-mix(in ${colorSpace}, ${intent.main}, #000 ${(tonalOffsetDark * 100).toFixed(0)}%)`;\n    }\n  }\n}\nfunction getDefaultPrimary(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: blue[200],\n      light: blue[50],\n      dark: blue[400]\n    };\n  }\n  return {\n    main: blue[700],\n    light: blue[400],\n    dark: blue[800]\n  };\n}\nfunction getDefaultSecondary(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: purple[200],\n      light: purple[50],\n      dark: purple[400]\n    };\n  }\n  return {\n    main: purple[500],\n    light: purple[300],\n    dark: purple[700]\n  };\n}\nfunction getDefaultError(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: red[500],\n      light: red[300],\n      dark: red[700]\n    };\n  }\n  return {\n    main: red[700],\n    light: red[400],\n    dark: red[800]\n  };\n}\nfunction getDefaultInfo(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: lightBlue[400],\n      light: lightBlue[300],\n      dark: lightBlue[700]\n    };\n  }\n  return {\n    main: lightBlue[700],\n    light: lightBlue[500],\n    dark: lightBlue[900]\n  };\n}\nfunction getDefaultSuccess(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: green[400],\n      light: green[300],\n      dark: green[700]\n    };\n  }\n  return {\n    main: green[800],\n    light: green[500],\n    dark: green[900]\n  };\n}\nfunction getDefaultWarning(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: orange[400],\n      light: orange[300],\n      dark: orange[700]\n    };\n  }\n  return {\n    main: '#ed6c02',\n    // closest to orange[800] that pass 3:1.\n    light: orange[500],\n    dark: orange[900]\n  };\n}\n\n// Use the same name as the experimental CSS `contrast-color` function.\nexport function contrastColor(background) {\n  return `oklch(from ${background} var(--__l) 0 h / var(--__a))`;\n}\nexport default function createPalette(palette) {\n  const {\n    mode = 'light',\n    contrastThreshold = 3,\n    tonalOffset = 0.2,\n    colorSpace,\n    ...other\n  } = palette;\n  const primary = palette.primary || getDefaultPrimary(mode);\n  const secondary = palette.secondary || getDefaultSecondary(mode);\n  const error = palette.error || getDefaultError(mode);\n  const info = palette.info || getDefaultInfo(mode);\n  const success = palette.success || getDefaultSuccess(mode);\n  const warning = palette.warning || getDefaultWarning(mode);\n\n  // Use the same logic as\n  // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59\n  // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54\n  function getContrastText(background) {\n    if (colorSpace) {\n      return contrastColor(background);\n    }\n    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n    if (process.env.NODE_ENV !== 'production') {\n      const contrast = getContrastRatio(background, contrastText);\n      if (contrast < 3) {\n        console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, '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('\\n'));\n      }\n    }\n    return contrastText;\n  }\n  const augmentColor = ({\n    color,\n    name,\n    mainShade = 500,\n    lightShade = 300,\n    darkShade = 700\n  }) => {\n    color = {\n      ...color\n    };\n    if (!color.main && color[mainShade]) {\n      color.main = color[mainShade];\n    }\n    if (!color.hasOwnProperty('main')) {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `The color object needs to have a \\`main\\` property or a \\`${mainShade}\\` property.` : _formatErrorMessage(11, name ? ` (${name})` : '', mainShade));\n    }\n    if (typeof color.main !== 'string') {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `\\`color.main\\` should be a string, but \\`${JSON.stringify(color.main)}\\` was provided instead.\\n` + '\\n' + 'Did you intend to use one of the following approaches?\\n' + '\\n' + 'import { green } from \"@mui/material/colors\";\\n' + '\\n' + 'const theme1 = createTheme({ palette: {\\n' + '  primary: green,\\n' + '} });\\n' + '\\n' + 'const theme2 = createTheme({ palette: {\\n' + '  primary: { main: green[500] },\\n' + '} });' : _formatErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));\n    }\n    if (colorSpace) {\n      mixLightOrDark(colorSpace, color, 'light', lightShade, tonalOffset);\n      mixLightOrDark(colorSpace, color, 'dark', darkShade, tonalOffset);\n    } else {\n      addLightOrDark(color, 'light', lightShade, tonalOffset);\n      addLightOrDark(color, 'dark', darkShade, tonalOffset);\n    }\n    if (!color.contrastText) {\n      color.contrastText = getContrastText(color.main);\n    }\n    return color;\n  };\n  let modeHydrated;\n  if (mode === 'light') {\n    modeHydrated = getLight();\n  } else if (mode === 'dark') {\n    modeHydrated = getDark();\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    if (!modeHydrated) {\n      console.error(`MUI: The palette mode \\`${mode}\\` is not supported.`);\n    }\n  }\n  const paletteOutput = deepmerge({\n    // A collection of common colors.\n    common: {\n      ...common\n    },\n    // prevent mutable object.\n    // The palette mode, can be light or dark.\n    mode,\n    // The colors used to represent primary interface elements for a user.\n    primary: augmentColor({\n      color: primary,\n      name: 'primary'\n    }),\n    // The colors used to represent secondary interface elements for a user.\n    secondary: augmentColor({\n      color: secondary,\n      name: 'secondary',\n      mainShade: 'A400',\n      lightShade: 'A200',\n      darkShade: 'A700'\n    }),\n    // The colors used to represent interface elements that the user should be made aware of.\n    error: augmentColor({\n      color: error,\n      name: 'error'\n    }),\n    // The colors used to represent potentially dangerous actions or important messages.\n    warning: augmentColor({\n      color: warning,\n      name: 'warning'\n    }),\n    // The colors used to present information to the user that is neutral and not necessarily important.\n    info: augmentColor({\n      color: info,\n      name: 'info'\n    }),\n    // The colors used to indicate the successful completion of an action that user triggered.\n    success: augmentColor({\n      color: success,\n      name: 'success'\n    }),\n    // The grey colors.\n    grey,\n    // Used by `getContrastText()` to maximize the contrast between\n    // the background and the text.\n    contrastThreshold,\n    // Takes a background color and returns the text color that maximizes the contrast.\n    getContrastText,\n    // Generate a rich color object.\n    augmentColor,\n    // Used by the functions below to shift a color's luminance by approximately\n    // two indexes within its tonal palette.\n    // E.g., shift from Red 500 to Red 300 or Red 700.\n    tonalOffset,\n    // The light and dark mode object.\n    ...modeHydrated\n  }, other);\n  return paletteOutput;\n}"],"names":["getLight","common","light","getDark","dark","addLightOrDark","intent","direction","shade","tonalOffset","tonalOffsetLight","tonalOffsetDark","lighten","darken","mixLightOrDark","colorSpace","getDefaultPrimary","mode","blue","getDefaultSecondary","purple","getDefaultError","red","getDefaultInfo","lightBlue","getDefaultSuccess","green","getDefaultWarning","orange","contrastColor","background","createPalette","palette","contrastThreshold","other","primary","secondary","error","info","success","warning","getContrastText","contrastText","getContrastRatio","contrast","augmentColor","color","name","mainShade","lightShade","darkShade","_formatErrorMessage","modeHydrated","deepmerge","grey"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es192.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js"],"sourcesContent":["export default function HTMLElementType(props, propName, componentName, location, propFullName) {\n  if (process.env.NODE_ENV === 'production') {\n    return null;\n  }\n  const propValue = props[propName];\n  const safePropName = propFullName || propName;\n  if (propValue == null) {\n    return null;\n  }\n  if (propValue && propValue.nodeType !== 1) {\n    return new Error(`Invalid ${location} \\`${safePropName}\\` supplied to \\`${componentName}\\`. ` + `Expected an HTMLElement.`);\n  }\n  return null;\n}"],"names":["HTMLElementType","props","propName","componentName","location","propFullName","propValue","safePropName"],"mappings":"AAAe,SAASA,EAAgBC,GAAOC,GAAUC,GAAeC,GAAUC,GAAc;AAC9F,MAAI,QAAQ,IAAI,aAAa;AAC3B,WAAO;AAET,QAAMC,IAAYL,EAAMC,CAAQ,GAC1BK,IAAeF,KAAgBH;AACrC,SAAII,KAAa,OACR,OAELA,KAAaA,EAAU,aAAa,IAC/B,IAAI,MAAM,WAAWF,CAAQ,MAAMG,CAAY,oBAAoBJ,CAAa,8BAAmC,IAErH;AACT;","x_google_ignoreList":[0]}

package/dist/ui-components.es193.js

@@ -1,178 +1,115 @@
-import j from "./ui-components.es194.js";
-import z, { getOverlays as q, getOpacity as J } from "./ui-components.es196.js";
-import K from "./ui-components.es200.js";
-import Q from "./ui-components.es201.js";
-import { stringifyTheme as X } from "./ui-components.es202.js";
-import { dark as Y, light as Z } from "./ui-components.es192.js";
-import ee from "./ui-components.es151.js";
-import re from "./ui-components.es203.js";
-import { private_safeDarken as l, private_safeLighten as s, private_safeAlpha as b, private_safeEmphasize as I, private_safeColorChannel as x, hslToRgb as te } from "./ui-components.es45.js";
-import ae from "./ui-components.es204.js";
-import ne from "./ui-components.es205.js";
-import ie from "./ui-components.es206.js";
-import { createGetColorSchemeSelector as oe } from "./ui-components.es207.js";
-import le from "./ui-components.es208.js";
-import se from "./ui-components.es209.js";
-import ce from "./ui-components.es210.js";
-import { createUnarySpacing as ge } from "./ui-components.es211.js";
-function pe(o, m) {
-  m.forEach((g) => {
-    o[g] || (o[g] = {});
+import * as m from "react";
+import e from "./ui-components.es89.js";
+import { clsx as U } from "./ui-components.es92.js";
+import { generateGridColumnsStyles as q, generateGridColumnSpacingStyles as B, generateGridRowSpacingStyles as F, generateGridSizeStyles as H, generateGridDirectionStyles as I, generateGridStyles as J, generateGridOffsetStyles as K, generateDirectionClasses as Q, generateSizeClassNames as W, generateSpacingClassNames as X } from "./ui-components.es320.js";
+import Y from "./ui-components.es321.js";
+import { j as Z } from "./ui-components.es15.js";
+import V from "./ui-components.es156.js";
+import ee from "./ui-components.es219.js";
+import re from "./ui-components.es266.js";
+import ne from "./ui-components.es315.js";
+import oe from "./ui-components.es318.js";
+import te from "./ui-components.es97.js";
+import se from "./ui-components.es98.js";
+import ie from "./ui-components.es245.js";
+const ae = ie(), ce = ne("div", {
+  name: "MuiGrid",
+  slot: "Root"
+});
+function me(p) {
+  return oe({
+    props: p,
+    name: "MuiGrid",
+    defaultTheme: ae
   });
 }
-function r(o, m, g) {
-  !o[m] && g && (o[m] = g);
-}
-function T(o) {
-  return typeof o != "string" || !o.startsWith("hsl") ? o : te(o);
-}
-function h(o, m) {
-  `${m}Channel` in o || (o[`${m}Channel`] = x(T(o[m]), `MUI: Can't create \`palette.${m}Channel\` because \`palette.${m}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
-To suppress this warning, you need to explicitly provide the \`palette.${m}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
-}
-function de(o) {
-  return typeof o == "number" ? `${o}px` : typeof o == "string" || typeof o == "function" || Array.isArray(o) ? o : "8px";
-}
-const u = (o) => {
-  try {
-    return o();
-  } catch {
-  }
-}, me = (o = "mui") => ce(o);
-function L(o, m, g, v, A) {
-  if (!g)
-    return;
-  g = g === !0 ? {} : g;
-  const C = A === "dark" ? "dark" : "light";
-  if (!v) {
-    m[A] = z({
-      ...g,
-      palette: {
-        mode: C,
-        ...g?.palette
-      },
-      colorSpace: o
-    });
-    return;
-  }
-  const {
-    palette: t,
-    ...F
-  } = j({
-    ...v,
-    palette: {
-      mode: C,
-      ...g?.palette
-    },
-    colorSpace: o
-  });
-  return m[A] = {
-    ...g,
-    palette: t,
-    opacity: {
-      ...J(C),
-      ...g?.opacity
-    },
-    overlays: g?.overlays || q(C)
-  }, F;
-}
-function Ve(o = {}, ...m) {
+function je(p = {}) {
   const {
-    colorSchemes: g = {
-      light: !0
-    },
-    defaultColorScheme: v,
-    disableCssColorScheme: A = !1,
-    cssVarPrefix: C = "mui",
-    nativeColor: t = !1,
-    shouldSkipGeneratingVar: F = K,
-    colorSchemeSelector: P = g.light && g.dark ? "media" : void 0,
-    rootSelector: O = ":root",
-    ...D
-  } = o, E = Object.keys(g)[0], S = v || (g.light && E !== "light" ? "light" : E), a = me(C), {
-    [S]: M,
-    light: G,
-    dark: _,
-    ...H
-  } = g, k = {
-    ...H
-  };
-  let V = M;
-  if ((S === "dark" && !("dark" in g) || S === "light" && !("light" in g)) && (V = !0), !V)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${S}\` option is either missing or invalid.` : ee(21, S));
-  let f;
-  t && (f = "oklch");
-  const $ = L(f, k, V, D, S);
-  G && !k.light && L(f, k, G, void 0, "light"), _ && !k.dark && L(f, k, _, void 0, "dark");
-  let p = {
-    defaultColorScheme: S,
-    ...$,
-    cssVarPrefix: C,
-    colorSchemeSelector: P,
-    rootSelector: O,
-    getCssVar: a,
-    colorSchemes: k,
-    font: {
-      ...re($.typography),
-      ...$.font
-    },
-    spacing: de(D.spacing)
-  };
-  Object.keys(p.colorSchemes).forEach((y) => {
-    const e = p.colorSchemes[y].palette, i = (c) => {
-      const d = c.split("-"), w = d[1], B = d[2];
-      return a(c, e[w][B]);
+    // This will allow adding custom styled fn (for example for custom sx style function)
+    createStyledComponent: S = ce,
+    useThemeProps: T = me,
+    useTheme: w = V,
+    componentName: G = "MuiGrid"
+  } = p, j = (t, n) => {
+    const {
+      container: a,
+      direction: o,
+      spacing: s,
+      wrap: r,
+      size: l
+    } = t, u = {
+      root: ["root", a && "container", r !== "wrap" && `wrap-xs-${String(r)}`, ...Q(o), ...W(l), ...a ? X(s, n.breakpoints.keys[0]) : []]
     };
-    e.mode === "light" && (r(e.common, "background", "#fff"), r(e.common, "onBackground", "#000")), e.mode === "dark" && (r(e.common, "background", "#000"), r(e.common, "onBackground", "#fff"));
-    function n(c, d, w) {
-      if (f) {
-        let B;
-        return c === b && (B = `transparent ${((1 - w) * 100).toFixed(0)}%`), c === l && (B = `#000 ${(w * 100).toFixed(0)}%`), c === s && (B = `#fff ${(w * 100).toFixed(0)}%`), `color-mix(in ${f}, ${d}, ${B})`;
-      }
-      return c(d, w);
-    }
-    if (pe(e, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), e.mode === "light") {
-      r(e.Alert, "errorColor", n(l, t ? a("palette-error-light") : e.error.light, 0.6)), r(e.Alert, "infoColor", n(l, t ? a("palette-info-light") : e.info.light, 0.6)), r(e.Alert, "successColor", n(l, t ? a("palette-success-light") : e.success.light, 0.6)), r(e.Alert, "warningColor", n(l, t ? a("palette-warning-light") : e.warning.light, 0.6)), r(e.Alert, "errorFilledBg", i("palette-error-main")), r(e.Alert, "infoFilledBg", i("palette-info-main")), r(e.Alert, "successFilledBg", i("palette-success-main")), r(e.Alert, "warningFilledBg", i("palette-warning-main")), r(e.Alert, "errorFilledColor", u(() => e.getContrastText(e.error.main))), r(e.Alert, "infoFilledColor", u(() => e.getContrastText(e.info.main))), r(e.Alert, "successFilledColor", u(() => e.getContrastText(e.success.main))), r(e.Alert, "warningFilledColor", u(() => e.getContrastText(e.warning.main))), r(e.Alert, "errorStandardBg", n(s, t ? a("palette-error-light") : e.error.light, 0.9)), r(e.Alert, "infoStandardBg", n(s, t ? a("palette-info-light") : e.info.light, 0.9)), r(e.Alert, "successStandardBg", n(s, t ? a("palette-success-light") : e.success.light, 0.9)), r(e.Alert, "warningStandardBg", n(s, t ? a("palette-warning-light") : e.warning.light, 0.9)), r(e.Alert, "errorIconColor", i("palette-error-main")), r(e.Alert, "infoIconColor", i("palette-info-main")), r(e.Alert, "successIconColor", i("palette-success-main")), r(e.Alert, "warningIconColor", i("palette-warning-main")), r(e.AppBar, "defaultBg", i("palette-grey-100")), r(e.Avatar, "defaultBg", i("palette-grey-400")), r(e.Button, "inheritContainedBg", i("palette-grey-300")), r(e.Button, "inheritContainedHoverBg", i("palette-grey-A100")), r(e.Chip, "defaultBorder", i("palette-grey-400")), r(e.Chip, "defaultAvatarColor", i("palette-grey-700")), r(e.Chip, "defaultIconColor", i("palette-grey-700")), r(e.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), r(e.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), r(e.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), r(e.LinearProgress, "primaryBg", n(s, t ? a("palette-primary-main") : e.primary.main, 0.62)), r(e.LinearProgress, "secondaryBg", n(s, t ? a("palette-secondary-main") : e.secondary.main, 0.62)), r(e.LinearProgress, "errorBg", n(s, t ? a("palette-error-main") : e.error.main, 0.62)), r(e.LinearProgress, "infoBg", n(s, t ? a("palette-info-main") : e.info.main, 0.62)), r(e.LinearProgress, "successBg", n(s, t ? a("palette-success-main") : e.success.main, 0.62)), r(e.LinearProgress, "warningBg", n(s, t ? a("palette-warning-light") : e.warning.main, 0.62)), r(e.Skeleton, "bg", f ? n(b, t ? a("palette-text-primary") : e.text.primary, 0.11) : `rgba(${i("palette-text-primaryChannel")} / 0.11)`), r(e.Slider, "primaryTrack", n(s, t ? a("palette-primary-main") : e.primary.main, 0.62)), r(e.Slider, "secondaryTrack", n(s, t ? a("palette-secondary-main") : e.secondary.main, 0.62)), r(e.Slider, "errorTrack", n(s, t ? a("palette-error-main") : e.error.main, 0.62)), r(e.Slider, "infoTrack", n(s, t ? a("palette-info-main") : e.info.main, 0.62)), r(e.Slider, "successTrack", n(s, t ? a("palette-success-main") : e.success.main, 0.62)), r(e.Slider, "warningTrack", n(s, t ? a("palette-warning-main") : e.warning.main, 0.62));
-      const c = f ? n(l, t ? a("palette-background-default") : e.background.default, 0.6825) : I(e.background.default, 0.8);
-      r(e.SnackbarContent, "bg", c), r(e.SnackbarContent, "color", u(() => f ? Y.text.primary : e.getContrastText(c))), r(e.SpeedDialAction, "fabHoverBg", I(e.background.paper, 0.15)), r(e.StepConnector, "border", i("palette-grey-400")), r(e.StepContent, "border", i("palette-grey-400")), r(e.Switch, "defaultColor", i("palette-common-white")), r(e.Switch, "defaultDisabledColor", i("palette-grey-100")), r(e.Switch, "primaryDisabledColor", n(s, t ? a("palette-primary-main") : e.primary.main, 0.62)), r(e.Switch, "secondaryDisabledColor", n(s, t ? a("palette-secondary-main") : e.secondary.main, 0.62)), r(e.Switch, "errorDisabledColor", n(s, t ? a("palette-error-main") : e.error.main, 0.62)), r(e.Switch, "infoDisabledColor", n(s, t ? a("palette-info-main") : e.info.main, 0.62)), r(e.Switch, "successDisabledColor", n(s, t ? a("palette-success-main") : e.success.main, 0.62)), r(e.Switch, "warningDisabledColor", n(s, t ? a("palette-warning-main") : e.warning.main, 0.62)), r(e.TableCell, "border", n(s, b(t ? a("palette-divider") : e.divider, 1), 0.88)), r(e.Tooltip, "bg", n(b, t ? a("palette-grey-700") : e.grey[700], 0.92));
-    }
-    if (e.mode === "dark") {
-      r(e.Alert, "errorColor", n(s, t ? a("palette-error-light") : e.error.light, 0.6)), r(e.Alert, "infoColor", n(s, t ? a("palette-info-light") : e.info.light, 0.6)), r(e.Alert, "successColor", n(s, t ? a("palette-success-light") : e.success.light, 0.6)), r(e.Alert, "warningColor", n(s, t ? a("palette-warning-light") : e.warning.light, 0.6)), r(e.Alert, "errorFilledBg", i("palette-error-dark")), r(e.Alert, "infoFilledBg", i("palette-info-dark")), r(e.Alert, "successFilledBg", i("palette-success-dark")), r(e.Alert, "warningFilledBg", i("palette-warning-dark")), r(e.Alert, "errorFilledColor", u(() => e.getContrastText(e.error.dark))), r(e.Alert, "infoFilledColor", u(() => e.getContrastText(e.info.dark))), r(e.Alert, "successFilledColor", u(() => e.getContrastText(e.success.dark))), r(e.Alert, "warningFilledColor", u(() => e.getContrastText(e.warning.dark))), r(e.Alert, "errorStandardBg", n(l, t ? a("palette-error-light") : e.error.light, 0.9)), r(e.Alert, "infoStandardBg", n(l, t ? a("palette-info-light") : e.info.light, 0.9)), r(e.Alert, "successStandardBg", n(l, t ? a("palette-success-light") : e.success.light, 0.9)), r(e.Alert, "warningStandardBg", n(l, t ? a("palette-warning-light") : e.warning.light, 0.9)), r(e.Alert, "errorIconColor", i("palette-error-main")), r(e.Alert, "infoIconColor", i("palette-info-main")), r(e.Alert, "successIconColor", i("palette-success-main")), r(e.Alert, "warningIconColor", i("palette-warning-main")), r(e.AppBar, "defaultBg", i("palette-grey-900")), r(e.AppBar, "darkBg", i("palette-background-paper")), r(e.AppBar, "darkColor", i("palette-text-primary")), r(e.Avatar, "defaultBg", i("palette-grey-600")), r(e.Button, "inheritContainedBg", i("palette-grey-800")), r(e.Button, "inheritContainedHoverBg", i("palette-grey-700")), r(e.Chip, "defaultBorder", i("palette-grey-700")), r(e.Chip, "defaultAvatarColor", i("palette-grey-300")), r(e.Chip, "defaultIconColor", i("palette-grey-300")), r(e.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), r(e.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), r(e.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), r(e.LinearProgress, "primaryBg", n(l, t ? a("palette-primary-main") : e.primary.main, 0.5)), r(e.LinearProgress, "secondaryBg", n(l, t ? a("palette-secondary-main") : e.secondary.main, 0.5)), r(e.LinearProgress, "errorBg", n(l, t ? a("palette-error-main") : e.error.main, 0.5)), r(e.LinearProgress, "infoBg", n(l, t ? a("palette-info-main") : e.info.main, 0.5)), r(e.LinearProgress, "successBg", n(l, t ? a("palette-success-main") : e.success.main, 0.5)), r(e.LinearProgress, "warningBg", n(l, t ? a("palette-warning-main") : e.warning.main, 0.5)), r(e.Skeleton, "bg", f ? n(b, t ? a("palette-text-primary") : e.text.primary, 0.13) : `rgba(${i("palette-text-primaryChannel")} / 0.13)`), r(e.Slider, "primaryTrack", n(l, t ? a("palette-primary-main") : e.primary.main, 0.5)), r(e.Slider, "secondaryTrack", n(l, t ? a("palette-secondary-main") : e.secondary.main, 0.5)), r(e.Slider, "errorTrack", n(l, t ? a("palette-error-main") : e.error.main, 0.5)), r(e.Slider, "infoTrack", n(l, t ? a("palette-info-main") : e.info.main, 0.5)), r(e.Slider, "successTrack", n(l, t ? a("palette-success-main") : e.success.main, 0.5)), r(e.Slider, "warningTrack", n(l, t ? a("palette-warning-light") : e.warning.main, 0.5));
-      const c = f ? n(s, t ? a("palette-background-default") : e.background.default, 0.985) : I(e.background.default, 0.98);
-      r(e.SnackbarContent, "bg", c), r(e.SnackbarContent, "color", u(() => f ? Z.text.primary : e.getContrastText(c))), r(e.SpeedDialAction, "fabHoverBg", I(e.background.paper, 0.15)), r(e.StepConnector, "border", i("palette-grey-600")), r(e.StepContent, "border", i("palette-grey-600")), r(e.Switch, "defaultColor", i("palette-grey-300")), r(e.Switch, "defaultDisabledColor", i("palette-grey-600")), r(e.Switch, "primaryDisabledColor", n(l, t ? a("palette-primary-main") : e.primary.main, 0.55)), r(e.Switch, "secondaryDisabledColor", n(l, t ? a("palette-secondary-main") : e.secondary.main, 0.55)), r(e.Switch, "errorDisabledColor", n(l, t ? a("palette-error-main") : e.error.main, 0.55)), r(e.Switch, "infoDisabledColor", n(l, t ? a("palette-info-main") : e.info.main, 0.55)), r(e.Switch, "successDisabledColor", n(l, t ? a("palette-success-main") : e.success.main, 0.55)), r(e.Switch, "warningDisabledColor", n(l, t ? a("palette-warning-light") : e.warning.main, 0.55)), r(e.TableCell, "border", n(l, b(t ? a("palette-divider") : e.divider, 1), 0.68)), r(e.Tooltip, "bg", n(b, t ? a("palette-grey-700") : e.grey[700], 0.92));
-    }
-    h(e.background, "default"), h(e.background, "paper"), h(e.common, "background"), h(e.common, "onBackground"), h(e, "divider"), Object.keys(e).forEach((c) => {
-      const d = e[c];
-      c !== "tonalOffset" && d && typeof d == "object" && (d.main && r(e[c], "mainChannel", x(T(d.main))), d.light && r(e[c], "lightChannel", x(T(d.light))), d.dark && r(e[c], "darkChannel", x(T(d.dark))), d.contrastText && r(e[c], "contrastTextChannel", x(T(d.contrastText))), c === "text" && (h(e[c], "primary"), h(e[c], "secondary")), c === "action" && (d.active && h(e[c], "active"), d.selected && h(e[c], "selected")));
-    });
-  }), p = m.reduce((y, e) => ae(y, e), p);
-  const N = {
-    prefix: C,
-    disableCssColorScheme: A,
-    shouldSkipGeneratingVar: F,
-    getSelector: Q(p),
-    enableContrastVars: t
-  }, {
-    vars: R,
-    generateThemeVars: U,
-    generateStyleSheets: W
-  } = ne(p, N);
-  return p.vars = R, Object.entries(p.colorSchemes[p.defaultColorScheme]).forEach(([y, e]) => {
-    p[y] = e;
-  }), p.generateThemeVars = U, p.generateStyleSheets = W, p.generateSpacing = function() {
-    return ie(D.spacing, ge(this));
-  }, p.getColorSchemeSelector = oe(P), p.spacing = p.generateSpacing(), p.shouldSkipGeneratingVar = F, p.unstable_sxConfig = {
-    ...le,
-    ...D?.unstable_sxConfig
-  }, p.unstable_sx = function(e) {
-    return se({
-      sx: e,
-      theme: this
+    return te(u, (g) => se(G, g), {});
+  };
+  function d(t, n, a = () => !0) {
+    const o = {};
+    return t === null || (Array.isArray(t) ? t.forEach((s, r) => {
+      s !== null && a(s) && n.keys[r] && (o[n.keys[r]] = s);
+    }) : typeof t == "object" ? Object.keys(t).forEach((s) => {
+      const r = t[s];
+      r != null && a(r) && (o[s] = r);
+    }) : o[n.keys[0]] = t), o;
+  }
+  const v = S(q, B, F, H, I, J, K), f = /* @__PURE__ */ m.forwardRef(function(n, a) {
+    const o = w(), s = T(n), r = ee(s);
+    Y(r, o.breakpoints);
+    const {
+      className: l,
+      children: u,
+      columns: g = 12,
+      container: b = !1,
+      component: C = "div",
+      direction: h = "row",
+      wrap: N = "wrap",
+      size: P = {},
+      offset: x = {},
+      spacing: y = 0,
+      rowSpacing: E = y,
+      columnSpacing: z = y,
+      unstable_level: c = 0,
+      ...R
+    } = r, k = d(P, o.breakpoints, (i) => i !== !1), D = d(x, o.breakpoints), M = n.columns ?? (c ? void 0 : g), _ = n.spacing ?? (c ? void 0 : y), A = n.rowSpacing ?? n.spacing ?? (c ? void 0 : E), $ = n.columnSpacing ?? n.spacing ?? (c ? void 0 : z), O = {
+      ...r,
+      level: c,
+      columns: M,
+      container: b,
+      direction: h,
+      wrap: N,
+      spacing: _,
+      rowSpacing: A,
+      columnSpacing: $,
+      size: k,
+      offset: D
+    }, L = j(O, o);
+    return /* @__PURE__ */ Z.jsx(v, {
+      ref: a,
+      as: C,
+      ownerState: O,
+      className: U(L.root, l),
+      ...R,
+      children: m.Children.map(u, (i) => /* @__PURE__ */ m.isValidElement(i) && re(i, ["Grid"]) && b && i.props.container ? /* @__PURE__ */ m.cloneElement(i, {
+        unstable_level: i.props?.unstable_level ?? c + 1
+      }) : i)
     });
-  }, p.toRuntimeSource = X, p;
+  });
+  return process.env.NODE_ENV !== "production" && (f.propTypes = {
+    children: e.node,
+    className: e.string,
+    columns: e.oneOfType([e.arrayOf(e.number), e.number, e.object]),
+    columnSpacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+    component: e.elementType,
+    container: e.bool,
+    direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
+    offset: e.oneOfType([e.string, e.number, e.arrayOf(e.oneOfType([e.string, e.number])), e.object]),
+    rowSpacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+    size: e.oneOfType([e.string, e.bool, e.number, e.arrayOf(e.oneOfType([e.string, e.bool, e.number])), e.object]),
+    spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+    sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+    wrap: e.oneOf(["nowrap", "wrap-reverse", "wrap"])
+  }), f.muiName = "Grid", f;
 }
 export {
-  me as createGetCssVar,
-  Ve as default
+  je as default
 };
 //# sourceMappingURL=ui-components.es193.js.map