@yamada-ui/loading - npm Package Compare versions

Comparing version 0.2.1 to 0.2.2

dist/audio.js

@@ -29,5 +29,5 @@ "use strict";
 var import_jsx_runtime = require("react/jsx-runtime");
-var Audio = (0, import_core.forwardRef)(({ color, duration = "1.4s", ...rest }) => {
+var Audio = (0, import_core.forwardRef)(({ color, duration = "1.4s", ...rest }, ref) => {
   const dur = typeof duration === "string" ? parseFloat(duration) : duration;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 55 80", fill: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "matrix(1 0 0 -1 0 80)", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { ref, viewBox: "0 0 55 80", fill: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "matrix(1 0 0 -1 0 80)", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "10", height: "20", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -34,0 +34,0 @@ "animate",

dist/circles.js

@@ -29,94 +29,96 @@ "use strict";
 var import_jsx_runtime = require("react/jsx-runtime");
-var Circles = (0, import_core.forwardRef)(({ color, duration = "3s", ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 58 58", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(2 1)", stroke: color, strokeWidth: "1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "42.601", cy: "11.462", r: "5", fillOpacity: "1", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "1;0;0;0;0;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "49.063", cy: "27.063", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;1;0;0;0;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "42.601", cy: "42.663", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;1;0;0;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "27", cy: "49.125", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;1;0;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11.399", cy: "42.663", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;0;1;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "4.938", cy: "27.063", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;0;0;1;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11.399", cy: "11.462", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;0;0;0;1;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "27", cy: "5", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;0;0;0;0;1",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) })
-  ] }) }) });
-});
+var Circles = (0, import_core.forwardRef)(
+  ({ color, duration = "3s", ...rest }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { ref, viewBox: "0 0 58 58", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(2 1)", stroke: color, strokeWidth: "1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "42.601", cy: "11.462", r: "5", fillOpacity: "1", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "1;0;0;0;0;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "49.063", cy: "27.063", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;1;0;0;0;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "42.601", cy: "42.663", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;1;0;0;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "27", cy: "49.125", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;1;0;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11.399", cy: "42.663", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;0;1;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "4.938", cy: "27.063", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;0;0;1;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11.399", cy: "11.462", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;0;0;0;1;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "27", cy: "5", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;0;0;0;0;1",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) })
+    ] }) }) });
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
@@ -123,0 +125,0 @@ 0 && (module.exports = {

dist/dots.js

@@ -29,4 +29,4 @@ "use strict";
 var import_jsx_runtime = require("react/jsx-runtime");
-var Dots = (0, import_core.forwardRef)(({ color, duration = "1s", ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_icon.Icon, { viewBox: "0 0 120 30", fill: color, ...rest, children: [
+var Dots = (0, import_core.forwardRef)(({ color, duration = "1s", ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_icon.Icon, { ref, viewBox: "0 0 120 30", fill: color, ...rest, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("circle", { cx: "15", cy: "15", r: "15", children: [
@@ -33,0 +33,0 @@ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

dist/grid.js

@@ -29,4 +29,4 @@ "use strict";
 var import_jsx_runtime = require("react/jsx-runtime");
-var Grid = (0, import_core.forwardRef)(({ color, duration = "1s", ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_icon.Icon, { viewBox: "0 0 105 105", fill: color, ...rest, children: [
+var Grid = (0, import_core.forwardRef)(({ color, duration = "1s", ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_icon.Icon, { ref, viewBox: "0 0 105 105", fill: color, ...rest, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -33,0 +33,0 @@ "animate",

dist/index.js

@@ -38,5 +38,5 @@ "use strict";
 var import_jsx_runtime = require("react/jsx-runtime");
-var Audio = (0, import_core.forwardRef)(({ color, duration = "1.4s", ...rest }) => {
+var Audio = (0, import_core.forwardRef)(({ color, duration = "1.4s", ...rest }, ref) => {
   const dur = typeof duration === "string" ? parseFloat(duration) : duration;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 55 80", fill: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "matrix(1 0 0 -1 0 80)", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { ref, viewBox: "0 0 55 80", fill: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "matrix(1 0 0 -1 0 80)", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "10", height: "20", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -93,94 +93,96 @@ "animate",
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Circles = (0, import_core2.forwardRef)(({ color, duration = "3s", ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icon2.Icon, { viewBox: "0 0 58 58", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { transform: "translate(2 1)", stroke: color, strokeWidth: "1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "42.601", cy: "11.462", r: "5", fillOpacity: "1", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "1;0;0;0;0;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "49.063", cy: "27.063", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;1;0;0;0;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "42.601", cy: "42.663", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;1;0;0;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "27", cy: "49.125", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;1;0;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11.399", cy: "42.663", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;0;1;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "4.938", cy: "27.063", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;0;0;1;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11.399", cy: "11.462", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;0;0;0;1;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "27", cy: "5", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;0;0;0;0;1",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) })
-  ] }) }) });
-});
+var Circles = (0, import_core2.forwardRef)(
+  ({ color, duration = "3s", ...rest }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icon2.Icon, { ref, viewBox: "0 0 58 58", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { transform: "translate(2 1)", stroke: color, strokeWidth: "1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "42.601", cy: "11.462", r: "5", fillOpacity: "1", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "1;0;0;0;0;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "49.063", cy: "27.063", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;1;0;0;0;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "42.601", cy: "42.663", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;1;0;0;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "27", cy: "49.125", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;1;0;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11.399", cy: "42.663", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;0;1;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "4.938", cy: "27.063", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;0;0;1;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11.399", cy: "11.462", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;0;0;0;1;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "27", cy: "5", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;0;0;0;0;1",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) })
+    ] }) }) });
+  }
+);
 
@@ -191,4 +193,4 @@ // src/dots.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Dots = (0, import_core3.forwardRef)(({ color, duration = "1s", ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_icon3.Icon, { viewBox: "0 0 120 30", fill: color, ...rest, children: [
+var Dots = (0, import_core3.forwardRef)(({ color, duration = "1s", ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_icon3.Icon, { ref, viewBox: "0 0 120 30", fill: color, ...rest, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("circle", { cx: "15", cy: "15", r: "15", children: [
@@ -285,4 +287,4 @@ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var Grid = (0, import_core4.forwardRef)(({ color, duration = "1s", ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_icon4.Icon, { viewBox: "0 0 105 105", fill: color, ...rest, children: [
+var Grid = (0, import_core4.forwardRef)(({ color, duration = "1s", ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_icon4.Icon, { ref, viewBox: "0 0 105 105", fill: color, ...rest, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -395,4 +397,4 @@ "animate",
 var Oval = (0, import_core5.forwardRef)(
-  ({ color, secondaryColor, duration = "1s", ...rest }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icon5.Icon, { viewBox: "0 0 38 38", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
+  ({ color, secondaryColor, duration = "1s", ...rest }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icon5.Icon, { ref, viewBox: "0 0 38 38", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -426,4 +428,4 @@ "circle",
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var Puff = (0, import_core6.forwardRef)(({ color, duration = "1.8s", ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icon6.Icon, { viewBox: "0 0 44 44", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("g", { fill: "none", fillRule: "evenodd", strokeWidth: "2", children: [
+var Puff = (0, import_core6.forwardRef)(({ color, duration = "1.8s", ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icon6.Icon, { ref, viewBox: "0 0 44 44", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("g", { fill: "none", fillRule: "evenodd", strokeWidth: "2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("circle", { cx: "22", cy: "22", r: "1", children: [
@@ -492,5 +494,5 @@ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var Rings = (0, import_core7.forwardRef)(({ color, duration = "3s", ...rest }) => {
+var Rings = (0, import_core7.forwardRef)(({ color, duration = "3s", ...rest }, ref) => {
   const dur = typeof duration === "string" ? parseFloat(duration) : duration;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icon7.Icon, { viewBox: "0 0 45 45", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { fill: "none", fillRule: "evenodd", transform: "translate(1 1)", strokeWidth: "2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icon7.Icon, { ref, viewBox: "0 0 45 45", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { fill: "none", fillRule: "evenodd", transform: "translate(1 1)", strokeWidth: "2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("circle", { cx: "22", cy: "22", r: "6", strokeOpacity: "0", children: [
@@ -497,0 +499,0 @@ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(

dist/loading.js

@@ -36,5 +36,5 @@ "use strict";
 var import_jsx_runtime = require("react/jsx-runtime");
-var Audio = (0, import_core.forwardRef)(({ color, duration = "1.4s", ...rest }) => {
+var Audio = (0, import_core.forwardRef)(({ color, duration = "1.4s", ...rest }, ref) => {
   const dur = typeof duration === "string" ? parseFloat(duration) : duration;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 55 80", fill: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "matrix(1 0 0 -1 0 80)", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { ref, viewBox: "0 0 55 80", fill: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "matrix(1 0 0 -1 0 80)", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "10", height: "20", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -91,94 +91,96 @@ "animate",
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Circles = (0, import_core2.forwardRef)(({ color, duration = "3s", ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icon2.Icon, { viewBox: "0 0 58 58", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { transform: "translate(2 1)", stroke: color, strokeWidth: "1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "42.601", cy: "11.462", r: "5", fillOpacity: "1", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "1;0;0;0;0;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "49.063", cy: "27.063", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;1;0;0;0;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "42.601", cy: "42.663", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;1;0;0;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "27", cy: "49.125", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;1;0;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11.399", cy: "42.663", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;0;1;0;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "4.938", cy: "27.063", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;0;0;1;0;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11.399", cy: "11.462", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;0;0;0;1;0",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "27", cy: "5", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "animate",
-      {
-        attributeName: "fill-opacity",
-        begin: "0s",
-        dur: duration,
-        values: "0;0;0;0;0;0;0;1",
-        calcMode: "linear",
-        repeatCount: "indefinite"
-      }
-    ) })
-  ] }) }) });
-});
+var Circles = (0, import_core2.forwardRef)(
+  ({ color, duration = "3s", ...rest }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icon2.Icon, { ref, viewBox: "0 0 58 58", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { transform: "translate(2 1)", stroke: color, strokeWidth: "1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "42.601", cy: "11.462", r: "5", fillOpacity: "1", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "1;0;0;0;0;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "49.063", cy: "27.063", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;1;0;0;0;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "42.601", cy: "42.663", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;1;0;0;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "27", cy: "49.125", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;1;0;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11.399", cy: "42.663", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;0;1;0;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "4.938", cy: "27.063", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;0;0;1;0;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11.399", cy: "11.462", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;0;0;0;1;0",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "27", cy: "5", r: "5", fillOpacity: "0", fill: color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "animate",
+        {
+          attributeName: "fill-opacity",
+          begin: "0s",
+          dur: duration,
+          values: "0;0;0;0;0;0;0;1",
+          calcMode: "linear",
+          repeatCount: "indefinite"
+        }
+      ) })
+    ] }) }) });
+  }
+);
 
@@ -189,4 +191,4 @@ // src/dots.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Dots = (0, import_core3.forwardRef)(({ color, duration = "1s", ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_icon3.Icon, { viewBox: "0 0 120 30", fill: color, ...rest, children: [
+var Dots = (0, import_core3.forwardRef)(({ color, duration = "1s", ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_icon3.Icon, { ref, viewBox: "0 0 120 30", fill: color, ...rest, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("circle", { cx: "15", cy: "15", r: "15", children: [
@@ -283,4 +285,4 @@ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var Grid = (0, import_core4.forwardRef)(({ color, duration = "1s", ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_icon4.Icon, { viewBox: "0 0 105 105", fill: color, ...rest, children: [
+var Grid = (0, import_core4.forwardRef)(({ color, duration = "1s", ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_icon4.Icon, { ref, viewBox: "0 0 105 105", fill: color, ...rest, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -393,4 +395,4 @@ "animate",
 var Oval = (0, import_core5.forwardRef)(
-  ({ color, secondaryColor, duration = "1s", ...rest }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icon5.Icon, { viewBox: "0 0 38 38", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
+  ({ color, secondaryColor, duration = "1s", ...rest }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icon5.Icon, { ref, viewBox: "0 0 38 38", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -424,4 +426,4 @@ "circle",
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var Puff = (0, import_core6.forwardRef)(({ color, duration = "1.8s", ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icon6.Icon, { viewBox: "0 0 44 44", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("g", { fill: "none", fillRule: "evenodd", strokeWidth: "2", children: [
+var Puff = (0, import_core6.forwardRef)(({ color, duration = "1.8s", ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icon6.Icon, { ref, viewBox: "0 0 44 44", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("g", { fill: "none", fillRule: "evenodd", strokeWidth: "2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("circle", { cx: "22", cy: "22", r: "1", children: [
@@ -490,5 +492,5 @@ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var Rings = (0, import_core7.forwardRef)(({ color, duration = "3s", ...rest }) => {
+var Rings = (0, import_core7.forwardRef)(({ color, duration = "3s", ...rest }, ref) => {
   const dur = typeof duration === "string" ? parseFloat(duration) : duration;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icon7.Icon, { viewBox: "0 0 45 45", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { fill: "none", fillRule: "evenodd", transform: "translate(1 1)", strokeWidth: "2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icon7.Icon, { ref, viewBox: "0 0 45 45", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { fill: "none", fillRule: "evenodd", transform: "translate(1 1)", strokeWidth: "2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("circle", { cx: "22", cy: "22", r: "6", strokeOpacity: "0", children: [
@@ -495,0 +497,0 @@ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(

dist/oval.js

@@ -30,4 +30,4 @@ "use strict";
 var Oval = (0, import_core.forwardRef)(
-  ({ color, secondaryColor, duration = "1s", ...rest }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 38 38", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
+  ({ color, secondaryColor, duration = "1s", ...rest }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { ref, viewBox: "0 0 38 38", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -34,0 +34,0 @@ "circle",

dist/puff.js

@@ -29,4 +29,4 @@ "use strict";
 var import_jsx_runtime = require("react/jsx-runtime");
-var Puff = (0, import_core.forwardRef)(({ color, duration = "1.8s", ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 44 44", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", fillRule: "evenodd", strokeWidth: "2", children: [
+var Puff = (0, import_core.forwardRef)(({ color, duration = "1.8s", ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { ref, viewBox: "0 0 44 44", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", fillRule: "evenodd", strokeWidth: "2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("circle", { cx: "22", cy: "22", r: "1", children: [
@@ -33,0 +33,0 @@ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

dist/rings.js

@@ -29,5 +29,5 @@ "use strict";
 var import_jsx_runtime = require("react/jsx-runtime");
-var Rings = (0, import_core.forwardRef)(({ color, duration = "3s", ...rest }) => {
+var Rings = (0, import_core.forwardRef)(({ color, duration = "3s", ...rest }, ref) => {
   const dur = typeof duration === "string" ? parseFloat(duration) : duration;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 45 45", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", fillRule: "evenodd", transform: "translate(1 1)", strokeWidth: "2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { ref, viewBox: "0 0 45 45", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", fillRule: "evenodd", transform: "translate(1 1)", strokeWidth: "2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("circle", { cx: "22", cy: "22", r: "6", strokeOpacity: "0", children: [
@@ -34,0 +34,0 @@ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package.json

 {
   "name": "@yamada-ui/loading",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Yamada UI loading components",
@@ -38,7 +38,7 @@ "keywords": [
   "dependencies": {
-    "@yamada-ui/core": "0.1.4",
-    "@yamada-ui/utils": "0.1.0",
-    "@yamada-ui/use-value": "0.1.4",
-    "@yamada-ui/use-token": "0.1.4",
-    "@yamada-ui/icon": "0.1.4"
+    "@yamada-ui/core": "0.1.5",
+    "@yamada-ui/utils": "0.1.1",
+    "@yamada-ui/use-value": "0.1.5",
+    "@yamada-ui/use-token": "0.1.5",
+    "@yamada-ui/icon": "0.1.5"
   },
@@ -45,0 +45,0 @@ "devDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

95460

increased by1.08%

Lines of code

2710

increased by0.3%

Dependency changes

• + Added@yamada-ui/core@0.1.5(transitive)

• + Added@yamada-ui/icon@0.1.5(transitive)

• + Added@yamada-ui/portal@0.1.2(transitive)

• + Added@yamada-ui/use-breakpoint@0.1.5(transitive)

• + Added@yamada-ui/use-token@0.1.5(transitive)

• + Added@yamada-ui/use-value@0.1.5(transitive)

• + Added@yamada-ui/utils@0.1.1(transitive)

• + Addedcolor2k@2.0.3(transitive)

• - Removed@ctrl/tinycolor@3.6.1(transitive)

• - Removed@fortawesome/fontawesome-common-types@6.7.1(transitive)

• - Removed@fortawesome/fontawesome-svg-core@6.7.1(transitive)

• - Removed@fortawesome/react-fontawesome@0.2.2(transitive)

• - Removed@yamada-ui/core@0.1.4(transitive)

• - Removed@yamada-ui/icon@0.1.4(transitive)

• - Removed@yamada-ui/portal@0.1.1(transitive)

• - Removed@yamada-ui/use-breakpoint@0.1.4(transitive)

• - Removed@yamada-ui/use-token@0.1.4(transitive)

• - Removed@yamada-ui/use-value@0.1.4(transitive)

• - Removed@yamada-ui/utils@0.1.0(transitive)

• - Removedloose-envify@1.4.0(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• Updated@yamada-ui/core@0.1.5

• Updated@yamada-ui/icon@0.1.5

• Updated@yamada-ui/use-token@0.1.5

• Updated@yamada-ui/use-value@0.1.5

• Updated@yamada-ui/utils@0.1.1