@eclass/ui-kit 1.42.0 → 1.43.0

package/dist/eclass-ui-kit.es.js

@@ -29542,6 +29542,7 @@ function Btn({
   m: m2 = "0",
   onClick,
   rightIcon,
+  role = "button",
   rounded = false,
   size: size2 = "regular",
   touchDark = false,
@@ -29571,7 +29572,7 @@ function Btn({
       children: /* @__PURE__ */ jsx(Button, {
         "aria-label": ariaLabel,
         id: id2,
-        role: "button",
+        role,
         bg: colorMain,
         borderRadius,
         color: color2,
@@ -29647,6 +29648,7 @@ function BtnPrimary({
   isLoading = false,
   onClick,
   rightIcon,
+  role = "button",
   size: size2 = "regular",
   type = "button",
   tabIndex,
@@ -29662,6 +29664,7 @@ function BtnPrimary({
     m: m2,
     onClick,
     rightIcon,
+    role,
     size: size2,
     type,
     tabIndex,
@@ -29679,6 +29682,7 @@ function BtnSecondary({
   isLoading = false,
   onClick,
   rightIcon,
+  role = "button",
   size: size2 = "regular",
   type = "button",
   tabIndex,
@@ -29701,6 +29705,7 @@ function BtnSecondary({
     m: m2,
     onClick,
     rightIcon,
+    role,
     size: size2,
     touchDark: true,
     type,
@@ -29721,6 +29726,7 @@ function BtnTertiary({
   onMouseEnter,
   onMouseLeave,
   rightIcon,
+  role = "button",
   type = "button",
   tabIndex,
   withoutColor = false
@@ -29774,7 +29780,7 @@ function BtnTertiary({
   return /* @__PURE__ */ jsx(Button, {
     "aria-label": ariaLabel,
     id: id2,
-    role: "button",
+    role,
     type,
     tabIndex,
     background: "transparent",
@@ -29821,7 +29827,7 @@ function BtnTertiary({
 }
 BtnTertiary.displayName = "BtnTertiary";
 function BtnLink({
-  as = "button",
+  as = "a",
   ariaLabel,
   children,
   fontSize = "0.875rem",
@@ -29829,6 +29835,7 @@ function BtnLink({
   id: id2,
   m: m2 = "0",
   onClick,
+  role = "link",
   tabIndex,
   textDecorationLine = true
 }) {
@@ -29845,7 +29852,7 @@ function BtnLink({
     as,
     "aria-label": ariaLabel,
     id: id2,
-    role: "button",
+    role,
     backgroundColor: "transparent",
     borderStyle: "none",
     className: "linkButton",
@@ -31976,5 +31983,1034 @@ function ModalAlert({
   });
 }
 ModalAlert.displayName = "ModalAlert";
-export { Alert, Btn, BtnLink, BtnPrimary, BtnSecondary, BtnTertiary, CourseList, CourseStatus, FlashNotification, index as Icons, Label, ModalAlert, NewTooltip, Progress, Ripples, TinyAlert, dataFake, maxWidthCoursesList, theme, useFlashNotification, vars };
+const Events = () => {
+  return /* @__PURE__ */ jsx("div", {
+    children: "Hola soy un Evento"
+  });
+};
+const Avi = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5797)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M13 23L12.7 21.9H10.8L10.6 23H8.90002L10.8 17.3H12.9L14.8 23H13ZM12.4 20.7L12.2 19.8C12.1 19.6 12.1 19.3 12 19C11.9 18.7 11.9 18.4 11.8 18.3C11.8 18.4 11.7 18.7 11.7 19C11.7 19.3 11.5 19.9 11.2 20.8H12.4V20.7Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M18.6 17.3H20.3L18.4 23H16.6L14.7 17.3H16.4L17.2 20.2C17.4 20.8 17.4 21.3 17.5 21.5C17.5 21.3 17.6 21.1 17.6 20.8C17.6 20.5 17.7 20.3 17.7 20.2L18.6 17.3Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M20.9 23V17.3H22.5V23H20.9Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5797",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Csv = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5770)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M11.5 18.5C11.1 18.5 10.8 18.7 10.6 19C10.4 19.3 10.3 19.7 10.3 20.2C10.3 21.3 10.7 21.8 11.6 21.8C11.9 21.8 12.1 21.8 12.3 21.7C12.5 21.6 12.8 21.5 13 21.4V22.7C12.5 22.9 12 23 11.4 23C10.5 23 9.89995 22.8 9.39995 22.2C8.89995 21.6 8.69995 21 8.69995 20C8.69995 19.4 8.79995 18.9 8.99995 18.4C9.19995 17.9 9.49995 17.6 9.99995 17.4C10.5 17.2 10.9 17 11.5 17C12.1 17 12.7 17.1 13.3 17.4L12.8 18.6C12.6 18.5 12.4 18.4 12.2 18.4C12 18.4 11.7 18.5 11.5 18.5Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M17.9 21.3C17.9 21.7 17.8 22 17.6 22.2C17.4 22.4 17.2 22.7 16.8 22.8C16.4 22.9 16.1 23 15.6 23C15.2 23 14.9 23 14.6 22.9C14.3 22.8 14.1 22.8 13.8 22.6V21.2C14.1 21.4 14.4 21.5 14.7 21.6C15 21.7 15.3 21.7 15.6 21.7C15.8 21.7 16 21.7 16.1 21.6C16.2 21.5 16.3 21.4 16.3 21.3C16.3 21.2 16.3 21.2 16.2 21.1C16.1 21 16.1 21.1 16 21C15.9 20.9 15.7 20.8 15.2 20.6C14.8 20.4 14.5 20.3 14.4 20.1C14.3 19.9 14.1 19.8 14 19.6C13.9 19.4 13.9 19.2 13.9 18.9C13.9 18.4 14.1 18 14.5 17.7C14.9 17.4 15.4 17.3 16.1 17.3C16.7 17.3 17.3 17.4 17.9 17.7L17.4 18.9C16.9 18.7 16.4 18.5 16 18.5C15.8 18.5 15.7 18.5 15.6 18.6C15.5 18.7 15.5 18.8 15.5 18.9C15.5 19 15.6 19.1 15.7 19.2C15.8 19.3 16.1 19.4 16.6 19.7C17.1 19.9 17.4 20.2 17.6 20.4C17.8 20.6 17.9 20.9 17.9 21.3Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M22 17.3H23.7L21.8 23H20L18.1 17.3H19.8L20.6 20.2C20.8 20.8 20.8 21.3 20.9 21.5C20.9 21.3 21 21.1 21 20.8C21 20.5 21.1 20.3 21.1 20.2L22 17.3Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5770",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Doc = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5732)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M12.7 20C12.7 21 12.4 21.7 11.9 22.2C11.4 22.7 10.7 23 9.70002 23H7.90002V17.3H9.90002C10.8 17.3 11.5 17.5 12 18C12.5 18.5 12.7 19.1 12.7 20ZM11.1 20.1C11.1 19.6 11 19.2 10.8 18.9C10.6 18.6 10.3 18.5 9.90002 18.5H9.40002V21.7H9.70002C10.2 21.7 10.5 21.6 10.7 21.3C10.9 21 11.1 20.6 11.1 20.1Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M19.1 20.1C19.1 21.1 18.9 21.8 18.4 22.3C17.9 22.8 17.2 23.1 16.3 23.1C15.4 23.1 14.7 22.8 14.2 22.3C13.7 21.8 13.5 21.1 13.5 20.1C13.5 19.1 13.7 18.4 14.2 17.9C14.7 17.4 15.4 17.1 16.3 17.1C17.2 17.1 17.9 17.3 18.4 17.8C18.9 18.3 19.1 19.2 19.1 20.1ZM15.2 20.1C15.2 21.2 15.6 21.8 16.4 21.8C16.8 21.8 17.1 21.7 17.3 21.4C17.5 21.1 17.6 20.7 17.6 20.1C17.6 19.5 17.5 19.1 17.3 18.8C17.1 18.5 16.8 18.4 16.4 18.4C15.6 18.5 15.2 19 15.2 20.1Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M22.7 18.5C22.3 18.5 22 18.7 21.8 19C21.6 19.3 21.5 19.7 21.5 20.2C21.5 21.3 21.9 21.8 22.8 21.8C23.1 21.8 23.3 21.8 23.5 21.7C23.7 21.6 24 21.5 24.2 21.4V22.7C23.7 22.9 23.2 23 22.6 23C21.7 23 21.1 22.8 20.6 22.2C20.1 21.6 19.9 21 19.9 20C19.9 19.4 20 18.9 20.2 18.4C20.4 17.9 20.7 17.6 21.2 17.4C21.7 17.2 22.1 17 22.7 17C23.3 17 23.9 17.1 24.5 17.4L24 18.8C23.8 18.7 23.6 18.6 23.4 18.6C23.2 18.6 22.9 18.5 22.7 18.5Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5732",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Docx = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5741)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M9.9 20C9.9 21 9.6 21.7 9.1 22.2C8.6 22.7 7.8 23 6.9 23H5V17.3H7C7.9 17.3 8.6 17.5 9.1 18C9.6 18.5 9.9 19.1 9.9 20ZM8.3 20.1C8.3 19.6 8.2 19.2 8 18.9C7.8 18.6 7.4 18.5 7 18.5H6.5V21.7H6.8C7.3 21.7 7.6 21.6 7.8 21.3C8 21 8.3 20.6 8.3 20.1Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M16.2 20.1C16.2 21.1 16 21.8 15.5 22.3C15 22.8 14.3 23.1 13.4 23.1C12.5 23.1 11.8 22.8 11.3 22.3C10.8 21.8 10.6 21.1 10.6 20.1C10.6 19.1 10.8 18.4 11.3 17.9C11.8 17.4 12.5 17.1 13.4 17.1C14.3 17.1 15 17.3 15.5 17.8C16 18.3 16.2 19.2 16.2 20.1ZM12.3 20.1C12.3 21.2 12.7 21.8 13.5 21.8C13.9 21.8 14.2 21.7 14.4 21.4C14.6 21.1 14.7 20.7 14.7 20.1C14.7 19.5 14.6 19.1 14.4 18.8C14.2 18.5 13.9 18.4 13.5 18.4C12.7 18.5 12.3 19 12.3 20.1Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M19.8 18.5C19.4 18.5 19.1 18.7 18.9 19C18.7 19.3 18.6 19.7 18.6 20.2C18.6 21.3 19 21.8 19.9 21.8C20.2 21.8 20.4 21.8 20.6 21.7C20.8 21.6 21.1 21.5 21.3 21.4V22.7C20.8 22.9 20.3 23 19.7 23C18.8 23 18.2 22.8 17.7 22.2C17.2 21.6 17 21.1 17 20.2C17 19.6 17.1 19.1 17.3 18.6C17.5 18.1 17.8 17.8 18.3 17.6C18.8 17.4 19.2 17.2 19.8 17.2C20.4 17.2 21 17.3 21.6 17.6L21.1 18.8C20.9 18.7 20.7 18.6 20.5 18.6C20.3 18.6 20 18.5 19.8 18.5Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M27.6 23H25.8L24.7 21.2L23.6 23H21.9L23.8 20.1L22 17.3H23.7L24.7 19.1L25.7 17.3H27.5L25.7 20.2L27.6 23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5741",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Gif = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5704)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M12.4 19.7H14.9V22.8C14.2 23 13.5 23.1 12.7 23.1C11.8 23.1 11.1 22.8 10.7 22.3C10.3 21.8 10 21.1 10 20.1C10 19.2 10.3 18.5 10.8 17.9C11.3 17.3 12.1 17.1 13 17.1C13.4 17.1 13.7 17.1 14 17.2C14.3 17.3 14.6 17.4 14.8 17.5L14.3 18.7C13.9 18.5 13.4 18.4 12.9 18.4C12.4 18.4 12.1 18.5 11.9 18.8C11.7 19.1 11.5 19.5 11.5 20.1C11.5 20.6 11.6 21 11.8 21.3C12 21.6 12.3 21.7 12.8 21.7C13 21.7 13.2 21.7 13.4 21.6V20.7H12.4V19.7Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M16 23V17.3H17.6V23H16Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M20.3 23H18.8V17.3H22.2001V18.5H20.3V19.6H22V20.8H20.3V23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5704",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Icons = ({
+  type
+}) => {
+  switch (type) {
+    case "avi":
+      return /* @__PURE__ */ jsx(Avi, {});
+    case "csv":
+      return /* @__PURE__ */ jsx(Csv, {});
+    case "doc":
+      return /* @__PURE__ */ jsx(Doc, {});
+    case "docx":
+      return /* @__PURE__ */ jsx(Docx, {});
+    case "gif":
+      return /* @__PURE__ */ jsx(Gif, {});
+    case "jpeg":
+      return /* @__PURE__ */ jsx(Jpeg, {});
+    case "jpg":
+      return /* @__PURE__ */ jsx(Jpg, {});
+    case "png":
+      return /* @__PURE__ */ jsx(Png, {});
+    case "pdf":
+      return /* @__PURE__ */ jsx(Pdf, {});
+    case "ppt":
+      return /* @__PURE__ */ jsx(Ppt, {});
+    case "pptx":
+      return /* @__PURE__ */ jsx(Pptx, {});
+    case "xls":
+      return /* @__PURE__ */ jsx(Xls, {});
+    case "xlsx":
+      return /* @__PURE__ */ jsx(Xlsx, {});
+    case "mp3":
+      return /* @__PURE__ */ jsx(Mp3, {});
+    case "wav":
+      return /* @__PURE__ */ jsx(Wav, {});
+    case "mp4":
+      return /* @__PURE__ */ jsx(Mp4, {});
+    case "mkv":
+      return /* @__PURE__ */ jsx(Mkv, {});
+    default:
+      return null;
+  }
+};
+const Jpeg = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5685)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M7.8 24.8C7.5 24.8 7.3 24.8 7 24.7V23.5C7.1 23.5 7.2 23.5 7.3 23.6C7.4 23.7 7.5 23.6 7.6 23.6C7.9 23.6 8 23.5 8.1 23.4C8.2 23.3 8.3 23 8.3 22.6V17.3H9.9V22.5C9.9 23.3 9.7 23.9 9.4 24.3C9.1 24.7 8.4 24.8 7.8 24.8Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M15.2001 19.1C15.2001 19.7 15.0001 20.2 14.6001 20.6C14.2001 21 13.7001 21.1 13.0001 21.1H12.6001V23H11.1001V17.3H13.1001C13.8001 17.3 14.4001 17.5 14.7001 17.8C15.0001 18.1 15.2001 18.5 15.2001 19.1ZM12.6001 19.8H12.9001C13.1001 19.8 13.3001 19.7 13.5001 19.6C13.7001 19.5 13.7001 19.3 13.7001 19.1C13.7001 18.7 13.5001 18.5 13.1001 18.5H12.7001V19.8H12.6001Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M22.9 19.7H25.4V22.8C24.7 23 24 23.1 23.2 23.1C22.3 23.1 21.6 22.8 21.2 22.3C20.8 21.8 20.5 21.1 20.5 20.1C20.5 19.2 20.8 18.5 21.3 17.9C21.8 17.3 22.6 17.1 23.5 17.1C23.9 17.1 24.2 17.1 24.5 17.2C24.8 17.3 25.1 17.4 25.3 17.5L24.8 18.7C24.4 18.5 23.9 18.4 23.4 18.4C22.9 18.4 22.6 18.5 22.4 18.8C22.2 19.1 22 19.6 22 20.2C22 20.7 22.1 21.1 22.3 21.4C22.5 21.7 22.8 21.8 23.3 21.8C23.5 21.8 23.7 21.8 23.9 21.7V20.8H22.9V19.7Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M19.4 23H16V17.3H19.4V18.5H17.6V19.4H19.3V20.6H17.6V21.7H19.4V23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5685",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Jpg = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsx("path", {
+      d: "M20 1V9H28",
+      stroke: "#B0CFE0",
+      strokeWidth: "2",
+      strokeMiterlimit: "10"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M28 13V9L20 1H4V13",
+      stroke: "#B0CFE0",
+      strokeWidth: "2",
+      strokeMiterlimit: "10",
+      strokeLinecap: "square"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M4 27V31H28V27",
+      stroke: "#B0CFE0",
+      strokeWidth: "2",
+      strokeMiterlimit: "10",
+      strokeLinecap: "square"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M9.3 24.8C9 24.8 8.8 24.8 8.5 24.7V23.5C8.6 23.5 8.7 23.5 8.8 23.6C8.9 23.7 9 23.6 9.1 23.6C9.4 23.6 9.5 23.5 9.6 23.4C9.7 23.3 9.8 23 9.8 22.6V17.3H11.4V22.5C11.4 23.3 11.2 23.9 10.9 24.3C10.6 24.7 9.9 24.8 9.3 24.8Z",
+      fill: "#B0CFE0"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M16.7 19.1C16.7 19.7 16.5 20.2 16.1 20.6C15.7 21 15.2 21.1 14.5 21.1H14.1V23H12.6V17.3H14.6C15.3 17.3 15.9 17.5 16.2 17.8C16.5 18.1 16.7 18.5 16.7 19.1ZM14.1 19.8H14.4C14.6 19.8 14.8 19.7 15 19.6C15.2 19.5 15.2 19.3 15.2 19.1C15.2 18.7 15 18.5 14.6 18.5H14.2V19.8H14.1Z",
+      fill: "#B0CFE0"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M19.9 19.7H22.4V22.8C21.7 23 21 23.1 20.2 23.1C19.3 23.1 18.6 22.8 18.2 22.3C17.8 21.8 17.5 21.1 17.5 20.1C17.5 19.2 17.8 18.5 18.3 17.9C18.8 17.3 19.6 17.1 20.5 17.1C20.9 17.1 21.2 17.1 21.5 17.2C21.8 17.3 22.1 17.4 22.3 17.5L21.8 18.7C21.4 18.5 20.9 18.4 20.4 18.4C19.9 18.4 19.6 18.5 19.4 18.8C19.2 19.1 19 19.6 19 20.2C19 20.7 19.1 21.1 19.3 21.4C19.5 21.7 19.8 21.8 20.3 21.8C20.5 21.8 20.7 21.8 20.9 21.7V20.8H19.9V19.7Z",
+      fill: "#B0CFE0"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M31 13H1V27H31V13Z",
+      stroke: "#B0CFE0",
+      strokeWidth: "2",
+      strokeMiterlimit: "10",
+      strokeLinecap: "square"
+    })]
+  });
+};
+const Mkv = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5806)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M9.69995 23L8.49995 18.9C8.59995 19.6 8.59995 20.1 8.59995 20.5V23H7.19995V17.3H9.29995L10.5 21.4L11.7 17.3H13.8V23H12.4V20.5C12.4 20.4 12.4 20.2 12.4 20.1C12.4 20 12.4 19.6 12.5 18.9L11.2 23H9.69995Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M19.8 23H18.1L17 20.8L16.5 21.1V23H15V17.3H16.6V19.8C16.7 19.6 16.8 19.4 17.1 19.1L18.3 17.3H20L18.2 19.9L19.8 23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M23.7001 17.3H25.4L23.5 23H21.7001L19.8 17.3H21.5L22.3 20.2C22.5 20.8 22.5001 21.3 22.6 21.5C22.6 21.3 22.7001 21.1 22.7001 20.8C22.7001 20.5 22.8 20.3 22.8 20.2L23.7001 17.3Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5806",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Mp3 = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5815)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M10.4 23L9.20002 18.9C9.30002 19.6 9.30002 20.1 9.30002 20.5V23H7.90002V17.3H10L11.2 21.4L12.4 17.3H14.5V23H13V20.5C13 20.4 13 20.2 13 20.1C13 20 13 19.6 13.1 18.9L11.8 23H10.4Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M19.8 19.1C19.8 19.7 19.6 20.2 19.2 20.6C18.8 21 18.3 21.1 17.6 21.1H17.2V23H15.7V17.3H17.7C18.4 17.3 19 17.5 19.3 17.8C19.6 18.1 19.8 18.5 19.8 19.1ZM17.2 19.8H17.5C17.7 19.8 17.9 19.7 18.1 19.6C18.3 19.5 18.3 19.3 18.3 19.1C18.3 18.7 18.1 18.5 17.7 18.5H17.3V19.8H17.2Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M24.2001 18.5C24.2001 18.9 24.1 19.2 23.9 19.4C23.7 19.6 23.4 19.9 23 20C24 20.1 24.4 20.6 24.4 21.4C24.4 21.9 24.2 22.3 23.8 22.7C23.4 23.1 22.8 23.2 22 23.2C21.7 23.2 21.4 23.2 21.1 23.1C20.8 23 20.6 23 20.3 22.9V21.6C20.5 21.7 20.8 21.8 21.1 21.9C21.4 22 21.6 22 21.8 22C22.1 22 22.4 22 22.5 21.9C22.6 21.8 22.7001 21.7 22.7001 21.5C22.7001 21.3 22.7 21.2 22.6 21.1C22.5001 21 22.4001 21 22.2001 20.9C22.0001 20.8 21.8 20.8 21.5 20.8H21.1V19.6H21.5C22.3 19.6 22.7001 19.4 22.7001 19C22.7001 18.8 22.6 18.7 22.5 18.7C22.4 18.7 22.2 18.6 22 18.6C21.6 18.6 21.3 18.7 20.9 19L20.3 18C20.6 17.8 20.9001 17.6 21.2001 17.6C21.5001 17.6 21.9 17.5 22.3 17.5C22.9 17.5 23.4001 17.6 23.7001 17.9C24.0001 18.2 24.2001 18.1 24.2001 18.5Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5815",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Mp4 = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5788)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M10.4 23L9.20002 18.9C9.30002 19.6 9.30002 20.1 9.30002 20.5V23H7.90002V17.3H10L11.2 21.4L12.4 17.3H14.5V23H13V20.5C13 20.4 13 20.2 13 20.1C13 20 13 19.6 13.1 18.9L11.8 23H10.4Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M19.8 19.1C19.8 19.7 19.6 20.2 19.2 20.6C18.8 21 18.3 21.1 17.6 21.1H17.2V23H15.7V17.3H17.7C18.4 17.3 19 17.5 19.3 17.8C19.6 18.1 19.8 18.5 19.8 19.1ZM17.2 19.8H17.5C17.7 19.8 17.9 19.7 18.1 19.6C18.3 19.5 18.3 19.3 18.3 19.1C18.3 18.7 18.1 18.5 17.7 18.5H17.3V19.8H17.2Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M24.6 21.9H24V23H22.5V21.9H20.2V20.8L22.6 17.3H24V20.8H24.6V21.9ZM22.5 20.7V20C22.5 19.9 22.5 19.7 22.5 19.5C22.5 19.3 22.5 19.2 22.5 19.2C22.4 19.4 22.3 19.6 22.2 19.8L21.6 20.7H22.5Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5788",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Pdf = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5779)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M13.143 19.105C13.143 19.743 12.955 20.236 12.579 20.584C12.203 20.932 11.668 21.105 10.975 21.105H10.541V23H8.99805V17.289H10.975C11.696 17.289 12.238 17.446 12.6 17.762C12.962 18.078 13.143 18.524 13.143 19.105ZM10.541 19.848H10.822C11.054 19.848 11.238 19.783 11.375 19.653C11.512 19.523 11.58 19.343 11.58 19.114C11.58 18.728 11.367 18.536 10.939 18.536H10.541V19.848Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M18.9 20.023C18.9 20.976 18.638 21.711 18.113 22.226C17.588 22.741 16.851 23 15.9 23H14.052V17.289H16.029C16.946 17.289 17.654 17.523 18.152 17.992C18.65 18.461 18.9 19.138 18.9 20.023ZM17.299 20.078C17.299 19.555 17.195 19.167 16.988 18.914C16.781 18.661 16.467 18.535 16.045 18.535H15.596V21.734H15.94C16.409 21.734 16.752 21.598 16.971 21.326C17.19 21.054 17.299 20.638 17.299 20.078Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M21.443 23H19.923V17.289H23.298V18.527H21.443V19.617H23.154V20.855H21.443V23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5779",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Png = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5695)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M11.9 19.1C11.9 19.7 11.7 20.2 11.3 20.6C10.9 21 10.4 21.1 9.70005 21.1H9.30005V23H7.80005V17.3H9.80005C10.5 17.3 11.1 17.5 11.4 17.8C11.7 18.1 11.9 18.5 11.9 19.1ZM9.30005 19.8H9.60005C9.80005 19.8 10 19.7 10.2 19.6C10.4 19.5 10.4 19.3 10.4 19.1C10.4 18.7 10.2 18.5 9.80005 18.5H9.30005V19.8Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M18.3 23H16.3L14.2 19C14.2 19.6 14.3 20.1 14.3 20.4V23H12.9V17.3H14.9L17 21.3C17 20.7 16.9 20.3 16.9 19.9V17.3H18.3V23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M21.8 19.7H24.3V22.8C23.6 23 22.9 23.1 22.1 23.1C21.2 23.1 20.5 22.8 20.1 22.3C19.7 21.8 19.4 21.1 19.4 20.1C19.4 19.2 19.7 18.5 20.2 17.9C20.7 17.3 21.5 17.1 22.4 17.1C22.8 17.1 23.1 17.1 23.4 17.2C23.7 17.3 24 17.4 24.2 17.5L23.7 18.7C23.3 18.5 22.8 18.4 22.3 18.4C21.8 18.4 21.5 18.5 21.3 18.8C21.1 19.1 20.9 19.5 20.9 20.1C20.9 20.6 21 21 21.2 21.3C21.4 21.6 21.7 21.7 22.2 21.7C22.4 21.7 22.6 21.7 22.8 21.6V20.7H21.8V19.7Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5695",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Ppt = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5713)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M13.2 19.1C13.2 19.7 13 20.2 12.6 20.6C12.2 21 11.7 21.1 11 21.1H10.5V23H9V17.3H11C11.7 17.3 12.3 17.5 12.6 17.8C12.9 18.1 13.2 18.5 13.2 19.1ZM10.5 19.8H10.8C11 19.8 11.2 19.7 11.4 19.6C11.6 19.5 11.6 19.3 11.6 19.1C11.6 18.7 11.4 18.5 11 18.5H10.5V19.8Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M18.1999 19.1C18.1999 19.7 17.9999 20.2 17.5999 20.6C17.1999 21 16.6999 21.1 15.9999 21.1H15.5999V23H14.0999V17.3H16.0999C16.7999 17.3 17.3999 17.5 17.6999 17.8C17.9999 18.1 18.1999 18.5 18.1999 19.1ZM15.5999 19.8H15.8999C16.0999 19.8 16.2999 19.7 16.4999 19.6C16.6999 19.5 16.6999 19.3 16.6999 19.1C16.6999 18.7 16.4999 18.5 16.0999 18.5H15.6999V19.8H15.5999Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M21.6 23H20.1V18.6H18.7V17.3H23V18.6H21.6V23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5713",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Pptx = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5722)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M10.5 19.1C10.5 19.7 10.3 20.2 9.90005 20.6C9.50005 21 9.00005 21.1 8.30005 21.1H7.80005V23H6.30005V17.3H8.30005C9.00005 17.3 9.60005 17.5 9.90005 17.8C10.2 18.1 10.5 18.5 10.5 19.1ZM7.80005 19.8H8.10005C8.30005 19.8 8.50005 19.7 8.70005 19.6C8.90005 19.5 8.90005 19.3 8.90005 19.1C8.90005 18.7 8.70005 18.5 8.30005 18.5H7.80005V19.8Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M15.5 19.1C15.5 19.7 15.3 20.2 14.9 20.6C14.5 21 14 21.1 13.3 21.1H12.9V23H11.4V17.3H13.4C14.1 17.3 14.7 17.5 15 17.8C15.3 18.1 15.5 18.5 15.5 19.1ZM12.9 19.8H13.2C13.4 19.8 13.6 19.7 13.8 19.6C14 19.5 14 19.3 14 19.1C14 18.7 13.8 18.5 13.4 18.5H13V19.8H12.9Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M18.9 23H17.4V18.6H16V17.3H20.3V18.6H18.9V23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M26.3 23H24.5L23.4 21.2L22.3 23H20.6L22.5 20.1L20.7 17.3H22.4L23.4 19.1L24.4 17.3H26.2L24.4 20.2L26.3 23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5722",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Wav = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5824)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M12.9 23H11.1L10.6 20.5C10.6 20.4 10.5 20.2 10.5 19.9C10.5 19.6 10.4 19.3 10.4 19.1C10.4 19.3 10.3 19.5 10.3 19.7C10.3 19.9 10.2 20.2 10.2 20.4C10.2 20.6 9.90005 21.5 9.50005 23H7.70005L6.30005 17.3H7.80005L8.40005 20.2C8.50005 20.8 8.60005 21.3 8.70005 21.7C8.70005 21.4 8.80005 21.1 8.90005 20.6C9.00005 20.1 9.10005 19.8 9.10005 19.5L9.60005 17.3H11L11.5 19.5C11.6 19.8 11.7 20.2 11.8 20.7C11.9 21.2 11.9 21.5 12 21.7C12 21.4 12.1 20.9 12.3 20.2L12.9 17.3H14.4L12.9 23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M18.6 23L18.3 21.9H16.4L16.2 23H14.5L16.4 17.3H18.5L20.4 23H18.6ZM18 20.7L17.8 19.8C17.7 19.6 17.7 19.3 17.6 19C17.5 18.7 17.5 18.4 17.4 18.3C17.4 18.4 17.3 18.7 17.3 19C17.3 19.3 17.1 19.9 16.8 20.8H18V20.7Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M24.1 17.3H25.8L24 23H22.2001L20.3 17.3H22L22.8 20.2C23 20.8 23.0001 21.3 23.1 21.5C23.1 21.3 23.2001 21.1 23.2001 20.8C23.2001 20.5 23.3 20.3 23.3 20.2L24.1 17.3Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5824",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Xls = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5751)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M14.7 23H13L11.9 21.2L10.7 23H9L10.9 20.1L9.1 17.3H10.8L11.8 19.1L12.8 17.3H14.6L12.8 20.2L14.7 23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M15.3999 23V17.3H16.8999V21.8H19.0999V23H15.3999Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M23.8 21.3C23.8 21.7 23.7 22 23.5 22.2C23.3 22.4 23.1 22.7 22.7 22.8C22.3 22.9 22 23 21.5 23C21.1 23 20.8 23 20.5 22.9C20.2 22.8 20 22.8 19.7 22.6V21.2C20 21.4 20.3 21.5 20.6 21.6C20.9 21.7 21.2 21.7 21.5 21.7C21.7 21.7 21.9 21.7 22 21.6C22.1 21.5 22.2 21.4 22.2 21.3C22.2 21.2 22.2 21.2 22.1 21.1C22 21 22 21 21.9 20.9C21.8 20.8 21.6 20.7 21.1 20.5C20.7 20.3 20.4 20.2 20.3 20C20.2 19.8 20 19.7 19.9 19.5C19.8 19.3 19.8 19.1 19.8 18.8C19.8 18.3 20 17.9 20.4 17.6C20.8 17.3 21.3 17.2 22 17.2C22.6 17.2 23.2 17.3 23.8 17.6L23.3 18.8C22.8 18.6 22.3 18.4 21.9 18.4C21.7 18.4 21.6 18.4 21.5 18.5C21.4 18.6 21.4 18.7 21.4 18.8C21.4 18.9 21.5 19 21.6 19.1C21.7 19.2 22 19.3 22.5 19.6C23 19.8 23.3 20.1 23.5 20.3C23.7 20.5 23.8 20.9 23.8 21.3Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5751",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Xlsx = () => {
+  return /* @__PURE__ */ jsxs(Icon, {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ jsxs("g", {
+      clipPath: "url(#clip0_2871_5760)",
+      children: [/* @__PURE__ */ jsx("path", {
+        d: "M20 1V9H28",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M28 13V9L20 1H4V13",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M4 27V31H28V27",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M11.3 23H9.59998L8.49998 21.2L7.29998 23H5.59998L7.49998 20.1L5.69998 17.3H7.39998L8.39998 19.1L9.39998 17.3H11.2L9.39998 20.2L11.3 23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M12 23V17.3H13.5V21.8H15.7V23H12Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M20.4 21.3C20.4 21.7 20.3 22 20.1 22.2C19.9 22.4 19.7 22.7 19.3 22.8C18.9 22.9 18.6 23 18.1 23C17.7 23 17.4 23 17.1 22.9C16.8 22.8 16.6 22.8 16.3 22.6V21.2C16.6 21.4 16.9001 21.5 17.2001 21.6C17.5001 21.7 17.8001 21.7 18.1 21.7C18.3001 21.7 18.5001 21.7 18.6 21.6C18.7 21.5 18.8 21.4 18.8 21.3C18.8 21.2 18.8001 21.2 18.7001 21.1C18.6001 21 18.6 21 18.5 20.9C18.4 20.8 18.2001 20.7 17.7001 20.5C17.3001 20.3 17 20.2 16.9 20C16.8 19.8 16.6 19.7 16.5 19.5C16.4 19.3 16.4 19.1 16.4 18.8C16.4 18.3 16.6 17.9 17 17.6C17.4 17.3 17.9 17.2 18.6 17.2C19.2 17.2 19.8 17.3 20.4 17.6L19.9 18.8C19.4 18.6 18.9 18.4 18.5 18.4C18.3 18.4 18.2 18.4 18.1 18.5C18 18.6 18 18.7 18 18.8C18 18.9 18.1001 19 18.2001 19.1C18.3001 19.2 18.6 19.3 19.1 19.6C19.6 19.8 19.9 20.1 20.1 20.3C20.3 20.5 20.4 20.9 20.4 21.3Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M26.4 23H24.6L23.5 21.2L22.4 23H20.7L22.6 20.1L20.7999 17.3H22.5L23.5 19.1L24.5 17.3H26.2999L24.5 20.2L26.4 23Z",
+        fill: "#B0CFE0"
+      }), /* @__PURE__ */ jsx("path", {
+        d: "M31 13H1V27H31V13Z",
+        stroke: "#B0CFE0",
+        strokeWidth: "2",
+        strokeMiterlimit: "10",
+        strokeLinecap: "square"
+      })]
+    }), /* @__PURE__ */ jsx("defs", {
+      children: /* @__PURE__ */ jsx("clipPath", {
+        id: "clip0_2871_5760",
+        children: /* @__PURE__ */ jsx("rect", {
+          width: "32",
+          height: "32",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+const Resources = ({
+  id: id2,
+  resourceType,
+  resourceTitle,
+  resourceDetail,
+  resourceTextDownload,
+  resourceLink,
+  resourceNameFile
+}) => {
+  return /* @__PURE__ */ jsxs(Box, {
+    width: "285px",
+    height: "147px",
+    borderRadius: "8px",
+    border: "1px",
+    borderColor: vars("colors-neutral-platinum"),
+    justifyContent: "center",
+    textAlign: "center",
+    display: "grid",
+    gap: "8px",
+    padding: 4,
+    children: [/* @__PURE__ */ jsx(Box, {
+      children: /* @__PURE__ */ jsx(Icons, {
+        type: resourceType
+      })
+    }), /* @__PURE__ */ jsx(Box, {
+      children: /* @__PURE__ */ jsx(Text, {
+        fontFamily: "Roboto",
+        fontWeight: "700",
+        lineHeight: "21px",
+        fontSize: "16px",
+        color: "#555555",
+        children: resourceTitle
+      })
+    }), /* @__PURE__ */ jsx(Box, {
+      children: /* @__PURE__ */ jsx(Text, {
+        fontFamily: "Roboto",
+        fontWeight: "400",
+        lineHeight: "14px",
+        fontSize: "12px",
+        color: "#555555",
+        children: resourceDetail
+      })
+    }), /* @__PURE__ */ jsx(Box, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      children: /* @__PURE__ */ jsxs(Link, {
+        href: resourceLink,
+        fontFamily: "Roboto",
+        fontWeight: "500",
+        fontSize: "14px",
+        lineHeight: "16px",
+        color: vars("colors-neutral-gray"),
+        download: resourceNameFile,
+        textDecoration: "underline",
+        gap: "8px",
+        display: "flex",
+        children: [/* @__PURE__ */ jsx(Download, {
+          color: vars("colors-main-deepSkyBlue")
+        }), resourceTextDownload]
+      })
+    })]
+  });
+};
+export { Alert, Btn, BtnLink, BtnPrimary, BtnSecondary, BtnTertiary, CourseList, CourseStatus, Events, FlashNotification, index as Icons, Label, ModalAlert, NewTooltip, Progress, Resources, Ripples, TinyAlert, dataFake, maxWidthCoursesList, theme, useFlashNotification, vars };
 //# sourceMappingURL=eclass-ui-kit.es.js.map