@retray-dev/ui-kit 10.2.0 → 12.2.0

package/dist/IconPicker.mjs

@@ -1,7 +1,8 @@
-export { IconPicker } from './chunk-53Z3NYGE.mjs';
+export { IconPicker } from './chunk-SAWUXP3A.mjs';
+import './chunk-LIS6I5UP.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-QY3X2UYR.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/ImageUpload.d.mts

@@ -20,10 +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;
 }
-declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, disabled, style, accessibilityLabel, }: ImageUploadProps): React.JSX.Element;
+declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, allowsEditing, disabled, style, accessibilityLabel, }: ImageUploadProps): React.JSX.Element;
 
 export { ImageUpload, type ImageUploadProps };

package/dist/ImageUpload.d.ts

@@ -20,10 +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;
 }
-declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, disabled, style, accessibilityLabel, }: ImageUploadProps): React.JSX.Element;
+declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, allowsEditing, disabled, style, accessibilityLabel, }: ImageUploadProps): React.JSX.Element;
 
 export { ImageUpload, type ImageUploadProps };

package/dist/ImageUpload.js

@@ -151,6 +151,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);
@@ -163,6 +164,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,
@@ -305,11 +307,13 @@ function ImageUpload({
   height = 200,
   borderRadius = RADIUS.lg,
   resizeMode = "cover",
+  allowsEditing = true,
   disabled = false,
   style,
   accessibilityLabel
 }) {
   const { colors } = useTheme();
+  const [imageLoaded, setImageLoaded] = React3.useState(false);
   const handlePress = async () => {
     if (disabled || loading) return;
     impactLight();
@@ -334,10 +338,11 @@ function ImageUpload({
     }
     const result = await picker.launchImageLibraryAsync({
       mediaTypes: ["images"],
-      allowsEditing: true,
+      allowsEditing,
       quality: 0.8
     });
     if (!result.canceled && result.assets?.[0]) {
+      setImageLoaded(false);
       onChange?.(result.assets[0].uri);
     }
   };
@@ -348,7 +353,7 @@ function ImageUpload({
     borderWidth: value ? 0 : 1,
     borderStyle: "dashed",
     borderColor: colors.border,
-    backgroundColor: value ? "transparent" : colors.surface,
+    backgroundColor: value && imageLoaded ? "transparent" : colors.surface,
     overflow: "hidden"
   };
   return /* @__PURE__ */ React3__default.default.createElement(
@@ -368,7 +373,9 @@ function ImageUpload({
       {
         source: { uri: value },
         style: [reactNative.StyleSheet.absoluteFillObject, { borderRadius }],
-        resizeMode
+        resizeMode,
+        onLoad: () => setImageLoaded(true),
+        onError: () => setImageLoaded(true)
       }
     ) : /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles2.placeholder }, /* @__PURE__ */ React3__default.default.createElement(vectorIcons.Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), showPlaceholderText ? /* @__PURE__ */ React3__default.default.createElement(
       reactNative.Text,

package/dist/ImageUpload.mjs

@@ -1,9 +1,9 @@
-export { ImageUpload } from './chunk-TZDGAP5N.mjs';
-import './chunk-WBOOUHSS.mjs';
+export { ImageUpload } from './chunk-CF27NBXO.mjs';
+import './chunk-LIS6I5UP.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/ImageViewer.js

@@ -175,6 +175,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);
@@ -187,6 +188,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,

package/dist/ImageViewer.mjs

@@ -1,10 +1,10 @@
-export { ImageViewer } from './chunk-ELXBDILQ.mjs';
-import './chunk-ZZ2R6KZ3.mjs';
-import './chunk-T2KCAHOS.mjs';
+export { ImageViewer } from './chunk-LPV4NJJK.mjs';
+import './chunk-OLVJFKXS.mjs';
+import './chunk-LOBLCFMN.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/Input.js

@@ -105,6 +105,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);
@@ -117,6 +118,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,

package/dist/Input.mjs

@@ -1,6 +1,6 @@
-export { Input } from './chunk-SXLKNTA4.mjs';
+export { Input } from './chunk-DF7JA72E.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/LabelValue.js

@@ -101,6 +101,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);
@@ -113,6 +114,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,

package/dist/LabelValue.mjs

@@ -1,5 +1,5 @@
-export { LabelValue } from './chunk-FCSSQK3L.mjs';
+export { LabelValue } from './chunk-57V2LXCK.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/ListGroup.js

@@ -89,6 +89,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);
@@ -101,6 +102,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,

package/dist/ListGroup.mjs

@@ -1,5 +1,5 @@
-export { ListGroup, ListGroupFooter, ListGroupHeader } from './chunk-SOA2Z4RB.mjs';
+export { ListGroup, ListGroupFooter, ListGroupHeader } from './chunk-C43HRKXH.mjs';
 import './chunk-QY3X2UYR.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/ListItem.d.mts

@@ -15,13 +15,13 @@ interface ListItemProps {
     leftRender?: React.ReactNode;
     /**
      * Arbitrary content rendered on the right (badge, price, chevron, switch, etc.).
-     * Replaces the old `trailing` prop (still accepted as an alias).
      */
     rightRender?: React.ReactNode | string;
-    /** @deprecated Use `rightRender` instead. */
-    trailing?: React.ReactNode | string;
-    /** @deprecated Use `leftRender` instead. */
-    icon?: React.ReactNode;
+    /**
+     * Multiple action buttons rendered on the right with automatic gap.
+     * Takes precedence over `rightRender` and `showChevron`.
+     */
+    rightActions?: React.ReactNode[];
     /**
      * Icon name from `@expo/vector-icons` rendered in the left slot.
      * See https://icons.expo.fyi. Takes precedence over `leftRender`.
@@ -46,7 +46,7 @@ interface ListItemProps {
      * - `card`: standalone surface with background, border and shadow.
      */
     variant?: ListItemVariant;
-    /** Show a right-pointing chevron on the far right. Ignored when `rightRender` / `trailing` is set. */
+    /** Show a right-pointing chevron on the far right. Ignored when `rightRender` / `rightActions` / `rightIcon` is set. */
     showChevron?: boolean;
     /** Visual separator line at the bottom of the item. Useful when rendering multiple plain items in a list. */
     showSeparator?: boolean;
@@ -65,7 +65,7 @@ interface ListItemProps {
     /** Accessibility label override. Defaults to the title. */
     accessibilityLabel?: string;
 }
-declare function ListItemBase({ imageSource, leftRender, rightRender, trailing, icon, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, }: ListItemProps): React.JSX.Element;
+declare function ListItemBase({ imageSource, leftRender, rightRender, rightActions, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, }: ListItemProps): React.JSX.Element;
 declare const ListItem: React.MemoExoticComponent<typeof ListItemBase>;
 
 export { ListItem, type ListItemProps };

package/dist/ListItem.d.ts

@@ -15,13 +15,13 @@ interface ListItemProps {
     leftRender?: React.ReactNode;
     /**
      * Arbitrary content rendered on the right (badge, price, chevron, switch, etc.).
-     * Replaces the old `trailing` prop (still accepted as an alias).
      */
     rightRender?: React.ReactNode | string;
-    /** @deprecated Use `rightRender` instead. */
-    trailing?: React.ReactNode | string;
-    /** @deprecated Use `leftRender` instead. */
-    icon?: React.ReactNode;
+    /**
+     * Multiple action buttons rendered on the right with automatic gap.
+     * Takes precedence over `rightRender` and `showChevron`.
+     */
+    rightActions?: React.ReactNode[];
     /**
      * Icon name from `@expo/vector-icons` rendered in the left slot.
      * See https://icons.expo.fyi. Takes precedence over `leftRender`.
@@ -46,7 +46,7 @@ interface ListItemProps {
      * - `card`: standalone surface with background, border and shadow.
      */
     variant?: ListItemVariant;
-    /** Show a right-pointing chevron on the far right. Ignored when `rightRender` / `trailing` is set. */
+    /** Show a right-pointing chevron on the far right. Ignored when `rightRender` / `rightActions` / `rightIcon` is set. */
     showChevron?: boolean;
     /** Visual separator line at the bottom of the item. Useful when rendering multiple plain items in a list. */
     showSeparator?: boolean;
@@ -65,7 +65,7 @@ interface ListItemProps {
     /** Accessibility label override. Defaults to the title. */
     accessibilityLabel?: string;
 }
-declare function ListItemBase({ imageSource, leftRender, rightRender, trailing, icon, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, }: ListItemProps): React.JSX.Element;
+declare function ListItemBase({ imageSource, leftRender, rightRender, rightActions, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, }: ListItemProps): React.JSX.Element;
 declare const ListItem: React.MemoExoticComponent<typeof ListItemBase>;
 
 export { ListItem, type ListItemProps };

package/dist/ListItem.js

@@ -163,6 +163,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);
@@ -175,6 +176,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,
@@ -297,8 +299,7 @@ function ListItemBase({
   imageSource,
   leftRender,
   rightRender,
-  trailing,
-  icon,
+  rightActions,
   leftIcon,
   rightIcon,
   leftIconColor,
@@ -323,8 +324,8 @@ function ListItemBase({
     selectionAsync();
     onPress?.();
   };
-  const effectiveLeft = imageSource ? /* @__PURE__ */ React3__default.default.createElement(reactNative.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 effectiveLeft = imageSource ? /* @__PURE__ */ React3__default.default.createElement(reactNative.Image, { source: imageSource, style: styles.image }) : leftIcon ? renderIcon(leftIcon, 24, leftIconColor ?? colors.foreground) : leftRender;
+  const hasRightContent = !!(rightIcon || rightActions && rightActions.length > 0 || rightRender !== void 0 || showChevron);
   const cardStyle = variant === "card" ? {
     backgroundColor: colors.card,
     borderRadius: RADIUS.md,
@@ -361,14 +362,14 @@ function ListItemBase({
       allowFontScaling: true
     },
     caption
-  ) : null), effectiveRight !== void 0 ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React3__default.default.createElement(
+  ) : null), hasRightContent ? rightIcon ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.rightContainer }, renderIcon(rightIcon, 24, rightIconColor ?? colors.foregroundMuted)) : rightActions && rightActions.length > 0 ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.rightActionsContainer }, rightActions.map((action, i) => /* @__PURE__ */ React3__default.default.createElement(React3__default.default.Fragment, { key: i }, action))) : rightRender !== void 0 ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.rightContainer }, typeof rightRender === "string" ? /* @__PURE__ */ React3__default.default.createElement(
     reactNative.Text,
     {
       style: [styles.rightText, { color: colors.foregroundMuted }],
       allowFontScaling: true
     },
-    effectiveRight
-  ) : effectiveRight) : showChevron ? /* @__PURE__ */ React3__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null);
+    rightRender
+  ) : rightRender) : showChevron ? /* @__PURE__ */ React3__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null : null);
   if (onPress) {
     return /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: disabled && styles.disabled }, /* @__PURE__ */ React3__default.default.createElement(
       PressableRow,
@@ -435,6 +436,12 @@ var styles = reactNative.StyleSheet.create({
     flexShrink: 0,
     maxWidth: s(160)
   },
+  rightActionsContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(8),
+    flexShrink: 0
+  },
   rightText: {
     fontFamily: "Sohne-Regular",
     fontSize: ms(14)

package/dist/ListItem.mjs

@@ -1,9 +1,9 @@
-export { ListItem } from './chunk-VKID2D2I.mjs';
+export { ListItem } from './chunk-EDLCGYIO.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/MediaCard.js

@@ -162,6 +162,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);
@@ -174,6 +175,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,

package/dist/MediaCard.mjs

@@ -1,9 +1,9 @@
-export { MediaCard } from './chunk-IX3NYLYQ.mjs';
+export { MediaCard } from './chunk-7ELGZ66G.mjs';
 import './chunk-YNROWHQJ.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/MenuGroup.js

@@ -89,6 +89,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);
@@ -101,6 +102,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,

package/dist/MenuGroup.mjs

@@ -1,5 +1,5 @@
-export { MenuGroup, MenuGroupFooter, MenuGroupHeader } from './chunk-IRRY3CRZ.mjs';
+export { MenuGroup, MenuGroupFooter, MenuGroupHeader } from './chunk-ULGNQPNE.mjs';
 import './chunk-QY3X2UYR.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/MenuItem.js

@@ -163,6 +163,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);
@@ -175,6 +176,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,

package/dist/MenuItem.mjs

@@ -1,9 +1,9 @@
-export { MenuItem } from './chunk-TB6SD2FT.mjs';
+export { MenuItem } from './chunk-UQ4742ET.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/MonthPicker.js

@@ -149,6 +149,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);
@@ -161,6 +162,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,

package/dist/MonthPicker.mjs

@@ -1,5 +1,5 @@
-export { MonthPicker, dateToMonthPickerValue, monthPickerValueToDate } from './chunk-GD6KXMG5.mjs';
+export { MonthPicker, dateToMonthPickerValue, monthPickerValueToDate } from './chunk-AENAVIKT.mjs';
 import './chunk-EJ7ZPXOH.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/NumberStepper.js

@@ -162,6 +162,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);
@@ -174,6 +175,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,

package/dist/NumberStepper.mjs

@@ -1,9 +1,9 @@
-export { NumberStepper } from './chunk-BUMAMSTZ.mjs';
+export { NumberStepper } from './chunk-ELGEOM7I.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/PagerDots.js

@@ -108,6 +108,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);
@@ -120,6 +121,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,

package/dist/PagerDots.mjs

@@ -1,7 +1,7 @@
-export { PagerDots } from './chunk-ZZ2R6KZ3.mjs';
+export { PagerDots } from './chunk-OLVJFKXS.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-YTXRIXNZ.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/Pressable.d.mts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ViewStyle } from 'react-native';
+import { ViewStyle, AccessibilityRole } from 'react-native';
 
 interface PressableProps {
     /** Children content to render inside the pressable. */
@@ -8,11 +8,6 @@ interface PressableProps {
     onPress?: () => void;
     /** Scale value on press. Defaults to `0.98` (MediaCard-style). */
     pressScale?: number;
-    /**
-     * @deprecated Use Reanimated spring config via `pressOutSpring` instead. Ignored.
-     * Kept for backwards compatibility with v6.x consumers.
-     */
-    bounciness?: number;
     /** Enable haptic feedback on press. Defaults to `true`. */
     haptics?: boolean;
     /** Additional style for the wrapper. */
@@ -21,6 +16,19 @@ interface PressableProps {
     disabled?: boolean;
     /** Hover scale (web only). Defaults to `1.02`. Set to `1` to disable. */
     hoverScale?: number;
+    /**
+     * Accessibility role for the pressable element.
+     * Defaults to `"button"`.
+     */
+    accessibilityRole?: AccessibilityRole;
+    /**
+     * Accessibility state for screen readers.
+     * Used to communicate states like `selected`, `expanded`, `checked`, etc.
+     * Defaults to `{ disabled: !!disabled }`.
+     */
+    accessibilityState?: Record<string, unknown>;
+    /** Accessibility label for screen readers. */
+    accessibilityLabel?: string;
 }
 /**
  * Generic pressable with a calibrated spring bounce — Apple HIG / Airbnb feel.
@@ -29,6 +37,6 @@ interface PressableProps {
  * Use this for any custom pressable surface that needs consistent press feel
  * (cards, list rows, image tiles, etc).
  */
-declare function Pressable({ children, onPress, pressScale: _pressScale, haptics, style, disabled, hoverScale: _hoverScale, }: PressableProps): React.JSX.Element;
+declare function Pressable({ children, onPress, pressScale: _pressScale, haptics, style, disabled, hoverScale: _hoverScale, accessibilityRole, accessibilityState, accessibilityLabel, }: PressableProps): React.JSX.Element;
 
 export { Pressable, type PressableProps };