asma-ui-core 3.41.0 → 3.42.1

package/dist/src/components/data-display/tooltip/StyledTooltip.d.ts

@@ -1,36 +1,2 @@
-import { CSSProperties, ReactElement, ReactNode } from 'react';
-import { Placement } from '@floating-ui/react';
-interface TooltipSlotProps {
-    tooltip?: {
-        sx?: unknown;
-        className?: string;
-        style?: CSSProperties;
-    };
-    popper?: unknown;
-    transition?: unknown;
-    arrow?: unknown;
-}
-export interface TooltipProps {
-    title: ReactNode;
-    children: ReactElement;
-    placement?: Placement;
-    arrow?: boolean;
-    enterDelay?: number;
-    leaveDelay?: number;
-    open?: boolean;
-    onOpen?: () => void;
-    onClose?: () => void;
-    disableHoverListener?: boolean;
-    disableFocusListener?: boolean;
-    disableTouchListener?: boolean;
-    className?: string;
-    slotProps?: TooltipSlotProps;
-}
-/**
- * Tooltip built on `@floating-ui/react` (replaces MUI `Tooltip`) — hover(+`enterDelay`)/focus open,
- * dismiss on blur/esc, `flip`/`shift` collision handling, optional arrow, portalled. Empty `title`
- * renders the child alone (MUI parity). Preserves the `#363E4A` design and the `title`/`placement`/
- * `arrow`/`enterDelay`/`open`/`slotProps` surface (DEC-003). TASK-301.
- */
-export declare const StyledTooltip: ({ title, children, placement, arrow, enterDelay, leaveDelay, open: controlledOpen, onOpen, onClose, disableHoverListener, disableFocusListener, className, slotProps, }: TooltipProps) => JSX.Element;
-export {};
+import { TooltipProps } from '@mui/material';
+export declare const StyledTooltip: (props: TooltipProps) => JSX.Element;

package/dist/src/components/data-display/typography/StyledTypography.d.ts

@@ -1,20 +1,2 @@
-import { CSSProperties, ElementType, HTMLAttributes, ReactNode } from 'react';
-export interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
-    variant?: string;
-    variantMapping?: Record<string, string>;
-    align?: CSSProperties['textAlign'];
-    noWrap?: boolean;
-    gutterBottom?: boolean;
-    color?: string;
-    component?: ElementType;
-    sx?: unknown;
-    classes?: Record<string, string>;
-    children?: ReactNode;
-}
-/**
- * Native, MUI-free reimplementation of the previous `Typography` passthrough. Reproduces MUI v9's
- * default typography scale via Tailwind utilities, the variant→element mapping, and the
- * `align`/`noWrap`/`gutterBottom`/`color` props. `sx` is honoured via `resolveSx` (DEC-007).
- * Signature unchanged: still accepts `TypographyProps` (DEC-003).
- */
+import { TypographyProps } from '@mui/material';
 export declare const StyledTypography: (props: TypographyProps) => JSX.Element;

package/dist/src/components/feedback/dialog/StyledDialog.d.ts

@@ -1,57 +1,11 @@
-import { CSSProperties, ReactNode, SyntheticEvent } from 'react';
-export type DialogCloseReason = 'escapeKeyDown' | 'backdropClick';
-export type DialogMaxWidth = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
-interface DialogPaperProps {
-    className?: string;
-    sx?: unknown;
-    ref?: React.Ref<HTMLDialogElement>;
-}
-export interface IStyledDialogProps {
-    open: boolean;
-    onClose?: (event: SyntheticEvent | Event, reason: DialogCloseReason) => void;
-    children?: ReactNode;
-    dataTest: string;
-    maxWidth?: DialogMaxWidth;
-    fullWidth?: boolean;
-    fullScreen?: boolean;
-    scroll?: 'paper' | 'body';
-    disableEscapeKeyDown?: boolean;
-    /**
-     * Accepted for MUI `Dialog` parity (DEC-003). Focus is trapped by the native `<dialog>`
-     * `showModal()`, so this MUI `Modal` prop is a typed no-op.
-     */
-    disableEnforceFocus?: boolean;
-    className?: string;
-    style?: CSSProperties;
-    sx?: unknown;
-    /**
-     * MUI `Dialog` `classes` parity (DEC-003). The native `<dialog>` is the paper, so `classes.paper`
-     * is merged onto it; `classes.root` is accepted as a typed no-op (no separate root element).
-     */
-    classes?: {
-        paper?: string;
-        root?: string;
-    };
-    PaperProps?: DialogPaperProps;
-    slotProps?: {
-        paper?: DialogPaperProps;
-        backdrop?: Record<string, unknown>;
-    };
+import { DialogProps } from '@mui/material/Dialog';
+import { ReactNode } from 'react';
+export interface IStyledDialogProps extends DialogProps {
     onCloseText?: ReactNode;
     showCloseIcon?: boolean;
+    dataTest: string;
     dialogLabel?: ReactNode;
     dialogTitle?: ReactNode;
     dialogHeaderNode?: ReactNode;
 }
-/**
- * Modal dialog built on the native `<dialog>` element (replaces MUI `Dialog`) — backdrop, focus
- * trap and ESC handling come from `showModal()` for free. The `<dialog>` element is the "paper",
- * so `PaperProps`/`slotProps.paper` and `className` style it directly; `::backdrop` is the overlay.
- * Public props preserved (DEC-003). TASK-205.
- *
- * ponytail: open/close is instant (no MUI fade) and body-scroll behind the modal isn't locked —
- * both known ceilings; Chromatic in CI is the visual gate. Upgrade path: add `@starting-style`
- * transitions and a scroll-lock effect if a diff calls for it.
- */
 export declare const StyledDialog: React.FC<IStyledDialogProps>;
-export {};

package/dist/src/components/feedback/dialog/StyledDialogActions.d.ts

@@ -1,12 +1,2 @@
-import { HTMLAttributes } from 'react';
-interface DialogActionsProps extends HTMLAttributes<HTMLDivElement> {
-    sx?: unknown;
-    classes?: Record<string, string>;
-    disableSpacing?: boolean;
-}
-/**
- * MUI-free dialog actions: a right-aligned flex row of buttons; on mobile each button wrapper
- * stretches full width (was a SCSS media query, now Tailwind `max-md:` arbitrary variant). TASK-101.
- */
-export declare const StyledDialogActions: ({ children, className, sx, style, classes: _classes, disableSpacing: _disableSpacing, ...rest }: DialogActionsProps) => JSX.Element;
-export {};
+import { DialogActionsProps } from '@mui/material';
+export declare const StyledDialogActions: (props: DialogActionsProps) => JSX.Element;

package/dist/src/components/feedback/dialog/StyledDialogContent.d.ts

@@ -1,12 +1,2 @@
-import { HTMLAttributes } from 'react';
-interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
-    sx?: unknown;
-    classes?: Record<string, string>;
-    dividers?: boolean;
-}
-/**
- * MUI-free dialog content: a scrollable `<div>` with the previous SCSS metrics as Tailwind,
- * plus MUI's optional `dividers` borders. TASK-101.
- */
-export declare const StyledDialogContent: ({ children, className, sx, style, dividers, classes: _classes, ...rest }: DialogContentProps) => JSX.Element;
-export {};
+import { DialogContentProps } from '@mui/material';
+export declare const StyledDialogContent: ({ children, classes, className, ...rest }: DialogContentProps) => JSX.Element;

package/dist/src/components/feedback/dialog/StyledDialogTitle.d.ts

@@ -1,10 +1,2 @@
-import { HTMLAttributes } from 'react';
-interface DialogTitleProps extends HTMLAttributes<HTMLHeadingElement> {
-    sx?: unknown;
-    classes?: Record<string, string>;
-}
-/**
- * MUI-free dialog title: a semantic `<h2>` with the previous SCSS metrics as Tailwind. TASK-101.
- */
-export declare const StyledDialogTitle: ({ children, className, sx, style, classes: _classes, ...rest }: DialogTitleProps) => JSX.Element | null;
-export {};
+import { DialogTitleProps } from '@mui/material/DialogTitle';
+export declare const StyledDialogTitle: ({ children, ...rest }: DialogTitleProps) => JSX.Element | null;

package/dist/src/components/feedback/snack-bar/SnackbarProvider.d.ts

@@ -1,4 +1,4 @@
-import { AlertColor } from './StyledAlert';
+import { AlertColor } from '@mui/material';
 import { SnackbarProviderProps } from 'notistack';
 export declare const SnackbarProvider: (props: SnackbarProviderProps) => JSX.Element;
 declare module 'notistack' {

package/dist/src/components/feedback/snack-bar/StyledAlert.d.ts

@@ -1,24 +1,2 @@
-import { MouseEvent, ReactNode } from 'react';
-export type AlertColor = 'success' | 'info' | 'warning' | 'error';
-export type AlertVariant = 'standard' | 'filled' | 'outlined';
-export interface AlertProps {
-    severity?: AlertColor;
-    variant?: AlertVariant;
-    icon?: ReactNode | false;
-    iconMapping?: Partial<Record<AlertColor, ReactNode>>;
-    action?: ReactNode;
-    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
-    children?: ReactNode;
-    className?: string;
-    sx?: unknown;
-    role?: string;
-}
-/**
- * Alert banner (replaces MUI `Alert`). Native `role="alert"` with a leading severity icon, message
- * and optional action/close button; `standard`/`filled`/`outlined` variants. Public props preserved
- * (DEC-003). TASK-402.
- *
- * ponytail: severity uses the semantic `success`/`info`/`warning`/`error` token families —
- * Chromatic in CI is the visual gate for exact shades.
- */
-export declare const StyledAlert: ({ severity, variant, icon, iconMapping, action, onClose, children, className, sx, role, }: AlertProps) => JSX.Element;
+import { AlertProps } from '@mui/material';
+export declare const StyledAlert: (props: AlertProps) => JSX.Element;

package/dist/src/components/feedback/snack-bar/StyledAlertSnackbar.d.ts

@@ -1,4 +1,4 @@
-import { AlertColor } from './StyledAlert';
+import { AlertColor } from '@mui/material';
 import { CustomContentProps } from 'notistack';
 interface StyledAlertSnackbarProps extends CustomContentProps {
     severity?: AlertColor;

package/dist/src/components/feedback/snack-bar/StyledSnackbar.d.ts

@@ -1,21 +1,2 @@
-import { ReactNode } from 'react';
-export interface SnackbarOrigin {
-    vertical: 'top' | 'bottom';
-    horizontal: 'left' | 'center' | 'right';
-}
-export interface SnackbarProps {
-    open?: boolean;
-    autoHideDuration?: number | null;
-    onClose?: (event: Event | null, reason: 'timeout' | 'clickaway') => void;
-    anchorOrigin?: SnackbarOrigin;
-    message?: ReactNode;
-    action?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-}
-/**
- * Positioned auto-hiding toast (replaces MUI `Snackbar`). Portalled, fixed to the `anchorOrigin`
- * corner; auto-hides after `autoHideDuration` (null disables). Public props preserved (DEC-003).
- * TASK-402.
- */
-export declare const StyledSnackbar: ({ open, autoHideDuration, onClose, anchorOrigin, message, action, children, className, }: SnackbarProps) => JSX.Element | null;
+import { SnackbarProps } from '@mui/material';
+export declare const StyledSnackbar: ({ children, ...props }: SnackbarProps) => JSX.Element;

package/dist/src/components/feedback/snack-bar/components/StyledDefaultSnackbar.d.ts

@@ -1,4 +1,4 @@
-import { AlertColor } from '../StyledAlert';
+import { AlertColor } from '@mui/material';
 import { CustomContentProps, SnackbarMessage } from 'notistack';
 export interface StyledDefaultSnackbarProps extends CustomContentProps {
     severity: AlertColor;

package/dist/src/components/feedback/snack-bar/components/StyledInfoSnackbar.d.ts

@@ -1,4 +1,4 @@
-import { AlertColor } from '../StyledAlert';
+import { AlertColor } from '@mui/material';
 import { CustomContentProps } from 'notistack';
 interface StyledInfoSnackbarProps extends CustomContentProps {
     severity?: AlertColor;

package/dist/src/components/feedback/snack-bar/components/types.d.ts

@@ -1,4 +1,4 @@
-import { AlertColor } from '../StyledAlert';
+import { AlertColor } from '@mui/material';
 import { SnackbarProviderProps } from 'notistack';
 export type MessageProps = SnackbarProviderProps & {
     severity?: AlertColor;

package/dist/src/components/inputs/checkbox/StyledCheckbox.d.ts

@@ -0,0 +1,4 @@
+import { CheckboxProps } from '@mui/material';
+export declare const StyledCheckbox: React.FC<CheckboxProps & {
+    dataTest: string;
+}>;

package/dist/src/components/inputs/checkbox/base-ui/StyledCheckbox.d.ts

@@ -1,4 +1,5 @@
-import { default as React, ChangeEvent, SVGProps } from 'react';
+import { default as React, SVGProps } from 'react';
+import { Checkbox } from '@base-ui/react/checkbox';
 type StyledCheckboxProps = {
     dataTest: string;
     size?: 'small' | 'medium';
@@ -8,15 +9,9 @@ type StyledCheckboxProps = {
     hideWrapper?: boolean;
     className?: string;
     checkboxClassName?: string;
-    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'checked' | 'type'>;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+} & Omit<React.ComponentProps<typeof Checkbox.Root>, 'children'>;
 export declare const IndeterminateIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export declare const CheckIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-/**
- * Native `<input type="checkbox">` checkbox (replaces `@base-ui/react`). A visually-hidden input
- * carries state + a11y; the visual box, ripple, and indeterminate bar come from the SCSS module
- * (kept: `@keyframes`/pseudo-elements aren't Tailwind-expressible — GUD-003), whose `data-*`
- * selectors are driven from React here. Public props unchanged. TASK-201.
- */
 export declare const StyledCheckbox: React.FC<StyledCheckboxProps>;
 export {};

package/dist/src/components/inputs/dynamic-select/types.d.ts

@@ -1,4 +1,4 @@
-import { StyledSelectAutocompleteProps } from '../select-autocomplete';
+import { AutocompleteProps } from '@mui/material';
 import { default as React } from 'react';
 export type DynamicSelectOptionPrimitive = string | number | boolean;
 export type DynamicSelectOptionObject = {
@@ -70,7 +70,7 @@ interface DynamicSelectCommonProps<TOption extends DynamicSelectOption> {
     /** Node prepended inside the autocomplete text input (e.g. a search icon). */
     startAdornment?: React.ReactNode;
     /** Escape hatch to pass any MUI `Autocomplete` prop directly. Applied on top of internal defaults in the autocomplete variant. */
-    autocompleteProps?: Partial<StyledSelectAutocompleteProps<TOption, boolean | undefined, boolean | undefined, boolean | undefined>>;
+    autocompleteProps?: Partial<AutocompleteProps<TOption, boolean | undefined, boolean | undefined, boolean | undefined>>;
     /**
      * When `true`, renders loading skeletons (chip group) or disables the input (autocomplete)
      * while data is being fetched.

package/dist/src/components/inputs/input-field/StyledInputField.d.ts

@@ -1,70 +1,14 @@
-import { ChangeEvent, CSSProperties, FocusEvent, HTMLAttributes, ReactNode, Ref, InputHTMLAttributes } from 'react';
-import { FieldSize } from '../field-styles';
-interface InputSlot {
-    startAdornment?: ReactNode;
-    endAdornment?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-    ref?: Ref<HTMLInputElement | HTMLDivElement>;
-    [key: string]: unknown;
-}
-type HtmlInputSlot = InputHTMLAttributes<HTMLInputElement> & {
-    ref?: Ref<HTMLInputElement>;
-};
-export interface StyledInputFieldProps {
-    dataTest: string;
-    label?: ReactNode;
-    value?: string | number;
-    defaultValue?: string | number;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    error?: boolean;
-    helperText?: ReactNode;
-    disabled?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    allowClear?: boolean;
-    onClear?: () => void;
-    type?: string;
-    placeholder?: string;
-    name?: string;
-    id?: string;
-    autoComplete?: string;
-    autoFocus?: boolean;
-    multiline?: boolean;
-    rows?: number;
-    minRows?: number;
-    maxRows?: number;
-    size?: FieldSize;
-    /** Accepted for API parity; the design always renders outlined. */
-    variant?: string;
-    fullWidth?: boolean;
-    className?: string;
-    style?: CSSProperties;
-    sx?: unknown;
-    inputRef?: Ref<HTMLInputElement | HTMLTextAreaElement>;
-    slotProps?: {
-        input?: InputSlot;
-        htmlInput?: HtmlInputSlot;
-        inputLabel?: HTMLAttributes<HTMLLabelElement> & Record<string, unknown>;
-        formHelperText?: {
-            sx?: unknown;
-            className?: string;
-        };
-    };
-    /** Legacy MUI adornment slot (still used by ~22 call sites). */
-    InputProps?: InputSlot;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-}
+import { TextFieldProps } from '@mui/material';
 /**
- * Outlined text field with a floating label (replaces MUI `TextField`). Self-contained: manages its
- * own focus/value state to drive the shared field styling ([[field-styles]]); supports multiline,
- * start/end adornments, an optional clear button, and error/helper text. Public props preserved
- * (DEC-003). TASK-401.
  *
- * ponytail: `variant` is accepted but always renders outlined, and multiline uses fixed `rows`
- * (no auto-grow to `maxRows`) — known ceilings; Chromatic in CI is the visual gate.
+ * @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: ({ dataTest, label, value, defaultValue, onChange, onBlur, onFocus, error, helperText, disabled, readOnly, required, allowClear, onClear, type, placeholder, name, id, autoComplete, autoFocus, multiline, rows, minRows, maxRows: _maxRows, size, fullWidth, className, style, sx, inputRef, slotProps, InputProps, onKeyDown, variant: _variant, }: StyledInputFieldProps) => JSX.Element;
-export {};
+export declare const StyledInputField: React.FC<TextFieldProps & {
+    allowClear?: boolean;
+    onClear?: () => void;
+    readOnly?: boolean;
+    dataTest: string;
+}>;

package/dist/src/components/inputs/input-field/index.d.ts

@@ -1,2 +1,2 @@
 export * from './StyledInputField';
-export type { StyledInputFieldProps as TextFieldProps } from './StyledInputField';
+export { type TextFieldProps } from '@mui/material';

package/dist/src/components/inputs/radio-button/StyledRadio.d.ts

@@ -0,0 +1,4 @@
+import { RadioProps } from '@mui/material';
+export declare const StyledRadio: ({ dataTest, ...props }: RadioProps & {
+    dataTest: string;
+}) => JSX.Element;

package/dist/src/components/inputs/radio-button/StyledRadioGroup.d.ts

@@ -0,0 +1,4 @@
+import { RadioGroupProps } from '@mui/material';
+export declare const StyledRadioGroup: ({ dataTest, ...props }: RadioGroupProps & {
+    dataTest: string;
+}) => JSX.Element;

package/dist/src/components/inputs/radio-button/base-ui/StyledRadio.d.ts

@@ -1,25 +1,10 @@
-import { default as React, ChangeEvent, InputHTMLAttributes } from 'react';
-import { RadioValue } from './RadioGroupContext';
+import { default as React } from 'react';
+import { Radio } from '@base-ui/react/radio';
 export type StyledRadioProps = {
-    value?: RadioValue;
+    value?: string | number | boolean;
     dataTest?: string;
     className?: string;
     size?: 'small' | 'medium';
     error?: boolean;
-    checked?: boolean;
-    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'className' | 'size' | 'checked' | 'onChange' | 'type'>;
-/**
- * Native `<input type="radio">` (replaces `@base-ui/react`). Uses the surrounding
- * `StyledRadioGroup` context for name/selection when present, else the standalone `checked` prop.
- * SCSS module (ripple/pseudo-elements — GUD-003) is driven via `data-*` from React. TASK-201.
- */
-export declare const StyledRadio: React.ForwardRefExoticComponent<{
-    value?: RadioValue;
-    dataTest?: string;
-    className?: string;
-    size?: "small" | "medium";
-    error?: boolean;
-    checked?: boolean;
-    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "className" | "onChange" | "size" | "type" | "checked"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<React.ComponentProps<typeof Radio.Root>, 'value' | 'className'>;
+export declare const StyledRadio: React.ForwardRefExoticComponent<Omit<StyledRadioProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/inputs/radio-button/base-ui/StyledRadioGroup.d.ts

@@ -1,31 +1,14 @@
-import { default as React, HTMLAttributes } from 'react';
-import { RadioValue } from './RadioGroupContext';
+import { default as React } from 'react';
+import { RadioGroup } from '@base-ui/react/radio-group';
 export type StyledRadioGroupProps = {
-    value?: RadioValue;
-    defaultValue?: RadioValue;
-    onValueChange?: (value: RadioValue) => void;
+    value?: string | number | boolean | null;
+    defaultValue?: string | number | boolean | null;
+    onValueChange?: (value: string | number | boolean | null) => void;
     disabled?: boolean;
     dataTest?: string;
     error?: boolean;
     errorText?: string;
     helperText?: string;
     children: React.ReactNode;
-    name?: string;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'>;
-/**
- * Native radio group (replaces `@base-ui/react`): a `role="radiogroup"` container that shares
- * name/selection with its `StyledRadio` children via context, controlled or uncontrolled, plus the
- * error/helper text row. TASK-201.
- */
-export declare const StyledRadioGroup: React.ForwardRefExoticComponent<{
-    value?: RadioValue;
-    defaultValue?: RadioValue;
-    onValueChange?: (value: RadioValue) => void;
-    disabled?: boolean;
-    dataTest?: string;
-    error?: boolean;
-    errorText?: string;
-    helperText?: string;
-    children: React.ReactNode;
-    name?: string;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.ComponentProps<typeof RadioGroup>, 'children' | 'defaultValue' | 'value'>;
+export declare const StyledRadioGroup: React.ForwardRefExoticComponent<Omit<StyledRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/inputs/select/StyledSelect.d.ts

@@ -1,42 +1,19 @@
-import { CSSProperties, ReactNode } from 'react';
-import { FieldSize } from '../field-styles';
-export interface SelectChangeEvent<T = unknown> {
-    target: {
-        value: T;
-        name?: string;
-    };
-}
-export interface StyledSelectProps {
-    dataTest: string;
-    value?: unknown;
-    defaultValue?: unknown;
-    onChange?: (event: SelectChangeEvent, child: ReactNode) => void;
-    size?: FieldSize;
-    error?: boolean;
-    errorText?: string;
+import { SelectProps } from '@mui/material';
+export type StyledSelectProps = SelectProps & {
     allowClear?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    name?: string;
-    placeholder?: string;
-    displayEmpty?: boolean;
-    renderValue?: (value: unknown) => ReactNode;
-    fullWidth?: boolean;
-    className?: string;
-    style?: CSSProperties;
-    /** Accepted for API parity; the design always renders outlined. */
-    variant?: string;
-    sx?: unknown;
-    labelId?: string;
-    children?: ReactNode;
-    MenuProps?: {
-        className?: string;
-    };
-}
+    errorText?: string;
+    dataTest: string;
+};
 /**
- * Single-select dropdown (replaces MUI `Select`) — a trigger styled as the outlined field plus a
- * portalled `role="listbox"`. Reports open/filled into a surrounding `StyledFormControl` so its
- * `StyledInputLabel` floats. Public props preserved (DEC-003). Use inside `StyledFormControl`.
- * TASK-402.
+ *
+ * @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: ({ dataTest, value, defaultValue, onChange, size, error, errorText, allowClear, disabled, readOnly, name, placeholder, displayEmpty, renderValue, fullWidth, className, style, sx, children, MenuProps, }: StyledSelectProps) => JSX.Element;
+export declare const StyledSelect: React.FC<StyledSelectProps>;

package/dist/src/components/inputs/select/StyledSelectItem.d.ts

@@ -1,14 +1,2 @@
-import { MouseEvent, ReactNode } from 'react';
-export interface StyledSelectItemProps {
-    value?: unknown;
-    children?: ReactNode;
-    selected?: boolean;
-    disabled?: boolean;
-    className?: string;
-    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
-}
-/**
- * Option row for `StyledSelect` (replaces MUI `MenuItem` in the select context). `role="option"`
- * with a leading check column for the selected state. Public props preserved (DEC-003). TASK-402.
- */
-export declare const StyledSelectItem: ({ children, selected, disabled, className, onClick, }: StyledSelectItemProps) => JSX.Element;
+import { MenuItemProps } from '@mui/material';
+export declare const StyledSelectItem: (item: MenuItemProps) => JSX.Element;

package/dist/src/components/inputs/select/index.d.ts

@@ -1,2 +1,3 @@
 export * from './StyledSelect';
 export * from './StyledSelectItem';
+export { type SelectChangeEvent } from '@mui/material';