@compsych-ui-components/react-native 4.0.0 → 4.0.13

package/src/components/PromotionCard/index.js

@@ -0,0 +1,496 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PromotionCard", {
+    enumerable: true,
+    get: function() {
+        return PromotionCard;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactnative = require("react-native");
+const _vectoricons = require("@expo/vector-icons");
+const _reactnativesvg = /*#__PURE__*/ _interop_require_wildcard(require("react-native-svg"));
+const _theme = require("../../theme");
+const _BodyText = require("../BodyText");
+const _HeaderText = require("../HeaderText");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const MD_HEIGHT = 197;
+const LG_HEIGHT = 363;
+const MD_BUTTON = 32;
+const LG_BUTTON = 48;
+const MD_RING_R = 14;
+const LG_RING_R = 21;
+const MD_RING_C = 2 * Math.PI * MD_RING_R;
+const LG_RING_C = 2 * Math.PI * LG_RING_R;
+const LG_DOTS_BOTTOM = 53;
+const LG_DOTS_LEFT = 32;
+const LG_DOT_SIZE = 6;
+const LG_DOT_GAP = 4;
+const LG_DOT_COUNT = 5;
+function PromotionCard({ size = 'md', variant = 'filled', usage = 'neutral', title, description, chipLabel, chipIcon, image, progress = 0.25, showProgressBar = true, showRingTimer = true, onPress, disabled = false, accessibilityLabel, style }) {
+    const { colorRoles: cr, dimensions: dim } = (0, _theme.useTheme)();
+    const tokens = (0, _react.useMemo)(()=>({
+            filled: {
+                neutral: {
+                    cardBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,
+                    chipBg: cr.surface.surfaceContainer.sysSurfaceContainerHighest,
+                    chipTextColor: cr.surface.surface.sysOnSurface,
+                    titleColor: '#0f0f0f',
+                    descColor: cr.surface.surface.sysOnSurfaceVariant,
+                    descOpacity: 1,
+                    buttonBg: cr.addOn.primaryFixed.sysPrimaryFixedDim,
+                    buttonIconColor: cr.addOn.primaryFixed.sysOnPrimaryFixed,
+                    progressColor: cr.accent.primary.sysPrimary
+                },
+                informative: {
+                    cardBg: cr.custom.info.sysOnInfoContainer,
+                    chipBg: cr.custom.info.sysInfoContainer,
+                    chipTextColor: cr.custom.info.sysOnInfoContainer,
+                    titleColor: cr.custom.info.sysOnInfo,
+                    descColor: cr.transparent.neutral.sysWhite80,
+                    descOpacity: 1,
+                    buttonBg: cr.custom.info.sysOnInfo,
+                    buttonIconColor: cr.custom.info.sysOnInfoContainer,
+                    progressColor: cr.custom.info.sysOnInfo
+                },
+                positive: {
+                    cardBg: cr.custom.success.sysOnSuccessContainer,
+                    chipBg: cr.custom.success.sysSuccessContainer,
+                    chipTextColor: cr.custom.success.sysOnSuccessContainer,
+                    titleColor: cr.custom.success.sysOnSuccess,
+                    descColor: cr.transparent.neutral.sysWhite80,
+                    descOpacity: 1,
+                    buttonBg: cr.custom.success.sysOnSuccess,
+                    buttonIconColor: cr.custom.success.sysOnSuccessContainer,
+                    progressColor: cr.custom.success.sysOnSuccess
+                },
+                danger: {
+                    cardBg: cr.error.sysOnErrorContainer,
+                    chipBg: cr.error.sysErrorContainer,
+                    chipTextColor: cr.error.sysOnErrorContainer,
+                    titleColor: cr.error.sysOnError,
+                    descColor: cr.transparent.neutral.sysWhite80,
+                    descOpacity: 1,
+                    buttonBg: cr.error.sysOnError,
+                    buttonIconColor: cr.error.sysOnErrorContainer,
+                    progressColor: cr.error.sysOnError
+                },
+                warning: {
+                    cardBg: cr.custom.warning.sysOnWarningContainer,
+                    chipBg: cr.custom.warning.sysWarningContainer,
+                    chipTextColor: cr.custom.warning.sysOnWarningContainer,
+                    titleColor: cr.custom.warning.sysOnWarning,
+                    descColor: cr.transparent.neutral.sysWhite80,
+                    descOpacity: 1,
+                    buttonBg: cr.custom.warning.sysOnWarning,
+                    buttonIconColor: cr.custom.warning.sysOnWarningContainer,
+                    progressColor: cr.custom.warning.sysOnWarning
+                },
+                image: {
+                    cardBg: 'transparent',
+                    chipBg: 'rgba(255,255,255,0.2)',
+                    chipTextColor: cr.surface.inverse.sysInverseOnSurface,
+                    titleColor: cr.accent.primary.sysOnPrimary,
+                    descColor: cr.transparent.neutral.sysWhite80,
+                    descOpacity: 1,
+                    buttonBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,
+                    buttonIconColor: cr.surface.surface.sysOnSurface,
+                    progressColor: cr.accent.primary.sysOnPrimary
+                }
+            },
+            tonal: {
+                neutral: {
+                    cardBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,
+                    chipBg: cr.surface.surfaceContainer.sysSurfaceContainerHighest,
+                    chipTextColor: cr.surface.surface.sysOnSurface,
+                    titleColor: '#0f0f0f',
+                    descColor: cr.surface.surface.sysOnSurfaceVariant,
+                    descOpacity: 1,
+                    buttonBg: cr.addOn.primaryFixed.sysPrimaryFixedDim,
+                    buttonIconColor: cr.addOn.primaryFixed.sysOnPrimaryFixed,
+                    progressColor: cr.accent.primary.sysPrimary
+                },
+                informative: {
+                    cardBg: cr.custom.info.sysInfoContainer,
+                    chipBg: cr.custom.info.sysOnInfo,
+                    chipTextColor: cr.custom.info.sysOnInfoContainer,
+                    titleColor: cr.custom.info.sysOnInfoContainer,
+                    descColor: cr.custom.info.sysOnInfoContainer,
+                    descOpacity: 0.64,
+                    buttonBg: cr.custom.info.sysInfo,
+                    buttonIconColor: cr.custom.info.sysOnInfo,
+                    progressColor: cr.custom.info.sysInfo
+                },
+                positive: {
+                    cardBg: cr.custom.success.sysSuccessContainer,
+                    chipBg: cr.custom.success.sysOnSuccess,
+                    chipTextColor: cr.custom.success.sysOnSuccessContainer,
+                    titleColor: cr.custom.success.sysOnSuccessContainer,
+                    descColor: cr.custom.success.sysOnSuccessContainer,
+                    descOpacity: 0.64,
+                    buttonBg: cr.custom.success.sysSuccess,
+                    buttonIconColor: cr.custom.success.sysOnSuccess,
+                    progressColor: cr.custom.success.sysSuccess
+                },
+                danger: {
+                    cardBg: cr.error.sysErrorContainer,
+                    chipBg: cr.error.sysOnError,
+                    chipTextColor: cr.error.sysOnErrorContainer,
+                    titleColor: cr.error.sysOnErrorContainer,
+                    descColor: cr.error.sysOnErrorContainer,
+                    descOpacity: 0.64,
+                    buttonBg: cr.error.sysError,
+                    buttonIconColor: cr.error.sysOnError,
+                    progressColor: cr.error.sysError
+                },
+                warning: {
+                    cardBg: cr.custom.warning.sysWarningContainer,
+                    chipBg: cr.custom.warning.sysOnWarning,
+                    chipTextColor: cr.custom.warning.sysOnWarningContainer,
+                    titleColor: cr.custom.warning.sysOnWarningContainer,
+                    descColor: cr.custom.warning.sysOnWarningContainer,
+                    descOpacity: 0.64,
+                    buttonBg: cr.custom.warning.sysWarning,
+                    buttonIconColor: cr.custom.warning.sysOnWarning,
+                    progressColor: cr.custom.warning.sysWarning
+                },
+                image: {
+                    cardBg: 'transparent',
+                    chipBg: 'rgba(255,255,255,0.2)',
+                    chipTextColor: cr.surface.inverse.sysInverseOnSurface,
+                    titleColor: cr.accent.primary.sysOnPrimary,
+                    descColor: cr.transparent.neutral.sysWhite80,
+                    descOpacity: 1,
+                    buttonBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,
+                    buttonIconColor: cr.surface.surface.sysOnSurface,
+                    progressColor: cr.accent.primary.sysOnPrimary
+                }
+            }
+        }), [
+        cr
+    ]);
+    // lg tokens: neutral uses filled, others use tonal
+    function getLgTokens(u) {
+        if (u === 'neutral') return tokens.filled.neutral;
+        return tokens.tonal[u];
+    }
+    const isLg = size === 'lg';
+    const t = isLg ? getLgTokens(usage) : tokens[variant][usage];
+    const isImage = usage === 'image';
+    const p = Math.max(0, Math.min(1, progress));
+    const buttonSize = isLg ? LG_BUTTON : MD_BUTTON;
+    const ringR = isLg ? LG_RING_R : MD_RING_R;
+    const ringC = isLg ? LG_RING_C : MD_RING_C;
+    const ringArcLength = ringC * p;
+    const containerStyle = [
+        styles.card,
+        isLg ? {
+            height: LG_HEIGHT,
+            borderRadius: dim.borderRadius.sysRadiusXl,
+            padding: dim.spacing.padding.sysPadding32,
+            flexDirection: 'column',
+            gap: dim.spacing.padding.sysPadding24
+        } : {
+            height: MD_HEIGHT,
+            borderRadius: dim.borderRadius.sysRadiusLg,
+            paddingHorizontal: dim.spacing.padding.sysPadding16,
+            paddingVertical: dim.spacing.padding.sysPadding16,
+            justifyContent: 'space-between'
+        },
+        {
+            backgroundColor: t.cardBg,
+            opacity: disabled ? 0.48 : 1
+        },
+        style
+    ];
+    const inner = /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            isImage && image && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Image, {
+                        source: image,
+                        style: [
+                            _reactnative.StyleSheet.absoluteFill,
+                            {
+                                borderRadius: isLg ? dim.borderRadius.sysRadiusXl : dim.borderRadius.sysRadiusLg
+                            }
+                        ],
+                        resizeMode: "cover",
+                        accessible: false
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                        style: [
+                            _reactnative.StyleSheet.absoluteFill,
+                            {
+                                borderRadius: isLg ? dim.borderRadius.sysRadiusXl : dim.borderRadius.sysRadiusLg,
+                                backgroundColor: 'rgba(0,0,0,0.35)'
+                            }
+                        ],
+                        pointerEvents: "none"
+                    })
+                ]
+            }),
+            chipLabel && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
+                style: [
+                    isLg ? {
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                        alignSelf: 'flex-start',
+                        borderRadius: dim.borderRadius.sysRadiusFull,
+                        paddingHorizontal: dim.spacing.padding.sysPadding16,
+                        paddingVertical: dim.spacing.padding.sysPadding4,
+                        gap: dim.spacing.padding.sysPadding8,
+                        height: 32
+                    } : {
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                        alignSelf: 'flex-start',
+                        borderRadius: dim.borderRadius.sysRadiusFull,
+                        paddingHorizontal: dim.spacing.padding.sysPadding12,
+                        paddingVertical: dim.spacing.padding.sysPadding4,
+                        gap: dim.spacing.padding.sysPadding4,
+                        height: 24
+                    },
+                    {
+                        backgroundColor: t.chipBg
+                    }
+                ],
+                children: [
+                    chipIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                        style: isLg ? {
+                            width: 20,
+                            height: 20,
+                            alignItems: 'center',
+                            justifyContent: 'center'
+                        } : {
+                            width: 16,
+                            height: 16,
+                            alignItems: 'center',
+                            justifyContent: 'center'
+                        },
+                        children: chipIcon
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_BodyText.BodyText, {
+                        variant: "labelMedium",
+                        color: t.chipTextColor,
+                        children: chipLabel
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
+                style: isLg ? {
+                    gap: dim.spacing.padding.sysPadding8,
+                    flex: 1
+                } : {
+                    gap: dim.spacing.padding.sysPadding4,
+                    maxWidth: '78%'
+                },
+                children: [
+                    title && (isLg ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_HeaderText.HeaderText, {
+                        variant: "titleLarge",
+                        color: t.titleColor,
+                        children: title
+                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_HeaderText.HeaderText, {
+                        variant: "titleSmall",
+                        color: t.titleColor,
+                        children: title
+                    })),
+                    description && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                        style: {
+                            opacity: t.descOpacity
+                        },
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_BodyText.BodyText, {
+                            variant: isLg ? 'medium' : 'small',
+                            color: t.descColor,
+                            children: description
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
+                style: [
+                    styles.buttonWrap,
+                    {
+                        bottom: isLg ? dim.spacing.padding.sysPadding32 : dim.spacing.padding.sysPadding16,
+                        right: isLg ? dim.spacing.padding.sysPadding32 : dim.spacing.padding.sysPadding16,
+                        width: buttonSize,
+                        height: buttonSize
+                    }
+                ],
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                        style: [
+                            styles.button,
+                            {
+                                width: buttonSize,
+                                height: buttonSize,
+                                borderRadius: dim.borderRadius.sysRadiusFull,
+                                backgroundColor: t.buttonBg
+                            }
+                        ],
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_vectoricons.Ionicons, {
+                            name: "arrow-forward",
+                            size: isLg ? 24 : 16,
+                            color: t.buttonIconColor,
+                            accessible: false
+                        })
+                    }),
+                    showRingTimer && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnativesvg.default, {
+                        width: buttonSize,
+                        height: buttonSize,
+                        style: _reactnative.StyleSheet.absoluteFill,
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnativesvg.Circle, {
+                            cx: buttonSize / 2,
+                            cy: buttonSize / 2,
+                            r: ringR,
+                            stroke: t.progressColor,
+                            strokeWidth: 2,
+                            fill: "transparent",
+                            strokeDasharray: `${ringArcLength} ${ringC - ringArcLength}`,
+                            strokeLinecap: "round",
+                            rotation: -90,
+                            origin: `${buttonSize / 2}, ${buttonSize / 2}`
+                        })
+                    })
+                ]
+            }),
+            isLg && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                style: styles.dotsRow,
+                children: [
+                    ...Array(LG_DOT_COUNT)
+                ].map((_, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                        style: [
+                            styles.dot,
+                            {
+                                backgroundColor: i === 0 ? t.progressColor : 'transparent',
+                                borderColor: t.progressColor,
+                                borderWidth: i === 0 ? 0 : 1.5,
+                                opacity: i === 0 ? 1 : 0.4
+                            }
+                        ]
+                    }, i))
+            }),
+            showProgressBar && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                style: [
+                    styles.progressTrack,
+                    {
+                        height: isLg ? 4 : 2
+                    }
+                ],
+                pointerEvents: "none",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                    style: [
+                        styles.progressFill,
+                        {
+                            width: `${p * 100}%`,
+                            height: isLg ? 4 : 2,
+                            backgroundColor: t.progressColor
+                        }
+                    ]
+                })
+            })
+        ]
+    });
+    if (onPress) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Pressable, {
+            onPress: disabled ? undefined : onPress,
+            accessibilityRole: "button",
+            accessibilityLabel: accessibilityLabel ?? title,
+            accessibilityState: {
+                disabled
+            },
+            style: ({ pressed })=>[
+                    ...containerStyle,
+                    pressed && !disabled && styles.pressed
+                ],
+            children: inner
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+        style: containerStyle,
+        children: inner
+    });
+}
+const styles = _reactnative.StyleSheet.create({
+    card: {
+        overflow: 'hidden',
+        alignSelf: 'stretch'
+    },
+    buttonWrap: {
+        position: 'absolute'
+    },
+    button: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'hidden'
+    },
+    dotsRow: {
+        position: 'absolute',
+        bottom: LG_DOTS_BOTTOM,
+        left: LG_DOTS_LEFT,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: LG_DOT_GAP
+    },
+    dot: {
+        width: LG_DOT_SIZE,
+        height: LG_DOT_SIZE,
+        borderRadius: LG_DOT_SIZE / 2
+    },
+    progressTrack: {
+        position: 'absolute',
+        bottom: 0,
+        left: 0,
+        right: 0,
+        backgroundColor: 'rgba(0,0,0,0.08)'
+    },
+    progressFill: {},
+    pressed: {
+        opacity: 0.84
+    }
+});
+
+//# sourceMappingURL=index.js.map

package/src/components/PromotionCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../packages/react-native/src/components/PromotionCard/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\n\r\nimport {\r\n  Image,\r\n  type ImageSourcePropType,\r\n  Pressable,\r\n  StyleProp,\r\n  StyleSheet,\r\n  View,\r\n  ViewStyle,\r\n} from 'react-native';\r\n\r\nimport { Ionicons } from '@expo/vector-icons';\r\nimport Svg, { Circle as SvgCircle } from 'react-native-svg';\r\n\r\nimport { useTheme } from '../../theme';\r\nimport { BodyText } from '../BodyText';\r\nimport { HeaderText } from '../HeaderText';\r\n\r\nexport type PromotionCardVariant = 'filled' | 'tonal';\r\nexport type PromotionCardUsage =\r\n  | 'neutral'\r\n  | 'informative'\r\n  | 'positive'\r\n  | 'danger'\r\n  | 'warning'\r\n  | 'image';\r\nexport type PromotionCardSize = 'md' | 'lg';\r\n\r\nexport interface PromotionCardProps {\r\n  size?: PromotionCardSize;\r\n  variant?: PromotionCardVariant;\r\n  usage?: PromotionCardUsage;\r\n  title?: string;\r\n  description?: string;\r\n  chipLabel?: string;\r\n  chipIcon?: React.ReactNode;\r\n  image?: ImageSourcePropType;\r\n  progress?: number;\r\n  showProgressBar?: boolean;\r\n  showRingTimer?: boolean;\r\n  onPress?: () => void;\r\n  disabled?: boolean;\r\n  accessibilityLabel?: string;\r\n  style?: StyleProp<ViewStyle>;\r\n}\r\n\r\ntype VariantTokens = {\r\n  cardBg: string;\r\n  chipBg: string;\r\n  chipTextColor: string;\r\n  titleColor: string;\r\n  descColor: string;\r\n  descOpacity: number;\r\n  buttonBg: string;\r\n  buttonIconColor: string;\r\n  progressColor: string;\r\n};\r\n\r\nconst MD_HEIGHT = 197;\r\nconst LG_HEIGHT = 363;\r\nconst MD_BUTTON = 32;\r\nconst LG_BUTTON = 48;\r\nconst MD_RING_R = 14;\r\nconst LG_RING_R = 21;\r\nconst MD_RING_C = 2 * Math.PI * MD_RING_R;\r\nconst LG_RING_C = 2 * Math.PI * LG_RING_R;\r\nconst LG_DOTS_BOTTOM = 53;\r\nconst LG_DOTS_LEFT = 32;\r\nconst LG_DOT_SIZE = 6;\r\nconst LG_DOT_GAP = 4;\r\nconst LG_DOT_COUNT = 5;\r\n\r\nexport function PromotionCard({\r\n  size = 'md',\r\n  variant = 'filled',\r\n  usage = 'neutral',\r\n  title,\r\n  description,\r\n  chipLabel,\r\n  chipIcon,\r\n  image,\r\n  progress = 0.25,\r\n  showProgressBar = true,\r\n  showRingTimer = true,\r\n  onPress,\r\n  disabled = false,\r\n  accessibilityLabel,\r\n  style,\r\n}: PromotionCardProps) {\r\n  const { colorRoles: cr, dimensions: dim } = useTheme();\r\n\r\n  const tokens = useMemo(\r\n    (): Record<\r\n      PromotionCardVariant,\r\n      Record<PromotionCardUsage, VariantTokens>\r\n    > => ({\r\n      filled: {\r\n        neutral: {\r\n          cardBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,\r\n          chipBg: cr.surface.surfaceContainer.sysSurfaceContainerHighest,\r\n          chipTextColor: cr.surface.surface.sysOnSurface,\r\n          titleColor: '#0f0f0f',\r\n          descColor: cr.surface.surface.sysOnSurfaceVariant,\r\n          descOpacity: 1,\r\n          buttonBg: cr.addOn.primaryFixed.sysPrimaryFixedDim,\r\n          buttonIconColor: cr.addOn.primaryFixed.sysOnPrimaryFixed,\r\n          progressColor: cr.accent.primary.sysPrimary,\r\n        },\r\n        informative: {\r\n          cardBg: cr.custom.info.sysOnInfoContainer,\r\n          chipBg: cr.custom.info.sysInfoContainer,\r\n          chipTextColor: cr.custom.info.sysOnInfoContainer,\r\n          titleColor: cr.custom.info.sysOnInfo,\r\n          descColor: cr.transparent.neutral.sysWhite80,\r\n          descOpacity: 1,\r\n          buttonBg: cr.custom.info.sysOnInfo,\r\n          buttonIconColor: cr.custom.info.sysOnInfoContainer,\r\n          progressColor: cr.custom.info.sysOnInfo,\r\n        },\r\n        positive: {\r\n          cardBg: cr.custom.success.sysOnSuccessContainer,\r\n          chipBg: cr.custom.success.sysSuccessContainer,\r\n          chipTextColor: cr.custom.success.sysOnSuccessContainer,\r\n          titleColor: cr.custom.success.sysOnSuccess,\r\n          descColor: cr.transparent.neutral.sysWhite80,\r\n          descOpacity: 1,\r\n          buttonBg: cr.custom.success.sysOnSuccess,\r\n          buttonIconColor: cr.custom.success.sysOnSuccessContainer,\r\n          progressColor: cr.custom.success.sysOnSuccess,\r\n        },\r\n        danger: {\r\n          cardBg: cr.error.sysOnErrorContainer,\r\n          chipBg: cr.error.sysErrorContainer,\r\n          chipTextColor: cr.error.sysOnErrorContainer,\r\n          titleColor: cr.error.sysOnError,\r\n          descColor: cr.transparent.neutral.sysWhite80,\r\n          descOpacity: 1,\r\n          buttonBg: cr.error.sysOnError,\r\n          buttonIconColor: cr.error.sysOnErrorContainer,\r\n          progressColor: cr.error.sysOnError,\r\n        },\r\n        warning: {\r\n          cardBg: cr.custom.warning.sysOnWarningContainer,\r\n          chipBg: cr.custom.warning.sysWarningContainer,\r\n          chipTextColor: cr.custom.warning.sysOnWarningContainer,\r\n          titleColor: cr.custom.warning.sysOnWarning,\r\n          descColor: cr.transparent.neutral.sysWhite80,\r\n          descOpacity: 1,\r\n          buttonBg: cr.custom.warning.sysOnWarning,\r\n          buttonIconColor: cr.custom.warning.sysOnWarningContainer,\r\n          progressColor: cr.custom.warning.sysOnWarning,\r\n        },\r\n        image: {\r\n          cardBg: 'transparent',\r\n          chipBg: 'rgba(255,255,255,0.2)',\r\n          chipTextColor: cr.surface.inverse.sysInverseOnSurface,\r\n          titleColor: cr.accent.primary.sysOnPrimary,\r\n          descColor: cr.transparent.neutral.sysWhite80,\r\n          descOpacity: 1,\r\n          buttonBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,\r\n          buttonIconColor: cr.surface.surface.sysOnSurface,\r\n          progressColor: cr.accent.primary.sysOnPrimary,\r\n        },\r\n      },\r\n      tonal: {\r\n        neutral: {\r\n          cardBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,\r\n          chipBg: cr.surface.surfaceContainer.sysSurfaceContainerHighest,\r\n          chipTextColor: cr.surface.surface.sysOnSurface,\r\n          titleColor: '#0f0f0f',\r\n          descColor: cr.surface.surface.sysOnSurfaceVariant,\r\n          descOpacity: 1,\r\n          buttonBg: cr.addOn.primaryFixed.sysPrimaryFixedDim,\r\n          buttonIconColor: cr.addOn.primaryFixed.sysOnPrimaryFixed,\r\n          progressColor: cr.accent.primary.sysPrimary,\r\n        },\r\n        informative: {\r\n          cardBg: cr.custom.info.sysInfoContainer,\r\n          chipBg: cr.custom.info.sysOnInfo,\r\n          chipTextColor: cr.custom.info.sysOnInfoContainer,\r\n          titleColor: cr.custom.info.sysOnInfoContainer,\r\n          descColor: cr.custom.info.sysOnInfoContainer,\r\n          descOpacity: 0.64,\r\n          buttonBg: cr.custom.info.sysInfo,\r\n          buttonIconColor: cr.custom.info.sysOnInfo,\r\n          progressColor: cr.custom.info.sysInfo,\r\n        },\r\n        positive: {\r\n          cardBg: cr.custom.success.sysSuccessContainer,\r\n          chipBg: cr.custom.success.sysOnSuccess,\r\n          chipTextColor: cr.custom.success.sysOnSuccessContainer,\r\n          titleColor: cr.custom.success.sysOnSuccessContainer,\r\n          descColor: cr.custom.success.sysOnSuccessContainer,\r\n          descOpacity: 0.64,\r\n          buttonBg: cr.custom.success.sysSuccess,\r\n          buttonIconColor: cr.custom.success.sysOnSuccess,\r\n          progressColor: cr.custom.success.sysSuccess,\r\n        },\r\n        danger: {\r\n          cardBg: cr.error.sysErrorContainer,\r\n          chipBg: cr.error.sysOnError,\r\n          chipTextColor: cr.error.sysOnErrorContainer,\r\n          titleColor: cr.error.sysOnErrorContainer,\r\n          descColor: cr.error.sysOnErrorContainer,\r\n          descOpacity: 0.64,\r\n          buttonBg: cr.error.sysError,\r\n          buttonIconColor: cr.error.sysOnError,\r\n          progressColor: cr.error.sysError,\r\n        },\r\n        warning: {\r\n          cardBg: cr.custom.warning.sysWarningContainer,\r\n          chipBg: cr.custom.warning.sysOnWarning,\r\n          chipTextColor: cr.custom.warning.sysOnWarningContainer,\r\n          titleColor: cr.custom.warning.sysOnWarningContainer,\r\n          descColor: cr.custom.warning.sysOnWarningContainer,\r\n          descOpacity: 0.64,\r\n          buttonBg: cr.custom.warning.sysWarning,\r\n          buttonIconColor: cr.custom.warning.sysOnWarning,\r\n          progressColor: cr.custom.warning.sysWarning,\r\n        },\r\n        image: {\r\n          cardBg: 'transparent',\r\n          chipBg: 'rgba(255,255,255,0.2)',\r\n          chipTextColor: cr.surface.inverse.sysInverseOnSurface,\r\n          titleColor: cr.accent.primary.sysOnPrimary,\r\n          descColor: cr.transparent.neutral.sysWhite80,\r\n          descOpacity: 1,\r\n          buttonBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,\r\n          buttonIconColor: cr.surface.surface.sysOnSurface,\r\n          progressColor: cr.accent.primary.sysOnPrimary,\r\n        },\r\n      },\r\n    }),\r\n    [cr],\r\n  );\r\n\r\n  // lg tokens: neutral uses filled, others use tonal\r\n  function getLgTokens(u: PromotionCardUsage): VariantTokens {\r\n    if (u === 'neutral') return tokens.filled.neutral;\r\n    return tokens.tonal[u];\r\n  }\r\n\r\n  const isLg = size === 'lg';\r\n  const t = isLg ? getLgTokens(usage) : tokens[variant][usage];\r\n  const isImage = usage === 'image';\r\n  const p = Math.max(0, Math.min(1, progress));\r\n\r\n  const buttonSize = isLg ? LG_BUTTON : MD_BUTTON;\r\n  const ringR = isLg ? LG_RING_R : MD_RING_R;\r\n  const ringC = isLg ? LG_RING_C : MD_RING_C;\r\n  const ringArcLength = ringC * p;\r\n\r\n  const containerStyle = [\r\n    styles.card,\r\n    isLg\r\n      ? {\r\n          height: LG_HEIGHT,\r\n          borderRadius: dim.borderRadius.sysRadiusXl,\r\n          padding: dim.spacing.padding.sysPadding32,\r\n          flexDirection: 'column' as const,\r\n          gap: dim.spacing.padding.sysPadding24,\r\n        }\r\n      : {\r\n          height: MD_HEIGHT,\r\n          borderRadius: dim.borderRadius.sysRadiusLg,\r\n          paddingHorizontal: dim.spacing.padding.sysPadding16,\r\n          paddingVertical: dim.spacing.padding.sysPadding16,\r\n          justifyContent: 'space-between' as const,\r\n        },\r\n    { backgroundColor: t.cardBg, opacity: disabled ? 0.48 : 1 },\r\n    style,\r\n  ];\r\n\r\n  const inner = (\r\n    <>\r\n      {isImage && image && (\r\n        <>\r\n          <Image\r\n            source={image}\r\n            style={[\r\n              StyleSheet.absoluteFill,\r\n              {\r\n                borderRadius: isLg\r\n                  ? dim.borderRadius.sysRadiusXl\r\n                  : dim.borderRadius.sysRadiusLg,\r\n              },\r\n            ]}\r\n            resizeMode=\"cover\"\r\n            accessible={false}\r\n          />\r\n          <View\r\n            style={[\r\n              StyleSheet.absoluteFill,\r\n              {\r\n                borderRadius: isLg\r\n                  ? dim.borderRadius.sysRadiusXl\r\n                  : dim.borderRadius.sysRadiusLg,\r\n                backgroundColor: 'rgba(0,0,0,0.35)',\r\n              },\r\n            ]}\r\n            pointerEvents=\"none\"\r\n          />\r\n        </>\r\n      )}\r\n\r\n      {/* Chip */}\r\n      {chipLabel && (\r\n        <View\r\n          style={[\r\n            isLg\r\n              ? {\r\n                  flexDirection: 'row' as const,\r\n                  alignItems: 'center' as const,\r\n                  alignSelf: 'flex-start' as const,\r\n                  borderRadius: dim.borderRadius.sysRadiusFull,\r\n                  paddingHorizontal: dim.spacing.padding.sysPadding16,\r\n                  paddingVertical: dim.spacing.padding.sysPadding4,\r\n                  gap: dim.spacing.padding.sysPadding8,\r\n                  height: 32,\r\n                }\r\n              : {\r\n                  flexDirection: 'row' as const,\r\n                  alignItems: 'center' as const,\r\n                  alignSelf: 'flex-start' as const,\r\n                  borderRadius: dim.borderRadius.sysRadiusFull,\r\n                  paddingHorizontal: dim.spacing.padding.sysPadding12,\r\n                  paddingVertical: dim.spacing.padding.sysPadding4,\r\n                  gap: dim.spacing.padding.sysPadding4,\r\n                  height: 24,\r\n                },\r\n            { backgroundColor: t.chipBg },\r\n          ]}\r\n        >\r\n          {chipIcon && (\r\n            <View\r\n              style={\r\n                isLg\r\n                  ? {\r\n                      width: 20,\r\n                      height: 20,\r\n                      alignItems: 'center',\r\n                      justifyContent: 'center',\r\n                    }\r\n                  : {\r\n                      width: 16,\r\n                      height: 16,\r\n                      alignItems: 'center',\r\n                      justifyContent: 'center',\r\n                    }\r\n              }\r\n            >\r\n              {chipIcon}\r\n            </View>\r\n          )}\r\n          <BodyText variant=\"labelMedium\" color={t.chipTextColor}>\r\n            {chipLabel}\r\n          </BodyText>\r\n        </View>\r\n      )}\r\n\r\n      {/* Content (title + description) */}\r\n      <View\r\n        style={\r\n          isLg\r\n            ? { gap: dim.spacing.padding.sysPadding8, flex: 1 }\r\n            : { gap: dim.spacing.padding.sysPadding4, maxWidth: '78%' }\r\n        }\r\n      >\r\n        {title &&\r\n          (isLg ? (\r\n            <HeaderText variant=\"titleLarge\" color={t.titleColor}>\r\n              {title}\r\n            </HeaderText>\r\n          ) : (\r\n            <HeaderText variant=\"titleSmall\" color={t.titleColor}>\r\n              {title}\r\n            </HeaderText>\r\n          ))}\r\n        {description && (\r\n          <View style={{ opacity: t.descOpacity }}>\r\n            <BodyText variant={isLg ? 'medium' : 'small'} color={t.descColor}>\r\n              {description}\r\n            </BodyText>\r\n          </View>\r\n        )}\r\n      </View>\r\n\r\n      {/* Arrow button (absolute, bottom-right) */}\r\n      <View\r\n        style={[\r\n          styles.buttonWrap,\r\n          {\r\n            bottom: isLg\r\n              ? dim.spacing.padding.sysPadding32\r\n              : dim.spacing.padding.sysPadding16,\r\n            right: isLg\r\n              ? dim.spacing.padding.sysPadding32\r\n              : dim.spacing.padding.sysPadding16,\r\n            width: buttonSize,\r\n            height: buttonSize,\r\n          },\r\n        ]}\r\n      >\r\n        <View\r\n          style={[\r\n            styles.button,\r\n            {\r\n              width: buttonSize,\r\n              height: buttonSize,\r\n              borderRadius: dim.borderRadius.sysRadiusFull,\r\n              backgroundColor: t.buttonBg,\r\n            },\r\n          ]}\r\n        >\r\n          <Ionicons\r\n            name=\"arrow-forward\"\r\n            size={isLg ? 24 : 16}\r\n            color={t.buttonIconColor}\r\n            accessible={false}\r\n          />\r\n        </View>\r\n        {showRingTimer && (\r\n          <Svg\r\n            width={buttonSize}\r\n            height={buttonSize}\r\n            style={StyleSheet.absoluteFill}\r\n          >\r\n            <SvgCircle\r\n              cx={buttonSize / 2}\r\n              cy={buttonSize / 2}\r\n              r={ringR}\r\n              stroke={t.progressColor}\r\n              strokeWidth={2}\r\n              fill=\"transparent\"\r\n              strokeDasharray={`${ringArcLength} ${ringC - ringArcLength}`}\r\n              strokeLinecap=\"round\"\r\n              rotation={-90}\r\n              origin={`${buttonSize / 2}, ${buttonSize / 2}`}\r\n            />\r\n          </Svg>\r\n        )}\r\n      </View>\r\n\r\n      {/* Pagination dots (lg only) */}\r\n      {isLg && (\r\n        <View style={styles.dotsRow}>\r\n          {[...Array(LG_DOT_COUNT)].map((_: unknown, i: number) => (\r\n            <View\r\n              key={i}\r\n              style={[\r\n                styles.dot,\r\n                {\r\n                  backgroundColor: i === 0 ? t.progressColor : 'transparent',\r\n                  borderColor: t.progressColor,\r\n                  borderWidth: i === 0 ? 0 : 1.5,\r\n                  opacity: i === 0 ? 1 : 0.4,\r\n                },\r\n              ]}\r\n            />\r\n          ))}\r\n        </View>\r\n      )}\r\n\r\n      {/* Progress bar */}\r\n      {showProgressBar && (\r\n        <View\r\n          style={[styles.progressTrack, { height: isLg ? 4 : 2 }]}\r\n          pointerEvents=\"none\"\r\n        >\r\n          <View\r\n            style={[\r\n              styles.progressFill,\r\n              {\r\n                width: `${p * 100}%` as any,\r\n                height: isLg ? 4 : 2,\r\n                backgroundColor: t.progressColor,\r\n              },\r\n            ]}\r\n          />\r\n        </View>\r\n      )}\r\n    </>\r\n  );\r\n\r\n  if (onPress) {\r\n    return (\r\n      <Pressable\r\n        onPress={disabled ? undefined : onPress}\r\n        accessibilityRole=\"button\"\r\n        accessibilityLabel={accessibilityLabel ?? title}\r\n        accessibilityState={{ disabled }}\r\n        style={({ pressed }: { pressed: boolean }) => [\r\n          ...containerStyle,\r\n          pressed && !disabled && styles.pressed,\r\n        ]}\r\n      >\r\n        {inner}\r\n      </Pressable>\r\n    );\r\n  }\r\n\r\n  return <View style={containerStyle}>{inner}</View>;\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  card: {\r\n    overflow: 'hidden',\r\n    alignSelf: 'stretch',\r\n  },\r\n  buttonWrap: {\r\n    position: 'absolute',\r\n  },\r\n  button: {\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    overflow: 'hidden',\r\n  },\r\n  dotsRow: {\r\n    position: 'absolute',\r\n    bottom: LG_DOTS_BOTTOM,\r\n    left: LG_DOTS_LEFT,\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n    gap: LG_DOT_GAP,\r\n  },\r\n  dot: {\r\n    width: LG_DOT_SIZE,\r\n    height: LG_DOT_SIZE,\r\n    borderRadius: LG_DOT_SIZE / 2,\r\n  },\r\n  progressTrack: {\r\n    position: 'absolute',\r\n    bottom: 0,\r\n    left: 0,\r\n    right: 0,\r\n    backgroundColor: 'rgba(0,0,0,0.08)',\r\n  },\r\n  progressFill: {},\r\n  pressed: {\r\n    opacity: 0.84,\r\n  },\r\n});\r\n"],"names":["PromotionCard","MD_HEIGHT","LG_HEIGHT","MD_BUTTON","LG_BUTTON","MD_RING_R","LG_RING_R","MD_RING_C","Math","PI","LG_RING_C","LG_DOTS_BOTTOM","LG_DOTS_LEFT","LG_DOT_SIZE","LG_DOT_GAP","LG_DOT_COUNT","size","variant","usage","title","description","chipLabel","chipIcon","image","progress","showProgressBar","showRingTimer","onPress","disabled","accessibilityLabel","style","colorRoles","cr","dimensions","dim","useTheme","tokens","useMemo","filled","neutral","cardBg","surface","surfaceContainer","sysSurfaceContainerLowest","chipBg","sysSurfaceContainerHighest","chipTextColor","sysOnSurface","titleColor","descColor","sysOnSurfaceVariant","descOpacity","buttonBg","addOn","primaryFixed","sysPrimaryFixedDim","buttonIconColor","sysOnPrimaryFixed","progressColor","accent","primary","sysPrimary","informative","custom","info","sysOnInfoContainer","sysInfoContainer","sysOnInfo","transparent","sysWhite80","positive","success","sysOnSuccessContainer","sysSuccessContainer","sysOnSuccess","danger","error","sysOnErrorContainer","sysErrorContainer","sysOnError","warning","sysOnWarningContainer","sysWarningContainer","sysOnWarning","inverse","sysInverseOnSurface","sysOnPrimary","tonal","sysInfo","sysSuccess","sysError","sysWarning","getLgTokens","u","isLg","t","isImage","p","max","min","buttonSize","ringR","ringC","ringArcLength","containerStyle","styles","card","height","borderRadius","sysRadiusXl","padding","spacing","sysPadding32","flexDirection","gap","sysPadding24","sysRadiusLg","paddingHorizontal","sysPadding16","paddingVertical","justifyContent","backgroundColor","opacity","inner","Image","source","StyleSheet","absoluteFill","resizeMode","accessible","View","pointerEvents","alignItems","alignSelf","sysRadiusFull","sysPadding4","sysPadding8","sysPadding12","width","BodyText","color","flex","maxWidth","HeaderText","buttonWrap","bottom","right","button","Ionicons","name","Svg","SvgCircle","cx","cy","r","stroke","strokeWidth","fill","strokeDasharray","strokeLinecap","rotation","origin","dotsRow","Array","map","_","i","dot","borderColor","borderWidth","progressTrack","progressFill","Pressable","undefined","accessibilityRole","accessibilityState","pressed","create","overflow","position","left"],"mappings":"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"}

package/src/components/RadioButton/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export type RadioButtonSize = 'sm' | 'md';
+export interface RadioButtonProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    size?: RadioButtonSize;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function RadioButton({ checked: checkedProp, defaultChecked, onChange, size, label, description, disabled, invalid, style, }: RadioButtonProps): React.JSX.Element;