blend-native 0.0.1-beta.0

package/lib/module/primitives/Pressable.js

@@ -0,0 +1,339 @@
+"use strict";
+
+import React, { forwardRef, memo, useCallback, useMemo, useState } from 'react';
+import { Pressable as RNPressable, Platform, View, ActivityIndicator } from 'react-native';
+import { parseBackground, parseBorder, parseBoxShadow } from "../adapters/cssStringAdapter.js";
+import { resolveSurfaceStyle } from "../adapters/surfaceStyle.js";
+import { LinearGradient } from "../adapters/optionalGradient.js";
+import { MIN_TOUCH_TARGET, resolveHitSlop, sameHitSlop } from "./touchTarget.js";
+import { useLiveRegionAnnounce } from "../a11y/useLiveRegion.js";
+import { resolvePressFeedback } from "./pressFeedback.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export { MIN_TOUCH_TARGET };
+
+/**
+ * Native `Pressable` — the interactive surface for buttons, tags, and any
+ * other pressable token-driven component.
+ *
+ * Web's `PrimitiveButton` is a styled-components `button` with `_active`,
+ * `_hover`, `_focusVisible` and `_disabled` pseudo-state objects. RN has no
+ * CSS pseudo-selectors; instead `Pressable` exposes a `style` callback
+ * receiving `{ pressed }`. This primitive takes the same token-derived CSS
+ * strings, translates them through the shared adapter, and composes them per
+ * state.
+ *
+ * `_hover` is ignored — RN has no hover. `_focusVisible` is ignored — there
+ * is no focus ring on touch.
+ */
+
+/**
+ * `expo-linear-gradient` is an **optional** peer (probe shared with
+ * Skeleton in `adapters/optionalGradient`). When it is absent the surface
+ * falls back to the gradient's first colour, which `resolveSurfaceStyle`
+ * already supplies as `backgroundColor` — so a gradient button degrades to
+ * a solid one rather than rendering transparent.
+ */
+
+/**
+ * Note this extends `SurfaceStyleProps`, exactly as `BlockProps` does.
+ *
+ * That shared base is load-bearing, not cosmetic. Components that switch
+ * between `Block` and `Pressable` depending on interactivity (Tag, and web's
+ * `TagElement = onClick ? PrimitiveButton : Block` pattern) build one surface
+ * object and hand it to whichever they render. If the two accepted different
+ * prop sets, the extras would fall silently into `...rest` in one branch and
+ * vanish — and TypeScript would not catch it, because spreading an object
+ * into JSX skips excess-property checking. Keeping one base makes that class
+ * of bug unrepresentable.
+ */
+
+const PressableImpl = /*#__PURE__*/forwardRef(function Pressable({
+  children,
+  background,
+  backgroundColor,
+  activeBackground,
+  disabledBackground,
+  border,
+  activeBorder,
+  disabledBorder,
+  borderRadius,
+  boxShadow,
+  activeBoxShadow,
+  paddingTop,
+  paddingRight,
+  paddingBottom,
+  paddingLeft,
+  flexDirection,
+  alignItems,
+  justifyContent,
+  alignSelf,
+  gap,
+  width,
+  minWidth,
+  maxWidth,
+  height,
+  minHeight,
+  maxHeight,
+  flexShrink,
+  flexGrow,
+  opacity,
+  overflow,
+  disabled = false,
+  loading = false,
+  loaderColor,
+  loaderSize = 'small',
+  loadingAccessibilityLabel = 'Loading, please wait',
+  pressedScale = 0.99,
+  rippleColor,
+  rippleBorderless = false,
+  minTouchTarget = MIN_TOUCH_TARGET,
+  onPress,
+  style,
+  accessibilityRole = 'button',
+  accessible = true,
+  ...rest
+}, ref) {
+  // Parsing is memoised on the inputs themselves. The previous
+  // implementation stored these in refs and reassigned `.current`
+  // during render — a render-phase side effect that breaks under
+  // StrictMode/concurrent rendering, and which also kept a stale parse
+  // whenever a prop transitioned from a value back to `undefined`.
+  const parsedBg = useMemo(() => parseBackground(background), [background]);
+  const parsedActiveBg = useMemo(() => parseBackground(activeBackground), [activeBackground]);
+  const parsedDisabledBg = useMemo(() => parseBackground(disabledBackground), [disabledBackground]);
+  const activeBorderStyle = useMemo(() => parseBorder(activeBorder), [activeBorder]);
+  const disabledBorderStyle = useMemo(() => parseBorder(disabledBorder), [disabledBorder]);
+  const activeShadowStyle = useMemo(() => parseBoxShadow(activeBoxShadow) ?? {}, [activeBoxShadow]);
+
+  // Loading and disabled are deliberately *separate* concerns, matching
+  // web: `ButtonV2` passes `disabled={isDisabled}` to `PrimitiveButton`
+  // and computes `isDisabled` from the `disabled` prop alone, while
+  // `renderButtonContent` swaps in a spinner when loading. So a loading
+  // button keeps its normal chrome — including its gradient — and only
+  // its content changes.
+  //
+  // Collapsing the two (the earlier `isInert = disabled || loading`)
+  // made every loading button render in the disabled colour.
+
+  /** Blocks presses. Both states are non-interactive. */
+  const isInteractionBlocked = disabled || loading;
+  /** Applies disabled chrome. Only the real disabled state does. */
+  const usesDisabledChrome = disabled;
+  const surface = useMemo(() => resolveSurfaceStyle({
+    background,
+    backgroundColor,
+    border,
+    borderRadius,
+    boxShadow,
+    paddingTop,
+    paddingRight,
+    paddingBottom,
+    paddingLeft,
+    flexDirection,
+    alignItems,
+    justifyContent,
+    alignSelf,
+    gap,
+    width,
+    minWidth,
+    maxWidth,
+    height,
+    minHeight,
+    maxHeight,
+    flexShrink,
+    flexGrow,
+    opacity,
+    overflow
+  }, Platform.OS), [background, backgroundColor, border, borderRadius, boxShadow, paddingTop, paddingRight, paddingBottom, paddingLeft, flexDirection, alignItems, justifyContent, alignSelf, gap, width, minWidth, maxWidth, height, minHeight, maxHeight, flexShrink, flexGrow, opacity, overflow]);
+  const isGradient = parsedBg?.type === 'gradient';
+  const canRenderGradient = isGradient && LinearGradient !== null;
+  const activeFlatBgColor = parsedActiveBg?.type === 'flat' ? parsedActiveBg.color : undefined;
+  const disabledBgColor = parsedDisabledBg?.type === 'flat' ? parsedDisabledBg.color : parsedDisabledBg?.type === 'gradient' ? parsedDisabledBg.colors[0] : undefined;
+
+  // RN's equivalent of web's `aria-live="polite"` announcement. On
+  // Android `accessibilityState.busy` already conveys this, so the hook
+  // only speaks on iOS — see `a11y/useLiveRegion`.
+  useLiveRegionAnnounce(loadingAccessibilityLabel, loading);
+  const handlePress = useCallback(event => {
+    if (disabled || loading) return;
+    onPress?.(event);
+  }, [disabled, loading, onPress]);
+  const accessibilityState = useMemo(() => ({
+    disabled: isInteractionBlocked,
+    busy: loading
+  }), [isInteractionBlocked, loading]);
+
+  // Ripple on Android, scale elsewhere — see `./pressFeedback`.
+  const {
+    androidRipple,
+    pressedTransform
+  } = useMemo(() => resolvePressFeedback(Platform.OS, {
+    rippleColor,
+    activeBackgroundColor: activeFlatBgColor,
+    rippleBorderless,
+    pressedScale
+  }), [rippleColor, activeFlatBgColor, rippleBorderless, pressedScale]);
+  const disabledStyle = useMemo(() => usesDisabledChrome ? {
+    ...(disabledBgColor ? {
+      backgroundColor: disabledBgColor
+    } : {}),
+    ...disabledBorderStyle
+  } : undefined, [usesDisabledChrome, disabledBgColor, disabledBorderStyle]);
+  const pressedStyle = useMemo(() => ({
+    ...(activeFlatBgColor ? {
+      backgroundColor: activeFlatBgColor
+    } : {}),
+    ...activeBorderStyle,
+    ...activeShadowStyle,
+    ...pressedTransform
+  }), [activeFlatBgColor, activeBorderStyle, activeShadowStyle, pressedTransform]);
+
+  // Widen the tap target once laid out, if the control is smaller than
+  // the minimum. `hitSlop` extends only the touch region, so layout and
+  // appearance are untouched.
+  //
+  // The resolved slop is stored rather than the raw dimensions, and it
+  // starts as `undefined` — the same value a compliant control resolves
+  // to. A control already at or above the minimum therefore never
+  // changes state and never re-renders; only ones that actually need
+  // slop pay for a second pass. Storing `{ width, height }` instead made
+  // every Pressable on the screen re-render on mount.
+  const [hitSlop, setHitSlop] = useState(undefined);
+  const handleLayout = useCallback(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    const next = resolveHitSlop(width, height, minTouchTarget);
+    setHitSlop(previous => sameHitSlop(previous, next) ? previous : next);
+  }, [minTouchTarget]);
+  const content = loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+    size: loaderSize,
+    color: loaderColor
+  }) : children;
+
+  // ---- Gradient path ----------------------------------------------
+  //
+  //   <Pressable border + radius + overflow:hidden>
+  //     <LinearGradient absoluteFill (bled into the border zone) />
+  //     <View padding + layout> {content} </View>
+  //   </Pressable>
+  //
+  // The gradient absolute-fills the whole border box — including under
+  // the border — so no antialiasing wedge forms at the corners, and the
+  // Pressable's own radius + overflow:hidden clips the bleed.
+  if (canRenderGradient && !usesDisabledChrome && parsedBg?.type === 'gradient') {
+    const gradient = parsedBg;
+    const Gradient = LinearGradient;
+    const borderWidth = surface.borderWidth ?? 1;
+    const bleed = -borderWidth;
+
+    // Negative inset bleeds the gradient into the border zone so no
+    // antialiasing gap forms between border and gradient edge; the
+    // frame's radius + overflow:hidden clips the overhang.
+    const bleedStyle = {
+      position: 'absolute',
+      top: bleed,
+      right: bleed,
+      bottom: bleed,
+      left: bleed
+    };
+
+    // The gradient fills the border box, so padding and inner layout
+    // move to a child view; the Pressable keeps only the frame
+    // (border, radius, sizing) plus the clip.
+    const {
+      paddingTop,
+      paddingRight,
+      paddingBottom,
+      paddingLeft,
+      flexDirection: frameFlexDirection,
+      alignItems: frameAlignItems,
+      justifyContent: frameJustifyContent,
+      gap: frameGap,
+      ...frame
+    } = surface;
+    const contentLayout = {
+      flex: 1,
+      paddingTop,
+      paddingRight,
+      paddingBottom,
+      paddingLeft,
+      flexDirection: frameFlexDirection,
+      alignItems: frameAlignItems,
+      justifyContent: frameJustifyContent,
+      gap: frameGap
+    };
+    const frameStyle = {
+      ...frame,
+      flexDirection: frameFlexDirection,
+      overflow: 'hidden'
+    };
+    return /*#__PURE__*/_jsx(RNPressable, {
+      ref: ref,
+      onPress: handlePress,
+      disabled: isInteractionBlocked,
+      accessibilityRole: accessibilityRole,
+      accessible: accessible,
+      accessibilityState: accessibilityState,
+      onLayout: minTouchTarget ? handleLayout : undefined,
+      hitSlop: hitSlop,
+      android_ripple: androidRipple,
+      style: ({
+        pressed
+      }) => [frameStyle, pressed ? pressedTransform : undefined, pressed ? activeBorderStyle : undefined, pressed ? activeShadowStyle : undefined, style],
+      ...rest,
+      children: ({
+        pressed
+      }) => /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Gradient, {
+          colors: gradient.colors,
+          locations: gradient.locations,
+          start: gradient.start,
+          end: gradient.end,
+          style: bleedStyle
+        }), pressed && parsedActiveBg?.type === 'gradient' && /*#__PURE__*/_jsx(Gradient, {
+          colors: parsedActiveBg.colors,
+          locations: parsedActiveBg.locations,
+          start: parsedActiveBg.start,
+          end: parsedActiveBg.end,
+          style: bleedStyle
+        }), pressed && activeFlatBgColor && /*#__PURE__*/_jsx(View, {
+          style: [bleedStyle, {
+            backgroundColor: activeFlatBgColor
+          }]
+        }), /*#__PURE__*/_jsx(View, {
+          style: contentLayout,
+          children: content
+        })]
+      })
+    });
+  }
+
+  // ---- Flat path ---------------------------------------------------
+  // Also the fallback when a gradient is requested but
+  // `expo-linear-gradient` is not installed: `resolveSurfaceStyle` has
+  // already set `backgroundColor` to the gradient's first stop.
+  return /*#__PURE__*/_jsx(RNPressable, {
+    ref: ref,
+    onPress: handlePress,
+    disabled: isInteractionBlocked,
+    accessibilityRole: accessibilityRole,
+    accessible: accessible,
+    accessibilityState: accessibilityState,
+    onLayout: minTouchTarget ? handleLayout : undefined,
+    hitSlop: hitSlop,
+    android_ripple: androidRipple,
+    style: ({
+      pressed
+    }) => [surface, disabledStyle, !isInteractionBlocked && pressed ? pressedStyle : undefined, style],
+    ...rest,
+    children: content
+  });
+});
+
+/** Memoised — see the note on `Block`. */
+export const Pressable = /*#__PURE__*/memo(PressableImpl);
+Pressable.displayName = 'Pressable';
+export default Pressable;
+//# sourceMappingURL=Pressable.js.map

package/lib/module/primitives/Pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","memo","useCallback","useMemo","useState","Pressable","RNPressable","Platform","View","ActivityIndicator","parseBackground","parseBorder","parseBoxShadow","resolveSurfaceStyle","LinearGradient","MIN_TOUCH_TARGET","resolveHitSlop","sameHitSlop","useLiveRegionAnnounce","resolvePressFeedback","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PressableImpl","children","background","backgroundColor","activeBackground","disabledBackground","border","activeBorder","disabledBorder","borderRadius","boxShadow","activeBoxShadow","paddingTop","paddingRight","paddingBottom","paddingLeft","flexDirection","alignItems","justifyContent","alignSelf","gap","width","minWidth","maxWidth","height","minHeight","maxHeight","flexShrink","flexGrow","opacity","overflow","disabled","loading","loaderColor","loaderSize","loadingAccessibilityLabel","pressedScale","rippleColor","rippleBorderless","minTouchTarget","onPress","style","accessibilityRole","accessible","rest","ref","parsedBg","parsedActiveBg","parsedDisabledBg","activeBorderStyle","disabledBorderStyle","activeShadowStyle","isInteractionBlocked","usesDisabledChrome","surface","OS","isGradient","type","canRenderGradient","activeFlatBgColor","color","undefined","disabledBgColor","colors","handlePress","event","accessibilityState","busy","androidRipple","pressedTransform","activeBackgroundColor","disabledStyle","pressedStyle","hitSlop","setHitSlop","handleLayout","nativeEvent","layout","next","previous","content","size","gradient","Gradient","borderWidth","bleed","bleedStyle","position","top","right","bottom","left","frameFlexDirection","frameAlignItems","frameJustifyContent","frameGap","frame","contentLayout","flex","frameStyle","onLayout","android_ripple","pressed","locations","start","end","displayName"],"sourceRoot":"../../../src","sources":["primitives/Pressable.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/primitives/PrimitiveInput.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import { forwardRef, memo, useContext } from 'react';
+import { TextInput as RNTextInput, StyleSheet } from 'react-native';
+import { parseDimension } from "../adapters/cssStringAdapter.js";
+import { resolveFontWeight } from "./textStyle.js";
+import { BlendNativeThemeContext } from "../theme/BlendNativeProvider.js";
+
+/**
+ * Native `PrimitiveInput` — a bare RN `TextInput` driven by token-shaped
+ * text props, the input counterpart of `Text`.
+ *
+ * Deliberately *only* the text field: web's `PrimitiveInput` styles the
+ * `<input>` element itself with border and padding, but RN inputs carry
+ * leading/trailing slots, so the bordered container is a `Block` row that
+ * the field component owns and this primitive sits inside with `flex: 1`.
+ *
+ * Font family comes from the provider's role map (`body`), matching `Text`,
+ * and OS font scaling stays on per the package policy.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const PrimitiveInputImpl = /*#__PURE__*/forwardRef(function PrimitiveInput({
+  fontSize,
+  fontWeight,
+  color,
+  lineHeight,
+  placeholderColor,
+  style,
+  ...rest
+}, ref) {
+  const {
+    fontFamily
+  } = useContext(BlendNativeThemeContext);
+  const resolved = {
+    fontSize: parseDimension(fontSize),
+    fontWeight: resolveFontWeight(fontWeight),
+    color,
+    lineHeight: parseDimension(lineHeight),
+    fontFamily: fontFamily.body ?? undefined
+  };
+  return /*#__PURE__*/_jsx(RNTextInput, {
+    ref: ref,
+    style: StyleSheet.flatten([baseStyle.input, resolved, style]),
+    placeholderTextColor: placeholderColor,
+    ...rest
+  });
+});
+
+/** Memoised — see the note on `Block`. */
+export const PrimitiveInput = /*#__PURE__*/memo(PrimitiveInputImpl);
+PrimitiveInput.displayName = 'PrimitiveInput';
+const baseStyle = StyleSheet.create({
+  input: {
+    // The field row owns padding; RN inputs default to platform padding
+    // that would double up with the container's token padding.
+    flex: 1,
+    paddingVertical: 0,
+    paddingHorizontal: 0
+  }
+});
+export default PrimitiveInput;
+//# sourceMappingURL=PrimitiveInput.js.map

package/lib/module/primitives/PrimitiveInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","memo","useContext","TextInput","RNTextInput","StyleSheet","parseDimension","resolveFontWeight","BlendNativeThemeContext","jsx","_jsx","PrimitiveInputImpl","PrimitiveInput","fontSize","fontWeight","color","lineHeight","placeholderColor","style","rest","ref","fontFamily","resolved","body","undefined","flatten","baseStyle","input","placeholderTextColor","displayName","create","flex","paddingVertical","paddingHorizontal"],"sourceRoot":"../../../src","sources":["primitives/PrimitiveInput.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AACpD,SACIC,SAAS,IAAIC,WAAW,EACxBC,UAAU,QAGP,cAAc;AACrB,SAASC,cAAc,QAAQ,iCAA8B;AAC7D,SAASC,iBAAiB,QAAQ,gBAAa;AAC/C,SAASC,uBAAuB,QAAQ,iCAA8B;;AAEtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXA,SAAAC,GAAA,IAAAC,IAAA;AA2BA,MAAMC,kBAAkB,gBAAGX,UAAU,CACjC,SAASY,cAAcA,CACnB;EACIC,QAAQ;EACRC,UAAU;EACVC,KAAK;EACLC,UAAU;EACVC,gBAAgB;EAChBC,KAAK;EACL,GAAGC;AACP,CAAC,EACDC,GAAG,EACL;EACE,MAAM;IAAEC;EAAW,CAAC,GAAGnB,UAAU,CAACM,uBAAuB,CAAC;EAE1D,MAAMc,QAAmB,GAAG;IACxBT,QAAQ,EAAEP,cAAc,CAACO,QAAQ,CAAC;IAClCC,UAAU,EAAEP,iBAAiB,CAACO,UAAU,CAAC;IACzCC,KAAK;IACLC,UAAU,EAAEV,cAAc,CAACU,UAAU,CAAC;IACtCK,UAAU,EAAEA,UAAU,CAACE,IAAI,IAAIC;EACnC,CAAC;EAED,oBACId,IAAA,CAACN,WAAW;IACRgB,GAAG,EAAEA,GAAI;IACTF,KAAK,EAAEb,UAAU,CAACoB,OAAO,CAAC,CAACC,SAAS,CAACC,KAAK,EAAEL,QAAQ,EAAEJ,KAAK,CAAC,CAAE;IAC9DU,oBAAoB,EAAEX,gBAAiB;IAAA,GACnCE;EAAI,CACX,CAAC;AAEV,CACJ,CAAC;;AAED;AACA,OAAO,MAAMP,cAAc,gBAAGX,IAAI,CAACU,kBAAkB,CAAC;AACtDC,cAAc,CAACiB,WAAW,GAAG,gBAAgB;AAE7C,MAAMH,SAAS,GAAGrB,UAAU,CAACyB,MAAM,CAAC;EAChCH,KAAK,EAAE;IACH;IACA;IACAI,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACvB;AACJ,CAAC,CAAC;AAEF,eAAerB,cAAc","ignoreList":[]}

package/lib/module/primitives/Separator.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import { StyleSheet, View } from 'react-native';
+import { FOUNDATION_THEME } from '@juspay/blend-design-system/node';
+import { parseDimension } from "../adapters/cssStringAdapter.js";
+
+/**
+ * Decorative divider.
+ *
+ * Native counterpart of web's `components/common/Seperator.tsx` — a fixed-size
+ * block of colour used to separate adjacent content. Alert renders one between
+ * its actions and its close button when the actions sit inline.
+ *
+ * Always hidden from assistive tech: it carries no information that the
+ * surrounding content does not already convey.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const DEFAULT_LENGTH = FOUNDATION_THEME.unit[16];
+const DEFAULT_THICKNESS = 1;
+const DEFAULT_COLOR = String(FOUNDATION_THEME.colors.gray[300]);
+export function Separator({
+  orientation = 'vertical',
+  length = DEFAULT_LENGTH,
+  thickness = DEFAULT_THICKNESS,
+  color = DEFAULT_COLOR,
+  style,
+  testID
+}) {
+  const resolvedLength = parseDimension(length);
+  const resolvedThickness = parseDimension(thickness);
+  const sizing = orientation === 'vertical' ? {
+    width: resolvedThickness,
+    height: resolvedLength
+  } : {
+    width: resolvedLength,
+    height: resolvedThickness
+  };
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    accessible: false,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    style: StyleSheet.flatten([sizing, {
+      backgroundColor: color
+    }, style])
+  });
+}
+Separator.displayName = 'Separator';
+export default Separator;
+//# sourceMappingURL=Separator.js.map

package/lib/module/primitives/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","FOUNDATION_THEME","parseDimension","jsx","_jsx","DEFAULT_LENGTH","unit","DEFAULT_THICKNESS","DEFAULT_COLOR","String","colors","gray","Separator","orientation","length","thickness","color","style","testID","resolvedLength","resolvedThickness","sizing","width","height","accessible","accessibilityElementsHidden","importantForAccessibility","flatten","backgroundColor","displayName"],"sourceRoot":"../../../src","sources":["primitives/Separator.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAC/D,SAASC,gBAAgB,QAAQ,kCAAkC;AACnE,SAASC,cAAc,QAAQ,iCAA8B;;AAE7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AATA,SAAAC,GAAA,IAAAC,IAAA;AAuBA,MAAMC,cAAc,GAAGJ,gBAAgB,CAACK,IAAI,CAAC,EAAE,CAAC;AAChD,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,aAAa,GAAGC,MAAM,CAACR,gBAAgB,CAACS,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE/D,OAAO,SAASC,SAASA,CAAC;EACtBC,WAAW,GAAG,UAAU;EACxBC,MAAM,GAAGT,cAAc;EACvBU,SAAS,GAAGR,iBAAiB;EAC7BS,KAAK,GAAGR,aAAa;EACrBS,KAAK;EACLC;AACY,CAAC,EAAE;EACf,MAAMC,cAAc,GAAGjB,cAAc,CAACY,MAAyB,CAAC;EAChE,MAAMM,iBAAiB,GAAGlB,cAAc,CAACa,SAAS,CAAC;EAEnD,MAAMM,MAAiB,GACnBR,WAAW,KAAK,UAAU,GACpB;IAAES,KAAK,EAAEF,iBAAiB;IAAEG,MAAM,EAAEJ;EAAe,CAAC,GACpD;IAAEG,KAAK,EAAEH,cAAc;IAAEI,MAAM,EAAEH;EAAkB,CAAC;EAE9D,oBACIhB,IAAA,CAACJ,IAAI;IACDkB,MAAM,EAAEA,MAAO;IACfM,UAAU,EAAE,KAAM;IAClBC,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAC/CT,KAAK,EAAElB,UAAU,CAAC4B,OAAO,CAAC,CACtBN,MAAM,EACN;MAAEO,eAAe,EAAEZ;IAAM,CAAC,EAC1BC,KAAK,CACR;EAAE,CACN,CAAC;AAEV;AAEAL,SAAS,CAACiB,WAAW,GAAG,WAAW;AAEnC,eAAejB,SAAS","ignoreList":[]}

package/lib/module/primitives/Slot.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { parseSize } from "../adapters/cssStringAdapter.js";
+import { tintSlot } from "./tintSlot.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export { tintSlot };
+
+/**
+ * Leading / trailing icon slot.
+ *
+ * Shared by `Button` and `Tag`, both of which need identical behaviour and
+ * both of which previously got it wrong in the same three ways:
+ *
+ * 1. **Tinting.** On web, components pass `color` to `Block`, which maps to
+ *    CSS `color`, and SVG icons pick it up through `currentColor`. The native
+ *    `Block` mapped `color` to `backgroundColor`, so the same call painted a
+ *    solid rectangle *behind* the icon and never tinted the icon at all. RN
+ *    has no `currentColor`, so the tint has to be handed to the element
+ *    explicitly — that is what this component does.
+ * 2. **Per-slot `maxHeight`.** `leftSlot.maxHeight` / `rightSlot.maxHeight`
+ *    are part of the web prop contract and were ignored.
+ * 3. **Screen readers.** Web marks slots `aria-hidden` when the component
+ *    also renders text, so the icon is not announced separately from the
+ *    label. Native rendered them as visible accessibility nodes.
+ */
+
+function SlotImpl({
+  children,
+  color,
+  maxHeight,
+  hidden = false,
+  style,
+  testID
+}) {
+  if (!children) return null;
+  const resolved = {
+    ...baseStyle.slot
+  };
+  const size = parseSize(maxHeight);
+  if (size !== undefined) resolved.maxHeight = size;
+  return /*#__PURE__*/_jsx(View, {
+    style: StyleSheet.flatten([resolved, style]),
+    testID: testID
+    // Matches web's `aria-hidden` on slots that accompany text: the
+    // icon should not be announced as a separate element, and the
+    // parent already carries the accessible name.
+    ,
+    accessible: hidden ? false : undefined,
+    importantForAccessibility: hidden ? 'no-hide-descendants' : undefined,
+    accessibilityElementsHidden: hidden || undefined,
+    children: tintSlot(children, color)
+  });
+}
+
+/** Memoised — see the note on `Block`. */
+export const Slot = /*#__PURE__*/memo(SlotImpl);
+Slot.displayName = 'Slot';
+const baseStyle = StyleSheet.create({
+  slot: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0
+  }
+});
+export default Slot;
+//# sourceMappingURL=Slot.js.map

package/lib/module/primitives/Slot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","StyleSheet","parseSize","tintSlot","jsx","_jsx","SlotImpl","children","color","maxHeight","hidden","style","testID","resolved","baseStyle","slot","size","undefined","flatten","accessible","importantForAccessibility","accessibilityElementsHidden","Slot","displayName","create","flexDirection","alignItems","justifyContent","flexShrink"],"sourceRoot":"../../../src","sources":["primitives/Slot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,UAAU,QAAwB,cAAc;AAC/D,SAASC,SAAS,QAAQ,iCAA8B;AACxD,SAASC,QAAQ,QAAQ,eAAY;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAErC,SAASF,QAAQ;;AAEjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwBA,SAASG,QAAQA,CAAC;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC,MAAM,GAAG,KAAK;EACdC,KAAK;EACLC;AACO,CAAC,EAAE;EACV,IAAI,CAACL,QAAQ,EAAE,OAAO,IAAI;EAE1B,MAAMM,QAAmB,GAAG;IAAE,GAAGC,SAAS,CAACC;EAAK,CAAC;EACjD,MAAMC,IAAI,GAAGd,SAAS,CAACO,SAAS,CAAC;EACjC,IAAIO,IAAI,KAAKC,SAAS,EAAEJ,QAAQ,CAACJ,SAAS,GAAGO,IAAI;EAEjD,oBACIX,IAAA,CAACL,IAAI;IACDW,KAAK,EAAEV,UAAU,CAACiB,OAAO,CAAC,CAACL,QAAQ,EAAEF,KAAK,CAAC,CAAE;IAC7CC,MAAM,EAAEA;IACR;IACA;IACA;IAAA;IACAO,UAAU,EAAET,MAAM,GAAG,KAAK,GAAGO,SAAU;IACvCG,yBAAyB,EACrBV,MAAM,GAAG,qBAAqB,GAAGO,SACpC;IACDI,2BAA2B,EAAEX,MAAM,IAAIO,SAAU;IAAAV,QAAA,EAEhDJ,QAAQ,CAACI,QAAQ,EAAEC,KAAK;EAAC,CACxB,CAAC;AAEf;;AAEA;AACA,OAAO,MAAMc,IAAI,gBAAGvB,IAAI,CAACO,QAAQ,CAAC;AAClCgB,IAAI,CAACC,WAAW,GAAG,MAAM;AAEzB,MAAMT,SAAS,GAAGb,UAAU,CAACuB,MAAM,CAAC;EAChCT,IAAI,EAAE;IACFU,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAEF,eAAeN,IAAI","ignoreList":[]}

package/lib/module/primitives/Text.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import React, { memo, useContext } from 'react';
+import { Text as RNText, StyleSheet } from 'react-native';
+import { parseDimension } from "../adapters/cssStringAdapter.js";
+import { resolveFontWeight } from "./textStyle.js";
+import { BlendNativeThemeContext } from "../theme/BlendNativeProvider.js";
+
+/**
+ * Native `Text` — renders a RN `Text` from token-driven style props.
+ *
+ * Mirrors the web `Text` component's API (`fontSize`, `fontWeight`, `color`,
+ * `lineHeight`, `textAlign`) but accepts CSS-string values directly from
+ * Blend tokens and translates them to `TextStyle` numbers.
+ *
+ * **Font family** comes from the provider's resolved role map (web has CSS
+ * inheritance; RN does not, so the provider is the inheritance mechanism).
+ * Defaults to the `body` role; `fontRole` picks another role and an explicit
+ * `fontFamily` wins outright.
+ *
+ * **Font scaling** is deliberately left ON (RN's default). The package policy
+ * is to respect OS Dynamic Type and let controls grow — components size with
+ * `minHeight`, never a fixed `height`, so scaled text expands the control
+ * instead of clipping. Consumers needing a cap can pass RN's own
+ * `maxFontSizeMultiplier` through `...rest`.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+function TextImpl({
+  children,
+  fontSize,
+  fontWeight,
+  color,
+  lineHeight,
+  textAlign,
+  fontFamily,
+  fontRole = 'body',
+  style,
+  ...rest
+}) {
+  const {
+    fontFamily: familyMap
+  } = useContext(BlendNativeThemeContext);
+  // `null` in the map means "leave the platform font" — emit nothing.
+  const resolvedFamily = fontFamily ?? familyMap[fontRole] ?? undefined;
+  const resolved = {
+    fontSize: parseDimension(fontSize),
+    fontWeight: resolveFontWeight(fontWeight),
+    color,
+    lineHeight: parseDimension(lineHeight),
+    textAlign,
+    fontFamily: resolvedFamily
+  };
+  const flat = StyleSheet.flatten([baseStyle.text, resolved, style]);
+  return /*#__PURE__*/_jsx(RNText, {
+    style: flat,
+    ...rest,
+    children: children
+  });
+}
+
+/** Memoised — see the note on `Block`. */
+export const Text = /*#__PURE__*/memo(TextImpl);
+Text.displayName = 'Text';
+const baseStyle = StyleSheet.create({
+  text: {}
+});
+export default Text;
+//# sourceMappingURL=Text.js.map

package/lib/module/primitives/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useContext","Text","RNText","StyleSheet","parseDimension","resolveFontWeight","BlendNativeThemeContext","jsx","_jsx","TextImpl","children","fontSize","fontWeight","color","lineHeight","textAlign","fontFamily","fontRole","style","rest","familyMap","resolvedFamily","undefined","resolved","flat","flatten","baseStyle","text","displayName","create"],"sourceRoot":"../../../src","sources":["primitives/Text.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAC/C,SACIC,IAAI,IAAIC,MAAM,EACdC,UAAU,QAGP,cAAc;AACrB,SAASC,cAAc,QAAQ,iCAA8B;AAC7D,SAASC,iBAAiB,QAAQ,gBAAa;AAC/C,SAASC,uBAAuB,QAAQ,iCAA8B;;AAGtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAjBA,SAAAC,GAAA,IAAAC,IAAA;AA4CA,SAASC,QAAQA,CAAC;EACdC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,KAAK;EACLC,UAAU;EACVC,SAAS;EACTC,UAAU;EACVC,QAAQ,GAAG,MAAM;EACjBC,KAAK;EACL,GAAGC;AACS,CAAC,EAAE;EACf,MAAM;IAAEH,UAAU,EAAEI;EAAU,CAAC,GAAGpB,UAAU,CAACM,uBAAuB,CAAC;EACrE;EACA,MAAMe,cAAc,GAAGL,UAAU,IAAII,SAAS,CAACH,QAAQ,CAAC,IAAIK,SAAS;EAErE,MAAMC,QAAmB,GAAG;IACxBZ,QAAQ,EAAEP,cAAc,CAACO,QAAQ,CAAC;IAClCC,UAAU,EAAEP,iBAAiB,CAACO,UAAU,CAAC;IACzCC,KAAK;IACLC,UAAU,EAAEV,cAAc,CAACU,UAAU,CAAC;IACtCC,SAAS;IACTC,UAAU,EAAEK;EAChB,CAAC;EAED,MAAMG,IAAI,GAAGrB,UAAU,CAACsB,OAAO,CAAC,CAACC,SAAS,CAACC,IAAI,EAAEJ,QAAQ,EAAEL,KAAK,CAAC,CAAC;EAClE,oBACIV,IAAA,CAACN,MAAM;IAACgB,KAAK,EAAEM,IAAK;IAAA,GAAKL,IAAI;IAAAT,QAAA,EACxBA;EAAQ,CACL,CAAC;AAEjB;;AAEA;AACA,OAAO,MAAMT,IAAI,gBAAGF,IAAI,CAACU,QAAQ,CAAC;AAClCR,IAAI,CAAC2B,WAAW,GAAG,MAAM;AAEzB,MAAMF,SAAS,GAAGvB,UAAU,CAAC0B,MAAM,CAAC;EAChCF,IAAI,EAAE,CAAC;AACX,CAAC,CAAC;AAEF,eAAe1B,IAAI","ignoreList":[]}