@moderneinc/design-system-components 6.0.0 → 6.0.1-next.18d0a9

package/dist/ActivityHeader/ActivityHeader.d.ts

@@ -43,7 +43,7 @@ export interface ModActivityHeaderProps {
  *   field: 'activity',
  *   headerName: '',
  *   width: 34,
- *   renderHeader: () => <ModActivityHeader size="condensed" color="commitJob" />,
+ *   renderHeader: () => <ModActivityHeader size="compact" color="commitJob" />,
  *   renderCell: (params) => (
  *     <ModActivityIndicatorCell
  *       event={params.row.eventType}

package/dist/DataGridFilterPanel/DataGridFilterPanel.d.ts

@@ -1,4 +1,4 @@
-import { GridFilterPanel as MuiGridFilterPanel } from '@mui/x-data-grid';
+import { type GridSlotsComponent, GridFilterPanel as MuiGridFilterPanel } from '@mui/x-data-grid';
 import type React from 'react';
 import { ModSelect } from '../Select/Select';
 export type { GridFilterItem as FilterItem, GridFilterOperator as FilterOperator, } from '@mui/x-data-grid';
@@ -18,6 +18,18 @@ export declare const ModDataGridFilterPanelRemoveAllIcon: {
     (): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+/**
+ * ModSelect, typed for the DataGrid `baseSelect` slot.
+ *
+ * The grid's own `SelectProps` shares MUI's prop names and semantics, but types
+ * `onChange` as a bare `ChangeEventHandler` and adds `aria-*`/`data-*` index
+ * signatures — structurally incompatible, behaviourally identical. Asserted
+ * once here rather than at every call site; #721 tracks replacing the assertion
+ * with a real adapter. Intersected rather than replaced so direct consumers keep
+ * `ModSelectProps` — casting to the slot type alone drops `variant`, `MenuProps`
+ * and the `SelectChangeEvent` signature.
+ */
+export declare const ModDataGridSelect: typeof ModSelect & GridSlotsComponent["baseSelect"];
 /**
  * ModDataGridFilterPanel - MUI GridFilterPanel with design system styling and Lucide icons
  *
@@ -48,7 +60,6 @@ export declare const ModDataGridFilterPanelRemoveAllIcon: {
  * />
  * ```
  */
-export { ModSelect as ModDataGridSelect };
 export declare const ModDataGridFilterPanel: {
     (props: React.ComponentProps<typeof MuiGridFilterPanel>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/InputField/InputField.d.ts

@@ -2,15 +2,15 @@ import { type InputBaseProps } from '@mui/material/InputBase';
 import type { ReactNode } from 'react';
 type InputFieldSize = 'small' | 'medium';
 export type { InputFieldSize as ModInputFieldSize };
-export declare const StyledFormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "color" | "margin" | "size" | "children" | "sx" | "className" | "classes" | "disabled" | "variant" | "error" | "fullWidth" | "required" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const StyledFormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "color" | "margin" | "disabled" | "size" | "classes" | "className" | "children" | "sx" | "required" | "error" | "variant" | "fullWidth" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     size?: InputFieldSize;
 }, {}, {}>;
-export declare const StyledInputLabel: import("@emotion/styled").StyledComponent<import("@mui/material").InputLabelOwnProps & Pick<import("@mui/material").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style" | "color" | "margin" | "size" | "children" | "sx" | "className" | "classes" | "disabled" | "variant" | "filled" | "error" | "required" | "focused" | "disableAnimation" | "shrink"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const StyledInputLabel: import("@emotion/styled").StyledComponent<import("@mui/material").InputLabelOwnProps & Pick<import("@mui/material").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style" | "color" | "margin" | "disabled" | "size" | "classes" | "className" | "children" | "sx" | "required" | "error" | "filled" | "variant" | "focused" | "disableAnimation" | "shrink"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     size?: InputFieldSize;
     infoIcon?: boolean;
 }, {}, {}>;
 export declare const InfoIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const StyledFormHelperText: import("@emotion/styled").StyledComponent<import("@mui/material").FormHelperTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style" | "margin" | "children" | "sx" | "className" | "classes" | "disabled" | "variant" | "filled" | "error" | "required" | "focused"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const StyledFormHelperText: import("@emotion/styled").StyledComponent<import("@mui/material").FormHelperTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style" | "margin" | "disabled" | "classes" | "className" | "children" | "sx" | "required" | "error" | "filled" | "variant" | "focused"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     size?: InputFieldSize;
 }, {}, {}>;
 export interface ModInputFieldProps extends Omit<InputBaseProps, 'size'> {

package/dist/ListItem/ListItem.d.ts

@@ -40,6 +40,14 @@ export interface ModListItemProps extends Omit<ListItemButtonProps, 'children' |
      * @default false
      */
     isLink?: boolean;
+    /**
+     * URL to navigate to. MUI's ListItemButton promotes its root to an anchor on its
+     * own when `href` is set, so `component="a"` is not required.
+     *
+     * Declared explicitly: `ListItemButtonProps` only exposes anchor attributes
+     * through MUI's polymorphic generic, which this component does not thread through.
+     */
+    href?: string;
     /**
      * Trailing element (optional, e.g., chevron icon for navigation)
      * Renders at the end of the list item, typically used for navigation indicators.

package/dist/MenuItem/MenuItem.d.ts

@@ -19,12 +19,16 @@ type ModMenuItemOwnProps = {
      */
     secondaryText?: string;
     /**
-     * URL to navigate to. When provided, the menu item renders as an anchor
-     * element (via MUI ButtonBase) so users can middle-click or right-click
-     * to open in a new tab. For client-side routing, also pass
-     * `component={NextLink}` (or your router's link component).
+     * URL to navigate to. **Requires `component="a"`** (or a router link component):
+     * MUI's MenuItem roots at `li`, and ButtonBase only swaps in an anchor when the
+     * root is `button`, so `href` alone lands on the `li` and does not navigate.
+     * See #722.
      */
     href?: string;
+    /** Anchor target, e.g. `_blank`. Needs `href` and `component="a"`. */
+    target?: string;
+    /** Anchor `rel`, e.g. `noopener noreferrer`. Needs `href` and `component="a"`. */
+    rel?: string;
     /**
      * Menu item content (text label)
      */
@@ -50,11 +54,11 @@ export type ModMenuItemProps<C extends ElementType = typeof MenuItem> = ModMenuI
  * // Disabled state
  * <ModMenuItem disabled>Disabled item</ModMenuItem>
  *
- * // As an anchor — middle-click/right-click open in a new tab
- * <ModMenuItem href="/api-explorer">API explorer</ModMenuItem>
+ * // As an anchor — `component="a"` is required, see #722
+ * <ModMenuItem component="a" href="/api-explorer">API explorer</ModMenuItem>
  *
  * // External link
- * <ModMenuItem href="https://docs.example.com" target="_blank" rel="noopener noreferrer">
+ * <ModMenuItem component="a" href="https://docs.example.com" target="_blank" rel="noopener noreferrer">
  *   Documentation
  * </ModMenuItem>
  *

package/dist/Tabs/Tabs.d.ts

@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
 /**
  * ModTabs - Tabs container component based on MUI Tabs
  */
-export declare const ModTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "children" | "sx" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "classes" | "action" | "value" | "variant" | "orientation" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "scrollButtons" | "selectionFollowsFocus" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ModTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "classes" | "slots" | "slotProps" | "className" | "action" | "children" | "sx" | "value" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "variant" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "scrollButtons" | "selectionFollowsFocus" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export interface ModTabProps extends Omit<TabProps, 'label'> {
     /**
      * The label for the tab

package/dist/TypologyControl/TypologyControl.d.ts

@@ -1,5 +1,5 @@
 import { type ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
-declare const StyledToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, keyof import("@mui/material").ToggleButtonOwnProps> & Omit<import("@mui/material").ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof import("@mui/material").ToggleButtonOwnProps> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "children" | "sx" | "className" | "tabIndex" | "onChange" | "onClick" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "disableFocusRipple" | "value" | "fullWidth" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const StyledToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, keyof import("@mui/material").ToggleButtonOwnProps> & Omit<import("@mui/material").ButtonBaseOwnProps, "type" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | keyof import("@mui/material").ToggleButtonOwnProps> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "disabled" | "size" | "classes" | "type" | "className" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "value" | "onChange" | "onClick" | "disableFocusRipple" | "fullWidth" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export interface ModTypologyControlProps extends Omit<ToggleButtonGroupProps, 'orientation'> {
 }
 /**

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GridColumnsPanelProps, GridDensity as GridDensity$1, DataGridProProps, GridSlots } from '@mui/x-data-grid-pro';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ElementType, HTMLAttributes, ComponentPropsWithoutRef, ComponentType, FunctionComponent } from 'react';
-import { GridDensity, GridFilterPanel, GridRenderCellParams, ToolbarProps } from '@mui/x-data-grid';
+import { GridDensity, GridFilterPanel, GridSlotsComponent, GridRenderCellParams, ToolbarProps } from '@mui/x-data-grid';
 import { AlertProps } from '@mui/material/Alert';
 import Chip, { ChipProps } from '@mui/material/Chip';
 import { LinkProps } from '@mui/material/Link';
@@ -11,8 +12,8 @@ import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
 import { SvgIconProps } from '@mui/material/SvgIcon';
 import { CardProps } from '@mui/material/Card';
 import { CheckboxProps } from '@mui/material/Checkbox';
-import { GridDensity as GridDensity$1, DataGridProProps, GridSlots, GridColumnsPanelProps } from '@mui/x-data-grid-pro';
 import { SxProps, Theme, Breakpoint } from '@mui/material/styles';
+import { SelectProps, SelectChangeEvent } from '@mui/material/Select';
 import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
 import { PickersShortcutsItem } from '@mui/x-date-pickers/PickersShortcuts';
 import { DateRangePickerProps } from '@mui/x-date-pickers-pro/DateRangePicker';
@@ -31,7 +32,6 @@ import { DialogProps } from '@mui/material/Dialog';
 import { BoxProps } from '@mui/material/Box';
 import { LinearProgressProps } from '@mui/material/LinearProgress';
 import { RadioProps } from '@mui/material/Radio';
-import { SelectProps, SelectChangeEvent } from '@mui/material/Select';
 import { SkeletonProps } from '@mui/material/Skeleton';
 import { TableProps } from '@mui/material/Table';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
@@ -42,6 +42,37 @@ import { TooltipProps } from '@mui/material/Tooltip';
 import { TreeItemProps } from '@mui/x-tree-view/TreeItem';
 import { RichTreeViewProProps } from '@mui/x-tree-view-pro/RichTreeViewPro';
 
+/**
+ * ModDataGridColumnsPanel - Custom columns panel for ModDataGrid matching Figma design
+ *
+ * A styled columns panel that integrates with MUI DataGrid's column visibility system.
+ * Features:
+ * - Search input with Lucide icon (matches ModQuickFilter)
+ * - Checkbox list with design system styling (12px checkboxes)
+ * - Show/Hide all toggle
+ * - Reset button
+ *
+ * Design Tokens Used:
+ * - surfaces.white - Background color
+ * - surfaces.listHover - Item hover background (#f9fafb)
+ * - input.background - Search input background
+ * - border.input - Search input border
+ * - buttons.primary.default - Search input focus border
+ * - typography.body - Column label text
+ * - border.primary - Divider color
+ */
+interface ModDataGridColumnsPanelProps extends GridColumnsPanelProps {
+    /**
+     * If true, shows the search input field
+     * @default false
+     */
+    showSearch?: boolean;
+}
+declare const ModDataGridColumnsPanel: {
+    ({ showSearch, sx: _sx, theme: _theme, ...props }: ModDataGridColumnsPanelProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface ModFooterProps {
     /**
      * Footer variant
@@ -197,7 +228,7 @@ interface ModActivityHeaderProps {
  *   field: 'activity',
  *   headerName: '',
  *   width: 34,
- *   renderHeader: () => <ModActivityHeader size="condensed" color="commitJob" />,
+ *   renderHeader: () => <ModActivityHeader size="compact" color="commitJob" />,
  *   renderCell: (params) => (
  *     <ModActivityIndicatorCell
  *       event={params.row.eventType}
@@ -910,6 +941,13 @@ declare const ModDataGridCellContent: {
     ({ children, ...props }: ModDataGridCellContentProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+/**
+ * Row height configuration for DataGrid size variants (from Figma specs)
+ * - compact: 42px
+ * - standard: 48px
+ * - comfortable: 56px
+ */
+declare const modRowHeights: Record<GridDensity, number>;
 /**
  * StatusBadgeCell - Ready-to-use cell component for status badges
  *
@@ -995,37 +1033,6 @@ declare namespace ModDataGridColumnsButton {
     var displayName: string;
 }
 
-/**
- * ModDataGridColumnsPanel - Custom columns panel for ModDataGrid matching Figma design
- *
- * A styled columns panel that integrates with MUI DataGrid's column visibility system.
- * Features:
- * - Search input with Lucide icon (matches ModQuickFilter)
- * - Checkbox list with design system styling (12px checkboxes)
- * - Show/Hide all toggle
- * - Reset button
- *
- * Design Tokens Used:
- * - surfaces.white - Background color
- * - surfaces.listHover - Item hover background (#f9fafb)
- * - input.background - Search input background
- * - border.input - Search input border
- * - buttons.primary.default - Search input focus border
- * - typography.body - Column label text
- * - border.primary - Divider color
- */
-interface ModDataGridColumnsPanelProps extends GridColumnsPanelProps {
-    /**
-     * If true, shows the search input field
-     * @default false
-     */
-    showSearch?: boolean;
-}
-declare const ModDataGridColumnsPanel: {
-    ({ showSearch, sx: _sx, theme: _theme, ...props }: ModDataGridColumnsPanelProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
 type ModMenuItemOwnProps = {
     /**
      * Optional icon to display on the left side
@@ -1045,12 +1052,16 @@ type ModMenuItemOwnProps = {
      */
     secondaryText?: string;
     /**
-     * URL to navigate to. When provided, the menu item renders as an anchor
-     * element (via MUI ButtonBase) so users can middle-click or right-click
-     * to open in a new tab. For client-side routing, also pass
-     * `component={NextLink}` (or your router's link component).
+     * URL to navigate to. **Requires `component="a"`** (or a router link component):
+     * MUI's MenuItem roots at `li`, and ButtonBase only swaps in an anchor when the
+     * root is `button`, so `href` alone lands on the `li` and does not navigate.
+     * See #722.
      */
     href?: string;
+    /** Anchor target, e.g. `_blank`. Needs `href` and `component="a"`. */
+    target?: string;
+    /** Anchor `rel`, e.g. `noopener noreferrer`. Needs `href` and `component="a"`. */
+    rel?: string;
     /**
      * Menu item content (text label)
      */
@@ -1076,11 +1087,11 @@ type ModMenuItemProps<C extends ElementType = typeof MenuItem> = ModMenuItemOwnP
  * // Disabled state
  * <ModMenuItem disabled>Disabled item</ModMenuItem>
  *
- * // As an anchor — middle-click/right-click open in a new tab
- * <ModMenuItem href="/api-explorer">API explorer</ModMenuItem>
+ * // As an anchor — `component="a"` is required, see #722
+ * <ModMenuItem component="a" href="/api-explorer">API explorer</ModMenuItem>
  *
  * // External link
- * <ModMenuItem href="https://docs.example.com" target="_blank" rel="noopener noreferrer">
+ * <ModMenuItem component="a" href="https://docs.example.com" target="_blank" rel="noopener noreferrer">
  *   Documentation
  * </ModMenuItem>
  *
@@ -1131,7 +1142,48 @@ declare const ModDataGridFilterPanelRemoveAllIcon: {
     (): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-
+/**
+ * ModSelect, typed for the DataGrid `baseSelect` slot.
+ *
+ * The grid's own `SelectProps` shares MUI's prop names and semantics, but types
+ * `onChange` as a bare `ChangeEventHandler` and adds `aria-*`/`data-*` index
+ * signatures — structurally incompatible, behaviourally identical. Asserted
+ * once here rather than at every call site; #721 tracks replacing the assertion
+ * with a real adapter. Intersected rather than replaced so direct consumers keep
+ * `ModSelectProps` — casting to the slot type alone drops `variant`, `MenuProps`
+ * and the `SelectChangeEvent` signature.
+ */
+declare const ModDataGridSelect: typeof ModSelect & GridSlotsComponent["baseSelect"];
+/**
+ * ModDataGridFilterPanel - MUI GridFilterPanel with design system styling and Lucide icons
+ *
+ * A styled version of MUI's GridFilterPanel that applies design system tokens.
+ * The per-row delete icon uses Lucide Trash2 internally.
+ *
+ * For footer button icons ("Add filter" and "Remove all"), you must also pass the icon components
+ * to the DataGrid's slots prop.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   ModDataGridFilterPanel,
+ *   FilterPanelAddIcon,
+ *   FilterPanelDeleteIcon,
+ *   FilterPanelRemoveAllIcon
+ * } from '@moderneinc/design-system-components'
+ *
+ * <DataGridPro
+ *   rows={rows}
+ *   columns={columns}
+ *   slots={{
+ *     filterPanel: ModDataGridFilterPanel,
+ *     filterPanelAddIcon: FilterPanelAddIcon,
+ *     filterPanelDeleteIcon: FilterPanelDeleteIcon,
+ *     filterPanelRemoveAllIcon: FilterPanelRemoveAllIcon,
+ *   }}
+ * />
+ * ```
+ */
 declare const ModDataGridFilterPanel: {
     (props: React__default.ComponentProps<typeof GridFilterPanel>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -1536,6 +1588,26 @@ declare const ModIconButton: {
     displayName: string;
 };
 
+type IconWrapperSize = 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | 128 | 160 | 192;
+interface ModIconWrapperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    /**
+     * The size of the icon wrapper in pixels
+     * @default 20
+     */
+    size?: IconWrapperSize;
+    /**
+     * Icon element to render inside the wrapper
+     */
+    children?: ReactNode;
+}
+/**
+ * ModIconWrapper - Flex-centered container that sizes icons
+ */
+declare const ModIconWrapper: {
+    ({ size, children, ...props }: ModIconWrapperProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface ModInfiniteScrollGridProps extends Omit<ModDataGridProps, 'slots'> {
     /**
      * Callback when load more is triggered - either by scrolling or clicking button
@@ -1672,6 +1744,14 @@ interface ModListItemProps extends Omit<ListItemButtonProps, 'children' | 'size'
      * @default false
      */
     isLink?: boolean;
+    /**
+     * URL to navigate to. MUI's ListItemButton promotes its root to an anchor on its
+     * own when `href` is set, so `component="a"` is not required.
+     *
+     * Declared explicitly: `ListItemButtonProps` only exposes anchor attributes
+     * through MUI's polymorphic generic, which this component does not thread through.
+     */
+    href?: string;
     /**
      * Trailing element (optional, e.g., chevron icon for navigation)
      * Renders at the end of the list item, typically used for navigation indicators.
@@ -2738,7 +2818,7 @@ declare const ModTabPanel: {
 /**
  * ModTabs - Tabs container component based on MUI Tabs
  */
-declare const ModTabs: StyledComponent<_mui_material.TabsOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "children" | "sx" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "classes" | "action" | "value" | "variant" | "orientation" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "scrollButtons" | "selectionFollowsFocus" | "textColor" | "visibleScrollbar"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const ModTabs: StyledComponent<_mui_material.TabsOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "classes" | "slots" | "slotProps" | "className" | "action" | "children" | "sx" | "value" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "variant" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "scrollButtons" | "selectionFollowsFocus" | "textColor" | "visibleScrollbar"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
 interface ModTabProps extends Omit<TabProps, 'label'> {
     /**
      * The label for the tab
@@ -3084,7 +3164,7 @@ declare const ModTreeView: {
     displayName: string;
 };
 
-declare const StyledToggleButton: StyledComponent<_mui_material.ToggleButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ToggleButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ToggleButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "children" | "sx" | "className" | "tabIndex" | "onChange" | "onClick" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "disableFocusRipple" | "value" | "fullWidth" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const StyledToggleButton: StyledComponent<_mui_material.ToggleButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ToggleButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "type" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | keyof _mui_material.ToggleButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "disabled" | "size" | "classes" | "type" | "className" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "value" | "onChange" | "onClick" | "disableFocusRipple" | "fullWidth" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
 interface ModTypologyControlProps extends Omit<ToggleButtonGroupProps, 'orientation'> {
 }
 /**
@@ -3132,16 +3212,20 @@ declare const ModVibratingDot: FunctionComponent<ModVibratingDotProps>;
 
 
 
-// Module augmentation for MUI DataGrid slot props
+// MUI types `slotProps.<slot>` against its own component, so a custom slot's extra
+// props (e.g. the columns panel's `showSearch`) are rejected even when that slot is
+// installed. MUI's `*PropsOverrides` interfaces are the mechanism for declaring them.
 declare module '@mui/x-data-grid' {
   interface FooterPropsOverrides extends ModFooterProps {}
+  interface ColumnsPanelPropsOverrides extends ModDataGridColumnsPanelProps {}
 }
 
 declare module '@mui/x-data-grid-pro' {
   interface FooterPropsOverrides extends ModFooterProps {}
+  interface ColumnsPanelPropsOverrides extends ModDataGridColumnsPanelProps {}
 }
 
 declare const version: string
 
-export { ActivityScene, CIRCLE_RADIUS, ModActionsCell, ModActivityHeader, ModActivityIndicatorCell, ModAlert, ModAvatarCell, ModBadge, ModBanner, ModBreadcrumbLink, ModBreadcrumbs, ModButton, ModButtonTab, ModButtonTabGroup, ModCanceledIcon, ModCard, ModCheckbox, ModCheckboxWithText, ModCodeSnippet, ModDataGrid, ModDataGridCellContent, ModDataGridColumnsButton, ModDataGridColumnsPanel, ModDataGridFilterPanel, ModDataGridFilterPanelAddIcon, ModDataGridFilterPanelDeleteIcon, ModDataGridFilterPanelRemoveAllIcon, ModDataGridFiltersButton, ModDataGridHeaderLabel, ModSelect as ModDataGridSelect, ModDatePicker, ModDatePickerListItem, ModDatePickerMenu, ModDivider, ModDot, ModDownloadToast, ModSelect as ModDropdown, ModMenu as ModDropdownMenu, ModMenuItem as ModDropdownMenuItem, ModMenuItem as ModDropdownOption, ModFilledCanceled, ModFilledError, ModFilledInfo, ModFilledNeutral, ModFilledQueued, ModFilledSuccess, ModFilledWarning, ModFilterChip, ModFooter, ModGeneralAvatar, ModIconButton, ModIconCell, ModInfiniteScrollGrid, ModInputField, ModListItem, ModListItemButton, ModLoadingSpinner, ModLogoCell, ModMenu, ModMenuItem, ModModal, ModModalContent, ModModalFooter, ModModalHeader, ModMultiBadgesCell, ModNavigationAvatar, ModNavigationItem, ModPageContent, ModPaginatedGrid, ModProgressCell, ModProgressbar, ModQuickFilter, ModRadio, ModRadioButtonWithText, ModRipplingDot, ModSearchChip, ModSelect, ModSelectField, ModMenuItem as ModSelectOption, ModSideNav, ModSkeleton, ModStatusBadgeCell, ModStatusCell, ModTab, ModTabPanel, ModTable, ModTabs, ModTag, ModToast, ModToastButton, ModToggle, ModToggleButton, ModToggleButtonGroup, ModToggleButtonWithText, ModToolbar, ModTooltip, ModTopNav, ModTourModal, ModTreeItem, ModTreeView, StyledToggleButton as ModTypologyButton, ModTypologyControl, ModUserAvatarCell, ModVibratingDot, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, focusRingStyles, getDataGridHeaderStyles, getDataGridRowStyles, version };
-export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, ModActionsCellProps, ModActivityHeaderProps, ModActivityIndicatorCellProps, ModAlertProps, ModAvatarCellProps, ModBadgeProps, ModBannerProps, ModBreadcrumbLinkProps, ModBreadcrumbsProps, ModButtonProps, ModButtonTabGroupProps, ModButtonTabProps, ModCardLargeProps, ModCardProps, ModCardSize, ModCardSmallProps, ModCheckboxProps, ModCheckboxWithTextProps, ModCodeSnippetProps, ModDataGridCellContentProps, ModDataGridHeaderLabelProps, ModDataGridProps, ModDatePickerProps, ModDividerProps, ModDotProps, ModDownloadToastProps, ModMenuItemProps as ModDropdownMenuItemProps, ModMenuProps as ModDropdownMenuProps, ModSelectProps as ModDropdownProps, ModFilledStatusIconProps, ModFilterChipProps, ModFooterProps, ModGeneralAvatarProps, ModIconButtonProps, ModIconCellProps, ModInfiniteScrollGridProps, ModInputFieldProps, ModListItemButtonProps, ModListItemProps, ModLoadingSpinnerProps, ModLogoCellProps, ModMenuItemProps, ModMenuProps, ModModalContentProps, ModModalFooterProps, ModModalHeaderProps, ModModalProps, ModMultiBadgesCellProps, ModNavigationAvatarProps, ModNavigationItemProps, ModPageContentProps, ModPaginatedGridProps, ModProgressCellProps, ModProgressbarProps, ModQuickFilterProps, ModRadioProps, ModRipplingDotProps, ModSearchChipProps, ModSelectFieldChangeEvent, ModSelectFieldOption, ModSelectFieldProps, ModSelectProps, ModSideNavProps, ModSkeletonProps, ModStatusBadgeCellProps, ModStatusCellProps, ModStatusCellVariant, ModTabPanelProps, ModTabProps, ModTableColumn, ModTableProps, ModTagProps, ModToastProps, ModToggleButtonGroupProps, ModToggleButtonProps, ModToggleProps, ModToolbarProps, ModTooltipProps, ModTreeItemData, ModTreeItemProps, ModTreeViewProps, ModTypologyControlProps, ModUserAvatarCellProps, ModVibratingDotProps };
+export { ActivityScene, CIRCLE_RADIUS, ModActionsCell, ModActivityHeader, ModActivityIndicatorCell, ModAlert, ModAvatarCell, ModBadge, ModBanner, ModBreadcrumbLink, ModBreadcrumbs, ModButton, ModButtonTab, ModButtonTabGroup, ModCanceledIcon, ModCard, ModCheckbox, ModCheckboxWithText, ModCodeSnippet, ModDataGrid, ModDataGridCellContent, ModDataGridColumnsButton, ModDataGridColumnsPanel, ModDataGridFilterPanel, ModDataGridFilterPanelAddIcon, ModDataGridFilterPanelDeleteIcon, ModDataGridFilterPanelRemoveAllIcon, ModDataGridFiltersButton, ModDataGridHeaderLabel, ModDataGridSelect, ModDatePicker, ModDatePickerListItem, ModDatePickerMenu, ModDivider, ModDot, ModDownloadToast, ModSelect as ModDropdown, ModMenu as ModDropdownMenu, ModMenuItem as ModDropdownMenuItem, ModMenuItem as ModDropdownOption, ModFilledCanceled, ModFilledError, ModFilledInfo, ModFilledNeutral, ModFilledQueued, ModFilledSuccess, ModFilledWarning, ModFilterChip, ModFooter, ModGeneralAvatar, ModIconButton, ModIconCell, ModIconWrapper, ModInfiniteScrollGrid, ModInputField, ModListItem, ModListItemButton, ModLoadingSpinner, ModLogoCell, ModMenu, ModMenuItem, ModModal, ModModalContent, ModModalFooter, ModModalHeader, ModMultiBadgesCell, ModNavigationAvatar, ModNavigationItem, ModPageContent, ModPaginatedGrid, ModProgressCell, ModProgressbar, ModQuickFilter, ModRadio, ModRadioButtonWithText, ModRipplingDot, ModSearchChip, ModSelect, ModSelectField, ModMenuItem as ModSelectOption, ModSideNav, ModSkeleton, ModStatusBadgeCell, ModStatusCell, ModTab, ModTabPanel, ModTable, ModTabs, ModTag, ModToast, ModToastButton, ModToggle, ModToggleButton, ModToggleButtonGroup, ModToggleButtonWithText, ModToolbar, ModTooltip, ModTopNav, ModTourModal, ModTreeItem, ModTreeView, StyledToggleButton as ModTypologyButton, ModTypologyControl, ModUserAvatarCell, ModVibratingDot, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, focusRingStyles, getDataGridHeaderStyles, getDataGridRowStyles, modRowHeights, version };
+export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, IconWrapperSize, ModActionsCellProps, ModActivityHeaderProps, ModActivityIndicatorCellProps, ModAlertProps, ModAvatarCellProps, ModBadgeProps, ModBannerProps, ModBreadcrumbLinkProps, ModBreadcrumbsProps, ModButtonProps, ModButtonTabGroupProps, ModButtonTabProps, ModCardLargeProps, ModCardProps, ModCardSize, ModCardSmallProps, ModCheckboxProps, ModCheckboxWithTextProps, ModCodeSnippetProps, ModDataGridCellContentProps, ModDataGridHeaderLabelProps, ModDataGridProps, ModDatePickerProps, ModDividerProps, ModDotProps, ModDownloadToastProps, ModMenuItemProps as ModDropdownMenuItemProps, ModMenuProps as ModDropdownMenuProps, ModSelectProps as ModDropdownProps, ModFilledStatusIconProps, ModFilterChipProps, ModFooterProps, ModGeneralAvatarProps, ModIconButtonProps, ModIconCellProps, ModIconWrapperProps, ModInfiniteScrollGridProps, ModInputFieldProps, ModListItemButtonProps, ModListItemProps, ModLoadingSpinnerProps, ModLogoCellProps, ModMenuItemProps, ModMenuProps, ModModalContentProps, ModModalFooterProps, ModModalHeaderProps, ModModalProps, ModMultiBadgesCellProps, ModNavigationAvatarProps, ModNavigationItemProps, ModPageContentProps, ModPaginatedGridProps, ModProgressCellProps, ModProgressbarProps, ModQuickFilterProps, ModRadioProps, ModRipplingDotProps, ModSearchChipProps, ModSelectFieldChangeEvent, ModSelectFieldOption, ModSelectFieldProps, ModSelectProps, ModSideNavProps, ModSkeletonProps, ModStatusBadgeCellProps, ModStatusCellProps, ModStatusCellVariant, ModTabPanelProps, ModTabProps, ModTableColumn, ModTableProps, ModTagProps, ModToastProps, ModToggleButtonGroupProps, ModToggleButtonProps, ModToggleProps, ModToolbarProps, ModTooltipProps, ModTreeItemData, ModTreeItemProps, ModTreeViewProps, ModTypologyControlProps, ModUserAvatarCellProps, ModVibratingDotProps };