@sportswik/icons-react 1.3.0 → 1.5.0

package/dist/animated.js

@@ -382,9 +382,10 @@ function secondaryPaint(secondaryColor) {
 // src/animated/duotone.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var DuotoneFillContext = (0, import_react.createContext)(null);
-function Fill({ d }) {
+function Fill({ d, variants }) {
   const paint = (0, import_react.useContext)(DuotoneFillContext);
   if (paint === null) return null;
+  if (variants) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.motion.path, { d, variants, stroke: "none", style: { fill: paint }, "data-fill": "" });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d, stroke: "none", style: { fill: paint }, "data-fill": "" });
 }
 function FillGroup(props) {
@@ -605,9 +606,9 @@ var spinOnce = (direction = 1) => ({
   rest: { rotate: 360 * direction, transition: { duration: 0.35, ease: "easeOut" } },
   play: { rotate: [0, 360 * direction], transition: { duration: 0.6, ease: "easeInOut" } }
 });
-var wiggle = (deg, times = 2, delay = 0) => {
-  const swings2 = Array.from({ length: times }, (_, i) => {
-    const d = deg * (1 - i / (times + 1));
+var wiggle = (deg, times2 = 2, delay = 0) => {
+  const swings2 = Array.from({ length: times2 }, (_, i) => {
+    const d = deg * (1 - i / (times2 + 1));
     return [-d, d];
   }).flat();
   return {
@@ -647,9 +648,9 @@ var grow = (delay = 0) => ({
   rest: { scaleY: 1, transition: settleSpring },
   play: { scaleY: [0, 1], transition: { ...gesture, delay } }
 });
-var flutter = (deg, times = 2, delay = 0) => {
-  const swings2 = Array.from({ length: times }, (_, i) => {
-    const d = deg * (1 - i / (times + 1));
+var flutter = (deg, times2 = 2, delay = 0) => {
+  const swings2 = Array.from({ length: times2 }, (_, i) => {
+    const d = deg * (1 - i / (times2 + 1));
     return [-d, d];
   }).flat();
   return {
@@ -680,10 +681,68 @@ 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 MERIDIAN_FRAMES = 32;
+var meridianEase = (t) => 0.5 - Math.cos(Math.PI * t) / 2;
+var round = (n) => String(Math.round(n * 1e3) / 1e3);
+var pathOf = (strings, ...values) => strings.reduce((d, s, i) => d + s + (i < values.length ? round(values[i]) : ""), "");
+var meridianTurn = (shape, rests, r, fixed = "") => {
+  const starts = rests.map((s0) => Math.asin(s0 / r));
+  const wraps = starts.map((start) => Math.acos(1 - 2 * (Math.PI / 2 - start) / Math.PI) / Math.PI);
+  const uniform = Array.from({ length: MERIDIAN_FRAMES + 1 }, (_, i) => i / MERIDIAN_FRAMES);
+  const times2 = [.../* @__PURE__ */ new Set([...uniform, ...wraps.flatMap((t) => [t, t + 1e-4])])].filter((t) => t <= 1).sort((a, b) => a - b);
+  const frame = (t) => [fixed, ...rests.map((s0, k) => {
+    if (t === wraps[k]) return shape(r);
+    if (t === wraps[k] + 1e-4) return shape(-r);
+    if (t === 0 || t === 1) return shape(s0);
+    let lon = starts[k] + Math.PI * meridianEase(t);
+    if (lon > Math.PI / 2) lon -= Math.PI;
+    return shape(r * Math.sin(lon));
+  })].filter(Boolean).join(" ");
+  return {
+    rest: { d: frame(0), transition: settleTween },
+    play: { d: times2.map(frame), transition: { duration: 1.4, ease: "linear", times: times2 } }
+  };
+};
+var surfaceTurn = (panels, r, fixed = "") => {
+  const edge = Math.PI / 2 - 1e-9;
+  const parsed = panels.map((d) => {
+    const tokens = d.match(/[MCZ]|-?[\d.]+/g);
+    const points = [];
+    for (let i = 0; i < tokens.length; i++) {
+      if (/[MCZ]/.test(tokens[i])) continue;
+      const x4 = Number(tokens[i]) - 12;
+      const y = Number(tokens[++i]);
+      const rho = Math.max(Math.sqrt(Math.max(r * r - (y - 12) ** 2, 0)), Math.abs(x4));
+      points.push([y, rho, rho && Math.asin(x4 / rho)]);
+    }
+    const commands = d.match(/[MCZ][^MCZ]*/g).map((c) => [c[0], (c.match(/-?[\d.]+/g)?.length ?? 0) / 2]);
+    return { commands, points };
+  });
+  const draw = ({ commands, points }, lon) => {
+    const at = points.map(([, , lambda]) => Math.min(Math.max(lambda + lon, -Math.PI / 2), Math.PI / 2));
+    const gone = at.every((a) => a >= edge) || at.every((a) => a <= -edge);
+    const xy = points.map(([y, rho], k2) => gone ? [12 + points[0][1] * Math.sin(at[0]), points[0][0]] : [12 + rho * Math.sin(at[k2]), y]);
+    let k = 0;
+    return commands.map(([c, n]) => c + Array.from({ length: n }, () => pathOf`${xy[k][0]} ${xy[k++][1]}`).join(" ")).join("");
+  };
+  const timeOf = (lon) => Math.acos(1 - 2 * lon / Math.PI) / Math.PI;
+  const lons = parsed.map(({ points }) => points.map(([, , lambda]) => lambda));
+  const behind = lons.map((l) => timeOf(Math.PI / 2 - Math.min(...l)));
+  const showing = lons.map((l) => timeOf(Math.PI / 2 - Math.max(...l)));
+  const uniform = Array.from({ length: MERIDIAN_FRAMES + 1 }, (_, i) => i / MERIDIAN_FRAMES);
+  const times2 = [.../* @__PURE__ */ new Set([...uniform, ...[...behind, ...showing].flatMap((t) => [t, t + 1e-4])])].filter((t) => t <= 1).sort((a, b) => a - b);
+  const frame = (t) => {
+    const lon = t === 1 ? 0 : Math.PI * meridianEase(t);
+    return [fixed, ...parsed.flatMap((panel, k) => {
+      const swapped = t !== 1 && t > behind[k];
+      return [draw(panel, swapped ? lon - Math.PI : lon), draw(panel, swapped ? lon - 2 * Math.PI : lon - Math.PI)];
+    })].filter(Boolean).join("");
+  };
+  return {
+    rest: { d: frame(0), transition: settleTween },
+    play: { d: times2.map(frame), transition: { duration: 1.4, ease: "linear", times: times2 } }
+  };
+};
 var burst = (dx2, dy, delay = 0) => ({
   rest: { x: 0, y: 0, opacity: 0, transition: settleTween },
   play: {
@@ -1073,7 +1132,21 @@ var CalendarX_default = CalendarX;
 // src/animated/Camera.tsx
 var import_react21 = require("motion/react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var lens = pop(0.75);
+var raise = {
+  rest: { scale: 1, transition: settleSpring },
+  play: { scale: 0.8, transition: holdSpring }
+};
+var extend = (delay) => ({
+  rest: { pathLength: 0, opacity: 0, transition: settleTween },
+  play: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { pathLength: { duration: 0.3, ease: "easeOut", delay }, opacity: { duration: 0.05, delay } }
+  }
+});
+var fromTop = { transformBox: "view-box", originX: "12px", originY: "0px" };
+var LEGS = ["M12 16L6.5 22", "M12 16L17.5 22", "M12 16V21"];
+var legs = [extend(0.08), extend(0.08), extend(0.12)];
 var Camera = (props) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
   AnimatedSvg,
   {
@@ -1083,9 +1156,12 @@ var Camera = (props) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     strokeWidth: 1.8,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Fill, { d: CameraFillPath }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react21.motion.path, { variants: lens, d: "M12 16a3 3 0 1 0 0-6a3 3 0 0 0 0 6" })
+      LEGS.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react21.motion.path, { "data-decoration": "", variants: legs[i], d }, d)),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react21.motion.g, { variants: raise, style: fromTop, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Fill, { d: CameraFillPath }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M12 16a3 3 0 1 0 0-6a3 3 0 0 0 0 6" })
+      ] })
     ]
   }
 );
@@ -1135,9 +1211,9 @@ var CardOutline_default = CardOutline;
 // src/animated/Cast.tsx
 var import_react24 = require("motion/react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var dot = drawOn(seq(0));
-var small = drawOn(seq(1));
-var big = drawOn(seq(2));
+var small = emerge(0.6, 0);
+var big = emerge(0.6, 0.15);
+var fromDot = { transformBox: "view-box", originX: "2px", originY: "20px" };
 var Cast = (props) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
   AnimatedSvg,
   {
@@ -1149,9 +1225,9 @@ var Cast = (props) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Fill, { d: CastFillPath }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react24.motion.path, { variants: dot, d: "M2 20h0.01" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react24.motion.path, { variants: small, d: "M2 16a5 5 0 0 1 4 4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react24.motion.path, { variants: big, d: "M2 12a9 9 0 0 1 8 8" })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M2 20h0.01" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react24.motion.path, { variants: small, style: fromDot, d: "M2 16a5 5 0 0 1 4 4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react24.motion.path, { variants: big, style: fromDot, d: "M2 12a9 9 0 0 1 8 8" })
     ]
   }
 );
@@ -1540,11 +1616,30 @@ var Eraser_default = Eraser;
 // src/animated/Eye.tsx
 var import_react41 = require("motion/react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
-var blink = {
-  rest: { scaleY: 1, transition: settleSpring },
-  play: { scaleY: [1, 0.1, 1], transition: { ...settleTween, duration: 0.3 } }
+var FRAMES = 24;
+var OPEN = 5;
+var SHUT = 19;
+var outline = (lid3) => pathOf`M2 12C2 12 5 ${lid3} 12 ${lid3}C19 ${lid3} 22 12 22 12C22 12 19 19 12 19C5 19 2 12 2 12`;
+var pupil = (lid3) => {
+  const h = lid3 <= 9 ? Math.PI : lid3 >= 15 ? 0 : Math.PI / 2 - Math.asin((lid3 - 12) / 3);
+  const at = (a) => [12 + 3 * Math.cos(a), 12 + 3 * Math.sin(a)];
+  const [x1, y1] = lid3 >= 15 ? [12, lid3] : at(Math.PI / 2 + h);
+  const [x22, y2] = lid3 >= 15 ? [12, lid3] : at(Math.PI / 2);
+  const [x32, y3] = lid3 >= 15 ? [12, lid3] : at(Math.PI / 2 - h);
+  return pathOf`M${x1} ${y1}A3 3 0 0 0 ${x22} ${y2}A3 3 0 0 0 ${x32} ${y3}`;
 };
-var Eye = (props) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var lidAt = (t) => OPEN + (SHUT - OPEN) * Math.min(1, 1.04 * Math.sin(Math.PI * t ** 0.8));
+var times = /* @__PURE__ */ Array.from({ length: FRAMES + 1 }, (_, i) => i / FRAMES);
+var blink = (shape) => ({
+  rest: { d: shape(OPEN), transition: { duration: 0.2, ease: "easeOut" } },
+  play: {
+    d: times.map((t) => shape(t === 0 || t === 1 ? OPEN : lidAt(t))),
+    transition: { duration: 0.4, ease: "linear", times }
+  }
+});
+var lids = /* @__PURE__ */ blink(outline);
+var iris = /* @__PURE__ */ blink(pupil);
+var Eye = (props) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -1552,11 +1647,11 @@ var Eye = (props) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react41.motion.g, { variants: blink, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Fill, { d: EyeFillPath }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M2 12s3-7 10-7s10 7 10 7s-3 7-10 7s-10-7-10-7" }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M12 15a3 3 0 1 0 0-6a3 3 0 0 0 0 6" })
-    ] })
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Fill, { d: EyeFillPath, variants: lids }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react41.motion.path, { variants: lids }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react41.motion.path, { variants: iris })
+    ]
   }
 );
 var Eye_default = Eye;
@@ -1700,12 +1795,20 @@ var Flame_default = Flame;
 // src/animated/Floorball.tsx
 var import_react48 = require("motion/react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
-var ball = spinOnce();
-var Floorball = (props) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AnimatedSvg, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_react48.motion.g, { variants: ball, children: [
+var HOLES = [
+  "M4.372 15.57C3.993 14.733 4.031 13.935 4.448 13.707C4.828 13.555 5.472 14.049 5.852 14.847C6.231 15.683 6.193 16.519 5.776 16.709C5.359 16.899 4.752 16.367 4.372 15.569",
+  "M8.51 18.904C8.662 18.486 9.459 18.41 10.293 18.714C11.166 19.056 11.735 19.626 11.583 20.044C11.393 20.462 10.597 20.576 9.763 20.234C8.928 19.93 8.321 19.36 8.51 18.904",
+  "M4.226 8.39C4.529 7.517 5.174 6.947 5.666 7.137C6.16 7.289 6.35 8.124 6.084 8.998C5.781 9.796 5.174 10.404 4.681 10.214C4.188 10.1 3.998 9.264 4.226 8.39",
+  "M15.945 7.991C15.68 7.554 15.585 7.098 15.632 6.704C15.679 6.31 15.869 5.978 16.172 5.788C16.495 5.598 16.883 5.598 17.253 5.75C17.623 5.902 17.974 6.206 18.221 6.623C18.468 7.041 18.562 7.497 18.52 7.896C18.477 8.295 18.297 8.637 17.993 8.827C17.652 9.017 17.263 9.017 16.898 8.865C16.533 8.713 16.191 8.409 15.945 7.991",
+  "M8.82 9.74C8.82 9.265 9.019 8.838 9.337 8.529C9.655 8.22 10.091 8.03 10.565 8.03C11.039 8.03 11.475 8.22 11.793 8.529C12.111 8.838 12.31 9.265 12.31 9.74C12.31 10.234 12.111 10.671 11.793 10.985C11.475 11.298 11.039 11.488 10.565 11.488C10.091 11.488 9.655 11.298 9.337 10.985C9.019 10.671 8.82 10.234 8.82 9.74",
+  "M13.29 15.36C13.29 14.885 13.489 14.458 13.807 14.149C14.124 13.84 14.561 13.65 15.035 13.65C15.509 13.65 15.945 13.84 16.263 14.149C16.58 14.457 16.779 14.885 16.779 15.36C16.779 15.873 16.58 16.319 16.262 16.638C15.945 16.956 15.509 17.146 15.034 17.146C14.56 17.146 14.124 16.956 13.807 16.638C13.489 16.319 13.29 15.873 13.29 15.36"
+];
+var turn2 = /* @__PURE__ */ surfaceTurn(HOLES, 9);
+var Floorball = (props) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(AnimatedSvg, { ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Fill, { d: FloorballFillPath }),
   /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: 1.8 }),
-  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { fill: "currentColor", d: "M4.372 15.57c-0.379-0.837-0.341-1.635 0.076-1.863c0.38-0.152 1.024 0.342 1.404 1.14c0.379 0.836 0.341 1.672-0.076 1.862s-1.024-0.342-1.404-1.14M8.51 18.904c0.152-0.418 0.949-0.494 1.783-0.19c0.873 0.342 1.442 0.912 1.29 1.33c-0.19 0.418-0.986 0.532-1.82 0.19c-0.835-0.304-1.442-0.874-1.253-1.33M4.226 8.39c0.303-0.873 0.948-1.443 1.44-1.253c0.494 0.152 0.684 0.987 0.418 1.861c-0.303 0.798-0.91 1.406-1.403 1.216c-0.493-0.114-0.683-0.95-0.455-1.824M15.945 7.991c-0.531-0.874-0.38-1.823 0.227-2.203c0.645-0.38 1.555 0 2.049 0.835c0.493 0.836 0.379 1.824-0.228 2.204c-0.683 0.38-1.555 0-2.048-0.836M8.82 9.74c0-0.95 0.797-1.71 1.745-1.71s1.745 0.76 1.745 1.71c0 0.988-0.797 1.748-1.745 1.748S8.82 10.728 8.82 9.74M13.29 15.36c0-0.95 0.796-1.71 1.745-1.71c0.948 0 1.744 0.76 1.744 1.71c0 1.026-0.796 1.786-1.745 1.786c-0.948 0-1.744-0.76-1.744-1.786" })
-] }) });
+  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react48.motion.path, { variants: turn2, fill: "currentColor" })
+] });
 var Floorball_default = Floorball;
 
 // src/animated/Folder.tsx
@@ -1797,12 +1900,20 @@ var FolderPlus_default = FolderPlus;
 // src/animated/Football.tsx
 var import_react53 = require("motion/react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
-var ball3 = spinOnce();
-var Football = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AnimatedSvg, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react53.motion.g, { variants: ball3, children: [
+var PANELS = [
+  "M13.562 10.546C13.572 10.002 13.583 9.458 13.593 8.915C13.603 8.371 13.614 7.827 13.624 7.283C13.628 7.065 13.491 6.87 13.285 6.8C12.747 6.617 12.208 6.434 11.67 6.251C11.132 6.068 10.593 5.885 10.055 5.702C9.854 5.633 9.632 5.702 9.505 5.871C9.127 6.337 8.748 6.803 8.37 7.268C7.992 7.734 7.613 8.2 7.235 8.666C7.093 8.843 7.087 9.093 7.222 9.276C7.553 9.726 7.883 10.175 8.214 10.625C8.545 11.074 8.875 11.523 9.206 11.973C9.334 12.148 9.56 12.22 9.766 12.152C10.341 11.962 10.917 11.772 11.492 11.582C12.068 11.392 12.643 11.202 13.219 11.012C13.421 10.945 13.558 10.758 13.562 10.546",
+  "M20.127 14.356C19.901 13.727 19.676 13.097 19.45 12.468C19.357 12.209 19.073 12.074 18.814 12.165C18.362 12.324 17.909 12.483 17.457 12.642C17.004 12.802 16.552 12.961 16.099 13.12C15.933 13.178 15.81 13.32 15.775 13.492C15.66 14.063 15.544 14.634 15.429 15.206C15.314 15.777 15.198 16.348 15.083 16.919C15.033 17.165 15.174 17.41 15.411 17.491C16.059 17.713 16.707 17.935 17.355 18.157C17.536 18.22 17.737 18.171 17.869 18.033C18.216 17.668 18.896 16.924 19.283 16.324C19.603 15.829 19.958 15.066 20.113 14.722C20.162 14.606 20.172 14.478 20.142 14.356C20.137 14.356 20.132 14.356 20.127 14.356Z",
+  "M10.339 20.165C10.725 19.704 11.112 19.244 11.498 18.783C11.672 18.575 11.649 18.267 11.446 18.088C10.981 17.676 10.516 17.263 10.051 16.851C9.586 16.439 9.121 16.026 8.656 15.614C8.541 15.511 8.384 15.468 8.232 15.496C7.489 15.634 6.747 15.771 6.004 15.909C5.856 15.936 5.729 16.029 5.657 16.161C5.584 16.292 5.575 16.45 5.632 16.589C5.903 17.252 6.173 17.914 6.444 18.577C6.482 18.668 6.541 18.742 6.622 18.797C6.923 19.001 7.722 19.529 8.3 19.8C8.792 20.031 9.463 20.225 9.844 20.325C10.026 20.373 10.22 20.311 10.339 20.165",
+  "M4.146 9.28C3.764 8.687 3.382 8.093 3 7.5C3 7.5 2.779 8.021 2.543 8.719C2.308 9.417 2.058 10.292 2 11C1.943 11.709 1.99 12.395 2.051 12.904C2.112 13.413 2.188 13.745 2.188 13.745C2.406 13.745 2.625 13.745 2.843 13.745C3.075 13.745 3.276 13.586 3.33 13.361C3.477 12.745 3.624 12.129 3.771 11.514C3.918 10.898 4.065 10.282 4.212 9.666C4.244 9.533 4.22 9.394 4.146 9.279C4.146 9.279 4.146 9.28 4.146 9.28Z",
+  "M19.756 7.915C20.171 7.777 20.585 7.638 21 7.5C21 7.5 20.671 6.991 20.193 6.361C19.716 5.732 19.091 4.982 18.5 4.5C17.909 4.018 17.284 3.643 16.807 3.389C16.33 3.134 16 3 16 3C16.135 3.8 16.271 4.6 16.406 5.4C16.427 5.522 16.492 5.632 16.59 5.709C17.04 6.063 17.489 6.417 17.939 6.771C18.389 7.125 18.838 7.479 19.288 7.833C19.42 7.937 19.596 7.968 19.756 7.915",
+  "M9.164 3.655C9.553 3.379 9.943 3.103 10.332 2.827C10.721 2.552 11.111 2.276 11.5 2C11.5 2 11.11 2.043 10.603 2.126C10.096 2.21 9.472 2.335 9.003 2.5C8.18 2.79 7 3.5 7 3.5C7.603 3.581 8.205 3.662 8.808 3.743C8.934 3.76 9.061 3.728 9.164 3.655"
+];
+var turn3 = /* @__PURE__ */ surfaceTurn(PANELS, 10.1);
+var Football = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(AnimatedSvg, { ...props, children: [
   /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Fill, { d: FootballFillPath }),
   /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: 1.8 }),
-  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "currentColor", d: "M13.562 10.546l0.062-3.263a0.5 0.5 0 0 0-0.339-0.483l-3.23-1.098a0.49 0.49 0 0 0-0.55 0.169l-2.27 2.795a0.5 0.5 0 0 0-0.013 0.61l1.984 2.697a0.5 0.5 0 0 0 0.56 0.179l3.453-1.14a0.5 0.5 0 0 0 0.343-0.466M20.127 14.356l-0.677-1.888a0.5 0.5 0 0 0-0.636-0.303l-2.715 0.955a0.5 0.5 0 0 0-0.324 0.372l-0.692 3.427a0.5 0.5 0 0 0 0.328 0.572l1.944 0.666a0.49 0.49 0 0 0 0.514-0.124c0.347-0.365 1.027-1.109 1.414-1.709c0.32-0.495 0.675-1.258 0.83-1.602a0.58 0.58 0 0 0 0.029-0.366ZM10.339 20.165l1.159-1.382a0.5 0.5 0 0 0-0.052-0.695l-2.79-2.474a0.5 0.5 0 0 0-0.424-0.118l-2.228 0.413a0.5 0.5 0 0 0-0.372 0.68l0.812 1.988q0.057 0.137 0.178 0.22c0.301 0.204 1.1 0.732 1.678 1.003c0.492 0.231 1.163 0.425 1.544 0.525a0.48 0.48 0 0 0 0.495-0.16M4.146 9.28L3 7.5S2.115 9.583 2 11s0.188 2.745 0.188 2.745h0.655a0.5 0.5 0 0 0 0.487-0.384l0.882-3.695a0.5 0.5 0 0 0-0.066-0.387ZM19.756 7.915L21 7.5s-1.318-2.037-2.5-3S16 3 16 3l0.406 2.4a0.5 0.5 0 0 0 0.184 0.309l2.698 2.124a0.5 0.5 0 0 0 0.468 0.082M9.164 3.655L11.5 2s-1.559 0.17-2.497 0.5C8.18 2.79 7 3.5 7 3.5l1.808 0.243a0.5 0.5 0 0 0 0.356-0.088" })
-] }) });
+  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react53.motion.path, { variants: turn3, fill: "currentColor" })
+] });
 var Football_default = Football;
 
 // src/animated/Frown.tsx
@@ -1830,8 +1941,12 @@ var Frown_default = Frown;
 // src/animated/Gem.tsx
 var import_react55 = require("motion/react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var spin = globeSpin();
-var Gem = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+var facet = (s) => {
+  const w = Math.min(Math.max((Math.abs(s) - 4) / 6, 0), 1);
+  return pathOf`M12 22L${12 + s} 9L${12 + s * (0.25 + 0.35 * w)} 3`;
+};
+var turn4 = meridianTurn(facet, [4, -4, 10], 10, "M22 9l-4-6H6L2 9 M22 9L12 22 M22 9H2 M12 22L2 9");
+var Gem = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -1839,10 +1954,10 @@ var Gem = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react55.motion.g, { variants: spin, children: [
+    children: [
       /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Fill, { d: GemFillPath }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M22 9l-4-6H6L2 9 M22 9L12 22 M22 9H2 M12 22L2 9 M12 22l4-13l-3-6 M12 22L8 9l3-6" })
-    ] })
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react55.motion.path, { variants: turn4 })
+    ]
   }
 );
 var Gem_default = Gem;
@@ -1915,8 +2030,17 @@ var GenderMix_default = GenderMix;
 // src/animated/Globe.tsx
 var import_react59 = require("motion/react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var spin2 = globeSpin();
-var Globe = (props) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var meridian = (s) => {
+  const w = Math.min(Math.max((Math.abs(s) - 4) / 6, 0), 1);
+  const mix = (arc2, ellipse) => arc2 + (ellipse - arc2) * w;
+  const x1 = 12 + mix(0.6253, 0.5523) * s;
+  const y1 = mix(19.2616, 22);
+  const x22 = 12 + mix(0.9807, 1) * s;
+  const y2 = mix(15.708, 17.523);
+  return pathOf`M12 22C${x1} ${y1} ${x22} ${y2} ${12 + s} 12C${x22} ${24 - y2} ${x1} ${24 - y1} 12 2`;
+};
+var turn5 = meridianTurn(meridian, [4, -4, 10], 10, "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");
+var Globe = (props) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -1924,15 +2048,10 @@ var Globe = (props) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react59.motion.g, { variants: spin2, children: [
+    children: [
       /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Fill, { d: GlobeFillPath }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.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 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"
-        }
-      )
-    ] })
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react59.motion.path, { variants: turn5 })
+    ]
   }
 );
 var Globe_default = Globe;
@@ -2575,7 +2694,7 @@ var Pin_default = Pin;
 // src/animated/Pitch.tsx
 var import_react86 = require("motion/react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
-var ball4 = {
+var ball = {
   rest: { y: 0, opacity: 0, transition: settleTween },
   play: {
     y: [0, -8, -8, 0],
@@ -2599,7 +2718,7 @@ var Pitch = (props) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
         import_react86.motion.circle,
         {
           "data-decoration": "",
-          variants: ball4,
+          variants: ball,
           cx: 12,
           cy: 12,
           r: 1.3,
@@ -2705,7 +2824,7 @@ var player = {
 };
 var SHOT = { duration: 0.45, delay: 0.15 };
 var TRAVEL = { ...SHOT, times: [0, 0.55, 0.6, 1], ease: ["easeOut", "linear", "easeOut"] };
-var ball5 = {
+var ball3 = {
   rest: { x: 0, opacity: 1, transition: settleTween },
   play: {
     x: [0, 3.2, 0, 0],
@@ -2726,7 +2845,7 @@ var PlayerSoccer = (props) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
         /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Fill, { d: PlayerSoccerFillPath }),
         /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { 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_runtime88.jsx)(import_react91.motion.path, { variants: ball5, 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_runtime88.jsx)(import_react91.motion.path, { variants: ball3, d: "M17.147 21.45a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5" })
     ]
   }
 );
@@ -3628,7 +3747,7 @@ var Verified_default = Verified;
 // src/animated/Video.tsx
 var import_react129 = require("motion/react");
 var import_jsx_runtime126 = require("react/jsx-runtime");
-var lens2 = {
+var lens = {
   rest: { scaleX: 1, transition: settleSpring },
   play: { scaleX: [1, 1.2, 1], transition: gesture }
 };
@@ -3643,7 +3762,7 @@ var Video = (props) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Fill, { 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-2z" }),
       /* @__PURE__ */ (0, import_jsx_runtime126.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_runtime126.jsxs)(import_react129.motion.g, { variants: lens2, style: { originX: 0, originY: 0.5 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_react129.motion.g, { variants: lens, style: { originX: 0, originY: 0.5 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Fill, { d: "M16.9 13.6L22 17V9l-5.1 3.4z" }),
         /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("path", { d: "M22 9l-6 4l6 4z" })
       ] })
@@ -3915,7 +4034,7 @@ var VolumeX_default = VolumeX;
 // src/animated/Webcam.tsx
 var import_react141 = require("motion/react");
 var import_jsx_runtime138 = require("react/jsx-runtime");
-var lens3 = pop(0.75);
+var lens2 = pop(0.75);
 var Webcam = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
   AnimatedSvg,
   {
@@ -3927,7 +4046,7 @@ var Webcam = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Fill, { d: WebcamFillPath }),
       /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("path", { d: "M12 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16M12 18v4M7 22h10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_react141.motion.path, { variants: lens3, d: "M15 10a3 3 0 1 1-6 0a3 3 0 0 1 6 0" })
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_react141.motion.path, { variants: lens2, d: "M15 10a3 3 0 1 1-6 0a3 3 0 0 1 6 0" })
     ]
   }
 );
@@ -4499,7 +4618,7 @@ var player2 = {
 };
 var SHOT2 = { duration: 0.45, delay: 0.2 };
 var TRAVEL2 = { ...SHOT2, times: [0, 0.55, 0.6, 1], ease: ["easeOut", "linear", "easeOut"] };
-var ball6 = {
+var ball4 = {
   rest: { x: 0, y: 0, opacity: 1, transition: settleTween },
   play: {
     x: [0, 3.6, 0, 0],
@@ -4518,7 +4637,7 @@ var FloorballChance = (props) => /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)
       d: "M15.742 9.22c0.288 0.291 1.155 1.227 1.56 1.636c0.404 0.41 0.404 0.935 0.404 1.403v1.725c0 0.789-0.23 1.052-0.982 1.052h-1.59c1.301 1.637 1.532 1.9 1.532 1.9c0.202 0.263 0.29 0.847 0.26 1.315c-0.086 0.73-0.404 3.157-0.549 3.683c-0.144 0.702-1.387 1.257-1.387 0v-3.595l-2.455-2.894c0.144 1.578 0.173 2.017 0.173 2.017c0.029 0.438-0.173 0.964-0.462 1.578c-0.116 0.234-2.052 3.07-2.283 3.45c-0.664 0.993-1.965 0.438-1.358-0.82l1.734-3.682a157 157 0 0 0-0.81-2.952c-0.173-0.556-0.317-1.286 0.405-1.842c0.318-0.234 0.896-0.701 1.503-1.14L8.432 9.716l-0.925-0.234c-0.375-0.087-0.491-0.467-0.375-0.789L3.578 5.887l-0.029-0.03C3.087 5.39 3 4.865 3 4.25V2.38c0-0.467 0.029-0.935 0.347-1.169c0.26-0.263 0.635-0.204 0.78-0.204c1.069 0.175 1.069 1.198 1.069 1.52c0 0.146 0 0.38-0.03 0.643c0 0.73-0.057 2.572 0.088 3.069L7.68 8.167c0.115-0.059 0.25-0.059 0.365-0.059c1.04 0.03 5.72 0.556 6.674 0.643c0.492 0.03 0.723 0.205 1.012 0.468ZM4.416 3.168c0.029-0.264 0.029-0.497 0.029-0.644c0-0.701-0.232-0.73-0.434-0.76h-0.173c-0.029 0-0.087 0.117-0.087 0.614V4.25c0 0.526 0.087 0.79 0.318 1.052l0.347 0.293c-0.03-0.585 0-1.403 0-2.426M18.689 9.599a1.947 1.947 0 0 1-1.936-1.958c0-1.082 0.867-1.959 1.936-1.959s1.935 0.877 1.935 1.959a1.947 1.947 0 0 1-1.935 1.958M12.043 11.587l1.012-0.76l-2.832-0.702z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react170.motion.path, { variants: ball6, fill: "currentColor", d: "M19.815 20.589c0.665 0 1.185 0.527 1.185 1.17c0 0.672-0.52 1.198-1.185 1.198c-0.635 0-1.155-0.526-1.155-1.198c0-0.643 0.52-1.17 1.155-1.17" })
+  /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react170.motion.path, { variants: ball4, fill: "currentColor", d: "M19.815 20.589c0.665 0 1.185 0.527 1.185 1.17c0 0.672-0.52 1.198-1.185 1.198c-0.635 0-1.155-0.526-1.155-1.198c0-0.643 0.52-1.17 1.155-1.17" })
 ] });
 var FloorballChance_default = FloorballChance;
 
@@ -4531,7 +4650,7 @@ var player3 = {
 };
 var SHOT3 = { duration: 0.45, delay: 0.1 };
 var TRAVEL3 = { ...SHOT3, times: [0, 0.55, 0.6, 1], ease: ["easeOut", "linear", "easeOut"] };
-var ball7 = {
+var ball5 = {
   rest: { x: 0, y: 0, opacity: 1, transition: settleTween },
   play: {
     x: [0, 2.8, 0, 0],
@@ -4550,22 +4669,30 @@ var FootballChance = (props) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
       d: "M16.772 3.158c0-1.192-1.01-2.158-2.257-2.158s-2.257 0.966-2.257 2.158s0.91 2.126 2.257 2.126c1.246 0 2.257-0.934 2.257-2.126M17.311 11.211c0.438 0.16 1.044 0.032 1.28-0.193c0.236-0.194 2.527-2.287 3.167-2.835c0.674-0.644-0.202-1.385-0.876-0.999c0 0-0.708 0.355-3.403 1.869c-5.39-3.06-5.828-3.35-5.828-3.35c-0.572-0.322-0.74-0.355-1.28-0.29c-0.303 0.032-6.468 0.966-7.647 1.16c-1.179 0.16-0.711 1.385-0.071 1.385h7.108L5.45 16.622c-0.674 1.385 0.842 1.965 1.583 0.87l2.695-3.801c0.236-0.387 0.742-0.065 0.573 0.322c-0.303 0.676-2.594 6.346-3.065 7.57c-0.54 1.449 1.28 1.964 1.852 0.676c0 0 0.337-0.709 5.492-12.111l2.728 1.063Z"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(import_react171.motion.path, { variants: ball7, fill: "currentColor", d: "M17.715 20.841c0-1.19-1.01-2.157-2.257-2.157c-1.246 0-2.257 0.966-2.257 2.158S14.211 23 15.458 23s2.257-0.966 2.257-2.158" })
+  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(import_react171.motion.path, { variants: ball5, fill: "currentColor", d: "M17.715 20.841c0-1.19-1.01-2.157-2.257-2.157c-1.246 0-2.257 0.966-2.257 2.158S14.211 23 15.458 23s2.257-0.966 2.257-2.158" })
 ] });
 var FootballChance_default = FootballChance;
 
 // src/animated/Futsal.tsx
 var import_react172 = require("motion/react");
 var import_jsx_runtime169 = require("react/jsx-runtime");
-var ball8 = spinOnce();
-var Futsal = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(AnimatedSvg, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
-  import_react172.motion.path,
-  {
-    variants: ball8,
-    fill: "currentColor",
-    d: "M12.02 1c6.08 0 11.02 4.94 11.02 11.02c0 6.118-4.94 11.02-11.02 11.02S1 18.138 1 12.02C1 5.94 5.94 1 12.02 1M12.02 2.482a9.5 9.5 0 0 0-4.028 0.874l0.19 1.254l2.736 0.95l4.294-0.95l0.304-1.482a9.7 9.7 0 0 0-3.496-0.646M16.2 4.838l3.078 2.622h1.14a9.57 9.57 0 0 0-3.952-3.914zM7.156 4.61l-0.114-0.722c-1.254 0.76-2.356 1.824-3.116 3.116l0.798-0.114zM7.65 5.522L5.56 7.536l0.988 2.926l3.116-0.228l0.646-3.8zM15.516 5.598l-4.18 0.912l-0.684 3.99l2.622 2.508l4.066-0.456c0.95-2.242 1.178-3.8 1.216-4.37zM2.482 12.02c0 1.216 0.19 2.356 0.608 3.382l1.178-0.38c0.38-1.9 1.102-3.496 1.368-4.028L4.61 7.916l-1.292 0.19a9.5 9.5 0 0 0-0.836 3.914M19.43 15.63l1.406 0.19a9.7 9.7 0 0 0 0.76-3.8c0-1.254-0.266-2.432-0.684-3.572h-1.33c-0.114 0.798-0.38 2.394-1.33 4.56zM6.624 17.15c0.57 0.608 1.254 0.95 1.482 1.064c0.456 0 2.356-0.038 3.724-0.722l0.684-3.762l-2.584-2.508l-3.42 0.266c-0.266 0.57-0.912 2.09-1.254 3.838c0.228 0.342 0.76 1.178 1.368 1.824M13.502 13.996l-0.646 3.61c0.874 0.608 1.938 0.912 3.268 0.95c1.14-0.76 1.938-1.786 2.394-2.47l-1.14-2.546zM7.308 20.342l0.152-1.292c-0.38-0.228-1.026-0.608-1.596-1.216a13 13 0 0 1-1.368-1.786l-0.988 0.304c0.836 1.672 2.166 3.04 3.8 3.99M16.808 19.316l0.114 0.95a10.04 10.04 0 0 0 3.42-3.496l-0.988-0.114c-0.494 0.722-1.33 1.824-2.546 2.66M12.02 21.596a9.5 9.5 0 0 0 3.914-0.836l-0.114-1.216c-1.406-0.076-2.622-0.456-3.572-1.102c-1.33 0.646-3.002 0.76-3.8 0.798l-0.19 1.596a9.6 9.6 0 0 0 3.762 0.76"
-  }
-) });
+var DISC = "M12.02 1c6.08 0 11.02 4.94 11.02 11.02c0 6.118-4.94 11.02-11.02 11.02S1 18.138 1 12.02C1 5.94 5.94 1 12.02 1";
+var HOLES2 = [
+  "M12.02 2.482C11.325 2.479 10.633 2.551 9.958 2.698C9.283 2.844 8.623 3.065 7.992 3.356C8.055 3.774 8.119 4.192 8.182 4.61C8.638 4.768 9.094 4.927 9.55 5.085C10.006 5.243 10.462 5.402 10.918 5.56C11.634 5.402 12.349 5.243 13.065 5.085C13.781 4.927 14.496 4.768 15.212 4.61C15.313 4.116 15.415 3.622 15.516 3.128C14.958 2.914 14.383 2.752 13.798 2.643C13.213 2.535 12.618 2.481 12.02 2.482",
+  "M16.2 4.838C16.713 5.275 17.226 5.712 17.739 6.149C18.252 6.586 18.765 7.023 19.278 7.46C19.658 7.46 20.038 7.46 20.418 7.46C20.118 6.904 19.765 6.382 19.365 5.901C18.966 5.419 18.521 4.978 18.035 4.583C17.55 4.189 17.025 3.841 16.466 3.546C16.377 3.977 16.289 4.407 16.2 4.838Z",
+  "M7.156 4.61C7.118 4.369 7.08 4.129 7.042 3.888C6.415 4.268 5.826 4.724 5.299 5.247C4.772 5.769 4.306 6.358 3.926 7.004C4.192 6.966 4.458 6.928 4.724 6.89C5.129 6.51 5.535 6.13 5.94 5.75C6.345 5.37 6.751 4.99 7.156 4.61Z",
+  "M7.65 5.522C7.302 5.858 6.953 6.193 6.605 6.529C6.257 6.865 5.908 7.2 5.56 7.536C5.725 8.024 5.889 8.511 6.054 8.999C6.219 9.487 6.383 9.974 6.548 10.462C7.067 10.424 7.587 10.386 8.106 10.348C8.625 10.31 9.145 10.272 9.664 10.234C9.772 9.601 9.879 8.967 9.987 8.334C10.095 7.701 10.202 7.067 10.31 6.434C9.867 6.282 9.423 6.13 8.98 5.978C8.537 5.826 8.093 5.674 7.65 5.522Z",
+  "M15.516 5.598C14.819 5.75 14.123 5.902 13.426 6.054C12.729 6.206 12.033 6.358 11.336 6.51C11.222 7.175 11.108 7.84 10.994 8.505C10.88 9.17 10.766 9.835 10.652 10.5C11.089 10.918 11.526 11.336 11.963 11.754C12.4 12.172 12.837 12.59 13.274 13.008C13.952 12.932 14.629 12.856 15.307 12.78C15.985 12.704 16.662 12.628 17.34 12.552C17.815 11.431 18.109 10.481 18.29 9.74C18.471 8.999 18.537 8.467 18.556 8.182C18.049 7.751 17.543 7.321 17.036 6.89C16.529 6.459 16.023 6.029 15.516 5.598Z",
+  "M2.482 12.02C2.482 12.628 2.53 13.217 2.629 13.782C2.729 14.348 2.881 14.889 3.09 15.402C3.483 15.275 3.875 15.149 4.268 15.022C4.458 14.072 4.734 13.198 4.995 12.495C5.256 11.792 5.503 11.26 5.636 10.994C5.465 10.481 5.294 9.968 5.123 9.455C4.952 8.942 4.781 8.429 4.61 7.916C4.179 7.979 3.749 8.043 3.318 8.106C3.041 8.721 2.832 9.362 2.692 10.018C2.551 10.675 2.481 11.345 2.482 12.02",
+  "M19.43 15.63C19.899 15.693 20.367 15.757 20.836 15.82C21.089 15.219 21.28 14.595 21.408 13.958C21.535 13.322 21.598 12.672 21.596 12.02C21.596 11.393 21.53 10.785 21.411 10.191C21.292 9.598 21.121 9.018 20.912 8.448C20.469 8.448 20.025 8.448 19.582 8.448C19.525 8.847 19.43 9.446 19.231 10.215C19.031 10.985 18.727 11.925 18.252 13.008C18.448 13.445 18.645 13.882 18.841 14.319C19.037 14.756 19.234 15.193 19.43 15.63Z",
+  "M6.624 17.15C7.194 17.758 7.878 18.1 8.106 18.214C8.334 18.214 8.923 18.205 9.626 18.109C10.329 18.015 11.146 17.834 11.83 17.492C11.944 16.865 12.058 16.238 12.172 15.611C12.286 14.984 12.4 14.357 12.514 13.73C12.083 13.312 11.653 12.894 11.222 12.476C10.791 12.058 10.361 11.64 9.93 11.222C9.36 11.266 8.79 11.311 8.22 11.355C7.65 11.399 7.08 11.444 6.51 11.488C6.377 11.773 6.149 12.295 5.911 12.965C5.674 13.635 5.427 14.452 5.256 15.326C5.484 15.668 6.016 16.504 6.624 17.15",
+  "M13.502 13.996C13.394 14.598 13.287 15.199 13.179 15.801C13.071 16.403 12.964 17.004 12.856 17.606C13.293 17.91 13.778 18.138 14.319 18.295C14.861 18.452 15.459 18.537 16.124 18.556C16.694 18.176 17.179 17.73 17.578 17.293C17.976 16.856 18.29 16.428 18.518 16.086C18.328 15.662 18.138 15.237 17.948 14.813C17.758 14.389 17.568 13.964 17.378 13.54C16.732 13.616 16.086 13.692 15.44 13.768C14.794 13.844 14.148 13.92 13.502 13.996Z",
+  "M7.308 20.342C7.359 19.911 7.409 19.481 7.46 19.05C7.08 18.822 6.434 18.442 5.864 17.834C5.357 17.279 4.9 16.682 4.496 16.048C4.167 16.149 3.837 16.251 3.508 16.352C3.787 16.909 4.12 17.433 4.502 17.918C4.883 18.404 5.312 18.852 5.782 19.257C6.252 19.662 6.763 20.025 7.308 20.342",
+  "M16.808 19.316C16.846 19.633 16.884 19.949 16.922 20.266C17.627 19.833 18.274 19.317 18.848 18.729C19.422 18.142 19.925 17.485 20.342 16.77C20.013 16.732 19.683 16.694 19.354 16.656C19.107 17.017 18.775 17.473 18.352 17.943C17.929 18.414 17.416 18.898 16.808 19.316",
+  "M12.02 21.596C12.695 21.597 13.365 21.527 14.022 21.386C14.678 21.246 15.319 21.037 15.934 20.76C15.896 20.355 15.858 19.949 15.82 19.544C15.117 19.506 14.461 19.392 13.863 19.207C13.264 19.022 12.723 18.765 12.248 18.442C11.583 18.765 10.832 18.955 10.148 19.069C9.464 19.183 8.847 19.221 8.448 19.24C8.385 19.772 8.321 20.304 8.258 20.836C8.853 21.088 9.47 21.279 10.101 21.406C10.731 21.533 11.374 21.597 12.02 21.596"
+];
+var turn6 = /* @__PURE__ */ surfaceTurn(HOLES2, 9.65, DISC);
+var Futsal = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(AnimatedSvg, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_react172.motion.path, { variants: turn6, fill: "currentColor" }) });
 var Futsal_default = Futsal;
 
 // src/animated/GoalFrame.tsx
@@ -4711,11 +4838,11 @@ var ListOrdered_default = ListOrdered;
 // src/animated/Live.tsx
 var import_react180 = require("motion/react");
 var import_jsx_runtime177 = require("react/jsx-runtime");
-var dot2 = {
+var dot = {
   rest: { scale: 1, opacity: 1, transition: settleSpring },
   play: { scale: [1, 1.3, 1], opacity: [1, 0.6, 1], transition: gesture }
 };
-var Live = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(AnimatedSvg, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_react180.motion.path, { variants: dot2, fill: "currentColor", d: "M16 12a4 4 0 1 1-8 0a4 4 0 0 1 8 0" }) });
+var Live = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(AnimatedSvg, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_react180.motion.path, { variants: dot, fill: "currentColor", d: "M16 12a4 4 0 1 1-8 0a4 4 0 0 1 8 0" }) });
 var Live_default = Live;
 
 // src/animated/Loader.tsx
@@ -4965,7 +5092,7 @@ var Offside_default = Offside;
 // src/animated/Penalty.tsx
 var import_react192 = require("motion/react");
 var import_jsx_runtime189 = require("react/jsx-runtime");
-var ball9 = {
+var ball6 = {
   rest: { y: 0, opacity: 1, transition: settleTween },
   play: { y: [0, -8, 0], opacity: [1, 0.3, 1], transition: { duration: 0.5, ease: "easeInOut" } }
 };
@@ -4979,7 +5106,7 @@ var Penalty = (props) => /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("path", { d: "M13.7 4H5a2 2 0 0 0-2 2v9M10.3 4H19a2 2 0 0 1 2 2v9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(import_react192.motion.path, { variants: ball9, d: "M14 19a2 2 0 1 1-4 0a2 2 0 0 1 4 0" })
+      /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(import_react192.motion.path, { variants: ball6, d: "M14 19a2 2 0 1 1-4 0a2 2 0 0 1 4 0" })
     ]
   }
 );
@@ -5098,7 +5225,7 @@ var Referee_default = Referee;
 // src/animated/RefreshCcw.tsx
 var import_react199 = require("motion/react");
 var import_jsx_runtime196 = require("react/jsx-runtime");
-var spin3 = spinOnce(-1);
+var spin = spinOnce(-1);
 var RefreshCcw = (props) => /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
   AnimatedSvg,
   {
@@ -5107,7 +5234,7 @@ var RefreshCcw = (props) => /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(import_react199.motion.g, { variants: spin3, children: /* @__PURE__ */ (0, import_jsx_runtime196.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_runtime196.jsx)(import_react199.motion.g, { variants: spin, children: /* @__PURE__ */ (0, import_jsx_runtime196.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;
@@ -5115,7 +5242,7 @@ var RefreshCcw_default = RefreshCcw;
 // src/animated/RefreshCw.tsx
 var import_react200 = require("motion/react");
 var import_jsx_runtime197 = require("react/jsx-runtime");
-var spin4 = spinOnce(1);
+var spin2 = spinOnce(1);
 var RefreshCw = (props) => /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
   AnimatedSvg,
   {
@@ -5124,7 +5251,7 @@ var RefreshCw = (props) => /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(import_react200.motion.g, { variants: spin4, children: /* @__PURE__ */ (0, import_jsx_runtime197.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_runtime197.jsx)(import_react200.motion.g, { variants: spin2, children: /* @__PURE__ */ (0, import_jsx_runtime197.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;

package/dist/animated.mjs

@@ -13,9 +13,10 @@ function secondaryPaint(secondaryColor) {
 // src/animated/duotone.tsx
 import { jsx } from "react/jsx-runtime";
 var DuotoneFillContext = createContext(null);
-function Fill({ d }) {
+function Fill({ d, variants }) {
   const paint = useContext(DuotoneFillContext);
   if (paint === null) return null;
+  if (variants) return /* @__PURE__ */ jsx(motion.path, { d, variants, stroke: "none", style: { fill: paint }, "data-fill": "" });
   return /* @__PURE__ */ jsx("path", { d, stroke: "none", style: { fill: paint }, "data-fill": "" });
 }
 function FillGroup(props) {
@@ -236,9 +237,9 @@ var spinOnce = (direction = 1) => ({
   rest: { rotate: 360 * direction, transition: { duration: 0.35, ease: "easeOut" } },
   play: { rotate: [0, 360 * direction], transition: { duration: 0.6, ease: "easeInOut" } }
 });
-var wiggle = (deg, times = 2, delay = 0) => {
-  const swings2 = Array.from({ length: times }, (_, i) => {
-    const d = deg * (1 - i / (times + 1));
+var wiggle = (deg, times2 = 2, delay = 0) => {
+  const swings2 = Array.from({ length: times2 }, (_, i) => {
+    const d = deg * (1 - i / (times2 + 1));
     return [-d, d];
   }).flat();
   return {
@@ -278,9 +279,9 @@ var grow = (delay = 0) => ({
   rest: { scaleY: 1, transition: settleSpring },
   play: { scaleY: [0, 1], transition: { ...gesture, delay } }
 });
-var flutter = (deg, times = 2, delay = 0) => {
-  const swings2 = Array.from({ length: times }, (_, i) => {
-    const d = deg * (1 - i / (times + 1));
+var flutter = (deg, times2 = 2, delay = 0) => {
+  const swings2 = Array.from({ length: times2 }, (_, i) => {
+    const d = deg * (1 - i / (times2 + 1));
     return [-d, d];
   }).flat();
   return {
@@ -311,10 +312,68 @@ 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 MERIDIAN_FRAMES = 32;
+var meridianEase = (t) => 0.5 - Math.cos(Math.PI * t) / 2;
+var round = (n) => String(Math.round(n * 1e3) / 1e3);
+var pathOf = (strings, ...values) => strings.reduce((d, s, i) => d + s + (i < values.length ? round(values[i]) : ""), "");
+var meridianTurn = (shape, rests, r, fixed = "") => {
+  const starts = rests.map((s0) => Math.asin(s0 / r));
+  const wraps = starts.map((start) => Math.acos(1 - 2 * (Math.PI / 2 - start) / Math.PI) / Math.PI);
+  const uniform = Array.from({ length: MERIDIAN_FRAMES + 1 }, (_, i) => i / MERIDIAN_FRAMES);
+  const times2 = [.../* @__PURE__ */ new Set([...uniform, ...wraps.flatMap((t) => [t, t + 1e-4])])].filter((t) => t <= 1).sort((a, b) => a - b);
+  const frame = (t) => [fixed, ...rests.map((s0, k) => {
+    if (t === wraps[k]) return shape(r);
+    if (t === wraps[k] + 1e-4) return shape(-r);
+    if (t === 0 || t === 1) return shape(s0);
+    let lon = starts[k] + Math.PI * meridianEase(t);
+    if (lon > Math.PI / 2) lon -= Math.PI;
+    return shape(r * Math.sin(lon));
+  })].filter(Boolean).join(" ");
+  return {
+    rest: { d: frame(0), transition: settleTween },
+    play: { d: times2.map(frame), transition: { duration: 1.4, ease: "linear", times: times2 } }
+  };
+};
+var surfaceTurn = (panels, r, fixed = "") => {
+  const edge = Math.PI / 2 - 1e-9;
+  const parsed = panels.map((d) => {
+    const tokens = d.match(/[MCZ]|-?[\d.]+/g);
+    const points = [];
+    for (let i = 0; i < tokens.length; i++) {
+      if (/[MCZ]/.test(tokens[i])) continue;
+      const x4 = Number(tokens[i]) - 12;
+      const y = Number(tokens[++i]);
+      const rho = Math.max(Math.sqrt(Math.max(r * r - (y - 12) ** 2, 0)), Math.abs(x4));
+      points.push([y, rho, rho && Math.asin(x4 / rho)]);
+    }
+    const commands = d.match(/[MCZ][^MCZ]*/g).map((c) => [c[0], (c.match(/-?[\d.]+/g)?.length ?? 0) / 2]);
+    return { commands, points };
+  });
+  const draw = ({ commands, points }, lon) => {
+    const at = points.map(([, , lambda]) => Math.min(Math.max(lambda + lon, -Math.PI / 2), Math.PI / 2));
+    const gone = at.every((a) => a >= edge) || at.every((a) => a <= -edge);
+    const xy = points.map(([y, rho], k2) => gone ? [12 + points[0][1] * Math.sin(at[0]), points[0][0]] : [12 + rho * Math.sin(at[k2]), y]);
+    let k = 0;
+    return commands.map(([c, n]) => c + Array.from({ length: n }, () => pathOf`${xy[k][0]} ${xy[k++][1]}`).join(" ")).join("");
+  };
+  const timeOf = (lon) => Math.acos(1 - 2 * lon / Math.PI) / Math.PI;
+  const lons = parsed.map(({ points }) => points.map(([, , lambda]) => lambda));
+  const behind = lons.map((l) => timeOf(Math.PI / 2 - Math.min(...l)));
+  const showing = lons.map((l) => timeOf(Math.PI / 2 - Math.max(...l)));
+  const uniform = Array.from({ length: MERIDIAN_FRAMES + 1 }, (_, i) => i / MERIDIAN_FRAMES);
+  const times2 = [.../* @__PURE__ */ new Set([...uniform, ...[...behind, ...showing].flatMap((t) => [t, t + 1e-4])])].filter((t) => t <= 1).sort((a, b) => a - b);
+  const frame = (t) => {
+    const lon = t === 1 ? 0 : Math.PI * meridianEase(t);
+    return [fixed, ...parsed.flatMap((panel, k) => {
+      const swapped = t !== 1 && t > behind[k];
+      return [draw(panel, swapped ? lon - Math.PI : lon), draw(panel, swapped ? lon - 2 * Math.PI : lon - Math.PI)];
+    })].filter(Boolean).join("");
+  };
+  return {
+    rest: { d: frame(0), transition: settleTween },
+    play: { d: times2.map(frame), transition: { duration: 1.4, ease: "linear", times: times2 } }
+  };
+};
 var burst = (dx2, dy, delay = 0) => ({
   rest: { x: 0, y: 0, opacity: 0, transition: settleTween },
   play: {
@@ -704,7 +763,21 @@ var CalendarX_default = CalendarX;
 // src/animated/Camera.tsx
 import { motion as motion18 } from "motion/react";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
-var lens = pop(0.75);
+var raise = {
+  rest: { scale: 1, transition: settleSpring },
+  play: { scale: 0.8, transition: holdSpring }
+};
+var extend = (delay) => ({
+  rest: { pathLength: 0, opacity: 0, transition: settleTween },
+  play: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { pathLength: { duration: 0.3, ease: "easeOut", delay }, opacity: { duration: 0.05, delay } }
+  }
+});
+var fromTop = { transformBox: "view-box", originX: "12px", originY: "0px" };
+var LEGS = ["M12 16L6.5 22", "M12 16L17.5 22", "M12 16V21"];
+var legs = [extend(0.08), extend(0.08), extend(0.12)];
 var Camera = (props) => /* @__PURE__ */ jsxs16(
   AnimatedSvg,
   {
@@ -714,9 +787,12 @@ var Camera = (props) => /* @__PURE__ */ jsxs16(
     strokeWidth: 1.8,
     ...props,
     children: [
-      /* @__PURE__ */ jsx18(Fill, { d: CameraFillPath }),
-      /* @__PURE__ */ jsx18("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z" }),
-      /* @__PURE__ */ jsx18(motion18.path, { variants: lens, d: "M12 16a3 3 0 1 0 0-6a3 3 0 0 0 0 6" })
+      LEGS.map((d, i) => /* @__PURE__ */ jsx18(motion18.path, { "data-decoration": "", variants: legs[i], d }, d)),
+      /* @__PURE__ */ jsxs16(motion18.g, { variants: raise, style: fromTop, children: [
+        /* @__PURE__ */ jsx18(Fill, { d: CameraFillPath }),
+        /* @__PURE__ */ jsx18("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z" }),
+        /* @__PURE__ */ jsx18("path", { d: "M12 16a3 3 0 1 0 0-6a3 3 0 0 0 0 6" })
+      ] })
     ]
   }
 );
@@ -766,9 +842,9 @@ var CardOutline_default = CardOutline;
 // src/animated/Cast.tsx
 import { motion as motion21 } from "motion/react";
 import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
-var dot = drawOn(seq(0));
-var small = drawOn(seq(1));
-var big = drawOn(seq(2));
+var small = emerge(0.6, 0);
+var big = emerge(0.6, 0.15);
+var fromDot = { transformBox: "view-box", originX: "2px", originY: "20px" };
 var Cast = (props) => /* @__PURE__ */ jsxs19(
   AnimatedSvg,
   {
@@ -780,9 +856,9 @@ var Cast = (props) => /* @__PURE__ */ jsxs19(
     children: [
       /* @__PURE__ */ jsx21(Fill, { d: CastFillPath }),
       /* @__PURE__ */ jsx21("path", { d: "M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6" }),
-      /* @__PURE__ */ jsx21(motion21.path, { variants: dot, d: "M2 20h0.01" }),
-      /* @__PURE__ */ jsx21(motion21.path, { variants: small, d: "M2 16a5 5 0 0 1 4 4" }),
-      /* @__PURE__ */ jsx21(motion21.path, { variants: big, d: "M2 12a9 9 0 0 1 8 8" })
+      /* @__PURE__ */ jsx21("path", { d: "M2 20h0.01" }),
+      /* @__PURE__ */ jsx21(motion21.path, { variants: small, style: fromDot, d: "M2 16a5 5 0 0 1 4 4" }),
+      /* @__PURE__ */ jsx21(motion21.path, { variants: big, style: fromDot, d: "M2 12a9 9 0 0 1 8 8" })
     ]
   }
 );
@@ -1171,11 +1247,30 @@ var Eraser_default = Eraser;
 // src/animated/Eye.tsx
 import { motion as motion38 } from "motion/react";
 import { jsx as jsx38, jsxs as jsxs36 } from "react/jsx-runtime";
-var blink = {
-  rest: { scaleY: 1, transition: settleSpring },
-  play: { scaleY: [1, 0.1, 1], transition: { ...settleTween, duration: 0.3 } }
+var FRAMES = 24;
+var OPEN = 5;
+var SHUT = 19;
+var outline = (lid3) => pathOf`M2 12C2 12 5 ${lid3} 12 ${lid3}C19 ${lid3} 22 12 22 12C22 12 19 19 12 19C5 19 2 12 2 12`;
+var pupil = (lid3) => {
+  const h = lid3 <= 9 ? Math.PI : lid3 >= 15 ? 0 : Math.PI / 2 - Math.asin((lid3 - 12) / 3);
+  const at = (a) => [12 + 3 * Math.cos(a), 12 + 3 * Math.sin(a)];
+  const [x1, y1] = lid3 >= 15 ? [12, lid3] : at(Math.PI / 2 + h);
+  const [x22, y2] = lid3 >= 15 ? [12, lid3] : at(Math.PI / 2);
+  const [x32, y3] = lid3 >= 15 ? [12, lid3] : at(Math.PI / 2 - h);
+  return pathOf`M${x1} ${y1}A3 3 0 0 0 ${x22} ${y2}A3 3 0 0 0 ${x32} ${y3}`;
 };
-var Eye = (props) => /* @__PURE__ */ jsx38(
+var lidAt = (t) => OPEN + (SHUT - OPEN) * Math.min(1, 1.04 * Math.sin(Math.PI * t ** 0.8));
+var times = /* @__PURE__ */ Array.from({ length: FRAMES + 1 }, (_, i) => i / FRAMES);
+var blink = (shape) => ({
+  rest: { d: shape(OPEN), transition: { duration: 0.2, ease: "easeOut" } },
+  play: {
+    d: times.map((t) => shape(t === 0 || t === 1 ? OPEN : lidAt(t))),
+    transition: { duration: 0.4, ease: "linear", times }
+  }
+});
+var lids = /* @__PURE__ */ blink(outline);
+var iris = /* @__PURE__ */ blink(pupil);
+var Eye = (props) => /* @__PURE__ */ jsxs36(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -1183,11 +1278,11 @@ var Eye = (props) => /* @__PURE__ */ jsx38(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsxs36(motion38.g, { variants: blink, children: [
-      /* @__PURE__ */ jsx38(Fill, { d: EyeFillPath }),
-      /* @__PURE__ */ jsx38("path", { d: "M2 12s3-7 10-7s10 7 10 7s-3 7-10 7s-10-7-10-7" }),
-      /* @__PURE__ */ jsx38("path", { d: "M12 15a3 3 0 1 0 0-6a3 3 0 0 0 0 6" })
-    ] })
+    children: [
+      /* @__PURE__ */ jsx38(Fill, { d: EyeFillPath, variants: lids }),
+      /* @__PURE__ */ jsx38(motion38.path, { variants: lids }),
+      /* @__PURE__ */ jsx38(motion38.path, { variants: iris })
+    ]
   }
 );
 var Eye_default = Eye;
@@ -1331,12 +1426,20 @@ var Flame_default = Flame;
 // src/animated/Floorball.tsx
 import { motion as motion45 } from "motion/react";
 import { jsx as jsx45, jsxs as jsxs43 } from "react/jsx-runtime";
-var ball = spinOnce();
-var Floorball = (props) => /* @__PURE__ */ jsx45(AnimatedSvg, { ...props, children: /* @__PURE__ */ jsxs43(motion45.g, { variants: ball, children: [
+var HOLES = [
+  "M4.372 15.57C3.993 14.733 4.031 13.935 4.448 13.707C4.828 13.555 5.472 14.049 5.852 14.847C6.231 15.683 6.193 16.519 5.776 16.709C5.359 16.899 4.752 16.367 4.372 15.569",
+  "M8.51 18.904C8.662 18.486 9.459 18.41 10.293 18.714C11.166 19.056 11.735 19.626 11.583 20.044C11.393 20.462 10.597 20.576 9.763 20.234C8.928 19.93 8.321 19.36 8.51 18.904",
+  "M4.226 8.39C4.529 7.517 5.174 6.947 5.666 7.137C6.16 7.289 6.35 8.124 6.084 8.998C5.781 9.796 5.174 10.404 4.681 10.214C4.188 10.1 3.998 9.264 4.226 8.39",
+  "M15.945 7.991C15.68 7.554 15.585 7.098 15.632 6.704C15.679 6.31 15.869 5.978 16.172 5.788C16.495 5.598 16.883 5.598 17.253 5.75C17.623 5.902 17.974 6.206 18.221 6.623C18.468 7.041 18.562 7.497 18.52 7.896C18.477 8.295 18.297 8.637 17.993 8.827C17.652 9.017 17.263 9.017 16.898 8.865C16.533 8.713 16.191 8.409 15.945 7.991",
+  "M8.82 9.74C8.82 9.265 9.019 8.838 9.337 8.529C9.655 8.22 10.091 8.03 10.565 8.03C11.039 8.03 11.475 8.22 11.793 8.529C12.111 8.838 12.31 9.265 12.31 9.74C12.31 10.234 12.111 10.671 11.793 10.985C11.475 11.298 11.039 11.488 10.565 11.488C10.091 11.488 9.655 11.298 9.337 10.985C9.019 10.671 8.82 10.234 8.82 9.74",
+  "M13.29 15.36C13.29 14.885 13.489 14.458 13.807 14.149C14.124 13.84 14.561 13.65 15.035 13.65C15.509 13.65 15.945 13.84 16.263 14.149C16.58 14.457 16.779 14.885 16.779 15.36C16.779 15.873 16.58 16.319 16.262 16.638C15.945 16.956 15.509 17.146 15.034 17.146C14.56 17.146 14.124 16.956 13.807 16.638C13.489 16.319 13.29 15.873 13.29 15.36"
+];
+var turn2 = /* @__PURE__ */ surfaceTurn(HOLES, 9);
+var Floorball = (props) => /* @__PURE__ */ jsxs43(AnimatedSvg, { ...props, children: [
   /* @__PURE__ */ jsx45(Fill, { d: FloorballFillPath }),
   /* @__PURE__ */ jsx45("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: 1.8 }),
-  /* @__PURE__ */ jsx45("path", { fill: "currentColor", d: "M4.372 15.57c-0.379-0.837-0.341-1.635 0.076-1.863c0.38-0.152 1.024 0.342 1.404 1.14c0.379 0.836 0.341 1.672-0.076 1.862s-1.024-0.342-1.404-1.14M8.51 18.904c0.152-0.418 0.949-0.494 1.783-0.19c0.873 0.342 1.442 0.912 1.29 1.33c-0.19 0.418-0.986 0.532-1.82 0.19c-0.835-0.304-1.442-0.874-1.253-1.33M4.226 8.39c0.303-0.873 0.948-1.443 1.44-1.253c0.494 0.152 0.684 0.987 0.418 1.861c-0.303 0.798-0.91 1.406-1.403 1.216c-0.493-0.114-0.683-0.95-0.455-1.824M15.945 7.991c-0.531-0.874-0.38-1.823 0.227-2.203c0.645-0.38 1.555 0 2.049 0.835c0.493 0.836 0.379 1.824-0.228 2.204c-0.683 0.38-1.555 0-2.048-0.836M8.82 9.74c0-0.95 0.797-1.71 1.745-1.71s1.745 0.76 1.745 1.71c0 0.988-0.797 1.748-1.745 1.748S8.82 10.728 8.82 9.74M13.29 15.36c0-0.95 0.796-1.71 1.745-1.71c0.948 0 1.744 0.76 1.744 1.71c0 1.026-0.796 1.786-1.745 1.786c-0.948 0-1.744-0.76-1.744-1.786" })
-] }) });
+  /* @__PURE__ */ jsx45(motion45.path, { variants: turn2, fill: "currentColor" })
+] });
 var Floorball_default = Floorball;
 
 // src/animated/Folder.tsx
@@ -1428,12 +1531,20 @@ var FolderPlus_default = FolderPlus;
 // src/animated/Football.tsx
 import { motion as motion50 } from "motion/react";
 import { jsx as jsx50, jsxs as jsxs48 } from "react/jsx-runtime";
-var ball3 = spinOnce();
-var Football = (props) => /* @__PURE__ */ jsx50(AnimatedSvg, { ...props, children: /* @__PURE__ */ jsxs48(motion50.g, { variants: ball3, children: [
+var PANELS = [
+  "M13.562 10.546C13.572 10.002 13.583 9.458 13.593 8.915C13.603 8.371 13.614 7.827 13.624 7.283C13.628 7.065 13.491 6.87 13.285 6.8C12.747 6.617 12.208 6.434 11.67 6.251C11.132 6.068 10.593 5.885 10.055 5.702C9.854 5.633 9.632 5.702 9.505 5.871C9.127 6.337 8.748 6.803 8.37 7.268C7.992 7.734 7.613 8.2 7.235 8.666C7.093 8.843 7.087 9.093 7.222 9.276C7.553 9.726 7.883 10.175 8.214 10.625C8.545 11.074 8.875 11.523 9.206 11.973C9.334 12.148 9.56 12.22 9.766 12.152C10.341 11.962 10.917 11.772 11.492 11.582C12.068 11.392 12.643 11.202 13.219 11.012C13.421 10.945 13.558 10.758 13.562 10.546",
+  "M20.127 14.356C19.901 13.727 19.676 13.097 19.45 12.468C19.357 12.209 19.073 12.074 18.814 12.165C18.362 12.324 17.909 12.483 17.457 12.642C17.004 12.802 16.552 12.961 16.099 13.12C15.933 13.178 15.81 13.32 15.775 13.492C15.66 14.063 15.544 14.634 15.429 15.206C15.314 15.777 15.198 16.348 15.083 16.919C15.033 17.165 15.174 17.41 15.411 17.491C16.059 17.713 16.707 17.935 17.355 18.157C17.536 18.22 17.737 18.171 17.869 18.033C18.216 17.668 18.896 16.924 19.283 16.324C19.603 15.829 19.958 15.066 20.113 14.722C20.162 14.606 20.172 14.478 20.142 14.356C20.137 14.356 20.132 14.356 20.127 14.356Z",
+  "M10.339 20.165C10.725 19.704 11.112 19.244 11.498 18.783C11.672 18.575 11.649 18.267 11.446 18.088C10.981 17.676 10.516 17.263 10.051 16.851C9.586 16.439 9.121 16.026 8.656 15.614C8.541 15.511 8.384 15.468 8.232 15.496C7.489 15.634 6.747 15.771 6.004 15.909C5.856 15.936 5.729 16.029 5.657 16.161C5.584 16.292 5.575 16.45 5.632 16.589C5.903 17.252 6.173 17.914 6.444 18.577C6.482 18.668 6.541 18.742 6.622 18.797C6.923 19.001 7.722 19.529 8.3 19.8C8.792 20.031 9.463 20.225 9.844 20.325C10.026 20.373 10.22 20.311 10.339 20.165",
+  "M4.146 9.28C3.764 8.687 3.382 8.093 3 7.5C3 7.5 2.779 8.021 2.543 8.719C2.308 9.417 2.058 10.292 2 11C1.943 11.709 1.99 12.395 2.051 12.904C2.112 13.413 2.188 13.745 2.188 13.745C2.406 13.745 2.625 13.745 2.843 13.745C3.075 13.745 3.276 13.586 3.33 13.361C3.477 12.745 3.624 12.129 3.771 11.514C3.918 10.898 4.065 10.282 4.212 9.666C4.244 9.533 4.22 9.394 4.146 9.279C4.146 9.279 4.146 9.28 4.146 9.28Z",
+  "M19.756 7.915C20.171 7.777 20.585 7.638 21 7.5C21 7.5 20.671 6.991 20.193 6.361C19.716 5.732 19.091 4.982 18.5 4.5C17.909 4.018 17.284 3.643 16.807 3.389C16.33 3.134 16 3 16 3C16.135 3.8 16.271 4.6 16.406 5.4C16.427 5.522 16.492 5.632 16.59 5.709C17.04 6.063 17.489 6.417 17.939 6.771C18.389 7.125 18.838 7.479 19.288 7.833C19.42 7.937 19.596 7.968 19.756 7.915",
+  "M9.164 3.655C9.553 3.379 9.943 3.103 10.332 2.827C10.721 2.552 11.111 2.276 11.5 2C11.5 2 11.11 2.043 10.603 2.126C10.096 2.21 9.472 2.335 9.003 2.5C8.18 2.79 7 3.5 7 3.5C7.603 3.581 8.205 3.662 8.808 3.743C8.934 3.76 9.061 3.728 9.164 3.655"
+];
+var turn3 = /* @__PURE__ */ surfaceTurn(PANELS, 10.1);
+var Football = (props) => /* @__PURE__ */ jsxs48(AnimatedSvg, { ...props, children: [
   /* @__PURE__ */ jsx50(Fill, { d: FootballFillPath }),
   /* @__PURE__ */ jsx50("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: 1.8 }),
-  /* @__PURE__ */ jsx50("path", { fill: "currentColor", d: "M13.562 10.546l0.062-3.263a0.5 0.5 0 0 0-0.339-0.483l-3.23-1.098a0.49 0.49 0 0 0-0.55 0.169l-2.27 2.795a0.5 0.5 0 0 0-0.013 0.61l1.984 2.697a0.5 0.5 0 0 0 0.56 0.179l3.453-1.14a0.5 0.5 0 0 0 0.343-0.466M20.127 14.356l-0.677-1.888a0.5 0.5 0 0 0-0.636-0.303l-2.715 0.955a0.5 0.5 0 0 0-0.324 0.372l-0.692 3.427a0.5 0.5 0 0 0 0.328 0.572l1.944 0.666a0.49 0.49 0 0 0 0.514-0.124c0.347-0.365 1.027-1.109 1.414-1.709c0.32-0.495 0.675-1.258 0.83-1.602a0.58 0.58 0 0 0 0.029-0.366ZM10.339 20.165l1.159-1.382a0.5 0.5 0 0 0-0.052-0.695l-2.79-2.474a0.5 0.5 0 0 0-0.424-0.118l-2.228 0.413a0.5 0.5 0 0 0-0.372 0.68l0.812 1.988q0.057 0.137 0.178 0.22c0.301 0.204 1.1 0.732 1.678 1.003c0.492 0.231 1.163 0.425 1.544 0.525a0.48 0.48 0 0 0 0.495-0.16M4.146 9.28L3 7.5S2.115 9.583 2 11s0.188 2.745 0.188 2.745h0.655a0.5 0.5 0 0 0 0.487-0.384l0.882-3.695a0.5 0.5 0 0 0-0.066-0.387ZM19.756 7.915L21 7.5s-1.318-2.037-2.5-3S16 3 16 3l0.406 2.4a0.5 0.5 0 0 0 0.184 0.309l2.698 2.124a0.5 0.5 0 0 0 0.468 0.082M9.164 3.655L11.5 2s-1.559 0.17-2.497 0.5C8.18 2.79 7 3.5 7 3.5l1.808 0.243a0.5 0.5 0 0 0 0.356-0.088" })
-] }) });
+  /* @__PURE__ */ jsx50(motion50.path, { variants: turn3, fill: "currentColor" })
+] });
 var Football_default = Football;
 
 // src/animated/Frown.tsx
@@ -1461,8 +1572,12 @@ var Frown_default = Frown;
 // src/animated/Gem.tsx
 import { motion as motion52 } from "motion/react";
 import { jsx as jsx52, jsxs as jsxs50 } from "react/jsx-runtime";
-var spin = globeSpin();
-var Gem = (props) => /* @__PURE__ */ jsx52(
+var facet = (s) => {
+  const w = Math.min(Math.max((Math.abs(s) - 4) / 6, 0), 1);
+  return pathOf`M12 22L${12 + s} 9L${12 + s * (0.25 + 0.35 * w)} 3`;
+};
+var turn4 = meridianTurn(facet, [4, -4, 10], 10, "M22 9l-4-6H6L2 9 M22 9L12 22 M22 9H2 M12 22L2 9");
+var Gem = (props) => /* @__PURE__ */ jsxs50(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -1470,10 +1585,10 @@ var Gem = (props) => /* @__PURE__ */ jsx52(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsxs50(motion52.g, { variants: spin, children: [
+    children: [
       /* @__PURE__ */ jsx52(Fill, { d: GemFillPath }),
-      /* @__PURE__ */ jsx52("path", { d: "M22 9l-4-6H6L2 9 M22 9L12 22 M22 9H2 M12 22L2 9 M12 22l4-13l-3-6 M12 22L8 9l3-6" })
-    ] })
+      /* @__PURE__ */ jsx52(motion52.path, { variants: turn4 })
+    ]
   }
 );
 var Gem_default = Gem;
@@ -1546,8 +1661,17 @@ var GenderMix_default = GenderMix;
 // src/animated/Globe.tsx
 import { motion as motion56 } from "motion/react";
 import { jsx as jsx56, jsxs as jsxs54 } from "react/jsx-runtime";
-var spin2 = globeSpin();
-var Globe = (props) => /* @__PURE__ */ jsx56(
+var meridian = (s) => {
+  const w = Math.min(Math.max((Math.abs(s) - 4) / 6, 0), 1);
+  const mix = (arc2, ellipse) => arc2 + (ellipse - arc2) * w;
+  const x1 = 12 + mix(0.6253, 0.5523) * s;
+  const y1 = mix(19.2616, 22);
+  const x22 = 12 + mix(0.9807, 1) * s;
+  const y2 = mix(15.708, 17.523);
+  return pathOf`M12 22C${x1} ${y1} ${x22} ${y2} ${12 + s} 12C${x22} ${24 - y2} ${x1} ${24 - y1} 12 2`;
+};
+var turn5 = meridianTurn(meridian, [4, -4, 10], 10, "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");
+var Globe = (props) => /* @__PURE__ */ jsxs54(
   AnimatedSvg,
   {
     stroke: "currentColor",
@@ -1555,15 +1679,10 @@ var Globe = (props) => /* @__PURE__ */ jsx56(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsxs54(motion56.g, { variants: spin2, children: [
+    children: [
       /* @__PURE__ */ jsx56(Fill, { d: GlobeFillPath }),
-      /* @__PURE__ */ jsx56(
-        "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 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"
-        }
-      )
-    ] })
+      /* @__PURE__ */ jsx56(motion56.path, { variants: turn5 })
+    ]
   }
 );
 var Globe_default = Globe;
@@ -2206,7 +2325,7 @@ var Pin_default = Pin;
 // src/animated/Pitch.tsx
 import { motion as motion83 } from "motion/react";
 import { jsx as jsx83, jsxs as jsxs81 } from "react/jsx-runtime";
-var ball4 = {
+var ball = {
   rest: { y: 0, opacity: 0, transition: settleTween },
   play: {
     y: [0, -8, -8, 0],
@@ -2230,7 +2349,7 @@ var Pitch = (props) => /* @__PURE__ */ jsxs81(
         motion83.circle,
         {
           "data-decoration": "",
-          variants: ball4,
+          variants: ball,
           cx: 12,
           cy: 12,
           r: 1.3,
@@ -2336,7 +2455,7 @@ var player = {
 };
 var SHOT = { duration: 0.45, delay: 0.15 };
 var TRAVEL = { ...SHOT, times: [0, 0.55, 0.6, 1], ease: ["easeOut", "linear", "easeOut"] };
-var ball5 = {
+var ball3 = {
   rest: { x: 0, opacity: 1, transition: settleTween },
   play: {
     x: [0, 3.2, 0, 0],
@@ -2357,7 +2476,7 @@ var PlayerSoccer = (props) => /* @__PURE__ */ jsxs86(
         /* @__PURE__ */ jsx88(Fill, { d: PlayerSoccerFillPath }),
         /* @__PURE__ */ jsx88("path", { 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__ */ jsx88(motion88.path, { variants: ball5, d: "M17.147 21.45a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5" })
+      /* @__PURE__ */ jsx88(motion88.path, { variants: ball3, d: "M17.147 21.45a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5" })
     ]
   }
 );
@@ -3259,7 +3378,7 @@ var Verified_default = Verified;
 // src/animated/Video.tsx
 import { motion as motion126 } from "motion/react";
 import { jsx as jsx126, jsxs as jsxs124 } from "react/jsx-runtime";
-var lens2 = {
+var lens = {
   rest: { scaleX: 1, transition: settleSpring },
   play: { scaleX: [1, 1.2, 1], transition: gesture }
 };
@@ -3274,7 +3393,7 @@ var Video = (props) => /* @__PURE__ */ jsxs124(
     children: [
       /* @__PURE__ */ jsx126(Fill, { 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-2z" }),
       /* @__PURE__ */ jsx126("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__ */ jsxs124(motion126.g, { variants: lens2, style: { originX: 0, originY: 0.5 }, children: [
+      /* @__PURE__ */ jsxs124(motion126.g, { variants: lens, style: { originX: 0, originY: 0.5 }, children: [
         /* @__PURE__ */ jsx126(Fill, { d: "M16.9 13.6L22 17V9l-5.1 3.4z" }),
         /* @__PURE__ */ jsx126("path", { d: "M22 9l-6 4l6 4z" })
       ] })
@@ -3546,7 +3665,7 @@ var VolumeX_default = VolumeX;
 // src/animated/Webcam.tsx
 import { motion as motion138 } from "motion/react";
 import { jsx as jsx138, jsxs as jsxs136 } from "react/jsx-runtime";
-var lens3 = pop(0.75);
+var lens2 = pop(0.75);
 var Webcam = (props) => /* @__PURE__ */ jsxs136(
   AnimatedSvg,
   {
@@ -3558,7 +3677,7 @@ var Webcam = (props) => /* @__PURE__ */ jsxs136(
     children: [
       /* @__PURE__ */ jsx138(Fill, { d: WebcamFillPath }),
       /* @__PURE__ */ jsx138("path", { d: "M12 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16M12 18v4M7 22h10" }),
-      /* @__PURE__ */ jsx138(motion138.path, { variants: lens3, d: "M15 10a3 3 0 1 1-6 0a3 3 0 0 1 6 0" })
+      /* @__PURE__ */ jsx138(motion138.path, { variants: lens2, d: "M15 10a3 3 0 1 1-6 0a3 3 0 0 1 6 0" })
     ]
   }
 );
@@ -4130,7 +4249,7 @@ var player2 = {
 };
 var SHOT2 = { duration: 0.45, delay: 0.2 };
 var TRAVEL2 = { ...SHOT2, times: [0, 0.55, 0.6, 1], ease: ["easeOut", "linear", "easeOut"] };
-var ball6 = {
+var ball4 = {
   rest: { x: 0, y: 0, opacity: 1, transition: settleTween },
   play: {
     x: [0, 3.6, 0, 0],
@@ -4149,7 +4268,7 @@ var FloorballChance = (props) => /* @__PURE__ */ jsxs154(AnimatedSvg, { ...props
       d: "M15.742 9.22c0.288 0.291 1.155 1.227 1.56 1.636c0.404 0.41 0.404 0.935 0.404 1.403v1.725c0 0.789-0.23 1.052-0.982 1.052h-1.59c1.301 1.637 1.532 1.9 1.532 1.9c0.202 0.263 0.29 0.847 0.26 1.315c-0.086 0.73-0.404 3.157-0.549 3.683c-0.144 0.702-1.387 1.257-1.387 0v-3.595l-2.455-2.894c0.144 1.578 0.173 2.017 0.173 2.017c0.029 0.438-0.173 0.964-0.462 1.578c-0.116 0.234-2.052 3.07-2.283 3.45c-0.664 0.993-1.965 0.438-1.358-0.82l1.734-3.682a157 157 0 0 0-0.81-2.952c-0.173-0.556-0.317-1.286 0.405-1.842c0.318-0.234 0.896-0.701 1.503-1.14L8.432 9.716l-0.925-0.234c-0.375-0.087-0.491-0.467-0.375-0.789L3.578 5.887l-0.029-0.03C3.087 5.39 3 4.865 3 4.25V2.38c0-0.467 0.029-0.935 0.347-1.169c0.26-0.263 0.635-0.204 0.78-0.204c1.069 0.175 1.069 1.198 1.069 1.52c0 0.146 0 0.38-0.03 0.643c0 0.73-0.057 2.572 0.088 3.069L7.68 8.167c0.115-0.059 0.25-0.059 0.365-0.059c1.04 0.03 5.72 0.556 6.674 0.643c0.492 0.03 0.723 0.205 1.012 0.468ZM4.416 3.168c0.029-0.264 0.029-0.497 0.029-0.644c0-0.701-0.232-0.73-0.434-0.76h-0.173c-0.029 0-0.087 0.117-0.087 0.614V4.25c0 0.526 0.087 0.79 0.318 1.052l0.347 0.293c-0.03-0.585 0-1.403 0-2.426M18.689 9.599a1.947 1.947 0 0 1-1.936-1.958c0-1.082 0.867-1.959 1.936-1.959s1.935 0.877 1.935 1.959a1.947 1.947 0 0 1-1.935 1.958M12.043 11.587l1.012-0.76l-2.832-0.702z"
     }
   ),
-  /* @__PURE__ */ jsx167(motion167.path, { variants: ball6, fill: "currentColor", d: "M19.815 20.589c0.665 0 1.185 0.527 1.185 1.17c0 0.672-0.52 1.198-1.185 1.198c-0.635 0-1.155-0.526-1.155-1.198c0-0.643 0.52-1.17 1.155-1.17" })
+  /* @__PURE__ */ jsx167(motion167.path, { variants: ball4, fill: "currentColor", d: "M19.815 20.589c0.665 0 1.185 0.527 1.185 1.17c0 0.672-0.52 1.198-1.185 1.198c-0.635 0-1.155-0.526-1.155-1.198c0-0.643 0.52-1.17 1.155-1.17" })
 ] });
 var FloorballChance_default = FloorballChance;
 
@@ -4162,7 +4281,7 @@ var player3 = {
 };
 var SHOT3 = { duration: 0.45, delay: 0.1 };
 var TRAVEL3 = { ...SHOT3, times: [0, 0.55, 0.6, 1], ease: ["easeOut", "linear", "easeOut"] };
-var ball7 = {
+var ball5 = {
   rest: { x: 0, y: 0, opacity: 1, transition: settleTween },
   play: {
     x: [0, 2.8, 0, 0],
@@ -4181,22 +4300,30 @@ var FootballChance = (props) => /* @__PURE__ */ jsxs155(AnimatedSvg, { ...props,
       d: "M16.772 3.158c0-1.192-1.01-2.158-2.257-2.158s-2.257 0.966-2.257 2.158s0.91 2.126 2.257 2.126c1.246 0 2.257-0.934 2.257-2.126M17.311 11.211c0.438 0.16 1.044 0.032 1.28-0.193c0.236-0.194 2.527-2.287 3.167-2.835c0.674-0.644-0.202-1.385-0.876-0.999c0 0-0.708 0.355-3.403 1.869c-5.39-3.06-5.828-3.35-5.828-3.35c-0.572-0.322-0.74-0.355-1.28-0.29c-0.303 0.032-6.468 0.966-7.647 1.16c-1.179 0.16-0.711 1.385-0.071 1.385h7.108L5.45 16.622c-0.674 1.385 0.842 1.965 1.583 0.87l2.695-3.801c0.236-0.387 0.742-0.065 0.573 0.322c-0.303 0.676-2.594 6.346-3.065 7.57c-0.54 1.449 1.28 1.964 1.852 0.676c0 0 0.337-0.709 5.492-12.111l2.728 1.063Z"
     }
   ),
-  /* @__PURE__ */ jsx168(motion168.path, { variants: ball7, fill: "currentColor", d: "M17.715 20.841c0-1.19-1.01-2.157-2.257-2.157c-1.246 0-2.257 0.966-2.257 2.158S14.211 23 15.458 23s2.257-0.966 2.257-2.158" })
+  /* @__PURE__ */ jsx168(motion168.path, { variants: ball5, fill: "currentColor", d: "M17.715 20.841c0-1.19-1.01-2.157-2.257-2.157c-1.246 0-2.257 0.966-2.257 2.158S14.211 23 15.458 23s2.257-0.966 2.257-2.158" })
 ] });
 var FootballChance_default = FootballChance;
 
 // src/animated/Futsal.tsx
 import { motion as motion169 } from "motion/react";
 import { jsx as jsx169 } from "react/jsx-runtime";
-var ball8 = spinOnce();
-var Futsal = (props) => /* @__PURE__ */ jsx169(AnimatedSvg, { ...props, children: /* @__PURE__ */ jsx169(
-  motion169.path,
-  {
-    variants: ball8,
-    fill: "currentColor",
-    d: "M12.02 1c6.08 0 11.02 4.94 11.02 11.02c0 6.118-4.94 11.02-11.02 11.02S1 18.138 1 12.02C1 5.94 5.94 1 12.02 1M12.02 2.482a9.5 9.5 0 0 0-4.028 0.874l0.19 1.254l2.736 0.95l4.294-0.95l0.304-1.482a9.7 9.7 0 0 0-3.496-0.646M16.2 4.838l3.078 2.622h1.14a9.57 9.57 0 0 0-3.952-3.914zM7.156 4.61l-0.114-0.722c-1.254 0.76-2.356 1.824-3.116 3.116l0.798-0.114zM7.65 5.522L5.56 7.536l0.988 2.926l3.116-0.228l0.646-3.8zM15.516 5.598l-4.18 0.912l-0.684 3.99l2.622 2.508l4.066-0.456c0.95-2.242 1.178-3.8 1.216-4.37zM2.482 12.02c0 1.216 0.19 2.356 0.608 3.382l1.178-0.38c0.38-1.9 1.102-3.496 1.368-4.028L4.61 7.916l-1.292 0.19a9.5 9.5 0 0 0-0.836 3.914M19.43 15.63l1.406 0.19a9.7 9.7 0 0 0 0.76-3.8c0-1.254-0.266-2.432-0.684-3.572h-1.33c-0.114 0.798-0.38 2.394-1.33 4.56zM6.624 17.15c0.57 0.608 1.254 0.95 1.482 1.064c0.456 0 2.356-0.038 3.724-0.722l0.684-3.762l-2.584-2.508l-3.42 0.266c-0.266 0.57-0.912 2.09-1.254 3.838c0.228 0.342 0.76 1.178 1.368 1.824M13.502 13.996l-0.646 3.61c0.874 0.608 1.938 0.912 3.268 0.95c1.14-0.76 1.938-1.786 2.394-2.47l-1.14-2.546zM7.308 20.342l0.152-1.292c-0.38-0.228-1.026-0.608-1.596-1.216a13 13 0 0 1-1.368-1.786l-0.988 0.304c0.836 1.672 2.166 3.04 3.8 3.99M16.808 19.316l0.114 0.95a10.04 10.04 0 0 0 3.42-3.496l-0.988-0.114c-0.494 0.722-1.33 1.824-2.546 2.66M12.02 21.596a9.5 9.5 0 0 0 3.914-0.836l-0.114-1.216c-1.406-0.076-2.622-0.456-3.572-1.102c-1.33 0.646-3.002 0.76-3.8 0.798l-0.19 1.596a9.6 9.6 0 0 0 3.762 0.76"
-  }
-) });
+var DISC = "M12.02 1c6.08 0 11.02 4.94 11.02 11.02c0 6.118-4.94 11.02-11.02 11.02S1 18.138 1 12.02C1 5.94 5.94 1 12.02 1";
+var HOLES2 = [
+  "M12.02 2.482C11.325 2.479 10.633 2.551 9.958 2.698C9.283 2.844 8.623 3.065 7.992 3.356C8.055 3.774 8.119 4.192 8.182 4.61C8.638 4.768 9.094 4.927 9.55 5.085C10.006 5.243 10.462 5.402 10.918 5.56C11.634 5.402 12.349 5.243 13.065 5.085C13.781 4.927 14.496 4.768 15.212 4.61C15.313 4.116 15.415 3.622 15.516 3.128C14.958 2.914 14.383 2.752 13.798 2.643C13.213 2.535 12.618 2.481 12.02 2.482",
+  "M16.2 4.838C16.713 5.275 17.226 5.712 17.739 6.149C18.252 6.586 18.765 7.023 19.278 7.46C19.658 7.46 20.038 7.46 20.418 7.46C20.118 6.904 19.765 6.382 19.365 5.901C18.966 5.419 18.521 4.978 18.035 4.583C17.55 4.189 17.025 3.841 16.466 3.546C16.377 3.977 16.289 4.407 16.2 4.838Z",
+  "M7.156 4.61C7.118 4.369 7.08 4.129 7.042 3.888C6.415 4.268 5.826 4.724 5.299 5.247C4.772 5.769 4.306 6.358 3.926 7.004C4.192 6.966 4.458 6.928 4.724 6.89C5.129 6.51 5.535 6.13 5.94 5.75C6.345 5.37 6.751 4.99 7.156 4.61Z",
+  "M7.65 5.522C7.302 5.858 6.953 6.193 6.605 6.529C6.257 6.865 5.908 7.2 5.56 7.536C5.725 8.024 5.889 8.511 6.054 8.999C6.219 9.487 6.383 9.974 6.548 10.462C7.067 10.424 7.587 10.386 8.106 10.348C8.625 10.31 9.145 10.272 9.664 10.234C9.772 9.601 9.879 8.967 9.987 8.334C10.095 7.701 10.202 7.067 10.31 6.434C9.867 6.282 9.423 6.13 8.98 5.978C8.537 5.826 8.093 5.674 7.65 5.522Z",
+  "M15.516 5.598C14.819 5.75 14.123 5.902 13.426 6.054C12.729 6.206 12.033 6.358 11.336 6.51C11.222 7.175 11.108 7.84 10.994 8.505C10.88 9.17 10.766 9.835 10.652 10.5C11.089 10.918 11.526 11.336 11.963 11.754C12.4 12.172 12.837 12.59 13.274 13.008C13.952 12.932 14.629 12.856 15.307 12.78C15.985 12.704 16.662 12.628 17.34 12.552C17.815 11.431 18.109 10.481 18.29 9.74C18.471 8.999 18.537 8.467 18.556 8.182C18.049 7.751 17.543 7.321 17.036 6.89C16.529 6.459 16.023 6.029 15.516 5.598Z",
+  "M2.482 12.02C2.482 12.628 2.53 13.217 2.629 13.782C2.729 14.348 2.881 14.889 3.09 15.402C3.483 15.275 3.875 15.149 4.268 15.022C4.458 14.072 4.734 13.198 4.995 12.495C5.256 11.792 5.503 11.26 5.636 10.994C5.465 10.481 5.294 9.968 5.123 9.455C4.952 8.942 4.781 8.429 4.61 7.916C4.179 7.979 3.749 8.043 3.318 8.106C3.041 8.721 2.832 9.362 2.692 10.018C2.551 10.675 2.481 11.345 2.482 12.02",
+  "M19.43 15.63C19.899 15.693 20.367 15.757 20.836 15.82C21.089 15.219 21.28 14.595 21.408 13.958C21.535 13.322 21.598 12.672 21.596 12.02C21.596 11.393 21.53 10.785 21.411 10.191C21.292 9.598 21.121 9.018 20.912 8.448C20.469 8.448 20.025 8.448 19.582 8.448C19.525 8.847 19.43 9.446 19.231 10.215C19.031 10.985 18.727 11.925 18.252 13.008C18.448 13.445 18.645 13.882 18.841 14.319C19.037 14.756 19.234 15.193 19.43 15.63Z",
+  "M6.624 17.15C7.194 17.758 7.878 18.1 8.106 18.214C8.334 18.214 8.923 18.205 9.626 18.109C10.329 18.015 11.146 17.834 11.83 17.492C11.944 16.865 12.058 16.238 12.172 15.611C12.286 14.984 12.4 14.357 12.514 13.73C12.083 13.312 11.653 12.894 11.222 12.476C10.791 12.058 10.361 11.64 9.93 11.222C9.36 11.266 8.79 11.311 8.22 11.355C7.65 11.399 7.08 11.444 6.51 11.488C6.377 11.773 6.149 12.295 5.911 12.965C5.674 13.635 5.427 14.452 5.256 15.326C5.484 15.668 6.016 16.504 6.624 17.15",
+  "M13.502 13.996C13.394 14.598 13.287 15.199 13.179 15.801C13.071 16.403 12.964 17.004 12.856 17.606C13.293 17.91 13.778 18.138 14.319 18.295C14.861 18.452 15.459 18.537 16.124 18.556C16.694 18.176 17.179 17.73 17.578 17.293C17.976 16.856 18.29 16.428 18.518 16.086C18.328 15.662 18.138 15.237 17.948 14.813C17.758 14.389 17.568 13.964 17.378 13.54C16.732 13.616 16.086 13.692 15.44 13.768C14.794 13.844 14.148 13.92 13.502 13.996Z",
+  "M7.308 20.342C7.359 19.911 7.409 19.481 7.46 19.05C7.08 18.822 6.434 18.442 5.864 17.834C5.357 17.279 4.9 16.682 4.496 16.048C4.167 16.149 3.837 16.251 3.508 16.352C3.787 16.909 4.12 17.433 4.502 17.918C4.883 18.404 5.312 18.852 5.782 19.257C6.252 19.662 6.763 20.025 7.308 20.342",
+  "M16.808 19.316C16.846 19.633 16.884 19.949 16.922 20.266C17.627 19.833 18.274 19.317 18.848 18.729C19.422 18.142 19.925 17.485 20.342 16.77C20.013 16.732 19.683 16.694 19.354 16.656C19.107 17.017 18.775 17.473 18.352 17.943C17.929 18.414 17.416 18.898 16.808 19.316",
+  "M12.02 21.596C12.695 21.597 13.365 21.527 14.022 21.386C14.678 21.246 15.319 21.037 15.934 20.76C15.896 20.355 15.858 19.949 15.82 19.544C15.117 19.506 14.461 19.392 13.863 19.207C13.264 19.022 12.723 18.765 12.248 18.442C11.583 18.765 10.832 18.955 10.148 19.069C9.464 19.183 8.847 19.221 8.448 19.24C8.385 19.772 8.321 20.304 8.258 20.836C8.853 21.088 9.47 21.279 10.101 21.406C10.731 21.533 11.374 21.597 12.02 21.596"
+];
+var turn6 = /* @__PURE__ */ surfaceTurn(HOLES2, 9.65, DISC);
+var Futsal = (props) => /* @__PURE__ */ jsx169(AnimatedSvg, { ...props, children: /* @__PURE__ */ jsx169(motion169.path, { variants: turn6, fill: "currentColor" }) });
 var Futsal_default = Futsal;
 
 // src/animated/GoalFrame.tsx
@@ -4342,11 +4469,11 @@ var ListOrdered_default = ListOrdered;
 // src/animated/Live.tsx
 import { motion as motion177 } from "motion/react";
 import { jsx as jsx177 } from "react/jsx-runtime";
-var dot2 = {
+var dot = {
   rest: { scale: 1, opacity: 1, transition: settleSpring },
   play: { scale: [1, 1.3, 1], opacity: [1, 0.6, 1], transition: gesture }
 };
-var Live = (props) => /* @__PURE__ */ jsx177(AnimatedSvg, { ...props, children: /* @__PURE__ */ jsx177(motion177.path, { variants: dot2, fill: "currentColor", d: "M16 12a4 4 0 1 1-8 0a4 4 0 0 1 8 0" }) });
+var Live = (props) => /* @__PURE__ */ jsx177(AnimatedSvg, { ...props, children: /* @__PURE__ */ jsx177(motion177.path, { variants: dot, fill: "currentColor", d: "M16 12a4 4 0 1 1-8 0a4 4 0 0 1 8 0" }) });
 var Live_default = Live;
 
 // src/animated/Loader.tsx
@@ -4596,7 +4723,7 @@ var Offside_default = Offside;
 // src/animated/Penalty.tsx
 import { motion as motion189 } from "motion/react";
 import { jsx as jsx189, jsxs as jsxs167 } from "react/jsx-runtime";
-var ball9 = {
+var ball6 = {
   rest: { y: 0, opacity: 1, transition: settleTween },
   play: { y: [0, -8, 0], opacity: [1, 0.3, 1], transition: { duration: 0.5, ease: "easeInOut" } }
 };
@@ -4610,7 +4737,7 @@ var Penalty = (props) => /* @__PURE__ */ jsxs167(
     ...props,
     children: [
       /* @__PURE__ */ jsx189("path", { d: "M13.7 4H5a2 2 0 0 0-2 2v9M10.3 4H19a2 2 0 0 1 2 2v9" }),
-      /* @__PURE__ */ jsx189(motion189.path, { variants: ball9, d: "M14 19a2 2 0 1 1-4 0a2 2 0 0 1 4 0" })
+      /* @__PURE__ */ jsx189(motion189.path, { variants: ball6, d: "M14 19a2 2 0 1 1-4 0a2 2 0 0 1 4 0" })
     ]
   }
 );
@@ -4729,7 +4856,7 @@ var Referee_default = Referee;
 // src/animated/RefreshCcw.tsx
 import { motion as motion196 } from "motion/react";
 import { jsx as jsx196 } from "react/jsx-runtime";
-var spin3 = spinOnce(-1);
+var spin = spinOnce(-1);
 var RefreshCcw = (props) => /* @__PURE__ */ jsx196(
   AnimatedSvg,
   {
@@ -4738,7 +4865,7 @@ var RefreshCcw = (props) => /* @__PURE__ */ jsx196(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsx196(motion196.g, { variants: spin3, children: /* @__PURE__ */ jsx196("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__ */ jsx196(motion196.g, { variants: spin, children: /* @__PURE__ */ jsx196("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;
@@ -4746,7 +4873,7 @@ var RefreshCcw_default = RefreshCcw;
 // src/animated/RefreshCw.tsx
 import { motion as motion197 } from "motion/react";
 import { jsx as jsx197 } from "react/jsx-runtime";
-var spin4 = spinOnce(1);
+var spin2 = spinOnce(1);
 var RefreshCw = (props) => /* @__PURE__ */ jsx197(
   AnimatedSvg,
   {
@@ -4755,7 +4882,7 @@ var RefreshCw = (props) => /* @__PURE__ */ jsx197(
     strokeLinejoin: "round",
     strokeWidth: 1.8,
     ...props,
-    children: /* @__PURE__ */ jsx197(motion197.g, { variants: spin4, children: /* @__PURE__ */ jsx197("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__ */ jsx197(motion197.g, { variants: spin2, children: /* @__PURE__ */ jsx197("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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sportswik/icons-react",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "private": false,
   "description": "Sportswik icon components for React",
   "main": "dist/index.js",