@ozen-ui/icons 0.50.0 → 0.50.2

package/dist/esm/CommentIcon/CommentSIcon.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CommentSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var CommentSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("g", { clipPath: "url(#CommentSIcon__a)" },
         React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.154 1.75a.327.327 0 0 0-.327.327v9.692a.8.8 0 0 1-.039.237l-.644 1.935 2.982-.746a.8.8 0 0 1 .182-.022h8.615a.327.327 0 0 0 .327-.327V2.076a.327.327 0 0 0-.327-.326zM1.862.785A1.83 1.83 0 0 1 3.154.25h10.77a1.827 1.827 0 0 1 1.826 1.827v10.77a1.827 1.827 0 0 1-1.827 1.826H5.4l-4.218 1.055a.75.75 0 0 1-.894-.965l1.039-3.115V2.077c0-.485.192-.95.535-1.292M5.25 6A.75.75 0 0 1 6 5.25h5a.75.75 0 0 1 0 1.5H6A.75.75 0 0 1 5.25 6m0 3A.75.75 0 0 1 6 8.25h4a.75.75 0 1 1 0 1.5H6A.75.75 0 0 1 5.25 9", clipRule: "evenodd" })),
     React.createElement("defs", null,

package/dist/esm/CopyIcon/CopyMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CopyMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var CopyMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.25 4.333c0-1.14.942-2.083 2.083-2.083h9.334c1.14 0 2.083.942 2.083 2.083V8.25h3.917c1.14 0 2.083.942 2.083 2.083v9.334a2.083 2.083 0 0 1-2.083 2.083h-9.334a2.096 2.096 0 0 1-2.083-2.083V15.75H4.333a2.096 2.096 0 0 1-2.083-2.083zm6 9.917v-3.917c0-1.14.942-2.083 2.083-2.083h3.917V4.333a.596.596 0 0 0-.583-.583H4.333a.596.596 0 0 0-.583.583v9.334c0 .312.27.583.583.583zm2.083-4.5a.596.596 0 0 0-.583.583v9.334c0 .312.27.583.583.583h9.334a.583.583 0 0 0 .583-.583v-9.334a.596.596 0 0 0-.583-.583z", clipRule: "evenodd" }))); });
 CopyMIcon.displayName = 'CopyMIcon';

package/dist/esm/CopyIcon/CopySIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CopySIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var CopySIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M.25 2.077C.25 1.076 1.076.25 2.077.25h7.538c1.002 0 1.827.826 1.827 1.827v2.48h2.481c1.001 0 1.827.826 1.827 1.828v7.538a1.827 1.827 0 0 1-1.827 1.827H6.385a1.837 1.837 0 0 1-1.827-1.827v-2.48H2.077A1.837 1.837 0 0 1 .25 9.614zM6.058 10.7V6.384c0-.172.154-.326.327-.326h7.538c.173 0 .327.154.327.327v7.538a.327.327 0 0 1-.327.327H6.385a.34.34 0 0 1-.327-.327zm3.884-6.143H6.385a1.837 1.837 0 0 0-1.827 1.827v3.557H2.077a.34.34 0 0 1-.327-.327V2.077c0-.173.154-.327.327-.327h7.538c.173 0 .327.154.327.327z", clipRule: "evenodd" }))); });
 CopySIcon.displayName = 'CopySIcon';

package/dist/esm/CrossCircleFilledIcon/CrossCircleFilledMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CrossCircleFilledMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var CrossCircleFilledMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.894 18.894A9.75 9.75 0 1 0 5.106 5.106a9.75 9.75 0 0 0 13.788 13.788M9.592 8.558a.731.731 0 1 0-1.034 1.034L10.966 12l-2.408 2.408a.731.731 0 0 0 1.034 1.034L12 13.034l2.408 2.408a.731.731 0 0 0 1.034-1.034L13.034 12l2.408-2.408a.731.731 0 0 0-1.034-1.034L12 10.966z", clipRule: "evenodd" }))); });
 CrossCircleFilledMIcon.displayName = 'CrossCircleFilledMIcon';

package/dist/esm/CrossCircleFilledIcon/CrossCircleFilledSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CrossCircleFilledSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var CrossCircleFilledSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M13.48 13.48A7.75 7.75 0 1 0 2.52 2.52a7.75 7.75 0 0 0 10.96 10.96M6.53 5.47a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94z", clipRule: "evenodd" }))); });
 CrossCircleFilledSIcon.displayName = 'CrossCircleFilledSIcon';

package/dist/esm/CrossCircleOutlineIcon/CrossCircleOutlineMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CrossCircleOutlineMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var CrossCircleOutlineMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M5.106 5.106a9.75 9.75 0 1 1 13.788 13.788A9.75 9.75 0 0 1 5.106 5.106M8.47 8.47a.75.75 0 0 1 1.06 0L12 10.94l2.47-2.47a.75.75 0 1 1 1.06 1.06L13.06 12l2.47 2.47a.75.75 0 1 1-1.06 1.06L12 13.06l-2.47 2.47a.75.75 0 0 1-1.06-1.06L10.94 12 8.47 9.53a.75.75 0 0 1 0-1.06", clipRule: "evenodd" }))); });
 CrossCircleOutlineMIcon.displayName = 'CrossCircleOutlineMIcon';

package/dist/esm/CrossCircleOutlineIcon/CrossCircleOutlineSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CrossCircleOutlineSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var CrossCircleOutlineSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 1.75a6.25 6.25 0 1 0 0 12.5 6.25 6.25 0 0 0 0-12.5m-5.48.77a7.75 7.75 0 1 1 10.96 10.96A7.75 7.75 0 0 1 2.52 2.52m2.95 2.95a.75.75 0 0 1 1.06 0L8 6.94l1.47-1.47a.75.75 0 1 1 1.06 1.06L9.06 8l1.47 1.47a.75.75 0 1 1-1.06 1.06L8 9.06l-1.47 1.47a.75.75 0 1 1-1.06-1.06L6.94 8 5.47 6.53a.75.75 0 0 1 0-1.06", clipRule: "evenodd" }))); });
 CrossCircleOutlineSIcon.displayName = 'CrossCircleOutlineSIcon';

package/dist/esm/CrossIcon/CrossMIcon.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CrossMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var CrossMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.53 4.47a.75.75 0 0 1 0 1.06l-14 14a.75.75 0 0 1-1.06-1.06l14-14a.75.75 0 0 1 1.06 0", clipRule: "evenodd" }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.47 4.47a.75.75 0 0 1 1.06 0l14 14a.75.75 0 1 1-1.06 1.06l-14-14a.75.75 0 0 1 0-1.06", clipRule: "evenodd" }))); });
 CrossMIcon.displayName = 'CrossMIcon';

package/dist/esm/CrossIcon/CrossSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CrossSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var CrossSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M1.47 1.47a.75.75 0 0 1 1.06 0L8 6.94l5.47-5.47a.75.75 0 0 1 1.06 1.06L9.06 8l5.47 5.47a.75.75 0 0 1-1.06 1.06L8 9.06l-5.47 5.47a.75.75 0 1 1-1.06-1.06L6.94 8 1.47 2.53a.75.75 0 0 1 0-1.06", clipRule: "evenodd" }))); });
 CrossSIcon.displayName = 'CrossSIcon';

package/dist/esm/CrossSmallIcon/CrossSmallMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CrossSmallMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var CrossSmallMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "m7.5 7.5 9 9m0-9-9 9" }))); });
 CrossSmallMIcon.displayName = 'CrossSmallMIcon';

package/dist/esm/CrossSmallIcon/CrossSmallSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CrossSmallSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var CrossSmallSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.47 4.47a.75.75 0 0 1 1.06 0L8 6.94l2.47-2.47a.75.75 0 1 1 1.06 1.06L9.06 8l2.47 2.47a.75.75 0 1 1-1.06 1.06L8 9.06l-2.47 2.47a.75.75 0 0 1-1.06-1.06L6.94 8 4.47 5.53a.75.75 0 0 1 0-1.06", clipRule: "evenodd" }))); });
 CrossSmallSIcon.displayName = 'CrossSmallSIcon';

package/dist/esm/CrownFilledIcon/CrownFilledMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CrownFilledMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var CrownFilledMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.586 4.447a.714.714 0 0 0-1.172 0l-4.511 6.446L3.22 7.208A.714.714 0 0 0 2 7.714V17a2.857 2.857 0 0 0 2.857 2.857h14.286A2.857 2.857 0 0 0 22 17V7.714a.715.715 0 0 0-1.22-.506l-3.683 3.685z", clipRule: "evenodd" }))); });
 CrownFilledMIcon.displayName = 'CrownFilledMIcon';

package/dist/esm/CrownFilledIcon/CrownFilledSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CrownFilledSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var CrownFilledSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.454 2.723a.55.55 0 0 0-.198-.165.58.58 0 0 0-.71.165L4.05 7.44 1.196 4.744a.584.584 0 0 0-.604-.114.55.55 0 0 0-.249.193.5.5 0 0 0-.093.29v6.796c0 .555.233 1.086.649 1.479.415.392.978.612 1.565.612h11.072c.587 0 1.15-.22 1.565-.612.416-.393.649-.924.649-1.479V5.114a.5.5 0 0 0-.093-.291.55.55 0 0 0-.249-.193.58.58 0 0 0-.603.114L11.95 7.44z", clipRule: "evenodd" }))); });
 CrownFilledSIcon.displayName = 'CrownFilledSIcon';

package/dist/esm/CrownIcon/CrownMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CrownMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var CrownMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.25a.75.75 0 0 1 .614.32l4.388 6.268L20.57 7.27a.75.75 0 0 1 1.28.53v9.1A2.85 2.85 0 0 1 19 19.75H5a2.85 2.85 0 0 1-2.85-2.85V7.8a.75.75 0 0 1 1.28-.53l3.568 3.568 4.388-6.268c.14-.2.37-.32.614-.32m0 2.058L7.715 12.43a.75.75 0 0 1-1.145.1L3.65 9.61v7.29A1.35 1.35 0 0 0 5 18.25h14a1.35 1.35 0 0 0 1.35-1.35V9.61l-2.92 2.92a.75.75 0 0 1-1.144-.1z", clipRule: "evenodd" }))); });
 CrownMIcon.displayName = 'CrownMIcon';

package/dist/esm/CrownIcon/CrownSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var CrownSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var CrownSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 2.25a.75.75 0 0 1 .599.299l3.269 4.336L14.49 4.45a.75.75 0 0 1 1.26.55v6.5c0 .615-.264 1.193-.713 1.61a2.43 2.43 0 0 1-1.652.64H2.615a2.43 2.43 0 0 1-1.652-.64A2.2 2.2 0 0 1 .25 11.5V5a.75.75 0 0 1 1.26-.55l2.622 2.435 3.27-4.336A.75.75 0 0 1 8 2.25m0 1.996L4.83 8.45a.75.75 0 0 1-1.11.099L1.75 6.72v4.78c0 .18.077.365.233.511a.93.93 0 0 0 .632.239h10.77a.93.93 0 0 0 .632-.239.7.7 0 0 0 .233-.511V6.72l-1.97 1.83a.75.75 0 0 1-1.11-.099z", clipRule: "evenodd" }))); });
 CrownSIcon.displayName = 'CrownSIcon';

package/dist/esm/DarkIcon/DarkMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DarkMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DarkMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.87 5.106a9.75 9.75 0 0 1 6.894-2.856h.009A9.9 9.9 0 0 1 18.43 3a.75.75 0 0 1 .094 1.338A8.94 8.94 0 0 0 14.13 12a8.94 8.94 0 0 0 4.432 7.661.75.75 0 0 1-.091 1.34 9.9 9.9 0 0 1-3.701.75h-.006A9.75 9.75 0 0 1 7.87 5.106m6.89-1.356a8.25 8.25 0 0 0 .002 16.5 8.4 8.4 0 0 0 1.74-.196 10.44 10.44 0 0 1-3.872-8.05v-.007a10.44 10.44 0 0 1 3.839-8.049 8.4 8.4 0 0 0-1.71-.198", clipRule: "evenodd" }))); });
 DarkMIcon.displayName = 'DarkMIcon';

package/dist/esm/DarkIcon/DarkSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DarkSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DarkSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.601 2.51A8.13 8.13 0 0 1 10.246.25h.009a8.3 8.3 0 0 1 2.99.592.75.75 0 0 1 .093 1.348 6.9 6.9 0 0 0-2.528 2.473 6.6 6.6 0 0 0-.928 3.336 6.6 6.6 0 0 0 .941 3.342 6.9 6.9 0 0 0 2.545 2.467.75.75 0 0 1-.09 1.35 8.3 8.3 0 0 1-3.027.592h-.005a8.13 8.13 0 0 1-5.645-2.26A7.63 7.63 0 0 1 2.25 8c0-2.064.849-4.038 2.351-5.49m5.641-.76a6.63 6.63 0 0 0-4.599 1.84A6.13 6.13 0 0 0 3.75 8c0 1.65.678 3.236 1.894 4.41a6.63 6.63 0 0 0 5.63 1.755 8.4 8.4 0 0 1-1.738-2.054 8.1 8.1 0 0 1-1.154-4.106v-.008a8.1 8.1 0 0 1 1.138-4.1 8.4 8.4 0 0 1 1.73-2.06 7 7 0 0 0-1.008-.087", clipRule: "evenodd" }))); });
 DarkSIcon.displayName = 'DarkSIcon';

package/dist/esm/DashboardIcon/DashboardMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DashboardMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DashboardMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2 6.534a4.534 4.534 0 1 1 9.068 0 4.534 4.534 0 0 1-9.068 0M6.534 3.5a3.034 3.034 0 1 0 0 6.068 3.034 3.034 0 0 0 0-6.068m6.398 3.034a4.534 4.534 0 1 1 9.068 0 4.534 4.534 0 0 1-9.068 0M17.466 3.5a3.034 3.034 0 1 0 0 6.068 3.034 3.034 0 0 0 0-6.068M2 17.466a4.534 4.534 0 1 1 9.068 0 4.534 4.534 0 0 1-9.068 0m4.534-3.034a3.034 3.034 0 1 0 0 6.068 3.034 3.034 0 0 0 0-6.068m6.398 3.034a4.534 4.534 0 1 1 9.068 0 4.534 4.534 0 0 1-9.068 0m4.534-3.034a3.034 3.034 0 1 0 0 6.068 3.034 3.034 0 0 0 0-6.068", clipRule: "evenodd" }))); });
 DashboardMIcon.displayName = 'DashboardMIcon';

package/dist/esm/DashboardIcon/DashboardSIcon.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DashboardSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DashboardSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("g", { clipPath: "url(#DashboardSIcon__a)" },
         React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M.25 4a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M4 1.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M8.25 4a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M12 1.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M.25 12a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M4 9.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M8.25 12a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M12 9.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5", clipRule: "evenodd" })),
     React.createElement("defs", null,

package/dist/esm/DeleteIcon/DeleteMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DeleteMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DeleteMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 3.75c-.57 0-1.134.25-1.564.728a2.77 2.77 0 0 0-.685 1.772h4.498a2.77 2.77 0 0 0-.685-1.772c-.43-.477-.994-.728-1.564-.728m3.75 2.5a4.27 4.27 0 0 0-1.071-2.775c-.696-.773-1.658-1.225-2.68-1.225-1.02 0-1.982.452-2.678 1.225a4.27 4.27 0 0 0-1.07 2.775H4a.75.75 0 1 0 0 1.5h1.25V19.6c0 .559.21 1.101.597 1.507.388.407.922.643 1.486.643h9.333c.565 0 1.099-.236 1.486-.643.387-.405.598-.948.598-1.507V7.75H20a.75.75 0 0 0 0-1.5zm-9 1.5V19.6c0 .184.07.353.184.473a.55.55 0 0 0 .4.177h9.333c.142 0 .287-.06.4-.177a.7.7 0 0 0 .183-.473V7.75zm3.25 2.5a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75m4 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75", clipRule: "evenodd" }))); });
 DeleteMIcon.displayName = 'DeleteMIcon';

package/dist/esm/DeleteIcon/DeleteSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DeleteSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DeleteSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 1.75a1.94 1.94 0 0 0-1.93 1.73h3.86A1.94 1.94 0 0 0 8 1.75m3.436 1.73a3.442 3.442 0 0 0-6.872 0H1.538a.75.75 0 0 0 0 1.5h.866v8.943A1.827 1.827 0 0 0 4.23 15.75h7.538a1.827 1.827 0 0 0 1.827-1.827V4.981h.866a.75.75 0 0 0 0-1.5zm.66 1.5H3.904v8.943a.327.327 0 0 0 .327.327h7.538a.327.327 0 0 0 .327-.327zM6.385 6.714a.75.75 0 0 1 .75.75v4.31a.75.75 0 0 1-1.5 0v-4.31a.75.75 0 0 1 .75-.75m3.23 0a.75.75 0 0 1 .75.75v4.31a.75.75 0 0 1-1.5 0v-4.31a.75.75 0 0 1 .75-.75", clipRule: "evenodd" }))); });
 DeleteSIcon.displayName = 'DeleteSIcon';

package/dist/esm/DeviceErrorIcon/DeviceErrorMIcon.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DeviceErrorMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DeviceErrorMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.644 2.875c.4-.4.944-.625 1.51-.625h9.692a2.134 2.134 0 0 1 2.135 2.135v11.004l1.444.993a.75.75 0 1 1-.85 1.236l-1.76-1.21-.017-.012L5.353 7.841l-.017-.012-1.761-1.211a.75.75 0 0 1 .85-1.236l.594.409V4.385c0-.567.225-1.11.625-1.51m.875 3.947 10.962 7.536V4.385a.635.635 0 0 0-.635-.635H7.154a.635.635 0 0 0-.635.635zm-.75 4.428a.75.75 0 0 1 .75.75v7.615a.634.634 0 0 0 .635.635h9.692c.168 0 .33-.067.449-.186a.75.75 0 1 1 1.06 1.06c-.4.401-.943.626-1.509.626H7.154a2.135 2.135 0 0 1-2.135-2.135V12a.75.75 0 0 1 .75-.75", clipRule: "evenodd" }),
     React.createElement("path", { fill: "currentColor", d: "M13 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0" }))); });
 DeviceErrorMIcon.displayName = 'DeviceErrorMIcon';

package/dist/esm/DeviceErrorIcon/DeviceErrorSIcon.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DeviceErrorSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DeviceErrorSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.94.785A1.83 1.83 0 0 1 4.232.25h7.543a1.83 1.83 0 0 1 1.828 1.827v7.411l1.336.668a.75.75 0 1 1-.67 1.342l-13.2-6.596a.75.75 0 1 1 .67-1.342l.666.333V2.077c0-.485.193-.95.535-1.292m.965 3.857 8.198 4.097V2.077a.327.327 0 0 0-.328-.327H4.232a.33.33 0 0 0-.327.327zm-.75 2.608a.75.75 0 0 1 .75.75v5.923a.326.326 0 0 0 .327.327h7.543a.33.33 0 0 0 .328-.327v-1.211a.75.75 0 0 1 1.5 0v1.211a1.827 1.827 0 0 1-1.828 1.827H4.232a1.83 1.83 0 0 1-1.827-1.827V8a.75.75 0 0 1 .75-.75", clipRule: "evenodd" }),
     React.createElement("path", { fill: "currentColor", d: "M9 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0" }))); });
 DeviceErrorSIcon.displayName = 'DeviceErrorSIcon';

package/dist/esm/DeviceIcon/DeviceMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DeviceMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DeviceMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.644 2.875c.4-.4.944-.625 1.51-.625h9.692a2.135 2.135 0 0 1 2.135 2.135v15.23a2.135 2.135 0 0 1-2.135 2.135H7.154a2.135 2.135 0 0 1-2.135-2.135V4.385c0-.567.225-1.11.625-1.51m1.51.875a.635.635 0 0 0-.635.635v15.23a.635.635 0 0 0 .635.635h9.692a.635.635 0 0 0 .635-.635V4.385a.635.635 0 0 0-.635-.635zm4.07 2.283a1.096 1.096 0 1 1 1.55 1.55 1.096 1.096 0 0 1-1.55-1.55", clipRule: "evenodd" }))); });
 DeviceMIcon.displayName = 'DeviceMIcon';

package/dist/esm/DeviceIcon/DeviceSIcon.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DeviceSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DeviceSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.803.777A1.88 1.88 0 0 1 4.111.25h7.778c.486 0 .957.187 1.308.527s.553.808.553 1.3v11.846c0 .492-.202.96-.553 1.3a1.88 1.88 0 0 1-1.308.527H4.11a1.88 1.88 0 0 1-1.308-.527 1.8 1.8 0 0 1-.553-1.3V2.077c0-.492.202-.96.553-1.3m1.308.973a.38.38 0 0 0-.264.104.3.3 0 0 0-.097.223v11.846c0 .08.032.16.097.223a.38.38 0 0 0 .264.104h7.778a.38.38 0 0 0 .264-.104.3.3 0 0 0 .097-.223V2.077a.3.3 0 0 0-.097-.223.38.38 0 0 0-.264-.104z", clipRule: "evenodd" }),
     React.createElement("path", { fill: "currentColor", d: "M9 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0" }))); });
 DeviceSIcon.displayName = 'DeviceSIcon';

package/dist/esm/DeviceSuccessIcon/DeviceSuccessMIcon.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DeviceSuccessMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DeviceSuccessMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.644 2.875c.4-.4.944-.625 1.51-.625h9.692a2.135 2.135 0 0 1 2.135 2.135v15.23a2.135 2.135 0 0 1-2.135 2.135H7.154a2.135 2.135 0 0 1-2.135-2.135.75.75 0 0 1 1.5 0 .635.635 0 0 0 .635.635h9.692a.635.635 0 0 0 .635-.635V4.385a.635.635 0 0 0-.635-.635H7.154a.635.635 0 0 0-.635.635V12a.75.75 0 0 1-1.5 0V4.385c0-.566.225-1.11.625-1.51m5.58 3.158a1.096 1.096 0 1 1 1.55 1.55 1.096 1.096 0 0 1-1.55-1.55", clipRule: "evenodd" }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.539 12.478a.75.75 0 0 1-.017 1.061l-4.134 4a.75.75 0 0 1-1.043 0l-1.867-1.807a.75.75 0 1 1 1.044-1.077l1.345 1.301 3.611-3.495a.75.75 0 0 1 1.061.017", clipRule: "evenodd" }))); });
 DeviceSuccessMIcon.displayName = 'DeviceSuccessMIcon';

package/dist/esm/DeviceSuccessIcon/DeviceSuccessSIcon.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DeviceSuccessSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DeviceSuccessSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", d: "M8.905 3.927c0 .563-.423 1.018-.946 1.018s-.945-.455-.945-1.018.423-1.018.945-1.018c.523 0 .946.456.946 1.018" }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.973.567A1.8 1.8 0 0 1 4.281 0h7.357c.486 0 .957.201 1.308.567.351.367.554.871.554 1.402v12.062c0 .531-.203 1.035-.554 1.402-.351.366-.822.567-1.308.567H4.281c-.486 0-.957-.201-1.308-.567a2.03 2.03 0 0 1-.554-1.402v-1.234c0-.482.363-.873.81-.873.449 0 .812.391.812.873v1.234c0 .05.018.104.06.148a.25.25 0 0 0 .18.075h7.357c.072 0 .136-.03.179-.075a.22.22 0 0 0 .061-.148V1.969a.22.22 0 0 0-.061-.148.25.25 0 0 0-.179-.076H4.281a.25.25 0 0 0-.18.076.22.22 0 0 0-.06.148v3.153c0 .482-.363.872-.811.872s-.811-.39-.811-.872V1.969c0-.531.202-1.035.554-1.402m3.668 5.798a.92.92 0 0 1 0 1.234l-2.838 3.054a.78.78 0 0 1-.573.256.78.78 0 0 1-.574-.256L1.237 9.127a.92.92 0 0 1 0-1.234.77.77 0 0 1 1.147 0l.846.91 2.264-2.437a.77.77 0 0 1 1.147 0", clipRule: "evenodd" }))); });
 DeviceSuccessSIcon.displayName = 'DeviceSuccessSIcon';

package/dist/esm/DevicesIcon/DevicesMIcon.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DevicesMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DevicesMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15 10a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1zm1.5 8.5v-8h.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5h.5v8z", clipRule: "evenodd" }),
     React.createElement("path", { fill: "currentColor", d: "M5 6.5h14a.5.5 0 0 1 .5.5v.5H21V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10.085A1.5 1.5 0 0 0 3.5 20h10v-3h-9V7a.5.5 0 0 1 .5-.5" }))); });
 DevicesMIcon.displayName = 'DevicesMIcon';

package/dist/esm/DevicesIcon/DevicesSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DevicesSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DevicesSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M13.517 3.94v.698h1.71V3.94c0-1.06-.803-1.941-1.82-1.941H2.593c-1.017 0-1.82.881-1.82 1.94v8.18A1.54 1.54 0 0 0 0 13.474C0 14.304.63 15 1.434 15h8v-3.052H2.483V3.94c0-.086.061-.132.11-.132h10.814c.049 0 .11.046.11.132M11.09 5.317c-.591 0-1.049.51-1.049 1.112v7.46c0 .602.458 1.112 1.049 1.112h3.862c.59 0 1.048-.51 1.048-1.112v-7.46c0-.602-.457-1.112-1.048-1.112zm.662 1.987v5.888h2.538V7.303a.64.64 0 0 1-.497.236h-1.545a.64.64 0 0 1-.496-.236", clipRule: "evenodd" }))); });
 DevicesSIcon.displayName = 'DevicesSIcon';

package/dist/esm/DigitalCardIcon/DigitalCardMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DigitalCardMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DigitalCardMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.672 6.812a4.26 4.26 0 0 0-2.158.186 4.1 4.1 0 0 0-1.753 1.21 3.86 3.86 0 0 0-.866 1.883.75.75 0 0 1-.741.633c-.45 0-.896.086-1.311.252s-.79.408-1.105.713a3.3 3.3 0 0 0-.732 1.058 3.15 3.15 0 0 0 0 2.48c.168.394.417.754.732 1.058s.69.547 1.105.713.86.252 1.31.252h9.693c.911 0 1.78-.35 2.416-.965a3.2 3.2 0 0 0 .988-2.298c0-.857-.352-1.684-.988-2.298a3.48 3.48 0 0 0-2.416-.965h-.11a.75.75 0 0 1-.741-.633 3.9 3.9 0 0 0-1.372-2.384 4.17 4.17 0 0 0-1.951-.895m2.875-.287a5.7 5.7 0 0 0-2.62-1.19 5.76 5.76 0 0 0-2.919.25A5.6 5.6 0 0 0 7.615 7.24a5.4 5.4 0 0 0-1.072 2.021 5 5 0 0 0-1.257.322 4.9 4.9 0 0 0-1.59 1.027c-.457.441-.82.966-1.07 1.546a4.64 4.64 0 0 0 0 3.662c.25.58.613 1.105 1.07 1.546.456.441.997.79 1.59 1.027s1.227.359 1.868.359h9.692a4.98 4.98 0 0 0 3.459-1.386 4.7 4.7 0 0 0 1.445-3.377 4.7 4.7 0 0 0-1.445-3.377 4.97 4.97 0 0 0-2.962-1.362 5.4 5.4 0 0 0-1.796-2.723", clipRule: "evenodd" }))); });
 DigitalCardMIcon.displayName = 'DigitalCardMIcon';

package/dist/esm/DigitalCardIcon/DigitalCardSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DigitalCardSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DigitalCardSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.485 3.799a2.9 2.9 0 0 0-1.569.144 3 3 0 0 0-1.292.957l-.589-.464.59.464c-.344.436-.57.96-.652 1.521a.75.75 0 0 1-.742.64c-.322 0-.642.066-.941.194-.3.129-.573.317-.804.557s-.417.526-.544.843a2.7 2.7 0 0 0 0 2.002c.127.317.312.603.544.842l-.535.517.535-.517c.231.24.505.429.804.557s.619.194.94.194h7.54c.649 0 1.277-.267 1.744-.75a2.66 2.66 0 0 0 .736-1.844c0-.696-.267-1.36-.736-1.844a2.43 2.43 0 0 0-1.745-.75h-.086a.75.75 0 0 1-.742-.64 3.2 3.2 0 0 0-1.027-1.92A2.97 2.97 0 0 0 8.485 3.8m2.396-.444a4.47 4.47 0 0 0-2.122-1.031 4.4 4.4 0 0 0-2.38.219 4.5 4.5 0 0 0-1.933 1.43 4.7 4.7 0 0 0-.831 1.638q-.473.076-.916.266l.295.69-.295-.69a4 4 0 0 0-1.292.893c-.368.381-.66.833-.857 1.327a4.2 4.2 0 0 0 0 3.117c.198.495.489.946.857 1.328.368.381.807.685 1.292.893a3.9 3.9 0 0 0 1.532.315h7.538c1.065 0 2.08-.438 2.824-1.208a4.15 4.15 0 0 0 1.157-2.886 4.15 4.15 0 0 0-1.157-2.886 3.94 3.94 0 0 0-2.298-1.173 4.67 4.67 0 0 0-1.414-2.242", clipRule: "evenodd" }))); });
 DigitalCardSIcon.displayName = 'DigitalCardSIcon';

package/dist/esm/DirhamIcon/DirhamMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DirhamMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DirhamMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 3a.75.75 0 0 1 .75.75V16A.75.75 0 0 1 3 16V3.75A.75.75 0 0 1 3.75 3m12.5 1.5c-1.49 0-2.83.863-3.597 2.22a.75.75 0 1 1-1.306-.738C12.344 4.217 14.151 3 16.25 3 19.491 3 22 5.867 22 9.25s-2.509 6.25-5.75 6.25c-2.1 0-3.906-1.217-4.903-2.982a.75.75 0 0 1 1.306-.738C13.42 13.137 14.761 14 16.25 14c2.282 0 4.25-2.058 4.25-4.75S18.532 4.5 16.25 4.5M8 11.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75M10 17a1.25 1.25 0 1 0 0 2.5.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1 0-1.5h2.8a2.75 2.75 0 0 1 2.45-4 .75.75 0 0 1 0 1.5", clipRule: "evenodd" }))); });
 DirhamMIcon.displayName = 'DirhamMIcon';

package/dist/esm/DirhamIcon/DirhamSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DirhamSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DirhamSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M1.75 1a.75.75 0 0 1 .75.75v9a.75.75 0 0 1-1.5 0v-9A.75.75 0 0 1 1.75 1m9.99 1.5c-.83 0-1.603.437-2.127 1.182a.75.75 0 0 1-1.226-.864C9.149 1.734 10.354 1 11.74 1 14.182 1 16 3.222 16 5.75s-1.818 4.75-4.26 4.75c-1.386 0-2.59-.734-3.353-1.819a.75.75 0 0 1 1.226-.862C10.137 8.563 10.91 9 11.74 9c1.435 0 2.76-1.36 2.76-3.25S13.175 2.5 11.74 2.5M4.5 7.25a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0V8a.75.75 0 0 1 .75-.75M7 12a1.25 1.25 0 1 0 0 2.5.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h1.55a2.75 2.75 0 0 1 2.45-4A.75.75 0 0 1 7 12", clipRule: "evenodd" }))); });
 DirhamSIcon.displayName = 'DirhamSIcon';

package/dist/esm/DocumentIcon/DocumentMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DocumentMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DocumentMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.455 3.857a.64.64 0 0 0-.438.17.5.5 0 0 0-.16.358v15.23c0 .126.052.256.16.359.11.104.266.169.438.169h13.09a.64.64 0 0 0 .438-.17.5.5 0 0 0 .16-.358V9.857H14A.857.857 0 0 1 13.143 9V3.857zm0-1.714c-.6 0-1.184.226-1.62.642a2.2 2.2 0 0 0-.692 1.6v15.23c0 .609.254 1.184.692 1.6a2.35 2.35 0 0 0 1.62.642h13.09c.6 0 1.183-.226 1.62-.642s.692-.991.692-1.6V7.846a.86.86 0 0 0-.266-.62L15.5 2.378a.86.86 0 0 0-.59-.236zm9.402 1.99v4.01h4.212z", clipRule: "evenodd" }))); });
 DocumentMIcon.displayName = 'DocumentMIcon';

package/dist/esm/DocumentIcon/DocumentSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DocumentSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DocumentSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.886 1.5a.4.4 0 0 0-.278.112.36.36 0 0 0-.108.253v12.27c0 .092.037.183.108.253s.171.112.278.112h10.228a.4.4 0 0 0 .278-.112.36.36 0 0 0 .108-.253V5.962H9.704a.75.75 0 0 1-.75-.75V1.5zm0-1.5c-.495 0-.974.193-1.329.541A1.86 1.86 0 0 0 1 1.865v12.27c0 .499.202.975.557 1.324.355.348.834.541 1.33.541h10.227c.495 0 .974-.193 1.329-.541.355-.35.557-.825.557-1.324V4.654a.75.75 0 0 0-.225-.535L10.798.215A.75.75 0 0 0 10.273 0zm7.568 1.98 2.53 2.482h-2.53z", clipRule: "evenodd" }))); });
 DocumentSIcon.displayName = 'DocumentSIcon';

package/dist/esm/DocumentSuccessIcon/DocumentSuccessMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DocumentSuccessMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DocumentSuccessMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.77 3.75a.635.635 0 0 0-.635.635v15.23a.635.635 0 0 0 .634.635h12.462a.635.635 0 0 0 .634-.635V9.288h-4.788a.75.75 0 0 1-.75-.75V3.75zm0-1.5a2.135 2.135 0 0 0-2.135 2.135v15.23a2.135 2.135 0 0 0 2.134 2.135h12.462a2.135 2.135 0 0 0 2.134-2.135V7.846a.75.75 0 0 0-.22-.53L15.3 2.47a.75.75 0 0 0-.53-.22zm9.057 1.868 3.67 3.67h-3.67zm.712 8.36a.75.75 0 0 1-.017 1.061l-4.134 4a.75.75 0 0 1-1.043 0l-1.867-1.807a.75.75 0 1 1 1.044-1.077l1.345 1.301 3.611-3.495a.75.75 0 0 1 1.061.017", clipRule: "evenodd" }))); });
 DocumentSuccessMIcon.displayName = 'DocumentSuccessMIcon';

package/dist/esm/DocumentSuccessIcon/DocumentSuccessSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DocumentSuccessSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DocumentSuccessSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.96 1.655a.28.28 0 0 0-.198.081.27.27 0 0 0-.082.195v12.138c0 .073.03.143.082.195s.124.08.198.08h10.08a.28.28 0 0 0 .198-.08.27.27 0 0 0 .082-.195v-8H9.68a.834.834 0 0 1-.84-.828V1.655zM2.96 0c-.52 0-1.018.203-1.386.566A1.92 1.92 0 0 0 1 1.93v12.138c0 .512.206 1.003.574 1.365S2.44 16 2.96 16h10.08c.52 0 1.018-.203 1.386-.566S15 14.581 15 14.07v-9.38c0-.219-.088-.43-.246-.585L10.834.242A.85.85 0 0 0 10.24 0zm7.56 2.274 2.172 2.14H10.52zm1.024 5.15a.82.82 0 0 1-.02 1.17l-4.05 3.863a.85.85 0 0 1-1.169 0l-1.83-1.744a.82.82 0 0 1-.019-1.17.85.85 0 0 1 1.188-.02L6.89 10.71l3.467-3.305a.85.85 0 0 1 1.188.02", clipRule: "evenodd" }))); });
 DocumentSuccessSIcon.displayName = 'DocumentSuccessSIcon';

package/dist/esm/DollarIcon/DollarMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DollarMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DollarMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.728 1.25a.75.75 0 0 1 .75.75v1.549c2.546.325 4.24 2.278 4.24 4.212a.75.75 0 0 1-1.5 0c0-1.168-1.233-2.76-3.49-2.76-1.304 0-2.14.38-2.646.868-.51.49-.76 1.162-.76 1.892 0 .874.225 1.446.569 1.864.357.433.904.774 1.68 1.064.878.33 1.253.469 1.494.558l.946.356.023.008c.508.193 1.45.55 2.27 1.186.85.66 1.626 1.669 1.626 3.138 0 1.332-.434 2.522-1.357 3.373-.767.708-1.806 1.122-3.053 1.238V22a.75.75 0 0 1-1.5 0v-1.452c-1.257-.108-2.35-.493-3.182-1.133-1.008-.777-1.588-1.902-1.588-3.216a.75.75 0 0 1 1.5 0c0 .836.353 1.526 1.004 2.027.666.514 1.684.854 3.016.854 1.323 0 2.223-.355 2.786-.874.556-.513.874-1.27.874-2.27 0-.864-.433-1.478-1.046-1.954-.63-.49-1.389-.781-1.904-.976-.555-.21-.647-.245-.934-.351l-1.502-.561c-.9-.337-1.72-.797-2.311-1.515-.605-.735-.91-1.664-.91-2.818 0-1.076.374-2.159 1.217-2.972.709-.683 1.695-1.125 2.938-1.25V2a.75.75 0 0 1 .75-.75", clipRule: "evenodd" }))); });
 DollarMIcon.displayName = 'DollarMIcon';

package/dist/esm/DollarIcon/DollarSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DollarSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DollarSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 0a.75.75 0 0 1 .75.75v.744c1.084.15 1.852.623 2.358 1.23.59.706.772 1.526.772 2.039a.75.75 0 0 1-1.5 0c0-.218-.093-.682-.423-1.078-.304-.363-.867-.74-1.957-.74s-1.609.372-1.875.715a1.9 1.9 0 0 0-.375 1.104c0 .279.042.627.325.984.292.368.92.843 2.294 1.19 1.574.399 2.56 1.013 3.151 1.715.598.71.729 1.437.73 1.929.001.499-.178 1.403-.805 2.2-.555.705-1.423 1.277-2.695 1.44v1.028a.75.75 0 0 1-1.5 0v-1.014c-1.204-.105-2.1-.467-2.725-1.016A2.97 2.97 0 0 1 3.5 10.964a.75.75 0 1 1 1.5 0c0 .373.132.793.515 1.129.39.342 1.127.674 2.485.674 1.258 0 1.91-.46 2.266-.912.387-.492.485-1.053.484-1.27 0-.222-.055-.582-.378-.966-.33-.392-1-.88-2.37-1.226C6.431 7.996 5.463 7.39 4.9 6.68a2.98 2.98 0 0 1-.65-1.92 3.4 3.4 0 0 1 .691-2.022c.483-.62 1.232-1.095 2.309-1.244V.75A.75.75 0 0 1 8 0", clipRule: "evenodd" }))); });
 DollarSIcon.displayName = 'DollarSIcon';

package/dist/esm/DotIcon/DotMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DotMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DotMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("circle", { cx: "12", cy: "12", r: "2", fill: "currentColor" }))); });
 DotMIcon.displayName = 'DotMIcon';

package/dist/esm/DotIcon/DotSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DotSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DotSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("circle", { cx: "8", cy: "8", r: "2", fill: "currentColor" }))); });
 DotSIcon.displayName = 'DotSIcon';

package/dist/esm/DownloadFileIcon/DownloadFileMIcon.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DownloadFileMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DownloadFileMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6.068 2c-.568 0-1.1.244-1.482.657C4.205 3.068 4 3.614 4 4.173v15.654c0 .558.205 1.105.586 1.516.382.413.914.657 1.482.657h11.864c.568 0 1.1-.244 1.482-.657.38-.411.586-.957.586-1.516V7.73a.75.75 0 0 0-.2-.51l-4.613-4.98a.75.75 0 0 0-.55-.241zm8.24 1.5h-8.24a.65.65 0 0 0-.378.18c-.12.12-.19.32-.19.493v15.654c0 .196.073.374.186.496.112.121.25.177.382.177h11.864c.131 0 .27-.056.382-.177a.73.73 0 0 0 .186-.496V8.025z", clipRule: "evenodd" }),
     React.createElement("path", { fill: "currentColor", d: "M12.75 8.442a.75.75 0 0 0-1.5 0v6.017l-1.566-1.566a.75.75 0 0 0-1.06 1.06L11.47 16.8a.75.75 0 0 0 1.06 0l2.847-2.847a.75.75 0 1 0-1.061-1.06l-1.566 1.566z" }))); });
 DownloadFileMIcon.displayName = 'DownloadFileMIcon';

package/dist/esm/DownloadFileIcon/DownloadFileSIcon.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DownloadFileSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DownloadFileSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", d: "M8.75 5.212a.75.75 0 1 0-1.5 0v4.295l-.896-.916A.75.75 0 0 0 5.282 9.64l2.182 2.23a.75.75 0 0 0 1.072 0l2.182-2.23A.75.75 0 1 0 9.646 8.59l-.896.916z" }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.09 0c-.493 0-.963.2-1.307.552a1.88 1.88 0 0 0-.533 1.313v12.27c0 .489.19.962.533 1.313A1.83 1.83 0 0 0 3.091 16h9.818c.494 0 .964-.2 1.308-.552.343-.351.533-.824.533-1.313V4.654a.75.75 0 0 0-.214-.525L10.718.226A.75.75 0 0 0 10.182 0zm-.234 1.601A.33.33 0 0 1 3.09 1.5h6.775l3.384 3.46v9.175c0 .102-.04.197-.106.264a.32.32 0 0 1-.235.101H3.091c-.091 0-.131-.03-.231-.1a.37.37 0 0 1-.11-.265V1.865c0-.102.04-.197.106-.264", clipRule: "evenodd" }))); });
 DownloadFileSIcon.displayName = 'DownloadFileSIcon';

package/dist/esm/DownloadIcon/DownloadMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DownloadMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DownloadMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 2.25a.75.75 0 0 1 .75.75v10.65l2.874-2.873a.75.75 0 0 1 1.06 1.061l-4.154 4.154a.75.75 0 0 1-1.06 0l-4.154-4.154a.75.75 0 1 1 1.06-1.06l2.874 2.873V3a.75.75 0 0 1 .75-.75M6.404 21a.75.75 0 0 1 .75-.75h9.692a.75.75 0 0 1 0 1.5H7.154a.75.75 0 0 1-.75-.75", clipRule: "evenodd" }))); });
 DownloadMIcon.displayName = 'DownloadMIcon';

package/dist/esm/DownloadIcon/DownloadSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DownloadSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DownloadSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 .25a.75.75 0 0 1 .75.75v7.882l1.95-1.95a.75.75 0 0 1 1.061 1.06l-3.23 3.23a.75.75 0 0 1-1.061 0l-3.231-3.23a.75.75 0 0 1 1.06-1.06l1.951 1.95V1A.75.75 0 0 1 8 .25M3.48 15a.75.75 0 0 1 .75-.75h7.54a.75.75 0 0 1 0 1.5H4.23a.75.75 0 0 1-.75-.75", clipRule: "evenodd" }))); });
 DownloadSIcon.displayName = 'DownloadSIcon';

package/dist/esm/DragIcon/DragMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DragMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DragMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", d: "M10 4a2 2 0 1 1-4 0 2 2 0 0 1 4 0M10 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0M8 22a2 2 0 1 0 0-4 2 2 0 0 0 0 4M18 4a2 2 0 1 1-4 0 2 2 0 0 1 4 0M18 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0M16 22a2 2 0 1 0 0-4 2 2 0 0 0 0 4" }))); });
 DragMIcon.displayName = 'DragMIcon';

package/dist/esm/DragIcon/DragSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DragSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DragSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", d: "M5 3a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3M5 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3M5 16a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3M11 3a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3M11 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3M11 16a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" }))); });
 DragSIcon.displayName = 'DragSIcon';

package/dist/esm/DramIcon/DramMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DramMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var DramMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10 4.5a3.25 3.25 0 0 0-3.25 3.25v.5a.75.75 0 0 1-1.5 0v-.5a4.75 4.75 0 0 1 9.5 0v3.75H18a.75.75 0 0 1 0 1.5h-3.25v1.5H18a.75.75 0 0 1 0 1.5h-3.25v4.25a.75.75 0 0 1-1.5 0V16h-4.5a.75.75 0 0 1 0-1.5h4.5V13h-4.5a.75.75 0 0 1 0-1.5h4.5V7.75A3.25 3.25 0 0 0 10 4.5", clipRule: "evenodd" }))); });
 DramMIcon.displayName = 'DramMIcon';

package/dist/esm/DramIcon/DramSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var DramSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var DramSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6.5 1.5c-1.51 0-2.75 1.282-2.75 2.75V5a.75.75 0 0 1-1.5 0v-.75C2.25 1.97 4.145 0 6.5 0s4.25 1.97 4.25 4.25v3H13a.75.75 0 0 1 0 1.5h-2.25v1.5H13a.75.75 0 0 1 0 1.5h-2.25v3.5a.75.75 0 0 1-1.5 0v-3.5H6a.75.75 0 0 1 0-1.5h3.25v-1.5H6a.75.75 0 0 1 0-1.5h3.25v-3c0-1.468-1.24-2.75-2.75-2.75", clipRule: "evenodd" }))); });
 DramSIcon.displayName = 'DramSIcon';

package/dist/esm/EditIcon/EditMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var EditMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var EditMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M17.143 3.749a.63.63 0 0 0-.454.19l-.007.008-11.27 11.215-1.331 4.756 4.757-1.332 11.214-11.27.003-.002a.636.636 0 0 0 0-.902l-.003-.003-2.455-2.47a.64.64 0 0 0-.454-.19m-.828-1.333a2.135 2.135 0 0 1 2.352.472l.002.003 2.444 2.457.001.002a2.137 2.137 0 0 1 0 3.026l-.001.002L9.762 19.784a.75.75 0 0 1-.33.194l-6.23 1.744a.75.75 0 0 1-.925-.924l1.744-6.231a.75.75 0 0 1 .194-.33L15.62 2.888c.198-.202.434-.362.694-.471", clipRule: "evenodd" }))); });
 EditMIcon.displayName = 'EditMIcon';

package/dist/esm/EditIcon/EditSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var EditSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var EditSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.432 2.745a.17.17 0 0 0-.125.052l-.007.007-7.472 7.436-.751 2.683 2.683-.751L13.195 4.7l.003-.003a.174.174 0 0 0 0-.248l-.003-.003-1.64-1.65a.17.17 0 0 0-.123-.051m-.65-1.37a1.67 1.67 0 0 1 1.844.37l1.63 1.64.002.002a1.676 1.676 0 0 1 0 2.372l-.002.002-7.572 7.609a.75.75 0 0 1-.33.193l-4.157 1.164a.75.75 0 0 1-.924-.925l1.164-4.157a.75.75 0 0 1 .193-.33l7.609-7.571c.155-.158.34-.283.543-.368", clipRule: "evenodd" }))); });
 EditSIcon.displayName = 'EditSIcon';

package/dist/esm/EnterIcon/EnterMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var EnterMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var EnterMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.385 3.75a.635.635 0 0 0-.635.635v15.23a.635.635 0 0 0 .635.635h9.692a.635.635 0 0 0 .635-.635v-2.769a.75.75 0 0 1 1.5 0v2.77a2.135 2.135 0 0 1-2.135 2.134H4.385a2.134 2.134 0 0 1-2.135-2.135V4.385A2.135 2.135 0 0 1 4.385 2.25h9.692a2.135 2.135 0 0 1 2.135 2.135v2.769a.75.75 0 0 1-1.5 0v-2.77a.635.635 0 0 0-.635-.634zm8.838 4.95a.75.75 0 0 1 0 1.061l-1.49 1.489H21a.75.75 0 1 1 0 1.5h-9.266l1.489 1.489a.75.75 0 1 1-1.06 1.06l-2.77-2.769a.75.75 0 0 1 0-1.06l2.77-2.77a.75.75 0 0 1 1.06 0", clipRule: "evenodd" }))); });
 EnterMIcon.displayName = 'EnterMIcon';

package/dist/esm/EnterIcon/EnterSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var EnterSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "17", height: "17", fill: "none" }),
+export var EnterSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "17", height: "17", fill: "none", viewBox: "0 0 17 17" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M1.967 1.559a.41.41 0 0 0-.408.408v13.066a.41.41 0 0 0 .408.408h8.315a.41.41 0 0 0 .408-.408v-2.376a.78.78 0 0 1 1.559 0v2.376A1.97 1.97 0 0 1 10.282 17H1.967A1.967 1.967 0 0 1 0 15.033V1.967A1.967 1.967 0 0 1 1.967 0h8.315a1.967 1.967 0 0 1 1.967 1.967v2.376a.78.78 0 0 1-1.56 0V1.967a.41.41 0 0 0-.407-.408zm7.678 4.014a.78.78 0 0 1 0 1.103L8.6 7.72h7.62a.78.78 0 1 1 0 1.558H8.6l1.045 1.045a.78.78 0 1 1-1.102 1.103L6.167 9.05a.78.78 0 0 1 0-1.102l2.376-2.376a.78.78 0 0 1 1.102 0", clipRule: "evenodd" }))); });
 EnterSIcon.displayName = 'EnterSIcon';

package/dist/esm/EqualizerIcon/EqualizerMIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var EqualizerMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var EqualizerMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 17.25a.75.75 0 0 0 0 1.5h2.595a3.001 3.001 0 0 0 5.81 0h8.095a.75.75 0 0 0 0-1.5h-8.094a3.001 3.001 0 0 0-5.811 0zm5.5-.75a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M3.75 5.25a.75.75 0 0 0 0 1.5h2.595a3.001 3.001 0 0 0 5.81 0h8.095a.75.75 0 0 0 0-1.5h-8.094a3.001 3.001 0 0 0-5.811 0zm5.5-.75a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M21 12a.75.75 0 0 0-.75-.75h-2.594a3.001 3.001 0 0 0-5.811 0H3.75a.75.75 0 0 0 0 1.5h8.095a3.001 3.001 0 0 0 5.81 0h2.595A.75.75 0 0 0 21 12m-7.75 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" }))); });
 EqualizerMIcon.displayName = 'EqualizerMIcon';

package/dist/esm/EqualizerIcon/EqualizerSIcon.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var EqualizerSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "16", height: "16", fill: "none" }),
+export var EqualizerSIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16" }, props, { ref: ref }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 3.25a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0m-1.398.743A1 1 0 0 1 3.25 4h-1.5a.75.75 0 0 1 0-1.5h1.5q.051 0 .102.007a2.751 2.751 0 0 1 5.296 0A1 1 0 0 1 8.75 2.5h5.5a.75.75 0 0 1 0 1.5h-5.5a1 1 0 0 1-.102-.007 2.751 2.751 0 0 1-5.296 0M1 8.25a.75.75 0 0 1 .75-.75h5.5q.051 0 .102.007a2.751 2.751 0 0 1 5.296 0 1 1 0 0 1 .102-.007h1.5a.75.75 0 0 1 0 1.5h-1.5a1 1 0 0 1-.102-.007 2.751 2.751 0 0 1-5.296 0A1 1 0 0 1 7.25 9h-5.5A.75.75 0 0 1 1 8.25M10 7a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 10 7m-8.25 5.5a.75.75 0 0 0 0 1.5h1.5a1 1 0 0 0 .102-.007 2.751 2.751 0 0 0 5.296 0A1 1 0 0 0 8.75 14h5.5a.75.75 0 0 0 0-1.5h-5.5a1 1 0 0 0-.102.007 2.751 2.751 0 0 0-5.296 0 1 1 0 0 0-.102-.007zm3 .75a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0", clipRule: "evenodd" }))); });
 EqualizerSIcon.displayName = 'EqualizerSIcon';

package/dist/esm/ErrorCircleColoredIcon/ErrorCircleColoredMIcon.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import React, { forwardRef } from 'react';
-export var ErrorCircleColoredMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: "24", height: "24", fill: "none" }),
+export var ErrorCircleColoredMIcon = forwardRef(function (props, ref) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { ref: ref }),
     React.createElement("path", { fill: "#FF5959", fillRule: "evenodd", d: "M1 12C1 5.92 5.92 1 12 1s11 4.92 11 11-4.92 11-11 11S1 18.08 1 12", clipRule: "evenodd" }),
     React.createElement("path", { fill: "#fff", d: "M8.208 9.214 10.995 12l-2.787 2.786a.711.711 0 0 0 1.006 1.006L12 13.005l2.786 2.787a.711.711 0 0 0 1.006-1.006L13.005 12l2.787-2.786a.711.711 0 0 0-1.006-1.006L12 10.995 9.214 8.208a.711.711 0 0 0-1.006 1.006" }))); });
 ErrorCircleColoredMIcon.displayName = 'ErrorCircleColoredMIcon';