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

package/lib/typescript/module/components/shared/dropdown/DropdownContent.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { type LayoutChangeEvent } from 'react-native';
+import type { AnchoredPosition } from '../../../overlay/positioning.js';
+import type { DropdownContentTokens } from './dropdown.types.js';
+/**
+ * The floating panel — a `Portal`-rendered `Animated.View` with a
+ * scale-fade entrance, positioned against the anchor via
+ * `useAnchoredPosition`.
+ *
+ * Stays transparent (opacity 0) until `position` lands — the content must
+ * remain mounted so `onLayout` fires, but should not flash at `{0, 0}`
+ * before measurement completes.
+ */
+export type DropdownContentProps = {
+    open: boolean;
+    onClose: () => void;
+    position: AnchoredPosition | null;
+    onContentLayout: (event: LayoutChangeEvent) => void;
+    tokens: DropdownContentTokens;
+    children?: React.ReactNode;
+    testID?: string;
+    accessibilityLabel?: string;
+};
+export declare function DropdownContent({ open, onClose, position, onContentLayout, tokens, children, testID, accessibilityLabel, }: DropdownContentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace DropdownContent {
+    var displayName: string;
+}
+//# sourceMappingURL=DropdownContent.d.ts.map

package/lib/typescript/module/components/shared/dropdown/DropdownContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/dropdown/DropdownContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,EAGH,KAAK,iBAAiB,EACzB,MAAM,cAAc,CAAA;AAiBrB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAA8B,CAAA;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAkB,CAAA;AAE7D;;;;;;;;GAQG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACnD,MAAM,EAAE,qBAAqB,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAWD,wBAAgB,eAAe,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,kBAAkB,GACrB,EAAE,oBAAoB,kDAoFtB;yBA7Fe,eAAe"}

package/lib/typescript/module/components/shared/dropdown/DropdownItem.d.ts

@@ -0,0 +1,25 @@
+import { View } from 'react-native';
+import type { DropdownItemAdapter, DropdownItemTokens } from './dropdown.types.js';
+/**
+ * A pressable row inside a dropdown list: leading slot + label + sublabel
+ * + trailing checkmark/chevron. Generic over the item type so Menu,
+ * SingleSelect, and MultiSelect all share it.
+ *
+ * Layout matches web mobile (`SingleSelectV2MobileItem` / `SelectItemV2`):
+ * outer column with gap between the main row and the sub-label row.
+ * The main row is horizontal: leading accessory + leading slot +
+ * label (flex 1) + trailing slot/checkmark/chevron. The sub-label
+ * renders as a full-width second row below.
+ *
+ * State resolution: native has no hover/focus. `active` (pressed) is
+ * handled by `Pressable` via `activeBackground`; `selected` and `disabled`
+ * are resolved from the item adapter data.
+ */
+export type DropdownItemProps = {
+    adapter: DropdownItemAdapter;
+    tokens: DropdownItemTokens;
+    onPress: (item: DropdownItemAdapter['item']) => void;
+    testID?: string;
+};
+export declare const DropdownItem: import("react").NamedExoticComponent<DropdownItemProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=DropdownItem.d.ts.map

package/lib/typescript/module/components/shared/dropdown/DropdownItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/dropdown/DropdownItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAuB,MAAM,cAAc,CAAA;AAMxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,qBAAkB,CAAA;AAE/E;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC5B,OAAO,EAAE,mBAAmB,CAAA;IAC5B,MAAM,EAAE,kBAAkB,CAAA;IAC1B,OAAO,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAiJD,eAAO,MAAM,YAAY,+FAAyB,CAAA"}

package/lib/typescript/module/components/shared/dropdown/DropdownList.d.ts

@@ -0,0 +1,30 @@
+import type { DropdownFlatRow, DropdownItemAdapter, DropdownItemTokens } from './dropdown.types.js';
+/**
+ * Renders a list of `DropdownFlatRow`s — either in a `ScrollView` (default)
+ * or a `FlatList` (when `enableVirtualization` is set and the row count
+ * exceeds the threshold).
+ *
+ * Renders label rows as styled text, separator rows as `DropdownSeparator`,
+ * and item rows as `DropdownItem`.
+ */
+export type DropdownListProps<TItem = unknown> = {
+    rows: DropdownFlatRow<TItem>[];
+    itemTokens: DropdownItemTokens;
+    separatorColor: string;
+    separatorHeight?: string | number;
+    separatorMargin?: string | number;
+    labelColor: string;
+    labelFontSize: string | number;
+    labelFontWeight: string | number;
+    labelPaddingTop?: string | number;
+    labelPaddingBottom?: string | number;
+    labelPaddingHorizontal?: string | number;
+    onItemPress: (item: DropdownItemAdapter<TItem>['item']) => void;
+    enableVirtualization?: boolean;
+    virtualizationThreshold?: number;
+    testID?: string;
+};
+declare function DropdownListImpl<TItem>({ rows, itemTokens, separatorColor, separatorHeight, separatorMargin, labelColor, labelFontSize, labelFontWeight, labelPaddingTop, labelPaddingBottom, labelPaddingHorizontal, onItemPress, enableVirtualization, virtualizationThreshold, testID, }: DropdownListProps<TItem>): import("react/jsx-runtime").JSX.Element;
+export declare const DropdownList: typeof DropdownListImpl;
+export {};
+//# sourceMappingURL=DropdownList.d.ts.map

package/lib/typescript/module/components/shared/dropdown/DropdownList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/dropdown/DropdownList.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACR,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EACrB,MAAM,qBAAkB,CAAA;AAEzB;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,CAAC,KAAK,GAAG,OAAO,IAAI;IAC7C,IAAI,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAA;IAC9B,UAAU,EAAE,kBAAkB,CAAA;IAC9B,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,eAAe,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpC,sBAAsB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxC,WAAW,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAC/D,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAID,iBAAS,gBAAgB,CAAC,KAAK,EAAE,EAC7B,IAAI,EACJ,UAAU,EACV,cAAc,EACd,eAAmB,EACnB,eAAe,EACf,UAAU,EACV,aAAa,EACb,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,EACX,oBAA4B,EAC5B,uBAAkD,EAClD,MAAM,GACT,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CA8E1B;AAwED,eAAO,MAAM,YAAY,EAET,OAAO,gBAAgB,CACtC"}

package/lib/typescript/module/components/shared/dropdown/DropdownSearch.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Search input for the dropdown header. A bordered `TextInput` with a
+ * leading search icon. Calls `onChange` on every keystroke; the parent
+ * filters via `filterGroups` in `useMemo`.
+ */
+export type DropdownSearchProps = {
+    value: string;
+    onChange: (text: string) => void;
+    placeholder?: string;
+    testID?: string;
+    accessibilityLabel?: string;
+};
+export declare function DropdownSearch({ value, onChange, placeholder, testID, accessibilityLabel, }: DropdownSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DropdownSearch {
+    var displayName: string;
+}
+//# sourceMappingURL=DropdownSearch.d.ts.map

package/lib/typescript/module/components/shared/dropdown/DropdownSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/dropdown/DropdownSearch.tsx"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,WAAyB,EACzB,MAAM,EACN,kBAAqC,GACxC,EAAE,mBAAmB,2CAiCrB;yBAvCe,cAAc"}

package/lib/typescript/module/components/shared/dropdown/DropdownSeparator.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Divider between dropdown groups. Renders as a thin horizontal line.
+ */
+export type DropdownSeparatorProps = {
+    color: string;
+    height?: string | number;
+    margin?: string | number;
+    testID?: string;
+};
+export declare function DropdownSeparator({ color, height, margin, testID, }: DropdownSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DropdownSeparator {
+    var displayName: string;
+}
+//# sourceMappingURL=DropdownSeparator.d.ts.map

package/lib/typescript/module/components/shared/dropdown/DropdownSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSeparator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/dropdown/DropdownSeparator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,KAAK,EACL,MAAU,EACV,MAAM,EACN,MAAM,GACT,EAAE,sBAAsB,2CAgBxB;yBArBe,iBAAiB"}

package/lib/typescript/module/components/shared/dropdown/dropdown.types.d.ts

@@ -0,0 +1,100 @@
+import type { ReactNode } from 'react';
+import type { SelectV2ItemStates, SelectV2TriggerStates } from '@juspay/blend-design-system/node';
+/**
+ * Shared dropdown layer — the reusable pieces behind Menu, SingleSelect,
+ * and MultiSelect.
+ *
+ * Each component provides an *adapter* that maps its own item shape to
+ * `DropdownItemAdapter`, so `DropdownItem` / `DropdownList` /
+ * `DropdownContent` work for all three without knowing about their concrete
+ * item types. Mirrors web's `components/shared/` convention.
+ */
+export type DropdownPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type DropdownAlignment = 'start' | 'center' | 'end';
+/**
+ * Normalized item shape — what every dropdown item looks like after the
+ * component adapter has mapped its own `MenuV2ItemType` /
+ * `SingleSelectV2ItemType` / `MultiSelectV2ItemType` to the common contract.
+ */
+export type DropdownItemAdapter<TItem = unknown> = {
+    /** Stable key for list reconciliation. */
+    id: string;
+    primaryText: string;
+    secondaryText?: string;
+    leadingSlot?: ReactNode;
+    trailingSlot?: ReactNode;
+    /**
+     * Renders before `leadingSlot`, outside the slot container — for controls
+     * like the Checkbox in MultiSelect that need their own interactivity.
+     */
+    leadingAccessory?: ReactNode;
+    disabled?: boolean;
+    isSelected?: boolean;
+    hasSubMenu?: boolean;
+    variant?: 'default' | 'primary' | 'danger';
+    /** The original item, passed back when the row is pressed. */
+    item: TItem;
+};
+export type DropdownFlatRow<TItem = unknown> = {
+    type: 'label' | 'separator' | 'item';
+    id: string;
+    item?: DropdownItemAdapter<TItem>;
+    label?: string;
+    groupId: number;
+};
+/**
+ * Item state resolution for native. There is no hover/focus on touch, so the
+ * states that matter are: `default`, `active` (pressed), `disabled`, and
+ * `selected`. The `Pressable` primitive handles `active` via
+ * `activeBackground`; `selected` and `disabled` are resolved from item data.
+ */
+export type DropdownItemState = SelectV2ItemStates;
+export type DropdownTriggerState = SelectV2TriggerStates;
+export type DropdownItemTokens = {
+    paddingTop: string | number | undefined;
+    paddingRight: string | number | undefined;
+    paddingBottom: string | number | undefined;
+    paddingLeft: string | number | undefined;
+    margin: string | number | undefined;
+    gap: string | number | undefined;
+    borderRadius: string | number | undefined;
+    backgroundColor: Record<DropdownItemState, string>;
+    text: {
+        fontSize: string | number | undefined;
+        fontWeight: string | number | undefined;
+        lineHeight?: string | number | undefined;
+        color: Record<DropdownItemState, string>;
+        subText: {
+            fontSize: string | number | undefined;
+            fontWeight: string | number | undefined;
+            lineHeight?: string | number | undefined;
+            color: Record<DropdownItemState, string>;
+        };
+        leftSlot: {
+            maxWidth?: string | number | undefined;
+            maxHeight: string | number | undefined;
+        };
+        checkmark?: {
+            position: 'leading' | 'trailing';
+            width: string | number;
+            color: string;
+        };
+        rightChevron: {
+            color: string;
+            width: string | number;
+        };
+    };
+};
+export type DropdownContentTokens = {
+    backgroundColor: string;
+    border: string;
+    borderRadius: string | number | undefined;
+    boxShadow?: string;
+    paddingTop: string | number | undefined;
+    paddingRight: string | number | undefined;
+    paddingBottom: string | number | undefined;
+    paddingLeft: string | number | undefined;
+    minWidth?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+};
+//# sourceMappingURL=dropdown.types.d.ts.map

package/lib/typescript/module/components/shared/dropdown/dropdown.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/dropdown/dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EACR,kBAAkB,EAClB,qBAAqB,EACxB,MAAM,kCAAkC,CAAA;AAEzC;;;;;;;;GAQG;AAEH,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AACnE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAE1D;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,CAAC,KAAK,GAAG,OAAO,IAAI;IAC/C,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1C,8DAA8D;IAC9D,IAAI,EAAE,KAAK,CAAA;CACd,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,KAAK,GAAG,OAAO,IAAI;IAC3C,IAAI,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAA;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;CAClB,CAAA;AAED;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAA;AAClD,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC7B,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACvC,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACzC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAC1C,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACxC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACnC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAChC,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACzC,eAAe,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IAClD,IAAI,EAAE;QACF,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;QACrC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;QACvC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;QACxC,KAAK,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;QACxC,OAAO,EAAE;YACL,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;YACrC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;YACvC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;YACxC,KAAK,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;SAC3C,CAAA;QACD,QAAQ,EAAE;YACN,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;YACtC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;SACzC,CAAA;QACD,SAAS,CAAC,EAAE;YACR,QAAQ,EAAE,SAAS,GAAG,UAAU,CAAA;YAChC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;YACtB,KAAK,EAAE,MAAM,CAAA;SAChB,CAAA;QACD,YAAY,EAAE;YACV,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;SACzB,CAAA;KACJ,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAChC,eAAe,EAAE,MAAM,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACvC,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACzC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAC1C,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACxC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CACzC,CAAA"}

package/lib/typescript/module/components/shared/dropdown/dropdownFilter.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Pure group/item filter — recursive for sub-menus.
+ *
+ * Mirrors web's `filterMenuV2Groups` / `filterMultiSelectV2MenuGroups`:
+ * case-insensitive substring match on primary + secondary text, preserving
+ * sub-menu structure (a parent that matches stays even if its children do
+ * not; children that match stay even if the parent does not).
+ */
+export type FilterableItem<TItem = unknown> = {
+    primaryText: string;
+    secondaryText?: string;
+    subItems?: FilterableItem<TItem>[];
+};
+/**
+ * Filter a single item against a query. Returns the item (with filtered
+ * sub-items) if it or any descendant matches, or `null` otherwise.
+ */
+export declare function filterItem<TItem extends FilterableItem>(item: TItem, queryLower: string): TItem | null;
+/**
+ * Filter a list of groups. Groups with no surviving items are dropped.
+ */
+export declare function filterGroups<TItem extends FilterableItem<TItem>, TGroup extends {
+    items: TItem[];
+}>(groups: TGroup[], query: string): TGroup[];
+//# sourceMappingURL=dropdownFilter.d.ts.map

package/lib/typescript/module/components/shared/dropdown/dropdownFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownFilter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/dropdown/dropdownFilter.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,MAAM,cAAc,CAAC,KAAK,GAAG,OAAO,IAAI;IAC1C,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAA;CACrC,CAAA;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,SAAS,cAAc,EACnD,IAAI,EAAE,KAAK,EACX,UAAU,EAAE,MAAM,GACnB,KAAK,GAAG,IAAI,CAiBd;AAED;;GAEG;AACH,wBAAgB,YAAY,CACxB,KAAK,SAAS,cAAc,CAAC,KAAK,CAAC,EACnC,MAAM,SAAS;IAAE,KAAK,EAAE,KAAK,EAAE,CAAA;CAAE,EACnC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAY3C"}

package/lib/typescript/module/components/shared/dropdown/dropdownFlatten.d.ts

@@ -0,0 +1,14 @@
+import type { DropdownFlatRow, DropdownItemAdapter } from './dropdown.types.js';
+/**
+ * Flatten groups into a row list for rendering / virtualization.
+ *
+ * Emits `label` rows for group labels, `item` rows for items, and
+ * `separator` rows between groups that have `showSeparator` set. Mirrors
+ * web's `flattenMenuV2Groups` / `flattenMenuGroups`.
+ */
+export declare function flattenGroups<TItem>(groups: Array<{
+    label?: string;
+    items: DropdownItemAdapter<TItem>[];
+    showSeparator?: boolean;
+}>): DropdownFlatRow<TItem>[];
+//# sourceMappingURL=dropdownFlatten.d.ts.map

package/lib/typescript/module/components/shared/dropdown/dropdownFlatten.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownFlatten.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/dropdown/dropdownFlatten.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAkB,CAAA;AAE5E;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAC/B,MAAM,EAAE,KAAK,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAA;IACnC,aAAa,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAC,GACH,eAAe,CAAC,KAAK,CAAC,EAAE,CAiC1B"}

package/lib/typescript/module/components/shared/dropdown/index.d.ts

@@ -0,0 +1,16 @@
+export type { DropdownPlacement, DropdownAlignment, DropdownItemAdapter, DropdownFlatRow, DropdownItemState, DropdownTriggerState, DropdownItemTokens, DropdownContentTokens, } from './dropdown.types.js';
+export { useDropdown } from './useDropdown.js';
+export { DropdownContent } from './DropdownContent.js';
+export type { DropdownContentProps } from './DropdownContent.js';
+export { DropdownItem } from './DropdownItem.js';
+export type { DropdownItemProps } from './DropdownItem.js';
+export { DropdownSearch } from './DropdownSearch.js';
+export type { DropdownSearchProps } from './DropdownSearch.js';
+export { DropdownList } from './DropdownList.js';
+export type { DropdownListProps } from './DropdownList.js';
+export { DropdownSeparator } from './DropdownSeparator.js';
+export type { DropdownSeparatorProps } from './DropdownSeparator.js';
+export { filterGroups, filterItem } from './dropdownFilter.js';
+export type { FilterableItem } from './dropdownFilter.js';
+export { flattenGroups } from './dropdownFlatten.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/shared/dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/dropdown/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACR,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,kBAAkB,EAClB,qBAAqB,GACxB,MAAM,qBAAkB,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAe,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAA;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAmB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAgB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAkB,CAAA;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAkB,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAgB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAA;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAqB,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAkB,CAAA;AAC3D,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAkB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAmB,CAAA"}

package/lib/typescript/module/components/shared/dropdown/useDropdown.d.ts

@@ -0,0 +1,29 @@
+import type { DropdownAlignment, DropdownPlacement } from './dropdown.types.js';
+/**
+ * Open state + anchored positioning + mobile breakpoint, wired together.
+ *
+ * The shared hook behind Menu, SingleSelect, and MultiSelect. Each
+ * component passes its `open`/`onOpenChange` (controlled or not), the
+ * placement/alignment/offset from its props, and `usePanelOnMobile`; the
+ * hook returns the anchor ref, the content layout handler, the resolved
+ * `position`, and `shouldUseSheet` (true when the breakpoint is `sm` and
+ * `usePanelOnMobile` is set).
+ */
+export declare function useDropdown(options: {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: DropdownPlacement;
+    alignment?: DropdownAlignment;
+    offset?: number;
+    usePanelOnMobile?: boolean;
+}): {
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    handleOpen: () => void;
+    anchorRef: import("react").RefObject<import("react-native").View | null>;
+    onContentLayout: (event: import("react-native").LayoutChangeEvent) => void;
+    position: import("../../../overlay/positioning.js").AnchoredPosition | null;
+    shouldUseSheet: boolean;
+};
+//# sourceMappingURL=useDropdown.d.ts.map

package/lib/typescript/module/components/shared/dropdown/useDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/dropdown/useDropdown.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAkB,CAAA;AAE5E;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE;IACjC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC7B;;;;;;;;EAmDA"}

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

@@ -1,4 +1,4 @@
-import { InputSizeV2, type TextInputV2TokensType } from '@juspay/blend-design-system/node';
+import { InputSizeV2, type InputFooterV2Tokens } from '@juspay/blend-design-system/node';
 import type { FieldError } from './fieldState.js';
 /**
  * Footer under a field: the error message when erroring, else the hint.
@@ -12,7 +12,7 @@ export type FieldFooterProps = {
     error?: FieldError;
     hintText?: string;
     size?: InputSizeV2;
-    tokens: TextInputV2TokensType['bottomContainer'];
+    tokens: InputFooterV2Tokens;
     testID?: string;
 };
 export declare function FieldFooter({ error, hintText, size, tokens, testID, }: FieldFooterProps): import("react/jsx-runtime").JSX.Element | null;

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

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

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

@@ -1,4 +1,4 @@
-import { InputSizeV2, InputStateV2, type TextInputV2TokensType } from '@juspay/blend-design-system/node';
+import { InputSizeV2, InputStateV2, type InputLabelsV2Tokens } from '@juspay/blend-design-system/node';
 /**
  * Label row above a field: label, required marker, sublabel.
  *
@@ -17,7 +17,7 @@ export type FieldLabelsProps = {
     required?: boolean;
     size?: InputSizeV2;
     state?: InputStateV2;
-    tokens: TextInputV2TokensType['topContainer'];
+    tokens: InputLabelsV2Tokens;
     testID?: string;
 };
 export declare function FieldLabels({ label, sublabel, required, size, state, tokens, testID, }: FieldLabelsProps): import("react/jsx-runtime").JSX.Element | null;

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

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

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

@@ -47,4 +47,20 @@ export declare function getGroupedBorderRadius(radius: string | number, position
  * ```
  */
 export declare function getGroupedBorderWidths(position: GroupPosition | undefined): Pick<ViewStyle, 'borderLeftWidth' | 'borderRightWidth'>;
+/**
+ * A member's position from its index — what a group container injects into
+ * each child. Reimplements web's `Primitives/Group/utils.ts
+ * getGroupPosition`, horizontal-only (native groups have no vertical
+ * orientation yet); web does not export it from `/node`.
+ *
+ * A single member gets `undefined` so it keeps its full, ungrouped radius.
+ *
+ * ```
+ * getGroupPosition(0, 1) -> undefined
+ * getGroupPosition(0, 3) -> 'left'
+ * getGroupPosition(1, 3) -> 'center'
+ * getGroupPosition(2, 3) -> 'right'
+ * ```
+ */
+export declare function getGroupPosition(index: number, totalCount: number): GroupPosition | undefined;
 //# sourceMappingURL=group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C;;;;;;;;;;;GAWG;AAEH,0EAA0E;AAC1E,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAKvD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAClC,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,QAAQ,EAAE,aAAa,GAAG,SAAS,GACpC,MAAM,CAQR;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,sBAAsB,CAClC,QAAQ,EAAE,aAAa,GAAG,SAAS,GACpC,IAAI,CAAC,SAAS,EAAE,iBAAiB,GAAG,kBAAkB,CAAC,CAGzD"}
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C;;;;;;;;;;;GAWG;AAEH,0EAA0E;AAC1E,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAKvD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAClC,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,QAAQ,EAAE,aAAa,GAAG,SAAS,GACpC,MAAM,CAQR;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,sBAAsB,CAClC,QAAQ,EAAE,aAAa,GAAG,SAAS,GACpC,IAAI,CAAC,SAAS,EAAE,iBAAiB,GAAG,kBAAkB,CAAC,CAGzD;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,GACnB,aAAa,GAAG,SAAS,CAK3B"}

package/lib/typescript/module/components/shared/select/SelectOptionList.d.ts

@@ -0,0 +1,98 @@
+/**
+ * The option-list core both Selects share on both presentations: optional
+ * search pinned above one FlatList over flattened group rows. The list IS
+ * a FlatList (inherently windowed), which is the whole native
+ * virtualization policy. `renderIndicator` lets MultiSelect swap the
+ * default selected-checkmark for its Checkbox; `listHeader` covers the
+ * select-all row injection.
+ */
+/**
+ * Structural slice of the option-list token tree — both select token
+ * types satisfy it (MultiSelect's `menu.item` differs only in extras).
+ */
+export type SelectListTokens = {
+    menu: {
+        content?: {
+            backgroundColor?: unknown;
+            border?: unknown;
+            borderRadius?: unknown;
+        };
+        groupLabel?: {
+            color?: unknown;
+            fontSize?: unknown;
+        };
+        item: {
+            gap?: unknown;
+            borderRadius?: unknown;
+            paddingTop?: unknown;
+            paddingBottom?: unknown;
+            paddingLeft?: unknown;
+            paddingRight?: unknown;
+            backgroundColor?: Record<string, unknown>;
+            option?: {
+                fontSize?: unknown;
+                fontWeight?: unknown;
+                color?: Record<string, unknown>;
+            };
+            description?: {
+                fontSize?: unknown;
+                color?: Record<string, unknown>;
+            };
+            separator?: {
+                color?: unknown;
+            };
+        };
+    };
+};
+export type SelectOption = {
+    label: string;
+    value: string;
+    subLabel?: string;
+    disabled?: boolean;
+    slot1?: React.ReactNode;
+    onPress?: () => void;
+};
+type Row = {
+    type: 'label';
+    id: string;
+    label: string;
+} | {
+    type: 'separator';
+    id: string;
+} | {
+    type: 'option';
+    id: string;
+    option: SelectOption;
+};
+export declare function flattenSelectGroups(groups: {
+    groupLabel?: string;
+    items: SelectOption[];
+    showSeparator?: boolean;
+}[]): Row[];
+export declare function SelectOptionList({ groups, selectedValues, onOptionPress, search, isSelected, keepOpenOnPress, allowCustomValue, customValueLabel, tokens, listHeader, listFooter, showItemDividers, renderIndicator, testID, }: {
+    groups: {
+        groupLabel?: string;
+        items: SelectOption[];
+        showSeparator?: boolean;
+    }[];
+    selectedValues: string[];
+    onOptionPress: (value: string, option?: SelectOption) => void;
+    search?: {
+        show?: boolean;
+        placeholder?: string;
+    };
+    /** Trailing indicator style: checkmark (single) handled here; multi passes its own renderer. */
+    isSelected?: (value: string) => boolean;
+    keepOpenOnPress?: boolean;
+    allowCustomValue?: boolean;
+    customValueLabel?: string;
+    tokens: SelectListTokens;
+    listHeader?: React.ReactNode;
+    listFooter?: React.ReactNode;
+    showItemDividers?: boolean;
+    /** Overrides the trailing indicator (default: checkmark on selected). */
+    renderIndicator?: (selected: boolean, option: SelectOption) => React.ReactNode;
+    testID?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default SelectOptionList;
+//# sourceMappingURL=SelectOptionList.d.ts.map

package/lib/typescript/module/components/shared/select/SelectOptionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptionList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/select/SelectOptionList.tsx"],"names":[],"mappings":"AAUA;;;;;;;GAOG;AAEH;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE;QACF,OAAO,CAAC,EAAE;YACN,eAAe,CAAC,EAAE,OAAO,CAAA;YACzB,MAAM,CAAC,EAAE,OAAO,CAAA;YAChB,YAAY,CAAC,EAAE,OAAO,CAAA;SACzB,CAAA;QACD,UAAU,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,OAAO,CAAC;YAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;SAAE,CAAA;QACpD,IAAI,EAAE;YACF,GAAG,CAAC,EAAE,OAAO,CAAA;YACb,YAAY,CAAC,EAAE,OAAO,CAAA;YACtB,UAAU,CAAC,EAAE,OAAO,CAAA;YACpB,aAAa,CAAC,EAAE,OAAO,CAAA;YACvB,WAAW,CAAC,EAAE,OAAO,CAAA;YACrB,YAAY,CAAC,EAAE,OAAO,CAAA;YACtB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;YACzC,MAAM,CAAC,EAAE;gBACL,QAAQ,CAAC,EAAE,OAAO,CAAA;gBAClB,UAAU,CAAC,EAAE,OAAO,CAAA;gBACpB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;aAClC,CAAA;YACD,WAAW,CAAC,EAAE;gBACV,QAAQ,CAAC,EAAE,OAAO,CAAA;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;aAClC,CAAA;YACD,SAAS,CAAC,EAAE;gBAAE,KAAK,CAAC,EAAE,OAAO,CAAA;aAAE,CAAA;SAClC,CAAA;KACJ,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB,CAAA;AAED,KAAK,GAAG,GACF;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,YAAY,CAAA;CAAE,CAAA;AAE1D,wBAAgB,mBAAmB,CAC/B,MAAM,EAAE;IACJ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;CAC1B,EAAE,GACJ,GAAG,EAAE,CAsBP;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,MAAM,EACN,cAAc,EACd,aAAa,EACb,MAAM,EACN,UAAU,EACV,eAAuB,EACvB,gBAAwB,EACxB,gBAAgB,EAChB,MAAM,EACN,UAAU,EACV,UAAU,EACV,gBAAwB,EACxB,eAAe,EACf,MAAM,GACT,EAAE;IACC,MAAM,EAAE;QACJ,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,KAAK,EAAE,YAAY,EAAE,CAAA;QACrB,aAAa,CAAC,EAAE,OAAO,CAAA;KAC1B,EAAE,CAAA;IACH,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;IAC7D,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACjD,gGAAgG;IAChG,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,EAAE,gBAAgB,CAAA;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yEAAyE;IACzE,eAAe,CAAC,EAAE,CACd,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,YAAY,KACnB,KAAK,CAAC,SAAS,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,2CA8KA;AAED,eAAe,gBAAgB,CAAA"}

package/lib/typescript/module/components/shared/select/SelectTrigger.d.ts

@@ -0,0 +1,91 @@
+import { SelectV2Size, SelectV2Variant } from '@juspay/blend-design-system/node';
+/**
+ * The field-shaped trigger both Selects share: label row above, the
+ * token-styled pressable surface (slot + value/placeholder + chevron),
+ * hint/error row below.
+ *
+ * Deliberately NOT built on the input field chrome (`FieldLabels`/
+ * `FieldFooter`): the select token trees carry their own label/hintText/
+ * errorMessage subtrees with a different shape, and reusing the input
+ * chrome would silently restyle selects from the wrong slot.
+ *
+ * Web's `outline` trigger-border tokens carry an ` !important` suffix —
+ * a CSS-specificity artifact with no RN meaning — stripped before
+ * `parseBorder`.
+ */
+/**
+ * Structural slice of the trigger-relevant token tree — both
+ * `SingleSelectV2TokensType` and `MultiSelectV2TokensType` satisfy it, so
+ * the one trigger serves both selects without a union of the full types.
+ */
+export type SelectTriggerTokens = {
+    gap?: unknown;
+    label?: {
+        fontSize?: unknown;
+        fontWeight?: unknown;
+        color?: Record<string, unknown>;
+    };
+    subLabel?: {
+        fontSize?: unknown;
+        color?: Record<string, unknown>;
+    };
+    hintText?: {
+        fontSize?: unknown;
+        color?: Record<string, unknown>;
+    };
+    errorMessage?: {
+        fontSize?: unknown;
+        color?: unknown;
+    };
+    required?: {
+        color?: unknown;
+    };
+    trigger: {
+        height?: Record<string, Record<string, unknown>>;
+        padding?: Record<string, Record<string, {
+            top?: unknown;
+            right?: unknown;
+            bottom?: unknown;
+            left?: unknown;
+        }>>;
+        borderRadius?: Record<string, Record<string, unknown>>;
+        backgroundColor?: Record<string, Record<string, unknown>>;
+        outline?: Record<string, Record<string, unknown>>;
+        slot?: {
+            gap?: unknown;
+            width?: unknown;
+        };
+        placeholder?: {
+            color?: unknown;
+            fontSize?: unknown;
+        };
+        selectedValue?: {
+            color?: unknown;
+            fontSize?: unknown;
+            fontWeight?: unknown;
+        };
+    };
+};
+export declare function SelectTrigger({ label, subLabel, hintText, errorMessage, required, error, disabled, open, placeholder, valueText, slot, customTrigger, size, variant, onPress, tokens, testID, }: {
+    label?: string;
+    subLabel?: string;
+    hintText?: string;
+    errorMessage?: string;
+    required?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+    open: boolean;
+    placeholder: string;
+    /** The rendered selection (text for Single, tag/text for Multi). */
+    valueText?: React.ReactNode;
+    slot?: React.ReactNode;
+    /** Replaces the built-in surface entirely (label/footer kept). */
+    customTrigger?: React.ReactNode;
+    size?: SelectV2Size;
+    variant?: SelectV2Variant;
+    onPress: () => void;
+    tokens: SelectTriggerTokens;
+    testID?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default SelectTrigger;
+//# sourceMappingURL=SelectTrigger.d.ts.map

package/lib/typescript/module/components/shared/select/SelectTrigger.d.ts.map

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