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

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import type { SxProps, Theme } from '@mui/material/styles';
+import type { SelectSize } from './type';
+export declare const SelectRoot: import("@emotion/styled").StyledComponent<(import("@mui/material/Select").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<Theme>) & {
+    selectSize?: SelectSize | undefined;
+    hasError?: boolean | undefined;
+}, {}, {}>;
+/** @deprecated Use SelectRoot */
+export declare const StyledSelect: import("@emotion/styled").StyledComponent<(import("@mui/material/Select").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<Theme>) & {
+    selectSize?: SelectSize | undefined;
+    hasError?: boolean | undefined;
+}, {}, {}>;
+/**
+ * Outer FormControl for floating-label mode.
+ * Direct port of the legacy Inputs/Select/Select.tsx FormControl sx block.
+ * The FormControl itself carries the 40 px height, border, and label transforms.
+ *
+ * `!important` on all transforms is required because MUI's own InputLabel styled
+ * component applies its transforms at component-class level — same emotion injection
+ * order — so without `!important` the legacy positions are overridden.
+ */
+export declare const FloatingFormControl: 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<Theme> & {
+    hasError?: boolean | undefined;
+}, {}, {}>;
+/** InputLabel used inside FloatingFormControl — mirrors legacy InputLabel sx. */
+export declare const FloatingInputLabel: 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<Theme>, {}, {}>;
+export declare const SearchSubheader: 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<Theme>, {}, {}>;
+export declare const SearchInput: import("@emotion/styled").StyledComponent<import("@mui/material/Input").InputProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const ClearButton: import("@emotion/styled").StyledComponent<import("@mui/material/IconButton").IconButtonOwnProps & 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" | "edge" | "classes" | "className" | "style" | "tabIndex" | "children" | "sx" | "size" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+/** sx applied to the raw MuiSelect inside floating-label mode. */
+export declare const floatingSelectSx: SxProps<Theme>;

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

@@ -0,0 +1,75 @@
+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';
+export type SelectSize = 'sm' | 'md';
+/** Default option shape. Pass your own type via the `T` generic for full type-safety. */
+export interface SelectOption {
+    label?: string;
+    value?: string | number;
+    disabled?: boolean;
+    [key: string]: unknown;
+}
+/** Props for the bare `SelectBase` control. */
+export interface SelectBaseProps<T = SelectOption> extends Omit<MuiSelectProps, 'variant' | 'size' | 'onChange' | 'value' | '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;
+    /** Styles applied to the select 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 option (controlled) */
+    value?: T | null;
+    /** Called with the newly selected option (or `null` when cleared) */
+    onChange?: (option: T | null) => 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 the current 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 ✕ to clear the selection */
+    clearable?: boolean;
+    /** Override the clear button; 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;
+}
+/** Props for the full `Select` field composite (SelectBase + label + feedback). */
+export interface SelectProps<T = SelectOption> extends Omit<SelectBaseProps<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.
+     * Adjusts the select border colour and radius to connect visually.
+     * Takes priority over `helperText` when both are supplied.
+     */
+    feedback?: InputFeedbackProps | null;
+    /** Styling for the field root wrapper */
+    sx?: SxProps<Theme>;
+    /** Styling overrides for the Select control */
+    selectSx?: SxProps<Theme>;
+}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type SkeletonProps } from '@mui/material/Skeleton';
+export type { SkeletonProps };
+/**
+ * Placeholder shimmer animation for loading states. Defaults to `rounded` variant at 16px height.
+ * Use `width` and `height` to match the real content's dimensions.
+ */
+declare function Skeleton({ variant, height, ...props }: SkeletonProps): import("react").JSX.Element;
+declare namespace Skeleton {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof Skeleton>;
+export default _default;

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

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

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { SliderProps as MuiSliderProps } from '@mui/material/Slider';
+import type { SxProps, Theme } from '@mui/material/styles';
+export interface SliderProps extends Omit<MuiSliderProps, 'value' | 'onChange'> {
+    /** Current value of the slider */
+    value: number;
+    /** Minimum value */
+    min: number;
+    /** Maximum value */
+    max: number;
+    /** Step increment */
+    step?: number;
+    /** Whether the slider is disabled */
+    disabled?: boolean;
+    /** Callback fired when the value changes */
+    onChange: (value: number) => void;
+    /** MUI sx style overrides */
+    sx?: SxProps<Theme>;
+}
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<SliderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>>;
+export default _default;

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { SwitchProps } from '@mui/material/Switch';
+export type { SwitchProps };
+/**
+ * iOS-style toggle switch. Accepts all MUI SwitchProps — use `checked` and `onChange` to control state.
+ * Ripple is disabled and focusVisible styling is applied for accessibility.
+ */
+declare function Switch(props: SwitchProps): import("react").JSX.Element;
+declare namespace Switch {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof Switch>;
+export default _default;

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

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

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

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

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { TypographyProps } from '@mui/material/Typography';
+import type { SxProps, Theme } from '@mui/material/styles';
+export type TextVariant = TypographyProps['variant'];
+export type TextAlign = TypographyProps['align'];
+export interface TextProps extends Omit<TypographyProps, 'variant'> {
+    /** MUI Typography variant (e.g. `body1`, `h6`, `caption`) */
+    variant?: TextVariant;
+    /** Shorthand for fontWeight — accepts theme token keys or numeric values */
+    weight?: 'regular' | 'medium' | 'semibold' | 'bold' | number;
+    /** When true renders as a single non-wrapping line with ellipsis overflow */
+    truncate?: boolean;
+    /** MUI sx style overrides */
+    sx?: SxProps<Theme>;
+}
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<TextProps, "ref"> & import("react").RefAttributes<HTMLElement>>>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default } from './Text';
+export type { TextProps, TextVariant, TextAlign } from './Text';

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

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+import type { InputProps as MuiInputProps } from '@mui/material/Input';
+export type TextInputSize = 'sm' | 'md';
+export interface TextInputBaseProps extends Omit<MuiInputProps, 'size' | 'placeholder'> {
+    /** Icon or element placed at the left inside the input */
+    startAdornment?: ReactNode;
+    /** Icon or element placed at the right inside the input */
+    endAdornment?: ReactNode;
+    /** Controls input height — sm: 28 px, md: 32 px (default). Ignored when `label` is set. */
+    size?: TextInputSize;
+    /** Marks the input with an error border */
+    error?: 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<TextInputBaseProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default } from './TextInputBase';
+export type { TextInputBaseProps, TextInputSize } from './TextInputBase';

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { TextInputSize } from './TextInputBase';
+export declare const StyledInput: import("@emotion/styled").StyledComponent<import("@mui/material/Input").InputProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    inputSize?: TextInputSize | undefined;
+    hasError?: boolean | undefined;
+}, {}, {}>;
+/**
+ * Outer 40 px wrapper for the floating-label mode.
+ * Mirrors the legacy InputI's `StyledWrapper`:
+ *   - Constrains everything to 40 px
+ *   - `flex: 1` makes the inner TextField stretch to fill the height
+ *   - `margin: 0 !important` removes MUI's default top-margin that TextField
+ *     adds to make room for a floating label (which would otherwise push the
+ *     container taller than 40 px)
+ */
+export declare const StyledFloatingWrapper: 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 the floating-label mode.
+ * CSS is a direct port of the legacy Inputs/Input/style.ts `StyledInput`.
+ */
+export declare const FloatingStyledTextField: 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;
+}, {}, {}>;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { InputBaseProps } from '@mui/material/InputBase';
+export interface TextareaBaseProps extends Omit<InputBaseProps, 'multiline'> {
+    /** Show red error border */
+    error?: boolean;
+    /** Minimum visible rows (default 3) */
+    minRows?: number;
+    /** Maximum rows before scroll kicks in */
+    maxRows?: number;
+}
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<TextareaBaseProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>>;
+export default _default;

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

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

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

@@ -0,0 +1,3 @@
+export declare const StyledTextarea: import("@emotion/styled").StyledComponent<import("@mui/material/InputBase").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    hasError?: boolean | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export type PickerTime = {
+    hour: number;
+    minute: number;
+    period?: 'AM' | 'PM';
+};
+export interface TimepickerBaseProps {
+    /** Initial time displayed when the picker mounts (uncontrolled) */
+    defaultTime?: PickerTime;
+    /** Called when the selected time changes */
+    onChange?: (time: PickerTime) => void;
+    /** Fire onChange on every keystroke / click, not only on close */
+    enableRealTimeChange?: boolean;
+    /** Visual size of the picker — large (default) or small */
+    size?: 'large' | 'small';
+}
+/**
+ * Time picker with separate hour and minute inputs and AM/PM toggle, rendered in a Menu popover.
+ * Pass `defaultTime` for initial value and `onChange` to receive `PickerTime` updates.
+ * Enable `enableRealTimeChange` to fire `onChange` on every keystroke instead of on close.
+ * Use Timepicker (composite) for a labeled field wrapper or RHFTimepicker for React Hook Form integration.
+ */
+declare function TimepickerBase({ onChange, defaultTime, enableRealTimeChange, size }: Readonly<TimepickerBaseProps>): import("react").JSX.Element;
+declare namespace TimepickerBase {
+    var displayName: string;
+}
+export default TimepickerBase;

package/build/components/_v2/primitives/TimepickerBase/constant.d.ts

@@ -0,0 +1,3 @@
+export declare const periodList: readonly ["AM", "PM"];
+export declare const maxHour = 12;
+export declare const maxMinute = 59;

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

@@ -0,0 +1,4 @@
+export { default } from './TimepickerBase';
+export type { TimepickerBaseProps, PickerTime } from './TimepickerBase';
+export { convertTo12Hour, convertTo24Hour, getPeriodFrom24Hour, getDefaultHour, getDefaultMinute } from './util';
+export { maxHour } from './constant';

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+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 Button: import("@emotion/styled").StyledComponent<Omit<Omit<import("../Text/Text").TextProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLElement> | ((instance: HTMLElement | null) => void) | null | undefined;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    open: boolean;
+    size: 'large' | 'small';
+}, {}, {}>;
+export declare const Arrow: 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 Period: import("@emotion/styled").StyledComponent<Omit<Omit<import("../Text/Text").TextProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLElement> | ((instance: HTMLElement | null) => void) | null | undefined;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    selected: boolean;
+}, {}, {}>;
+export declare const PeriodWrapper: 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 TimeWrapper: 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 Time: 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 Input: 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>, {}, {}>;

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

@@ -0,0 +1,5 @@
+export declare const convertTo12Hour: (hour24: number) => number;
+export declare const getPeriodFrom24Hour: (hour24: number) => 'AM' | 'PM';
+export declare const getDefaultMinute: () => number;
+export declare const getDefaultHour: () => number;
+export declare const convertTo24Hour: (hour12: number, period: 'AM' | 'PM') => number;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { ToggleButtonsProps, ToggleOptionKey } from './type';
+/**
+ * Horizontal group of mutually-exclusive toggle buttons. Pass `options` as `{ key, label }` pairs,
+ * `activeKey` for the currently selected option, and `onChange` to handle selection changes.
+ */
+declare const ToggleButtons: {
+    <T extends ToggleOptionKey>({ options, activeKey, onChange, containerProps, buttonProps }: ToggleButtonsProps<T>): import("react").JSX.Element;
+    displayName: string;
+};
+export default ToggleButtons;

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

@@ -0,0 +1,2 @@
+export { default } from './ToggleButtons';
+export type { ToggleButtonProps, ToggleButtonsProps, ToggleOption, ToggleOptionKey } from './type';

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { ToggleButtonProps } from './type';
+export declare const ToggleContainer: 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 ToggleButton: 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> & ToggleButtonProps, {}, {}>;

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

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import type { BoxProps } from '@mui/material/Box';
+export interface ToggleButtonProps {
+    /** Whether this button is the currently selected option */
+    active: boolean;
+}
+export type ToggleOptionKey = string | number;
+export interface ToggleOption<T extends ToggleOptionKey> {
+    key: T;
+    content: ReactNode;
+}
+export interface ToggleButtonsProps<T extends ToggleOptionKey> {
+    /** List of options to render as toggle buttons */
+    options: ToggleOption<T>[];
+    /** Key of the currently active option */
+    activeKey: T;
+    /** Called with the key of the newly selected option */
+    onChange: (key: T) => void;
+    /** Props forwarded to the outer container Box */
+    containerProps?: BoxProps;
+    /** Props forwarded to each individual button Box */
+    buttonProps?: BoxProps;
+}

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

@@ -0,0 +1,26 @@
+import { type ReactElement } from 'react';
+import type React from 'react';
+import { type BoxProps } from '@mui/material/Box';
+import type { TooltipProps as MuiTooltipProps } from '@mui/material/Tooltip';
+export interface TooltipProps extends Omit<MuiTooltipProps, 'children'> {
+    /** Content displayed inside the tooltip bubble */
+    title: React.ReactNode;
+    /** Position of the tooltip relative to its anchor */
+    placement?: MuiTooltipProps['placement'];
+    /** Element that triggers the tooltip on hover */
+    children?: ReactElement;
+    /** Additional CSS class name applied to the tooltip */
+    className?: string;
+    /** Props forwarded to the Box wrapper around children */
+    wrapperProps?: BoxProps;
+}
+/**
+ * Hover tooltip that wraps any child element in a Box. Shows `title` content on hover with an arrow pointer.
+ * Defaults to `top` placement. Use `wrapperProps` to customise the Box that wraps children.
+ */
+declare function Tooltip({ className, title, placement, children, wrapperProps, ...rest }: TooltipProps): React.JSX.Element;
+declare namespace Tooltip {
+    var displayName: string;
+}
+declare const _default: React.MemoExoticComponent<typeof Tooltip>;
+export default _default;

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

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

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

@@ -0,0 +1,2 @@
+import { type TooltipProps } from '@mui/material/Tooltip';
+export declare const StyledTooltip: import("@emotion/styled").StyledComponent<TooltipProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

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

@@ -0,0 +1,85 @@
+export { FormFieldRoot, FormFieldLabel, FormFieldHelper } from './FormField';
+export { default as Backdrop } from './Backdrop';
+export type { BackdropProps } from './Backdrop';
+export { default as Text } from './Text';
+export type { TextProps, TextVariant, TextAlign } from './Text';
+export { default as TextInputBase } from './TextInputBase';
+export type { TextInputBaseProps, TextInputSize } from './TextInputBase';
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';
+export { default as Button } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button';
+export { default as CopyButton } from './CopyButton';
+export type { CopyButtonProps } from './CopyButton';
+export { default as Switch } from './Switch';
+export type { SwitchProps } from './Switch';
+export { default as RadioButton } from './RadioButton';
+export type { RadioButtonProps } from './RadioButton';
+export { default as ProgressBar } from './ProgressBar';
+export type { ProgressBarProps } from './ProgressBar';
+export { default as Accordion, AccordionRoot, AccordionSummary, AccordionContent, AccordionExpandIcon } from './Accordion';
+export type { AccordionProps, AccordionSlotProps, AccordionLabelSlotProps } from './Accordion';
+export { default as InputFeedback } from './InputFeedback';
+export type { InputFeedbackProps, InputFeedbackType, ResolvedInputFeedback } from './InputFeedback';
+export { default as Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton';
+export { default as Chip } from './Chip';
+export type { ChipProps, ChipVariant } from './Chip';
+export { default as Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip';
+export { default as Icon } from './Icon';
+export type { IconProps } from './Icon';
+export { default as SelectBase } from './SelectBase';
+export type { SelectBaseProps, SelectOption, SelectSize } from './SelectBase';
+export { SelectRoot, StyledSelect, SearchSubheader, SearchInput, ClearButton } from './SelectBase';
+export { SelectChevronIcon, SelectClearIcon } from './SelectBase';
+export { SelectEndAdornment } from './SelectBase';
+export { SelectMenuSearch } from './SelectBase';
+export { selectOptionElements } from './SelectBase';
+export { getSelectMenuProps } from './SelectBase';
+export { useSelectMenuState, useSelectOptionKeys } from './SelectBase';
+export { default as MultiSelectBase } from './MultiSelectBase';
+export type { MultiSelectBaseProps } from './MultiSelectBase';
+export { default as TextareaBase } from './TextareaBase';
+export type { TextareaBaseProps } from './TextareaBase';
+export { default as RadioGroup } from './RadioGroup';
+export type { RadioGroupProps, RadioOption } from './RadioGroup';
+export { default as Badge, BadgeVariant } from './Badge';
+export type { BadgeProps } from './Badge';
+export { default as Loader } from './Loader';
+export type { LoaderProps } from './Loader';
+export { default as Collapse } from './Collapse';
+export type { CollapseProps } from './Collapse';
+export { default as CircularProgress } from './CircularProgress';
+export type { CircularProgressProps } from './CircularProgress';
+export { default as Avatar } from './Avatar';
+export type { AvatarProps, AvatarSize } from './Avatar';
+export { default as Menu } from './Menu';
+export type { MenuProps } from './Menu';
+export { default as MenuItem } from './MenuItem';
+export type { MenuItemProps } from './MenuItem';
+export { default as Dialog } from './Dialog';
+export type { DialogProps } from './Dialog';
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider';
+export { default as ColorPicker } from './ColorPicker';
+export type { ColorPickerPanelProps, ColorScheme } from './ColorPicker';
+export { default as Calender } from './Calender';
+export type { CalenderProps, DateObject } from './Calender';
+export { default as NumberInputBase } from './NumberInputBase';
+export type { NumberInputBaseProps } from './NumberInputBase';
+export { default as TimepickerBase } from './TimepickerBase';
+export type { TimepickerBaseProps, PickerTime } from './TimepickerBase';
+export { convertTo12Hour, convertTo24Hour, getPeriodFrom24Hour, getDefaultHour, getDefaultMinute } from './TimepickerBase';
+export { default as ScrollLoader } from './ScrollLoader';
+export type { ScrollLoaderProps } from './ScrollLoader';
+export { default as PhoneInputBase } from './PhoneInputBase';
+export type { PhoneInputBaseProps, CountriesListProps } from './PhoneInputBase';
+export { default as ToggleButtons } from './ToggleButtons';
+export type { ToggleButtonProps, ToggleButtonsProps, ToggleOption, ToggleOptionKey } from './ToggleButtons';
+export { default as LazyImage } from './LazyImage';
+export type { LazyImageProps } from './LazyImage';
+export { ChipStack, OverlapChip, ChipStackFaceSlot, getChipStackFaceItemKey, CHIP_STACK_VARIANTS, DEFAULT_CHIP_STACK_VARIANT, OVERLAP_STACK_SIZE_PX, CHIP_STACK_ANIMATED_DURATION_S, } from './ChipStack';
+export type { ChipStackProps, ChipStackFaceItem, ChipStackVariant, ChipStackSlotProps, ChipStackItemRenderContext, ChipStackOverflowRenderArgs, ChipStackFaceSlotProps, } from './ChipStack';
+export { default as Slider } from './Slider';
+export type { SliderProps } from './Slider';