@tempoxyz/ds 0.3.1 → 0.3.2

package/dist/web/components/Avatar.css

@@ -1 +1 @@
-.z_tds_2f_web-EaxYgw0{align-items:center}.z_tds_2f_web-EaxYgw1{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}.z_tds_2f_web-EaxYgw2{display:inline-flex}.z_tds_2f_web-EaxYgw3{font:inherit}.z_tds_2f_web-EaxYgw4{height:100%}.z_tds_2f_web-EaxYgw5{justify-content:center}.z_tds_2f_web-EaxYgw6{text-transform:uppercase}.z_tds_2f_web-EaxYgw7{width:100%}.z_tds_2f_web-EaxYgw8{background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}.z_tds_2f_web-EaxYgw9{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-EaxYgwa{box-sizing:border-box}.z_tds_2f_web-EaxYgwb{corner-shape:round}.z_tds_2f_web-EaxYgwc{flex-shrink:0}.z_tds_2f_web-EaxYgwd{overflow:hidden}.z_tds_2f_web-EaxYgwe{position:relative}.z_tds_2f_web-EaxYgwf{user-select:none}.z_tds_2f_web-EaxYgwg{vertical-align:middle}.z_tds_2f_web-EaxYgwh{&:where([data-size="24"]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-EaxYgwi{&:where([data-size="24"]){font-family:var(--z-tds_2f_web-typography-body-b3Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-EaxYgwj{&:where([data-size="24"]){font-size:var(--z-tds_2f_web-typography-body-b3Strong-fontSize,12px)}}.z_tds_2f_web-EaxYgwk{&:where([data-size="24"]){font-weight:var(--z-tds_2f_web-typography-body-b3Strong-fontWeight,500)}}.z_tds_2f_web-EaxYgwl{&:where([data-size="24"]){letter-spacing:var(--z-tds_2f_web-typography-body-b3Strong-letterSpacing,.15px)}}.z_tds_2f_web-EaxYgwm{&:where([data-size="24"]){line-height:var(--z-tds_2f_web-typography-body-b3Strong-lineHeight,16px)}}.z_tds_2f_web-EaxYgwn{&:where([data-size="24"]){width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-EaxYgwo{&:where([data-size="24"]){& svg{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}}.z_tds_2f_web-EaxYgwp{&:where([data-size="32"]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-EaxYgwq{&:where([data-size="32"]){font-family:var(--z-tds_2f_web-typography-body-b3Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-EaxYgwr{&:where([data-size="32"]){font-size:var(--z-tds_2f_web-typography-body-b3Strong-fontSize,12px)}}.z_tds_2f_web-EaxYgws{&:where([data-size="32"]){font-weight:var(--z-tds_2f_web-typography-body-b3Strong-fontWeight,500)}}.z_tds_2f_web-EaxYgwt{&:where([data-size="32"]){letter-spacing:var(--z-tds_2f_web-typography-body-b3Strong-letterSpacing,.15px)}}.z_tds_2f_web-EaxYgwu{&:where([data-size="32"]){line-height:var(--z-tds_2f_web-typography-body-b3Strong-lineHeight,16px)}}.z_tds_2f_web-EaxYgwv{&:where([data-size="32"]){width:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-EaxYgww{&:where([data-size="32"]){& svg{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}}.z_tds_2f_web-EaxYgwx{&:where([data-size="40"]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-EaxYgwy{&:where([data-size="40"]){font-family:var(--z-tds_2f_web-typography-body-b2Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-EaxYgwz{&:where([data-size="40"]){font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}}.z_tds_2f_web-EaxYgw10{&:where([data-size="40"]){font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}}.z_tds_2f_web-EaxYgw11{&:where([data-size="40"]){letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}}.z_tds_2f_web-EaxYgw12{&:where([data-size="40"]){line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}}.z_tds_2f_web-EaxYgw13{&:where([data-size="40"]){width:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-EaxYgw14{&:where([data-size="40"]){& svg{font-size:var(--z-tds_2f_web-fontSize-20,1.25rem)}}}
+.z_tds_2f_web-EaxYgw0{align-items:center}.z_tds_2f_web-EaxYgw1{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-064,#ffffffa3)))}.z_tds_2f_web-EaxYgw2{display:inline-flex}.z_tds_2f_web-EaxYgw3{font:inherit}.z_tds_2f_web-EaxYgw4{height:100%}.z_tds_2f_web-EaxYgw5{justify-content:center}.z_tds_2f_web-EaxYgw6{text-transform:uppercase}.z_tds_2f_web-EaxYgw7{width:100%}.z_tds_2f_web-EaxYgw8{display:block}.z_tds_2f_web-EaxYgw9{object-fit:cover}.z_tds_2f_web-EaxYgwa{background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}.z_tds_2f_web-EaxYgwb{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-EaxYgwc{box-sizing:border-box}.z_tds_2f_web-EaxYgwd{corner-shape:round}.z_tds_2f_web-EaxYgwe{display:inline-flex}.z_tds_2f_web-EaxYgwf{flex-shrink:0}.z_tds_2f_web-EaxYgwg{overflow:hidden}.z_tds_2f_web-EaxYgwh{position:relative}.z_tds_2f_web-EaxYgwi{user-select:none}.z_tds_2f_web-EaxYgwj{vertical-align:middle}.z_tds_2f_web-EaxYgwk{&:has(>img:not([data-loading],[data-error])){background-color:#0000}}.z_tds_2f_web-EaxYgwl{&:where([data-size="16"]){height:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-EaxYgwm{&:where([data-size="16"]){font-family:var(--z-tds_2f_web-typography-body-b3Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-EaxYgwn{&:where([data-size="16"]){font-size:var(--z-tds_2f_web-typography-body-b3Strong-fontSize,12px)}}.z_tds_2f_web-EaxYgwo{&:where([data-size="16"]){font-weight:var(--z-tds_2f_web-typography-body-b3Strong-fontWeight,500)}}.z_tds_2f_web-EaxYgwp{&:where([data-size="16"]){letter-spacing:var(--z-tds_2f_web-typography-body-b3Strong-letterSpacing,.15px)}}.z_tds_2f_web-EaxYgwq{&:where([data-size="16"]){line-height:var(--z-tds_2f_web-typography-body-b3Strong-lineHeight,16px)}}.z_tds_2f_web-EaxYgwr{&:where([data-size="16"]){width:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-EaxYgws{&:where([data-size="16"]){& svg{font-size:var(--z-tds_2f_web-fontSize-12,.75rem)}}}.z_tds_2f_web-EaxYgwt{&:where([data-size="24"]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-EaxYgwu{&:where([data-size="24"]){font-family:var(--z-tds_2f_web-typography-body-b3Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-EaxYgwv{&:where([data-size="24"]){font-size:var(--z-tds_2f_web-typography-body-b3Strong-fontSize,12px)}}.z_tds_2f_web-EaxYgww{&:where([data-size="24"]){font-weight:var(--z-tds_2f_web-typography-body-b3Strong-fontWeight,500)}}.z_tds_2f_web-EaxYgwx{&:where([data-size="24"]){letter-spacing:var(--z-tds_2f_web-typography-body-b3Strong-letterSpacing,.15px)}}.z_tds_2f_web-EaxYgwy{&:where([data-size="24"]){line-height:var(--z-tds_2f_web-typography-body-b3Strong-lineHeight,16px)}}.z_tds_2f_web-EaxYgwz{&:where([data-size="24"]){width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-EaxYgw10{&:where([data-size="24"]){& svg{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}}.z_tds_2f_web-EaxYgw11{&:where([data-size="32"]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-EaxYgw12{&:where([data-size="32"]){font-family:var(--z-tds_2f_web-typography-body-b3Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-EaxYgw13{&:where([data-size="32"]){font-size:var(--z-tds_2f_web-typography-body-b3Strong-fontSize,12px)}}.z_tds_2f_web-EaxYgw14{&:where([data-size="32"]){font-weight:var(--z-tds_2f_web-typography-body-b3Strong-fontWeight,500)}}.z_tds_2f_web-EaxYgw15{&:where([data-size="32"]){letter-spacing:var(--z-tds_2f_web-typography-body-b3Strong-letterSpacing,.15px)}}.z_tds_2f_web-EaxYgw16{&:where([data-size="32"]){line-height:var(--z-tds_2f_web-typography-body-b3Strong-lineHeight,16px)}}.z_tds_2f_web-EaxYgw17{&:where([data-size="32"]){width:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-EaxYgw18{&:where([data-size="32"]){& svg{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}}.z_tds_2f_web-EaxYgw19{&:where([data-size="40"]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-EaxYgw1a{&:where([data-size="40"]){font-family:var(--z-tds_2f_web-typography-body-b2Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-EaxYgw1b{&:where([data-size="40"]){font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}}.z_tds_2f_web-EaxYgw1c{&:where([data-size="40"]){font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}}.z_tds_2f_web-EaxYgw1d{&:where([data-size="40"]){letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}}.z_tds_2f_web-EaxYgw1e{&:where([data-size="40"]){line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}}.z_tds_2f_web-EaxYgw1f{&:where([data-size="40"]){width:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-EaxYgw1g{&:where([data-size="40"]){& svg{font-size:var(--z-tds_2f_web-fontSize-20,1.25rem)}}}.z_tds_2f_web-EaxYgw1h{&:where([data-size="48"]){height:var(--z-tds_2f_web-spacing-48,3rem)}}.z_tds_2f_web-EaxYgw1i{&:where([data-size="48"]){font-family:var(--z-tds_2f_web-typography-body-b1Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-EaxYgw1j{&:where([data-size="48"]){font-size:var(--z-tds_2f_web-typography-body-b1Strong-fontSize,16px)}}.z_tds_2f_web-EaxYgw1k{&:where([data-size="48"]){font-weight:var(--z-tds_2f_web-typography-body-b1Strong-fontWeight,500)}}.z_tds_2f_web-EaxYgw1l{&:where([data-size="48"]){letter-spacing:var(--z-tds_2f_web-typography-body-b1Strong-letterSpacing,.12px)}}.z_tds_2f_web-EaxYgw1m{&:where([data-size="48"]){line-height:var(--z-tds_2f_web-typography-body-b1Strong-lineHeight,22px)}}.z_tds_2f_web-EaxYgw1n{&:where([data-size="48"]){width:var(--z-tds_2f_web-spacing-48,3rem)}}.z_tds_2f_web-EaxYgw1o{&:where([data-size="48"]){& svg{font-size:var(--z-tds_2f_web-fontSize-24,1.5rem)}}}.z_tds_2f_web-EaxYgw1p{&:where([data-size="64"]){height:var(--z-tds_2f_web-spacing-64,4rem)}}.z_tds_2f_web-EaxYgw1q{&:where([data-size="64"]){font-family:var(--z-tds_2f_web-typography-body-b1Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-EaxYgw1r{&:where([data-size="64"]){font-size:var(--z-tds_2f_web-typography-body-b1Strong-fontSize,16px)}}.z_tds_2f_web-EaxYgw1s{&:where([data-size="64"]){font-weight:var(--z-tds_2f_web-typography-body-b1Strong-fontWeight,500)}}.z_tds_2f_web-EaxYgw1t{&:where([data-size="64"]){letter-spacing:var(--z-tds_2f_web-typography-body-b1Strong-letterSpacing,.12px)}}.z_tds_2f_web-EaxYgw1u{&:where([data-size="64"]){line-height:var(--z-tds_2f_web-typography-body-b1Strong-lineHeight,22px)}}.z_tds_2f_web-EaxYgw1v{&:where([data-size="64"]){width:var(--z-tds_2f_web-spacing-64,4rem)}}.z_tds_2f_web-EaxYgw1w{&:where([data-size="64"]){& svg{font-size:var(--z-tds_2f_web-fontSize-30,1.875rem)}}}

package/dist/web/components/Avatar.d.ts

@@ -1,10 +1,12 @@
+import * as BaseUi from '@base-ui/react/avatar';
 import type { ComponentPropsWithRef } from 'react';
 import type * as zyzz from 'zyzz';
 /**
- * A circular `<span>` that represents a person, contact, or wallet with initials or an icon in its
- * `Fallback`. `Avatar` is the same component as `Avatar.Root`.
+ * A circular `<span>` that represents a person, contact, or wallet with an `Image`, or with
+ * initials or an icon in its `Fallback`. `Avatar` is the same component as `Avatar.Root`.
  *
- * - Use initials for people and contacts, and an icon for wallets and apps.
+ * - Use an image when one exists, initials for people and contacts, and an icon for wallets and
+ *   apps.
  * - Pair the avatar with a visible name. Do not rely on initials or an icon alone to identify
  *   someone.
  *
@@ -20,6 +22,12 @@ import type * as zyzz from 'zyzz';
  *   </Avatar.Fallback>
  * </Avatar>
  *
+ * @example
+ * <Avatar size="64">
+ *   <Avatar.Image alt="" src={photo} />
+ *   <Avatar.Fallback>AL</Avatar.Fallback>
+ * </Avatar>
+ *
  * @see {@link https://base-ui.com/react/components/avatar | Base UI Avatar}
  * @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/img_role | MDN img role}
  * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html | WCAG 2.2 Non-text Content}
@@ -29,15 +37,26 @@ export declare namespace Avatar {
     type Props = Root.Props;
     /**
      * Renders the `<span>` that fills the avatar with initials or an icon, and uppercases its text.
-     * An icon renders at 16px in a `24` or `32` avatar, and at 20px in a `40` avatar.
+     * An icon renders at 12px in a `16` avatar, 16px in a `24` or `32` avatar, 20px in a `40`
+     * avatar, 24px in a `48` avatar, and 30px in a `64` avatar. Base UI hides it once an `Image`
+     * loads.
      */
     function Fallback(props: Fallback.Props): import("react").JSX.Element;
     namespace Fallback {
         type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.fallback>;
     }
     /**
-     * Renders the circular `<span>`, filled with `container.strong`. `size` sets its diameter in
-     * pixels.
+     * Renders the `<img>` that fills and crops to the avatar. Base UI mounts it once the image
+     * loads, or at once with `keepMounted`, and the `Fallback` shows while it loads or after it
+     * fails.
+     */
+    function Image(props: Image.Props): import("react").JSX.Element;
+    namespace Image {
+        type Props = ComponentPropsWithRef<'img'> & zyzz.Props.Variants<typeof styles.image> & Pick<BaseUi.Avatar.Image.Props, 'keepMounted' | 'onLoadingStatusChange'>;
+    }
+    /**
+     * Renders the circular `<span>`, filled with `container.strong` until an `Image` loads.
+     * `size` sets its diameter in pixels.
      */
     function Root(props: Root.Props): import("react").JSX.Element;
     namespace Root {
@@ -57,6 +76,14 @@ declare namespace styles {
             readonly width: "100% !custom";
         };
     }, "react">;
+    const image: zyzz.variants.ReturnType<{
+        readonly base: {
+            readonly display: "block";
+            readonly height: "100% !custom";
+            readonly objectFit: "cover !custom";
+            readonly width: "100% !custom";
+        };
+    }, "react">;
     const root: zyzz.variants.ReturnType<{
         readonly base: {
             readonly alignItems: "center";
@@ -70,12 +97,27 @@ declare namespace styles {
             readonly position: "relative";
             readonly userSelect: "none";
             readonly verticalAlign: "middle";
+            readonly selectors: {
+                readonly '&:has(> img:not([data-loading], [data-error]))': {
+                    readonly backgroundColor: "transparent !custom";
+                };
+            };
         };
         readonly defaultVariants: {
             readonly size: "40";
         };
         readonly variants: {
             readonly size: {
+                readonly '16': {
+                    readonly height: "16";
+                    readonly typography: "body.b3Strong";
+                    readonly width: "16";
+                    readonly selectors: {
+                        readonly '& svg': {
+                            readonly fontSize: "12";
+                        };
+                    };
+                };
                 readonly '24': {
                     readonly height: "24";
                     readonly typography: "body.b3Strong";
@@ -106,6 +148,26 @@ declare namespace styles {
                         };
                     };
                 };
+                readonly '48': {
+                    readonly height: "48";
+                    readonly typography: "body.b1Strong";
+                    readonly width: "48";
+                    readonly selectors: {
+                        readonly '& svg': {
+                            readonly fontSize: "24";
+                        };
+                    };
+                };
+                readonly '64': {
+                    readonly height: "64";
+                    readonly typography: "body.b1Strong";
+                    readonly width: "64";
+                    readonly selectors: {
+                        readonly '& svg': {
+                            readonly fontSize: "30";
+                        };
+                    };
+                };
             };
         };
     }, "react">;

package/dist/web/components/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/web/components/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAGjC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAEzC;AAED,yBAAiB,MAAM,CAAC;IACtB,KAAY,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;IAE9B;;;OAGG;IACH,SAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,+BAS7C;IAED,UAAiB,QAAQ,CAAC;QACxB,KAAY,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAA;KAChG;IAED;;;OAGG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,+BASrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;KAC5F;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,QAAQ;;;;;;;;;;;eAcpB,CAAA;IAEM,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA0ChB,CAAA;CACF"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/web/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAA;AAC/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAGjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAEzC;AAED,yBAAiB,MAAM,CAAC;IACtB,KAAY,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;IAE9B;;;;;OAKG;IACH,SAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,+BAS7C;IAED,UAAiB,QAAQ,CAAC;QACxB,KAAY,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAA;KAChG;IAED;;;;OAIG;IACH,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BASvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,GACxC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,aAAa,GAAG,uBAAuB,CAAC,CAAA;KAC3E;IAED;;;OAGG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,+BASrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;KAC5F;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,QAAQ;;;;;;;;;;;eAcpB,CAAA;IAEM,MAAM,KAAK;;;;;;;eAUjB,CAAA;IAEM,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAkEhB,CAAA;CACF"}

package/dist/web/components/Avatar.js

@@ -2,10 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as BaseUi from '@base-ui/react/avatar';
 import { variants } from '../zyzz.config.js';
 /**
- * A circular `<span>` that represents a person, contact, or wallet with initials or an icon in its
- * `Fallback`. `Avatar` is the same component as `Avatar.Root`.
+ * A circular `<span>` that represents a person, contact, or wallet with an `Image`, or with
+ * initials or an icon in its `Fallback`. `Avatar` is the same component as `Avatar.Root`.
  *
- * - Use initials for people and contacts, and an icon for wallets and apps.
+ * - Use an image when one exists, initials for people and contacts, and an icon for wallets and
+ *   apps.
  * - Pair the avatar with a visible name. Do not rely on initials or an icon alone to identify
  *   someone.
  *
@@ -21,6 +22,12 @@ import { variants } from '../zyzz.config.js';
  *   </Avatar.Fallback>
  * </Avatar>
  *
+ * @example
+ * <Avatar size="64">
+ *   <Avatar.Image alt="" src={photo} />
+ *   <Avatar.Fallback>AL</Avatar.Fallback>
+ * </Avatar>
+ *
  * @see {@link https://base-ui.com/react/components/avatar | Base UI Avatar}
  * @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/img_role | MDN img role}
  * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html | WCAG 2.2 Non-text Content}
@@ -31,7 +38,9 @@ export function Avatar(props) {
 (function (Avatar) {
     /**
      * Renders the `<span>` that fills the avatar with initials or an icon, and uppercases its text.
-     * An icon renders at 16px in a `24` or `32` avatar, and at 20px in a `40` avatar.
+     * An icon renders at 12px in a `16` avatar, 16px in a `24` or `32` avatar, 20px in a `40`
+     * avatar, 24px in a `48` avatar, and 30px in a `64` avatar. Base UI hides it once an `Image`
+     * loads.
      */
     function Fallback(props) {
         const { className, vars, ...attributes } = props;
@@ -39,8 +48,18 @@ export function Avatar(props) {
     }
     Avatar.Fallback = Fallback;
     /**
-     * Renders the circular `<span>`, filled with `container.strong`. `size` sets its diameter in
-     * pixels.
+     * Renders the `<img>` that fills and crops to the avatar. Base UI mounts it once the image
+     * loads, or at once with `keepMounted`, and the `Fallback` shows while it loads or after it
+     * fails.
+     */
+    function Image(props) {
+        const { className, vars, ...attributes } = props;
+        return (_jsx(BaseUi.Avatar.Image, { ...attributes, ...styles.image({ className, style: props.style, vars }) }));
+    }
+    Avatar.Image = Image;
+    /**
+     * Renders the circular `<span>`, filled with `container.strong` until an `Image` loads.
+     * `size` sets its diameter in pixels.
      */
     function Root(props) {
         const { className, size, vars, ...attributes } = props;
@@ -51,7 +70,8 @@ export function Avatar(props) {
 var styles;
 (function (styles) {
     styles.fallback = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgw1 z_tds_2f_web-EaxYgw2 z_tds_2f_web-EaxYgw3 z_tds_2f_web-EaxYgw4 z_tds_2f_web-EaxYgw5 z_tds_2f_web-EaxYgw6 z_tds_2f_web-EaxYgw7"+" "+external:"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgw1 z_tds_2f_web-EaxYgw2 z_tds_2f_web-EaxYgw3 z_tds_2f_web-EaxYgw4 z_tds_2f_web-EaxYgw5 z_tds_2f_web-EaxYgw6 z_tds_2f_web-EaxYgw7",result=inline?{className,style:inline}:{className};let value;return result});
-    styles.root = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgw8 z_tds_2f_web-EaxYgw9 z_tds_2f_web-EaxYgwa z_tds_2f_web-EaxYgwb z_tds_2f_web-EaxYgw2 z_tds_2f_web-EaxYgwc z_tds_2f_web-EaxYgwd z_tds_2f_web-EaxYgwe z_tds_2f_web-EaxYgwf z_tds_2f_web-EaxYgwg z_tds_2f_web-EaxYgwh z_tds_2f_web-EaxYgwi z_tds_2f_web-EaxYgwj z_tds_2f_web-EaxYgwk z_tds_2f_web-EaxYgwl z_tds_2f_web-EaxYgwm z_tds_2f_web-EaxYgwn z_tds_2f_web-EaxYgwo z_tds_2f_web-EaxYgwp z_tds_2f_web-EaxYgwq z_tds_2f_web-EaxYgwr z_tds_2f_web-EaxYgws z_tds_2f_web-EaxYgwt z_tds_2f_web-EaxYgwu z_tds_2f_web-EaxYgwv z_tds_2f_web-EaxYgww z_tds_2f_web-EaxYgwx z_tds_2f_web-EaxYgwy z_tds_2f_web-EaxYgwz z_tds_2f_web-EaxYgw10 z_tds_2f_web-EaxYgw11 z_tds_2f_web-EaxYgw12 z_tds_2f_web-EaxYgw13 z_tds_2f_web-EaxYgw14"+" "+external:"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgw8 z_tds_2f_web-EaxYgw9 z_tds_2f_web-EaxYgwa z_tds_2f_web-EaxYgwb z_tds_2f_web-EaxYgw2 z_tds_2f_web-EaxYgwc z_tds_2f_web-EaxYgwd z_tds_2f_web-EaxYgwe z_tds_2f_web-EaxYgwf z_tds_2f_web-EaxYgwg z_tds_2f_web-EaxYgwh z_tds_2f_web-EaxYgwi z_tds_2f_web-EaxYgwj z_tds_2f_web-EaxYgwk z_tds_2f_web-EaxYgwl z_tds_2f_web-EaxYgwm z_tds_2f_web-EaxYgwn z_tds_2f_web-EaxYgwo z_tds_2f_web-EaxYgwp z_tds_2f_web-EaxYgwq z_tds_2f_web-EaxYgwr z_tds_2f_web-EaxYgws z_tds_2f_web-EaxYgwt z_tds_2f_web-EaxYgwu z_tds_2f_web-EaxYgwv z_tds_2f_web-EaxYgww z_tds_2f_web-EaxYgwx z_tds_2f_web-EaxYgwy z_tds_2f_web-EaxYgwz z_tds_2f_web-EaxYgw10 z_tds_2f_web-EaxYgw11 z_tds_2f_web-EaxYgw12 z_tds_2f_web-EaxYgw13 z_tds_2f_web-EaxYgw14",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="40";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
+    styles.image = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-EaxYgw8 z_tds_2f_web-EaxYgw4 z_tds_2f_web-EaxYgw9 z_tds_2f_web-EaxYgw7"+" "+external:"z_tds_2f_web-EaxYgw8 z_tds_2f_web-EaxYgw4 z_tds_2f_web-EaxYgw9 z_tds_2f_web-EaxYgw7",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.root = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgwa z_tds_2f_web-EaxYgwb z_tds_2f_web-EaxYgwc z_tds_2f_web-EaxYgwd z_tds_2f_web-EaxYgwe z_tds_2f_web-EaxYgwf z_tds_2f_web-EaxYgwg z_tds_2f_web-EaxYgwh z_tds_2f_web-EaxYgwi z_tds_2f_web-EaxYgwj z_tds_2f_web-EaxYgwk z_tds_2f_web-EaxYgwl z_tds_2f_web-EaxYgwm z_tds_2f_web-EaxYgwn z_tds_2f_web-EaxYgwo z_tds_2f_web-EaxYgwp z_tds_2f_web-EaxYgwq z_tds_2f_web-EaxYgwr z_tds_2f_web-EaxYgws z_tds_2f_web-EaxYgwt z_tds_2f_web-EaxYgwu z_tds_2f_web-EaxYgwv z_tds_2f_web-EaxYgww z_tds_2f_web-EaxYgwx z_tds_2f_web-EaxYgwy z_tds_2f_web-EaxYgwz z_tds_2f_web-EaxYgw10 z_tds_2f_web-EaxYgw11 z_tds_2f_web-EaxYgw12 z_tds_2f_web-EaxYgw13 z_tds_2f_web-EaxYgw14 z_tds_2f_web-EaxYgw15 z_tds_2f_web-EaxYgw16 z_tds_2f_web-EaxYgw17 z_tds_2f_web-EaxYgw18 z_tds_2f_web-EaxYgw19 z_tds_2f_web-EaxYgw1a z_tds_2f_web-EaxYgw1b z_tds_2f_web-EaxYgw1c z_tds_2f_web-EaxYgw1d z_tds_2f_web-EaxYgw1e z_tds_2f_web-EaxYgw1f z_tds_2f_web-EaxYgw1g z_tds_2f_web-EaxYgw1h z_tds_2f_web-EaxYgw1i z_tds_2f_web-EaxYgw1j z_tds_2f_web-EaxYgw1k z_tds_2f_web-EaxYgw1l z_tds_2f_web-EaxYgw1m z_tds_2f_web-EaxYgw1n z_tds_2f_web-EaxYgw1o z_tds_2f_web-EaxYgw1p z_tds_2f_web-EaxYgw1q z_tds_2f_web-EaxYgw1r z_tds_2f_web-EaxYgw1s z_tds_2f_web-EaxYgw1t z_tds_2f_web-EaxYgw1u z_tds_2f_web-EaxYgw1v z_tds_2f_web-EaxYgw1w"+" "+external:"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgwa z_tds_2f_web-EaxYgwb z_tds_2f_web-EaxYgwc z_tds_2f_web-EaxYgwd z_tds_2f_web-EaxYgwe z_tds_2f_web-EaxYgwf z_tds_2f_web-EaxYgwg z_tds_2f_web-EaxYgwh z_tds_2f_web-EaxYgwi z_tds_2f_web-EaxYgwj z_tds_2f_web-EaxYgwk z_tds_2f_web-EaxYgwl z_tds_2f_web-EaxYgwm z_tds_2f_web-EaxYgwn z_tds_2f_web-EaxYgwo z_tds_2f_web-EaxYgwp z_tds_2f_web-EaxYgwq z_tds_2f_web-EaxYgwr z_tds_2f_web-EaxYgws z_tds_2f_web-EaxYgwt z_tds_2f_web-EaxYgwu z_tds_2f_web-EaxYgwv z_tds_2f_web-EaxYgww z_tds_2f_web-EaxYgwx z_tds_2f_web-EaxYgwy z_tds_2f_web-EaxYgwz z_tds_2f_web-EaxYgw10 z_tds_2f_web-EaxYgw11 z_tds_2f_web-EaxYgw12 z_tds_2f_web-EaxYgw13 z_tds_2f_web-EaxYgw14 z_tds_2f_web-EaxYgw15 z_tds_2f_web-EaxYgw16 z_tds_2f_web-EaxYgw17 z_tds_2f_web-EaxYgw18 z_tds_2f_web-EaxYgw19 z_tds_2f_web-EaxYgw1a z_tds_2f_web-EaxYgw1b z_tds_2f_web-EaxYgw1c z_tds_2f_web-EaxYgw1d z_tds_2f_web-EaxYgw1e z_tds_2f_web-EaxYgw1f z_tds_2f_web-EaxYgw1g z_tds_2f_web-EaxYgw1h z_tds_2f_web-EaxYgw1i z_tds_2f_web-EaxYgw1j z_tds_2f_web-EaxYgw1k z_tds_2f_web-EaxYgw1l z_tds_2f_web-EaxYgw1m z_tds_2f_web-EaxYgw1n z_tds_2f_web-EaxYgw1o z_tds_2f_web-EaxYgw1p z_tds_2f_web-EaxYgw1q z_tds_2f_web-EaxYgw1r z_tds_2f_web-EaxYgw1s z_tds_2f_web-EaxYgw1t z_tds_2f_web-EaxYgw1u z_tds_2f_web-EaxYgw1v z_tds_2f_web-EaxYgw1w",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="40";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
 })(styles || (styles = {}));
 //# sourceMappingURL=Avatar.js.map
 import './Avatar.css';

package/dist/web/components/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/web/components/Avatar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/web/components/Avatar.tsx"],"names":[],"mappings":"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"}