Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@yamada-ui/loading

Package Overview
Dependencies
Maintainers
1
Versions
1031
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@yamada-ui/loading - npm Package Compare versions

Comparing version 0.0.0-dev-20230717002511 to 0.0.0-dev-20230718011629

dist/chunk-7O24VYWD.mjs
dist/chunk-MVPVJCOM.mjs
dist/chunk-UXXEGWE6.mjs
dist/chunk-WXGJ3XK6.mjs
dist/chunk-X7GC2MNU.mjs
dist/chunk-YJGJOFTV.mjs

100

dist/audio.js

@@ -29,51 +29,53 @@ "use strict";

var import_jsx_runtime = require("react/jsx-runtime");
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, { 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)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 3}s`,
values: "20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "15", width: "10", height: "80", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 1.4}s`,
values: "80;55;33;5;75;23;73;33;12;14;60;80",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "30", width: "10", height: "50", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur}s`,
values: "50;34;78;23;56;23;34;76;80;54;21;50",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "45", width: "10", height: "30", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 1.4}s`,
values: "30;45;13;80;56;72;45;76;34;23;67;30",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
] }) });
});
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, { 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)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 3}s`,
values: "20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "15", width: "10", height: "80", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 1.4}s`,
values: "80;55;33;5;75;23;73;33;12;14;60;80",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "30", width: "10", height: "50", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur}s`,
values: "50;34;78;23;56;23;34;76;80;54;21;50",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "45", width: "10", height: "30", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 1.4}s`,
values: "30;45;13;80;56;72;45;76;34;23;67;30",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
] }) });
}
);
// Annotate the CommonJS export names for ESM import in node:

@@ -80,0 +82,0 @@ 0 && (module.exports = {

178

dist/dots.js

@@ -29,90 +29,92 @@ "use strict";

var import_jsx_runtime = require("react/jsx-runtime");
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: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
from: "15",
to: "15",
begin: "0s",
dur: duration,
values: "15;9;15",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
dur: duration,
values: "1;.5;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("circle", { cx: "60", cy: "15", r: "9", fillOpacity: "0.3", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
from: "9",
to: "9",
begin: "0s",
dur: duration,
values: "9;15;9",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "0.5",
to: "0.5",
begin: "0s",
dur: duration,
values: ".5;1;.5",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("circle", { cx: "105", cy: "15", r: "15", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
from: "15",
to: "15",
begin: "0s",
dur: duration,
values: "15;9;15",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
dur: duration,
values: "1;.5;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] })
] });
});
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: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
from: "15",
to: "15",
begin: "0s",
dur: duration,
values: "15;9;15",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
dur: duration,
values: "1;.5;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("circle", { cx: "60", cy: "15", r: "9", fillOpacity: "0.3", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
from: "9",
to: "9",
begin: "0s",
dur: duration,
values: "9;15;9",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "0.5",
to: "0.5",
begin: "0s",
dur: duration,
values: ".5;1;.5",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("circle", { cx: "105", cy: "15", r: "15", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
from: "15",
to: "15",
begin: "0s",
dur: duration,
values: "15;9;15",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
dur: duration,
values: "1;.5;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] })
] });
}
);
// Annotate the CommonJS export names for ESM import in node:

@@ -119,0 +121,0 @@ 0 && (module.exports = {

208

dist/grid.js

@@ -29,105 +29,107 @@ "use strict";

var import_jsx_runtime = require("react/jsx-runtime");
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)(
"animate",
{
attributeName: "fill-opacity",
begin: "0s",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12.5", cy: "52.5", r: "12.5", fillOpacity: ".5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "100ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "52.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "300ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "52.5", cy: "52.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "600ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "92.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "800ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "92.5", cy: "52.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "400ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "700ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "52.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "500ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "92.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "200ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
] });
});
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)(
"animate",
{
attributeName: "fill-opacity",
begin: "0s",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12.5", cy: "52.5", r: "12.5", fillOpacity: ".5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "100ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "52.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "300ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "52.5", cy: "52.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "600ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "92.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "800ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "92.5", cy: "52.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "400ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "700ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "52.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "500ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "92.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "200ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
] });
}
);
// Annotate the CommonJS export names for ESM import in node:

@@ -134,0 +136,0 @@ 0 && (module.exports = {

717

dist/index.js

@@ -38,51 +38,53 @@ "use strict";

var import_jsx_runtime = require("react/jsx-runtime");
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, { 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)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 3}s`,
values: "20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "15", width: "10", height: "80", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 1.4}s`,
values: "80;55;33;5;75;23;73;33;12;14;60;80",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "30", width: "10", height: "50", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur}s`,
values: "50;34;78;23;56;23;34;76;80;54;21;50",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "45", width: "10", height: "30", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 1.4}s`,
values: "30;45;13;80;56;72;45;76;34;23;67;30",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
] }) });
});
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, { 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)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 3}s`,
values: "20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "15", width: "10", height: "80", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 1.4}s`,
values: "80;55;33;5;75;23;73;33;12;14;60;80",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "30", width: "10", height: "50", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur}s`,
values: "50;34;78;23;56;23;34;76;80;54;21;50",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "45", width: "10", height: "30", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 1.4}s`,
values: "30;45;13;80;56;72;45;76;34;23;67;30",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
] }) });
}
);

@@ -192,199 +194,203 @@ // src/circles.tsx

var import_jsx_runtime3 = require("react/jsx-runtime");
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: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
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: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"animate",
{
attributeName: "r",
from: "15",
to: "15",
begin: "0s",
dur: duration,
values: "15;9;15",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
dur: duration,
values: "1;.5;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("circle", { cx: "60", cy: "15", r: "9", fillOpacity: "0.3", children: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"animate",
{
attributeName: "r",
from: "9",
to: "9",
begin: "0s",
dur: duration,
values: "9;15;9",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "0.5",
to: "0.5",
begin: "0s",
dur: duration,
values: ".5;1;.5",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("circle", { cx: "105", cy: "15", r: "15", children: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"animate",
{
attributeName: "r",
from: "15",
to: "15",
begin: "0s",
dur: duration,
values: "15;9;15",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
dur: duration,
values: "1;.5;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] })
] });
}
);
// src/grid.tsx
var import_core4 = require("@yamada-ui/core");
var import_icon4 = require("@yamada-ui/icon");
var import_jsx_runtime4 = require("react/jsx-runtime");
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)(
"animate",
{
attributeName: "r",
from: "15",
to: "15",
attributeName: "fill-opacity",
begin: "0s",
dur: duration,
values: "15;9;15",
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12.5", cy: "52.5", r: "12.5", fillOpacity: ".5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
begin: "100ms",
dur: duration,
values: "1;.5;1",
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("circle", { cx: "60", cy: "15", r: "9", fillOpacity: "0.3", children: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "52.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "r",
from: "9",
to: "9",
begin: "0s",
attributeName: "fill-opacity",
begin: "300ms",
dur: duration,
values: "9;15;9",
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "52.5", cy: "52.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "0.5",
to: "0.5",
begin: "0s",
begin: "600ms",
dur: duration,
values: ".5;1;.5",
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("circle", { cx: "105", cy: "15", r: "15", children: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "92.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "r",
from: "15",
to: "15",
begin: "0s",
attributeName: "fill-opacity",
begin: "800ms",
dur: duration,
values: "15;9;15",
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "92.5", cy: "52.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
begin: "400ms",
dur: duration,
values: "1;.5;1",
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] })
] });
});
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "700ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "52.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "500ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "92.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "200ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
] });
}
);
// src/grid.tsx
var import_core4 = require("@yamada-ui/core");
var import_icon4 = require("@yamada-ui/icon");
var import_jsx_runtime4 = require("react/jsx-runtime");
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)(
"animate",
{
attributeName: "fill-opacity",
begin: "0s",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12.5", cy: "52.5", r: "12.5", fillOpacity: ".5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "100ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "52.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "300ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "52.5", cy: "52.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "600ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "92.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "800ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "92.5", cy: "52.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "400ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "700ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "52.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "500ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "92.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "200ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
] });
});
// src/oval.tsx

@@ -425,62 +431,64 @@ var import_core5 = require("@yamada-ui/core");

var import_jsx_runtime6 = require("react/jsx-runtime");
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: [
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "r",
begin: "0s",
dur: duration,
values: "1; 20",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.165, 0.84, 0.44, 1",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "0s",
dur: duration,
values: "1; 0",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.3, 0.61, 0.355, 1",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("circle", { cx: "22", cy: "22", r: "1", children: [
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "r",
begin: "-0.9s",
dur: duration,
values: "1; 20",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.165, 0.84, 0.44, 1",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "-0.9s",
dur: duration,
values: "1; 0",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.3, 0.61, 0.355, 1",
repeatCount: "indefinite"
}
)
] })
] }) });
});
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: [
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "r",
begin: "0s",
dur: duration,
values: "1; 20",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.165, 0.84, 0.44, 1",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "0s",
dur: duration,
values: "1; 0",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.3, 0.61, 0.355, 1",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("circle", { cx: "22", cy: "22", r: "1", children: [
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "r",
begin: "-0.9s",
dur: duration,
values: "1; 20",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.165, 0.84, 0.44, 1",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "-0.9s",
dur: duration,
values: "1; 0",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.3, 0.61, 0.355, 1",
repeatCount: "indefinite"
}
)
] })
] }) });
}
);

@@ -491,88 +499,99 @@ // src/rings.tsx

var import_jsx_runtime7 = require("react/jsx-runtime");
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, { 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: [
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "r",
begin: "1.5s",
dur: `${dur}s`,
values: "6;22",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "1.5s",
dur: `${dur}s`,
values: "1;0",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-width",
begin: "1.5s",
dur: `${dur}s`,
values: "2;0",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("circle", { cx: "22", cy: "22", r: "6", strokeOpacity: "0", children: [
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "r",
begin: "3s",
dur: `${dur}s`,
values: "6;22",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "3s",
dur: `${dur}s`,
values: "1;0",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-width",
begin: "3s",
dur: `${dur}s`,
values: "2;0",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "22", cy: "22", r: "8", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
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, { ref, viewBox: "0 0 45 45", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
"g",
{
attributeName: "r",
begin: "0s",
dur: `${dur / 2}s`,
values: "6;1;2;3;4;5;6",
calcMode: "linear",
repeatCount: "indefinite"
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: [
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "r",
begin: "1.5s",
dur: `${dur}s`,
values: "6;22",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "1.5s",
dur: `${dur}s`,
values: "1;0",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-width",
begin: "1.5s",
dur: `${dur}s`,
values: "2;0",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("circle", { cx: "22", cy: "22", r: "6", strokeOpacity: "0", children: [
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "r",
begin: "3s",
dur: `${dur}s`,
values: "6;22",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "3s",
dur: `${dur}s`,
values: "1;0",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-width",
begin: "3s",
dur: `${dur}s`,
values: "2;0",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "22", cy: "22", r: "8", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "r",
begin: "0s",
dur: `${dur / 2}s`,
values: "6;1;2;3;4;5;6",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
]
}
) })
] }) });
});
) });
}
);

@@ -579,0 +598,0 @@ // src/loading.tsx

717

dist/loading.js

@@ -36,51 +36,53 @@ "use strict";

var import_jsx_runtime = require("react/jsx-runtime");
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, { 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)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 3}s`,
values: "20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "15", width: "10", height: "80", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 1.4}s`,
values: "80;55;33;5;75;23;73;33;12;14;60;80",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "30", width: "10", height: "50", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur}s`,
values: "50;34;78;23;56;23;34;76;80;54;21;50",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "45", width: "10", height: "30", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 1.4}s`,
values: "30;45;13;80;56;72;45;76;34;23;67;30",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
] }) });
});
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, { 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)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 3}s`,
values: "20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "15", width: "10", height: "80", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 1.4}s`,
values: "80;55;33;5;75;23;73;33;12;14;60;80",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "30", width: "10", height: "50", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur}s`,
values: "50;34;78;23;56;23;34;76;80;54;21;50",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "45", width: "10", height: "30", rx: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "height",
begin: "0s",
dur: `${dur * 1.4}s`,
values: "30;45;13;80;56;72;45;76;34;23;67;30",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
] }) });
}
);

@@ -190,199 +192,203 @@ // src/circles.tsx

var import_jsx_runtime3 = require("react/jsx-runtime");
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: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
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: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"animate",
{
attributeName: "r",
from: "15",
to: "15",
begin: "0s",
dur: duration,
values: "15;9;15",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
dur: duration,
values: "1;.5;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("circle", { cx: "60", cy: "15", r: "9", fillOpacity: "0.3", children: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"animate",
{
attributeName: "r",
from: "9",
to: "9",
begin: "0s",
dur: duration,
values: "9;15;9",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "0.5",
to: "0.5",
begin: "0s",
dur: duration,
values: ".5;1;.5",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("circle", { cx: "105", cy: "15", r: "15", children: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"animate",
{
attributeName: "r",
from: "15",
to: "15",
begin: "0s",
dur: duration,
values: "15;9;15",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
dur: duration,
values: "1;.5;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] })
] });
}
);
// src/grid.tsx
var import_core4 = require("@yamada-ui/core");
var import_icon4 = require("@yamada-ui/icon");
var import_jsx_runtime4 = require("react/jsx-runtime");
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)(
"animate",
{
attributeName: "r",
from: "15",
to: "15",
attributeName: "fill-opacity",
begin: "0s",
dur: duration,
values: "15;9;15",
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12.5", cy: "52.5", r: "12.5", fillOpacity: ".5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
begin: "100ms",
dur: duration,
values: "1;.5;1",
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("circle", { cx: "60", cy: "15", r: "9", fillOpacity: "0.3", children: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "52.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "r",
from: "9",
to: "9",
begin: "0s",
attributeName: "fill-opacity",
begin: "300ms",
dur: duration,
values: "9;15;9",
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "52.5", cy: "52.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "0.5",
to: "0.5",
begin: "0s",
begin: "600ms",
dur: duration,
values: ".5;1;.5",
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("circle", { cx: "105", cy: "15", r: "15", children: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "92.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "r",
from: "15",
to: "15",
begin: "0s",
attributeName: "fill-opacity",
begin: "800ms",
dur: duration,
values: "15;9;15",
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "92.5", cy: "52.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
begin: "400ms",
dur: duration,
values: "1;.5;1",
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] })
] });
});
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "700ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "52.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "500ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "92.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "200ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
] });
}
);
// src/grid.tsx
var import_core4 = require("@yamada-ui/core");
var import_icon4 = require("@yamada-ui/icon");
var import_jsx_runtime4 = require("react/jsx-runtime");
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)(
"animate",
{
attributeName: "fill-opacity",
begin: "0s",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12.5", cy: "52.5", r: "12.5", fillOpacity: ".5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "100ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "52.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "300ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "52.5", cy: "52.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "600ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "92.5", cy: "12.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "800ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "92.5", cy: "52.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "400ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "700ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "52.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "500ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) }),
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "92.5", cy: "92.5", r: "12.5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"animate",
{
attributeName: "fill-opacity",
begin: "200ms",
dur: duration,
values: "1;.2;1",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
] });
});
// src/oval.tsx

@@ -423,62 +429,64 @@ var import_core5 = require("@yamada-ui/core");

var import_jsx_runtime6 = require("react/jsx-runtime");
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: [
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "r",
begin: "0s",
dur: duration,
values: "1; 20",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.165, 0.84, 0.44, 1",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "0s",
dur: duration,
values: "1; 0",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.3, 0.61, 0.355, 1",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("circle", { cx: "22", cy: "22", r: "1", children: [
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "r",
begin: "-0.9s",
dur: duration,
values: "1; 20",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.165, 0.84, 0.44, 1",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "-0.9s",
dur: duration,
values: "1; 0",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.3, 0.61, 0.355, 1",
repeatCount: "indefinite"
}
)
] })
] }) });
});
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: [
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "r",
begin: "0s",
dur: duration,
values: "1; 20",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.165, 0.84, 0.44, 1",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "0s",
dur: duration,
values: "1; 0",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.3, 0.61, 0.355, 1",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("circle", { cx: "22", cy: "22", r: "1", children: [
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "r",
begin: "-0.9s",
dur: duration,
values: "1; 20",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.165, 0.84, 0.44, 1",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "-0.9s",
dur: duration,
values: "1; 0",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.3, 0.61, 0.355, 1",
repeatCount: "indefinite"
}
)
] })
] }) });
}
);

@@ -489,88 +497,99 @@ // src/rings.tsx

var import_jsx_runtime7 = require("react/jsx-runtime");
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, { 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: [
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "r",
begin: "1.5s",
dur: `${dur}s`,
values: "6;22",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "1.5s",
dur: `${dur}s`,
values: "1;0",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-width",
begin: "1.5s",
dur: `${dur}s`,
values: "2;0",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("circle", { cx: "22", cy: "22", r: "6", strokeOpacity: "0", children: [
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "r",
begin: "3s",
dur: `${dur}s`,
values: "6;22",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "3s",
dur: `${dur}s`,
values: "1;0",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-width",
begin: "3s",
dur: `${dur}s`,
values: "2;0",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "22", cy: "22", r: "8", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
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, { ref, viewBox: "0 0 45 45", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
"g",
{
attributeName: "r",
begin: "0s",
dur: `${dur / 2}s`,
values: "6;1;2;3;4;5;6",
calcMode: "linear",
repeatCount: "indefinite"
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: [
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "r",
begin: "1.5s",
dur: `${dur}s`,
values: "6;22",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "1.5s",
dur: `${dur}s`,
values: "1;0",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-width",
begin: "1.5s",
dur: `${dur}s`,
values: "2;0",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("circle", { cx: "22", cy: "22", r: "6", strokeOpacity: "0", children: [
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "r",
begin: "3s",
dur: `${dur}s`,
values: "6;22",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "3s",
dur: `${dur}s`,
values: "1;0",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "stroke-width",
begin: "3s",
dur: `${dur}s`,
values: "2;0",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "22", cy: "22", r: "8", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"animate",
{
attributeName: "r",
begin: "0s",
dur: `${dur / 2}s`,
values: "6;1;2;3;4;5;6",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
]
}
) })
] }) });
});
) });
}
);

@@ -577,0 +596,0 @@ // src/loading.tsx

122

dist/puff.js

@@ -29,62 +29,64 @@ "use strict";

var import_jsx_runtime = require("react/jsx-runtime");
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: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
begin: "0s",
dur: duration,
values: "1; 20",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.165, 0.84, 0.44, 1",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "0s",
dur: duration,
values: "1; 0",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.3, 0.61, 0.355, 1",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("circle", { cx: "22", cy: "22", r: "1", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
begin: "-0.9s",
dur: duration,
values: "1; 20",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.165, 0.84, 0.44, 1",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "-0.9s",
dur: duration,
values: "1; 0",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.3, 0.61, 0.355, 1",
repeatCount: "indefinite"
}
)
] })
] }) });
});
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: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
begin: "0s",
dur: duration,
values: "1; 20",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.165, 0.84, 0.44, 1",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "0s",
dur: duration,
values: "1; 0",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.3, 0.61, 0.355, 1",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("circle", { cx: "22", cy: "22", r: "1", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
begin: "-0.9s",
dur: duration,
values: "1; 20",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.165, 0.84, 0.44, 1",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "-0.9s",
dur: duration,
values: "1; 0",
calcMode: "spline",
keyTimes: "0; 1",
keySplines: "0.3, 0.61, 0.355, 1",
repeatCount: "indefinite"
}
)
] })
] }) });
}
);
// Annotate the CommonJS export names for ESM import in node:

@@ -91,0 +93,0 @@ 0 && (module.exports = {

179

dist/rings.js

@@ -29,88 +29,99 @@ "use strict";

var import_jsx_runtime = require("react/jsx-runtime");
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, { 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: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
begin: "1.5s",
dur: `${dur}s`,
values: "6;22",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "1.5s",
dur: `${dur}s`,
values: "1;0",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "stroke-width",
begin: "1.5s",
dur: `${dur}s`,
values: "2;0",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("circle", { cx: "22", cy: "22", r: "6", strokeOpacity: "0", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
begin: "3s",
dur: `${dur}s`,
values: "6;22",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "3s",
dur: `${dur}s`,
values: "1;0",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "stroke-width",
begin: "3s",
dur: `${dur}s`,
values: "2;0",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "22", cy: "22", r: "8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
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, { ref, viewBox: "0 0 45 45", stroke: color, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
"g",
{
attributeName: "r",
begin: "0s",
dur: `${dur / 2}s`,
values: "6;1;2;3;4;5;6",
calcMode: "linear",
repeatCount: "indefinite"
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: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
begin: "1.5s",
dur: `${dur}s`,
values: "6;22",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "1.5s",
dur: `${dur}s`,
values: "1;0",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "stroke-width",
begin: "1.5s",
dur: `${dur}s`,
values: "2;0",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("circle", { cx: "22", cy: "22", r: "6", strokeOpacity: "0", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
begin: "3s",
dur: `${dur}s`,
values: "6;22",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "stroke-opacity",
begin: "3s",
dur: `${dur}s`,
values: "1;0",
calcMode: "linear",
repeatCount: "indefinite"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "stroke-width",
begin: "3s",
dur: `${dur}s`,
values: "2;0",
calcMode: "linear",
repeatCount: "indefinite"
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "22", cy: "22", r: "8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"animate",
{
attributeName: "r",
begin: "0s",
dur: `${dur / 2}s`,
values: "6;1;2;3;4;5;6",
calcMode: "linear",
repeatCount: "indefinite"
}
) })
]
}
) })
] }) });
});
) });
}
);
// Annotate the CommonJS export names for ESM import in node:

@@ -117,0 +128,0 @@ 0 && (module.exports = {

12

package.json
{
"name": "@yamada-ui/loading",
"version": "0.0.0-dev-20230717002511",
"version": "0.0.0-dev-20230718011629",
"description": "Yamada UI loading components",

@@ -38,7 +38,7 @@ "keywords": [

"dependencies": {
"@yamada-ui/core": "0.0.0-dev-20230717002511",
"@yamada-ui/utils": "0.1.3",
"@yamada-ui/use-value": "0.0.0-dev-20230717002511",
"@yamada-ui/use-token": "0.0.0-dev-20230717002511",
"@yamada-ui/icon": "0.0.0-dev-20230717002511"
"@yamada-ui/core": "0.0.0-dev-20230718011629",
"@yamada-ui/utils": "0.0.0-dev-20230718011629",
"@yamada-ui/use-value": "0.0.0-dev-20230718011629",
"@yamada-ui/use-token": "0.0.0-dev-20230718011629",
"@yamada-ui/icon": "0.0.0-dev-20230718011629"
},

@@ -45,0 +45,0 @@ "devDependencies": {

dist/chunk-5LBPNKRR.mjs
dist/chunk-AP7OLANI.mjs
dist/chunk-DXBJM6IU.mjs
dist/chunk-IKJGE7M5.mjs
dist/chunk-L7XB3MBY.mjs
dist/chunk-ZTELYMZS.mjs
dist/audio.mjs

Sorry, the diff of this file is not supported yet

dist/dots.mjs

Sorry, the diff of this file is not supported yet

dist/grid.mjs

Sorry, the diff of this file is not supported yet

dist/index.mjs

Sorry, the diff of this file is not supported yet

dist/loading.mjs

Sorry, the diff of this file is not supported yet

dist/puff.mjs

Sorry, the diff of this file is not supported yet

dist/rings.mjs

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc