@carto/meridian-ds 2.4.0 → 2.5.0

package/dist/theme/index.js

@@ -1,14 +1,198 @@
 var _a, _b, _c, _d, _e, _f, _g, _h;
 import { alpha, Tooltip, responsiveFontSizes, createTheme } from "@mui/material";
+import { c as commonPalette } from "../paletteUtils-BHqJlHm9.js";
+import { g } from "../paletteUtils-BHqJlHm9.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, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, e as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../TablePaginationActions-CCDi-BO-.js";
-import { f, N } from "../TablePaginationActions-CCDi-BO-.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, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, e as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../TablePaginationActions-C6TVGJM-.js";
+import { f, N } from "../TablePaginationActions-C6TVGJM-.js";
 import { Cancel, EventOutlined, ChevronRightOutlined, ChevronLeftOutlined, ExpandMoreOutlined, CheckCircleOutlined } 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-badiQq9A.js";
-import { c as commonPalette } from "../paletteUtils-BHqJlHm9.js";
-import { g } from "../paletteUtils-BHqJlHm9.js";
+import { M as MenuItem } from "../MenuItem-ZNdBUBvt.js";
+const themeShadows = [
+  "none",
+  // 0
+  "0px 2px 1px -1px rgba(44, 48, 50, 0.12), 0px 1px 1px rgba(44, 48, 50, 0.08), 0px 1px 3px rgba(44, 48, 50, 0.04)",
+  // 1
+  "0px 3px 1px -2px rgba(44, 48, 50, 0.12), 0px 2px 2px rgba(44, 48, 50, 0.08), 0px 1px 5px rgba(44, 48, 50, 0.04)",
+  // 2
+  "0px 3px 3px -2px rgba(0,0,0,0.16),0px 3px 4px 0px rgba(0,0,0,0.08),0px 1px 8px 0px rgba(0,0,0,0.04)",
+  "0px 2px 4px -1px rgba(44, 48, 50, 0.12), 0px 4px 5px rgba(44, 48, 50, 0.08), 0px 1px 10px rgba(44, 48, 50, 0.04)",
+  // 4
+  "0px 3px 5px -1px rgba(0,0,0,0.16),0px 5px 8px 0px rgba(0,0,0,0.08),0px 1px 14px 0px rgba(0,0,0,0.04)",
+  "0px 3px 5px -1px rgba(44, 48, 50, 0.12), 0px 6px 10px rgba(44, 48, 50, 0.08), 0px 1px 18px rgba(44, 48, 50, 0.04)",
+  // 6
+  "0px 4px 5px -2px rgba(0,0,0,0.16),0px 7px 10px 1px rgba(0,0,0,0.08),0px 2px 16px 1px rgba(0,0,0,0.04)",
+  "0px 5px 5px -3px rgba(44, 48, 50, 0.12), 0px 8px 10px 1px rgba(44, 48, 50, 0.08), 0px 3px 14px 2px rgba(44, 48, 50, 0.04)",
+  // 8
+  "0px 5px 6px -3px rgba(0,0,0,0.16),0px 9px 12px 1px rgba(0,0,0,0.08),0px 3px 16px 2px rgba(0,0,0,0.04)",
+  "0px 6px 6px -3px rgba(0,0,0,0.16),0px 10px 14px 1px rgba(0,0,0,0.08),0px 4px 18px 3px rgba(0,0,0,0.04)",
+  "0px 6px 7px -4px rgba(0,0,0,0.16),0px 11px 15px 1px rgba(0,0,0,0.08),0px 4px 20px 3px rgba(0,0,0,0.04)",
+  "0px 7px 8px -4px rgba(0,0,0,0.16),0px 12px 17px 2px rgba(0,0,0,0.08),0px 5px 22px 4px rgba(0,0,0,0.04)",
+  "0px 7px 8px -4px rgba(0,0,0,0.16),0px 13px 19px 2px rgba(0,0,0,0.08),0px 5px 24px 4px rgba(0,0,0,0.04)",
+  "0px 7px 9px -4px rgba(0,0,0,0.16),0px 14px 21px 2px rgba(0,0,0,0.08),0px 5px 26px 4px rgba(0,0,0,0.04)",
+  "0px 8px 9px -5px rgba(0,0,0,0.16),0px 15px 22px 2px rgba(0,0,0,0.08),0px 6px 28px 5px rgba(0,0,0,0.04)",
+  "0px 8px 10px -5px rgba(44, 48, 50, 0.12), 0px 16px 24px 2px rgba(44, 48, 50, 0.08), 0px 6px 30px 5px rgba(44, 48, 50, 0.04)",
+  // 16
+  "0px 8px 11px -5px rgba(0,0,0,0.16),0px 17px 26px 2px rgba(0,0,0,0.08),0px 6px 32px 5px rgba(0,0,0,0.04)",
+  "0px 9px 11px -5px rgba(0,0,0,0.16),0px 18px 28px 2px rgba(0,0,0,0.08),0px 7px 34px 6px rgba(0,0,0,0.04)",
+  "0px 9px 12px -6px rgba(0,0,0,0.16),0px 19px 29px 2px rgba(0,0,0,0.08),0px 7px 36px 6px rgba(0,0,0,0.04)",
+  "0px 10px 13px -6px rgba(0,0,0,0.16),0px 20px 31px 3px rgba(0,0,0,0.08),0px 8px 38px 7px rgba(0,0,0,0.04)",
+  "0px 10px 13px -6px rgba(0,0,0,0.16),0px 21px 33px 3px rgba(0,0,0,0.08),0px 8px 40px 7px rgba(0,0,0,0.04)",
+  "0px 10px 14px -6px rgba(0,0,0,0.16),0px 22px 35px 3px rgba(0,0,0,0.08),0px 8px 42px 7px rgba(0,0,0,0.04)",
+  "0px 11px 14px -7px rgba(0,0,0,0.16),0px 23px 36px 3px rgba(0,0,0,0.08),0px 9px 44px 8px rgba(0,0,0,0.04)",
+  "0px 11px 15px -7px rgba(44, 48, 50, 0.12), 0px 24px 38px 3px rgba(44, 48, 50, 0.08), 0px 9px 46px 8px rgba(44, 48, 50, 0.04)"
+  // 24
+];
+function getPixelToRem(px) {
+  const fontBase = 16;
+  const rem = 1 / fontBase * px + "rem";
+  return rem;
+}
+const baseTypography = {
+  htmlFontSize: 16,
+  fontFamily: "Inter, sans-serif",
+  fontSize: 16,
+  lineHeight: 1.5,
+  fontWeightLight: 300,
+  fontWeightRegular: 400,
+  fontWeightMedium: 500,
+  fontWeightBold: 600,
+  fontSmoothing: "antialiased",
+  h1: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(96),
+    lineHeight: 1.167,
+    letterSpacing: "-1.5px"
+  },
+  h2: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(60),
+    lineHeight: 1.2,
+    letterSpacing: "-0.5px"
+  },
+  h3: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(48),
+    lineHeight: 1.167,
+    letterSpacing: 0
+  },
+  h4: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(32),
+    lineHeight: 1.25,
+    letterSpacing: 0
+  },
+  h5: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(24),
+    lineHeight: 1.167,
+    letterSpacing: 0
+  },
+  h6: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: getPixelToRem(18),
+    lineHeight: 1.333,
+    letterSpacing: 0
+  },
+  subtitle1: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: getPixelToRem(16),
+    lineHeight: 1.5,
+    letterSpacing: 0
+  },
+  subtitle2: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(13),
+    lineHeight: 1.538,
+    letterSpacing: 0
+  },
+  body1: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 400,
+    fontSize: getPixelToRem(16),
+    lineHeight: 1.5,
+    letterSpacing: 0
+  },
+  body2: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 400,
+    fontSize: getPixelToRem(13),
+    lineHeight: 1.538,
+    letterSpacing: 0
+  },
+  button: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: getPixelToRem(13),
+    lineHeight: 1.538,
+    letterSpacing: 0,
+    textTransform: "inherit"
+  },
+  caption: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 400,
+    fontSize: getPixelToRem(11),
+    lineHeight: 1.454,
+    letterSpacing: 0
+  },
+  overline: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: getPixelToRem(10),
+    lineHeight: 1.2,
+    letterSpacing: "1.2px",
+    textTransform: "uppercase"
+  }
+};
+const customTypography = {
+  captionMedium: {
+    ...baseTypography.caption,
+    fontWeight: 500,
+    letterSpacing: 0
+  },
+  overlineDelicate: {
+    ...baseTypography.overline,
+    fontWeight: 400,
+    letterSpacing: "1.2px"
+  },
+  code1: {
+    fontFamily: '"Overpass Mono", monospace',
+    fontWeight: 400,
+    fontSize: getPixelToRem(16),
+    lineHeight: 1.5,
+    letterSpacing: 0,
+    fontVariantLigatures: "no-common-ligatures"
+  },
+  code2: {
+    fontFamily: '"Overpass Mono", monospace',
+    fontWeight: 400,
+    fontSize: getPixelToRem(14),
+    lineHeight: 1.428,
+    letterSpacing: 0,
+    fontVariantLigatures: "no-common-ligatures"
+  },
+  code3: {
+    fontFamily: '"Overpass Mono", monospace',
+    fontWeight: 400,
+    fontSize: getPixelToRem(12),
+    lineHeight: 1.333,
+    letterSpacing: 0,
+    fontVariantLigatures: "no-common-ligatures"
+  }
+};
+const themeTypography = {
+  ...baseTypography,
+  ...customTypography
+};
 const tooltipArrowSize = 1;
 const tooltipSeparation = 0.5;
 const tooltipMargin = tooltipArrowSize + tooltipSeparation;
@@ -2592,273 +2776,38 @@ const datePickersOverrides = {
     }
   }
 };
-function getPixelToRem(px) {
-  const fontBase = 16;
-  const rem = 1 / fontBase * px + "rem";
-  return rem;
-}
-const baseTypography = {
-  htmlFontSize: 16,
-  fontFamily: "Inter, sans-serif",
-  fontSize: 16,
-  lineHeight: 1.5,
-  fontWeightLight: 300,
-  fontWeightRegular: 400,
-  fontWeightMedium: 500,
-  fontWeightBold: 600,
-  fontSmoothing: "antialiased",
-  h1: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 600,
-    fontSize: getPixelToRem(96),
-    lineHeight: 1.167,
-    letterSpacing: "-1.5px"
-  },
-  h2: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 600,
-    fontSize: getPixelToRem(60),
-    lineHeight: 1.2,
-    letterSpacing: "-0.5px"
+const feedbackOverrides = {
+  // SnackBar
+  MuiSnackbar: {
+    defaultProps: {
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "center"
+      }
+    }
   },
-  h3: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 600,
-    fontSize: getPixelToRem(48),
-    lineHeight: 1.167,
-    letterSpacing: 0
-  },
-  h4: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 600,
-    fontSize: getPixelToRem(32),
-    lineHeight: 1.25,
-    letterSpacing: 0
-  },
-  h5: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 600,
-    fontSize: getPixelToRem(24),
-    lineHeight: 1.167,
-    letterSpacing: 0
-  },
-  h6: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 500,
-    fontSize: getPixelToRem(18),
-    lineHeight: 1.333,
-    letterSpacing: 0
-  },
-  subtitle1: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 500,
-    fontSize: getPixelToRem(16),
-    lineHeight: 1.5,
-    letterSpacing: 0
-  },
-  subtitle2: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 600,
-    fontSize: getPixelToRem(13),
-    lineHeight: 1.538,
-    letterSpacing: 0
-  },
-  body1: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 400,
-    fontSize: getPixelToRem(16),
-    lineHeight: 1.5,
-    letterSpacing: 0
-  },
-  body2: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 400,
-    fontSize: getPixelToRem(13),
-    lineHeight: 1.538,
-    letterSpacing: 0
-  },
-  button: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 500,
-    fontSize: getPixelToRem(13),
-    lineHeight: 1.538,
-    letterSpacing: 0,
-    textTransform: "inherit"
-  },
-  caption: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 400,
-    fontSize: getPixelToRem(11),
-    lineHeight: 1.454,
-    letterSpacing: 0
-  },
-  overline: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 500,
-    fontSize: getPixelToRem(10),
-    lineHeight: 1.2,
-    letterSpacing: "1.2px",
-    textTransform: "uppercase"
-  }
-};
-const customTypography = {
-  captionMedium: {
-    ...baseTypography.caption,
-    fontWeight: 500,
-    letterSpacing: 0
-  },
-  overlineDelicate: {
-    ...baseTypography.overline,
-    fontWeight: 400,
-    letterSpacing: "1.2px"
-  },
-  code1: {
-    fontFamily: '"Overpass Mono", monospace',
-    fontWeight: 400,
-    fontSize: getPixelToRem(16),
-    lineHeight: 1.5,
-    letterSpacing: 0,
-    fontVariantLigatures: "no-common-ligatures"
-  },
-  code2: {
-    fontFamily: '"Overpass Mono", monospace',
-    fontWeight: 400,
-    fontSize: getPixelToRem(14),
-    lineHeight: 1.428,
-    letterSpacing: 0,
-    fontVariantLigatures: "no-common-ligatures"
-  },
-  code3: {
-    fontFamily: '"Overpass Mono", monospace',
-    fontWeight: 400,
-    fontSize: getPixelToRem(12),
-    lineHeight: 1.333,
-    letterSpacing: 0,
-    fontVariantLigatures: "no-common-ligatures"
-  }
-};
-const themeTypography = {
-  ...baseTypography,
-  ...customTypography
-};
-const CssBaseline = {
-  // Accessibility focus (keyboard only)
-  "*:focus-visible": {
-    outline: `2px solid ${(_a = commonPalette.primary) == null ? void 0 : _a.main} !important`,
-    boxShadow: `0 0 0 4px ${(_b = commonPalette.primary) == null ? void 0 : _b.background} !important`,
-    borderRadius: "4px"
-  },
-  // Custom scrollbars
-  "*::-webkit-scrollbar": {
-    position: "fixed"
-  },
-  "*::-webkit-scrollbar:vertical": {
-    width: "5px"
-  },
-  "*::-webkit-scrollbar:horizontal": {
-    height: "5px"
-  },
-  "*::-webkit-scrollbar-track": {
-    boxShadow: "none",
-    background: "transparent"
-  },
-  "*::-webkit-scrollbar-thumb": {
-    borderRadius: "3px",
-    background: (_c = commonPalette.action) == null ? void 0 : _c.focus,
-    outline: "none"
-  },
-  // iOS Search clear button
-  'input[type="search"]::-webkit-search-cancel-button': {
-    WebkitAppearance: "none",
-    appearance: "none",
-    height: getSpacing(2),
-    width: getSpacing(2),
-    display: "block",
-    backgroundImage: `url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)`,
-    backgroundRepeat: "no-repeat",
-    backgroundSize: getSpacing(2)
-  },
-  // Mapbox controls
-  ".mapboxgl-ctrl.mapboxgl-ctrl-attrib": {
-    padding: getSpacing(0, 1),
-    borderRadius: getSpacing(0.5, 0, 0, 0),
-    "& .mapboxgl-ctrl-attrib-inner": {
-      ...themeTypography.overline,
-      textTransform: "none",
-      letterSpacing: "0.75px",
-      "& a": {
-        color: (_d = commonPalette.primary) == null ? void 0 : _d.main
-      }
-    },
-    "&.mapboxgl-compact": {
-      backgroundColor: "transparent",
-      right: getSpacing(0.5),
-      bottom: getSpacing(2.5),
-      // Mobile
-      "@media (max-width: 600px)": {
-        bottom: 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 = 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,
-        right: 0,
-        "&:not(:disabled):hover": {
-          backgroundColor: "rgba(255,255,255,.8)"
-        }
-      },
-      "& .mapboxgl-ctrl-attrib-inner": {
-        backgroundColor: "rgba(255,255,255,.8)",
-        padding: getSpacing(0.5, 1),
-        borderRadius: getSpacing(1.5),
-        marginRight: getSpacing(2.5),
-        color: (_f = 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 = commonPalette.common) == null ? void 0 : _g.black,
-          "&:not(:disabled):hover": {
-            backgroundColor: (_h = commonPalette.common) == null ? void 0 : _h.black
-          }
-        }
-      }
-    }
-  }
-};
-const feedbackOverrides = {
-  // SnackBar
-  MuiSnackbar: {
-    defaultProps: {
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "center"
-      }
-    }
-  },
-  // Skeleton
-  MuiSkeleton: {
-    defaultProps: {
-      animation: "wave",
-      variant: "rounded"
-    },
-    styleOverrides: {
-      root: ({ theme: theme2 }) => ({
-        backgroundColor: theme2.palette.black[8]
-      }),
-      rounded: ({ theme: theme2 }) => ({
-        borderRadius: theme2.spacing(0.5)
-      }),
-      text: ({ theme: theme2 }) => ({
-        borderRadius: theme2.spacing(0.5)
-      }),
-      wave: ({ theme: theme2 }) => ({
-        "&::after": {
-          background: `linear-gradient( 90deg, transparent, ${theme2.palette.black[4]}, transparent )`
-        }
-      })
-    }
+  // Skeleton
+  MuiSkeleton: {
+    defaultProps: {
+      animation: "wave",
+      variant: "rounded"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        backgroundColor: theme2.palette.black[8]
+      }),
+      rounded: ({ theme: theme2 }) => ({
+        borderRadius: theme2.spacing(0.5)
+      }),
+      text: ({ theme: theme2 }) => ({
+        borderRadius: theme2.spacing(0.5)
+      }),
+      wave: ({ theme: theme2 }) => ({
+        "&::after": {
+          background: `linear-gradient( 90deg, transparent, ${theme2.palette.black[4]}, transparent )`
+        }
+      })
+    }
   },
   // Alert
   MuiAlert: {
@@ -2994,41 +2943,92 @@ const surfacesOverrides = {
     }
   }
 };
-const themeShadows = [
-  "none",
-  // 0
-  "0px 2px 1px -1px rgba(44, 48, 50, 0.12), 0px 1px 1px rgba(44, 48, 50, 0.08), 0px 1px 3px rgba(44, 48, 50, 0.04)",
-  // 1
-  "0px 3px 1px -2px rgba(44, 48, 50, 0.12), 0px 2px 2px rgba(44, 48, 50, 0.08), 0px 1px 5px rgba(44, 48, 50, 0.04)",
-  // 2
-  "0px 3px 3px -2px rgba(0,0,0,0.16),0px 3px 4px 0px rgba(0,0,0,0.08),0px 1px 8px 0px rgba(0,0,0,0.04)",
-  "0px 2px 4px -1px rgba(44, 48, 50, 0.12), 0px 4px 5px rgba(44, 48, 50, 0.08), 0px 1px 10px rgba(44, 48, 50, 0.04)",
-  // 4
-  "0px 3px 5px -1px rgba(0,0,0,0.16),0px 5px 8px 0px rgba(0,0,0,0.08),0px 1px 14px 0px rgba(0,0,0,0.04)",
-  "0px 3px 5px -1px rgba(44, 48, 50, 0.12), 0px 6px 10px rgba(44, 48, 50, 0.08), 0px 1px 18px rgba(44, 48, 50, 0.04)",
-  // 6
-  "0px 4px 5px -2px rgba(0,0,0,0.16),0px 7px 10px 1px rgba(0,0,0,0.08),0px 2px 16px 1px rgba(0,0,0,0.04)",
-  "0px 5px 5px -3px rgba(44, 48, 50, 0.12), 0px 8px 10px 1px rgba(44, 48, 50, 0.08), 0px 3px 14px 2px rgba(44, 48, 50, 0.04)",
-  // 8
-  "0px 5px 6px -3px rgba(0,0,0,0.16),0px 9px 12px 1px rgba(0,0,0,0.08),0px 3px 16px 2px rgba(0,0,0,0.04)",
-  "0px 6px 6px -3px rgba(0,0,0,0.16),0px 10px 14px 1px rgba(0,0,0,0.08),0px 4px 18px 3px rgba(0,0,0,0.04)",
-  "0px 6px 7px -4px rgba(0,0,0,0.16),0px 11px 15px 1px rgba(0,0,0,0.08),0px 4px 20px 3px rgba(0,0,0,0.04)",
-  "0px 7px 8px -4px rgba(0,0,0,0.16),0px 12px 17px 2px rgba(0,0,0,0.08),0px 5px 22px 4px rgba(0,0,0,0.04)",
-  "0px 7px 8px -4px rgba(0,0,0,0.16),0px 13px 19px 2px rgba(0,0,0,0.08),0px 5px 24px 4px rgba(0,0,0,0.04)",
-  "0px 7px 9px -4px rgba(0,0,0,0.16),0px 14px 21px 2px rgba(0,0,0,0.08),0px 5px 26px 4px rgba(0,0,0,0.04)",
-  "0px 8px 9px -5px rgba(0,0,0,0.16),0px 15px 22px 2px rgba(0,0,0,0.08),0px 6px 28px 5px rgba(0,0,0,0.04)",
-  "0px 8px 10px -5px rgba(44, 48, 50, 0.12), 0px 16px 24px 2px rgba(44, 48, 50, 0.08), 0px 6px 30px 5px rgba(44, 48, 50, 0.04)",
-  // 16
-  "0px 8px 11px -5px rgba(0,0,0,0.16),0px 17px 26px 2px rgba(0,0,0,0.08),0px 6px 32px 5px rgba(0,0,0,0.04)",
-  "0px 9px 11px -5px rgba(0,0,0,0.16),0px 18px 28px 2px rgba(0,0,0,0.08),0px 7px 34px 6px rgba(0,0,0,0.04)",
-  "0px 9px 12px -6px rgba(0,0,0,0.16),0px 19px 29px 2px rgba(0,0,0,0.08),0px 7px 36px 6px rgba(0,0,0,0.04)",
-  "0px 10px 13px -6px rgba(0,0,0,0.16),0px 20px 31px 3px rgba(0,0,0,0.08),0px 8px 38px 7px rgba(0,0,0,0.04)",
-  "0px 10px 13px -6px rgba(0,0,0,0.16),0px 21px 33px 3px rgba(0,0,0,0.08),0px 8px 40px 7px rgba(0,0,0,0.04)",
-  "0px 10px 14px -6px rgba(0,0,0,0.16),0px 22px 35px 3px rgba(0,0,0,0.08),0px 8px 42px 7px rgba(0,0,0,0.04)",
-  "0px 11px 14px -7px rgba(0,0,0,0.16),0px 23px 36px 3px rgba(0,0,0,0.08),0px 9px 44px 8px rgba(0,0,0,0.04)",
-  "0px 11px 15px -7px rgba(44, 48, 50, 0.12), 0px 24px 38px 3px rgba(44, 48, 50, 0.08), 0px 9px 46px 8px rgba(44, 48, 50, 0.04)"
-  // 24
-];
+const CssBaseline = {
+  // Accessibility focus (keyboard only)
+  "*:focus-visible": {
+    outline: `2px solid ${(_a = commonPalette.primary) == null ? void 0 : _a.main} !important`,
+    boxShadow: `0 0 0 4px ${(_b = commonPalette.primary) == null ? void 0 : _b.background} !important`,
+    borderRadius: "4px"
+  },
+  // Custom scrollbars
+  "*::-webkit-scrollbar": {
+    position: "fixed"
+  },
+  "*::-webkit-scrollbar:vertical": {
+    width: "5px"
+  },
+  "*::-webkit-scrollbar:horizontal": {
+    height: "5px"
+  },
+  "*::-webkit-scrollbar-track": {
+    boxShadow: "none",
+    background: "transparent"
+  },
+  "*::-webkit-scrollbar-thumb": {
+    borderRadius: "3px",
+    background: (_c = commonPalette.action) == null ? void 0 : _c.focus,
+    outline: "none"
+  },
+  // iOS Search clear button
+  'input[type="search"]::-webkit-search-cancel-button': {
+    WebkitAppearance: "none",
+    appearance: "none",
+    height: getSpacing(2),
+    width: getSpacing(2),
+    display: "block",
+    backgroundImage: `url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)`,
+    backgroundRepeat: "no-repeat",
+    backgroundSize: getSpacing(2)
+  },
+  // Mapbox controls
+  ".mapboxgl-ctrl.mapboxgl-ctrl-attrib": {
+    padding: getSpacing(0, 1),
+    borderRadius: getSpacing(0.5, 0, 0, 0),
+    "& .mapboxgl-ctrl-attrib-inner": {
+      ...themeTypography.overline,
+      textTransform: "none",
+      letterSpacing: "0.75px",
+      "& a": {
+        color: (_d = commonPalette.primary) == null ? void 0 : _d.main
+      }
+    },
+    "&.mapboxgl-compact": {
+      backgroundColor: "transparent",
+      right: getSpacing(0.5),
+      bottom: getSpacing(2.5),
+      // Mobile
+      "@media (max-width: 600px)": {
+        bottom: 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 = 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,
+        right: 0,
+        "&:not(:disabled):hover": {
+          backgroundColor: "rgba(255,255,255,.8)"
+        }
+      },
+      "& .mapboxgl-ctrl-attrib-inner": {
+        backgroundColor: "rgba(255,255,255,.8)",
+        padding: getSpacing(0.5, 1),
+        borderRadius: getSpacing(1.5),
+        marginRight: getSpacing(2.5),
+        color: (_f = 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 = commonPalette.common) == null ? void 0 : _g.black,
+          "&:not(:disabled):hover": {
+            backgroundColor: (_h = commonPalette.common) == null ? void 0 : _h.black
+          }
+        }
+      }
+    }
+  }
+};
 const cartoThemeOptions = {
   themeName: "CARTO",
   breakpoints: {

package/dist/types/components/molecules/Tag.d.ts

@@ -15,7 +15,7 @@ export type TagProps = Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size' | 'la
     noWrap?: boolean;
     disabled?: boolean;
 };
-declare const Tag: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLProps<HTMLDivElement>, "label" | "ref" | "type" | "size" | "as"> & {
+declare const Tag: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLProps<HTMLDivElement>, "size" | "ref" | "label" | "type" | "as"> & {
     /** Label, main content of tag, by default displayed as `caption` type typography.  */
     label: ReactNode;
     color?: TagColor;

package/dist/types/components/organisms/CodeArea/CodeAreaInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeAreaInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CodeArea/CodeAreaInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAexC,OAAO,+BAA+B,CAAA;AACtC,OAAO,8BAA8B,CAAA;AAIrC,OAAO,4BAA4B,CAAA;AACnC,OAAO,0CAA0C,CAAA;AACjD,OAAO,wCAAwC,CAAA;AAC/C,OAAO,sCAAsC,CAAA;AAC7C,OAAO,gCAAgC,CAAA;AACvC,OAAO,kCAAkC,CAAA;AAGzC,OAAO,sCAAsC,CAAA;AAC7C,OAAO,mCAAmC,CAAA;AAC1C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,2CAA2C,CAAA;AAClD,OAAO,wCAAwC,CAAA;AAG/C,OAAO,mCAAmC,CAAA;AAC1C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,sCAAsC,CAAA;AAC7C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,mCAAmC,CAAA;AAC1C,OAAO,sCAAsC,CAAA;AAC7C,OAAO,wCAAwC,CAAA;AAC/C,OAAO,uCAAuC,CAAA;AAE9C,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,GAAG;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;SAAE,CAAA;QACxD,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB,CAAA;IACD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yEAAyE;IACzE,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAmBD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,EAAE,EACF,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,IAAc,EACd,MAAM,EACN,qBAAqB,EACrB,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAwHpB"}
+{"version":3,"file":"CodeAreaInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CodeArea/CodeAreaInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAexC,OAAO,+BAA+B,CAAA;AACtC,OAAO,8BAA8B,CAAA;AAIrC,OAAO,4BAA4B,CAAA;AACnC,OAAO,0CAA0C,CAAA;AACjD,OAAO,wCAAwC,CAAA;AAC/C,OAAO,sCAAsC,CAAA;AAC7C,OAAO,gCAAgC,CAAA;AACvC,OAAO,kCAAkC,CAAA;AAGzC,OAAO,sCAAsC,CAAA;AAC7C,OAAO,mCAAmC,CAAA;AAC1C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,2CAA2C,CAAA;AAClD,OAAO,wCAAwC,CAAA;AAG/C,OAAO,mCAAmC,CAAA;AAC1C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,sCAAsC,CAAA;AAC7C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,mCAAmC,CAAA;AAC1C,OAAO,sCAAsC,CAAA;AAC7C,OAAO,wCAAwC,CAAA;AAC/C,OAAO,uCAAuC,CAAA;AAE9C,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,GAAG;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;SAAE,CAAA;QACxD,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB,CAAA;IACD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yEAAyE;IACzE,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAmBD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,EAAE,EACF,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,IAAc,EACd,MAAM,EACN,qBAAqB,EACrB,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA6HpB"}

package/dist/types/components/organisms/CodeArea/index.d.ts

@@ -6,5 +6,7 @@ export { default as CodeAreaField } from './CodeAreaField';
 export { default as CodeAreaFooter } from './CodeAreaFooter';
 export { default as CodeAreaHeader } from './CodeAreaHeader';
 export { default as CodeAreaInput } from './CodeAreaInput';
-export { CodeAreaMarkTextPattern } from './utils';
+export { useAutocompletion } from './useAutocompletion';
+export { CodeAreaMarkTextPattern, markTextPrecededBySymbol } from './utils';
+export type { AutocompletionConfig, AutocompleteItem, TriggerConfig, } from './useAutocompletion';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/organisms/CodeArea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CodeArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,6CAA6C,CAAA;AACnG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CodeArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,6CAA6C,CAAA;AACnG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAE3E,YAAY,EACV,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,GACd,MAAM,qBAAqB,CAAA"}