@retray-dev/ui-kit 12.1.0 → 13.0.0

package/dist/chunk-AQEVCEXV.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-EMUWGDWC.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-DOGIPOF5.mjs

@@ -1,131 +0,0 @@
-import { PressableButton } from './chunk-3DKJ2GIC.mjs';
-import { impactMedium } from './chunk-EJ7ZPXOH.mjs';
-import { TYPOGRAPHY, RADIUS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
-import { vs, s, mvs, ms } from './chunk-2CE3TQVY.mjs';
-import React from 'react';
-import { StyleSheet, View, ActivityIndicator, Text } from 'react-native';
-
-var containerSizeStyles = {
-  // AUDIT FIX: sm was 40pt — below Apple HIG 44pt minimum touch target.
-  sm: { paddingHorizontal: s(16), paddingVertical: vs(12), minHeight: 44 },
-  md: { paddingHorizontal: s(24), paddingVertical: vs(14), minHeight: 48 },
-  lg: { paddingHorizontal: s(28), paddingVertical: vs(16), minHeight: 56 }
-};
-var labelSizeStyles = {
-  sm: { ...TYPOGRAPHY["button-sm"], fontSize: ms(TYPOGRAPHY["button-sm"].fontSize) },
-  md: { ...TYPOGRAPHY["button-lg"], fontSize: ms(TYPOGRAPHY["button-lg"].fontSize) },
-  lg: { ...TYPOGRAPHY["button-lg"], fontSize: ms(TYPOGRAPHY["button-lg"].fontSize + 1), lineHeight: mvs(24) }
-};
-var iconSizeMap = { sm: 16, md: 18, lg: 20 };
-function ButtonBase({
-  label,
-  variant = "primary",
-  size = "md",
-  loading = false,
-  fullWidth = false,
-  icon,
-  iconName,
-  iconColor,
-  iconPosition = "left",
-  disabled,
-  style,
-  onPress,
-  accessibilityLabel,
-  accessibilityHint
-}) {
-  const { colors } = useTheme();
-  const isDisabled = disabled || loading;
-  const handlePress = () => {
-    impactMedium();
-    onPress?.();
-  };
-  const containerVariantStyle = {
-    primary: { backgroundColor: colors.primary },
-    secondary: { backgroundColor: "transparent", borderWidth: 1.5, borderColor: colors.primary },
-    text: { backgroundColor: "transparent" },
-    destructive: { backgroundColor: colors.destructive }
-  }[variant];
-  const labelVariantStyle = {
-    primary: { color: colors.primaryForeground },
-    secondary: { color: colors.primary },
-    // AUDIT FIX: was colors.foreground — visually indistinguishable from plain text,
-    // no affordance that it's a CTA. Now uses accentResolved so text-only buttons
-    // carry the brand voltage. Falls back to primary when no accent is defined.
-    text: { color: colors.accentResolved },
-    destructive: { color: colors.destructiveForeground }
-  }[variant];
-  const textColor = iconColor ?? labelVariantStyle.color;
-  const effectiveIcon = iconName ? renderIcon(iconName, iconSizeMap[size], textColor) : typeof icon === "function" ? icon({ label, size, variant, color: textColor }) : icon;
-  const spinnerColor = variant === "destructive" ? colors.destructiveForeground : variant === "primary" ? colors.primaryForeground : colors.accentResolved;
-  const styleArray = Array.isArray(style) ? style : style ? [style] : [];
-  const flatStyle = StyleSheet.flatten(styleArray);
-  const { flex, ...restStyle } = flatStyle || {};
-  return /* @__PURE__ */ React.createElement(View, { style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }] }, /* @__PURE__ */ React.createElement(
-    PressableButton,
-    {
-      style: [
-        styles.base,
-        containerVariantStyle,
-        containerSizeStyles[size],
-        fullWidth && styles.fullWidth,
-        isDisabled && styles.disabled,
-        restStyle
-      ],
-      enabled: !isDisabled,
-      onPress: handlePress,
-      rippleColor: "transparent",
-      touchSoundDisabled: true,
-      activateOnHover: true,
-      accessibilityRole: "button",
-      accessibilityLabel: accessibilityLabel ?? label,
-      accessibilityHint,
-      accessibilityState: { disabled: isDisabled, busy: loading }
-    },
-    loading ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React.createElement(
-      Text,
-      {
-        style: [styles.label, labelVariantStyle, labelSizeStyles[size], styles.labelLoading],
-        allowFontScaling: true,
-        numberOfLines: 1
-      },
-      label
-    )) : /* @__PURE__ */ React.createElement(React.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React.createElement(React.Fragment, null, effectiveIcon), /* @__PURE__ */ React.createElement(
-      Text,
-      {
-        style: [styles.label, labelVariantStyle, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
-        allowFontScaling: true,
-        numberOfLines: 1
-      },
-      label
-    ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React.createElement(React.Fragment, null, effectiveIcon))
-  ));
-}
-var Button = React.memo(ButtonBase);
-var styles = StyleSheet.create({
-  base: {
-    borderRadius: RADIUS.md,
-    alignItems: "center",
-    justifyContent: "center",
-    flexDirection: "row"
-  },
-  fullWidth: {
-    width: "100%"
-  },
-  disabled: {
-    opacity: 0.45
-  },
-  label: {
-    fontFamily: "Sohne-Medium",
-    flexShrink: 1
-  },
-  labelWithIcon: {
-    marginHorizontal: s(6)
-  },
-  labelLoading: {
-    opacity: 0.6
-  }
-});
-
-export { Button };

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-J6Q2YJEV.mjs

@@ -1,134 +0,0 @@
-import { usePressScale } from './chunk-YNROWHQJ.mjs';
-import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { PRESS_SCALE, COLOR_TRANSITION, SPRING_ELASTIC } from './chunk-DVK4G2GT.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
-import { mvs, ms, s, vs } from './chunk-2CE3TQVY.mjs';
-import React from 'react';
-import { StyleSheet, View, TouchableOpacity, Text } from 'react-native';
-import Animated from 'react-native-reanimated';
-import { EaseView } from 'react-native-ease';
-
-function RadioItem({
-  option,
-  selected,
-  onSelect
-}) {
-  const { colors } = useTheme();
-  const { animatedStyle: scaleStyle, onPressIn, onPressOut } = usePressScale({
-    pressScale: PRESS_SCALE.button,
-    disabled: option.disabled
-  });
-  return (
-    // AUDIT FIX: opacity was applied only to the radio circle, leaving the label
-    // at full opacity when disabled. The whole row now dims uniformly so users
-    // get a single, consistent disabled signal across the entire item.
-    /* @__PURE__ */ React.createElement(
-      TouchableOpacity,
-      {
-        style: [styles.row, option.disabled && styles.rowDisabled],
-        onPress: () => {
-          if (!option.disabled) {
-            selectionAsync();
-            onSelect();
-          }
-        },
-        onPressIn,
-        onPressOut,
-        activeOpacity: 1,
-        touchSoundDisabled: true,
-        disabled: option.disabled,
-        accessibilityRole: "radio",
-        accessibilityLabel: option.label,
-        accessibilityState: { checked: selected, disabled: !!option.disabled }
-      },
-      /* @__PURE__ */ React.createElement(Animated.View, { style: scaleStyle }, /* @__PURE__ */ React.createElement(
-        EaseView,
-        {
-          style: styles.radio,
-          animate: { borderColor: selected ? colors.primary : colors.border },
-          transition: COLOR_TRANSITION
-        },
-        /* @__PURE__ */ React.createElement(
-          EaseView,
-          {
-            style: [styles.dot, { backgroundColor: colors.primary }],
-            animate: { scale: selected ? 1 : 0, opacity: selected ? 1 : 0 },
-            transition: SPRING_ELASTIC
-          }
-        )
-      )),
-      /* @__PURE__ */ React.createElement(
-        Text,
-        {
-          style: [styles.label, { color: colors.foreground }],
-          allowFontScaling: true
-        },
-        option.label
-      )
-    )
-  );
-}
-function RadioGroup({
-  options,
-  value,
-  onValueChange,
-  orientation = "vertical",
-  style,
-  accessibilityLabel
-}) {
-  return /* @__PURE__ */ React.createElement(
-    View,
-    {
-      style: [styles.container, orientation === "horizontal" && styles.horizontal, style],
-      accessibilityRole: "radiogroup",
-      accessibilityLabel
-    },
-    options.map((option) => /* @__PURE__ */ React.createElement(
-      RadioItem,
-      {
-        key: option.value,
-        option,
-        selected: option.value === value,
-        onSelect: () => onValueChange?.(option.value)
-      }
-    ))
-  );
-}
-var styles = StyleSheet.create({
-  container: {
-    gap: vs(12)
-  },
-  horizontal: {
-    flexDirection: "row",
-    flexWrap: "wrap"
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: s(12)
-  },
-  // AUDIT FIX: was opacity on the inner circle only
-  rowDisabled: {
-    opacity: 0.45
-  },
-  radio: {
-    width: s(24),
-    height: s(24),
-    borderRadius: s(12),
-    borderWidth: 1.5,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  dot: {
-    width: s(10),
-    height: s(10),
-    borderRadius: s(5)
-  },
-  label: {
-    fontFamily: "Sohne-Regular",
-    fontSize: ms(14),
-    lineHeight: mvs(20)
-  }
-});
-
-export { RadioGroup };