@pega/cosmos-react-core 5.0.0-dev.4.7 → 5.0.0-dev.4.8

package/lib/components/AppShell/index.d.ts

@@ -1,7 +0,0 @@
-export { default } from './AppShell';
-export { default as AppShellList } from './AppShellList';
-export type { AppShellListProps } from './AppShellList';
-export type { AppHeaderProps, AppShellProps, ContextSwitcherProps, DrawerItemProps, DrawerListProps } from './AppShell.types';
-export { default as AppShellContext, AppShellDrawerContext } from './AppShellContext';
-export { default as ContextSwitcher } from './ContextSwitcher';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/AppShell/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACV,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/components/AppShell/index.js

@@ -1,5 +0,0 @@
-export { default } from './AppShell';
-export { default as AppShellList } from './AppShellList';
-export { default as AppShellContext, AppShellDrawerContext } from './AppShellContext';
-export { default as ContextSwitcher } from './ContextSwitcher';
-//# sourceMappingURL=index.js.map

package/lib/components/AppShell/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AppShell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AASzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { default } from './AppShell';\nexport { default as AppShellList } from './AppShellList';\nexport type { AppShellListProps } from './AppShellList';\nexport type {\n  AppHeaderProps,\n  AppShellProps,\n  ContextSwitcherProps,\n  DrawerItemProps,\n  DrawerListProps\n} from './AppShell.types';\nexport { default as AppShellContext, AppShellDrawerContext } from './AppShellContext';\nexport { default as ContextSwitcher } from './ContextSwitcher';\n"]}

package/lib/components/AppShell/style-utils.d.ts

@@ -1,9 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-export declare const navContrastColors: (theme: DefaultTheme) => {
-    hoverBg: string;
-    foreground: string;
-    border: string;
-    interactive: string;
-};
-export declare const pxToRem: (n: number) => string;
-//# sourceMappingURL=style-utils.d.ts.map

package/lib/components/AppShell/style-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-utils.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/style-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,eAAO,MAAM,iBAAiB,UACrB,YAAY;aAEV,MAAM;gBACH,MAAM;YACV,MAAM;iBACD,MAAM;CA2BpB,CAAC;AAEF,eAAO,MAAM,OAAO,MAAO,MAAM,KAAG,MAA4B,CAAC"}

package/lib/components/AppShell/style-utils.js

@@ -1,20 +0,0 @@
-import { darken, getContrast, lighten, readableColor, transparentize } from 'polished';
-import { readableHue } from '../../styles';
-export const navContrastColors = (theme) => {
-    const { base: { palette: { interactive } }, components: { 'app-shell': { nav: { 'background-color': navBg } } } } = theme;
-    let hoverBg = darken(0.05, navBg);
-    if (getContrast(navBg, hoverBg) === 1) {
-        hoverBg = lighten(0.15, navBg);
-    }
-    const foregroundColor = readableColor(navBg);
-    const borderColor = transparentize(0.8, foregroundColor);
-    const interactiveColor = readableHue(interactive, navBg);
-    return {
-        hoverBg,
-        foreground: foregroundColor,
-        border: borderColor,
-        interactive: interactiveColor
-    };
-};
-export const pxToRem = (n) => `${n * 0.0625}rem`;
-//# sourceMappingURL=style-utils.js.map

package/lib/components/AppShell/style-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-utils.js","sourceRoot":"","sources":["../../../src/components/AppShell/style-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGvF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,KAAmB,EAMnB,EAAE;IACF,MAAM,EACJ,IAAI,EAAE,EACJ,OAAO,EAAE,EAAE,WAAW,EAAE,EACzB,EACD,UAAU,EAAE,EACV,WAAW,EAAE,EACX,GAAG,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,EACnC,EACF,EACF,GAAG,KAAK,CAAC;IACV,IAAI,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClC,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE;QACrC,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KAChC;IAED,MAAM,eAAe,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,cAAc,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC;IACzD,MAAM,gBAAgB,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAEzD,OAAO;QACL,OAAO;QACP,UAAU,EAAE,eAAe;QAC3B,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,gBAAgB;KAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,GAAG,CAAC,GAAG,MAAM,KAAK,CAAC","sourcesContent":["import { darken, getContrast, lighten, readableColor, transparentize } from 'polished';\nimport { DefaultTheme } from 'styled-components';\n\nimport { readableHue } from '../../styles';\n\nexport const navContrastColors = (\n  theme: DefaultTheme\n): {\n  hoverBg: string;\n  foreground: string;\n  border: string;\n  interactive: string;\n} => {\n  const {\n    base: {\n      palette: { interactive }\n    },\n    components: {\n      'app-shell': {\n        nav: { 'background-color': navBg }\n      }\n    }\n  } = theme;\n  let hoverBg = darken(0.05, navBg);\n  if (getContrast(navBg, hoverBg) === 1) {\n    hoverBg = lighten(0.15, navBg);\n  }\n\n  const foregroundColor = readableColor(navBg);\n  const borderColor = transparentize(0.8, foregroundColor);\n  const interactiveColor = readableHue(interactive, navBg);\n\n  return {\n    hoverBg,\n    foreground: foregroundColor,\n    border: borderColor,\n    interactive: interactiveColor\n  };\n};\n\nexport const pxToRem = (n: number): string => `${n * 0.0625}rem`;\n"]}

package/lib/components/AppShell/utils.d.ts

@@ -1,2 +0,0 @@
-export declare const followingNodes: <T extends Node>(source: NodeIterator, startingNode: Node) => T[];
-//# sourceMappingURL=utils.d.ts.map

package/lib/components/AppShell/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/utils.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,cAAc,2BAA4B,YAAY,gBAAgB,IAAI,QActF,CAAC"}

package/lib/components/AppShell/utils.js

@@ -1,15 +0,0 @@
-// eslint-disable-next-line import/prefer-default-export
-export const followingNodes = (source, startingNode) => {
-    const prevNodes = [];
-    source.nextNode();
-    while (source.referenceNode !== null && source.referenceNode !== startingNode) {
-        prevNodes.push(source.referenceNode);
-        source.nextNode();
-    }
-    const nodes = [];
-    while (source.nextNode() !== null) {
-        nodes.push(source.referenceNode);
-    }
-    return nodes.concat(prevNodes);
-};
-//# sourceMappingURL=utils.js.map

package/lib/components/AppShell/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/AppShell/utils.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAiB,MAAoB,EAAE,YAAkB,EAAO,EAAE;IAC9F,MAAM,SAAS,GAAG,EAAE,CAAC;IACrB,MAAM,CAAC,QAAQ,EAAE,CAAC;IAClB,OAAO,MAAM,CAAC,aAAa,KAAK,IAAI,IAAI,MAAM,CAAC,aAAa,KAAK,YAAY,EAAE;QAC7E,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QACrC,MAAM,CAAC,QAAQ,EAAE,CAAC;KACnB;IAED,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,OAAO,MAAM,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE;QACjC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KAClC;IAED,OAAO,KAAK,CAAC,MAAM,CAAC,SAAS,CAAQ,CAAC;AACxC,CAAC,CAAC","sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const followingNodes = <T extends Node>(source: NodeIterator, startingNode: Node): T[] => {\n  const prevNodes = [];\n  source.nextNode();\n  while (source.referenceNode !== null && source.referenceNode !== startingNode) {\n    prevNodes.push(source.referenceNode);\n    source.nextNode();\n  }\n\n  const nodes = [];\n  while (source.nextNode() !== null) {\n    nodes.push(source.referenceNode);\n  }\n\n  return nodes.concat(prevNodes) as T[];\n};\n"]}

package/lib/components/Avatar/Avatar.d.ts

@@ -1,44 +0,0 @@
-import { FunctionComponent, Ref, SyntheticEvent } from 'react';
-import { BaseProps, ForwardProps, PropsWithDefaults, NoChildrenProp, TestIdProp } from '../../types';
-export interface AvatarProps extends BaseProps, NoChildrenProp, TestIdProp {
-    /** The name of the identity the Avatar represents. */
-    name: string;
-    /** Content of the Avatar as an image source url. */
-    imageSrc?: string;
-    /** An icon to render as the content of the avatar. imageSrc will take precedence if passed. */
-    icon?: string;
-    /** Optional color for the icon to be rendered */
-    color?: string;
-    /** Optional background color for the avatar. Will be auto computed if not passed */
-    backgroundColor?: string;
-    /**
-     * Shape of the Avatar.
-     * @default 'circle'
-     */
-    shape?: 'circle' | 'squircle';
-    /**
-     * Avatar size.
-     * @default 'm'
-     */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /** If defined, will render status icon on the avatar. */
-    status?: 'active';
-    /** Optional error handler in the event an image fails to load. */
-    onImageError?: (err: SyntheticEvent<HTMLImageElement>) => void;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLDivElement | HTMLImageElement>;
-}
-type AvatarPropsWithDefaults = PropsWithDefaults<AvatarProps, 'shape' | 'size'>;
-export declare const StyledAvatarImage: import("styled-components").StyledComponent<FunctionComponent<import("../Image").ImageProps & ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledAvatar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<AvatarPropsWithDefaults, "color" | "size" | "icon" | "backgroundColor" | "ref" | "status" | "className" | "shape" | "testId" | "imageSrc" | "onImageError"> & {
-    hasSrc?: boolean | undefined;
-    hasBrokenImage?: boolean | undefined;
-}, never>;
-export declare const StyledStatus: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../Badges").AlertProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly []>;
-}, import("styled-components").DefaultTheme, Pick<AvatarPropsWithDefaults, "size">, never>;
-declare const _default: FunctionComponent<AvatarProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly []>;
-};
-export default _default;
-//# sourceMappingURL=Avatar.d.ts.map

package/lib/components/Avatar/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAEjB,GAAG,EAEH,cAAc,EAIf,MAAM,OAAO,CAAC;AAKf,OAAO,EACL,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,cAAc,EAEd,UAAU,EACX,MAAM,aAAa,CAAC;AASrB,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,cAAc,EAAE,UAAU;IACxE,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+FAA+F;IAC/F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAC9B,yDAAyD;IACzD,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,gBAAgB,CAAC,CAAC;CAC9C;AAED,KAAK,uBAAuB,GAAG,iBAAiB,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAgBhF,eAAO,MAAM,iBAAiB,mKAQ7B,CAAC;AAEF,eAAO,MAAM,YAAY;;;SA4ExB,CAAC;AAIF,eAAO,MAAM,YAAY;;0FA4BxB,CAAC;;;;AAqFF,wBAAqD"}

package/lib/components/Avatar/Avatar.js

@@ -1,150 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useEffect, useMemo } from 'react';
-import styled, { css } from 'styled-components';
-import { readableColor, rgba } from 'polished';
-import Image from '../Image';
-import { defaultThemeProp } from '../../theme';
-import Icon, { StyledIcon } from '../Icon';
-import { Alert } from '../Badges';
-import { useI18n, useTestIds } from '../../hooks';
-import { tryCatch, withTestIds } from '../../utils';
-import { getAvatarTestIds } from './Avatar.test-ids';
-const sizeToRem = {
-    s: 1,
-    m: 2,
-    l: 2.5,
-    xl: 4
-};
-const fontSizeToRem = {
-    s: 0.5625,
-    m: 0.8125,
-    l: 1,
-    xl: 1.5
-};
-export const StyledAvatarImage = styled(Image) `
-  min-height: 100%;
-  min-width: 100%;
-  aspect-ratio: 1 / 1;
-  object-fit: cover;
-  border-radius: inherit;
-  height: fit-content;
-  width: fit-content;
-`;
-export const StyledAvatar = styled.div(({ hasBrokenImage, hasSrc, size, shape, color, backgroundColor, theme: { base: { palette: { 'foreground-color': foregroundColor, 'primary-background': primaryBackground }, 'border-radius': baseBorderRadius }, components: { avatar: { 'background-color': avatarBackground }, icon: { 'border-radius-multiplier': borderRadiusMultiplier } } } }) => {
-    const sizeRem = sizeToRem[size];
-    const fontSize = fontSizeToRem[size];
-    let bgColor = hasSrc && !hasBrokenImage ? primaryBackground : backgroundColor || avatarBackground;
-    if (color && !backgroundColor && !(hasSrc && !hasBrokenImage))
-        bgColor = tryCatch(() => readableColor(color), () => avatarBackground);
-    const shadowColor = tryCatch(() => rgba(foregroundColor, 0.1));
-    const iconColor = color || tryCatch(() => readableColor(bgColor));
-    return css `
-      position: relative;
-      flex-shrink: 0;
-      background-color: ${bgColor};
-      color: ${iconColor};
-      width: ${sizeRem}rem;
-      height: ${sizeRem}rem;
-      min-width: ${sizeRem}rem;
-      min-height: ${sizeRem}rem;
-      font-size: ${fontSize}rem;
-      text-transform: uppercase;
-      line-height: ${sizeRem}rem;
-      text-align: center;
-      vertical-align: top;
-      display: inline-block;
-      border-radius: 100%;
-      user-select: none;
-      -webkit-user-select: none;
-
-      ${shape === 'squircle' &&
-        css `
-        border-radius: calc(${borderRadiusMultiplier} * ${baseBorderRadius});
-      `}
-
-      ${StyledIcon} {
-        width: 50%;
-        height: 100%;
-        vertical-align: initial;
-      }
-
-      ::after {
-        content: '';
-        position: absolute;
-        inset: 0;
-        border-radius: inherit;
-        pointer-events: none;
-        box-shadow: inset 0 0 0 0.0625rem ${shadowColor};
-      }
-    `;
-});
-StyledAvatar.defaultProps = defaultThemeProp;
-export const StyledStatus = styled(Alert)(({ size, theme }) => {
-    /** Scales alert badge dimensions based on size of avatar */
-    const sizeDimensions = (0.625 * sizeToRem[size]) / sizeToRem.m;
-    return css `
-      position: absolute;
-      height: ${sizeDimensions}rem;
-      width: ${sizeDimensions}rem;
-      inset-block-end: 0;
-      inset-inline-end: 0;
-      z-index: 1;
-      animation: pop calc(${theme.base.animation.speed} * 2) cubic-bezier(1, 1.65, 0.3, 1.24);
-
-      @keyframes pop {
-        0% {
-          opacity: 0;
-          transform: scale(0);
-        }
-        50% {
-          opacity: 1;
-        }
-        100% {
-          transform: scale(1);
-        }
-      }
-    `;
-});
-StyledStatus.defaultProps = defaultThemeProp;
-/**
- * Helper function to construct a two or one letter initial from the title prop.
- * This text will be displayed if no valid image source is provided.
- * @param name
- * @param size
- */
-const getInitials = (name, size) => {
-    const words = name.split(' ');
-    const firstInitial = words[0][0];
-    return words.length === 1 || size === 's' ? firstInitial : `${firstInitial}${words[1][0]}`;
-};
-/**
- * Generally, avatars are used to distinguish between different operators and
- * objects when they are shown in a list or in a small space. Users of applications
- * can upload a custom avatar of their choice.
- */
-const Avatar = forwardRef(function Avatar(props, ref) {
-    const { testId, shape = 'circle', size = 'm', imageSrc, icon, name, status, onImageError, ...restProps } = props;
-    const [hasBrokenImage, setHasBrokenImage] = useState();
-    const t = useI18n();
-    const testIds = useTestIds(testId, getAvatarTestIds);
-    useEffect(() => {
-        setHasBrokenImage(undefined);
-    }, [imageSrc]);
-    const content = useMemo(() => {
-        if (icon) {
-            return _jsx(Icon, { name: icon });
-        }
-        if (imageSrc && !hasBrokenImage) {
-            return (_jsx(StyledAvatarImage, { src: imageSrc, alt: name, onError: (e) => {
-                    setHasBrokenImage(true);
-                    onImageError?.(e);
-                }, onLoad: () => {
-                    setHasBrokenImage(false);
-                } }));
-        }
-        return getInitials(name, size);
-    }, [imageSrc, name, size, icon, hasBrokenImage, onImageError]);
-    return (_jsxs(StyledAvatar, { "data-testid": testIds.root, role: 'img', hasSrc: !!imageSrc, hasBrokenImage: hasBrokenImage, shape: shape, size: size, ref: ref, "aria-label": `${name}${status ? ` ${t('status')} ${status}` : ''}`, ...restProps, children: [content, status === 'active' && _jsx(StyledStatus, { size: size, variant: 'success' })] }));
-});
-export default withTestIds(Avatar, getAvatarTestIds);
-//# sourceMappingURL=Avatar.js.map

package/lib/components/Avatar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  FunctionComponent,\n  forwardRef,\n  Ref,\n  PropsWithoutRef,\n  SyntheticEvent,\n  useState,\n  useEffect,\n  useMemo\n} from 'react';\nimport styled, { css } from 'styled-components';\nimport { readableColor, rgba } from 'polished';\n\nimport Image from '../Image';\nimport {\n  BaseProps,\n  ForwardProps,\n  PropsWithDefaults,\n  NoChildrenProp,\n  OmitStrict,\n  TestIdProp\n} from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport Icon, { StyledIcon } from '../Icon';\nimport { Alert } from '../Badges';\nimport { useI18n, useTestIds } from '../../hooks';\nimport { tryCatch, withTestIds } from '../../utils';\n\nimport { getAvatarTestIds } from './Avatar.test-ids';\n\nexport interface AvatarProps extends BaseProps, NoChildrenProp, TestIdProp {\n  /** The name of the identity the Avatar represents. */\n  name: string;\n  /** Content of the Avatar as an image source url. */\n  imageSrc?: string;\n  /** An icon to render as the content of the avatar. imageSrc will take precedence if passed. */\n  icon?: string;\n  /** Optional color for the icon to be rendered */\n  color?: string;\n  /** Optional background color for the avatar. Will be auto computed if not passed */\n  backgroundColor?: string;\n  /**\n   * Shape of the Avatar.\n   * @default 'circle'\n   */\n  shape?: 'circle' | 'squircle';\n  /**\n   * Avatar size.\n   * @default 'm'\n   */\n  size?: 's' | 'm' | 'l' | 'xl';\n  /** If defined, will render status icon on the avatar. */\n  status?: 'active';\n  /** Optional error handler in the event an image fails to load. */\n  onImageError?: (err: SyntheticEvent<HTMLImageElement>) => void;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement | HTMLImageElement>;\n}\n\ntype AvatarPropsWithDefaults = PropsWithDefaults<AvatarProps, 'shape' | 'size'>;\n\nconst sizeToRem = {\n  s: 1,\n  m: 2,\n  l: 2.5,\n  xl: 4\n};\n\nconst fontSizeToRem = {\n  s: 0.5625,\n  m: 0.8125,\n  l: 1,\n  xl: 1.5\n};\n\nexport const StyledAvatarImage = styled(Image)`\n  min-height: 100%;\n  min-width: 100%;\n  aspect-ratio: 1 / 1;\n  object-fit: cover;\n  border-radius: inherit;\n  height: fit-content;\n  width: fit-content;\n`;\n\nexport const StyledAvatar = styled.div<\n  OmitStrict<AvatarPropsWithDefaults, 'name' | 'children'> & {\n    hasSrc?: boolean;\n    hasBrokenImage?: boolean;\n  }\n>(\n  ({\n    hasBrokenImage,\n    hasSrc,\n    size,\n    shape,\n    color,\n    backgroundColor,\n    theme: {\n      base: {\n        palette: { 'foreground-color': foregroundColor, 'primary-background': primaryBackground },\n        'border-radius': baseBorderRadius\n      },\n      components: {\n        avatar: { 'background-color': avatarBackground },\n        icon: { 'border-radius-multiplier': borderRadiusMultiplier }\n      }\n    }\n  }) => {\n    const sizeRem = sizeToRem[size];\n    const fontSize = fontSizeToRem[size];\n    let bgColor =\n      hasSrc && !hasBrokenImage ? primaryBackground : backgroundColor || avatarBackground;\n    if (color && !backgroundColor && !(hasSrc && !hasBrokenImage))\n      bgColor = tryCatch(\n        () => readableColor(color),\n        () => avatarBackground\n      );\n    const shadowColor = tryCatch(() => rgba(foregroundColor, 0.1));\n    const iconColor = color || tryCatch(() => readableColor(bgColor));\n\n    return css`\n      position: relative;\n      flex-shrink: 0;\n      background-color: ${bgColor};\n      color: ${iconColor};\n      width: ${sizeRem}rem;\n      height: ${sizeRem}rem;\n      min-width: ${sizeRem}rem;\n      min-height: ${sizeRem}rem;\n      font-size: ${fontSize}rem;\n      text-transform: uppercase;\n      line-height: ${sizeRem}rem;\n      text-align: center;\n      vertical-align: top;\n      display: inline-block;\n      border-radius: 100%;\n      user-select: none;\n      -webkit-user-select: none;\n\n      ${shape === 'squircle' &&\n      css`\n        border-radius: calc(${borderRadiusMultiplier} * ${baseBorderRadius});\n      `}\n\n      ${StyledIcon} {\n        width: 50%;\n        height: 100%;\n        vertical-align: initial;\n      }\n\n      ::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n        pointer-events: none;\n        box-shadow: inset 0 0 0 0.0625rem ${shadowColor};\n      }\n    `;\n  }\n);\n\nStyledAvatar.defaultProps = defaultThemeProp;\n\nexport const StyledStatus = styled(Alert)<Pick<AvatarPropsWithDefaults, 'size'>>(\n  ({ size, theme }) => {\n    /** Scales alert badge dimensions based on size of avatar */\n    const sizeDimensions = (0.625 * sizeToRem[size]) / sizeToRem.m;\n\n    return css`\n      position: absolute;\n      height: ${sizeDimensions}rem;\n      width: ${sizeDimensions}rem;\n      inset-block-end: 0;\n      inset-inline-end: 0;\n      z-index: 1;\n      animation: pop calc(${theme.base.animation.speed} * 2) cubic-bezier(1, 1.65, 0.3, 1.24);\n\n      @keyframes pop {\n        0% {\n          opacity: 0;\n          transform: scale(0);\n        }\n        50% {\n          opacity: 1;\n        }\n        100% {\n          transform: scale(1);\n        }\n      }\n    `;\n  }\n);\n\nStyledStatus.defaultProps = defaultThemeProp;\n\n/**\n * Helper function to construct a two or one letter initial from the title prop.\n * This text will be displayed if no valid image source is provided.\n * @param name\n * @param size\n */\nconst getInitials = (name: AvatarProps['name'], size: AvatarProps['size']) => {\n  const words = name.split(' ');\n  const firstInitial = words[0][0];\n\n  return words.length === 1 || size === 's' ? firstInitial : `${firstInitial}${words[1][0]}`;\n};\n\n/**\n * Generally, avatars are used to distinguish between different operators and\n * objects when they are shown in a list or in a small space. Users of applications\n * can upload a custom avatar of their choice.\n */\nconst Avatar: FunctionComponent<AvatarProps & ForwardProps> = forwardRef(function Avatar(\n  props: PropsWithoutRef<AvatarProps>,\n  ref: Ref<HTMLDivElement | HTMLImageElement>\n) {\n  const {\n    testId,\n    shape = 'circle',\n    size = 'm',\n    imageSrc,\n    icon,\n    name,\n    status,\n    onImageError,\n    ...restProps\n  } = props;\n  const [hasBrokenImage, setHasBrokenImage] = useState<undefined | boolean>();\n  const t = useI18n();\n  const testIds = useTestIds(testId, getAvatarTestIds);\n\n  useEffect(() => {\n    setHasBrokenImage(undefined);\n  }, [imageSrc]);\n\n  const content = useMemo(() => {\n    if (icon) {\n      return <Icon name={icon} />;\n    }\n    if (imageSrc && !hasBrokenImage) {\n      return (\n        <StyledAvatarImage\n          src={imageSrc}\n          alt={name}\n          onError={(e: SyntheticEvent<HTMLImageElement>) => {\n            setHasBrokenImage(true);\n            onImageError?.(e);\n          }}\n          onLoad={() => {\n            setHasBrokenImage(false);\n          }}\n        />\n      );\n    }\n    return getInitials(name, size);\n  }, [imageSrc, name, size, icon, hasBrokenImage, onImageError]);\n\n  return (\n    <StyledAvatar\n      data-testid={testIds.root}\n      role='img'\n      hasSrc={!!imageSrc}\n      hasBrokenImage={hasBrokenImage}\n      shape={shape}\n      size={size}\n      ref={ref}\n      aria-label={`${name}${status ? ` ${t('status')} ${status}` : ''}`}\n      {...restProps}\n    >\n      {content}\n      {status === 'active' && <StyledStatus size={size} variant='success' />}\n    </StyledAvatar>\n  );\n});\n\nexport default withTestIds(Avatar, getAvatarTestIds);\n"]}

package/lib/components/Avatar/Avatar.test-ids.d.ts

@@ -1,2 +0,0 @@
-export declare const getAvatarTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly []>;
-//# sourceMappingURL=Avatar.test-ids.d.ts.map

package/lib/components/Avatar/Avatar.test-ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,iFAAuC,CAAC"}

package/lib/components/Avatar/Avatar.test-ids.js

@@ -1,3 +0,0 @@
-import { createTestIds } from '../../utils';
-export const getAvatarTestIds = createTestIds('avatar', []);
-//# sourceMappingURL=Avatar.test-ids.js.map

package/lib/components/Avatar/Avatar.test-ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.test-ids.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC,QAAQ,EAAE,EAAW,CAAC,CAAC","sourcesContent":["import { createTestIds } from '../../utils';\n\nexport const getAvatarTestIds = createTestIds('avatar', [] as const);\n"]}

package/lib/components/Avatar/index.d.ts

@@ -1,3 +0,0 @@
-export { default, StyledAvatar } from './Avatar';
-export type { AvatarProps } from './Avatar';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Avatar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/lib/components/Avatar/index.js

@@ -1,2 +0,0 @@
-export { default, StyledAvatar } from './Avatar';
-//# sourceMappingURL=index.js.map

package/lib/components/Avatar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { default, StyledAvatar } from './Avatar';\nexport type { AvatarProps } from './Avatar';\n"]}

package/lib/components/Backdrop/Backdrop.d.ts

@@ -1,51 +0,0 @@
-import { ExcludeStrict, WithAttributes, TestIdProp } from '../../types';
-import { FlexProps } from '../Flex';
-interface BackdropContextValue {
-    el: HTMLDivElement | null;
-}
-export declare const BackdropContext: import("react").Context<BackdropContextValue>;
-export type BackdropProps = WithAttributes<'div', TestIdProp & {
-    /**
-     * Opacity of the Backdrop.
-     * @default 0.4
-     */
-    alpha?: number;
-    /** Props passed to Flex container. */
-    container?: ExcludeStrict<FlexProps['container'], true>;
-    /**
-     * Toggles visibility of Backdrop.
-     * @default false
-     */
-    open?: boolean;
-    /**
-     * Determines the color of the Backdrop.
-     * @default 'dark'
-     */
-    variant?: 'dark' | 'light';
-    /**
-     * Transition speed of Backdrop animation.
-     * @default 'medium'
-     */
-    transitionSpeed?: 'slow' | 'medium' | 'fast' | 'none';
-    /**
-     * The position of the Backdrop.
-     * @default 'fixed'
-     */
-    position?: 'absolute' | 'fixed';
-    /** Accepts a callback that gets invoked before opening Backdrop. */
-    onBeforeTransitionIn?: () => void;
-    /** Accepts a callback that gets invoked after opening Backdrop. */
-    onAfterTransitionIn?: () => void;
-    /** Accepts a callback that gets invoked before closing Backdrop. */
-    onBeforeTransitionOut?: () => void;
-    /** Accepts a callback that gets invoked after closing Backdrop */
-    onAfterTransitionOut?: () => void;
-}>;
-export declare const StyledBackdrop: import("styled-components").StyledComponent<import("react").FunctionComponent<FlexProps & import("../../types").ForwardProps>, import("styled-components").DefaultTheme, Pick<BackdropProps, "hidden" | "color" | "content" | "style" | "translate" | "prefix" | "slot" | "title" | "children" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "testId" | "variant" | "container" | "onBeforeTransitionIn" | "onAfterTransitionIn" | "onBeforeTransitionOut" | "onAfterTransitionOut"> & Required<Pick<BackdropProps, "alpha" | "open" | "position" | "transitionSpeed">> & {
-    opacity: 0 | 1;
-}, never>;
-declare const _default: import("react").ForwardRefExoticComponent<Omit<BackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly []>;
-};
-export default _default;
-//# sourceMappingURL=Backdrop.d.ts.map

package/lib/components/Backdrop/Backdrop.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":"AAcA,OAAO,EAEL,aAAa,EACb,cAAc,EAEd,UAAU,EACX,MAAM,aAAa,CAAC;AACrB,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAK1C,UAAU,oBAAoB;IAC5B,EAAE,EAAE,cAAc,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,+CAE1B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,cAAc,CACxC,KAAK,EACL,UAAU,GAAG;IACX;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,SAAS,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CAAC;IACxD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACtD;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAChC,oEAAoE;IACpE,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,kEAAkE;IAClE,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CACF,CAAC;AAcF,eAAO,MAAM,cAAc;aAAuD,CAAC,GAAG,CAAC;SAqCtF,CAAC;;;;AAMF,wBA+FE"}

package/lib/components/Backdrop/Backdrop.js

@@ -1,103 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState, useCallback, useMemo, forwardRef, createContext } from 'react';
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-import { reflow, withTestIds } from '../../utils';
-import Flex from '../Flex';
-import { useConsolidatedRef, useElement, useTestIds } from '../../hooks';
-import { getBackdropTestIds } from './Backdrop.test-ids';
-export const BackdropContext = createContext({
-    el: null
-});
-const transitionSpeedToTheme = {
-    slow: 2,
-    medium: 1,
-    fast: 0.5,
-    none: 0
-};
-export const StyledBackdrop = styled(Flex)(props => {
-    const { theme: { base } } = props;
-    const { opacity, alpha, variant, position } = props;
-    const transitionDuration = `max(calc(${transitionSpeedToTheme[props.transitionSpeed]} * ${base.animation.speed}), 1ms)`;
-    return css `
-      position: ${position};
-      z-index: ${position === 'fixed' ? base['z-index'].backdrop : base['z-index'].popover + 1};
-      top: 0;
-      left: 0;
-      height: 100%;
-      width: 100%;
-      border-radius: inherit;
-      opacity: ${opacity};
-      transition-property: opacity;
-      transition-timing-function: ${props.theme.base.animation.timing.ease};
-      /* stylelint-disable declaration-block-no-duplicate-properties */
-      transition-duration: 1ms;
-      transition-duration: ${transitionDuration};
-      /* stylelint-enable declaration-block-no-duplicate-properties */
-
-      ${variant === 'dark' &&
-        css `
-        background: rgba(0, 0, 0, ${alpha});
-      `}
-
-      ${variant === 'light' &&
-        css `
-        background: rgba(255, 255, 255, ${alpha});
-      `}
-    `;
-});
-StyledBackdrop.defaultProps = defaultThemeProp;
-export default withTestIds(forwardRef(function Backdrop({ testId, children, container, open = false, variant = 'dark', transitionSpeed = 'medium', alpha = 0.6, position = 'fixed', onBeforeTransitionIn, onAfterTransitionIn, onBeforeTransitionOut, onAfterTransitionOut, ...restProps }, ref) {
-    const testIds = useTestIds(testId, getBackdropTestIds);
-    const [state, setState] = useState('closed');
-    const [backdropEl, setBackdropEl] = useElement();
-    const backdropRef = useConsolidatedRef(ref, setBackdropEl);
-    const onTransitionEnd = useCallback((e) => {
-        if (e.propertyName !== 'opacity' || e.target !== e.currentTarget)
-            return;
-        let nextState;
-        if (state === 'closing') {
-            nextState = 'closed';
-            onAfterTransitionOut?.();
-        }
-        else {
-            nextState = 'open';
-            onAfterTransitionIn?.();
-        }
-        setState(nextState);
-    }, [state, onAfterTransitionOut, onAfterTransitionIn]);
-    useEffect(() => {
-        if (open) {
-            if (state === 'closed' || state === 'closing') {
-                onBeforeTransitionIn?.();
-                reflow();
-                setState('opening');
-            }
-        }
-        else if (state === 'open' || state === 'opening') {
-            onBeforeTransitionOut?.();
-            setState('closing');
-        }
-    }, [open]);
-    // Using a separate effect instead of combined logic above as it seems more intuitive to mentally manage.
-    useEffect(() => {
-        if (!backdropRef.current)
-            return;
-        const opacity = window.getComputedStyle(backdropRef.current).opacity;
-        // If the opacity is already at the destination value, sync the state value.
-        if (state === 'closing' && opacity === '0') {
-            // Since the transition never ran, we have to pretend it did and call the callback.
-            // TODO: This maybe can be fixed with the animation api
-            onAfterTransitionOut?.();
-            setState('closed');
-        }
-        if (state === 'opening' && opacity === '1') {
-            // ditto, see above...
-            onAfterTransitionIn?.();
-            setState('open');
-        }
-    }, [state]);
-    const ctxValue = useMemo(() => ({ el: backdropEl }), [backdropEl]);
-    return !open && state === 'closed' ? null : (_jsx(BackdropContext.Provider, { value: ctxValue, children: _jsx(StyledBackdrop, { "data-testid": testIds.root, container: { justify: 'center', alignItems: 'center', ...container }, transitionSpeed: transitionSpeed, opacity: state === 'opening' || state === 'open' ? 1 : 0, alpha: alpha, variant: variant, position: position, onTransitionEnd: onTransitionEnd, ref: backdropRef, ...restProps, children: children }) }));
-}), getBackdropTestIds);
-//# sourceMappingURL=Backdrop.js.map

package/lib/components/Backdrop/Backdrop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useEffect,\n  useState,\n  useCallback,\n  useMemo,\n  forwardRef,\n  createContext,\n  PropsWithoutRef,\n  TransitionEvent\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport { reflow, withTestIds } from '../../utils';\nimport {\n  PropsWithDefaults,\n  ExcludeStrict,\n  WithAttributes,\n  RefElement,\n  TestIdProp\n} from '../../types';\nimport Flex, { FlexProps } from '../Flex';\nimport { useConsolidatedRef, useElement, useTestIds } from '../../hooks';\n\nimport { getBackdropTestIds } from './Backdrop.test-ids';\n\ninterface BackdropContextValue {\n  el: HTMLDivElement | null;\n}\n\nexport const BackdropContext = createContext<BackdropContextValue>({\n  el: null\n});\n\nexport type BackdropProps = WithAttributes<\n  'div',\n  TestIdProp & {\n    /**\n     * Opacity of the Backdrop.\n     * @default 0.4\n     */\n    alpha?: number;\n    /** Props passed to Flex container. */\n    container?: ExcludeStrict<FlexProps['container'], true>;\n    /**\n     * Toggles visibility of Backdrop.\n     * @default false\n     */\n    open?: boolean;\n    /**\n     * Determines the color of the Backdrop.\n     * @default 'dark'\n     */\n    variant?: 'dark' | 'light';\n    /**\n     * Transition speed of Backdrop animation.\n     * @default 'medium'\n     */\n    transitionSpeed?: 'slow' | 'medium' | 'fast' | 'none';\n    /**\n     * The position of the Backdrop.\n     * @default 'fixed'\n     */\n    position?: 'absolute' | 'fixed';\n    /** Accepts a callback that gets invoked before opening Backdrop. */\n    onBeforeTransitionIn?: () => void;\n    /** Accepts a callback that gets invoked after opening Backdrop. */\n    onAfterTransitionIn?: () => void;\n    /** Accepts a callback that gets invoked before closing Backdrop. */\n    onBeforeTransitionOut?: () => void;\n    /** Accepts a callback that gets invoked after closing Backdrop */\n    onAfterTransitionOut?: () => void;\n  }\n>;\n\ntype BackdropPropsWithDefaults = PropsWithDefaults<\n  BackdropProps,\n  'open' | 'transitionSpeed' | 'alpha' | 'position'\n>;\n\nconst transitionSpeedToTheme = {\n  slow: 2,\n  medium: 1,\n  fast: 0.5,\n  none: 0\n} as const;\n\nexport const StyledBackdrop = styled(Flex)<BackdropPropsWithDefaults & { opacity: 0 | 1 }>(\n  props => {\n    const {\n      theme: { base }\n    } = props;\n    const { opacity, alpha, variant, position } = props;\n    const transitionDuration = `max(calc(${transitionSpeedToTheme[props.transitionSpeed]} * ${\n      base.animation.speed\n    }), 1ms)`;\n\n    return css`\n      position: ${position};\n      z-index: ${position === 'fixed' ? base['z-index'].backdrop : base['z-index'].popover + 1};\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      border-radius: inherit;\n      opacity: ${opacity};\n      transition-property: opacity;\n      transition-timing-function: ${props.theme.base.animation.timing.ease};\n      /* stylelint-disable declaration-block-no-duplicate-properties */\n      transition-duration: 1ms;\n      transition-duration: ${transitionDuration};\n      /* stylelint-enable declaration-block-no-duplicate-properties */\n\n      ${variant === 'dark' &&\n      css`\n        background: rgba(0, 0, 0, ${alpha});\n      `}\n\n      ${variant === 'light' &&\n      css`\n        background: rgba(255, 255, 255, ${alpha});\n      `}\n    `;\n  }\n);\n\nStyledBackdrop.defaultProps = defaultThemeProp;\n\ntype State = 'closed' | 'opening' | 'open' | 'closing';\n\nexport default withTestIds(\n  forwardRef<RefElement<BackdropProps>, PropsWithoutRef<BackdropProps>>(function Backdrop(\n    {\n      testId,\n      children,\n      container,\n      open = false,\n      variant = 'dark',\n      transitionSpeed = 'medium',\n      alpha = 0.6,\n      position = 'fixed',\n      onBeforeTransitionIn,\n      onAfterTransitionIn,\n      onBeforeTransitionOut,\n      onAfterTransitionOut,\n      ...restProps\n    },\n    ref\n  ) {\n    const testIds = useTestIds(testId, getBackdropTestIds);\n    const [state, setState] = useState<State>('closed');\n    const [backdropEl, setBackdropEl] = useElement<HTMLDivElement>();\n    const backdropRef = useConsolidatedRef(ref, setBackdropEl);\n\n    const onTransitionEnd = useCallback(\n      (e: TransitionEvent) => {\n        if (e.propertyName !== 'opacity' || e.target !== e.currentTarget) return;\n        let nextState: State;\n\n        if (state === 'closing') {\n          nextState = 'closed';\n          onAfterTransitionOut?.();\n        } else {\n          nextState = 'open';\n          onAfterTransitionIn?.();\n        }\n\n        setState(nextState);\n      },\n      [state, onAfterTransitionOut, onAfterTransitionIn]\n    );\n\n    useEffect(() => {\n      if (open) {\n        if (state === 'closed' || state === 'closing') {\n          onBeforeTransitionIn?.();\n          reflow();\n          setState('opening');\n        }\n      } else if (state === 'open' || state === 'opening') {\n        onBeforeTransitionOut?.();\n        setState('closing');\n      }\n    }, [open]);\n\n    // Using a separate effect instead of combined logic above as it seems more intuitive to mentally manage.\n    useEffect(() => {\n      if (!backdropRef.current) return;\n      const opacity = window.getComputedStyle(backdropRef.current).opacity;\n      // If the opacity is already at the destination value, sync the state value.\n      if (state === 'closing' && opacity === '0') {\n        // Since the transition never ran, we have to pretend it did and call the callback.\n        // TODO: This maybe can be fixed with the animation api\n        onAfterTransitionOut?.();\n        setState('closed');\n      }\n      if (state === 'opening' && opacity === '1') {\n        // ditto, see above...\n        onAfterTransitionIn?.();\n        setState('open');\n      }\n    }, [state]);\n\n    const ctxValue = useMemo(() => ({ el: backdropEl }), [backdropEl]);\n\n    return !open && state === 'closed' ? null : (\n      <BackdropContext.Provider value={ctxValue}>\n        <StyledBackdrop\n          data-testid={testIds.root}\n          container={{ justify: 'center', alignItems: 'center', ...container }}\n          transitionSpeed={transitionSpeed}\n          opacity={state === 'opening' || state === 'open' ? 1 : 0}\n          alpha={alpha}\n          variant={variant}\n          position={position}\n          onTransitionEnd={onTransitionEnd}\n          ref={backdropRef}\n          {...restProps}\n        >\n          {children}\n        </StyledBackdrop>\n      </BackdropContext.Provider>\n    );\n  }),\n  getBackdropTestIds\n);\n"]}

package/lib/components/Backdrop/Backdrop.test-ids.d.ts

@@ -1,2 +0,0 @@
-export declare const getBackdropTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly []>;
-//# sourceMappingURL=Backdrop.test-ids.d.ts.map

package/lib/components/Backdrop/Backdrop.test-ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Backdrop.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,iFAAyC,CAAC"}

package/lib/components/Backdrop/Backdrop.test-ids.js

@@ -1,3 +0,0 @@
-import { createTestIds } from '../../utils';
-export const getBackdropTestIds = createTestIds('backdrop', []);
-//# sourceMappingURL=Backdrop.test-ids.js.map

package/lib/components/Backdrop/Backdrop.test-ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Backdrop.test-ids.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC,UAAU,EAAE,EAAW,CAAC,CAAC","sourcesContent":["import { createTestIds } from '../../utils';\n\nexport const getBackdropTestIds = createTestIds('backdrop', [] as const);\n"]}

package/lib/components/Backdrop/index.d.ts

@@ -1,3 +0,0 @@
-export { default, StyledBackdrop } from './Backdrop';
-export type { BackdropProps } from './Backdrop';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Backdrop/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Backdrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACrD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/Backdrop/index.js

@@ -1,2 +0,0 @@
-export { default, StyledBackdrop } from './Backdrop';
-//# sourceMappingURL=index.js.map

package/lib/components/Backdrop/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Backdrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { default, StyledBackdrop } from './Backdrop';\nexport type { BackdropProps } from './Backdrop';\n"]}

package/lib/components/Badges/Alert.d.ts

@@ -1,14 +0,0 @@
-import { NoChildrenProp, WithAttributes, TestIdProp } from '../../types';
-export type AlertProps = WithAttributes<'div', NoChildrenProp & TestIdProp & {
-    /** Determines the color to render the Badge as. This color is derived from the Theme. */
-    variant: 'urgent' | 'success';
-}>;
-export declare const StyledAlert: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, NoChildrenProp & TestIdProp<undefined> & {
-    /** Determines the color to render the Badge as. This color is derived from the Theme. */
-    variant: 'urgent' | 'success';
-} & Omit<import("../../types").Attributes<"div">, "children" | "testId" | "variant">, never>;
-declare const _default: import("react").ForwardRefExoticComponent<Omit<AlertProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly []>;
-};
-export default _default;
-//# sourceMappingURL=Alert.d.ts.map

package/lib/components/Badges/Alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Badges/Alert.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAc,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAOrF,MAAM,MAAM,UAAU,GAAG,cAAc,CACrC,KAAK,EACL,cAAc,GACZ,UAAU,GAAG;IACX,yFAAyF;IACzF,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC/B,CACJ,CAAC;AAEF,eAAO,MAAM,WAAW;IALlB,yFAAyF;aAChF,QAAQ,GAAG,SAAS;4FAgBjC,CAAC;;;;AAIH,wBAUE"}