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

package/lib/module/components/Popover/PopoverHeader.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import { Pressable, View } from 'react-native';
+import { X } from 'lucide-react-native';
+import { parseDimension } from "../../adapters/cssStringAdapter.js";
+import Text from "../../primitives/Text.js";
+
+/**
+ * Heading/description block with the optional close button — shared by the
+ * sheet and anchored presentations. Renders nothing when there is nothing
+ * to show.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PopoverHeader({
+  heading,
+  description,
+  showCloseButton,
+  onClose,
+  size,
+  tokens,
+  testID
+}) {
+  if (!heading && !description && !showCloseButton) return null;
+  const top = tokens.TopContainer;
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      gap: 8
+    },
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: 1,
+        gap: parseDimension(top.gap[size]) ?? 8
+      },
+      children: [heading ? /*#__PURE__*/_jsx(Text, {
+        color: String(top.heading.color ?? '#181B25'),
+        fontSize: top.heading.fontSize[size],
+        fontWeight: top.heading.fontWeight[size],
+        lineHeight: top.heading.lineHeight[size],
+        accessibilityRole: "header",
+        children: heading
+      }) : null, description ? /*#__PURE__*/_jsx(Text, {
+        color: String(top.description.color ?? '#717784'),
+        fontSize: top.description.fontSize[size],
+        fontWeight: top.description.fontWeight[size],
+        lineHeight: top.description.lineHeight[size],
+        children: description
+      }) : null]
+    }), showCloseButton ? /*#__PURE__*/_jsx(Pressable, {
+      onPress: onClose,
+      accessibilityRole: "button",
+      accessibilityLabel: "Close",
+      hitSlop: 8,
+      testID: testID ? `${testID}-close` : undefined,
+      children: /*#__PURE__*/_jsx(X, {
+        size: parseDimension(top.heading.IconSize[size]) ?? 18,
+        color: String(top.description.color ?? '#717784')
+      })
+    }) : null]
+  });
+}
+export default PopoverHeader;
+//# sourceMappingURL=PopoverHeader.js.map

package/lib/module/components/Popover/PopoverHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","X","parseDimension","Text","jsx","_jsx","jsxs","_jsxs","PopoverHeader","heading","description","showCloseButton","onClose","size","tokens","testID","top","TopContainer","style","flexDirection","alignItems","gap","children","flex","color","String","fontSize","fontWeight","lineHeight","accessibilityRole","onPress","accessibilityLabel","hitSlop","undefined","IconSize"],"sourceRoot":"../../../../src","sources":["components/Popover/PopoverHeader.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,CAAC,QAAQ,qBAAqB;AAGvC,SAASC,cAAc,QAAQ,oCAAiC;AAChE,OAAOC,IAAI,MAAM,0BAAuB;;AAExC;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAKA,OAAO,SAASC,aAAaA,CAAC;EAC1BC,OAAO;EACPC,WAAW;EACXC,eAAe;EACfC,OAAO;EACPC,IAAI;EACJC,MAAM;EACNC;AASJ,CAAC,EAAE;EACC,IAAI,CAACN,OAAO,IAAI,CAACC,WAAW,IAAI,CAACC,eAAe,EAAE,OAAO,IAAI;EAC7D,MAAMK,GAAG,GAAGF,MAAM,CAACG,YAAY;EAE/B,oBACIV,KAAA,CAACP,IAAI;IACDkB,KAAK,EAAE;MACHC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,YAAY;MACxBC,GAAG,EAAE;IACT,CAAE;IACFN,MAAM,EAAEA,MAAO;IAAAO,QAAA,gBAEff,KAAA,CAACP,IAAI;MACDkB,KAAK,EAAE;QACHK,IAAI,EAAE,CAAC;QACPF,GAAG,EAAEnB,cAAc,CAACc,GAAG,CAACK,GAAG,CAACR,IAAI,CAAoB,CAAC,IAAI;MAC7D,CAAE;MAAAS,QAAA,GAEDb,OAAO,gBACJJ,IAAA,CAACF,IAAI;QACDqB,KAAK,EAAEC,MAAM,CAACT,GAAG,CAACP,OAAO,CAACe,KAAK,IAAI,SAAS,CAAE;QAC9CE,QAAQ,EAAEV,GAAG,CAACP,OAAO,CAACiB,QAAQ,CAACb,IAAI,CAAqB;QACxDc,UAAU,EACNX,GAAG,CAACP,OAAO,CAACkB,UAAU,CAACd,IAAI,CAC9B;QACDe,UAAU,EACNZ,GAAG,CAACP,OAAO,CAACmB,UAAU,CAACf,IAAI,CAC9B;QACDgB,iBAAiB,EAAC,QAAQ;QAAAP,QAAA,EAEzBb;MAAO,CACN,CAAC,GACP,IAAI,EACPC,WAAW,gBACRL,IAAA,CAACF,IAAI;QACDqB,KAAK,EAAEC,MAAM,CAACT,GAAG,CAACN,WAAW,CAACc,KAAK,IAAI,SAAS,CAAE;QAClDE,QAAQ,EACJV,GAAG,CAACN,WAAW,CAACgB,QAAQ,CAACb,IAAI,CAChC;QACDc,UAAU,EACNX,GAAG,CAACN,WAAW,CAACiB,UAAU,CAACd,IAAI,CAClC;QACDe,UAAU,EACNZ,GAAG,CAACN,WAAW,CAACkB,UAAU,CAACf,IAAI,CAClC;QAAAS,QAAA,EAEAZ;MAAW,CACV,CAAC,GACP,IAAI;IAAA,CACN,CAAC,EACNC,eAAe,gBACZN,IAAA,CAACN,SAAS;MACN+B,OAAO,EAAElB,OAAQ;MACjBiB,iBAAiB,EAAC,QAAQ;MAC1BE,kBAAkB,EAAC,OAAO;MAC1BC,OAAO,EAAE,CAAE;MACXjB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGkB,SAAU;MAAAX,QAAA,eAE/CjB,IAAA,CAACJ,CAAC;QACEY,IAAI,EACAX,cAAc,CACVc,GAAG,CAACP,OAAO,CAACyB,QAAQ,CAACrB,IAAI,CAC7B,CAAC,IAAI,EACR;QACDW,KAAK,EAAEC,MAAM,CAACT,GAAG,CAACN,WAAW,CAACc,KAAK,IAAI,SAAS;MAAE,CACrD;IAAC,CACK,CAAC,GACZ,IAAI;EAAA,CACN,CAAC;AAEf;AAEA,eAAehB,aAAa","ignoreList":[]}

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

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

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

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

package/lib/module/components/Popover/popover.types.js

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

package/lib/module/components/Popover/popover.types.js.map

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

package/lib/module/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,243 @@
+"use strict";
+
+import { memo, useEffect, useState } from 'react';
+import { View } from 'react-native';
+import Animated, { Easing, useAnimatedProps, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import Svg, { Circle } from 'react-native-svg';
+import { ProgressBarV2Appearance, ProgressBarV2Size, ProgressBarV2Variant } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { useReduceMotion } from "../../motion/useReduceMotion.js";
+import { MOTION_EASING } from "../../motion/motion.js";
+import { parseBorderRadius, parseDimension } from "../../adapters/cssStringAdapter.js";
+import Text from "../../primitives/Text.js";
+import { calculateCircularProgressStroke, calculatePercentage, clampValue, getCircularDiameter, normalizeRange, parseCircularDashToken, parseSegmentedPattern, parseTransitionDuration } from "./progressBar.utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+
+/**
+ * Determinate progress — the native port of web's `ProgressBarV2`.
+ *
+ * Linear animates the fill width, circular animates the SVG dash offset,
+ * both with the duration decoded from web's transition tokens and the
+ * standard easing curve. Reduce-motion jumps without tweening. The
+ * segmented empty track renders discrete tick marks in place of web's
+ * `repeating-linear-gradient` (documented divergence).
+ */
+const ProgressBarImpl = ({
+  value,
+  min = 0,
+  max = 100,
+  size = ProgressBarV2Size.MD,
+  variant = ProgressBarV2Variant.LINEAR,
+  appearance = ProgressBarV2Appearance.SOLID,
+  showLabel = false,
+  accessibilityLabel,
+  testID,
+  style
+}) => {
+  const tokens = useNativeTokens('PROGRESS_BARV2');
+  const range = normalizeRange(min, max);
+  const clamped = clampValue(value, range.min, range.max);
+  const percentage = calculatePercentage(clamped, range.min, range.max);
+  const label = `${Math.round(percentage)}%`;
+  const a11y = {
+    accessibilityRole: 'progressbar',
+    accessibilityLabel: accessibilityLabel ?? `Progress: ${label}`,
+    accessibilityValue: {
+      min: range.min,
+      max: range.max,
+      now: clamped
+    }
+  };
+  const shared = {
+    tokens,
+    percentage,
+    appearance,
+    size,
+    showLabel,
+    label,
+    testID
+  };
+  if (variant === ProgressBarV2Variant.CIRCULAR) {
+    return /*#__PURE__*/_jsx(View, {
+      ...a11y,
+      testID: testID,
+      style: style,
+      children: /*#__PURE__*/_jsx(CircularBar, {
+        ...shared
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    ...a11y,
+    testID: testID,
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: parseDimension(tokens.linear.gap) ?? 8
+    }, style],
+    children: [/*#__PURE__*/_jsx(LinearBar, {
+      ...shared
+    }), showLabel && /*#__PURE__*/_jsx(BarLabel, {
+      tokens: tokens,
+      label: label
+    })]
+  });
+};
+function useTweenedProgress(percentage, duration) {
+  const reduceMotion = useReduceMotion();
+  const progress = useSharedValue(percentage);
+  useEffect(() => {
+    if (reduceMotion) {
+      progress.value = percentage;
+      return;
+    }
+    progress.value = withTiming(percentage, {
+      duration,
+      easing: Easing.bezier(...MOTION_EASING.standard)
+    });
+  }, [progress, percentage, duration, reduceMotion]);
+  return progress;
+}
+function LinearBar({
+  tokens,
+  percentage,
+  appearance,
+  size,
+  testID
+}) {
+  const [trackWidth, setTrackWidth] = useState(0);
+  const height = parseDimension(tokens.linear.height[size]) ?? 8;
+  const segmented = appearance === ProgressBarV2Appearance.SEGMENTED;
+  const trackRadius = parseBorderRadius(tokens.linear.borderRadius[appearance]) ?? 0;
+  // Segmented track has sharp corners (radius 0); the fill token says 2px,
+  // but that reveals the transparent track (i.e. the card's white bg)
+  // through the rounded corners. Use the track radius for segmented fills.
+  const fillRadius = segmented ? trackRadius : parseBorderRadius(tokens.linear.fill.borderRadius[appearance]) ?? 0;
+  const duration = parseTransitionDuration(tokens.transition);
+  const progress = useTweenedProgress(percentage, duration);
+  const fillStyle = useAnimatedStyle(() => ({
+    width: `${progress.value}%`
+  }), []);
+  const pattern = segmented ? parseSegmentedPattern(tokens.linear.empty.backgroundImage[appearance], tokens.linear.empty.backgroundSize[appearance]) : null;
+  const tickCount = pattern && trackWidth > 0 ? Math.ceil(trackWidth / pattern.period) : 0;
+  const onLayout = segmented ? event => setTrackWidth(event.nativeEvent.layout.width) : undefined;
+  return /*#__PURE__*/_jsxs(View, {
+    onLayout: onLayout,
+    testID: testID ? `${testID}-track` : undefined,
+    style: {
+      flex: 1,
+      height,
+      overflow: 'hidden',
+      backgroundColor: String(tokens.linear.empty.backgroundColor[appearance] ?? 'transparent'),
+      ...(typeof trackRadius === 'number' ? {
+        borderRadius: trackRadius
+      } : trackRadius)
+    },
+    children: [pattern?.markColor && /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: {
+        ...{
+          position: 'absolute',
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0
+        },
+        flexDirection: 'row',
+        gap: pattern.period - pattern.markWidth
+      },
+      children: Array.from({
+        length: tickCount
+      }, (_, i) => /*#__PURE__*/_jsx(View, {
+        style: {
+          width: pattern.markWidth,
+          backgroundColor: pattern.markColor
+        }
+      }, i))
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      testID: testID ? `${testID}-fill` : undefined,
+      style: [{
+        height: '100%',
+        backgroundColor: String(tokens.linear.fill.backgroundColor[appearance]),
+        ...(typeof fillRadius === 'number' ? {
+          borderRadius: fillRadius
+        } : fillRadius)
+      }, fillStyle]
+    })]
+  });
+}
+function CircularBar({
+  tokens,
+  percentage,
+  appearance,
+  size,
+  showLabel,
+  label,
+  testID
+}) {
+  const svgSize = getCircularDiameter(tokens.circular.size, size, parseDimension);
+  const strokeWidth = tokens.circular.strokeWidth[size];
+  const stroke = calculateCircularProgressStroke(svgSize, strokeWidth, percentage);
+  const dash = parseCircularDashToken(tokens.circular.dashArray[appearance]);
+  const duration = parseTransitionDuration(tokens.circular.motion);
+  const progress = useTweenedProgress(percentage, duration);
+  const animatedProps = useAnimatedProps(() => ({
+    strokeDashoffset: stroke.circumference - progress.value / 100 * stroke.circumference
+  }));
+  const center = svgSize / 2;
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      alignItems: 'center',
+      gap: 4
+    },
+    children: [/*#__PURE__*/_jsxs(Svg, {
+      width: svgSize,
+      height: svgSize,
+      viewBox: `0 0 ${svgSize} ${svgSize}`,
+      testID: testID ? `${testID}-svg` : undefined,
+      children: [/*#__PURE__*/_jsx(Circle, {
+        cx: center,
+        cy: center,
+        r: stroke.radius,
+        stroke: String(tokens.circular.background[appearance]),
+        strokeWidth: strokeWidth,
+        strokeDasharray: dash.length ? dash : undefined,
+        fill: "none"
+      }), /*#__PURE__*/_jsx(AnimatedCircle, {
+        cx: center,
+        cy: center,
+        r: stroke.radius,
+        stroke: String(tokens.circular.stroke[appearance]),
+        strokeWidth: strokeWidth,
+        strokeLinecap: "round",
+        strokeDasharray: [stroke.circumference],
+        animatedProps: animatedProps,
+        fill: "none"
+        // Start at 12 o'clock, web parity.
+        ,
+        transform: `rotate(-90 ${center} ${center})`
+      })]
+    }), showLabel && /*#__PURE__*/_jsx(BarLabel, {
+      tokens: tokens,
+      label: label
+    })]
+  });
+}
+function BarLabel({
+  tokens,
+  label
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    fontSize: tokens.label.fontSize,
+    fontWeight: tokens.label.fontWeight,
+    color: String(tokens.label.color),
+    accessible: false,
+    importantForAccessibility: "no-hide-descendants",
+    children: label
+  });
+}
+export const ProgressBar = /*#__PURE__*/memo(ProgressBarImpl);
+ProgressBar.displayName = 'ProgressBar';
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useEffect","useState","View","Animated","Easing","useAnimatedProps","useAnimatedStyle","useSharedValue","withTiming","Svg","Circle","ProgressBarV2Appearance","ProgressBarV2Size","ProgressBarV2Variant","useNativeTokens","useReduceMotion","MOTION_EASING","parseBorderRadius","parseDimension","Text","calculateCircularProgressStroke","calculatePercentage","clampValue","getCircularDiameter","normalizeRange","parseCircularDashToken","parseSegmentedPattern","parseTransitionDuration","jsx","_jsx","jsxs","_jsxs","AnimatedCircle","createAnimatedComponent","ProgressBarImpl","value","min","max","size","MD","variant","LINEAR","appearance","SOLID","showLabel","accessibilityLabel","testID","style","tokens","range","clamped","percentage","label","Math","round","a11y","accessibilityRole","accessibilityValue","now","shared","CIRCULAR","children","CircularBar","flexDirection","alignItems","gap","linear","LinearBar","BarLabel","useTweenedProgress","duration","reduceMotion","progress","easing","bezier","standard","trackWidth","setTrackWidth","height","segmented","SEGMENTED","trackRadius","borderRadius","fillRadius","fill","transition","fillStyle","width","pattern","empty","backgroundImage","backgroundSize","tickCount","ceil","period","onLayout","event","nativeEvent","layout","undefined","flex","overflow","backgroundColor","String","markColor","pointerEvents","position","top","bottom","left","right","markWidth","Array","from","length","_","i","svgSize","circular","strokeWidth","stroke","dash","dashArray","motion","animatedProps","strokeDashoffset","circumference","center","viewBox","cx","cy","r","radius","background","strokeDasharray","strokeLinecap","transform","fontSize","fontWeight","color","accessible","importantForAccessibility","ProgressBar","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as ProgressBar } from "./ProgressBar.js";
+export { normalizeRange, clampValue, calculatePercentage, parseCircularDashToken, calculateCircularProgressStroke, getCircularDiameter, parseSegmentedPattern, parseTransitionDuration } from "./progressBar.utils.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","ProgressBar","normalizeRange","clampValue","calculatePercentage","parseCircularDashToken","calculateCircularProgressStroke","getCircularDiameter","parseSegmentedPattern","parseTransitionDuration"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,kBAAe;AAEtD,SACIC,cAAc,EACdC,UAAU,EACVC,mBAAmB,EACnBC,sBAAsB,EACtBC,+BAA+B,EAC/BC,mBAAmB,EACnBC,qBAAqB,EACrBC,uBAAuB,QACpB,wBAAqB","ignoreList":[]}

package/lib/module/components/ProgressBar/progressBar.types.js

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

package/lib/module/components/ProgressBar/progressBar.types.js.map

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

package/lib/module/components/ProgressBar/progressBar.utils.js

@@ -0,0 +1,98 @@
+"use strict";
+
+import { parseBackground, parseDuration } from "../../adapters/cssStringAdapter.js";
+
+/**
+ * Pure math and token decoding for `ProgressBar` — ports of web's
+ * `ProgressBarV2/utils.ts` plus the native-only segmented-pattern and
+ * transition decoding. All total: bad input degrades to a sane fallback.
+ */
+
+/** Web's `normalizeRange` — reversed bounds swap so min <= max. */
+export function normalizeRange(min, max) {
+  if (!Number.isFinite(min)) min = 0;
+  if (!Number.isFinite(max)) max = 100;
+  return min <= max ? {
+    min,
+    max
+  } : {
+    min: max,
+    max: min
+  };
+}
+
+/** Web's `clampValue`. */
+export function clampValue(value, min, max) {
+  if (!Number.isFinite(value)) return min;
+  return Math.min(max, Math.max(min, value));
+}
+
+/** Web's `calculatePercentage` — guarded against a zero-width range. */
+export function calculatePercentage(value, min, max) {
+  if (max === min) return 0;
+  return (value - min) / (max - min) * 100;
+}
+
+/** Web's `parseCircularDashToken` — `'4 2'` or `'4,2'` to numbers. */
+export function parseCircularDashToken(token) {
+  if (!token) return [];
+  const parts = token.split(/[\s,]+/).map(p => parseFloat(p)).filter(n => Number.isFinite(n) && n >= 0);
+  return parts.length >= 2 ? parts : [];
+}
+/** Web's `calculateCircularProgressStroke` — radius inset by the stroke. */
+export function calculateCircularProgressStroke(size, strokeWidth, percentage) {
+  const radius = Math.max(0, (size - strokeWidth) / 2);
+  const circumference = 2 * Math.PI * radius;
+  return {
+    radius,
+    circumference,
+    dashOffset: circumference - percentage / 100 * circumference
+  };
+}
+/**
+ * Decode web's segmented empty-track pattern. Web paints it with
+ * `repeating-linear-gradient(to right, <color>, <color> 2px, transparent
+ * 2px, transparent 8px)` sized `'10px 100%'` — unrepresentable in RN, so
+ * native renders discrete tick marks with the same color, mark width and
+ * period. `parseBackground` degrades the unsupported gradient to its first
+ * color stop, which is exactly the mark color.
+ */
+export function parseSegmentedPattern(backgroundImage, backgroundSize) {
+  const parsed = parseBackground(backgroundImage);
+  const markColor = parsed?.type === 'flat' ? parsed.color : null;
+  const firstPx = value => {
+    const match = value?.match(/(-?(?:\d+(?:\.\d+)?|\.\d+))px/);
+    if (!match) return null;
+    const n = parseFloat(match[1]);
+    return Number.isFinite(n) && n > 0 ? n : null;
+  };
+  return {
+    markColor,
+    markWidth: firstPx(backgroundImage) ?? 2,
+    period: firstPx(backgroundSize) ?? 10
+  };
+}
+
+/**
+ * Circular diameter for a size, healing a web token hole: the web token
+ * file ships `circular.size = { sm, lg }` with no `md` entry (its md
+ * circular bar renders with an undefined width — flagged upstream). Native
+ * falls back down the ladder, then to web's sm default.
+ */
+export function getCircularDiameter(sizeTokens, size, parse) {
+  return parse(sizeTokens[size]) ?? parse(sizeTokens.sm) ?? 40;
+}
+/**
+ * Decode a CSS transition shorthand token (`'width 0.3s ease-in-out'`)
+ * into the animation duration. The easing keyword maps to the motion
+ * layer's standard curve at the call site.
+ */
+export function parseTransitionDuration(transition, fallback = 300) {
+  if (!transition) return fallback;
+  for (const part of transition.split(/\s+/)) {
+    const duration = parseDuration(part);
+    if (duration !== undefined) return duration;
+  }
+  return fallback;
+}
+//# sourceMappingURL=progressBar.utils.js.map

package/lib/module/components/ProgressBar/progressBar.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseBackground","parseDuration","normalizeRange","min","max","Number","isFinite","clampValue","value","Math","calculatePercentage","parseCircularDashToken","token","parts","split","map","p","parseFloat","filter","n","length","calculateCircularProgressStroke","size","strokeWidth","percentage","radius","circumference","PI","dashOffset","parseSegmentedPattern","backgroundImage","backgroundSize","parsed","markColor","type","color","firstPx","match","markWidth","period","getCircularDiameter","sizeTokens","parse","sm","parseTransitionDuration","transition","fallback","part","duration","undefined"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/progressBar.utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Radio/Radio.js

@@ -0,0 +1,116 @@
+"use strict";
+
+import { forwardRef, useEffect } from 'react';
+import { View } from 'react-native';
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { SelectorV2Size } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { useReduceMotion } from "../../motion/useReduceMotion.js";
+import { MOTION_DURATION, MOTION_EASING } from "../../motion/motion.js";
+import Pressable from "../../primitives/Pressable.js";
+import Slot from "../../primitives/Slot.js";
+import { parseDimension } from "../../adapters/cssStringAdapter.js";
+import { SelectorContent } from "../shared/selector/SelectorContent.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Radio — the native port of web's `RadioV2`.
+ *
+ * Ring + inner dot at half the ring's size, the dot scaling in like web's
+ * `::after` transition. The whole row is one pressable (label-tap selects).
+ * Pressing an already-selected radio does nothing, matching native radio
+ * semantics.
+ */
+const Radio = /*#__PURE__*/forwardRef(function Radio({
+  checked = false,
+  onCheckedChange,
+  required = false,
+  error = false,
+  label,
+  subLabel,
+  size = SelectorV2Size.MD,
+  disabled = false,
+  slot,
+  accessibilityLabel,
+  testID,
+  style
+}, ref) {
+  const tokens = useNativeTokens('RADIOV2');
+  const reduceMotion = useReduceMotion();
+  const indicatorState = checked ? 'active' : 'inactive';
+  const interactionState = disabled ? 'disabled' : error ? 'error' : 'default';
+  const progress = useSharedValue(checked ? 1 : 0);
+  useEffect(() => {
+    if (reduceMotion) {
+      progress.value = checked ? 1 : 0;
+      return;
+    }
+    progress.value = withTiming(checked ? 1 : 0, {
+      duration: MOTION_DURATION.normal,
+      easing: Easing.bezier(...MOTION_EASING.standard)
+    });
+  }, [progress, checked, reduceMotion]);
+  const dotStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: progress.value
+    }]
+  }), []);
+  const ringSize = parseDimension(tokens.radio.height[size]) ?? 16;
+  const borderWidth = Number(tokens.radio.borderWidth[indicatorState]?.[interactionState]) || 1;
+  const dotSize = ringSize / 2;
+  const select = () => {
+    // Native radio semantics: selecting an already-selected radio is a
+    // no-op; deselection happens by selecting a sibling.
+    if (!checked) onCheckedChange?.(true);
+  };
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ref: ref,
+    onPress: select,
+    disabled: disabled,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: tokens.gap,
+    accessibilityRole: "radio",
+    accessibilityState: {
+      checked,
+      disabled
+    },
+    accessibilityLabel: accessibilityLabel ?? label,
+    testID: testID,
+    style: style,
+    children: [/*#__PURE__*/_jsx(View, {
+      testID: testID ? `${testID}-ring` : undefined,
+      style: {
+        width: ringSize,
+        height: ringSize,
+        borderRadius: ringSize / 2,
+        borderWidth,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: String(tokens.radio.indicator[indicatorState]?.backgroundColor[interactionState] ?? 'transparent'),
+        borderColor: String(tokens.radio.indicator[indicatorState]?.borderColor[interactionState] ?? 'transparent')
+      },
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [{
+          width: dotSize,
+          height: dotSize,
+          borderRadius: dotSize / 2,
+          backgroundColor: String(tokens.radio.activeIndicator.active.backgroundColor[disabled ? 'disabled' : 'default'] ?? 'transparent')
+        }, dotStyle]
+      })
+    }), /*#__PURE__*/_jsx(SelectorContent, {
+      label: label,
+      subLabel: subLabel,
+      required: required,
+      size: size,
+      state: interactionState,
+      tokens: tokens.content,
+      testID: testID ? `${testID}-content` : undefined
+    }), slot && /*#__PURE__*/_jsx(Slot, {
+      hidden: Boolean(label),
+      children: slot
+    })]
+  });
+});
+Radio.displayName = 'Radio';
+export default Radio;
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","View","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","SelectorV2Size","useNativeTokens","useReduceMotion","MOTION_DURATION","MOTION_EASING","Pressable","Slot","parseDimension","SelectorContent","jsx","_jsx","jsxs","_jsxs","Radio","checked","onCheckedChange","required","error","label","subLabel","size","MD","disabled","slot","accessibilityLabel","testID","style","ref","tokens","reduceMotion","indicatorState","interactionState","progress","value","duration","normal","easing","bezier","standard","dotStyle","transform","scale","ringSize","radio","height","borderWidth","Number","dotSize","select","onPress","flexDirection","alignItems","gap","accessibilityRole","accessibilityState","children","undefined","width","borderRadius","justifyContent","backgroundColor","String","indicator","borderColor","activeIndicator","active","state","content","hidden","Boolean","displayName"],"sourceRoot":"../../../../src","sources":["components/Radio/Radio.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/components/Radio/radio.types.js

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

package/lib/module/components/Radio/radio.types.js.map

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