@hua-labs/ui 2.0.2 → 2.1.0

package/README.md

@@ -1,31 +1,42 @@
 # @hua-labs/ui
 
-Accessible, TypeScript-first component library for React applications. Provides 70+ production-ready components with modular entry points for optimal bundle size, dark mode support, and Tailwind CSS integration.
+Modern React UI component library — accessible, themeable, production-ready.
+모던 React UI 컴포넌트 라이브러리 — 접근성, 테마, 프로덕션 레디.
 
 [![npm version](https://img.shields.io/npm/v/@hua-labs/ui.svg)](https://www.npmjs.com/package/@hua-labs/ui)
-[![npm downloads](https://img.shields.io/npm/dm/@hua-labs/ui.svg)](https://www.npmjs.com/package/@hua-labs/ui)
+[![npm downloads](https://img.shields.io/npm/dw/@hua-labs/ui.svg)](https://www.npmjs.com/package/@hua-labs/ui)
 [![license](https://img.shields.io/npm/l/@hua-labs/ui.svg)](https://github.com/HUA-Labs/HUA-Labs-public/blob/main/LICENSE)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.9-blue)](https://www.typescriptlang.org/)
 [![React](https://img.shields.io/badge/React-19-blue)](https://reactjs.org/)
 
+> **Alpha**: APIs may change before stable release. | **알파**: 안정 릴리스 전 API가 변경될 수 있습니다.
+
+## Overview | 개요
+
+Accessible, TypeScript-first component library for React applications. Provides 50+ production-ready components with modular entry points for optimal bundle size, dark mode support, and Tailwind CSS integration.
+
+React 애플리케이션을 위한 접근성 우선 TypeScript 컴포넌트 라이브러리입니다. 50개 이상의 프로덕션 레디 컴포넌트를 모듈식 진입점, 다크 모드, Tailwind CSS 통합과 함께 제공합니다.
+
 ## Features
 
-- **70+ components — Buttons, forms, tables, modals, overlays, and more**
-- **Modular entry points — Import only what you need for optimal bundle size**
-- **Accessible — ARIA attributes, keyboard navigation, WCAG compliant**
-- **Dark mode — Built-in dark mode support**
-- **Tailwind CSS — Utility-first styling with class variance authority**
-- **Tree-shakeable — Side-effect free (except CSS)**
+- **50+ components** — Buttons, forms, tables, modals, overlays, and more
+- **Modular entry points** — Import only what you need for optimal bundle size
+- **Accessible** — ARIA attributes, keyboard navigation, WCAG compliant
+- **Dark mode** — Built-in dark mode support
+- **Tailwind CSS** — Utility-first styling with class variance authority
+- **Tree-shakeable** — Side-effect free (except CSS)
 
-## Installation
+## Installation | 설치
 
 ```bash
 pnpm add @hua-labs/ui
 ```
 
-> Peer dependencies: @dnd-kit/core ^6.3.1, @dnd-kit/sortable ^10.0.0, @dnd-kit/utilities ^3.2.2, react >=19.0.0, react-dom >=19.0.0
+Peer dependencies: `react >= 19.0.0`, `react-dom >= 19.0.0`
 
-## Quick Start
+Optional peers: `@dnd-kit/core`, `@dnd-kit/sortable`, `@dnd-kit/utilities` (for drag-and-drop)
+
+## Quick Start | 빠른 시작
 
 ```tsx
 import { Button, Card, CardHeader, CardTitle, CardContent } from '@hua-labs/ui';
@@ -44,179 +55,53 @@ function App() {
     </Card>
   );
 }
-
 ```
 
-## API
-
-| Export | Type | Description |
-|--------|------|-------------|
-| `Button` | component |  |
-| `Action` | component |  |
-| `Input` | component |  |
-| `NumberInput` | component |  |
-| `Link` | component |  |
-| `Icon` | component |  |
-| `EmotionIcon` | component |  |
-| `StatusIcon` | component |  |
-| `LoadingIcon` | component |  |
-| `SuccessIcon` | component |  |
-| `ErrorIcon` | component |  |
-| `Avatar` | component |  |
-| `AvatarImage` | component |  |
-| `AvatarFallback` | component |  |
-| `Modal` | component |  |
-| `Container` | component |  |
-| `Grid` | component |  |
-| `Stack` | component |  |
-| `Divider` | component |  |
-| `Card` | component |  |
-| `CardHeader` | component |  |
-| `CardFooter` | component |  |
-| `CardTitle` | component |  |
-| `CardDescription` | component |  |
-| `CardContent` | component |  |
-| `Panel` | component |  |
-| `ActionToolbar` | component |  |
-| `ComponentLayout` | component |  |
-| `Badge` | component |  |
-| `Progress` | component |  |
-| `ProgressSuccess` | component |  |
-| `ProgressWarning` | component |  |
-| `ProgressError` | component |  |
-| `ProgressInfo` | component |  |
-| `ProgressGroup` | component |  |
-| `Skeleton` | component |  |
-| `SkeletonText` | component |  |
-| `SkeletonCircle` | component |  |
-| `SkeletonRectangle` | component |  |
-| `SkeletonRounded` | component |  |
-| `SkeletonCard` | component |  |
-| `SkeletonAvatar` | component |  |
-| `SkeletonImage` | component |  |
-| `SkeletonUserProfile` | component |  |
-| `SkeletonList` | component |  |
-| `SkeletonTable` | component |  |
-| `Alert` | component |  |
-| `AlertSuccess` | component |  |
-| `AlertWarning` | component |  |
-| `AlertError` | component |  |
-| `AlertInfo` | component |  |
-| `ToastProvider` | component |  |
-| `useToast` | hook |  |
-| `useToastSafe` | hook |  |
-| `LoadingSpinner` | component |  |
-| `Tooltip` | component |  |
-| `TooltipLight` | component |  |
-| `TooltipDark` | component |  |
-| `Label` | component |  |
-| `Switch` | component |  |
-| `Toggle` | component |  |
-| `ScrollArea` | component |  |
-| `ScrollToTop` | component |  |
-| `ThemeProvider` | component |  |
-| `ThemeToggle` | component |  |
-| `useTheme` | hook |  |
-| `iconCategories` | function |  |
-| `emotionIcons` | function |  |
-| `statusIcons` | function |  |
-| `iconNames` | function |  |
-| `iconProviderMapping` | function |  |
-| `isValidIconName` | function |  |
-| `getIconNameForProvider` | function |  |
-| `ICON_ALIASES` | component |  |
-| `resolveIconAlias` | function |  |
-| `getIconAliases` | function |  |
-| `IconProvider` | component |  |
-| `useIconContext` | hook |  |
-| `defaultIconConfig` | function |  |
-| `getDefaultStrokeWidth` | function |  |
-| `merge` | function |  |
-| `mergeIf` | function |  |
-| `mergeMap` | function |  |
-| `cn` | function |  |
-| `formatRelativeTime` | function |  |
-| `Slot` | component |  |
-| `composeRefs` | function |  |
-| `mergeProps` | function |  |
-| `createColorStyles` | function |  |
-| `useColorStyles` | hook |  |
-| `createVariantStyles` | function |  |
-| `createSizeStyles` | function |  |
-| `createRoundedStyles` | function |  |
-| `createShadowStyles` | function |  |
-| `createHoverStyles` | function |  |
-| `HUA_SPRING_EASING` | component |  |
-| `withDarkMode` | function |  |
-| `createGradient` | function |  |
-| `withOpacity` | function |  |
-| `isTextWhite` | function |  |
-| `isGradientVariant` | function |  |
-| `responsive` | function |  |
-| `conditionalClass` | function |  |
-| `useMicroMotion` | hook |  |
-| `getMicroMotionClasses` | function |  |
-| `EASING_FUNCTIONS` | component |  |
-| `DURATIONS` | component |  |
-| `COMPONENT_MOTION_DEFAULTS` | component |  |
-| `CSS_MOTION_VARS` | component |  |
-| `useInView` | hook |  |
-| `useScrollProgress` | hook |  |
-| `useMouse` | hook |  |
-| `useReducedMotion` | hook |  |
-| `useWindowSize` | hook |  |
-| `ButtonProps` | type |  |
-| `NumberInputProps` | type |  |
-| `IconProps` | type |  |
-| `ModalProps` | type |  |
-| `CardProps` | type |  |
-| `CardHeaderProps` | type |  |
-| `CardTitleProps` | type |  |
-| `CardDescriptionProps` | type |  |
-| `CardContentProps` | type |  |
-| `CardFooterProps` | type |  |
-| `ActionToolbarProps` | type |  |
-| `ActionButton` | type |  |
-| `Toast` | type |  |
-| `ToggleProps` | type |  |
-| `ThemeProviderProps` | type |  |
-| `ThemeProviderState` | type |  |
-| `IconName` | type |  |
-| `ProjectIconName` | type |  |
-| `AllIconName` | type |  |
-| `IconProviderProps` | type |  |
-| `IconSet` | type |  |
-| `PhosphorWeight` | type |  |
-| `IconConfig` | type |  |
-| `SlotProps` | type |  |
-| `ColorStyleConfig` | type |  |
-| `ColorStyles` | type |  |
-| `SizeStyles` | type |  |
-| `Rounded` | type |  |
-| `Shadow` | type |  |
-| `HoverEffect` | type |  |
-| `MicroMotionConfig` | type |  |
-| `MicroMotionPreset` | type |  |
-| `MicroMotionState` | type |  |
-| `Color` | type |  |
-| `Size` | type |  |
-| `BaseVariant` | type |  |
-| `ExtendedVariant` | type |  |
-| `UseInViewOptions` | type |  |
-| `UseInViewReturn` | type |  |
-| `UseScrollProgressOptions` | type |  |
-| `UseScrollProgressReturn` | type |  |
-| `UseMouseOptions` | type |  |
-| `UseMouseReturn` | type |  |
-| `UseWindowSizeOptions` | type |  |
-| `UseWindowSizeReturn` | type |  |
-
-
-## Related Packages
-
-- [`@hua-labs/hua`](https://www.npmjs.com/package/@hua-labs/hua)
-- [`@hua-labs/ui-dashboard`](https://www.npmjs.com/package/@hua-labs/ui-dashboard)
+## Entry Points | 진입점
+
+| Path | Components |
+|------|------------|
+| `@hua-labs/ui` | Button, Card, Badge, Alert, Modal, Drawer, Table, Avatar, etc. |
+| `@hua-labs/ui/form` | Input, Select, DatePicker, Upload, Autocomplete, ColorPicker, etc. |
+| `@hua-labs/ui/navigation` | PageNavigation, PageTransition |
+| `@hua-labs/ui/feedback` | ToastProvider, useToast |
+| `@hua-labs/ui/overlay` | Modal, Drawer, Popover, Dropdown, BottomSheet, ConfirmModal |
+| `@hua-labs/ui/data` | Table, Badge, Progress, Skeleton |
+| `@hua-labs/ui/interactive` | Accordion, Tabs, Menu, ContextMenu, Command |
+| `@hua-labs/ui/sdui` | Server-driven UI components |
+| `@hua-labs/ui/advanced` | Advanced components (dashboard, motion, emotion) |
+| `@hua-labs/ui/styles/*` | CSS files (base, toast, codeblock, theme) |
+| `@hua-labs/ui/icons` | Icon components |
+
+## API Overview | API 개요
+
+| Category | Components |
+|----------|------------|
+| Basic UI | Button, Icon, Avatar, Link, Badge |
+| Layout | Container, Grid, Stack, Card, Panel, Divider |
+| Form | Input, NumberInput, Select, Checkbox, Radio, Switch, Slider, Textarea, DatePicker, Upload, Autocomplete, ColorPicker |
+| Overlay | Modal, Drawer, Popover, Dropdown, BottomSheet, ConfirmModal |
+| Data | Table, Progress, Skeleton |
+| Feedback | Alert, Toast, LoadingSpinner, Tooltip |
+| Interactive | Accordion, Tabs, Menu, ContextMenu, Command |
+| Navigation | Breadcrumb, Pagination, PageNavigation, PageTransition |
+| Theme | ThemeProvider, ThemeToggle |
+| Utilities | `cn`, `merge`, `mergeIf`, `mergeMap` |
+
+## Documentation | 문서
+
+- [📚 Documentation Site | 문서 사이트](https://docs.hua-labs.com)
+
+## Related Packages | 관련 패키지
+
+- [`@hua-labs/hua`](https://www.npmjs.com/package/@hua-labs/hua) — Framework (UI + Motion + i18n)
+- [`@hua-labs/ui-dashboard`](https://www.npmjs.com/package/@hua-labs/ui-dashboard) — Dashboard domain components
+- [`@hua-labs/motion-core`](https://www.npmjs.com/package/@hua-labs/motion-core) — Animation hooks
+
+## Requirements | 요구사항
+
+React >= 19.0.0 · React DOM >= 19.0.0 · Tailwind CSS · TypeScript >= 5.9
 
 ## License
 
-MIT — [HUA Labs](https://hua-labs.com)
+MIT — [HUA Labs](https://github.com/HUA-Labs/HUA-Labs-public)

package/dist/advanced-emotion.js

@@ -1,2 +1,2 @@
-'use strict';var y=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),classVarianceAuthority=require('class-variance-authority');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var y__default=/*#__PURE__*/_interopDefault(y);function n(...s){return tailwindMerge.twMerge(clsx.clsx(s))}var g=y__default.default.forwardRef(({className:s,value:a,max:o=100,size:l="md",color:c="blue",...d},u)=>{let v={sm:"h-2",md:"h-3",lg:"h-4"},N={blue:"bg-indigo-500",green:"bg-green-500",yellow:"bg-yellow-500",red:"bg-red-500",purple:"bg-purple-500",orange:"bg-orange-500",indigo:"bg-indigo-500",pink:"bg-pink-500",gray:"bg-gray-500"},p=Math.min(Math.max(a/o*100,0),100);return jsxRuntime.jsx("div",{ref:u,className:n("w-full bg-muted rounded-full",v[l],s),...d,children:jsxRuntime.jsx("div",{className:n("h-full rounded-full transition-all duration-300",N[c]||N.blue),style:{width:`${p}%`}})})});g.displayName="EmotionMeter";var H=y__default.default.forwardRef(({className:s,emotion:a,isSelected:o=false,size:l="md",...c},d)=>jsxRuntime.jsx("button",{ref:d,className:n("rounded-full border-2 transition-all duration-200 hover:scale-105 focus:outline-none focus:ring-1 focus:ring-ring",{sm:"w-8 h-8 text-sm",md:"w-12 h-12 text-lg",lg:"w-16 h-16 text-xl"}[l],o?"border-indigo-500 bg-indigo-50 dark:bg-indigo-900/20":"border-border bg-background",s),...c,children:a}));H.displayName="EmotionButton";var G=[{key:"joy",label:"\uAE30\uC068",icon:"smile",color:"yellow"},{key:"sadness",label:"\uC2AC\uD514",icon:"frown",color:"blue"},{key:"anger",label:"\uD654\uB0A8",icon:"angry",color:"red"},{key:"calm",label:"\uD3C9\uC628",icon:"heart",color:"green"},{key:"excitement",label:"\uC124\uB818",icon:"star",color:"pink"},{key:"worry",label:"\uAC71\uC815",icon:"meh",color:"gray"},{key:"gratitude",label:"\uAC10\uC0AC",icon:"heart",color:"purple"},{key:"loneliness",label:"\uC678\uB85C\uC6C0",icon:"user",color:"indigo"}],B=y__default.default.forwardRef(({className:s,selectedEmotion:a,onEmotionSelect:o,layout:l="grid",showIntensity:c=false,intensity:d=50,onIntensityChange:u,emotions:v=G,size:N="md",variant:p="button",...C},T)=>{let b=r=>{o==null||o(r);},w=r=>{let f=a===r.key;return p==="button"?jsxRuntime.jsx(H,{emotion:r.key,isSelected:f,size:N,onClick:()=>b(r.key),className:n("transition-all duration-200",f&&"ring-1 ring-offset-2 ring-primary"),children:r.label},r.key):p==="card"?jsxRuntime.jsx("div",{className:n("p-4 rounded-lg border-2 cursor-pointer transition-all duration-200 hover:shadow-md",f?"border-primary bg-primary/5":"border-border hover:border-primary/50"),onClick:()=>b(r.key),children:jsxRuntime.jsxs("div",{className:"flex items-center space-x-3",children:[jsxRuntime.jsx("div",{className:n("w-8 h-8 rounded-full flex items-center justify-center",f?"bg-primary text-primary-foreground":"bg-muted"),children:r.icon&&jsxRuntime.jsxs("span",{className:"text-lg",children:[r.icon==="smile"&&"\u{1F60A}",r.icon==="frown"&&"\u{1F622}",r.icon==="angry"&&"\u{1F620}",r.icon==="heart"&&"\u2764\uFE0F",r.icon==="star"&&"\u2B50",r.icon==="meh"&&"\u{1F610}",r.icon==="user"&&"\u{1F464}"]})}),jsxRuntime.jsx("span",{className:"font-medium truncate max-w-[120px]",children:r.label})]})},r.key):p==="chip"?jsxRuntime.jsx("div",{className:n("px-3 py-1 rounded-full cursor-pointer transition-all duration-200 text-sm font-medium",f?"bg-primary text-primary-foreground":"bg-muted hover:bg-muted/80"),onClick:()=>b(r.key),children:jsxRuntime.jsx("span",{className:"truncate max-w-[100px]",children:r.label})},r.key):null},M={grid:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 md:gap-3",list:"space-y-2",compact:"flex flex-wrap gap-1"};return jsxRuntime.jsxs("div",{ref:T,className:n("space-y-4",s),...C,children:[jsxRuntime.jsx("div",{className:M[l],children:v.map(w)}),c&&a&&jsxRuntime.jsxs("div",{className:"space-y-3",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:"\uAC10\uC815 \uAC15\uB3C4"}),jsxRuntime.jsxs("span",{className:"text-sm text-muted-foreground",children:[d,"%"]})]}),jsxRuntime.jsx("input",{type:"range",min:"0",max:"100",value:d,onChange:r=>u==null?void 0:u(Number(r.target.value)),className:"w-full h-2 bg-muted rounded-lg appearance-none cursor-pointer slider"}),jsxRuntime.jsxs("div",{className:"flex justify-between text-xs text-muted-foreground",children:[jsxRuntime.jsx("span",{children:"\uC57D\uD568"}),jsxRuntime.jsx("span",{children:"\uBCF4\uD1B5"}),jsxRuntime.jsx("span",{children:"\uAC15\uD568"})]})]}),a&&c&&jsxRuntime.jsx("div",{className:"flex justify-center",children:jsxRuntime.jsx(g,{value:d,size:"md",color:"blue"})})]})});B.displayName="EmotionSelector";var Q=classVarianceAuthority.cva("rounded-lg",{variants:{variant:{default:"bg-card text-card-foreground border border-border",outline:"bg-transparent border-2 border-border",elevated:"bg-card text-card-foreground shadow-lg border border-border"},shadow:{none:"shadow-none",sm:"shadow-sm",md:"shadow-md",lg:"shadow-lg"},padding:{none:"",sm:"p-3",md:"p-4",lg:"p-6"}},defaultVariants:{variant:"default",padding:"none"}}),L=y__default.default.forwardRef(({className:s,variant:a="default",shadow:o,padding:l="none",hoverable:c,...d},u)=>jsxRuntime.jsx("div",{ref:u,className:n(Q({variant:a,shadow:o,padding:l}),c&&"transition-shadow hover:shadow-lg cursor-pointer",s),...d}));L.displayName="Card";var R=y__default.default.forwardRef(({className:s,...a},o)=>jsxRuntime.jsx("div",{ref:o,className:n("flex flex-col space-y-1 p-3",s),...a}));R.displayName="CardHeader";var k=y__default.default.forwardRef(({className:s,...a},o)=>jsxRuntime.jsx("h3",{ref:o,className:n("text-base md:text-lg font-semibold leading-tight tracking-tight",s),...a}));k.displayName="CardTitle";var P=y__default.default.forwardRef(({className:s,...a},o)=>jsxRuntime.jsx("p",{ref:o,className:n("text-sm text-muted-foreground",s),...a}));P.displayName="CardDescription";var D=y__default.default.forwardRef(({className:s,...a},o)=>jsxRuntime.jsx("div",{ref:o,className:n("px-3 pb-3",s),...a}));D.displayName="CardContent";var U=y__default.default.forwardRef(({className:s,...a},o)=>jsxRuntime.jsx("div",{ref:o,className:n("flex items-center px-3 pb-3",s),...a}));U.displayName="CardFooter";var X=classVarianceAuthority.cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors duration-200 ease-in-out focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2",{variants:{variant:{default:"bg-[var(--badge-default-bg)] text-[var(--badge-default-text)] hover:opacity-80",secondary:"bg-[var(--badge-secondary-bg)] text-[var(--badge-secondary-text)] hover:opacity-80",destructive:"bg-[var(--badge-destructive-bg)] text-slate-50 hover:opacity-80",error:"bg-[var(--badge-destructive-bg)] text-slate-50 hover:opacity-80",outline:"bg-transparent text-[var(--badge-outline-text)] border border-[var(--badge-outline-border)] hover:bg-[var(--badge-outline-hover-bg)]",glass:"bg-[var(--badge-glass-bg)] backdrop-blur-sm border border-[var(--badge-glass-border)] text-[var(--badge-glass-text)] hover:opacity-80"}},defaultVariants:{variant:"default"}}),E=y__default.default.memo(y__default.default.forwardRef(({className:s,variant:a="default",...o},l)=>jsxRuntime.jsx("div",{ref:l,className:n(X({variant:a}),s),...o})));E.displayName="Badge";var S=y__default.default.forwardRef(({className:s,primaryEmotion:a,emotionDistribution:o=[],keywords:l=[],intensity:c=50,positivity:d=70,energy:u=60,showMeter:v=true,showDistribution:N=true,showKeywords:p=true,showMetrics:C=true,layout:T="detailed",...b},w)=>{let M=i=>i<30?"\uC57D\uD568":i<70?"\uBCF4\uD1B5":"\uAC15\uD568",r=i=>i<30?"\uBD80\uC815\uC801":i<70?"\uC911\uB9BD\uC801":"\uAE0D\uC815\uC801",f=i=>i<30?"\uB0AE\uC74C":i<70?"\uBCF4\uD1B5":"\uB192\uC74C";return T==="compact"?jsxRuntime.jsxs("div",{ref:w,className:n("space-y-3",s),...b,children:[a&&jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:"\uC8FC\uC694 \uAC10\uC815:"}),jsxRuntime.jsxs("div",{className:"flex items-center space-x-2",children:[jsxRuntime.jsxs("span",{className:"text-sm text-muted-foreground",children:[a.name," (",a.intensity,"%)"]}),v&&jsxRuntime.jsx(g,{value:a.intensity,size:"sm",color:"blue"})]})]}),C&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:"\uAC10\uC815 \uAC15\uB3C4:"}),jsxRuntime.jsx("span",{className:"text-sm text-muted-foreground",children:M(c)})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:"\uAE0D\uC815\uC131:"}),jsxRuntime.jsx("span",{className:"text-sm text-muted-foreground",children:r(d)})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:"\uC5D0\uB108\uC9C0:"}),jsxRuntime.jsx("span",{className:"text-sm text-muted-foreground",children:f(u)})]})]}),p&&l.length>0&&jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:"\uD0A4\uC6CC\uB4DC:"}),jsxRuntime.jsx("div",{className:"flex flex-wrap gap-1 mt-1",children:l.map(i=>jsxRuntime.jsx(E,{variant:"secondary",className:"text-xs",children:i},i))})]})]}):T==="card"?jsxRuntime.jsxs(L,{ref:w,className:n("",s),...b,children:[jsxRuntime.jsxs(R,{children:[jsxRuntime.jsxs(k,{className:"flex items-center",children:[jsxRuntime.jsx("span",{className:"text-2xl mr-2",children:"\u2728"}),"AI \uBD84\uC11D"]}),jsxRuntime.jsx(P,{children:"\uAC10\uC815 \uBD84\uC11D \uACB0\uACFC"})]}),jsxRuntime.jsxs(D,{className:"space-y-4",children:[a&&jsxRuntime.jsxs("div",{className:"space-y-3",children:[jsxRuntime.jsxs("div",{className:"text-sm",children:[jsxRuntime.jsx("span",{className:"font-medium",children:"\uC8FC\uC694 \uAC10\uC815:"}),jsxRuntime.jsxs("span",{className:"ml-2 text-muted-foreground",children:[a.name," (",a.intensity,"%)"]})]}),v&&jsxRuntime.jsx("div",{className:"flex justify-center",children:jsxRuntime.jsx(g,{value:a.intensity,size:"md",color:"blue"})})]}),C&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"text-sm",children:[jsxRuntime.jsx("span",{className:"font-medium",children:"\uAC10\uC815 \uAC15\uB3C4:"}),jsxRuntime.jsx("span",{className:"ml-2 text-muted-foreground",children:M(c)})]}),jsxRuntime.jsxs("div",{className:"text-sm",children:[jsxRuntime.jsx("span",{className:"font-medium",children:"\uAE0D\uC815\uC131:"}),jsxRuntime.jsx("span",{className:"ml-2 text-muted-foreground",children:r(d)})]}),jsxRuntime.jsxs("div",{className:"text-sm",children:[jsxRuntime.jsx("span",{className:"font-medium",children:"\uC5D0\uB108\uC9C0:"}),jsxRuntime.jsx("span",{className:"ml-2 text-muted-foreground",children:f(u)})]})]}),p&&l.length>0&&jsxRuntime.jsxs("div",{className:"text-sm",children:[jsxRuntime.jsx("span",{className:"font-medium",children:"\uD0A4\uC6CC\uB4DC:"}),jsxRuntime.jsx("div",{className:"flex flex-wrap gap-1 mt-1",children:l.map(i=>jsxRuntime.jsx(E,{variant:"secondary",className:"text-xs",children:i},i))})]})]})]}):jsxRuntime.jsxs("div",{ref:w,className:n("space-y-6",s),...b,children:[a&&jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsx("h3",{className:"text-lg font-semibold",children:"\uC8FC\uC694 \uAC10\uC815"}),jsxRuntime.jsxs("div",{className:"flex items-center space-x-4",children:[jsxRuntime.jsxs("div",{className:"text-center",children:[jsxRuntime.jsx("div",{className:"text-2xl font-bold text-primary",children:a.name}),jsxRuntime.jsxs("div",{className:"text-sm text-muted-foreground",children:[a.intensity,"% \uAC15\uB3C4"]})]}),v&&jsxRuntime.jsx(g,{value:a.intensity,size:"lg",color:"blue"})]})]}),N&&o.length>0&&jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsx("h3",{className:"text-lg font-semibold",children:"\uAC10\uC815 \uBD84\uD3EC"}),jsxRuntime.jsx("div",{className:"space-y-3",children:o.map((i,V)=>jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:i.emotion}),jsxRuntime.jsxs("span",{className:"text-sm text-muted-foreground",children:[i.percentage,"%"]})]}),jsxRuntime.jsx("div",{className:"w-full bg-muted rounded-full h-2",children:jsxRuntime.jsx("div",{className:`${i.color} h-2 rounded-full transition-all duration-300`,style:{width:`${i.percentage}%`}})})]},V))})]}),C&&jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsx("h3",{className:"text-lg font-semibold",children:"\uBD84\uC11D \uC9C0\uD45C"}),jsxRuntime.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx("div",{className:"text-sm font-medium",children:"\uAC10\uC815 \uAC15\uB3C4"}),jsxRuntime.jsx("div",{className:"text-2xl font-bold text-primary",children:M(c)}),jsxRuntime.jsx("div",{className:"w-full bg-muted rounded-full h-2",children:jsxRuntime.jsx("div",{className:"bg-primary h-2 rounded-full transition-all duration-300",style:{width:`${c}%`}})})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx("div",{className:"text-sm font-medium",children:"\uAE0D\uC815\uC131"}),jsxRuntime.jsx("div",{className:"text-2xl font-bold text-green-600",children:r(d)}),jsxRuntime.jsx("div",{className:"w-full bg-muted rounded-full h-2",children:jsxRuntime.jsx("div",{className:"bg-green-500 h-2 rounded-full transition-all duration-300",style:{width:`${d}%`}})})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx("div",{className:"text-sm font-medium",children:"\uC5D0\uB108\uC9C0"}),jsxRuntime.jsx("div",{className:"text-2xl font-bold text-orange-600",children:f(u)}),jsxRuntime.jsx("div",{className:"w-full bg-muted rounded-full h-2",children:jsxRuntime.jsx("div",{className:"bg-orange-500 h-2 rounded-full transition-all duration-300",style:{width:`${u}%`}})})]})]})]}),p&&l.length>0&&jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsx("h3",{className:"text-lg font-semibold",children:"\uAC10\uC815 \uD0A4\uC6CC\uB4DC"}),jsxRuntime.jsx("div",{className:"flex flex-wrap gap-2",children:l.map(i=>jsxRuntime.jsx(E,{variant:"outline",className:"text-sm",children:i},i))})]})]})});S.displayName="EmotionAnalysis";exports.EmotionAnalysis=S;exports.EmotionButton=H;exports.EmotionMeter=g;exports.EmotionSelector=B;//# sourceMappingURL=advanced-emotion.js.map
+'use strict';var y=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),classVarianceAuthority=require('class-variance-authority');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var y__default=/*#__PURE__*/_interopDefault(y);function n(...s){return tailwindMerge.twMerge(clsx.clsx(s))}var g=y__default.default.forwardRef(({className:s,value:a,max:o=100,size:l="md",color:c="blue",...d},u)=>{let v={sm:"h-2",md:"h-3",lg:"h-4"},N={blue:"bg-indigo-500",green:"bg-green-500",yellow:"bg-yellow-500",red:"bg-red-500",purple:"bg-purple-500",orange:"bg-orange-500",indigo:"bg-indigo-500",pink:"bg-pink-500",gray:"bg-gray-500"},p=Math.min(Math.max(a/o*100,0),100);return jsxRuntime.jsx("div",{ref:u,className:n("w-full bg-muted rounded-full",v[l],s),...d,children:jsxRuntime.jsx("div",{className:n("h-full rounded-full transition-all duration-300",N[c]||N.blue),style:{width:`${p}%`}})})});g.displayName="EmotionMeter";var H=y__default.default.forwardRef(({className:s,emotion:a,isSelected:o=false,size:l="md",...c},d)=>jsxRuntime.jsx("button",{ref:d,className:n("rounded-full border-2 transition-all duration-200 hover:scale-105 focus:outline-none focus:ring-1 focus:ring-ring",{sm:"w-8 h-8 text-sm",md:"w-12 h-12 text-lg",lg:"w-16 h-16 text-xl"}[l],o?"border-indigo-500 bg-indigo-50 dark:bg-indigo-900/20":"border-border bg-background",s),...c,children:a}));H.displayName="EmotionButton";var G=[{key:"joy",label:"\uAE30\uC068",icon:"smile",color:"yellow"},{key:"sadness",label:"\uC2AC\uD514",icon:"frown",color:"blue"},{key:"anger",label:"\uD654\uB0A8",icon:"angry",color:"red"},{key:"calm",label:"\uD3C9\uC628",icon:"heart",color:"green"},{key:"excitement",label:"\uC124\uB818",icon:"star",color:"pink"},{key:"worry",label:"\uAC71\uC815",icon:"meh",color:"gray"},{key:"gratitude",label:"\uAC10\uC0AC",icon:"heart",color:"purple"},{key:"loneliness",label:"\uC678\uB85C\uC6C0",icon:"user",color:"indigo"}],B=y__default.default.forwardRef(({className:s,selectedEmotion:a,onEmotionSelect:o,layout:l="grid",showIntensity:c=false,intensity:d=50,onIntensityChange:u,emotions:v=G,size:N="md",variant:p="button",...w},T)=>{let b=r=>{o==null||o(r);},C=r=>{let f=a===r.key;return p==="button"?jsxRuntime.jsx(H,{emotion:r.key,isSelected:f,size:N,onClick:()=>b(r.key),className:n("transition-all duration-200",f&&"ring-1 ring-offset-2 ring-primary"),children:r.label},r.key):p==="card"?jsxRuntime.jsx("div",{className:n("p-4 rounded-lg border-2 cursor-pointer transition-all duration-200 hover:shadow-md",f?"border-primary bg-primary/5":"border-border hover:border-primary/50"),onClick:()=>b(r.key),children:jsxRuntime.jsxs("div",{className:"flex items-center space-x-3",children:[jsxRuntime.jsx("div",{className:n("w-8 h-8 rounded-full flex items-center justify-center",f?"bg-primary text-primary-foreground":"bg-muted"),children:r.icon&&jsxRuntime.jsxs("span",{className:"text-lg",children:[r.icon==="smile"&&"\u{1F60A}",r.icon==="frown"&&"\u{1F622}",r.icon==="angry"&&"\u{1F620}",r.icon==="heart"&&"\u2764\uFE0F",r.icon==="star"&&"\u2B50",r.icon==="meh"&&"\u{1F610}",r.icon==="user"&&"\u{1F464}"]})}),jsxRuntime.jsx("span",{className:"font-medium truncate max-w-[120px]",children:r.label})]})},r.key):p==="chip"?jsxRuntime.jsx("div",{className:n("px-3 py-1 rounded-full cursor-pointer transition-all duration-200 text-sm font-medium",f?"bg-primary text-primary-foreground":"bg-muted hover:bg-muted/80"),onClick:()=>b(r.key),children:jsxRuntime.jsx("span",{className:"truncate max-w-[100px]",children:r.label})},r.key):null},M={grid:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 md:gap-3",list:"space-y-2",compact:"flex flex-wrap gap-1"};return jsxRuntime.jsxs("div",{ref:T,className:n("space-y-4",s),...w,children:[jsxRuntime.jsx("div",{className:M[l],children:v.map(C)}),c&&a&&jsxRuntime.jsxs("div",{className:"space-y-3",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:"\uAC10\uC815 \uAC15\uB3C4"}),jsxRuntime.jsxs("span",{className:"text-sm text-muted-foreground",children:[d,"%"]})]}),jsxRuntime.jsx("input",{type:"range",min:"0",max:"100",value:d,onChange:r=>u==null?void 0:u(Number(r.target.value)),className:"w-full h-2 bg-muted rounded-lg appearance-none cursor-pointer slider"}),jsxRuntime.jsxs("div",{className:"flex justify-between text-xs text-muted-foreground",children:[jsxRuntime.jsx("span",{children:"\uC57D\uD568"}),jsxRuntime.jsx("span",{children:"\uBCF4\uD1B5"}),jsxRuntime.jsx("span",{children:"\uAC15\uD568"})]})]}),a&&c&&jsxRuntime.jsx("div",{className:"flex justify-center",children:jsxRuntime.jsx(g,{value:d,size:"md",color:"blue"})})]})});B.displayName="EmotionSelector";var Q=classVarianceAuthority.cva("rounded-lg",{variants:{variant:{default:"bg-card text-card-foreground border border-border",outline:"bg-transparent border-2 border-border",elevated:"bg-card text-card-foreground shadow-lg border border-border"},shadow:{none:"shadow-none",sm:"shadow-sm",md:"shadow-md",lg:"shadow-lg"},padding:{none:"",sm:"p-3",md:"p-4",lg:"p-6"}},defaultVariants:{variant:"default",padding:"none"}}),L=y__default.default.forwardRef(({className:s,variant:a="default",shadow:o,padding:l="none",hoverable:c,...d},u)=>jsxRuntime.jsx("div",{ref:u,className:n(Q({variant:a,shadow:o,padding:l}),"transition-[transform,box-shadow,border-color] duration-200 ease-out",c&&"hover:-translate-y-0.5 hover:shadow-lg hover:border-primary/30 cursor-pointer active:translate-y-0 active:shadow-md",s),...d}));L.displayName="Card";var R=y__default.default.forwardRef(({className:s,...a},o)=>jsxRuntime.jsx("div",{ref:o,className:n("flex flex-col space-y-1 p-3",s),...a}));R.displayName="CardHeader";var k=y__default.default.forwardRef(({className:s,...a},o)=>jsxRuntime.jsx("h3",{ref:o,className:n("text-base md:text-lg font-semibold leading-tight tracking-tight",s),...a}));k.displayName="CardTitle";var P=y__default.default.forwardRef(({className:s,...a},o)=>jsxRuntime.jsx("p",{ref:o,className:n("text-sm text-muted-foreground",s),...a}));P.displayName="CardDescription";var D=y__default.default.forwardRef(({className:s,...a},o)=>jsxRuntime.jsx("div",{ref:o,className:n("px-3 pb-3",s),...a}));D.displayName="CardContent";var U=y__default.default.forwardRef(({className:s,...a},o)=>jsxRuntime.jsx("div",{ref:o,className:n("flex items-center px-3 pb-3",s),...a}));U.displayName="CardFooter";var X=classVarianceAuthority.cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors duration-200 ease-in-out focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2",{variants:{variant:{default:"bg-[var(--badge-default-bg)] text-[var(--badge-default-text)] hover:opacity-80",secondary:"bg-[var(--badge-secondary-bg)] text-[var(--badge-secondary-text)] hover:opacity-80",destructive:"bg-[var(--badge-destructive-bg)] text-slate-50 hover:opacity-80",error:"bg-[var(--badge-destructive-bg)] text-slate-50 hover:opacity-80",outline:"bg-transparent text-[var(--badge-outline-text)] border border-[var(--badge-outline-border)] hover:bg-[var(--badge-outline-hover-bg)]",glass:"bg-[var(--badge-glass-bg)] backdrop-blur-sm border border-[var(--badge-glass-border)] text-[var(--badge-glass-text)] hover:opacity-80"}},defaultVariants:{variant:"default"}}),E=y__default.default.memo(y__default.default.forwardRef(({className:s,variant:a="default",...o},l)=>jsxRuntime.jsx("div",{ref:l,className:n(X({variant:a}),s),...o})));E.displayName="Badge";var S=y__default.default.forwardRef(({className:s,primaryEmotion:a,emotionDistribution:o=[],keywords:l=[],intensity:c=50,positivity:d=70,energy:u=60,showMeter:v=true,showDistribution:N=true,showKeywords:p=true,showMetrics:w=true,layout:T="detailed",...b},C)=>{let M=i=>i<30?"\uC57D\uD568":i<70?"\uBCF4\uD1B5":"\uAC15\uD568",r=i=>i<30?"\uBD80\uC815\uC801":i<70?"\uC911\uB9BD\uC801":"\uAE0D\uC815\uC801",f=i=>i<30?"\uB0AE\uC74C":i<70?"\uBCF4\uD1B5":"\uB192\uC74C";return T==="compact"?jsxRuntime.jsxs("div",{ref:C,className:n("space-y-3",s),...b,children:[a&&jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:"\uC8FC\uC694 \uAC10\uC815:"}),jsxRuntime.jsxs("div",{className:"flex items-center space-x-2",children:[jsxRuntime.jsxs("span",{className:"text-sm text-muted-foreground",children:[a.name," (",a.intensity,"%)"]}),v&&jsxRuntime.jsx(g,{value:a.intensity,size:"sm",color:"blue"})]})]}),w&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:"\uAC10\uC815 \uAC15\uB3C4:"}),jsxRuntime.jsx("span",{className:"text-sm text-muted-foreground",children:M(c)})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:"\uAE0D\uC815\uC131:"}),jsxRuntime.jsx("span",{className:"text-sm text-muted-foreground",children:r(d)})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:"\uC5D0\uB108\uC9C0:"}),jsxRuntime.jsx("span",{className:"text-sm text-muted-foreground",children:f(u)})]})]}),p&&l.length>0&&jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:"\uD0A4\uC6CC\uB4DC:"}),jsxRuntime.jsx("div",{className:"flex flex-wrap gap-1 mt-1",children:l.map(i=>jsxRuntime.jsx(E,{variant:"secondary",className:"text-xs",children:i},i))})]})]}):T==="card"?jsxRuntime.jsxs(L,{ref:C,className:n("",s),...b,children:[jsxRuntime.jsxs(R,{children:[jsxRuntime.jsxs(k,{className:"flex items-center",children:[jsxRuntime.jsx("span",{className:"text-2xl mr-2",children:"\u2728"}),"AI \uBD84\uC11D"]}),jsxRuntime.jsx(P,{children:"\uAC10\uC815 \uBD84\uC11D \uACB0\uACFC"})]}),jsxRuntime.jsxs(D,{className:"space-y-4",children:[a&&jsxRuntime.jsxs("div",{className:"space-y-3",children:[jsxRuntime.jsxs("div",{className:"text-sm",children:[jsxRuntime.jsx("span",{className:"font-medium",children:"\uC8FC\uC694 \uAC10\uC815:"}),jsxRuntime.jsxs("span",{className:"ml-2 text-muted-foreground",children:[a.name," (",a.intensity,"%)"]})]}),v&&jsxRuntime.jsx("div",{className:"flex justify-center",children:jsxRuntime.jsx(g,{value:a.intensity,size:"md",color:"blue"})})]}),w&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"text-sm",children:[jsxRuntime.jsx("span",{className:"font-medium",children:"\uAC10\uC815 \uAC15\uB3C4:"}),jsxRuntime.jsx("span",{className:"ml-2 text-muted-foreground",children:M(c)})]}),jsxRuntime.jsxs("div",{className:"text-sm",children:[jsxRuntime.jsx("span",{className:"font-medium",children:"\uAE0D\uC815\uC131:"}),jsxRuntime.jsx("span",{className:"ml-2 text-muted-foreground",children:r(d)})]}),jsxRuntime.jsxs("div",{className:"text-sm",children:[jsxRuntime.jsx("span",{className:"font-medium",children:"\uC5D0\uB108\uC9C0:"}),jsxRuntime.jsx("span",{className:"ml-2 text-muted-foreground",children:f(u)})]})]}),p&&l.length>0&&jsxRuntime.jsxs("div",{className:"text-sm",children:[jsxRuntime.jsx("span",{className:"font-medium",children:"\uD0A4\uC6CC\uB4DC:"}),jsxRuntime.jsx("div",{className:"flex flex-wrap gap-1 mt-1",children:l.map(i=>jsxRuntime.jsx(E,{variant:"secondary",className:"text-xs",children:i},i))})]})]})]}):jsxRuntime.jsxs("div",{ref:C,className:n("space-y-6",s),...b,children:[a&&jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsx("h3",{className:"text-lg font-semibold",children:"\uC8FC\uC694 \uAC10\uC815"}),jsxRuntime.jsxs("div",{className:"flex items-center space-x-4",children:[jsxRuntime.jsxs("div",{className:"text-center",children:[jsxRuntime.jsx("div",{className:"text-2xl font-bold text-primary",children:a.name}),jsxRuntime.jsxs("div",{className:"text-sm text-muted-foreground",children:[a.intensity,"% \uAC15\uB3C4"]})]}),v&&jsxRuntime.jsx(g,{value:a.intensity,size:"lg",color:"blue"})]})]}),N&&o.length>0&&jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsx("h3",{className:"text-lg font-semibold",children:"\uAC10\uC815 \uBD84\uD3EC"}),jsxRuntime.jsx("div",{className:"space-y-3",children:o.map((i,V)=>jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"text-sm font-medium",children:i.emotion}),jsxRuntime.jsxs("span",{className:"text-sm text-muted-foreground",children:[i.percentage,"%"]})]}),jsxRuntime.jsx("div",{className:"w-full bg-muted rounded-full h-2",children:jsxRuntime.jsx("div",{className:`${i.color} h-2 rounded-full transition-all duration-300`,style:{width:`${i.percentage}%`}})})]},V))})]}),w&&jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsx("h3",{className:"text-lg font-semibold",children:"\uBD84\uC11D \uC9C0\uD45C"}),jsxRuntime.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx("div",{className:"text-sm font-medium",children:"\uAC10\uC815 \uAC15\uB3C4"}),jsxRuntime.jsx("div",{className:"text-2xl font-bold text-primary",children:M(c)}),jsxRuntime.jsx("div",{className:"w-full bg-muted rounded-full h-2",children:jsxRuntime.jsx("div",{className:"bg-primary h-2 rounded-full transition-all duration-300",style:{width:`${c}%`}})})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx("div",{className:"text-sm font-medium",children:"\uAE0D\uC815\uC131"}),jsxRuntime.jsx("div",{className:"text-2xl font-bold text-green-600",children:r(d)}),jsxRuntime.jsx("div",{className:"w-full bg-muted rounded-full h-2",children:jsxRuntime.jsx("div",{className:"bg-green-500 h-2 rounded-full transition-all duration-300",style:{width:`${d}%`}})})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx("div",{className:"text-sm font-medium",children:"\uC5D0\uB108\uC9C0"}),jsxRuntime.jsx("div",{className:"text-2xl font-bold text-orange-600",children:f(u)}),jsxRuntime.jsx("div",{className:"w-full bg-muted rounded-full h-2",children:jsxRuntime.jsx("div",{className:"bg-orange-500 h-2 rounded-full transition-all duration-300",style:{width:`${u}%`}})})]})]})]}),p&&l.length>0&&jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsx("h3",{className:"text-lg font-semibold",children:"\uAC10\uC815 \uD0A4\uC6CC\uB4DC"}),jsxRuntime.jsx("div",{className:"flex flex-wrap gap-2",children:l.map(i=>jsxRuntime.jsx(E,{variant:"outline",className:"text-sm",children:i},i))})]})]})});S.displayName="EmotionAnalysis";exports.EmotionAnalysis=S;exports.EmotionButton=H;exports.EmotionMeter=g;exports.EmotionSelector=B;//# sourceMappingURL=advanced-emotion.js.map
 //# sourceMappingURL=advanced-emotion.js.map