beca-ui 2.1.0-beta.50 → 2.1.0-beta.52

package/dist/beca-ui.js

@@ -89486,52 +89486,55 @@ const {
   const {
     size: t = "success",
     secondary: n,
-    status: r = "info",
+    status: r = "default",
     disabled: o = !1,
     shape: i = "default",
-    type: a = "primary",
+    type: a = "default",
     loading: l,
     block: s,
     className: c
-  } = e;
-  let u = "beca-btn";
-  switch (c && (u += " " + c), t === "small" ? u += " small-btn" : t === "large" && (u += " large-btn"), n && (u += " secondary"), (l || o) && (u += " disabled"), s && (u += " block-btn"), r) {
+  } = e, u = a !== "default" && r === "default" ? "info" : r;
+  let f = "beca-btn";
+  switch (c && (f += " " + c), t === "small" ? f += " small-btn" : t === "large" && (f += " large-btn"), n && (f += " secondary"), (l || o) && (f += " disabled"), s && (f += " block-btn"), u) {
     case "info":
-      u += " info-button";
+      f += " info-button";
       break;
     case "success":
-      u += " success-button";
+      f += " success-button";
       break;
     case "warning":
-      u += " warning-button";
+      f += " warning-button";
       break;
     case "danger":
-      u += " danger-button";
+      f += " danger-button";
       break;
     default:
-      u += " default-button";
+      f += " default-button";
       break;
   }
   switch (i) {
     case "round":
-      u += " round-btn";
+      f += " round-btn";
       break;
     case "circle":
-      u += " circle-btn";
+      f += " circle-btn";
       break;
   }
   switch (a) {
     case "dashed":
-      u += n ? " dashed-btn" : " secondary dashed-btn";
+      f += n ? " dashed-btn" : " secondary dashed-btn";
       break;
     case "link":
-      u += " link-btn";
+      f += " link-btn";
       break;
     case "text":
-      u += " text-btn";
+      f += " text-btn";
+      break;
+    case "primary":
+      f += " primary-btn";
       break;
   }
-  return u;
+  return f;
 }, BZe = (e) => {
   const { className: t } = e;
   let n = "beca-dropdown";
@@ -89919,8 +89922,7 @@ var VZe = function(e) {
     "svg",
     De({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "inherit", "aria-labelledby": t }, e),
     n ? p.createElement("title", { id: t }, n) : null,
-    p.createElement("path", { d: "M11 2H9C4 2 2 4 2 9v6c0 5 2 7 7 7h6c5 0 7-2 7-7v-2", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
-    p.createElement("path", { d: "M16.04 3.02L8.16 10.9c-.3.3-.6.89-.66 1.32l-.43 3.01c-.16 1.09.61 1.85 1.7 1.7l3.01-.43c.42-.06 1.01-.36 1.32-.66l7.88-7.88c1.36-1.36 2-2.94 0-4.94-2-2-3.58-1.36-4.94 0zM14.91 4.15a7.144 7.144 0 004.94 4.94", stroke: "currentcolor", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" })
+    p.createElement("path", { d: "M5.4 2.1h13.2c1.1 0 2 .9 2 2v2.2c0 .8-.5 1.8-1 2.3l-4.3 3.8c-.6.5-1 1.5-1 2.3V19c0 .6-.4 1.4-.9 1.7l-1.4.9c-1.3.8-3.1-.1-3.1-1.7v-5.3c0-.7-.4-1.6-.8-2.1l-3.8-4c-.5-.5-.9-1.4-.9-2V4.2c0-1.2.9-2.1 2-2.1zM10.93 2.1L6 10", stroke: "currentcolor", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" })
   );
 }, SJe = function(e) {
   var t, n, r, o, i, a;
@@ -89935,7 +89937,8 @@ var VZe = function(e) {
     "svg",
     De({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "inherit", "aria-labelledby": t }, e),
     n ? p.createElement("title", { id: t }, n) : null,
-    p.createElement("path", { d: "M5.4 2.1h13.2c1.1 0 2 .9 2 2v2.2c0 .8-.5 1.8-1 2.3l-4.3 3.8c-.6.5-1 1.5-1 2.3V19c0 .6-.4 1.4-.9 1.7l-1.4.9c-1.3.8-3.1-.1-3.1-1.7v-5.3c0-.7-.4-1.6-.8-2.1l-3.8-4c-.5-.5-.9-1.4-.9-2V4.2c0-1.2.9-2.1 2-2.1zM10.93 2.1L6 10", stroke: "currentcolor", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" })
+    p.createElement("path", { d: "M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7z", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    p.createElement("path", { d: "M9 10a2 2 0 100-4 2 2 0 000 4zM2.67 18.95l4.93-3.31c.79-.53 1.93-.47 2.64.14l.33.29c.78.67 2.04.67 2.82 0l4.16-3.57c.78-.67 2.04-.67 2.82 0L22 13.9", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
   );
 }, xJe = function(e) {
   var t, n, r, o, i, a;
@@ -89945,22 +89948,6 @@ var VZe = function(e) {
     p.createElement(wJe, null)
   );
 }, EJe = function(e) {
-  var t = e.titleId, n = e.title;
-  return p.createElement(
-    "svg",
-    De({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "inherit", "aria-labelledby": t }, e),
-    n ? p.createElement("title", { id: t }, n) : null,
-    p.createElement("path", { d: "M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7z", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
-    p.createElement("path", { d: "M9 10a2 2 0 100-4 2 2 0 000 4zM2.67 18.95l4.93-3.31c.79-.53 1.93-.47 2.64.14l.33.29c.78.67 2.04.67 2.82 0l4.16-3.57c.78-.67 2.04-.67 2.82 0L22 13.9", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
-  );
-}, $Je = function(e) {
-  var t, n, r, o, i, a;
-  return p.createElement(
-    "span",
-    De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(EJe, null)
-  );
-}, OJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -89973,9 +89960,9 @@ var VZe = function(e) {
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(OJe, null)
+    p.createElement(EJe, null)
   );
-}, NJe = function(e) {
+}, $Je = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -89990,9 +89977,9 @@ var VZe = function(e) {
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(NJe, null)
+    p.createElement($Je, null)
   );
-}, TJe = function(e) {
+}, OJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90001,14 +89988,14 @@ var VZe = function(e) {
     p.createElement("path", { d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10zM12 8v5", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
     p.createElement("path", { d: "M11.995 16h.009", stroke: "currentcolor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })
   );
-}, MJe = function(e) {
+}, NJe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(TJe, null)
+    p.createElement(OJe, null)
   );
-}, RJe = function(e) {
+}, TJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90017,14 +90004,14 @@ var VZe = function(e) {
     p.createElement("path", { d: "M3.27 12A5.46 5.46 0 012 8.5C2 5.48 4.47 3 7.5 3h5C15.52 3 18 5.48 18 8.5S15.53 14 12.5 14H10", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
     p.createElement("path", { d: "M20.73 12A5.46 5.46 0 0122 15.5c0 3.02-2.47 5.5-5.5 5.5h-5C8.48 21 6 18.52 6 15.5S8.47 10 11.5 10H14", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
   );
-}, _Je = function(e) {
+}, MJe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(RJe, null)
+    p.createElement(TJe, null)
   );
-}, IJe = function(e) {
+}, RJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90038,9 +90025,9 @@ var VZe = function(e) {
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(IJe, null)
+    p.createElement(RJe, null)
   );
-}, PJe = function(e) {
+}, _Je = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90049,14 +90036,14 @@ var VZe = function(e) {
     p.createElement("path", { d: "M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7zM18 6L6 18", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
     p.createElement("path", { d: "M18 10V6h-4M6 14v4h4", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
   );
-}, kJe = function(e) {
+}, IJe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(PJe, null)
+    p.createElement(_Je, null)
   );
-}, LJe = function(e) {
+}, PJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90064,14 +90051,14 @@ var VZe = function(e) {
     n ? p.createElement("title", { id: t }, n) : null,
     p.createElement("path", { d: "M3 7h18M3 12h18M3 17h18", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round" })
   );
-}, DJe = function(e) {
+}, kJe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(LJe, null)
+    p.createElement(PJe, null)
   );
-}, AJe = function(e) {
+}, LJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90085,9 +90072,9 @@ var VZe = function(e) {
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(AJe, null)
+    p.createElement(LJe, null)
   );
-}, zJe = function(e) {
+}, DJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90097,14 +90084,14 @@ var VZe = function(e) {
     p.createElement("path", { d: "M19.5 7a2.5 2.5 0 100-5 2.5 2.5 0 000 5z", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
     p.createElement("path", { d: "M15.996 11h.01M11.995 11h.01M7.995 11h.008", stroke: "currentcolor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })
   );
-}, jJe = function(e) {
+}, AJe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(zJe, null)
+    p.createElement(DJe, null)
   );
-}, HJe = function(e) {
+}, zJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90113,14 +90100,14 @@ var VZe = function(e) {
     p.createElement("path", { d: "M8.5 19H8c-4 0-6-1-6-6V8c0-4 2-6 6-6h8c4 0 6 2 6 6v5c0 4-2 6-6 6h-.5c-.31 0-.61.15-.8.4l-1.5 2c-.66.88-1.74.88-2.4 0l-1.5-2c-.16-.22-.53-.4-.8-.4z", stroke: "currentcolor", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }),
     p.createElement("path", { d: "M15.996 11h.01M11.995 11h.01M7.995 11h.008", stroke: "currentcolor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })
   );
-}, FJe = function(e) {
+}, jJe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(HJe, null)
+    p.createElement(zJe, null)
   );
-}, BJe = function(e) {
+}, HJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90128,14 +90115,14 @@ var VZe = function(e) {
     n ? p.createElement("title", { id: t }, n) : null,
     p.createElement("path", { d: "M2.03 12.42c.36 5.15 4.73 9.34 9.96 9.57 3.69.16 6.99-1.56 8.97-4.27.82-1.11.38-1.85-.99-1.6-.67.12-1.36.17-2.08.14C13 16.06 9 11.97 8.98 7.14c-.01-1.3.26-2.53.75-3.65.54-1.24-.11-1.83-1.36-1.3C4.41 3.86 1.7 7.85 2.03 12.42z", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
   );
-}, VJe = function(e) {
+}, FJe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(BJe, null)
+    p.createElement(HJe, null)
   );
-}, WJe = function(e) {
+}, BJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90148,9 +90135,9 @@ var VZe = function(e) {
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(WJe, null)
+    p.createElement(BJe, null)
   );
-}, UJe = function(e) {
+}, VJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90160,14 +90147,14 @@ var VZe = function(e) {
     p.createElement("path", { d: "M13.87 3.2a6.754 6.754 0 00-3.7 0c.29-.74 1.01-1.26 1.85-1.26.84 0 1.56.52 1.85 1.26z", stroke: "currentcolor", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }),
     p.createElement("path", { d: "M15.02 19.06c0 1.65-1.35 3-3 3-.82 0-1.58-.34-2.12-.88a3.01 3.01 0 01-.88-2.12", stroke: "currentcolor", strokeWidth: 1.5, strokeMiterlimit: 10 })
   );
-}, KJe = function(e) {
+}, WJe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(UJe, null)
+    p.createElement(VJe, null)
   );
-}, GJe = function(e) {
+}, UJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90177,14 +90164,14 @@ var VZe = function(e) {
     p.createElement("path", { d: "M6.5 8V6l-.5.5m0 5.037c0-.296.225-.537.5-.537s.5.241.5.537c0 .596-.79.66-.965 1.228a.183.183 0 00.172.235H7m-1 3.5c0-.291.225-.5.5-.5s.5.209.5.5c0 .59-.5.487-.5.487", stroke: "currentcolor", strokeWidth: 0.5, strokeLinecap: "round", strokeLinejoin: "round" }),
     p.createElement("path", { d: "M6 17.5c0 .291.225.488.5.488s.5-.208.5-.5C7 16.9 6.5 17 6.5 17", stroke: "currentcolor", strokeWidth: 0.5, strokeLinecap: "round", strokeLinejoin: "round" })
   );
-}, qJe = function(e) {
+}, KJe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(GJe, null)
+    p.createElement(UJe, null)
   );
-}, XJe = function(e) {
+}, GJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90192,14 +90179,14 @@ var VZe = function(e) {
     n ? p.createElement("title", { id: t }, n) : null,
     p.createElement("path", { d: "M12.33 12.15l-2.47 2.47a3.495 3.495 0 000 4.95 3.495 3.495 0 004.95 0l3.89-3.89a7.007 7.007 0 000-9.9 7.007 7.007 0 00-9.9 0l-4.24 4.24c-2.34 2.34-2.34 6.14 0 8.49", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
   );
-}, YJe = function(e) {
+}, qJe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(XJe, null)
+    p.createElement(GJe, null)
   );
-}, ZJe = function(e) {
+}, XJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90207,14 +90194,14 @@ var VZe = function(e) {
     n ? p.createElement("title", { id: t }, n) : null,
     p.createElement("path", { d: "M10.65 19.11V4.89c0-1.35-.57-1.89-2.01-1.89H5.01C3.57 3 3 3.54 3 4.89v14.22C3 20.46 3.57 21 5.01 21h3.63c1.44 0 2.01-.54 2.01-1.89zM21 19.11V4.89C21 3.54 20.43 3 18.99 3h-3.63c-1.43 0-2.01.54-2.01 1.89v14.22c0 1.35.57 1.89 2.01 1.89h3.63c1.44 0 2.01-.54 2.01-1.89z", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
   );
-}, JJe = function(e) {
+}, YJe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(ZJe, null)
+    p.createElement(XJe, null)
   );
-}, QJe = function(e) {
+}, ZJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90222,14 +90209,14 @@ var VZe = function(e) {
     n ? p.createElement("title", { id: t }, n) : null,
     p.createElement("path", { d: "M4 12V8.44c0-4.42 3.13-6.23 6.96-4.02l3.09 1.78 3.09 1.78c3.83 2.21 3.83 5.83 0 8.04l-3.09 1.78-3.09 1.78C7.13 21.79 4 19.98 4 15.56V12z", stroke: "currentcolor", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" })
   );
-}, eQe = function(e) {
+}, JJe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(QJe, null)
+    p.createElement(ZJe, null)
   );
-}, tQe = function(e) {
+}, QJe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90242,9 +90229,9 @@ var VZe = function(e) {
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(tQe, null)
+    p.createElement(QJe, null)
   );
-}, nQe = function(e) {
+}, eQe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90253,14 +90240,14 @@ var VZe = function(e) {
     p.createElement("path", { d: "M16.87 18.31h-8c-2.76 0-5-2.24-5-5s2.24-5 5-5h11", stroke: "currentcolor", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }),
     p.createElement("path", { d: "M17.57 10.81l2.56-2.56-2.56-2.56", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
   );
-}, rQe = function(e) {
+}, tQe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(nQe, null)
+    p.createElement(eQe, null)
   );
-}, oQe = function(e) {
+}, nQe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90275,9 +90262,9 @@ var VZe = function(e) {
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(oQe, null)
+    p.createElement(nQe, null)
   );
-}, iQe = function(e) {
+}, rQe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90292,9 +90279,9 @@ var VZe = function(e) {
   return p.createElement(
     "span",
     De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
-    p.createElement(iQe, null)
+    p.createElement(rQe, null)
   );
-}, aQe = function(e) {
+}, oQe = function(e) {
   var t = e.titleId, n = e.title;
   return p.createElement(
     "svg",
@@ -90302,6 +90289,22 @@ var VZe = function(e) {
     n ? p.createElement("title", { id: t }, n) : null,
     p.createElement("path", { d: "M11.5 21a9.5 9.5 0 100-19 9.5 9.5 0 000 19zM22 22l-2-2", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
   );
+}, iQe = function(e) {
+  var t, n, r, o, i, a;
+  return p.createElement(
+    "span",
+    De({}, e, { className: "beca-icon" + (e.className ? " " + e.className : ""), style: De(De({}, e.style), { color: (r = (t = e.color) !== null && t !== void 0 ? t : (n = e.style) === null || n === void 0 ? void 0 : n.color) !== null && r !== void 0 ? r : "", fontSize: (a = (o = e.size) !== null && o !== void 0 ? o : (i = e.style) === null || i === void 0 ? void 0 : i.fontSize) !== null && a !== void 0 ? a : "" }) }),
+    p.createElement(oQe, null)
+  );
+}, aQe = function(e) {
+  var t = e.titleId, n = e.title;
+  return p.createElement(
+    "svg",
+    De({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "inherit", "aria-labelledby": t }, e),
+    n ? p.createElement("title", { id: t }, n) : null,
+    p.createElement("path", { d: "M3 9.11v5.77C3 17 3 17 5 18.35l5.5 3.18c.83.48 2.18.48 3 0l5.5-3.18c2-1.35 2-1.35 2-3.46V9.11C21 7 21 7 19 5.65l-5.5-3.18c-.82-.48-2.17-.48-3 0L5 5.65C3 7 3 7 3 9.11z", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    p.createElement("path", { d: "M12 15a3 3 0 100-6 3 3 0 000 6z", stroke: "currentcolor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
+  );
 }, lQe = function(e) {
   var t, n, r, o, i, a;
   return p.createElement(
@@ -91276,7 +91279,7 @@ const fx = 10, ret = (e, t) => {
     {
       label: t("Mark as read"),
       key: "unread",
-      icon: /* @__PURE__ */ z(FJe, {}),
+      icon: /* @__PURE__ */ z(jJe, {}),
       onClick: () => {
         i && (i([r.id], "Read"), h9("Read", [r.id]));
       }
@@ -91284,7 +91287,7 @@ const fx = 10, ret = (e, t) => {
     {
       label: t("Mark as unread"),
       key: "read",
-      icon: /* @__PURE__ */ z(jJe, {}),
+      icon: /* @__PURE__ */ z(AJe, {}),
       onClick: () => {
         i && (i([r.id], "Unread"), h9("Unread", [r.id]));
       }
@@ -91879,7 +91882,7 @@ const n6 = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ar
   return /* @__PURE__ */ Kt(set, { className: ge("header", $ && "scrolled"), children: [
     /* @__PURE__ */ Kt("div", { className: "header-wrap", children: [
       /* @__PURE__ */ Kt("div", { className: "header-section-1", children: [
-        (A == null ? void 0 : A.theme) === "default" && /* @__PURE__ */ z("div", { className: "header-btw", children: Te && /* @__PURE__ */ z(
+        (A == null ? void 0 : A.theme) !== "new" && /* @__PURE__ */ z("div", { className: "header-btw", children: Te && /* @__PURE__ */ z(
           Qn,
           {
             secondary: !0,
@@ -91890,7 +91893,7 @@ const n6 = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ar
             onClick: r
           }
         ) }),
-        P && (A == null ? void 0 : A.theme) === "default" && /* @__PURE__ */ z("h2", { className: "header-title", children: P }),
+        P && (A == null ? void 0 : A.theme) !== "new" && /* @__PURE__ */ z("h2", { className: "header-title", children: P }),
         m && /* @__PURE__ */ z("div", { className: "header-custom", children: m })
       ] }),
       te && /* @__PURE__ */ Kt("div", { className: "header-actions", children: [
@@ -91902,7 +91905,7 @@ const n6 = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ar
               Y && "dark-theme"
             ),
             type: xe,
-            icon: Y ? /* @__PURE__ */ z(hQe, {}) : /* @__PURE__ */ z(VJe, {}),
+            icon: Y ? /* @__PURE__ */ z(hQe, {}) : /* @__PURE__ */ z(FJe, {}),
             onClick: ie,
             shape: "circle",
             status: "info",
@@ -91943,7 +91946,7 @@ const n6 = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ar
                     title: v.title,
                     type: xe,
                     status: "info",
-                    icon: /* @__PURE__ */ z(KJe, {}),
+                    icon: /* @__PURE__ */ z(WJe, {}),
                     onClick: v.onClick,
                     shape: "circle",
                     size: Se
@@ -92000,7 +92003,7 @@ const n6 = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ar
             )
           }
         ),
-        ((He = te.app) == null ? void 0 : He.visible) && V !== "Office" && (A == null ? void 0 : A.theme) === "default" && /* @__PURE__ */ z(me, {}),
+        ((He = te.app) == null ? void 0 : He.visible) && V !== "Office" && (A == null ? void 0 : A.theme) !== "new" && /* @__PURE__ */ z(me, {}),
         ((Le = te.profile) == null ? void 0 : Le.visible) && /* @__PURE__ */ z("div", { className: "profile-section", children: /* @__PURE__ */ z(
           qf,
           {
@@ -94150,7 +94153,7 @@ const Xet = "https://share.becawork.vn/files/theme/web/sidebar-bg-img.png", LP =
           {
             onClick: J,
             style: { left: 10, bottom: 10 },
-            icon: /* @__PURE__ */ z(DJe, {}),
+            icon: /* @__PURE__ */ z(kJe, {}),
             type: "primary"
           }
         ),
@@ -98011,7 +98014,7 @@ const grt = 52, vrt = 68, yrt = (e) => {
     } else
       f(n);
   }, [b == null ? void 0 : b.appMenu, JSON.stringify(n)]), /* @__PURE__ */ Kt("div", { className: "app-menu", children: [
-    /* @__PURE__ */ z("div", { className: "app-main-logo-wrap", children: /* @__PURE__ */ z("img", { src: t, className: "app-main-logo" }) }),
+    /* @__PURE__ */ z("div", { className: "app-main-logo-wrap", children: /* @__PURE__ */ z("a", { href: "/", children: /* @__PURE__ */ z("img", { src: t, className: "app-main-logo" }) }) }),
     /* @__PURE__ */ Kt("div", { className: "app-menu-items-wrap", children: [
       /* @__PURE__ */ z(
         ZN,
@@ -98045,8 +98048,7 @@ const grt = 52, vrt = 68, yrt = (e) => {
       /* @__PURE__ */ z("div", { className: "app-menu-extra-button", children: /* @__PURE__ */ z(
         qP,
         {
-          icon: /* @__PURE__ */ z(SJe, { size: 20 }),
-          text: `${l.custom}`,
+          icon: /* @__PURE__ */ z(lQe, { size: 24 }),
           active: !1,
           type: "edit-button",
           onOpenEditModal: () => c(!0)
@@ -98094,7 +98096,7 @@ const grt = 52, vrt = 68, yrt = (e) => {
           "sortable-list-item--dragging": t
         }),
         children: /* @__PURE__ */ Kt("div", { className: "sortable-list-item-content", children: [
-          /* @__PURE__ */ z("div", { className: "sortable-list-item-icon", children: typeof n == "string" ? /* @__PURE__ */ z("img", { src: n, alt: e.name }) : n }),
+          /* @__PURE__ */ z("div", { className: "sortable-list-item-icon", children: typeof n == "string" ? /* @__PURE__ */ z("img", { src: n, alt: e.name, draggable: !1 }) : n }),
           /* @__PURE__ */ z("span", { className: "sortable-list-item-text", children: e.name })
         ] })
       }
@@ -103904,7 +103906,7 @@ const Got = Kot, qot = (e) => {
   Zt(() => {
     const de = [...i].map((pe) => {
       const ve = { ...pe };
-      return pe.filterDropdown && pe.filterIcon === void 0 && (ve.filterIcon = /* @__PURE__ */ z(xJe, { size: 16 })), ve;
+      return pe.filterDropdown && pe.filterIcon === void 0 && (ve.filterIcon = /* @__PURE__ */ z(SJe, { size: 16 })), ve;
     });
     N(de);
   }, [i]), Zt(() => {
@@ -104251,7 +104253,7 @@ const Got = Kot, qot = (e) => {
   return Ka.error({
     ...e,
     className: "beca-modal-confirm" + (t ? " " + t : ""),
-    icon: /* @__PURE__ */ z("span", { className: "beca-modal-confirm__icon", children: n ?? /* @__PURE__ */ z(MJe, { size: 22, color: "var(--info-color-5)" }) }),
+    icon: /* @__PURE__ */ z("span", { className: "beca-modal-confirm__icon", children: n ?? /* @__PURE__ */ z(NJe, { size: 22, color: "var(--info-color-5)" }) }),
     okText: i,
     cancelText: o,
     okButtonProps: {
@@ -104346,7 +104348,7 @@ const _Mt = (e) => {
       ...e,
       className: iT(e),
       enterButton: n ?? /* @__PURE__ */ z(
-        lQe,
+        iQe,
         {
           color: e.variant === "filled" ? "var(--gray-text-color)" : "var(--primary-color-1)",
           size: 12
@@ -127355,7 +127357,7 @@ const pmt = ({ editor: e }) => e && /* @__PURE__ */ z(
                 type: "text",
                 onClick: () => M.chain().focus().toggleOrderedList().run(),
                 status: M.isActive("orderedList") ? "info" : "default",
-                icon: /* @__PURE__ */ z(qJe, {})
+                icon: /* @__PURE__ */ z(KJe, {})
               }
             )
           ] }),
@@ -127371,7 +127373,7 @@ const pmt = ({ editor: e }) => e && /* @__PURE__ */ z(
                   {
                     type: "text",
                     status: "default",
-                    icon: /* @__PURE__ */ z($Je, {}),
+                    icon: /* @__PURE__ */ z(xJe, {}),
                     title: "Link"
                   }
                 )
@@ -127387,7 +127389,7 @@ const pmt = ({ editor: e }) => e && /* @__PURE__ */ z(
                   Qn,
                   {
                     status: M.isActive("link") ? "info" : "default",
-                    icon: /* @__PURE__ */ z(_Je, {}),
+                    icon: /* @__PURE__ */ z(MJe, {}),
                     title: "Link",
                     type: "text"
                   }
@@ -127421,7 +127423,7 @@ const pmt = ({ editor: e }) => e && /* @__PURE__ */ z(
                 type: "text",
                 status: "default",
                 onClick: () => M.chain().focus().redo().run(),
-                icon: /* @__PURE__ */ z(rQe, {}),
+                icon: /* @__PURE__ */ z(tQe, {}),
                 title: u.redo,
                 disabled: !M.can().redo()
               }
@@ -128856,7 +128858,7 @@ const c0t = (e) => {
         className: `beca-upload-item${n.error ? " beca-upload-file-error" : ""}`,
         children: [
           /* @__PURE__ */ Kt("div", { className: "upload-file-info", children: [
-            /* @__PURE__ */ z("div", { className: "upload-file-icon", children: /* @__PURE__ */ z(YJe, {}) }),
+            /* @__PURE__ */ z("div", { className: "upload-file-icon", children: /* @__PURE__ */ z(qJe, {}) }),
             /* @__PURE__ */ z("div", { className: "upload-file-name", children: n.name })
           ] }),
           /* @__PURE__ */ z("div", { className: "upload-file-actions", children: /* @__PURE__ */ z(W1e, { className: "remove-icon", onClick: o.remove }) })
@@ -129952,7 +129954,7 @@ const B0t = (e) => {
               onClick: (te) => {
                 te.preventDefault(), te.stopPropagation(), X("pause"), re();
               },
-              children: /* @__PURE__ */ z(JJe, {})
+              children: /* @__PURE__ */ z(YJe, {})
             }
           ) : /* @__PURE__ */ z(
             "div",
@@ -129960,7 +129962,7 @@ const B0t = (e) => {
               onClick: (te) => {
                 te.preventDefault(), te.stopPropagation(), X("play"), re();
               },
-              children: /* @__PURE__ */ z(eQe, {})
+              children: /* @__PURE__ */ z(JJe, {})
             }
           ) }) }),
           /* @__PURE__ */ z("div", { className: "time-controls", children: /* @__PURE__ */ Kt("p", { className: "controls-time", children: [
@@ -129975,7 +129977,7 @@ const B0t = (e) => {
                 onClick: (te) => {
                   te.preventDefault(), te.stopPropagation(), Z();
                 },
-                children: /* @__PURE__ */ z(kJe, { title: "Fullscreen" })
+                children: /* @__PURE__ */ z(IJe, { title: "Fullscreen" })
               }
             ),
             /* @__PURE__ */ Kt(
@@ -133012,7 +133014,7 @@ const bgt = (e) => {
         rgt,
         {
           ref: O,
-          initialTopMostItemIndex: M.length - 1,
+          initialTopMostItemIndex: S ? M.length - 1 : 0,
           firstItemIndex: S ? Math.max(0, N) : M.length - 1,
           itemContent: u,
           data: M,