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

package/lib/commonjs/components/shared/dropdown/DropdownContent.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownContent = DropdownContent;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _cssStringAdapter = require("../../../adapters/cssStringAdapter.js");
+var _portal = require("../../../overlay/portal.js");
+var _Block = require("../../../primitives/Block.js");
+var _motion = require("../../../motion/motion.js");
+var _useReduceMotion = require("../../../motion/useReduceMotion.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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.
+ */
+
+const ENTER = {
+  duration: _motion.MOTION_DURATION.normal,
+  easing: _reactNativeReanimated.Easing.bezier(..._motion.MOTION_EASING.decelerate)
+};
+const EXIT = {
+  duration: _motion.MOTION_DURATION.fast,
+  easing: _reactNativeReanimated.Easing.bezier(..._motion.MOTION_EASING.accelerate)
+};
+function DropdownContent({
+  open,
+  onClose,
+  position,
+  onContentLayout,
+  tokens,
+  children,
+  testID,
+  accessibilityLabel
+}) {
+  const reduceMotion = (0, _useReduceMotion.useReduceMotion)();
+  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
+  const [mounted, setMounted] = (0, _react.useState)(open);
+  _react.default.useEffect(() => {
+    if (open) {
+      setMounted(true);
+      progress.value = (0, _reactNativeReanimated.withTiming)(1, ENTER);
+    } else {
+      progress.value = (0, _reactNativeReanimated.withTiming)(0, EXIT, finished => {
+        if (finished) (0, _reactNativeReanimated.runOnJS)(setMounted)(false);
+      });
+    }
+  }, [open, progress]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    if (reduceMotion) {
+      return {
+        opacity: progress.value
+      };
+    }
+    return {
+      opacity: progress.value,
+      transform: [{
+        scale: 0.95 + 0.05 * progress.value
+      }]
+    };
+  }, [reduceMotion]);
+  const handleBackdropPress = (0, _react.useCallback)(() => {
+    onClose();
+  }, [onClose]);
+  const lastPosition = (0, _react.useRef)(null);
+  if (position) lastPosition.current = position;
+  const effectivePosition = position ?? lastPosition.current;
+  if (!mounted) return null;
+  const hasPosition = effectivePosition !== null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_portal.Portal, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      style: _reactNative.StyleSheet.absoluteFill,
+      onPress: handleBackdropPress,
+      accessibilityLabel: "Close dropdown",
+      accessibilityRole: "button"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      onLayout: onContentLayout,
+      style: [styles.container, {
+        backgroundColor: tokens.backgroundColor,
+        borderRadius: (0, _cssStringAdapter.parseDimension)(tokens.borderRadius),
+        ...((0, _cssStringAdapter.parseBorder)(tokens.border) ?? {}),
+        ...((0, _cssStringAdapter.parseBoxShadow)(tokens.boxShadow) ?? {}),
+        paddingTop: (0, _cssStringAdapter.parseDimension)(tokens.paddingTop),
+        paddingRight: (0, _cssStringAdapter.parseDimension)(tokens.paddingRight),
+        paddingBottom: (0, _cssStringAdapter.parseDimension)(tokens.paddingBottom),
+        paddingLeft: (0, _cssStringAdapter.parseDimension)(tokens.paddingLeft),
+        minWidth: (0, _cssStringAdapter.parseDimension)(tokens.minWidth),
+        maxWidth: (0, _cssStringAdapter.parseDimension)(tokens.maxWidth),
+        maxHeight: hasPosition ? effectivePosition.maxHeight : undefined,
+        // Hidden until position lands so the content does
+        // not flash at {0,0} before measurement completes.
+        opacity: hasPosition ? undefined : 0,
+        position: 'absolute',
+        left: hasPosition ? effectivePosition.x : 0,
+        top: hasPosition ? effectivePosition.y : 0
+      }, animatedStyle],
+      accessibilityRole: "menu",
+      accessibilityLabel: accessibilityLabel,
+      testID: testID,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Block.Block, {
+        width: "100%",
+        overflow: "hidden",
+        children: children
+      })
+    })]
+  });
+}
+DropdownContent.displayName = 'DropdownContent';
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=DropdownContent.js.map

package/lib/commonjs/components/shared/dropdown/DropdownContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_cssStringAdapter","_portal","_Block","_motion","_useReduceMotion","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ENTER","duration","MOTION_DURATION","normal","easing","Easing","bezier","MOTION_EASING","decelerate","EXIT","fast","accelerate","DropdownContent","open","onClose","position","onContentLayout","tokens","children","testID","accessibilityLabel","reduceMotion","useReduceMotion","progress","useSharedValue","mounted","setMounted","useState","React","useEffect","value","withTiming","finished","runOnJS","animatedStyle","useAnimatedStyle","opacity","transform","scale","handleBackdropPress","useCallback","lastPosition","useRef","current","effectivePosition","hasPosition","jsxs","Portal","jsx","Pressable","style","StyleSheet","absoluteFill","onPress","accessibilityRole","View","onLayout","styles","container","backgroundColor","borderRadius","parseDimension","parseBorder","border","parseBoxShadow","boxShadow","paddingTop","paddingRight","paddingBottom","paddingLeft","minWidth","maxWidth","maxHeight","undefined","left","x","top","y","Block","width","overflow","displayName","create"],"sourceRoot":"../../../../../src","sources":["components/shared/dropdown/DropdownContent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/shared/dropdown/DropdownItem.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownItem = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _Pressable = require("../../../primitives/Pressable.js");
+var _Text = require("../../../primitives/Text.js");
+var _Slot = require("../../../primitives/Slot.js");
+var _cssStringAdapter = require("../../../adapters/cssStringAdapter.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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.
+ */
+
+function resolveItemState(disabled, selected) {
+  if (disabled) return 'disabled';
+  if (selected) return 'selected';
+  return 'default';
+}
+const DropdownItemImpl = /*#__PURE__*/(0, _react.forwardRef)(function DropdownItem({
+  adapter,
+  tokens,
+  onPress,
+  testID
+}, ref) {
+  const {
+    primaryText,
+    secondaryText,
+    leadingSlot,
+    leadingAccessory,
+    trailingSlot,
+    disabled,
+    isSelected,
+    hasSubMenu,
+    item
+  } = adapter;
+  const state = resolveItemState(disabled, isSelected);
+  const handlePress = (0, _react.useCallback)(() => {
+    if (disabled) return;
+    onPress(item);
+  }, [disabled, onPress, item]);
+  const checkmarkPosition = tokens.text.checkmark?.position ?? 'trailing';
+  const showCheckmark = isSelected && tokens.text.checkmark;
+  const checkmarkOnLeading = showCheckmark && checkmarkPosition === 'leading';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Pressable.Pressable, {
+    ref: ref,
+    background: tokens.backgroundColor[state],
+    activeBackground: tokens.backgroundColor.active,
+    disabledBackground: tokens.backgroundColor.disabled,
+    paddingTop: tokens.paddingTop,
+    paddingRight: tokens.paddingRight,
+    paddingBottom: tokens.paddingBottom,
+    paddingLeft: tokens.paddingLeft,
+    flexDirection: "column",
+    gap: tokens.gap,
+    borderRadius: tokens.borderRadius,
+    disabled: disabled,
+    onPress: handlePress,
+    style: tokens.margin != null ? {
+      margin: (0, _cssStringAdapter.parseDimension)(tokens.margin)
+    } : undefined,
+    accessibilityRole: "menuitem",
+    accessibilityState: {
+      disabled: Boolean(disabled),
+      selected: Boolean(isSelected)
+    },
+    accessibilityLabel: primaryText,
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        width: '100%',
+        gap: 8
+      },
+      children: [checkmarkOnLeading && tokens.text.checkmark ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Check, {
+        size: Number(tokens.text.checkmark.width) || 16,
+        color: tokens.text.checkmark.color
+      }) : null, leadingAccessory, leadingSlot ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.Slot, {
+        maxHeight: tokens.text.leftSlot.maxHeight,
+        color: tokens.text.color[state],
+        hidden: true,
+        children: leadingSlot
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flex: 1,
+          flexShrink: 1
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          fontSize: tokens.text.fontSize,
+          fontWeight: tokens.text.fontWeight,
+          lineHeight: tokens.text.lineHeight,
+          color: tokens.text.color[state],
+          numberOfLines: 1,
+          children: primaryText
+        })
+      }), trailingSlot, showCheckmark && !checkmarkOnLeading && tokens.text.checkmark ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Check, {
+        size: Number(tokens.text.checkmark.width) || 16,
+        color: tokens.text.checkmark.color
+      }) : null, hasSubMenu ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ChevronRight, {
+        size: Number(tokens.text.rightChevron.width) || 16,
+        color: tokens.text.rightChevron.color
+      }) : null]
+    }), secondaryText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: '100%'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        fontSize: tokens.text.subText.fontSize,
+        fontWeight: tokens.text.subText.fontWeight,
+        lineHeight: tokens.text.subText.lineHeight,
+        color: tokens.text.subText.color[state],
+        numberOfLines: 1,
+        children: secondaryText
+      })
+    }) : null]
+  });
+});
+const DropdownItem = exports.DropdownItem = /*#__PURE__*/(0, _react.memo)(DropdownItemImpl);
+DropdownItem.displayName = 'DropdownItem';
+//# sourceMappingURL=DropdownItem.js.map

package/lib/commonjs/components/shared/dropdown/DropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_lucideReactNative","_Pressable","_Text","_Slot","_cssStringAdapter","_jsxRuntime","resolveItemState","disabled","selected","DropdownItemImpl","forwardRef","DropdownItem","adapter","tokens","onPress","testID","ref","primaryText","secondaryText","leadingSlot","leadingAccessory","trailingSlot","isSelected","hasSubMenu","item","state","handlePress","useCallback","checkmarkPosition","text","checkmark","position","showCheckmark","checkmarkOnLeading","jsxs","Pressable","background","backgroundColor","activeBackground","active","disabledBackground","paddingTop","paddingRight","paddingBottom","paddingLeft","flexDirection","gap","borderRadius","style","margin","parseDimension","undefined","accessibilityRole","accessibilityState","Boolean","accessibilityLabel","children","View","alignItems","width","jsx","Check","size","Number","color","Slot","maxHeight","leftSlot","hidden","flex","flexShrink","Text","fontSize","fontWeight","lineHeight","numberOfLines","ChevronRight","rightChevron","subText","exports","memo","displayName"],"sourceRoot":"../../../../../src","sources":["components/shared/dropdown/DropdownItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/shared/dropdown/DropdownList.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownList = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _DropdownItem = require("./DropdownItem.js");
+var _DropdownSeparator = require("./DropdownSeparator.js");
+var _Text = require("../../../primitives/Text.js");
+var _Block = require("../../../primitives/Block.js");
+var _cssStringAdapter = require("../../../adapters/cssStringAdapter.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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`.
+ */
+
+const VIRTUALIZATION_THRESHOLD = 30;
+function DropdownListImpl({
+  rows,
+  itemTokens,
+  separatorColor,
+  separatorHeight = 1,
+  separatorMargin,
+  labelColor,
+  labelFontSize,
+  labelFontWeight,
+  labelPaddingTop,
+  labelPaddingBottom,
+  labelPaddingHorizontal,
+  onItemPress,
+  enableVirtualization = false,
+  virtualizationThreshold = VIRTUALIZATION_THRESHOLD,
+  testID
+}) {
+  const renderItem = (0, _react.useCallback)(({
+    item: row
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(RowRenderer, {
+    row: row,
+    itemTokens: itemTokens,
+    separatorColor: separatorColor,
+    separatorHeight: separatorHeight,
+    separatorMargin: separatorMargin,
+    labelColor: labelColor,
+    labelFontSize: labelFontSize,
+    labelFontWeight: labelFontWeight,
+    labelPaddingTop: labelPaddingTop,
+    labelPaddingBottom: labelPaddingBottom,
+    labelPaddingHorizontal: labelPaddingHorizontal,
+    onItemPress: onItemPress
+  }), [itemTokens, separatorColor, separatorHeight, separatorMargin, labelColor, labelFontSize, labelFontWeight, labelPaddingTop, labelPaddingBottom, labelPaddingHorizontal, onItemPress]);
+  const keyExtractor = (0, _react.useCallback)(row => row.id, []);
+  const shouldVirtualize = enableVirtualization && rows.length > virtualizationThreshold;
+  if (shouldVirtualize) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+      data: rows,
+      renderItem: renderItem,
+      keyExtractor: keyExtractor,
+      testID: testID,
+      keyboardShouldPersistTaps: "handled"
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    testID: testID,
+    keyboardShouldPersistTaps: "handled",
+    nestedScrollEnabled: true,
+    children: rows.map(row => /*#__PURE__*/(0, _jsxRuntime.jsx)(RowRenderer, {
+      row: row,
+      itemTokens: itemTokens,
+      separatorColor: separatorColor,
+      separatorHeight: separatorHeight,
+      separatorMargin: separatorMargin,
+      labelColor: labelColor,
+      labelFontSize: labelFontSize,
+      labelFontWeight: labelFontWeight,
+      labelPaddingTop: labelPaddingTop,
+      labelPaddingBottom: labelPaddingBottom,
+      labelPaddingHorizontal: labelPaddingHorizontal,
+      onItemPress: onItemPress
+    }, row.id))
+  });
+}
+function RowRenderer({
+  row,
+  itemTokens,
+  separatorColor,
+  separatorHeight,
+  separatorMargin,
+  labelColor,
+  labelFontSize,
+  labelFontWeight,
+  labelPaddingTop,
+  labelPaddingBottom,
+  labelPaddingHorizontal,
+  onItemPress
+}) {
+  if (row.type === 'separator') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownSeparator.DropdownSeparator, {
+      color: separatorColor,
+      height: separatorHeight,
+      margin: separatorMargin
+    });
+  }
+  if (row.type === 'label') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Block.Block, {
+      paddingTop: (0, _cssStringAdapter.parseDimension)(labelPaddingTop) ?? 0,
+      paddingBottom: (0, _cssStringAdapter.parseDimension)(labelPaddingBottom) ?? 0,
+      paddingLeft: (0, _cssStringAdapter.parseDimension)(labelPaddingHorizontal) ?? 0,
+      paddingRight: (0, _cssStringAdapter.parseDimension)(labelPaddingHorizontal) ?? 0,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        fontSize: labelFontSize,
+        fontWeight: labelFontWeight,
+        color: labelColor,
+        style: {
+          textTransform: 'uppercase'
+        },
+        children: row.label
+      })
+    });
+  }
+  if (!row.item) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownItem.DropdownItem, {
+    adapter: row.item,
+    tokens: itemTokens,
+    onPress: onItemPress
+  });
+}
+const DropdownList = exports.DropdownList = /*#__PURE__*/(0, _react.memo)(DropdownListImpl);
+DropdownList.displayName = 'DropdownList';
+//# sourceMappingURL=DropdownList.js.map

package/lib/commonjs/components/shared/dropdown/DropdownList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_DropdownItem","_DropdownSeparator","_Text","_Block","_cssStringAdapter","_jsxRuntime","VIRTUALIZATION_THRESHOLD","DropdownListImpl","rows","itemTokens","separatorColor","separatorHeight","separatorMargin","labelColor","labelFontSize","labelFontWeight","labelPaddingTop","labelPaddingBottom","labelPaddingHorizontal","onItemPress","enableVirtualization","virtualizationThreshold","testID","renderItem","useCallback","item","row","jsx","RowRenderer","keyExtractor","id","shouldVirtualize","length","FlatList","data","keyboardShouldPersistTaps","ScrollView","nestedScrollEnabled","children","map","type","DropdownSeparator","color","height","margin","Block","paddingTop","parseDimension","paddingBottom","paddingLeft","paddingRight","Text","fontSize","fontWeight","style","textTransform","label","DropdownItem","adapter","tokens","onPress","DropdownList","exports","memo","displayName"],"sourceRoot":"../../../../../src","sources":["components/shared/dropdown/DropdownList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/shared/dropdown/DropdownSearch.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownSearch = DropdownSearch;
+var _react = require("react");
+var _lucideReactNative = require("lucide-react-native");
+var _reactNative = require("react-native");
+var _Block = require("../../../primitives/Block.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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`.
+ */
+
+function DropdownSearch({
+  value,
+  onChange,
+  placeholder = 'Search...',
+  testID,
+  accessibilityLabel = 'Search options'
+}) {
+  const handleChange = (0, _react.useCallback)(text => {
+    onChange(text);
+  }, [onChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    width: "100%",
+    testID: testID ? `${testID}-search` : undefined,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Search, {
+      size: 16,
+      color: "#6B7280"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      value: value,
+      onChangeText: handleChange,
+      placeholder: placeholder,
+      placeholderTextColor: "#9CA3AF",
+      accessibilityLabel: accessibilityLabel,
+      testID: testID ? `${testID}-search-input` : undefined,
+      style: {
+        flex: 1,
+        fontSize: 14,
+        color: '#111827',
+        paddingVertical: 4
+      }
+    })]
+  });
+}
+DropdownSearch.displayName = 'DropdownSearch';
+//# sourceMappingURL=DropdownSearch.js.map

package/lib/commonjs/components/shared/dropdown/DropdownSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_lucideReactNative","_reactNative","_Block","_jsxRuntime","DropdownSearch","value","onChange","placeholder","testID","accessibilityLabel","handleChange","useCallback","text","jsxs","Block","flexDirection","alignItems","gap","width","undefined","children","jsx","Search","size","color","TextInput","onChangeText","placeholderTextColor","style","flex","fontSize","paddingVertical","displayName"],"sourceRoot":"../../../../../src","sources":["components/shared/dropdown/DropdownSearch.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAiD,IAAAI,WAAA,GAAAJ,OAAA;AAEjD;AACA;AACA;AACA;AACA;;AASO,SAASK,cAAcA,CAAC;EAC3BC,KAAK;EACLC,QAAQ;EACRC,WAAW,GAAG,WAAW;EACzBC,MAAM;EACNC,kBAAkB,GAAG;AACJ,CAAC,EAAE;EACpB,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC3BC,IAAY,IAAK;IACdN,QAAQ,CAACM,IAAI,CAAC;EAClB,CAAC,EACD,CAACN,QAAQ,CACb,CAAC;EAED,oBACI,IAAAH,WAAA,CAAAU,IAAA,EAACX,MAAA,CAAAY,KAAK;IACFC,aAAa,EAAC,KAAK;IACnBC,UAAU,EAAC,QAAQ;IACnBC,GAAG,EAAE,CAAE;IACPC,KAAK,EAAC,MAAM;IACZV,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGW,SAAU;IAAAC,QAAA,gBAEhD,IAAAjB,WAAA,CAAAkB,GAAA,EAACrB,kBAAA,CAAAsB,MAAM;MAACC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAC;IAAS,CAAE,CAAC,eACpC,IAAArB,WAAA,CAAAkB,GAAA,EAACpB,YAAA,CAAAwB,SAAS;MACNpB,KAAK,EAAEA,KAAM;MACbqB,YAAY,EAAEhB,YAAa;MAC3BH,WAAW,EAAEA,WAAY;MACzBoB,oBAAoB,EAAC,SAAS;MAC9BlB,kBAAkB,EAAEA,kBAAmB;MACvCD,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,eAAe,GAAGW,SAAU;MACtDS,KAAK,EAAE;QACHC,IAAI,EAAE,CAAC;QACPC,QAAQ,EAAE,EAAE;QACZN,KAAK,EAAE,SAAS;QAChBO,eAAe,EAAE;MACrB;IAAE,CACL,CAAC;EAAA,CACC,CAAC;AAEhB;AAEA3B,cAAc,CAAC4B,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/commonjs/components/shared/dropdown/DropdownSeparator.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownSeparator = DropdownSeparator;
+var _cssStringAdapter = require("../../../adapters/cssStringAdapter.js");
+var _Separator = require("../../../primitives/Separator.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Divider between dropdown groups. Renders as a thin horizontal line.
+ */
+
+function DropdownSeparator({
+  color,
+  height = 1,
+  margin,
+  testID
+}) {
+  const marginValue = (0, _cssStringAdapter.parseDimension)(margin);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Separator.Separator, {
+    orientation: "horizontal",
+    length: "100%",
+    thickness: height,
+    color: color,
+    style: marginValue != null ? {
+      marginVertical: marginValue
+    } : undefined,
+    testID: testID
+  });
+}
+DropdownSeparator.displayName = 'DropdownSeparator';
+//# sourceMappingURL=DropdownSeparator.js.map

package/lib/commonjs/components/shared/dropdown/DropdownSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_cssStringAdapter","require","_Separator","_jsxRuntime","DropdownSeparator","color","height","margin","testID","marginValue","parseDimension","jsx","Separator","orientation","length","thickness","style","marginVertical","undefined","displayName"],"sourceRoot":"../../../../../src","sources":["components/shared/dropdown/DropdownSeparator.tsx"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAyD,IAAAE,WAAA,GAAAF,OAAA;AAEzD;AACA;AACA;;AAQO,SAASG,iBAAiBA,CAAC;EAC9BC,KAAK;EACLC,MAAM,GAAG,CAAC;EACVC,MAAM;EACNC;AACoB,CAAC,EAAE;EACvB,MAAMC,WAAW,GAAG,IAAAC,gCAAc,EAACH,MAAM,CAA+B;EACxE,oBACI,IAAAJ,WAAA,CAAAQ,GAAA,EAACT,UAAA,CAAAU,SAAS;IACNC,WAAW,EAAC,YAAY;IACxBC,MAAM,EAAC,MAAM;IACbC,SAAS,EAAET,MAAO;IAClBD,KAAK,EAAEA,KAAM;IACbW,KAAK,EACDP,WAAW,IAAI,IAAI,GACb;MAAEQ,cAAc,EAAER;IAAY,CAAC,GAC/BS,SACT;IACDV,MAAM,EAAEA;EAAO,CAClB,CAAC;AAEV;AAEAJ,iBAAiB,CAACe,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/lib/commonjs/components/shared/dropdown/dropdown.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=dropdown.types.js.map

package/lib/commonjs/components/shared/dropdown/dropdown.types.js.map

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

package/lib/commonjs/components/shared/dropdown/dropdownFilter.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterGroups = filterGroups;
+exports.filterItem = filterItem;
+/**
+ * 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).
+ */
+
+/**
+ * Filter a single item against a query. Returns the item (with filtered
+ * sub-items) if it or any descendant matches, or `null` otherwise.
+ */
+function filterItem(item, queryLower) {
+  const matches = item.primaryText.toLowerCase().includes(queryLower) || item.secondaryText != null && item.secondaryText.toLowerCase().includes(queryLower);
+  if (item.subItems) {
+    const filteredSubItems = item.subItems.map(sub => filterItem(sub, queryLower)).filter(x => x !== null);
+    if (filteredSubItems.length > 0 || matches) {
+      return {
+        ...item,
+        subItems: filteredSubItems
+      };
+    }
+    return null;
+  }
+  return matches ? item : null;
+}
+
+/**
+ * Filter a list of groups. Groups with no surviving items are dropped.
+ */
+function filterGroups(groups, query) {
+  if (!query) return groups;
+  const queryLower = query.toLowerCase();
+  return groups.map(group => {
+    const filteredItems = group.items.map(item => filterItem(item, queryLower)).filter(x => x !== null);
+    if (filteredItems.length === 0) return null;
+    return {
+      ...group,
+      items: filteredItems
+    };
+  }).filter(x => x !== null);
+}
+//# sourceMappingURL=dropdownFilter.js.map

package/lib/commonjs/components/shared/dropdown/dropdownFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["filterItem","item","queryLower","matches","primaryText","toLowerCase","includes","secondaryText","subItems","filteredSubItems","map","sub","filter","x","length","filterGroups","groups","query","group","filteredItems","items"],"sourceRoot":"../../../../../src","sources":["components/shared/dropdown/dropdownFilter.ts"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACO,SAASA,UAAUA,CACtBC,IAAW,EACXC,UAAkB,EACN;EACZ,MAAMC,OAAO,GACTF,IAAI,CAACG,WAAW,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACJ,UAAU,CAAC,IAClDD,IAAI,CAACM,aAAa,IAAI,IAAI,IACvBN,IAAI,CAACM,aAAa,CAACF,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACJ,UAAU,CAAE;EAE9D,IAAID,IAAI,CAACO,QAAQ,EAAE;IACf,MAAMC,gBAAgB,GAAGR,IAAI,CAACO,QAAQ,CACjCE,GAAG,CAAEC,GAAG,IAAKX,UAAU,CAACW,GAAG,EAAET,UAAU,CAAC,CAAC,CACzCU,MAAM,CAAEC,CAAC,IAAiBA,CAAC,KAAK,IAAI,CAAC;IAC1C,IAAIJ,gBAAgB,CAACK,MAAM,GAAG,CAAC,IAAIX,OAAO,EAAE;MACxC,OAAO;QAAE,GAAGF,IAAI;QAAEO,QAAQ,EAAEC;MAAiB,CAAC;IAClD;IACA,OAAO,IAAI;EACf;EAEA,OAAON,OAAO,GAAGF,IAAI,GAAG,IAAI;AAChC;;AAEA;AACA;AACA;AACO,SAASc,YAAYA,CAG1BC,MAAgB,EAAEC,KAAa,EAAY;EACzC,IAAI,CAACA,KAAK,EAAE,OAAOD,MAAM;EACzB,MAAMd,UAAU,GAAGe,KAAK,CAACZ,WAAW,CAAC,CAAC;EACtC,OAAOW,MAAM,CACRN,GAAG,CAAEQ,KAAK,IAAK;IACZ,MAAMC,aAAa,GAAGD,KAAK,CAACE,KAAK,CAC5BV,GAAG,CAAET,IAAI,IAAKD,UAAU,CAACC,IAAI,EAAEC,UAAU,CAAC,CAAC,CAC3CU,MAAM,CAAEC,CAAC,IAAiBA,CAAC,KAAK,IAAI,CAAC;IAC1C,IAAIM,aAAa,CAACL,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;IAC3C,OAAO;MAAE,GAAGI,KAAK;MAAEE,KAAK,EAAED;IAAc,CAAC;EAC7C,CAAC,CAAC,CACDP,MAAM,CAAEC,CAAC,IAAkBA,CAAC,KAAK,IAAI,CAAC;AAC/C","ignoreList":[]}

package/lib/commonjs/components/shared/dropdown/dropdownFlatten.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.flattenGroups = flattenGroups;
+/**
+ * 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`.
+ */
+function flattenGroups(groups) {
+  const flattened = [];
+  let idCounter = 0;
+  groups.forEach((group, groupId) => {
+    if (group.label) {
+      flattened.push({
+        id: `label-${groupId}`,
+        type: 'label',
+        label: group.label,
+        groupId
+      });
+    }
+    group.items.forEach(item => {
+      flattened.push({
+        id: item.id || `item-${idCounter++}`,
+        type: 'item',
+        item,
+        groupId
+      });
+    });
+    if (groupId !== groups.length - 1 && group.showSeparator) {
+      flattened.push({
+        id: `separator-${groupId}`,
+        type: 'separator',
+        groupId
+      });
+    }
+  });
+  return flattened;
+}
+//# sourceMappingURL=dropdownFlatten.js.map

package/lib/commonjs/components/shared/dropdown/dropdownFlatten.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["flattenGroups","groups","flattened","idCounter","forEach","group","groupId","label","push","id","type","items","item","length","showSeparator"],"sourceRoot":"../../../../../src","sources":["components/shared/dropdown/dropdownFlatten.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CACzBC,MAIE,EACsB;EACxB,MAAMC,SAAmC,GAAG,EAAE;EAC9C,IAAIC,SAAS,GAAG,CAAC;EAEjBF,MAAM,CAACG,OAAO,CAAC,CAACC,KAAK,EAAEC,OAAO,KAAK;IAC/B,IAAID,KAAK,CAACE,KAAK,EAAE;MACbL,SAAS,CAACM,IAAI,CAAC;QACXC,EAAE,EAAE,SAASH,OAAO,EAAE;QACtBI,IAAI,EAAE,OAAO;QACbH,KAAK,EAAEF,KAAK,CAACE,KAAK;QAClBD;MACJ,CAAC,CAAC;IACN;IAEAD,KAAK,CAACM,KAAK,CAACP,OAAO,CAAEQ,IAAI,IAAK;MAC1BV,SAAS,CAACM,IAAI,CAAC;QACXC,EAAE,EAAEG,IAAI,CAACH,EAAE,IAAI,QAAQN,SAAS,EAAE,EAAE;QACpCO,IAAI,EAAE,MAAM;QACZE,IAAI;QACJN;MACJ,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,IAAIA,OAAO,KAAKL,MAAM,CAACY,MAAM,GAAG,CAAC,IAAIR,KAAK,CAACS,aAAa,EAAE;MACtDZ,SAAS,CAACM,IAAI,CAAC;QACXC,EAAE,EAAE,aAAaH,OAAO,EAAE;QAC1BI,IAAI,EAAE,WAAW;QACjBJ;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EAEF,OAAOJ,SAAS;AACpB","ignoreList":[]}