@compsych/mobile-ui 1.0.8 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compsych/mobile-ui",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "ComPsych React Native Design System — 19 mobile UI components with self-contained design tokens",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/Card.tsx

@@ -20,6 +20,7 @@ export interface CardProps {
   description?: string;
   icon?: React.ReactNode;
   image?: ImageSourcePropType;
+  buttonIcon?: React.ReactNode;
   interactive?: boolean;
   disabled?: boolean;
   onPress?: () => void;
@@ -150,6 +151,7 @@ export function Card({
   description,
   icon,
   image,
+  buttonIcon,
   interactive = false,
   disabled = false,
   onPress,
@@ -276,6 +278,18 @@ export function Card({
         {icon && <View style={{ width: s.iconSize, height: s.iconSize }}>{icon}</View>}
         {textBlock}
         {children}
+        {buttonIcon && (
+          <View
+            style={{
+              position: 'absolute',
+              bottom: s.paddingV,
+              right: s.paddingH,
+            }}
+            pointerEvents="none"
+          >
+            {buttonIcon}
+          </View>
+        )}
       </>
     );
   }

package/src/PlanCard.tsx

@@ -1,6 +1,5 @@
-import React, { useRef } from 'react';
+import React from 'react';
 import {
-  Animated,
   LayoutAnimation,
   Platform,
   Pressable,
@@ -180,7 +179,9 @@ export function PlanCard({
   children,
 }: PlanCardProps) {
   function handleToggle() {
-    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+    if (Platform.OS !== 'web') {
+      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+    }
     onToggle?.();
   }