@multiplatform.one/components 6.7.0 → 7.0.0

package/dist/esm/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":"AACA,SAASA,gBAAA,EAAkBC,gBAAA,QAAwB;AAEnD,SAASC,IAAA,EAAMC,IAAA,EAAMC,MAAA,QAAc;AACnC,SAASC,eAAA,QAAuB;AAChC,SAASC,gBAAA,QAAwB;AA2I7B,SAmBQC,GAAA,EAnBRC,IAAA;AA1GJ,MAAMC,QAAA,GAAuE;EAC3EC,GAAA,EAAK;IAAEC,EAAA,EAAIN,eAAA,CAAgBO,KAAA,CAAMF,GAAA;IAAKG,IAAA,EAAM;EAAU;EACtDC,IAAA,EAAM;IAAEH,EAAA,EAAIN,eAAA,CAAgBO,KAAA,CAAME,IAAA;IAAMD,IAAA,EAAM;EAAU;EACxDE,KAAA,EAAO;IAAEJ,EAAA,EAAIN,eAAA,CAAgBO,KAAA,CAAMG,KAAA;IAAOF,IAAA,EAAM;EAAU;EAC1DG,MAAA,EAAQ;IAAEL,EAAA,EAAIN,eAAA,CAAgBO,KAAA,CAAMI,MAAA;IAAQH,IAAA,EAAM;EAAU;EAC5DI,IAAA,EAAM;IAAEN,EAAA,EAAIN,eAAA,CAAgBO,KAAA,CAAMK,IAAA;IAAMJ,IAAA,EAAM;EAAU;AAC1D;AAMA,MAAMK,gBAAA,GAAmF;EACvFC,EAAA,EAAI;IAAEC,OAAA,EAAS;IAAIC,IAAA,EAAM;IAAIC,GAAA,EAAK;EAAE;EACpCC,EAAA,EAAI;IAAEH,OAAA,EAAS;IAAIC,IAAA,EAAM;IAAIC,GAAA,EAAK;EAAE;EACpCE,EAAA,EAAI;IAAEJ,OAAA,EAAS;IAAIC,IAAA,EAAM;IAAIC,GAAA,EAAK;EAAG;AACvC;AAIA,MAAMG,WAAA,GAGF;EACF,aAAa;IAAEC,GAAA,EAAK;IAAGC,KAAA,EAAO;EAAE;EAChC,YAAY;IAAED,GAAA,EAAK;IAAGE,IAAA,EAAM;EAAE;EAC9B,gBAAgB;IAAEC,MAAA,EAAQ;IAAGF,KAAA,EAAO;EAAE;EACtC,eAAe;IAAEE,MAAA,EAAQ;IAAGD,IAAA,EAAM;EAAE;AACtC;AAIA,MAAME,YAAA,GAAe1B,MAAA,CAAOD,IAAA,EAAM;EAChC4B,IAAA,EAAM;EACNC,QAAA,EAAU;EACVC,OAAA,EAAS;AACX,CAAC;AAED,MAAMC,cAAA,GAAiB9B,MAAA,CAAOD,IAAA,EAAM;EAClC4B,IAAA,EAAM;EAAA;EAAA;EAGN,GAAG/B,gBAAA,CAAiB,UAAU,iBAAiB;EAC/CgC,QAAA,EAAU;EACVG,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChBC,YAAA,EAAc;EACdC,QAAA,EAAU;EACVC,MAAA,EAAQ;EACRC,iBAAA,EAAmB;EACnBC,MAAA,EAAQ;EAERC,QAAA,EAAU;IACRpB,GAAA,EAAK;MACHqB,IAAA,EAAM;QACJL,QAAA,EAAU;QACVM,KAAA,EAAO;QACPL,MAAA,EAAQ;QACRC,iBAAA,EAAmB;MACrB;IACF;EACF;AACF,CAAC;AAED,MAAMK,SAAA,GAAYzC,MAAA,CAAOF,IAAA,EAAM;EAC7B6B,IAAA,EAAM;EACNe,QAAA,EAAU;EACVC,UAAA,EAAY;EACZC,UAAA,EAAY;EACZC,SAAA,EAAW;AACb,CAAC;AAIM,SAASC,MAAM;EACpBC,QAAA;EACAC,KAAA;EACAC,GAAA,GAAM;EACNC,QAAA,GAAW;EACXhC,GAAA,GAAM;EACNiC,KAAA,GAAQ;EACRvB,QAAA,GAAW;EACXwB,MAAA,GAAS,CAAC,GAAG,CAAC;EACdC,OAAA,GAAU;AACZ,GAAe;EACb,MAAM;IAAEC;EAAU,IAAIzD,gBAAA,CAAiB;EACvC,MAAM0D,MAAA,GAASlD,QAAA,CAAS8C,KAAK;EAC7B,MAAMK,QAAA,GAAW1C,gBAAA,CAAiBwC,SAAA,CAAUG,SAAS,KAAK3C,gBAAA,CAAiBK,EAAA;EAC3E,MAAMuC,SAAA,GAAYrC,WAAA,CAAYO,QAAQ;EAEtC,MAAM+B,QAAA,GAAWzD,gBAAA,CAAiB;EAClC,MAAM0D,gBAAA,GAAmBP,OAAA,IAAW,CAACM,QAAA,EAAUE,UAAA;EAC/C,MAAMC,cAAA,GAAiBH,QAAA,EAAUE,UAAA,GAAa,SAAYb,KAAA;EAG1D,MAAMe,UAAA,GACJH,gBAAA,KAAqB1C,GAAA,IAAQ4C,cAAA,KAAmB,WAAcA,cAAA,GAAiB,KAAKZ,QAAA;EAGtF,MAAMc,YAAA,GACJF,cAAA,KAAmB,UAAaA,cAAA,GAAiBb,GAAA,GAAM,GAAGA,GAAG,MAAMa,cAAA;EAGrE,MAAM,CAACG,OAAA,EAASC,OAAO,IAAId,MAAA;EAE3B,OACE,eAAAhD,IAAA,CAACsB,YAAA;IACEqB,QAAA,GAAAA,QAAA,EACAgB,UAAA,IACC,eAAA5D,GAAA,CAAC2B,cAAA;MACCZ,GAAA;MACAiD,eAAA,EAAiBZ,MAAA,CAAOhD,EAAA;MACvB,IAAIW,GAAA,GACD;QAAEgB,QAAA,EAAUsB,QAAA,CAAStC,GAAA;QAAKsB,KAAA,EAAOgB,QAAA,CAAStC,GAAA;QAAKiB,MAAA,EAAQqB,QAAA,CAAStC;MAAI,IACpE;QAAEgB,QAAA,EAAUsB,QAAA,CAASxC,OAAA;QAASmB,MAAA,EAAQqB,QAAA,CAASxC;MAAQ;MAC3DoD,KAAA,EAAO;QACL,GAAGV,SAAA;QACHW,SAAA,EAAW,CACT;UAAEC,UAAA,EAAY1C,QAAA,CAAS2C,QAAA,CAAS,OAAO,IAAIN,OAAA,GAAU,CAACA;QAAQ,GAC9D;UAAEO,UAAA,EAAY5C,QAAA,CAAS2C,QAAA,CAAS,KAAK,IAAI,CAACL,OAAA,GAAUA;QAAQ;MAEhE;MAGCnB,QAAA,GAAC7B,GAAA,IAAO4C,cAAA,KAAmB,UAC1B,eAAA3D,GAAA,CAACsC,SAAA;QACE,GAAGa,SAAA,CAAUmB,IAAA;QACd9B,UAAA,EAAW;QACXD,QAAA,EAAUc,QAAA,CAASvC,IAAA;QACnB2B,UAAA,EAAYY,QAAA,CAASxC,OAAA;QACrBmC,KAAA,EAAOI,MAAA,CAAO9C,IAAA;QAEbsC,QAAA,EAAAiB;MAAA,CACH;IAAA,CAEJ;EAAA,CAEJ;AAEJ","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/esm/Badge/index.native.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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.native.js";
+import { useDirection } from "../hooks/useDirection.native.js";
 import { useAsyncBoundary } from "../layouts/AsyncBoundary.native.js";
+import { bidiIsolate } from "../shared/t.native.js";
 var colorMap = {
   red: {
     bg: componentColors.badge.red,
@@ -28,74 +31,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 = styled(View, {
   name: "BadgeWrapper",
   position: "relative",
-  display: "inline-flex"
+  display: "inline-flex",
+  alignSelf: "flex-start",
+  overflow: "visible"
 });
 var 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"
 });
 var 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) {
+  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,
@@ -106,51 +113,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
+  } = useTranslation();
+  var isRTL = useDirection() === "rtl";
   var {
     knobProps
-  } = useResolvedKnobs();
+  } = 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 = 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__ */_jsx(BadgeWrapper, {
+      children
+    });
+  }
+  var 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: (/* body spread first so the intended 600 weight wins (SB-M-101) */
+    !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: (/* body spread first so the intended 600 weight wins (SB-M-101) */
-      !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/esm/Badge/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","radiusClassProps","useResolvedKnobs","Text","View","styled","componentColors","useAsyncBoundary","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","param","children","count","max","showZero","color","offset","visible","_badgeGeometryMap_knobProps_sizeToken","knobProps","colors","geometry","sizeToken","posStyles","asyncCtx","effectiveVisible","hideBadges"],"sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAkBC,KAAA,2BAAwB;AAEnD,SAASC,gBAAY,EAAAC,gBAAc;AACnC,SAASC,IAAA,EAAAC,IAAA,EAAAC,MAAA,QAAuB;AAChC,SAASC,eAAA,sCAAwB;AA2I7B,SAmBQC,gBAnBR;AA1GJ,IAAAC,QAAM;EACJC,GAAA,EAAK;IACLC,EAAA,EAAMJ,eAAM,CAAAK,KAAA,CAAgBF,GAAA;IAC5BG,IAAA,EAAO;EACP;EACAC,IAAA,EAAM;IACRH,EAAA,EAAAJ,eAAA,CAAAK,KAAA,CAAAE,IAAA;IAMAD,IAAM;EACJ;EACAE,KAAI,EAAE;IACNJ,EAAI,EAAEJ,eAAa,CAAAK,KAAM,CAAAG,KAAI;IAC/BF,IAAA;EAIA;EAIEG,MAAA;IACAL,EAAA,EAAAJ,eAAmB,CAAGK,KAAA,CAAMI,MAAE;IAC9BH,IAAA;EACA;EACFI,IAAA;IAIAN,EAAM,EAAAJ,eAAe,CAAAK,KAAO,CAAAK,IAAM;IAChCJ,IAAM;EACN;AAAU;AAEZ,IAACK,gBAAA;EAEDC,EAAA,EAAM;IACJC,OAAM;IAAAC,IAAA;IAAAC,GAAA;EAGN;EACAC,EAAA;IACAH,OAAA,IAAY;IACZC,IAAA;IACAC,GAAA;EACA;EACAE,EAAA;IACAJ,OAAA;IACAC,IAAA,EAAQ;IAERC,GAAA;EAAU;AACH;AACG,IAAAG,WACJ,GAAU;EAAA,WACV,EAAO;IAAAC,GAAA,EACP;IAAQC,KACR;EAAmB;EACrB,UACF;IACFD,GAAA;IACDE,IAAA;EAED;EACE,cAAM;IACNC,MAAA,EAAU;IACVF,KAAA;EACA;EACA,aAAW;IACZE,MAAA;IAIMD,IAAA,EAAS;EACd;AAAA;AACA,IACAE,YAAM,GAAAxB,MAAA,CAAAD,IAAA;EACN0B,IAAA,gBAAW;EACXC,QAAM;EACNC,OAAA,EAAQ;AAAA,EACR;AAAW,IACXC,cAAc,GAAA5B,MAAA,CAAAD,IAAA;EACd0B,IAAA,kBAAU;EACZ;EACE;EACA,GAAA7B,gBAAe,SAAS,EAAK;EAC7B8B,QAAM,YAAW;EACjBG,UAAM,UAAY;EAElBC,cAAM,UAAW;EACjBC,YAAM;EACNC,QAAM;EAGNC,MAAM;EAINC,iBAAM,MACJ;EAGFC,MAAM,EAAC;EAEPC,QACE;IACGpB,GAAA;MACAqB,IAAA;QACEL,QAAA;QAAAM,KAAA;QACCL,MAAA;QACAC,iBAAiB;MAAO;IAGmC;EACpD;AACF;AACQ,IAAAK,SACT,GAAEvC,MAAA,CAAAF,IAAY;EAAgD2B,IAAA,aAC5D;EAA0De,QAC9D;EAAAC,UACF;EAAAC,UAGC;EACCC,SAAC;AAAA;AAAA,SAAAC,KACEA,CAAGC,KAAA;EAAU;IAAAC,QACd;IAAAC,KAAA;IAAWC,GAAA;IAAAC,QAAA;IAAAjC,GAAA;IAAAkC,KAAA;IAAAxB,QAAA;IAAAyB,MAAA,OACQ,EACE;IAAAC,OACrB;EAAO,IAAAP,KAAO;EAAA,IAAAQ,qCAEb;EAAA;IAAAC;EAAA,IAAAzD,gBAAA;EAAA,IAAA0D,MACH,GAAApD,QAAA,CAAA+C,KAAA;EAAA,IAAAM,QAAA,IAAAH,qCAAA,GAAAzC,gBAAA,CAAA0C,SAAA,CAAAG,SAAA,eAAAJ,qCAAA,cAAAA,qCAAA,GAAAzC,gBAAA,CAAAK,EAAA;EAAA,IAEJyC,SAAA,GAAAvC,WAAA,CAAAO,QAAA;EAAA,IAEJiC,QAAA,GAAAzD,gBAAA;EAEJ,IAAA0D,gBAAA,GAAAR,OAAA,MAAAO,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAE,UAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useTranslation","radiusClassProps","useResolvedKnobs","Text","View","isWeb","styled","componentColors","useDirection","useAsyncBoundary","bidiIsolate","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","param","children","showZero","color","visible","compact","accessibilityLabel","_badgeGeometryMap_knobProps_sizeToken","t","knobProps","component","colors","geometry","sizeToken","asyncCtx","effectiveVisible","hideBadges","effectiveCount","cap","standalone","shouldShow","overflowed","displayValue","painted","a11yLabel","String","indicator","backgroundColor","minWidth"],"sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/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/esm/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/esm/Button.native.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as FormsButton } from "@multiplatform.one/forms";
+function Button(param) {
+  var {
+    variant,
+    outlined,
+    ...props
+  } = param;
+  return /* @__PURE__ */_jsx(FormsButton, {
+    outlined: outlined !== null && outlined !== void 0 ? outlined : variant === "outlined" || void 0,
+    ...props
+  });
+}
+Button.Text = FormsButton.Text;
+Button.Icon = FormsButton.Icon;
+export { Button };
+//# sourceMappingURL=Button.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Button","FormsButton","param","variant","outlined","props"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"AA0BA,SAAAA,GAAA,IAAAC,IAAA;AAAA,SACEC,MAAU,IAAAC,WAAA;AAAA,SAELD,OAAAE,KAAA;EASE;IAAAC,OAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAH,KAAA;EAJF,OAAS,eAASH,IAAS,CAAAE,WAAa;IAI7CG,QAAO,EAAAA,QAAA,SAAC,IAAAA,QAAA,KAAY,MAAU,GAAAA,QAAA,GAAaD,OAAA,KAAY,cAAc;IACvE,GAAAE;EAEA;AACA","ignoreList":[]}