@hua-labs/ui 1.1.0-alpha.6 → 2.0.0-alpha.10

package/dist/hooks/useMouse.d.ts

@@ -0,0 +1,57 @@
+/**
+ * useMouse 훅의 옵션 / useMouse hook options
+ * @property {"page" | "element" | "viewport"} [type="page"] - 좌표 타입 / Coordinate type
+ * @property {boolean} [touch=false] - 터치 이벤트 포함 / Include touch events
+ * @property {number} [throttle=0] - 쓰로틀 간격 (ms) / Throttle interval
+ */
+export interface UseMouseOptions {
+    type?: "page" | "element" | "viewport";
+    touch?: boolean;
+    throttle?: number;
+}
+/**
+ * useMouse 훅의 반환값 / useMouse hook return value
+ */
+export interface UseMouseReturn<T extends HTMLElement = HTMLElement> {
+    ref: React.RefObject<T | null>;
+    x: number;
+    y: number;
+    elementX: number;
+    elementY: number;
+    elementPositionX: number;
+    elementPositionY: number;
+    isInside: boolean;
+    isMoving: boolean;
+}
+/**
+ * useMouse 훅 / useMouse hook
+ *
+ * 마우스 위치를 추적하는 훅입니다.
+ * 커서 효과, 마우스 따라다니는 요소 등에 사용합니다.
+ *
+ * Hook that tracks mouse position.
+ * Used for cursor effects, mouse-following elements, etc.
+ *
+ * @example
+ * // 전역 마우스 위치 / Global mouse position
+ * const { x, y } = useMouse();
+ *
+ * return (
+ *   <div style={{ transform: `translate(${x}px, ${y}px)` }} className="cursor" />
+ * );
+ *
+ * @example
+ * // 요소 내 상대 위치 / Relative position in element
+ * const { ref, elementX, elementY, isInside } = useMouse({ type: "element" });
+ *
+ * return (
+ *   <div ref={ref} className="relative">
+ *     {isInside && (
+ *       <div style={{ left: elementX, top: elementY }} className="spotlight" />
+ *     )}
+ *   </div>
+ * );
+ */
+export declare function useMouse<T extends HTMLElement = HTMLElement>(options?: UseMouseOptions): UseMouseReturn<T>;
+export default useMouse;
+//# sourceMappingURL=useMouse.d.ts.map

package/dist/hooks/useMouse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouse.d.ts","sourceRoot":"","sources":["../../src/hooks/useMouse.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACjE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAC1D,OAAO,GAAE,eAAoB,GAC5B,cAAc,CAAC,CAAC,CAAC,CAoGnB;AAED,eAAe,QAAQ,CAAC"}

package/dist/hooks/useReducedMotion.d.ts

@@ -0,0 +1,35 @@
+/**
+ * useReducedMotion 훅 / useReducedMotion hook
+ *
+ * 사용자의 모션 감소 선호 설정을 감지하는 훅입니다.
+ * 접근성을 위해 애니메이션을 조건부로 적용할 때 사용합니다.
+ *
+ * Hook that detects user's reduced motion preference.
+ * Used for conditionally applying animations for accessibility.
+ *
+ * @returns {boolean} 모션 감소 선호 여부 / Whether reduced motion is preferred
+ *
+ * @example
+ * const prefersReducedMotion = useReducedMotion();
+ *
+ * return (
+ *   <div
+ *     className={prefersReducedMotion ? "" : "animate-bounce"}
+ *     style={{ transition: prefersReducedMotion ? "none" : "all 0.3s" }}
+ *   >
+ *     Content
+ *   </div>
+ * );
+ *
+ * @example
+ * // 조건부 애니메이션 / Conditional animation
+ * const prefersReducedMotion = useReducedMotion();
+ *
+ * const variants = {
+ *   initial: { opacity: 0, y: prefersReducedMotion ? 0 : 20 },
+ *   animate: { opacity: 1, y: 0 },
+ * };
+ */
+export declare function useReducedMotion(): boolean;
+export default useReducedMotion;
+//# sourceMappingURL=useReducedMotion.d.ts.map

package/dist/hooks/useReducedMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReducedMotion.d.ts","sourceRoot":"","sources":["../../src/hooks/useReducedMotion.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAyB1C;AAED,eAAe,gBAAgB,CAAC"}

package/dist/hooks/useScrollProgress.d.ts

@@ -0,0 +1,50 @@
+/**
+ * useScrollProgress 훅의 옵션 / useScrollProgress hook options
+ * @property {"page" | "element"} [target="page"] - 추적 대상 / Tracking target
+ * @property {number} [throttle=16] - 쓰로틀 간격 (ms) / Throttle interval
+ */
+export interface UseScrollProgressOptions {
+    target?: "page" | "element";
+    throttle?: number;
+}
+/**
+ * useScrollProgress 훅의 반환값 / useScrollProgress hook return value
+ */
+export interface UseScrollProgressReturn<T extends HTMLElement = HTMLElement> {
+    ref: React.RefObject<T | null>;
+    progress: number;
+    scrollY: number;
+    scrollX: number;
+    isScrolling: boolean;
+    direction: "up" | "down" | null;
+}
+/**
+ * useScrollProgress 훅 / useScrollProgress hook
+ *
+ * 페이지 또는 요소의 스크롤 진행률을 추적하는 훅입니다.
+ * 스크롤 기반 애니메이션, 진행률 표시 등에 사용합니다.
+ *
+ * Hook that tracks scroll progress of page or element.
+ * Used for scroll-based animations, progress indicators, etc.
+ *
+ * @example
+ * // 페이지 스크롤 / Page scroll
+ * const { progress, direction } = useScrollProgress();
+ *
+ * return (
+ *   <div style={{ width: `${progress * 100}%` }} className="progress-bar" />
+ * );
+ *
+ * @example
+ * // 요소 스크롤 / Element scroll
+ * const { ref, progress } = useScrollProgress({ target: "element" });
+ *
+ * return (
+ *   <div ref={ref} className="overflow-auto h-[400px]">
+ *     <p>Progress: {Math.round(progress * 100)}%</p>
+ *   </div>
+ * );
+ */
+export declare function useScrollProgress<T extends HTMLElement = HTMLElement>(options?: UseScrollProgressOptions): UseScrollProgressReturn<T>;
+export default useScrollProgress;
+//# sourceMappingURL=useScrollProgress.d.ts.map

package/dist/hooks/useScrollProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollProgress.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollProgress.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IAC1E,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACnE,OAAO,GAAE,wBAA6B,GACrC,uBAAuB,CAAC,CAAC,CAAC,CA4E5B;AAED,eAAe,iBAAiB,CAAC"}

package/dist/hooks/useWindowSize.d.ts

@@ -0,0 +1,39 @@
+/**
+ * useWindowSize 훅의 반환값 / useWindowSize hook return value
+ */
+export interface UseWindowSizeReturn {
+    width: number;
+    height: number;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+}
+/**
+ * useWindowSize 훅의 옵션 / useWindowSize hook options
+ */
+export interface UseWindowSizeOptions {
+    throttle?: number;
+    mobileBreakpoint?: number;
+    tabletBreakpoint?: number;
+}
+/**
+ * useWindowSize 훅 / useWindowSize hook
+ *
+ * 윈도우 크기를 추적하는 훅입니다.
+ * 반응형 애니메이션, 조건부 렌더링 등에 사용합니다.
+ *
+ * Hook that tracks window size.
+ * Used for responsive animations, conditional rendering, etc.
+ *
+ * @example
+ * const { width, height, isMobile } = useWindowSize();
+ *
+ * return (
+ *   <div style={{ fontSize: isMobile ? "14px" : "16px" }}>
+ *     Window: {width} x {height}
+ *   </div>
+ * );
+ */
+export declare function useWindowSize(options?: UseWindowSizeOptions): UseWindowSizeReturn;
+export default useWindowSize;
+//# sourceMappingURL=useWindowSize.d.ts.map

package/dist/hooks/useWindowSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useWindowSize.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,mBAAmB,CAkDrF;AAED,eAAe,aAAa,CAAC"}

package/dist/icons-Bj_nr8Ba.d.mts

@@ -0,0 +1,158 @@
+import * as _phosphor_icons_react from '@phosphor-icons/react';
+
+/**
+ * Core Icons (Phosphor Icons)
+ *
+ * 핵심 아이콘만 포함하여 번들 크기를 최적화합니다.
+ * 나머지 아이콘은 동적 fallback으로 처리됩니다.
+ *
+ * 포함 기준:
+ * 1. sum-diary에서 실제 사용 중인 아이콘
+ * 2. UI 컴포넌트에서 자주 사용되는 아이콘
+ * 3. 각 카테고리의 대표 아이콘
+ *
+ * 새로운 아이콘이 필요하면 동적 fallback이 자동으로 처리합니다.
+ */
+declare const icons: {
+    readonly home: _phosphor_icons_react.Icon;
+    readonly arrowLeft: _phosphor_icons_react.Icon;
+    readonly arrowRight: _phosphor_icons_react.Icon;
+    readonly arrowUp: _phosphor_icons_react.Icon;
+    readonly arrowDown: _phosphor_icons_react.Icon;
+    readonly menu: _phosphor_icons_react.Icon;
+    readonly close: _phosphor_icons_react.Icon;
+    readonly search: _phosphor_icons_react.Icon;
+    readonly settings: _phosphor_icons_react.Icon;
+    readonly externalLink: _phosphor_icons_react.Icon;
+    readonly chevronLeft: _phosphor_icons_react.Icon;
+    readonly chevronRight: _phosphor_icons_react.Icon;
+    readonly chevronDown: _phosphor_icons_react.Icon;
+    readonly chevronUp: _phosphor_icons_react.Icon;
+    readonly edit: _phosphor_icons_react.Icon;
+    readonly delete: _phosphor_icons_react.Icon;
+    readonly add: _phosphor_icons_react.Icon;
+    readonly remove: _phosphor_icons_react.Icon;
+    readonly download: _phosphor_icons_react.Icon;
+    readonly upload: _phosphor_icons_react.Icon;
+    readonly refresh: _phosphor_icons_react.Icon;
+    readonly save: _phosphor_icons_react.Icon;
+    readonly copy: _phosphor_icons_react.Icon;
+    readonly loader: _phosphor_icons_react.Icon;
+    readonly success: _phosphor_icons_react.Icon;
+    readonly error: _phosphor_icons_react.Icon;
+    readonly alertCircle: _phosphor_icons_react.Icon;
+    readonly warning: _phosphor_icons_react.Icon;
+    readonly info: _phosphor_icons_react.Icon;
+    readonly check: _phosphor_icons_react.Icon;
+    readonly circle: _phosphor_icons_react.Icon;
+    readonly helpCircle: _phosphor_icons_react.Icon;
+    readonly user: _phosphor_icons_react.Icon;
+    readonly users: _phosphor_icons_react.Icon;
+    readonly userPlus: _phosphor_icons_react.Icon;
+    readonly logIn: _phosphor_icons_react.Icon;
+    readonly logOut: _phosphor_icons_react.Icon;
+    readonly eye: _phosphor_icons_react.Icon;
+    readonly eyeOff: _phosphor_icons_react.Icon;
+    readonly chart: _phosphor_icons_react.Icon;
+    readonly barChart: _phosphor_icons_react.Icon;
+    readonly trendingUp: _phosphor_icons_react.Icon;
+    readonly activity: _phosphor_icons_react.Icon;
+    readonly database: _phosphor_icons_react.Icon;
+    readonly zap: _phosphor_icons_react.Icon;
+    readonly fileText: _phosphor_icons_react.Icon;
+    readonly file: _phosphor_icons_react.Icon;
+    readonly folder: _phosphor_icons_react.Icon;
+    readonly book: _phosphor_icons_react.Icon;
+    readonly bookOpen: _phosphor_icons_react.Icon;
+    readonly mail: _phosphor_icons_react.Icon;
+    readonly message: _phosphor_icons_react.Icon;
+    readonly phone: _phosphor_icons_react.Icon;
+    readonly image: _phosphor_icons_react.Icon;
+    readonly video: _phosphor_icons_react.Icon;
+    readonly camera: _phosphor_icons_react.Icon;
+    readonly smile: _phosphor_icons_react.Icon;
+    readonly frown: _phosphor_icons_react.Icon;
+    readonly meh: _phosphor_icons_react.Icon;
+    readonly lock: _phosphor_icons_react.Icon;
+    readonly unlock: _phosphor_icons_react.Icon;
+    readonly shield: _phosphor_icons_react.Icon;
+    readonly wallet: _phosphor_icons_react.Icon;
+    readonly key: _phosphor_icons_react.Icon;
+    readonly clock: _phosphor_icons_react.Icon;
+    readonly calendar: _phosphor_icons_react.Icon;
+    readonly calendarPlus: _phosphor_icons_react.Icon;
+    readonly bell: _phosphor_icons_react.Icon;
+    readonly heart: _phosphor_icons_react.Icon;
+    readonly star: _phosphor_icons_react.Icon;
+    readonly bookmark: _phosphor_icons_react.Icon;
+    readonly share: _phosphor_icons_react.Icon;
+    readonly monitor: _phosphor_icons_react.Icon;
+    readonly sun: _phosphor_icons_react.Icon;
+    readonly moon: _phosphor_icons_react.Icon;
+    readonly lightbulb: _phosphor_icons_react.Icon;
+    readonly brain: _phosphor_icons_react.Icon;
+    readonly flag: _phosphor_icons_react.Icon;
+    readonly square: _phosphor_icons_react.Icon;
+    readonly sparkle: _phosphor_icons_react.Icon;
+    readonly sparkles: _phosphor_icons_react.Icon;
+    readonly globe: _phosphor_icons_react.Icon;
+    readonly smartphone: _phosphor_icons_react.Icon;
+    readonly deviceMobile: _phosphor_icons_react.Icon;
+    readonly floppyDisk: _phosphor_icons_react.Icon;
+    readonly ticket: _phosphor_icons_react.Icon;
+    readonly clipboard: _phosphor_icons_react.Icon;
+    readonly wifi: _phosphor_icons_react.Icon;
+    readonly wifiOff: _phosphor_icons_react.Icon;
+    readonly cpu: _phosphor_icons_react.Icon;
+    readonly mask: _phosphor_icons_react.Icon;
+    readonly bold: _phosphor_icons_react.Icon;
+    readonly italic: _phosphor_icons_react.Icon;
+    readonly strikethrough: _phosphor_icons_react.Icon;
+    readonly heading: _phosphor_icons_react.Icon;
+    readonly link: _phosphor_icons_react.Icon;
+    readonly code: _phosphor_icons_react.Icon;
+    readonly fileCode: _phosphor_icons_react.Icon;
+    readonly quote: _phosphor_icons_react.Icon;
+    readonly list: _phosphor_icons_react.Icon;
+    readonly listOrdered: _phosphor_icons_react.Icon;
+    readonly minus: _phosphor_icons_react.Icon;
+};
+type IconName = keyof typeof icons;
+declare const emotionIcons: {
+    readonly happy: "smile";
+    readonly sad: "frown";
+    readonly neutral: "meh";
+    readonly excited: "smile";
+    readonly angry: "frown";
+    readonly love: "heart";
+    readonly like: "heart";
+    readonly dislike: "frown";
+};
+declare const statusIcons: {
+    readonly loading: "loader";
+    readonly success: "success";
+    readonly error: "error";
+    readonly warning: "warning";
+    readonly info: "info";
+    readonly locked: "lock";
+    readonly unlocked: "unlock";
+    readonly visible: "eye";
+    readonly hidden: "eyeOff";
+};
+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"];
+};
+
+export { type IconName as I, emotionIcons as e, iconCategories as i, statusIcons as s };

package/dist/iconsax.d.mts

@@ -0,0 +1,172 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { SVGProps, ComponentType } from 'react';
+
+declare const ICONSAX_ICON_NAMES: readonly ["3Dcube", "Add", "AddCircle", "AddSquare", "Apple", "Archive", "ArrangeCircle", "ArrangeCircle2", "ArrangeSquare", "ArrangeSquare2", "Arrow2", "Arrow3", "ArrowBottom", "ArrowCircleDown", "ArrowCircleLeft", "ArrowCircleRight", "ArrowDown", "ArrowDown1", "ArrowDown2", "ArrowLeft", "ArrowLeft1", "ArrowLeft2", "ArrowLeft3", "ArrowRight", "ArrowRight1", "ArrowRight2", "ArrowRight3", "ArrowSquareDown", "ArrowSquareLeft", "ArrowSquareRight", "ArrowSquareUp", "ArrowSwapHorizontal", "ArrowUp", "ArrowUp1", "ArrowUp2", "ArrowUp3", "AttachCircle", "AttachSquare", "Autobrightness", "BackSquare", "Backward", "Backward10Seconds", "Backward15Seconds", "Backward5Seconds", "BatteryDisable", "BatteryFull", "Bluetooth", "BluetoothCircle", "Book", "Box", "Box2", "Briefcase", "Broom", "Cake", "Calculator", "Camera", "CameraSlash", "CardAdd", "CardRemove", "Cards", "CardSlash", "CardTick", "Cd", "Check", "Chrome", "CloseCircle", "CloseSquare", "Cloud", "CloudAdd", "CloudChange", "CloudDrizzle", "CloudLightning", "CloudNotif", "CloudRemove", "CloudSnow", "CloudSunny", "Code", "Code1", "Coin", "Computing", "Convert", "Crown", "Crown1", "Danger", "DirectDown", "DirectLeft", "DirectRight", "DirectUp", "Dislike", "DollarSquare", "Drop", "EmojiHappy", "EmojiNormal", "EmojiSad", "EmptyWallet", "Eraser", "Export", "Export1", "Export2", "Export3", "Eye", "EyeSlash", "Facebook", "Figma", "Filter", "FilterAdd", "FilterEdit", "FilterRemove", "FilterSearch", "FilterTick", "FingerCricle", "Firstline", "Flag", "Flag2", "Flash", "FlashCircle", "FlashSlash", "Folder", "Folder2", "FolderAdd", "FolderCloud", "FolderCross", "FolderFavorite", "FolderMinus", "FolderOpen", "Forbidden2", "Forward", "Forward10Seconds", "Forward15Seconds", "Forward5Seconds", "ForwardSquare", "Frame", "Frame1", "Gallery", "GalleryAdd", "GalleryRemove", "GallerySlash", "Global", "Heart", "Hierarchy", "Hierarchy2", "Home2", "HomeWifi", "Html3", "Html5", "Image", "Import", "Import1", "Import2", "InfoCircle", "Information", "Instagram", "JavaScript", "LanguageCircle", "LanguageSquare", "Like", "LikeDislike", "LikeTag", "Link", "Link1", "Link2", "Link21", "LinkCircle", "LinkSquare", "LocationCross", "LocationMinus", "LocationSlash", "LocationTick", "Lock", "LockSlash", "Login", "Login1", "Logout", "Logout1", "Map", "Math", "Maximize", "Menu", "MessageProgramming", "Microphone", "Microphone2", "MicrophoneSlash", "MicrophoneSlash1", "Milk", "Minus", "MinusCirlce", "MinusSquare", "Monitor", "Moon", "MoreCircle", "MoreSquare", "Mouse", "MouseCircle", "MouseSquare", "Next", "Paperclip", "Paperclip2", "PasswordCheck", "Pause", "PauseCircle", "People", "Pet", "Pharagraphspacing", "Play", "PlayCircle", "Previous", "Printer", "PrinterSlash", "Profile", "Profile2User", "ProfileAdd", "ProfileCircle", "ProfileDelete", "ProfileRemove", "ProfileTick", "ProgrammingArrow", "QuoteDown", "QuoteDownCircle", "QuoteDownSquare", "QuoteUp", "QuoteUpCircle", "QuoteUpSquare", "Ranking", "ReceiptDiscount", "ReceiptDisscount", "ReceiptItem", "ReceiptMinus", "Received", "ReceiveSquare", "ReceiveSquare2", "Record", "RecordCircle", "Redo", "Refresh", "Refresh2", "RefreshCircle", "RefreshLeftSquare", "RefreshRightSquare", "RefreshSquare2", "Repeat", "RepeatCircle", "RepeateMusic", "RepeateOne", "RotateLeft", "RotateRight", "SafeHome", "Scan", "SearchNormal", "SearchZoomIn", "SearchZoomOut", "Send", "Send2", "SendSqaure2", "SendSquare", "Shield", "ShieldCross", "ShieldSecurity", "ShieldSlash", "ShieldTick", "Shuffle", "Slack", "Slash", "Smallcaps", "SmartHome", "Sort", "Sound", "Spotify", "Star", "Sticker", "Stop", "StopCircle", "Story", "Sun", "TagCross", "TagUser", "Teacher", "Text", "TextalignCenter", "TextalignJustifycenter", "TextalignJustifyleft", "TextalignJustifyright", "TextalignLeft", "TextalignRight", "TextBlock", "TextBold", "TextItalic", "TextUnderline", "TickCircle", "Ticket", "TicketDiscount", "TickSquare", "Translate", "Trash", "Triangle", "Truck", "TrushSquare", "Undo", "Unlimited", "Unlock", "User", "UserAdd", "UserCirlceAdd", "UserEdit", "UserMinus", "UserOctagon", "UserRemove", "UserSearch", "UserSquare", "UserTag", "UserTick", "Verify", "Video", "VideoCircle", "VideoPlay", "VideoSlash", "VideoSquare", "VoiceSquare", "VolumeCross", "VolumeHigh", "VolumeLow", "VolumeLow1", "VolumeMute", "VolumeSlash", "VolumeUp", "Warning2", "Whatsapp", "Wifi", "WifiSquare", "Windows", "Youtube"];
+type IconsaxIconName = typeof ICONSAX_ICON_NAMES[number];
+type IconsaxVariant$1 = 'line' | 'bold';
+interface IconsaxGalleryProps {
+    /** Default variant to show */
+    defaultVariant?: IconsaxVariant$1;
+    /** Callback when icon is clicked */
+    onIconClick?: (name: string, variant: IconsaxVariant$1) => void;
+    /** Custom copy format function */
+    formatCopyText?: (name: string, variant: IconsaxVariant$1) => string;
+    /** Show variant toggle tabs */
+    showVariantToggle?: boolean;
+    /** Show search input */
+    showSearch?: boolean;
+    /** Show icon count */
+    showCount?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Grid columns (default responsive) */
+    columns?: number;
+}
+/**
+ * IconsaxGallery - Interactive gallery for browsing Iconsax icons
+ *
+ * Displays all 331 Iconsax icons with search, variant toggle, and click-to-copy functionality.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <IconsaxGallery />
+ *
+ * // With custom copy format
+ * <IconsaxGallery
+ *   formatCopyText={(name) => `import { ${name} } from "@hua-labs/ui/icons"`}
+ * />
+ *
+ * // With click handler
+ * <IconsaxGallery
+ *   onIconClick={(name, variant) => console.log(name, variant)}
+ * />
+ * ```
+ */
+declare function IconsaxGallery({ defaultVariant, onIconClick, formatCopyText, showVariantToggle, showSearch, showCount, className, columns, }: IconsaxGalleryProps): react_jsx_runtime.JSX.Element;
+
+type IconsaxVariant = 'line' | 'bold';
+
+/**
+ * Iconsax Icons Dynamic Loader
+ *
+ * Iconsax icon assets from https://iconsax.io
+ * Special thanks to Iconsax team for providing high-quality icons
+ * with a permissive license (free for personal and commercial use).
+ *
+ * Iconsax 아이콘을 동적으로 로드하는 시스템입니다.
+ * 성능 최적화를 위해 필요한 아이콘만 동적으로 import합니다.
+ *
+ * Iconsax Icons Dynamic Loader System
+ * Dynamically loads only the required icons for optimal performance.
+ *
+ * Features:
+ * - Dynamic import (tree-shaking friendly)
+ * - Icon cache (avoid duplicate loading)
+ * - Preload support (prevent FOUC)
+ * - React.lazy integration
+ */
+
+type IconsaxIconComponent = React.ComponentType<SVGProps<SVGSVGElement>>;
+/**
+ * Iconsax 아이콘을 로드합니다.
+ * ICONSAX_ICONS 맵에서 직접 조회합니다 (동적 import 대신).
+ *
+ * Loads Iconsax icons from the static ICONSAX_ICONS map.
+ * No longer uses dynamic import for better bundler compatibility.
+ *
+ * @param iconName - Iconsax 아이콘 이름 (PascalCase, 예: "Add", "Home2")
+ * @returns 아이콘 컴포넌트 또는 null
+ */
+declare function loadIconsaxIcon(iconName: string): Promise<IconsaxIconComponent | null>;
+/**
+ * Iconsax 아이콘을 동기적으로 가져옵니다.
+ * ICONSAX_ICONS 또는 ICONSAX_BOLD_ICONS 맵에서 직접 조회합니다.
+ *
+ * Synchronously gets Iconsax icon from ICONSAX_ICONS or ICONSAX_BOLD_ICONS map.
+ *
+ * @param iconName - Iconsax 아이콘 이름
+ * @param variant - Iconsax 아이콘 변형 (line | bold), 기본값 'line'
+ * @returns 아이콘 컴포넌트 또는 null
+ */
+declare function getIconsaxIconSync(iconName: string, variant?: IconsaxVariant): IconsaxIconComponent | null;
+/**
+ * 여러 아이콘을 미리 로드합니다 (FOUC 방지).
+ * 앱 초기화 시 자주 사용하는 아이콘을 프리로드하면 좋습니다.
+ *
+ * Preloads multiple icons to prevent FOUC.
+ * Good for preloading frequently used icons at app initialization.
+ *
+ * @param iconNames - 프리로드할 아이콘 이름 배열
+ * @returns 로드된 아이콘 수
+ *
+ * @example
+ * // 앱 시작 시
+ * await preloadIconsaxIcons(['Home2', 'User', 'Search', 'Menu'])
+ */
+declare function preloadIconsaxIcons(iconNames: string[]): Promise<number>;
+/**
+ * 자주 사용되는 기본 아이콘들을 프리로드합니다.
+ *
+ * Preloads commonly used default icons.
+ */
+declare function preloadCommonIconsaxIcons(): Promise<number>;
+/**
+ * 아이콘이 캐시에 있는지 확인합니다.
+ *
+ * Checks if an icon is in the cache.
+ */
+declare function isIconsaxIconCached(iconName: string): boolean;
+/**
+ * 캐시된 아이콘 목록을 반환합니다.
+ *
+ * Returns the list of cached icon names.
+ */
+declare function getCachedIconsaxIcons(): string[];
+/**
+ * Iconsax 아이콘 이름을 표준화합니다.
+ * kebab-case나 camelCase를 PascalCase로 변환합니다.
+ *
+ * Normalizes Iconsax icon name.
+ * Converts kebab-case or camelCase to PascalCase.
+ *
+ * @param name - 아이콘 이름
+ * @returns PascalCase 아이콘 이름
+ * @deprecated Use toPascalCase from normalize-icon-name.ts instead
+ */
+declare function normalizeIconsaxIconName(name: string): string;
+/**
+ * React.lazy와 함께 사용할 수 있는 아이콘 로더를 생성합니다.
+ *
+ * Creates an icon loader compatible with React.lazy.
+ *
+ * @param iconName - 아이콘 이름
+ * @returns React.lazy 컴포넌트
+ *
+ * @example
+ * const HomeIcon = createLazyIconsaxIcon('Home2')
+ * // 사용:
+ * <Suspense fallback={<span>...</span>}>
+ *   <HomeIcon />
+ * </Suspense>
+ */
+declare function createLazyIconsaxIcon(iconName: string): React.LazyExoticComponent<any>;
+
+declare const SvgRecord: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Iconsax Icons Barrel Export
+ * Auto-generated - do not edit manually
+ */
+
+type IconsaxIcon = ComponentType<SVGProps<SVGSVGElement>>;
+
+declare const ICONSAX_ICONS: SvgRecord<string, IconsaxIcon>;
+declare function getIconsaxIcon(name: string): IconsaxIcon | null;
+
+type IconsaxBoldIcon = ComponentType<SVGProps<SVGSVGElement>>;
+
+declare const ICONSAX_BOLD_ICONS: Record<string, IconsaxBoldIcon>;
+declare function getIconsaxBoldIcon(name: string): IconsaxBoldIcon | null;
+
+export { ICONSAX_BOLD_ICONS, ICONSAX_ICONS, ICONSAX_ICON_NAMES, IconsaxGallery, type IconsaxGalleryProps, type IconsaxIconComponent, type IconsaxIconName, createLazyIconsaxIcon, getCachedIconsaxIcons, getIconsaxBoldIcon, getIconsaxIcon, getIconsaxIconSync, isIconsaxIconCached, loadIconsaxIcon, normalizeIconsaxIconName, preloadCommonIconsaxIcons, preloadIconsaxIcons };

package/dist/iconsax.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Iconsax Icons Entry Point
+ *
+ * iconsax 아이콘은 코어 번들에서 분리되어 있습니다.
+ * 이 entry를 import하면 자동으로 iconsax resolver가 등록됩니다.
+ *
+ * 사용법:
+ * - import { IconsaxGallery } from '@hua-labs/ui/iconsax'
+ * - import '@hua-labs/ui/iconsax' (resolver 등록만)
+ *
+ * 프레임워크(hua-ux)에서도 이 entry를 통해 iconsax를 지원할 수 있습니다.
+ */
+export { IconsaxGallery, ICONSAX_ICON_NAMES } from './components/IconsaxGallery';
+export type { IconsaxGalleryProps, IconsaxIconName } from './components/IconsaxGallery';
+export { loadIconsaxIcon, getIconsaxIconSync, preloadIconsaxIcons, preloadCommonIconsaxIcons, isIconsaxIconCached, getCachedIconsaxIcons, normalizeIconsaxIconName, createLazyIconsaxIcon, } from './lib/iconsax-loader';
+export type { IconsaxIconComponent } from './lib/iconsax-loader';
+export { getIconsaxIcon, ICONSAX_ICONS } from './components/icons';
+export { getIconsaxBoldIcon, ICONSAX_BOLD_ICONS } from './components/icons-bold';
+//# sourceMappingURL=iconsax.d.ts.map

package/dist/iconsax.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconsax.d.ts","sourceRoot":"","sources":["../src/iconsax.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAWH,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChF,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAGvF,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,sBAAsB,CAAA;AAC7B,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAGhE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClE,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}