@designbasekorea/ui-native 0.1.0

package/dist/components/Navbar/Navbar.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text, Pressable, StyleSheet, Platform, StatusBar, } from 'react-native';
+import { useTheme } from '../../theme/useTheme';
+export const Navbar = ({ mode = 'stack', title, subtitle, onBack, backIcon, actions = [], showBorder = true, transparent = false, children, style, }) => {
+    const { theme } = useTheme();
+    // ─── 토큰에서 가져오기 ───
+    const surface = theme.color.aliases?.surface ?? {};
+    const textColors = theme.color.aliases?.text ?? {};
+    const borders = theme.color.aliases?.border ?? {};
+    const brand = theme.color.aliases?.brand ?? {};
+    const padding = theme.spacing.aliases?.padding ?? {};
+    const fontSize = theme.typography.foundation?.fontSize ?? {};
+    const gap = theme.spacing.aliases?.gap ?? {};
+    const iconSize = theme.size.semantic?.icon ?? {};
+    // stack 모드 = 최대 2개, tab 모드 = 최대 3개
+    const maxActions = mode === 'stack' ? 2 : 3;
+    const visibleActions = actions.slice(0, maxActions);
+    const NAVBAR_HEIGHT = 56;
+    const statusBarHeight = Platform.OS === 'android' ? (StatusBar.currentHeight ?? 0) : 0;
+    const renderAction = (action, index) => (_jsx(Pressable, { onPress: action.onPress, disabled: action.disabled, accessibilityRole: "button", accessibilityLabel: action.label, hitSlop: 8, style: ({ pressed }) => [
+            styles.actionButton,
+            {
+                width: iconSize.xl ?? 32,
+                height: iconSize.xl ?? 32,
+            },
+            action.disabled && { opacity: theme.opacity.foundation?.[40] ?? 0.4 },
+            pressed && { opacity: 0.6 },
+        ], children: action.icon ?? (_jsx(Text, { style: {
+                fontSize: fontSize.s ?? 14,
+                fontWeight: '500',
+                color: brand.primary ?? '#006FFF',
+            }, children: action.label })) }, index));
+    return (_jsxs(View, { style: [
+            styles.wrapper,
+            {
+                paddingTop: statusBarHeight,
+                backgroundColor: transparent ? 'transparent' : (surface.base ?? '#FFFFFF'),
+                borderBottomWidth: showBorder ? 1 : 0,
+                borderBottomColor: borders.base ?? '#E8EEF2',
+            },
+            style,
+        ], children: [_jsx(View, { style: [
+                    styles.container,
+                    {
+                        height: NAVBAR_HEIGHT,
+                        paddingHorizontal: padding.m ?? 12,
+                    },
+                ], children: mode === 'stack' ? (
+                /* ── Stack 모드: [뒤로가기] [중앙 타이틀] [액션 버튼] ── */
+                _jsxs(_Fragment, { children: [_jsx(View, { style: styles.left, children: onBack && (_jsx(Pressable, { onPress: onBack, accessibilityRole: "button", accessibilityLabel: "\uB4A4\uB85C \uAC00\uAE30", hitSlop: 12, style: ({ pressed }) => [
+                                    styles.backButton,
+                                    {
+                                        width: iconSize.xl ?? 32,
+                                        height: iconSize.xl ?? 32,
+                                    },
+                                    pressed && { opacity: 0.6 },
+                                ], children: backIcon ?? (_jsx(Text, { style: {
+                                        fontSize: fontSize.xl ?? 20,
+                                        color: textColors.primary ?? '#17191A',
+                                    }, children: "\u2190" })) })) }), _jsx(View, { style: styles.center, children: _jsx(Text, { style: [styles.stackTitle, {
+                                        fontSize: fontSize.base ?? 16,
+                                        color: textColors.primary ?? '#17191A',
+                                    }], numberOfLines: 1, children: title }) }), _jsx(View, { style: [styles.right, { gap: gap.xs ?? 4 }], children: visibleActions.map(renderAction) })] })) : (
+                /* ── Tab 모드: [좌측 타이틀] [우측 액션 버튼] ── */
+                _jsxs(_Fragment, { children: [_jsxs(View, { style: styles.tabLeft, children: [_jsx(Text, { style: [styles.tabTitle, {
+                                            fontSize: fontSize['2xl'] ?? 24,
+                                            color: textColors.primary ?? '#17191A',
+                                        }], numberOfLines: 1, children: title }), subtitle && (_jsx(Text, { style: {
+                                        fontSize: fontSize.xs ?? 12,
+                                        color: textColors.tertiary ?? '#757B80',
+                                        marginTop: 1,
+                                    }, children: subtitle }))] }), _jsx(View, { style: [styles.right, { gap: gap.xs ?? 4 }], children: visibleActions.map(renderAction) })] })) }), children && (_jsx(View, { style: {
+                    paddingHorizontal: padding.m ?? 12,
+                    paddingBottom: padding.s ?? 8,
+                }, children: children }))] }));
+};
+Navbar.displayName = 'Navbar';
+const styles = StyleSheet.create({
+    wrapper: {},
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    /* ─── Stack 모드 ─── */
+    left: {
+        width: 44,
+        alignItems: 'flex-start',
+        justifyContent: 'center',
+    },
+    center: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    right: {
+        minWidth: 44,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'flex-end',
+    },
+    backButton: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    stackTitle: {
+        fontWeight: '600',
+        textAlign: 'center',
+    },
+    /* ─── Tab 모드 ─── */
+    tabLeft: {
+        flex: 1,
+        justifyContent: 'center',
+    },
+    tabTitle: {
+        fontWeight: '700',
+    },
+    /* ─── 공통 ─── */
+    actionButton: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: 8,
+    },
+});
+export default Navbar;
+//# sourceMappingURL=Navbar.js.map

package/dist/components/Navbar/Navbar.js.map

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

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

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

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

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

package/dist/components/Navbar/index.js

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

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

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

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,27 @@
+/**
+ * ProgressBar 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 트랙: theme.color.aliases.surface.{layer-2}
+ *   - 바: theme.color.aliases.{brand.primary|feedback.*.fg}
+ *   - 라운드: theme.border.semantic.radius.full
+ *   - 폰트: theme.typography.foundation.fontSize.xs
+ *   - 텍스트: theme.color.aliases.text.secondary
+ */
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+export type ProgressBarVariant = 'primary' | 'success' | 'warning' | 'danger' | 'info';
+export type ProgressBarSize = 's' | 'm' | 'l';
+export interface ProgressBarProps {
+    value: number;
+    max?: number;
+    variant?: ProgressBarVariant;
+    size?: ProgressBarSize;
+    showLabel?: boolean;
+    label?: string;
+    animated?: boolean;
+    style?: ViewStyle;
+}
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AACvF,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE9C,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0DlD,CAAC;AAWF,eAAe,WAAW,CAAC"}

package/dist/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ProgressBar 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 트랙: theme.color.aliases.surface.{layer-2}
+ *   - 바: theme.color.aliases.{brand.primary|feedback.*.fg}
+ *   - 라운드: theme.border.semantic.radius.full
+ *   - 폰트: theme.typography.foundation.fontSize.xs
+ *   - 텍스트: theme.color.aliases.text.secondary
+ */
+import { useRef, useEffect } from 'react';
+import { View, Text, Animated, StyleSheet } from 'react-native';
+import { useTheme } from '../../theme/useTheme';
+export const ProgressBar = ({ value, max = 100, variant = 'primary', size = 'm', showLabel = false, label, animated = true, style, }) => {
+    const { theme } = useTheme();
+    const animatedWidth = useRef(new Animated.Value(0)).current;
+    const surface = theme.color.aliases?.surface ?? {};
+    const brand = theme.color.aliases?.brand ?? {};
+    const feedback = theme.color.aliases?.feedback ?? {};
+    const textColors = theme.color.aliases?.text ?? {};
+    const fontSize = theme.typography.foundation?.fontSize ?? {};
+    const percentage = Math.min(100, Math.max(0, (value / max) * 100));
+    const trackHeight = { s: 4, m: 8, l: 12 }[size];
+    const barColors = {
+        primary: brand.primary ?? '#006FFF',
+        success: feedback.success?.fg ?? '#16A34A',
+        warning: feedback.warning?.fg ?? '#D1B400',
+        danger: feedback.error?.fg ?? '#DC2626',
+        info: feedback.info?.fg ?? '#0683FF',
+    };
+    useEffect(() => {
+        if (animated) {
+            Animated.spring(animatedWidth, { toValue: percentage, useNativeDriver: false, friction: 10, tension: 40 }).start();
+        }
+        else {
+            animatedWidth.setValue(percentage);
+        }
+    }, [percentage, animated, animatedWidth]);
+    const barWidthInterpolation = animatedWidth.interpolate({ inputRange: [0, 100], outputRange: ['0%', '100%'] });
+    return (_jsxs(View, { style: [styles.container, style], accessibilityRole: "progressbar", accessibilityValue: { min: 0, max, now: value }, children: [(showLabel || label) && (_jsxs(View, { style: styles.labelRow, children: [_jsx(Text, { style: { fontSize: fontSize.xs ?? 12, color: textColors.secondary ?? '#464A4D' }, children: label ?? `${Math.round(percentage)}%` }), label && showLabel && (_jsxs(Text, { style: { fontSize: fontSize.xs ?? 12, color: textColors.tertiary ?? '#757B80' }, children: [Math.round(percentage), "%"] }))] })), _jsx(View, { style: [styles.track, { height: trackHeight, borderRadius: trackHeight / 2, backgroundColor: surface['layer-2'] ?? '#E8EEF2' }], children: _jsx(Animated.View, { style: [styles.bar, {
+                            height: trackHeight, borderRadius: trackHeight / 2,
+                            backgroundColor: barColors[variant],
+                            width: barWidthInterpolation,
+                        }] }) })] }));
+};
+ProgressBar.displayName = 'ProgressBar';
+const styles = StyleSheet.create({
+    container: { width: '100%' },
+    labelRow: { flexDirection: 'row', justifyContent: 'space-between', marginBottom: 4 },
+    track: { overflow: 'hidden' },
+    bar: {},
+});
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/dist/components/ProgressBar/ProgressBar.js.map

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

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

@@ -0,0 +1,3 @@
+export { ProgressBar } from './ProgressBar';
+export type { ProgressBarProps, ProgressBarVariant, ProgressBarSize } from './ProgressBar';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/ProgressBar/index.js

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

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

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

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Radio 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 색상: theme.color.aliases.{brand.primary|border.base|surface.base}
+ *   - 폰트: theme.typography.foundation.fontSize.*
+ *   - 간격: theme.spacing.aliases.gap.*
+ */
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+export type RadioSize = 's' | 'm' | 'l';
+export interface RadioOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface RadioProps {
+    options: RadioOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    size?: RadioSize;
+    disabled?: boolean;
+    direction?: 'vertical' | 'horizontal';
+    style?: ViewStyle;
+}
+export declare const Radio: React.FC<RadioProps>;
+export default Radio;
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGjF,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAExC,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,UAAU;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwDtC,CAAC;AAaF,eAAe,KAAK,CAAC"}

package/dist/components/Radio/Radio.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Radio 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 색상: theme.color.aliases.{brand.primary|border.base|surface.base}
+ *   - 폰트: theme.typography.foundation.fontSize.*
+ *   - 간격: theme.spacing.aliases.gap.*
+ */
+import React from 'react';
+import { View, Text, Pressable, StyleSheet } from 'react-native';
+import { useTheme } from '../../theme/useTheme';
+export const Radio = ({ options, value: controlledValue, defaultValue, onChange, size = 'm', disabled = false, direction = 'vertical', style, }) => {
+    const { theme } = useTheme();
+    const [internalValue, setInternalValue] = React.useState(controlledValue ?? defaultValue ?? '');
+    const selectedValue = controlledValue ?? internalValue;
+    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 fontSize = theme.typography.foundation?.fontSize ?? {};
+    const gap = theme.spacing.aliases?.gap ?? {};
+    const disabledOpacity = theme.opacity.foundation?.[40] ?? 0.4;
+    const outerSize = { s: 16, m: 20, l: 24 }[size];
+    const innerSize = { s: 8, m: 10, l: 14 }[size];
+    const labelFontSize = { s: fontSize.xs ?? 12, m: fontSize.s ?? 14, l: fontSize.base ?? 16 }[size];
+    const handleSelect = (val) => {
+        if (disabled)
+            return;
+        setInternalValue(val);
+        onChange?.(val);
+    };
+    return (_jsx(View, { style: [
+            direction === 'horizontal' ? styles.horizontal : styles.vertical,
+            { gap: gap.m ?? 12 }, style,
+        ], accessibilityRole: "radiogroup", children: options.map((opt) => {
+            const isSelected = selectedValue === opt.value;
+            const isDisabled = disabled || opt.disabled;
+            return (_jsxs(Pressable, { onPress: () => handleSelect(opt.value), disabled: isDisabled, accessibilityRole: "radio", accessibilityState: { checked: isSelected, disabled: isDisabled }, style: [styles.option, { gap: gap.s ?? 8 }, isDisabled && { opacity: disabledOpacity }], children: [_jsx(View, { style: [styles.outer, {
+                                width: outerSize, height: outerSize, borderRadius: outerSize / 2,
+                                borderColor: isSelected ? (brand.primary ?? '#006FFF') : (borders.base ?? '#E8EEF2'),
+                                backgroundColor: surface.base ?? '#FFFFFF',
+                            }], children: isSelected && (_jsx(View, { style: [styles.inner, { width: innerSize, height: innerSize, borderRadius: innerSize / 2, backgroundColor: brand.primary ?? '#006FFF' }] })) }), _jsxs(View, { style: styles.labelContainer, children: [_jsx(Text, { style: { fontSize: labelFontSize, color: textColors.primary ?? '#17191A' }, children: opt.label }), opt.description && _jsx(Text, { style: { fontSize: fontSize.xs ?? 12, color: textColors.tertiary ?? '#757B80' }, children: opt.description })] })] }, opt.value));
+        }) }));
+};
+Radio.displayName = 'Radio';
+const styles = StyleSheet.create({
+    vertical: {},
+    horizontal: { flexDirection: 'row', flexWrap: 'wrap' },
+    option: { flexDirection: 'row', alignItems: 'flex-start' },
+    outer: { borderWidth: 2, alignItems: 'center', justifyContent: 'center' },
+    inner: {},
+    labelContainer: { flex: 1, gap: 2, paddingTop: 1 },
+});
+export default Radio;
+//# sourceMappingURL=Radio.js.map

package/dist/components/Radio/Radio.js.map

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

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

@@ -0,0 +1,3 @@
+export { Radio } from './Radio';
+export type { RadioProps, RadioOption, RadioSize } from './Radio';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Radio/index.js

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

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

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

package/dist/components/SearchBar/SearchBar.d.ts

@@ -0,0 +1,29 @@
+/**
+ * SearchBar 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 색상: theme.color.semantic.field.input.*
+ *   - 사이즈: theme.size.semantic.search.{s|m|l}
+ *   - 라운드: theme.border.semantic.radius.{l|full}
+ *   - 패딩: theme.spacing.aliases.padding.*
+ *   - 폰트: theme.typography.foundation.fontSize.*
+ */
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+export type SearchBarSize = 's' | 'm' | 'l';
+export interface SearchBarProps {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    size?: SearchBarSize;
+    onChangeText?: (text: string) => void;
+    onSubmit?: (text: string) => void;
+    onClear?: () => void;
+    disabled?: boolean;
+    showClearButton?: boolean;
+    startIcon?: React.ReactNode;
+    style?: ViewStyle;
+}
+export declare const SearchBar: React.FC<SearchBarProps>;
+export default SearchBar;
+//# sourceMappingURL=SearchBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG5F,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0E9C,CAAC;AASF,eAAe,SAAS,CAAC"}

package/dist/components/SearchBar/SearchBar.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SearchBar 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 색상: theme.color.semantic.field.input.*
+ *   - 사이즈: theme.size.semantic.search.{s|m|l}
+ *   - 라운드: theme.border.semantic.radius.{l|full}
+ *   - 패딩: theme.spacing.aliases.padding.*
+ *   - 폰트: theme.typography.foundation.fontSize.*
+ */
+import { useState } from 'react';
+import { View, TextInput, Text, Pressable, StyleSheet } from 'react-native';
+import { useTheme } from '../../theme/useTheme';
+export const SearchBar = ({ value: controlledValue, defaultValue = '', placeholder = '검색...', size = 'm', onChangeText, onSubmit, onClear, disabled = false, showClearButton = true, startIcon, style, }) => {
+    const { theme } = useTheme();
+    const [internalValue, setInternalValue] = useState(controlledValue ?? defaultValue);
+    const [isFocused, setIsFocused] = useState(false);
+    const currentValue = controlledValue ?? internalValue;
+    const fieldTokens = theme.color.semantic?.field?.input ?? {};
+    const aliases = theme.color.aliases ?? {};
+    const searchSize = theme.size.semantic?.search ?? {};
+    const padding = theme.spacing.aliases?.padding ?? {};
+    const fontSize = theme.typography.foundation?.fontSize ?? {};
+    const disabledOpacity = theme.opacity.foundation?.[40] ?? 0.4;
+    const sizeConfig = {
+        s: { height: searchSize.s ?? 32, fontSize: fontSize.xs ?? 12, paddingH: padding.s ?? 8 },
+        m: { height: searchSize.m ?? 40, fontSize: fontSize.s ?? 14, paddingH: padding.m ?? 12 },
+        l: { height: searchSize.l ?? 48, fontSize: fontSize.base ?? 16, paddingH: padding.l ?? 20 },
+    }[size];
+    const bgColor = disabled
+        ? (fieldTokens['bg-disabled'] ?? aliases.surface?.muted ?? '#E8EEF2')
+        : (fieldTokens['bg-default'] ?? aliases.surface?.['layer-1'] ?? '#F2F8FC');
+    const borderColor = isFocused
+        ? (fieldTokens['border-focus'] ?? aliases.brand?.primary ?? '#006FFF')
+        : 'transparent';
+    const placeholderColor = fieldTokens?.placeholder ?? aliases.text?.tertiary ?? '#757B80';
+    const textColor = fieldTokens?.['text-default'] ?? aliases.text?.primary ?? '#17191A';
+    const handleChange = (text) => {
+        setInternalValue(text);
+        onChangeText?.(text);
+    };
+    const handleClear = () => {
+        setInternalValue('');
+        onChangeText?.('');
+        onClear?.();
+    };
+    return (_jsxs(View, { style: [
+            styles.container,
+            {
+                height: sizeConfig.height, borderRadius: sizeConfig.height / 2,
+                backgroundColor: bgColor, paddingHorizontal: sizeConfig.paddingH,
+                borderWidth: isFocused ? 2 : 0, borderColor,
+            },
+            disabled && { opacity: disabledOpacity }, style,
+        ], children: [startIcon ?? _jsx(Text, { style: { fontSize: sizeConfig.fontSize, color: placeholderColor }, children: "\uD83D\uDD0D" }), _jsx(TextInput, { value: currentValue, onChangeText: handleChange, onSubmitEditing: () => onSubmit?.(currentValue), placeholder: placeholder, placeholderTextColor: placeholderColor, editable: !disabled, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), returnKeyType: "search", style: [styles.input, { fontSize: sizeConfig.fontSize, color: textColor }], accessibilityLabel: placeholder }), showClearButton && currentValue.length > 0 && (_jsx(Pressable, { onPress: handleClear, hitSlop: 8, accessibilityLabel: "\uAC80\uC0C9 \uC9C0\uC6B0\uAE30", children: _jsx(Text, { style: { fontSize: sizeConfig.fontSize, color: aliases.text?.tertiary ?? '#757B80' }, children: "\u2715" }) }))] }));
+};
+SearchBar.displayName = 'SearchBar';
+const styles = StyleSheet.create({
+    container: { flexDirection: 'row', alignItems: 'center', gap: 8 },
+    input: { flex: 1, height: '100%', padding: 0 },
+});
+export default SearchBar;
+//# sourceMappingURL=SearchBar.js.map

package/dist/components/SearchBar/SearchBar.js.map

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

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

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

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

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

package/dist/components/SearchBar/index.js

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

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

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

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Skeleton 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 배경: theme.color.aliases.surface.{layer-1|layer-2}
+ *   - 라운드: theme.border.semantic.radius.{s|m|l}
+ */
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+export type SkeletonVariant = 'text' | 'rectangular' | 'circular';
+export interface SkeletonProps {
+    width?: number | string;
+    height?: number | string;
+    variant?: SkeletonVariant;
+    borderRadius?: number;
+    count?: number;
+    gap?: number;
+    style?: ViewStyle;
+}
+export declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1E,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,aAAa,GAAG,UAAU,CAAC;AAElE,MAAM,WAAW,aAAa;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8C5C,CAAC;AAGF,eAAe,QAAQ,CAAC"}

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Skeleton 컴포넌트 (React Native)
+ *
+ * 스타일링 토큰 경로:
+ *   - 배경: theme.color.aliases.surface.{layer-1|layer-2}
+ *   - 라운드: theme.border.semantic.radius.{s|m|l}
+ */
+import { useRef, useEffect } from 'react';
+import { View, Animated } from 'react-native';
+import { useTheme } from '../../theme/useTheme';
+export const Skeleton = ({ width = '100%', height = 16, variant = 'text', borderRadius: customRadius, count = 1, gap: customGap, style, }) => {
+    const { theme } = useTheme();
+    const animValue = useRef(new Animated.Value(0)).current;
+    const surface = theme.color.aliases?.surface ?? {};
+    const radiusTokens = theme.border.semantic?.radius ?? {};
+    const gapValue = customGap ?? theme.spacing.aliases?.gap?.s ?? 8;
+    const bgColor = surface['layer-1'] ?? '#F2F8FC';
+    const pulseColor = surface['layer-2'] ?? '#E8EEF2';
+    const resolvedRadius = customRadius ?? (() => {
+        switch (variant) {
+            case 'circular': return typeof width === 'number' ? width / 2 : 9999;
+            case 'rectangular': return radiusTokens.s ?? 4;
+            default: return radiusTokens.s ?? 4;
+        }
+    })();
+    const resolvedSize = variant === 'circular' ? { width: width ?? 40, height: width ?? 40 } : { width, height };
+    useEffect(() => {
+        const animation = Animated.loop(Animated.sequence([
+            Animated.timing(animValue, { toValue: 1, duration: 800, useNativeDriver: false }),
+            Animated.timing(animValue, { toValue: 0, duration: 800, useNativeDriver: false }),
+        ]));
+        animation.start();
+        return () => animation.stop();
+    }, [animValue]);
+    const backgroundColor = animValue.interpolate({ inputRange: [0, 1], outputRange: [bgColor, pulseColor] });
+    const items = Array.from({ length: count }, (_, i) => (_jsx(Animated.View, { style: [
+            { ...resolvedSize, borderRadius: resolvedRadius, backgroundColor },
+            i > 0 && { marginTop: gapValue },
+            style,
+        ] }, i)));
+    return count === 1 ? items[0] : _jsx(View, { children: items });
+};
+Skeleton.displayName = 'Skeleton';
+export default Skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

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

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

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

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

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

package/dist/components/Skeleton/index.js

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

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

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