@carto/meridian-ds 1.0.0 → 1.1.0-alpha.1

package/dist/theme/index.js

@@ -1,14 +1,12 @@
-import { responsiveFontSizes as N, createTheme as V } from "@mui/material";
-import { jsxs as j, Fragment as Z, jsx as u } from "react/jsx-runtime";
-import { alpha as b } from "@mui/material/styles";
-import { T as K, a as U, I as n, b as r, c as g, g as a, A as C, B as s, S as k } from "../TablePaginationActions-C9YCSB32.js";
-import q from "@mui/icons-material/Cancel";
-import { A as f } from "../ArrowDown-TqD1eTx5.js";
+import { alpha as x, responsiveFontSizes as to, createTheme as ao } from "@mui/material";
+import { jsxs as eo, Fragment as no, jsx as s } from "react/jsx-runtime";
+import { T as po, a as lo, I as e, b as r, c as u, g as a, A as P, B as g, S as T } from "../TablePaginationActions-GazQOp5y.js";
+import { Cancel as h, EventOutlined as L, ChevronRightOutlined as so, ChevronLeftOutlined as co, ExpandMoreOutlined as oo, CheckCircleOutlined as go } from "@mui/icons-material";
+import { A as v } from "../ArrowDown-B1AG0MlL.js";
+import { r as W, M as A } from "../MenuItem-BTaTqbU8.js";
 import { c as p } from "../paletteUtils-BEwZhrLg.js";
-import { g as Co } from "../paletteUtils-BEwZhrLg.js";
-import Q from "@mui/icons-material/CheckCircleOutlined";
-import { ExpandMoreOutlined as _ } from "@mui/icons-material";
-const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z", m = "50%", S = 0.5, Y = {
+import { g as Ao } from "../paletteUtils-BEwZhrLg.js";
+const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z", H = "50%", D = 0.5, bo = {
   // Divider
   MuiDivider: {
     styleOverrides: {
@@ -36,32 +34,32 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         maxWidth: "240px",
         backgroundColor: o.palette.black[90],
         '.MuiTooltip-popper[data-popper-placement*="top"] &': {
-          marginBottom: o.spacing(c),
+          marginBottom: o.spacing(b),
           "&.MuiTooltip-tooltipArrow": {
-            marginBottom: o.spacing(x)
+            marginBottom: o.spacing(y)
           }
         },
         '.MuiTooltip-popper[data-popper-placement*="right"] &': {
-          marginLeft: o.spacing(c),
+          marginLeft: o.spacing(b),
           "&.MuiTooltip-tooltipArrow": {
-            marginLeft: o.spacing(x)
+            marginLeft: o.spacing(y)
           }
         },
         '.MuiTooltip-popper[data-popper-placement*="bottom"] &': {
-          marginTop: o.spacing(c),
+          marginTop: o.spacing(b),
           "&.MuiTooltip-tooltipArrow": {
-            marginTop: o.spacing(x)
+            marginTop: o.spacing(y)
           }
         },
         '.MuiTooltip-popper[data-popper-placement*="left"] &': {
-          marginRight: o.spacing(c),
+          marginRight: o.spacing(b),
           "&.MuiTooltip-tooltipArrow": {
-            marginRight: o.spacing(x)
+            marginRight: o.spacing(y)
           }
         }
       }),
       arrow: ({ theme: o }) => ({
-        height: o.spacing($),
+        height: o.spacing(io),
         color: o.palette.black[90]
       })
     }
@@ -128,9 +126,9 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         variant: "outlined",
         size: "small"
       },
-      labelDisplayedRows: ({ from: o, to: i, count: v }) => /* @__PURE__ */ j(Z, { children: [
-        /* @__PURE__ */ u(
-          K,
+      labelDisplayedRows: ({ from: o, to: i, count: c }) => /* @__PURE__ */ eo(no, { children: [
+        /* @__PURE__ */ s(
+          po,
           {
             component: "span",
             variant: "inherit",
@@ -139,9 +137,9 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
             children: `${o}-${i}`
           }
         ),
-        ` of ${v}`
+        ` of ${c}`
       ] }),
-      ActionsComponent: U
+      ActionsComponent: lo
     },
     styleOverrides: {
       root: () => ({
@@ -227,9 +225,9 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         maxWidth: "192px",
         padding: o.spacing(0, 0.5),
         "& .MuiAvatar-root": {
-          width: n,
-          minWidth: n,
-          height: n,
+          width: e,
+          minWidth: e,
+          height: e,
           margin: 0,
           color: o.palette.secondary.contrastText,
           backgroundColor: o.palette.background.paper,
@@ -240,9 +238,9 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
           marginLeft: o.spacing(0.5)
         },
         "& img": {
-          width: n,
-          minWidth: n,
-          height: n
+          width: e,
+          minWidth: e,
+          height: e
         },
         "&.MuiChip-root.Mui-disabled": {
           color: o.palette.text.disabled,
@@ -440,16 +438,16 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
               backgroundColor: o.palette.default.dark
             },
             "&.MuiChip-colorSuccess": {
-              backgroundColor: b(o.palette.success.main, 0.25)
+              backgroundColor: x(o.palette.success.main, 0.25)
             },
             "&.MuiChip-colorInfo": {
-              backgroundColor: b(o.palette.info.main, 0.12)
+              backgroundColor: x(o.palette.info.main, 0.12)
             },
             "&.MuiChip-colorError": {
-              backgroundColor: b(o.palette.error.main, 0.12)
+              backgroundColor: x(o.palette.error.main, 0.12)
             },
             "&.MuiChip-colorWarning": {
-              backgroundColor: b(o.palette.warning.main, 0.25)
+              backgroundColor: x(o.palette.warning.main, 0.25)
             }
           }
         }
@@ -467,7 +465,7 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         // https://github.com/mui/material-ui/issues/33229
         "& .MuiAvatar-fallback": {
           path: {
-            d: `path('${X}') !important`
+            d: `path('${uo}') !important`
           }
         }
       }),
@@ -475,15 +473,15 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         boxShadow: `0 0 0 1px ${o.palette.default.outlinedBorder}`
       }),
       circular: () => ({
-        borderRadius: m,
+        borderRadius: H,
         "& img": {
-          borderRadius: m
+          borderRadius: H
         }
       }),
       rounded: ({ theme: o }) => ({
-        borderRadius: o.spacing(S),
+        borderRadius: o.spacing(D),
         "& img": {
-          borderRadius: o.spacing(S)
+          borderRadius: o.spacing(D)
         }
       })
     }
@@ -507,14 +505,14 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         fontSize: r
       }),
       fontSizeSmall: () => ({
-        fontSize: g
+        fontSize: u
       }),
       fontSizeLarge: () => ({
-        fontSize: n
+        fontSize: e
       })
     }
   }
-}, I = a(2), l = a(3), e = a(4), d = a(6), w = a(0.5), J = {
+}, F = a(2), l = a(3), n = a(4), d = a(6), E = a(0.5), xo = {
   // Button Base
   MuiButtonBase: {
     defaultProps: {
@@ -638,9 +636,9 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         }
       }),
       sizeMedium: ({ theme: o, ownerState: i }) => ({
-        height: e,
+        height: n,
         padding: o.spacing(0, 2),
-        lineHeight: e,
+        lineHeight: n,
         ...i.variant === "text" && {
           padding: o.spacing(0, 1)
         }
@@ -792,8 +790,8 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         height: l
       }),
       sizeMedium: () => ({
-        width: e,
-        height: e
+        width: n,
+        height: n
       }),
       sizeLarge: () => ({
         width: d,
@@ -805,13 +803,13 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
       {
         props: { size: "xsmall" },
         style: () => ({
-          width: I,
-          height: I,
+          width: F,
+          height: F,
           "& .MuiSvgIcon-root, & svg": {
-            fontSize: g,
-            width: g,
-            minWidth: g,
-            height: g
+            fontSize: u,
+            width: u,
+            minWidth: u,
+            height: u
           }
         })
       }
@@ -821,12 +819,12 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
   MuiToggleButton: {
     styleOverrides: {
       root: ({ theme: o }) => ({
-        minWidth: e,
-        height: e,
+        minWidth: n,
+        height: n,
         padding: o.spacing(0, 1),
         color: o.palette.text.secondary,
         border: "none",
-        borderRadius: w,
+        borderRadius: E,
         transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
         "&:hover": {
           backgroundColor: o.palette.action.hover
@@ -876,7 +874,7 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         boxShadow: o.shadows[1],
         backgroundColor: o.palette.background.paper,
         "& .MuiToggleButtonGroup-grouped:not(:first-of-type), &.Mui-Selected, & .MuiToggleButtonGroup-grouped:not(:last-of-type)": {
-          borderRadius: w
+          borderRadius: E
         },
         ".MuiDivider-root": {
           "&.MuiDivider-vertical": {
@@ -892,16 +890,16 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         },
         ".MuiToggleButton-sizeSmall": {
           "& + .MuiDivider-root.MuiDivider-vertical": {
-            height: e
+            height: n
           },
           "& + .MuiDivider-root.MuiDivider-horizontal": {
-            width: e
+            width: n
           }
         }
       }),
       // Styles applied to the children if orientation="horizontal"
       groupedHorizontal: ({ theme: o }) => ({
-        height: e,
+        height: n,
         margin: o.spacing(1),
         "&:not(:last-of-type)": {
           marginRight: o.spacing(0.5),
@@ -924,7 +922,7 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
       }),
       // Styles applied to the children if orientation="vertical"
       groupedVertical: ({ theme: o }) => ({
-        width: e,
+        width: n,
         margin: o.spacing(1),
         "&.MuiToggleButton-root": {
           marginLeft: o.spacing(1),
@@ -957,10 +955,10 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
           boxShadow: i.shadows[6]
         },
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: n,
-          width: n,
-          minWidth: n,
-          height: n
+          fontSize: e,
+          width: e,
+          minWidth: e,
+          height: e
         },
         "&.MuiFab-extended": {
           ...i.typography.body1,
@@ -1014,7 +1012,7 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
       })
     }
   }
-}, M = 2.25, y = 3, B = 2, z = 3, O = 4, T = {
+}, M = 2.25, f = 3, $ = 2, G = 3, V = 4, N = {
   root: ({ ownerState: o, theme: i }) => ({
     padding: i.spacing(0.5),
     ...o.size === "small" && {
@@ -1039,10 +1037,10 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
       }
     },
     "& .MuiSvgIcon-root": {
-      fontSize: i.spacing(y),
-      width: i.spacing(y),
-      minWidth: i.spacing(y),
-      height: i.spacing(y),
+      fontSize: i.spacing(f),
+      width: i.spacing(f),
+      minWidth: i.spacing(f),
+      height: i.spacing(f),
       ...o.size === "small" && {
         fontSize: i.spacing(M),
         width: i.spacing(M),
@@ -1051,7 +1049,7 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
       }
     }
   })
-}, R = {
+}, j = {
   root: ({ theme: o }) => ({
     position: "static",
     transform: "none",
@@ -1083,14 +1081,14 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
       }
     }
   })
-}, oo = {
+}, yo = {
   // Checkbox
   MuiCheckbox: {
     defaultProps: {
       size: "small"
     },
     styleOverrides: {
-      ...T
+      ...N
     }
   },
   // Radio Button
@@ -1099,7 +1097,7 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
       size: "small"
     },
     styleOverrides: {
-      ...T
+      ...N
     }
   },
   // Text Field
@@ -1111,7 +1109,7 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         shrink: !0
       },
       SelectProps: {
-        IconComponent: f,
+        IconComponent: v,
         size: "small"
       }
     },
@@ -1439,18 +1437,18 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
   // Label
   MuiInputLabel: {
     styleOverrides: {
-      ...R
+      ...j
     }
   },
   MuiFormLabel: {
     styleOverrides: {
-      ...R
+      ...j
     }
   },
   // Select
   MuiSelect: {
     defaultProps: {
-      IconComponent: f,
+      IconComponent: v,
       fullWidth: !0,
       size: "small"
     },
@@ -1533,8 +1531,8 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
     defaultProps: {
       size: "small",
       fullWidth: !0,
-      popupIcon: /* @__PURE__ */ u(f, {}),
-      clearIcon: /* @__PURE__ */ u(q, { "data-testid": "cancel-icon-autocomplete" }),
+      popupIcon: /* @__PURE__ */ s(v, {}),
+      clearIcon: /* @__PURE__ */ s(h, { "data-testid": "cancel-icon-autocomplete" }),
       ChipProps: { color: "default" },
       limitTags: 1,
       componentsProps: {
@@ -1713,8 +1711,8 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
     },
     styleOverrides: {
       root: ({ theme: o }) => ({
-        width: o.spacing(z),
-        height: o.spacing(B),
+        width: o.spacing(G),
+        height: o.spacing($),
         padding: 0,
         overflow: "visible",
         "& + .MuiTypography-root": {
@@ -1726,8 +1724,8 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         }
       }),
       switchBase: ({ ownerState: o, theme: i }) => ({
-        width: i.spacing(O),
-        height: i.spacing(O),
+        width: i.spacing(V),
+        height: i.spacing(V),
         padding: i.spacing(0.5),
         borderRadius: "50%",
         color: i.palette.text.secondary,
@@ -1769,8 +1767,8 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
         }
       }),
       input: ({ theme: o }) => ({
-        width: o.spacing(z),
-        height: o.spacing(B),
+        width: o.spacing(G),
+        height: o.spacing($),
         left: 0
       }),
       track: ({ ownerState: o, theme: i }) => ({
@@ -1831,7 +1829,7 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
       })
     }
   }
-}, io = {
+}, Mo = {
   // Menu
   MuiMenu: {
     styleOverrides: {
@@ -2018,7 +2016,7 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
     styleOverrides: {
       root: () => ({
         "& .MuiSvgIcon-root": {
-          fontSize: n
+          fontSize: e
         },
         ".MuiMenuItem-root.MuiButtonBase-root &": {
           minWidth: r
@@ -2127,11 +2125,260 @@ const $ = 1, c = 0.5, x = $ + c, X = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1
       })
     }
   }
+}, U = 35, C = 39.5, fo = {
+  // https://mui.com/x/react-date-pickers/date-picker/#customization
+  MuiDatePicker: {
+    defaultProps: {
+      slotProps: {
+        popper: { placement: "bottom-end" },
+        textField: {
+          InputLabelProps: {
+            shrink: !0
+          }
+        }
+      },
+      slots: {
+        openPickerIcon: L,
+        clearIcon: h
+      }
+    }
+  },
+  MuiDateCalendar: {
+    defaultProps: {
+      dayOfWeekFormatter: (o) => `${o.toLocaleDateString("en-US", { weekday: "short" })}`,
+      slots: {
+        rightArrowIcon: so,
+        leftArrowIcon: co,
+        switchViewIcon: oo
+      }
+    },
+    styleOverrides: {
+      root: ({ ownerState: o, theme: i }) => {
+        var c, m, S, w, I, B, z, O, R;
+        return {
+          width: i.spacing(U),
+          height: i.spacing(C),
+          maxHeight: i.spacing(C),
+          // Year only view
+          ...((c = o.views) == null ? void 0 : c.includes("year")) && !((m = o.views) != null && m.includes("month")) && !((S = o.views) != null && S.includes("day")) && {
+            height: i.spacing(33.5),
+            // 268px
+            maxHeight: i.spacing(33.5)
+          },
+          // Month only view
+          ...((w = o.views) == null ? void 0 : w.includes("month")) && !((I = o.views) != null && I.includes("year")) && !((B = o.views) != null && B.includes("day")) && {
+            height: i.spacing(29),
+            // 232px
+            maxHeight: i.spacing(29),
+            "& .MuiPickersCalendarHeader-labelContainer": {
+              cursor: "default"
+            }
+          },
+          // Day only view
+          ...((z = o.views) == null ? void 0 : z.includes("day")) && !((O = o.views) != null && O.includes("year")) && !((R = o.views) != null && R.includes("month")) && {
+            "& .MuiPickersCalendarHeader-labelContainer": {
+              cursor: "default"
+            }
+          },
+          "& .MuiYearCalendar-root, & .MuiMonthCalendar-root": {
+            gap: i.spacing(0.5),
+            width: i.spacing(U),
+            padding: i.spacing(1, 2)
+          },
+          "& .MuiPickersYear-root": {
+            flexBasis: "22.5%"
+          },
+          "& .MuiPickersMonth-root": {
+            flexBasis: "31.1%"
+          },
+          "& .MuiPickersYear-yearButton, & .MuiPickersMonth-monthButton, & .MuiPickersDay-root": {
+            width: "100%",
+            height: i.spacing(4),
+            margin: 0,
+            padding: 0,
+            ...i.typography.button,
+            borderRadius: i.shape.borderRadius,
+            "&:hover": {
+              backgroundColor: i.palette.action.hover
+            },
+            "&.Mui-selected": {
+              backgroundColor: i.palette.primary.background,
+              color: i.palette.primary.main,
+              "&:focus": {
+                backgroundColor: i.palette.primary.background
+              },
+              "&:hover": {
+                backgroundColor: i.palette.action.hover
+              }
+            },
+            "&.Mui-disabled": {
+              color: i.palette.text.disabled
+            }
+          },
+          "& .MuiPickersDay-root": {
+            margin: i.spacing(0.25)
+          }
+        };
+      }
+    }
+  },
+  MuiPickersPopper: {
+    styleOverrides: {
+      paper: ({ theme: o }) => ({
+        marginBottom: o.spacing(0.5)
+      })
+    }
+  },
+  MuiYearCalendar: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        maxHeight: o.spacing(33.5)
+        // 268px
+      })
+    }
+  },
+  MuiPickersCalendarHeader: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        maxHeight: o.spacing(4),
+        minHeight: o.spacing(4),
+        margin: 0,
+        padding: o.spacing(1, 1, 1, 2),
+        boxSizing: "content-box",
+        "& .MuiIconButton-root": {
+          borderRadius: o.shape.borderRadius
+        },
+        "& .MuiPickersArrowSwitcher-spacer": {
+          width: o.spacing(4)
+        }
+      }),
+      label: ({ theme: o }) => ({
+        ...o.typography.subtitle2
+      }),
+      switchViewButton: ({ theme: o }) => ({
+        width: o.spacing(4),
+        height: o.spacing(4)
+      })
+    }
+  },
+  MuiDayCalendar: {
+    styleOverrides: {
+      header: ({ theme: o }) => ({
+        margin: o.spacing(0, 2)
+      }),
+      weekContainer: () => ({
+        margin: 0
+      }),
+      weekDayLabel: ({ theme: o }) => ({
+        flex: 1,
+        ...o.typography.caption,
+        fontWeight: o.typography.fontWeightRegular,
+        color: o.palette.text.secondary
+      })
+    }
+  },
+  MuiPickersDay: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        width: `${o.spacing(4)} !important`,
+        height: o.spacing(4),
+        "&:focus": {
+          backgroundColor: "transparent"
+        }
+      }),
+      today: ({ theme: o }) => ({
+        border: `1px solid ${o.palette.default.outlinedBorder}`,
+        "&:hover, &:selected": {
+          borderColor: o.palette.primary.light
+        },
+        "&:not(.Mui-selected)": {
+          borderColor: o.palette.default.outlinedBorder
+        },
+        "&.Mui-selected": {
+          borderColor: o.palette.primary.light,
+          "&:focus": {
+            borderColor: o.palette.primary.light
+          }
+        },
+        "&.Mui-disabled": {
+          color: o.palette.text.disabled,
+          borderColor: o.palette.default.outlinedBorder,
+          backgroundColor: "transparent",
+          "&.Mui-selected": {
+            opacity: "1 !important",
+            color: o.palette.text.disabled,
+            backgroundColor: "transparent",
+            borderColor: o.palette.default.outlinedBorder
+          }
+        }
+      })
+    }
+  },
+  MuiTimePicker: {
+    defaultProps: {
+      views: ["hours"],
+      format: "hh:mm a",
+      ampm: !0,
+      viewRenderers: {
+        hours: W
+      },
+      timeSteps: { minutes: 30 },
+      slotProps: {
+        actionBar: { actions: [] }
+        // Remove ok button at bottom
+      },
+      slots: {
+        clearIcon: h,
+        digitalClockItem: (o) => /* @__PURE__ */ s(A, { ...o, disableRipple: !0 })
+      }
+    }
+  },
+  MuiDateTimePicker: {
+    defaultProps: {
+      views: ["year", "month", "day", "hours"],
+      format: "MM/dd/yyyy hh:mm a",
+      ampm: !0,
+      viewRenderers: {
+        hours: W
+      },
+      timeSteps: { minutes: 30 },
+      slotProps: {
+        popper: {
+          placement: "bottom-end"
+        },
+        actionBar: { actions: [] }
+        // Remove ok button at bottom
+      },
+      slots: {
+        openPickerIcon: L,
+        clearIcon: h,
+        digitalClockItem: (o) => /* @__PURE__ */ s(A, { ...o, disableRipple: !0 })
+      }
+    }
+  },
+  MuiDigitalClock: {
+    defaultProps: {
+      timeStep: 30,
+      ampm: !0
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        minWidth: o.spacing(15)
+        // 120px defined in design specs
+      }),
+      list: ({ theme: o }) => ({
+        ".MuiPopper-root &": {
+          maxHeight: o.spacing(C),
+          paddingBottom: o.spacing(1)
+        }
+      })
+    }
+  }
 };
 function t(o) {
   return 0.0625 * o + "rem";
 }
-const h = {
+const k = {
   htmlFontSize: 16,
   fontFamily: "Inter, sans-serif",
   fontSize: 16,
@@ -2167,56 +2414,56 @@ const h = {
     fontWeight: 600,
     fontSize: t(32),
     lineHeight: 1.25,
-    letterSpacing: "0.15px"
+    letterSpacing: 0
   },
   h5: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
     fontSize: t(24),
     lineHeight: 1.167,
-    letterSpacing: "0.15px"
+    letterSpacing: 0
   },
   h6: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
     fontSize: t(18),
     lineHeight: 1.333,
-    letterSpacing: "0.15px"
+    letterSpacing: 0
   },
   subtitle1: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
     fontSize: t(16),
     lineHeight: 1.5,
-    letterSpacing: "0.15px"
+    letterSpacing: 0
   },
   subtitle2: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
     fontSize: t(13),
     lineHeight: 1.538,
-    letterSpacing: "0.1px"
+    letterSpacing: 0
   },
   body1: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 400,
     fontSize: t(16),
     lineHeight: 1.5,
-    letterSpacing: "0.4px"
+    letterSpacing: 0
   },
   body2: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 400,
     fontSize: t(13),
     lineHeight: 1.538,
-    letterSpacing: "0.25px"
+    letterSpacing: 0
   },
   button: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
     fontSize: t(13),
     lineHeight: 1.538,
-    letterSpacing: "0.25px",
+    letterSpacing: 0,
     textTransform: "inherit"
   },
   caption: {
@@ -2224,7 +2471,8 @@ const h = {
     fontWeight: 400,
     fontSize: t(11),
     lineHeight: 1.454,
-    letterSpacing: "0.2px"
+    letterSpacing: 0,
+    display: "inline-block"
   },
   overline: {
     fontFamily: "Inter, sans-serif",
@@ -2232,16 +2480,17 @@ const h = {
     fontSize: t(10),
     lineHeight: 1.2,
     letterSpacing: "1.2px",
-    textTransform: "uppercase"
+    textTransform: "uppercase",
+    display: "inline-block"
   }
-}, ro = {
+}, ho = {
   captionMedium: {
-    ...h.caption,
+    ...k.caption,
     fontWeight: 500,
-    letterSpacing: "0.4px"
+    letterSpacing: 0
   },
   overlineDelicate: {
-    ...h.overline,
+    ...k.overline,
     fontWeight: 400,
     letterSpacing: "1.2px"
   },
@@ -2269,16 +2518,16 @@ const h = {
     letterSpacing: 0,
     fontVariantLigatures: "no-common-ligatures"
   }
-}, G = {
-  ...h,
-  ...ro
+}, ro = {
+  ...k,
+  ...ho
 };
-var L, A, W, P, H, F, E, D;
-const to = {
+var Z, K, q, Q, Y, _, X, J;
+const vo = {
   // Accessibility focus (keyboard only)
   "*:focus-visible": {
-    outline: `2px solid ${(L = p.primary) == null ? void 0 : L.main} !important`,
-    boxShadow: `0 0 0 4px ${(A = p.primary) == null ? void 0 : A.background} !important`,
+    outline: `2px solid ${(Z = p.primary) == null ? void 0 : Z.main} !important`,
+    boxShadow: `0 0 0 4px ${(K = p.primary) == null ? void 0 : K.background} !important`,
     borderRadius: "4px"
   },
   // Custom scrollbars
@@ -2297,7 +2546,7 @@ const to = {
   },
   "*::-webkit-scrollbar-thumb": {
     borderRadius: "3px",
-    background: (W = p.action) == null ? void 0 : W.focus,
+    background: (q = p.action) == null ? void 0 : q.focus,
     outline: "none"
   },
   // iOS Search clear button
@@ -2316,11 +2565,11 @@ const to = {
     padding: a(0, 1),
     borderRadius: a(0.5, 0, 0, 0),
     "& .mapboxgl-ctrl-attrib-inner": {
-      ...G.overline,
+      ...ro.overline,
       textTransform: "none",
       letterSpacing: "0.75px",
       "& a": {
-        color: (P = p.primary) == null ? void 0 : P.main
+        color: (Q = p.primary) == null ? void 0 : Q.main
       }
     },
     "&.mapboxgl-compact": {
@@ -2332,7 +2581,7 @@ const to = {
         bottom: a(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='${(H = p.text) == null ? void 0 : H.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='${(Y = p.text) == null ? void 0 : Y.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
         backgroundColor: "rgba(255,255,255,.8)",
         top: "auto",
         bottom: 0,
@@ -2346,20 +2595,20 @@ const to = {
         padding: a(0.5, 1),
         borderRadius: a(1.5),
         marginRight: a(2.5),
-        color: (F = p.text) == null ? void 0 : F.secondary
+        color: (_ = p.text) == null ? void 0 : _.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: (E = p.common) == null ? void 0 : E.black,
+          backgroundColor: (X = p.common) == null ? void 0 : X.black,
           "&:not(:disabled):hover": {
-            backgroundColor: (D = p.common) == null ? void 0 : D.black
+            backgroundColor: (J = p.common) == null ? void 0 : J.black
           }
         }
       }
     }
   }
-}, ao = {
+}, Co = {
   // SnackBar
   MuiSnackbar: {
     defaultProps: {
@@ -2396,7 +2645,7 @@ const to = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: /* @__PURE__ */ u(Q, {})
+        success: /* @__PURE__ */ s(go, {})
       }
     },
     styleOverrides: {
@@ -2441,7 +2690,7 @@ const to = {
       })
     }
   }
-}, no = {
+}, ko = {
   // AppBar
   MuiAppBar: {
     styleOverrides: {
@@ -2449,7 +2698,7 @@ const to = {
         flexDirection: "row",
         alignItems: "center",
         justifyContent: "space-between",
-        height: C,
+        height: P,
         backgroundColor: o.palette.brand.navyBlue,
         color: o.palette.common.white,
         boxShadow: o.shadows[0],
@@ -2457,7 +2706,7 @@ const to = {
           justifyContent: "space-between",
           width: "100%",
           padding: o.spacing(0, 1),
-          minHeight: C
+          minHeight: P
         },
         "& .MuiAvatar-root": {
           width: o.spacing(4),
@@ -2492,7 +2741,7 @@ const to = {
   // MuiAccordionSummary
   MuiAccordionSummary: {
     defaultProps: {
-      expandIcon: /* @__PURE__ */ u(_, {})
+      expandIcon: /* @__PURE__ */ s(oo, {})
     },
     styleOverrides: {
       root: ({ theme: o }) => ({
@@ -2524,7 +2773,7 @@ const to = {
       })
     }
   }
-}, eo = [
+}, mo = [
   "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)",
@@ -2558,20 +2807,20 @@ const to = {
   "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
-], po = {
+], So = {
   themeName: "CARTO",
   breakpoints: {
     keys: ["xs", "sm", "md", "lg", "xl"],
     values: {
-      xs: s.XS,
+      xs: g.XS,
       // 320 - 599
-      sm: s.SM,
+      sm: g.SM,
       // 600 - 959
-      md: s.MD,
+      md: g.MD,
       // 960 - 1279
-      lg: s.LG,
+      lg: g.LG,
       // 1280 - 1599
-      xl: s.XL
+      xl: g.XL
       // 1600+
     },
     unit: "px",
@@ -2597,11 +2846,11 @@ const to = {
     }
   },
   palette: p,
-  shadows: eo,
-  typography: G,
-  spacingValue: k,
+  shadows: mo,
+  typography: ro,
+  spacingValue: T,
   // For situations where we can't use theme.spacing(), mainly math calculations.er
-  spacing: k,
+  spacing: T,
   // For custom spacing: https://material-ui.com/customization/spacing/#custom-spacing
   shape: {
     borderRadius: 4
@@ -2638,26 +2887,27 @@ const to = {
   components: {
     MuiCssBaseline: {
       styleOverrides: {
-        ...to
+        ...vo
       }
     },
-    ...J,
-    ...oo,
-    ...io,
-    ...Y,
-    ...ao,
-    ...no
+    ...xo,
+    ...yo,
+    ...Mo,
+    ...bo,
+    ...Co,
+    ...ko,
+    ...fo
   }
-}, fo = N(V(po));
+}, To = to(ao(So));
 export {
-  C as APPBAR_SIZE,
-  s as BREAKPOINTS,
-  n as ICON_SIZE_LARGE,
+  P as APPBAR_SIZE,
+  g as BREAKPOINTS,
+  e as ICON_SIZE_LARGE,
   r as ICON_SIZE_MEDIUM,
-  g as ICON_SIZE_SMALL,
-  k as SPACING,
-  po as cartoThemeOptions,
-  Co as getCartoColorStylePropsForItem,
+  u as ICON_SIZE_SMALL,
+  T as SPACING,
+  So as cartoThemeOptions,
+  Ao as getCartoColorStylePropsForItem,
   a as getSpacing,
-  fo as theme
+  To as theme
 };