@lunit/oui 1.2.0 → 2.0.0

package/dist/assets/ic-bell-noti-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgIcBellNotioutlined20Px = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: [_jsx("path", { fillRule: "evenodd", d: "M10 1.5c.557 0 1.072.049 1.547.142a5.021 5.021 0 0 0-1.128.869A8.062 8.062 0 0 0 10 2.5c-1.258 0-2.214.278-2.944.717-.731.439-1.265 1.056-1.653 1.778-.785 1.461-.955 3.326-.914 4.872.044 1.62-.343 3.313-1.36 4.633h13.742c-.831-1.078-1.241-2.406-1.34-3.739.344-.11.672-.257.98-.436.039 1.495.502 2.935 1.493 3.96a.717.717 0 0 1-.515 1.215H12.5a2.5 2.5 0 0 1-5 0H2.511a.717.717 0 0 1-.515-1.215c1.086-1.123 1.538-2.745 1.494-4.39-.044-1.606.124-3.682 1.032-5.373.458-.854 1.11-1.616 2.019-2.162.91-.547 2.05-.86 3.459-.86Zm-1.5 14a1.5 1.5 0 0 0 3 0h-3Z", clipRule: "evenodd" }), _jsx("path", { fill: "#E63B28", d: "M18 6a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" })] }));
+const SvgIcBellNotioutlined20Px = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: [_jsx("path", { fillRule: "evenodd", d: "M10 1.5q.835.001 1.547.142a5 5 0 0 0-1.128.869A8 8 0 0 0 10 2.5c-1.258 0-2.214.278-2.944.717-.731.439-1.265 1.056-1.653 1.778-.785 1.461-.955 3.326-.914 4.872.044 1.62-.343 3.313-1.36 4.633h13.742c-.831-1.078-1.241-2.406-1.34-3.739q.517-.166.98-.436c.039 1.495.502 2.935 1.493 3.96a.717.717 0 0 1-.515 1.215H12.5a2.5 2.5 0 0 1-5 0H2.511a.717.717 0 0 1-.515-1.215c1.086-1.123 1.538-2.745 1.494-4.39-.044-1.606.124-3.682 1.032-5.373.458-.854 1.11-1.616 2.019-2.162.91-.547 2.05-.86 3.459-.86m-1.5 14a1.5 1.5 0 0 0 3 0z", clipRule: "evenodd" }), _jsx("path", { fill: "#E63B28", d: "M18 6a4 4 0 1 1-8 0 4 4 0 0 1 8 0" })] }));
 export default SvgIcBellNotioutlined20Px;

package/dist/assets/ic-close-large-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcCloseLargeoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M4.854 15.854a.5.5 0 0 1-.708-.708L9.293 10 4.146 4.854a.5.5 0 1 1 .708-.708L10 9.293l5.146-5.147a.5.5 0 0 1 .708.708L10.707 10l5.147 5.146a.5.5 0 0 1-.708.708L10 10.707l-5.146 5.147Z", clipRule: "evenodd" }) }));
+const SvgIcCloseLargeoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M4.854 15.854a.5.5 0 0 1-.708-.708L9.293 10 4.146 4.854a.5.5 0 1 1 .708-.708L10 9.293l5.146-5.147a.5.5 0 0 1 .708.708L10.707 10l5.147 5.146a.5.5 0 0 1-.708.708L10 10.707z", clipRule: "evenodd" }) }));
 export default SvgIcCloseLargeoutlined20Px;

package/dist/assets/ic-close-small-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcCloseSmalloutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M10 9.293 5.854 5.146a.5.5 0 1 0-.708.708L9.293 10l-4.147 4.146a.5.5 0 1 0 .708.708L10 10.707l4.146 4.147a.5.5 0 0 0 .708-.708L10.707 10l4.147-4.146a.5.5 0 0 0-.708-.708L10 9.293Z", clipRule: "evenodd" }) }));
+const SvgIcCloseSmalloutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M10 9.293 5.854 5.146a.5.5 0 1 0-.708.708L9.293 10l-4.147 4.147a.5.5 0 1 0 .708.707L10 10.707l4.146 4.147a.5.5 0 0 0 .708-.708L10.707 10l4.147-4.146a.5.5 0 0 0-.708-.708z", clipRule: "evenodd" }) }));
 export default SvgIcCloseSmalloutlined20Px;

package/dist/assets/ic-copy-coordinates-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcCopyCoordinatesoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcCopyCoordinatesoutlined20Px;

package/dist/assets/ic-copy-coordinates-outlined-20px.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgIcCopyCoordinatesoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M5 0a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM4 2a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zM1 5a1 1 0 0 1 1-1V3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2h-1a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm10-1.5v2a.5.5 0 0 1-1 0v-2a.5.5 0 0 1 1 0m0 8v-2a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0m1-4a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5M8.5 7h-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1", clipRule: "evenodd" }) }));
+export default SvgIcCopyCoordinatesoutlined20Px;

package/dist/assets/ic-download-pdf-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgIcDownloadPdfoutlined20Px = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: [_jsx("path", { fillRule: "evenodd", d: "M3.051 2.343V8h1.014V6.086h1.088c1.307 0 2.009-.785 2.009-1.87 0-1.08-.694-1.873-1.995-1.873H3.051Zm1.014 2.906V3.193h.947c.768 0 1.11.42 1.11 1.022 0 .603-.342 1.034-1.104 1.034h-.953ZM9.939 2.343h-1.95V8h1.914c1.724 0 2.74-1.066 2.74-2.834 0-1.763-1.016-2.823-2.704-2.823Zm-.937 4.776V3.224h.882c1.152 0 1.751.643 1.751 1.942 0 1.3-.6 1.953-1.782 1.953h-.85Z", clipRule: "evenodd" }), _jsx("path", { d: "M14.565 5.594V8H13.55V2.343h3.619v.856h-2.605V4.74h2.356v.854h-2.356ZM13.124 13.67l-2.624 3V11a.5.5 0 1 0-1 0v5.67l-2.624-3a.5.5 0 1 0-.752.66l3.5 4a.5.5 0 0 0 .752 0l3.5-4a.5.5 0 0 0-.752-.66Z" })] }));
+const SvgIcDownloadPdfoutlined20Px = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: [_jsx("path", { fillRule: "evenodd", d: "M3.051 2.343V8h1.014V6.086h1.088c1.307 0 2.009-.785 2.009-1.87 0-1.08-.694-1.873-1.995-1.873zm1.014 2.906V3.193h.947c.768 0 1.11.42 1.11 1.022S5.78 5.25 5.019 5.25zM9.939 2.343h-1.95V8h1.914c1.724 0 2.74-1.066 2.74-2.834 0-1.763-1.016-2.823-2.704-2.823m-.937 4.776V3.224h.882c1.152 0 1.751.643 1.751 1.942 0 1.3-.6 1.953-1.782 1.953z", clipRule: "evenodd" }), _jsx("path", { d: "M14.565 5.594V8H13.55V2.343h3.619v.856h-2.605V4.74h2.356v.854zM13.124 13.67l-2.624 3V11a.5.5 0 1 0-1 0v5.67l-2.624-3a.5.5 0 1 0-.752.66l3.5 4a.5.5 0 0 0 .752 0l3.5-4a.5.5 0 0 0-.752-.66" })] }));
 export default SvgIcDownloadPdfoutlined20Px;

package/dist/assets/ic-ellipse-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcEllipseoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0 1a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z", clipRule: "evenodd" }) }));
+const SvgIcEllipseoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16m0 1a9 9 0 1 0 0-18 9 9 0 0 0 0 18", clipRule: "evenodd" }) }));
 export default SvgIcEllipseoutlined20Px;

package/dist/assets/ic-filter-noti-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgIcFilterNotioutlined20Px = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: [_jsx("path", { fillRule: "evenodd", d: "M10.1 5H6.937a2 2 0 0 0-3.874 0H2a.5.5 0 0 0 0 1h1.063a2 2 0 0 0 3.874 0H10c0-.342.034-.677.1-1Zm2.55 4.238a2 2 0 0 1 3.787.262h.501a3.973 3.973 0 0 1-1.438.47 1 1 0 0 0-1.962-.245 3.993 3.993 0 0 1-.888-.487Zm-1.22.262H2a.5.5 0 0 0 0 1h10.563a2 2 0 0 0 3.76.323 5.005 5.005 0 0 1-1.669.165 1.002 1.002 0 0 1-.544-.067A4.989 4.989 0 0 1 11.43 9.5Zm5.752 1H18a.5.5 0 0 0 .384-.82 5.01 5.01 0 0 1-1.202.82ZM11 6c0-.345.044-.68.126-1H18a.5.5 0 0 1 0 1h-7Zm-7-.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm6.437 9.5a2 2 0 0 1-3.874 0H2a.5.5 0 0 1 0-1h4.563a2 2 0 0 1 3.874 0H18a.5.5 0 0 1 0 1h-7.563ZM7.5 14.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z", clipRule: "evenodd" }), _jsx("path", { fill: "#E63B28", d: "M19 6a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" })] }));
+const SvgIcFilterNotioutlined20Px = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: [_jsx("path", { fillRule: "evenodd", d: "M10.1 5H6.937a2 2 0 0 0-3.874 0H2a.5.5 0 0 0 0 1h1.063a2 2 0 0 0 3.874 0H10q0-.514.1-1m2.55 4.238a2 2 0 0 1 3.787.262h.501a4 4 0 0 1-1.438.47 1 1 0 0 0-1.962-.245 4 4 0 0 1-.888-.487m-1.22.262H2a.5.5 0 0 0 0 1h10.563a2 2 0 0 0 3.76.323 5 5 0 0 1-1.669.165 1 1 0 0 1-.544-.067A5 5 0 0 1 11.43 9.5m5.752 1H18a.5.5 0 0 0 .384-.82 5 5 0 0 1-1.202.82M11 6q.002-.519.126-1H18a.5.5 0 0 1 0 1zm-7-.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0m6.437 9.5a2 2 0 0 1-3.874 0H2a.5.5 0 0 1 0-1h4.563a2 2 0 0 1 3.874 0H18a.5.5 0 0 1 0 1zM7.5 14.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0", clipRule: "evenodd" }), _jsx("path", { fill: "#E63B28", d: "M19 6a4 4 0 1 1-8 0 4 4 0 0 1 8 0" })] }));
 export default SvgIcFilterNotioutlined20Px;

package/dist/assets/ic-hide-large-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcHideLargeoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { d: "M3.975 6.344a.5.5 0 0 0-.95.31L3.5 6.5l-.475.155v.003l.002.005.006.016.019.052c.016.043.04.103.071.178.065.149.163.356.303.599.222.385.55.864 1.017 1.342l-1.296 1.297a.5.5 0 1 0 .707.707l1.34-1.34c.458.348 1.003.669 1.646.923l-.8 1.866a.5.5 0 1 0 .92.394l.837-1.954a8.805 8.805 0 0 0 1.703.245V13.5a.5.5 0 1 0 1 0v-2.512a8.804 8.804 0 0 0 1.703-.245l.838 1.954a.5.5 0 1 0 .919-.394l-.8-1.866a6.913 6.913 0 0 0 1.646-.923l1.39 1.39a.42.42 0 0 0 .632-.026.5.5 0 0 0 .026-.731L15.557 8.85a6.77 6.77 0 0 0 1.018-1.342 5.823 5.823 0 0 0 .374-.777l.018-.052.006-.016.002-.005v-.003L16.5 6.5l.476.155a.5.5 0 0 0-.951-.31l-.002.005a4.82 4.82 0 0 1-.315.659c-.236.41-.619.95-1.197 1.456a5.943 5.943 0 0 1-2.17 1.201 7.826 7.826 0 0 1-2.34.334 7.825 7.825 0 0 1-2.342-.334 5.943 5.943 0 0 1-2.17-1.201 5.783 5.783 0 0 1-1.197-1.456 4.814 4.814 0 0 1-.304-.628 1.486 1.486 0 0 1-.01-.031l-.003-.006Z" }) }));
+const SvgIcHideLargeoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { d: "M3.975 6.344a.5.5 0 0 0-.95.31L3.5 6.5l-.475.155v.003l.002.005.006.016.019.052q.024.065.071.178c.065.149.163.356.303.599.222.385.55.864 1.017 1.342l-1.296 1.297a.5.5 0 1 0 .707.707l1.34-1.34c.458.348 1.003.669 1.646.923l-.8 1.866a.5.5 0 1 0 .92.394l.837-1.954a9 9 0 0 0 1.703.245V13.5a.5.5 0 1 0 1 0v-2.512a9 9 0 0 0 1.703-.245l.838 1.954a.5.5 0 1 0 .919-.394l-.8-1.866a7 7 0 0 0 1.646-.923l1.39 1.39a.42.42 0 0 0 .632-.026l.026-.024a.5.5 0 0 0 0-.707L15.557 8.85a6.8 6.8 0 0 0 1.018-1.342 6 6 0 0 0 .374-.777l.018-.052.006-.016.002-.005v-.003L16.5 6.5l.476.155a.5.5 0 0 0-.951-.31l-.002.005-.011.03q-.016.045-.054.134a5 5 0 0 1-.25.495c-.236.41-.619.95-1.197 1.456a5.9 5.9 0 0 1-2.17 1.201 7.8 7.8 0 0 1-2.34.334 7.8 7.8 0 0 1-2.342-.334 5.9 5.9 0 0 1-2.17-1.201 5.8 5.8 0 0 1-1.197-1.456 5 5 0 0 1-.304-.628l-.01-.031z" }) }));
 export default SvgIcHideLargeoutlined20Px;

package/dist/assets/ic-hide-small-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcHideSmalloutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M14.926 7.644a.494.494 0 1 0-.948-.288v.002a3.655 3.655 0 0 1-.208.477c-.159.3-.412.692-.795 1.06-.354.34-.82.659-1.428.867a4.752 4.752 0 0 1-1.547.24 4.752 4.752 0 0 1-1.547-.24 3.831 3.831 0 0 1-1.428-.867 4.161 4.161 0 0 1-.96-1.42 2.268 2.268 0 0 1-.036-.096l-.007-.021v-.003a.494.494 0 0 0-.616-.334.506.506 0 0 0-.331.625v.001l.002.005.003.012a2.073 2.073 0 0 0 .065.18 5.216 5.216 0 0 0 .577 1.054l-1.057.993a.548.548 0 0 0-.048.73c.172.216.474.24.673.052l1.087-1.021c.273.257.597.503.98.714l-.663 1.257a.542.542 0 0 0 .177.706c.23.142.52.055.652-.193l.731-1.387c.378.119.794.201 1.251.236V12.5c0 .277.222.501.495.501a.498.498 0 0 0 .495-.5v-1.515a5.579 5.579 0 0 0 1.212-.224l.725 1.375c.13.248.422.335.651.193a.541.541 0 0 0 .178-.706l-.653-1.238a4.811 4.811 0 0 0 1.015-.733l1.087 1.02c.2.188.5.165.673-.051a.548.548 0 0 0-.048-.73l-1.057-.993a5.198 5.198 0 0 0 .577-1.054 3.23 3.23 0 0 0 .064-.18l.005-.012v-.005l.001-.001v-.002Z", clipRule: "evenodd" }) }));
+const SvgIcHideSmalloutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M14.926 7.644a.494.494 0 1 0-.948-.288v.002q-.02.06-.042.116a4.161 4.161 0 0 1-.96 1.42c-.355.34-.82.66-1.429.868a4.8 4.8 0 0 1-1.547.24 4.8 4.8 0 0 1-1.547-.24 3.8 3.8 0 0 1-1.428-.867 4.2 4.2 0 0 1-.96-1.42l-.036-.096-.007-.021v-.003a.494.494 0 0 0-.616-.334.506.506 0 0 0-.331.625v.001l.002.005.003.012a2 2 0 0 0 .065.18 5.216 5.216 0 0 0 .577 1.054l-1.057.993a.55.55 0 0 0-.048.73c.172.216.474.24.673.052l1.087-1.021c.273.257.597.503.98.714l-.663 1.257a.54.54 0 0 0 .177.706c.23.142.52.055.652-.193l.731-1.387c.378.119.794.201 1.251.236V12.5c0 .276.222.5.495.5a.5.5 0 0 0 .495-.5v-1.515a5.6 5.6 0 0 0 1.212-.224l.725 1.375c.13.248.422.335.651.193a.54.54 0 0 0 .178-.706l-.653-1.238a4.8 4.8 0 0 0 1.015-.733l1.087 1.02c.2.188.5.165.673-.051a.55.55 0 0 0-.048-.73l-1.057-.993a5.2 5.2 0 0 0 .577-1.054 3 3 0 0 0 .064-.18l.005-.012v-.005l.001-.001z", clipRule: "evenodd" }) }));
 export default SvgIcHideSmalloutlined20Px;

package/dist/assets/ic-information-large-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcInformationLargeoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-9 8a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm8.25 4.247c0 .38.283.694.65.743a.503.503 0 0 0 .2 0 .75.75 0 0 0 .65-.743v-5.5a.75.75 0 0 0-1.5 0v5.5ZM10 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z", clipRule: "evenodd" }) }));
+const SvgIcInformationLargeoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m-9 8a9 9 0 1 1 18 0 9 9 0 0 1-18 0m8.25 4.247c0 .38.283.694.65.743a.5.5 0 0 0 .2 0 .75.75 0 0 0 .65-.743v-5.5a.75.75 0 0 0-1.5 0zM10 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2", clipRule: "evenodd" }) }));
 export default SvgIcInformationLargeoutlined20Px;

package/dist/assets/ic-information-small-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcInformationSmalloutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M4 10a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm6-7a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm.09 6.008a.501.501 0 0 0-.18 0 .75.75 0 0 0-.66.745v3.5a.75.75 0 0 0 1.5 0v-3.5a.75.75 0 0 0-.66-.745ZM10 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z", clipRule: "evenodd" }) }));
+const SvgIcInformationSmalloutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M4 10a6 6 0 1 1 12 0 6 6 0 0 1-12 0m6-7a7 7 0 1 0 0 14 7 7 0 0 0 0-14m.09 6.008a.5.5 0 0 0-.18 0 .75.75 0 0 0-.66.745v3.5a.75.75 0 0 0 1.5 0v-3.5a.75.75 0 0 0-.66-.745M10 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2", clipRule: "evenodd" }) }));
 export default SvgIcInformationSmalloutlined20Px;

package/dist/assets/ic-manufacturer-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcManufactureroutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 24, fill: "none", ...props, children: _jsx("path", { fill: "#000", fillRule: "evenodd", d: "M19.48.004v23H0v-8.543l2.977-6.178 2.253 4.682 2.254-4.682 2.256 4.682 2.254-4.682 2.256 4.682V.005h5.23Z", clipRule: "evenodd" }) }));
+const SvgIcManufactureroutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 24, fill: "none", ...props, children: _jsx("path", { fill: "#000", fillRule: "evenodd", d: "M19.48.004v23H0v-8.543l2.977-6.178 2.253 4.682 2.254-4.682 2.256 4.682 2.254-4.682 2.256 4.682V.005z", clipRule: "evenodd" }) }));
 export default SvgIcManufactureroutlined20Px;

package/dist/assets/ic-rectangle-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcRectangleoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M1 2a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2Zm1 0v16h16V2H2Z", clipRule: "evenodd" }) }));
+const SvgIcRectangleoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M1 2a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm1 0v16h16V2z", clipRule: "evenodd" }) }));
 export default SvgIcRectangleoutlined20Px;

package/dist/assets/ic-refresh-left-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcRefreshLeftoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M3.673 7a7 7 0 1 1-.275 5.333.5.5 0 0 0-.943.334A8 8 0 1 0 3 6.125V3.5a.5.5 0 0 0-1 0v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1H3.673Z", clipRule: "evenodd" }) }));
+const SvgIcRefreshLeftoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M3.673 7a7 7 0 1 1-.275 5.333.5.5 0 0 0-.943.334A8 8 0 1 0 3 6.125V3.5a.5.5 0 0 0-1 0v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1z", clipRule: "evenodd" }) }));
 export default SvgIcRefreshLeftoutlined20Px;

package/dist/assets/ic-refresh-right-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcRefreshRightoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { d: "M14.436 3.343a8 8 0 1 0 3.294 8.718.5.5 0 0 0-.966-.258 7 7 0 1 1-.273-4.424h-2.957a.5.5 0 0 0 0 1h4.243a.5.5 0 0 0 .5-.5V3.636a.5.5 0 0 0-1 0v3.04a8 8 0 0 0-2.84-3.333Z" }) }));
+const SvgIcRefreshRightoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { d: "M14.436 3.343a8 8 0 1 0 3.294 8.718.5.5 0 0 0-.966-.258 7 7 0 1 1-.273-4.424h-2.957a.5.5 0 0 0 0 1h4.243a.5.5 0 0 0 .5-.5V3.636a.5.5 0 0 0-1 0v3.04a8 8 0 0 0-2.84-3.333" }) }));
 export default SvgIcRefreshRightoutlined20Px;

package/dist/assets/ic-show-large-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcShowLargeoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M3.025 10.228C3.445 9.238 5.178 6 9.977 6c4.789 0 6.559 3.222 6.997 4.224a.23.23 0 0 1-.004.204C16.523 11.285 14.748 14 9.977 14c-4.782 0-6.519-2.728-6.948-3.575a.227.227 0 0 1-.004-.197ZM9.977 5C4.59 5 2.59 8.685 2.1 9.839c-.14.33-.135.706.032 1.036C2.672 11.942 4.7 15 9.977 15c5.262 0 7.325-3.039 7.885-4.112.175-.337.18-.724.033-1.063C17.386 8.662 15.349 5 9.977 5Zm-2.009 5c0-1.105.9-2 2.01-2 1.109 0 2.008.895 2.008 2s-.899 2-2.009 2c-1.11 0-2.009-.895-2.009-2Zm2.01-3a3.007 3.007 0 0 0-3.014 3c0 1.657 1.349 3 3.013 3a3.007 3.007 0 0 0 3.014-3c0-1.657-1.35-3-3.014-3Z", clipRule: "evenodd" }) }));
+const SvgIcShowLargeoutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M3.025 10.228C3.445 9.238 5.178 6 9.977 6c4.789 0 6.559 3.222 6.997 4.224a.23.23 0 0 1-.004.204C16.523 11.285 14.748 14 9.977 14c-4.782 0-6.519-2.728-6.948-3.575a.23.23 0 0 1-.004-.197M9.977 5C4.59 5 2.59 8.685 2.1 9.839c-.14.33-.135.706.032 1.036C2.672 11.942 4.7 15 9.977 15c5.262 0 7.325-3.039 7.885-4.112.175-.337.18-.724.033-1.063C17.386 8.662 15.349 5 9.977 5m-2.009 5c0-1.105.9-2 2.01-2s2.008.895 2.008 2-.899 2-2.009 2-2.009-.895-2.009-2m2.01-3a3.007 3.007 0 0 0-3.014 3c0 1.657 1.349 3 3.013 3a3.007 3.007 0 0 0 3.014-3c0-1.657-1.35-3-3.014-3", clipRule: "evenodd" }) }));
 export default SvgIcShowLargeoutlined20Px;

package/dist/assets/ic-show-small-outlined-20px.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgIcShowSmalloutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M10 7c3.305 0 4.591 2.345 4.975 3.276C14.593 11.042 13.312 13 10 13c-3.312 0-4.593-1.958-4.975-2.724C5.41 9.346 6.695 7 10 7Zm5.95 3.02a.722.722 0 0 1-.016.567C15.538 11.447 14.024 14 10 14c-4.023 0-5.538-2.552-5.934-3.413a.722.722 0 0 1-.016-.566C4.422 9.058 5.923 6 10 6s5.578 3.058 5.95 4.02ZM11 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm1 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z", clipRule: "evenodd" }) }));
+const SvgIcShowSmalloutlined20Px = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M10 7c3.305 0 4.591 2.345 4.975 3.276C14.593 11.042 13.312 13 10 13s-4.593-1.958-4.975-2.724C5.41 9.346 6.695 7 10 7m5.95 3.02a.72.72 0 0 1-.016.567C15.538 11.447 14.024 14 10 14c-4.023 0-5.538-2.552-5.934-3.413a.72.72 0 0 1-.016-.566C4.422 9.058 5.923 6 10 6s5.578 3.058 5.95 4.02M11 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0m1 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0", clipRule: "evenodd" }) }));
 export default SvgIcShowSmalloutlined20Px;

package/dist/assets/index.d.ts

@@ -1,6 +1,7 @@
 export { default as IcBellNotiOutlined20Px } from './ic-bell-noti-outlined-20px';
 export { default as IcCloseLargeOutlined20Px } from './ic-close-large-outlined-20px';
 export { default as IcCloseSmallOutlined20Px } from './ic-close-small-outlined-20px';
+export { default as IcCopyCoordinatesOutlined20Px } from './ic-copy-coordinates-outlined-20px';
 export { default as IcDownloadPdfOutlined20Px } from './ic-download-pdf-outlined-20px';
 export { default as IcEllipseOutlined20Px } from './ic-ellipse-outlined-20px';
 export { default as IcFilterNotiOutlined20Px } from './ic-filter-noti-outlined-20px';

package/dist/assets/index.js

@@ -1,6 +1,7 @@
 export { default as IcBellNotiOutlined20Px } from './ic-bell-noti-outlined-20px';
 export { default as IcCloseLargeOutlined20Px } from './ic-close-large-outlined-20px';
 export { default as IcCloseSmallOutlined20Px } from './ic-close-small-outlined-20px';
+export { default as IcCopyCoordinatesOutlined20Px } from './ic-copy-coordinates-outlined-20px';
 export { default as IcDownloadPdfOutlined20Px } from './ic-download-pdf-outlined-20px';
 export { default as IcEllipseOutlined20Px } from './ic-ellipse-outlined-20px';
 export { default as IcFilterNotiOutlined20Px } from './ic-filter-noti-outlined-20px';

package/dist/components/Alert/Alert.utils.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Success, Error, Information } from '../../icons';
+import { Success, Warning, Information } from '../../icons';
 import theme from '../../theme';
 export const getIcons = (severity) => {
     switch (severity) {
@@ -8,9 +8,9 @@ export const getIcons = (severity) => {
         case 'success':
             return _jsx(Success, {});
         case 'error':
-            return _jsx(Error, {});
+            return _jsx(Warning, {});
         default:
-            return _jsx(Error, {});
+            return _jsx(Warning, {});
     }
 };
 export const getBackgroundColor = (severity) => {

package/dist/components/Chip/Chip.utils.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Error16, StartT2 } from '../../icons';
+import { Warning16, StartT2 } from '../../icons';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const presetMap = {
     default: {
@@ -22,7 +22,7 @@ const presetMap = {
     failed: {
         className: 'presetFailed',
         label: 'Failed',
-        icon: _jsx(Error16, {}),
+        icon: _jsx(Warning16, {}),
     },
     ready: {
         className: 'presetReady',
@@ -41,7 +41,7 @@ const presetMap = {
     invalid: {
         className: 'presetInvalid',
         label: 'Invalid',
-        icon: _jsx(Error16, {}),
+        icon: _jsx(Warning16, {}),
     },
 };
 // eslint-disable-next-line import/prefer-default-export

package/dist/components/TextField/TextArea.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { BoxProps } from '@mui/material';
+import type { BoxProps, SxProps } from '@mui/material';
 import type { HelperMsgProps, RootTextFieldProps } from '../BaseTextField/BaseTextField.types';
 interface RootTextAreaProps extends Omit<RootTextFieldProps, 'BoxProps'> {
     multiline: 'true';
@@ -10,6 +10,7 @@ interface RootTextAreaProps extends Omit<RootTextFieldProps, 'BoxProps'> {
     width?: string | number;
     height?: string | number;
     OuterBoxProps?: BoxProps;
+    sx?: SxProps;
 }
 interface TextAreaWithHelperMsgProps extends Omit<RootTextAreaProps, 'error' | 'multiline'>, Omit<HelperMsgProps, 'error'> {
     error?: string;

package/dist/components/TextField/TextInput.js

@@ -2,11 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import PasswordInput from './components/PasswordInput';
 import NormalTextInput from './components/NormalTextInput';
-import isPasswordInput from './TextInput.utils';
+import { isPasswordInput, isFileInput } from './TextInput.utils';
+import FileInput from './components/FileInput';
 const TextInput = forwardRef((props, ref) => {
     if (isPasswordInput(props)) {
         return (_jsx(PasswordInput, { ...props, ref: ref }));
     }
+    if (isFileInput(props)) {
+        return (_jsx(FileInput, { ...props, ref: ref }));
+    }
     return (_jsx(NormalTextInput, { ...props, ref: ref }));
 });
 export default TextInput;

package/dist/components/TextField/TextInput.styled.js

@@ -21,8 +21,9 @@ const BaseTextInput = styled('input', {
         'width',
         'OuterBoxProps',
         'InputContainerProps',
+        'sx',
     ].includes(prop.toString()),
-})(({ theme, large, error, leftIcon, width }) => {
+})(({ theme, large, error, leftIcon, width, type }) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let resultStyle = {
         ...baseTextInputStyle(theme),

package/dist/components/TextField/TextInput.types.d.ts

@@ -20,7 +20,11 @@ interface NormalTextInputProps extends InputWithHelperMsgProps {
     onClearButtonClick?: () => void;
     rightIcon?: React.ReactNode;
 }
+interface FileInputProps extends NormalTextInputProps {
+    type: 'file';
+    accept: string;
+}
 interface PasswordTextInputProps extends PasswordInputWithHelperMsgProps {
 }
-type TextInputProps = PasswordTextInputProps | NormalTextInputProps;
-export type { TextInputProps, NormalTextInputProps, PasswordTextInputProps, RootTextInputProps };
+type TextInputProps = PasswordTextInputProps | NormalTextInputProps | FileInputProps;
+export type { TextInputProps, NormalTextInputProps, PasswordTextInputProps, FileInputProps, RootTextInputProps, };

package/dist/components/TextField/TextInput.utils.d.ts

@@ -1,3 +1,3 @@
-import type { PasswordTextInputProps, TextInputProps } from './TextInput.types';
-declare function isPasswordInput(props: TextInputProps): props is PasswordTextInputProps;
-export default isPasswordInput;
+import type { FileInputProps, PasswordTextInputProps, TextInputProps } from './TextInput.types';
+export declare function isPasswordInput(props: TextInputProps): props is PasswordTextInputProps;
+export declare function isFileInput(props: TextInputProps): props is FileInputProps;

package/dist/components/TextField/TextInput.utils.js

@@ -1,5 +1,7 @@
 // Function for inferring required input by props
-function isPasswordInput(props) {
+export function isPasswordInput(props) {
     return props.type === 'password';
 }
-export default isPasswordInput;
+export function isFileInput(props) {
+    return props.type === 'file';
+}

package/dist/components/TextField/components/Buttons.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 declare function ClearButton({ onClick }: {
     onClick?: () => void;
 }): import("react/jsx-runtime").JSX.Element;
@@ -5,4 +6,9 @@ declare function ShowHidePasswordButton({ onClick, isHidden, }: {
     onClick?: (event: any) => void;
     isHidden: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-export { ClearButton, ShowHidePasswordButton };
+declare function FileInputWrapperButton({ children, onClick, width, }: {
+    children: React.ReactNode;
+    onClick: () => void;
+    width?: string | number;
+}): import("react/jsx-runtime").JSX.Element;
+export { ClearButton, ShowHidePasswordButton, FileInputWrapperButton };

package/dist/components/TextField/components/Buttons.js

@@ -7,4 +7,18 @@ function ClearButton({ onClick }) {
 function ShowHidePasswordButton({ onClick, isHidden, }) {
     return (_jsx(ButtonWrapper, { onClick: onClick, children: isHidden ? _jsx(HideSmall, {}) : _jsx(ShowSmall, {}) }));
 }
-export { ClearButton, ShowHidePasswordButton };
+function FileInputWrapperButton({ children, onClick, width, }) {
+    return (_jsx("button", { onClick: onClick, style: {
+            position: 'unset',
+            width: width,
+            color: 'unset',
+            letterSpacing: 'unset',
+            margin: 'unset',
+            border: 'unset',
+            paddingInline: 'unset',
+            paddingBlock: 'unset',
+            backgroundColor: 'unset',
+            cursor: 'pointer',
+        }, children: children }));
+}
+export { ClearButton, ShowHidePasswordButton, FileInputWrapperButton };

package/dist/components/TextField/components/FileInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FileInputProps } from '../TextInput.types';
+declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;
+export default FileInput;

package/dist/components/TextField/components/FileInput.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef, useState } from 'react';
+import { InputMsg, BaseTextFieldContainer, BaseTextFieldBox, } from '../../BaseTextField/BaseTextField.styled';
+import { BaseTextInput, LeftIconContainer, RightIconContainer } from '../TextInput.styled';
+import { FileInputWrapperButton } from './Buttons';
+import { Project } from '../../../icons';
+const FileInput = forwardRef((props, ref) => {
+    const { error, helperMsg, leftIcon, rightIcon, onClearButtonClick, inputSX, type: inputType, ...inputProps } = props;
+    const [fileName, setFileName] = useState('');
+    const fileRef = useRef(null);
+    const baseSX = inputSX ?? {
+        paddingRight: '44px',
+        pointerEvents: 'none',
+    };
+    return (_jsxs(BaseTextFieldBox, { ...props.OuterBoxProps, width: props.width, children: [_jsxs(BaseTextFieldContainer, { ...props.InputContainerProps, width: props.width, children: [leftIcon && (_jsx(LeftIconContainer, { sx: inputProps.disabled ? { opacity: '0.8' } : undefined, children: leftIcon })), _jsx("input", { ref: fileRef, type: "file", accept: props.accept, style: { display: 'none' }, onChange: (e) => {
+                            setFileName(e.target.value.split('\\').pop());
+                        } }), _jsxs(FileInputWrapperButton, { onClick: () => fileRef?.current?.click(), width: props.width, children: [_jsx(BaseTextInput, { ...inputProps, ref: ref, type: "text", error: !!error, value: fileName, 
+                                // @Tobio89: this dummy onchange clears an error without triggering unwanted style changes
+                                onChange: () => { }, leftIcon: leftIcon, sx: baseSX }), _jsx(RightIconContainer, { children: _jsx(Project, {}) })] })] }), error ? (_jsx(InputMsg, { variant: "body5", error: true, children: error })) : (helperMsg && _jsx(InputMsg, { variant: "body5", children: helperMsg }))] }));
+});
+export default FileInput;

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,3 @@
+import type { ToggleProps } from './Toggle.types';
+declare const Toggle: ({ value, name, checked, defaultChecked, disabled, required, onChange, onChangeCapture, inputProps, inputRef, label, labelPlacement, toggleColor, indeterminate, ...rootProps }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+export default Toggle;

package/dist/components/Toggle/Toggle.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { Typography } from '@mui/material';
+import { Container, StyledIndeterminateToggle, StyledToggle } from './Toggle.styled';
+const Toggle = ({ value, name, checked, defaultChecked, disabled, required, onChange, onChangeCapture, inputProps, inputRef, label, labelPlacement = 'right', toggleColor, indeterminate, ...rootProps }) => {
+    const ToggleComponent = indeterminate ? StyledIndeterminateToggle : StyledToggle;
+    return (_jsxs(Container, { ...rootProps, className: clsx('toggle', { 'is-disabled': disabled }, rootProps.className), component: label != null ? 'label' : 'span', children: [_jsx(ToggleComponent, { disableRipple: true, value: true, name: name, 
+                // indeterminate가 true인 Toggle을 클릭했을 때
+                // 발생하는 change event target의 checked property의 일관성을 보장함
+                checked: indeterminate ? true : checked, defaultChecked: defaultChecked, disabled: disabled, required: required, onChange: onChange, onChangeCapture: onChangeCapture, inputProps: inputProps, inputRef: inputRef, focusRipple: false, toggleColor: toggleColor }), label && (_jsx(Typography, { variant: "body_m1", sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    order: labelPlacement === 'left' ? -1 : 1,
+                }, children: label }))] }));
+};
+export default Toggle;

package/dist/components/Toggle/Toggle.styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ToggleProps } from './Toggle.types';
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledToggle: import("@emotion/styled").StyledComponent<import("@mui/material").SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ToggleProps, {}, {}>;
+export declare const StyledIndeterminateToggle: import("@emotion/styled").StyledComponent<import("@mui/material").SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ToggleProps, {}, {}>;

package/dist/components/Toggle/Toggle.styled.js

@@ -0,0 +1,90 @@
+import { Box, styled, Switch } from '@mui/material';
+export const Container = styled(Box)(({ theme }) => ({
+    display: 'inline-flex',
+    gap: theme.spacing(2),
+    pointerEvents: 'none',
+    '&.is-disabled': {
+        opacity: 0.4,
+    },
+    '&:not(:last-child)': {
+        marginBottom: '6px',
+    },
+}));
+export const StyledToggle = styled(Switch, {
+    shouldForwardProp: (prop) => prop !== 'toggleColor',
+})(({ theme, toggleColor, disabled }) => ({
+    width: '32px',
+    height: '22px',
+    borderRadius: '9px',
+    padding: '2px',
+    backgroundColor: 'transparent',
+    pointerEvents: 'auto',
+    opacity: disabled ? 0.4 : 1,
+    '& .MuiSwitch-switchBase': {
+        transition: 'all 100ms ease-in-out',
+        padding: '4px',
+    },
+    '& .MuiSwitch-thumb': {
+        width: '14px',
+        height: '14px',
+        background: theme.palette.neutralGrey[0],
+        boxShadow: '0px 0px 1px rgba(0, 0, 0, 0.4)',
+    },
+    '& .MuiSwitch-track': {
+        opacity: 1,
+        borderRadius: '12px',
+        backgroundColor: theme.palette.neutralGrey[45],
+    },
+    '& .MuiSwitch-switchBase .MuiSwitch-input': {
+        width: '200%',
+        height: '100%',
+        top: 0,
+        left: '-50%',
+    },
+    '& .MuiSwitch-switchBase.Mui-checked': {
+        transform: 'translateX(10px)',
+        color: theme.palette.neutralGrey[0],
+    },
+    '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
+        opacity: 1,
+        backgroundColor: toggleColor || theme.palette.lunitTeal[40],
+    },
+    '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {
+        opacity: 1,
+    },
+    '& .MuiSwitch-switchBase.Mui-focusVisible': {
+        boxShadow: 'none',
+        background: 'transparent',
+        borderColor: 'transparent',
+        outline: 'none',
+    },
+    '& .MuiSwitch-switchBase.Mui-focusVisible + .MuiSwitch-track::after': {
+        borderRadius: '12px',
+        content: '""',
+        position: 'absolute',
+        border: `1px solid ${theme.palette.lunitTeal[10]}`,
+        boxSizing: 'border-box',
+        top: '1px',
+        left: '1px',
+        bottom: '1px',
+        right: '1px',
+    },
+}));
+export const StyledIndeterminateToggle = styled(StyledToggle)({
+    padding: '2px',
+    cursor: 'pointer',
+    '& .MuiSwitch-thumb': {
+        height: '2px',
+        width: '12px',
+        borderRadius: '2px',
+        boxShadow: 'none',
+    },
+    '& .MuiSwitch-switchBase.Mui-checked': {
+        padding: '10px 5px',
+        left: '50%',
+        transform: 'translateX(-50%)',
+    },
+    '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
+        borderRadius: '12px',
+    },
+});

package/dist/components/Toggle/Toggle.types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { BoxProps, Color, SwitchProps as MuiSwitchProps } from '@mui/material';
+export interface ToggleProps extends Omit<BoxProps<'span'>, 'onChange' | 'onChangeCapture'> {
+    value?: MuiSwitchProps['value'];
+    name?: MuiSwitchProps['name'];
+    checked?: MuiSwitchProps['checked'];
+    defaultChecked?: MuiSwitchProps['defaultChecked'];
+    disabled?: MuiSwitchProps['disabled'];
+    required?: MuiSwitchProps['required'];
+    onChange?: MuiSwitchProps['onChange'];
+    onChangeCapture?: MuiSwitchProps['onChangeCapture'];
+    inputProps?: MuiSwitchProps['inputProps'];
+    inputRef?: MuiSwitchProps['inputRef'];
+    indeterminate?: boolean;
+    label?: string;
+    labelPlacement?: 'left' | 'right';
+    toggleColor?: React.CSSProperties['color'] | Color;
+}

package/dist/components/Toggle/Toggle.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import Toggle from './Toggle';
+import type { ToggleProps } from './Toggle.types';
+export { Toggle };
+export type { ToggleProps };

package/dist/components/Toggle/index.js

@@ -0,0 +1,2 @@
+import Toggle from './Toggle';
+export { Toggle };

package/dist/components/UploadManager/UploadManager.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Grow, Typography, Box } from '@mui/material';
-import { ArrowUp, Close, Success, Error16, RefreshLeft } from '../../icons';
+import { ArrowUp, Close, Success, Warning16, RefreshLeft } from '../../icons';
 import { useState, Fragment, useMemo } from 'react';
 import { Divider } from '../Divider';
 import { Button } from '../Button';
@@ -51,7 +51,7 @@ const UploadFile = ({ file, onCancel, onRetry }) => {
                                                 if (onRetry)
                                                     onRetry(file.id);
                                             }
-                                        }, icon: mouseOnErrorIconButton ? (_jsx(RefreshLeft, { style: { color: theme.palette.neutralGrey[0] } })) : (_jsx(Error16, { style: { color: theme.palette.red[5] } })), variant: "ghost", color: "secondary", sx: {
+                                        }, icon: mouseOnErrorIconButton ? (_jsx(RefreshLeft, { style: { color: theme.palette.neutralGrey[0] } })) : (_jsx(Warning16, { style: { color: theme.palette.red[5] } })), variant: "ghost", color: "secondary", sx: {
                                             cursor: file.meta.retry ? 'pointer' : 'default',
                                         } }) }) })] })), !file.meta?.errorMessage && file.meta?.postProcessConverting && (_jsxs(Typography, { variant: "body5", sx: {
                             marginRight: '30px',

package/dist/components/index.d.ts

@@ -20,5 +20,6 @@ export * from './Radio';
 export * from './Stepper';
 export * from './TabbedPanel';
 export * from './TextField';
+export * from './Toggle';
 export * from './Tooltip';
 export * from './UploadManager';

package/dist/components/index.js

@@ -20,5 +20,6 @@ export * from './Radio';
 export * from './Stepper';
 export * from './TabbedPanel';
 export * from './TextField';
+export * from './Toggle';
 export * from './Tooltip';
 export * from './UploadManager';

package/dist/icons/CopyCoordinates/index.d.ts

@@ -0,0 +1,12 @@
+import { SvgIconProps } from '@mui/material/SvgIcon';
+declare const variants: readonly ["outlined"];
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+    variant?: Variant;
+};
+declare const CopyCoordinates: {
+    ({ variant, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+    variants: readonly ["outlined"];
+};
+export default CopyCoordinates;

package/dist/icons/CopyCoordinates/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from '@mui/material/SvgIcon';
+import { IcCopyCoordinatesOutlined20Px as outlined } from '../../assets';
+const variants = ['outlined'];
+const CopyCoordinates = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return (_jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true }));
+    }
+    return null;
+};
+CopyCoordinates.displayName = 'CopyCoordinates';
+CopyCoordinates.variants = variants;
+export default CopyCoordinates;

package/dist/icons/index.d.ts

@@ -14,6 +14,7 @@ export { default as RefreshLeft } from './RefreshLeft';
 export { default as RefreshRight } from './RefreshRight';
 export { default as ShowLarge } from './ShowLarge';
 export { default as ShowSmall } from './ShowSmall';
+export { default as CopyCoordinates } from './CopyCoordinates';
 export { Analyze } from '@lunit/design-system-icons';
 export { Annotation } from '@lunit/design-system-icons';
 export { Apps } from '@lunit/design-system-icons';
@@ -159,7 +160,7 @@ export { TagT1 } from '@lunit/design-system-icons';
 export { TagT2 } from '@lunit/design-system-icons';
 export { TagT3 } from '@lunit/design-system-icons';
 export { Text } from '@lunit/design-system-icons';
-export { Toggle } from '@lunit/design-system-icons';
+export { Toggle as ToggleIcon } from '@lunit/design-system-icons';
 export { Undo } from '@lunit/design-system-icons';
 export { Unlock } from '@lunit/design-system-icons';
 export { UploadFolder } from '@lunit/design-system-icons';
@@ -177,3 +178,4 @@ export { Warning16 } from '@lunit/design-system-icons';
 export { Warning } from '@lunit/design-system-icons';
 export { ZoomIn } from '@lunit/design-system-icons';
 export { ZoomOut } from '@lunit/design-system-icons';
+export { MonitoringSystem } from '@lunit/design-system-icons';