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

package/lib/module/components/shared/select/SelectTrigger.js

@@ -0,0 +1,149 @@
+"use strict";
+
+import { Pressable, View } from 'react-native';
+import { ChevronDown } from 'lucide-react-native';
+import { SelectV2Size, SelectV2Variant } from '@juspay/blend-design-system/node';
+import { parseBorder, parseDimension } from "../../../adapters/cssStringAdapter.js";
+import Text from "../../../primitives/Text.js";
+import Slot from "../../../primitives/Slot.js";
+
+/**
+ * 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.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function triggerState(open, error) {
+  if (error) return 'error';
+  return open ? 'open' : 'closed';
+}
+export function SelectTrigger({
+  label,
+  subLabel,
+  hintText,
+  errorMessage,
+  required = false,
+  error = false,
+  disabled = false,
+  open,
+  placeholder,
+  valueText,
+  slot,
+  customTrigger,
+  size = SelectV2Size.MD,
+  variant = SelectV2Variant.CONTAINER,
+  onPress,
+  tokens,
+  testID
+}) {
+  const trigger = tokens.trigger;
+  const state = triggerState(open, error);
+  const labelState = disabled ? 'disabled' : 'default';
+  const outline = String(trigger.outline?.[variant]?.[state] ?? 'none'
+  // Linear-time strip (a leading \s* here is a polynomial-ReDoS
+  // pattern per CodeQL, even on trusted token strings).
+  ).replace(/!important\s*$/, '').trimEnd();
+  const backgroundColor = String(trigger.backgroundColor?.[variant]?.[state] ?? 'transparent');
+  const surface = customTrigger ?? /*#__PURE__*/_jsxs(Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled,
+      expanded: open
+    },
+    accessibilityLabel: label ?? placeholder,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: parseDimension(trigger.slot?.gap) ?? 8,
+      height: parseDimension(trigger.height?.[size]?.[variant]),
+      borderRadius: parseDimension(trigger.borderRadius?.[size]?.[variant]) ?? 10,
+      backgroundColor,
+      ...(outline !== 'none' ? parseBorder(outline) : null),
+      paddingTop: parseDimension(trigger.padding?.[size]?.[variant]?.top),
+      paddingBottom: parseDimension(trigger.padding?.[size]?.[variant]?.bottom),
+      paddingLeft: parseDimension(trigger.padding?.[size]?.[variant]?.left),
+      paddingRight: parseDimension(trigger.padding?.[size]?.[variant]?.right),
+      opacity: disabled ? 0.5 : 1
+    },
+    testID: testID ? `${testID}-trigger` : undefined,
+    children: [slot ? /*#__PURE__*/_jsx(Slot, {
+      maxHeight: parseDimension(trigger.slot?.width) ?? 20,
+      color: String(trigger.placeholder?.color ?? '#99A0AE'),
+      children: slot
+    }) : null, /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1
+      },
+      children: valueText ?? /*#__PURE__*/_jsx(Text, {
+        color: String(trigger.placeholder?.color ?? '#99A0AE'),
+        fontSize: trigger.placeholder?.fontSize,
+        numberOfLines: 1,
+        children: placeholder
+      })
+    }), /*#__PURE__*/_jsx(ChevronDown, {
+      size: 16,
+      color: String(trigger.placeholder?.color ?? '#99A0AE')
+    })]
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: parseDimension(tokens.gap) ?? 8,
+      // A field fills its container like the web trigger does,
+      // even under a centering parent.
+      alignSelf: 'stretch'
+    },
+    testID: testID,
+    children: [label ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 4
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        color: String(tokens.label?.color?.[labelState] ?? '#2B303B'),
+        fontSize: tokens.label?.fontSize,
+        fontWeight: tokens.label?.fontWeight,
+        children: label
+      }), required ? /*#__PURE__*/_jsx(Text, {
+        color: String(tokens.required?.color ?? '#E7000B'),
+        fontSize: tokens.label?.fontSize,
+        "aria-hidden": true,
+        children: "*"
+      }) : null, subLabel ? /*#__PURE__*/_jsx(Text, {
+        color: String(tokens.subLabel?.color?.[labelState] ?? '#717784'),
+        fontSize: tokens.subLabel?.fontSize,
+        children: subLabel
+      }) : null]
+    }) : null, surface, error && errorMessage ? /*#__PURE__*/_jsx(Text, {
+      color: String(tokens.errorMessage?.color ?? '#E7000B'),
+      fontSize: tokens.errorMessage?.fontSize,
+      accessibilityLiveRegion: "polite",
+      testID: testID ? `${testID}-error` : undefined,
+      children: errorMessage
+    }) : hintText ? /*#__PURE__*/_jsx(Text, {
+      color: String(tokens.hintText?.color?.[labelState] ?? '#717784'),
+      fontSize: tokens.hintText?.fontSize,
+      testID: testID ? `${testID}-hint` : undefined,
+      children: hintText
+    }) : null]
+  });
+}
+export default SelectTrigger;
+//# sourceMappingURL=SelectTrigger.js.map

package/lib/module/components/shared/select/SelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","ChevronDown","SelectV2Size","SelectV2Variant","parseBorder","parseDimension","Text","Slot","jsx","_jsx","jsxs","_jsxs","triggerState","open","error","SelectTrigger","label","subLabel","hintText","errorMessage","required","disabled","placeholder","valueText","slot","customTrigger","size","MD","variant","CONTAINER","onPress","tokens","testID","trigger","state","labelState","outline","String","replace","trimEnd","backgroundColor","surface","accessibilityRole","accessibilityState","expanded","accessibilityLabel","style","flexDirection","alignItems","gap","height","borderRadius","paddingTop","padding","top","paddingBottom","bottom","paddingLeft","left","paddingRight","right","opacity","undefined","children","maxHeight","width","color","flex","fontSize","numberOfLines","alignSelf","fontWeight","accessibilityLiveRegion"],"sourceRoot":"../../../../../src","sources":["components/shared/select/SelectTrigger.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/shared/selector/SelectorContent.js

@@ -0,0 +1,71 @@
+"use strict";
+
+import { View } from 'react-native';
+import Text from "../../../primitives/Text.js";
+import { parseDimension } from "../../../adapters/cssStringAdapter.js";
+
+/**
+ * Label / subLabel / required-marker column shared by Checkbox, Radio and
+ * Switch — the native counterpart of web's `SelectorsLabel`/`SelectorsSubLabel`.
+ * Internal; the whole control row (including this content) is one Pressable,
+ * so tapping the label toggles the control (web's label-click parity).
+ *
+ * Typed structurally against the `content` subtree the three selector token
+ * types share, so no one component's token type is privileged.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SelectorContent({
+  label,
+  subLabel,
+  required = false,
+  size,
+  state,
+  tokens,
+  testID
+}) {
+  if (!label && !subLabel) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexShrink: 1,
+      gap: parseDimension(tokens.gap) ?? 0
+    },
+    testID: testID,
+    children: [label ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: parseDimension(tokens.label.gap) ?? 4
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        fontSize: tokens.label.fontSize[size],
+        fontWeight: tokens.label.fontWeight[size],
+        lineHeight: tokens.label.lineHeight[size],
+        color: String(tokens.label.color[state]),
+        style: {
+          flexShrink: 1
+        },
+        children: label
+      }), required &&
+      /*#__PURE__*/
+      // Visual-only: "required" reaches assistive tech
+      // through the control's accessibility props.
+      _jsx(Text, {
+        color: String(tokens.required.color),
+        accessible: false,
+        importantForAccessibility: "no-hide-descendants",
+        children: "*"
+      })]
+    }) : null, subLabel ? /*#__PURE__*/_jsx(Text, {
+      fontSize: tokens.subLabel.fontSize[size],
+      fontWeight: tokens.subLabel.fontWeight[size],
+      lineHeight: tokens.subLabel.lineHeight[size],
+      color: String(tokens.subLabel.color[state]),
+      style: {
+        flexShrink: 1
+      },
+      children: subLabel
+    }) : null]
+  });
+}
+SelectorContent.displayName = 'SelectorContent';
+//# sourceMappingURL=SelectorContent.js.map

package/lib/module/components/shared/selector/SelectorContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","parseDimension","jsx","_jsx","jsxs","_jsxs","SelectorContent","label","subLabel","required","size","state","tokens","testID","style","flexShrink","gap","children","flexDirection","alignItems","fontSize","fontWeight","lineHeight","color","String","accessible","importantForAccessibility","displayName"],"sourceRoot":"../../../../../src","sources":["components/shared/selector/SelectorContent.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAOC,IAAI,MAAM,6BAA0B;AAC3C,SAASC,cAAc,QAAQ,uCAAoC;;AAEnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAsCA,OAAO,SAASC,eAAeA,CAAC;EAC5BC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,IAAI;EACJC,KAAK;EACLC,MAAM;EACNC;AACkB,CAAC,EAAE;EACrB,IAAI,CAACN,KAAK,IAAI,CAACC,QAAQ,EAAE,OAAO,IAAI;EAEpC,oBACIH,KAAA,CAACN,IAAI;IACDe,KAAK,EAAE;MACHC,UAAU,EAAE,CAAC;MACbC,GAAG,EAAEf,cAAc,CAACW,MAAM,CAACI,GAAsB,CAAC,IAAI;IAC1D,CAAE;IACFH,MAAM,EAAEA,MAAO;IAAAI,QAAA,GAEdV,KAAK,gBACFF,KAAA,CAACN,IAAI;MACDe,KAAK,EAAE;QACHI,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBH,GAAG,EACCf,cAAc,CACVW,MAAM,CAACL,KAAK,CAACS,GACjB,CAAC,IAAI;MACb,CAAE;MAAAC,QAAA,gBAEFd,IAAA,CAACH,IAAI;QACDoB,QAAQ,EACJR,MAAM,CAACL,KAAK,CAACa,QAAQ,CAACV,IAAI,CAC7B;QACDW,UAAU,EACNT,MAAM,CAACL,KAAK,CAACc,UAAU,CAACX,IAAI,CAC/B;QACDY,UAAU,EACNV,MAAM,CAACL,KAAK,CAACe,UAAU,CAACZ,IAAI,CAC/B;QACDa,KAAK,EAAEC,MAAM,CAACZ,MAAM,CAACL,KAAK,CAACgB,KAAK,CAACZ,KAAK,CAAC,CAAE;QACzCG,KAAK,EAAE;UAAEC,UAAU,EAAE;QAAE,CAAE;QAAAE,QAAA,EAExBV;MAAK,CACJ,CAAC,EACNE,QAAQ;MAAA;MACL;MACA;MACAN,IAAA,CAACH,IAAI;QACDuB,KAAK,EAAEC,MAAM,CAACZ,MAAM,CAACH,QAAQ,CAACc,KAAK,CAAE;QACrCE,UAAU,EAAE,KAAM;QAClBC,yBAAyB,EAAC,qBAAqB;QAAAT,QAAA,EAClD;MAED,CAAM,CACT;IAAA,CACC,CAAC,GACP,IAAI,EACPT,QAAQ,gBACLL,IAAA,CAACH,IAAI;MACDoB,QAAQ,EAAER,MAAM,CAACJ,QAAQ,CAACY,QAAQ,CAACV,IAAI,CAAqB;MAC5DW,UAAU,EACNT,MAAM,CAACJ,QAAQ,CAACa,UAAU,CAACX,IAAI,CAClC;MACDY,UAAU,EACNV,MAAM,CAACJ,QAAQ,CAACc,UAAU,CAACZ,IAAI,CAClC;MACDa,KAAK,EAAEC,MAAM,CAACZ,MAAM,CAACJ,QAAQ,CAACe,KAAK,CAACZ,KAAK,CAAC,CAAE;MAC5CG,KAAK,EAAE;QAAEC,UAAU,EAAE;MAAE,CAAE;MAAAE,QAAA,EAExBT;IAAQ,CACP,CAAC,GACP,IAAI;EAAA,CACN,CAAC;AAEf;AAEAF,eAAe,CAACqB,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/lib/module/hooks/useControllableState.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { useCallback, useRef, useState } from 'react';
+
+/**
+ * Controlled/uncontrolled state pair — the `value`/`defaultValue`/`onChange`
+ * contract Tabs, Accordion and the input components share. Internal.
+ *
+ * Controlled-ness follows the current render (a component may switch),
+ * unlike web AccordionV2's mount-latched ref. The updater always notifies
+ * `onChange`; it only writes local state while uncontrolled.
+ */
+export function useControllableState(controlled, defaultValue, onChange) {
+  const [uncontrolled, setUncontrolled] = useState(defaultValue);
+  const isControlled = controlled !== undefined;
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const value = isControlled ? controlled : uncontrolled;
+  const setValue = useCallback(next => {
+    if (controlled === undefined) setUncontrolled(next);
+    onChangeRef.current?.(next);
+  }, [controlled]);
+  return [value, setValue];
+}
+//# sourceMappingURL=useControllableState.js.map

package/lib/module/hooks/useControllableState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useState","useControllableState","controlled","defaultValue","onChange","uncontrolled","setUncontrolled","isControlled","undefined","onChangeRef","current","value","setValue","next"],"sourceRoot":"../../../src","sources":["hooks/useControllableState.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAChCC,UAAyB,EACzBC,YAAe,EACfC,QAA6B,EACN;EACvB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGN,QAAQ,CAAIG,YAAY,CAAC;EACjE,MAAMI,YAAY,GAAGL,UAAU,KAAKM,SAAS;EAC7C,MAAMC,WAAW,GAAGV,MAAM,CAACK,QAAQ,CAAC;EACpCK,WAAW,CAACC,OAAO,GAAGN,QAAQ;EAE9B,MAAMO,KAAK,GAAGJ,YAAY,GAAIL,UAAU,GAASG,YAAY;EAE7D,MAAMO,QAAQ,GAAGd,WAAW,CACvBe,IAAO,IAAK;IACT,IAAIX,UAAU,KAAKM,SAAS,EAAEF,eAAe,CAACO,IAAI,CAAC;IACnDJ,WAAW,CAACC,OAAO,GAAGG,IAAI,CAAC;EAC/B,CAAC,EACD,CAACX,UAAU,CACf,CAAC;EAED,OAAO,CAACS,KAAK,EAAEC,QAAQ,CAAC;AAC5B","ignoreList":[]}

package/lib/module/index.js

@@ -20,11 +20,56 @@
  */
 
 // ---- Components ---------------------------------------------------------
+export { Accordion, AccordionItem } from "./components/Accordion/index.js";
 export { Alert } from "./components/Alert/index.js";
+export { Avatar } from "./components/Avatar/index.js";
+export { Badge } from "./components/Badge/index.js";
 export { Button } from "./components/Button/index.js";
+export { ButtonGroup } from "./components/Button/index.js";
+export { IconButton } from "./components/Button/index.js";
+export { LinkButton } from "./components/Button/index.js";
+export { Breadcrumb } from "./components/Breadcrumb/index.js";
+export { Card } from "./components/Card/index.js";
+export { Checkbox } from "./components/Checkbox/index.js";
+export { KeyValuePair } from "./components/KeyValuePair/index.js";
+export { Menu } from "./components/Menu/index.js";
+export { MultiSelect } from "./components/MultiSelect/index.js";
+export { SingleSelect } from "./components/SingleSelect/index.js";
 export { Tag } from "./components/Tag/index.js";
+export { TagGroup } from "./components/Tag/index.js";
+export { Modal } from "./components/Modal/index.js";
+export { Popover } from "./components/Popover/index.js";
+export { Tooltip } from "./components/Tooltip/index.js";
+export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/Tabs/index.js";
+export { TextArea } from "./components/TextArea/index.js";
 export { TextInput } from "./components/TextInput/index.js";
+export { Switch } from "./components/Switch/index.js";
+export { SearchInput } from "./components/SearchInput/index.js";
 export { Skeleton } from "./components/Skeleton/index.js";
+export { NumberInput } from "./components/NumberInput/index.js";
+export { OTPInput } from "./components/OTPInput/index.js";
+export { Radio } from "./components/Radio/index.js";
+export { ProgressBar } from "./components/ProgressBar/index.js";
+export { Spinner } from "./components/Spinner/index.js";
+export { Sparkline } from "./components/Sparkline/index.js";
+export { StatCard } from "./components/StatCard/index.js";
+export { Chart } from "./components/Chart/index.js";
+export { ChartContainer } from "./components/Chart/index.js";
+export { ChartHeader } from "./components/Chart/index.js";
+export { ChartLegend } from "./components/Chart/index.js";
+export { ChartSkeleton } from "./components/Chart/index.js";
+export { ChartNoData } from "./components/Chart/index.js";
+export { SankeyChart } from "./components/SankeyChart/index.js";
+export { OutageChart } from "./components/OutageChart/index.js";
+export { Upload } from "./components/Upload/index.js";
+export { validateUploadFiles } from "./components/Upload/index.js";
+export { UploadState, UploadErrorReason } from '@juspay/blend-design-system/node';
+
+// Value unions for the props above. Exported so a consumer can type a
+// `variant`/`size` prop of their own, and so tooling can enumerate the
+// options; they are string unions on the web side, not enums, so there is
+// no runtime object to re-export.
+
 // ---- Theming ------------------------------------------------------------
 export { BlendNativeProvider, BlendNativeThemeContext, DEFAULT_NATIVE_THEME } from "./theme/BlendNativeProvider.js";
 /** Pass `theme={SYSTEM_THEME}` (or `theme="system"`) to follow the OS. */
@@ -61,9 +106,14 @@ export { useReduceMotion } from "./motion/useReduceMotion.js";
 // The gesture-driven sheet foundation — DrawerV2 and the phone modes of
 // Select/Menu/Modal compose it; also public for consumer-built sheets.
 export { BottomSheet } from "./overlay/sheet/BottomSheet.js";
-// The toast host: the provider mounts the outlet, this pair drives it.
-// SnackbarV2 will layer token styling on top when it lands.
+// Makes a scrollable inside a sheet cooperate with the sheet drag: the list
+// scrolls until it hits its top, then the sheet follows the finger.
+export { BottomSheetScrollable } from "./overlay/sheet/SheetScrollable.js";
+
+// The toast host: the provider mounts the outlet, this pair drives it;
+// `addSnackbar` layers the SNACKBARV2 token styling on top.
 export { showToast, dismissToast } from "./overlay/toast/toastStore.js";
+export { addSnackbar, dismissSnackbar } from "./components/Snackbar/index.js";
 
 /** Position of a control within a button or tag group. */
 
@@ -76,5 +126,5 @@ export { showToast, dismissToast } from "./overlay/toast/toastStore.js";
  * their own status surfaces; `Alert` uses it internally.
  */
 export { useLiveRegionAnnounce } from "./a11y/useLiveRegion.js";
-export { AlertV2Type as AlertType, AlertV2SubType as AlertSubType, AlertV2ActionPosition as AlertActionPosition, ButtonV2Type as ButtonType, ButtonV2Size as ButtonSize, ButtonV2SubType as ButtonSubType, ButtonV2State as ButtonState, InputSizeV2 as InputSize, InputStateV2 as InputState, TagV2Type as TagType, TagV2Size as TagSize, TagV2SubType as TagSubType, TagV2Color as TagColor, Theme } from '@juspay/blend-design-system/node';
+export { AccordionV2Type as AccordionType, AccordionV2ChevronPosition as AccordionChevronPosition, AlertV2Type as AlertType, AvatarV2Size as AvatarSize, AvatarV2Shape as AvatarShape, AvatarV2Status as AvatarStatusType, AvatarV2StatusPosition as AvatarStatusPosition, BadgeColor, BadgeSize, AlertV2SubType as AlertSubType, AlertV2ActionPosition as AlertActionPosition, ButtonV2Type as ButtonType, ButtonV2Size as ButtonSize, ButtonV2SubType as ButtonSubType, ButtonV2State as ButtonState, CardV2Variant as CardVariant, CardV2Orientation as CardOrientation, CardV2Padding as CardPadding, SelectorV2Size as SelectorSize, SelectV2Size as SelectSize, MultiSelectV2SelectionTagType as MultiSelectSelectionTagType, SelectV2Variant as SelectVariant, TabsV2Variant as TabsVariant, TabsV2Size as TabsSize, CheckboxV2CheckedState as CheckboxCheckedState, InputSizeV2 as InputSize, KeyValuePairV2Size as KeyValuePairSize, InputStateV2 as InputState, MenuV2Alignment as MenuAlignment, MenuV2Side as MenuSide, MenuV2ItemVariant as MenuItemVariant, MenuV2ItemActionType as MenuItemActionType, NumberInputV2Direction as NumberInputDirection, ProgressBarV2Size as ProgressBarSize, SelectV2Alignment as SelectAlignment, SelectV2Side as SelectSide, SnackbarV2Variant as SnackbarVariant, ProgressBarV2Variant as ProgressBarVariant, ProgressBarV2Appearance as ProgressBarAppearance, StatCardV2Variant as StatCardVariant, StatCardV2ChangeType as StatCardChangeType, StatCardV2ArrowDirection as StatCardArrowDirection, TagV2Type as TagType, TagV2Size as TagSize, TagV2SubType as TagSubType, TagV2Color as TagColor, PopoverV2Size as PopoverSize, PopoverV2Side as PopoverSide, PopoverV2Align as PopoverAlign, TooltipV2Side as TooltipSide, TooltipV2Align as TooltipAlign, TooltipV2Size as TooltipSize, TooltipV2SlotDirection as TooltipSlotDirection, Theme } from '@juspay/blend-design-system/node';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Alert","Button","Tag","TextInput","Skeleton","BlendNativeProvider","BlendNativeThemeContext","DEFAULT_NATIVE_THEME","SYSTEM_THEME","useNativeTokens","useNativeBreakpoint","Block","Pressable","Text","Slot","Separator","PrimitiveInput","MIN_TOUCH_TARGET","Portal","useReduceMotion","BottomSheet","showToast","dismissToast","useLiveRegionAnnounce","AlertV2Type","AlertType","AlertV2SubType","AlertSubType","AlertV2ActionPosition","AlertActionPosition","ButtonV2Type","ButtonType","ButtonV2Size","ButtonSize","ButtonV2SubType","ButtonSubType","ButtonV2State","ButtonState","InputSizeV2","InputSize","InputStateV2","InputState","TagV2Type","TagType","TagV2Size","TagSize","TagV2SubType","TagSubType","TagV2Color","TagColor","Theme"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,KAAK,QAAQ,6BAAoB;AAC1C,SAASC,MAAM,QAAQ,8BAAqB;AAC5C,SAASC,GAAG,QAAQ,2BAAkB;AACtC,SAASC,SAAS,QAAQ,iCAAwB;AAKlD,SAASC,QAAQ,QAAQ,gCAAuB;AAahD;AACA,SACIC,mBAAmB,EACnBC,uBAAuB,EACvBC,oBAAoB,QACjB,gCAA6B;AAMpC;AACA,SAASC,YAAY,QAAQ,wBAAqB;AAQlD,SAASC,eAAe,QAAQ,4BAAyB;AACzD,SAASC,mBAAmB,QAAQ,gCAA6B;AAOjE;AACA;AACA,SAASC,KAAK,QAAQ,uBAAoB;AAC1C,SAASC,SAAS,QAAQ,2BAAwB;AAClD,SAASC,IAAI,QAAQ,sBAAmB;AACxC,SAASC,IAAI,QAAQ,sBAAmB;AACxC,SAASC,SAAS,QAAQ,2BAAwB;AAClD,SAASC,cAAc,QAAQ,gCAA6B;;AAQ5D;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA,SAASC,gBAAgB,QAAQ,6BAA0B;;AAE3D;AACA;AACA;AACA;AACA;AACA,SAASC,MAAM,QAAQ,qBAAkB;AAEzC,SAASC,eAAe,QAAQ,6BAA0B;;AAE1D;AACA;AACA,SAASC,WAAW,QAAQ,gCAA6B;AAGzD;AACA;AACA,SAASC,SAAS,EAAEC,YAAY,QAAQ,+BAA4B;;AAGpE;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,qBAAqB,QAAQ,yBAAsB;AAE5D,SACIC,WAAW,IAAIC,SAAS,EACxBC,cAAc,IAAIC,YAAY,EAC9BC,qBAAqB,IAAIC,mBAAmB,EAC5CC,YAAY,IAAIC,UAAU,EAC1BC,YAAY,IAAIC,UAAU,EAC1BC,eAAe,IAAIC,aAAa,EAChCC,aAAa,IAAIC,WAAW,EAC5BC,WAAW,IAAIC,SAAS,EACxBC,YAAY,IAAIC,UAAU,EAC1BC,SAAS,IAAIC,OAAO,EACpBC,SAAS,IAAIC,OAAO,EACpBC,YAAY,IAAIC,UAAU,EAC1BC,UAAU,IAAIC,QAAQ,EACtBC,KAAK,QACF,kCAAkC","ignoreList":[]}
+{"version":3,"names":["Accordion","AccordionItem","Alert","Avatar","Badge","Button","ButtonGroup","IconButton","LinkButton","Breadcrumb","Card","Checkbox","KeyValuePair","Menu","MultiSelect","SingleSelect","Tag","TagGroup","Modal","Popover","Tooltip","Tabs","TabsList","TabsTrigger","TabsContent","TextArea","TextInput","Switch","SearchInput","Skeleton","NumberInput","OTPInput","Radio","ProgressBar","Spinner","Sparkline","StatCard","Chart","ChartContainer","ChartHeader","ChartLegend","ChartSkeleton","ChartNoData","SankeyChart","OutageChart","Upload","validateUploadFiles","UploadState","UploadErrorReason","BlendNativeProvider","BlendNativeThemeContext","DEFAULT_NATIVE_THEME","SYSTEM_THEME","useNativeTokens","useNativeBreakpoint","Block","Pressable","Text","Slot","Separator","PrimitiveInput","MIN_TOUCH_TARGET","Portal","useReduceMotion","BottomSheet","BottomSheetScrollable","showToast","dismissToast","addSnackbar","dismissSnackbar","useLiveRegionAnnounce","AccordionV2Type","AccordionType","AccordionV2ChevronPosition","AccordionChevronPosition","AlertV2Type","AlertType","AvatarV2Size","AvatarSize","AvatarV2Shape","AvatarShape","AvatarV2Status","AvatarStatusType","AvatarV2StatusPosition","AvatarStatusPosition","BadgeColor","BadgeSize","AlertV2SubType","AlertSubType","AlertV2ActionPosition","AlertActionPosition","ButtonV2Type","ButtonType","ButtonV2Size","ButtonSize","ButtonV2SubType","ButtonSubType","ButtonV2State","ButtonState","CardV2Variant","CardVariant","CardV2Orientation","CardOrientation","CardV2Padding","CardPadding","SelectorV2Size","SelectorSize","SelectV2Size","SelectSize","MultiSelectV2SelectionTagType","MultiSelectSelectionTagType","SelectV2Variant","SelectVariant","TabsV2Variant","TabsVariant","TabsV2Size","TabsSize","CheckboxV2CheckedState","CheckboxCheckedState","InputSizeV2","InputSize","KeyValuePairV2Size","KeyValuePairSize","InputStateV2","InputState","MenuV2Alignment","MenuAlignment","MenuV2Side","MenuSide","MenuV2ItemVariant","MenuItemVariant","MenuV2ItemActionType","MenuItemActionType","NumberInputV2Direction","NumberInputDirection","ProgressBarV2Size","ProgressBarSize","SelectV2Alignment","SelectAlignment","SelectV2Side","SelectSide","SnackbarV2Variant","SnackbarVariant","ProgressBarV2Variant","ProgressBarVariant","ProgressBarV2Appearance","ProgressBarAppearance","StatCardV2Variant","StatCardVariant","StatCardV2ChangeType","StatCardChangeType","StatCardV2ArrowDirection","StatCardArrowDirection","TagV2Type","TagType","TagV2Size","TagSize","TagV2SubType","TagSubType","TagV2Color","TagColor","PopoverV2Size","PopoverSize","PopoverV2Side","PopoverSide","PopoverV2Align","PopoverAlign","TooltipV2Side","TooltipSide","TooltipV2Align","TooltipAlign","TooltipV2Size","TooltipSize","TooltipV2SlotDirection","TooltipSlotDirection","Theme"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/overlay/anchored/AnchoredOverlay.js

@@ -0,0 +1,211 @@
+"use strict";
+
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { BackHandler, Pressable, StyleSheet, View } from 'react-native';
+import Animated, { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { Portal } from "../portal.js";
+import { useAnchoredPosition } from "../useAnchoredPosition.js";
+import { MOTION_EASING, MOTION_PRESETS, reducedMotionVariant } from "../../motion/motion.js";
+import { useReduceMotion } from "../../motion/useReduceMotion.js";
+
+// Indexing MOTION_EASING with a dynamic key yields a union of tuples,
+// which cannot be spread into Easing.bezier directly.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+function bezierFor(name) {
+  const [x1, y1, x2, y2] = MOTION_EASING[name];
+  return Easing.bezier(x1, y1, x2, y2);
+}
+
+/**
+ * AnchoredOverlay — the internal building block behind every anchored
+ * surface: Tooltip at all sizes, and the tablet (`lg`) mode of Popover,
+ * Menu and the Selects. Not public: components own their prop contracts,
+ * this owns the shared anatomy.
+ *
+ * Anatomy: the trigger renders inline inside a `collapsable={false}` view
+ * that carries the anchor ref; while open, a portal layer hosts a
+ * touch-capturing backdrop (which is what makes anchor re-measure
+ * unnecessary — nothing can scroll under an open overlay) and the content,
+ * positioned by `useAnchoredPosition`, animated with the `scaleFade`
+ * preset via measured `withTiming` shared values, kept mounted through the
+ * exit animation like `BottomSheet`. Android back and VoiceOver's escape
+ * gesture both request close.
+ */
+
+export function AnchoredOverlay({
+  open,
+  onRequestClose,
+  trigger,
+  placement = 'bottom',
+  alignment = 'start',
+  offset = 8,
+  viewportPadding = 8,
+  arrowSize,
+  arrowColor = '#000000',
+  backdrop = 'transparent',
+  contentStyle,
+  modal = false,
+  arrowAligned = false,
+  matchAnchorWidth = false,
+  children,
+  accessibilityLabel,
+  testID
+}) {
+  // Mounted outlives `open` by one exit animation (the BottomSheet
+  // pattern), so the fade-out is visible.
+  const [mounted, setMounted] = useState(open);
+  const progress = useSharedValue(0);
+  const reduceMotion = useReduceMotion();
+  const preset = reduceMotion ? reducedMotionVariant(MOTION_PRESETS.scaleFade) : MOTION_PRESETS.scaleFade;
+  const {
+    anchorRef,
+    onContentLayout,
+    position,
+    arrow,
+    anchorRect
+  } = useAnchoredPosition({
+    open,
+    placement,
+    alignment,
+    offset,
+    viewportPadding,
+    arrowSize,
+    arrowAligned
+  });
+
+  // The engine works in window coordinates, but the portal layer is an
+  // absolute-fill of the provider, which need not sit at the window
+  // origin (headers, safe areas, embedded previews). Measure the layer's
+  // own window offset and subtract it, or every overlay drifts by that
+  // delta.
+  const layerRef = useRef(null);
+  const [layerOffset, setLayerOffset] = useState({
+    x: 0,
+    y: 0
+  });
+  const measureLayer = useCallback(() => {
+    layerRef.current?.measureInWindow((x, y) => {
+      setLayerOffset(current => current.x === x && current.y === y ? current : {
+        x,
+        y
+      });
+    });
+  }, []);
+  const unmount = useCallback(() => setMounted(false), []);
+  useEffect(() => {
+    if (open) {
+      setMounted(true);
+      progress.value = withTiming(1, {
+        duration: preset.duration,
+        easing: bezierFor(preset.easing)
+      });
+    } else {
+      progress.value = withTiming(0, {
+        duration: preset.exitDuration,
+        easing: bezierFor(preset.exitEasing)
+      }, finished => {
+        if (finished) runOnJS(unmount)();
+      });
+    }
+  }, [open, progress, preset, unmount]);
+
+  // Android hardware back closes the overlay instead of the screen.
+  useEffect(() => {
+    if (!open) return;
+    const subscription = BackHandler.addEventListener('hardwareBackPress', () => {
+      onRequestClose();
+      return true;
+    });
+    return () => subscription.remove();
+  }, [open, onRequestClose]);
+  const fromOpacity = preset.from.opacity ?? 1;
+  const toOpacity = preset.to.opacity ?? 1;
+  const fromScale = preset.from.scale ?? 1;
+  const toScale = preset.to.scale ?? 1;
+  const motionStyle = useAnimatedStyle(() => ({
+    opacity: fromOpacity + (toOpacity - fromOpacity) * progress.value,
+    transform: [{
+      scale: fromScale + (toScale - fromScale) * progress.value
+    }]
+  }));
+  const dimsBackdrop = typeof backdrop === 'string' && backdrop !== 'transparent';
+  const backdropStyle = useAnimatedStyle(() => ({
+    opacity: dimsBackdrop ? progress.value : 1
+  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      collapsable: false,
+      ref: anchorRef,
+      children: trigger
+    }), mounted ? /*#__PURE__*/_jsxs(Portal, {
+      modal: modal,
+      children: [backdrop !== false ? /*#__PURE__*/_jsx(Animated.View, {
+        style: [StyleSheet.absoluteFill, backdropStyle],
+        accessible: false,
+        importantForAccessibility: "no-hide-descendants",
+        testID: testID ? `${testID}-backdrop` : undefined,
+        children: /*#__PURE__*/_jsx(Pressable, {
+          style: [StyleSheet.absoluteFill, dimsBackdrop && {
+            backgroundColor: backdrop
+          }],
+          onPress: onRequestClose
+        })
+      }) : null, /*#__PURE__*/_jsx(View, {
+        ref: layerRef,
+        collapsable: false,
+        pointerEvents: "none",
+        style: StyleSheet.absoluteFill,
+        onLayout: measureLayer
+      }), /*#__PURE__*/_jsx(View
+      // Positioner: parks the content invisibly until the
+      // first measurement lands (unmounting instead would
+      // keep onLayout from ever firing).
+      , {
+        style: [styles.positioner, position ? {
+          left: position.x - layerOffset.x,
+          top: position.y - layerOffset.y,
+          maxWidth: position.maxWidth,
+          maxHeight: position.maxHeight,
+          opacity: 1
+        } : styles.unmeasured],
+        pointerEvents: position ? 'box-none' : 'none',
+        onLayout: onContentLayout,
+        onAccessibilityEscape: onRequestClose,
+        accessibilityLabel: accessibilityLabel,
+        testID: testID,
+        children: /*#__PURE__*/_jsxs(Animated.View, {
+          style: [contentStyle, matchAnchorWidth && anchorRect ? {
+            minWidth: anchorRect.width
+          } : null, motionStyle],
+          children: [children, arrowSize && arrow ? /*#__PURE__*/_jsx(View, {
+            style: {
+              position: 'absolute',
+              left: arrow.x - arrowSize / 2,
+              top: arrow.y - arrowSize / 2,
+              width: arrowSize,
+              height: arrowSize,
+              backgroundColor: arrowColor,
+              transform: [{
+                rotate: '45deg'
+              }]
+            },
+            testID: testID ? `${testID}-arrow` : undefined
+          }) : null]
+        })
+      })]
+    }) : null]
+  });
+}
+AnchoredOverlay.displayName = 'AnchoredOverlay';
+const styles = StyleSheet.create({
+  positioner: {
+    position: 'absolute'
+  },
+  unmeasured: {
+    left: 0,
+    top: 0,
+    opacity: 0
+  }
+});
+export default AnchoredOverlay;
+//# sourceMappingURL=AnchoredOverlay.js.map

package/lib/module/overlay/anchored/AnchoredOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","BackHandler","Pressable","StyleSheet","View","Animated","Easing","runOnJS","useAnimatedStyle","useSharedValue","withTiming","Portal","useAnchoredPosition","MOTION_EASING","MOTION_PRESETS","reducedMotionVariant","useReduceMotion","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","bezierFor","name","x1","y1","x2","y2","bezier","AnchoredOverlay","open","onRequestClose","trigger","placement","alignment","offset","viewportPadding","arrowSize","arrowColor","backdrop","contentStyle","modal","arrowAligned","matchAnchorWidth","children","accessibilityLabel","testID","mounted","setMounted","progress","reduceMotion","preset","scaleFade","anchorRef","onContentLayout","position","arrow","anchorRect","layerRef","layerOffset","setLayerOffset","x","y","measureLayer","current","measureInWindow","unmount","value","duration","easing","exitDuration","exitEasing","finished","subscription","addEventListener","remove","fromOpacity","from","opacity","toOpacity","to","fromScale","scale","toScale","motionStyle","transform","dimsBackdrop","backdropStyle","collapsable","ref","style","absoluteFill","accessible","importantForAccessibility","undefined","backgroundColor","onPress","pointerEvents","onLayout","styles","positioner","left","top","maxWidth","maxHeight","unmeasured","onAccessibilityEscape","minWidth","width","height","rotate","displayName","create"],"sourceRoot":"../../../../src","sources":["overlay/anchored/AnchoredOverlay.tsx"],"mappings":"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","ignoreList":[]}