blend-native 0.0.1-beta.0

package/lib/commonjs/primitives/Block.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Block = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _surfaceStyle = require("../adapters/surfaceStyle.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Native `Block` — a `View` driven by token-shaped style props.
+ *
+ * Style resolution is delegated to `resolveSurfaceStyle`, the same function
+ * `Pressable` uses, so a component that swaps between the two depending on
+ * whether it is interactive (web's `TagElement = onClick ? PrimitiveButton :
+ * Block` pattern) renders identically in both branches. Before that was
+ * shared, `Block` could not render a border, radius, shadow, or height at
+ * all.
+ *
+ * Note there is **no `color` prop**. On web, `Block`'s `color` maps to CSS
+ * `color` — a foreground value that SVG icons inherit via `currentColor`.
+ * RN has no such inheritance, and mapping `color` to `backgroundColor` (as
+ * this file previously did) silently inverted the meaning of every call
+ * copied over from web. Use `backgroundColor` for a background, and `Slot`
+ * for tinting icons.
+ */
+
+const BlockImpl = /*#__PURE__*/(0, _react.forwardRef)(function Block({
+  children,
+  style,
+  ...rest
+}, ref) {
+  // Split token-shaped style props from pass-through RN View props.
+  const {
+    background,
+    backgroundColor,
+    border,
+    borderRadius,
+    boxShadow,
+    paddingTop,
+    paddingRight,
+    paddingBottom,
+    paddingLeft,
+    width,
+    minWidth,
+    maxWidth,
+    height,
+    minHeight,
+    maxHeight,
+    flexDirection,
+    alignItems,
+    justifyContent,
+    alignSelf,
+    gap,
+    flexShrink,
+    flexGrow,
+    opacity,
+    overflow,
+    ...viewProps
+  } = rest;
+  const resolved = (0, _surfaceStyle.resolveSurfaceStyle)({
+    background,
+    backgroundColor,
+    border,
+    borderRadius,
+    boxShadow,
+    paddingTop,
+    paddingRight,
+    paddingBottom,
+    paddingLeft,
+    width,
+    minWidth,
+    maxWidth,
+    height,
+    minHeight,
+    maxHeight,
+    flexDirection,
+    alignItems,
+    justifyContent,
+    alignSelf,
+    gap,
+    flexShrink,
+    flexGrow,
+    opacity,
+    overflow
+  }, _reactNative.Platform.OS);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    style: _reactNative.StyleSheet.flatten([baseStyle.view, resolved, style]),
+    ...viewProps,
+    children: children
+  });
+});
+
+/**
+ * Memoised because primitives sit at the leaves of every component tree: a
+ * parent re-render should not walk the whole subtree when none of the
+ * token-derived props changed.
+ */
+const Block = exports.Block = /*#__PURE__*/(0, _react.memo)(BlockImpl);
+Block.displayName = 'Block';
+const baseStyle = _reactNative.StyleSheet.create({
+  view: {
+    // RN Views are already flex containers; declaring it keeps parity
+    // with web `Block`, which is `display: flex`.
+    display: 'flex'
+  }
+});
+var _default = exports.default = Block;
+//# sourceMappingURL=Block.js.map

package/lib/commonjs/primitives/Block.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_surfaceStyle","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BlockImpl","forwardRef","Block","children","style","rest","ref","background","backgroundColor","border","borderRadius","boxShadow","paddingTop","paddingRight","paddingBottom","paddingLeft","width","minWidth","maxWidth","height","minHeight","maxHeight","flexDirection","alignItems","justifyContent","alignSelf","gap","flexShrink","flexGrow","opacity","overflow","viewProps","resolved","resolveSurfaceStyle","Platform","OS","jsx","View","StyleSheet","flatten","baseStyle","view","exports","memo","displayName","create","display","_default"],"sourceRoot":"../../../src","sources":["primitives/Block.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/primitives/Pressable.js

@@ -0,0 +1,348 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MIN_TOUCH_TARGET", {
+  enumerable: true,
+  get: function () {
+    return _touchTarget.MIN_TOUCH_TARGET;
+  }
+});
+exports.default = exports.Pressable = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _cssStringAdapter = require("../adapters/cssStringAdapter.js");
+var _surfaceStyle = require("../adapters/surfaceStyle.js");
+var _optionalGradient = require("../adapters/optionalGradient.js");
+var _touchTarget = require("./touchTarget.js");
+var _useLiveRegion = require("../a11y/useLiveRegion.js");
+var _pressFeedback = require("./pressFeedback.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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__*/(0, _react.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 = _touchTarget.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 = (0, _react.useMemo)(() => (0, _cssStringAdapter.parseBackground)(background), [background]);
+  const parsedActiveBg = (0, _react.useMemo)(() => (0, _cssStringAdapter.parseBackground)(activeBackground), [activeBackground]);
+  const parsedDisabledBg = (0, _react.useMemo)(() => (0, _cssStringAdapter.parseBackground)(disabledBackground), [disabledBackground]);
+  const activeBorderStyle = (0, _react.useMemo)(() => (0, _cssStringAdapter.parseBorder)(activeBorder), [activeBorder]);
+  const disabledBorderStyle = (0, _react.useMemo)(() => (0, _cssStringAdapter.parseBorder)(disabledBorder), [disabledBorder]);
+  const activeShadowStyle = (0, _react.useMemo)(() => (0, _cssStringAdapter.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 = (0, _react.useMemo)(() => (0, _surfaceStyle.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
+  }, _reactNative.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 && _optionalGradient.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`.
+  (0, _useLiveRegion.useLiveRegionAnnounce)(loadingAccessibilityLabel, loading);
+  const handlePress = (0, _react.useCallback)(event => {
+    if (disabled || loading) return;
+    onPress?.(event);
+  }, [disabled, loading, onPress]);
+  const accessibilityState = (0, _react.useMemo)(() => ({
+    disabled: isInteractionBlocked,
+    busy: loading
+  }), [isInteractionBlocked, loading]);
+
+  // Ripple on Android, scale elsewhere — see `./pressFeedback`.
+  const {
+    androidRipple,
+    pressedTransform
+  } = (0, _react.useMemo)(() => (0, _pressFeedback.resolvePressFeedback)(_reactNative.Platform.OS, {
+    rippleColor,
+    activeBackgroundColor: activeFlatBgColor,
+    rippleBorderless,
+    pressedScale
+  }), [rippleColor, activeFlatBgColor, rippleBorderless, pressedScale]);
+  const disabledStyle = (0, _react.useMemo)(() => usesDisabledChrome ? {
+    ...(disabledBgColor ? {
+      backgroundColor: disabledBgColor
+    } : {}),
+    ...disabledBorderStyle
+  } : undefined, [usesDisabledChrome, disabledBgColor, disabledBorderStyle]);
+  const pressedStyle = (0, _react.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] = (0, _react.useState)(undefined);
+  const handleLayout = (0, _react.useCallback)(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    const next = (0, _touchTarget.resolveHitSlop)(width, height, minTouchTarget);
+    setHitSlop(previous => (0, _touchTarget.sameHitSlop)(previous, next) ? previous : next);
+  }, [minTouchTarget]);
+  const content = loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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 = _optionalGradient.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__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Gradient, {
+          colors: gradient.colors,
+          locations: gradient.locations,
+          start: gradient.start,
+          end: gradient.end,
+          style: bleedStyle
+        }), pressed && parsedActiveBg?.type === 'gradient' && /*#__PURE__*/(0, _jsxRuntime.jsx)(Gradient, {
+          colors: parsedActiveBg.colors,
+          locations: parsedActiveBg.locations,
+          start: parsedActiveBg.start,
+          end: parsedActiveBg.end,
+          style: bleedStyle
+        }), pressed && activeFlatBgColor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [bleedStyle, {
+            backgroundColor: activeFlatBgColor
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    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`. */
+const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.memo)(PressableImpl);
+Pressable.displayName = 'Pressable';
+var _default = exports.default = Pressable;
+//# sourceMappingURL=Pressable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_cssStringAdapter","_surfaceStyle","_optionalGradient","_touchTarget","_useLiveRegion","_pressFeedback","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PressableImpl","forwardRef","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","loading","loaderColor","loaderSize","loadingAccessibilityLabel","pressedScale","rippleColor","rippleBorderless","minTouchTarget","MIN_TOUCH_TARGET","onPress","style","accessibilityRole","accessible","rest","ref","parsedBg","useMemo","parseBackground","parsedActiveBg","parsedDisabledBg","activeBorderStyle","parseBorder","disabledBorderStyle","activeShadowStyle","parseBoxShadow","isInteractionBlocked","usesDisabledChrome","surface","resolveSurfaceStyle","Platform","OS","isGradient","type","canRenderGradient","LinearGradient","activeFlatBgColor","color","undefined","disabledBgColor","colors","useLiveRegionAnnounce","handlePress","useCallback","event","accessibilityState","busy","androidRipple","pressedTransform","resolvePressFeedback","activeBackgroundColor","disabledStyle","pressedStyle","hitSlop","setHitSlop","useState","handleLayout","nativeEvent","layout","next","resolveHitSlop","previous","sameHitSlop","content","jsx","ActivityIndicator","size","gradient","Gradient","borderWidth","bleed","bleedStyle","position","top","right","bottom","left","frameFlexDirection","frameAlignItems","frameJustifyContent","frameGap","frame","contentLayout","flex","frameStyle","onLayout","android_ripple","pressed","jsxs","Fragment","locations","start","end","View","exports","memo","displayName","_default"],"sourceRoot":"../../../src","sources":["primitives/Pressable.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/primitives/PrimitiveInput.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PrimitiveInput = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _cssStringAdapter = require("../adapters/cssStringAdapter.js");
+var _textStyle = require("./textStyle.js");
+var _BlendNativeProvider = require("../theme/BlendNativeProvider.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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.
+ */
+
+const PrimitiveInputImpl = /*#__PURE__*/(0, _react.forwardRef)(function PrimitiveInput({
+  fontSize,
+  fontWeight,
+  color,
+  lineHeight,
+  placeholderColor,
+  style,
+  ...rest
+}, ref) {
+  const {
+    fontFamily
+  } = (0, _react.useContext)(_BlendNativeProvider.BlendNativeThemeContext);
+  const resolved = {
+    fontSize: (0, _cssStringAdapter.parseDimension)(fontSize),
+    fontWeight: (0, _textStyle.resolveFontWeight)(fontWeight),
+    color,
+    lineHeight: (0, _cssStringAdapter.parseDimension)(lineHeight),
+    fontFamily: fontFamily.body ?? undefined
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+    ref: ref,
+    style: _reactNative.StyleSheet.flatten([baseStyle.input, resolved, style]),
+    placeholderTextColor: placeholderColor,
+    ...rest
+  });
+});
+
+/** Memoised — see the note on `Block`. */
+const PrimitiveInput = exports.PrimitiveInput = /*#__PURE__*/(0, _react.memo)(PrimitiveInputImpl);
+PrimitiveInput.displayName = 'PrimitiveInput';
+const baseStyle = _reactNative.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
+  }
+});
+var _default = exports.default = PrimitiveInput;
+//# sourceMappingURL=PrimitiveInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_cssStringAdapter","_textStyle","_BlendNativeProvider","_jsxRuntime","PrimitiveInputImpl","forwardRef","PrimitiveInput","fontSize","fontWeight","color","lineHeight","placeholderColor","style","rest","ref","fontFamily","useContext","BlendNativeThemeContext","resolved","parseDimension","resolveFontWeight","body","undefined","jsx","TextInput","StyleSheet","flatten","baseStyle","input","placeholderTextColor","exports","memo","displayName","create","flex","paddingVertical","paddingHorizontal","_default","default"],"sourceRoot":"../../../src","sources":["primitives/PrimitiveInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAAsE,IAAAK,WAAA,GAAAL,OAAA;AAEtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMM,kBAAkB,gBAAG,IAAAC,iBAAU,EACjC,SAASC,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,GAAG,IAAAC,iBAAU,EAACC,4CAAuB,CAAC;EAE1D,MAAMC,QAAmB,GAAG;IACxBX,QAAQ,EAAE,IAAAY,gCAAc,EAACZ,QAAQ,CAAC;IAClCC,UAAU,EAAE,IAAAY,4BAAiB,EAACZ,UAAU,CAAC;IACzCC,KAAK;IACLC,UAAU,EAAE,IAAAS,gCAAc,EAACT,UAAU,CAAC;IACtCK,UAAU,EAAEA,UAAU,CAACM,IAAI,IAAIC;EACnC,CAAC;EAED,oBACI,IAAAnB,WAAA,CAAAoB,GAAA,EAACxB,YAAA,CAAAyB,SAAW;IACRV,GAAG,EAAEA,GAAI;IACTF,KAAK,EAAEa,uBAAU,CAACC,OAAO,CAAC,CAACC,SAAS,CAACC,KAAK,EAAEV,QAAQ,EAAEN,KAAK,CAAC,CAAE;IAC9DiB,oBAAoB,EAAElB,gBAAiB;IAAA,GACnCE;EAAI,CACX,CAAC;AAEV,CACJ,CAAC;;AAED;AACO,MAAMP,cAAc,GAAAwB,OAAA,CAAAxB,cAAA,gBAAG,IAAAyB,WAAI,EAAC3B,kBAAkB,CAAC;AACtDE,cAAc,CAAC0B,WAAW,GAAG,gBAAgB;AAE7C,MAAML,SAAS,GAAGF,uBAAU,CAACQ,MAAM,CAAC;EAChCL,KAAK,EAAE;IACH;IACA;IACAM,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACvB;AACJ,CAAC,CAAC;AAAA,IAAAC,QAAA,GAAAP,OAAA,CAAAQ,OAAA,GAEahC,cAAc","ignoreList":[]}

package/lib/commonjs/primitives/Separator.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Separator = Separator;
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _node = require("@juspay/blend-design-system/node");
+var _cssStringAdapter = require("../adapters/cssStringAdapter.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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.
+ */
+
+const DEFAULT_LENGTH = _node.FOUNDATION_THEME.unit[16];
+const DEFAULT_THICKNESS = 1;
+const DEFAULT_COLOR = String(_node.FOUNDATION_THEME.colors.gray[300]);
+function Separator({
+  orientation = 'vertical',
+  length = DEFAULT_LENGTH,
+  thickness = DEFAULT_THICKNESS,
+  color = DEFAULT_COLOR,
+  style,
+  testID
+}) {
+  const resolvedLength = (0, _cssStringAdapter.parseDimension)(length);
+  const resolvedThickness = (0, _cssStringAdapter.parseDimension)(thickness);
+  const sizing = orientation === 'vertical' ? {
+    width: resolvedThickness,
+    height: resolvedLength
+  } : {
+    width: resolvedLength,
+    height: resolvedThickness
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    testID: testID,
+    accessible: false,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    style: _reactNative.StyleSheet.flatten([sizing, {
+      backgroundColor: color
+    }, style])
+  });
+}
+Separator.displayName = 'Separator';
+var _default = exports.default = Separator;
+//# sourceMappingURL=Separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_node","_cssStringAdapter","_jsxRuntime","DEFAULT_LENGTH","FOUNDATION_THEME","unit","DEFAULT_THICKNESS","DEFAULT_COLOR","String","colors","gray","Separator","orientation","length","thickness","color","style","testID","resolvedLength","parseDimension","resolvedThickness","sizing","width","height","jsx","View","accessible","accessibilityElementsHidden","importantForAccessibility","StyleSheet","flatten","backgroundColor","displayName","_default","exports","default"],"sourceRoot":"../../../src","sources":["primitives/Separator.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAA6D,IAAAG,WAAA,GAAAH,OAAA;AAE7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA,MAAMI,cAAc,GAAGC,sBAAgB,CAACC,IAAI,CAAC,EAAE,CAAC;AAChD,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,aAAa,GAAGC,MAAM,CAACJ,sBAAgB,CAACK,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC;AAExD,SAASC,SAASA,CAAC;EACtBC,WAAW,GAAG,UAAU;EACxBC,MAAM,GAAGV,cAAc;EACvBW,SAAS,GAAGR,iBAAiB;EAC7BS,KAAK,GAAGR,aAAa;EACrBS,KAAK;EACLC;AACY,CAAC,EAAE;EACf,MAAMC,cAAc,GAAG,IAAAC,gCAAc,EAACN,MAAyB,CAAC;EAChE,MAAMO,iBAAiB,GAAG,IAAAD,gCAAc,EAACL,SAAS,CAAC;EAEnD,MAAMO,MAAiB,GACnBT,WAAW,KAAK,UAAU,GACpB;IAAEU,KAAK,EAAEF,iBAAiB;IAAEG,MAAM,EAAEL;EAAe,CAAC,GACpD;IAAEI,KAAK,EAAEJ,cAAc;IAAEK,MAAM,EAAEH;EAAkB,CAAC;EAE9D,oBACI,IAAAlB,WAAA,CAAAsB,GAAA,EAAC1B,YAAA,CAAA2B,IAAI;IACDR,MAAM,EAAEA,MAAO;IACfS,UAAU,EAAE,KAAM;IAClBC,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAC/CZ,KAAK,EAAEa,uBAAU,CAACC,OAAO,CAAC,CACtBT,MAAM,EACN;MAAEU,eAAe,EAAEhB;IAAM,CAAC,EAC1BC,KAAK,CACR;EAAE,CACN,CAAC;AAEV;AAEAL,SAAS,CAACqB,WAAW,GAAG,WAAW;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEpBxB,SAAS","ignoreList":[]}