@hua-labs/ui 2.0.1 → 2.1.0

package/dist/{chunk-5BMH7223.mjs.map → chunk-PYBYZVSL.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/advanced/emotion/EmotionMeter.tsx","../src/components/advanced/emotion/EmotionButton.tsx","../src/components/advanced/emotion/EmotionSelector.tsx","../src/components/advanced/emotion/EmotionAnalysis.tsx"],"names":["EmotionMeter","React","className","value","max","size","color","props","ref","sizeClasses","emotionColors","percentage","jsx","merge","EmotionButton","emotion","isSelected","defaultEmotions","EmotionSelector","selectedEmotion","onEmotionSelect","layout","showIntensity","intensity","onIntensityChange","emotions","variant","handleEmotionClick","emotionKey","renderEmotionItem","jsxs","layoutClasses","e","EmotionAnalysis","primaryEmotion","emotionDistribution","keywords","positivity","energy","showMeter","showDistribution","showKeywords","showMetrics","getIntensityLabel","getPositivityLabel","getEnergyLabel","Fragment","keyword","Badge","Card","CardHeader","CardTitle","CardDescription","CardContent","item","index"],"mappings":"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","file":"chunk-5BMH7223.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { merge } from '../../../lib/utils';\nimport type { Color } from '../../../lib/types/common';\n\n/**\n * EmotionMeter 컴포넌트의 props / EmotionMeter component props\n * @typedef {Object} EmotionMeterProps\n * @property {number} value - 감정 강도 값 (0-max) / Emotion intensity value (0-max)\n * @property {number} [max=100] - 최대값 / Maximum value\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 미터 크기 / Meter size\n * @property {\"blue\" | \"green\" | \"yellow\" | \"red\"} [color=\"blue\"] - 미터 색상 / Meter color\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface EmotionMeterProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: number\n  max?: number\n  size?: \"sm\" | \"md\" | \"lg\"\n  color?: \"blue\" | \"green\" | \"yellow\" | \"red\" | Color\n}\n\n/**\n * EmotionMeter 컴포넌트 / EmotionMeter component\n *\n * 감정 강도를 표시하는 미터 컴포넌트입니다.\n * Progress 컴포넌트와 유사하지만 감정 분석에 특화되어 있습니다.\n *\n * Meter component that displays emotion intensity.\n * Similar to Progress component but specialized for emotion analysis.\n *\n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <EmotionMeter value={75} />\n *\n * @example\n * // 다양한 색상 / Various colors\n * <EmotionMeter\n *   value={80}\n *   color=\"green\"\n *   size=\"lg\"\n * />\n *\n * @param {EmotionMeterProps} props - EmotionMeter 컴포넌트의 props / EmotionMeter component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} EmotionMeter 컴포넌트 / EmotionMeter component\n */\nconst EmotionMeter = React.forwardRef<HTMLDivElement, EmotionMeterProps>(\n  ({ className, value, max = 100, size = \"md\", color = \"blue\", ...props }, ref) => {\n    const sizeClasses = {\n      sm: \"h-2\",\n      md: \"h-3\",\n      lg: \"h-4\"\n    }\n\n    // EmotionMeter는 특정 색상만 사용 (감정 분석 특화)\n    const emotionColors: Record<string, string> = {\n      blue: \"bg-indigo-500\",\n      green: \"bg-green-500\",\n      yellow: \"bg-yellow-500\",\n      red: \"bg-red-500\",\n      // 추가 색상 지원\n      purple: \"bg-purple-500\",\n      orange: \"bg-orange-500\",\n      indigo: \"bg-indigo-500\",\n      pink: \"bg-pink-500\",\n      gray: \"bg-gray-500\",\n    }\n\n    const percentage = Math.min(Math.max((value / max) * 100, 0), 100)\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\n          \"w-full bg-muted rounded-full\",\n          sizeClasses[size],\n          className\n        )}\n        {...props}\n      >\n        <div\n          className={merge(\n            \"h-full rounded-full transition-all duration-300\",\n            emotionColors[color] || emotionColors.blue\n          )}\n          style={{ width: `${percentage}%` }}\n        />\n      </div>\n    )\n  }\n)\nEmotionMeter.displayName = \"EmotionMeter\"\n\nexport { EmotionMeter }\n","\"use client\"\n\nimport React from \"react\"\nimport { merge } from '../../../lib/utils';\n\n/**\n * EmotionButton 컴포넌트의 props / EmotionButton component props\n * @typedef {Object} EmotionButtonProps\n * @property {string} emotion - 감정 이모지 또는 텍스트 / Emotion emoji or text\n * @property {boolean} [isSelected=false] - 선택 상태 / Selected state\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 버튼 크기 / Button size\n * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}\n */\nexport interface EmotionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  emotion: string\n  isSelected?: boolean\n  size?: \"sm\" | \"md\" | \"lg\"\n}\n\n/**\n * EmotionButton 컴포넌트 / EmotionButton component\n *\n * 감정을 선택하는 버튼 컴포넌트입니다.\n * 이모지나 텍스트로 감정을 표시하며, 선택 상태를 지원합니다.\n *\n * Button component for selecting emotions.\n * Displays emotion as emoji or text and supports selected state.\n *\n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <EmotionButton emotion=\"😊\" />\n *\n * @example\n * // 선택 상태 / Selected state\n * <EmotionButton\n *   emotion=\"😊\"\n *   isSelected\n *   size=\"lg\"\n * />\n *\n * @param {EmotionButtonProps} props - EmotionButton 컴포넌트의 props / EmotionButton component props\n * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref\n * @returns {JSX.Element} EmotionButton 컴포넌트 / EmotionButton component\n */\nconst EmotionButton = React.forwardRef<HTMLButtonElement, EmotionButtonProps>(\n  ({ className, emotion, isSelected = false, size = \"md\", ...props }, ref) => {\n    const sizeClasses = {\n      sm: \"w-8 h-8 text-sm\",\n      md: \"w-12 h-12 text-lg\",\n      lg: \"w-16 h-16 text-xl\"\n    }\n\n    return (\n      <button\n        ref={ref}\n        className={merge(\n          \"rounded-full border-2 transition-all duration-200 hover:scale-105 focus:outline-none focus:ring-1 focus:ring-ring\",\n          sizeClasses[size],\n          isSelected\n            ? \"border-indigo-500 bg-indigo-50 dark:bg-indigo-900/20\"\n            : \"border-border bg-background\",\n          className\n        )}\n        {...props}\n      >\n        {emotion}\n      </button>\n    )\n  }\n)\nEmotionButton.displayName = \"EmotionButton\"\n\nexport { EmotionButton }\n","'use client'\n\nimport React from \"react\"\nimport { EmotionButton } from \"./EmotionButton\"\nimport { EmotionMeter } from \"./EmotionMeter\"\nimport { merge } from '../../../lib/utils';\n\n/**\n * EmotionSelector 컴포넌트의 props / EmotionSelector component props\n * @typedef {Object} EmotionSelectorProps\n * @property {string} [selectedEmotion] - 선택된 감정 키 / Selected emotion key\n * @property {(emotion: string) => void} [onEmotionSelect] - 감정 선택 콜백 / Emotion selection callback\n * @property {\"grid\" | \"list\" | \"compact\"} [layout=\"grid\"] - 레이아웃 타입 / Layout type\n * @property {boolean} [showIntensity=false] - 강도 조절 표시 여부 / Show intensity control\n * @property {number} [intensity=50] - 감정 강도 (0-100) / Emotion intensity (0-100)\n * @property {(intensity: number) => void} [onIntensityChange] - 강도 변경 콜백 / Intensity change callback\n * @property {Array<Object>} [emotions] - 감정 목록 / Emotions list\n * @property {string} emotions[].key - 감정 키 / Emotion key\n * @property {string} emotions[].label - 감정 라벨 / Emotion label\n * @property {string} [emotions[].icon] - 감정 아이콘 / Emotion icon\n * @property {string} [emotions[].color] - 감정 색상 / Emotion color\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 감정 버튼 크기 / Emotion button size\n * @property {\"button\" | \"card\" | \"chip\"} [variant=\"button\"] - 감정 표시 스타일 / Emotion display style\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\ninterface EmotionSelectorProps extends React.HTMLAttributes<HTMLDivElement> {\n  selectedEmotion?: string\n  onEmotionSelect?: (emotion: string) => void\n  layout?: \"grid\" | \"list\" | \"compact\"\n  showIntensity?: boolean\n  intensity?: number\n  onIntensityChange?: (intensity: number) => void\n  emotions?: Array<{\n    key: string\n    label: string\n    icon?: string\n    color?: string\n  }>\n  size?: \"sm\" | \"md\" | \"lg\"\n  variant?: \"button\" | \"card\" | \"chip\"\n}\n\nconst defaultEmotions = [\n  { key: \"joy\", label: \"기쁨\", icon: \"smile\", color: \"yellow\" },\n  { key: \"sadness\", label: \"슬픔\", icon: \"frown\", color: \"blue\" },\n  { key: \"anger\", label: \"화남\", icon: \"angry\", color: \"red\" },\n  { key: \"calm\", label: \"평온\", icon: \"heart\", color: \"green\" },\n  { key: \"excitement\", label: \"설렘\", icon: \"star\", color: \"pink\" },\n  { key: \"worry\", label: \"걱정\", icon: \"meh\", color: \"gray\" },\n  { key: \"gratitude\", label: \"감사\", icon: \"heart\", color: \"purple\" },\n  { key: \"loneliness\", label: \"외로움\", icon: \"user\", color: \"indigo\" }\n]\n\n/**\n * EmotionSelector 컴포넌트 / EmotionSelector component\n *\n * 감정을 선택하는 컴포넌트입니다.\n * 여러 감정 옵션을 제공하며, 강도 조절 기능을 포함할 수 있습니다.\n *\n * Component for selecting emotions.\n * Provides multiple emotion options and can include intensity control.\n *\n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <EmotionSelector\n *   selectedEmotion=\"joy\"\n *   onEmotionSelect={(emotion) => console.log(emotion)}\n * />\n *\n * @example\n * // 강도 조절 포함 / With intensity control\n * <EmotionSelector\n *   selectedEmotion=\"calm\"\n *   onEmotionSelect={handleEmotionSelect}\n *   showIntensity\n *   intensity={intensity}\n *   onIntensityChange={setIntensity}\n *   variant=\"card\"\n * />\n *\n * @param {EmotionSelectorProps} props - EmotionSelector 컴포넌트의 props / EmotionSelector component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} EmotionSelector 컴포넌트 / EmotionSelector component\n */\nconst EmotionSelector = React.forwardRef<HTMLDivElement, EmotionSelectorProps>(\n  ({\n    className,\n    selectedEmotion,\n    onEmotionSelect,\n    layout = \"grid\",\n    showIntensity = false,\n    intensity = 50,\n    onIntensityChange,\n    emotions = defaultEmotions,\n    size = \"md\",\n    variant = \"button\",\n    ...props\n  }, ref) => {\n    const handleEmotionClick = (emotionKey: string) => {\n      onEmotionSelect?.(emotionKey)\n    }\n\n    const renderEmotionItem = (emotion: typeof emotions[0]) => {\n      const isSelected = selectedEmotion === emotion.key\n\n      if (variant === \"button\") {\n        return (\n          <EmotionButton\n            key={emotion.key}\n            emotion={emotion.key}\n            isSelected={isSelected}\n            size={size}\n            onClick={() => handleEmotionClick(emotion.key)}\n            className={merge(\n              \"transition-all duration-200\",\n              isSelected && \"ring-1 ring-offset-2 ring-primary\"\n            )}\n          >\n            {emotion.label}\n          </EmotionButton>\n        )\n      }\n\n      if (variant === \"card\") {\n        return (\n          <div\n            key={emotion.key}\n            className={merge(\n              \"p-4 rounded-lg border-2 cursor-pointer transition-all duration-200 hover:shadow-md\",\n              isSelected\n                ? \"border-primary bg-primary/5\"\n                : \"border-border hover:border-primary/50\"\n            )}\n            onClick={() => handleEmotionClick(emotion.key)}\n          >\n            <div className=\"flex items-center space-x-3\">\n              <div className={merge(\n                \"w-8 h-8 rounded-full flex items-center justify-center\",\n                isSelected ? \"bg-primary text-primary-foreground\" : \"bg-muted\"\n              )}>\n                {emotion.icon && (\n                  <span className=\"text-lg\">\n                    {emotion.icon === \"smile\" && \"😊\"}\n                    {emotion.icon === \"frown\" && \"😢\"}\n                    {emotion.icon === \"angry\" && \"😠\"}\n                    {emotion.icon === \"heart\" && \"❤️\"}\n                    {emotion.icon === \"star\" && \"⭐\"}\n                    {emotion.icon === \"meh\" && \"😐\"}\n                    {emotion.icon === \"user\" && \"👤\"}\n                  </span>\n                )}\n              </div>\n              <span className=\"font-medium truncate max-w-[120px]\">{emotion.label}</span>\n            </div>\n          </div>\n        )\n      }\n\n      if (variant === \"chip\") {\n        return (\n          <div\n            key={emotion.key}\n            className={merge(\n              \"px-3 py-1 rounded-full cursor-pointer transition-all duration-200 text-sm font-medium\",\n              isSelected\n                ? \"bg-primary text-primary-foreground\"\n                : \"bg-muted hover:bg-muted/80\"\n            )}\n            onClick={() => handleEmotionClick(emotion.key)}\n          >\n            <span className=\"truncate max-w-[100px]\">{emotion.label}</span>\n          </div>\n        )\n      }\n\n      return null\n    }\n\n    const layoutClasses = {\n      grid: \"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 md:gap-3\",\n      list: \"space-y-2\",\n      compact: \"flex flex-wrap gap-1\"\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\"space-y-4\", className)}\n        {...props}\n      >\n        <div className={layoutClasses[layout]}>\n          {emotions.map(renderEmotionItem)}\n        </div>\n\n        {showIntensity && selectedEmotion && (\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center justify-between\">\n              <span className=\"text-sm font-medium\">감정 강도</span>\n              <span className=\"text-sm text-muted-foreground\">{intensity}%</span>\n            </div>\n            <input\n              type=\"range\"\n              min=\"0\"\n              max=\"100\"\n              value={intensity}\n              onChange={(e) => onIntensityChange?.(Number(e.target.value))}\n              className=\"w-full h-2 bg-muted rounded-lg appearance-none cursor-pointer slider\"\n            />\n            <div className=\"flex justify-between text-xs text-muted-foreground\">\n              <span>약함</span>\n              <span>보통</span>\n              <span>강함</span>\n            </div>\n          </div>\n        )}\n\n        {selectedEmotion && showIntensity && (\n          <div className=\"flex justify-center\">\n            <EmotionMeter\n              value={intensity}\n              size=\"md\"\n              color=\"blue\"\n            />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nEmotionSelector.displayName = \"EmotionSelector\"\n\nexport { EmotionSelector }\nexport type { EmotionSelectorProps }\n","'use client'\n\nimport React from \"react\"\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../Card';\nimport { Badge } from '../../Badge';\nimport { merge } from '../../../lib/utils';\nimport { EmotionMeter } from \"./EmotionMeter\"\n\n/**\n * EmotionAnalysis 컴포넌트의 props / EmotionAnalysis component props\n * @typedef {Object} EmotionAnalysisProps\n * @property {Object} [primaryEmotion] - 주요 감정 정보 / Primary emotion information\n * @property {string} primaryEmotion.name - 감정 이름 / Emotion name\n * @property {number} primaryEmotion.intensity - 감정 강도 (0-100) / Emotion intensity (0-100)\n * @property {string} [primaryEmotion.color] - 감정 색상 / Emotion color\n * @property {Array<Object>} [emotionDistribution] - 감정 분포 배열 / Emotion distribution array\n * @property {string} emotionDistribution[].emotion - 감정 이름 / Emotion name\n * @property {number} emotionDistribution[].percentage - 감정 비율 (0-100) / Emotion percentage (0-100)\n * @property {string} emotionDistribution[].color - 감정 색상 / Emotion color\n * @property {string[]} [keywords] - 키워드 배열 / Keywords array\n * @property {number} [intensity=50] - 전체 강도 (0-100) / Overall intensity (0-100)\n * @property {number} [positivity=70] - 긍정성 (0-100) / Positivity (0-100)\n * @property {number} [energy=60] - 에너지 (0-100) / Energy (0-100)\n * @property {boolean} [showMeter=true] - 강도 미터 표시 여부 / Show intensity meter\n * @property {boolean} [showDistribution=true] - 분포 표시 여부 / Show distribution\n * @property {boolean} [showKeywords=true] - 키워드 표시 여부 / Show keywords\n * @property {boolean} [showMetrics=true] - 메트릭 표시 여부 / Show metrics\n * @property {\"compact\" | \"detailed\" | \"card\"} [layout=\"detailed\"] - 레이아웃 타입 / Layout type\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\ninterface EmotionAnalysisProps extends React.HTMLAttributes<HTMLDivElement> {\n  primaryEmotion?: {\n    name: string\n    intensity: number\n    color?: string\n  }\n  emotionDistribution?: Array<{\n    emotion: string\n    percentage: number\n    color: string\n  }>\n  keywords?: string[]\n  intensity?: number\n  positivity?: number\n  energy?: number\n  showMeter?: boolean\n  showDistribution?: boolean\n  showKeywords?: boolean\n  showMetrics?: boolean\n  layout?: \"compact\" | \"detailed\" | \"card\"\n}\n\n/**\n * EmotionAnalysis 컴포넌트 / EmotionAnalysis component\n *\n * 감정 분석 결과를 표시하는 컴포넌트입니다.\n * 주요 감정, 감정 분포, 키워드, 메트릭(강도, 긍정성, 에너지)을 표시할 수 있습니다.\n *\n * Component that displays emotion analysis results.\n * Can display primary emotion, emotion distribution, keywords, and metrics (intensity, positivity, energy).\n *\n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <EmotionAnalysis\n *   primaryEmotion={{ name: \"기쁨\", intensity: 80 }}\n *   keywords={[\"행복\", \"만족\"]}\n * />\n *\n * @example\n * // 상세 레이아웃 / Detailed layout\n * <EmotionAnalysis\n *   primaryEmotion={{ name: \"평온\", intensity: 65, color: \"green\" }}\n *   emotionDistribution={[\n *     { emotion: \"기쁨\", percentage: 40, color: \"yellow\" },\n *     { emotion: \"평온\", percentage: 60, color: \"green\" }\n *   ]}\n *   keywords={[\"안정\", \"편안\"]}\n *   intensity={65}\n *   positivity={75}\n *   energy={50}\n *   layout=\"detailed\"\n * />\n *\n * @param {EmotionAnalysisProps} props - EmotionAnalysis 컴포넌트의 props / EmotionAnalysis component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} EmotionAnalysis 컴포넌트 / EmotionAnalysis component\n */\nconst EmotionAnalysis = React.forwardRef<HTMLDivElement, EmotionAnalysisProps>(\n  ({\n    className,\n    primaryEmotion,\n    emotionDistribution = [],\n    keywords = [],\n    intensity = 50,\n    positivity = 70,\n    energy = 60,\n    showMeter = true,\n    showDistribution = true,\n    showKeywords = true,\n    showMetrics = true,\n    layout = \"detailed\",\n    ...props\n  }, ref) => {\n    const getIntensityLabel = (value: number) => {\n      if (value < 30) return \"약함\"\n      if (value < 70) return \"보통\"\n      return \"강함\"\n    }\n\n    const getPositivityLabel = (value: number) => {\n      if (value < 30) return \"부정적\"\n      if (value < 70) return \"중립적\"\n      return \"긍정적\"\n    }\n\n    const getEnergyLabel = (value: number) => {\n      if (value < 30) return \"낮음\"\n      if (value < 70) return \"보통\"\n      return \"높음\"\n    }\n\n    if (layout === \"compact\") {\n      return (\n        <div\n          ref={ref}\n          className={merge(\"space-y-3\", className)}\n          {...props}\n        >\n          {primaryEmotion && (\n            <div className=\"flex items-center justify-between\">\n              <span className=\"text-sm font-medium\">주요 감정:</span>\n              <div className=\"flex items-center space-x-2\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {primaryEmotion.name} ({primaryEmotion.intensity}%)\n                </span>\n                {showMeter && (\n                  <EmotionMeter\n                    value={primaryEmotion.intensity}\n                    size=\"sm\"\n                    color=\"blue\"\n                  />\n                )}\n              </div>\n            </div>\n          )}\n\n          {showMetrics && (\n            <>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm font-medium\">감정 강도:</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {getIntensityLabel(intensity)}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm font-medium\">긍정성:</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {getPositivityLabel(positivity)}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm font-medium\">에너지:</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {getEnergyLabel(energy)}\n                </span>\n              </div>\n            </>\n          )}\n\n          {showKeywords && keywords.length > 0 && (\n            <div>\n              <span className=\"text-sm font-medium\">키워드:</span>\n              <div className=\"flex flex-wrap gap-1 mt-1\">\n                {keywords.map((keyword) => (\n                  <Badge key={keyword} variant=\"secondary\" className=\"text-xs\">\n                    {keyword}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    if (layout === \"card\") {\n      return (\n        <Card\n          ref={ref}\n          className={merge(\"\", className)}\n          {...props}\n        >\n          <CardHeader>\n            <CardTitle className=\"flex items-center\">\n              <span className=\"text-2xl mr-2\">✨</span>\n              AI 분석\n            </CardTitle>\n            <CardDescription>\n              감정 분석 결과\n            </CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {primaryEmotion && (\n              <div className=\"space-y-3\">\n                <div className=\"text-sm\">\n                  <span className=\"font-medium\">주요 감정:</span>\n                  <span className=\"ml-2 text-muted-foreground\">\n                    {primaryEmotion.name} ({primaryEmotion.intensity}%)\n                  </span>\n                </div>\n                {showMeter && (\n                  <div className=\"flex justify-center\">\n                    <EmotionMeter\n                      value={primaryEmotion.intensity}\n                      size=\"md\"\n                      color=\"blue\"\n                    />\n                  </div>\n                )}\n              </div>\n            )}\n\n            {showMetrics && (\n              <>\n                <div className=\"text-sm\">\n                  <span className=\"font-medium\">감정 강도:</span>\n                  <span className=\"ml-2 text-muted-foreground\">\n                    {getIntensityLabel(intensity)}\n                  </span>\n                </div>\n                <div className=\"text-sm\">\n                  <span className=\"font-medium\">긍정성:</span>\n                  <span className=\"ml-2 text-muted-foreground\">\n                    {getPositivityLabel(positivity)}\n                  </span>\n                </div>\n                <div className=\"text-sm\">\n                  <span className=\"font-medium\">에너지:</span>\n                  <span className=\"ml-2 text-muted-foreground\">\n                    {getEnergyLabel(energy)}\n                  </span>\n                </div>\n              </>\n            )}\n\n            {showKeywords && keywords.length > 0 && (\n              <div className=\"text-sm\">\n                <span className=\"font-medium\">키워드:</span>\n                <div className=\"flex flex-wrap gap-1 mt-1\">\n                  {keywords.map((keyword) => (\n                    <Badge key={keyword} variant=\"secondary\" className=\"text-xs\">\n                      {keyword}\n                    </Badge>\n                  ))}\n                </div>\n              </div>\n            )}\n          </CardContent>\n        </Card>\n      )\n    }\n\n    // detailed layout (default)\n    return (\n      <div\n        ref={ref}\n        className={merge(\"space-y-6\", className)}\n        {...props}\n      >\n        {primaryEmotion && (\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">주요 감정</h3>\n            <div className=\"flex items-center space-x-4\">\n              <div className=\"text-center\">\n                <div className=\"text-2xl font-bold text-primary\">\n                  {primaryEmotion.name}\n                </div>\n                <div className=\"text-sm text-muted-foreground\">\n                  {primaryEmotion.intensity}% 강도\n                </div>\n              </div>\n              {showMeter && (\n                <EmotionMeter\n                  value={primaryEmotion.intensity}\n                  size=\"lg\"\n                  color=\"blue\"\n                />\n              )}\n            </div>\n          </div>\n        )}\n\n        {showDistribution && emotionDistribution.length > 0 && (\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">감정 분포</h3>\n            <div className=\"space-y-3\">\n              {emotionDistribution.map((item, index) => (\n                <div key={index} className=\"space-y-2\">\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-sm font-medium\">{item.emotion}</span>\n                    <span className=\"text-sm text-muted-foreground\">\n                      {item.percentage}%\n                    </span>\n                  </div>\n                  <div className=\"w-full bg-muted rounded-full h-2\">\n                    <div\n                      className={`${item.color} h-2 rounded-full transition-all duration-300`}\n                      style={{ width: `${item.percentage}%` }}\n                    />\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {showMetrics && (\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">분석 지표</h3>\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n              <div className=\"space-y-2\">\n                <div className=\"text-sm font-medium\">감정 강도</div>\n                <div className=\"text-2xl font-bold text-primary\">\n                  {getIntensityLabel(intensity)}\n                </div>\n                <div className=\"w-full bg-muted rounded-full h-2\">\n                  <div\n                    className=\"bg-primary h-2 rounded-full transition-all duration-300\"\n                    style={{ width: `${intensity}%` }}\n                  />\n                </div>\n              </div>\n              <div className=\"space-y-2\">\n                <div className=\"text-sm font-medium\">긍정성</div>\n                <div className=\"text-2xl font-bold text-green-600\">\n                  {getPositivityLabel(positivity)}\n                </div>\n                <div className=\"w-full bg-muted rounded-full h-2\">\n                  <div\n                    className=\"bg-green-500 h-2 rounded-full transition-all duration-300\"\n                    style={{ width: `${positivity}%` }}\n                  />\n                </div>\n              </div>\n              <div className=\"space-y-2\">\n                <div className=\"text-sm font-medium\">에너지</div>\n                <div className=\"text-2xl font-bold text-orange-600\">\n                  {getEnergyLabel(energy)}\n                </div>\n                <div className=\"w-full bg-muted rounded-full h-2\">\n                  <div\n                    className=\"bg-orange-500 h-2 rounded-full transition-all duration-300\"\n                    style={{ width: `${energy}%` }}\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {showKeywords && keywords.length > 0 && (\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">감정 키워드</h3>\n            <div className=\"flex flex-wrap gap-2\">\n              {keywords.map((keyword) => (\n                <Badge key={keyword} variant=\"outline\" className=\"text-sm\">\n                  {keyword}\n                </Badge>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nEmotionAnalysis.displayName = \"EmotionAnalysis\"\n\nexport { EmotionAnalysis }\nexport type { EmotionAnalysisProps }\n"]}
+{"version":3,"sources":["../src/components/advanced/emotion/EmotionMeter.tsx","../src/components/advanced/emotion/EmotionButton.tsx","../src/components/advanced/emotion/EmotionSelector.tsx","../src/components/advanced/emotion/EmotionAnalysis.tsx"],"names":["EmotionMeter","React","className","value","max","size","color","props","ref","sizeClasses","emotionColors","percentage","jsx","merge","EmotionButton","emotion","isSelected","defaultEmotions","EmotionSelector","selectedEmotion","onEmotionSelect","layout","showIntensity","intensity","onIntensityChange","emotions","variant","handleEmotionClick","emotionKey","renderEmotionItem","jsxs","layoutClasses","e","EmotionAnalysis","primaryEmotion","emotionDistribution","keywords","positivity","energy","showMeter","showDistribution","showKeywords","showMetrics","getIntensityLabel","getPositivityLabel","getEnergyLabel","Fragment","keyword","Badge","Card","CardHeader","CardTitle","CardDescription","CardContent","item","index"],"mappings":"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","file":"chunk-PYBYZVSL.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { merge } from '../../../lib/utils';\nimport type { Color } from '../../../lib/types/common';\n\n/**\n * EmotionMeter 컴포넌트의 props / EmotionMeter component props\n * @typedef {Object} EmotionMeterProps\n * @property {number} value - 감정 강도 값 (0-max) / Emotion intensity value (0-max)\n * @property {number} [max=100] - 최대값 / Maximum value\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 미터 크기 / Meter size\n * @property {\"blue\" | \"green\" | \"yellow\" | \"red\"} [color=\"blue\"] - 미터 색상 / Meter color\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface EmotionMeterProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: number\n  max?: number\n  size?: \"sm\" | \"md\" | \"lg\"\n  color?: \"blue\" | \"green\" | \"yellow\" | \"red\" | Color\n}\n\n/**\n * EmotionMeter 컴포넌트 / EmotionMeter component\n *\n * 감정 강도를 표시하는 미터 컴포넌트입니다.\n * Progress 컴포넌트와 유사하지만 감정 분석에 특화되어 있습니다.\n *\n * Meter component that displays emotion intensity.\n * Similar to Progress component but specialized for emotion analysis.\n *\n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <EmotionMeter value={75} />\n *\n * @example\n * // 다양한 색상 / Various colors\n * <EmotionMeter\n *   value={80}\n *   color=\"green\"\n *   size=\"lg\"\n * />\n *\n * @param {EmotionMeterProps} props - EmotionMeter 컴포넌트의 props / EmotionMeter component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} EmotionMeter 컴포넌트 / EmotionMeter component\n */\nconst EmotionMeter = React.forwardRef<HTMLDivElement, EmotionMeterProps>(\n  ({ className, value, max = 100, size = \"md\", color = \"blue\", ...props }, ref) => {\n    const sizeClasses = {\n      sm: \"h-2\",\n      md: \"h-3\",\n      lg: \"h-4\"\n    }\n\n    // EmotionMeter는 특정 색상만 사용 (감정 분석 특화)\n    const emotionColors: Record<string, string> = {\n      blue: \"bg-indigo-500\",\n      green: \"bg-green-500\",\n      yellow: \"bg-yellow-500\",\n      red: \"bg-red-500\",\n      // 추가 색상 지원\n      purple: \"bg-purple-500\",\n      orange: \"bg-orange-500\",\n      indigo: \"bg-indigo-500\",\n      pink: \"bg-pink-500\",\n      gray: \"bg-gray-500\",\n    }\n\n    const percentage = Math.min(Math.max((value / max) * 100, 0), 100)\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\n          \"w-full bg-muted rounded-full\",\n          sizeClasses[size],\n          className\n        )}\n        {...props}\n      >\n        <div\n          className={merge(\n            \"h-full rounded-full transition-all duration-300\",\n            emotionColors[color] || emotionColors.blue\n          )}\n          style={{ width: `${percentage}%` }}\n        />\n      </div>\n    )\n  }\n)\nEmotionMeter.displayName = \"EmotionMeter\"\n\nexport { EmotionMeter }\n","\"use client\"\n\nimport React from \"react\"\nimport { merge } from '../../../lib/utils';\n\n/**\n * EmotionButton 컴포넌트의 props / EmotionButton component props\n * @typedef {Object} EmotionButtonProps\n * @property {string} emotion - 감정 이모지 또는 텍스트 / Emotion emoji or text\n * @property {boolean} [isSelected=false] - 선택 상태 / Selected state\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 버튼 크기 / Button size\n * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}\n */\nexport interface EmotionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  emotion: string\n  isSelected?: boolean\n  size?: \"sm\" | \"md\" | \"lg\"\n}\n\n/**\n * EmotionButton 컴포넌트 / EmotionButton component\n *\n * 감정을 선택하는 버튼 컴포넌트입니다.\n * 이모지나 텍스트로 감정을 표시하며, 선택 상태를 지원합니다.\n *\n * Button component for selecting emotions.\n * Displays emotion as emoji or text and supports selected state.\n *\n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <EmotionButton emotion=\"😊\" />\n *\n * @example\n * // 선택 상태 / Selected state\n * <EmotionButton\n *   emotion=\"😊\"\n *   isSelected\n *   size=\"lg\"\n * />\n *\n * @param {EmotionButtonProps} props - EmotionButton 컴포넌트의 props / EmotionButton component props\n * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref\n * @returns {JSX.Element} EmotionButton 컴포넌트 / EmotionButton component\n */\nconst EmotionButton = React.forwardRef<HTMLButtonElement, EmotionButtonProps>(\n  ({ className, emotion, isSelected = false, size = \"md\", ...props }, ref) => {\n    const sizeClasses = {\n      sm: \"w-8 h-8 text-sm\",\n      md: \"w-12 h-12 text-lg\",\n      lg: \"w-16 h-16 text-xl\"\n    }\n\n    return (\n      <button\n        ref={ref}\n        className={merge(\n          \"rounded-full border-2 transition-all duration-200 hover:scale-105 focus:outline-none focus:ring-1 focus:ring-ring\",\n          sizeClasses[size],\n          isSelected\n            ? \"border-indigo-500 bg-indigo-50 dark:bg-indigo-900/20\"\n            : \"border-border bg-background\",\n          className\n        )}\n        {...props}\n      >\n        {emotion}\n      </button>\n    )\n  }\n)\nEmotionButton.displayName = \"EmotionButton\"\n\nexport { EmotionButton }\n","'use client'\n\nimport React from \"react\"\nimport { EmotionButton } from \"./EmotionButton\"\nimport { EmotionMeter } from \"./EmotionMeter\"\nimport { merge } from '../../../lib/utils';\n\n/**\n * EmotionSelector 컴포넌트의 props / EmotionSelector component props\n * @typedef {Object} EmotionSelectorProps\n * @property {string} [selectedEmotion] - 선택된 감정 키 / Selected emotion key\n * @property {(emotion: string) => void} [onEmotionSelect] - 감정 선택 콜백 / Emotion selection callback\n * @property {\"grid\" | \"list\" | \"compact\"} [layout=\"grid\"] - 레이아웃 타입 / Layout type\n * @property {boolean} [showIntensity=false] - 강도 조절 표시 여부 / Show intensity control\n * @property {number} [intensity=50] - 감정 강도 (0-100) / Emotion intensity (0-100)\n * @property {(intensity: number) => void} [onIntensityChange] - 강도 변경 콜백 / Intensity change callback\n * @property {Array<Object>} [emotions] - 감정 목록 / Emotions list\n * @property {string} emotions[].key - 감정 키 / Emotion key\n * @property {string} emotions[].label - 감정 라벨 / Emotion label\n * @property {string} [emotions[].icon] - 감정 아이콘 / Emotion icon\n * @property {string} [emotions[].color] - 감정 색상 / Emotion color\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 감정 버튼 크기 / Emotion button size\n * @property {\"button\" | \"card\" | \"chip\"} [variant=\"button\"] - 감정 표시 스타일 / Emotion display style\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\ninterface EmotionSelectorProps extends React.HTMLAttributes<HTMLDivElement> {\n  selectedEmotion?: string\n  onEmotionSelect?: (emotion: string) => void\n  layout?: \"grid\" | \"list\" | \"compact\"\n  showIntensity?: boolean\n  intensity?: number\n  onIntensityChange?: (intensity: number) => void\n  emotions?: Array<{\n    key: string\n    label: string\n    icon?: string\n    color?: string\n  }>\n  size?: \"sm\" | \"md\" | \"lg\"\n  variant?: \"button\" | \"card\" | \"chip\"\n}\n\nconst defaultEmotions = [\n  { key: \"joy\", label: \"기쁨\", icon: \"smile\", color: \"yellow\" },\n  { key: \"sadness\", label: \"슬픔\", icon: \"frown\", color: \"blue\" },\n  { key: \"anger\", label: \"화남\", icon: \"angry\", color: \"red\" },\n  { key: \"calm\", label: \"평온\", icon: \"heart\", color: \"green\" },\n  { key: \"excitement\", label: \"설렘\", icon: \"star\", color: \"pink\" },\n  { key: \"worry\", label: \"걱정\", icon: \"meh\", color: \"gray\" },\n  { key: \"gratitude\", label: \"감사\", icon: \"heart\", color: \"purple\" },\n  { key: \"loneliness\", label: \"외로움\", icon: \"user\", color: \"indigo\" }\n]\n\n/**\n * EmotionSelector 컴포넌트 / EmotionSelector component\n *\n * 감정을 선택하는 컴포넌트입니다.\n * 여러 감정 옵션을 제공하며, 강도 조절 기능을 포함할 수 있습니다.\n *\n * Component for selecting emotions.\n * Provides multiple emotion options and can include intensity control.\n *\n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <EmotionSelector\n *   selectedEmotion=\"joy\"\n *   onEmotionSelect={(emotion) => console.log(emotion)}\n * />\n *\n * @example\n * // 강도 조절 포함 / With intensity control\n * <EmotionSelector\n *   selectedEmotion=\"calm\"\n *   onEmotionSelect={handleEmotionSelect}\n *   showIntensity\n *   intensity={intensity}\n *   onIntensityChange={setIntensity}\n *   variant=\"card\"\n * />\n *\n * @param {EmotionSelectorProps} props - EmotionSelector 컴포넌트의 props / EmotionSelector component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} EmotionSelector 컴포넌트 / EmotionSelector component\n */\nconst EmotionSelector = React.forwardRef<HTMLDivElement, EmotionSelectorProps>(\n  ({\n    className,\n    selectedEmotion,\n    onEmotionSelect,\n    layout = \"grid\",\n    showIntensity = false,\n    intensity = 50,\n    onIntensityChange,\n    emotions = defaultEmotions,\n    size = \"md\",\n    variant = \"button\",\n    ...props\n  }, ref) => {\n    const handleEmotionClick = (emotionKey: string) => {\n      onEmotionSelect?.(emotionKey)\n    }\n\n    const renderEmotionItem = (emotion: typeof emotions[0]) => {\n      const isSelected = selectedEmotion === emotion.key\n\n      if (variant === \"button\") {\n        return (\n          <EmotionButton\n            key={emotion.key}\n            emotion={emotion.key}\n            isSelected={isSelected}\n            size={size}\n            onClick={() => handleEmotionClick(emotion.key)}\n            className={merge(\n              \"transition-all duration-200\",\n              isSelected && \"ring-1 ring-offset-2 ring-primary\"\n            )}\n          >\n            {emotion.label}\n          </EmotionButton>\n        )\n      }\n\n      if (variant === \"card\") {\n        return (\n          <div\n            key={emotion.key}\n            className={merge(\n              \"p-4 rounded-lg border-2 cursor-pointer transition-all duration-200 hover:shadow-md\",\n              isSelected\n                ? \"border-primary bg-primary/5\"\n                : \"border-border hover:border-primary/50\"\n            )}\n            onClick={() => handleEmotionClick(emotion.key)}\n          >\n            <div className=\"flex items-center space-x-3\">\n              <div className={merge(\n                \"w-8 h-8 rounded-full flex items-center justify-center\",\n                isSelected ? \"bg-primary text-primary-foreground\" : \"bg-muted\"\n              )}>\n                {emotion.icon && (\n                  <span className=\"text-lg\">\n                    {emotion.icon === \"smile\" && \"😊\"}\n                    {emotion.icon === \"frown\" && \"😢\"}\n                    {emotion.icon === \"angry\" && \"😠\"}\n                    {emotion.icon === \"heart\" && \"❤️\"}\n                    {emotion.icon === \"star\" && \"⭐\"}\n                    {emotion.icon === \"meh\" && \"😐\"}\n                    {emotion.icon === \"user\" && \"👤\"}\n                  </span>\n                )}\n              </div>\n              <span className=\"font-medium truncate max-w-[120px]\">{emotion.label}</span>\n            </div>\n          </div>\n        )\n      }\n\n      if (variant === \"chip\") {\n        return (\n          <div\n            key={emotion.key}\n            className={merge(\n              \"px-3 py-1 rounded-full cursor-pointer transition-all duration-200 text-sm font-medium\",\n              isSelected\n                ? \"bg-primary text-primary-foreground\"\n                : \"bg-muted hover:bg-muted/80\"\n            )}\n            onClick={() => handleEmotionClick(emotion.key)}\n          >\n            <span className=\"truncate max-w-[100px]\">{emotion.label}</span>\n          </div>\n        )\n      }\n\n      return null\n    }\n\n    const layoutClasses = {\n      grid: \"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 md:gap-3\",\n      list: \"space-y-2\",\n      compact: \"flex flex-wrap gap-1\"\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\"space-y-4\", className)}\n        {...props}\n      >\n        <div className={layoutClasses[layout]}>\n          {emotions.map(renderEmotionItem)}\n        </div>\n\n        {showIntensity && selectedEmotion && (\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center justify-between\">\n              <span className=\"text-sm font-medium\">감정 강도</span>\n              <span className=\"text-sm text-muted-foreground\">{intensity}%</span>\n            </div>\n            <input\n              type=\"range\"\n              min=\"0\"\n              max=\"100\"\n              value={intensity}\n              onChange={(e) => onIntensityChange?.(Number(e.target.value))}\n              className=\"w-full h-2 bg-muted rounded-lg appearance-none cursor-pointer slider\"\n            />\n            <div className=\"flex justify-between text-xs text-muted-foreground\">\n              <span>약함</span>\n              <span>보통</span>\n              <span>강함</span>\n            </div>\n          </div>\n        )}\n\n        {selectedEmotion && showIntensity && (\n          <div className=\"flex justify-center\">\n            <EmotionMeter\n              value={intensity}\n              size=\"md\"\n              color=\"blue\"\n            />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nEmotionSelector.displayName = \"EmotionSelector\"\n\nexport { EmotionSelector }\nexport type { EmotionSelectorProps }\n","'use client'\n\nimport React from \"react\"\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../Card';\nimport { Badge } from '../../Badge';\nimport { merge } from '../../../lib/utils';\nimport { EmotionMeter } from \"./EmotionMeter\"\n\n/**\n * EmotionAnalysis 컴포넌트의 props / EmotionAnalysis component props\n * @typedef {Object} EmotionAnalysisProps\n * @property {Object} [primaryEmotion] - 주요 감정 정보 / Primary emotion information\n * @property {string} primaryEmotion.name - 감정 이름 / Emotion name\n * @property {number} primaryEmotion.intensity - 감정 강도 (0-100) / Emotion intensity (0-100)\n * @property {string} [primaryEmotion.color] - 감정 색상 / Emotion color\n * @property {Array<Object>} [emotionDistribution] - 감정 분포 배열 / Emotion distribution array\n * @property {string} emotionDistribution[].emotion - 감정 이름 / Emotion name\n * @property {number} emotionDistribution[].percentage - 감정 비율 (0-100) / Emotion percentage (0-100)\n * @property {string} emotionDistribution[].color - 감정 색상 / Emotion color\n * @property {string[]} [keywords] - 키워드 배열 / Keywords array\n * @property {number} [intensity=50] - 전체 강도 (0-100) / Overall intensity (0-100)\n * @property {number} [positivity=70] - 긍정성 (0-100) / Positivity (0-100)\n * @property {number} [energy=60] - 에너지 (0-100) / Energy (0-100)\n * @property {boolean} [showMeter=true] - 강도 미터 표시 여부 / Show intensity meter\n * @property {boolean} [showDistribution=true] - 분포 표시 여부 / Show distribution\n * @property {boolean} [showKeywords=true] - 키워드 표시 여부 / Show keywords\n * @property {boolean} [showMetrics=true] - 메트릭 표시 여부 / Show metrics\n * @property {\"compact\" | \"detailed\" | \"card\"} [layout=\"detailed\"] - 레이아웃 타입 / Layout type\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\ninterface EmotionAnalysisProps extends React.HTMLAttributes<HTMLDivElement> {\n  primaryEmotion?: {\n    name: string\n    intensity: number\n    color?: string\n  }\n  emotionDistribution?: Array<{\n    emotion: string\n    percentage: number\n    color: string\n  }>\n  keywords?: string[]\n  intensity?: number\n  positivity?: number\n  energy?: number\n  showMeter?: boolean\n  showDistribution?: boolean\n  showKeywords?: boolean\n  showMetrics?: boolean\n  layout?: \"compact\" | \"detailed\" | \"card\"\n}\n\n/**\n * EmotionAnalysis 컴포넌트 / EmotionAnalysis component\n *\n * 감정 분석 결과를 표시하는 컴포넌트입니다.\n * 주요 감정, 감정 분포, 키워드, 메트릭(강도, 긍정성, 에너지)을 표시할 수 있습니다.\n *\n * Component that displays emotion analysis results.\n * Can display primary emotion, emotion distribution, keywords, and metrics (intensity, positivity, energy).\n *\n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <EmotionAnalysis\n *   primaryEmotion={{ name: \"기쁨\", intensity: 80 }}\n *   keywords={[\"행복\", \"만족\"]}\n * />\n *\n * @example\n * // 상세 레이아웃 / Detailed layout\n * <EmotionAnalysis\n *   primaryEmotion={{ name: \"평온\", intensity: 65, color: \"green\" }}\n *   emotionDistribution={[\n *     { emotion: \"기쁨\", percentage: 40, color: \"yellow\" },\n *     { emotion: \"평온\", percentage: 60, color: \"green\" }\n *   ]}\n *   keywords={[\"안정\", \"편안\"]}\n *   intensity={65}\n *   positivity={75}\n *   energy={50}\n *   layout=\"detailed\"\n * />\n *\n * @param {EmotionAnalysisProps} props - EmotionAnalysis 컴포넌트의 props / EmotionAnalysis component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} EmotionAnalysis 컴포넌트 / EmotionAnalysis component\n */\nconst EmotionAnalysis = React.forwardRef<HTMLDivElement, EmotionAnalysisProps>(\n  ({\n    className,\n    primaryEmotion,\n    emotionDistribution = [],\n    keywords = [],\n    intensity = 50,\n    positivity = 70,\n    energy = 60,\n    showMeter = true,\n    showDistribution = true,\n    showKeywords = true,\n    showMetrics = true,\n    layout = \"detailed\",\n    ...props\n  }, ref) => {\n    const getIntensityLabel = (value: number) => {\n      if (value < 30) return \"약함\"\n      if (value < 70) return \"보통\"\n      return \"강함\"\n    }\n\n    const getPositivityLabel = (value: number) => {\n      if (value < 30) return \"부정적\"\n      if (value < 70) return \"중립적\"\n      return \"긍정적\"\n    }\n\n    const getEnergyLabel = (value: number) => {\n      if (value < 30) return \"낮음\"\n      if (value < 70) return \"보통\"\n      return \"높음\"\n    }\n\n    if (layout === \"compact\") {\n      return (\n        <div\n          ref={ref}\n          className={merge(\"space-y-3\", className)}\n          {...props}\n        >\n          {primaryEmotion && (\n            <div className=\"flex items-center justify-between\">\n              <span className=\"text-sm font-medium\">주요 감정:</span>\n              <div className=\"flex items-center space-x-2\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {primaryEmotion.name} ({primaryEmotion.intensity}%)\n                </span>\n                {showMeter && (\n                  <EmotionMeter\n                    value={primaryEmotion.intensity}\n                    size=\"sm\"\n                    color=\"blue\"\n                  />\n                )}\n              </div>\n            </div>\n          )}\n\n          {showMetrics && (\n            <>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm font-medium\">감정 강도:</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {getIntensityLabel(intensity)}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm font-medium\">긍정성:</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {getPositivityLabel(positivity)}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm font-medium\">에너지:</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {getEnergyLabel(energy)}\n                </span>\n              </div>\n            </>\n          )}\n\n          {showKeywords && keywords.length > 0 && (\n            <div>\n              <span className=\"text-sm font-medium\">키워드:</span>\n              <div className=\"flex flex-wrap gap-1 mt-1\">\n                {keywords.map((keyword) => (\n                  <Badge key={keyword} variant=\"secondary\" className=\"text-xs\">\n                    {keyword}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    if (layout === \"card\") {\n      return (\n        <Card\n          ref={ref}\n          className={merge(\"\", className)}\n          {...props}\n        >\n          <CardHeader>\n            <CardTitle className=\"flex items-center\">\n              <span className=\"text-2xl mr-2\">✨</span>\n              AI 분석\n            </CardTitle>\n            <CardDescription>\n              감정 분석 결과\n            </CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {primaryEmotion && (\n              <div className=\"space-y-3\">\n                <div className=\"text-sm\">\n                  <span className=\"font-medium\">주요 감정:</span>\n                  <span className=\"ml-2 text-muted-foreground\">\n                    {primaryEmotion.name} ({primaryEmotion.intensity}%)\n                  </span>\n                </div>\n                {showMeter && (\n                  <div className=\"flex justify-center\">\n                    <EmotionMeter\n                      value={primaryEmotion.intensity}\n                      size=\"md\"\n                      color=\"blue\"\n                    />\n                  </div>\n                )}\n              </div>\n            )}\n\n            {showMetrics && (\n              <>\n                <div className=\"text-sm\">\n                  <span className=\"font-medium\">감정 강도:</span>\n                  <span className=\"ml-2 text-muted-foreground\">\n                    {getIntensityLabel(intensity)}\n                  </span>\n                </div>\n                <div className=\"text-sm\">\n                  <span className=\"font-medium\">긍정성:</span>\n                  <span className=\"ml-2 text-muted-foreground\">\n                    {getPositivityLabel(positivity)}\n                  </span>\n                </div>\n                <div className=\"text-sm\">\n                  <span className=\"font-medium\">에너지:</span>\n                  <span className=\"ml-2 text-muted-foreground\">\n                    {getEnergyLabel(energy)}\n                  </span>\n                </div>\n              </>\n            )}\n\n            {showKeywords && keywords.length > 0 && (\n              <div className=\"text-sm\">\n                <span className=\"font-medium\">키워드:</span>\n                <div className=\"flex flex-wrap gap-1 mt-1\">\n                  {keywords.map((keyword) => (\n                    <Badge key={keyword} variant=\"secondary\" className=\"text-xs\">\n                      {keyword}\n                    </Badge>\n                  ))}\n                </div>\n              </div>\n            )}\n          </CardContent>\n        </Card>\n      )\n    }\n\n    // detailed layout (default)\n    return (\n      <div\n        ref={ref}\n        className={merge(\"space-y-6\", className)}\n        {...props}\n      >\n        {primaryEmotion && (\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">주요 감정</h3>\n            <div className=\"flex items-center space-x-4\">\n              <div className=\"text-center\">\n                <div className=\"text-2xl font-bold text-primary\">\n                  {primaryEmotion.name}\n                </div>\n                <div className=\"text-sm text-muted-foreground\">\n                  {primaryEmotion.intensity}% 강도\n                </div>\n              </div>\n              {showMeter && (\n                <EmotionMeter\n                  value={primaryEmotion.intensity}\n                  size=\"lg\"\n                  color=\"blue\"\n                />\n              )}\n            </div>\n          </div>\n        )}\n\n        {showDistribution && emotionDistribution.length > 0 && (\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">감정 분포</h3>\n            <div className=\"space-y-3\">\n              {emotionDistribution.map((item, index) => (\n                <div key={index} className=\"space-y-2\">\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-sm font-medium\">{item.emotion}</span>\n                    <span className=\"text-sm text-muted-foreground\">\n                      {item.percentage}%\n                    </span>\n                  </div>\n                  <div className=\"w-full bg-muted rounded-full h-2\">\n                    <div\n                      className={`${item.color} h-2 rounded-full transition-all duration-300`}\n                      style={{ width: `${item.percentage}%` }}\n                    />\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {showMetrics && (\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">분석 지표</h3>\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n              <div className=\"space-y-2\">\n                <div className=\"text-sm font-medium\">감정 강도</div>\n                <div className=\"text-2xl font-bold text-primary\">\n                  {getIntensityLabel(intensity)}\n                </div>\n                <div className=\"w-full bg-muted rounded-full h-2\">\n                  <div\n                    className=\"bg-primary h-2 rounded-full transition-all duration-300\"\n                    style={{ width: `${intensity}%` }}\n                  />\n                </div>\n              </div>\n              <div className=\"space-y-2\">\n                <div className=\"text-sm font-medium\">긍정성</div>\n                <div className=\"text-2xl font-bold text-green-600\">\n                  {getPositivityLabel(positivity)}\n                </div>\n                <div className=\"w-full bg-muted rounded-full h-2\">\n                  <div\n                    className=\"bg-green-500 h-2 rounded-full transition-all duration-300\"\n                    style={{ width: `${positivity}%` }}\n                  />\n                </div>\n              </div>\n              <div className=\"space-y-2\">\n                <div className=\"text-sm font-medium\">에너지</div>\n                <div className=\"text-2xl font-bold text-orange-600\">\n                  {getEnergyLabel(energy)}\n                </div>\n                <div className=\"w-full bg-muted rounded-full h-2\">\n                  <div\n                    className=\"bg-orange-500 h-2 rounded-full transition-all duration-300\"\n                    style={{ width: `${energy}%` }}\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {showKeywords && keywords.length > 0 && (\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">감정 키워드</h3>\n            <div className=\"flex flex-wrap gap-2\">\n              {keywords.map((keyword) => (\n                <Badge key={keyword} variant=\"outline\" className=\"text-sm\">\n                  {keyword}\n                </Badge>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nEmotionAnalysis.displayName = \"EmotionAnalysis\"\n\nexport { EmotionAnalysis }\nexport type { EmotionAnalysisProps }\n"]}

package/dist/{chunk-PQ3DBOMK.mjs → chunk-QQCELXFD.mjs}

@@ -1,3 +1,3 @@
 "use client";
-import {l}from'./chunk-AANHUMJ2.mjs';import {a}from'./chunk-UUHAXGMO.mjs';import i from'react';import {jsxs,jsx}from'react/jsx-runtime';var V=i.forwardRef(({className:t,trigger:e,children:o,open:s,onOpenChange:r,placement:l="bottom",align:y="start",offset:b=8,disabled:L=false,showArrow:k=true,...A},E)=>{let[H,c]=i.useState(false),[N,T]=i.useState({x:0,y:0}),w=i.useRef(null),x=i.useRef(null),g=s!==void 0,v=g?s:H,R=i.useCallback(a=>{L||(g||c(a),r==null||r(a));},[L,g,r]),M=()=>{R(!v);},d=i.useCallback(()=>{if(!w.current||!x.current)return;let a=w.current.getBoundingClientRect(),u=x.current.getBoundingClientRect(),S=window.innerWidth,z=window.innerHeight,f=0,m=0;switch(l){case "top":f=a.left,m=a.top-b;break;case "bottom":f=a.left,m=a.bottom+b;break;case "left":f=a.left-b,m=a.top;break;case "right":f=a.right+b,m=a.top;break}switch(y){case "center":l==="top"||l==="bottom"?f=a.left+a.width/2-u.width/2:m=a.top+a.height/2-u.height/2;break;case "end":l==="top"||l==="bottom"?f=a.right-u.width:m=a.bottom-u.height;break;}f<8&&(f=8),f+u.width>S-8&&(f=S-u.width-8),m<8&&(m=8),m+u.height>z-8&&(m=z-u.height-8),T({x:f,y:m});},[l,y,b]);i.useEffect(()=>{if(v)return d(),window.addEventListener("resize",d),window.addEventListener("scroll",d),()=>{window.removeEventListener("resize",d),window.removeEventListener("scroll",d);}},[v,d]),i.useEffect(()=>{let a=u=>{w.current&&x.current&&!w.current.contains(u.target)&&!x.current.contains(u.target)&&R(false);};if(v)return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a);}},[v,R]);let C=()=>{switch(l){case "top":return "bottom-full left-0 mb-2";case "bottom":return "top-full left-0 mt-2";case "left":return "right-full top-0 mr-2";case "right":return "left-full top-0 ml-2";default:return "top-full left-0 mt-2"}},F=()=>{switch(l){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:E,className:a("relative",t),...A,children:[jsx("div",{ref:w,onClick:M,className:"inline-block cursor-pointer",children:e}),v&&jsxs("div",{ref:x,className:a("absolute z-50 bg-[var(--dropdown-bg)] rounded-lg shadow-xl backdrop-blur-sm","min-w-[200px] py-2",C()),style:{transform:`translate(${N.x}px, ${N.y}px)`,boxShadow:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"},children:[k&&jsx("div",{className:a("absolute w-0 h-0 border-4 border-transparent",F())}),jsx("div",{className:"relative z-10",children:o})]})]})});V.displayName="Dropdown";var G=i.forwardRef(({className:t,icon:e,variant:o="default",children:s,disabled:r,...l},y)=>jsxs("button",{ref:y,className:a("w-full flex items-center gap-3 px-4 py-3 text-sm font-medium transition-colors duration-200 ease-in-out focus-visible:outline-none focus-visible:bg-muted",(()=>{switch(o){case "destructive":return "text-destructive hover:bg-destructive/10";case "disabled":return "text-muted-foreground cursor-not-allowed";default:return "text-foreground hover:bg-muted"}})(),t),disabled:r||o==="disabled",...l,children:[e&&jsx("div",{className:"flex-shrink-0 w-4 h-4",children:e}),jsx("span",{className:"flex-1 text-left",children:s})]}));G.displayName="DropdownItem";var K=i.forwardRef(({className:t,...e},o)=>jsx("div",{ref:o,className:a("h-px bg-border my-2",t),...e}));K.displayName="DropdownSeparator";var W=i.forwardRef(({className:t,children:e,...o},s)=>jsx("div",{ref:s,className:a("px-4 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wide",t),...o,children:e}));W.displayName="DropdownLabel";var $=i.forwardRef(({className:t,children:e,...o},s)=>jsx("div",{ref:s,className:a("py-1",t),...o,children:e}));$.displayName="DropdownMenu";var _=i.forwardRef(({className:t,children:e,...o},s)=>jsx("div",{ref:s,className:a("space-y-1",t),...o,children:e}));_.displayName="DropdownGroup";var j=i.forwardRef(({isOpen:t,onClose:e,children:o,className:s,side:r="right",size:l="md",showBackdrop:y=true,backdropClassName:b,closeOnBackdropClick:L=true,closeOnEscape:k=true,closable:A=true,...E},H)=>{let c=t!=null?t:false,N=()=>{e==null||e();},[T,w]=i.useState(false),[x,g]=i.useState(false);if(i.useEffect(()=>{if(c){w(true),g(true);let d=setTimeout(()=>g(false),50);return ()=>clearTimeout(d)}else {g(true);let d=setTimeout(()=>{w(false),g(false);},300);return ()=>clearTimeout(d)}},[c]),i.useEffect(()=>{if(!k)return;let d=C=>{C.key==="Escape"&&c&&N();};return c&&(document.addEventListener("keydown",d),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",d),document.body.style.overflow="";}},[c,k]),!T)return null;let v={sm:r==="left"||r==="right"?"w-80":"h-64",md:r==="left"||r==="right"?"w-96":"h-96",lg:r==="left"||r==="right"?"w-[28rem]":"h-[32rem]",xl:r==="left"||r==="right"?"w-[32rem]":"h-[40rem]",full:r==="left"||r==="right"?"w-full":"h-full"},R={left:"left-0 top-0 h-full",right:"right-0 top-0 h-full",top:"top-0 left-0 w-full",bottom:"bottom-0 left-0 w-full"},M={left:c?"translate-x-0":"-translate-x-full",right:c?"translate-x-0":"translate-x-full",top:c?"translate-y-0":"-translate-y-full",bottom:c?"translate-y-0":"translate-y-full"};return jsxs("div",{className:"fixed inset-0 z-50",children:[y&&jsx("div",{className:a("absolute inset-0 bg-black/60 backdrop-blur-md transition-opacity duration-300",x?c?"opacity-100":"opacity-0":"",b),onClick:L?N:void 0}),jsx("div",{ref:H,className:a("absolute bg-background/95 backdrop-blur-xl border border-border/50 shadow-2xl transition-transform duration-300 ease-out",v[l],R[r],M[r],s),...E,children:o})]})});j.displayName="Drawer";var q=i.forwardRef(({children:t,className:e,showCloseButton:o=true,onClose:s,...r},l$1)=>jsxs("div",{ref:l$1,className:a("flex items-center justify-between p-6 border-b border-border/50",e),...r,children:[jsx("div",{className:"flex-1",children:t}),o&&jsx("button",{onClick:s,className:"p-2 rounded-lg hover:bg-muted transition-colors",children:jsx(l,{name:"close",size:20})})]}));q.displayName="DrawerHeader";var J=i.forwardRef(({children:t,className:e,...o},s)=>jsx("div",{ref:s,className:a("flex-1 p-6 overflow-y-auto",e),...o,children:t}));J.displayName="DrawerContent";var Q=i.forwardRef(({children:t,className:e,...o},s)=>jsx("div",{ref:s,className:a("flex items-center justify-end gap-3 p-6 border-t border-border/50",e),...o,children:t}));Q.displayName="DrawerFooter";export{V as a,G as b,K as c,W as d,$ as e,_ as f,j as g,q as h,J as i,Q as j};//# sourceMappingURL=chunk-PQ3DBOMK.mjs.map
-//# sourceMappingURL=chunk-PQ3DBOMK.mjs.map
+import {l}from'./chunk-HN5LSP6L.mjs';import {a}from'./chunk-UUHAXGMO.mjs';import i from'react';import {jsxs,jsx}from'react/jsx-runtime';var V=i.forwardRef(({className:t,trigger:e,children:o,open:s,onOpenChange:r,placement:l="bottom",align:y="start",offset:b=8,disabled:L=false,showArrow:k=true,...A},E)=>{let[H,c]=i.useState(false),[N,T]=i.useState({x:0,y:0}),w=i.useRef(null),x=i.useRef(null),g=s!==void 0,v=g?s:H,R=i.useCallback(a=>{L||(g||c(a),r==null||r(a));},[L,g,r]),M=()=>{R(!v);},d=i.useCallback(()=>{if(!w.current||!x.current)return;let a=w.current.getBoundingClientRect(),u=x.current.getBoundingClientRect(),S=window.innerWidth,z=window.innerHeight,f=0,m=0;switch(l){case "top":f=a.left,m=a.top-b;break;case "bottom":f=a.left,m=a.bottom+b;break;case "left":f=a.left-b,m=a.top;break;case "right":f=a.right+b,m=a.top;break}switch(y){case "center":l==="top"||l==="bottom"?f=a.left+a.width/2-u.width/2:m=a.top+a.height/2-u.height/2;break;case "end":l==="top"||l==="bottom"?f=a.right-u.width:m=a.bottom-u.height;break;}f<8&&(f=8),f+u.width>S-8&&(f=S-u.width-8),m<8&&(m=8),m+u.height>z-8&&(m=z-u.height-8),T({x:f,y:m});},[l,y,b]);i.useEffect(()=>{if(v)return d(),window.addEventListener("resize",d),window.addEventListener("scroll",d),()=>{window.removeEventListener("resize",d),window.removeEventListener("scroll",d);}},[v,d]),i.useEffect(()=>{let a=u=>{w.current&&x.current&&!w.current.contains(u.target)&&!x.current.contains(u.target)&&R(false);};if(v)return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a);}},[v,R]);let C=()=>{switch(l){case "top":return "bottom-full left-0 mb-2";case "bottom":return "top-full left-0 mt-2";case "left":return "right-full top-0 mr-2";case "right":return "left-full top-0 ml-2";default:return "top-full left-0 mt-2"}},F=()=>{switch(l){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:E,className:a("relative",t),...A,children:[jsx("div",{ref:w,onClick:M,className:"inline-block cursor-pointer",children:e}),v&&jsxs("div",{ref:x,className:a("absolute z-50 bg-[var(--dropdown-bg)] rounded-lg shadow-xl backdrop-blur-sm","min-w-[200px] py-2",C()),style:{transform:`translate(${N.x}px, ${N.y}px)`,boxShadow:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"},children:[k&&jsx("div",{className:a("absolute w-0 h-0 border-4 border-transparent",F())}),jsx("div",{className:"relative z-10",children:o})]})]})});V.displayName="Dropdown";var G=i.forwardRef(({className:t,icon:e,variant:o="default",children:s,disabled:r,...l},y)=>jsxs("button",{ref:y,className:a("w-full flex items-center gap-3 px-4 py-3 text-sm font-medium transition-colors duration-200 ease-in-out focus-visible:outline-none focus-visible:bg-muted",(()=>{switch(o){case "destructive":return "text-destructive hover:bg-destructive/10";case "disabled":return "text-muted-foreground cursor-not-allowed";default:return "text-foreground hover:bg-muted"}})(),t),disabled:r||o==="disabled",...l,children:[e&&jsx("div",{className:"flex-shrink-0 w-4 h-4",children:e}),jsx("span",{className:"flex-1 text-left",children:s})]}));G.displayName="DropdownItem";var K=i.forwardRef(({className:t,...e},o)=>jsx("div",{ref:o,className:a("h-px bg-border my-2",t),...e}));K.displayName="DropdownSeparator";var W=i.forwardRef(({className:t,children:e,...o},s)=>jsx("div",{ref:s,className:a("px-4 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wide",t),...o,children:e}));W.displayName="DropdownLabel";var $=i.forwardRef(({className:t,children:e,...o},s)=>jsx("div",{ref:s,className:a("py-1",t),...o,children:e}));$.displayName="DropdownMenu";var _=i.forwardRef(({className:t,children:e,...o},s)=>jsx("div",{ref:s,className:a("space-y-1",t),...o,children:e}));_.displayName="DropdownGroup";var j=i.forwardRef(({isOpen:t,onClose:e,children:o,className:s,side:r="right",size:l="md",showBackdrop:y=true,backdropClassName:b,closeOnBackdropClick:L=true,closeOnEscape:k=true,closable:A=true,...E},H)=>{let c=t!=null?t:false,N=()=>{e==null||e();},[T,w]=i.useState(false),[x,g]=i.useState(false);if(i.useEffect(()=>{if(c){w(true),g(true);let d=setTimeout(()=>g(false),50);return ()=>clearTimeout(d)}else {g(true);let d=setTimeout(()=>{w(false),g(false);},300);return ()=>clearTimeout(d)}},[c]),i.useEffect(()=>{if(!k)return;let d=C=>{C.key==="Escape"&&c&&N();};return c&&(document.addEventListener("keydown",d),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",d),document.body.style.overflow="";}},[c,k]),!T)return null;let v={sm:r==="left"||r==="right"?"w-80":"h-64",md:r==="left"||r==="right"?"w-96":"h-96",lg:r==="left"||r==="right"?"w-[28rem]":"h-[32rem]",xl:r==="left"||r==="right"?"w-[32rem]":"h-[40rem]",full:r==="left"||r==="right"?"w-full":"h-full"},R={left:"left-0 top-0 h-full",right:"right-0 top-0 h-full",top:"top-0 left-0 w-full",bottom:"bottom-0 left-0 w-full"},M={left:c?"translate-x-0":"-translate-x-full",right:c?"translate-x-0":"translate-x-full",top:c?"translate-y-0":"-translate-y-full",bottom:c?"translate-y-0":"translate-y-full"};return jsxs("div",{className:"fixed inset-0 z-50",children:[y&&jsx("div",{className:a("absolute inset-0 bg-black/60 backdrop-blur-md transition-opacity duration-300",x?c?"opacity-100":"opacity-0":"",b),onClick:L?N:void 0}),jsx("div",{ref:H,className:a("absolute bg-background/95 backdrop-blur-xl border border-border/50 shadow-2xl transition-transform duration-300 ease-out",v[l],R[r],M[r],s),...E,children:o})]})});j.displayName="Drawer";var q=i.forwardRef(({children:t,className:e,showCloseButton:o=true,onClose:s,...r},l$1)=>jsxs("div",{ref:l$1,className:a("flex items-center justify-between p-6 border-b border-border/50",e),...r,children:[jsx("div",{className:"flex-1",children:t}),o&&jsx("button",{onClick:s,className:"p-2 rounded-lg hover:bg-muted transition-colors",children:jsx(l,{name:"close",size:20})})]}));q.displayName="DrawerHeader";var J=i.forwardRef(({children:t,className:e,...o},s)=>jsx("div",{ref:s,className:a("flex-1 p-6 overflow-y-auto",e),...o,children:t}));J.displayName="DrawerContent";var Q=i.forwardRef(({children:t,className:e,...o},s)=>jsx("div",{ref:s,className:a("flex items-center justify-end gap-3 p-6 border-t border-border/50",e),...o,children:t}));Q.displayName="DrawerFooter";export{V as a,G as b,K as c,W as d,$ as e,_ as f,j as g,q as h,J as i,Q as j};//# sourceMappingURL=chunk-QQCELXFD.mjs.map
+//# sourceMappingURL=chunk-QQCELXFD.mjs.map

package/dist/{chunk-PQ3DBOMK.mjs.map → chunk-QQCELXFD.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Dropdown.tsx","../src/components/Drawer.tsx"],"names":["Dropdown","React","className","trigger","children","controlledOpen","onOpenChange","placement","align","offset","disabled","showArrow","props","ref","internalOpen","setInternalOpen","coords","setCoords","triggerRef","dropdownRef","isControlled","isOpen","handleOpenChange","newOpen","handleTriggerClick","updatePosition","triggerRect","dropdownRect","viewportWidth","viewportHeight","x","y","handleClickOutside","event","getPlacementClasses","getArrowClasses","jsxs","merge","jsx","DropdownItem","icon","variant","DropdownSeparator","DropdownLabel","DropdownMenu","DropdownGroup","Drawer","onClose","side","size","showBackdrop","backdropClassName","closeOnBackdropClick","closeOnEscape","closable","_isOpen","handleClose","isVisible","setIsVisible","isAnimating","setIsAnimating","timer","handleEscapeKey","e","sizeClasses","sideClasses","transformClasses","DrawerHeader","showCloseButton","Icon","DrawerContent","DrawerFooter"],"mappings":"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","file":"chunk-PQ3DBOMK.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Dropdown 컴포넌트의 props / Dropdown component props\n * @typedef {Object} DropdownProps\n * @property {React.ReactNode} trigger - Dropdown을 열기 위한 트리거 요소 / Trigger element to open dropdown\n * @property {React.ReactNode} children - Dropdown 내용 / Dropdown content\n * @property {boolean} [open] - 제어 모드에서 열림/닫힘 상태 / Open/close state in controlled mode\n * @property {(open: boolean) => void} [onOpenChange] - 상태 변경 콜백 / State change callback\n * @property {\"top\" | \"bottom\" | \"left\" | \"right\"} [placement=\"bottom\"] - Dropdown 표시 위치 / Dropdown display position\n * @property {\"start\" | \"center\" | \"end\"} [align=\"start\"] - Dropdown 정렬 / Dropdown alignment\n * @property {number} [offset=8] - 트리거와 Dropdown 사이 간격 (px) / Spacing between trigger and dropdown (px)\n * @property {boolean} [disabled=false] - Dropdown 비활성화 여부 / Disable dropdown\n * @property {boolean} [showArrow=true] - 화살표 표시 여부 / Show arrow\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n  trigger: React.ReactNode\n  children: React.ReactNode\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\"\n  align?: \"start\" | \"center\" | \"end\"\n  offset?: number\n  disabled?: boolean\n  showArrow?: boolean\n}\n\n/**\n * Dropdown 컴포넌트 / Dropdown component\n * \n * 트리거 요소를 클릭하면 표시되는 드롭다운 메뉴 컴포넌트입니다.\n * 외부 클릭 시 자동으로 닫히며, 뷰포트 경계를 자동으로 감지하여 위치를 조정합니다.\n * \n * Dropdown menu component that appears when the trigger element is clicked.\n * Automatically closes on outside click and adjusts position by detecting viewport boundaries.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Dropdown trigger={<Button>메뉴</Button>}>\n *   <Menu>\n *     <MenuItem>항목 1</MenuItem>\n *     <MenuItem>항목 2</MenuItem>\n *   </Menu>\n * </Dropdown>\n * \n * @example\n * // 제어 모드, 화살표 없음 / Controlled mode, no arrow\n * const [open, setOpen] = useState(false)\n * <Dropdown \n *   open={open}\n *   onOpenChange={setOpen}\n *   trigger={<Button>제어 모드</Button>}\n *   placement=\"top\"\n *   showArrow={false}\n * >\n *   <div className=\"p-4\">내용</div>\n * </Dropdown>\n * \n * @param {DropdownProps} props - Dropdown 컴포넌트의 props / Dropdown component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} Dropdown 컴포넌트 / Dropdown component\n */\nconst Dropdown = React.forwardRef<HTMLDivElement, DropdownProps>(\n  ({ \n    className, \n    trigger,\n    children,\n    open: controlledOpen,\n    onOpenChange,\n    placement = \"bottom\",\n    align = \"start\",\n    offset = 8,\n    disabled = false,\n    showArrow = true,\n    ...props \n  }, ref) => {\n    const [internalOpen, setInternalOpen] = React.useState(false)\n    const [coords, setCoords] = React.useState({ x: 0, y: 0 })\n    const triggerRef = React.useRef<HTMLDivElement>(null)\n    const dropdownRef = React.useRef<HTMLDivElement>(null)\n    const isControlled = controlledOpen !== undefined\n    const isOpen = isControlled ? controlledOpen : internalOpen\n\n    const handleOpenChange = React.useCallback((newOpen: boolean) => {\n      if (disabled) return\n\n      if (!isControlled) {\n        setInternalOpen(newOpen)\n      }\n      onOpenChange?.(newOpen)\n    }, [disabled, isControlled, onOpenChange])\n\n    const handleTriggerClick = () => {\n      handleOpenChange(!isOpen)\n    }\n\n    const updatePosition = React.useCallback(() => {\n      if (!triggerRef.current || !dropdownRef.current) return\n\n      const triggerRect = triggerRef.current.getBoundingClientRect()\n      const dropdownRect = dropdownRef.current.getBoundingClientRect()\n      const viewportWidth = window.innerWidth\n      const viewportHeight = window.innerHeight\n\n      let x = 0\n      let y = 0\n\n      // 기본 위치 계산\n      switch (placement) {\n        case \"top\":\n          x = triggerRect.left\n          y = triggerRect.top - offset\n          break\n        case \"bottom\":\n          x = triggerRect.left\n          y = triggerRect.bottom + offset\n          break\n        case \"left\":\n          x = triggerRect.left - offset\n          y = triggerRect.top\n          break\n        case \"right\":\n          x = triggerRect.right + offset\n          y = triggerRect.top\n          break\n      }\n\n      // 정렬 조정\n      switch (align) {\n        case \"center\":\n          if (placement === \"top\" || placement === \"bottom\") {\n            x = triggerRect.left + triggerRect.width / 2 - dropdownRect.width / 2\n          } else {\n            y = triggerRect.top + triggerRect.height / 2 - dropdownRect.height / 2\n          }\n          break\n        case \"end\":\n          if (placement === \"top\" || placement === \"bottom\") {\n            x = triggerRect.right - dropdownRect.width\n          } else {\n            y = triggerRect.bottom - dropdownRect.height\n          }\n          break\n        case \"start\":\n        default:\n          // 기본값은 이미 start 정렬\n          break\n      }\n\n      // 뷰포트 경계 확인 및 조정\n      if (x < 8) x = 8 // 8px 여백\n      if (x + dropdownRect.width > viewportWidth - 8) {\n        x = viewportWidth - dropdownRect.width - 8 // 8px 여백\n      }\n      if (y < 8) y = 8 // 8px 여백\n      if (y + dropdownRect.height > viewportHeight - 8) {\n        y = viewportHeight - dropdownRect.height - 8 // 8px 여백\n      }\n\n      setCoords({ x, y })\n    }, [placement, align, offset])\n\n    React.useEffect(() => {\n      if (isOpen) {\n        updatePosition()\n        window.addEventListener('resize', updatePosition)\n        window.addEventListener('scroll', updatePosition)\n        \n        return () => {\n          window.removeEventListener('resize', updatePosition)\n          window.removeEventListener('scroll', updatePosition)\n        }\n      }\n    }, [isOpen, updatePosition])\n\n    React.useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (\n          triggerRef.current &&\n          dropdownRef.current &&\n          !triggerRef.current.contains(event.target as Node) &&\n          !dropdownRef.current.contains(event.target as Node)\n        ) {\n          handleOpenChange(false)\n        }\n      }\n\n      if (isOpen) {\n        document.addEventListener('mousedown', handleClickOutside)\n        return () => {\n          document.removeEventListener('mousedown', handleClickOutside)\n        }\n      }\n    }, [isOpen, handleOpenChange])\n\n    const getPlacementClasses = () => {\n      switch (placement) {\n        case \"top\":\n          return \"bottom-full left-0 mb-2\" // 8px 간격\n        case \"bottom\":\n          return \"top-full left-0 mt-2\" // 8px 간격\n        case \"left\":\n          return \"right-full top-0 mr-2\" // 8px 간격\n        case \"right\":\n          return \"left-full top-0 ml-2\" // 8px 간격\n        default:\n          return \"top-full left-0 mt-2\"\n      }\n    }\n\n    const getArrowClasses = () => {\n      switch (placement) {\n        case \"top\":\n          return \"top-full left-4 -translate-x-1/2 border-t-gray-100 dark:border-t-gray-800\"\n        case \"bottom\":\n          return \"bottom-full left-4 -translate-x-1/2 border-b-gray-100 dark:border-b-gray-800\"\n        case \"left\":\n          return \"left-full top-4 -translate-y-1/2 border-l-gray-100 dark:border-l-gray-800\"\n        case \"right\":\n          return \"right-full top-4 -translate-y-1/2 border-r-gray-100 dark:border-r-gray-800\"\n        default:\n          return \"bottom-full left-4 -translate-x-1/2 border-b-gray-100 dark:border-b-gray-800\"\n      }\n    }\n\n    return (\n      <div ref={ref} className={merge(\"relative\", className)} {...props}>\n        {/* 트리거 */}\n        <div\n          ref={triggerRef}\n          onClick={handleTriggerClick}\n          className=\"inline-block cursor-pointer\"\n        >\n          {trigger}\n        </div>\n\n        {/* 드롭다운 */}\n        {/* CSS 변수 기반 배경색 (Tailwind v4 dark: + bg-* 충돌 우회) */}\n        {isOpen && (\n          <div\n            ref={dropdownRef}\n            className={merge(\n              \"absolute z-50 bg-[var(--dropdown-bg)] rounded-lg shadow-xl backdrop-blur-sm\",\n              \"min-w-[200px] py-2\",\n              getPlacementClasses()\n            )}\n            style={{\n              transform: `translate(${coords.x}px, ${coords.y}px)`,\n              boxShadow: \"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\"\n            }}\n          >\n            {/* 화살표 */}\n            {showArrow && (\n              <div\n                className={merge(\n                  \"absolute w-0 h-0 border-4 border-transparent\",\n                  getArrowClasses()\n                )}\n              />\n            )}\n            \n            {/* 내용 */}\n            <div className=\"relative z-10\">\n              {children}\n            </div>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nDropdown.displayName = \"Dropdown\"\n\n// 드롭다운 아이템 컴포넌트들\nexport interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  icon?: React.ReactNode\n  variant?: \"default\" | \"destructive\" | \"disabled\"\n}\n\nconst DropdownItem = React.forwardRef<HTMLButtonElement, DropdownItemProps>(\n  ({ \n    className, \n    icon,\n    variant = \"default\",\n    children,\n    disabled,\n    ...props \n  }, ref) => {\n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"destructive\":\n          return \"text-destructive hover:bg-destructive/10\"\n        case \"disabled\":\n          return \"text-muted-foreground cursor-not-allowed\"\n        default:\n          return \"text-foreground hover:bg-muted\"\n      }\n    }\n\n    return (\n      <button\n        ref={ref}\n        className={merge(\n          \"w-full flex items-center gap-3 px-4 py-3 text-sm font-medium transition-colors duration-200 ease-in-out focus-visible:outline-none focus-visible:bg-muted\", // 16px, 12px 패딩\n          getVariantClasses(),\n          className\n        )}\n        disabled={disabled || variant === \"disabled\"}\n        {...props}\n      >\n        {icon && (\n          <div className=\"flex-shrink-0 w-4 h-4\">\n            {icon}\n          </div>\n        )}\n        <span className=\"flex-1 text-left\">{children}</span>\n      </button>\n    )\n  }\n)\nDropdownItem.displayName = \"DropdownItem\"\n\nexport interface DropdownSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst DropdownSeparator = React.forwardRef<HTMLDivElement, DropdownSeparatorProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"h-px bg-border my-2\", className)} // 8px 여백\n      {...props}\n    />\n  )\n)\nDropdownSeparator.displayName = \"DropdownSeparator\"\n\nexport interface DropdownLabelProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst DropdownLabel = React.forwardRef<HTMLDivElement, DropdownLabelProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"px-4 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wide\", className)} // 16px, 8px 패딩\n      {...props}\n    >\n      {children}\n    </div>\n  )\n)\nDropdownLabel.displayName = \"DropdownLabel\"\n\n// 편의 컴포넌트들\nconst DropdownMenu = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"py-1\", className)} // 4px 패딩\n      {...props}\n    >\n      {children}\n    </div>\n  )\n)\nDropdownMenu.displayName = \"DropdownMenu\"\n\nconst DropdownGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"space-y-1\", className)} // 4px 간격\n      {...props}\n    >\n      {children}\n    </div>\n  )\n)\nDropdownGroup.displayName = \"DropdownGroup\"\n\nexport { Dropdown, DropdownItem, DropdownSeparator, DropdownLabel, DropdownMenu, DropdownGroup } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\n\n/**\n * Drawer 컴포넌트의 props / Drawer component props\n * @typedef {Object} DrawerProps\n * @property {boolean} open - Drawer 열림/닫힘 상태 / Drawer open/close state\n * @property {(open: boolean) => void} onOpenChange - 상태 변경 콜백 / State change callback\n * @property {React.ReactNode} children - Drawer 내용 / Drawer content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {\"left\" | \"right\" | \"top\" | \"bottom\"} [side=\"right\"] - Drawer 표시 위치 / Drawer display position\n * @property {\"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\"} [size=\"md\"] - Drawer 크기 / Drawer size\n * @property {boolean} [showBackdrop=true] - 배경 오버레이 표시 여부 / Show backdrop overlay\n * @property {string} [backdropClassName] - 배경 오버레이 추가 CSS 클래스 / Backdrop overlay additional CSS class\n * @property {boolean} [closeOnBackdropClick=true] - 배경 클릭 시 닫기 여부 / Close on backdrop click\n * @property {boolean} [closeOnEscape=true] - ESC 키로 닫기 여부 / Close on ESC key\n */\ninterface DrawerProps {\n  /** Drawer 열림/닫힘 상태 / Drawer open/close state */\n  isOpen?: boolean\n  /** Drawer 닫기 콜백 / Drawer close callback */\n  onClose?: () => void\n  /** Drawer 내용 / Drawer content */\n  children: React.ReactNode\n  /** 추가 CSS 클래스 / Additional CSS class */\n  className?: string\n  /** Drawer 표시 위치 / Drawer display position */\n  side?: \"left\" | \"right\" | \"top\" | \"bottom\"\n  /** Drawer 크기 / Drawer size */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\"\n  /** 배경 오버레이 표시 여부 / Show backdrop overlay */\n  showBackdrop?: boolean\n  /** 배경 오버레이 추가 CSS 클래스 / Backdrop overlay additional CSS class */\n  backdropClassName?: string\n  /** 배경 클릭 시 닫기 여부 / Close on backdrop click */\n  closeOnBackdropClick?: boolean\n  /** ESC 키로 닫기 여부 / Close on ESC key */\n  closeOnEscape?: boolean\n  /** 닫기 버튼 표시 여부 / Show close button */\n  closable?: boolean\n}\n\n/**\n * Drawer 컴포넌트 / Drawer component\n * \n * 사이드에서 슬라이드되는 패널 컴포넌트입니다.\n * Modal과 유사하지만 특정 방향에서 슬라이드되는 애니메이션을 제공합니다.\n * ESC 키로 닫기, 배경 클릭으로 닫기 기능을 지원합니다.\n * \n * Panel component that slides from the side.\n * Similar to Modal but provides slide animation from a specific direction.\n * Supports closing with ESC key and backdrop click.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * const [open, setOpen] = useState(false)\n * \n * <Drawer open={open} onOpenChange={setOpen}>\n *   <DrawerHeader>제목</DrawerHeader>\n *   <DrawerContent>내용</DrawerContent>\n *   <DrawerFooter>\n *     <Button onClick={() => setOpen(false)}>닫기</Button>\n *   </DrawerFooter>\n * </Drawer>\n * \n * @example\n * // 왼쪽에서 열기 / Open from left\n * <Drawer open={open} onOpenChange={setOpen} side=\"left\" size=\"lg\">\n *   <DrawerContent>사이드바 내용</DrawerContent>\n * </Drawer>\n * \n * @param {DrawerProps} props - Drawer 컴포넌트의 props / Drawer component props\n * @param {React.Ref<HTMLDivElement>} ref - Drawer 컨테이너 ref / Drawer container ref\n * @returns {JSX.Element} Drawer 컴포넌트 / Drawer component\n * \n * @todo 접근성 개선: role=\"dialog\", aria-modal=\"true\" 추가 필요 / Accessibility: Add role=\"dialog\", aria-modal=\"true\"\n * @todo 접근성 개선: aria-labelledby, aria-describedby 연결 필요 / Accessibility: Connect aria-labelledby, aria-describedby\n */\nconst Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(\n  ({\n    isOpen,\n    onClose,\n    children,\n    className,\n    side = \"right\",\n    size = \"md\",\n    showBackdrop = true,\n    backdropClassName,\n    closeOnBackdropClick = true,\n    closeOnEscape = true,\n    closable = true,\n    ...props\n  }, ref) => {\n    const _isOpen = isOpen ?? false\n    const handleClose = () => {\n      onClose?.()\n    }\n\n    const [isVisible, setIsVisible] = React.useState(false)\n    const [isAnimating, setIsAnimating] = React.useState(false)\n\n    React.useEffect(() => {\n      if (_isOpen) {\n        setIsVisible(true)\n        setIsAnimating(true)\n        // 애니메이션 시작을 위한 지연\n        const timer = setTimeout(() => setIsAnimating(false), 50)\n        return () => clearTimeout(timer)\n      } else {\n        setIsAnimating(true)\n        const timer = setTimeout(() => {\n          setIsVisible(false)\n          setIsAnimating(false)\n        }, 300) // 애니메이션 완료 후 숨김\n        return () => clearTimeout(timer)\n      }\n    }, [_isOpen])\n\n    React.useEffect(() => {\n      if (!closeOnEscape) return\n\n      const handleEscapeKey = (e: KeyboardEvent) => {\n        if (e.key === \"Escape\" && _isOpen) {\n          handleClose()\n        }\n      }\n\n      if (_isOpen) {\n        document.addEventListener(\"keydown\", handleEscapeKey)\n        document.body.style.overflow = \"hidden\"\n      }\n\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscapeKey)\n        document.body.style.overflow = \"\"\n      }\n    }, [_isOpen, closeOnEscape])\n\n    if (!isVisible) return null\n\n    const sizeClasses = {\n      sm: side === \"left\" || side === \"right\" ? \"w-80\" : \"h-64\",\n      md: side === \"left\" || side === \"right\" ? \"w-96\" : \"h-96\",\n      lg: side === \"left\" || side === \"right\" ? \"w-[28rem]\" : \"h-[32rem]\",\n      xl: side === \"left\" || side === \"right\" ? \"w-[32rem]\" : \"h-[40rem]\",\n      full: side === \"left\" || side === \"right\" ? \"w-full\" : \"h-full\"\n    }\n\n    const sideClasses = {\n      left: \"left-0 top-0 h-full\",\n      right: \"right-0 top-0 h-full\",\n      top: \"top-0 left-0 w-full\",\n      bottom: \"bottom-0 left-0 w-full\"\n    }\n\n    // Transform: _isOpen=true -> visible position, _isOpen=false -> hidden position\n    const transformClasses = {\n      left: _isOpen ? \"translate-x-0\" : \"-translate-x-full\",\n      right: _isOpen ? \"translate-x-0\" : \"translate-x-full\",\n      top: _isOpen ? \"translate-y-0\" : \"-translate-y-full\",\n      bottom: _isOpen ? \"translate-y-0\" : \"translate-y-full\"\n    }\n\n    return (\n      <div className=\"fixed inset-0 z-50\">\n        {/* Backdrop */}\n        {showBackdrop && (\n          <div\n            className={merge(\n              \"absolute inset-0 bg-black/60 backdrop-blur-md transition-opacity duration-300\",\n              isAnimating ? (_isOpen ? \"opacity-100\" : \"opacity-0\") : \"\",\n              backdropClassName\n            )}\n            onClick={closeOnBackdropClick ? handleClose : undefined}\n          />\n        )}\n\n        {/* Drawer Content */}\n        <div\n          ref={ref}\n          className={merge(\n            \"absolute bg-background/95 backdrop-blur-xl border border-border/50 shadow-2xl transition-transform duration-300 ease-out\",\n            sizeClasses[size],\n            sideClasses[side],\n            transformClasses[side],\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </div>\n    )\n  }\n)\nDrawer.displayName = \"Drawer\"\n\n/**\n * DrawerHeader 컴포넌트의 props / DrawerHeader component props\n * @typedef {Object} DrawerHeaderProps\n * @property {React.ReactNode} children - 헤더 내용 / Header content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {boolean} [showCloseButton=true] - 닫기 버튼 표시 여부 / Show close button\n * @property {() => void} [onClose] - 닫기 버튼 클릭 콜백 / Close button click callback\n */\ninterface DrawerHeaderProps {\n  children: React.ReactNode\n  className?: string\n  showCloseButton?: boolean\n  onClose?: () => void\n}\n\n/**\n * DrawerHeader 컴포넌트 / DrawerHeader component\n * Drawer의 헤더 영역을 표시합니다.\n * Displays the header area of a Drawer.\n * \n * @component\n * @param {DrawerHeaderProps} props - DrawerHeader 컴포넌트의 props / DrawerHeader component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} DrawerHeader 컴포넌트 / DrawerHeader component\n */\nconst DrawerHeader = React.forwardRef<HTMLDivElement, DrawerHeaderProps>(\n  ({ children, className, showCloseButton = true, onClose, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={merge(\"flex items-center justify-between p-6 border-b border-border/50\", className)}\n        {...props}\n      >\n        <div className=\"flex-1\">{children}</div>\n        {showCloseButton && (\n          <button\n            onClick={onClose}\n            className=\"p-2 rounded-lg hover:bg-muted transition-colors\"\n          >\n            <Icon name=\"close\" size={20} />\n          </button>\n        )}\n      </div>\n    )\n  }\n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\n/**\n * DrawerContent 컴포넌트의 props / DrawerContent component props\n * @typedef {Object} DrawerContentProps\n * @property {React.ReactNode} children - 콘텐츠 / Content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n */\ninterface DrawerContentProps {\n  children: React.ReactNode\n  className?: string\n}\n\n/**\n * DrawerContent 컴포넌트 / DrawerContent component\n * Drawer의 메인 콘텐츠 영역을 표시합니다.\n * Displays the main content area of a Drawer.\n * \n * @component\n * @param {DrawerContentProps} props - DrawerContent 컴포넌트의 props / DrawerContent component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} DrawerContent 컴포넌트 / DrawerContent component\n */\nconst DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={merge(\"flex-1 p-6 overflow-y-auto\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nDrawerContent.displayName = \"DrawerContent\"\n\n/**\n * DrawerFooter 컴포넌트의 props / DrawerFooter component props\n * @typedef {Object} DrawerFooterProps\n * @property {React.ReactNode} children - 푸터 내용 / Footer content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n */\ninterface DrawerFooterProps {\n  children: React.ReactNode\n  className?: string\n}\n\n/**\n * DrawerFooter 컴포넌트 / DrawerFooter component\n * Drawer의 푸터 영역을 표시합니다. 주로 액션 버튼을 배치합니다.\n * Displays the footer area of a Drawer. Typically used for action buttons.\n * \n * @component\n * @param {DrawerFooterProps} props - DrawerFooter 컴포넌트의 props / DrawerFooter component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} DrawerFooter 컴포넌트 / DrawerFooter component\n */\nconst DrawerFooter = React.forwardRef<HTMLDivElement, DrawerFooterProps>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={merge(\"flex items-center justify-end gap-3 p-6 border-t border-border/50\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\nexport { Drawer, DrawerHeader, DrawerContent, DrawerFooter } "]}
+{"version":3,"sources":["../src/components/Dropdown.tsx","../src/components/Drawer.tsx"],"names":["Dropdown","React","className","trigger","children","controlledOpen","onOpenChange","placement","align","offset","disabled","showArrow","props","ref","internalOpen","setInternalOpen","coords","setCoords","triggerRef","dropdownRef","isControlled","isOpen","handleOpenChange","newOpen","handleTriggerClick","updatePosition","triggerRect","dropdownRect","viewportWidth","viewportHeight","x","y","handleClickOutside","event","getPlacementClasses","getArrowClasses","jsxs","merge","jsx","DropdownItem","icon","variant","DropdownSeparator","DropdownLabel","DropdownMenu","DropdownGroup","Drawer","onClose","side","size","showBackdrop","backdropClassName","closeOnBackdropClick","closeOnEscape","closable","_isOpen","handleClose","isVisible","setIsVisible","isAnimating","setIsAnimating","timer","handleEscapeKey","e","sizeClasses","sideClasses","transformClasses","DrawerHeader","showCloseButton","Icon","DrawerContent","DrawerFooter"],"mappings":"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","file":"chunk-QQCELXFD.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Dropdown 컴포넌트의 props / Dropdown component props\n * @typedef {Object} DropdownProps\n * @property {React.ReactNode} trigger - Dropdown을 열기 위한 트리거 요소 / Trigger element to open dropdown\n * @property {React.ReactNode} children - Dropdown 내용 / Dropdown content\n * @property {boolean} [open] - 제어 모드에서 열림/닫힘 상태 / Open/close state in controlled mode\n * @property {(open: boolean) => void} [onOpenChange] - 상태 변경 콜백 / State change callback\n * @property {\"top\" | \"bottom\" | \"left\" | \"right\"} [placement=\"bottom\"] - Dropdown 표시 위치 / Dropdown display position\n * @property {\"start\" | \"center\" | \"end\"} [align=\"start\"] - Dropdown 정렬 / Dropdown alignment\n * @property {number} [offset=8] - 트리거와 Dropdown 사이 간격 (px) / Spacing between trigger and dropdown (px)\n * @property {boolean} [disabled=false] - Dropdown 비활성화 여부 / Disable dropdown\n * @property {boolean} [showArrow=true] - 화살표 표시 여부 / Show arrow\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n  trigger: React.ReactNode\n  children: React.ReactNode\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\"\n  align?: \"start\" | \"center\" | \"end\"\n  offset?: number\n  disabled?: boolean\n  showArrow?: boolean\n}\n\n/**\n * Dropdown 컴포넌트 / Dropdown component\n * \n * 트리거 요소를 클릭하면 표시되는 드롭다운 메뉴 컴포넌트입니다.\n * 외부 클릭 시 자동으로 닫히며, 뷰포트 경계를 자동으로 감지하여 위치를 조정합니다.\n * \n * Dropdown menu component that appears when the trigger element is clicked.\n * Automatically closes on outside click and adjusts position by detecting viewport boundaries.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Dropdown trigger={<Button>메뉴</Button>}>\n *   <Menu>\n *     <MenuItem>항목 1</MenuItem>\n *     <MenuItem>항목 2</MenuItem>\n *   </Menu>\n * </Dropdown>\n * \n * @example\n * // 제어 모드, 화살표 없음 / Controlled mode, no arrow\n * const [open, setOpen] = useState(false)\n * <Dropdown \n *   open={open}\n *   onOpenChange={setOpen}\n *   trigger={<Button>제어 모드</Button>}\n *   placement=\"top\"\n *   showArrow={false}\n * >\n *   <div className=\"p-4\">내용</div>\n * </Dropdown>\n * \n * @param {DropdownProps} props - Dropdown 컴포넌트의 props / Dropdown component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} Dropdown 컴포넌트 / Dropdown component\n */\nconst Dropdown = React.forwardRef<HTMLDivElement, DropdownProps>(\n  ({ \n    className, \n    trigger,\n    children,\n    open: controlledOpen,\n    onOpenChange,\n    placement = \"bottom\",\n    align = \"start\",\n    offset = 8,\n    disabled = false,\n    showArrow = true,\n    ...props \n  }, ref) => {\n    const [internalOpen, setInternalOpen] = React.useState(false)\n    const [coords, setCoords] = React.useState({ x: 0, y: 0 })\n    const triggerRef = React.useRef<HTMLDivElement>(null)\n    const dropdownRef = React.useRef<HTMLDivElement>(null)\n    const isControlled = controlledOpen !== undefined\n    const isOpen = isControlled ? controlledOpen : internalOpen\n\n    const handleOpenChange = React.useCallback((newOpen: boolean) => {\n      if (disabled) return\n\n      if (!isControlled) {\n        setInternalOpen(newOpen)\n      }\n      onOpenChange?.(newOpen)\n    }, [disabled, isControlled, onOpenChange])\n\n    const handleTriggerClick = () => {\n      handleOpenChange(!isOpen)\n    }\n\n    const updatePosition = React.useCallback(() => {\n      if (!triggerRef.current || !dropdownRef.current) return\n\n      const triggerRect = triggerRef.current.getBoundingClientRect()\n      const dropdownRect = dropdownRef.current.getBoundingClientRect()\n      const viewportWidth = window.innerWidth\n      const viewportHeight = window.innerHeight\n\n      let x = 0\n      let y = 0\n\n      // 기본 위치 계산\n      switch (placement) {\n        case \"top\":\n          x = triggerRect.left\n          y = triggerRect.top - offset\n          break\n        case \"bottom\":\n          x = triggerRect.left\n          y = triggerRect.bottom + offset\n          break\n        case \"left\":\n          x = triggerRect.left - offset\n          y = triggerRect.top\n          break\n        case \"right\":\n          x = triggerRect.right + offset\n          y = triggerRect.top\n          break\n      }\n\n      // 정렬 조정\n      switch (align) {\n        case \"center\":\n          if (placement === \"top\" || placement === \"bottom\") {\n            x = triggerRect.left + triggerRect.width / 2 - dropdownRect.width / 2\n          } else {\n            y = triggerRect.top + triggerRect.height / 2 - dropdownRect.height / 2\n          }\n          break\n        case \"end\":\n          if (placement === \"top\" || placement === \"bottom\") {\n            x = triggerRect.right - dropdownRect.width\n          } else {\n            y = triggerRect.bottom - dropdownRect.height\n          }\n          break\n        case \"start\":\n        default:\n          // 기본값은 이미 start 정렬\n          break\n      }\n\n      // 뷰포트 경계 확인 및 조정\n      if (x < 8) x = 8 // 8px 여백\n      if (x + dropdownRect.width > viewportWidth - 8) {\n        x = viewportWidth - dropdownRect.width - 8 // 8px 여백\n      }\n      if (y < 8) y = 8 // 8px 여백\n      if (y + dropdownRect.height > viewportHeight - 8) {\n        y = viewportHeight - dropdownRect.height - 8 // 8px 여백\n      }\n\n      setCoords({ x, y })\n    }, [placement, align, offset])\n\n    React.useEffect(() => {\n      if (isOpen) {\n        updatePosition()\n        window.addEventListener('resize', updatePosition)\n        window.addEventListener('scroll', updatePosition)\n        \n        return () => {\n          window.removeEventListener('resize', updatePosition)\n          window.removeEventListener('scroll', updatePosition)\n        }\n      }\n    }, [isOpen, updatePosition])\n\n    React.useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (\n          triggerRef.current &&\n          dropdownRef.current &&\n          !triggerRef.current.contains(event.target as Node) &&\n          !dropdownRef.current.contains(event.target as Node)\n        ) {\n          handleOpenChange(false)\n        }\n      }\n\n      if (isOpen) {\n        document.addEventListener('mousedown', handleClickOutside)\n        return () => {\n          document.removeEventListener('mousedown', handleClickOutside)\n        }\n      }\n    }, [isOpen, handleOpenChange])\n\n    const getPlacementClasses = () => {\n      switch (placement) {\n        case \"top\":\n          return \"bottom-full left-0 mb-2\" // 8px 간격\n        case \"bottom\":\n          return \"top-full left-0 mt-2\" // 8px 간격\n        case \"left\":\n          return \"right-full top-0 mr-2\" // 8px 간격\n        case \"right\":\n          return \"left-full top-0 ml-2\" // 8px 간격\n        default:\n          return \"top-full left-0 mt-2\"\n      }\n    }\n\n    const getArrowClasses = () => {\n      switch (placement) {\n        case \"top\":\n          return \"top-full left-4 -translate-x-1/2 border-t-gray-100 dark:border-t-gray-800\"\n        case \"bottom\":\n          return \"bottom-full left-4 -translate-x-1/2 border-b-gray-100 dark:border-b-gray-800\"\n        case \"left\":\n          return \"left-full top-4 -translate-y-1/2 border-l-gray-100 dark:border-l-gray-800\"\n        case \"right\":\n          return \"right-full top-4 -translate-y-1/2 border-r-gray-100 dark:border-r-gray-800\"\n        default:\n          return \"bottom-full left-4 -translate-x-1/2 border-b-gray-100 dark:border-b-gray-800\"\n      }\n    }\n\n    return (\n      <div ref={ref} className={merge(\"relative\", className)} {...props}>\n        {/* 트리거 */}\n        <div\n          ref={triggerRef}\n          onClick={handleTriggerClick}\n          className=\"inline-block cursor-pointer\"\n        >\n          {trigger}\n        </div>\n\n        {/* 드롭다운 */}\n        {/* CSS 변수 기반 배경색 (Tailwind v4 dark: + bg-* 충돌 우회) */}\n        {isOpen && (\n          <div\n            ref={dropdownRef}\n            className={merge(\n              \"absolute z-50 bg-[var(--dropdown-bg)] rounded-lg shadow-xl backdrop-blur-sm\",\n              \"min-w-[200px] py-2\",\n              getPlacementClasses()\n            )}\n            style={{\n              transform: `translate(${coords.x}px, ${coords.y}px)`,\n              boxShadow: \"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\"\n            }}\n          >\n            {/* 화살표 */}\n            {showArrow && (\n              <div\n                className={merge(\n                  \"absolute w-0 h-0 border-4 border-transparent\",\n                  getArrowClasses()\n                )}\n              />\n            )}\n            \n            {/* 내용 */}\n            <div className=\"relative z-10\">\n              {children}\n            </div>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nDropdown.displayName = \"Dropdown\"\n\n// 드롭다운 아이템 컴포넌트들\nexport interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  icon?: React.ReactNode\n  variant?: \"default\" | \"destructive\" | \"disabled\"\n}\n\nconst DropdownItem = React.forwardRef<HTMLButtonElement, DropdownItemProps>(\n  ({ \n    className, \n    icon,\n    variant = \"default\",\n    children,\n    disabled,\n    ...props \n  }, ref) => {\n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"destructive\":\n          return \"text-destructive hover:bg-destructive/10\"\n        case \"disabled\":\n          return \"text-muted-foreground cursor-not-allowed\"\n        default:\n          return \"text-foreground hover:bg-muted\"\n      }\n    }\n\n    return (\n      <button\n        ref={ref}\n        className={merge(\n          \"w-full flex items-center gap-3 px-4 py-3 text-sm font-medium transition-colors duration-200 ease-in-out focus-visible:outline-none focus-visible:bg-muted\", // 16px, 12px 패딩\n          getVariantClasses(),\n          className\n        )}\n        disabled={disabled || variant === \"disabled\"}\n        {...props}\n      >\n        {icon && (\n          <div className=\"flex-shrink-0 w-4 h-4\">\n            {icon}\n          </div>\n        )}\n        <span className=\"flex-1 text-left\">{children}</span>\n      </button>\n    )\n  }\n)\nDropdownItem.displayName = \"DropdownItem\"\n\nexport interface DropdownSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst DropdownSeparator = React.forwardRef<HTMLDivElement, DropdownSeparatorProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"h-px bg-border my-2\", className)} // 8px 여백\n      {...props}\n    />\n  )\n)\nDropdownSeparator.displayName = \"DropdownSeparator\"\n\nexport interface DropdownLabelProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst DropdownLabel = React.forwardRef<HTMLDivElement, DropdownLabelProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"px-4 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wide\", className)} // 16px, 8px 패딩\n      {...props}\n    >\n      {children}\n    </div>\n  )\n)\nDropdownLabel.displayName = \"DropdownLabel\"\n\n// 편의 컴포넌트들\nconst DropdownMenu = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"py-1\", className)} // 4px 패딩\n      {...props}\n    >\n      {children}\n    </div>\n  )\n)\nDropdownMenu.displayName = \"DropdownMenu\"\n\nconst DropdownGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"space-y-1\", className)} // 4px 간격\n      {...props}\n    >\n      {children}\n    </div>\n  )\n)\nDropdownGroup.displayName = \"DropdownGroup\"\n\nexport { Dropdown, DropdownItem, DropdownSeparator, DropdownLabel, DropdownMenu, DropdownGroup } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\n\n/**\n * Drawer 컴포넌트의 props / Drawer component props\n * @typedef {Object} DrawerProps\n * @property {boolean} open - Drawer 열림/닫힘 상태 / Drawer open/close state\n * @property {(open: boolean) => void} onOpenChange - 상태 변경 콜백 / State change callback\n * @property {React.ReactNode} children - Drawer 내용 / Drawer content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {\"left\" | \"right\" | \"top\" | \"bottom\"} [side=\"right\"] - Drawer 표시 위치 / Drawer display position\n * @property {\"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\"} [size=\"md\"] - Drawer 크기 / Drawer size\n * @property {boolean} [showBackdrop=true] - 배경 오버레이 표시 여부 / Show backdrop overlay\n * @property {string} [backdropClassName] - 배경 오버레이 추가 CSS 클래스 / Backdrop overlay additional CSS class\n * @property {boolean} [closeOnBackdropClick=true] - 배경 클릭 시 닫기 여부 / Close on backdrop click\n * @property {boolean} [closeOnEscape=true] - ESC 키로 닫기 여부 / Close on ESC key\n */\ninterface DrawerProps {\n  /** Drawer 열림/닫힘 상태 / Drawer open/close state */\n  isOpen?: boolean\n  /** Drawer 닫기 콜백 / Drawer close callback */\n  onClose?: () => void\n  /** Drawer 내용 / Drawer content */\n  children: React.ReactNode\n  /** 추가 CSS 클래스 / Additional CSS class */\n  className?: string\n  /** Drawer 표시 위치 / Drawer display position */\n  side?: \"left\" | \"right\" | \"top\" | \"bottom\"\n  /** Drawer 크기 / Drawer size */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\"\n  /** 배경 오버레이 표시 여부 / Show backdrop overlay */\n  showBackdrop?: boolean\n  /** 배경 오버레이 추가 CSS 클래스 / Backdrop overlay additional CSS class */\n  backdropClassName?: string\n  /** 배경 클릭 시 닫기 여부 / Close on backdrop click */\n  closeOnBackdropClick?: boolean\n  /** ESC 키로 닫기 여부 / Close on ESC key */\n  closeOnEscape?: boolean\n  /** 닫기 버튼 표시 여부 / Show close button */\n  closable?: boolean\n}\n\n/**\n * Drawer 컴포넌트 / Drawer component\n * \n * 사이드에서 슬라이드되는 패널 컴포넌트입니다.\n * Modal과 유사하지만 특정 방향에서 슬라이드되는 애니메이션을 제공합니다.\n * ESC 키로 닫기, 배경 클릭으로 닫기 기능을 지원합니다.\n * \n * Panel component that slides from the side.\n * Similar to Modal but provides slide animation from a specific direction.\n * Supports closing with ESC key and backdrop click.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * const [open, setOpen] = useState(false)\n * \n * <Drawer open={open} onOpenChange={setOpen}>\n *   <DrawerHeader>제목</DrawerHeader>\n *   <DrawerContent>내용</DrawerContent>\n *   <DrawerFooter>\n *     <Button onClick={() => setOpen(false)}>닫기</Button>\n *   </DrawerFooter>\n * </Drawer>\n * \n * @example\n * // 왼쪽에서 열기 / Open from left\n * <Drawer open={open} onOpenChange={setOpen} side=\"left\" size=\"lg\">\n *   <DrawerContent>사이드바 내용</DrawerContent>\n * </Drawer>\n * \n * @param {DrawerProps} props - Drawer 컴포넌트의 props / Drawer component props\n * @param {React.Ref<HTMLDivElement>} ref - Drawer 컨테이너 ref / Drawer container ref\n * @returns {JSX.Element} Drawer 컴포넌트 / Drawer component\n * \n * @todo 접근성 개선: role=\"dialog\", aria-modal=\"true\" 추가 필요 / Accessibility: Add role=\"dialog\", aria-modal=\"true\"\n * @todo 접근성 개선: aria-labelledby, aria-describedby 연결 필요 / Accessibility: Connect aria-labelledby, aria-describedby\n */\nconst Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(\n  ({\n    isOpen,\n    onClose,\n    children,\n    className,\n    side = \"right\",\n    size = \"md\",\n    showBackdrop = true,\n    backdropClassName,\n    closeOnBackdropClick = true,\n    closeOnEscape = true,\n    closable = true,\n    ...props\n  }, ref) => {\n    const _isOpen = isOpen ?? false\n    const handleClose = () => {\n      onClose?.()\n    }\n\n    const [isVisible, setIsVisible] = React.useState(false)\n    const [isAnimating, setIsAnimating] = React.useState(false)\n\n    React.useEffect(() => {\n      if (_isOpen) {\n        setIsVisible(true)\n        setIsAnimating(true)\n        // 애니메이션 시작을 위한 지연\n        const timer = setTimeout(() => setIsAnimating(false), 50)\n        return () => clearTimeout(timer)\n      } else {\n        setIsAnimating(true)\n        const timer = setTimeout(() => {\n          setIsVisible(false)\n          setIsAnimating(false)\n        }, 300) // 애니메이션 완료 후 숨김\n        return () => clearTimeout(timer)\n      }\n    }, [_isOpen])\n\n    React.useEffect(() => {\n      if (!closeOnEscape) return\n\n      const handleEscapeKey = (e: KeyboardEvent) => {\n        if (e.key === \"Escape\" && _isOpen) {\n          handleClose()\n        }\n      }\n\n      if (_isOpen) {\n        document.addEventListener(\"keydown\", handleEscapeKey)\n        document.body.style.overflow = \"hidden\"\n      }\n\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscapeKey)\n        document.body.style.overflow = \"\"\n      }\n    }, [_isOpen, closeOnEscape])\n\n    if (!isVisible) return null\n\n    const sizeClasses = {\n      sm: side === \"left\" || side === \"right\" ? \"w-80\" : \"h-64\",\n      md: side === \"left\" || side === \"right\" ? \"w-96\" : \"h-96\",\n      lg: side === \"left\" || side === \"right\" ? \"w-[28rem]\" : \"h-[32rem]\",\n      xl: side === \"left\" || side === \"right\" ? \"w-[32rem]\" : \"h-[40rem]\",\n      full: side === \"left\" || side === \"right\" ? \"w-full\" : \"h-full\"\n    }\n\n    const sideClasses = {\n      left: \"left-0 top-0 h-full\",\n      right: \"right-0 top-0 h-full\",\n      top: \"top-0 left-0 w-full\",\n      bottom: \"bottom-0 left-0 w-full\"\n    }\n\n    // Transform: _isOpen=true -> visible position, _isOpen=false -> hidden position\n    const transformClasses = {\n      left: _isOpen ? \"translate-x-0\" : \"-translate-x-full\",\n      right: _isOpen ? \"translate-x-0\" : \"translate-x-full\",\n      top: _isOpen ? \"translate-y-0\" : \"-translate-y-full\",\n      bottom: _isOpen ? \"translate-y-0\" : \"translate-y-full\"\n    }\n\n    return (\n      <div className=\"fixed inset-0 z-50\">\n        {/* Backdrop */}\n        {showBackdrop && (\n          <div\n            className={merge(\n              \"absolute inset-0 bg-black/60 backdrop-blur-md transition-opacity duration-300\",\n              isAnimating ? (_isOpen ? \"opacity-100\" : \"opacity-0\") : \"\",\n              backdropClassName\n            )}\n            onClick={closeOnBackdropClick ? handleClose : undefined}\n          />\n        )}\n\n        {/* Drawer Content */}\n        <div\n          ref={ref}\n          className={merge(\n            \"absolute bg-background/95 backdrop-blur-xl border border-border/50 shadow-2xl transition-transform duration-300 ease-out\",\n            sizeClasses[size],\n            sideClasses[side],\n            transformClasses[side],\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </div>\n    )\n  }\n)\nDrawer.displayName = \"Drawer\"\n\n/**\n * DrawerHeader 컴포넌트의 props / DrawerHeader component props\n * @typedef {Object} DrawerHeaderProps\n * @property {React.ReactNode} children - 헤더 내용 / Header content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {boolean} [showCloseButton=true] - 닫기 버튼 표시 여부 / Show close button\n * @property {() => void} [onClose] - 닫기 버튼 클릭 콜백 / Close button click callback\n */\ninterface DrawerHeaderProps {\n  children: React.ReactNode\n  className?: string\n  showCloseButton?: boolean\n  onClose?: () => void\n}\n\n/**\n * DrawerHeader 컴포넌트 / DrawerHeader component\n * Drawer의 헤더 영역을 표시합니다.\n * Displays the header area of a Drawer.\n * \n * @component\n * @param {DrawerHeaderProps} props - DrawerHeader 컴포넌트의 props / DrawerHeader component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} DrawerHeader 컴포넌트 / DrawerHeader component\n */\nconst DrawerHeader = React.forwardRef<HTMLDivElement, DrawerHeaderProps>(\n  ({ children, className, showCloseButton = true, onClose, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={merge(\"flex items-center justify-between p-6 border-b border-border/50\", className)}\n        {...props}\n      >\n        <div className=\"flex-1\">{children}</div>\n        {showCloseButton && (\n          <button\n            onClick={onClose}\n            className=\"p-2 rounded-lg hover:bg-muted transition-colors\"\n          >\n            <Icon name=\"close\" size={20} />\n          </button>\n        )}\n      </div>\n    )\n  }\n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\n/**\n * DrawerContent 컴포넌트의 props / DrawerContent component props\n * @typedef {Object} DrawerContentProps\n * @property {React.ReactNode} children - 콘텐츠 / Content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n */\ninterface DrawerContentProps {\n  children: React.ReactNode\n  className?: string\n}\n\n/**\n * DrawerContent 컴포넌트 / DrawerContent component\n * Drawer의 메인 콘텐츠 영역을 표시합니다.\n * Displays the main content area of a Drawer.\n * \n * @component\n * @param {DrawerContentProps} props - DrawerContent 컴포넌트의 props / DrawerContent component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} DrawerContent 컴포넌트 / DrawerContent component\n */\nconst DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={merge(\"flex-1 p-6 overflow-y-auto\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nDrawerContent.displayName = \"DrawerContent\"\n\n/**\n * DrawerFooter 컴포넌트의 props / DrawerFooter component props\n * @typedef {Object} DrawerFooterProps\n * @property {React.ReactNode} children - 푸터 내용 / Footer content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n */\ninterface DrawerFooterProps {\n  children: React.ReactNode\n  className?: string\n}\n\n/**\n * DrawerFooter 컴포넌트 / DrawerFooter component\n * Drawer의 푸터 영역을 표시합니다. 주로 액션 버튼을 배치합니다.\n * Displays the footer area of a Drawer. Typically used for action buttons.\n * \n * @component\n * @param {DrawerFooterProps} props - DrawerFooter 컴포넌트의 props / DrawerFooter component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} DrawerFooter 컴포넌트 / DrawerFooter component\n */\nconst DrawerFooter = React.forwardRef<HTMLDivElement, DrawerFooterProps>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={merge(\"flex items-center justify-end gap-3 p-6 border-t border-border/50\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\nexport { Drawer, DrawerHeader, DrawerContent, DrawerFooter } "]}

package/dist/{chunk-OI66ZLUB.mjs → chunk-UWHCM3S6.mjs}

@@ -1,3 +1,3 @@
 "use client";
-import {a as a$1}from'./chunk-SGEP3CQE.mjs';import {l}from'./chunk-AANHUMJ2.mjs';import {a}from'./chunk-UUHAXGMO.mjs';import w from'react';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';var L=cva("flex w-full rounded-md border transition-all duration-200 focus:outline-none focus:ring-1 focus:ring-offset-2 hover:border-accent-foreground hover:shadow-sm disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-muted-foreground",{variants:{variant:{default:"border-input bg-background text-foreground focus:border-ring focus:ring-ring",outline:"border-2 border-input bg-transparent text-foreground focus:border-ring focus:ring-ring",filled:"border-transparent bg-secondary/50 text-foreground focus:bg-background focus:border-ring focus:ring-ring",ghost:"border-transparent bg-transparent text-foreground focus:bg-muted focus:border-border focus:ring-muted-foreground",glass:"border-white/30 bg-white/10 backdrop-blur-sm text-white placeholder:text-white/60 focus:border-ring/50 focus:ring-ring/20 focus:bg-white/20"},size:{sm:"px-3 py-2 text-sm min-h-[80px]",md:"px-4 py-3 text-base min-h-[100px]",lg:"px-4 py-3 text-lg min-h-[120px]"},resize:{none:"resize-none",vertical:"resize-y",horizontal:"resize-x",both:"resize"}},defaultVariants:{variant:"default",size:"md",resize:"vertical"}}),O=w.forwardRef(({className:l,variant:c="default",size:i="md",error:a$2=false,success:u=false,resize:r="vertical",...t},f)=>{let e=t["aria-invalid"],g=a$2||(e!==void 0?e:false);return jsx("textarea",{className:a(L({variant:c,size:i,resize:r}),a$2&&a$1.error,u&&a$1.success,l),ref:f,"aria-invalid":g||void 0,...t})});O.displayName="Textarea";var E=w.forwardRef(({className:l$1,variant:c="default",size:i="md",error:a$1=false,success:u=false,label:r,description:t,id:f,...e},g)=>{var h,v;let k=w.useId(),s=f||k,p=r?`${s}-label`:void 0,x=t?`${s}-description`:void 0,z={sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6"},T={sm:12,md:14,lg:16},C={default:"border-input bg-background text-primary focus:ring-ring",outline:"border-2 border-input bg-transparent text-primary focus:ring-ring",filled:"border-transparent bg-muted text-primary focus:bg-background focus:ring-ring",glass:"border-white/30 bg-white/10 backdrop-blur-sm text-white focus:ring-ring/50 focus:bg-white/20"},I=a$1?"border-destructive focus:ring-destructive":u?"border-green-500 focus:ring-green-500":"",N=e.checked!==void 0,d=(v=(h=e.checked)!=null?h:e.defaultChecked)!=null?v:false,R=N&&!e.onChange&&!e.readOnly;return jsxs("div",{className:"flex items-start space-x-3",children:[jsxs("div",{className:"relative",children:[jsx("input",{type:"checkbox",id:s,className:a("peer absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",l$1),ref:g,"aria-checked":d,"aria-invalid":a$1,"aria-label":r?void 0:e["aria-label"],"aria-labelledby":r?p:void 0,"aria-describedby":x,role:"checkbox",readOnly:R||e.readOnly,...e}),jsx("div",{className:a("flex items-center justify-center rounded border transition-all duration-200 cursor-pointer relative","peer-focus:outline-none peer-focus:ring-1 peer-focus:ring-offset-2","peer-hover:border-accent-foreground peer-hover:shadow-sm","peer-disabled:cursor-not-allowed peer-disabled:opacity-50",z[i],C[c],I,d&&"bg-primary border-primary shadow-md shadow-primary/20",!d&&"bg-background"),children:jsx(l,{name:"check",size:T[i],className:a("text-white transition-all duration-200",d?"opacity-100 scale-100":"opacity-0 scale-0")})})]}),(r||t)&&jsxs("div",{className:"flex flex-col",children:[r&&jsx("label",{htmlFor:s,id:p,className:"text-sm font-medium text-foreground cursor-pointer",children:r}),t&&jsx("p",{id:x,className:"text-sm text-muted-foreground",children:t})]})]})});E.displayName="Checkbox";export{O as a,E as b};//# sourceMappingURL=chunk-OI66ZLUB.mjs.map
-//# sourceMappingURL=chunk-OI66ZLUB.mjs.map
+import {a as a$1}from'./chunk-SGEP3CQE.mjs';import {l}from'./chunk-HN5LSP6L.mjs';import {a}from'./chunk-UUHAXGMO.mjs';import w from'react';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';var L=cva("flex w-full rounded-md border transition-all duration-200 focus:outline-none focus:ring-1 focus:ring-offset-2 hover:border-accent-foreground hover:shadow-sm disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-muted-foreground",{variants:{variant:{default:"border-input bg-background text-foreground focus:border-ring focus:ring-ring",outline:"border-2 border-input bg-transparent text-foreground focus:border-ring focus:ring-ring",filled:"border-transparent bg-secondary/50 text-foreground focus:bg-background focus:border-ring focus:ring-ring",ghost:"border-transparent bg-transparent text-foreground focus:bg-muted focus:border-border focus:ring-muted-foreground",glass:"border-white/30 bg-white/10 backdrop-blur-sm text-white placeholder:text-white/60 focus:border-ring/50 focus:ring-ring/20 focus:bg-white/20"},size:{sm:"px-3 py-2 text-sm min-h-[80px]",md:"px-4 py-3 text-base min-h-[100px]",lg:"px-4 py-3 text-lg min-h-[120px]"},resize:{none:"resize-none",vertical:"resize-y",horizontal:"resize-x",both:"resize"}},defaultVariants:{variant:"default",size:"md",resize:"vertical"}}),O=w.forwardRef(({className:l,variant:c="default",size:i="md",error:a$2=false,success:u=false,resize:r="vertical",...t},f)=>{let e=t["aria-invalid"],g=a$2||(e!==void 0?e:false);return jsx("textarea",{className:a(L({variant:c,size:i,resize:r}),a$2&&a$1.error,u&&a$1.success,l),ref:f,"aria-invalid":g||void 0,...t})});O.displayName="Textarea";var E=w.forwardRef(({className:l$1,variant:c="default",size:i="md",error:a$1=false,success:u=false,label:r,description:t,id:f,...e},g)=>{var h,v;let k=w.useId(),s=f||k,p=r?`${s}-label`:void 0,x=t?`${s}-description`:void 0,z={sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6"},T={sm:12,md:14,lg:16},C={default:"border-input bg-background text-primary focus:ring-ring",outline:"border-2 border-input bg-transparent text-primary focus:ring-ring",filled:"border-transparent bg-muted text-primary focus:bg-background focus:ring-ring",glass:"border-white/30 bg-white/10 backdrop-blur-sm text-white focus:ring-ring/50 focus:bg-white/20"},I=a$1?"border-destructive focus:ring-destructive":u?"border-green-500 focus:ring-green-500":"",N=e.checked!==void 0,d=(v=(h=e.checked)!=null?h:e.defaultChecked)!=null?v:false,R=N&&!e.onChange&&!e.readOnly;return jsxs("div",{className:"flex items-start space-x-3",children:[jsxs("div",{className:"relative",children:[jsx("input",{type:"checkbox",id:s,className:a("peer absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",l$1),ref:g,"aria-checked":d,"aria-invalid":a$1,"aria-label":r?void 0:e["aria-label"],"aria-labelledby":r?p:void 0,"aria-describedby":x,role:"checkbox",readOnly:R||e.readOnly,...e}),jsx("div",{className:a("flex items-center justify-center rounded border transition-all duration-200 cursor-pointer relative","peer-focus:outline-none peer-focus:ring-1 peer-focus:ring-offset-2","peer-hover:border-accent-foreground peer-hover:shadow-sm","peer-disabled:cursor-not-allowed peer-disabled:opacity-50",z[i],C[c],I,d&&"bg-primary border-primary shadow-md shadow-primary/20",!d&&"bg-background"),children:jsx(l,{name:"check",size:T[i],className:a("text-white transition-all duration-200",d?"opacity-100 scale-100":"opacity-0 scale-0")})})]}),(r||t)&&jsxs("div",{className:"flex flex-col",children:[r&&jsx("label",{htmlFor:s,id:p,className:"text-sm font-medium text-foreground cursor-pointer",children:r}),t&&jsx("p",{id:x,className:"text-sm text-muted-foreground",children:t})]})]})});E.displayName="Checkbox";export{O as a,E as b};//# sourceMappingURL=chunk-UWHCM3S6.mjs.map
+//# sourceMappingURL=chunk-UWHCM3S6.mjs.map

package/dist/{chunk-OI66ZLUB.mjs.map → chunk-UWHCM3S6.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Textarea.tsx","../src/components/Checkbox.tsx"],"names":["textareaVariants","cva","Textarea","React","className","variant","size","error","success","resize","props","ref","ariaInvalid","isInvalid","jsx","merge","FORM_STATE","Checkbox","label","description","id","_a","_b","generatedId","checkboxId","labelId","descriptionId","sizeClasses","iconSizes","variantClasses","stateClasses","isControlled","isChecked","needsReadOnly","jsxs","Icon"],"mappings":"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","file":"chunk-OI66ZLUB.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { merge } from \"../lib/utils\"\nimport { FORM_STATE } from \"../lib/styles/cva-base\"\n\nexport const textareaVariants = cva(\n  \"flex w-full rounded-md border transition-all duration-200 focus:outline-none focus:ring-1 focus:ring-offset-2 hover:border-accent-foreground hover:shadow-sm disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-muted-foreground\",\n  {\n    variants: {\n      variant: {\n        default: \"border-input bg-background text-foreground focus:border-ring focus:ring-ring\",\n        outline: \"border-2 border-input bg-transparent text-foreground focus:border-ring focus:ring-ring\",\n        filled: \"border-transparent bg-secondary/50 text-foreground focus:bg-background focus:border-ring focus:ring-ring\",\n        ghost: \"border-transparent bg-transparent text-foreground focus:bg-muted focus:border-border focus:ring-muted-foreground\",\n        glass: \"border-white/30 bg-white/10 backdrop-blur-sm text-white placeholder:text-white/60 focus:border-ring/50 focus:ring-ring/20 focus:bg-white/20\",\n      },\n      size: {\n        sm: \"px-3 py-2 text-sm min-h-[80px]\",\n        md: \"px-4 py-3 text-base min-h-[100px]\",\n        lg: \"px-4 py-3 text-lg min-h-[120px]\",\n      },\n      resize: {\n        none: \"resize-none\",\n        vertical: \"resize-y\",\n        horizontal: \"resize-x\",\n        both: \"resize\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n      resize: \"vertical\",\n    },\n  }\n)\n\n/**\n * Textarea 컴포넌트의 props / Textarea component props\n */\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  variant?: \"default\" | \"outline\" | \"filled\" | \"ghost\" | \"glass\"\n  size?: \"sm\" | \"md\" | \"lg\"\n  error?: boolean\n  success?: boolean\n  resize?: \"none\" | \"vertical\" | \"horizontal\" | \"both\"\n}\n\n/**\n * Textarea 컴포넌트 / Textarea component\n * \n * 여러 줄 텍스트 입력을 위한 텍스트 영역 컴포넌트입니다.\n * 다양한 스타일 변형과 크기를 지원하며, 접근성 속성을 포함합니다.\n * \n * Text area component for multi-line text input.\n * Supports various style variants and sizes, includes accessibility attributes.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Textarea placeholder=\"내용을 입력하세요\" />\n * \n * @example\n * // 에러 상태 / Error state\n * <Textarea \n *   error\n *   placeholder=\"에러가 발생했습니다\"\n *   aria-label=\"설명 입력\"\n * />\n * \n * @example\n * // 크기 조절 비활성화 / Disable resize\n * <Textarea \n *   resize=\"none\"\n *   rows={5}\n *   placeholder=\"고정 크기 텍스트 영역\"\n * />\n * \n * @param {TextareaProps} props - Textarea 컴포넌트의 props / Textarea component props\n * @param {React.Ref<HTMLTextAreaElement>} ref - textarea 요소 ref / textarea element ref\n * @returns {JSX.Element} Textarea 컴포넌트 / Textarea component\n * \n * @todo 접근성 개선: aria-invalid 속성 자동 추가 필요 / Accessibility improvement: auto-add aria-invalid attribute\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ \n    className, \n    variant = \"default\",\n    size = \"md\",\n    error = false,\n    success = false,\n    resize = \"vertical\",\n    ...props \n  }, ref) => {\n    const ariaInvalid = props['aria-invalid' as keyof typeof props] as boolean | undefined\n    const isInvalid = error || (ariaInvalid !== undefined ? ariaInvalid : false)\n\n    return (\n      <textarea\n        className={merge(\n          textareaVariants({ variant, size, resize }),\n          error && FORM_STATE.error,\n          success && FORM_STATE.success,\n          className\n        )}\n        ref={ref}\n        aria-invalid={isInvalid || undefined}\n        {...props}\n      />\n    )\n  }\n)\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\n\n/**\n * Checkbox 컴포넌트의 props / Checkbox component props\n * @typedef {Object} CheckboxProps\n * @property {\"default\" | \"outline\" | \"filled\" | \"glass\"} [variant=\"default\"] - Checkbox 스타일 변형 / Checkbox style variant\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - Checkbox 크기 / Checkbox size\n * @property {boolean} [error=false] - 에러 상태 표시 / Error state\n * @property {boolean} [success=false] - 성공 상태 표시 / Success state\n * @property {string} [label] - 체크박스 레이블 텍스트 / Checkbox label text\n * @property {string} [description] - 체크박스 설명 텍스트 / Checkbox description text\n * @extends {Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>}\n */\nexport interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  variant?: \"default\" | \"outline\" | \"filled\" | \"glass\"\n  size?: \"sm\" | \"md\" | \"lg\"\n  error?: boolean\n  success?: boolean\n  label?: string\n  description?: string\n}\n\n/**\n * Checkbox 컴포넌트 / Checkbox component\n * \n * 체크박스 입력 필드를 제공하는 컴포넌트입니다.\n * ARIA 속성을 자동으로 설정하여 접근성을 지원합니다.\n * \n * Checkbox input field component.\n * Automatically sets ARIA attributes for accessibility support.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Checkbox label=\"이용약관에 동의합니다\" />\n * \n * @example\n * // 에러 상태와 설명 / Error state with description\n * <Checkbox \n *   label=\"필수 항목\"\n *   description=\"이 항목은 필수입니다\"\n *   error\n * />\n * \n * @example\n * // 제어 컴포넌트 / Controlled component\n * const [checked, setChecked] = useState(false)\n * <Checkbox \n *   checked={checked}\n *   onChange={(e) => setChecked(e.target.checked)}\n *   label=\"동의\"\n * />\n * \n * @param {CheckboxProps} props - Checkbox 컴포넌트의 props / Checkbox component props\n * @param {React.Ref<HTMLInputElement>} ref - input 요소 ref / input element ref\n * @returns {JSX.Element} Checkbox 컴포넌트 / Checkbox component\n */\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ \n    className, \n    variant = \"default\",\n    size = \"md\",\n    error = false,\n    success = false,\n    label,\n    description,\n    id,\n    ...props \n  }, ref) => {\n    const generatedId = React.useId()\n    const checkboxId = id || generatedId\n    const labelId = label ? `${checkboxId}-label` : undefined\n    const descriptionId = description ? `${checkboxId}-description` : undefined\n    const sizeClasses = {\n      sm: \"w-4 h-4\",\n      md: \"w-5 h-5\",\n      lg: \"w-6 h-6\"\n    }\n\n    const iconSizes = {\n      sm: 12,\n      md: 14,\n      lg: 16\n    }\n\n    const variantClasses = {\n      default: \"border-input bg-background text-primary focus:ring-ring\",\n      outline: \"border-2 border-input bg-transparent text-primary focus:ring-ring\",\n      filled: \"border-transparent bg-muted text-primary focus:bg-background focus:ring-ring\",\n      glass: \"border-white/30 bg-white/10 backdrop-blur-sm text-white focus:ring-ring/50 focus:bg-white/20\",\n    }\n\n    const stateClasses = error\n      ? \"border-destructive focus:ring-destructive\"\n      : success\n      ? \"border-green-500 focus:ring-green-500\"\n      : \"\"\n\n    // Support both controlled and uncontrolled modes\n    const isControlled = props.checked !== undefined;\n    const isChecked = props.checked ?? props.defaultChecked ?? false;\n    // Add readOnly if controlled without onChange to suppress React warning\n    const needsReadOnly = isControlled && !props.onChange && !props.readOnly;\n\n    return (\n      <div className=\"flex items-start space-x-3\">\n        <div className=\"relative\">\n          <input\n            type=\"checkbox\"\n            id={checkboxId}\n            className={merge(\n              \"peer absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10\",\n              className\n            )}\n            ref={ref}\n            aria-checked={isChecked}\n            aria-invalid={error}\n            aria-label={!label ? props['aria-label'] : undefined}\n            aria-labelledby={label ? labelId : undefined}\n            aria-describedby={descriptionId}\n            role=\"checkbox\"\n            readOnly={needsReadOnly || props.readOnly}\n            {...props}\n          />\n          <div\n            className={merge(\n              \"flex items-center justify-center rounded border transition-all duration-200 cursor-pointer relative\",\n              \"peer-focus:outline-none peer-focus:ring-1 peer-focus:ring-offset-2\",\n              \"peer-hover:border-accent-foreground peer-hover:shadow-sm\",\n              \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n              sizeClasses[size],\n              variantClasses[variant],\n              stateClasses,\n              isChecked && \"bg-primary border-primary shadow-md shadow-primary/20\",\n              !isChecked && \"bg-background\"\n            )}\n          >\n            {/* 체크 아이콘으로 개선 */}\n            <Icon \n              name=\"check\" \n              size={iconSizes[size]} \n              className={merge(\n                \"text-white transition-all duration-200\",\n                isChecked ? \"opacity-100 scale-100\" : \"opacity-0 scale-0\"\n              )}\n            />\n          </div>\n        </div>\n        {(label || description) && (\n          <div className=\"flex flex-col\">\n            {label && (\n              <label htmlFor={checkboxId} id={labelId} className=\"text-sm font-medium text-foreground cursor-pointer\">\n                {label}\n              </label>\n            )}\n            {description && (\n              <p id={descriptionId} className=\"text-sm text-muted-foreground\">\n                {description}\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nCheckbox.displayName = \"Checkbox\"\n\nexport { Checkbox } "]}
+{"version":3,"sources":["../src/components/Textarea.tsx","../src/components/Checkbox.tsx"],"names":["textareaVariants","cva","Textarea","React","className","variant","size","error","success","resize","props","ref","ariaInvalid","isInvalid","jsx","merge","FORM_STATE","Checkbox","label","description","id","_a","_b","generatedId","checkboxId","labelId","descriptionId","sizeClasses","iconSizes","variantClasses","stateClasses","isControlled","isChecked","needsReadOnly","jsxs","Icon"],"mappings":"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","file":"chunk-UWHCM3S6.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { merge } from \"../lib/utils\"\nimport { FORM_STATE } from \"../lib/styles/cva-base\"\n\nexport const textareaVariants = cva(\n  \"flex w-full rounded-md border transition-all duration-200 focus:outline-none focus:ring-1 focus:ring-offset-2 hover:border-accent-foreground hover:shadow-sm disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-muted-foreground\",\n  {\n    variants: {\n      variant: {\n        default: \"border-input bg-background text-foreground focus:border-ring focus:ring-ring\",\n        outline: \"border-2 border-input bg-transparent text-foreground focus:border-ring focus:ring-ring\",\n        filled: \"border-transparent bg-secondary/50 text-foreground focus:bg-background focus:border-ring focus:ring-ring\",\n        ghost: \"border-transparent bg-transparent text-foreground focus:bg-muted focus:border-border focus:ring-muted-foreground\",\n        glass: \"border-white/30 bg-white/10 backdrop-blur-sm text-white placeholder:text-white/60 focus:border-ring/50 focus:ring-ring/20 focus:bg-white/20\",\n      },\n      size: {\n        sm: \"px-3 py-2 text-sm min-h-[80px]\",\n        md: \"px-4 py-3 text-base min-h-[100px]\",\n        lg: \"px-4 py-3 text-lg min-h-[120px]\",\n      },\n      resize: {\n        none: \"resize-none\",\n        vertical: \"resize-y\",\n        horizontal: \"resize-x\",\n        both: \"resize\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n      resize: \"vertical\",\n    },\n  }\n)\n\n/**\n * Textarea 컴포넌트의 props / Textarea component props\n */\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  variant?: \"default\" | \"outline\" | \"filled\" | \"ghost\" | \"glass\"\n  size?: \"sm\" | \"md\" | \"lg\"\n  error?: boolean\n  success?: boolean\n  resize?: \"none\" | \"vertical\" | \"horizontal\" | \"both\"\n}\n\n/**\n * Textarea 컴포넌트 / Textarea component\n * \n * 여러 줄 텍스트 입력을 위한 텍스트 영역 컴포넌트입니다.\n * 다양한 스타일 변형과 크기를 지원하며, 접근성 속성을 포함합니다.\n * \n * Text area component for multi-line text input.\n * Supports various style variants and sizes, includes accessibility attributes.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Textarea placeholder=\"내용을 입력하세요\" />\n * \n * @example\n * // 에러 상태 / Error state\n * <Textarea \n *   error\n *   placeholder=\"에러가 발생했습니다\"\n *   aria-label=\"설명 입력\"\n * />\n * \n * @example\n * // 크기 조절 비활성화 / Disable resize\n * <Textarea \n *   resize=\"none\"\n *   rows={5}\n *   placeholder=\"고정 크기 텍스트 영역\"\n * />\n * \n * @param {TextareaProps} props - Textarea 컴포넌트의 props / Textarea component props\n * @param {React.Ref<HTMLTextAreaElement>} ref - textarea 요소 ref / textarea element ref\n * @returns {JSX.Element} Textarea 컴포넌트 / Textarea component\n * \n * @todo 접근성 개선: aria-invalid 속성 자동 추가 필요 / Accessibility improvement: auto-add aria-invalid attribute\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ \n    className, \n    variant = \"default\",\n    size = \"md\",\n    error = false,\n    success = false,\n    resize = \"vertical\",\n    ...props \n  }, ref) => {\n    const ariaInvalid = props['aria-invalid' as keyof typeof props] as boolean | undefined\n    const isInvalid = error || (ariaInvalid !== undefined ? ariaInvalid : false)\n\n    return (\n      <textarea\n        className={merge(\n          textareaVariants({ variant, size, resize }),\n          error && FORM_STATE.error,\n          success && FORM_STATE.success,\n          className\n        )}\n        ref={ref}\n        aria-invalid={isInvalid || undefined}\n        {...props}\n      />\n    )\n  }\n)\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\n\n/**\n * Checkbox 컴포넌트의 props / Checkbox component props\n * @typedef {Object} CheckboxProps\n * @property {\"default\" | \"outline\" | \"filled\" | \"glass\"} [variant=\"default\"] - Checkbox 스타일 변형 / Checkbox style variant\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - Checkbox 크기 / Checkbox size\n * @property {boolean} [error=false] - 에러 상태 표시 / Error state\n * @property {boolean} [success=false] - 성공 상태 표시 / Success state\n * @property {string} [label] - 체크박스 레이블 텍스트 / Checkbox label text\n * @property {string} [description] - 체크박스 설명 텍스트 / Checkbox description text\n * @extends {Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>}\n */\nexport interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  variant?: \"default\" | \"outline\" | \"filled\" | \"glass\"\n  size?: \"sm\" | \"md\" | \"lg\"\n  error?: boolean\n  success?: boolean\n  label?: string\n  description?: string\n}\n\n/**\n * Checkbox 컴포넌트 / Checkbox component\n * \n * 체크박스 입력 필드를 제공하는 컴포넌트입니다.\n * ARIA 속성을 자동으로 설정하여 접근성을 지원합니다.\n * \n * Checkbox input field component.\n * Automatically sets ARIA attributes for accessibility support.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Checkbox label=\"이용약관에 동의합니다\" />\n * \n * @example\n * // 에러 상태와 설명 / Error state with description\n * <Checkbox \n *   label=\"필수 항목\"\n *   description=\"이 항목은 필수입니다\"\n *   error\n * />\n * \n * @example\n * // 제어 컴포넌트 / Controlled component\n * const [checked, setChecked] = useState(false)\n * <Checkbox \n *   checked={checked}\n *   onChange={(e) => setChecked(e.target.checked)}\n *   label=\"동의\"\n * />\n * \n * @param {CheckboxProps} props - Checkbox 컴포넌트의 props / Checkbox component props\n * @param {React.Ref<HTMLInputElement>} ref - input 요소 ref / input element ref\n * @returns {JSX.Element} Checkbox 컴포넌트 / Checkbox component\n */\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ \n    className, \n    variant = \"default\",\n    size = \"md\",\n    error = false,\n    success = false,\n    label,\n    description,\n    id,\n    ...props \n  }, ref) => {\n    const generatedId = React.useId()\n    const checkboxId = id || generatedId\n    const labelId = label ? `${checkboxId}-label` : undefined\n    const descriptionId = description ? `${checkboxId}-description` : undefined\n    const sizeClasses = {\n      sm: \"w-4 h-4\",\n      md: \"w-5 h-5\",\n      lg: \"w-6 h-6\"\n    }\n\n    const iconSizes = {\n      sm: 12,\n      md: 14,\n      lg: 16\n    }\n\n    const variantClasses = {\n      default: \"border-input bg-background text-primary focus:ring-ring\",\n      outline: \"border-2 border-input bg-transparent text-primary focus:ring-ring\",\n      filled: \"border-transparent bg-muted text-primary focus:bg-background focus:ring-ring\",\n      glass: \"border-white/30 bg-white/10 backdrop-blur-sm text-white focus:ring-ring/50 focus:bg-white/20\",\n    }\n\n    const stateClasses = error\n      ? \"border-destructive focus:ring-destructive\"\n      : success\n      ? \"border-green-500 focus:ring-green-500\"\n      : \"\"\n\n    // Support both controlled and uncontrolled modes\n    const isControlled = props.checked !== undefined;\n    const isChecked = props.checked ?? props.defaultChecked ?? false;\n    // Add readOnly if controlled without onChange to suppress React warning\n    const needsReadOnly = isControlled && !props.onChange && !props.readOnly;\n\n    return (\n      <div className=\"flex items-start space-x-3\">\n        <div className=\"relative\">\n          <input\n            type=\"checkbox\"\n            id={checkboxId}\n            className={merge(\n              \"peer absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10\",\n              className\n            )}\n            ref={ref}\n            aria-checked={isChecked}\n            aria-invalid={error}\n            aria-label={!label ? props['aria-label'] : undefined}\n            aria-labelledby={label ? labelId : undefined}\n            aria-describedby={descriptionId}\n            role=\"checkbox\"\n            readOnly={needsReadOnly || props.readOnly}\n            {...props}\n          />\n          <div\n            className={merge(\n              \"flex items-center justify-center rounded border transition-all duration-200 cursor-pointer relative\",\n              \"peer-focus:outline-none peer-focus:ring-1 peer-focus:ring-offset-2\",\n              \"peer-hover:border-accent-foreground peer-hover:shadow-sm\",\n              \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n              sizeClasses[size],\n              variantClasses[variant],\n              stateClasses,\n              isChecked && \"bg-primary border-primary shadow-md shadow-primary/20\",\n              !isChecked && \"bg-background\"\n            )}\n          >\n            {/* 체크 아이콘으로 개선 */}\n            <Icon \n              name=\"check\" \n              size={iconSizes[size]} \n              className={merge(\n                \"text-white transition-all duration-200\",\n                isChecked ? \"opacity-100 scale-100\" : \"opacity-0 scale-0\"\n              )}\n            />\n          </div>\n        </div>\n        {(label || description) && (\n          <div className=\"flex flex-col\">\n            {label && (\n              <label htmlFor={checkboxId} id={labelId} className=\"text-sm font-medium text-foreground cursor-pointer\">\n                {label}\n              </label>\n            )}\n            {description && (\n              <p id={descriptionId} className=\"text-sm text-muted-foreground\">\n                {description}\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nCheckbox.displayName = \"Checkbox\"\n\nexport { Checkbox } "]}