react-useanimations 3.0.0 → 3.1.0

package/README.md

@@ -4,7 +4,7 @@
 
 #### What is react-useanimations?
 
-React-useanimations is the official React component for [useAnimations](https://useanimations.com), a free library of 298 animated Lottie icons. It has no dependencies: a built-in player (8 kB gzipped) renders the icons as SVG.
+React-useanimations is the official React component for [useAnimations](https://useanimations.com), a free library of 300 animated Lottie icons. It has no dependencies: a built-in player (8 kB gzipped) renders the icons as SVG.
 
 📖 **Documentation:** [react.useanimations.com/documentation](https://react.useanimations.com/documentation): interactions, props, all import names, shadcn/ui and file downloads.
 
@@ -164,7 +164,7 @@ The component is marked `'use client'` and renders the animation only in the bro
 
 <!-- icons:start -->
 
-`activity`, `airplay`, `alertCircle`, `alertOctagon`, `alertTriangle`, `alignCenter`, `alignJustify`, `alignLeft`, `alignRight`, `anchor`, `aperture`, `archive`, `arrowDown`, `arrowDownCircle`, `arrowDownLeft`, `arrowDownRight`, `arrowLeft`, `arrowLeftCircle`, `arrowRight`, `arrowRightCircle`, `arrowUp`, `arrowUpCircle`, `arrowUpLeft`, `arrowUpRight`, `atSign`, `award`, `barChart`, `barChart2`, `battery`, `batteryCharging`, `behance`, `bluetooth`, `bold`, `book`, `bookmark`, `bookOpen`, `box`, `briefcase`, `calendar`, `camera`, `cameraOff`, `cast`, `check`, `checkBox`, `checkCircle`, `checkmark`, `chevronDown`, `chevronLeft`, `chevronRight`, `chevronsDown`, `chevronsLeft`, `chevronsRight`, `chevronsUp`, `chevronUp`, `chrome`, `circle`, `clipboard`, `clock`, `cloud`, `cloudDrizzle`, `cloudLightning`, `cloudOff`, `cloudRain`, `cloudSnow`, `code`, `codepen`, `codesandbox`, `coffee`, `columns`, `command`, `copy`, `cornerDownLeft`, `cornerDownRight`, `cornerLeftDown`, `cornerLeftUp`, `cornerRightDown`, `cornerRightUp`, `cornerUpLeft`, `cornerUpRight`, `cpu`, `creditCard`, `crop`, `crosshair`, `database`, `delete`, `disc`, `divide`, `divideCircle`, `divideSquare`, `dollarSign`, `download`, `download2`, `downloadCloud`, `dribbble`, `droplet`, `edit`, `edit2`, `edit3`, `error`, `explore`, `externalLink`, `facebook`, `fastForward`, `figma`, `file`, `fileMinus`, `filePlus`, `fileText`, `film`, `filter`, `flag`, `folder`, `folderMinus`, `folderPlus`, `framer`, `frown`, `gift`, `gitBranch`, `gitCommit`, `github`, `gitlab`, `gitMerge`, `gitPullRequest`, `globe`, `grid`, `hardDrive`, `hash`, `headphones`, `heart`, `heart2`, `help`, `hexagon`, `home`, `image`, `inbox`, `infinity`, `info`, `instagram`, `italic`, `key`, `layers`, `layout`, `lifeBuoy`, `link`, `link2`, `linkedin`, `list`, `loading`, `loading2`, `loading3`, `loading4`, `lock`, `logIn`, `logOut`, `mail`, `map`, `mapPin`, `maximize2`, `maximizeMinimize`, `maximizeMinimize2`, `meh`, `menu`, `menu2`, `menu3`, `menu4`, `messageCircle`, `messageSquare`, `micOff`, `microphone`, `microphone2`, `minimize2`, `minus`, `minusCircle`, `minusSquare`, `monitor`, `moon`, `moreHorizontal`, `moreVertical`, `mousePointer`, `move`, `music`, `navigation`, `navigation2`, `notification`, `notification2`, `notification3`, `notification4`, `octagon`, `package`, `paperclip`, `penTool`, `percent`, `phone`, `phoneCall`, `phoneForwarded`, `phoneIncoming`, `phoneMissed`, `phoneOff`, `phoneOutgoing`, `pieChart`, `playPause`, `playPauseCircle`, `plusCircle`, `plusSquare`, `plusToX`, `pocket`, `power`, `printer`, `radio`, `radioButton`, `refresh`, `refresh2`, `refreshCcw`, `repeat`, `rewind`, `rotateCcw`, `rotateCw`, `rss`, `save`, `scissors`, `scrollDown`, `searchToX`, `send`, `server`, `settings`, `settings2`, `share`, `shield`, `shieldOff`, `shoppingBag`, `shoppingCart`, `shuffle`, `sidebar`, `skipBack`, `skipForward`, `slack`, `slash`, `smartphone`, `smile`, `speaker`, `square`, `star`, `stopCircle`, `sun`, `sunrise`, `sunset`, `table`, `tablet`, `tag`, `target`, `terminal`, `thermometer`, `thumbsDown`, `thumbUp`, `toggle`, `tool`, `trash`, `trash2`, `trello`, `trendingDown`, `trendingUp`, `triangle`, `truck`, `tv`, `twitch`, `twitter`, `twitterX`, `type`, `umbrella`, `underline`, `upload`, `uploadCloud`, `user`, `userCheck`, `userMinus`, `userPlus`, `users`, `userX`, `video`, `video2`, `videoOff`, `visibility`, `visibility2`, `visibility3`, `voicemail`, `volume`, `watch`, `wifi`, `wifiOff`, `wind`, `xOctagon`, `xSquare`, `youtube`, `youtube2`, `zap`, `zapOff`, `zoomIn`, `zoomOut`
+`activity`, `airplay`, `alertCircle`, `alertOctagon`, `alertTriangle`, `alignCenter`, `alignJustify`, `alignLeft`, `alignRight`, `anchor`, `aperture`, `archive`, `arrowDown`, `arrowDownCircle`, `arrowDownLeft`, `arrowDownRight`, `arrowLeft`, `arrowLeftCircle`, `arrowRight`, `arrowRightCircle`, `arrowUp`, `arrowUpCircle`, `arrowUpLeft`, `arrowUpRight`, `atSign`, `award`, `barChart`, `barChart2`, `battery`, `batteryCharging`, `behance`, `bluetooth`, `bold`, `book`, `bookmark`, `bookOpen`, `box`, `briefcase`, `calendar`, `camera`, `cameraOff`, `cast`, `check`, `checkBox`, `checkCircle`, `checkmark`, `chevronDown`, `chevronLeft`, `chevronRight`, `chevronsDown`, `chevronsLeft`, `chevronsRight`, `chevronsUp`, `chevronUp`, `chrome`, `circle`, `clipboard`, `clock`, `cloud`, `cloudDrizzle`, `cloudLightning`, `cloudOff`, `cloudRain`, `cloudSnow`, `code`, `codepen`, `codesandbox`, `coffee`, `columns`, `command`, `copy`, `cornerDownLeft`, `cornerDownRight`, `cornerLeftDown`, `cornerLeftUp`, `cornerRightDown`, `cornerRightUp`, `cornerUpLeft`, `cornerUpRight`, `cpu`, `creditCard`, `crop`, `crosshair`, `database`, `delete`, `disc`, `discord`, `divide`, `divideCircle`, `divideSquare`, `dollarSign`, `download`, `download2`, `downloadCloud`, `dribbble`, `droplet`, `edit`, `edit2`, `edit3`, `error`, `explore`, `externalLink`, `facebook`, `fastForward`, `figma`, `file`, `fileMinus`, `filePlus`, `fileText`, `film`, `filter`, `flag`, `folder`, `folderMinus`, `folderPlus`, `framer`, `frown`, `gift`, `gitBranch`, `gitCommit`, `github`, `gitlab`, `gitMerge`, `gitPullRequest`, `globe`, `grid`, `hardDrive`, `hash`, `headphones`, `heart`, `heart2`, `help`, `hexagon`, `home`, `image`, `inbox`, `infinity`, `info`, `instagram`, `italic`, `key`, `layers`, `layout`, `lifeBuoy`, `link`, `link2`, `linkedin`, `list`, `loading`, `loading2`, `loading3`, `loading4`, `lock`, `logIn`, `logOut`, `mail`, `map`, `mapPin`, `maximize2`, `maximizeMinimize`, `maximizeMinimize2`, `meh`, `menu`, `menu2`, `menu3`, `menu4`, `messageCircle`, `messageSquare`, `micOff`, `microphone`, `microphone2`, `minimize2`, `minus`, `minusCircle`, `minusSquare`, `monitor`, `moon`, `moreHorizontal`, `moreVertical`, `mousePointer`, `move`, `music`, `navigation`, `navigation2`, `notification`, `notification2`, `notification3`, `notification4`, `octagon`, `package`, `paperclip`, `penTool`, `percent`, `phone`, `phoneCall`, `phoneForwarded`, `phoneIncoming`, `phoneMissed`, `phoneOff`, `phoneOutgoing`, `pieChart`, `playPause`, `playPauseCircle`, `plusCircle`, `plusSquare`, `plusToX`, `pocket`, `power`, `printer`, `radio`, `radioButton`, `refresh`, `refresh2`, `refreshCcw`, `repeat`, `rewind`, `rotateCcw`, `rotateCw`, `rss`, `save`, `scissors`, `scrollDown`, `searchToX`, `send`, `server`, `settings`, `settings2`, `share`, `shield`, `shieldOff`, `shoppingBag`, `shoppingCart`, `shuffle`, `sidebar`, `skipBack`, `skipForward`, `slack`, `slash`, `smartphone`, `smile`, `speaker`, `square`, `star`, `stopCircle`, `sun`, `sunrise`, `sunset`, `table`, `tablet`, `tag`, `target`, `telegram`, `terminal`, `thermometer`, `thumbsDown`, `thumbUp`, `toggle`, `tool`, `trash`, `trash2`, `trello`, `trendingDown`, `trendingUp`, `triangle`, `truck`, `tv`, `twitch`, `twitter`, `twitterX`, `type`, `umbrella`, `underline`, `upload`, `uploadCloud`, `user`, `userCheck`, `userMinus`, `userPlus`, `users`, `userX`, `video`, `video2`, `videoOff`, `visibility`, `visibility2`, `visibility3`, `voicemail`, `volume`, `watch`, `wifi`, `wifiOff`, `wind`, `xOctagon`, `xSquare`, `youtube`, `youtube2`, `zap`, `zapOff`, `zoomIn`, `zoomOut`
 <!-- icons:end -->
 
 Import each one from `react-useanimations/lib/<name>` or `react-useanimations/icons`. `delete` and `package` are reserved words in JavaScript: import them under another name, e.g. `import deleteIcon from 'react-useanimations/lib/delete';`, or as `deleteIcon` and `packageIcon` from `react-useanimations/icons`.
@@ -202,7 +202,7 @@ Imports and the component stay the same, and all 79 v2 icons are still there. Th
 - The wrapper is an inline-block `<span>` instead of a `<div>`, hidden from screen readers unless you pass `aria-label`; spread `animationProps` on a `<span>` in the `render` prop.
 - 26 icons now play the interaction they have on useanimations.com (e.g. `zoomIn` plays on hover instead of looping, `github` loops on hover instead of playing once, the arrow circles replay on click instead of toggling); pass `interaction` to keep the old behavior.
 - Types come from `react-useanimations` (`Animation`, `AnimationKey`, `Interaction`, `UseAnimationsProps`); the `react-useanimations/utils` paths were removed.
-- New: 219 more icons (298 in total), `react-useanimations/icons`, reduced-motion support and server rendering without workarounds.
+- New: 221 more icons (300 in total), `react-useanimations/icons`, reduced-motion support and server rendering without workarounds.
 
 ### Development
 

package/catalog.json

@@ -1637,6 +1637,26 @@
     ],
     "preview": "https://useanimations.com/icons/disc/disc.svg"
   },
+  {
+    "name": "discord",
+    "id": "discord",
+    "title": "Discord",
+    "category": "Social media",
+    "keywords": [
+      "chat",
+      "community",
+      "discord",
+      "gaming",
+      "social media"
+    ],
+    "interaction": "hover-loop",
+    "export": "discord",
+    "import": "import discord from 'react-useanimations/lib/discord';",
+    "svg": [
+      "discord"
+    ],
+    "preview": "https://useanimations.com/icons/discord/discord.svg"
+  },
   {
     "name": "divide",
     "id": "divide",
@@ -4681,6 +4701,26 @@
     ],
     "preview": "https://useanimations.com/icons/target/target.svg"
   },
+  {
+    "name": "telegram",
+    "id": "telegram",
+    "title": "Telegram",
+    "category": "Social media",
+    "keywords": [
+      "chat",
+      "messenger",
+      "paper plane",
+      "social media",
+      "telegram"
+    ],
+    "interaction": "hover-loop",
+    "export": "telegram",
+    "import": "import telegram from 'react-useanimations/lib/telegram';",
+    "svg": [
+      "telegram"
+    ],
+    "preview": "https://useanimations.com/icons/telegram/telegram.svg"
+  },
   {
     "name": "terminal",
     "id": "terminal",

package/icons.d.mts

@@ -1288,6 +1288,21 @@ export declare const deleteIcon: Animation;
  */
 export declare const disc: Animation;
 
+/**
+ * **Discord** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: chat, community, discord, gaming, social media.
+ *
+ * ![Discord](https://useanimations.com/icons/discord/discord.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { discord } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={discord} />
+ */
+export declare const discord: Animation;
+
 /**
  * **Divide** animated icon (Shapes & math). Default interaction: `hover-replay`.
  *
@@ -3742,6 +3757,21 @@ export declare const tag: Animation;
  */
 export declare const target: Animation;
 
+/**
+ * **Telegram** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: chat, messenger, paper plane, social media, telegram.
+ *
+ * ![Telegram](https://useanimations.com/icons/telegram/telegram.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { telegram } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={telegram} />
+ */
+export declare const telegram: Animation;
+
 /**
  * **Terminal** animated icon (Development). Default interaction: `loop`.
  *

package/icons.d.ts

@@ -1288,6 +1288,21 @@ export declare const deleteIcon: Animation;
  */
 export declare const disc: Animation;
 
+/**
+ * **Discord** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: chat, community, discord, gaming, social media.
+ *
+ * ![Discord](https://useanimations.com/icons/discord/discord.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { discord } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={discord} />
+ */
+export declare const discord: Animation;
+
 /**
  * **Divide** animated icon (Shapes & math). Default interaction: `hover-replay`.
  *
@@ -3742,6 +3757,21 @@ export declare const tag: Animation;
  */
 export declare const target: Animation;
 
+/**
+ * **Telegram** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: chat, messenger, paper plane, social media, telegram.
+ *
+ * ![Telegram](https://useanimations.com/icons/telegram/telegram.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { telegram } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={telegram} />
+ */
+export declare const telegram: Animation;
+
 /**
  * **Terminal** animated icon (Development). Default interaction: `loop`.
  *

package/icons.js

@@ -87,6 +87,7 @@ Object.defineProperties(exports, {
   database: { enumerable: true, get: () => require("./lib/database.js").default },
   deleteIcon: { enumerable: true, get: () => require("./lib/delete.js").default },
   disc: { enumerable: true, get: () => require("./lib/disc.js").default },
+  discord: { enumerable: true, get: () => require("./lib/discord.js").default },
   divide: { enumerable: true, get: () => require("./lib/divide.js").default },
   divideCircle: { enumerable: true, get: () => require("./lib/divideCircle.js").default },
   divideSquare: { enumerable: true, get: () => require("./lib/divideSquare.js").default },
@@ -251,6 +252,7 @@ Object.defineProperties(exports, {
   tablet: { enumerable: true, get: () => require("./lib/tablet.js").default },
   tag: { enumerable: true, get: () => require("./lib/tag.js").default },
   target: { enumerable: true, get: () => require("./lib/target.js").default },
+  telegram: { enumerable: true, get: () => require("./lib/telegram.js").default },
   terminal: { enumerable: true, get: () => require("./lib/terminal.js").default },
   thermometer: { enumerable: true, get: () => require("./lib/thermometer.js").default },
   thumbsDown: { enumerable: true, get: () => require("./lib/thumbsDown.js").default },

package/icons.mjs

@@ -84,6 +84,7 @@ export { default as crosshair } from './lib/crosshair.mjs';
 export { default as database } from './lib/database.mjs';
 export { default as deleteIcon } from './lib/delete.mjs';
 export { default as disc } from './lib/disc.mjs';
+export { default as discord } from './lib/discord.mjs';
 export { default as divide } from './lib/divide.mjs';
 export { default as divideCircle } from './lib/divideCircle.mjs';
 export { default as divideSquare } from './lib/divideSquare.mjs';
@@ -248,6 +249,7 @@ export { default as table } from './lib/table.mjs';
 export { default as tablet } from './lib/tablet.mjs';
 export { default as tag } from './lib/tag.mjs';
 export { default as target } from './lib/target.mjs';
+export { default as telegram } from './lib/telegram.mjs';
 export { default as terminal } from './lib/terminal.mjs';
 export { default as thermometer } from './lib/thermometer.mjs';
 export { default as thumbsDown } from './lib/thumbsDown.mjs';

package/index.d.mts

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

package/index.d.ts

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

package/lib/discord.d.mts

@@ -0,0 +1,18 @@
+import type { Animation } from '../index.mjs';
+
+/**
+ * **Discord** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: chat, community, discord, gaming, social media.
+ *
+ * ![Discord](https://useanimations.com/icons/discord/discord.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import discord from 'react-useanimations/lib/discord';
+ *
+ * <UseAnimations animation={discord} />
+ */
+declare const animation: Animation;
+
+export default animation;

package/lib/discord.d.ts

@@ -0,0 +1,18 @@
+import type { Animation } from '../index.js';
+
+/**
+ * **Discord** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: chat, community, discord, gaming, social media.
+ *
+ * ![Discord](https://useanimations.com/icons/discord/discord.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import discord from 'react-useanimations/lib/discord';
+ *
+ * <UseAnimations animation={discord} />
+ */
+declare const animation: Animation;
+
+export default animation;

package/lib/discord.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default={animationData:{nm:"discord",v:"5.6.5",fr:30,ip:0,op:48,w:32,h:32,ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,shapes:[{ty:"gr",it:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[-1.417,.166],[0,0],[0,0],[0,0],[-1.333,-.667],[.333,-3.917],[1.667,-.5],[0,0],[2.417,.833],[0,0],[1.584,1.166],[-1.916,3.333]],o:[[0,0],[0,0],[0,0],[1.417,.166],[1.917,3.333],[-1.583,1.166],[0,0],[-2.416,.833],[0,0],[-1.666,-.5],[-.333,-3.917],[1.333,-.667]],v:[[9.25,4.442],[9.833,5.442],[14.166,5.442],[14.749,4.442],[18.916,5.692],[21.916,17.108],[16.916,19.608],[15.666,17.858],[8.333,17.858],[7.083,19.608],[2.083,17.108],[5.083,5.692]],c:true}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[1.6,2.2]},p:{a:0,k:[8.683,12.783]}},{d:1,ty:"el",s:{a:0,k:[1.6,2.2]},p:{a:0,k:[15.316,12.783]}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[12,12.783]},a:{a:0,k:[12,12.783]},s:{a:1,k:[{t:0,s:[100,100],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:28,s:[100,100],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:31,s:[100,10],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:34,s:[100,100]}]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"tr",p:{a:1,k:[{t:0,s:[12,19.608],i:{x:[.2,.2],y:[1,1]},o:{x:[.167,.167],y:[.167,.167]}},{t:8,s:[12,17.608],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:15,s:[12,19.608]}]},a:{a:0,k:[12,19.608]},s:{a:1,k:[{t:0,s:[100,100],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:6,s:[96,104],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:15,s:[100,100],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:18,s:[108,92],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:24,s:[100,100]}]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0}],ip:0,op:48,st:0,bm:0}],markers:[]},interaction:"hover-loop"};

package/lib/discord.mjs

@@ -0,0 +1 @@
+export default {animationData:{nm:"discord",v:"5.6.5",fr:30,ip:0,op:48,w:32,h:32,ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,shapes:[{ty:"gr",it:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[-1.417,.166],[0,0],[0,0],[0,0],[-1.333,-.667],[.333,-3.917],[1.667,-.5],[0,0],[2.417,.833],[0,0],[1.584,1.166],[-1.916,3.333]],o:[[0,0],[0,0],[0,0],[1.417,.166],[1.917,3.333],[-1.583,1.166],[0,0],[-2.416,.833],[0,0],[-1.666,-.5],[-.333,-3.917],[1.333,-.667]],v:[[9.25,4.442],[9.833,5.442],[14.166,5.442],[14.749,4.442],[18.916,5.692],[21.916,17.108],[16.916,19.608],[15.666,17.858],[8.333,17.858],[7.083,19.608],[2.083,17.108],[5.083,5.692]],c:true}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[1.6,2.2]},p:{a:0,k:[8.683,12.783]}},{d:1,ty:"el",s:{a:0,k:[1.6,2.2]},p:{a:0,k:[15.316,12.783]}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[12,12.783]},a:{a:0,k:[12,12.783]},s:{a:1,k:[{t:0,s:[100,100],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:28,s:[100,100],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:31,s:[100,10],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:34,s:[100,100]}]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"tr",p:{a:1,k:[{t:0,s:[12,19.608],i:{x:[.2,.2],y:[1,1]},o:{x:[.167,.167],y:[.167,.167]}},{t:8,s:[12,17.608],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:15,s:[12,19.608]}]},a:{a:0,k:[12,19.608]},s:{a:1,k:[{t:0,s:[100,100],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:6,s:[96,104],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:15,s:[100,100],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:18,s:[108,92],i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]}},{t:24,s:[100,100]}]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0}],ip:0,op:48,st:0,bm:0}],markers:[]},interaction:"hover-loop"};

package/lib/telegram.d.mts

@@ -0,0 +1,18 @@
+import type { Animation } from '../index.mjs';
+
+/**
+ * **Telegram** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: chat, messenger, paper plane, social media, telegram.
+ *
+ * ![Telegram](https://useanimations.com/icons/telegram/telegram.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import telegram from 'react-useanimations/lib/telegram';
+ *
+ * <UseAnimations animation={telegram} />
+ */
+declare const animation: Animation;
+
+export default animation;

package/lib/telegram.d.ts

@@ -0,0 +1,18 @@
+import type { Animation } from '../index.js';
+
+/**
+ * **Telegram** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: chat, messenger, paper plane, social media, telegram.
+ *
+ * ![Telegram](https://useanimations.com/icons/telegram/telegram.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import telegram from 'react-useanimations/lib/telegram';
+ *
+ * <UseAnimations animation={telegram} />
+ */
+declare const animation: Animation;
+
+export default animation;

package/lib/telegram.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default={animationData:{nm:"telegram",v:"5.6.5",fr:30,ip:0,op:40,w:32,h:32,ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[20,20]},p:{a:0,k:[12,12]}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0]],v:[[5.8,11.4],[17.6,6.8],[15.6,17.3],[10.6,13.8]],c:true}}},{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[10.6,13.8],[14.9,10]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"tr",p:{a:1,k:[{t:0,s:[12,12],i:{x:[.833,.833],y:[.833,.833]},o:{x:[.4,.4],y:[0,0]}},{t:10,s:[16.5,8.2],h:1},{t:11,s:[7.5,15.8],i:{x:[.2,.2],y:[1,1]},o:{x:[.167,.167],y:[.167,.167]}},{t:26,s:[12,12]}]},a:{a:0,k:[12,12]},s:{a:1,k:[{t:0,s:[100,100],i:{x:[.833,.833],y:[.833,.833]},o:{x:[.4,.4],y:[0,0]}},{t:10,s:[55,55],h:1},{t:11,s:[55,55],i:{x:[.2,.2],y:[1,1]},o:{x:[.167,.167],y:[.167,.167]}},{t:26,s:[100,100]}]},r:{a:0,k:0},o:{a:1,k:[{t:0,s:[100],i:{x:[.833],y:[.833]},o:{x:[.4],y:[0]}},{t:10,s:[0],h:1},{t:11,s:[0],i:{x:[.2],y:[1]},o:{x:[.167],y:[.167]}},{t:22,s:[100]}]},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0}],ip:0,op:40,st:0,bm:0}],markers:[]},interaction:"hover-loop"};

package/lib/telegram.mjs

@@ -0,0 +1 @@
+export default {animationData:{nm:"telegram",v:"5.6.5",fr:30,ip:0,op:40,w:32,h:32,ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[20,20]},p:{a:0,k:[12,12]}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0]],v:[[5.8,11.4],[17.6,6.8],[15.6,17.3],[10.6,13.8]],c:true}}},{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[10.6,13.8],[14.9,10]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"tr",p:{a:1,k:[{t:0,s:[12,12],i:{x:[.833,.833],y:[.833,.833]},o:{x:[.4,.4],y:[0,0]}},{t:10,s:[16.5,8.2],h:1},{t:11,s:[7.5,15.8],i:{x:[.2,.2],y:[1,1]},o:{x:[.167,.167],y:[.167,.167]}},{t:26,s:[12,12]}]},a:{a:0,k:[12,12]},s:{a:1,k:[{t:0,s:[100,100],i:{x:[.833,.833],y:[.833,.833]},o:{x:[.4,.4],y:[0,0]}},{t:10,s:[55,55],h:1},{t:11,s:[55,55],i:{x:[.2,.2],y:[1,1]},o:{x:[.167,.167],y:[.167,.167]}},{t:26,s:[100,100]}]},r:{a:0,k:0},o:{a:1,k:[{t:0,s:[100],i:{x:[.833],y:[.833]},o:{x:[.4],y:[0]}},{t:10,s:[0],h:1},{t:11,s:[0],i:{x:[.2],y:[1]},o:{x:[.167],y:[.167]}},{t:22,s:[100]}]},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0}],ip:0,op:40,st:0,bm:0}],markers:[]},interaction:"hover-loop"};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-useanimations",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Official React component for useAnimations animated Lottie icons",
   "keywords": [
     "react",

package/svg.json

@@ -256,6 +256,9 @@
   "disc": {
     "disc": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" preserveAspectRatio=\"xMidYMid meet\" style=\"width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);\"><defs><clipPath id=\"__lottie_element_541\"><rect width=\"32\" height=\"32\" x=\"0\" y=\"0\"></rect></clipPath></defs><g clip-path=\"url(#__lottie_element_541)\"><g transform=\"matrix(1,0,0,1,4,4)\" opacity=\"1\" style=\"display: block;\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" fill-opacity=\"0\" stroke=\"rgb(0,0,0)\" stroke-opacity=\"1\" stroke-width=\"2\" d=\" M12,2 C17.523000717163086,2 22,6.4770002365112305 22,12 C22,17.523000717163086 17.523000717163086,22 12,22 C6.4770002365112305,22 2,17.523000717163086 2,12 C2,6.4770002365112305 6.4770002365112305,2 12,2z\"></path></g></g><g transform=\"matrix(1,0,0,1,4,4)\" opacity=\"1\" style=\"display: block;\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" fill-opacity=\"0\" stroke=\"rgb(0,0,0)\" stroke-opacity=\"1\" stroke-width=\"2\" d=\" M12,9 C13.656999588012695,9 15,10.343000411987305 15,12 C15,13.656999588012695 13.656999588012695,15 12,15 C10.343000411987305,15 9,13.656999588012695 9,12 C9,10.343000411987305 10.343000411987305,9 12,9z\"></path></g></g></g></svg>"
   },
+  "discord": {
+    "discord": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9.25 4.442L9.833 5.442L14.166 5.442L14.749 4.442C16.166 4.608 17.583 5.025 18.916 5.692C20.833 9.025 22.249 13.191 21.916 17.108C20.333 18.274 18.583 19.108 16.916 19.608L15.666 17.858C13.25 18.691 10.75 18.691 8.333 17.858L7.083 19.608C5.417 19.108 3.667 18.274 2.083 17.108C1.75 13.191 3.167 9.025 5.083 5.692C6.416 5.025 7.833 4.608 9.25 4.442Z\"></path><ellipse cx=\"8.683\" cy=\"12.783\" rx=\"0.8\" ry=\"1.1\"></ellipse><ellipse cx=\"15.316\" cy=\"12.783\" rx=\"0.8\" ry=\"1.1\"></ellipse></svg>"
+  },
   "divide": {
     "divide": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" preserveAspectRatio=\"xMidYMid meet\" style=\"width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);\"><defs><clipPath id=\"__lottie_element_577\"><rect width=\"32\" height=\"32\" x=\"0\" y=\"0\"></rect></clipPath></defs><g clip-path=\"url(#__lottie_element_577)\"><g transform=\"matrix(1,0,0,1,4,4)\" opacity=\"1\" style=\"display: block;\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" fill-opacity=\"0\" stroke=\"rgb(0,0,0)\" stroke-opacity=\"1\" stroke-width=\"2\" d=\" M12,16 C13.104999542236328,16 14,16.895000457763672 14,18 C14,19.104999542236328 13.104999542236328,20 12,20 C10.895000457763672,20 10,19.104999542236328 10,18 C10,16.895000457763672 10.895000457763672,16 12,16z\"></path></g></g><g transform=\"matrix(1,0,0,1,4,4)\" opacity=\"1\" style=\"display: block;\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" fill-opacity=\"0\" stroke=\"rgb(0,0,0)\" stroke-opacity=\"1\" stroke-width=\"2\" d=\" M5,12 C5,12 19,12 19,12\"></path></g></g><g transform=\"matrix(1,0,0,1,4,4)\" opacity=\"1\" style=\"display: block;\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" fill-opacity=\"0\" stroke=\"rgb(0,0,0)\" stroke-opacity=\"1\" stroke-width=\"2\" d=\" M12,4 C13.104999542236328,4 14,4.894999980926514 14,6 C14,7.105000019073486 13.104999542236328,8 12,8 C10.895000457763672,8 10,7.105000019073486 10,6 C10,4.894999980926514 10.895000457763672,4 12,4z\"></path></g></g></g></svg>"
   },
@@ -753,6 +756,9 @@
   "target": {
     "target": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" preserveAspectRatio=\"xMidYMid meet\" style=\"width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);\"><defs><clipPath id=\"__lottie_element_1478\"><rect width=\"32\" height=\"32\" x=\"0\" y=\"0\"></rect></clipPath></defs><g clip-path=\"url(#__lottie_element_1478)\"><g transform=\"matrix(1,0,0,1,4,4)\" opacity=\"1\" style=\"display: block;\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" fill-opacity=\"0\" stroke=\"rgb(0,0,0)\" stroke-opacity=\"1\" stroke-width=\"2\" d=\" M12,2 C17.523000717163086,2 22,6.4770002365112305 22,12 C22,17.523000717163086 17.523000717163086,22 12,22 C6.4770002365112305,22 2,17.523000717163086 2,12 C2,6.4770002365112305 6.4770002365112305,2 12,2z\"></path></g></g><g transform=\"matrix(1,0,0,1,4,4)\" opacity=\"1\" style=\"display: block;\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" fill-opacity=\"0\" stroke=\"rgb(0,0,0)\" stroke-opacity=\"1\" stroke-width=\"2\" d=\" M12,6 C15.314000129699707,6 18,8.685999870300293 18,12 C18,15.314000129699707 15.314000129699707,18 12,18 C8.685999870300293,18 6,15.314000129699707 6,12 C6,8.685999870300293 8.685999870300293,6 12,6z\"></path></g></g><g transform=\"matrix(1,0,0,1,4,4)\" opacity=\"1\" style=\"display: block;\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" fill-opacity=\"0\" stroke=\"rgb(0,0,0)\" stroke-opacity=\"1\" stroke-width=\"2\" d=\" M12,10 C13.104999542236328,10 14,10.895000457763672 14,12 C14,13.104999542236328 13.104999542236328,14 12,14 C10.895000457763672,14 10,13.104999542236328 10,12 C10,10.895000457763672 10.895000457763672,10 12,10z\"></path></g></g></g></svg>"
   },
+  "telegram": {
+    "telegram": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M5.8 11.4L17.6 6.8L15.6 17.3L10.6 13.8Z\"></path><path d=\"M10.6 13.8L14.9 10\"></path></svg>"
+  },
   "terminal": {
     "terminal": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" preserveAspectRatio=\"xMidYMid meet\" style=\"width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);\"><defs><clipPath id=\"__lottie_element_1489\"><rect width=\"32\" height=\"32\" x=\"0\" y=\"0\"></rect></clipPath></defs><g clip-path=\"url(#__lottie_element_1489)\"><g transform=\"matrix(1,0,0,1,4,4)\" opacity=\"1\" style=\"display: block;\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" fill-opacity=\"0\" stroke=\"rgb(0,0,0)\" stroke-opacity=\"1\" stroke-width=\"2\" d=\" M12,19 C12,19 20,19 20,19\"></path></g></g><g transform=\"matrix(1,0,0,1,4,4)\" opacity=\"1\" style=\"display: block;\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" fill-opacity=\"0\" stroke=\"rgb(0,0,0)\" stroke-opacity=\"1\" stroke-width=\"2\" d=\" M4,17 C4,17 10,11 10,11 C10,11 4,5 4,5\"></path></g></g></g></svg>"
   },