@eclass/ui-kit 1.46.5 → 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,
@@ -32283,6 +32289,7 @@ const Eventos = ({
   }
 };
 const Avi = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32290,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",
@@ -32326,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",
@@ -32337,6 +32344,7 @@ const Avi = () => {
   });
 };
 const Csv = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32344,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",
@@ -32380,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",
@@ -32391,6 +32399,7 @@ const Csv = () => {
   });
 };
 const Doc = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32398,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",
@@ -32434,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",
@@ -32445,6 +32454,7 @@ const Doc = () => {
   });
 };
 const Docx = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32452,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",
@@ -32491,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",
@@ -32502,6 +32512,7 @@ const Docx = () => {
   });
 };
 const Gif = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32509,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",
@@ -32545,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",
@@ -32598,6 +32609,7 @@ const Icons = ({
   }
 };
 const Jpeg = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32605,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",
@@ -32644,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",
@@ -32697,6 +32709,7 @@ const Jpg = () => {
   });
 };
 const Mkv = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32704,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",
@@ -32740,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",
@@ -32751,6 +32764,7 @@ const Mkv = () => {
   });
 };
 const Mp3 = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32758,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",
@@ -32794,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",
@@ -32805,6 +32819,7 @@ const Mp3 = () => {
   });
 };
 const Mp4 = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32812,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",
@@ -32848,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",
@@ -32859,6 +32874,7 @@ const Mp4 = () => {
   });
 };
 const Pdf = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32866,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",
@@ -32902,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",
@@ -32913,6 +32929,7 @@ const Pdf = () => {
   });
 };
 const Png = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32920,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",
@@ -32956,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",
@@ -32967,6 +32984,7 @@ const Png = () => {
   });
 };
 const Ppt = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -32974,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",
@@ -33010,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",
@@ -33021,6 +33039,7 @@ const Ppt = () => {
   });
 };
 const Pptx = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -33028,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",
@@ -33067,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",
@@ -33078,6 +33097,7 @@ const Pptx = () => {
   });
 };
 const Wav = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -33085,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",
@@ -33121,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",
@@ -33132,6 +33152,7 @@ const Wav = () => {
   });
 };
 const Xls = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -33139,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",
@@ -33175,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",
@@ -33186,6 +33207,7 @@ const Xls = () => {
   });
 };
 const Xlsx = () => {
+  const id2 = `clip${uniqueId()}`;
   return /* @__PURE__ */ jsxs(Icon, {
     width: "32px",
     height: "32px",
@@ -33193,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",
@@ -33232,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",