asma-ui-core 3.41.0 → 3.42.1

package/dist/src/components/inputs/select-autocomplete/StyledSelectAutocomplete.d.ts

@@ -1,96 +1,25 @@
-import { HTMLAttributes, KeyboardEvent, ReactNode, SyntheticEvent } from 'react';
-export type AutocompleteChangeReason = 'createOption' | 'selectOption' | 'removeOption' | 'clear' | 'blur';
-export type AutocompleteInputChangeReason = 'input' | 'reset' | 'clear';
-export interface AutocompleteRenderOptionState {
-    selected: boolean;
-    index: number;
-    inputValue: string;
-}
-/** Props the combobox hands to `renderInput`; spread straight onto `StyledInputField`. */
-export interface AutocompleteRenderInputParams {
-    disabled?: boolean;
-    size?: 'small' | 'medium';
-    fullWidth?: boolean;
-    value: string;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onFocus: () => void;
-    onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
-    slotProps: {
-        htmlInput: Record<string, unknown> & {
-            ref: React.Ref<HTMLInputElement>;
-        };
-        input: {
-            startAdornment?: ReactNode;
-            endAdornment?: ReactNode;
-        };
-    };
-}
-type OptionLiProps = HTMLAttributes<HTMLLIElement> & {
-    key?: string;
-    ref?: React.Ref<HTMLLIElement>;
-    [dataAttr: `data-${string}`]: unknown;
-};
-type SingleValue<T> = T | null;
-type MultiValue<T> = T[];
-type AutocompleteValue<T, Multiple, DisableClearable, FreeSolo> = Multiple extends true ? MultiValue<T> : FreeSolo extends true ? T | string | null : DisableClearable extends true ? T : SingleValue<T>;
-export interface StyledSelectAutocompleteProps<T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false> {
+import { AutocompleteProps, ChipTypeMap } from '@mui/material';
+type StyledSelectAutocompleteBaseProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType> = Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'multiple'> & {
     dataTest: string;
-    options: readonly T[];
-    renderInput: (params: AutocompleteRenderInputParams) => ReactNode;
-    value?: SingleValue<T> | MultiValue<T> | string | undefined;
-    defaultValue?: SingleValue<T> | MultiValue<T> | string | undefined;
-    onChange?: (event: SyntheticEvent, value: AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>, reason: AutocompleteChangeReason, details?: {
-        option: T;
-    }) => void;
-    getOptionLabel?: (option: T) => string;
-    isOptionEqualToValue?: (option: T, value: T) => boolean;
-    renderOption?: (props: OptionLiProps, option: T, state: AutocompleteRenderOptionState) => ReactNode;
-    renderValue?: (value: MultiValue<T>, getItemProps: (opts: {
-        index: number;
-    }) => OptionLiProps) => ReactNode;
-    filterOptions?: (options: T[], state: {
-        inputValue: string;
-    }) => T[];
-    groupBy?: (option: T) => string;
-    loading?: boolean;
-    loadingText?: ReactNode;
-    noOptionsText?: ReactNode;
-    disabled?: boolean;
-    readOnly?: boolean;
-    size?: 'small' | 'medium';
-    disableClearable?: boolean;
-    freeSolo?: boolean;
-    open?: boolean;
-    onOpen?: (event?: SyntheticEvent) => void;
-    onClose?: (event?: SyntheticEvent, reason?: string) => void;
-    disableCloseOnSelect?: boolean;
-    inputValue?: string;
-    onInputChange?: (event: SyntheticEvent | null, value: string, reason: AutocompleteInputChangeReason) => void;
-    popupIcon?: ReactNode;
     autoHeight?: boolean;
-    multiple?: Multiple;
+    getOptionLabel?: (option: T) => string;
+    wrapperClassName?: string;
+};
+type StyledSelectAutocompleteConditionalProps<Multiple extends boolean | undefined> = Multiple extends true ? {
+    multiple: true;
     allowSelectAll?: boolean;
     selectAllLabel?: string;
-    fullWidth?: boolean;
-    /** Accepted for MUI parity; single-select already omits selected options via filtering. */
-    filterSelectedOptions?: boolean;
-    classes?: {
-        root?: string;
-        paper?: string;
-        listbox?: string;
-    };
-    className?: string;
-    wrapperClassName?: string;
-    sx?: unknown;
-}
+} : {
+    multiple?: Multiple;
+    allowSelectAll?: never;
+    selectAllLabel?: never;
+};
+export type StyledSelectAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = StyledSelectAutocompleteBaseProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent> & StyledSelectAutocompleteConditionalProps<Multiple>;
 /**
- * Custom combobox (replaces MUI `Autocomplete`, DEC-002) built on `@floating-ui/react`. Supports
- * single + multiple selection (with tag chips + optional select-all), type-ahead filtering,
- * async `loading`, grouping, and the MUI `renderInput`/`renderOption`/`renderValue` callback
- * contracts. Public props/generics preserved (DEC-003). TASK-401.
  *
- * ponytail: `freeSolo` is accepted (arbitrary input is emitted via onInputChange) but not turned
- * into option values; exact keyboard-parity edge cases are Chromatic/axe-gated.
+ * @inputRef
+ * inputRef to get Node of Input Element inside
+ *
  */
-export declare function StyledSelectAutocomplete<T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>({ dataTest, options, renderInput, value, onChange, getOptionLabel, isOptionEqualToValue, renderOption, renderValue, filterOptions, loading, loadingText, noOptionsText, disabled, readOnly, size, disableClearable, popupIcon, multiple, fullWidth, classes, inputValue: controlledInput, onInputChange, open: controlledOpen, onOpen, onClose, className, wrapperClassName, }: StyledSelectAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>): JSX.Element;
+export declare function StyledSelectAutocomplete<T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>({ dataTest, autoHeight, getOptionLabel, wrapperClassName, multiple, allowSelectAll, selectAllLabel, className, defaultValue, isOptionEqualToValue, onChange, options, popupIcon, readOnly, renderOption, renderValue, sx, value, ...props }: StyledSelectAutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>): JSX.Element;
 export {};

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;