@eclass/ui-kit 1.46.4 → 1.46.6

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

@@ -28679,13 +28679,17 @@ function AlertInfo(props) {
   });
 }
 AlertInfo.displayName = "ArrowRight";
+function uniqueId() {
+  return Math.random().toString(36).slice(2, 9);
+}
 function ArrowRight(props) {
+  const id2 = `clip-${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Base, {
     ...props,
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("mask", {
-        id: "mask0",
+        id: `mask-${id2}`,
         style: {
           maskType: "alpha"
         },
@@ -28700,7 +28704,7 @@ function ArrowRight(props) {
           transform: "rotate(180 16 16)"
         })
       }), /* @__PURE__ */ jsx("g", {
-        mask: "url(#mask0)",
+        mask: `url(#mask-${id2})`,
         children: /* @__PURE__ */ jsx("path", {
           fill: "currentColor",
           d: "M6.074 14L12 8 6.074 2 4 4.1 7.852 8 4 11.9 6.074 14z"
@@ -28708,7 +28712,7 @@ function ArrowRight(props) {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0",
+        id: id2,
         children: /* @__PURE__ */ jsx("path", {
           fill: "#fff",
           d: "M0 0H16V16H0z"
@@ -28830,7 +28834,7 @@ function Loader({
     className: "loaderAsync",
     "data-testid": "loaderAsync",
     children: /* @__PURE__ */ jsxs("svg", {
-      id: "prefix__eXySq0EBKm11",
+      id: uniqueId(),
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 38 20",
       shapeRendering: "geometricPrecision",
@@ -28933,13 +28937,14 @@ function TinyAlertInfo(props) {
 }
 TinyAlertInfo.displayName = "TinyAlertInfo";
 function TinyAlertError(props) {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Base, {
     ...props,
     w: "12px",
     h: "12px",
     viewBox: "0 0 12 12",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2165_6683)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("circle", {
         cx: "6",
         cy: "6",
@@ -28953,7 +28958,7 @@ function TinyAlertError(props) {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2165_6683",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "12px",
           height: "12px",
@@ -28986,13 +28991,14 @@ function TinyAlertWarning(props) {
 }
 TinyAlertWarning.displayName = "TinyAlertWarning";
 function TinyAlertSuccess(props) {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Base, {
     ...props,
     w: "12px",
     h: "12px",
     viewBox: "0 0 12 12",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2191_1138)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("circle", {
         cx: "6",
         cy: "6",
@@ -29006,7 +29012,7 @@ function TinyAlertSuccess(props) {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2191_1138",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "12",
           height: "12",
@@ -29535,7 +29541,7 @@ function Btn({
   color: color2 = vars("colors-neutral-white"),
   disabled: disabled2 = false,
   fillLoader = vars("colors-neutral-white"),
-  id: id2,
+  id: id2 = void 0,
   isFullWidth = false,
   isLoading = false,
   leftIcon,
@@ -32123,12 +32129,14 @@ const LargeBox = ({
           children: [/* @__PURE__ */ jsxs(Box, {
             width: "inherit",
             height: "100%",
-            padding: "4",
+            padding: "16px",
             color: "#555555",
             gap: "16px",
             display: "grid",
             children: [/* @__PURE__ */ jsx(Text, {
               fontWeight: "700",
+              m: "0px",
+              p: "0px",
               children: eventTitle
             }), /* @__PURE__ */ jsxs(Box, {
               display: "flex",
@@ -32138,13 +32146,19 @@ const LargeBox = ({
                 color: vars("colors-main-ziggurat")
               }), /* @__PURE__ */ jsx(Text, {
                 fontWeight: "400",
+                m: "0px",
+                p: "0px",
                 children: startDate
               }), /* @__PURE__ */ jsx(Text, {
                 color: vars("borders-light"),
+                m: "0px",
+                p: "0px",
                 children: "|"
               }), /* @__PURE__ */ jsx(Clock, {
                 color: vars("colors-main-ziggurat")
               }), /* @__PURE__ */ jsx(Text, {
+                m: "0px",
+                p: "0px",
                 children: startTime
               })]
             })]
@@ -32275,6 +32289,7 @@ const Eventos = ({
   }
 };
 const Avi = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32282,7 +32297,7 @@ const Avi = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5797)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -32318,7 +32333,7 @@ const Avi = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5797",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -32329,6 +32344,7 @@ const Avi = () => {
   });
 };
 const Csv = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32336,7 +32352,7 @@ const Csv = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5770)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -32372,7 +32388,7 @@ const Csv = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5770",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -32383,6 +32399,7 @@ const Csv = () => {
   });
 };
 const Doc = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32390,7 +32407,7 @@ const Doc = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5732)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -32426,7 +32443,7 @@ const Doc = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5732",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -32437,6 +32454,7 @@ const Doc = () => {
   });
 };
 const Docx = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32444,7 +32462,7 @@ const Docx = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5741)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -32483,7 +32501,7 @@ const Docx = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5741",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -32494,6 +32512,7 @@ const Docx = () => {
   });
 };
 const Gif = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32501,7 +32520,7 @@ const Gif = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5704)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -32537,7 +32556,7 @@ const Gif = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5704",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -32590,6 +32609,7 @@ const Icons = ({
   }
 };
 const Jpeg = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32597,7 +32617,7 @@ const Jpeg = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5685)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -32636,7 +32656,7 @@ const Jpeg = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5685",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -32689,6 +32709,7 @@ const Jpg = () => {
   });
 };
 const Mkv = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32696,7 +32717,7 @@ const Mkv = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5806)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -32732,7 +32753,7 @@ const Mkv = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5806",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -32743,6 +32764,7 @@ const Mkv = () => {
   });
 };
 const Mp3 = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32750,7 +32772,7 @@ const Mp3 = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5815)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -32786,7 +32808,7 @@ const Mp3 = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5815",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -32797,6 +32819,7 @@ const Mp3 = () => {
   });
 };
 const Mp4 = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32804,7 +32827,7 @@ const Mp4 = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5788)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -32840,7 +32863,7 @@ const Mp4 = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5788",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -32851,6 +32874,7 @@ const Mp4 = () => {
   });
 };
 const Pdf = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32858,7 +32882,7 @@ const Pdf = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5779)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -32894,7 +32918,7 @@ const Pdf = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5779",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -32905,6 +32929,7 @@ const Pdf = () => {
   });
 };
 const Png = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32912,7 +32937,7 @@ const Png = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5695)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -32948,7 +32973,7 @@ const Png = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5695",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -32959,6 +32984,7 @@ const Png = () => {
   });
 };
 const Ppt = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32966,7 +32992,7 @@ const Ppt = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5713)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -33002,7 +33028,7 @@ const Ppt = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5713",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -33013,6 +33039,7 @@ const Ppt = () => {
   });
 };
 const Pptx = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -33020,7 +33047,7 @@ const Pptx = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5722)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -33059,7 +33086,7 @@ const Pptx = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5722",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -33070,6 +33097,7 @@ const Pptx = () => {
   });
 };
 const Wav = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -33077,7 +33105,7 @@ const Wav = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5824)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -33113,7 +33141,7 @@ const Wav = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5824",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -33124,6 +33152,7 @@ const Wav = () => {
   });
 };
 const Xls = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -33131,7 +33160,7 @@ const Xls = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5751)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -33167,7 +33196,7 @@ const Xls = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5751",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",
@@ -33178,6 +33207,7 @@ const Xls = () => {
   });
 };
 const Xlsx = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -33185,7 +33215,7 @@ const Xlsx = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsxs("g", {
-      clipPath: "url(#clip0_2871_5760)",
+      clipPath: `url(#${id2})`,
       children: [/* @__PURE__ */ jsx("path", {
         d: "M20 1V9H28",
         stroke: "#B0CFE0",
@@ -33224,7 +33254,7 @@ const Xlsx = () => {
       })]
     }), /* @__PURE__ */ jsx("defs", {
       children: /* @__PURE__ */ jsx("clipPath", {
-        id: "clip0_2871_5760",
+        id: id2,
         children: /* @__PURE__ */ jsx("rect", {
           width: "32",
           height: "32",