blend-native 0.0.1-beta.0

package/lib/module/adapters/surfaceStyle.js

@@ -0,0 +1,155 @@
+"use strict";
+
+import { parseBackground, parseBorder, parseBorderRadius, parseBoxShadow, parseDimension, parseSize } from "./cssStringAdapter.js";
+
+/**
+ * Shared CSS-string → `ViewStyle` resolution for every native surface.
+ *
+ * Both `Block` (a plain `View`) and `Pressable` (an interactive surface) need
+ * to turn the same token-shaped CSS strings into RN styles. Before this
+ * existed, `Pressable` inlined the whole translation and `Block` had none at
+ * all — which meant a non-interactive container could not render a border,
+ * a radius, or a height. Components that switch between the two depending on
+ * whether they are interactive (web's `TagElement = onClick ? PrimitiveButton
+ * : Block` pattern) would have rendered differently in each branch.
+ *
+ * Pure and total: unparseable input is dropped rather than thrown, and no key
+ * is emitted for a value that could not be resolved, so `undefined`/`NaN`
+ * never reaches RN's stylesheet.
+ */
+
+/**
+ * Which platform's shadow model to emit.
+ *
+ * Passed in rather than read from `Platform.OS` so this module stays free of
+ * any `react-native` value import and remains unit-testable outside a
+ * renderer — the same constraint that shapes `theme/breakpoint.ts` and
+ * `primitives/touchTarget.ts`.
+ */
+
+/**
+ * Assign `value` to `target[key]` only when it is a usable style value.
+ * Keeps `undefined` and `NaN` out of the emitted `ViewStyle`.
+ */
+function put(target, key, value) {
+  if (value === undefined || value === null) return;
+  if (typeof value === 'number' && Number.isNaN(value)) return;
+  target[key] = value;
+}
+
+/**
+ * Resolve the parsed background into `backgroundColor`, and report whether a
+ * gradient was requested. Gradients cannot be expressed as a `ViewStyle`, so
+ * callers that support them (`Pressable`) render a `<LinearGradient>` layer
+ * and callers that do not fall back to the gradient's first colour.
+ */
+export function resolveBackground(background, explicitBackgroundColor) {
+  if (explicitBackgroundColor) {
+    return {
+      backgroundColor: explicitBackgroundColor
+    };
+  }
+  const parsed = parseBackground(background);
+  if (!parsed) return {};
+  if (parsed.type === 'flat') return {
+    backgroundColor: parsed.color
+  };
+
+  // Gradient — hand it back for the caller to render, and supply the first
+  // stop as a static fallback so a non-gradient-capable surface still shows
+  // something in the right colour family rather than transparent.
+  return {
+    backgroundColor: parsed.colors[0],
+    gradient: parsed
+  };
+}
+
+/**
+ * Apply the shadow model the platform actually understands.
+ *
+ * The two are mutually exclusive in practice:
+ *
+ * - **iOS** renders `shadowColor` / `shadowOffset` / `shadowOpacity` /
+ *   `shadowRadius` and ignores `elevation` entirely.
+ * - **Android** renders only `elevation`, and before API 28 it ignores
+ *   `shadowColor` — so emitting the iOS keys alongside it is at best dead
+ *   weight and at worst misleading to anyone reading the resolved style.
+ * - **Web** (react-native-web) maps the iOS keys onto `box-shadow`, as do
+ *   RN-Windows and RN-macOS — so Android is the only platform that diverges.
+ *
+ * Emitting both unconditionally, as this used to, meant every surface carried
+ * four properties the running platform would never read.
+ */
+function applyShadow(style, shadow, platform) {
+  if (!shadow) return;
+  if (platform === 'android') {
+    put(style, 'elevation', shadow.elevation);
+    return;
+  }
+  put(style, 'shadowColor', shadow.shadowColor);
+  put(style, 'shadowOffset', shadow.shadowOffset);
+  put(style, 'shadowOpacity', shadow.shadowOpacity);
+  put(style, 'shadowRadius', shadow.shadowRadius);
+}
+
+/**
+ * Translate token-shaped surface props into a `ViewStyle`.
+ *
+ * Gradients are reported separately via `resolveBackground` — this function
+ * emits only the flat-colour fallback, so it is safe for any `View`.
+ */
+export function resolveSurfaceStyle(props, platform = 'ios') {
+  const style = {};
+
+  // ---- Background -----------------------------------------------------
+  const {
+    backgroundColor
+  } = resolveBackground(props.background, props.backgroundColor);
+  put(style, 'backgroundColor', backgroundColor);
+
+  // ---- Border ---------------------------------------------------------
+  const borderStyle = parseBorder(props.border);
+  put(style, 'borderWidth', borderStyle.borderWidth);
+  put(style, 'borderColor', borderStyle.borderColor);
+
+  // ---- Radius ---------------------------------------------------------
+  const radius = parseBorderRadius(props.borderRadius);
+  if (typeof radius === 'number') {
+    put(style, 'borderRadius', radius);
+  } else if (radius && typeof radius === 'object') {
+    put(style, 'borderTopLeftRadius', radius.borderTopLeftRadius);
+    put(style, 'borderTopRightRadius', radius.borderTopRightRadius);
+    put(style, 'borderBottomRightRadius', radius.borderBottomRightRadius);
+    put(style, 'borderBottomLeftRadius', radius.borderBottomLeftRadius);
+  }
+
+  // ---- Shadow ---------------------------------------------------------
+  applyShadow(style, parseBoxShadow(props.boxShadow), platform);
+
+  // ---- Spacing --------------------------------------------------------
+  put(style, 'paddingTop', parseDimension(props.paddingTop));
+  put(style, 'paddingRight', parseDimension(props.paddingRight));
+  put(style, 'paddingBottom', parseDimension(props.paddingBottom));
+  put(style, 'paddingLeft', parseDimension(props.paddingLeft));
+  put(style, 'gap', parseDimension(props.gap));
+
+  // ---- Sizing ---------------------------------------------------------
+  put(style, 'width', parseSize(props.width));
+  put(style, 'minWidth', parseSize(props.minWidth));
+  put(style, 'maxWidth', parseSize(props.maxWidth));
+  put(style, 'height', parseSize(props.height));
+  put(style, 'minHeight', parseSize(props.minHeight));
+  put(style, 'maxHeight', parseSize(props.maxHeight));
+
+  // ---- Layout (already RN-shaped) -------------------------------------
+  put(style, 'flexDirection', props.flexDirection);
+  put(style, 'alignItems', props.alignItems);
+  put(style, 'justifyContent', props.justifyContent);
+  put(style, 'alignSelf', props.alignSelf);
+  put(style, 'flexShrink', props.flexShrink);
+  put(style, 'flexGrow', props.flexGrow);
+  put(style, 'opacity', props.opacity);
+  put(style, 'overflow', props.overflow);
+  return style;
+}
+//# sourceMappingURL=surfaceStyle.js.map

package/lib/module/adapters/surfaceStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseBackground","parseBorder","parseBorderRadius","parseBoxShadow","parseDimension","parseSize","put","target","key","value","undefined","Number","isNaN","resolveBackground","background","explicitBackgroundColor","backgroundColor","parsed","type","color","colors","gradient","applyShadow","style","shadow","platform","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","resolveSurfaceStyle","props","borderStyle","border","borderWidth","borderColor","radius","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","boxShadow","paddingTop","paddingRight","paddingBottom","paddingLeft","gap","width","minWidth","maxWidth","height","minHeight","maxHeight","flexDirection","alignItems","justifyContent","alignSelf","flexShrink","flexGrow","opacity","overflow"],"sourceRoot":"../../../src","sources":["adapters/surfaceStyle.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Alert/Alert.js

@@ -0,0 +1,126 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { AlertV2ActionPosition, AlertV2SubType, AlertV2Type } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { Block } from "../../primitives/Block.js";
+import { Separator } from "../../primitives/Separator.js";
+import { Slot } from "../../primitives/Slot.js";
+import { buildAnnouncement } from "../../a11y/announcement.js";
+import { useLiveRegionAnnounce } from "../../a11y/useLiveRegion.js";
+import { AlertActions } from "./AlertActions.js";
+import { AlertClose } from "./AlertClose.js";
+import { AlertText } from "./AlertText.js";
+import { ALERT_FLEX_BOX, getAlertLayout, getCloseIconSize, shouldShowSeparator } from "./alert.utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "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__*/forwardRef(function Alert({
+  type = AlertV2Type.PRIMARY,
+  subType = AlertV2SubType.SUBTLE,
+  slot,
+  heading,
+  description,
+  actions,
+  closeButton = {
+    show: true
+  },
+  width,
+  maxWidth,
+  minWidth,
+  announce = true,
+  accessibilityLabel,
+  testID,
+  style
+}, ref) {
+  const tokens = useNativeTokens('ALERTV2');
+  const position = actions?.position ?? AlertV2ActionPosition.BOTTOM;
+  const layout = useMemo(() => getAlertLayout(position), [position]);
+  const closeShown = Boolean(closeButton?.show);
+  const showSeparator = 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 = useMemo(() => buildAnnouncement(heading, description), [heading, description]);
+  useLiveRegionAnnounce(announcement, announce);
+  const hasText = Boolean(heading || description);
+  return /*#__PURE__*/_jsxs(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__*/_jsxs(Block, {
+      ...ALERT_FLEX_BOX,
+      flexDirection: "row",
+      gap: tokens.mainContainer.gap,
+      children: [slot?.slot ? /*#__PURE__*/_jsx(Slot, {
+        maxHeight: slot.maxHeight ?? tokens.slot.maxHeight,
+        hidden: hasText,
+        testID: testID ? `${testID}-slot` : undefined,
+        children: slot.slot
+      }) : null, /*#__PURE__*/_jsxs(Block, {
+        ...ALERT_FLEX_BOX,
+        flexDirection: layout.contentDirection,
+        justifyContent: layout.contentJustify,
+        alignItems: layout.contentAlign,
+        gap: tokens.mainContainer.content.gap[position],
+        children: [/*#__PURE__*/_jsx(AlertText, {
+          heading: heading,
+          description: description,
+          type: type,
+          tokens: tokens.mainContainer.content.textContainer
+        }), /*#__PURE__*/_jsx(AlertActions, {
+          actions: actions,
+          type: type,
+          tokens: tokens.mainContainer.content.actionContainer,
+          testID: testID
+        })]
+      })]
+    }), showSeparator ? /*#__PURE__*/_jsx(Separator, {
+      testID: testID ? `${testID}-separator` : undefined
+    }) : null, closeShown ? /*#__PURE__*/_jsx(AlertClose, {
+      closeButton: closeButton,
+      color: String(tokens.mainContainer.closeButton.color[type]),
+      size: getCloseIconSize(tokens),
+      alignSelf: layout.closeAlign,
+      testID: testID ? `${testID}-close` : undefined
+    }) : null]
+  });
+});
+Alert.displayName = 'Alert';
+export default Alert;
+//# sourceMappingURL=Alert.js.map

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

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

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

@@ -0,0 +1,70 @@
+"use strict";
+
+import { memo } from 'react';
+import { Block } from "../../primitives/Block.js";
+import { Pressable } from "../../primitives/Pressable.js";
+import { Text } from "../../primitives/Text.js";
+import { getActionAccessibilityLabel } from "./alert.utils.js";
+
+/**
+ * `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.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function ActionLink({
+  action,
+  type,
+  tokens,
+  testID
+}) {
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: action.onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: getActionAccessibilityLabel(action.text, action.accessibilityLabel),
+    testID: testID,
+    alignSelf: "flex-start",
+    children: /*#__PURE__*/_jsx(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__*/_jsxs(Block, {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: tokens.gap,
+    children: [actions.primaryAction ? /*#__PURE__*/_jsx(ActionLink, {
+      action: actions.primaryAction,
+      type: type,
+      tokens: tokens.primaryAction,
+      testID: testID ? `${testID}-primary-action` : undefined
+    }) : null, actions.secondaryAction ? /*#__PURE__*/_jsx(ActionLink, {
+      action: actions.secondaryAction,
+      type: type,
+      tokens: tokens.secondaryAction,
+      testID: testID ? `${testID}-secondary-action` : undefined
+    }) : null]
+  });
+}
+export const AlertActions = /*#__PURE__*/memo(AlertActionsImpl);
+AlertActions.displayName = 'AlertActions';
+//# sourceMappingURL=AlertActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","Block","Pressable","Text","getActionAccessibilityLabel","jsx","_jsx","jsxs","_jsxs","ActionLink","action","type","tokens","testID","onPress","accessibilityRole","accessibilityLabel","text","alignSelf","children","fontSize","fontWeight","lineHeight","color","String","numberOfLines","ellipsizeMode","AlertActionsImpl","actions","primaryAction","secondaryAction","flexDirection","alignItems","gap","undefined","AlertActions","displayName"],"sourceRoot":"../../../../src","sources":["components/Alert/AlertActions.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAASC,KAAK,QAAQ,2BAAwB;AAC9C,SAASC,SAAS,QAAQ,+BAA4B;AACtD,SAASC,IAAI,QAAQ,0BAAuB;AAC5C,SAASC,2BAA2B,QAAQ,kBAAe;;AAU3D;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAeA,SAASC,UAAUA,CAAC;EAAEC,MAAM;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAAwB,CAAC,EAAE;EACnE,oBACIP,IAAA,CAACJ,SAAS;IACNY,OAAO,EAAEJ,MAAM,CAACI,OAAQ;IACxBC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAEZ,2BAA2B,CAC3CM,MAAM,CAACO,IAAI,EACXP,MAAM,CAACM,kBACX,CAAE;IACFH,MAAM,EAAEA,MAAO;IACfK,SAAS,EAAC,YAAY;IAAAC,QAAA,eAEtBb,IAAA,CAACH,IAAI;MACDiB,QAAQ,EAAER,MAAM,CAACQ,QAAS;MAC1BC,UAAU,EAAET,MAAM,CAACS,UAAW;MAC9BC,UAAU,EAAEV,MAAM,CAACU,UAAW;MAC9BC,KAAK,EAAEC,MAAM,CAACZ,MAAM,CAACW,KAAK,CAACZ,IAAI,CAAC;MAChC;MACA;MACA;MAAA;MACAc,aAAa,EAAE,CAAE;MACjBC,aAAa,EAAC,MAAM;MAAAP,QAAA,EAEnBT,MAAM,CAACO;IAAI,CACV;EAAC,CACA,CAAC;AAEpB;AASA,SAASU,gBAAgBA,CAAC;EACtBC,OAAO;EACPjB,IAAI;EACJC,MAAM;EACNC;AACe,CAAC,EAAE;EAClB,IAAI,CAACe,OAAO,EAAEC,aAAa,IAAI,CAACD,OAAO,EAAEE,eAAe,EAAE,OAAO,IAAI;EAErE,oBACItB,KAAA,CAACP,KAAK;IAAC8B,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,GAAG,EAAErB,MAAM,CAACqB,GAAI;IAAAd,QAAA,GAC1DS,OAAO,CAACC,aAAa,gBAClBvB,IAAA,CAACG,UAAU;MACPC,MAAM,EAAEkB,OAAO,CAACC,aAAc;MAC9BlB,IAAI,EAAEA,IAAK;MACXC,MAAM,EAAEA,MAAM,CAACiB,aAAc;MAC7BhB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,iBAAiB,GAAGqB;IAAU,CAC3D,CAAC,GACF,IAAI,EACPN,OAAO,CAACE,eAAe,gBACpBxB,IAAA,CAACG,UAAU;MACPC,MAAM,EAAEkB,OAAO,CAACE,eAAgB;MAChCnB,IAAI,EAAEA,IAAK;MACXC,MAAM,EAAEA,MAAM,CAACkB,eAAgB;MAC/BjB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,mBAAmB,GAAGqB;IAAU,CAC7D,CAAC,GACF,IAAI;EAAA,CACL,CAAC;AAEhB;AAEA,OAAO,MAAMC,YAAY,gBAAGnC,IAAI,CAAC2B,gBAAgB,CAAC;AAClDQ,YAAY,CAACC,WAAW,GAAG,cAAc","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+import { memo } from 'react';
+import { X } from 'lucide-react-native';
+import { Pressable } from "../../primitives/Pressable.js";
+import { Slot } from "../../primitives/Slot.js";
+
+/**
+ * `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.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+function AlertCloseImpl({
+  closeButton,
+  color,
+  size,
+  alignSelf,
+  testID
+}) {
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: closeButton.onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: closeButton.accessibilityLabel ?? 'Close',
+    testID: testID,
+    alignSelf: alignSelf,
+    alignItems: "center",
+    justifyContent: "center",
+    children: closeButton.icon ? /*#__PURE__*/_jsx(Slot, {
+      color: color,
+      children: closeButton.icon
+    }) : /*#__PURE__*/_jsx(X, {
+      size: size,
+      color: color
+    })
+  });
+}
+export const AlertClose = /*#__PURE__*/memo(AlertCloseImpl);
+AlertClose.displayName = 'AlertClose';
+//# sourceMappingURL=AlertClose.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","X","Pressable","Slot","jsx","_jsx","AlertCloseImpl","closeButton","color","size","alignSelf","testID","onPress","accessibilityRole","accessibilityLabel","alignItems","justifyContent","children","icon","AlertClose","displayName"],"sourceRoot":"../../../../src","sources":["components/Alert/AlertClose.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAASC,CAAC,QAAQ,qBAAqB;AACvC,SAASC,SAAS,QAAQ,+BAA4B;AACtD,SAASC,IAAI,QAAQ,0BAAuB;;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA,SAAAC,GAAA,IAAAC,IAAA;AAkBA,SAASC,cAAcA,CAAC;EACpBC,WAAW;EACXC,KAAK;EACLC,IAAI;EACJC,SAAS;EACTC;AACa,CAAC,EAAE;EAChB,oBACIN,IAAA,CAACH,SAAS;IACNU,OAAO,EAAEL,WAAW,CAACK,OAAQ;IAC7BC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAEP,WAAW,CAACO,kBAAkB,IAAI,OAAQ;IAC9DH,MAAM,EAAEA,MAAO;IACfD,SAAS,EAAEA,SAAU;IACrBK,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IAAAC,QAAA,EAEtBV,WAAW,CAACW,IAAI,gBACbb,IAAA,CAACF,IAAI;MAACK,KAAK,EAAEA,KAAM;MAAAS,QAAA,EAAEV,WAAW,CAACW;IAAI,CAAO,CAAC,gBAE7Cb,IAAA,CAACJ,CAAC;MAACQ,IAAI,EAAEA,IAAK;MAACD,KAAK,EAAEA;IAAM,CAAE;EACjC,CACM,CAAC;AAEpB;AAEA,OAAO,MAAMW,UAAU,gBAAGnB,IAAI,CAACM,cAAc,CAAC;AAC9Ca,UAAU,CAACC,WAAW,GAAG,YAAY","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+import { memo } from 'react';
+import { Block } from "../../primitives/Block.js";
+import { Text } from "../../primitives/Text.js";
+
+/**
+ * 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.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function AlertTextImpl({
+  heading,
+  description,
+  type,
+  tokens
+}) {
+  if (!heading && !description) return null;
+  return /*#__PURE__*/_jsxs(Block, {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexDirection: "column",
+    gap: tokens.gap,
+    children: [heading ? /*#__PURE__*/_jsx(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__*/_jsx(Text, {
+      fontSize: tokens.description.fontSize,
+      fontWeight: tokens.description.fontWeight,
+      lineHeight: tokens.description.lineHeight,
+      color: String(tokens.description.color[type]),
+      children: description
+    }) : null]
+  });
+}
+export const AlertText = /*#__PURE__*/memo(AlertTextImpl);
+AlertText.displayName = 'AlertText';
+//# sourceMappingURL=AlertText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","Block","Text","jsx","_jsx","jsxs","_jsxs","AlertTextImpl","heading","description","type","tokens","flexGrow","flexShrink","flexDirection","gap","children","accessibilityRole","fontSize","fontWeight","lineHeight","color","String","AlertText","displayName"],"sourceRoot":"../../../../src","sources":["components/Alert/AlertText.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAASC,KAAK,QAAQ,2BAAwB;AAC9C,SAASC,IAAI,QAAQ,0BAAuB;;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAeA,SAASC,aAAaA,CAAC;EAAEC,OAAO;EAAEC,WAAW;EAAEC,IAAI;EAAEC;AAAuB,CAAC,EAAE;EAC3E,IAAI,CAACH,OAAO,IAAI,CAACC,WAAW,EAAE,OAAO,IAAI;EAEzC,oBACIH,KAAA,CAACL,KAAK;IACFW,QAAQ,EAAE,CAAE;IACZC,UAAU,EAAE,CAAE;IACdC,aAAa,EAAC,QAAQ;IACtBC,GAAG,EAAEJ,MAAM,CAACI,GAAI;IAAAC,QAAA,GAEfR,OAAO,gBACJJ,IAAA,CAACF,IAAI;MACDe,iBAAiB,EAAC,QAAQ;MAC1BC,QAAQ,EAAEP,MAAM,CAACH,OAAO,CAACU,QAAS;MAClCC,UAAU,EAAER,MAAM,CAACH,OAAO,CAACW,UAAW;MACtCC,UAAU,EAAET,MAAM,CAACH,OAAO,CAACY,UAAW;MACtCC,KAAK,EAAEC,MAAM,CAACX,MAAM,CAACH,OAAO,CAACa,KAAK,CAACX,IAAI,CAAC,CAAE;MAAAM,QAAA,EAEzCR;IAAO,CACN,CAAC,GACP,IAAI,EACPC,WAAW,gBACRL,IAAA,CAACF,IAAI;MACDgB,QAAQ,EAAEP,MAAM,CAACF,WAAW,CAACS,QAAS;MACtCC,UAAU,EAAER,MAAM,CAACF,WAAW,CAACU,UAAW;MAC1CC,UAAU,EAAET,MAAM,CAACF,WAAW,CAACW,UAAW;MAC1CC,KAAK,EAAEC,MAAM,CAACX,MAAM,CAACF,WAAW,CAACY,KAAK,CAACX,IAAI,CAAC,CAAE;MAAAM,QAAA,EAE7CP;IAAW,CACV,CAAC,GACP,IAAI;EAAA,CACL,CAAC;AAEhB;AAEA,OAAO,MAAMc,SAAS,gBAAGvB,IAAI,CAACO,aAAa,CAAC;AAC5CgB,SAAS,CAACC,WAAW,GAAG,WAAW","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,72 @@
+"use strict";
+
+import { AlertV2ActionPosition } from '@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.
+ */
+export const ALERT_FLEX_BOX = {
+  flexGrow: 1,
+  flexShrink: 1
+};
+
+/** Fallback icon size when the close-button token cannot be parsed. */
+export const 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`.
+ */
+export function getAlertLayout(position) {
+  const isBottom = position === 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.
+ */
+export function shouldShowSeparator(position, closeButtonShown) {
+  return position === AlertV2ActionPosition.RIGHT && closeButtonShown;
+}
+
+/**
+ * Resolve the accessible name for an action.
+ * Mirrors web's `aria-label={`${action.text} action`}`.
+ */
+export function getActionAccessibilityLabel(text, override) {
+  return override ?? `${text} action`;
+}
+
+/** Numeric size for the close icon, from the same token web uses. */
+export 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/module/components/Alert/alert.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AlertV2ActionPosition","ALERT_FLEX_BOX","flexGrow","flexShrink","FALLBACK_CLOSE_ICON_SIZE","getAlertLayout","position","isBottom","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,SACIA,qBAAqB,QAElB,kCAAkC;AAGzC;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAG;EAC1BC,QAAQ,EAAE,CAAC;EACXC,UAAU,EAAE;AAChB,CAAU;;AAEV;AACA,OAAO,MAAMC,wBAAwB,GAAG,EAAE;AAW1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAACC,QAA+B,EAAe;EACzE,MAAMC,QAAQ,GAAGD,QAAQ,KAAKN,qBAAqB,CAACQ,MAAM;EAE1D,OAAO;IACHC,gBAAgB,EAAEF,QAAQ,GAAG,QAAQ,GAAG,KAAK;IAC7CG,cAAc,EAAEH,QAAQ,GAAG,eAAe,GAAG,YAAY;IACzDI,YAAY,EAAEJ,QAAQ,GAAG,YAAY,GAAG,QAAQ;IAChDK,UAAU,EAAEL,QAAQ,GAAG,YAAY,GAAG;EAC1C,CAAC;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,mBAAmBA,CAC/BP,QAA+B,EAC/BQ,gBAAyB,EAClB;EACP,OAAOR,QAAQ,KAAKN,qBAAqB,CAACe,KAAK,IAAID,gBAAgB;AACvE;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASE,2BAA2BA,CACvCC,IAAY,EACZC,QAAiB,EACX;EACN,OAAOA,QAAQ,IAAI,GAAGD,IAAI,SAAS;AACvC;;AAEA;AACA,OAAO,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,GACNrB,wBAAwB;AAClC","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+export { default as Alert } from "./Alert.js";
+export { getAlertLayout, shouldShowSeparator, getActionAccessibilityLabel, getCloseIconSize } from "./alert.utils.js";
+export { ALERT_FLEX_BOX, FALLBACK_CLOSE_ICON_SIZE } from "./alert.utils.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","Alert","getAlertLayout","shouldShowSeparator","getActionAccessibilityLabel","getCloseIconSize","ALERT_FLEX_BOX","FALLBACK_CLOSE_ICON_SIZE"],"sourceRoot":"../../../../src","sources":["components/Alert/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,KAAK,QAAQ,YAAS;AAQ1C,SACIC,cAAc,EACdC,mBAAmB,EACnBC,2BAA2B,EAC3BC,gBAAgB,QACb,kBAAe;AAEtB,SAASC,cAAc,EAAEC,wBAAwB,QAAQ,kBAAe","ignoreList":[]}