@tap-payments/os-micro-frontend-shared 0.3.23 → 0.3.24

package/build/components/_v2/primitives/MultiSelectBase/style.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+export { SelectRoot, SearchSubheader, SearchInput, ClearButton } from '../SelectBase/style';
+export { SelectMenuSearch } from '../SelectBase/SelectMenuSearch';
+export { SelectEndAdornment } from '../SelectBase/SelectEndAdornment';
+export { getSelectMenuProps } from '../SelectBase/getSelectMenuProps';
+export { useSelectMenuState, useSelectOptionKeys } from '../SelectBase/hooks';
+/**
+ * FormControl for floating-label mode.
+ * Exact copy of legacy InputBase/SelectBase/style.ts `FormControlStyles`.
+ * Transparent background — the grey fill lives on FloatingMultiSelectControl.
+ */
+export declare const FloatingMultiSelectFormControl: import("@emotion/styled").StyledComponent<import("@mui/material/FormControl").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "color" | "margin" | "disabled" | "error" | "classes" | "className" | "style" | "children" | "sx" | "variant" | "size" | "fullWidth" | "required" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+/**
+ * Styled Select for floating-label mode.
+ * Exact copy of legacy InputBase/SelectBase/style.ts `MuiSelect`,
+ * adapted: removes `feedbackType`/`hasFeedback` (handled by composite),
+ * and uses `SelectPrimitive-endAdornment` class instead of `SelectBase-endAdornmentRoot`.
+ */
+export declare const FloatingMultiSelectControl: import("@emotion/styled").StyledComponent<(import("@mui/material/Select").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>) & {
+    hasError?: boolean | undefined;
+}, {}, {}>;
+export declare const SelectionSummarySubheader: import("@emotion/styled").StyledComponent<import("@mui/material/ListSubheader").ListSubheaderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "color" | "inset" | "classes" | "className" | "style" | "children" | "sx" | "disableGutters" | "disableSticky"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const SelectionSummaryRow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const SelectionSummaryCount: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const SelectionSummaryClearBtn: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "disabled" | "classes" | "className" | "style" | "tabIndex" | "children" | "sx" | "variant" | "size" | "fullWidth" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const OptionMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material/MenuItem").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "disabled" | "classes" | "autoFocus" | "className" | "style" | "tabIndex" | "children" | "selected" | "sx" | "dense" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    $selected?: boolean | undefined;
+}, {}, {}>;
+export declare const OptionRow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const OptionCheckbox: import("@emotion/styled").StyledComponent<Omit<Omit<import("../Checkbox/Checkbox").CheckboxProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    $mutedRect?: boolean | undefined;
+}, {}, {}>;

package/build/components/_v2/primitives/MultiSelectBase/type.d.ts

@@ -0,0 +1,71 @@
+import type { ReactNode, ElementType } from 'react';
+import type { SelectProps as MuiSelectProps } from '@mui/material/Select';
+import type { SxProps, Theme } from '@mui/material/styles';
+import type { InputFeedbackProps } from '../InputFeedback/type';
+import type { SelectOption, SelectSize } from '../SelectBase/type';
+/** Props for the bare `MultiSelectBase` control. */
+export interface MultiSelectBaseProps<T = SelectOption> extends Omit<MuiSelectProps, 'variant' | 'size' | 'onChange' | 'value' | 'multiple' | 'label' | 'ref' | 'placeholder'> {
+    /** Marks the select border as error state */
+    error?: boolean;
+    /** Controls select height — sm: 28 px, md: 32 px (default) */
+    size?: SelectSize;
+    /** Stretches the select to 100% of its container */
+    fullWidth?: boolean;
+    /** MUI sx style overrides for the control */
+    sx?: SxProps<Theme>;
+    /** Placeholder text shown when no option is selected */
+    placeholder?: string | null;
+    /**
+     * When provided the select renders in floating-label mode (legacy Select style):
+     * 40 px height, label animates from inside the box to the top edge on focus / fill.
+     */
+    label?: string;
+    /** List of options to populate the dropdown */
+    options?: T[];
+    /** Currently selected options (controlled) */
+    value?: T[];
+    /** Called with the updated selection array whenever the user toggles an option */
+    onChange?: (selected: T[]) => void;
+    /** Returns the display string for an option row */
+    getOptionLabel?: (option: T) => string;
+    /** Returns the primitive key used to identify an option */
+    getOptionValue?: (option: T) => string;
+    /** Custom renderer for each option row in the dropdown */
+    renderOption?: (option: T) => ReactNode;
+    /** Custom equality check between a selected value and an option */
+    isOptionEqualToValue?: (option: T, value: T) => boolean;
+    /** When it returns `true` the option is rendered but not selectable */
+    getOptionDisabled?: (option: T) => boolean;
+    /** Shows a skeleton loader inside the dropdown while options are being fetched */
+    loading?: boolean;
+    /** When true, shows a ✕ button to clear all selections */
+    clearable?: boolean;
+    /** Override the clear button element; defaults to built-in ✕ icon */
+    clearIcon?: ElementType;
+    /** Called instead of the default clear logic when the ✕ is clicked */
+    onClear?: () => void;
+    /** When true, renders a search input at the top of the menu */
+    searchable?: boolean;
+    /** Placeholder text for the in-menu search input */
+    searchPlaceholder?: string | null;
+    /** When true, renders a checkbox next to each option */
+    showCheckbox?: boolean;
+    /** When true, shows a "N selected — Clear" summary row at the top of the menu */
+    showSelectionSummary?: boolean;
+}
+/** Props for the full `MultiSelect` field composite (MultiSelectBase + label + feedback). */
+export interface MultiSelectProps<T = SelectOption> extends Omit<MultiSelectBaseProps<T>, 'sx'> {
+    /** Visible label rendered above the select */
+    label?: string;
+    /** Plain helper text shown below when no feedback is supplied */
+    helperText?: ReactNode;
+    /**
+     * Rich feedback panel rendered flush below the select.
+     * Takes priority over `helperText` when both are supplied.
+     */
+    feedback?: InputFeedbackProps | null;
+    /** Styling for the field root wrapper */
+    sx?: SxProps<Theme>;
+    /** Styling overrides for the MultiSelectBase control */
+    selectSx?: SxProps<Theme>;
+}

package/build/components/_v2/primitives/NumberInputBase/NumberInputBase.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { InputProps } from '@mui/material/Input';
+export interface NumberInputBaseProps extends Omit<InputProps, 'placeholder'> {
+    /** Show a red error border */
+    error?: boolean;
+    /** Hide browser-native up/down spin arrows */
+    hideArrows?: boolean;
+    /** Placeholder text shown when input is empty */
+    placeholder?: string | null;
+    /**
+     * When provided the input renders in floating-label mode (legacy InputI style):
+     * 40 px height, label animates from inside the box to the top edge on focus / fill.
+     */
+    label?: string;
+}
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Readonly<NumberInputBaseProps>, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
+export default _default;

package/build/components/_v2/primitives/NumberInputBase/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './NumberInputBase';
+export type { NumberInputBaseProps } from './NumberInputBase';

package/build/components/_v2/primitives/NumberInputBase/style.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const InputStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Input").InputProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    isError?: boolean | undefined;
+    hideArrows?: boolean | undefined;
+}, {}, {}>;
+/** See TextInputBase/style.ts StyledFloatingWrapper for full explanation. */
+export declare const StyledFloatingNumberWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+/**
+ * Styled TextField for NumberInputBase floating-label mode.
+ * Direct port of the legacy Inputs/Input/style.ts `StyledInput` + hideArrows support.
+ */
+export declare const FloatingNumberStyledTextField: import("@emotion/styled").StyledComponent<{
+    variant?: import("@mui/material/TextField").TextFieldVariants | undefined;
+} & Omit<import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    hasError?: boolean | undefined;
+    hideArrows?: boolean | undefined;
+}, {}, {}>;

package/build/components/_v2/primitives/PhoneInputBase/CountriesList/CountriesList.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import type { Country } from '../../../../../types/index.js';
+export interface CountriesListProps {
+    /** Shows a skeleton loader while the country list is being fetched */
+    isLoading: boolean;
+    /** Full list of countries to display in the dropdown */
+    countries: Country[];
+    /** Currently selected country (controlled) */
+    value?: Country;
+    /** Called with the newly selected country when the user picks one */
+    onCountryChange?: (country: Country) => void;
+    /** Shows a red asterisk to indicate the field is required */
+    required?: boolean;
+    /** Prevents opening the dropdown */
+    disabled?: boolean;
+}
+declare function CountriesList({ isLoading, countries, value: countryValue, onCountryChange, required, disabled }: Readonly<CountriesListProps>): import("react").JSX.Element;
+declare namespace CountriesList {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof CountriesList>;
+export default _default;

package/build/components/_v2/primitives/PhoneInputBase/CountriesList/index.d.ts

@@ -0,0 +1,2 @@
+import CountriesList from './CountriesList';
+export default CountriesList;

package/build/components/_v2/primitives/PhoneInputBase/CountriesList/style.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const CountryButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const CountriesWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").PopperProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CountriesListStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const CountryStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const InputStyled: import("@emotion/styled").StyledComponent<Omit<Omit<Readonly<import("../../NumberInputBase/NumberInputBase").NumberInputBaseProps>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Required: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/build/components/_v2/primitives/PhoneInputBase/PhoneInputBase.d.ts

@@ -0,0 +1,38 @@
+import React, { type ComponentProps } from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+import { Country } from '../../../../types/index.js';
+import { InputNumberStyled } from './style';
+type InputProps = ComponentProps<typeof InputNumberStyled>;
+export interface PhoneInputBaseProps extends Omit<InputProps, 'onChange' | 'value' | 'ref' | 'error'> {
+    /** Current value of the phone number field */
+    phoneValue?: string;
+    /** List of countries to display in the country selector dropdown */
+    countries: Country[];
+    /** Shows a loading skeleton inside the country dropdown while the list is being fetched */
+    isCountriesLoading: boolean;
+    /** Currently selected country (controls the flag and dial-code shown) */
+    countryValue?: Country;
+    /**
+     * Called with the raw phone string whenever the input changes.
+     * Alias of `onPhoneChange` — only one needs to be supplied.
+     */
+    onChange?: (value: string) => void;
+    /** Called with the selected `Country` whenever the user picks a different country */
+    onCountryChange?: (country: Country) => void;
+    /** Called with the raw phone string whenever the input changes */
+    onPhoneChange?: (value: string) => void;
+    /** Marks the phone control border as error state */
+    error?: boolean;
+    /** Styles applied to the phone control shell (country selector + input) */
+    sx?: SxProps<Theme>;
+    /** Placeholder text shown inside the number field when it is empty */
+    placeholder?: string | null;
+}
+/**
+ * Phone input combining a country selector dropdown and a numeric input field.
+ * Pass `countries` (and `isCountriesLoading`) for the country list, `phoneValue` / `onPhoneChange`
+ * for the number, and `countryValue` / `onCountryChange` for the selected country.
+ * Use PhoneInput (composite) for label, helper text, and InputFeedback styling.
+ */
+declare const PhoneInputBase: React.ForwardRefExoticComponent<Readonly<PhoneInputBaseProps> & React.RefAttributes<HTMLInputElement>>;
+export default PhoneInputBase;

package/build/components/_v2/primitives/PhoneInputBase/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './PhoneInputBase';
+export type { PhoneInputBaseProps } from './PhoneInputBase';
+export { default as CountriesList } from './CountriesList';
+export type { CountriesListProps } from './CountriesList/CountriesList';

package/build/components/_v2/primitives/PhoneInputBase/style.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const MobileWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    hasError?: boolean | undefined;
+}, {}, {}>;
+export declare const InputNumberStyled: import("@emotion/styled").StyledComponent<Omit<Omit<Readonly<import("../NumberInputBase/NumberInputBase").NumberInputBaseProps>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/_v2/primitives/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface ProgressBarProps {
+    /** Percentage value 0-100 */
+    value: number;
+}
+/**
+ * Horizontal progress bar that displays a 0-100 percentage value.
+ * The fill colour and label position adapt automatically to the current value.
+ */
+declare function ProgressBar({ value }: ProgressBarProps): import("react").JSX.Element;
+declare namespace ProgressBar {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof ProgressBar>;
+export default _default;

package/build/components/_v2/primitives/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ProgressBar';
+export type { ProgressBarProps } from './ProgressBar';

package/build/components/_v2/primitives/ProgressBar/style.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const ProgressBarContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    value: number;
+    isDecimal: boolean;
+}, {}, {}>;
+export declare const ProgressBarFill: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    value: number;
+}, {}, {}>;
+export declare const ProgressBarText: import("@emotion/styled").StyledComponent<import("@mui/material/Typography").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "width" | "minWidth" | "minHeight" | "height" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "classes" | "align" | "className" | "style" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    value: number;
+}, {}, {}>;

package/build/components/_v2/primitives/RadioButton/RadioButton.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import type { RadioProps, SxProps, Theme } from '@mui/material';
+export interface RadioButtonProps extends Omit<RadioProps, 'checkedIcon' | 'icon' | 'color' | 'size'> {
+    /** Radio circle size — small (default), medium, or large */
+    size?: 'small' | 'medium' | 'large';
+    /** Custom node to replace the default checked state icon */
+    customCheckedIcon?: React.ReactNode;
+    /** Fill colour of the radio circle when checked */
+    checkedColor?: string;
+    /** Fill colour of the radio circle when disabled */
+    disabledColor?: string;
+    /** Fill colour of the radio circle on hover */
+    hoverColor?: string;
+    /** Width and height of the icon in pixels */
+    iconSize?: number;
+    /** Show ripple on click (disabled by default) */
+    showRipple?: boolean;
+    /** MUI sx style overrides */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Single radio option with a custom check icon. Use inside RadioGroup for grouped selection.
+ * Supports custom colours (`checkedColor`, `disabledColor`, `hoverColor`), icon size, and ripple toggle.
+ */
+declare function RadioButton({ size, customCheckedIcon, checkedColor, disabledColor, hoverColor, iconSize, showRipple, sx, ...props }: RadioButtonProps): import("react").JSX.Element;
+declare namespace RadioButton {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof RadioButton>;
+export default _default;

package/build/components/_v2/primitives/RadioButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './RadioButton';
+export type { RadioButtonProps } from './RadioButton';

package/build/components/_v2/primitives/RadioButton/style.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const DEFAULT_COLORS: {
+    readonly color: "#8C9196";
+    readonly checkedColor: "#1F88D0";
+    readonly disabledColor: "#C7C7CC";
+};
+export declare const StyledRadioCheckedIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, {}, {}>;
+export declare const StyledRadio: import("@emotion/styled").StyledComponent<import("@mui/material/Radio").RadioProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    iconSize?: number | undefined;
+    checkedColor?: string | undefined;
+    disabledColor?: string | undefined;
+    hoverColor?: string | undefined;
+}, {}, {}>;

package/build/components/_v2/primitives/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { RadioGroupProps } from './type';
+/**
+ * Group of RadioButton options rendered as a list. Pass `options` (label + value) and
+ * `value` / `onChange` for controlled selection. Supports horizontal/vertical orientation
+ * and an optional group label. Use RHFRadioGroup for React Hook Form integration.
+ */
+declare function RadioGroup({ options, onOptionChange, size, customLabelRenderer, layout, spacing, labelPosition, showHoverEffects, customRadioProps, labelSx, onChange, title, sx, ...props }: RadioGroupProps): import("react").JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof RadioGroup>;
+export default _default;

package/build/components/_v2/primitives/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './RadioGroup';
+export type { RadioGroupProps, RadioOption } from './type';

package/build/components/_v2/primitives/RadioGroup/style.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledFormControlLabel: import("@emotion/styled").StyledComponent<import("@mui/material/FormControlLabel").FormControlLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    size?: "small" | "medium" | "large" | undefined;
+    showHoverEffects?: boolean | undefined;
+    labelSx?: import("react").CSSProperties | undefined;
+}, {}, {}>;

package/build/components/_v2/primitives/RadioGroup/type.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode, CSSProperties } from 'react';
+import type { RadioGroupProps as MuiRadioGroupProps } from '@mui/material/RadioGroup';
+import type { RadioButtonProps } from '../RadioButton/RadioButton';
+export interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    icon?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+    customProps?: Partial<RadioButtonProps>;
+}
+export interface RadioGroupProps extends Omit<MuiRadioGroupProps, 'children' | 'title'> {
+    /** List of selectable radio options */
+    options: RadioOption[];
+    /** Called with the selected option's value string when the selection changes */
+    onOptionChange?: (value: string) => void;
+    /** Size of each radio button — small (default), medium, or large */
+    size?: 'small' | 'medium' | 'large';
+    /** Custom renderer for the option label; receives the full `RadioOption` */
+    customLabelRenderer?: (option: RadioOption) => ReactNode;
+    /** Stacking direction of options — vertical (default) or horizontal */
+    layout?: 'vertical' | 'horizontal';
+    /** Gap between options in MUI spacing units */
+    spacing?: number;
+    /** Position of the label relative to the radio button circle */
+    labelPosition?: 'start' | 'end' | 'top' | 'bottom';
+    /** Show a subtle background on hover (default: false) */
+    showHoverEffects?: boolean;
+    /** Props forwarded to every RadioButton in the group */
+    customRadioProps?: Partial<RadioButtonProps>;
+    /** Inline style overrides for each option label */
+    labelSx?: CSSProperties;
+    /** Optional heading rendered above the group */
+    title?: ReactNode;
+}

package/build/components/_v2/primitives/ScrollLoader/ScrollLoader.d.ts

@@ -0,0 +1,24 @@
+import React, { type PropsWithChildren } from 'react';
+import { type StackProps } from '@mui/material/Stack';
+export type ScrollLoaderProps<IRootProps extends object = StackProps> = PropsWithChildren<IRootProps & {
+    /** Custom root component — defaults to MUI Stack */
+    component?: React.FC<IRootProps> | React.ElementType;
+    /** Called when the user scrolls near the bottom. Must return a Promise. */
+    loadMoreItems: () => Promise<unknown>;
+    /** True while the initial data is loading (suppresses the initial auto-check) */
+    loading?: boolean;
+    /** Whether there are more pages to fetch */
+    hasMore?: boolean;
+    /** True while a next-page request is in-flight */
+    isFetchingNextPage: boolean;
+}>;
+/**
+ * Infinite-scroll container. Calls `onLoadMore` when the user scrolls near the bottom.
+ * Renders a Loader spinner while `loading` is true and stops loading when `hasMore` is false.
+ * The root element defaults to MUI Stack but can be replaced via the `rootComponent` prop.
+ */
+declare const ScrollLoader: {
+    <IRootProps extends object = StackProps>(props: ScrollLoaderProps<IRootProps>): React.JSX.Element;
+    displayName: string;
+};
+export default ScrollLoader;

package/build/components/_v2/primitives/ScrollLoader/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ScrollLoader';
+export type { ScrollLoaderProps } from './ScrollLoader';

package/build/components/_v2/primitives/SelectBase/SelectBase.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SelectOption, SelectBaseProps } from './type';
+declare const SelectBase: <T = SelectOption>(props: SelectBaseProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+export default SelectBase;

package/build/components/_v2/primitives/SelectBase/SelectEndAdornment.d.ts

@@ -0,0 +1,16 @@
+import type { ElementType, MouseEvent } from 'react';
+export interface SelectEndAdornmentProps {
+    /** Shows a circular spinner while options are being fetched */
+    loading?: boolean;
+    /** Shows the clear (✕) button */
+    showClear?: boolean;
+    /** Whether the dropdown is currently open (rotates the chevron icon) */
+    menuOpen?: boolean;
+    /** Called when the user clicks the clear button */
+    onClear?: (e: MouseEvent) => void;
+    /** Override the default ✕ clear icon element */
+    clearIcon?: ElementType;
+    /** Accessible aria-label for the clear button */
+    clearAriaLabel?: string;
+}
+export declare function SelectEndAdornment({ loading, showClear, menuOpen, onClear, clearIcon: ClearIconComponent, clearAriaLabel, }: Readonly<SelectEndAdornmentProps>): import("react").JSX.Element;

package/build/components/_v2/primitives/SelectBase/SelectIcons.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function SelectChevronIcon(): import("react").JSX.Element;
+export declare function SelectClearIcon(): import("react").JSX.Element;

package/build/components/_v2/primitives/SelectBase/SelectMenuSearch.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface SelectMenuSearchProps {
+    /** Placeholder text shown inside the search input when empty */
+    placeholder?: string | null;
+    /** Current search string (controlled) */
+    value: string;
+    /** Called with the new string on every keystroke */
+    onChange: (value: string) => void;
+}
+export declare function SelectMenuSearch({ placeholder, value, onChange }: Readonly<SelectMenuSearchProps>): import("react").JSX.Element;

package/build/components/_v2/primitives/SelectBase/SelectOptions.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+import type { SelectOption } from './type';
+export interface SelectOptionsProps<T = SelectOption> {
+    /** Full list of options to render as MenuItem rows */
+    options: T[];
+    /** Currently selected option (used to mark the active row) */
+    value: T | null;
+    /** Returns a stable string key for each option (used as React key) */
+    getKey: (option: T) => string;
+    /** The primitive string value that MUI Select uses for selection comparison */
+    selectPrimitiveValue: string;
+    /** Returns the display label string for an option */
+    getOptionLabel?: (option: T) => string;
+    /** Custom renderer for an option row */
+    renderOption?: (option: T) => ReactNode;
+    /** Custom equality check between an option and the current value */
+    isOptionEqualToValue?: (option: T, value: T) => boolean;
+    /** When it returns `true` the option is rendered but not selectable */
+    getOptionDisabled?: (option: T) => boolean;
+}
+/** Returns MenuItem elements as direct Select children — required for MUI Select value handling. */
+export declare function selectOptionElements<T = SelectOption>({ options, value, getKey, selectPrimitiveValue, getOptionLabel, renderOption, isOptionEqualToValue, getOptionDisabled, }: SelectOptionsProps<T>): import("react").JSX.Element[];

package/build/components/_v2/primitives/SelectBase/getSelectMenuProps.d.ts

@@ -0,0 +1,2 @@
+import type { SelectProps as MuiSelectProps } from '@mui/material/Select';
+export declare function getSelectMenuProps(callerMenuProps?: MuiSelectProps['MenuProps']): MuiSelectProps['MenuProps'];

package/build/components/_v2/primitives/SelectBase/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useSelectMenuState } from './useSelectMenuState';
+export type { UseSelectMenuStateOptions } from './useSelectMenuState';
+export { useSelectOptionKeys } from './useSelectOptionKeys';

package/build/components/_v2/primitives/SelectBase/hooks/useSelectMenuState.d.ts

@@ -0,0 +1,12 @@
+import { type SyntheticEvent } from 'react';
+export interface UseSelectMenuStateOptions {
+    open?: boolean;
+    onOpen?: (event: SyntheticEvent) => void;
+    onClose?: (event: SyntheticEvent) => void;
+}
+export declare function useSelectMenuState({ open: openProp, onOpen, onClose }: UseSelectMenuStateOptions): {
+    menuOpen: boolean;
+    searchValue: string;
+    setSearchValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    handleToggleMenu: (e: SyntheticEvent, isOpen: boolean) => void;
+};

package/build/components/_v2/primitives/SelectBase/hooks/useSelectOptionKeys.d.ts

@@ -0,0 +1,3 @@
+export declare function useSelectOptionKeys<T>(getOptionValue?: (option: T) => string): {
+    getKey: (opt: T) => string;
+};

package/build/components/_v2/primitives/SelectBase/index.d.ts

@@ -0,0 +1,10 @@
+export { default } from './SelectBase';
+export { SelectRoot, StyledSelect, SearchSubheader, SearchInput, ClearButton } from './style';
+export { SelectChevronIcon, SelectClearIcon } from './SelectIcons';
+export { SelectEndAdornment } from './SelectEndAdornment';
+export { SelectMenuSearch } from './SelectMenuSearch';
+export { selectOptionElements } from './SelectOptions';
+export { getSelectMenuProps } from './getSelectMenuProps';
+export { useSelectMenuState, useSelectOptionKeys } from './hooks';
+export type { UseSelectMenuStateOptions } from './hooks';
+export type { SelectBaseProps, SelectProps, SelectOption, SelectSize } from './type';