blend-native 0.0.1-beta.0

package/lib/commonjs/components/Alert/Alert.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _node = require("@juspay/blend-design-system/node");
+var _useNativeTokens = require("../../theme/useNativeTokens.js");
+var _Block = require("../../primitives/Block.js");
+var _Separator = require("../../primitives/Separator.js");
+var _Slot = require("../../primitives/Slot.js");
+var _announcement = require("../../a11y/announcement.js");
+var _useLiveRegion = require("../../a11y/useLiveRegion.js");
+var _AlertActions = require("./AlertActions.js");
+var _AlertClose = require("./AlertClose.js");
+var _AlertText = require("./AlertText.js");
+var _alertUtils = require("./alert.utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Alert — React Native implementation of web's `AlertV2`.
+ *
+ * Tokens resolve through `useNativeTokens('ALERTV2')`, so theme and per-slot
+ * overrides come from `BlendNativeProvider`.
+ *
+ * AlertV2's tokens contain no gradients, so this needs no native module beyond
+ * the icon set.
+ */
+const Alert = /*#__PURE__*/(0, _react.forwardRef)(function Alert({
+  type = _node.AlertV2Type.PRIMARY,
+  subType = _node.AlertV2SubType.SUBTLE,
+  slot,
+  heading,
+  description,
+  actions,
+  closeButton = {
+    show: true
+  },
+  width,
+  maxWidth,
+  minWidth,
+  announce = true,
+  accessibilityLabel,
+  testID,
+  style
+}, ref) {
+  const tokens = (0, _useNativeTokens.useNativeTokens)('ALERTV2');
+  const position = actions?.position ?? _node.AlertV2ActionPosition.BOTTOM;
+  const layout = (0, _react.useMemo)(() => (0, _alertUtils.getAlertLayout)(position), [position]);
+  const closeShown = Boolean(closeButton?.show);
+  const showSeparator = (0, _alertUtils.shouldShowSeparator)(position, closeShown);
+
+  // Web hard-codes `aria-live="assertive"` + `aria-atomic`. Android reads the
+  // region itself via `accessibilityLiveRegion`; iOS has no live-region
+  // support, so the composed sentence is announced imperatively.
+  const announcement = (0, _react.useMemo)(() => (0, _announcement.buildAnnouncement)(heading, description), [heading, description]);
+  (0, _useLiveRegion.useLiveRegionAnnounce)(announcement, announce);
+  const hasText = Boolean(heading || description);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+    ref: ref,
+    testID: testID
+    // NOTE: `accessible` is deliberately NOT set here.
+    //
+    // In RN, marking a View as an accessibility element "groups its
+    // children into a single selectable component" — which on iOS makes
+    // the action links and the close button individually unreachable by
+    // VoiceOver. Web has no such problem: `role="alert"` does not affect
+    // whether nested buttons can be focused.
+    //
+    // `accessibilityRole="alert"` conveys the semantic without
+    // collapsing the subtree, and each child keeps its own label.
+    ,
+    accessibilityRole: "alert",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityLiveRegion: announce ? 'assertive' : 'none',
+    flexDirection: "row",
+    alignItems: "center",
+    width: width ?? tokens.width,
+    maxWidth: maxWidth ?? tokens.maxWidth,
+    minWidth: minWidth ?? tokens.minWidth,
+    border: String(tokens.border[type][subType]),
+    borderRadius: tokens.borderRadius,
+    backgroundColor: String(tokens.backgroundColor[type][subType]),
+    paddingTop: tokens.padding.top,
+    paddingBottom: tokens.padding.bottom,
+    paddingLeft: tokens.padding.left,
+    paddingRight: tokens.padding.right,
+    gap: tokens.gap[position],
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+      ..._alertUtils.ALERT_FLEX_BOX,
+      flexDirection: "row",
+      gap: tokens.mainContainer.gap,
+      children: [slot?.slot ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.Slot, {
+        maxHeight: slot.maxHeight ?? tokens.slot.maxHeight,
+        hidden: hasText,
+        testID: testID ? `${testID}-slot` : undefined,
+        children: slot.slot
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+        ..._alertUtils.ALERT_FLEX_BOX,
+        flexDirection: layout.contentDirection,
+        justifyContent: layout.contentJustify,
+        alignItems: layout.contentAlign,
+        gap: tokens.mainContainer.content.gap[position],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AlertText.AlertText, {
+          heading: heading,
+          description: description,
+          type: type,
+          tokens: tokens.mainContainer.content.textContainer
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AlertActions.AlertActions, {
+          actions: actions,
+          type: type,
+          tokens: tokens.mainContainer.content.actionContainer,
+          testID: testID
+        })]
+      })]
+    }), showSeparator ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Separator.Separator, {
+      testID: testID ? `${testID}-separator` : undefined
+    }) : null, closeShown ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_AlertClose.AlertClose, {
+      closeButton: closeButton,
+      color: String(tokens.mainContainer.closeButton.color[type]),
+      size: (0, _alertUtils.getCloseIconSize)(tokens),
+      alignSelf: layout.closeAlign,
+      testID: testID ? `${testID}-close` : undefined
+    }) : null]
+  });
+});
+Alert.displayName = 'Alert';
+var _default = exports.default = Alert;
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_node","_useNativeTokens","_Block","_Separator","_Slot","_announcement","_useLiveRegion","_AlertActions","_AlertClose","_AlertText","_alertUtils","_jsxRuntime","Alert","forwardRef","type","AlertV2Type","PRIMARY","subType","AlertV2SubType","SUBTLE","slot","heading","description","actions","closeButton","show","width","maxWidth","minWidth","announce","accessibilityLabel","testID","style","ref","tokens","useNativeTokens","position","AlertV2ActionPosition","BOTTOM","layout","useMemo","getAlertLayout","closeShown","Boolean","showSeparator","shouldShowSeparator","announcement","buildAnnouncement","useLiveRegionAnnounce","hasText","jsxs","Block","accessibilityRole","accessibilityLiveRegion","flexDirection","alignItems","border","String","borderRadius","backgroundColor","paddingTop","padding","top","paddingBottom","bottom","paddingLeft","left","paddingRight","right","gap","children","ALERT_FLEX_BOX","mainContainer","jsx","Slot","maxHeight","hidden","undefined","contentDirection","justifyContent","contentJustify","contentAlign","content","AlertText","textContainer","AlertActions","actionContainer","Separator","AlertClose","color","size","getCloseIconSize","alignSelf","closeAlign","displayName","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/Alert/Alert.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Alert/AlertActions.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlertActions = void 0;
+var _react = require("react");
+var _Block = require("../../primitives/Block.js");
+var _Pressable = require("../../primitives/Pressable.js");
+var _Text = require("../../primitives/Text.js");
+var _alertUtils = require("./alert.utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * `Alert`'s action row.
+ *
+ * These are **text links**, not `Button`s: web renders them as a bare
+ * `PrimitiveButton` with no border or background, so native composes
+ * `Pressable` + `Text` rather than reusing the `Button` component.
+ */
+
+function ActionLink({
+  action,
+  type,
+  tokens,
+  testID
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.Pressable, {
+    onPress: action.onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: (0, _alertUtils.getActionAccessibilityLabel)(action.text, action.accessibilityLabel),
+    testID: testID,
+    alignSelf: "flex-start",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      fontSize: tokens.fontSize,
+      fontWeight: tokens.fontWeight,
+      lineHeight: tokens.lineHeight,
+      color: String(tokens.color[type])
+      // Web sets `white-space: nowrap`; the RN equivalent is a single
+      // line. `tail` makes an over-long label visibly truncated rather
+      // than silently clipped.
+      ,
+      numberOfLines: 1,
+      ellipsizeMode: "tail",
+      children: action.text
+    })
+  });
+}
+function AlertActionsImpl({
+  actions,
+  type,
+  tokens,
+  testID
+}) {
+  if (!actions?.primaryAction && !actions?.secondaryAction) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: tokens.gap,
+    children: [actions.primaryAction ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionLink, {
+      action: actions.primaryAction,
+      type: type,
+      tokens: tokens.primaryAction,
+      testID: testID ? `${testID}-primary-action` : undefined
+    }) : null, actions.secondaryAction ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionLink, {
+      action: actions.secondaryAction,
+      type: type,
+      tokens: tokens.secondaryAction,
+      testID: testID ? `${testID}-secondary-action` : undefined
+    }) : null]
+  });
+}
+const AlertActions = exports.AlertActions = /*#__PURE__*/(0, _react.memo)(AlertActionsImpl);
+AlertActions.displayName = 'AlertActions';
+//# sourceMappingURL=AlertActions.js.map

package/lib/commonjs/components/Alert/AlertActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_Block","_Pressable","_Text","_alertUtils","_jsxRuntime","ActionLink","action","type","tokens","testID","jsx","Pressable","onPress","accessibilityRole","accessibilityLabel","getActionAccessibilityLabel","text","alignSelf","children","Text","fontSize","fontWeight","lineHeight","color","String","numberOfLines","ellipsizeMode","AlertActionsImpl","actions","primaryAction","secondaryAction","jsxs","Block","flexDirection","alignItems","gap","undefined","AlertActions","exports","memo","displayName"],"sourceRoot":"../../../../src","sources":["components/Alert/AlertActions.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAA2D,IAAAK,WAAA,GAAAL,OAAA;AAU3D;AACA;AACA;AACA;AACA;AACA;AACA;;AASA,SAASM,UAAUA,CAAC;EAAEC,MAAM;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAAwB,CAAC,EAAE;EACnE,oBACI,IAAAL,WAAA,CAAAM,GAAA,EAACT,UAAA,CAAAU,SAAS;IACNC,OAAO,EAAEN,MAAM,CAACM,OAAQ;IACxBC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE,IAAAC,uCAA2B,EAC3CT,MAAM,CAACU,IAAI,EACXV,MAAM,CAACQ,kBACX,CAAE;IACFL,MAAM,EAAEA,MAAO;IACfQ,SAAS,EAAC,YAAY;IAAAC,QAAA,eAEtB,IAAAd,WAAA,CAAAM,GAAA,EAACR,KAAA,CAAAiB,IAAI;MACDC,QAAQ,EAAEZ,MAAM,CAACY,QAAS;MAC1BC,UAAU,EAAEb,MAAM,CAACa,UAAW;MAC9BC,UAAU,EAAEd,MAAM,CAACc,UAAW;MAC9BC,KAAK,EAAEC,MAAM,CAAChB,MAAM,CAACe,KAAK,CAAChB,IAAI,CAAC;MAChC;MACA;MACA;MAAA;MACAkB,aAAa,EAAE,CAAE;MACjBC,aAAa,EAAC,MAAM;MAAAR,QAAA,EAEnBZ,MAAM,CAACU;IAAI,CACV;EAAC,CACA,CAAC;AAEpB;AASA,SAASW,gBAAgBA,CAAC;EACtBC,OAAO;EACPrB,IAAI;EACJC,MAAM;EACNC;AACe,CAAC,EAAE;EAClB,IAAI,CAACmB,OAAO,EAAEC,aAAa,IAAI,CAACD,OAAO,EAAEE,eAAe,EAAE,OAAO,IAAI;EAErE,oBACI,IAAA1B,WAAA,CAAA2B,IAAA,EAAC/B,MAAA,CAAAgC,KAAK;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,GAAG,EAAE3B,MAAM,CAAC2B,GAAI;IAAAjB,QAAA,GAC1DU,OAAO,CAACC,aAAa,gBAClB,IAAAzB,WAAA,CAAAM,GAAA,EAACL,UAAU;MACPC,MAAM,EAAEsB,OAAO,CAACC,aAAc;MAC9BtB,IAAI,EAAEA,IAAK;MACXC,MAAM,EAAEA,MAAM,CAACqB,aAAc;MAC7BpB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,iBAAiB,GAAG2B;IAAU,CAC3D,CAAC,GACF,IAAI,EACPR,OAAO,CAACE,eAAe,gBACpB,IAAA1B,WAAA,CAAAM,GAAA,EAACL,UAAU;MACPC,MAAM,EAAEsB,OAAO,CAACE,eAAgB;MAChCvB,IAAI,EAAEA,IAAK;MACXC,MAAM,EAAEA,MAAM,CAACsB,eAAgB;MAC/BrB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,mBAAmB,GAAG2B;IAAU,CAC7D,CAAC,GACF,IAAI;EAAA,CACL,CAAC;AAEhB;AAEO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,WAAI,EAACZ,gBAAgB,CAAC;AAClDU,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}

package/lib/commonjs/components/Alert/AlertClose.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlertClose = void 0;
+var _react = require("react");
+var _lucideReactNative = require("lucide-react-native");
+var _Pressable = require("../../primitives/Pressable.js");
+var _Slot = require("../../primitives/Slot.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * `Alert`'s close affordance.
+ *
+ * Renders lucide's `X` by default; a consumer icon supplied via
+ * `closeButton.icon` goes through `Slot` so it is tinted the same way.
+ *
+ * The control is smaller than the 44pt minimum tap target, so it relies on the
+ * `hitSlop` `Pressable` applies automatically.
+ */
+
+function AlertCloseImpl({
+  closeButton,
+  color,
+  size,
+  alignSelf,
+  testID
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.Pressable, {
+    onPress: closeButton.onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: closeButton.accessibilityLabel ?? 'Close',
+    testID: testID,
+    alignSelf: alignSelf,
+    alignItems: "center",
+    justifyContent: "center",
+    children: closeButton.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.Slot, {
+      color: color,
+      children: closeButton.icon
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.X, {
+      size: size,
+      color: color
+    })
+  });
+}
+const AlertClose = exports.AlertClose = /*#__PURE__*/(0, _react.memo)(AlertCloseImpl);
+AlertClose.displayName = 'AlertClose';
+//# sourceMappingURL=AlertClose.js.map

package/lib/commonjs/components/Alert/AlertClose.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_lucideReactNative","_Pressable","_Slot","_jsxRuntime","AlertCloseImpl","closeButton","color","size","alignSelf","testID","jsx","Pressable","onPress","accessibilityRole","accessibilityLabel","alignItems","justifyContent","children","icon","Slot","X","AlertClose","exports","memo","displayName"],"sourceRoot":"../../../../src","sources":["components/Alert/AlertClose.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAA4C,IAAAI,WAAA,GAAAJ,OAAA;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,SAASK,cAAcA,CAAC;EACpBC,WAAW;EACXC,KAAK;EACLC,IAAI;EACJC,SAAS;EACTC;AACa,CAAC,EAAE;EAChB,oBACI,IAAAN,WAAA,CAAAO,GAAA,EAACT,UAAA,CAAAU,SAAS;IACNC,OAAO,EAAEP,WAAW,CAACO,OAAQ;IAC7BC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAET,WAAW,CAACS,kBAAkB,IAAI,OAAQ;IAC9DL,MAAM,EAAEA,MAAO;IACfD,SAAS,EAAEA,SAAU;IACrBO,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IAAAC,QAAA,EAEtBZ,WAAW,CAACa,IAAI,gBACb,IAAAf,WAAA,CAAAO,GAAA,EAACR,KAAA,CAAAiB,IAAI;MAACb,KAAK,EAAEA,KAAM;MAAAW,QAAA,EAAEZ,WAAW,CAACa;IAAI,CAAO,CAAC,gBAE7C,IAAAf,WAAA,CAAAO,GAAA,EAACV,kBAAA,CAAAoB,CAAC;MAACb,IAAI,EAAEA,IAAK;MAACD,KAAK,EAAEA;IAAM,CAAE;EACjC,CACM,CAAC;AAEpB;AAEO,MAAMe,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,WAAI,EAACnB,cAAc,CAAC;AAC9CiB,UAAU,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/commonjs/components/Alert/AlertText.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlertText = void 0;
+var _react = require("react");
+var _Block = require("../../primitives/Block.js");
+var _Text = require("../../primitives/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * The heading and description block of an `Alert`.
+ *
+ * `flexShrink` is explicit because Yoga defaults it to 0 where CSS defaults it
+ * to 1 — without it this box sizes to its text and a long description runs off
+ * the edge instead of wrapping.
+ */
+
+function AlertTextImpl({
+  heading,
+  description,
+  type,
+  tokens
+}) {
+  if (!heading && !description) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexDirection: "column",
+    gap: tokens.gap,
+    children: [heading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      accessibilityRole: "header",
+      fontSize: tokens.heading.fontSize,
+      fontWeight: tokens.heading.fontWeight,
+      lineHeight: tokens.heading.lineHeight,
+      color: String(tokens.heading.color[type]),
+      children: heading
+    }) : null, description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      fontSize: tokens.description.fontSize,
+      fontWeight: tokens.description.fontWeight,
+      lineHeight: tokens.description.lineHeight,
+      color: String(tokens.description.color[type]),
+      children: description
+    }) : null]
+  });
+}
+const AlertText = exports.AlertText = /*#__PURE__*/(0, _react.memo)(AlertTextImpl);
+AlertText.displayName = 'AlertText';
+//# sourceMappingURL=AlertText.js.map

package/lib/commonjs/components/Alert/AlertText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_Block","_Text","_jsxRuntime","AlertTextImpl","heading","description","type","tokens","jsxs","Block","flexGrow","flexShrink","flexDirection","gap","children","jsx","Text","accessibilityRole","fontSize","fontWeight","lineHeight","color","String","AlertText","exports","memo","displayName"],"sourceRoot":"../../../../src","sources":["components/Alert/AlertText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA4C,IAAAG,WAAA,GAAAH,OAAA;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;;AASA,SAASI,aAAaA,CAAC;EAAEC,OAAO;EAAEC,WAAW;EAAEC,IAAI;EAAEC;AAAuB,CAAC,EAAE;EAC3E,IAAI,CAACH,OAAO,IAAI,CAACC,WAAW,EAAE,OAAO,IAAI;EAEzC,oBACI,IAAAH,WAAA,CAAAM,IAAA,EAACR,MAAA,CAAAS,KAAK;IACFC,QAAQ,EAAE,CAAE;IACZC,UAAU,EAAE,CAAE;IACdC,aAAa,EAAC,QAAQ;IACtBC,GAAG,EAAEN,MAAM,CAACM,GAAI;IAAAC,QAAA,GAEfV,OAAO,gBACJ,IAAAF,WAAA,CAAAa,GAAA,EAACd,KAAA,CAAAe,IAAI;MACDC,iBAAiB,EAAC,QAAQ;MAC1BC,QAAQ,EAAEX,MAAM,CAACH,OAAO,CAACc,QAAS;MAClCC,UAAU,EAAEZ,MAAM,CAACH,OAAO,CAACe,UAAW;MACtCC,UAAU,EAAEb,MAAM,CAACH,OAAO,CAACgB,UAAW;MACtCC,KAAK,EAAEC,MAAM,CAACf,MAAM,CAACH,OAAO,CAACiB,KAAK,CAACf,IAAI,CAAC,CAAE;MAAAQ,QAAA,EAEzCV;IAAO,CACN,CAAC,GACP,IAAI,EACPC,WAAW,gBACR,IAAAH,WAAA,CAAAa,GAAA,EAACd,KAAA,CAAAe,IAAI;MACDE,QAAQ,EAAEX,MAAM,CAACF,WAAW,CAACa,QAAS;MACtCC,UAAU,EAAEZ,MAAM,CAACF,WAAW,CAACc,UAAW;MAC1CC,UAAU,EAAEb,MAAM,CAACF,WAAW,CAACe,UAAW;MAC1CC,KAAK,EAAEC,MAAM,CAACf,MAAM,CAACF,WAAW,CAACgB,KAAK,CAACf,IAAI,CAAC,CAAE;MAAAQ,QAAA,EAE7CT;IAAW,CACV,CAAC,GACP,IAAI;EAAA,CACL,CAAC;AAEhB;AAEO,MAAMkB,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,WAAI,EAACtB,aAAa,CAAC;AAC5CoB,SAAS,CAACG,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/commonjs/components/Alert/alert.tokens.js

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

package/lib/commonjs/components/Alert/alert.tokens.js.map

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

package/lib/commonjs/components/Alert/alert.types.js

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

package/lib/commonjs/components/Alert/alert.types.js.map

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

package/lib/commonjs/components/Alert/alert.utils.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FALLBACK_CLOSE_ICON_SIZE = exports.ALERT_FLEX_BOX = void 0;
+exports.getActionAccessibilityLabel = getActionAccessibilityLabel;
+exports.getAlertLayout = getAlertLayout;
+exports.getCloseIconSize = getCloseIconSize;
+exports.shouldShowSeparator = shouldShowSeparator;
+var _node = require("@juspay/blend-design-system/node");
+/**
+ * Native Alert layout helpers.
+ *
+ * Web computes these inline in the JSX of `AlertV2.tsx`. Pulling them out
+ * makes the branching testable, and keeps the component readable given that
+ * one prop reshapes four layout values at once.
+ */
+
+/**
+ * Flex sizing shared by every box in Alert's row chain.
+ *
+ * `flexShrink` is explicit because **Yoga defaults it to 0 where CSS defaults
+ * it to 1**. Without it a flex child sizes to its content and refuses to
+ * narrow, so a long description runs off the right edge instead of wrapping.
+ *
+ * Exported as a constant rather than repeated inline so the invariant has one
+ * definition and can be asserted directly in tests.
+ */
+const ALERT_FLEX_BOX = exports.ALERT_FLEX_BOX = {
+  flexGrow: 1,
+  flexShrink: 1
+};
+
+/** Fallback icon size when the close-button token cannot be parsed. */
+const FALLBACK_CLOSE_ICON_SIZE = exports.FALLBACK_CLOSE_ICON_SIZE = 16;
+/**
+ * Resolve the layout for an action position.
+ *
+ * `BOTTOM` stacks the actions beneath the text and pins the close button to
+ * the top; `RIGHT` runs everything on one line, vertically centred. Mirrors
+ * the `actionPlacementBottom` branches in web `AlertV2.tsx`.
+ */
+function getAlertLayout(position) {
+  const isBottom = position === _node.AlertV2ActionPosition.BOTTOM;
+  return {
+    contentDirection: isBottom ? 'column' : 'row',
+    contentJustify: isBottom ? 'space-between' : 'flex-start',
+    contentAlign: isBottom ? 'flex-start' : 'center',
+    closeAlign: isBottom ? 'flex-start' : 'center'
+  };
+}
+
+/**
+ * Whether to render the divider between the actions and the close button.
+ *
+ * Web's condition is `position === RIGHT && closeButton.show` — the separator
+ * only makes sense when both sit on the same line. Extracted because the
+ * two-term condition is easy to get subtly wrong, and it has a truth table
+ * in the tests.
+ */
+function shouldShowSeparator(position, closeButtonShown) {
+  return position === _node.AlertV2ActionPosition.RIGHT && closeButtonShown;
+}
+
+/**
+ * Resolve the accessible name for an action.
+ * Mirrors web's `aria-label={`${action.text} action`}`.
+ */
+function getActionAccessibilityLabel(text, override) {
+  return override ?? `${text} action`;
+}
+
+/** Numeric size for the close icon, from the same token web uses. */
+function getCloseIconSize(tokens) {
+  const raw = tokens.mainContainer.closeButton.height;
+  const parsed = typeof raw === 'number' ? raw : Number.parseFloat(String(raw));
+  return Number.isFinite(parsed) && parsed > 0 ? parsed : FALLBACK_CLOSE_ICON_SIZE;
+}
+//# sourceMappingURL=alert.utils.js.map

package/lib/commonjs/components/Alert/alert.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_node","require","ALERT_FLEX_BOX","exports","flexGrow","flexShrink","FALLBACK_CLOSE_ICON_SIZE","getAlertLayout","position","isBottom","AlertV2ActionPosition","BOTTOM","contentDirection","contentJustify","contentAlign","closeAlign","shouldShowSeparator","closeButtonShown","RIGHT","getActionAccessibilityLabel","text","override","getCloseIconSize","tokens","raw","mainContainer","closeButton","height","parsed","Number","parseFloat","String","isFinite"],"sourceRoot":"../../../../src","sources":["components/Alert/alert.utils.ts"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAC1BE,QAAQ,EAAE,CAAC;EACXC,UAAU,EAAE;AAChB,CAAU;;AAEV;AACO,MAAMC,wBAAwB,GAAAH,OAAA,CAAAG,wBAAA,GAAG,EAAE;AAW1C;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAACC,QAA+B,EAAe;EACzE,MAAMC,QAAQ,GAAGD,QAAQ,KAAKE,2BAAqB,CAACC,MAAM;EAE1D,OAAO;IACHC,gBAAgB,EAAEH,QAAQ,GAAG,QAAQ,GAAG,KAAK;IAC7CI,cAAc,EAAEJ,QAAQ,GAAG,eAAe,GAAG,YAAY;IACzDK,YAAY,EAAEL,QAAQ,GAAG,YAAY,GAAG,QAAQ;IAChDM,UAAU,EAAEN,QAAQ,GAAG,YAAY,GAAG;EAC1C,CAAC;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,mBAAmBA,CAC/BR,QAA+B,EAC/BS,gBAAyB,EAClB;EACP,OAAOT,QAAQ,KAAKE,2BAAqB,CAACQ,KAAK,IAAID,gBAAgB;AACvE;;AAEA;AACA;AACA;AACA;AACO,SAASE,2BAA2BA,CACvCC,IAAY,EACZC,QAAiB,EACX;EACN,OAAOA,QAAQ,IAAI,GAAGD,IAAI,SAAS;AACvC;;AAEA;AACO,SAASE,gBAAgBA,CAACC,MAAyB,EAAU;EAChE,MAAMC,GAAG,GAAGD,MAAM,CAACE,aAAa,CAACC,WAAW,CAACC,MAAM;EACnD,MAAMC,MAAM,GACR,OAAOJ,GAAG,KAAK,QAAQ,GAAGA,GAAG,GAAGK,MAAM,CAACC,UAAU,CAACC,MAAM,CAACP,GAAG,CAAC,CAAC;EAClE,OAAOK,MAAM,CAACG,QAAQ,CAACJ,MAAM,CAAC,IAAIA,MAAM,GAAG,CAAC,GACtCA,MAAM,GACNtB,wBAAwB;AAClC","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ALERT_FLEX_BOX", {
+  enumerable: true,
+  get: function () {
+    return _alertUtils.ALERT_FLEX_BOX;
+  }
+});
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function () {
+    return _Alert.default;
+  }
+});
+Object.defineProperty(exports, "FALLBACK_CLOSE_ICON_SIZE", {
+  enumerable: true,
+  get: function () {
+    return _alertUtils.FALLBACK_CLOSE_ICON_SIZE;
+  }
+});
+Object.defineProperty(exports, "getActionAccessibilityLabel", {
+  enumerable: true,
+  get: function () {
+    return _alertUtils.getActionAccessibilityLabel;
+  }
+});
+Object.defineProperty(exports, "getAlertLayout", {
+  enumerable: true,
+  get: function () {
+    return _alertUtils.getAlertLayout;
+  }
+});
+Object.defineProperty(exports, "getCloseIconSize", {
+  enumerable: true,
+  get: function () {
+    return _alertUtils.getCloseIconSize;
+  }
+});
+Object.defineProperty(exports, "shouldShowSeparator", {
+  enumerable: true,
+  get: function () {
+    return _alertUtils.shouldShowSeparator;
+  }
+});
+var _Alert = _interopRequireDefault(require("./Alert.js"));
+var _alertUtils = require("./alert.utils.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Alert","_interopRequireDefault","require","_alertUtils","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/Alert/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAD,OAAA;AAKsB,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/components/Button/Button.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _node = require("@juspay/blend-design-system/node");
+var _useNativeTokens = require("../../theme/useNativeTokens.js");
+var _Pressable = require("../../primitives/Pressable.js");
+var _Slot = require("../../primitives/Slot.js");
+var _Text = require("../../primitives/Text.js");
+var _buttonUtils = require("./button.utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Button — React Native implementation of web's `ButtonV2`.
+ *
+ * Imports only from `@juspay/blend-design-system/node` (the React-free token
+ * entry), the local adapters, and the local primitives — never from web's
+ * `context/`, `hooks/`, or `Primitives/` directories.
+ *
+ * Tokens resolve through `useNativeTokens('BUTTONV2')`, which reads theme and
+ * per-slot overrides from `BlendNativeProvider`. This replaces the earlier
+ * per-component `theme` prop, which offered no app-wide dark mode, no nested
+ * theme scopes, and no `componentTokens` overrides.
+ */
+const Button = /*#__PURE__*/(0, _react.forwardRef)(function Button({
+  buttonType = _node.ButtonV2Type.PRIMARY,
+  size = _node.ButtonV2Size.SMALL,
+  subType = _node.ButtonV2SubType.DEFAULT,
+  text,
+  leftSlot,
+  rightSlot,
+  loading = false,
+  disabled = false,
+  state = _node.ButtonV2State.DEFAULT,
+  buttonGroupPosition,
+  width,
+  minWidth,
+  maxWidth,
+  justifyContent = 'center',
+  onPress,
+  testID,
+  accessibilityLabel,
+  style,
+  ...rest
+}, ref) {
+  const tokens = (0, _useNativeTokens.useNativeTokens)('BUTTONV2');
+  const styles = (0, _react.useMemo)(() => (0, _buttonUtils.getButtonNativeStyles)(disabled, buttonType, subType, size, state, tokens, buttonGroupPosition), [disabled, buttonType, subType, size, state, tokens, buttonGroupPosition]);
+  const iconMaxHeights = (0, _buttonUtils.getIconMaxHeight)(subType, leftSlot?.maxHeight, rightSlot?.maxHeight, tokens.slotMaxHeight[size]);
+
+  // Icon colour tracks the resolved text colour for the current state, and
+  // is handed to the icon element explicitly by `Slot` — RN has no
+  // `currentColor` inheritance the way web's `Block` relies on.
+  const iconColor = styles.textColor;
+  const loaderColor = String(tokens.text.color[buttonType][subType].default ?? '#2563EB');
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [leftSlot?.slot ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.Slot, {
+      color: iconColor,
+      maxHeight: iconMaxHeights.left,
+      hidden: Boolean(text),
+      testID: testID ? `${testID}-left-slot` : undefined,
+      children: leftSlot.slot
+    }) : null, text ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      fontSize: tokens.text.fontSize[size],
+      fontWeight: tokens.text.fontWeight[size],
+      lineHeight: tokens.text.lineHeight?.[size],
+      color: styles.textColor,
+      textAlign: "center",
+      children: text
+    }) : null, rightSlot?.slot ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.Slot, {
+      color: iconColor,
+      maxHeight: iconMaxHeights.right,
+      hidden: Boolean(text),
+      testID: testID ? `${testID}-right-slot` : undefined,
+      children: rightSlot.slot
+    }) : null]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.Pressable, {
+    ref: ref,
+    background: styles.background,
+    activeBackground: styles.activeBackground,
+    disabledBackground: styles.disabledBackground,
+    border: styles.border,
+    activeBorder: styles.activeBorder,
+    disabledBorder: styles.disabledBorder,
+    borderRadius: styles.borderRadius,
+    boxShadow: styles.boxShadow,
+    activeBoxShadow: styles.activeBoxShadow,
+    paddingTop: styles.padding.top,
+    paddingRight: styles.padding.right,
+    paddingBottom: styles.padding.bottom,
+    paddingLeft: styles.padding.left,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: justifyContent,
+    gap: styles.gap
+    // Web defaults to `width: fit-content`; `auto` is RN's equivalent.
+    ,
+    width: width ?? 'auto',
+    minWidth: minWidth,
+    maxWidth: maxWidth,
+    height: styles.height,
+    disabled: disabled,
+    loading: loading,
+    loaderColor: loaderColor,
+    loaderSize: (0, _buttonUtils.getLoaderSize)(size),
+    onPress: onPress,
+    testID: testID,
+    accessibilityLabel: accessibilityLabel ?? text,
+    accessibilityRole: "button"
+    // Grouped members drop their shared edges; spread after the
+    // resolved surface so `borderWidth` still covers the other sides.
+    ,
+    style: {
+      ...styles.groupBorderWidths,
+      ...style
+    },
+    ...rest,
+    children: content
+  });
+});
+Button.displayName = 'Button';
+var _default = exports.default = Button;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_node","_useNativeTokens","_Pressable","_Slot","_Text","_buttonUtils","_jsxRuntime","Button","forwardRef","buttonType","ButtonV2Type","PRIMARY","size","ButtonV2Size","SMALL","subType","ButtonV2SubType","DEFAULT","text","leftSlot","rightSlot","loading","disabled","state","ButtonV2State","buttonGroupPosition","width","minWidth","maxWidth","justifyContent","onPress","testID","accessibilityLabel","style","rest","ref","tokens","useNativeTokens","styles","useMemo","getButtonNativeStyles","iconMaxHeights","getIconMaxHeight","maxHeight","slotMaxHeight","iconColor","textColor","loaderColor","String","color","default","content","jsxs","Fragment","children","slot","jsx","Slot","left","hidden","Boolean","undefined","Text","fontSize","fontWeight","lineHeight","textAlign","right","Pressable","background","activeBackground","disabledBackground","border","activeBorder","disabledBorder","borderRadius","boxShadow","activeBoxShadow","paddingTop","padding","top","paddingRight","paddingBottom","bottom","paddingLeft","flexDirection","alignItems","gap","height","loaderSize","getLoaderSize","accessibilityRole","groupBorderWidths","displayName","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Button/button.types.js

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

package/lib/commonjs/components/Button/button.types.js.map

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