@multiplatform.one/components 6.7.0 → 7.1.0

package/dist/jsx/Badge/index.mjs

@@ -1,7 +1,10 @@
+import { useTranslation } from "react-i18next";
 import { radiusClassProps, useResolvedKnobs } from "@multiplatform.one/theme";
-import { Text, View, styled } from "tamagui";
+import { Text, View, isWeb, styled } from "tamagui";
 import { componentColors } from "../componentColors.mjs";
+import { useDirection } from "../hooks/useDirection.mjs";
 import { useAsyncBoundary } from "../layouts/AsyncBoundary.mjs";
+import { bidiIsolate } from "../shared/t.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const colorMap = {
   red: {
@@ -28,74 +31,78 @@ const colorMap = {
 const badgeGeometryMap = {
   $3: {
     capsule: 16,
-    font: 10,
+    font: "$1",
+    pad: 4,
     dot: 6
   },
   $4: {
     capsule: 18,
-    font: 11,
+    font: "$1",
+    pad: 5,
     dot: 8
   },
   $5: {
     capsule: 22,
-    font: 13,
+    font: "$2",
+    pad: 6,
     dot: 10
   }
 };
-const positionMap = {
-  "top-right": {
-    top: 0,
-    right: 0
-  },
-  "top-left": {
-    top: 0,
-    left: 0
-  },
-  "bottom-right": {
-    bottom: 0,
-    right: 0
-  },
-  "bottom-left": {
-    bottom: 0,
-    left: 0
-  }
-};
+const CONTRAST_RING = 2;
 const BadgeWrapper = styled(View, {
   name: "BadgeWrapper",
   position: "relative",
-  display: "inline-flex"
+  display: "inline-flex",
+  alignSelf: "flex-start",
+  overflow: "visible"
 });
 const BadgeIndicator = styled(View, {
   name: "BadgeIndicator",
-  // R-PILL (D-09 / LC-60): the count/dot indicator is a pill at every radius
-  // value; the knob moves its size and padding, never its shape.
+  // R-PILL (D-09 / LC-60): the count/dot is a pill at every radius value;
+  // the knob moves its size and padding, never its shape.
   ...radiusClassProps("R-PILL", "Badge count/dot"),
-  position: "absolute",
   alignItems: "center",
   justifyContent: "center",
   borderRadius: 1e3,
-  minWidth: 18,
-  height: 18,
-  paddingHorizontal: "$1",
+  borderWidth: CONTRAST_RING,
+  borderColor: "$color1",
+  borderStyle: "solid",
   zIndex: 1,
-  variants: {
-    dot: {
-      true: {
-        minWidth: 8,
-        width: 8,
-        height: 8,
-        paddingHorizontal: 0
-      }
-    }
-  }
+  // Orbit/Primer: badges are not actionable — clicks hit the host.
+  pointerEvents: "none"
 });
 const BadgeText = styled(Text, {
   name: "BadgeText",
-  fontSize: 11,
   fontWeight: "600",
-  lineHeight: 18,
-  textAlign: "center"
+  textAlign: "center",
+  pointerEvents: "none"
 });
+function normalizeCount(count) {
+  if (count === void 0 || !Number.isFinite(count)) return void 0;
+  return Math.max(0, Math.floor(count));
+}
+function normalizeMax(max) {
+  if (!Number.isFinite(max) || max < 0) return 99;
+  return Math.floor(max);
+}
+function indicatorPlacement(position, isRTL, overlap, offset) {
+  const atEnd = position.includes("right");
+  const atTop = position.includes("top");
+  const [ox, oy] = offset;
+  const inlineProp = atEnd === !isRTL ? "right" : "left";
+  const dirX = inlineProp === "right" ? 1 : -1;
+  const dirY = atTop ? -1 : 1;
+  return {
+    position: "absolute",
+    [atTop ? "top" : "bottom"]: 0,
+    [inlineProp]: 0,
+    transform: [{
+      translateX: dirX * (overlap + ox)
+    }, {
+      translateY: dirY * (overlap + oy)
+    }]
+  };
+}
 function Badge({
   children,
   count,
@@ -105,49 +112,76 @@ function Badge({
   color = "red",
   position = "top-right",
   offset = [0, 0],
-  visible = true
+  visible = true,
+  compact,
+  accessibilityLabel
 }) {
+  const {
+    t
+  } = useTranslation();
+  const isRTL = useDirection() === "rtl";
   const {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    component: "Badge",
+    compact
+  });
   const colors = colorMap[color];
   const geometry = badgeGeometryMap[knobProps.sizeToken] ?? badgeGeometryMap.$4;
-  const posStyles = positionMap[position];
   const asyncCtx = useAsyncBoundary();
   const effectiveVisible = visible && !asyncCtx?.hideBadges;
-  const effectiveCount = asyncCtx?.hideBadges ? void 0 : count;
+  const effectiveCount = asyncCtx?.hideBadges ? void 0 : normalizeCount(count);
+  const cap = normalizeMax(max);
+  const standalone = children == null;
   const shouldShow = effectiveVisible && (dot || effectiveCount !== void 0 && (effectiveCount > 0 || showZero));
-  const displayValue = effectiveCount !== void 0 && effectiveCount > max ? `${max}+` : effectiveCount;
-  const [offsetX, offsetY] = offset;
+  const overflowed = effectiveCount !== void 0 && effectiveCount > cap;
+  const displayValue = overflowed ? `${cap}+` : effectiveCount;
+  const painted = dot ? geometry.dot : geometry.capsule;
+  const overlap = standalone ? 0 : painted / 2;
+  const a11yLabel = accessibilityLabel ?? (dot ? t("New activity") : overflowed && effectiveCount !== void 0 ? String(effectiveCount) : void 0);
+  if (!shouldShow) {
+    return standalone ? null : /* @__PURE__ */jsx(BadgeWrapper, {
+      children
+    });
+  }
+  const indicator = /* @__PURE__ */jsx(BadgeIndicator, {
+    backgroundColor: colors.bg,
+    minWidth: painted,
+    height: painted,
+    ...(dot ? {
+      width: painted,
+      paddingHorizontal: 0
+    } : {
+      paddingHorizontal: geometry.pad
+    }),
+    ...(standalone ? void 0 : indicatorPlacement(position, isRTL, overlap, offset)),
+    role: "status",
+    "aria-live": "polite",
+    "aria-atomic": "true",
+    "aria-label": a11yLabel,
+    ...(isWeb && overflowed && effectiveCount !== void 0 ? {
+      title: String(effectiveCount)
+    } : void 0),
+    ...{
+      "data-badge": dot ? "dot" : "count",
+      ...(overflowed ? {
+        "data-overflow": "true"
+      } : {})
+    },
+    children: !dot && effectiveCount !== void 0 && /* @__PURE__ */jsx(BadgeText, {
+      ...knobProps.body,
+      fontWeight: "600",
+      fontSize: geometry.font,
+      lineHeight: Math.max(1, painted - CONTRAST_RING * 2),
+      color: colors.text,
+      children: bidiIsolate(String(displayValue))
+    })
+  });
+  if (standalone) {
+    return indicator;
+  }
   return /* @__PURE__ */jsxs(BadgeWrapper, {
-    children: [children, shouldShow && /* @__PURE__ */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: [{
-          translateX: position.includes("right") ? offsetX : -offsetX
-        }, {
-          translateY: position.includes("top") ? -offsetY : offsetY
-        }]
-      },
-      children: !dot && effectiveCount !== void 0 && /* @__PURE__ */jsx(BadgeText, {
-        ...knobProps.body,
-        fontWeight: "600",
-        fontSize: geometry.font,
-        lineHeight: geometry.capsule,
-        color: colors.text,
-        children: displayValue
-      })
-    })]
+    children: [children, indicator]
   });
 }
 export { Badge };

package/dist/jsx/Badge/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["radiusClassProps","useResolvedKnobs","Text","View","styled","componentColors","useAsyncBoundary","jsx","jsxs","colorMap","red","bg","badge","text","blue","green","orange","gray","badgeGeometryMap","$3","capsule","font","dot","$4","$5","positionMap","top","right","left","bottom","BadgeWrapper","name","position","display","BadgeIndicator","alignItems","justifyContent","borderRadius","minWidth","height","paddingHorizontal","zIndex","variants","true","width","BadgeText","fontSize","fontWeight","lineHeight","textAlign","Badge","children","count","max","showZero","color","offset","visible","knobProps","colors","geometry","sizeToken","posStyles","asyncCtx","effectiveVisible","hideBadges","effectiveCount","shouldShow","displayValue","offsetX","offsetY","backgroundColor","style","transform","translateX","includes","translateY","body"],"sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useTranslation","radiusClassProps","useResolvedKnobs","Text","View","isWeb","styled","componentColors","useDirection","useAsyncBoundary","bidiIsolate","jsx","jsxs","colorMap","red","bg","badge","text","blue","green","orange","gray","badgeGeometryMap","$3","capsule","font","pad","dot","$4","$5","CONTRAST_RING","BadgeWrapper","name","position","display","alignSelf","overflow","BadgeIndicator","alignItems","justifyContent","borderRadius","borderWidth","borderColor","borderStyle","zIndex","pointerEvents","BadgeText","fontWeight","textAlign","normalizeCount","count","Number","isFinite","Math","max","floor","normalizeMax","indicatorPlacement","isRTL","overlap","offset","atEnd","includes","atTop","ox","oy","inlineProp","dirX","dirY","transform","translateX","translateY","Badge","children","showZero","color","visible","compact","accessibilityLabel","t","knobProps","component","colors","geometry","sizeToken","asyncCtx","effectiveVisible","hideBadges","effectiveCount","cap","standalone","shouldShow","overflowed","displayValue","painted","a11yLabel","String","indicator","backgroundColor","minWidth","height","width","paddingHorizontal","role","title","body","fontSize","lineHeight"],"sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Badge/index.native.js

@@ -28,10 +28,13 @@ __export(Badge_exports, {
 });
 module.exports = __toCommonJS(Badge_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_i18next = require("react-i18next");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.native.js");
+var import_useDirection = require("../hooks/useDirection.native.js");
 var import_AsyncBoundary = require("../layouts/AsyncBoundary.native.js");
+var import_t = require("../shared/t.native.js");
 var colorMap = {
   red: {
     bg: import_componentColors.componentColors.badge.red,
@@ -57,74 +60,78 @@ var colorMap = {
 var badgeGeometryMap = {
   $3: {
     capsule: 16,
-    font: 10,
+    font: "$1",
+    pad: 4,
     dot: 6
   },
   $4: {
     capsule: 18,
-    font: 11,
+    font: "$1",
+    pad: 5,
     dot: 8
   },
   $5: {
     capsule: 22,
-    font: 13,
+    font: "$2",
+    pad: 6,
     dot: 10
   }
 };
-var positionMap = {
-  "top-right": {
-    top: 0,
-    right: 0
-  },
-  "top-left": {
-    top: 0,
-    left: 0
-  },
-  "bottom-right": {
-    bottom: 0,
-    right: 0
-  },
-  "bottom-left": {
-    bottom: 0,
-    left: 0
-  }
-};
+var CONTRAST_RING = 2;
 var BadgeWrapper = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "BadgeWrapper",
   position: "relative",
-  display: "inline-flex"
+  display: "inline-flex",
+  alignSelf: "flex-start",
+  overflow: "visible"
 });
 var BadgeIndicator = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "BadgeIndicator",
-  // R-PILL (D-09 / LC-60): the count/dot indicator is a pill at every radius
-  // value; the knob moves its size and padding, never its shape.
+  // R-PILL (D-09 / LC-60): the count/dot is a pill at every radius value;
+  // the knob moves its size and padding, never its shape.
   ...(0, import_theme.radiusClassProps)("R-PILL", "Badge count/dot"),
-  position: "absolute",
   alignItems: "center",
   justifyContent: "center",
   borderRadius: 1e3,
-  minWidth: 18,
-  height: 18,
-  paddingHorizontal: "$1",
+  borderWidth: CONTRAST_RING,
+  borderColor: "$color1",
+  borderStyle: "solid",
   zIndex: 1,
-  variants: {
-    dot: {
-      true: {
-        minWidth: 8,
-        width: 8,
-        height: 8,
-        paddingHorizontal: 0
-      }
-    }
-  }
+  // Orbit/Primer: badges are not actionable — clicks hit the host.
+  pointerEvents: "none"
 });
 var BadgeText = (0, import_tamagui.styled)(import_tamagui.Text, {
   name: "BadgeText",
-  fontSize: 11,
   fontWeight: "600",
-  lineHeight: 18,
-  textAlign: "center"
+  textAlign: "center",
+  pointerEvents: "none"
 });
+function normalizeCount(count) {
+  if (count === void 0 || !Number.isFinite(count)) return void 0;
+  return Math.max(0, Math.floor(count));
+}
+function normalizeMax(max) {
+  if (!Number.isFinite(max) || max < 0) return 99;
+  return Math.floor(max);
+}
+function indicatorPlacement(position, isRTL, overlap, offset) {
+  var atEnd = position.includes("right");
+  var atTop = position.includes("top");
+  var [ox, oy] = offset;
+  var inlineProp = atEnd === !isRTL ? "right" : "left";
+  var dirX = inlineProp === "right" ? 1 : -1;
+  var dirY = atTop ? -1 : 1;
+  return {
+    position: "absolute",
+    [atTop ? "top" : "bottom"]: 0,
+    [inlineProp]: 0,
+    transform: [{
+      translateX: dirX * (overlap + ox)
+    }, {
+      translateY: dirY * (overlap + oy)
+    }]
+  };
+}
 function Badge(param) {
   var {
     children,
@@ -135,51 +142,78 @@ function Badge(param) {
     color = "red",
     position = "top-right",
     offset = [0, 0],
-    visible = true
+    visible = true,
+    compact,
+    accessibilityLabel
   } = param;
   var _badgeGeometryMap_knobProps_sizeToken;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var isRTL = (0, import_useDirection.useDirection)() === "rtl";
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Badge",
+    compact
+  });
   var colors = colorMap[color];
   var geometry = (_badgeGeometryMap_knobProps_sizeToken = badgeGeometryMap[knobProps.sizeToken]) !== null && _badgeGeometryMap_knobProps_sizeToken !== void 0 ? _badgeGeometryMap_knobProps_sizeToken : badgeGeometryMap.$4;
-  var posStyles = positionMap[position];
   var asyncCtx = (0, import_AsyncBoundary.useAsyncBoundary)();
   var effectiveVisible = visible && !(asyncCtx === null || asyncCtx === void 0 ? void 0 : asyncCtx.hideBadges);
-  var effectiveCount = (asyncCtx === null || asyncCtx === void 0 ? void 0 : asyncCtx.hideBadges) ? void 0 : count;
+  var effectiveCount = (asyncCtx === null || asyncCtx === void 0 ? void 0 : asyncCtx.hideBadges) ? void 0 : normalizeCount(count);
+  var cap = normalizeMax(max);
+  var standalone = children == null;
   var shouldShow = effectiveVisible && (dot || effectiveCount !== void 0 && (effectiveCount > 0 || showZero));
-  var displayValue = effectiveCount !== void 0 && effectiveCount > max ? `${max}+` : effectiveCount;
-  var [offsetX, offsetY] = offset;
+  var overflowed = effectiveCount !== void 0 && effectiveCount > cap;
+  var displayValue = overflowed ? `${cap}+` : effectiveCount;
+  var painted = dot ? geometry.dot : geometry.capsule;
+  var overlap = standalone ? 0 : painted / 2;
+  var a11yLabel = accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : dot ? t("New activity") : overflowed && effectiveCount !== void 0 ? String(effectiveCount) : void 0;
+  if (!shouldShow) {
+    return standalone ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(BadgeWrapper, {
+      children
+    });
+  }
+  var indicator = /* @__PURE__ */(0, import_jsx_runtime.jsx)(BadgeIndicator, {
+    backgroundColor: colors.bg,
+    minWidth: painted,
+    height: painted,
+    ...(dot ? {
+      width: painted,
+      paddingHorizontal: 0
+    } : {
+      paddingHorizontal: geometry.pad
+    }),
+    ...(standalone ? void 0 : indicatorPlacement(position, isRTL, overlap, offset)),
+    role: "status",
+    "aria-live": "polite",
+    "aria-atomic": "true",
+    "aria-label": a11yLabel,
+    ...(import_tamagui.isWeb && overflowed && effectiveCount !== void 0 ? {
+      title: String(effectiveCount)
+    } : void 0),
+    ...{
+      "data-badge": dot ? "dot" : "count",
+      ...(overflowed ? {
+        "data-overflow": "true"
+      } : {})
+    },
+    children: (/* body spread first so the intended 600 weight wins (SB-M-101) */
+    !dot && effectiveCount !== void 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BadgeText, {
+      ...knobProps.body,
+      fontWeight: "600",
+      fontSize: geometry.font,
+      lineHeight: Math.max(1, painted - CONTRAST_RING * 2),
+      color: colors.text,
+      children: (0, import_t.bidiIsolate)(String(displayValue))
+    }))
+  });
+  if (standalone) {
+    return indicator;
+  }
   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: [{
-          translateX: position.includes("right") ? offsetX : -offsetX
-        }, {
-          translateY: position.includes("top") ? -offsetY : offsetY
-        }]
-      },
-      children: (/* body spread first so the intended 600 weight wins (SB-M-101) */
-      !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
-      }))
-    })]
+    children: [children, indicator]
   });
 }
 //# sourceMappingURL=index.native.js.map

package/dist/jsx/Badge/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Badge_exports","Badge","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","import_AsyncBoundary","colorMap","red","bg","componentColors","badge","text","blue","green","orange","gray","badgeGeometryMap","$3","capsule","font","dot","$4","$5","positionMap","top","right","left","bottom","BadgeWrapper","styled","View","position","display","BadgeIndicator","radiusClassProps","alignItems","justifyContent","borderRadius","minWidth","height","paddingHorizontal","zIndex","variants","true","width"],"sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAET,IAAAA,SAAS,GAAMC,MAAM,CAAAC,cAAc;AACnC,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAuB;AAChC,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAAwB;AA2I7B,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AA1GJ,IAAAC,QAAM,GAAAA,CAAAC,MAAuE,EAAAC,GAAA;EAC3E,KAAK,IAAEC,IAAI,IAAAD,GAAA,EACXZ,SAAQ,CAAIW,MAAA,EAAAE,IAAA;IAAgBC,GAAA,EAAAF,GAAM,CAAAC,IAAM;IAAAE,UAAM,EAAU;EAAA;AAAA;AACE,IAC1DC,WAAU,GAAIA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAgB,EAAAC,IAAM,KAAQ;EAC5C,IAAAF,IAAQ,IAAI,OAAAA,IAAA,KAAgB,QAAM,IAAM,OAAMA,IAAA,KAAU;IAC1D,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GAMM,KAAAX,YAAA,CAAAe,IAAmF,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACjFnB,SAAS,CAAAiB,EAAA,EAAII,GAAA,EAAM;MAAAP,GAAI,EAAAA,CAAA,KAAOI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACpC;EACA,OAAME,EAAA;AACR;AAIA,IAAAM,YAAM,GAGFC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACFE,aAAe,KAAK;AAAYhB,QAChC,CAAAgB,aAAmB,EAAG;EACtBC,KAAA,EAAAA,CAAA,KAAAA;AAAsC,EACtC;AACFC,MAAA,CAAAC,OAAA,GAAAN,YAAA,CAAAG,aAAA;AAIA,IAAAI,kBAAqB,GAAAC,OAAO,oBAAM;AAAA,IAChCC,YAAM,GAAAD,OAAA;AAAA,IACNE,cAAU,GAAAF,OAAA;AAAA,IACVG,sBAAS,GAAAH,OAAA;AACX,IAACI,oBAAA,GAAAJ,OAAA;AAED,IAAAK,QAAM;EACJC,GAAA;IAAMC,EAAA,EAAAJ,sBAAA,CAAAK,eAAA,CAAAC,KAAA,CAAAH,GAAA;IAAAI,IAAA;EAGN;EACAC,IAAA;IACAJ,EAAA,EAAAJ,sBAAY,CAAAK,eAAA,CAAAC,KAAA,CAAAE,IAAA;IACZD,IAAA;EACA;EACAE,KAAA;IACAL,EAAA,EAAAJ,sBAAQ,CAAAK,eAAA,CAAAC,KAAA,CAAAG,KAAA;IACRF,IAAA;EACA;EAEAG,MAAA;IACEN,EAAA,EAAAJ,sBAAK,CAAAK,eAAA,CAAAC,KAAA,CAAAI,MAAA;IAAAH,IACH;EAAM;EACMI,IAAA,EACV;IAAOP,EAAA,EACPJ,sBAAQ,CAAAK,eAAA,CAAAC,KAAA,CAAAK,IAAA;IAAAJ,IACR;EAAmB;AACrB;AACF,IACFK,gBAAA;EACDC,EAAA;IAEDC,OAAM;IACJC,IAAM;IACNC,GAAA;EACA;EACAC,EAAA;IACAH,OAAA,EAAW;IACZC,IAAA;IAIMC,GAAA,EAAS;EACd;EACAE,EAAA;IACAJ,OAAM;IACNC,IAAA;IACAC,GAAA,EAAM;EACN;AAAQ;AACG,IACXG,WAAa,GAAC;EACd,WAAU;IACGC,GAAA;IACbC,KAAM,EAAE;EACR;EACA,UAAM;IACND,GAAA,EAAM;IAENE,IAAM;EACN;EACA,cAAM;IAGNC,MAAM;IAINF,KAAM;EAIN;EAEA,aACE;IACGE,MAAA;IACAD,IAAA;EACC;AAAC;AAAA,IAAAE,YACC,OAAAzB,cAAA,CAAA0B,MAAA,EAAA1B,cAAA,CAAA2B,IAAA;EAAA/C,IAAA,EACA;EAAwBgD,QACvB,EAAI,UACC;EACqDC,OAC3D;AAAO;AACF,IAAAC,cACH,GAAW,IAAA9B,cAAA,CAAA0B,MAAA,EAAA1B,cAAA,CAAA2B,IAAA;EAAA/C,IAAA,kBACP;EAA4D;EACF;EAC9D,OACFmB,YAAA,CAAAgC,gBAAA;EAAAH,QAGC,YAAC;EACAI,UAAC;EAAAC,cAAA;EAAAC,YACE,EAAG;EAAUC,QAAA,EACd;EAAWC,MAAA,IACX;EAAmBC,iBACnB,MAAY;EAASC,MAAA;EACPC,QAAA,EAEb;IAAAtB,GAAA;MAAAuB,IACH;QAAAL,QAAA;QAEJM,KAAA;QAEJL,MAAA;QAEJC,iBAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Badge_exports","Badge","module","exports","import_jsx_runtime","require","import_react_i18next","import_theme","import_tamagui","import_componentColors","import_useDirection","import_AsyncBoundary","import_t","colorMap","red","bg","componentColors","badge","text","blue","green","orange","gray","badgeGeometryMap","$3","capsule","font","pad","dot","$4","$5","CONTRAST_RING","BadgeWrapper","styled","View","position","display","alignSelf","overflow","BadgeIndicator","radiusClassProps","alignItems","justifyContent","borderRadius","borderWidth","borderColor","borderStyle","zIndex","pointerEvents","BadgeText","Text","fontWeight","textAlign","normalizeCount","count","Number","isFinite","Math","max","floor","normalizeMax","indicatorPlacement","isRTL","overlap","offset","atEnd","includes","atTop","ox","oy","inlineProp","dirX","dirY","transform","translateX","translateY","param","children","showZero","color","visible","compact","accessibilityLabel","_badgeGeometryMap_knobProps_sizeToken","t","useTranslation","useDirection","knobProps","useResolvedKnobs","component"],"sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAkB;AAE3B,IAAAC,gBAAe,GAAMF,MAAO,CAAAG,wBAAc;AAC1C,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAAuB;AAChC,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAAoB,CAAAC,cAAA;AAC7B,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACT,SAASC,IAAA,IAAAD,GAAA,EAgLsBZ,SAAA,CA0C3BW,MAAA,EAAAE,IA1C2B;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAxI/B;AAA6E,IAC3EC,WAAW,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAgBC,MAAM,EAAAC,IAAK,KAAM;EAC5C,IAAAF,IAAQ,IAAI,OAAAA,IAAA,KAAgB,QAAM,IAAM,OAAMA,IAAA,KAAU;IACxD,KAAO,IAAEG,GAAI,IAAAhB,iBAAsB,CAAAa,IAAA,GACnC,IAAQ,CAAAX,YAAM,CAAAe,IAAA,CAAAL,EAAA,EAAgBI,GAAA,KAAMA,GAAA,KAAQF,MAAM,EAC5CnB,SAAM,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAgB,EAAAA,CAAA,KAAMI,IAAM,CAAAG,GAAM;MAAAN,UAAU,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAC1D;EAQA,OAAME,EAAA;AAGF;AAC4C,IAC9CM,YAAM,GAASC,GAAI,IAAMR,WAAW,CAAAhB,SAAU;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAC9CE,aAAe,IAAI;AACrBhB,QAAA,CAAAgB,aAAA;EAGAC,KAAM,EAAAA,CAAA,KAAAA;AAIN;AAAkCC,MAChC,CAAAC,OAAM,GAAAN,YAAA,CAAAG,aAAA;AAAA,IACNI,kBAAU,GAAAC,OAAA;AAAA,IACVC,oBAAS,GAAAD,OAAA;AAAA,IACTE,YAAW,GAAAF,OAAA;AAAA,IACXG,cAAU,GAAAH,OAAA;AACZ,IAACI,sBAAA,GAAAJ,OAAA;AAED,IAAAK,mBAAuB,GAAAL,OAAO,kCAAM;AAAA,IAClCM,oBAAM,GAAAN,OAAA;AAAA,IAAAO,QAAA,GAAAP,OAAA;AAAA,IAAAQ,QAAA;EAGNC,GAAG;IACHC,EAAA,EAAAN,sBAAY,CAAAO,eAAA,CAAAC,KAAA,CAAAH,GAAA;IACZI,IAAA;EACA;EACAC,IAAA;IACAJ,EAAA,EAAAN,sBAAa,CAAAO,eAAA,CAAAC,KAAA,CAAAE,IAAA;IACbD,IAAA;EACA;EAAQE,KAAA;IAERL,EAAA,EAAAN,sBAAe,CAAAO,eAAA,CAAAC,KAAA,CAAAG,KAAA;IAChBF,IAAA;EAED;EACEG,MAAM;IACNN,EAAA,EAAAN,sBAAY,CAAAO,eAAA,CAAAC,KAAA,CAAAI,MAAA;IACZH,IAAA;EACA;EACDI,IAAA;IAIDP,EAAA,EAAAN,sBAAwB,CAA+CO,eAAA,CAAAC,KAAA,CAAAK,IAAA;IACrEJ,IAAI;EACJ;AACF;AAEA,IAAAK,gBAAS,GAAa;EACpBC,EAAA,EAAI;IACJC,OAAO,IAAK;IACdC,IAAA;IAEAC,GAAA,EAAS;IAMPC,GAAA,EAAM;EACN;EACAC,EAAA;IACAJ,OAAM;IACNC,IAAM;IACNC,GAAA,EAAM;IACNC,GAAA,EAAO;EAAA;EACKE,EACV,EAAC;IACDL,OAAC,IAAU;IACXC,IAAA;IACFC,GAAA;IACFC,GAAA;EAIO;AAAe;AACpB,IACAG,aAAA;AAAA,IACAC,YAAM,OAAAxB,cAAA,CAAAyB,MAAA,EAAAzB,cAAA,CAAA0B,IAAA;EACN/C,IAAA,gBAAW;EACXgD,QAAM;EACNC,OAAA,EAAQ;EACRC,SAAA,EAAW;EACXC,QAAA,EAAU;AAAI,EACd;AAAU,IACVC,cAAA,OAAA/B,cAAA,CAAAyB,MAAA,EAAAzB,cAAA,CAAA0B,IAAA;EACA/C,IAAA;EACF;EACE;EACA,OAAMoB,YAAQ,CAAAiC,gBAAmB;EACjCC,UAAQ,UAAU;EAClBC,cAAM,EAAS,QAAS;EACxBC,YAAM,KAAW;EAEjBC,WAAM,EAAAb,aAAW;EACjBc,WAAM;EACNC,WAAM;EACNC,MAAM;EACN;EAEAC,aAAM;AAGN;AACA,IAAAC,SAAM,OAAAzC,cAAe,CAAAyB,MAAgB,EAAGzB,cAAM,CAAA0C,IAAA;EAC9C/D,IAAA,EAAM,WAAU;EAEhBgE,UAAM,OAAU;EAEhBC,SAAM,UACJ;EAOFJ,aAAK;AACH;AAAmD,SACrDK,eAAAC,KAAA;EAEA,IAAAA,KAAM,UACJ,MAAAC,MAAA,CAAAC,QAAA,CAAAF,KAAA;EAAA,OAACG,IAAA,CAAAC,GAAA,IAAAD,IAAA,CAAAE,KAAA,CAAAL,KAAA;AAAA;AAAA,SACCM,aAAAF,GAAiB;EAAO,IACxB,CAAAH,MAAA,CAAAC,QAAU,CAAAE,GAAA,KAAAA,GAAA;EAAA,OACVD,IAAA,CAAQE,KAAA,CAAAD,GAAA;AAAA;AACgF,SACnFG,kBAAaA,CAAA1B,QAAY,EAAA2B,KAAA,EAAAC,OAAmB,EAAAC,MAAU;EAAsB,IACjFC,KAAA,GAAK9B,QAAA,CAAA+B,QAAA;EAAA,IACLC,KAAA,GAAAhC,QAAU,CAAA+B,QAAA;EAAA,IACV,CAAAE,EAAA,EAAAC,EAAA,IAAAL,MAAY;EAAA,IACZM,UAAA,GAAAL,KAAY,MAAAH,KAAA;EAAA,IACXS,IAAI,GAAAD,UAAS,YAAc;EAExB,IACHE,IAAI,GAAAL,KAAA;EAAA,OACH;IAA4BhC,QACxB,YAAa;IAA+B,CAAAgC,KAClD;IAAA,CAAAG,UAGC,GAAC;IACAG,SAAC;MAAAC,UACK,EAAAH,IAAU,IAAAR,OAAA,GAAAK,EAAA;IAAA,GACH;MACQO,UACnB,EAAAH,IAAY,IAAKT,OAAO,GAAAM,EAAA;IAA2B;EAGlB;AAAA;AACnC,SAAApE,MAAA2E,KAAA;EAEJ;IAAAC,QAAA;IAAAvB,KAAA;IAAAI,GAAA;IAAAoB,QAAA;IAAAlD,GAAA;IAAAmD,KAAA;IAAA5C,QAAA;IAAA6B,MAAA,IAGF,GACE,EACF;IAAAgB,OAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAN,KAAA;EAEA,IAAAO,qCACG;EACE;IAAAC;EAAA,QAAA9E,oBAAA,CAAA+E,cAAA;EAAA,IACAvB,KAAA,OAAApD,mBAAA,CAAA4E,YAAA;EAAA,IACH;IAAAC;EAAA,QAAAhF,YAAA,CAAAiF,gBAAA;IAEJC,SAAA","ignoreList":[]}

package/dist/jsx/Button.mjs

@@ -0,0 +1,16 @@
+import { Button as FormsButton } from "@multiplatform.one/forms";
+import { jsx } from "react/jsx-runtime";
+function Button({
+  variant,
+  outlined,
+  ...props
+}) {
+  return /* @__PURE__ */jsx(FormsButton, {
+    outlined: outlined ?? (variant === "outlined" || void 0),
+    ...props
+  });
+}
+Button.Text = FormsButton.Text;
+Button.Icon = FormsButton.Icon;
+export { Button };
+//# sourceMappingURL=Button.mjs.map

package/dist/jsx/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","FormsButton","jsx","variant","outlined","props","Text","Icon"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"AA0BA,SACEA,MAAA,IAAUC,WAAA,QAEL;AASE,SAAAC,GAAA;AAJF,SAASF,OAAO;EAAEG,OAAA;EAASC,QAAA;EAAU,GAAGC;AAAM,GAAgB;EAInE,OAAO,eAAAH,GAAA,CAACD,WAAA;IAAYG,QAAA,EAAUA,QAAA,KAAaD,OAAA,KAAY,cAAc;IAAa,GAAGE;EAAA,CAAO;AAC9F;AAEAL,MAAA,CAAOM,IAAA,GAAOL,WAAA,CAAYK,IAAA;AAC1BN,MAAA,CAAOO,IAAA,GAAON,WAAA,CAAYM,IAAA","ignoreList":[]}

package/dist/jsx/Button.native.js

@@ -0,0 +1,45 @@
+"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 Button_exports = {};
+__export(Button_exports, {
+  Button: () => Button
+});
+module.exports = __toCommonJS(Button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+function Button(param) {
+  var {
+    variant,
+    outlined,
+    ...props
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+    outlined: outlined !== null && outlined !== void 0 ? outlined : variant === "outlined" || void 0,
+    ...props
+  });
+}
+Button.Text = import_forms.Button.Text;
+Button.Icon = import_forms.Button.Icon;
+//# sourceMappingURL=Button.native.js.map

package/dist/jsx/Button.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"AA0BA;;AAAA,IACEA,SAAU,GAAAC,MAAA,CAAAC,cAAA;AAAA,IAAAC,gBAEL,GAAAF,MAAA,CAAAG,wBAAA;AASE,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAJF,IAAAC,YAAgB,GAAEN,MAAA,CAAAO,SAAS,CAAAC,cAAmC;AAInE,IAAAC,QAAO,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAC;EACV,SAAAC,IAAA,IAAAD,GAAA,EAEAZ,SAAO,CAAOW,MAAA,EAAAE,IAAY;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAC1B","ignoreList":[]}