nfx-ui 0.24.2 → 0.26.0

package/dist/animations/letter-z-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 } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { motion as r, useAnimate as i } from "motion/react";
 //#region src/animations/letter-z-icon.tsx
 var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, className: s = "" }, c) => {
-	let [l, u] = r(), d = async () => {
+	let [l, u] = i(), d = async () => {
 		u(".z-shape", { x: [
 			0,
 			2,
@@ -20,7 +20,7 @@ var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, classN
 	return t(c, () => ({
 		startAnimation: d,
 		stopAnimation: f
-	})), /* @__PURE__ */ i(n.svg, {
+	})), /* @__PURE__ */ n(r.svg, {
 		ref: l,
 		onHoverStart: d,
 		onHoverEnd: f,
@@ -35,7 +35,7 @@ var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${s}`,
 		style: { overflow: "visible" },
-		children: /* @__PURE__ */ i(n.path, {
+		children: /* @__PURE__ */ n(r.path, {
 			className: "z-shape",
 			d: "M7 4h10l-10 16h10"
 		})

package/dist/animations/library-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/library-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(".book-2", {
 			y: -3,
 			rotate: -8
@@ -37,7 +37,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,
@@ -53,22 +53,22 @@ 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: "book-1",
 				d: "m16 6 4 14",
 				style: { transformOrigin: "18px 20px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "book-2",
 				d: "M12 6v14",
 				style: { transformOrigin: "12px 20px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "book-3",
 				d: "M8 8v12",
 				style: { transformOrigin: "8px 20px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "book-4",
 				d: "M4 4v16",
 				style: { transformOrigin: "4px 20px" }

package/dist/animations/like-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/like-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(".like-icon", {
 			scale: [
 				1,
@@ -40,7 +40,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();
@@ -59,14 +59,14 @@ 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(n.g, {
+		children: /* @__PURE__ */ r(i.g, {
 			className: "like-icon",
 			style: { transformOrigin: "center" },
-			children: [/* @__PURE__ */ i("path", {
+			children: [/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), /* @__PURE__ */ i("path", { d: "M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" })]
+			}), /* @__PURE__ */ n("path", { d: "M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" })]
 		})
 	});
 });

package/dist/animations/link-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/link-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(".link-top", {
 			x: 1.5,
 			y: -1.5
@@ -37,7 +37,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,
@@ -52,22 +52,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, {
 				d: "M9 15l6 -6",
 				className: "link-middle",
 				style: { transformOrigin: "50% 50%" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464",
 				className: "link-top",
 				style: { transformOrigin: "50% 50%" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463",
 				className: "link-bottom",
 				style: { transformOrigin: "50% 50%" }

package/dist/animations/linkedin-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/linkedin-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(".border", { scale: [
 			1,
 			1.05,
@@ -24,7 +24,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,
@@ -39,32 +39,32 @@ 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: "lines",
 				d: "M8 11v5",
 				initial: { pathLength: 1 }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "lines",
 				d: "M8 8v.01",
 				initial: { pathLength: 1 }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "lines",
 				d: "M12 16v-5",
 				initial: { pathLength: 1 }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "lines",
 				d: "M16 16v-3a2 2 0 1 0 -4 0",
 				initial: { pathLength: 1 }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "border",
 				d: "M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z",
 				style: { transformOrigin: "center" }

package/dist/animations/locate-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/locate-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(".locate-target", {
 			opacity: 1,
 			scale: 1
@@ -29,7 +29,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,
@@ -45,29 +45,29 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		className: `cursor-pointer ${l}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "locate-crosshairs",
 				style: { transformOrigin: "center" },
 				children: [
-					/* @__PURE__ */ a("line", {
+					/* @__PURE__ */ r("line", {
 						x1: "2",
 						x2: "5",
 						y1: "12",
 						y2: "12"
 					}),
-					/* @__PURE__ */ a("line", {
+					/* @__PURE__ */ r("line", {
 						x1: "19",
 						x2: "22",
 						y1: "12",
 						y2: "12"
 					}),
-					/* @__PURE__ */ a("line", {
+					/* @__PURE__ */ r("line", {
 						x1: "12",
 						x2: "12",
 						y1: "2",
 						y2: "5"
 					}),
-					/* @__PURE__ */ a("line", {
+					/* @__PURE__ */ r("line", {
 						x1: "12",
 						x2: "12",
 						y1: "19",
@@ -75,12 +75,12 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 					})
 				]
 			}),
-			/* @__PURE__ */ a("circle", {
+			/* @__PURE__ */ r("circle", {
 				cx: "12",
 				cy: "12",
 				r: "7"
 			}),
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "locate-target",
 				cx: "12",
 				cy: "12",

package/dist/animations/lock-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/lock-icon.tsx
 var o = e(({ size: e = 48, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		await d(".lock-upper-body", {
 			rotate: 40,
 			y: -1.7,
@@ -25,7 +25,7 @@ var o = e(({ size: e = 48, 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();
@@ -45,14 +45,14 @@ var o = e(({ size: e = 48, color: o = "currentColor", strokeWidth: s = 2, classN
 		className: `cursor-pointer ${c}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ i("path", { d: "M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z" }),
-			/* @__PURE__ */ i("path", { d: "M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" }),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n("path", { d: "M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z" }),
+			/* @__PURE__ */ n("path", { d: "M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" }),
+			/* @__PURE__ */ n(i.path, {
 				className: "lock-upper-body",
 				d: "M8 11v-4a4 4 0 1 1 8 0v4",
 				style: { transformOrigin: "50% 100%" }

package/dist/animations/logout-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/logout-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(".logout-arrow, .logout-arrow-bottom", { x: [
 			0,
 			6,
@@ -28,12 +28,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 ${l}`,
 		onHoverStart: p,
 		onHoverEnd: m,
-		children: /* @__PURE__ */ o("svg", {
+		children: /* @__PURE__ */ i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -44,16 +44,16 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			children: [
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "logout-door",
 					style: { transformOrigin: "50% 50%" },
 					d: "M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "logout-arrow",
 					d: "M9 12h12"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "logout-arrow-bottom",
 					d: "M18 15l3 -3l-3 -3"
 				})

package/dist/animations/magnifier-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/magnifier-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 f(".magnifier-group", {
 			x: [
 				0,
@@ -44,7 +44,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();
@@ -62,13 +62,13 @@ 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: "magnifier-group",
 			style: {
 				transformOrigin: "13px 13px",
 				transformBox: "fill-box"
 			},
-			children: [/* @__PURE__ */ a(r.path, { d: "m21.393,18.565l7.021,7.021c.781.781.781,2.047,0,2.828h0c-.781.781-2.047.781-2.828,0l-7.021-7.021" }), /* @__PURE__ */ a(r.circle, {
+			children: [/* @__PURE__ */ r(a.path, { d: "m21.393,18.565l7.021,7.021c.781.781.781,2.047,0,2.828h0c-.781.781-2.047.781-2.828,0l-7.021-7.021" }), /* @__PURE__ */ r(a.circle, {
 				cx: "13",
 				cy: "13",
 				r: "10",

package/dist/animations/mail-filled-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/mail-filled-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(".mail-open", {
 			rotateX: -60,
 			transformOrigin: "50% 0%"
@@ -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,
@@ -38,13 +38,13 @@ 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, {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ a(r.path, { d: "M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, { d: "M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" }),
+			/* @__PURE__ */ r(a.path, {
 				d: "M3 7l9 6l9 -6",
 				className: "mail-open"
 			})

package/dist/animations/map-pin-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useCallback 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/map-pin-icon.tsx
 var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, className: u = "" }, d) => {
-	let [f, p] = a(), m = r(!1), h = t(async () => {
+	let [f, p] = s(), m = r(!1), h = t(async () => {
 		if (!m.current) for (m.current = !0; m.current && (await p(".pin-dot", { opacity: [
 			1,
 			.4,
@@ -18,7 +18,7 @@ var c = e(({ size: e = 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,
 		onHoverStart: h,
 		onHoverEnd: g,
@@ -33,7 +33,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${u}`,
 		style: { overflow: "visible" },
-		children: [/* @__PURE__ */ o("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }), /* @__PURE__ */ o(i.circle, {
+		children: [/* @__PURE__ */ i("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }), /* @__PURE__ */ i(o.circle, {
 			className: "pin-dot",
 			cx: "12",
 			cy: "10",

package/dist/animations/meh-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/meh-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(".eyes", { scaleY: [
 			1,
 			.3,
@@ -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,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -48,12 +48,12 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		onHoverStart: p,
 		onHoverEnd: m,
 		children: [
-			/* @__PURE__ */ a("circle", {
+			/* @__PURE__ */ r("circle", {
 				cx: "12",
 				cy: "12",
 				r: "10"
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "mouth",
 				x1: "8",
 				x2: "16",
@@ -61,7 +61,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				y2: "15",
 				style: { transformOrigin: "12px 15px" }
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "eyes",
 				x1: "9",
 				x2: "9.01",
@@ -69,7 +69,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				y2: "9",
 				style: { transformOrigin: "9px 9px" }
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "eyes",
 				x1: "15",
 				x2: "15.01",

package/dist/animations/message-circle-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 } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { motion as r, useAnimate as i } from "motion/react";
 //#region src/animations/message-circle-icon.tsx
 var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, className: s = "" }, c) => {
-	let [l, u] = r(), d = async () => {
+	let [l, u] = i(), d = async () => {
 		u(".message-path", {
 			pathLength: 0,
 			opacity: 0
@@ -31,7 +31,7 @@ var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, classN
 	return t(c, () => ({
 		startAnimation: d,
 		stopAnimation: f
-	})), /* @__PURE__ */ i(n.svg, {
+	})), /* @__PURE__ */ n(r.svg, {
 		ref: l,
 		onHoverStart: () => {
 			d();
@@ -50,7 +50,7 @@ var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${s}`,
 		style: { overflow: "visible" },
-		children: /* @__PURE__ */ i(n.path, {
+		children: /* @__PURE__ */ n(r.path, {
 			className: "message-path",
 			d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
 			initial: {

package/dist/animations/moon-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/moon-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(".moon", {
 			rotate: [
 				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__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -50,11 +50,11 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
 		style: { overflow: "visible" },
-		children: [/* @__PURE__ */ i("path", {
+		children: [/* @__PURE__ */ n("path", {
 			stroke: "none",
 			d: "M0 0h24v24H0z",
 			fill: "none"
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "moon",
 			d: "M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z",
 			style: { transformOrigin: "center" }

package/dist/animations/mouse-pointer-2-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useImperativeHandle as t, useRef 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/mouse-pointer-2-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = i(), f = n([]), p = async () => {
+	let [u, d] = a(), f = n([]), p = async () => {
 		f.current.forEach((e) => e.stop()), f.current = [], f.current.push(d(".pointer", {
 			x: [
 				0,
@@ -33,7 +33,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ a(r.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -47,7 +47,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		className: `cursor-pointer ${c}`,
 		onHoverStart: p,
 		onHoverEnd: m,
-		children: /* @__PURE__ */ a(r.path, {
+		children: /* @__PURE__ */ r(i.path, {
 			className: "pointer",
 			style: { transformOrigin: "center" },
 			d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z"