nfx-ui 0.24.2 → 0.26.0

package/dist/animations/cart-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/cart-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(".cart-icon", { x: [
 			0,
 			6,
@@ -24,7 +24,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();
@@ -33,7 +33,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,
@@ -45,23 +45,23 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeLinejoin: "round",
 			className: "cart-icon",
 			children: [
-				/* @__PURE__ */ i("path", {
+				/* @__PURE__ */ n("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "cart-wheel-left",
 					style: { transformOrigin: "6px 19px" },
 					d: "M6 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "cart-wheel-right",
 					style: { transformOrigin: "17px 19px" },
 					d: "M17 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
 				}),
-				/* @__PURE__ */ i("path", { d: "M17 17h-11v-14h-2" }),
-				/* @__PURE__ */ i("path", { d: "M6 5l14 1l-1 7h-13" })
+				/* @__PURE__ */ n("path", { d: "M17 17h-11v-14h-2" }),
+				/* @__PURE__ */ n("path", { d: "M6 5l14 1l-1 7h-13" })
 			]
 		})
 	});

package/dist/animations/chart-bar-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/chart-bar-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(".bar-1", { scaleY: [0, 1] }, {
 			duration: .3,
 			ease: "easeOut"
@@ -35,7 +35,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,
@@ -50,27 +50,27 @@ 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, {
 				d: "M3 13a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z",
 				className: "bar-1",
 				style: { transformOrigin: "6px 20px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M9 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z",
 				className: "bar-2",
 				style: { transformOrigin: "12px 20px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M15 9a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z",
 				className: "bar-3",
 				style: { transformOrigin: "18px 20px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M4 20h14",
 				className: "base-line",
 				style: { transformOrigin: "11px 20px" }

package/dist/animations/chart-covariate-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/chart-covariate-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(".dot-1", {
 			scale: [
 				0,
@@ -67,7 +67,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,
@@ -82,37 +82,37 @@ 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, {
 				d: "M18 11h.009",
 				className: "dot-4",
 				style: { transformOrigin: "18px 11px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M14 15h.009",
 				className: "dot-3",
 				style: { transformOrigin: "14px 15px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M12 6h.009",
 				className: "dot-2",
 				style: { transformOrigin: "12px 6px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M8 10h.009",
 				className: "dot-1",
 				style: { transformOrigin: "8px 10px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M3 21l17 -17",
 				className: "trend-line",
 				initial: { pathLength: 1 }
 			}),
-			/* @__PURE__ */ a("path", { d: "M3 3v18h18" })
+			/* @__PURE__ */ r("path", { d: "M3 3v18h18" })
 		]
 	});
 });

package/dist/animations/chart-histogram-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/chart-histogram-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(".histogram-bar-1", { scaleY: [0, 1] }, {
 			duration: .25,
 			ease: "easeOut"
@@ -36,7 +36,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,
@@ -51,33 +51,33 @@ 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("path", { d: "M3 3v18h18" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("path", { d: "M3 3v18h18" }),
+			/* @__PURE__ */ r(a.path, {
 				d: "M20 18v3",
 				className: "histogram-bar-4",
 				style: { transformOrigin: "20px 21px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M16 16v5",
 				className: "histogram-bar-3",
 				style: { transformOrigin: "16px 21px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M12 13v8",
 				className: "histogram-bar-2",
 				style: { transformOrigin: "12px 21px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M8 16v5",
 				className: "histogram-bar-1",
 				style: { transformOrigin: "8px 21px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M3 11c6 0 5 -5 9 -5s3 5 9 5",
 				className: "histogram-curve",
 				initial: { pathLength: 1 }

package/dist/animations/chart-line-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/chart-line-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(".chart-line", { pathLength: [0, 1] }, {
 			duration: .6,
 			ease: "easeInOut"
@@ -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,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -42,17 +42,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				d: "M4 19l16 0",
 				className: "base-line",
 				style: { transformOrigin: "4px 19px" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				d: "M4 15l4 -6l4 2l4 -5l4 4",
 				className: "chart-line",
 				initial: { pathLength: 1 }

package/dist/animations/chart-pie-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/chart-pie-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(".pie-main", { pathLength: [0, 1] }, {
 			duration: .5,
 			ease: "easeOut"
@@ -30,7 +30,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,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -49,17 +49,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				d: "M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-6.8a2 2 0 0 1 -2 -2v-7a.9 .9 0 0 0 -1 -.8",
 				className: "pie-main",
 				initial: { pathLength: 1 }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				d: "M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a1 1 0 0 1 -1 -1v-4.5",
 				className: "pie-slice",
 				style: { transformOrigin: "17.5px 6px" },

package/dist/animations/checked-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/checked-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("svg", { scale: 1.1 }, {
 			duration: .1,
 			ease: "easeInOut"
@@ -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__ */ i(n.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -31,7 +31,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		onHoverEnd: () => {
 			p();
 		},
-		children: /* @__PURE__ */ a(n.svg, {
+		children: /* @__PURE__ */ r(i.svg, {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -43,13 +43,13 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeLinejoin: "round",
 			className: `cursor-pointer ${c}`,
 			children: [
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}),
-				/* @__PURE__ */ i(n.path, { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
+				/* @__PURE__ */ n(i.path, {
 					d: "M9 12l2 2l4 -4",
 					className: "check-icon"
 				})

package/dist/animations/clock-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/clock-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(".clock-hands", { rotate: 360 }, {
 			duration: 1,
 			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,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -36,16 +36,16 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		children: [
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",
 				className: "clock-body"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				d: "M12 7v5l3 3",
 				className: "clock-hands"
 			})

package/dist/animations/cloud-1-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 } 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/cloud-1-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = i(), f = t(() => {
+	let [u, d] = a(), f = t(() => {
 		d(u.current, { scale: [
 			1,
 			1.05,
@@ -19,7 +19,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return n(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(r.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: f,
 		onHoverEnd: p,
@@ -34,7 +34,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
 		style: { overflow: "visible" },
-		children: /* @__PURE__ */ a("path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" })
+		children: /* @__PURE__ */ r("path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" })
 	});
 });
 o.displayName = "Cloud1Icon";

package/dist/animations/cloud-2-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/cloud-2-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("path.cloud-path", {
 			y: [
 				0,
@@ -50,7 +50,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,
@@ -66,11 +66,11 @@ var s = e(({ size: e = 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: "cloud-path",
 				d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "rain-drop",
 				x1: "10",
 				y1: "20",
@@ -78,7 +78,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				y2: "22",
 				custom: 0
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "rain-drop",
 				x1: "13",
 				y1: "21",
@@ -86,7 +86,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				y2: "23",
 				custom: 1
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "rain-drop",
 				x1: "16",
 				y1: "20",

package/dist/animations/cloud-3-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/cloud-3-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(".status-dot", { opacity: [
 			1,
 			.4,
@@ -28,7 +28,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,
@@ -44,12 +44,12 @@ var s = e(({ size: e = 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: "cloud-path",
 				d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z",
 				style: { transformOrigin: "center" }
 			}),
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "status-dot",
 				cx: "9",
 				cy: "15",
@@ -57,7 +57,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				fill: s,
 				custom: 0
 			}),
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "status-dot",
 				cx: "12",
 				cy: "15",
@@ -65,7 +65,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				fill: s,
 				custom: 1
 			}),
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "status-dot",
 				cx: "15",
 				cy: "15",

package/dist/animations/code-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/code-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(".left-bracket", { x: -3 }, {
 			duration: .3,
 			ease: "easeOut"
@@ -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();
@@ -41,10 +41,10 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
-		children: [/* @__PURE__ */ i(n.path, {
+		children: [/* @__PURE__ */ n(i.path, {
 			className: "right-bracket",
 			d: "m16 18 6-6-6-6"
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "left-bracket",
 			d: "m8 6-6 6 6 6"
 		})]

package/dist/animations/code-xml-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/code-xml-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(".left-bracket", { x: -3 }, {
 			duration: .3,
 			ease: "easeOut"
@@ -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,15 +54,15 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
 		children: [
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "right-bracket",
 				d: "m18 16 4-4-4-4"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "left-bracket",
 				d: "m6 8-4 4 4 4"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "slash",
 				style: { transformOrigin: "12px 12px" },
 				d: "m14.5 4-5 16"