@choco-vanille/ui 1.1.0 → 1.1.2

package/dist/components/data-display/avatar/components/avatar-root/AvatarRoot.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),n=require("@base-ui/react/avatar"),u=require("./styles/AvatarRoot.css.cjs"),A=require("../../../../../utils/cn.cjs"),R=require("react"),t=R.memo(({size:e,shape:r,color:a,className:o,ref:s,...c})=>i.jsx(n.Avatar.Root,{ref:s,className:A.cn(u.AVATAR_STYLES.recipe({size:e,shape:r,color:a}),o),...c}));t.displayName="Avatar.Root";module.exports=t;
+//# sourceMappingURL=AvatarRoot.cjs.map

package/dist/components/data-display/avatar/components/avatar-root/AvatarRoot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarRoot.cjs","sources":["../../../../../../src/components/data-display/avatar/components/avatar-root/AvatarRoot.tsx"],"sourcesContent":["import { Avatar as BaseAvatar } from '@base-ui/react/avatar'\r\n\r\nimport { AVATAR_STYLES } from '@components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.ts'\r\nimport type { AvatarRootProps } from '@components/data-display/avatar/components/avatar-root/types/AvatarRoot.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst AvatarRoot: FC<AvatarRootProps> = memo(({\r\n    size,\r\n    shape,\r\n    color,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <BaseAvatar.Root\r\n        ref={ref}\r\n        className={cn(\r\n            AVATAR_STYLES.recipe({ size, shape, color }),\r\n            className,\r\n        )}\r\n        {...props}\r\n    />\r\n))\r\n\r\nAvatarRoot.displayName = 'Avatar.Root'\r\n\r\nexport default AvatarRoot\r\n"],"names":["AvatarRoot","memo","size","shape","color","className","ref","props","jsx","BaseAvatar","cn","AVATAR_STYLES"],"mappings":"0LAOMA,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAAA,OAAW,KAAX,CACG,IAAAH,EACA,UAAWI,EAAAA,GACPC,EAAAA,cAAc,OAAO,CAAE,KAAAT,EAAM,MAAAC,EAAO,MAAAC,EAAO,EAC3CC,CAAA,EAEH,GAAGE,CAAA,CACR,CACH,EAEDP,EAAW,YAAc"}

package/dist/components/data-display/avatar/components/avatar-root/AvatarRoot.d.ts

@@ -0,0 +1,4 @@
+import { AvatarRootProps } from './types/AvatarRoot.props.ts';
+import { FC } from 'react';
+declare const AvatarRoot: FC<AvatarRootProps>;
+export default AvatarRoot;

package/dist/components/data-display/avatar/components/avatar-root/AvatarRoot.js

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Avatar as i } from "@base-ui/react/avatar";
+import { AVATAR_STYLES as f } from "./styles/AvatarRoot.css.js";
+import { cn as s } from "../../../../../utils/cn.js";
+import { memo as A } from "react";
+const c = A(({
+  size: o,
+  shape: r,
+  color: m,
+  className: t,
+  ref: a,
+  ...p
+}) => /* @__PURE__ */ e(
+  i.Root,
+  {
+    ref: a,
+    className: s(
+      f.recipe({ size: o, shape: r, color: m }),
+      t
+    ),
+    ...p
+  }
+));
+c.displayName = "Avatar.Root";
+export {
+  c as default
+};
+//# sourceMappingURL=AvatarRoot.js.map

package/dist/components/data-display/avatar/components/avatar-root/AvatarRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarRoot.js","sources":["../../../../../../src/components/data-display/avatar/components/avatar-root/AvatarRoot.tsx"],"sourcesContent":["import { Avatar as BaseAvatar } from '@base-ui/react/avatar'\r\n\r\nimport { AVATAR_STYLES } from '@components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.ts'\r\nimport type { AvatarRootProps } from '@components/data-display/avatar/components/avatar-root/types/AvatarRoot.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst AvatarRoot: FC<AvatarRootProps> = memo(({\r\n    size,\r\n    shape,\r\n    color,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <BaseAvatar.Root\r\n        ref={ref}\r\n        className={cn(\r\n            AVATAR_STYLES.recipe({ size, shape, color }),\r\n            className,\r\n        )}\r\n        {...props}\r\n    />\r\n))\r\n\r\nAvatarRoot.displayName = 'Avatar.Root'\r\n\r\nexport default AvatarRoot\r\n"],"names":["AvatarRoot","memo","size","shape","color","className","ref","props","jsx","BaseAvatar","cn","AVATAR_STYLES"],"mappings":";;;;;AAOA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACG,KAAAH;AAAA,IACA,WAAWI;AAAA,MACPC,EAAc,OAAO,EAAE,MAAAT,GAAM,OAAAC,GAAO,OAAAC,GAAO;AAAA,MAC3CC;AAAA,IAAA;AAAA,IAEH,GAAGE;AAAA,EAAA;AACR,CACH;AAEDP,EAAW,cAAc;"}

package/dist/components/data-display/avatar/components/avatar-root/index.d.ts

@@ -0,0 +1,4 @@
+export { default as AvatarRoot } from './AvatarRoot.tsx';
+export { AVATAR_STYLES } from './styles/AvatarRoot.css.ts';
+export type { AvatarRootProps } from './types/AvatarRoot.props.ts';
+export type { AvatarRecipeVariants } from './styles/AvatarRoot.css.ts';

package/dist/components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:r.createRuntimeFn({defaultClassName:"d3r51n0",variantClassNames:{size:{sm:"d3r51n1",md:"d3r51n2",lg:"d3r51n3",xl:"d3r51n4"},shape:{circle:"d3r51n5",square:"d3r51n6"},color:{primary:"d3r51n7",secondary:"d3r51n8",tertiary:"d3r51n9",destructive:"d3r51na",success:"d3r51nb",warning:"d3r51nc",info:"d3r51nd",purple:"d3r51ne",pink:"d3r51nf",orange:"d3r51ng",teal:"d3r51nh",cyan:"d3r51ni",indigo:"d3r51nj"}},defaultVariants:{size:"md",shape:"circle",color:"primary"},compoundVariants:[]})};exports.AVATAR_STYLES=e;
+//# sourceMappingURL=AvatarRoot.css.cjs.map

package/dist/components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarRoot.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.d.ts

@@ -0,0 +1,42 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+export declare const AVATAR_STYLES: {
+    recipe: RuntimeFn<{
+        size: {
+            sm: {
+                width: "1.5rem";
+                height: "1.5rem";
+                fontSize: `var(--${string})`;
+            };
+            md: {
+                width: "2rem";
+                height: "2rem";
+                fontSize: `var(--${string})`;
+            };
+            lg: {
+                width: "2.5rem";
+                height: "2.5rem";
+                fontSize: `var(--${string})`;
+            };
+            xl: {
+                width: "3rem";
+                height: "3rem";
+                fontSize: `var(--${string})`;
+            };
+        };
+        shape: {
+            circle: {
+                borderRadius: `var(--${string})`;
+            };
+            square: {
+                borderRadius: `var(--${string})`;
+            };
+        };
+        color: {
+            [k: string]: {
+                backgroundColor: `var(--${string})`;
+                color: `var(--${string})`;
+            };
+        };
+    }>;
+};
+export type AvatarRecipeVariants = NonNullable<RecipeVariants<typeof AVATAR_STYLES.recipe>>;

package/dist/components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.js

@@ -0,0 +1,8 @@
+/* empty css                                                  */
+/* empty css                              */
+import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
+var e = { recipe: r({ defaultClassName: "d3r51n0", variantClassNames: { size: { sm: "d3r51n1", md: "d3r51n2", lg: "d3r51n3", xl: "d3r51n4" }, shape: { circle: "d3r51n5", square: "d3r51n6" }, color: { primary: "d3r51n7", secondary: "d3r51n8", tertiary: "d3r51n9", destructive: "d3r51na", success: "d3r51nb", warning: "d3r51nc", info: "d3r51nd", purple: "d3r51ne", pink: "d3r51nf", orange: "d3r51ng", teal: "d3r51nh", cyan: "d3r51ni", indigo: "d3r51nj" } }, defaultVariants: { size: "md", shape: "circle", color: "primary" }, compoundVariants: [] }) };
+export {
+  e as AVATAR_STYLES
+};
+//# sourceMappingURL=AvatarRoot.css.js.map

package/dist/components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarRoot.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/data-display/avatar/components/avatar-root/types/AvatarRoot.props.d.ts

@@ -0,0 +1,24 @@
+import { AvatarColor, AvatarShape, AvatarSize } from '../../../types/Avatar.types.ts';
+import type * as React from 'react';
+export type AvatarRootProps = {
+    /** Ref forwarded to the underlying `<span>` element. */
+    ref?: React.Ref<HTMLSpanElement>;
+    /** Size variant. Defaults to `md`. */
+    size?: AvatarSize;
+    /** Shape variant. Defaults to `circle`. */
+    shape?: AvatarShape;
+    /** Semantic color intent for the fallback background. Defaults to `primary`. */
+    color?: AvatarColor;
+    /** Accessible label for the avatar. Use when the avatar represents a user or entity. */
+    'aria-label'?: string;
+    /** Id of the element that labels the avatar. */
+    'aria-labelledby'?: string;
+    /** Semantic role for the avatar. Use `button` when the avatar is interactive. */
+    role?: React.HTMLAttributes<HTMLSpanElement>['role'];
+    /** Additional CSS class names. */
+    className?: string;
+    /** Children (image, fallback, status). */
+    children?: React.ReactNode;
+    /** Native HTML attributes forwarded to the root element. */
+    [key: string]: unknown;
+};

package/dist/components/data-display/avatar/components/avatar-status/AvatarStatus.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),i=require("../../constants/avatarStatus.const.cjs"),o=require("./styles/AvatarStatus.css.cjs"),u=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");const A=require("../../../../../utils/cn.cjs"),S=require("react"),t=S.memo(({status:e=i.AVATAR_STATUS.online,size:s,label:a,className:r,...c})=>n.jsx(u,{as:"span",className:A.cn(o.AVATAR_STATUS_STYLES.recipe({size:s,status:e}),r),"aria-label":a??e,role:"status",...c}));t.displayName="Avatar.Status";module.exports=t;
+//# sourceMappingURL=AvatarStatus.cjs.map

package/dist/components/data-display/avatar/components/avatar-status/AvatarStatus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStatus.cjs","sources":["../../../../../../src/components/data-display/avatar/components/avatar-status/AvatarStatus.tsx"],"sourcesContent":["import { AVATAR_STATUS } from '@components/data-display/avatar/constants'\r\nimport { AVATAR_STATUS_STYLES } from '@components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.ts'\r\nimport type { AvatarStatusProps } from '@components/data-display/avatar/components/avatar-status/types/AvatarStatus.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst AvatarStatus: FC<AvatarStatusProps> = memo(({\r\n    status = AVATAR_STATUS.online,\r\n    size,\r\n    label,\r\n    className,\r\n    ...props\r\n}) => (\r\n    <Box\r\n        as={'span'}\r\n        className={cn(\r\n            AVATAR_STATUS_STYLES.recipe({ size, status }),\r\n            className,\r\n        )}\r\n        aria-label={label ?? status}\r\n        role={'status'}\r\n        {...props}\r\n    />\r\n))\r\n\r\nAvatarStatus.displayName = 'Avatar.Status'\r\n\r\nexport default AvatarStatus\r\n"],"names":["AvatarStatus","memo","status","AVATAR_STATUS","size","label","className","props","jsx","Box","cn","AVATAR_STATUS_STYLES"],"mappings":"oTAOMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,OAAAC,EAASC,EAAAA,cAAc,OACvB,KAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,UAAWC,EAAAA,GACPC,EAAAA,qBAAqB,OAAO,CAAE,KAAAP,EAAM,OAAAF,EAAQ,EAC5CI,CAAA,EAEJ,aAAYD,GAASH,EACrB,KAAM,SACL,GAAGK,CAAA,CACR,CACH,EAEDP,EAAa,YAAc"}

package/dist/components/data-display/avatar/components/avatar-status/AvatarStatus.d.ts

@@ -0,0 +1,4 @@
+import { AvatarStatusProps } from './types/AvatarStatus.props.ts';
+import { FC } from 'react';
+declare const AvatarStatus: FC<AvatarStatusProps>;
+export default AvatarStatus;

package/dist/components/data-display/avatar/components/avatar-status/AvatarStatus.js

@@ -0,0 +1,31 @@
+import { jsx as i } from "react/jsx-runtime";
+import { AVATAR_STATUS as p } from "../../constants/avatarStatus.const.js";
+import { AVATAR_STATUS_STYLES as e } from "./styles/AvatarStatus.css.js";
+import s from "../../../../layout/box/Box.js";
+import "../../../../layout/box/styles/Box.css.js";
+import { cn as A } from "../../../../../utils/cn.js";
+import { memo as S } from "react";
+const f = S(({
+  status: o = p.online,
+  size: r,
+  label: a,
+  className: m,
+  ...t
+}) => /* @__PURE__ */ i(
+  s,
+  {
+    as: "span",
+    className: A(
+      e.recipe({ size: r, status: o }),
+      m
+    ),
+    "aria-label": a ?? o,
+    role: "status",
+    ...t
+  }
+));
+f.displayName = "Avatar.Status";
+export {
+  f as default
+};
+//# sourceMappingURL=AvatarStatus.js.map

package/dist/components/data-display/avatar/components/avatar-status/AvatarStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStatus.js","sources":["../../../../../../src/components/data-display/avatar/components/avatar-status/AvatarStatus.tsx"],"sourcesContent":["import { AVATAR_STATUS } from '@components/data-display/avatar/constants'\r\nimport { AVATAR_STATUS_STYLES } from '@components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.ts'\r\nimport type { AvatarStatusProps } from '@components/data-display/avatar/components/avatar-status/types/AvatarStatus.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst AvatarStatus: FC<AvatarStatusProps> = memo(({\r\n    status = AVATAR_STATUS.online,\r\n    size,\r\n    label,\r\n    className,\r\n    ...props\r\n}) => (\r\n    <Box\r\n        as={'span'}\r\n        className={cn(\r\n            AVATAR_STATUS_STYLES.recipe({ size, status }),\r\n            className,\r\n        )}\r\n        aria-label={label ?? status}\r\n        role={'status'}\r\n        {...props}\r\n    />\r\n))\r\n\r\nAvatarStatus.displayName = 'Avatar.Status'\r\n\r\nexport default AvatarStatus\r\n"],"names":["AvatarStatus","memo","status","AVATAR_STATUS","size","label","className","props","jsx","Box","cn","AVATAR_STATUS_STYLES"],"mappings":";;;;;;;AAOA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,QAAAC,IAASC,EAAc;AAAA,EACvB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAI;AAAA,IACJ,WAAWC;AAAA,MACPC,EAAqB,OAAO,EAAE,MAAAP,GAAM,QAAAF,GAAQ;AAAA,MAC5CI;AAAA,IAAA;AAAA,IAEJ,cAAYD,KAASH;AAAA,IACrB,MAAM;AAAA,IACL,GAAGK;AAAA,EAAA;AACR,CACH;AAEDP,EAAa,cAAc;"}

package/dist/components/data-display/avatar/components/avatar-status/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AvatarStatus } from './AvatarStatus.tsx';
+export { AVATAR_STATUS_STYLES } from './styles/AvatarStatus.css.ts';
+export type { AvatarStatusProps } from './types/AvatarStatus.props.ts';

package/dist/components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                  */const e=require("@vanilla-extract/recipes/createRuntimeFn");var n={recipe:e.createRuntimeFn({defaultClassName:"_1n12kyw0",variantClassNames:{size:{sm:"_1n12kyw1",md:"_1n12kyw2",lg:"_1n12kyw3",xl:"_1n12kyw4"},status:{online:"_1n12kyw5",offline:"_1n12kyw6",busy:"_1n12kyw7",away:"_1n12kyw8"}},defaultVariants:{size:"md",status:"online"},compoundVariants:[]})};exports.AVATAR_STATUS_STYLES=n;
+//# sourceMappingURL=AvatarStatus.css.cjs.map

package/dist/components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStatus.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.d.ts

@@ -0,0 +1,36 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const AVATAR_STATUS_STYLES: {
+    recipe: RuntimeFn<{
+        size: {
+            sm: {
+                width: "0.5rem";
+                height: "0.5rem";
+                right: "-0.125rem";
+                bottom: "-0.125rem";
+            };
+            md: {
+                width: "0.625rem";
+                height: "0.625rem";
+                right: "-0.125rem";
+                bottom: "-0.125rem";
+            };
+            lg: {
+                width: "0.75rem";
+                height: "0.75rem";
+                right: "-0.1875rem";
+                bottom: "-0.1875rem";
+            };
+            xl: {
+                width: "0.875rem";
+                height: "0.875rem";
+                right: "-0.1875rem";
+                bottom: "-0.1875rem";
+            };
+        };
+        status: {
+            [k: string]: {
+                backgroundColor: `var(--${string})`;
+            };
+        };
+    }>;
+};

package/dist/components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.js

@@ -0,0 +1,8 @@
+/* empty css                                                  */
+/* empty css                                */
+import { createRuntimeFn as n } from "@vanilla-extract/recipes/createRuntimeFn";
+var t = { recipe: n({ defaultClassName: "_1n12kyw0", variantClassNames: { size: { sm: "_1n12kyw1", md: "_1n12kyw2", lg: "_1n12kyw3", xl: "_1n12kyw4" }, status: { online: "_1n12kyw5", offline: "_1n12kyw6", busy: "_1n12kyw7", away: "_1n12kyw8" } }, defaultVariants: { size: "md", status: "online" }, compoundVariants: [] }) };
+export {
+  t as AVATAR_STATUS_STYLES
+};
+//# sourceMappingURL=AvatarStatus.css.js.map

package/dist/components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStatus.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/data-display/avatar/components/avatar-status/types/AvatarStatus.props.d.ts

@@ -0,0 +1,13 @@
+import { AvatarSize, AvatarStatus as AvatarStatusType } from '../../../types/Avatar.types.ts';
+export type AvatarStatusProps = {
+    /** Status indicator variant. Defaults to `online`. */
+    status?: AvatarStatusType;
+    /** Size of the status indicator. Defaults to `md`. */
+    size?: AvatarSize;
+    /** Accessible label describing the status. Defaults to the status value. Use this for i18n. */
+    label?: string;
+    /** Additional CSS class names. */
+    className?: string;
+    /** Native HTML attributes forwarded to the status element. */
+    [key: string]: unknown;
+};

package/dist/components/data-display/avatar/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './avatar-root';
+export * from './avatar-image';
+export * from './avatar-fallback';
+export * from './avatar-status';

package/dist/components/data-display/avatar/constants/avatarColors.const.d.ts

@@ -0,0 +1,16 @@
+export declare const AVATAR_COLORS: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly tertiary: "tertiary";
+    readonly destructive: "destructive";
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly info: "info";
+    readonly purple: "purple";
+    readonly pink: "pink";
+    readonly orange: "orange";
+    readonly teal: "teal";
+    readonly cyan: "cyan";
+    readonly indigo: "indigo";
+};
+export declare const AVATAR_COLORS_ARRAY: ("primary" | "secondary" | "tertiary" | "success" | "warning" | "info" | "destructive" | "purple" | "pink" | "orange" | "teal" | "cyan" | "indigo")[];

package/dist/components/data-display/avatar/constants/avatarShapes.const.d.ts

@@ -0,0 +1,5 @@
+export declare const AVATAR_SHAPES: {
+    readonly circle: "circle";
+    readonly square: "square";
+};
+export declare const AVATAR_SHAPES_ARRAY: ("square" | "circle")[];

package/dist/components/data-display/avatar/constants/avatarSizes.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={md:"md"};exports.AVATAR_SIZES=e;
+//# sourceMappingURL=avatarSizes.const.cjs.map

package/dist/components/data-display/avatar/constants/avatarSizes.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarSizes.const.cjs","sources":["../../../../../src/components/data-display/avatar/constants/avatarSizes.const.ts"],"sourcesContent":["export const AVATAR_SIZES = {\r\n    sm: 'sm',\r\n    md: 'md',\r\n    lg: 'lg',\r\n    xl: 'xl',\r\n} as const\r\n\r\nexport const AVATAR_SIZES_ARRAY = Object.values(AVATAR_SIZES)\r\n"],"names":["AVATAR_SIZES"],"mappings":"gFAAO,MAAMA,EAAe,CAExB,GAAI,IAGR"}

package/dist/components/data-display/avatar/constants/avatarSizes.const.d.ts

@@ -0,0 +1,7 @@
+export declare const AVATAR_SIZES: {
+    readonly sm: "sm";
+    readonly md: "md";
+    readonly lg: "lg";
+    readonly xl: "xl";
+};
+export declare const AVATAR_SIZES_ARRAY: ("sm" | "md" | "lg" | "xl")[];

package/dist/components/data-display/avatar/constants/avatarSizes.const.js

@@ -0,0 +1,7 @@
+const A = {
+  md: "md"
+};
+export {
+  A as AVATAR_SIZES
+};
+//# sourceMappingURL=avatarSizes.const.js.map

package/dist/components/data-display/avatar/constants/avatarSizes.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarSizes.const.js","sources":["../../../../../src/components/data-display/avatar/constants/avatarSizes.const.ts"],"sourcesContent":["export const AVATAR_SIZES = {\r\n    sm: 'sm',\r\n    md: 'md',\r\n    lg: 'lg',\r\n    xl: 'xl',\r\n} as const\r\n\r\nexport const AVATAR_SIZES_ARRAY = Object.values(AVATAR_SIZES)\r\n"],"names":["AVATAR_SIZES"],"mappings":"AAAO,MAAMA,IAAe;AAAA,EAExB,IAAI;AAGR;"}

package/dist/components/data-display/avatar/constants/avatarStatus.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={online:"online"};exports.AVATAR_STATUS=e;
+//# sourceMappingURL=avatarStatus.const.cjs.map

package/dist/components/data-display/avatar/constants/avatarStatus.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarStatus.const.cjs","sources":["../../../../../src/components/data-display/avatar/constants/avatarStatus.const.ts"],"sourcesContent":["export const AVATAR_STATUS = {\r\n    online: 'online',\r\n    offline: 'offline',\r\n    busy: 'busy',\r\n    away: 'away',\r\n} as const\r\n\r\nexport const AVATAR_STATUS_ARRAY = Object.values(AVATAR_STATUS)\r\n"],"names":["AVATAR_STATUS"],"mappings":"gFAAO,MAAMA,EAAgB,CACzB,OAAQ,QAIZ"}

package/dist/components/data-display/avatar/constants/avatarStatus.const.d.ts

@@ -0,0 +1,7 @@
+export declare const AVATAR_STATUS: {
+    readonly online: "online";
+    readonly offline: "offline";
+    readonly busy: "busy";
+    readonly away: "away";
+};
+export declare const AVATAR_STATUS_ARRAY: ("online" | "offline" | "busy" | "away")[];

package/dist/components/data-display/avatar/constants/avatarStatus.const.js

@@ -0,0 +1,7 @@
+const n = {
+  online: "online"
+};
+export {
+  n as AVATAR_STATUS
+};
+//# sourceMappingURL=avatarStatus.const.js.map

package/dist/components/data-display/avatar/constants/avatarStatus.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarStatus.const.js","sources":["../../../../../src/components/data-display/avatar/constants/avatarStatus.const.ts"],"sourcesContent":["export const AVATAR_STATUS = {\r\n    online: 'online',\r\n    offline: 'offline',\r\n    busy: 'busy',\r\n    away: 'away',\r\n} as const\r\n\r\nexport const AVATAR_STATUS_ARRAY = Object.values(AVATAR_STATUS)\r\n"],"names":["AVATAR_STATUS"],"mappings":"AAAO,MAAMA,IAAgB;AAAA,EACzB,QAAQ;AAIZ;"}

package/dist/components/data-display/avatar/constants/index.d.ts

@@ -0,0 +1,4 @@
+export { AVATAR_COLORS, AVATAR_COLORS_ARRAY, } from './avatarColors.const.ts';
+export { AVATAR_SHAPES, AVATAR_SHAPES_ARRAY, } from './avatarShapes.const.ts';
+export { AVATAR_SIZES, AVATAR_SIZES_ARRAY, } from './avatarSizes.const.ts';
+export { AVATAR_STATUS, AVATAR_STATUS_ARRAY, } from './avatarStatus.const.ts';

package/dist/components/data-display/avatar/index.d.ts

@@ -0,0 +1,12 @@
+export { Avatar } from './Avatar.tsx';
+export { AVATAR_STYLES } from './components/avatar-root/styles/AvatarRoot.css.ts';
+export { AVATAR_IMAGE_STYLES } from './components/avatar-image/styles/AvatarImage.css.ts';
+export { AVATAR_FALLBACK_STYLES } from './components/avatar-fallback/styles/AvatarFallback.css.ts';
+export { AVATAR_STATUS_STYLES } from './components/avatar-status/styles/AvatarStatus.css.ts';
+export type { AvatarProps } from './types/Avatar.props.ts';
+export type { AvatarColor, AvatarShape, AvatarSize, AvatarStatus, } from './types/Avatar.types.ts';
+export type { AvatarRootProps } from './components/avatar-root/types/AvatarRoot.props.ts';
+export type { AvatarImageProps } from './components/avatar-image/types/AvatarImage.props.ts';
+export type { AvatarFallbackProps } from './components/avatar-fallback/types/AvatarFallback.props.ts';
+export type { AvatarStatusProps } from './components/avatar-status/types/AvatarStatus.props.ts';
+export type { AvatarCompound } from './types/index.ts';

package/dist/components/data-display/avatar/types/Avatar.props.d.ts

@@ -0,0 +1,41 @@
+import { Avatar } from '@base-ui/react/avatar';
+import { AvatarColor, AvatarShape, AvatarSize, AvatarStatus } from './Avatar.types.ts';
+import type * as React from 'react';
+export type AvatarProps = {
+    /** Ref forwarded to the underlying `<span>` element. */
+    ref?: React.Ref<HTMLSpanElement>;
+    /** The URL of the image to display. */
+    src?: string;
+    /** Accessible text description of the image. */
+    alt?: string;
+    /** Initials displayed when the image fails to load or is omitted. */
+    initials?: string;
+    /** Iconify icon name displayed as a fallback when no initials are provided. */
+    icon?: string;
+    /** Size variant. Defaults to `md`. */
+    size?: AvatarSize;
+    /** Shape variant. Defaults to `circle`. */
+    shape?: AvatarShape;
+    /** Semantic color intent for the fallback background. Defaults to `primary`. */
+    color?: AvatarColor;
+    /** Optional status indicator rendered at the bottom-right edge. */
+    status?: AvatarStatus;
+    /** Accessible label describing the status. Defaults to the status value. Use this for i18n. */
+    statusLabel?: string;
+    /** Size of the status indicator. Defaults to the avatar size. */
+    statusSize?: AvatarSize;
+    /** Accessible label for the avatar. Use when the avatar represents a user or entity. */
+    'aria-label'?: string;
+    /** Id of the element that labels the avatar. */
+    'aria-labelledby'?: string;
+    /** Semantic role for the avatar. Use `button` when the avatar is interactive. */
+    role?: React.HTMLAttributes<HTMLSpanElement>['role'];
+    /** Delay in milliseconds before showing the fallback. */
+    fallbackDelay?: Avatar.Fallback.Props['delay'];
+    /** Callback fired when the image loading status changes. */
+    onLoadingStatusChange?: Avatar.Image.Props['onLoadingStatusChange'];
+    /** Additional CSS class names. */
+    className?: string;
+    /** Native HTML attributes forwarded to the root element. */
+    [key: string]: unknown;
+};

package/dist/components/data-display/avatar/types/Avatar.types.d.ts

@@ -0,0 +1,9 @@
+import { AVATAR_COLORS, AVATAR_SHAPES, AVATAR_SIZES, AVATAR_STATUS } from '../constants';
+/** Size variants for the Avatar component. */
+export type AvatarSize = (typeof AVATAR_SIZES)[keyof typeof AVATAR_SIZES];
+/** Shape variants for the Avatar component. */
+export type AvatarShape = (typeof AVATAR_SHAPES)[keyof typeof AVATAR_SHAPES];
+/** Semantic color intent used for the fallback surface. */
+export type AvatarColor = (typeof AVATAR_COLORS)[keyof typeof AVATAR_COLORS];
+/** Status indicator variants for the Avatar component. */
+export type AvatarStatus = (typeof AVATAR_STATUS)[keyof typeof AVATAR_STATUS];

package/dist/components/data-display/avatar/types/index.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { default as AvatarFallback } from '../components/avatar-fallback/AvatarFallback.tsx';
+import { default as AvatarImage } from '../components/avatar-image/AvatarImage.tsx';
+import { default as AvatarRoot } from '../components/avatar-root/AvatarRoot.tsx';
+import { default as AvatarStatus } from '../components/avatar-status/AvatarStatus.tsx';
+import { AvatarProps } from './Avatar.props.ts';
+export type { AvatarProps } from './Avatar.props.ts';
+export type { AvatarColor, AvatarShape, AvatarSize, AvatarStatus, } from './Avatar.types.ts';
+export type AvatarCompound = FC<AvatarProps> & {
+    Root: typeof AvatarRoot;
+    Image: typeof AvatarImage;
+    Fallback: typeof AvatarFallback;
+    Status: typeof AvatarStatus;
+};

package/dist/components/data-display/avatar-group/AvatarGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),n=require("react"),p=require("../avatar/Avatar.cjs");require("../avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../avatar/components/avatar-status/styles/AvatarStatus.css.cjs");const C=require("./constants/avatarGroupSpacing.const.cjs"),b=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const j=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const x=require("../../../utils/cn.cjs"),G=i=>`${i} more`,v=n.memo(({children:i,max:e,spacing:m="md",overflowLabel:q=G,className:y,ref:A,...g})=>{const r=n.Children.toArray(i),d=e!==void 0?Math.min(r.length,e):r.length,o=e!==void 0?Math.max(r.length-e,0):0,h=r.slice(0,d),l=C.AVATAR_GROUP_SPACING[m];return a.jsxs(j,{ref:A,inline:!0,alignItems:"center",gap:"none",className:x.cn(y),...g,children:[h.map((t,c)=>{const u=c===0?void 0:{marginLeft:l};if(n.isValidElement(t)&&t.type===p.Avatar){const s=t,f=typeof s.props.style=="object"&&s.props.style!==null?s.props.style:{};return n.cloneElement(s,{style:{...f,...u}})}return a.jsx(b,{as:"span",style:u,children:t},c)}),o>0&&a.jsx(p.Avatar,{initials:`+${o}`,"aria-label":q(o),role:"img",style:{marginLeft:l}})]})});v.displayName="AvatarGroup";module.exports=v;
+//# sourceMappingURL=AvatarGroup.cjs.map

package/dist/components/data-display/avatar-group/AvatarGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.cjs","sources":["../../../../src/components/data-display/avatar-group/AvatarGroup.tsx"],"sourcesContent":["import {\r\n    Children,\r\n    cloneElement,\r\n    isValidElement,\r\n    memo,\r\n    type FC,\r\n    type ReactElement,\r\n} from 'react'\r\n\r\nimport { Avatar } from '@components/data-display/avatar'\r\nimport { AVATAR_GROUP_SPACING } from '@components/data-display/avatar-group/constants'\r\nimport type { AvatarGroupProps } from '@components/data-display/avatar-group/types/AvatarGroup.props.ts'\r\nimport type { AvatarProps } from '@components/data-display/avatar/types/Avatar.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst defaultOverflowLabel = (count: number) => `${count} more`\r\n\r\nconst AvatarGroup: FC<AvatarGroupProps> = memo(({\r\n    children,\r\n    max,\r\n    spacing = 'md',\r\n    overflowLabel = defaultOverflowLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const childArray = Children.toArray(children)\r\n    const visibleCount =\r\n    max !== undefined ? Math.min(childArray.length, max) : childArray.length\r\n    const overflowCount =\r\n    max !== undefined ? Math.max(childArray.length - max, 0) : 0\r\n    const visibleChildren = childArray.slice(0, visibleCount)\r\n    const overlap = AVATAR_GROUP_SPACING[spacing]\r\n\r\n    return (\r\n        <Flex\r\n            ref={ref}\r\n            inline\r\n            alignItems={'center'}\r\n            gap={'none'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {visibleChildren.map((child, index) => {\r\n                const isFirst = index === 0\r\n                const style = isFirst ? undefined : { marginLeft: overlap }\r\n\r\n                if (isValidElement(child) && child.type === Avatar) {\r\n                    const avatarChild = child as ReactElement<AvatarProps>\r\n                    const existingStyle =\r\n            typeof avatarChild.props.style === 'object' &&\r\n            avatarChild.props.style !== null\r\n                ? avatarChild.props.style\r\n                : {}\r\n                    return cloneElement(avatarChild, {\r\n                        style: {\r\n                            ...existingStyle,\r\n                            ...style,\r\n                        },\r\n                    })\r\n                }\r\n\r\n                return (\r\n                    <Box\r\n                        as={'span'}\r\n                        key={index}\r\n                        style={style}\r\n                    >\r\n                        {child}\r\n                    </Box>\r\n                )\r\n            })}\r\n            {overflowCount > 0 && (\r\n                <Avatar\r\n                    initials={`+${overflowCount}`}\r\n                    aria-label={overflowLabel(overflowCount)}\r\n                    role={'img'}\r\n                    style={{ marginLeft: overlap }}\r\n                />\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nAvatarGroup.displayName = 'AvatarGroup'\r\n\r\nexport default AvatarGroup\r\n"],"names":["defaultOverflowLabel","count","AvatarGroup","memo","children","max","spacing","overflowLabel","className","ref","props","childArray","Children","visibleCount","overflowCount","visibleChildren","overlap","AVATAR_GROUP_SPACING","jsxs","Flex","cn","child","index","style","isValidElement","Avatar","avatarChild","existingStyle","cloneElement","jsx","Box"],"mappings":"sqBAiBMA,EAAwBC,GAAkB,GAAGA,CAAK,QAElDC,EAAoCC,EAAAA,KAAK,CAAC,CAC5C,SAAAC,EACA,IAAAC,EACA,QAAAC,EAAU,KACV,cAAAC,EAAgBP,EAChB,UAAAQ,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,SAAS,QAAQR,CAAQ,EACtCS,EACNR,IAAQ,OAAY,KAAK,IAAIM,EAAW,OAAQN,CAAG,EAAIM,EAAW,OAC5DG,EACNT,IAAQ,OAAY,KAAK,IAAIM,EAAW,OAASN,EAAK,CAAC,EAAI,EACrDU,EAAkBJ,EAAW,MAAM,EAAGE,CAAY,EAClDG,EAAUC,EAAAA,qBAAqBX,CAAO,EAE5C,OACIY,EAAAA,KAACC,EAAA,CACG,IAAAV,EACA,OAAM,GACN,WAAY,SACZ,IAAK,OACL,UAAWW,EAAAA,GAAGZ,CAAS,EACtB,GAAGE,EAEH,SAAA,CAAAK,EAAgB,IAAI,CAACM,EAAOC,IAAU,CAEnC,MAAMC,EADUD,IAAU,EACF,OAAY,CAAE,WAAYN,CAAA,EAElD,GAAIQ,EAAAA,eAAeH,CAAK,GAAKA,EAAM,OAASI,EAAAA,OAAQ,CAChD,MAAMC,EAAcL,EACdM,EACd,OAAOD,EAAY,MAAM,OAAU,UACnCA,EAAY,MAAM,QAAU,KACtBA,EAAY,MAAM,MAClB,CAAA,EACE,OAAOE,EAAAA,aAAaF,EAAa,CAC7B,MAAO,CACH,GAAGC,EACH,GAAGJ,CAAA,CACP,CACH,CACL,CAEA,OACIM,EAAAA,IAACC,EAAA,CACG,GAAI,OAEJ,MAAAP,EAEC,SAAAF,CAAA,EAHIC,CAAA,CAMjB,CAAC,EACAR,EAAgB,GACbe,EAAAA,IAACJ,EAAAA,OAAA,CACG,SAAU,IAAIX,CAAa,GAC3B,aAAYP,EAAcO,CAAa,EACvC,KAAM,MACN,MAAO,CAAE,WAAYE,CAAA,CAAQ,CAAA,CACjC,CAAA,CAAA,CAIhB,CAAC,EAEDd,EAAY,YAAc"}

package/dist/components/data-display/avatar-group/AvatarGroup.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { AvatarGroupProps } from './types/AvatarGroup.props.ts';
+declare const AvatarGroup: FC<AvatarGroupProps>;
+export default AvatarGroup;

package/dist/components/data-display/avatar-group/AvatarGroup.js

@@ -0,0 +1,72 @@
+import { jsxs as h, jsx as m } from "react/jsx-runtime";
+import { memo as C, Children as b, isValidElement as G, cloneElement as j } from "react";
+import { Avatar as p } from "../avatar/Avatar.js";
+import "../avatar/components/avatar-root/styles/AvatarRoot.css.js";
+import "../avatar/components/avatar-image/styles/AvatarImage.css.js";
+import "../avatar/components/avatar-fallback/styles/AvatarFallback.css.js";
+import "../avatar/components/avatar-status/styles/AvatarStatus.css.js";
+import { AVATAR_GROUP_SPACING as x } from "./constants/avatarGroupSpacing.const.js";
+import F from "../../layout/box/Box.js";
+import "../../layout/box/styles/Box.css.js";
+import L from "../../layout/flex/Flex.js";
+import "../../layout/flex/styles/Flex.css.js";
+import { cn as N } from "../../../utils/cn.js";
+const w = (i) => `${i} more`, E = C(({
+  children: i,
+  max: t,
+  spacing: c = "md",
+  overflowLabel: f = w,
+  className: v,
+  ref: y,
+  ...u
+}) => {
+  const r = b.toArray(i), d = t !== void 0 ? Math.min(r.length, t) : r.length, s = t !== void 0 ? Math.max(r.length - t, 0) : 0, g = r.slice(0, d), n = x[c];
+  return /* @__PURE__ */ h(
+    L,
+    {
+      ref: y,
+      inline: !0,
+      alignItems: "center",
+      gap: "none",
+      className: N(v),
+      ...u,
+      children: [
+        g.map((o, l) => {
+          const a = l === 0 ? void 0 : { marginLeft: n };
+          if (G(o) && o.type === p) {
+            const e = o, A = typeof e.props.style == "object" && e.props.style !== null ? e.props.style : {};
+            return j(e, {
+              style: {
+                ...A,
+                ...a
+              }
+            });
+          }
+          return /* @__PURE__ */ m(
+            F,
+            {
+              as: "span",
+              style: a,
+              children: o
+            },
+            l
+          );
+        }),
+        s > 0 && /* @__PURE__ */ m(
+          p,
+          {
+            initials: `+${s}`,
+            "aria-label": f(s),
+            role: "img",
+            style: { marginLeft: n }
+          }
+        )
+      ]
+    }
+  );
+});
+E.displayName = "AvatarGroup";
+export {
+  E as default
+};
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/components/data-display/avatar-group/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sources":["../../../../src/components/data-display/avatar-group/AvatarGroup.tsx"],"sourcesContent":["import {\r\n    Children,\r\n    cloneElement,\r\n    isValidElement,\r\n    memo,\r\n    type FC,\r\n    type ReactElement,\r\n} from 'react'\r\n\r\nimport { Avatar } from '@components/data-display/avatar'\r\nimport { AVATAR_GROUP_SPACING } from '@components/data-display/avatar-group/constants'\r\nimport type { AvatarGroupProps } from '@components/data-display/avatar-group/types/AvatarGroup.props.ts'\r\nimport type { AvatarProps } from '@components/data-display/avatar/types/Avatar.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst defaultOverflowLabel = (count: number) => `${count} more`\r\n\r\nconst AvatarGroup: FC<AvatarGroupProps> = memo(({\r\n    children,\r\n    max,\r\n    spacing = 'md',\r\n    overflowLabel = defaultOverflowLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const childArray = Children.toArray(children)\r\n    const visibleCount =\r\n    max !== undefined ? Math.min(childArray.length, max) : childArray.length\r\n    const overflowCount =\r\n    max !== undefined ? Math.max(childArray.length - max, 0) : 0\r\n    const visibleChildren = childArray.slice(0, visibleCount)\r\n    const overlap = AVATAR_GROUP_SPACING[spacing]\r\n\r\n    return (\r\n        <Flex\r\n            ref={ref}\r\n            inline\r\n            alignItems={'center'}\r\n            gap={'none'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {visibleChildren.map((child, index) => {\r\n                const isFirst = index === 0\r\n                const style = isFirst ? undefined : { marginLeft: overlap }\r\n\r\n                if (isValidElement(child) && child.type === Avatar) {\r\n                    const avatarChild = child as ReactElement<AvatarProps>\r\n                    const existingStyle =\r\n            typeof avatarChild.props.style === 'object' &&\r\n            avatarChild.props.style !== null\r\n                ? avatarChild.props.style\r\n                : {}\r\n                    return cloneElement(avatarChild, {\r\n                        style: {\r\n                            ...existingStyle,\r\n                            ...style,\r\n                        },\r\n                    })\r\n                }\r\n\r\n                return (\r\n                    <Box\r\n                        as={'span'}\r\n                        key={index}\r\n                        style={style}\r\n                    >\r\n                        {child}\r\n                    </Box>\r\n                )\r\n            })}\r\n            {overflowCount > 0 && (\r\n                <Avatar\r\n                    initials={`+${overflowCount}`}\r\n                    aria-label={overflowLabel(overflowCount)}\r\n                    role={'img'}\r\n                    style={{ marginLeft: overlap }}\r\n                />\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nAvatarGroup.displayName = 'AvatarGroup'\r\n\r\nexport default AvatarGroup\r\n"],"names":["defaultOverflowLabel","count","AvatarGroup","memo","children","max","spacing","overflowLabel","className","ref","props","childArray","Children","visibleCount","overflowCount","visibleChildren","overlap","AVATAR_GROUP_SPACING","jsxs","Flex","cn","child","index","style","isValidElement","Avatar","avatarChild","existingStyle","cloneElement","jsx","Box"],"mappings":";;;;;;;;;;;;;AAiBA,MAAMA,IAAuB,CAACC,MAAkB,GAAGA,CAAK,SAElDC,IAAoCC,EAAK,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgBP;AAAA,EAChB,WAAAQ;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAS,QAAQR,CAAQ,GACtCS,IACNR,MAAQ,SAAY,KAAK,IAAIM,EAAW,QAAQN,CAAG,IAAIM,EAAW,QAC5DG,IACNT,MAAQ,SAAY,KAAK,IAAIM,EAAW,SAASN,GAAK,CAAC,IAAI,GACrDU,IAAkBJ,EAAW,MAAM,GAAGE,CAAY,GAClDG,IAAUC,EAAqBX,CAAO;AAE5C,SACI,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAV;AAAA,MACA,QAAM;AAAA,MACN,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAWW,EAAGZ,CAAS;AAAA,MACtB,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAK,EAAgB,IAAI,CAACM,GAAOC,MAAU;AAEnC,gBAAMC,IADUD,MAAU,IACF,SAAY,EAAE,YAAYN,EAAA;AAElD,cAAIQ,EAAeH,CAAK,KAAKA,EAAM,SAASI,GAAQ;AAChD,kBAAMC,IAAcL,GACdM,IACd,OAAOD,EAAY,MAAM,SAAU,YACnCA,EAAY,MAAM,UAAU,OACtBA,EAAY,MAAM,QAClB,CAAA;AACE,mBAAOE,EAAaF,GAAa;AAAA,cAC7B,OAAO;AAAA,gBACH,GAAGC;AAAA,gBACH,GAAGJ;AAAA,cAAA;AAAA,YACP,CACH;AAAA,UACL;AAEA,iBACI,gBAAAM;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,IAAI;AAAA,cAEJ,OAAAP;AAAA,cAEC,UAAAF;AAAA,YAAA;AAAA,YAHIC;AAAA,UAAA;AAAA,QAMjB,CAAC;AAAA,QACAR,IAAgB,KACb,gBAAAe;AAAA,UAACJ;AAAA,UAAA;AAAA,YACG,UAAU,IAAIX,CAAa;AAAA,YAC3B,cAAYP,EAAcO,CAAa;AAAA,YACvC,MAAM;AAAA,YACN,OAAO,EAAE,YAAYE,EAAA;AAAA,UAAQ;AAAA,QAAA;AAAA,MACjC;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDd,EAAY,cAAc;"}

package/dist/components/data-display/avatar-group/constants/avatarGroupSpacing.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={none:"0",sm:"-0.5rem",md:"-0.75rem",lg:"-1rem",xl:"-1.5rem"};exports.AVATAR_GROUP_SPACING=e;
+//# sourceMappingURL=avatarGroupSpacing.const.cjs.map

package/dist/components/data-display/avatar-group/constants/avatarGroupSpacing.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarGroupSpacing.const.cjs","sources":["../../../../../src/components/data-display/avatar-group/constants/avatarGroupSpacing.const.ts"],"sourcesContent":["import type { AvatarGroupSpacing } from '@components/data-display/avatar-group/types/AvatarGroup.props.ts'\r\n\r\nexport const AVATAR_GROUP_SPACING: Record<AvatarGroupSpacing, string> = {\r\n    none: '0',\r\n    sm: '-0.5rem',\r\n    md: '-0.75rem',\r\n    lg: '-1rem',\r\n    xl: '-1.5rem',\r\n}\r\n"],"names":["AVATAR_GROUP_SPACING"],"mappings":"gFAEO,MAAMA,EAA2D,CACpE,KAAM,IACN,GAAI,UACJ,GAAI,WACJ,GAAI,QACJ,GAAI,SACR"}

package/dist/components/data-display/avatar-group/constants/avatarGroupSpacing.const.d.ts

@@ -0,0 +1,2 @@
+import { AvatarGroupSpacing } from '../types/AvatarGroup.props.ts';
+export declare const AVATAR_GROUP_SPACING: Record<AvatarGroupSpacing, string>;

package/dist/components/data-display/avatar-group/constants/avatarGroupSpacing.const.js

@@ -0,0 +1,11 @@
+const e = {
+  none: "0",
+  sm: "-0.5rem",
+  md: "-0.75rem",
+  lg: "-1rem",
+  xl: "-1.5rem"
+};
+export {
+  e as AVATAR_GROUP_SPACING
+};
+//# sourceMappingURL=avatarGroupSpacing.const.js.map

package/dist/components/data-display/avatar-group/constants/avatarGroupSpacing.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarGroupSpacing.const.js","sources":["../../../../../src/components/data-display/avatar-group/constants/avatarGroupSpacing.const.ts"],"sourcesContent":["import type { AvatarGroupSpacing } from '@components/data-display/avatar-group/types/AvatarGroup.props.ts'\r\n\r\nexport const AVATAR_GROUP_SPACING: Record<AvatarGroupSpacing, string> = {\r\n    none: '0',\r\n    sm: '-0.5rem',\r\n    md: '-0.75rem',\r\n    lg: '-1rem',\r\n    xl: '-1.5rem',\r\n}\r\n"],"names":["AVATAR_GROUP_SPACING"],"mappings":"AAEO,MAAMA,IAA2D;AAAA,EACpE,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;"}