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

package/lib/module/components/SankeyChart/SankeyChart.js

@@ -0,0 +1,219 @@
+"use strict";
+
+import { forwardRef, useContext, useMemo, useState, useCallback } from 'react';
+import { View } from 'react-native';
+import Svg, { Path, Rect, Text as SvgText, G } from 'react-native-svg';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { BlendNativeThemeContext } from "../../theme/BlendNativeProvider.js";
+import { parseDimension } from "../../adapters/cssStringAdapter.js";
+import { ChartContainer } from "../Chart/index.js";
+import { ChartNoData } from "../Chart/index.js";
+import { ChartSkeleton } from "../Chart/index.js";
+import { computeSankeyLayout, buildRibbonPath, getFocusSet } from "./sankeyChart.utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_HEIGHT = 400;
+const DEFAULT_NODE_WIDTH = 16;
+const DEFAULT_NODE_GAP = 12;
+const DEFAULT_CURVE_FACTOR = 0.5;
+const MIN_NODE_HEIGHT = 4;
+const LABEL_MAX_CHARS = 12;
+
+/**
+ * SankeyChart — a flow visualization where ribbon width is proportional to
+ * `value`.
+ *
+ * Nodes are arranged in columns (explicit or topologically computed), and
+ * ribbons connect the right edge of a source node to the left edge of a target
+ * node. Tapping a node highlights its flow (in + out ribbons).
+ *
+ * Uses `react-native-svg` (a transitive dep of victory-native) for rendering.
+ * Styled from `CHARTSV2` tokens.
+ */
+const SankeyChart = /*#__PURE__*/forwardRef(function SankeyChart({
+  nodes,
+  links,
+  height = DEFAULT_HEIGHT,
+  nodeWidth = DEFAULT_NODE_WIDTH,
+  nodeGap = DEFAULT_NODE_GAP,
+  curveFactor = DEFAULT_CURVE_FACTOR,
+  focusBehavior = 'flow',
+  onPress,
+  selectedId: controlledSelectedId,
+  noData,
+  skeleton,
+  accessibilityLabel,
+  testID,
+  style
+}, ref) {
+  const tokens = useNativeTokens('CHARTSV2');
+  const ct = tokens.chart;
+  // SvgText does not inherit the RN font context — resolve the body role
+  // explicitly, like Chart.tsx does for Victory labels.
+  const {
+    fontFamily: familyMap
+  } = useContext(BlendNativeThemeContext);
+  const labelFontFamily = familyMap.body ?? undefined;
+  const [measuredWidth, setMeasuredWidth] = useState();
+  const onLayout = event => {
+    const w = event.nativeEvent.layout.width;
+    if (w > 0 && w !== measuredWidth) setMeasuredWidth(w);
+  };
+
+  // --- Selected node (controlled or uncontrolled) ----------------------
+  const isControlled = controlledSelectedId !== undefined;
+  const [internalSelected, setInternalSelected] = useState(undefined);
+  const selectedId = isControlled ? controlledSelectedId : internalSelected;
+  const handleNodePress = useCallback(nodeId => {
+    if (!isControlled) {
+      setInternalSelected(prev => prev === nodeId ? undefined : nodeId);
+    }
+    onPress?.({
+      kind: 'node',
+      id: nodeId
+    });
+  }, [isControlled, onPress]);
+  const handleLinkPress = useCallback(linkId => {
+    onPress?.({
+      kind: 'link',
+      id: linkId
+    });
+  }, [onPress]);
+
+  // --- Layout -----------------------------------------------------------
+  const layout = useMemo(() => computeSankeyLayout(nodes, links, {
+    canvasHeight: height,
+    nodeWidth,
+    nodeGap
+  }), [nodes, links, height, nodeWidth, nodeGap]);
+  const {
+    positionedNodes,
+    positionedLinks
+  } = layout;
+
+  // --- Focus set --------------------------------------------------------
+  const focusSet = useMemo(() => {
+    if (focusBehavior === 'none' || !selectedId) return null;
+    return getFocusSet(selectedId, links, focusBehavior);
+  }, [selectedId, focusBehavior, links]);
+  const isDimmed = (id, linkKey) => {
+    if (!focusSet) return false;
+    if (linkKey) return !focusSet.has(linkKey);
+    return !focusSet.has(id);
+  };
+
+  // --- Column X positions -----------------------------------------------
+  const columnCount = useMemo(() => {
+    if (positionedNodes.length === 0) return 0;
+    return Math.max(...positionedNodes.map(n => n.columnIndex)) + 1;
+  }, [positionedNodes]);
+
+  // --- Skeleton ---------------------------------------------------------
+  if (skeleton?.show) {
+    return /*#__PURE__*/_jsx(ChartContainer, {
+      ref: ref,
+      style: style,
+      children: /*#__PURE__*/_jsx(ChartSkeleton, {
+        height: height
+      })
+    });
+  }
+
+  // --- No-data ----------------------------------------------------------
+  if (nodes.length === 0 || links.length === 0) {
+    return /*#__PURE__*/_jsx(ChartContainer, {
+      ref: ref,
+      style: style,
+      children: /*#__PURE__*/_jsx(ChartNoData, {
+        title: noData?.title ?? 'No data available',
+        subtitle: noData?.subtitle ?? 'Data will appear here once available'
+      })
+    });
+  }
+  if (!measuredWidth) {
+    return /*#__PURE__*/_jsx(ChartContainer, {
+      ref: ref,
+      style: style,
+      children: /*#__PURE__*/_jsx(View, {
+        onLayout: onLayout,
+        style: {
+          width: '100%',
+          height
+        }
+      })
+    });
+  }
+
+  // Compute X position for each column. Spread columns evenly across the
+  // canvas width, leaving room for labels on the left and right.
+  // Rightmost column gets less label room because its labels go right
+  // (away from the canvas), not left — but we keep it symmetric for now.
+  const labelPadding = 96; // px reserved for labels on each side
+  const drawableWidth = Math.max(0, measuredWidth - labelPadding * 2);
+  const columnSpacing = columnCount > 1 ? drawableWidth / (columnCount - 1) : 0;
+  const nodeX = columnIndex => labelPadding + columnIndex * columnSpacing;
+  const labelColor = String(ct.xAxis.labels.color);
+  const titleColor = String(ct.xAxis.title.color);
+  return /*#__PURE__*/_jsx(ChartContainer, {
+    ref: ref,
+    style: style,
+    children: /*#__PURE__*/_jsx(View, {
+      onLayout: onLayout,
+      style: {
+        backgroundColor: String(ct.backgroundColor)
+      },
+      accessibilityLabel: accessibilityLabel ?? `Sankey chart with ${nodes.length} nodes and ${links.length} links`,
+      accessibilityRole: "summary",
+      testID: testID,
+      children: /*#__PURE__*/_jsxs(Svg, {
+        width: measuredWidth,
+        height: height,
+        children: [positionedLinks.map((link, i) => {
+          const srcNode = positionedNodes[link.sourceIndex];
+          const tgtNode = positionedNodes[link.targetIndex];
+          if (!srcNode || !tgtNode) return null;
+          const sx = nodeX(srcNode.columnIndex) + nodeWidth;
+          const tx = nodeX(tgtNode.columnIndex);
+          const linkKey = `${link.source}→${link.target}`;
+          const dimmed = isDimmed(link.source, linkKey);
+          const path = buildRibbonPath(sx, link.sourceY0, link.sourceY1, tx, link.targetY0, link.targetY1, curveFactor);
+          return /*#__PURE__*/_jsx(Path, {
+            d: path,
+            fill: link.resolvedColor,
+            opacity: dimmed ? 0.12 : 0.5,
+            onPress: focusBehavior !== 'none' ? () => handleLinkPress(linkKey) : undefined
+          }, `link-${i}`);
+        }), positionedNodes.map((node, i) => {
+          const x = nodeX(node.columnIndex);
+          const dimmed = isDimmed(node.id);
+          const isSelected = selectedId === node.id;
+          return /*#__PURE__*/_jsxs(G, {
+            children: [/*#__PURE__*/_jsx(Rect, {
+              x: x,
+              y: node.y,
+              width: nodeWidth,
+              height: Math.max(node.height, MIN_NODE_HEIGHT),
+              rx: 2,
+              fill: node.color ?? '#2B7FFF',
+              opacity: dimmed ? 0.3 : 1,
+              stroke: isSelected ? node.color ?? '#2B7FFF' : 'none',
+              strokeWidth: isSelected ? 2 : 0,
+              onPress: focusBehavior !== 'none' ? () => handleNodePress(node.id) : undefined
+            }), node.label ? /*#__PURE__*/_jsx(SvgText, {
+              x: node.columnIndex === 0 ? x - 8 : x + nodeWidth + 8,
+              y: node.y + Math.max(node.height, MIN_NODE_HEIGHT) / 2 + 4,
+              fontSize: parseDimension(ct.xAxis.labels.fontSize) ?? 11,
+              fontFamily: labelFontFamily,
+              fontWeight: 500,
+              fill: dimmed ? labelColor : titleColor,
+              textAnchor: node.columnIndex === 0 ? 'end' : 'start',
+              children: node.label.length > LABEL_MAX_CHARS ? `${node.label.slice(0, LABEL_MAX_CHARS)}…` : node.label
+            }) : null]
+          }, `node-${i}`);
+        })]
+      })
+    })
+  });
+});
+SankeyChart.displayName = 'SankeyChart';
+export default SankeyChart;
+//# sourceMappingURL=SankeyChart.js.map

package/lib/module/components/SankeyChart/SankeyChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useContext","useMemo","useState","useCallback","View","Svg","Path","Rect","Text","SvgText","G","useNativeTokens","BlendNativeThemeContext","parseDimension","ChartContainer","ChartNoData","ChartSkeleton","computeSankeyLayout","buildRibbonPath","getFocusSet","jsx","_jsx","jsxs","_jsxs","DEFAULT_HEIGHT","DEFAULT_NODE_WIDTH","DEFAULT_NODE_GAP","DEFAULT_CURVE_FACTOR","MIN_NODE_HEIGHT","LABEL_MAX_CHARS","SankeyChart","nodes","links","height","nodeWidth","nodeGap","curveFactor","focusBehavior","onPress","selectedId","controlledSelectedId","noData","skeleton","accessibilityLabel","testID","style","ref","tokens","ct","chart","fontFamily","familyMap","labelFontFamily","body","undefined","measuredWidth","setMeasuredWidth","onLayout","event","w","nativeEvent","layout","width","isControlled","internalSelected","setInternalSelected","handleNodePress","nodeId","prev","kind","id","handleLinkPress","linkId","canvasHeight","positionedNodes","positionedLinks","focusSet","isDimmed","linkKey","has","columnCount","length","Math","max","map","n","columnIndex","show","children","title","subtitle","labelPadding","drawableWidth","columnSpacing","nodeX","labelColor","String","xAxis","labels","color","titleColor","backgroundColor","accessibilityRole","link","i","srcNode","sourceIndex","tgtNode","targetIndex","sx","tx","source","target","dimmed","path","sourceY0","sourceY1","targetY0","targetY1","d","fill","resolvedColor","opacity","node","x","isSelected","y","rx","stroke","strokeWidth","label","fontSize","fontWeight","textAnchor","slice","displayName"],"sourceRoot":"../../../../src","sources":["components/SankeyChart/SankeyChart.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SankeyChart/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default as SankeyChart } from "./SankeyChart.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/SankeyChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","SankeyChart"],"sourceRoot":"../../../../src","sources":["components/SankeyChart/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,kBAAe","ignoreList":[]}

package/lib/module/components/SankeyChart/sankeyChart.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=sankeyChart.types.js.map

package/lib/module/components/SankeyChart/sankeyChart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/SankeyChart/sankeyChart.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/SankeyChart/sankeyChart.utils.js

@@ -0,0 +1,227 @@
+"use strict";
+
+import { paletteColor } from "../Chart/chart.types.js";
+/**
+ * Assign nodes to columns. If a node has an explicit `column` override, use
+ * it; otherwise compute from topology — source nodes get column 0, targets
+ * get max(source column) + 1.
+ */
+export function computeColumns(nodes, links) {
+  const columns = new Map();
+
+  // Seed from explicit overrides.
+  for (const node of nodes) {
+    if (node.column !== undefined) {
+      columns.set(node.id, node.column);
+    }
+  }
+
+  // Root nodes (no incoming links, no explicit column) get column 0.
+  // This must happen before the topological pass so sources are seeded.
+  for (const node of nodes) {
+    if (!columns.has(node.id)) {
+      const hasIncoming = links.some(l => l.target === node.id);
+      if (!hasIncoming) {
+        columns.set(node.id, 0);
+      }
+    }
+  }
+
+  // Topological pass: propagate from sources.
+  // Iterate until stable (handles multi-hop chains).
+  let changed = true;
+  let iterations = 0;
+  const maxIterations = nodes.length + 1;
+  while (changed && iterations < maxIterations) {
+    changed = false;
+    iterations++;
+    for (const link of links) {
+      const srcCol = columns.get(link.source);
+      if (srcCol === undefined) continue;
+      const tgtCol = columns.get(link.target);
+      const newCol = srcCol + 1;
+      if (tgtCol === undefined || tgtCol < newCol) {
+        columns.set(link.target, newCol);
+        changed = true;
+      }
+    }
+  }
+
+  // Fallback: any still-unassigned node gets column 0.
+  for (const node of nodes) {
+    if (!columns.has(node.id)) {
+      columns.set(node.id, 0);
+    }
+  }
+  return columns;
+}
+
+/** Total value flowing through a node (max of sum-in, sum-out). */
+export function computeNodeValue(nodeId, links) {
+  const inValue = links.filter(l => l.target === nodeId).reduce((sum, l) => sum + l.value, 0);
+  const outValue = links.filter(l => l.source === nodeId).reduce((sum, l) => sum + l.value, 0);
+  return Math.max(inValue, outValue, 0);
+}
+
+/**
+ * Deterministic Sankey layout.
+ *
+ * Nodes are sorted within a column by descending total value (so wide ribbons
+ * don't collide with narrow ones). Link endpoints are stacked within each
+ * node's height band, proportional to link value.
+ *
+ * Returns positioned nodes and links ready for SVG rendering.
+ */
+export function computeSankeyLayout(nodes, links, opts) {
+  const {
+    canvasHeight,
+    nodeGap = 12
+  } = opts;
+  if (nodes.length === 0 || links.length === 0) {
+    return {
+      positionedNodes: [],
+      positionedLinks: []
+    };
+  }
+  const columns = computeColumns(nodes, links);
+
+  // Group nodes by column.
+  const maxColumn = Math.max(...columns.values());
+  const nodesByColumn = Array.from({
+    length: maxColumn + 1
+  }, () => []);
+  for (const node of nodes) {
+    const col = columns.get(node.id) ?? 0;
+    nodesByColumn[col]?.push(node);
+  }
+
+  // Compute total value per node, then sort each column by descending value.
+  const nodeValues = new Map();
+  for (const node of nodes) {
+    nodeValues.set(node.id, computeNodeValue(node.id, links));
+  }
+  for (const col of nodesByColumn) {
+    col.sort((a, b) => (nodeValues.get(b.id) ?? 0) - (nodeValues.get(a.id) ?? 0));
+  }
+
+  // Compute total value per column (sum of node values, not link values).
+  const columnTotals = nodesByColumn.map(col => col.reduce((sum, n) => sum + (nodeValues.get(n.id) ?? 0), 0));
+
+  // Max column total drives the scale. All columns share the same scale
+  // so node heights are comparable across columns.
+  const maxColumnTotal = Math.max(...columnTotals, 1);
+
+  // Available height for nodes (subtract gaps).
+  const positionNodes = () => {
+    const result = [];
+    for (let colIdx = 0; colIdx < nodesByColumn.length; colIdx++) {
+      const colNodes = nodesByColumn[colIdx];
+      const totalGaps = Math.max(0, colNodes.length - 1) * nodeGap;
+      const availableHeight = canvasHeight - totalGaps;
+      const scale = availableHeight / maxColumnTotal;
+      let y = 0;
+      for (const node of colNodes) {
+        const value = nodeValues.get(node.id) ?? 0;
+        const nodeHeight = Math.max(value * scale, 4); // min 4pt
+        const colorIdx = nodes.indexOf(node);
+        result.push({
+          ...node,
+          columnIndex: colIdx,
+          y,
+          height: nodeHeight,
+          totalValue: value,
+          color: node.color ?? paletteColor(colorIdx)
+        });
+        y += nodeHeight + nodeGap;
+      }
+    }
+    return result;
+  };
+  const positionedNodes = positionNodes();
+
+  // Build a lookup: nodeId → positioned index.
+  const nodeIndex = new Map();
+  positionedNodes.forEach((pn, i) => nodeIndex.set(pn.id, i));
+
+  // Position link endpoints within each node's height band.
+  // For each node, stack outgoing links top-to-bottom by value (descending).
+  // Same for incoming links.
+  const positionedLinks = [];
+  for (const link of links) {
+    const srcIdx = nodeIndex.get(link.source);
+    const tgtIdx = nodeIndex.get(link.target);
+    if (srcIdx === undefined || tgtIdx === undefined) continue;
+    const srcNode = positionedNodes[srcIdx];
+    const tgtNode = positionedNodes[tgtIdx];
+
+    // Stack outgoing links at the source node.
+    const srcOutgoing = links.filter(l => l.source === link.source).sort((a, b) => b.value - a.value);
+    const srcOffset = srcOutgoing.indexOf(link);
+    const srcBefore = srcOutgoing.slice(0, srcOffset).reduce((sum, l) => sum + l.value, 0);
+    const srcTotal = srcOutgoing.reduce((sum, l) => sum + l.value, 0);
+    const srcScale = srcNode.height / Math.max(srcTotal, 1);
+    const sourceY0 = srcNode.y + srcBefore * srcScale;
+    const sourceY1 = srcNode.y + (srcBefore + link.value) * srcScale;
+
+    // Stack incoming links at the target node.
+    const tgtIncoming = links.filter(l => l.target === link.target).sort((a, b) => b.value - a.value);
+    const tgtOffset = tgtIncoming.indexOf(link);
+    const tgtBefore = tgtIncoming.slice(0, tgtOffset).reduce((sum, l) => sum + l.value, 0);
+    const tgtTotal = tgtIncoming.reduce((sum, l) => sum + l.value, 0);
+    const tgtScale = tgtNode.height / Math.max(tgtTotal, 1);
+    const targetY0 = tgtNode.y + tgtBefore * tgtScale;
+    const targetY1 = tgtNode.y + (tgtBefore + link.value) * tgtScale;
+    positionedLinks.push({
+      ...link,
+      sourceIndex: srcIdx,
+      targetIndex: tgtIdx,
+      sourceY0,
+      sourceY1,
+      targetY0,
+      targetY1,
+      resolvedColor: link.color ?? srcNode.color ?? paletteColor(srcIdx)
+    });
+  }
+  return {
+    positionedNodes,
+    positionedLinks
+  };
+}
+
+/**
+ * Build an SVG cubic-bezier path for a Sankey ribbon.
+ *
+ * The ribbon connects the right edge of the source node to the left edge of
+ * the target node. `curveFactor` controls how far the control points are
+ * pulled horizontally — 0.5 gives the classic S-curve.
+ */
+export function buildRibbonPath(sourceX, sourceY0, sourceY1, targetX, targetY0, targetY1, curveFactor) {
+  const dx = Math.abs(targetX - sourceX);
+  const ctrlOffset = dx * curveFactor;
+  const c1s = sourceX + ctrlOffset;
+  const c1e = targetX - ctrlOffset;
+  return `M ${sourceX} ${sourceY0} ` + `C ${c1s} ${sourceY0}, ${c1e} ${targetY0}, ${targetX} ${targetY0} ` + `L ${targetX} ${targetY1} ` + `C ${c1e} ${targetY1}, ${c1s} ${sourceY1}, ${sourceX} ${sourceY1} ` + `Z`;
+}
+
+/**
+ * Get the IDs of links and nodes connected to a focused node.
+ * - `flow` = both in and out links + their endpoints
+ * - `in`   = only incoming links + their source endpoints
+ * - `out`  = only outgoing links + their target endpoints
+ */
+export function getFocusSet(focusedNodeId, links, behavior = 'flow') {
+  const result = new Set();
+  result.add(focusedNodeId);
+  for (const link of links) {
+    const isIn = link.target === focusedNodeId;
+    const isOut = link.source === focusedNodeId;
+    const matches = behavior === 'flow' ? isIn || isOut : behavior === 'in' ? isIn : isOut; // 'out'
+    if (matches) {
+      result.add(`${link.source}→${link.target}`);
+      result.add(link.source);
+      result.add(link.target);
+    }
+  }
+  return result;
+}
+//# sourceMappingURL=sankeyChart.utils.js.map

package/lib/module/components/SankeyChart/sankeyChart.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["paletteColor","computeColumns","nodes","links","columns","Map","node","column","undefined","set","id","has","hasIncoming","some","l","target","changed","iterations","maxIterations","length","link","srcCol","get","source","tgtCol","newCol","computeNodeValue","nodeId","inValue","filter","reduce","sum","value","outValue","Math","max","computeSankeyLayout","opts","canvasHeight","nodeGap","positionedNodes","positionedLinks","maxColumn","values","nodesByColumn","Array","from","col","push","nodeValues","sort","a","b","columnTotals","map","n","maxColumnTotal","positionNodes","result","colIdx","colNodes","totalGaps","availableHeight","scale","y","nodeHeight","colorIdx","indexOf","columnIndex","height","totalValue","color","nodeIndex","forEach","pn","i","srcIdx","tgtIdx","srcNode","tgtNode","srcOutgoing","srcOffset","srcBefore","slice","srcTotal","srcScale","sourceY0","sourceY1","tgtIncoming","tgtOffset","tgtBefore","tgtTotal","tgtScale","targetY0","targetY1","sourceIndex","targetIndex","resolvedColor","buildRibbonPath","sourceX","targetX","curveFactor","dx","abs","ctrlOffset","c1s","c1e","getFocusSet","focusedNodeId","behavior","Set","add","isIn","isOut","matches"],"sourceRoot":"../../../../src","sources":["components/SankeyChart/sankeyChart.utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SearchInput/SearchInput.js

@@ -0,0 +1,122 @@
+"use strict";
+
+import { forwardRef, useState } from 'react';
+import { Pressable as RNPressable } from 'react-native';
+import { X } from 'lucide-react-native';
+import { InputSizeV2 } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import Block from "../../primitives/Block.js";
+import PrimitiveInput from "../../primitives/PrimitiveInput.js";
+import Slot from "../../primitives/Slot.js";
+import { parseBorder, parseDimension } from "../../adapters/cssStringAdapter.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Search field — the native port of web's `SearchInputV2`.
+ *
+ * Bottom-border-only chrome that re-resolves per state, slots either side,
+ * and an automatic clear button (lucide X) once there is text — hidden when
+ * `rightSlot` occupies that spot, exactly web's rule. `returnKeyType`
+ * defaults to `search`.
+ */
+const SearchInput = /*#__PURE__*/forwardRef(function SearchInput({
+  value,
+  defaultValue,
+  onChangeText,
+  error = false,
+  allowClear = true,
+  onClear,
+  clearIcon,
+  disabled = false,
+  leftSlot,
+  rightSlot,
+  testID,
+  accessibilityLabel,
+  style,
+  inputRef,
+  onFocus,
+  onBlur,
+  ...rest
+}, ref) {
+  const tokens = useNativeTokens('SEARCH_INPUT_V2');
+  const [focused, setFocused] = useState(false);
+  const [currentValue, setCurrentValue] = useControllableState(value, defaultValue ?? '', onChangeText);
+  const state = disabled ? 'disabled' : error ? 'error' : focused ? 'focus' : 'default';
+  const container = tokens.inputContainer;
+  // Web hardcodes SM for every padding lookup — no size prop.
+  const size = InputSizeV2.SM;
+
+  // Web's `shouldShowSearchInputV2Clear`.
+  const showClear = allowClear && currentValue.length > 0 && !disabled && !rightSlot;
+  const handleClear = () => {
+    setCurrentValue('');
+    onClear?.();
+  };
+  const handleFocus = e => {
+    setFocused(true);
+    onFocus?.(e);
+  };
+  const handleBlur = e => {
+    setFocused(false);
+    onBlur?.(e);
+  };
+  const iconSize = parseDimension(tokens.icon.width) ?? 16;
+  const bottomBorder = parseBorder(String(container.borderBottom[state]));
+  return /*#__PURE__*/_jsxs(Block, {
+    ref: ref,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingTop: container.paddingTop[size],
+    paddingBottom: container.paddingBottom[size],
+    paddingLeft: container.paddingLeft[size],
+    paddingRight: container.paddingRight[size],
+    style: [{
+      borderBottomWidth: bottomBorder.borderWidth,
+      borderBottomColor: bottomBorder.borderColor
+    }, style],
+    testID: testID,
+    children: [leftSlot && /*#__PURE__*/_jsx(Slot, {
+      hidden: true,
+      color: String(tokens.icon.color[state]),
+      maxHeight: iconSize,
+      children: leftSlot
+    }), /*#__PURE__*/_jsx(PrimitiveInput, {
+      ref: inputRef,
+      value: currentValue,
+      onChangeText: setCurrentValue,
+      placeholderColor: String(container.placeholderColor[state] ?? undefined),
+      fontSize: container.fontSize,
+      fontWeight: container.fontWeight,
+      color: String(container.color[state] ?? '#000000'),
+      editable: !disabled,
+      returnKeyType: "search",
+      accessibilityLabel: accessibilityLabel ?? 'Search',
+      accessibilityState: {
+        disabled
+      },
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      testID: testID ? `${testID}-input` : undefined,
+      ...rest
+    }), showClear && /*#__PURE__*/_jsx(RNPressable, {
+      onPress: handleClear,
+      accessibilityRole: "button",
+      accessibilityLabel: "Clear search",
+      hitSlop: 8,
+      testID: testID ? `${testID}-clear` : undefined,
+      children: clearIcon ?? /*#__PURE__*/_jsx(X, {
+        size: iconSize,
+        color: String(tokens.icon.color[state])
+      })
+    }), rightSlot && /*#__PURE__*/_jsx(Slot, {
+      hidden: true,
+      color: String(tokens.icon.color[state]),
+      maxHeight: iconSize,
+      children: rightSlot
+    })]
+  });
+});
+SearchInput.displayName = 'SearchInput';
+export default SearchInput;
+//# sourceMappingURL=SearchInput.js.map

package/lib/module/components/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useState","Pressable","RNPressable","X","InputSizeV2","useNativeTokens","useControllableState","Block","PrimitiveInput","Slot","parseBorder","parseDimension","jsx","_jsx","jsxs","_jsxs","SearchInput","value","defaultValue","onChangeText","error","allowClear","onClear","clearIcon","disabled","leftSlot","rightSlot","testID","accessibilityLabel","style","inputRef","onFocus","onBlur","rest","ref","tokens","focused","setFocused","currentValue","setCurrentValue","state","container","inputContainer","size","SM","showClear","length","handleClear","handleFocus","e","handleBlur","iconSize","icon","width","bottomBorder","String","borderBottom","flexDirection","alignItems","gap","paddingTop","paddingBottom","paddingLeft","paddingRight","borderBottomWidth","borderWidth","borderBottomColor","borderColor","children","hidden","color","maxHeight","placeholderColor","undefined","fontSize","fontWeight","editable","returnKeyType","accessibilityState","onPress","accessibilityRole","hitSlop","displayName"],"sourceRoot":"../../../../src","sources":["components/SearchInput/SearchInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SearchInput/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default as SearchInput } from "./SearchInput.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/SearchInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","SearchInput"],"sourceRoot":"../../../../src","sources":["components/SearchInput/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,kBAAe","ignoreList":[]}

package/lib/module/components/SearchInput/searchInput.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=searchInput.types.js.map

package/lib/module/components/SearchInput/searchInput.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/SearchInput/searchInput.types.ts"],"mappings":"","ignoreList":[]}