@app-studio/web 0.8.21 → 0.8.23

package/dist/web.esm.js

@@ -164,7 +164,7 @@ var TextComponent = props => {
 var Text = TextComponent;
 
 var _excluded$1 = ["justifyContent", "isReversed"];
-var VerticalView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+var Vertical = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var {
       // Sets a default alignment for content within the Vertical container to 'flex-start'
       justifyContent = 'flex-start',
@@ -180,12 +180,10 @@ var VerticalView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-VerticalView.displayName = 'VerticalView';
-
-var Vertical = props => (/*#__PURE__*/React.createElement(VerticalView, Object.assign({}, props)));
+Vertical.displayName = 'Vertical';
 
 var _excluded$2 = ["justifyContent", "isReversed"];
-var HorizontalView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+var Horizontal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var {
       // Sets a default alignment for content within the Horizontal container to 'flex-start'
       justifyContent = 'flex-start',
@@ -201,12 +199,10 @@ var HorizontalView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-HorizontalView.displayName = 'Horizontal';
-
-var Horizontal = props => (/*#__PURE__*/React.createElement(HorizontalView, Object.assign({}, props)));
+Horizontal.displayName = 'Horizontal';
 
 var _excluded$3 = ["isReversed"];
-var CenterView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+var Center = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   return /*#__PURE__*/React.createElement(View$1, Object.assign({
     display: "flex",
@@ -216,9 +212,7 @@ var CenterView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-CenterView.displayName = 'Center';
-
-var Center = props => (/*#__PURE__*/React.createElement(CenterView, Object.assign({}, props)));
+Center.displayName = 'Center';
 
 var _excluded$4 = ["size", "color"],
   _excluded2 = ["size", "color"],
@@ -269,7 +263,8 @@ var _excluded$4 = ["size", "color"],
   _excluded47 = ["size", "color"],
   _excluded48 = ["size", "color"],
   _excluded49 = ["size", "color"],
-  _excluded50 = ["size", "color"];
+  _excluded50 = ["size", "color"],
+  _excluded51 = ["size", "color"];
 // Default wrapper component for consistent sizing
 var IconWrapper = _ref => {
   var {
@@ -317,7 +312,6 @@ var CheckIcon = _ref3 => {
   }, props), /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 24 24",
     fill: "none",
-    stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M17.0001 9L10 16L7 13",
@@ -335,10 +329,25 @@ var CloseIcon = _ref4 => {
     size: size,
     color: color
   }, props), /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
     viewBox: "0 0 24 24",
-    fill: 'currentColor'
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12 5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, /*#__PURE__*/React.createElement("line", {
+    x1: "18",
+    y1: "6",
+    x2: "6",
+    y2: "18"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "6",
+    y1: "6",
+    x2: "18",
+    y2: "18"
   })));
 };
 var CloseEyeIcon = _ref5 => {
@@ -522,7 +531,7 @@ var ProfileIcon = _ref14 => {
     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 ArrowIcon = _ref15 => {
+var BoldArrowIcon = _ref15 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -538,7 +547,7 @@ var ArrowIcon = _ref15 => {
     d: "M12 4l7 7h-4v7h-6v-7H5l7-7z"
   })));
 };
-var SearchIcon = _ref16 => {
+var ArrowIcon = _ref16 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -548,13 +557,24 @@ var SearchIcon = _ref16 => {
     size: size,
     color: color
   }, props), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
     viewBox: "0 0 24 24",
-    fill: 'currentColor'
-  }, /*#__PURE__*/React.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"
+    strokeWidth: "1",
+    stroke: 'currentColor',
+    fill: "none",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, /*#__PURE__*/React.createElement("line", {
+    x1: "12",
+    y1: "20",
+    x2: "12",
+    y2: "8"
+  }), /*#__PURE__*/React.createElement("polyline", {
+    points: "6 12 12 6 18 12"
   })));
 };
-var SuccessIcon = _ref17 => {
+var SearchIcon = _ref17 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -567,10 +587,10 @@ var SuccessIcon = _ref17 => {
     viewBox: "0 0 24 24",
     fill: 'currentColor'
   }, /*#__PURE__*/React.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"
+    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 TickIcon = _ref18 => {
+var SuccessIcon = _ref18 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -581,16 +601,12 @@ var TickIcon = _ref18 => {
     color: color
   }, props), /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: 'currentColor',
-    strokeWidth: "2"
+    fill: 'currentColor'
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M5 13l4 4L19 7",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    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 NotificationIcon = _ref19 => {
+var TickIcon = _ref19 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -603,12 +619,14 @@ var NotificationIcon = _ref19 => {
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: 'currentColor',
-    strokeWidth: "1"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.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"
+    d: "M5 13l4 4L19 7",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
   })));
 };
-var SettingsIcon = _ref20 => {
+var NotificationIcon = _ref20 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -623,10 +641,10 @@ var SettingsIcon = _ref20 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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"
   })));
 };
-var CalendarIcon = _ref21 => {
+var SettingsIcon = _ref21 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -641,10 +659,10 @@ var CalendarIcon = _ref21 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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 AddIcon = _ref22 => {
+var CalendarIcon = _ref22 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -654,15 +672,15 @@ var AddIcon = _ref22 => {
     size: size,
     color: color
   }, props), /*#__PURE__*/React.createElement("svg", {
-    width: "16",
-    height: "16",
-    fill: "currentColor",
-    viewBox: "0 0 24 24"
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: 'currentColor',
+    strokeWidth: "1"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
+    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"
   })));
 };
-var DownloadIcon = _ref23 => {
+var AddIcon = _ref23 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -672,15 +690,15 @@ var DownloadIcon = _ref23 => {
     size: size,
     color: color
   }, props), /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: 'currentColor',
-    strokeWidth: "1"
+    width: "16",
+    height: "16",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
+    d: "M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
   })));
 };
-var UploadIcon = _ref24 => {
+var DownloadIcon = _ref24 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -695,10 +713,10 @@ var UploadIcon = _ref24 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M9 16h6v-6h4l-7-7-7 7h4v6zm-4 2h14v2H5v-2z"
+    d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
   })));
 };
-var BookmarkIcon = _ref25 => {
+var UploadIcon = _ref25 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -713,10 +731,10 @@ var BookmarkIcon = _ref25 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z"
+    d: "M9 16h6v-6h4l-7-7-7 7h4v6zm-4 2h14v2H5v-2z"
   })));
 };
-var HomeIcon = _ref26 => {
+var BookmarkIcon = _ref26 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -731,10 +749,10 @@ var HomeIcon = _ref26 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8h5z"
+    d: "M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z"
   })));
 };
-var MenuIcon = _ref27 => {
+var HomeIcon = _ref27 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -749,10 +767,10 @@ var MenuIcon = _ref27 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
+    d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8h5z"
   })));
 };
-var ShareIcon = _ref28 => {
+var MenuIcon = _ref28 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -767,10 +785,10 @@ var ShareIcon = _ref28 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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"
+    d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
   })));
 };
-var FilterIcon = _ref29 => {
+var ShareIcon = _ref29 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -785,10 +803,10 @@ var FilterIcon = _ref29 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
+    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"
   })));
 };
-var RefreshIcon = _ref30 => {
+var FilterIcon = _ref30 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -803,10 +821,10 @@ var RefreshIcon = _ref30 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
   })));
 };
-var CopyIcon = _ref31 => {
+var RefreshIcon = _ref31 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -821,10 +839,10 @@ var CopyIcon = _ref31 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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"
   })));
 };
-var SaveIcon = _ref32 => {
+var CopyIcon = _ref32 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -839,10 +857,10 @@ var SaveIcon = _ref32 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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"
+    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"
   })));
 };
-var PrintIcon = _ref33 => {
+var SaveIcon = _ref33 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -857,10 +875,10 @@ var PrintIcon = _ref33 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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"
   })));
 };
-var LockIcon = _ref34 => {
+var PrintIcon = _ref34 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -875,11 +893,10 @@ var LockIcon = _ref34 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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"
   })));
 };
-// Previous icons remain the same...
-var UnlockIcon = _ref35 => {
+var LockIcon = _ref35 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -894,10 +911,11 @@ var UnlockIcon = _ref35 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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"
   })));
 };
-var StarIcon = _ref36 => {
+// Previous icons remain the same...
+var UnlockIcon = _ref36 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -912,10 +930,10 @@ var StarIcon = _ref36 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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"
+    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"
   })));
 };
-var HeartIcon = _ref37 => {
+var StarIcon = _ref37 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -930,10 +948,10 @@ var HeartIcon = _ref37 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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"
   })));
 };
-var ThumbUpIcon = _ref38 => {
+var HeartIcon = _ref38 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -948,10 +966,10 @@ var ThumbUpIcon = _ref38 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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"
   })));
 };
-var ThumbDownIcon = _ref39 => {
+var ThumbUpIcon = _ref39 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -966,10 +984,10 @@ var ThumbDownIcon = _ref39 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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 LocationIcon = _ref40 => {
+var ThumbDownIcon = _ref40 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -984,10 +1002,10 @@ var LocationIcon = _ref40 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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 ClockIcon = _ref41 => {
+var LocationIcon = _ref41 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -1002,10 +1020,10 @@ var ClockIcon = _ref41 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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 CameraIcon = _ref42 => {
+var ClockIcon = _ref42 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -1020,12 +1038,10 @@ var CameraIcon = _ref42 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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.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: "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"
   })));
 };
-var MicrophoneIcon = _ref43 => {
+var CameraIcon = _ref43 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -1040,12 +1056,12 @@ var MicrophoneIcon = _ref43 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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"
+    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.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 17c1.65 0 3-1.35 3-3s-1.35-3-3-3-3 1.35-3 3 1.35 3 3 3z"
   })));
 };
-var WifiIcon = _ref44 => {
+var MicrophoneIcon = _ref44 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -1060,10 +1076,12 @@ var WifiIcon = _ref44 => {
     stroke: 'currentColor',
     strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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.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"
   })));
 };
-var BluetoothIcon = _ref45 => {
+var WifiIcon = _ref45 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -1074,12 +1092,14 @@ var BluetoothIcon = _ref45 => {
     color: color
   }, props), /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 24 24",
-    fill: 'currentColor'
+    fill: "none",
+    stroke: 'currentColor',
+    strokeWidth: "1"
   }, /*#__PURE__*/React.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: "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 BatteryIcon = _ref46 => {
+var BluetoothIcon = _ref46 => {
   var {
       size = 24,
       color = 'currentColor'
@@ -1088,6 +1108,22 @@ var BatteryIcon = _ref46 => {
   return /*#__PURE__*/React.createElement(IconWrapper, Object.assign({
     size: size,
     color: color
+  }, props), /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    fill: 'currentColor'
+  }, /*#__PURE__*/React.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"
+  })));
+};
+var BatteryIcon = _ref47 => {
+  var {
+      size = 24,
+      color = 'currentColor'
+    } = _ref47,
+    props = _objectWithoutPropertiesLoose(_ref47, _excluded46);
+  return /*#__PURE__*/React.createElement(IconWrapper, Object.assign({
+    size: size,
+    color: color
   }, props), /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 24 24",
     fill: "none",
@@ -1098,12 +1134,12 @@ var BatteryIcon = _ref46 => {
   })));
 };
 // More modern UI icons
-var SunIcon = _ref47 => {
+var SunIcon = _ref48 => {
   var {
       size = 24,
       color = 'currentColor'
-    } = _ref47,
-    props = _objectWithoutPropertiesLoose(_ref47, _excluded46);
+    } = _ref48,
+    props = _objectWithoutPropertiesLoose(_ref48, _excluded47);
   return /*#__PURE__*/React.createElement(IconWrapper, Object.assign({
     size: size,
     color: color
@@ -1120,12 +1156,12 @@ var SunIcon = _ref47 => {
     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"
   })));
 };
-var MoonIcon = _ref48 => {
+var MoonIcon = _ref49 => {
   var {
       size = 24,
       color = 'currentColor'
-    } = _ref48,
-    props = _objectWithoutPropertiesLoose(_ref48, _excluded47);
+    } = _ref49,
+    props = _objectWithoutPropertiesLoose(_ref49, _excluded48);
   return /*#__PURE__*/React.createElement(IconWrapper, Object.assign({
     size: size,
     color: color
@@ -1138,12 +1174,12 @@ var MoonIcon = _ref48 => {
     d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"
   })));
 };
-var ErrorIcon = _ref49 => {
+var ErrorIcon = _ref50 => {
   var {
       size = 24,
       color = 'white'
-    } = _ref49,
-    props = _objectWithoutPropertiesLoose(_ref49, _excluded48);
+    } = _ref50,
+    props = _objectWithoutPropertiesLoose(_ref50, _excluded49);
   return /*#__PURE__*/React.createElement(IconWrapper, Object.assign({
     size: size,
     color: color
@@ -1157,12 +1193,12 @@ var ErrorIcon = _ref49 => {
     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"
   })));
 };
-var WarningIcon = _ref50 => {
+var WarningIcon = _ref51 => {
   var {
       size = 24,
       color = 'white'
-    } = _ref50,
-    props = _objectWithoutPropertiesLoose(_ref50, _excluded49);
+    } = _ref51,
+    props = _objectWithoutPropertiesLoose(_ref51, _excluded50);
   return /*#__PURE__*/React.createElement(IconWrapper, Object.assign({
     size: size,
     color: color
@@ -1182,12 +1218,12 @@ var WarningIcon = _ref50 => {
     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 = _ref51 => {
+var CloudIcon = _ref52 => {
   var {
       size = 24,
       color = 'currentColor'
-    } = _ref51,
-    props = _objectWithoutPropertiesLoose(_ref51, _excluded50);
+    } = _ref52,
+    props = _objectWithoutPropertiesLoose(_ref52, _excluded51);
   return /*#__PURE__*/React.createElement(IconWrapper, Object.assign({
     size: size,
     color: color
@@ -1216,6 +1252,7 @@ var Icon = {
   PlusIcon: PlusIcon,
   SpinnerIcon: SpinnerIcon,
   ProfileIcon: ProfileIcon,
+  BoldArrowIcon: BoldArrowIcon,
   ArrowIcon: ArrowIcon,
   SearchIcon: SearchIcon,
   SuccessIcon: SuccessIcon,
@@ -6907,5 +6944,5 @@ var ToggleGroupComponent = _ref => {
 // Expose the ToggleGroupComponent for import into other modules
 var ToggleGroup = ToggleGroupComponent;
 
-export { AddIcon, Alert, ArrowIcon, AspectRatio, Avatar, Badge, BatteryIcon, BluetoothIcon, BookmarkIcon, Bottom, Button, CalendarIcon, CameraIcon, Center, CheckIcon, Checkbox, ChevronIcon, ClockIcon, CloseEyeIcon, CloseIcon, CloudIcon, ComboBox, CopyIcon, CountryPicker, DatePicker, DownloadIcon, DustBinIcon, EditIcon, ErrorIcon, ExternalLinkIcon, FileImage, FileSVG, FilterIcon, FormikCheckbox, FormikComboBox, FormikCountryPicker, FormikDatePicker, FormikForm, FormikPassword, FormikSelect, FormikSwitch, FormikTextArea, FormikTextField, HeartIcon, HomeIcon, Horizontal, Icon, InfoIcon, Inline, Left, Link, Loader, LocationIcon, LockIcon, MenuIcon, MessageLayout, MessageView, MicrophoneIcon, MinusIcon, Modal, MoonIcon, NotificationIcon, OpenEyeIcon, Password, PlusIcon, PrintIcon, ProfileIcon, RefreshIcon, Right, SaveIcon, SearchIcon, Select, SettingsIcon, ShareIcon, SpinnerIcon, StarIcon, SuccessIcon, SunIcon, Switch, Table, Tabs, Text, TextArea, TextField, ThumbDownIcon, ThumbUpIcon, TickIcon, Toggle, ToggleGroup, Top, UnlockIcon, UploadIcon, Vertical, View, WarningIcon, WifiIcon, hideMessage, hideModal, showMessage, showModal, useMessageStore, useModalStore };
+export { AddIcon, Alert, ArrowIcon, AspectRatio, Avatar, Badge, BatteryIcon, BluetoothIcon, BoldArrowIcon, BookmarkIcon, Bottom, Button, CalendarIcon, CameraIcon, Center, CheckIcon, Checkbox, ChevronIcon, ClockIcon, CloseEyeIcon, CloseIcon, CloudIcon, ComboBox, CopyIcon, CountryPicker, DatePicker, DownloadIcon, DustBinIcon, EditIcon, ErrorIcon, ExternalLinkIcon, FileImage, FileSVG, FilterIcon, FormikCheckbox, FormikComboBox, FormikCountryPicker, FormikDatePicker, FormikForm, FormikPassword, FormikSelect, FormikSwitch, FormikTextArea, FormikTextField, HeartIcon, HomeIcon, Horizontal, Icon, InfoIcon, Inline, Left, Link, Loader, LocationIcon, LockIcon, MenuIcon, MessageLayout, MessageView, MicrophoneIcon, MinusIcon, Modal, MoonIcon, NotificationIcon, OpenEyeIcon, Password, PlusIcon, PrintIcon, ProfileIcon, RefreshIcon, Right, SaveIcon, SearchIcon, Select, SettingsIcon, ShareIcon, SpinnerIcon, StarIcon, SuccessIcon, SunIcon, Switch, Table, Tabs, Text, TextArea, TextField, ThumbDownIcon, ThumbUpIcon, TickIcon, Toggle, ToggleGroup, Top, UnlockIcon, UploadIcon, Vertical, View, WarningIcon, WifiIcon, hideMessage, hideModal, showMessage, showModal, useMessageStore, useModalStore };
 //# sourceMappingURL=web.esm.js.map