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

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

@@ -0,0 +1,3 @@
+export { default as Popover } from './Popover.js';
+export type { PopoverNativeProps, PopoverAction } from './popover.types.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/typescript/module/components/Popover/popover.types.d.ts

@@ -0,0 +1,55 @@
+import type React from 'react';
+import type { GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';
+import type { PopoverBaseProps } from '@juspay/blend-design-system/node';
+/**
+ * A footer action — the Alert pattern. Web types these as V1 `ButtonProps`
+ * (DOM-bound); native takes the plain fields and renders its own `Button`.
+ */
+export type PopoverAction = {
+    text: string;
+    onPress?: (event: GestureResponderEvent) => void;
+    disabled?: boolean;
+    loading?: boolean;
+    accessibilityLabel?: string;
+};
+/**
+ * Props for the native `Popover` — the port of web's `PopoverV2`.
+ *
+ * Derives from `PopoverBaseProps`. Presentation follows the breakpoint:
+ * phones (`sm`) get a bottom sheet — web's `useDrawerOnMobile` behaviour,
+ * with the prop itself omitted since the breakpoint decides — and tablets
+ * (`lg`) get an anchored surface.
+ *
+ * Deliberately omitted rather than accepted-and-ignored (compile errors):
+ *
+ * - `alignOffset` — the positioning engine aligns and clamps; a fixed
+ *   cross-axis nudge has no place to act once clamping runs.
+ * - `asModal` — the anchored surface always captures outside taps.
+ * - `shadow` — elevation is a token concern, not a prop.
+ * - `avoidCollisions` — the engine always flips and clamps.
+ * - `skeleton` — deferred Wave-C-wide with the loading-state policy.
+ * - The DOM attribute spread.
+ *
+ * `width`/`minWidth`/`maxWidth`/`height`/`minHeight`/`maxHeight` are
+ * numbers and apply to the anchored (`lg`) surface only; the sheet sizes
+ * itself, capped by `maxHeightFraction`.
+ */
+export type PopoverNativeProps = Omit<PopoverBaseProps, 'alignOffset'> & {
+    /** The anchor. Press opens the popover. */
+    trigger: React.ReactNode;
+    children?: React.ReactNode;
+    primaryAction?: PopoverAction;
+    secondaryAction?: PopoverAction;
+    /** Sheet-mode height cap as a window fraction. Default 0.9. */
+    maxHeightFraction?: number;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    height?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    testID?: string;
+    /** Styles the popover surface (both presentations). */
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=popover.types.d.ts.map

package/lib/typescript/module/components/Popover/popover.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/popover.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,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAExE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,aAAa,CAAC,GAAG;IACrE,2CAA2C;IAC3C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,eAAe,CAAC,EAAE,aAAa,CAAA;IAC/B,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA"}

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

@@ -0,0 +1,4 @@
+import type { ProgressBarNativeProps } from './progressBar.types.js';
+export declare const ProgressBar: import("react").MemoExoticComponent<({ value, min, max, size, variant, appearance, showLabel, accessibilityLabel, testID, style, }: ProgressBarNativeProps) => import("react/jsx-runtime").JSX.Element>;
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAqB,CAAA;AAgTjE,eAAO,MAAM,WAAW,sIA9QrB,sBAAsB,6CA8QuB,CAAA;AAGhD,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,5 @@
+export { default as ProgressBar } from './ProgressBar.js';
+export type { ProgressBarNativeProps } from './progressBar.types.js';
+export { normalizeRange, clampValue, calculatePercentage, parseCircularDashToken, calculateCircularProgressStroke, getCircularDiameter, parseSegmentedPattern, parseTransitionDuration, } from './progressBar.utils.js';
+export type { CircularStroke, SegmentedPattern } from './progressBar.utils.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAe,CAAA;AACtD,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAqB,CAAA;AACjE,OAAO,EACH,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,sBAAsB,EACtB,+BAA+B,EAC/B,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,GAC1B,MAAM,wBAAqB,CAAA;AAC5B,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,wBAAqB,CAAA"}

package/lib/typescript/module/components/ProgressBar/progressBar.types.d.ts

@@ -0,0 +1,28 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { ProgressBarV2Appearance, ProgressBarV2Size, ProgressBarV2Variant } from '@juspay/blend-design-system/node';
+/**
+ * Props for the native `ProgressBar` — the port of web's `ProgressBarV2`.
+ *
+ * Determinate only, like web: `value` is required and there is no
+ * indeterminate mode. Announced through RN's `accessibilityValue`
+ * (min/max/now) instead of web's ARIA attributes.
+ *
+ * Divergence: web paints the segmented empty track with a
+ * `repeating-linear-gradient`; RN cannot, so native renders discrete tick
+ * marks with the same color, width and period decoded from the tokens.
+ */
+export type ProgressBarNativeProps = {
+    value: number;
+    min?: number;
+    max?: number;
+    size?: ProgressBarV2Size;
+    variant?: ProgressBarV2Variant;
+    appearance?: ProgressBarV2Appearance;
+    /** Show the rounded percentage next to (linear) or under (circular). */
+    showLabel?: boolean;
+    /** Screen-reader name; defaults to web's `Progress: N%`. */
+    accessibilityLabel?: string;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=progressBar.types.d.ts.map

package/lib/typescript/module/components/ProgressBar/progressBar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/progressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,KAAK,EACR,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,EACvB,MAAM,kCAAkC,CAAA;AAEzC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,UAAU,CAAC,EAAE,uBAAuB,CAAA;IACpC,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA"}

package/lib/typescript/module/components/ProgressBar/progressBar.utils.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Pure math and token decoding for `ProgressBar` — ports of web's
+ * `ProgressBarV2/utils.ts` plus the native-only segmented-pattern and
+ * transition decoding. All total: bad input degrades to a sane fallback.
+ */
+/** Web's `normalizeRange` — reversed bounds swap so min <= max. */
+export declare function normalizeRange(min: number, max: number): {
+    min: number;
+    max: number;
+};
+/** Web's `clampValue`. */
+export declare function clampValue(value: number, min: number, max: number): number;
+/** Web's `calculatePercentage` — guarded against a zero-width range. */
+export declare function calculatePercentage(value: number, min: number, max: number): number;
+/** Web's `parseCircularDashToken` — `'4 2'` or `'4,2'` to numbers. */
+export declare function parseCircularDashToken(token: string | undefined): number[];
+export type CircularStroke = {
+    radius: number;
+    circumference: number;
+    dashOffset: number;
+};
+/** Web's `calculateCircularProgressStroke` — radius inset by the stroke. */
+export declare function calculateCircularProgressStroke(size: number, strokeWidth: number, percentage: number): CircularStroke;
+export type SegmentedPattern = {
+    markColor: string | null;
+    markWidth: number;
+    period: number;
+};
+/**
+ * Decode web's segmented empty-track pattern. Web paints it with
+ * `repeating-linear-gradient(to right, <color>, <color> 2px, transparent
+ * 2px, transparent 8px)` sized `'10px 100%'` — unrepresentable in RN, so
+ * native renders discrete tick marks with the same color, mark width and
+ * period. `parseBackground` degrades the unsupported gradient to its first
+ * color stop, which is exactly the mark color.
+ */
+export declare function parseSegmentedPattern(backgroundImage: string | undefined, backgroundSize: string | undefined): SegmentedPattern;
+/**
+ * Circular diameter for a size, healing a web token hole: the web token
+ * file ships `circular.size = { sm, lg }` with no `md` entry (its md
+ * circular bar renders with an undefined width — flagged upstream). Native
+ * falls back down the ladder, then to web's sm default.
+ */
+export declare function getCircularDiameter(sizeTokens: Record<string, unknown>, size: string, parse: (v: string | number | undefined) => number | undefined): number;
+export type FillAnimation = {
+    duration: number;
+};
+/**
+ * Decode a CSS transition shorthand token (`'width 0.3s ease-in-out'`)
+ * into the animation duration. The easing keyword maps to the motion
+ * layer's standard curve at the call site.
+ */
+export declare function parseTransitionDuration(transition: string | undefined, fallback?: number): number;
+//# sourceMappingURL=progressBar.utils.d.ts.map

package/lib/typescript/module/components/ProgressBar/progressBar.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBar.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/progressBar.utils.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,mEAAmE;AACnE,wBAAgB,cAAc,CAC1B,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,GACZ;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAI9B;AAED,0BAA0B;AAC1B,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAG1E;AAED,wEAAwE;AACxE,wBAAgB,mBAAmB,CAC/B,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,GACZ,MAAM,CAGR;AAED,sEAAsE;AACtE,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,EAAE,CAO1E;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,4EAA4E;AAC5E,wBAAgB,+BAA+B,CAC3C,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,GACnB,cAAc,CAQhB;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACjC,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,cAAc,EAAE,MAAM,GAAG,SAAS,GACnC,gBAAgB,CAgBlB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAC/B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,GAC9D,MAAM,CAMR;AAED,MAAM,MAAM,aAAa,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAA;AAEhD;;;;GAIG;AACH,wBAAgB,uBAAuB,CACnC,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,QAAQ,SAAM,GACf,MAAM,CAOR"}

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

@@ -0,0 +1,19 @@
+import { View } from 'react-native';
+/**
+ * Radio — the native port of web's `RadioV2`.
+ *
+ * Ring + inner dot at half the ring's size, the dot scaling in like web's
+ * `::after` transition. The whole row is one pressable (label-tap selects).
+ * Pressing an already-selected radio does nothing, matching native radio
+ * semantics.
+ */
+declare const Radio: import("react").ForwardRefExoticComponent<import("@juspay/blend-design-system/node").RadioBaseProps & {
+    onCheckedChange?: (checked: true) => void;
+    disabled?: boolean;
+    slot?: React.ReactNode;
+    accessibilityLabel?: string;
+    testID?: string;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+} & import("react").RefAttributes<View>>;
+export default Radio;
+//# sourceMappingURL=Radio.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAS,CAAA;AAC1C,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAe,CAAA"}

package/lib/typescript/module/components/Radio/radio.types.d.ts

@@ -0,0 +1,23 @@
+import type React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { RadioBaseProps } from '@juspay/blend-design-system/node';
+/**
+ * Props for the native `Radio` — the port of web's `RadioV2`.
+ *
+ * Derives from `RadioBaseProps`. Divergence: web types `onCheckedChange`
+ * with a DOM `ChangeEvent`; native calls it with `true` (a radio can only
+ * be selected — deselection happens by selecting a sibling). There is no
+ * RadioGroup on either platform: the caller owns the selection state and
+ * renders one `Radio` per option (web's unused `group.gap` token noted).
+ *
+ * `maxLength` truncation is omitted at the type level (needs Tooltip).
+ */
+export type RadioNativeProps = RadioBaseProps & {
+    onCheckedChange?: (checked: true) => void;
+    disabled?: boolean;
+    slot?: React.ReactNode;
+    accessibilityLabel?: string;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=radio.types.d.ts.map

package/lib/typescript/module/components/Radio/radio.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/radio.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,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAEtE;;;;;;;;;;GAUG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG;IAC5C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA"}

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

@@ -0,0 +1,16 @@
+import { View } from 'react-native';
+import type { SankeyChartProps } from './sankeyChart.types.js';
+/**
+ * SankeyChart — a flow visualization where ribbon width is proportional to
+ * `value`.
+ *
+ * Nodes are arranged in columns (explicit or topologically computed), and
+ * ribbons connect the right edge of a source node to the left edge of a target
+ * node. Tapping a node highlights its flow (in + out ribbons).
+ *
+ * Uses `react-native-svg` (a transitive dep of victory-native) for rendering.
+ * Styled from `CHARTSV2` tokens.
+ */
+declare const SankeyChart: import("react").ForwardRefExoticComponent<SankeyChartProps & import("react").RefAttributes<View>>;
+export default SankeyChart;
+//# sourceMappingURL=SankeyChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SankeyChart.d.ts","sourceRoot":"","sources":["../../../../../src/components/SankeyChart/SankeyChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAenC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAqB,CAAA;AAS3D;;;;;;;;;;GAUG;AACH,QAAA,MAAM,WAAW,mGAuQf,CAAA;AAGF,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,3 @@
+export { default as SankeyChart } from './SankeyChart.js';
+export type { SankeyChartProps, SankeyNode, SankeyLink, } from './sankeyChart.types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SankeyChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAe,CAAA;AACtD,YAAY,EACR,gBAAgB,EAChB,UAAU,EACV,UAAU,GACb,MAAM,wBAAqB,CAAA"}

package/lib/typescript/module/components/SankeyChart/sankeyChart.types.d.ts

@@ -0,0 +1,86 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { SkeletonVariant } from '../Skeleton/Skeleton.js';
+export type SankeyNode = {
+    /** Unique id referenced by links. */
+    id: string;
+    /**
+     * Optional column override (0, 1, 2, ...). Without it, computed from
+     * topological sort. Set this when you have a product-meaningful column
+     * layout ('Start' | 'Step 1' | 'Step 2' | 'End').
+     */
+    column?: number;
+    /** Display name. Renders next to the node; longer names truncate. */
+    label?: string;
+    /** Color override. Defaults per-column palette or per-node cycle. */
+    color?: string;
+};
+export type SankeyLink = {
+    /** Source node id. */
+    source: string;
+    /** Target node id. */
+    target: string;
+    /** Ribbon width is proportional to `value`. */
+    value: number;
+    /** Color override; defaults to the source node's color. */
+    color?: string;
+};
+export type SankeyChartProps = {
+    nodes: SankeyNode[];
+    links: SankeyLink[];
+    /** Canvas height. Default 400. Width is measured via onLayout. */
+    height?: number;
+    /** Node width in points. Default 16. */
+    nodeWidth?: number;
+    /** Gap between nodes within a column, in points. Default 12. */
+    nodeGap?: number;
+    /** Ribbon corner curvature (0 = straight, 1 = max curve). Default 0.5. */
+    curveFactor?: number;
+    /** Highlight on tap: 'flow' | 'in' | 'out' | 'none'. Default 'flow'. */
+    focusBehavior?: 'flow' | 'in' | 'out' | 'none';
+    /** Callback for a node/ribbon press. */
+    onPress?: (target: {
+        kind: 'node' | 'link';
+        id: string;
+    }) => void;
+    /** Selected id (controlled focus). */
+    selectedId?: string;
+    /** Empty state. */
+    noData?: {
+        title?: string;
+        subtitle?: string;
+    };
+    skeleton?: {
+        show: boolean;
+        variant?: SkeletonVariant;
+    };
+    accessibilityLabel?: string;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+};
+/** A node positioned by the layout step. */
+export type PositionedNode = SankeyNode & {
+    /** Column index (0-based). */
+    columnIndex: number;
+    /** Y position of the node's top edge, in points. */
+    y: number;
+    /** Node height in points. */
+    height: number;
+    /** Total value flowing through this node (max of in/out). */
+    totalValue: number;
+};
+/** A link positioned by the layout step. */
+export type PositionedLink = SankeyLink & {
+    /** Source node's positioned index. */
+    sourceIndex: number;
+    /** Target node's positioned index. */
+    targetIndex: number;
+    /** Y offset of the link's top edge at the source node. */
+    sourceY0: number;
+    sourceY1: number;
+    /** Y offset of the link's top/bottom edges at the target node. */
+    targetY0: number;
+    targetY1: number;
+    /** Resolved color. */
+    resolvedColor: string;
+};
+//# sourceMappingURL=sankeyChart.types.d.ts.map

package/lib/typescript/module/components/SankeyChart/sankeyChart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sankeyChart.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/SankeyChart/sankeyChart.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAsB,CAAA;AAE3D,MAAM,MAAM,UAAU,GAAG;IACrB,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAA;IACV;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACrB,sBAAsB;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;IAC9C,wCAAwC;IACxC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACjE,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB;IACnB,MAAM,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,QAAQ,CAAC,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,eAAe,CAAA;KAAE,CAAA;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA;AAED,4CAA4C;AAC5C,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACtC,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,oDAAoD;IACpD,CAAC,EAAE,MAAM,CAAA;IACT,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,UAAU,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,4CAA4C;AAC5C,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACtC,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAA;IACnB,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAA;IACnB,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,kEAAkE;IAClE,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,sBAAsB;IACtB,aAAa,EAAE,MAAM,CAAA;CACxB,CAAA"}

package/lib/typescript/module/components/SankeyChart/sankeyChart.utils.d.ts

@@ -0,0 +1,42 @@
+import type { SankeyNode, SankeyLink, PositionedNode, PositionedLink } from './sankeyChart.types.js';
+/**
+ * Assign nodes to columns. If a node has an explicit `column` override, use
+ * it; otherwise compute from topology — source nodes get column 0, targets
+ * get max(source column) + 1.
+ */
+export declare function computeColumns(nodes: SankeyNode[], links: SankeyLink[]): Map<string, number>;
+/** Total value flowing through a node (max of sum-in, sum-out). */
+export declare function computeNodeValue(nodeId: string, links: SankeyLink[]): number;
+/**
+ * Deterministic Sankey layout.
+ *
+ * Nodes are sorted within a column by descending total value (so wide ribbons
+ * don't collide with narrow ones). Link endpoints are stacked within each
+ * node's height band, proportional to link value.
+ *
+ * Returns positioned nodes and links ready for SVG rendering.
+ */
+export declare function computeSankeyLayout(nodes: SankeyNode[], links: SankeyLink[], opts: {
+    canvasHeight: number;
+    nodeWidth?: number;
+    nodeGap?: number;
+}): {
+    positionedNodes: PositionedNode[];
+    positionedLinks: PositionedLink[];
+};
+/**
+ * Build an SVG cubic-bezier path for a Sankey ribbon.
+ *
+ * The ribbon connects the right edge of the source node to the left edge of
+ * the target node. `curveFactor` controls how far the control points are
+ * pulled horizontally — 0.5 gives the classic S-curve.
+ */
+export declare function buildRibbonPath(sourceX: number, sourceY0: number, sourceY1: number, targetX: number, targetY0: number, targetY1: number, curveFactor: number): string;
+/**
+ * Get the IDs of links and nodes connected to a focused node.
+ * - `flow` = both in and out links + their endpoints
+ * - `in`   = only incoming links + their source endpoints
+ * - `out`  = only outgoing links + their target endpoints
+ */
+export declare function getFocusSet(focusedNodeId: string, links: SankeyLink[], behavior?: 'flow' | 'in' | 'out'): Set<string>;
+//# sourceMappingURL=sankeyChart.utils.d.ts.map

package/lib/typescript/module/components/SankeyChart/sankeyChart.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sankeyChart.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/SankeyChart/sankeyChart.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACR,UAAU,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACjB,MAAM,wBAAqB,CAAA;AAE5B;;;;GAIG;AACH,wBAAgB,cAAc,CAC1B,KAAK,EAAE,UAAU,EAAE,EACnB,KAAK,EAAE,UAAU,EAAE,GACpB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAiDrB;AAED,mEAAmE;AACnE,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,MAAM,CAQ5E;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAC/B,KAAK,EAAE,UAAU,EAAE,EACnB,KAAK,EAAE,UAAU,EAAE,EACnB,IAAI,EAAE;IACF,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CACnB,GACF;IAAE,eAAe,EAAE,cAAc,EAAE,CAAC;IAAC,eAAe,EAAE,cAAc,EAAE,CAAA;CAAE,CA+H1E;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC3B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,GACpB,MAAM,CAcR;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CACvB,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,UAAU,EAAE,EACnB,QAAQ,GAAE,MAAM,GAAG,IAAI,GAAG,KAAc,GACzC,GAAG,CAAC,MAAM,CAAC,CAqBb"}

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

@@ -0,0 +1,22 @@
+import type { TextInputProps as RNTextInputProps, View as RNView } from 'react-native';
+/**
+ * Search field — the native port of web's `SearchInputV2`.
+ *
+ * Bottom-border-only chrome that re-resolves per state, slots either side,
+ * and an automatic clear button (lucide X) once there is text — hidden when
+ * `rightSlot` occupies that spot, exactly web's rule. `returnKeyType`
+ * defaults to `search`.
+ */
+declare const SearchInput: import("react").ForwardRefExoticComponent<import("@juspay/blend-design-system/node").SearchInputBaseProps & {
+    defaultValue?: string;
+    onChangeText?: (text: string) => void;
+    leftSlot?: React.ReactNode;
+    rightSlot?: React.ReactNode;
+    clearIcon?: React.ReactNode;
+    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" | "editable" | "onChangeText" | "placeholderTextColor"> & import("react").RefAttributes<RNView>>;
+export default SearchInput;
+//# sourceMappingURL=SearchInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACR,cAAc,IAAI,gBAAgB,EAClC,IAAI,IAAI,MAAM,EACjB,MAAM,cAAc,CAAA;AAYrB;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW;;;;;;;;;;8JA4IhB,CAAA;AAID,eAAe,WAAW,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAe,CAAA;AACtD,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAqB,CAAA"}

package/lib/typescript/module/components/SearchInput/searchInput.types.d.ts

@@ -0,0 +1,25 @@
+import type React from 'react';
+import type { StyleProp, TextInput as RNTextInput, TextInputProps as RNTextInputProps, ViewStyle } from 'react-native';
+import type { SearchInputBaseProps } from '@juspay/blend-design-system/node';
+/**
+ * Props for the native `SearchInput` — the port of web's `SearchInputV2`.
+ *
+ * Derives from `SearchInputBaseProps` (value, boolean error, allowClear,
+ * onClear, disabled) with `onChange` → `onChangeText` and uncontrolled
+ * support. Like web there is no size prop (SM chrome), no label and no
+ * footer — it is a bare bottom-bordered field; the caller supplies the
+ * search icon via `leftSlot`.
+ */
+export type SearchInputNativeProps = SearchInputBaseProps & {
+    defaultValue?: string;
+    onChangeText?: (text: string) => void;
+    leftSlot?: React.ReactNode;
+    rightSlot?: React.ReactNode;
+    /** Replaces the default lucide X clear icon. */
+    clearIcon?: React.ReactNode;
+    testID?: string;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    inputRef?: React.Ref<RNTextInput>;
+} & Omit<RNTextInputProps, 'value' | 'defaultValue' | 'onChangeText' | 'style' | 'editable' | 'placeholderTextColor'>;
+//# sourceMappingURL=searchInput.types.d.ts.map

package/lib/typescript/module/components/SearchInput/searchInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchInput.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchInput/searchInput.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,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAE5E;;;;;;;;GAQG;AACH,MAAM,MAAM,sBAAsB,GAAG,oBAAoB,GAAG;IACxD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,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,CAC3B,CAAA"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { SingleSelectNativeProps } from './singleSelect.types.js';
+declare const _default: React.NamedExoticComponent<SingleSelectNativeProps & React.RefAttributes<View>>;
+export default _default;
+//# sourceMappingURL=SingleSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/SingleSelect/SingleSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AA4BnC,OAAO,KAAK,EACR,uBAAuB,EAE1B,MAAM,yBAAsB,CAAA;;AAoP7B,wBAAiC"}

package/lib/typescript/module/components/SingleSelect/SingleSelectTrigger.d.ts

@@ -0,0 +1,27 @@
+import React, { type ForwardRefExoticComponent, type MemoExoticComponent } from 'react';
+import type { View as RNView } from 'react-native';
+import { SelectV2Variant, SelectV2Size, type SingleSelectV2TokensType } from '@juspay/blend-design-system/node';
+import type { DropdownTriggerState } from '../shared/dropdown/dropdown.types.js';
+import type { SelectV2ErrorState } from '@juspay/blend-design-system/node';
+export type SingleSelectTriggerProps = {
+    label?: string;
+    subLabel?: string;
+    hintText?: string;
+    required?: boolean;
+    placeholder: string;
+    selectedLabel?: string;
+    size: SelectV2Size;
+    variant: SelectV2Variant;
+    disabled: boolean;
+    state: DropdownTriggerState;
+    error?: SelectV2ErrorState;
+    tokens: SingleSelectV2TokensType;
+    slot?: React.ReactNode;
+    testID?: string;
+    accessibilityLabel?: string;
+    onPress?: () => void;
+};
+export declare const SingleSelectTrigger: MemoExoticComponent<ForwardRefExoticComponent<SingleSelectTriggerProps & {
+    ref?: React.Ref<RNView>;
+}>>;
+//# sourceMappingURL=SingleSelectTrigger.d.ts.map

package/lib/typescript/module/components/SingleSelect/SingleSelectTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectTrigger.d.ts","sourceRoot":"","sources":["../../../../../src/components/SingleSelect/SingleSelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGV,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EAC3B,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EACH,eAAe,EACf,YAAY,EACZ,KAAK,wBAAwB,EAChC,MAAM,kCAAkC,CAAA;AAMzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAmC,CAAA;AAC7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AAE1E,MAAM,MAAM,wBAAwB,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,EAAE,eAAe,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,oBAAoB,CAAA;IAC3B,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAC1B,MAAM,EAAE,wBAAwB,CAAA;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB,CAAA;AAgLD,eAAO,MAAM,mBAAmB,EAE3B,mBAAmB,CACpB,yBAAyB,CACrB,wBAAwB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,CACzD,CACJ,CAAA"}

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

@@ -0,0 +1,4 @@
+export { default as SingleSelect } from './SingleSelect.js';
+export type { SingleSelectNativeProps, SingleSelectRef, } from './singleSelect.types.js';
+export type { SingleSelectV2ItemType, SingleSelectV2GroupType, SelectV2Alignment, SelectV2Variant, SelectV2Size, SelectV2Side, } from './singleSelect.types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SingleSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAgB,CAAA;AACxD,YAAY,EACR,uBAAuB,EACvB,eAAe,GAClB,MAAM,yBAAsB,CAAA;AAC7B,YAAY,EACR,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,YAAY,GACf,MAAM,yBAAsB,CAAA"}

package/lib/typescript/module/components/SingleSelect/singleSelect.types.d.ts

@@ -0,0 +1,45 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { View as RNView } from 'react-native';
+import type { SelectV2Alignment, SelectV2Variant, SelectV2Size, SelectV2Side, SingleSelectV2ItemType, SingleSelectV2GroupType, SelectV2ErrorState, SelectV2SearchConfig } from '@juspay/blend-design-system/node';
+/**
+ * SingleSelect — React Native implementation of web's `SingleSelectV2`.
+ *
+ * A trigger button that opens a dropdown panel; selecting an item fires
+ * `onSelect(value)` and closes the panel. Supports search, sub-menus,
+ * custom triggers, error state, and mobile bottom-sheet mode.
+ */
+export type SingleSelectNativeProps = {
+    label?: string;
+    subLabel?: string;
+    hintText?: string;
+    required?: boolean;
+    placeholder: string;
+    size?: SelectV2Size;
+    variant?: SelectV2Variant;
+    items: SingleSelectV2GroupType[];
+    selected: string;
+    onSelect: (value: string) => void;
+    search?: SelectV2SearchConfig;
+    slot?: ReactNode;
+    customTrigger?: ReactElement;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    usePanelOnMobile?: boolean;
+    alignment?: SelectV2Alignment;
+    side?: SelectV2Side;
+    sideOffset?: number;
+    error?: SelectV2ErrorState;
+    disabled?: boolean;
+    enableVirtualization?: boolean;
+    allowCustomValue?: boolean;
+    customValueLabel?: string;
+    menuFooter?: ReactNode;
+    testID?: string;
+    accessibilityLabel?: string;
+    style?: import('react-native').StyleProp<import('react-native').ViewStyle>;
+};
+export type { SingleSelectV2ItemType };
+export type { SingleSelectV2GroupType };
+export type { SelectV2Alignment, SelectV2Variant, SelectV2Size, SelectV2Side };
+export type SingleSelectRef = RNView;
+//# sourceMappingURL=singleSelect.types.d.ts.map

package/lib/typescript/module/components/SingleSelect/singleSelect.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"singleSelect.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/SingleSelect/singleSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,KAAK,EACR,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,oBAAoB,EACvB,MAAM,kCAAkC,CAAA;AAEzC;;;;;;GAMG;AACH,MAAM,MAAM,uBAAuB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,eAAe,CAAA;IAEzB,KAAK,EAAE,uBAAuB,EAAE,CAAA;IAChC,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEjC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAE7B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,YAAY,CAAA;IAE5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAEtC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,UAAU,CAAC,EAAE,SAAS,CAAA;IAEtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,cAAc,EAAE,SAAS,CAAC,OAAO,cAAc,EAAE,SAAS,CAAC,CAAA;CAC7E,CAAA;AAED,YAAY,EAAE,sBAAsB,EAAE,CAAA;AACtC,YAAY,EAAE,uBAAuB,EAAE,CAAA;AACvC,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAE9E,MAAM,MAAM,eAAe,GAAG,MAAM,CAAA"}

package/lib/typescript/module/components/SingleSelect/singleSelect.utils.d.ts

@@ -0,0 +1,30 @@
+import { SelectV2Variant, SelectV2Size, type SingleSelectV2ItemType, type SingleSelectV2GroupType, type SingleSelectV2TokensType } from '@juspay/blend-design-system/node';
+import type { DropdownItemAdapter, DropdownContentTokens, DropdownItemTokens, DropdownTriggerState } from '../shared/dropdown/dropdown.types.js';
+import type { FilterableItem } from '../shared/dropdown/dropdownFilter.js';
+/**
+ * Adapt a `SingleSelectV2ItemType` to the common `DropdownItemAdapter`.
+ *
+ * SingleSelect items use `label` (string) directly, not the `{ text,
+ * leftSlot }` shape Menu uses. The selected state is derived by comparing
+ * `item.value` against the `selectedValue` prop.
+ */
+export declare function singleSelectItemAdapter(item: SingleSelectV2ItemType, index: number, selectedValue: string): DropdownItemAdapter<SingleSelectV2ItemType>;
+/** Build a value→label map for resolving the selected value's display text. */
+export declare function getValueLabelMap(groups: SingleSelectV2GroupType[]): Record<string, string>;
+/** Resolve the trigger state for token lookup. */
+export declare function getTriggerState(open: boolean, disabled: boolean, hasError: boolean): DropdownTriggerState;
+/** Convert a SingleSelect item to a filterable shape. */
+export declare function toFilterableItem(item: SingleSelectV2ItemType): FilterableItem<SingleSelectV2ItemType>;
+/**
+ * Map SingleSelectV2 content tokens to the shared `DropdownContentTokens`.
+ */
+export declare function getSingleSelectContentTokens(tokens: SingleSelectV2TokensType, size: SelectV2Size, variant: SelectV2Variant): DropdownContentTokens;
+/** Map SingleSelectV2 item tokens to the shared `DropdownItemTokens`. */
+export declare function getSingleSelectItemTokens(tokens: SingleSelectV2TokensType): DropdownItemTokens;
+/** Flatten groups into adapter-backed groups for the dropdown list. */
+export declare function flattenSingleSelectGroups(groups: SingleSelectV2GroupType[], selectedValue: string): Array<{
+    label?: string;
+    items: DropdownItemAdapter<SingleSelectV2ItemType>[];
+    showSeparator?: boolean;
+}>;
+//# sourceMappingURL=singleSelect.utils.d.ts.map