@ansh-ui/react 0.2.0 → 0.3.0

package/dist/index.cjs

@@ -2,17 +2,17 @@
 'use strict';
 
 var chunkOHBWBXLO_cjs = require('./chunk-OHBWBXLO.cjs');
-var chunkWGYNCSTP_cjs = require('./chunk-WGYNCSTP.cjs');
-var chunkRHTLNSVW_cjs = require('./chunk-RHTLNSVW.cjs');
-var chunkC5JG6TMM_cjs = require('./chunk-C5JG6TMM.cjs');
-var chunkC32LKF23_cjs = require('./chunk-C32LKF23.cjs');
+var chunkPUW6BTPQ_cjs = require('./chunk-PUW6BTPQ.cjs');
+var chunk3SWO2M33_cjs = require('./chunk-3SWO2M33.cjs');
+var chunkYACOHFYJ_cjs = require('./chunk-YACOHFYJ.cjs');
+var chunkKTLTYHAT_cjs = require('./chunk-KTLTYHAT.cjs');
 var chunkXMXECSQO_cjs = require('./chunk-XMXECSQO.cjs');
 var chunkOJN5JBNP_cjs = require('./chunk-OJN5JBNP.cjs');
 var chunkDATBU46V_cjs = require('./chunk-DATBU46V.cjs');
 var chunkZWAFLHC2_cjs = require('./chunk-ZWAFLHC2.cjs');
 var chunkPO5DU3FU_cjs = require('./chunk-PO5DU3FU.cjs');
-var chunkAVPEA5PB_cjs = require('./chunk-AVPEA5PB.cjs');
-var chunk6VRF7X5C_cjs = require('./chunk-6VRF7X5C.cjs');
+var chunkIZ6T7LO3_cjs = require('./chunk-IZ6T7LO3.cjs');
+var chunkTEPQGFR4_cjs = require('./chunk-TEPQGFR4.cjs');
 var chunkSFU5EPSN_cjs = require('./chunk-SFU5EPSN.cjs');
 var react = require('react');
 var core = require('@ansh-ui/core');
@@ -33,7 +33,7 @@ function createEffectComponent(definition, displayName) {
     const { as: Component2 = "div", className, style, children, ...rest } = props;
     const hostRef = react.useRef(null);
     const handleRef = react.useRef(null);
-    const mergedRef = chunk6VRF7X5C_cjs.useMergedRef(hostRef, forwardedRef);
+    const mergedRef = chunkTEPQGFR4_cjs.useMergedRef(hostRef, forwardedRef);
     const options = {};
     const domProps = {};
     for (const [key, value] of Object.entries(rest)) {
@@ -99,6 +99,13 @@ var Waves = createEffectComponent(core.waves, "Waves");
 var LiquidBlob = createEffectComponent(core.blob, "LiquidBlob");
 var NoiseLayer = createEffectComponent(core.noiseLayer, "NoiseLayer");
 var Spotlight = createEffectComponent(core.spotlight, "Spotlight");
+var LightRays = createEffectComponent(core.lightRays, "LightRays");
+var Smoke = createEffectComponent(core.smoke, "Smoke");
+var PowderExplosion = createEffectComponent(core.powderExplosion, "PowderExplosion");
+var FloatingGeometry = createEffectComponent(core.floatingGeometry, "FloatingGeometry");
+var Orbit = createEffectComponent(core.orbit, "Orbit");
+var StrangeAttractor = createEffectComponent(core.strangeAttractor, "StrangeAttractor");
+var Swarm = createEffectComponent(core.swarm, "Swarm");
 var Button = react.forwardRef(function Button2({
   variant = "solid",
   size = "md",
@@ -113,13 +120,13 @@ var Button = react.forwardRef(function Button2({
   ...rest
 }, forwardedRef) {
   const localRef = react.useRef(null);
-  const mergedRef = chunk6VRF7X5C_cjs.useMergedRef(localRef, forwardedRef);
-  chunkAVPEA5PB_cjs.useBehaviour(localRef, core.magnetic, {
+  const mergedRef = chunkTEPQGFR4_cjs.useMergedRef(localRef, forwardedRef);
+  chunkIZ6T7LO3_cjs.useBehaviour(localRef, core.magnetic, {
     strength: magneticStrength,
     disabled: magneticStrength <= 0,
     scale: magneticStrength > 0 ? 1.03 : 1
   });
-  chunkAVPEA5PB_cjs.useBehaviour(localRef, core.ripple, { disabled: !ripple });
+  chunkIZ6T7LO3_cjs.useBehaviour(localRef, core.ripple, { disabled: !ripple });
   const classes = [
     "ansh-btn",
     `ansh-btn--${variant}`,
@@ -153,7 +160,7 @@ var IconButton = react.forwardRef(function IconButton2({ label, className, ...re
 });
 var SpotlightCard = react.forwardRef(function SpotlightCard2({ as: Component = "div", color, size, className, children, ...rest }, forwardedRef) {
   const localRef = react.useRef(null);
-  const mergedRef = chunk6VRF7X5C_cjs.useMergedRef(localRef, forwardedRef);
+  const mergedRef = chunkTEPQGFR4_cjs.useMergedRef(localRef, forwardedRef);
   react.useEffect(() => {
     const node = localRef.current;
     if (!node) return;
@@ -208,7 +215,7 @@ var GlowCard = react.forwardRef(function GlowCard2({ as: Component = "div", colo
 });
 var TiltCard3D = react.forwardRef(function TiltCard3D2({ as: Component = "div", max = 12, className, style, children, ...rest }, forwardedRef) {
   const localRef = react.useRef(null);
-  const mergedRef = chunk6VRF7X5C_cjs.useMergedRef(localRef, forwardedRef);
+  const mergedRef = chunkTEPQGFR4_cjs.useMergedRef(localRef, forwardedRef);
   react.useEffect(() => {
     const node = localRef.current;
     if (!node) return;
@@ -480,7 +487,7 @@ function NumberTicker({
   className,
   ...rest
 }) {
-  const [ref, inView] = chunk6VRF7X5C_cjs.useInView({ threshold: 0.3, once: true });
+  const [ref, inView] = chunkTEPQGFR4_cjs.useInView({ threshold: 0.3, once: true });
   const displayRef = react.useRef(null);
   const formatter = react.useRef(
     new Intl.NumberFormat(void 0, {
@@ -803,6 +810,513 @@ function FAQAccordion({
     ] }, item.question);
   }) });
 }
+var VISUALLY_HIDDEN = {
+  position: "absolute",
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0 0 0 0)",
+  whiteSpace: "nowrap",
+  border: 0
+};
+function ScrambleText({ children, as, className, style, ...options }) {
+  const Tag = as ?? "span";
+  const ref = react.useRef(null);
+  const {
+    chars,
+    duration,
+    stagger: stagger2,
+    cycleSpeed,
+    trigger,
+    repeat,
+    threshold,
+    seed,
+    intensity,
+    reducedMotion,
+    disabled
+  } = options;
+  react.useEffect(() => {
+    const node = ref.current;
+    if (!node) return;
+    const handle = core.mountBehaviour(core.textScramble, node, {
+      chars,
+      duration,
+      stagger: stagger2,
+      cycleSpeed,
+      trigger,
+      repeat,
+      threshold,
+      seed,
+      intensity,
+      reducedMotion,
+      disabled
+    });
+    return () => handle.destroy();
+  }, [
+    children,
+    chars,
+    duration,
+    stagger2,
+    cycleSpeed,
+    trigger,
+    repeat,
+    threshold,
+    seed,
+    intensity,
+    reducedMotion,
+    disabled
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Tag, { className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { style: VISUALLY_HIDDEN, children }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", ref, children })
+  ] });
+}
+function TextRotate({
+  words,
+  interval = 2.2,
+  animation = "slide",
+  className,
+  style
+}) {
+  const [index, setIndex] = react.useState(0);
+  const reduced = react.useRef(false);
+  const [ready, setReady] = react.useState(false);
+  react.useEffect(() => {
+    reduced.current = core.prefersReducedMotion();
+    setReady(true);
+  }, []);
+  const safeWords = words.length > 0 ? words : [""];
+  const count = safeWords.length;
+  react.useEffect(() => {
+    if (!ready || reduced.current) return;
+    if (count < 2) return;
+    const ms = Math.max(200, interval * 1e3);
+    const timer = window.setInterval(() => {
+      setIndex((previous) => (previous + 1) % count);
+    }, ms);
+    return () => window.clearInterval(timer);
+  }, [ready, interval, count]);
+  const current = safeWords[index % count];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: ["ansh-rotate", className].filter(Boolean).join(" "),
+      style,
+      "data-animation": animation,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ansh-rotate__sizer", "aria-hidden": "true", children: safeWords.map((word, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ansh-rotate__ghost", children: word }, `${word}-${i}`)) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ansh-rotate__clip", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ansh-rotate__word", children: current }, index) })
+      ]
+    }
+  );
+}
+function BeforeAfter({
+  before,
+  after,
+  value,
+  defaultValue = 50,
+  onValueChange,
+  step = 4,
+  label = "Comparison position",
+  className,
+  style
+}) {
+  const [position, setPosition] = chunkPO5DU3FU_cjs.useControllableState({
+    value,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const rootRef = react.useRef(null);
+  const [dragging, setDragging] = react.useState(false);
+  const positionFromClientX = react.useCallback((clientX) => {
+    const node = rootRef.current;
+    if (!node) return 50;
+    const rect = node.getBoundingClientRect();
+    if (rect.width <= 0) return 50;
+    return core.clamp((clientX - rect.left) / rect.width * 100, 0, 100);
+  }, []);
+  const onPointerDown = (event) => {
+    event.currentTarget.setPointerCapture(event.pointerId);
+    setDragging(true);
+    setPosition(positionFromClientX(event.clientX));
+  };
+  const onPointerMove = (event) => {
+    if (!dragging) return;
+    setPosition(positionFromClientX(event.clientX));
+  };
+  const endDrag = (event) => {
+    if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+      event.currentTarget.releasePointerCapture(event.pointerId);
+    }
+    setDragging(false);
+  };
+  const onKeyDown = (event) => {
+    const jump = event.key === "ArrowLeft" || event.key === "ArrowDown" ? -step : event.key === "ArrowRight" || event.key === "ArrowUp" ? step : event.key === "Home" ? -100 : event.key === "End" ? 100 : 0;
+    if (jump === 0) return;
+    event.preventDefault();
+    setPosition((current) => core.clamp(current + jump, 0, 100));
+  };
+  const clipped = core.clamp(position, 0, 100);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: rootRef,
+      className: ["ansh-compare", className].filter(Boolean).join(" "),
+      style,
+      "data-dragging": dragging || void 0,
+      onPointerDown: (event) => {
+        if (event.target === event.currentTarget || !dragging) {
+          setPosition(positionFromClientX(event.clientX));
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ansh-compare__layer", children: after }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "ansh-compare__layer ansh-compare__layer--before",
+            style: { clipPath: `inset(0 ${100 - clipped}% 0 0)` },
+            children: before
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "ansh-compare__handle",
+            style: { left: `${clipped}%` },
+            role: "slider",
+            tabIndex: 0,
+            "aria-label": label,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-valuenow": Math.round(clipped),
+            "aria-orientation": "horizontal",
+            onPointerDown,
+            onPointerMove,
+            onPointerUp: endDrag,
+            onPointerCancel: endDrag,
+            onKeyDown,
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ansh-compare__grip", "aria-hidden": "true" })
+          }
+        )
+      ]
+    }
+  );
+}
+function DeviceMockup({
+  variant = "browser",
+  url,
+  title,
+  label,
+  className,
+  style,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ["ansh-mock", `ansh-mock--${variant}`, className].filter(Boolean).join(" "),
+      style,
+      role: label ? "group" : void 0,
+      "aria-label": label,
+      children: [
+        variant === "phone" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ansh-mock__notch", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ansh-mock__chrome", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ansh-mock__dots", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("i", {}),
+            /* @__PURE__ */ jsxRuntime.jsx("i", {}),
+            /* @__PURE__ */ jsxRuntime.jsx("i", {})
+          ] }),
+          variant === "browser" && url ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ansh-mock__url", children: url }) : title ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ansh-mock__title", children: title }) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ansh-mock__screen", children })
+      ]
+    }
+  );
+}
+var OFFSET_Y = 14;
+var SCALE_STEP = 0.05;
+var ROTATE_STEP = 1.6;
+function CardStack({
+  items,
+  autoPlay = true,
+  interval = 3.5,
+  peek = 2,
+  controls = true,
+  label = "Card stack",
+  className,
+  style
+}) {
+  const [top, setTop] = react.useState(0);
+  const [paused, setPaused] = react.useState(false);
+  const reduced = react.useRef(false);
+  const [ready, setReady] = react.useState(false);
+  react.useEffect(() => {
+    reduced.current = core.prefersReducedMotion();
+    setReady(true);
+  }, []);
+  const count = items.length;
+  react.useEffect(() => {
+    if (!ready || reduced.current || !autoPlay || paused) return;
+    if (count < 2) return;
+    const ms = Math.max(600, interval * 1e3);
+    const timer = window.setInterval(() => setTop((current2) => (current2 + 1) % count), ms);
+    return () => window.clearInterval(timer);
+  }, [ready, autoPlay, paused, interval, count]);
+  if (count === 0) return null;
+  const current = top % count;
+  const advance = (direction) => setTop((previous) => (previous + direction + count) % count);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ["ansh-stack", className].filter(Boolean).join(" "),
+      style,
+      role: "group",
+      "aria-label": label,
+      "aria-roledescription": "card stack",
+      onPointerEnter: () => setPaused(true),
+      onPointerLeave: () => setPaused(false),
+      onFocusCapture: () => setPaused(true),
+      onBlurCapture: () => setPaused(false),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ansh-stack__deck", children: items.map((item, i) => {
+          const rung = (i - current + count) % count;
+          const hidden = rung > peek;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "ansh-stack__card",
+              "data-rung": rung,
+              "aria-hidden": rung === 0 ? void 0 : "true",
+              inert: rung === 0 ? void 0 : true,
+              style: {
+                transform: `translateY(${rung * OFFSET_Y}px) scale(${1 - rung * SCALE_STEP}) rotate(${rung === 0 ? 0 : (rung % 2 === 0 ? 1 : -1) * ROTATE_STEP}deg)`,
+                opacity: hidden ? 0 : 1,
+                zIndex: count - rung,
+                pointerEvents: rung === 0 ? void 0 : "none"
+              },
+              children: item
+            },
+            i
+          );
+        }) }),
+        controls && count > 1 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ansh-stack__controls", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "ansh-stack__button",
+              onClick: () => advance(-1),
+              "aria-label": "Previous card",
+              children: "\u2039"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ansh-stack__count", "aria-hidden": "true", children: [
+            current + 1,
+            " / ",
+            count
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "ansh-stack__button",
+              onClick: () => advance(1),
+              "aria-label": "Next card",
+              children: "\u203A"
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+}
+function Carousel({
+  items,
+  value,
+  defaultValue = 0,
+  onChange,
+  loop = true,
+  autoPlay = false,
+  interval = 5,
+  showDots = true,
+  showArrows = true,
+  draggable = true,
+  label,
+  className,
+  style
+}) {
+  const count = items.length;
+  const [index, setIndex] = chunkPO5DU3FU_cjs.useControllableState({
+    value,
+    defaultValue: core.clamp(defaultValue, 0, Math.max(0, count - 1)),
+    onChange
+  });
+  const [paused, setPaused] = react.useState(false);
+  const [playing, setPlaying] = react.useState(autoPlay);
+  const [drag, setDrag] = react.useState(0);
+  const baseId = react.useId();
+  const viewportRef = react.useRef(null);
+  const dragStart = react.useRef(null);
+  const active = count > 0 ? core.clamp(index, 0, count - 1) : 0;
+  const goTo = (next) => {
+    if (count === 0) return;
+    const wrapped = loop ? (next + count) % count : core.clamp(next, 0, count - 1);
+    setIndex(wrapped);
+  };
+  react.useEffect(() => {
+    if (!playing || paused || count < 2) return;
+    const ms = Math.max(1e3, interval * 1e3);
+    const timer = window.setInterval(() => {
+      setIndex((previous) => {
+        const next = previous + 1;
+        return loop ? next % count : Math.min(next, count - 1);
+      });
+    }, ms);
+    return () => window.clearInterval(timer);
+  }, [playing, paused, interval, count, loop, setIndex]);
+  if (count === 0) return null;
+  const atStart = !loop && active === 0;
+  const atEnd = !loop && active === count - 1;
+  const onKeyDown = (event) => {
+    if (event.key === "ArrowLeft") {
+      event.preventDefault();
+      goTo(active - 1);
+    } else if (event.key === "ArrowRight") {
+      event.preventDefault();
+      goTo(active + 1);
+    } else if (event.key === "Home") {
+      event.preventDefault();
+      goTo(0);
+    } else if (event.key === "End") {
+      event.preventDefault();
+      goTo(count - 1);
+    }
+  };
+  const onPointerDown = (event) => {
+    if (!draggable || count < 2) return;
+    dragStart.current = event.clientX;
+    event.currentTarget.setPointerCapture(event.pointerId);
+  };
+  const onPointerMove = (event) => {
+    if (dragStart.current === null) return;
+    setDrag(event.clientX - dragStart.current);
+  };
+  const endDrag = (event) => {
+    if (dragStart.current === null) return;
+    if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+      event.currentTarget.releasePointerCapture(event.pointerId);
+    }
+    const width = viewportRef.current?.clientWidth ?? 1;
+    const travelled = drag;
+    dragStart.current = null;
+    setDrag(0);
+    if (Math.abs(travelled) > width * 0.25) goTo(active + (travelled < 0 ? 1 : -1));
+  };
+  const dragPercent = drag !== 0 ? drag / (viewportRef.current?.clientWidth || 1) * 100 : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: chunkSFU5EPSN_cjs.cx("ansh-carousel", className),
+      style,
+      "aria-roledescription": "carousel",
+      "aria-label": label,
+      onKeyDown,
+      onPointerEnter: () => setPaused(true),
+      onPointerLeave: () => setPaused(false),
+      onFocusCapture: () => setPaused(true),
+      onBlurCapture: () => setPaused(false),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "ansh-carousel__viewport",
+            ref: viewportRef,
+            "aria-live": playing ? "off" : "polite",
+            onPointerDown,
+            onPointerMove,
+            onPointerUp: endDrag,
+            onPointerCancel: endDrag,
+            "data-dragging": dragStart.current !== null || void 0,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "ansh-carousel__track",
+                style: {
+                  transform: `translate3d(${-active * 100 + dragPercent}%, 0, 0)`,
+                  // Suppress the transition mid-drag so the track tracks the finger exactly.
+                  transition: dragStart.current !== null ? "none" : void 0
+                },
+                children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "ansh-carousel__slide",
+                    id: `${baseId}-slide-${i}`,
+                    role: "group",
+                    "aria-roledescription": "slide",
+                    "aria-label": `${i + 1} of ${count}`,
+                    "aria-hidden": i === active ? void 0 : "true",
+                    inert: i === active ? void 0 : true,
+                    children: item
+                  },
+                  i
+                ))
+              }
+            )
+          }
+        ),
+        showArrows && count > 1 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "ansh-carousel__arrow ansh-carousel__arrow--prev",
+              onClick: () => goTo(active - 1),
+              disabled: atStart,
+              "aria-label": "Previous slide",
+              children: "\u2039"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "ansh-carousel__arrow ansh-carousel__arrow--next",
+              onClick: () => goTo(active + 1),
+              disabled: atEnd,
+              "aria-label": "Next slide",
+              children: "\u203A"
+            }
+          )
+        ] }) : null,
+        showDots && count > 1 || autoPlay ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ansh-carousel__controls", children: [
+          autoPlay ? /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "ansh-carousel__pause",
+              onClick: () => setPlaying((on) => !on),
+              "aria-label": playing ? "Pause carousel" : "Play carousel",
+              children: playing ? "\u275A\u275A" : "\u25B6"
+            }
+          ) : null,
+          showDots && count > 1 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ansh-carousel__dots", children: items.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "ansh-carousel__dot",
+              "aria-label": `Go to slide ${i + 1}`,
+              "aria-current": i === active ? "true" : void 0,
+              onClick: () => goTo(i)
+            },
+            i
+          )) }) : null
+        ] }) : null
+      ]
+    }
+  );
+}
 var ICONS = {
   info: /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -975,283 +1489,283 @@ Object.defineProperty(exports, "useSpringValue", {
 });
 Object.defineProperty(exports, "AspectRatio", {
   enumerable: true,
-  get: function () { return chunkWGYNCSTP_cjs.AspectRatio; }
+  get: function () { return chunkPUW6BTPQ_cjs.AspectRatio; }
 });
 Object.defineProperty(exports, "Center", {
   enumerable: true,
-  get: function () { return chunkWGYNCSTP_cjs.Center; }
+  get: function () { return chunkPUW6BTPQ_cjs.Center; }
 });
 Object.defineProperty(exports, "Container", {
   enumerable: true,
-  get: function () { return chunkWGYNCSTP_cjs.Container; }
+  get: function () { return chunkPUW6BTPQ_cjs.Container; }
 });
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function () { return chunkWGYNCSTP_cjs.Divider; }
+  get: function () { return chunkPUW6BTPQ_cjs.Divider; }
 });
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
-  get: function () { return chunkWGYNCSTP_cjs.Grid; }
+  get: function () { return chunkPUW6BTPQ_cjs.Grid; }
 });
 Object.defineProperty(exports, "GridItem", {
   enumerable: true,
-  get: function () { return chunkWGYNCSTP_cjs.GridItem; }
+  get: function () { return chunkPUW6BTPQ_cjs.GridItem; }
 });
 Object.defineProperty(exports, "HStack", {
   enumerable: true,
-  get: function () { return chunkWGYNCSTP_cjs.HStack; }
+  get: function () { return chunkPUW6BTPQ_cjs.HStack; }
 });
 Object.defineProperty(exports, "Resizable", {
   enumerable: true,
-  get: function () { return chunkWGYNCSTP_cjs.Resizable; }
+  get: function () { return chunkPUW6BTPQ_cjs.Resizable; }
 });
 Object.defineProperty(exports, "ScrollArea", {
   enumerable: true,
-  get: function () { return chunkWGYNCSTP_cjs.ScrollArea; }
+  get: function () { return chunkPUW6BTPQ_cjs.ScrollArea; }
 });
 Object.defineProperty(exports, "Spacer", {
   enumerable: true,
-  get: function () { return chunkWGYNCSTP_cjs.Spacer; }
+  get: function () { return chunkPUW6BTPQ_cjs.Spacer; }
 });
 Object.defineProperty(exports, "Stack", {
   enumerable: true,
-  get: function () { return chunkWGYNCSTP_cjs.Stack; }
+  get: function () { return chunkPUW6BTPQ_cjs.Stack; }
 });
 Object.defineProperty(exports, "VStack", {
   enumerable: true,
-  get: function () { return chunkWGYNCSTP_cjs.VStack; }
+  get: function () { return chunkPUW6BTPQ_cjs.VStack; }
 });
 Object.defineProperty(exports, "Calendar", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Calendar; }
+  get: function () { return chunk3SWO2M33_cjs.Calendar; }
 });
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Checkbox; }
+  get: function () { return chunk3SWO2M33_cjs.Checkbox; }
 });
 Object.defineProperty(exports, "ChoiceCard", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.ChoiceCard; }
+  get: function () { return chunk3SWO2M33_cjs.ChoiceCard; }
 });
 Object.defineProperty(exports, "ColorPicker", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.ColorPicker; }
+  get: function () { return chunk3SWO2M33_cjs.ColorPicker; }
 });
 Object.defineProperty(exports, "Combobox", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Combobox; }
+  get: function () { return chunk3SWO2M33_cjs.Combobox; }
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.DatePicker; }
+  get: function () { return chunk3SWO2M33_cjs.DatePicker; }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.DateRangePicker; }
+  get: function () { return chunk3SWO2M33_cjs.DateRangePicker; }
 });
 Object.defineProperty(exports, "Dropzone", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Dropzone; }
+  get: function () { return chunk3SWO2M33_cjs.Dropzone; }
 });
 Object.defineProperty(exports, "Field", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Field; }
+  get: function () { return chunk3SWO2M33_cjs.Field; }
 });
 Object.defineProperty(exports, "Fieldset", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Fieldset; }
+  get: function () { return chunk3SWO2M33_cjs.Fieldset; }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Input; }
+  get: function () { return chunk3SWO2M33_cjs.Input; }
 });
 Object.defineProperty(exports, "NumberInput", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.NumberInput; }
+  get: function () { return chunk3SWO2M33_cjs.NumberInput; }
 });
 Object.defineProperty(exports, "OptionList", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.OptionList; }
+  get: function () { return chunk3SWO2M33_cjs.OptionList; }
 });
 Object.defineProperty(exports, "PinInput", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.PinInput; }
+  get: function () { return chunk3SWO2M33_cjs.PinInput; }
 });
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Radio; }
+  get: function () { return chunk3SWO2M33_cjs.Radio; }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.RadioGroup; }
+  get: function () { return chunk3SWO2M33_cjs.RadioGroup; }
 });
 Object.defineProperty(exports, "RangeSlider", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.RangeSlider; }
+  get: function () { return chunk3SWO2M33_cjs.RangeSlider; }
 });
 Object.defineProperty(exports, "Rating", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Rating; }
+  get: function () { return chunk3SWO2M33_cjs.Rating; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Select; }
+  get: function () { return chunk3SWO2M33_cjs.Select; }
 });
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Slider; }
+  get: function () { return chunk3SWO2M33_cjs.Slider; }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Switch; }
+  get: function () { return chunk3SWO2M33_cjs.Switch; }
 });
 Object.defineProperty(exports, "TagsInput", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.TagsInput; }
+  get: function () { return chunk3SWO2M33_cjs.TagsInput; }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.Textarea; }
+  get: function () { return chunk3SWO2M33_cjs.Textarea; }
 });
 Object.defineProperty(exports, "VisuallyHidden", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.VisuallyHidden; }
+  get: function () { return chunk3SWO2M33_cjs.VisuallyHidden; }
 });
 Object.defineProperty(exports, "addDays", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.addDays; }
+  get: function () { return chunk3SWO2M33_cjs.addDays; }
 });
 Object.defineProperty(exports, "addMonths", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.addMonths; }
+  get: function () { return chunk3SWO2M33_cjs.addMonths; }
 });
 Object.defineProperty(exports, "filterOptions", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.filterOptions; }
+  get: function () { return chunk3SWO2M33_cjs.filterOptions; }
 });
 Object.defineProperty(exports, "firstEnabled", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.firstEnabled; }
+  get: function () { return chunk3SWO2M33_cjs.firstEnabled; }
 });
 Object.defineProperty(exports, "isSameDay", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.isSameDay; }
+  get: function () { return chunk3SWO2M33_cjs.isSameDay; }
 });
 Object.defineProperty(exports, "scoreOption", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.scoreOption; }
+  get: function () { return chunk3SWO2M33_cjs.scoreOption; }
 });
 Object.defineProperty(exports, "startOfDay", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.startOfDay; }
+  get: function () { return chunk3SWO2M33_cjs.startOfDay; }
 });
 Object.defineProperty(exports, "stepActive", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.stepActive; }
+  get: function () { return chunk3SWO2M33_cjs.stepActive; }
 });
 Object.defineProperty(exports, "useFieldContext", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.useFieldContext; }
+  get: function () { return chunk3SWO2M33_cjs.useFieldContext; }
 });
 Object.defineProperty(exports, "useFieldControl", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.useFieldControl; }
+  get: function () { return chunk3SWO2M33_cjs.useFieldControl; }
 });
 Object.defineProperty(exports, "useTypeahead", {
   enumerable: true,
-  get: function () { return chunkRHTLNSVW_cjs.useTypeahead; }
+  get: function () { return chunk3SWO2M33_cjs.useTypeahead; }
 });
 Object.defineProperty(exports, "AlertDialog", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.AlertDialog; }
+  get: function () { return chunkYACOHFYJ_cjs.AlertDialog; }
 });
 Object.defineProperty(exports, "CommandPalette", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.CommandPalette; }
+  get: function () { return chunkYACOHFYJ_cjs.CommandPalette; }
 });
 Object.defineProperty(exports, "ContextMenu", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.ContextMenu; }
+  get: function () { return chunkYACOHFYJ_cjs.ContextMenu; }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.Dialog; }
+  get: function () { return chunkYACOHFYJ_cjs.Dialog; }
 });
 Object.defineProperty(exports, "DialogFooter", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.DialogFooter; }
+  get: function () { return chunkYACOHFYJ_cjs.DialogFooter; }
 });
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.Drawer; }
+  get: function () { return chunkYACOHFYJ_cjs.Drawer; }
 });
 Object.defineProperty(exports, "DropdownMenu", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.DropdownMenu; }
+  get: function () { return chunkYACOHFYJ_cjs.DropdownMenu; }
 });
 Object.defineProperty(exports, "HoverCard", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.HoverCard; }
+  get: function () { return chunkYACOHFYJ_cjs.HoverCard; }
 });
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.Popover; }
+  get: function () { return chunkYACOHFYJ_cjs.Popover; }
 });
 Object.defineProperty(exports, "PopoverContent", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.PopoverContent; }
+  get: function () { return chunkYACOHFYJ_cjs.PopoverContent; }
 });
 Object.defineProperty(exports, "PopoverTrigger", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.PopoverTrigger; }
+  get: function () { return chunkYACOHFYJ_cjs.PopoverTrigger; }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.Tooltip; }
+  get: function () { return chunkYACOHFYJ_cjs.Tooltip; }
 });
 Object.defineProperty(exports, "TooltipProvider", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.TooltipProvider; }
+  get: function () { return chunkYACOHFYJ_cjs.TooltipProvider; }
 });
 Object.defineProperty(exports, "useCommandShortcut", {
   enumerable: true,
-  get: function () { return chunkC5JG6TMM_cjs.useCommandShortcut; }
+  get: function () { return chunkYACOHFYJ_cjs.useCommandShortcut; }
 });
 Object.defineProperty(exports, "Presence", {
   enumerable: true,
-  get: function () { return chunkC32LKF23_cjs.Presence; }
+  get: function () { return chunkKTLTYHAT_cjs.Presence; }
 });
 Object.defineProperty(exports, "Slot", {
   enumerable: true,
-  get: function () { return chunkC32LKF23_cjs.Slot; }
+  get: function () { return chunkKTLTYHAT_cjs.Slot; }
 });
 Object.defineProperty(exports, "getTabbable", {
   enumerable: true,
-  get: function () { return chunkC32LKF23_cjs.getTabbable; }
+  get: function () { return chunkKTLTYHAT_cjs.getTabbable; }
 });
 Object.defineProperty(exports, "slotted", {
   enumerable: true,
-  get: function () { return chunkC32LKF23_cjs.slotted; }
+  get: function () { return chunkKTLTYHAT_cjs.slotted; }
 });
 Object.defineProperty(exports, "useAutoFocus", {
   enumerable: true,
-  get: function () { return chunkC32LKF23_cjs.useAutoFocus; }
+  get: function () { return chunkKTLTYHAT_cjs.useAutoFocus; }
 });
 Object.defineProperty(exports, "useFocusRestore", {
   enumerable: true,
-  get: function () { return chunkC32LKF23_cjs.useFocusRestore; }
+  get: function () { return chunkKTLTYHAT_cjs.useFocusRestore; }
 });
 Object.defineProperty(exports, "useFocusTrap", {
   enumerable: true,
-  get: function () { return chunkC32LKF23_cjs.useFocusTrap; }
+  get: function () { return chunkKTLTYHAT_cjs.useFocusTrap; }
 });
 Object.defineProperty(exports, "usePresence", {
   enumerable: true,
-  get: function () { return chunkC32LKF23_cjs.usePresence; }
+  get: function () { return chunkKTLTYHAT_cjs.usePresence; }
 });
 Object.defineProperty(exports, "useRovingFocus", {
   enumerable: true,
-  get: function () { return chunkC32LKF23_cjs.useRovingFocus; }
+  get: function () { return chunkKTLTYHAT_cjs.useRovingFocus; }
 });
 Object.defineProperty(exports, "Portal", {
   enumerable: true,
@@ -1375,111 +1889,115 @@ Object.defineProperty(exports, "useControllableState", {
 });
 Object.defineProperty(exports, "AnimatePresence", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.AnimatePresence; }
+  get: function () { return chunkIZ6T7LO3_cjs.AnimatePresence; }
 });
 Object.defineProperty(exports, "AnimatedText", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.AnimatedText; }
+  get: function () { return chunkIZ6T7LO3_cjs.AnimatedText; }
 });
 Object.defineProperty(exports, "Draggable", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.Draggable; }
+  get: function () { return chunkIZ6T7LO3_cjs.Draggable; }
 });
 Object.defineProperty(exports, "GradientText", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.GradientText; }
+  get: function () { return chunkIZ6T7LO3_cjs.GradientText; }
 });
 Object.defineProperty(exports, "MagneticButton", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.MagneticButton; }
+  get: function () { return chunkIZ6T7LO3_cjs.MagneticButton; }
 });
 Object.defineProperty(exports, "Marquee", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.Marquee; }
+  get: function () { return chunkIZ6T7LO3_cjs.Marquee; }
 });
 Object.defineProperty(exports, "Motion", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.Motion; }
+  get: function () { return chunkIZ6T7LO3_cjs.Motion; }
 });
 Object.defineProperty(exports, "MotionConfig", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.MotionConfig; }
+  get: function () { return chunkIZ6T7LO3_cjs.MotionConfig; }
 });
 Object.defineProperty(exports, "Parallax", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.Parallax; }
+  get: function () { return chunkIZ6T7LO3_cjs.Parallax; }
 });
 Object.defineProperty(exports, "Ripple", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.Ripple; }
+  get: function () { return chunkIZ6T7LO3_cjs.Ripple; }
 });
 Object.defineProperty(exports, "ScrollReveal", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.ScrollReveal; }
+  get: function () { return chunkIZ6T7LO3_cjs.ScrollReveal; }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.ThemeProvider; }
+  get: function () { return chunkIZ6T7LO3_cjs.ThemeProvider; }
 });
 Object.defineProperty(exports, "TiltCard", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.TiltCard; }
+  get: function () { return chunkIZ6T7LO3_cjs.TiltCard; }
 });
 Object.defineProperty(exports, "createBehaviourComponent", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.createBehaviourComponent; }
+  get: function () { return chunkIZ6T7LO3_cjs.createBehaviourComponent; }
 });
 Object.defineProperty(exports, "themeScript", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.themeScript; }
+  get: function () { return chunkIZ6T7LO3_cjs.themeScript; }
 });
 Object.defineProperty(exports, "useBehaviour", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.useBehaviour; }
+  get: function () { return chunkIZ6T7LO3_cjs.useBehaviour; }
 });
 Object.defineProperty(exports, "useMotionConfig", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.useMotionConfig; }
+  get: function () { return chunkIZ6T7LO3_cjs.useMotionConfig; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunkAVPEA5PB_cjs.useTheme; }
+  get: function () { return chunkIZ6T7LO3_cjs.useTheme; }
 });
 Object.defineProperty(exports, "useElementSize", {
   enumerable: true,
-  get: function () { return chunk6VRF7X5C_cjs.useElementSize; }
+  get: function () { return chunkTEPQGFR4_cjs.useElementSize; }
 });
 Object.defineProperty(exports, "useFrameBudget", {
   enumerable: true,
-  get: function () { return chunk6VRF7X5C_cjs.useFrameBudget; }
+  get: function () { return chunkTEPQGFR4_cjs.useFrameBudget; }
 });
 Object.defineProperty(exports, "useInView", {
   enumerable: true,
-  get: function () { return chunk6VRF7X5C_cjs.useInView; }
+  get: function () { return chunkTEPQGFR4_cjs.useInView; }
 });
 Object.defineProperty(exports, "useMergedRef", {
   enumerable: true,
-  get: function () { return chunk6VRF7X5C_cjs.useMergedRef; }
+  get: function () { return chunkTEPQGFR4_cjs.useMergedRef; }
 });
 Object.defineProperty(exports, "usePointer", {
   enumerable: true,
-  get: function () { return chunk6VRF7X5C_cjs.usePointer; }
+  get: function () { return chunkTEPQGFR4_cjs.usePointer; }
 });
 Object.defineProperty(exports, "useReducedMotion", {
   enumerable: true,
-  get: function () { return chunk6VRF7X5C_cjs.useReducedMotion; }
+  get: function () { return chunkTEPQGFR4_cjs.useReducedMotion; }
 });
 Object.defineProperty(exports, "useScrollProgress", {
   enumerable: true,
-  get: function () { return chunk6VRF7X5C_cjs.useScrollProgress; }
+  get: function () { return chunkTEPQGFR4_cjs.useScrollProgress; }
 });
 Object.defineProperty(exports, "useTicker", {
   enumerable: true,
-  get: function () { return chunk6VRF7X5C_cjs.useTicker; }
+  get: function () { return chunkTEPQGFR4_cjs.useTicker; }
+});
+Object.defineProperty(exports, "useTickerSubscriberCount", {
+  enumerable: true,
+  get: function () { return chunkTEPQGFR4_cjs.useTickerSubscriberCount; }
 });
 Object.defineProperty(exports, "useWindowScroll", {
   enumerable: true,
-  get: function () { return chunk6VRF7X5C_cjs.useWindowScroll; }
+  get: function () { return chunkTEPQGFR4_cjs.useWindowScroll; }
 });
 Object.defineProperty(exports, "composeEventHandlers", {
   enumerable: true,
@@ -1605,31 +2123,44 @@ exports.Alert = Alert;
 exports.AnimatedGradient = AnimatedGradient;
 exports.AuroraBackground = AuroraBackground;
 exports.Banner = Banner;
+exports.BeforeAfter = BeforeAfter;
 exports.BentoGrid = BentoGrid;
 exports.BentoItem = BentoItem;
 exports.Button = Button;
 exports.Callout = Callout;
+exports.CardStack = CardStack;
+exports.Carousel = Carousel;
 exports.Constellation = Constellation;
+exports.DeviceMockup = DeviceMockup;
 exports.Dock = Dock;
 exports.FAQAccordion = FAQAccordion;
 exports.Fireflies = Fireflies;
+exports.FloatingGeometry = FloatingGeometry;
 exports.GlowCard = GlowCard;
 exports.IconButton = IconButton;
+exports.LightRays = LightRays;
 exports.LiquidBlob = LiquidBlob;
 exports.LoadingDots = LoadingDots;
 exports.MeshGradient = MeshGradient;
 exports.MeteorShower = MeteorShower;
 exports.NoiseLayer = NoiseLayer;
 exports.NumberTicker = NumberTicker;
+exports.Orbit = Orbit;
 exports.ParticleField = ParticleField;
+exports.PowderExplosion = PowderExplosion;
 exports.PricingTable = PricingTable;
 exports.Rain = Rain;
+exports.ScrambleText = ScrambleText;
 exports.ShinyText = ShinyText;
 exports.Skeleton = Skeleton;
+exports.Smoke = Smoke;
 exports.Snow = Snow;
 exports.Spinner = Spinner;
 exports.Spotlight = Spotlight;
 exports.SpotlightCard = SpotlightCard;
+exports.StrangeAttractor = StrangeAttractor;
+exports.Swarm = Swarm;
+exports.TextRotate = TextRotate;
 exports.TiltCard3D = TiltCard3D;
 exports.ToastProvider = ToastProvider;
 exports.Typewriter = Typewriter;