@reitwagen/design-components 0.2.2 → 0.3.0

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

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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;;;;;;;GAOG;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,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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;;;;;;;GAOG;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,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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;;;;;;;GAOG;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,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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;;;;;;;GAOG;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,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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;;;;;;;GAOG;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,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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;;;;;;;GAOG;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,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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;;;;;;;GAOG;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,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    className?: string;
+    className: string;
     width?: number;
     height?: number;
 }
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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;;;;;;;GAOG;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,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @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" }) }));
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"IconImageDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconImageDefault.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,2CAsBP;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"IconImageDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconImageDefault.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;;;;;;;GAOG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAsBP;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/Icons/IconImageDefault.js

@@ -1,6 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconImageDefault({ 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", { fill: "currentColor", d: "M9 10.76A2.38 2.38 0 1 0 9 6a2.38 2.38 0 0 0 0 4.76M17.55 12.5c.78-.67 2.17-.67 2.95 0l.126.106v4.143c0 2.07-1.81 3.75-3.88 3.75H7.25a3.75 3.75 0 0 1-3.457-2.294L7.59 15.65c.8-.54 1.93-.48 2.64.14l.34.28c.78.669 2.04.669 2.82 0z" }), (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeWidth: 1.5, d: "M2.76 7.252a4.5 4.5 0 0 1 4.5-4.5h9.496a4.5 4.5 0 0 1 4.5 4.5v9.496a4.5 4.5 0 0 1-4.5 4.5H7.26a4.5 4.5 0 0 1-4.5-4.5z" })] }));
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"IconInfoDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconInfoDefault.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,2CAkBP;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"IconInfoDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconInfoDefault.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;;;;;;;GAOG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAkBP;AAED,eAAe,eAAe,CAAC"}

package/dist/components/Icons/IconInfoDefault.js

@@ -1,6 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconInfoDefault({ 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)("rect", { width: 20, height: 20, x: 2, y: 2, fill: "currentColor", rx: 10 }), (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M12 11.75a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1M12 7.25a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3" })] }));
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"IconInformationDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconInformationDefault.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,sBAAsB,CAAC,EAC9B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAqBP;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"IconInformationDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconInformationDefault.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;;;;;;;GAOG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAqBP;AAED,eAAe,sBAAsB,CAAC"}

package/dist/components/Icons/IconInformationDefault.js

@@ -1,6 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconInformationDefault({ 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: "M9.17 8.672a3 3 0 0 1 5.83 1c0 2-3 3-3 3V14.5M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M13.05 17.186a1 1 0 1 1-2 0 1 1 0 0 1 2 0" })] }));
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"IconInstagramDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconInstagramDefault.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,oBAAoB,CAAC,EAC5B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"IconInstagramDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconInstagramDefault.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;;;;;;;GAOG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,oBAAoB,CAAC"}

package/dist/components/Icons/IconInstagramDefault.js

@@ -1,6 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconInstagramDefault({ 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", { fill: "currentColor", d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M3 8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5zm15.5-.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0m-2 4.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0", clipRule: "evenodd" })] }));
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"IconKakaotalkDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconKakaotalkDefault.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,oBAAoB,CAAC,EAC5B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA+CP;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"IconKakaotalkDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconKakaotalkDefault.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;;;;;;;GAOG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA+CP;AAED,eAAe,oBAAoB,CAAC"}

package/dist/components/Icons/IconKakaotalkDefault.js

@@ -1,6 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconKakaotalkDefault({ className, width = 24, height = 24, ...props }) {
     return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsx)("mask", { id: "prefix__b", width: 22, height: 22, x: 1, y: 1, maskUnits: "userSpaceOnUse", style: {
                     maskType: "alpha",

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"IconLike.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconLike.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,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAiBxE;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"IconLike.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconLike.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;;;;;;;GAOG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAiBxE;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/Icons/IconLike.js

@@ -1,6 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconLike({ 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.113 17.191V9.062c0-.32.096-.632.272-.896l2.184-3.248c.344-.52 1.2-.888 1.928-.616.784.264 1.305 1.144 1.137 1.928l-.417 2.616a.8.8 0 0 0 .168.624.74.74 0 0 0 .553.248h3.288c.632 0 1.176.256 1.496.704.304.432.36.992.16 1.56l-1.968 5.994c-.248.992-1.328 1.8-2.4 1.8h-3.12c-.537 0-1.289-.184-1.633-.528l-1.024-.793a1.59 1.59 0 0 1-.624-1.264M6.568 7.502h-.824C4.504 7.502 4 7.982 4 9.166v8.05c0 1.183.504 1.663 1.744 1.663h.824c1.24 0 1.745-.48 1.745-1.664V9.166c0-1.184-.504-1.664-1.745-1.664" }) }));
 }