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

package/lib/commonjs/components/Chart/ChartLegend.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChartLegend = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useNativeTokens = require("../../theme/useNativeTokens.js");
+var _cssStringAdapter = require("../../adapters/cssStringAdapter.js");
+var _Text = _interopRequireDefault(require("../../primitives/Text.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Web hardcodes the legend swatch radius to 4 (`ChartV2Legend.tsx`) instead
+ * of the token's `border.radius[12]` — 12 on a 12×12 swatch would be a full
+ * circle. Native matches the hardcoded 4 for the same reason.
+ */
+const SWATCH_RADIUS = 4;
+
+/**
+ * Legend list for `Chart` — mirrors web's `ChartLegendV2`.
+ *
+ * Renders a horizontal row of tappable legend items, each with a color
+ * swatch and optional value. Tapping toggles visibility (the parent
+ * controls hidden state via `onToggle`).
+ */
+function ChartLegendImpl({
+  items,
+  onToggle,
+  layout = 'horizontal',
+  style
+}) {
+  const tokens = (0, _useNativeTokens.useNativeTokens)('CHARTSV2');
+  const lt = tokens.legends;
+  if (!items || items.length === 0) return null;
+  const swatchW = (0, _cssStringAdapter.parseDimension)(lt.legendItem.shape.width) ?? 12;
+  const swatchH = (0, _cssStringAdapter.parseDimension)(lt.legendItem.shape.height) ?? 12;
+  const itemGap = (0, _cssStringAdapter.parseDimension)(lt.legendItem.gap) ?? 6;
+  const listGap = (0, _cssStringAdapter.parseDimension)(lt.gap) ?? 12;
+  const textGap = (0, _cssStringAdapter.parseDimension)(lt.legendItem.text.gap) ?? 4;
+  const separatorColor = String(lt.legendItem.text.separator.color);
+  const separatorWidth = (0, _cssStringAdapter.parseDimension)(lt.legendItem.text.separator.width);
+  const separatorHeight = (0, _cssStringAdapter.parseDimension)(lt.legendItem.text.separator.height);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      flexDirection: layout === 'horizontal' ? 'row' : 'column',
+      flexWrap: layout === 'horizontal' ? 'wrap' : 'nowrap',
+      gap: listGap
+    }, style],
+    children: items.map(item => {
+      // Web: `!visible ? 0.5 : isDimmed ? 0.3 : 1`. The hover-dim
+      // state (0.3) has no touch equivalent, so only hidden applies.
+      const opacity = item.visible ? 1 : 0.5;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+        onPress: onToggle ? () => onToggle(item.key) : undefined,
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: itemGap,
+          opacity
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            width: swatchW,
+            height: swatchH,
+            borderRadius: SWATCH_RADIUS,
+            backgroundColor: item.color
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: textGap
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+            fontSize: lt.legendItem.text.name.fontSize,
+            fontWeight: lt.legendItem.text.name.fontWeight,
+            color: String(lt.legendItem.text.name.color),
+            lineHeight: lt.legendItem.text.name.lineHeight,
+            children: item.name
+          }), item.value !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            "aria-hidden": true,
+            style: {
+              width: separatorWidth ?? 1,
+              height: separatorHeight ?? 9,
+              backgroundColor: separatorColor,
+              marginHorizontal: 2
+            }
+          }), item.value !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+            fontSize: lt.legendItem.text.value.fontSize,
+            fontWeight: lt.legendItem.text.value.fontWeight,
+            color: String(lt.legendItem.text.value.color),
+            lineHeight: lt.legendItem.text.value.lineHeight,
+            children: String(item.value)
+          })]
+        })]
+      }, item.key);
+    })
+  });
+}
+const ChartLegend = exports.ChartLegend = /*#__PURE__*/(0, _react.memo)(ChartLegendImpl);
+ChartLegend.displayName = 'ChartLegend';
+var _default = exports.default = ChartLegend;
+//# sourceMappingURL=ChartLegend.js.map

package/lib/commonjs/components/Chart/ChartLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_useNativeTokens","_cssStringAdapter","_Text","_interopRequireDefault","_jsxRuntime","e","__esModule","default","SWATCH_RADIUS","ChartLegendImpl","items","onToggle","layout","style","tokens","useNativeTokens","lt","legends","length","swatchW","parseDimension","legendItem","shape","width","swatchH","height","itemGap","gap","listGap","textGap","text","separatorColor","String","separator","color","separatorWidth","separatorHeight","jsx","View","flexDirection","flexWrap","children","map","item","opacity","visible","jsxs","Pressable","onPress","key","undefined","alignItems","borderRadius","backgroundColor","fontSize","name","fontWeight","lineHeight","value","marginHorizontal","ChartLegend","exports","memo","displayName","_default"],"sourceRoot":"../../../../src","sources":["components/Chart/ChartLegend.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Chart/ChartNoData.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _useNativeTokens = require("../../theme/useNativeTokens.js");
+var _Text = _interopRequireDefault(require("../../primitives/Text.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Empty state for `Chart` — mirrors web's `ChartV2NoData`.
+ */
+function ChartNoData({
+  title,
+  subtitle,
+  slot
+}) {
+  const tokens = (0, _useNativeTokens.useNativeTokens)('CHARTSV2');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 8,
+      padding: 16,
+      backgroundColor: String(tokens.chart.backgroundColor)
+    },
+    accessibilityRole: "text",
+    children: [title ?
+    /*#__PURE__*/
+    /* Matches web's `heading.sm` variant: 18/600/24. */
+    (0, _jsxRuntime.jsx)(_Text.default, {
+      fontSize: 18,
+      fontWeight: 600,
+      lineHeight: 24,
+      color: String(tokens.chart.xAxis.title.color),
+      children: title
+    }) : null, subtitle ?
+    /*#__PURE__*/
+    /* Matches web's `body.sm` variant: 12/400/18. */
+    (0, _jsxRuntime.jsx)(_Text.default, {
+      fontSize: 12,
+      fontWeight: 400,
+      lineHeight: 18,
+      color: String(tokens.chart.xAxis.labels.color),
+      children: subtitle
+    }) : null, slot]
+  });
+}
+ChartNoData.displayName = 'ChartNoData';
+var _default = exports.default = ChartNoData;
+//# sourceMappingURL=ChartNoData.js.map

package/lib/commonjs/components/Chart/ChartNoData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useNativeTokens","_Text","_interopRequireDefault","_jsxRuntime","e","__esModule","default","ChartNoData","title","subtitle","slot","tokens","useNativeTokens","jsxs","View","style","alignItems","justifyContent","gap","padding","backgroundColor","String","chart","accessibilityRole","children","jsx","fontSize","fontWeight","lineHeight","color","xAxis","labels","displayName","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Chart/ChartNoData.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAwC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGxC;AACA;AACA;AACA,SAASG,WAAWA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAuB,CAAC,EAAE;EAC9D,MAAMC,MAAM,GAAG,IAAAC,gCAAe,EAAoB,UAAU,CAAC;EAE7D,oBACI,IAAAT,WAAA,CAAAU,IAAA,EAACf,YAAA,CAAAgB,IAAI;IACDC,KAAK,EAAE;MACHC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,GAAG,EAAE,CAAC;MACNC,OAAO,EAAE,EAAE;MACXC,eAAe,EAAEC,MAAM,CAACV,MAAM,CAACW,KAAK,CAACF,eAAe;IACxD,CAAE;IACFG,iBAAiB,EAAC,MAAM;IAAAC,QAAA,GAEvBhB,KAAK;IAAA;IACF;IACA,IAAAL,WAAA,CAAAsB,GAAA,EAACxB,KAAA,CAAAK,OAAI;MACDoB,QAAQ,EAAE,EAAG;MACbC,UAAU,EAAE,GAAI;MAChBC,UAAU,EAAE,EAAG;MACfC,KAAK,EAAER,MAAM,CAACV,MAAM,CAACW,KAAK,CAACQ,KAAK,CAACtB,KAAK,CAACqB,KAAK,CAAE;MAAAL,QAAA,EAE7ChB;IAAK,CACJ,CAAC,GACP,IAAI,EACPC,QAAQ;IAAA;IACL;IACA,IAAAN,WAAA,CAAAsB,GAAA,EAACxB,KAAA,CAAAK,OAAI;MACDoB,QAAQ,EAAE,EAAG;MACbC,UAAU,EAAE,GAAI;MAChBC,UAAU,EAAE,EAAG;MACfC,KAAK,EAAER,MAAM,CAACV,MAAM,CAACW,KAAK,CAACQ,KAAK,CAACC,MAAM,CAACF,KAAK,CAAE;MAAAL,QAAA,EAE9Cf;IAAQ,CACP,CAAC,GACP,IAAI,EACPC,IAAI;EAAA,CACH,CAAC;AAEf;AAEAH,WAAW,CAACyB,WAAW,GAAG,aAAa;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GACxBC,WAAW","ignoreList":[]}

package/lib/commonjs/components/Chart/ChartSkeleton.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _index = require("../Skeleton/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Loading placeholder for `Chart` — mirrors web's `ChartV2Skeleton`.
+ */
+function ChartSkeleton({
+  variant = 'pulse',
+  height = 400
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 16,
+      padding: 8,
+      width: '100%'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Skeleton, {
+      variant: variant,
+      style: {
+        width: '40%',
+        height: 40
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Skeleton, {
+      variant: variant,
+      style: {
+        height
+      }
+    })]
+  });
+}
+var _default = exports.default = ChartSkeleton;
+//# sourceMappingURL=ChartSkeleton.js.map

package/lib/commonjs/components/Chart/ChartSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_jsxRuntime","ChartSkeleton","variant","height","jsxs","View","style","gap","padding","width","children","jsx","Skeleton","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/Chart/ChartSkeleton.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsC,IAAAE,WAAA,GAAAF,OAAA;AAGtC;AACA;AACA;AACA,SAASG,aAAaA,CAAC;EACnBC,OAAO,GAAG,OAAO;EACjBC,MAAM,GAAG;AACqB,CAAC,EAAE;EACjC,oBACI,IAAAH,WAAA,CAAAI,IAAA,EAACP,YAAA,CAAAQ,IAAI;IAACC,KAAK,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,OAAO,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAO,CAAE;IAAAC,QAAA,gBAChD,IAAAV,WAAA,CAAAW,GAAA,EAACZ,MAAA,CAAAa,QAAQ;MAACV,OAAO,EAAEA,OAAQ;MAACI,KAAK,EAAE;QAAEG,KAAK,EAAE,KAAK;QAAEN,MAAM,EAAE;MAAG;IAAE,CAAE,CAAC,eACnE,IAAAH,WAAA,CAAAW,GAAA,EAACZ,MAAA,CAAAa,QAAQ;MAACV,OAAO,EAAEA,OAAQ;MAACI,KAAK,EAAE;QAAEH;MAAO;IAAE,CAAE,CAAC;EAAA,CAC/C,CAAC;AAEf;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcd,aAAa","ignoreList":[]}

package/lib/commonjs/components/Chart/chart.types.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHART_PALETTE = void 0;
+exports.buildLegendItems = buildLegendItems;
+exports.paletteColor = paletteColor;
+// ---- Chart types --------------------------------------------------------
+
+// ---- Series data --------------------------------------------------------
+
+/** One datum in a series. */
+
+/** A named series of data points. */
+
+// ---- Pie data -----------------------------------------------------------
+
+/** One slice of a pie/donut chart. */
+
+// ---- Legend items -------------------------------------------------------
+
+// ---- Component props ----------------------------------------------------
+
+/**
+ * Props for the native `Chart` component.
+ *
+ * Renders one of: line, area, bar, column, pie, or donut chart using
+ * `victory-native`, styled from `CHARTSV2` tokens.
+ */
+
+/** Default palette for multi-series charts. */
+const CHART_PALETTE = exports.CHART_PALETTE = ['#2B7FFF',
+// blue-500
+'#FB2C36',
+// red-500
+'#FF6B00',
+// orange-500
+'#00C950',
+// green-500
+'#A855F7',
+// purple-500
+'#06B6D4',
+// cyan-500
+'#EAB308',
+// yellow-500
+'#EC4899',
+// pink-500
+'#6366F1',
+// indigo-500
+'#14B8A6' // teal-500
+];
+
+/** Pick a palette color by index (wraps around). */
+function paletteColor(index) {
+  return CHART_PALETTE[index % CHART_PALETTE.length];
+}
+
+/** Build legend items from series or pie slices. */
+function buildLegendItems(type, series, data, hiddenKeys) {
+  const hidden = new Set(hiddenKeys ?? []);
+  if (type === 'pie' || type === 'donut') {
+    return (data ?? []).map((s, i) => ({
+      key: s.label,
+      name: s.label,
+      color: s.color ?? paletteColor(i),
+      visible: !hidden.has(s.label)
+    }));
+  }
+  return (series ?? []).map((s, i) => ({
+    key: s.name,
+    name: s.name,
+    color: s.color ?? paletteColor(i),
+    visible: !hidden.has(s.name)
+  }));
+}
+//# sourceMappingURL=chart.types.js.map

package/lib/commonjs/components/Chart/chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CHART_PALETTE","exports","paletteColor","index","length","buildLegendItems","type","series","data","hiddenKeys","hidden","Set","map","s","i","key","label","name","color","visible","has"],"sourceRoot":"../../../../src","sources":["components/Chart/chart.types.ts"],"mappings":";;;;;;;;AAGA;;AAYA;;AAEA;;AAUA;;AAoBA;;AAEA;;AAUA;;AAeA;;AAiCA;AACA;AACA;AACA;AACA;AACA;;AAsCA;AACO,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,CACzB,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS,CAAE;AAAA,CACL;;AAEV;AACO,SAASE,YAAYA,CAACC,KAAa,EAAU;EAChD,OAAOH,aAAa,CAACG,KAAK,GAAGH,aAAa,CAACI,MAAM,CAAC;AACtD;;AAEA;AACO,SAASC,gBAAgBA,CAC5BC,IAAe,EACfC,MAAsB,EACtBC,IAAsB,EACtBC,UAAqB,EACJ;EACjB,MAAMC,MAAM,GAAG,IAAIC,GAAG,CAACF,UAAU,IAAI,EAAE,CAAC;EACxC,IAAIH,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,OAAO,EAAE;IACpC,OAAO,CAACE,IAAI,IAAI,EAAE,EAAEI,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,MAAM;MAC/BC,GAAG,EAAEF,CAAC,CAACG,KAAK;MACZC,IAAI,EAAEJ,CAAC,CAACG,KAAK;MACbE,KAAK,EAAEL,CAAC,CAACK,KAAK,IAAIhB,YAAY,CAACY,CAAC,CAAC;MACjCK,OAAO,EAAE,CAACT,MAAM,CAACU,GAAG,CAACP,CAAC,CAACG,KAAK;IAChC,CAAC,CAAC,CAAC;EACP;EACA,OAAO,CAACT,MAAM,IAAI,EAAE,EAAEK,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,MAAM;IACjCC,GAAG,EAAEF,CAAC,CAACI,IAAI;IACXA,IAAI,EAAEJ,CAAC,CAACI,IAAI;IACZC,KAAK,EAAEL,CAAC,CAACK,KAAK,IAAIhB,YAAY,CAACY,CAAC,CAAC;IACjCK,OAAO,EAAE,CAACT,MAAM,CAACU,GAAG,CAACP,CAAC,CAACI,IAAI;EAC/B,CAAC,CAAC,CAAC;AACP","ignoreList":[]}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Chart", {
+  enumerable: true,
+  get: function () {
+    return _Chart.default;
+  }
+});
+Object.defineProperty(exports, "ChartContainer", {
+  enumerable: true,
+  get: function () {
+    return _ChartContainer.default;
+  }
+});
+Object.defineProperty(exports, "ChartHeader", {
+  enumerable: true,
+  get: function () {
+    return _ChartHeader.default;
+  }
+});
+Object.defineProperty(exports, "ChartLegend", {
+  enumerable: true,
+  get: function () {
+    return _ChartLegend.default;
+  }
+});
+Object.defineProperty(exports, "ChartNoData", {
+  enumerable: true,
+  get: function () {
+    return _ChartNoData.default;
+  }
+});
+Object.defineProperty(exports, "ChartSkeleton", {
+  enumerable: true,
+  get: function () {
+    return _ChartSkeleton.default;
+  }
+});
+var _Chart = _interopRequireDefault(require("./Chart.js"));
+var _ChartContainer = _interopRequireDefault(require("./ChartContainer.js"));
+var _ChartHeader = _interopRequireDefault(require("./ChartHeader.js"));
+var _ChartLegend = _interopRequireDefault(require("./ChartLegend.js"));
+var _ChartSkeleton = _interopRequireDefault(require("./ChartSkeleton.js"));
+var _ChartNoData = _interopRequireDefault(require("./ChartNoData.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Chart","_interopRequireDefault","require","_ChartContainer","_ChartHeader","_ChartLegend","_ChartSkeleton","_ChartNoData","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/Chart/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/components/Checkbox/Checkbox.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _lucideReactNative = require("lucide-react-native");
+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); }
+/**
+ * Checkbox — the native port of web's `CheckboxV2`.
+ *
+ * The whole row (box + label) is one pressable, so tapping the label
+ * toggles — web's label-click parity. The indicator (lucide Check/Minus,
+ * like web) scales in via the motion layer; reduce-motion renders it
+ * statically. `accessibilityState.checked` reports `'mixed'` for the
+ * indeterminate state.
+ */
+const Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function Checkbox({
+  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)('CHECKBOXV2');
+  const reduceMotion = (0, _useReduceMotion.useReduceMotion)();
+  const checkedState = checked === 'indeterminate' ? 'indeterminate' : checked ? 'checked' : 'unchecked';
+  const interactionState = disabled ? 'disabled' : error ? 'error' : 'default';
+  const showIndicator = checkedState !== 'unchecked';
+
+  // Web's scale-in keyframe (0.7 → 1, fade), on the motion layer.
+  const progress = (0, _reactNativeReanimated.useSharedValue)(showIndicator ? 1 : 0);
+  (0, _react.useEffect)(() => {
+    if (reduceMotion) {
+      progress.value = showIndicator ? 1 : 0;
+      return;
+    }
+    progress.value = (0, _reactNativeReanimated.withTiming)(showIndicator ? 1 : 0, {
+      duration: _motion.MOTION_DURATION.normal,
+      easing: _reactNativeReanimated.Easing.bezier(..._motion.MOTION_EASING.standard)
+    });
+  }, [progress, showIndicator, reduceMotion]);
+  const indicatorStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: 0.7 + 0.3 * progress.value
+    }]
+  }), []);
+  const boxSize = (0, _cssStringAdapter.parseDimension)(tokens.checkbox.width[size]) ?? 16;
+  const radius = (0, _cssStringAdapter.parseBorderRadius)(tokens.checkbox.borderRadius[size]) ?? 4;
+  const iconSize = (0, _cssStringAdapter.parseDimension)(tokens.checkbox.icon.width[size]) ?? 12;
+  const iconColorState = disabled ? 'disabled' : 'default';
+  const IndicatorIcon = checkedState === 'indeterminate' ? _lucideReactNative.Minus : _lucideReactNative.Check;
+  const toggle = () => {
+    // Web parity (Radix + the Enter handler): indeterminate resolves to
+    // checked; otherwise invert.
+    onCheckedChange?.(checked === 'indeterminate' ? true : !checked);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Pressable.default, {
+    ref: ref,
+    onPress: toggle,
+    disabled: disabled,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: tokens.gap,
+    opacity: disabled ? Number(tokens.checkbox.opacity) || 0.7 : undefined,
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked: checked === 'indeterminate' ? 'mixed' : checked,
+      disabled
+    },
+    accessibilityLabel: accessibilityLabel ?? label,
+    testID: testID,
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID ? `${testID}-box` : undefined,
+      style: {
+        width: boxSize,
+        height: boxSize,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: String(tokens.checkbox.backgroundColor[checkedState]?.[interactionState] ?? 'transparent'),
+        ...(typeof radius === 'number' ? {
+          borderRadius: radius
+        } : radius),
+        ...(0, _cssStringAdapter.parseBorder)(String(tokens.checkbox.border[checkedState]?.[interactionState] ?? 'none'))
+      },
+      children: showIndicator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: indicatorStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IndicatorIcon, {
+          size: iconSize,
+          strokeWidth: Number(tokens.checkbox.icon.strokeWidth[size]) || 2.5,
+          color: String(tokens.checkbox.icon.color[checkedState === 'indeterminate' ? 'indeterminate' : 'checked']?.[iconColorState] ?? '#FFFFFF')
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectorContent.SelectorContent, {
+      label: label,
+      subLabel: subLabel,
+      required: required,
+      size: size,
+      state: interactionState,
+      tokens: tokens.content,
+      testID: testID ? `${testID}-content` : undefined
+    }), slot && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.default, {
+      hidden: Boolean(label),
+      children: slot
+    })]
+  });
+});
+Checkbox.displayName = 'Checkbox';
+var _default = exports.default = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_lucideReactNative","_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","Checkbox","forwardRef","checked","onCheckedChange","required","error","label","subLabel","size","SelectorV2Size","MD","disabled","slot","accessibilityLabel","testID","style","ref","tokens","useNativeTokens","reduceMotion","useReduceMotion","checkedState","interactionState","showIndicator","progress","useSharedValue","useEffect","value","withTiming","duration","MOTION_DURATION","normal","easing","Easing","bezier","MOTION_EASING","standard","indicatorStyle","useAnimatedStyle","opacity","transform","scale","boxSize","parseDimension","checkbox","width","radius","parseBorderRadius","borderRadius","iconSize","icon","iconColorState","IndicatorIcon","Minus","Check","toggle","jsxs","onPress","flexDirection","alignItems","gap","Number","undefined","accessibilityRole","accessibilityState","children","jsx","View","height","justifyContent","backgroundColor","String","parseBorder","border","strokeWidth","color","SelectorContent","state","content","hidden","Boolean","displayName","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Checkbox/Checkbox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Checkbox/checkbox.types.js

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

package/lib/commonjs/components/Checkbox/checkbox.types.js.map

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

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

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

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

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

package/lib/commonjs/components/KeyValuePair/KeyValuePair.js

@@ -0,0 +1,90 @@
+"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 _cssStringAdapter = require("../../adapters/cssStringAdapter.js");
+var _Text = _interopRequireDefault(require("../../primitives/Text.js"));
+var _Slot = _interopRequireDefault(require("../../primitives/Slot.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Key/value display — the native port of web's `KeyValuePairV2`.
+ *
+ * Pure layout: key text (with an optional slot) above or beside the value
+ * row. Web's DOM truncation machinery (ResizeObserver + scrollHeight)
+ * becomes RN's `numberOfLines`.
+ */
+const KeyValuePair = /*#__PURE__*/(0, _react.forwardRef)(function KeyValuePair({
+  keyString,
+  value,
+  size = _node.KeyValuePairV2Size.SM,
+  orientation = 'vertical',
+  slots,
+  maxWidth,
+  textOverflow = 'truncate',
+  maxLines = 2,
+  testID,
+  style
+}, ref) {
+  const tokens = (0, _useNativeTokens.useNativeTokens)('KEYVALUEPAIRV2');
+  const numberOfLines = textOverflow === 'truncate' ? 1 : textOverflow === 'wrap-clamp' ? maxLines : undefined;
+  const horizontal = orientation === 'horizontal';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ref: ref,
+    testID: testID,
+    style: [{
+      flexDirection: horizontal ? 'row' : 'column',
+      alignItems: horizontal ? 'center' : 'flex-start',
+      gap: (0, _cssStringAdapter.parseDimension)(tokens.gap[orientation]) ?? 4,
+      maxWidth: (0, _cssStringAdapter.parseSize)(maxWidth) ?? 220
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: (0, _cssStringAdapter.parseDimension)(tokens.key.gap) ?? 4
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        fontSize: tokens.key.fontSize,
+        fontWeight: tokens.key.fontWeight,
+        color: String(tokens.key.color),
+        numberOfLines: numberOfLines,
+        testID: testID ? `${testID}-key` : undefined,
+        children: keyString
+      }), slots?.key && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.default, {
+        children: slots.key
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        flexShrink: 1,
+        gap: (0, _cssStringAdapter.parseDimension)(tokens.value.gap) ?? 4
+      },
+      children: [slots?.valueLeft && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.default, {
+        children: slots.valueLeft
+      }), value !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        fontSize: tokens.value.fontSize[size],
+        fontWeight: tokens.value.fontWeight,
+        color: String(tokens.value.color),
+        numberOfLines: numberOfLines,
+        style: {
+          flexShrink: 1
+        },
+        testID: testID ? `${testID}-value` : undefined,
+        children: value
+      }), slots?.valueRight && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.default, {
+        children: slots.valueRight
+      })]
+    })]
+  });
+});
+KeyValuePair.displayName = 'KeyValuePair';
+var _default = exports.default = KeyValuePair;
+//# sourceMappingURL=KeyValuePair.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_node","_useNativeTokens","_cssStringAdapter","_Text","_interopRequireDefault","_Slot","_jsxRuntime","e","__esModule","default","KeyValuePair","forwardRef","keyString","value","size","KeyValuePairV2Size","SM","orientation","slots","maxWidth","textOverflow","maxLines","testID","style","ref","tokens","useNativeTokens","numberOfLines","undefined","horizontal","jsxs","View","flexDirection","alignItems","gap","parseDimension","parseSize","children","key","jsx","fontSize","fontWeight","color","String","flexShrink","valueLeft","valueRight","displayName","_default","exports"],"sourceRoot":"../../../../src","sources":["components/KeyValuePair/KeyValuePair.tsx"],"mappings":"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","ignoreList":[]}