@cyberkaidev/ui 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useTheme","useThemedStyles","heightDP","Button","Text","jsx","_jsx","jsxs","_jsxs","Title","children","color","weight","Content","onPress","styles","makeStyles","isInteractive","disabled","style","content","Container","marginB","marginT","colors","items","Children","toArray","container","marginTop","marginBottom","backgroundColor","surface","borderColor","border","map","child","index","Fragment","length","line","InforList","t","create","width","alignItems","borderRadius","radius_20","overflow","borderWidth","flexDirection","justifyContent","height","paddingHorizontal","spaces","horizontal","l","flex","marginLeft"],"sourceRoot":"../../../src","sources":["components/InforList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/LoadingApp.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import { ActivityIndicator, Modal, StyleSheet, View } from 'react-native';
+import { useTheme } from "../ThemeProvider.js";
+import { useLoadingApp } from "../stores/useLoadingApp.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Blocking full-screen loading overlay. Drive it with `useLoadingApp().setLoadingVisible(...)`. */
+export function LoadingApp({
+  label
+}) {
+  const {
+    colors,
+    spaces
+  } = useTheme();
+  const {
+    visible
+  } = useLoadingApp();
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    transparent: true,
+    statusBarTranslucent: true,
+    animationType: "fade",
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.background, {
+        backgroundColor: colors.background_60
+      }],
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.content,
+        children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+          color: colors.text,
+          size: "small"
+        }), label ? /*#__PURE__*/_jsx(Text, {
+          marginL: spaces.horizontal.s,
+          weight: "medium",
+          children: label
+        }) : null]
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  background: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  content: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=LoadingApp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","Modal","StyleSheet","View","useTheme","useLoadingApp","Text","jsx","_jsx","jsxs","_jsxs","LoadingApp","label","colors","spaces","visible","transparent","statusBarTranslucent","animationType","children","style","styles","background","backgroundColor","background_60","content","color","text","size","marginL","horizontal","s","weight","create","position","top","left","right","bottom","justifyContent","alignItems","flexDirection"],"sourceRoot":"../../../src","sources":["components/LoadingApp.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,EAAEC,KAAK,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzE,SAASC,QAAQ,QAAQ,qBAAkB;AAC3C,SAASC,aAAa,QAAQ,4BAAyB;AACvD,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO9B;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC;AAAa,CAAC,EAAE;EAC3C,MAAM;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACrC,MAAM;IAAEW;EAAQ,CAAC,GAAGV,aAAa,CAAC,CAAC;EAEnC,oBACEG,IAAA,CAACP,KAAK;IACJc,OAAO,EAAEA,OAAQ;IACjBC,WAAW;IACXC,oBAAoB;IACpBC,aAAa,EAAC,MAAM;IAAAC,QAAA,eAEpBX,IAAA,CAACL,IAAI;MACHiB,KAAK,EAAE,CAACC,MAAM,CAACC,UAAU,EAAE;QAAEC,eAAe,EAAEV,MAAM,CAACW;MAAc,CAAC,CAAE;MAAAL,QAAA,eAEtET,KAAA,CAACP,IAAI;QAACiB,KAAK,EAAEC,MAAM,CAACI,OAAQ;QAAAN,QAAA,gBAC1BX,IAAA,CAACR,iBAAiB;UAAC0B,KAAK,EAAEb,MAAM,CAACc,IAAK;UAACC,IAAI,EAAC;QAAO,CAAE,CAAC,EACrDhB,KAAK,gBACJJ,IAAA,CAACF,IAAI;UAACuB,OAAO,EAAEf,MAAM,CAACgB,UAAU,CAACC,CAAE;UAACC,MAAM,EAAC,QAAQ;UAAAb,QAAA,EAChDP;QAAK,CACF,CAAC,GACL,IAAI;MAAA,CACJ;IAAC,CACH;EAAC,CACF,CAAC;AAEZ;AAEA,MAAMS,MAAM,GAAGnB,UAAU,CAAC+B,MAAM,CAAC;EAC/BX,UAAU,EAAE;IACVY,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDf,OAAO,EAAE;IACPgB,aAAa,EAAE,KAAK;IACpBF,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Overlays.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { LoadingApp } from "./LoadingApp.js";
+import { Toast } from "./Toast.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * App-wide overlays (`Toast` + `LoadingApp`). Mount **once** at the root of the
+ * app — inside `ThemeProvider`, as a sibling of your navigator. They render
+ * above everything and are driven from anywhere via `useToast` / `useLoadingApp`.
+ */
+export function Overlays({
+  loadingLabel
+}) {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Toast, {}), /*#__PURE__*/_jsx(LoadingApp, {
+      label: loadingLabel
+    })]
+  });
+}
+//# sourceMappingURL=Overlays.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["LoadingApp","Toast","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Overlays","loadingLabel","children","label"],"sourceRoot":"../../../src","sources":["components/Overlays.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc;AACzC,SAASC,KAAK,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAOhC;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EAAEC;AAAoB,CAAC,EAAE;EAChD,oBACEF,KAAA,CAAAF,SAAA;IAAAK,QAAA,gBACEP,IAAA,CAACF,KAAK,IAAE,CAAC,eACTE,IAAA,CAACH,UAAU;MAACW,KAAK,EAAEF;IAAa,CAAE,CAAC;EAAA,CACnC,CAAC;AAEP","ignoreList":[]}

package/lib/module/components/RippleEffect.js

@@ -0,0 +1,178 @@
+"use strict";
+
+import React from 'react';
+import { Animated, Easing, I18nManager, Pressable, StyleSheet, View } from 'react-native';
+import { useColors } from "../ThemeProvider.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CIRCLE_RADIUS = 10;
+const RELEASE_GROW_DURATION = 150;
+const RELEASE_FADE_DURATION = 250;
+const PRESS_FADE_IN_DURATION = 75;
+
+/** Wraps a child and paints a touch ripple at the press location. */
+export function RippleEffect({
+  children,
+  rippleColor,
+  rippleOpacity = 0.3,
+  rippleDuration = 400,
+  rippleSize = 0,
+  rippleContainerBorderRadius = 0,
+  rippleCentered = false,
+  rippleSequential = false,
+  rippleFades = true,
+  disabled = false,
+  onLayout,
+  onPressIn,
+  onPressOut,
+  ...pressableProps
+}) {
+  const colors = useColors();
+  const color = rippleColor ?? colors.text;
+  const [layout, setLayout] = React.useState({
+    width: 0,
+    height: 0
+  });
+  const [rippleIds, setRippleIds] = React.useState([]);
+  const ripplesRef = React.useRef(new Map());
+  const activeRippleRef = React.useRef(null);
+  const uniqueRef = React.useRef(0);
+  const handleLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setLayout({
+      width,
+      height
+    });
+    onLayout?.(event);
+  };
+  const handlePressIn = React.useCallback(event => {
+    onPressIn?.(event);
+    if (rippleSequential && ripplesRef.current.size) return;
+    const w2 = 0.5 * layout.width;
+    const h2 = 0.5 * layout.height;
+
+    // Fall back to the center when the gesture carries no coordinates.
+    const {
+      locationX,
+      locationY
+    } = rippleCentered || !event?.nativeEvent ? {
+      locationX: w2,
+      locationY: h2
+    } : event.nativeEvent;
+    const offsetX = Math.abs(w2 - locationX);
+    const offsetY = Math.abs(h2 - locationY);
+    const radius = rippleSize > 0 ? 0.5 * rippleSize : Math.sqrt((w2 + offsetX) ** 2 + (h2 + offsetY) ** 2);
+    const ripple = {
+      unique: uniqueRef.current++,
+      locationX,
+      locationY,
+      radius,
+      scale: new Animated.Value(0),
+      opacity: new Animated.Value(0)
+    };
+    ripplesRef.current.set(ripple.unique, ripple);
+    activeRippleRef.current = ripple.unique;
+    Animated.timing(ripple.scale, {
+      toValue: 1,
+      duration: rippleDuration,
+      easing: Easing.out(Easing.ease),
+      useNativeDriver: true
+    }).start();
+    Animated.timing(ripple.opacity, {
+      toValue: rippleOpacity,
+      duration: Math.min(rippleDuration, PRESS_FADE_IN_DURATION),
+      useNativeDriver: true
+    }).start();
+    setRippleIds(current => current.concat(ripple.unique));
+  }, [layout.width, layout.height, onPressIn, rippleCentered, rippleDuration, rippleOpacity, rippleSequential, rippleSize]);
+  const handlePressOut = React.useCallback(event => {
+    onPressOut?.(event);
+    const releasedUnique = activeRippleRef.current;
+    activeRippleRef.current = null;
+    if (releasedUnique === null) return;
+    const ripple = ripplesRef.current.get(releasedUnique);
+    if (!ripple) return;
+    const removeRipple = () => {
+      ripplesRef.current.delete(releasedUnique);
+      setRippleIds(current => current.filter(id => id !== releasedUnique));
+    };
+    if (!rippleFades) {
+      removeRipple();
+      return;
+    }
+    Animated.parallel([Animated.timing(ripple.scale, {
+      toValue: 1,
+      duration: RELEASE_GROW_DURATION,
+      useNativeDriver: true
+    }), Animated.timing(ripple.opacity, {
+      toValue: 0,
+      duration: RELEASE_FADE_DURATION,
+      useNativeDriver: true
+    })]).start(removeRipple);
+  }, [onPressOut, rippleFades]);
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ...pressableProps,
+    disabled: disabled,
+    onLayout: handleLayout,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    children: [children, /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: [styles.container, {
+        borderRadius: rippleContainerBorderRadius
+      }],
+      children: rippleIds.map(id => {
+        const ripple = ripplesRef.current.get(id);
+        if (!ripple) return null;
+        return /*#__PURE__*/_jsx(RippleCircle, {
+          ripple: ripple,
+          color: color
+        }, id);
+      })
+    })]
+  });
+}
+function RippleCircleComponent({
+  ripple,
+  color
+}) {
+  const {
+    locationX,
+    locationY,
+    radius,
+    scale,
+    opacity
+  } = ripple;
+  const rippleStyle = {
+    top: locationY - CIRCLE_RADIUS,
+    [I18nManager.isRTL ? 'right' : 'left']: locationX - CIRCLE_RADIUS,
+    backgroundColor: color,
+    opacity,
+    transform: [{
+      scale: scale.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0.5 / CIRCLE_RADIUS, radius / CIRCLE_RADIUS]
+      })
+    }]
+  };
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.circle, rippleStyle]
+  });
+}
+const RippleCircle = /*#__PURE__*/React.memo(RippleCircleComponent);
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject,
+    overflow: 'hidden'
+  },
+  circle: {
+    width: CIRCLE_RADIUS * 2,
+    height: CIRCLE_RADIUS * 2,
+    borderRadius: CIRCLE_RADIUS,
+    overflow: 'hidden',
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=RippleEffect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Easing","I18nManager","Pressable","StyleSheet","View","useColors","jsx","_jsx","jsxs","_jsxs","CIRCLE_RADIUS","RELEASE_GROW_DURATION","RELEASE_FADE_DURATION","PRESS_FADE_IN_DURATION","RippleEffect","children","rippleColor","rippleOpacity","rippleDuration","rippleSize","rippleContainerBorderRadius","rippleCentered","rippleSequential","rippleFades","disabled","onLayout","onPressIn","onPressOut","pressableProps","colors","color","text","layout","setLayout","useState","width","height","rippleIds","setRippleIds","ripplesRef","useRef","Map","activeRippleRef","uniqueRef","handleLayout","event","nativeEvent","handlePressIn","useCallback","current","size","w2","h2","locationX","locationY","offsetX","Math","abs","offsetY","radius","sqrt","ripple","unique","scale","Value","opacity","set","timing","toValue","duration","easing","out","ease","useNativeDriver","start","min","concat","handlePressOut","releasedUnique","get","removeRipple","delete","filter","id","parallel","pointerEvents","style","styles","container","borderRadius","map","RippleCircle","RippleCircleComponent","rippleStyle","top","isRTL","backgroundColor","transform","interpolate","inputRange","outputRange","circle","memo","create","absoluteFillObject","overflow","position"],"sourceRoot":"../../../src","sources":["components/RippleEffect.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Scaffold.js

@@ -0,0 +1,172 @@
+"use strict";
+
+import { FlashList } from '@shopify/flash-list';
+import React from 'react';
+import { View as RNView, StyleSheet } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useTheme } from "../ThemeProvider.js";
+import { APP_BAR_HEIGHT, APP_BAR_LARGE_HEIGHT } from "./AppBar.js";
+import { useTabBarHeight } from "./TabBar.js";
+
+/**
+ * Which top bar the screen renders, so the scrolling region can reserve the
+ * matching top inset: `large` = collapsing `AppBar` (`large`), `small` = fixed
+ * `AppBar`/`SearchBar`, `none` = no top bar (just the page inset).
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedFlashList = Animated.createAnimatedComponent(FlashList);
+
+/**
+ * Resolves the top/bottom content insets from the declared bars. `useTabBarHeight`
+ * already includes the bottom safe-area inset.
+ */
+function useBarSpace(spaceTopBar, spaceBottomBar) {
+  const {
+    pageSpacing
+  } = useTheme();
+  const {
+    bottom: safeBottom
+  } = useSafeAreaInsets();
+  const tabBarHeight = useTabBarHeight();
+  let top;
+  if (spaceTopBar === 'large') {
+    top = APP_BAR_LARGE_HEIGHT;
+  } else if (spaceTopBar === 'small') {
+    top = APP_BAR_HEIGHT;
+  } else {
+    top = pageSpacing.top;
+  }
+  const bottom = spaceBottomBar ? tabBarHeight + pageSpacing.bottom : pageSpacing.bottom + safeBottom;
+  return {
+    top,
+    bottom,
+    safeBottom
+  };
+}
+
+/** Full-screen page container. */
+function Body({
+  children,
+  surface,
+  testID
+}) {
+  const {
+    colors
+  } = useTheme();
+  const backgroundColor = surface ? colors.surface : colors.background;
+  return /*#__PURE__*/_jsx(RNView, {
+    testID: testID,
+    style: [styles.body, {
+      backgroundColor
+    }],
+    children: children
+  });
+}
+
+/**
+ * Non-scrolling content region with standard page insets. Content does not
+ * scroll under the fixed bars, so this takes no `spaceTopBar` / `spaceBottomBar`
+ * — pass an explicit `paddingTop` when a top bar covers it.
+ */
+function View({
+  children,
+  paddingHorizontal,
+  paddingTop,
+  testID
+}) {
+  const {
+    pageSpacing
+  } = useTheme();
+  return /*#__PURE__*/_jsx(RNView, {
+    testID: testID,
+    style: {
+      paddingHorizontal: paddingHorizontal ?? pageSpacing.horizontal,
+      paddingTop: paddingTop ?? pageSpacing.top
+    },
+    children: children
+  });
+}
+
+/** Scrolling content region with standard page insets. */
+function ScrollView({
+  children,
+  spaceTopBar,
+  spaceBottomBar,
+  paddingHorizontal,
+  paddingTop,
+  paddingBottom,
+  onScroll,
+  testID
+}) {
+  const {
+    pageSpacing
+  } = useTheme();
+  const bar = useBarSpace(spaceTopBar, spaceBottomBar);
+  const hPad = paddingHorizontal ?? pageSpacing.horizontal;
+  const tPad = paddingTop ?? bar.top;
+  const bPad = paddingBottom != null ? paddingBottom + bar.safeBottom : bar.bottom;
+  const contentContainerStyle = React.useMemo(() => ({
+    paddingHorizontal: hPad,
+    paddingTop: tPad,
+    paddingBottom: bPad
+  }), [hPad, tPad, bPad]);
+  return /*#__PURE__*/_jsx(Animated.ScrollView, {
+    testID: testID,
+    contentContainerStyle: contentContainerStyle,
+    showsVerticalScrollIndicator: false,
+    contentInsetAdjustmentBehavior: "never",
+    keyboardDismissMode: "interactive",
+    onScroll: onScroll,
+    scrollEventThrottle: onScroll ? 16 : undefined,
+    children: children
+  });
+}
+
+/** Virtualized list region with standard page insets. */
+function FlashListSection({
+  spaceTopBar,
+  spaceBottomBar,
+  paddingHorizontal,
+  paddingTop,
+  paddingBottom,
+  onScroll,
+  drawDistance = 250,
+  ...rest
+}) {
+  const {
+    pageSpacing
+  } = useTheme();
+  const bar = useBarSpace(spaceTopBar, spaceBottomBar);
+  const hPad = paddingHorizontal ?? pageSpacing.horizontal;
+  const tPad = paddingTop ?? bar.top;
+  const bPad = paddingBottom != null ? paddingBottom + bar.safeBottom : bar.bottom;
+  const contentContainerStyle = React.useMemo(() => ({
+    paddingHorizontal: hPad,
+    paddingTop: tPad,
+    paddingBottom: bPad
+  }), [hPad, tPad, bPad]);
+  const List = AnimatedFlashList;
+  return /*#__PURE__*/_jsx(List, {
+    contentContainerStyle: contentContainerStyle,
+    showsVerticalScrollIndicator: false,
+    contentInsetAdjustmentBehavior: "never",
+    keyboardDismissMode: "interactive",
+    onScroll: onScroll,
+    scrollEventThrottle: onScroll ? 16 : undefined,
+    drawDistance: drawDistance,
+    ...rest
+  });
+}
+export const Scaffold = {
+  Body,
+  View,
+  ScrollView,
+  FlashList: FlashListSection
+};
+const styles = StyleSheet.create({
+  body: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=Scaffold.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FlashList","React","View","RNView","StyleSheet","Animated","useSafeAreaInsets","useTheme","APP_BAR_HEIGHT","APP_BAR_LARGE_HEIGHT","useTabBarHeight","jsx","_jsx","AnimatedFlashList","createAnimatedComponent","useBarSpace","spaceTopBar","spaceBottomBar","pageSpacing","bottom","safeBottom","tabBarHeight","top","Body","children","surface","testID","colors","backgroundColor","background","style","styles","body","paddingHorizontal","paddingTop","horizontal","ScrollView","paddingBottom","onScroll","bar","hPad","tPad","bPad","contentContainerStyle","useMemo","showsVerticalScrollIndicator","contentInsetAdjustmentBehavior","keyboardDismissMode","scrollEventThrottle","undefined","FlashListSection","drawDistance","rest","List","Scaffold","create","flex"],"sourceRoot":"../../../src","sources":["components/Scaffold.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SearchBar.js

@@ -0,0 +1,161 @@
+"use strict";
+
+import { BlurView } from 'expo-blur';
+import Constants from 'expo-constants';
+import React from 'react';
+import { Platform, StyleSheet, TextInput, View } from 'react-native';
+import { Icon } from "../icons/Icon.js";
+import { useTheme, useThemedStyles } from "../ThemeProvider.js";
+import { pageSpacing } from "../theme.js";
+import { heightDP } from "../responsive.js";
+import { Button } from "./Button.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CONTENT_HEIGHT = heightDP(7);
+const IS_IOS = Platform.OS === 'ios';
+
+/**
+ * Total height of the fixed search bar, including the status bar. Uses the
+ * default `pageSpacing.top` — a themed override is not reflected here.
+ */
+export const SEARCH_BAR_HEIGHT = Constants.statusBarHeight + CONTENT_HEIGHT + pageSpacing.top;
+/** Fixed top search bar with a back control and a text field. */
+export function SearchBar({
+  placeholder,
+  onEnter,
+  onBack,
+  editable,
+  autoFocus
+}) {
+  const {
+    colors,
+    iconSize
+  } = useTheme();
+  const styles = useThemedStyles(makeStyles);
+  const inputRef = React.useRef(null);
+  const [value, setValue] = React.useState('');
+  const [isFocused, setIsFocused] = React.useState(false);
+  function handleSubmit() {
+    inputRef.current?.blur();
+    onEnter(value.trim());
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: colors.surface_90,
+      borderBottomColor: colors.border
+    }],
+    children: [IS_IOS && /*#__PURE__*/_jsx(BlurView, {
+      style: styles.blur,
+      tint: "dark",
+      intensity: 20
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.radiusOverflow,
+        children: /*#__PURE__*/_jsx(Button, {
+          testID: "search-bar-back-button",
+          hitSlop: {
+            top: 20,
+            bottom: 20,
+            left: 25,
+            right: 15
+          },
+          onPress: onBack,
+          style: styles.iconButton,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "arrow_back",
+            color: colors.text
+          })
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.inputWrapper,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.icon,
+          pointerEvents: "none",
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "search",
+            size: iconSize.s,
+            color: colors.text
+          })
+        }), /*#__PURE__*/_jsx(TextInput, {
+          ref: inputRef,
+          testID: "search-bar-input",
+          style: [styles.input, {
+            borderColor: isFocused ? colors.primary : colors.border,
+            color: colors.text
+          }],
+          placeholder: placeholder,
+          placeholderTextColor: colors.text,
+          autoFocus: autoFocus,
+          autoCapitalize: "words",
+          autoCorrect: false,
+          autoComplete: "off",
+          cursorColor: colors.primary,
+          onChangeText: setValue,
+          value: value,
+          onSubmitEditing: handleSubmit,
+          onFocus: () => setIsFocused(true),
+          onBlur: () => setIsFocused(false),
+          returnKeyType: "search",
+          editable: editable
+        })]
+      })]
+    })]
+  });
+}
+function makeStyles(t) {
+  return StyleSheet.create({
+    container: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      zIndex: 10,
+      width: '100%',
+      borderStyle: 'solid',
+      borderBottomWidth: 1
+    },
+    content: {
+      width: '100%',
+      height: CONTENT_HEIGHT,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: t.spaces.horizontal.s,
+      marginTop: Constants.statusBarHeight,
+      paddingHorizontal: t.spaces.horizontal.xs
+    },
+    inputWrapper: {
+      position: 'relative',
+      flex: 1
+    },
+    input: {
+      height: heightDP(5.5),
+      borderWidth: 1,
+      borderRadius: t.borderRadius.radius_15,
+      paddingLeft: t.spaces.horizontal.l * 1.7 + t.iconSize.s,
+      fontSize: t.fontSizes.s
+    },
+    icon: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: t.spaces.horizontal.l,
+      justifyContent: 'center',
+      zIndex: 2
+    },
+    iconButton: {
+      padding: t.spaces.horizontal.xs
+    },
+    radiusOverflow: {
+      borderRadius: t.borderRadius.radius_100,
+      overflow: 'hidden'
+    },
+    blur: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    }
+  });
+}
+//# sourceMappingURL=SearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BlurView","Constants","React","Platform","StyleSheet","TextInput","View","Icon","useTheme","useThemedStyles","pageSpacing","heightDP","Button","jsx","_jsx","jsxs","_jsxs","CONTENT_HEIGHT","IS_IOS","OS","SEARCH_BAR_HEIGHT","statusBarHeight","top","SearchBar","placeholder","onEnter","onBack","editable","autoFocus","colors","iconSize","styles","makeStyles","inputRef","useRef","value","setValue","useState","isFocused","setIsFocused","handleSubmit","current","blur","trim","style","container","backgroundColor","surface_90","borderBottomColor","border","children","tint","intensity","content","radiusOverflow","testID","hitSlop","bottom","left","right","onPress","iconButton","name","color","text","inputWrapper","icon","pointerEvents","size","s","ref","input","borderColor","primary","placeholderTextColor","autoCapitalize","autoCorrect","autoComplete","cursorColor","onChangeText","onSubmitEditing","onFocus","onBlur","returnKeyType","t","create","position","zIndex","width","borderStyle","borderBottomWidth","height","flexDirection","alignItems","gap","spaces","horizontal","marginTop","paddingHorizontal","xs","flex","borderWidth","borderRadius","radius_15","paddingLeft","l","fontSize","fontSizes","justifyContent","padding","radius_100","overflow"],"sourceRoot":"../../../src","sources":["components/SearchBar.tsx"],"mappings":"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","ignoreList":[]}