@eclass/ui-kit 1.42.1 → 1.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/eclass-ui-kit.es.js +1275 -1
  2. package/dist/eclass-ui-kit.es.js.map +1 -1
  3. package/dist/eclass-ui-kit.umd.js +49 -49
  4. package/dist/eclass-ui-kit.umd.js.map +1 -1
  5. package/dist/organisms/Events/Eventos.d.ts +3 -0
  6. package/dist/organisms/Events/EventsTypes.d.ts +17 -0
  7. package/dist/organisms/Events/Icons/Calendar.d.ts +6 -0
  8. package/dist/organisms/Events/Icons/Clock.d.ts +6 -0
  9. package/dist/organisms/Events/Icons/index.d.ts +2 -0
  10. package/dist/organisms/Events/TypeBox/LargeBox.d.ts +3 -0
  11. package/dist/organisms/Events/TypeBox/SmallBox.d.ts +3 -0
  12. package/dist/organisms/Events/TypeBox/index.d.ts +2 -0
  13. package/dist/organisms/Events/index.d.ts +1 -0
  14. package/dist/organisms/Resources/Icons/Avi.d.ts +2 -0
  15. package/dist/organisms/Resources/Icons/Csv.d.ts +2 -0
  16. package/dist/organisms/Resources/Icons/Doc.d.ts +2 -0
  17. package/dist/organisms/Resources/Icons/Docx.d.ts +2 -0
  18. package/dist/organisms/Resources/Icons/Gif.d.ts +2 -0
  19. package/dist/organisms/Resources/Icons/Icons.d.ts +6 -0
  20. package/dist/organisms/Resources/Icons/Jpeg.d.ts +2 -0
  21. package/dist/organisms/Resources/Icons/Jpg.d.ts +2 -0
  22. package/dist/organisms/Resources/Icons/Mkv.d.ts +2 -0
  23. package/dist/organisms/Resources/Icons/Mp3.d.ts +2 -0
  24. package/dist/organisms/Resources/Icons/Mp4.d.ts +2 -0
  25. package/dist/organisms/Resources/Icons/Pdf.d.ts +2 -0
  26. package/dist/organisms/Resources/Icons/Png.d.ts +2 -0
  27. package/dist/organisms/Resources/Icons/Ppt.d.ts +2 -0
  28. package/dist/organisms/Resources/Icons/Pptx.d.ts +2 -0
  29. package/dist/organisms/Resources/Icons/Wav.d.ts +2 -0
  30. package/dist/organisms/Resources/Icons/Xls.d.ts +2 -0
  31. package/dist/organisms/Resources/Icons/Xlsx.d.ts +2 -0
  32. package/dist/organisms/Resources/Icons/index.d.ts +18 -0
  33. package/dist/organisms/Resources/Resources.d.ts +12 -0
  34. package/dist/organisms/Resources/index.d.ts +1 -0
  35. package/dist/organisms/index.d.ts +2 -0
  36. package/dist/tsconfig.types.tsbuildinfo +1 -1
  37. package/package.json +1 -1
@@ -31983,5 +31983,1279 @@ function ModalAlert({
31983
31983
  });
31984
31984
  }
31985
31985
  ModalAlert.displayName = "ModalAlert";
31986
- export { Alert, Btn, BtnLink, BtnPrimary, BtnSecondary, BtnTertiary, CourseList, CourseStatus, FlashNotification, index as Icons, Label, ModalAlert, NewTooltip, Progress, Ripples, TinyAlert, dataFake, maxWidthCoursesList, theme, useFlashNotification, vars };
31986
+ const Calendar = ({
31987
+ color: color2 = "white"
31988
+ }) => {
31989
+ return /* @__PURE__ */ jsxs(Icon, {
31990
+ width: "16px",
31991
+ height: "17px",
31992
+ viewBox: "0 0 16 17",
31993
+ fill: "none",
31994
+ xmlns: "http://www.w3.org/2000/svg",
31995
+ children: [/* @__PURE__ */ jsx("path", {
31996
+ d: "M15 2.5H13V0.5H11V2.5H9V0.5H7V2.5H5V0.5H3V2.5H1C0.447 2.5 0 2.947 0 3.5V15.5C0 16.053 0.447 16.5 1 16.5H15C15.553 16.5 16 16.053 16 15.5V3.5C16 2.947 15.553 2.5 15 2.5ZM14 14.5H2V5.5H14V14.5Z",
31997
+ fill: color2
31998
+ }), /* @__PURE__ */ jsx("path", {
31999
+ d: "M6 7.5H4V9.5H6V7.5Z",
32000
+ fill: color2
32001
+ }), /* @__PURE__ */ jsx("path", {
32002
+ d: "M9 7.5H7V9.5H9V7.5Z",
32003
+ fill: color2
32004
+ }), /* @__PURE__ */ jsx("path", {
32005
+ d: "M6 10.5H4V12.5H6V10.5Z",
32006
+ fill: color2
32007
+ }), /* @__PURE__ */ jsx("path", {
32008
+ d: "M9 10.5H7V12.5H9V10.5Z",
32009
+ fill: color2
32010
+ }), /* @__PURE__ */ jsx("path", {
32011
+ d: "M12 7.5H10V9.5H12V7.5Z",
32012
+ fill: color2
32013
+ }), /* @__PURE__ */ jsx("path", {
32014
+ d: "M12 10.5H10V12.5H12V10.5Z",
32015
+ fill: color2
32016
+ })]
32017
+ });
32018
+ };
32019
+ const Clock = ({
32020
+ color: color2 = "white"
32021
+ }) => {
32022
+ return /* @__PURE__ */ jsx(Icon, {
32023
+ width: "16px",
32024
+ height: "17px",
32025
+ viewBox: "0 0 16 17",
32026
+ fill: "none",
32027
+ xmlns: "http://www.w3.org/2000/svg",
32028
+ children: /* @__PURE__ */ jsx("path", {
32029
+ fillRule: "evenodd",
32030
+ clipRule: "evenodd",
32031
+ d: "M0 8.5C0 4.1 3.6 0.5 8 0.5C12.4 0.5 16 4.1 16 8.5C16 12.9 12.4 16.5 8 16.5C3.6 16.5 0 12.9 0 8.5ZM7 9.5H12V7.5H9V4.5H7V9.5Z",
32032
+ fill: color2
32033
+ })
32034
+ });
32035
+ };
32036
+ const LargeBox = ({
32037
+ id: id2,
32038
+ eventTitle,
32039
+ startDate,
32040
+ startTime,
32041
+ buttonInfo,
32042
+ redirect,
32043
+ eventImage,
32044
+ targetBlank,
32045
+ isMobile
32046
+ }) => {
32047
+ return /* @__PURE__ */ jsx(Link, {
32048
+ href: redirect,
32049
+ _hover: {
32050
+ textDecoration: "none"
32051
+ },
32052
+ target: targetBlank ? "_blank" : "_self",
32053
+ rel: targetBlank ? "noopener noreferrer" : void 0,
32054
+ display: "inline-block",
32055
+ children: /* @__PURE__ */ jsxs(Flex, {
32056
+ cursor: "pointer",
32057
+ transition: "box-shadow 0.3s ease-in-out",
32058
+ _hover: {
32059
+ shadow: "sm"
32060
+ },
32061
+ w: "fit-content",
32062
+ borderRadius: "8px",
32063
+ display: isMobile ? "block" : "flex",
32064
+ children: [/* @__PURE__ */ jsx(Box, {
32065
+ width: "285px",
32066
+ height: isMobile ? "140px" : "168px",
32067
+ bgImage: `linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%), url(${eventImage})`,
32068
+ backgroundSize: "cover",
32069
+ borderRadius: isMobile ? "8px 8px 0px 0px" : "8px 0 0 8px"
32070
+ }), /* @__PURE__ */ jsxs(Box, {
32071
+ width: isMobile ? "285px" : "305px",
32072
+ minHeight: isMobile ? "160px" : "168px",
32073
+ borderRadius: isMobile ? "0 0 8px 8px" : "0 8px 8px 0",
32074
+ border: "1px",
32075
+ borderColor: vars("colors-neutral-platinum"),
32076
+ display: "flex",
32077
+ flexDirection: "column",
32078
+ cursor: "pointer",
32079
+ children: [/* @__PURE__ */ jsxs(Box, {
32080
+ width: "inherit",
32081
+ height: "100%",
32082
+ padding: "4",
32083
+ color: "#555555",
32084
+ gap: "16px",
32085
+ display: "grid",
32086
+ children: [/* @__PURE__ */ jsx(Text, {
32087
+ fontWeight: "700",
32088
+ children: eventTitle
32089
+ }), /* @__PURE__ */ jsxs(Box, {
32090
+ display: "flex",
32091
+ alignItems: "center",
32092
+ gap: "4px",
32093
+ children: [/* @__PURE__ */ jsx(Calendar, {
32094
+ color: vars("colors-main-ziggurat")
32095
+ }), /* @__PURE__ */ jsx(Text, {
32096
+ fontWeight: "400",
32097
+ children: startDate
32098
+ }), /* @__PURE__ */ jsx(Text, {
32099
+ color: vars("colors-neutral-platinum"),
32100
+ children: "|"
32101
+ }), /* @__PURE__ */ jsx(Clock, {
32102
+ color: vars("colors-main-ziggurat")
32103
+ }), /* @__PURE__ */ jsx(Text, {
32104
+ children: startTime
32105
+ })]
32106
+ })]
32107
+ }), /* @__PURE__ */ jsx(Box, {
32108
+ borderTop: `1px solid ${vars("colors-neutral-platinum")}`,
32109
+ width: "100%",
32110
+ height: "50px",
32111
+ padding: "12px",
32112
+ backgroundColor: "white",
32113
+ alignItems: "center",
32114
+ display: "flex",
32115
+ justifyContent: "center",
32116
+ borderRadius: " 0 0 8px 8px",
32117
+ fontSize: "16px",
32118
+ fontFamily: "Roboto",
32119
+ color: vars("colors-main-deepSkyBlue"),
32120
+ fontWeight: "500",
32121
+ children: buttonInfo
32122
+ })]
32123
+ })]
32124
+ })
32125
+ }, id2);
32126
+ };
32127
+ const SmallBox = ({
32128
+ id: id2,
32129
+ eventTitle,
32130
+ startDate,
32131
+ startTime,
32132
+ buttonInfo,
32133
+ redirect,
32134
+ eventImage,
32135
+ targetBlank
32136
+ }) => {
32137
+ return /* @__PURE__ */ jsx(Link, {
32138
+ href: redirect,
32139
+ _hover: {
32140
+ textDecoration: "none"
32141
+ },
32142
+ target: targetBlank ? "_blank" : "_self",
32143
+ rel: targetBlank ? "noopener noreferrer" : void 0,
32144
+ display: "inline-block",
32145
+ children: /* @__PURE__ */ jsxs(Box, {
32146
+ width: "286px",
32147
+ height: "247px",
32148
+ borderRadius: "8px",
32149
+ border: "1px",
32150
+ borderColor: vars("colors-neutral-platinum"),
32151
+ justifyContent: "center",
32152
+ textAlign: "center",
32153
+ display: "flex",
32154
+ flexDirection: "column",
32155
+ cursor: "pointer",
32156
+ transition: "box-shadow 0.3s ease-in-out",
32157
+ _hover: {
32158
+ shadow: "sm"
32159
+ },
32160
+ children: [/* @__PURE__ */ jsx(Box, {
32161
+ flex: "1",
32162
+ bgImage: `linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%), url(${eventImage})`,
32163
+ backgroundSize: "cover",
32164
+ borderRadius: "8px 8px 0 0",
32165
+ margin: "0",
32166
+ display: "grid",
32167
+ alignItems: "flex-end",
32168
+ children: /* @__PURE__ */ jsxs(Box, {
32169
+ color: vars("colors-neutral-white"),
32170
+ padding: "16px",
32171
+ textAlign: "initial",
32172
+ fontFamily: "Roboto",
32173
+ fontSize: "16px",
32174
+ lineHeight: "21px",
32175
+ display: "grid",
32176
+ gap: "8px",
32177
+ children: [/* @__PURE__ */ jsx(Text, {
32178
+ fontWeight: "700",
32179
+ children: eventTitle
32180
+ }), /* @__PURE__ */ jsxs(Box, {
32181
+ display: "flex",
32182
+ alignItems: "center",
32183
+ gap: "4px",
32184
+ children: [/* @__PURE__ */ jsx(Calendar, {}), /* @__PURE__ */ jsx(Text, {
32185
+ fontWeight: "400",
32186
+ children: startDate
32187
+ }), /* @__PURE__ */ jsx(Text, {
32188
+ children: "|"
32189
+ }), /* @__PURE__ */ jsx(Clock, {}), /* @__PURE__ */ jsx(Text, {
32190
+ children: startTime
32191
+ })]
32192
+ })]
32193
+ })
32194
+ }), /* @__PURE__ */ jsx(Box, {
32195
+ width: "100%",
32196
+ height: "50px",
32197
+ backgroundColor: "white",
32198
+ alignItems: "center",
32199
+ display: "flex",
32200
+ justifyContent: "center",
32201
+ borderRadius: " 0 0 8px 8px",
32202
+ fontSize: "16px",
32203
+ fontFamily: "Roboto",
32204
+ color: vars("colors-main-deepSkyBlue"),
32205
+ fontWeight: "500",
32206
+ children: buttonInfo
32207
+ })]
32208
+ })
32209
+ }, id2);
32210
+ };
32211
+ const Eventos = ({
32212
+ typeEvent,
32213
+ itemsEvent
32214
+ }) => {
32215
+ if (typeEvent === "LARGE_EVENTS") {
32216
+ return /* @__PURE__ */ jsx(LargeBox, {
32217
+ ...itemsEvent
32218
+ });
32219
+ } else {
32220
+ return /* @__PURE__ */ jsx(SmallBox, {
32221
+ ...itemsEvent
32222
+ });
32223
+ }
32224
+ };
32225
+ const Avi = () => {
32226
+ return /* @__PURE__ */ jsxs(Icon, {
32227
+ width: "32px",
32228
+ height: "32px",
32229
+ viewBox: "0 0 32 32",
32230
+ fill: "none",
32231
+ xmlns: "http://www.w3.org/2000/svg",
32232
+ children: [/* @__PURE__ */ jsxs("g", {
32233
+ clipPath: "url(#clip0_2871_5797)",
32234
+ children: [/* @__PURE__ */ jsx("path", {
32235
+ d: "M20 1V9H28",
32236
+ stroke: "#B0CFE0",
32237
+ strokeWidth: "2",
32238
+ strokeMiterlimit: "10"
32239
+ }), /* @__PURE__ */ jsx("path", {
32240
+ d: "M28 13V9L20 1H4V13",
32241
+ stroke: "#B0CFE0",
32242
+ strokeWidth: "2",
32243
+ strokeMiterlimit: "10",
32244
+ strokeLinecap: "square"
32245
+ }), /* @__PURE__ */ jsx("path", {
32246
+ d: "M4 27V31H28V27",
32247
+ stroke: "#B0CFE0",
32248
+ strokeWidth: "2",
32249
+ strokeMiterlimit: "10",
32250
+ strokeLinecap: "square"
32251
+ }), /* @__PURE__ */ jsx("path", {
32252
+ 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",
32253
+ fill: "#B0CFE0"
32254
+ }), /* @__PURE__ */ jsx("path", {
32255
+ 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",
32256
+ fill: "#B0CFE0"
32257
+ }), /* @__PURE__ */ jsx("path", {
32258
+ d: "M20.9 23V17.3H22.5V23H20.9Z",
32259
+ fill: "#B0CFE0"
32260
+ }), /* @__PURE__ */ jsx("path", {
32261
+ d: "M31 13H1V27H31V13Z",
32262
+ stroke: "#B0CFE0",
32263
+ strokeWidth: "2",
32264
+ strokeMiterlimit: "10",
32265
+ strokeLinecap: "square"
32266
+ })]
32267
+ }), /* @__PURE__ */ jsx("defs", {
32268
+ children: /* @__PURE__ */ jsx("clipPath", {
32269
+ id: "clip0_2871_5797",
32270
+ children: /* @__PURE__ */ jsx("rect", {
32271
+ width: "32",
32272
+ height: "32",
32273
+ fill: "white"
32274
+ })
32275
+ })
32276
+ })]
32277
+ });
32278
+ };
32279
+ const Csv = () => {
32280
+ return /* @__PURE__ */ jsxs(Icon, {
32281
+ width: "32px",
32282
+ height: "32px",
32283
+ viewBox: "0 0 32 32",
32284
+ fill: "none",
32285
+ xmlns: "http://www.w3.org/2000/svg",
32286
+ children: [/* @__PURE__ */ jsxs("g", {
32287
+ clipPath: "url(#clip0_2871_5770)",
32288
+ children: [/* @__PURE__ */ jsx("path", {
32289
+ d: "M20 1V9H28",
32290
+ stroke: "#B0CFE0",
32291
+ strokeWidth: "2",
32292
+ strokeMiterlimit: "10"
32293
+ }), /* @__PURE__ */ jsx("path", {
32294
+ d: "M28 13V9L20 1H4V13",
32295
+ stroke: "#B0CFE0",
32296
+ strokeWidth: "2",
32297
+ strokeMiterlimit: "10",
32298
+ strokeLinecap: "square"
32299
+ }), /* @__PURE__ */ jsx("path", {
32300
+ d: "M4 27V31H28V27",
32301
+ stroke: "#B0CFE0",
32302
+ strokeWidth: "2",
32303
+ strokeMiterlimit: "10",
32304
+ strokeLinecap: "square"
32305
+ }), /* @__PURE__ */ jsx("path", {
32306
+ 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",
32307
+ fill: "#B0CFE0"
32308
+ }), /* @__PURE__ */ jsx("path", {
32309
+ 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",
32310
+ fill: "#B0CFE0"
32311
+ }), /* @__PURE__ */ jsx("path", {
32312
+ 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",
32313
+ fill: "#B0CFE0"
32314
+ }), /* @__PURE__ */ jsx("path", {
32315
+ d: "M31 13H1V27H31V13Z",
32316
+ stroke: "#B0CFE0",
32317
+ strokeWidth: "2",
32318
+ strokeMiterlimit: "10",
32319
+ strokeLinecap: "square"
32320
+ })]
32321
+ }), /* @__PURE__ */ jsx("defs", {
32322
+ children: /* @__PURE__ */ jsx("clipPath", {
32323
+ id: "clip0_2871_5770",
32324
+ children: /* @__PURE__ */ jsx("rect", {
32325
+ width: "32",
32326
+ height: "32",
32327
+ fill: "white"
32328
+ })
32329
+ })
32330
+ })]
32331
+ });
32332
+ };
32333
+ const Doc = () => {
32334
+ return /* @__PURE__ */ jsxs(Icon, {
32335
+ width: "32px",
32336
+ height: "32px",
32337
+ viewBox: "0 0 32 32",
32338
+ fill: "none",
32339
+ xmlns: "http://www.w3.org/2000/svg",
32340
+ children: [/* @__PURE__ */ jsxs("g", {
32341
+ clipPath: "url(#clip0_2871_5732)",
32342
+ children: [/* @__PURE__ */ jsx("path", {
32343
+ d: "M20 1V9H28",
32344
+ stroke: "#B0CFE0",
32345
+ strokeWidth: "2",
32346
+ strokeMiterlimit: "10"
32347
+ }), /* @__PURE__ */ jsx("path", {
32348
+ d: "M28 13V9L20 1H4V13",
32349
+ stroke: "#B0CFE0",
32350
+ strokeWidth: "2",
32351
+ strokeMiterlimit: "10",
32352
+ strokeLinecap: "square"
32353
+ }), /* @__PURE__ */ jsx("path", {
32354
+ d: "M4 27V31H28V27",
32355
+ stroke: "#B0CFE0",
32356
+ strokeWidth: "2",
32357
+ strokeMiterlimit: "10",
32358
+ strokeLinecap: "square"
32359
+ }), /* @__PURE__ */ jsx("path", {
32360
+ 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",
32361
+ fill: "#B0CFE0"
32362
+ }), /* @__PURE__ */ jsx("path", {
32363
+ 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",
32364
+ fill: "#B0CFE0"
32365
+ }), /* @__PURE__ */ jsx("path", {
32366
+ 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",
32367
+ fill: "#B0CFE0"
32368
+ }), /* @__PURE__ */ jsx("path", {
32369
+ d: "M31 13H1V27H31V13Z",
32370
+ stroke: "#B0CFE0",
32371
+ strokeWidth: "2",
32372
+ strokeMiterlimit: "10",
32373
+ strokeLinecap: "square"
32374
+ })]
32375
+ }), /* @__PURE__ */ jsx("defs", {
32376
+ children: /* @__PURE__ */ jsx("clipPath", {
32377
+ id: "clip0_2871_5732",
32378
+ children: /* @__PURE__ */ jsx("rect", {
32379
+ width: "32",
32380
+ height: "32",
32381
+ fill: "white"
32382
+ })
32383
+ })
32384
+ })]
32385
+ });
32386
+ };
32387
+ const Docx = () => {
32388
+ return /* @__PURE__ */ jsxs(Icon, {
32389
+ width: "32px",
32390
+ height: "32px",
32391
+ viewBox: "0 0 32 32",
32392
+ fill: "none",
32393
+ xmlns: "http://www.w3.org/2000/svg",
32394
+ children: [/* @__PURE__ */ jsxs("g", {
32395
+ clipPath: "url(#clip0_2871_5741)",
32396
+ children: [/* @__PURE__ */ jsx("path", {
32397
+ d: "M20 1V9H28",
32398
+ stroke: "#B0CFE0",
32399
+ strokeWidth: "2",
32400
+ strokeMiterlimit: "10"
32401
+ }), /* @__PURE__ */ jsx("path", {
32402
+ d: "M28 13V9L20 1H4V13",
32403
+ stroke: "#B0CFE0",
32404
+ strokeWidth: "2",
32405
+ strokeMiterlimit: "10",
32406
+ strokeLinecap: "square"
32407
+ }), /* @__PURE__ */ jsx("path", {
32408
+ d: "M4 27V31H28V27",
32409
+ stroke: "#B0CFE0",
32410
+ strokeWidth: "2",
32411
+ strokeMiterlimit: "10",
32412
+ strokeLinecap: "square"
32413
+ }), /* @__PURE__ */ jsx("path", {
32414
+ 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",
32415
+ fill: "#B0CFE0"
32416
+ }), /* @__PURE__ */ jsx("path", {
32417
+ 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",
32418
+ fill: "#B0CFE0"
32419
+ }), /* @__PURE__ */ jsx("path", {
32420
+ 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",
32421
+ fill: "#B0CFE0"
32422
+ }), /* @__PURE__ */ jsx("path", {
32423
+ 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",
32424
+ fill: "#B0CFE0"
32425
+ }), /* @__PURE__ */ jsx("path", {
32426
+ d: "M31 13H1V27H31V13Z",
32427
+ stroke: "#B0CFE0",
32428
+ strokeWidth: "2",
32429
+ strokeMiterlimit: "10",
32430
+ strokeLinecap: "square"
32431
+ })]
32432
+ }), /* @__PURE__ */ jsx("defs", {
32433
+ children: /* @__PURE__ */ jsx("clipPath", {
32434
+ id: "clip0_2871_5741",
32435
+ children: /* @__PURE__ */ jsx("rect", {
32436
+ width: "32",
32437
+ height: "32",
32438
+ fill: "white"
32439
+ })
32440
+ })
32441
+ })]
32442
+ });
32443
+ };
32444
+ const Gif = () => {
32445
+ return /* @__PURE__ */ jsxs(Icon, {
32446
+ width: "32px",
32447
+ height: "32px",
32448
+ viewBox: "0 0 32 32",
32449
+ fill: "none",
32450
+ xmlns: "http://www.w3.org/2000/svg",
32451
+ children: [/* @__PURE__ */ jsxs("g", {
32452
+ clipPath: "url(#clip0_2871_5704)",
32453
+ children: [/* @__PURE__ */ jsx("path", {
32454
+ d: "M20 1V9H28",
32455
+ stroke: "#B0CFE0",
32456
+ strokeWidth: "2",
32457
+ strokeMiterlimit: "10"
32458
+ }), /* @__PURE__ */ jsx("path", {
32459
+ d: "M28 13V9L20 1H4V13",
32460
+ stroke: "#B0CFE0",
32461
+ strokeWidth: "2",
32462
+ strokeMiterlimit: "10",
32463
+ strokeLinecap: "square"
32464
+ }), /* @__PURE__ */ jsx("path", {
32465
+ d: "M4 27V31H28V27",
32466
+ stroke: "#B0CFE0",
32467
+ strokeWidth: "2",
32468
+ strokeMiterlimit: "10",
32469
+ strokeLinecap: "square"
32470
+ }), /* @__PURE__ */ jsx("path", {
32471
+ 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",
32472
+ fill: "#B0CFE0"
32473
+ }), /* @__PURE__ */ jsx("path", {
32474
+ d: "M16 23V17.3H17.6V23H16Z",
32475
+ fill: "#B0CFE0"
32476
+ }), /* @__PURE__ */ jsx("path", {
32477
+ d: "M20.3 23H18.8V17.3H22.2001V18.5H20.3V19.6H22V20.8H20.3V23Z",
32478
+ fill: "#B0CFE0"
32479
+ }), /* @__PURE__ */ jsx("path", {
32480
+ d: "M31 13H1V27H31V13Z",
32481
+ stroke: "#B0CFE0",
32482
+ strokeWidth: "2",
32483
+ strokeMiterlimit: "10",
32484
+ strokeLinecap: "square"
32485
+ })]
32486
+ }), /* @__PURE__ */ jsx("defs", {
32487
+ children: /* @__PURE__ */ jsx("clipPath", {
32488
+ id: "clip0_2871_5704",
32489
+ children: /* @__PURE__ */ jsx("rect", {
32490
+ width: "32",
32491
+ height: "32",
32492
+ fill: "white"
32493
+ })
32494
+ })
32495
+ })]
32496
+ });
32497
+ };
32498
+ const Icons = ({
32499
+ type
32500
+ }) => {
32501
+ switch (type) {
32502
+ case "avi":
32503
+ return /* @__PURE__ */ jsx(Avi, {});
32504
+ case "csv":
32505
+ return /* @__PURE__ */ jsx(Csv, {});
32506
+ case "doc":
32507
+ return /* @__PURE__ */ jsx(Doc, {});
32508
+ case "docx":
32509
+ return /* @__PURE__ */ jsx(Docx, {});
32510
+ case "gif":
32511
+ return /* @__PURE__ */ jsx(Gif, {});
32512
+ case "jpeg":
32513
+ return /* @__PURE__ */ jsx(Jpeg, {});
32514
+ case "jpg":
32515
+ return /* @__PURE__ */ jsx(Jpg, {});
32516
+ case "png":
32517
+ return /* @__PURE__ */ jsx(Png, {});
32518
+ case "pdf":
32519
+ return /* @__PURE__ */ jsx(Pdf, {});
32520
+ case "ppt":
32521
+ return /* @__PURE__ */ jsx(Ppt, {});
32522
+ case "pptx":
32523
+ return /* @__PURE__ */ jsx(Pptx, {});
32524
+ case "xls":
32525
+ return /* @__PURE__ */ jsx(Xls, {});
32526
+ case "xlsx":
32527
+ return /* @__PURE__ */ jsx(Xlsx, {});
32528
+ case "mp3":
32529
+ return /* @__PURE__ */ jsx(Mp3, {});
32530
+ case "wav":
32531
+ return /* @__PURE__ */ jsx(Wav, {});
32532
+ case "mp4":
32533
+ return /* @__PURE__ */ jsx(Mp4, {});
32534
+ case "mkv":
32535
+ return /* @__PURE__ */ jsx(Mkv, {});
32536
+ default:
32537
+ return null;
32538
+ }
32539
+ };
32540
+ const Jpeg = () => {
32541
+ return /* @__PURE__ */ jsxs(Icon, {
32542
+ width: "32px",
32543
+ height: "32px",
32544
+ viewBox: "0 0 32 32",
32545
+ fill: "none",
32546
+ xmlns: "http://www.w3.org/2000/svg",
32547
+ children: [/* @__PURE__ */ jsxs("g", {
32548
+ clipPath: "url(#clip0_2871_5685)",
32549
+ children: [/* @__PURE__ */ jsx("path", {
32550
+ d: "M20 1V9H28",
32551
+ stroke: "#B0CFE0",
32552
+ strokeWidth: "2",
32553
+ strokeMiterlimit: "10"
32554
+ }), /* @__PURE__ */ jsx("path", {
32555
+ d: "M28 13V9L20 1H4V13",
32556
+ stroke: "#B0CFE0",
32557
+ strokeWidth: "2",
32558
+ strokeMiterlimit: "10",
32559
+ strokeLinecap: "square"
32560
+ }), /* @__PURE__ */ jsx("path", {
32561
+ d: "M4 27V31H28V27",
32562
+ stroke: "#B0CFE0",
32563
+ strokeWidth: "2",
32564
+ strokeMiterlimit: "10",
32565
+ strokeLinecap: "square"
32566
+ }), /* @__PURE__ */ jsx("path", {
32567
+ 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",
32568
+ fill: "#B0CFE0"
32569
+ }), /* @__PURE__ */ jsx("path", {
32570
+ 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",
32571
+ fill: "#B0CFE0"
32572
+ }), /* @__PURE__ */ jsx("path", {
32573
+ 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",
32574
+ fill: "#B0CFE0"
32575
+ }), /* @__PURE__ */ jsx("path", {
32576
+ d: "M19.4 23H16V17.3H19.4V18.5H17.6V19.4H19.3V20.6H17.6V21.7H19.4V23Z",
32577
+ fill: "#B0CFE0"
32578
+ }), /* @__PURE__ */ jsx("path", {
32579
+ d: "M31 13H1V27H31V13Z",
32580
+ stroke: "#B0CFE0",
32581
+ strokeWidth: "2",
32582
+ strokeMiterlimit: "10",
32583
+ strokeLinecap: "square"
32584
+ })]
32585
+ }), /* @__PURE__ */ jsx("defs", {
32586
+ children: /* @__PURE__ */ jsx("clipPath", {
32587
+ id: "clip0_2871_5685",
32588
+ children: /* @__PURE__ */ jsx("rect", {
32589
+ width: "32",
32590
+ height: "32",
32591
+ fill: "white"
32592
+ })
32593
+ })
32594
+ })]
32595
+ });
32596
+ };
32597
+ const Jpg = () => {
32598
+ return /* @__PURE__ */ jsxs(Icon, {
32599
+ width: "32px",
32600
+ height: "32px",
32601
+ viewBox: "0 0 32 32",
32602
+ fill: "none",
32603
+ xmlns: "http://www.w3.org/2000/svg",
32604
+ children: [/* @__PURE__ */ jsx("path", {
32605
+ d: "M20 1V9H28",
32606
+ stroke: "#B0CFE0",
32607
+ strokeWidth: "2",
32608
+ strokeMiterlimit: "10"
32609
+ }), /* @__PURE__ */ jsx("path", {
32610
+ d: "M28 13V9L20 1H4V13",
32611
+ stroke: "#B0CFE0",
32612
+ strokeWidth: "2",
32613
+ strokeMiterlimit: "10",
32614
+ strokeLinecap: "square"
32615
+ }), /* @__PURE__ */ jsx("path", {
32616
+ d: "M4 27V31H28V27",
32617
+ stroke: "#B0CFE0",
32618
+ strokeWidth: "2",
32619
+ strokeMiterlimit: "10",
32620
+ strokeLinecap: "square"
32621
+ }), /* @__PURE__ */ jsx("path", {
32622
+ 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",
32623
+ fill: "#B0CFE0"
32624
+ }), /* @__PURE__ */ jsx("path", {
32625
+ 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",
32626
+ fill: "#B0CFE0"
32627
+ }), /* @__PURE__ */ jsx("path", {
32628
+ 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",
32629
+ fill: "#B0CFE0"
32630
+ }), /* @__PURE__ */ jsx("path", {
32631
+ d: "M31 13H1V27H31V13Z",
32632
+ stroke: "#B0CFE0",
32633
+ strokeWidth: "2",
32634
+ strokeMiterlimit: "10",
32635
+ strokeLinecap: "square"
32636
+ })]
32637
+ });
32638
+ };
32639
+ const Mkv = () => {
32640
+ return /* @__PURE__ */ jsxs(Icon, {
32641
+ width: "32px",
32642
+ height: "32px",
32643
+ viewBox: "0 0 32 32",
32644
+ fill: "none",
32645
+ xmlns: "http://www.w3.org/2000/svg",
32646
+ children: [/* @__PURE__ */ jsxs("g", {
32647
+ clipPath: "url(#clip0_2871_5806)",
32648
+ children: [/* @__PURE__ */ jsx("path", {
32649
+ d: "M20 1V9H28",
32650
+ stroke: "#B0CFE0",
32651
+ strokeWidth: "2",
32652
+ strokeMiterlimit: "10"
32653
+ }), /* @__PURE__ */ jsx("path", {
32654
+ d: "M28 13V9L20 1H4V13",
32655
+ stroke: "#B0CFE0",
32656
+ strokeWidth: "2",
32657
+ strokeMiterlimit: "10",
32658
+ strokeLinecap: "square"
32659
+ }), /* @__PURE__ */ jsx("path", {
32660
+ d: "M4 27V31H28V27",
32661
+ stroke: "#B0CFE0",
32662
+ strokeWidth: "2",
32663
+ strokeMiterlimit: "10",
32664
+ strokeLinecap: "square"
32665
+ }), /* @__PURE__ */ jsx("path", {
32666
+ 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",
32667
+ fill: "#B0CFE0"
32668
+ }), /* @__PURE__ */ jsx("path", {
32669
+ 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",
32670
+ fill: "#B0CFE0"
32671
+ }), /* @__PURE__ */ jsx("path", {
32672
+ 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",
32673
+ fill: "#B0CFE0"
32674
+ }), /* @__PURE__ */ jsx("path", {
32675
+ d: "M31 13H1V27H31V13Z",
32676
+ stroke: "#B0CFE0",
32677
+ strokeWidth: "2",
32678
+ strokeMiterlimit: "10",
32679
+ strokeLinecap: "square"
32680
+ })]
32681
+ }), /* @__PURE__ */ jsx("defs", {
32682
+ children: /* @__PURE__ */ jsx("clipPath", {
32683
+ id: "clip0_2871_5806",
32684
+ children: /* @__PURE__ */ jsx("rect", {
32685
+ width: "32",
32686
+ height: "32",
32687
+ fill: "white"
32688
+ })
32689
+ })
32690
+ })]
32691
+ });
32692
+ };
32693
+ const Mp3 = () => {
32694
+ return /* @__PURE__ */ jsxs(Icon, {
32695
+ width: "32px",
32696
+ height: "32px",
32697
+ viewBox: "0 0 32 32",
32698
+ fill: "none",
32699
+ xmlns: "http://www.w3.org/2000/svg",
32700
+ children: [/* @__PURE__ */ jsxs("g", {
32701
+ clipPath: "url(#clip0_2871_5815)",
32702
+ children: [/* @__PURE__ */ jsx("path", {
32703
+ d: "M20 1V9H28",
32704
+ stroke: "#B0CFE0",
32705
+ strokeWidth: "2",
32706
+ strokeMiterlimit: "10"
32707
+ }), /* @__PURE__ */ jsx("path", {
32708
+ d: "M28 13V9L20 1H4V13",
32709
+ stroke: "#B0CFE0",
32710
+ strokeWidth: "2",
32711
+ strokeMiterlimit: "10",
32712
+ strokeLinecap: "square"
32713
+ }), /* @__PURE__ */ jsx("path", {
32714
+ d: "M4 27V31H28V27",
32715
+ stroke: "#B0CFE0",
32716
+ strokeWidth: "2",
32717
+ strokeMiterlimit: "10",
32718
+ strokeLinecap: "square"
32719
+ }), /* @__PURE__ */ jsx("path", {
32720
+ 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",
32721
+ fill: "#B0CFE0"
32722
+ }), /* @__PURE__ */ jsx("path", {
32723
+ 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",
32724
+ fill: "#B0CFE0"
32725
+ }), /* @__PURE__ */ jsx("path", {
32726
+ 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",
32727
+ fill: "#B0CFE0"
32728
+ }), /* @__PURE__ */ jsx("path", {
32729
+ d: "M31 13H1V27H31V13Z",
32730
+ stroke: "#B0CFE0",
32731
+ strokeWidth: "2",
32732
+ strokeMiterlimit: "10",
32733
+ strokeLinecap: "square"
32734
+ })]
32735
+ }), /* @__PURE__ */ jsx("defs", {
32736
+ children: /* @__PURE__ */ jsx("clipPath", {
32737
+ id: "clip0_2871_5815",
32738
+ children: /* @__PURE__ */ jsx("rect", {
32739
+ width: "32",
32740
+ height: "32",
32741
+ fill: "white"
32742
+ })
32743
+ })
32744
+ })]
32745
+ });
32746
+ };
32747
+ const Mp4 = () => {
32748
+ return /* @__PURE__ */ jsxs(Icon, {
32749
+ width: "32px",
32750
+ height: "32px",
32751
+ viewBox: "0 0 32 32",
32752
+ fill: "none",
32753
+ xmlns: "http://www.w3.org/2000/svg",
32754
+ children: [/* @__PURE__ */ jsxs("g", {
32755
+ clipPath: "url(#clip0_2871_5788)",
32756
+ children: [/* @__PURE__ */ jsx("path", {
32757
+ d: "M20 1V9H28",
32758
+ stroke: "#B0CFE0",
32759
+ strokeWidth: "2",
32760
+ strokeMiterlimit: "10"
32761
+ }), /* @__PURE__ */ jsx("path", {
32762
+ d: "M28 13V9L20 1H4V13",
32763
+ stroke: "#B0CFE0",
32764
+ strokeWidth: "2",
32765
+ strokeMiterlimit: "10",
32766
+ strokeLinecap: "square"
32767
+ }), /* @__PURE__ */ jsx("path", {
32768
+ d: "M4 27V31H28V27",
32769
+ stroke: "#B0CFE0",
32770
+ strokeWidth: "2",
32771
+ strokeMiterlimit: "10",
32772
+ strokeLinecap: "square"
32773
+ }), /* @__PURE__ */ jsx("path", {
32774
+ 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",
32775
+ fill: "#B0CFE0"
32776
+ }), /* @__PURE__ */ jsx("path", {
32777
+ 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",
32778
+ fill: "#B0CFE0"
32779
+ }), /* @__PURE__ */ jsx("path", {
32780
+ 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",
32781
+ fill: "#B0CFE0"
32782
+ }), /* @__PURE__ */ jsx("path", {
32783
+ d: "M31 13H1V27H31V13Z",
32784
+ stroke: "#B0CFE0",
32785
+ strokeWidth: "2",
32786
+ strokeMiterlimit: "10",
32787
+ strokeLinecap: "square"
32788
+ })]
32789
+ }), /* @__PURE__ */ jsx("defs", {
32790
+ children: /* @__PURE__ */ jsx("clipPath", {
32791
+ id: "clip0_2871_5788",
32792
+ children: /* @__PURE__ */ jsx("rect", {
32793
+ width: "32",
32794
+ height: "32",
32795
+ fill: "white"
32796
+ })
32797
+ })
32798
+ })]
32799
+ });
32800
+ };
32801
+ const Pdf = () => {
32802
+ return /* @__PURE__ */ jsxs(Icon, {
32803
+ width: "32px",
32804
+ height: "32px",
32805
+ viewBox: "0 0 32 32",
32806
+ fill: "none",
32807
+ xmlns: "http://www.w3.org/2000/svg",
32808
+ children: [/* @__PURE__ */ jsxs("g", {
32809
+ clipPath: "url(#clip0_2871_5779)",
32810
+ children: [/* @__PURE__ */ jsx("path", {
32811
+ d: "M20 1V9H28",
32812
+ stroke: "#B0CFE0",
32813
+ strokeWidth: "2",
32814
+ strokeMiterlimit: "10"
32815
+ }), /* @__PURE__ */ jsx("path", {
32816
+ d: "M28 13V9L20 1H4V13",
32817
+ stroke: "#B0CFE0",
32818
+ strokeWidth: "2",
32819
+ strokeMiterlimit: "10",
32820
+ strokeLinecap: "square"
32821
+ }), /* @__PURE__ */ jsx("path", {
32822
+ d: "M4 27V31H28V27",
32823
+ stroke: "#B0CFE0",
32824
+ strokeWidth: "2",
32825
+ strokeMiterlimit: "10",
32826
+ strokeLinecap: "square"
32827
+ }), /* @__PURE__ */ jsx("path", {
32828
+ 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",
32829
+ fill: "#B0CFE0"
32830
+ }), /* @__PURE__ */ jsx("path", {
32831
+ 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",
32832
+ fill: "#B0CFE0"
32833
+ }), /* @__PURE__ */ jsx("path", {
32834
+ d: "M21.443 23H19.923V17.289H23.298V18.527H21.443V19.617H23.154V20.855H21.443V23Z",
32835
+ fill: "#B0CFE0"
32836
+ }), /* @__PURE__ */ jsx("path", {
32837
+ d: "M31 13H1V27H31V13Z",
32838
+ stroke: "#B0CFE0",
32839
+ strokeWidth: "2",
32840
+ strokeMiterlimit: "10",
32841
+ strokeLinecap: "square"
32842
+ })]
32843
+ }), /* @__PURE__ */ jsx("defs", {
32844
+ children: /* @__PURE__ */ jsx("clipPath", {
32845
+ id: "clip0_2871_5779",
32846
+ children: /* @__PURE__ */ jsx("rect", {
32847
+ width: "32",
32848
+ height: "32",
32849
+ fill: "white"
32850
+ })
32851
+ })
32852
+ })]
32853
+ });
32854
+ };
32855
+ const Png = () => {
32856
+ return /* @__PURE__ */ jsxs(Icon, {
32857
+ width: "32px",
32858
+ height: "32px",
32859
+ viewBox: "0 0 32 32",
32860
+ fill: "none",
32861
+ xmlns: "http://www.w3.org/2000/svg",
32862
+ children: [/* @__PURE__ */ jsxs("g", {
32863
+ clipPath: "url(#clip0_2871_5695)",
32864
+ children: [/* @__PURE__ */ jsx("path", {
32865
+ d: "M20 1V9H28",
32866
+ stroke: "#B0CFE0",
32867
+ strokeWidth: "2",
32868
+ strokeMiterlimit: "10"
32869
+ }), /* @__PURE__ */ jsx("path", {
32870
+ d: "M28 13V9L20 1H4V13",
32871
+ stroke: "#B0CFE0",
32872
+ strokeWidth: "2",
32873
+ strokeMiterlimit: "10",
32874
+ strokeLinecap: "square"
32875
+ }), /* @__PURE__ */ jsx("path", {
32876
+ d: "M4 27V31H28V27",
32877
+ stroke: "#B0CFE0",
32878
+ strokeWidth: "2",
32879
+ strokeMiterlimit: "10",
32880
+ strokeLinecap: "square"
32881
+ }), /* @__PURE__ */ jsx("path", {
32882
+ 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",
32883
+ fill: "#B0CFE0"
32884
+ }), /* @__PURE__ */ jsx("path", {
32885
+ 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",
32886
+ fill: "#B0CFE0"
32887
+ }), /* @__PURE__ */ jsx("path", {
32888
+ 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",
32889
+ fill: "#B0CFE0"
32890
+ }), /* @__PURE__ */ jsx("path", {
32891
+ d: "M31 13H1V27H31V13Z",
32892
+ stroke: "#B0CFE0",
32893
+ strokeWidth: "2",
32894
+ strokeMiterlimit: "10",
32895
+ strokeLinecap: "square"
32896
+ })]
32897
+ }), /* @__PURE__ */ jsx("defs", {
32898
+ children: /* @__PURE__ */ jsx("clipPath", {
32899
+ id: "clip0_2871_5695",
32900
+ children: /* @__PURE__ */ jsx("rect", {
32901
+ width: "32",
32902
+ height: "32",
32903
+ fill: "white"
32904
+ })
32905
+ })
32906
+ })]
32907
+ });
32908
+ };
32909
+ const Ppt = () => {
32910
+ return /* @__PURE__ */ jsxs(Icon, {
32911
+ width: "32px",
32912
+ height: "32px",
32913
+ viewBox: "0 0 32 32",
32914
+ fill: "none",
32915
+ xmlns: "http://www.w3.org/2000/svg",
32916
+ children: [/* @__PURE__ */ jsxs("g", {
32917
+ clipPath: "url(#clip0_2871_5713)",
32918
+ children: [/* @__PURE__ */ jsx("path", {
32919
+ d: "M20 1V9H28",
32920
+ stroke: "#B0CFE0",
32921
+ strokeWidth: "2",
32922
+ strokeMiterlimit: "10"
32923
+ }), /* @__PURE__ */ jsx("path", {
32924
+ d: "M28 13V9L20 1H4V13",
32925
+ stroke: "#B0CFE0",
32926
+ strokeWidth: "2",
32927
+ strokeMiterlimit: "10",
32928
+ strokeLinecap: "square"
32929
+ }), /* @__PURE__ */ jsx("path", {
32930
+ d: "M4 27V31H28V27",
32931
+ stroke: "#B0CFE0",
32932
+ strokeWidth: "2",
32933
+ strokeMiterlimit: "10",
32934
+ strokeLinecap: "square"
32935
+ }), /* @__PURE__ */ jsx("path", {
32936
+ 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",
32937
+ fill: "#B0CFE0"
32938
+ }), /* @__PURE__ */ jsx("path", {
32939
+ 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",
32940
+ fill: "#B0CFE0"
32941
+ }), /* @__PURE__ */ jsx("path", {
32942
+ d: "M21.6 23H20.1V18.6H18.7V17.3H23V18.6H21.6V23Z",
32943
+ fill: "#B0CFE0"
32944
+ }), /* @__PURE__ */ jsx("path", {
32945
+ d: "M31 13H1V27H31V13Z",
32946
+ stroke: "#B0CFE0",
32947
+ strokeWidth: "2",
32948
+ strokeMiterlimit: "10",
32949
+ strokeLinecap: "square"
32950
+ })]
32951
+ }), /* @__PURE__ */ jsx("defs", {
32952
+ children: /* @__PURE__ */ jsx("clipPath", {
32953
+ id: "clip0_2871_5713",
32954
+ children: /* @__PURE__ */ jsx("rect", {
32955
+ width: "32",
32956
+ height: "32",
32957
+ fill: "white"
32958
+ })
32959
+ })
32960
+ })]
32961
+ });
32962
+ };
32963
+ const Pptx = () => {
32964
+ return /* @__PURE__ */ jsxs(Icon, {
32965
+ width: "32px",
32966
+ height: "32px",
32967
+ viewBox: "0 0 32 32",
32968
+ fill: "none",
32969
+ xmlns: "http://www.w3.org/2000/svg",
32970
+ children: [/* @__PURE__ */ jsxs("g", {
32971
+ clipPath: "url(#clip0_2871_5722)",
32972
+ children: [/* @__PURE__ */ jsx("path", {
32973
+ d: "M20 1V9H28",
32974
+ stroke: "#B0CFE0",
32975
+ strokeWidth: "2",
32976
+ strokeMiterlimit: "10"
32977
+ }), /* @__PURE__ */ jsx("path", {
32978
+ d: "M28 13V9L20 1H4V13",
32979
+ stroke: "#B0CFE0",
32980
+ strokeWidth: "2",
32981
+ strokeMiterlimit: "10",
32982
+ strokeLinecap: "square"
32983
+ }), /* @__PURE__ */ jsx("path", {
32984
+ d: "M4 27V31H28V27",
32985
+ stroke: "#B0CFE0",
32986
+ strokeWidth: "2",
32987
+ strokeMiterlimit: "10",
32988
+ strokeLinecap: "square"
32989
+ }), /* @__PURE__ */ jsx("path", {
32990
+ 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",
32991
+ fill: "#B0CFE0"
32992
+ }), /* @__PURE__ */ jsx("path", {
32993
+ 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",
32994
+ fill: "#B0CFE0"
32995
+ }), /* @__PURE__ */ jsx("path", {
32996
+ d: "M18.9 23H17.4V18.6H16V17.3H20.3V18.6H18.9V23Z",
32997
+ fill: "#B0CFE0"
32998
+ }), /* @__PURE__ */ jsx("path", {
32999
+ 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",
33000
+ fill: "#B0CFE0"
33001
+ }), /* @__PURE__ */ jsx("path", {
33002
+ d: "M31 13H1V27H31V13Z",
33003
+ stroke: "#B0CFE0",
33004
+ strokeWidth: "2",
33005
+ strokeMiterlimit: "10",
33006
+ strokeLinecap: "square"
33007
+ })]
33008
+ }), /* @__PURE__ */ jsx("defs", {
33009
+ children: /* @__PURE__ */ jsx("clipPath", {
33010
+ id: "clip0_2871_5722",
33011
+ children: /* @__PURE__ */ jsx("rect", {
33012
+ width: "32",
33013
+ height: "32",
33014
+ fill: "white"
33015
+ })
33016
+ })
33017
+ })]
33018
+ });
33019
+ };
33020
+ const Wav = () => {
33021
+ return /* @__PURE__ */ jsxs(Icon, {
33022
+ width: "32px",
33023
+ height: "32px",
33024
+ viewBox: "0 0 32 32",
33025
+ fill: "none",
33026
+ xmlns: "http://www.w3.org/2000/svg",
33027
+ children: [/* @__PURE__ */ jsxs("g", {
33028
+ clipPath: "url(#clip0_2871_5824)",
33029
+ children: [/* @__PURE__ */ jsx("path", {
33030
+ d: "M20 1V9H28",
33031
+ stroke: "#B0CFE0",
33032
+ strokeWidth: "2",
33033
+ strokeMiterlimit: "10"
33034
+ }), /* @__PURE__ */ jsx("path", {
33035
+ d: "M28 13V9L20 1H4V13",
33036
+ stroke: "#B0CFE0",
33037
+ strokeWidth: "2",
33038
+ strokeMiterlimit: "10",
33039
+ strokeLinecap: "square"
33040
+ }), /* @__PURE__ */ jsx("path", {
33041
+ d: "M4 27V31H28V27",
33042
+ stroke: "#B0CFE0",
33043
+ strokeWidth: "2",
33044
+ strokeMiterlimit: "10",
33045
+ strokeLinecap: "square"
33046
+ }), /* @__PURE__ */ jsx("path", {
33047
+ 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",
33048
+ fill: "#B0CFE0"
33049
+ }), /* @__PURE__ */ jsx("path", {
33050
+ 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",
33051
+ fill: "#B0CFE0"
33052
+ }), /* @__PURE__ */ jsx("path", {
33053
+ 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",
33054
+ fill: "#B0CFE0"
33055
+ }), /* @__PURE__ */ jsx("path", {
33056
+ d: "M31 13H1V27H31V13Z",
33057
+ stroke: "#B0CFE0",
33058
+ strokeWidth: "2",
33059
+ strokeMiterlimit: "10",
33060
+ strokeLinecap: "square"
33061
+ })]
33062
+ }), /* @__PURE__ */ jsx("defs", {
33063
+ children: /* @__PURE__ */ jsx("clipPath", {
33064
+ id: "clip0_2871_5824",
33065
+ children: /* @__PURE__ */ jsx("rect", {
33066
+ width: "32",
33067
+ height: "32",
33068
+ fill: "white"
33069
+ })
33070
+ })
33071
+ })]
33072
+ });
33073
+ };
33074
+ const Xls = () => {
33075
+ return /* @__PURE__ */ jsxs(Icon, {
33076
+ width: "32px",
33077
+ height: "32px",
33078
+ viewBox: "0 0 32 32",
33079
+ fill: "none",
33080
+ xmlns: "http://www.w3.org/2000/svg",
33081
+ children: [/* @__PURE__ */ jsxs("g", {
33082
+ clipPath: "url(#clip0_2871_5751)",
33083
+ children: [/* @__PURE__ */ jsx("path", {
33084
+ d: "M20 1V9H28",
33085
+ stroke: "#B0CFE0",
33086
+ strokeWidth: "2",
33087
+ strokeMiterlimit: "10"
33088
+ }), /* @__PURE__ */ jsx("path", {
33089
+ d: "M28 13V9L20 1H4V13",
33090
+ stroke: "#B0CFE0",
33091
+ strokeWidth: "2",
33092
+ strokeMiterlimit: "10",
33093
+ strokeLinecap: "square"
33094
+ }), /* @__PURE__ */ jsx("path", {
33095
+ d: "M4 27V31H28V27",
33096
+ stroke: "#B0CFE0",
33097
+ strokeWidth: "2",
33098
+ strokeMiterlimit: "10",
33099
+ strokeLinecap: "square"
33100
+ }), /* @__PURE__ */ jsx("path", {
33101
+ 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",
33102
+ fill: "#B0CFE0"
33103
+ }), /* @__PURE__ */ jsx("path", {
33104
+ d: "M15.3999 23V17.3H16.8999V21.8H19.0999V23H15.3999Z",
33105
+ fill: "#B0CFE0"
33106
+ }), /* @__PURE__ */ jsx("path", {
33107
+ 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",
33108
+ fill: "#B0CFE0"
33109
+ }), /* @__PURE__ */ jsx("path", {
33110
+ d: "M31 13H1V27H31V13Z",
33111
+ stroke: "#B0CFE0",
33112
+ strokeWidth: "2",
33113
+ strokeMiterlimit: "10",
33114
+ strokeLinecap: "square"
33115
+ })]
33116
+ }), /* @__PURE__ */ jsx("defs", {
33117
+ children: /* @__PURE__ */ jsx("clipPath", {
33118
+ id: "clip0_2871_5751",
33119
+ children: /* @__PURE__ */ jsx("rect", {
33120
+ width: "32",
33121
+ height: "32",
33122
+ fill: "white"
33123
+ })
33124
+ })
33125
+ })]
33126
+ });
33127
+ };
33128
+ const Xlsx = () => {
33129
+ return /* @__PURE__ */ jsxs(Icon, {
33130
+ width: "32px",
33131
+ height: "32px",
33132
+ viewBox: "0 0 32 32",
33133
+ fill: "none",
33134
+ xmlns: "http://www.w3.org/2000/svg",
33135
+ children: [/* @__PURE__ */ jsxs("g", {
33136
+ clipPath: "url(#clip0_2871_5760)",
33137
+ children: [/* @__PURE__ */ jsx("path", {
33138
+ d: "M20 1V9H28",
33139
+ stroke: "#B0CFE0",
33140
+ strokeWidth: "2",
33141
+ strokeMiterlimit: "10"
33142
+ }), /* @__PURE__ */ jsx("path", {
33143
+ d: "M28 13V9L20 1H4V13",
33144
+ stroke: "#B0CFE0",
33145
+ strokeWidth: "2",
33146
+ strokeMiterlimit: "10",
33147
+ strokeLinecap: "square"
33148
+ }), /* @__PURE__ */ jsx("path", {
33149
+ d: "M4 27V31H28V27",
33150
+ stroke: "#B0CFE0",
33151
+ strokeWidth: "2",
33152
+ strokeMiterlimit: "10",
33153
+ strokeLinecap: "square"
33154
+ }), /* @__PURE__ */ jsx("path", {
33155
+ 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",
33156
+ fill: "#B0CFE0"
33157
+ }), /* @__PURE__ */ jsx("path", {
33158
+ d: "M12 23V17.3H13.5V21.8H15.7V23H12Z",
33159
+ fill: "#B0CFE0"
33160
+ }), /* @__PURE__ */ jsx("path", {
33161
+ 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",
33162
+ fill: "#B0CFE0"
33163
+ }), /* @__PURE__ */ jsx("path", {
33164
+ 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",
33165
+ fill: "#B0CFE0"
33166
+ }), /* @__PURE__ */ jsx("path", {
33167
+ d: "M31 13H1V27H31V13Z",
33168
+ stroke: "#B0CFE0",
33169
+ strokeWidth: "2",
33170
+ strokeMiterlimit: "10",
33171
+ strokeLinecap: "square"
33172
+ })]
33173
+ }), /* @__PURE__ */ jsx("defs", {
33174
+ children: /* @__PURE__ */ jsx("clipPath", {
33175
+ id: "clip0_2871_5760",
33176
+ children: /* @__PURE__ */ jsx("rect", {
33177
+ width: "32",
33178
+ height: "32",
33179
+ fill: "white"
33180
+ })
33181
+ })
33182
+ })]
33183
+ });
33184
+ };
33185
+ const Resources = ({
33186
+ id: id2,
33187
+ resourceType,
33188
+ resourceTitle,
33189
+ resourceDetail,
33190
+ resourceTextDownload,
33191
+ resourceLink,
33192
+ targetBlank
33193
+ }) => {
33194
+ return /* @__PURE__ */ jsx(Link, {
33195
+ href: resourceLink,
33196
+ target: targetBlank ? "_blank" : "_self",
33197
+ rel: targetBlank ? "noopener noreferrer" : void 0,
33198
+ _hover: {
33199
+ textDecoration: "none"
33200
+ },
33201
+ children: /* @__PURE__ */ jsxs(Box, {
33202
+ width: "285px",
33203
+ height: "147px",
33204
+ borderRadius: "8px",
33205
+ border: "1px",
33206
+ borderColor: vars("colors-neutral-platinum"),
33207
+ justifyContent: "center",
33208
+ textAlign: "center",
33209
+ display: "grid",
33210
+ gap: "8px",
33211
+ padding: 4,
33212
+ transition: "box-shadow 0.3s ease-in-out",
33213
+ _hover: {
33214
+ shadow: "sm"
33215
+ },
33216
+ cursor: "pointer",
33217
+ children: [/* @__PURE__ */ jsx(Box, {
33218
+ children: /* @__PURE__ */ jsx(Icons, {
33219
+ type: resourceType
33220
+ })
33221
+ }), /* @__PURE__ */ jsx(Box, {
33222
+ children: /* @__PURE__ */ jsx(Text, {
33223
+ fontFamily: "Roboto",
33224
+ fontWeight: "700",
33225
+ lineHeight: "21px",
33226
+ fontSize: "16px",
33227
+ color: "#555555",
33228
+ children: resourceTitle
33229
+ })
33230
+ }), /* @__PURE__ */ jsx(Box, {
33231
+ children: /* @__PURE__ */ jsx(Text, {
33232
+ fontFamily: "Roboto",
33233
+ fontWeight: "400",
33234
+ lineHeight: "14px",
33235
+ fontSize: "12px",
33236
+ color: "#555555",
33237
+ children: resourceDetail
33238
+ })
33239
+ }), /* @__PURE__ */ jsx(Box, {
33240
+ display: "flex",
33241
+ alignItems: "center",
33242
+ justifyContent: "center",
33243
+ children: /* @__PURE__ */ jsxs(Text, {
33244
+ fontFamily: "Roboto",
33245
+ fontWeight: "500",
33246
+ fontSize: "14px",
33247
+ lineHeight: "16px",
33248
+ color: vars("colors-neutral-gray"),
33249
+ textDecoration: "underline",
33250
+ gap: "8px",
33251
+ display: "flex",
33252
+ children: [/* @__PURE__ */ jsx(Download, {
33253
+ color: vars("colors-main-deepSkyBlue")
33254
+ }), resourceTextDownload]
33255
+ })
33256
+ })]
33257
+ })
33258
+ });
33259
+ };
33260
+ export { Alert, Btn, BtnLink, BtnPrimary, BtnSecondary, BtnTertiary, CourseList, CourseStatus, Eventos, FlashNotification, index as Icons, Label, ModalAlert, NewTooltip, Progress, Resources, Ripples, TinyAlert, dataFake, maxWidthCoursesList, theme, useFlashNotification, vars };
31987
33261
  //# sourceMappingURL=eclass-ui-kit.es.js.map