@carto/meridian-ds 2.9.2 → 2.9.3-alpha-lists.5

package/dist/theme/index.js

@@ -2,10 +2,10 @@ 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 { g as getPixelToRem, M as MenuItem } from "../MenuItem-Cx5lTXXm.js";
+import { g as getPixelToRem, M as MenuItem } from "../MenuItem-D4v_HV1x.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 { 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, L as LIST_ITEM_SIZE_DENSE, h as LIST_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../css-utils-D9LibDjo.js";
+import { j, k, i, N } from "../css-utils-D9LibDjo.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";
@@ -655,8 +655,19 @@ const dataDisplayOverrides = {
     styleOverrides: {
       root: ({ theme: theme2, ownerState }) => ({
         overflow: "initial",
+        position: "relative",
         color: theme2.palette.secondary.contrastText,
         backgroundColor: theme2.palette.secondary.main,
+        // Overlay border on top of all content using ::after pseudo-element
+        "&::after": {
+          content: '""',
+          position: "absolute",
+          inset: 0,
+          boxShadow: `inset 0 0 0 1px ${theme2.palette.default.outlinedBorder}`,
+          pointerEvents: "none",
+          borderRadius: "inherit",
+          zIndex: 1
+        },
         //  Default fallback image override
         // https://github.com/mui/material-ui/issues/33229
         "& .MuiAvatar-fallback": {
@@ -693,11 +704,25 @@ const dataDisplayOverrides = {
         },
         // Disabled styles
         ...ownerState.disabled && {
-          opacity: 0.6
+          opacity: 1,
+          color: theme2.palette.text.disabled,
+          backgroundColor: theme2.palette.action.disabledBackground,
+          // Overlay border on top of all content using ::after pseudo-element
+          "&::after": {
+            content: '""',
+            position: "absolute",
+            inset: 0,
+            boxShadow: `inset 0 0 0 1px ${theme2.palette.divider}`,
+            pointerEvents: "none",
+            borderRadius: "inherit",
+            zIndex: 1
+          }
         }
       }),
-      img: ({ theme: theme2 }) => ({
-        boxShadow: `0 0 0 1px ${theme2.palette.default.outlinedBorder}`
+      img: ({ ownerState }) => ({
+        ...ownerState.disabled && {
+          opacity: 0.6
+        }
       }),
       circular: () => ({
         borderRadius: avatarCircularRadius,
@@ -2320,6 +2345,83 @@ const formsOverrides = {
     }
   }
 };
+const getBoxedVariantStyles = (theme2) => ({
+  backgroundColor: theme2.palette.background.paper,
+  boxShadow: `inset 0 0 0 1px ${theme2.palette.divider}`,
+  borderRadius: theme2.spacing(1),
+  "&.MuiListItemButton-root:hover": {
+    backgroundColor: theme2.palette.background.paper,
+    boxShadow: `inset 0 0 0 1px ${theme2.palette.text.hint}`
+  }
+});
+const getListItemAdornmentStyles = (theme2) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: theme2.spacing(1.5),
+  minHeight: MENU_ITEM_SIZE_DEFAULT,
+  minWidth: MENU_ITEM_SIZE_DEFAULT
+});
+const getListItemStyles = (ownerState, theme2) => ({
+  gap: theme2.spacing(1.5),
+  minHeight: MENU_ITEM_SIZE_DEFAULT,
+  width: "100%",
+  padding: theme2.spacing(1, ownerState.dense ? 1.5 : 2),
+  // Checkbox and radio button styles
+  "& .MuiCheckbox-root, & .MuiRadio-root": {
+    ...getListItemAdornmentStyles(theme2),
+    // Override the default icon size coming from MUI definition
+    "& .MuiSvgIcon-fontSizeMedium": {
+      fontSize: ICON_SIZE_LARGE,
+      width: ICON_SIZE_LARGE,
+      minWidth: ICON_SIZE_LARGE,
+      height: ICON_SIZE_LARGE
+    }
+  },
+  // fixedHeight true (or undefined, which defaults to true)
+  // + dense true: 52px
+  // + dense false: 68px
+  // fixedHeight false: adapts to content
+  // Use data attribute selector since fixedHeight is not passed to MUI component to avoid DOM warning
+  height: ownerState.dense ? LIST_ITEM_SIZE_DENSE : LIST_ITEM_SIZE_DEFAULT,
+  '&[data-fixed-height="false"], [data-fixed-height="false"] &': {
+    height: "auto"
+  },
+  // Handle disablePadding and disableGutters via data attributes for ListItemButton
+  // (since these props are not valid for ListItemButton and would leak to DOM)
+  '&[data-disable-padding="true"]': {
+    padding: "0 !important"
+  },
+  '&[data-disable-gutters="true"]': {
+    paddingLeft: "0 !important",
+    paddingRight: "0 !important"
+  },
+  // Boxed variant styles - applied via data-variant attribute (from ListItem or parent List)
+  '&[data-variant="boxed"], [data-variant="boxed"] &': getBoxedVariantStyles(theme2),
+  // Disable gutters styles
+  ...ownerState.disableGutters && {
+    paddingLeft: 0,
+    paddingRight: 0
+  },
+  // Disable padding styles
+  ...ownerState.disablePadding && {
+    padding: 0
+  },
+  // Disabled styles
+  ...ownerState.disabled && {
+    opacity: "1 !important",
+    color: theme2.palette.text.disabled,
+    ".MuiTypography-root": {
+      color: theme2.palette.text.disabled
+    },
+    svg: {
+      color: theme2.palette.text.disabled,
+      path: {
+        fill: theme2.palette.text.disabled
+      }
+    }
+  }
+});
 const navigationOverrides = {
   // Menu
   MuiMenu: {
@@ -2439,44 +2541,101 @@ const navigationOverrides = {
   },
   // List
   MuiList: {
+    defaultProps: {
+      variant: "standard",
+      direction: "column"
+    },
     styleOverrides: {
-      root: ({ theme: theme2 }) => ({
-        paddingTop: 0,
-        ".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &": {
-          minWidth: theme2.spacing(8),
-          // 64px, defined by design
-          maxHeight: MENU_LIST_MAX_SIZE,
-          // 312px, defined by design
-          overflowY: "auto",
-          "&:focus-visible": {
-            outline: "none !important",
-            boxShadow: "none !important"
+      root: ({ theme: theme2, ownerState }) => ({
+        display: "flex",
+        flexDirection: ownerState.direction,
+        gap: theme2.spacing(ownerState.spacing ?? 0),
+        padding: 0,
+        // When direction is column, apply styles for menu-like behavior
+        ...ownerState.direction === "column" && {
+          ".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &": {
+            minWidth: theme2.spacing(8),
+            // 64px, defined by design
+            maxHeight: MENU_LIST_MAX_SIZE,
+            // 312px, defined by design
+            overflowY: "auto",
+            "&:focus-visible": {
+              outline: "none !important",
+              boxShadow: "none !important"
+            }
+          },
+          ".MuiDivider-root": {
+            margin: theme2.spacing(1, 0)
+          },
+          ".MuiListSubheader-root": {
+            // We need to offset the margin to avoid double spacing between subheaders and regular list items when using spacing prop.
+            marginBottom: theme2.spacing(-(ownerState.spacing ?? 0))
           }
         },
-        ".MuiDivider-root": {
-          margin: theme2.spacing(1, 0)
-        },
-        // Indent sublevels, ugly but needed to avoid issues with hover
-        "& .MuiList-root": {
-          paddingTop: 0,
-          paddingBottom: 0,
-          "& .MuiListItem-root": {
-            paddingLeft: theme2.spacing(4)
+        // Outlined variant: border on the list container and in the list items
+        ...ownerState.variant === "outlined" && {
+          "& > .MuiListItem-root, & > .MuiListItemButton-root": {
+            border: `1px solid ${theme2.palette.divider}`,
+            "& .MuiListItemButton-root": {
+              border: "none"
+            }
+          },
+          // First list item has rounded top corners
+          "& > .MuiListItem-root:first-of-type, & > .MuiListItemButton-root:first-of-type": {
+            borderRadius: theme2.spacing(1, 1, 0, 0)
+          },
+          // Last list item has rounded bottom corners
+          "& > .MuiListItem-root:last-of-type, & > .MuiListItemButton-root:last-of-type": {
+            borderRadius: theme2.spacing(0, 0, 1, 1)
+          },
+          "& > .MuiListItem-root + .MuiListItem-root, & > .MuiListItemButton-root + .MuiListItemButton-root": {
+            borderTop: "none"
           },
-          "& .MuiList-root": {
-            "& .MuiListItem-root": {
-              paddingLeft: theme2.spacing(6)
+          // When direction is column reverse, rounded corners should be on the top and bottom
+          ...ownerState.direction === "column-reverse" && {
+            // First list item has rounded bottom corners
+            "& > .MuiListItem-root:first-of-type, & > .MuiListItemButton-root:first-of-type": {
+              borderRadius: theme2.spacing(0, 0, 1, 1)
             },
-            "& .MuiList-root": {
-              "& .MuiListItem-root": {
-                paddingLeft: theme2.spacing(8)
-              },
-              "& .MuiList-root": {
-                "& .MuiListItem-root": {
-                  paddingLeft: theme2.spacing(10)
-                }
-              }
+            // Last list item has rounded top corners
+            "& > .MuiListItem-root:last-of-type, & > .MuiListItemButton-root:last-of-type": {
+              borderRadius: theme2.spacing(1, 1, 0, 0)
+            },
+            "& > .MuiListItem-root + .MuiListItem-root, & > .MuiListItemButton-root + .MuiListItemButton-root": {
+              borderBottom: "none"
             }
+          },
+          // When direction is row, rounded corners should be on the left and right
+          ...ownerState.direction === "row" && {
+            // First list item has rounded left corners
+            "& > .MuiListItem-root:first-of-type, & > .MuiListItemButton-root:first-of-type": {
+              borderRadius: theme2.spacing(1, 0, 0, 1)
+            },
+            // Last list item has rounded right corners
+            "& > .MuiListItem-root:last-of-type, & > .MuiListItemButton-root:last-of-type": {
+              borderRadius: theme2.spacing(0, 1, 1, 0)
+            },
+            "& > .MuiListItem-root + .MuiListItem-root, & > .MuiListItemButton-root + .MuiListItemButton-root": {
+              borderLeft: "none"
+            }
+          },
+          // When direction is row-reverse, rounded corners should be on the right and left
+          ...ownerState.direction === "row-reverse" && {
+            // First list item has rounded right corners
+            "& > .MuiListItem-root:first-of-type, & > .MuiListItemButton-root:first-of-type": {
+              borderRadius: theme2.spacing(0, 1, 1, 0)
+            },
+            // Last list item has rounded left corners
+            "& > .MuiListItem-root:last-of-type, & > .MuiListItemButton-root:last-of-type": {
+              borderRadius: theme2.spacing(1, 0, 0, 1)
+            },
+            "& > .MuiListItem-root + .MuiListItem-root, & > .MuiListItemButton-root + .MuiListItemButton-root": {
+              borderRight: "none"
+            }
+          },
+          // When li is the only item in the list (direct children only, excludes nested ListItemButton inside ListItem)
+          "& > .MuiListItem-root:only-of-type, & > .MuiListItemButton-root:only-of-type": {
+            borderRadius: theme2.spacing(1)
           }
         },
         "& .MuiListItemButton-root": {
@@ -2488,32 +2647,114 @@ const navigationOverrides = {
     }
   },
   // List Item
+  MuiListItem: {
+    defaultProps: {
+      dense: true,
+      variant: "standard",
+      disablePadding: false
+    },
+    styleOverrides: {
+      root: ({ theme: theme2, ownerState }) => ({
+        ...getListItemStyles(ownerState, theme2),
+        // Reset padding when contains ListItemButton
+        "&:has(.MuiListItemButton-root)": {
+          padding: 0,
+          '&.MuiListItem-root[data-variant="boxed"]': {
+            boxShadow: "none",
+            "&:hover": {
+              backgroundColor: theme2.palette.background.paper,
+              boxShadow: "none"
+            }
+          }
+        },
+        // Add padding right to ListItem when has child ListItemSecondaryAction and not ListItemButton as child
+        "&:has(.MuiListItemSecondaryAction-root):not(:has(.MuiListItemButton-root))": {
+          paddingRight: theme2.spacing(7.5),
+          '&[data-disable-padding="true"], &[data-disable-gutters="true"]': {
+            paddingRight: `${theme2.spacing(5.5)} !important`
+          }
+        },
+        // Reset padding to ListItemButton when inside ListItem, but keep padding left
+        "& > .MuiListItemButton-root": {
+          paddingRight: 0,
+          paddingLeft: theme2.spacing(ownerState.dense ? 1.5 : 2),
+          "&:hover": {
+            backgroundColor: theme2.palette.action.hover
+          }
+        },
+        // Boxed variant hover when inside ListItem
+        '&[data-variant="boxed"] > .MuiListItemButton-root': {
+          boxShadow: `inset 0 0 0 1px ${theme2.palette.divider}`,
+          borderRadius: theme2.spacing(1),
+          "&:hover": {
+            backgroundColor: theme2.palette.background.paper,
+            boxShadow: `inset 0 0 0 1px ${theme2.palette.text.hint}`
+          }
+        },
+        // Add padding right to ListItemButton when sibling ListItemSecondaryAction is present to simulate spacing between the action and the content
+        "&:has(.MuiListItemSecondaryAction-root)": {
+          "& > .MuiListItemButton-root": {
+            paddingRight: theme2.spacing(7.5),
+            '&[data-disable-padding="true"], &[data-disable-gutters="true"]': {
+              paddingRight: `${theme2.spacing(5.5)} !important`
+            }
+          }
+        }
+      })
+    }
+  },
+  // List Item Button
+  MuiListItemButton: {
+    defaultProps: {
+      dense: true,
+      variant: "standard",
+      component: "button"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2, ownerState }) => ({
+        ...getListItemStyles(ownerState, theme2)
+      })
+    }
+  },
+  // List Item Text
   MuiListItemText: {
     defaultProps: {
       primaryTypographyProps: {
-        variant: "body2",
+        variant: "button",
+        color: "text.primary",
+        fontWeight: 500,
         noWrap: true,
         component: "span"
       },
-      secondaryTypographyProps: { variant: "caption" }
+      secondaryTypographyProps: {
+        variant: "caption",
+        color: "text.secondary",
+        noWrap: true
+      }
     },
     styleOverrides: {
-      root: ({ theme: theme2 }) => ({
-        paddingRight: theme2.spacing(2),
-        "& + .MuiBox-root": {
-          marginRight: theme2.spacing(1)
-        }
+      root: () => ({
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        flex: 1,
+        minHeight: theme.spacing(2.5),
+        margin: 0
       })
     }
   },
+  // List Item Icon
   MuiListItemIcon: {
     styleOverrides: {
       root: ({ theme: theme2 }) => ({
-        display: "flex",
-        alignItems: "center",
-        gap: theme2.spacing(2),
-        "& .MuiSvgIcon-root": {
-          fontSize: ICON_SIZE_LARGE
+        ...getListItemAdornmentStyles(theme2),
+        // Apply styles to SVGs, but exclude those inside Radio or Checkbox components
+        "&:not(:has(.MuiRadio-root)):not(:has(.MuiCheckbox-root)) svg": {
+          color: theme2.palette.text.secondary,
+          fontSize: ICON_SIZE_LARGE,
+          width: ICON_SIZE_LARGE,
+          minWidth: ICON_SIZE_LARGE,
+          height: ICON_SIZE_LARGE
         },
         ".MuiMenuItem-root.MuiButtonBase-root &": {
           minWidth: ICON_SIZE_MEDIUM
@@ -2521,12 +2762,14 @@ const navigationOverrides = {
       })
     }
   },
+  // List Item Avatar
   MuiListItemAvatar: {
     styleOverrides: {
       root: ({ theme: theme2 }) => ({
+        ...getListItemAdornmentStyles(theme2),
         "& .MuiAvatar-root": {
-          height: theme2.spacing(4),
-          width: theme2.spacing(4)
+          height: MENU_ITEM_SIZE_DEFAULT,
+          width: MENU_ITEM_SIZE_DEFAULT
         },
         "& .MuiSvgIcon-root": {
           fontSize: ICON_SIZE_MEDIUM
@@ -2534,6 +2777,50 @@ const navigationOverrides = {
       })
     }
   },
+  // List Item Secondary Action
+  MuiListItemSecondaryAction: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        ...getListItemAdornmentStyles(theme2),
+        // if parent ListItem has disableGutters or disablePadding, reset padding
+        '[data-disable-padding="true"] &, [data-disable-gutters="true"] &': {
+          right: 0
+        }
+      })
+    }
+  },
+  // List Subheader
+  MuiListSubheader: {
+    defaultProps: {
+      disableGutters: true,
+      component: "div"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-start",
+        height: theme2.spacing(3),
+        padding: 0,
+        ...theme2.typography.caption,
+        // Use data attribute selector since backgroundColor is not passed to MUI component to avoid DOM warning
+        backgroundColor: theme2.palette.background.default,
+        '&[data-background-color="paper"]': {
+          backgroundColor: theme2.palette.background.paper
+        },
+        '&[data-background-color="inherit"]': {
+          backgroundColor: "inherit"
+        },
+        // Adapt padding when List is variant="standard"
+        '[data-variant="standard"] &': {
+          padding: theme2.spacing(0, 2),
+          '&[data-dense="true"]': {
+            padding: theme2.spacing(0, 1.5)
+          }
+        }
+      })
+    }
+  },
   // Tabs
   MuiTabs: {
     styleOverrides: {
@@ -3263,9 +3550,13 @@ export {
   ICON_SIZE_LARGE,
   ICON_SIZE_MEDIUM,
   ICON_SIZE_SMALL,
+  LIST_ITEM_SIZE_DEFAULT,
+  LIST_ITEM_SIZE_DENSE,
+  j as LIST_MAX_SIZE,
+  k as LIST_OVERSCAN_ITEMS_COUNT,
   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/Avatar/Avatar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCG,CAAA;AAChB,eAAe,OAAO,CAAA;AA8VtB,eAAO,MAAM,UAAU;;;;;;;;;CAKtB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;CAGjB,CAAA;AAED,eAAO,MAAM,OAAO;;;;CAEnB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAGtB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;CAGvB,CAAA;AAED,eAAO,MAAM,eAAe;;;;CAE3B,CAAA"}
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCG,CAAA;AAChB,eAAe,OAAO,CAAA;AA8WtB,eAAO,MAAM,UAAU;;;;;;;;;CAKtB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;CAGjB,CAAA;AAED,eAAO,MAAM,OAAO;;;;CAEnB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAGtB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;CAGvB,CAAA;AAED,eAAO,MAAM,eAAe;;;;CAE3B,CAAA"}

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { ListProps as MUIListProps } from '@mui/material';
+import { ListVariant } from './types';
+/**
+ * Context to pass List props to child ListItem components.
+ * Allows ListItems to inherit variant, fixedHeight, etc. from parent List.
+ */
+export interface ListContextValue {
+    variant?: ListVariant;
+    fixedHeight?: boolean;
+    dense?: boolean;
+    disableGutters?: boolean;
+    disablePadding?: boolean;
+    divider?: boolean;
+}
+export declare const ListContext: React.Context<ListContextValue>;
+/**
+ * Props for the List component.
+ * Includes all MUI List props plus custom props defined in theme types
+ */
+export type ListProps = MUIListProps;
+declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export default List;
+//# sourceMappingURL=List.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAC/E,OAAO,EAEL,SAAS,IAAI,YAAY,EAE1B,MAAM,eAAe,CAAA;AAStB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,WAAW,iCAAsC,CAAA;AAc9D;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,YAAY,CAAA;AAgIpC,QAAA,MAAM,IAAI,iGAAoB,CAAA;AAE9B,eAAe,IAAI,CAAA"}