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

package/lib/typescript/module/components/MultiSelect/MultiSelectMenuHeader.d.ts

@@ -0,0 +1,24 @@
+import { type MultiSelectV2TokensType } from '@juspay/blend-design-system/node';
+/**
+ * Header row for the MultiSelect dropdown: optional select-all checkbox
+ * row + optional search input. The parent only mounts this header when at
+ * least one of the two is enabled, but each row is gated independently so
+ * search alone doesn't imply select-all (and vice versa).
+ */
+export type MultiSelectMenuHeaderProps = {
+    allSelected: boolean;
+    someSelected: boolean;
+    selectAllText: string;
+    onSelectAllToggle: () => void;
+    enableSelectAll: boolean;
+    tokens: MultiSelectV2TokensType;
+    searchValue: string;
+    onSearchChange: (text: string) => void;
+    searchPlaceholder?: string;
+    enableSearch: boolean;
+    testID?: string;
+};
+declare function MultiSelectMenuHeaderImpl({ allSelected, someSelected, selectAllText, onSelectAllToggle, enableSelectAll, tokens, searchValue, onSearchChange, searchPlaceholder, enableSearch, testID, }: MultiSelectMenuHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare const MultiSelectMenuHeader: import("react").MemoExoticComponent<typeof MultiSelectMenuHeaderImpl>;
+export {};
+//# sourceMappingURL=MultiSelectMenuHeader.d.ts.map

package/lib/typescript/module/components/MultiSelect/MultiSelectMenuHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectMenuHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultiSelect/MultiSelectMenuHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,kCAAkC,CAAA;AAwB/E;;;;;GAKG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACrC,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,eAAe,EAAE,OAAO,CAAA;IACxB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,iBAAS,yBAAyB,CAAC,EAC/B,WAAW,EACX,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,MAAM,EACN,WAAW,EACX,cAAc,EACd,iBAA+B,EAC/B,YAAY,EACZ,MAAM,GACT,EAAE,0BAA0B,2CA8F5B;AAED,eAAO,MAAM,qBAAqB,uEAAkC,CAAA"}

package/lib/typescript/module/components/MultiSelect/MultiSelectTrigger.d.ts

@@ -0,0 +1,30 @@
+import React, { type ForwardRefExoticComponent, type MemoExoticComponent } from 'react';
+import type { View as RNView } from 'react-native';
+import { SelectV2Variant, SelectV2Size, MultiSelectV2SelectionTagType, type MultiSelectV2TokensType } 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 MultiSelectTriggerProps = {
+    label?: string;
+    subLabel?: string;
+    hintText?: string;
+    required?: boolean;
+    placeholder: string;
+    selectionTagText: string | null;
+    selectedCount: number;
+    selectionTagType: MultiSelectV2SelectionTagType;
+    size: SelectV2Size;
+    variant: SelectV2Variant;
+    disabled: boolean;
+    state: DropdownTriggerState;
+    error?: SelectV2ErrorState;
+    tokens: MultiSelectV2TokensType;
+    showClearButton: boolean;
+    testID?: string;
+    accessibilityLabel?: string;
+    onPress?: () => void;
+    onClear?: () => void;
+};
+export declare const MultiSelectTrigger: MemoExoticComponent<ForwardRefExoticComponent<MultiSelectTriggerProps & {
+    ref?: React.Ref<RNView>;
+}>>;
+//# sourceMappingURL=MultiSelectTrigger.d.ts.map

package/lib/typescript/module/components/MultiSelect/MultiSelectTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectTrigger.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultiSelect/MultiSelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIV,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EAC3B,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAyB,MAAM,cAAc,CAAA;AACzE,OAAO,EACH,eAAe,EACf,YAAY,EACZ,6BAA6B,EAC7B,KAAK,uBAAuB,EAC/B,MAAM,kCAAkC,CAAA;AAKzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAmC,CAAA;AAC7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AAE1E,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;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,6BAA6B,CAAA;IAC/C,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,uBAAuB,CAAA;IAC/B,eAAe,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB,CAAA;AA6PD,eAAO,MAAM,kBAAkB,EAE1B,mBAAmB,CACpB,yBAAyB,CACrB,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,CACxD,CACJ,CAAA"}

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

@@ -0,0 +1,4 @@
+export { default as MultiSelect } from './MultiSelect.js';
+export type { MultiSelectNativeProps, MultiSelectRef, MultiSelectAction, } from './multiSelect.types.js';
+export type { MultiSelectV2ItemType, MultiSelectV2GroupType, SelectV2Alignment, SelectV2Variant, SelectV2Size, SelectV2Side, MultiSelectV2SelectionTagType, } from './multiSelect.types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultiSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAe,CAAA;AACtD,YAAY,EACR,sBAAsB,EACtB,cAAc,EACd,iBAAiB,GACpB,MAAM,wBAAqB,CAAA;AAC5B,YAAY,EACR,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,6BAA6B,GAChC,MAAM,wBAAqB,CAAA"}

package/lib/typescript/module/components/MultiSelect/multiSelect.types.d.ts

@@ -0,0 +1,64 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { View as RNView } from 'react-native';
+import type { SelectV2Alignment, SelectV2Variant, SelectV2Size, SelectV2Side, MultiSelectV2ItemType, MultiSelectV2GroupType, MultiSelectV2SelectionTagType, SelectV2ErrorState, SelectV2SearchConfig } from '@juspay/blend-design-system/node';
+/**
+ * MultiSelect — React Native implementation of web's `MultiSelectV2`.
+ *
+ * A trigger button that opens a dropdown panel with multi-select items.
+ * Supports select-all, action buttons, maxSelections, clear button,
+ * search, and mobile bottom-sheet mode.
+ */
+export type MultiSelectAction = {
+    text: string;
+    onClick: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+};
+export type MultiSelectNativeProps = {
+    label?: string;
+    subLabel?: string;
+    hintText?: string;
+    required?: boolean;
+    placeholder: string;
+    size?: SelectV2Size;
+    variant?: SelectV2Variant;
+    selectionTagType?: MultiSelectV2SelectionTagType;
+    items?: MultiSelectV2GroupType[];
+    selectedValues: string[];
+    /** Legacy per-item toggle callback. */
+    onChange?: (value: string) => void;
+    /** Recommended: fires with the complete resulting selection. */
+    onSelectionChange?: (selectedValues: string[]) => void;
+    search?: SelectV2SearchConfig;
+    enableSelectAll?: boolean;
+    selectAllText?: string;
+    maxSelections?: number;
+    slot?: ReactNode;
+    customTrigger?: ReactElement;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    usePanelOnMobile?: boolean;
+    alignment?: SelectV2Alignment;
+    side?: SelectV2Side;
+    sideOffset?: number;
+    error?: SelectV2ErrorState;
+    disabled?: boolean;
+    showActionButtons?: boolean;
+    primaryAction?: MultiSelectAction & {
+        onClick: (selectedValues: string[]) => void;
+    };
+    secondaryAction?: MultiSelectAction;
+    showItemDividers?: boolean;
+    showClearButton?: boolean;
+    onClearAllClick?: () => void;
+    enableVirtualization?: boolean;
+    menuFooter?: ReactNode;
+    testID?: string;
+    accessibilityLabel?: string;
+    style?: import('react-native').StyleProp<import('react-native').ViewStyle>;
+};
+export type { MultiSelectV2ItemType };
+export type { MultiSelectV2GroupType };
+export type { SelectV2Alignment, SelectV2Variant, SelectV2Size, SelectV2Side, MultiSelectV2SelectionTagType, };
+export type MultiSelectRef = RNView;
+//# sourceMappingURL=multiSelect.types.d.ts.map

package/lib/typescript/module/components/MultiSelect/multiSelect.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiSelect.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultiSelect/multiSelect.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,qBAAqB,EACrB,sBAAsB,EACtB,6BAA6B,EAC7B,kBAAkB,EAClB,oBAAoB,EACvB,MAAM,kCAAkC,CAAA;AAEzC;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACjC,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;IACzB,gBAAgB,CAAC,EAAE,6BAA6B,CAAA;IAEhD,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAChC,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAEtD,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,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,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,iBAAiB,GAAG;QAChC,OAAO,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;KAC9C,CAAA;IACD,eAAe,CAAC,EAAE,iBAAiB,CAAA;IAEnC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAE5B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B,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,qBAAqB,EAAE,CAAA;AACrC,YAAY,EAAE,sBAAsB,EAAE,CAAA;AACtC,YAAY,EACR,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,6BAA6B,GAChC,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,CAAA"}

package/lib/typescript/module/components/MultiSelect/multiSelect.utils.d.ts

@@ -0,0 +1,61 @@
+import { SelectV2Variant, SelectV2Size, MultiSelectV2SelectionTagType, type MultiSelectV2ItemType, type MultiSelectV2GroupType, type MultiSelectV2TokensType, getNextSelectionAfterToggle, isBlockedByMaxSelections, clampScopeToMaxSelections, emitLegacyScopeChanges } 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';
+export { getNextSelectionAfterToggle, isBlockedByMaxSelections, clampScopeToMaxSelections, emitLegacyScopeChanges, };
+/**
+ * Adapt a `MultiSelectV2ItemType` to the common `DropdownItemAdapter`.
+ * The selected state is derived by checking if `item.value` is in the
+ * `selectedValues` array.
+ */
+export declare function multiSelectItemAdapter(item: MultiSelectV2ItemType, index: number, selectedValues: string[]): DropdownItemAdapter<MultiSelectV2ItemType>;
+/** Build a value→label map (ported from web, pure). */
+export declare function getValueLabelMap(groups: MultiSelectV2GroupType[]): Record<string, string>;
+/**
+ * Compute select-all state (ported from web, pure).
+ * `allSelected` is true only when there are available values and every one
+ * is in the selected list. `someSelected` is true when any available value
+ * is selected.
+ */
+export declare function getSelectAllState(selected: string[], availableValues: string[]): {
+    allSelected: boolean;
+    someSelected: boolean;
+};
+/**
+ * Collect all selectable values — not disabled, not alwaysSelected —
+ * recursing into sub-menus (ported from web, pure).
+ */
+export declare function getAllAvailableValues(groups: MultiSelectV2GroupType[]): string[];
+/**
+ * Handle a select-all gesture (ported from web, pure). Computes the scoped
+ * values (clamped to maxSelections on the select branch), emits the legacy
+ * per-item `onChange` calls, and returns the resulting selection for the
+ * aggregate `onSelectionChange` callback.
+ */
+export declare function handleSelectAll(selectAll: boolean, items: MultiSelectV2GroupType[], selectedValues: string[], onChange?: (value: string) => void, maxSelections?: number): string[];
+/** Filter a single item (ported from web, pure). */
+export declare function getFilteredMenuItem(item: MultiSelectV2ItemType, queryLower: string): MultiSelectV2ItemType | null;
+/** Filter groups (ported from web, pure). */
+export declare function filterMultiSelectV2MenuGroups(groups: MultiSelectV2GroupType[], searchText: string): MultiSelectV2GroupType[];
+/** Flatten groups (ported from web, pure). */
+export declare function flattenMenuGroups(groups: MultiSelectV2GroupType[]): Array<{
+    label?: string;
+    items: DropdownItemAdapter<MultiSelectV2ItemType>[];
+    showSeparator?: boolean;
+}>;
+/** Convert a MultiSelect item to a filterable shape. */
+export declare function toFilterableItem(item: MultiSelectV2ItemType): FilterableItem<MultiSelectV2ItemType>;
+/** Map MultiSelectV2 content tokens to the shared `DropdownContentTokens`. */
+export declare function getMultiSelectContentTokens(tokens: MultiSelectV2TokensType, size: SelectV2Size, variant: SelectV2Variant): DropdownContentTokens;
+/** Map MultiSelectV2 item tokens to the shared `DropdownItemTokens`. */
+export declare function getMultiSelectItemTokens(tokens: MultiSelectV2TokensType): DropdownItemTokens;
+/** Flatten groups with selected state into adapter-backed groups. */
+export declare function flattenMultiSelectGroups(groups: MultiSelectV2GroupType[], selectedValues: string[], decorate?: (adapter: DropdownItemAdapter<MultiSelectV2ItemType>) => DropdownItemAdapter<MultiSelectV2ItemType>): Array<{
+    label?: string;
+    items: DropdownItemAdapter<MultiSelectV2ItemType>[];
+    showSeparator?: boolean;
+}>;
+/** Resolve the trigger state for token lookup. */
+export declare function getTriggerState(open: boolean, disabled: boolean, hasError: boolean): DropdownTriggerState;
+/** Build the selection tag text for the trigger. */
+export declare function getSelectionTagText(selectionTagType: MultiSelectV2SelectionTagType, selectedValues: string[], valueLabelMap: Record<string, string>): string | null;
+//# sourceMappingURL=multiSelect.utils.d.ts.map

package/lib/typescript/module/components/MultiSelect/multiSelect.utils.d.ts.map

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

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

@@ -0,0 +1,25 @@
+import { View } from 'react-native';
+/**
+ * Numeric field — the native port of web's `NumberInputV2`.
+ *
+ * Typing stays raw and sanitized; clamping happens on blur (web parity).
+ * Stepper buttons render when there is no unit, exactly web's rule
+ * (chevrons instead of web's Phosphor triangles — icon divergence). Out of
+ * range auto-raises the footer error. Announced as an adjustable with
+ * increment/decrement accessibility actions — more idiomatic than web's
+ * ARIA spinbutton.
+ */
+declare const NumberInput: import("react").ForwardRefExoticComponent<Omit<import("@juspay/blend-design-system/node").NumberInputBaseProps, "label" | "helpIconText"> & {
+    onValueChange?: (value: number | null) => void;
+    label?: string;
+    subLabel?: string;
+    required?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    testID?: string;
+    accessibilityLabel?: string;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    inputRef?: React.Ref<import("react-native").TextInput>;
+} & import("react").RefAttributes<View>>;
+export default NumberInput;
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,IAAI,EAAE,MAAM,cAAc,CAAA;AA4B7D;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW;;;;;;;;;;;wCAuRhB,CAAA;AAID,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,4 @@
+export { default as NumberInput } from './NumberInput.js';
+export type { NumberInputNativeProps } from './numberInput.types.js';
+export { sanitizeNumberInput, parseNumberInput, clampValueOnBlur, getDisplayValue, getRangeErrorMessage, isStepUpDisabled, isStepDownDisabled, isUnitTooLong, UNIT_MAX_LENGTH, } from './numberInput.utils.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/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,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,eAAe,GAClB,MAAM,wBAAqB,CAAA"}

package/lib/typescript/module/components/NumberInput/numberInput.types.d.ts

@@ -0,0 +1,32 @@
+import type React from 'react';
+import type { StyleProp, TextInput as RNTextInput, ViewStyle } from 'react-native';
+import type { NumberInputBaseProps } from '@juspay/blend-design-system/node';
+/**
+ * Props for the native `NumberInput` — the port of web's `NumberInputV2`.
+ *
+ * Derives from `NumberInputBaseProps` with two docblocked divergences:
+ *
+ * - **`onValueChange?: (value: number | null) => void`** — web fabricates
+ *   synthetic DOM change events whose `target.value` is a string; native
+ *   hands over the parsed number (null while the field is empty or
+ *   mid-edit like `-`).
+ * - Flat `label`/`subLabel` — web's `label: { text, subtext }` object is
+ *   flattened for cross-input consistency.
+ *
+ * Omitted at the type level: `helpIconText` (needs Tooltip), web's
+ * ReactNode `slot` pair (unit + steppers cover the common cases; slots can
+ * layer on later).
+ */
+export type NumberInputNativeProps = Omit<NumberInputBaseProps, 'label' | 'helpIconText'> & {
+    onValueChange?: (value: number | null) => void;
+    label?: string;
+    subLabel?: string;
+    required?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    testID?: string;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    inputRef?: React.Ref<RNTextInput>;
+};
+//# sourceMappingURL=numberInput.types.d.ts.map

package/lib/typescript/module/components/NumberInput/numberInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberInput.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/numberInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EACR,SAAS,EACT,SAAS,IAAI,WAAW,EACxB,SAAS,EACZ,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAE5E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACrC,oBAAoB,EACpB,OAAO,GAAG,cAAc,CAC3B,GAAG;IACA,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,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,CAAA"}

package/lib/typescript/module/components/NumberInput/numberInput.utils.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Pure ports of web's `NumberInputV2/utils.ts` — sanitising, clamping,
+ * display, stepper math and the auto range error. All total.
+ */
+/** Web's `NUMBER_INPUT_V2_UNIT_MAX_LENGTH`. */
+export declare const UNIT_MAX_LENGTH = 7;
+/**
+ * Web's `sanitizeNumberInput`: strip everything but digits, `.` and `-`,
+ * keep a single leading minus and a single decimal point.
+ */
+export declare function sanitizeNumberInput(raw: string): string;
+/** Parse the sanitised text; incomplete input (`''`, `-`, `.`) is null. */
+export declare function parseNumberInput(text: string): number | null;
+/** Web's `clampValueOnBlur`. */
+export declare function clampValueOnBlur(value: number | null, min: number | undefined, max: number | undefined, preventNegative: boolean | undefined): number | null;
+/** Displayed text: raw while typing, canonical number when blurred. */
+export declare function getDisplayValue(internal: string, focused: boolean, value: number | null): string;
+/** Web's stepper-disable math: disabled when the next step overshoots. */
+export declare function isStepUpDisabled(value: number | null, step: number, max: number | undefined): boolean;
+export declare function isStepDownDisabled(value: number | null, step: number, min: number | undefined, preventNegative: boolean | undefined): boolean;
+/** Web's `getRangeErrorMessage` — the auto footer error out of range. */
+export declare function getRangeErrorMessage(value: number | null, min: number | undefined, max: number | undefined): string | undefined;
+/** Web hides units longer than 7 chars and shows a footer error instead. */
+export declare function isUnitTooLong(unit: string | undefined): boolean;
+//# sourceMappingURL=numberInput.utils.d.ts.map

package/lib/typescript/module/components/NumberInput/numberInput.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberInput.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/numberInput.utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,+CAA+C;AAC/C,eAAO,MAAM,eAAe,IAAI,CAAA;AAEhC;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAQvD;AAED,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAM5D;AAED,gCAAgC;AAChC,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,eAAe,EAAE,OAAO,GAAG,SAAS,GACrC,MAAM,GAAG,IAAI,CAOf;AAED,uEAAuE;AACvE,wBAAgB,eAAe,CAC3B,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,GAAG,IAAI,GACrB,MAAM,CAGR;AAED,0EAA0E;AAC1E,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,SAAS,GACxB,OAAO,CAGT;AAED,wBAAgB,kBAAkB,CAC9B,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,eAAe,EAAE,OAAO,GAAG,SAAS,GACrC,OAAO,CAKT;AAED,yEAAyE;AACzE,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,GAAG,EAAE,MAAM,GAAG,SAAS,GACxB,MAAM,GAAG,SAAS,CASpB;AAED,4EAA4E;AAC5E,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAE/D"}

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

@@ -0,0 +1,19 @@
+import { View } from 'react-native';
+/**
+ * One-time-code input — the native port of web's `OTPInputV2`.
+ *
+ * N single-character cells (no hidden master input, like web). The first
+ * cell carries `textContentType="oneTimeCode"` (iOS) and
+ * `autoComplete="sms-otp"` (Android) so OS autofill lands there and
+ * spreads across the cells as a digit run; Backspace on an empty cell
+ * moves back.
+ */
+declare const OTPInput: import("react").ForwardRefExoticComponent<Omit<import("@juspay/blend-design-system/node").OTPInputBaseProps, "sublabel" | "helpIconHintText"> & {
+    subLabel?: string;
+    required?: boolean;
+    disabled?: boolean;
+    testID?: string;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+} & import("react").RefAttributes<View>>;
+export default OTPInput;
+//# sourceMappingURL=OTPInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/OTPInput/OTPInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAyB7C;;;;;;;;GAQG;AACH,QAAA,MAAM,QAAQ;;;;;;wCAsLZ,CAAA;AAIF,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,4 @@
+export { default as OTPInput } from './OTPInput.js';
+export type { OTPInputNativeProps } from './otpInput.types.js';
+export { clampOtpSlotLength, otpToCells, processCellChange, buildCellLabel, } from './otpInput.utils.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/OTPInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAY,CAAA;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAkB,CAAA;AAC3D,OAAO,EACH,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EACjB,cAAc,GACjB,MAAM,qBAAkB,CAAA"}

package/lib/typescript/module/components/OTPInput/otpInput.types.d.ts

@@ -0,0 +1,19 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { OTPInputBaseProps } from '@juspay/blend-design-system/node';
+/**
+ * Props for the native `OTPInput` — the port of web's `OTPInputV2`.
+ *
+ * Derives from `OTPInputBaseProps` (`onChange` already takes the joined
+ * string, so it flows straight through). Web's lowercase `sublabel` is
+ * normalized to `subLabel`; `helpIconHintText` is omitted (needs Tooltip).
+ * The first cell carries the OS one-time-code autofill hooks; paste and
+ * SMS autofill arrive as a multi-character change and spread across cells.
+ */
+export type OTPInputNativeProps = Omit<OTPInputBaseProps, 'sublabel' | 'helpIconHintText'> & {
+    subLabel?: string;
+    required?: boolean;
+    disabled?: boolean;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=otpInput.types.d.ts.map

package/lib/typescript/module/components/OTPInput/otpInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"otpInput.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/OTPInput/otpInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAEzE;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAClC,iBAAiB,EACjB,UAAU,GAAG,kBAAkB,CAClC,GAAG;IACA,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA"}

package/lib/typescript/module/components/OTPInput/otpInput.utils.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Pure ports of web's `otpInputV2Utils.ts`. On RN there is no separate
+ * paste event — a paste or SMS autofill arrives as a multi-character
+ * change on one cell, which `mergeDigitRunIntoOtp` already handles.
+ */
+/** Web's `clampOtpSlotLength` — 1..32 slots. */
+export declare function clampOtpSlotLength(length: number | undefined): number;
+/** Value → per-cell digits, padded to the slot count. */
+export declare function otpToCells(value: string, slots: number): string[];
+export type OtpCellChange = {
+    cells: string[];
+    /** Cell to focus after the change, when any. */
+    focusIndex: number | null;
+};
+/**
+ * Web's `processOtpCellValueChange`/`mergeDigitRunIntoOtp`: a change on one
+ * cell may carry several characters (paste, SMS autofill, IME) — the digit
+ * run spreads across the following cells; an emptied cell clears itself.
+ */
+export declare function processCellChange(cells: readonly string[], index: number, raw: string): OtpCellChange;
+/** Web's `buildOtpCellAriaLabel`. */
+export declare function buildCellLabel(label: string | undefined, index: number, total: number): string;
+//# sourceMappingURL=otpInput.utils.d.ts.map

package/lib/typescript/module/components/OTPInput/otpInput.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"otpInput.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/OTPInput/otpInput.utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,gDAAgD;AAChD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAGrE;AAED,yDAAyD;AACzD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAGjE;AAED,MAAM,MAAM,aAAa,GAAG;IACxB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,gDAAgD;IAChD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC7B,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,GACZ,aAAa,CAmBf;AAED,qCAAqC;AACrC,wBAAgB,cAAc,CAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,GACd,MAAM,CAGR"}

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

@@ -0,0 +1,13 @@
+import { View } from 'react-native';
+import type { OutageChartNativeProps } from './outageChart.types.js';
+/**
+ * OutageChart — composite "outage trend + per-lane timeline" surface.
+ *
+ * Port of the web `OutageChartDemoV2` pattern: a zone-colored trend line on
+ * top, and an xrange-style timeline beneath with one row per lane label.
+ * Tapping a timeline segment highlights the same x-span on the trend chart
+ * (the native stand-in for the web hover plot-band).
+ */
+declare const OutageChart: import("react").ForwardRefExoticComponent<OutageChartNativeProps & import("react").RefAttributes<View>>;
+export default OutageChart;
+//# sourceMappingURL=OutageChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OutageChart.d.ts","sourceRoot":"","sources":["../../../../../src/components/OutageChart/OutageChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAa,MAAM,cAAc,CAAA;AAiB9C,OAAO,KAAK,EAAE,sBAAsB,EAAiB,MAAM,wBAAqB,CAAA;AAehF;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW,yGAkThB,CAAA;AAGD,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,3 @@
+export { default as OutageChart } from './OutageChart.js';
+export type { OutageChartNativeProps, OutageTrendDatum, OutageZone, OutageSegment, } from './outageChart.types.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/typescript/module/components/OutageChart/outageChart.types.d.ts

@@ -0,0 +1,71 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { SkeletonVariant } from '../Skeleton/Skeleton.js';
+/** One point on the trend line. `x` is typically a timestamp. */
+export type OutageTrendDatum = {
+    x: number;
+    y: number;
+};
+/**
+ * A color zone on the trend line's x-axis. From the zone's `from` value to the
+ * next zone's `from`, the line draws in `color`. The last zone covers
+ * [from, +∞).
+ */
+export type OutageZone = {
+    from: number;
+    color: string;
+};
+/**
+ * One outage/quality segment on the timeline. Renders as a colored bar from
+ * `start` to `end` on the row for `laneLabel`.
+ *
+ * `meta` is open-ended so a consumer can attach anything (downTime,
+ * fluctuation, count) and read it back in `onSegmentPress`.
+ */
+export type OutageSegment = {
+    start: number;
+    end: number;
+    /** Row label — one row per unique value, in first-seen order. */
+    laneLabel: string;
+    color: string;
+    meta?: Record<string, string | number>;
+};
+export type OutageChartNativeProps = {
+    /** Trend-line data (e.g. success-rate over time). */
+    trendData: OutageTrendDatum[];
+    /** Color zones for the trend line, sorted by `from`. */
+    zones?: OutageZone[];
+    /** Timeline segments. One row per unique `laneLabel`. */
+    segments?: OutageSegment[];
+    /** Trend line stroke color used when `zones` is empty. */
+    trendColor?: string;
+    /** Total width of both sub-charts is measured; this is the trend chart height. Default 160. */
+    trendHeight?: number;
+    /** Height of one timeline row. Default 48. */
+    laneHeight?: number;
+    /** Segment bar pill height. Default 8. */
+    segmentHeight?: number;
+    /** Trend chart title row (e.g. 'UPI Outage Trend'). */
+    title?: string;
+    /** Trailing content in the title row (dropdowns, menus). */
+    header?: React.ReactNode;
+    /** Currently selected segment (controlled). */
+    selectedSegmentId?: number | null;
+    /** Called when a segment is tapped; `null` on background tap. */
+    onSegmentSelect?: (selection: {
+        index: number;
+        segment: OutageSegment;
+    } | null) => void;
+    /** Empty state. */
+    noData?: {
+        title?: string;
+        subtitle?: string;
+    };
+    skeleton?: {
+        show: boolean;
+        variant?: SkeletonVariant;
+    };
+    accessibilityLabel?: string;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=outageChart.types.d.ts.map

package/lib/typescript/module/components/OutageChart/outageChart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outageChart.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/OutageChart/outageChart.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,iEAAiE;AACjE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,iEAAiE;IACjE,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACjC,qDAAqD;IACrD,SAAS,EAAE,gBAAgB,EAAE,CAAA;IAC7B,wDAAwD;IACxD,KAAK,CAAC,EAAE,UAAU,EAAE,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAA;IAC1B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4DAA4D;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,iEAAiE;IACjE,eAAe,CAAC,EAAE,CACd,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,aAAa,CAAA;KAAE,GAAG,IAAI,KAC1D,IAAI,CAAA;IACT,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"}

package/lib/typescript/module/components/OutageChart/outageChart.utils.d.ts

@@ -0,0 +1,31 @@
+import type { OutageSegment, OutageTrendDatum, OutageZone } from './outageChart.types.js';
+/**
+ * Split a trend line into per-zone segments for Victory rendering.
+ *
+ * Highcharts draws one series and recolors the stroke by x-zone; Victory has
+ * no zones, so we produce one polyline per zone span. At each zone boundary
+ * we interpolate the y value (linear between the two surrounding data points)
+ * so adjacent segments share a boundary point and the stroke is continuous.
+ * If the boundary lies exactly on a data point, that point is included in
+ * both segments.
+ */
+export declare function splitTrendByZones(data: OutageTrendDatum[], zones: OutageZone[]): {
+    color: string;
+    data: OutageTrendDatum[];
+}[];
+/**
+ * Unique lane labels from segments, in first-seen order. The timeline's rows
+ * are keyed off this list.
+ */
+export declare function computeLanes(segments: OutageSegment[]): string[];
+/** The shared x-domain used by both the trend chart and the timeline. */
+export declare function computeXDomain(trendData: OutageTrendDatum[], segments: OutageSegment[]): {
+    min: number;
+    max: number;
+};
+/** Map an x value to a 0–1 fraction of the shared domain. */
+export declare function xToFraction(x: number, domain: {
+    min: number;
+    max: number;
+}): number;
+//# sourceMappingURL=outageChart.utils.d.ts.map

package/lib/typescript/module/components/OutageChart/outageChart.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outageChart.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/OutageChart/outageChart.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,aAAa,EACb,gBAAgB,EAChB,UAAU,EACb,MAAM,wBAAqB,CAAA;AAE5B;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAC7B,IAAI,EAAE,gBAAgB,EAAE,EACxB,KAAK,EAAE,UAAU,EAAE,GACpB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,gBAAgB,EAAE,CAAA;CAAE,EAAE,CAoE/C;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,MAAM,EAAE,CAUhE;AAED,yEAAyE;AACzE,wBAAgB,cAAc,CAC1B,SAAS,EAAE,gBAAgB,EAAE,EAC7B,QAAQ,EAAE,aAAa,EAAE,GAC1B;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAU9B;AAED,6DAA6D;AAC7D,wBAAgB,WAAW,CACvB,CAAC,EAAE,MAAM,EACT,MAAM,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GACrC,MAAM,CAER"}

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

@@ -0,0 +1,16 @@
+import type { PopoverNativeProps } from './popover.types.js';
+/**
+ * Popover — the native port of web's `PopoverV2`.
+ *
+ * Phones (`sm`) present a bottom sheet, exactly what web's
+ * `useDrawerOnMobile` does with the V1 Drawer; tablets (`lg`) get an
+ * anchored surface via `AnchoredOverlay`. Chrome comes from POPOVERV2
+ * tokens. Web's `border` token holds `"8px"` — an invalid CSS shorthand
+ * browsers silently drop — so no border is drawn (flagged upstream).
+ */
+export declare function Popover({ trigger, children, heading, description, showCloseButton, open, onOpenChange, onClose, side, align, sideOffset, size, primaryAction, secondaryAction, maxHeightFraction, width, minWidth, maxWidth, height, minHeight, maxHeight, testID, style, }: PopoverNativeProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Popover {
+    var displayName: string;
+}
+export default Popover;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAiB,CAAA;AAEzD;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,WAAW,EACX,eAAsB,EACtB,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,IAA2B,EAC3B,KAA6B,EAC7B,UAAc,EACd,IAAuB,EACvB,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,KAAK,EACL,QAAc,EACd,QAAc,EACd,MAAM,EACN,SAAS,EACT,SAAS,EACT,MAAM,EACN,KAAK,GACR,EAAE,kBAAkB,2CA2HpB;yBAnJe,OAAO;;;AAuJvB,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,13 @@
+import { PopoverV2Size } from '@juspay/blend-design-system/node';
+import type { PopoverV2TokenType } from '@juspay/blend-design-system/node';
+import type { PopoverAction } from './popover.types.js';
+/** Secondary/primary action row — the Alert pattern, rendered with Button. */
+export declare function PopoverFooter({ primaryAction, secondaryAction, size, tokens, testID, }: {
+    primaryAction?: PopoverAction;
+    secondaryAction?: PopoverAction;
+    size: PopoverV2Size;
+    tokens: PopoverV2TokenType;
+    testID?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export default PopoverFooter;
+//# sourceMappingURL=PopoverFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/PopoverFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAGH,aAAa,EAChB,MAAM,kCAAkC,CAAA;AACzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AAG1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAiB,CAAA;AAEpD,8EAA8E;AAC9E,wBAAgB,aAAa,CAAC,EAC1B,aAAa,EACb,eAAe,EACf,IAAI,EACJ,MAAM,EACN,MAAM,GACT,EAAE;IACC,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,eAAe,CAAC,EAAE,aAAa,CAAA;IAC/B,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,kDAyCA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,18 @@
+import { PopoverV2Size } from '@juspay/blend-design-system/node';
+import type { PopoverV2TokenType } from '@juspay/blend-design-system/node';
+/**
+ * Heading/description block with the optional close button — shared by the
+ * sheet and anchored presentations. Renders nothing when there is nothing
+ * to show.
+ */
+export declare function PopoverHeader({ heading, description, showCloseButton, onClose, size, tokens, testID, }: {
+    heading?: string;
+    description?: string;
+    showCloseButton: boolean;
+    onClose: () => void;
+    size: PopoverV2Size;
+    tokens: PopoverV2TokenType;
+    testID?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export default PopoverHeader;
+//# sourceMappingURL=PopoverHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/PopoverHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AAI1E;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC1B,OAAO,EACP,WAAW,EACX,eAAe,EACf,OAAO,EACP,IAAI,EACJ,MAAM,EACN,MAAM,GACT,EAAE;IACC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,OAAO,CAAA;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,kDAuEA;AAED,eAAe,aAAa,CAAA"}