everkit-ui 0.1.0

package/dist/commonjs/components/ProgressBar.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressBar = ProgressBar;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _Text = require("./Text.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.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); }
+const DEFAULT_HEIGHT = 10;
+const SPRING_CONFIG = {
+  damping: 18,
+  stiffness: 120,
+  mass: 1
+};
+
+/**
+ * Theme-agnostic animated horizontal progress bar — a generic fill primitive.
+ * The header row (optional leading icon + `label`, with `trailingLabel` on the
+ * right) carries no domain meaning: names and values are injected by the caller.
+ *
+ * Colour comes INLINE from {@link useColors}: the fill defaults to
+ * `brand.primary` and the track to `bg.secondary`, both overridable via `color`
+ * / `trackColor`. The label tints from `color` (so it matches the fill) and the
+ * trailing label from `text.tertiary`. Layout (gaps + spacing) is applied INLINE
+ * from the library-owned {@link SPACE} scale, so the bar renders with no
+ * NativeWind setup in the consumer; `style` is an inline override merged last.
+ *
+ * When `animated` the fill width springs to `progress` on change (matching the
+ * source's `withSpring` feel); otherwise it snaps. `progress` is clamped to
+ * `0`–`1`.
+ */
+function ProgressBar({
+  progress,
+  label,
+  trailingLabel,
+  icon,
+  color,
+  trackColor,
+  height = DEFAULT_HEIGHT,
+  animated = true,
+  style
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const fillColor = color ?? colors.brand.primary;
+  const track = trackColor ?? colors.bg.secondary;
+  const clamped = Math.max(0, Math.min(progress, 1));
+  const progressAnim = (0, _reactNativeReanimated.useSharedValue)(animated ? 0 : clamped);
+  (0, _react.useEffect)(() => {
+    progressAnim.value = animated ? (0, _reactNativeReanimated.withSpring)(clamped, SPRING_CONFIG) : clamped;
+  }, [clamped, animated, progressAnim]);
+  const barStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    width: `${progressAnim.value * 100}%`
+  }));
+  const hasHeader = !!label || !!trailingLabel || !!icon;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: style,
+    children: [hasHeader ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        marginBottom: _scale.SPACE['2']
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: _scale.SPACE['1']
+        },
+        children: [icon ?? null, label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "label-md",
+          style: {
+            color: fillColor
+          },
+          children: label
+        }) : null]
+      }), trailingLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "caption",
+        style: {
+          color: colors.text.tertiary
+        },
+        children: trailingLabel
+      }) : null]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: '100%',
+        height,
+        borderRadius: height / 2,
+        backgroundColor: track,
+        overflow: 'hidden'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: [{
+          height,
+          borderRadius: height / 2,
+          backgroundColor: fillColor
+        }, barStyle]
+      })
+    })]
+  });
+}
+//# sourceMappingURL=ProgressBar.js.map

package/dist/commonjs/components/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_Text","_ThemeProvider","_scale","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_HEIGHT","SPRING_CONFIG","damping","stiffness","mass","ProgressBar","progress","label","trailingLabel","icon","color","trackColor","height","animated","style","colors","useColors","fillColor","brand","primary","track","bg","secondary","clamped","Math","max","min","progressAnim","useSharedValue","useEffect","value","withSpring","barStyle","useAnimatedStyle","width","hasHeader","jsxs","View","children","flexDirection","alignItems","justifyContent","marginBottom","SPACE","gap","jsx","Text","variant","text","tertiary","borderRadius","backgroundColor","overflow"],"sourceRoot":"../../../src","sources":["components/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/ScreenGradient.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScreenGradient = ScreenGradient;
+var _reactNative = require("react-native");
+var _expoLinearGradient = require("expo-linear-gradient");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _hexToRgba = require("../internal/hexToRgba.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Theme-agnostic full-screen background — the base every scaffold (`FormScreen`,
+ * `DetailScreen`, `AuthFormScreen`) wraps its content in.
+ *
+ * Color comes INLINE from {@link useColors}: the base stops are
+ * `colors.gradient.screen` (a `[string, string, ...]` tuple the theme owns), so
+ * the screen background follows any injected palette rather than a
+ * `bg-bg-primary` className (NativeWind's CSS-variable path doesn't resolve
+ * reliably on native — it left screens rendering plain white). A faint diagonal
+ * brand WASH is layered on top for depth; its color is DERIVED from
+ * `colors.brand.primary` at 10% via {@link hexToRgba} (never a literal brand
+ * rgba), fading to a generic `'transparent'`. Works in light and dark
+ * automatically.
+ *
+ * Usage: wrap a screen's content and put the (transparent) SafeAreaView inside.
+ */
+function ScreenGradient({
+  children,
+  style
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+
+  // Brand-derived wash — terracotta/green/etc. follows the theme's brand.primary.
+  const washStops = [(0, _hexToRgba.hexToRgba)(colors.brand.primary, 0.1), 'transparent'];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_expoLinearGradient.LinearGradient, {
+    colors: colors.gradient.screen,
+    locations: [0, 0.6, 1],
+    start: {
+      x: 0.5,
+      y: 0
+    },
+    end: {
+      x: 0.5,
+      y: 1
+    },
+    style: [styles.fill, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+      pointerEvents: "none",
+      colors: washStops,
+      start: {
+        x: 0.85,
+        y: 0
+      },
+      end: {
+        x: 0.25,
+        y: 0.55
+      },
+      style: _reactNative.StyleSheet.absoluteFill
+    }), children]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  fill: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=ScreenGradient.js.map

package/dist/commonjs/components/ScreenGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_expoLinearGradient","_ThemeProvider","_hexToRgba","_jsxRuntime","ScreenGradient","children","style","colors","useColors","washStops","hexToRgba","brand","primary","jsxs","LinearGradient","gradient","screen","locations","start","x","y","end","styles","fill","jsx","pointerEvents","StyleSheet","absoluteFill","create","flex"],"sourceRoot":"../../../src","sources":["components/ScreenGradient.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAiD,IAAAI,WAAA,GAAAJ,OAAA;AAQjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,cAAcA,CAAC;EAAEC,QAAQ;EAAEC;AAA2B,CAAC,EAAE;EACvE,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;;EAE1B;EACA,MAAMC,SAAS,GAAG,CAAC,IAAAC,oBAAS,EAACH,MAAM,CAACI,KAAK,CAACC,OAAO,EAAE,GAAG,CAAC,EAAE,aAAa,CAAU;EAEhF,oBACE,IAAAT,WAAA,CAAAU,IAAA,EAACb,mBAAA,CAAAc,cAAc;IACbP,MAAM,EAAEA,MAAM,CAACQ,QAAQ,CAACC,MAAO;IAC/BC,SAAS,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;IACvBC,KAAK,EAAE;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE;IAAE,CAAE;IACxBC,GAAG,EAAE;MAAEF,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE;IAAE,CAAE;IACtBd,KAAK,EAAE,CAACgB,MAAM,CAACC,IAAI,EAAEjB,KAAK,CAAE;IAAAD,QAAA,gBAE5B,IAAAF,WAAA,CAAAqB,GAAA,EAACxB,mBAAA,CAAAc,cAAc;MACbW,aAAa,EAAC,MAAM;MACpBlB,MAAM,EAAEE,SAAU;MAClBS,KAAK,EAAE;QAAEC,CAAC,EAAE,IAAI;QAAEC,CAAC,EAAE;MAAE,CAAE;MACzBC,GAAG,EAAE;QAAEF,CAAC,EAAE,IAAI;QAAEC,CAAC,EAAE;MAAK,CAAE;MAC1Bd,KAAK,EAAEoB,uBAAU,CAACC;IAAa,CAChC,CAAC,EACDtB,QAAQ;EAAA,CACK,CAAC;AAErB;AAEA,MAAMiB,MAAM,GAAGI,uBAAU,CAACE,MAAM,CAAC;EAAEL,IAAI,EAAE;IAAEM,IAAI,EAAE;EAAE;AAAE,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/components/ScreenHeader.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScreenHeader = ScreenHeader;
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _Text = require("./Text.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Theme-agnostic screen header — back chevron on the left, optional
+ * title + subtitle in the middle, optional right-action slot on the right.
+ * Safe-area is owned by the parent scaffold.
+ *
+ * Color comes INLINE from {@link useColors}: the chevron is `text.primary`, the
+ * title defaults to `text.primary` (via {@link Text}), and the subtitle is
+ * `text.secondary`. Layout (flex, padding, gap) is applied INLINE from the
+ * library-owned {@link SPACE} scale, so the header renders with no NativeWind
+ * setup in the consumer; `style` is an inline override merged last.
+ *
+ * Router-decoupled: `onBack` is a plain callback wired straight to the back
+ * Pressable's `onPress` — there is deliberately NO `expo-router` import and NO
+ * `router.back()` default. The consuming app supplies navigation.
+ */
+function ScreenHeader({
+  title,
+  subtitle,
+  onBack,
+  showBack = true,
+  rightActions,
+  variant = 'detail',
+  style
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const hasTitle = Boolean(title) || Boolean(subtitle);
+  const titleVariant = variant === 'form' ? 'display-sm' : 'heading-lg';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.root, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.left,
+      children: [showBack ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: onBack,
+        hitSlop: 12,
+        accessibilityRole: "button",
+        accessibilityLabel: "Go back",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ArrowLeft, {
+          size: 24,
+          color: colors.text.primary
+        })
+      }) : null, hasTitle ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.titleSlot,
+        children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: titleVariant,
+          numberOfLines: 1,
+          children: title
+        }) : null, subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "caption",
+          numberOfLines: 1,
+          style: {
+            color: colors.text.secondary
+          },
+          children: subtitle
+        }) : null]
+      }) : null]
+    }), rightActions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.rightActions,
+      children: rightActions
+    }) : null]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: _scale.SPACE['5'],
+    paddingTop: _scale.SPACE['4'],
+    paddingBottom: _scale.SPACE['4']
+  },
+  left: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _scale.SPACE['3'],
+    flex: 1
+  },
+  titleSlot: {
+    flex: 1
+  },
+  rightActions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _scale.SPACE['4']
+  }
+});
+//# sourceMappingURL=ScreenHeader.js.map

package/dist/commonjs/components/ScreenHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_lucideReactNative","_Text","_ThemeProvider","_scale","_jsxRuntime","ScreenHeader","title","subtitle","onBack","showBack","rightActions","variant","style","colors","useColors","hasTitle","Boolean","titleVariant","jsxs","View","styles","root","children","left","jsx","Pressable","onPress","hitSlop","accessibilityRole","accessibilityLabel","ArrowLeft","size","color","text","primary","titleSlot","Text","numberOfLines","secondary","StyleSheet","create","flexDirection","alignItems","justifyContent","paddingHorizontal","SPACE","paddingTop","paddingBottom","gap","flex"],"sourceRoot":"../../../src","sources":["components/ScreenHeader.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/SearchInput.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchInput = SearchInput;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _geometry = require("../theme/geometry.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Theme-agnostic debounced search field — a pill with a leading magnifier and a
+ * trailing clear button. The field updates immediately for a responsive feel
+ * while `onChangeText` is debounced (`debounceMs`) so list filtering doesn't run
+ * on every keystroke.
+ *
+ * Every colour comes INLINE from {@link useColors}: the pill fills with
+ * `bg.secondary`, the icons + placeholder are `text.tertiary`, and the typed
+ * text is `text.primary`. The field font comes from the theme's `body-md`
+ * variant (family + geometry) rather than a `font-*` className — the pilot
+ * consumer's hardcoded `font-quicksand-medium` is removed. Layout (flex,
+ * padding, radius) is applied INLINE from the library-owned {@link SPACE}/
+ * {@link RADIUS} scale, so the field renders with no NativeWind setup in the
+ * consumer; `style` is an inline override merged last.
+ */
+function SearchInput({
+  value,
+  onChangeText,
+  placeholder = 'Search...',
+  debounceMs = 300,
+  style
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const typography = (0, _ThemeProvider.useTypography)();
+  const [localValue, setLocalValue] = (0, _react.useState)(value);
+  const debounceRef = (0, _react.useRef)(null);
+
+  // Sync local state when the parent value changes (e.g. cleared from outside).
+  (0, _react.useEffect)(() => {
+    setLocalValue(value);
+  }, [value]);
+
+  // Clear the pending timeout on unmount.
+  (0, _react.useEffect)(() => {
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+    };
+  }, []);
+  const handleChangeText = (0, _react.useCallback)(text => {
+    setLocalValue(text);
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    if (debounceMs <= 0) {
+      onChangeText(text);
+      return;
+    }
+    debounceRef.current = setTimeout(() => {
+      onChangeText(text);
+    }, debounceMs);
+  }, [onChangeText, debounceMs]);
+  const handleClear = (0, _react.useCallback)(() => {
+    setLocalValue('');
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    onChangeText('');
+  }, [onChangeText]);
+  const geometry = _geometry.VARIANT_GEOMETRY['body-md'];
+  const fieldFont = {
+    fontFamily: typography.fontFamily['body-md'],
+    fontSize: geometry.fontSize,
+    lineHeight: geometry.lineHeight,
+    letterSpacing: geometry.letterSpacing
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderRadius: _scale.RADIUS.full,
+      paddingHorizontal: _scale.SPACE['4'],
+      height: 44,
+      backgroundColor: colors.bg.secondary
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Search, {
+      size: 18,
+      color: colors.text.tertiary
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      style: [{
+        flex: 1,
+        marginLeft: _scale.SPACE['2']
+      }, fieldFont, {
+        color: colors.text.primary
+      }],
+      placeholder: placeholder,
+      placeholderTextColor: colors.text.tertiary,
+      value: localValue,
+      onChangeText: handleChangeText,
+      returnKeyType: "search",
+      autoCapitalize: "none",
+      autoCorrect: false,
+      accessibilityLabel: "Search",
+      accessibilityHint: placeholder
+    }), localValue.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: handleClear,
+      style: {
+        width: 44,
+        height: 44,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginRight: -_scale.SPACE['2']
+      },
+      hitSlop: 0,
+      accessibilityRole: "button",
+      accessibilityLabel: "Clear search",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.X, {
+        size: 18,
+        color: colors.text.tertiary
+      })
+    })]
+  });
+}
+//# sourceMappingURL=SearchInput.js.map

package/dist/commonjs/components/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_lucideReactNative","_ThemeProvider","_geometry","_scale","_jsxRuntime","SearchInput","value","onChangeText","placeholder","debounceMs","style","colors","useColors","typography","useTypography","localValue","setLocalValue","useState","debounceRef","useRef","useEffect","current","clearTimeout","handleChangeText","useCallback","text","setTimeout","handleClear","geometry","VARIANT_GEOMETRY","fieldFont","fontFamily","fontSize","lineHeight","letterSpacing","jsxs","View","flexDirection","alignItems","borderRadius","RADIUS","full","paddingHorizontal","SPACE","height","backgroundColor","bg","secondary","children","jsx","Search","size","color","tertiary","TextInput","flex","marginLeft","primary","placeholderTextColor","returnKeyType","autoCapitalize","autoCorrect","accessibilityLabel","accessibilityHint","length","Pressable","onPress","width","justifyContent","marginRight","hitSlop","accessibilityRole","X"],"sourceRoot":"../../../src","sources":["components/SearchInput.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/SelectionSheet.js

@@ -0,0 +1,243 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectionSheet = SelectionSheet;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _Text = require("./Text.js");
+var _AppImage = require("./AppImage.js");
+var _SearchInput = require("./SearchInput.js");
+var _BottomActionSheet = require("./BottomActionSheet.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+// ---------------------------------------------------------------------------
+// Public types
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+
+const THUMB_SIZE = 44;
+const ROW_MIN_HEIGHT = 64;
+/** Sheet body as a fraction of the window — a tall picker, like a snap point. */
+const SHEET_HEIGHT_RATIO = 0.82;
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+/**
+ * Theme-agnostic selection sheet — a searchable, single-select picker on top of
+ * the library's {@link BottomActionSheet}. Each row is a leading thumbnail (or a
+ * fallback {@link SelectionSheetItem.icon} disc), a label + optional subtitle,
+ * and a check on the selected row.
+ *
+ * Generic over the item payload `T`: `items` carry the raw entity in `data`,
+ * which is handed straight back through `onSelect`, so the same sheet picks a
+ * tea, a contact, a workspace — anything one-line. Domain-free: no app store,
+ * router, or icon namespace; the caller supplies the (pre-sorted) items.
+ *
+ * Built on {@link BottomActionSheet} (a `Modal`, not `@gorhom/bottom-sheet`) so
+ * it needs no gesture/animation peer, with {@link SearchInput} for the filter
+ * (label + subtitle, case-insensitive) and a `FlatList` body. The query resets
+ * each time the sheet closes. Colour comes INLINE from {@link useColors};
+ * spacing from the {@link SPACE} scale.
+ */
+function SelectionSheet({
+  visible,
+  onClose,
+  title,
+  items,
+  selectedId,
+  onSelect,
+  searchable = true,
+  searchPlaceholder = 'Search…',
+  emptyState
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const {
+    height
+  } = (0, _reactNative.useWindowDimensions)();
+  const [query, setQuery] = (0, _react.useState)('');
+
+  // Reset the query whenever the sheet closes so the next open starts clean.
+  (0, _react.useEffect)(() => {
+    if (!visible) setQuery('');
+  }, [visible]);
+
+  // Case-insensitive filter across label AND subtitle.
+  const filteredItems = (0, _react.useMemo)(() => {
+    const needle = query.trim().toLowerCase();
+    if (!needle) return items;
+    return items.filter(it => {
+      const inLabel = it.label.toLowerCase().includes(needle);
+      const inSubtitle = it.subtitle?.toLowerCase().includes(needle) ?? false;
+      return inLabel || inSubtitle;
+    });
+  }, [items, query]);
+  const handleSelect = (0, _react.useCallback)(item => {
+    onSelect(item);
+    onClose();
+  }, [onSelect, onClose]);
+  const keyExtractor = (0, _react.useCallback)(item => item.id, []);
+  const renderItem = (0, _react.useCallback)(({
+    item
+  }) => {
+    const isSelected = item.id === selectedId;
+    const Icon = item.icon;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      onPress: () => handleSelect(item),
+      accessibilityRole: "button",
+      accessibilityLabel: item.label,
+      accessibilityState: {
+        selected: isSelected
+      },
+      style: ({
+        pressed
+      }) => ({
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: _scale.SPACE['4'],
+        paddingVertical: _scale.SPACE['2.5'],
+        minHeight: ROW_MIN_HEIGHT,
+        backgroundColor: isSelected ? colors.bg.tertiary : pressed ? colors.bg.secondary : 'transparent'
+      }),
+      children: [item.imageUri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppImage.AppImage, {
+        source: {
+          uri: item.imageUri
+        },
+        style: {
+          width: THUMB_SIZE,
+          height: THUMB_SIZE,
+          borderRadius: THUMB_SIZE / 2,
+          backgroundColor: colors.bg.secondary
+        },
+        contentFit: "cover",
+        transition: 120,
+        recyclingKey: item.id
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: THUMB_SIZE,
+          height: THUMB_SIZE,
+          borderRadius: THUMB_SIZE / 2,
+          backgroundColor: colors.bg.secondary,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+          size: 20,
+          color: colors.text.tertiary
+        }) : null
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          marginLeft: _scale.SPACE['3']
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "body-lg",
+          numberOfLines: 1,
+          children: item.label
+        }), item.subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "caption",
+          numberOfLines: 1,
+          style: {
+            color: colors.text.tertiary,
+            marginTop: 2
+          },
+          children: item.subtitle
+        }) : null]
+      }), isSelected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Check, {
+        size: 20,
+        color: colors.brand.primary
+      }) : null]
+    });
+  }, [colors, handleSelect, selectedId]);
+  const showEmpty = filteredItems.length === 0;
+  const defaultEmpty = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      paddingTop: _scale.SPACE['12'],
+      alignItems: 'center'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "body-md",
+      style: {
+        color: colors.text.tertiary
+      },
+      children: "Nothing here"
+    })
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomActionSheet.BottomActionSheet, {
+    visible: visible,
+    onClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        height: Math.round(height * SHEET_HEIGHT_RATIO)
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+          paddingHorizontal: _scale.SPACE['4'],
+          marginBottom: _scale.SPACE['3']
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "heading-lg",
+          children: title
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: onClose,
+          accessibilityRole: "button",
+          accessibilityLabel: "Close",
+          hitSlop: 12,
+          style: {
+            width: 32,
+            height: 32,
+            borderRadius: 16,
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: colors.bg.secondary
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.X, {
+            size: 18,
+            color: colors.text.secondary
+          })
+        })]
+      }), searchable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchInput.SearchInput, {
+        value: query,
+        onChangeText: setQuery,
+        placeholder: searchPlaceholder,
+        debounceMs: 0,
+        style: {
+          marginHorizontal: _scale.SPACE['4'],
+          marginBottom: _scale.SPACE['3']
+        }
+      }) : null, showEmpty ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flex: 1
+        },
+        children: emptyState ?? defaultEmpty
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+        data: filteredItems,
+        keyExtractor: keyExtractor,
+        renderItem: renderItem,
+        style: {
+          flex: 1
+        }
+        // `"always"` lets a row own the first tap while the search field
+        // holds focus (the New-Architecture keyboard-persist contract).
+        ,
+        keyboardShouldPersistTaps: "always",
+        keyboardDismissMode: "on-drag",
+        contentContainerStyle: {
+          paddingBottom: _scale.SPACE['2']
+        }
+      })]
+    })
+  });
+}
+//# sourceMappingURL=SelectionSheet.js.map