@tap-payments/os-micro-frontend-shared 0.3.230 → 0.3.231-test.3

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/ExpandableSideBar/ExpandableSideBar.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ExpandableSideBarProps } from './type';
-declare function ExpandableSideBar({ sections, isMaximized, onClick, activeSection, activeSubSection }: ExpandableSideBarProps): import("react").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof ExpandableSideBar>;
-export default _default;

package/build/components/ExpandableSideBar/constant.d.ts

@@ -1 +0,0 @@
-export declare const TITLE_BAR_HEIGHT = "32px";

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

@@ -1,3 +0,0 @@
-import ExpandableSideBar from './ExpandableSideBar';
-export type { ExpandableSideBarProps, Section } from './type';
-export default ExpandableSideBar;

package/build/components/ExpandableSideBar/index.js

@@ -1 +0,0 @@
-export{a as default}from'../../_chunks/chunk-U62XSJM5.js';import'../../_chunks/chunk-GAL3X7PR.js';import'../../_chunks/chunk-FTG5LY7I.js';import'../../_chunks/chunk-JQTHWXQR.js';import'../../_chunks/chunk-TIO3V7XA.js';import'../../_chunks/chunk-OBHJVUFA.js';import'../../_chunks/chunk-4XXNGLS6.js';import'../../_chunks/chunk-V2RLDP5A.js';import'../../_chunks/chunk-ZDBICST5.js';

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-export declare const SideBar: 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> & {
-    isMaximized?: boolean | undefined;
-}, {}, {}>;
-export declare const Content: 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 SubMenuLink: 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> & {
-    isActive?: boolean | undefined;
-}, {}, {}>;
-export declare const MenuHeader: 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> & {
-    isActive?: boolean | undefined;
-}, {}, {}>;
-export declare const SideBarAccordion: import("@emotion/styled").StyledComponent<Omit<Readonly<import("../primitives").AccordionProps> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/ExpandableSideBar/type.d.ts

@@ -1,17 +0,0 @@
-export interface Section {
-    id: string;
-    title: string;
-    icon?: string;
-    subSections?: {
-        id: string;
-        title: string;
-        icon?: string;
-    }[];
-}
-export interface ExpandableSideBarProps {
-    sections: Section[];
-    isMaximized?: boolean;
-    onClick: (sectionId: string, subSectionId?: string) => void;
-    activeSection?: string;
-    activeSubSection?: string;
-}

package/build/components/WindowSideBar/WindowSideBar.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { Section } from './type';
-interface WindowSideBarProps {
-    sections: Section[];
-    isMaximized?: boolean;
-    onClick?: (section: Section) => void;
-    activeSection?: string;
-}
-declare function WindowSideBar({ sections, isMaximized, onClick, activeSection }: WindowSideBarProps): import("react").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof WindowSideBar>;
-export default _default;

package/build/components/WindowSideBar/constant.d.ts

@@ -1 +0,0 @@
-export declare const TITLE_BAR_HEIGHT = "32px";

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

@@ -1,5 +0,0 @@
-import WindowSideBar from './WindowSideBar';
-export { TITLE_BAR_HEIGHT } from './constant';
-export type { Section } from './type';
-export { SideBar, Content } from './style';
-export default WindowSideBar;

package/build/components/WindowSideBar/index.js

@@ -1 +0,0 @@
-export{c as Content,b as SideBar,a as TITLE_BAR_HEIGHT,d as default}from'../../_chunks/chunk-OF3Z5SNR.js';import'../../_chunks/chunk-FKG3SYY6.js';import'../../_chunks/chunk-33C463YL.js';import'../../_chunks/chunk-XB7FBOZY.js';import'../../_chunks/chunk-JEYLI22W.js';import'../../_chunks/chunk-TH5E43JD.js';import'../../_chunks/chunk-QGQRTANO.js';import'../../_chunks/chunk-KV7KQ6MZ.js';import'../../_chunks/chunk-545BCGVE.js';import'../../_chunks/chunk-W4PURLBP.js';import'../../_chunks/chunk-XSRIBZ5H.js';import'../../_chunks/chunk-MMFW3YZV.js';import'../../_chunks/chunk-ZGZK4AZ3.js';import'../../_chunks/chunk-XBUO2UHM.js';import'../../_chunks/chunk-4SWNFKMX.js';import'../../_chunks/chunk-DPOBKAVX.js';import'../../_chunks/chunk-PHVELRMX.js';import'../../_chunks/chunk-FNWPZLRV.js';import'../../_chunks/chunk-GIUONT72.js';import'../../_chunks/chunk-MBTSXCJW.js';import'../../_chunks/chunk-WAY7BWQL.js';import'../../_chunks/chunk-EI4VQCCM.js';import'../../_chunks/chunk-GNNMQUBT.js';import'../../_chunks/chunk-AFDB2YM6.js';import'../../_chunks/chunk-MAZVGT6F.js';import'../../_chunks/chunk-DKMFQFZU.js';import'../../_chunks/chunk-KD4RSWN6.js';import'../../_chunks/chunk-OAEOQ7AZ.js';import'../../_chunks/chunk-DEQ2OTPX.js';import'../../_chunks/chunk-P57UJVYY.js';import'../../_chunks/chunk-RZJSME6H.js';import'../../_chunks/chunk-O4UZRDVR.js';import'../../_chunks/chunk-MQOX7MKN.js';import'../../_chunks/chunk-YPVFVBG3.js';import'../../_chunks/chunk-KS7YB4UX.js';import'../../_chunks/chunk-F2LUAXXO.js';import'../../_chunks/chunk-J4V7VRJY.js';import'../../_chunks/chunk-LOGPCQ24.js';import'../../_chunks/chunk-VTJJFPK5.js';import'../../_chunks/chunk-DBFH6OKQ.js';import'../../_chunks/chunk-SWXXEAIZ.js';import'../../_chunks/chunk-TY3LDUTP.js';import'../../_chunks/chunk-KSTOW7O3.js';import'../../_chunks/chunk-HDCNWBW5.js';import'../../_chunks/chunk-7GVPGH6A.js';import'../../_chunks/chunk-R5PUIGMB.js';import'../../_chunks/chunk-ZONDSLTR.js';import'../../_chunks/chunk-5DLQTR4L.js';import'../../_chunks/chunk-TJMTDLBH.js';import'../../_chunks/chunk-U62XSJM5.js';import'../../_chunks/chunk-OYJYQKLK.js';import'../../_chunks/chunk-AIT2A7YM.js';import'../../_chunks/chunk-32CPM4J3.js';import'../../_chunks/chunk-S3YBXSFG.js';import'../../_chunks/chunk-LQOS3MF6.js';import'../../_chunks/chunk-VQ4INPUZ.js';import'../../_chunks/chunk-6VQVT7U4.js';import'../../_chunks/chunk-FAKPBQH3.js';import'../../_chunks/chunk-64ILCI3S.js';import'../../_chunks/chunk-CAKSLKXG.js';import'../../_chunks/chunk-WE7NB24K.js';import'../../_chunks/chunk-5EP3LEOE.js';import'../../_chunks/chunk-4AFJCOBN.js';import'../../_chunks/chunk-JORNMG4I.js';import'../../_chunks/chunk-T5WRDF6Z.js';import'../../_chunks/chunk-4QF66SHZ.js';import'../../_chunks/chunk-TKU4GMEV.js';import'../../_chunks/chunk-QZAVOGKZ.js';import'../../_chunks/chunk-UD33MPJX.js';import'../../_chunks/chunk-MHZSYMQP.js';import'../../_chunks/chunk-GAL3X7PR.js';import'../../_chunks/chunk-FTG5LY7I.js';import'../../_chunks/chunk-JQTHWXQR.js';import'../../_chunks/chunk-TIO3V7XA.js';import'../../_chunks/chunk-W3D5YN4V.js';import'../../_chunks/chunk-FQ2VMVUY.js';import'../../_chunks/chunk-44UNMXKS.js';import'../../_chunks/chunk-MUR4ILTY.js';import'../../_chunks/chunk-OBHJVUFA.js';import'../../_chunks/chunk-BIJMWICZ.js';import'../../_chunks/chunk-LIHS4ZYZ.js';import'../../_chunks/chunk-4XXNGLS6.js';import'../../_chunks/chunk-V2RLDP5A.js';import'../../_chunks/chunk-ZDBICST5.js';

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export declare const SideBar: 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> & {
-    isMaximized?: boolean | undefined;
-}, {}, {}>;
-export declare const Content: 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 StyledMenuLink: 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> & {
-    isActive?: boolean | undefined;
-}, {}, {}>;

package/build/components/WindowSideBar/type.d.ts

@@ -1,10 +0,0 @@
-export interface Section {
-    id: string;
-    title: string;
-    icon?: string;
-    subSections?: {
-        id: string;
-        title: string;
-        icon?: string;
-    }[];
-}