@tempoxyz/ds 0.2.6 → 0.3.1

package/dist/web/components/Avatar.css

@@ -1 +1 @@
-.z_tds_2f_web-EaxYgw0{align-items:center}.z_tds_2f_web-EaxYgw1{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z_tds_2f_web-EaxYgw2{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z_tds_2f_web-EaxYgw3{display:inline-flex}.z_tds_2f_web-EaxYgw4{font:inherit}.z_tds_2f_web-EaxYgw5{height:100%}.z_tds_2f_web-EaxYgw6{justify-content:center}.z_tds_2f_web-EaxYgw7{text-transform:uppercase}.z_tds_2f_web-EaxYgw8{width:100%}.z_tds_2f_web-EaxYgw9{&:where([data-overlap=false]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-EaxYgwa{&:where([data-overlap=true]){&>*+*{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}}.z_tds_2f_web-EaxYgwb{&:where([data-overlap=true]){&>*{outline-color:var(--z-tds_2f_web-color-background-primary,light-dark(#f5f5f5,#100f0f))}}}.z_tds_2f_web-EaxYgwc{&:where([data-overlap=true]){&>*{outline-style:solid}}}.z_tds_2f_web-EaxYgwd{&:where([data-overlap=true]){&>*{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}}}.z_tds_2f_web-EaxYgwe{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&>*+*{transition-duration:var(--z-tds_2f_web-transitionDuration-220,.22s)}}}.z_tds_2f_web-EaxYgwf{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&>*+*{transition-property:margin-inline-start}}}.z_tds_2f_web-EaxYgwg{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&>*+*{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}}.z_tds_2f_web-EaxYgwh{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&:hover>*+*,&:focus-within>*+*{margin-inline-start:var(--z-tds_2f_web-spacing-4,.25rem)}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-EaxYgwi{&:where([data-expand=true]):where([data-overlap=true]):where(*,.__zyzz-compound-0){&>*+*{transition-property:none}}}}.z_tds_2f_web-EaxYgwj{display:block}.z_tds_2f_web-EaxYgwk{object-fit:cover}.z_tds_2f_web-EaxYgwl{background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}.z_tds_2f_web-EaxYgwm{border:1px solid}.z_tds_2f_web-EaxYgwn{border-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}.z_tds_2f_web-EaxYgwo{border-radius:var(--z-tds_2f_web-radius-full,9999px)}.z_tds_2f_web-EaxYgwp{box-sizing:border-box}.z_tds_2f_web-EaxYgwq{display:inline-flex}.z_tds_2f_web-EaxYgwr{flex-shrink:0}.z_tds_2f_web-EaxYgws{overflow:hidden}.z_tds_2f_web-EaxYgwt{position:relative}.z_tds_2f_web-EaxYgwu{user-select:none}.z_tds_2f_web-EaxYgwv{vertical-align:middle}.z_tds_2f_web-EaxYgww{&:where([data-size="24"]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-EaxYgwx{&:where([data-size="24"]){font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,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-EaxYgwy{&:where([data-size="24"]){font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}}.z_tds_2f_web-EaxYgwz{&:where([data-size="24"]){font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}}.z_tds_2f_web-EaxYgw10{&:where([data-size="24"]){letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}}.z_tds_2f_web-EaxYgw11{&:where([data-size="24"]){line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}}.z_tds_2f_web-EaxYgw12{&:where([data-size="24"]){width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-EaxYgw13{&:where([data-size="32"]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-EaxYgw14{&:where([data-size="32"]){font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,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-EaxYgw15{&:where([data-size="32"]){font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}}.z_tds_2f_web-EaxYgw16{&:where([data-size="32"]){font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}}.z_tds_2f_web-EaxYgw17{&:where([data-size="32"]){letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}}.z_tds_2f_web-EaxYgw18{&:where([data-size="32"]){line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}}.z_tds_2f_web-EaxYgw19{&:where([data-size="32"]){width:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-EaxYgw1a{&:where([data-size="40"]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-EaxYgw1b{&:where([data-size="40"]){font-family:var(--z-tds_2f_web-typography-label-14-fontFamily,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-EaxYgw1c{&:where([data-size="40"]){font-size:var(--z-tds_2f_web-typography-label-14-fontSize,14px)}}.z_tds_2f_web-EaxYgw1d{&:where([data-size="40"]){font-weight:var(--z-tds_2f_web-typography-label-14-fontWeight,450)}}.z_tds_2f_web-EaxYgw1e{&:where([data-size="40"]){letter-spacing:var(--z-tds_2f_web-typography-label-14-letterSpacing,-.09px)}}.z_tds_2f_web-EaxYgw1f{&:where([data-size="40"]){line-height:var(--z-tds_2f_web-typography-label-14-lineHeight,20px)}}.z_tds_2f_web-EaxYgw1g{&:where([data-size="40"]){width:var(--z-tds_2f_web-spacing-40,2.5rem)}}.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-label-16-fontFamily,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-label-16-fontSize,16px)}}.z_tds_2f_web-EaxYgw1k{&:where([data-size="48"]){font-weight:var(--z-tds_2f_web-typography-label-16-fontWeight,450)}}.z_tds_2f_web-EaxYgw1l{&:where([data-size="48"]){letter-spacing:var(--z-tds_2f_web-typography-label-16-letterSpacing,-.18px)}}.z_tds_2f_web-EaxYgw1m{&:where([data-size="48"]){line-height:var(--z-tds_2f_web-typography-label-16-lineHeight,20px)}}.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="64"]){height:var(--z-tds_2f_web-spacing-64,4rem)}}.z_tds_2f_web-EaxYgw1p{&:where([data-size="64"]){font-family:var(--z-tds_2f_web-typography-label-20-fontFamily,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-EaxYgw1q{&:where([data-size="64"]){font-size:var(--z-tds_2f_web-typography-label-20-fontSize,20px)}}.z_tds_2f_web-EaxYgw1r{&:where([data-size="64"]){font-weight:var(--z-tds_2f_web-typography-label-20-fontWeight,450)}}.z_tds_2f_web-EaxYgw1s{&:where([data-size="64"]){letter-spacing:var(--z-tds_2f_web-typography-label-20-letterSpacing,-.33px)}}.z_tds_2f_web-EaxYgw1t{&:where([data-size="64"]){line-height:var(--z-tds_2f_web-typography-label-20-lineHeight,32px)}}.z_tds_2f_web-EaxYgw1u{&:where([data-size="64"]){width:var(--z-tds_2f_web-spacing-64,4rem)}}
+.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)}}}

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

@@ -1,22 +1,26 @@
-import * as BaseUi from '@base-ui/react/avatar';
 import type { ComponentPropsWithRef } from 'react';
 import type * as zyzz from 'zyzz';
 /**
- * A circular `<span>` that shows a person's or entity's image, with a `Fallback` such as initials
- * while the image loads or after it fails. `Avatar` is the same component as `Avatar.Root`.
+ * 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`.
  *
- * - Give `Avatar.Image` an `alt` with the name, or `alt=""` when the name is already adjacent.
- * - Always include a `Fallback`, since the image does not render until it has loaded.
- * - Pair the avatar with a visible name. Do not rely on the picture alone to identify someone.
+ * - Use 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.
  *
  * @example
- * <Avatar size="40">
- *   <Avatar.Image alt="Ada Lovelace" src={url} />
+ * <Avatar size="32">
  *   <Avatar.Fallback>AL</Avatar.Fallback>
  * </Avatar>
  *
+ * @example
+ * <Avatar size="40">
+ *   <Avatar.Fallback>
+ *     <Wallet />
+ *   </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/HTML/Reference/Elements/img | MDN img element}
  * @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}
  */
@@ -24,33 +28,17 @@ export declare function Avatar(props: Avatar.Props): import("react").JSX.Element
 export declare namespace Avatar {
     type Props = Root.Props;
     /**
-     * Renders a `<span>` while the image is not loaded, filling the avatar and uppercasing its text.
-     * `delay` postpones it by that many milliseconds, so fast loads skip the fallback flash.
+     * 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.
      */
     function Fallback(props: Fallback.Props): import("react").JSX.Element;
     namespace Fallback {
-        type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.fallback> & Pick<BaseUi.Avatar.Fallback.Props, 'delay'>;
+        type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.fallback>;
     }
     /**
-     * Stacks avatars. Set `overlap` to pull each one over the previous, and `expandOnHover` to spread
-     * an overlapped stack apart on hover and keyboard focus.
+     * Renders the circular `<span>`, filled with `container.strong`. `size` sets its diameter in
+     * pixels.
      */
-    function Group(props: Group.Props): import("react").JSX.Element;
-    namespace Group {
-        type Props = ComponentPropsWithRef<'div'> & Omit<zyzz.Props.Variants<typeof styles.group>, 'expand'> & {
-            expandOnHover?: boolean | undefined;
-        };
-    }
-    /**
-     * Renders the `<img>`, cropped to cover the circle. Base UI mounts it only after `src` has
-     * loaded, unless `keepMounted` is set, in which case it stays in the DOM and is `aria-hidden`
-     * until loaded. `onLoadingStatusChange` reports `loading`, `loaded` and `error`.
-     */
-    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>` that clips the image. `size` sets its diameter in pixels. */
     function Root(props: Root.Props): import("react").JSX.Element;
     namespace Root {
         type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.root>;
@@ -60,8 +48,7 @@ declare namespace styles {
     const fallback: zyzz.variants.ReturnType<{
         readonly base: {
             readonly alignItems: "center";
-            readonly backgroundColor: "grayAlpha.100";
-            readonly color: "gray.900";
+            readonly color: "content.secondary";
             readonly display: "inline-flex";
             readonly font: "inherit !custom";
             readonly height: "100% !custom";
@@ -70,80 +57,13 @@ declare namespace styles {
             readonly width: "100% !custom";
         };
     }, "react">;
-    const group: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly alignItems: "center";
-            readonly display: "inline-flex";
-        };
-        readonly compoundVariants: readonly [{
-            readonly when: {
-                readonly expand: true;
-                readonly overlap: true;
-            };
-            readonly style: {
-                readonly selectors: {
-                    readonly '& > * + *': {
-                        readonly transitionDuration: "220";
-                        readonly transitionProperty: "margin-inline-start";
-                        readonly transitionTimingFunction: "snappy";
-                    };
-                    readonly '&:hover > * + *, &:focus-within > * + *': {
-                        readonly marginInlineStart: "4";
-                    };
-                };
-                readonly '@media (prefers-reduced-motion: reduce)': {
-                    readonly selectors: {
-                        readonly '& > * + *': {
-                            readonly transitionProperty: "none";
-                        };
-                    };
-                };
-            };
-        }];
-        readonly defaultVariants: {
-            readonly expand: false;
-            readonly overlap: false;
-        };
-        readonly variants: {
-            readonly expand: {
-                false: {};
-                true: {};
-            };
-            readonly overlap: {
-                readonly false: {
-                    readonly columnGap: "8";
-                };
-                readonly true: {
-                    readonly selectors: {
-                        readonly '& > * + *': {
-                            readonly marginInlineStart: "-8";
-                        };
-                        readonly '& > *': {
-                            readonly outlineColor: "background.primary";
-                            readonly outlineStyle: "solid !custom";
-                            readonly outlineWidth: "2";
-                        };
-                    };
-                };
-            };
-        };
-    }, "react">;
-    const image: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly display: "block";
-            readonly height: "100% !custom";
-            readonly objectFit: "cover";
-            readonly width: "100% !custom";
-        };
-    }, "react">;
     const root: zyzz.variants.ReturnType<{
         readonly base: {
             readonly alignItems: "center";
-            readonly backgroundColor: "background.surface";
-            readonly border: "1px solid !custom";
-            readonly borderColor: "grayAlpha.200";
+            readonly backgroundColor: "container.strong";
             readonly borderRadius: "full";
             readonly boxSizing: "border-box";
+            readonly cornerShape: "round";
             readonly display: "inline-flex";
             readonly flexShrink: "0 !custom";
             readonly overflow: "hidden";
@@ -152,34 +72,39 @@ declare namespace styles {
             readonly verticalAlign: "middle";
         };
         readonly defaultVariants: {
-            readonly size: "48";
+            readonly size: "40";
         };
         readonly variants: {
             readonly size: {
                 readonly '24': {
                     readonly height: "24";
-                    readonly typography: "label.12";
+                    readonly typography: "body.b3Strong";
                     readonly width: "24";
+                    readonly selectors: {
+                        readonly '& svg': {
+                            readonly fontSize: "16";
+                        };
+                    };
                 };
                 readonly '32': {
                     readonly height: "32";
-                    readonly typography: "label.12";
+                    readonly typography: "body.b3Strong";
                     readonly width: "32";
+                    readonly selectors: {
+                        readonly '& svg': {
+                            readonly fontSize: "16";
+                        };
+                    };
                 };
                 readonly '40': {
                     readonly height: "40";
-                    readonly typography: "label.14";
+                    readonly typography: "body.b2Strong";
                     readonly width: "40";
-                };
-                readonly '48': {
-                    readonly height: "48";
-                    readonly typography: "label.16";
-                    readonly width: "48";
-                };
-                readonly '64': {
-                    readonly height: "64";
-                    readonly typography: "label.20";
-                    readonly width: "64";
+                    readonly selectors: {
+                        readonly '& svg': {
+                            readonly fontSize: "20";
+                        };
+                    };
                 };
             };
         };

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":"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;;;;;;;;;;;;;;;;;;GAkBG;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,GAC/C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,GAC3C,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;KAC9C;IAED;;;OAGG;IACH,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAUvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG;YACzD,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;SACpC,CAAA;KACJ;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,8FAA8F;IAC9F,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;;;;;;;;;;;;eAepB,CAAA;IAEM,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBF,KAAK;gBAAM,IAAI;;;;;;;;;;;;;;;;;;;;eAiB9B,CAAA;IAEM,MAAM,KAAK;;;;;;;eAKjB,CAAA;IAEM,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA4BhB,CAAA;CACF"}
+{"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"}

package/dist/web/components/Avatar.js

@@ -2,21 +2,26 @@ 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 shows a person's or entity's image, with a `Fallback` such as initials
- * while the image loads or after it fails. `Avatar` is the same component as `Avatar.Root`.
+ * 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`.
  *
- * - Give `Avatar.Image` an `alt` with the name, or `alt=""` when the name is already adjacent.
- * - Always include a `Fallback`, since the image does not render until it has loaded.
- * - Pair the avatar with a visible name. Do not rely on the picture alone to identify someone.
+ * - Use 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.
  *
  * @example
- * <Avatar size="40">
- *   <Avatar.Image alt="Ada Lovelace" src={url} />
+ * <Avatar size="32">
  *   <Avatar.Fallback>AL</Avatar.Fallback>
  * </Avatar>
  *
+ * @example
+ * <Avatar size="40">
+ *   <Avatar.Fallback>
+ *     <Wallet />
+ *   </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/HTML/Reference/Elements/img | MDN img element}
  * @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}
  */
@@ -25,8 +30,8 @@ export function Avatar(props) {
 }
 (function (Avatar) {
     /**
-     * Renders a `<span>` while the image is not loaded, filling the avatar and uppercasing its text.
-     * `delay` postpones it by that many milliseconds, so fast loads skip the fallback flash.
+     * 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.
      */
     function Fallback(props) {
         const { className, vars, ...attributes } = props;
@@ -34,25 +39,9 @@ export function Avatar(props) {
     }
     Avatar.Fallback = Fallback;
     /**
-     * Stacks avatars. Set `overlap` to pull each one over the previous, and `expandOnHover` to spread
-     * an overlapped stack apart on hover and keyboard focus.
+     * Renders the circular `<span>`, filled with `container.strong`. `size` sets its diameter in
+     * pixels.
      */
-    function Group(props) {
-        const { className, expandOnHover, overlap, vars, ...attributes } = props;
-        return (_jsx("div", { role: "group", ...attributes, ...styles.group({ className, expand: expandOnHover, overlap, style: props.style, vars }) }));
-    }
-    Avatar.Group = Group;
-    /**
-     * Renders the `<img>`, cropped to cover the circle. Base UI mounts it only after `src` has
-     * loaded, unless `keepMounted` is set, in which case it stays in the DOM and is `aria-hidden`
-     * until loaded. `onLoadingStatusChange` reports `loading`, `loaded` and `error`.
-     */
-    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>` that clips the image. `size` sets its diameter in pixels. */
     function Root(props) {
         const { className, size, vars, ...attributes } = props;
         return (_jsx(BaseUi.Avatar.Root, { ...attributes, ...styles.root({ className, size, style: props.style, vars }) }));
@@ -61,10 +50,8 @@ export function Avatar(props) {
 })(Avatar || (Avatar = {}));
 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 z_tds_2f_web-EaxYgw8"+" "+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 z_tds_2f_web-EaxYgw8",result=inline?{className,style:inline}:{className};let value;return result});
-    styles.group = ((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-EaxYgw3 z_tds_2f_web-EaxYgw9 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"+" "+external:"z_tds_2f_web-EaxYgw0 z_tds_2f_web-EaxYgw3 z_tds_2f_web-EaxYgw9 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",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"expand")?input["expand"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-expand"]=String(value);value=Object.hasOwn(input,"overlap")?input["overlap"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-overlap"]=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-EaxYgwj z_tds_2f_web-EaxYgw5 z_tds_2f_web-EaxYgwk z_tds_2f_web-EaxYgw8"+" "+external:"z_tds_2f_web-EaxYgwj z_tds_2f_web-EaxYgw5 z_tds_2f_web-EaxYgwk z_tds_2f_web-EaxYgw8",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-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"+" "+external:"z_tds_2f_web-EaxYgw0 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",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="48";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
+    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 || (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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"}