@app-studio/web 0.8.23 → 0.8.25

package/dist/web.umd.development.js

@@ -208,44 +208,44 @@
   });
   Center.displayName = 'Center';
 
-  var _excluded$4 = ["size", "color"],
-    _excluded2 = ["size", "color"],
-    _excluded3 = ["size", "color"],
-    _excluded4 = ["size", "color"],
-    _excluded5 = ["size", "color"],
-    _excluded6 = ["size", "color"],
-    _excluded7 = ["size", "color"],
-    _excluded8 = ["size", "color"],
-    _excluded9 = ["size", "color"],
-    _excluded10 = ["size", "color"],
-    _excluded11 = ["size", "color"],
-    _excluded12 = ["size", "color"],
-    _excluded13 = ["size", "color"],
-    _excluded14 = ["size", "color"],
+  var _excluded$4 = ["size", "color", "filled", "strokeWidth"],
+    _excluded2 = ["size", "color", "filled", "strokeWidth"],
+    _excluded3 = ["size", "color", "filled", "strokeWidth"],
+    _excluded4 = ["size", "color", "filled", "strokeWidth"],
+    _excluded5 = ["size", "color", "filled", "strokeWidth"],
+    _excluded6 = ["size", "color", "filled", "strokeWidth"],
+    _excluded7 = ["size", "color", "filled", "strokeWidth"],
+    _excluded8 = ["size", "color", "filled", "strokeWidth"],
+    _excluded9 = ["size", "color", "filled", "strokeWidth"],
+    _excluded10 = ["size", "color", "filled", "strokeWidth"],
+    _excluded11 = ["size", "color", "filled", "strokeWidth"],
+    _excluded12 = ["size", "color", "filled", "strokeWidth"],
+    _excluded13 = ["size", "color", "filled", "strokeWidth"],
+    _excluded14 = ["size", "color", "filled", "strokeWidth"],
     _excluded15 = ["size", "color"],
     _excluded16 = ["size", "color"],
     _excluded17 = ["size", "color"],
     _excluded18 = ["size", "color"],
     _excluded19 = ["size", "color"],
-    _excluded20 = ["size", "color"],
-    _excluded21 = ["size", "color"],
-    _excluded22 = ["size", "color"],
-    _excluded23 = ["size", "color"],
-    _excluded24 = ["size", "color"],
-    _excluded25 = ["size", "color"],
-    _excluded26 = ["size", "color"],
-    _excluded27 = ["size", "color"],
-    _excluded28 = ["size", "color"],
-    _excluded29 = ["size", "color"],
-    _excluded30 = ["size", "color"],
-    _excluded31 = ["size", "color"],
+    _excluded20 = ["size", "color", "filled", "strokeWidth"],
+    _excluded21 = ["size", "color", "filled", "strokeWidth"],
+    _excluded22 = ["size", "color", "filled", "strokeWidth"],
+    _excluded23 = ["size", "color", "filled", "strokeWidth"],
+    _excluded24 = ["size", "color", "filled", "strokeWidth"],
+    _excluded25 = ["size", "color", "filled", "strokeWidth"],
+    _excluded26 = ["size", "color", "filled", "strokeWidth"],
+    _excluded27 = ["size", "color", "filled", "strokeWidth"],
+    _excluded28 = ["size", "color", "filled", "strokeWidth"],
+    _excluded29 = ["size", "color", "filled", "strokeWidth"],
+    _excluded30 = ["size", "color", "filled", "strokeWidth"],
+    _excluded31 = ["size", "color", "filled", "strokeWidth"],
     _excluded32 = ["size", "color"],
     _excluded33 = ["size", "color"],
     _excluded34 = ["size", "color"],
-    _excluded35 = ["size", "color"],
-    _excluded36 = ["size", "color"],
-    _excluded37 = ["size", "color"],
-    _excluded38 = ["size", "color"],
+    _excluded35 = ["size", "color", "filled", "strokeWidth"],
+    _excluded36 = ["size", "color", "filled", "strokeWidth"],
+    _excluded37 = ["size", "color", "filled", "strokeWidth"],
+    _excluded38 = ["size", "color", "filled", "strokeWidth"],
     _excluded39 = ["size", "color"],
     _excluded40 = ["size", "color"],
     _excluded41 = ["size", "color"],
@@ -256,9 +256,7 @@
     _excluded46 = ["size", "color"],
     _excluded47 = ["size", "color"],
     _excluded48 = ["size", "color"],
-    _excluded49 = ["size", "color"],
-    _excluded50 = ["size", "color"],
-    _excluded51 = ["size", "color"];
+    _excluded49 = ["size", "color"];
   // Default wrapper component for consistent sizing
   var IconWrapper = _ref => {
     var {
@@ -279,7 +277,9 @@
   var ChevronIcon = _ref2 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref2,
       props = _objectWithoutPropertiesLoose(_ref2, _excluded$4);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -288,35 +288,53 @@
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       width: "16",
       height: "16",
-      fill: "currentColor",
-      viewBox: "0 0 24 24"
+      fill: filled ? color : 'none',
+      viewBox: "0 0 24 24",
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
       d: "M12.771 7.115a.829.829 0 0 0-1.2 0L3 15.686l1.2 1.2 7.971-7.971 7.972 7.971 1.2-1.2-8.572-8.571Z"
     })));
   };
-  var CheckIcon = _ref3 => {
+  var CloseIcon = _ref3 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref3,
       props = _objectWithoutPropertiesLoose(_ref3, _excluded2);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
       size: size,
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
-      fill: "none",
-      strokeWidth: "1"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M17.0001 9L10 16L7 13",
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("line", {
+      x1: "18",
+      y1: "6",
+      x2: "6",
+      y2: "18"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "6",
+      y1: "6",
+      x2: "18",
+      y2: "18"
     })));
   };
-  var CloseIcon = _ref4 => {
+  var HeartIcon = _ref4 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = true,
+        strokeWidth = 1
       } = _ref4,
       props = _objectWithoutPropertiesLoose(_ref4, _excluded3);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -324,48 +342,45 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round"
-    }, /*#__PURE__*/React__default.createElement("line", {
-      x1: "18",
-      y1: "6",
-      x2: "6",
-      y2: "18"
-    }), /*#__PURE__*/React__default.createElement("line", {
-      x1: "6",
-      y1: "6",
-      x2: "18",
-      y2: "18"
+    }, /*#__PURE__*/React__default.createElement("path", {
+      d: "M20.84 4.61c-1.54-1.56-4.04-1.56-5.59 0l-.7.72-.7-.72a3.95 3.95 0 0 0-5.59 0c-1.56 1.56-1.56 4.09 0 5.66l6.29 6.36 6.29-6.36c1.56-1.56 1.56-4.09 0-5.66z"
     })));
   };
-  var CloseEyeIcon = _ref5 => {
+  var StarIcon = _ref5 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = true,
+        strokeWidth = 1
       } = _ref5,
       props = _objectWithoutPropertiesLoose(_ref5, _excluded4);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
       size: size,
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
-      fill: color,
-      xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M19.7071 5.70711C20.0976 5.31658 20.0976 4.68342 19.7071 4.29289C19.3166 3.90237 18.6834 3.90237 18.2929 4.29289L14.032 8.55382C13.4365 8.20193 12.7418 8 12 8C9.79086 8 8 9.79086 8 12C8 12.7418 8.20193 13.4365 8.55382 14.032L4.29289 18.2929C3.90237 18.6834 3.90237 19.3166 4.29289 19.7071C4.68342 20.0976 5.31658 20.0976 5.70711 19.7071L9.96803 15.4462C10.5635 15.7981 11.2582 16 12 16C14.2091 16 16 14.2091 16 12C16 11.2582 15.7981 10.5635 15.4462 9.96803L19.7071 5.70711ZM12.518 10.0677C12.3528 10.0236 12.1792 10 12 10C10.8954 10 10 10.8954 10 12C10 12.1792 10.0236 12.3528 10.0677 12.518L12.518 10.0677ZM11.482 13.9323L13.9323 11.482C13.9764 11.6472 14 11.8208 14 12C14 13.1046 13.1046 14 12 14C11.8208 14 11.6472 13.9764 11.482 13.9323ZM15.7651 4.8207C14.6287 4.32049 13.3675 4 12 4C9.14754 4 6.75717 5.39462 4.99812 6.90595C3.23268 8.42276 2.00757 10.1376 1.46387 10.9698C1.05306 11.5985 1.05306 12.4015 1.46387 13.0302C1.92276 13.7326 2.86706 15.0637 4.21194 16.3739L5.62626 14.9596C4.4555 13.8229 3.61144 12.6531 3.18002 12C3.6904 11.2274 4.77832 9.73158 6.30147 8.42294C7.87402 7.07185 9.81574 6 12 6C12.7719 6 13.5135 6.13385 14.2193 6.36658L15.7651 4.8207ZM12 18C11.2282 18 10.4866 17.8661 9.78083 17.6334L8.23496 19.1793C9.37136 19.6795 10.6326 20 12 20C14.8525 20 17.2429 18.6054 19.002 17.0941C20.7674 15.5772 21.9925 13.8624 22.5362 13.0302C22.947 12.4015 22.947 11.5985 22.5362 10.9698C22.0773 10.2674 21.133 8.93627 19.7881 7.62611L18.3738 9.04043C19.5446 10.1771 20.3887 11.3469 20.8201 12C20.3097 12.7726 19.2218 14.2684 17.6986 15.5771C16.1261 16.9282 14.1843 18 12 18Z",
-      fill: "currentColor"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("polygon", {
+      points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
     })));
   };
-  var DustBinIcon = _ref6 => {
+  var SaveIcon = _ref6 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref6,
       props = _objectWithoutPropertiesLoose(_ref6, _excluded5);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -373,15 +388,25 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: 'currentColor'
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
+      d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"
+    }), /*#__PURE__*/React__default.createElement("polyline", {
+      points: "17 21 17 13 7 13 7 21"
+    }), /*#__PURE__*/React__default.createElement("polyline", {
+      points: "7 3 7 8 15 8"
     })));
   };
-  var EditIcon = _ref7 => {
+  var WarningIcon = _ref7 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref7,
       props = _objectWithoutPropertiesLoose(_ref7, _excluded6);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -389,17 +414,31 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M18.3785 8.44975L8.9636 17.8648C8.6844 18.144 8.3288 18.3343 7.94161 18.4117L4.99988 19.0001L5.58823 16.0583C5.66566 15.6711 5.85597 15.3155 6.13517 15.0363L15.5501 5.62132M18.3785 8.44975L19.7927 7.03553C20.1832 6.64501 20.1832 6.01184 19.7927 5.62132L18.3785 4.20711C17.988 3.81658 17.3548 3.81658 16.9643 4.20711L15.5501 5.62132M18.3785 8.44975L15.5501 5.62132"
+      d: "M10.29 3.86l-6.6 11.4c-.78 1.36.2 3.1 1.71 3.1h13.2c1.51 0 2.49-1.74 1.71-3.1l-6.6-11.4a2 2 0 0 0-3.42 0z"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "12",
+      y1: "6",
+      x2: "12",
+      y2: "13"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "12",
+      y1: "15",
+      x2: "12",
+      y2: "15"
     })));
   };
-  var ExternalLinkIcon = _ref8 => {
+  var BatteryIcon = _ref8 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = true,
+        strokeWidth = 1
       } = _ref8,
       props = _objectWithoutPropertiesLoose(_ref8, _excluded7);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -407,36 +446,43 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: 'currentColor'
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M14 3h7v7h-2V5.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3ZM5 5h5v2H6v11h11v-4h2v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Z"
+      d: "M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4z"
     })));
   };
-  var MinusIcon = _ref9 => {
+  var BookmarkIcon = _ref9 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref9,
       props = _objectWithoutPropertiesLoose(_ref9, _excluded8);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
-      padding: 2,
       size: size,
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "2"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M7 12h10",
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("path", {
+      d: "M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z"
     })));
   };
-  var InfoIcon = _ref10 => {
+  var CloudIcon = _ref10 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref10,
       props = _objectWithoutPropertiesLoose(_ref10, _excluded9);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -444,15 +490,21 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: 'currentColor'
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
+      d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z"
     })));
   };
-  var OpenEyeIcon = _ref11 => {
+  var CopyIcon = _ref11 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref11,
       props = _objectWithoutPropertiesLoose(_ref11, _excluded10);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -460,15 +512,28 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: 'currentColor'
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M12 4C7 4 2.73 7.11 1 12c1.73 4.89 6 8 11 8s9.27-3.11 11-8c-1.73-4.89-6-8-11-8zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("rect", {
+      x: "9",
+      y: "9",
+      width: "13",
+      height: "13",
+      rx: "2",
+      ry: "2"
+    }), /*#__PURE__*/React__default.createElement("path", {
+      d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
     })));
   };
-  var PlusIcon = _ref12 => {
+  var DustBinIcon = _ref12 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref12,
       props = _objectWithoutPropertiesLoose(_ref12, _excluded11);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -476,15 +541,21 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: 'currentColor'
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+      d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
     })));
   };
-  var SpinnerIcon = _ref13 => {
+  var EditIcon = _ref13 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref13,
       props = _objectWithoutPropertiesLoose(_ref13, _excluded12);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -492,26 +563,21 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/React__default.createElement("circle", {
-      cx: "12",
-      cy: "12",
-      r: "10",
-      stroke: color,
-      strokeWidth: "2",
-      opacity: "0.3"
-    }), /*#__PURE__*/React__default.createElement("path", {
-      d: "M22 12a10 10 0 1 1-4.93-8.62",
-      stroke: color,
-      strokeWidth: "2",
-      strokeLinecap: "round"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("path", {
+      d: "M18.3785 8.44975L8.9636 17.8648C8.6844 18.144 8.3288 18.3343 7.94161 18.4117L4.99988 19.0001L5.58823 16.0583C5.66566 15.6711 5.85597 15.3155 6.13517 15.0363L15.5501 5.62132M18.3785 8.44975L19.7927 7.03553C20.1832 6.64501 20.1832 6.01184 19.7927 5.62132L18.3785 4.20711C17.988 3.81658 17.3548 3.81658 16.9643 4.20711L15.5501 5.62132M18.3785 8.44975L15.5501 5.62132"
     })));
   };
-  var ProfileIcon = _ref14 => {
+  var ErrorIcon = _ref14 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = true,
+        strokeWidth = 1
       } = _ref14,
       props = _objectWithoutPropertiesLoose(_ref14, _excluded13);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -519,16 +585,35 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: 'currentColor'
-    }, /*#__PURE__*/React__default.createElement("path", {
-      fill: "currentColor",
-      d: "M12 13c-2.67 0-8 1.34-8 4v2c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-2c0-2.66-5.33-4-8-4zm0-9c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z M12 2C9.79 2 8 3.79 8 6s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z M12 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z"
+      fill: filled ? 'currentColor' : 'none',
+      stroke: filled ? 'white' : 'currentColor',
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("circle", {
+      cx: "12",
+      cy: "12",
+      r: "10"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      fill: filled ? 'currentColor' : 'none',
+      x1: "15",
+      y1: "9",
+      x2: "9",
+      y2: "15"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      fill: filled ? 'currentColor' : 'none',
+      x1: "9",
+      y1: "9",
+      x2: "15",
+      y2: "15"
     })));
   };
-  var BoldArrowIcon = _ref15 => {
+  var DownloadIcon = _ref15 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = true,
+        strokeWidth = 1
       } = _ref15,
       props = _objectWithoutPropertiesLoose(_ref15, _excluded14);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -536,12 +621,16 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: 'currentColor'
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M12 4l7 7h-4v7h-6v-7H5l7-7z"
+      d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
     })));
   };
-  var ArrowIcon = _ref16 => {
+  var MenuIcon = _ref16 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -551,24 +640,30 @@
       size: size,
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
-      width: "24",
-      height: "24",
       viewBox: "0 0 24 24",
-      strokeWidth: "1",
-      stroke: 'currentColor',
       fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("line", {
-      x1: "12",
-      y1: "20",
-      x2: "12",
-      y2: "8"
-    }), /*#__PURE__*/React__default.createElement("polyline", {
-      points: "6 12 12 6 18 12"
+      x1: "3",
+      y1: "12",
+      x2: "21",
+      y2: "12"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "3",
+      y1: "6",
+      x2: "21",
+      y2: "6"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "3",
+      y1: "18",
+      x2: "21",
+      y2: "18"
     })));
   };
-  var SearchIcon = _ref17 => {
+  var ShareIcon = _ref17 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -579,12 +674,36 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: 'currentColor'
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("circle", {
+      cx: "18",
+      cy: "5",
+      r: "3"
+    }), /*#__PURE__*/React__default.createElement("circle", {
+      cx: "6",
+      cy: "12",
+      r: "3"
+    }), /*#__PURE__*/React__default.createElement("circle", {
+      cx: "18",
+      cy: "19",
+      r: "3"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "8.59",
+      y1: "13.51",
+      x2: "15.42",
+      y2: "17.49"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "15.41",
+      y1: "6.51",
+      x2: "8.59",
+      y2: "10.49"
     })));
   };
-  var SuccessIcon = _ref18 => {
+  var RefreshIcon = _ref18 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -595,12 +714,18 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: 'currentColor'
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("polyline", {
+      points: "23 4 23 10 17 10"
+    }), /*#__PURE__*/React__default.createElement("path", {
+      d: "M20.49 15a9 9 0 1 1-2.13-9.36L23 10"
     })));
   };
-  var TickIcon = _ref19 => {
+  var PrintIcon = _ref19 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -613,14 +738,12 @@
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: 'currentColor',
-      strokeWidth: "2"
+      strokeWidth: "1"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M5 13l4 4L19 7",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+      d: "M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"
     })));
   };
-  var NotificationIcon = _ref20 => {
+  var PanelIcon = _ref20 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -630,18 +753,66 @@
       size: size,
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"
+      stroke: "currentColor",
+      strokeWidth: "1",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("line", {
+      x1: "4",
+      y1: "21",
+      x2: "4",
+      y2: "14"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "4",
+      y1: "10",
+      x2: "4",
+      y2: "3"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "12",
+      y1: "21",
+      x2: "12",
+      y2: "12"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "12",
+      y1: "8",
+      x2: "12",
+      y2: "3"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "20",
+      y1: "21",
+      x2: "20",
+      y2: "16"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "20",
+      y1: "12",
+      x2: "20",
+      y2: "3"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "1",
+      y1: "14",
+      x2: "7",
+      y2: "14"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "9",
+      y1: "8",
+      x2: "15",
+      y2: "8"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "17",
+      y1: "16",
+      x2: "23",
+      y2: "16"
     })));
   };
-  var SettingsIcon = _ref21 => {
+  var FilterIcon = _ref21 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref21,
       props = _objectWithoutPropertiesLoose(_ref21, _excluded20);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -649,17 +820,21 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M19.4 13c0-.3.1-.6.1-1s0-.7-.1-1l2.1-1.6c.2-.2.2-.4.1-.6l-2-3.5c-.1-.2-.4-.3-.6-.2l-2.5 1c-.5-.4-1.1-.7-1.7-.9l-.4-2.6c0-.2-.3-.4-.5-.4h-4c-.2 0-.5.2-.5.4l-.4 2.6c-.6.2-1.2.5-1.7.9l-2.5-1c-.2-.1-.5 0-.6.2l-2 3.5c-.1.2-.1.4.1.6L4.6 11c0 .3-.1.6-.1 1s0 .7.1 1l-2.1 1.6c-.2.2-.2.4-.1.6l2 3.5c.1.2.4.3.6.2l2.5-1c.5.4 1.1.7 1.7.9l.4 2.6c0 .2.3.4.5.4h4c.2 0 .5-.2.5-.4l.4-2.6c.6-.2 1.2-.5 1.7-.9l2.5 1c.2.1.5 0 .6-.2l2-3.5c.1-.2.1-.4-.1-.6L19.4 13zM12 15.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z"
+      d: "M3 4h18l-7 10v5l-4 2v-7L3 4z"
     })));
   };
-  var CalendarIcon = _ref22 => {
+  var HomeIcon = _ref22 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = true,
+        strokeWidth = 1
       } = _ref22,
       props = _objectWithoutPropertiesLoose(_ref22, _excluded21);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -667,35 +842,43 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M19 4h-1V3c0-.55-.45-1-1-1s-1 .45-1 1v1H8V3c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM9 14H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z"
+      d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8h5z"
     })));
   };
-  var AddIcon = _ref23 => {
+  var LocationIcon = _ref23 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = true,
+        strokeWidth = 1
       } = _ref23,
       props = _objectWithoutPropertiesLoose(_ref23, _excluded22);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
       size: size,
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
-      width: "16",
-      height: "16",
-      fill: "currentColor",
-      viewBox: "0 0 24 24"
+      viewBox: "0 0 24 24",
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
+      d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"
     })));
   };
-  var DownloadIcon = _ref24 => {
+  var LockIcon = _ref24 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref24,
       props = _objectWithoutPropertiesLoose(_ref24, _excluded23);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -703,17 +886,28 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("rect", {
+      x: "3",
+      y: "11",
+      width: "18",
+      height: "11",
+      rx: "2",
+      ry: "2"
+    }), /*#__PURE__*/React__default.createElement("path", {
+      d: "M7 11V7a5 5 0 0 1 10 0v4"
     })));
   };
-  var UploadIcon = _ref25 => {
+  var MicrophoneIcon = _ref25 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref25,
       props = _objectWithoutPropertiesLoose(_ref25, _excluded24);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -721,17 +915,33 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M9 16h6v-6h4l-7-7-7 7h4v6zm-4 2h14v2H5v-2z"
+      d: "M12 1a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0V5a4 4 0 0 0-4-4z"
+    }), /*#__PURE__*/React__default.createElement("path", {
+      d: "M19 10v2a7 7 0 0 1-14 0v-2"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "12",
+      y1: "19",
+      x2: "12",
+      y2: "23"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "8",
+      y1: "23",
+      x2: "16",
+      y2: "23"
     })));
   };
-  var BookmarkIcon = _ref26 => {
+  var MoonIcon = _ref26 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref26,
       props = _objectWithoutPropertiesLoose(_ref26, _excluded25);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -739,17 +949,21 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z"
+      d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"
     })));
   };
-  var HomeIcon = _ref27 => {
+  var NotificationIcon = _ref27 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref27,
       props = _objectWithoutPropertiesLoose(_ref27, _excluded26);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -757,17 +971,23 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8h5z"
+      d: "M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"
+    }), /*#__PURE__*/React__default.createElement("path", {
+      d: "M13.73 21a2 2 0 0 1-3.46 0"
     })));
   };
-  var MenuIcon = _ref28 => {
+  var OpenEyeIcon = _ref28 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = true,
+        strokeWidth = 1
       } = _ref28,
       props = _objectWithoutPropertiesLoose(_ref28, _excluded27);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -775,17 +995,21 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
+      d: "M12 4C7 4 2.73 7.11 1 12c1.73 4.89 6 8 11 8s9.27-3.11 11-8c-1.73-4.89-6-8-11-8zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
     })));
   };
-  var ShareIcon = _ref29 => {
+  var ProfileIcon = _ref29 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = true,
+        strokeWidth = 1
       } = _ref29,
       props = _objectWithoutPropertiesLoose(_ref29, _excluded28);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -793,17 +1017,22 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92c0-1.61-1.31-2.92-2.92-2.92zM18 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM6 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm12 7.02c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
-    })));
+      fill: filled ? color : 'none',
+      d: "M12 13c-2.67 0-8 1.34-8 4v2c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-2c0-2.66-5.33-4-8-4zm0-9c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z M12 2C9.79 2 8 3.79 8 6s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z M12 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z"
+    }), ' '));
   };
-  var FilterIcon = _ref30 => {
+  var SettingsIcon = _ref30 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref30,
       props = _objectWithoutPropertiesLoose(_ref30, _excluded29);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -811,17 +1040,21 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
+      d: "M19.4 13c0-.3.1-.6.1-1s0-.7-.1-1l2.1-1.6c.2-.2.2-.4.1-.6l-2-3.5c-.1-.2-.4-.3-.6-.2l-2.5 1c-.5-.4-1.1-.7-1.7-.9l-.4-2.6c0-.2-.3-.4-.5-.4h-4c-.2 0-.5.2-.5.4l-.4 2.6c-.6.2-1.2.5-1.7.9l-2.5-1c-.2-.1-.5 0-.6.2l-2 3.5c-.1.2-.1.4.1.6L4.6 11c0 .3-.1.6-.1 1s0 .7.1 1l-2.1 1.6c-.2.2-.2.4-.1.6l2 3.5c.1.2.4.3.6.2l2.5-1c.5.4 1.1.7 1.7.9l.4 2.6c0 .2.3.4.5.4h4c.2 0 .5-.2.5-.4l.4-2.6c.6-.2 1.2-.5 1.7-.9l2.5 1c.2.1.5 0 .6-.2l2-3.5c.1-.2.1-.4-.1-.6L19.4 13zM12 15.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z"
     })));
   };
-  var RefreshIcon = _ref31 => {
+  var SuccessIcon = _ref31 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = true,
+        strokeWidth = 1
       } = _ref31,
       props = _objectWithoutPropertiesLoose(_ref31, _excluded30);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -829,17 +1062,21 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
+      d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
     })));
   };
-  var CopyIcon = _ref32 => {
+  var UnLikeIcon = _ref32 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = true,
+        strokeWidth = 1
       } = _ref32,
       props = _objectWithoutPropertiesLoose(_ref32, _excluded31);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -847,14 +1084,16 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"
+      d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z"
     })));
   };
-  var SaveIcon = _ref33 => {
+  var ClockIcon = _ref33 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -866,13 +1105,19 @@
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
       fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm2 16H5V5h11.17L19 7.83V19zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zM6 6h9v4H6z"
+      stroke: "currentColor",
+      strokeWidth: "1",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("circle", {
+      cx: "12",
+      cy: "12",
+      r: "10"
+    }), /*#__PURE__*/React__default.createElement("polyline", {
+      points: "12 6 12 12 16 14"
     })));
   };
-  var PrintIcon = _ref34 => {
+  var CameraIcon = _ref34 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -884,13 +1129,19 @@
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
       fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      stroke: "currentColor",
+      strokeWidth: "1",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"
+      d: "M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3l2-3h8l2 3h3a2 2 0 0 1 2 2z"
+    }), /*#__PURE__*/React__default.createElement("circle", {
+      cx: "12",
+      cy: "13",
+      r: "4"
     })));
   };
-  var LockIcon = _ref35 => {
+  var BluetoothIcon = _ref35 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -901,18 +1152,17 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: 'currentColor'
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"
+      d: "M17.71 7.71L12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM13 5.83l1.88 1.88L13 9.59V5.83zm1.88 10.46L13 18.17v-3.76l1.88 1.88z"
     })));
   };
-  // Previous icons remain the same...
-  var UnlockIcon = _ref36 => {
+  var LikeIcon = _ref36 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = true,
+        strokeWidth = 1
       } = _ref36,
       props = _objectWithoutPropertiesLoose(_ref36, _excluded35);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -920,17 +1170,21 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h2c0-1.66 1.34-3 3-3s3 1.34 3 3v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2z"
+      d: "M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z"
     })));
   };
-  var StarIcon = _ref37 => {
+  var UnlockIcon = _ref37 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref37,
       props = _objectWithoutPropertiesLoose(_ref37, _excluded36);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -938,17 +1192,28 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("rect", {
+      x: "3",
+      y: "11",
+      width: "18",
+      height: "11",
+      rx: "2",
+      ry: "2"
+    }), /*#__PURE__*/React__default.createElement("path", {
+      d: "M7 11V7a5 5 0 0 1 9.9-1"
     })));
   };
-  var HeartIcon = _ref38 => {
+  var WifiIcon = _ref38 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref38,
       props = _objectWithoutPropertiesLoose(_ref38, _excluded37);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -956,17 +1221,21 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"
+      d: "M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z"
     })));
   };
-  var ThumbUpIcon = _ref39 => {
+  var UploadIcon = _ref39 => {
     var {
         size = 24,
-        color = 'currentColor'
+        color = 'currentColor',
+        filled = false,
+        strokeWidth = 1
       } = _ref39,
       props = _objectWithoutPropertiesLoose(_ref39, _excluded38);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
@@ -974,14 +1243,20 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: filled ? color : 'none',
+      stroke: filled ? 'none' : color,
+      strokeWidth: strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z"
+      d: "M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1"
+    }), /*#__PURE__*/React__default.createElement("path", {
+      d: "M9 15l3 -3l3 3"
+    }), /*#__PURE__*/React__default.createElement("path", {
+      d: "M12 12l0 9"
     })));
   };
-  var ThumbDownIcon = _ref40 => {
+  var SearchIcon = _ref40 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -992,14 +1267,12 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: 'currentColor'
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z"
+      d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
     })));
   };
-  var LocationIcon = _ref41 => {
+  var CloseEyeIcon = _ref41 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -1010,14 +1283,13 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: color
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"
+      d: "M19.7071 5.70711C20.0976 5.31658 20.0976 4.68342 19.7071 4.29289C19.3166 3.90237 18.6834 3.90237 18.2929 4.29289L14.032 8.55382C13.4365 8.20193 12.7418 8 12 8C9.79086 8 8 9.79086 8 12C8 12.7418 8.20193 13.4365 8.55382 14.032L4.29289 18.2929C3.90237 18.6834 3.90237 19.3166 4.29289 19.7071C4.68342 20.0976 5.31658 20.0976 5.70711 19.7071L9.96803 15.4462C10.5635 15.7981 11.2582 16 12 16C14.2091 16 16 14.2091 16 12C16 11.2582 15.7981 10.5635 15.4462 9.96803L19.7071 5.70711ZM12.518 10.0677C12.3528 10.0236 12.1792 10 12 10C10.8954 10 10 10.8954 10 12C10 12.1792 10.0236 12.3528 10.0677 12.518L12.518 10.0677ZM11.482 13.9323L13.9323 11.482C13.9764 11.6472 14 11.8208 14 12C14 13.1046 13.1046 14 12 14C11.8208 14 11.6472 13.9764 11.482 13.9323ZM15.7651 4.8207C14.6287 4.32049 13.3675 4 12 4C9.14754 4 6.75717 5.39462 4.99812 6.90595C3.23268 8.42276 2.00757 10.1376 1.46387 10.9698C1.05306 11.5985 1.05306 12.4015 1.46387 13.0302C1.92276 13.7326 2.86706 15.0637 4.21194 16.3739L5.62626 14.9596C4.4555 13.8229 3.61144 12.6531 3.18002 12C3.6904 11.2274 4.77832 9.73158 6.30147 8.42294C7.87402 7.07185 9.81574 6 12 6C12.7719 6 13.5135 6.13385 14.2193 6.36658L15.7651 4.8207ZM12 18C11.2282 18 10.4866 17.8661 9.78083 17.6334L8.23496 19.1793C9.37136 19.6795 10.6326 20 12 20C14.8525 20 17.2429 18.6054 19.002 17.0941C20.7674 15.5772 21.9925 13.8624 22.5362 13.0302C22.947 12.4015 22.947 11.5985 22.5362 10.9698C22.0773 10.2674 21.133 8.93627 19.7881 7.62611L18.3738 9.04043C19.5446 10.1771 20.3887 11.3469 20.8201 12C20.3097 12.7726 19.2218 14.2684 17.6986 15.5771C16.1261 16.9282 14.1843 18 12 18Z",
+      fill: "currentColor"
     })));
   };
-  var ClockIcon = _ref42 => {
+  var ExternalLinkIcon = _ref42 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -1028,20 +1300,19 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: 'currentColor'
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"
+      d: "M14 3h7v7h-2V5.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3ZM5 5h5v2H6v11h11v-4h2v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Z"
     })));
   };
-  var CameraIcon = _ref43 => {
+  var MinusIcon = _ref43 => {
     var {
         size = 24,
         color = 'currentColor'
       } = _ref43,
       props = _objectWithoutPropertiesLoose(_ref43, _excluded42);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
+      padding: 2,
       size: size,
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
@@ -1050,12 +1321,12 @@
       stroke: 'currentColor',
       strokeWidth: "1"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M9 3L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2h-3.17L15 3H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"
-    }), /*#__PURE__*/React__default.createElement("path", {
-      d: "M12 17c1.65 0 3-1.35 3-3s-1.35-3-3-3-3 1.35-3 3 1.35 3 3 3z"
+      d: "M7 12h10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     })));
   };
-  var MicrophoneIcon = _ref44 => {
+  var InfoIcon = _ref44 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -1066,16 +1337,12 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: 'currentColor'
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3z"
-    }), /*#__PURE__*/React__default.createElement("path", {
-      d: "M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"
+      d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
     })));
   };
-  var WifiIcon = _ref45 => {
+  var PlusIcon = _ref45 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -1086,14 +1353,12 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: 'currentColor'
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z"
+      d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
     })));
   };
-  var BluetoothIcon = _ref46 => {
+  var TickIcon = _ref46 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -1104,12 +1369,16 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: 'currentColor'
+      fill: "none",
+      stroke: 'currentColor',
+      strokeWidth: "1"
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M17.71 7.71L12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM13 5.83l1.88 1.88L13 9.59V5.83zm1.88 10.46L13 18.17v-3.76l1.88 1.88z"
+      d: "M5 13l4 4L19 7",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     })));
   };
-  var BatteryIcon = _ref47 => {
+  var BoldArrowIcon = _ref47 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -1120,15 +1389,12 @@
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
+      fill: 'currentColor'
     }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4z"
+      d: "M12 4l7 7h-4v7h-6v-7H5l7-7z"
     })));
   };
-  // More modern UI icons
-  var SunIcon = _ref48 => {
+  var ArrowIcon = _ref48 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -1138,19 +1404,24 @@
       size: size,
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
+      width: "24",
+      height: "24",
       viewBox: "0 0 24 24",
-      fill: "none",
+      strokeWidth: "1",
       stroke: 'currentColor',
-      strokeWidth: "1"
-    }, /*#__PURE__*/React__default.createElement("circle", {
-      cx: "12",
-      cy: "12",
-      r: "5"
-    }), /*#__PURE__*/React__default.createElement("path", {
-      d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"
+      fill: "none",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("line", {
+      x1: "12",
+      y1: "20",
+      x2: "12",
+      y2: "8"
+    }), /*#__PURE__*/React__default.createElement("polyline", {
+      points: "6 12 12 6 18 12"
     })));
   };
-  var MoonIcon = _ref49 => {
+  var SpinnerIcon = _ref49 => {
     var {
         size = 24,
         color = 'currentColor'
@@ -1160,130 +1431,117 @@
       size: size,
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
       viewBox: "0 0 24 24",
       fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"
-    })));
-  };
-  var ErrorIcon = _ref50 => {
-    var {
-        size = 24,
-        color = 'white'
-      } = _ref50,
-      props = _objectWithoutPropertiesLoose(_ref50, _excluded49);
-    return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
-      size: size,
-      color: color
-    }, props), /*#__PURE__*/React__default.createElement("svg", {
-      viewBox: "0 0 510 510"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M255,0C114.615,0,0,114.615,0,255s114.615,255,255,255s255-114.615,255-255S395.385,0,255,0z M255,459c-114.75,0-207-92.25-207-207c0-114.75,92.25-207,207-207c114.75,0,207,92.25,207,207C462,366.75,369.75,459,255,459z"
-    }), /*#__PURE__*/React__default.createElement("path", {
-      d: "M255,140.25c11.05,0,20-8.95,20-20s-8.95-20-20-20s-20,8.95-20,20S243.95,140.25,255,140.25z"
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("circle", {
+      cx: "12",
+      cy: "12",
+      r: "10",
+      strokeOpacity: "0.25"
     }), /*#__PURE__*/React__default.createElement("path", {
-      d: "M265,357c0,11.05-8.95,20-20,20s-20-8.95-20-20v-175c0-11.05,8.95-20,20-20s20,8.95,20,20V357z"
+      d: "M12 2a10 10 0 0 1 10 10",
+      strokeOpacity: "1"
     })));
   };
-  var WarningIcon = _ref51 => {
-    var {
-        size = 24,
-        color = 'white'
-      } = _ref51,
-      props = _objectWithoutPropertiesLoose(_ref51, _excluded50);
-    return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
-      size: size,
-      color: color
-    }, props), /*#__PURE__*/React__default.createElement("svg", {
-      version: "1.1",
-      id: "Capa_1",
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 192.146 192.146",
-      fill: 'currentColor'
-    }, /*#__PURE__*/React__default.createElement("g", {
-      id: "SVGRepo_bgCarrier"
-    }), /*#__PURE__*/React__default.createElement("g", {
-      id: "SVGRepo_tracerCarrier"
-    }), /*#__PURE__*/React__default.createElement("g", {
-      id: "SVGRepo_iconCarrier"
-    }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
-      d: "M108.186,144.372c0,7.054-4.729,12.32-12.037,12.32h-0.254c-7.054,0-11.92-5.266-11.92-12.32 c0-7.298,5.012-12.31,12.174-12.31C103.311,132.062,108.059,137.054,108.186,144.372z M88.44,125.301h15.447l2.951-61.298H85.46 L88.44,125.301z M190.372,177.034c-2.237,3.664-6.214,5.921-10.493,5.921H12.282c-4.426,0-8.51-2.384-10.698-6.233 c-2.159-3.849-2.11-8.549,0.147-12.349l84.111-149.22c2.208-3.722,6.204-5.96,10.522-5.96h0.332 c4.445,0.107,8.441,2.618,10.513,6.546l83.515,149.229C192.717,168.768,192.629,173.331,190.372,177.034z M179.879,170.634 L96.354,21.454L12.292,170.634H179.879z"
-    })))))));
-  };
-  var CloudIcon = _ref52 => {
+  var CalendarIcon = _ref50 => {
     var {
         size = 24,
         color = 'currentColor'
-      } = _ref52,
-      props = _objectWithoutPropertiesLoose(_ref52, _excluded51);
+      } = _ref50,
+      props = _objectWithoutPropertiesLoose(_ref50, _excluded49);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
       size: size,
       color: color
     }, props), /*#__PURE__*/React__default.createElement("svg", {
       viewBox: "0 0 24 24",
       fill: "none",
-      stroke: 'currentColor',
-      strokeWidth: "1"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z"
+      stroke: "currentColor",
+      strokeWidth: "1",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, /*#__PURE__*/React__default.createElement("rect", {
+      x: "3",
+      y: "4",
+      width: "18",
+      height: "18",
+      rx: "2",
+      ry: "2"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "16",
+      y1: "2",
+      x2: "16",
+      y2: "6"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "8",
+      y1: "2",
+      x2: "8",
+      y2: "6"
+    }), /*#__PURE__*/React__default.createElement("line", {
+      x1: "3",
+      y1: "10",
+      x2: "21",
+      y2: "10"
     })));
   };
 
   var Icon = {
     __proto__: null,
     ChevronIcon: ChevronIcon,
-    CheckIcon: CheckIcon,
     CloseIcon: CloseIcon,
-    CloseEyeIcon: CloseEyeIcon,
+    HeartIcon: HeartIcon,
+    StarIcon: StarIcon,
+    SaveIcon: SaveIcon,
+    WarningIcon: WarningIcon,
+    BatteryIcon: BatteryIcon,
+    BookmarkIcon: BookmarkIcon,
+    CloudIcon: CloudIcon,
+    CopyIcon: CopyIcon,
     DustBinIcon: DustBinIcon,
     EditIcon: EditIcon,
-    ExternalLinkIcon: ExternalLinkIcon,
-    MinusIcon: MinusIcon,
-    InfoIcon: InfoIcon,
-    OpenEyeIcon: OpenEyeIcon,
-    PlusIcon: PlusIcon,
-    SpinnerIcon: SpinnerIcon,
-    ProfileIcon: ProfileIcon,
-    BoldArrowIcon: BoldArrowIcon,
-    ArrowIcon: ArrowIcon,
-    SearchIcon: SearchIcon,
-    SuccessIcon: SuccessIcon,
-    TickIcon: TickIcon,
-    NotificationIcon: NotificationIcon,
-    SettingsIcon: SettingsIcon,
-    CalendarIcon: CalendarIcon,
-    AddIcon: AddIcon,
+    ErrorIcon: ErrorIcon,
     DownloadIcon: DownloadIcon,
-    UploadIcon: UploadIcon,
-    BookmarkIcon: BookmarkIcon,
-    HomeIcon: HomeIcon,
     MenuIcon: MenuIcon,
     ShareIcon: ShareIcon,
-    FilterIcon: FilterIcon,
     RefreshIcon: RefreshIcon,
-    CopyIcon: CopyIcon,
-    SaveIcon: SaveIcon,
     PrintIcon: PrintIcon,
-    LockIcon: LockIcon,
-    UnlockIcon: UnlockIcon,
-    StarIcon: StarIcon,
-    HeartIcon: HeartIcon,
-    ThumbUpIcon: ThumbUpIcon,
-    ThumbDownIcon: ThumbDownIcon,
+    PanelIcon: PanelIcon,
+    FilterIcon: FilterIcon,
+    HomeIcon: HomeIcon,
     LocationIcon: LocationIcon,
+    LockIcon: LockIcon,
+    MicrophoneIcon: MicrophoneIcon,
+    MoonIcon: MoonIcon,
+    NotificationIcon: NotificationIcon,
+    OpenEyeIcon: OpenEyeIcon,
+    ProfileIcon: ProfileIcon,
+    SettingsIcon: SettingsIcon,
+    SuccessIcon: SuccessIcon,
+    UnLikeIcon: UnLikeIcon,
     ClockIcon: ClockIcon,
     CameraIcon: CameraIcon,
-    MicrophoneIcon: MicrophoneIcon,
-    WifiIcon: WifiIcon,
     BluetoothIcon: BluetoothIcon,
-    BatteryIcon: BatteryIcon,
-    SunIcon: SunIcon,
-    MoonIcon: MoonIcon,
-    ErrorIcon: ErrorIcon,
-    WarningIcon: WarningIcon,
-    CloudIcon: CloudIcon
+    LikeIcon: LikeIcon,
+    UnlockIcon: UnlockIcon,
+    WifiIcon: WifiIcon,
+    UploadIcon: UploadIcon,
+    SearchIcon: SearchIcon,
+    CloseEyeIcon: CloseEyeIcon,
+    ExternalLinkIcon: ExternalLinkIcon,
+    MinusIcon: MinusIcon,
+    InfoIcon: InfoIcon,
+    PlusIcon: PlusIcon,
+    TickIcon: TickIcon,
+    BoldArrowIcon: BoldArrowIcon,
+    ArrowIcon: ArrowIcon,
+    SpinnerIcon: SpinnerIcon,
+    CalendarIcon: CalendarIcon
   };
 
   // Define a constant object 'Themes' exporting various theme styles.
@@ -1911,7 +2169,7 @@
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: colorStyle,
-      strokeWidth: "2",
+      strokeWidth: "1",
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: {
@@ -2236,7 +2494,8 @@
       options
     } = _ref;
     // Determines the default value based on the 'placeholder' and 'isMulti' props, setting to an empty array for multi-select or an empty string/single default option
-    var defaultValue = placeholder ? isMulti ? [] : '' : options[0].value;
+    var defaultValue = placeholder ? isMulti ? [] : '' // If there's a placeholder, set default to empty array for multi-select or empty string for single select
+    : Array.isArray(options) && options.length > 0 ? options[0].value : ''; // If no placeholder, use the first option value if available, otherwise undefined
     // State hook for managing visibility of the Select dropdown, initially set to hidden
     var [hide, setHide] = React__default.useState(true);
     // State hook for tracking mouse hover status over the Select component
@@ -2580,7 +2839,7 @@
     }, style), option.label));
   };
   var SelectBox = _ref2 => {
-    var _option$label;
+    var _ref3;
     var {
       size = 'md',
       styles = {
@@ -2605,16 +2864,21 @@
       color: isDisabled ? 'color.trueGray.600' : 'color.blueGray.700',
       cursor: isDisabled ? 'not-allowed' : 'auto'
     }, styles['field'], styles['text']);
-    var option = options.find(option => option.value === value);
-    return /*#__PURE__*/React__default.createElement(Text, Object.assign({}, fieldStyles), (value === '' || value && value.length === 0) && !!placeholder ? placeholder : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, typeof value === 'string' ? (_option$label = option == null ? void 0 : option.label) != null ? _option$label : value : value && value.length > 0 && (/*#__PURE__*/React__default.createElement(Horizontal, {
+    var option = options.length > 0 && options.find(option => option.value === value);
+    return /*#__PURE__*/React__default.createElement(Text, Object.assign({}, fieldStyles), (value === '' || Array.isArray(value) && value.length === 0) && !!placeholder ? placeholder : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, typeof value === 'string' ? (_ref3 = option && option.label) != null ? _ref3 : value :
+    // If value is an array and not empty, render MultiSelect options
+    Array.isArray(value) && value.length > 0 ? (/*#__PURE__*/React__default.createElement(Horizontal, {
       gap: 6
     }, value.map(option => (/*#__PURE__*/React__default.createElement(MultiSelect, {
       key: option,
       option: option,
       removeOption: removeOption
-    }))))))));
+    }))))) : (
+    /*#__PURE__*/
+    // Handle any other types of value (including objects or unexpected values)
+    React__default.createElement("span", null, value)))));
   };
-  var HiddenSelect = _ref3 => {
+  var HiddenSelect = _ref4 => {
     var {
         id,
         name,
@@ -2624,8 +2888,8 @@
         isDisabled = false,
         isReadOnly = false,
         options = []
-      } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$3);
+      } = _ref4,
+      props = _objectWithoutPropertiesLoose(_ref4, _excluded2$3);
     var handleChange = event => {
       if (onChange) onChange(event);
     };
@@ -2642,14 +2906,14 @@
       readOnly: isReadOnly,
       onChange: handleChange,
       multiple: isMulti
-    }, props), options.map(option => {
+    }, props), options.length > 0 && options.map(option => {
       return /*#__PURE__*/React__default.createElement("option", {
         key: option.value,
         value: option.value
       }, option.label);
     }));
   };
-  var DropDown = _ref4 => {
+  var DropDown = _ref5 => {
     var {
       size,
       styles = {
@@ -2659,7 +2923,7 @@
       callback = () => {},
       highlightedIndex,
       setHighlightedIndex
-    } = _ref4;
+    } = _ref5;
     var itemStates = useItemState();
     var handleCallback = option => callback(option);
     var shadow = typeof document !== undefined ? {
@@ -2699,7 +2963,7 @@
           display: 'none'
         }
       }
-    }, shadow, styles['dropDown']), options.map((option, index) => (/*#__PURE__*/React__default.createElement(Item, Object.assign({
+    }, shadow, styles['dropDown']), options.length > 0 && options.map((option, index) => (/*#__PURE__*/React__default.createElement(Item, Object.assign({
       key: option.value,
       size: size,
       style: styles['text'],
@@ -2709,13 +2973,13 @@
       onMouseEnter: () => setHighlightedIndex(index)
     }, itemStates)))));
   };
-  var MultiSelect = _ref5 => {
+  var MultiSelect = _ref6 => {
     var {
         option,
         size = 'md',
         removeOption = () => {}
-      } = _ref5,
-      props = _objectWithoutPropertiesLoose(_ref5, _excluded3$2);
+      } = _ref6,
+      props = _objectWithoutPropertiesLoose(_ref6, _excluded3$2);
     var handleClick = () => removeOption(option);
     return /*#__PURE__*/React__default.createElement(Horizontal, Object.assign({
       gap: 10,
@@ -2734,7 +2998,7 @@
       onClick: handleClick
     }));
   };
-  var SelectView = _ref6 => {
+  var SelectView = _ref7 => {
     var {
         id,
         name,
@@ -2770,8 +3034,8 @@
         setIsFocused = () => {},
         setHighlightedIndex,
         highlightedIndex
-      } = _ref6,
-      props = _objectWithoutPropertiesLoose(_ref6, _excluded4$2);
+      } = _ref7,
+      props = _objectWithoutPropertiesLoose(_ref7, _excluded4$2);
     var isWithLabel = !!(isFocused && label);
     var handleHover = () => setIsHovered(!isHovered);
     var handleFocus = () => setIsFocused(true);
@@ -6938,7 +7202,6 @@
   // Expose the ToggleGroupComponent for import into other modules
   var ToggleGroup = ToggleGroupComponent;
 
-  exports.AddIcon = AddIcon;
   exports.Alert = Alert;
   exports.ArrowIcon = ArrowIcon;
   exports.AspectRatio = AspectRatio;
@@ -6953,7 +7216,6 @@
   exports.CalendarIcon = CalendarIcon;
   exports.CameraIcon = CameraIcon;
   exports.Center = Center;
-  exports.CheckIcon = CheckIcon;
   exports.Checkbox = Checkbox;
   exports.ChevronIcon = ChevronIcon;
   exports.ClockIcon = ClockIcon;
@@ -6989,6 +7251,7 @@
   exports.InfoIcon = InfoIcon;
   exports.Inline = Inline;
   exports.Left = Left;
+  exports.LikeIcon = LikeIcon;
   exports.Link = Link;
   exports.Loader = Loader;
   exports.LocationIcon = LocationIcon;
@@ -7002,6 +7265,7 @@
   exports.MoonIcon = MoonIcon;
   exports.NotificationIcon = NotificationIcon;
   exports.OpenEyeIcon = OpenEyeIcon;
+  exports.PanelIcon = PanelIcon;
   exports.Password = Password;
   exports.PlusIcon = PlusIcon;
   exports.PrintIcon = PrintIcon;
@@ -7016,19 +7280,17 @@
   exports.SpinnerIcon = SpinnerIcon;
   exports.StarIcon = StarIcon;
   exports.SuccessIcon = SuccessIcon;
-  exports.SunIcon = SunIcon;
   exports.Switch = Switch;
   exports.Table = Table;
   exports.Tabs = Tabs;
   exports.Text = Text;
   exports.TextArea = TextArea;
   exports.TextField = TextField;
-  exports.ThumbDownIcon = ThumbDownIcon;
-  exports.ThumbUpIcon = ThumbUpIcon;
   exports.TickIcon = TickIcon;
   exports.Toggle = Toggle;
   exports.ToggleGroup = ToggleGroup;
   exports.Top = Top;
+  exports.UnLikeIcon = UnLikeIcon;
   exports.UnlockIcon = UnlockIcon;
   exports.UploadIcon = UploadIcon;
   exports.Vertical = Vertical;