nfx-ui 0.24.2 → 0.26.0

package/dist/animations/gamepad-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
-import { motion as r, useAnimate as i } from "motion/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a, useAnimate as o } from "motion/react";
 //#region src/animations/gamepad-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(() => {
+	let [d, f] = o(), p = t(() => {
 		f(d.current, { scale: 1.05 }, {
 			duration: .2,
 			ease: "easeOut"
@@ -73,7 +73,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -89,22 +89,22 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		className: `cursor-pointer ${l}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ a("path", { d: "M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" }),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ r("path", { d: "M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" }),
+			/* @__PURE__ */ i(a.g, {
 				className: "gamepad-dpad",
-				children: [/* @__PURE__ */ a("line", {
+				children: [/* @__PURE__ */ r("line", {
 					x1: "6",
 					x2: "10",
 					y1: "11",
 					y2: "11"
-				}), /* @__PURE__ */ a("line", {
+				}), /* @__PURE__ */ r("line", {
 					x1: "8",
 					x2: "8",
 					y1: "9",
 					y2: "13"
 				})]
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "gamepad-dot-1",
 				x1: "15",
 				x2: "15.01",
@@ -112,7 +112,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				y2: "12",
 				style: { transformOrigin: "15px 12px" }
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "gamepad-dot-2",
 				x1: "18",
 				x2: "18.01",

package/dist/animations/gauge-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
-import { motion as r, useAnimate as i } from "motion/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a, useAnimate as o } from "motion/react";
 //#region src/animations/gauge-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(async () => {
+	let [d, f] = o(), p = t(async () => {
 		f(".needle", { rotate: [
 			0,
 			45,
@@ -23,7 +23,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -37,7 +37,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		className: `cursor-pointer ${l}`,
 		onHoverStart: p,
 		onHoverEnd: m,
-		children: [/* @__PURE__ */ a("path", { d: "M3.34 19a10 10 0 1 1 17.32 0" }), /* @__PURE__ */ a(r.path, {
+		children: [/* @__PURE__ */ r("path", { d: "M3.34 19a10 10 0 1 1 17.32 0" }), /* @__PURE__ */ r(a.path, {
 			className: "needle",
 			style: { transformOrigin: "12px 14px" },
 			d: "m12 14 4-4"

package/dist/animations/gear-icon.js

@@ -1,10 +1,10 @@
 import { scaledStrokeWidth as e } from "./types.js";
 import { forwardRef as t, useImperativeHandle as n } from "react";
-import { motion as r, useAnimate as i } from "motion/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a, useAnimate as o } from "motion/react";
 //#region src/animations/gear-icon.tsx
 var s = t(({ size: t = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = () => {
+	let [d, f] = o(), p = () => {
 		f(".gear-body", { scale: [
 			1,
 			1.02,
@@ -26,7 +26,7 @@ var s = t(({ size: t = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ a(r.svg, {
+	})), /* @__PURE__ */ r(a.svg, {
 		ref: d,
 		onHoverStart: () => {
 			p();
@@ -45,18 +45,18 @@ var s = t(({ size: t = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeMiterlimit: "10",
 		className: `cursor-pointer ${l}`,
 		style: { overflow: "visible" },
-		children: /* @__PURE__ */ o(r.g, {
+		children: /* @__PURE__ */ i(a.g, {
 			className: "gear-rotator",
 			style: {
 				transformOrigin: "50% 50%",
 				transformBox: "fill-box"
 			},
-			children: [/* @__PURE__ */ a(r.circle, {
+			children: [/* @__PURE__ */ r(a.circle, {
 				className: "gear-center",
 				cx: "16",
 				cy: "16",
 				r: "5"
-			}), /* @__PURE__ */ a(r.path, {
+			}), /* @__PURE__ */ r(a.path, {
 				className: "gear-body",
 				d: "m30,17.5v-3l-3.388-1.355c-.25-.933-.617-1.815-1.089-2.633l1.436-3.351-2.121-2.121-3.351,1.436c-.817-.472-1.7-.838-2.633-1.089l-1.355-3.388h-3l-1.355,3.388c-.933.25-1.815.617-2.633,1.089l-3.351-1.436-2.121,2.121 1.436,3.351c-.472.817-.838,1.7-1.089,2.633l-3.388,1.355v3l3.388,1.355c.25.933.617,1.815,1.089,2.633l-1.436,3.351 2.121,2.121 3.351-1.436c.817.472 1.7.838 2.633,1.089l1.355,3.388h3l1.355-3.388c.933-.25 1.815-.617 2.633-1.089l3.351,1.436 2.121-2.121-1.436-3.351c.472-.817.838-1.7 1.089-2.633l3.388-1.355Z"
 			})]

package/dist/animations/ghost-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useImperativeHandle as t } from "react";
-import { motion as n, useAnimate as r } from "motion/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { motion as i, useAnimate as a } from "motion/react";
 //#region src/animations/ghost-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		d(".ghost-body", {
 			y: [
 				0,
@@ -63,7 +63,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -83,17 +83,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		className: `cursor-pointer ${c}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "ghost-body",
 				style: { transformOrigin: "12px 14px" },
 				d: "M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "ghost-eye",
 				style: { transformOrigin: "10px 10px" },
 				d: "M10 10h.01"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "ghost-eye",
 				style: { transformOrigin: "14px 10px" },
 				d: "M14 10h.01"

package/dist/animations/github-copilot-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
-import { motion as r, useAnimate as i } from "motion/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a, useAnimate as o } from "motion/react";
 //#region src/animations/github-copilot-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(async () => {
+	let [d, f] = o(), p = t(async () => {
 		f(".eye-left", { scaleY: [
 			1,
 			.1,
@@ -29,12 +29,12 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ a(r.div, {
+	})), /* @__PURE__ */ r(a.div, {
 		ref: d,
 		className: `inline-flex cursor-pointer items-center justify-center ${l}`,
 		onHoverStart: p,
 		onHoverEnd: m,
-		children: /* @__PURE__ */ o("svg", {
+		children: /* @__PURE__ */ i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -45,22 +45,22 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			children: [
-				/* @__PURE__ */ a("path", {
+				/* @__PURE__ */ r("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}),
-				/* @__PURE__ */ a("path", { d: "M4 18v-5.5c0 -.667 .167 -1.333 .5 -2" }),
-				/* @__PURE__ */ a("path", { d: "M12 7.5c0 -1 -.01 -4.07 -4 -3.5c-3.5 .5 -4 2.5 -4 3.5c0 1.5 0 4 3 4c4 0 5 -2.5 5 -4z" }),
-				/* @__PURE__ */ a("path", { d: "M4 12c-1.333 .667 -2 1.333 -2 2c0 1 0 3 1.5 4c3 2 6.5 3 8.5 3s5.499 -1 8.5 -3c1.5 -1 1.5 -3 1.5 -4c0 -.667 -.667 -1.333 -2 -2" }),
-				/* @__PURE__ */ a("path", { d: "M20 18v-5.5c0 -.667 -.167 -1.333 -.5 -2" }),
-				/* @__PURE__ */ a("path", { d: "M12 7.5l0 -.297l.01 -.269l.027 -.298l.013 -.105l.033 -.215c.014 -.073 .029 -.146 .046 -.22l.06 -.223c.336 -1.118 1.262 -2.237 3.808 -1.873c2.838 .405 3.703 1.797 3.93 2.842l.036 .204c0 .033 .01 .066 .013 .098l.016 .185l0 .171l0 .49l-.015 .394l-.02 .271c-.122 1.366 -.655 2.845 -2.962 2.845c-3.256 0 -4.524 -1.656 -4.883 -3.081l-.053 -.242a3.865 3.865 0 0 1 -.036 -.235l-.021 -.227a3.518 3.518 0 0 1 -.007 -.215z" }),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r("path", { d: "M4 18v-5.5c0 -.667 .167 -1.333 .5 -2" }),
+				/* @__PURE__ */ r("path", { d: "M12 7.5c0 -1 -.01 -4.07 -4 -3.5c-3.5 .5 -4 2.5 -4 3.5c0 1.5 0 4 3 4c4 0 5 -2.5 5 -4z" }),
+				/* @__PURE__ */ r("path", { d: "M4 12c-1.333 .667 -2 1.333 -2 2c0 1 0 3 1.5 4c3 2 6.5 3 8.5 3s5.499 -1 8.5 -3c1.5 -1 1.5 -3 1.5 -4c0 -.667 -.667 -1.333 -2 -2" }),
+				/* @__PURE__ */ r("path", { d: "M20 18v-5.5c0 -.667 -.167 -1.333 -.5 -2" }),
+				/* @__PURE__ */ r("path", { d: "M12 7.5l0 -.297l.01 -.269l.027 -.298l.013 -.105l.033 -.215c.014 -.073 .029 -.146 .046 -.22l.06 -.223c.336 -1.118 1.262 -2.237 3.808 -1.873c2.838 .405 3.703 1.797 3.93 2.842l.036 .204c0 .033 .01 .066 .013 .098l.016 .185l0 .171l0 .49l-.015 .394l-.02 .271c-.122 1.366 -.655 2.845 -2.962 2.845c-3.256 0 -4.524 -1.656 -4.883 -3.081l-.053 -.242a3.865 3.865 0 0 1 -.036 -.235l-.021 -.227a3.518 3.518 0 0 1 -.007 -.215z" }),
+				/* @__PURE__ */ r(a.path, {
 					className: "eye-left",
 					d: "M10 15v2",
 					style: { transformOrigin: "10px 16px" }
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "eye-right",
 					d: "M14 15v2",
 					style: { transformOrigin: "14px 16px" }

package/dist/animations/github-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useImperativeHandle as t } from "react";
-import { motion as n, useAnimate as r } from "motion/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { motion as i, useAnimate as a } from "motion/react";
 //#region src/animations/github-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		await d(".github-icon", {
 			scale: [
 				1,
@@ -32,7 +32,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ i(n.svg, {
+	})), /* @__PURE__ */ n(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -51,14 +51,14 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
 		style: { overflow: "visible" },
-		children: /* @__PURE__ */ a(n.g, {
+		children: /* @__PURE__ */ r(i.g, {
 			className: "github-icon",
 			style: { transformOrigin: "center" },
-			children: [/* @__PURE__ */ i("path", {
+			children: [/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), /* @__PURE__ */ i("path", { d: "M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" })]
+			}), /* @__PURE__ */ n("path", { d: "M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" })]
 		})
 	});
 });

package/dist/animations/gitlab-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
-import { motion as r, useAnimate as i } from "motion/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a, useAnimate as o } from "motion/react";
 //#region src/animations/gitlab-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(async () => {
+	let [d, f] = o(), p = t(async () => {
 		await f(".gitlab-icon", {
 			scale: [
 				1,
@@ -32,12 +32,12 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ a(r.div, {
+	})), /* @__PURE__ */ r(a.div, {
 		ref: d,
 		className: `inline-flex cursor-pointer items-center justify-center ${l}`,
 		onHoverStart: p,
 		onHoverEnd: m,
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -47,14 +47,14 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 			strokeWidth: c,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: /* @__PURE__ */ o(r.g, {
+			children: /* @__PURE__ */ i(a.g, {
 				className: "gitlab-icon",
 				style: { transformOrigin: "center" },
-				children: [/* @__PURE__ */ a("path", {
+				children: [/* @__PURE__ */ r("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
-				}), /* @__PURE__ */ a("path", { d: "M21 14l-9 7l-9 -7l3 -11l3 7h6l3 -7z" })]
+				}), /* @__PURE__ */ r("path", { d: "M21 14l-9 7l-9 -7l3 -11l3 7h6l3 -7z" })]
 			})
 		})
 	});

package/dist/animations/globe-icon.js

@@ -1,10 +1,10 @@
 import { scaledStrokeWidth as e } from "./types.js";
 import { forwardRef as t, useImperativeHandle as n, useRef as r } from "react";
-import { motion as i, useAnimate as a } from "motion/react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { motion as o, useAnimate as s } from "motion/react";
 //#region src/animations/globe-icon.tsx
 var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, className: u = "" }, d) => {
-	let [f, p] = a(), m = r([]), h = async () => {
+	let [f, p] = s(), m = r([]), h = async () => {
 		m.current.forEach((e) => e.stop()), m.current = [], m.current.push(p(".globe-circle", { rotate: 360 }, {
 			duration: 2,
 			ease: "linear",
@@ -16,12 +16,12 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 	return n(d, () => ({
 		startAnimation: h,
 		stopAnimation: g
-	})), /* @__PURE__ */ o(i.div, {
+	})), /* @__PURE__ */ i(o.div, {
 		ref: f,
 		className: `inline-flex cursor-pointer ${u}`,
 		onHoverStart: h,
 		onHoverEnd: g,
-		children: /* @__PURE__ */ s("svg", {
+		children: /* @__PURE__ */ a("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: t,
 			height: t,
@@ -32,37 +32,37 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 			strokeMiterlimit: "10",
 			strokeLinecap: "square",
 			children: [
-				/* @__PURE__ */ s(i.g, {
+				/* @__PURE__ */ a(o.g, {
 					className: "globe-circle",
 					style: { transformOrigin: "23px 19px" },
 					children: [
-						/* @__PURE__ */ o(i.path, {
+						/* @__PURE__ */ i(o.path, {
 							className: "globe-continent-1",
 							d: "M36.6225 22.1264C34.6145 19.2959 32.3651 15.7913 28.4377 17.3428C24.4307 18.9257 30.0493 23.15 25.2064 26.9189C22.1135 29.3259 22.8515 31.6477 23.9478 33"
 						}),
-						/* @__PURE__ */ o(i.path, {
+						/* @__PURE__ */ i(o.path, {
 							className: "globe-continent-2",
 							d: "M14 30L15.336 28.0984C16.3999 26.5841 16.557 24.5077 15.7357 22.8151L15.5751 22.4842C14.5131 20.2955 15.1651 17.5604 17.0607 16.253L17.3292 16.0677C18.2109 15.4596 18.808 14.4478 18.9613 13.3023C19.1316 12.0291 18.7338 10.7433 17.8962 9.85981L15.3599 7.24048"
 						}),
-						/* @__PURE__ */ o(i.path, {
+						/* @__PURE__ */ i(o.path, {
 							className: "globe-continent-3",
 							d: "M23.0628 5C22.3771 9.64991 27.3946 14.948 33.7332 10.0381"
 						}),
-						/* @__PURE__ */ o(i.path, {
+						/* @__PURE__ */ i(o.path, {
 							className: "globe-outline",
 							d: "M23 33C30.732 33 37 26.732 37 19C37 11.268 30.732 5 23 5C15.268 5 9 11.268 9 19C9 26.732 15.268 33 23 33Z"
 						})
 					]
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "globe-stand-stem",
 					d: "M23 43V38"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "globe-stand-base",
 					d: "M16 43H30"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "globe-axis",
 					d: "M38 3.99994L36.435 5.56491C43.855 12.9849 43.855 25.015 36.435 32.435C29.0151 39.8549 16.9849 39.8549 9.56497 32.435L7.99997 34"
 				})

package/dist/animations/gmail-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
-import { motion as r, useAnimate as i } from "motion/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a, useAnimate as o } from "motion/react";
 //#region src/animations/gmail-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(async () => {
+	let [d, f] = o(), p = t(async () => {
 		f(".envelope-top", {
 			pathLength: [0, 1],
 			opacity: [0, 1]
@@ -30,7 +30,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -45,22 +45,22 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		onHoverStart: p,
 		onHoverEnd: m,
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "sides",
 				style: { transformOrigin: "center" },
 				d: "M16 20h3a1 1 0 0 0 1 -1v-14a1 1 0 0 0 -1 -1h-3v16z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "sides",
 				style: { transformOrigin: "center" },
 				d: "M5 20h3v-16h-3a1 1 0 0 0 -1 1v14a1 1 0 0 0 1 1z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "envelope-top",
 				initial: {
 					pathLength: 1,
@@ -68,7 +68,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				},
 				d: "M16 4l-4 4l-4 -4"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "envelope-flap",
 				initial: {
 					pathLength: 1,

package/dist/animations/golang-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
-import { motion as r, stagger as i, useAnimate as a } from "motion/react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a, stagger as o, useAnimate as s } from "motion/react";
 //#region src/animations/golang-icon.tsx
 var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, className: u = "" }, d) => {
-	let [f, p] = a(), m = t(() => {
+	let [f, p] = s(), m = t(() => {
 		p(".speed-line", { x: [
 			0,
 			-2,
@@ -11,7 +11,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 		] }, {
 			duration: .4,
 			ease: "easeInOut",
-			delay: i(.1),
+			delay: o(.1),
 			repeat: 1
 		});
 	}, [p]), h = t(() => {
@@ -20,7 +20,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 	return n(d, () => ({
 		startAnimation: m,
 		stopAnimation: h
-	}), [m, h]), /* @__PURE__ */ s(r.svg, {
+	}), [m, h]), /* @__PURE__ */ i(a.svg, {
 		ref: f,
 		onHoverStart: m,
 		onHoverEnd: h,
@@ -35,22 +35,22 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${u}`,
 		children: [
-			/* @__PURE__ */ o("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ o("path", { d: "M15.695 14.305c1.061 1.06 2.953 .888 4.226 -.384c1.272 -1.273 1.444 -3.165 .384 -4.226c-1.061 -1.06 -2.953 -.888 -4.226 .384c-1.272 1.273 -1.444 3.165 -.384 4.226z" }),
-			/* @__PURE__ */ o("path", { d: "M12.68 9.233c-1.084 -.497 -2.545 -.191 -3.591 .846c-1.284 1.273 -1.457 3.165 -.388 4.226c1.07 1.06 2.978 .888 4.261 -.384a3.669 3.669 0 0 0 1.038 -1.921h-2.427" }),
-			/* @__PURE__ */ o(r.path, {
+			/* @__PURE__ */ r("path", { d: "M15.695 14.305c1.061 1.06 2.953 .888 4.226 -.384c1.272 -1.273 1.444 -3.165 .384 -4.226c-1.061 -1.06 -2.953 -.888 -4.226 .384c-1.272 1.273 -1.444 3.165 -.384 4.226z" }),
+			/* @__PURE__ */ r("path", { d: "M12.68 9.233c-1.084 -.497 -2.545 -.191 -3.591 .846c-1.284 1.273 -1.457 3.165 -.388 4.226c1.07 1.06 2.978 .888 4.261 -.384a3.669 3.669 0 0 0 1.038 -1.921h-2.427" }),
+			/* @__PURE__ */ r(a.path, {
 				className: "speed-line",
 				d: "M5.5 15h-1.5"
 			}),
-			/* @__PURE__ */ o(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "speed-line",
 				d: "M6 9h-2"
 			}),
-			/* @__PURE__ */ o(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "speed-line",
 				d: "M5 12h-3"
 			})

package/dist/animations/hand-heart-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
-import { motion as r, useAnimate as i } from "motion/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a, useAnimate as o } from "motion/react";
 //#region src/animations/hand-heart-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(async () => {
+	let [d, f] = o(), p = t(async () => {
 		f(".heart", { scale: [
 			1,
 			1.3,
@@ -31,7 +31,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -45,14 +45,14 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		className: `cursor-pointer ${l}`,
 		onHoverStart: p,
 		onHoverEnd: m,
-		children: [/* @__PURE__ */ o(r.g, {
+		children: [/* @__PURE__ */ i(a.g, {
 			className: "hand",
 			children: [
-				/* @__PURE__ */ a("path", { d: "M11 14h2a2 2 0 0 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16" }),
-				/* @__PURE__ */ a("path", { d: "m2 15 6 6" }),
-				/* @__PURE__ */ a("path", { d: "m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a1 1 0 0 0-2.75-2.91" })
+				/* @__PURE__ */ r("path", { d: "M11 14h2a2 2 0 0 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16" }),
+				/* @__PURE__ */ r("path", { d: "m2 15 6 6" }),
+				/* @__PURE__ */ r("path", { d: "m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a1 1 0 0 0-2.75-2.91" })
 			]
-		}), /* @__PURE__ */ a(r.path, {
+		}), /* @__PURE__ */ r(a.path, {
 			className: "heart",
 			style: { transformOrigin: "16px 8px" },
 			d: "m14.45 13.39 5.05-4.694C20.196 8 21 6.85 21 5.75a2.75 2.75 0 0 0-4.797-1.837.276.276 0 0 1-.406 0A2.75 2.75 0 0 0 11 5.75c0 1.2.802 2.248 1.5 2.946L16 11.95"

package/dist/animations/hashtag-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
-import { motion as r, useAnimate as i } from "motion/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a, useAnimate as o } from "motion/react";
 //#region src/animations/hashtag-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(async () => {
+	let [d, f] = o(), p = t(async () => {
 		f(".line-horizontal", {
 			scaleX: 1.1,
 			opacity: .7
@@ -31,7 +31,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -46,24 +46,24 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		onHoverStart: p,
 		onHoverEnd: m,
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "line-horizontal",
 				d: "M5 9l14 0"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "line-horizontal",
 				d: "M5 15l14 0"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "line-vertical",
 				d: "M11 4l-4 16"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "line-vertical",
 				d: "M17 4l-4 16"
 			})

package/dist/animations/heart-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useImperativeHandle as t } from "react";
-import { motion as n, useAnimate as r } from "motion/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { motion as i, useAnimate as a } from "motion/react";
 //#region src/animations/heart-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		await d(".heart", { scale: [
 			1,
 			1.15,
@@ -23,7 +23,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -42,11 +42,11 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `${c} cursor-pointer`,
 		style: { overflow: "visible" },
-		children: [/* @__PURE__ */ i(n.path, {
+		children: [/* @__PURE__ */ n(i.path, {
 			stroke: "none",
 			d: "M0 0h24v24H0z",
 			fill: "none"
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "heart",
 			style: { transformOrigin: "50% 50%" },
 			d: "M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"