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

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { CircularProgressProps as MuiCircularProgressProps } from '@mui/material/CircularProgress';
+export interface CircularProgressProps extends MuiCircularProgressProps {
+    /** Show percentage label in the center when variant is "determinate" */
+    showLabel?: boolean;
+}
+/**
+ * Circular loading spinner. In `determinate` mode shows a percentage label in the center.
+ * Use `indeterminate` (default) for unknown-duration loading states.
+ */
+declare function CircularProgress({ variant, showLabel, ...props }: CircularProgressProps): import("react").JSX.Element;
+declare namespace CircularProgress {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof CircularProgress>;
+export default _default;

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const LoadingIcon: import("@emotion/styled").StyledComponent<import("@mui/material/CircularProgress").CircularProgressProps & 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>, {}, {}>;
+export declare const LabelWrapper: 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 LabelText: 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>, {}, {}>;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { type CollapseProps as MuiCollapseProps } from '@mui/material/Collapse';
+export interface CollapseProps extends MuiCollapseProps {
+}
+/**
+ * Animated expand/collapse wrapper with a 300ms transition. Unmounts children when closed.
+ * Pass `in` to control visibility. Use inside Accordion or any toggle-reveal pattern.
+ */
+declare function Collapse({ children, ...rest }: CollapseProps): import("react").JSX.Element;
+declare namespace Collapse {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof Collapse>;
+export default _default;

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

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

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { type SxProps } from '@mui/material/styles';
+type ColorPickerProps = {
+    /** Current hex/rgba colour string (controlled) */
+    value?: string;
+    /** Called with the confirmed colour string when the user clicks Apply */
+    onChange: (value: string) => void;
+    /** Called when the user clicks the Reset button inside the panel */
+    onReset?: () => void;
+    /** MUI sx overrides for the picker trigger wrapper */
+    sx?: SxProps;
+    /** Prevents opening the colour panel and dims the trigger */
+    disabled?: boolean;
+    /** Behaviour toggles for the colour panel */
+    options?: {
+        /** Hide the Reset button inside the panel */
+        hideReset?: boolean;
+        /** Remove the alpha channel controls (A field and opacity slider) */
+        disableAlpha?: boolean;
+    };
+};
+/**
+ * Swatch-based colour picker with a Popper-mounted panel.
+ * Pass `value` (hex string) and `onChange` for controlled state.
+ * `options` is a preset list of hex colours shown as swatches; `onReset` is called when the reset button is clicked.
+ */
+declare const ColorPicker: ({ value, onChange, onReset, sx, options, disabled }: ColorPickerProps) => import("react").JSX.Element;
+export default ColorPicker;

package/build/components/_v2/primitives/ColorPicker/ColorPickerPanel.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export type ColorPickerPanelProps = {
+    /** Starting colour shown when the panel first opens (hex or rgba string) */
+    initialValue?: string;
+    /** Called when the user clicks Cancel or clicks away from the panel */
+    onCancel: () => void;
+    /** Called with the final colour string when the user clicks Confirm */
+    onConfirm: (newValue: string) => void;
+    /** Remove the alpha channel controls (A field and opacity slider) */
+    disableAlpha?: boolean;
+};
+declare const ColorPickerPanel: ({ initialValue, onCancel, onConfirm, disableAlpha }: ColorPickerPanelProps) => import("react").JSX.Element;
+export default ColorPickerPanel;

package/build/components/_v2/primitives/ColorPicker/ColorSchemeSelect.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type ColorScheme = 'RGB' | 'HEX';
+type ColorSchemeSelectProps = {
+    /** Currently active colour scheme shown in the selector */
+    scheme: ColorScheme;
+    /** Called with the newly selected colour scheme */
+    setScheme: (scheme: ColorScheme) => void;
+};
+declare const ColorSchemeSelect: ({ scheme, setScheme }: ColorSchemeSelectProps) => React.JSX.Element;
+export default ColorSchemeSelect;

package/build/components/_v2/primitives/ColorPicker/HexaFields.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { RgbaColor } from 'react-colorful';
+type HexaFieldsProps = {
+    /** Current colour as an RGBA object */
+    value: RgbaColor;
+    /** Called with the updated RGBA object when any field changes */
+    onChange: (newValue: RgbaColor) => void;
+    /** Hide the alpha (A) hex field */
+    disableAlpha?: boolean;
+};
+declare const HexaFields: ({ value, onChange, disableAlpha }: HexaFieldsProps) => React.JSX.Element;
+export default HexaFields;

package/build/components/_v2/primitives/ColorPicker/RGBAFields.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { RgbaColor } from 'react-colorful';
+type RGBAFieldsProps = {
+    /** Current colour as an RGBA object */
+    value: RgbaColor;
+    /** Called with the updated RGBA object when any channel field changes */
+    onChange: (newValue: RgbaColor) => void;
+    /** Hide the alpha (A) channel field */
+    disableAlpha?: boolean;
+};
+declare const RGBAFields: ({ value, onChange, disableAlpha }: RGBAFieldsProps) => React.JSX.Element;
+export default RGBAFields;

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

@@ -0,0 +1,3 @@
+export { default } from './ColorPicker';
+export type { ColorPickerPanelProps } from './ColorPickerPanel';
+export type { ColorScheme } from './ColorSchemeSelect';

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export declare const StyledCloseButtonWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledColorWidgetWrapper: 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 Footer: 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 EditButton: import("@emotion/styled").StyledComponent<import("@mui/material/Typography").TypographyOwnProps & 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;
+}, "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"> & {
+    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const ConfirmButton: 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 CancelButton: 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 ColorSchemeButton: 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> & {
+    active?: boolean | undefined;
+}, {}, {}>;
+export declare const ColorSchemeList: import("@emotion/styled").StyledComponent<import("@mui/material/MenuList").MenuListOwnProps & import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
+}, "autoFocus" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "variant" | "dense" | "disabledItemsFocusable" | "disableListWrap" | "autoFocusItem" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const StyledInput: 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>, {}, {}>;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { CopyButtonProps } from './type';
+/**
+ * A small icon button that copies `text` to the clipboard.
+ * Shows a green checkmark briefly after a successful copy, then reverts.
+ *
+ * ```tsx
+ * <CopyButton text="TXN-123456" />
+ * ```
+ */
+declare function CopyButton({ text, feedbackMs, sx }: Readonly<CopyButtonProps>): import("react").JSX.Element;
+declare namespace CopyButton {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof CopyButton>;
+export default _default;

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

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

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

@@ -0,0 +1,9 @@
+import type { SxProps, Theme } from '@mui/material/styles';
+export interface CopyButtonProps {
+    /** The text to copy to the clipboard when clicked. */
+    text: string;
+    /** Duration in ms to show the success state before reverting. @default 2000 */
+    feedbackMs?: number;
+    /** MUI sx overrides applied to the img element. */
+    sx?: SxProps<Theme>;
+}

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

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+import type { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
+export interface DialogProps extends MuiDialogProps {
+    /** Dialog heading rendered in a DialogTitle */
+    heading?: ReactNode;
+    /** Rendered below the content area */
+    actions?: ReactNode;
+}
+/**
+ * Modal dialog with optional heading and actions footer.
+ * Pass `open` to control visibility and `onClose` to handle dismiss events.
+ * Use `heading` for the title bar and `actions` for confirm/cancel buttons.
+ */
+declare function Dialog({ heading, actions, children, onClose, open, ...rest }: DialogProps): import("react").JSX.Element;
+declare namespace Dialog {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof Dialog>;
+export default _default;

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

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

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

@@ -0,0 +1,2 @@
+export declare const StyledDialog: import("@emotion/styled").StyledComponent<import("@mui/material/Dialog").DialogProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const StyledDialogContent: import("@emotion/styled").StyledComponent<import("@mui/material/DialogContent").DialogContentProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { type DividerProps as MuiDividerProps } from '@mui/material/Divider';
+export interface DividerProps extends MuiDividerProps {
+}
+/**
+ * Thin separator line. Defaults to `horizontal` orientation.
+ * Pass `orientation="vertical"` for use inside flex rows.
+ */
+declare function Divider({ orientation, ...props }: DividerProps): import("react").JSX.Element;
+declare namespace Divider {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof Divider>;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+export { FormFieldRoot, FormFieldLabel, FormFieldHelper, FloatingLabel } from './style';

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+/**
+ * Flex column FormControl — the outer wrapper shared by all field composites.
+ * Accepts `error` and `fullWidth` from MUI's FormControl.
+ */
+export declare const FormFieldRoot: 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>, {}, {}>;
+/**
+ * Static label rendered above the control.
+ * No floating/shrink animation — always sits in document flow.
+ */
+export declare const FormFieldLabel: import("@emotion/styled").StyledComponent<import("@mui/material/InputLabel").InputLabelOwnProps & Pick<import("@mui/material").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
+}, "color" | "margin" | "disabled" | "error" | "classes" | "className" | "style" | "children" | "sx" | "variant" | "size" | "filled" | "required" | "focused" | "disableAnimation" | "shrink"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+/**
+ * Floating label overlay used by Select, MultiSelect and GroupedSelect composites.
+ * Rendered position:absolute over the trigger; animated via CSS transform.
+ * Parent must have `position: relative`.
+ */
+export declare const FloatingLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    $shrink?: boolean | undefined;
+    $disabled?: boolean | undefined;
+    $error?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+/**
+ * Small helper / hint text rendered below the control.
+ * Shown when no InputFeedback is present.
+ */
+export declare const FormFieldHelper: import("@emotion/styled").StyledComponent<import("@mui/material/FormHelperText").FormHelperTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}, "margin" | "disabled" | "error" | "classes" | "className" | "style" | "children" | "sx" | "variant" | "filled" | "required" | "focused"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from './type';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLImageElement>>>;
+export default _default;

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const IconComponent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

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

@@ -0,0 +1,12 @@
+import type { ImgHTMLAttributes } from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+export interface IconProps extends ImgHTMLAttributes<HTMLImageElement> {
+    /** URL of the image to display */
+    src: string;
+    /** Accessible alt text for the image */
+    alt?: string;
+    /** Override width and height via MUI sx */
+    sx?: SxProps<Theme>;
+    /** Click handler for interactive icons */
+    onClick?: () => void;
+}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { InputFeedbackProps } from './type';
+/**
+ * Inline feedback strip rendered below an input field.
+ * Supports `error`, `warning`, `success`, and `info` types — each with a matching icon and colour.
+ * Pass `message` as a string or any ReactNode. Returns null when type or message is absent.
+ */
+declare function InputFeedback({ type, message, icon }: Readonly<InputFeedbackProps>): import("react").JSX.Element | null;
+declare namespace InputFeedback {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof InputFeedback>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default } from './InputFeedback';
+export type { InputFeedbackProps, InputFeedbackType, ResolvedInputFeedback } from './type';

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { InputFeedbackType } from './type';
+export declare const InputFeedbackContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    type: InputFeedbackType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputFeedbackMessage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    type: InputFeedbackType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export type InputFeedbackType = 'error' | 'warning' | 'success' | 'info';
+export interface InputFeedbackProps {
+    /** Semantic type that controls the colour and default icon */
+    type?: InputFeedbackType;
+    /** Text or node displayed next to the icon */
+    message?: ReactNode;
+    /** Override the default type icon with a custom element */
+    icon?: ReactNode;
+}
+export interface ResolvedInputFeedback extends InputFeedbackProps {
+    type: InputFeedbackType;
+    message: ReactNode;
+}

package/build/components/_v2/primitives/InputFeedback/util.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import type { Theme } from '@mui/material/styles';
+import type { InputFeedbackProps, InputFeedbackType, ResolvedInputFeedback } from './type';
+export declare const InputFeedbackIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const getResolvedInputFeedback: (feedback?: InputFeedbackProps | null) => ResolvedInputFeedback | null;
+export declare const getInputFeedbackIconSrc: (type?: InputFeedbackType) => string;
+export declare const getInputFeedbackColors: (theme: Theme, type?: InputFeedbackType) => {
+    backgroundColor: string;
+    borderColor: string;
+    textColor: string;
+};
+/** Border/radius overrides when an InputFeedback panel is rendered below the control. */
+export declare const getInputFeedbackSx: (theme: Theme, { feedbackType, hasFeedback, error }: {
+    feedbackType?: InputFeedbackType | undefined;
+    hasFeedback: boolean;
+    error?: boolean | undefined;
+}) => {
+    border?: undefined;
+    borderRadius?: undefined;
+    borderBottom?: undefined;
+    '&.Mui-focused'?: undefined;
+} | {
+    border: string;
+    borderRadius: string;
+    borderBottom: string;
+    '&.Mui-focused': {
+        borderColor: string;
+    };
+};

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type LazyLoadImageProps } from 'react-lazy-load-image-component';
+/**
+ * Lazily-loaded image that defers rendering until it enters the viewport.
+ * Supports entrance effects: `opacity`, `blur`, and `black-and-white` — CSS assets are loaded on demand.
+ * Renders nothing until the effect CSS is ready to avoid flash of unstyled content.
+ */
+declare const LazyImage: {
+    (props: LazyLoadImageProps): import("react").JSX.Element | null;
+    displayName: string;
+};
+export default LazyImage;
+export type { LazyLoadImageProps as LazyImageProps };

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { CircularProgressProps } from '@mui/material/CircularProgress';
+export type { CircularProgressProps as LoaderProps };
+/**
+ * Styled circular spinner for indeterminate loading states.
+ * Accepts all MUI CircularProgressProps — use `size` and `color` to customise.
+ */
+declare function Loader(props: CircularProgressProps): import("react").JSX.Element;
+declare namespace Loader {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof Loader>;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+export declare const StyledLoader: import("@emotion/styled").StyledComponent<import("@mui/material/CircularProgress").CircularProgressProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

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

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+import { type PopperProps } from '@mui/material/Popper';
+import type { BoxProps } from '@mui/material/Box';
+import type { SxProps, Theme } from '@mui/material/styles';
+export interface MenuProps extends PopperProps {
+    /** Menu items or any custom content rendered inside the dropdown */
+    children: ReactNode;
+    /** sx applied to the inner dropdown Box */
+    popperSx?: SxProps<Theme>;
+    /** Props forwarded to the inner dropdown Box */
+    dropdownProps?: BoxProps;
+}
+declare const _default: import("react").ForwardRefExoticComponent<Omit<MenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledDropdown: 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> & {
+    showShadow?: boolean | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+import type { BoxProps } from '@mui/material/Box';
+export interface MenuItemProps extends Omit<BoxProps, 'disabled'> {
+    /** Highlights the item with a checked style */
+    isSelected?: boolean;
+    /** Dims the item and blocks clicks */
+    isDisabled?: boolean;
+    /** Shows the checkbox in the indeterminate state */
+    isIndeterminate?: boolean;
+    /** Hide the leading checkbox */
+    hideCheckbox?: boolean;
+    /** Item label or content */
+    children?: ReactNode;
+}
+/**
+ * Selectable row inside a Menu. Renders a leading Checkbox by default (hide with `hideCheckbox`).
+ * Use `isSelected`, `isDisabled`, and `isIndeterminate` to control state.
+ */
+declare function MenuItem({ isSelected, isDisabled, isIndeterminate, hideCheckbox, onClick, children, className, ...props }: MenuItemProps): import("react").JSX.Element;
+declare namespace MenuItem {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof MenuItem>;
+export default _default;

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const MenuItemStyled: 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> & {
+    disabled?: boolean | undefined;
+}, {}, {}>;

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

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

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

@@ -0,0 +1,15 @@
+import { type ReactNode, type HTMLAttributes } from 'react';
+export interface MultiSelectOptionProps extends HTMLAttributes<HTMLLIElement> {
+    /** Primitive value passed to the underlying MenuItem */
+    value: string;
+    /** Whether this option is currently selected */
+    selected?: boolean;
+    /** Renders the option as non-interactive */
+    disabled?: boolean;
+    /** Show a checkbox beside the label */
+    showCheckbox?: boolean;
+    /** Option label or custom content */
+    children?: ReactNode;
+}
+declare const MultiSelectOptionMemo: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Readonly<MultiSelectOptionProps> & import("react").RefAttributes<HTMLLIElement>>>;
+export default MultiSelectOptionMemo;

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

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+import type { SelectOption } from '../SelectBase/type';
+export interface MultiSelectOptionsProps<T = SelectOption> {
+    /** Full list of options to render as rows */
+    options: T[];
+    /** Returns a stable string key for each option (used as React key) */
+    getKey: (option: T) => string;
+    /** Returns whether a given option is in the current selection */
+    isSelected: (option: T) => boolean;
+    /** Returns the display label string for an option */
+    getOptionLabel?: (option: T) => string;
+    /** Custom renderer for an option row */
+    renderOption?: (option: T) => ReactNode;
+    /** When it returns `true` the option is rendered but not selectable */
+    getOptionDisabled?: (option: T) => boolean;
+    /** Show a checkbox beside each option label */
+    showCheckbox?: boolean;
+}
+/**
+ * Maps options to MultiSelectOption rows.
+ * When used inside SelectRoot, prefer mapping MultiSelectOption directly as siblings
+ * (this component returns an array so it cannot be a single Select child wrapper).
+ */
+declare function MultiSelectOptions<T = SelectOption>({ options, getKey, isSelected, getOptionLabel, renderOption, getOptionDisabled, showCheckbox, }: Readonly<MultiSelectOptionsProps<T>>): import("react").JSX.Element;
+declare namespace MultiSelectOptions {
+    var displayName: string;
+}
+declare const _default: typeof MultiSelectOptions;
+export default _default;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface MultiSelectSelectionSummaryProps {
+    /** Number of currently selected options shown in the "N selected" label */
+    selectedCount: number;
+    /** Called when the user clicks the Clear button */
+    onClear: () => void;
+}
+export declare function MultiSelectSelectionSummary({ selectedCount, onClear }: Readonly<MultiSelectSelectionSummaryProps>): import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+export { default } from './MultiSelectBase';
+export { default as MultiSelectOption } from './MultiSelectOption';
+export { default as MultiSelectOptions } from './MultiSelectOptions';
+export { MultiSelectSelectionSummary } from './MultiSelectSelectionSummary';
+export type { MultiSelectOptionProps } from './MultiSelectOption';
+export type { MultiSelectOptionsProps } from './MultiSelectOptions';
+export { OptionCheckbox } from './style';
+export type { MultiSelectBaseProps, MultiSelectProps } from './type';