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

package/dist/components/Form.d.ts

@@ -0,0 +1,114 @@
+import React from "react";
+/**
+ * Form 컴포넌트의 props / Form component props
+ * @typedef {Object} FormProps
+ * @property {(e: React.FormEvent<HTMLFormElement>) => void} [onSubmit] - 폼 제출 핸들러 / Form submit handler
+ * @property {"default" | "glass"} [variant="default"] - Form 스타일 변형 / Form style variant
+ * @extends {React.FormHTMLAttributes<HTMLFormElement>}
+ */
+export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
+    onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
+    variant?: "default" | "glass";
+}
+/**
+ * FormField 컴포넌트의 props / FormField component props
+ * @typedef {Object} FormFieldProps
+ * @property {string} [error] - 에러 메시지 / Error message
+ * @property {boolean} [required=false] - 필수 필드 여부 / Required field
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+export interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    error?: string;
+    required?: boolean;
+}
+/**
+ * FormGroup 컴포넌트의 props / FormGroup component props
+ * @typedef {Object} FormGroupProps
+ * @property {boolean} [inline=false] - 인라인 레이아웃 여부 / Inline layout
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+export interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    inline?: boolean;
+}
+/**
+ * Form 컴포넌트 / Form component
+ *
+ * 폼 컨테이너 컴포넌트입니다.
+ * FormField, FormGroup과 함께 사용하여 구조화된 폼을 구성합니다.
+ *
+ * Form container component.
+ * Used with FormField and FormGroup to create structured forms.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Form onSubmit={(e) => { e.preventDefault(); console.log('제출') }}>
+ *   <FormField>
+ *     <Label>이름</Label>
+ *     <Input />
+ *   </FormField>
+ * </Form>
+ *
+ * @example
+ * // Glass 스타일 / Glass style
+ * <Form variant="glass" onSubmit={handleSubmit}>
+ *   <FormGroup>
+ *     <FormField>
+ *       <Label>이메일</Label>
+ *       <Input type="email" />
+ *     </FormField>
+ *   </FormGroup>
+ * </Form>
+ *
+ * @param {FormProps} props - Form 컴포넌트의 props / Form component props
+ * @param {React.Ref<HTMLFormElement>} ref - form 요소 ref / form element ref
+ * @returns {JSX.Element} Form 컴포넌트 / Form component
+ */
+declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
+/**
+ * FormField 컴포넌트 / FormField component
+ *
+ * 폼 필드를 감싸는 컨테이너입니다.
+ * 에러 메시지를 표시하고 필수 필드 표시를 지원합니다.
+ *
+ * Container that wraps a form field.
+ * Displays error messages and supports required field indication.
+ *
+ * @component
+ * @example
+ * <FormField error="이 필드는 필수입니다" required>
+ *   <Label>이름</Label>
+ *   <Input />
+ * </FormField>
+ *
+ * @param {FormFieldProps} props - FormField 컴포넌트의 props / FormField component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} FormField 컴포넌트 / FormField component
+ */
+declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * FormGroup 컴포넌트 / FormGroup component
+ *
+ * 여러 폼 필드를 그룹화하는 컨테이너입니다.
+ * Container that groups multiple form fields.
+ *
+ * @component
+ * @example
+ * <FormGroup inline>
+ *   <FormField>
+ *     <Label>이름</Label>
+ *     <Input />
+ *   </FormField>
+ *   <FormField>
+ *     <Label>성</Label>
+ *     <Input />
+ *   </FormField>
+ * </FormGroup>
+ *
+ * @param {FormGroupProps} props - FormGroup 컴포넌트의 props / FormGroup component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} FormGroup 컴포넌트 / FormGroup component
+ */
+declare const FormGroup: React.ForwardRefExoticComponent<FormGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { Form, FormField, FormGroup };
+//# sourceMappingURL=Form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/components/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;GAMG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAC1E,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IACxD,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC9B;AAED;;;;;;GAMG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,QAAA,MAAM,IAAI,mFA6BT,CAAA;AAGD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,SAAS,uFA6Ed,CAAA;AAGD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,SAAS,uFAoBd,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/Grid.d.ts

@@ -1,4 +1,14 @@
-import * as React from "react";
+import React from "react";
+/**
+ * Grid 컴포넌트의 props
+ * @typedef {Object} GridProps
+ * @property {1|2|3|4|5|6|7|8|9|10|11|12} [cols=1] - 그리드 열 개수
+ * @property {"none" | "sm" | "md" | "lg" | "xl"} [gap="md"] - 그리드 아이템 간 간격
+ * @property {"none" | "sm" | "md" | "lg" | "xl"} [gapX] - 가로 간격 (gap보다 우선)
+ * @property {"none" | "sm" | "md" | "lg" | "xl"} [gapY] - 세로 간격
+ * @property {boolean} [responsive=true] - 반응형 그리드 활성화 (모바일: 1열, 태블릿: 2열, 데스크톱: 지정 열)
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
     cols?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
     gap?: "none" | "sm" | "md" | "lg" | "xl";
@@ -6,6 +16,37 @@ export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
     gapY?: "none" | "sm" | "md" | "lg" | "xl";
     responsive?: boolean;
 }
+/**
+ * Grid 컴포넌트
+ *
+ * CSS Grid를 사용한 그리드 레이아웃 컴포넌트입니다.
+ * 반응형 그리드를 지원하여 모바일부터 데스크톱까지 최적화된 레이아웃을 제공합니다.
+ *
+ * @component
+ * @example
+ * // 기본 3열 그리드
+ * <Grid cols={3} gap="md">
+ *   <div>아이템 1</div>
+ *   <div>아이템 2</div>
+ *   <div>아이템 3</div>
+ * </Grid>
+ *
+ * @example
+ * // 가로/세로 간격 분리
+ * <Grid cols={4} gapX="lg" gapY="sm">
+ *   {items.map(item => <div key={item.id}>{item.content}</div>)}
+ * </Grid>
+ *
+ * @example
+ * // 반응형 비활성화 (고정 그리드)
+ * <Grid cols={6} responsive={false} gap="lg">
+ *   <div>고정 6열</div>
+ * </Grid>
+ *
+ * @param {GridProps} props - Grid 컴포넌트의 props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref
+ * @returns {JSX.Element} Grid 컴포넌트
+ */
 declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
 export { Grid };
 //# sourceMappingURL=Grid.d.ts.map

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

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

package/dist/components/HeroSection.d.ts

@@ -0,0 +1,77 @@
+import React from "react";
+/**
+ * HeroSection 컴포넌트의 props / HeroSection component props
+ * @typedef {Object} HeroSectionProps
+ * @property {string} title - 히어로 섹션 제목 / Hero section title
+ * @property {string} [subtitle] - 히어로 섹션 부제목 / Hero section subtitle
+ * @property {string} description - 히어로 섹션 설명 / Hero section description
+ * @property {Object} [primaryAction] - 주요 액션 버튼 / Primary action button
+ * @property {string} primaryAction.label - 버튼 라벨 / Button label
+ * @property {string} primaryAction.href - 버튼 링크 / Button link
+ * @property {string} [primaryAction.icon] - 버튼 아이콘 / Button icon
+ * @property {Object} [secondaryAction] - 보조 액션 버튼 / Secondary action button
+ * @property {string} secondaryAction.label - 버튼 라벨 / Button label
+ * @property {string} secondaryAction.href - 버튼 링크 / Button link
+ * @property {string} [secondaryAction.icon] - 버튼 아이콘 / Button icon
+ * @property {"default" | "gradient" | "glass" | "neon"} [variant="default"] - HeroSection 스타일 변형 / HeroSection style variant
+ * @property {"none" | "gradient" | "particles" | "video"} [background="gradient"] - 배경 타입 / Background type
+ * @property {string} [customBackground] - 커스텀 배경 / Custom background
+ * @property {"sm" | "md" | "lg" | "xl"} [size="lg"] - HeroSection 크기 / HeroSection size
+ * @extends {React.HTMLAttributes<HTMLElement>}
+ */
+export interface HeroSectionProps extends React.HTMLAttributes<HTMLElement> {
+    title: string;
+    subtitle?: string;
+    description: string;
+    primaryAction?: {
+        label: string;
+        href: string;
+        icon?: string;
+    };
+    secondaryAction?: {
+        label: string;
+        href: string;
+        icon?: string;
+    };
+    variant?: "default" | "gradient" | "glass" | "neon";
+    background?: "none" | "gradient" | "particles" | "video";
+    customBackground?: string;
+    size?: "sm" | "md" | "lg" | "xl";
+}
+/**
+ * HeroSection 컴포넌트 / HeroSection component
+ *
+ * 랜딩 페이지의 히어로 섹션을 제공하는 컴포넌트입니다.
+ * 제목, 설명, 액션 버튼을 포함하며, 다양한 배경 효과를 지원합니다.
+ *
+ * Component that provides hero section for landing pages.
+ * Includes title, description, and action buttons, supports various background effects.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <HeroSection
+ *   title="환영합니다"
+ *   description="우리 서비스를 소개합니다"
+ *   primaryAction={{ label: "시작하기", href: "/start" }}
+ * />
+ *
+ * @example
+ * // Gradient 배경, 두 개의 액션 버튼 / Gradient background, two action buttons
+ * <HeroSection
+ *   title="혁신적인 솔루션"
+ *   subtitle="차세대 플랫폼"
+ *   description="최신 기술로 만든 플랫폼"
+ *   variant="gradient"
+ *   background="gradient"
+ *   primaryAction={{ label: "시작하기", href: "/start", icon: "arrowRight" }}
+ *   secondaryAction={{ label: "더 알아보기", href: "/about" }}
+ * />
+ *
+ * @param {HeroSectionProps} props - HeroSection 컴포넌트의 props / HeroSection component props
+ * @param {React.Ref<HTMLElement>} ref - section 요소 ref / section element ref
+ * @returns {JSX.Element} HeroSection 컴포넌트 / HeroSection component
+ */
+declare const HeroSection: React.ForwardRefExoticComponent<HeroSectionProps & React.RefAttributes<HTMLElement>>;
+export { HeroSection };
+//# sourceMappingURL=HeroSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSection.d.ts","sourceRoot":"","sources":["../../src/components/HeroSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;IACnD,UAAU,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAA;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,QAAA,MAAM,WAAW,sFAgKhB,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,159 @@
+import React from 'react';
+import { emotionIcons, statusIcons } from '../../lib/icons';
+import { type IconSet } from './IconProvider';
+import { type PhosphorWeight } from './icon-store';
+import type { AllIconName } from '../../lib/icon-names';
+/**
+ * Icon 컴포넌트 Props
+ *
+ * Icon component props interface.
+ *
+ * @interface IconProps
+ */
+export interface IconProps {
+    /** 아이콘 이름 / Icon name */
+    name: AllIconName;
+    /** 아이콘 크기 (숫자 또는 문자열) / Icon size (number or string) */
+    size?: number | string;
+    /** 추가 CSS 클래스 / Additional CSS classes */
+    className?: string;
+    /** 감정 아이콘 타입 / Emotion icon type */
+    emotion?: keyof typeof emotionIcons;
+    /** 상태 아이콘 타입 / Status icon type */
+    status?: keyof typeof statusIcons;
+    /** 아이콘 프로바이더 오버라이드 (전역 설정 무시) / Icon provider override (ignores global config) */
+    provider?: IconSet;
+    /** 부드러운 애니메이션 효과 / Smooth animation effect */
+    animated?: boolean;
+    /** 펄스 애니메이션 / Pulse animation */
+    pulse?: boolean;
+    /** 회전 애니메이션 / Spin animation */
+    spin?: boolean;
+    /** 바운스 애니메이션 / Bounce animation */
+    bounce?: boolean;
+    /** 색상 변형 / Color variant */
+    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'muted';
+    /** Phosphor 아이콘 weight 오버라이드 / Phosphor icon weight override */
+    weight?: PhosphorWeight;
+    /** 스크린 리더용 라벨 (의미 있는 아이콘인 경우) / Screen reader label (for meaningful icons) */
+    'aria-label'?: string;
+    /** 장식용 아이콘인 경우 true (스크린 리더에서 숨김) / Set to true for decorative icons (hidden from screen readers) */
+    'aria-hidden'?: boolean;
+}
+/**
+ * Icon 컴포넌트
+ *
+ * 다중 아이콘 라이브러리(Lucide, Phosphor, Untitled)를 지원하는 통합 아이콘 컴포넌트입니다.
+ * IconProvider를 통해 전역 설정을 관리할 수 있으며, 개별 아이콘에서도 설정을 오버라이드할 수 있습니다.
+ *
+ * Icon component that supports multiple icon libraries (Lucide, Phosphor, Untitled).
+ * Global settings can be managed through IconProvider, and individual icons can override settings.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // 기본 사용 / Basic usage
+ * <Icon name="heart" />
+ *
+ * // 크기 지정 / Specify size
+ * <Icon name="user" size={24} />
+ *
+ * // 색상 변형 / Color variant
+ * <Icon name="check" variant="success" />
+ *
+ * // 애니메이션 / Animation
+ * <Icon name="loader" spin />
+ * <Icon name="heart" pulse />
+ *
+ * // 접근성 / Accessibility
+ * <Icon name="search" aria-label="검색" />
+ * <Icon name="decorative-icon" aria-hidden />
+ *
+ * // 감정 아이콘 / Emotion icon
+ * <Icon emotion="happy" />
+ *
+ * // 상태 아이콘 / Status icon
+ * <Icon status="loading" spin />
+ * ```
+ *
+ * @param props - Icon 컴포넌트 props / Icon component props
+ * @returns Icon 컴포넌트 / Icon component
+ */
+declare const IconComponent: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Icon: typeof IconComponent;
+/**
+ * EmotionIcon 컴포넌트
+ *
+ * 감정을 표현하는 아이콘 컴포넌트입니다.
+ * Icon component for expressing emotions.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <EmotionIcon emotion="happy" />
+ * <EmotionIcon emotion="sad" size={24} />
+ * ```
+ */
+export declare const EmotionIcon: React.ForwardRefExoticComponent<Omit<IconProps, "name"> & {
+    emotion: keyof typeof emotionIcons;
+} & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * StatusIcon 컴포넌트
+ *
+ * 상태를 표현하는 아이콘 컴포넌트입니다.
+ * Icon component for expressing status.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <StatusIcon status="loading" spin />
+ * <StatusIcon status="success" variant="success" />
+ * ```
+ */
+export declare const StatusIcon: React.ForwardRefExoticComponent<Omit<IconProps, "name"> & {
+    status: keyof typeof statusIcons;
+} & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * LoadingIcon 컴포넌트
+ *
+ * 로딩 상태를 표시하는 전용 아이콘 컴포넌트입니다.
+ * Dedicated icon component for displaying loading status.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <LoadingIcon />
+ * <LoadingIcon size={32} />
+ * ```
+ */
+export declare const LoadingIcon: React.ForwardRefExoticComponent<Omit<IconProps, "name" | "status"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * SuccessIcon 컴포넌트
+ *
+ * 성공 상태를 표시하는 전용 아이콘 컴포넌트입니다.
+ * Dedicated icon component for displaying success status.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <SuccessIcon />
+ * <SuccessIcon size={24} />
+ * ```
+ */
+export declare const SuccessIcon: React.ForwardRefExoticComponent<Omit<IconProps, "name" | "status"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ErrorIcon 컴포넌트
+ *
+ * 에러 상태를 표시하는 전용 아이콘 컴포넌트입니다.
+ * Dedicated icon component for displaying error status.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ErrorIcon />
+ * <ErrorIcon size={24} />
+ * ```
+ */
+export declare const ErrorIcon: React.ForwardRefExoticComponent<Omit<IconProps, "name" | "status"> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAmB,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG5E,OAAO,EAAkB,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAC7D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAEvD;;;;;;GAMG;AACH,MAAM,WAAW,SAAS;IACxB,yBAAyB;IACzB,IAAI,EAAE,WAAW,CAAA;IACjB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAA;IACnC,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAA;IACjC,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IACzF,gEAAgE;IAChE,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qGAAqG;IACrG,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,QAAA,MAAM,aAAa,mFAyLjB,CAAA;AA+BF,eAAO,MAAM,IAAI,EAAmB,OAAO,aAAa,CAAA;AAIxD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW;aAA0E,MAAM,OAAO,YAAY;yCAE1H,CAAA;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU;YAAyE,MAAM,OAAO,WAAW;yCAEvH,CAAA;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,2GAIvB,CAAA;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,2GAIvB,CAAA;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,2GAIrB,CAAA"}

package/dist/components/Icon/IconProvider.d.ts

@@ -0,0 +1,94 @@
+/**
+ * IconProvider - Icon 시스템 전역 설정 Provider
+ *
+ * React Context를 사용하여 전역 아이콘 설정을 제공합니다.
+ * 서비스 레벨에서 Zustand 등으로 상태관리 후 props로 전달 가능합니다.
+ *
+ * IconProvider - Global Icon Settings Provider
+ *
+ * Provides global icon settings using React Context API.
+ * Can be integrated with state management (e.g., Zustand) at the service level.
+ */
+import React from 'react';
+import { type IconConfig, type IconSet, type PhosphorWeight } from './icon-store';
+/**
+ * IconProvider 컴포넌트 Props
+ *
+ * IconProvider component props interface.
+ *
+ * @interface IconProviderProps
+ */
+export interface IconProviderProps {
+    /** 아이콘 세트 (lucide, phosphor, untitled) / Icon set (lucide, phosphor, untitled) */
+    set?: IconSet;
+    /** Phosphor 아이콘 weight (thin, light, regular, bold, duotone, fill) / Phosphor icon weight */
+    weight?: PhosphorWeight;
+    /** 기본 아이콘 크기 / Default icon size */
+    size?: number;
+    /** 기본 아이콘 색상 / Default icon color */
+    color?: string;
+    /** Lucide/Untitled 아이콘 stroke width / Lucide/Untitled icon stroke width */
+    strokeWidth?: number;
+    /** 자식 컴포넌트 / Child components */
+    children: React.ReactNode;
+}
+interface IconContextValue extends IconConfig {
+}
+/**
+ * IconProvider 컴포넌트
+ *
+ * 전역 아이콘 설정을 Context로 제공합니다.
+ * 서비스에서 Zustand로 관리한 값을 props로 전달할 수 있습니다.
+ *
+ * IconProvider component
+ *
+ * Provides global icon settings through Context API.
+ * Can receive values managed by Zustand at the service level.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // 기본 사용 / Basic usage
+ * <IconProvider set="phosphor" weight="regular" size={20}>
+ *   <App />
+ * </IconProvider>
+ *
+ * // Zustand와 함께 사용 / With Zustand
+ * const iconConfig = useIconStore(state => state.iconConfig)
+ * <IconProvider {...iconConfig}>
+ *   <App />
+ * </IconProvider>
+ *
+ * // Lucide 아이콘 사용 / Using Lucide icons
+ * <IconProvider set="lucide" size={24} strokeWidth={1.5}>
+ *   <App />
+ * </IconProvider>
+ * ```
+ *
+ * @param props - IconProvider 컴포넌트 props / IconProvider component props
+ * @returns IconProvider 컴포넌트 / IconProvider component
+ */
+export declare function IconProvider({ set, weight, size, color, strokeWidth, children, }: IconProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * useIconContext Hook
+ *
+ * Icon Context를 사용하는 Hook입니다.
+ * Icon 컴포넌트 내부에서 사용됩니다.
+ *
+ * Hook to use Icon Context.
+ * Used internally by Icon component.
+ *
+ * @returns Icon 설정 값 / Icon configuration value
+ *
+ * @example
+ * ```tsx
+ * // Icon 컴포넌트 내부에서 사용 / Used inside Icon component
+ * const config = useIconContext()
+ * const iconSet = config.set
+ * const iconSize = config.size
+ * ```
+ */
+export declare function useIconContext(): IconContextValue;
+export type { IconSet, PhosphorWeight, IconConfig } from './icon-store';
+export { defaultIconConfig, getDefaultStrokeWidth } from './icon-store';
+//# sourceMappingURL=IconProvider.d.ts.map

package/dist/components/Icon/IconProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/IconProvider.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,OAAO,EAAE,KAAK,cAAc,EAAqB,MAAM,cAAc,CAAA;AAEpG;;;;;;GAMG;AACH,MAAM,WAAW,iBAAiB;IAChC,kFAAkF;IAClF,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,6FAA6F;IAC7F,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,gBAAiB,SAAQ,UAAU;CAAG;AAIhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,YAAY,CAAC,EAC3B,GAA2B,EAC3B,MAAiC,EACjC,IAA6B,EAC7B,KAA+B,EAC/B,WAA2C,EAC3C,QAAQ,GACT,EAAE,iBAAiB,2CAcnB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,IAAI,gBAAgB,CAEjD;AAGD,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACvE,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/Icon/icon-store.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Icon Config Types
+ *
+ * Icon 시스템의 설정 타입 정의
+ * 상태관리는 서비스 레벨에서 관리 (Zustand 등)
+ */
+export type IconSet = 'lucide' | 'phosphor' | 'untitled';
+export type PhosphorWeight = 'thin' | 'light' | 'regular' | 'bold' | 'duotone' | 'fill';
+export interface IconConfig {
+    set: IconSet;
+    weight: PhosphorWeight;
+    size: number;
+    color: string;
+    strokeWidth?: number;
+}
+export declare const defaultIconConfig: IconConfig;
+/**
+ * 세트별 기본 strokeWidth
+ */
+export declare const getDefaultStrokeWidth: (set: IconSet) => number;
+//# sourceMappingURL=icon-store.d.ts.map

package/dist/components/Icon/icon-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-store.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/icon-store.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAA;AAExD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;AAEvF,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,OAAO,CAAA;IACZ,MAAM,EAAE,cAAc,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,UAM/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,KAAK,OAAO,KAAG,MAWpD,CAAA"}

package/dist/components/Icon/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Icon Component Exports
+ */
+export { Icon, EmotionIcon, StatusIcon, LoadingIcon, SuccessIcon, ErrorIcon } from './Icon';
+export type { IconProps } from './Icon';
+export { IconProvider, useIconContext } from './IconProvider';
+export type { IconProviderProps } from './IconProvider';
+export type { IconSet, PhosphorWeight, IconConfig } from './icon-store';
+export { defaultIconConfig, getDefaultStrokeWidth } from './icon-store';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC3F,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACvE,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/InfoCard.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import type { IconName } from "../lib/icons";
+/**
+ * InfoCard 컴포넌트의 props / InfoCard component props
+ * @typedef {Object} InfoCardProps
+ * @property {string} title - 카드 제목 / Card title
+ * @property {IconName} icon - 카드 아이콘 / Card icon
+ * @property {"blue" | "purple" | "green" | "orange"} [tone="blue"] - InfoCard 톤 색상 / InfoCard tone color
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+export interface InfoCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    icon: IconName;
+    tone?: "blue" | "purple" | "green" | "orange";
+}
+/**
+ * InfoCard 컴포넌트 / InfoCard component
+ *
+ * 정보를 표시하는 카드 컴포넌트입니다.
+ * 아이콘, 제목, 내용을 포함하며, 다양한 톤 색상을 지원합니다.
+ *
+ * Card component that displays information.
+ * Includes icon, title, and content, supports various tone colors.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <InfoCard
+ *   icon="info"
+ *   title="정보"
+ *   tone="blue"
+ * >
+ *   이것은 정보 카드입니다.
+ * </InfoCard>
+ *
+ * @example
+ * // 다양한 톤 / Various tones
+ * <InfoCard icon="check" title="성공" tone="green">
+ *   작업이 완료되었습니다.
+ * </InfoCard>
+ *
+ * @param {InfoCardProps} props - InfoCard 컴포넌트의 props / InfoCard component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} InfoCard 컴포넌트 / InfoCard component
+ */
+export declare const InfoCard: React.ForwardRefExoticComponent<InfoCardProps & React.RefAttributes<HTMLDivElement>>;
+export default InfoCard;
+//# sourceMappingURL=InfoCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.d.ts","sourceRoot":"","sources":["../../src/components/InfoCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAE5C;;;;;;;GAOG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;CAC9C;AA6BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,sFAanB,CAAA;AAIF,eAAe,QAAQ,CAAA"}