@hua-labs/ui 2.1.1 → 2.3.0

package/dist/components/Form.d.ts

@@ -1,113 +1,79 @@
 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>}
+ * Form component props
  */
-export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
+export interface FormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "className"> {
     onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
     variant?: "default" | "glass";
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * FormField 컴포넌트의 props / FormField component props
- * @typedef {Object} FormFieldProps
- * @property {string} [error] - 에러 메시지 / Error message
- * @property {boolean} [required=false] - 필수 필드 여부 / Required field
- * @extends {React.HTMLAttributes<HTMLDivElement>}
+ * FormField component props
  */
-export interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface FormFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     error?: string;
     required?: boolean;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * FormGroup 컴포넌트의 props / FormGroup component props
- * @typedef {Object} FormGroupProps
- * @property {boolean} [inline=false] - 인라인 레이아웃 여부 / Inline layout
- * @extends {React.HTMLAttributes<HTMLDivElement>}
+ * FormGroup component props
  */
-export interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface FormGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     inline?: boolean;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * 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('제출') }}>
+ * <Form onSubmit={(e) => { e.preventDefault(); console.log('submit') }}>
  *   <FormField>
- *     <Label>이름</Label>
+ *     <Label>Name</Label>
  *     <Input />
  *   </FormField>
  * </Form>
  *
  * @example
- * // Glass 스타일 / Glass style
+ * // Glass variant
  * <Form variant="glass" onSubmit={handleSubmit}>
  *   <FormGroup>
  *     <FormField>
- *       <Label>이메일</Label>
+ *       <Label>Email</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>
+ * <FormField error="This field is required" required>
+ *   <Label>Name</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>
+ *     <Label>First Name</Label>
  *     <Input />
  *   </FormField>
  *   <FormField>
- *     <Label>성</Label>
+ *     <Label>Last Name</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 };

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

@@ -1 +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"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/components/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAoDvC;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,EACzC,WAAW,CACZ;IACC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,WAAW,CACZ;IACC,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;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,WAAW,CACZ;IACC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAMD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,IAAI,mFAqBT,CAAC;AAOF;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,uFAiEd,CAAC;AAOF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,SAAS,uFAad,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/FormControl.d.ts

@@ -19,7 +19,8 @@ export interface FormControlProps {
     htmlFor?: string;
     showErrorIcon?: boolean;
     suppressBrowserValidation?: boolean;
-    className?: string;
+    dot?: string;
+    style?: React.CSSProperties;
     children: React.ReactNode;
 }
 /**
@@ -48,7 +49,7 @@ export interface FormControlProps {
  *   <Input type="password" />
  * </FormControl>
  */
-declare function FormControl({ label, description, error, required, htmlFor, showErrorIcon, suppressBrowserValidation, className, children, }: FormControlProps): import("react/jsx-runtime").JSX.Element;
+declare function FormControl({ label, description, error, required, htmlFor, showErrorIcon, suppressBrowserValidation, dot: dotProp, style, children, }: FormControlProps): import("react/jsx-runtime").JSX.Element;
 /**
  * useFormValidation 훅 / useFormValidation hook
  *

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

@@ -1 +1 @@
-{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,aAAoB,EACpB,yBAAgC,EAChC,SAAS,EACT,QAAQ,GACT,EAAE,gBAAgB,2CAwElB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH;;GAEG;AACH,KAAK,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,cAAc,GAAG,UAAU,CAAC;AAEhF;;GAEG;AACH,QAAA,MAAM,kBAAkB,EAAE,MAAM,CAAC,gBAAgB,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAqBtF,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC;IAClE,QAAQ,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AACtD,KAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE/C,iBAAS,iBAAiB,CAAC,aAAa,GAAE,gBAAqB;;sBAGlB,eAAe,KAAG,OAAO;wBAoEvB,MAAM;;;EAapD;AAqBD,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,CAAC;AAC9D,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,aAAoB,EACpB,yBAAgC,EAChC,GAAG,EAAE,OAAO,EACZ,KAAK,EACL,QAAQ,GACT,EAAE,gBAAgB,2CAwElB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH;;GAEG;AACH,KAAK,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,cAAc,GAAG,UAAU,CAAC;AAEhF;;GAEG;AACH,QAAA,MAAM,kBAAkB,EAAE,MAAM,CAAC,gBAAgB,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAqBtF,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC;IAClE,QAAQ,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AACtD,KAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE/C,iBAAS,iBAAiB,CAAC,aAAa,GAAE,gBAAqB;;sBAGlB,eAAe,KAAG,OAAO;wBAoEvB,MAAM;;;EAapD;AAqBD,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,CAAC;AAC9D,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Grid.d.ts

@@ -1,16 +1,23 @@
 import React from "react";
-export declare const gridVariants: (props?: ({
-    gap?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const gridVariants: import("@hua-labs/dot").DotVariantsFn<{
+    gap: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}>;
 /**
  * Grid 컴포넌트의 props
  */
-export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {
     cols?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
     gap?: "none" | "sm" | "md" | "lg" | "xl";
     gapX?: "none" | "sm" | "md" | "lg" | "xl";
     gapY?: "none" | "sm" | "md" | "lg" | "xl";
     responsive?: boolean;
+    dot?: string;
 }
 /**
  * Grid 컴포넌트

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,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,YAAY;;8EAgBxB,CAAA;AAqBD;;GAEG;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;;;;;;;;;GASG;AACH,QAAA,MAAM,IAAI,kFAwBT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/components/Grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAOtC,eAAO,MAAM,YAAY;;;;;;;;EAcvB,CAAA;AAWF;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC;IACxF,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;IACpB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,IAAI,kFAqDT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/HeroSection.d.ts

@@ -22,7 +22,7 @@ export interface HeroSlide {
 /**
  * HeroSection 컴포넌트의 props
  */
-export interface HeroSectionProps extends React.HTMLAttributes<HTMLElement> {
+export interface HeroSectionProps extends Omit<React.HTMLAttributes<HTMLElement>, "className"> {
     title?: string;
     subtitle?: string;
     description?: string;
@@ -52,9 +52,11 @@ export interface HeroSectionProps extends React.HTMLAttributes<HTMLElement> {
     size?: "sm" | "md" | "lg" | "xl" | "full";
     /**
      * 헤더 뒤까지 확장 (fixed header가 있을 때)
-     * true면 -mt-16 적용되어 헤더 뒤로 들어감
+     * true면 -mt-16 / pt-16 적용되어 헤더 뒤로 들어감
      */
     fullBleed?: boolean;
+    /** dot utility string for additional styles */
+    dot?: string;
 }
 /**
  * HeroSection 컴포넌트

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

@@ -1 +1 @@
-{"version":3,"file":"HeroSection.d.ts","sourceRoot":"","sources":["../../src/components/HeroSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,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,KAAK,CAAC,SAAS,CAAA;KACvB,CAAA;IACD,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KACvB,CAAA;IACD,UAAU,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAA;IACxD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAEzE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KACvB,CAAA;IACD,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KACvB,CAAA;IAED,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,UAAU,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,CAAA;IAClE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;;GAKG;AACH,QAAA,MAAM,WAAW,sFAsThB,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"HeroSection.d.ts","sourceRoot":"","sources":["../../src/components/HeroSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAyRzE;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF,UAAU,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ;IAEC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IAEF,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,UAAU,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;IACnE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAID;;;;;GAKG;AACH,QAAA,MAAM,WAAW,sFAqShB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -1,8 +1,8 @@
-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';
+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
  */
@@ -13,6 +13,10 @@ export interface IconProps {
     size?: number | string;
     /** 추가 CSS 클래스 / Additional CSS classes */
     className?: string;
+    /** dot 스타일 유틸리티 문자열 / Dot style utility string */
+    dot?: string;
+    /** 인라인 스타일 / Inline style */
+    style?: React.CSSProperties;
     /** 감정 아이콘 타입 / Emotion icon type */
     emotion?: keyof typeof emotionIcons;
     /** 상태 아이콘 타입 / Status icon type */
@@ -28,13 +32,13 @@ export interface IconProps {
     /** 바운스 애니메이션 / Bounce animation */
     bounce?: boolean;
     /** 색상 변형 / Color variant */
-    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'muted' | 'inherit';
+    variant?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "muted" | "inherit";
     /** Phosphor 아이콘 weight 오버라이드 / Phosphor icon weight override */
     weight?: PhosphorWeight;
     /** 스크린 리더용 라벨 / Screen reader label */
-    'aria-label'?: string;
+    "aria-label"?: string;
     /** 장식용 아이콘 / Decorative icon (hidden from screen readers) */
-    'aria-hidden'?: boolean;
+    "aria-hidden"?: boolean;
 }
 /**
  * Icon 컴포넌트

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

@@ -1 +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;;GAEG;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,+CAA+C;IAC/C,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,GAAG,SAAS,CAAA;IACrG,gEAAgE;IAChE,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,aAAa,mFAoMjB,CAAA;AAuBF,eAAO,MAAM,IAAI,EAAmB,OAAO,aAAa,CAAA;AAGxD,eAAO,MAAM,WAAW;aAA0E,MAAM,OAAO,YAAY;yCAE1H,CAAA;AAGD,eAAO,MAAM,UAAU;YAAyE,MAAM,OAAO,WAAW;yCAEvH,CAAA;AAGD,eAAO,MAAM,WAAW,2GAIvB,CAAA;AAGD,eAAO,MAAM,WAAW,2GAIvB,CAAA;AAGD,eAAO,MAAM,SAAS,2GAIrB,CAAA"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAmB,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQ7E,OAAO,EAAkB,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,yBAAyB;IACzB,IAAI,EAAE,WAAW,CAAC;IAClB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACpC,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAClC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,OAAO,GACP,OAAO,GACP,SAAS,CAAC;IACd,gEAAgE;IAChE,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,aAAa,mFA0PlB,CAAC;AAwBF,eAAO,MAAM,IAAI,EAAmB,OAAO,aAAa,CAAC;AAGzD,eAAO,MAAM,WAAW;aAEe,MAAM,OAAO,YAAY;yCACH,CAAC;AAG9D,eAAO,MAAM,UAAU;YAEe,MAAM,OAAO,WAAW;yCACF,CAAC;AAG7D,eAAO,MAAM,WAAW,2GAYtB,CAAC;AAGH,eAAO,MAAM,WAAW,2GAYtB,CAAC;AAGH,eAAO,MAAM,SAAS,2GAYpB,CAAC"}

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

@@ -1,6 +1,7 @@
+import React from "react";
 export 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"];
-export type IconsaxIconName = typeof ICONSAX_ICON_NAMES[number];
-export type IconsaxVariant = 'line' | 'bold';
+export type IconsaxIconName = (typeof ICONSAX_ICON_NAMES)[number];
+export type IconsaxVariant = "line" | "bold";
 export interface IconsaxGalleryProps {
     /** Default variant to show */
     defaultVariant?: IconsaxVariant;
@@ -14,8 +15,10 @@ export interface IconsaxGalleryProps {
     showSearch?: boolean;
     /** Show icon count */
     showCount?: boolean;
-    /** Custom class name */
-    className?: string;
+    /** dot utility styles */
+    dot?: string;
+    /** Additional inline style */
+    style?: React.CSSProperties;
     /** Grid columns (default responsive) */
     columns?: number;
 }
@@ -40,6 +43,6 @@ export interface IconsaxGalleryProps {
  * />
  * ```
  */
-export declare function IconsaxGallery({ defaultVariant, onIconClick, formatCopyText, showVariantToggle, showSearch, showCount, className, columns, }: IconsaxGalleryProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconsaxGallery({ defaultVariant, onIconClick, formatCopyText, showVariantToggle, showSearch, showCount, dot, style, columns, }: IconsaxGalleryProps): import("react/jsx-runtime").JSX.Element;
 export default IconsaxGallery;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconsaxGallery/index.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB,qyIAgDrB,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAA;AAC/D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAE5C,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,oCAAoC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7D,kCAAkC;IAClC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,KAAK,MAAM,CAAA;IAClE,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,wBAAwB;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AA0CD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,cAAuB,EACvB,WAAW,EACX,cAAoD,EACpD,iBAAwB,EACxB,UAAiB,EACjB,SAAgB,EAChB,SAAS,EACT,OAAO,GACR,EAAE,mBAAmB,2CAoFrB;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconsaxGallery/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAWvD,eAAO,MAAM,kBAAkB,qyIA2UrB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAClE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,oCAAoC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9D,kCAAkC;IAClC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,KAAK,MAAM,CAAC;IACnE,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wBAAwB;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAwHD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,cAAuB,EACvB,WAAW,EACX,cAAoD,EACpD,iBAAwB,EACxB,UAAiB,EACjB,SAAgB,EAChB,GAAG,EACH,KAAK,EACL,OAAO,GACR,EAAE,mBAAmB,2CAgHrB;AAED,eAAe,cAAc,CAAC"}

package/dist/components/InfoCard.d.ts

@@ -6,12 +6,15 @@ import type { IconName } from "../lib/icons";
  * @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>}
+ * @property {string} [dot] - dot 스타일 유틸리티 문자열 / Dot style utility string
+ * @property {React.CSSProperties} [style] - 인라인 스타일 / Inline style
  */
-export interface InfoCardProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface InfoCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     title: string;
     icon: IconName;
     tone?: "blue" | "purple" | "green" | "orange";
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * InfoCard 컴포넌트 / InfoCard component

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

@@ -1 +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"}
+{"version":3,"file":"InfoCard.d.ts","sourceRoot":"","sources":["../../src/components/InfoCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAsF7C;;;;;;;;GAQG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,WAAW,CACZ;IACC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,sFA0EpB,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/components/Input.d.ts

@@ -1,14 +1,39 @@
 import React from "react";
-export declare const inputVariants: (props?: ({
-    variant?: "default" | "filled" | "outline" | "glass" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+import type { CSSProperties } from "react";
+export declare const inputVariantStyles: import("@hua-labs/dot").DotVariantsFn<{
+    variant: {
+        default: string;
+        outline: string;
+        filled: string;
+        glass: string;
+    };
+    rounded: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>;
+/** All Input variants share the same focus ring (FORM_FOCUS_BASE) */
 /**
  * Input 컴포넌트의 props / Input component props
  */
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "className" | "size"> {
     variant?: "default" | "outline" | "filled" | "glass";
+    rounded?: "none" | "sm" | "md" | "lg" | "xl" | "full";
+    size?: "sm" | "md" | "lg";
     error?: boolean;
     success?: boolean;
+    dot?: string;
+    style?: CSSProperties;
+    leftIcon?: React.ReactNode;
 }
 /**
  * Input 컴포넌트 / Input component

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,aAAa;;8EAezB,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;GAQG;AACH,QAAA,MAAM,KAAK,qFAoBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAcxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;EA4B7B,CAAC;AAUH,qEAAqE;AAErE;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,WAAW,GAAG,MAAM,CACrB;IACC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACtD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,QAAA,MAAM,KAAK,qFAmIV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Label.d.ts

@@ -1,25 +1,30 @@
 import React from "react";
-export declare const labelVariants: (props?: ({
-    variant?: "default" | "glass" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const labelVariantStyles: import("@hua-labs/dot").DotVariantsFn<{
+    variant: {
+        default: string;
+        glass: string;
+    };
+}>;
 /**
- * Label 컴포넌트의 props / Label component props
+ * Label component props
  */
-export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+export interface LabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'className'> {
     required?: boolean;
     error?: boolean;
     disabled?: boolean;
     variant?: "default" | "glass";
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * Label 컴포넌트 / Label component
+ * Label component
  *
- * 폼 필드의 레이블을 표시하는 컴포넌트입니다.
+ * A component for displaying form field labels.
  *
  * @example
- * <Label htmlFor="email">이메일</Label>
- * <Label required htmlFor="name">이름</Label>
- * <Label error htmlFor="password">비밀번호</Label>
+ * <Label htmlFor="email">Email</Label>
+ * <Label required htmlFor="name">Name</Label>
+ * <Label error htmlFor="password">Password</Label>
  */
 declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
 export { Label };

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

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,aAAa;;8EAazB,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC9B;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,KAAK,qFA6BV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,eAAO,MAAM,kBAAkB;;;;;EAa9B,CAAA;AAcD;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,KAAK,qFAyCV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/LanguageToggle.d.ts

@@ -2,7 +2,6 @@ import React from "react";
 /**
  * LanguageToggle 컴포넌트의 props / LanguageToggle component props
  * @typedef {Object} LanguageToggleProps
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
  * @property {"sm" | "md" | "lg"} [size="md"] - Toggle 크기 / Toggle size
  * @property {"button" | "icon" | "dropdown"} [variant="button"] - Toggle 스타일 변형 / Toggle style variant
  * @property {boolean} [showLabel=false] - 라벨 표시 여부 / Show label
@@ -12,9 +11,10 @@ import React from "react";
  * @property {string} [languages[].flag] - 언어 플래그 이모지 / Language flag emoji
  * @property {string} [currentLanguage="ko"] - 현재 선택된 언어 코드 / Currently selected language code
  * @property {(language: string) => void} [onLanguageChange] - 언어 변경 콜백 / Language change callback
+ * @property {string} [dot] - dot 유틸리티 스타일 문자열 / dot utility style string
+ * @property {React.CSSProperties} [style] - 추가 인라인 스타일 / Additional inline style
  */
-export interface LanguageToggleProps {
-    className?: string;
+export interface LanguageToggleProps extends Omit<React.HTMLAttributes<HTMLElement>, "className"> {
     size?: "sm" | "md" | "lg";
     variant?: "button" | "icon" | "dropdown";
     showLabel?: boolean;
@@ -25,6 +25,8 @@ export interface LanguageToggleProps {
     }>;
     currentLanguage?: string;
     onLanguageChange?: (language: string) => void;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * LanguageToggle 컴포넌트 / LanguageToggle component

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

@@ -1 +1 @@
-{"version":3,"file":"LanguageToggle.d.ts","sourceRoot":"","sources":["../../src/components/LanguageToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAA;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC;QAChB,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAC,CAAA;IACF,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,cAAc,4FAmKnB,CAAA;AAGD,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"LanguageToggle.d.ts","sourceRoot":"","sources":["../../src/components/LanguageToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAoIjD;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ;IACC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAID;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,cAAc,4FAiMnB,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Link.d.ts

@@ -1,8 +1,18 @@
 import React from "react";
-export declare const linkVariants: (props?: ({
-    variant?: "default" | "underline" | "secondary" | "ghost" | "primary" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const linkVariants: import("@hua-labs/dot").DotVariantsFn<{
+    variant: {
+        default: string;
+        primary: string;
+        secondary: string;
+        ghost: string;
+        underline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>;
 /**
  * Link 컴포넌트의 props / Link component props
  */
@@ -12,7 +22,8 @@ export interface LinkProps {
     variant?: "default" | "primary" | "secondary" | "ghost" | "underline";
     size?: "sm" | "md" | "lg";
     external?: boolean;
-    className?: string;
+    dot?: string;
+    style?: React.CSSProperties;
     onClick?: () => void;
 }
 /**
@@ -26,5 +37,5 @@ export interface LinkProps {
  * <Link href="https://example.com" external>외부 사이트</Link>
  * <Link href="/contact" variant="primary" size="lg">문의하기</Link>
  */
-export declare function Link({ href, children, className, variant, size, external, onClick }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ href, children, dot: dotProp, variant, size, external, style, onClick, }: LinkProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Link.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,YAAY;;;8EAsBxB,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,WAAW,CAAA;IACrE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,OAAO,EACR,EAAE,SAAS,2CAYX"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAMhD,eAAO,MAAM,YAAY;;;;;;;;;;;;;EAoBvB,CAAA;AAWF;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,WAAW,CAAA;IACrE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,QAAQ,EACR,GAAG,EAAE,OAAO,EACZ,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,KAAK,EACL,OAAO,GACR,EAAE,SAAS,2CAyBX"}

package/dist/components/LoadingSpinner.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * LoadingSpinner 컴포넌트의 props / LoadingSpinner component props
  * @typedef {Object} LoadingSpinnerProps
@@ -5,14 +6,17 @@
  * @property {"default" | "dots" | "bars" | "ring" | "ripple"} [variant="default"] - Spinner 애니메이션 타입 / Spinner animation type
  * @property {string} [text] - Spinner 아래 표시할 텍스트 / Text to display below spinner
  * @property {"default" | "primary" | "secondary" | "success" | "warning" | "error" | "glass"} [color="default"] - Spinner 색상 / Spinner color
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ * @property {string} [dot] - dot 유틸리티 스트링 (인라인 스타일로 변환) / dot utility string (converted to inline style)
+ * @property {React.CSSProperties} [style] - 추가 인라인 스타일 / Additional inline style
  */
 export interface LoadingSpinnerProps {
     size?: "sm" | "md" | "lg" | "xl";
     variant?: "default" | "dots" | "bars" | "ring" | "ripple";
     text?: string;
     color?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "glass";
-    className?: string;
+    /** dot 유틸리티 스트링 (인라인 스타일로 변환) / dot utility string (converted to inline style) */
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * LoadingSpinner 컴포넌트 / LoadingSpinner component
@@ -45,5 +49,5 @@ export interface LoadingSpinnerProps {
  * @param {LoadingSpinnerProps} props - LoadingSpinner 컴포넌트의 props / LoadingSpinner component props
  * @returns {JSX.Element} LoadingSpinner 컴포넌트 / LoadingSpinner component
  */
-export declare function LoadingSpinner({ className, size, variant, text, color }: LoadingSpinnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingSpinner({ size, variant, text, color, dot: dotProp, style, }: LoadingSpinnerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LoadingSpinner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../src/components/LoadingSpinner.tsx"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AACH,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;IACzD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IACvF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,IAAW,EACX,OAAmB,EACnB,IAAI,EACJ,KAAiB,EAClB,EAAE,mBAAmB,2CAqGrB"}
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../src/components/LoadingSpinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;GASG;AACH,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;IACzD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IACvF,kFAAkF;IAClF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAW,EACX,OAAmB,EACnB,IAAI,EACJ,KAAiB,EACjB,GAAG,EAAE,OAAO,EACZ,KAAK,GACN,EAAE,mBAAmB,2CAuGrB"}