@viraui/react 2026.7.1 → 2026.8.0

package/dist/components/spinner/variants/comet.module.js

@@ -0,0 +1,10 @@
+//#region src/components/spinner/variants/comet.module.css
+var Spin = "viraui__comet-module__Spin_c3-Xl";
+var Tail = "viraui__comet-module__Tail_z8BYu";
+var comet_module_default = {
+	Spin,
+	"spinner-comet-spin": "viraui__comet-module__spinner-comet-spin_SPgQw",
+	Tail
+};
+//#endregion
+export { Spin, Tail, comet_module_default as default };

package/dist/components/spinner/variants/compass.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@keyframes viraui__compass-module__spinner-compass-turn_3aWjs{to{transform:rotate(90deg)}}.viraui__compass-module__Ticks_3YSLB{transform-origin:12px 12px;animation:viraui__compass-module__spinner-compass-turn_3aWjs .5s ease-in-out infinite;@media (prefers-reduced-motion:reduce){animation:none}}}

package/dist/components/spinner/variants/compass.d.ts

@@ -0,0 +1,2 @@
+declare const CompassGlyph: React.FC;
+export default CompassGlyph;

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

@@ -0,0 +1,16 @@
+import './compass.css';
+import compass_module_default from "./compass.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/spinner/variants/compass.tsx
+var CompassGlyph = () => /* @__PURE__ */ jsxs("g", {
+	className: compass_module_default.Ticks,
+	fill: "currentColor",
+	children: [
+		/* @__PURE__ */ jsx("path", { d: "M11 1C11 0.447715 11.4477 0 12 0C12.5523 0 13 0.447715 13 1V5C13 5.55228 12.5523 6 12 6C11.4477 6 11 5.55228 11 5V1Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M19 13C18.4477 13 18 12.5523 18 12C18 11.4477 18.4477 11 19 11H23C23.5523 11 24 11.4477 24 12C24 12.5523 23.5523 13 23 13H19Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M11 19C11 18.4477 11.4477 18 12 18C12.5523 18 13 18.4477 13 19V23C13 23.5523 12.5523 24 12 24C11.4477 24 11 23.5523 11 23V19Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M1 13C0.447715 13 0 12.5523 0 12C0 11.4477 0.447715 11 1 11H5C5.55228 11 6 11.4477 6 12C6 12.5523 5.55228 13 5 13H1Z" })
+	]
+});
+//#endregion
+export { CompassGlyph as default };

package/dist/components/spinner/variants/compass.module.js

@@ -0,0 +1,8 @@
+//#region src/components/spinner/variants/compass.module.css
+var Ticks = "viraui__compass-module__Ticks_3YSLB";
+var compass_module_default = {
+	Ticks,
+	"spinner-compass-turn": "viraui__compass-module__spinner-compass-turn_3aWjs"
+};
+//#endregion
+export { Ticks, compass_module_default as default };

package/dist/components/spinner/variants/dual.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@keyframes viraui__dual-module__spinner-dual-spin_do4HR{to{transform:rotate(1turn)}}.viraui__dual-module__Outer_s1xdV{transform-origin:12px 12px;animation:viraui__dual-module__spinner-dual-spin_do4HR 1s linear infinite;@media (prefers-reduced-motion:reduce){animation:none}}.viraui__dual-module__Inner_OMciE{transform-origin:12px 12px;animation:viraui__dual-module__spinner-dual-spin_do4HR 1s linear infinite reverse;@media (prefers-reduced-motion:reduce){animation:none;transform:rotate(180deg)}}}

package/dist/components/spinner/variants/dual.d.ts

@@ -0,0 +1,2 @@
+declare const DualGlyph: React.FC;
+export default DualGlyph;

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

@@ -0,0 +1,25 @@
+import './dual.css';
+import dual_module_default from "./dual.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/spinner/variants/dual.tsx
+var DualGlyph = () => /* @__PURE__ */ jsxs("g", {
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.5",
+	strokeLinecap: "round",
+	children: [/* @__PURE__ */ jsx("circle", {
+		className: dual_module_default.Outer,
+		cx: "12",
+		cy: "12",
+		r: "10",
+		strokeDasharray: "18 44.8"
+	}), /* @__PURE__ */ jsx("circle", {
+		className: dual_module_default.Inner,
+		cx: "12",
+		cy: "12",
+		r: "5.5",
+		strokeDasharray: "10 24.6"
+	})]
+});
+//#endregion
+export { DualGlyph as default };

package/dist/components/spinner/variants/dual.module.js

@@ -0,0 +1,10 @@
+//#region src/components/spinner/variants/dual.module.css
+var Outer = "viraui__dual-module__Outer_s1xdV";
+var Inner = "viraui__dual-module__Inner_OMciE";
+var dual_module_default = {
+	Outer,
+	"spinner-dual-spin": "viraui__dual-module__spinner-dual-spin_do4HR",
+	Inner
+};
+//#endregion
+export { Inner, Outer, dual_module_default as default };

package/dist/components/spinner/variants/eclipse.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@keyframes viraui__eclipse-module__spinner-eclipse-slide_UT5Mk{0%,to{translate:75% 0}50%{translate:-75% 0}}@keyframes viraui__eclipse-module__spinner-eclipse-depth_SYERa{0%,50%,to{opacity:.75;scale:1}25%{opacity:1;scale:1.3}75%{opacity:.5;scale:.7}}.viraui__eclipse-module__Dot_huRa-{transform-box:fill-box;transform-origin:center;animation:viraui__eclipse-module__spinner-eclipse-slide_UT5Mk 1.2s ease-in-out infinite,viraui__eclipse-module__spinner-eclipse-depth_SYERa 1.2s ease-in-out infinite;animation-delay:calc(1.2s * (var(--__spinner-eclipse-step) - 2) / 2);@media (prefers-reduced-motion:reduce){animation:none;opacity:.75;translate:calc(var(--__spinner-eclipse-step) * 150% - 75%) 0}}}

package/dist/components/spinner/variants/eclipse.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Two dots at viewBox center (40% diameter), slide ±75% of own box + scale/opacity.
+ * Pure SVG — same motion as upstream HTML eclipse.
+ */
+declare const EclipseGlyph: React.FC;
+export default EclipseGlyph;

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

@@ -0,0 +1,21 @@
+import './eclipse.css';
+import eclipse_module_default from "./eclipse.module.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/spinner/variants/eclipse.tsx
+var DOTS = [0, 1];
+/**
+* Two dots at viewBox center (40% diameter), slide ±75% of own box + scale/opacity.
+* Pure SVG — same motion as upstream HTML eclipse.
+*/
+var EclipseGlyph = () => /* @__PURE__ */ jsx("g", {
+	fill: "currentColor",
+	children: DOTS.map((index) => /* @__PURE__ */ jsx("circle", {
+		className: eclipse_module_default.Dot,
+		cx: "12",
+		cy: "12",
+		r: "4.8",
+		style: { "--__spinner-eclipse-step": index }
+	}, index))
+});
+//#endregion
+export { EclipseGlyph as default };

package/dist/components/spinner/variants/eclipse.module.js

@@ -0,0 +1,9 @@
+//#region src/components/spinner/variants/eclipse.module.css
+var Dot = "viraui__eclipse-module__Dot_huRa-";
+var eclipse_module_default = {
+	Dot,
+	"spinner-eclipse-slide": "viraui__eclipse-module__spinner-eclipse-slide_UT5Mk",
+	"spinner-eclipse-depth": "viraui__eclipse-module__spinner-eclipse-depth_SYERa"
+};
+//#endregion
+export { Dot, eclipse_module_default as default };

package/dist/components/spinner/variants/flip.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@keyframes viraui__flip-module__spinner-flip-turn_2npnF{0%{transform:rotateX(0deg) rotateY(0deg)}50%{transform:rotateX(-180deg) rotateY(0deg)}to{transform:rotateX(-180deg) rotateY(-180deg)}}.viraui__flip-module__Face_sWidL{transform-box:fill-box;transform-origin:center;animation:viraui__flip-module__spinner-flip-turn_2npnF 1.2s ease-in-out infinite;@media (prefers-reduced-motion:reduce){animation:none}}}

package/dist/components/spinner/variants/flip.d.ts

@@ -0,0 +1,2 @@
+declare const FlipGlyph: React.FC;
+export default FlipGlyph;

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

@@ -0,0 +1,17 @@
+import './flip.css';
+import flip_module_default from "./flip.module.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/spinner/variants/flip.tsx
+var FlipGlyph = () => /* @__PURE__ */ jsx("g", {
+	fill: "currentColor",
+	children: /* @__PURE__ */ jsx("rect", {
+		className: flip_module_default.Face,
+		x: "4.3",
+		y: "4.3",
+		width: "15.4",
+		height: "15.4",
+		rx: "1.4"
+	})
+});
+//#endregion
+export { FlipGlyph as default };

package/dist/components/spinner/variants/flip.module.js

@@ -0,0 +1,8 @@
+//#region src/components/spinner/variants/flip.module.css
+var Face = "viraui__flip-module__Face_sWidL";
+var flip_module_default = {
+	Face,
+	"spinner-flip-turn": "viraui__flip-module__spinner-flip-turn_2npnF"
+};
+//#endregion
+export { Face, flip_module_default as default };

package/dist/components/spinner/variants/gather.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@keyframes viraui__gather-module__spinner-gather-turn_RgIC9{0%,30%{transform:rotate(0deg)}60%,to{transform:rotate(90deg)}}@keyframes viraui__gather-module__spinner-gather-pull_KCs6V{0%,to{transform:translate(0)}30%,60%{transform:translate(calc(var(--__spinner-gather-x) * var(--__spinner-gather-pull)),calc(var(--__spinner-gather-y) * var(--__spinner-gather-pull)))}}.viraui__gather-module__Group_kcfiS{transform-origin:12px 12px;animation:viraui__gather-module__spinner-gather-turn_RgIC9 1.6s ease-in-out infinite;@media (prefers-reduced-motion:reduce){animation:none}}.viraui__gather-module__Block_5DVf7{transform-box:fill-box;transform-origin:center;animation:viraui__gather-module__spinner-gather-pull_KCs6V 1.6s ease-in-out infinite;@media (prefers-reduced-motion:reduce){animation:none}}}

package/dist/components/spinner/variants/gather.d.ts

@@ -0,0 +1,2 @@
+declare const GatherGlyph: React.FC;
+export default GatherGlyph;

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

@@ -0,0 +1,50 @@
+import './gather.css';
+import gather_module_default from "./gather.module.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/spinner/variants/gather.tsx
+/** Upstream: GAP 24%, GAP_IN 8%, block = (100 − GAP) / 2. */
+var SIZE = 24;
+var BLOCK = 18.240000000000002 / 2;
+var PULL = 3.84 / 2;
+var RADIUS = SIZE * .14;
+var BLOCKS = [
+	{
+		x: 1,
+		y: 1
+	},
+	{
+		x: -1,
+		y: 1
+	},
+	{
+		x: 1,
+		y: -1
+	},
+	{
+		x: -1,
+		y: -1
+	}
+];
+var GatherGlyph = () => /* @__PURE__ */ jsx("g", {
+	className: gather_module_default.Group,
+	fill: "currentColor",
+	children: BLOCKS.map(({ x, y }, index) => {
+		const col = index % 2;
+		const row = Math.floor(index / 2);
+		return /* @__PURE__ */ jsx("rect", {
+			className: gather_module_default.Block,
+			x: col * 14.88,
+			y: row * 14.88,
+			width: BLOCK,
+			height: BLOCK,
+			rx: RADIUS,
+			style: {
+				"--__spinner-gather-x": x,
+				"--__spinner-gather-y": y,
+				"--__spinner-gather-pull": `${PULL}px`
+			}
+		}, `${x}${y}`);
+	})
+});
+//#endregion
+export { GatherGlyph as default };

package/dist/components/spinner/variants/gather.module.js

@@ -0,0 +1,11 @@
+//#region src/components/spinner/variants/gather.module.css
+var Group = "viraui__gather-module__Group_kcfiS";
+var Block = "viraui__gather-module__Block_5DVf7";
+var gather_module_default = {
+	Group,
+	"spinner-gather-turn": "viraui__gather-module__spinner-gather-turn_RgIC9",
+	Block,
+	"spinner-gather-pull": "viraui__gather-module__spinner-gather-pull_KCs6V"
+};
+//#endregion
+export { Block, Group, gather_module_default as default };

package/dist/components/spinner/variants/index.d.ts

@@ -1,5 +1,13 @@
 import { ComponentType } from 'react';
-export type SpinnerVariant = 'bars' | 'dot-grid' | 'dots';
+export type SpinnerCatalogVariant = 'arc' | 'atom' | 'blocks' | 'bouncing-dots' | 'cascade' | 'circular-dots' | 'classic' | 'classic-v2' | 'clock' | 'comet' | 'compass' | 'dual' | 'eclipse' | 'flip' | 'gather' | 'leap' | 'linear-dots' | 'loading' | 'morph' | 'orbit' | 'pulse' | 'radar' | 'ring' | 'ripple' | 'slide' | 'snake' | 'swirl' | 'trace' | 'wave';
+export type SpinnerLegacyVariant = 'bars' | 'dot-grid' | 'dots';
+export type SpinnerVariant = SpinnerCatalogVariant | SpinnerLegacyVariant;
+/** Alias → canonical catalog name (docs / tests). */
+export declare const SPINNER_CANONICAL: {
+    readonly bars: "wave";
+    readonly 'dot-grid': "blocks";
+    readonly dots: "eclipse";
+};
 export declare const SPINNER_VIEW_BOXES: Record<SpinnerVariant, string>;
 export declare const SPINNER_GLYPHS: Record<SpinnerVariant, ComponentType>;
 export declare const isLazySpinnerVariant: (variant: SpinnerVariant) => boolean;

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

@@ -1,18 +1,104 @@
-import BarsGlyph from "./bars.js";
+import WaveGlyph from "./wave.js";
 import { lazy } from "react";
 //#region src/components/spinner/variants/index.ts
+var VIEW_BOX_24 = "0 0 24 24";
+var BlocksGlyph = lazy(() => import("./blocks.js"));
+var EclipseGlyph = lazy(() => import("./eclipse.js"));
+var ArcGlyph = lazy(() => import("./arc.js"));
+var AtomGlyph = lazy(() => import("./atom.js"));
+var BouncingDotsGlyph = lazy(() => import("./bouncing-dots.js"));
+var CascadeGlyph = lazy(() => import("./cascade.js"));
+var CircularDotsGlyph = lazy(() => import("./circular-dots.js"));
+var ClassicGlyph = lazy(() => import("./classic.js"));
+var ClassicV2Glyph = lazy(() => import("./classic-v2.js"));
+var ClockGlyph = lazy(() => import("./clock.js"));
+var CometGlyph = lazy(() => import("./comet.js"));
+var CompassGlyph = lazy(() => import("./compass.js"));
+var DualGlyph = lazy(() => import("./dual.js"));
+var FlipGlyph = lazy(() => import("./flip.js"));
+var GatherGlyph = lazy(() => import("./gather.js"));
+var LeapGlyph = lazy(() => import("./leap.js"));
+var LinearDotsGlyph = lazy(() => import("./linear-dots.js"));
+var LoadingGlyph = lazy(() => import("./loading.js"));
+var MorphGlyph = lazy(() => import("./morph.js"));
+var OrbitGlyph = lazy(() => import("./orbit.js"));
+var PulseGlyph = lazy(() => import("./pulse.js"));
+var RadarGlyph = lazy(() => import("./radar.js"));
+var RingGlyph = lazy(() => import("./ring.js"));
+var RippleGlyph = lazy(() => import("./ripple.js"));
+var SlideGlyph = lazy(() => import("./slide.js"));
+var SnakeGlyph = lazy(() => import("./snake.js"));
+var SwirlGlyph = lazy(() => import("./swirl.js"));
+var TraceGlyph = lazy(() => import("./trace.js"));
 var SPINNER_VIEW_BOXES = {
-	bars: "0 0 24 24",
-	"dot-grid": "-13 -13 45 45",
-	dots: "0 0 24 24"
+	arc: VIEW_BOX_24,
+	atom: VIEW_BOX_24,
+	blocks: VIEW_BOX_24,
+	"bouncing-dots": VIEW_BOX_24,
+	cascade: VIEW_BOX_24,
+	"circular-dots": VIEW_BOX_24,
+	classic: VIEW_BOX_24,
+	"classic-v2": VIEW_BOX_24,
+	clock: VIEW_BOX_24,
+	comet: VIEW_BOX_24,
+	compass: VIEW_BOX_24,
+	dual: VIEW_BOX_24,
+	eclipse: VIEW_BOX_24,
+	flip: VIEW_BOX_24,
+	gather: VIEW_BOX_24,
+	leap: VIEW_BOX_24,
+	"linear-dots": VIEW_BOX_24,
+	loading: VIEW_BOX_24,
+	morph: VIEW_BOX_24,
+	orbit: VIEW_BOX_24,
+	pulse: VIEW_BOX_24,
+	radar: VIEW_BOX_24,
+	ring: VIEW_BOX_24,
+	ripple: VIEW_BOX_24,
+	slide: VIEW_BOX_24,
+	snake: VIEW_BOX_24,
+	swirl: VIEW_BOX_24,
+	trace: VIEW_BOX_24,
+	wave: VIEW_BOX_24,
+	bars: VIEW_BOX_24,
+	"dot-grid": VIEW_BOX_24,
+	dots: VIEW_BOX_24
 };
-var DotGridGlyph = lazy(() => import("./dot-grid.js"));
-var DotsGlyph = lazy(() => import("./dots.js"));
 var SPINNER_GLYPHS = {
-	bars: BarsGlyph,
-	"dot-grid": DotGridGlyph,
-	dots: DotsGlyph
+	wave: WaveGlyph,
+	bars: WaveGlyph,
+	blocks: BlocksGlyph,
+	"dot-grid": BlocksGlyph,
+	eclipse: EclipseGlyph,
+	dots: EclipseGlyph,
+	arc: ArcGlyph,
+	atom: AtomGlyph,
+	"bouncing-dots": BouncingDotsGlyph,
+	cascade: CascadeGlyph,
+	"circular-dots": CircularDotsGlyph,
+	classic: ClassicGlyph,
+	"classic-v2": ClassicV2Glyph,
+	clock: ClockGlyph,
+	comet: CometGlyph,
+	compass: CompassGlyph,
+	dual: DualGlyph,
+	flip: FlipGlyph,
+	gather: GatherGlyph,
+	leap: LeapGlyph,
+	"linear-dots": LinearDotsGlyph,
+	loading: LoadingGlyph,
+	morph: MorphGlyph,
+	orbit: OrbitGlyph,
+	pulse: PulseGlyph,
+	radar: RadarGlyph,
+	ring: RingGlyph,
+	ripple: RippleGlyph,
+	slide: SlideGlyph,
+	snake: SnakeGlyph,
+	swirl: SwirlGlyph,
+	trace: TraceGlyph
 };
-var isLazySpinnerVariant = (variant) => variant === "dot-grid" || variant === "dots";
+var EAGER_VARIANTS = /* @__PURE__ */ new Set(["wave", "bars"]);
+var isLazySpinnerVariant = (variant) => !EAGER_VARIANTS.has(variant);
 //#endregion
 export { SPINNER_GLYPHS, SPINNER_VIEW_BOXES, isLazySpinnerVariant };

package/dist/components/spinner/variants/leap.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@keyframes viraui__leap-module__spinner-leap-hop_k9ma5{0%{transform:translateX(0) rotate(0deg)}33.33%{transform:translateX(0) rotate(180deg)}66.66%{transform:translateX(-39%) rotate(180deg)}to{transform:translateX(-78%) rotate(180deg)}}.viraui__leap-module__Hop_xIPGy{transform-box:view-box;transform-origin:center;animation:viraui__leap-module__spinner-leap-hop_k9ma5 1.8s ease-in-out infinite;animation-delay:calc(1.8s * (var(--__spinner-leap-step) - 3) / 3);@media (prefers-reduced-motion:reduce){animation:none;transform:translateX(calc(var(--__spinner-leap-step) * 39%))}}}

package/dist/components/spinner/variants/leap.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Leap hop = rotate 180° about viewBox center (dot swings L→R), then slide left by gap.
+ * Pure SVG — `transform-box: view-box` so % tracks host like upstream HTML wrapper.
+ */
+declare const LeapGlyph: React.FC;
+export default LeapGlyph;

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

@@ -0,0 +1,27 @@
+import './leap.css';
+import leap_module_default from "./leap.module.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/spinner/variants/leap.tsx
+var DOTS = [
+	0,
+	1,
+	2
+];
+/** Dot diameter = 22% of viewBox → r = 2.64; rests on leading (left) edge. */
+var DOT_R = 2.64;
+/**
+* Leap hop = rotate 180° about viewBox center (dot swings L→R), then slide left by gap.
+* Pure SVG — `transform-box: view-box` so % tracks host like upstream HTML wrapper.
+*/
+var LeapGlyph = () => /* @__PURE__ */ jsx("g", {
+	fill: "currentColor",
+	children: DOTS.map((index) => /* @__PURE__ */ jsx("circle", {
+		className: leap_module_default.Hop,
+		cx: DOT_R,
+		cy: "12",
+		r: DOT_R,
+		style: { "--__spinner-leap-step": index }
+	}, index))
+});
+//#endregion
+export { LeapGlyph as default };

package/dist/components/spinner/variants/leap.module.js

@@ -0,0 +1,8 @@
+//#region src/components/spinner/variants/leap.module.css
+var Hop = "viraui__leap-module__Hop_xIPGy";
+var leap_module_default = {
+	Hop,
+	"spinner-leap-hop": "viraui__leap-module__spinner-leap-hop_k9ma5"
+};
+//#endregion
+export { Hop, leap_module_default as default };

package/dist/components/spinner/variants/linear-dots.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@keyframes viraui__linear-dots-module__spinner-linear-dots-fade_FBBP3{0%,to{opacity:1}66.67%{opacity:.5}}.viraui__linear-dots-module__Dot_FZUkL{animation:viraui__linear-dots-module__spinner-linear-dots-fade_FBBP3 .9s linear infinite;animation-delay:calc(.9s * (var(--__spinner-linear-dots-step) - 3) / 3);@media (prefers-reduced-motion:reduce){animation:none;opacity:.75}}}

package/dist/components/spinner/variants/linear-dots.d.ts

@@ -0,0 +1,2 @@
+declare const LinearDotsGlyph: React.FC;
+export default LinearDotsGlyph;

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

@@ -0,0 +1,21 @@
+import './linear-dots.css';
+import linear_dots_module_default from "./linear-dots.module.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/spinner/variants/linear-dots.tsx
+var DOTS = [
+	0,
+	1,
+	2
+];
+var LinearDotsGlyph = () => /* @__PURE__ */ jsx("g", {
+	fill: "currentColor",
+	children: DOTS.map((index) => /* @__PURE__ */ jsx("circle", {
+		className: linear_dots_module_default.Dot,
+		cx: 5.5 + index * 6.5,
+		cy: "12",
+		r: "2.25",
+		style: { "--__spinner-linear-dots-step": index }
+	}, index))
+});
+//#endregion
+export { LinearDotsGlyph as default };

package/dist/components/spinner/variants/linear-dots.module.js

@@ -0,0 +1,8 @@
+//#region src/components/spinner/variants/linear-dots.module.css
+var Dot = "viraui__linear-dots-module__Dot_FZUkL";
+var linear_dots_module_default = {
+	Dot,
+	"spinner-linear-dots-fade": "viraui__linear-dots-module__spinner-linear-dots-fade_FBBP3"
+};
+//#endregion
+export { Dot, linear_dots_module_default as default };

package/dist/components/spinner/variants/loading.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@keyframes viraui__loading-module__spinner-loading-fade_KoPNK{0%{opacity:1}to{opacity:.2}}.viraui__loading-module__Segment_qgv4H{animation:viraui__loading-module__spinner-loading-fade_KoPNK 1s linear infinite;animation-delay:calc(1s * (var(--__spinner-loading-step) - 8) / 8);@media (prefers-reduced-motion:reduce){animation:none;opacity:.6}}}

package/dist/components/spinner/variants/loading.d.ts

@@ -0,0 +1,2 @@
+declare const LoadingGlyph: React.FC;
+export default LoadingGlyph;

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

@@ -0,0 +1,50 @@
+import './loading.css';
+import loading_module_default from "./loading.module.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/spinner/variants/loading.tsx
+var BLOCK = "M0 0h1.5v1.5H0zM3 0h1.5v1.5H3zM0 3h1.5v1.5H0zM3 3h1.5v1.5H3z";
+var SEGMENTS = [
+	{
+		x: 18,
+		y: 9
+	},
+	{
+		x: 15,
+		y: 15
+	},
+	{
+		x: 9,
+		y: 18
+	},
+	{
+		x: 3,
+		y: 15
+	},
+	{
+		x: 0,
+		y: 9
+	},
+	{
+		x: 3,
+		y: 3
+	},
+	{
+		x: 9,
+		y: 0
+	},
+	{
+		x: 15,
+		y: 3
+	}
+];
+var LoadingGlyph = () => /* @__PURE__ */ jsx("g", {
+	fill: "currentColor",
+	children: SEGMENTS.map(({ x, y }, index) => /* @__PURE__ */ jsx("path", {
+		className: loading_module_default.Segment,
+		d: BLOCK,
+		transform: `translate(${x} ${y})`,
+		style: { "--__spinner-loading-step": index }
+	}, `${x}-${y}`))
+});
+//#endregion
+export { LoadingGlyph as default };

package/dist/components/spinner/variants/loading.module.js

@@ -0,0 +1,8 @@
+//#region src/components/spinner/variants/loading.module.css
+var Segment = "viraui__loading-module__Segment_qgv4H";
+var loading_module_default = {
+	Segment,
+	"spinner-loading-fade": "viraui__loading-module__spinner-loading-fade_KoPNK"
+};
+//#endregion
+export { Segment, loading_module_default as default };

package/dist/components/spinner/variants/morph.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@keyframes viraui__morph-module__spinner-morph-round_5GM8w{0%{rx:1.9px;ry:1.9px;transform:rotate(0deg)}50%{rx:7.7px;ry:7.7px;transform:rotate(45deg)}to{rx:1.9px;ry:1.9px;transform:rotate(90deg)}}.viraui__morph-module__Shape_vZzeb{transform-box:fill-box;transform-origin:center;animation:viraui__morph-module__spinner-morph-round_5GM8w 1.2s ease-in-out infinite;@media (prefers-reduced-motion:reduce){animation:none}}}

package/dist/components/spinner/variants/morph.d.ts

@@ -0,0 +1,2 @@
+declare const MorphGlyph: React.FC;
+export default MorphGlyph;

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

@@ -0,0 +1,17 @@
+import './morph.css';
+import morph_module_default from "./morph.module.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/spinner/variants/morph.tsx
+var MorphGlyph = () => /* @__PURE__ */ jsx("g", {
+	fill: "currentColor",
+	children: /* @__PURE__ */ jsx("rect", {
+		className: morph_module_default.Shape,
+		x: "4.3",
+		y: "4.3",
+		width: "15.4",
+		height: "15.4",
+		rx: "1.9"
+	})
+});
+//#endregion
+export { MorphGlyph as default };

package/dist/components/spinner/variants/morph.module.js

@@ -0,0 +1,8 @@
+//#region src/components/spinner/variants/morph.module.css
+var Shape = "viraui__morph-module__Shape_vZzeb";
+var morph_module_default = {
+	Shape,
+	"spinner-morph-round": "viraui__morph-module__spinner-morph-round_5GM8w"
+};
+//#endregion
+export { Shape, morph_module_default as default };

package/dist/components/spinner/variants/orbit.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@keyframes viraui__orbit-module__spinner-orbit-spin_unNkn{to{transform:rotate(1turn)}}.viraui__orbit-module__Track_kisTF{transform-origin:12px 12px;animation:viraui__orbit-module__spinner-orbit-spin_unNkn .75s linear infinite;@media (prefers-reduced-motion:reduce){animation:none}}}

package/dist/components/spinner/variants/orbit.d.ts

@@ -0,0 +1,2 @@
+declare const OrbitGlyph: React.FC;
+export default OrbitGlyph;

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

@@ -0,0 +1,24 @@
+import './orbit.css';
+import orbit_module_default from "./orbit.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/spinner/variants/orbit.tsx
+var OrbitGlyph = () => /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("circle", {
+	cx: "12",
+	cy: "12",
+	r: "3",
+	fill: "currentColor"
+}), /* @__PURE__ */ jsx("g", {
+	className: orbit_module_default.Track,
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	children: /* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "9",
+		strokeDasharray: "28 28.5"
+	})
+})] });
+//#endregion
+export { OrbitGlyph as default };

package/dist/components/spinner/variants/orbit.module.js

@@ -0,0 +1,8 @@
+//#region src/components/spinner/variants/orbit.module.css
+var Track = "viraui__orbit-module__Track_kisTF";
+var orbit_module_default = {
+	Track,
+	"spinner-orbit-spin": "viraui__orbit-module__spinner-orbit-spin_unNkn"
+};
+//#endregion
+export { Track, orbit_module_default as default };

package/dist/components/spinner/variants/pulse.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@keyframes viraui__pulse-module__spinner-pulse-ripple_uxhZW{0%{opacity:.4;transform:scale(.25)}to{opacity:0;transform:scale(1)}}.viraui__pulse-module__Ring_urT8a{transform-origin:12px 12px;animation:viraui__pulse-module__spinner-pulse-ripple_uxhZW 1.2s ease-out infinite;@media (prefers-reduced-motion:reduce){animation:none;opacity:.2}}}

package/dist/components/spinner/variants/pulse.d.ts

@@ -0,0 +1,2 @@
+declare const PulseGlyph: React.FC;
+export default PulseGlyph;

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

@@ -0,0 +1,19 @@
+import './pulse.css';
+import pulse_module_default from "./pulse.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/spinner/variants/pulse.tsx
+var PulseGlyph = () => /* @__PURE__ */ jsxs("g", {
+	fill: "currentColor",
+	children: [/* @__PURE__ */ jsx("circle", {
+		className: pulse_module_default.Ring,
+		cx: "12",
+		cy: "12",
+		r: "12"
+	}), /* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "3"
+	})]
+});
+//#endregion
+export { PulseGlyph as default };