@multiplatform.one/components 6.1.0 → 6.4.0

package/dist/esm/Alert/index.mjs

@@ -0,0 +1,192 @@
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Intent, MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useResolvedKnobs, warnBannedErrorWords } from "@multiplatform.one/theme";
+import { Button } from "@multiplatform.one/forms";
+import { CheckCircleIcon, InfoIcon, WarningIcon, XCircleIcon, XIcon } from "@phosphor-icons/react";
+import { SizableText, View, XStack, YStack, styled, useTheme } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const intentThemeMap = {
+  info: "accent",
+  success: "success",
+  warning: "warning",
+  error: "error"
+};
+const intentIconMap = {
+  info: InfoIcon,
+  success: CheckCircleIcon,
+  warning: WarningIcon,
+  error: XCircleIcon
+};
+const AlertFrame = styled(XStack, {
+  name: "Alert",
+  width: "100%",
+  alignItems: "flex-start",
+  // Hue tint from the active intent sub-theme: step-3 surface with a step-6
+  // border keeps step-11/12 text AA-readable in both schemes.
+  backgroundColor: "$color3",
+  borderColor: "$color6"
+});
+const DISMISS_VISUAL = 20;
+const DISMISS_OUTSET = Math.ceil((MIN_PRESS_TARGET - DISMISS_VISUAL) / 2);
+const DISMISS_ADJACENT_OUTSET = 6;
+const DismissButton = styled(View, {
+  name: "AlertDismiss",
+  role: "button",
+  tabIndex: 0,
+  cursor: "pointer",
+  alignItems: "center",
+  justifyContent: "center",
+  flexShrink: 0,
+  padding: "$1",
+  borderWidth: 0,
+  backgroundColor: "transparent",
+  borderRadius: "$2",
+  hoverStyle: {
+    backgroundColor: "$color5"
+  },
+  pressStyle: {
+    backgroundColor: "$color6"
+  },
+  focusVisibleStyle: {
+    outlineWidth: 2,
+    outlineStyle: "solid",
+    outlineColor: "$color8",
+    outlineOffset: 1
+  }
+});
+function AlertInner({
+  intent = "info",
+  title,
+  children,
+  icon,
+  action,
+  actionLabel,
+  onAction,
+  dismissible = false,
+  onDismiss,
+  visible,
+  defaultVisible = true,
+  compact = false,
+  ...props
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Alert",
+    compact
+  });
+  const theme = useTheme();
+  const iconColor = theme.color11?.get();
+  const [uncontrolledVisible, setUncontrolledVisible] = useState(defaultVisible);
+  const shown = visible !== void 0 ? visible : uncontrolledVisible;
+  if (!shown) return null;
+  const isTextual = n => typeof n === "string" || typeof n === "number";
+  const textualChildren = children != null && (isTextual(children) || Array.isArray(children) && children.every(isTextual)) ? Array.isArray(children) ? children.join("") : String(children) : null;
+  if (typeof title === "string") {
+    warnBannedErrorWords(title, {
+      component: "Alert"
+    });
+  }
+  if (textualChildren !== null) {
+    warnBannedErrorWords(textualChildren, {
+      component: "Alert"
+    });
+  }
+  const handleDismiss = () => {
+    if (visible === void 0) setUncontrolledVisible(false);
+    onDismiss?.();
+  };
+  const IconComponent = intentIconMap[intent];
+  const iconNode = icon === null ? null : icon ?? /* @__PURE__ */jsx(IconComponent, {
+    size: compact ? 18 : 20,
+    weight: "fill",
+    color: iconColor
+  });
+  const iconSlotHeight = compact ? 20 : 22;
+  const actionNode = action ?? (actionLabel ? /* @__PURE__ */jsx(Button, {
+    compact: true,
+    onPress: onAction,
+    children: actionLabel
+  }) : null);
+  return /* @__PURE__ */jsxs(AlertFrame, {
+    role: intent === "error" || intent === "warning" ? "alert" : "status",
+    borderRadius: knobProps.borderRadius.borderRadius,
+    borderWidth: Math.max(knobProps.borderRadius.borderWidth, 1),
+    padding: compact ? "$2.5" : knobProps.panelPadding.padding,
+    gap: compact ? "$2" : "$3",
+    transition: knobProps.transition,
+    ...props,
+    children: [iconNode ? /* @__PURE__ */jsx(View, {
+      flexShrink: 0,
+      height: iconSlotHeight,
+      justifyContent: "center",
+      children: iconNode
+    }) : null, /* @__PURE__ */jsxs(YStack, {
+      flexGrow: 1,
+      flexShrink: 1,
+      gap: "$1",
+      justifyContent: "center",
+      minHeight: iconSlotHeight,
+      children: [title ? /* @__PURE__ */jsx(SizableText, {
+        ...knobProps.body,
+        fontWeight: "600",
+        color: "$color12",
+        fontSize: compact ? "$3" : "$4",
+        lineHeight: compact ? 20 : 22,
+        children: title
+      }) : null, children != null && (textualChildren !== null ? /* @__PURE__ */jsx(SizableText, {
+        ...knobProps.body,
+        color: "$color12",
+        fontSize: compact ? "$2" : "$3",
+        lineHeight: compact ? 18 : 20,
+        children: textualChildren
+      }) : children)]
+    }), actionNode ?
+    // Same first-line slot as the icon: trailing controls center on the
+    // title line, so action + dismiss share one line (Axiom 15/16 —
+    // a content-sized slot floated the action ~11px below the dismiss X).
+    /* @__PURE__ */
+    jsx(View, {
+      flexShrink: 0,
+      height: iconSlotHeight,
+      justifyContent: "center",
+      children: actionNode
+    }) : null, dismissible ? /* @__PURE__ */jsx(DismissButton, {
+      "aria-label": t("Dismiss"),
+      ...pressTargetStyle(),
+      ...(actionNode ? {
+        minWidth: DISMISS_VISUAL + DISMISS_ADJACENT_OUTSET * 2
+      } : null),
+      marginVertical: -DISMISS_OUTSET,
+      marginHorizontal: -(actionNode ? DISMISS_ADJACENT_OUTSET : DISMISS_OUTSET),
+      hitSlop: actionNode ? void 0 : pressTargetHitSlop(DISMISS_VISUAL),
+      onPress: handleDismiss,
+      ...{
+        onKeyDown: e => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault?.();
+            handleDismiss();
+          }
+        }
+      },
+      children: /* @__PURE__ */jsx(XIcon, {
+        size: 16,
+        color: iconColor
+      })
+    }) : null]
+  });
+}
+function Alert(props) {
+  const themeName = intentThemeMap[props.intent ?? "info"];
+  return /* @__PURE__ */jsx(Intent, {
+    name: themeName,
+    children: /* @__PURE__ */jsx(AlertInner, {
+      ...props
+    })
+  });
+}
+export { Alert };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/Alert/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useTranslation","Intent","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","warnBannedErrorWords","Button","CheckCircleIcon","InfoIcon","WarningIcon","XCircleIcon","XIcon","SizableText","View","XStack","YStack","styled","useTheme","jsx","jsxs","intentThemeMap","info","success","warning","error","intentIconMap","AlertFrame","name","width","alignItems","backgroundColor","borderColor","DISMISS_VISUAL","DISMISS_OUTSET","Math","ceil","DISMISS_ADJACENT_OUTSET","DismissButton","role","tabIndex","cursor","justifyContent","flexShrink","padding","borderWidth","borderRadius","hoverStyle","pressStyle","focusVisibleStyle","outlineWidth","outlineStyle","outlineColor","outlineOffset","AlertInner","intent","title","children","icon","action","actionLabel","onAction","dismissible","onDismiss","visible","defaultVisible","compact","props","t","knobProps","component","theme","iconColor","color11","get","uncontrolledVisible","setUncontrolledVisible","shown","isTextual","n","textualChildren","Array","isArray","every","join","String","handleDismiss","IconComponent","iconNode","size","weight","color","iconSlotHeight","actionNode","onPress","max","panelPadding","gap","transition","height","flexGrow","minHeight","body","fontWeight","fontSize","lineHeight","minWidth","marginVertical","marginHorizontal","hitSlop","onKeyDown","e","key","preventDefault","Alert","themeName"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Alert/index.native.js

@@ -0,0 +1,205 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Intent, MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useResolvedKnobs, warnBannedErrorWords } from "@multiplatform.one/theme";
+import { Button } from "@multiplatform.one/forms";
+import { CheckCircleIcon, InfoIcon, WarningIcon, XCircleIcon, XIcon } from "@phosphor-icons/react";
+import { SizableText, View, XStack, YStack, styled, useTheme } from "tamagui";
+var intentThemeMap = {
+  info: "accent",
+  success: "success",
+  warning: "warning",
+  error: "error"
+};
+var intentIconMap = {
+  info: InfoIcon,
+  success: CheckCircleIcon,
+  warning: WarningIcon,
+  error: XCircleIcon
+};
+var AlertFrame = styled(XStack, {
+  name: "Alert",
+  width: "100%",
+  alignItems: "flex-start",
+  // Hue tint from the active intent sub-theme: step-3 surface with a step-6
+  // border keeps step-11/12 text AA-readable in both schemes.
+  backgroundColor: "$color3",
+  borderColor: "$color6"
+});
+var DISMISS_VISUAL = 20;
+var DISMISS_OUTSET = Math.ceil((MIN_PRESS_TARGET - DISMISS_VISUAL) / 2);
+var DISMISS_ADJACENT_OUTSET = 6;
+var DismissButton = styled(View, {
+  name: "AlertDismiss",
+  role: "button",
+  tabIndex: 0,
+  cursor: "pointer",
+  alignItems: "center",
+  justifyContent: "center",
+  flexShrink: 0,
+  padding: "$1",
+  borderWidth: 0,
+  backgroundColor: "transparent",
+  borderRadius: "$2",
+  hoverStyle: {
+    backgroundColor: "$color5"
+  },
+  pressStyle: {
+    backgroundColor: "$color6"
+  },
+  focusVisibleStyle: {
+    outlineWidth: 2,
+    outlineStyle: "solid",
+    outlineColor: "$color8",
+    outlineOffset: 1
+  }
+});
+function AlertInner(param) {
+  var {
+    intent = "info",
+    title,
+    children,
+    icon,
+    action,
+    actionLabel,
+    onAction,
+    dismissible = false,
+    onDismiss,
+    visible,
+    defaultVisible = true,
+    compact = false,
+    ...props
+  } = param;
+  var _theme_color11;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Alert",
+    compact
+  });
+  var theme = useTheme();
+  var iconColor = (_theme_color11 = theme.color11) === null || _theme_color11 === void 0 ? void 0 : _theme_color11.get();
+  var [uncontrolledVisible, setUncontrolledVisible] = useState(defaultVisible);
+  var shown = visible !== void 0 ? visible : uncontrolledVisible;
+  if (!shown) return null;
+  var isTextual = function isTextual2(n) {
+    return typeof n === "string" || typeof n === "number";
+  };
+  var textualChildren = children != null && (isTextual(children) || Array.isArray(children) && children.every(isTextual)) ? Array.isArray(children) ? children.join("") : String(children) : null;
+  if (typeof title === "string") {
+    warnBannedErrorWords(title, {
+      component: "Alert"
+    });
+  }
+  if (textualChildren !== null) {
+    warnBannedErrorWords(textualChildren, {
+      component: "Alert"
+    });
+  }
+  var handleDismiss = function handleDismiss2() {
+    if (visible === void 0) setUncontrolledVisible(false);
+    onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+  };
+  var IconComponent = intentIconMap[intent];
+  var iconNode = icon === null ? null : icon !== null && icon !== void 0 ? icon : /* @__PURE__ */_jsx(IconComponent, {
+    size: compact ? 18 : 20,
+    weight: "fill",
+    color: iconColor
+  });
+  var iconSlotHeight = compact ? 20 : 22;
+  var actionNode = action !== null && action !== void 0 ? action : actionLabel ? /* @__PURE__ */_jsx(Button, {
+    compact: true,
+    onPress: onAction,
+    children: actionLabel
+  }) : null;
+  return /* @__PURE__ */_jsxs(AlertFrame, {
+    // Interruptive intents announce assertively; the rest politely.
+    role: intent === "error" || intent === "warning" ? "alert" : "status",
+    borderRadius: knobProps.borderRadius.borderRadius,
+    // Banner keeps at least a hairline so the tint reads as a surface even
+    // under borderWidth-none knob presets.
+    borderWidth: Math.max(knobProps.borderRadius.borderWidth, 1),
+    padding: compact ? "$2.5" : knobProps.panelPadding.padding,
+    gap: compact ? "$2" : "$3",
+    transition: knobProps.transition,
+    ...props,
+    children: [iconNode ? /* @__PURE__ */_jsx(View, {
+      flexShrink: 0,
+      height: iconSlotHeight,
+      justifyContent: "center",
+      children: iconNode
+    }) : null, /* @__PURE__ */_jsxs(YStack, {
+      flexGrow: 1,
+      flexShrink: 1,
+      gap: "$1",
+      justifyContent: "center",
+      minHeight: iconSlotHeight,
+      children: [title ? /* @__PURE__ */_jsx(SizableText, {
+        ...knobProps.body,
+        fontWeight: "600",
+        color: "$color12",
+        fontSize: compact ? "$3" : "$4",
+        lineHeight: compact ? 20 : 22,
+        children: title
+      }) : null, children != null && (textualChildren !== null ? /* @__PURE__ */_jsx(SizableText, {
+        ...knobProps.body,
+        // Step 12, not 11: $color11 on the step-3 tint measured 4.2:1
+        // in the light semantic ramps (below the 4.5 floor); weight and
+        // size keep the title/description hierarchy.
+        color: "$color12",
+        fontSize: compact ? "$2" : "$3",
+        lineHeight: compact ? 18 : 20,
+        children: textualChildren
+      }) : children)]
+    }), actionNode ?
+    // Same first-line slot as the icon: trailing controls center on the
+    // title line, so action + dismiss share one line (Axiom 15/16 —
+    // a content-sized slot floated the action ~11px below the dismiss X).
+    /* @__PURE__ */
+    _jsx(View, {
+      flexShrink: 0,
+      height: iconSlotHeight,
+      justifyContent: "center",
+      children: actionNode
+    }) : null, dismissible ? /* @__PURE__ */_jsx(DismissButton, {
+      "aria-label": t("Dismiss"),
+      ...pressTargetStyle(),
+      ...(actionNode ? {
+        minWidth: DISMISS_VISUAL + DISMISS_ADJACENT_OUTSET * 2
+      } : null),
+      marginVertical: -DISMISS_OUTSET,
+      marginHorizontal: -(actionNode ? DISMISS_ADJACENT_OUTSET : DISMISS_OUTSET),
+      hitSlop: actionNode ? void 0 : pressTargetHitSlop(DISMISS_VISUAL),
+      onPress: handleDismiss,
+      // role=button divs don't get free keyboard activation on web.
+      ...{
+        onKeyDown: function onKeyDown(e) {
+          if (e.key === "Enter" || e.key === " ") {
+            var _e_preventDefault;
+            (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+            handleDismiss();
+          }
+        }
+      },
+      children: /* @__PURE__ */_jsx(XIcon, {
+        size: 16,
+        color: iconColor
+      })
+    }) : null]
+  });
+}
+function Alert(props) {
+  var _props_intent;
+  var themeName = intentThemeMap[(_props_intent = props.intent) !== null && _props_intent !== void 0 ? _props_intent : "info"];
+  return /* @__PURE__ */_jsx(Intent, {
+    name: themeName,
+    children: /* @__PURE__ */_jsx(AlertInner, {
+      ...props
+    })
+  });
+}
+export { Alert };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/Alert/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","useTranslation","Intent","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","warnBannedErrorWords","Button","CheckCircleIcon","InfoIcon","WarningIcon","XCircleIcon","XIcon","SizableText","View","XStack","YStack","styled","useTheme","intentThemeMap","info","success","warning","error","intentIconMap","AlertFrame","name","width","alignItems","backgroundColor","borderColor","DISMISS_VISUAL","DISMISS_OUTSET","Math","ceil","DISMISS_ADJACENT_OUTSET","DismissButton","role","tabIndex","cursor","justifyContent","flexShrink","padding","borderWidth","borderRadius","hoverStyle","pressStyle","focusVisibleStyle","outlineWidth","outlineStyle","outlineColor","outlineOffset","AlertInner","param","intent","title","children","icon","action","actionLabel","onAction","dismissible","onDismiss","visible","defaultVisible","compact","props","_theme_color11","t","knobProps","component","theme","iconColor","color11","get","uncontrolledVisible","setUncontrolledVisible","shown","isTextual","isTextual2","n","textualChildren","Array","isArray","every","join","String","handleDismiss","handleDismiss2","IconComponent","iconNode","size","weight","color","iconSlotHeight","actionNode","onPress","max","panelPadding","gap","transition","height","flexGrow","minHeight","body","fontWeight","fontSize","lineHeight","minWidth","marginVertical","marginHorizontal","hitSlop","onKeyDown","e","key","_e_preventDefault","preventDefault","call"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Avatar/getInitials.mjs

@@ -0,0 +1,13 @@
+function getInitials(name) {
+  const trimmed = (name ?? "").trim();
+  if (!trimmed) return "?";
+  const parts = trimmed.split(/[\s@._-]+/).filter(Boolean);
+  if (parts.length >= 2) {
+    const a = parts[0][0] ?? "";
+    const b = parts[1][0] ?? "";
+    return (a + b).toUpperCase();
+  }
+  return trimmed.substring(0, 2).toUpperCase();
+}
+export { getInitials };
+//# sourceMappingURL=getInitials.mjs.map

package/dist/esm/Avatar/getInitials.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getInitials","name","trimmed","trim","parts","split","filter","Boolean","length","a","b","toUpperCase","substring"],"sources":["../../../src/Avatar/getInitials.ts"],"sourcesContent":[null],"mappings":"AAIO,SAASA,YAAYC,IAAA,EAAsB;EAChD,MAAMC,OAAA,IAAWD,IAAA,IAAQ,IAAIE,IAAA,CAAK;EAClC,IAAI,CAACD,OAAA,EAAS,OAAO;EACrB,MAAME,KAAA,GAAQF,OAAA,CAAQG,KAAA,CAAM,WAAW,EAAEC,MAAA,CAAOC,OAAO;EACvD,IAAIH,KAAA,CAAMI,MAAA,IAAU,GAAG;IACrB,MAAMC,CAAA,GAAIL,KAAA,CAAM,CAAC,EAAE,CAAC,KAAK;IACzB,MAAMM,CAAA,GAAIN,KAAA,CAAM,CAAC,EAAE,CAAC,KAAK;IACzB,QAAQK,CAAA,GAAIC,CAAA,EAAGC,WAAA,CAAY;EAC7B;EACA,OAAOT,OAAA,CAAQU,SAAA,CAAU,GAAG,CAAC,EAAED,WAAA,CAAY;AAC7C","ignoreList":[]}

package/dist/esm/Avatar/getInitials.native.js

@@ -0,0 +1,14 @@
+function getInitials(name) {
+  var trimmed = (name !== null && name !== void 0 ? name : "").trim();
+  if (!trimmed) return "?";
+  var parts = trimmed.split(/[\s@._-]+/).filter(Boolean);
+  if (parts.length >= 2) {
+    var _parts__, _parts__1;
+    var a = (_parts__ = parts[0][0]) !== null && _parts__ !== void 0 ? _parts__ : "";
+    var b = (_parts__1 = parts[1][0]) !== null && _parts__1 !== void 0 ? _parts__1 : "";
+    return (a + b).toUpperCase();
+  }
+  return trimmed.substring(0, 2).toUpperCase();
+}
+export { getInitials };
+//# sourceMappingURL=getInitials.native.js.map

package/dist/esm/Avatar/getInitials.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getInitials","name","trimmed","trim","parts","split","filter","Boolean","length","_parts__","_parts__1","a","b","toUpperCase","substring"],"sources":["../../../src/Avatar/getInitials.ts"],"sourcesContent":[null],"mappings":"AAIO,SAASA,YAAYC,IAAA,EAAsB;EAChD,IAAAC,OAAM,IAAAD,IAAW,SAAQ,IAAIA,IAAK,cAAAA,IAAA,OAAAE,IAAA;EAClC,IAAI,CAACD,OAAA,EAAS,OAAO;EACrB,IAAAE,KAAM,GAAAF,OAAQ,CAAAG,KAAQ,YAAM,EAAWC,MAAE,CAAAC,OAAO;EAChD,IAAIH,KAAA,CAAMI,MAAA,IAAU,GAAG;IACrB,IAAAC,QAAU,EAAAC,SAAU;IACpB,IAAAC,CAAA,GAAM,CAAAF,QAAW,GAAGL,KAAK,oBAAAK,QAAA,cAAAA,QAAA;IACzB,IAAAG,CAAA,GAAQ,CAAAF,SAAO,GAAAN,KAAA,CAAY,mBAAAM,SAAA,cAAAA,SAAA;IAC7B,QAAAC,CAAA,GAAAC,CAAA,EAAAC,WAAA;EACA;EACF,OAAAX,OAAA,CAAAY,SAAA,OAAAD,WAAA","ignoreList":[]}

package/dist/esm/Avatar/index.mjs

@@ -0,0 +1,93 @@
+import { useReadableTextOn, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Avatar as TamaguiAvatar, SizableText, withStaticProperties } from "tamagui";
+import { componentColors } from "../componentColors.mjs";
+import { getInitials } from "./getInitials.mjs";
+import { getInitials as getInitials2 } from "./getInitials.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const avatarSizeMap = {
+  $3: "$2",
+  $4: "$3",
+  $5: "$4"
+};
+function initialsFontSize(size) {
+  if (typeof size === "number") {
+    if (size <= 24) return "$1";
+    if (size <= 40) return "$2";
+    return "$3";
+  }
+  switch (size) {
+    case "$0.5":
+    case "$1":
+    case "$1.5":
+      return "$1";
+    case "$2":
+    case "$2.5":
+    case "$3":
+      return "$2";
+    default:
+      return "$3";
+  }
+}
+function AvatarRoot({
+  src,
+  name,
+  alt,
+  initials,
+  fallbackBackgroundColor = "$accentBackground",
+  fallbackColor,
+  fallback,
+  size: sizeProp,
+  circular = true,
+  children,
+  backgroundColor,
+  ...props
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const onAccentInitials = useReadableTextOn("$accentBackground");
+  const size = sizeProp ?? avatarSizeMap[knobProps.sizeToken] ?? "$3";
+  if (children != null) {
+    return /* @__PURE__ */jsx(TamaguiAvatar, {
+      circular,
+      size,
+      backgroundColor: backgroundColor ?? fallbackBackgroundColor,
+      ...props,
+      children
+    });
+  }
+  const label = alt ?? name ?? "Avatar";
+  const initialsText = initials ?? (name ? getInitials(name) : "?");
+  const onAccent = fallbackBackgroundColor === "$accentBackground";
+  return /* @__PURE__ */jsxs(TamaguiAvatar, {
+    circular,
+    size,
+    backgroundColor: backgroundColor ?? fallbackBackgroundColor,
+    "aria-label": label,
+    ...props,
+    children: [src ? /* @__PURE__ */jsx(TamaguiAvatar.Image, {
+      src,
+      alt: label
+    }) : null, /* @__PURE__ */jsx(TamaguiAvatar.Fallback, {
+      backgroundColor: fallbackBackgroundColor,
+      alignItems: "center",
+      justifyContent: "center",
+      ...(src ? {
+        delayMs: 600
+      } : {}),
+      children: fallback ?? /* @__PURE__ */jsx(SizableText, {
+        fontSize: initialsFontSize(size),
+        color: fallbackColor ?? (onAccent ? onAccentInitials ?? "$color" : componentColors.text.primary),
+        fontWeight: "600",
+        textAlign: "center",
+        children: initialsText
+      })
+    })]
+  });
+}
+const Avatar = withStaticProperties(AvatarRoot, {
+  Image: TamaguiAvatar.Image,
+  Fallback: TamaguiAvatar.Fallback
+});
+export { Avatar, getInitials2 as getInitials };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/Avatar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useReadableTextOn","useResolvedKnobs","Avatar","TamaguiAvatar","SizableText","withStaticProperties","componentColors","getInitials","getInitials2","jsx","jsxs","avatarSizeMap","$3","$4","$5","initialsFontSize","size","AvatarRoot","src","name","alt","initials","fallbackBackgroundColor","fallbackColor","fallback","sizeProp","circular","children","backgroundColor","props","knobProps","onAccentInitials","sizeToken","label","initialsText","onAccent","Image","Fallback","alignItems","justifyContent","delayMs","fontSize","color","text","primary","fontWeight","textAlign"],"sources":["../../../src/Avatar/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,iBAAA,EAAmBC,gBAAA,QAAwB;AAEpD,SAASC,MAAA,IAAUC,aAAA,EAAeC,WAAA,EAAaC,oBAAA,QAA4B;AAC3E,SAASC,eAAA,QAAuB;AAChC,SAASC,WAAA,QAAmB;AAE5B,SAASA,WAAA,IAAAC,YAAA,QAAmB;AA2FtB,SAAAC,GAAA,EAiBFC,IAAA,QAjBE;AA3DN,MAAMC,aAAA,GAA4C;EAChDC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;AACN;AAIA,SAASC,iBAAiBC,IAAA,EAA0C;EAClE,IAAI,OAAOA,IAAA,KAAS,UAAU;IAC5B,IAAIA,IAAA,IAAQ,IAAI,OAAO;IACvB,IAAIA,IAAA,IAAQ,IAAI,OAAO;IACvB,OAAO;EACT;EACA,QAAQA,IAAA;IACN,KAAK;IACL,KAAK;IACL,KAAK;MACH,OAAO;IACT,KAAK;IACL,KAAK;IACL,KAAK;MACH,OAAO;IACT;MACE,OAAO;EACX;AACF;AASA,SAASC,WAAW;EAClBC,GAAA;EACAC,IAAA;EACAC,GAAA;EACAC,QAAA;EACAC,uBAAA,GAA0B;EAC1BC,aAAA;EACAC,QAAA;EACAR,IAAA,EAAMS,QAAA;EACNC,QAAA,GAAW;EACXC,QAAA;EACAC,eAAA;EACA,GAAGC;AACL,GAAgB;EAGd,MAAM;IAAEC;EAAU,IAAI7B,gBAAA,CAAiB;EAIvC,MAAM8B,gBAAA,GAAmB/B,iBAAA,CAAkB,mBAAmB;EAC9D,MAAMgB,IAAA,GAAOS,QAAA,IAAYd,aAAA,CAAcmB,SAAA,CAAUE,SAAS,KAAK;EAC/D,IAAIL,QAAA,IAAY,MAAM;IACpB,OACE,eAAAlB,GAAA,CAACN,aAAA;MACCuB,QAAA;MACAV,IAAA;MACAY,eAAA,EAAiBA,eAAA,IAAmBN,uBAAA;MACnC,GAAGO,KAAA;MAEHF;IAAA,CACH;EAEJ;EAEA,MAAMM,KAAA,GAAQb,GAAA,IAAOD,IAAA,IAAQ;EAC7B,MAAMe,YAAA,GAAeb,QAAA,KAAaF,IAAA,GAAOZ,WAAA,CAAYY,IAAI,IAAI;EAE7D,MAAMgB,QAAA,GAAWb,uBAAA,KAA4B;EAE7C,OACE,eAAAZ,IAAA,CAACP,aAAA;IACCuB,QAAA;IACAV,IAAA;IACAY,eAAA,EAAiBA,eAAA,IAAmBN,uBAAA;IACpC,cAAYW,KAAA;IACX,GAAGJ,KAAA;IAEHF,QAAA,GAAAT,GAAA,GAAM,eAAAT,GAAA,CAACN,aAAA,CAAciC,KAAA,EAAd;MAAoBlB,GAAA;MAAUE,GAAA,EAAKa;IAAA,CAAO,IAAK,MACvD,eAAAxB,GAAA,CAACN,aAAA,CAAckC,QAAA,EAAd;MACCT,eAAA,EAAiBN,uBAAA;MACjBgB,UAAA,EAAW;MACXC,cAAA,EAAe;MAGd,IAAIrB,GAAA,GAAM;QAAEsB,OAAA,EAAS;MAAI,IAAI,CAAC;MAE9Bb,QAAA,EAAAH,QAAA,IACC,eAAAf,GAAA,CAACL,WAAA;QACCqC,QAAA,EAAU1B,gBAAA,CAAiBC,IAAI;QAI/B0B,KAAA,EACEnB,aAAA,KACCY,QAAA,GAAYJ,gBAAA,IAAoB,WAAYzB,eAAA,CAAgBqC,IAAA,CAAKC,OAAA;QAEpEC,UAAA,EAAW;QACXC,SAAA,EAAU;QAETnB,QAAA,EAAAO;MAAA,CACH;IAAA,CAEJ;EAAA,CACF;AAEJ;AAEO,MAAMhC,MAAA,GAASG,oBAAA,CAAqBY,UAAA,EAAY;EACrDmB,KAAA,EAAOjC,aAAA,CAAciC,KAAA;EACrBC,QAAA,EAAUlC,aAAA,CAAckC;AAC1B,CAAC","ignoreList":[]}

package/dist/esm/Avatar/index.native.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useReadableTextOn, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Avatar as TamaguiAvatar, SizableText, withStaticProperties } from "tamagui";
+import { componentColors } from "../componentColors.native.js";
+import { getInitials } from "./getInitials.native.js";
+import { getInitials as getInitials2 } from "./getInitials.native.js";
+var avatarSizeMap = {
+  $3: "$2",
+  $4: "$3",
+  $5: "$4"
+};
+function initialsFontSize(size) {
+  if (typeof size === "number") {
+    if (size <= 24) return "$1";
+    if (size <= 40) return "$2";
+    return "$3";
+  }
+  switch (size) {
+    case "$0.5":
+    case "$1":
+    case "$1.5":
+      return "$1";
+    case "$2":
+    case "$2.5":
+    case "$3":
+      return "$2";
+    default:
+      return "$3";
+  }
+}
+function AvatarRoot(param) {
+  var {
+    src,
+    name,
+    alt,
+    initials,
+    fallbackBackgroundColor = "$accentBackground",
+    fallbackColor,
+    fallback,
+    size: sizeProp,
+    circular = true,
+    children,
+    backgroundColor,
+    ...props
+  } = param;
+  var _ref, _ref1;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var onAccentInitials = useReadableTextOn("$accentBackground");
+  var size = (_ref = sizeProp !== null && sizeProp !== void 0 ? sizeProp : avatarSizeMap[knobProps.sizeToken]) !== null && _ref !== void 0 ? _ref : "$3";
+  if (children != null) {
+    return /* @__PURE__ */_jsx(TamaguiAvatar, {
+      circular,
+      size,
+      backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : fallbackBackgroundColor,
+      ...props,
+      children
+    });
+  }
+  var label = (_ref1 = alt !== null && alt !== void 0 ? alt : name) !== null && _ref1 !== void 0 ? _ref1 : "Avatar";
+  var initialsText = initials !== null && initials !== void 0 ? initials : name ? getInitials(name) : "?";
+  var onAccent = fallbackBackgroundColor === "$accentBackground";
+  return /* @__PURE__ */_jsxs(TamaguiAvatar, {
+    circular,
+    size,
+    backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : fallbackBackgroundColor,
+    "aria-label": label,
+    ...props,
+    children: [src ? /* @__PURE__ */_jsx(TamaguiAvatar.Image, {
+      src,
+      alt: label
+    }) : null, /* @__PURE__ */_jsx(TamaguiAvatar.Fallback, {
+      backgroundColor: fallbackBackgroundColor,
+      alignItems: "center",
+      justifyContent: "center",
+      // Omit delayMs so Fallback mounts immediately (tamagui treats
+      // delayMs=0 as "wait for timeout" and starts canRender=false).
+      ...(src ? {
+        delayMs: 600
+      } : {}),
+      children: fallback !== null && fallback !== void 0 ? fallback : /* @__PURE__ */_jsx(SizableText, {
+        fontSize: initialsFontSize(size),
+        // Luminance-computed on-fill foreground (Axiom 15): the paper/ink
+        // anchor that reads best on the resolved accent tint, not the
+        // accent theme's fixed near-white.
+        color: fallbackColor !== null && fallbackColor !== void 0 ? fallbackColor : onAccent ? onAccentInitials !== null && onAccentInitials !== void 0 ? onAccentInitials : "$color" : componentColors.text.primary,
+        fontWeight: "600",
+        textAlign: "center",
+        children: initialsText
+      })
+    })]
+  });
+}
+var Avatar = withStaticProperties(AvatarRoot, {
+  Image: TamaguiAvatar.Image,
+  Fallback: TamaguiAvatar.Fallback
+});
+export { Avatar, getInitials2 as getInitials };
+//# sourceMappingURL=index.native.js.map