@multiplatform.one/components 6.0.4 → 6.3.0

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

@@ -0,0 +1,223 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Alert_exports = {};
+__export(Alert_exports, {
+  Alert: () => Alert
+});
+module.exports = __toCommonJS(Alert_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_theme = require("@multiplatform.one/theme");
+var import_forms = require("@multiplatform.one/forms");
+var import_react2 = require("@phosphor-icons/react");
+var import_tamagui = require("tamagui");
+var intentThemeMap = {
+  info: "accent",
+  success: "success",
+  warning: "warning",
+  error: "error"
+};
+var intentIconMap = {
+  info: import_react2.InfoIcon,
+  success: import_react2.CheckCircleIcon,
+  warning: import_react2.WarningIcon,
+  error: import_react2.XCircleIcon
+};
+var AlertFrame = (0, import_tamagui.styled)(import_tamagui.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 DismissButton = (0, import_tamagui.styled)(import_tamagui.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
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Alert",
+    compact
+  });
+  var theme = (0, import_tamagui.useTheme)();
+  var iconColor = (_theme_color11 = theme.color11) === null || _theme_color11 === void 0 ? void 0 : _theme_color11.get();
+  var [uncontrolledVisible, setUncontrolledVisible] = (0, import_react.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") {
+    (0, import_theme.warnBannedErrorWords)(title, {
+      component: "Alert"
+    });
+  }
+  if (textualChildren !== null) {
+    (0, import_theme.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__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+    compact: true,
+    onPress: onAction,
+    children: actionLabel
+  }) : null;
+  return /* @__PURE__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      flexShrink: 0,
+      height: iconSlotHeight,
+      justifyContent: "center",
+      children: iconNode
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      flexGrow: 1,
+      flexShrink: 1,
+      gap: "$1",
+      justifyContent: "center",
+      minHeight: iconSlotHeight,
+      children: [title ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+        ...knobProps.body,
+        fontWeight: "600",
+        color: "$color12",
+        fontSize: compact ? "$3" : "$4",
+        lineHeight: compact ? 20 : 22,
+        children: title
+      }) : null, children != null && (textualChildren !== null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */
+    (0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      flexShrink: 0,
+      height: iconSlotHeight,
+      justifyContent: "center",
+      children: actionNode
+    }) : null, dismissible ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DismissButton, {
+      "aria-label": t("Dismiss"),
+      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__ */(0, import_jsx_runtime.jsx)(import_react2.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__ */(0, import_jsx_runtime.jsx)(import_theme.Intent, {
+    name: themeName,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AlertInner, {
+      ...props
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Alert_exports","__export","Alert","module","exports","import_jsx_runtime","require","import_react","import_react_i18next","import_theme","import_forms","import_react2","import_tamagui","intentThemeMap","info","success","warning","error","intentIconMap","InfoIcon","CheckCircleIcon","WarningIcon","XCircleIcon","AlertFrame","styled","XStack","name","width","alignItems","backgroundColor","borderColor","DismissButton","View","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","useTranslation","knobProps","useResolvedKnobs","component","theme","useTheme","iconColor","color11","get","uncontrolledVisible","setUncontrolledVisible","useState","shown","isTextual","isTextual2","n","textualChildren","Array","isArray","every","join","String","warnBannedErrorWords","handleDismiss","handleDismiss2","IconComponent","iconNode","jsx","size","weight","color","iconSlotHeight","actionNode","Button","onPress","jsxs","Math","max","panelPadding","gap","transition","height","YStack","flexGrow","minHeight","SizableText","body","fontWeight","fontSize","lineHeight","onKeyDown","e","key","_e_preventDefault","preventDefault","call"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Avatar/getInitials.cjs

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var getInitials_exports = {};
+__export(getInitials_exports, {
+  getInitials: () => getInitials
+});
+module.exports = __toCommonJS(getInitials_exports);
+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();
+}

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

@@ -0,0 +1,42 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var getInitials_exports = {};
+__export(getInitials_exports, {
+  getInitials: () => getInitials
+});
+module.exports = __toCommonJS(getInitials_exports);
+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();
+}
+//# sourceMappingURL=getInitials.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getInitials_exports","__export","getInitials","module","exports","name","trimmed","trim","parts","split","filter","Boolean","length","_parts__","_parts__1","a","b","toUpperCase"],"sources":["../../../src/Avatar/getInitials.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAIOC,MAAA,CAAAC,OAAS,GAAAT,YAAkC,CAAAK,mBAAA;AAChD,SAAME,WAAWA,CAAAG,IAAA,EAAQ;EACzB,IAAIC,OAAC,GAAS,CAAAD,IAAA,KAAO,QAAAA,IAAA,cAAAA,IAAA,OAAAE,IAAA;EACrB,KAAAD,OAAM,EAAQ,UAAQ;EACtB,IAAIE,KAAA,GAAMF,OAAA,CAAUG,KAAG,cAAAC,MAAA,CAAAC,OAAA;EACrB,IAAAH,KAAM,CAAAI,MAAI,IAAO,CAAE,EAAC;IACpB,IAAAC,QAAU,EAAAC,SAAU;IACpB,IAAAC,CAAA,GAAQ,CAAAF,QAAO,GAAAL,KAAA,EAAY,kBAAAK,QAAA,cAAAA,QAAA;IAC7B,IAAAG,CAAA,IAAAF,SAAA,GAAAN,KAAA,oBAAAM,SAAA,cAAAA,SAAA;IACA,OAAO,CAAAC,CAAA,GAAAC,CAAQ,EAAAC,WAAa,CAAC;EAC/B","ignoreList":[]}

package/dist/cjs/Avatar/index.cjs

@@ -0,0 +1,119 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Avatar_exports = {};
+__export(Avatar_exports, {
+  Avatar: () => Avatar,
+  getInitials: () => import_getInitials2.getInitials
+});
+module.exports = __toCommonJS(Avatar_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_componentColors = require("../componentColors.cjs");
+var import_getInitials = require("./getInitials.cjs");
+var import_getInitials2 = require("./getInitials.cjs");
+var import_jsx_runtime = require("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
+  } = (0, import_theme.useResolvedKnobs)();
+  const onAccentInitials = (0, import_theme.useReadableTextOn)("$accentBackground");
+  const size = sizeProp ?? avatarSizeMap[knobProps.sizeToken] ?? "$3";
+  if (children != null) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar, {
+      circular,
+      size,
+      backgroundColor: backgroundColor ?? fallbackBackgroundColor,
+      ...props,
+      children
+    });
+  }
+  const label = alt ?? name ?? "Avatar";
+  const initialsText = initials ?? (name ? (0, import_getInitials.getInitials)(name) : "?");
+  const onAccent = fallbackBackgroundColor === "$accentBackground";
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
+    circular,
+    size,
+    backgroundColor: backgroundColor ?? fallbackBackgroundColor,
+    "aria-label": label,
+    ...props,
+    children: [src ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
+      src,
+      alt: label
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
+      backgroundColor: fallbackBackgroundColor,
+      alignItems: "center",
+      justifyContent: "center",
+      ...(src ? {
+        delayMs: 600
+      } : {}),
+      children: fallback ?? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+        fontSize: initialsFontSize(size),
+        color: fallbackColor ?? (onAccent ? onAccentInitials ?? "$color" : import_componentColors.componentColors.text.primary),
+        fontWeight: "600",
+        textAlign: "center",
+        children: initialsText
+      })
+    })]
+  });
+}
+const Avatar = (0, import_tamagui.withStaticProperties)(AvatarRoot, {
+  Image: import_tamagui.Avatar.Image,
+  Fallback: import_tamagui.Avatar.Fallback
+});

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

@@ -0,0 +1,129 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Avatar_exports = {};
+__export(Avatar_exports, {
+  Avatar: () => Avatar,
+  getInitials: () => import_getInitials2.getInitials
+});
+module.exports = __toCommonJS(Avatar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_componentColors = require("../componentColors.native.js");
+var import_getInitials = require("./getInitials.native.js");
+var import_getInitials2 = require("./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
+  } = (0, import_theme.useResolvedKnobs)();
+  var onAccentInitials = (0, import_theme.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar, {
+      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 ? (0, import_getInitials.getInitials)(name) : "?";
+  var onAccent = fallbackBackgroundColor === "$accentBackground";
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
+    circular,
+    size,
+    backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : fallbackBackgroundColor,
+    "aria-label": label,
+    ...props,
+    children: [src ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
+      src,
+      alt: label
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.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" : import_componentColors.componentColors.text.primary,
+        fontWeight: "600",
+        textAlign: "center",
+        children: initialsText
+      })
+    })]
+  });
+}
+var Avatar = (0, import_tamagui.withStaticProperties)(AvatarRoot, {
+  Image: import_tamagui.Avatar.Image,
+  Fallback: import_tamagui.Avatar.Fallback
+});
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/Avatar/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Avatar_exports","__export","Avatar","getInitials","import_getInitials2","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","import_getInitials","avatarSizeMap","$3","$4","$5","initialsFontSize","size","AvatarRoot","param","src","name","alt","initials","fallbackBackgroundColor","fallbackColor","fallback","sizeProp","circular","children","backgroundColor","props","_ref","_ref1","knobProps","useResolvedKnobs","onAccentInitials","useReadableTextOn","sizeToken","jsx","label","initialsText","onAccent","jsxs","Image","Fallback","alignItems","justifyContent","delayMs","SizableText","fontSize","color","componentColors","text","primary","fontWeight","textAlign","withStaticProperties"],"sources":["../../../src/Avatar/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Badge/index.cjs

@@ -28,27 +28,45 @@ module.exports = __toCommonJS(Badge_exports);
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.cjs");
+var import_AsyncBoundary = require("../layouts/AsyncBoundary.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const colorMap = {
   red: {
     bg: import_componentColors.componentColors.badge.red,
-    text: "white"
+    text: "$color1"
   },
   blue: {
     bg: import_componentColors.componentColors.badge.blue,
-    text: "white"
+    text: "$color1"
   },
   green: {
     bg: import_componentColors.componentColors.badge.green,
-    text: "white"
+    text: "$color1"
   },
   orange: {
     bg: import_componentColors.componentColors.badge.orange,
-    text: "white"
+    text: "$color1"
   },
   gray: {
     bg: import_componentColors.componentColors.badge.gray,
-    text: "white"
+    text: "$color1"
+  }
+};
+const badgeGeometryMap = {
+  $3: {
+    capsule: 16,
+    font: 10,
+    dot: 6
+  },
+  $4: {
+    capsule: 18,
+    font: 11,
+    dot: 8
+  },
+  $5: {
+    capsule: 22,
+    font: 13,
+    dot: 10
   }
 };
 const positionMap = {
@@ -117,14 +135,26 @@ function Badge({
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   const colors = colorMap[color];
+  const geometry = badgeGeometryMap[knobProps.sizeToken] ?? badgeGeometryMap.$4;
   const posStyles = positionMap[position];
-  const shouldShow = visible && (dot || count !== void 0 && (count > 0 || showZero));
-  const displayValue = count !== void 0 && count > max ? `${max}+` : count;
+  const asyncCtx = (0, import_AsyncBoundary.useAsyncBoundary)();
+  const effectiveVisible = visible && !asyncCtx?.hideBadges;
+  const effectiveCount = asyncCtx?.hideBadges ? void 0 : count;
+  const shouldShow = effectiveVisible && (dot || effectiveCount !== void 0 && (effectiveCount > 0 || showZero));
+  const displayValue = effectiveCount !== void 0 && effectiveCount > max ? `${max}+` : effectiveCount;
   const [offsetX, offsetY] = offset;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(BadgeWrapper, {
     children: [children, shouldShow && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BadgeIndicator, {
       dot,
       backgroundColor: colors.bg,
+      ...(dot ? {
+        minWidth: geometry.dot,
+        width: geometry.dot,
+        height: geometry.dot
+      } : {
+        minWidth: geometry.capsule,
+        height: geometry.capsule
+      }),
       style: {
         ...posStyles,
         transform: [{
@@ -133,9 +163,12 @@ function Badge({
           translateY: position.includes("top") ? -offsetY : offsetY
         }]
       },
-      children: !dot && count !== void 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BadgeText, {
-        color: colors.text,
+      children: !dot && effectiveCount !== void 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BadgeText, {
         ...knobProps.body,
+        fontWeight: "600",
+        fontSize: geometry.font,
+        lineHeight: geometry.capsule,
+        color: colors.text,
         children: displayValue
       })
     })]