@weing-dev/ui-kit-primitive 0.0.0

package/src/components/Icons/AttachFile.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgAttachFile = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M11.5 22c-1.527 0-2.825-.515-3.895-1.545C6.535 19.425 6 18.175 6 16.705V5.845c0-1.057.391-1.962 1.173-2.715C7.956 2.377 8.896 2 9.995 2c1.098 0 2.038.377 2.82 1.13.783.753 1.174 1.658 1.174 2.715v9.797c0 .671-.24 1.239-.722 1.702-.481.463-1.07.695-1.767.695-.697 0-1.286-.232-1.767-.695a2.271 2.271 0 0 1-.722-1.702V5.845h1.245v9.797c0 .34.119.625.357.854.239.23.534.345.887.345s.648-.115.887-.345c.238-.23.357-.514.357-.853V5.845c0-.74-.265-1.367-.797-1.88-.532-.511-1.183-.767-1.953-.767s-1.421.256-1.953.768a2.51 2.51 0 0 0-.796 1.88v10.86c0 1.13.415 2.096 1.246 2.896.831.8 1.834 1.2 3.009 1.2 1.175 0 2.178-.4 3.009-1.2.831-.8 1.246-1.766 1.246-2.897V5.845H17v10.86c0 1.47-.535 2.72-1.605 3.75C14.325 21.485 13.027 22 11.5 22Z"
+      fill={props.color || `#1C1B1F`}
+    />
+  </svg>
+);
+export default SvgAttachFile;

package/src/components/Icons/Cancle.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgCancle = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="m8.9 17.154 3.6-3.6 3.6 3.6 1.054-1.054-3.6-3.6 3.6-3.6L16.1 7.846l-3.6 3.6-3.6-3.6L7.846 8.9l3.6 3.6-3.6 3.6L8.9 17.154ZM12.502 22a9.255 9.255 0 0 1-3.705-.748 9.598 9.598 0 0 1-3.018-2.03 9.591 9.591 0 0 1-2.03-3.016A9.245 9.245 0 0 1 3 12.502c0-1.314.25-2.55.748-3.705a9.597 9.597 0 0 1 2.03-3.018 9.592 9.592 0 0 1 3.016-2.03A9.245 9.245 0 0 1 12.498 3c1.314 0 2.55.25 3.705.748a9.597 9.597 0 0 1 3.018 2.03 9.592 9.592 0 0 1 2.03 3.016A9.245 9.245 0 0 1 22 12.498c0 1.314-.25 2.55-.748 3.705a9.598 9.598 0 0 1-2.03 3.018 9.592 9.592 0 0 1-3.016 2.03 9.245 9.245 0 0 1-3.704.749Zm-.002-1.5c2.233 0 4.125-.775 5.675-2.325 1.55-1.55 2.325-3.442 2.325-5.675 0-2.233-.775-4.125-2.325-5.675C16.625 5.275 14.733 4.5 12.5 4.5c-2.233 0-4.125.775-5.675 2.325C5.275 8.375 4.5 10.267 4.5 12.5c0 2.233.775 4.125 2.325 5.675 1.55 1.55 3.442 2.325 5.675 2.325Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgCancle;

package/src/components/Icons/CancleFilled.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgCancleFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="m8.9 17.154 3.6-3.6 3.6 3.6 1.054-1.054-3.6-3.6 3.6-3.6L16.1 7.846l-3.6 3.6-3.6-3.6L7.846 8.9l3.6 3.6-3.6 3.6L8.9 17.154ZM12.502 22a9.255 9.255 0 0 1-3.705-.748 9.598 9.598 0 0 1-3.018-2.03 9.591 9.591 0 0 1-2.03-3.016A9.245 9.245 0 0 1 3 12.502c0-1.314.25-2.55.748-3.705a9.597 9.597 0 0 1 2.03-3.018 9.592 9.592 0 0 1 3.016-2.03A9.245 9.245 0 0 1 12.498 3c1.314 0 2.55.25 3.705.748a9.597 9.597 0 0 1 3.018 2.03 9.592 9.592 0 0 1 2.03 3.016A9.245 9.245 0 0 1 22 12.498c0 1.314-.25 2.55-.748 3.705a9.598 9.598 0 0 1-2.03 3.018 9.592 9.592 0 0 1-3.016 2.03 9.245 9.245 0 0 1-3.704.749Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgCancleFilled;

package/src/components/Icons/Cart.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgCart = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M7.015 22c-.507 0-.938-.177-1.296-.531a1.733 1.733 0 0 1-.535-1.277c0-.497.18-.92.54-1.27a1.8 1.8 0 0 1 1.302-.527c.506 0 .938.178 1.295.532.358.354.536.779.536 1.276s-.18.92-.541 1.271A1.8 1.8 0 0 1 7.015 22Zm10.204 0c-.507 0-.939-.177-1.296-.531a1.733 1.733 0 0 1-.535-1.277c0-.497.18-.92.54-1.27a1.8 1.8 0 0 1 1.302-.527c.506 0 .938.178 1.295.532.358.354.536.779.536 1.276s-.18.92-.541 1.271a1.8 1.8 0 0 1-1.301.526ZM5.694 5.48 8.5 11.186h7.347l3.189-5.708H5.694Zm-.765-1.503h15.027c.39 0 .688.176.891.526a.98.98 0 0 1 0 1.051l-3.444 6.083a2.24 2.24 0 0 1-.729.763 1.778 1.778 0 0 1-.98.288h-7.73l-1.428 2.604H19.06v1.502H6.765c-.714 0-1.228-.234-1.543-.701-.315-.468-.31-.993.013-1.577l1.632-2.954-3.877-8.06H1V2h2.985l.944 1.977Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgCart;

package/src/components/Icons/CartFilled.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgCartFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M7.015 22c-.507 0-.938-.177-1.296-.531a1.733 1.733 0 0 1-.535-1.277c0-.497.18-.92.54-1.27a1.8 1.8 0 0 1 1.302-.527c.506 0 .938.178 1.295.532.358.354.536.779.536 1.276s-.18.92-.541 1.271A1.8 1.8 0 0 1 7.015 22Zm10.204 0c-.507 0-.939-.177-1.296-.531a1.733 1.733 0 0 1-.535-1.277c0-.497.18-.92.54-1.27a1.8 1.8 0 0 1 1.302-.527c.506 0 .938.178 1.295.532.358.354.536.779.536 1.276s-.18.92-.541 1.271a1.8 1.8 0 0 1-1.301.526ZM4.929 3.977h15.027c.39 0 .688.176.891.526a.98.98 0 0 1 0 1.051l-3.444 6.083a2.24 2.24 0 0 1-.729.763 1.778 1.778 0 0 1-.98.288h-7.73l-1.428 2.604H19.06v1.502H6.765c-.714 0-1.228-.234-1.543-.701-.315-.468-.31-.993.013-1.577l1.632-2.954-3.877-8.06H1V2h2.985l.944 1.977Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgCartFilled;

package/src/components/Icons/Check.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgCheck = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M9.482 17 4 11.809l1.099-1.04 4.383 4.15L18.902 6 20 7.04 9.482 17Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgCheck;

package/src/components/Icons/CheckBoxRound.tsx

@@ -0,0 +1,21 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgCheckBoxRound = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 18 18"
+    fill="none"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0ZM7.71 13.29C7.32 13.68 6.69 13.68 6.3 13.29L2.71 9.7C2.32 9.31 2.32 8.68 2.71 8.29C3.1 7.9 3.73 7.9 4.12 8.29L7 11.17L13.88 4.29C14.27 3.9 14.9 3.9 15.29 4.29C15.68 4.68 15.68 5.31 15.29 5.7L7.71 13.29Z"
+      fill={props.color || `#1C252E`}
+    />
+  </svg>
+);
+export default SvgCheckBoxRound;

package/src/components/Icons/CheckCircle.tsx

@@ -0,0 +1,35 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgCheckCircle = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <mask
+      id="Icon/check_circle__a"
+      style={{
+        maskType: "alpha",
+      }}
+      maskUnits="userSpaceOnUse"
+      x={0}
+      y={0}
+      width={24}
+      height={24}
+    >
+      <path fill="#D9D9D9" d="M0 0h24v24H0z" />
+    </mask>
+    <g mask="url(#Icon/check_circle__a)">
+      <path
+        d="m11.08 16.754 6.724-6.723-1.054-1.054-5.67 5.67-2.85-2.85-1.053 1.053 3.904 3.904ZM12.503 22a9.255 9.255 0 0 1-3.705-.748 9.598 9.598 0 0 1-3.018-2.03 9.591 9.591 0 0 1-2.03-3.016A9.245 9.245 0 0 1 3 12.502c0-1.314.25-2.55.748-3.705a9.597 9.597 0 0 1 2.03-3.018 9.592 9.592 0 0 1 3.016-2.03A9.245 9.245 0 0 1 12.498 3c1.314 0 2.55.25 3.705.748a9.597 9.597 0 0 1 3.018 2.03 9.592 9.592 0 0 1 2.03 3.016A9.245 9.245 0 0 1 22 12.498c0 1.314-.25 2.55-.748 3.705a9.598 9.598 0 0 1-2.03 3.018 9.592 9.592 0 0 1-3.016 2.03 9.245 9.245 0 0 1-3.704.749Zm-.002-1.5c2.233 0 4.125-.775 5.675-2.325 1.55-1.55 2.325-3.442 2.325-5.675 0-2.233-.775-4.125-2.325-5.675C16.625 5.275 14.733 4.5 12.5 4.5s-4.125.775-5.675 2.325C5.275 8.375 4.5 10.267 4.5 12.5c0 2.233.775 4.125 2.325 5.675 1.55 1.55 3.442 2.325 5.675 2.325Z"
+        fill={props.color || `#121416`}
+      />
+    </g>
+  </svg>
+);
+export default SvgCheckCircle;

package/src/components/Icons/Close.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgClose = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M6.03 18 5 16.97l5.47-5.47L5 6.03 6.03 5l5.47 5.47L16.97 5 18 6.03l-5.47 5.47L18 16.97 16.97 18l-5.47-5.47L6.03 18Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgClose;

package/src/components/Icons/Company.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgCompany = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M3 21V7.125h4.125V3h9.75v8.25H21V21h-7.675v-4.125h-2.65V21H3Zm1.5-1.5h2.625v-2.625H4.5V19.5Zm0-4.125h2.625V12.75H4.5v2.625Zm0-4.125h2.625V8.625H4.5v2.625Zm4.125 4.125h2.625V12.75H8.625v2.625Zm0-4.125h2.625V8.625H8.625v2.625Zm0-4.125h2.625V4.5H8.625v2.625Zm4.125 8.25h2.625V12.75H12.75v2.625Zm0-4.125h2.625V8.625H12.75v2.625Zm0-4.125h2.625V4.5H12.75v2.625ZM16.875 19.5H19.5v-2.625h-2.625V19.5Zm0-4.125H19.5V12.75h-2.625v2.625Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgCompany;

package/src/components/Icons/Download.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgDownload = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M6.808 19c-.505 0-.933-.173-1.283-.519A1.715 1.715 0 0 1 5 17.213V14.55h1.5v2.662a.29.29 0 0 0 .096.21.296.296 0 0 0 .212.094h11.384a.296.296 0 0 0 .212-.095.29.29 0 0 0 .096-.21v-2.66H20v2.66c0 .5-.175.923-.525 1.269-.35.346-.778.519-1.283.519H6.808Zm5.692-3.84-4.27-4.22 1.055-1.073 2.465 2.437V4h1.5v8.304l2.465-2.437 1.054 1.072-4.269 4.22Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgDownload;

package/src/components/Icons/DragHandle.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgDragHandle = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M3 16v-1.556h18V16H3Zm0-5.444V9h18v1.556H3Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgDragHandle;

package/src/components/Icons/Eco.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgEco = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M11.132 21c-.702 0-1.36-.067-1.97-.2a6.927 6.927 0 0 1-1.694-.598 30.696 30.696 0 0 1 2.196-5.744c.929-1.853 2.18-3.402 3.752-4.648a14.914 14.914 0 0 0-4.882 3.738 12.952 12.952 0 0 0-2.823 5.433 3.372 3.372 0 0 0-.188-.174 3.38 3.38 0 0 1-.189-.175A7.833 7.833 0 0 1 3 13.025a8.68 8.68 0 0 1 .653-3.315 8.429 8.429 0 0 1 1.882-2.816c1.289-1.312 2.962-2.164 5.02-2.554 2.058-.39 5.137-.445 9.237-.162.318 3.954.272 6.986-.138 9.096-.41 2.11-1.285 3.83-2.623 5.16a8.418 8.418 0 0 1-2.736 1.906 7.91 7.91 0 0 1-3.163.66Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgEco;

package/src/components/Icons/EditSquare.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgEditSquare = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 20 20"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M4.422 17.084c-.42 0-.777-.146-1.068-.438a1.454 1.454 0 0 1-.438-1.069V4.424c0-.421.146-.778.438-1.07a1.454 1.454 0 0 1 1.068-.437h7.214l-1.25 1.25H4.422a.245.245 0 0 0-.176.08.245.245 0 0 0-.08.177v11.153c0 .065.027.123.08.177.054.053.112.08.176.08h11.154a.245.245 0 0 0 .176-.08.245.245 0 0 0 .08-.177V9.561l1.25-1.25v7.266c0 .421-.145.778-.437 1.07a1.454 1.454 0 0 1-1.069.437H4.422Zm3.494-5v-2.86l7.55-7.55c.129-.13.271-.224.426-.283a1.313 1.313 0 0 1 .944 0c.15.059.288.15.412.275l1.046 1.043c.12.13.214.272.278.428.065.156.097.314.097.474 0 .16-.027.316-.082.466-.055.151-.148.29-.277.42l-7.573 7.587H7.915Zm1.25-1.25h1.038l5.194-5.194-.519-.52-.556-.535-5.157 5.157v1.092Z"
+      fill={props.color || `#1C1B1F`}
+    />
+  </svg>
+);
+export default SvgEditSquare;

package/src/components/Icons/Error.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgError = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M12.5 17.23a.78.78 0 0 0 .575-.232.781.781 0 0 0 .233-.575.781.781 0 0 0-.232-.575.782.782 0 0 0-.576-.233.781.781 0 0 0-.575.233.781.781 0 0 0-.233.575c0 .229.078.42.232.576a.781.781 0 0 0 .576.232Zm-.75-3.653h1.5v-6h-1.5v6ZM12.502 22a9.255 9.255 0 0 1-3.705-.748 9.598 9.598 0 0 1-3.018-2.03 9.591 9.591 0 0 1-2.03-3.016A9.245 9.245 0 0 1 3 12.502c0-1.314.25-2.55.748-3.705a9.597 9.597 0 0 1 2.03-3.018 9.592 9.592 0 0 1 3.016-2.03A9.245 9.245 0 0 1 12.498 3c1.314 0 2.55.25 3.705.748a9.597 9.597 0 0 1 3.018 2.03 9.592 9.592 0 0 1 2.03 3.016A9.245 9.245 0 0 1 22 12.498c0 1.314-.25 2.55-.748 3.705a9.598 9.598 0 0 1-2.03 3.018 9.592 9.592 0 0 1-3.016 2.03 9.245 9.245 0 0 1-3.704.749Zm-.002-1.5c2.233 0 4.125-.775 5.675-2.325 1.55-1.55 2.325-3.442 2.325-5.675 0-2.233-.775-4.125-2.325-5.675C16.625 5.275 14.733 4.5 12.5 4.5c-2.233 0-4.125.775-5.675 2.325C5.275 8.375 4.5 10.267 4.5 12.5c0 2.233.775 4.125 2.325 5.675 1.55 1.55 3.442 2.325 5.675 2.325Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgError;

package/src/components/Icons/ErrorFilled.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgErrorFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M12 17a.8.8 0 0 0 .588-.237.797.797 0 0 0 .237-.588.8.8 0 0 0-.237-.588.797.797 0 0 0-.587-.237.8.8 0 0 0-.588.237.797.797 0 0 0-.238.588c0 .233.079.43.237.587A.797.797 0 0 0 12 17Zm-.675-3.825h1.5V6.85h-1.5v6.325ZM12.007 22a9.68 9.68 0 0 1-3.888-.788 10.162 10.162 0 0 1-3.181-2.15 10.155 10.155 0 0 1-2.15-3.183A9.698 9.698 0 0 1 2 11.988c0-1.38.263-2.678.788-3.892a10.006 10.006 0 0 1 2.15-3.171c.908-.9 1.969-1.612 3.183-2.137A9.698 9.698 0 0 1 12.012 2c1.38 0 2.678.263 3.892.788a10.111 10.111 0 0 1 3.171 2.137c.9.9 1.613 1.958 2.137 3.175A9.721 9.721 0 0 1 22 11.993a9.68 9.68 0 0 1-.788 3.888 10.214 10.214 0 0 1-2.137 3.177c-.9.905-1.958 1.622-3.175 2.15a9.672 9.672 0 0 1-3.893.792Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgErrorFilled;

package/src/components/Icons/ExpandAll.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgExpandAll = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M11.5 21 6 15.436l1.04-1.052 4.46 4.493 4.46-4.493L17 15.436 11.5 21ZM7.055 8.6 6 7.565 11.5 2 17 7.564 15.945 8.6 11.5 4.123 7.055 8.601Z"
+      fill={props.color || `#1C1B1F`}
+    />
+  </svg>
+);
+export default SvgExpandAll;

package/src/components/Icons/ExpandLess.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgExpandLess = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M7.025 15 6 13.9 11.5 8l5.5 5.9-1.025 1.1-4.475-4.8L7.025 15Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgExpandLess;

package/src/components/Icons/ExpandMore.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgExpandMore = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M11.5 15 6 9.1 7.025 8l4.475 4.8L15.975 8 17 9.1 11.5 15Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgExpandMore;

package/src/components/Icons/Factory.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgFactory = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M3.5 19.497H6v-8.019h11v8.019h2.5V8.822l-8-3.207-8 3.207v10.675ZM2 21V7.807L11.5 4 21 7.807V21h-5.5v-8.018h-8V21H2Zm6.779 0v-1.773h1.77V21h-1.77Zm1.836-3.007V16.22h1.77v1.773h-1.77ZM12.452 21v-1.773h1.77V21h-1.77Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgFactory;

package/src/components/Icons/FileUpload.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgFileUpload = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M11.3 18.95h1.5v-5.025l2.05 2.05 1.05-1.05-3.9-3.8-3.85 3.85 1.05 1.05 2.1-2.1v5.025ZM5.5 22c-.4 0-.75-.15-1.05-.45-.3-.3-.45-.65-.45-1.05v-17c0-.4.15-.75.45-1.05.3-.3.65-.45 1.05-.45h9.025L20 7.475V20.5c0 .4-.15.75-.45 1.05-.3.3-.65.45-1.05.45h-13Zm8.275-13.85V3.5H5.5v17h13V8.15h-4.725Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgFileUpload;

package/src/components/Icons/FilecheckInactive.tsx

@@ -0,0 +1,22 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgFilecheckInactive = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.5 22c-1.533 0-2.833-.533-3.9-1.6C6.533 19.333 6 18.033 6 16.5V6c0-1.1.392-2.042 1.175-2.825C7.958 2.392 8.9 2 10 2s2.042.392 2.825 1.175C13.608 3.958 14 4.9 14 6v7.81a6.482 6.482 0 0 0-1.977 4.141A2.731 2.731 0 0 1 11.5 18c-.7 0-1.292-.242-1.775-.725C9.242 16.792 9 16.2 9 15.5V6h1.5v9.5c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288a.968.968 0 0 0 .287-.712V6c0-.7-.242-1.292-.725-1.775C11.292 3.742 10.7 3.5 10 3.5s-1.292.242-1.775.725C7.742 4.708 7.5 5.3 7.5 6v10.5c0 1.1.392 2.042 1.175 2.825.783.783 1.725 1.175 2.825 1.175.273 0 .537-.024.79-.073.154.497.366.967.628 1.405-.448.112-.92.168-1.418.168Zm5.5-9.826a6.456 6.456 0 0 0-1.5.558V6H17v6.174Zm.788 8.124h-.884v-3.623h.884v3.623Zm2.308 0h-.884v-3.623h.884v3.623Zm-4.783 1.365c.876.873 1.938 1.31 3.187 1.31 1.249 0 2.31-.437 3.186-1.31.876-.873 1.314-1.932 1.314-3.177s-.438-2.303-1.314-3.177C20.811 14.438 19.75 14 18.5 14c-1.249 0-2.31.437-3.187 1.31-.875.873-1.313 1.931-1.313 3.176s.438 2.304 1.313 3.177Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgFilecheckInactive;

package/src/components/Icons/GoBefore.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgGoBefore = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M16 15.975 14.9 17 9 11.5 14.9 6 16 7.025 11.2 11.5l4.8 4.475Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgGoBefore;

package/src/components/Icons/GoNext.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgGoNext = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M16 11.5 10.1 17 9 15.975l4.8-4.475L9 7.025 10.1 6l5.9 5.5Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgGoNext;

package/src/components/Icons/HamburgerMenu.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgHamburgerMenu = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M3 18v-1.5h18V18H3Zm0-5.25v-1.5h18v1.5H3ZM3 7.5V6h18v1.5H3Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgHamburgerMenu;

package/src/components/Icons/ImagecheckPlay.tsx

@@ -0,0 +1,27 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgImagecheckPlay = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4.025 19.975C4.375 20.325 4.80257 20.5 5.3077 20.5H12.3135C12.159 20.0218 12.0585 19.5194 12.0189 19H5.3077C5.23077 19 5.16024 18.9679 5.09612 18.9038C5.03202 18.8397 4.99997 18.7692 4.99997 18.6923V5.3077C4.99997 5.23077 5.03202 5.16024 5.09612 5.09613C5.16024 5.03203 5.23077 4.99998 5.3077 4.99998H18.6923C18.7692 4.99998 18.8397 5.03203 18.9038 5.09613C18.9679 5.16024 19 5.23077 19 5.3077V12.0189C19.5194 12.0584 20.0218 12.159 20.5 12.3135V5.3077C20.5 4.80257 20.325 4.375 19.975 4.025C19.625 3.675 19.1974 3.5 18.6923 3.5H5.3077C4.80257 3.5 4.375 3.675 4.025 4.025C3.675 4.375 3.5 4.80257 3.5 5.3077V18.6923C3.5 19.1974 3.675 19.625 4.025 19.975ZM14.6895 13.2335L14.0384 12.3654L11.2308 16.0192L9.23075 13.4616L6.75003 16.75H12.2383C12.6379 15.3172 13.516 14.084 14.6895 13.2335Z"
+      fill="#ABADB0"
+    />
+    <path
+      d="M17.3269 20.7008L20.875 18.4864L17.3269 16.272V20.7008ZM18.5 22.9727C17.2513 22.9727 16.1891 22.5362 15.3135 21.6632C14.4378 20.7902 14 19.7313 14 18.4864C14 17.2414 14.4378 16.1825 15.3135 15.3095C16.1891 14.4365 17.2513 14 18.5 14C19.7487 14 20.8109 14.4365 21.6865 15.3095C22.5622 16.1825 23 17.2414 23 18.4864C23 19.7313 22.5622 20.7902 21.6865 21.6632C20.8109 22.5362 19.7487 22.9727 18.5 22.9727Z"
+      fill="#ABADB0"
+    />
+  </svg>
+);
+export default SvgImagecheckPlay;

package/src/components/Icons/Inventory.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgInventory = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="m15.178 21.054-3.962-3.968 1.07-1.071 2.892 2.897 5.753-5.763L22 14.22l-6.822 6.834Zm5.073-9.727H18.73v-4.77a.3.3 0 0 0-.097-.214.298.298 0 0 0-.215-.098h-2.225v2.658H7.06V6.245H4.834a.298.298 0 0 0-.214.098.3.3 0 0 0-.098.215v13.605a.3.3 0 0 0 .098.215.298.298 0 0 0 .214.097h5.777V22H4.834c-.506 0-.938-.18-1.296-.538a1.772 1.772 0 0 1-.538-1.3V6.559c0-.507.18-.94.538-1.3.358-.358.79-.538 1.296-.538h4.471c.14-.495.428-.906.862-1.231A2.37 2.37 0 0 1 11.626 3c.56 0 1.053.163 1.482.489.429.325.713.736.854 1.231h4.455c.506 0 .938.18 1.297.539.358.359.537.792.537 1.299v4.77Zm-8.625-4.965c.261 0 .48-.088.654-.263a.89.89 0 0 0 .263-.656.89.89 0 0 0-.263-.655.888.888 0 0 0-.654-.263.888.888 0 0 0-.655.263.89.89 0 0 0-.262.655c0 .262.087.48.262.656a.888.888 0 0 0 .655.263Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgInventory;

package/src/components/Icons/KakaoTalk.tsx

@@ -0,0 +1,22 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgKakaoTalk = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 3C6.478 3 2 6.522 2 10.866c0 2.7 1.733 5.086 4.367 6.493l-1.111 4.13c-.1.36.31.652.622.438l4.866-3.263c.412.045.823.068 1.256.068 5.522 0 10-3.522 10-7.866C22 6.522 17.522 3 12 3Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgKakaoTalk;