@carto/meridian-ds 2.7.0-alpha-loader.4 → 2.7.0-alpha-loader.6

package/dist/{css-utils-CjUBRJVK.js → css-utils-Cr7ZvmiF.js}

@@ -1,9 +1,219 @@
+import { alpha, Typography as Typography$1, styled, IconButton as IconButton$1, Tooltip, CircularProgress, Box } from "@mui/material";
 import require$$0 from "react-is";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Typography as Typography$1, styled, IconButton as IconButton$1, Tooltip, CircularProgress, Box } from "@mui/material";
 import { forwardRef } from "react";
 import { KeyboardArrowLeftOutlined, KeyboardArrowRightOutlined } from "@mui/icons-material";
 import { createIntlCache, createIntl, useIntl } from "react-intl";
+const COLOR_BLACK = "#2C3032";
+const COLOR_WHITE = "#FFFFFF";
+const COLOR_UNUSED = "#e91e63";
+const baseColors = {
+  common: {
+    black: COLOR_BLACK,
+    white: COLOR_WHITE
+  },
+  neutral: {
+    50: "#f8f9f9",
+    100: "#e1e3e4",
+    200: "#cbcdcf",
+    300: "#b4b8ba",
+    400: "#9da2a6",
+    500: "#868d91",
+    600: "#6f777c",
+    700: "#595f63",
+    800: "#43474a",
+    900: COLOR_BLACK,
+    A100: "#ddddde",
+    A200: "#b9babb",
+    A400: "#7c7e7f",
+    A700: "#16191A"
+  },
+  blue: {
+    100: "#B9DAF9",
+    200: "#5DB2F6",
+    300: "#358BE7",
+    400: "#036FE2",
+    500: "#024D9E"
+  },
+  green: {
+    300: "#6BE2AD",
+    400: "#47DB99",
+    500: "#31996B"
+  },
+  lightGreen: {
+    300: "#8CB24A",
+    400: "#709F1D",
+    500: "#435F11"
+  },
+  indigo: {
+    300: "#34689F",
+    400: "#024388",
+    500: "#012C5A"
+  },
+  orange: {
+    300: "#F4B134",
+    400: "#F29E02",
+    500: "#A96E01"
+  },
+  red: {
+    300: "#CD593B",
+    400: "#C1300B",
+    500: "#872107"
+  },
+  qualitative: {
+    // CARTO colors
+    // TODO: Related discussion https://app.shortcut.com/cartoteam/story/264834/
+    bold: {
+      0: "#7F3C8D",
+      1: "#11A579",
+      2: "#3969AC",
+      3: "#F2B701",
+      4: "#E73F74",
+      5: "#80BA5A",
+      6: "#E68310",
+      7: "#008695",
+      8: "#CF1C90",
+      9: "#f97b72",
+      10: "#4b4b8f",
+      11: "#A5AA99"
+    }
+  },
+  shades: {
+    dark: {
+      90: alpha(COLOR_BLACK, 0.9),
+      60: alpha(COLOR_BLACK, 0.6),
+      40: alpha(COLOR_BLACK, 0.4),
+      25: alpha(COLOR_BLACK, 0.25),
+      12: alpha(COLOR_BLACK, 0.12),
+      8: alpha(COLOR_BLACK, 0.08),
+      4: alpha(COLOR_BLACK, 0.04)
+    },
+    light: {
+      90: alpha(COLOR_WHITE, 0.9),
+      60: alpha(COLOR_WHITE, 0.6),
+      40: alpha(COLOR_WHITE, 0.4),
+      25: alpha(COLOR_WHITE, 0.25),
+      12: alpha(COLOR_WHITE, 0.12),
+      8: alpha(COLOR_WHITE, 0.08),
+      4: alpha(COLOR_WHITE, 0.04)
+    }
+  }
+};
+const commonPalette = {
+  mode: "light",
+  contrastThreshold: 3,
+  tonalOffset: 0.2,
+  common: { ...baseColors.common },
+  primary: {
+    main: baseColors.blue[400],
+    dark: baseColors.blue[500],
+    light: baseColors.blue[300],
+    contrastText: baseColors.common.white,
+    background: alpha(baseColors.blue[400], 0.08),
+    relatedLight: "#EAF2FC",
+    relatedDark: COLOR_UNUSED
+  },
+  secondary: {
+    main: baseColors.green[400],
+    dark: baseColors.green[500],
+    light: baseColors.green[300],
+    contrastText: baseColors.common.black,
+    background: alpha(baseColors.green[400], 0.08),
+    relatedLight: "#EFFCF5",
+    relatedDark: COLOR_UNUSED
+  },
+  text: {
+    primary: baseColors.common.black,
+    secondary: baseColors.shades.dark[60],
+    disabled: baseColors.shades.dark[25],
+    hint: baseColors.shades.dark[40]
+  },
+  background: {
+    paper: baseColors.common.white,
+    default: baseColors.neutral[50]
+  },
+  action: {
+    active: baseColors.shades.dark[40],
+    hover: baseColors.shades.dark[8],
+    disabledBackground: baseColors.neutral[100],
+    disabled: baseColors.shades.dark[25],
+    selected: baseColors.shades.dark[12],
+    focus: baseColors.shades.dark[12],
+    activatedOpacity: 0.12,
+    hoverOpacity: 0.04,
+    selectedOpacity: 0.08,
+    disabledOpacity: 0.38,
+    focusOpacity: 0.12
+  },
+  info: {
+    main: baseColors.indigo[400],
+    dark: baseColors.indigo[500],
+    light: baseColors.indigo[300],
+    contrastText: baseColors.common.white,
+    relatedDark: "#0D2B4A",
+    relatedLight: "#E9EEF4",
+    background: COLOR_UNUSED
+  },
+  success: {
+    main: baseColors.lightGreen[400],
+    dark: baseColors.lightGreen[500],
+    light: baseColors.lightGreen[300],
+    contrastText: baseColors.common.white,
+    relatedDark: "#3D541A",
+    relatedLight: "#F2F5EB",
+    background: COLOR_UNUSED
+  },
+  warning: {
+    main: baseColors.orange[400],
+    dark: baseColors.orange[500],
+    light: baseColors.orange[300],
+    contrastText: baseColors.common.black,
+    relatedDark: "#78540F",
+    relatedLight: "#FEF6EA",
+    background: COLOR_UNUSED
+  },
+  error: {
+    main: baseColors.red[400],
+    light: baseColors.red[300],
+    dark: baseColors.red[500],
+    contrastText: baseColors.common.white,
+    relatedDark: "#622215",
+    relatedLight: "#F9EDEA",
+    background: COLOR_UNUSED
+  },
+  grey: {
+    ...baseColors.neutral
+  },
+  divider: baseColors.shades.dark[12],
+  // Custom common colors
+  default: {
+    main: baseColors.neutral[100],
+    dark: baseColors.neutral[200],
+    light: baseColors.neutral[50],
+    outlinedBorder: baseColors.shades.dark[25],
+    background: baseColors.shades.dark[4],
+    relatedLight: COLOR_UNUSED,
+    relatedDark: COLOR_UNUSED,
+    contrastText: COLOR_UNUSED
+  },
+  brand: {
+    navyBlue: "#162945",
+    locationRed: "#EB1510",
+    predictionBlue: "#1785FB",
+    softBlue: "#F2F6F9",
+    appBarMain: "#162945",
+    appBarContrastText: baseColors.common.white
+  },
+  white: {
+    ...baseColors.shades.light
+  },
+  black: {
+    ...baseColors.shades.dark
+  },
+  qualitative: {
+    ...baseColors.qualitative
+  }
+};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -5767,9 +5977,10 @@ export {
   ellipsisStyles as e,
   MENU_ITEM_SIZE_DENSE as f,
   getSpacing as g,
-  MENU_ITEM_SIZE_EXTENDED as h,
-  IconButton as i,
-  useImperativeIntl as j,
-  getDefaultExportFromCjs as k,
+  commonPalette as h,
+  MENU_ITEM_SIZE_EXTENDED as i,
+  IconButton as j,
+  useImperativeIntl as k,
+  getDefaultExportFromCjs as l,
   useTranslationWithFallback as u
 };

package/dist/palette-utils-C5CHlLXB.cjs

@@ -0,0 +1,93 @@
+"use strict";
+const cssUtils = require("./css-utils-B9V_AMcv.cjs");
+const cartoColors = require("cartocolor");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const cartoColors__namespace = /* @__PURE__ */ _interopNamespaceDefault(cartoColors);
+function getPaletteFromCartoColors(name, domainSize) {
+  var _a;
+  const palette = cartoColors__namespace[name];
+  let paletteIndex = domainSize;
+  if (!palette) {
+    throw new Error(
+      `Palette "${name}" not found. Expected a CARTOColors string`
+    );
+  }
+  const palettesColorVariants = Object.keys(palette).filter((p) => p !== "tags").map(Number);
+  const longestPaletteIndex = Math.max(...palettesColorVariants);
+  const smallestPaletteIndex = Math.min(...palettesColorVariants);
+  if (!Number.isInteger(domainSize) || domainSize > longestPaletteIndex) {
+    paletteIndex = longestPaletteIndex;
+  } else if (domainSize < smallestPaletteIndex) {
+    paletteIndex = smallestPaletteIndex;
+  }
+  let colors = palette[paletteIndex];
+  if ((_a = palette.tags) == null ? void 0 : _a.includes("qualitative")) {
+    colors = colors == null ? void 0 : colors.slice(0, -1);
+  }
+  return colors;
+}
+function getPalette(colors, domainSize) {
+  if (typeof colors === "string") {
+    return getPaletteFromCartoColors(colors, domainSize);
+  } else {
+    return colors.map((c) => {
+      if (Array.isArray(c)) {
+        const [r, g, b] = c;
+        return rgbToHex(r, g, b);
+      } else {
+        return c;
+      }
+    });
+  }
+}
+function rgbToHex(r, g, b) {
+  return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+}
+function getCartoColorStylePropsForItem(theme, index) {
+  var _a, _b;
+  const palette = (_b = (_a = cssUtils.commonPalette) == null ? void 0 : _a.qualitative) == null ? void 0 : _b.bold;
+  const colors = Object.values(palette ?? {});
+  const chosenIndex = index % colors.length;
+  return {
+    backgroundColor: colors[chosenIndex],
+    color: theme.palette.getContrastText(colors[chosenIndex])
+  };
+}
+function getColorByCategory(category, {
+  palette,
+  fallbackColor,
+  colorMapping
+}) {
+  const assignedColor = colorMapping[category];
+  if (assignedColor) {
+    return colorMapping[category];
+  }
+  if (!palette || palette.length === 0) {
+    return fallbackColor;
+  }
+  const nextFreeColorIndex = Math.min(
+    Object.keys(colorMapping).length,
+    palette.length - 1
+  );
+  const newColor = palette[nextFreeColorIndex];
+  colorMapping[category] = newColor;
+  return newColor;
+}
+exports.getCartoColorStylePropsForItem = getCartoColorStylePropsForItem;
+exports.getColorByCategory = getColorByCategory;
+exports.getPalette = getPalette;

package/dist/palette-utils-D99Ib0kC.js

@@ -0,0 +1,77 @@
+import { h as commonPalette } from "./css-utils-Cr7ZvmiF.js";
+import * as cartoColors from "cartocolor";
+function getPaletteFromCartoColors(name, domainSize) {
+  var _a;
+  const palette = cartoColors[name];
+  let paletteIndex = domainSize;
+  if (!palette) {
+    throw new Error(
+      `Palette "${name}" not found. Expected a CARTOColors string`
+    );
+  }
+  const palettesColorVariants = Object.keys(palette).filter((p) => p !== "tags").map(Number);
+  const longestPaletteIndex = Math.max(...palettesColorVariants);
+  const smallestPaletteIndex = Math.min(...palettesColorVariants);
+  if (!Number.isInteger(domainSize) || domainSize > longestPaletteIndex) {
+    paletteIndex = longestPaletteIndex;
+  } else if (domainSize < smallestPaletteIndex) {
+    paletteIndex = smallestPaletteIndex;
+  }
+  let colors = palette[paletteIndex];
+  if ((_a = palette.tags) == null ? void 0 : _a.includes("qualitative")) {
+    colors = colors == null ? void 0 : colors.slice(0, -1);
+  }
+  return colors;
+}
+function getPalette(colors, domainSize) {
+  if (typeof colors === "string") {
+    return getPaletteFromCartoColors(colors, domainSize);
+  } else {
+    return colors.map((c) => {
+      if (Array.isArray(c)) {
+        const [r, g, b] = c;
+        return rgbToHex(r, g, b);
+      } else {
+        return c;
+      }
+    });
+  }
+}
+function rgbToHex(r, g, b) {
+  return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+}
+function getCartoColorStylePropsForItem(theme, index) {
+  var _a, _b;
+  const palette = (_b = (_a = commonPalette) == null ? void 0 : _a.qualitative) == null ? void 0 : _b.bold;
+  const colors = Object.values(palette ?? {});
+  const chosenIndex = index % colors.length;
+  return {
+    backgroundColor: colors[chosenIndex],
+    color: theme.palette.getContrastText(colors[chosenIndex])
+  };
+}
+function getColorByCategory(category, {
+  palette,
+  fallbackColor,
+  colorMapping
+}) {
+  const assignedColor = colorMapping[category];
+  if (assignedColor) {
+    return colorMapping[category];
+  }
+  if (!palette || palette.length === 0) {
+    return fallbackColor;
+  }
+  const nextFreeColorIndex = Math.min(
+    Object.keys(colorMapping).length,
+    palette.length - 1
+  );
+  const newColor = palette[nextFreeColorIndex];
+  colorMapping[category] = newColor;
+  return newColor;
+}
+export {
+  getColorByCategory as a,
+  getPalette as b,
+  getCartoColorStylePropsForItem as g
+};

package/dist/theme/index.cjs

@@ -2,13 +2,13 @@
 var _a, _b, _c, _d, _e, _f, _g, _h;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
-const paletteUtils = require("../palette-utils-B9ybmwiI.cjs");
+const cssUtils = require("../css-utils-B9V_AMcv.cjs");
 const jsxRuntime = require("react/jsx-runtime");
-const cssUtils = require("../css-utils-CH7es90t.cjs");
 const iconsMaterial = require("@mui/icons-material");
 const ArrowDown = require("../ArrowDown-DJ0vhbsw.cjs");
 const xDatePickers = require("@mui/x-date-pickers");
-const MenuItem = require("../MenuItem-CgF4QdGi.cjs");
+const MenuItem = require("../MenuItem-BLZz_nSA.cjs");
+const paletteUtils = require("../palette-utils-C5CHlLXB.cjs");
 const themeShadows = [
   "none",
   // 0
@@ -2230,6 +2230,14 @@ const formsOverrides = {
     defaultProps: {
       size: 40,
       thickness: 4
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        // Not using standard ownerState to avoid MUI error trying to access non-existent theme.palette.neutral.main
+        '&[data-color="neutral"]': {
+          color: theme2.palette.text.hint
+        }
+      })
     }
   },
   // Slider
@@ -3008,8 +3016,8 @@ const layoutOverrides = {
 const CssBaseline = {
   // Accessibility focus (keyboard only)
   "*:focus-visible": {
-    outline: `2px solid ${(_a = paletteUtils.commonPalette.primary) == null ? void 0 : _a.main} !important`,
-    boxShadow: `0 0 0 4px ${(_b = paletteUtils.commonPalette.primary) == null ? void 0 : _b.background} !important`,
+    outline: `2px solid ${(_a = cssUtils.commonPalette.primary) == null ? void 0 : _a.main} !important`,
+    boxShadow: `0 0 0 4px ${(_b = cssUtils.commonPalette.primary) == null ? void 0 : _b.background} !important`,
     borderRadius: "4px"
   },
   // Custom scrollbars
@@ -3028,7 +3036,7 @@ const CssBaseline = {
   },
   "*::-webkit-scrollbar-thumb": {
     borderRadius: "3px",
-    background: (_c = paletteUtils.commonPalette.action) == null ? void 0 : _c.focus,
+    background: (_c = cssUtils.commonPalette.action) == null ? void 0 : _c.focus,
     outline: "none"
   },
   // iOS Search clear button
@@ -3051,7 +3059,7 @@ const CssBaseline = {
       textTransform: "none",
       letterSpacing: "0.75px",
       "& a": {
-        color: (_d = paletteUtils.commonPalette.primary) == null ? void 0 : _d.main
+        color: (_d = cssUtils.commonPalette.primary) == null ? void 0 : _d.main
       }
     },
     "&.mapboxgl-compact": {
@@ -3063,7 +3071,7 @@ const CssBaseline = {
         bottom: cssUtils.getSpacing(0.5)
       },
       "& .mapboxgl-ctrl-attrib-button": {
-        backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(_e = paletteUtils.commonPalette.text) == null ? void 0 : _e.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
+        backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(_e = cssUtils.commonPalette.text) == null ? void 0 : _e.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
         backgroundColor: "rgba(255,255,255,.8)",
         top: "auto",
         bottom: 0,
@@ -3077,14 +3085,14 @@ const CssBaseline = {
         padding: cssUtils.getSpacing(0.5, 1),
         borderRadius: cssUtils.getSpacing(1.5),
         marginRight: cssUtils.getSpacing(2.5),
-        color: (_f = paletteUtils.commonPalette.text) == null ? void 0 : _f.secondary
+        color: (_f = cssUtils.commonPalette.text) == null ? void 0 : _f.secondary
       },
       "&.mapboxgl-compact-show": {
         "& .mapboxgl-ctrl-attrib-button": {
           backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%20fill='white'/%3E%3C/svg%3E")`,
-          backgroundColor: (_g = paletteUtils.commonPalette.common) == null ? void 0 : _g.black,
+          backgroundColor: (_g = cssUtils.commonPalette.common) == null ? void 0 : _g.black,
           "&:not(:disabled):hover": {
-            backgroundColor: (_h = paletteUtils.commonPalette.common) == null ? void 0 : _h.black
+            backgroundColor: (_h = cssUtils.commonPalette.common) == null ? void 0 : _h.black
           }
         }
       }
@@ -3129,7 +3137,7 @@ const cartoThemeOptions = {
       }
     }
   },
-  palette: paletteUtils.commonPalette,
+  palette: cssUtils.commonPalette,
   shadows: themeShadows,
   typography: themeTypography,
   spacingValue: cssUtils.SPACING,
@@ -3185,7 +3193,6 @@ const cartoThemeOptions = {
   }
 };
 const theme = material.responsiveFontSizes(material.createTheme(cartoThemeOptions));
-exports.getCartoColorStylePropsForItem = paletteUtils.getCartoColorStylePropsForItem;
 exports.APPBAR_SIZE = cssUtils.APPBAR_SIZE;
 exports.BREAKPOINTS = cssUtils.BREAKPOINTS;
 exports.ICON_SIZE_LARGE = cssUtils.ICON_SIZE_LARGE;
@@ -3198,5 +3205,6 @@ exports.MENU_LIST_MAX_SIZE = cssUtils.MENU_LIST_MAX_SIZE;
 exports.NOTIFICATION_DURATION_IN_MS = cssUtils.NOTIFICATION_DURATION_IN_MS;
 exports.SPACING = cssUtils.SPACING;
 exports.getSpacing = cssUtils.getSpacing;
+exports.getCartoColorStylePropsForItem = paletteUtils.getCartoColorStylePropsForItem;
 exports.cartoThemeOptions = cartoThemeOptions;
 exports.theme = theme;

package/dist/theme/index.js

@@ -1,14 +1,13 @@
 var _a, _b, _c, _d, _e, _f, _g, _h;
 import { alpha, Tooltip, responsiveFontSizes, createTheme } from "@mui/material";
-import { c as commonPalette } from "../palette-utils-BHqJlHm9.js";
-import { g } from "../palette-utils-BHqJlHm9.js";
+import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, e as ellipsisStyles, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, f as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, h as commonPalette, B as BREAKPOINTS, S as SPACING } from "../css-utils-Cr7ZvmiF.js";
+import { i, N } from "../css-utils-Cr7ZvmiF.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, e as ellipsisStyles, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, f as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../css-utils-CjUBRJVK.js";
-import { h, N } from "../css-utils-CjUBRJVK.js";
 import { Cancel, EventOutlined, ChevronRightOutlined, ChevronLeftOutlined, ExpandMoreOutlined, CheckCircleOutlined, InfoOutlined } from "@mui/icons-material";
 import { A as ArrowDown } from "../ArrowDown-d6bxUL0F.js";
 import { renderDigitalClockTimeView } from "@mui/x-date-pickers";
-import { M as MenuItem } from "../MenuItem-DRUK149i.js";
+import { M as MenuItem } from "../MenuItem-CM00TU3e.js";
+import { g } from "../palette-utils-D99Ib0kC.js";
 const themeShadows = [
   "none",
   // 0
@@ -2230,6 +2229,14 @@ const formsOverrides = {
     defaultProps: {
       size: 40,
       thickness: 4
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        // Not using standard ownerState to avoid MUI error trying to access non-existent theme.palette.neutral.main
+        '&[data-color="neutral"]': {
+          color: theme2.palette.text.hint
+        }
+      })
     }
   },
   // Slider
@@ -3193,7 +3200,7 @@ export {
   ICON_SIZE_SMALL,
   MENU_ITEM_SIZE_DEFAULT,
   MENU_ITEM_SIZE_DENSE,
-  h as MENU_ITEM_SIZE_EXTENDED,
+  i as MENU_ITEM_SIZE_EXTENDED,
   MENU_LIST_MAX_SIZE,
   N as NOTIFICATION_DURATION_IN_MS,
   SPACING,

package/dist/types/components/CircularProgress/CircularProgress.d.ts

@@ -0,0 +1,19 @@
+import { CircularProgressProps as MuiCircularProgressProps } from '@mui/material';
+export type CircularProgressProps = Omit<MuiCircularProgressProps, 'color' | 'ref'> & {
+    /**
+     * The color of the component.
+     * It supports primary, secondary, error, info, success, warning and neutral colors.
+     * @default 'primary'
+     */
+    color?: MuiCircularProgressProps['color'] | 'neutral';
+};
+declare const CircularProgress: import('react').ForwardRefExoticComponent<Omit<MuiCircularProgressProps, "color" | "ref"> & {
+    /**
+     * The color of the component.
+     * It supports primary, secondary, error, info, success, warning and neutral colors.
+     * @default 'primary'
+     */
+    color?: MuiCircularProgressProps["color"] | "neutral";
+} & import('react').RefAttributes<HTMLSpanElement>>;
+export default CircularProgress;
+//# sourceMappingURL=CircularProgress.d.ts.map

package/dist/types/components/CircularProgress/CircularProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,qBAAqB,IAAI,wBAAwB,EAClD,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,wBAAwB,EACxB,OAAO,GAAG,KAAK,CAChB,GAAG;IACF;;;;OAIG;IACH,KAAK,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,GAAG,SAAS,CAAA;CACtD,CAAA;AA+BD,QAAA,MAAM,gBAAgB;IArCpB;;;;OAIG;YACK,wBAAwB,CAAC,OAAO,CAAC,GAAG,SAAS;mDAkCtD,CAAA;AACD,eAAe,gBAAgB,CAAA"}

package/dist/types/components/CircularProgress/CircularProgress.stories.d.ts

@@ -0,0 +1,72 @@
+import { CircularProgressProps } from './CircularProgress';
+declare const options: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('@mui/material').CircularProgressProps, "color" | "ref"> & {
+        color?: import('@mui/material').CircularProgressProps["color"] | "neutral";
+    } & import('react').RefAttributes<HTMLSpanElement>>;
+    tags: string[];
+    argTypes: {
+        color: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: number[];
+        };
+        thickness: {
+            control: "number";
+        };
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        value: {
+            control: "number";
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+    };
+    args: {
+        color: string;
+        size: number;
+        thickness: number;
+        variant: string;
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+        status: {
+            type: string;
+        };
+        chromatic: {
+            diffThreshold: number;
+        };
+    };
+};
+export default options;
+export declare const Playground: {
+    render: (args: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export declare const Color: {
+    render: (args: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Size: {
+    render: (args: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Thickness: {
+    render: (args: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Variant: {
+    render: (args: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=CircularProgress.stories.d.ts.map

package/dist/types/components/CircularProgress/CircularProgress.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CircularProgress/CircularProgress.stories.tsx"],"names":[],"mappings":"AAEA,OAAyB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAG5E,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDG,CAAA;AAChB,eAAe,OAAO,CAAA;AAsItB,eAAO,MAAM,UAAU;mBApIC,qBAAqB;;;;;;CAyI5C,CAAA;AAED,eAAO,MAAM,KAAK;mBAzIW,qBAAqB;CA2IjD,CAAA;AAED,eAAO,MAAM,IAAI;mBAtFW,qBAAqB;CAwFhD,CAAA;AAED,eAAO,MAAM,SAAS;mBAjEW,qBAAqB;CAmErD,CAAA;AAED,eAAO,MAAM,OAAO;mBA5CW,qBAAqB;CA8CnD,CAAA"}

package/dist/types/components/CircularProgress/CircularProgress.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CircularProgress.test.d.ts.map

package/dist/types/components/CircularProgress/CircularProgress.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.test.d.ts","sourceRoot":"","sources":["../../../../src/components/CircularProgress/CircularProgress.test.tsx"],"names":[],"mappings":""}

package/dist/types/components/CircularProgress/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CircularProgress } from './CircularProgress';
+export type * from './CircularProgress';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/CircularProgress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CircularProgress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,mBAAmB,oBAAoB,CAAA"}