@sportswik/icons-react 1.2.0 → 1.2.1

package/dist/animated.mjs

@@ -65,9 +65,9 @@ var stagger = 0.06;
 
 // src/animated/presets.ts
 var seq = (i) => i * stagger;
-var nudge = (dx, dy, delay = 0) => ({
+var nudge = (dx2, dy, delay = 0) => ({
   rest: { x: 0, y: 0, transition: settleSpring },
-  play: { x: [0, dx, 0], y: [0, dy, 0], transition: { ...gesture, delay } }
+  play: { x: [0, dx2, 0], y: [0, dy, 0], transition: { ...gesture, delay } }
 });
 var pop = (scale = 1.15, delay = 0) => ({
   rest: { scale: 1, transition: settleSpring },
@@ -133,9 +133,14 @@ var flutter = (deg, times = 2, delay = 0) => {
     play: { skewY: [0, ...swings2, 0], transition: { ...gesture, duration: 0.5, delay } }
   };
 };
-var snip = (deg) => ({
-  rest: { rotate: 0, transition: settleSpring },
-  play: { rotate: [0, deg, 0, deg, 0], transition: { ...gesture, duration: 0.5 } }
+var snip = (deg, dx2 = 0, dy = 0) => ({
+  rest: { rotate: 0, x: 0, y: 0, transition: settleSpring },
+  play: {
+    rotate: [0, deg, 0, deg, 0],
+    x: [0, dx2 / 2, dx2 / 2, dx2, 0],
+    y: [0, dy / 2, dy / 2, dy, 0],
+    transition: { ...gesture, duration: 0.6 }
+  }
 });
 var clockHands = () => ({
   minute: {
@@ -147,6 +152,34 @@ var clockHands = () => ({
     play: { rotate: 30, transition: { duration: 0.6, ease: "easeInOut" } }
   }
 });
+var flip = (delay = 0) => ({
+  rest: { scaleX: 1, transition: settleSpring },
+  play: { scaleX: [1, 0, 1], transition: { ...gesture, delay } }
+});
+var globeSpin = () => ({
+  rest: { scaleX: 1, transition: settleSpring },
+  play: { scaleX: [1, -1, 1], transition: { ...gesture, duration: 0.5 } }
+});
+var burst = (dx2, dy, delay = 0) => ({
+  rest: { x: 0, y: 0, opacity: 0, transition: settleTween },
+  play: {
+    x: [0, dx2],
+    y: [0, dy],
+    opacity: [0, 1, 0],
+    transition: { duration: 0.45, ease: "easeOut", delay }
+  }
+});
+var emerge = (from = 0.6, delay = 0) => {
+  const duration = 0.35 + delay;
+  return {
+    rest: { scale: 1, opacity: 1, transition: settleTween },
+    play: {
+      scale: [from, from, 1],
+      opacity: [0, 0, 1],
+      transition: { duration, times: [0, delay / duration, 1], ease: "easeOut" }
+    }
+  };
+};
 
 // src/animated/Aed.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -551,9 +584,9 @@ import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var bullet1 = pop(1.15, seq(0));
 var bullet2 = pop(1.15, seq(1));
 var bullet3 = pop(1.15, seq(2));
-var line1 = nudge(1, 0, seq(0));
-var line2 = nudge(1, 0, seq(1));
-var line3 = nudge(1, 0, seq(2));
+var line1 = nudge(3, 0, seq(0));
+var line2 = nudge(3, 0, seq(1));
+var line3 = nudge(3, 0, seq(2));
 var BulletedList = (props) => /* @__PURE__ */ jsxs14(
   AnimatedSvg,
   {
@@ -699,27 +732,18 @@ var Camera_default = Camera;
 // src/animated/Captain.tsx
 import { motion as motion26 } from "motion/react";
 import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
-var letter = {
-  rest: { rotate: 360, scale: 1, transition: { duration: 0.35, ease: "easeOut" } },
-  play: {
-    rotate: [0, 360],
-    scale: [1, 1.15, 1],
-    transition: { duration: 0.6, ease: "easeInOut" }
-  }
-};
-var Captain = (props) => /* @__PURE__ */ jsxs21(AnimatedSvg, { ...props, children: [
+var tilt2 = twist(-8, 1.1);
+var Captain = (props) => /* @__PURE__ */ jsx26(AnimatedSvg, { ...props, children: /* @__PURE__ */ jsxs21(motion26.g, { variants: tilt2, children: [
   /* @__PURE__ */ jsx26(
-    motion26.path,
+    "path",
     {
-      variants: letter,
-      style: { originX: 0.562, originY: 0.497 },
       fill: "currentColor",
       d: "M9.85 9.341a3.75 3.75 0 0 1 5.302 0a1 1 0 1 1-1.414 1.414a1.75 1.75 0 1 0 0 2.475a1 1 0 0 1 1.414 1.414A3.75 3.75 0 1 1 9.85 9.341"
     }
   ),
   /* @__PURE__ */ jsx26("path", { fill: "currentColor", d: "M3 10h4v4H3zM17 10h4v4h-4z" }),
   /* @__PURE__ */ jsx26("path", { stroke: "currentColor", strokeWidth: 1.8, d: "M3 8a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" })
-] });
+] }) });
 var Captain_default = Captain;
 
 // src/animated/Card.tsx
@@ -986,8 +1010,8 @@ var ChevronsRight = (props) => /* @__PURE__ */ jsxs27(
     strokeWidth: 1.8,
     ...props,
     children: [
-      /* @__PURE__ */ jsx40(motion40.path, { variants: first3, d: "M6 17l5-5l-5-5" }),
-      /* @__PURE__ */ jsx40(motion40.path, { variants: second3, d: "M13 17l5-5l-5-5" })
+      /* @__PURE__ */ jsx40(motion40.path, { variants: second3, d: "M6 17l5-5l-5-5" }),
+      /* @__PURE__ */ jsx40(motion40.path, { variants: first3, d: "M13 17l5-5l-5-5" })
     ]
   }
 );
@@ -1106,10 +1130,8 @@ var Clock_4_default = Clock_4;
 // src/animated/Coins.tsx
 import { motion as motion46 } from "motion/react";
 import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
-var flip = {
-  rest: { scaleX: 1, transition: settleSpring },
-  play: { scaleX: [1, 0, 1], transition: gesture }
-};
+var front = flip(seq(0));
+var back = flip(seq(1));
 var Coins = (props) => /* @__PURE__ */ jsxs33(
   AnimatedSvg,
   {
@@ -1119,11 +1141,11 @@ var Coins = (props) => /* @__PURE__ */ jsxs33(
     strokeWidth: 1.8,
     ...props,
     children: [
-      /* @__PURE__ */ jsx46("path", { d: "M7 6h1v4 M14 8A6 6 0 1 1 2 8a6 6 0 0 1 12 0" }),
+      /* @__PURE__ */ jsx46(motion46.path, { variants: back, d: "M7 6h1v4 M14 8A6 6 0 1 1 2 8a6 6 0 0 1 12 0" }),
       /* @__PURE__ */ jsx46(
         motion46.path,
         {
-          variants: flip,
+          variants: front,
           d: "M18.09 10.37A6 6 0 1 1 10.34 18 M16.71 13.88l0.7 0.71l-2.82 2.82"
         }
       )
@@ -1299,7 +1321,8 @@ var Database_default = Database;
 // src/animated/Dices.tsx
 import { motion as motion54 } from "motion/react";
 import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
-var front = turn(90);
+var front2 = flip(seq(0));
+var back2 = flip(seq(1));
 var Dices = (props) => /* @__PURE__ */ jsxs39(
   AnimatedSvg,
   {
@@ -1309,9 +1332,11 @@ var Dices = (props) => /* @__PURE__ */ jsxs39(
     strokeWidth: 1.8,
     ...props,
     children: [
-      /* @__PURE__ */ jsx54("path", { d: "M17.92 14l3.5-3.5a2.24 2.24 0 0 0 0-3l-5-4.92a2.24 2.24 0 0 0-3 0L10 6" }),
-      /* @__PURE__ */ jsx54("path", { d: "M15 6h0.01 M18 9h0.01" }),
-      /* @__PURE__ */ jsxs39(motion54.g, { variants: front, children: [
+      /* @__PURE__ */ jsxs39(motion54.g, { variants: back2, children: [
+        /* @__PURE__ */ jsx54("path", { d: "M17.92 14l3.5-3.5a2.24 2.24 0 0 0 0-3l-5-4.92a2.24 2.24 0 0 0-3 0L10 6" }),
+        /* @__PURE__ */ jsx54("path", { d: "M15 6h0.01 M18 9h0.01" })
+      ] }),
+      /* @__PURE__ */ jsxs39(motion54.g, { variants: front2, children: [
         /* @__PURE__ */ jsx54("path", { d: "M6 18h0.01" }),
         /* @__PURE__ */ jsx54("path", { d: "M10 14h0.01" }),
         /* @__PURE__ */ jsx54("path", { d: "M4 10h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2" })
@@ -1324,21 +1349,22 @@ var Dices_default = Dices;
 // src/animated/Disability.tsx
 import { motion as motion55 } from "motion/react";
 import { jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
-var wheel = turn(90);
+var lean = sweep(-6);
 var Disability = (props) => /* @__PURE__ */ jsxs40(AnimatedSvg, { ...props, children: [
   /* @__PURE__ */ jsx55(
     "path",
     {
       fill: "currentColor",
-      d: "M11.915 7.556q0.514 0 0.889 0.233t0.803 0.744Q14.786 10 15.74 10.544a4.2 4.2 0 0 0 1.337 0.485c0.46 0.085 0.838 0.478 0.838 0.963c0 0.491-0.387 0.903-0.854 0.825a6 6 0 0 1-1.44-0.44c-0.77-0.34-1.939-1.236-2.496-1.71v3.555H16.2q0.708 0 1.21 0.523q0.504 0.522 0.505 1.255v4c0 0.49-0.384 0.889-0.857 0.889c-0.474 0-0.858-0.398-0.858-0.889v-3.556h-4.285q-0.708 0-1.21-0.522a1.74 1.74 0 0 1-0.505-1.255V9.333q0-0.733 0.504-1.255a1.62 1.62 0 0 1 1.21-0.522 M11.915 3.111q0.706 0 1.21 0.523q0.504 0.522 0.504 1.255t-0.504 1.255a1.62 1.62 0 0 1-1.21 0.523q-0.708 0-1.21-0.523A1.74 1.74 0 0 1 10.2 4.89q0-0.733 0.504-1.255a1.62 1.62 0 0 1 1.21-0.523"
+      d: "M8.915 14.033a2.77 2.77 0 0 0-1.371 2.411c0 1.522 1.189 2.756 2.656 2.756c1 0 1.873-0.574 2.326-1.422h1.672C13.655 19.53 12.072 20.8 10.2 20.8c-2.32 0-4.2-1.95-4.2-4.356c0-1.94 1.224-3.584 2.915-4.147z"
     }
   ),
   /* @__PURE__ */ jsx55(
     motion55.path,
     {
-      variants: wheel,
+      variants: lean,
+      style: { transformBox: "view-box", originX: "12px", originY: "14px" },
       fill: "currentColor",
-      d: "M8.915 14.033a2.77 2.77 0 0 0-1.371 2.411c0 1.522 1.189 2.756 2.656 2.756c1 0 1.873-0.574 2.326-1.422h1.672C13.655 19.53 12.072 20.8 10.2 20.8c-2.32 0-4.2-1.95-4.2-4.356c0-1.94 1.224-3.584 2.915-4.147z"
+      d: "M11.915 7.556q0.514 0 0.889 0.233t0.803 0.744Q14.786 10 15.74 10.544a4.2 4.2 0 0 0 1.337 0.485c0.46 0.085 0.838 0.478 0.838 0.963c0 0.491-0.387 0.903-0.854 0.825a6 6 0 0 1-1.44-0.44c-0.77-0.34-1.939-1.236-2.496-1.71v3.555H16.2q0.708 0 1.21 0.523q0.504 0.522 0.505 1.255v4c0 0.49-0.384 0.889-0.857 0.889c-0.474 0-0.858-0.398-0.858-0.889v-3.556h-4.285q-0.708 0-1.21-0.522a1.74 1.74 0 0 1-0.505-1.255V9.333q0-0.733 0.504-1.255a1.62 1.62 0 0 1 1.21-0.522 M11.915 3.111q0.706 0 1.21 0.523q0.504 0.522 0.504 1.255t-0.504 1.255a1.62 1.62 0 0 1-1.21 0.523q-0.708 0-1.21-0.523A1.74 1.74 0 0 1 10.2 4.89q0-0.733 0.504-1.255a1.62 1.62 0 0 1 1.21-0.523"
     }
   )
 ] });
@@ -1798,7 +1824,7 @@ var Futsal_default = Futsal;
 // src/animated/Gem.tsx
 import { motion as motion77 } from "motion/react";
 import { jsx as jsx77 } from "react/jsx-runtime";
-var sparkle = twist(6);
+var spin = globeSpin();
 var Gem = (props) => /* @__PURE__ */ jsx77(
   AnimatedSvg,
   {
@@ -1810,7 +1836,7 @@ var Gem = (props) => /* @__PURE__ */ jsx77(
     children: /* @__PURE__ */ jsx77(
       motion77.path,
       {
-        variants: sparkle,
+        variants: spin,
         d: "M22 9l-4-6H6L2 9 M22 9L12 22 M22 9H2 M12 22L2 9 M12 22l4-13l-3-6 M12 22L8 9l3-6"
       }
     )
@@ -1882,12 +1908,9 @@ var GenderMix_default = GenderMix;
 
 // src/animated/Globe.tsx
 import { motion as motion81 } from "motion/react";
-import { jsx as jsx81, jsxs as jsxs60 } from "react/jsx-runtime";
-var meridians = {
-  rest: { scaleX: 1, transition: settleSpring },
-  play: { scaleX: [1, 0.4, 1], transition: gesture }
-};
-var Globe = (props) => /* @__PURE__ */ jsxs60(
+import { jsx as jsx81 } from "react/jsx-runtime";
+var spin2 = globeSpin();
+var Globe = (props) => /* @__PURE__ */ jsx81(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -1895,16 +1918,13 @@ var Globe = (props) => /* @__PURE__ */ jsxs60(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: [
-      /* @__PURE__ */ jsx81("path", { d: "M22 12c0 5.523-4.477 10-10 10M22 12c0-5.523-4.477-10-10-10M22 12H2M12 22C6.477 22 2 17.523 2 12M2 12C2 6.477 6.477 2 12 2" }),
-      /* @__PURE__ */ jsx81(
-        motion81.path,
-        {
-          variants: meridians,
-          d: "M12 22a15.3 15.3 0 0 0 4-10a15.3 15.3 0 0 0-4-10M12 22a15.3 15.3 0 0 1-4-10a15.3 15.3 0 0 1 4-10"
-        }
-      )
-    ]
+    children: /* @__PURE__ */ jsx81(
+      motion81.path,
+      {
+        variants: spin2,
+        d: "M22 12c0 5.523-4.477 10-10 10M22 12c0-5.523-4.477-10-10-10M22 12H2M12 22C6.477 22 2 17.523 2 12M12 22a15.3 15.3 0 0 0 4-10a15.3 15.3 0 0 0-4-10M12 22a15.3 15.3 0 0 1-4-10a15.3 15.3 0 0 1 4-10M2 12C2 6.477 6.477 2 12 2"
+      }
+    )
   }
 );
 var Globe_default = Globe;
@@ -1944,10 +1964,10 @@ var Hand_default = Hand;
 
 // src/animated/Hash.tsx
 import { motion as motion84 } from "motion/react";
-import { jsx as jsx84, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs60 } from "react/jsx-runtime";
 var strokeA = nudge(-1, 0);
 var strokeB = nudge(1, 0);
-var Hash = (props) => /* @__PURE__ */ jsxs61(
+var Hash = (props) => /* @__PURE__ */ jsxs60(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -1989,9 +2009,9 @@ var Heart_default = Heart;
 
 // src/animated/HelpCircle.tsx
 import { motion as motion86 } from "motion/react";
-import { jsx as jsx86, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs61 } from "react/jsx-runtime";
 var mark = wiggle(10, 1);
-var HelpCircle = (props) => /* @__PURE__ */ jsxs62(
+var HelpCircle = (props) => /* @__PURE__ */ jsxs61(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2009,12 +2029,12 @@ var HelpCircle_default = HelpCircle;
 
 // src/animated/Home.tsx
 import { motion as motion87 } from "motion/react";
-import { jsx as jsx87, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs62 } from "react/jsx-runtime";
 var doorPop = {
   rest: { scaleY: 1, transition: settleSpring },
   play: { scaleY: [1, 1.1, 1], transition: gesture }
 };
-var Home = (props) => /* @__PURE__ */ jsxs63(
+var Home = (props) => /* @__PURE__ */ jsxs62(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2039,7 +2059,7 @@ var Home_default = Home;
 
 // src/animated/Idea.tsx
 import { motion as motion88 } from "motion/react";
-import { jsx as jsx88, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs63 } from "react/jsx-runtime";
 var RAYS = [
   "M3.9 10.889H3",
   "M6.272 5.232l-.636-.628",
@@ -2055,7 +2075,7 @@ var ray = {
     transition: { ...gesture, duration: 0.3, delay: i * stagger }
   })
 };
-var Idea = (props) => /* @__PURE__ */ jsxs64(
+var Idea = (props) => /* @__PURE__ */ jsxs63(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2073,9 +2093,9 @@ var Idea_default = Idea;
 
 // src/animated/Image.tsx
 import { motion as motion89 } from "motion/react";
-import { jsx as jsx89, jsxs as jsxs65 } from "react/jsx-runtime";
-var sun = lift(-1.5);
-var Image = (props) => /* @__PURE__ */ jsxs65(
+import { jsx as jsx89, jsxs as jsxs64 } from "react/jsx-runtime";
+var sun = nudge(0, -1.5);
+var Image = (props) => /* @__PURE__ */ jsxs64(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2093,9 +2113,9 @@ var Image_default = Image;
 
 // src/animated/ImageOff.tsx
 import { motion as motion90 } from "motion/react";
-import { jsx as jsx90, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs65 } from "react/jsx-runtime";
 var slash3 = drawOn();
-var ImageOff = (props) => /* @__PURE__ */ jsxs66(
+var ImageOff = (props) => /* @__PURE__ */ jsxs65(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2113,9 +2133,9 @@ var ImageOff_default = ImageOff;
 
 // src/animated/ImagePlus.tsx
 import { motion as motion91 } from "motion/react";
-import { jsx as jsx91, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs66 } from "react/jsx-runtime";
 var plus3 = turn(90);
-var ImagePlus = (props) => /* @__PURE__ */ jsxs67(
+var ImagePlus = (props) => /* @__PURE__ */ jsxs66(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2133,9 +2153,9 @@ var ImagePlus_default = ImagePlus;
 
 // src/animated/Images.tsx
 import { motion as motion92 } from "motion/react";
-import { jsx as jsx92, jsxs as jsxs68 } from "react/jsx-runtime";
-var front2 = nudge(-1.5, -1.5);
-var Images = (props) => /* @__PURE__ */ jsxs68(
+import { jsx as jsx92, jsxs as jsxs67 } from "react/jsx-runtime";
+var front3 = nudge(-1.5, -1.5);
+var Images = (props) => /* @__PURE__ */ jsxs67(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2148,7 +2168,7 @@ var Images = (props) => /* @__PURE__ */ jsxs68(
       /* @__PURE__ */ jsx92(
         motion92.path,
         {
-          variants: front2,
+          variants: front3,
           d: "M22 11l-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16M14 7a1 1 0 1 1-2 0a1 1 0 0 1 2 0M10 2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2"
         }
       )
@@ -2159,9 +2179,9 @@ var Images_default = Images;
 
 // src/animated/Info.tsx
 import { motion as motion93 } from "motion/react";
-import { jsx as jsx93, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs68 } from "react/jsx-runtime";
 var mark2 = nudge(0, -1.5);
-var Info = (props) => /* @__PURE__ */ jsxs69(
+var Info = (props) => /* @__PURE__ */ jsxs68(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2179,9 +2199,9 @@ var Info_default = Info;
 
 // src/animated/Lightbulb.tsx
 import { motion as motion94 } from "motion/react";
-import { jsx as jsx94, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs69 } from "react/jsx-runtime";
 var glow = pop(1.08);
-var Lightbulb = (props) => /* @__PURE__ */ jsxs70(
+var Lightbulb = (props) => /* @__PURE__ */ jsxs69(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2205,10 +2225,10 @@ var Lightbulb_default = Lightbulb;
 
 // src/animated/Link.tsx
 import { motion as motion95 } from "motion/react";
-import { jsx as jsx95, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs70 } from "react/jsx-runtime";
 var upperLink = nudge(1, -1);
 var lowerLink = nudge(-1, 1);
-var Link = (props) => /* @__PURE__ */ jsxs71(
+var Link = (props) => /* @__PURE__ */ jsxs70(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2226,13 +2246,13 @@ var Link_default = Link;
 
 // src/animated/ListOrdered.tsx
 import { motion as motion96 } from "motion/react";
-import { jsx as jsx96, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs71 } from "react/jsx-runtime";
 var numeral1 = pop(1.15, seq(0));
 var numeral2 = pop(1.15, seq(1));
-var line12 = nudge(1, 0, seq(0));
-var line22 = nudge(1, 0, seq(1));
-var line32 = nudge(1, 0, seq(2));
-var ListOrdered = (props) => /* @__PURE__ */ jsxs72(
+var line12 = nudge(3, 0, seq(0));
+var line22 = nudge(3, 0, seq(1));
+var line32 = nudge(3, 0, seq(2));
+var ListOrdered = (props) => /* @__PURE__ */ jsxs71(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2263,10 +2283,11 @@ var Live_default = Live;
 
 // src/animated/Loader.tsx
 import { motion as motion98 } from "motion/react";
-import { jsx as jsx98, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs72 } from "react/jsx-runtime";
+var LOADER_STAGGER = 0.02;
 var fade = (i) => ({
   rest: { opacity: 1, transition: settleTween },
-  play: { opacity: [1, 0.2, 1], transition: { ...gesture, delay: seq(i) } }
+  play: { opacity: [1, 0.2, 1], transition: { ...gesture, delay: i * LOADER_STAGGER } }
 });
 var spoke1 = fade(0);
 var spoke2 = fade(1);
@@ -2276,7 +2297,7 @@ var spoke5 = fade(4);
 var spoke6 = fade(5);
 var spoke7 = fade(6);
 var spoke8 = fade(7);
-var Loader = (props) => /* @__PURE__ */ jsxs73(
+var Loader = (props) => /* @__PURE__ */ jsxs72(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2317,13 +2338,13 @@ var LoaderCircle_default = LoaderCircle;
 
 // src/animated/Locate.tsx
 import { motion as motion100 } from "motion/react";
-import { jsx as jsx100, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs73 } from "react/jsx-runtime";
 var ring = pop(0.9);
 var tickLeft = nudge(1, 0);
 var tickRight = nudge(-1, 0);
 var tickTop = nudge(0, 1);
 var tickBottom = nudge(0, -1);
-var Locate = (props) => /* @__PURE__ */ jsxs74(
+var Locate = (props) => /* @__PURE__ */ jsxs73(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2350,9 +2371,9 @@ var Locate_default = Locate;
 
 // src/animated/Lock.tsx
 import { motion as motion101 } from "motion/react";
-import { jsx as jsx101, jsxs as jsxs75 } from "react/jsx-runtime";
-var jiggle = nudge(0, -1.5);
-var Lock = (props) => /* @__PURE__ */ jsxs75(
+import { jsx as jsx101, jsxs as jsxs74 } from "react/jsx-runtime";
+var shake2 = wiggle(8, 2);
+var Lock = (props) => /* @__PURE__ */ jsx101(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2360,19 +2381,19 @@ var Lock = (props) => /* @__PURE__ */ jsxs75(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: [
-      /* @__PURE__ */ jsx101(motion101.path, { variants: jiggle, d: "M7 11V7a5 5 0 1 1 10 0v4" }),
+    children: /* @__PURE__ */ jsxs74(motion101.g, { variants: shake2, children: [
+      /* @__PURE__ */ jsx101("path", { d: "M7 11V7a5 5 0 1 1 10 0v4" }),
       /* @__PURE__ */ jsx101("path", { d: "M5 11h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2" })
-    ]
+    ] })
   }
 );
 var Lock_default = Lock;
 
 // src/animated/LogIn.tsx
 import { motion as motion102 } from "motion/react";
-import { jsx as jsx102, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs75 } from "react/jsx-runtime";
 var arrow8 = nudge(2, 0);
-var LogIn = (props) => /* @__PURE__ */ jsxs76(
+var LogIn = (props) => /* @__PURE__ */ jsxs75(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2390,12 +2411,12 @@ var LogIn_default = LogIn;
 
 // src/animated/Mail.tsx
 import { motion as motion103 } from "motion/react";
-import { jsx as jsx103, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs76 } from "react/jsx-runtime";
 var flap = {
   rest: { scaleY: 1, transition: settleSpring },
   play: { scaleY: [1, 0.5, 1], transition: gesture }
 };
-var Mail = (props) => /* @__PURE__ */ jsxs77(
+var Mail = (props) => /* @__PURE__ */ jsxs76(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2413,9 +2434,9 @@ var Mail_default = Mail;
 
 // src/animated/MapPin.tsx
 import { motion as motion104 } from "motion/react";
-import { jsx as jsx104, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs77 } from "react/jsx-runtime";
 var pin = nudge(0, -2);
-var MapPin = (props) => /* @__PURE__ */ jsxs78(
+var MapPin = (props) => /* @__PURE__ */ jsxs77(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2433,10 +2454,10 @@ var MapPin_default = MapPin;
 
 // src/animated/Maximize_2.tsx
 import { motion as motion105 } from "motion/react";
-import { jsx as jsx105, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs78 } from "react/jsx-runtime";
 var topRight = nudge(1.5, -1.5);
 var bottomLeft = nudge(-1.5, 1.5);
-var Maximize_2 = (props) => /* @__PURE__ */ jsxs79(
+var Maximize_2 = (props) => /* @__PURE__ */ jsxs78(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2454,15 +2475,15 @@ var Maximize_2_default = Maximize_2;
 
 // src/animated/Megaphone.tsx
 import { motion as motion106 } from "motion/react";
-import { jsx as jsx106, jsxs as jsxs80 } from "react/jsx-runtime";
-var tilt2 = {
+import { jsx as jsx106, jsxs as jsxs79 } from "react/jsx-runtime";
+var tilt3 = {
   rest: { rotate: 0, transition: settleSpring },
   play: {
     rotate: [0, -8, -11, -5, -8, 0],
     transition: { duration: 0.5, ease: "easeInOut" }
   }
 };
-var Megaphone = (props) => /* @__PURE__ */ jsxs80(
+var Megaphone = (props) => /* @__PURE__ */ jsxs79(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2472,7 +2493,7 @@ var Megaphone = (props) => /* @__PURE__ */ jsxs80(
     ...props,
     children: [
       /* @__PURE__ */ jsx106("path", { d: "M11.6 16.8a3.01 3.01 0 0 1-4.749 1.573A3.01 3.01 0 0 1 5.8 15.2" }),
-      /* @__PURE__ */ jsx106(motion106.path, { variants: tilt2, style: { originX: 0.28 }, d: "M3 11l18-5v12L3 14z" })
+      /* @__PURE__ */ jsx106(motion106.path, { variants: tilt3, style: { originX: 0.28 }, d: "M3 11l18-5v12L3 14z" })
     ]
   }
 );
@@ -2480,9 +2501,9 @@ var Megaphone_default = Megaphone;
 
 // src/animated/Meh.tsx
 import { motion as motion107 } from "motion/react";
-import { jsx as jsx107, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs80 } from "react/jsx-runtime";
 var mouth2 = nudge(1, 0);
-var Meh = (props) => /* @__PURE__ */ jsxs81(
+var Meh = (props) => /* @__PURE__ */ jsxs80(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2548,11 +2569,11 @@ var MessageCircle_default = MessageCircle;
 
 // src/animated/MessageSquareMore.tsx
 import { motion as motion110 } from "motion/react";
-import { jsx as jsx110, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs81 } from "react/jsx-runtime";
 var dotLeft = nudge(0, -1.5, seq(0));
 var dotCenter = nudge(0, -1.5, seq(1));
 var dotRight = nudge(0, -1.5, seq(2));
-var MessageSquareMore = (props) => /* @__PURE__ */ jsxs82(
+var MessageSquareMore = (props) => /* @__PURE__ */ jsxs81(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2572,9 +2593,9 @@ var MessageSquareMore_default = MessageSquareMore;
 
 // src/animated/Mic.tsx
 import { motion as motion111 } from "motion/react";
-import { jsx as jsx111, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs82 } from "react/jsx-runtime";
 var capsule = nudge(0, -1);
-var Mic = (props) => /* @__PURE__ */ jsxs83(
+var Mic = (props) => /* @__PURE__ */ jsxs82(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2619,10 +2640,10 @@ var Mic_2_default = Mic_2;
 
 // src/animated/Minimize_2.tsx
 import { motion as motion113 } from "motion/react";
-import { jsx as jsx113, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs83 } from "react/jsx-runtime";
 var bottomLeft2 = nudge(1.5, -1.5);
 var topRight2 = nudge(-1.5, 1.5);
-var Minimize_2 = (props) => /* @__PURE__ */ jsxs84(
+var Minimize_2 = (props) => /* @__PURE__ */ jsxs83(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2660,9 +2681,9 @@ var Minus_default = Minus;
 
 // src/animated/MonitorSmartphone.tsx
 import { motion as motion115 } from "motion/react";
-import { jsx as jsx115, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs84 } from "react/jsx-runtime";
 var phone = nudge(0, -1.5);
-var MonitorSmartphone = (props) => /* @__PURE__ */ jsxs85(
+var MonitorSmartphone = (props) => /* @__PURE__ */ jsxs84(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2706,11 +2727,11 @@ var Moon_default = Moon;
 
 // src/animated/MoreHorizontal.tsx
 import { motion as motion117 } from "motion/react";
-import { jsx as jsx117, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs85 } from "react/jsx-runtime";
 var left3 = nudge(0, -2, seq(0));
 var middle = nudge(0, -2, seq(1));
 var right3 = nudge(0, -2, seq(2));
-var MoreHorizontal = (props) => /* @__PURE__ */ jsxs86(
+var MoreHorizontal = (props) => /* @__PURE__ */ jsxs85(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2729,11 +2750,11 @@ var MoreHorizontal_default = MoreHorizontal;
 
 // src/animated/MoreVertical.tsx
 import { motion as motion118 } from "motion/react";
-import { jsx as jsx118, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs86 } from "react/jsx-runtime";
 var top3 = nudge(-2, 0, seq(0));
 var middle2 = nudge(-2, 0, seq(1));
 var bottom3 = nudge(-2, 0, seq(2));
-var MoreVertical = (props) => /* @__PURE__ */ jsxs87(
+var MoreVertical = (props) => /* @__PURE__ */ jsxs86(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2769,10 +2790,10 @@ var Move_default = Move;
 
 // src/animated/Newspaper.tsx
 import { motion as motion120 } from "motion/react";
-import { jsx as jsx120, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs87 } from "react/jsx-runtime";
 var lineTop = drawOn(seq(0));
 var lineBottom = drawOn(seq(1));
-var Newspaper = (props) => /* @__PURE__ */ jsxs88(
+var Newspaper = (props) => /* @__PURE__ */ jsxs87(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2791,9 +2812,9 @@ var Newspaper_default = Newspaper;
 
 // src/animated/Offside.tsx
 import { motion as motion121 } from "motion/react";
-import { jsx as jsx121, jsxs as jsxs89 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs88 } from "react/jsx-runtime";
 var attacker = nudge(0, 1.5);
-var Offside = (props) => /* @__PURE__ */ jsxs89(
+var Offside = (props) => /* @__PURE__ */ jsxs88(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2811,7 +2832,7 @@ var Offside_default = Offside;
 
 // src/animated/Pause.tsx
 import { motion as motion122 } from "motion/react";
-import { jsx as jsx122, jsxs as jsxs90 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs89 } from "react/jsx-runtime";
 var bar = {
   rest: { scaleY: 1, transition: settleSpring },
   play: (i) => ({
@@ -2819,7 +2840,7 @@ var bar = {
     transition: { ...gesture, duration: 0.3, delay: seq(i) }
   })
 };
-var Pause = (props) => /* @__PURE__ */ jsxs90(
+var Pause = (props) => /* @__PURE__ */ jsxs89(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2837,12 +2858,12 @@ var Pause_default = Pause;
 
 // src/animated/Penalty.tsx
 import { motion as motion123 } from "motion/react";
-import { jsx as jsx123, jsxs as jsxs91 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs90 } from "react/jsx-runtime";
 var ball7 = {
   rest: { y: 0, opacity: 1, transition: settleTween },
   play: { y: [0, -8, 0], opacity: [1, 0.3, 1], transition: { duration: 0.5, ease: "easeInOut" } }
 };
-var Penalty = (props) => /* @__PURE__ */ jsxs91(
+var Penalty = (props) => /* @__PURE__ */ jsxs90(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2860,9 +2881,9 @@ var Penalty_default = Penalty;
 
 // src/animated/PenaltyGoal.tsx
 import { motion as motion124 } from "motion/react";
-import { jsx as jsx124, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs91 } from "react/jsx-runtime";
 var check3 = drawOn();
-var PenaltyGoal = (props) => /* @__PURE__ */ jsxs92(
+var PenaltyGoal = (props) => /* @__PURE__ */ jsxs91(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2880,9 +2901,9 @@ var PenaltyGoal_default = PenaltyGoal;
 
 // src/animated/PenaltyMiss.tsx
 import { motion as motion125 } from "motion/react";
-import { jsx as jsx125, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs92 } from "react/jsx-runtime";
 var cross4 = crossTurn();
-var PenaltyMiss = (props) => /* @__PURE__ */ jsxs93(
+var PenaltyMiss = (props) => /* @__PURE__ */ jsxs92(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2923,9 +2944,9 @@ var Phone_default = Phone;
 
 // src/animated/PictureInPicture.tsx
 import { motion as motion127 } from "motion/react";
-import { jsx as jsx127, jsxs as jsxs94 } from "react/jsx-runtime";
+import { jsx as jsx127, jsxs as jsxs93 } from "react/jsx-runtime";
 var toCorner = nudge(1.3, 1.3);
-var PictureInPicture = (props) => /* @__PURE__ */ jsxs94(
+var PictureInPicture = (props) => /* @__PURE__ */ jsxs93(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2935,7 +2956,7 @@ var PictureInPicture = (props) => /* @__PURE__ */ jsxs94(
     ...props,
     children: [
       /* @__PURE__ */ jsx127("path", { d: "M21 9.5v-3c0-1.16-0.84-2-2-2h-7M3 13.5v2c0 1.05 0.95 2 2 2h3" }),
-      /* @__PURE__ */ jsxs94(motion127.g, { variants: toCorner, children: [
+      /* @__PURE__ */ jsxs93(motion127.g, { variants: toCorner, children: [
         /* @__PURE__ */ jsx127("path", { d: "M8 4.5v5M8 9.5H3M8 9.5l-6-6" }),
         /* @__PURE__ */ jsx127("path", { d: "M14 13.5h6a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2" })
       ] })
@@ -2973,9 +2994,16 @@ var Pin_default = Pin;
 
 // src/animated/Pitch.tsx
 import { motion as motion129 } from "motion/react";
-import { jsx as jsx129, jsxs as jsxs95 } from "react/jsx-runtime";
-var centre = pop(0.85);
-var Pitch = (props) => /* @__PURE__ */ jsxs95(
+import { jsx as jsx129, jsxs as jsxs94 } from "react/jsx-runtime";
+var ball8 = {
+  rest: { y: 0, opacity: 0, transition: settleTween },
+  play: {
+    y: [0, -8, -8, 0],
+    opacity: [0, 1, 1, 1, 0],
+    transition: { duration: 0.9, ease: "easeInOut" }
+  }
+};
+var Pitch = (props) => /* @__PURE__ */ jsxs94(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2985,7 +3013,19 @@ var Pitch = (props) => /* @__PURE__ */ jsxs95(
     ...props,
     children: [
       /* @__PURE__ */ jsx129("path", { d: "M19.8 12H4.2M8.2 2v1a2 2 0 0 0 2 2h3.5a2 2 0 0 0 2-2V2M8.2 22v-1a2 2 0 0 1 2-2h3.5a2 2 0 0 1 2 2v1M6.2 22h11.6a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H6.2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2" }),
-      /* @__PURE__ */ jsx129(motion129.path, { variants: centre, d: "M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0" })
+      /* @__PURE__ */ jsx129("path", { d: "M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0" }),
+      /* @__PURE__ */ jsx129(
+        motion129.circle,
+        {
+          "data-decoration": "",
+          variants: ball8,
+          cx: 12,
+          cy: 12,
+          r: 1.3,
+          fill: "currentColor",
+          stroke: "none"
+        }
+      )
     ]
   }
 );
@@ -3019,9 +3059,9 @@ var Play_default = Play;
 
 // src/animated/PlayCircle.tsx
 import { motion as motion131 } from "motion/react";
-import { jsx as jsx131, jsxs as jsxs96 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs95 } from "react/jsx-runtime";
 var triangle2 = pop();
-var PlayCircle = (props) => /* @__PURE__ */ jsxs96(AnimatedSvg, { ...props, children: [
+var PlayCircle = (props) => /* @__PURE__ */ jsxs95(AnimatedSvg, { ...props, children: [
   /* @__PURE__ */ jsx131(
     "path",
     {
@@ -3079,14 +3119,14 @@ var PlayerInjured_default = PlayerInjured;
 
 // src/animated/PlayerSoccer.tsx
 import { motion as motion134 } from "motion/react";
-import { jsx as jsx134, jsxs as jsxs97 } from "react/jsx-runtime";
+import { jsx as jsx134, jsxs as jsxs96 } from "react/jsx-runtime";
 var player3 = {
   rest: { rotate: 0, transition: settleSpring },
   play: { rotate: [0, -6, 0], transition: { duration: 0.45, ease: "easeInOut" } }
 };
 var SHOT3 = { duration: 0.45, delay: 0.15 };
 var TRAVEL3 = { ...SHOT3, times: [0, 0.55, 0.6, 1], ease: ["easeOut", "linear", "easeOut"] };
-var ball8 = {
+var ball9 = {
   rest: { x: 0, opacity: 1, transition: settleTween },
   play: {
     x: [0, 3.2, 0, 0],
@@ -3094,7 +3134,7 @@ var ball8 = {
     transition: { x: TRAVEL3, opacity: { ...SHOT3, times: [0, 0.3, 0.55, 0.6, 1] } }
   }
 };
-var PlayerSoccer = (props) => /* @__PURE__ */ jsxs97(
+var PlayerSoccer = (props) => /* @__PURE__ */ jsxs96(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3111,7 +3151,7 @@ var PlayerSoccer = (props) => /* @__PURE__ */ jsxs97(
           d: "M9.987 20.85l4.43-8.888l2.67 1.37l3.97-2.67c0.57-0.38 0.65-1.19 0.17-1.68c-0.32-0.32-0.8-0.42-1.21-0.25l-3.24 1.36l-6.79-2.63l-6.8-0.46a1.017 1.017 0 0 0-0.27 2.01l5.683 1.29l-2.483 4.73c-0.38 0.74-0.08 1.64 0.65 2.02c0.74 0.38 1.64 0.08 2.02-0.65l1.27-2.48l-2.74 5.588c-0.38 0.74-0.08 1.64 0.65 2.02c0.74 0.38 1.64 0.09 2.02-0.65zM14.426 6.7a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"
         }
       ),
-      /* @__PURE__ */ jsx134(motion134.path, { variants: ball8, d: "M17.147 21.45a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5" })
+      /* @__PURE__ */ jsx134(motion134.path, { variants: ball9, d: "M17.147 21.45a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5" })
     ]
   }
 );
@@ -3136,9 +3176,9 @@ var Plus_default = Plus;
 
 // src/animated/PlusCircle.tsx
 import { motion as motion136 } from "motion/react";
-import { jsx as jsx136, jsxs as jsxs98 } from "react/jsx-runtime";
+import { jsx as jsx136, jsxs as jsxs97 } from "react/jsx-runtime";
 var plus5 = turn(90);
-var PlusCircle = (props) => /* @__PURE__ */ jsxs98(
+var PlusCircle = (props) => /* @__PURE__ */ jsxs97(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3156,9 +3196,9 @@ var PlusCircle_default = PlusCircle;
 
 // src/animated/Printer.tsx
 import { motion as motion137 } from "motion/react";
-import { jsx as jsx137, jsxs as jsxs99 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs98 } from "react/jsx-runtime";
 var slide = nudge(0, 2);
-var Printer = (props) => /* @__PURE__ */ jsxs99(
+var Printer = (props) => /* @__PURE__ */ jsxs98(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3218,7 +3258,7 @@ var Referee_default = Referee;
 // src/animated/RefreshCcw.tsx
 import { motion as motion140 } from "motion/react";
 import { jsx as jsx140 } from "react/jsx-runtime";
-var spin = spinOnce(-1);
+var spin3 = spinOnce(-1);
 var RefreshCcw = (props) => /* @__PURE__ */ jsx140(
   AnimatedSvg,
   {
@@ -3227,7 +3267,7 @@ var RefreshCcw = (props) => /* @__PURE__ */ jsx140(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsx140(motion140.g, { variants: spin, children: /* @__PURE__ */ jsx140("path", { d: "M21 22v-6M21 16h-6M21 16l-3 2.7A9 9 0 0 1 3 12M3 2v6M3 8h6M3 8l3-2.7A9 9 0 0 1 21 12" }) })
+    children: /* @__PURE__ */ jsx140(motion140.g, { variants: spin3, children: /* @__PURE__ */ jsx140("path", { d: "M21 22v-6M21 16h-6M21 16l-3 2.7A9 9 0 0 1 3 12M3 2v6M3 8h6M3 8l3-2.7A9 9 0 0 1 21 12" }) })
   }
 );
 var RefreshCcw_default = RefreshCcw;
@@ -3235,7 +3275,7 @@ var RefreshCcw_default = RefreshCcw;
 // src/animated/RefreshCw.tsx
 import { motion as motion141 } from "motion/react";
 import { jsx as jsx141 } from "react/jsx-runtime";
-var spin2 = spinOnce(1);
+var spin4 = spinOnce(1);
 var RefreshCw = (props) => /* @__PURE__ */ jsx141(
   AnimatedSvg,
   {
@@ -3244,7 +3284,7 @@ var RefreshCw = (props) => /* @__PURE__ */ jsx141(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsx141(motion141.g, { variants: spin2, children: /* @__PURE__ */ jsx141("path", { d: "M3 22v-6M3 16h6M3 16l3 2.7A9 9 0 0 0 21 12M21 2v6M21 8h-6M21 8l-3-2.7A9 9 0 0 0 3 12" }) })
+    children: /* @__PURE__ */ jsx141(motion141.g, { variants: spin4, children: /* @__PURE__ */ jsx141("path", { d: "M3 22v-6M3 16h6M3 16l3 2.7A9 9 0 0 0 21 12M21 2v6M21 8h-6M21 8l-3-2.7A9 9 0 0 0 3 12" }) })
   }
 );
 var RefreshCw_default = RefreshCw;
@@ -3268,12 +3308,12 @@ var Reply_default = Reply;
 
 // src/animated/Rocket.tsx
 import { motion as motion143 } from "motion/react";
-import { jsx as jsx143, jsxs as jsxs100 } from "react/jsx-runtime";
+import { jsx as jsx143, jsxs as jsxs99 } from "react/jsx-runtime";
 var liftOff = {
   rest: { x: 0, y: 0, transition: settleSpring },
   play: { x: 2, y: -2, transition: holdSpring }
 };
-var Rocket = (props) => /* @__PURE__ */ jsxs100(
+var Rocket = (props) => /* @__PURE__ */ jsxs99(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3314,10 +3354,11 @@ var RotateCcw_default = RotateCcw;
 
 // src/animated/Scissors.tsx
 import { motion as motion145 } from "motion/react";
-import { jsx as jsx145, jsxs as jsxs101 } from "react/jsx-runtime";
-var bladeA = snip(-12);
-var bladeB = snip(12);
-var Scissors = (props) => /* @__PURE__ */ jsxs101(
+import { jsx as jsx145, jsxs as jsxs100 } from "react/jsx-runtime";
+var bladeA = snip(45, 2, 0);
+var bladeB = snip(-45, 2, 0);
+var pivot = { transformBox: "view-box", originX: "12px", originY: "12px" };
+var Scissors = (props) => /* @__PURE__ */ jsxs100(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3326,8 +3367,8 @@ var Scissors = (props) => /* @__PURE__ */ jsxs101(
     strokeWidth: 1.8,
     ...props,
     children: [
-      /* @__PURE__ */ jsx145(motion145.g, { variants: bladeA, style: { transformBox: "view-box", originX: "12px", originY: "12px" }, children: /* @__PURE__ */ jsx145("path", { d: "M20 4L8.12 15.88M9 18a3 3 0 1 1-6 0a3 3 0 0 1 6 0" }) }),
-      /* @__PURE__ */ jsx145(motion145.g, { variants: bladeB, style: { transformBox: "view-box", originX: "12px", originY: "12px" }, children: /* @__PURE__ */ jsx145("path", { d: "M8.12 8.12L12 12M14.8 14.8L20 20M9 6a3 3 0 1 1-6 0a3 3 0 0 1 6 0" }) })
+      /* @__PURE__ */ jsx145(motion145.g, { variants: bladeA, style: pivot, children: /* @__PURE__ */ jsx145("path", { d: "M20 4L8.12 15.88M9 18a3 3 0 1 1-6 0a3 3 0 0 1 6 0" }) }),
+      /* @__PURE__ */ jsx145(motion145.g, { variants: bladeB, style: pivot, children: /* @__PURE__ */ jsx145("path", { d: "M8.12 8.12L12 12M14.8 14.8L20 20M9 6a3 3 0 1 1-6 0a3 3 0 0 1 6 0" }) })
     ]
   }
 );
@@ -3335,7 +3376,7 @@ var Scissors_default = Scissors;
 
 // src/animated/Score.tsx
 import { motion as motion146 } from "motion/react";
-import { jsx as jsx146, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx146, jsxs as jsxs101 } from "react/jsx-runtime";
 var digit = {
   rest: { scaleY: 1, transition: settleSpring },
   play: (i) => ({
@@ -3343,7 +3384,7 @@ var digit = {
     transition: { ...gesture, duration: 0.3, delay: i * 0.15 }
   })
 };
-var Score = (props) => /* @__PURE__ */ jsxs102(
+var Score = (props) => /* @__PURE__ */ jsxs101(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3362,12 +3403,12 @@ var Score_default = Score;
 
 // src/animated/Search.tsx
 import { motion as motion147 } from "motion/react";
-import { jsx as jsx147, jsxs as jsxs103 } from "react/jsx-runtime";
-var lens2 = {
+import { jsx as jsx147 } from "react/jsx-runtime";
+var magnifier = {
   rest: { x: 0, y: 0, transition: settleSpring },
   play: { x: [0, 1.5, 0, -1.5, 0], y: [0, 1.5, 3, 1.5, 0], transition: { ...gesture, duration: 0.5 } }
 };
-var Search = (props) => /* @__PURE__ */ jsxs103(
+var Search = (props) => /* @__PURE__ */ jsx147(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3375,10 +3416,13 @@ var Search = (props) => /* @__PURE__ */ jsxs103(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: [
-      /* @__PURE__ */ jsx147("path", { d: "M21 21l-4.35-4.35" }),
-      /* @__PURE__ */ jsx147(motion147.path, { variants: lens2, d: "M19 11a8 8 0 1 1-16 0a8 8 0 0 1 16 0" })
-    ]
+    children: /* @__PURE__ */ jsx147(
+      motion147.path,
+      {
+        variants: magnifier,
+        d: "M21 21l-4.35-4.35M19 11a8 8 0 1 1-16 0a8 8 0 0 1 16 0"
+      }
+    )
   }
 );
 var Search_default = Search;
@@ -3386,9 +3430,23 @@ var Search_default = Search;
 // src/animated/Send.tsx
 import { motion as motion148 } from "motion/react";
 import { jsx as jsx148 } from "react/jsx-runtime";
-var plane = {
-  rest: { x: 0, y: 0, opacity: 1, transition: settleTween },
-  play: { x: [0, 3, 0], y: [0, -3, 0], opacity: [1, 0, 1], transition: { ...gesture, duration: 0.45 } }
+var flight = {
+  rest: { x: 0, y: 0, rotate: 0, opacity: 1, transition: settleTween },
+  play: {
+    x: [0, 0, 2.5, 5, 7.5, 0, 0],
+    y: [0, 0, -2.5, -3.8, -3.2, 0, 0],
+    rotate: [0, 0, 0, 10, 22, 0, 0],
+    opacity: [1, 1, 1, 1, 0, 0, 1],
+    transition: {
+      duration: 0.9,
+      times: [0, 0.3, 0.45, 0.62, 0.78, 0.88, 1],
+      ease: ["linear", "easeIn", "linear", "easeOut", "linear", "easeOut"]
+    }
+  }
+};
+var flap2 = {
+  rest: { scaleX: 1, transition: settleSpring },
+  play: { scaleX: [1, 0.7, 1], transition: { duration: 0.27, ease: "easeInOut" } }
 };
 var Send = (props) => /* @__PURE__ */ jsx148(
   AnimatedSvg,
@@ -3398,14 +3456,14 @@ var Send = (props) => /* @__PURE__ */ jsx148(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsx148(motion148.path, { variants: plane, d: "M22 2L11 13M22 2l-7 20l-4-9M22 2L2 9l9 4" })
+    children: /* @__PURE__ */ jsx148(motion148.g, { variants: flight, children: /* @__PURE__ */ jsx148("g", { transform: "rotate(45 22 2)", children: /* @__PURE__ */ jsx148(motion148.g, { variants: flap2, style: { transformBox: "view-box", originX: "22px", originY: "2px" }, children: /* @__PURE__ */ jsx148("g", { transform: "rotate(-45 22 2)", children: /* @__PURE__ */ jsx148("path", { d: "M22 2L11 13M22 2l-7 20l-4-9M22 2L2 9l9 4" }) }) }) }) })
   }
 );
 var Send_default = Send;
 
 // src/animated/Settings.tsx
 import { motion as motion149 } from "motion/react";
-import { jsx as jsx149, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx149, jsxs as jsxs102 } from "react/jsx-runtime";
 var gear = {
   rest: { rotate: 0, transition: settleSpring },
   play: { rotate: 90, transition: holdSpring }
@@ -3418,7 +3476,7 @@ var Settings = (props) => /* @__PURE__ */ jsx149(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsxs104(motion149.g, { variants: gear, children: [
+    children: /* @__PURE__ */ jsxs102(motion149.g, { variants: gear, children: [
       /* @__PURE__ */ jsx149("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2" }),
       /* @__PURE__ */ jsx149("path", { d: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6" })
     ] })
@@ -3428,10 +3486,10 @@ var Settings_default = Settings;
 
 // src/animated/Settings_2.tsx
 import { motion as motion150 } from "motion/react";
-import { jsx as jsx150, jsxs as jsxs105 } from "react/jsx-runtime";
+import { jsx as jsx150, jsxs as jsxs103 } from "react/jsx-runtime";
 var upperKnob = nudge(-3, 0);
 var lowerKnob = nudge(3, 0);
-var Settings_2 = (props) => /* @__PURE__ */ jsxs105(
+var Settings_2 = (props) => /* @__PURE__ */ jsxs103(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3451,13 +3509,13 @@ var Settings_2_default = Settings_2;
 
 // src/animated/Share_2.tsx
 import { motion as motion151 } from "motion/react";
-import { jsx as jsx151, jsxs as jsxs106 } from "react/jsx-runtime";
+import { jsx as jsx151, jsxs as jsxs104 } from "react/jsx-runtime";
 var node1 = pop(1.15, seq(0));
 var node2 = pop(1.15, seq(1));
 var node3 = pop(1.15, seq(2));
 var link1 = drawOn();
 var link2 = drawOn(seq(1));
-var Share_2 = (props) => /* @__PURE__ */ jsxs106(
+var Share_2 = (props) => /* @__PURE__ */ jsxs104(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3478,9 +3536,9 @@ var Share_2_default = Share_2;
 
 // src/animated/Shield.tsx
 import { motion as motion152 } from "motion/react";
-import { jsx as jsx152 } from "react/jsx-runtime";
-var whole14 = pop(1.08);
-var Shield = (props) => /* @__PURE__ */ jsx152(
+import { jsx as jsx152, jsxs as jsxs105 } from "react/jsx-runtime";
+var shine = burst(6, 0);
+var Shield = (props) => /* @__PURE__ */ jsxs105(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3488,16 +3546,19 @@ var Shield = (props) => /* @__PURE__ */ jsx152(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsx152(motion152.path, { variants: whole14, d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" })
+    children: [
+      /* @__PURE__ */ jsx152("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" }),
+      /* @__PURE__ */ jsx152(motion152.path, { "data-decoration": "", stroke: "currentColor", variants: shine, d: "M7.5 11L9.5 7.5" })
+    ]
   }
 );
 var Shield_default = Shield;
 
 // src/animated/ShieldCheck.tsx
 import { motion as motion153 } from "motion/react";
-import { jsx as jsx153, jsxs as jsxs107 } from "react/jsx-runtime";
+import { jsx as jsx153, jsxs as jsxs106 } from "react/jsx-runtime";
 var check4 = drawOn();
-var ShieldCheck = (props) => /* @__PURE__ */ jsxs107(
+var ShieldCheck = (props) => /* @__PURE__ */ jsxs106(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3566,11 +3627,11 @@ var ShoppingCart_default = ShoppingCart;
 // src/animated/Shower.tsx
 import { motion as motion156 } from "motion/react";
 import { jsx as jsx156 } from "react/jsx-runtime";
-var whole15 = wiggle(4);
+var whole14 = wiggle(4);
 var Shower = (props) => /* @__PURE__ */ jsx156(AnimatedSvg, { ...props, children: /* @__PURE__ */ jsx156(
   motion156.path,
   {
-    variants: whole15,
+    variants: whole14,
     style: { originX: 0.5, originY: 0 },
     fill: "currentColor",
     d: "M12.9 3.5a0.9 0.9 0 1 0-1.8 0z M5 13.5h-0.9a0.9 0.9 0 0 0 0.9 0.9z M19 13.5v0.9a0.9 0.9 0 0 0 0.9-0.9z M12 5.5h0.9v-2h-1.8v2z M5 12.611h0.9C5.9 9.167 8.644 6.4 12 6.4V4.6c-4.376 0-7.9 3.6-7.9 8.011z M12 5.5v0.9c3.356 0 6.1 2.767 6.1 6.211h1.8c0-4.41-3.524-8.011-7.9-8.011z M5 12.611h-0.9v0.889h1.8v-0.889z M5 13.5v0.9h14v-1.8H5z M19 13.5h0.9v-0.889h-1.8v0.889z M8 17h-0.9c0-0.22 0.18-0.4 0.4-0.4v1.8A1.4 1.4 0 0 0 8.9 17z M7.5 17.5v-0.9c0.22 0 0.4 0.18 0.4 0.4H6.1a1.4 1.4 0 0 0 1.4 1.4z M7 17h0.9a0.4 0.4 0 0 1-0.4 0.4v-1.8A1.4 1.4 0 0 0 6.1 17z M7.5 16.5v0.9a0.4 0.4 0 0 1-0.4-0.4h1.8a1.4 1.4 0 0 0-1.4-1.4z M12.5 17h-0.9c0-0.22 0.18-0.4 0.4-0.4v1.8a1.4 1.4 0 0 0 1.4-1.4z M12 17.5v-0.9c0.22 0 0.4 0.18 0.4 0.4h-1.8a1.4 1.4 0 0 0 1.4 1.4z M11.5 17h0.9a0.4 0.4 0 0 1-0.4 0.4v-1.8a1.4 1.4 0 0 0-1.4 1.4z M12 16.5v0.9a0.4 0.4 0 0 1-0.4-0.4h1.8a1.4 1.4 0 0 0-1.4-1.4z M17 17h-0.9c0-0.22 0.18-0.4 0.4-0.4v1.8a1.4 1.4 0 0 0 1.4-1.4z M16.5 17.5v-0.9c0.22 0 0.4 0.18 0.4 0.4h-1.8a1.4 1.4 0 0 0 1.4 1.4z M16 17h0.9a0.4 0.4 0 0 1-0.4 0.4v-1.8a1.4 1.4 0 0 0-1.4 1.4z M16.5 16.5v0.9a0.4 0.4 0 0 1-0.4-0.4h1.8a1.4 1.4 0 0 0-1.4-1.4z M8 21h-0.9c0-0.22 0.18-0.4 0.4-0.4v1.8A1.4 1.4 0 0 0 8.9 21z M7.5 21.5v-0.9c0.22 0 0.4 0.18 0.4 0.4H6.1a1.4 1.4 0 0 0 1.4 1.4z M7 21h0.9a0.4 0.4 0 0 1-0.4 0.4v-1.8A1.4 1.4 0 0 0 6.1 21z M7.5 20.5v0.9a0.4 0.4 0 0 1-0.4-0.4h1.8a1.4 1.4 0 0 0-1.4-1.4z M12.5 21h-0.9c0-0.22 0.18-0.4 0.4-0.4v1.8a1.4 1.4 0 0 0 1.4-1.4z M12 21.5v-0.9c0.22 0 0.4 0.18 0.4 0.4h-1.8a1.4 1.4 0 0 0 1.4 1.4z M11.5 21h0.9a0.4 0.4 0 0 1-0.4 0.4v-1.8a1.4 1.4 0 0 0-1.4 1.4z M12 20.5v0.9a0.4 0.4 0 0 1-0.4-0.4h1.8a1.4 1.4 0 0 0-1.4-1.4z M17 21h-0.9c0-0.22 0.18-0.4 0.4-0.4v1.8a1.4 1.4 0 0 0 1.4-1.4z M16.5 21.5v-0.9c0.22 0 0.4 0.18 0.4 0.4h-1.8a1.4 1.4 0 0 0 1.4 1.4z M16 21h0.9a0.4 0.4 0 0 1-0.4 0.4v-1.8a1.4 1.4 0 0 0-1.4 1.4z M16.5 20.5v0.9a0.4 0.4 0 0 1-0.4-0.4h1.8a1.4 1.4 0 0 0-1.4-1.4z"
@@ -3580,14 +3641,14 @@ var Shower_default = Shower;
 
 // src/animated/Siren.tsx
 import { motion as motion157 } from "motion/react";
-import { jsx as jsx157, jsxs as jsxs108 } from "react/jsx-runtime";
+import { jsx as jsx157, jsxs as jsxs107 } from "react/jsx-runtime";
 var dome = wiggle(4);
 var rayE = drawOn(seq(0));
 var rayNE = drawOn(seq(1));
 var rayN = drawOn(seq(2));
 var rayNW = drawOn(seq(3));
 var rayW = drawOn(seq(4));
-var Siren = (props) => /* @__PURE__ */ jsxs108(
+var Siren = (props) => /* @__PURE__ */ jsxs107(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3616,7 +3677,7 @@ var Siren_default = Siren;
 // src/animated/SkipBack.tsx
 import { motion as motion158 } from "motion/react";
 import { jsx as jsx158 } from "react/jsx-runtime";
-var whole16 = sweep(-30);
+var whole15 = sweep(-30);
 var SkipBack = (props) => /* @__PURE__ */ jsx158(
   AnimatedSvg,
   {
@@ -3625,7 +3686,7 @@ var SkipBack = (props) => /* @__PURE__ */ jsx158(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsx158(motion158.path, { variants: whole16, d: "M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8M3 8V5M3 8h3" })
+    children: /* @__PURE__ */ jsx158(motion158.path, { variants: whole15, d: "M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8M3 8V5M3 8h3" })
   }
 );
 var SkipBack_default = SkipBack;
@@ -3633,7 +3694,7 @@ var SkipBack_default = SkipBack;
 // src/animated/SkipForward.tsx
 import { motion as motion159 } from "motion/react";
 import { jsx as jsx159 } from "react/jsx-runtime";
-var whole17 = sweep(30);
+var whole16 = sweep(30);
 var SkipForward = (props) => /* @__PURE__ */ jsx159(
   AnimatedSvg,
   {
@@ -3642,15 +3703,15 @@ var SkipForward = (props) => /* @__PURE__ */ jsx159(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsx159(motion159.path, { variants: whole17, d: "M21 12a9 9 0 1 1-9-9a9.75 9.75 0 0 1 6.74 2.74L21 8M21 8V5M21 8h-3" })
+    children: /* @__PURE__ */ jsx159(motion159.path, { variants: whole16, d: "M21 12a9 9 0 1 1-9-9a9.75 9.75 0 0 1 6.74 2.74L21 8M21 8V5M21 8h-3" })
   }
 );
 var SkipForward_default = SkipForward;
 
 // src/animated/Smartphone.tsx
 import { motion as motion160 } from "motion/react";
-import { jsx as jsx160, jsxs as jsxs109 } from "react/jsx-runtime";
-var whole18 = wiggle(4, 3);
+import { jsx as jsx160, jsxs as jsxs108 } from "react/jsx-runtime";
+var whole17 = wiggle(4, 3);
 var Smartphone = (props) => /* @__PURE__ */ jsx160(
   AnimatedSvg,
   {
@@ -3659,7 +3720,7 @@ var Smartphone = (props) => /* @__PURE__ */ jsx160(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsxs109(motion160.g, { variants: whole18, children: [
+    children: /* @__PURE__ */ jsxs108(motion160.g, { variants: whole17, children: [
       /* @__PURE__ */ jsx160("path", { d: "M12 18h0.01" }),
       /* @__PURE__ */ jsx160("path", { d: "M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2" })
     ] })
@@ -3669,9 +3730,9 @@ var Smartphone_default = Smartphone;
 
 // src/animated/Smile.tsx
 import { motion as motion161 } from "motion/react";
-import { jsx as jsx161, jsxs as jsxs110 } from "react/jsx-runtime";
+import { jsx as jsx161, jsxs as jsxs109 } from "react/jsx-runtime";
 var mouth3 = stretch(1.15);
-var Smile = (props) => /* @__PURE__ */ jsxs110(
+var Smile = (props) => /* @__PURE__ */ jsxs109(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3690,9 +3751,9 @@ var Smile_default = Smile;
 
 // src/animated/SquareArrowRight.tsx
 import { motion as motion162 } from "motion/react";
-import { jsx as jsx162, jsxs as jsxs111 } from "react/jsx-runtime";
+import { jsx as jsx162, jsxs as jsxs110 } from "react/jsx-runtime";
 var arrow10 = nudge(2, 0);
-var SquareArrowRight = (props) => /* @__PURE__ */ jsxs111(
+var SquareArrowRight = (props) => /* @__PURE__ */ jsxs110(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3710,11 +3771,11 @@ var SquareArrowRight_default = SquareArrowRight;
 
 // src/animated/SquareKanban.tsx
 import { motion as motion163 } from "motion/react";
-import { jsx as jsx163, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx163, jsxs as jsxs111 } from "react/jsx-runtime";
 var col1 = grow(seq(0));
 var col2 = grow(seq(1));
 var col3 = grow(seq(2));
-var SquareKanban = (props) => /* @__PURE__ */ jsxs112(
+var SquareKanban = (props) => /* @__PURE__ */ jsxs111(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3734,9 +3795,15 @@ var SquareKanban_default = SquareKanban;
 
 // src/animated/Star.tsx
 import { motion as motion164 } from "motion/react";
-import { jsx as jsx164 } from "react/jsx-runtime";
+import { jsx as jsx164, jsxs as jsxs112 } from "react/jsx-runtime";
 var pop2 = twist(15);
-var Star = (props) => /* @__PURE__ */ jsx164(
+var rays = [
+  { d: "M17.7 5L18.7 3.8", dx: 0.9, dy: -1.1 },
+  { d: "M6.3 5L5.3 3.8", dx: -0.9, dy: -1.1 },
+  { d: "M19.8 16L21.2 16.7", dx: 1, dy: 0.5 },
+  { d: "M4.2 16L2.8 16.7", dx: -1, dy: 0.5 }
+].map((ray2) => ({ ...ray2, variants: burst(ray2.dx, ray2.dy, 0.08) }));
+var Star = (props) => /* @__PURE__ */ jsxs112(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3744,13 +3811,16 @@ var Star = (props) => /* @__PURE__ */ jsx164(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsx164(
-      motion164.path,
-      {
-        variants: pop2,
-        d: "M12 2l3.09 6.26L22 9.27l-5 4.87l1.18 6.88L12 17.77l-6.18 3.25L7 14.14L2 9.27l6.91-1.01z"
-      }
-    )
+    children: [
+      /* @__PURE__ */ jsx164(
+        motion164.path,
+        {
+          variants: pop2,
+          d: "M12 2l3.09 6.26L22 9.27l-5 4.87l1.18 6.88L12 17.77l-6.18 3.25L7 14.14L2 9.27l6.91-1.01z"
+        }
+      ),
+      rays.map(({ d, variants }) => /* @__PURE__ */ jsx164(motion164.path, { "data-decoration": "", stroke: "currentColor", variants, d }, d))
+    ]
   }
 );
 var Star_default = Star;
@@ -3758,7 +3828,7 @@ var Star_default = Star;
 // src/animated/Sun.tsx
 import { motion as motion165 } from "motion/react";
 import { jsx as jsx165, jsxs as jsxs113 } from "react/jsx-runtime";
-var rays = turn(45);
+var rays2 = turn(45);
 var Sun = (props) => /* @__PURE__ */ jsxs113(
   AnimatedSvg,
   {
@@ -3771,7 +3841,7 @@ var Sun = (props) => /* @__PURE__ */ jsxs113(
       /* @__PURE__ */ jsx165(
         motion165.path,
         {
-          variants: rays,
+          variants: rays2,
           d: "M12 1v2 M12 21v2 M4.22 4.22l1.42 1.42 M18.36 18.36l1.42 1.42 M1 12h2 M21 12h2 M4.22 19.78l1.42-1.42 M18.36 5.64l1.42-1.42"
         }
       ),
@@ -3834,7 +3904,7 @@ var Target_default = Target;
 // src/animated/ThumbsUp.tsx
 import { motion as motion168 } from "motion/react";
 import { jsx as jsx168, jsxs as jsxs116 } from "react/jsx-runtime";
-var whole19 = twist(-12);
+var whole18 = twist(-12);
 var ThumbsUp = (props) => /* @__PURE__ */ jsx168(
   AnimatedSvg,
   {
@@ -3843,7 +3913,7 @@ var ThumbsUp = (props) => /* @__PURE__ */ jsx168(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsxs116(motion168.g, { variants: whole19, style: { transformBox: "view-box", originX: "3px", originY: "21px" }, children: [
+    children: /* @__PURE__ */ jsxs116(motion168.g, { variants: whole18, style: { transformBox: "view-box", originX: "3px", originY: "21px" }, children: [
       /* @__PURE__ */ jsx168("path", { d: "M7 10v12" }),
       /* @__PURE__ */ jsx168("path", { d: "M15 5.88L14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88" })
     ] })
@@ -3854,7 +3924,7 @@ var ThumbsUp_default = ThumbsUp;
 // src/animated/Ticket.tsx
 import { motion as motion169 } from "motion/react";
 import { jsx as jsx169 } from "react/jsx-runtime";
-var tilt3 = {
+var tilt4 = {
   rest: { rotate: 0, transition: settleSpring },
   play: { rotate: [0, -10, 4, 0], transition: gesture }
 };
@@ -3869,7 +3939,7 @@ var Ticket = (props) => /* @__PURE__ */ jsx169(
     children: /* @__PURE__ */ jsx169(
       motion169.path,
       {
-        variants: tilt3,
+        variants: tilt4,
         d: "M13 5v2m0 10v2m0-8v2M2 9a3 3 0 1 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z"
       }
     )
@@ -3880,7 +3950,17 @@ var Ticket_default = Ticket;
 // src/animated/Timeline.tsx
 import { motion as motion170 } from "motion/react";
 import { jsx as jsx170, jsxs as jsxs117 } from "react/jsx-runtime";
-var node = nudge(2, 0);
+var dx = 10;
+var node = nudge(dx, 0);
+var leftSeg = {
+  rest: { scaleX: 1, transition: settleSpring },
+  // Same transition (duration/easing/delay) as `node`, so its progress stays in lockstep.
+  play: { scaleX: [1, 6, 1], transition: { ...gesture, delay: 0 } }
+};
+var rightSeg = {
+  rest: { scaleX: 1, transition: settleSpring },
+  play: { scaleX: [1, 0, 1], transition: { ...gesture, delay: 0 } }
+};
 var Timeline = (props) => /* @__PURE__ */ jsxs117(
   AnimatedSvg,
   {
@@ -3890,7 +3970,8 @@ var Timeline = (props) => /* @__PURE__ */ jsxs117(
     strokeWidth: 1.8,
     ...props,
     children: [
-      /* @__PURE__ */ jsx170("path", { d: "M11 12h10 M5 12H3" }),
+      /* @__PURE__ */ jsx170(motion170.path, { variants: leftSeg, style: { originX: 0 }, d: "M5 12H3" }),
+      /* @__PURE__ */ jsx170(motion170.path, { variants: rightSeg, style: { originX: 1 }, d: "M11 12h10" }),
       /* @__PURE__ */ jsx170(motion170.path, { variants: node, d: "M11 12a3 3 0 1 1-6 0 M11 12a3 3 0 1 0-6 0" })
     ]
   }
@@ -3972,7 +4053,7 @@ var Trash_2_default = Trash_2;
 import { motion as motion174 } from "motion/react";
 import { jsx as jsx174, jsxs as jsxs121 } from "react/jsx-runtime";
 var raised = lift(-1.5, -6);
-var Trophy = (props) => /* @__PURE__ */ jsxs121(
+var Trophy = (props) => /* @__PURE__ */ jsx174(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3980,16 +4061,10 @@ var Trophy = (props) => /* @__PURE__ */ jsxs121(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: [
+    children: /* @__PURE__ */ jsxs121(motion174.g, { variants: raised, children: [
       /* @__PURE__ */ jsx174("path", { d: "M4 22h16" }),
-      /* @__PURE__ */ jsx174(
-        motion174.path,
-        {
-          variants: raised,
-          d: "M14 14.66V17c0 0.55 0.47 0.98 0.97 1.21C16.15 18.75 17 20.24 17 22 M10 14.66V17c0 0.55-0.47 0.98-0.97 1.21C7.85 18.75 7 20.24 7 22 M18 9h1.5a2.5 2.5 0 0 0 0-5H18 M18 9A6 6 0 1 1 6 9 M18 9V2H6v7 M6 9H4.5a2.5 2.5 0 1 1 0-5H6"
-        }
-      )
-    ]
+      /* @__PURE__ */ jsx174("path", { d: "M14 14.66V17c0 0.55 0.47 0.98 0.97 1.21C16.15 18.75 17 20.24 17 22 M10 14.66V17c0 0.55-0.47 0.98-0.97 1.21C7.85 18.75 7 20.24 7 22 M18 9h1.5a2.5 2.5 0 0 0 0-5H18 M18 9A6 6 0 1 1 6 9 M18 9V2H6v7 M6 9H4.5a2.5 2.5 0 1 1 0-5H6" })
+    ] })
   }
 );
 var Trophy_default = Trophy;
@@ -4167,8 +4242,8 @@ var UserPlus_default = UserPlus;
 // src/animated/Users.tsx
 import { motion as motion182 } from "motion/react";
 import { jsx as jsx182, jsxs as jsxs128 } from "react/jsx-runtime";
-var front3 = nudge(0, -1);
-var back = nudge(0, -1, seq(1));
+var front4 = nudge(0, -1);
+var back3 = nudge(0, -1, seq(1));
 var Users = (props) => /* @__PURE__ */ jsxs128(
   AnimatedSvg,
   {
@@ -4181,14 +4256,14 @@ var Users = (props) => /* @__PURE__ */ jsxs128(
       /* @__PURE__ */ jsx182(
         motion182.path,
         {
-          variants: back,
+          variants: back3,
           d: "M22 21v-2a4 4 0 0 0-3-3.87 M16 3.13a4 4 0 0 1 0 7.75"
         }
       ),
       /* @__PURE__ */ jsx182(
         motion182.path,
         {
-          variants: front3,
+          variants: front4,
           d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2 M13 7a4 4 0 1 1-8 0a4 4 0 0 1 8 0"
         }
       )
@@ -4200,14 +4275,16 @@ var Users_default = Users;
 // src/animated/UserShield.tsx
 import { motion as motion183 } from "motion/react";
 import { jsx as jsx183, jsxs as jsxs129 } from "react/jsx-runtime";
+var pulse2 = pop(1.06);
 var bob6 = {
   rest: { y: 0, transition: settleSpring },
   play: { y: [0, -1.5, 0], transition: gesture }
 };
 var UserShield = (props) => /* @__PURE__ */ jsxs129(AnimatedSvg, { ...props, children: [
   /* @__PURE__ */ jsx183(
-    "path",
+    motion183.path,
     {
+      variants: pulse2,
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -4270,7 +4347,7 @@ var Verified_default = Verified;
 // src/animated/Video.tsx
 import { motion as motion186 } from "motion/react";
 import { jsx as jsx186, jsxs as jsxs131 } from "react/jsx-runtime";
-var lens3 = {
+var lens2 = {
   rest: { scaleX: 1, transition: settleSpring },
   play: { scaleX: [1, 1.2, 1], transition: gesture }
 };
@@ -4284,7 +4361,7 @@ var Video = (props) => /* @__PURE__ */ jsxs131(
     ...props,
     children: [
       /* @__PURE__ */ jsx186("path", { d: "M14 7H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2" }),
-      /* @__PURE__ */ jsx186(motion186.path, { variants: lens3, style: { originX: 0, originY: 0.5 }, d: "M22 9l-6 4l6 4z" })
+      /* @__PURE__ */ jsx186(motion186.path, { variants: lens2, style: { originX: 0, originY: 0.5 }, d: "M22 9l-6 4l6 4z" })
     ]
   }
 );
@@ -4313,7 +4390,7 @@ var VideoAlert_default = VideoAlert;
 // src/animated/VideoBack.tsx
 import { motion as motion188 } from "motion/react";
 import { jsx as jsx188, jsxs as jsxs133 } from "react/jsx-runtime";
-var arrow12 = nudge(-2, 0);
+var arrow12 = spinOnce(-1);
 var VideoBack = (props) => /* @__PURE__ */ jsxs133(
   AnimatedSvg,
   {
@@ -4324,7 +4401,14 @@ var VideoBack = (props) => /* @__PURE__ */ jsxs133(
     ...props,
     children: [
       /* @__PURE__ */ jsx188("path", { d: "M17.109 14.233L22 17.9V9.1l-4.891 3.667M4 15.5v1.666C4 18.18 4.766 19 5.712 19h9.685c0.945 0 1.712-0.82 1.712-1.833V9.834c0-1.013-0.73-1.834-1.631-1.834H14.5" }),
-      /* @__PURE__ */ jsx188(motion188.path, { variants: arrow12, d: "M2 3v3.6M2 6.6h3.6M2 6.6l1.881-1.881A4.33 4.33 0 0 1 6.95 3.45A4.05 4.05 0 0 1 11 7.5a4.5 4.5 0 0 1-8.1 2.7" })
+      /* @__PURE__ */ jsx188(
+        motion188.path,
+        {
+          variants: arrow12,
+          style: { transformBox: "view-box", originX: "6.95px", originY: "7.5px" },
+          d: "M2 3v3.6M2 6.6h3.6M2 6.6l1.881-1.881A4.33 4.33 0 0 1 6.95 3.45A4.05 4.05 0 0 1 11 7.5a4.5 4.5 0 0 1-8.1 2.7"
+        }
+      )
     ]
   }
 );
@@ -4354,8 +4438,9 @@ var VideoClock_default = VideoClock;
 // src/animated/VideoCut.tsx
 import { motion as motion190 } from "motion/react";
 import { jsx as jsx190, jsxs as jsxs135 } from "react/jsx-runtime";
-var bladeA2 = snip(-12);
-var bladeB2 = snip(12);
+var bladeA2 = snip(45, 2, 0);
+var bladeB2 = snip(-45, 2, 0);
+var pivot2 = { transformBox: "view-box", originX: "6.5px", originY: "7.5px" };
 var VideoCut = (props) => /* @__PURE__ */ jsxs135(
   AnimatedSvg,
   {
@@ -4366,8 +4451,8 @@ var VideoCut = (props) => /* @__PURE__ */ jsxs135(
     ...props,
     children: [
       /* @__PURE__ */ jsx190("path", { d: "M17.109 14.233L22 17.9V9.1l-4.891 3.667M4 15.5v1.666C4 18.18 4.766 19 5.712 19h9.685c0.945 0 1.712-0.82 1.712-1.833V9.834c0-1.013-0.73-1.834-1.631-1.834H14.5" }),
-      /* @__PURE__ */ jsx190(motion190.path, { variants: bladeA2, d: "M11 3L4.565 9.435M5 10.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" }),
-      /* @__PURE__ */ jsx190(motion190.path, { variants: bladeB2, d: "M4.565 5.565L6.5 7.5M8.6 9.6L11 12M5 4.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" })
+      /* @__PURE__ */ jsx190(motion190.path, { variants: bladeA2, style: pivot2, d: "M11 3L4.565 9.435M5 10.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" }),
+      /* @__PURE__ */ jsx190(motion190.path, { variants: bladeB2, style: pivot2, d: "M4.565 5.565L6.5 7.5M8.6 9.6L11 12M5 4.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" })
     ]
   }
 );
@@ -4444,10 +4529,13 @@ var VideoSettings_default = VideoSettings;
 // src/animated/VideoStar.tsx
 import { motion as motion194 } from "motion/react";
 import { jsx as jsx194, jsxs as jsxs139 } from "react/jsx-runtime";
-var star2 = {
-  rest: { rotate: 0, scale: 1, transition: settleSpring },
-  play: { rotate: [0, 15, 0], scale: [1, 1.15, 1], transition: gesture }
-};
+var star2 = twist(15);
+var rays3 = [
+  { d: "M10 3.9L10.8 3", dx: 0.7, dy: -0.8 },
+  { d: "M3.44 3.9L2.64 3", dx: -0.7, dy: -0.8 },
+  { d: "M11.5 10.4L12.3 11", dx: 0.6, dy: 0.4 },
+  { d: "M1.94 10.4L1.14 11", dx: -0.6, dy: 0.4 }
+].map((ray2) => ({ ...ray2, variants: burst(ray2.dx, ray2.dy, 0.08) }));
 var VideoStar = (props) => /* @__PURE__ */ jsxs139(
   AnimatedSvg,
   {
@@ -4458,7 +4546,8 @@ var VideoStar = (props) => /* @__PURE__ */ jsxs139(
     ...props,
     children: [
       /* @__PURE__ */ jsx194("path", { d: "M17.109 14.233L22 17.9V9.1l-4.891 3.667M4 15.5v1.666C4 18.18 4.766 19 5.712 19h9.685c0.945 0 1.712-0.82 1.712-1.833V9.834c0-1.013-0.73-1.834-1.631-1.834H14.5" }),
-      /* @__PURE__ */ jsx194(motion194.path, { variants: star2, d: "M6.496 3.14a0.25 0.25 0 0 1 0.448 0l1.09 2.207a1 1 0 0 0 0.753 0.548l2.438 0.356a0.25 0.25 0 0 1 0.138 0.427L9.6 8.395a1 1 0 0 0-0.288 0.886l0.416 2.425a0.25 0.25 0 0 1-0.364 0.265l-2.179-1.146a1 1 0 0 0-0.931 0L4.075 11.97a0.25 0.25 0 0 1-0.363-0.265l0.416-2.425a1 1 0 0 0-0.289-0.886L2.076 6.678a0.25 0.25 0 0 1 0.14-0.427l2.436-0.356a1 1 0 0 0 0.754-0.548z" })
+      /* @__PURE__ */ jsx194(motion194.path, { variants: star2, d: "M6.496 3.14a0.25 0.25 0 0 1 0.448 0l1.09 2.207a1 1 0 0 0 0.753 0.548l2.438 0.356a0.25 0.25 0 0 1 0.138 0.427L9.6 8.395a1 1 0 0 0-0.288 0.886l0.416 2.425a0.25 0.25 0 0 1-0.364 0.265l-2.179-1.146a1 1 0 0 0-0.931 0L4.075 11.97a0.25 0.25 0 0 1-0.363-0.265l0.416-2.425a1 1 0 0 0-0.289-0.886L2.076 6.678a0.25 0.25 0 0 1 0.14-0.427l2.436-0.356a1 1 0 0 0 0.754-0.548z" }),
+      rays3.map(({ d, variants }) => /* @__PURE__ */ jsx194(motion194.path, { "data-decoration": "", stroke: "currentColor", variants, d }, d))
     ]
   }
 );
@@ -4487,8 +4576,9 @@ var VideoX_default = VideoX;
 // src/animated/VolumeUp.tsx
 import { motion as motion196 } from "motion/react";
 import { jsx as jsx196, jsxs as jsxs141 } from "react/jsx-runtime";
-var inner2 = drawOn(seq(0));
-var outer2 = drawOn(seq(1));
+var inner2 = emerge(0.6, 0);
+var outer2 = emerge(0.6, 0.15);
+var fromSpeaker = { transformBox: "view-box", originX: "12px", originY: "12px" };
 var VolumeUp = (props) => /* @__PURE__ */ jsxs141(
   AnimatedSvg,
   {
@@ -4499,8 +4589,8 @@ var VolumeUp = (props) => /* @__PURE__ */ jsxs141(
     ...props,
     children: [
       /* @__PURE__ */ jsx196("path", { d: "M11 5L6 9H2v6h4l5 4z" }),
-      /* @__PURE__ */ jsx196(motion196.path, { variants: inner2, d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
-      /* @__PURE__ */ jsx196(motion196.path, { variants: outer2, d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
+      /* @__PURE__ */ jsx196(motion196.path, { variants: inner2, style: fromSpeaker, d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
+      /* @__PURE__ */ jsx196(motion196.path, { variants: outer2, style: fromSpeaker, d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
     ]
   }
 );
@@ -4529,7 +4619,7 @@ var VolumeX_default = VolumeX;
 // src/animated/Webcam.tsx
 import { motion as motion198 } from "motion/react";
 import { jsx as jsx198, jsxs as jsxs143 } from "react/jsx-runtime";
-var lens4 = pop(0.75);
+var lens3 = pop(0.75);
 var Webcam = (props) => /* @__PURE__ */ jsxs143(
   AnimatedSvg,
   {
@@ -4540,7 +4630,7 @@ var Webcam = (props) => /* @__PURE__ */ jsxs143(
     ...props,
     children: [
       /* @__PURE__ */ jsx198("path", { d: "M12 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16M12 18v4M7 22h10" }),
-      /* @__PURE__ */ jsx198(motion198.path, { variants: lens4, d: "M15 10a3 3 0 1 1-6 0a3 3 0 0 1 6 0" })
+      /* @__PURE__ */ jsx198(motion198.path, { variants: lens3, d: "M15 10a3 3 0 1 1-6 0a3 3 0 0 1 6 0" })
     ]
   }
 );