nfx-ui 0.24.2 → 0.26.0

package/dist/animations/coffee-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/coffee-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(".steam", {
 			y: -2,
 			opacity: [
@@ -31,7 +31,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();
@@ -51,19 +51,19 @@ 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: "steam",
 				d: "M6 2v3"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "steam",
 				d: "M10 2v3"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "steam",
 				d: "M14 2v3"
 			}),
-			/* @__PURE__ */ i("path", { d: "M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1" })
+			/* @__PURE__ */ n("path", { d: "M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1" })
 		]
 	});
 });

package/dist/animations/coin-bitcoin-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/coin-bitcoin-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", className: s = "" }, c) => {
-	let [l, u] = r(), d = async () => {
+	let [l, u] = a(), d = async () => {
 		await u(l.current, { rotateY: 180 }, { duration: .6 });
 	}, f = () => {
 		u(l.current, { rotateY: 0 }, { duration: .6 });
@@ -11,7 +11,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", className: s = "" }, c) =>
 	return t(c, () => ({
 		startAnimation: d,
 		stopAnimation: f
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: l,
 		onHoverStart: () => {
 			d();
@@ -26,11 +26,11 @@ var o = e(({ size: e = 24, color: o = "currentColor", className: s = "" }, c) =>
 		fill: o,
 		className: `icon icon-tabler icons-tabler-filled icon-tabler-coin-bitcoin cursor-pointer ${s}`,
 		style: { transformStyle: "preserve-3d" },
-		children: [/* @__PURE__ */ i("path", {
+		children: [/* @__PURE__ */ n("path", {
 			stroke: "none",
 			d: "M0 0h24v24H0z",
 			fill: "none"
-		}), /* @__PURE__ */ i(n.path, { d: "M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1 14.995 -8.336zm-4 2.66a1 1 0 0 0 -1 1h-1a1 1 0 0 0 -2 0a1 1 0 1 0 0 2v6a1 1 0 0 0 0 2c0 1.333 2 1.333 2 0h1a1 1 0 0 0 2 0v-.15c1.167 -.394 2 -1.527 2 -2.85l-.005 -.175a3.063 3.063 0 0 0 -.734 -1.827c.46 -.532 .739 -1.233 .739 -1.998c0 -1.323 -.833 -2.456 -2 -2.85v-.15a1 1 0 0 0 -1 -1zm.09 7c.492 0 .91 .437 .91 1s-.418 1 -.91 1h-2.09v-2h2.09zm0 -4c.492 0 .91 .437 .91 1c0 .522 -.36 .937 -.806 .993l-.104 .007h-2.09v-2h2.09z" })]
+		}), /* @__PURE__ */ n(i.path, { d: "M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1 14.995 -8.336zm-4 2.66a1 1 0 0 0 -1 1h-1a1 1 0 0 0 -2 0a1 1 0 1 0 0 2v6a1 1 0 0 0 0 2c0 1.333 2 1.333 2 0h1a1 1 0 0 0 2 0v-.15c1.167 -.394 2 -1.527 2 -2.85l-.005 -.175a3.063 3.063 0 0 0 -.734 -1.827c.46 -.532 .739 -1.233 .739 -1.998c0 -1.323 -.833 -2.456 -2 -2.85v-.15a1 1 0 0 0 -1 -1zm.09 7c.492 0 .91 .437 .91 1s-.418 1 -.91 1h-2.09v-2h2.09zm0 -4c.492 0 .91 .437 .91 1c0 .522 -.36 .937 -.806 .993l-.104 .007h-2.09v-2h2.09z" })]
 	});
 });
 o.displayName = "CoinBitcoinIcon";

package/dist/animations/copy-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/copy-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(".front-copy", {
 			x: [
 				0,
@@ -31,7 +31,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ i(n.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -40,7 +40,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -51,13 +51,13 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			children: [
-				/* @__PURE__ */ i("path", {
+				/* @__PURE__ */ n("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}),
-				/* @__PURE__ */ i("path", { d: "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" }),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n("path", { d: "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" }),
+				/* @__PURE__ */ n(i.path, {
 					className: "front-copy",
 					d: "M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z"
 				})

package/dist/animations/copy-off-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/copy-off-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(".slash-line", { pathLength: [0, 1] }, {
 			duration: .5,
 			ease: "easeInOut"
@@ -27,7 +27,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ i(n.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -36,7 +36,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -47,16 +47,16 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			children: [
-				/* @__PURE__ */ i("path", {
+				/* @__PURE__ */ n("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}),
-				/* @__PURE__ */ a(n.g, {
+				/* @__PURE__ */ r(i.g, {
 					className: "copy-elements",
-					children: [/* @__PURE__ */ i("path", { d: "M19.414 19.415a2 2 0 0 1 -1.414 .585h-8a2 2 0 0 1 -2 -2v-8c0 -.554 .225 -1.055 .589 -1.417m3.411 -.583h6a2 2 0 0 1 2 2v6" }), /* @__PURE__ */ i("path", { d: "M16 8v-2a2 2 0 0 0 -2 -2h-6m-3.418 .59c-.36 .36 -.582 .86 -.582 1.41v8a2 2 0 0 0 2 2h2" })]
+					children: [/* @__PURE__ */ n("path", { d: "M19.414 19.415a2 2 0 0 1 -1.414 .585h-8a2 2 0 0 1 -2 -2v-8c0 -.554 .225 -1.055 .589 -1.417m3.411 -.583h6a2 2 0 0 1 2 2v6" }), /* @__PURE__ */ n("path", { d: "M16 8v-2a2 2 0 0 0 -2 -2h-6m-3.418 .59c-.36 .36 -.582 .86 -.582 1.41v8a2 2 0 0 0 2 2h2" })]
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "slash-line",
 					d: "M3 3l18 18",
 					style: { transformOrigin: "center" }

package/dist/animations/copyright-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/copyright-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("circle", {
 			pathLength: [
 				1,
@@ -33,7 +33,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,
@@ -48,12 +48,12 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		style: { overflow: "visible" },
-		children: [/* @__PURE__ */ a(r.circle, {
+		children: [/* @__PURE__ */ r(a.circle, {
 			cx: "12",
 			cy: "12",
 			r: "10",
 			style: { transformOrigin: "center" }
-		}), /* @__PURE__ */ a(r.path, {
+		}), /* @__PURE__ */ r(a.path, {
 			d: "M14.83 14.83a4 4 0 1 1 0-5.66",
 			style: { transformOrigin: "center" }
 		})]

package/dist/animations/cpu-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/cpu-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(".pins", { scale: [
 			1,
 			1.15,
@@ -35,7 +35,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();
@@ -54,24 +54,24 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
 		children: [
-			/* @__PURE__ */ a(n.g, {
+			/* @__PURE__ */ r(i.g, {
 				className: "pins",
 				children: [
-					/* @__PURE__ */ i("path", { d: "M12 20v2" }),
-					/* @__PURE__ */ i("path", { d: "M12 2v2" }),
-					/* @__PURE__ */ i("path", { d: "M17 20v2" }),
-					/* @__PURE__ */ i("path", { d: "M17 2v2" }),
-					/* @__PURE__ */ i("path", { d: "M2 12h2" }),
-					/* @__PURE__ */ i("path", { d: "M2 17h2" }),
-					/* @__PURE__ */ i("path", { d: "M2 7h2" }),
-					/* @__PURE__ */ i("path", { d: "M20 12h2" }),
-					/* @__PURE__ */ i("path", { d: "M20 17h2" }),
-					/* @__PURE__ */ i("path", { d: "M20 7h2" }),
-					/* @__PURE__ */ i("path", { d: "M7 20v2" }),
-					/* @__PURE__ */ i("path", { d: "M7 2v2" })
+					/* @__PURE__ */ n("path", { d: "M12 20v2" }),
+					/* @__PURE__ */ n("path", { d: "M12 2v2" }),
+					/* @__PURE__ */ n("path", { d: "M17 20v2" }),
+					/* @__PURE__ */ n("path", { d: "M17 2v2" }),
+					/* @__PURE__ */ n("path", { d: "M2 12h2" }),
+					/* @__PURE__ */ n("path", { d: "M2 17h2" }),
+					/* @__PURE__ */ n("path", { d: "M2 7h2" }),
+					/* @__PURE__ */ n("path", { d: "M20 12h2" }),
+					/* @__PURE__ */ n("path", { d: "M20 17h2" }),
+					/* @__PURE__ */ n("path", { d: "M20 7h2" }),
+					/* @__PURE__ */ n("path", { d: "M7 20v2" }),
+					/* @__PURE__ */ n("path", { d: "M7 2v2" })
 				]
 			}),
-			/* @__PURE__ */ i(n.rect, {
+			/* @__PURE__ */ n(i.rect, {
 				className: "outer",
 				style: { transformOrigin: "12px 12px" },
 				x: "4",
@@ -80,7 +80,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 				height: "16",
 				rx: "2"
 			}),
-			/* @__PURE__ */ i(n.rect, {
+			/* @__PURE__ */ n(i.rect, {
 				className: "inner",
 				style: { transformOrigin: "12px 12px" },
 				x: "8",

package/dist/animations/credit-card.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/credit-card.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(".card-body", {
 			rotate: [
 				0,
@@ -59,7 +59,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ i(n.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -68,7 +68,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer ${c}`,
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -79,22 +79,22 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			children: [
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "card-body",
 					style: { transformOrigin: "50% 50%" },
 					d: "M3 5m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "card-stripe",
 					d: "M3 10l18 0",
 					opacity: "0"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "card-chip",
 					style: { transformOrigin: "7px 15px" },
 					d: "M7 15l.01 0"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "card-number",
 					d: "M11 15l2 0"
 				})

package/dist/animations/currency-bitcoin-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/currency-bitcoin-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(".btc-main, .btc-lines, .btc-center", {
 			pathLength: 0,
 			opacity: 0
@@ -38,7 +38,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ i(n.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -47,7 +47,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -57,45 +57,45 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: s,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: [/* @__PURE__ */ i("path", {
+			children: [/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), /* @__PURE__ */ a(n.g, {
+			}), /* @__PURE__ */ r(i.g, {
 				className: "btc-symbol",
 				style: { transformOrigin: "50% 50%" },
 				children: [
-					/* @__PURE__ */ a(n.g, {
+					/* @__PURE__ */ r(i.g, {
 						className: "btc-main",
-						children: [/* @__PURE__ */ i(n.path, {
+						children: [/* @__PURE__ */ n(i.path, {
 							d: "M6 6h8a3 3 0 0 1 0 6a3 3 0 0 1 0 6h-8",
 							pathLength: 1
-						}), /* @__PURE__ */ i(n.path, {
+						}), /* @__PURE__ */ n(i.path, {
 							d: "M8 6l0 12",
 							pathLength: 1
 						})]
 					}),
-					/* @__PURE__ */ i(n.path, {
+					/* @__PURE__ */ n(i.path, {
 						className: "btc-center",
 						d: "M8 12l6 0",
 						pathLength: 1
 					}),
-					/* @__PURE__ */ a(n.g, {
+					/* @__PURE__ */ r(i.g, {
 						className: "btc-lines",
 						children: [
-							/* @__PURE__ */ i(n.path, {
+							/* @__PURE__ */ n(i.path, {
 								d: "M9 3l0 3",
 								pathLength: 1
 							}),
-							/* @__PURE__ */ i(n.path, {
+							/* @__PURE__ */ n(i.path, {
 								d: "M13 3l0 3",
 								pathLength: 1
 							}),
-							/* @__PURE__ */ i(n.path, {
+							/* @__PURE__ */ n(i.path, {
 								d: "M9 18l0 3",
 								pathLength: 1
 							}),
-							/* @__PURE__ */ i(n.path, {
+							/* @__PURE__ */ n(i.path, {
 								d: "M13 18l0 3",
 								pathLength: 1
 							})

package/dist/animations/currency-dollar-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/currency-dollar-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(".usd-main, .usd-line", {
 			pathLength: 0,
 			opacity: 0
@@ -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.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -41,7 +41,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -51,18 +51,18 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: s,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: [/* @__PURE__ */ i("path", {
+			children: [/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), /* @__PURE__ */ a(n.g, {
+			}), /* @__PURE__ */ r(i.g, {
 				className: "usd-symbol",
 				style: { transformOrigin: "50% 50%" },
-				children: [/* @__PURE__ */ i(n.path, {
+				children: [/* @__PURE__ */ n(i.path, {
 					className: "usd-main",
 					d: "M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2",
 					pathLength: 1
-				}), /* @__PURE__ */ i(n.path, {
+				}), /* @__PURE__ */ n(i.path, {
 					className: "usd-line",
 					d: "M12 3v3m0 12v3",
 					pathLength: 1

package/dist/animations/currency-ethereum-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/currency-ethereum-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(".eth-outer, .eth-inner", {
 			pathLength: 0,
 			opacity: 0
@@ -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.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -41,7 +41,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -51,18 +51,18 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: s,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: [/* @__PURE__ */ i("path", {
+			children: [/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), /* @__PURE__ */ a(n.g, {
+			}), /* @__PURE__ */ r(i.g, {
 				className: "eth-symbol",
 				style: { transformOrigin: "50% 50%" },
-				children: [/* @__PURE__ */ i(n.path, {
+				children: [/* @__PURE__ */ n(i.path, {
 					className: "eth-outer",
 					d: "M6 12l6 -9l6 9l-6 9z",
 					pathLength: 1
-				}), /* @__PURE__ */ i(n.path, {
+				}), /* @__PURE__ */ n(i.path, {
 					className: "eth-inner",
 					d: "M6 12l6 -3l6 3l-6 2z",
 					pathLength: 1

package/dist/animations/currency-euro-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/currency-euro-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(".eur-curve, .eur-line", {
 			pathLength: 0,
 			opacity: 0
@@ -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.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -41,7 +41,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -51,25 +51,25 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: s,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: [/* @__PURE__ */ i("path", {
+			children: [/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), /* @__PURE__ */ a(n.g, {
+			}), /* @__PURE__ */ r(i.g, {
 				className: "eur-symbol",
 				style: { transformOrigin: "50% 50%" },
 				children: [
-					/* @__PURE__ */ i(n.path, {
+					/* @__PURE__ */ n(i.path, {
 						className: "eur-curve",
 						d: "M17.2 7a6 7 0 1 0 0 10",
 						pathLength: 1
 					}),
-					/* @__PURE__ */ i(n.path, {
+					/* @__PURE__ */ n(i.path, {
 						className: "eur-line",
 						d: "M13 10h-8",
 						pathLength: 1
 					}),
-					/* @__PURE__ */ i(n.path, {
+					/* @__PURE__ */ n(i.path, {
 						className: "eur-line",
 						d: "M5 14h8",
 						pathLength: 1

package/dist/animations/currency-rupee-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/currency-rupee-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(".rupee-main, .rupee-line", {
 			pathLength: 0,
 			opacity: 0
@@ -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__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -50,18 +50,18 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
-		children: [/* @__PURE__ */ i("path", {
+		children: [/* @__PURE__ */ n("path", {
 			stroke: "none",
 			d: "M0 0h24v24H0z",
 			fill: "none"
-		}), /* @__PURE__ */ a(n.g, {
+		}), /* @__PURE__ */ r(i.g, {
 			className: "rupee-symbol",
 			style: { transformOrigin: "50% 50%" },
-			children: [/* @__PURE__ */ i(n.path, {
+			children: [/* @__PURE__ */ n(i.path, {
 				className: "rupee-main",
 				d: "M18 5h-11h3a4 4 0 0 1 0 8h-3l6 6",
 				pathLength: 1
-			}), /* @__PURE__ */ i(n.path, {
+			}), /* @__PURE__ */ n(i.path, {
 				className: "rupee-line",
 				d: "M7 9l11 0",
 				pathLength: 1