@retray-dev/ui-kit 9.1.0 → 9.3.0

package/dist/{chunk-BNP626TY.mjs → chunk-OHBNABL5.mjs}

@@ -5,10 +5,11 @@ import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { ms, s, mvs, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
-import { StyleSheet, View, Text } from 'react-native';
+import { StyleSheet, Image, View, Text } from 'react-native';
 import { Entypo } from '@expo/vector-icons';
 
 function ListItemBase({
+  imageSource,
   leftRender,
   rightRender,
   trailing,
@@ -28,6 +29,7 @@ function ListItemBase({
   style,
   titleStyle,
   subtitleStyle,
+  subtitleNumberOfLines = 2,
   captionStyle,
   accessibilityLabel
 }) {
@@ -36,7 +38,7 @@ function ListItemBase({
     selectionAsync();
     onPress?.();
   };
-  const effectiveLeft = leftIcon ? renderIcon(leftIcon, 24, leftIconColor ?? colors.foreground) : leftRender ?? icon;
+  const effectiveLeft = imageSource ? /* @__PURE__ */ React.createElement(Image, { source: imageSource, style: styles.image }) : leftIcon ? renderIcon(leftIcon, 24, leftIconColor ?? colors.foreground) : leftRender ?? icon;
   const effectiveRight = rightIcon ? renderIcon(rightIcon, 24, rightIconColor ?? colors.foregroundMuted) : rightRender ?? trailing;
   const cardStyle = variant === "card" ? {
     backgroundColor: colors.card,
@@ -62,7 +64,7 @@ function ListItemBase({
     Text,
     {
       style: [styles.subtitle, { color: colors.foregroundMuted }, subtitleStyle],
-      numberOfLines: 2,
+      numberOfLines: subtitleNumberOfLines,
       allowFontScaling: true
     },
     subtitle
@@ -117,6 +119,11 @@ var styles = StyleSheet.create({
     justifyContent: "center",
     flexShrink: 0
   },
+  image: {
+    width: s(40),
+    height: s(40),
+    borderRadius: 8
+  },
   content: {
     flex: 1,
     gap: vs(4)

package/dist/chunk-URI2WBIV.mjs

@@ -0,0 +1,147 @@
+import { PressableChip } from './chunk-3DKJ2GIC.mjs';
+import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
+import { COLOR_TRANSITION } from './chunk-DVK4G2GT.mjs';
+import { RADIUS } from './chunk-QY3X2UYR.mjs';
+import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { ms, mvs, s, vs } from './chunk-2CE3TQVY.mjs';
+import React from 'react';
+import { StyleSheet, View, Text, ScrollView } from 'react-native';
+import { EaseView } from 'react-native-ease';
+
+function SheetSelectChip({
+  option,
+  selected,
+  onPress
+}) {
+  const { colors } = useTheme();
+  const handlePress = () => {
+    selectionAsync();
+    onPress();
+  };
+  const iconColor = selected ? colors.primaryForeground : colors.foreground;
+  const resolvedIcon = option.iconName ? renderIcon(option.iconName, ms(13), iconColor) : null;
+  return /* @__PURE__ */ React.createElement(
+    PressableChip,
+    {
+      onPress: option.disabled ? void 0 : handlePress,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: option.disabled ? `${option.label}, unavailable` : option.label,
+      accessibilityState: { selected, disabled: option.disabled }
+    },
+    /* @__PURE__ */ React.createElement(
+      EaseView,
+      {
+        style: [styles.chip, option.disabled && styles.chipDisabled],
+        animate: {
+          backgroundColor: selected ? colors.primary : colors.surface,
+          borderColor: selected ? colors.primary : colors.border
+        },
+        transition: COLOR_TRANSITION
+      },
+      resolvedIcon ? /* @__PURE__ */ React.createElement(View, { style: styles.chipIcon }, resolvedIcon) : null,
+      /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          style: [styles.chipLabel, { color: selected ? colors.primaryForeground : colors.foreground }],
+          allowFontScaling: true
+        },
+        option.label
+      )
+    )
+  );
+}
+function SheetSelect({
+  options,
+  value,
+  onValueChange,
+  multiSelect = false,
+  label,
+  error,
+  wrap = false,
+  style,
+  accessibilityLabel
+}) {
+  const { colors } = useTheme();
+  const isSelected = (optionValue) => {
+    if (Array.isArray(value)) return value.includes(optionValue);
+    return optionValue === value;
+  };
+  const handlePress = (optionValue) => {
+    if (!multiSelect) {
+      onValueChange?.(optionValue);
+      return;
+    }
+    const currentArray = Array.isArray(value) ? value : value != null ? [value] : [];
+    const alreadySelected = currentArray.includes(optionValue);
+    const newArray = alreadySelected ? currentArray.filter((v) => v !== optionValue) : [...currentArray, optionValue];
+    onValueChange?.(newArray);
+  };
+  const chips = options.map((opt) => /* @__PURE__ */ React.createElement(
+    SheetSelectChip,
+    {
+      key: opt.value,
+      option: opt,
+      selected: isSelected(opt.value),
+      onPress: () => handlePress(opt.value)
+    }
+  ));
+  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, style], accessibilityLabel }, label ? /* @__PURE__ */ React.createElement(Text, { style: [styles.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, wrap ? /* @__PURE__ */ React.createElement(View, { style: styles.wrapContainer }, chips) : /* @__PURE__ */ React.createElement(
+    ScrollView,
+    {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.scrollContent
+    },
+    chips
+  ), error ? /* @__PURE__ */ React.createElement(Text, { style: [styles.error, { color: colors.destructive }], allowFontScaling: true, accessibilityLiveRegion: "polite" }, error) : null);
+}
+var styles = StyleSheet.create({
+  container: {
+    gap: vs(8)
+  },
+  label: {
+    fontFamily: "Sohne-Medium",
+    fontSize: ms(14)
+  },
+  scrollContent: {
+    flexDirection: "row",
+    gap: s(8)
+  },
+  wrapContainer: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: s(8)
+  },
+  chip: {
+    borderRadius: RADIUS.full,
+    paddingHorizontal: s(14),
+    paddingVertical: vs(10),
+    minHeight: 44,
+    borderWidth: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    flexDirection: "row",
+    gap: s(5)
+  },
+  chipDisabled: {
+    opacity: 0.4
+  },
+  chipIcon: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  chipLabel: {
+    fontFamily: "Sohne-Medium",
+    fontSize: ms(13),
+    lineHeight: mvs(18)
+  },
+  error: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(13)
+  }
+});
+
+export { SheetSelect };

package/dist/chunk-Y4GL2MHX.mjs

@@ -0,0 +1,112 @@
+import { Spinner } from './chunk-WBOOUHSS.mjs';
+import { PressableCard } from './chunk-3DKJ2GIC.mjs';
+import { impactLight } from './chunk-EJ7ZPXOH.mjs';
+import { RADIUS } from './chunk-QY3X2UYR.mjs';
+import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { s, vs, ms } from './chunk-2CE3TQVY.mjs';
+import React from 'react';
+import { StyleSheet, Image, View, Text, Platform } from 'react-native';
+import { Feather } from '@expo/vector-icons';
+
+function ImageUpload({
+  value,
+  onChange,
+  loading = false,
+  placeholder = "Tap to add image",
+  width,
+  height = 200,
+  borderRadius = RADIUS.lg,
+  resizeMode = "cover",
+  disabled = false,
+  style,
+  accessibilityLabel
+}) {
+  const { colors } = useTheme();
+  const handlePress = async () => {
+    if (disabled || loading) return;
+    impactLight();
+    let ImagePicker;
+    try {
+      ImagePicker = await import('expo-image-picker');
+    } catch {
+      if (__DEV__) console.warn("[ImageUpload] expo-image-picker not installed. Add it as a dependency.");
+      return;
+    }
+    if (Platform.OS !== "web") {
+      const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();
+      if (status !== "granted") return;
+    }
+    const result = await ImagePicker.launchImageLibraryAsync({
+      mediaTypes: ["images"],
+      allowsEditing: true,
+      quality: 0.8
+    });
+    if (!result.canceled && result.assets[0]) {
+      onChange?.(result.assets[0].uri);
+    }
+  };
+  const containerStyle = {
+    width,
+    height,
+    borderRadius,
+    borderWidth: value ? 0 : 1,
+    borderStyle: "dashed",
+    borderColor: colors.border,
+    backgroundColor: value ? "transparent" : colors.surface,
+    overflow: "hidden"
+  };
+  return /* @__PURE__ */ React.createElement(
+    PressableCard,
+    {
+      onPress: handlePress,
+      enabled: !disabled && !loading,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel ?? (value ? "Change image" : placeholder),
+      accessibilityState: { disabled: disabled || loading },
+      style: [containerStyle, style]
+    },
+    value ? /* @__PURE__ */ React.createElement(
+      Image,
+      {
+        source: { uri: value },
+        style: [StyleSheet.absoluteFillObject, { borderRadius }],
+        resizeMode
+      }
+    ) : /* @__PURE__ */ React.createElement(View, { style: styles.placeholder }, /* @__PURE__ */ React.createElement(Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), /* @__PURE__ */ React.createElement(Text, { style: [styles.placeholderText, { color: colors.foregroundMuted }], allowFontScaling: true }, placeholder)),
+    loading ? /* @__PURE__ */ React.createElement(View, { style: [styles.loadingOverlay, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React.createElement(Spinner, { size: "md" })) : null,
+    value && !loading ? /* @__PURE__ */ React.createElement(View, { style: styles.editBadge, pointerEvents: "none" }, /* @__PURE__ */ React.createElement(View, { style: [styles.editBadgeInner, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React.createElement(Feather, { name: "edit-2", size: ms(12), color: "#fff" }))) : null
+  );
+}
+var styles = StyleSheet.create({
+  placeholder: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    gap: vs(8)
+  },
+  placeholderText: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(13)
+  },
+  loadingOverlay: {
+    ...StyleSheet.absoluteFillObject,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  editBadge: {
+    position: "absolute",
+    bottom: vs(8),
+    right: s(8)
+  },
+  editBadgeInner: {
+    width: s(28),
+    height: s(28),
+    borderRadius: 999,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+
+export { ImageUpload };

package/dist/{chunk-756RAKE4.mjs → chunk-ZUR7AU5R.mjs}

@@ -1,21 +1,18 @@
-import { useColorTransition } from './chunk-26BCI223.mjs';
-import { TIMINGS } from './chunk-DVK4G2GT.mjs';
+import { COLOR_TRANSITION } from './chunk-DVK4G2GT.mjs';
 import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { ms, s, vs } from './chunk-2CE3TQVY.mjs';
 import React, { useState } from 'react';
 import { Platform, StyleSheet, TouchableOpacity, View, Text, TextInput } from 'react-native';
-import Animated, { useAnimatedStyle, interpolate, interpolateColor } from 'react-native-reanimated';
+import { BottomSheetTextInput } from '@gorhom/bottom-sheet';
+import { EaseView } from 'react-native-ease';
 import { AntDesign } from '@expo/vector-icons';
 
 var webInputResetStyle = Platform.OS === "web" ? { outlineStyle: "none", outlineWidth: 0, outlineColor: "transparent", boxShadow: "none" } : {};
-function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type = "text", containerStyle, inputWrapperStyle, style, onFocus, onBlur, secureTextEntry, editable, accessibilityLabel, ...props }) {
+function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type = "text", containerStyle, inputWrapperStyle, sheetMode = false, style, onFocus, onBlur, secureTextEntry, editable, accessibilityLabel, ...props }) {
   const { colors } = useTheme();
   const [focused, setFocused] = useState(false);
   const [showPassword, setShowPassword] = useState(false);
-  const focusProgress = useColorTransition(focused, {
-    duration: focused ? TIMINGS.focusIn.duration : TIMINGS.focusOut.duration
-  });
   const isDisabled = disabled || editable === false;
   const isPassword = type === "password";
   const effectiveSecure = isPassword ? !showPassword : secureTextEntry;
@@ -31,22 +28,45 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
     },
     /* @__PURE__ */ React.createElement(AntDesign, { name: showPassword ? "eye" : "eye-invisible", size: 20, color: colors.foregroundMuted })
   ) : suffixIcon ? renderIcon(suffixIcon, 20, suffixIconColor ?? colors.foregroundMuted) : suffix;
-  const borderAnimStyle = useAnimatedStyle(() => ({
-    borderColor: error ? colors.destructive : interpolateColor(focusProgress.value, [0, 1], [colors.border, colors.primary]),
-    borderWidth: error ? 2 : interpolate(focusProgress.value, [0, 1], [1, 2])
-  }));
+  const borderColor = error ? colors.destructive : focused ? colors.primary : colors.border;
   return /* @__PURE__ */ React.createElement(View, { style: [styles.container, isDisabled && styles.containerDisabled, containerStyle] }, label ? /* @__PURE__ */ React.createElement(Text, { style: [styles.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React.createElement(
-    Animated.View,
+    EaseView,
     {
       style: [
         styles.inputWrapper,
         { backgroundColor: isDisabled ? colors.surface : colors.background },
+        error && styles.inputWrapperError,
         inputWrapperStyle
-      ]
+      ],
+      animate: { borderColor },
+      transition: COLOR_TRANSITION
     },
-    /* @__PURE__ */ React.createElement(Animated.View, { style: [styles.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
     effectivePrefix ? typeof effectivePrefix === "string" ? /* @__PURE__ */ React.createElement(Text, { style: [styles.prefixText, { color: colors.foregroundMuted }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React.createElement(View, { style: styles.prefixContainer }, effectivePrefix) : null,
-    /* @__PURE__ */ React.createElement(
+    sheetMode ? /* @__PURE__ */ React.createElement(
+      BottomSheetTextInput,
+      {
+        style: [
+          styles.input,
+          { color: colors.foreground },
+          webInputResetStyle,
+          style
+        ],
+        onFocus: (e) => {
+          setFocused(true);
+          onFocus?.(e);
+        },
+        onBlur: (e) => {
+          setFocused(false);
+          onBlur?.(e);
+        },
+        placeholderTextColor: colors.foregroundMuted,
+        allowFontScaling: true,
+        secureTextEntry: effectiveSecure,
+        editable: isDisabled ? false : editable,
+        accessibilityLabel: accessibilityLabel ?? label,
+        ...props
+      }
+    ) : /* @__PURE__ */ React.createElement(
       TextInput,
       {
         style: [
@@ -96,16 +116,14 @@ var styles = StyleSheet.create({
   inputWrapper: {
     flexDirection: "row",
     alignItems: "center",
-    // Border lives on borderOverlay (absolute) so its 1px→2px focus change
-    // never resizes this box. Wrapper itself carries no border.
     borderRadius: 8,
+    borderWidth: 1,
     paddingHorizontal: s(14),
     paddingVertical: vs(11),
     minHeight: 48
   },
-  borderOverlay: {
-    ...StyleSheet.absoluteFillObject,
-    borderRadius: 8
+  inputWrapperError: {
+    borderWidth: 2
   },
   input: {
     fontFamily: "Sohne-Regular",

package/dist/fonts.d.mts

@@ -0,0 +1,32 @@
+declare const SohneFonts: {
+    readonly 'Sohne-ExtraLight': number;
+    readonly 'Sohne-ExtraLightItalic': number;
+    readonly 'Sohne-Light': number;
+    readonly 'Sohne-LightItalic': number;
+    readonly 'Sohne-Regular': number;
+    readonly 'Sohne-Italic': number;
+    readonly 'Sohne-Medium': number;
+    readonly 'Sohne-MediumItalic': number;
+    readonly 'Sohne-SemiBold': number;
+    readonly 'Sohne-SemiBoldItalic': number;
+    readonly 'Sohne-Bold': number;
+    readonly 'Sohne-BoldItalic': number;
+    readonly 'Sohne-ExtraBold': number;
+    readonly 'Sohne-ExtraBoldItalic': number;
+    readonly 'SohneMono-ExtraLight': number;
+    readonly 'SohneMono-ExtraLightItalic': number;
+    readonly 'SohneMono-Light': number;
+    readonly 'SohneMono-LightItalic': number;
+    readonly 'SohneMono-Regular': number;
+    readonly 'SohneMono-Italic': number;
+    readonly 'SohneMono-Medium': number;
+    readonly 'SohneMono-MediumItalic': number;
+    readonly 'SohneMono-SemiBold': number;
+    readonly 'SohneMono-SemiBoldItalic': number;
+    readonly 'SohneMono-Bold': number;
+    readonly 'SohneMono-BoldItalic': number;
+    readonly 'SohneMono-ExtraBold': number;
+    readonly 'SohneMono-ExtraBoldItalic': number;
+};
+
+export { SohneFonts };

package/dist/fonts.d.ts

@@ -0,0 +1,32 @@
+declare const SohneFonts: {
+    readonly 'Sohne-ExtraLight': number;
+    readonly 'Sohne-ExtraLightItalic': number;
+    readonly 'Sohne-Light': number;
+    readonly 'Sohne-LightItalic': number;
+    readonly 'Sohne-Regular': number;
+    readonly 'Sohne-Italic': number;
+    readonly 'Sohne-Medium': number;
+    readonly 'Sohne-MediumItalic': number;
+    readonly 'Sohne-SemiBold': number;
+    readonly 'Sohne-SemiBoldItalic': number;
+    readonly 'Sohne-Bold': number;
+    readonly 'Sohne-BoldItalic': number;
+    readonly 'Sohne-ExtraBold': number;
+    readonly 'Sohne-ExtraBoldItalic': number;
+    readonly 'SohneMono-ExtraLight': number;
+    readonly 'SohneMono-ExtraLightItalic': number;
+    readonly 'SohneMono-Light': number;
+    readonly 'SohneMono-LightItalic': number;
+    readonly 'SohneMono-Regular': number;
+    readonly 'SohneMono-Italic': number;
+    readonly 'SohneMono-Medium': number;
+    readonly 'SohneMono-MediumItalic': number;
+    readonly 'SohneMono-SemiBold': number;
+    readonly 'SohneMono-SemiBoldItalic': number;
+    readonly 'SohneMono-Bold': number;
+    readonly 'SohneMono-BoldItalic': number;
+    readonly 'SohneMono-ExtraBold': number;
+    readonly 'SohneMono-ExtraBoldItalic': number;
+};
+
+export { SohneFonts };

package/dist/fonts.js

@@ -0,0 +1,44 @@
+'use strict';
+
+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/fonts.ts
+var SohneFonts = {
+  // Sohne base
+  "Sohne-ExtraLight": __require("../src/assets/fonts/Sohne-ExtraLight.otf"),
+  "Sohne-ExtraLightItalic": __require("../src/assets/fonts/Sohne-ExtraLightItalic.otf"),
+  "Sohne-Light": __require("../src/assets/fonts/Sohne-Light.otf"),
+  "Sohne-LightItalic": __require("../src/assets/fonts/Sohne-LightItalic.otf"),
+  "Sohne-Regular": __require("../src/assets/fonts/Sohne-Regular.otf"),
+  "Sohne-Italic": __require("../src/assets/fonts/Sohne-Italic.otf"),
+  "Sohne-Medium": __require("../src/assets/fonts/Sohne-Medium.otf"),
+  "Sohne-MediumItalic": __require("../src/assets/fonts/Sohne-MediumItalic.otf"),
+  "Sohne-SemiBold": __require("../src/assets/fonts/Sohne-SemiBold.otf"),
+  "Sohne-SemiBoldItalic": __require("../src/assets/fonts/Sohne-SemiBoldItalic.otf"),
+  "Sohne-Bold": __require("../src/assets/fonts/Sohne-Bold.otf"),
+  "Sohne-BoldItalic": __require("../src/assets/fonts/Sohne-BoldItalic.otf"),
+  "Sohne-ExtraBold": __require("../src/assets/fonts/Sohne-ExtraBold.otf"),
+  "Sohne-ExtraBoldItalic": __require("../src/assets/fonts/Sohne-ExtraBoldItalic.otf"),
+  // SohneMono
+  "SohneMono-ExtraLight": __require("../src/assets/fonts/SohneMono-ExtraLight.otf"),
+  "SohneMono-ExtraLightItalic": __require("../src/assets/fonts/SohneMono-ExtraLightItalic.otf"),
+  "SohneMono-Light": __require("../src/assets/fonts/SohneMono-Light.otf"),
+  "SohneMono-LightItalic": __require("../src/assets/fonts/SohneMono-LightItalic.otf"),
+  "SohneMono-Regular": __require("../src/assets/fonts/SohneMono-Regular.otf"),
+  "SohneMono-Italic": __require("../src/assets/fonts/SohneMono-Italic.otf"),
+  "SohneMono-Medium": __require("../src/assets/fonts/SohneMono-Medium.otf"),
+  "SohneMono-MediumItalic": __require("../src/assets/fonts/SohneMono-MediumItalic.otf"),
+  "SohneMono-SemiBold": __require("../src/assets/fonts/SohneMono-SemiBold.otf"),
+  "SohneMono-SemiBoldItalic": __require("../src/assets/fonts/SohneMono-SemiBoldItalic.otf"),
+  "SohneMono-Bold": __require("../src/assets/fonts/SohneMono-Bold.otf"),
+  "SohneMono-BoldItalic": __require("../src/assets/fonts/SohneMono-BoldItalic.otf"),
+  "SohneMono-ExtraBold": __require("../src/assets/fonts/SohneMono-ExtraBold.otf"),
+  "SohneMono-ExtraBoldItalic": __require("../src/assets/fonts/SohneMono-ExtraBoldItalic.otf")
+};
+
+exports.SohneFonts = SohneFonts;

package/dist/fonts.mjs

@@ -0,0 +1,37 @@
+import { __require } from './chunk-Y6FXYEAI.mjs';
+
+// src/fonts.ts
+var SohneFonts = {
+  // Sohne base
+  "Sohne-ExtraLight": __require("../src/assets/fonts/Sohne-ExtraLight.otf"),
+  "Sohne-ExtraLightItalic": __require("../src/assets/fonts/Sohne-ExtraLightItalic.otf"),
+  "Sohne-Light": __require("../src/assets/fonts/Sohne-Light.otf"),
+  "Sohne-LightItalic": __require("../src/assets/fonts/Sohne-LightItalic.otf"),
+  "Sohne-Regular": __require("../src/assets/fonts/Sohne-Regular.otf"),
+  "Sohne-Italic": __require("../src/assets/fonts/Sohne-Italic.otf"),
+  "Sohne-Medium": __require("../src/assets/fonts/Sohne-Medium.otf"),
+  "Sohne-MediumItalic": __require("../src/assets/fonts/Sohne-MediumItalic.otf"),
+  "Sohne-SemiBold": __require("../src/assets/fonts/Sohne-SemiBold.otf"),
+  "Sohne-SemiBoldItalic": __require("../src/assets/fonts/Sohne-SemiBoldItalic.otf"),
+  "Sohne-Bold": __require("../src/assets/fonts/Sohne-Bold.otf"),
+  "Sohne-BoldItalic": __require("../src/assets/fonts/Sohne-BoldItalic.otf"),
+  "Sohne-ExtraBold": __require("../src/assets/fonts/Sohne-ExtraBold.otf"),
+  "Sohne-ExtraBoldItalic": __require("../src/assets/fonts/Sohne-ExtraBoldItalic.otf"),
+  // SohneMono
+  "SohneMono-ExtraLight": __require("../src/assets/fonts/SohneMono-ExtraLight.otf"),
+  "SohneMono-ExtraLightItalic": __require("../src/assets/fonts/SohneMono-ExtraLightItalic.otf"),
+  "SohneMono-Light": __require("../src/assets/fonts/SohneMono-Light.otf"),
+  "SohneMono-LightItalic": __require("../src/assets/fonts/SohneMono-LightItalic.otf"),
+  "SohneMono-Regular": __require("../src/assets/fonts/SohneMono-Regular.otf"),
+  "SohneMono-Italic": __require("../src/assets/fonts/SohneMono-Italic.otf"),
+  "SohneMono-Medium": __require("../src/assets/fonts/SohneMono-Medium.otf"),
+  "SohneMono-MediumItalic": __require("../src/assets/fonts/SohneMono-MediumItalic.otf"),
+  "SohneMono-SemiBold": __require("../src/assets/fonts/SohneMono-SemiBold.otf"),
+  "SohneMono-SemiBoldItalic": __require("../src/assets/fonts/SohneMono-SemiBoldItalic.otf"),
+  "SohneMono-Bold": __require("../src/assets/fonts/SohneMono-Bold.otf"),
+  "SohneMono-BoldItalic": __require("../src/assets/fonts/SohneMono-BoldItalic.otf"),
+  "SohneMono-ExtraBold": __require("../src/assets/fonts/SohneMono-ExtraBold.otf"),
+  "SohneMono-ExtraBoldItalic": __require("../src/assets/fonts/SohneMono-ExtraBoldItalic.otf")
+};
+
+export { SohneFonts };

package/dist/index.d.mts

@@ -49,6 +49,8 @@ export { SelectableGrid, SelectableGridItem, SelectableGridProps } from './Selec
 export { PricingCard, PricingCardProps, PricingFeature } from './PricingCard.mjs';
 export { TabBar, TabBarItem, TabBarProps } from './TabBar.mjs';
 export { ImageViewer, ImageViewerProps } from './ImageViewer.mjs';
+export { SheetSelect, SheetSelectOption, SheetSelectProps } from './SheetSelect.mjs';
+export { ImageUpload, ImageUploadProps } from './ImageUpload.mjs';
 export { BottomSheetModalProvider, BottomSheetTextInput as SheetTextInput } from '@gorhom/bottom-sheet';
 export { toast } from 'sonner-native';
 import 'react-native';
@@ -158,6 +160,29 @@ declare const richHaptics: {
     rigid: () => void;
 };
 
+interface UseConfirmDialogOptions {
+    onConfirm: () => void | Promise<void>;
+    onCancel?: () => void;
+}
+interface UseConfirmDialogResult<T> {
+    /** Pass to ConfirmDialog `visible` prop. */
+    visible: boolean;
+    /** The value passed to `open()` — available during the confirmation flow. */
+    target: T | null;
+    /** Whether `onConfirm` is currently executing. Pass to ConfirmDialog `loading` prop. */
+    loading: boolean;
+    /** Open the dialog, optionally with an associated value (e.g. the item to delete). */
+    open: (target?: T) => void;
+    /** Handlers to pass directly to ConfirmDialog. */
+    dialogProps: {
+        visible: boolean;
+        loading: boolean;
+        onConfirm: () => void;
+        onCancel: () => void;
+    };
+}
+declare function useConfirmDialog<T = undefined>(options: UseConfirmDialogOptions): UseConfirmDialogResult<T>;
+
 declare const SPACING: {
     readonly xxs: 2;
     readonly xs: 4;
@@ -361,4 +386,4 @@ type RadiusKey = keyof Radius;
 type Typography = typeof TYPOGRAPHY;
 type TypographyKey = keyof Typography;
 
-export { BREAKPOINTS, ColorScheme, ICON_SIZES, Icon, type IconFamily, type IconProps, type IconSize, type IconSizeKey, RADIUS, type Radius, type RadiusKey, ResolvedColors, SHADOWS, SPACING, type Spacing, type SpacingKey, TYPOGRAPHY, Theme, ThemeColors, ThemeProvider, type ThemeProviderProps, type Typography, type TypographyKey, configureIconFamilies, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, renderIcon, richHaptics, selectionAsync, useTheme };
+export { BREAKPOINTS, ColorScheme, ICON_SIZES, Icon, type IconFamily, type IconProps, type IconSize, type IconSizeKey, RADIUS, type Radius, type RadiusKey, ResolvedColors, SHADOWS, SPACING, type Spacing, type SpacingKey, TYPOGRAPHY, Theme, ThemeColors, ThemeProvider, type ThemeProviderProps, type Typography, type TypographyKey, type UseConfirmDialogOptions, type UseConfirmDialogResult, configureIconFamilies, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, renderIcon, richHaptics, selectionAsync, useConfirmDialog, useTheme };

package/dist/index.d.ts

@@ -49,6 +49,8 @@ export { SelectableGrid, SelectableGridItem, SelectableGridProps } from './Selec
 export { PricingCard, PricingCardProps, PricingFeature } from './PricingCard.js';
 export { TabBar, TabBarItem, TabBarProps } from './TabBar.js';
 export { ImageViewer, ImageViewerProps } from './ImageViewer.js';
+export { SheetSelect, SheetSelectOption, SheetSelectProps } from './SheetSelect.js';
+export { ImageUpload, ImageUploadProps } from './ImageUpload.js';
 export { BottomSheetModalProvider, BottomSheetTextInput as SheetTextInput } from '@gorhom/bottom-sheet';
 export { toast } from 'sonner-native';
 import 'react-native';
@@ -158,6 +160,29 @@ declare const richHaptics: {
     rigid: () => void;
 };
 
+interface UseConfirmDialogOptions {
+    onConfirm: () => void | Promise<void>;
+    onCancel?: () => void;
+}
+interface UseConfirmDialogResult<T> {
+    /** Pass to ConfirmDialog `visible` prop. */
+    visible: boolean;
+    /** The value passed to `open()` — available during the confirmation flow. */
+    target: T | null;
+    /** Whether `onConfirm` is currently executing. Pass to ConfirmDialog `loading` prop. */
+    loading: boolean;
+    /** Open the dialog, optionally with an associated value (e.g. the item to delete). */
+    open: (target?: T) => void;
+    /** Handlers to pass directly to ConfirmDialog. */
+    dialogProps: {
+        visible: boolean;
+        loading: boolean;
+        onConfirm: () => void;
+        onCancel: () => void;
+    };
+}
+declare function useConfirmDialog<T = undefined>(options: UseConfirmDialogOptions): UseConfirmDialogResult<T>;
+
 declare const SPACING: {
     readonly xxs: 2;
     readonly xs: 4;
@@ -361,4 +386,4 @@ type RadiusKey = keyof Radius;
 type Typography = typeof TYPOGRAPHY;
 type TypographyKey = keyof Typography;
 
-export { BREAKPOINTS, ColorScheme, ICON_SIZES, Icon, type IconFamily, type IconProps, type IconSize, type IconSizeKey, RADIUS, type Radius, type RadiusKey, ResolvedColors, SHADOWS, SPACING, type Spacing, type SpacingKey, TYPOGRAPHY, Theme, ThemeColors, ThemeProvider, type ThemeProviderProps, type Typography, type TypographyKey, configureIconFamilies, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, renderIcon, richHaptics, selectionAsync, useTheme };
+export { BREAKPOINTS, ColorScheme, ICON_SIZES, Icon, type IconFamily, type IconProps, type IconSize, type IconSizeKey, RADIUS, type Radius, type RadiusKey, ResolvedColors, SHADOWS, SPACING, type Spacing, type SpacingKey, TYPOGRAPHY, Theme, ThemeColors, ThemeProvider, type ThemeProviderProps, type Typography, type TypographyKey, type UseConfirmDialogOptions, type UseConfirmDialogResult, configureIconFamilies, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, renderIcon, richHaptics, selectionAsync, useConfirmDialog, useTheme };