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

package/dist/lib/icons.d.ts

@@ -1,33 +1,107 @@
-import { LucideIcon } from 'lucide-react';
-export declare const icons: Record<string, LucideIcon>;
-export type IconName = keyof typeof icons;
-export declare const iconCategories: {
-    readonly navigation: readonly ["home", "menu", "close", "search", "settings", "user", "bell", "map", "mapPin", "navigation", "compass", "globe", "flag", "sidebar"];
-    readonly actions: readonly ["edit", "delete", "add", "remove", "check", "share", "download", "upload", "save", "undo", "redo", "copy", "scissors", "mousePointer", "toggleLeft"];
-    readonly communication: readonly ["message", "phone", "mail", "send", "reply", "forward", "messageSquare", "phoneCall", "mailOpen"];
-    readonly media: readonly ["play", "pause", "skipBack", "skipForward", "volume", "mute", "music", "video", "image", "camera", "mic", "headphones"];
-    readonly emotions: readonly ["smile", "frown", "meh", "laugh", "angry"];
-    readonly feedback: readonly ["thumbsUp", "thumbsDown", "success", "error", "warning", "info", "heart", "star", "bookmark"];
-    readonly data: readonly ["chart", "pieChart", "trendingUp", "trendingDown", "activity", "database", "barChart", "lineChart"];
-    readonly status: readonly ["loader", "refresh", "lock", "unlock", "eye", "eyeOff", "shield", "battery", "wifi"];
-    readonly weather: readonly ["sun", "moon", "cloud", "rain", "cloudSnow", "cloudLightning", "wind", "thermometer"];
-    readonly finance: readonly ["creditCard", "dollarSign", "euro", "poundSterling", "bitcoin", "shoppingCart", "wallet", "calculator"];
-    readonly business: readonly ["briefcase", "building", "users", "userPlus", "userCheck", "userCog"];
-    readonly files: readonly ["fileText", "fileImage", "fileVideo", "folder", "fileCheck", "bookOpen"];
-    readonly social: readonly ["facebook", "twitter", "instagram", "linkedin", "youtube", "github", "slack"];
-    readonly mobile: readonly ["smartphone", "tablet", "monitor", "laptop", "bluetooth", "signal", "fullscreen"];
-    readonly editing: readonly ["type", "bold", "italic", "underline", "alignLeft", "alignCenter", "list", "listOrdered", "palette", "layers", "square"];
-    readonly time: readonly ["clock", "timer", "calendar", "calendarDays", "calendarCheck", "calendarClock"];
+/**
+ * Core Icons
+ *
+ * 핵심 아이콘만 포함하여 번들 크기를 최적화합니다.
+ * 나머지 아이콘은 동적 fallback으로 처리됩니다.
+ *
+ * 포함 기준:
+ * 1. sum-diary에서 실제 사용 중인 아이콘
+ * 2. UI 컴포넌트에서 자주 사용되는 아이콘
+ * 3. 각 카테고리의 대표 아이콘
+ *
+ * 새로운 아이콘이 필요하면 동적 fallback이 자동으로 처리합니다.
+ */
+export declare const icons: {
+    readonly home: import("lucide-react").LucideIcon;
+    readonly arrowLeft: import("lucide-react").LucideIcon;
+    readonly arrowRight: import("lucide-react").LucideIcon;
+    readonly arrowUp: import("lucide-react").LucideIcon;
+    readonly arrowDown: import("lucide-react").LucideIcon;
+    readonly menu: import("lucide-react").LucideIcon;
+    readonly close: import("lucide-react").LucideIcon;
+    readonly search: import("lucide-react").LucideIcon;
+    readonly settings: import("lucide-react").LucideIcon;
+    readonly externalLink: import("lucide-react").LucideIcon;
+    readonly chevronLeft: import("lucide-react").LucideIcon;
+    readonly chevronRight: import("lucide-react").LucideIcon;
+    readonly chevronDown: import("lucide-react").LucideIcon;
+    readonly chevronUp: import("lucide-react").LucideIcon;
+    readonly edit: import("lucide-react").LucideIcon;
+    readonly delete: import("lucide-react").LucideIcon;
+    readonly add: import("lucide-react").LucideIcon;
+    readonly remove: import("lucide-react").LucideIcon;
+    readonly download: import("lucide-react").LucideIcon;
+    readonly upload: import("lucide-react").LucideIcon;
+    readonly refresh: import("lucide-react").LucideIcon;
+    readonly save: import("lucide-react").LucideIcon;
+    readonly copy: import("lucide-react").LucideIcon;
+    readonly loader: import("lucide-react").LucideIcon;
+    readonly success: import("lucide-react").LucideIcon;
+    readonly error: import("lucide-react").LucideIcon;
+    readonly alertCircle: import("lucide-react").LucideIcon;
+    readonly warning: import("lucide-react").LucideIcon;
+    readonly info: import("lucide-react").LucideIcon;
+    readonly check: import("lucide-react").LucideIcon;
+    readonly circle: import("lucide-react").LucideIcon;
+    readonly helpCircle: import("lucide-react").LucideIcon;
+    readonly user: import("lucide-react").LucideIcon;
+    readonly users: import("lucide-react").LucideIcon;
+    readonly userPlus: import("lucide-react").LucideIcon;
+    readonly logIn: import("lucide-react").LucideIcon;
+    readonly logOut: import("lucide-react").LucideIcon;
+    readonly eye: import("lucide-react").LucideIcon;
+    readonly eyeOff: import("lucide-react").LucideIcon;
+    readonly chart: import("lucide-react").LucideIcon;
+    readonly barChart: import("lucide-react").LucideIcon;
+    readonly trendingUp: import("lucide-react").LucideIcon;
+    readonly activity: import("lucide-react").LucideIcon;
+    readonly database: import("lucide-react").LucideIcon;
+    readonly zap: import("lucide-react").LucideIcon;
+    readonly fileText: import("lucide-react").LucideIcon;
+    readonly file: import("lucide-react").LucideIcon;
+    readonly folder: import("lucide-react").LucideIcon;
+    readonly book: import("lucide-react").LucideIcon;
+    readonly bookOpen: import("lucide-react").LucideIcon;
+    readonly mail: import("lucide-react").LucideIcon;
+    readonly message: import("lucide-react").LucideIcon;
+    readonly phone: import("lucide-react").LucideIcon;
+    readonly image: import("lucide-react").LucideIcon;
+    readonly video: import("lucide-react").LucideIcon;
+    readonly camera: import("lucide-react").LucideIcon;
+    readonly smile: import("lucide-react").LucideIcon;
+    readonly frown: import("lucide-react").LucideIcon;
+    readonly meh: import("lucide-react").LucideIcon;
+    readonly lock: import("lucide-react").LucideIcon;
+    readonly unlock: import("lucide-react").LucideIcon;
+    readonly shield: import("lucide-react").LucideIcon;
+    readonly wallet: import("lucide-react").LucideIcon;
+    readonly key: import("lucide-react").LucideIcon;
+    readonly clock: import("lucide-react").LucideIcon;
+    readonly calendar: import("lucide-react").LucideIcon;
+    readonly calendarPlus: import("lucide-react").LucideIcon;
+    readonly bell: import("lucide-react").LucideIcon;
+    readonly heart: import("lucide-react").LucideIcon;
+    readonly star: import("lucide-react").LucideIcon;
+    readonly bookmark: import("lucide-react").LucideIcon;
+    readonly share: import("lucide-react").LucideIcon;
+    readonly monitor: import("lucide-react").LucideIcon;
+    readonly sun: import("lucide-react").LucideIcon;
+    readonly moon: import("lucide-react").LucideIcon;
+    readonly lightbulb: import("lucide-react").LucideIcon;
+    readonly brain: import("lucide-react").LucideIcon;
+    readonly flag: import("lucide-react").LucideIcon;
+    readonly square: import("lucide-react").LucideIcon;
 };
+export type IconName = keyof typeof icons;
 export declare const emotionIcons: {
     readonly happy: "smile";
     readonly sad: "frown";
     readonly neutral: "meh";
-    readonly excited: "laugh";
-    readonly angry: "angry";
+    readonly excited: "smile";
+    readonly angry: "frown";
     readonly love: "heart";
-    readonly like: "thumbsUp";
-    readonly dislike: "thumbsDown";
+    readonly like: "heart";
+    readonly dislike: "frown";
 };
 export declare const statusIcons: {
     readonly loading: "loader";
@@ -40,4 +114,19 @@ export declare const statusIcons: {
     readonly visible: "eye";
     readonly hidden: "eyeOff";
 };
+export declare const iconCategories: {
+    readonly navigation: readonly ["home", "arrowLeft", "arrowRight", "arrowUp", "arrowDown", "menu", "close", "search", "settings", "externalLink", "chevronLeft", "chevronRight", "chevronDown", "chevronUp"];
+    readonly actions: readonly ["edit", "delete", "add", "remove", "download", "upload", "refresh", "save", "copy"];
+    readonly status: readonly ["loader", "success", "error", "alertCircle", "warning", "info", "check", "circle"];
+    readonly user: readonly ["user", "users", "userPlus", "logIn", "logOut", "eye", "eyeOff"];
+    readonly data: readonly ["chart", "barChart", "trendingUp", "activity", "database", "zap"];
+    readonly files: readonly ["fileText", "file", "folder", "book"];
+    readonly communication: readonly ["mail", "message", "phone"];
+    readonly media: readonly ["image", "video", "camera"];
+    readonly emotions: readonly ["smile", "frown", "meh"];
+    readonly security: readonly ["lock", "unlock", "shield"];
+    readonly time: readonly ["clock", "calendar"];
+    readonly ui: readonly ["bell", "heart", "star", "bookmark", "share"];
+    readonly theme: readonly ["monitor", "sun", "moon"];
+};
 //# sourceMappingURL=icons.d.ts.map

package/dist/lib/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/lib/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EA6RL,UAAU,EAYX,MAAM,cAAc,CAAA;AAGrB,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAwQ5C,CAAA;AAGD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAA;AAGzC,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;CAiBjB,CAAA;AAGV,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAA;AAGV,eAAO,MAAM,WAAW;;;;;;;;;;CAUd,CAAA"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/lib/icons.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AA8GH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2GR,CAAA;AAGV,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAA;AAGzC,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAA;AAGV,eAAO,MAAM,WAAW;;;;;;;;;;CAUd,CAAA;AAGV,eAAO,MAAM,cAAc;;;;;;;;;;;;;;CAcjB,CAAA"}

package/dist/lib/phosphor-icons.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Phosphor Icons - Optimized imports
+ * Only imports icons that are actually used in the project
+ */
+export declare function getPhosphorIcon(iconName: string): Promise<any>;
+//# sourceMappingURL=phosphor-icons.d.ts.map

package/dist/lib/phosphor-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phosphor-icons.d.ts","sourceRoot":"","sources":["../../src/lib/phosphor-icons.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,wBAAsB,eAAe,CAAC,QAAQ,EAAE,MAAM,gBAiDrD"}

package/dist/lib/styles/colors.d.ts

@@ -0,0 +1,131 @@
+/**
+ * HUA UI 공통 색상 시스템
+ * 중앙화된 색상 팔레트와 스타일 생성 유틸리티
+ */
+import type { Color } from "../types/common";
+/**
+ * Tailwind CSS 색상 클래스 매핑
+ * 각 색상의 50-900 단계를 정의합니다.
+ */
+declare const colorShades: {
+    readonly 50: "50";
+    readonly 100: "100";
+    readonly 200: "200";
+    readonly 300: "300";
+    readonly 400: "400";
+    readonly 500: "500";
+    readonly 600: "600";
+    readonly 700: "700";
+    readonly 800: "800";
+    readonly 900: "900";
+};
+type ColorShade = keyof typeof colorShades;
+/**
+ * 색상 스타일 설정 인터페이스
+ */
+export interface ColorStyleConfig {
+    /** 기본 variant 스타일 */
+    default?: {
+        border?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+        background?: {
+            light: ColorShade;
+            dark?: ColorShade;
+            opacity?: string;
+        };
+    };
+    /** 그라데이션 variant 스타일 */
+    gradient?: {
+        from?: ColorShade;
+        to?: ColorShade;
+        border?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+    };
+    /** 아웃라인 variant 스타일 */
+    outline?: {
+        border?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+        background?: string;
+        text?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+    };
+    /** Elevated variant 스타일 */
+    elevated?: {
+        border?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+        background?: {
+            light: string;
+            dark: string;
+        };
+        shadow?: string;
+    };
+    /** 아이콘 스타일 */
+    icon?: {
+        background?: {
+            light: ColorShade;
+            dark?: ColorShade;
+            opacity?: string;
+        };
+        text?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+    };
+    /** 배지 스타일 */
+    badge?: {
+        background?: {
+            light: ColorShade;
+            dark?: ColorShade;
+            opacity?: string;
+        };
+        text?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+    };
+}
+/**
+ * 생성된 색상 스타일 인터페이스
+ */
+export interface ColorStyles {
+    default: string;
+    gradient: string;
+    outline: string;
+    elevated: string;
+    icon: string;
+    badge: string;
+}
+/**
+ * 색상 스타일 생성 함수
+ *
+ * @param color - 색상 이름
+ * @param config - 커스텀 스타일 설정 (선택사항)
+ * @returns 생성된 색상 스타일 객체
+ *
+ * @example
+ * ```tsx
+ * const styles = createColorStyles("blue");
+ * // styles.default, styles.gradient, styles.outline 등 사용 가능
+ * ```
+ */
+export declare function createColorStyles(color: Color, config?: Partial<ColorStyleConfig>): ColorStyles;
+/**
+ * 메모이제이션된 색상 스타일 생성 함수
+ *
+ * @param color - 색상 이름
+ * @param config - 커스텀 스타일 설정 (선택사항)
+ * @returns 생성된 색상 스타일 객체
+ */
+export declare function useColorStyles(color: Color, config?: Partial<ColorStyleConfig>): ColorStyles;
+export {};
+//# sourceMappingURL=colors.d.ts.map

package/dist/lib/styles/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/colors.ts"],"names":[],"mappings":"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"}

package/dist/lib/styles/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 스타일 시스템 re-export
+ * 모든 스타일 유틸리티를 한 곳에서 import할 수 있도록 합니다.
+ */
+export { createColorStyles, useColorStyles, type ColorStyleConfig, type ColorStyles, } from "./colors";
+export { createVariantStyles, createSizeStyles, createRoundedStyles, createShadowStyles, createHoverStyles, type SizeStyles, type Rounded, type Shadow, type HoverEffect, } from "./variants";
+export { withDarkMode, createGradient, withOpacity, isTextWhite, isGradientVariant, responsive, conditionalClass, } from "./utils";
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,KAAK,gBAAgB,EACrB,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC;AAGlB,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,MAAM,EACX,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,gBAAgB,GACjB,MAAM,SAAS,CAAC"}

package/dist/lib/styles/utils.d.ts

@@ -0,0 +1,87 @@
+/**
+ * HUA UI 스타일 유틸리티 함수
+ * 다크 모드, 그라데이션 등 공통 스타일 유틸리티
+ */
+/**
+ * 다크 모드 지원 클래스 생성
+ *
+ * @param lightClass - 라이트 모드 클래스
+ * @param darkClass - 다크 모드 클래스
+ * @returns 다크 모드 지원 클래스 문자열
+ *
+ * @example
+ * ```tsx
+ * withDarkMode("bg-white", "bg-gray-900")
+ * // "bg-white dark:bg-gray-900"
+ * ```
+ */
+export declare function withDarkMode(lightClass: string, darkClass: string): string;
+/**
+ * 그라데이션 클래스 생성
+ *
+ * @param from - 시작 색상
+ * @param to - 끝 색상
+ * @param direction - 그라데이션 방향 (기본값: "to-r")
+ * @returns 그라데이션 클래스 문자열
+ *
+ * @example
+ * ```tsx
+ * createGradient("blue-500", "purple-600")
+ * // "bg-gradient-to-r from-blue-500 to-purple-600"
+ * ```
+ */
+export declare function createGradient(from: string, to: string, direction?: "to-r" | "to-l" | "to-b" | "to-t" | "to-br" | "to-bl" | "to-tr" | "to-tl"): string;
+/**
+ * 불투명도가 포함된 색상 클래스 생성
+ *
+ * @param color - 색상 클래스 (예: "blue-500")
+ * @param opacity - 불투명도 (0-100)
+ * @returns 불투명도가 포함된 색상 클래스
+ *
+ * @example
+ * ```tsx
+ * withOpacity("blue-500", 50)
+ * // "blue-500/50"
+ * ```
+ */
+export declare function withOpacity(color: string, opacity: number): string;
+/**
+ * 텍스트 색상이 그라데이션 variant일 때 흰색으로 변경하는지 확인
+ *
+ * @param variant - Variant 타입
+ * @returns 텍스트가 흰색이어야 하는지 여부
+ */
+export declare function isTextWhite(variant: string): boolean;
+/**
+ * 그라데이션 variant인지 확인
+ *
+ * @param variant - Variant 타입
+ * @returns 그라데이션 variant인지 여부
+ */
+export declare function isGradientVariant(variant: string): boolean;
+/**
+ * 반응형 클래스 생성 헬퍼
+ *
+ * @param base - 기본 클래스
+ * @param sm - 작은 화면 클래스
+ * @param md - 중간 화면 클래스
+ * @param lg - 큰 화면 클래스
+ * @param xl - 매우 큰 화면 클래스
+ * @returns 반응형 클래스 문자열
+ *
+ * @example
+ * ```tsx
+ * responsive("text-sm", "md:text-base", "lg:text-lg")
+ * ```
+ */
+export declare function responsive(base: string, sm?: string, md?: string, lg?: string, xl?: string): string;
+/**
+ * 조건부 클래스 적용
+ *
+ * @param condition - 조건
+ * @param trueClass - 조건이 true일 때 적용할 클래스
+ * @param falseClass - 조건이 false일 때 적용할 클래스 (선택사항)
+ * @returns 조건에 따라 선택된 클래스
+ */
+export declare function conditionalClass(condition: boolean, trueClass: string, falseClass?: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/styles/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAE1E;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,SAAS,GAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAgB,GAC5F,MAAM,CAER;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAElE;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAEpD;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAE1D;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,MAAM,EACZ,EAAE,CAAC,EAAE,MAAM,EACX,EAAE,CAAC,EAAE,MAAM,EACX,EAAE,CAAC,EAAE,MAAM,EACX,EAAE,CAAC,EAAE,MAAM,GACV,MAAM,CAQR;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,MAAM,EACjB,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CAER"}

package/dist/lib/styles/variants.d.ts

@@ -0,0 +1,79 @@
+/**
+ * HUA UI 공통 Variant 시스템
+ * 컴포넌트 variant 스타일 생성 유틸리티
+ */
+import type { ExtendedVariant, Size } from "../types/common";
+import type { ColorStyles } from "./colors";
+/**
+ * Variant 스타일 생성 함수
+ *
+ * @param variant - Variant 타입
+ * @param colorStyles - 색상 스타일 객체
+ * @returns 생성된 variant 클래스 문자열
+ *
+ * @example
+ * ```tsx
+ * const colorStyles = useColorStyles("blue");
+ * const variantClass = createVariantStyles("elevated", colorStyles);
+ * ```
+ */
+export declare function createVariantStyles(variant: ExtendedVariant, colorStyles: ColorStyles): string;
+/**
+ * Size 스타일 설정 인터페이스
+ */
+export interface SizeStyles {
+    container: string;
+    icon: string;
+    iconContainer: string;
+    text: string;
+    title: string;
+    description: string;
+}
+/**
+ * Size 스타일 생성 함수
+ *
+ * @param size - 크기 타입
+ * @returns 생성된 size 스타일 객체
+ *
+ * @example
+ * ```tsx
+ * const sizeStyles = createSizeStyles("md");
+ * // sizeStyles.container, sizeStyles.icon 등 사용 가능
+ * ```
+ */
+export declare function createSizeStyles(size?: Size): SizeStyles;
+/**
+ * Rounded 스타일 타입
+ */
+export type Rounded = "sm" | "md" | "lg" | "xl" | "full" | "none";
+/**
+ * Rounded 스타일 생성 함수
+ *
+ * @param rounded - Rounded 타입
+ * @returns 생성된 rounded 클래스 문자열
+ */
+export declare function createRoundedStyles(rounded?: Rounded): string;
+/**
+ * Shadow 스타일 타입
+ */
+export type Shadow = "none" | "sm" | "md" | "lg" | "xl" | "2xl";
+/**
+ * Shadow 스타일 생성 함수
+ *
+ * @param shadow - Shadow 타입
+ * @returns 생성된 shadow 클래스 문자열
+ */
+export declare function createShadowStyles(shadow?: Shadow): string;
+/**
+ * Hover 효과 타입
+ */
+export type HoverEffect = "scale" | "glow" | "slide" | "none";
+/**
+ * Hover 효과 스타일 생성 함수
+ *
+ * @param hover - Hover 효과 타입
+ * @param reducedMotion - 애니메이션 축소 설정 여부
+ * @returns 생성된 hover 클래스 문자열
+ */
+export declare function createHoverStyles(hover?: HoverEffect, reducedMotion?: boolean): string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/lib/styles/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/variants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,GACvB,MAAM,CAmBR;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,GAAE,IAAW,GAAG,UAAU,CAqC9D;AAED;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAElE;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,OAAc,GAAG,MAAM,CAWnE;AAED;;GAEG;AACH,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEhE;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,GAAE,MAAa,GAAG,MAAM,CAIhE;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9D;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,GAAE,WAAqB,EAC5B,aAAa,GAAE,OAAe,GAC7B,MAAM,CAWR"}

package/dist/lib/types/common.d.ts

@@ -0,0 +1,80 @@
+/**
+ * HUA UI 공통 타입 정의
+ * 모든 컴포넌트에서 사용하는 표준 타입들을 정의합니다.
+ */
+import type { ReactNode, HTMLAttributes } from "react";
+/**
+ * 공통 색상 타입
+ * 모든 컴포넌트에서 사용하는 표준 색상 팔레트
+ */
+export type Color = "blue" | "purple" | "green" | "orange" | "red" | "indigo" | "pink" | "gray";
+/**
+ * 공통 크기 타입
+ */
+export type Size = "sm" | "md" | "lg" | "xl";
+/**
+ * 기본 Variant 타입
+ * 대부분의 컴포넌트에서 사용하는 기본 variant
+ */
+export type BaseVariant = "default" | "outline" | "elevated";
+/**
+ * 확장 Variant 타입
+ * 그라데이션을 포함한 확장 variant
+ */
+export type ExtendedVariant = BaseVariant | "gradient";
+/**
+ * 카드 컴포넌트용 Variant
+ */
+export type CardVariant = ExtendedVariant;
+/**
+ * 버튼 컴포넌트용 Variant
+ */
+export type ButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "gradient" | "neon" | "glass";
+/**
+ * 배지 컴포넌트용 Variant
+ */
+export type BadgeVariant = "default" | "secondary" | "destructive" | "outline" | "glass";
+/**
+ * 공통 Props 인터페이스
+ */
+export interface BaseComponentProps extends HTMLAttributes<HTMLElement> {
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * 색상 Props 인터페이스
+ */
+export interface ColorProps {
+    color?: Color;
+}
+/**
+ * 크기 Props 인터페이스
+ */
+export interface SizeProps {
+    size?: Size;
+}
+/**
+ * Variant Props 인터페이스
+ * @template T - Variant 타입 (기본값: BaseVariant)
+ */
+export interface VariantProps<T extends string = BaseVariant> {
+    variant?: T;
+}
+/**
+ * 색상과 Variant를 모두 포함하는 Props
+ */
+export interface ColorVariantProps<T extends string = BaseVariant> extends ColorProps, VariantProps<T> {
+}
+/**
+ * 로딩 상태 Props
+ */
+export interface LoadingProps {
+    loading?: boolean;
+}
+/**
+ * 아이콘 Props
+ */
+export interface IconProps {
+    icon?: ReactNode;
+}
+//# sourceMappingURL=common.d.ts.map

package/dist/lib/types/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/lib/types/common.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,KAAK,GACb,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,MAAM,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,UAAU,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,GACN,UAAU,GACV,MAAM,GACN,OAAO,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,GACT,OAAO,CAAC;AAEZ;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW;IAC1D,OAAO,CAAC,EAAE,CAAC,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAC/D,SAAQ,UAAU,EACV,YAAY,CAAC,CAAC,CAAC;CAAG;AAE5B;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB"}

package/dist/lib/types/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 공통 타입 re-export
+ * 모든 타입을 한 곳에서 import할 수 있도록 합니다.
+ */
+export type { Color, Size, BaseVariant, ExtendedVariant, CardVariant, ButtonVariant, BadgeVariant, BaseComponentProps, ColorProps, SizeProps, VariantProps, ColorVariantProps, LoadingProps, IconProps, } from "./common";
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/types/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,YAAY,EACV,KAAK,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,WAAW,EACX,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,UAAU,EACV,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,GACV,MAAM,UAAU,CAAC"}