blend-native 0.0.1-beta.0 → 0.0.1-beta.2

package/lib/module/components/Avatar/Avatar.js

@@ -0,0 +1,129 @@
+"use strict";
+
+import { forwardRef, useEffect, useState } from 'react';
+import { Image, View } from 'react-native';
+import { AvatarV2Shape, AvatarV2Size, AvatarV2Status, AvatarV2StatusPosition, getColorFromText } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { parseBorder, parseBorderRadius, parseBoxShadow, parseDimension, parseSize } from "../../adapters/cssStringAdapter.js";
+import Text from "../../primitives/Text.js";
+import { Skeleton } from "../Skeleton/index.js";
+import { getAvatarAccessibleLabel, getInitials, resolveStatusPosition } from "./avatar.utils.js";
+
+/**
+ * Avatar — the native port of web's `AvatarV2`.
+ *
+ * RN `Image` with the same fallback pipeline: a load error (reset when
+ * `src` changes, web parity) swaps in initials over the shared
+ * hash-palette color, so both platforms render the same fallback for the
+ * same name. The status dot is a token-positioned absolute view, hidden
+ * from assistive tech with the status folded into the accessible name.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Avatar = /*#__PURE__*/forwardRef(function Avatar({
+  src,
+  alt,
+  fallbackText,
+  size = AvatarV2Size.MD,
+  shape = AvatarV2Shape.CIRCULAR,
+  status,
+  leftSlot,
+  rightSlot,
+  skeleton,
+  backgroundColor,
+  width,
+  height,
+  onImageError,
+  accessibilityLabel,
+  testID,
+  style
+}, ref) {
+  const tokens = useNativeTokens('AVATARV2');
+  const [imageError, setImageError] = useState(false);
+  // Retry when the source changes after a failure — web parity.
+  useEffect(() => setImageError(false), [src]);
+  const hasImage = Boolean(src) && !imageError;
+  const resolvedWidth = parseSize(width) ?? parseSize(tokens.container.width[size]) ?? 40;
+  const resolvedHeight = parseSize(height) ?? parseSize(tokens.container.height[size]) ?? 40;
+  const radius = parseBorderRadius(tokens.container.borderRadius[shape]) ?? 9999;
+  const radiusStyle = typeof radius === 'number' ? {
+    borderRadius: radius
+  } : radius;
+  const statusType = status?.type ?? AvatarV2Status.NONE;
+  const showStatus = status !== undefined && statusType !== AvatarV2Status.NONE;
+  const label = accessibilityLabel ?? getAvatarAccessibleLabel(alt, showStatus ? statusType : undefined);
+  if (skeleton?.show) {
+    return /*#__PURE__*/_jsx(Skeleton, {
+      width: resolvedWidth,
+      height: resolvedHeight,
+      shape: shape === AvatarV2Shape.CIRCULAR ? 'circle' : 'rounded',
+      variant: skeleton.variant,
+      testID: testID
+    });
+  }
+  const slotted = Boolean(leftSlot || rightSlot);
+  const container = /*#__PURE__*/_jsxs(View, {
+    ref: slotted ? undefined : ref,
+    accessible: true,
+    accessibilityRole: "image",
+    accessibilityLabel: label,
+    testID: testID,
+    style: [{
+      width: resolvedWidth,
+      height: resolvedHeight,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: hasImage ? String(tokens.container.backgroundColor) : backgroundColor ?? getColorFromText(fallbackText ?? alt ?? ''),
+      ...radiusStyle
+    }, slotted ? undefined : style],
+    children: [hasImage ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: src
+      },
+      resizeMode: "cover",
+      onError: () => {
+        setImageError(true);
+        onImageError?.();
+      },
+      style: {
+        width: '100%',
+        height: '100%',
+        ...radiusStyle
+      },
+      testID: testID ? `${testID}-image` : undefined
+    }) : /*#__PURE__*/_jsx(Text, {
+      fontSize: tokens.container.fallbackText.fontSize[size],
+      fontWeight: tokens.container.fallbackText.fontWeight[size],
+      color: String(tokens.container.fallbackText.color),
+      "aria-hidden": true,
+      testID: testID ? `${testID}-fallback` : undefined,
+      children: getInitials(fallbackText, alt)
+    }), showStatus && /*#__PURE__*/_jsx(View, {
+      accessible: false,
+      importantForAccessibility: "no-hide-descendants",
+      accessibilityElementsHidden: true,
+      testID: testID ? `${testID}-status` : undefined,
+      style: [{
+        position: 'absolute',
+        width: parseDimension(tokens.container.status.width[size]) ?? 8,
+        height: parseDimension(tokens.container.status.height[size]) ?? 8,
+        borderRadius: 9999,
+        backgroundColor: String(tokens.container.status.backgroundColor[statusType]),
+        ...parseBorder(String(tokens.container.status.border[size])),
+        ...(parseBoxShadow(String(tokens.container.status.boxShadow)) ?? {})
+      }, resolveStatusPosition(tokens, shape, size, status?.position ?? AvatarV2StatusPosition.BOTTOM_RIGHT)]
+    })]
+  });
+  if (!slotted) return container;
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: parseDimension(tokens.gap) ?? 8
+    }, style],
+    children: [leftSlot, container, rightSlot]
+  });
+});
+Avatar.displayName = 'Avatar';
+export default Avatar;
+//# sourceMappingURL=Avatar.js.map

package/lib/module/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","useState","Image","View","AvatarV2Shape","AvatarV2Size","AvatarV2Status","AvatarV2StatusPosition","getColorFromText","useNativeTokens","parseBorder","parseBorderRadius","parseBoxShadow","parseDimension","parseSize","Text","Skeleton","getAvatarAccessibleLabel","getInitials","resolveStatusPosition","jsx","_jsx","jsxs","_jsxs","Avatar","src","alt","fallbackText","size","MD","shape","CIRCULAR","status","leftSlot","rightSlot","skeleton","backgroundColor","width","height","onImageError","accessibilityLabel","testID","style","ref","tokens","imageError","setImageError","hasImage","Boolean","resolvedWidth","container","resolvedHeight","radius","borderRadius","radiusStyle","statusType","type","NONE","showStatus","undefined","label","show","variant","slotted","accessible","accessibilityRole","alignItems","justifyContent","String","children","source","uri","resizeMode","onError","fontSize","fontWeight","color","importantForAccessibility","accessibilityElementsHidden","position","border","boxShadow","BOTTOM_RIGHT","flexDirection","gap","displayName"],"sourceRoot":"../../../../src","sources":["components/Avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Avatar/avatar.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=avatar.types.js.map

package/lib/module/components/Avatar/avatar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Avatar/avatar.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Avatar/avatar.utils.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { AvatarV2Status, AvatarV2StatusPosition, getInitialsFromText } from '@juspay/blend-design-system/node';
+import { parseDimension } from "../../adapters/cssStringAdapter.js";
+
+/**
+ * Corner offsets for the status dot. The tokens carry per-shape/size
+ * `{ top, right, bottom }` offsets (fractional and negative px strings —
+ * `parseDimension` handles both); web derives `left` by reusing `right`,
+ * mirrored here.
+ */
+export function resolveStatusPosition(tokens, shape, size, position) {
+  const offsets = tokens.container.status.position[shape]?.[size] ?? {};
+  const top = parseDimension(offsets.top);
+  const right = parseDimension(offsets.right);
+  const bottom = parseDimension(offsets.bottom);
+  switch (position) {
+    case AvatarV2StatusPosition.TOP_RIGHT:
+      return {
+        top,
+        right
+      };
+    case AvatarV2StatusPosition.TOP_LEFT:
+      return {
+        top,
+        left: right
+      };
+    case AvatarV2StatusPosition.BOTTOM_LEFT:
+      return {
+        bottom,
+        left: right
+      };
+    case AvatarV2StatusPosition.BOTTOM_RIGHT:
+    default:
+      return {
+        bottom,
+        right
+      };
+  }
+}
+
+/**
+ * Web's `renderFallbackContent` text branch: an explicit `fallbackText`
+ * wins (first two characters), otherwise initials derive from `alt` via
+ * the shared `/node` helper so both platforms agree.
+ */
+export function getInitials(fallbackText, alt) {
+  if (fallbackText !== undefined) {
+    return fallbackText.substring(0, 2).toUpperCase();
+  }
+  return getInitialsFromText(alt);
+}
+
+/**
+ * Web's `getAccessibleLabel`: the name plus the status, so "Jane Doe,
+ * online" reads in one announcement.
+ */
+export function getAvatarAccessibleLabel(alt, status) {
+  const name = alt?.trim() || 'Avatar';
+  if (!status || status === AvatarV2Status.NONE) return name;
+  return `${name}, ${status}`;
+}
+//# sourceMappingURL=avatar.utils.js.map

package/lib/module/components/Avatar/avatar.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AvatarV2Status","AvatarV2StatusPosition","getInitialsFromText","parseDimension","resolveStatusPosition","tokens","shape","size","position","offsets","container","status","top","right","bottom","TOP_RIGHT","TOP_LEFT","left","BOTTOM_LEFT","BOTTOM_RIGHT","getInitials","fallbackText","alt","undefined","substring","toUpperCase","getAvatarAccessibleLabel","name","trim","NONE"],"sourceRoot":"../../../../src","sources":["components/Avatar/avatar.utils.ts"],"mappings":";;AACA,SACIA,cAAc,EACdC,sBAAsB,EACtBC,mBAAmB,QAChB,kCAAkC;AAMzC,SAASC,cAAc,QAAQ,oCAAiC;;AAEhE;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CACjCC,MAA0B,EAC1BC,KAAoB,EACpBC,IAAkB,EAClBC,QAAgC,EACvB;EACT,MAAMC,OAAO,GAAGJ,MAAM,CAACK,SAAS,CAACC,MAAM,CAACH,QAAQ,CAACF,KAAK,CAAC,GAAGC,IAAI,CAAC,IAAI,CAAC,CAAC;EACrE,MAAMK,GAAG,GAAGT,cAAc,CAACM,OAAO,CAACG,GAAkC,CAAC;EACtE,MAAMC,KAAK,GAAGV,cAAc,CAACM,OAAO,CAACI,KAAoC,CAAC;EAC1E,MAAMC,MAAM,GAAGX,cAAc,CAACM,OAAO,CAACK,MAAqC,CAAC;EAE5E,QAAQN,QAAQ;IACZ,KAAKP,sBAAsB,CAACc,SAAS;MACjC,OAAO;QAAEH,GAAG;QAAEC;MAAM,CAAC;IACzB,KAAKZ,sBAAsB,CAACe,QAAQ;MAChC,OAAO;QAAEJ,GAAG;QAAEK,IAAI,EAAEJ;MAAM,CAAC;IAC/B,KAAKZ,sBAAsB,CAACiB,WAAW;MACnC,OAAO;QAAEJ,MAAM;QAAEG,IAAI,EAAEJ;MAAM,CAAC;IAClC,KAAKZ,sBAAsB,CAACkB,YAAY;IACxC;MACI,OAAO;QAAEL,MAAM;QAAED;MAAM,CAAC;EAChC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,WAAWA,CACvBC,YAAgC,EAChCC,GAAuB,EACjB;EACN,IAAID,YAAY,KAAKE,SAAS,EAAE;IAC5B,OAAOF,YAAY,CAACG,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;EACrD;EACA,OAAOvB,mBAAmB,CAACoB,GAAG,CAAC;AACnC;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,wBAAwBA,CACpCJ,GAAuB,EACvBX,MAAkC,EAC5B;EACN,MAAMgB,IAAI,GAAGL,GAAG,EAAEM,IAAI,CAAC,CAAC,IAAI,QAAQ;EACpC,IAAI,CAACjB,MAAM,IAAIA,MAAM,KAAKX,cAAc,CAAC6B,IAAI,EAAE,OAAOF,IAAI;EAC1D,OAAO,GAAGA,IAAI,KAAKhB,MAAM,EAAE;AAC/B","ignoreList":[]}

package/lib/module/components/Avatar/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as Avatar } from "./Avatar.js";
+export { getInitials, getAvatarAccessibleLabel, resolveStatusPosition } from "./avatar.utils.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Avatar","getInitials","getAvatarAccessibleLabel","resolveStatusPosition"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,aAAU;AAE5C,SACIC,WAAW,EACXC,wBAAwB,EACxBC,qBAAqB,QAClB,mBAAgB","ignoreList":[]}

package/lib/module/components/Badge/Badge.js

@@ -0,0 +1,139 @@
+"use strict";
+
+import { useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { BadgeColor, BadgeSize } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { parseBorderRadius, parseDimension } from "../../adapters/cssStringAdapter.js";
+import Block from "../../primitives/Block.js";
+import Text from "../../primitives/Text.js";
+import { formatCount, getBadgeAccessibleLabel, resolvePositionInsets } from "./badge.utils.js";
+
+/**
+ * Badge — the native port of web's `Badge`.
+ *
+ * A dot (no count/text) or a pill (count/text), standalone or hung off a
+ * child's corner. Web overlays the child with CSS
+ * `transform: translate(±50%, ±50%)`; RN cannot translate by own-size
+ * percentages, so `resolvePositionInsets` folds the same overhang into
+ * edge insets (documented divergence, see `badge.utils.ts`).
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Badge({
+  count,
+  maxCount = 99,
+  size = BadgeSize.MD,
+  color = BadgeColor.ALERT,
+  text,
+  showBadge = true,
+  showZero = false,
+  position = 'top-right',
+  offset,
+  isCircular = false,
+  accessibilityLabel,
+  testID,
+  style,
+  children
+}) {
+  const tokens = useNativeTokens('BADGE');
+
+  // The circular overlay places the badge on the child's 45°
+  // circumference — a percentage of the wrapper's own size, measurable
+  // only post-layout, so the wrapper reports it through `onLayout`.
+  // Declared at the top: the standalone branch returns early below, and a
+  // hook after an early return breaks the hook order (the playground
+  // toggles between the two shapes).
+  const [parentSize, setParentSize] = useState(null);
+  const onWrapperLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setParentSize(prev => prev && prev.width === width && prev.height === height ? prev : {
+      width,
+      height
+    });
+  };
+
+  // Hide badge when count is 0 and showZero is false — web parity.
+  const effectiveShowBadge = showBadge && !(count === 0 && !showZero);
+  const displayText = text ?? (count !== undefined ? formatCount(count, maxCount) : '');
+  const hasContent = displayText !== '';
+  const label = accessibilityLabel ?? getBadgeAccessibleLabel(count, text, maxCount, effectiveShowBadge);
+  const dotOrPill = useMemo(() => {
+    if (!effectiveShowBadge) return null;
+    if (!hasContent) {
+      const radius = parseBorderRadius(tokens.dot.borderRadius);
+      const radiusStyle = typeof radius === 'number' ? {
+        borderRadius: radius
+      } : radius;
+      return /*#__PURE__*/_jsx(View, {
+        accessible: false,
+        importantForAccessibility: "no-hide-descendants",
+        accessibilityElementsHidden: true,
+        testID: testID ? `${testID}-dot` : undefined,
+        style: {
+          width: parseDimension(tokens.dot.width[size]),
+          height: parseDimension(tokens.dot.height[size]),
+          backgroundColor: String(tokens.backgroundColor[color]),
+          ...radiusStyle
+        }
+      });
+    }
+    return /*#__PURE__*/_jsx(Block, {
+      accessible: true,
+      accessibilityRole: "text",
+      accessibilityLabel: label,
+      testID: testID,
+      minWidth: tokens.pill.minWidth[size],
+      height: tokens.pill.height[size],
+      paddingLeft: tokens.pill.paddingLeft[size],
+      paddingRight: tokens.pill.paddingRight[size],
+      backgroundColor: String(tokens.backgroundColor[color]),
+      borderRadius: tokens.pill.borderRadius[size],
+      alignItems: "center",
+      justifyContent: "center",
+      style: style,
+      children: /*#__PURE__*/_jsx(Text, {
+        fontSize: tokens.text.fontSize[size],
+        fontWeight: tokens.text.fontWeight,
+        lineHeight: tokens.text.lineHeight[size],
+        color: String(tokens.text.color),
+        testID: testID ? `${testID}-text` : undefined,
+        children: displayText
+      })
+    });
+  }, [effectiveShowBadge, hasContent, tokens, size, color, label, testID, style, displayText]);
+
+  // Standalone badge (no children).
+  if (children === undefined) return dotOrPill;
+
+  // Wrapped: badge hung off the child's corner.
+  const insets = resolvePositionInsets(position, size, tokens, {
+    customOffset: offset,
+    hasContent,
+    isCircular,
+    parentSize: parentSize ?? undefined
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      alignSelf: 'center'
+    }, style],
+    onLayout: isCircular ? onWrapperLayout : undefined,
+    children: [children, effectiveShowBadge && /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      accessible: false,
+      importantForAccessibility: "no-hide-descendants",
+      accessibilityElementsHidden: true,
+      style: {
+        position: 'absolute',
+        ...insets
+      },
+      testID: testID ? `${testID}-anchor` : undefined,
+      children: dotOrPill
+    })]
+  });
+}
+Badge.displayName = 'Badge';
+export default Badge;
+//# sourceMappingURL=Badge.js.map

package/lib/module/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useState","View","BadgeColor","BadgeSize","useNativeTokens","parseBorderRadius","parseDimension","Block","Text","formatCount","getBadgeAccessibleLabel","resolvePositionInsets","jsx","_jsx","jsxs","_jsxs","Badge","count","maxCount","size","MD","color","ALERT","text","showBadge","showZero","position","offset","isCircular","accessibilityLabel","testID","style","children","tokens","parentSize","setParentSize","onWrapperLayout","event","width","height","nativeEvent","layout","prev","effectiveShowBadge","displayText","undefined","hasContent","label","dotOrPill","radius","dot","borderRadius","radiusStyle","accessible","importantForAccessibility","accessibilityElementsHidden","backgroundColor","String","accessibilityRole","minWidth","pill","paddingLeft","paddingRight","alignItems","justifyContent","fontSize","fontWeight","lineHeight","insets","customOffset","alignSelf","onLayout","pointerEvents","displayName"],"sourceRoot":"../../../../src","sources":["components/Badge/Badge.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Badge/badge.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=badge.types.js.map

package/lib/module/components/Badge/badge.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Badge/badge.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Badge/badge.utils.js

@@ -0,0 +1,124 @@
+"use strict";
+
+import { parseDimension } from "../../adapters/cssStringAdapter.js";
+
+/**
+ * Edge insets for the absolutely-positioned badge over its `children`.
+ *
+ * This is the native equivalent of web's `getPositionStyles`, and the
+ * documented divergence: web hangs the badge half its own size past the
+ * corner with CSS `transform: translate(±50%, ±50%)`. RN cannot translate
+ * by a percentage of the element's own size, so the same overhang is
+ * computed up front as a **negative inset** — the badge's rendered
+ * half-extent subtracted from the token offset, applied to the two edges
+ * of the chosen corner. The visual result (badge center sitting
+ * `offset` points inside the corner) matches web.
+ */
+
+/**
+ * Web's circular inset: `(100% - 70.71%) / 2`, the offset along each axis
+ * that places the badge on the 45° circumference of a circle.
+ */
+const CIRCULAR_INSET_RATIO = 0.14;
+export function resolvePositionInsets(position, size, tokens, {
+  customOffset,
+  hasContent = false,
+  isCircular = false,
+  parentSize
+} = {}) {
+  // Half the badge's rendered extent. A dot is square; a pill's width
+  // depends on its text, which is not knowable without measuring, so the
+  // pill height stands in as the conservative half-extent on both axes.
+  const direction = directionFor(position);
+  const badgeExtent = hasContent ? parseDimension(tokens.pill.height[size]) : parseDimension(tokens.dot.width[size]);
+  const half = (badgeExtent ?? 0) / 2;
+
+  // Web's circular branch uses `translate(..., -0.5*W)` — a centered
+  // coordinate, not an inset from the edge. With the wrapper's measured
+  // size we place the badge's circumference point exactly. Without it the
+  // badge falls back to the corner, `-half` outside it (first frame only).
+  if (isCircular) {
+    if (parentSize) {
+      // The offset always moves the badge outward (away from the
+      // child's center), which decreases whichever inset it's applied
+      // to — independent of which corner. Web parity.
+      const horizontal = parentSize.width * CIRCULAR_INSET_RATIO - Math.abs(customOffset?.[0] ?? 0) - half;
+      const vertical = parentSize.height * CIRCULAR_INSET_RATIO - Math.abs(customOffset?.[1] ?? 0) - half;
+      return direction.apply(vertical, horizontal);
+    }
+    return direction.apply(-half, -half);
+  }
+
+  // Web: a dot defaults to no offset, a pill to the token offset; a
+  // custom offset replaces both components. Then the `translate(±50%)`
+  // overhang converts to `-half` on the chosen corner's inset.
+  const tokenOffset = parseDimension(tokens.position.offset[size]);
+  const xBase = customOffset ? customOffset[0] : hasContent ? tokenOffset ?? 0 : 0;
+  const yBase = customOffset ? customOffset[1] : hasContent ? tokenOffset ?? 0 : 0;
+  return direction.apply(yBase - half, xBase - half);
+}
+
+/**
+ * Per-corner direction: how the vertical/horizontal values land on the
+ * inset keys for the chosen corner.
+ */
+function directionFor(position) {
+  switch (position) {
+    case 'top-right':
+      return {
+        apply: (vertical, horizontal) => ({
+          top: vertical,
+          right: horizontal
+        })
+      };
+    case 'top-left':
+      return {
+        apply: (vertical, horizontal) => ({
+          top: vertical,
+          left: horizontal
+        })
+      };
+    case 'bottom-right':
+      return {
+        apply: (vertical, horizontal) => ({
+          bottom: vertical,
+          right: horizontal
+        })
+      };
+    case 'bottom-left':
+      return {
+        apply: (vertical, horizontal) => ({
+          bottom: vertical,
+          left: horizontal
+        })
+      };
+  }
+}
+
+/**
+ * Format the count to display, handling max overflow. Ported verbatim from
+ * web's `badge.utils.ts` — pure, no DOM.
+ */
+export const formatCount = (count, maxCount = 99) => {
+  if (count > maxCount) {
+    return `${maxCount}+`;
+  }
+  return count.toString();
+};
+
+/**
+ * Accessible label for the badge. Ported verbatim from web's
+ * `getAccessibleLabel`.
+ */
+export const getBadgeAccessibleLabel = (count, text, maxCount, showBadge) => {
+  if (!showBadge) return undefined;
+  if (text) return text;
+  if (count !== undefined) {
+    if (count > maxCount) {
+      return `More than ${maxCount}`;
+    }
+    return count.toString();
+  }
+  return 'Notification';
+};
+//# sourceMappingURL=badge.utils.js.map

package/lib/module/components/Badge/badge.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseDimension","CIRCULAR_INSET_RATIO","resolvePositionInsets","position","size","tokens","customOffset","hasContent","isCircular","parentSize","direction","directionFor","badgeExtent","pill","height","dot","width","half","horizontal","Math","abs","vertical","apply","tokenOffset","offset","xBase","yBase","top","right","left","bottom","formatCount","count","maxCount","toString","getBadgeAccessibleLabel","text","showBadge","undefined"],"sourceRoot":"../../../../src","sources":["components/Badge/badge.utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Badge/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default as Badge } from "./Badge.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Badge"],"sourceRoot":"../../../../src","sources":["components/Badge/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,KAAK,QAAQ,YAAS","ignoreList":[]}