@reitwagen/design-components 0.2.2 → 0.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"IconOilDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconOilDefault.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,2CAmBP;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"IconOilDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconOilDefault.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,2CAmBP;AAED,eAAe,cAAc,CAAC"}

package/dist/components/Icons/IconOilDefault.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 IconOilDefault({ 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", d: "M11.995 3a4.05 4.05 0 0 1 4.05 4.05v4.275a2.03 2.03 0 0 1 2.026 2.029v2.359a.562.562 0 1 0 1.122 0v-7.12l-1.582-2.535a.676.676 0 0 1 1.146-.716l1.684 2.7.102.165v7.506a1.912 1.912 0 1 1-3.822 0v-2.36a.68.68 0 0 0-.61-.674l-.065-.004V19.2h.454a.9.9 0 0 1 0 1.8H3.9a.9.9 0 0 1 0-1.8h.446V7.05A4.05 4.05 0 0 1 8.396 3zm-5.4 2.7a.9.9 0 0 0-.9.9v3.6a.9.9 0 0 0 .9.9h7.2a.9.9 0 0 0 .901-.9V6.6a.9.9 0 0 0-.9-.9z", clipRule: "evenodd" }) }));
 }

package/dist/components/Icons/IconPlaceDefault.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 IconPlaceDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconPlaceDefault;
 //# sourceMappingURL=IconPlaceDefault.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconPlaceDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconPlaceDefault.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,2CAmBP;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"IconPlaceDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconPlaceDefault.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,2CAmBP;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/Icons/IconPlaceDefault.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 IconPlaceDefault({ 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", d: "M12 1.65a9 9 0 0 1 9 9c0 6.77-8.53 11.7-9 11.7s-9-4.93-9-11.7a9 9 0 0 1 9-9m0 5.58a3.6 3.6 0 1 0 0 7.2 3.6 3.6 0 0 0 0-7.2", clipRule: "evenodd" }) }));
 }

package/dist/components/Icons/IconPlaceLine.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 IconPlaceLine({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconPlaceLine;
 //# sourceMappingURL=IconPlaceLine.d.ts.map

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

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

package/dist/components/Icons/IconPlaceLine.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 IconPlaceLine({ 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", fillRule: "evenodd", d: "M12.194 7.144a3.78 3.78 0 0 1 3.586 3.776l-.005.194A3.78 3.78 0 0 1 12 14.7l-.194-.005a3.78 3.78 0 0 1-3.581-3.581l-.005-.194A3.78 3.78 0 0 1 12 7.14zM12 8.64a2.28 2.28 0 1 0 0 4.562 2.28 2.28 0 0 0 0-4.562", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 1.65a9 9 0 0 1 9 9c0 6.768-8.524 11.697-9 11.7-.474-.002-9.001-4.931-9.001-11.7 0-4.971 4.03-9 9.001-9m0 1.5a7.5 7.5 0 0 0-7.501 7.5c0 2.76 1.763 5.315 3.856 7.3a21 21 0 0 0 2.863 2.27c.304.2.57.358.781.477.21-.12.477-.276.782-.477a21 21 0 0 0 2.863-2.27c2.093-1.985 3.856-4.54 3.856-7.3a7.5 7.5 0 0 0-7.5-7.5", clipRule: "evenodd" })] }));
 }

package/dist/components/Icons/IconPlusDefault.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 IconPlusDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconPlusDefault;
 //# sourceMappingURL=IconPlusDefault.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconPlusDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconPlusDefault.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":"IconPlusDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconPlusDefault.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,2CAoBP;AAED,eAAe,eAAe,CAAC"}

package/dist/components/Icons/IconPlusDefault.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 IconPlusDefault({ 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: "M6 12h12M12 18V6" }) }));
 }

package/dist/components/Icons/IconReceiptDefault.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 IconReceiptDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconReceiptDefault;
 //# sourceMappingURL=IconReceiptDefault.d.ts.map

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

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

package/dist/components/Icons/IconReceiptDefault.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 IconReceiptDefault({ 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: "M15.78 2H8.22C4.44 2 3.5 3.01 3.5 7.04V18.3c0 2.66 1.46 3.29 3.23 1.39l.01-.01c.82-.87 2.07-.8 2.78.15l1.01 1.35c.81 1.07 2.12 1.07 2.93 0l1.01-1.35c.72-.96 1.97-1.03 2.79-.15 1.78 1.9 3.23 1.27 3.23-1.39V7.04C20.5 3.01 19.56 2 15.78 2M15 11.75H9c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75m1-4H8c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h8c.41 0 .75.34.75.75s-.34.75-.75.75" }) }));
 }

package/dist/components/Icons/IconRepairDefault.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 IconRepairDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconRepairDefault;
 //# sourceMappingURL=IconRepairDefault.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconRepairDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconRepairDefault.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,2CAmBP;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"IconRepairDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconRepairDefault.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,2CAmBP;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/Icons/IconRepairDefault.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 IconRepairDefault({ 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", d: "M16.89 3.017q.35 0 .69.043c.718.092.87.958.333 1.442l-1.427 1.286a.607.607 0 0 0 0 .922l1.24 1.115a.78.78 0 0 0 1.023 0l1.601-1.442c.484-.436 1.257-.293 1.369.349q.059.335.059.685c0 2.43-2.189 4.4-4.889 4.4-.561 0-1.1-.087-1.6-.244-.381-.12-.806-.062-1.102.204l-5.975 5.378a.47.47 0 0 0-.158.427q.034.193.035.394c0 1.458-1.313 2.64-2.933 2.64s-2.934-1.182-2.934-2.64 1.314-2.64 2.934-2.64q.198.001.388.025a.63.63 0 0 0 .488-.168l5.884-5.297c.345-.31.417-.815.275-1.257a4 4 0 0 1-.19-1.222c0-2.43 2.188-4.4 4.888-4.4M5.155 16.914c-.646 0-1.174.472-1.174 1.054s.528 1.053 1.174 1.053c.647 0 1.173-.47 1.173-1.053 0-.581-.526-1.053-1.173-1.054", clipRule: "evenodd" }) }));
 }

package/dist/components/Icons/IconResetDefault.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 IconResetDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconResetDefault;
 //# sourceMappingURL=IconResetDefault.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconResetDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconResetDefault.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,2CAoBP;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"IconResetDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconResetDefault.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,2CAoBP;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/Icons/IconResetDefault.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 IconResetDefault({ 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: "M9.11 5.08c.87-.26 1.83-.43 2.89-.43 4.79 0 8.67 3.88 8.67 8.67s-3.88 8.67-8.67 8.67-8.67-3.88-8.67-8.67c0-1.78.54-3.44 1.46-4.82M7.87 5.32 10.76 2M7.87 5.32l3.37 2.46" }) }));
 }

package/dist/components/Icons/IconRevolvingLightDefault.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 IconRevolvingLightDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconRevolvingLightDefault;
 //# sourceMappingURL=IconRevolvingLightDefault.d.ts.map

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

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

package/dist/components/Icons/IconRevolvingLightDefault.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 IconRevolvingLightDefault({ 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: "#fff", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#777783", d: "M4.236 17.299a.98.98 0 0 1 .975-.891h13.804a.98.98 0 0 1 .972.862l.198 1.633A.98.98 0 0 1 19.212 20H5.062a.98.98 0 0 1-.975-1.068z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F66", d: "M6.383 5.18c.065-.67.628-1.18 1.3-1.18h8.94c.673 0 1.236.51 1.3 1.18l1.088 11.229H5.296z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#E45454", d: "M8.809 10.406a1.306 1.306 0 0 1 1.3-1.182h4.09c.672 0 1.236.512 1.3 1.182l.573 6.002H8.235z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFB3BB", d: "M12.026 5.3c.027-.14.228-.14.256 0l.577 2.917a.13.13 0 0 0 .2.083l2.472-1.654c.118-.08.26.062.18.181l-1.653 2.471a.13.13 0 0 0 .083.2l2.917.578c.14.028.14.229 0 .256l-2.917.578a.13.13 0 0 0-.083.2l1.654 2.471c.08.12-.062.261-.181.181l-2.471-1.654a.13.13 0 0 0-.2.083l-.578 2.917c-.028.14-.229.14-.257 0l-.577-2.917a.13.13 0 0 0-.2-.083l-2.471 1.654c-.12.08-.261-.062-.182-.18l1.655-2.472a.13.13 0 0 0-.084-.2l-2.916-.578c-.14-.027-.14-.228 0-.256l2.916-.577a.13.13 0 0 0 .084-.201l-1.655-2.47c-.08-.12.063-.262.182-.182l2.47 1.654a.13.13 0 0 0 .201-.083z" })] }));
 }

package/dist/components/Icons/IconSadDefault.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 IconSadDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconSadDefault;
 //# sourceMappingURL=IconSadDefault.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconSadDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSadDefault.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,2CA2CP;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"IconSadDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSadDefault.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,2CA2CP;AAED,eAAe,cAAc,CAAC"}

package/dist/components/Icons/IconSadDefault.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 IconSadDefault({ 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", { stroke: "#3C3C4A", strokeLinecap: "round", strokeWidth: 0.683, d: "M9.671 6.68S9 6.518 8.155 7.006c-.69.4-.91 1.114-.91 1.114M13.622 6.68s.672-.161 1.516.327c.69.4.911 1.114.911 1.114" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FF763F", d: "M10.09 15.278c-.282.076-.517-.126-.395-.39.115-.249.282-.475.494-.665.211-.19.463-.342.739-.445a2.5 2.5 0 0 1 1.743 0c.277.103.528.254.74.445.21.19.379.416.493.665.122.264-.112.466-.394.39-.484-.13-1.183-.29-1.71-.29-.528 0-1.227.16-1.71.29" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", d: "M10.433 10.206c0 .629-.408 1.139-.91 1.139-.504 0-.912-.51-.912-1.14 0-.628.408-1.138.911-1.138s.911.51.911 1.139" }), (0, jsx_runtime_1.jsx)("ellipse", { cx: 14.078, cy: 10.206, fill: "#3C3C4A", rx: 0.911, ry: 1.139 }), (0, jsx_runtime_1.jsx)("path", { fill: "#A0CBFF", d: "M10.126 14.23c.163.332.307.683.307 1.084 0 1.078-.816 1.953-1.822 1.953s-1.822-.875-1.822-1.953c0-.413.163-.784.324-1.11l1.102-2.092a.456.456 0 0 1 .807.002z" })] }), (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/IconSafe.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 IconSafe({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconSafe;
 //# sourceMappingURL=IconSafe.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconSafe.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSafe.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,2CAyBxE;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"IconSafe.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSafe.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,2CAyBxE;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/Icons/IconSafe.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 IconSafe({ 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: "M12.187 21.443c8.215-2.393 7.905-11.73 7.714-13.924a.82.82 0 0 0-.45-.664 173 173 0 0 0-7.161-3.338.8.8 0 0 0-.646 0c-.958.42-3.917 1.73-7.16 3.338a.82.82 0 0 0-.452.664c-.19 2.194-.5 11.531 7.715 13.923a.8.8 0 0 0 .44 0" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M12.185 20.062c6.962-2.028 6.7-9.94 6.539-11.798a.69.69 0 0 0-.384-.562 149 149 0 0 0-6.067-2.83.69.69 0 0 0-.547 0c-.81.355-3.318 1.468-6.067 2.83a.7.7 0 0 0-.383.562c-.161 1.86-.424 9.772 6.539 11.798.12.035.249.035.37 0" }), (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M10.959 15.28c-.287 0-.556-.112-.758-.317l-2.038-2.067a.69.69 0 0 1 .003-.969.675.675 0 0 1 .962.004l1.83 1.856 4.343-4.474a.677.677 0 0 1 .961-.01.69.69 0 0 1 .011.968l-4.55 4.686a1.06 1.06 0 0 1-.759.323z" })] }));
 }

package/dist/components/Icons/IconSearchDefault.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 IconSearchDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconSearchDefault;
 //# sourceMappingURL=IconSearchDefault.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconSearchDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSearchDefault.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,2CA6BP;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"IconSearchDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSearchDefault.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,2CA6BP;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/Icons/IconSearchDefault.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 IconSearchDefault({ 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)("circle", { cx: 11.767, cy: 11.767, r: 8.989, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5 }), (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M18.018 18.485 21.542 22" })] }));
 }

package/dist/components/Icons/IconSettingDefault.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 IconSettingDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconSettingDefault;
 //# sourceMappingURL=IconSettingDefault.d.ts.map

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

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

package/dist/components/Icons/IconSettingDefault.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 IconSettingDefault({ 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: "M12.797 1.528a2.662 2.662 0 0 1 2.662 2.71c.002.143.032.284.088.414l.064.127.002.003a1.157 1.157 0 0 0 1.581.41l.37.628-.362-.632a2.664 2.664 0 0 1 3.632.98l.622 1.08q.03.054.05.11a2.66 2.66 0 0 1-1.017 3.522l-.379-.648.373.652c-.173.1-.318.243-.418.416l-.002.005a1.155 1.155 0 0 0 .421 1.581 2.655 2.655 0 0 1 .97 3.637l-.005.008-.654 1.089a2.664 2.664 0 0 1-3.63.97l-.131-.065a1.2 1.2 0 0 0-.419-.092 1.156 1.156 0 0 0-1.155 1.16l-.75.002v.001l.75.003a2.663 2.663 0 0 1-2.663 2.65h-1.254a2.663 2.663 0 0 1-2.663-2.655 1.1 1.1 0 0 0-.152-.54l-.006-.01a1.146 1.146 0 0 0-1.57-.42l-.378-.648.366.655a2.664 2.664 0 0 1-3.624-1.021l-.63-1.089.648-.376-.65.375a2.655 2.655 0 0 1 .97-3.624 1.164 1.164 0 0 0 0-2.014l.375-.65-.377.649a2.664 2.664 0 0 1-.968-3.632l.01-.015.667-1.099a2.663 2.663 0 0 1 3.622-.965l-.373.649.383-.644c.163.097.348.148.537.15a1.163 1.163 0 0 0 1.152-1.027l.007-.118a2.654 2.654 0 0 1 2.654-2.652zm-.622 7.225a3.136 3.136 0 1 0 0 6.272 3.136 3.136 0 0 0 0-6.272" }) }));
 }

package/dist/components/Icons/IconShareDefault.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 IconShareDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconShareDefault;
 //# sourceMappingURL=IconShareDefault.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconShareDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconShareDefault.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,2CAoBP;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"IconShareDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconShareDefault.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,2CAoBP;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/Icons/IconShareDefault.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 IconShareDefault({ 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: "m8.59 13.51 6.83 3.98m-.01-10.98-6.82 3.98M21 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0M9 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0m12 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0" }) }));
 }

package/dist/components/Icons/IconShopDefault.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 IconShopDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconShopDefault;
 //# sourceMappingURL=IconShopDefault.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconShopDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconShopDefault.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,2CAqBP;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"IconShopDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconShopDefault.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,2CAqBP;AAED,eAAe,eAAe,CAAC"}

package/dist/components/Icons/IconShopDefault.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 IconShopDefault({ 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: "M16.262 2h3a3 3 0 0 1 3 3v2a3 3 0 1 1-6 0zM1.76 5a3 3 0 0 1 3-3h3v5a3 3 0 0 1-6 0zM9 2h6v5a3 3 0 1 1-6 0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M15.63 9.11a4.197 4.197 0 0 0 6.64.819v8.382c0 2.32-1.897 4.189-4.222 4.189h-.942C15.943 22.473 15 21.557 15 20.393V18a3 3 0 0 0-6 0v2.417c0 1.15-.933 2.083-2.083 2.083h-.924c-2.325 0-4.222-1.869-4.222-4.189v-8.36a4.196 4.196 0 0 0 6.608-.822 4.198 4.198 0 0 0 7.252-.02" })] }));
 }

package/dist/components/Icons/IconSmileDefault.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 IconSmileDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconSmileDefault;
 //# sourceMappingURL=IconSmileDefault.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconSmileDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSmileDefault.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,2CAkCP;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"IconSmileDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSmileDefault.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,2CAkCP;AAED,eAAe,gBAAgB,CAAC"}