asma-ui-core 3.34.0 → 3.35.0

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

@@ -1,8 +1,60 @@
-import { SliderProps } from '@mui/material';
-export interface StyledSliderProps extends SliderProps {
+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 {
     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;
 }
-export declare const StyledSlider: ({ dataTest, error, errorText, helperText, ...props }: StyledSliderProps) => JSX.Element;
+/**
+ * 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 {};

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

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-import { Switch } from '@base-ui/react/switch';
+import { default as React, ButtonHTMLAttributes } from 'react';
 type StyledSwitchProps = {
     checked?: boolean;
     defaultChecked?: boolean;
@@ -9,7 +8,24 @@ type StyledSwitchProps = {
     required?: boolean;
     id?: string;
     dataTest?: string;
-} & Omit<React.ComponentProps<typeof Switch.Root>, 'children'>;
+    className?: string;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'type'>;
 export type SwitchProps = StyledSwitchProps;
-export declare const StyledSwitch: React.ForwardRefExoticComponent<Omit<StyledSwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * 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 {};

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

@@ -0,0 +1,14 @@
+import { FieldSize } from '../inputs/field-styles';
+export interface FormControlContextValue {
+    focused: boolean;
+    filled: boolean;
+    error: boolean;
+    disabled: boolean;
+    required: boolean;
+    size: FieldSize;
+    labelId?: string;
+    setFocused: (value: boolean) => void;
+    setFilled: (value: boolean) => void;
+}
+export declare const FormControlContext: import('node_modules/@types/react').Context<FormControlContextValue | null>;
+export declare const useFormControlContext: () => FormControlContextValue | null;

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

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

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

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

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

@@ -1,2 +1,11 @@
-import { FormGroupProps } from '@mui/material';
-export declare const StyledFormGroup: React.FC<FormGroupProps>;
+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 {};

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

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

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

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

package/dist/src/components/mui-compat/Avatar.d.ts

@@ -0,0 +1,6 @@
+import { AvatarProps } from './types';
+/**
+ * MUI-free `Avatar`: 40×40 flex box showing an image (`src`) or fallback children/initials on a
+ * grey background. Reproduces MUI default metrics + `variant`. TASK-102.
+ */
+export declare const Avatar: ({ src, srcSet, alt, variant, sizes, className, sx, style, children, classes: _classes, component: _component, ...rest }: AvatarProps) => JSX.Element;

package/dist/src/components/mui-compat/ClickAwayListener.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+type MouseEventName = 'onClick' | 'onMouseDown' | 'onMouseUp';
+type TouchEventName = 'onTouchStart' | 'onTouchEnd';
+export interface ClickAwayListenerProps {
+    children: ReactElement;
+    onClickAway: (event: MouseEvent | TouchEvent) => void;
+    mouseEvent?: MouseEventName | false;
+    touchEvent?: TouchEventName | false;
+    disableReactTree?: boolean;
+}
+/**
+ * MUI-free `ClickAwayListener`: fires `onClickAway` when a pointer event lands outside the single
+ * child element. Matches the MUI API subset this library uses (`onClickAway`, `mouseEvent`,
+ * `touchEvent`). The child must forward a ref to its root DOM node.
+ *
+ * @see asma-modules/_docs/frontend/plans/2026-07-10-19-12-plan-asma-ui-core-mui-removal.md — TASK-102
+ */
+export declare const ClickAwayListener: ({ children, onClickAway, mouseEvent, touchEvent, }: ClickAwayListenerProps) => ReactElement;
+export {};

package/dist/src/components/mui-compat/Container.d.ts

@@ -0,0 +1,6 @@
+import { ContainerProps } from './types';
+/**
+ * MUI-free `Container`: full-width, horizontally centred, with default 16px gutters and a
+ * breakpoint `maxWidth` (default `lg`). `fixed` is not reproduced (rare). TASK-102.
+ */
+export declare const Container: ({ maxWidth, disableGutters, className, sx, style, component, children, fixed: _fixed, ...rest }: ContainerProps) => JSX.Element;

package/dist/src/components/mui-compat/Fade.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties, ReactElement } from 'react';
+type Timeout = number | {
+    enter?: number;
+    exit?: number;
+};
+export interface FadeProps {
+    in?: boolean;
+    timeout?: Timeout;
+    appear?: boolean;
+    children: ReactElement;
+    onEnter?: () => void;
+    onExited?: () => void;
+    style?: CSSProperties;
+}
+/**
+ * Opacity transition (replaces MUI `Fade`). Clones its single child and runs a CSS keyframe on
+ * enter/exit, keeping the child mounted through the exit tween before calling `onExited` (so a
+ * parent `Popper` can unmount it). Public props preserved (DEC-003). TASK-403.
+ */
+export declare const Fade: ({ in: inProp, timeout, children, onExited, style, }: FadeProps) => JSX.Element | null;
+export {};

package/dist/src/components/mui-compat/FormLabel.d.ts

@@ -0,0 +1,6 @@
+import { FormLabelProps } from './types';
+/**
+ * MUI-free `FormLabel`: a `<label>` with MUI's default form-label typography/colour. Distinct from
+ * this library's `StyledFormLabel` (data-display); this is the raw MUI passthrough. TASK-102.
+ */
+export declare const FormLabel: ({ required, className, sx, style, children, classes: _classes, component: _component, error: _error, focused: _focused, filled: _filled, color: _color, ...rest }: FormLabelProps) => JSX.Element;

package/dist/src/components/mui-compat/Paper.d.ts

@@ -0,0 +1,6 @@
+import { PaperProps } from './types';
+/**
+ * MUI-free `Paper`: white surface with border-radius and an elevation shadow (default 1) or an
+ * outlined border (`variant="outlined"`). Reproduces the MUI default-theme shadow scale (TASK-102).
+ */
+export declare const Paper: ({ elevation, square, variant, className, sx, style, component, children, classes: _classes, ...rest }: PaperProps) => JSX.Element;

package/dist/src/components/mui-compat/Popper.d.ts

@@ -0,0 +1,29 @@
+import { CSSProperties, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+export interface PopperTransitionProps {
+    in: boolean;
+    onExited: () => void;
+}
+type PopperChildren = ReactNode | ((props: {
+    TransitionProps: PopperTransitionProps;
+    placement: Placement;
+}) => ReactNode);
+export interface PopperProps {
+    open?: boolean;
+    anchorEl?: Element | null;
+    id?: string;
+    placement?: Placement;
+    transition?: boolean;
+    disablePortal?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: PopperChildren;
+}
+/**
+ * Positioning primitive (replaces MUI `Popper`) built on `@floating-ui/react`. Positions its
+ * content against `anchorEl`; with `transition`, renders children as a function receiving
+ * `TransitionProps` (`in`/`onExited`) so a child `Fade` can animate and unmount. Public props
+ * preserved (DEC-003). TASK-403.
+ */
+export declare const Popper: ({ open, anchorEl, id, placement, transition, disablePortal, className, style, children, }: PopperProps) => JSX.Element | null;
+export {};

package/dist/src/components/mui-compat/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import { SkeletonProps } from './types';
+/**
+ * MUI-free `Skeleton`: grey placeholder with the pulse animation (default). Reproduces MUI's
+ * variants (`text`/`circular`/`rectangular`/`rounded`), `width`/`height`, and background. `wave`
+ * animation degrades to `pulse` (Tailwind-first). TASK-102.
+ */
+export declare const Skeleton: ({ variant, width, height, animation, className, sx, style, children, classes: _classes, component: _component, ...rest }: SkeletonProps) => JSX.Element;

package/dist/src/components/mui-compat/Stack.d.ts

@@ -0,0 +1,7 @@
+import { StackProps } from './types';
+/**
+ * MUI-free `Stack`: a flex container with `direction` and `spacing` (× 8px gap) and optional
+ * `divider` between children. Scalar direction/spacing only — responsive breakpoint objects are not
+ * reproduced (rare on this library's usage). TASK-102.
+ */
+export declare const Stack: ({ direction, spacing, divider, className, sx, style, component, children, useFlexGap: _useFlexGap, ...rest }: StackProps) => JSX.Element;

package/dist/src/components/mui-compat/index.d.ts

@@ -0,0 +1,9 @@
+export { ClickAwayListener } from './ClickAwayListener';
+export { Paper } from './Paper';
+export { Stack } from './Stack';
+export { Container } from './Container';
+export { Avatar } from './Avatar';
+export { Skeleton } from './Skeleton';
+export { FormLabel } from './FormLabel';
+export { Fade } from './Fade';
+export { Popper } from './Popper';

package/dist/src/components/mui-compat/types.d.ts

@@ -0,0 +1,46 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+interface BaseShimProps extends HTMLAttributes<HTMLElement> {
+    sx?: unknown;
+    component?: ElementType;
+    classes?: Record<string, string>;
+}
+export interface PaperProps extends BaseShimProps {
+    elevation?: number;
+    square?: boolean;
+    variant?: 'elevation' | 'outlined';
+}
+export interface StackProps extends BaseShimProps {
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    spacing?: number | string;
+    divider?: ReactNode;
+    useFlexGap?: boolean;
+}
+export interface AvatarProps extends BaseShimProps {
+    src?: string;
+    srcSet?: string;
+    alt?: string;
+    sizes?: string;
+    variant?: 'circular' | 'rounded' | 'square';
+}
+export interface SkeletonProps extends BaseShimProps {
+    variant?: 'text' | 'rectangular' | 'rounded' | 'circular';
+    width?: number | string;
+    height?: number | string;
+    animation?: 'pulse' | 'wave' | false;
+}
+export interface ContainerProps extends BaseShimProps {
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
+    disableGutters?: boolean;
+    fixed?: boolean;
+}
+export interface FormLabelProps extends HTMLAttributes<HTMLLabelElement> {
+    sx?: unknown;
+    component?: ElementType;
+    classes?: Record<string, string>;
+    required?: boolean;
+    error?: boolean;
+    focused?: boolean;
+    filled?: boolean;
+    color?: string;
+}
+export {};

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

@@ -1,3 +1,22 @@
-import { DrawerProps } from '@mui/material';
-import { FC } from 'react';
+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;
+    };
+    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.
+ */
 export declare const StyledDrawer: FC<DrawerProps>;

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 & {