@reitwagen/design-components 0.2.2 → 0.3.1

package/dist/components/Icons/IconCouponDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconCouponDefault({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M17.2 4.05c1.01 0 1.864.038 2.569.162.707.125 1.328.348 1.82.769.991.85 1.16 2.253 1.16 4.02v.998a.75.75 0 0 1-.75.75 1.751 1.751 0 0 0 0 3.501.75.75 0 0 1 .75.75c0 1.766-.169 3.17-1.16 4.02-.492.42-1.113.643-1.82.768-.705.125-1.56.162-2.569.162h-10c-.993 0-1.866-.005-2.601-.075-.731-.069-1.405-.207-1.965-.52-1.234-.69-1.584-2.01-1.584-3.855V15a.75.75 0 0 1 .75-.75 1.751 1.751 0 0 0 0-3.5.75.75 0 0 1-.75-.75v-.5c0-1.864.357-3.327 1.464-4.271C3.584 4.316 5.18 4.05 7.2 4.05zM8.4 16.2a.6.6 0 0 0-.6.6v2.4a.6.6 0 0 0 1.2 0v-2.4a.6.6 0 0 0-.6-.6m0-6a.6.6 0 0 0-.6.6v2.4a.6.6 0 0 0 1.2 0v-2.4a.6.6 0 0 0-.6-.6m0-6a.6.6 0 0 0-.6.6v2.4a.6.6 0 0 0 1.2 0V4.8a.6.6 0 0 0-.6-.6" }) }));
 }

package/dist/components/Icons/IconEditDefault.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconEditDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconEditDefault;
 //# sourceMappingURL=IconEditDefault.d.ts.map

package/dist/components/Icons/IconEditDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconEditDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconEditDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"IconEditDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconEditDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,eAAe,CAAC"}

package/dist/components/Icons/IconEditDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconEditDefault({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M17.629 10.2 13.8 6.371M2.793 21.207l3.24-.36c.395-.044.593-.066.778-.126q.247-.08.464-.223c.162-.107.303-.248.585-.53L20.5 7.329A2.707 2.707 0 0 0 16.671 3.5L4.031 16.14c-.281.282-.422.423-.53.585q-.143.217-.222.464c-.06.185-.082.383-.126.779z" }) }));
 }

package/dist/components/Icons/IconEyeOff.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconEyeOff({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconEyeOff;
 //# sourceMappingURL=IconEyeOff.d.ts.map

package/dist/components/Icons/IconEyeOff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconEyeOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconEyeOff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAkC1E;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconEyeOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconEyeOff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAkC1E;AAED,eAAe,UAAU,CAAC"}

package/dist/components/Icons/IconEyeOff.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconEyeOff({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m14.53 9.47-5.06 5.06a3.576 3.576 0 1 1 5.06-5.06" }), (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M17.82 5.77C16.07 4.45 14.07 3.73 12 3.73c-3.53 0-6.82 2.08-9.11 5.68-.9 1.41-.9 3.78 0 5.19.79 1.24 1.71 2.31 2.71 3.17M8.42 19.53c1.14.48 2.35.74 3.58.74 3.53 0 6.82-2.08 9.11-5.68.9-1.41.9-3.78 0-5.19-.33-.52-.69-1.01-1.06-1.47" }), (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15.51 12.7a3.565 3.565 0 0 1-2.82 2.82M9.47 14.53 2 22M22 2l-7.47 7.47" })] }));
 }

package/dist/components/Icons/IconEyeOn.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconEyeOn({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconEyeOn;
 //# sourceMappingURL=IconEyeOn.d.ts.map

package/dist/components/Icons/IconEyeOn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconEyeOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconEyeOn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CA2BzE;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"IconEyeOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconEyeOn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CA2BzE;AAED,eAAe,SAAS,CAAC"}

package/dist/components/Icons/IconEyeOn.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconEyeOn({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15.58 12c0 1.98-1.6 3.58-3.58 3.58S8.42 13.98 8.42 12s1.6-3.58 3.58-3.58 3.58 1.6 3.58 3.58" }), (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M12 20.27c3.53 0 6.82-2.08 9.11-5.68.9-1.41.9-3.78 0-5.19-2.29-3.6-5.58-5.68-9.11-5.68S5.18 5.8 2.89 9.4c-.9 1.41-.9 3.78 0 5.19 2.29 3.6 5.58 5.68 9.11 5.68" })] }));
 }

package/dist/components/Icons/IconFilterDefault.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconFilterDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconFilterDefault;
 //# sourceMappingURL=IconFilterDefault.d.ts.map

package/dist/components/Icons/IconFilterDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconFilterDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFilterDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAqBP;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"IconFilterDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFilterDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAqBP;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/Icons/IconFilterDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconFilterDefault({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: 10, strokeWidth: 1.5, d: "M22 6.5h-8.5M6 6.5H2M10 10a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7M22 17.5h-4M10.5 17.5H2M14 21a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7" }) }));
 }

package/dist/components/Icons/IconFireDefault.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconFireDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconFireDefault;
 //# sourceMappingURL=IconFireDefault.d.ts.map

package/dist/components/Icons/IconFireDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconFireDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFireDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4BP;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"IconFireDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFireDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4BP;AAED,eAAe,eAAe,CAAC"}

package/dist/components/Icons/IconFireDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconFireDefault({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#prefix__a)", children: [(0, jsx_runtime_1.jsx)("path", { fill: "#FF763F", d: "M4.4 12.833c0 3.211 1.52 7.189 7.6 7.189s7.6-3.978 7.6-7.992-2.28-5.621-2.28-5.621c.478 1.01.054 2.656-.326 3.738C15.538 4.614 10.542 4 10.542 4c1.52.801.822 6.424-1.582 6.424-2.28 0-.76-3.212-.76-3.212s-3.8.803-3.8 5.62" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFDB76", d: "M12.366 12.01c-.623.668-.156 3.302 1.602 3.303 1.656 0 1.012-1.845 1.002-1.873.026.004 2.781.481 2.781 3.278 0 .472-.07.972-.248 1.457-1.17 1.13-2.925 1.846-5.502 1.846-2.24 0-3.86-.54-5.014-1.383-.26-.58-.361-1.24-.362-1.943 0-2.337 1.663-3.276 1.67-3.279-.35.59-.04 1.55.239 2.18 1.06-3.21 3.802-3.581 3.832-3.585" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "prefix__a", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })] }));
 }

package/dist/components/Icons/IconFlagDefault.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconFlagDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconFlagDefault;
 //# sourceMappingURL=IconFlagDefault.d.ts.map

package/dist/components/Icons/IconFlagDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconFlagDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFlagDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"IconFlagDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFlagDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,eAAe,CAAC"}

package/dist/components/Icons/IconFlagDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconFlagDefault({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M5.697 2c.536 0 .97.448.97 1v1.445c1.2-.268 2.705-.526 3.742-.422 1.985.2 3.025 1.789 4.773 1.843.884.028 1.922-.209 2.73-.449.66-.196 1.36.301 1.36 1.01v7.975c0 .408-.24.775-.614.906-.813.284-2.284.727-3.476.69-1.748-.054-2.788-1.643-4.773-1.843-1.037-.104-2.542.154-3.742.422V21c0 .552-.434 1-.97 1-.535 0-.97-.448-.97-1V3c0-.552.435-1 .97-1" }) }));
 }

package/dist/components/Icons/IconFunDefault.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconFunDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconFunDefault;
 //# sourceMappingURL=IconFunDefault.d.ts.map

package/dist/components/Icons/IconFunDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconFunDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFunDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA0CP;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"IconFunDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFunDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA0CP;AAED,eAAe,cAAc,CAAC"}

package/dist/components/Icons/IconFunDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconFunDefault({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#prefix__a)", children: [(0, jsx_runtime_1.jsx)("path", { fill: "#FFDB70", d: "M20 11.8a8.2 8.2 0 1 1-16.4 0 8.2 8.2 0 0 1 16.4 0" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FF763F", d: "M13.64 14.155c.39-.207.899.093.685.48a2.1 2.1 0 0 1-.592.665c-.254.19-.555.34-.887.444a3.5 3.5 0 0 1-1.046.156c-.359 0-.714-.053-1.046-.156a2.9 2.9 0 0 1-.887-.444 2.1 2.1 0 0 1-.592-.666c-.214-.386.295-.686.686-.48.56.297 1.28.607 1.839.607s1.279-.31 1.84-.606" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", d: "M4.79 10.538c-.072-1 .656-1.795 1.656-1.874.402-.031.884-.053 1.453-.053.709 0 1.317.05 1.814.118.973.132 1.649.949 1.52 1.923q-.043.329-.126.709c-.093.42-.215.74-.34.983-.271.53-.845.89-1.43 1-.307.057-.722.113-1.286.156-.395.03-.877-.01-1.32-.07-.815-.11-1.497-.665-1.705-1.461a8 8 0 0 1-.237-1.43M18.81 10.538c.072-1-.656-1.795-1.656-1.874a19 19 0 0 0-1.453-.053c-.709 0-1.317.05-1.814.118-.973.132-1.649.949-1.52 1.923q.043.329.126.709c.093.42.215.74.34.983.271.53.845.89 1.43 1 .306.057.722.113 1.285.156.396.03.878-.01 1.32-.07.815-.11 1.498-.665 1.706-1.461a8 8 0 0 0 .237-1.43" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", d: "M10.293 9.616s.754.25 1.507.25 1.507-.25 1.507-.25v2.51s-.887-1.004-1.507-1.004-1.507 1.005-1.507 1.005z" }), (0, jsx_runtime_1.jsx)("path", { stroke: "#fff", strokeLinecap: "round", strokeWidth: 0.592, d: "M17.594 11s.14.691-.186 1.139c-.497.683-1.408.683-1.408.683M9.75 10.661s.139.691-.186 1.139c-.497.683-1.408.683-1.408.683" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "prefix__a", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })] }));
 }

package/dist/components/Icons/IconHeartDefault.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconHeartDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconHeartDefault;
 //# sourceMappingURL=IconHeartDefault.d.ts.map

package/dist/components/Icons/IconHeartDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconHeartDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHeartDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAwBP;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"IconHeartDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHeartDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAwBP;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/Icons/IconHeartDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconHeartDefault({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsx)("g", { clipPath: "url(#prefix__a)", children: (0, jsx_runtime_1.jsx)("path", { fill: "#F65353", d: "M15.552 4.8A4.44 4.44 0 0 0 12 6.584 4.44 4.44 0 0 0 8.448 4.8C5.992 4.8 4 6.8 4 9.272c0 .952.152 1.832.416 2.648 1.264 4 5.16 6.392 7.088 7.048.272.096.72.096.992 0 1.928-.656 5.824-3.048 7.088-7.048A8.5 8.5 0 0 0 20 9.272C20 6.8 18.008 4.8 15.552 4.8" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "prefix__a", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })] }));
 }

package/dist/components/Icons/IconHeartOff.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconHeartOff({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconHeartOff;
 //# sourceMappingURL=IconHeartOff.d.ts.map

package/dist/components/Icons/IconHeartOff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconHeartOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHeartOff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAqB5E;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"IconHeartOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHeartOff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAqB5E;AAED,eAAe,YAAY,CAAC"}

package/dist/components/Icons/IconHeartOff.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconHeartOff({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M2.872 11.598c-1.073-3.35.18-7.179 3.698-8.312C8.42 2.69 10.5 3 12 5c1.5-2 3.572-2.307 5.42-1.714 3.517 1.133 4.779 4.962 3.707 8.312-1.215 3.862-5.49 7.079-7.732 8.546a2.54 2.54 0 0 1-2.792.003c-2.232-1.456-6.478-4.648-7.731-8.549", clipRule: "evenodd" }) }));
 }

package/dist/components/Icons/IconHeartOn.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconHeartOn({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconHeartOn;
 //# sourceMappingURL=IconHeartOn.d.ts.map

package/dist/components/Icons/IconHeartOn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconHeartOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHeartOn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAuB3E;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"IconHeartOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHeartOn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAuB3E;AAED,eAAe,WAAW,CAAC"}

package/dist/components/Icons/IconHeartOn.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconHeartOn({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M2.872 11.598c-1.073-3.35.18-7.179 3.698-8.312C8.42 2.69 10.5 3 12 5c1.5-2 3.572-2.307 5.42-1.714 3.517 1.133 4.779 4.962 3.707 8.312-1.215 3.862-5.49 7.079-7.732 8.546a2.54 2.54 0 0 1-2.792.003c-2.232-1.456-6.478-4.648-7.731-8.549", clipRule: "evenodd" }) }));
 }

package/dist/components/Icons/IconHelmetDefault.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconHelmetDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconHelmetDefault;
 //# sourceMappingURL=IconHelmetDefault.d.ts.map

package/dist/components/Icons/IconHelmetDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconHelmetDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHelmetDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4DP;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"IconHelmetDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHelmetDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4DP;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/Icons/IconHelmetDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconHelmetDefault({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#prefix__a)", children: [(0, jsx_runtime_1.jsx)("ellipse", { cx: 17.195, cy: 12.62, fill: "#fff", rx: 1.082, ry: 2.596, transform: "rotate(-11.815 17.195 12.62)" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F65353", d: "M11.81 10.4c.155 0 .284.13.284.285 0 .156-.129.285-.285.285a.29.29 0 0 1-.285-.285c0-.155.13-.285.285-.285" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F65353", fillRule: "evenodd", d: "M12.057 4.406c2.541.13 5.028 2.238 6.014 4.28v.003c.9 1.848 1.529 4.831 1.529 7.252l-.002.009-.004.03-.006.028-.001.01-.644 2.251a1.26 1.26 0 0 1-.569.741l-1.54.925a.28.28 0 0 1-.238.023L5.184 15.907a.74.74 0 0 1-.463-.497c-.366-1.321-.696-2.622-.696-3.974 0-.741.16-1.392.4-1.985l.001-.008.002-.004c.282-.698.672-1.311 1.038-1.881l.187-.294.177-.286-1.031-.597a.28.28 0 0 1-.077-.251.28.28 0 0 1 .165-.207C7.009 5.004 9.04 4.4 11.812 4.4zm5.263 6.161a.281.281 0 0 0-.51.237c.42.906.724 2.435.724 3.634a.281.281 0 1 0 .563 0c0-1.29-.32-2.882-.777-3.871M4.835 9.948a4.7 4.7 0 0 0-.249 1.488q.002.47.054.94l3.64 1.214c-.927-1.846-2.313-3.055-3.445-3.642m6.977-.482c-.672 0-1.22.548-1.22 1.22s.548 1.22 1.22 1.22a1.22 1.22 0 0 0 1.212-1.352 1.21 1.21 0 0 0-.411-.786 1.22 1.22 0 0 0-.801-.302", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFA0A0", d: "M8.568 13.918c-1.064-2.194-2.89-3.706-4.19-4.404 0 0-.272.347-.353 1.375s.058 1.73.058 1.73c.674.235 2.755.701 4.485 1.299" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", fillRule: "evenodd", d: "M18.071 8.687v.002c.9 1.848 1.529 4.832 1.529 7.252l-.002.01-.003.03-.006.027q0 .003-.002.01l-.042.145c-.237.031-.44.044-.63.047a12.3 12.3 0 0 1-2.225-.273c-.86-.19-1.702-.473-2.503-.842l-2.16-.995a.87.87 0 0 1-.497-.78v-.874a1.78 1.78 0 0 1-1.5-1.759c0-.983.799-1.782 1.782-1.782.384 0 .758.126 1.065.356l4.505-.67.597-.085q.048.09.092.181m-.75 1.88a.281.281 0 0 0-.511.237c.42.906.725 2.435.725 3.634a.281.281 0 1 0 .562 0c0-1.29-.319-2.882-.777-3.87m-5.51-1.101c-.67 0-1.219.548-1.219 1.22s.548 1.22 1.22 1.22a1.22 1.22 0 0 0 1.212-1.352 1.2 1.2 0 0 0-.411-.786 1.22 1.22 0 0 0-.801-.302", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", d: "M11.813 10.24c.236 0 .432.197.432.433a.436.436 0 0 1-.432.433.436.436 0 0 1-.433-.433c0-.236.196-.432.432-.432" }), (0, jsx_runtime_1.jsx)("path", { fill: "#C62222", d: "M11.708 8.834c1.004 0 1.838.835 1.838 1.839a1.853 1.853 0 0 1-1.838 1.839 1.854 1.854 0 0 1-1.839-1.839c0-1.004.835-1.838 1.839-1.839" }), (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M11.722 9.6c.59 0 1.081.49 1.081 1.08a1.09 1.09 0 0 1-1.081 1.082 1.09 1.09 0 0 1-1.082-1.081c0-.59.491-1.082 1.082-1.082" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "prefix__a", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })] }));
 }

package/dist/components/Icons/IconHomeDefault.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconHomeDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconHomeDefault;
 //# sourceMappingURL=IconHomeDefault.d.ts.map

package/dist/components/Icons/IconHomeDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconHomeDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHomeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"IconHomeDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHomeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,eAAe,CAAC"}

package/dist/components/Icons/IconHomeDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconHomeDefault({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M9.548 2.098a3.93 3.93 0 0 1 4.601-.2l.275.2h.002l6.58 5.249a3.19 3.19 0 0 1 1.244 2.48v8.735c0 2.32-1.898 4.188-4.223 4.188h-1.941a1.976 1.976 0 0 1-1.936-1.97v-3.075c0-.362-.299-.67-.683-.67h-2.881a.677.677 0 0 0-.679.67v3.067a.8.8 0 0 1-.03.194 1.987 1.987 0 0 1-1.98 1.784H5.972c-2.325 0-4.223-1.868-4.223-4.188V9.84l.007-.184a3.17 3.17 0 0 1 1.235-2.299l6.552-5.256z" }) }));
 }

package/dist/components/Icons/IconHomeLine.d.ts

@@ -1,9 +1,18 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 declare function IconHomeLine({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconHomeLine;
 //# sourceMappingURL=IconHomeLine.d.ts.map

package/dist/components/Icons/IconHomeLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconHomeLine.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHomeLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAoB5E;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"IconHomeLine.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHomeLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAoB5E;AAED,eAAe,YAAY,CAAC"}

package/dist/components/Icons/IconHomeLine.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconHomeLine({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M10.22 2.534a3.18 3.18 0 0 1 3.506-.016l.257.187 6.555 5.228v0l.01.007a2.44 2.44 0 0 1 .946 1.76l.006.138v8.724C21.5 20.46 19.946 22 18.027 22h-1.924a1.226 1.226 0 0 1-1.203-1.22v-3.075l-.007-.144a1.43 1.43 0 0 0-1.426-1.276H10.58a1.427 1.427 0 0 0-1.424 1.42v3.05l-.004.015-.021.123C9.072 21.513 8.54 22 7.896 22H5.973C4.054 22 2.5 20.46 2.5 18.561V9.84l.005-.133c.047-.69.39-1.329.944-1.755l.013-.01 6.552-5.256z" }) }));
 }