@flipdish/ui-library 0.31.0 → 0.31.2

package/dist/components/atoms/Avatar/components/AvatarAddButton.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const sizes = {
+    xs: { root: 'size-6', icon: 'size-4' },
+    sm: { root: 'size-8', icon: 'size-4' },
+    md: { root: 'size-10', icon: 'size-5' },
+};
+const AvatarAddButton = ({ size, className, title = 'Add user', ...props }) => (jsxRuntime.jsx(Tooltip.Tooltip, { title: title, children: jsxRuntime.jsx(Tooltip.TooltipTrigger, { ...props, "aria-label": title, className: cx.cx('flex cursor-pointer items-center justify-center rounded-full border border-dashed border-primary bg-primary text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2 disabled:opacity-50', sizes[size].root, className), children: jsxRuntime.jsx(uiIcons.Plus, { className: cx.cx('text-current transition-inherit-all', sizes[size].icon) }) }) }));
+
+exports.AvatarAddButton = AvatarAddButton;
+//# sourceMappingURL=AvatarAddButton.cjs.map

package/dist/components/atoms/Avatar/components/AvatarAddButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAddButton.cjs","sources":["../../../../../src/components/atoms/Avatar/components/AvatarAddButton.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTooltip","AriaTooltipTrigger","cx","Plus"],"mappings":";;;;;;;AAOA,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;IACtC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;IACtC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE;CACxC;AAQM,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,UAAU,EAAE,GAAG,KAAK,EAAwB,MACrGA,cAAA,CAACC,eAAW,EAAA,EAAC,KAAK,EAAE,KAAK,YACvBD,cAAA,CAACE,sBAAkB,EAAA,EAAA,GACb,KAAK,gBACG,KAAK,EACjB,SAAS,EAAEC,KAAE,CACX,wTAAwT,EACxT,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAChB,SAAS,CACV,EAAA,QAAA,EAEDH,eAACI,YAAI,EAAA,EAAC,SAAS,EAAED,KAAE,CAAC,qCAAqC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAA,CAAI,EAAA,CAC7D,EAAA,CACT;;"}

package/dist/components/atoms/Avatar/components/AvatarAddButton.d.ts

@@ -0,0 +1,9 @@
+import type { ButtonProps as AriaButtonProps } from 'react-aria-components';
+interface AvatarAddButtonProps extends AriaButtonProps {
+    size: 'xs' | 'sm' | 'md';
+    title?: string;
+    className?: string;
+}
+export declare const AvatarAddButton: ({ size, className, title, ...props }: AvatarAddButtonProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AvatarAddButton.d.ts.map

package/dist/components/atoms/Avatar/components/AvatarAddButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAddButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/AvatarAddButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAQ5E,UAAU,oBAAqB,SAAQ,eAAe;IACpD,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,GAAI,sCAAmD,oBAAoB,gCActG,CAAC"}

package/dist/components/atoms/Avatar/components/AvatarAddButton.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { Plus } from '@flipdish/ui-icons';
+import { Tooltip, TooltipTrigger } from '@flipdish/ui-library/components/atoms/Tooltip';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const sizes = {
+    xs: { root: 'size-6', icon: 'size-4' },
+    sm: { root: 'size-8', icon: 'size-4' },
+    md: { root: 'size-10', icon: 'size-5' },
+};
+const AvatarAddButton = ({ size, className, title = 'Add user', ...props }) => (jsx(Tooltip, { title: title, children: jsx(TooltipTrigger, { ...props, "aria-label": title, className: cx('flex cursor-pointer items-center justify-center rounded-full border border-dashed border-primary bg-primary text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2 disabled:opacity-50', sizes[size].root, className), children: jsx(Plus, { className: cx('text-current transition-inherit-all', sizes[size].icon) }) }) }));
+
+export { AvatarAddButton };
+//# sourceMappingURL=AvatarAddButton.js.map

package/dist/components/atoms/Avatar/components/AvatarAddButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAddButton.js","sources":["../../../../../src/components/atoms/Avatar/components/AvatarAddButton.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTooltip","AriaTooltipTrigger"],"mappings":";;;;;AAOA,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;IACtC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;IACtC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE;CACxC;AAQM,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,UAAU,EAAE,GAAG,KAAK,EAAwB,MACrGA,GAAA,CAACC,OAAW,EAAA,EAAC,KAAK,EAAE,KAAK,YACvBD,GAAA,CAACE,cAAkB,EAAA,EAAA,GACb,KAAK,gBACG,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,wTAAwT,EACxT,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAChB,SAAS,CACV,EAAA,QAAA,EAEDF,IAAC,IAAI,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAA,CAAI,EAAA,CAC7D,EAAA,CACT;;"}

package/dist/components/atoms/Avatar/components/AvatarBase.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var React = require('react');
+var Avatar_styles = require('../Avatar.styles.cjs');
+var AvatarCount = require('./AvatarCount.cjs');
+var AvatarOnlineIndicator = require('./AvatarOnlineIndicator.cjs');
+var VerifiedTick = require('./VerifiedTick.cjs');
+
+/**
+ * Represents a user or entity visually using a photo, initials, or fallback
+ * icon. Supports size variants, status indicators, verified badges, and count
+ * overlays.
+ *
+ * @summary displays a user or entity with an image, initials, or icon fallback
+ */
+const Avatar = ({ size = 'md', src, alt, initials, placeholder, placeholderIcon: PlaceholderIcon, border, badge, status, verified, count, focusable = false, rounded = true, className, contentClassName, 'data-testid': dataTestId, }) => {
+    const [isFailed, setIsFailed] = React.useState(false);
+    const avatarTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'avatar', rootName: 'avatar' });
+    const canShowImage = src && !isFailed;
+    const renderMainContent = () => {
+        if (canShowImage) {
+            return (jsxRuntime.jsx("img", { "data-avatar-img": true, "data-testid": testIdUtils.joinTestId(avatarTestId, 'image'), className: "size-full object-cover", src: src, 
+                // Always emit an `alt` attribute (axe `image-alt`). Avatars are typically
+                // paired with a visible name, so default to `''` (decorative) unless the
+                // consumer supplies a meaningful description.
+                alt: alt ?? '', onError: () => setIsFailed(true) }));
+        }
+        if (initials) {
+            return jsxRuntime.jsx("span", { className: cx.cx('text-quaternary', Avatar_styles.styles[size].initials), children: initials });
+        }
+        if (PlaceholderIcon) {
+            return jsxRuntime.jsx(PlaceholderIcon, { className: cx.cx('text-fg-quaternary', Avatar_styles.styles[size].icon) });
+        }
+        return placeholder || jsxRuntime.jsx(uiIcons.User01, { className: cx.cx('text-fg-quaternary', Avatar_styles.styles[size].icon) });
+    };
+    const renderBadgeContent = () => {
+        if (status) {
+            return jsxRuntime.jsx(AvatarOnlineIndicator.AvatarOnlineIndicator, { status: status, size: size, "data-testid": testIdUtils.joinTestId(avatarTestId, 'status') });
+        }
+        if (verified) {
+            return (jsxRuntime.jsx(VerifiedTick.VerifiedTick, { size: size, className: cx.cx('absolute right-0 bottom-0', size === 'xs' && '-right-px -bottom-px'), "data-testid": testIdUtils.joinTestId(avatarTestId, 'badge') }));
+        }
+        if (count) {
+            return jsxRuntime.jsx(AvatarCount.AvatarCount, { count: count, "data-testid": testIdUtils.joinTestId(avatarTestId, 'badge') });
+        }
+        return badge;
+    };
+    return (jsxRuntime.jsxs("div", { "data-avatar": true, "data-testid": avatarTestId, className: cx.cx('relative inline-flex shrink-0 rounded-[7px]', rounded && 'rounded-full', 
+        // Focus styles
+        focusable && 'outline-transparent group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-focus-ring', border && 'ring-1 ring-secondary_alt', border && Avatar_styles.styles[size].rootWithBorder, Avatar_styles.styles[size].root, className), children: [jsxRuntime.jsx("div", { className: cx.cx('relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]', rounded && 'rounded-full', canShowImage &&
+                    size !== 'xs' &&
+                    'before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]', contentClassName), children: renderMainContent() }), renderBadgeContent()] }));
+};
+
+exports.Avatar = Avatar;
+//# sourceMappingURL=AvatarBase.cjs.map

package/dist/components/atoms/Avatar/components/AvatarBase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.cjs","sources":["../../../../../src/components/atoms/Avatar/components/AvatarBase.tsx"],"sourcesContent":[null],"names":["useState","useResolvedTestId","_jsx","joinTestId","cx","styles","User01","AvatarOnlineIndicator","VerifiedTick","AvatarCount","_jsxs"],"mappings":"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"}

package/dist/components/atoms/Avatar/components/AvatarBase.d.ts

@@ -0,0 +1,77 @@
+import { type FC, type ReactNode } from 'react';
+export interface AvatarProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    className?: string;
+    /**
+     * The class name for the main child of the avatar.
+     */
+    contentClassName?: string;
+    src?: string | null;
+    alt?: string;
+    /**
+     * Display an inner contrast border around the avatar image.
+     */
+    contrastBorder?: boolean;
+    /**
+     * Whether the avatar should be rounded.
+     * @default true
+     */
+    rounded?: boolean;
+    /**
+     * Display an outer border around the avatar.
+     */
+    border?: boolean;
+    /**
+     * Display a badge (i.e. company logo).
+     */
+    badge?: ReactNode;
+    /**
+     * Display a status indicator.
+     */
+    status?: 'online' | 'offline';
+    /**
+     * Display a verified tick icon.
+     *
+     * @default false
+     */
+    verified?: boolean;
+    /**
+     * Display a count badge.
+     */
+    count?: number;
+    /**
+     * The initials of the user to display if no image is available.
+     */
+    initials?: string;
+    /**
+     * An icon to display if no image is available.
+     */
+    placeholderIcon?: FC<{
+        className?: string;
+    }>;
+    /**
+     * A placeholder to display if no image is available.
+     */
+    placeholder?: ReactNode;
+    /**
+     * Whether the avatar should show a focus ring when the parent group is in focus.
+     * For example, when the avatar is wrapped inside a link.
+     *
+     * @default false
+     */
+    focusable?: boolean;
+    /**
+     * Overrides the `data-testid` (defaults to `fd-avatar`). The image and badge
+     * slot (status indicator / verified tick / count) derive their ids from it.
+     */
+    'data-testid'?: string;
+}
+/**
+ * Represents a user or entity visually using a photo, initials, or fallback
+ * icon. Supports size variants, status indicators, verified badges, and count
+ * overlays.
+ *
+ * @summary displays a user or entity with an image, initials, or icon fallback
+ */
+export declare const Avatar: ({ size, src, alt, initials, placeholder, placeholderIcon: PlaceholderIcon, border, badge, status, verified, count, focusable, rounded, className, contentClassName, "data-testid": dataTestId, }: AvatarProps) => import("react").JSX.Element;
+//# sourceMappingURL=AvatarBase.d.ts.map

package/dist/components/atoms/Avatar/components/AvatarBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/AvatarBase.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAM1D,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,GAAI,kMAiBpB,WAAW,gCAsFb,CAAC"}

package/dist/components/atoms/Avatar/components/AvatarBase.js

@@ -0,0 +1,58 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { User01 } from '@flipdish/ui-icons';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { useState } from 'react';
+import { styles } from '../Avatar.styles.js';
+import { AvatarCount } from './AvatarCount.js';
+import { AvatarOnlineIndicator } from './AvatarOnlineIndicator.js';
+import { VerifiedTick } from './VerifiedTick.js';
+
+/**
+ * Represents a user or entity visually using a photo, initials, or fallback
+ * icon. Supports size variants, status indicators, verified badges, and count
+ * overlays.
+ *
+ * @summary displays a user or entity with an image, initials, or icon fallback
+ */
+const Avatar = ({ size = 'md', src, alt, initials, placeholder, placeholderIcon: PlaceholderIcon, border, badge, status, verified, count, focusable = false, rounded = true, className, contentClassName, 'data-testid': dataTestId, }) => {
+    const [isFailed, setIsFailed] = useState(false);
+    const avatarTestId = useResolvedTestId({ testId: dataTestId, segment: 'avatar', rootName: 'avatar' });
+    const canShowImage = src && !isFailed;
+    const renderMainContent = () => {
+        if (canShowImage) {
+            return (jsx("img", { "data-avatar-img": true, "data-testid": joinTestId(avatarTestId, 'image'), className: "size-full object-cover", src: src, 
+                // Always emit an `alt` attribute (axe `image-alt`). Avatars are typically
+                // paired with a visible name, so default to `''` (decorative) unless the
+                // consumer supplies a meaningful description.
+                alt: alt ?? '', onError: () => setIsFailed(true) }));
+        }
+        if (initials) {
+            return jsx("span", { className: cx('text-quaternary', styles[size].initials), children: initials });
+        }
+        if (PlaceholderIcon) {
+            return jsx(PlaceholderIcon, { className: cx('text-fg-quaternary', styles[size].icon) });
+        }
+        return placeholder || jsx(User01, { className: cx('text-fg-quaternary', styles[size].icon) });
+    };
+    const renderBadgeContent = () => {
+        if (status) {
+            return jsx(AvatarOnlineIndicator, { status: status, size: size, "data-testid": joinTestId(avatarTestId, 'status') });
+        }
+        if (verified) {
+            return (jsx(VerifiedTick, { size: size, className: cx('absolute right-0 bottom-0', size === 'xs' && '-right-px -bottom-px'), "data-testid": joinTestId(avatarTestId, 'badge') }));
+        }
+        if (count) {
+            return jsx(AvatarCount, { count: count, "data-testid": joinTestId(avatarTestId, 'badge') });
+        }
+        return badge;
+    };
+    return (jsxs("div", { "data-avatar": true, "data-testid": avatarTestId, className: cx('relative inline-flex shrink-0 rounded-[7px]', rounded && 'rounded-full', 
+        // Focus styles
+        focusable && 'outline-transparent group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-focus-ring', border && 'ring-1 ring-secondary_alt', border && styles[size].rootWithBorder, styles[size].root, className), children: [jsx("div", { className: cx('relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]', rounded && 'rounded-full', canShowImage &&
+                    size !== 'xs' &&
+                    'before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]', contentClassName), children: renderMainContent() }), renderBadgeContent()] }));
+};
+
+export { Avatar };
+//# sourceMappingURL=AvatarBase.js.map

package/dist/components/atoms/Avatar/components/AvatarBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.js","sources":["../../../../../src/components/atoms/Avatar/components/AvatarBase.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/atoms/Avatar/components/AvatarCompanyIcon.d.ts

@@ -0,0 +1,8 @@
+interface AvatarCompanyIconProps {
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    src: string;
+    alt?: string;
+}
+export declare const AvatarCompanyIcon: ({ size, src, alt }: AvatarCompanyIconProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AvatarCompanyIcon.d.ts.map

package/dist/components/atoms/Avatar/components/AvatarCompanyIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarCompanyIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/AvatarCompanyIcon.tsx"],"names":[],"mappings":"AAaA,UAAU,sBAAsB;IAC9B,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC/C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,iBAAiB,GAAI,oBAAoB,sBAAsB,gCAM3E,CAAC"}

package/dist/components/atoms/Avatar/components/AvatarCount.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const AvatarCount = ({ count, className, 'data-testid': dataTestId }) => (jsxRuntime.jsx("div", { "data-testid": dataTestId, className: cx.cx('absolute right-0 bottom-0 p-px', className), children: jsxRuntime.jsx("div", { className: "flex size-3.5 items-center justify-center rounded-full bg-fg-error-primary text-center text-[10px] leading-[13px] font-bold text-white", children: count }) }));
+
+exports.AvatarCount = AvatarCount;
+//# sourceMappingURL=AvatarCount.cjs.map

package/dist/components/atoms/Avatar/components/AvatarCount.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarCount.cjs","sources":["../../../../../src/components/atoms/Avatar/components/AvatarCount.tsx"],"sourcesContent":[null],"names":["_jsx","cx"],"mappings":";;;;;AAUO,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAoB,MAC3FA,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,UAAU,EAAE,SAAS,EAAEC,KAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,EAAA,QAAA,EACtFD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wIAAwI,EAAA,QAAA,EACpJ,KAAK,EAAA,CACF,EAAA,CACF;;"}

package/dist/components/atoms/Avatar/components/AvatarCount.d.ts

@@ -0,0 +1,8 @@
+interface AvatarCountProps {
+    count: number;
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const AvatarCount: ({ count, className, "data-testid": dataTestId }: AvatarCountProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AvatarCount.d.ts.map

package/dist/components/atoms/Avatar/components/AvatarCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarCount.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/AvatarCount.tsx"],"names":[],"mappings":"AAIA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,GAAI,iDAAiD,gBAAgB,gCAM5F,CAAC"}

package/dist/components/atoms/Avatar/components/AvatarCount.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const AvatarCount = ({ count, className, 'data-testid': dataTestId }) => (jsx("div", { "data-testid": dataTestId, className: cx('absolute right-0 bottom-0 p-px', className), children: jsx("div", { className: "flex size-3.5 items-center justify-center rounded-full bg-fg-error-primary text-center text-[10px] leading-[13px] font-bold text-white", children: count }) }));
+
+export { AvatarCount };
+//# sourceMappingURL=AvatarCount.js.map

package/dist/components/atoms/Avatar/components/AvatarCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarCount.js","sources":["../../../../../src/components/atoms/Avatar/components/AvatarCount.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAUO,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAoB,MAC3FA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,EAAA,QAAA,EACtFA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wIAAwI,EAAA,QAAA,EACpJ,KAAK,EAAA,CACF,EAAA,CACF;;"}

package/dist/components/atoms/Avatar/components/AvatarLabelGroup.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var AvatarBase = require('./AvatarBase.cjs');
+
+const styles = {
+    sm: { title: 'text-sm ', subtitle: 'text-xs' },
+    md: { title: 'text-sm ', subtitle: 'text-sm' },
+    lg: { title: 'text-md ', subtitle: 'text-md' },
+};
+const AvatarLabelGroup = ({ title, subtitle, className, rounded, avatarClassName, ...props }) => {
+    return (jsxRuntime.jsxs("figure", { className: cx.cx('group flex min-w-0 flex-1 items-center gap-2', className), children: [jsxRuntime.jsx(AvatarBase.Avatar, { border: true, rounded: rounded, className: avatarClassName, ...props }), jsxRuntime.jsxs("figcaption", { className: "min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: cx.cx('font-semibold text-primary', styles[props.size].title), children: title }), jsxRuntime.jsx("p", { className: cx.cx('truncate text-tertiary', styles[props.size].subtitle), children: subtitle })] })] }));
+};
+
+exports.AvatarLabelGroup = AvatarLabelGroup;
+//# sourceMappingURL=AvatarLabelGroup.cjs.map

package/dist/components/atoms/Avatar/components/AvatarLabelGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarLabelGroup.cjs","sources":["../../../../../src/components/atoms/Avatar/components/AvatarLabelGroup.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx","Avatar"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG;IACb,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC9C,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC9C,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE;CAC/C;MAUY,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,KAAK,EAAyB,KAAI;AAC5H,IAAA,QACEA,eAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAEC,KAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC9EC,cAAA,CAACC,iBAAM,EAAA,EAAC,MAAM,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAA,GAAM,KAAK,EAAA,CAAI,EAC1EH,eAAA,CAAA,YAAA,EAAA,EAAY,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CACpCE,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,4BAA4B,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,YAAG,KAAK,EAAA,CAAK,EACrFC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,wBAAwB,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,YAAG,QAAQ,EAAA,CAAK,CAAA,EAAA,CAC5E,CAAA,EAAA,CACN;AAEb;;"}

package/dist/components/atoms/Avatar/components/AvatarLabelGroup.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import { type AvatarProps } from './AvatarBase';
+interface AvatarLabelGroupProps extends AvatarProps {
+    size: 'sm' | 'md' | 'lg';
+    rounded?: boolean;
+    title: string | ReactNode;
+    subtitle: string | ReactNode;
+    avatarClassName?: string;
+}
+export declare const AvatarLabelGroup: ({ title, subtitle, className, rounded, avatarClassName, ...props }: AvatarLabelGroupProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AvatarLabelGroup.d.ts.map

package/dist/components/atoms/Avatar/components/AvatarLabelGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarLabelGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/AvatarLabelGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAQxD,UAAU,qBAAsB,SAAQ,WAAW;IACjD,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,GAAI,oEAAoE,qBAAqB,gCAUzH,CAAC"}

package/dist/components/atoms/Avatar/components/AvatarLabelGroup.js

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Avatar } from './AvatarBase.js';
+
+const styles = {
+    sm: { title: 'text-sm ', subtitle: 'text-xs' },
+    md: { title: 'text-sm ', subtitle: 'text-sm' },
+    lg: { title: 'text-md ', subtitle: 'text-md' },
+};
+const AvatarLabelGroup = ({ title, subtitle, className, rounded, avatarClassName, ...props }) => {
+    return (jsxs("figure", { className: cx('group flex min-w-0 flex-1 items-center gap-2', className), children: [jsx(Avatar, { border: true, rounded: rounded, className: avatarClassName, ...props }), jsxs("figcaption", { className: "min-w-0 flex-1", children: [jsx("p", { className: cx('font-semibold text-primary', styles[props.size].title), children: title }), jsx("p", { className: cx('truncate text-tertiary', styles[props.size].subtitle), children: subtitle })] })] }));
+};
+
+export { AvatarLabelGroup };
+//# sourceMappingURL=AvatarLabelGroup.js.map

package/dist/components/atoms/Avatar/components/AvatarLabelGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarLabelGroup.js","sources":["../../../../../src/components/atoms/Avatar/components/AvatarLabelGroup.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAMA,MAAM,MAAM,GAAG;IACb,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC9C,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC9C,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE;CAC/C;MAUY,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,KAAK,EAAyB,KAAI;AAC5H,IAAA,QACEA,IAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC9EC,GAAA,CAAC,MAAM,EAAA,EAAC,MAAM,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAA,GAAM,KAAK,EAAA,CAAI,EAC1ED,IAAA,CAAA,YAAA,EAAA,EAAY,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CACpCC,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,YAAG,KAAK,EAAA,CAAK,EACrFA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,YAAG,QAAQ,EAAA,CAAK,CAAA,EAAA,CAC5E,CAAA,EAAA,CACN;AAEb;;"}

package/dist/components/atoms/Avatar/components/AvatarOnlineIndicator.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const sizes = {
+    xs: 'size-1.5',
+    sm: 'size-2',
+    md: 'size-2.5',
+    lg: 'size-3',
+    xl: 'size-3.5',
+    '2xl': 'size-4',
+    '3xl': 'size-4.5',
+    '4xl': 'size-5',
+};
+const AvatarOnlineIndicator = ({ size, status, className, 'data-testid': dataTestId }) => (jsxRuntime.jsx("span", { "data-testid": dataTestId, className: cx.cx('absolute right-0 bottom-0 flex justify-center rounded-full ring-[1.5px] ring-bg-primary', status === 'online' ? 'bg-fg-success-secondary' : 'bg-utility-neutral-300', sizes[size], className), style: {
+        backgroundImage: 'radial-gradient(43.75% 43.75% at 50% 28.75%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 74.66%, rgba(255, 255, 255, 0.18) 100%), radial-gradient(75% 75% at 50% 0%, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.00) 50%, rgba(255, 255, 255, 0.08) 99%, rgba(255, 255, 255, 0.00) 100%)',
+    }, children: jsxRuntime.jsxs("svg", { viewBox: "0 0 7.2 2.85", fill: "none", className: "mt-[10%] h-[20%] w-[60%]", children: [jsxRuntime.jsx("path", { d: "M7.2 1.83107C7.2 2.84235 5.58823 2.19729 3.6 2.19729C1.61177 2.19729 0 2.84235 0 1.83107C0 0.8198 1.61177 0 3.6 0C5.58823 0 7.2 0.8198 7.2 1.83107Z", fill: "url(#reflection-gradient)", fillOpacity: "0.4" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("linearGradient", { id: "reflection-gradient", x1: "3.6", y1: "0", x2: "3.6", y2: "2.4", gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "white" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0.1" })] }) })] }) }));
+
+exports.AvatarOnlineIndicator = AvatarOnlineIndicator;
+//# sourceMappingURL=AvatarOnlineIndicator.cjs.map

package/dist/components/atoms/Avatar/components/AvatarOnlineIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarOnlineIndicator.cjs","sources":["../../../../../src/components/atoms/Avatar/components/AvatarOnlineIndicator.tsx"],"sourcesContent":[null],"names":["_jsx","cx","_jsxs"],"mappings":";;;;;AAIA,MAAM,KAAK,GAAG;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,KAAK,EAAE,QAAQ;CAChB;MASY,qBAAqB,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAA8B,MACtHA,cAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAEC,KAAE,CACX,yFAAyF,EACzF,MAAM,KAAK,QAAQ,GAAG,yBAAyB,GAAG,wBAAwB,EAC1E,KAAK,CAAC,IAAI,CAAC,EACX,SAAS,CACV,EACD,KAAK,EAAE;AACL,QAAA,eAAe,EACb,mXAAmX;AACtX,KAAA,EAAA,QAAA,EAIDC,yBAAK,OAAO,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CAC1EF,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,qJAAqJ,EACvJ,IAAI,EAAC,2BAA2B,EAChC,WAAW,EAAC,KAAK,GACjB,EACFA,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEE,eAAA,CAAA,gBAAA,EAAA,EAAgB,EAAE,EAAC,qBAAqB,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,aAAa,EAAC,gBAAgB,EAAA,QAAA,EAAA,CACvGF,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,OAAO,EAAA,CAAG,EAC1BA,cAAA,CAAA,MAAA,EAAA,EAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAA,CAAG,CAAA,EAAA,CACxC,GACZ,CAAA,EAAA,CACH,EAAA,CACD;;"}

package/dist/components/atoms/Avatar/components/AvatarOnlineIndicator.d.ts

@@ -0,0 +1,9 @@
+interface AvatarOnlineIndicatorProps {
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+    status: 'online' | 'offline';
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const AvatarOnlineIndicator: ({ size, status, className, "data-testid": dataTestId }: AvatarOnlineIndicatorProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AvatarOnlineIndicator.d.ts.map

package/dist/components/atoms/Avatar/components/AvatarOnlineIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarOnlineIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/AvatarOnlineIndicator.tsx"],"names":[],"mappings":"AAeA,UAAU,0BAA0B;IAClC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC/D,MAAM,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,GAAI,wDAAwD,0BAA0B,gCA8BvH,CAAC"}

package/dist/components/atoms/Avatar/components/AvatarOnlineIndicator.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const sizes = {
+    xs: 'size-1.5',
+    sm: 'size-2',
+    md: 'size-2.5',
+    lg: 'size-3',
+    xl: 'size-3.5',
+    '2xl': 'size-4',
+    '3xl': 'size-4.5',
+    '4xl': 'size-5',
+};
+const AvatarOnlineIndicator = ({ size, status, className, 'data-testid': dataTestId }) => (jsx("span", { "data-testid": dataTestId, className: cx('absolute right-0 bottom-0 flex justify-center rounded-full ring-[1.5px] ring-bg-primary', status === 'online' ? 'bg-fg-success-secondary' : 'bg-utility-neutral-300', sizes[size], className), style: {
+        backgroundImage: 'radial-gradient(43.75% 43.75% at 50% 28.75%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 74.66%, rgba(255, 255, 255, 0.18) 100%), radial-gradient(75% 75% at 50% 0%, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.00) 50%, rgba(255, 255, 255, 0.08) 99%, rgba(255, 255, 255, 0.00) 100%)',
+    }, children: jsxs("svg", { viewBox: "0 0 7.2 2.85", fill: "none", className: "mt-[10%] h-[20%] w-[60%]", children: [jsx("path", { d: "M7.2 1.83107C7.2 2.84235 5.58823 2.19729 3.6 2.19729C1.61177 2.19729 0 2.84235 0 1.83107C0 0.8198 1.61177 0 3.6 0C5.58823 0 7.2 0.8198 7.2 1.83107Z", fill: "url(#reflection-gradient)", fillOpacity: "0.4" }), jsx("defs", { children: jsxs("linearGradient", { id: "reflection-gradient", x1: "3.6", y1: "0", x2: "3.6", y2: "2.4", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "white" }), jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0.1" })] }) })] }) }));
+
+export { AvatarOnlineIndicator };
+//# sourceMappingURL=AvatarOnlineIndicator.js.map

package/dist/components/atoms/Avatar/components/AvatarOnlineIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarOnlineIndicator.js","sources":["../../../../../src/components/atoms/Avatar/components/AvatarOnlineIndicator.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;AAIA,MAAM,KAAK,GAAG;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,KAAK,EAAE,QAAQ;CAChB;MASY,qBAAqB,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAA8B,MACtHA,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAE,EAAE,CACX,yFAAyF,EACzF,MAAM,KAAK,QAAQ,GAAG,yBAAyB,GAAG,wBAAwB,EAC1E,KAAK,CAAC,IAAI,CAAC,EACX,SAAS,CACV,EACD,KAAK,EAAE;AACL,QAAA,eAAe,EACb,mXAAmX;AACtX,KAAA,EAAA,QAAA,EAIDC,cAAK,OAAO,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CAC1ED,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,qJAAqJ,EACvJ,IAAI,EAAC,2BAA2B,EAChC,WAAW,EAAC,KAAK,GACjB,EACFA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEC,IAAA,CAAA,gBAAA,EAAA,EAAgB,EAAE,EAAC,qBAAqB,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,aAAa,EAAC,gBAAgB,EAAA,QAAA,EAAA,CACvGD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,OAAO,EAAA,CAAG,EAC1BA,GAAA,CAAA,MAAA,EAAA,EAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAA,CAAG,CAAA,EAAA,CACxC,GACZ,CAAA,EAAA,CACH,EAAA,CACD;;"}

package/dist/components/atoms/Avatar/components/VerifiedTick.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const sizes = {
+    xs: 'size-2.5',
+    sm: 'size-3',
+    md: 'size-3.5',
+    lg: 'size-4',
+    xl: 'size-4.5',
+    '2xl': 'size-5',
+    '3xl': 'size-6',
+    '4xl': 'size-8',
+};
+const VerifiedTick = ({ size, className, 'data-testid': dataTestId }) => (
+// biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+jsxRuntime.jsxs("svg", { "data-testid": dataTestId, className: cx.cx('z-10 text-utility-blue-500', sizes[size], className), viewBox: "0 0 10 10", fill: "none", children: [jsxRuntime.jsx("path", { d: "M7.72237 1.77098C7.81734 2.00068 7.99965 2.18326 8.2292 2.27858L9.03413 2.61199C9.26384 2.70714 9.44635 2.88965 9.5415 3.11936C9.63665 3.34908 9.63665 3.60718 9.5415 3.83689L9.20833 4.64125C9.11313 4.87106 9.113 5.12943 9.20863 5.35913L9.54122 6.16325C9.58839 6.27702 9.61268 6.39897 9.6127 6.52214C9.61272 6.6453 9.58847 6.76726 9.54134 6.88105C9.4942 6.99484 9.42511 7.09823 9.33801 7.18531C9.2509 7.27238 9.14749 7.34144 9.03369 7.38854L8.22934 7.72171C7.99964 7.81669 7.81706 7.99899 7.72174 8.22855L7.38833 9.03348C7.29318 9.26319 7.11067 9.4457 6.88096 9.54085C6.65124 9.636 6.39314 9.636 6.16343 9.54085L5.35907 9.20767C5.12935 9.11276 4.87134 9.11295 4.64177 9.20821L3.83684 9.54115C3.60725 9.63608 3.34937 9.636 3.11984 9.54092C2.89032 9.44585 2.70791 9.26356 2.6127 9.03409L2.27918 8.22892C2.18421 7.99923 2.0019 7.81665 1.77235 7.72133L0.967421 7.38792C0.737807 7.29281 0.555355 7.11041 0.460169 6.88083C0.364983 6.65125 0.364854 6.39327 0.45981 6.16359L0.792984 5.35924C0.8879 5.12952 0.887707 4.87151 0.792445 4.64193L0.459749 3.83642C0.41258 3.72265 0.388291 3.60069 0.388272 3.47753C0.388252 3.35436 0.412501 3.2324 0.459634 3.11861C0.506767 3.00482 0.57586 2.90144 0.662965 2.81436C0.75007 2.72728 0.853479 2.65822 0.967283 2.61113L1.77164 2.27795C2.00113 2.18306 2.1836 2.00099 2.27899 1.7717L2.6124 0.966768C2.70755 0.737054 2.89006 0.554547 3.11978 0.459397C3.34949 0.364246 3.60759 0.364246 3.83731 0.459397L4.64166 0.792571C4.87138 0.887487 5.12939 0.887293 5.35897 0.792031L6.16424 0.459913C6.39392 0.364816 6.65197 0.364836 6.88164 0.459968C7.11131 0.555099 7.29379 0.737554 7.38895 0.967208L7.72247 1.77238L7.72237 1.77098Z", className: "fill-current" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.95829 3.68932C7.02509 3.58439 7.04747 3.45723 7.02051 3.3358C6.99356 3.21437 6.91946 3.10862 6.81454 3.04182C6.70961 2.97502 6.58245 2.95264 6.46102 2.97959C6.33959 3.00655 6.23384 3.08064 6.16704 3.18557L4.33141 6.06995L3.49141 5.01995C3.41375 4.92281 3.30069 4.8605 3.17709 4.84673C3.05349 4.83296 2.92949 4.86885 2.83235 4.94651C2.73522 5.02417 2.67291 5.13723 2.65914 5.26083C2.64536 5.38443 2.68125 5.50843 2.75891 5.60557L4.00891 7.16807C4.0555 7.22638 4.11533 7.27271 4.18344 7.30323C4.25154 7.33375 4.32595 7.34757 4.40047 7.34353C4.47499 7.3395 4.54747 7.31773 4.61188 7.28004C4.67629 7.24234 4.73077 7.18981 4.77079 7.12682L6.95829 3.68932Z", fill: "white" })] }));
+
+exports.VerifiedTick = VerifiedTick;
+//# sourceMappingURL=VerifiedTick.cjs.map

package/dist/components/atoms/Avatar/components/VerifiedTick.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifiedTick.cjs","sources":["../../../../../src/components/atoms/Avatar/components/VerifiedTick.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx"],"mappings":";;;;;AAIA,MAAM,KAAK,GAAG;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,QAAQ;CAChB;AAQM,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAqB;AAC5F;AACAA,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,UAAU,EAAE,SAAS,EAAEC,KAAE,CAAC,4BAA4B,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EAAA,CAChIC,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,inDAAinD,EACnnD,SAAS,EAAC,cAAc,EAAA,CACxB,EACFA,cAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+oBAA+oB,EACjpB,IAAI,EAAC,OAAO,EAAA,CACZ,CAAA,EAAA,CACE;;"}

package/dist/components/atoms/Avatar/components/VerifiedTick.d.ts

@@ -0,0 +1,8 @@
+interface VerifiedTickProps {
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const VerifiedTick: ({ size, className, "data-testid": dataTestId }: VerifiedTickProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=VerifiedTick.d.ts.map

package/dist/components/atoms/Avatar/components/VerifiedTick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifiedTick.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/VerifiedTick.tsx"],"names":[],"mappings":"AAeA,UAAU,iBAAiB;IACzB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,GAAI,gDAAgD,iBAAiB,gCAc7F,CAAC"}

package/dist/components/atoms/Avatar/components/VerifiedTick.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const sizes = {
+    xs: 'size-2.5',
+    sm: 'size-3',
+    md: 'size-3.5',
+    lg: 'size-4',
+    xl: 'size-4.5',
+    '2xl': 'size-5',
+    '3xl': 'size-6',
+    '4xl': 'size-8',
+};
+const VerifiedTick = ({ size, className, 'data-testid': dataTestId }) => (
+// biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+jsxs("svg", { "data-testid": dataTestId, className: cx('z-10 text-utility-blue-500', sizes[size], className), viewBox: "0 0 10 10", fill: "none", children: [jsx("path", { d: "M7.72237 1.77098C7.81734 2.00068 7.99965 2.18326 8.2292 2.27858L9.03413 2.61199C9.26384 2.70714 9.44635 2.88965 9.5415 3.11936C9.63665 3.34908 9.63665 3.60718 9.5415 3.83689L9.20833 4.64125C9.11313 4.87106 9.113 5.12943 9.20863 5.35913L9.54122 6.16325C9.58839 6.27702 9.61268 6.39897 9.6127 6.52214C9.61272 6.6453 9.58847 6.76726 9.54134 6.88105C9.4942 6.99484 9.42511 7.09823 9.33801 7.18531C9.2509 7.27238 9.14749 7.34144 9.03369 7.38854L8.22934 7.72171C7.99964 7.81669 7.81706 7.99899 7.72174 8.22855L7.38833 9.03348C7.29318 9.26319 7.11067 9.4457 6.88096 9.54085C6.65124 9.636 6.39314 9.636 6.16343 9.54085L5.35907 9.20767C5.12935 9.11276 4.87134 9.11295 4.64177 9.20821L3.83684 9.54115C3.60725 9.63608 3.34937 9.636 3.11984 9.54092C2.89032 9.44585 2.70791 9.26356 2.6127 9.03409L2.27918 8.22892C2.18421 7.99923 2.0019 7.81665 1.77235 7.72133L0.967421 7.38792C0.737807 7.29281 0.555355 7.11041 0.460169 6.88083C0.364983 6.65125 0.364854 6.39327 0.45981 6.16359L0.792984 5.35924C0.8879 5.12952 0.887707 4.87151 0.792445 4.64193L0.459749 3.83642C0.41258 3.72265 0.388291 3.60069 0.388272 3.47753C0.388252 3.35436 0.412501 3.2324 0.459634 3.11861C0.506767 3.00482 0.57586 2.90144 0.662965 2.81436C0.75007 2.72728 0.853479 2.65822 0.967283 2.61113L1.77164 2.27795C2.00113 2.18306 2.1836 2.00099 2.27899 1.7717L2.6124 0.966768C2.70755 0.737054 2.89006 0.554547 3.11978 0.459397C3.34949 0.364246 3.60759 0.364246 3.83731 0.459397L4.64166 0.792571C4.87138 0.887487 5.12939 0.887293 5.35897 0.792031L6.16424 0.459913C6.39392 0.364816 6.65197 0.364836 6.88164 0.459968C7.11131 0.555099 7.29379 0.737554 7.38895 0.967208L7.72247 1.77238L7.72237 1.77098Z", className: "fill-current" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.95829 3.68932C7.02509 3.58439 7.04747 3.45723 7.02051 3.3358C6.99356 3.21437 6.91946 3.10862 6.81454 3.04182C6.70961 2.97502 6.58245 2.95264 6.46102 2.97959C6.33959 3.00655 6.23384 3.08064 6.16704 3.18557L4.33141 6.06995L3.49141 5.01995C3.41375 4.92281 3.30069 4.8605 3.17709 4.84673C3.05349 4.83296 2.92949 4.86885 2.83235 4.94651C2.73522 5.02417 2.67291 5.13723 2.65914 5.26083C2.64536 5.38443 2.68125 5.50843 2.75891 5.60557L4.00891 7.16807C4.0555 7.22638 4.11533 7.27271 4.18344 7.30323C4.25154 7.33375 4.32595 7.34757 4.40047 7.34353C4.47499 7.3395 4.54747 7.31773 4.61188 7.28004C4.67629 7.24234 4.73077 7.18981 4.77079 7.12682L6.95829 3.68932Z", fill: "white" })] }));
+
+export { VerifiedTick };
+//# sourceMappingURL=VerifiedTick.js.map

package/dist/components/atoms/Avatar/components/VerifiedTick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifiedTick.js","sources":["../../../../../src/components/atoms/Avatar/components/VerifiedTick.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAG;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,QAAQ;CAChB;AAQM,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAqB;AAC5F;AACAA,IAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EAAA,CAChIC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,inDAAinD,EACnnD,SAAS,EAAC,cAAc,EAAA,CACxB,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+oBAA+oB,EACjpB,IAAI,EAAC,OAAO,EAAA,CACZ,CAAA,EAAA,CACE;;"}

package/dist/components/atoms/Avatar/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
 var avatar_utils = require('./avatar.utils.cjs');
-var avatarAddButton = require('./components/avatar-add-button.cjs');
-var avatarBase = require('./components/avatar-base.cjs');
-var avatarLabelGroup = require('./components/avatar-label-group.cjs');
+var AvatarAddButton = require('./components/AvatarAddButton.cjs');
+var AvatarBase = require('./components/AvatarBase.cjs');
+var AvatarLabelGroup = require('./components/AvatarLabelGroup.cjs');
 
 
 
 exports.getInitials = avatar_utils.getInitials;
-exports.AvatarAddButton = avatarAddButton.AvatarAddButton;
-exports.Avatar = avatarBase.Avatar;
-exports.AvatarLabelGroup = avatarLabelGroup.AvatarLabelGroup;
+exports.AvatarAddButton = AvatarAddButton.AvatarAddButton;
+exports.Avatar = AvatarBase.Avatar;
+exports.AvatarLabelGroup = AvatarLabelGroup.AvatarLabelGroup;
 //# sourceMappingURL=index.cjs.map

package/dist/components/atoms/Avatar/index.d.ts

@@ -1,12 +1,5 @@
 export { getInitials } from './avatar.utils';
-export { AvatarAddButton } from './components/avatar-add-button';
-/**
- * Represents a user or entity visually using a photo, initials, or fallback
- * icon. Supports size variants, status indicators, verified badges, and count
- * overlays.
- *
- * @summary displays a user or entity with an image, initials, or icon fallback
- */
-export { Avatar, type AvatarProps } from './components/avatar-base';
-export { AvatarLabelGroup } from './components/avatar-label-group';
+export { AvatarAddButton } from './components/AvatarAddButton';
+export { Avatar, type AvatarProps } from './components/AvatarBase';
+export { AvatarLabelGroup } from './components/AvatarLabelGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/Avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE;;;;;;GAMG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/components/atoms/Avatar/index.js

@@ -1,5 +1,5 @@
 export { getInitials } from './avatar.utils.js';
-export { AvatarAddButton } from './components/avatar-add-button.js';
-export { Avatar } from './components/avatar-base.js';
-export { AvatarLabelGroup } from './components/avatar-label-group.js';
+export { AvatarAddButton } from './components/AvatarAddButton.js';
+export { Avatar } from './components/AvatarBase.js';
+export { AvatarLabelGroup } from './components/AvatarLabelGroup.js';
 //# sourceMappingURL=index.js.map