@tap-payments/os-micro-frontend-shared 0.3.228-test.5 → 0.3.228-test.7

package/build/components/ChipStack/ChipStack.d.ts

@@ -1,67 +0,0 @@
-/// <reference types="react" />
-import type { ChipStackProps } from './types';
-/**
- * Overlapping chip row for avatars, logos, flags, or any circular content.
- *
- * ### Variant
- * Pick one of four variants — the variant encodes both the render mode and fan-out direction:
- *
- * | Variant | Behavior |
- * |---|---|
- * | `"static"` *(default)* | Overlapping row, no animation |
- * | `"fanout-right"` | Fans right on hover (anchor: leftmost chip) |
- * | `"fanout-left"` | Fans left on hover (anchor: rightmost chip) |
- * | `"fanout-center"` | Fans both ways on hover (anchor: middle chip) |
- *
- * Add `compact` to show only the anchor chip until hovered.
- *
- * ### Input styles
- * - **Data-driven** — `items` + `getItemKey` + `renderItem`
- * - **Compositional** — `children` (wrap in `<OverlapChip>` for static, or pass raw nodes)
- *
- * When both are provided, `children` takes precedence. Face avatars: `ChipStackFaceSlot` in `renderItem` with `getChipStackFaceItemKey` as `getItemKey`.
- * Hoist `renderItem` to module scope when referential stability matters.
- *
- * ---
- *
- * ### Examples
- *
- * ```tsx
- * <ChipStack
- *   variant="fanout-right"
- *   items={members}
- *   getItemKey={getChipStackFaceItemKey}
- *   renderItem={(item, index, { slotSize }) => (
- *     <ChipStackFaceSlot item={item} sourceIndex={index} slotSize={slotSize} />
- *   )}
- * />
- * ```
- *
- * ```tsx
- * // Brand logos — static overlap row
- * <ChipStack variant="static" maxItems={4}>
- *   {methods.map((m) => (
- *     <OverlapChip key={m.id} title={m.label}>
- *       <img src={m.logo} alt={m.label} />
- *     </OverlapChip>
- *   ))}
- * </ChipStack>
- * ```
- *
- * ```tsx
- * // Custom overflow slot
- * <ChipStack
- *   variant="fanout-right"
- *   items={assignees}
- *   getItemKey={(a) => a.id}
- *   renderItem={renderFaceItem}
- *   maxItems={3}
- *   renderOverflow={({ overflowItems, size }) => (
- *     <MyBadge count={overflowItems.length} size={size} />
- *   )}
- * />
- * ```
- */
-declare function ChipStack<T = unknown>(props: Readonly<ChipStackProps<T>>): import("react").JSX.Element | null;
-export default ChipStack;
-export { ChipStack };

package/build/components/ChipStack/components/AnimatedStack.d.ts

@@ -1,24 +0,0 @@
-import type { BoxProps } from '@mui/material/Box';
-import type { ReactNode } from 'react';
-import type { ChipStackOverflowRenderArgs, ChipStackFanOutDirection, ChipStackItemRenderContext, ChipStackSlotProps } from '../types';
-type AnimatedStackProps<T> = {
-    children?: ReactNode;
-    items?: readonly T[];
-    maxItems?: number;
-    getItemKey?: (item: T, index: number) => string;
-    renderItem?: (item: T, index: number, ctx: ChipStackItemRenderContext) => ReactNode;
-    renderOverflow?: (args: ChipStackOverflowRenderArgs<T>) => ReactNode;
-    /** Fan-out direction derived from `variant` in the parent. */
-    fanOutDirection: ChipStackFanOutDirection;
-    /**
-     * When `true` (`compact` prop on `ChipStack`), only the anchor chip is
-     * visible while idle. Hovering reveals all chips with the fan-out animation.
-     */
-    compact?: boolean;
-    'data-testid'?: string;
-    sx?: BoxProps['sx'];
-    className?: string;
-    slotProps?: Pick<ChipStackSlotProps, 'shell' | 'track' | 'layout'>;
-};
-export default function AnimatedStack<T>({ items, children, maxItems, getItemKey, renderItem, renderOverflow, fanOutDirection, compact, 'data-testid': dataTestId, sx, className, slotProps, }: Readonly<AnimatedStackProps<T>>): import("react").JSX.Element | null;
-export {};

package/build/components/ChipStack/components/ChipStackFaceSlot.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { ChipStackFaceItem } from '../types';
-type Props = {
-    item: ChipStackFaceItem;
-    sourceIndex: number;
-    slotSize: number;
-};
-export type ChipStackFaceSlotProps = Props;
-/** Face chip for `ChipStack` `renderItem`. */
-declare function ChipStackFaceSlot({ item, sourceIndex, slotSize }: Props): import("react").JSX.Element;
-export default ChipStackFaceSlot;

package/build/components/ChipStack/components/OverlapChip.d.ts

@@ -1,9 +0,0 @@
-import type { ComponentProps } from 'react';
-import { StyledOverlapChip } from '../style';
-/**
- * Single circular chip used inside `ChipStack` (**static** variant). Pass an icon, image, or text node as children.
- * Use a `title` for the hover tooltip.
- */
-declare function OverlapChip(props: ComponentProps<typeof StyledOverlapChip>): import("react").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof OverlapChip>;
-export default _default;

package/build/components/ChipStack/components/StaticStack.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { BoxProps } from '@mui/material/Box';
-import type { ReactNode } from 'react';
-import type { ChipStackOverflowRenderArgs } from '../types';
-export type StaticStackProps = BoxProps & {
-    maxItems?: number;
-    renderOverflow?: (args: ChipStackOverflowRenderArgs<ReactNode>) => ReactNode;
-    slotSize?: number;
-};
-declare function StaticStack({ children, maxItems, renderOverflow, slotSize, sx, ...props }: StaticStackProps): React.JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof StaticStack>;
-export default _default;

package/build/components/ChipStack/constants.d.ts

@@ -1,14 +0,0 @@
-/** Default circular slot size (px); used to derive stack step, gap, and min track width. */
-export declare const OVERLAP_STACK_SIZE_PX = 24;
-export declare const OVERLAP_STACK_GAP_PX = 3;
-export declare const OVERLAP_STACK_MIN_TRACK_WIDTH_PX = 60;
-/** Fan-out animation duration (s) for the animated variant (per-slot translate transitions). */
-export declare const CHIP_STACK_ANIMATED_DURATION_S = 0.22;
-/** Hover-leave debounce (ms) before collapsing the row, to absorb pointer jitter between slots. */
-export declare const CHIP_STACK_HOVER_LEAVE_MS = 120;
-/** Default elevated z-index applied to the track while hovered. */
-export declare const CHIP_STACK_DEFAULT_HOVER_Z_INDEX = 1000;
-/** Minimum legible font size for the overflow chip. */
-export declare const CHIP_STACK_OVERFLOW_MIN_FONT_PX = 8;
-/** Reference font size for the overflow chip at the default slot size. */
-export declare const CHIP_STACK_OVERFLOW_REF_FONT_PX = 8.5;

package/build/components/ChipStack/hooks/useAnimatedStack.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-export type UseAnimatedStackArgs = {
-    slotCount: number;
-    /** Anchor slot index — resolved from fan direction in `AnimatedStack`. */
-    anchorIndex: number;
-    size: number;
-    stackStep: number;
-    gap: number;
-    /** Whether hover should expand the row into the fanned layout. */
-    fanOutEnabled: boolean;
-    /**
-     * When `true` (`compact` prop on `ChipStack`), non-anchor chips are
-     * invisible while idle and animate into view on hover.
-     */
-    compact: boolean;
-};
-export declare function useAnimatedStack({ slotCount, anchorIndex, size, stackStep, gap, fanOutEnabled, compact }: UseAnimatedStackArgs): {
-    isHovering: boolean;
-    handleMouseEnter: () => void;
-    handleMouseLeave: () => void;
-    slotRefs: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
-    translateX: number[];
-    slotOpacity: number[];
-    collapsedStackWidthPx: number;
-    fannedRowWidthPx: number;
-    trackWidth: number;
-    hoverZIndexActive: boolean;
-};

package/build/components/ChipStack/index.d.ts

@@ -1,10 +0,0 @@
-import ChipStack from './ChipStack';
-export default ChipStack;
-export { ChipStack };
-export { default as OverlapChip } from './components/OverlapChip';
-export { default as ChipStackFaceSlot } from './components/ChipStackFaceSlot';
-export type { ChipStackFaceSlotProps } from './components/ChipStackFaceSlot';
-export { getChipStackFaceItemKey } from './util';
-export { OVERLAP_STACK_SIZE_PX, CHIP_STACK_ANIMATED_DURATION_S } from './constants';
-export { CHIP_STACK_VARIANTS, DEFAULT_CHIP_STACK_VARIANT } from './types';
-export type { ChipStackProps, ChipStackFaceItem, ChipStackVariant, ChipStackSlotProps, ChipStackItemRenderContext, ChipStackOverflowRenderArgs, } from './types';

package/build/components/ChipStack/index.js

@@ -1 +0,0 @@
-export{s as CHIP_STACK_ANIMATED_DURATION_S,v as CHIP_STACK_VARIANTS,x as ChipStack,y as ChipStackFaceSlot,w as DEFAULT_CHIP_STACK_VARIANT,r as OVERLAP_STACK_SIZE_PX,u as OverlapChip,z as default,t as getChipStackFaceItemKey}from'../../_chunks/chunk-WE7NB24K.js';import'../../_chunks/chunk-TIO3V7XA.js';import'../../_chunks/chunk-4XXNGLS6.js';import'../../_chunks/chunk-V2RLDP5A.js';import'../../_chunks/chunk-ZDBICST5.js';

package/build/components/ChipStack/style.d.ts

@@ -1,31 +0,0 @@
-import { type BoxProps } from '@mui/material/Box';
-import type { Theme } from '@mui/material/styles';
-import type { ReactNode } from 'react';
-import type { ChipStackOverflowRenderArgs } from './types';
-export declare const AnimatedStackShell: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<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<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-export declare const AnimatedStackTrack: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
-    trackWidth: number;
-    minTrackWidth: number;
-    slotSize: number;
-    hoverZIndex?: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OverlapChipRow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<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<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-export declare const StyledOverlapChip: import("@emotion/styled").StyledComponent<Omit<BoxProps, "title"> & {
-    title?: ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-/** Default styled `+N` chip for the **static** variant overflow slot. */
-export declare const ChipStackStaticOverflowChip: import("@emotion/styled").StyledComponent<Omit<BoxProps, "title"> & {
-    title?: ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-/** Default overflow renderer used when `renderOverflow` is not provided. */
-export declare function ChipStackOverflowDefault({ overflowItems, size }: Readonly<ChipStackOverflowRenderArgs>): import("react").JSX.Element;
-export declare const ChipStackFace: import("@emotion/styled").StyledComponent<Omit<Omit<import("../primitives").AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & import("@mui/system").MUIStyledCommonProps<Theme> & {
-    faceSize: number;
-    avatarFill: string;
-}, {}, {}>;

package/build/components/ChipStack/types.d.ts

@@ -1,127 +0,0 @@
-import type { BoxProps } from '@mui/material/Box';
-import type { HTMLAttributes, ReactNode } from 'react';
-/**
- * Controls both the render mode and (for fanout variants) the fan-out direction.
- *
- * - `"static"` — overlapping row, no hover animation **(default)**
- * - `"fanout-right"` — fans right on hover (anchor: leftmost chip)
- * - `"fanout-left"` — fans left on hover (anchor: rightmost chip)
- * - `"fanout-center"` — fans both ways on hover (anchor: middle chip)
- */
-export type ChipStackVariant = 'static' | 'fanout-right' | 'fanout-left' | 'fanout-center';
-/** All variant values — useful for building selects/controls. */
-export declare const CHIP_STACK_VARIANTS: readonly ["static", "fanout-right", "fanout-left", "fanout-center"];
-/** Default variant when `variant` is omitted. */
-export declare const DEFAULT_CHIP_STACK_VARIANT: ChipStackVariant;
-/** Resolved internally from `variant` — not exposed as a prop. */
-export type ChipStackFanOutDirection = 'right' | 'left' | 'center';
-/** Passed to `renderItem` so the callback knows how large to render each chip. */
-export type ChipStackItemRenderContext = {
-    slotSize: number;
-};
-/**
- * Passed to `renderOverflow` when items exceed `maxItems`.
- *
- * @template T — matches the `items` array type on `ChipStackProps<T>`.
- *               `ReactNode` for compositional (children) usage.
- */
-export type ChipStackOverflowRenderArgs<T = unknown> = {
-    /** The full `items` array passed to `ChipStack`. */
-    items: readonly T[];
-    /** The hidden items that overflowed past `maxItems`. */
-    overflowItems: readonly T[];
-    /** Chip diameter in px — size your overflow chip to this value. */
-    size: number;
-};
-export type ChipStackFaceItem = {
-    /** Optional stable key — defaults to `first-last-index`. */
-    id?: string;
-    first: string;
-    last: string;
-    /** Omitted or broken → initials on gradient. */
-    logo?: string;
-    /** Custom tooltip content — defaults to `"First Last"`. Pass `null` to disable. */
-    tooltip?: ReactNode | null;
-};
-/**
- * Fine-grained style/prop overrides for internal slots.
- */
-export type ChipStackSlotProps = {
-    /** Outer flex shell wrapping the chip track (`Box`). */
-    shell?: BoxProps;
-    /** Positioned `<div>` holding all chip slots — use for `aria-label` and other HTML attributes. */
-    track?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Layout dimensions for the animated track.
-     * Pass here instead of as top-level props to keep the component surface clean.
-     */
-    layout?: {
-        /** Z-index of the track while hovered. @default 1000 */
-        zIndex?: number;
-        /** Chip diameter in px. @default 24 */
-        size?: number;
-        /** Horizontal distance between stacked chips in px. */
-        stackStep?: number;
-        /** Space between chips when fully expanded in px. */
-        gap?: number;
-        /** Minimum width of the chip track container in px. */
-        minTrackWidth?: number;
-    };
-};
-/**
- * Props for `ChipStack`.
- *
- * Two input styles:
- * - **Data-driven** — `items` + `getItemKey` + `renderItem`
- * - **Compositional** — `children` (wrap in `OverlapChip` for static, or pass raw nodes)
- *
- * When both are provided, `children` takes precedence and `items` is ignored.
- */
-export type ChipStackProps<T = unknown> = {
-    /**
-     * Controls render mode and fan-out direction.
-     *
-     * - `"static"` — overlapping row, no animation **(default)**
-     * - `"fanout-right"` — fans right on hover
-     * - `"fanout-left"` — fans left on hover
-     * - `"fanout-center"` — fans both ways on hover
-     */
-    variant?: ChipStackVariant;
-    /** Data array. Requires `getItemKey` and `renderItem`. */
-    items?: readonly T[];
-    getItemKey?: (item: T, index: number) => string;
-    renderItem?: (item: T, index: number, ctx: ChipStackItemRenderContext) => ReactNode;
-    /** Rendered as-is. Wrap in `OverlapChip` for static variants. */
-    children?: ReactNode;
-    /** Cap visible chips; collapse the rest into a `+N` indicator. */
-    maxItems?: number;
-    /**
-     * **Fanout variants only.** When `true`, only the anchor chip is visible while idle.
-     * Hovering reveals all chips with the fan-out animation defined by `variant`.
-     *
-     * Pairs with any `fanout-*` variant:
-     * ```tsx
-     * <ChipStack variant="fanout-right" compact items={apps} ... />
-     * ```
-     *
-     * @default false
-     */
-    compact?: boolean;
-    /**
-     * Fully replace the `+N` overflow slot.
-     * Receives `{ items, overflowItems, size }` where `items` is the full data array
-     * and `overflowItems` is the hidden slice.
-     *
-     * ```tsx
-     * renderOverflow={({ items, overflowItems, size }) => (
-     *   <MyPopover trigger={`+${overflowItems.length}`} chipSize={size} data={items} />
-     * )}
-     * ```
-     */
-    renderOverflow?: (args: ChipStackOverflowRenderArgs<T>) => ReactNode;
-    sx?: BoxProps['sx'];
-    className?: string;
-    /** Style/prop overrides for internal slots and layout dimensions. */
-    slotProps?: ChipStackSlotProps;
-    'data-testid'?: string;
-};

package/build/components/ChipStack/util.d.ts

@@ -1,74 +0,0 @@
-import type { MutableRefObject, ReactNode } from 'react';
-import type { ChipStackFaceItem, ChipStackFanOutDirection, ChipStackOverflowRenderArgs, ChipStackVariant } from './types';
-type ChipStackAnimatedLayout = {
-    size: number;
-    stackStep: number;
-    gap: number;
-    minTrackWidth: number;
-};
-type ChipStackAnimatedLayoutOverrides = Partial<ChipStackAnimatedLayout>;
-export type ChipStackSlotModel = {
-    key: string;
-    render: () => ReactNode;
-};
-/** Three exclusive render paths resolved from props. */
-export declare enum ChipStackRenderMode {
-    StaticChildren = "static-children",
-    StaticItems = "static-items",
-    AnimatedChildren = "animated-children",
-    AnimatedItems = "animated-items"
-}
-/** Returns true when the variant is any of the animated variants. */
-export declare function isAnimatedVariant(variant: ChipStackVariant): boolean;
-/**
- * Extracts the fan-out direction from the variant string.
- * Only meaningful for fanout variants.
- */
-export declare function getFanOutDirection(variant: ChipStackVariant): ChipStackFanOutDirection;
-/**
- * Resolves which render path `ChipStack` should take.
- * Returns `null` when there is nothing to render.
- */
-export declare function resolveChipStackMode(variant: ChipStackVariant, hasChildren: boolean, hasItems: boolean): ChipStackRenderMode | null;
-export declare function getChipStackAnimatedLayout({ size: sizeProp, stackStep: stackStepProp, gap: gapProp, minTrackWidth: minTrackWidthProp, }: ChipStackAnimatedLayoutOverrides): ChipStackAnimatedLayout;
-export declare function getFanOutAnchorIndex(slotCount: number, direction: ChipStackFanOutDirection): number;
-/** True when `maxItems` forces overflow handling. */
-export declare function isChipStackAnimatedCapped(sourceCount: number, maxItems: number | undefined): boolean;
-/**
- * Splits `items` into visible and hidden slices based on `maxItems`.
- *
- * Overflow triggers when `items.length >= maxItems` and `maxItems >= 1`.
- * The first `maxItems - 1` items are visible; the rest are hidden.
- * When `maxItems` is undefined or `< 1`, all items are visible and hidden is empty.
- */
-export declare function splitChipStackOverflow<T>(items: readonly T[], maxItems: number | undefined): {
-    visibleItems: readonly T[];
-    hiddenItems: readonly T[];
-};
-export declare function getReactChildKey(child: unknown, index: number): string;
-export declare function buildChipStackSlots<T>({ items, maxItems, getItemKey, renderItem, renderOverflow, slotSize, }: {
-    items: readonly T[];
-    maxItems: number | undefined;
-    getItemKey: (item: T, sourceIndex: number) => string;
-    renderItem: (item: T, sourceIndex: number, ctx: {
-        slotSize: number;
-    }) => ReactNode;
-    renderOverflow: (args: ChipStackOverflowRenderArgs<T>) => ReactNode;
-    slotSize: number;
-}): ChipStackSlotModel[];
-export declare function buildChipStackSlotsFromChildren({ children, maxItems, slotSize, renderOverflow, }: {
-    children: ReactNode;
-    maxItems: number | undefined;
-    slotSize: number;
-    renderOverflow: (args: ChipStackOverflowRenderArgs<ReactNode>) => ReactNode;
-}): ChipStackSlotModel[];
-export declare function areSlotWidthArraysEqual(a: number[], b: number[]): boolean;
-export declare function computeFannedOutLeftPositionsPx(slotCount: number, anchorIndex: number, slotWidthsPx: number[], gap: number, stackStep: number, fallbackSlotWidthPx: number): number[];
-export declare function computeCollapsedStackWidthPx(slotCount: number, stackStep: number, faceSize: number): number;
-export declare function computeFanOutTranslateXPx(slotCount: number, isHovering: boolean, fannedLeftPositionsPx: number[], stackStep: number): number[];
-export declare function computeFannedRowWidthPx(slotCount: number, fannedLeftPositionsPx: number[], slotWidthsPx: number[], collapsedWidthPx: number, fallbackSlotWidthPx: number): number;
-export declare function readMeasuredSlotWidthsPx(slotCount: number, slotRefs: MutableRefObject<Array<HTMLDivElement | null>>, fallbackSlotWidthPx: number): number[];
-export declare function getChipStackFaceItemKey(item: ChipStackFaceItem, index: number): string;
-export declare function getChipStackFaceInitials(item: ChipStackFaceItem): string;
-export declare function getChipStackFaceItemTooltipContent(item: ChipStackFaceItem): ReactNode | null;
-export {};

package/build/components/NestedMultiSelect/SelectedChips.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import type { NestedMultiSelectOption } from './type';
-type SelectedChipsProps = {
-    options: NestedMultiSelectOption[];
-    /** Closed field, or the selected row under the menu search. Both use the field chip metrics. */
-    variant: 'field' | 'menu';
-    hiddenCount?: number;
-    onRemove?: (option: NestedMultiSelectOption) => void;
-};
-/**
- * Selected chips for the closed field and the menu. Chips keep the field's natural width.
- * Each line takes as many as fit, and the leftover width is used by the next chip when it still
- * has room for most of that chip.
- */
-declare function SelectedChips({ options, variant, hiddenCount, onRemove }: Readonly<SelectedChipsProps>): import("react").JSX.Element;
-export default SelectedChips;

package/build/components/NestedMultiSelect/icons.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const RightArrowIcon: () => import("react").JSX.Element;