@sportswik/icons-react 1.2.0 → 1.2.1

package/dist/animated.js

@@ -288,9 +288,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 },
@@ -356,9 +356,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: {
@@ -370,6 +375,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
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -774,9 +807,9 @@ var import_jsx_runtime19 = require("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__ */ (0, import_jsx_runtime19.jsxs)(
   AnimatedSvg,
   {
@@ -922,27 +955,18 @@ var Camera_default = Camera;
 // src/animated/Captain.tsx
 var import_react28 = require("motion/react");
 var import_jsx_runtime26 = require("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__ */ (0, import_jsx_runtime26.jsxs)(AnimatedSvg, { ...props, children: [
+var tilt2 = twist(-8, 1.1);
+var Captain = (props) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AnimatedSvg, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react28.motion.g, { variants: tilt2, children: [
   /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    import_react28.motion.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__ */ (0, import_jsx_runtime26.jsx)("path", { fill: "currentColor", d: "M3 10h4v4H3zM17 10h4v4h-4z" }),
   /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("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
@@ -1209,8 +1233,8 @@ var ChevronsRight = (props) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     strokeWidth: 1.8,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react42.motion.path, { variants: first3, d: "M6 17l5-5l-5-5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react42.motion.path, { variants: second3, d: "M13 17l5-5l-5-5" })
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react42.motion.path, { variants: second3, d: "M6 17l5-5l-5-5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react42.motion.path, { variants: first3, d: "M13 17l5-5l-5-5" })
     ]
   }
 );
@@ -1329,10 +1353,8 @@ var Clock_4_default = Clock_4;
 // src/animated/Coins.tsx
 var import_react48 = require("motion/react");
 var import_jsx_runtime46 = require("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__ */ (0, import_jsx_runtime46.jsxs)(
   AnimatedSvg,
   {
@@ -1342,11 +1364,11 @@ var Coins = (props) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     strokeWidth: 1.8,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M7 6h1v4 M14 8A6 6 0 1 1 2 8a6 6 0 0 1 12 0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react48.motion.path, { variants: back, d: "M7 6h1v4 M14 8A6 6 0 1 1 2 8a6 6 0 0 1 12 0" }),
       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         import_react48.motion.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"
         }
       )
@@ -1522,7 +1544,8 @@ var Database_default = Database;
 // src/animated/Dices.tsx
 var import_react56 = require("motion/react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
-var front = turn(90);
+var front2 = flip(seq(0));
+var back2 = flip(seq(1));
 var Dices = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
   AnimatedSvg,
   {
@@ -1532,9 +1555,11 @@ var Dices = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     strokeWidth: 1.8,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("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__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M15 6h0.01 M18 9h0.01" }),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_react56.motion.g, { variants: front, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_react56.motion.g, { variants: back2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("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__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M15 6h0.01 M18 9h0.01" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_react56.motion.g, { variants: front2, children: [
         /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M6 18h0.01" }),
         /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M10 14h0.01" }),
         /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("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" })
@@ -1547,21 +1572,22 @@ var Dices_default = Dices;
 // src/animated/Disability.tsx
 var import_react57 = require("motion/react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
-var wheel = turn(90);
+var lean = sweep(-6);
 var Disability = (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(AnimatedSvg, { ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "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__ */ (0, import_jsx_runtime55.jsx)(
     import_react57.motion.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"
     }
   )
 ] });
@@ -2021,7 +2047,7 @@ var Futsal_default = Futsal;
 // src/animated/Gem.tsx
 var import_react79 = require("motion/react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
-var sparkle = twist(6);
+var spin = globeSpin();
 var Gem = (props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
   AnimatedSvg,
   {
@@ -2033,7 +2059,7 @@ var Gem = (props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       import_react79.motion.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"
       }
     )
@@ -2106,11 +2132,8 @@ var GenderMix_default = GenderMix;
 // src/animated/Globe.tsx
 var import_react83 = require("motion/react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
-var meridians = {
-  rest: { scaleX: 1, transition: settleSpring },
-  play: { scaleX: [1, 0.4, 1], transition: gesture }
-};
-var Globe = (props) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+var spin2 = globeSpin();
+var Globe = (props) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2118,16 +2141,13 @@ var Globe = (props) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("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__ */ (0, import_jsx_runtime81.jsx)(
-        import_react83.motion.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__ */ (0, import_jsx_runtime81.jsx)(
+      import_react83.motion.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;
@@ -2297,7 +2317,7 @@ var Idea_default = Idea;
 // src/animated/Image.tsx
 var import_react91 = require("motion/react");
 var import_jsx_runtime89 = require("react/jsx-runtime");
-var sun = lift(-1.5);
+var sun = nudge(0, -1.5);
 var Image = (props) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
   AnimatedSvg,
   {
@@ -2357,7 +2377,7 @@ var ImagePlus_default = ImagePlus;
 // src/animated/Images.tsx
 var import_react94 = require("motion/react");
 var import_jsx_runtime92 = require("react/jsx-runtime");
-var front2 = nudge(-1.5, -1.5);
+var front3 = nudge(-1.5, -1.5);
 var Images = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
   AnimatedSvg,
   {
@@ -2371,7 +2391,7 @@ var Images = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         import_react94.motion.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"
         }
       )
@@ -2452,9 +2472,9 @@ var import_react98 = require("motion/react");
 var import_jsx_runtime96 = require("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 line12 = nudge(3, 0, seq(0));
+var line22 = nudge(3, 0, seq(1));
+var line32 = nudge(3, 0, seq(2));
 var ListOrdered = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
   AnimatedSvg,
   {
@@ -2487,9 +2507,10 @@ var Live_default = Live;
 // src/animated/Loader.tsx
 var import_react100 = require("motion/react");
 var import_jsx_runtime98 = require("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);
@@ -2574,8 +2595,8 @@ var Locate_default = Locate;
 // src/animated/Lock.tsx
 var import_react103 = require("motion/react");
 var import_jsx_runtime101 = require("react/jsx-runtime");
-var jiggle = nudge(0, -1.5);
-var Lock = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+var shake2 = wiggle(8, 2);
+var Lock = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -2583,10 +2604,10 @@ var Lock = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react103.motion.path, { variants: jiggle, d: "M7 11V7a5 5 0 1 1 10 0v4" }),
+    children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_react103.motion.g, { variants: shake2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M7 11V7a5 5 0 1 1 10 0v4" }),
       /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("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;
@@ -2678,7 +2699,7 @@ var Maximize_2_default = Maximize_2;
 // src/animated/Megaphone.tsx
 var import_react108 = require("motion/react");
 var import_jsx_runtime106 = require("react/jsx-runtime");
-var tilt2 = {
+var tilt3 = {
   rest: { rotate: 0, transition: settleSpring },
   play: {
     rotate: [0, -8, -11, -5, -8, 0],
@@ -2695,7 +2716,7 @@ var Megaphone = (props) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("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__ */ (0, import_jsx_runtime106.jsx)(import_react108.motion.path, { variants: tilt2, style: { originX: 0.28 }, d: "M3 11l18-5v12L3 14z" })
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react108.motion.path, { variants: tilt3, style: { originX: 0.28 }, d: "M3 11l18-5v12L3 14z" })
     ]
   }
 );
@@ -3197,7 +3218,14 @@ var Pin_default = Pin;
 // src/animated/Pitch.tsx
 var import_react131 = require("motion/react");
 var import_jsx_runtime129 = require("react/jsx-runtime");
-var centre = pop(0.85);
+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__ */ (0, import_jsx_runtime129.jsxs)(
   AnimatedSvg,
   {
@@ -3208,7 +3236,19 @@ var Pitch = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("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__ */ (0, import_jsx_runtime129.jsx)(import_react131.motion.path, { variants: centre, d: "M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0" })
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { d: "M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+        import_react131.motion.circle,
+        {
+          "data-decoration": "",
+          variants: ball8,
+          cx: 12,
+          cy: 12,
+          r: 1.3,
+          fill: "currentColor",
+          stroke: "none"
+        }
+      )
     ]
   }
 );
@@ -3309,7 +3349,7 @@ var player3 = {
 };
 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],
@@ -3334,7 +3374,7 @@ var PlayerSoccer = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
           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__ */ (0, import_jsx_runtime134.jsx)(import_react136.motion.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__ */ (0, import_jsx_runtime134.jsx)(import_react136.motion.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" })
     ]
   }
 );
@@ -3441,7 +3481,7 @@ var Referee_default = Referee;
 // src/animated/RefreshCcw.tsx
 var import_react142 = require("motion/react");
 var import_jsx_runtime140 = require("react/jsx-runtime");
-var spin = spinOnce(-1);
+var spin3 = spinOnce(-1);
 var RefreshCcw = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
   AnimatedSvg,
   {
@@ -3450,7 +3490,7 @@ var RefreshCcw = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_react142.motion.g, { variants: spin, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("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__ */ (0, import_jsx_runtime140.jsx)(import_react142.motion.g, { variants: spin3, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("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;
@@ -3458,7 +3498,7 @@ var RefreshCcw_default = RefreshCcw;
 // src/animated/RefreshCw.tsx
 var import_react143 = require("motion/react");
 var import_jsx_runtime141 = require("react/jsx-runtime");
-var spin2 = spinOnce(1);
+var spin4 = spinOnce(1);
 var RefreshCw = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
   AnimatedSvg,
   {
@@ -3467,7 +3507,7 @@ var RefreshCw = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_react143.motion.g, { variants: spin2, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("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__ */ (0, import_jsx_runtime141.jsx)(import_react143.motion.g, { variants: spin4, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("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;
@@ -3538,8 +3578,9 @@ var RotateCcw_default = RotateCcw;
 // src/animated/Scissors.tsx
 var import_react147 = require("motion/react");
 var import_jsx_runtime145 = require("react/jsx-runtime");
-var bladeA = snip(-12);
-var bladeB = snip(12);
+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__ */ (0, import_jsx_runtime145.jsxs)(
   AnimatedSvg,
   {
@@ -3549,8 +3590,8 @@ var Scissors = (props) => /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
     strokeWidth: 1.8,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react147.motion.g, { variants: bladeA, style: { transformBox: "view-box", originX: "12px", originY: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("path", { d: "M20 4L8.12 15.88M9 18a3 3 0 1 1-6 0a3 3 0 0 1 6 0" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react147.motion.g, { variants: bladeB, style: { transformBox: "view-box", originX: "12px", originY: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("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__ */ (0, import_jsx_runtime145.jsx)(import_react147.motion.g, { variants: bladeA, style: pivot, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("path", { d: "M20 4L8.12 15.88M9 18a3 3 0 1 1-6 0a3 3 0 0 1 6 0" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react147.motion.g, { variants: bladeB, style: pivot, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("path", { d: "M8.12 8.12L12 12M14.8 14.8L20 20M9 6a3 3 0 1 1-6 0a3 3 0 0 1 6 0" }) })
     ]
   }
 );
@@ -3586,11 +3627,11 @@ var Score_default = Score;
 // src/animated/Search.tsx
 var import_react149 = require("motion/react");
 var import_jsx_runtime147 = require("react/jsx-runtime");
-var lens2 = {
+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__ */ (0, import_jsx_runtime147.jsxs)(
+var Search = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3598,10 +3639,13 @@ var Search = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("path", { d: "M21 21l-4.35-4.35" }),
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_react149.motion.path, { variants: lens2, d: "M19 11a8 8 0 1 1-16 0a8 8 0 0 1 16 0" })
-    ]
+    children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+      import_react149.motion.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;
@@ -3609,9 +3653,23 @@ var Search_default = Search;
 // src/animated/Send.tsx
 var import_react150 = require("motion/react");
 var import_jsx_runtime148 = require("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__ */ (0, import_jsx_runtime148.jsx)(
   AnimatedSvg,
@@ -3621,7 +3679,7 @@ var Send = (props) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_react150.motion.path, { variants: plane, d: "M22 2L11 13M22 2l-7 20l-4-9M22 2L2 9l9 4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_react150.motion.g, { variants: flight, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("g", { transform: "rotate(45 22 2)", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_react150.motion.g, { variants: flap2, style: { transformBox: "view-box", originX: "22px", originY: "2px" }, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("g", { transform: "rotate(-45 22 2)", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("path", { d: "M22 2L11 13M22 2l-7 20l-4-9M22 2L2 9l9 4" }) }) }) }) })
   }
 );
 var Send_default = Send;
@@ -3702,8 +3760,8 @@ var Share_2_default = Share_2;
 // src/animated/Shield.tsx
 var import_react154 = require("motion/react");
 var import_jsx_runtime152 = require("react/jsx-runtime");
-var whole14 = pop(1.08);
-var Shield = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+var shine = burst(6, 0);
+var Shield = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3711,7 +3769,10 @@ var Shield = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(import_react154.motion.path, { variants: whole14, d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" })
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(import_react154.motion.path, { "data-decoration": "", stroke: "currentColor", variants: shine, d: "M7.5 11L9.5 7.5" })
+    ]
   }
 );
 var Shield_default = Shield;
@@ -3789,11 +3850,11 @@ var ShoppingCart_default = ShoppingCart;
 // src/animated/Shower.tsx
 var import_react158 = require("motion/react");
 var import_jsx_runtime156 = require("react/jsx-runtime");
-var whole15 = wiggle(4);
+var whole14 = wiggle(4);
 var Shower = (props) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(AnimatedSvg, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
   import_react158.motion.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"
@@ -3839,7 +3900,7 @@ var Siren_default = Siren;
 // src/animated/SkipBack.tsx
 var import_react160 = require("motion/react");
 var import_jsx_runtime158 = require("react/jsx-runtime");
-var whole16 = sweep(-30);
+var whole15 = sweep(-30);
 var SkipBack = (props) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
   AnimatedSvg,
   {
@@ -3848,7 +3909,7 @@ var SkipBack = (props) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(import_react160.motion.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__ */ (0, import_jsx_runtime158.jsx)(import_react160.motion.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;
@@ -3856,7 +3917,7 @@ var SkipBack_default = SkipBack;
 // src/animated/SkipForward.tsx
 var import_react161 = require("motion/react");
 var import_jsx_runtime159 = require("react/jsx-runtime");
-var whole17 = sweep(30);
+var whole16 = sweep(30);
 var SkipForward = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
   AnimatedSvg,
   {
@@ -3865,7 +3926,7 @@ var SkipForward = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_react161.motion.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__ */ (0, import_jsx_runtime159.jsx)(import_react161.motion.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;
@@ -3873,7 +3934,7 @@ var SkipForward_default = SkipForward;
 // src/animated/Smartphone.tsx
 var import_react162 = require("motion/react");
 var import_jsx_runtime160 = require("react/jsx-runtime");
-var whole18 = wiggle(4, 3);
+var whole17 = wiggle(4, 3);
 var Smartphone = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
   AnimatedSvg,
   {
@@ -3882,7 +3943,7 @@ var Smartphone = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(import_react162.motion.g, { variants: whole18, children: [
+    children: /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(import_react162.motion.g, { variants: whole17, children: [
       /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("path", { d: "M12 18h0.01" }),
       /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("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" })
     ] })
@@ -3959,7 +4020,13 @@ var SquareKanban_default = SquareKanban;
 var import_react166 = require("motion/react");
 var import_jsx_runtime164 = require("react/jsx-runtime");
 var pop2 = twist(15);
-var Star = (props) => /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+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__ */ (0, import_jsx_runtime164.jsxs)(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -3967,13 +4034,16 @@ var Star = (props) => /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
-      import_react166.motion.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__ */ (0, import_jsx_runtime164.jsx)(
+        import_react166.motion.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__ */ (0, import_jsx_runtime164.jsx)(import_react166.motion.path, { "data-decoration": "", stroke: "currentColor", variants, d }, d))
+    ]
   }
 );
 var Star_default = Star;
@@ -3981,7 +4051,7 @@ var Star_default = Star;
 // src/animated/Sun.tsx
 var import_react167 = require("motion/react");
 var import_jsx_runtime165 = require("react/jsx-runtime");
-var rays = turn(45);
+var rays2 = turn(45);
 var Sun = (props) => /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(
   AnimatedSvg,
   {
@@ -3994,7 +4064,7 @@ var Sun = (props) => /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(
       /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
         import_react167.motion.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"
         }
       ),
@@ -4057,7 +4127,7 @@ var Target_default = Target;
 // src/animated/ThumbsUp.tsx
 var import_react170 = require("motion/react");
 var import_jsx_runtime168 = require("react/jsx-runtime");
-var whole19 = twist(-12);
+var whole18 = twist(-12);
 var ThumbsUp = (props) => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
   AnimatedSvg,
   {
@@ -4066,7 +4136,7 @@ var ThumbsUp = (props) => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(import_react170.motion.g, { variants: whole19, style: { transformBox: "view-box", originX: "3px", originY: "21px" }, children: [
+    children: /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(import_react170.motion.g, { variants: whole18, style: { transformBox: "view-box", originX: "3px", originY: "21px" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("path", { d: "M7 10v12" }),
       /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("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" })
     ] })
@@ -4077,7 +4147,7 @@ var ThumbsUp_default = ThumbsUp;
 // src/animated/Ticket.tsx
 var import_react171 = require("motion/react");
 var import_jsx_runtime169 = require("react/jsx-runtime");
-var tilt3 = {
+var tilt4 = {
   rest: { rotate: 0, transition: settleSpring },
   play: { rotate: [0, -10, 4, 0], transition: gesture }
 };
@@ -4092,7 +4162,7 @@ var Ticket = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
     children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
       import_react171.motion.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"
       }
     )
@@ -4103,7 +4173,17 @@ var Ticket_default = Ticket;
 // src/animated/Timeline.tsx
 var import_react172 = require("motion/react");
 var import_jsx_runtime170 = require("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__ */ (0, import_jsx_runtime170.jsxs)(
   AnimatedSvg,
   {
@@ -4113,7 +4193,8 @@ var Timeline = (props) => /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(
     strokeWidth: 1.8,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("path", { d: "M11 12h10 M5 12H3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_react172.motion.path, { variants: leftSeg, style: { originX: 0 }, d: "M5 12H3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_react172.motion.path, { variants: rightSeg, style: { originX: 1 }, d: "M11 12h10" }),
       /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_react172.motion.path, { variants: node, d: "M11 12a3 3 0 1 1-6 0 M11 12a3 3 0 1 0-6 0" })
     ]
   }
@@ -4195,7 +4276,7 @@ var Trash_2_default = Trash_2;
 var import_react176 = require("motion/react");
 var import_jsx_runtime174 = require("react/jsx-runtime");
 var raised = lift(-1.5, -6);
-var Trophy = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
+var Trophy = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -4203,16 +4284,10 @@ var Trophy = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: [
+    children: /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(import_react176.motion.g, { variants: raised, children: [
       /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("path", { d: "M4 22h16" }),
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-        import_react176.motion.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__ */ (0, import_jsx_runtime174.jsx)("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;
@@ -4390,8 +4465,8 @@ var UserPlus_default = UserPlus;
 // src/animated/Users.tsx
 var import_react184 = require("motion/react");
 var import_jsx_runtime182 = require("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__ */ (0, import_jsx_runtime182.jsxs)(
   AnimatedSvg,
   {
@@ -4404,14 +4479,14 @@ var Users = (props) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(
       /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
         import_react184.motion.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__ */ (0, import_jsx_runtime182.jsx)(
         import_react184.motion.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"
         }
       )
@@ -4423,14 +4498,16 @@ var Users_default = Users;
 // src/animated/UserShield.tsx
 var import_react185 = require("motion/react");
 var import_jsx_runtime183 = require("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__ */ (0, import_jsx_runtime183.jsxs)(AnimatedSvg, { ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
-    "path",
+    import_react185.motion.path,
     {
+      variants: pulse2,
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -4493,7 +4570,7 @@ var Verified_default = Verified;
 // src/animated/Video.tsx
 var import_react188 = require("motion/react");
 var import_jsx_runtime186 = require("react/jsx-runtime");
-var lens3 = {
+var lens2 = {
   rest: { scaleX: 1, transition: settleSpring },
   play: { scaleX: [1, 1.2, 1], transition: gesture }
 };
@@ -4507,7 +4584,7 @@ var Video = (props) => /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("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__ */ (0, import_jsx_runtime186.jsx)(import_react188.motion.path, { variants: lens3, style: { originX: 0, originY: 0.5 }, d: "M22 9l-6 4l6 4z" })
+      /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(import_react188.motion.path, { variants: lens2, style: { originX: 0, originY: 0.5 }, d: "M22 9l-6 4l6 4z" })
     ]
   }
 );
@@ -4536,7 +4613,7 @@ var VideoAlert_default = VideoAlert;
 // src/animated/VideoBack.tsx
 var import_react190 = require("motion/react");
 var import_jsx_runtime188 = require("react/jsx-runtime");
-var arrow12 = nudge(-2, 0);
+var arrow12 = spinOnce(-1);
 var VideoBack = (props) => /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(
   AnimatedSvg,
   {
@@ -4547,7 +4624,14 @@ var VideoBack = (props) => /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("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__ */ (0, import_jsx_runtime188.jsx)(import_react190.motion.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__ */ (0, import_jsx_runtime188.jsx)(
+        import_react190.motion.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"
+        }
+      )
     ]
   }
 );
@@ -4577,8 +4661,9 @@ var VideoClock_default = VideoClock;
 // src/animated/VideoCut.tsx
 var import_react192 = require("motion/react");
 var import_jsx_runtime190 = require("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__ */ (0, import_jsx_runtime190.jsxs)(
   AnimatedSvg,
   {
@@ -4589,8 +4674,8 @@ var VideoCut = (props) => /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("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__ */ (0, import_jsx_runtime190.jsx)(import_react192.motion.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__ */ (0, import_jsx_runtime190.jsx)(import_react192.motion.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__ */ (0, import_jsx_runtime190.jsx)(import_react192.motion.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__ */ (0, import_jsx_runtime190.jsx)(import_react192.motion.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" })
     ]
   }
 );
@@ -4667,10 +4752,13 @@ var VideoSettings_default = VideoSettings;
 // src/animated/VideoStar.tsx
 var import_react196 = require("motion/react");
 var import_jsx_runtime194 = require("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__ */ (0, import_jsx_runtime194.jsxs)(
   AnimatedSvg,
   {
@@ -4681,7 +4769,8 @@ var VideoStar = (props) => /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("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__ */ (0, import_jsx_runtime194.jsx)(import_react196.motion.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__ */ (0, import_jsx_runtime194.jsx)(import_react196.motion.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__ */ (0, import_jsx_runtime194.jsx)(import_react196.motion.path, { "data-decoration": "", stroke: "currentColor", variants, d }, d))
     ]
   }
 );
@@ -4710,8 +4799,9 @@ var VideoX_default = VideoX;
 // src/animated/VolumeUp.tsx
 var import_react198 = require("motion/react");
 var import_jsx_runtime196 = require("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__ */ (0, import_jsx_runtime196.jsxs)(
   AnimatedSvg,
   {
@@ -4722,8 +4812,8 @@ var VolumeUp = (props) => /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)(
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("path", { d: "M11 5L6 9H2v6h4l5 4z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(import_react198.motion.path, { variants: inner2, d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
-      /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(import_react198.motion.path, { variants: outer2, d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
+      /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(import_react198.motion.path, { variants: inner2, style: fromSpeaker, d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
+      /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(import_react198.motion.path, { variants: outer2, style: fromSpeaker, d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
     ]
   }
 );
@@ -4752,7 +4842,7 @@ var VolumeX_default = VolumeX;
 // src/animated/Webcam.tsx
 var import_react200 = require("motion/react");
 var import_jsx_runtime198 = require("react/jsx-runtime");
-var lens4 = pop(0.75);
+var lens3 = pop(0.75);
 var Webcam = (props) => /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)(
   AnimatedSvg,
   {
@@ -4763,7 +4853,7 @@ var Webcam = (props) => /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)(
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("path", { d: "M12 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16M12 18v4M7 22h10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_react200.motion.path, { variants: lens4, d: "M15 10a3 3 0 1 1-6 0a3 3 0 0 1 6 0" })
+      /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_react200.motion.path, { variants: lens3, d: "M15 10a3 3 0 1 1-6 0a3 3 0 0 1 6 0" })
     ]
   }
 );