@hua-labs/ui 1.0.0 → 1.1.0-alpha.0.2

package/dist/components/EmotionAnalysis.js

@@ -1,40 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./Card";
-import { Badge } from "./Badge";
-import { EmotionMeter } from "./EmotionMeter";
-const EmotionAnalysis = React.forwardRef(({ className, primaryEmotion, emotionDistribution = [], keywords = [], intensity = 50, positivity = 70, energy = 60, showMeter = true, showDistribution = true, showKeywords = true, showMetrics = true, layout = "detailed", ...props }, ref) => {
-    const getIntensityLabel = (value) => {
-        if (value < 30)
-            return "약함";
-        if (value < 70)
-            return "보통";
-        return "강함";
-    };
-    const getPositivityLabel = (value) => {
-        if (value < 30)
-            return "부정적";
-        if (value < 70)
-            return "중립적";
-        return "긍정적";
-    };
-    const getEnergyLabel = (value) => {
-        if (value < 30)
-            return "낮음";
-        if (value < 70)
-            return "보통";
-        return "높음";
-    };
-    if (layout === "compact") {
-        return (_jsxs("div", { ref: ref, className: cn("space-y-3", className), ...props, children: [primaryEmotion && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm font-medium", children: "\uC8FC\uC694 \uAC10\uC815:" }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsxs("span", { className: "text-sm text-muted-foreground", children: [primaryEmotion.name, " (", primaryEmotion.intensity, "%)"] }), showMeter && (_jsx(EmotionMeter, { value: primaryEmotion.intensity, size: "sm", color: "blue" }))] })] })), showMetrics && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm font-medium", children: "\uAC10\uC815 \uAC15\uB3C4:" }), _jsx("span", { className: "text-sm text-muted-foreground", children: getIntensityLabel(intensity) })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm font-medium", children: "\uAE0D\uC815\uC131:" }), _jsx("span", { className: "text-sm text-muted-foreground", children: getPositivityLabel(positivity) })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm font-medium", children: "\uC5D0\uB108\uC9C0:" }), _jsx("span", { className: "text-sm text-muted-foreground", children: getEnergyLabel(energy) })] })] })), showKeywords && keywords.length > 0 && (_jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium", children: "\uD0A4\uC6CC\uB4DC:" }), _jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: keywords.map((keyword) => (_jsx(Badge, { variant: "secondary", className: "text-xs", children: keyword }, keyword))) })] }))] }));
-    }
-    if (layout === "card") {
-        return (_jsxs(Card, { ref: ref, className: cn("", className), ...props, children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center", children: [_jsx("span", { className: "text-2xl mr-2", children: "\u2728" }), "AI \uBD84\uC11D"] }), _jsx(CardDescription, { children: "\uAC10\uC815 \uBD84\uC11D \uACB0\uACFC" })] }), _jsxs(CardContent, { className: "space-y-4", children: [primaryEmotion && (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: "\uC8FC\uC694 \uAC10\uC815:" }), _jsxs("span", { className: "ml-2 text-muted-foreground", children: [primaryEmotion.name, " (", primaryEmotion.intensity, "%)"] })] }), showMeter && (_jsx("div", { className: "flex justify-center", children: _jsx(EmotionMeter, { value: primaryEmotion.intensity, size: "md", color: "blue" }) }))] })), showMetrics && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: "\uAC10\uC815 \uAC15\uB3C4:" }), _jsx("span", { className: "ml-2 text-muted-foreground", children: getIntensityLabel(intensity) })] }), _jsxs("div", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: "\uAE0D\uC815\uC131:" }), _jsx("span", { className: "ml-2 text-muted-foreground", children: getPositivityLabel(positivity) })] }), _jsxs("div", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: "\uC5D0\uB108\uC9C0:" }), _jsx("span", { className: "ml-2 text-muted-foreground", children: getEnergyLabel(energy) })] })] })), showKeywords && keywords.length > 0 && (_jsxs("div", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: "\uD0A4\uC6CC\uB4DC:" }), _jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: keywords.map((keyword) => (_jsx(Badge, { variant: "secondary", className: "text-xs", children: keyword }, keyword))) })] }))] })] }));
-    }
-    // detailed layout (default)
-    return (_jsxs("div", { ref: ref, className: cn("space-y-6", className), ...props, children: [primaryEmotion && (_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: "\uC8FC\uC694 \uAC10\uC815" }), _jsxs("div", { className: "flex items-center space-x-4", children: [_jsxs("div", { className: "text-center", children: [_jsx("div", { className: "text-2xl font-bold text-primary", children: primaryEmotion.name }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [primaryEmotion.intensity, "% \uAC15\uB3C4"] })] }), showMeter && (_jsx(EmotionMeter, { value: primaryEmotion.intensity, size: "lg", color: "blue" }))] })] })), showDistribution && emotionDistribution.length > 0 && (_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: "\uAC10\uC815 \uBD84\uD3EC" }), _jsx("div", { className: "space-y-3", children: emotionDistribution.map((item, index) => (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm font-medium", children: item.emotion }), _jsxs("span", { className: "text-sm text-muted-foreground", children: [item.percentage, "%"] })] }), _jsx("div", { className: "w-full bg-muted rounded-full h-2", children: _jsx("div", { className: `${item.color} h-2 rounded-full transition-all duration-300`, style: { width: `${item.percentage}%` } }) })] }, index))) })] })), showMetrics && (_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: "\uBD84\uC11D \uC9C0\uD45C" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "\uAC10\uC815 \uAC15\uB3C4" }), _jsx("div", { className: "text-2xl font-bold text-primary", children: getIntensityLabel(intensity) }), _jsx("div", { className: "w-full bg-muted rounded-full h-2", children: _jsx("div", { className: "bg-primary h-2 rounded-full transition-all duration-300", style: { width: `${intensity}%` } }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "\uAE0D\uC815\uC131" }), _jsx("div", { className: "text-2xl font-bold text-green-600", children: getPositivityLabel(positivity) }), _jsx("div", { className: "w-full bg-muted rounded-full h-2", children: _jsx("div", { className: "bg-green-500 h-2 rounded-full transition-all duration-300", style: { width: `${positivity}%` } }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "\uC5D0\uB108\uC9C0" }), _jsx("div", { className: "text-2xl font-bold text-orange-600", children: getEnergyLabel(energy) }), _jsx("div", { className: "w-full bg-muted rounded-full h-2", children: _jsx("div", { className: "bg-orange-500 h-2 rounded-full transition-all duration-300", style: { width: `${energy}%` } }) })] })] })] })), showKeywords && keywords.length > 0 && (_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: "\uAC10\uC815 \uD0A4\uC6CC\uB4DC" }), _jsx("div", { className: "flex flex-wrap gap-2", children: keywords.map((keyword) => (_jsx(Badge, { variant: "outline", className: "text-sm", children: keyword }, keyword))) })] }))] }));
-});
-EmotionAnalysis.displayName = "EmotionAnalysis";
-export { EmotionAnalysis };

package/dist/components/EmotionButton.js

@@ -1,16 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils";
-const EmotionButton = React.forwardRef(({ className, emotion, isSelected = false, size = "md", ...props }, ref) => {
-    const sizeClasses = {
-        sm: "w-8 h-8 text-sm",
-        md: "w-12 h-12 text-lg",
-        lg: "w-16 h-16 text-xl"
-    };
-    return (_jsx("button", { ref: ref, className: cn("rounded-full border-2 transition-all duration-200 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-blue-500", sizeClasses[size], isSelected
-            ? "border-blue-500 bg-blue-50 dark:bg-blue-900/20"
-            : "border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800", className), ...props, children: emotion }));
-});
-EmotionButton.displayName = "EmotionButton";
-export { EmotionButton };

package/dist/components/EmotionMeter.js

@@ -1,21 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils";
-const EmotionMeter = React.forwardRef(({ className, value, max = 100, size = "md", color = "blue", ...props }, ref) => {
-    const sizeClasses = {
-        sm: "h-2",
-        md: "h-3",
-        lg: "h-4"
-    };
-    const colorClasses = {
-        blue: "bg-blue-500",
-        green: "bg-green-500",
-        yellow: "bg-yellow-500",
-        red: "bg-red-500"
-    };
-    const percentage = Math.min(Math.max((value / max) * 100, 0), 100);
-    return (_jsx("div", { ref: ref, className: cn("w-full bg-gray-200 rounded-full dark:bg-gray-700", sizeClasses[size], className), ...props, children: _jsx("div", { className: cn("h-full rounded-full transition-all duration-300", colorClasses[color]), style: { width: `${percentage}%` } }) }));
-});
-EmotionMeter.displayName = "EmotionMeter";
-export { EmotionMeter };

package/dist/components/EmotionSelector.js

@@ -1,46 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils";
-import { EmotionButton } from "./EmotionButton";
-import { EmotionMeter } from "./EmotionMeter";
-const defaultEmotions = [
-    { key: "joy", label: "기쁨", icon: "smile", color: "yellow" },
-    { key: "sadness", label: "슬픔", icon: "frown", color: "blue" },
-    { key: "anger", label: "화남", icon: "angry", color: "red" },
-    { key: "calm", label: "평온", icon: "heart", color: "green" },
-    { key: "excitement", label: "설렘", icon: "star", color: "pink" },
-    { key: "worry", label: "걱정", icon: "meh", color: "gray" },
-    { key: "gratitude", label: "감사", icon: "heart", color: "purple" },
-    { key: "loneliness", label: "외로움", icon: "user", color: "indigo" }
-];
-const EmotionSelector = React.forwardRef(({ className, selectedEmotion, onEmotionSelect, layout = "grid", showIntensity = false, intensity = 50, onIntensityChange, emotions = defaultEmotions, size = "md", variant = "button", ...props }, ref) => {
-    const handleEmotionClick = (emotionKey) => {
-        onEmotionSelect?.(emotionKey);
-    };
-    const renderEmotionItem = (emotion) => {
-        const isSelected = selectedEmotion === emotion.key;
-        if (variant === "button") {
-            return (_jsx(EmotionButton, { emotion: emotion.key, isSelected: isSelected, size: size, onClick: () => handleEmotionClick(emotion.key), className: cn("transition-all duration-200", isSelected && "ring-2 ring-offset-2 ring-primary"), children: emotion.label }, emotion.key));
-        }
-        if (variant === "card") {
-            return (_jsx("div", { className: cn("p-4 rounded-lg border-2 cursor-pointer transition-all duration-200 hover:shadow-md", isSelected
-                    ? "border-primary bg-primary/5"
-                    : "border-border hover:border-primary/50"), onClick: () => handleEmotionClick(emotion.key), children: _jsxs("div", { className: "flex items-center space-x-3", children: [_jsx("div", { className: cn("w-8 h-8 rounded-full flex items-center justify-center", isSelected ? "bg-primary text-primary-foreground" : "bg-muted"), children: emotion.icon && (_jsxs("span", { className: "text-lg", children: [emotion.icon === "smile" && "😊", emotion.icon === "frown" && "😢", emotion.icon === "angry" && "😠", emotion.icon === "heart" && "❤️", emotion.icon === "star" && "⭐", emotion.icon === "meh" && "😐", emotion.icon === "user" && "👤"] })) }), _jsx("span", { className: "font-medium", children: emotion.label })] }) }, emotion.key));
-        }
-        if (variant === "chip") {
-            return (_jsx("div", { className: cn("px-3 py-1 rounded-full cursor-pointer transition-all duration-200 text-sm font-medium", isSelected
-                    ? "bg-primary text-primary-foreground"
-                    : "bg-muted hover:bg-muted/80"), onClick: () => handleEmotionClick(emotion.key), children: emotion.label }, emotion.key));
-        }
-        return null;
-    };
-    const layoutClasses = {
-        grid: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 md:gap-3",
-        list: "space-y-2",
-        compact: "flex flex-wrap gap-1"
-    };
-    return (_jsxs("div", { ref: ref, className: cn("space-y-4", className), ...props, children: [_jsx("div", { className: layoutClasses[layout], children: emotions.map(renderEmotionItem) }), showIntensity && selectedEmotion && (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm font-medium", children: "\uAC10\uC815 \uAC15\uB3C4" }), _jsxs("span", { className: "text-sm text-muted-foreground", children: [intensity, "%"] })] }), _jsx("input", { type: "range", min: "0", max: "100", value: intensity, onChange: (e) => onIntensityChange?.(Number(e.target.value)), className: "w-full h-2 bg-muted rounded-lg appearance-none cursor-pointer slider" }), _jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [_jsx("span", { children: "\uC57D\uD568" }), _jsx("span", { children: "\uBCF4\uD1B5" }), _jsx("span", { children: "\uAC15\uD568" })] })] })), selectedEmotion && showIntensity && (_jsx("div", { className: "flex justify-center", children: _jsx(EmotionMeter, { value: intensity, size: "md", color: "blue" }) }))] }));
-});
-EmotionSelector.displayName = "EmotionSelector";
-export { EmotionSelector };

package/dist/components/Grid.js

@@ -1,44 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils";
-const Grid = React.forwardRef(({ className, cols = 1, gap = "md", gapX, gapY, responsive = true, ...props }, ref) => {
-    const colsClasses = {
-        1: "grid-cols-1",
-        2: "grid-cols-1 sm:grid-cols-2",
-        3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-        4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
-        5: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-5",
-        6: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-6",
-        7: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-7",
-        8: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-8",
-        9: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-9",
-        10: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-10",
-        11: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-11",
-        12: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-12"
-    };
-    const gapClasses = {
-        none: "gap-0",
-        sm: "gap-4", // 16px
-        md: "gap-6", // 24px
-        lg: "gap-8", // 32px
-        xl: "gap-12" // 48px
-    };
-    const gapXClasses = {
-        none: "gap-x-0",
-        sm: "gap-x-4", // 16px
-        md: "gap-x-6", // 24px
-        lg: "gap-x-8", // 32px
-        xl: "gap-x-12" // 48px
-    };
-    const gapYClasses = {
-        none: "gap-y-0",
-        sm: "gap-y-4", // 16px
-        md: "gap-y-6", // 24px
-        lg: "gap-y-8", // 32px
-        xl: "gap-y-12" // 48px
-    };
-    return (_jsx("div", { ref: ref, className: cn("grid", responsive ? colsClasses[cols] : `grid-cols-${cols}`, gapX ? gapXClasses[gapX] : gapClasses[gap], gapY && gapYClasses[gapY], className), ...props }));
-});
-Grid.displayName = "Grid";
-export { Grid };

package/dist/components/Icon.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { LucideProps } from 'lucide-react';
-import { IconName, emotionIcons, statusIcons } from '../lib/icons';
-export interface IconProps extends Omit<LucideProps, 'size'> {
-    name: IconName;
-    size?: number | string;
-    className?: string;
-    emotion?: keyof typeof emotionIcons;
-    status?: keyof typeof statusIcons;
-    animated?: boolean;
-    pulse?: boolean;
-    spin?: boolean;
-    bounce?: boolean;
-    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'muted';
-}
-export declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const EmotionIcon: React.ForwardRefExoticComponent<Omit<Omit<IconProps, "name"> & {
-    emotion: keyof typeof emotionIcons;
-}, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const StatusIcon: React.ForwardRefExoticComponent<Omit<Omit<IconProps, "name"> & {
-    status: keyof typeof statusIcons;
-}, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const LoadingIcon: React.ForwardRefExoticComponent<Omit<Omit<IconProps, "name" | "status">, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const SuccessIcon: React.ForwardRefExoticComponent<Omit<Omit<IconProps, "name" | "status">, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const ErrorIcon: React.ForwardRefExoticComponent<Omit<Omit<IconProps, "name" | "status">, "ref"> & React.RefAttributes<SVGSVGElement>>;
-//# sourceMappingURL=Icon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,OAAO,EAAS,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEzE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IAC1D,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAA;IAEjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;CAC1F;AAED,eAAO,MAAM,IAAI,8FAyDf,CAAA;AAKF,eAAO,MAAM,WAAW;aAAwE,MAAM,OAAO,YAAY;+CAIxH,CAAA;AAID,eAAO,MAAM,UAAU;YAAuE,MAAM,OAAO,WAAW;+CAIrH,CAAA;AAKD,eAAO,MAAM,WAAW,uHAIvB,CAAA;AAKD,eAAO,MAAM,WAAW,uHAIvB,CAAA;AAKD,eAAO,MAAM,SAAS,uHAIrB,CAAA"}

package/dist/components/Icon.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { cn } from '../lib/utils';
-import { icons, emotionIcons, statusIcons } from '../lib/icons';
-export const Icon = React.forwardRef(({ name, size = 24, className, emotion, status, animated = false, pulse = false, spin = false, bounce = false, variant = 'default', ...props }, ref) => {
-    // 감정이나 상태가 지정되면 해당 아이콘으로 오버라이드
-    const iconName = emotion ? emotionIcons[emotion] :
-        status ? statusIcons[status] :
-            name;
-    const IconComponent = icons[iconName];
-    if (!IconComponent) {
-        console.warn(`Icon "${iconName}" not found`);
-        return null;
-    }
-    // 애니메이션 클래스 생성
-    const animationClasses = cn({
-        'animate-pulse': pulse,
-        'animate-spin': spin,
-        'animate-bounce': bounce,
-        'transition-all duration-200 ease-in-out': animated,
-    });
-    // 색상 변형 클래스
-    const variantClasses = cn({
-        'text-gray-900 dark:text-white': variant === 'default',
-        'text-blue-600 dark:text-blue-400': variant === 'primary',
-        'text-gray-600 dark:text-gray-400': variant === 'secondary',
-        'text-green-600 dark:text-green-400': variant === 'success',
-        'text-yellow-600 dark:text-yellow-400': variant === 'warning',
-        'text-red-600 dark:text-red-400': variant === 'error',
-        'text-gray-500 dark:text-gray-500': variant === 'muted',
-    });
-    return (_jsx(IconComponent, { ref: ref, size: size, className: cn('inline-block', animationClasses, variantClasses, className), ...props }));
-});
-Icon.displayName = 'Icon';
-// 편의를 위한 특화된 아이콘 컴포넌트들
-export const EmotionIcon = React.forwardRef(({ emotion, ...props }, ref) => (_jsx(Icon, { ref: ref, name: "smile", emotion: emotion, ...props })));
-EmotionIcon.displayName = 'EmotionIcon';
-export const StatusIcon = React.forwardRef(({ status, ...props }, ref) => (_jsx(Icon, { ref: ref, name: "info", status: status, ...props })));
-StatusIcon.displayName = 'StatusIcon';
-// 로딩 상태 전용 아이콘
-export const LoadingIcon = React.forwardRef((props, ref) => (_jsx(Icon, { ref: ref, name: "loader", status: "loading", spin: true, ...props })));
-LoadingIcon.displayName = 'LoadingIcon';
-// 성공 상태 전용 아이콘
-export const SuccessIcon = React.forwardRef((props, ref) => (_jsx(Icon, { ref: ref, name: "check", status: "success", variant: "success", ...props })));
-SuccessIcon.displayName = 'SuccessIcon';
-// 에러 상태 전용 아이콘
-export const ErrorIcon = React.forwardRef((props, ref) => (_jsx(Icon, { ref: ref, name: "alert", status: "error", variant: "error", ...props })));
-ErrorIcon.displayName = 'ErrorIcon';

package/dist/components/Input.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils";
-const Input = React.forwardRef(({ className, type, variant = "default", size = "md", error = false, success = false, leftIcon, rightIcon, ...props }, ref) => {
-    const variantClasses = {
-        default: "border-gray-300 bg-white text-gray-900 placeholder-gray-500 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-400 dark:focus:ring-blue-400",
-        outline: "border-2 border-gray-200 bg-transparent text-gray-900 placeholder-gray-500 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-400 dark:focus:ring-blue-400",
-        filled: "border-transparent bg-gray-50 text-gray-900 placeholder-gray-500 focus:bg-white focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:bg-gray-800 dark:focus:border-blue-400 dark:focus:ring-blue-400",
-        ghost: "border-transparent bg-transparent text-gray-900 placeholder-gray-500 focus:bg-gray-50 focus:border-gray-300 focus:ring-gray-500 dark:text-white dark:placeholder-gray-400 dark:focus:bg-gray-800 dark:focus:border-gray-600 dark:focus:ring-gray-400"
-    };
-    const sizeClasses = {
-        sm: "h-8 px-3 text-sm",
-        md: "h-10 px-4 text-base",
-        lg: "h-12 px-4 text-lg"
-    };
-    const stateClasses = error
-        ? "border-red-500 focus:border-red-500 focus:ring-red-500 dark:border-red-400 dark:focus:border-red-400 dark:focus:ring-red-400"
-        : success
-            ? "border-green-500 focus:border-green-500 focus:ring-green-500 dark:border-green-400 dark:focus:border-green-400 dark:focus:ring-green-400"
-            : "";
-    return (_jsxs("div", { className: "relative", children: [leftIcon && (_jsx("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500", children: leftIcon })), _jsx("input", { type: type, className: cn("flex w-full rounded-md border transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", variantClasses[variant], sizeClasses[size], stateClasses, leftIcon ? "pl-10" : "", rightIcon ? "pr-10" : "", className), ref: ref, ...props }), rightIcon && (_jsx("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500", children: rightIcon }))] }));
-});
-Input.displayName = "Input";
-export { Input };

package/dist/components/LanguageToggle.js

@@ -1,61 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils";
-const LanguageToggle = React.forwardRef(({ className, size = "md", variant = "button", showLabel = false, languages = [
-    { code: "ko", name: "한국어", flag: "🇰🇷" },
-    { code: "en", name: "English", flag: "🇺🇸" },
-    { code: "ja", name: "日本語", flag: "🇯🇵" },
-    { code: "zh", name: "中文", flag: "🇨🇳" }
-], currentLanguage = "ko", onLanguageChange, ...props }, ref) => {
-    const [isOpen, setIsOpen] = React.useState(false);
-    const dropdownRef = React.useRef(null);
-    const currentLang = languages.find(lang => lang.code === currentLanguage) || languages[0];
-    const sizeClasses = {
-        sm: "h-10 w-10", // 40px - 더 넉넉한 크기
-        md: "h-12 w-12", // 48px - 더 넉넉한 크기
-        lg: "h-14 w-14" // 56px - 더 넉넉한 크기
-    };
-    const iconSizes = {
-        sm: 16,
-        md: 20,
-        lg: 24
-    };
-    // 외부 클릭 시 드롭다운 닫기
-    React.useEffect(() => {
-        const handleClickOutside = (event) => {
-            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
-                setIsOpen(false);
-            }
-        };
-        if (isOpen) {
-            document.addEventListener("mousedown", handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, [isOpen]);
-    const handleLanguageChange = (languageCode) => {
-        onLanguageChange?.(languageCode);
-        setIsOpen(false);
-    };
-    const renderIcon = () => (_jsx("div", { className: "flex items-center justify-center", children: _jsx("span", { className: "text-lg", children: currentLang.flag }) }));
-    if (variant === "icon") {
-        return (_jsxs("div", { ref: dropdownRef, className: "relative", children: [_jsx("button", { onClick: () => setIsOpen(!isOpen), className: cn("inline-flex items-center justify-center rounded-lg transition-all duration-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 focus-visible:ring-offset-2", sizeClasses[size], className), ...props, children: renderIcon() }), isOpen && (_jsx("div", { className: "absolute top-full right-0 mt-2 w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 py-2 z-50", children: languages.map((language) => (_jsxs("button", { onClick: () => handleLanguageChange(language.code), className: cn("w-full px-4 py-3 text-left hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-200 flex items-center gap-3", // 16px, 12px 패딩, 12px 간격
-                        currentLanguage === language.code && "bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400"), children: [_jsx("span", { className: "text-lg", children: language.flag }), _jsx("span", { className: "text-sm font-medium", children: language.name })] }, language.code))) }))] }));
-    }
-    if (variant === "dropdown") {
-        return (_jsxs("div", { ref: dropdownRef, className: "relative", children: [_jsxs("button", { onClick: () => setIsOpen(!isOpen), className: cn("inline-flex items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-all duration-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 focus-visible:ring-offset-2", // 12px 간격, 16px, 12px 패딩
-                    className), ...props, children: [_jsx("span", { className: "text-lg", children: currentLang.flag }), showLabel && _jsx("span", { children: currentLang.name }), _jsx("svg", { className: cn("w-4 h-4 transition-transform duration-200", isOpen && "rotate-180"), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }), isOpen && (_jsx("div", { className: "absolute top-full right-0 mt-2 w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 py-2 z-50", children: languages.map((language) => (_jsxs("button", { onClick: () => handleLanguageChange(language.code), className: cn("w-full px-4 py-3 text-left hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-200 flex items-center gap-3", // 16px, 12px 패딩, 12px 간격
-                        currentLanguage === language.code && "bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400"), children: [_jsx("span", { className: "text-lg", children: language.flag }), _jsx("span", { className: "text-sm font-medium", children: language.name })] }, language.code))) }))] }));
-    }
-    // 기본 버튼 형태
-    return (_jsxs("button", { onClick: () => {
-            const currentIndex = languages.findIndex(lang => lang.code === currentLanguage);
-            const nextIndex = (currentIndex + 1) % languages.length;
-            onLanguageChange?.(languages[nextIndex].code);
-        }, className: cn("inline-flex items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-all duration-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 focus-visible:ring-offset-2", // 12px 간격, 16px, 12px 패딩
-        className), ...props, children: [_jsx("span", { className: "text-lg", children: currentLang.flag }), showLabel && _jsx("span", { children: currentLang.name })] }));
-});
-LanguageToggle.displayName = "LanguageToggle";
-export { LanguageToggle };

package/dist/components/LoadingSpinner.js

@@ -1,37 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils";
-const LoadingSpinner = React.forwardRef(({ className, size = "md", variant = "default", text, color = "default", ...props }, ref) => {
-    const sizeClasses = {
-        sm: "w-6 h-6", // 24px - 더 넉넉한 크기
-        md: "w-8 h-8", // 32px - 더 넉넉한 크기
-        lg: "w-12 h-12", // 48px - 더 넉넉한 크기
-        xl: "w-16 h-16" // 64px - 더 넉넉한 크기
-    };
-    const colorClasses = {
-        default: "border-gray-300 border-t-gray-600 dark:border-gray-600 dark:border-t-gray-300",
-        primary: "border-blue-300 border-t-blue-600 dark:border-blue-600 dark:border-t-blue-300",
-        secondary: "border-gray-300 border-t-gray-600 dark:border-gray-600 dark:border-t-gray-300",
-        success: "border-green-300 border-t-green-600 dark:border-green-600 dark:border-t-green-300",
-        warning: "border-yellow-300 border-t-yellow-600 dark:border-yellow-600 dark:border-t-yellow-300",
-        error: "border-red-300 border-t-red-600 dark:border-red-600 dark:border-t-red-300"
-    };
-    const renderSpinner = () => {
-        switch (variant) {
-            case "dots":
-                return (_jsxs("div", { className: "flex space-x-1", children: [" ", _jsx("div", { className: "w-2 h-2 bg-current rounded-full animate-bounce" }), _jsx("div", { className: "w-2 h-2 bg-current rounded-full animate-bounce delay-100" }), _jsx("div", { className: "w-2 h-2 bg-current rounded-full animate-bounce delay-200" })] }));
-            case "bars":
-                return (_jsxs("div", { className: "flex space-x-1", children: [" ", _jsx("div", { className: "w-1 h-full bg-current animate-pulse" }), _jsx("div", { className: "w-1 h-full bg-current animate-pulse delay-100" }), _jsx("div", { className: "w-1 h-full bg-current animate-pulse delay-200" })] }));
-            case "ring":
-                return (_jsx("div", { className: cn("animate-spin rounded-full border-2", colorClasses[color]) }));
-            case "ripple":
-                return (_jsxs("div", { className: "relative", children: [_jsx("div", { className: cn("absolute inset-0 rounded-full border-2 animate-ping", colorClasses[color]) }), _jsx("div", { className: cn("rounded-full border-2", colorClasses[color]) })] }));
-            default:
-                return (_jsx("div", { className: cn("animate-spin rounded-full border-2", colorClasses[color]) }));
-        }
-    };
-    return (_jsxs("div", { ref: ref, className: cn("flex flex-col items-center justify-center", className), ...props, children: [_jsx("div", { className: cn(sizeClasses[size], "text-gray-600 dark:text-gray-400"), children: renderSpinner() }), text && (_jsxs("p", { className: "mt-3 text-sm text-gray-600 dark:text-gray-400 text-center", children: [" ", text] }))] }));
-});
-LoadingSpinner.displayName = "LoadingSpinner";
-export { LoadingSpinner };

package/dist/components/Menu.js

@@ -1,122 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils";
-const Menu = React.forwardRef(({ className, children, variant = "default", size = "md", ...props }, ref) => {
-    const getVariantClasses = () => {
-        switch (variant) {
-            case "horizontal":
-                return "flex items-center space-x-1"; // 4px 간격
-            case "vertical":
-                return "flex flex-col space-y-1"; // 4px 간격
-            case "compact":
-                return "flex flex-col space-y-0.5"; // 2px 간격
-            default:
-                return "flex flex-col space-y-1"; // 4px 간격
-        }
-    };
-    const getSizeClasses = () => {
-        switch (size) {
-            case "sm":
-                return "text-sm";
-            case "lg":
-                return "text-base";
-            default:
-                return "text-sm";
-        }
-    };
-    return (_jsx("div", { ref: ref, className: cn(getVariantClasses(), getSizeClasses(), className), ...props, children: React.Children.map(children, (child) => {
-            if (React.isValidElement(child)) {
-                return React.cloneElement(child, {
-                    variant,
-                    size
-                });
-            }
-            return child;
-        }) }));
-});
-Menu.displayName = "Menu";
-const MenuItem = React.forwardRef(({ className, icon, variant = "default", size = "md", active = false, disabled = false, children, ...props }, ref) => {
-    const getVariantClasses = () => {
-        switch (variant) {
-            case "horizontal":
-                return cn("flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium transition-colors", // 12px, 8px 패딩
-                active
-                    ? "bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-300"
-                    : "text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700");
-            case "vertical":
-                return cn("flex items-center gap-3 px-4 py-3 rounded-md text-sm font-medium transition-colors", // 16px, 12px 패딩
-                active
-                    ? "bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-300"
-                    : "text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700");
-            case "compact":
-                return cn("flex items-center gap-2 px-2 py-1.5 rounded text-sm font-medium transition-colors", // 8px, 6px 패딩
-                active
-                    ? "bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-300"
-                    : "text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700");
-            default:
-                return cn("flex items-center gap-3 px-4 py-3 rounded-md text-sm font-medium transition-colors", // 16px, 12px 패딩
-                active
-                    ? "bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-300"
-                    : "text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700");
-        }
-    };
-    const getSizeClasses = () => {
-        switch (size) {
-            case "sm":
-                return "text-xs";
-            case "lg":
-                return "text-base";
-            default:
-                return "text-sm";
-        }
-    };
-    return (_jsxs("button", { ref: ref, className: cn(getVariantClasses(), getSizeClasses(), disabled && "opacity-50 cursor-not-allowed", className), disabled: disabled, ...props, children: [icon && (_jsx("div", { className: "flex-shrink-0 w-4 h-4", children: icon })), _jsx("span", { className: "flex-1 text-left", children: children })] }));
-});
-MenuItem.displayName = "MenuItem";
-const MenuSeparator = React.forwardRef(({ className, variant = "default", ...props }, ref) => {
-    const getVariantClasses = () => {
-        switch (variant) {
-            case "horizontal":
-                return "w-px h-4 bg-gray-200 dark:bg-gray-700 mx-1"; // 4px 여백
-            case "vertical":
-            case "compact":
-            default:
-                return "h-px bg-gray-200 dark:bg-gray-700 my-2"; // 8px 여백
-        }
-    };
-    return (_jsx("div", { ref: ref, className: cn(getVariantClasses(), className), ...props }));
-});
-MenuSeparator.displayName = "MenuSeparator";
-const MenuLabel = React.forwardRef(({ className, variant = "default", size = "md", children, ...props }, ref) => {
-    const getVariantClasses = () => {
-        switch (variant) {
-            case "horizontal":
-                return "px-3 py-1 text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide"; // 12px, 4px 패딩
-            case "vertical":
-            case "compact":
-            default:
-                return "px-4 py-2 text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide"; // 16px, 8px 패딩
-        }
-    };
-    const getSizeClasses = () => {
-        switch (size) {
-            case "sm":
-                return "text-xs";
-            case "lg":
-                return "text-sm";
-            default:
-                return "text-xs";
-        }
-    };
-    return (_jsx("div", { ref: ref, className: cn(getVariantClasses(), getSizeClasses(), className), ...props, children: children }));
-});
-MenuLabel.displayName = "MenuLabel";
-// 편의 컴포넌트들
-export const MenuHorizontal = React.forwardRef(({ className, ...props }, ref) => (_jsx(Menu, { ref: ref, variant: "horizontal", className: className, ...props })));
-MenuHorizontal.displayName = "MenuHorizontal";
-export const MenuVertical = React.forwardRef(({ className, ...props }, ref) => (_jsx(Menu, { ref: ref, variant: "vertical", className: className, ...props })));
-MenuVertical.displayName = "MenuVertical";
-export const MenuCompact = React.forwardRef(({ className, ...props }, ref) => (_jsx(Menu, { ref: ref, variant: "compact", className: className, ...props })));
-MenuCompact.displayName = "MenuCompact";
-export { Menu, MenuItem, MenuSeparator, MenuLabel };

package/dist/components/Modal.js

@@ -1,62 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { createPortal } from "react-dom";
-import { cn } from "../lib/utils";
-const Modal = React.forwardRef(({ className, isOpen, onClose, children, size = "md", showCloseButton = true, closeOnOverlayClick = true, title, showBackdrop = true, centered = true, ...props }, ref) => {
-    const modalRef = React.useRef(null);
-    // ESC 키로 모달 닫기
-    React.useEffect(() => {
-        const handleEscape = (e) => {
-            if (e.key === "Escape") {
-                onClose();
-            }
-        };
-        if (isOpen) {
-            document.addEventListener("keydown", handleEscape);
-            document.body.style.overflow = "hidden";
-        }
-        return () => {
-            document.removeEventListener("keydown", handleEscape);
-            document.body.style.overflow = "unset";
-        };
-    }, [isOpen, onClose]);
-    // 모달 외부 클릭으로 닫기
-    const handleOverlayClick = (e) => {
-        if (closeOnOverlayClick && e.target === e.currentTarget) {
-            onClose();
-        }
-    };
-    // 모달 크기 클래스 (4의 배수, 8의 배수 스페이싱)
-    const sizeClasses = {
-        sm: "w-80 max-w-sm", // 320px
-        md: "w-96 max-w-md", // 384px
-        lg: "w-[500px] max-w-lg", // 500px
-        xl: "w-[600px] max-w-xl", // 600px
-        "2xl": "w-[800px] max-w-2xl" // 800px
-    };
-    if (!isOpen)
-        return null;
-    return createPortal(_jsxs("div", { ref: ref, className: cn("fixed inset-0 z-50 flex items-center justify-center p-4", // 16px 패딩
-        centered ? "items-center" : "items-start pt-16", // 64px 상단 여백
-        className), onClick: handleOverlayClick, ...props, children: [showBackdrop && (_jsx("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-md transition-opacity duration-300" })), _jsxs("div", { ref: modalRef, className: cn("relative bg-white dark:bg-gray-800 rounded-2xl shadow-2xl border border-gray-200/50 dark:border-gray-700/50 mx-4 transform transition-all duration-300 ease-out overflow-hidden", sizeClasses[size]), style: {
-                    animation: "modalSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1)"
-                }, children: [_jsx("div", { className: "absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500" }), _jsx("div", { className: "absolute top-0 right-0 w-32 h-32 bg-gradient-to-bl from-blue-400/10 to-transparent rounded-full -translate-y-16 translate-x-16" }), _jsx("div", { className: "absolute bottom-0 left-0 w-24 h-24 bg-gradient-to-tr from-purple-400/10 to-transparent rounded-full translate-y-12 -translate-x-12" }), title && (_jsxs("div", { className: "relative z-10 px-8 pt-8 pb-6 border-b border-gray-200/50 dark:border-gray-700/50", children: [" ", _jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: title })] })), showCloseButton && (_jsx("button", { onClick: onClose, className: "absolute top-6 right-6 p-2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-all duration-200 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 hover:scale-110 z-20" // 24px 여백
-                        , "aria-label": "\uB2EB\uAE30", children: _jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), _jsx("div", { className: cn("relative z-10", title ? "px-8 py-8" : "p-8" // 32px 여백
-                        ), children: children })] }), _jsx("style", { dangerouslySetInnerHTML: {
-                    __html: `
-            @keyframes modalSlideIn {
-              from {
-                opacity: 0;
-                transform: scale(0.95) translateY(20px);
-              }
-              to {
-                opacity: 1;
-                transform: scale(1) translateY(0);
-              }
-            }
-          `
-                } })] }), document.body);
-});
-Modal.displayName = "Modal";
-export { Modal };