@multiplatform.one/components 6.1.0 → 6.3.0

package/dist/esm/Alert/index.mjs

@@ -0,0 +1,182 @@
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Intent, 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 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"),
+      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","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","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","Math","max","panelPadding","gap","transition","height","flexGrow","minHeight","body","fontWeight","fontSize","lineHeight","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,195 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Intent, 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 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"),
+      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","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","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","Math","max","panelPadding","gap","transition","height","flexGrow","minHeight","body","fontWeight","fontSize","lineHeight","onKeyDown","e","key","_e_preventDefault","preventDefault","call"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAgC,IAAAC,KAAA;AACzC,SAASC,QAAA,eAAsB;AAC/B,SAASC,cAAQ,uBAAkB;AACnC,SAASC,MAAA,EAAAC,gBAAc,EAAAC,oBAAA;AACvB,SAASC,MAAA,kCAAwC;AAEjD,SAASC,eAAa,EAAAC,QAAM,EAAQC,WAAQ,EAAAC,WAAQ,EAAAC,KAAA,QAAgB;AA6InD,SAAAC,WA6BX,EAAAC,IA7BW,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA;AAxGjB,IAAAC,cAAM;EACJC,IAAA,EAAM;EACNC,OAAA,EAAS;EACTC,OAAA,EAAS;EACTC,KAAA,EAAO;AACT;AAEA,IAAAC,aAAM;EACJJ,IAAA,EAAMX,QAAA;EACNY,OAAA,EAASb,eAAA;EACTc,OAAA,EAASZ,WAAA;EACTa,KAAA,EAAOZ;AACT;AAIA,IAAAc,UAAM,GAAAR,MAAa,CAAAF,MAAO;EACxBW,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,UAAA,EAAY;EAAA;EAAA;EAGZC,eAAA,EAAiB;EACjBC,WAAA,EAAa;AACf,CAAC;AAED,IAAAC,aAAM,GAAAd,MAAgB,CAAAH,IAAO;EAC3BY,IAAA,EAAM;EACNM,IAAA,EAAM;EACNC,QAAA,EAAU;EACVC,MAAA,EAAQ;EACRN,UAAA,EAAY;EACZO,cAAA,EAAgB;EAChBC,UAAA,EAAY;EACZC,OAAA,EAAS;EACTC,WAAA,EAAa;EACbT,eAAA,EAAiB;EACjBU,YAAA,EAAc;EACdC,UAAA,EAAY;IACZX,eAAc;EACd;EAAmBY,UACjB;IACAZ,eAAc;EAAA;EACAa,iBACC;IACjBC,YAAA;IACDC,YAAA;IAIDC,YAAS,WAAW;IAClBC,aAAS;EACT;AAAA,EACA;AAAA,SACAC,WAAAC,KAAA;EACA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,cAAA;IAAAC,OAAA;IAAA,GAAAC;EAAA,IAAAb,KAAA;EACA,IAAAc,cAAA;EACA;IAAAC;EAAA,IAAA5D,cAAA;EACA;IAAA6D;EAAc,IAAA3D,gBAAA;IACd4D,SAAA;IACAL;EACA;EACA,IAAAM,KAAA,GAAUhD,QAAA;EACV,IAAGiD,SAAA,IAAAL,cAAA,GAAAI,KAAA,CAAAE,OAAA,cAAAN,cAAA,uBAAAA,cAAA,CAAAO,GAAA;EACL,IAAe,CAAAC,mBAAA,EAAAC,sBAAA,IAAArE,QAAA,CAAAyD,cAAA;EACb,IAAAa,KAAQ,GAAEd,OAAI,UAAe,IAAAA,OAAA,GAAAY,mBAAA;EAC7B,KAAAE,KAAQ,SAAU,IAAI;EACtB,IAAAC,SAAM,GAAQ,SAASC,WAAAC,CAAA;IAGvB,OAAM,OAAAA,CAAA,KAAY,QAAM,IAAS,OAAIA,CAAA;EACrC;EACA,IAAAC,eAAc,GAAAzB,QAAY,QAAY,KAAAsB,SAAU,CAAAtB,QAAA,KAAA0B,KAAA,CAAAC,OAAA,CAAA3B,QAAA,KAAAA,QAAA,CAAA4B,KAAA,CAAAN,SAAA,KAAAI,KAAA,CAAAC,OAAA,CAAA3B,QAAA,IAAAA,QAAA,CAAA6B,IAAA,OAAAC,MAAA,CAAA9B,QAAA;EAChD,IAAI,OAAQD,KAAA,KAAO;IAKnB5C,oBAAmB,CAAA4C,KACjB;MACFe,SAAM;IAQN,EAAI;EACF;EACF,IAAAW,eAAA;IACAtE,oBAAI,CAAAsE,eAA0B;MAC5BX,SAAA;IACF;EAEA;EACE,IAAAiB,aAAI,GAAY,SAAWC,eAAA;IAC3B,IAAAzB,OAAA,KAAY,QAAAa,sBAAA;IACdd,SAAA,aAAAA,SAAA,uBAAAA,SAAA;EAEA;EACA,IAAA2B,aACE,GAAA5D,aACI,CAAAyB,MACC;EACP,IAAAoC,QAAM,GAAAjC,IAAA,KAAiB,WAAU,GAAKA,IAAA,aAAAA,IAAA,cAAAA,IAAA,kBAAArD,IAAA,CAAAqF,aAAA;IAEtCE,IAAM,EAAA1B,OAAA,KACJ;IAOF2B,MACE;IAACC,KAAA,EAAArB;EAAA;EAAA,IAECsB,cAAM,GAAW7B,OAAA,KAAW;EAAiC,IAC7D8B,UAAA,GAAArC,MAAc,KAAU,QAAAA,MAAa,cAAAA,MAAA,GAAAC,WAAA,kBAAAvD,IAAA,CAAAQ,MAAA;IAAAqD,OAGrC;IAA2D+B,OAC3D,EAAApC,QAAS;IAA0CJ,QAC9C,EAAAG;EAAiB,KACtB;EAAsB,OAClB,eAAArD,KAAA,CAAAwB,UAAA;IAAA;IAEHO,IAAA,EAAAiB,MAAA,KACC,WAAAA,MAAA,KAAC,SAAK,UAAe,WAAQ;IAG3BV,YACJ,EAAAyB,SAAA,CAAAzB,YAAA,CAAAA,YAAA;IAAA;IAAC;IAAAD,WACC,EAAAsD,IAAA,CAAUC,GAAA,CAAA7B,SAAA,CAAAzB,YAAA,CAAAD,WAAA;IAAAD,OAAA,EACVuB,OAAA,SAAY,GAAAI,SAAA,CAAA8B,YAAA,CAAAzD,OAAA;IAAA0D,GAAA,EAAAnC,OACZ,GAAI;IAAAoC,UACJ,EAAAhC,SAAA,CAAAgC,UAAe;IAAA,GAAAnC,KACf;IAAWV,QAEV,GAAAkC,QAAA,kBACCtF,IAAA,CAAAe,IAAA;MAAAsB,UAAC;MAAA6D,MAAA,EAAAR,cAAA;MAAAtD,cACK,UAAU;MAAAgB,QAAA,EACdkC;IAAW,WACL,eACNpF,KAAA,CAAUe,MAAA;MAAiBkF,QAAA,EAC3B;MAA2B9D,UAE1B;MAAA2D,GAAA;MAAA5D,cAED;MAAAgE,SACH,EAAAV,cAAY;MAETtC,QAAC,GAAAD,KAAA,kBAAAnD,IAAA,CAAAc,WAAA;QAAA,GAAAmD,SACK,CAAAoC,IAAA;QAAUC,UAId,OAAM;QAAAb,KAAA,EACN,UAAU;QAAiBc,QAC3B,EAAA1C,OAAA,GAAY,WAAU;QAAK2C,UAE1B,EAAA3C,OAAA;QAAAT,QAAA,EAAAD;MAAA,KACH,IAEA,EAAAC,QAAA,aAAAyB,eAAA,2BAAA7E,IAAA,CAAAc,WAAA;QAAA,GAAAmD,SAAA,CAAAoC,IAAA;QAEN;QACC;QAAA;QAAAZ,KAAA;QAAAc,QAAA,EAAA1C,OAAA;QAIC2C,UAAA,EAAA3C,OAAC,QAAK;QAGJT,QAAA,EAAAyB;MACH,KAAAzB,QACC;IAAC,IAAAuC,UACC;IAAuB;IACd;IAEJ;IAED;IAAM3F,IAAA,CAAAe,IAAQ;MACZsB,UAAE;MACF6D,MAAA,EAAAR,cAAc;MAAAtD,cAChB;MAAAgB,QACF,EAAAuC;IAAA,KACF,IAEA,EAAmClC,WAAA,kBAAAzD,IAAA,CAAAgC,aAAA;MACrC,YACE,EAAAgC,CAAA;MAAA4B,OAAA,EAAAT,aAAA;MAAA;MACN;QAEJsB,SAAA,WAAAA,UAAAC,CAAA;UAQgB,IAAMA,CAAA,CAAAC,GAAA,KAAmB,WAAAD,CAAA,CAAAC,GAAA;YACjC,IAAAC,iBAA2B;YAE/B,CAAAA,iBAAC,GAAAF,CAAA,CAAAG,cAAa,MACZ,QAAAD,iBAAA,KAAC,cAAY,IAAGA,iBAClB,CAAAE,IAAA,CAAAJ,CAAA;YAEJvB,aAAA","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

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useReadableTextOn","useResolvedKnobs","Avatar","TamaguiAvatar","SizableText","withStaticProperties","componentColors","getInitials","getInitials2","avatarSizeMap","$3","$4","$5","initialsFontSize","size","AvatarRoot","param","src","name","alt","initials","fallbackBackgroundColor","fallbackColor","fallback","sizeProp","circular","children","backgroundColor","props","_ref","_ref1","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":"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","ignoreList":[]}