@flipdish/ui-library 0.17.0 → 0.19.0

package/dist/components/atoms/Avatar/components/avatar-base.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 './avatar-count.js';
+import { AvatarOnlineIndicator } from './avatar-online-indicator.js';
+import { VerifiedTick } from './verified-tick.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=avatar-base.js.map

package/dist/components/atoms/Avatar/components/avatar-base.js.map

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

package/dist/components/atoms/Avatar/components/avatar-label-group.cjs

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
-var index = require('../index.cjs');
+var avatarBase = require('./avatar-base.cjs');
 
 const styles = {
     sm: { title: 'text-sm ', subtitle: 'text-xs' },
@@ -10,7 +10,7 @@ const styles = {
     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(index.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 })] })] }));
+    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;

package/dist/components/atoms/Avatar/components/avatar-label-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-label-group.cjs","sources":["../../../../../src/components/atoms/Avatar/components/avatar-label-group.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,YAAM,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;;;;"}
+{"version":3,"file":"avatar-label-group.cjs","sources":["../../../../../src/components/atoms/Avatar/components/avatar-label-group.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/avatar-label-group.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { type AvatarProps } from '../index';
+import { type AvatarProps } from './avatar-base';
 interface AvatarLabelGroupProps extends AvatarProps {
     size: 'sm' | 'md' | 'lg';
     rounded?: boolean;

package/dist/components/atoms/Avatar/components/avatar-label-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-label-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/avatar-label-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAQpD,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"}
+{"version":3,"file":"avatar-label-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/avatar-label-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAQzD,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/avatar-label-group.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
-import { Avatar } from '../index.js';
+import { Avatar } from './avatar-base.js';
 
 const styles = {
     sm: { title: 'text-sm ', subtitle: 'text-xs' },

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

@@ -1,66 +1,14 @@
 '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('./components/avatar-count.cjs');
-var avatarOnlineIndicator = require('./components/avatar-online-indicator.cjs');
-var verifiedTick = require('./components/verified-tick.cjs');
 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');
 
-/**
- * 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.getInitials = avatar_utils.getInitials;
 exports.AvatarAddButton = avatarAddButton.AvatarAddButton;
+exports.Avatar = avatarBase.Avatar;
 exports.AvatarLabelGroup = avatarLabelGroup.AvatarLabelGroup;
-exports.Avatar = Avatar;
 //# sourceMappingURL=index.cjs.map

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

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

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

@@ -1,74 +1,5 @@
-import { type FC, type ReactNode } from 'react';
 export { getInitials } from './avatar.utils';
 export { AvatarAddButton } from './components/avatar-add-button';
-export { AvatarLabelGroup } from './components/avatar-label-group';
-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
@@ -76,5 +7,6 @@ export interface AvatarProps {
  *
  * @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;
+export { Avatar, type AvatarProps } from './components/avatar-base';
+export { AvatarLabelGroup } from './components/avatar-label-group';
 //# 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":"AAKA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAM1D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,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"}
+{"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"}

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

@@ -1,61 +1,5 @@
-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 './components/avatar-count.js';
-import { AvatarOnlineIndicator } from './components/avatar-online-indicator.js';
-import { VerifiedTick } from './components/verified-tick.js';
 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';
-
-/**
- * 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=index.js.map

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

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

package/dist/components/atoms/BackgroundPattern/components/grid-check.cjs

@@ -4,7 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 
 const GridCheck = (props) => {
     const { size = 'md', ...rest } = props;
-    const Pattern = sizes[size];
+    // Fallback keeps an unknown size (e.g. a runtime 'lg' bypassing the types) rendering instead of crashing.
+    const Pattern = sizes[size] ?? sizes.md;
     return jsxRuntime.jsx(Pattern, { ...rest });
 };
 const md = (props) => {