react-useanimations 2.0.9 → 3.0.0-beta.1

package/index.js

@@ -0,0 +1,288 @@
+'use client';
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+var import_react = __toESM(require("react"));
+
+// src/icons.ts
+var interactions = {
+  activity: "loop",
+  airplay: "loop",
+  alertCircle: "loop",
+  alertOctagon: "loop",
+  alertTriangle: "loop",
+  archive: "hover",
+  arrowDown: "loop",
+  arrowDownCircle: "click-replay",
+  arrowLeftCircle: "click-replay",
+  arrowRightCircle: "click-replay",
+  arrowUp: "loop",
+  arrowUpCircle: "click-replay",
+  behance: "hover-loop",
+  bookmark: "click-toggle",
+  calendar: "hover",
+  checkBox: "click-toggle",
+  checkmark: "loop",
+  chevronLeft: "click-replay",
+  chevronRight: "click-replay",
+  codepen: "hover-loop",
+  copy: "hover",
+  download: "click-replay",
+  dribbble: "hover-loop",
+  edit: "hover",
+  error: "loop",
+  explore: "hover",
+  facebook: "hover-loop",
+  filter: "click-replay",
+  folder: "hover",
+  github: "hover-loop",
+  heart: "click-toggle",
+  help: "loop",
+  home: "hover",
+  infinity: "loop",
+  info: "hover",
+  instagram: "hover",
+  linkedin: "hover-loop",
+  loading: "loop",
+  loading2: "loop",
+  loading3: "loop",
+  loading4: "loop",
+  lock: "click-toggle",
+  mail: "hover",
+  maximizeMinimize: "click-toggle",
+  maximizeMinimize2: "click-toggle",
+  menu: "click-toggle",
+  menu2: "click-toggle",
+  menu3: "click-toggle",
+  menu4: "click-toggle",
+  microphone: "click-toggle",
+  microphone2: "click-toggle",
+  notification: "click-toggle",
+  notification2: "click-toggle",
+  notification3: "loop",
+  notification4: "loop",
+  playPause: "click-toggle",
+  playPauseCircle: "click-toggle",
+  plusToX: "click-toggle",
+  pocket: "hover-loop",
+  radioButton: "click-toggle",
+  refresh: "click-replay",
+  scrollDown: "loop",
+  searchToX: "click-toggle",
+  settings: "hover",
+  settings2: "click-toggle",
+  share: "hover",
+  skipBack: "click-replay",
+  skipForward: "click-replay",
+  star: "click-toggle",
+  thumbUp: "click-toggle",
+  toggle: "click-toggle",
+  trash: "hover",
+  trash2: "hover",
+  twitter: "hover-loop",
+  userMinus: "hover",
+  userPlus: "hover",
+  userX: "hover",
+  video: "click-toggle",
+  video2: "click-toggle",
+  visibility: "click-toggle",
+  visibility2: "click-toggle",
+  visibility3: "click-toggle",
+  volume: "click-toggle",
+  youtube: "hover",
+  youtube2: "hover",
+  zoomIn: "hover",
+  zoomOut: "hover"
+};
+var fullPlayerIcons = /* @__PURE__ */ new Set(["error", "twitter"]);
+
+// src/interactions.ts
+var getInteraction = (key) => (
+  // Unknown keys (e.g. custom animations) fall back to replaying on click.
+  interactions[key] ?? "click-replay"
+);
+var playToggle = (animation, toEnd) => {
+  animation.setDirection(toEnd ? 1 : -1);
+  animation.play();
+};
+var replay = (animation) => {
+  animation.setDirection(1);
+  animation.playSegments([0, animation.totalFrames], true);
+};
+var hoverStart = (animation, interaction) => {
+  if (interaction === "hover") animation.setDirection(1);
+  animation.play();
+};
+var hoverEnd = (animation, interaction) => {
+  if (interaction === "hover") {
+    animation.setDirection(-1);
+    animation.play();
+  } else {
+    animation.stop();
+  }
+};
+
+// src/lottie.ts
+var light;
+var full;
+var unwrap = (mod) => mod.default ?? mod;
+var loadLottie = (needsFullPlayer) => {
+  if (needsFullPlayer) {
+    full ?? (full = import("lottie-web").then(unwrap));
+    return full;
+  }
+  light ?? (light = import("lottie-web/build/player/lottie_light").then(unwrap));
+  return light;
+};
+var lottie_default = loadLottie;
+
+// src/index.tsx
+var idCounter = 0;
+var UseAnimations = (props) => {
+  const {
+    animation: { animationData, animationKey },
+    interaction: interactionProp,
+    reverse = false,
+    size = 24,
+    speed = 1,
+    strokeColor,
+    fillColor,
+    pathCss,
+    loop,
+    autoplay,
+    wrapperStyle,
+    options,
+    render,
+    style,
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    ...other
+  } = props;
+  const containerRef = (0, import_react.useRef)(null);
+  const [player, setPlayer] = (0, import_react.useState)(null);
+  const [id] = (0, import_react.useState)(() => `useanimations-${idCounter += 1}`);
+  const atEnd = (0, import_react.useRef)(false);
+  const latest = (0, import_react.useRef)({ options, speed });
+  const interaction = interactionProp ?? getInteraction(animationKey);
+  const shouldLoop = loop ?? (interaction === "loop" || interaction === "hover-loop");
+  const shouldAutoplay = autoplay ?? interaction === "loop";
+  (0, import_react.useEffect)(() => {
+    latest.current = { options, speed };
+  });
+  (0, import_react.useEffect)(() => {
+    const container = containerRef.current;
+    if (!container) return void 0;
+    let cancelled = false;
+    let instance;
+    lottie_default(fullPlayerIcons.has(animationKey)).then((lottie) => {
+      if (cancelled) return;
+      const { options: custom, speed: initialSpeed } = latest.current;
+      instance = lottie.loadAnimation({
+        container,
+        renderer: "svg",
+        animationData,
+        loop: shouldLoop,
+        autoplay: shouldAutoplay,
+        ...custom,
+        // lottie-web supports `id` (set on the <svg>) but its types don't declare it.
+        rendererSettings: {
+          progressiveLoad: true,
+          ...custom?.rendererSettings,
+          id
+        }
+      });
+      instance.setSpeed(initialSpeed);
+      atEnd.current = false;
+      setPlayer(instance);
+    });
+    return () => {
+      cancelled = true;
+      instance?.destroy();
+      setPlayer(null);
+    };
+  }, [animationData, animationKey, shouldLoop, shouldAutoplay, id]);
+  (0, import_react.useEffect)(() => {
+    player?.setSpeed(speed);
+  }, [player, speed]);
+  (0, import_react.useEffect)(() => {
+    if (!player || interaction !== "click-toggle" || reverse === atEnd.current) return;
+    atEnd.current = reverse;
+    playToggle(player, reverse);
+  }, [player, interaction, reverse]);
+  (0, import_react.useEffect)(() => {
+    if (!strokeColor && !fillColor && !pathCss) return void 0;
+    const sheet = document.createElement("style");
+    sheet.textContent = `#${id} path { ${strokeColor ? `stroke: ${strokeColor};` : ""} ${fillColor ? `fill: ${fillColor};` : ""} ${pathCss ?? ""} }`;
+    document.head.appendChild(sheet);
+    return () => sheet.remove();
+  }, [id, strokeColor, fillColor, pathCss]);
+  const eventProps = {
+    onClick: (event) => {
+      onClick?.(event);
+      if (!player || event.defaultPrevented) return;
+      if (interaction === "click-toggle") {
+        atEnd.current = !atEnd.current;
+        playToggle(player, atEnd.current);
+      } else if (interaction === "click-replay") {
+        replay(player);
+      }
+    },
+    onMouseEnter: (event) => {
+      onMouseEnter?.(event);
+      if (!player || event.defaultPrevented) return;
+      if (interaction === "hover" || interaction === "hover-loop") hoverStart(player, interaction);
+    },
+    onMouseLeave: (event) => {
+      onMouseLeave?.(event);
+      if (!player || event.defaultPrevented) return;
+      if (interaction === "hover" || interaction === "hover-loop") hoverEnd(player, interaction);
+    }
+  };
+  const animationProps = {
+    ...other,
+    ref: containerRef,
+    style: {
+      overflow: "hidden",
+      outline: "none",
+      width: `${size}px`,
+      height: `${size}px`,
+      ...wrapperStyle,
+      ...style
+    }
+  };
+  return render ? render(eventProps, animationProps) : /* @__PURE__ */ import_react.default.createElement("div", { ...eventProps, ...animationProps });
+};
+var src_default = UseAnimations;

package/index.mjs

@@ -0,0 +1,258 @@
+'use client';
+
+// src/index.tsx
+import React, { useEffect, useRef, useState } from "react";
+
+// src/icons.ts
+var interactions = {
+  activity: "loop",
+  airplay: "loop",
+  alertCircle: "loop",
+  alertOctagon: "loop",
+  alertTriangle: "loop",
+  archive: "hover",
+  arrowDown: "loop",
+  arrowDownCircle: "click-replay",
+  arrowLeftCircle: "click-replay",
+  arrowRightCircle: "click-replay",
+  arrowUp: "loop",
+  arrowUpCircle: "click-replay",
+  behance: "hover-loop",
+  bookmark: "click-toggle",
+  calendar: "hover",
+  checkBox: "click-toggle",
+  checkmark: "loop",
+  chevronLeft: "click-replay",
+  chevronRight: "click-replay",
+  codepen: "hover-loop",
+  copy: "hover",
+  download: "click-replay",
+  dribbble: "hover-loop",
+  edit: "hover",
+  error: "loop",
+  explore: "hover",
+  facebook: "hover-loop",
+  filter: "click-replay",
+  folder: "hover",
+  github: "hover-loop",
+  heart: "click-toggle",
+  help: "loop",
+  home: "hover",
+  infinity: "loop",
+  info: "hover",
+  instagram: "hover",
+  linkedin: "hover-loop",
+  loading: "loop",
+  loading2: "loop",
+  loading3: "loop",
+  loading4: "loop",
+  lock: "click-toggle",
+  mail: "hover",
+  maximizeMinimize: "click-toggle",
+  maximizeMinimize2: "click-toggle",
+  menu: "click-toggle",
+  menu2: "click-toggle",
+  menu3: "click-toggle",
+  menu4: "click-toggle",
+  microphone: "click-toggle",
+  microphone2: "click-toggle",
+  notification: "click-toggle",
+  notification2: "click-toggle",
+  notification3: "loop",
+  notification4: "loop",
+  playPause: "click-toggle",
+  playPauseCircle: "click-toggle",
+  plusToX: "click-toggle",
+  pocket: "hover-loop",
+  radioButton: "click-toggle",
+  refresh: "click-replay",
+  scrollDown: "loop",
+  searchToX: "click-toggle",
+  settings: "hover",
+  settings2: "click-toggle",
+  share: "hover",
+  skipBack: "click-replay",
+  skipForward: "click-replay",
+  star: "click-toggle",
+  thumbUp: "click-toggle",
+  toggle: "click-toggle",
+  trash: "hover",
+  trash2: "hover",
+  twitter: "hover-loop",
+  userMinus: "hover",
+  userPlus: "hover",
+  userX: "hover",
+  video: "click-toggle",
+  video2: "click-toggle",
+  visibility: "click-toggle",
+  visibility2: "click-toggle",
+  visibility3: "click-toggle",
+  volume: "click-toggle",
+  youtube: "hover",
+  youtube2: "hover",
+  zoomIn: "hover",
+  zoomOut: "hover"
+};
+var fullPlayerIcons = /* @__PURE__ */ new Set(["error", "twitter"]);
+
+// src/interactions.ts
+var getInteraction = (key) => (
+  // Unknown keys (e.g. custom animations) fall back to replaying on click.
+  interactions[key] ?? "click-replay"
+);
+var playToggle = (animation, toEnd) => {
+  animation.setDirection(toEnd ? 1 : -1);
+  animation.play();
+};
+var replay = (animation) => {
+  animation.setDirection(1);
+  animation.playSegments([0, animation.totalFrames], true);
+};
+var hoverStart = (animation, interaction) => {
+  if (interaction === "hover") animation.setDirection(1);
+  animation.play();
+};
+var hoverEnd = (animation, interaction) => {
+  if (interaction === "hover") {
+    animation.setDirection(-1);
+    animation.play();
+  } else {
+    animation.stop();
+  }
+};
+
+// src/lottie.ts
+var light;
+var full;
+var unwrap = (mod) => mod.default ?? mod;
+var loadLottie = (needsFullPlayer) => {
+  if (needsFullPlayer) {
+    full ?? (full = import("lottie-web").then(unwrap));
+    return full;
+  }
+  light ?? (light = import("lottie-web/build/player/lottie_light").then(unwrap));
+  return light;
+};
+var lottie_default = loadLottie;
+
+// src/index.tsx
+var idCounter = 0;
+var UseAnimations = (props) => {
+  const {
+    animation: { animationData, animationKey },
+    interaction: interactionProp,
+    reverse = false,
+    size = 24,
+    speed = 1,
+    strokeColor,
+    fillColor,
+    pathCss,
+    loop,
+    autoplay,
+    wrapperStyle,
+    options,
+    render,
+    style,
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    ...other
+  } = props;
+  const containerRef = useRef(null);
+  const [player, setPlayer] = useState(null);
+  const [id] = useState(() => `useanimations-${idCounter += 1}`);
+  const atEnd = useRef(false);
+  const latest = useRef({ options, speed });
+  const interaction = interactionProp ?? getInteraction(animationKey);
+  const shouldLoop = loop ?? (interaction === "loop" || interaction === "hover-loop");
+  const shouldAutoplay = autoplay ?? interaction === "loop";
+  useEffect(() => {
+    latest.current = { options, speed };
+  });
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return void 0;
+    let cancelled = false;
+    let instance;
+    lottie_default(fullPlayerIcons.has(animationKey)).then((lottie) => {
+      if (cancelled) return;
+      const { options: custom, speed: initialSpeed } = latest.current;
+      instance = lottie.loadAnimation({
+        container,
+        renderer: "svg",
+        animationData,
+        loop: shouldLoop,
+        autoplay: shouldAutoplay,
+        ...custom,
+        // lottie-web supports `id` (set on the <svg>) but its types don't declare it.
+        rendererSettings: {
+          progressiveLoad: true,
+          ...custom?.rendererSettings,
+          id
+        }
+      });
+      instance.setSpeed(initialSpeed);
+      atEnd.current = false;
+      setPlayer(instance);
+    });
+    return () => {
+      cancelled = true;
+      instance?.destroy();
+      setPlayer(null);
+    };
+  }, [animationData, animationKey, shouldLoop, shouldAutoplay, id]);
+  useEffect(() => {
+    player?.setSpeed(speed);
+  }, [player, speed]);
+  useEffect(() => {
+    if (!player || interaction !== "click-toggle" || reverse === atEnd.current) return;
+    atEnd.current = reverse;
+    playToggle(player, reverse);
+  }, [player, interaction, reverse]);
+  useEffect(() => {
+    if (!strokeColor && !fillColor && !pathCss) return void 0;
+    const sheet = document.createElement("style");
+    sheet.textContent = `#${id} path { ${strokeColor ? `stroke: ${strokeColor};` : ""} ${fillColor ? `fill: ${fillColor};` : ""} ${pathCss ?? ""} }`;
+    document.head.appendChild(sheet);
+    return () => sheet.remove();
+  }, [id, strokeColor, fillColor, pathCss]);
+  const eventProps = {
+    onClick: (event) => {
+      onClick?.(event);
+      if (!player || event.defaultPrevented) return;
+      if (interaction === "click-toggle") {
+        atEnd.current = !atEnd.current;
+        playToggle(player, atEnd.current);
+      } else if (interaction === "click-replay") {
+        replay(player);
+      }
+    },
+    onMouseEnter: (event) => {
+      onMouseEnter?.(event);
+      if (!player || event.defaultPrevented) return;
+      if (interaction === "hover" || interaction === "hover-loop") hoverStart(player, interaction);
+    },
+    onMouseLeave: (event) => {
+      onMouseLeave?.(event);
+      if (!player || event.defaultPrevented) return;
+      if (interaction === "hover" || interaction === "hover-loop") hoverEnd(player, interaction);
+    }
+  };
+  const animationProps = {
+    ...other,
+    ref: containerRef,
+    style: {
+      overflow: "hidden",
+      outline: "none",
+      width: `${size}px`,
+      height: `${size}px`,
+      ...wrapperStyle,
+      ...style
+    }
+  };
+  return render ? render(eventProps, animationProps) : /* @__PURE__ */ React.createElement("div", { ...eventProps, ...animationProps });
+};
+var src_default = UseAnimations;
+export {
+  src_default as default
+};

package/lib/activity/index.d.mts

@@ -0,0 +1,5 @@
+import type { Animation } from '../../index.mjs';
+
+declare const activity: Animation;
+
+export default activity;

package/lib/activity/index.d.ts

@@ -0,0 +1,5 @@
+import type { Animation } from '../../index.js';
+
+declare const activity: Animation;
+
+export default activity;

package/lib/activity/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/activity/index.ts
+var activity_exports = {};
+__export(activity_exports, {
+  default: () => activity_default2
+});
+module.exports = __toCommonJS(activity_exports);
+
+// src/lib/activity/activity.json
+var activity_default = { v: "5.6.5", fr: 30, ip: 0, op: 40, w: 32, h: 32, nm: "activity", ddd: 0, assets: [], layers: [{ ddd: 0, ind: 1, ty: 4, nm: "activity Outlines", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [16, 16, 0], ix: 2 }, a: { a: 0, k: [12, 12, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0]], o: [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0]], v: [[12, 0], [6, 0], [3, 9], [-3, -9], [-6, 0], [-12, 0]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.167], y: [0.167] }, t: 13, s: [100] }, { t: 40, s: [4] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 13, s: [100] }, { t: 40, s: [96] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 2, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [12, 12], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "2", np: 3, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0]], o: [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0]], v: [[12, 0], [6, 0], [3, 9], [-3, -9], [-6, 0], [-12, 0]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 0, s: [4] }, { t: 5, s: [0] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.333], y: [0] }, t: 0, s: [96] }, { t: 15, s: [0] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 2, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [12, 12], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "1", np: 3, cix: 2, bm: 0, ix: 2, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 41, st: 0, bm: 0 }], markers: [] };
+
+// src/lib/activity/index.ts
+var activity = { animationData: activity_default, animationKey: "activity" };
+var activity_default2 = activity;

package/lib/activity/index.mjs

@@ -0,0 +1,9 @@
+// src/lib/activity/activity.json
+var activity_default = { v: "5.6.5", fr: 30, ip: 0, op: 40, w: 32, h: 32, nm: "activity", ddd: 0, assets: [], layers: [{ ddd: 0, ind: 1, ty: 4, nm: "activity Outlines", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [16, 16, 0], ix: 2 }, a: { a: 0, k: [12, 12, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0]], o: [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0]], v: [[12, 0], [6, 0], [3, 9], [-3, -9], [-6, 0], [-12, 0]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.167], y: [0.167] }, t: 13, s: [100] }, { t: 40, s: [4] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 13, s: [100] }, { t: 40, s: [96] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 2, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [12, 12], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "2", np: 3, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0]], o: [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0]], v: [[12, 0], [6, 0], [3, 9], [-3, -9], [-6, 0], [-12, 0]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 0, s: [4] }, { t: 5, s: [0] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.333], y: [0] }, t: 0, s: [96] }, { t: 15, s: [0] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 2, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [12, 12], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "1", np: 3, cix: 2, bm: 0, ix: 2, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 41, st: 0, bm: 0 }], markers: [] };
+
+// src/lib/activity/index.ts
+var activity = { animationData: activity_default, animationKey: "activity" };
+var activity_default2 = activity;
+export {
+  activity_default2 as default
+};

package/lib/airplay/index.d.mts

@@ -0,0 +1,5 @@
+import type { Animation } from '../../index.mjs';
+
+declare const airplay: Animation;
+
+export default airplay;

package/lib/airplay/index.d.ts

@@ -0,0 +1,5 @@
+import type { Animation } from '../../index.js';
+
+declare const airplay: Animation;
+
+export default airplay;

package/lib/airplay/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/airplay/index.ts
+var airplay_exports = {};
+__export(airplay_exports, {
+  default: () => airplay_default2
+});
+module.exports = __toCommonJS(airplay_exports);
+
+// src/lib/airplay/airplay.json
+var airplay_default = { v: "5.6.5", fr: 30, ip: 0, op: 30, w: 32, h: 32, nm: "airplay", ddd: 0, assets: [], layers: [{ ddd: 0, ind: 1, ty: 4, nm: "airplay Outlines", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [16, 16, 0], ix: 2 }, a: { a: 0, k: [12, 12, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0], [0, 0]], o: [[0, 0], [0, 0], [0, 0]], v: [[0, -3], [5, 3], [-5, 3]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 2, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 1, k: [{ i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 0, s: [12, 18], to: [0, 0.085], ti: [0, 0.417] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 3, s: [12, 18.509], to: [0, -0.417], ti: [0, 0.085] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 6, s: [12, 15.5], to: [0, -0.085], ti: [0, -0.229] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 10, s: [12, 18], to: [0, 0.229], ti: [0, 0] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 14, s: [12, 16.875], to: [0, 0], ti: [0, -0.188] }, { t: 18, s: [12, 18] }], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "arrow", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0], [0, 1.104], [0, 0], [-1.104, 0], [0, 0], [0, -1.104], [0, 0], [1.104, 0], [0, 0]], o: [[0, 0], [-1.104, 0], [0, 0], [0, -1.104], [0, 0], [1.104, 0], [0, 0], [0, 1.104], [0, 0], [0, 0]], v: [[-7, 7], [-8, 7], [-10, 5], [-10, -5], [-8, -7], [8, -7], [10, -5], [10, 5], [8, 7], [7, 7]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 4, s: [0] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 6, s: [5] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 10, s: [0] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 12, s: [0] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 14, s: [5] }, { t: 18, s: [0] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 4, s: [100] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 6, s: [95] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 10, s: [100] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 12, s: [100] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 14, s: [95] }, { t: 18, s: [100] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 2, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [12, 10], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "monitor", np: 3, cix: 2, bm: 0, ix: 2, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 31, st: 0, bm: 0 }], markers: [] };
+
+// src/lib/airplay/index.ts
+var airplay = { animationData: airplay_default, animationKey: "airplay" };
+var airplay_default2 = airplay;

package/lib/airplay/index.mjs

@@ -0,0 +1,9 @@
+// src/lib/airplay/airplay.json
+var airplay_default = { v: "5.6.5", fr: 30, ip: 0, op: 30, w: 32, h: 32, nm: "airplay", ddd: 0, assets: [], layers: [{ ddd: 0, ind: 1, ty: 4, nm: "airplay Outlines", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [16, 16, 0], ix: 2 }, a: { a: 0, k: [12, 12, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0], [0, 0]], o: [[0, 0], [0, 0], [0, 0]], v: [[0, -3], [5, 3], [-5, 3]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 2, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 1, k: [{ i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 0, s: [12, 18], to: [0, 0.085], ti: [0, 0.417] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 3, s: [12, 18.509], to: [0, -0.417], ti: [0, 0.085] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 6, s: [12, 15.5], to: [0, -0.085], ti: [0, -0.229] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 10, s: [12, 18], to: [0, 0.229], ti: [0, 0] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 14, s: [12, 16.875], to: [0, 0], ti: [0, -0.188] }, { t: 18, s: [12, 18] }], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "arrow", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0], [0, 1.104], [0, 0], [-1.104, 0], [0, 0], [0, -1.104], [0, 0], [1.104, 0], [0, 0]], o: [[0, 0], [-1.104, 0], [0, 0], [0, -1.104], [0, 0], [1.104, 0], [0, 0], [0, 1.104], [0, 0], [0, 0]], v: [[-7, 7], [-8, 7], [-10, 5], [-10, -5], [-8, -7], [8, -7], [10, -5], [10, 5], [8, 7], [7, 7]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 4, s: [0] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 6, s: [5] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 10, s: [0] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 12, s: [0] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 14, s: [5] }, { t: 18, s: [0] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 4, s: [100] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 6, s: [95] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 10, s: [100] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 12, s: [100] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 14, s: [95] }, { t: 18, s: [100] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 2, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [12, 10], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "monitor", np: 3, cix: 2, bm: 0, ix: 2, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 31, st: 0, bm: 0 }], markers: [] };
+
+// src/lib/airplay/index.ts
+var airplay = { animationData: airplay_default, animationKey: "airplay" };
+var airplay_default2 = airplay;
+export {
+  airplay_default2 as default
+};