blend-native 0.0.1-beta.0

package/lib/typescript/commonjs/adapters/cssStringAdapter.d.ts

@@ -0,0 +1,119 @@
+import type { ViewStyle } from 'react-native';
+/**
+ * Result of parsing a background token.
+ *
+ * - `flat` — solid color, apply via `backgroundColor`.
+ * - `gradient` — linear gradient, requires a `<LinearGradient>` wrapper.
+ * - `null` — `none` / transparent / unparseable; no background.
+ */
+export type ParsedBackground = {
+    type: 'flat';
+    color: string;
+} | {
+    type: 'gradient';
+    colors: string[];
+    locations: number[];
+    start: {
+        x: number;
+        y: number;
+    };
+    end: {
+        x: number;
+        y: number;
+    };
+} | null;
+/**
+ * Parse a CSS dimension string (`"6px"`, `"1.5px"`, `"0"`) into a number.
+ * Returns `undefined` for non-numeric input.
+ *
+ * `parseDimension("6px") → 6`
+ * `parseDimension("1.5px") → 1.5`
+ * `parseDimension("0") → 0`
+ */
+export declare function parseDimension(value: string | number | undefined): number | undefined;
+/**
+ * RN's type for anything that accepts a length or a percentage
+ * (`width`, `maxHeight`, `flexBasis`, ...).
+ */
+export type RNSize = number | `${number}%` | 'auto';
+/**
+ * Parse a CSS size value — `width`, `height`, `maxHeight`, `minWidth`, ... —
+ * into something RN's stylesheet actually understands.
+ *
+ * This is deliberately strict. `parseFloat` is NOT a safe fallback here: it
+ * turns `"100%"` into `100`, which RN renders as **100 pixels** rather than
+ * full width, and it silently accepts `"12abc"` (→ `12`) and `"50em"` (→ `50`).
+ * Anything not explicitly understood returns `undefined` so the caller skips
+ * the prop instead of laying out a wrong value.
+ *
+ * ```
+ * parseSize(24)            → 24
+ * parseSize('24px')        → 24
+ * parseSize('50%')         → '50%'
+ * parseSize('100%')        → '100%'
+ * parseSize('auto')        → 'auto'
+ * parseSize('fit-content') → 'auto'   // RN's nearest equivalent
+ * parseSize('min-content') → undefined
+ * parseSize('calc(1+2)')   → undefined
+ * parseSize('50em')        → undefined
+ * parseSize('12abc')       → undefined
+ * ```
+ */
+export declare function parseSize(value: string | number | undefined): RNSize | undefined;
+/**
+ * Parse a CSS time value (`"1.5s"`, `"200ms"`, `1500`) into milliseconds.
+ * Returns `undefined` for unparseable input so callers fall back to their
+ * own default duration.
+ *
+ * `parseDuration('1.5s') → 1500`
+ * `parseDuration('200ms') → 200`
+ */
+export declare function parseDuration(value: string | number | undefined): number | undefined;
+/**
+ * Parse a CSS `border` shorthand (`"1px solid #E1E4EA"`) into RN border props.
+ * Returns `{ borderWidth, borderColor }` — the only two border properties RN
+ * supports uniformly across iOS/Android.
+ *
+ * `parseBorder("1.5px solid #1A56DB") → { borderWidth: 1.5, borderColor: "#1A56DB" }`
+ * `parseBorder("none") → {}`
+ */
+export declare function parseBorder(value: string | undefined): Partial<Pick<ViewStyle, 'borderWidth' | 'borderColor'>>;
+/**
+ * Parse a CSS `border-radius` value into a number or corner-tuple for RN.
+ *
+ * Single value: `"10px" → 10`
+ * Four values (per CSS order TL TR BR BL): `"10px 0 0 10px" → { topLeft: 10, topRight: 0, bottomRight: 0, bottomLeft: 10 }`
+ *
+ * Returns `undefined` for unparseable input so callers can skip the prop.
+ */
+export declare function parseBorderRadius(value: string | number | undefined): number | Pick<ViewStyle, 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius'> | undefined;
+/**
+ * Parse one or more CSS `box-shadow` declarations into RN shadow/elevation props.
+ *
+ * RN does NOT support `inset` shadows — any `inset` declaration returns `null`
+ * (the caller should treat that as "no shadow"). Multiple comma-separated
+ * shadows are collapsed into the first non-inset shadow, because RN's shadow
+ * API models a single shadow.
+ *
+ * Focus-ring shadows (`"0 0 0 3px #EFF6FF"`) are parsed normally and become
+ * outer shadows — visually acceptable on native.
+ *
+ * Returns a `ViewStyle` subset: `shadowColor`, `shadowOffset`, `shadowOpacity`,
+ * `shadowRadius` (iOS) + `elevation` (Android).
+ */
+export declare function parseBoxShadow(value: string | undefined): Pick<ViewStyle, 'shadowColor' | 'shadowOffset' | 'shadowOpacity' | 'shadowRadius' | 'elevation'> | null;
+/**
+ * Parse a CSS `background` value into a `ParsedBackground`.
+ *
+ * - `"linear-gradient(180deg, #1A56DB -5%, #2563EB 107.5%)"` → gradient descriptor
+ *   (percentage midpoints outside [0,1] are clamped — known limitation)
+ * - `"#FFFFFF"` / `"rgb(255,255,255)"` → flat color
+ * - `"none"` / `"transparent"` → null
+ */
+export declare function parseBackground(value: string | undefined): ParsedBackground;
+/**
+ * Merge multiple style objects into one, skipping `undefined` values.
+ * Helper for composing adapter output with caller-provided overrides.
+ */
+export declare function mergeStyles<T extends object>(...styles: (T | undefined)[]): T;
+//# sourceMappingURL=cssStringAdapter.d.ts.map

package/lib/typescript/commonjs/adapters/cssStringAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssStringAdapter.d.ts","sourceRoot":"","sources":["../../../../src/adapters/cssStringAdapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAmC7C;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GACtB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC/B;IACI,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/B,GAAG,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAChC,GACD,IAAI,CAAA;AAEV;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GACnC,MAAM,GAAG,SAAS,CAQpB;AAED;;;GAGG;AACH,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAA;AAEnD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,SAAS,CACrB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GACnC,MAAM,GAAG,SAAS,CAuBpB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CACzB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GACnC,MAAM,GAAG,SAAS,CASpB;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CACvB,KAAK,EAAE,MAAM,GAAG,SAAS,GAC1B,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,aAAa,GAAG,aAAa,CAAC,CAAC,CAgBzD;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAEhC,MAAM,GACN,IAAI,CACA,SAAS,EACP,qBAAqB,GACrB,sBAAsB,GACtB,yBAAyB,GACzB,wBAAwB,CAC7B,GACD,SAAS,CAqBd;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,GAC1B,IAAI,CACH,SAAS,EACP,aAAa,GACb,cAAc,GACd,eAAe,GACf,cAAc,GACd,WAAW,CAChB,GAAG,IAAI,CAuDP;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,gBAAgB,CA4E3E;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,CAAC,CAY7E"}

package/lib/typescript/commonjs/adapters/optionalGradient.d.ts

@@ -0,0 +1,32 @@
+import type React from 'react';
+import type { ViewStyle } from 'react-native';
+/**
+ * Optional `expo-linear-gradient` probe, shared by every surface that can
+ * render a gradient (Pressable's gradient buttons, Skeleton's wave sweep).
+ *
+ * The probe must survive every build target this package ships:
+ *
+ * - **Metro (`react-native` condition, raw `src/`)** and the **CJS build**
+ *   (`require`/`default` conditions): `require` exists, the module loads
+ *   when installed, and the `catch` absorbs its absence.
+ * - **The ESM build** (`import` condition): there is no `require` in module
+ *   scope. The `typeof` guard makes the degradation explicit — gradient
+ *   surfaces fall back to a flat fill — instead of relying on a caught
+ *   `ReferenceError`. Bundlers that polyfill `require` in ESM (webpack)
+ *   still resolve the real module.
+ */
+export type GradientComponent = React.ComponentType<{
+    colors: readonly string[];
+    locations?: readonly number[];
+    start?: {
+        x: number;
+        y: number;
+    };
+    end?: {
+        x: number;
+        y: number;
+    };
+    style?: ViewStyle;
+}>;
+export declare let LinearGradient: GradientComponent | null;
+//# sourceMappingURL=optionalGradient.d.ts.map

package/lib/typescript/commonjs/adapters/optionalGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optionalGradient.d.ts","sourceRoot":"","sources":["../../../../src/adapters/optionalGradient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C;;;;;;;;;;;;;;GAcG;AAEH,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC;IAChD,MAAM,EAAE,SAAS,MAAM,EAAE,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAChC,GAAG,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAA;CACpB,CAAC,CAAA;AAIF,eAAO,IAAI,cAAc,EAAE,iBAAiB,GAAG,IAAW,CAAA"}

package/lib/typescript/commonjs/adapters/surfaceStyle.d.ts

@@ -0,0 +1,75 @@
+import type { ViewStyle } from 'react-native';
+import { type ParsedBackground } from './cssStringAdapter';
+/**
+ * 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`.
+ */
+export type SurfacePlatform = 'ios' | 'android' | 'web' | 'windows' | 'macos';
+export type SurfaceStyleProps = {
+    /** CSS-string background token — flat colour, gradient, or `none`. */
+    background?: string;
+    /** CSS-string border shorthand, e.g. `"1px solid #E1E4EA"`. */
+    border?: string;
+    /** CSS border-radius: `"10px"`, `"9999px"`, or a 4-value corner string. */
+    borderRadius?: string | number;
+    /** CSS box-shadow. Inset shadows are dropped (RN cannot render them). */
+    boxShadow?: string;
+    paddingTop?: string | number;
+    paddingRight?: string | number;
+    paddingBottom?: string | number;
+    paddingLeft?: string | number;
+    width?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    height?: string | number;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+    flexDirection?: ViewStyle['flexDirection'];
+    alignItems?: ViewStyle['alignItems'];
+    justifyContent?: ViewStyle['justifyContent'];
+    alignSelf?: ViewStyle['alignSelf'];
+    gap?: string | number;
+    flexShrink?: number;
+    flexGrow?: number;
+    opacity?: number;
+    overflow?: ViewStyle['overflow'];
+    /** Solid background colour, already RN-ready. Wins over `background`. */
+    backgroundColor?: string;
+};
+/**
+ * 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 declare function resolveBackground(background: string | undefined, explicitBackgroundColor: string | undefined): {
+    backgroundColor?: string;
+    gradient?: ParsedBackground;
+};
+/**
+ * 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 declare function resolveSurfaceStyle(props: SurfaceStyleProps, platform?: SurfacePlatform): ViewStyle;
+//# sourceMappingURL=surfaceStyle.d.ts.map

package/lib/typescript/commonjs/adapters/surfaceStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaceStyle.d.ts","sourceRoot":"","sources":["../../../../src/adapters/surfaceStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAOH,KAAK,gBAAgB,EACxB,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;;;;;GAcG;AAEH;;;;;;;GAOG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,CAAA;AAE7E,MAAM,MAAM,iBAAiB,GAAG;IAC5B,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE3B,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAClC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAChC,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAgBD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC7B,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,uBAAuB,EAAE,MAAM,GAAG,SAAS,GAC5C;IAAE,eAAe,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAA;CAAE,CAa3D;AAoCD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAC/B,KAAK,EAAE,iBAAiB,EACxB,QAAQ,GAAE,eAAuB,GAClC,SAAS,CAuDX"}

package/lib/typescript/commonjs/components/Alert/Alert.d.ts

@@ -0,0 +1,14 @@
+import type { View as RNView } from 'react-native';
+import type { AlertNativeProps } from './alert.types';
+/**
+ * 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.
+ */
+declare const Alert: import("react").ForwardRefExoticComponent<AlertNativeProps & import("react").RefAttributes<RNView>>;
+export default Alert;
+//# sourceMappingURL=Alert.d.ts.map

package/lib/typescript/commonjs/components/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAsBlD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD;;;;;;;;GAQG;AACH,QAAA,MAAM,KAAK,qGAgIT,CAAA;AAIF,eAAe,KAAK,CAAA"}

package/lib/typescript/commonjs/components/Alert/AlertActions.d.ts

@@ -0,0 +1,13 @@
+import type { AlertV2Type } from '@juspay/blend-design-system/node';
+import type { AlertActionTokens } from './alert.tokens';
+import type { AlertActions as AlertActionsConfig } from './alert.types';
+export type AlertActionsProps = {
+    actions?: AlertActionsConfig;
+    type: AlertV2Type;
+    tokens: AlertActionTokens;
+    testID?: string;
+};
+declare function AlertActionsImpl({ actions, type, tokens, testID, }: AlertActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const AlertActions: import("react").MemoExoticComponent<typeof AlertActionsImpl>;
+export {};
+//# sourceMappingURL=AlertActions.d.ts.map

package/lib/typescript/commonjs/components/Alert/AlertActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/AlertActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAKnE,OAAO,KAAK,EACR,iBAAiB,EAEpB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAER,YAAY,IAAI,kBAAkB,EACrC,MAAM,eAAe,CAAA;AA8CtB,MAAM,MAAM,iBAAiB,GAAG;IAC5B,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,EAAE,WAAW,CAAA;IACjB,MAAM,EAAE,iBAAiB,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,iBAAS,gBAAgB,CAAC,EACtB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,MAAM,GACT,EAAE,iBAAiB,kDAuBnB;AAED,eAAO,MAAM,YAAY,8DAAyB,CAAA"}

package/lib/typescript/commonjs/components/Alert/AlertClose.d.ts

@@ -0,0 +1,22 @@
+import type { ViewStyle } from 'react-native';
+import type { AlertCloseButton } from './alert.types';
+/**
+ * `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.
+ */
+export type AlertCloseProps = {
+    closeButton: AlertCloseButton;
+    color: string;
+    size: number;
+    alignSelf: ViewStyle['alignSelf'];
+    testID?: string;
+};
+declare function AlertCloseImpl({ closeButton, color, size, alignSelf, testID, }: AlertCloseProps): import("react/jsx-runtime").JSX.Element;
+export declare const AlertClose: import("react").MemoExoticComponent<typeof AlertCloseImpl>;
+export {};
+//# sourceMappingURL=AlertClose.d.ts.map

package/lib/typescript/commonjs/components/Alert/AlertClose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertClose.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/AlertClose.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAI7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD;;;;;;;;GAQG;AAEH,MAAM,MAAM,eAAe,GAAG;IAC1B,WAAW,EAAE,gBAAgB,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,iBAAS,cAAc,CAAC,EACpB,WAAW,EACX,KAAK,EACL,IAAI,EACJ,SAAS,EACT,MAAM,GACT,EAAE,eAAe,2CAkBjB;AAED,eAAO,MAAM,UAAU,4DAAuB,CAAA"}

package/lib/typescript/commonjs/components/Alert/AlertText.d.ts

@@ -0,0 +1,19 @@
+import type { AlertV2Type } from '@juspay/blend-design-system/node';
+import type { AlertTextTokens } from './alert.tokens';
+/**
+ * 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.
+ */
+export type AlertTextProps = {
+    heading?: string;
+    description?: string;
+    type: AlertV2Type;
+    tokens: AlertTextTokens;
+};
+declare function AlertTextImpl({ heading, description, type, tokens }: AlertTextProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const AlertText: import("react").MemoExoticComponent<typeof AlertTextImpl>;
+export {};
+//# sourceMappingURL=AlertText.d.ts.map

package/lib/typescript/commonjs/components/Alert/AlertText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertText.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/AlertText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAGnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAErD;;;;;;GAMG;AAEH,MAAM,MAAM,cAAc,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,WAAW,CAAA;IACjB,MAAM,EAAE,eAAe,CAAA;CAC1B,CAAA;AAED,iBAAS,aAAa,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,cAAc,kDAiC5E;AAED,eAAO,MAAM,SAAS,2DAAsB,CAAA"}

package/lib/typescript/commonjs/components/Alert/alert.tokens.d.ts

@@ -0,0 +1,17 @@
+import type { AlertV2TokensType } from '@juspay/blend-design-system/node';
+/**
+ * Named aliases for AlertV2's deeply-nested token paths.
+ *
+ * The raw paths run five levels deep
+ * (`mainContainer.content.actionContainer.primaryAction.fontSize`), so spelling
+ * them out at each use site buried the prop types. These are type-only and
+ * erase completely.
+ */
+export type AlertTextTokens = AlertV2TokensType['mainContainer']['content']['textContainer'];
+export type AlertActionTokens = AlertV2TokensType['mainContainer']['content']['actionContainer'];
+export type AlertCloseTokens = AlertV2TokensType['mainContainer']['closeButton'];
+/** One action's typography and per-type colour map. */
+export type AlertActionVariantTokens = AlertActionTokens['primaryAction'];
+/** The shape shared by the heading and description token groups. */
+export type AlertTextVariantTokens = AlertTextTokens['heading'];
+//# sourceMappingURL=alert.tokens.d.ts.map

package/lib/typescript/commonjs/components/Alert/alert.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.tokens.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/alert.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAEzE;;;;;;;GAOG;AAEH,MAAM,MAAM,eAAe,GACvB,iBAAiB,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,CAAA;AAElE,MAAM,MAAM,iBAAiB,GACzB,iBAAiB,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC,iBAAiB,CAAC,CAAA;AAEpE,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAAC,aAAa,CAAC,CAAA;AAEhF,uDAAuD;AACvD,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAAA;AAEzE,oEAAoE;AACpE,MAAM,MAAM,sBAAsB,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA"}

package/lib/typescript/commonjs/components/Alert/alert.types.d.ts

@@ -0,0 +1,70 @@
+import type React from 'react';
+import type { GestureResponderEvent, ViewStyle } from 'react-native';
+import type { AlertV2ActionPosition, AlertV2SubType, AlertV2Type } from '@juspay/blend-design-system/node';
+/**
+ * Props for the native `Alert`.
+ *
+ * Mirrors web `AlertV2Props` (`packages/blend/lib/components/AlertV2/
+ * alertV2.types.ts`) with DOM-specific pieces replaced by RN equivalents:
+ *
+ * - `onClick` handlers become `onPress`, carrying a `GestureResponderEvent`.
+ * - `HTMLAttributes` passthrough becomes RN `View` props via `...rest`.
+ * - `width` / `maxWidth` / `minWidth` accept token strings or numbers and are
+ *   resolved by `parseSize`.
+ */
+export type AlertSlot = {
+    slot: React.ReactNode;
+    /** Overrides the token-derived slot max height. */
+    maxHeight?: string | number;
+};
+export type AlertAction = {
+    text: string;
+    onPress?: (event: GestureResponderEvent) => void;
+    /** Overrides the accessible name, which defaults to `<text> action`. */
+    accessibilityLabel?: string;
+};
+export type AlertActions = {
+    /**
+     * `BOTTOM` stacks the actions under the text; `RIGHT` places them inline
+     * and enables the separator before the close button.
+     */
+    position?: AlertV2ActionPosition;
+    primaryAction?: AlertAction;
+    secondaryAction?: AlertAction;
+};
+export type AlertCloseButton = {
+    show?: boolean;
+    onPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Replaces the default lucide `X`. Tinted by `Slot` like any other icon,
+     * so a custom icon only needs to accept a `color` prop.
+     */
+    icon?: React.ReactNode;
+    accessibilityLabel?: string;
+};
+export type AlertNativeProps = {
+    type?: AlertV2Type;
+    subType?: AlertV2SubType;
+    slot?: AlertSlot;
+    heading?: string;
+    description?: string;
+    actions?: AlertActions;
+    closeButton?: AlertCloseButton;
+    width?: string | number;
+    maxWidth?: string | number;
+    minWidth?: string | number;
+    /**
+     * Announce the alert to assistive tech when it appears. Defaults to `true`,
+     * matching web's hard-coded `aria-live="assertive"`.
+     *
+     * Pass `false` for alerts that are part of a screen's initial content
+     * rather than a response to something the user did. Several alerts mounting
+     * at once each queue an announcement, so a static list of them talks over
+     * itself — the showcase in `apps/native-site` disables it for that reason.
+     */
+    announce?: boolean;
+    accessibilityLabel?: string;
+    testID?: string;
+    style?: ViewStyle;
+};
+//# sourceMappingURL=alert.types.d.ts.map

package/lib/typescript/commonjs/components/Alert/alert.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACpE,OAAO,KAAK,EACR,qBAAqB,EACrB,cAAc,EACd,WAAW,EACd,MAAM,kCAAkC,CAAA;AAEzC;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,SAAS,GAAG;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAChD,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,eAAe,CAAC,EAAE,WAAW,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAChD;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAE9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE1B;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA"}

package/lib/typescript/commonjs/components/Alert/alert.utils.d.ts

@@ -0,0 +1,58 @@
+import { AlertV2ActionPosition, type AlertV2TokensType } from '@juspay/blend-design-system/node';
+import type { ViewStyle } from 'react-native';
+/**
+ * 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 declare const ALERT_FLEX_BOX: {
+    readonly flexGrow: 1;
+    readonly flexShrink: 1;
+};
+/** Fallback icon size when the close-button token cannot be parsed. */
+export declare const FALLBACK_CLOSE_ICON_SIZE = 16;
+export type AlertLayout = {
+    /** Direction the text block and actions flow in. */
+    contentDirection: NonNullable<ViewStyle['flexDirection']>;
+    contentJustify: NonNullable<ViewStyle['justifyContent']>;
+    contentAlign: NonNullable<ViewStyle['alignItems']>;
+    /** Vertical alignment of the close button against the content. */
+    closeAlign: NonNullable<ViewStyle['alignItems']>;
+};
+/**
+ * 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 declare function getAlertLayout(position: AlertV2ActionPosition): AlertLayout;
+/**
+ * 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 declare function shouldShowSeparator(position: AlertV2ActionPosition, closeButtonShown: boolean): boolean;
+/**
+ * Resolve the accessible name for an action.
+ * Mirrors web's `aria-label={`${action.text} action`}`.
+ */
+export declare function getActionAccessibilityLabel(text: string, override?: string): string;
+/** Numeric size for the close icon, from the same token web uses. */
+export declare function getCloseIconSize(tokens: AlertV2TokensType): number;
+//# sourceMappingURL=alert.utils.d.ts.map

package/lib/typescript/commonjs/components/Alert/alert.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/alert.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,qBAAqB,EACrB,KAAK,iBAAiB,EACzB,MAAM,kCAAkC,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C;;;;;;GAMG;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc;;;CAGjB,CAAA;AAEV,uEAAuE;AACvE,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,MAAM,MAAM,WAAW,GAAG;IACtB,oDAAoD;IACpD,gBAAgB,EAAE,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAA;IACzD,cAAc,EAAE,WAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACxD,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;IAClD,kEAAkE;IAClE,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;CACnD,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,qBAAqB,GAAG,WAAW,CAS3E;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAC/B,QAAQ,EAAE,qBAAqB,EAC/B,gBAAgB,EAAE,OAAO,GAC1B,OAAO,CAET;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CACvC,IAAI,EAAE,MAAM,EACZ,QAAQ,CAAC,EAAE,MAAM,GAClB,MAAM,CAER;AAED,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAOlE"}

package/lib/typescript/commonjs/components/Alert/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Alert } from './Alert';
+export type { AlertNativeProps, AlertSlot, AlertAction, AlertActions, AlertCloseButton, } from './alert.types';
+export { getAlertLayout, shouldShowSeparator, getActionAccessibilityLabel, getCloseIconSize, } from './alert.utils';
+export type { AlertLayout } from './alert.utils';
+export { ALERT_FLEX_BOX, FALLBACK_CLOSE_ICON_SIZE } from './alert.utils';
+export type { AlertTextTokens, AlertActionTokens, AlertCloseTokens, } from './alert.tokens';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,YAAY,EACR,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,gBAAgB,GACnB,MAAM,eAAe,CAAA;AACtB,OAAO,EACH,cAAc,EACd,mBAAmB,EACnB,2BAA2B,EAC3B,gBAAgB,GACnB,MAAM,eAAe,CAAA;AACtB,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAA;AACxE,YAAY,EACR,eAAe,EACf,iBAAiB,EACjB,gBAAgB,GACnB,MAAM,gBAAgB,CAAA"}

package/lib/typescript/commonjs/components/Button/Button.d.ts

@@ -0,0 +1,22 @@
+import type { View as RNView } from 'react-native';
+/**
+ * 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.
+ */
+declare const Button: import("react").ForwardRefExoticComponent<Omit<import("@juspay/blend-design-system/node").ButtonBaseProps, "skeleton"> & {
+    onPress?: (event: import("react-native").GestureResponderEvent) => void;
+    disabled?: boolean;
+    testID?: string;
+    justifyContent?: import("react-native").ViewStyle["justifyContent"];
+    style?: import("react-native").ViewStyle;
+} & Omit<import("react-native").PressableProps, "children" | "style" | "testID" | "onPress" | "disabled"> & import("react").RefAttributes<RNView>>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/lib/typescript/commonjs/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAmBlD;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,MAAM;;;;;;kJA+IV,CAAA;AAIF,eAAe,MAAM,CAAA"}

package/lib/typescript/commonjs/components/Button/button.types.d.ts

@@ -0,0 +1,37 @@
+import type { GestureResponderEvent, PressableProps, ViewStyle } from 'react-native';
+import type { ButtonBaseProps } from '@juspay/blend-design-system/node';
+/**
+ * Props for the native `Button`.
+ *
+ * Extends web's `ButtonBaseProps` (buttonType, size, subType, text, slots,
+ * loading, state, width, ...) with DOM-specific pieces swapped for RN ones:
+ *
+ * - `onClick` → `onPress`, carrying a `GestureResponderEvent` so consumers
+ *   can read `nativeEvent.locationX` for anchored menus and popovers.
+ * - `data-testid` → `testID`.
+ * - `Omit<ButtonHTMLAttributes>` passthrough → `Omit<PressableProps>`, which
+ *   also supplies `onPressIn`/`onPressOut`/`onLongPress`/`hitSlop`/
+ *   `accessibilityHint` for free.
+ *
+ * `skeleton` is **omitted** rather than accepted-and-ignored. It is part of
+ * `ButtonBaseProps` on web, but there is no native `Skeleton` yet — leaving
+ * it in the type made `skeleton={{ showSkeleton: true }}` type-check while
+ * doing nothing. Omitting it turns that into a compile error instead.
+ */
+export type ButtonNativeProps = Omit<ButtonBaseProps, 'skeleton'> & {
+    /** Called when the button is pressed (replaces web `onClick`). */
+    onPress?: (event: GestureResponderEvent) => void;
+    /** Disables interaction and applies disabled tokens. */
+    disabled?: boolean;
+    /** RN test ID (replaces web `data-testid`). */
+    testID?: string;
+    /**
+     * Flex alignment along the main axis, for slot layout. Typed off RN's own
+     * `ViewStyle` rather than a hand-maintained union so it stays correct as
+     * RN adds values.
+     */
+    justifyContent?: ViewStyle['justifyContent'];
+    /** Escape hatch for RN styles the token props do not cover. */
+    style?: ViewStyle;
+} & Omit<PressableProps, 'style' | 'onPress' | 'disabled' | 'children' | 'testID'>;
+//# sourceMappingURL=button.types.d.ts.map

package/lib/typescript/commonjs/components/Button/button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,qBAAqB,EACrB,cAAc,EACd,SAAS,EACZ,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAEvE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG;IAChE,kEAAkE;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAChD,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAA;CACpB,GAAG,IAAI,CACA,cAAc,EACd,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAC3D,CAAA"}