@viraui/react 2026.7.1 → 2026.8.0

package/dist/components/spinner/variants/dots.js

@@ -1,189 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-//#region src/components/spinner/variants/dots.tsx
-/** Sanitize React useId for SVG id / begin references (strip `:`). */
-var smilId = (reactId, name) => `${reactId.replaceAll(":", "")}${name}`;
-var spline = {
-	calcMode: "spline",
-	dur: "0.5s",
-	keySplines: ".36,.6,.31,1",
-	fill: "freeze"
-};
-var DotsGlyph = () => {
-	const reactId = useId();
-	const z0Or = smilId(reactId, "z0Or");
-	const lo66 = smilId(reactId, "lo66");
-	const OLMs = smilId(reactId, "OLMs");
-	const UHR2 = smilId(reactId, "UHR2");
-	const Aguh = smilId(reactId, "Aguh");
-	const JsnR = smilId(reactId, "JsnR");
-	const hSjk = smilId(reactId, "hSjk");
-	const v4v5M = smilId(reactId, "4v5M");
-	return /* @__PURE__ */ jsxs("g", {
-		fill: "currentColor",
-		children: [
-			/* @__PURE__ */ jsxs("circle", {
-				cx: "4",
-				cy: "12",
-				r: "0",
-				children: [
-					/* @__PURE__ */ jsx("animate", {
-						begin: `0;${z0Or}.end`,
-						attributeName: "r",
-						...spline,
-						values: "0;3"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						begin: `${OLMs}.end`,
-						attributeName: "cx",
-						...spline,
-						values: "4;12"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						begin: `${UHR2}.end`,
-						attributeName: "cx",
-						...spline,
-						values: "12;20"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						id: lo66,
-						begin: `${Aguh}.end`,
-						attributeName: "r",
-						...spline,
-						values: "3;0"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						id: z0Or,
-						begin: `${lo66}.end`,
-						attributeName: "cx",
-						dur: "0.001s",
-						values: "20;4",
-						fill: "freeze"
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("circle", {
-				cx: "4",
-				cy: "12",
-				r: "3",
-				children: [
-					/* @__PURE__ */ jsx("animate", {
-						begin: `0;${z0Or}.end`,
-						attributeName: "cx",
-						...spline,
-						values: "4;12"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						begin: `${OLMs}.end`,
-						attributeName: "cx",
-						...spline,
-						values: "12;20"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						id: JsnR,
-						begin: `${UHR2}.end`,
-						attributeName: "r",
-						...spline,
-						values: "3;0"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						id: Aguh,
-						begin: `${JsnR}.end`,
-						attributeName: "cx",
-						dur: "0.001s",
-						values: "20;4",
-						fill: "freeze"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						begin: `${Aguh}.end`,
-						attributeName: "r",
-						...spline,
-						values: "0;3"
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("circle", {
-				cx: "12",
-				cy: "12",
-				r: "3",
-				children: [
-					/* @__PURE__ */ jsx("animate", {
-						begin: `0;${z0Or}.end`,
-						attributeName: "cx",
-						...spline,
-						values: "12;20"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						id: hSjk,
-						begin: `${OLMs}.end`,
-						attributeName: "r",
-						...spline,
-						values: "3;0"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						id: UHR2,
-						begin: `${hSjk}.end`,
-						attributeName: "cx",
-						dur: "0.001s",
-						values: "20;4",
-						fill: "freeze"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						begin: `${UHR2}.end`,
-						attributeName: "r",
-						...spline,
-						values: "0;3"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						begin: `${Aguh}.end`,
-						attributeName: "cx",
-						...spline,
-						values: "4;12"
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("circle", {
-				cx: "20",
-				cy: "12",
-				r: "3",
-				children: [
-					/* @__PURE__ */ jsx("animate", {
-						id: v4v5M,
-						begin: `0;${z0Or}.end`,
-						attributeName: "r",
-						...spline,
-						values: "3;0"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						id: OLMs,
-						begin: `${v4v5M}.end`,
-						attributeName: "cx",
-						dur: "0.001s",
-						values: "20;4",
-						fill: "freeze"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						begin: `${OLMs}.end`,
-						attributeName: "r",
-						...spline,
-						values: "0;3"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						begin: `${UHR2}.end`,
-						attributeName: "cx",
-						...spline,
-						values: "4;12"
-					}),
-					/* @__PURE__ */ jsx("animate", {
-						begin: `${Aguh}.end`,
-						attributeName: "cx",
-						...spline,
-						values: "12;20"
-					})
-				]
-			})
-		]
-	});
-};
-//#endregion
-export { DotsGlyph as default };