blend-native 0.0.1-beta.0

package/lib/typescript/module/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/module/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/module/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/module/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"}

package/lib/typescript/module/components/Button/button.utils.d.ts

@@ -0,0 +1,98 @@
+import type { ViewStyle } from 'react-native';
+import { ButtonV2Size, ButtonV2State, ButtonV2SubType, ButtonV2Type, type ButtonV2TokensType } from '@juspay/blend-design-system/node';
+import { type GroupPosition } from '../shared/group.js';
+/**
+ * Native ButtonV2 style resolver.
+ *
+ * Reimplements `packages/blend/lib/components/ButtonV2/utils.ts` for RN. Web
+ * builds a `ButtonStylesReturn` carrying `_active` / `_hover` /
+ * `_focusVisible` / `_disabled` pseudo-state maps; RN has no pseudo-selectors,
+ * so this returns the token strings per state and lets `Pressable` compose
+ * them against `{ pressed }`.
+ *
+ * `_hover` and `_focusVisible` have no native counterpart and are dropped.
+ */
+export type ButtonV2NativeStyles = {
+    /** CSS-string background token for the default state. */
+    background: string;
+    activeBackground: string;
+    disabledBackground: string;
+    /** CSS-string border token per state. */
+    border: string;
+    activeBorder: string;
+    disabledBorder: string;
+    /** CSS-string box-shadow token per state. */
+    boxShadow: string;
+    activeBoxShadow: string;
+    /** Resolved text/icon colour for the current state. */
+    textColor: string;
+    /** Padding token strings per direction. */
+    padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+    gap: string;
+    borderRadius: string;
+    /**
+     * Border widths to overlay for the group position. Interior members drop
+     * their shared edges so a seam is one line wide, not two.
+     */
+    groupBorderWidths: Pick<ViewStyle, 'borderLeftWidth' | 'borderRightWidth'>;
+    /** `'auto'` for the inline subType, otherwise undefined. */
+    height: string | undefined;
+};
+/**
+ * Resolve padding tokens per direction.
+ * Mirrors `getButtonPadding` in web `utils.ts`.
+ */
+export declare function getButtonPadding(size: ButtonV2Size, buttonType: ButtonV2Type, subType: ButtonV2SubType, tokens: ButtonV2TokensType): {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+};
+/**
+ * Resolve the border radius, collapsing joined edges inside a button group.
+ *
+ * Mirrors `getButtonV2BorderRadius` in web `utils.ts`. The collapsing itself
+ * lives in `shared/group` because Tag needs the same algorithm.
+ */
+export declare function getButtonV2BorderRadius(size: ButtonV2Size, buttonType: ButtonV2Type, subType: ButtonV2SubType, buttonGroupPosition: GroupPosition | undefined, tokens: ButtonV2TokensType): string;
+/**
+ * Resolve the max height for each icon slot.
+ *
+ * Mirrors `getIconMaxHeight` in web `utils.ts`, including both behaviours
+ * that were previously missing on native: the inline subType stretches slots
+ * to `100%`, and a per-slot `maxHeight` overrides the size-derived default.
+ */
+export declare function getIconMaxHeight(subType: ButtonV2SubType, leftSlotMaxHeight: string | number | undefined, rightSlotMaxHeight: string | number | undefined, defaultMaxHeight: string | number): {
+    left: string | number;
+    right: string | number;
+};
+/**
+ * Height override for the inline subType.
+ * Mirrors `getButtonHeight` in web `utils.ts` (`fit-content` → RN `auto`).
+ */
+export declare function getButtonHeight(subType: ButtonV2SubType): string | undefined;
+/**
+ * Spinner size for the current button size.
+ *
+ * Web maps these to explicit pixel sizes (16/18/20 for sm/md/lg) so the
+ * loader never overflows a small button; RN's `ActivityIndicator` accepts a
+ * number on both platforms.
+ */
+export declare function getLoaderSize(size: ButtonV2Size): number;
+/**
+ * Resolve the text/icon colour for the current state.
+ * Mirrors `getTextColor` in web `utils.ts`.
+ */
+export declare function getTextColor(disabled: boolean | undefined, state: ButtonV2State, buttonType: ButtonV2Type, subType: ButtonV2SubType, tokens: ButtonV2TokensType): string;
+/**
+ * Compute the full native style set for a button.
+ *
+ * The native equivalent of `getButtonStyles` in web `utils.ts`.
+ */
+export declare function getButtonNativeStyles(isDisabled: boolean, buttonType: ButtonV2Type, subType: ButtonV2SubType, size: ButtonV2Size, state: ButtonV2State, tokens: ButtonV2TokensType, buttonGroupPosition?: GroupPosition): ButtonV2NativeStyles;
+//# sourceMappingURL=button.utils.d.ts.map

package/lib/typescript/module/components/Button/button.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/button.utils.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/components/Button/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Button } from './Button.js';
+export type { ButtonNativeProps } from './button.types.js';
+export { getButtonNativeStyles, getButtonPadding, getButtonV2BorderRadius, getButtonHeight, getIconMaxHeight, getLoaderSize, getTextColor, } from './button.utils.js';
+export type { ButtonV2NativeStyles } from './button.utils.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAU,CAAA;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAgB,CAAA;AACvD,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,uBAAuB,EACvB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,YAAY,GACf,MAAM,mBAAgB,CAAA;AACvB,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAgB,CAAA"}

package/lib/typescript/module/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SkeletonShape, SkeletonVariant } from '@juspay/blend-design-system/node';
+import type { SkeletonNativeProps } from './skeleton.types.js';
+export declare const Skeleton: React.MemoExoticComponent<({ variant, shape, width, height, borderRadius, children, style, testID, }: SkeletonNativeProps) => import("react/jsx-runtime").JSX.Element>;
+export default Skeleton;
+export type { SkeletonShape, SkeletonVariant };
+//# sourceMappingURL=Skeleton.d.ts.map

package/lib/typescript/module/components/Skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAexE,OAAO,KAAK,EACR,aAAa,EAEb,eAAe,EAClB,MAAM,kCAAkC,CAAA;AASzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAkB,CAAA;AA6J3D,eAAO,MAAM,QAAQ,wGA9HlB,mBAAmB,6CA8H0B,CAAA;AAQhD,eAAe,QAAQ,CAAA;AAEvB,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,CAAA"}

package/lib/typescript/module/components/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+export { Skeleton, default } from './Skeleton.js';
+export type { SkeletonNativeProps } from './skeleton.types.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAY,CAAA;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAkB,CAAA"}

package/lib/typescript/module/components/Skeleton/skeleton.types.d.ts

@@ -0,0 +1,25 @@
+import type React from 'react';
+import type { ViewStyle } from 'react-native';
+import type { SkeletonShape, SkeletonVariant } from '@juspay/blend-design-system/node';
+/**
+ * Props for the native `Skeleton`.
+ *
+ * Either a placeholder box (`width`/`height`) or a wrapper
+ * (`children` size the box and render invisible underneath the surface).
+ */
+export type SkeletonNativeProps = {
+    /** `pulse` (default) breathes; `wave`/`shimmer` sweep a gradient. */
+    variant?: SkeletonVariant;
+    /** Drives the token border radius; `circle` resolves a numeric half. */
+    shape?: SkeletonShape;
+    /** Box width for standalone use. Token strings (`"120px"`) accepted. */
+    width?: string | number;
+    height?: string | number;
+    /** Explicit radius override (wins over `shape`). */
+    borderRadius?: number;
+    /** Wrap mode: content keeps its layout, renders invisible. */
+    children?: React.ReactNode;
+    style?: ViewStyle;
+    testID?: string;
+};
+//# sourceMappingURL=skeleton.types.d.ts.map

package/lib/typescript/module/components/Skeleton/skeleton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,KAAK,EACR,aAAa,EACb,eAAe,EAClB,MAAM,kCAAkC,CAAA;AAEzC;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAC9B,qEAAqE;IACrE,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,wEAAwE;IACxE,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA"}

package/lib/typescript/module/components/Skeleton/skeleton.utils.d.ts

@@ -0,0 +1,21 @@
+import type { SkeletonShape, SkeletonTokensType } from '@juspay/blend-design-system/node';
+/**
+ * Pure resolution for the native Skeleton — vitest-testable, worklet-free.
+ */
+/** Default when the token duration cannot be parsed. */
+export declare const SKELETON_FALLBACK_DURATION = 1500;
+/**
+ * Animation cycle length in milliseconds, from the token's CSS duration
+ * string (`"1.5s"`).
+ */
+export declare function resolveSkeletonDuration(tokens: SkeletonTokensType): number;
+/**
+ * Border radius for a shape.
+ *
+ * The `circle` token is CSS `"50%"`, which RN cannot express — a circle
+ * needs a numeric radius of half the box. When the box size is unknown
+ * (string sizes, wrap mode) a large radius produces the same pill/circle
+ * silhouette, the same trick web's `radius.full` relies on.
+ */
+export declare function resolveSkeletonRadius(shape: SkeletonShape, tokens: SkeletonTokensType, width?: string | number, height?: string | number): number;
+//# sourceMappingURL=skeleton.utils.d.ts.map

package/lib/typescript/module/components/Skeleton/skeleton.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/skeleton.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,aAAa,EACb,kBAAkB,EACrB,MAAM,kCAAkC,CAAA;AAOzC;;GAEG;AAEH,wDAAwD;AACxD,eAAO,MAAM,0BAA0B,OAAO,CAAA;AAE9C;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAK1E;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,kBAAkB,EAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GACzB,MAAM,CAcR"}

package/lib/typescript/module/components/Tag/Tag.d.ts

@@ -0,0 +1,21 @@
+import type { View as RNView } from 'react-native';
+import type { TagNativeProps } from './tag.types.js';
+/**
+ * Tag — React Native implementation of web's `TagV2`.
+ *
+ * Tokens resolve through `useNativeTokens('TAGV2')`, the native counterpart
+ * of web's `useResponsiveTokens('TAGV2')`, so theme and per-slot overrides
+ * come from `BlendNativeProvider` rather than a per-component prop.
+ *
+ * Like web, the rendered element depends on interactivity: web picks
+ * `PrimitiveButton` when `onClick` is supplied and `Block` otherwise; native
+ * picks `Pressable` vs `Block`. Both branches resolve their styles through
+ * the same `resolveSurfaceStyle`, so the two render identically apart from
+ * press feedback.
+ *
+ * TagV2's tokens contain no gradients, shadows, or state matrix, so this
+ * component needs no native module — it is pure JS.
+ */
+declare const Tag: import("react").ForwardRefExoticComponent<TagNativeProps & import("react").RefAttributes<RNView>>;
+export default Tag;
+//# sourceMappingURL=Tag.d.ts.map

package/lib/typescript/module/components/Tag/Tag.d.ts.map

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

package/lib/typescript/module/components/Tag/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Tag } from './Tag.js';
+export type { TagNativeProps, TagSlot } from './tag.types.js';
+export { getTagBorderRadius, getAccessibleName, getTagAccessibilityState, } from './tag.utils.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,UAAO,CAAA;AACtC,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,gBAAa,CAAA;AAC1D,OAAO,EACH,kBAAkB,EAClB,iBAAiB,EACjB,wBAAwB,GAC3B,MAAM,gBAAa,CAAA"}

package/lib/typescript/module/components/Tag/tag.types.d.ts

@@ -0,0 +1,56 @@
+import type React from 'react';
+import type { GestureResponderEvent, ViewStyle } from 'react-native';
+import type { TagV2Color, TagV2Size, TagV2SubType, TagV2Type } from '@juspay/blend-design-system/node';
+import type { GroupPosition } from '../shared/group.js';
+/**
+ * Props for the native `Tag`.
+ *
+ * Mirrors web `TagV2Props` (`packages/blend/lib/components/TagV2/
+ * TagV2.types.ts`) with DOM-specific pieces replaced by RN equivalents:
+ *
+ * - `onClick` → `onPress`, carrying a `GestureResponderEvent`.
+ * - `aria-pressed` → `pressed`, surfaced as `accessibilityState.selected`.
+ * - `HTMLAttributes` passthrough → RN `View`/`Pressable` props via `...rest`.
+ *
+ * `skeleton` is deliberately **absent** rather than accepted-and-ignored.
+ * Web's `TagV2` renders a `TagSkeleton`, which has no native counterpart yet;
+ * omitting the prop from the type keeps it a compile error instead of a
+ * silent no-op. Same decision as `Button`.
+ */
+export type TagSlot = {
+    slot: React.ReactNode;
+    /** Overrides the size-derived slot max height from tokens. */
+    maxHeight?: string | number;
+};
+export type TagNativeProps = {
+    text: string;
+    size?: TagV2Size;
+    type?: TagV2Type;
+    subType?: TagV2SubType;
+    color?: TagV2Color;
+    leftSlot?: TagSlot;
+    rightSlot?: TagSlot;
+    /**
+     * Position within a tag group. Collapses the border radius on the joined
+     * edges, matching web's `getTagBorderRadius`.
+     */
+    tagGroupPosition?: GroupPosition;
+    /**
+     * Providing this makes the tag interactive: it renders as a pressable
+     * with `accessibilityRole="button"` instead of a static view, mirroring
+     * web's `TagElement = onClick ? PrimitiveButton : Block`.
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Toggle state for interactive tags. Maps to web's `aria-pressed` and to
+     * RN's `accessibilityState.selected`, and is folded into the accessible
+     * name exactly as web's `getAccessibleName` does.
+     */
+    pressed?: boolean | 'mixed';
+    /** Overrides the accessible name derived from `text`. */
+    accessibilityLabel?: string;
+    testID?: string;
+    /** Escape hatch for RN styles the token props do not cover. */
+    style?: ViewStyle;
+};
+//# sourceMappingURL=tag.types.d.ts.map

package/lib/typescript/module/components/Tag/tag.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/tag.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,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACZ,MAAM,kCAAkC,CAAA;AACzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAiB,CAAA;AAEpD;;;;;;;;;;;;;;GAcG;AAEH,MAAM,MAAM,OAAO,GAAG;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAA;IAChC;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAChD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAC3B,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA"}

package/lib/typescript/module/components/Tag/tag.utils.d.ts

@@ -0,0 +1,41 @@
+import { TagV2Size, TagV2SubType, type TagV2TokensType } from '@juspay/blend-design-system/node';
+import { type GroupPosition } from '../shared/group.js';
+/**
+ * Native Tag style helpers.
+ *
+ * Ported from `packages/blend/lib/components/TagV2/utils.ts`. Both functions
+ * below are pure string/logic helpers with no DOM dependency, so they are
+ * reproduced verbatim in behaviour — keeping web and native visually and
+ * semantically identical is the whole point.
+ *
+ * Web's third helper, `createKeyboardHandler` (Enter/Space → click), has no
+ * native counterpart: RN's `Pressable` handles activation itself, including
+ * for switch-control and keyboard users.
+ */
+/**
+ * Resolve the border radius for a tag, collapsing the joined edges when the
+ * tag sits inside a group.
+ *
+ * Mirrors `getTagBorderRadius` in web `utils.ts`. The collapsing itself lives
+ * in `shared/group` because Button needs exactly the same algorithm.
+ */
+export declare function getTagBorderRadius(size: TagV2Size, subType: TagV2SubType, tagGroupPosition: GroupPosition | undefined, tokens: TagV2TokensType): string;
+/**
+ * Build the accessible name for a tag.
+ *
+ * Mirrors `getAccessibleName` in web `utils.ts`: non-interactive tags get no
+ * explicit name (the text content is announced instead), and interactive
+ * tags fold their toggle state into the label.
+ */
+export declare function getAccessibleName(text: string, isInteractive: boolean, pressed: boolean | 'mixed' | undefined): string | undefined;
+/**
+ * Resolve the accessibility state for a tag.
+ *
+ * `'mixed'` has no RN equivalent — RN's `selected` is a boolean — so it is
+ * reported as unselected and carried in the accessible name instead, which
+ * is what `getAccessibleName` already appends.
+ */
+export declare function getTagAccessibilityState(isInteractive: boolean, pressed: boolean | 'mixed' | undefined): {
+    selected: boolean;
+} | undefined;
+//# sourceMappingURL=tag.utils.d.ts.map

package/lib/typescript/module/components/Tag/tag.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/tag.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,YAAY,EACZ,KAAK,eAAe,EACvB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAA0B,KAAK,aAAa,EAAE,MAAM,oBAAiB,CAAA;AAE5E;;;;;;;;;;;GAWG;AAEH;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAC9B,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,YAAY,EACrB,gBAAgB,EAAE,aAAa,GAAG,SAAS,EAC3C,MAAM,EAAE,eAAe,GACxB,MAAM,CAKR;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC7B,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,OAAO,EACtB,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,GACvC,MAAM,GAAG,SAAS,CAgBpB;AAED;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACpC,aAAa,EAAE,OAAO,EACtB,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,GACvC;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,GAAG,SAAS,CAGnC"}

package/lib/typescript/module/components/TextInput/TextInput.d.ts

@@ -0,0 +1,33 @@
+import type { TextInputProps as RNTextInputProps, View as RNView } from 'react-native';
+import { InputSizeV2 } from '@juspay/blend-design-system/node';
+/**
+ * TextInput — React Native implementation of web's `TextInputV2`, and the
+ * reference consumer of the shared field chrome (`FieldLabels`,
+ * `FieldFooter`, `PrimitiveInput`) the rest of the InputsV2 family will
+ * reuse.
+ *
+ * Anatomy matches web: a column of label row, bordered field row (left
+ * slot / input / right slot), and footer — all resolved from the
+ * `TEXT_INPUTV2` token slot. Focus is component state re-resolving the
+ * container against the FOCUS tokens, replacing web's `_focus` pseudo
+ * object; the spread-only focus ring has no RN equivalent and is dropped.
+ */
+declare const TextInput: import("react").ForwardRefExoticComponent<{
+    value: string;
+    onChangeText?: (text: string) => void;
+    label?: string;
+    subLabel?: string;
+    size?: InputSizeV2;
+    error?: import("../shared/field/fieldState.js").FieldError;
+    hintText?: string;
+    required?: boolean;
+    disabled?: boolean;
+    leftSlot?: import("./textInput.types.js").TextInputSlot;
+    rightSlot?: import("./textInput.types.js").TextInputSlot;
+    testID?: string;
+    accessibilityLabel?: string;
+    style?: import("react-native").ViewStyle;
+    inputRef?: React.Ref<import("react-native").TextInput>;
+} & Omit<RNTextInputProps, "value" | "style" | "placeholderTextColor" | "editable" | "onChangeText"> & import("react").RefAttributes<RNView>>;
+export default TextInput;
+//# sourceMappingURL=TextInput.d.ts.map

package/lib/typescript/module/components/TextInput/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACR,cAAc,IAAI,gBAAgB,EAClC,IAAI,IAAI,MAAM,EACjB,MAAM,cAAc,CAAA;AACrB,OAAO,EACH,WAAW,EAEd,MAAM,kCAAkC,CAAA;AAWzC;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;6IAiIb,CAAA;AAIF,eAAe,SAAS,CAAA"}

package/lib/typescript/module/components/TextInput/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TextInput } from './TextInput.js';
+export type { TextInputNativeProps, TextInputSlot } from './textInput.types.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/TextInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAa,CAAA;AAClD,YAAY,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,sBAAmB,CAAA"}

package/lib/typescript/module/components/TextInput/textInput.types.d.ts

@@ -0,0 +1,45 @@
+import type React from 'react';
+import type { TextInput as RNTextInput, TextInputProps as RNTextInputProps, ViewStyle } from 'react-native';
+import type { InputSizeV2 } from '@juspay/blend-design-system/node';
+import type { FieldError } from '../shared/field/fieldState.js';
+/**
+ * Props for the native `TextInput` — the port of web's `TextInputV2`.
+ *
+ * Web pieces swapped for RN ones: `onChange` on a DOM input becomes RN's
+ * `onChangeText`, `data-testid` becomes `testID`, and the HTML-attribute
+ * passthrough becomes RN `TextInputProps` (which supplies `placeholder`,
+ * `keyboardType`, `autoCapitalize`, `secureTextEntry`, ... for free).
+ *
+ * Deliberately omitted rather than accepted-and-ignored (the `skeleton`
+ * precedent — passing them should be a compile error, not a no-op):
+ *
+ * - `dropdown` — the embedded SingleSelect needs the native Select family.
+ * - `helpIconText` — needs a native Tooltip.
+ * - The floating-label mode (web floats the label into `lg` inputs on
+ *   phones) — deferred until the field pattern settles on native.
+ */
+export type TextInputSlot = {
+    slot: React.ReactElement;
+    maxHeight?: string | number;
+};
+export type TextInputNativeProps = {
+    value: string;
+    onChangeText?: (text: string) => void;
+    label?: string;
+    subLabel?: string;
+    size?: InputSizeV2;
+    error?: FieldError;
+    hintText?: string;
+    required?: boolean;
+    disabled?: boolean;
+    leftSlot?: TextInputSlot;
+    rightSlot?: TextInputSlot;
+    testID?: string;
+    /** Screen-reader name; defaults to `label`. */
+    accessibilityLabel?: string;
+    /** Escape hatch for the outer column (label + field + footer). */
+    style?: ViewStyle;
+    /** Ref to the underlying RN TextInput (focus/blur/clear). */
+    inputRef?: React.Ref<RNTextInput>;
+} & Omit<RNTextInputProps, 'value' | 'onChangeText' | 'style' | 'editable' | 'placeholderTextColor'>;
+//# sourceMappingURL=textInput.types.d.ts.map

package/lib/typescript/module/components/TextInput/textInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textInput.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextInput/textInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EACR,SAAS,IAAI,WAAW,EACxB,cAAc,IAAI,gBAAgB,EAClC,SAAS,EACZ,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA4B,CAAA;AAE5D;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kEAAkE;IAClE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CACpC,GAAG,IAAI,CACJ,gBAAgB,EAChB,OAAO,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,sBAAsB,CAC3E,CAAA"}

package/lib/typescript/module/components/TextInput/textInput.utils.d.ts

@@ -0,0 +1,35 @@
+import { InputSizeV2, InputStateV2, type TextInputV2TokensType } from '@juspay/blend-design-system/node';
+/**
+ * Native TextInputV2 style resolver.
+ *
+ * Reimplements the inline resolution `TextInputV2.tsx` performs for RN. Web
+ * expresses hover/focus through styled-components pseudo-state objects; on
+ * native the field re-resolves against the current visual state (focus
+ * tracked in component state), so this returns plain token strings for one
+ * state at a time — the pattern `getButtonNativeStyles` set.
+ */
+export type TextInputNativeStyles = {
+    /** Outer column: label / field / footer. */
+    gap: string;
+    /** The bordered field row. */
+    container: {
+        border: string;
+        backgroundColor: string;
+        borderRadius: string;
+        gap: string;
+        paddingTop: string;
+        paddingRight: string;
+        paddingBottom: string;
+        paddingLeft: string;
+    };
+    /** The editable text. */
+    text: {
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        color: string;
+    };
+    placeholderColor: string;
+};
+export declare function getTextInputNativeStyles(tokens: TextInputV2TokensType, size: InputSizeV2, visualState: InputStateV2): TextInputNativeStyles;
+//# sourceMappingURL=textInput.utils.d.ts.map

package/lib/typescript/module/components/TextInput/textInput.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textInput.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextInput/textInput.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,WAAW,EACX,YAAY,EACZ,KAAK,qBAAqB,EAC7B,MAAM,kCAAkC,CAAA;AAEzC;;;;;;;;GAQG;AAEH,MAAM,MAAM,qBAAqB,GAAG;IAChC,4CAA4C;IAC5C,GAAG,EAAE,MAAM,CAAA;IACX,8BAA8B;IAC9B,SAAS,EAAE;QACP,MAAM,EAAE,MAAM,CAAA;QACd,eAAe,EAAE,MAAM,CAAA;QACvB,YAAY,EAAE,MAAM,CAAA;QACpB,GAAG,EAAE,MAAM,CAAA;QACX,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,MAAM,CAAA;QACpB,aAAa,EAAE,MAAM,CAAA;QACrB,WAAW,EAAE,MAAM,CAAA;KACtB,CAAA;IACD,yBAAyB;IACzB,IAAI,EAAE;QACF,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;QAClB,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,gBAAgB,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,wBAAgB,wBAAwB,CACpC,MAAM,EAAE,qBAAqB,EAC7B,IAAI,EAAE,WAAW,EACjB,WAAW,EAAE,YAAY,GAC1B,qBAAqB,CAuBvB"}

package/lib/typescript/module/components/shared/field/FieldFooter.d.ts

@@ -0,0 +1,22 @@
+import { InputSizeV2, type TextInputV2TokensType } from '@juspay/blend-design-system/node';
+import type { FieldError } from './fieldState.js';
+/**
+ * Footer under a field: the error message when erroring, else the hint.
+ *
+ * Ports web's `InputFooterV2` against the same `bottomContainer` token
+ * shape. Web marks the error `role="alert"` + `aria-live="polite"`; the
+ * native split is the Alert pattern — `accessibilityLiveRegion` for
+ * Android, an imperative announcement for iOS.
+ */
+export type FieldFooterProps = {
+    error?: FieldError;
+    hintText?: string;
+    size?: InputSizeV2;
+    tokens: TextInputV2TokensType['bottomContainer'];
+    testID?: string;
+};
+export declare function FieldFooter({ error, hintText, size, tokens, testID, }: FieldFooterProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace FieldFooter {
+    var displayName: string;
+}
+//# sourceMappingURL=FieldFooter.d.ts.map

package/lib/typescript/module/components/shared/field/FieldFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldFooter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/field/FieldFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,WAAW,EACX,KAAK,qBAAqB,EAC7B,MAAM,kCAAkC,CAAA;AAIzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAc,CAAA;AAE9C;;;;;;;GAOG;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,MAAM,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAChD,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,IAAqB,EACrB,MAAM,EACN,MAAM,GACT,EAAE,gBAAgB,kDA+BlB;yBArCe,WAAW"}

package/lib/typescript/module/components/shared/field/FieldLabels.d.ts

@@ -0,0 +1,27 @@
+import { InputSizeV2, InputStateV2, type TextInputV2TokensType } from '@juspay/blend-design-system/node';
+/**
+ * Label row above a field: label, required marker, sublabel.
+ *
+ * Ports web's `InputLabelsV2` against the same `topContainer` token shape,
+ * with two deliberate omissions:
+ *
+ * - `helpIconText` — web wraps a help icon in `Tooltip`; native has no
+ *   tooltip yet, so the prop does not exist rather than silently doing
+ *   nothing (the `skeleton` precedent).
+ * - `as="label"`/`htmlFor` — no DOM. The field component instead puts the
+ *   label text into the input's `accessibilityLabel`.
+ */
+export type FieldLabelsProps = {
+    label?: string;
+    sublabel?: string;
+    required?: boolean;
+    size?: InputSizeV2;
+    state?: InputStateV2;
+    tokens: TextInputV2TokensType['topContainer'];
+    testID?: string;
+};
+export declare function FieldLabels({ label, sublabel, required, size, state, tokens, testID, }: FieldLabelsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace FieldLabels {
+    var displayName: string;
+}
+//# sourceMappingURL=FieldLabels.d.ts.map

package/lib/typescript/module/components/shared/field/FieldLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/field/FieldLabels.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,WAAW,EACX,YAAY,EACZ,KAAK,qBAAqB,EAC7B,MAAM,kCAAkC,CAAA;AAIzC;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,MAAM,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,IAAqB,EACrB,KAA4B,EAC5B,MAAM,EACN,MAAM,GACT,EAAE,gBAAgB,kDA4ClB;yBApDe,WAAW"}