@hua-labs/ui 1.0.0

package/dist/components/Dropdown.js

@@ -0,0 +1,174 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils";
+const Dropdown = React.forwardRef(({ className, trigger, children, open: controlledOpen, onOpenChange, placement = "bottom", align = "start", offset = 8, disabled = false, showArrow = true, ...props }, ref) => {
+    const [internalOpen, setInternalOpen] = React.useState(false);
+    const [coords, setCoords] = React.useState({ x: 0, y: 0 });
+    const triggerRef = React.useRef(null);
+    const dropdownRef = React.useRef(null);
+    const isControlled = controlledOpen !== undefined;
+    const isOpen = isControlled ? controlledOpen : internalOpen;
+    const handleOpenChange = (newOpen) => {
+        if (disabled)
+            return;
+        if (!isControlled) {
+            setInternalOpen(newOpen);
+        }
+        onOpenChange?.(newOpen);
+    };
+    const handleTriggerClick = () => {
+        handleOpenChange(!isOpen);
+    };
+    const updatePosition = React.useCallback(() => {
+        if (!triggerRef.current || !dropdownRef.current)
+            return;
+        const triggerRect = triggerRef.current.getBoundingClientRect();
+        const dropdownRect = dropdownRef.current.getBoundingClientRect();
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        let x = 0;
+        let y = 0;
+        // 기본 위치 계산
+        switch (placement) {
+            case "top":
+                x = triggerRect.left;
+                y = triggerRect.top - offset;
+                break;
+            case "bottom":
+                x = triggerRect.left;
+                y = triggerRect.bottom + offset;
+                break;
+            case "left":
+                x = triggerRect.left - offset;
+                y = triggerRect.top;
+                break;
+            case "right":
+                x = triggerRect.right + offset;
+                y = triggerRect.top;
+                break;
+        }
+        // 정렬 조정
+        switch (align) {
+            case "center":
+                if (placement === "top" || placement === "bottom") {
+                    x = triggerRect.left + triggerRect.width / 2 - dropdownRect.width / 2;
+                }
+                else {
+                    y = triggerRect.top + triggerRect.height / 2 - dropdownRect.height / 2;
+                }
+                break;
+            case "end":
+                if (placement === "top" || placement === "bottom") {
+                    x = triggerRect.right - dropdownRect.width;
+                }
+                else {
+                    y = triggerRect.bottom - dropdownRect.height;
+                }
+                break;
+            case "start":
+            default:
+                // 기본값은 이미 start 정렬
+                break;
+        }
+        // 뷰포트 경계 확인 및 조정
+        if (x < 8)
+            x = 8; // 8px 여백
+        if (x + dropdownRect.width > viewportWidth - 8) {
+            x = viewportWidth - dropdownRect.width - 8; // 8px 여백
+        }
+        if (y < 8)
+            y = 8; // 8px 여백
+        if (y + dropdownRect.height > viewportHeight - 8) {
+            y = viewportHeight - dropdownRect.height - 8; // 8px 여백
+        }
+        setCoords({ x, y });
+    }, [placement, align, offset]);
+    React.useEffect(() => {
+        if (isOpen) {
+            updatePosition();
+            window.addEventListener('resize', updatePosition);
+            window.addEventListener('scroll', updatePosition);
+            return () => {
+                window.removeEventListener('resize', updatePosition);
+                window.removeEventListener('scroll', updatePosition);
+            };
+        }
+    }, [isOpen, updatePosition]);
+    React.useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (triggerRef.current &&
+                dropdownRef.current &&
+                !triggerRef.current.contains(event.target) &&
+                !dropdownRef.current.contains(event.target)) {
+                handleOpenChange(false);
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('mousedown', handleClickOutside);
+            return () => {
+                document.removeEventListener('mousedown', handleClickOutside);
+            };
+        }
+    }, [isOpen]);
+    const getPlacementClasses = () => {
+        switch (placement) {
+            case "top":
+                return "bottom-full left-0 mb-2"; // 8px 간격
+            case "bottom":
+                return "top-full left-0 mt-2"; // 8px 간격
+            case "left":
+                return "right-full top-0 mr-2"; // 8px 간격
+            case "right":
+                return "left-full top-0 ml-2"; // 8px 간격
+            default:
+                return "top-full left-0 mt-2";
+        }
+    };
+    const getArrowClasses = () => {
+        switch (placement) {
+            case "top":
+                return "top-full left-4 -translate-x-1/2 border-t-gray-100 dark:border-t-gray-800";
+            case "bottom":
+                return "bottom-full left-4 -translate-x-1/2 border-b-gray-100 dark:border-b-gray-800";
+            case "left":
+                return "left-full top-4 -translate-y-1/2 border-l-gray-100 dark:border-l-gray-800";
+            case "right":
+                return "right-full top-4 -translate-y-1/2 border-r-gray-100 dark:border-r-gray-800";
+            default:
+                return "bottom-full left-4 -translate-x-1/2 border-b-gray-100 dark:border-b-gray-800";
+        }
+    };
+    return (_jsxs("div", { ref: ref, className: cn("relative", className), ...props, children: [_jsx("div", { ref: triggerRef, onClick: handleTriggerClick, className: "inline-block cursor-pointer", children: trigger }), isOpen && (_jsxs("div", { ref: dropdownRef, className: cn("absolute z-50 bg-white dark:bg-gray-800 rounded-lg shadow-xl backdrop-blur-sm", // 보더 대신 섀도우 사용
+                "min-w-[200px] py-2", // 16px 패딩
+                getPlacementClasses()), style: {
+                    transform: `translate(${coords.x}px, ${coords.y}px)`,
+                    boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"
+                }, children: [showArrow && (_jsx("div", { className: cn("absolute w-0 h-0 border-4 border-transparent", getArrowClasses()) })), _jsx("div", { className: "relative z-10", children: children })] }))] }));
+});
+Dropdown.displayName = "Dropdown";
+const DropdownItem = React.forwardRef(({ className, icon, variant = "default", children, disabled, ...props }, ref) => {
+    const getVariantClasses = () => {
+        switch (variant) {
+            case "destructive":
+                return "text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20";
+            case "disabled":
+                return "text-gray-400 dark:text-gray-500 cursor-not-allowed";
+            default:
+                return "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700";
+        }
+    };
+    return (_jsxs("button", { ref: ref, className: cn("w-full flex items-center gap-3 px-4 py-3 text-sm font-medium transition-colors focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-700", // 16px, 12px 패딩
+        getVariantClasses(), className), disabled: disabled || variant === "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 })] }));
+});
+DropdownItem.displayName = "DropdownItem";
+const DropdownSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("h-px bg-gray-200 dark:bg-gray-700 my-2", className), ...props })));
+DropdownSeparator.displayName = "DropdownSeparator";
+const DropdownLabel = React.forwardRef(({ className, children, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("px-4 py-2 text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide", className), ...props, children: children })));
+DropdownLabel.displayName = "DropdownLabel";
+// 편의 컴포넌트들
+const DropdownMenu = React.forwardRef(({ className, children, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("py-1", className), ...props, children: children })));
+DropdownMenu.displayName = "DropdownMenu";
+const DropdownGroup = React.forwardRef(({ className, children, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("space-y-1", className), ...props, children: children })));
+DropdownGroup.displayName = "DropdownGroup";
+export { Dropdown, DropdownItem, DropdownSeparator, DropdownLabel, DropdownMenu, DropdownGroup };

package/dist/components/EmotionAnalysis.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+interface EmotionAnalysisProps extends React.HTMLAttributes<HTMLDivElement> {
+    primaryEmotion?: {
+        name: string;
+        intensity: number;
+        color?: string;
+    };
+    emotionDistribution?: Array<{
+        emotion: string;
+        percentage: number;
+        color: string;
+    }>;
+    keywords?: string[];
+    intensity?: number;
+    positivity?: number;
+    energy?: number;
+    showMeter?: boolean;
+    showDistribution?: boolean;
+    showKeywords?: boolean;
+    showMetrics?: boolean;
+    layout?: "compact" | "detailed" | "card";
+}
+declare const EmotionAnalysis: React.ForwardRefExoticComponent<EmotionAnalysisProps & React.RefAttributes<HTMLDivElement>>;
+export { EmotionAnalysis };
+//# sourceMappingURL=EmotionAnalysis.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmotionAnalysis.d.ts","sourceRoot":"","sources":["../../src/components/EmotionAnalysis.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,cAAc,CAAC,EAAE;QACf,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,mBAAmB,CAAC,EAAE,KAAK,CAAC;QAC1B,OAAO,EAAE,MAAM,CAAA;QACf,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,CAAA;KACd,CAAC,CAAA;IACF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;CACzC;AAED,QAAA,MAAM,eAAe,6FAgSpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/EmotionAnalysis.js

@@ -0,0 +1,40 @@
+'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.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface EmotionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    emotion: string;
+    isSelected?: boolean;
+    size?: "sm" | "md" | "lg";
+}
+declare const EmotionButton: React.ForwardRefExoticComponent<EmotionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { EmotionButton };
+//# sourceMappingURL=EmotionButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmotionButton.d.ts","sourceRoot":"","sources":["../../src/components/EmotionButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,aAAa,8FAyBlB,CAAA;AAGD,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/EmotionButton.js

@@ -0,0 +1,16 @@
+"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.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface EmotionMeterProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: number;
+    max?: number;
+    size?: "sm" | "md" | "lg";
+    color?: "blue" | "green" | "yellow" | "red";
+}
+declare const EmotionMeter: React.ForwardRefExoticComponent<EmotionMeterProps & React.RefAttributes<HTMLDivElement>>;
+export { EmotionMeter };
+//# sourceMappingURL=EmotionMeter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmotionMeter.d.ts","sourceRoot":"","sources":["../../src/components/EmotionMeter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;CAC5C;AAED,QAAA,MAAM,YAAY,0FAqCjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/EmotionMeter.js

@@ -0,0 +1,21 @@
+"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.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+interface EmotionSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
+    selectedEmotion?: string;
+    onEmotionSelect?: (emotion: string) => void;
+    layout?: "grid" | "list" | "compact";
+    showIntensity?: boolean;
+    intensity?: number;
+    onIntensityChange?: (intensity: number) => void;
+    emotions?: Array<{
+        key: string;
+        label: string;
+        icon?: string;
+        color?: string;
+    }>;
+    size?: "sm" | "md" | "lg";
+    variant?: "button" | "card" | "chip";
+}
+declare const EmotionSelector: React.ForwardRefExoticComponent<EmotionSelectorProps & React.RefAttributes<HTMLDivElement>>;
+export { EmotionSelector };
+//# sourceMappingURL=EmotionSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmotionSelector.d.ts","sourceRoot":"","sources":["../../src/components/EmotionSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAC,CAAA;IACF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;CACrC;AAaD,QAAA,MAAM,eAAe,6FAgJpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/EmotionSelector.js

@@ -0,0 +1,46 @@
+'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.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    cols?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    gap?: "none" | "sm" | "md" | "lg" | "xl";
+    gapX?: "none" | "sm" | "md" | "lg" | "xl";
+    gapY?: "none" | "sm" | "md" | "lg" | "xl";
+    responsive?: boolean;
+}
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+export { Grid };
+//# sourceMappingURL=Grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/components/Grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;IACvD,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,IAAI,kFA+DT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/Grid.js

@@ -0,0 +1,44 @@
+"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

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,48 @@
+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.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    variant?: "default" | "outline" | "filled" | "ghost";
+    size?: "sm" | "md" | "lg";
+    error?: boolean;
+    success?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B;AAED,QAAA,MAAM,KAAK,qFA4DV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/Input.js

@@ -0,0 +1,25 @@
+"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.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export interface LanguageToggleProps {
+    className?: string;
+    size?: "sm" | "md" | "lg";
+    variant?: "button" | "icon" | "dropdown";
+    showLabel?: boolean;
+    languages?: Array<{
+        code: string;
+        name: string;
+        flag?: string;
+    }>;
+    currentLanguage?: string;
+    onLanguageChange?: (language: string) => void;
+}
+declare const LanguageToggle: React.ForwardRefExoticComponent<LanguageToggleProps & React.RefAttributes<HTMLDivElement>>;
+export { LanguageToggle };
+//# sourceMappingURL=LanguageToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageToggle.d.ts","sourceRoot":"","sources":["../../src/components/LanguageToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAA;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC;QAChB,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAC,CAAA;IACF,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9C;AAED,QAAA,MAAM,cAAc,4FAmKnB,CAAA;AAGD,OAAO,EAAE,cAAc,EAAE,CAAA"}