asma-ui-core 3.33.0 → 3.35.0

package/dist/src/components/navigation/listbox/Listbox.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+type RenderProp<P> = ReactNode | ((state: P) => ReactNode);
+declare function ListboxRoot<T>({ value, onChange, children, }: {
+    value: T;
+    onChange: (value: T) => void;
+    children: ReactNode;
+}): JSX.Element;
+declare function ListboxOption<T>({ value, disabled, children, className, }: {
+    value: T;
+    disabled?: boolean;
+    children: RenderProp<{
+        selected: boolean;
+    }>;
+    className?: string;
+}): JSX.Element;
+export declare const Listbox: typeof ListboxRoot & {
+    Button: ({ children, className, ...rest }: {
+        children: RenderProp<{
+            open: boolean;
+        }>;
+        className?: string;
+    } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">) => JSX.Element;
+    Option: typeof ListboxOption;
+    Options: ({ children, className }: {
+        children: ReactNode;
+        className?: string;
+    }) => JSX.Element | null;
+};
+export {};

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

@@ -0,0 +1 @@
+export * from './Listbox';

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

@@ -1,2 +1,25 @@
-import { MenuProps } from '@mui/material';
-export declare const StyledMenu: (props: MenuProps) => JSX.Element;
+import { 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;
+    };
+    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, autoFocus, onClick, children, }: MenuProps) => JSX.Element;

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

@@ -1,2 +1,21 @@
-import { MenuItemProps } from '@mui/material';
-export declare const StyledMenuItem: (props: MenuItemProps) => JSX.Element;
+import { MouseEvent, ReactNode } from 'react';
+export interface StyledMenuItemProps {
+    children?: ReactNode;
+    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
+    disabled?: boolean;
+    selected?: 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, className, classes, sx, "data-test": dataTest, "data-testid": dataTestId, value: _value, }: StyledMenuItemProps) => JSX.Element;

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

@@ -1,2 +1,16 @@
-import { MenuListProps } from '@mui/material';
-export declare const StyledMenuList: (props: MenuListProps) => JSX.Element;
+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;

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

@@ -1,4 +1,3 @@
 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,3 +1,17 @@
-import { TabProps } from '@mui/material';
-import { FC } from 'react';
-export declare const StyledTab: FC<TabProps>;
+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>;

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

@@ -1,11 +1,20 @@
-import { TabsProps } from '@mui/material';
-import { FC } from 'react';
-type StyledTabsProps = TabsProps & {
+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;
     size?: 'default' | 'small';
-};
+    className?: string;
+    sx?: unknown;
+    children?: ReactNode;
+}
 /**
- * Styled wrapper for MUI Tabs with consistent theming tokens.
- * Provides customized styling for tab indicators, scroll buttons, and inactive states.
+ * 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.
  */
 export declare const StyledTabs: FC<StyledTabsProps>;
-export {};

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

@@ -0,0 +1,11 @@
+import { SyntheticEvent } from 'react';
+export type TabValue = unknown;
+export interface TabsContextValue {
+    value: TabValue;
+    size: 'default' | 'small';
+    onSelect: (event: SyntheticEvent, value: TabValue) => void;
+    /** Registers a tab button so the parent can measure the active indicator and drive arrow-key focus. */
+    register: (value: TabValue, node: HTMLButtonElement | null) => void;
+}
+export declare const TabsContext: import('node_modules/@types/react').Context<TabsContextValue | null>;
+export declare const useTabsContext: () => TabsContextValue | null;

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

@@ -0,0 +1,10 @@
+export interface AccordionContextValue {
+    open: boolean;
+    toggle: () => void;
+    disabled?: boolean;
+    triggerId: string;
+    panelId: string;
+}
+/** Shared open-state + ARIA ids for the accordion compound (replaces `@base-ui/react`). */
+export declare const AccordionContext: import('node_modules/@types/react').Context<AccordionContextValue | null>;
+export declare const useAccordionContext: () => AccordionContextValue;

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

@@ -1,11 +1,17 @@
-import { Accordion } from '@base-ui/react/accordion';
+import { HTMLAttributes } from 'react';
 import * as React from 'react';
-interface StyledAccordionProps extends Omit<React.ComponentProps<typeof Accordion.Root>, 'value' | 'onValueChange' | 'defaultValue' | 'onChange'> {
+interface StyledAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
     className?: string;
     children: React.ReactNode;
     expanded?: boolean;
     defaultExpanded?: boolean;
+    disabled?: boolean;
     onChange?: (expanded: boolean) => void;
 }
-export declare const StyledAccordion: ({ className, children, expanded, defaultExpanded, onChange, ...props }: StyledAccordionProps) => JSX.Element;
+/**
+ * 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 {};

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

@@ -2,5 +2,10 @@ 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,10 +1,14 @@
-import { Accordion } from '@base-ui/react/accordion';
 import * as React from 'react';
 export type StyledAccordionSummarySize = 'small' | 'large';
-export interface StyledAccordionSummaryProps extends React.ComponentProps<typeof Accordion.Trigger> {
-    headerClassName?: string | ((state: Accordion.Item.State) => string);
+export interface StyledAccordionSummaryProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+    headerClassName?: string;
     size?: StyledAccordionSummarySize;
     expandChevronRight?: boolean;
     sx?: React.CSSProperties;
 }
-export declare const StyledAccordionSummary: ({ size, expandChevronRight, className, headerClassName, sx, children, ...rest }: StyledAccordionSummaryProps) => JSX.Element;
+/**
+ * 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;

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

@@ -1,4 +1,4 @@
-import { AlertColor } from '@mui/material';
+import { AlertColor } from '../../feedback/snack-bar/StyledAlert';
 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 { PopoverProps } from '@mui/material';
+import { StyledPopoverProps } from '../popover';
 /**
  * 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<PopoverProps, 'open' | 'anchorEl' | 'onClose'>;
+    popoverProps?: Omit<StyledPopoverProps, 'open' | 'anchorEl' | 'onClose' | 'children'>;
     anchorNode?: (props: {
         isOpen: boolean;
         onClose: () => void;

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

@@ -1,2 +1,31 @@
-import { PopoverProps } from '@mui/material';
-export declare const StyledPopover: ({ anchorOrigin, transformOrigin, className, ...props }: PopoverProps) => JSX.Element;
+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;
+        };
+    };
+    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;

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-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.
@@ -19,4 +18,4 @@ export interface StyledTimePickerProps {
     title?: string;
     notBeforeTime?: Date;
 }
-export type IPopupStateType = ReturnType<typeof PopupState>;
+export type IPopupStateType = JSX.Element;

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

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

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

@@ -1,12 +1 @@
-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;
-}>;
+export { StyledInputField, type StyledInputFieldProps } from '../../components/inputs/input-field/StyledInputField';

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

@@ -1,16 +1 @@
-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;
-}>;
+export { StyledSelect, type StyledSelectProps, type SelectChangeEvent } from '../../components/inputs/select/StyledSelect';

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

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

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

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

package/dist/src/helpers/arrays.d.ts

@@ -0,0 +1,2 @@
+/** Removes all falsy entries with type narrowing — lodash `compact` semantics. */
+export declare const compact: <T>(array: readonly (T | null | undefined | false | "" | 0)[]) => T[];

package/dist/src/helpers/arrays.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/helpers/inputMask.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Dependency-free input masking — replaces `@react-input/mask` for the two masks this library
+ * actually uses: the date scaffold `'  /  /    '` (showMask) and the progressive time mask
+ * `'xx:xx'`. Slots (positions equal to `maskChar`) accept digits; every other mask character is a
+ * literal.
+ */
+export interface InputMaskSpec {
+    /** Mask template, e.g. `'  /  /    '` or `'xx:xx'`. */
+    mask: string;
+    /** The character in `mask` marking a fillable slot, e.g. `' '` or `'x'`. */
+    maskChar: string;
+    /** true → render the full scaffold once any digit is present; false → grow as the user types. */
+    showMask: boolean;
+}
+export interface MaskedResult {
+    value: string;
+    caret: number;
+}
+/**
+ * Pure formatter: distributes the digits of `raw` over the mask slots and computes the caret
+ * position that follows the last digit typed before `caretInRaw`. Zero digits always yield an
+ * empty value so the input's placeholder shows.
+ */
+export declare const formatMaskedValue: (raw: string, caretInRaw: number, spec: InputMaskSpec) => MaskedResult;
+/**
+ * Ref-callback hook applying `formatMaskedValue` on every native `input` event, before React's
+ * delegated onChange reads the value — a drop-in for `useMask` from `@react-input/mask`.
+ */
+export declare const useInputMask: ({ mask, maskChar, showMask }: InputMaskSpec) => ((element: HTMLInputElement | null) => void);

package/dist/src/helpers/inputMask.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/helpers/sx.d.ts

@@ -0,0 +1,2 @@
+import { CSSProperties } from 'react';
+export declare const resolveSx: (sx: unknown) => CSSProperties;

package/dist/src/helpers/sx.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/hooks/usePopupState.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+/**
+ * Dependency-free popup state primitive — a drop-in for the small slice of
+ * `material-ui-popup-state` most apps use: a `PopupState` render-prop / `usePopupState` hook plus
+ * `bindTrigger`/`bindPopper`/`bindPopover` helpers. `open`/`toggle` accept a React event or an
+ * element and derive the anchor from `currentTarget`; the bind helpers produce the prop shapes
+ * consumed by MUI `Popover`/`Popper` (and this library's `StyledPopover`).
+ */
+type PopupVariant = 'popover' | 'popper';
+type OpenArg = React.SyntheticEvent<Element> | Element | null | undefined;
+export interface PopupState {
+    isOpen: boolean;
+    anchorEl: HTMLElement | undefined;
+    popupId?: string;
+    variant: PopupVariant;
+    open: (eventOrAnchorEl?: OpenArg) => void;
+    close: () => void;
+    toggle: (eventOrAnchorEl?: OpenArg) => void;
+    setAnchorEl: (el: HTMLElement | undefined) => void;
+}
+export type InjectedProps = PopupState;
+interface ControlAriaProps {
+    'aria-controls': string | undefined;
+    'aria-describedby': string | undefined;
+    'aria-haspopup': true | undefined;
+}
+type TriggerBindProps = ControlAriaProps & {
+    onClick: PopupState['open'];
+    onTouchStart: PopupState['open'];
+};
+interface PopoverBindProps {
+    anchorEl: HTMLElement | undefined;
+    id: string | undefined;
+    onClose: () => void;
+    open: boolean;
+}
+interface PopperBindProps {
+    anchorEl: HTMLElement | undefined;
+    id: string | undefined;
+    open: boolean;
+}
+export declare const usePopupState: ({ popupId, variant }: {
+    popupId?: string;
+    variant: PopupVariant;
+}) => PopupState;
+export declare const PopupState: ({ variant, popupId, children, }: {
+    variant: PopupVariant;
+    popupId?: string;
+    children: (popupState: PopupState) => ReactNode;
+}) => JSX.Element;
+export declare const bindTrigger: (state: PopupState) => TriggerBindProps;
+export declare const bindPopover: (state: PopupState) => PopoverBindProps;
+export declare const bindPopper: (state: PopupState) => PopperBindProps;
+export {};

package/dist/src/index.d.ts

@@ -37,6 +37,7 @@ export * from './components/navigation/drawer';
 export * from './components/navigation/menu';
 export * from './components/navigation/link';
 export * from './components/navigation/tabs';
+export * from './components/navigation/listbox';
 export * from './components/utils/accordion';
 export * from './table';
 export * from './components/utils/popover';
@@ -48,4 +49,5 @@ export * from './components/custom/widget/widget/StyledWidget';
 export * from './components/custom/module/module-title/StyledModuleTitle';
 export * from './components/custom/module/header-layout';
 export * from './components/feedback/minimizable-dialog';
-export { Fade, Paper, ClickAwayListener, Popper, Avatar, Skeleton, Container, Stack, FormLabel } from '@mui/material';
+export * from './hooks/usePopupState';
+export { Paper, ClickAwayListener, Avatar, Skeleton, Container, Stack, FormLabel, Fade, Popper, } from './components/mui-compat';

package/dist/src/table/shared-components/StyledCheckbox.d.ts

@@ -1,5 +1,4 @@
-import { default as React, SVGProps } from 'react';
-import { Checkbox } from '@base-ui/react/checkbox';
+import { default as React, ChangeEvent, SVGProps } from 'react';
 type StyledCheckboxProps = {
     dataTest: string;
     size?: 'small' | 'medium';
@@ -8,9 +7,13 @@ type StyledCheckboxProps = {
     disableRipple?: boolean;
     hideWrapper?: boolean;
     className?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-} & Omit<React.ComponentProps<typeof Checkbox.Root>, 'children'>;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'checked' | 'type'>;
 export declare const IndeterminateIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export declare const CheckIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+/**
+ * Table's native `<input type="checkbox">` (replaces `@base-ui/react`). Mirrors the main
+ * `StyledCheckbox`; state drives the SCSS `data-*` selectors. TASK-201.
+ */
 export declare const StyledCheckbox: React.FC<StyledCheckboxProps>;
 export {};

package/dist/src/table/shared-components/StyledMenuItem.d.ts

@@ -1,2 +1,18 @@
-import { MenuItemProps } from '@mui/material';
-export declare const StyledMenuItem: (props: MenuItemProps) => JSX.Element;
+import { MouseEvent, ReactNode } from 'react';
+export interface StyledMenuItemProps {
+    children?: ReactNode;
+    disabled?: boolean;
+    selected?: boolean;
+    className?: string;
+    classes?: {
+        root?: string;
+    };
+    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
+    onMouseDown?: (event: MouseEvent<HTMLLIElement>) => void;
+    onMouseUp?: (event: MouseEvent<HTMLLIElement>) => void;
+}
+/**
+ * Table row-action menu item (replaces MUI `MenuItem`). Native `role="menuitem"`; disabled stays
+ * focusable but non-interactive. TASK-404.
+ */
+export declare const StyledMenuItem: ({ children, disabled, selected, className, classes, onClick, onMouseDown, onMouseUp, }: StyledMenuItemProps) => JSX.Element;

package/dist/src/table/shared-components/menu-item/index.d.ts

@@ -1,2 +1,13 @@
-import { MenuItemProps } from '@mui/material';
-export declare const StyledMenuItem: (props: MenuItemProps) => JSX.Element;
+import { MouseEvent, ReactNode } from 'react';
+export interface MenuItemProps {
+    children?: ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+    className?: string;
+    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
+}
+/**
+ * Table menu item with a leading check column (replaces MUI `MenuItem`). Native `role="menuitem"`.
+ * TASK-404.
+ */
+export declare const StyledMenuItem: ({ children, selected, disabled, className, onClick }: MenuItemProps) => JSX.Element;

package/dist/src/table/shared-components/tooltip/index.d.ts

@@ -1,2 +1,6 @@
-import { TooltipProps } from '@mui/material';
+import { TooltipProps } from '../../../components/data-display/tooltip/StyledTooltip';
+/**
+ * Table tooltip — the core `StyledTooltip` (MUI-free) with the table's arrow + top-placement
+ * defaults. TASK-404.
+ */
 export declare const StyledTooltip: (props: TooltipProps) => JSX.Element;

package/dist/src/table/types.d.ts

@@ -1,7 +1,7 @@
 import { ColumnPinningColumnDef, ColumnSizingColumnDef, GroupingColumnDef, RowData, SortingColumnDef, VisibilityColumnDef, AccessorFn, ColumnDefTemplate, CellContext, ColumnMeta, HeaderContext, Row, RowModel, TableOptions, Table, ColumnDef } from '@tanstack/react-table';
 import { CSSProperties, MouseEvent, MutableRefObject, ReactElement, ReactNode } from 'react';
 import { ExpandedRow, ExpandedRowsInstance, ExpandedRowsOptions, ExpandedRowsTableState } from './custom-features/expand-rows';
-import { TooltipProps } from '@mui/material';
+import { TooltipProps } from '../components/data-display/tooltip/StyledTooltip';
 import { FocusedRowsOptions, FocusedRowsTableState, FocusedRow, FocusedRowsInstance } from './custom-features/focus-rows';
 import { OrderedColumnsOptions, OrderedColumnsTableState } from './custom-features/order-columns';
 import { RowSelectionTooltipOptions, RowSelectionTooltipRow } from './custom-features/row-selection-tooltip';

package/dist/table/components/Fetching.js

@@ -1,10 +1,10 @@
-import o from "./StyledTable.module.js";
-import { LoadingIcon as i } from "../shared-components/LoadingIcon.js";
+import { LoadingIcon as o } from "../shared-components/LoadingIcon.js";
+import i from "./StyledTable.module.js";
 import { jsx as e } from "react/jsx-runtime";
 var m = ({ fetching: t = !1 }) => t ? /* @__PURE__ */ e("div", {
   className: "absolute bottom-0 left-0 right-0 top-0 z-10 flex items-center justify-center bg-white/40",
-  children: /* @__PURE__ */ e(i, {
-    className: o["loading-icon"],
+  children: /* @__PURE__ */ e(o, {
+    className: i["loading-icon"],
     width: 50,
     height: 50
   })