asma-ui-core 3.42.0 → 3.43.0

package/dist/src/components/inputs/slider/StyledSlider.d.ts

@@ -1,60 +1,8 @@
-import { ReactNode, SyntheticEvent } from 'react';
-export interface SliderMark {
-    value: number;
-    label?: ReactNode;
-}
-type SliderValue = number | number[];
-interface SliderClasses {
-    root?: string;
-    rail?: string;
-    track?: string;
-    thumb?: string;
-    mark?: string;
-    markActive?: string;
-    markLabel?: string;
-    markLabelActive?: string;
-}
-interface SliderSlotProps {
-    thumb?: {
-        className?: string;
-    };
-    rail?: {
-        className?: string;
-    };
-    markLabel?: {
-        className?: string;
-    };
-}
-export interface StyledSliderProps {
+import { SliderProps } from '@mui/material';
+export interface StyledSliderProps extends SliderProps {
     dataTest: string;
-    min?: number;
-    max?: number;
-    step?: number;
-    value?: SliderValue;
-    defaultValue?: SliderValue;
-    disabled?: boolean;
-    size?: 'small' | 'medium';
-    orientation?: 'horizontal' | 'vertical';
-    marks?: boolean | SliderMark[];
-    name?: string;
-    className?: string;
-    classes?: SliderClasses;
-    slotProps?: SliderSlotProps;
     error?: boolean;
     errorText?: string;
     helperText?: string;
-    onChange?: (event: SyntheticEvent, value: SliderValue, activeThumb: number) => void;
-    onChangeCommitted?: (event: SyntheticEvent, value: SliderValue) => void;
 }
-/**
- * Native range-input slider (replaces MUI `Slider`). Single value uses one `<input type="range">`;
- * a two-element `value` renders two stacked inputs (each thumb independently grabbable via
- * pointer-events on the thumb only). Marks, vertical orientation, `classes`/`slotProps` slots and
- * `onChange`/`onChangeCommitted` are preserved (DEC-003).
- *
- * ponytail: exact-pixel parity with MUI's thumb travel/animation is a known ceiling — Chromatic in
- * CI is the visual gate. Upgrade path: tune the 8px thumb inset if a diff shows misalignment.
- * TASK-204.
- */
-export declare const StyledSlider: ({ dataTest, min, max, step, value, defaultValue, disabled, size, orientation, marks, name, className, classes, slotProps, error, errorText, helperText, onChange, onChangeCommitted, }: StyledSliderProps) => JSX.Element;
-export {};
+export declare const StyledSlider: ({ dataTest, error, errorText, helperText, ...props }: StyledSliderProps) => JSX.Element;

package/dist/src/components/inputs/switch/StyledSwitch.d.ts

@@ -0,0 +1,5 @@
+import { SwitchProps as _SwitchProps } from '@mui/material';
+export type SwitchProps = _SwitchProps;
+export declare const StyledSwitch: ({ dataTest, disabled, ...props }: Omit<SwitchProps, "size"> & {
+    dataTest: string;
+}) => JSX.Element;

package/dist/src/components/inputs/switch/base-ui/StyledSwitch.d.ts

@@ -1,4 +1,5 @@
-import { default as React, ButtonHTMLAttributes } from 'react';
+import { default as React } from 'react';
+import { Switch } from '@base-ui/react/switch';
 type StyledSwitchProps = {
     checked?: boolean;
     defaultChecked?: boolean;
@@ -8,24 +9,7 @@ type StyledSwitchProps = {
     required?: boolean;
     id?: string;
     dataTest?: string;
-    className?: string;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'type'>;
+} & Omit<React.ComponentProps<typeof Switch.Root>, 'children'>;
 export type SwitchProps = StyledSwitchProps;
-/**
- * Native `<button role="switch">` toggle (replaces `@base-ui/react`). Drives the SCSS module's
- * `data-checked`/`data-unchecked`/`data-disabled` selectors from React; the visual track/thumb stay
- * in SCSS (transitions/pseudo-elements — GUD-003). Public props + `onChange(event, checked)`
- * unchanged. TASK-201.
- */
-export declare const StyledSwitch: React.ForwardRefExoticComponent<{
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-    disabled?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    id?: string;
-    dataTest?: string;
-    className?: string;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "type"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const StyledSwitch: React.ForwardRefExoticComponent<Omit<StyledSwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/src/components/miscellaneous/StyledFormControl.d.ts

@@ -1,22 +1,2 @@
-import { CSSProperties, ReactNode } from 'react';
-import { FieldSize } from '../inputs/field-styles';
-export interface FormControlProps {
-    children?: ReactNode;
-    error?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    size?: FieldSize;
-    fullWidth?: boolean;
-    /** Accepted for API parity; the design always renders outlined. */
-    variant?: string;
-    className?: string;
-    style?: CSSProperties;
-    sx?: unknown;
-    id?: string;
-}
-/**
- * Form-field context provider + positioned container (replaces MUI `FormControl`). Tracks
- * focus/filled state so `StyledInputLabel` can float and `StyledFormHelperText` can colour itself;
- * `StyledSelect` reports its state into this context. Public props preserved (DEC-003). TASK-401.
- */
-export declare const StyledFormControl: ({ children, error, disabled, required, size, fullWidth, className, style, sx, id, }: FormControlProps) => JSX.Element;
+import { FormControlProps } from '@mui/material';
+export declare const StyledFormControl: (props: FormControlProps) => JSX.Element;

package/dist/src/components/miscellaneous/StyledFormControlLabel.d.ts

@@ -1,21 +1,2 @@
-import { ChangeEvent, ReactElement, ReactNode } from 'react';
-export type LabelPlacement = 'end' | 'start' | 'top' | 'bottom';
-export interface FormControlLabelProps {
-    /** The control element (a checkbox, radio, or switch). Receives `checked`/`onChange`/`disabled`/`name`/`value` unless already set. */
-    control: ReactElement;
-    label?: ReactNode;
-    checked?: boolean;
-    disabled?: boolean;
-    name?: string;
-    value?: unknown;
-    labelPlacement?: LabelPlacement;
-    className?: string;
-    sx?: unknown;
-    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-}
-/**
- * Native replacement for MUI `FormControlLabel` — a `<label>` that pairs a form control with a
- * text label and forwards `checked`/`onChange`/`disabled`/`name`/`value` into the control (MUI's
- * clone behavior). Public props preserved (DEC-003). TASK-203.
- */
-export declare const StyledFormControlLabel: ({ control, label, checked, disabled, name, value, labelPlacement, className, sx, onChange, }: FormControlLabelProps) => JSX.Element;
+import { FormControlLabelProps } from '@mui/material';
+export declare const StyledFormControlLabel: ({ sx, ...props }: FormControlLabelProps) => JSX.Element;

package/dist/src/components/miscellaneous/StyledFormGroup.d.ts

@@ -1,11 +1,2 @@
-import { HTMLAttributes } from 'react';
-interface FormGroupProps extends HTMLAttributes<HTMLDivElement> {
-    row?: boolean;
-    sx?: unknown;
-    classes?: Record<string, string>;
-}
-/**
- * MUI-free `FormGroup`: a flex container, column by default or `row`. TASK-101.
- */
-export declare const StyledFormGroup: ({ row, className, sx, style, children, classes: _classes, ...rest }: FormGroupProps) => JSX.Element;
-export {};
+import { FormGroupProps } from '@mui/material';
+export declare const StyledFormGroup: React.FC<FormGroupProps>;

package/dist/src/components/miscellaneous/StyledFormHelperText.d.ts

@@ -1,12 +1,2 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export interface FormHelperTextProps extends Omit<HTMLAttributes<HTMLParagraphElement>, 'children'> {
-    children?: ReactNode;
-    error?: boolean;
-    disabled?: boolean;
-}
-/**
- * Helper/validation text under a field (replaces MUI `FormHelperText`). Inherits `error`/`disabled`
- * from a surrounding `StyledFormControl` when present, else from props. Public props preserved
- * (DEC-003). TASK-401.
- */
-export declare const StyledFormHelperText: ({ children, error, disabled, className, ...rest }: FormHelperTextProps) => JSX.Element;
+import { FormHelperTextProps } from '@mui/material';
+export declare const StyledFormHelperText: (props: FormHelperTextProps) => JSX.Element;

package/dist/src/components/miscellaneous/StyledInputLabel.d.ts

@@ -1,20 +1,2 @@
-import { ReactNode } from 'react';
-import { FieldSize } from '../inputs/field-styles';
-export interface InputLabelProps {
-    children?: ReactNode;
-    htmlFor?: string;
-    id?: string;
-    required?: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    size?: FieldSize;
-    /** Force the shrunk (floated) state; otherwise derived from the surrounding FormControl. */
-    shrink?: boolean;
-    className?: string;
-}
-/**
- * Floating field label (replaces MUI `InputLabel`). Reads focus/filled/error/size from the
- * surrounding `StyledFormControl`; `shrink` lifts it onto the border. Public props preserved
- * (DEC-003). TASK-401.
- */
-export declare const StyledInputLabel: ({ children, htmlFor, id, required, disabled, error, size, shrink, className, }: InputLabelProps) => JSX.Element;
+import { InputLabelProps } from '@mui/material';
+export declare const StyledInputLabel: (props: InputLabelProps) => JSX.Element;

package/dist/src/components/navigation/drawer/StyledDrawer.d.ts

@@ -1,29 +1,3 @@
-import { FC, ReactNode } from 'react';
-export type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';
-export type DrawerCloseReason = 'backdropClick' | 'escapeKeyDown';
-export interface DrawerProps {
-    open?: boolean;
-    onClose?: (event: Event | React.SyntheticEvent, reason: DrawerCloseReason) => void;
-    anchor?: DrawerAnchor;
-    variant?: 'temporary' | 'persistent' | 'permanent';
-    hideBackdrop?: boolean;
-    className?: string;
-    sx?: unknown;
-    PaperProps?: {
-        className?: string;
-        sx?: unknown;
-    };
-    /**
-     * Accepted for MUI `Drawer` parity (DEC-003). The panel always stays mounted so the slide
-     * transition can play, so `keepMounted` is effectively always-on — this prop is a typed no-op.
-     */
-    ModalProps?: {
-        keepMounted?: boolean;
-    };
-    children?: ReactNode;
-}
-/**
- * Sliding edge panel (replaces MUI `Drawer`). Portalled, slides from `anchor`, temporary variant
- * shows a backdrop and closes on backdrop-click / Escape. Public props preserved (DEC-003). TASK-304.
- */
+import { DrawerProps } from '@mui/material';
+import { FC } from 'react';
 export declare const StyledDrawer: FC<DrawerProps>;

package/dist/src/components/navigation/menu/StyledMenu.d.ts

@@ -1,33 +1,2 @@
-import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { PopoverOrigin, StyledPopoverProps } from '../../utils/popover';
-export interface MenuProps {
-    open: boolean;
-    anchorEl?: Element | null;
-    onClose?: StyledPopoverProps['onClose'];
-    anchorOrigin?: PopoverOrigin;
-    transformOrigin?: PopoverOrigin;
-    id?: string;
-    className?: string;
-    sx?: unknown;
-    classes?: {
-        paper?: string;
-        list?: string;
-    };
-    /** MUI `Menu` `slotProps.paper` parity (DEC-003): styles/classes forwarded to the menu paper. */
-    slotProps?: {
-        paper?: {
-            className?: string;
-            sx?: unknown;
-            style?: CSSProperties;
-        };
-    };
-    autoFocus?: boolean;
-    onClick?: (event: MouseEvent<HTMLUListElement>) => void;
-    children?: ReactNode;
-}
-/**
- * Anchored menu (replaces MUI `Menu`) = `StyledPopover` + a keyboard-navigable `StyledMenuList`.
- * Public props (`open`/`anchorEl`/`onClose`/`anchorOrigin`/`classes`/`autoFocus`) preserved
- * (DEC-003). TASK-303.
- */
-export declare const StyledMenu: ({ open, anchorEl, onClose, anchorOrigin, transformOrigin, id, className, sx, classes, slotProps, autoFocus, onClick, children, }: MenuProps) => JSX.Element;
+import { MenuProps } from '@mui/material';
+export declare const StyledMenu: (props: MenuProps) => JSX.Element;

package/dist/src/components/navigation/menu/StyledMenuItem.d.ts

@@ -1,23 +1,2 @@
-import { MouseEvent, ReactNode } from 'react';
-export interface StyledMenuItemProps {
-    children?: ReactNode;
-    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
-    disabled?: boolean;
-    selected?: boolean;
-    /** Compact vertical padding (MUI `MenuItem` `dense` parity, DEC-003). */
-    dense?: boolean;
-    value?: unknown;
-    className?: string;
-    classes?: {
-        root?: string;
-        selected?: string;
-    };
-    sx?: unknown;
-    'data-test'?: string;
-    'data-testid'?: string;
-}
-/**
- * Native `role="menuitem"` (replaces MUI `MenuItem`). Enter/Space activate; a disabled item stays
- * focusable but non-interactive (MUI parity). Public props preserved (DEC-003). TASK-303.
- */
-export declare const StyledMenuItem: ({ children, onClick, disabled, selected, dense, className, classes, sx, "data-test": dataTest, "data-testid": dataTestId, value: _value, }: StyledMenuItemProps) => JSX.Element;
+import { MenuItemProps } from '@mui/material';
+export declare const StyledMenuItem: (props: MenuItemProps) => JSX.Element;

package/dist/src/components/navigation/menu/StyledMenuList.d.ts

@@ -1,16 +1,2 @@
-import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
-export interface StyledMenuListProps {
-    children?: ReactNode;
-    className?: string;
-    /** Focus the first enabled item on mount (MUI Menu autoFocus behaviour). */
-    autoFocus?: boolean;
-    /** Drop the default vertical padding (MUI `disablePadding`). */
-    disablePadding?: boolean;
-    onClick?: (event: MouseEvent<HTMLUListElement>) => void;
-    onKeyDown?: (event: KeyboardEvent<HTMLUListElement>) => void;
-}
-/**
- * Keyboard-navigable `role="menu"` list (replaces MUI `MenuList`). Arrow-key / Home / End roving
- * focus over enabled `[role="menuitem"]` children. TASK-303.
- */
-export declare const StyledMenuList: ({ children, className, autoFocus, disablePadding, onClick, onKeyDown, }: StyledMenuListProps) => JSX.Element;
+import { MenuListProps } from '@mui/material';
+export declare const StyledMenuList: (props: MenuListProps) => JSX.Element;

package/dist/src/components/navigation/menu/index.d.ts

@@ -1,3 +1,4 @@
 export * from './StyledMenu';
 export * from './StyledMenuItem';
 export * from './StyledMenuList';
+export { type MenuProps } from '@mui/material';

package/dist/src/components/navigation/tabs/StyledTab.d.ts

@@ -1,17 +1,3 @@
-import { FC, ReactNode } from 'react';
-import { TabValue } from './TabsContext';
-export interface StyledTabProps {
-    value?: TabValue;
-    label?: ReactNode;
-    disabled?: boolean;
-    className?: string;
-    sx?: unknown;
-    /** @internal Injected by `StyledTabs` so a value-less tab selects by position (MUI parity). */
-    index?: number;
-}
-/**
- * Native tab button (replaces MUI `Tab`). Reads selection/size from the surrounding
- * `StyledTabs` context and reports its node so the parent can position the active indicator.
- * Public props (`value`/`label`/`disabled`/`className`) preserved (DEC-003). TASK-202.
- */
-export declare const StyledTab: FC<StyledTabProps>;
+import { TabProps } from '@mui/material';
+import { FC } from 'react';
+export declare const StyledTab: FC<TabProps>;

package/dist/src/components/navigation/tabs/StyledTabs.d.ts

@@ -1,20 +1,11 @@
-import { FC, ReactNode, SyntheticEvent } from 'react';
-import { TabValue } from './TabsContext';
-export interface StyledTabsProps {
-    value?: TabValue;
-    onChange?(event: SyntheticEvent, value: TabValue): void;
-    variant?: 'standard' | 'scrollable' | 'fullWidth';
-    scrollButtons?: 'auto' | boolean;
-    centered?: boolean;
+import { TabsProps } from '@mui/material';
+import { FC } from 'react';
+type StyledTabsProps = TabsProps & {
     size?: 'default' | 'small';
-    className?: string;
-    sx?: unknown;
-    children?: ReactNode;
-}
+};
 /**
- * Native tablist (replaces MUI `Tabs`). Provides selection/size via context to `StyledTab`
- * children, animates an underline indicator measured from the active tab, and — in the
- * `scrollable` variant — shows overflow scroll buttons. Roving-tabindex arrow-key nav. Public
- * props (`value`/`onChange`/`variant`/`scrollButtons`/`centered`/`size`) preserved (DEC-003). TASK-202.
+ * Styled wrapper for MUI Tabs with consistent theming tokens.
+ * Provides customized styling for tab indicators, scroll buttons, and inactive states.
  */
 export declare const StyledTabs: FC<StyledTabsProps>;
+export {};

package/dist/src/components/utils/accordion/StyledAccordion.d.ts

@@ -0,0 +1,2 @@
+import { AccordionProps } from '@mui/material';
+export declare const StyledAccordion: ({ className, ...props }: AccordionProps) => JSX.Element;

package/dist/src/components/utils/accordion/StyledAccordionDetails.d.ts

@@ -0,0 +1,2 @@
+import { AccordionDetailsProps } from '@mui/material';
+export declare const StyledAccordionDetails: (props: AccordionDetailsProps) => JSX.Element;

package/dist/src/components/utils/accordion/StyledAccordionSummary.d.ts

@@ -0,0 +1,8 @@
+import { AccordionSummaryProps } from '@mui/material';
+type StyledAccordionSummarySize = 'small' | 'large';
+interface StyledAccordionSummaryProps extends AccordionSummaryProps {
+    size?: StyledAccordionSummarySize;
+    expandChevronRight?: boolean;
+}
+export declare const StyledAccordionSummary: ({ size, expandChevronRight, className, sx, children, ...rest }: StyledAccordionSummaryProps) => JSX.Element;
+export {};

package/dist/src/components/utils/accordion/base-ui/StyledAccordion.d.ts

@@ -1,17 +1,11 @@
-import { HTMLAttributes } from 'react';
+import { Accordion } from '@base-ui/react/accordion';
 import * as React from 'react';
-interface StyledAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+interface StyledAccordionProps extends Omit<React.ComponentProps<typeof Accordion.Root>, 'value' | 'onValueChange' | 'defaultValue' | 'onChange'> {
     className?: string;
     children: React.ReactNode;
     expanded?: boolean;
     defaultExpanded?: boolean;
-    disabled?: boolean;
     onChange?: (expanded: boolean) => void;
 }
-/**
- * Native accordion root (replaces `@base-ui/react`): owns the open state (controlled via `expanded`
- * or uncontrolled via `defaultExpanded`) and shares it with `StyledAccordionSummary`/`Details`
- * through context. TASK-201.
- */
-export declare const StyledAccordion: ({ className, children, expanded, defaultExpanded, disabled, onChange, ...props }: StyledAccordionProps) => JSX.Element;
+export declare const StyledAccordion: ({ className, children, expanded, defaultExpanded, onChange, ...props }: StyledAccordionProps) => JSX.Element;
 export {};

package/dist/src/components/utils/accordion/base-ui/StyledAccordionDetails.d.ts

@@ -2,10 +2,5 @@ import * as React from 'react';
 type StyledAccordionDetailsProps = React.HTMLAttributes<HTMLDivElement> & {
     contentClassName?: string;
 };
-/**
- * Native accordion panel (replaces `@base-ui/react`): a `role="region"` whose height animates
- * between 0 and its measured content height via the SCSS `--accordion-panel-height` var (was
- * base-ui-provided). Kept `hidden` when closed after the transition for a11y. TASK-201.
- */
 export declare const StyledAccordionDetails: ({ children, className, contentClassName, ...props }: StyledAccordionDetailsProps) => JSX.Element;
 export {};

package/dist/src/components/utils/accordion/base-ui/StyledAccordionSummary.d.ts

@@ -1,14 +1,10 @@
+import { Accordion } from '@base-ui/react/accordion';
 import * as React from 'react';
 export type StyledAccordionSummarySize = 'small' | 'large';
-export interface StyledAccordionSummaryProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
-    headerClassName?: string;
+export interface StyledAccordionSummaryProps extends React.ComponentProps<typeof Accordion.Trigger> {
+    headerClassName?: string | ((state: Accordion.Item.State) => string);
     size?: StyledAccordionSummarySize;
     expandChevronRight?: boolean;
     sx?: React.CSSProperties;
 }
-/**
- * Native accordion trigger (replaces `@base-ui/react`): a `<button aria-expanded aria-controls>`
- * inside a header, toggling the shared context. `data-panel-open` drives the chevron rotation in
- * SCSS. TASK-201.
- */
-export declare const StyledAccordionSummary: ({ size, expandChevronRight, className, headerClassName, sx, children, onClick, ...rest }: StyledAccordionSummaryProps) => JSX.Element;
+export declare const StyledAccordionSummary: ({ size, expandChevronRight, className, headerClassName, sx, children, ...rest }: StyledAccordionSummaryProps) => JSX.Element;

package/dist/src/components/utils/copy-wrapper/CopyWrapper.d.ts

@@ -1,4 +1,4 @@
-import { AlertColor } from '../../feedback/snack-bar/StyledAlert';
+import { AlertColor } from '@mui/material';
 import { SnackbarProviderProps } from 'notistack';
 import { FC, PropsWithChildren, ReactNode } from 'react';
 export type MessageProps = SnackbarProviderProps & {

package/dist/src/components/utils/filter-menu/StyledFilterMenu.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { StyledPopoverProps } from '../popover';
+import { PopoverProps } from '@mui/material';
 /**
  * Custom props:
  * @param filterIsActive - needed to determine whether or not to show the dot in the top right corner indicating some changes were made
@@ -16,7 +16,7 @@ interface StyledFilterMenuProps {
     disabled?: boolean;
     size?: 'small' | 'large' | 'medium';
     variant?: 'contained' | 'outlined' | 'text' | 'textGray';
-    popoverProps?: Omit<StyledPopoverProps, 'open' | 'anchorEl' | 'onClose' | 'children'>;
+    popoverProps?: Omit<PopoverProps, 'open' | 'anchorEl' | 'onClose'>;
     anchorNode?: (props: {
         isOpen: boolean;
         onClose: () => void;

package/dist/src/components/utils/popover/StyledPopover.d.ts

@@ -1,32 +1,2 @@
-import { ReactNode } from 'react';
-export interface PopoverOrigin {
-    vertical: 'top' | 'center' | 'bottom' | number;
-    horizontal: 'left' | 'center' | 'right' | number;
-}
-export type PopoverCloseReason = 'backdropClick' | 'escapeKeyDown';
-export interface StyledPopoverProps {
-    open: boolean;
-    anchorEl?: Element | null;
-    onClose?: (event: object, reason?: PopoverCloseReason) => void;
-    anchorOrigin?: PopoverOrigin;
-    transformOrigin?: PopoverOrigin;
-    id?: string;
-    className?: string;
-    sx?: unknown;
-    slotProps?: {
-        paper?: {
-            className?: string;
-            sx?: unknown;
-            style?: React.CSSProperties;
-        };
-    };
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    children?: ReactNode;
-}
-/**
- * Anchored popover built on `@floating-ui/react` (replaces MUI `Popover`). Positions against
- * `anchorEl`, flips/shifts on collision, portalled, and closes on outside-press/escape mapping to
- * MUI's `onClose(event, reason)`. `anchorOrigin`/`transformOrigin`/`slotProps.paper` preserved
- * (DEC-003). TASK-302.
- */
-export declare const StyledPopover: ({ open, anchorEl, onClose, anchorOrigin, transformOrigin, id, className, sx, slotProps, onClick, children, }: StyledPopoverProps) => JSX.Element | null;
+import { PopoverProps } from '@mui/material';
+export declare const StyledPopover: ({ anchorOrigin, transformOrigin, className, ...props }: PopoverProps) => JSX.Element;

package/dist/src/datetime/components/date-picker/components/StyledCalendarPicker.d.ts

@@ -1,5 +1,5 @@
 import { DatePickerProps } from '../types';
-import { StyledPopoverProps as PopoverProps } from '../../../../components/utils/popover';
+import { PopoverProps } from '@mui/material';
 export declare const StyledCalendarPicker: React.FC<{
     datePickerProps: DatePickerProps;
     popoverProps: PopoverProps;

package/dist/src/datetime/components/date-picker/components/StyledDayPicker.d.ts

@@ -1,5 +1,5 @@
 import { DatePickerProps } from '../types';
-import { StyledPopoverProps as PopoverProps } from '../../../../components/utils/popover';
+import { PopoverProps } from '@mui/material';
 export declare const StyledDayPicker: React.FC<{
     datePickerProps: DatePickerProps;
     popoverProps: PopoverProps;

package/dist/src/datetime/components/date-picker/hooks/useDatePickerMask.d.ts

@@ -1,3 +1,4 @@
+import { MutableRefObject } from 'node_modules/@types/react';
 export declare const useDatePickerMask: () => {
-    maskRef: (element: HTMLInputElement | null) => void;
+    maskRef: MutableRefObject<HTMLInputElement | null>;
 };

package/dist/src/datetime/components/time-picker/TimePickerInput.d.ts

@@ -1,5 +1,5 @@
 import { StyledTimePickerProps } from './types';
-import { PopupState } from '../../../hooks/usePopupState';
+import { PopupState } from 'material-ui-popup-state/hooks';
 import { ChangeEvent } from 'react';
 export declare const TimePickerInput: React.FC<StyledTimePickerProps & {
     popupState: PopupState;

package/dist/src/datetime/components/time-picker/TimePickerPopper.d.ts

@@ -1,4 +1,4 @@
-import { PopupState } from '../../../hooks/usePopupState';
+import { PopupState } from 'material-ui-popup-state/hooks';
 import { StyledTimePickerProps } from './types';
 export declare const TimePickerPopper: React.FC<StyledTimePickerProps & {
     popupState: PopupState;

package/dist/src/datetime/components/time-picker/types.d.ts

@@ -1,3 +1,4 @@
+import { default as PopupState } from 'material-ui-popup-state';
 import { ReactNode } from 'react';
 /**
     * @param notBeforeTime - Start time of the range. Selected time must be after this value.
@@ -18,4 +19,4 @@ export interface StyledTimePickerProps {
     title?: string;
     notBeforeTime?: Date;
 }
-export type IPopupStateType = JSX.Element;
+export type IPopupStateType = ReturnType<typeof PopupState>;

package/dist/src/datetime/shared-components/StyledFormControl.d.ts

@@ -1 +1,2 @@
-export { StyledFormControl, type FormControlProps } from '../../components/miscellaneous/StyledFormControl';
+import { FormControlProps } from '@mui/material';
+export declare const StyledFormControl: (props: FormControlProps) => JSX.Element;

package/dist/src/datetime/shared-components/StyledInputField.d.ts

@@ -1 +1,12 @@
-export { StyledInputField, type StyledInputFieldProps } from '../../components/inputs/input-field/StyledInputField';
+import { TextFieldProps } from '@mui/material';
+/**
+ *
+ * @inputRef
+ * inputRef to get Node of Input Element inside
+ *
+ * type='mui-input' is temporary, remove it after deleting antd from all projects. Antd lib overwrites styles for type[text]
+ */
+export declare const StyledInputField: React.FC<TextFieldProps & {
+    readOnly?: boolean;
+    dataTest: string;
+}>;

package/dist/src/datetime/shared-components/StyledSelect.d.ts

@@ -1 +1,16 @@
-export { StyledSelect, type StyledSelectProps, type SelectChangeEvent } from '../../components/inputs/select/StyledSelect';
+import { SelectProps } from '@mui/material';
+/**
+ *
+ * @usage
+ * use StyleSelect only inside StyledFormControl
+ *
+ * @size
+ * control the size through StyledFormControl
+ *
+ * @inputRef
+ * inputRef to get Node of Input Element inside
+ *
+ */
+export declare const StyledSelect: React.FC<SelectProps & {
+    dataTest: string;
+}>;

package/dist/src/datetime/shared-components/StyledSelectItem.d.ts

@@ -1 +1,2 @@
-export { StyledSelectItem, type StyledSelectItemProps } from '../../components/inputs/select/StyledSelectItem';
+import { MenuItemProps } from '@mui/material';
+export declare const StyledSelectItem: (item: MenuItemProps) => JSX.Element;

package/dist/src/datetime/shared-components/StyledTooltip.d.ts

@@ -1 +1,2 @@
-export { StyledTooltip, type TooltipProps } from '../../components/data-display/tooltip/StyledTooltip';
+import { TooltipProps } from '@mui/material';
+export declare const StyledTooltip: (props: TooltipProps) => JSX.Element;

package/dist/src/index.d.ts

@@ -43,7 +43,6 @@ export * from './table';
 export * from './components/utils/popover';
 export * from './components/utils/filter-menu';
 export * from './components/utils/copy-wrapper';
-export * from './components/utils/virtual-list';
 export * from './components/custom/widget/widget-title/StyledWidgetTitle';
 export * from './components/custom/widget/widget-header/StyledWidgetHeader';
 export * from './components/custom/widget/widget/StyledWidget';
@@ -51,4 +50,4 @@ export * from './components/custom/module/module-title/StyledModuleTitle';
 export * from './components/custom/module/header-layout';
 export * from './components/feedback/minimizable-dialog';
 export * from './hooks/usePopupState';
-export { Paper, ClickAwayListener, Avatar, Skeleton, Container, Stack, FormLabel, Fade, Popper, } from './components/mui-compat';
+export { Fade, Paper, ClickAwayListener, Popper, Avatar, Skeleton, Container, Stack, FormLabel } from '@mui/material';