@hua-labs/ui 2.0.1 → 2.0.2

package/README.md

@@ -1,42 +1,31 @@
 # @hua-labs/ui
 
-Modern React UI component library — accessible, themeable, production-ready.
-모던 React 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.
 
 [![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/dw/@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)
 [![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
 
-- **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)
+- **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)**
 
-## Installation | 설치
+## Installation
 
 ```bash
 pnpm add @hua-labs/ui
 ```
 
-Peer dependencies: `react >= 19.0.0`, `react-dom >= 19.0.0`
+> 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
 
-Optional peers: `@dnd-kit/core`, `@dnd-kit/sortable`, `@dnd-kit/utilities` (for drag-and-drop)
-
-## Quick Start | 빠른 시작
+## Quick Start
 
 ```tsx
 import { Button, Card, CardHeader, CardTitle, CardContent } from '@hua-labs/ui';
@@ -55,53 +44,179 @@ function App() {
     </Card>
   );
 }
-```
-
-## 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-ux`](https://www.npmjs.com/package/@hua-labs/hua-ux) — UX 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
+## 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)
 
 ## License
 
-MIT — [HUA Labs](https://github.com/HUA-Labs/HUA-Labs-public)
+MIT — [HUA Labs](https://hua-labs.com)

package/dist/{Switch-O4TpMKfQ.d.mts → Switch-Dzm5TLR3.d.mts}

@@ -147,4 +147,4 @@ interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
  */
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
 
-export { Input as I, Label as L, NumberInput as N, Switch as S, type LabelProps as a, type InputProps as b, type NumberInputProps as c, type SwitchProps as d };
+export { Input as I, Label as L, NumberInput as N, Switch as S, type InputProps as a, type LabelProps as b, type NumberInputProps as c, type SwitchProps as d };

package/dist/advanced/dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../src/advanced/dashboard.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAC;AACxC,mBAAmB,yBAAyB,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../src/advanced/dashboard.ts"],"names":[],"mappings":"AAIA,cAAc,yBAAyB,CAAC;AACxC,mBAAmB,yBAAyB,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC"}