@retray-dev/ui-kit 13.0.0 → 13.4.0

package/dist/HolographicCard.js

@@ -5,11 +5,31 @@ var reactNative = require('react-native');
 var reactNativeSkia = require('@shopify/react-native-skia');
 var Animated = require('react-native-reanimated');
 var pressto = require('pressto');
+var Haptics = require('expo-haptics');
 
 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 React__default = /*#__PURE__*/_interopDefault(React);
 var Animated__default = /*#__PURE__*/_interopDefault(Animated);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 
 // src/components/HolographicCard/HolographicCard.tsx
 var makePressable = (scale) => pressto.createAnimatedPressable((progress) => {
@@ -21,22 +41,11 @@ var PressableCard = makePressable(0.98);
 makePressable(0.97);
 makePressable(0.94);
 makePressable(0.95);
-var _haptics = null;
-var _loaded = false;
-async function getHaptics() {
-  if (reactNative.Platform.OS === "web") return null;
-  if (!_loaded) {
-    _loaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
-    }
-  }
-  return _haptics;
+function maybeHaptics() {
+  return reactNative.Platform.OS === "web" ? null : Haptics__namespace;
 }
 function impactLight() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Light);
 }
 
 // src/tokens.ts

package/dist/HolographicCard.mjs

@@ -1,7 +1,6 @@
 import { PressableCard } from './chunk-IFYMBOEN.mjs';
-import { impactLight } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import './chunk-Y6FXYEAI.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
 import React, { useMemo, useEffect } from 'react';
 import { Platform } from 'react-native';
 import { useImage, vec, Canvas, Group, Image, RoundedRect, LinearGradient } from '@shopify/react-native-skia';

package/dist/IconButton.d.mts

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type IconButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'destructive';
 type IconButtonSize = 'sm' | 'md' | 'lg';
 interface IconButtonProps {
     iconName?: string;
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     iconColor?: string;
     variant?: IconButtonVariant;
     size?: IconButtonSize;
@@ -21,7 +21,7 @@ interface IconButtonProps {
     accessibilityLabel?: string;
     accessibilityHint?: string;
 }
-declare function IconButtonBase({ iconName, icon, iconColor, variant, size, loading, badge, disabled, style, onPress, accessibilityLabel, accessibilityHint, }: IconButtonProps): React.JSX.Element;
-declare const IconButton: React.MemoExoticComponent<typeof IconButtonBase>;
+declare function IconButtonBase({ iconName, icon, iconColor, variant, size, loading, badge, disabled, style, onPress, accessibilityLabel, accessibilityHint, }: IconButtonProps): React__default.JSX.Element;
+declare const IconButton: React__default.MemoExoticComponent<typeof IconButtonBase>;
 
 export { IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant };

package/dist/IconButton.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type IconButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'destructive';
 type IconButtonSize = 'sm' | 'md' | 'lg';
 interface IconButtonProps {
     iconName?: string;
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     iconColor?: string;
     variant?: IconButtonVariant;
     size?: IconButtonSize;
@@ -21,7 +21,7 @@ interface IconButtonProps {
     accessibilityLabel?: string;
     accessibilityHint?: string;
 }
-declare function IconButtonBase({ iconName, icon, iconColor, variant, size, loading, badge, disabled, style, onPress, accessibilityLabel, accessibilityHint, }: IconButtonProps): React.JSX.Element;
-declare const IconButton: React.MemoExoticComponent<typeof IconButtonBase>;
+declare function IconButtonBase({ iconName, icon, iconColor, variant, size, loading, badge, disabled, style, onPress, accessibilityLabel, accessibilityHint, }: IconButtonProps): React__default.JSX.Element;
+declare const IconButton: React__default.MemoExoticComponent<typeof IconButtonBase>;
 
 export { IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant };

package/dist/IconButton.js

@@ -2,6 +2,7 @@
 
 var React3 = require('react');
 var reactNative = require('react-native');
+var Haptics = require('expo-haptics');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
 var Entypo = require('@expo/vector-icons/Entypo');
@@ -13,7 +14,26 @@ var pressto = require('pressto');
 
 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 React3__default = /*#__PURE__*/_interopDefault(React3);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -22,22 +42,11 @@ var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
 
 // src/components/IconButton/IconButton.tsx
-var _haptics = null;
-var _loaded = false;
-async function getHaptics() {
-  if (reactNative.Platform.OS === "web") return null;
-  if (!_loaded) {
-    _loaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
-    }
-  }
-  return _haptics;
+function maybeHaptics() {
+  return reactNative.Platform.OS === "web" ? null : Haptics__namespace;
 }
 function impactLight() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Light);
 }
 var ThemeContext = React3.createContext(void 0);
 function useTheme() {
@@ -58,23 +67,17 @@ var ALL_FAMILIES = [
   { name: "MaterialIcons", component: MaterialIcons__default.default },
   { name: "Ionicons", component: Ionicons__default.default }
 ];
-var glyphCacheInitialized = false;
-function ensureGlyphCache() {
-  if (glyphCacheInitialized) return;
-  glyphCacheInitialized = true;
-  for (const entry of ALL_FAMILIES) {
-    try {
-      entry.glyphMap = entry.component.glyphMap;
-    } catch {
-      entry.glyphMap = {};
-    }
+function getGlyphMap(component) {
+  try {
+    return component.glyphMap ?? {};
+  } catch {
+    return {};
   }
 }
 function Icon({ name, size, color, family }) {
-  ensureGlyphCache();
   const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
-    const glyphMap = f.glyphMap;
-    return glyphMap ? name in glyphMap : false;
+    const glyphMap = getGlyphMap(f.component);
+    return name in glyphMap;
   });
   if (!entry) return null;
   return React3__default.default.createElement(entry.component, { name, size, color });

package/dist/IconButton.mjs

@@ -1,7 +1,6 @@
-export { IconButton } from './chunk-ZTPYUU5C.mjs';
+export { IconButton } from './chunk-ZRUUUVOO.mjs';
 import './chunk-IFYMBOEN.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/IconPicker.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface IconPickerProps {
@@ -12,6 +12,6 @@ interface IconPickerProps {
     gap?: number;
     style?: ViewStyle;
 }
-declare function IconPicker({ value, onChange, label, error, hint, disabled, numColumns, gap, style, }: IconPickerProps): React.JSX.Element;
+declare function IconPicker({ value, onChange, label, error, hint, disabled, numColumns, gap, style, }: IconPickerProps): React__default.JSX.Element;
 
 export { IconPicker, type IconPickerProps };

package/dist/IconPicker.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface IconPickerProps {
@@ -12,6 +12,6 @@ interface IconPickerProps {
     gap?: number;
     style?: ViewStyle;
 }
-declare function IconPicker({ value, onChange, label, error, hint, disabled, numColumns, gap, style, }: IconPickerProps): React.JSX.Element;
+declare function IconPicker({ value, onChange, label, error, hint, disabled, numColumns, gap, style, }: IconPickerProps): React__default.JSX.Element;
 
 export { IconPicker, type IconPickerProps };

package/dist/IconPicker.js

@@ -11,10 +11,29 @@ var Feather = require('@expo/vector-icons/Feather');
 var FontAwesome5 = require('@expo/vector-icons/FontAwesome5');
 var MaterialIcons = require('@expo/vector-icons/MaterialIcons');
 var Ionicons = require('@expo/vector-icons/Ionicons');
+var Haptics = require('expo-haptics');
 var reactNativeSizeMatters = require('react-native-size-matters');
 
 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 React4__default = /*#__PURE__*/_interopDefault(React4);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
@@ -22,6 +41,7 @@ var Feather__default = /*#__PURE__*/_interopDefault(Feather);
 var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
 var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 
 // src/components/IconPicker/IconPicker.tsx
 var ThemeContext = React4.createContext(void 0);
@@ -40,23 +60,17 @@ var ALL_FAMILIES = [
   { name: "MaterialIcons", component: MaterialIcons__default.default },
   { name: "Ionicons", component: Ionicons__default.default }
 ];
-var glyphCacheInitialized = false;
-function ensureGlyphCache() {
-  if (glyphCacheInitialized) return;
-  glyphCacheInitialized = true;
-  for (const entry of ALL_FAMILIES) {
-    try {
-      entry.glyphMap = entry.component.glyphMap;
-    } catch {
-      entry.glyphMap = {};
-    }
+function getGlyphMap(component) {
+  try {
+    return component.glyphMap ?? {};
+  } catch {
+    return {};
   }
 }
 function Icon({ name, size, color, family }) {
-  ensureGlyphCache();
   const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
-    const glyphMap = f.glyphMap;
-    return glyphMap ? name in glyphMap : false;
+    const glyphMap = getGlyphMap(f.component);
+    return name in glyphMap;
   });
   if (!entry) return null;
   return React4__default.default.createElement(entry.component, { name, size, color });
@@ -289,49 +303,30 @@ var CATEGORIES = [
     ]
   }
 ];
-var _allIcons = null;
-var _categorized = null;
 function getAllCuratedIcons() {
-  if (!_allIcons) {
-    const seen = /* @__PURE__ */ new Set();
-    const result = [];
-    for (const cat of CATEGORIES) {
-      for (const name of cat.icons) {
-        if (!seen.has(name)) {
-          seen.add(name);
-          result.push(name);
-        }
+  const seen = /* @__PURE__ */ new Set();
+  const result = [];
+  for (const cat of CATEGORIES) {
+    for (const name of cat.icons) {
+      if (!seen.has(name)) {
+        seen.add(name);
+        result.push(name);
       }
     }
-    _allIcons = result;
   }
-  return _allIcons;
+  return result;
 }
 function getCuratedCategories() {
-  if (!_categorized) {
-    _categorized = CATEGORIES.map((cat) => ({ ...cat, icons: [...cat.icons] }));
-  }
-  return _categorized;
+  return CATEGORIES.map((cat) => ({ ...cat, icons: [...cat.icons] }));
 }
-var _haptics = null;
-var _loaded = false;
-async function getHaptics() {
-  if (reactNative.Platform.OS === "web") return null;
-  if (!_loaded) {
-    _loaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
-    }
-  }
-  return _haptics;
+function maybeHaptics() {
+  return reactNative.Platform.OS === "web" ? null : Haptics__namespace;
 }
 function selectionAsync() {
-  getHaptics().then((h) => h?.selectionAsync());
+  maybeHaptics()?.selectionAsync();
 }
 function impactMedium() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Medium);
 }
 var isWeb = reactNative.Platform.OS === "web";
 var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;

package/dist/IconPicker.mjs

@@ -1,8 +1,7 @@
-export { IconPicker } from './chunk-NGEN2EES.mjs';
-import './chunk-2VIDP72N.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-QY3X2UYR.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+export { IconPicker } from './chunk-MQAK2W6L.mjs';
+import './chunk-K3V6OTVB.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-DYYPDQA2.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/Image.d.mts

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { ImageStyle } from 'react-native';
+import { ImageProps as ImageProps$1 } from 'expo-image';
+
+interface ImageProps extends Omit<ImageProps$1, 'source' | 'style'> {
+    /** Image source URI. */
+    src?: string | null;
+    /** Custom fallback shown when image fails to load or src is null. */
+    fallback?: React__default.ReactNode;
+    /** Aspect ratio width/height — e.g. 16/9, 4/3. Sets container height proportionally. */
+    aspectRatio?: number;
+    /** Border radius override. Defaults to 0. */
+    borderRadius?: number;
+    style?: ImageStyle;
+}
+declare function Image({ src, fallback, aspectRatio, borderRadius, style, ...props }: ImageProps): React__default.JSX.Element;
+
+export { Image, type ImageProps };

package/dist/Image.d.ts

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { ImageStyle } from 'react-native';
+import { ImageProps as ImageProps$1 } from 'expo-image';
+
+interface ImageProps extends Omit<ImageProps$1, 'source' | 'style'> {
+    /** Image source URI. */
+    src?: string | null;
+    /** Custom fallback shown when image fails to load or src is null. */
+    fallback?: React__default.ReactNode;
+    /** Aspect ratio width/height — e.g. 16/9, 4/3. Sets container height proportionally. */
+    aspectRatio?: number;
+    /** Border radius override. Defaults to 0. */
+    borderRadius?: number;
+    style?: ImageStyle;
+}
+declare function Image({ src, fallback, aspectRatio, borderRadius, style, ...props }: ImageProps): React__default.JSX.Element;
+
+export { Image, type ImageProps };

package/dist/Image.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var React2 = require('react');
+var reactNative = require('react-native');
+var expoImage = require('expo-image');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React2__default = /*#__PURE__*/_interopDefault(React2);
+
+// src/components/Image/Image.tsx
+var ThemeContext = React2.createContext(void 0);
+function useTheme() {
+  const context = React2.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+
+// src/components/Image/Image.tsx
+function Image({ src, fallback, aspectRatio, borderRadius = 0, style, ...props }) {
+  const { colors } = useTheme();
+  const [failed, setFailed] = React2.useState(false);
+  if (!src || failed) {
+    return fallback ? /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [style, { overflow: "hidden" }] }, fallback) : /* @__PURE__ */ React2__default.default.createElement(
+      reactNative.View,
+      {
+        style: [
+          { backgroundColor: colors.skeleton, overflow: "hidden" },
+          borderRadius ? { borderRadius } : void 0,
+          aspectRatio ? { aspectRatio } : void 0,
+          style
+        ]
+      }
+    );
+  }
+  const imageStyle = {
+    ...aspectRatio ? { aspectRatio, width: "100%" } : {},
+    ...borderRadius ? { borderRadius } : {}
+  };
+  return /* @__PURE__ */ React2__default.default.createElement(
+    expoImage.Image,
+    {
+      source: { uri: src },
+      style: [imageStyle, style],
+      onError: () => setFailed(true),
+      ...props
+    }
+  );
+}
+
+exports.Image = Image;

package/dist/Image.mjs

@@ -0,0 +1,2 @@
+export { Image } from './chunk-VISIOH33.mjs';
+import './chunk-ZQGCQ7SA.mjs';

package/dist/ImageUpload.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface ImageUploadProps {
@@ -20,14 +20,12 @@ interface ImageUploadProps {
     borderRadius?: number;
     /** Aspect ratio for the selected image. Defaults to 'cover'. */
     resizeMode?: 'cover' | 'contain' | 'stretch';
-    /** Whether to allow the user to crop the image after selecting. Defaults to true. */
-    allowsEditing?: boolean;
     disabled?: boolean;
     style?: ViewStyle;
     accessibilityLabel?: string;
     /** Called synchronously when user taps the upload area, before dynamic import and permission request. */
     onPickerStarting?: () => void;
 }
-declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, allowsEditing, disabled, style, accessibilityLabel, onPickerStarting, }: ImageUploadProps): React.JSX.Element;
+declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, disabled, style, accessibilityLabel, onPickerStarting, }: ImageUploadProps): React__default.JSX.Element;
 
 export { ImageUpload, type ImageUploadProps };

package/dist/ImageUpload.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface ImageUploadProps {
@@ -20,14 +20,12 @@ interface ImageUploadProps {
     borderRadius?: number;
     /** Aspect ratio for the selected image. Defaults to 'cover'. */
     resizeMode?: 'cover' | 'contain' | 'stretch';
-    /** Whether to allow the user to crop the image after selecting. Defaults to true. */
-    allowsEditing?: boolean;
     disabled?: boolean;
     style?: ViewStyle;
     accessibilityLabel?: string;
     /** Called synchronously when user taps the upload area, before dynamic import and permission request. */
     onPickerStarting?: () => void;
 }
-declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, allowsEditing, disabled, style, accessibilityLabel, onPickerStarting, }: ImageUploadProps): React.JSX.Element;
+declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, disabled, style, accessibilityLabel, onPickerStarting, }: ImageUploadProps): React__default.JSX.Element;
 
 export { ImageUpload, type ImageUploadProps };