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

package/lib/module/components/StatCard/StatCard.js

@@ -0,0 +1,333 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { View } from 'react-native';
+import { StatCardV2ArrowDirection, StatCardV2ChangeType, StatCardV2Variant } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { useNativeBreakpoint } from "../../theme/useNativeBreakpoint.js";
+import { parseDimension } from "../../adapters/cssStringAdapter.js";
+import Block from "../../primitives/Block.js";
+import Text from "../../primitives/Text.js";
+import { Skeleton } from "../Skeleton/index.js";
+import { ProgressBar } from "../ProgressBar/index.js";
+import { ProgressBarV2Appearance, ProgressBarV2Size, ProgressBarV2Variant } from '@juspay/blend-design-system/node';
+import { Sparkline } from "../Sparkline/index.js";
+import { buildStatCardAriaLabel } from "./statcard.utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FALLBACK_DISPLAY = '--';
+/** Web's StatCardV2Skeleton default — 106px block that approximates the card's real chrome. */
+const SKELETON_CARD_HEIGHT = 106;
+
+/** RN's default for width/height is already `auto` — emitting the string
+ * can stretch the view instead. Normalize to `undefined`. */
+function noAuto(value) {
+  return value === 'auto' ? undefined : value;
+}
+
+/**
+ * StatCard — the native port of web's `StatCardV2`.
+ *
+ * Renders a titled stat card with an optional value, change indicator,
+ * subtitle, a progress bar (for the `PROGRESS_BAR` variant), or a sparkline
+ * (for the `CHART` variant, via the sibling `Sparkline` component).
+ */
+const StatCard = /*#__PURE__*/forwardRef(function StatCard({
+  title,
+  titleIcon,
+  actionIcon,
+  value,
+  progressValue,
+  chartData,
+  chartType,
+  change,
+  subtitle,
+  variant = StatCardV2Variant.NUMBER,
+  showBorder = true,
+  skeleton,
+  width = '100%',
+  minWidth,
+  maxWidth,
+  height,
+  children,
+  accessibilityLabel,
+  testID,
+  style
+}, ref) {
+  const tokens = useNativeTokens('STATCARDV2');
+  const breakpoint = useNativeBreakpoint();
+  const isSmallScreen = breakpoint === 'sm';
+  const isChartVariant = variant === StatCardV2Variant.CHART;
+  const isProgressBarVariant = variant === StatCardV2Variant.PROGRESS_BAR;
+  const isNumberVariant = variant === StatCardV2Variant.NUMBER;
+
+  // Web parity: the NUMBER variant centres its content only on wide
+  // viewports; small screens left-align.
+  const contentAlignment = isNumberVariant && !isSmallScreen ? 'center' : 'flex-start';
+  const effectiveChangeType = change?.changeType ?? StatCardV2ChangeType.INCREASE;
+  const effectiveArrowDirection = change?.arrowDirection ?? StatCardV2ArrowDirection.UP;
+  const hasValue = value !== undefined && value !== null && value !== '';
+  const hasProgressValue = progressValue !== undefined && progressValue !== null;
+  const cardLabel = useMemo(() => accessibilityLabel ?? buildStatCardAriaLabel({
+    title,
+    value,
+    subtitle,
+    change
+  }), [accessibilityLabel, title, value, subtitle, change]);
+  const t = tokens.topContainer.dataContainer;
+  const valueTokens = t.statsContainer.value[variant];
+  const surface = {
+    paddingTop: showBorder ? parseDimension(tokens.paddingTop) : undefined,
+    paddingBottom: showBorder ? parseDimension(tokens.paddingBottom) : undefined,
+    paddingLeft: showBorder ? parseDimension(tokens.paddingLeft) : undefined,
+    paddingRight: showBorder ? parseDimension(tokens.paddingRight) : undefined,
+    border: showBorder ? String(tokens.border) : undefined,
+    borderRadius: tokens.borderRadius,
+    backgroundColor: String(tokens.backgroundColor),
+    boxShadow: showBorder ? String(tokens.boxShadow) : undefined,
+    // `auto` has no effect as an explicit Yoga style value and can
+    // stretch the card in containers that centre their children —
+    // omitting the key gives the true shrink-to-fit behaviour.
+    width: noAuto(width ?? tokens.width),
+    minWidth: minWidth ?? tokens.minWidth,
+    maxWidth: maxWidth ?? tokens.maxWidth,
+    height: noAuto(height ?? tokens.height)
+  };
+
+  // --- Skeleton -------------------------------------------------------
+  if (skeleton?.show) {
+    // Parity with web's StatCardV2Skeleton: a single placeholder block,
+    // not a recoloured card. Use Skeleton's block mode (no children) so
+    // the explicit width/height actually land — in wrap mode Skeleton
+    // size-matches its child, which collapses to nothing here.
+    const skeletonHeight = skeleton.height ?? SKELETON_CARD_HEIGHT;
+    const resolvedWidth = surface.width ?? surface.maxWidth ?? surface.minWidth ?? '100%';
+    return /*#__PURE__*/_jsx(Block, {
+      ref: ref,
+      width: resolvedWidth,
+      maxWidth: surface.maxWidth,
+      height: skeletonHeight,
+      accessibilityLabel: cardLabel,
+      testID: testID,
+      style: style,
+      children: /*#__PURE__*/_jsx(Skeleton, {
+        variant: skeleton.variant,
+        shape: "rounded",
+        width: resolvedWidth,
+        height: skeletonHeight,
+        testID: testID
+      })
+    });
+  }
+
+  // --- No-data state --------------------------------------------------
+  const hasChartData = chartData !== undefined && chartData.length > 0;
+  const hasNoData = !hasValue && !change && !hasProgressValue && !hasChartData && !children;
+  if (hasNoData) {
+    return /*#__PURE__*/_jsxs(Block, {
+      ref: ref,
+      ...surface,
+      accessibilityRole: "summary",
+      accessibilityLabel: cardLabel || title,
+      testID: testID,
+      style: style,
+      children: [/*#__PURE__*/_jsx(StatCardTitle, {
+        title: title,
+        tokens: tokens
+      }), /*#__PURE__*/_jsx(Text, {
+        fontSize: valueTokens.fontSize,
+        fontWeight: valueTokens.fontWeight,
+        color: String(valueTokens.color),
+        lineHeight: valueTokens.lineHeight,
+        children: FALLBACK_DISPLAY
+      }), subtitle ? /*#__PURE__*/_jsx(StatCardSubtitle, {
+        subtitle: subtitle,
+        tokens: tokens
+      }) : null]
+    });
+  }
+
+  // --- Main render ----------------------------------------------------
+  return /*#__PURE__*/_jsxs(Block, {
+    ref: ref,
+    ...surface,
+    flexDirection: "column",
+    justifyContent: "space-between",
+    gap: parseDimension(tokens.topContainer.gap),
+    accessibilityRole: "summary",
+    accessibilityLabel: cardLabel || title,
+    testID: testID,
+    style: style,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: isNumberVariant ? 'column' : 'row',
+        alignItems: contentAlignment,
+        gap: parseDimension(tokens.topContainer.gap)
+      },
+      children: [actionIcon ? /*#__PURE__*/_jsx(View, {
+        style: {
+          position: 'absolute',
+          top: 0,
+          right: 0,
+          flexShrink: 0
+        },
+        children: actionIcon
+      }) : null, titleIcon ? /*#__PURE__*/_jsx(View, {
+        style: {
+          flexShrink: 0
+        },
+        children: titleIcon
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexShrink: 1,
+          flexGrow: 1,
+          flexDirection: 'column',
+          gap: parseDimension(t.gap),
+          alignItems: contentAlignment
+        },
+        children: [/*#__PURE__*/_jsx(StatCardTitle, {
+          title: title,
+          tokens: tokens
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'column',
+            alignItems: contentAlignment
+          },
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: parseDimension(t.statsContainer.gap)
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              fontSize: valueTokens.fontSize,
+              fontWeight: valueTokens.fontWeight,
+              color: String(valueTokens.color),
+              lineHeight: valueTokens.lineHeight,
+              numberOfLines: 1,
+              style: {
+                flexShrink: 1
+              },
+              children: hasValue ? value : FALLBACK_DISPLAY
+            }), change ? /*#__PURE__*/_jsx(StatCardChange, {
+              change: change,
+              changeType: effectiveChangeType,
+              arrowDirection: effectiveArrowDirection,
+              tokens: tokens
+            }) : null]
+          }), subtitle ? /*#__PURE__*/_jsx(StatCardSubtitle, {
+            subtitle: subtitle,
+            tokens: tokens
+          }) : null]
+        })]
+      })]
+    }), isProgressBarVariant && (hasProgressValue ? /*#__PURE__*/_jsx(ProgressBar, {
+      value: progressValue,
+      size: ProgressBarV2Size.SM,
+      variant: ProgressBarV2Variant.LINEAR,
+      appearance: ProgressBarV2Appearance.SEGMENTED,
+      showLabel: true
+    }) : /*#__PURE__*/_jsx(Text, {
+      fontSize: valueTokens.fontSize,
+      fontWeight: valueTokens.fontWeight,
+      color: String(valueTokens.color),
+      lineHeight: valueTokens.lineHeight,
+      children: FALLBACK_DISPLAY
+    })), isChartVariant && (chartData?.length ? /*#__PURE__*/_jsx(View, {
+      style: {
+        width: '100%'
+      },
+      children: /*#__PURE__*/_jsx(Sparkline, {
+        data: chartData,
+        type: chartType ?? 'area',
+        height: 50
+      })
+    }) : /*#__PURE__*/_jsx(Text, {
+      fontSize: valueTokens.fontSize,
+      fontWeight: valueTokens.fontWeight,
+      color: String(valueTokens.color),
+      lineHeight: valueTokens.lineHeight,
+      children: FALLBACK_DISPLAY
+    })), children]
+  });
+});
+StatCard.displayName = 'StatCard';
+export default StatCard;
+
+// --- Sub-components --------------------------------------------------------
+
+function StatCardTitle({
+  title,
+  tokens
+}) {
+  const tc = tokens.topContainer.dataContainer.titleContainer;
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: parseDimension(tc.gap),
+      flexShrink: 1
+    },
+    children: /*#__PURE__*/_jsx(Text, {
+      fontSize: tc.title.fontSize,
+      fontWeight: tc.title.fontWeight,
+      color: String(tc.title.color),
+      lineHeight: tc.title.lineHeight,
+      numberOfLines: 1,
+      children: title
+    })
+  });
+}
+function StatCardSubtitle({
+  subtitle,
+  tokens
+}) {
+  const st = tokens.topContainer.dataContainer.subtitle;
+  return /*#__PURE__*/_jsx(Text, {
+    fontSize: st.fontSize,
+    fontWeight: st.fontWeight,
+    color: String(st.color),
+    lineHeight: st.lineHeight,
+    children: subtitle
+  });
+}
+function StatCardChange({
+  change,
+  changeType,
+  arrowDirection,
+  tokens
+}) {
+  const ct = tokens.topContainer.dataContainer.statsContainer.changeContainer;
+  const arrowColor = String(ct.arrow.color[changeType]);
+  const arrowSize = parseDimension(ct.arrow.width) ?? 12;
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: parseDimension(ct.gap),
+      flexShrink: 0
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: arrowSize,
+        height: arrowSize,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        fontSize: arrowSize,
+        color: arrowColor,
+        style: {
+          includeFontPadding: false
+        },
+        children: arrowDirection === StatCardV2ArrowDirection.UP ? '↑' : '↓'
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      fontSize: ct.change.fontSize,
+      fontWeight: ct.change.fontWeight,
+      color: String(ct.change.color[changeType]),
+      lineHeight: ct.change.lineHeight,
+      children: `${change.leftSymbol ?? ''}${change.value}${change.rightSymbol ?? ''}`
+    })]
+  });
+}
+//# sourceMappingURL=StatCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","View","StatCardV2ArrowDirection","StatCardV2ChangeType","StatCardV2Variant","useNativeTokens","useNativeBreakpoint","parseDimension","Block","Text","Skeleton","ProgressBar","ProgressBarV2Appearance","ProgressBarV2Size","ProgressBarV2Variant","Sparkline","buildStatCardAriaLabel","jsx","_jsx","jsxs","_jsxs","FALLBACK_DISPLAY","SKELETON_CARD_HEIGHT","noAuto","value","undefined","StatCard","title","titleIcon","actionIcon","progressValue","chartData","chartType","change","subtitle","variant","NUMBER","showBorder","skeleton","width","minWidth","maxWidth","height","children","accessibilityLabel","testID","style","ref","tokens","breakpoint","isSmallScreen","isChartVariant","CHART","isProgressBarVariant","PROGRESS_BAR","isNumberVariant","contentAlignment","effectiveChangeType","changeType","INCREASE","effectiveArrowDirection","arrowDirection","UP","hasValue","hasProgressValue","cardLabel","t","topContainer","dataContainer","valueTokens","statsContainer","surface","paddingTop","paddingBottom","paddingLeft","paddingRight","border","String","borderRadius","backgroundColor","boxShadow","show","skeletonHeight","resolvedWidth","shape","hasChartData","length","hasNoData","accessibilityRole","StatCardTitle","fontSize","fontWeight","color","lineHeight","StatCardSubtitle","flexDirection","justifyContent","gap","alignItems","position","top","right","flexShrink","flexGrow","numberOfLines","StatCardChange","size","SM","LINEAR","appearance","SEGMENTED","showLabel","data","type","displayName","tc","titleContainer","st","ct","changeContainer","arrowColor","arrow","arrowSize","includeFontPadding","leftSymbol","rightSymbol"],"sourceRoot":"../../../../src","sources":["components/StatCard/StatCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as StatCard } from "./StatCard.js";
+export { buildStatCardAriaLabel } from "./statcard.utils.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","StatCard","buildStatCardAriaLabel"],"sourceRoot":"../../../../src","sources":["components/StatCard/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,eAAY;AAMhD,SAASC,sBAAsB,QAAQ,qBAAkB","ignoreList":[]}

package/lib/module/components/StatCard/statcard.types.js

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

package/lib/module/components/StatCard/statcard.types.js.map

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

package/lib/module/components/StatCard/statcard.utils.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { StatCardV2ChangeType } from '@juspay/blend-design-system/node';
+/**
+ * Build an accessibility label from the card's data, mirroring web's
+ * `buildStatCardV2AriaLabel`. Joins title, value, subtitle, and a
+ * "increased/decreased by X" phrase for the change.
+ */
+export const buildStatCardAriaLabel = params => {
+  const {
+    title,
+    value,
+    subtitle,
+    change
+  } = params;
+  const parts = [];
+  if (title) parts.push(title);
+  if (value) parts.push(value);
+  if (subtitle) parts.push(subtitle);
+  if (change?.value) {
+    const directionText = (change.changeType ?? StatCardV2ChangeType.INCREASE) === StatCardV2ChangeType.INCREASE ? 'increased' : 'decreased';
+    const formattedChange = `${change.leftSymbol ?? ''}${change.value}${change.rightSymbol ?? ''}`;
+    parts.push(`${directionText} by ${formattedChange}`.trim());
+  }
+  return parts.join(', ');
+};
+//# sourceMappingURL=statcard.utils.js.map

package/lib/module/components/StatCard/statcard.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StatCardV2ChangeType","buildStatCardAriaLabel","params","title","value","subtitle","change","parts","push","directionText","changeType","INCREASE","formattedChange","leftSymbol","rightSymbol","trim","join"],"sourceRoot":"../../../../src","sources":["components/StatCard/statcard.utils.ts"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,kCAAkC;AAGvE;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAIC,MAKtC,IAAK;EACF,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGJ,MAAM;EAEjD,MAAMK,KAAe,GAAG,EAAE;EAE1B,IAAIJ,KAAK,EAAEI,KAAK,CAACC,IAAI,CAACL,KAAK,CAAC;EAC5B,IAAIC,KAAK,EAAEG,KAAK,CAACC,IAAI,CAACJ,KAAK,CAAC;EAC5B,IAAIC,QAAQ,EAAEE,KAAK,CAACC,IAAI,CAACH,QAAQ,CAAC;EAElC,IAAIC,MAAM,EAAEF,KAAK,EAAE;IACf,MAAMK,aAAa,GACf,CAACH,MAAM,CAACI,UAAU,IAAIV,oBAAoB,CAACW,QAAQ,MACnDX,oBAAoB,CAACW,QAAQ,GACvB,WAAW,GACX,WAAW;IAErB,MAAMC,eAAe,GAAG,GAAGN,MAAM,CAACO,UAAU,IAAI,EAAE,GAAGP,MAAM,CAACF,KAAK,GAAGE,MAAM,CAACQ,WAAW,IAAI,EAAE,EAAE;IAE9FP,KAAK,CAACC,IAAI,CAAC,GAAGC,aAAa,OAAOG,eAAe,EAAE,CAACG,IAAI,CAAC,CAAC,CAAC;EAC/D;EAEA,OAAOR,KAAK,CAACS,IAAI,CAAC,IAAI,CAAC;AAC3B,CAAC","ignoreList":[]}

package/lib/module/components/Switch/Switch.js

@@ -0,0 +1,118 @@
+"use strict";
+
+import { forwardRef, useEffect } from 'react';
+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 { parseBorder, parseDimension } from "../../adapters/cssStringAdapter.js";
+import { SelectorContent } from "../shared/selector/SelectorContent.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Web positions the thumb at `top: 1px; left: 1px` — the track inset. */
+const THUMB_INSET = 1;
+
+/**
+ * Switch — the native port of web's `SwitchV2`.
+ *
+ * Track + absolutely-positioned thumb sliding on the motion layer. The
+ * thumb's travel is COMPUTED from the track and thumb width tokens
+ * (`trackWidth − thumbWidth − 2×inset`) — web hardcodes `12px`/`16px` in
+ * the component, so the computed form stays correct if the tokens change.
+ * The whole row is one pressable (label-tap toggles).
+ */
+const Switch = /*#__PURE__*/forwardRef(function Switch({
+  checked = false,
+  onCheckedChange,
+  required = false,
+  error = false,
+  label,
+  subLabel,
+  size = SelectorV2Size.MD,
+  disabled = false,
+  slot,
+  accessibilityLabel,
+  testID,
+  style
+}, ref) {
+  const tokens = useNativeTokens('SWITCHV2');
+  const reduceMotion = useReduceMotion();
+  const trackWidth = parseDimension(tokens.switch.width[size]) ?? 32;
+  const trackHeight = parseDimension(tokens.switch.height[size]) ?? 16;
+  const thumbWidth = parseDimension(tokens.switch.thumb.width[size]) ?? 14;
+  const thumbHeight = parseDimension(tokens.switch.thumb.height[size]) ?? 14;
+  const travel = Math.max(0, trackWidth - thumbWidth - 2 * THUMB_INSET);
+  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 thumbStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: progress.value * travel
+    }]
+  }), [travel]);
+  const trackState = checked ? 'checked' : 'unchecked';
+  const interactionState = disabled ? 'disabled' : 'default';
+  const contentState = disabled ? 'disabled' : error ? 'error' : 'default';
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ref: ref,
+    onPress: () => onCheckedChange?.(!checked),
+    disabled: disabled,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: tokens.gap,
+    accessibilityRole: "switch",
+    accessibilityState: {
+      checked,
+      disabled
+    },
+    accessibilityLabel: accessibilityLabel ?? label,
+    testID: testID,
+    style: style,
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      testID: testID ? `${testID}-track` : undefined,
+      style: {
+        width: trackWidth,
+        height: trackHeight,
+        borderRadius: trackHeight / 2,
+        justifyContent: 'center',
+        backgroundColor: String(tokens.switch.backgroundColor[trackState]?.[interactionState] ?? 'transparent')
+      },
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        testID: testID ? `${testID}-thumb` : undefined,
+        style: [{
+          position: 'absolute',
+          left: THUMB_INSET,
+          width: thumbWidth,
+          height: thumbHeight,
+          borderRadius: thumbHeight / 2,
+          backgroundColor: String(tokens.switch.thumb.backgroundColor ?? '#FFFFFF'),
+          ...parseBorder(String(tokens.switch.thumb.border ?? 'none'))
+        }, thumbStyle]
+      })
+    }), /*#__PURE__*/_jsx(SelectorContent, {
+      label: label,
+      subLabel: subLabel,
+      required: required,
+      size: size,
+      state: contentState,
+      tokens: tokens.content,
+      testID: testID ? `${testID}-content` : undefined
+    }), slot && /*#__PURE__*/_jsx(Slot, {
+      hidden: Boolean(label),
+      children: slot
+    })]
+  });
+});
+Switch.displayName = 'Switch';
+export default Switch;
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","SelectorV2Size","useNativeTokens","useReduceMotion","MOTION_DURATION","MOTION_EASING","Pressable","Slot","parseBorder","parseDimension","SelectorContent","jsx","_jsx","jsxs","_jsxs","THUMB_INSET","Switch","checked","onCheckedChange","required","error","label","subLabel","size","MD","disabled","slot","accessibilityLabel","testID","style","ref","tokens","reduceMotion","trackWidth","switch","width","trackHeight","height","thumbWidth","thumb","thumbHeight","travel","Math","max","progress","value","duration","normal","easing","bezier","standard","thumbStyle","transform","translateX","trackState","interactionState","contentState","onPress","flexDirection","alignItems","gap","accessibilityRole","accessibilityState","children","View","undefined","borderRadius","justifyContent","backgroundColor","String","position","left","border","state","content","hidden","Boolean","displayName"],"sourceRoot":"../../../../src","sources":["components/Switch/Switch.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/components/Switch/switch.types.js

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

package/lib/module/components/Switch/switch.types.js.map

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

package/lib/module/components/Tabs/Tabs.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { TabsV2Size, TabsV2Variant } from '@juspay/blend-design-system/node';
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { TabsContext } from "./tabs.context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Tabs root — the native port of web's `TabsV2`.
+ *
+ * Provides selection + styling context to `TabsList`/`TabsTrigger`/
+ * `TabsContent`. Controlled and uncontrolled (`value`/`defaultValue`/
+ * `onValueChange`), like web's Radix root.
+ */
+const Tabs = /*#__PURE__*/forwardRef(function Tabs({
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  variant = TabsV2Variant.UNDERLINE,
+  size = TabsV2Size.MD,
+  expanded = false,
+  fitContent = false,
+  disabled = false,
+  children,
+  testID,
+  style
+}, ref) {
+  const [value, setValue] = useControllableState(controlledValue, defaultValue, onValueChange);
+  const layouts = useRef(new Map());
+  const [layoutsVersion, setLayoutsVersion] = useState(0);
+  const registerLayout = useCallback((triggerValue, layout) => {
+    const previous = layouts.current.get(triggerValue);
+    if (previous && previous.x === layout.x && previous.width === layout.width) {
+      return;
+    }
+    layouts.current.set(triggerValue, layout);
+    setLayoutsVersion(v => v + 1);
+  }, []);
+  const context = useMemo(() => ({
+    value,
+    setValue: setValue,
+    variant,
+    size,
+    disabled,
+    expanded,
+    layouts,
+    layoutsVersion,
+    registerLayout
+  }), [value, setValue, variant, size, disabled, expanded, layoutsVersion, registerLayout]);
+  return /*#__PURE__*/_jsx(TabsContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      testID: testID,
+      style: [{
+        alignSelf: fitContent ? 'flex-start' : 'stretch'
+      }, style],
+      children: children
+    })
+  });
+});
+Tabs.displayName = 'Tabs';
+export default Tabs;
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","useRef","useState","View","TabsV2Size","TabsV2Variant","useControllableState","TabsContext","jsx","_jsx","Tabs","value","controlledValue","defaultValue","onValueChange","variant","UNDERLINE","size","MD","expanded","fitContent","disabled","children","testID","style","ref","setValue","layouts","Map","layoutsVersion","setLayoutsVersion","registerLayout","triggerValue","layout","previous","current","get","x","width","set","v","context","Provider","alignSelf","displayName"],"sourceRoot":"../../../../src","sources":["components/Tabs/Tabs.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1E,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,EAAEC,aAAa,QAAQ,kCAAkC;AAC5E,SAASC,oBAAoB,QAAQ,qCAAkC;AACvE,SAASC,WAAW,QAA4B,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,IAAI,gBAAGZ,UAAU,CAA0B,SAASY,IAAIA,CAC1D;EACIC,KAAK,EAAEC,eAAe;EACtBC,YAAY;EACZC,aAAa;EACbC,OAAO,GAAGV,aAAa,CAACW,SAAS;EACjCC,IAAI,GAAGb,UAAU,CAACc,EAAE;EACpBC,QAAQ,GAAG,KAAK;EAChBC,UAAU,GAAG,KAAK;EAClBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,MAAM;EACNC;AACJ,CAAC,EACDC,GAAG,EACL;EACE,MAAM,CAACd,KAAK,EAAEe,QAAQ,CAAC,GAAGpB,oBAAoB,CAC1CM,eAAe,EACfC,YAAY,EACZC,aACJ,CAAC;EAED,MAAMa,OAAO,GAAG1B,MAAM,CAAC,IAAI2B,GAAG,CAAwB,CAAC,CAAC;EACxD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG5B,QAAQ,CAAC,CAAC,CAAC;EACvD,MAAM6B,cAAc,GAAGhC,WAAW,CAC9B,CAACiC,YAAoB,EAAEC,MAAqB,KAAK;IAC7C,MAAMC,QAAQ,GAAGP,OAAO,CAACQ,OAAO,CAACC,GAAG,CAACJ,YAAY,CAAC;IAClD,IACIE,QAAQ,IACRA,QAAQ,CAACG,CAAC,KAAKJ,MAAM,CAACI,CAAC,IACvBH,QAAQ,CAACI,KAAK,KAAKL,MAAM,CAACK,KAAK,EACjC;MACE;IACJ;IACAX,OAAO,CAACQ,OAAO,CAACI,GAAG,CAACP,YAAY,EAAEC,MAAM,CAAC;IACzCH,iBAAiB,CAAEU,CAAC,IAAKA,CAAC,GAAG,CAAC,CAAC;EACnC,CAAC,EACD,EACJ,CAAC;EAED,MAAMC,OAAO,GAAGzC,OAAO,CACnB,OAAO;IACHW,KAAK;IACLe,QAAQ,EAAEA,QAAmC;IAC7CX,OAAO;IACPE,IAAI;IACJI,QAAQ;IACRF,QAAQ;IACRQ,OAAO;IACPE,cAAc;IACdE;EACJ,CAAC,CAAC,EACF,CACIpB,KAAK,EACLe,QAAQ,EACRX,OAAO,EACPE,IAAI,EACJI,QAAQ,EACRF,QAAQ,EACRU,cAAc,EACdE,cAAc,CAEtB,CAAC;EAED,oBACItB,IAAA,CAACF,WAAW,CAACmC,QAAQ;IAAC/B,KAAK,EAAE8B,OAAQ;IAAAnB,QAAA,eACjCb,IAAA,CAACN,IAAI;MACDsB,GAAG,EAAEA,GAAI;MACTF,MAAM,EAAEA,MAAO;MACfC,KAAK,EAAE,CACH;QAAEmB,SAAS,EAAEvB,UAAU,GAAG,YAAY,GAAG;MAAU,CAAC,EACpDI,KAAK,CACP;MAAAF,QAAA,EAEDA;IAAQ,CACP;EAAC,CACW,CAAC;AAE/B,CAAC,CAAC;AAEFZ,IAAI,CAACkC,WAAW,GAAG,MAAM;AAEzB,eAAelC,IAAI","ignoreList":[]}

package/lib/module/components/Tabs/TabsContent.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { useTabsContext } from "./tabs.context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** The active tab's panel — renders nothing while its tab is inactive. */
+const TabsContent = /*#__PURE__*/forwardRef(function TabsContent({
+  value,
+  children,
+  testID,
+  style
+}, ref) {
+  const context = useTabsContext('TabsContent');
+  if (context.value !== value) return null;
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    testID: testID,
+    style: style,
+    children: children
+  });
+});
+TabsContent.displayName = 'TabsContent';
+export default TabsContent;
+//# sourceMappingURL=TabsContent.js.map