@blinkdotnew/mobile-ui 0.1.0 → 0.1.1

package/dist/index.js

@@ -3,18 +3,37 @@
 var React29 = require('react');
 var reactNative = require('react-native');
 var jsxRuntime = require('react/jsx-runtime');
+var LucideIcons = require('lucide-react-native');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
+var native = require('@react-navigation/native');
+var expoBlur = require('expo-blur');
+var _ActionSheetPkg = require('react-native-actions-sheet');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
 var React29__default = /*#__PURE__*/_interopDefault(React29);
+var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
+var _ActionSheetPkg__default = /*#__PURE__*/_interopDefault(_ActionSheetPkg);
 
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
+// src/provider/BlinkMobileUIProvider.tsx
 
 // src/theme/palettes.ts
 var baseSpacing = { xs: 4, sm: 8, md: 16, lg: 24, xl: 32, xxl: 48, xxxl: 64 };
@@ -874,13 +893,7 @@ var styles6 = reactNative.StyleSheet.create({
 function Icon({ name, size = 20, color, strokeWidth = 2 }) {
   const colors = useThemeColors();
   const resolvedColor = color ?? colors.text;
-  let LucideIcon = null;
-  try {
-    const icons = __require("lucide-react-native");
-    LucideIcon = icons[name] ?? null;
-  } catch {
-    return null;
-  }
+  const LucideIcon = LucideIcons__namespace[name];
   if (!LucideIcon) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(LucideIcon, { size, color: resolvedColor, strokeWidth });
 }
@@ -1109,12 +1122,7 @@ function BlinkPressable({
     }
   ) });
 }
-var SafeAreaView;
-try {
-  SafeAreaView = __require("react-native-safe-area-context").SafeAreaView;
-} catch {
-  SafeAreaView = __require("react-native").SafeAreaView;
-}
+var SafeAreaView = reactNativeSafeAreaContext.SafeAreaView ?? reactNative.SafeAreaView;
 function SafeWrapper({ children, avoidKeyboard = false, style }) {
   const colors = useThemeColors();
   const safeStyle = {
@@ -1138,11 +1146,7 @@ function SafeWrapper({ children, avoidKeyboard = false, style }) {
 var styles11 = reactNative.StyleSheet.create({
   flex: { flex: 1 }
 });
-var useIsFocused = null;
-try {
-  useIsFocused = __require("@react-navigation/native").useIsFocused;
-} catch {
-}
+var useIsFocused = native.useIsFocused ?? null;
 var propsAreEqual = (prev, next) => {
   if (__DEV__) return false;
   return prev.animation === next.animation && prev.duration === next.duration && prev.delay === next.delay && prev.easing === next.easing && prev.shouldResetAnimation === next.shouldResetAnimation && prev.children === next.children && prev.style === next.style;
@@ -2663,24 +2667,6 @@ var styles24 = reactNative.StyleSheet.create({
     flex: 1
   }
 });
-var useSharedValue = null;
-var useAnimatedStyle = null;
-var withSpring = null;
-var PanGestureHandler = null;
-var GestureHandlerRootView = null;
-try {
-  const rnr = __require("react-native-reanimated");
-  useSharedValue = rnr.useSharedValue;
-  useAnimatedStyle = rnr.useAnimatedStyle;
-  withSpring = rnr.withSpring;
-} catch {
-}
-try {
-  const gh = __require("react-native-gesture-handler");
-  PanGestureHandler = gh.PanGestureHandler;
-  GestureHandlerRootView = gh.GestureHandlerRootView;
-} catch {
-}
 var { width: SCREEN_WIDTH3 } = reactNative.Dimensions.get("window");
 function SwipeDeckPanResponder({
   data,
@@ -2884,7 +2870,7 @@ function SwipeCard({
   style
 }) {
   const colors = useThemeColors();
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles27.card, { backgroundColor: colors.card }, style], children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles27.card, { backgroundColor: colors.card, borderColor: colors.border }, style], children: [
     children,
     /* @__PURE__ */ jsxRuntime.jsx(SwipeOverlay, { direction: swipeDirection, intensity: swipeIntensity })
   ] });
@@ -2894,20 +2880,50 @@ var styles27 = reactNative.StyleSheet.create({
     flex: 1,
     borderRadius: 16,
     overflow: "hidden",
+    borderWidth: reactNative.StyleSheet.hairlineWidth,
     elevation: 4,
     shadowColor: "#000",
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.2,
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.15,
     shadowRadius: 8
   }
 });
+function ActionButton({
+  onPress,
+  label,
+  size,
+  bg,
+  textColor
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Pressable,
+    {
+      onPress,
+      style: [
+        styles28.btn,
+        {
+          width: size,
+          height: size,
+          borderRadius: size / 2,
+          backgroundColor: bg,
+          elevation: 3,
+          shadowColor: "#000",
+          shadowOffset: { width: 0, height: 2 },
+          shadowOpacity: 0.15,
+          shadowRadius: 4
+        }
+      ],
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles28.btnText, { color: textColor, fontSize: size * 0.38 }], children: label })
+    }
+  );
+}
 function SwipeActions({ onNope, onLike, onSuperLike, onRewind, style }) {
   const colors = useThemeColors();
   return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles28.row, style], children: [
-    onRewind && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: onRewind, style: [styles28.btn, styles28.small, { borderColor: colors.warning }], children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles28.icon, { color: colors.warning }], children: "\u21A9" }) }),
-    onNope && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: onNope, style: [styles28.btn, styles28.large, { borderColor: colors.error }], children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles28.icon, { color: colors.error }], children: "\u2715" }) }),
-    onSuperLike && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: onSuperLike, style: [styles28.btn, styles28.medium, { borderColor: "#4FC3F7" }], children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles28.icon, { color: "#4FC3F7" }], children: "\u2605" }) }),
-    onLike && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: onLike, style: [styles28.btn, styles28.large, { borderColor: colors.success }], children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles28.icon, { color: colors.success }], children: "\u2665" }) })
+    onRewind && /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { onPress: onRewind, label: "\u21A9", size: 44, bg: colors.surface, textColor: colors.warning }),
+    onNope && /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { onPress: onNope, label: "\u2715", size: 60, bg: colors.surface, textColor: colors.error }),
+    onSuperLike && /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { onPress: onSuperLike, label: "\u2605", size: 52, bg: colors.surface, textColor: "#4FC3F7" }),
+    onLike && /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { onPress: onLike, label: "\u2665", size: 60, bg: colors.surface, textColor: colors.success })
   ] });
 }
 var styles28 = reactNative.StyleSheet.create({
@@ -2915,22 +2931,14 @@ var styles28 = reactNative.StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
-    gap: 16,
-    paddingVertical: 16
+    gap: 16
   },
   btn: {
-    borderWidth: 2,
-    borderRadius: 100,
     alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "transparent"
+    justifyContent: "center"
   },
-  small: { width: 44, height: 44 },
-  medium: { width: 52, height: 52 },
-  large: { width: 64, height: 64 },
-  icon: {
-    fontSize: 24,
-    fontWeight: "600"
+  btnText: {
+    fontWeight: "700"
   }
 });
 var { height: WINDOW_HEIGHT } = reactNative.Dimensions.get("window");
@@ -3086,11 +3094,7 @@ var styles31 = reactNative.StyleSheet.create({
     textShadowRadius: 2
   }
 });
-var BlurView = null;
-try {
-  BlurView = __require("expo-blur").BlurView;
-} catch {
-}
+var BlurView = expoBlur.BlurView ?? null;
 function GlassView({
   children,
   intensity = 40,
@@ -3157,11 +3161,7 @@ var styles33 = reactNative.StyleSheet.create({
     overflow: "hidden"
   }
 });
-var useSafeAreaInsets = null;
-try {
-  useSafeAreaInsets = __require("react-native-safe-area-context").useSafeAreaInsets;
-} catch {
-}
+var useSafeAreaInsets = reactNativeSafeAreaContext.useSafeAreaInsets ?? (() => ({ top: 0, bottom: 0, left: 0, right: 0 }));
 function GlassHeader({ title, left, right, intensity = 50, style }) {
   const colors = useThemeColors();
   const insets = useSafeAreaInsets ? useSafeAreaInsets() : { top: reactNative.Platform.OS === "ios" ? 44 : 24 };
@@ -3211,11 +3211,7 @@ var styles34 = reactNative.StyleSheet.create({
     fontWeight: "600"
   }
 });
-var useSafeAreaInsets2 = null;
-try {
-  useSafeAreaInsets2 = __require("react-native-safe-area-context").useSafeAreaInsets;
-} catch {
-}
+var useSafeAreaInsets2 = reactNativeSafeAreaContext.useSafeAreaInsets ?? (() => ({ top: 0, bottom: 0, left: 0, right: 0 }));
 var { height: WINDOW_HEIGHT3 } = reactNative.Dimensions.get("window");
 function GlassSheet({
   children,
@@ -3316,11 +3312,7 @@ var styles35 = reactNative.StyleSheet.create({
     fontSize: 18
   }
 });
-var useSafeAreaInsets3 = null;
-try {
-  useSafeAreaInsets3 = __require("react-native-safe-area-context").useSafeAreaInsets;
-} catch {
-}
+var useSafeAreaInsets3 = reactNativeSafeAreaContext.useSafeAreaInsets ?? (() => ({ top: 0, bottom: 0, left: 0, right: 0 }));
 function GlassTabBar({ tabs, activeKey, onChange, intensity = 50, style }) {
   const colors = useThemeColors();
   const insets = useSafeAreaInsets3 ? useSafeAreaInsets3() : { bottom: reactNative.Platform.OS === "ios" ? 34 : 0 };
@@ -4260,11 +4252,6 @@ var BlinkSwitch = ({
     )
   ] });
 };
-var RNSlider;
-try {
-  RNSlider = __require("@react-native-community/slider").default;
-} catch {
-}
 var Slider = ({
   value,
   onValueChange,
@@ -4301,28 +4288,6 @@ var Slider = ({
     }
   });
   const fillPercent = (value - min) / (max - min) * 100;
-  if (RNSlider) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles41.container, style], children: [
-      showValue && /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles41.valueRow, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles41.valueText, children: min }),
-        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles41.valueText, children: value.toFixed(2) }),
-        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles41.valueText, children: max })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        RNSlider,
-        {
-          value,
-          onValueChange,
-          minimumValue: min,
-          maximumValue: max,
-          step,
-          minimumTrackTintColor: colors.primary,
-          maximumTrackTintColor: colors.border,
-          thumbTintColor: colors.primary
-        }
-      )
-    ] });
-  }
   return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles41.container, style], children: [
     showValue && /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles41.valueRow, children: [
       /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles41.valueText, children: min }),
@@ -4332,14 +4297,7 @@ var Slider = ({
     /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles41.fallbackTrack, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles41.fallbackFill, { width: `${fillPercent}%` }] }) })
   ] });
 };
-var ActionSheet;
-var SheetManager;
-try {
-  const pkg = __require("react-native-actions-sheet");
-  ActionSheet = pkg.default;
-  SheetManager = pkg.SheetManager;
-} catch {
-}
+_ActionSheetPkg__default.default?.default ?? _ActionSheetPkg__default.default ?? null;
 var Select = ({
   options,
   value,
@@ -4451,11 +4409,6 @@ var Select = ({
     ] }) }) })
   ] });
 };
-var RNDateTimePicker;
-try {
-  RNDateTimePicker = __require("@react-native-community/datetimepicker").default;
-} catch {
-}
 var DatePicker = ({
   value,
   onChange,
@@ -4555,16 +4508,7 @@ var DatePicker = ({
           }
         )
       ] }),
-      RNDateTimePicker ? /* @__PURE__ */ jsxRuntime.jsx(
-        RNDateTimePicker,
-        {
-          style: styles41.nativePicker,
-          value: tempDate,
-          mode,
-          display: "spinner",
-          onChange: (_, d) => d && setTempDate(d)
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles41.fallbackText, children: "Install @react-native-community/datetimepicker for native date picker." })
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles41.fallbackText, children: "Install @react-native-community/datetimepicker for native date picker." })
     ] }) }) })
   ] });
 };
@@ -4655,11 +4599,7 @@ var Counter = ({
     )
   ] });
 };
-var BlurView2;
-try {
-  BlurView2 = __require("expo-blur").BlurView;
-} catch {
-}
+var BlurView2 = expoBlur.BlurView ?? null;
 var Header = ({
   title,
   subtitle,
@@ -4909,12 +4849,6 @@ var SegmentedControl = ({
     ) }, seg.value))
   ] });
 };
-var ActionSheet2;
-try {
-  const pkg = __require("react-native-actions-sheet");
-  ActionSheet2 = pkg.default;
-} catch {
-}
 var BottomSheetFallback = React29__default.default.forwardRef(
   ({ children, title, style }, ref) => {
     const colors = useThemeColors();

package/dist/index.mjs

@@ -1,14 +1,13 @@
 import React29, { createContext, memo, useRef, useState, useEffect, useContext, Children, isValidElement, useCallback } from 'react';
 import { Platform, Dimensions, StyleSheet, Animated, Modal, Pressable, View, Text as Text$1, InteractionManager, Easing, useColorScheme, TouchableOpacity, ActivityIndicator, Image, Switch, KeyboardAvoidingView, SafeAreaView as SafeAreaView$1, ScrollView, FlatList, TextInput, RefreshControl, PanResponder } from 'react-native';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useSafeAreaInsets as useSafeAreaInsets$1 } from 'react-native-safe-area-context';
+import * as LucideIcons from 'lucide-react-native';
+import { useSafeAreaInsets as useSafeAreaInsets$1, SafeAreaView as SafeAreaView$2 } from 'react-native-safe-area-context';
+import { useIsFocused as useIsFocused$1 } from '@react-navigation/native';
+import { BlurView as BlurView$1 } from 'expo-blur';
+import _ActionSheetPkg from 'react-native-actions-sheet';
 
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
+// src/provider/BlinkMobileUIProvider.tsx
 
 // src/theme/palettes.ts
 var baseSpacing = { xs: 4, sm: 8, md: 16, lg: 24, xl: 32, xxl: 48, xxxl: 64 };
@@ -868,13 +867,7 @@ var styles6 = StyleSheet.create({
 function Icon({ name, size = 20, color, strokeWidth = 2 }) {
   const colors = useThemeColors();
   const resolvedColor = color ?? colors.text;
-  let LucideIcon = null;
-  try {
-    const icons = __require("lucide-react-native");
-    LucideIcon = icons[name] ?? null;
-  } catch {
-    return null;
-  }
+  const LucideIcon = LucideIcons[name];
   if (!LucideIcon) return null;
   return /* @__PURE__ */ jsx(LucideIcon, { size, color: resolvedColor, strokeWidth });
 }
@@ -1103,12 +1096,7 @@ function BlinkPressable({
     }
   ) });
 }
-var SafeAreaView;
-try {
-  SafeAreaView = __require("react-native-safe-area-context").SafeAreaView;
-} catch {
-  SafeAreaView = __require("react-native").SafeAreaView;
-}
+var SafeAreaView = SafeAreaView$2 ?? SafeAreaView$1;
 function SafeWrapper({ children, avoidKeyboard = false, style }) {
   const colors = useThemeColors();
   const safeStyle = {
@@ -1132,11 +1120,7 @@ function SafeWrapper({ children, avoidKeyboard = false, style }) {
 var styles11 = StyleSheet.create({
   flex: { flex: 1 }
 });
-var useIsFocused = null;
-try {
-  useIsFocused = __require("@react-navigation/native").useIsFocused;
-} catch {
-}
+var useIsFocused = useIsFocused$1 ?? null;
 var propsAreEqual = (prev, next) => {
   if (__DEV__) return false;
   return prev.animation === next.animation && prev.duration === next.duration && prev.delay === next.delay && prev.easing === next.easing && prev.shouldResetAnimation === next.shouldResetAnimation && prev.children === next.children && prev.style === next.style;
@@ -2657,24 +2641,6 @@ var styles24 = StyleSheet.create({
     flex: 1
   }
 });
-var useSharedValue = null;
-var useAnimatedStyle = null;
-var withSpring = null;
-var PanGestureHandler = null;
-var GestureHandlerRootView = null;
-try {
-  const rnr = __require("react-native-reanimated");
-  useSharedValue = rnr.useSharedValue;
-  useAnimatedStyle = rnr.useAnimatedStyle;
-  withSpring = rnr.withSpring;
-} catch {
-}
-try {
-  const gh = __require("react-native-gesture-handler");
-  PanGestureHandler = gh.PanGestureHandler;
-  GestureHandlerRootView = gh.GestureHandlerRootView;
-} catch {
-}
 var { width: SCREEN_WIDTH3 } = Dimensions.get("window");
 function SwipeDeckPanResponder({
   data,
@@ -2878,7 +2844,7 @@ function SwipeCard({
   style
 }) {
   const colors = useThemeColors();
-  return /* @__PURE__ */ jsxs(View, { style: [styles27.card, { backgroundColor: colors.card }, style], children: [
+  return /* @__PURE__ */ jsxs(View, { style: [styles27.card, { backgroundColor: colors.card, borderColor: colors.border }, style], children: [
     children,
     /* @__PURE__ */ jsx(SwipeOverlay, { direction: swipeDirection, intensity: swipeIntensity })
   ] });
@@ -2888,20 +2854,50 @@ var styles27 = StyleSheet.create({
     flex: 1,
     borderRadius: 16,
     overflow: "hidden",
+    borderWidth: StyleSheet.hairlineWidth,
     elevation: 4,
     shadowColor: "#000",
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.2,
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.15,
     shadowRadius: 8
   }
 });
+function ActionButton({
+  onPress,
+  label,
+  size,
+  bg,
+  textColor
+}) {
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      onPress,
+      style: [
+        styles28.btn,
+        {
+          width: size,
+          height: size,
+          borderRadius: size / 2,
+          backgroundColor: bg,
+          elevation: 3,
+          shadowColor: "#000",
+          shadowOffset: { width: 0, height: 2 },
+          shadowOpacity: 0.15,
+          shadowRadius: 4
+        }
+      ],
+      children: /* @__PURE__ */ jsx(Text$1, { style: [styles28.btnText, { color: textColor, fontSize: size * 0.38 }], children: label })
+    }
+  );
+}
 function SwipeActions({ onNope, onLike, onSuperLike, onRewind, style }) {
   const colors = useThemeColors();
   return /* @__PURE__ */ jsxs(View, { style: [styles28.row, style], children: [
-    onRewind && /* @__PURE__ */ jsx(Pressable, { onPress: onRewind, style: [styles28.btn, styles28.small, { borderColor: colors.warning }], children: /* @__PURE__ */ jsx(Text$1, { style: [styles28.icon, { color: colors.warning }], children: "\u21A9" }) }),
-    onNope && /* @__PURE__ */ jsx(Pressable, { onPress: onNope, style: [styles28.btn, styles28.large, { borderColor: colors.error }], children: /* @__PURE__ */ jsx(Text$1, { style: [styles28.icon, { color: colors.error }], children: "\u2715" }) }),
-    onSuperLike && /* @__PURE__ */ jsx(Pressable, { onPress: onSuperLike, style: [styles28.btn, styles28.medium, { borderColor: "#4FC3F7" }], children: /* @__PURE__ */ jsx(Text$1, { style: [styles28.icon, { color: "#4FC3F7" }], children: "\u2605" }) }),
-    onLike && /* @__PURE__ */ jsx(Pressable, { onPress: onLike, style: [styles28.btn, styles28.large, { borderColor: colors.success }], children: /* @__PURE__ */ jsx(Text$1, { style: [styles28.icon, { color: colors.success }], children: "\u2665" }) })
+    onRewind && /* @__PURE__ */ jsx(ActionButton, { onPress: onRewind, label: "\u21A9", size: 44, bg: colors.surface, textColor: colors.warning }),
+    onNope && /* @__PURE__ */ jsx(ActionButton, { onPress: onNope, label: "\u2715", size: 60, bg: colors.surface, textColor: colors.error }),
+    onSuperLike && /* @__PURE__ */ jsx(ActionButton, { onPress: onSuperLike, label: "\u2605", size: 52, bg: colors.surface, textColor: "#4FC3F7" }),
+    onLike && /* @__PURE__ */ jsx(ActionButton, { onPress: onLike, label: "\u2665", size: 60, bg: colors.surface, textColor: colors.success })
   ] });
 }
 var styles28 = StyleSheet.create({
@@ -2909,22 +2905,14 @@ var styles28 = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
-    gap: 16,
-    paddingVertical: 16
+    gap: 16
   },
   btn: {
-    borderWidth: 2,
-    borderRadius: 100,
     alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "transparent"
+    justifyContent: "center"
   },
-  small: { width: 44, height: 44 },
-  medium: { width: 52, height: 52 },
-  large: { width: 64, height: 64 },
-  icon: {
-    fontSize: 24,
-    fontWeight: "600"
+  btnText: {
+    fontWeight: "700"
   }
 });
 var { height: WINDOW_HEIGHT } = Dimensions.get("window");
@@ -3080,11 +3068,7 @@ var styles31 = StyleSheet.create({
     textShadowRadius: 2
   }
 });
-var BlurView = null;
-try {
-  BlurView = __require("expo-blur").BlurView;
-} catch {
-}
+var BlurView = BlurView$1 ?? null;
 function GlassView({
   children,
   intensity = 40,
@@ -3151,11 +3135,7 @@ var styles33 = StyleSheet.create({
     overflow: "hidden"
   }
 });
-var useSafeAreaInsets = null;
-try {
-  useSafeAreaInsets = __require("react-native-safe-area-context").useSafeAreaInsets;
-} catch {
-}
+var useSafeAreaInsets = useSafeAreaInsets$1 ?? (() => ({ top: 0, bottom: 0, left: 0, right: 0 }));
 function GlassHeader({ title, left, right, intensity = 50, style }) {
   const colors = useThemeColors();
   const insets = useSafeAreaInsets ? useSafeAreaInsets() : { top: Platform.OS === "ios" ? 44 : 24 };
@@ -3205,11 +3185,7 @@ var styles34 = StyleSheet.create({
     fontWeight: "600"
   }
 });
-var useSafeAreaInsets2 = null;
-try {
-  useSafeAreaInsets2 = __require("react-native-safe-area-context").useSafeAreaInsets;
-} catch {
-}
+var useSafeAreaInsets2 = useSafeAreaInsets$1 ?? (() => ({ top: 0, bottom: 0, left: 0, right: 0 }));
 var { height: WINDOW_HEIGHT3 } = Dimensions.get("window");
 function GlassSheet({
   children,
@@ -3310,11 +3286,7 @@ var styles35 = StyleSheet.create({
     fontSize: 18
   }
 });
-var useSafeAreaInsets3 = null;
-try {
-  useSafeAreaInsets3 = __require("react-native-safe-area-context").useSafeAreaInsets;
-} catch {
-}
+var useSafeAreaInsets3 = useSafeAreaInsets$1 ?? (() => ({ top: 0, bottom: 0, left: 0, right: 0 }));
 function GlassTabBar({ tabs, activeKey, onChange, intensity = 50, style }) {
   const colors = useThemeColors();
   const insets = useSafeAreaInsets3 ? useSafeAreaInsets3() : { bottom: Platform.OS === "ios" ? 34 : 0 };
@@ -4254,11 +4226,6 @@ var BlinkSwitch = ({
     )
   ] });
 };
-var RNSlider;
-try {
-  RNSlider = __require("@react-native-community/slider").default;
-} catch {
-}
 var Slider = ({
   value,
   onValueChange,
@@ -4295,28 +4262,6 @@ var Slider = ({
     }
   });
   const fillPercent = (value - min) / (max - min) * 100;
-  if (RNSlider) {
-    return /* @__PURE__ */ jsxs(View, { style: [styles41.container, style], children: [
-      showValue && /* @__PURE__ */ jsxs(View, { style: styles41.valueRow, children: [
-        /* @__PURE__ */ jsx(Text$1, { style: styles41.valueText, children: min }),
-        /* @__PURE__ */ jsx(Text$1, { style: styles41.valueText, children: value.toFixed(2) }),
-        /* @__PURE__ */ jsx(Text$1, { style: styles41.valueText, children: max })
-      ] }),
-      /* @__PURE__ */ jsx(
-        RNSlider,
-        {
-          value,
-          onValueChange,
-          minimumValue: min,
-          maximumValue: max,
-          step,
-          minimumTrackTintColor: colors.primary,
-          maximumTrackTintColor: colors.border,
-          thumbTintColor: colors.primary
-        }
-      )
-    ] });
-  }
   return /* @__PURE__ */ jsxs(View, { style: [styles41.container, style], children: [
     showValue && /* @__PURE__ */ jsxs(View, { style: styles41.valueRow, children: [
       /* @__PURE__ */ jsx(Text$1, { style: styles41.valueText, children: min }),
@@ -4326,14 +4271,7 @@ var Slider = ({
     /* @__PURE__ */ jsx(View, { style: styles41.fallbackTrack, children: /* @__PURE__ */ jsx(View, { style: [styles41.fallbackFill, { width: `${fillPercent}%` }] }) })
   ] });
 };
-var ActionSheet;
-var SheetManager;
-try {
-  const pkg = __require("react-native-actions-sheet");
-  ActionSheet = pkg.default;
-  SheetManager = pkg.SheetManager;
-} catch {
-}
+_ActionSheetPkg?.default ?? _ActionSheetPkg ?? null;
 var Select = ({
   options,
   value,
@@ -4445,11 +4383,6 @@ var Select = ({
     ] }) }) })
   ] });
 };
-var RNDateTimePicker;
-try {
-  RNDateTimePicker = __require("@react-native-community/datetimepicker").default;
-} catch {
-}
 var DatePicker = ({
   value,
   onChange,
@@ -4549,16 +4482,7 @@ var DatePicker = ({
           }
         )
       ] }),
-      RNDateTimePicker ? /* @__PURE__ */ jsx(
-        RNDateTimePicker,
-        {
-          style: styles41.nativePicker,
-          value: tempDate,
-          mode,
-          display: "spinner",
-          onChange: (_, d) => d && setTempDate(d)
-        }
-      ) : /* @__PURE__ */ jsx(Text$1, { style: styles41.fallbackText, children: "Install @react-native-community/datetimepicker for native date picker." })
+      /* @__PURE__ */ jsx(Text$1, { style: styles41.fallbackText, children: "Install @react-native-community/datetimepicker for native date picker." })
     ] }) }) })
   ] });
 };
@@ -4649,11 +4573,7 @@ var Counter = ({
     )
   ] });
 };
-var BlurView2;
-try {
-  BlurView2 = __require("expo-blur").BlurView;
-} catch {
-}
+var BlurView2 = BlurView$1 ?? null;
 var Header = ({
   title,
   subtitle,
@@ -4903,12 +4823,6 @@ var SegmentedControl = ({
     ) }, seg.value))
   ] });
 };
-var ActionSheet2;
-try {
-  const pkg = __require("react-native-actions-sheet");
-  ActionSheet2 = pkg.default;
-} catch {
-}
 var BottomSheetFallback = React29.forwardRef(
   ({ children, title, style }, ref) => {
     const colors = useThemeColors();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blinkdotnew/mobile-ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Blink Mobile UI SDK — production-quality React Native / Expo component library",
   "keywords": [
     "blink",