@hua-labs/ui 2.1.1 → 2.3.0

package/dist/components/ThemeToggle.d.ts

@@ -1,20 +1,19 @@
+import React from "react";
 /**
- * ThemeToggle 컴포넌트의 props / ThemeToggle component props
- * @typedef {Object} ThemeToggleProps
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
- * @property {"sm" | "md" | "lg"} [size="md"] - Toggle 크기 / Toggle size
- * @property {"button" | "icon" | "switch"} [variant="button"] - Toggle 스타일 변형 / Toggle style variant
- * @property {boolean} [showLabel=false] - 라벨 표시 여부 / Show label
- * @property {Object} [label] - 커스텀 라벨 텍스트 / Custom label text
- * @property {string} [label.light="라이트"] - 라이트 모드 라벨 / Light mode label
- * @property {string} [label.dark="다크"] - 다크 모드 라벨 / Dark mode label
- * @property {string} [label.system="시스템"] - 시스템 모드 라벨 / System mode label
+ * ThemeToggle component props
  */
-interface ThemeToggleProps {
-    className?: string;
+export interface ThemeToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> {
+    /** dot style utility string for the root element */
+    dot?: string;
+    /** Additional inline style for the root element */
+    style?: React.CSSProperties;
+    /** Toggle size */
     size?: "sm" | "md" | "lg";
+    /** Toggle style variant */
     variant?: "button" | "icon" | "switch";
+    /** Whether to show a text label */
     showLabel?: boolean;
+    /** Custom label text */
     label?: {
         light?: string;
         dark?: string;
@@ -22,37 +21,29 @@ interface ThemeToggleProps {
     };
 }
 /**
- * ThemeToggle 컴포넌트 / ThemeToggle component
+ * ThemeToggle component
  *
- * 테마를 전환하는 토글 컴포넌트입니다.
- * ThemeProvider와 함께 사용하며, light/dark/system 테마를 지원합니다.
- *
- * Toggle component for switching themes.
+ * Toggle component for switching between light/dark/system themes.
  * Used with ThemeProvider, supports light/dark/system themes.
  *
- * @component
  * @example
- * // 기본 사용 (버튼 스타일) / Basic usage (button style)
+ * // Basic usage (button style)
  * <ThemeToggle />
  *
  * @example
- * // 아이콘만 표시 / Icon only
+ * // Icon only
  * <ThemeToggle variant="icon" size="lg" />
  *
  * @example
- * // Switch 스타일 / Switch style
+ * // Switch style
  * <ThemeToggle variant="switch" />
  *
  * @example
- * // 라벨과 함께 / With label
+ * // With label
  * <ThemeToggle
  *   showLabel
  *   label={{ light: "밝게", dark: "어둡게" }}
  * />
- *
- * @param {ThemeToggleProps} props - ThemeToggle 컴포넌트의 props / ThemeToggle component props
- * @returns {JSX.Element} ThemeToggle 컴포넌트 / ThemeToggle component
  */
-export declare function ThemeToggle({ className, size, variant, showLabel, label, ...props }: ThemeToggleProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function ThemeToggle({ dot: dotProp, style, size, variant, showLabel, label, ...props }: ThemeToggleProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ThemeToggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../src/components/ThemeToggle.tsx"],"names":[],"mappings":"AAOA;;;;;;;;;;;GAWG;AACH,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;IACtC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;CACF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAW,EACX,OAAkB,EAClB,SAAiB,EACjB,KAIC,EACD,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAiHlB"}
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../src/components/ThemeToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAiDjD;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,WAAW,CACZ;IACC,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvC,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB;IACxB,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EAAE,OAAO,EACZ,KAAK,EACL,IAAW,EACX,OAAkB,EAClB,SAAiB,EACjB,KAIC,EACD,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAsNlB"}

package/dist/components/Timeline.d.ts

@@ -38,9 +38,9 @@ export interface TimelineItem {
  * @property {React.ReactNode} [emptyState] - 빈 상태 컴포넌트 / Empty state component
  * @property {boolean} [showConnector=true] - 연결선 표시 / Show connector
  * @property {"sm" | "md" | "lg"} [size="md"] - 크기 / Size
- * @extends {React.HTMLAttributes<HTMLDivElement>}
+ * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>}
  */
-export interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface TimelineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     items: TimelineItem[];
     orientation?: "vertical" | "horizontal";
     align?: "left" | "right" | "alternate";
@@ -49,6 +49,8 @@ export interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
     emptyState?: React.ReactNode;
     showConnector?: boolean;
     size?: "sm" | "md" | "lg";
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * Timeline 컴포넌트

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE/F;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AA+DD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiL5C,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C;;;GAGG;AACH,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AAEX;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,WAAW,CACZ;IACC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAiND;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsS5C,CAAC"}

package/dist/components/Toast.d.ts

@@ -114,7 +114,7 @@ interface ToastProviderProps {
  * @todo 접근성 개선: ToastItem에 role="alert" 또는 role="status" 추가 필요 / Accessibility: Add role="alert" or role="status" to ToastItem
  * @todo 접근성 개선: aria-live="polite" 또는 aria-live="assertive" 추가 필요 / Accessibility: Add aria-live="polite" or aria-live="assertive"
  */
-export declare function ToastProvider({ children, maxToasts, position }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastProvider({ children, maxToasts, position, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare const showToast: (_toast: Omit<Toast, "id">) => void;
 export declare const showSuccessToast: (_message: string, _title?: string, _duration?: number) => void;
 export declare const showErrorToast: (_message: string, _title?: string, _duration?: number) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,IAAI,CAAA;KACpB,CAAA;CACF;AAGD,UAAU,gBAAgB;IACxB,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,CAAA;IAC5C,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAKD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ,IAAI,gBAAgB,CAM3C;AAOD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAW/C;AAED;;;;;;GAMG;AACH,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,GAAG,YAAY,GAAG,eAAe,CAAA;CACtG;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAa,EACb,QAAsB,EACvB,EAAE,kBAAkB,2CAkCpB;AA0KD,eAAO,MAAM,SAAS,GAAI,QAAQ,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,SAElD,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,MAAM,EAAE,SAAS,MAAM,EAAE,YAAY,MAAM,SAErF,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,EAAE,SAAS,MAAM,EAAE,YAAY,MAAM,SAEnF,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,MAAM,EAAE,SAAS,MAAM,EAAE,YAAY,MAAM,SAErF,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,UAAU,MAAM,EAAE,SAAS,MAAM,EAAE,YAAY,MAAM,SAElF,CAAA"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAGD,UAAU,gBAAgB;IACxB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAKD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ,IAAI,gBAAgB,CAM3C;AAOD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAW/C;AAED;;;;;;GAMG;AACH,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EACL,WAAW,GACX,UAAU,GACV,cAAc,GACd,aAAa,GACb,YAAY,GACZ,eAAe,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAa,EACb,QAAsB,GACvB,EAAE,kBAAkB,2CA2CpB;AAmTD,eAAO,MAAM,SAAS,GAAI,QAAQ,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,SAElD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,UAAU,MAAM,EAChB,SAAS,MAAM,EACf,YAAY,MAAM,SAGnB,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,UAAU,MAAM,EAChB,SAAS,MAAM,EACf,YAAY,MAAM,SAGnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,UAAU,MAAM,EAChB,SAAS,MAAM,EACf,YAAY,MAAM,SAGnB,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,UAAU,MAAM,EAChB,SAAS,MAAM,EACf,YAAY,MAAM,SAGnB,CAAC"}

package/dist/components/Toggle.d.ts

@@ -1,4 +1,11 @@
 import React from "react";
+export declare const toggleVariantStyles: import("@hua-labs/dot").DotVariantsFn<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>;
 /**
  * Toggle 컴포넌트의 props / Toggle component props
  * @typedef {Object} ToggleProps
@@ -10,9 +17,10 @@ import React from "react";
  * @property {string} [description] - Toggle 설명 텍스트 / Toggle description text
  * @property {React.ReactNode} [icon] - 아이콘 / Icon
  * @property {"left" | "right"} [iconPosition="left"] - 아이콘 위치 / Icon position
- * @extends {Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'>}
+ * @property {string} [dot] - dot 유틸리티 문자열 / dot utility string
+ * @extends {Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'size'>}
  */
-export interface ToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+export interface ToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "size"> {
     variant?: "default" | "outline" | "filled" | "ghost" | "glass";
     size?: "sm" | "md" | "lg";
     pressed?: boolean;
@@ -21,6 +29,7 @@ export interface ToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
     description?: string;
     icon?: React.ReactNode;
     iconPosition?: "left" | "right";
+    dot?: string;
 }
 /**
  * Toggle 컴포넌트 / Toggle component

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/components/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC9F,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;IAC9D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,MAAM,uFAqFX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/components/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAWjD,eAAO,MAAM,mBAAmB;;;;;;EAY9B,CAAC;AA8GH;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,WAAW,GAAG,MAAM,CACrB;IACC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IAC/D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,MAAM,uFAuHX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Tooltip.d.ts

@@ -8,15 +8,18 @@ import React from "react";
  * @property {"default" | "light" | "dark"} [variant="default"] - Tooltip 스타일 변형 / Tooltip style variant
  * @property {number} [delay=300] - Tooltip 표시 지연 시간(ms) / Tooltip display delay (ms)
  * @property {boolean} [disabled=false] - Tooltip 비활성화 여부 / Disable tooltip
- * @extends {React.HTMLAttributes<HTMLDivElement>}
+ * @property {string} [dot] - dot utility string for wrapper element
+ * @property {React.CSSProperties} [style] - inline style for wrapper element
  */
-export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     content: string;
     children: React.ReactNode;
     position?: "top" | "bottom" | "left" | "right";
     variant?: "default" | "light" | "dark";
     delay?: number;
     disabled?: boolean;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * Tooltip 컴포넌트 / Tooltip component

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;;GAUG;AACH,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,QAAA,MAAM,OAAO,qFA+IZ,CAAA;AAID,eAAO,MAAM,YAAY,sGAIxB,CAAA;AAGD,eAAO,MAAM,WAAW,sGAIvB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAiIvC;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,WAAW,CACZ;IACC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,QAAA,MAAM,OAAO,qFA6HZ,CAAC;AAOF,eAAO,MAAM,YAAY,sGAG0C,CAAC;AAGpE,eAAO,MAAM,WAAW,sGAG0C,CAAC;AAGnE,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Upload.d.ts

@@ -37,9 +37,10 @@ export interface UploadedFile {
  * @property {boolean} [dragDrop=true] - 드래그 앤 드롭 활성화 / Enable drag and drop
  * @property {string} [placeholder="파일을 선택하거나 여기에 드래그하세요"] - 플레이스홀더 / Placeholder
  * @property {"sm" | "md" | "lg"} [size="md"] - 크기 / Size
- * @property {string} [className] - 추가 클래스명 / Additional class name
+ * @property {string} [dot] - dot 스타일 유틸리티 문자열 / Dot style utility string
+ * @property {React.CSSProperties} [style] - 인라인 스타일 / Inline style
  */
-export interface UploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export interface UploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "onChange"> {
     files?: UploadedFile[];
     onChange?: (files: File[]) => void;
     onRemove?: (file: UploadedFile) => void;
@@ -51,7 +52,8 @@ export interface UploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     dragDrop?: boolean;
     placeholder?: string;
     size?: "sm" | "md" | "lg";
-    className?: string;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * Upload 컴포넌트 / Upload component

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

@@ -1 +1 @@
-{"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["../../src/components/Upload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAA;IACtD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACzF,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,MAAM,oFAiNlB,CAAA"}
+{"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["../../src/components/Upload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,WAAW,GAAG,UAAU,CACzB;IACC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AA0BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,MAAM,oFAsVlB,CAAC"}

package/dist/components/advanced/AdvancedPageTransition.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
-export type TransitionType = 'fade' | 'slide' | 'scale' | 'flip' | 'morph' | 'cube' | 'zoom' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right';
-export type TransitionEasing = 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'bounce' | 'elastic' | 'smooth';
+import React from "react";
+export type TransitionType = "fade" | "slide" | "scale" | "flip" | "morph" | "cube" | "zoom" | "slide-up" | "slide-down" | "slide-left" | "slide-right";
+export type TransitionEasing = "linear" | "ease-in" | "ease-out" | "ease-in-out" | "bounce" | "elastic" | "smooth";
 export interface AdvancedPageTransitionProps {
     children: React.ReactNode;
-    className?: string;
+    dot?: string;
+    style?: React.CSSProperties;
     type?: TransitionType;
     duration?: number;
     easing?: TransitionEasing;
@@ -12,7 +13,8 @@ export interface AdvancedPageTransitionProps {
     onStart?: () => void;
     onComplete?: () => void;
     showProgress?: boolean;
-    progressClassName?: string;
+    progressDot?: string;
+    progressStyle?: React.CSSProperties;
 }
 export declare const AdvancedPageTransition: React.ForwardRefExoticComponent<AdvancedPageTransitionProps & React.RefAttributes<HTMLDivElement>>;
 export declare const FadePageTransition: React.ForwardRefExoticComponent<Omit<AdvancedPageTransitionProps, "type"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/advanced/AdvancedPageTransition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedPageTransition.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/AdvancedPageTransition.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,aAAa,CAAA;AAEjB,MAAM,MAAM,gBAAgB,GACxB,QAAQ,GACR,SAAS,GACT,UAAU,GACV,aAAa,GACb,QAAQ,GACR,SAAS,GACT,QAAQ,CAAA;AAEZ,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,eAAO,MAAM,sBAAsB,oGAkNjC,CAAA;AAKF,eAAO,MAAM,kBAAkB,kHAE7B,CAAA;AAEF,eAAO,MAAM,mBAAmB,kHAE9B,CAAA;AAEF,eAAO,MAAM,mBAAmB,kHAE9B,CAAA;AAEF,eAAO,MAAM,kBAAkB,kHAE7B,CAAA;AAEF,eAAO,MAAM,mBAAmB,kHAE9B,CAAA;AAEF,eAAO,MAAM,kBAAkB,kHAE7B,CAAA;AAEF,eAAO,MAAM,kBAAkB,kHAE7B,CAAA"}
+{"version":3,"file":"AdvancedPageTransition.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/AdvancedPageTransition.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,aAAa,CAAC;AAElB,MAAM,MAAM,gBAAgB,GACxB,QAAQ,GACR,SAAS,GACT,UAAU,GACV,aAAa,GACb,QAAQ,GACR,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACrC;AAED,eAAO,MAAM,sBAAsB,oGAuQlC,CAAC;AAKF,eAAO,MAAM,kBAAkB,kHAG+C,CAAC;AAE/E,eAAO,MAAM,mBAAmB,kHAG+C,CAAC;AAEhF,eAAO,MAAM,mBAAmB,kHAG+C,CAAC;AAEhF,eAAO,MAAM,kBAAkB,kHAG+C,CAAC;AAE/E,eAAO,MAAM,mBAAmB,kHAG+C,CAAC;AAEhF,eAAO,MAAM,kBAAkB,kHAG+C,CAAC;AAE/E,eAAO,MAAM,kBAAkB,kHAG+C,CAAC"}

package/dist/components/advanced/AnimatedGradient.d.ts

@@ -7,14 +7,18 @@ import React from "react";
  * @property {number} [blurAmount=100] - 블러 양 (px) / Blur amount in pixels
  * @property {"linear" | "radial" | "conic" | "mesh"} [type="mesh"] - 그라디언트 타입 / Gradient type
  * @property {boolean} [animate=true] - 애니메이션 활성화 / Enable animation
+ * @property {string} [dot] - dot utility string for additional styles
+ * @property {React.CSSProperties} [style] - inline style overrides
  */
-export interface AnimatedGradientProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface AnimatedGradientProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {
     colors?: string[];
     speed?: number;
     blur?: boolean;
     blurAmount?: number;
     type?: "linear" | "radial" | "conic" | "mesh";
     animate?: boolean;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * AnimatedGradient 컴포넌트 / AnimatedGradient component
@@ -28,7 +32,7 @@ export interface AnimatedGradientProps extends React.HTMLAttributes<HTMLDivEleme
  * @component
  * @example
  * // 메쉬 그라디언트 / Mesh gradient
- * <AnimatedGradient type="mesh" className="absolute inset-0 -z-10" />
+ * <AnimatedGradient type="mesh" dot="absolute inset-0" style={{ zIndex: -1 }} />
  *
  * @example
  * // 커스텀 색상 / Custom colors

package/dist/components/advanced/AnimatedGradient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedGradient.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/AnimatedGradient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD;;;;;;;;GAQG;AACH,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AASD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,gBAAgB,8FAuJrB,CAAC;AAuBF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"AnimatedGradient.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/AnimatedGradient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D;;;;;;;;;;GAUG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC;IACpG,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAkBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,gBAAgB,8FA+JrB,CAAC;AAIF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/advanced/Carousel.d.ts

@@ -15,8 +15,10 @@ import React from "react";
  * @property {boolean} [showPlayPause=false] - 재생/일시정지 버튼 표시 / Show play/pause button
  * @property {"left" | "right" | "center"} [playPausePosition="right"] - 재생/일시정지 버튼 위치 / Play/pause button position
  */
-export interface CarouselProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+export interface CarouselProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "className"> {
     children: React.ReactNode[];
+    dot?: string;
+    style?: React.CSSProperties;
     autoPlay?: boolean;
     interval?: number;
     loop?: boolean;

package/dist/components/advanced/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAClD,iBAAiB,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,YAAY,CAAC;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChD,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,QAAQ,sFA6bb,CAAC;AAwDF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,WAAW,CACzB;IACC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAClD,iBAAiB,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,YAAY,CAAC;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChD,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,QAAQ,sFAiiBb,CAAC;AA+CF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/advanced/DotNav.d.ts

@@ -5,21 +5,28 @@ export interface DotNavItem {
     /** 라벨 (호버 시 표시) */
     label?: string;
 }
-export interface DotNavProps extends React.HTMLAttributes<HTMLElement> {
+export interface DotNavProps extends Omit<React.HTMLAttributes<HTMLElement>, "className"> {
     /** 섹션 목록 */
     items: DotNavItem[];
     /** 위치 @default 'right' */
     position?: "left" | "right";
-    /** 활성 색상 @default 'bg-primary' */
-    activeColor?: string;
-    /** 비활성 색상 @default 'bg-muted-foreground/30' */
-    inactiveColor?: string;
+    /** 활성 도트 스타일 오버라이드 */
+    activeDotStyle?: React.CSSProperties;
+    /** 비활성 도트 스타일 오버라이드 */
+    inactiveDotStyle?: React.CSSProperties;
+    /** dot 유틸리티 스트링 (컨테이너) */
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * DotNav - 섹션 도트 네비게이터
  *
  * 포트폴리오/immersive 테마용 고정 위치 네비게이션.
  * 스크롤 위치에 따라 활성 섹션 자동 추적.
+ *
+ * @example
+ * <DotNav items={[{ id: 'hero', label: 'Hero' }, { id: 'about', label: 'About' }]} />
+ * <DotNav items={sections} position="left" />
  */
 declare const DotNav: React.ForwardRefExoticComponent<DotNavProps & React.RefAttributes<HTMLElement>>;
 export { DotNav };

package/dist/components/advanced/DotNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DotNav.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/DotNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,MAAM,WAAW,UAAU;IACzB,4BAA4B;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE,YAAY;IACZ,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,QAAA,MAAM,MAAM,iFA6FX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"DotNav.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/DotNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,MAAM,WAAW,UAAU;IACzB,4BAA4B;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ;IACC,YAAY;IACZ,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,sBAAsB;IACtB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,uBAAuB;IACvB,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,0BAA0B;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAmHD;;;;;;;;;GASG;AACH,QAAA,MAAM,MAAM,iFA+EX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/advanced/GlowCard.d.ts

@@ -6,13 +6,16 @@ import React from "react";
  * @property {number} [glowOpacity=0.6] - 글로우 투명도 / Glow opacity
  * @property {boolean} [border=true] - 글로우 보더 표시 / Show glow border
  * @property {string} [borderColor] - 보더 색상 (기본: glowColor) / Border color (default: glowColor)
+ * @property {string} [dot] - dot utility string for additional styles
  */
-export interface GlowCardProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface GlowCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     glowColor?: string;
     glowSize?: number;
     glowOpacity?: number;
     border?: boolean;
     borderColor?: string;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * GlowCard 컴포넌트 / GlowCard component

package/dist/components/advanced/GlowCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlowCard.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/GlowCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D;;;;;;;GAOG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ,sFAyFb,CAAC;AAiBF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"GlowCard.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/GlowCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAKtE;;;;;;;;GAQG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,WAAW,CACZ;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAwBD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ,sFAoGb,CAAC;AAmBF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/advanced/HorizontalScroll.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export interface HorizontalScrollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onProgress'> {
+export interface HorizontalScrollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'onProgress'> {
     /** 가로 스크롤 컨텐츠 */
     children: React.ReactNode;
     /** 스크롤 높이 배율 (패널 수 × 이 값 = 총 스크롤 높이) @default 1 */
@@ -8,6 +8,9 @@ export interface HorizontalScrollProps extends Omit<React.HTMLAttributes<HTMLDiv
     snap?: boolean;
     /** 진행률 콜백 */
     onProgress?: (progress: number) => void;
+    /** dot 유틸리티 클래스 (outer wrapper에 적용) */
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * HorizontalScroll - 세로 스크롤을 가로 스크롤로 변환

package/dist/components/advanced/HorizontalScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalScroll.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/HorizontalScroll.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC;IAChE,iBAAiB;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa;IACb,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;;;GAKG;AACH,QAAA,MAAM,gBAAgB,8FAwFrB,CAAC;AAgBF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"HorizontalScroll.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/HorizontalScroll.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAC9E,iBAAiB;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa;IACb,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;GAKG;AACH,QAAA,MAAM,gBAAgB,8FA0GrB,CAAC;AAgBF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/advanced/ImageReveal.d.ts

@@ -1,5 +1,16 @@
 import React from "react";
-export interface ImageRevealProps extends React.HTMLAttributes<HTMLDivElement> {
+/**
+ * ImageReveal 컴포넌트의 props / ImageReveal component props
+ * @property {string} src - 이미지 src / Image src
+ * @property {string} alt - 이미지 alt / Image alt
+ * @property {"left"|"right"|"up"|"down"} [direction="left"] - 공개 방향 / Reveal direction
+ * @property {number} [threshold=0.3] - 공개 시작 임계값 (0-1) / Reveal threshold (0-1)
+ * @property {string} [height="400px"] - 이미지 높이 / Image height
+ * @property {string} [overlayColor] - 오버레이 색상 / Overlay color
+ * @property {string} [dot] - dot utility string for additional styles
+ * @property {React.CSSProperties} [style] - inline style overrides
+ */
+export interface ImageRevealProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {
     /** 이미지 src */
     src: string;
     /** 이미지 alt */
@@ -12,12 +23,23 @@ export interface ImageRevealProps extends React.HTMLAttributes<HTMLDivElement> {
     height?: string;
     /** 오버레이 색상 */
     overlayColor?: string;
+    /** dot utility string for additional styles */
+    dot?: string;
+    /** inline style overrides */
+    style?: React.CSSProperties;
 }
 /**
  * ImageReveal - 스크롤 기반 이미지 공개 컴포넌트
  *
  * TextReveal에서 영감 받은 이미지 공개 효과.
  * clip-path를 사용하여 스크롤에 따라 이미지가 점진적으로 드러남.
+ *
+ * @component
+ * @example
+ * <ImageReveal src="/photo.jpg" alt="Scenic view" direction="left" />
+ *
+ * @example
+ * <ImageReveal src="/hero.jpg" alt="Hero image" direction="up" height="600px" overlayColor="rgba(0,0,0,0.4)" />
  */
 declare const ImageReveal: React.ForwardRefExoticComponent<ImageRevealProps & React.RefAttributes<HTMLDivElement>>;
 export { ImageReveal };

package/dist/components/advanced/ImageReveal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageReveal.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/ImageReveal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,cAAc;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7C,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,QAAA,MAAM,WAAW,yFA0FhB,CAAC;AA6CF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"ImageReveal.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/ImageReveal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAIjF;;;;;;;;;;GAUG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC;IAC/F,cAAc;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7C,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,WAAW,yFA6GhB,CAAC;AA+BF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/advanced/Marquee.d.ts

@@ -7,10 +7,10 @@ import React from "react";
  * @property {boolean} [pauseOnClick=false] - 클릭시 일시정지 / Pause on click
  * @property {number} [gap=16] - 아이템 간격 (px) / Gap between items in pixels
  * @property {boolean} [gradient=true] - 양쪽 페이드 그라디언트 / Fade gradient on edges
- * @property {string} [gradientColor="hsl(var(--background))"] - 그라디언트 색상 / Gradient color
+ * @property {string} [gradientColor="var(--color-background)"] - 그라디언트 색상 / Gradient color
  * @property {number} [gradientWidth=100] - 그라디언트 너비 (px) / Gradient width in pixels
  */
-export interface MarqueeProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface MarqueeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     direction?: "left" | "right" | "up" | "down";
     speed?: number;
     pauseOnHover?: boolean;
@@ -19,6 +19,8 @@ export interface MarqueeProps extends React.HTMLAttributes<HTMLDivElement> {
     gradient?: boolean;
     gradientColor?: string;
     gradientWidth?: number;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * Marquee 컴포넌트 / Marquee component

package/dist/components/advanced/Marquee.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Marquee.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/Marquee.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D;;;;;;;;;;GAUG;AACH,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,OAAO,qFAqKZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Marquee.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/Marquee.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAGpE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,WAAW,CACZ;IACC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,OAAO,qFAmMZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/advanced/Parallax.d.ts

@@ -8,8 +8,9 @@ import React from "react";
  * @property {boolean} [scale=false] - 스케일 효과 추가 / Add scale effect
  * @property {boolean} [opacity=false] - 투명도 효과 추가 / Add opacity effect
  * @property {boolean} [rotate=false] - 회전 효과 추가 / Add rotation effect
+ * @property {boolean} [disableOnMobile=false] - 모바일(768px 미만)에서 자동 비활성화
  */
-export interface ParallaxProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ParallaxProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {
     speed?: number;
     direction?: "up" | "down" | "left" | "right";
     offset?: number;
@@ -18,6 +19,9 @@ export interface ParallaxProps extends React.HTMLAttributes<HTMLDivElement> {
     opacity?: boolean;
     rotate?: boolean;
     rotateDirection?: "cw" | "ccw";
+    disableOnMobile?: boolean;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * Parallax 컴포넌트 / Parallax component
@@ -25,20 +29,21 @@ export interface ParallaxProps extends React.HTMLAttributes<HTMLDivElement> {
  * 스크롤에 반응하여 패럴렉스 효과를 제공하는 컴포넌트입니다.
  * 다양한 방향과 속도, 추가 효과(스케일, 투명도, 회전)를 지원합니다.
  *
- * Component that provides parallax effect in response to scrolling.
- * Supports various directions, speeds, and additional effects (scale, opacity, rotation).
+ * 성능 최적화:
+ * - 모든 인스턴스가 하나의 scroll/resize 리스너 공유
+ * - IntersectionObserver로 뷰포트 밖 요소 업데이트 건너뛰기
+ * - ref 기반 직접 DOM 조작 (React 리렌더 없음)
  *
  * @component
  * @example
- * // 기본 사용 / Basic usage
  * <Parallax speed={0.3}>
  *   <img src="/background.jpg" alt="background" />
  * </Parallax>
  *
  * @example
- * // 다양한 효과 / With effects
- * <Parallax speed={0.5} scale opacity direction="up">
- *   <div className="h-screen bg-gradient-to-b from-indigo-500 to-purple-600" />
+ * // 모바일에서 비활성화
+ * <Parallax speed={0.5} disableOnMobile>
+ *   <div style={{ position: 'absolute', inset: 0 }} />
  * </Parallax>
  */
 declare const Parallax: React.ForwardRefExoticComponent<ParallaxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/advanced/Parallax.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Parallax.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/Parallax.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,QAAQ,sFAoHb,CAAC;AAoCF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Parallax.d.ts","sourceRoot":"","sources":["../../../src/components/advanced/Parallax.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D;;;;;;;;;;GAUG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC;IAC5F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAsCD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,QAAQ,sFA2Ib,CAAC;AAiBF,OAAO,EAAE,QAAQ,EAAE,CAAC"}