@retray-dev/ui-kit 10.2.0 → 12.2.0

package/dist/{chunk-OB4JUQ3O.mjs → chunk-TS7DGUIR.mjs}

@@ -1,5 +1,5 @@
 import { SPRINGS } from './chunk-DVK4G2GT.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-YTXRIXNZ.mjs';
 import { vs } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';

package/dist/{chunk-AV4EMIRH.mjs → chunk-UBUXUMER.mjs}

@@ -1,7 +1,7 @@
 import { PressableButton } from './chunk-3DKJ2GIC.mjs';
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { COLOR_TRANSITION, OPACITY_TRANSITION } from './chunk-DVK4G2GT.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-YTXRIXNZ.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-IRRY3CRZ.mjs → chunk-ULGNQPNE.mjs}

@@ -1,5 +1,5 @@
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-YTXRIXNZ.mjs';
 import { vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-7LWRKMF5.mjs → chunk-UNNRUJTM.mjs}

@@ -2,7 +2,7 @@ import { PressableButton } from './chunk-3DKJ2GIC.mjs';
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { COLOR_TRANSITION } from './chunk-DVK4G2GT.mjs';
 import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-YTXRIXNZ.mjs';
 import { vs, s, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-TB6SD2FT.mjs → chunk-UQ4742ET.mjs}

@@ -2,7 +2,7 @@ import { PressableRow } from './chunk-3DKJ2GIC.mjs';
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
 import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-YTXRIXNZ.mjs';
 import { vs, ms, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-MX6HRKMI.mjs → chunk-VJBUCITV.mjs}

@@ -1,4 +1,4 @@
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-YTXRIXNZ.mjs';
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 

package/dist/{chunk-2UYENBLV.mjs → chunk-YMYIEVZP.mjs}

@@ -1,4 +1,4 @@
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-YTXRIXNZ.mjs';
 import { ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { toast, Toaster } from 'sonner-native';

package/dist/{chunk-SOYNZDVY.mjs → chunk-YTXRIXNZ.mjs}

@@ -52,6 +52,11 @@ function darken(hex, amount) {
   if (!rgb) return hex;
   return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
 }
+function withAlpha(hex, alpha) {
+  const rgb = hexToRgb(hex);
+  if (!rgb) return hex;
+  return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha})`;
+}
 
 // src/theme/colors.ts
 var defaultLight = {
@@ -99,6 +104,7 @@ function deriveColors(t, scheme) {
   const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
   const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
   const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
+  const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
   const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
   const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
   const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
@@ -111,6 +117,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,
@@ -148,4 +155,4 @@ function useTheme() {
   return context;
 }
 
-export { ThemeProvider, defaultDark, defaultLight, deriveColors, useTheme };
+export { ThemeProvider, defaultDark, defaultLight, deriveColors, useTheme, withAlpha };

package/dist/{chunk-YFZ3ELX5.mjs → chunk-ZIMY2QUM.mjs}

@@ -1,5 +1,5 @@
-import { ToastProvider } from './chunk-2UYENBLV.mjs';
-import { ThemeProvider } from './chunk-SOYNZDVY.mjs';
+import { ToastProvider } from './chunk-YMYIEVZP.mjs';
+import { ThemeProvider } from './chunk-YTXRIXNZ.mjs';
 import React from 'react';
 import { StyleSheet } from 'react-native';
 import { SafeAreaProvider, initialWindowMetrics } from 'react-native-safe-area-context';

package/dist/{chunk-Z4VHZ7B5.mjs → chunk-ZR6HSEAB.mjs}

@@ -3,7 +3,7 @@ import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { PRESS_SCALE } from './chunk-DVK4G2GT.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
 import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-YTXRIXNZ.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React, { useState } from 'react';
 import { StyleSheet, ScrollView, View, TouchableOpacity, Text } from 'react-native';

package/dist/fonts.d.mts

@@ -30,11 +30,5 @@
 declare const SohneFontNames: readonly ["Sohne-ExtraLight", "Sohne-ExtraLightItalic", "Sohne-Light", "Sohne-LightItalic", "Sohne-Regular", "Sohne-Italic", "Sohne-Medium", "Sohne-MediumItalic", "Sohne-SemiBold", "Sohne-SemiBoldItalic", "Sohne-Bold", "Sohne-BoldItalic", "Sohne-ExtraBold", "Sohne-ExtraBoldItalic", "SohneMono-ExtraLight", "SohneMono-ExtraLightItalic", "SohneMono-Light", "SohneMono-LightItalic", "SohneMono-Regular", "SohneMono-Italic", "SohneMono-Medium", "SohneMono-MediumItalic", "SohneMono-SemiBold", "SohneMono-SemiBoldItalic", "SohneMono-Bold", "SohneMono-BoldItalic", "SohneMono-ExtraBold", "SohneMono-ExtraBoldItalic"];
 /** Type for any valid Sohne font family name */
 type SohneFontName = (typeof SohneFontNames)[number];
-/**
- * @deprecated SohneFonts export removed in v10.0.0.
- * Metro cannot resolve require() calls from node_modules reliably.
- * Copy the static SohneFonts boilerplate from CONSUMER.md into your App.tsx instead.
- */
-declare const SohneFonts: undefined;
 
-export { type SohneFontName, SohneFontNames, SohneFonts };
+export { type SohneFontName, SohneFontNames };

package/dist/fonts.d.ts

@@ -30,11 +30,5 @@
 declare const SohneFontNames: readonly ["Sohne-ExtraLight", "Sohne-ExtraLightItalic", "Sohne-Light", "Sohne-LightItalic", "Sohne-Regular", "Sohne-Italic", "Sohne-Medium", "Sohne-MediumItalic", "Sohne-SemiBold", "Sohne-SemiBoldItalic", "Sohne-Bold", "Sohne-BoldItalic", "Sohne-ExtraBold", "Sohne-ExtraBoldItalic", "SohneMono-ExtraLight", "SohneMono-ExtraLightItalic", "SohneMono-Light", "SohneMono-LightItalic", "SohneMono-Regular", "SohneMono-Italic", "SohneMono-Medium", "SohneMono-MediumItalic", "SohneMono-SemiBold", "SohneMono-SemiBoldItalic", "SohneMono-Bold", "SohneMono-BoldItalic", "SohneMono-ExtraBold", "SohneMono-ExtraBoldItalic"];
 /** Type for any valid Sohne font family name */
 type SohneFontName = (typeof SohneFontNames)[number];
-/**
- * @deprecated SohneFonts export removed in v10.0.0.
- * Metro cannot resolve require() calls from node_modules reliably.
- * Copy the static SohneFonts boilerplate from CONSUMER.md into your App.tsx instead.
- */
-declare const SohneFonts: undefined;
 
-export { type SohneFontName, SohneFontNames, SohneFonts };
+export { type SohneFontName, SohneFontNames };

package/dist/fonts.js

@@ -33,7 +33,5 @@ var SohneFontNames = [
   "SohneMono-ExtraBold",
   "SohneMono-ExtraBoldItalic"
 ];
-var SohneFonts = void 0;
 
 exports.SohneFontNames = SohneFontNames;
-exports.SohneFonts = SohneFonts;

package/dist/fonts.mjs

@@ -33,6 +33,5 @@ var SohneFontNames = [
   "SohneMono-ExtraBold",
   "SohneMono-ExtraBoldItalic"
 ];
-var SohneFonts = void 0;
 
-export { SohneFontNames, SohneFonts };
+export { SohneFontNames };

package/dist/{index-wt-orHUi.d.ts → index-CY34hxPN.d.mts}

@@ -25,6 +25,7 @@ type ResolvedColors = ThemeColors & {
     foregroundMuted: string;
     surface: string;
     surfaceStrong: string;
+    skeleton: string;
     destructiveTint: string;
     destructiveBorder: string;
     successTint: string;

package/dist/{index-wt-orHUi.d.mts → index-CY34hxPN.d.ts}

@@ -25,6 +25,7 @@ type ResolvedColors = ThemeColors & {
     foregroundMuted: string;
     surface: string;
     surfaceStrong: string;
+    skeleton: string;
     destructiveTint: string;
     destructiveBorder: string;
     successTint: string;

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { T as Theme, C as ColorScheme, a as ThemeContextValue, b as ThemeColors, R as ResolvedColors } from './index-wt-orHUi.mjs';
-export { c as RetrayProvider, d as RetrayProviderProps } from './index-wt-orHUi.mjs';
+import { T as Theme, C as ColorScheme, a as ThemeContextValue, b as ThemeColors, R as ResolvedColors } from './index-CY34hxPN.mjs';
+export { c as RetrayProvider, d as RetrayProviderProps } from './index-CY34hxPN.mjs';
 export { Button, ButtonProps, ButtonSize, ButtonVariant } from './Button.mjs';
 export { ButtonGroup, ButtonGroupProps } from './ButtonGroup.mjs';
 export { IconButton, IconButtonProps, IconButtonSize, IconButtonVariant } from './IconButton.mjs';
@@ -46,6 +46,7 @@ export { ErrorBoundary, ErrorBoundaryProps, ErrorFallbackProps } from './ErrorBo
 export { PagerDots, PagerDotsProps } from './PagerDots.mjs';
 export { AppHeader, AppHeaderProps } from './AppHeader.mjs';
 export { SelectableGrid, SelectableGridItem, SelectableGridProps } from './SelectableGrid.mjs';
+export { SelectableCard, SelectableCardGroup, SelectableCardGroupProps, SelectableCardProps } from './SelectableCard.mjs';
 export { PricingCard, PricingCardProps, PricingFeature } from './PricingCard.mjs';
 export { TabBar, TabBarItem, TabBarProps } from './TabBar.mjs';
 export { ImageViewer, ImageViewerProps } from './ImageViewer.mjs';
@@ -53,6 +54,7 @@ export { SheetSelect, SheetSelectOption, SheetSelectProps } from './SheetSelect.
 export { ImageUpload, ImageUploadProps } from './ImageUpload.mjs';
 export { IconPicker, IconPickerProps } from './IconPicker.mjs';
 export { NumberStepper, NumberStepperProps, NumberStepperSize } from './NumberStepper.mjs';
+export { Stats, StatsGroupProps, StatsProps, StatsVariant } from './Stats.mjs';
 export { BottomSheetModalProvider, BottomSheetTextInput as SheetTextInput } from '@gorhom/bottom-sheet';
 export { toast } from 'sonner-native';
 import 'react-native';
@@ -103,6 +105,8 @@ declare function getValidIconNames(families?: IconFamily[]): string[];
 declare function Icon({ name, size, color, family }: IconProps): React.ReactElement | null;
 declare function renderIcon(name: string, size: number, color: string): React.ReactElement | null;
 
+declare function withAlpha(hex: string, alpha: number): string;
+
 /**
  * Returns a font size that steps down as formatted text grows longer.
  * Designed for currency/numeric displays where long values overflow.
@@ -389,4 +393,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, type UseConfirmDialogOptions, type UseConfirmDialogResult, configureIconFamilies, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, getValidIconNames, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, renderIcon, richHaptics, selectionAsync, useConfirmDialog, 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, getValidIconNames, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, renderIcon, richHaptics, selectionAsync, useConfirmDialog, useTheme, withAlpha };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { T as Theme, C as ColorScheme, a as ThemeContextValue, b as ThemeColors, R as ResolvedColors } from './index-wt-orHUi.js';
-export { c as RetrayProvider, d as RetrayProviderProps } from './index-wt-orHUi.js';
+import { T as Theme, C as ColorScheme, a as ThemeContextValue, b as ThemeColors, R as ResolvedColors } from './index-CY34hxPN.js';
+export { c as RetrayProvider, d as RetrayProviderProps } from './index-CY34hxPN.js';
 export { Button, ButtonProps, ButtonSize, ButtonVariant } from './Button.js';
 export { ButtonGroup, ButtonGroupProps } from './ButtonGroup.js';
 export { IconButton, IconButtonProps, IconButtonSize, IconButtonVariant } from './IconButton.js';
@@ -46,6 +46,7 @@ export { ErrorBoundary, ErrorBoundaryProps, ErrorFallbackProps } from './ErrorBo
 export { PagerDots, PagerDotsProps } from './PagerDots.js';
 export { AppHeader, AppHeaderProps } from './AppHeader.js';
 export { SelectableGrid, SelectableGridItem, SelectableGridProps } from './SelectableGrid.js';
+export { SelectableCard, SelectableCardGroup, SelectableCardGroupProps, SelectableCardProps } from './SelectableCard.js';
 export { PricingCard, PricingCardProps, PricingFeature } from './PricingCard.js';
 export { TabBar, TabBarItem, TabBarProps } from './TabBar.js';
 export { ImageViewer, ImageViewerProps } from './ImageViewer.js';
@@ -53,6 +54,7 @@ export { SheetSelect, SheetSelectOption, SheetSelectProps } from './SheetSelect.
 export { ImageUpload, ImageUploadProps } from './ImageUpload.js';
 export { IconPicker, IconPickerProps } from './IconPicker.js';
 export { NumberStepper, NumberStepperProps, NumberStepperSize } from './NumberStepper.js';
+export { Stats, StatsGroupProps, StatsProps, StatsVariant } from './Stats.js';
 export { BottomSheetModalProvider, BottomSheetTextInput as SheetTextInput } from '@gorhom/bottom-sheet';
 export { toast } from 'sonner-native';
 import 'react-native';
@@ -103,6 +105,8 @@ declare function getValidIconNames(families?: IconFamily[]): string[];
 declare function Icon({ name, size, color, family }: IconProps): React.ReactElement | null;
 declare function renderIcon(name: string, size: number, color: string): React.ReactElement | null;
 
+declare function withAlpha(hex: string, alpha: number): string;
+
 /**
  * Returns a font size that steps down as formatted text grows longer.
  * Designed for currency/numeric displays where long values overflow.
@@ -389,4 +393,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, type UseConfirmDialogOptions, type UseConfirmDialogResult, configureIconFamilies, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, getValidIconNames, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, renderIcon, richHaptics, selectionAsync, useConfirmDialog, 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, getValidIconNames, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, renderIcon, richHaptics, selectionAsync, useConfirmDialog, useTheme, withAlpha };