@carto/meridian-ds 2.9.0 → 2.9.1-alpha-lists.2

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-zaH11xyj.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-BzztxQJk.js";
+import { i, N } from "../css-utils-BzztxQJk.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,72 @@ const formsOverrides = {
     }
   }
 };
+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,
+  padding: theme2.spacing(1, 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
+    }
+  },
+  // Height: 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"]': {
+    height: "auto"
+  },
+  // Outlined variant styles
+  ...ownerState.variant === "outlined" && {
+    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}`
+    }
+  },
+  // 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,
+    backgroundColor: ownerState.variant === "outlined" ? theme2.palette.background.paper : "transparent",
+    borderColor: ownerState.variant === "outlined" ? theme2.palette.divider : "transparent",
+    ".MuiTypography-root": {
+      color: theme2.palette.text.disabled
+    },
+    svg: {
+      color: theme2.palette.text.disabled,
+      path: {
+        fill: theme2.palette.text.disabled
+      }
+    }
+  }
+});
 const navigationOverrides = {
   // Menu
   MuiMenu: {
@@ -2439,9 +2530,15 @@ const navigationOverrides = {
   },
   // List
   MuiList: {
+    defaultProps: {
+      variant: "standard"
+    },
     styleOverrides: {
-      root: ({ theme: theme2 }) => ({
-        paddingTop: 0,
+      root: ({ theme: theme2, ownerState }) => ({
+        display: "flex",
+        flexDirection: "column",
+        gap: theme2.spacing(ownerState.spacing ?? 0),
+        padding: 0,
         ".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &": {
           minWidth: theme2.spacing(8),
           // 64px, defined by design
@@ -2456,13 +2553,30 @@ const navigationOverrides = {
         ".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))
+        },
+        // Outlined-list variant: border on the list container and in the list items
+        ...ownerState.variant === "outlined-list" && {
+          "& .MuiListItem-root, & .MuiListItemButton-root": {
+            border: `1px solid ${theme2.palette.divider}`
+          },
+          // 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"
+          }
+        },
+        // TODO: old code, to be reviewed once we support sublevels in Figma specs.
         // Indent sublevels, ugly but needed to avoid issues with hover
         "& .MuiList-root": {
-          paddingTop: 0,
-          paddingBottom: 0,
-          "& .MuiListItem-root": {
-            paddingLeft: theme2.spacing(4)
-          },
           "& .MuiList-root": {
             "& .MuiListItem-root": {
               paddingLeft: theme2.spacing(6)
@@ -2488,32 +2602,105 @@ const navigationOverrides = {
     }
   },
   // List Item
+  MuiListItem: {
+    defaultProps: {
+      dense: true,
+      variant: "standard",
+      disablePadding: false
+    },
+    styleOverrides: {
+      root: ({ theme: theme2, ownerState }) => ({
+        ...getListItemStyles(ownerState, theme2),
+        // Add padding right when contains SecondaryAction to simulate spacing between the action and the content
+        "&:has(.MuiListItemSecondaryAction-root)": {
+          paddingRight: theme2.spacing(7.5)
+        },
+        // Reset padding when contains ListItemButton
+        "&:has(.MuiListItemButton-root)": {
+          padding: 0,
+          '&.MuiListItem-root[data-variant="outlined"]': {
+            boxShadow: "none",
+            "&:hover": {
+              backgroundColor: theme2.palette.background.paper,
+              boxShadow: "none"
+            }
+          }
+        }
+      })
+    }
+  },
+  // List Item Button
+  MuiListItemButton: {
+    defaultProps: {
+      dense: true,
+      variant: "standard",
+      component: "button"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2, ownerState }) => ({
+        ...getListItemStyles(ownerState, theme2),
+        // Add padding right when contains SecondaryAction to simulate spacing between the action and the content
+        "&:has(.MuiListItemSecondaryAction-root)": {
+          paddingRight: theme2.spacing(7.5)
+        },
+        // Reset padding when inside ListItem, but keep padding left
+        ".MuiListItem-root > &.MuiListItemButton-root": {
+          padding: 0,
+          paddingLeft: theme2.spacing(2),
+          "&:hover": {
+            backgroundColor: theme2.palette.action.hover
+          }
+        },
+        // Outlined variant hover when inside ListItem
+        '.MuiListItem-root[data-variant="outlined"] > &.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 when inside ListItem that has SecondaryAction to simulate spacing between the action and the content
+        ".MuiListItem-root:has(.MuiListItemSecondaryAction-root) > &.MuiListItemButton-root": {
+          paddingRight: theme2.spacing(7.5)
+        }
+      })
+    }
+  },
   MuiListItemText: {
     defaultProps: {
       primaryTypographyProps: {
-        variant: "body2",
+        variant: "button",
         noWrap: true,
         component: "span"
       },
-      secondaryTypographyProps: { variant: "caption" }
+      secondaryTypographyProps: {
+        variant: "caption",
+        color: "text.secondary"
+      }
     },
     styleOverrides: {
-      root: ({ theme: theme2 }) => ({
-        paddingRight: theme2.spacing(2),
-        "& + .MuiBox-root": {
-          marginRight: theme2.spacing(1)
-        }
+      root: () => ({
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        flex: 1,
+        minHeight: MENU_ITEM_SIZE_DEFAULT,
+        margin: 0
       })
     }
   },
   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
@@ -2524,9 +2711,10 @@ const navigationOverrides = {
   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 +2722,41 @@ const navigationOverrides = {
       })
     }
   },
+  MuiListItemSecondaryAction: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        ...getListItemAdornmentStyles(theme2)
+      })
+    }
+  },
+  MuiListSubheader: {
+    defaultProps: {
+      disableGutters: true,
+      color: "default",
+      component: "div"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-start",
+        height: theme2.spacing(3),
+        ...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"
+        },
+        // Padding for ListSubHeader when List is variant="standard"
+        '[data-variant="standard"] &': {
+          padding: theme2.spacing(0, 2)
+        }
+      })
+    }
+  },
   // Tabs
   MuiTabs: {
     styleOverrides: {
@@ -3263,9 +3486,11 @@ export {
   ICON_SIZE_LARGE,
   ICON_SIZE_MEDIUM,
   ICON_SIZE_SMALL,
+  LIST_ITEM_SIZE_DEFAULT,
+  LIST_ITEM_SIZE_DENSE,
   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,18 @@
+import { ListProps as MUIListProps } from '@mui/material';
+export interface ListProps extends MUIListProps {
+    /**
+     * The variant of the list.
+     * - 'standard': Default variant without border
+     * - 'outlined-list': List container has border
+     * - 'outlined-items': List items have border
+     */
+    variant?: 'standard' | 'outlined-list' | 'outlined-items';
+    /**
+     * Spacing between list items (uses theme.spacing).
+     * Default: 0 for standard/outlined, 1 (8px) for outlined items
+     */
+    spacing?: number;
+}
+declare const List: import('react').ForwardRefExoticComponent<Omit<ListProps, "ref"> & import('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":"AACA,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAA;AAE1E,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C;;;;;OAKG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,gBAAgB,CAAA;IACzD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAuBD,QAAA,MAAM,IAAI,qHAAoB,CAAA;AAC9B,eAAe,IAAI,CAAA"}

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

@@ -0,0 +1,80 @@
+import { default as React } from 'react';
+import { ListProps } from './List';
+interface StoryProps {
+    variant?: ListProps['variant'];
+    spacing?: number;
+}
+declare const options: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+    argTypes: {
+        variant: {
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        spacing: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+        };
+    };
+    args: {
+        variant: string;
+        spacing: undefined;
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+        status: {
+            type: string;
+        };
+    };
+};
+export default options;
+export declare const Playground: {
+    render: ({ variant, spacing }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export declare const Size: {
+    render: (props: StoryProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Variant: {
+    render: (props: StoryProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Spacing: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Subheaders: {
+    render: (props: StoryProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const FixedHeight: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Divider: {
+    render: (props: StoryProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Gutters: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=List.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAa,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAGxC,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCG,CAAA;AAChB,eAAe,OAAO,CAAA;AA4lBtB,eAAO,MAAM,UAAU;mCA1lB2B,UAAU;;;;;;CA+lB3D,CAAA;AAED,eAAO,MAAM,IAAI;oBAtlBY,UAAU;CAwlBtC,CAAA;AAED,eAAO,MAAM,OAAO;oBAvhBa,UAAU;CAyhB1C,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;CAKnB,CAAA;AAED,eAAO,MAAM,UAAU;oBArdY,UAAU;CAud5C,CAAA;AAED,eAAO,MAAM,WAAW;;CAEvB,CAAA;AAED,eAAO,MAAM,OAAO;oBAzKY,UAAU;CA2KzC,CAAA;AACD,eAAO,MAAM,OAAO;;CAEnB,CAAA"}

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { ListSubheaderProps as MUIListSubheaderProps } from '@mui/material';
+export interface ListSubheaderProps extends MUIListSubheaderProps {
+    /**
+     * The background color of the list subheader.
+     * - 'paper': Paper background
+     * - 'default': Default background
+     * - 'inherit': Inherit background from parent
+     * @default 'default'
+     */
+    backgroundColor?: 'paper' | 'default' | 'inherit';
+}
+declare const ListSubheader: import('react').ForwardRefExoticComponent<Omit<ListSubheaderProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+export default ListSubheader;
+//# sourceMappingURL=ListSubheader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListSubheader.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/ListSubheader/ListSubheader.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,kBAAkB,IAAI,qBAAqB,EAC5C,MAAM,eAAe,CAAA;AAEtB,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;CAClD;AAkBD,QAAA,MAAM,aAAa,2HAA6B,CAAA;AAChD,eAAe,aAAa,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,mBAAmB,QAAQ,CAAA;AAE3B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAA;AACxE,mBAAmB,+BAA+B,CAAA"}

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

@@ -0,0 +1,33 @@
+import { MouseEventHandler } from 'react';
+import { ListItemProps as MUIListItemProps, ListItemButtonProps as MUIListItemButtonProps } from '@mui/material';
+export interface ListItemProps extends Omit<MUIListItemProps, 'disabled' | 'onClick'>, Omit<MUIListItemButtonProps, 'disabled' | keyof MUIListItemProps> {
+    /**
+     * The variant of the list item.
+     * - 'standard': Default variant without border
+     * - 'outlined': Variant with border
+     */
+    variant?: 'standard' | 'outlined';
+    /**
+     * If true, the list item has a fixed height.
+     * - dense true: 52px
+     * - dense false: 68px
+     * If false, adapts to content.
+     * @default true
+     */
+    fixedHeight?: boolean;
+    /**
+     * If true, the list item is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Click handler. When provided, the component renders as a ListItemButton.
+     */
+    /**
+     * Click handler. When provided, the component renders as a ListItemButton instead of ListItem.
+     */
+    onClick?: MouseEventHandler<HTMLDivElement>;
+}
+declare const ListItem: import('react').ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement | HTMLLIElement>>;
+export default ListItem;
+//# sourceMappingURL=ListItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,iBAAiB,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAEjC,mBAAmB,IAAI,sBAAsB,EAC9C,MAAM,eAAe,CAAA;AAEtB,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,SAAS,CAAC,EACpD,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,MAAM,gBAAgB,CAAC;IACnE;;;;OAIG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;IACjC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;CAC5C;AA2CD,QAAA,MAAM,QAAQ,uIAAwB,CAAA;AACtC,eAAe,QAAQ,CAAA"}