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

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

@@ -1,5 +1,4 @@
 import type { View as RNView } from 'react-native';
-import type { TagNativeProps } from './tag.types.js';
 /**
  * Tag — React Native implementation of web's `TagV2`.
  *
@@ -16,6 +15,15 @@ import type { TagNativeProps } from './tag.types.js';
  * 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>>;
+declare const Tag: import("react").ForwardRefExoticComponent<Omit<import("@juspay/blend-design-system/node").TagBaseProps, "skeleton" | "tagGroupPosition"> & {
+    leftSlot?: import("./tag.types.js").TagSlot;
+    rightSlot?: import("./tag.types.js").TagSlot;
+    tagGroupPosition?: import("../../index.js").GroupPosition;
+    onPress?: (event: import("react-native").GestureResponderEvent) => void;
+    pressed?: boolean | "mixed";
+    accessibilityLabel?: string;
+    testID?: string;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+} & import("react").RefAttributes<RNView>>;
 export default Tag;
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +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"}
+{"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;AAmClD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,GAAG;;;;;;;;;0CAmJP,CAAA;AAIF,eAAe,GAAG,CAAA"}

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

@@ -0,0 +1,26 @@
+import type { ReactElement } from 'react';
+import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
+import type { TagNativeProps } from './tag.types.js';
+/**
+ * Container for a row of Tags — the native port of web's `TagGroupV2`.
+ *
+ * `stacked` joins members edge to edge and injects each child's
+ * `tagGroupPosition`; the Tag collapses its own radius from that prop.
+ * Like web, only corners collapse for tags — Tag has no border-collapsing
+ * path (web ships no `getTagBorderStyles`), so stacked bordered tags keep
+ * their shared edges. Non-stacked renders a spaced row and injects nothing.
+ */
+export type TagGroupNativeProps = {
+    /** Join members edge to edge, collapsing shared corners. */
+    stacked?: boolean;
+    /** Space between members when not stacked. Defaults to the web gap. */
+    gap?: number | string;
+    children: ReactElement<TagNativeProps> | ReactElement<TagNativeProps>[];
+    /** Container label; the members stay individually reachable. */
+    accessibilityLabel?: string;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+};
+declare const TagGroup: import("react").ForwardRefExoticComponent<TagGroupNativeProps & import("react").RefAttributes<RNView>>;
+export default TagGroup;
+//# sourceMappingURL=TagGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/TagGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAa,CAAA;AAEjD;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAC9B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,CAAA;IACvE,gEAAgE;IAChE,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA;AAED,QAAA,MAAM,QAAQ,wGAYZ,CAAA;AAIF,eAAe,QAAQ,CAAA"}

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

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

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

@@ -1 +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"}
+{"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,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAY,CAAA;AAChD,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,gBAAa,CAAA;AAC1D,YAAY,EAAE,mBAAmB,EAAE,MAAM,eAAY,CAAA;AACrD,OAAO,EACH,kBAAkB,EAClB,iBAAiB,EACjB,wBAAwB,GAC3B,MAAM,gBAAa,CAAA"}

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

@@ -1,18 +1,21 @@
 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 { GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';
+import type { TagBaseProps } 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:
+ * Derives from web's platform-neutral `TagBaseProps` (the `ButtonBaseProps`
+ * pattern), so a web-side rename or addition reaches this type instead of
+ * drifting silently. DOM-specific pieces are replaced by RN equivalents:
  *
  * - `onClick` → `onPress`, carrying a `GestureResponderEvent`.
  * - `aria-pressed` → `pressed`, surfaced as `accessibilityState.selected`.
  * - `HTMLAttributes` passthrough → RN `View`/`Pressable` props via `...rest`.
+ * - Web's `ReactElement` slots → native `TagSlot` (`ReactNode`, plain
+ *   `string | number` max height).
  *
- * `skeleton` is deliberately **absent** rather than accepted-and-ignored.
+ * `skeleton` is deliberately **omitted** 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`.
@@ -22,17 +25,13 @@ export type TagSlot = {
     /** 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;
+export type TagNativeProps = Omit<TagBaseProps, 'skeleton' | 'tagGroupPosition'> & {
     leftSlot?: TagSlot;
     rightSlot?: TagSlot;
     /**
      * Position within a tag group. Collapses the border radius on the joined
-     * edges, matching web's `getTagBorderRadius`.
+     * edges, matching web's `getTagBorderRadius`. Redeclared from the base
+     * (same union) to tie it to the shared `GroupPosition` type.
      */
     tagGroupPosition?: GroupPosition;
     /**
@@ -51,6 +50,6 @@ export type TagNativeProps = {
     accessibilityLabel?: string;
     testID?: string;
     /** Escape hatch for RN styles the token props do not cover. */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
 };
 //# sourceMappingURL=tag.types.d.ts.map

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

@@ -1 +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"}
+{"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,SAAS,EAAE,MAAM,cAAc,CAAA;AAC/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAiB,CAAA;AAEpD;;;;;;;;;;;;;;;;;GAiBG;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,IAAI,CAC7B,YAAY,EACZ,UAAU,GAAG,kBAAkB,CAClC,GAAG;IACA,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;OAIG;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,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA"}

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

@@ -0,0 +1,21 @@
+import type { TextInputProps as RNTextInputProps, View as RNView } from 'react-native';
+/**
+ * Multi-line text field — the native port of web's `TextAreaV2`.
+ *
+ * The TextInput anatomy with a multiline `PrimitiveInput`: the minimum
+ * height is web's formula (`rows × lineHeight + vertical padding`), text
+ * grows past it, and `textAlignVertical="top"` keeps the first line at the
+ * top on Android.
+ */
+declare const TextArea: import("react").ForwardRefExoticComponent<Omit<import("@juspay/blend-design-system/node").TextAreaBaseProps, "value" | "sublabel" | "resize" | "helpIconText"> & {
+    value?: string;
+    defaultValue?: string;
+    onChangeText?: (text: string) => void;
+    subLabel?: string;
+    testID?: string;
+    accessibilityLabel?: string;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    inputRef?: React.Ref<import("react-native").TextInput>;
+} & Omit<RNTextInputProps, "value" | "style" | "defaultValue" | "numberOfLines" | "editable" | "multiline" | "onChangeText" | "placeholderTextColor"> & import("react").RefAttributes<RNView>>;
+export default TextArea;
+//# sourceMappingURL=TextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACR,cAAc,IAAI,gBAAgB,EAClC,IAAI,IAAI,MAAM,EACjB,MAAM,cAAc,CAAA;AAarB;;;;;;;GAOG;AACH,QAAA,MAAM,QAAQ;;;;;;;;;8LAuHZ,CAAA;AAIF,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,3 @@
+export { default as TextArea } from './TextArea.js';
+export type { TextAreaNativeProps } from './textArea.types.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/typescript/module/components/TextArea/textArea.types.d.ts

@@ -0,0 +1,28 @@
+import type React from 'react';
+import type { StyleProp, TextInput as RNTextInput, TextInputProps as RNTextInputProps, ViewStyle } from 'react-native';
+import type { TextAreaBaseProps } from '@juspay/blend-design-system/node';
+/**
+ * Props for the native `TextArea` — the port of web's `TextAreaV2`.
+ *
+ * Derives from `TextAreaBaseProps` with the web-only pieces swapped:
+ * `onChange` → `onChangeText`, web's lowercase `sublabel` normalized to
+ * `subLabel` (cross-input consistency, docblocked divergence), and `value`
+ * optional with a live `defaultValue` (uncontrolled support from day one).
+ *
+ * Deliberately omitted rather than accepted-and-ignored (compile errors):
+ *
+ * - `resize` — no RN equivalent; height comes from `rows`.
+ * - `helpIconText` — needs the native Tooltip.
+ * - The floating-label mode — deferred with TextInput's.
+ */
+export type TextAreaNativeProps = Omit<TextAreaBaseProps, 'value' | 'sublabel' | 'resize' | 'helpIconText'> & {
+    value?: string;
+    defaultValue?: string;
+    onChangeText?: (text: string) => void;
+    subLabel?: string;
+    testID?: string;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    inputRef?: React.Ref<RNTextInput>;
+} & Omit<RNTextInputProps, 'value' | 'defaultValue' | 'onChangeText' | 'style' | 'editable' | 'placeholderTextColor' | 'multiline' | 'numberOfLines'>;
+//# sourceMappingURL=textArea.types.d.ts.map

package/lib/typescript/module/components/TextArea/textArea.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textArea.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextArea/textArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EACR,SAAS,EACT,SAAS,IAAI,WAAW,EACxB,cAAc,IAAI,gBAAgB,EAClC,SAAS,EACZ,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAEzE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAClC,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,CACnD,GAAG;IACA,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CACpC,GAAG,IAAI,CACA,gBAAgB,EACd,OAAO,GACP,cAAc,GACd,cAAc,GACd,OAAO,GACP,UAAU,GACV,sBAAsB,GACtB,WAAW,GACX,eAAe,CACpB,CAAA"}

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

@@ -1,5 +1,4 @@
 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`,
@@ -12,22 +11,18 @@ import { InputSizeV2 } from '@juspay/blend-design-system/node';
  * 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;
+declare const TextInput: import("react").ForwardRefExoticComponent<Omit<import("@juspay/blend-design-system/node").TextInputBaseProps, "value" | "helpIconText"> & {
+    value?: string;
+    defaultValue?: 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;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
     inputRef?: React.Ref<import("react-native").TextInput>;
-} & Omit<RNTextInputProps, "value" | "style" | "placeholderTextColor" | "editable" | "onChangeText"> & import("react").RefAttributes<RNView>>;
+} & Omit<RNTextInputProps, "value" | "style" | "defaultValue" | "editable" | "onChangeText" | "placeholderTextColor"> & import("react").RefAttributes<RNView>>;
 export default TextInput;
 //# sourceMappingURL=TextInput.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACR,cAAc,IAAI,gBAAgB,EAClC,IAAI,IAAI,MAAM,EACjB,MAAM,cAAc,CAAA;AAerB;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,SAAS;;;;;;;;;;;;8JAyIb,CAAA;AAIF,eAAe,SAAS,CAAA"}

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

@@ -1,20 +1,24 @@
 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';
+import type { TextInput as RNTextInput, TextInputProps as RNTextInputProps, StyleProp, ViewStyle } from 'react-native';
+import type { TextInputBaseProps } from '@juspay/blend-design-system/node';
 /**
  * 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).
+ * Derives from web's platform-neutral `TextInputBaseProps` (the
+ * `ButtonBaseProps` pattern), so a web-side rename or addition reaches this
+ * type instead of drifting silently. 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). The base's `error`
+ * shape is exactly `FieldError` (`../shared/field/fieldState`).
  *
  * 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.
+ *   (Web keeps it out of the base type for the same reason.)
+ * - `helpIconText` — needs a native Tooltip; `Omit`-ed from the base.
  * - The floating-label mode (web floats the label into `lg` inputs on
  *   phones) — deferred until the field pattern settles on native.
  */
@@ -22,14 +26,15 @@ export type TextInputSlot = {
     slot: React.ReactElement;
     maxHeight?: string | number;
 };
-export type TextInputNativeProps = {
-    value: string;
+export type TextInputNativeProps = Omit<TextInputBaseProps, 'helpIconText' | 'value'> & {
+    /**
+     * Controlled value. Optional since the uncontrolled fix: omit it (with
+     * an optional `defaultValue`) and the field manages its own text.
+     */
+    value?: string;
+    /** Initial value for uncontrolled usage. Mount-only, like React's. */
+    defaultValue?: string;
     onChangeText?: (text: string) => void;
-    label?: string;
-    subLabel?: string;
-    size?: InputSizeV2;
-    error?: FieldError;
-    hintText?: string;
     required?: boolean;
     disabled?: boolean;
     leftSlot?: TextInputSlot;
@@ -38,8 +43,8 @@ export type TextInputNativeProps = {
     /** Screen-reader name; defaults to `label`. */
     accessibilityLabel?: string;
     /** Escape hatch for the outer column (label + field + footer). */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /** Ref to the underlying RN TextInput (focus/blur/clear). */
     inputRef?: React.Ref<RNTextInput>;
-} & Omit<RNTextInputProps, 'value' | 'onChangeText' | 'style' | 'editable' | 'placeholderTextColor'>;
+} & Omit<RNTextInputProps, 'value' | 'defaultValue' | 'onChangeText' | 'style' | 'editable' | 'placeholderTextColor'>;
 //# sourceMappingURL=textInput.types.d.ts.map

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

@@ -1 +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"}
+{"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,EACT,SAAS,EACZ,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AAE1E;;;;;;;;;;;;;;;;;;;;GAoBG;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,IAAI,CACnC,kBAAkB,EAClB,cAAc,GAAG,OAAO,CAC3B,GAAG;IACA;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,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,CAAC,SAAS,CAAC,CAAA;IAC5B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CACpC,GAAG,IAAI,CACA,gBAAgB,EACd,OAAO,GACP,cAAc,GACd,cAAc,GACd,OAAO,GACP,UAAU,GACV,sBAAsB,CAC3B,CAAA"}

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

@@ -0,0 +1,7 @@
+import type { TooltipNativeProps } from './tooltip.types.js';
+export declare function Tooltip({ children, content, slot, open, onOpenChange, side, align, showArrow, size, slotDirection, delayDuration, offset, fullWidth, maxWidth, testID, style, }: TooltipNativeProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tooltip {
+    var displayName: string;
+}
+export default Tooltip;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAiB,CAAA;AAuBzD,wBAAgB,OAAO,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,IAAwB,EACxB,KAA6B,EAC7B,SAAgB,EAChB,IAAuB,EACvB,aAA2C,EAC3C,aAAmB,EACnB,MAAU,EACV,SAAiB,EACjB,QAAQ,EACR,MAAM,EACN,KAAK,GACR,EAAE,kBAAkB,2CAiFpB;yBAlGe,OAAO;;;AAsGvB,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,3 @@
+export { default as Tooltip } from './Tooltip.js';
+export type { TooltipNativeProps } from './tooltip.types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAW,CAAA;AAC9C,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAiB,CAAA"}

package/lib/typescript/module/components/Tooltip/tooltip.types.d.ts

@@ -0,0 +1,27 @@
+import type React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { TooltipBaseProps } from '@juspay/blend-design-system/node';
+/**
+ * Props for the native `Tooltip` — the port of web's `TooltipV2`.
+ *
+ * Derives from `TooltipBaseProps` with the pointer-era pieces swapped:
+ *
+ * - The trigger opens on **long-press** (there is no hover); web's
+ *   `delayDuration` hover delay is repurposed as `delayLongPress`.
+ * - `disableInteractive` is omitted — it exists to keep a *hovered* tooltip
+ *   open while the pointer crosses onto it, a concept with no touch
+ *   counterpart. Any outside tap dismisses.
+ * - `maxWidth` is a number (web types it as a CSS string); the token
+ *   per-size max width applies when unset.
+ */
+export type TooltipNativeProps = Omit<TooltipBaseProps, 'disableInteractive'> & {
+    /** The anchor. Long-press shows the tooltip. */
+    children: React.ReactNode;
+    content: React.ReactNode | string;
+    slot?: React.ReactNode;
+    maxWidth?: number;
+    testID?: string;
+    /** Styles the tooltip surface. */
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=tooltip.types.d.ts.map

package/lib/typescript/module/components/Tooltip/tooltip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAExE;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACjC,gBAAgB,EAChB,oBAAoB,CACvB,GAAG;IACA,gDAAgD;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACjC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA"}

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

@@ -0,0 +1,23 @@
+import type { View as RNView } from 'react-native';
+/**
+ * Upload — React Native implementation of web's `UploadV2`.
+ *
+ * A controlled file field: `files` + `onChange`, the caller owns state. The
+ * app also owns picking — `onBrowse` fires when the drop zone or Browse /
+ * Replace button is pressed, and the app produces `UploadFileNativeItem`s
+ * (running the exported `validateUploadFiles` to mark them) before calling
+ * `onChange`.
+ *
+ * State derivation is Upload-specific, not the shared `getFieldState`:
+ * invalid files force ERROR even when `state` is IDLE, matching web's
+ * `displayUploadState`.
+ */
+declare const Upload: import("react").ForwardRefExoticComponent<Omit<import("@juspay/blend-design-system/node").UploadBaseProps, "onChange" | "files"> & {
+    files?: import("./upload.types.js").UploadFileNativeItem[];
+    onChange?: (files: import("./upload.types.js").UploadFileNativeItem[]) => void;
+    onBrowse?: () => void;
+    testID?: string;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+} & import("react").RefAttributes<RNView>>;
+export default Upload;
+//# sourceMappingURL=Upload.d.ts.map

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

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

package/lib/typescript/module/components/Upload/UploadContainer.d.ts

@@ -0,0 +1,40 @@
+import { UploadState, type UploadV2TokensType } from '@juspay/blend-design-system/node';
+import type { UploadFileNativeItem } from './upload.types.js';
+/**
+ * The presentational drop zone — a port of web's `UploadContainerV2`.
+ *
+ * Everything visual resolves from the `uploadContainer` token group passed
+ * down by `Upload`; this component owns no tokens and no state derivation,
+ * only the overflow popover's open flag.
+ *
+ * Divergences from web, all documented in the plan:
+ *
+ * - The drop zone is a `Pressable` firing `onBrowse` — no drag handlers, no
+ *   hidden file input.
+ * - File tags wrap the native `Tooltip` (long-press) instead of `TooltipV2`.
+ * - The `+N` overflow surface is the native `Popover` — a BottomSheet on
+ *   phones (`sm`), the established native Popover behaviour.
+ */
+export type UploadContainerProps = {
+    tokens: UploadV2TokensType;
+    files: UploadFileNativeItem[];
+    onFileRemove: (fileId: string) => void;
+    onBrowse?: () => void;
+    multiple: boolean;
+    state: UploadState;
+    disabled: boolean;
+    description: string;
+    slot?: React.ReactNode;
+    errorText?: string;
+    progressBarValue?: number;
+    uploadHeaderText: string;
+    maxSize?: number;
+    maxFiles?: number;
+    testID?: string;
+};
+export declare function UploadContainer({ tokens, files, onFileRemove, onBrowse, multiple, state, disabled, description, slot, errorText, progressBarValue, uploadHeaderText, maxSize, maxFiles, testID, }: UploadContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace UploadContainer {
+    var displayName: string;
+}
+export default UploadContainer;
+//# sourceMappingURL=UploadContainer.d.ts.map

package/lib/typescript/module/components/Upload/UploadContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Upload/UploadContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAOH,WAAW,EACX,KAAK,kBAAkB,EAC1B,MAAM,kCAAkC,CAAA;AAQzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAgB,CAAA;AAW1D;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAC/B,MAAM,EAAE,kBAAkB,CAAA;IAC1B,KAAK,EAAE,oBAAoB,EAAE,CAAA;IAC7B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAgB,EAChB,IAAI,EACJ,SAAS,EACT,gBAAoB,EACpB,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,MAAM,GACT,EAAE,oBAAoB,2CAwWtB;yBAxXe,eAAe;;;AA4X/B,eAAe,eAAe,CAAA"}

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

@@ -0,0 +1,4 @@
+export { default as Upload } from './Upload.js';
+export type { UploadNativeProps, UploadFileNativeItem } from './upload.types.js';
+export { validateUploadFiles } from './upload.utils.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAU,CAAA;AAC5C,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,mBAAgB,CAAA;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAgB,CAAA"}

package/lib/typescript/module/components/Upload/upload.types.d.ts

@@ -0,0 +1,43 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { UploadBaseProps, UploadFileBase } from '@juspay/blend-design-system/node';
+/**
+ * A file in the native Upload — web's `UploadFileBase` with the two fields a
+ * picker can supply that a DOM `File` cannot:
+ *
+ * - `uri` — opaque picker URI (content:// on Android, ph:// on iOS, file://
+ *   from some pickers). The component never reads it; the app keeps it for
+ *   its own upload call.
+ * - `type` — the mime type, used by `validateUploadFiles` for
+ *   `image/*`-style accept rules, mirroring web's `file.type`.
+ */
+export type UploadFileNativeItem = UploadFileBase & {
+    uri?: string;
+    type?: string;
+};
+/**
+ * Props for the native `Upload` — the port of web's `UploadV2`.
+ *
+ * Derives from web's platform-neutral `UploadBaseProps` with the file list
+ * re-typed to `UploadFileNativeItem`.
+ *
+ * Documented divergences (no drag-and-drop on RN):
+ *
+ * - No hidden `<input type="file">` and no drag handlers. The drop zone is a
+ *   Pressable and "Browse Files" / "Replace File" fire `onBrowse` — the app
+ *   owns file picking (the LinkButton "app owns navigation" precedent).
+ * - `helpIconText` is omitted, matching every other native field until the
+ *   cross-field FieldLabels+Tooltip follow-up lands.
+ * - Web's `progressBarMaxWidth` has no native prop; the bar is clamped by a
+ *   wrapping `Block` at 300.
+ * - The `UploadDragState` token keys exist in the web tokens but are never
+ *   indexed natively — there is no drag state to resolve.
+ */
+export type UploadNativeProps = Omit<UploadBaseProps, 'files' | 'onChange'> & {
+    files?: UploadFileNativeItem[];
+    onChange?: (files: UploadFileNativeItem[]) => void;
+    /** App-owned file picking: fired when Browse Files / the drop zone is pressed. */
+    onBrowse?: () => void;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=upload.types.d.ts.map

package/lib/typescript/module/components/Upload/upload.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Upload/upload.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,KAAK,EACR,eAAe,EACf,cAAc,EACjB,MAAM,kCAAkC,CAAA;AAEzC;;;;;;;;;GASG;AACH,MAAM,MAAM,oBAAoB,GAAG,cAAc,GAAG;IAChD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC1E,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAA;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAA;IAClD,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA"}

package/lib/typescript/module/components/Upload/upload.utils.d.ts

@@ -0,0 +1,71 @@
+import { UploadState } from '@juspay/blend-design-system/node';
+import type { UploadFileNativeItem } from './upload.types.js';
+/**
+ * Pure helpers for the native `Upload`, ported from web's
+ * `InputsV2/UploadV2/utils.ts`. DOM-bound pieces (`createClickHandler`,
+ * `useUploadState`, `createDragHandlers`) are deliberately not ported —
+ * there is no file input and no drag-and-drop on RN.
+ */
+export declare const FILE_NAME_TAG_MAX_LEN = 24;
+export declare const truncateFileNameForTag: (name: string) => string;
+/**
+ * Web's `getFileId` reads `file.lastModified`, which a DOM `File` has and a
+ * picker result does not. Native falls back to `Date.now()` plus the index,
+ * keeping the same "unique per batch" guarantee.
+ */
+export declare const getFileId: (uploadFile: UploadFileNativeItem, index: number) => string;
+/**
+ * Web's `isFileTypeAccepted` operating on `{name, type}` instead of a DOM
+ * `File` — the exact shape `UploadFileNativeItem` carries. Extension
+ * (`.pdf`), group (`image/*`) and exact-mime (`application/pdf`) rules are
+ * identical, as is the empty-list-accepts-everything behaviour.
+ */
+export declare const isFileTypeAccepted: (file: {
+    name: string;
+    type?: string;
+}, acceptedFileTypes: string[]) => boolean;
+export declare const formatFileSize: (sizeInBytes: number) => string;
+declare const KNOWN_UPLOAD_ERROR_REASONS: readonly ["oversized", "maxFiles", "invalidType"];
+type KnownUploadErrorReason = (typeof KNOWN_UPLOAD_ERROR_REASONS)[number];
+export declare const isKnownUploadErrorReason: (reason: unknown) => reason is KnownUploadErrorReason;
+export declare const normalizeUploadErrorReason: (reason: unknown) => "maxFiles" | "oversized" | "invalidType" | undefined;
+export declare const getValidationMessage: (reason?: unknown, maxSize?: number, maxFiles?: number) => string;
+/**
+ * The validation half of web's inline `validateFiles`, extracted so apps can
+ * fulfill the native API contract: `onChange` hands back
+ * `UploadFileNativeItem`s already marked, but the app is the one producing
+ * items from a picker, so it must run this before appending.
+ *
+ * Marks each item with `isValid`/`errorReason` in web's precedence order —
+ * maxFiles (index ≥ remaining slots), invalid type, oversized — and returns
+ * new copies; the input array is never mutated.
+ *
+ * `remainingSlots` semantics match web: `maxFiles` limits a multi-upload
+ * against the files already present (`existingCount`); when `multiple` is
+ * false the limit is 1 with no credit for existing files (a single-file
+ * upload replaces, it does not append).
+ */
+export type ValidateUploadFilesOptions = {
+    acceptedTypes?: string[];
+    maxSize?: number;
+    maxFiles?: number;
+    multiple?: boolean;
+    existingCount?: number;
+};
+export declare const validateUploadFiles: (items: UploadFileNativeItem[], { acceptedTypes, maxSize, maxFiles, multiple, existingCount, }?: ValidateUploadFilesOptions) => UploadFileNativeItem[];
+/**
+ * Native state derivation — deliberately NOT the shared `getFieldState`:
+ * invalid files force ERROR even when the prop `state` is IDLE, which is
+ * web's `displayUploadState` resolution.
+ */
+export declare const getUploadDisplayState: (state?: UploadState, disabled?: boolean, hasInvalidFiles?: boolean) => UploadState;
+/**
+ * The single-file error aggregation web renders inside the container when
+ * `state===ERROR && !errorText && !multiple`: collect the distinct reasons
+ * across invalid files, in the fixed oversized → maxFiles → invalidType
+ * order, and join their messages. Returns the generic message when there
+ * are no invalid files.
+ */
+export declare const getAggregatedErrorMessage: (files: UploadFileNativeItem[], maxSize?: number, maxFiles?: number) => string;
+export {};
+//# sourceMappingURL=upload.utils.d.ts.map

package/lib/typescript/module/components/Upload/upload.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Upload/upload.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,WAAW,EAEd,MAAM,kCAAkC,CAAA;AACzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAgB,CAAA;AAE1D;;;;;GAKG;AAEH,eAAO,MAAM,qBAAqB,KAAK,CAAA;AAEvC,eAAO,MAAM,sBAAsB,GAAI,MAAM,MAAM,KAAG,MAGxC,CAAA;AAEd;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAClB,YAAY,oBAAoB,EAChC,OAAO,MAAM,KACd,MAE+D,CAAA;AAElE;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAC3B,MAAM;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,EACrC,mBAAmB,MAAM,EAAE,KAC5B,OAqBF,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,aAAa,MAAM,KAAG,MAUpD,CAAA;AAED,QAAA,MAAM,0BAA0B,mDAItB,CAAA;AACV,KAAK,sBAAsB,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzE,eAAO,MAAM,wBAAwB,GACjC,QAAQ,OAAO,KAChB,MAAM,IAAI,sBAC4D,CAAA;AAEzE,eAAO,MAAM,0BAA0B,GAAI,QAAQ,OAAO,yDACD,CAAA;AAEzD,eAAO,MAAM,oBAAoB,GAC7B,SAAS,OAAO,EAChB,UAAU,MAAM,EAChB,WAAW,MAAM,KAClB,MAeF,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACrC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAC5B,OAAO,oBAAoB,EAAE,EAC7B,iEAMG,0BAA+B,KACnC,oBAAoB,EAuCtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAC9B,QAAO,WAA8B,EACrC,WAAW,OAAO,EAClB,kBAAkB,OAAO,KAC1B,WAIF,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,GAClC,OAAO,oBAAoB,EAAE,EAC7B,UAAU,MAAM,EAChB,WAAW,MAAM,KAClB,MAgBF,CAAA"}

package/lib/typescript/module/components/shared/GroupView.d.ts

@@ -0,0 +1,15 @@
+import { View } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+export type GroupViewProps = {
+    stacked?: boolean;
+    gap?: number | string;
+    positionProp: 'buttonGroupPosition' | 'tagGroupPosition';
+    children: ReactNode;
+    accessibilityLabel?: string;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+};
+declare const GroupView: import("react").ForwardRefExoticComponent<GroupViewProps & import("react").RefAttributes<View>>;
+export default GroupView;
+//# sourceMappingURL=GroupView.d.ts.map

package/lib/typescript/module/components/shared/GroupView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupView.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/GroupView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,KAAK,EAAkB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxE,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAA;AA0BpD,MAAM,MAAM,cAAc,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,YAAY,EAAE,qBAAqB,GAAG,kBAAkB,CAAA;IACxD,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA;AAED,QAAA,MAAM,SAAS,iGA4Cb,CAAA;AAEF,eAAe,SAAS,CAAA"}