react-useanimations 2.10.0 → 3.0.0-beta.2

package/index.mjs

@@ -0,0 +1,475 @@
+'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",
+  alignCenter: "click-replay",
+  alignJustify: "click-replay",
+  alignLeft: "click-replay",
+  alignRight: "click-replay",
+  anchor: "hover-replay",
+  aperture: "hover-replay",
+  archive: "hover",
+  arrowDown: "loop",
+  arrowDownCircle: "click-replay",
+  arrowDownLeft: "hover-replay",
+  arrowDownRight: "hover-replay",
+  arrowLeft: "hover-replay",
+  arrowLeftCircle: "click-replay",
+  arrowRight: "hover-replay",
+  arrowRightCircle: "click-replay",
+  arrowUp: "loop",
+  arrowUpCircle: "click-replay",
+  arrowUpLeft: "hover-replay",
+  arrowUpRight: "hover-replay",
+  atSign: "hover-replay",
+  award: "hover-replay",
+  barChart: "hover-replay",
+  barChart2: "hover-replay",
+  battery: "hover-replay",
+  batteryCharging: "hover-replay",
+  behance: "hover-loop",
+  bluetooth: "hover-replay",
+  bold: "click-replay",
+  book: "hover-replay",
+  bookmark: "click-toggle",
+  bookOpen: "hover-replay",
+  box: "hover-replay",
+  briefcase: "hover-replay",
+  calendar: "hover",
+  camera: "click-replay",
+  cameraOff: "click-toggle",
+  cast: "hover-replay",
+  check: "click-replay",
+  checkBox: "click-toggle",
+  checkCircle: "click-replay",
+  checkmark: "loop",
+  chevronDown: "hover-replay",
+  chevronLeft: "click-replay",
+  chevronRight: "click-replay",
+  chevronsDown: "hover-replay",
+  chevronsLeft: "hover-replay",
+  chevronsRight: "hover-replay",
+  chevronsUp: "hover-replay",
+  chevronUp: "hover-replay",
+  chrome: "hover-replay",
+  circle: "hover-replay",
+  clipboard: "hover-replay",
+  clock: "hover-replay",
+  cloud: "hover-loop",
+  cloudDrizzle: "hover-replay",
+  cloudLightning: "hover-replay",
+  cloudOff: "click-toggle",
+  cloudRain: "hover-replay",
+  cloudSnow: "hover-replay",
+  code: "hover-replay",
+  codepen: "hover-loop",
+  codesandbox: "hover-replay",
+  coffee: "hover-replay",
+  columns: "hover-replay",
+  command: "hover-replay",
+  copy: "hover",
+  cornerDownLeft: "hover-replay",
+  cornerDownRight: "hover-replay",
+  cornerLeftDown: "hover-replay",
+  cornerLeftUp: "hover-replay",
+  cornerRightDown: "hover-replay",
+  cornerRightUp: "hover-replay",
+  cornerUpLeft: "hover-replay",
+  cornerUpRight: "hover-replay",
+  cpu: "hover-replay",
+  creditCard: "hover-replay",
+  crop: "click-replay",
+  crosshair: "hover-replay",
+  database: "hover-replay",
+  delete: "click-replay",
+  disc: "hover-replay",
+  divide: "hover-replay",
+  divideCircle: "hover-replay",
+  divideSquare: "hover-replay",
+  dollarSign: "hover-replay",
+  download: "click-replay",
+  download2: "click-replay",
+  downloadCloud: "click-replay",
+  dribbble: "hover-loop",
+  droplet: "hover-replay",
+  edit: "hover",
+  edit2: "click-replay",
+  edit3: "click-replay",
+  error: "loop",
+  explore: "hover",
+  externalLink: "hover-replay",
+  facebook: "hover-loop",
+  fastForward: "hover-replay",
+  figma: "hover-replay",
+  file: "hover-replay",
+  fileMinus: "click-replay",
+  filePlus: "click-replay",
+  fileText: "hover-replay",
+  film: "hover-replay",
+  filter: "click-replay",
+  flag: "hover-loop",
+  folder: "hover",
+  folderMinus: "click-replay",
+  folderPlus: "click-replay",
+  framer: "hover-replay",
+  frown: "hover-replay",
+  gift: "hover-replay",
+  gitBranch: "hover-replay",
+  gitCommit: "hover-replay",
+  github: "hover-loop",
+  gitlab: "hover-replay",
+  gitMerge: "hover-replay",
+  gitPullRequest: "hover-replay",
+  globe: "hover-loop",
+  grid: "hover-replay",
+  hardDrive: "hover-replay",
+  hash: "hover-replay",
+  headphones: "hover-replay",
+  heart: "click-toggle",
+  heart2: "click-replay",
+  help: "loop",
+  hexagon: "hover-replay",
+  home: "hover",
+  image: "hover-replay",
+  inbox: "hover-replay",
+  infinity: "loop",
+  info: "hover",
+  instagram: "hover",
+  italic: "click-replay",
+  key: "hover-replay",
+  layers: "hover-replay",
+  layout: "hover-replay",
+  lifeBuoy: "hover-replay",
+  link: "click-replay",
+  link2: "click-replay",
+  linkedin: "hover-loop",
+  list: "hover-replay",
+  loading: "loop",
+  loading2: "loop",
+  loading3: "loop",
+  loading4: "loop",
+  lock: "click-toggle",
+  logIn: "click-replay",
+  logOut: "click-replay",
+  mail: "hover",
+  map: "hover-replay",
+  mapPin: "hover-replay",
+  maximize2: "hover-replay",
+  maximizeMinimize: "click-toggle",
+  maximizeMinimize2: "click-toggle",
+  meh: "hover-replay",
+  menu: "click-toggle",
+  menu2: "click-toggle",
+  menu3: "click-toggle",
+  menu4: "click-toggle",
+  messageCircle: "hover-replay",
+  messageSquare: "hover-replay",
+  micOff: "click-toggle",
+  microphone: "click-toggle",
+  microphone2: "click-toggle",
+  minimize2: "hover-replay",
+  minus: "click-replay",
+  minusCircle: "click-replay",
+  minusSquare: "click-replay",
+  monitor: "hover-replay",
+  moon: "hover-replay",
+  moreHorizontal: "loop",
+  moreVertical: "loop",
+  mousePointer: "click-replay",
+  move: "hover-replay",
+  music: "hover-replay",
+  navigation: "hover-replay",
+  navigation2: "hover-replay",
+  notification: "click-toggle",
+  notification2: "click-toggle",
+  notification3: "loop",
+  notification4: "loop",
+  octagon: "hover-replay",
+  package: "hover-replay",
+  paperclip: "hover-replay",
+  penTool: "hover-replay",
+  percent: "hover-replay",
+  phone: "click-replay",
+  phoneCall: "click-replay",
+  phoneForwarded: "hover-replay",
+  phoneIncoming: "hover-replay",
+  phoneMissed: "hover-replay",
+  phoneOff: "click-toggle",
+  phoneOutgoing: "hover-replay",
+  pieChart: "hover-replay",
+  playPause: "click-toggle",
+  playPauseCircle: "click-toggle",
+  plusCircle: "click-replay",
+  plusSquare: "click-replay",
+  plusToX: "click-toggle",
+  pocket: "hover-loop",
+  power: "click-replay",
+  printer: "click-replay",
+  radio: "hover-replay",
+  radioButton: "click-toggle",
+  refresh: "click-replay",
+  refresh2: "click-replay",
+  refreshCcw: "click-replay",
+  repeat: "click-replay",
+  rewind: "hover-replay",
+  rotateCcw: "click-replay",
+  rotateCw: "click-replay",
+  rss: "hover-replay",
+  save: "click-replay",
+  scissors: "click-replay",
+  scrollDown: "loop",
+  searchToX: "click-toggle",
+  send: "click-replay",
+  server: "hover-replay",
+  settings: "hover",
+  settings2: "click-toggle",
+  share: "hover",
+  shield: "hover-replay",
+  shieldOff: "click-toggle",
+  shoppingBag: "hover-replay",
+  shoppingCart: "click-replay",
+  shuffle: "click-replay",
+  sidebar: "hover-replay",
+  skipBack: "click-replay",
+  skipForward: "click-replay",
+  slack: "hover-replay",
+  slash: "hover-replay",
+  smartphone: "hover-replay",
+  smile: "hover-replay",
+  speaker: "hover-replay",
+  square: "hover-replay",
+  star: "click-toggle",
+  stopCircle: "click-replay",
+  sun: "hover-replay",
+  sunrise: "hover-replay",
+  sunset: "hover-replay",
+  table: "hover-replay",
+  tablet: "hover-replay",
+  tag: "hover-replay",
+  target: "hover-replay",
+  terminal: "loop",
+  thermometer: "hover-replay",
+  thumbsDown: "click-replay",
+  thumbUp: "click-toggle",
+  toggle: "click-toggle",
+  tool: "hover-replay",
+  trash: "hover",
+  trash2: "hover",
+  trello: "hover-replay",
+  trendingDown: "hover-replay",
+  trendingUp: "hover-replay",
+  triangle: "hover-replay",
+  truck: "hover-replay",
+  tv: "hover-replay",
+  twitch: "hover-replay",
+  twitter: "hover-loop",
+  twitterX: "hover-replay",
+  type: "click-replay",
+  umbrella: "hover-replay",
+  underline: "click-replay",
+  upload: "click-replay",
+  uploadCloud: "click-replay",
+  user: "hover-replay",
+  userCheck: "click-replay",
+  userMinus: "hover",
+  userPlus: "hover",
+  users: "hover-replay",
+  userX: "hover",
+  video: "click-toggle",
+  video2: "click-toggle",
+  videoOff: "click-toggle",
+  visibility: "click-toggle",
+  visibility2: "click-toggle",
+  visibility3: "click-toggle",
+  voicemail: "hover-replay",
+  volume: "click-toggle",
+  watch: "hover-replay",
+  wifi: "hover-replay",
+  wifiOff: "click-toggle",
+  wind: "hover-replay",
+  xOctagon: "click-replay",
+  xSquare: "click-replay",
+  youtube: "hover",
+  youtube2: "hover",
+  zap: "hover-replay",
+  zapOff: "click-toggle",
+  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 isHover = (interaction) => interaction === "hover" || interaction === "hover-loop" || interaction === "hover-replay";
+var hoverStart = (animation, interaction) => {
+  if (interaction === "hover-replay") {
+    if (animation.isPaused) replay(animation);
+    return;
+  }
+  if (interaction === "hover") animation.setDirection(1);
+  animation.play();
+};
+var hoverEnd = (animation, interaction) => {
+  if (interaction === "hover-replay") return;
+  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 (isHover(interaction)) hoverStart(player, interaction);
+    },
+    onMouseLeave: (event) => {
+      onMouseLeave?.(event);
+      if (!player || event.defaultPrevented) return;
+      if (isHover(interaction)) 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 animation: Animation;
+
+export default animation;

package/lib/activity/index.d.ts

@@ -1,3 +1,5 @@
-import type { Animation } from '../../utils/constants';
-declare const _default: Animation;
-export default _default;
+import type { Animation } from '../../index.js';
+
+declare const animation: Animation;
+
+export default animation;

package/lib/activity/index.js

@@ -1,16 +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);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/lib/activity/index.ts
+var activity_exports = {};
+__export(activity_exports, {
+  default: () => activity_default2
 });
-exports["default"] = void 0;
+module.exports = __toCommonJS(activity_exports);
 
-var _activity = _interopRequireDefault(require("./activity.json"));
+// 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: [] };
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
-  animationData: _activity["default"],
-  animationKey: 'activity'
-};
-exports["default"] = _default;
+// 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 animation: Animation;
+
+export default animation;

package/lib/airplay/index.d.ts

@@ -1,3 +1,5 @@
-import type { Animation } from '../../utils/constants';
-declare const _default: Animation;
-export default _default;
+import type { Animation } from '../../index.js';
+
+declare const animation: Animation;
+
+export default animation;

package/lib/airplay/index.js

@@ -1,16 +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);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/lib/airplay/index.ts
+var airplay_exports = {};
+__export(airplay_exports, {
+  default: () => airplay_default2
 });
-exports["default"] = void 0;
+module.exports = __toCommonJS(airplay_exports);
 
-var _airplay = _interopRequireDefault(require("./airplay.json"));
+// 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: [] };
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
-  animationData: _airplay["default"],
-  animationKey: 'airplay'
-};
-exports["default"] = _default;
+// 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
+};

package/lib/alertCircle/index.d.mts

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

package/lib/alertCircle/index.d.ts

@@ -1,3 +1,5 @@
-import type { Animation } from '../../utils/constants';
-declare const _default: Animation;
-export default _default;
+import type { Animation } from '../../index.js';
+
+declare const animation: Animation;
+
+export default animation;