nfx-ui 0.24.2 → 0.26.0

package/dist/animations/python-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/python-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(".snake-top", {
 			x: [
 				0,
@@ -57,7 +57,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,
@@ -72,29 +72,29 @@ 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: "snake-top",
 				d: "M12 9h-7a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h3"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "snake-top",
 				d: "M12 15h7a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-3"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "snake-top",
 				d: "M8 9v-4a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v5a2 2 0 0 1 -2 2h-4a2 2 0 0 0 -2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2 -2v-4"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "eyes",
 				style: { transformOrigin: "11 6" },
 				d: "M11 6l0 .01"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "eyes",
 				style: { transformOrigin: "13 18" },
 				d: "M13 18l0 .01"

package/dist/animations/qrcode-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/qrcode-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 = [], p(".qr-scan", {
 			opacity: 0,
 			y: 0
@@ -72,7 +72,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 	return n(d, () => ({
 		startAnimation: h,
 		stopAnimation: g
-	})), /* @__PURE__ */ s(i.svg, {
+	})), /* @__PURE__ */ a(o.svg, {
 		ref: f,
 		xmlns: "http://www.w3.org/2000/svg",
 		x: "0px",
@@ -85,7 +85,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 		onHoverStart: h,
 		onHoverEnd: g,
 		children: [
-			/* @__PURE__ */ o(i.rect, {
+			/* @__PURE__ */ i(o.rect, {
 				className: "qr-scan",
 				x: "2",
 				y: "0",
@@ -95,7 +95,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				opacity: "0",
 				style: { filter: "drop-shadow(0 0 4px currentColor)" }
 			}),
-			/* @__PURE__ */ o(i.rect, {
+			/* @__PURE__ */ i(o.rect, {
 				className: "corner-rect",
 				x: "3",
 				y: "3",
@@ -106,7 +106,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				fill: "none",
 				initial: { pathLength: 1 }
 			}),
-			/* @__PURE__ */ o(i.rect, {
+			/* @__PURE__ */ i(o.rect, {
 				className: "corner-rect",
 				x: "3",
 				y: "20",
@@ -117,7 +117,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				fill: "none",
 				initial: { pathLength: 1 }
 			}),
-			/* @__PURE__ */ o(i.rect, {
+			/* @__PURE__ */ i(o.rect, {
 				className: "corner-rect",
 				x: "20",
 				y: "3",
@@ -128,7 +128,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				fill: "none",
 				initial: { pathLength: 1 }
 			}),
-			/* @__PURE__ */ o(i.rect, {
+			/* @__PURE__ */ i(o.rect, {
 				className: "inner-element",
 				x: "27",
 				y: "20",
@@ -139,7 +139,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				fill: "none",
 				style: { transformOrigin: "center" }
 			}),
-			/* @__PURE__ */ o(i.rect, {
+			/* @__PURE__ */ i(o.rect, {
 				className: "inner-element",
 				x: "16",
 				y: "27",
@@ -150,7 +150,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				fill: "none",
 				style: { transformOrigin: "center" }
 			}),
-			/* @__PURE__ */ o(i.path, {
+			/* @__PURE__ */ i(o.path, {
 				className: "inner-element",
 				d: "M3 16H7",
 				stroke: c,
@@ -159,7 +159,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				fill: "none",
 				style: { transformOrigin: "center" }
 			}),
-			/* @__PURE__ */ o(i.path, {
+			/* @__PURE__ */ i(o.path, {
 				className: "inner-element",
 				d: "M13 16H18M22 16V23H29M22 16H26M22 16H18M18 16V20H16",
 				stroke: c,
@@ -168,7 +168,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				fill: "none",
 				style: { transformOrigin: "center" }
 			}),
-			/* @__PURE__ */ o(i.path, {
+			/* @__PURE__ */ i(o.path, {
 				className: "inner-element",
 				d: "M16 7V10",
 				stroke: c,
@@ -177,7 +177,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				fill: "none",
 				style: { transformOrigin: "center" }
 			}),
-			/* @__PURE__ */ o(i.path, {
+			/* @__PURE__ */ i(o.path, {
 				className: "inner-element",
 				d: "M16 25V29H23V27",
 				stroke: c,
@@ -186,7 +186,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				fill: "none",
 				style: { transformOrigin: "center" }
 			}),
-			/* @__PURE__ */ o(i.path, {
+			/* @__PURE__ */ i(o.path, {
 				className: "inner-element",
 				d: "M29.01 29H29",
 				stroke: c,
@@ -195,7 +195,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				fill: "none",
 				style: { transformOrigin: "center" }
 			}),
-			/* @__PURE__ */ o(i.rect, {
+			/* @__PURE__ */ i(o.rect, {
 				className: "center-dot",
 				x: "24",
 				y: "7",
@@ -206,7 +206,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				fill: "none",
 				style: { transformOrigin: "24.5px 7.5px" }
 			}),
-			/* @__PURE__ */ o(i.rect, {
+			/* @__PURE__ */ i(o.rect, {
 				className: "center-dot",
 				x: "7",
 				y: "7",
@@ -217,7 +217,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				fill: "none",
 				style: { transformOrigin: "7.5px 7.5px" }
 			}),
-			/* @__PURE__ */ o(i.rect, {
+			/* @__PURE__ */ i(o.rect, {
 				className: "center-dot",
 				x: "7",
 				y: "24",

package/dist/animations/question-mark.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/question-mark.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(".question-mark", { pathLength: [0, 1] }, {
 			duration: .4,
 			ease: "easeInOut"
@@ -38,11 +38,11 @@ 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,
 		onHoverStart: p,
 		onHoverEnd: m,
-		children: /* @__PURE__ */ o(r.svg, {
+		children: /* @__PURE__ */ i(a.svg, {
 			className: `question-group cursor-pointer ${l}`,
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
@@ -54,16 +54,16 @@ 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", {
+				/* @__PURE__ */ r("path", {
 					className: "question-mark",
 					d: "M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4"
 				}),
-				/* @__PURE__ */ a("path", {
+				/* @__PURE__ */ r("path", {
 					className: "question-mark-dot",
 					d: "M12 19l0 .01"
 				})

package/dist/animations/radio-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/radio-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(".center", { scale: [
 			1,
 			1.3,
@@ -54,7 +54,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,
@@ -69,27 +69,27 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		onHoverStart: p,
 		onHoverEnd: m,
 		children: [
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "wave-inner",
-				children: [/* @__PURE__ */ a("path", {
+				children: [/* @__PURE__ */ r("path", {
 					d: "M16.247 7.761a6 6 0 0 1 0 8.478",
 					style: { transformOrigin: "12px 12px" }
-				}), /* @__PURE__ */ a("path", {
+				}), /* @__PURE__ */ r("path", {
 					d: "M7.753 16.239a6 6 0 0 1 0-8.478",
 					style: { transformOrigin: "12px 12px" }
 				})]
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "wave-outer",
-				children: [/* @__PURE__ */ a("path", {
+				children: [/* @__PURE__ */ r("path", {
 					d: "M19.075 4.933a10 10 0 0 1 0 14.134",
 					style: { transformOrigin: "12px 12px" }
-				}), /* @__PURE__ */ a("path", {
+				}), /* @__PURE__ */ r("path", {
 					d: "M4.925 19.067a10 10 0 0 1 0-14.134",
 					style: { transformOrigin: "12px 12px" }
 				})]
 			}),
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "center",
 				cx: "12",
 				cy: "12",

package/dist/animations/rainbow-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/rainbow-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(".arc1", { pathLength: [0, 1] }, {
 			duration: .6,
 			ease: "easeOut"
@@ -22,7 +22,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,17 +37,17 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		onHoverStart: p,
 		onHoverEnd: m,
 		children: [
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "arc1",
 				d: "M22 17a10 10 0 0 0-20 0",
 				initial: { pathLength: 1 }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "arc2",
 				d: "M6 17a6 6 0 0 1 12 0",
 				initial: { pathLength: 1 }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "arc3",
 				d: "M10 17a2 2 0 0 1 4 0",
 				initial: { pathLength: 1 }

package/dist/animations/refresh-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/refresh-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(u.current, { rotate: 180 }, {
 			duration: .4,
 			ease: "easeInOut"
@@ -17,7 +17,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();
@@ -37,13 +37,13 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		className: `cursor-pointer ${c}`,
 		style: { transformOrigin: "50% 50%" },
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ i("path", { d: "M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" }),
-			/* @__PURE__ */ i("path", { d: "M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" })
+			/* @__PURE__ */ n("path", { d: "M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" }),
+			/* @__PURE__ */ n("path", { d: "M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" })
 		]
 	});
 });

package/dist/animations/right-chevron.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 } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { motion as i, useAnimate as a } from "motion/react";
 //#region src/animations/right-chevron.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = i(), f = t(async () => {
+	let [u, d] = a(), f = t(async () => {
 		await d(".chevron", { x: [
 			0,
 			6,
@@ -21,12 +21,12 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return n(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(r.div, {
+	})), /* @__PURE__ */ r(i.div, {
 		ref: u,
 		className: `flex w-8 items-center justify-center ${c}`,
 		onHoverStart: f,
 		onHoverEnd: p,
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -37,7 +37,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			className: "chevron cursor-pointer",
-			children: /* @__PURE__ */ a("path", { d: "M9 6l6 6l-6 6" })
+			children: /* @__PURE__ */ r("path", { d: "M9 6l6 6l-6 6" })
 		})
 	});
 });

package/dist/animations/rocket-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/rocket-icon.tsx
 var s = t(({ size: t = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = async () => {
+	let [d, f] = o(), p = async () => {
 		await Promise.all([f(".rocket-upper", {
 			x: [0, 40],
 			y: [0, -40],
@@ -52,7 +52,7 @@ var s = t(({ size: t = 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();
@@ -71,31 +71,31 @@ var s = t(({ size: t = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		className: `cursor-pointer ${l}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "rocket-fin-left rocket-upper",
 				d: "m13.299,9h-3.891c-.892,0-1.738.397-2.308,1.083l-5.1,6.139,6.31,1.51"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "rocket-fin-bottom rocket-upper",
 				d: "m23,18.701v3.891c0,.892-.397,1.738-1.083,2.308l-6.139,5.1-1.51-6.31"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "rocket-body rocket-upper",
 				d: "m14.268,23.69c7.986-2.194,14.642-9.015,15.732-21.69-12.675,1.09-19.496,7.746-21.69,15.732l5.958,5.958Z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "rocket-trajectory rocket-upper",
 				d: "m19,5c4.111,1.389,6.778,4.056,8,8",
 				strokeLinecap: "round"
 			}),
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "rocket-window rocket-upper",
 				cx: "19",
 				cy: "13",
 				r: "2",
 				fill: "currentColor"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "rocket-flame",
 				d: "m2,30s.707-4.95,2.121-6.364c1.172-1.172,3.071-1.172,4.243,0s1.172,3.071,0,4.243c-1.414,1.414-6.364,2.121-6.364,2.121Z"
 			})

package/dist/animations/rosette-discount-check-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/rosette-discount-check-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(".rosette-badge", {
 			rotate: [
 				0,
@@ -45,12 +45,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,
@@ -62,17 +62,17 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 			strokeLinejoin: "round",
 			style: { overflow: "visible" },
 			children: [
-				/* @__PURE__ */ a("path", {
+				/* @__PURE__ */ r("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "rosette-badge",
 					style: { transformOrigin: "center" },
 					d: "M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7c.412 .41 .97 .64 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1c0 .58 .23 1.138 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1z"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "discount-check",
 					d: "M9 12l2 2l4 -4",
 					pathLength: 1

package/dist/animations/rosette-discount-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/rosette-discount-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(".rosette-badge", {
 			rotate: [
 				0,
@@ -62,12 +62,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,
@@ -79,22 +79,22 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 			strokeLinejoin: "round",
 			style: { overflow: "visible" },
 			children: [
-				/* @__PURE__ */ a("path", {
+				/* @__PURE__ */ r("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "rosette-badge",
 					style: { transformOrigin: "center" },
 					d: "M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7a2.2 2.2 0 0 0 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1a2.2 2.2 0 0 0 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1z"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "discount-line",
 					d: "M9 15l6 -6",
 					pathLength: 1
 				}),
-				/* @__PURE__ */ a(r.circle, {
+				/* @__PURE__ */ r(a.circle, {
 					className: "discount-dot",
 					style: { transformOrigin: "9.5px 9.5px" },
 					cx: "9.5",
@@ -102,7 +102,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 					r: ".5",
 					fill: "currentColor"
 				}),
-				/* @__PURE__ */ a(r.circle, {
+				/* @__PURE__ */ r(a.circle, {
 					className: "discount-dot",
 					style: { transformOrigin: "14.5px 14.5px" },
 					cx: "14.5",

package/dist/animations/router-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/router-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(".signal-inner", {
 			scale: [
 				1,
@@ -53,7 +53,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,
@@ -68,24 +68,24 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		onHoverStart: p,
 		onHoverEnd: m,
 		children: [
-			/* @__PURE__ */ a("rect", {
+			/* @__PURE__ */ r("rect", {
 				width: "20",
 				height: "8",
 				x: "2",
 				y: "14",
 				rx: "2"
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "indicator",
-				children: [/* @__PURE__ */ a("path", { d: "M6.01 18H6" }), /* @__PURE__ */ a("path", { d: "M10.01 18H10" })]
+				children: [/* @__PURE__ */ r("path", { d: "M6.01 18H6" }), /* @__PURE__ */ r("path", { d: "M10.01 18H10" })]
 			}),
-			/* @__PURE__ */ a("path", { d: "M15 10v4" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("path", { d: "M15 10v4" }),
+			/* @__PURE__ */ r(a.path, {
 				className: "signal-inner",
 				d: "M17.84 7.17a4 4 0 0 0-5.66 0",
 				style: { transformOrigin: "15px 7px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "signal-outer",
 				d: "M20.66 4.34a8 8 0 0 0-11.31 0",
 				style: { transformOrigin: "15px 4px" }