@designbasekorea/ui-native 0.1.0

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,26 @@
+/**
+ * BottomSheet 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 배경: theme.color.aliases.surface.base
+ *   - 오버레이: theme.color.aliases.overlay.{base|soft}
+ *   - 라운드: theme.border.semantic.radius.xl (상단만)
+ *   - 패딩: theme.spacing.aliases.padding.{m|l}
+ *   - 그림자: theme.shadow.foundation.xl
+ *   - 핸들: theme.color.aliases.border.layer-1
+ */
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+export interface BottomSheetProps {
+    visible: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React.ReactNode;
+    height?: number | string;
+    closable?: boolean;
+    showHandle?: boolean;
+    style?: ViewStyle;
+}
+export declare const BottomSheet: React.FC<BottomSheetProps>;
+export default BottomSheet;
+//# sourceMappingURL=BottomSheet.d.ts.map

package/dist/components/BottomSheet/BottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAEqB,KAAK,SAAS,EACzC,MAAM,cAAc,CAAC;AAKtB,MAAM,WAAW,gBAAgB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+ElD,CAAC;AAeF,eAAe,WAAW,CAAC"}

package/dist/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * BottomSheet 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 배경: theme.color.aliases.surface.base
+ *   - 오버레이: theme.color.aliases.overlay.{base|soft}
+ *   - 라운드: theme.border.semantic.radius.xl (상단만)
+ *   - 패딩: theme.spacing.aliases.padding.{m|l}
+ *   - 그림자: theme.shadow.foundation.xl
+ *   - 핸들: theme.color.aliases.border.layer-1
+ */
+import { useRef, useEffect } from 'react';
+import { Modal, View, Text, Pressable, Animated, PanResponder, Dimensions, StyleSheet, } from 'react-native';
+import { useTheme } from '../../theme/useTheme';
+const SCREEN_HEIGHT = Dimensions.get('window').height;
+export const BottomSheet = ({ visible, onClose, title, children, height = '50%', closable = true, showHandle = true, style, }) => {
+    const { theme } = useTheme();
+    const translateY = useRef(new Animated.Value(SCREEN_HEIGHT)).current;
+    const surface = theme.color.aliases?.surface ?? {};
+    const text = theme.color.aliases?.text ?? {};
+    const overlay = theme.color.aliases?.overlay ?? {};
+    const borders = theme.color.aliases?.border ?? {};
+    const padding = theme.spacing.aliases?.padding ?? {};
+    const fontSize = theme.typography.foundation?.fontSize ?? {};
+    const radiusXl = theme.border.semantic?.radius?.xl ?? 16;
+    const gap = theme.spacing.aliases?.gap ?? {};
+    const sheetHeight = typeof height === 'string' ? SCREEN_HEIGHT * (parseInt(height) / 100) : height;
+    useEffect(() => {
+        if (visible) {
+            Animated.spring(translateY, { toValue: 0, useNativeDriver: true, friction: 9, tension: 65 }).start();
+        }
+        else {
+            Animated.timing(translateY, { toValue: SCREEN_HEIGHT, duration: 250, useNativeDriver: true }).start();
+        }
+    }, [visible, translateY]);
+    const panResponder = useRef(PanResponder.create({
+        onStartShouldSetPanResponder: () => closable,
+        onMoveShouldSetPanResponder: (_, g) => closable && g.dy > 5,
+        onPanResponderMove: (_, g) => { if (g.dy > 0)
+            translateY.setValue(g.dy); },
+        onPanResponderRelease: (_, g) => {
+            if (g.dy > sheetHeight * 0.3 || g.vy > 0.5) {
+                Animated.timing(translateY, { toValue: SCREEN_HEIGHT, duration: 200, useNativeDriver: true }).start(onClose);
+            }
+            else {
+                Animated.spring(translateY, { toValue: 0, useNativeDriver: true }).start();
+            }
+        },
+    })).current;
+    return (_jsx(Modal, { visible: visible, transparent: true, animationType: "none", onRequestClose: closable ? onClose : undefined, children: _jsxs(View, { style: styles.overlay, children: [_jsx(Pressable, { style: [styles.backdrop, { backgroundColor: overlay.base ?? 'rgba(0,0,0,0.6)' }], onPress: closable ? onClose : undefined }), _jsxs(Animated.View, { ...panResponder.panHandlers, style: [
+                        styles.sheet,
+                        {
+                            height: sheetHeight,
+                            backgroundColor: surface.base ?? '#FFFFFF',
+                            borderTopLeftRadius: radiusXl,
+                            borderTopRightRadius: radiusXl,
+                            transform: [{ translateY }],
+                        },
+                        style,
+                    ], children: [showHandle && (_jsx(View, { style: styles.handleContainer, children: _jsx(View, { style: [styles.handle, { backgroundColor: borders['layer-1'] ?? '#BBC5CC' }] }) })), (title || closable) && (_jsxs(View, { style: [styles.header, { paddingHorizontal: padding.l ?? 20, paddingTop: padding.s ?? 8 }], children: [title && _jsx(Text, { style: [styles.title, { color: text.primary ?? '#17191A', fontSize: fontSize.l ?? 18 }], children: title }), closable && (_jsx(Pressable, { onPress: onClose, hitSlop: 8, accessibilityLabel: "\uB2EB\uAE30", children: _jsx(Text, { style: { fontSize: fontSize.xl ?? 20, color: text.tertiary ?? '#757B80' }, children: "\u2715" }) }))] })), _jsx(View, { style: [styles.content, { padding: padding.l ?? 20 }], children: children })] })] }) }));
+};
+BottomSheet.displayName = 'BottomSheet';
+const styles = StyleSheet.create({
+    overlay: { flex: 1, justifyContent: 'flex-end' },
+    backdrop: { ...StyleSheet.absoluteFillObject },
+    sheet: { overflow: 'hidden' },
+    handleContainer: { alignItems: 'center', paddingTop: 10, paddingBottom: 6 },
+    handle: { width: 36, height: 4, borderRadius: 2 },
+    header: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', paddingBottom: 8 },
+    title: { fontWeight: '600', flex: 1 },
+    content: { flex: 1 },
+});
+export default BottomSheet;
+//# sourceMappingURL=BottomSheet.js.map

package/dist/components/BottomSheet/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"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"}

package/dist/components/BottomSheet/index.d.ts

@@ -0,0 +1,3 @@
+export { BottomSheet } from './BottomSheet';
+export type { BottomSheetProps } from './BottomSheet';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/BottomSheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/BottomSheet/index.js

@@ -0,0 +1,2 @@
+export { BottomSheet } from './BottomSheet';
+//# sourceMappingURL=index.js.map

package/dist/components/BottomSheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BottomSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Button 컴포넌트 (React Native)
+ *
+ * 목적: 일관된 스타일과 접근성을 가진 버튼 컴포넌트
+ * 기능: 다양한 variant, size 지원, 아이콘 버튼, 로딩 상태
+ *
+ * 스타일링: 모든 색상·사이즈·간격·radius는 토큰에서 자동으로 가져옴
+ *   - 색상: theme.color.semantic.button.{variant}.{속성}
+ *   - 사이즈: theme.size.semantic.button.{s|m|l}
+ *   - 간격: theme.spacing.aliases.padding.{xs|s|m}
+ *   - 라운드: theme.border.semantic.radius.button.{s|m|l|pill}
+ *   - 폰트: theme.typography.foundation.fontSize.{s|base|l}
+ *
+ * 원본: packages/ui/src/components/Button/Button.tsx
+ */
+import React from 'react';
+import { type ViewStyle, type TextStyle, type PressableProps } from 'react-native';
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'ghost';
+export type ButtonSize = 's' | 'm' | 'l';
+export type ButtonRadius = 's' | 'm' | 'l' | 'pill';
+export interface ButtonProps extends Omit<PressableProps, 'style'> {
+    /** 버튼 variant */
+    variant?: ButtonVariant;
+    /** 버튼 크기 */
+    size?: ButtonSize;
+    /** 둥글기 */
+    radius?: ButtonRadius;
+    /** 전체 너비 여부 */
+    fullWidth?: boolean;
+    /** 비활성화 여부 */
+    disabled?: boolean;
+    /** 로딩 상태 */
+    loading?: boolean;
+    /** 로딩 중 표시할 텍스트 */
+    loadingText?: string;
+    /** 아이콘 전용 버튼 여부 */
+    iconOnly?: boolean;
+    /** 시작 아이콘 */
+    startIcon?: React.ReactNode;
+    /** 끝 아이콘 */
+    endIcon?: React.ReactNode;
+    /** 버튼 내용 */
+    children?: React.ReactNode;
+    /** 클릭 핸들러 */
+    onPress?: () => void;
+    /** 추가 스타일 */
+    style?: ViewStyle;
+    /** 텍스트 스타일 오버라이드 */
+    textStyle?: TextStyle;
+}
+export declare const Button: React.FC<ButtonProps>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAMH,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EACtB,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtF,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACzC,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC9D,iBAAiB;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,YAAY;IACZ,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU;IACV,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,eAAe;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa;IACb,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY;IACZ,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oBAAoB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AA+ED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0FxC,CAAC;AAsBF,eAAe,MAAM,CAAC"}

package/dist/components/Button/Button.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, Text, ActivityIndicator, StyleSheet, View, } from 'react-native';
+import { useTheme } from '../../theme/useTheme';
+/** semantic 토큰에서 variant별 색상 가져오기 */
+function getVariantColors(variant, theme) {
+    const btnTokens = theme.color.semantic?.button;
+    const aliases = theme.color.aliases;
+    switch (variant) {
+        case 'primary':
+            return {
+                bg: btnTokens?.primary?.['bg-default'] ?? aliases?.brand?.primary ?? '#006FFF',
+                bgPressed: btnTokens?.primary?.['bg-active'] ?? '#0D4B9B',
+                text: btnTokens?.primary?.['text-default'] ?? '#FFFFFF',
+                border: btnTokens?.primary?.['border-default'] ?? 'transparent',
+            };
+        case 'secondary':
+            return {
+                bg: btnTokens?.secondary?.['bg-default'] ?? aliases?.surface?.['layer-1'] ?? '#F2F8FC',
+                bgPressed: btnTokens?.secondary?.['bg-hover'] ?? '#E8EEF2',
+                text: btnTokens?.secondary?.['text-default'] ?? aliases?.text?.link ?? '#006FFF',
+                border: btnTokens?.secondary?.['border-default'] ?? aliases?.border?.base ?? '#E8EEF2',
+            };
+        case 'tertiary':
+            return {
+                bg: btnTokens?.tertiary?.['bg-default'] ?? aliases?.surface?.base ?? '#FFFFFF',
+                bgPressed: btnTokens?.tertiary?.['bg-hover'] ?? '#F2F8FC',
+                text: btnTokens?.tertiary?.['text-default'] ?? aliases?.text?.primary ?? '#17191A',
+                border: btnTokens?.tertiary?.['border-default'] ?? aliases?.border?.base ?? '#E8EEF2',
+            };
+        case 'danger':
+            return {
+                bg: aliases?.feedback?.error?.fg ?? '#DC2626',
+                bgPressed: '#B91C1C',
+                text: aliases?.text?.['inverse-primary'] ?? '#FFFFFF',
+                border: 'transparent',
+            };
+        case 'ghost':
+        default:
+            return {
+                bg: 'transparent',
+                bgPressed: aliases?.surface?.['layer-1'] ?? '#F2F8FC',
+                text: aliases?.text?.primary ?? '#17191A',
+                border: 'transparent',
+            };
+    }
+}
+/** semantic 토큰에서 size별 높이·패딩·폰트 가져오기 */
+function getSizeValues(size, theme) {
+    const btnSize = theme.size.semantic?.button;
+    const padding = theme.spacing.aliases?.padding ?? theme.spacing.aliases?.scale;
+    const fontSize = theme.typography.foundation?.fontSize;
+    switch (size) {
+        case 's':
+            return {
+                height: btnSize?.s ?? 24,
+                paddingH: padding?.xs ?? 4,
+                fontSize: fontSize?.xs ?? 12,
+                gap: padding?.xxs ?? 2,
+            };
+        case 'l':
+            return {
+                height: btnSize?.l ?? 40,
+                paddingH: padding?.m ?? 12,
+                fontSize: fontSize?.l ?? 18,
+                gap: padding?.xs ?? 4,
+            };
+        case 'm':
+        default:
+            return {
+                height: btnSize?.m ?? 32,
+                paddingH: padding?.s ?? 8,
+                fontSize: fontSize?.s ?? 14,
+                gap: padding?.xxs ?? 2,
+            };
+    }
+}
+export const Button = ({ variant = 'primary', size = 'm', radius, fullWidth = false, disabled = false, loading = false, loadingText, iconOnly = false, startIcon, endIcon, children, onPress, style, textStyle, ...props }) => {
+    const { theme } = useTheme();
+    const colors = getVariantColors(variant, theme);
+    const sizeValues = getSizeValues(size, theme);
+    // radius 토큰에서 가져오기
+    const radiusTokens = theme.border.semantic?.radius?.button;
+    const resolvedRadius = radius || (size === 's' ? 's' : size === 'l' ? 'l' : 'm');
+    const borderRadiusValue = radiusTokens?.[resolvedRadius] ?? 8;
+    const isDisabled = disabled || loading;
+    const disabledOpacity = theme.opacity.foundation?.[40] ?? 0.4;
+    const renderContent = (pressed) => {
+        if (loading) {
+            return (_jsxs(_Fragment, { children: [_jsx(ActivityIndicator, { size: "small", color: colors.text }), loadingText ? (_jsx(Text, { style: [styles.text, { fontSize: sizeValues.fontSize, color: colors.text }, textStyle], children: loadingText })) : (!iconOnly && children && typeof children === 'string') ? (_jsx(Text, { style: [styles.text, { fontSize: sizeValues.fontSize, color: colors.text }, textStyle], children: children })) : null] }));
+        }
+        return (_jsxs(_Fragment, { children: [startIcon && _jsx(View, { style: styles.iconWrapper, children: startIcon }), children && !iconOnly && (typeof children === 'string' ? (_jsx(Text, { style: [styles.text, { fontSize: sizeValues.fontSize, color: colors.text }, textStyle], children: children })) : children), iconOnly && children, endIcon && _jsx(View, { style: styles.iconWrapper, children: endIcon })] }));
+    };
+    return (_jsx(Pressable, { ...props, onPress: onPress, disabled: isDisabled, accessibilityRole: "button", accessibilityState: { disabled: isDisabled, busy: loading }, style: ({ pressed }) => [
+            styles.base,
+            {
+                height: sizeValues.height,
+                paddingHorizontal: sizeValues.paddingH,
+                gap: sizeValues.gap,
+                borderRadius: borderRadiusValue,
+                backgroundColor: pressed && !isDisabled ? colors.bgPressed : colors.bg,
+                borderColor: colors.border,
+                borderWidth: variant === 'secondary' || variant === 'tertiary' ? 1 : 0,
+            },
+            fullWidth && styles.fullWidth,
+            iconOnly && { width: sizeValues.height, paddingHorizontal: 0 },
+            isDisabled && { opacity: disabledOpacity },
+            style,
+        ], children: ({ pressed }) => renderContent(pressed) }));
+};
+Button.displayName = 'Button';
+const styles = StyleSheet.create({
+    base: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    fullWidth: {
+        width: '100%',
+    },
+    text: {
+        fontWeight: '500',
+    },
+    iconWrapper: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+export default Button;
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize, ButtonRadius } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Button/index.js

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+//# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Card 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 색상: theme.color.aliases.surface.{base|layer-1|layer-2}, border.{base}
+ *   - radius: theme.border.semantic.radius.card.{s|m|l}
+ *   - 패딩: theme.spacing.aliases.padding.{s|m|l}
+ *   - 그림자: theme.shadow.foundation.{s|m|l}
+ *   - 폰트: theme.typography.foundation.fontSize.{s|base|l|xl}
+ *
+ * 원본: packages/ui/src/components/Card/Card.tsx
+ */
+import React from 'react';
+import { type ViewStyle, type ImageSourcePropType } from 'react-native';
+export type CardVariant = 'default' | 'elevated' | 'outlined' | 'filled';
+export type CardSize = 's' | 'm' | 'l';
+export interface CardProps {
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    children?: React.ReactNode;
+    image?: ImageSourcePropType;
+    imageHeight?: number;
+    variant?: CardVariant;
+    size?: CardSize;
+    fullWidth?: boolean;
+    clickable?: boolean;
+    disabled?: boolean;
+    headerRight?: React.ReactNode;
+    footer?: React.ReactNode;
+    onPress?: () => void;
+    style?: ViewStyle;
+}
+export declare const Card: React.FC<CardProps>;
+export default Card;
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAMH,KAAK,SAAS,EACd,KAAK,mBAAmB,EAC3B,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AACzE,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEvC,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqFpC,CAAC;AAeF,eAAe,IAAI,CAAC"}

package/dist/components/Card/Card.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text, Image, Pressable, StyleSheet, } from 'react-native';
+import { useTheme } from '../../theme/useTheme';
+export const Card = ({ title, subtitle, description, children, image, imageHeight = 180, variant = 'default', size = 'm', fullWidth = false, clickable = false, disabled = false, headerRight, footer, onPress, style, }) => {
+    const { theme } = useTheme();
+    // ─── 토큰에서 가져오기 ───
+    const surface = theme.color.aliases?.surface ?? {};
+    const borders = theme.color.aliases?.border ?? {};
+    const text = theme.color.aliases?.text ?? {};
+    const padding = theme.spacing.aliases?.padding ?? {};
+    const fontSize = theme.typography.foundation?.fontSize ?? {};
+    const shadow = theme.shadow.foundation ?? {};
+    const cardRadius = theme.border.semantic?.radius?.card ?? {};
+    const disabledOpacity = theme.opacity.foundation?.[40] ?? 0.4;
+    const paddingValue = { s: padding.s ?? 8, m: padding.m ?? 12, l: padding.l ?? 20 }[size];
+    const titleSize = { s: fontSize.s ?? 14, m: fontSize.l ?? 18, l: fontSize.xl ?? 20 }[size];
+    const borderRadius = cardRadius[size] ?? 8;
+    // RN shadow 객체 변환
+    const toShadowStyle = (s) => s ? {
+        shadowColor: s.shadowColor ?? '#000',
+        shadowOffset: { width: s.shadowOffsetX ?? 0, height: s.shadowOffsetY ?? 0 },
+        shadowOpacity: s.shadowOpacity ?? 0.1,
+        shadowRadius: s.shadowRadius ?? 4,
+        elevation: s.elevation ?? 3,
+    } : {};
+    const variantStyles = (() => {
+        switch (variant) {
+            case 'elevated':
+                return { backgroundColor: surface.base ?? '#FFFFFF', ...toShadowStyle(shadow.m) };
+            case 'outlined':
+                return { backgroundColor: surface.base ?? '#FFFFFF', borderWidth: 1, borderColor: borders.base ?? '#E8EEF2' };
+            case 'filled':
+                return { backgroundColor: surface['layer-1'] ?? '#F2F8FC' };
+            default:
+                return { backgroundColor: surface.base ?? '#FFFFFF', ...toShadowStyle(shadow.s) };
+        }
+    })();
+    const content = (_jsxs(View, { style: [
+            styles.container, variantStyles, { borderRadius },
+            fullWidth && styles.fullWidth,
+            disabled && { opacity: disabledOpacity },
+            style,
+        ], children: [image && (_jsx(Image, { source: image, style: [styles.image, { height: imageHeight, borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius }], resizeMode: "cover" })), _jsxs(View, { style: [styles.content, { padding: paddingValue }], children: [(title || subtitle || headerRight) && (_jsxs(View, { style: styles.header, children: [_jsxs(View, { style: styles.headerText, children: [title && _jsx(Text, { style: [styles.title, { fontSize: titleSize, color: text.primary ?? '#17191A' }], children: title }), subtitle && _jsx(Text, { style: { fontSize: fontSize.xs ?? 12, color: text.secondary ?? '#464A4D' }, children: subtitle })] }), headerRight] })), description && _jsx(Text, { style: { fontSize: fontSize.s ?? 14, color: text.secondary ?? '#464A4D', lineHeight: 20 }, children: description }), children] }), footer && (_jsx(View, { style: [styles.footer, { padding: paddingValue, borderTopColor: borders.base ?? '#E8EEF2' }], children: footer }))] }));
+    if (clickable && onPress) {
+        return (_jsx(Pressable, { onPress: onPress, disabled: disabled, accessibilityRole: "button", style: ({ pressed }) => pressed ? { opacity: 0.8 } : undefined, children: content }));
+    }
+    return content;
+};
+Card.displayName = 'Card';
+const styles = StyleSheet.create({
+    container: { overflow: 'hidden' },
+    fullWidth: { width: '100%' },
+    image: { width: '100%' },
+    content: { gap: 8 },
+    header: { flexDirection: 'row', alignItems: 'flex-start', justifyContent: 'space-between' },
+    headerText: { flex: 1, gap: 2 },
+    title: { fontWeight: '600' },
+    footer: { borderTopWidth: 1 },
+});
+export default Card;
+//# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}

package/dist/components/Card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card } from './Card';
+export type { CardProps, CardVariant, CardSize } from './Card';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/Card/index.js

@@ -0,0 +1,2 @@
+export { Card } from './Card';
+//# sourceMappingURL=index.js.map

package/dist/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Checkbox 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 사이즈: theme.size.semantic.checkbox.{s|m|l}
+ *   - 색상: theme.color.aliases.{brand.primary|border.base|surface.base}
+ *   - 라운드: theme.border.semantic.radius.checkbox.{s|m|l}
+ *   - 폰트: theme.typography.foundation.fontSize.*
+ */
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+export type CheckboxSize = 's' | 'm' | 'l';
+export interface CheckboxProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+    description?: string;
+    size?: CheckboxSize;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    style?: ViewStyle;
+}
+export declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGjF,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsD5C,CAAC;AAYF,eAAe,QAAQ,CAAC"}

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Checkbox 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 사이즈: theme.size.semantic.checkbox.{s|m|l}
+ *   - 색상: theme.color.aliases.{brand.primary|border.base|surface.base}
+ *   - 라운드: theme.border.semantic.radius.checkbox.{s|m|l}
+ *   - 폰트: theme.typography.foundation.fontSize.*
+ */
+import React from 'react';
+import { View, Text, Pressable, StyleSheet } from 'react-native';
+import { useTheme } from '../../theme/useTheme';
+export const Checkbox = ({ checked: controlledChecked, defaultChecked = false, onChange, label, description, size = 'm', disabled = false, indeterminate = false, style, }) => {
+    const { theme } = useTheme();
+    const [internalChecked, setInternalChecked] = React.useState(controlledChecked ?? defaultChecked);
+    const isChecked = controlledChecked ?? internalChecked;
+    const brand = theme.color.aliases?.brand ?? {};
+    const borders = theme.color.aliases?.border ?? {};
+    const surface = theme.color.aliases?.surface ?? {};
+    const textColors = theme.color.aliases?.text ?? {};
+    const checkboxSize = theme.size.semantic?.checkbox ?? {};
+    const checkboxRadius = theme.border.semantic?.radius?.checkbox ?? {};
+    const fontSize = theme.typography.foundation?.fontSize ?? {};
+    const disabledOpacity = theme.opacity.foundation?.[40] ?? 0.4;
+    const gap = theme.spacing.aliases?.gap ?? {};
+    const boxSize = checkboxSize[size] ?? { s: 16, m: 20, l: 24 }[size];
+    const borderRadius = checkboxRadius[size] ?? { s: 3, m: 4, l: 6 }[size];
+    const labelFontSize = { s: fontSize.xs ?? 12, m: fontSize.s ?? 14, l: fontSize.base ?? 16 }[size];
+    const checkMarkSize = { s: 10, m: 12, l: 16 }[size];
+    const handlePress = () => {
+        if (disabled)
+            return;
+        const newValue = !isChecked;
+        setInternalChecked(newValue);
+        onChange?.(newValue);
+    };
+    return (_jsxs(Pressable, { onPress: handlePress, disabled: disabled, accessibilityRole: "checkbox", accessibilityState: { checked: isChecked, disabled }, style: [styles.container, { gap: gap.s ?? 8 }, disabled && { opacity: disabledOpacity }, style], children: [_jsxs(View, { style: [
+                    styles.box,
+                    {
+                        width: boxSize, height: boxSize, borderRadius,
+                        backgroundColor: isChecked || indeterminate ? (brand.primary ?? '#006FFF') : (surface.base ?? '#FFFFFF'),
+                        borderColor: isChecked || indeterminate ? (brand.primary ?? '#006FFF') : (borders.base ?? '#E8EEF2'),
+                        borderWidth: isChecked || indeterminate ? 0 : 2,
+                    },
+                ], children: [isChecked && _jsx(Text, { style: [styles.checkMark, { fontSize: checkMarkSize, color: '#FFFFFF' }], children: "\u2713" }), indeterminate && !isChecked && _jsx(View, { style: [styles.indeterminate, { width: boxSize * 0.5, backgroundColor: '#FFFFFF' }] })] }), (label || description) && (_jsxs(View, { style: styles.labelContainer, children: [label && _jsx(Text, { style: { fontSize: labelFontSize, color: textColors.primary ?? '#17191A' }, children: label }), description && _jsx(Text, { style: { fontSize: fontSize.xs ?? 12, color: textColors.tertiary ?? '#757B80' }, children: description })] }))] }));
+};
+Checkbox.displayName = 'Checkbox';
+const styles = StyleSheet.create({
+    container: { flexDirection: 'row', alignItems: 'flex-start' },
+    box: { alignItems: 'center', justifyContent: 'center' },
+    checkMark: { fontWeight: '700' },
+    indeterminate: { height: 2, borderRadius: 1 },
+    labelContainer: { flex: 1, gap: 2, paddingTop: 1 },
+});
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps, CheckboxSize } from './Checkbox';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Checkbox/index.js

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+//# sourceMappingURL=index.js.map

package/dist/components/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}