@tap-payments/os-micro-frontend-shared 0.3.230 → 0.3.232
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/_chunks/{chunk-TIO3V7XA.js → chunk-33NPK7L4.js} +1 -1
- package/build/_chunks/{chunk-DBFH6OKQ.js → chunk-3ERKQT35.js} +1 -1
- package/build/_chunks/{chunk-64ILCI3S.js → chunk-47BLRAGH.js} +1 -1
- package/build/_chunks/{chunk-P57UJVYY.js → chunk-47TT64VM.js} +1 -1
- package/build/_chunks/{chunk-545BCGVE.js → chunk-4CY5E5KI.js} +1 -1
- package/build/_chunks/{chunk-BIJMWICZ.js → chunk-54A5A27T.js} +1 -1
- package/build/_chunks/{chunk-OYJYQKLK.js → chunk-6FRAT2PK.js} +1 -1
- package/build/_chunks/{chunk-GNNMQUBT.js → chunk-74JSTX22.js} +1 -1
- package/build/_chunks/{chunk-O4UZRDVR.js → chunk-7GLSF5H5.js} +1 -1
- package/build/_chunks/{chunk-VQ4INPUZ.js → chunk-7O3IA5L2.js} +1 -1
- package/build/_chunks/{chunk-TY3LDUTP.js → chunk-7R4AEKZV.js} +1 -1
- package/build/_chunks/chunk-AD4POZAV.js +2 -0
- package/build/_chunks/{chunk-5DLQTR4L.js → chunk-BA2QROIW.js} +1 -1
- package/build/_chunks/{chunk-LIHS4ZYZ.js → chunk-BGHXV64M.js} +1 -1
- package/build/_chunks/{chunk-4AFJCOBN.js → chunk-BKAYX6OY.js} +1 -1
- package/build/_chunks/{chunk-KS7YB4UX.js → chunk-BUWDMZ63.js} +1 -1
- package/build/_chunks/{chunk-UD33MPJX.js → chunk-C7GJOSBE.js} +1 -1
- package/build/_chunks/{chunk-QZAVOGKZ.js → chunk-CDHCKHOL.js} +1 -1
- package/build/_chunks/{chunk-TJMTDLBH.js → chunk-CO7JWTSL.js} +1 -1
- package/build/_chunks/{chunk-MMFW3YZV.js → chunk-CQXBEH4L.js} +1 -1
- package/build/_chunks/{chunk-KV7KQ6MZ.js → chunk-DCSIDBPW.js} +1 -1
- package/build/_chunks/{chunk-33C463YL.js → chunk-DQK2X63H.js} +1 -1
- package/build/_chunks/{chunk-WAY7BWQL.js → chunk-DSCMG7LA.js} +1 -1
- package/build/_chunks/{chunk-KSTOW7O3.js → chunk-EAA474AR.js} +1 -1
- package/build/_chunks/{chunk-TH5E43JD.js → chunk-EB3F4BQJ.js} +1 -1
- package/build/_chunks/{chunk-W3D5YN4V.js → chunk-F6BUM2ZG.js} +1 -1
- package/build/_chunks/{chunk-S3YBXSFG.js → chunk-GD6CZBNB.js} +1 -1
- package/build/_chunks/{chunk-44UNMXKS.js → chunk-HGGYKBU7.js} +1 -1
- package/build/_chunks/{chunk-FAKPBQH3.js → chunk-HPPILGDK.js} +1 -1
- package/build/_chunks/{chunk-PHVELRMX.js → chunk-IOAE2ON2.js} +1 -1
- package/build/_chunks/{chunk-DKMFQFZU.js → chunk-J3D5ZSBA.js} +1 -1
- package/build/_chunks/{chunk-4XXNGLS6.js → chunk-JG25IYWT.js} +1 -1
- package/build/_chunks/{chunk-J4V7VRJY.js → chunk-KNVVEENK.js} +1 -1
- package/build/_chunks/{chunk-4QF66SHZ.js → chunk-KR2HAPNH.js} +1 -1
- package/build/_chunks/{chunk-JORNMG4I.js → chunk-LEMACZSK.js} +1 -1
- package/build/_chunks/{chunk-6VQVT7U4.js → chunk-LIBSGIH6.js} +1 -1
- package/build/_chunks/{chunk-DPOBKAVX.js → chunk-LJUTAKJL.js} +1 -1
- package/build/_chunks/{chunk-DEQ2OTPX.js → chunk-LQYVMFQQ.js} +1 -1
- package/build/_chunks/{chunk-JQTHWXQR.js → chunk-MTGZZYCH.js} +1 -1
- package/build/_chunks/{chunk-4SWNFKMX.js → chunk-MTOIGJQJ.js} +1 -1
- package/build/_chunks/{chunk-JEYLI22W.js → chunk-NEVIXD22.js} +1 -1
- package/build/_chunks/{chunk-LQOS3MF6.js → chunk-NZ4ESRHK.js} +1 -1
- package/build/_chunks/{chunk-FKG3SYY6.js → chunk-O2OKD546.js} +1 -1
- package/build/_chunks/{chunk-GIUONT72.js → chunk-O7L7H4DA.js} +1 -1
- package/build/_chunks/{chunk-7GVPGH6A.js → chunk-P3FFXZOI.js} +1 -1
- package/build/_chunks/{chunk-XBUO2UHM.js → chunk-P3PETOQ7.js} +1 -1
- package/build/_chunks/chunk-PHZUDNLB.js +1 -0
- package/build/_chunks/{chunk-5EP3LEOE.js → chunk-PV67RD6C.js} +1 -1
- package/build/_chunks/{chunk-OBHJVUFA.js → chunk-PV74LL7W.js} +1 -1
- package/build/_chunks/{chunk-VTJJFPK5.js → chunk-PXVI3YMK.js} +1 -1
- package/build/_chunks/{chunk-FTG5LY7I.js → chunk-QFJOMSZS.js} +1 -1
- package/build/_chunks/{chunk-U62XSJM5.js → chunk-QLUZXWK2.js} +1 -1
- package/build/_chunks/{chunk-32CPM4J3.js → chunk-QR2EKYDX.js} +1 -1
- package/build/_chunks/{chunk-YPVFVBG3.js → chunk-QYWW7RX3.js} +1 -1
- package/build/_chunks/{chunk-MQOX7MKN.js → chunk-R4ZH3EXL.js} +1 -1
- package/build/_chunks/{chunk-EI4VQCCM.js → chunk-SU7ER6UI.js} +1 -1
- package/build/_chunks/{chunk-FNWPZLRV.js → chunk-TTEOHSAS.js} +1 -1
- package/build/_chunks/{chunk-LOGPCQ24.js → chunk-U3C5OOL7.js} +1 -1
- package/build/_chunks/{chunk-T5WRDF6Z.js → chunk-U3W7OXFM.js} +1 -1
- package/build/_chunks/{chunk-TKU4GMEV.js → chunk-UG4TXVS2.js} +1 -1
- package/build/_chunks/{chunk-MBTSXCJW.js → chunk-UI4RDOOP.js} +1 -1
- package/build/_chunks/{chunk-MHZSYMQP.js → chunk-UPYAYUEO.js} +1 -1
- package/build/_chunks/{chunk-AIT2A7YM.js → chunk-VMZBZQUB.js} +1 -1
- package/build/_chunks/{chunk-GAL3X7PR.js → chunk-VPXC2WTF.js} +1 -1
- package/build/_chunks/{chunk-F2LUAXXO.js → chunk-VWME2ITD.js} +1 -1
- package/build/_chunks/{chunk-AFDB2YM6.js → chunk-W2AVFZIZ.js} +1 -1
- package/build/_chunks/{chunk-SWXXEAIZ.js → chunk-W5CXR7M5.js} +1 -1
- package/build/_chunks/{chunk-OAEOQ7AZ.js → chunk-WFFD3ZTQ.js} +1 -1
- package/build/_chunks/chunk-YGH3HP53.js +2 -0
- package/build/_chunks/{chunk-RZJSME6H.js → chunk-YKLJWCIN.js} +1 -1
- package/build/_chunks/{chunk-QGQRTANO.js → chunk-YVUQOABN.js} +1 -1
- package/build/_chunks/{chunk-ZGZK4AZ3.js → chunk-YXOFMBCZ.js} +1 -1
- package/build/_chunks/{chunk-CAKSLKXG.js → chunk-ZAL4ULKW.js} +1 -1
- package/build/_chunks/{chunk-R5PUIGMB.js → chunk-ZDZP7FFZ.js} +1 -1
- package/build/_chunks/{chunk-W4PURLBP.js → chunk-ZREEGA6V.js} +1 -1
- package/build/_chunks/{chunk-KD4RSWN6.js → chunk-ZRYFTL5I.js} +1 -1
- package/build/_chunks/{chunk-XSRIBZ5H.js → chunk-ZSPTIP2Y.js} +1 -1
- package/build/components/ActionsDropdownMenu/index.js +1 -1
- package/build/components/ActiveFilterChip/index.js +1 -1
- package/build/components/AnimatedSpinnerIcon/index.js +1 -1
- package/build/components/AppServices/index.js +1 -1
- package/build/components/AppServicesBar/index.js +1 -1
- package/build/components/AppWindowWrapper/index.js +1 -1
- package/build/components/AreaChart/index.js +1 -1
- package/build/components/Autocomplete/index.js +1 -1
- package/build/components/AvatarStack/AnimatedStack.d.ts +9 -0
- package/build/components/AvatarStack/AvatarStack.d.ts +5 -0
- package/build/components/AvatarStack/AvatarStackItem.d.ts +4 -0
- package/build/components/AvatarStack/StaticStack.d.ts +4 -0
- package/build/components/AvatarStack/constants.d.ts +40 -0
- package/build/components/AvatarStack/hooks/useAnimatedStack.d.ts +25 -0
- package/build/components/AvatarStack/index.d.ts +4 -0
- package/build/components/AvatarStack/index.js +1 -0
- package/build/components/AvatarStack/style.d.ts +303 -0
- package/build/components/AvatarStack/type.d.ts +122 -0
- package/build/components/AvatarStack/utils.d.ts +63 -0
- package/build/components/BrandLogo/index.js +1 -1
- package/build/components/Calender/index.js +1 -1
- package/build/components/ColorPicker/index.js +1 -1
- package/build/components/ColumnViews/index.js +1 -1
- package/build/components/ConfirmDialog/index.js +1 -1
- package/build/components/CountryFilter/index.js +1 -1
- package/build/components/CountryFlag/index.js +1 -1
- package/build/components/CurrenciesMenu/index.js +1 -1
- package/build/components/CurrencyAmount/index.js +1 -1
- package/build/components/CurrencyAmountInput/index.js +1 -1
- package/build/components/CurrencySymbol/index.js +1 -1
- package/build/components/CustomBackdrop/index.js +1 -1
- package/build/components/DateFilter/index.js +1 -1
- package/build/components/DeviceIcon/index.js +1 -1
- package/build/components/DropdownMenu/index.js +1 -1
- package/build/components/EmptyState/index.js +1 -1
- package/build/components/Error/index.js +1 -1
- package/build/components/ErrorToast/index.js +1 -1
- package/build/components/ExpandableSideBar/index.js +1 -1
- package/build/components/FileInputPreview/index.js +1 -1
- package/build/components/FilePreview/index.js +1 -1
- package/build/components/FileUpload/index.js +1 -1
- package/build/components/FileUploader/index.js +1 -1
- package/build/components/FilterDropdown/index.js +1 -1
- package/build/components/Filters/index.js +1 -1
- package/build/components/FlippingCard/index.js +1 -1
- package/build/components/FormSelect/index.js +1 -1
- package/build/components/GroupedSelect/index.js +1 -1
- package/build/components/HeatMap/index.js +1 -1
- package/build/components/IconWithBadge/index.js +1 -1
- package/build/components/InputBase/index.js +1 -1
- package/build/components/Inputs/index.js +1 -1
- package/build/components/JSONViewer/index.js +1 -1
- package/build/components/LeftPeekRightExpandingChip/index.js +1 -1
- package/build/components/ListColumnFilter/index.js +1 -1
- package/build/components/ListHeader/index.js +1 -1
- package/build/components/ListLayout/index.js +1 -1
- package/build/components/Loader/index.js +1 -1
- package/build/components/MFWidgetLoader/index.js +1 -1
- package/build/components/MaskedText/index.js +1 -1
- package/build/components/MerchantLogo/index.js +1 -1
- package/build/components/MultiSelect/index.js +1 -1
- package/build/components/NestedDropdown/index.js +1 -1
- package/build/components/NestedMultiSelect/index.js +1 -1
- package/build/components/OpenFileInNewTab/index.js +1 -1
- package/build/components/PaymentSourceFilter/index.js +1 -1
- package/build/components/PhoneFilter/index.js +1 -1
- package/build/components/PhoneInput/index.js +1 -1
- package/build/components/ProgressRing/index.js +1 -1
- package/build/components/RHFGroupedSelect/index.js +1 -1
- package/build/components/RHFInput/index.js +1 -1
- package/build/components/RHFPhoneInput/index.js +1 -1
- package/build/components/RHFSwitch/index.js +1 -1
- package/build/components/RadioGroup/index.js +1 -1
- package/build/components/RangeCalender/index.js +1 -1
- package/build/components/RatingCount/index.js +1 -1
- package/build/components/ReferenceTypeFilter/index.js +1 -1
- package/build/components/RightLeftExpandingCenterChip/index.js +1 -1
- package/build/components/SearchButton/index.js +1 -1
- package/build/components/SearchInput/index.js +1 -1
- package/build/components/SheetViewChip/index.js +1 -1
- package/build/components/StatusBar/index.js +1 -1
- package/build/components/StatusButton/index.js +1 -1
- package/build/components/StatusFilter/index.js +1 -1
- package/build/components/StatusIcons/index.js +1 -1
- package/build/components/StatusLabel/index.js +1 -1
- package/build/components/TableCells/index.js +1 -1
- package/build/components/TableReports/index.js +1 -1
- package/build/components/TextInput/index.js +1 -1
- package/build/components/Timepicker/index.js +1 -1
- package/build/components/ToggleView/index.js +1 -1
- package/build/components/Toolbar/index.js +1 -1
- package/build/components/ToolbarIcon/index.js +1 -1
- package/build/components/TreeDropdown/index.js +1 -1
- package/build/components/VerificationIcon/index.js +1 -1
- package/build/components/ViewColumnRadioFilter/index.js +1 -1
- package/build/components/VirtualTables/index.js +1 -1
- package/build/components/Widget/index.js +1 -1
- package/build/components/WindowSideBar/index.js +1 -1
- package/build/components/index.d.ts +2 -1
- package/build/components/index.js +1 -1
- package/build/components/primitives/index.js +1 -1
- package/build/constants/apps.d.ts +3 -0
- package/build/constants/index.js +1 -1
- package/build/hooks/index.js +1 -1
- package/build/index.js +1 -1
- package/build/utils/index.js +1 -1
- package/package.json +1 -1
- package/build/_chunks/chunk-OF3Z5SNR.js +0 -2
- package/build/_chunks/chunk-V2RLDP5A.js +0 -2
- package/build/_chunks/chunk-WE7NB24K.js +0 -1
- package/build/components/ChipStack/ChipStack.d.ts +0 -67
- package/build/components/ChipStack/components/AnimatedStack.d.ts +0 -24
- package/build/components/ChipStack/components/ChipStackFaceSlot.d.ts +0 -11
- package/build/components/ChipStack/components/OverlapChip.d.ts +0 -9
- package/build/components/ChipStack/components/StaticStack.d.ts +0 -12
- package/build/components/ChipStack/constants.d.ts +0 -14
- package/build/components/ChipStack/hooks/useAnimatedStack.d.ts +0 -28
- package/build/components/ChipStack/index.d.ts +0 -10
- package/build/components/ChipStack/index.js +0 -1
- package/build/components/ChipStack/style.d.ts +0 -31
- package/build/components/ChipStack/types.d.ts +0 -127
- package/build/components/ChipStack/util.d.ts +0 -74
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { AvatarStackVariant } from './type';
|
|
2
|
+
export declare const avatarStackClassNamePrefix: "os-shared-AvatarStack";
|
|
3
|
+
export declare const avatarStackClassNames: {
|
|
4
|
+
/** Static row, or the fanout shell. Receives consumer `className` / `sx`. */
|
|
5
|
+
readonly root: "os-shared-AvatarStack-root";
|
|
6
|
+
/** Fanout only — positioned track that owns hover. */
|
|
7
|
+
readonly track: "os-shared-AvatarStack-track";
|
|
8
|
+
/** Fanout only — one absolutely positioned, animated slot per item. */
|
|
9
|
+
readonly slot: "os-shared-AvatarStack-slot";
|
|
10
|
+
/** Static only — one overlapping slot per item (the item, or its tooltip wrapper). */
|
|
11
|
+
readonly overlapSlot: "os-shared-AvatarStack-overlapSlot";
|
|
12
|
+
/** `AvatarStackItem` circle. */
|
|
13
|
+
readonly overlapItem: "os-shared-AvatarStack-overlapItem";
|
|
14
|
+
/** Default `+N` item (both variants). */
|
|
15
|
+
readonly overflow: "os-shared-AvatarStack-overflow";
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Pre-`os-shared` ChipStack-era slot class, still set next to `avatarStackClassNames.overlapSlot`.
|
|
19
|
+
* MFEs target it (e.g. `& .chip-stack-overlap-slot:last-child`) — do not rename or remove.
|
|
20
|
+
*/
|
|
21
|
+
export declare const avatarStackLegacyOverlapSlotClassName = "chip-stack-overlap-slot";
|
|
22
|
+
/** Outermost-node class pair — `overlapSlot` plus the ChipStack-era alias, set on the item or its tooltip wrapper. */
|
|
23
|
+
export declare const avatarStackOverlapSlotClassName: string;
|
|
24
|
+
/** Default item diameter (px). Every other dimension scales from it. */
|
|
25
|
+
export declare const AVATAR_STACK_SIZE_PX = 24;
|
|
26
|
+
/** Fan-out animation duration (s) — per-slot translate and track width. */
|
|
27
|
+
export declare const AVATAR_STACK_ANIMATED_DURATION_S = 0.22;
|
|
28
|
+
/** Per-slot fan-out transition. */
|
|
29
|
+
export declare const AVATAR_STACK_SLOT_TRANSITION: {
|
|
30
|
+
readonly duration: 0.22;
|
|
31
|
+
readonly ease: "easeOut";
|
|
32
|
+
};
|
|
33
|
+
/** Track z-index while expanded, so the fanned row paints over neighbouring cells. */
|
|
34
|
+
export declare const AVATAR_STACK_EXPANDED_Z_INDEX = 1000;
|
|
35
|
+
/** Hover-leave debounce (ms) — absorbs pointer jitter between slots before collapsing. */
|
|
36
|
+
export declare const AVATAR_STACK_HOVER_LEAVE_DELAY_MS = 120;
|
|
37
|
+
/** All variant values — useful for building selects/controls. */
|
|
38
|
+
export declare const AVATAR_STACK_VARIANTS: readonly ["static", "fanout-right", "fanout-left", "fanout-center"];
|
|
39
|
+
/** Variant used when `variant` is omitted. */
|
|
40
|
+
export declare const DEFAULT_AVATAR_STACK_VARIANT: AvatarStackVariant;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type UseAnimatedStackArgs = {
|
|
3
|
+
slotCount: number;
|
|
4
|
+
/** Slot that stays in place while the others fan out around it. */
|
|
5
|
+
anchorIndex: number;
|
|
6
|
+
size: number;
|
|
7
|
+
stackStep: number;
|
|
8
|
+
gap: number;
|
|
9
|
+
/** Whether hovering expands the row. */
|
|
10
|
+
isFanOutEnabled: boolean;
|
|
11
|
+
/** Hide non-anchor items while idle. */
|
|
12
|
+
compact: boolean;
|
|
13
|
+
};
|
|
14
|
+
/** Hover state, slot measurement, and fan-out geometry for `AnimatedStack`. */
|
|
15
|
+
export declare function useAnimatedStack({ slotCount, anchorIndex, size, stackStep, gap, isFanOutEnabled, compact }: UseAnimatedStackArgs): {
|
|
16
|
+
slotRefs: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
|
|
17
|
+
handleMouseEnter: () => void;
|
|
18
|
+
handleMouseLeave: () => void;
|
|
19
|
+
isExpanded: boolean;
|
|
20
|
+
collapsedWidth: number;
|
|
21
|
+
trackWidth: number;
|
|
22
|
+
translateX: number[];
|
|
23
|
+
slotOpacity: (0 | 1)[];
|
|
24
|
+
};
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default } from './AvatarStack';
|
|
2
|
+
export { default as AvatarStackItem } from './AvatarStackItem';
|
|
3
|
+
export { AVATAR_STACK_VARIANTS, avatarStackClassNames, DEFAULT_AVATAR_STACK_VARIANT } from './constants';
|
|
4
|
+
export type { AvatarStackItemRenderContext, AvatarStackOverflowRenderArgs } from './type';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{b as AVATAR_STACK_VARIANTS,d as AvatarStackItem,c as DEFAULT_AVATAR_STACK_VARIANT,a as avatarStackClassNames,e as default}from'../../_chunks/chunk-PHZUDNLB.js';import'../../_chunks/chunk-33NPK7L4.js';import'../../_chunks/chunk-JG25IYWT.js';import'../../_chunks/chunk-YGH3HP53.js';import'../../_chunks/chunk-ZDBICST5.js';
|
|
@@ -0,0 +1,303 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Theme } from '@mui/material/styles';
|
|
3
|
+
/** Static root — an overlapping flex row. */
|
|
4
|
+
export declare const AvatarStackRowStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
+
}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
|
|
7
|
+
$slotSize: number;
|
|
8
|
+
}, {}, {}>;
|
|
9
|
+
/** `AvatarStackItem` circle — stretches its child to fill the slot. */
|
|
10
|
+
export declare const AvatarStackItemStyled: import("@emotion/styled").StyledComponent<Omit<Omit<import("../primitives").AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
11
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
12
|
+
} & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
13
|
+
/** Default static `+N` item. */
|
|
14
|
+
export declare const AvatarStackStaticOverflowStyled: import("@emotion/styled").StyledComponent<Omit<Omit<import("../primitives").AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
15
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
16
|
+
} & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
17
|
+
/** Fanout root — flex shell around the track. */
|
|
18
|
+
export declare const AvatarStackShellStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
19
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
20
|
+
}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
|
|
21
|
+
$isFullWidth: boolean;
|
|
22
|
+
}, {}, {}>;
|
|
23
|
+
/** Positioned track — width animates between collapsed and fanned. */
|
|
24
|
+
export declare const AvatarStackTrackStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
|
|
25
|
+
$width: number;
|
|
26
|
+
$minWidth: number;
|
|
27
|
+
$height: number;
|
|
28
|
+
$zIndex?: number | undefined;
|
|
29
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
30
|
+
/** One item slot at its collapsed position; framer-motion animates `x` / `opacity` on top. */
|
|
31
|
+
export declare const AvatarStackSlotStyled: import("@emotion/styled").StyledComponent<{
|
|
32
|
+
color?: string | undefined;
|
|
33
|
+
content?: string | undefined;
|
|
34
|
+
translate?: "yes" | "no" | undefined;
|
|
35
|
+
id?: string | undefined;
|
|
36
|
+
defaultChecked?: boolean | undefined;
|
|
37
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
38
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
39
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
40
|
+
accessKey?: string | undefined;
|
|
41
|
+
autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
42
|
+
autoFocus?: boolean | undefined;
|
|
43
|
+
className?: string | undefined;
|
|
44
|
+
contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
|
|
45
|
+
contextMenu?: string | undefined;
|
|
46
|
+
dir?: string | undefined;
|
|
47
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
48
|
+
enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
|
|
49
|
+
hidden?: boolean | undefined;
|
|
50
|
+
lang?: string | undefined;
|
|
51
|
+
nonce?: string | undefined;
|
|
52
|
+
slot?: string | undefined;
|
|
53
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
54
|
+
tabIndex?: number | undefined;
|
|
55
|
+
title?: string | undefined;
|
|
56
|
+
radioGroup?: string | undefined;
|
|
57
|
+
role?: import("react").AriaRole | undefined;
|
|
58
|
+
about?: string | undefined;
|
|
59
|
+
datatype?: string | undefined;
|
|
60
|
+
inlist?: any;
|
|
61
|
+
prefix?: string | undefined;
|
|
62
|
+
property?: string | undefined;
|
|
63
|
+
rel?: string | undefined;
|
|
64
|
+
resource?: string | undefined;
|
|
65
|
+
rev?: string | undefined;
|
|
66
|
+
typeof?: string | undefined;
|
|
67
|
+
vocab?: string | undefined;
|
|
68
|
+
autoCorrect?: string | undefined;
|
|
69
|
+
autoSave?: string | undefined;
|
|
70
|
+
itemProp?: string | undefined;
|
|
71
|
+
itemScope?: boolean | undefined;
|
|
72
|
+
itemType?: string | undefined;
|
|
73
|
+
itemID?: string | undefined;
|
|
74
|
+
itemRef?: string | undefined;
|
|
75
|
+
results?: number | undefined;
|
|
76
|
+
security?: string | undefined;
|
|
77
|
+
unselectable?: "off" | "on" | undefined;
|
|
78
|
+
inputMode?: "text" | "url" | "email" | "search" | "none" | "tel" | "numeric" | "decimal" | undefined;
|
|
79
|
+
is?: string | undefined;
|
|
80
|
+
exportparts?: string | undefined;
|
|
81
|
+
part?: string | undefined;
|
|
82
|
+
"aria-activedescendant"?: string | undefined;
|
|
83
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
84
|
+
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
85
|
+
"aria-braillelabel"?: string | undefined;
|
|
86
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
87
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
88
|
+
"aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
|
|
89
|
+
"aria-colcount"?: number | undefined;
|
|
90
|
+
"aria-colindex"?: number | undefined;
|
|
91
|
+
"aria-colindextext"?: string | undefined;
|
|
92
|
+
"aria-colspan"?: number | undefined;
|
|
93
|
+
"aria-controls"?: string | undefined;
|
|
94
|
+
"aria-current"?: boolean | "page" | "false" | "true" | "date" | "time" | "step" | "location" | undefined;
|
|
95
|
+
"aria-describedby"?: string | undefined;
|
|
96
|
+
"aria-description"?: string | undefined;
|
|
97
|
+
"aria-details"?: string | undefined;
|
|
98
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
99
|
+
"aria-dropeffect"?: "link" | "copy" | "none" | "move" | "execute" | "popup" | undefined;
|
|
100
|
+
"aria-errormessage"?: string | undefined;
|
|
101
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
102
|
+
"aria-flowto"?: string | undefined;
|
|
103
|
+
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
104
|
+
"aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
|
|
105
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
106
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
107
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
108
|
+
"aria-label"?: string | undefined;
|
|
109
|
+
"aria-labelledby"?: string | undefined;
|
|
110
|
+
"aria-level"?: number | undefined;
|
|
111
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
112
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
113
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
114
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
115
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
116
|
+
"aria-owns"?: string | undefined;
|
|
117
|
+
"aria-placeholder"?: string | undefined;
|
|
118
|
+
"aria-posinset"?: number | undefined;
|
|
119
|
+
"aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
|
|
120
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
121
|
+
"aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
122
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
123
|
+
"aria-roledescription"?: string | undefined;
|
|
124
|
+
"aria-rowcount"?: number | undefined;
|
|
125
|
+
"aria-rowindex"?: number | undefined;
|
|
126
|
+
"aria-rowindextext"?: string | undefined;
|
|
127
|
+
"aria-rowspan"?: number | undefined;
|
|
128
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
129
|
+
"aria-setsize"?: number | undefined;
|
|
130
|
+
"aria-sort"?: "ascending" | "descending" | "none" | "other" | undefined;
|
|
131
|
+
"aria-valuemax"?: number | undefined;
|
|
132
|
+
"aria-valuemin"?: number | undefined;
|
|
133
|
+
"aria-valuenow"?: number | undefined;
|
|
134
|
+
"aria-valuetext"?: string | undefined;
|
|
135
|
+
dangerouslySetInnerHTML?: {
|
|
136
|
+
__html: string | TrustedHTML;
|
|
137
|
+
} | undefined;
|
|
138
|
+
onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
139
|
+
onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
140
|
+
onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
141
|
+
onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
142
|
+
onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
143
|
+
onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
144
|
+
onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
145
|
+
onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
146
|
+
onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
147
|
+
onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
148
|
+
onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
149
|
+
onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
150
|
+
onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
151
|
+
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
152
|
+
onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
153
|
+
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
154
|
+
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
155
|
+
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
156
|
+
onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
|
|
157
|
+
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
158
|
+
onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
159
|
+
onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
160
|
+
onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
161
|
+
onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
162
|
+
onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
163
|
+
onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
164
|
+
onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
165
|
+
onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
166
|
+
onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
167
|
+
onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
168
|
+
onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
169
|
+
onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
170
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
171
|
+
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
172
|
+
onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
173
|
+
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
174
|
+
onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
175
|
+
onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
176
|
+
onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
177
|
+
onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
178
|
+
onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
179
|
+
onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
180
|
+
onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
181
|
+
onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
182
|
+
onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
183
|
+
onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
184
|
+
onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
185
|
+
onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
186
|
+
onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
187
|
+
onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
188
|
+
onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
189
|
+
onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
190
|
+
onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
191
|
+
onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
192
|
+
onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
193
|
+
onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
194
|
+
onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
195
|
+
onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
196
|
+
onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
197
|
+
onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
198
|
+
onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
199
|
+
onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
200
|
+
onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
201
|
+
onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
202
|
+
onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
203
|
+
onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
204
|
+
onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
205
|
+
onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
206
|
+
onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
207
|
+
onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
208
|
+
onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
209
|
+
onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
210
|
+
onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
211
|
+
onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
212
|
+
onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
213
|
+
onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
214
|
+
onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
215
|
+
onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
216
|
+
onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
217
|
+
onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
218
|
+
onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
219
|
+
onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
220
|
+
onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
221
|
+
onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
222
|
+
onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
223
|
+
onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
224
|
+
onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
225
|
+
onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
226
|
+
onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
227
|
+
onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
228
|
+
onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
229
|
+
onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
230
|
+
onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
231
|
+
onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
232
|
+
onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
233
|
+
onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
234
|
+
onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
235
|
+
onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
236
|
+
onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
237
|
+
onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
238
|
+
onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
239
|
+
onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
240
|
+
onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
241
|
+
onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
242
|
+
onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
243
|
+
onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
244
|
+
onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
245
|
+
onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
246
|
+
onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
247
|
+
onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
248
|
+
onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
249
|
+
onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
250
|
+
onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
251
|
+
onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
252
|
+
onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
253
|
+
onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
254
|
+
onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
255
|
+
onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
256
|
+
onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
257
|
+
onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
258
|
+
onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
259
|
+
onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
260
|
+
onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
261
|
+
onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
262
|
+
onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
263
|
+
onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
264
|
+
onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
265
|
+
onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
266
|
+
onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
267
|
+
onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
268
|
+
onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
269
|
+
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
270
|
+
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
271
|
+
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
272
|
+
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
273
|
+
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
274
|
+
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
275
|
+
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
276
|
+
onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
277
|
+
onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
278
|
+
onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
279
|
+
onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
280
|
+
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
281
|
+
onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
282
|
+
onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
283
|
+
onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
284
|
+
onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
285
|
+
onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
286
|
+
onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
287
|
+
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
288
|
+
onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
289
|
+
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
290
|
+
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
291
|
+
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
292
|
+
} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<Theme> & {
|
|
293
|
+
$index: number;
|
|
294
|
+
$left: number;
|
|
295
|
+
$size: number;
|
|
296
|
+
$isHidden: boolean;
|
|
297
|
+
}, {}, {}>;
|
|
298
|
+
/** Default fanout `+N` item. */
|
|
299
|
+
export declare const AvatarStackOverflowStyled: import("@emotion/styled").StyledComponent<Omit<Omit<import("../primitives").AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
300
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
301
|
+
} & import("@mui/system").MUIStyledCommonProps<Theme> & {
|
|
302
|
+
$size: number;
|
|
303
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import type { BoxProps } from '@mui/material/Box';
|
|
2
|
+
import type { HTMLAttributes, ReactNode, Ref } from 'react';
|
|
3
|
+
import type { AvatarProps } from '../primitives';
|
|
4
|
+
/**
|
|
5
|
+
* Controls both the render mode and (for fanout variants) the fan-out direction.
|
|
6
|
+
*
|
|
7
|
+
* - `"static"` — overlapping row, no hover animation **(default)**
|
|
8
|
+
* - `"fanout-right"` — fans right on hover (anchor: leftmost item)
|
|
9
|
+
* - `"fanout-left"` — fans left on hover (anchor: rightmost item)
|
|
10
|
+
* - `"fanout-center"` — fans both ways on hover (anchor: middle item)
|
|
11
|
+
*/
|
|
12
|
+
export type AvatarStackVariant = 'static' | 'fanout-right' | 'fanout-left' | 'fanout-center';
|
|
13
|
+
/** Resolved internally from `variant` — not exposed as a prop. */
|
|
14
|
+
export type AvatarStackFanOutDirection = 'right' | 'left' | 'center';
|
|
15
|
+
/** Passed to `renderItem` so the callback knows how large to render each item. */
|
|
16
|
+
export type AvatarStackItemRenderContext = {
|
|
17
|
+
slotSize: number;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Passed to `renderOverflow` when items exceed `maxItems`.
|
|
21
|
+
*
|
|
22
|
+
* @template T — matches the `items` array type on `AvatarStackProps<T>`.
|
|
23
|
+
*/
|
|
24
|
+
export type AvatarStackOverflowRenderArgs<T = unknown> = {
|
|
25
|
+
/** The full `items` array passed to `AvatarStack`. */
|
|
26
|
+
items: readonly T[];
|
|
27
|
+
/** The hidden items that overflowed past `maxItems`. */
|
|
28
|
+
overflowItems: readonly T[];
|
|
29
|
+
/** Item diameter in px — size your overflow item to this value. */
|
|
30
|
+
size: number;
|
|
31
|
+
};
|
|
32
|
+
/** Fine-grained style/prop overrides for internal slots. */
|
|
33
|
+
export type AvatarStackSlotProps = {
|
|
34
|
+
/** Outer flex shell wrapping the item track (`Box`). Fanout variants only. */
|
|
35
|
+
shell?: BoxProps;
|
|
36
|
+
/** Positioned `<div>` holding all item slots — use for `aria-label` and other HTML attributes. Fanout variants only. */
|
|
37
|
+
track?: HTMLAttributes<HTMLDivElement>;
|
|
38
|
+
/** Layout dimensions. Only `size` applies to the static variant. */
|
|
39
|
+
layout?: {
|
|
40
|
+
/** Z-index of the track while hovered. @default 1000 */
|
|
41
|
+
zIndex?: number;
|
|
42
|
+
/** Item diameter in px. @default 24 */
|
|
43
|
+
size?: number;
|
|
44
|
+
/** Horizontal distance between stacked items in px. @default size / 2 */
|
|
45
|
+
stackStep?: number;
|
|
46
|
+
/** Space between items when fully expanded in px. */
|
|
47
|
+
gap?: number;
|
|
48
|
+
/** Minimum width of the item track container in px. */
|
|
49
|
+
minTrackWidth?: number;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* Props for `AvatarStack`.
|
|
54
|
+
*
|
|
55
|
+
* `items` is the only source of truth: pass `items` + `getItemKey` + `renderItem`.
|
|
56
|
+
*/
|
|
57
|
+
export type AvatarStackProps<T = unknown> = {
|
|
58
|
+
/** Render mode and fan-out direction. @default 'static' */
|
|
59
|
+
variant?: AvatarStackVariant;
|
|
60
|
+
/** Data array. Requires `getItemKey` and `renderItem`. */
|
|
61
|
+
items?: readonly T[];
|
|
62
|
+
getItemKey?: (item: T, index: number) => string;
|
|
63
|
+
renderItem?: (item: T, index: number, ctx: AvatarStackItemRenderContext) => ReactNode;
|
|
64
|
+
/**
|
|
65
|
+
* Total slot count **including** the `+N` item. Once the source reaches this
|
|
66
|
+
* count, the first `maxItems - 1` items stay visible and the rest collapse into `+N`.
|
|
67
|
+
*/
|
|
68
|
+
maxItems?: number;
|
|
69
|
+
/**
|
|
70
|
+
* **Fanout variants only.** Show only the anchor item while idle; hovering
|
|
71
|
+
* reveals all items with the fan-out animation defined by `variant`.
|
|
72
|
+
* @default false
|
|
73
|
+
*/
|
|
74
|
+
compact?: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* Replace the `+N` overflow slot. Receives the full `items` array and the hidden `overflowItems` slice.
|
|
77
|
+
* Static variant: returning `null`/`undefined` falls back to the default `+N` item.
|
|
78
|
+
*/
|
|
79
|
+
renderOverflow?: (args: AvatarStackOverflowRenderArgs<T>) => ReactNode;
|
|
80
|
+
/** Set on the same node as `data-testid` (static row / fanout track). Never auto-generated. */
|
|
81
|
+
id?: string;
|
|
82
|
+
sx?: BoxProps['sx'];
|
|
83
|
+
className?: string;
|
|
84
|
+
/** Style/prop overrides for internal slots and layout dimensions. */
|
|
85
|
+
slotProps?: AvatarStackSlotProps;
|
|
86
|
+
/** @default id ?? 'AvatarStack' */
|
|
87
|
+
'data-testid'?: string;
|
|
88
|
+
};
|
|
89
|
+
/** Single circular item for the static variant, built on the `Avatar` primitive. `title` adds a hover tooltip. */
|
|
90
|
+
export type AvatarStackItemProps = Omit<AvatarProps, 'title'> & {
|
|
91
|
+
title?: ReactNode;
|
|
92
|
+
};
|
|
93
|
+
/** One rendered position in the row — a visible item or the `+N` item. */
|
|
94
|
+
export type AvatarStackSlotModel = {
|
|
95
|
+
key: string;
|
|
96
|
+
render: () => ReactNode;
|
|
97
|
+
};
|
|
98
|
+
/** Resolved data-driven source — the `items` list with its key/render pair. */
|
|
99
|
+
export type AvatarStackSource<T> = {
|
|
100
|
+
items: readonly T[];
|
|
101
|
+
getItemKey: (item: T, index: number) => string;
|
|
102
|
+
renderItem: (item: T, index: number, ctx: AvatarStackItemRenderContext) => ReactNode;
|
|
103
|
+
};
|
|
104
|
+
/** Resolved dimensions for the fanout track. */
|
|
105
|
+
export type AvatarStackLayout = {
|
|
106
|
+
size: number;
|
|
107
|
+
stackStep: number;
|
|
108
|
+
gap: number;
|
|
109
|
+
minTrackWidth: number;
|
|
110
|
+
};
|
|
111
|
+
/** Props shared by `StaticStack` and `AnimatedStack`, already resolved by `AvatarStack`. */
|
|
112
|
+
type AvatarStackRendererProps<T> = Pick<AvatarStackProps<T>, 'id' | 'data-testid' | 'className' | 'sx' | 'slotProps' | 'maxItems' | 'renderOverflow'> & {
|
|
113
|
+
source: AvatarStackSource<T>;
|
|
114
|
+
rootRef?: Ref<HTMLDivElement>;
|
|
115
|
+
};
|
|
116
|
+
export type AvatarStackStaticStackProps<T> = AvatarStackRendererProps<T>;
|
|
117
|
+
export type AvatarStackAnimatedStackProps<T> = AvatarStackRendererProps<T> & {
|
|
118
|
+
fanOutDirection: AvatarStackFanOutDirection;
|
|
119
|
+
/** See `AvatarStackProps.compact`. */
|
|
120
|
+
compact: boolean;
|
|
121
|
+
};
|
|
122
|
+
export {};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
/// <reference types="node" />
|
|
2
|
+
import type { MutableRefObject, ReactNode } from 'react';
|
|
3
|
+
import type { SxProps, Theme } from '@mui/material/styles';
|
|
4
|
+
import type { AvatarStackFanOutDirection, AvatarStackLayout, AvatarStackOverflowRenderArgs, AvatarStackProps, AvatarStackSlotModel, AvatarStackSource, AvatarStackVariant } from './type';
|
|
5
|
+
/**
|
|
6
|
+
* Resolves the `items` source. Returns `null` when `items`, `getItemKey`, or
|
|
7
|
+
* `renderItem` is missing, or when there is nothing to render.
|
|
8
|
+
*/
|
|
9
|
+
export declare function resolveAvatarStackSource<T>({ items, getItemKey, renderItem, }: Pick<AvatarStackProps<T>, 'items' | 'getItemKey' | 'renderItem'>): AvatarStackSource<T> | null;
|
|
10
|
+
export declare function getFanOutDirection(variant: AvatarStackVariant): AvatarStackFanOutDirection;
|
|
11
|
+
/**
|
|
12
|
+
* Splits `items` into visible and hidden slices.
|
|
13
|
+
*
|
|
14
|
+
* Overflow triggers when `maxItems >= 1` and `items.length >= maxItems`: the first
|
|
15
|
+
* `maxItems - 1` items stay visible so the `+N` item fills the last slot.
|
|
16
|
+
*/
|
|
17
|
+
export declare function splitAvatarStackOverflow<T>(items: readonly T[], maxItems: number | undefined): {
|
|
18
|
+
visibleItems: readonly T[];
|
|
19
|
+
hiddenItems: readonly T[];
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Fanout guard — `true` when the row overflows into a `+N` item, so fan-out is disabled
|
|
23
|
+
* (the `+N` item would jump mid-animation). Derived from `splitAvatarStackOverflow` so the
|
|
24
|
+
* cap threshold cannot drift from what `buildAvatarStackSlots` renders.
|
|
25
|
+
*/
|
|
26
|
+
export declare function hasAvatarStackOverflow<T>(items: readonly T[], maxItems: number | undefined): boolean;
|
|
27
|
+
/** Builds one slot per visible item, plus a trailing `+N` slot when items overflow. */
|
|
28
|
+
export declare function buildAvatarStackSlots<T>({ source: { items, getItemKey, renderItem }, maxItems, slotSize, renderOverflow, }: {
|
|
29
|
+
source: Pick<AvatarStackSource<T>, 'items' | 'getItemKey' | 'renderItem'>;
|
|
30
|
+
maxItems: number | undefined;
|
|
31
|
+
slotSize: number;
|
|
32
|
+
renderOverflow: (args: AvatarStackOverflowRenderArgs<T>) => ReactNode;
|
|
33
|
+
}): AvatarStackSlotModel[];
|
|
34
|
+
/** Fills unset layout values, scaling them from `size`. */
|
|
35
|
+
export declare function getAvatarStackLayout(overrides: Partial<AvatarStackLayout>): AvatarStackLayout;
|
|
36
|
+
/** The slot that stays in place while the others fan out around it. */
|
|
37
|
+
export declare function getFanOutAnchorIndex(slotCount: number, direction: AvatarStackFanOutDirection): number;
|
|
38
|
+
/** Width of the collapsed (overlapping) row. */
|
|
39
|
+
export declare function getCollapsedWidthPx(slotCount: number, stackStep: number, size: number): number;
|
|
40
|
+
/**
|
|
41
|
+
* Left offset of every slot once fanned out, laid side by side outward from the anchor.
|
|
42
|
+
* `slotWidths` must hold one entry per slot.
|
|
43
|
+
*/
|
|
44
|
+
export declare function getFannedLeftPositionsPx({ slotCount, anchorIndex, slotWidths, gap, stackStep, }: {
|
|
45
|
+
slotCount: number;
|
|
46
|
+
anchorIndex: number;
|
|
47
|
+
slotWidths: number[];
|
|
48
|
+
gap: number;
|
|
49
|
+
stackStep: number;
|
|
50
|
+
}): number[];
|
|
51
|
+
/** Per-slot `x` translation from its collapsed position (`index * stackStep`) to its fanned position. */
|
|
52
|
+
export declare function getFanOutTranslateXPx(slotCount: number, isExpanded: boolean, fannedLeftPositions: number[], stackStep: number): number[];
|
|
53
|
+
/** Width of the fanned-out row — never narrower than the collapsed row. */
|
|
54
|
+
export declare function getFannedWidthPx(fannedLeftPositions: number[], slotWidths: number[], collapsedWidth: number): number;
|
|
55
|
+
/** Reads each slot's rendered width; unmounted slots fall back to `fallbackWidth`. */
|
|
56
|
+
export declare function readSlotWidthsPx(slotCount: number, slotRefs: MutableRefObject<Array<HTMLDivElement | null>>, fallbackWidth: number): number[];
|
|
57
|
+
export declare function areNumberArraysEqual(a: number[], b: number[]): boolean;
|
|
58
|
+
/** Normalises an `sx` value into an array so multiple `sx` sources can be merged. */
|
|
59
|
+
export declare function toSxArray(sx: SxProps<Theme> | undefined): any[];
|
|
60
|
+
/** Uniform slot widths used before the first DOM measurement. */
|
|
61
|
+
export declare function fillSlotWidths(slotCount: number, size: number): number[];
|
|
62
|
+
/** Clears a pending timer ref — hover-leave debounce and unmount cleanup. */
|
|
63
|
+
export declare function clearTimeoutRef(timeoutRef: MutableRefObject<NodeJS.Timeout | null>): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{Dc as BrandLogo}from'../../_chunks/chunk-AD4POZAV.js';import'../../_chunks/chunk-O2OKD546.js';import'../../_chunks/chunk-DQK2X63H.js';import'../../_chunks/chunk-XB7FBOZY.js';import'../../_chunks/chunk-NEVIXD22.js';import'../../_chunks/chunk-EB3F4BQJ.js';import'../../_chunks/chunk-YVUQOABN.js';import'../../_chunks/chunk-DCSIDBPW.js';import'../../_chunks/chunk-4CY5E5KI.js';import'../../_chunks/chunk-ZREEGA6V.js';import'../../_chunks/chunk-ZSPTIP2Y.js';import'../../_chunks/chunk-CQXBEH4L.js';import'../../_chunks/chunk-YXOFMBCZ.js';import'../../_chunks/chunk-P3PETOQ7.js';import'../../_chunks/chunk-MTOIGJQJ.js';import'../../_chunks/chunk-LJUTAKJL.js';import'../../_chunks/chunk-IOAE2ON2.js';import'../../_chunks/chunk-TTEOHSAS.js';import'../../_chunks/chunk-O7L7H4DA.js';import'../../_chunks/chunk-UI4RDOOP.js';import'../../_chunks/chunk-DSCMG7LA.js';import'../../_chunks/chunk-SU7ER6UI.js';import'../../_chunks/chunk-74JSTX22.js';import'../../_chunks/chunk-W2AVFZIZ.js';import'../../_chunks/chunk-MAZVGT6F.js';import'../../_chunks/chunk-J3D5ZSBA.js';import'../../_chunks/chunk-ZRYFTL5I.js';import'../../_chunks/chunk-WFFD3ZTQ.js';import'../../_chunks/chunk-LQYVMFQQ.js';import'../../_chunks/chunk-47TT64VM.js';import'../../_chunks/chunk-YKLJWCIN.js';import'../../_chunks/chunk-R4ZH3EXL.js';import'../../_chunks/chunk-QYWW7RX3.js';import'../../_chunks/chunk-7GLSF5H5.js';import'../../_chunks/chunk-BUWDMZ63.js';import'../../_chunks/chunk-VWME2ITD.js';import'../../_chunks/chunk-QR2EKYDX.js';import'../../_chunks/chunk-U3C5OOL7.js';import'../../_chunks/chunk-3ERKQT35.js';import'../../_chunks/chunk-W5CXR7M5.js';import'../../_chunks/chunk-7R4AEKZV.js';import'../../_chunks/chunk-EAA474AR.js';import'../../_chunks/chunk-HDCNWBW5.js';import'../../_chunks/chunk-PXVI3YMK.js';import'../../_chunks/chunk-P3FFXZOI.js';import'../../_chunks/chunk-ZDZP7FFZ.js';import'../../_chunks/chunk-ZONDSLTR.js';import'../../_chunks/chunk-BA2QROIW.js';import'../../_chunks/chunk-CO7JWTSL.js';import'../../_chunks/chunk-QLUZXWK2.js';import'../../_chunks/chunk-6FRAT2PK.js';import'../../_chunks/chunk-VMZBZQUB.js';import'../../_chunks/chunk-KNVVEENK.js';import'../../_chunks/chunk-KR2HAPNH.js';import'../../_chunks/chunk-NZ4ESRHK.js';import'../../_chunks/chunk-7O3IA5L2.js';import'../../_chunks/chunk-LIBSGIH6.js';import'../../_chunks/chunk-HPPILGDK.js';import'../../_chunks/chunk-47BLRAGH.js';import'../../_chunks/chunk-ZAL4ULKW.js';import'../../_chunks/chunk-PV67RD6C.js';import'../../_chunks/chunk-BKAYX6OY.js';import'../../_chunks/chunk-LEMACZSK.js';import'../../_chunks/chunk-U3W7OXFM.js';import'../../_chunks/chunk-GD6CZBNB.js';import'../../_chunks/chunk-UG4TXVS2.js';import'../../_chunks/chunk-CDHCKHOL.js';import'../../_chunks/chunk-C7GJOSBE.js';import'../../_chunks/chunk-UPYAYUEO.js';import'../../_chunks/chunk-VPXC2WTF.js';import'../../_chunks/chunk-QFJOMSZS.js';import'../../_chunks/chunk-MTGZZYCH.js';import'../../_chunks/chunk-F6BUM2ZG.js';import'../../_chunks/chunk-FQ2VMVUY.js';import'../../_chunks/chunk-HGGYKBU7.js';import'../../_chunks/chunk-MUR4ILTY.js';import'../../_chunks/chunk-PHZUDNLB.js';import'../../_chunks/chunk-33NPK7L4.js';import'../../_chunks/chunk-PV74LL7W.js';import'../../_chunks/chunk-54A5A27T.js';import'../../_chunks/chunk-BGHXV64M.js';import'../../_chunks/chunk-JG25IYWT.js';import'../../_chunks/chunk-YGH3HP53.js';import'../../_chunks/chunk-ZDBICST5.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as default}from'../../_chunks/chunk-
|
|
1
|
+
export{a as default}from'../../_chunks/chunk-47BLRAGH.js';import'../../_chunks/chunk-ZAL4ULKW.js';import'../../_chunks/chunk-33NPK7L4.js';import'../../_chunks/chunk-JG25IYWT.js';import'../../_chunks/chunk-YGH3HP53.js';import'../../_chunks/chunk-ZDBICST5.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as default}from'../../_chunks/chunk-
|
|
1
|
+
export{a as default}from'../../_chunks/chunk-PV67RD6C.js';import'../../_chunks/chunk-33NPK7L4.js';import'../../_chunks/chunk-JG25IYWT.js';import'../../_chunks/chunk-YGH3HP53.js';import'../../_chunks/chunk-ZDBICST5.js';
|