@choco-vanille/ui 1.1.1 → 1.1.2

package/dist/components/actions/toggle-icon-button/styles/ToggleIconButton.css.d.ts

@@ -0,0 +1,221 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+export declare const TOGGLE_ICON_BUTTON_STYLES: {
+    recipe: RuntimeFn<{
+        variant: {
+            outlined: {
+                borderColor: `var(--${string})`;
+            };
+            ghost: {
+                borderColor: "transparent";
+            };
+        };
+        color: {
+            primary: {
+                color: `var(--${string})`;
+                selectors: {
+                    '&:hover': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    '&:active': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]": {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    "&[data-pressed]:hover": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]:active": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                };
+            };
+            secondary: {
+                color: `var(--${string})`;
+                selectors: {
+                    '&:hover': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    '&:active': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]": {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    "&[data-pressed]:hover": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]:active": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                };
+            };
+            tertiary: {
+                color: `var(--${string})`;
+                selectors: {
+                    '&:hover': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    '&:active': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]": {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    "&[data-pressed]:hover": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]:active": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                };
+            };
+            destructive: {
+                color: `var(--${string})`;
+                selectors: {
+                    '&:hover': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    '&:active': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]": {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    "&[data-pressed]:hover": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]:active": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                };
+            };
+            success: {
+                color: `var(--${string})`;
+                selectors: {
+                    '&:hover': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    '&:active': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]": {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    "&[data-pressed]:hover": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]:active": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                };
+            };
+            warning: {
+                color: `var(--${string})`;
+                selectors: {
+                    '&:hover': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    '&:active': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]": {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    "&[data-pressed]:hover": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]:active": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                };
+            };
+            info: {
+                color: `var(--${string})`;
+                selectors: {
+                    '&:hover': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    '&:active': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]": {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    "&[data-pressed]:hover": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]:active": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                };
+            };
+        };
+        size: {
+            xs: {
+                height: "2rem";
+                width: "2rem";
+            };
+            sm: {
+                height: "2.25rem";
+                width: "2.25rem";
+            };
+            md: {
+                height: "2.5rem";
+                width: "2.5rem";
+            };
+            lg: {
+                height: "2.75rem";
+                width: "2.75rem";
+            };
+        };
+        radius: {
+            none: {
+                borderRadius: "0";
+            };
+            xs: {
+                borderRadius: "0.25rem";
+            };
+            sm: {
+                borderRadius: "0.375rem";
+            };
+            md: {
+                borderRadius: "0.5rem";
+            };
+            lg: {
+                borderRadius: "0.625rem";
+            };
+            xl: {
+                borderRadius: "0.875rem";
+            };
+            '2xl': {
+                borderRadius: "1.25rem";
+            };
+            full: {
+                borderRadius: "9999px";
+            };
+        };
+    }>;
+};
+export type ToggleIconButtonRecipeVariants = NonNullable<RecipeVariants<typeof TOGGLE_ICON_BUTTON_STYLES.recipe>>;

package/dist/components/actions/toggle-icon-button/styles/ToggleIconButton.css.js

@@ -0,0 +1,9 @@
+/* empty css                                            */
+/* empty css                                                           */
+/* empty css                                    */
+import { createRuntimeFn as i } from "@vanilla-extract/recipes/createRuntimeFn";
+var _ = { recipe: i({ defaultClassName: "_1iwec930", variantClassNames: { variant: { outlined: "_1iwec931", ghost: "_1iwec932" }, color: { primary: "_1iwec933", secondary: "_1iwec934", tertiary: "_1iwec935", destructive: "_1iwec936", success: "_1iwec937", warning: "_1iwec938", info: "_1iwec939" }, size: { xs: "_1iwec93a", sm: "_1iwec93b", md: "_1iwec93c", lg: "_1iwec93d" }, radius: { none: "_1iwec93e", xs: "_1iwec93f", sm: "_1iwec93g", md: "_1iwec93h", lg: "_1iwec93i", xl: "_1iwec93j", "2xl": "_1iwec93k", full: "_1iwec93l" } }, defaultVariants: { variant: "outlined", color: "primary", size: "md", radius: "sm" }, compoundVariants: [] }) };
+export {
+  _ as TOGGLE_ICON_BUTTON_STYLES
+};
+//# sourceMappingURL=ToggleIconButton.css.js.map

package/dist/components/actions/toggle-icon-button/styles/ToggleIconButton.css.js.map

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

package/dist/components/actions/toggle-icon-button/types/ToggleIconButton.props.d.ts

@@ -0,0 +1,11 @@
+import { Toggle } from '@base-ui/react/toggle';
+import { ToggleIconButtonRecipeVariants } from '../styles/ToggleIconButton.css.ts';
+import type * as React from 'react';
+export type ToggleIconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'aria-label' | 'color'> & ToggleIconButtonRecipeVariants & Pick<Toggle.Props, 'pressed' | 'defaultPressed' | 'onPressedChange' | 'value' | 'disabled'> & {
+    /** Ref forwarded to the underlying `<button>` element. */
+    ref?: React.Ref<HTMLButtonElement>;
+    /** Iconify icon name rendered inside the button. */
+    icon: string;
+    /** Accessible label for the button (used as aria-label). */
+    'aria-label': string;
+};

package/dist/components/actions/toggle-icon-button/types/ToggleIconButton.types.d.ts

@@ -0,0 +1,11 @@
+import { ButtonColorShared } from '../../_shared/buttons/types';
+import { IconButtonSize } from '../../icon-button';
+import { Radius } from '../../../../theme/tokens/radii.ts';
+/** Color variants for the ToggleIconButton component, mapped to theme colors. */
+export type ToggleIconButtonColor = ButtonColorShared;
+/** Size variants for the ToggleIconButton component. */
+export type ToggleIconButtonSize = IconButtonSize;
+/** Border radius variants for the ToggleIconButton component. */
+export type ToggleIconButtonRadius = keyof Radius;
+/** Visual style variants for the ToggleIconButton component. */
+export type ToggleIconButtonVariant = 'ghost' | 'outlined';

package/dist/components/data-display/avatar/Avatar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./components/avatar-fallback/AvatarFallback.cjs"),c=require("./components/avatar-image/AvatarImage.cjs"),n=require("./components/avatar-root/AvatarRoot.cjs"),i=require("./components/avatar-status/AvatarStatus.cjs"),R=require("./constants/avatarSizes.const.cjs"),I=require("react"),a=I.memo(({src:t,alt:l,initials:u,icon:m,size:r=R.AVATAR_SIZES.md,shape:A="circle",color:v="primary",status:o,statusLabel:q,statusSize:S,fallbackDelay:d,onLoadingStatusChange:j,className:b,ref:g,...x})=>{const y=!!t;return e.jsxs(n,{ref:g,size:r,shape:A,color:v,className:b,...x,children:[y&&e.jsx(c,{src:t,alt:l,onLoadingStatusChange:j}),e.jsx(s,{initials:u,icon:m,size:r,delay:d}),o&&e.jsx(i,{status:o,size:S??r,label:q})]})});a.displayName="Avatar";a.Root=n;a.Image=c;a.Fallback=s;a.Status=i;exports.Avatar=a;
+//# sourceMappingURL=Avatar.cjs.map

package/dist/components/data-display/avatar/Avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/data-display/avatar/Avatar.tsx"],"sourcesContent":["import AvatarFallback from '@components/data-display/avatar/components/avatar-fallback/AvatarFallback.tsx'\r\nimport AvatarImage from '@components/data-display/avatar/components/avatar-image/AvatarImage.tsx'\r\nimport AvatarRoot from '@components/data-display/avatar/components/avatar-root/AvatarRoot.tsx'\r\nimport AvatarStatus from '@components/data-display/avatar/components/avatar-status/AvatarStatus.tsx'\r\nimport { AVATAR_SIZES } from '@components/data-display/avatar/constants'\r\nimport type { AvatarCompound } from '@components/data-display/avatar/types/index.ts'\r\nimport type { AvatarProps } from '@components/data-display/avatar/types/Avatar.props.ts'\r\nimport { memo } from 'react'\r\n\r\nconst Avatar = memo<AvatarProps>(({\r\n    src,\r\n    alt,\r\n    initials,\r\n    icon,\r\n    size = AVATAR_SIZES.md,\r\n    shape = 'circle',\r\n    color = 'primary',\r\n    status,\r\n    statusLabel,\r\n    statusSize,\r\n    fallbackDelay,\r\n    onLoadingStatusChange,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const hasImage = Boolean(src)\r\n\r\n    return (\r\n        <AvatarRoot\r\n            ref={ref}\r\n            size={size}\r\n            shape={shape}\r\n            color={color}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            {hasImage && (\r\n                <AvatarImage\r\n                    src={src}\r\n                    alt={alt}\r\n                    onLoadingStatusChange={onLoadingStatusChange}\r\n                />\r\n            )}\r\n            <AvatarFallback\r\n                initials={initials}\r\n                icon={icon}\r\n                size={size}\r\n                delay={fallbackDelay}\r\n            />\r\n            {status && (\r\n                <AvatarStatus\r\n                    status={status}\r\n                    size={statusSize ?? size}\r\n                    label={statusLabel}\r\n                />\r\n            )}\r\n        </AvatarRoot>\r\n    )\r\n}) as unknown as AvatarCompound\r\n\r\nAvatar.displayName = 'Avatar'\r\nAvatar.Root = AvatarRoot\r\nAvatar.Image = AvatarImage\r\nAvatar.Fallback = AvatarFallback\r\nAvatar.Status = AvatarStatus\r\n\r\nexport { Avatar }\r\n"],"names":["Avatar","memo","src","alt","initials","icon","size","AVATAR_SIZES","shape","color","status","statusLabel","statusSize","fallbackDelay","onLoadingStatusChange","className","ref","props","hasImage","jsxs","AvatarRoot","jsx","AvatarImage","AvatarFallback","AvatarStatus"],"mappings":"yZASMA,EAASC,EAAAA,KAAkB,CAAC,CAC9B,IAAAC,EACA,IAAAC,EACA,SAAAC,EACA,KAAAC,EACA,KAAAC,EAAOC,EAAAA,aAAa,GACpB,MAAAC,EAAQ,SACR,MAAAC,EAAQ,UACR,OAAAC,EACA,YAAAC,EACA,WAAAC,EACA,cAAAC,EACA,sBAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAW,EAAQhB,EAEzB,OACIiB,EAAAA,KAACC,EAAA,CACG,IAAAJ,EACA,KAAAV,EACA,MAAAE,EACA,MAAAC,EACA,UAAAM,EACC,GAAGE,EAEH,SAAA,CAAAC,GACGG,EAAAA,IAACC,EAAA,CACG,IAAApB,EACA,IAAAC,EACA,sBAAAW,CAAA,CAAA,EAGRO,EAAAA,IAACE,EAAA,CACG,SAAAnB,EACA,KAAAC,EACA,KAAAC,EACA,MAAOO,CAAA,CAAA,EAEVH,GACGW,EAAAA,IAACG,EAAA,CACG,OAAAd,EACA,KAAME,GAAcN,EACpB,MAAOK,CAAA,CAAA,CACX,CAAA,CAAA,CAIhB,CAAC,EAEDX,EAAO,YAAc,SACrBA,EAAO,KAAOoB,EACdpB,EAAO,MAAQsB,EACftB,EAAO,SAAWuB,EAClBvB,EAAO,OAASwB"}

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

@@ -0,0 +1,3 @@
+import { AvatarCompound } from './types/index.ts';
+declare const Avatar: AvatarCompound;
+export { Avatar };

package/dist/components/data-display/avatar/Avatar.js

@@ -0,0 +1,70 @@
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import e from "./components/avatar-fallback/AvatarFallback.js";
+import l from "./components/avatar-image/AvatarImage.js";
+import i from "./components/avatar-root/AvatarRoot.js";
+import p from "./components/avatar-status/AvatarStatus.js";
+import { AVATAR_SIZES as y } from "./constants/avatarSizes.const.js";
+import { memo as R } from "react";
+const a = R(({
+  src: m,
+  alt: A,
+  initials: f,
+  icon: c,
+  size: r = y.md,
+  shape: s = "circle",
+  color: v = "primary",
+  status: t,
+  statusLabel: n,
+  statusSize: I,
+  fallbackDelay: d,
+  onLoadingStatusChange: g,
+  className: S,
+  ref: b,
+  ...h
+}) => /* @__PURE__ */ x(
+  i,
+  {
+    ref: b,
+    size: r,
+    shape: s,
+    color: v,
+    className: S,
+    ...h,
+    children: [
+      !!m && /* @__PURE__ */ o(
+        l,
+        {
+          src: m,
+          alt: A,
+          onLoadingStatusChange: g
+        }
+      ),
+      /* @__PURE__ */ o(
+        e,
+        {
+          initials: f,
+          icon: c,
+          size: r,
+          delay: d
+        }
+      ),
+      t && /* @__PURE__ */ o(
+        p,
+        {
+          status: t,
+          size: I ?? r,
+          label: n
+        }
+      )
+    ]
+  }
+));
+a.displayName = "Avatar";
+a.Root = i;
+a.Image = l;
+a.Fallback = e;
+a.Status = p;
+export {
+  a as Avatar
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/components/data-display/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/data-display/avatar/Avatar.tsx"],"sourcesContent":["import AvatarFallback from '@components/data-display/avatar/components/avatar-fallback/AvatarFallback.tsx'\r\nimport AvatarImage from '@components/data-display/avatar/components/avatar-image/AvatarImage.tsx'\r\nimport AvatarRoot from '@components/data-display/avatar/components/avatar-root/AvatarRoot.tsx'\r\nimport AvatarStatus from '@components/data-display/avatar/components/avatar-status/AvatarStatus.tsx'\r\nimport { AVATAR_SIZES } from '@components/data-display/avatar/constants'\r\nimport type { AvatarCompound } from '@components/data-display/avatar/types/index.ts'\r\nimport type { AvatarProps } from '@components/data-display/avatar/types/Avatar.props.ts'\r\nimport { memo } from 'react'\r\n\r\nconst Avatar = memo<AvatarProps>(({\r\n    src,\r\n    alt,\r\n    initials,\r\n    icon,\r\n    size = AVATAR_SIZES.md,\r\n    shape = 'circle',\r\n    color = 'primary',\r\n    status,\r\n    statusLabel,\r\n    statusSize,\r\n    fallbackDelay,\r\n    onLoadingStatusChange,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const hasImage = Boolean(src)\r\n\r\n    return (\r\n        <AvatarRoot\r\n            ref={ref}\r\n            size={size}\r\n            shape={shape}\r\n            color={color}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            {hasImage && (\r\n                <AvatarImage\r\n                    src={src}\r\n                    alt={alt}\r\n                    onLoadingStatusChange={onLoadingStatusChange}\r\n                />\r\n            )}\r\n            <AvatarFallback\r\n                initials={initials}\r\n                icon={icon}\r\n                size={size}\r\n                delay={fallbackDelay}\r\n            />\r\n            {status && (\r\n                <AvatarStatus\r\n                    status={status}\r\n                    size={statusSize ?? size}\r\n                    label={statusLabel}\r\n                />\r\n            )}\r\n        </AvatarRoot>\r\n    )\r\n}) as unknown as AvatarCompound\r\n\r\nAvatar.displayName = 'Avatar'\r\nAvatar.Root = AvatarRoot\r\nAvatar.Image = AvatarImage\r\nAvatar.Fallback = AvatarFallback\r\nAvatar.Status = AvatarStatus\r\n\r\nexport { Avatar }\r\n"],"names":["Avatar","memo","src","alt","initials","icon","size","AVATAR_SIZES","shape","color","status","statusLabel","statusSize","fallbackDelay","onLoadingStatusChange","className","ref","props","jsxs","AvatarRoot","jsx","AvatarImage","AvatarFallback","AvatarStatus"],"mappings":";;;;;;;AASA,MAAMA,IAASC,EAAkB,CAAC;AAAA,EAC9B,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAOC,EAAa;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAIQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,MAAAV;AAAA,IACA,OAAAE;AAAA,IACA,OAAAC;AAAA,IACA,WAAAM;AAAA,IACC,GAAGE;AAAA,IAEH,UAAA;AAAA,MAXQ,EAAQf,KAYb,gBAAAkB;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,KAAAnB;AAAA,UACA,KAAAC;AAAA,UACA,uBAAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAGR,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,UAAAlB;AAAA,UACA,MAAAC;AAAA,UACA,MAAAC;AAAA,UACA,OAAOO;AAAA,QAAA;AAAA,MAAA;AAAA,MAEVH,KACG,gBAAAU;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,QAAAb;AAAA,UACA,MAAME,KAAcN;AAAA,UACpB,OAAOK;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA;AAAA,CAIf;AAEDX,EAAO,cAAc;AACrBA,EAAO,OAAOmB;AACdnB,EAAO,QAAQqB;AACfrB,EAAO,WAAWsB;AAClBtB,EAAO,SAASuB;"}

package/dist/components/data-display/avatar/components/avatar-fallback/AvatarFallback.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),q=require("@base-ui/react/avatar"),l=require("./styles/AvatarFallback.css.cjs"),i=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const A=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const p=require("../../../../../utils/cn.cjs"),T=require("react"),_=require("./constants/sizeToTypography.const.cjs");;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                            */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                          */const d=require("../../../../../constants/icons.cjs"),s=T.memo(({initials:r,icon:a,size:c="md",delay:t,className:u,...n})=>{const o=r?e.jsx(A,{as:"span",variant:"span","aria-hidden":"true",fontSize:_.AVATAR_SIZE_TO_TYPOGRAPHY_SIZE[c],children:r.slice(0,2).toUpperCase()}):a?e.jsx(i,{icon:a}):e.jsx(i,{icon:d.IconRegistry.user});return e.jsx(q.Avatar.Fallback,{className:p.cn(l.AVATAR_FALLBACK_STYLES.recipe(),u),delay:t,...n,children:o})});s.displayName="Avatar.Fallback";module.exports=s;
+//# sourceMappingURL=AvatarFallback.cjs.map

package/dist/components/data-display/avatar/components/avatar-fallback/AvatarFallback.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFallback.cjs","sources":["../../../../../../src/components/data-display/avatar/components/avatar-fallback/AvatarFallback.tsx"],"sourcesContent":["import { Avatar as BaseAvatar } from '@base-ui/react/avatar'\r\n\r\nimport { AVATAR_FALLBACK_STYLES } from '@components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.ts'\r\nimport type { AvatarFallbackProps } from '@components/data-display/avatar/components/avatar-fallback/types/AvatarFallback.props.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\nimport {\r\n    AVATAR_SIZE_TO_TYPOGRAPHY_SIZE\r\n} from '@components/data-display/avatar/components/avatar-fallback/constants/sizeToTypography.const.ts'\r\nimport { IconRegistry } from '@constants'\r\n\r\nconst AvatarFallback: FC<AvatarFallbackProps> = memo(({\r\n    initials,\r\n    icon,\r\n    size = 'md',\r\n    delay,\r\n    className,\r\n    ...props\r\n}) => {\r\n    const fallbackContent = initials ? (\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            aria-hidden={'true'}\r\n            fontSize={AVATAR_SIZE_TO_TYPOGRAPHY_SIZE[size]}\r\n        >\r\n            {initials.slice(0, 2).toUpperCase()}\r\n        </Typography>\r\n    ) : icon ? (\r\n        <Icon icon={icon} />\r\n    ) : (\r\n        <Icon icon={IconRegistry.user} />\r\n    )\r\n\r\n    return (\r\n        <BaseAvatar.Fallback\r\n            className={cn(AVATAR_FALLBACK_STYLES.recipe(), className)}\r\n            delay={delay}\r\n            {...props}\r\n        >\r\n            {fallbackContent}\r\n        </BaseAvatar.Fallback>\r\n    )\r\n})\r\n\r\nAvatarFallback.displayName = 'Avatar.Fallback'\r\n\r\nexport default AvatarFallback\r\n"],"names":["AvatarFallback","memo","initials","icon","size","delay","className","props","fallbackContent","jsx","Typography","AVATAR_SIZE_TO_TYPOGRAPHY_SIZE","Icon","IconRegistry","BaseAvatar","cn","AVATAR_FALLBACK_STYLES"],"mappings":"ikDAaMA,EAA0CC,EAAAA,KAAK,CAAC,CAClD,SAAAC,EACA,KAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAkBN,EACpBO,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,cAAa,OACb,SAAUC,EAAAA,+BAA+BP,CAAI,EAE5C,SAAAF,EAAS,MAAM,EAAG,CAAC,EAAE,YAAA,CAAY,CAAA,EAEtCC,EACAM,EAAAA,IAACG,EAAA,CAAK,KAAAT,CAAA,CAAY,EAElBM,EAAAA,IAACG,EAAA,CAAK,KAAMC,EAAAA,aAAa,IAAA,CAAM,EAGnC,OACIJ,EAAAA,IAACK,EAAAA,OAAW,SAAX,CACG,UAAWC,EAAAA,GAAGC,EAAAA,uBAAuB,OAAA,EAAUV,CAAS,EACxD,MAAAD,EACC,GAAGE,EAEH,SAAAC,CAAA,CAAA,CAGb,CAAC,EAEDR,EAAe,YAAc"}

package/dist/components/data-display/avatar/components/avatar-fallback/AvatarFallback.d.ts

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

package/dist/components/data-display/avatar/components/avatar-fallback/AvatarFallback.js

@@ -0,0 +1,56 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Avatar as n } from "@base-ui/react/avatar";
+import { AVATAR_FALLBACK_STYLES as l } from "./styles/AvatarFallback.css.js";
+import t from "../../../../foundation/icon/Icon.js";
+import "../../../../foundation/icon/styles/Icon.css.js";
+import s from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import { cn as f } from "../../../../../utils/cn.js";
+import { memo as A } from "react";
+import { AVATAR_SIZE_TO_TYPOGRAPHY_SIZE as d } from "./constants/sizeToTypography.const.js";
+/* empty css                                                                 */
+/* empty css                                                                  */
+/* empty css                                                                          */
+/* empty css                                                                       */
+/* empty css                                                                        */
+/* empty css                                                                     */
+/* empty css                                                                      */
+/* empty css                                                                        */
+/* empty css                                                                         */
+/* empty css                                                                       */
+/* empty css                                                                        */
+/* empty css                                                                        */
+import { IconRegistry as T } from "../../../../../constants/icons.js";
+const _ = A(({
+  initials: o,
+  icon: m,
+  size: p = "md",
+  delay: i,
+  className: a,
+  ...e
+}) => {
+  const c = o ? /* @__PURE__ */ r(
+    s,
+    {
+      as: "span",
+      variant: "span",
+      "aria-hidden": "true",
+      fontSize: d[p],
+      children: o.slice(0, 2).toUpperCase()
+    }
+  ) : m ? /* @__PURE__ */ r(t, { icon: m }) : /* @__PURE__ */ r(t, { icon: T.user });
+  return /* @__PURE__ */ r(
+    n.Fallback,
+    {
+      className: f(l.recipe(), a),
+      delay: i,
+      ...e,
+      children: c
+    }
+  );
+});
+_.displayName = "Avatar.Fallback";
+export {
+  _ as default
+};
+//# sourceMappingURL=AvatarFallback.js.map

package/dist/components/data-display/avatar/components/avatar-fallback/AvatarFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFallback.js","sources":["../../../../../../src/components/data-display/avatar/components/avatar-fallback/AvatarFallback.tsx"],"sourcesContent":["import { Avatar as BaseAvatar } from '@base-ui/react/avatar'\r\n\r\nimport { AVATAR_FALLBACK_STYLES } from '@components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.ts'\r\nimport type { AvatarFallbackProps } from '@components/data-display/avatar/components/avatar-fallback/types/AvatarFallback.props.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\nimport {\r\n    AVATAR_SIZE_TO_TYPOGRAPHY_SIZE\r\n} from '@components/data-display/avatar/components/avatar-fallback/constants/sizeToTypography.const.ts'\r\nimport { IconRegistry } from '@constants'\r\n\r\nconst AvatarFallback: FC<AvatarFallbackProps> = memo(({\r\n    initials,\r\n    icon,\r\n    size = 'md',\r\n    delay,\r\n    className,\r\n    ...props\r\n}) => {\r\n    const fallbackContent = initials ? (\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            aria-hidden={'true'}\r\n            fontSize={AVATAR_SIZE_TO_TYPOGRAPHY_SIZE[size]}\r\n        >\r\n            {initials.slice(0, 2).toUpperCase()}\r\n        </Typography>\r\n    ) : icon ? (\r\n        <Icon icon={icon} />\r\n    ) : (\r\n        <Icon icon={IconRegistry.user} />\r\n    )\r\n\r\n    return (\r\n        <BaseAvatar.Fallback\r\n            className={cn(AVATAR_FALLBACK_STYLES.recipe(), className)}\r\n            delay={delay}\r\n            {...props}\r\n        >\r\n            {fallbackContent}\r\n        </BaseAvatar.Fallback>\r\n    )\r\n})\r\n\r\nAvatarFallback.displayName = 'Avatar.Fallback'\r\n\r\nexport default AvatarFallback\r\n"],"names":["AvatarFallback","memo","initials","icon","size","delay","className","props","fallbackContent","jsx","Typography","AVATAR_SIZE_TO_TYPOGRAPHY_SIZE","Icon","IconRegistry","BaseAvatar","cn","AVATAR_FALLBACK_STYLES"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAMA,IAA0CC,EAAK,CAAC;AAAA,EAClD,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAkBN,IACpB,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,eAAa;AAAA,MACb,UAAUC,EAA+BP,CAAI;AAAA,MAE5C,UAAAF,EAAS,MAAM,GAAG,CAAC,EAAE,YAAA;AAAA,IAAY;AAAA,EAAA,IAEtCC,IACA,gBAAAM,EAACG,GAAA,EAAK,MAAAT,EAAA,CAAY,IAElB,gBAAAM,EAACG,GAAA,EAAK,MAAMC,EAAa,KAAA,CAAM;AAGnC,SACI,gBAAAJ;AAAA,IAACK,EAAW;AAAA,IAAX;AAAA,MACG,WAAWC,EAAGC,EAAuB,OAAA,GAAUV,CAAS;AAAA,MACxD,OAAAD;AAAA,MACC,GAAGE;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDR,EAAe,cAAc;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A={sm:"2xs",md:"xs",lg:"sm",xl:"md"};exports.AVATAR_SIZE_TO_TYPOGRAPHY_SIZE=A;
+//# sourceMappingURL=sizeToTypography.const.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizeToTypography.const.cjs","sources":["../../../../../../../src/components/data-display/avatar/components/avatar-fallback/constants/sizeToTypography.const.ts"],"sourcesContent":["import type { AvatarSize, TypographySize } from '@components'\r\n\r\nexport const AVATAR_SIZE_TO_TYPOGRAPHY_SIZE: Record<AvatarSize, TypographySize> = {\r\n    sm: '2xs',\r\n    md: 'xs',\r\n    lg: 'sm',\r\n    xl: 'md',\r\n}\r\n"],"names":["AVATAR_SIZE_TO_TYPOGRAPHY_SIZE"],"mappings":"gFAEO,MAAMA,EAAqE,CAC9E,GAAI,MACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACR"}

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

@@ -0,0 +1,2 @@
+import { AvatarSize, TypographySize } from '../../../../..';
+export declare const AVATAR_SIZE_TO_TYPOGRAPHY_SIZE: Record<AvatarSize, TypographySize>;

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

@@ -0,0 +1,10 @@
+const s = {
+  sm: "2xs",
+  md: "xs",
+  lg: "sm",
+  xl: "md"
+};
+export {
+  s as AVATAR_SIZE_TO_TYPOGRAPHY_SIZE
+};
+//# sourceMappingURL=sizeToTypography.const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizeToTypography.const.js","sources":["../../../../../../../src/components/data-display/avatar/components/avatar-fallback/constants/sizeToTypography.const.ts"],"sourcesContent":["import type { AvatarSize, TypographySize } from '@components'\r\n\r\nexport const AVATAR_SIZE_TO_TYPOGRAPHY_SIZE: Record<AvatarSize, TypographySize> = {\r\n    sm: '2xs',\r\n    md: 'xs',\r\n    lg: 'sm',\r\n    xl: 'md',\r\n}\r\n"],"names":["AVATAR_SIZE_TO_TYPOGRAPHY_SIZE"],"mappings":"AAEO,MAAMA,IAAqE;AAAA,EAC9E,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;"}

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

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

package/dist/components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                    */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_13eayvd0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};exports.AVATAR_FALLBACK_STYLES=a;
+//# sourceMappingURL=AvatarFallback.css.cjs.map

package/dist/components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs.map

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

package/dist/components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.d.ts

@@ -0,0 +1,4 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const AVATAR_FALLBACK_STYLES: {
+    recipe: RuntimeFn<{}>;
+};

package/dist/components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.js

@@ -0,0 +1,7 @@
+/* empty css                                  */
+import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
+var t = { recipe: a({ defaultClassName: "_13eayvd0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] }) };
+export {
+  t as AVATAR_FALLBACK_STYLES
+};
+//# sourceMappingURL=AvatarFallback.css.js.map

package/dist/components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.js.map

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

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

@@ -0,0 +1,16 @@
+import { Avatar } from '@base-ui/react/avatar';
+import { AvatarSize } from '../../../types/Avatar.types.ts';
+export type AvatarFallbackProps = {
+    /** 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 used to scale the fallback text. */
+    size?: AvatarSize;
+    /** Delay in milliseconds before showing the fallback. */
+    delay?: Avatar.Fallback.Props['delay'];
+    /** Additional CSS class names. */
+    className?: string;
+    /** Native HTML attributes forwarded to the fallback element. */
+    [key: string]: unknown;
+};

package/dist/components/data-display/avatar/components/avatar-image/AvatarImage.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),m=require("@base-ui/react/avatar"),n=require("./styles/AvatarImage.css.cjs"),o=require("../../../../../utils/cn.cjs"),A=require("react"),e=A.memo(({src:a,alt:r,onLoadingStatusChange:t,className:s,...c})=>i.jsx(m.Avatar.Image,{src:a,alt:r??"",className:o.cn(n.AVATAR_IMAGE_STYLES.recipe(),s),onLoadingStatusChange:t,...c}));e.displayName="Avatar.Image";module.exports=e;
+//# sourceMappingURL=AvatarImage.cjs.map

package/dist/components/data-display/avatar/components/avatar-image/AvatarImage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarImage.cjs","sources":["../../../../../../src/components/data-display/avatar/components/avatar-image/AvatarImage.tsx"],"sourcesContent":["import { Avatar as BaseAvatar } from '@base-ui/react/avatar'\r\n\r\nimport { AVATAR_IMAGE_STYLES } from '@components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.ts'\r\nimport type { AvatarImageProps } from '@components/data-display/avatar/components/avatar-image/types/AvatarImage.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst AvatarImage: FC<AvatarImageProps> = memo(({\r\n    src,\r\n    alt,\r\n    onLoadingStatusChange,\r\n    className,\r\n    ...props\r\n}) => (\r\n    <BaseAvatar.Image\r\n        src={src}\r\n        alt={alt ?? ''}\r\n        className={cn(AVATAR_IMAGE_STYLES.recipe(), className)}\r\n        onLoadingStatusChange={onLoadingStatusChange}\r\n        {...props}\r\n    />\r\n))\r\n\r\nAvatarImage.displayName = 'Avatar.Image'\r\n\r\nexport default AvatarImage\r\n"],"names":["AvatarImage","memo","src","alt","onLoadingStatusChange","className","props","jsx","BaseAvatar","cn","AVATAR_IMAGE_STYLES"],"mappings":"2LAOMA,EAAoCC,EAAAA,KAAK,CAAC,CAC5C,IAAAC,EACA,IAAAC,EACA,sBAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,IAAAN,EACA,IAAKC,GAAO,GACZ,UAAWM,EAAAA,GAAGC,EAAAA,oBAAoB,OAAA,EAAUL,CAAS,EACrD,sBAAAD,EACC,GAAGE,CAAA,CACR,CACH,EAEDN,EAAY,YAAc"}

package/dist/components/data-display/avatar/components/avatar-image/AvatarImage.d.ts

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

package/dist/components/data-display/avatar/components/avatar-image/AvatarImage.js

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Avatar as p } from "@base-ui/react/avatar";
+import { AVATAR_IMAGE_STYLES as i } from "./styles/AvatarImage.css.js";
+import { cn as A } from "../../../../../utils/cn.js";
+import { memo as f } from "react";
+const s = f(({
+  src: m,
+  alt: a,
+  onLoadingStatusChange: r,
+  className: o,
+  ...t
+}) => /* @__PURE__ */ e(
+  p.Image,
+  {
+    src: m,
+    alt: a ?? "",
+    className: A(i.recipe(), o),
+    onLoadingStatusChange: r,
+    ...t
+  }
+));
+s.displayName = "Avatar.Image";
+export {
+  s as default
+};
+//# sourceMappingURL=AvatarImage.js.map

package/dist/components/data-display/avatar/components/avatar-image/AvatarImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarImage.js","sources":["../../../../../../src/components/data-display/avatar/components/avatar-image/AvatarImage.tsx"],"sourcesContent":["import { Avatar as BaseAvatar } from '@base-ui/react/avatar'\r\n\r\nimport { AVATAR_IMAGE_STYLES } from '@components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.ts'\r\nimport type { AvatarImageProps } from '@components/data-display/avatar/components/avatar-image/types/AvatarImage.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst AvatarImage: FC<AvatarImageProps> = memo(({\r\n    src,\r\n    alt,\r\n    onLoadingStatusChange,\r\n    className,\r\n    ...props\r\n}) => (\r\n    <BaseAvatar.Image\r\n        src={src}\r\n        alt={alt ?? ''}\r\n        className={cn(AVATAR_IMAGE_STYLES.recipe(), className)}\r\n        onLoadingStatusChange={onLoadingStatusChange}\r\n        {...props}\r\n    />\r\n))\r\n\r\nAvatarImage.displayName = 'Avatar.Image'\r\n\r\nexport default AvatarImage\r\n"],"names":["AvatarImage","memo","src","alt","onLoadingStatusChange","className","props","jsx","BaseAvatar","cn","AVATAR_IMAGE_STYLES"],"mappings":";;;;;AAOA,MAAMA,IAAoCC,EAAK,CAAC;AAAA,EAC5C,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACG,KAAAN;AAAA,IACA,KAAKC,KAAO;AAAA,IACZ,WAAWM,EAAGC,EAAoB,OAAA,GAAUL,CAAS;AAAA,IACrD,uBAAAD;AAAA,IACC,GAAGE;AAAA,EAAA;AACR,CACH;AAEDN,EAAY,cAAc;"}

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

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

package/dist/components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1if4j8q0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};exports.AVATAR_IMAGE_STYLES=a;
+//# sourceMappingURL=AvatarImage.css.cjs.map

package/dist/components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs.map

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

package/dist/components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.d.ts

@@ -0,0 +1,4 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const AVATAR_IMAGE_STYLES: {
+    recipe: RuntimeFn<{}>;
+};

package/dist/components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.js

@@ -0,0 +1,7 @@
+/* empty css                               */
+import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
+var t = { recipe: a({ defaultClassName: "_1if4j8q0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] }) };
+export {
+  t as AVATAR_IMAGE_STYLES
+};
+//# sourceMappingURL=AvatarImage.css.js.map

package/dist/components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.js.map

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

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

@@ -0,0 +1,13 @@
+import { Avatar } from '@base-ui/react/avatar';
+export type AvatarImageProps = {
+    /** The URL of the image to display. */
+    src?: string;
+    /** Accessible text description of the image. */
+    alt?: string;
+    /** 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 image element. */
+    [key: string]: unknown;
+};