@elyri/motion 0.0.0-stage → 0.0.1

package/dist/index.css

@@ -0,0 +1,1118 @@
+/* src/styles/tokens.css */
+:root {
+  --elyri-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+  --elyri-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
+  --elyri-duration-fast: 200ms;
+  --elyri-duration-base: 400ms;
+  --elyri-duration-slow: 800ms;
+}
+
+/* src/styles/index.css */
+
+/* src/components/animations/CountUp/CountUp.css */
+.elyri-count-up {
+  font-variant-numeric: tabular-nums;
+}
+
+/* src/components/animations/FadeIn/FadeIn.css */
+.elyri-fade-in {
+  --elyri-fade-in-distance: 24px;
+  --elyri-fade-in-duration: var(--elyri-duration-base);
+  --elyri-fade-in-delay: 0ms;
+  opacity: 0;
+  transition: opacity var(--elyri-fade-in-duration) var(--elyri-ease-out) var(--elyri-fade-in-delay), transform var(--elyri-fade-in-duration) var(--elyri-ease-out) var(--elyri-fade-in-delay);
+}
+.elyri-fade-in--up {
+  transform: translate3d(0, var(--elyri-fade-in-distance), 0);
+}
+.elyri-fade-in--down {
+  transform: translate3d(0, calc(var(--elyri-fade-in-distance) * -1), 0);
+}
+.elyri-fade-in--left {
+  transform: translate3d(var(--elyri-fade-in-distance), 0, 0);
+}
+.elyri-fade-in--right {
+  transform: translate3d(calc(var(--elyri-fade-in-distance) * -1), 0, 0);
+}
+.elyri-fade-in--none {
+  transform: none;
+}
+.elyri-fade-in--visible {
+  opacity: 1;
+  transform: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .elyri-fade-in {
+    opacity: 1;
+    transform: none;
+    transition: none;
+  }
+}
+
+/* src/components/animations/Magnetic/Magnetic.css */
+.elyri-magnetic {
+  display: inline-block;
+  transform: translate3d(var(--elyri-magnetic-x, 0px), var(--elyri-magnetic-y, 0px), 0);
+  will-change: transform;
+}
+@media (prefers-reduced-motion: reduce) {
+  .elyri-magnetic {
+    transform: none;
+  }
+}
+
+/* src/components/animations/ScaleIn/ScaleIn.css */
+.elyri-scale-in {
+  --elyri-scale-in-from: 0.9;
+  --elyri-scale-in-duration: var(--elyri-duration-base);
+  --elyri-scale-in-delay: 0ms;
+  opacity: 0;
+  transform: scale(var(--elyri-scale-in-from));
+  transition: opacity var(--elyri-scale-in-duration) var(--elyri-ease-out) var(--elyri-scale-in-delay), transform var(--elyri-scale-in-duration) var(--elyri-ease-out) var(--elyri-scale-in-delay);
+}
+.elyri-scale-in--visible {
+  opacity: 1;
+  transform: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .elyri-scale-in {
+    opacity: 1;
+    transform: none;
+    transition: none;
+  }
+}
+
+/* src/components/animations/Spotlight/Spotlight.css */
+.elyri-spotlight {
+  --elyri-spotlight-x: 50%;
+  --elyri-spotlight-y: 50%;
+  position: relative;
+  overflow: hidden;
+  border-radius: var(--elyri-spotlight-radius, 16px);
+}
+.elyri-spotlight--glow::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background:
+    radial-gradient(
+      var(--elyri-spotlight-size, 240px) circle at var(--elyri-spotlight-x) var(--elyri-spotlight-y),
+      color-mix(in srgb, var(--elyri-spotlight-color, #7c8cff) 18%, transparent),
+      transparent 70%);
+  opacity: 0;
+  transition: opacity var(--elyri-duration-base) var(--elyri-ease-out);
+  pointer-events: none;
+}
+.elyri-spotlight--border::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  padding: 1px;
+  background:
+    radial-gradient(
+      calc(var(--elyri-spotlight-size, 240px) * 0.75) circle at var(--elyri-spotlight-x) var(--elyri-spotlight-y),
+      var(--elyri-spotlight-color, #7c8cff),
+      transparent 70%);
+  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
+  mask-composite: exclude;
+  opacity: 0;
+  transition: opacity var(--elyri-duration-base) var(--elyri-ease-out);
+  pointer-events: none;
+}
+.elyri-spotlight--glow:hover::before,
+.elyri-spotlight--border:hover::after {
+  opacity: 1;
+}
+.elyri-spotlight__item {
+  position: relative;
+}
+.elyri-spotlight__item::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  padding: 1px;
+  background:
+    radial-gradient(
+      calc(var(--elyri-spotlight-size, 240px) * 0.75) circle at var(--elyri-spotlight-x, -500px) var(--elyri-spotlight-y, -500px),
+      var(--elyri-spotlight-color, #7c8cff),
+      transparent 70%);
+  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
+  mask-composite: exclude;
+  opacity: 0;
+  transition: opacity var(--elyri-duration-base) var(--elyri-ease-out);
+  pointer-events: none;
+}
+.elyri-spotlight:hover .elyri-spotlight__item::after {
+  opacity: 1;
+}
+.elyri-spotlight__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/animations/Tilt/Tilt.css */
+.elyri-tilt {
+  position: relative;
+  transform: perspective(var(--elyri-tilt-perspective, 800px)) rotateX(var(--elyri-tilt-rotate-x, 0deg)) rotateY(var(--elyri-tilt-rotate-y, 0deg));
+  transform-style: preserve-3d;
+  will-change: transform;
+}
+.elyri-tilt__glare {
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background:
+    radial-gradient(
+      circle at var(--elyri-tilt-glare-x, 50%) var(--elyri-tilt-glare-y, 50%),
+      rgba(255, 255, 255, 0.4),
+      transparent 55%);
+  opacity: 0;
+  transition: opacity var(--elyri-duration-base) var(--elyri-ease-out);
+  pointer-events: none;
+}
+.elyri-tilt--active .elyri-tilt__glare {
+  opacity: 1;
+}
+@media (prefers-reduced-motion: reduce) {
+  .elyri-tilt {
+    transform: none;
+  }
+  .elyri-tilt__glare {
+    display: none;
+  }
+}
+
+/* src/components/backgrounds/Aurora/Aurora.css */
+.elyri-aurora {
+  --elyri-aurora-color: #3cffb0;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background:
+    radial-gradient(
+      90% 60% at 50% 55%,
+      color-mix(in srgb, var(--elyri-aurora-color) 14%, transparent),
+      transparent),
+    linear-gradient(#020409, #05091a);
+}
+.elyri-aurora__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-aurora__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-aurora__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/backgrounds/Caustics/Caustics.css */
+.elyri-caustics {
+  --elyri-caustics-color: #0a6fa8;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background: linear-gradient(color-mix(in srgb, var(--elyri-caustics-color) 60%, #000), color-mix(in srgb, var(--elyri-caustics-color) 12%, #000));
+}
+.elyri-caustics__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-caustics__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-caustics__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/backgrounds/Contours/Contours.css */
+.elyri-contours {
+  --elyri-contours-color: #8a90a6;
+  --elyri-contours-bg: #0a0b0f;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background:
+    repeating-radial-gradient(
+      circle at 62% 38%,
+      transparent 0 26px,
+      color-mix(in srgb, var(--elyri-contours-color) 30%, transparent) 26px 27px),
+    var(--elyri-contours-bg);
+}
+.elyri-contours[data-scheme=light] {
+  --elyri-contours-bg: #f9f9f7;
+}
+.elyri-contours__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-contours__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-contours__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/backgrounds/DotField/DotField.css */
+.elyri-dot-field {
+  --elyri-dot-field-color: #8a90a6;
+  --elyri-dot-field-gap: 22px;
+  --elyri-dot-field-bg: #0a0a0e;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background:
+    radial-gradient(
+      circle at center,
+      color-mix(in srgb, var(--elyri-dot-field-color) 55%, transparent) 1px,
+      transparent 1.6px) 0 0 / var(--elyri-dot-field-gap) var(--elyri-dot-field-gap),
+    var(--elyri-dot-field-bg);
+}
+.elyri-dot-field[data-scheme=light] {
+  --elyri-dot-field-bg: #fafafb;
+}
+.elyri-dot-field__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-dot-field__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-dot-field__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/backgrounds/DragonScales/DragonScales.css */
+.elyri-dragon-scales {
+  --elyri-dragon-scales-color: #7b3fe4;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background:
+    radial-gradient(
+      120% 90% at 50% 30%,
+      color-mix(in srgb, var(--elyri-dragon-scales-color) 30%, #000),
+      #030206 75%);
+}
+.elyri-dragon-scales[data-scheme=light] {
+  background:
+    radial-gradient(
+      120% 90% at 50% 30%,
+      #ffffff,
+      color-mix(in srgb, var(--elyri-dragon-scales-color) 12%, #ffffff) 75%);
+}
+.elyri-dragon-scales__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-dragon-scales__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-dragon-scales__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/backgrounds/Filaments/Filaments.css */
+.elyri-filaments {
+  --elyri-filaments-color: #5b8cff;
+  --elyri-filaments-bg: #06060a;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background:
+    radial-gradient(
+      60% 14% at 50% 50%,
+      color-mix(in srgb, var(--elyri-filaments-color) 30%, transparent),
+      transparent),
+    var(--elyri-filaments-bg);
+}
+.elyri-filaments[data-scheme=light] {
+  --elyri-filaments-bg: #f7f7fa;
+}
+.elyri-filaments__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-filaments__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-filaments__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/backgrounds/FlipTiles/FlipTiles.css */
+.elyri-flip-tiles {
+  --elyri-flip-tiles-color: #4f6bff;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background:
+    radial-gradient(
+      120% 90% at 50% 30%,
+      color-mix(in srgb, var(--elyri-flip-tiles-color) 14%, #0c0c12),
+      #030305 75%);
+}
+.elyri-flip-tiles[data-scheme=light] {
+  background:
+    radial-gradient(
+      120% 90% at 50% 30%,
+      #f4f4f7,
+      color-mix(in srgb, var(--elyri-flip-tiles-color) 10%, #dcdce3) 75%);
+}
+.elyri-flip-tiles__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-flip-tiles__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-flip-tiles__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/backgrounds/Halo/Halo.css */
+.elyri-halo {
+  --elyri-halo-color: #8fb4ff;
+  --elyri-halo-bg: #010102;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background:
+    radial-gradient(
+      circle at 50% 50%,
+      transparent 27vmin,
+      color-mix(in srgb, var(--elyri-halo-color) 22%, transparent) 30vmin,
+      transparent 33vmin),
+    var(--elyri-halo-bg);
+}
+.elyri-halo[data-scheme=light] {
+  --elyri-halo-bg: #f8f8fa;
+}
+.elyri-halo__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-halo__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-halo__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/backgrounds/MeshGradient/MeshGradient.css */
+.elyri-mesh-gradient {
+  --elyri-mesh-gradient-c0: #6e6af0;
+  --elyri-mesh-gradient-c1: #f472b6;
+  --elyri-mesh-gradient-c2: #fbbf77;
+  --elyri-mesh-gradient-c3: #38bdf8;
+  --elyri-mesh-gradient-base: #0b0b12;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background:
+    radial-gradient(
+      60% 70% at 18% 22%,
+      var(--elyri-mesh-gradient-c0),
+      transparent 70%),
+    radial-gradient(
+      60% 70% at 82% 28%,
+      var(--elyri-mesh-gradient-c1),
+      transparent 70%),
+    radial-gradient(
+      60% 70% at 78% 82%,
+      var(--elyri-mesh-gradient-c2),
+      transparent 70%),
+    radial-gradient(
+      60% 70% at 22% 78%,
+      var(--elyri-mesh-gradient-c3),
+      transparent 70%),
+    var(--elyri-mesh-gradient-base);
+}
+.elyri-mesh-gradient[data-scheme=light] {
+  --elyri-mesh-gradient-base: #f7f7fa;
+}
+.elyri-mesh-gradient__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-mesh-gradient__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-mesh-gradient__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/backgrounds/PixelVortex/PixelVortex.css */
+.elyri-pixel-vortex {
+  --elyri-pixel-vortex-color: #ff4d12;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background:
+    radial-gradient(
+      circle at 50% 45%,
+      color-mix(in srgb, var(--elyri-pixel-vortex-color) 45%, #000),
+      #0a0706 70%);
+}
+.elyri-pixel-vortex[data-scheme=light] {
+  background:
+    radial-gradient(
+      circle at 50% 45%,
+      color-mix(in srgb, var(--elyri-pixel-vortex-color) 18%, #ffffff),
+      #f6f5f4 70%);
+}
+.elyri-pixel-vortex__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-pixel-vortex__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-pixel-vortex__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/backgrounds/Planet/Planet.css */
+.elyri-planet {
+  --elyri-planet-color: #c1532b;
+  --elyri-planet-atmosphere: #f2a57c;
+  --elyri-planet-horizon: 62%;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background:
+    radial-gradient(
+      120% 60% at 50% calc(var(--elyri-planet-horizon) + 55%),
+      color-mix(in srgb, var(--elyri-planet-color) 35%, #000) 70%,
+      color-mix(in srgb, var(--elyri-planet-atmosphere) 45%, transparent) 72%,
+      transparent 78%),
+    #030307;
+}
+.elyri-planet__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-planet__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-planet__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/backgrounds/SilkWaves/SilkWaves.css */
+.elyri-silk-waves {
+  --elyri-silk-waves-color: #9a6424;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background:
+    radial-gradient(
+      120% 90% at 40% 30%,
+      color-mix(in srgb, var(--elyri-silk-waves-color) 45%, #000),
+      #070503 75%);
+}
+.elyri-silk-waves[data-scheme=light] {
+  background:
+    radial-gradient(
+      120% 90% at 40% 30%,
+      #ffffff,
+      color-mix(in srgb, var(--elyri-silk-waves-color) 18%, #ffffff) 75%);
+}
+.elyri-silk-waves__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-silk-waves__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-silk-waves__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/backgrounds/Velvet/Velvet.css */
+.elyri-velvet {
+  --elyri-velvet-color: #6a1230;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background:
+    radial-gradient(
+      ellipse at 60% 30%,
+      color-mix(in srgb, var(--elyri-velvet-color) 70%, #000),
+      color-mix(in srgb, var(--elyri-velvet-color) 15%, #000));
+}
+.elyri-velvet__canvas {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--elyri-duration-slow) var(--elyri-ease-out);
+}
+.elyri-velvet__canvas[data-ready] {
+  opacity: 1;
+}
+.elyri-velvet__content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+/* src/components/media/AsciiImage/AsciiImage.css */
+.elyri-ascii-image {
+  display: block;
+  width: 100%;
+  font-family: var(--elyri-ascii-font, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace);
+  font-weight: 600;
+}
+.elyri-ascii-image__canvas,
+.elyri-ascii-image__fallback {
+  display: block;
+  width: 100%;
+}
+.elyri-ascii-image__fallback {
+  height: auto;
+}
+
+/* src/components/text/GradientText/GradientText.css */
+.elyri-gradient-text {
+  --elyri-gradient-colors:
+    #6d5cff,
+    #22d3ee,
+    #f472b6;
+  background-image: linear-gradient(90deg, var(--elyri-gradient-colors));
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+}
+.elyri-gradient-text--animated {
+  background-size: 200% 100%;
+  animation: elyri-gradient-text-flow calc(var(--elyri-duration-slow) / var(--elyri-gradient-speed, 1)) var(--elyri-ease-in-out) infinite alternate;
+}
+@keyframes elyri-gradient-text-flow {
+  from {
+    background-position: 0% 50%;
+  }
+  to {
+    background-position: 100% 50%;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .elyri-gradient-text--animated {
+    animation: none;
+  }
+}
+
+/* src/components/text/Marquee/Marquee.css */
+.elyri-marquee {
+  --elyri-marquee-duration: 20s;
+  --elyri-marquee-repeat: 2;
+  --elyri-marquee-gap: 0px;
+  width: 100%;
+  overflow: hidden;
+  contain: paint;
+}
+.elyri-marquee__track {
+  display: flex;
+  width: max-content;
+  animation: elyri-marquee-x var(--elyri-marquee-duration) linear infinite;
+  will-change: transform;
+}
+.elyri-marquee__copy {
+  display: flex;
+  flex: none;
+  gap: var(--elyri-marquee-gap);
+  padding-right: var(--elyri-marquee-gap);
+}
+@keyframes elyri-marquee-x {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    transform: translate3d(calc(-100% / var(--elyri-marquee-repeat)), 0, 0);
+  }
+}
+.elyri-marquee--vertical .elyri-marquee__track {
+  flex-direction: column;
+  width: auto;
+  height: max-content;
+  animation-name: elyri-marquee-y;
+}
+.elyri-marquee--vertical .elyri-marquee__copy {
+  padding-right: 0;
+  padding-bottom: var(--elyri-marquee-gap);
+}
+@keyframes elyri-marquee-y {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    transform: translate3d(0, calc(-100% / var(--elyri-marquee-repeat)), 0);
+  }
+}
+.elyri-marquee--reverse .elyri-marquee__track {
+  animation-direction: reverse;
+}
+.elyri-marquee--once .elyri-marquee__track {
+  animation-iteration-count: 1;
+}
+.elyri-marquee--pausable:hover .elyri-marquee__track {
+  animation-play-state: paused;
+}
+.elyri-marquee--paused .elyri-marquee__track {
+  animation-play-state: paused;
+}
+.elyri-marquee--static .elyri-marquee__track {
+  animation: none;
+  transform: none;
+  will-change: auto;
+}
+@media (prefers-reduced-motion: reduce) {
+  .elyri-marquee__track {
+    animation: none;
+    transform: none;
+    will-change: auto;
+  }
+}
+
+/* src/components/text/ParticleText/ParticleText.css */
+.elyri-particle-text {
+  position: relative;
+  display: inline-block;
+  white-space: pre;
+}
+.elyri-particle-text--ready .elyri-particle-text__label {
+  color: transparent;
+}
+.elyri-particle-text__canvas {
+  position: absolute;
+  pointer-events: none;
+}
+
+/* src/components/text/RotatingText/RotatingText.css */
+.elyri-rotating-text {
+  display: inline-block;
+  position: relative;
+  overflow: hidden;
+  vertical-align: bottom;
+  white-space: nowrap;
+  perspective: 600px;
+  transition: width var(--elyri-rotating-text-duration, 500ms) var(--elyri-ease-in-out);
+}
+.elyri-rotating-text__word {
+  display: inline-block;
+  transform-style: preserve-3d;
+}
+.elyri-rotating-text__word--leaving {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.elyri-rotating-text__char {
+  display: inline-block;
+  animation-duration: var(--elyri-rotating-text-duration, 500ms);
+  animation-delay: calc(var(--elyri-rotating-text-index) * var(--elyri-rotating-text-stagger, 30ms));
+  animation-fill-mode: both;
+}
+.elyri-rotating-text__word--entering .elyri-rotating-text__char {
+  animation-name: elyri-rotating-text-in;
+  animation-timing-function: var(--elyri-ease-out);
+}
+.elyri-rotating-text__word--leaving .elyri-rotating-text__char {
+  animation-name: elyri-rotating-text-out;
+  animation-timing-function: var(--elyri-ease-in-out);
+}
+@keyframes elyri-rotating-text-in {
+  from {
+    opacity: 0;
+    transform: translateY(70%) rotateX(-90deg);
+    filter: blur(6px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+    filter: blur(0);
+  }
+}
+@keyframes elyri-rotating-text-out {
+  from {
+    opacity: 1;
+    transform: none;
+    filter: blur(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(-70%) rotateX(90deg);
+    filter: blur(6px);
+  }
+}
+.elyri-rotating-text--block {
+  --elyri-rotating-text-block-bg: #7c3aed;
+  box-sizing: content-box;
+  padding: 0.00em 0.36em;
+  border-radius: 0.24em;
+  background: var(--elyri-rotating-text-block-bg);
+  color: var(--elyri-rotating-text-block-color, #fff);
+}
+.elyri-rotating-text--block .elyri-rotating-text__word--leaving {
+  padding: inherit;
+}
+.elyri-rotating-text--block .elyri-rotating-text__word--entering .elyri-rotating-text__char {
+  animation-name: elyri-rotating-text-block-in;
+  animation-duration: calc(var(--elyri-rotating-text-duration, 500ms) * 0.65);
+  animation-delay: calc(var(--elyri-rotating-text-duration, 500ms) * 0.3 + var(--elyri-rotating-text-index) * var(--elyri-rotating-text-stagger, 30ms));
+}
+.elyri-rotating-text--block .elyri-rotating-text__word--leaving .elyri-rotating-text__char {
+  animation-name: elyri-rotating-text-block-out;
+  animation-duration: calc(var(--elyri-rotating-text-duration, 500ms) * 0.5);
+}
+@keyframes elyri-rotating-text-block-in {
+  from {
+    opacity: 0;
+    transform: translateY(110%) scale(0.92);
+    filter: blur(4px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+    filter: blur(0);
+  }
+}
+@keyframes elyri-rotating-text-block-out {
+  from {
+    opacity: 1;
+    transform: none;
+    filter: blur(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(-110%) scale(0.92);
+    filter: blur(4px);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .elyri-rotating-text {
+    transition: none;
+  }
+  .elyri-rotating-text__char {
+    animation: none;
+  }
+}
+
+/* src/components/text/ScrambleText/ScrambleText.css */
+.elyri-scramble-text {
+  --elyri-scramble-accent: #22d3ee;
+  --elyri-scramble-glow: 1;
+  position: relative;
+  display: inline;
+  white-space: pre-wrap;
+  font-variant-numeric: tabular-nums;
+}
+.elyri-scramble-text__sr {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+.elyri-scramble-text__char {
+  position: relative;
+}
+.elyri-scramble-text__char--scrambled {
+  color: transparent;
+}
+.elyri-scramble-text__glyph {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: pre;
+  pointer-events: none;
+  user-select: none;
+  color: var(--elyri-scramble-accent);
+  opacity: 0.85;
+  text-shadow: 0 0 calc(0.35em * var(--elyri-scramble-glow)) color-mix(in srgb, var(--elyri-scramble-accent) 70%, transparent), 0 0 calc(1em * var(--elyri-scramble-glow)) color-mix(in srgb, var(--elyri-scramble-accent) 35%, transparent);
+}
+
+/* src/components/text/ScrollMarquee/ScrollMarquee.css */
+.elyri-scroll-marquee {
+  --elyri-scroll-marquee-gap: 0.6em;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  overflow: hidden;
+  line-height: 1.15;
+  white-space: nowrap;
+}
+.elyri-scroll-marquee__row {
+  display: flex;
+  width: max-content;
+  margin-left: calc(var(--elyri-scroll-marquee-base, 0) * var(--elyri-scroll-marquee-copy-width, 0px));
+  will-change: transform;
+  transform: translate3d(calc(var(--elyri-scroll-marquee-shift, 0px) * var(--elyri-scroll-marquee-dir, 1)), 0, 0);
+}
+.elyri-scroll-marquee__copy {
+  flex: none;
+  padding-right: var(--elyri-scroll-marquee-gap);
+}
+@media (prefers-reduced-motion: reduce) {
+  .elyri-scroll-marquee__row {
+    transform: none;
+    will-change: auto;
+  }
+}
+
+/* src/components/text/ScrollReveal/ScrollReveal.css */
+.elyri-scroll-reveal {
+  --elyri-scroll-reveal-progress: 1;
+  --elyri-scroll-reveal-dim: 0.15;
+  --elyri-scroll-reveal-blur: 0px;
+  --elyri-scroll-reveal-height: 280px;
+  display: block;
+  height: var(--elyri-scroll-reveal-height);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+.elyri-scroll-reveal__content {
+  white-space: pre-wrap;
+}
+.elyri-scroll-reveal__word {
+  display: inline-block;
+}
+.elyri-scroll-reveal__unit {
+  --elyri-scroll-reveal-lit: clamp( 0, calc(var(--elyri-scroll-reveal-progress) * var(--elyri-scroll-reveal-count) - var(--elyri-scroll-reveal-index)), 1 );
+  display: inline-block;
+  white-space: pre;
+  opacity: calc(var(--elyri-scroll-reveal-dim) + (1 - var(--elyri-scroll-reveal-dim)) * var(--elyri-scroll-reveal-lit));
+}
+.elyri-scroll-reveal--blur .elyri-scroll-reveal__unit {
+  filter: blur(calc((1 - var(--elyri-scroll-reveal-lit)) * var(--elyri-scroll-reveal-blur)));
+}
+@media (prefers-reduced-motion: reduce) {
+  .elyri-scroll-reveal__unit {
+    opacity: 1;
+  }
+  .elyri-scroll-reveal--blur .elyri-scroll-reveal__unit {
+    filter: none;
+  }
+}
+
+/* src/components/text/SplitReveal/SplitReveal.css */
+.elyri-split-reveal {
+  --elyri-split-reveal-duration: var(--elyri-duration-base);
+  --elyri-split-reveal-delay: 0ms;
+  --elyri-split-reveal-stagger: 40ms;
+  --elyri-split-reveal-distance: 24px;
+  display: inline;
+  white-space: pre-wrap;
+}
+.elyri-split-reveal__word {
+  display: inline-block;
+}
+.elyri-split-reveal__unit {
+  display: inline-block;
+  white-space: pre;
+  opacity: 0;
+  will-change: opacity, transform;
+}
+.elyri-split-reveal--visible .elyri-split-reveal__unit {
+  animation: elyri-split-reveal-rise var(--elyri-split-reveal-duration) var(--elyri-ease-out) both;
+  animation-delay: calc(var(--elyri-split-reveal-delay) + var(--elyri-split-reveal-index, 0) * var(--elyri-split-reveal-stagger));
+}
+@keyframes elyri-split-reveal-rise {
+  from {
+    opacity: 0;
+    transform: translate3d(0, var(--elyri-split-reveal-distance), 0);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .elyri-split-reveal__unit {
+    opacity: 1;
+  }
+  .elyri-split-reveal--visible .elyri-split-reveal__unit {
+    animation: none;
+  }
+}
+
+/* src/components/text/Typewriter/Typewriter.css */
+.elyri-typewriter {
+  display: inline;
+  white-space: pre-wrap;
+}
+.elyri-typewriter__text {
+  white-space: pre-wrap;
+}
+.elyri-typewriter__cursor {
+  display: inline-block;
+  width: 2px;
+  height: 1em;
+  margin-left: 0.1em;
+  border-radius: 1px;
+  background: currentColor;
+  vertical-align: -0.15em;
+  animation: elyri-typewriter-blink 1s step-end infinite;
+}
+@keyframes elyri-typewriter-blink {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .elyri-typewriter__cursor {
+    animation: none;
+  }
+}
+
+/* src/components/text/WaveText/WaveText.css */
+.elyri-wave-text__word {
+  display: inline-block;
+  white-space: nowrap;
+}
+.elyri-wave-text__unit {
+  display: inline-block;
+  animation: elyri-wave-text-swing var(--elyri-wave-text-speed, 1200ms) var(--elyri-ease-in-out) infinite;
+  animation-delay: calc(var(--elyri-wave-text-index) * var(--elyri-wave-text-stagger, 60ms) * -1);
+  will-change: transform;
+}
+@keyframes elyri-wave-text-swing {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(calc(var(--elyri-wave-text-amplitude, 6px) * -1));
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .elyri-wave-text__unit {
+    animation: none;
+  }
+}
+/*# sourceMappingURL=index.css.map */