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

package/lib/commonjs/components/StatCard/StatCard.js

@@ -0,0 +1,334 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _node = require("@juspay/blend-design-system/node");
+var _useNativeTokens = require("../../theme/useNativeTokens.js");
+var _useNativeBreakpoint = require("../../theme/useNativeBreakpoint.js");
+var _cssStringAdapter = require("../../adapters/cssStringAdapter.js");
+var _Block = _interopRequireDefault(require("../../primitives/Block.js"));
+var _Text = _interopRequireDefault(require("../../primitives/Text.js"));
+var _index = require("../Skeleton/index.js");
+var _index2 = require("../ProgressBar/index.js");
+var _index3 = require("../Sparkline/index.js");
+var _statcardUtils = require("./statcard.utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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__*/(0, _react.forwardRef)(function StatCard({
+  title,
+  titleIcon,
+  actionIcon,
+  value,
+  progressValue,
+  chartData,
+  chartType,
+  change,
+  subtitle,
+  variant = _node.StatCardV2Variant.NUMBER,
+  showBorder = true,
+  skeleton,
+  width = '100%',
+  minWidth,
+  maxWidth,
+  height,
+  children,
+  accessibilityLabel,
+  testID,
+  style
+}, ref) {
+  const tokens = (0, _useNativeTokens.useNativeTokens)('STATCARDV2');
+  const breakpoint = (0, _useNativeBreakpoint.useNativeBreakpoint)();
+  const isSmallScreen = breakpoint === 'sm';
+  const isChartVariant = variant === _node.StatCardV2Variant.CHART;
+  const isProgressBarVariant = variant === _node.StatCardV2Variant.PROGRESS_BAR;
+  const isNumberVariant = variant === _node.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 ?? _node.StatCardV2ChangeType.INCREASE;
+  const effectiveArrowDirection = change?.arrowDirection ?? _node.StatCardV2ArrowDirection.UP;
+  const hasValue = value !== undefined && value !== null && value !== '';
+  const hasProgressValue = progressValue !== undefined && progressValue !== null;
+  const cardLabel = (0, _react.useMemo)(() => accessibilityLabel ?? (0, _statcardUtils.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 ? (0, _cssStringAdapter.parseDimension)(tokens.paddingTop) : undefined,
+    paddingBottom: showBorder ? (0, _cssStringAdapter.parseDimension)(tokens.paddingBottom) : undefined,
+    paddingLeft: showBorder ? (0, _cssStringAdapter.parseDimension)(tokens.paddingLeft) : undefined,
+    paddingRight: showBorder ? (0, _cssStringAdapter.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__*/(0, _jsxRuntime.jsx)(_Block.default, {
+      ref: ref,
+      width: resolvedWidth,
+      maxWidth: surface.maxWidth,
+      height: skeletonHeight,
+      accessibilityLabel: cardLabel,
+      testID: testID,
+      style: style,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.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__*/(0, _jsxRuntime.jsxs)(_Block.default, {
+      ref: ref,
+      ...surface,
+      accessibilityRole: "summary",
+      accessibilityLabel: cardLabel || title,
+      testID: testID,
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StatCardTitle, {
+        title: title,
+        tokens: tokens
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        fontSize: valueTokens.fontSize,
+        fontWeight: valueTokens.fontWeight,
+        color: String(valueTokens.color),
+        lineHeight: valueTokens.lineHeight,
+        children: FALLBACK_DISPLAY
+      }), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StatCardSubtitle, {
+        subtitle: subtitle,
+        tokens: tokens
+      }) : null]
+    });
+  }
+
+  // --- Main render ----------------------------------------------------
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.default, {
+    ref: ref,
+    ...surface,
+    flexDirection: "column",
+    justifyContent: "space-between",
+    gap: (0, _cssStringAdapter.parseDimension)(tokens.topContainer.gap),
+    accessibilityRole: "summary",
+    accessibilityLabel: cardLabel || title,
+    testID: testID,
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: isNumberVariant ? 'column' : 'row',
+        alignItems: contentAlignment,
+        gap: (0, _cssStringAdapter.parseDimension)(tokens.topContainer.gap)
+      },
+      children: [actionIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          position: 'absolute',
+          top: 0,
+          right: 0,
+          flexShrink: 0
+        },
+        children: actionIcon
+      }) : null, titleIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flexShrink: 0
+        },
+        children: titleIcon
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexShrink: 1,
+          flexGrow: 1,
+          flexDirection: 'column',
+          gap: (0, _cssStringAdapter.parseDimension)(t.gap),
+          alignItems: contentAlignment
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StatCardTitle, {
+          title: title,
+          tokens: tokens
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'column',
+            alignItems: contentAlignment
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: (0, _cssStringAdapter.parseDimension)(t.statsContainer.gap)
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+              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__*/(0, _jsxRuntime.jsx)(StatCardChange, {
+              change: change,
+              changeType: effectiveChangeType,
+              arrowDirection: effectiveArrowDirection,
+              tokens: tokens
+            }) : null]
+          }), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StatCardSubtitle, {
+            subtitle: subtitle,
+            tokens: tokens
+          }) : null]
+        })]
+      })]
+    }), isProgressBarVariant && (hasProgressValue ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.ProgressBar, {
+      value: progressValue,
+      size: _node.ProgressBarV2Size.SM,
+      variant: _node.ProgressBarV2Variant.LINEAR,
+      appearance: _node.ProgressBarV2Appearance.SEGMENTED,
+      showLabel: true
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      fontSize: valueTokens.fontSize,
+      fontWeight: valueTokens.fontWeight,
+      color: String(valueTokens.color),
+      lineHeight: valueTokens.lineHeight,
+      children: FALLBACK_DISPLAY
+    })), isChartVariant && (chartData?.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: '100%'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Sparkline, {
+        data: chartData,
+        type: chartType ?? 'area',
+        height: 50
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      fontSize: valueTokens.fontSize,
+      fontWeight: valueTokens.fontWeight,
+      color: String(valueTokens.color),
+      lineHeight: valueTokens.lineHeight,
+      children: FALLBACK_DISPLAY
+    })), children]
+  });
+});
+StatCard.displayName = 'StatCard';
+var _default = exports.default = StatCard; // --- Sub-components --------------------------------------------------------
+function StatCardTitle({
+  title,
+  tokens
+}) {
+  const tc = tokens.topContainer.dataContainer.titleContainer;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: (0, _cssStringAdapter.parseDimension)(tc.gap),
+      flexShrink: 1
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      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__*/(0, _jsxRuntime.jsx)(_Text.default, {
+    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 = (0, _cssStringAdapter.parseDimension)(ct.arrow.width) ?? 12;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: (0, _cssStringAdapter.parseDimension)(ct.gap),
+      flexShrink: 0
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: arrowSize,
+        height: arrowSize,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        fontSize: arrowSize,
+        color: arrowColor,
+        style: {
+          includeFontPadding: false
+        },
+        children: arrowDirection === _node.StatCardV2ArrowDirection.UP ? '↑' : '↓'
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      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/commonjs/components/StatCard/StatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_node","_useNativeTokens","_useNativeBreakpoint","_cssStringAdapter","_Block","_interopRequireDefault","_Text","_index","_index2","_index3","_statcardUtils","_jsxRuntime","e","__esModule","default","FALLBACK_DISPLAY","SKELETON_CARD_HEIGHT","noAuto","value","undefined","StatCard","forwardRef","title","titleIcon","actionIcon","progressValue","chartData","chartType","change","subtitle","variant","StatCardV2Variant","NUMBER","showBorder","skeleton","width","minWidth","maxWidth","height","children","accessibilityLabel","testID","style","ref","tokens","useNativeTokens","breakpoint","useNativeBreakpoint","isSmallScreen","isChartVariant","CHART","isProgressBarVariant","PROGRESS_BAR","isNumberVariant","contentAlignment","effectiveChangeType","changeType","StatCardV2ChangeType","INCREASE","effectiveArrowDirection","arrowDirection","StatCardV2ArrowDirection","UP","hasValue","hasProgressValue","cardLabel","useMemo","buildStatCardAriaLabel","t","topContainer","dataContainer","valueTokens","statsContainer","surface","paddingTop","parseDimension","paddingBottom","paddingLeft","paddingRight","border","String","borderRadius","backgroundColor","boxShadow","show","skeletonHeight","resolvedWidth","jsx","Skeleton","shape","hasChartData","length","hasNoData","jsxs","accessibilityRole","StatCardTitle","fontSize","fontWeight","color","lineHeight","StatCardSubtitle","flexDirection","justifyContent","gap","View","alignItems","position","top","right","flexShrink","flexGrow","numberOfLines","StatCardChange","ProgressBar","size","ProgressBarV2Size","SM","ProgressBarV2Variant","LINEAR","appearance","ProgressBarV2Appearance","SEGMENTED","showLabel","Sparkline","data","type","displayName","_default","exports","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/commonjs/components/StatCard/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StatCard", {
+  enumerable: true,
+  get: function () {
+    return _StatCard.default;
+  }
+});
+Object.defineProperty(exports, "buildStatCardAriaLabel", {
+  enumerable: true,
+  get: function () {
+    return _statcardUtils.buildStatCardAriaLabel;
+  }
+});
+var _StatCard = _interopRequireDefault(require("./StatCard.js"));
+var _statcardUtils = require("./statcard.utils.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_StatCard","_interopRequireDefault","require","_statcardUtils","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/StatCard/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMA,IAAAC,cAAA,GAAAD,OAAA;AAAyD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=statcard.types.js.map

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildStatCardAriaLabel = void 0;
+var _node = require("@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.
+ */
+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 ?? _node.StatCardV2ChangeType.INCREASE) === _node.StatCardV2ChangeType.INCREASE ? 'increased' : 'decreased';
+    const formattedChange = `${change.leftSymbol ?? ''}${change.value}${change.rightSymbol ?? ''}`;
+    parts.push(`${directionText} by ${formattedChange}`.trim());
+  }
+  return parts.join(', ');
+};
+exports.buildStatCardAriaLabel = buildStatCardAriaLabel;
+//# sourceMappingURL=statcard.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_node","require","buildStatCardAriaLabel","params","title","value","subtitle","change","parts","push","directionText","changeType","StatCardV2ChangeType","INCREASE","formattedChange","leftSymbol","rightSymbol","trim","join","exports"],"sourceRoot":"../../../../src","sources":["components/StatCard/statcard.utils.ts"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA;AACA;AACA;AACA;AACA;AACO,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,IAAIC,0BAAoB,CAACC,QAAQ,MACnDD,0BAAoB,CAACC,QAAQ,GACvB,WAAW,GACX,WAAW;IAErB,MAAMC,eAAe,GAAG,GAAGP,MAAM,CAACQ,UAAU,IAAI,EAAE,GAAGR,MAAM,CAACF,KAAK,GAAGE,MAAM,CAACS,WAAW,IAAI,EAAE,EAAE;IAE9FR,KAAK,CAACC,IAAI,CAAC,GAAGC,aAAa,OAAOI,eAAe,EAAE,CAACG,IAAI,CAAC,CAAC,CAAC;EAC/D;EAEA,OAAOT,KAAK,CAACU,IAAI,CAAC,IAAI,CAAC;AAC3B,CAAC;AAAAC,OAAA,CAAAjB,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/commonjs/components/Switch/Switch.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _node = require("@juspay/blend-design-system/node");
+var _useNativeTokens = require("../../theme/useNativeTokens.js");
+var _useReduceMotion = require("../../motion/useReduceMotion.js");
+var _motion = require("../../motion/motion.js");
+var _Pressable = _interopRequireDefault(require("../../primitives/Pressable.js"));
+var _Slot = _interopRequireDefault(require("../../primitives/Slot.js"));
+var _cssStringAdapter = require("../../adapters/cssStringAdapter.js");
+var _SelectorContent = require("../shared/selector/SelectorContent.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+/** 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__*/(0, _react.forwardRef)(function Switch({
+  checked = false,
+  onCheckedChange,
+  required = false,
+  error = false,
+  label,
+  subLabel,
+  size = _node.SelectorV2Size.MD,
+  disabled = false,
+  slot,
+  accessibilityLabel,
+  testID,
+  style
+}, ref) {
+  const tokens = (0, _useNativeTokens.useNativeTokens)('SWITCHV2');
+  const reduceMotion = (0, _useReduceMotion.useReduceMotion)();
+  const trackWidth = (0, _cssStringAdapter.parseDimension)(tokens.switch.width[size]) ?? 32;
+  const trackHeight = (0, _cssStringAdapter.parseDimension)(tokens.switch.height[size]) ?? 16;
+  const thumbWidth = (0, _cssStringAdapter.parseDimension)(tokens.switch.thumb.width[size]) ?? 14;
+  const thumbHeight = (0, _cssStringAdapter.parseDimension)(tokens.switch.thumb.height[size]) ?? 14;
+  const travel = Math.max(0, trackWidth - thumbWidth - 2 * THUMB_INSET);
+  const progress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
+  (0, _react.useEffect)(() => {
+    if (reduceMotion) {
+      progress.value = checked ? 1 : 0;
+      return;
+    }
+    progress.value = (0, _reactNativeReanimated.withTiming)(checked ? 1 : 0, {
+      duration: _motion.MOTION_DURATION.normal,
+      easing: _reactNativeReanimated.Easing.bezier(..._motion.MOTION_EASING.standard)
+    });
+  }, [progress, checked, reduceMotion]);
+  const thumbStyle = (0, _reactNativeReanimated.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__*/(0, _jsxRuntime.jsxs)(_Pressable.default, {
+    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__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.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__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.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'),
+          ...(0, _cssStringAdapter.parseBorder)(String(tokens.switch.thumb.border ?? 'none'))
+        }, thumbStyle]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectorContent.SelectorContent, {
+      label: label,
+      subLabel: subLabel,
+      required: required,
+      size: size,
+      state: contentState,
+      tokens: tokens.content,
+      testID: testID ? `${testID}-content` : undefined
+    }), slot && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.default, {
+      hidden: Boolean(label),
+      children: slot
+    })]
+  });
+});
+Switch.displayName = 'Switch';
+var _default = exports.default = Switch;
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireWildcard","_node","_useNativeTokens","_useReduceMotion","_motion","_Pressable","_interopRequireDefault","_Slot","_cssStringAdapter","_SelectorContent","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","THUMB_INSET","Switch","forwardRef","checked","onCheckedChange","required","error","label","subLabel","size","SelectorV2Size","MD","disabled","slot","accessibilityLabel","testID","style","ref","tokens","useNativeTokens","reduceMotion","useReduceMotion","trackWidth","parseDimension","switch","width","trackHeight","height","thumbWidth","thumb","thumbHeight","travel","Math","max","progress","useSharedValue","useEffect","value","withTiming","duration","MOTION_DURATION","normal","easing","Easing","bezier","MOTION_EASING","standard","thumbStyle","useAnimatedStyle","transform","translateX","trackState","interactionState","contentState","jsxs","onPress","flexDirection","alignItems","gap","accessibilityRole","accessibilityState","children","jsx","View","undefined","borderRadius","justifyContent","backgroundColor","String","position","left","parseBorder","border","SelectorContent","state","content","hidden","Boolean","displayName","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Switch/Switch.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () {
+    return _Switch.default;
+  }
+});
+var _Switch = _interopRequireDefault(require("./Switch.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Switch","_interopRequireDefault","require","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/Switch/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4C,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=switch.types.js.map

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

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