asma-ui-core 3.44.0 → 3.45.0

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

@@ -1,3 +1,34 @@
-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;
+    };
+    /**
+     * 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.
+ *
+ * @figmaNode none — no dedicated Figma drawer/side-sheet. As a modal edge-panel it reuses the DS
+ * **modal family** tokens established by `StyledDialog`: overlay `bg/modal` #626e7eb2 (delta-600 @70%)
+ * + Dialogue-popup elevation (#22213366, 0 4 40). Edge panels are flush (no radius); content is
+ * consumer-supplied.
+ */
 export declare const StyledDrawer: FC<DrawerProps>;

package/dist/src/components/navigation/link/StyledLink.d.ts

@@ -1,10 +1,23 @@
 import { default as React, AnchorHTMLAttributes, ReactNode } from 'react';
+/**
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#14472-14569 (Design-System · "Link")
+ *
+ * Underlined SemiBold text link. Enabled/Visited = gama-500, Hover = gama-600, Pressed = gama-500,
+ * Disabled = delta-300; Focused/Pressed adds a 1px gama-400 rounded indicator (radius 4, px4/py2).
+ * State is derived at runtime from `:hover`/`:focus`/`disabled`, not a prop.
+ */
 export type StyledLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /** @figmaProp State = true→"Disabled" (renders a non-interactive <span>, delta-300) */
     disabled?: boolean;
+    /** @figmaProp Size = small→"Base" (14/20) | large→"Medium" (16/24); xs (12/20) = none (no DS size) */
     size?: 'small' | 'large' | 'xs';
+    /** @figmaProp none — ref */
     reflink?: React.Ref<HTMLAnchorElement>;
+    /** @figmaProp none — test hook */
     dataTest?: string;
+    /** @figmaProp none — deprecated content slot (use contentNode) */
     content?: ReactNode;
+    /** @figmaProp none — the link label slot */
     contentNode?: ReactNode;
 };
 /**

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

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

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

@@ -1,2 +1,35 @@
-import { MenuItemProps } from '@mui/material';
-export declare const StyledMenuItem: (props: MenuItemProps) => JSX.Element;
+import { MouseEvent, ReactNode } from 'react';
+/**
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#16073-19226
+ * Figma "Menus item" (h40, label 16px text-icon/body). Figma **State** (Enabled/Hover/Selected/
+ * Disabled) ← native hover + `selected`/`disabled`; **Type** (Only Label/Icon/Checkbox/Check mark)
+ * is expressed via `children`. Selected bg = `gama-50`, hover bg = `delta-50`.
+ */
+export interface StyledMenuItemProps {
+    /** @figmaProp content — Type (Only Label / Icon / Checkbox / Check mark) via composition */
+    children?: ReactNode;
+    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
+    /** Forwarded to the `<li>` — e.g. `stopPropagation` so a menu-item mousedown doesn't dismiss the menu. */
+    onMouseDown?: (event: MouseEvent<HTMLLIElement>) => void;
+    onMouseUp?: (event: MouseEvent<HTMLLIElement>) => void;
+    /** @figmaProp State = true→"Disabled" */
+    disabled?: boolean;
+    /** @figmaProp State = true→"Selected" */
+    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, onMouseDown, onMouseUp, disabled, selected, dense, 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,27 @@
-import { TabProps } from '@mui/material';
-import { FC } from 'react';
-export declare const StyledTab: FC<TabProps>;
+import { FC, ReactNode } from 'react';
+import { TabValue } from './TabsContext';
+/**
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#15981-35855
+ * Figma "Tab" / `_BASE_Tab`. Figma **Active** (on/off) ← whether this tab is the selected one in the
+ * surrounding `StyledTabs`; **State** (Enabled/Hovered/Focused/Disabled) ← native hover/focus +
+ * `disabled`. **Size** (Medium/Small) comes from `StyledTabs.size`. Active label + 2px underline =
+ * `gama-500` #168181 (text-icon/primary).
+ */
+export interface StyledTabProps {
+    /** @figmaProp none — selection value */
+    value?: TabValue;
+    /** @figmaProp Label (tab content; may include a leading icon) */
+    label?: ReactNode;
+    /** @figmaProp State = true→"Disabled" */
+    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,26 @@
-import { TabsProps } from '@mui/material';
-import { FC } from 'react';
-type StyledTabsProps = TabsProps & {
+import { FC, ReactNode, SyntheticEvent } from 'react';
+import { TabValue } from './TabsContext';
+/**
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#15981-35855
+ * The tablist. `value` marks which child `StyledTab` is Figma **Active**; `size` maps to Figma
+ * **Size** (`default`→Medium 48px, `small`→40px). The animated 2px underline is `gama-500`.
+ */
+export interface StyledTabsProps {
+    /** @figmaProp Active — selects the matching child tab */
+    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,22 @@
-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);
+/**
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#21228-37809
+ * The accordion header. Figma: rounded-8 white container (border/outline delta-300), 16px padding,
+ * title = Section title 18px SemiBold delta-800 with a 24px chevron. Figma places the chevron to the
+ * **left** of the title; `expandChevronRight` opts into the right-hand (MUI-style) placement.
+ */
+export interface StyledAccordionSummaryProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+    headerClassName?: string;
+    /** @figmaProp size = large→"Default" (72px, 18px title) | small→48px, 14px */
     size?: StyledAccordionSummarySize;
+    /** @figmaProp Chevron placement — Figma default is left; true = right (MUI parity) */
     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 & {
@@ -9,6 +9,11 @@ export type MessageProps = SnackbarProviderProps & {
     id?: string;
     type?: 'loading';
 };
+/**
+ * @figmaNode none — bespoke copy affordance (no DS component). Wraps `children` with a copy button
+ * that appears on hover; composes the aligned `StyledButton` (Tertiary/text, ContentCopyIcon 20) +
+ * `StyledTooltip`. Only own styling = the `gama-500` hover accent (token). Token-clean/theme-safe.
+ */
 export declare const CopyWrapper: FC<PropsWithChildren<{
     className?: string;
     contentToCopy: string;

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

@@ -1,5 +1,9 @@
 import { StyledButtonProps } from '../../inputs/button';
 /**
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#16741-35884 (Design-System · "Filter button") — button-only variant
+ * of `StyledFilterMenu` (no popover). Aligned `StyledButton` (Outlined) + the "Filters applied" badge:
+ * an 8px `gama-400` dot at top-right when `filterIsActive`.
+ *
  * Custom props:
  * @param filterIsActive - needed to determine whether or not to show the dot in the top right corner indicating some changes were made
  * @param hideLabel - icon-only mode. When omitted, follows the surrounding DynamicToolbar layout (filterIconOnly).

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

@@ -1,6 +1,12 @@
 import { default as React, ReactNode } from 'react';
-import { PopoverProps } from '@mui/material';
+import { StyledPopoverProps } from '../popover';
 /**
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#16741-35884 (Design-System · "Filter button")
+ *
+ * Composes the aligned `StyledButton` (Secondary/Outlined, filter icon 24/20) + `StyledPopover`
+ * (Menus surface). `filterIsActive` shows the DS "Filters applied" badge — an 8px `gama-400` dot at
+ * top-right. No own styling beyond that dot; all visuals come from the aligned primitives.
+ *
  * Custom props:
  * @param filterIsActive - needed to determine whether or not to show the dot in the top right corner indicating some changes were made
  * @param popoverContent
@@ -16,7 +22,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,39 @@
-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;
+            style?: React.CSSProperties;
+        };
+    };
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    children?: ReactNode;
+}
+/**
+ * @figmaNode none — no standalone Figma component
+ * Anchored-overlay **primitive** (replaces MUI `Popover`); the Figma DS has no "Popover" component,
+ * so the base paper uses the DS floating-surface defaults: white, radius **4** (Figma `menus`/
+ * `text-field` radius token), and the **Float** elevation (drop-shadow `0 1 12 rgba(0,0,0,.15)`).
+ * Styled consumers override the paper — `StyledMenu` adds the delta-300 border + Menus shadow
+ * (`0 2 4 rgba(34,33,51,.15)`), the date-picker calendar keeps this base. Rendered in the browser
+ * **top layer** (see `useTopLayerRef`) so it paints above a modal `<dialog>`.
+ *
+ * Positions against `anchorEl`, flips/shifts on collision, portalled, 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/components/utils/virtual-list/VirtualList.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties, Key, ReactNode } from 'react';
+export interface TVirtualListProps<TItem> {
+    items: readonly TItem[];
+    /** Fixed row height in px, or a per-index height. Treated as an estimate when `measureRows` is on. */
+    itemSize: number | ((index: number) => number);
+    /** Viewport height of the scroll container. */
+    height: number | string;
+    /** Viewport width of the scroll container. Defaults to '100%'. */
+    width?: number | string;
+    /** Re-measure rendered rows with a ResizeObserver — for rows whose real height is content-driven. */
+    measureRows?: boolean;
+    overscan?: number;
+    /** Stable row identity for the measurement cache; defaults to the row index. */
+    getItemKey?: (index: number) => Key;
+    className?: string;
+    /** Class of the inner sizer element — e.g. pass a min-width class to allow horizontal overflow. */
+    contentClassName?: string;
+    contentStyle?: CSSProperties;
+    dataTest?: string;
+    renderItem: (item: TItem, index: number) => ReactNode;
+}
+/**
+ * @figmaNode none — **headless windowing primitive** (no DS visuals). It only owns a scroll
+ * container + absolutely-positioned row wrappers; all row appearance is the consumer's `renderItem`.
+ * Nothing to align — it carries no colours/dimensions of its own.
+ *
+ * Windowed vertical list on top of `@tanstack/react-virtual`. Covers both the fixed-size and the
+ * variable-size case (`itemSize` as number or per-index function), and content-driven row heights
+ * via `measureRows` — no imperative reset calls needed when a row changes height. The component
+ * owns its scroll container, so no explicit pixel width/AutoSizer wrapper is required.
+ */
+export declare const VirtualList: <TItem>({ items, itemSize, height, width, measureRows, overscan, getItemKey, className, contentClassName, contentStyle, dataTest, renderItem, }: TVirtualListProps<TItem>) => JSX.Element;

package/dist/src/components/utils/virtual-list/index.d.ts

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

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

@@ -1,2 +1,13 @@
 import { DatePickerProps } from './types';
+/**
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#14333-90631
+ * Figma "Date picker". The trigger is the outlined **Input field** (`field-styles`) + a `delta-500`
+ * outlined calendar **Button** (disabled with the field). The calendar is the **Date picker month**
+ * (360×392) in a `StyledPopover` (desktop) or a bottom-sheet `Drawer` (mobile, with safe-area `pb`).
+ * **Day** cells are 40×40, number Body Base SemiBold 16/lh24, per state (node 14333-90932):
+ * default text delta-800 / hover delta-50 / radius 4; **today** gama-50 + 2px gama-400 border (hover
+ * gama-100); **selected** gama-500 fill + white text + white inset ring, radius 8 (hover gama-600);
+ * **other-month** delta-600 Regular; **range** gama-50 fill (hover gama-100); **disabled** delta-300;
+ * week number delta-700 14px; weekday header delta-600. Non-annotated props are behavioral.
+ */
 export declare const StyledDatePicker: (props: DatePickerProps) => JSX.Element;

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

@@ -2,6 +2,8 @@ import { default as React } from 'react';
 interface DatePickerButtonProps {
     onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
     disabled?: boolean;
+    /** Locale code (e.g. `nb`) for the icon-only button's accessible name. */
+    localeCode?: string;
 }
 export declare const DatePickerButton: React.FC<DatePickerButtonProps>;
 export {};

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/date-picker/hooks/useDatePickerValidation.d.ts

@@ -1,7 +1,9 @@
 import { Matcher } from 'react-day-picker';
-export declare const useDatePickerValidation: () => {
+interface DatePickerValidation {
     validationError: boolean;
-    handleValidation: ({ value, disabledDays, localeCode, disallowPast, disallowFuture, required, minDate, }: {
+    errHelperText: string;
+    clearValidation: () => void;
+    handleValidation: (args: {
         value: string;
         disabledDays?: Matcher | Matcher[];
         localeCode?: string;
@@ -10,6 +12,6 @@ export declare const useDatePickerValidation: () => {
         required?: boolean;
         minDate?: Date;
     }) => boolean;
-    errHelperText: string;
-    clearValidation: () => void;
-};
+}
+export declare const useDatePickerValidation: () => DatePickerValidation;
+export {};

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

@@ -1,2 +1,12 @@
 import { StyledTimePickerProps } from './types';
+/**
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#15561-37391
+ * Figma has no distinct time-picker-popover component — the trigger is the outlined **Input field**
+ * (`field-styles`: 40px, border delta-500 / hover gama-300 / focus gama-400 / error error-500) with
+ * a trailing **clock icon** (delta-700 like the select/search field icons; delta-300 when disabled).
+ * The dropdown follows the **Menus** surface (delta-300 border + Menus shadow `0 2 4 rgba(34,33,51,
+ * .15)`): scrollable hour/minute columns of 36px cells — hover delta-50, "now" gama-50 (like the
+ * calendar "today"), selected gama-500 white — plus an eraser + confirm footer. State (Enabled/Focus/
+ * Error/Disabled) ← the field. Non-annotated props are behavioral.
+ */
 export declare const StyledTimePicker: React.FC<StyledTimePickerProps>;

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/hooks/useToggleMenuVisibility.hook.d.ts

@@ -1,6 +1,8 @@
-export declare const useToggleMenuVisibility: () => {
+interface ToggleMenuVisibility {
     open: boolean;
-    handleClose: () => void;
-    handleOpen: (event: React.MouseEvent<HTMLElement | SVGSVGElement>) => void;
     anchorEl: HTMLElement | SVGSVGElement | null;
-};
+    handleOpen: (event: React.MouseEvent<HTMLElement | SVGSVGElement>) => void;
+    handleClose: () => void;
+}
+export declare const useToggleMenuVisibility: () => ToggleMenuVisibility;
+export {};

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';