@retray-dev/ui-kit 12.2.0 → 13.0.0

package/dist/chunk-2BA3JMKK.mjs

@@ -1,136 +0,0 @@
-import { TIMINGS, EASINGS } from './chunk-DVK4G2GT.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.mjs';
-import { vs, ms, s } from './chunk-2CE3TQVY.mjs';
-import React, { useState, useEffect } from 'react';
-import { Platform, StyleSheet, View, Text, TextInput } from 'react-native';
-import Animated, { useAnimatedStyle, interpolate, interpolateColor, useSharedValue, withTiming } from 'react-native-reanimated';
-
-function useColorTransition(active, options = {}) {
-  const { duration = TIMINGS.state.duration } = options;
-  const progress = useSharedValue(active ? 1 : 0);
-  useEffect(() => {
-    progress.value = withTiming(active ? 1 : 0, { duration, easing: EASINGS.standard });
-  }, [active, duration, progress]);
-  return progress;
-}
-
-// src/components/Textarea/Textarea.tsx
-var webInputResetStyle = Platform.OS === "web" ? { outlineStyle: "none", outlineWidth: 0, outlineColor: "transparent", boxShadow: "none" } : {};
-function Textarea({
-  label,
-  error,
-  hint,
-  rows = 4,
-  prefixIcon,
-  prefixIconNode,
-  prefixIconColor,
-  containerStyle,
-  style,
-  onFocus,
-  onBlur,
-  accessibilityLabel,
-  ...props
-}) {
-  const { colors } = useTheme();
-  const [focused, setFocused] = useState(false);
-  const focusProgress = useColorTransition(focused, {
-    duration: focused ? TIMINGS.focusIn.duration : TIMINGS.focusOut.duration
-  });
-  const resolvedPrefixIcon = prefixIcon ? renderIcon(prefixIcon, ms(16), prefixIconColor ?? colors.foregroundMuted) : prefixIconNode;
-  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])
-  }));
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, containerStyle] }, label ? /* @__PURE__ */ React.createElement(Text, { style: [styles.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React.createElement(
-    Animated.View,
-    {
-      style: [
-        styles.inputWrapper,
-        { backgroundColor: colors.background }
-      ]
-    },
-    /* @__PURE__ */ React.createElement(Animated.View, { style: [styles.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
-    resolvedPrefixIcon ? /* @__PURE__ */ React.createElement(View, { style: styles.prefixIcon }, resolvedPrefixIcon) : null,
-    /* @__PURE__ */ React.createElement(
-      TextInput,
-      {
-        multiline: true,
-        numberOfLines: rows,
-        textAlignVertical: "top",
-        style: [
-          styles.input,
-          {
-            color: colors.foreground,
-            minHeight: rows * vs(30)
-          },
-          webInputResetStyle,
-          style
-        ],
-        onFocus: (e) => {
-          setFocused(true);
-          onFocus?.(e);
-        },
-        onBlur: (e) => {
-          setFocused(false);
-          onBlur?.(e);
-        },
-        placeholderTextColor: colors.foregroundMuted,
-        allowFontScaling: true,
-        accessibilityLabel: accessibilityLabel ?? label,
-        ...props
-      }
-    )
-  ), error ? /* @__PURE__ */ React.createElement(
-    Text,
-    {
-      style: [styles.helperText, { color: colors.destructive }],
-      allowFontScaling: true,
-      accessibilityLiveRegion: "polite"
-    },
-    error
-  ) : null, !error && hint ? /* @__PURE__ */ React.createElement(Text, { style: [styles.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
-}
-var styles = StyleSheet.create({
-  container: {
-    gap: vs(4)
-  },
-  label: {
-    fontFamily: "Sohne-Medium",
-    fontSize: ms(13),
-    lineHeight: vs(18),
-    marginBottom: vs(2)
-  },
-  inputWrapper: {
-    // Border lives on borderOverlay (absolute); wrapper carries none so the
-    // focus weight change never reflows content.
-    borderRadius: 8,
-    paddingHorizontal: s(14),
-    paddingVertical: vs(11),
-    gap: s(8)
-  },
-  borderOverlay: {
-    ...StyleSheet.absoluteFillObject,
-    borderRadius: 8
-  },
-  prefixIcon: {
-    alignItems: "flex-start",
-    justifyContent: "flex-start",
-    paddingTop: vs(2)
-  },
-  input: {
-    fontFamily: "Sohne-Regular",
-    fontSize: ms(14),
-    lineHeight: vs(22),
-    padding: 0,
-    margin: 0
-  },
-  helperText: {
-    fontFamily: "Sohne-Regular",
-    fontSize: ms(12),
-    lineHeight: vs(16),
-    marginTop: vs(4)
-  }
-});
-
-export { Textarea };

package/dist/chunk-3DKJ2GIC.mjs

@@ -1,30 +0,0 @@
-import { PRESS_SCALE } from './chunk-DVK4G2GT.mjs';
-import { createAnimatedPressable } from 'pressto';
-
-var PressableButton = createAnimatedPressable((progress) => {
-  "worklet";
-  const scale = 1 - (1 - PRESS_SCALE.button) * progress;
-  return { transform: [{ scale }] };
-});
-var PressableCard = createAnimatedPressable((progress) => {
-  "worklet";
-  const scale = 1 - (1 - PRESS_SCALE.card) * progress;
-  return { transform: [{ scale }] };
-});
-var PressableRow = createAnimatedPressable((progress) => {
-  "worklet";
-  const scale = 1 - (1 - PRESS_SCALE.row) * progress;
-  return { transform: [{ scale }] };
-});
-var PressableChip = createAnimatedPressable((progress) => {
-  "worklet";
-  const scale = 1 - (1 - PRESS_SCALE.chip) * progress;
-  return { transform: [{ scale }] };
-});
-var PressableTab = createAnimatedPressable((progress) => {
-  "worklet";
-  const scale = 1 - (1 - PRESS_SCALE.button) * progress;
-  return { transform: [{ scale }] };
-});
-
-export { PressableButton, PressableCard, PressableChip, PressableRow, PressableTab };

package/dist/chunk-7ELGZ66G.mjs

@@ -1,164 +0,0 @@
-import { useHover, usePressScale } from './chunk-YNROWHQJ.mjs';
-import { impactLight } from './chunk-EJ7ZPXOH.mjs';
-import { SPRINGS, PRESS_SCALE } from './chunk-DVK4G2GT.mjs';
-import { RADIUS, SHADOWS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.mjs';
-import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
-import React from 'react';
-import { StyleSheet, View, Platform, Image, TouchableOpacity, Text } from 'react-native';
-import Animated from 'react-native-reanimated';
-
-var aspectRatioMap = {
-  "1:1": 1,
-  "4:3": 3 / 4,
-  "16:9": 9 / 16,
-  "4:5": 5 / 4,
-  "3:2": 2 / 3
-};
-function MediaCardBase({
-  imageSource,
-  aspectRatio = "4:3",
-  badge,
-  actionIcon,
-  actionIconName,
-  actionActive = false,
-  onActionPress,
-  title,
-  subtitle,
-  caption,
-  onPress,
-  style,
-  imageStyle,
-  footer,
-  accessibilityLabel
-}) {
-  const { colors } = useTheme();
-  const { hovered, hoverHandlers } = useHover();
-  const { animatedStyle, onPressIn, onPressOut } = usePressScale({
-    pressScale: PRESS_SCALE.card,
-    pressInSpring: SPRINGS.surfacePressIn,
-    pressOutSpring: SPRINGS.surfacePressOut,
-    disabled: !onPress
-  });
-  const handlePress = () => {
-    if (!onPress) return;
-    impactLight();
-    onPress();
-  };
-  const ratio = aspectRatioMap[aspectRatio];
-  const resolvedActionIcon = actionIconName ? renderIcon(actionIconName, 18, actionActive ? colors.primary : colors.background) : actionIcon ?? renderIcon("heart", 18, actionActive ? colors.primary : colors.background);
-  const a11yLabel = accessibilityLabel ?? [title, subtitle].filter(Boolean).join(". ");
-  const cardContent = /* @__PURE__ */ React.createElement(
-    View,
-    {
-      style: [
-        styles.card,
-        hovered && styles.cardHovered,
-        style
-      ],
-      ...Platform.OS === "web" ? hoverHandlers : {}
-    },
-    /* @__PURE__ */ React.createElement(View, { style: [styles.imageContainer, imageStyle] }, /* @__PURE__ */ React.createElement(View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React.createElement(View, { style: StyleSheet.absoluteFill }, imageSource ? /* @__PURE__ */ React.createElement(
-      Image,
-      {
-        source: imageSource,
-        style: styles.image,
-        resizeMode: "cover"
-      }
-    ) : /* @__PURE__ */ React.createElement(View, { style: [styles.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React.createElement(View, { style: styles.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React.createElement(
-      TouchableOpacity,
-      {
-        style: [styles.actionButton, { backgroundColor: "rgba(0,0,0,0.24)" }],
-        onPress: (e) => {
-          e?.stopPropagation?.();
-          impactLight();
-          onActionPress?.();
-        },
-        activeOpacity: 0.8,
-        touchSoundDisabled: true,
-        accessibilityRole: Platform.OS === "web" && onPress ? void 0 : "button",
-        accessibilityLabel: actionIconName ?? "action",
-        accessibilityState: { selected: actionActive }
-      },
-      resolvedActionIcon
-    )),
-    (title || subtitle || caption || footer) && /* @__PURE__ */ React.createElement(View, { style: styles.meta }, title ? /* @__PURE__ */ React.createElement(Text, { style: [styles.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React.createElement(Text, { style: [styles.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React.createElement(Text, { style: [styles.caption, { color: colors.foregroundMuted }], numberOfLines: 1, allowFontScaling: true }, caption) : null, footer)
-  );
-  if (onPress) {
-    return /* @__PURE__ */ React.createElement(Animated.View, { style: animatedStyle }, /* @__PURE__ */ React.createElement(
-      TouchableOpacity,
-      {
-        onPress: handlePress,
-        onPressIn,
-        onPressOut,
-        activeOpacity: 1,
-        touchSoundDisabled: true,
-        accessibilityRole: "button",
-        accessibilityLabel: a11yLabel
-      },
-      cardContent
-    ));
-  }
-  return cardContent;
-}
-var MediaCard = React.memo(MediaCardBase);
-var styles = StyleSheet.create({
-  card: {
-    borderRadius: RADIUS.md,
-    overflow: "hidden",
-    backgroundColor: "transparent"
-  },
-  cardHovered: {
-    ...SHADOWS.md
-  },
-  imageContainer: {
-    borderRadius: RADIUS.md,
-    overflow: "hidden"
-  },
-  image: {
-    width: "100%",
-    height: "100%"
-  },
-  imagePlaceholder: {
-    width: "100%",
-    height: "100%"
-  },
-  badgeContainer: {
-    position: "absolute",
-    top: s(8),
-    left: s(8)
-  },
-  actionButton: {
-    position: "absolute",
-    top: s(8),
-    right: s(8),
-    width: s(32),
-    height: s(32),
-    borderRadius: 9999,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  meta: {
-    paddingTop: vs(8),
-    paddingBottom: vs(4),
-    gap: vs(2)
-  },
-  title: {
-    fontFamily: "Sohne-SemiBold",
-    fontSize: ms(14),
-    lineHeight: mvs(20)
-  },
-  subtitle: {
-    fontFamily: "Sohne-Regular",
-    fontSize: ms(13),
-    lineHeight: mvs(18)
-  },
-  caption: {
-    fontFamily: "Sohne-Regular",
-    fontSize: ms(12),
-    lineHeight: mvs(16)
-  }
-});
-
-export { MediaCard };

package/dist/chunk-DVK4G2GT.mjs

@@ -1,59 +0,0 @@
-import { Easing } from 'react-native-reanimated';
-
-// src/utils/animations.ts
-var SPRINGS = {
-  /** Tight, premium press feel — Buttons, Toggle, Tabs triggers. */
-  pressIn: { stiffness: 600, damping: 35, mass: 0.8 },
-  pressOut: { stiffness: 280, damping: 22, mass: 0.8 },
-  /** Slightly softer for larger surfaces — Card, ListItem, MenuItem. */
-  surfacePressIn: { stiffness: 380, damping: 30, mass: 0.95 },
-  surfacePressOut: { stiffness: 220, damping: 20, mass: 0.95 },
-  /** Settled transitions for moving indicators — Tabs pill, Switch thumb. */
-  glide: { stiffness: 380, damping: 38, mass: 1 },
-  /** Elastic indicator — Switch thumb, RadioGroup dot. */
-  elastic: { stiffness: 320, damping: 22, mass: 0.7 }
-};
-var TIMINGS = {
-  /** Color/opacity transitions on toggles, checkboxes, switches. */
-  state: { duration: 160 },
-  /** Focus ring on inputs. */
-  focusIn: { duration: 140 },
-  focusOut: { duration: 100 },
-  /** Accordion / collapsible content. */
-  expand: { duration: 240 },
-  collapse: { duration: 200 },
-  /** Skeleton shimmer cycle (full pass). */
-  shimmer: { duration: 1400 }
-};
-var EASINGS = {
-  /** Material-style ease-out — natural deceleration for state changes. */
-  standard: Easing.bezier(0.2, 0, 0, 1),
-  /** Strong ease-out for expanding surfaces (Accordion open). */
-  expand: Easing.bezier(0.23, 1, 0.32, 1),
-  /** Quick ease-in for collapsing. */
-  collapse: Easing.in(Easing.ease)
-};
-var COLOR_TRANSITION = {
-  type: "timing",
-  duration: TIMINGS.state.duration,
-  easing: [0.2, 0, 0, 1]
-};
-var OPACITY_TRANSITION = {
-  type: "timing",
-  duration: TIMINGS.state.duration,
-  easing: [0.2, 0, 0, 1]
-};
-var SPRING_ELASTIC = {
-  type: "spring",
-  stiffness: 320,
-  damping: 22,
-  mass: 0.7
-};
-var PRESS_SCALE = {
-  button: 0.95,
-  card: 0.98,
-  row: 0.97,
-  chip: 0.94
-};
-
-export { COLOR_TRANSITION, EASINGS, OPACITY_TRANSITION, PRESS_SCALE, SPRINGS, SPRING_ELASTIC, TIMINGS };

package/dist/chunk-EJ7ZPXOH.mjs

@@ -1,163 +0,0 @@
-import { __require } from './chunk-Y6FXYEAI.mjs';
-import { Platform, NativeModules } from 'react-native';
-
-var _haptics = null;
-var _hapticsLoaded = false;
-async function getHaptics() {
-  if (Platform.OS === "web") return null;
-  if (!_hapticsLoaded) {
-    _hapticsLoaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
-    }
-  }
-  return _haptics;
-}
-var _pulsar = null;
-var _pulsarChecked = false;
-var _pulsarAvailable = false;
-function isPulsarNativeRegistered() {
-  try {
-    const g = globalThis;
-    if (typeof g.__turboModuleProxy === "function") {
-      return g.__turboModuleProxy("RNPulsar") != null;
-    }
-    return NativeModules?.RNPulsar != null;
-  } catch {
-    return false;
-  }
-}
-function getPulsar() {
-  if (Platform.OS === "web") return null;
-  if (!_pulsarChecked) {
-    _pulsarChecked = true;
-    try {
-      if (isPulsarNativeRegistered()) {
-        _pulsar = __require("react-native-pulsar");
-        _pulsarAvailable = true;
-      }
-    } catch {
-      _pulsar = null;
-      _pulsarAvailable = false;
-    }
-  }
-  return _pulsarAvailable ? _pulsar : null;
-}
-function selectionAsync() {
-  if (Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.selectionAsync();
-    } else {
-      getPulsar()?.Presets.System.selection();
-    }
-  });
-}
-function impactLight() {
-  if (Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.impactAsync(h.ImpactFeedbackStyle.Light);
-    } else {
-      getPulsar()?.Presets.System.impactLight();
-    }
-  });
-}
-function impactMedium() {
-  if (Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.impactAsync(h.ImpactFeedbackStyle.Medium);
-    } else {
-      getPulsar()?.Presets.System.impactMedium();
-    }
-  });
-}
-function impactHeavy() {
-  if (Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.impactAsync(h.ImpactFeedbackStyle.Heavy);
-    } else {
-      getPulsar()?.Presets.System.impactHeavy();
-    }
-  });
-}
-function notificationSuccess() {
-  if (Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.notificationAsync(h.NotificationFeedbackType.Success);
-    } else {
-      getPulsar()?.Presets.System.notificationSuccess();
-    }
-  });
-}
-function notificationError() {
-  if (Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.notificationAsync(h.NotificationFeedbackType.Error);
-    } else {
-      getPulsar()?.Presets.System.notificationError();
-    }
-  });
-}
-function notificationWarning() {
-  if (Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.notificationAsync(h.NotificationFeedbackType.Warning);
-    } else {
-      getPulsar()?.Presets.System.notificationWarning();
-    }
-  });
-}
-var richHaptics = {
-  /** Hammer strike — strong confirmation feedback. */
-  hammer: () => {
-    if (Platform.OS === "web") return;
-    const p = getPulsar();
-    if (p) p.Presets.hammer();
-    else impactHeavy();
-  },
-  /** Pulse — rhythmic feedback for toggles or state changes. */
-  pulse: () => {
-    if (Platform.OS === "web") return;
-    const p = getPulsar();
-    if (p) p.Presets.pulse();
-    else selectionAsync();
-  },
-  /** Buzz — continuous vibration for attention. */
-  buzz: () => {
-    if (Platform.OS === "web") return;
-    const p = getPulsar();
-    if (p) p.Presets.buzz();
-    else impactMedium();
-  },
-  /** Flick — crisp click feedback. */
-  flick: () => {
-    if (Platform.OS === "web") return;
-    const p = getPulsar();
-    if (p) p.Presets.flick();
-    else selectionAsync();
-  },
-  /** Soft — gentle, subtle feedback. */
-  soft: () => {
-    if (Platform.OS === "web") return;
-    const p = getPulsar();
-    if (p) p.Presets.System.impactSoft();
-    else impactLight();
-  },
-  /** Rigid — firm, solid feedback. */
-  rigid: () => {
-    if (Platform.OS === "web") return;
-    const p = getPulsar();
-    if (p) p.Presets.System.impactRigid();
-    else impactMedium();
-  }
-};
-
-export { impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, richHaptics, selectionAsync };

package/dist/chunk-KA7LTET3.mjs

@@ -1,71 +0,0 @@
-import React from 'react';
-import AntDesign from '@expo/vector-icons/AntDesign';
-import Entypo from '@expo/vector-icons/Entypo';
-import Feather from '@expo/vector-icons/Feather';
-import FontAwesome5 from '@expo/vector-icons/FontAwesome5';
-import MaterialIcons from '@expo/vector-icons/MaterialIcons';
-import Ionicons from '@expo/vector-icons/Ionicons';
-
-// src/utils/icons.ts
-var glyphMapOf = (mod) => mod.glyphMap ?? {};
-var ALL_FAMILIES = [
-  { name: "Ionicons", component: Ionicons, getGlyphMap: () => glyphMapOf(Ionicons) },
-  { name: "MaterialIcons", component: MaterialIcons, getGlyphMap: () => glyphMapOf(MaterialIcons) },
-  { name: "FontAwesome5", component: FontAwesome5, getGlyphMap: () => glyphMapOf(FontAwesome5) },
-  { name: "Entypo", component: Entypo, getGlyphMap: () => glyphMapOf(Entypo) },
-  { name: "AntDesign", component: AntDesign, getGlyphMap: () => glyphMapOf(AntDesign) },
-  { name: "Feather", component: Feather, getGlyphMap: () => glyphMapOf(Feather) }
-];
-var activeFamilies = ALL_FAMILIES;
-var resolvedCache = null;
-function configureIconFamilies(families) {
-  const order = families.map((n) => ALL_FAMILIES.find((f) => f.name === n)).filter((f) => f !== void 0);
-  activeFamilies = order.length > 0 ? order : ALL_FAMILIES;
-  resolvedCache = null;
-}
-function buildCache(families) {
-  const cache = /* @__PURE__ */ new Map();
-  for (const family of families ?? activeFamilies) {
-    const glyphMap = family.getGlyphMap();
-    for (const iconName of Object.keys(glyphMap)) {
-      cache.set(iconName, family);
-    }
-  }
-  return cache;
-}
-function resolveFamily(name) {
-  if (!resolvedCache) {
-    resolvedCache = buildCache();
-  }
-  return resolvedCache.get(name) ?? null;
-}
-var cachedIconNames = null;
-function getValidIconNames(families) {
-  if (families && families.length > 0) {
-    const tempFamilies = families.map((n) => ALL_FAMILIES.find((f) => f.name === n)).filter((f) => f !== void 0);
-    if (tempFamilies.length === 0) return [];
-    const cache = buildCache(tempFamilies);
-    return Array.from(cache.keys());
-  }
-  if (!cachedIconNames) {
-    const cache = buildCache();
-    cachedIconNames = Array.from(cache.keys());
-  }
-  return cachedIconNames;
-}
-function Icon({ name, size, color, family }) {
-  let resolved = null;
-  if (family) {
-    resolved = ALL_FAMILIES.find((f) => f.name === family) ?? null;
-  } else {
-    resolved = resolveFamily(name);
-  }
-  if (!resolved) return null;
-  const Component = resolved.component;
-  return React.createElement(Component, { name, size, color });
-}
-function renderIcon(name, size, color) {
-  return React.createElement(Icon, { name, size, color });
-}
-
-export { Icon, configureIconFamilies, getValidIconNames, renderIcon };