nfx-ui 0.24.2 → 0.26.0

package/dist/animations/user-plus-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/user-plus-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(".user-avatar", {
 			scale: 1.05,
 			y: -1
@@ -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,20 +50,20 @@ 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__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "user-avatar",
 				style: { transformOrigin: "50% 50%" },
-				children: [/* @__PURE__ */ a("path", { d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" }), /* @__PURE__ */ a("path", { d: "M6 21v-2a4 4 0 0 1 4 -4h4" })]
+				children: [/* @__PURE__ */ r("path", { d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" }), /* @__PURE__ */ r("path", { d: "M6 21v-2a4 4 0 0 1 4 -4h4" })]
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "plus-sign",
 				style: { transformOrigin: "19px 19px" },
-				children: [/* @__PURE__ */ a("path", { d: "M16 19h6" }), /* @__PURE__ */ a("path", { d: "M19 16v6" })]
+				children: [/* @__PURE__ */ r("path", { d: "M16 19h6" }), /* @__PURE__ */ r("path", { d: "M19 16v6" })]
 			})
 		]
 	});

package/dist/animations/users-group-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/users-group-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(".user-center", {
 			y: -2,
 			scale: 1.05
@@ -52,7 +52,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,
@@ -67,22 +67,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__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "user-center",
-				children: [/* @__PURE__ */ a("path", { d: "M10 13a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" }), /* @__PURE__ */ a("path", { d: "M8 21v-1a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v1" })]
+				children: [/* @__PURE__ */ r("path", { d: "M10 13a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" }), /* @__PURE__ */ r("path", { d: "M8 21v-1a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v1" })]
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "user-right",
-				children: [/* @__PURE__ */ a("path", { d: "M15 5a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" }), /* @__PURE__ */ a("path", { d: "M17 10h2a2 2 0 0 1 2 2v1" })]
+				children: [/* @__PURE__ */ r("path", { d: "M15 5a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" }), /* @__PURE__ */ r("path", { d: "M17 10h2a2 2 0 0 1 2 2v1" })]
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "user-left",
-				children: [/* @__PURE__ */ a("path", { d: "M5 5a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" }), /* @__PURE__ */ a("path", { d: "M3 13v-1a2 2 0 0 1 2 -2h2" })]
+				children: [/* @__PURE__ */ r("path", { d: "M5 5a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" }), /* @__PURE__ */ r("path", { d: "M3 13v-1a2 2 0 0 1 2 -2h2" })]
 			})
 		]
 	});

package/dist/animations/users-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/users-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(".user-primary", {
 			y: -2,
 			scale: 1.05
@@ -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,18 +50,18 @@ 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__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "user-primary",
-				children: [/* @__PURE__ */ a("path", { d: "M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" }), /* @__PURE__ */ a("path", { d: "M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" })]
+				children: [/* @__PURE__ */ r("path", { d: "M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" }), /* @__PURE__ */ r("path", { d: "M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" })]
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "user-secondary",
-				children: [/* @__PURE__ */ a("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" }), /* @__PURE__ */ a("path", { d: "M21 21v-2a4 4 0 0 0 -3 -3.85" })]
+				children: [/* @__PURE__ */ r("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" }), /* @__PURE__ */ r("path", { d: "M21 21v-2a4 4 0 0 0 -3 -3.85" })]
 			})
 		]
 	});

package/dist/animations/vinyl-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, 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/vinyl-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = n([]), m = async () => {
+	let [d, f] = o(), p = n([]), m = async () => {
 		p.current.forEach((e) => e.stop()), p.current = [], p.current.push(f(".vinyl-disc", { rotate: [0, 360] }, {
 			duration: 3,
 			repeat: Infinity,
@@ -29,7 +29,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return t(u, () => ({
 		startAnimation: m,
 		stopAnimation: h
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -44,22 +44,22 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		onHoverStart: m,
 		onHoverEnd: h,
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "vinyl-disc",
 				d: "M16 3.937a9 9 0 1 0 5 8.063",
 				style: { transformOrigin: "50% 50%" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "center-dot",
 				d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"
 			}),
-			/* @__PURE__ */ a("path", { d: "M20 4m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
-			/* @__PURE__ */ a("path", { d: "M20 4l-3.5 10l-2.5 2" })
+			/* @__PURE__ */ r("path", { d: "M20 4m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
+			/* @__PURE__ */ r("path", { d: "M20 4l-3.5 10l-2.5 2" })
 		]
 	});
 });

package/dist/animations/volume-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/volume-2-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(".wave-inner", {
 			scale: [
 				1,
@@ -52,7 +52,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,
@@ -67,13 +67,13 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		children: [
-			/* @__PURE__ */ a("path", { d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("path", { d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z" }),
+			/* @__PURE__ */ r(a.path, {
 				className: "wave-inner",
 				d: "M16 9a5 5 0 0 1 0 6",
 				style: { transformOrigin: "16px 12px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "wave-outer",
 				d: "M19.364 18.364a9 9 0 0 0 0-12.728",
 				style: { transformOrigin: "19.364px 12px" }

package/dist/animations/volume-x-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/volume-x-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(".speaker", { x: [
 			-1,
 			1,
@@ -32,7 +32,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,
@@ -46,18 +46,18 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
-		children: [/* @__PURE__ */ a(r.path, {
+		children: [/* @__PURE__ */ r(a.path, {
 			className: "speaker",
 			d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"
-		}), /* @__PURE__ */ o(r.g, {
+		}), /* @__PURE__ */ i(a.g, {
 			className: "x-mark",
 			style: { transformOrigin: "19px 12px" },
-			children: [/* @__PURE__ */ a("line", {
+			children: [/* @__PURE__ */ r("line", {
 				x1: "22",
 				x2: "16",
 				y1: "9",
 				y2: "15"
-			}), /* @__PURE__ */ a("line", {
+			}), /* @__PURE__ */ r("line", {
 				x1: "16",
 				x2: "22",
 				y1: "9",

package/dist/animations/wallet-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/wallet-icon.tsx
 var o = e(({ size: e = 40, className: o = "", strokeWidth: s = 2, color: c = "currentColor" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		d(".flap", {
 			rotateY: 25,
 			x: 2
@@ -29,7 +29,7 @@ var o = e(({ size: e = 40, className: o = "", strokeWidth: s = 2, color: c = "cu
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: f,
 		onHoverEnd: p,
@@ -46,16 +46,16 @@ var o = e(({ size: e = 40, className: o = "", strokeWidth: s = 2, color: c = "cu
 		className: `cursor-pointer ${o}`,
 		style: { perspective: "400px" },
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "wallet-body",
 				d: "M17 8v-3a1 1 0 0 0 -1 -1h-10a2 2 0 0 0 0 4h12a1 1 0 0 1 1 1v3m0 4v3a1 1 0 0 1 -1 1h-12a2 2 0 0 1 -2 -2v-12"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "flap",
 				d: "M20 12v4h-4a2 2 0 0 1 0 -4h4",
 				style: {

package/dist/animations/washing-machine-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, 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/washing-machine-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = n([]), m = async () => {
+	let [d, f] = o(), p = n([]), m = async () => {
 		p.current.forEach((e) => e.stop()), p.current = [], p.current.push(f(".drum-inner", { rotate: [0, 360] }, {
 			duration: 2,
 			repeat: Infinity,
@@ -18,7 +18,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return t(u, () => ({
 		startAnimation: m,
 		stopAnimation: h
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -33,17 +33,17 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		onHoverStart: m,
 		onHoverEnd: h,
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ a("path", { d: "M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z" }),
-			/* @__PURE__ */ a("path", { d: "M12 14m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" }),
-			/* @__PURE__ */ a("path", { d: "M8 6h.01" }),
-			/* @__PURE__ */ a("path", { d: "M11 6h.01" }),
-			/* @__PURE__ */ a("path", { d: "M14 6h2" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("path", { d: "M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z" }),
+			/* @__PURE__ */ r("path", { d: "M12 14m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" }),
+			/* @__PURE__ */ r("path", { d: "M8 6h.01" }),
+			/* @__PURE__ */ r("path", { d: "M11 6h.01" }),
+			/* @__PURE__ */ r("path", { d: "M14 6h2" }),
+			/* @__PURE__ */ r(a.path, {
 				className: "drum-inner",
 				d: "M8 14c1.333 -.667 2.667 -.667 4 0c1.333 .667 2.667 .667 4 0",
 				style: { transformOrigin: "50% 58.33%" }

package/dist/animations/whatsapp-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/whatsapp-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(".phone-icon", { rotate: [
 			0,
 			-15,
@@ -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,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -39,13 +39,13 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ a("path", { d: "M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("path", { d: "M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" }),
+			/* @__PURE__ */ r(a.path, {
 				className: "phone-icon",
 				style: { transformOrigin: "50% 50%" },
 				d: "M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1"

package/dist/animations/wifi-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/wifi-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(".wave-1", { opacity: [
 			1,
 			.3,
@@ -43,7 +43,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,
@@ -58,21 +58,21 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ a("path", { d: "M12 18l.01 0" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("path", { d: "M12 18l.01 0" }),
+			/* @__PURE__ */ r(a.path, {
 				className: "wave-1",
 				d: "M9.172 15.172a4 4 0 0 1 5.656 0"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "wave-2",
 				d: "M6.343 12.343a8 8 0 0 1 11.314 0"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "wave-3",
 				d: "M3.515 9.515c4.686 -4.687 12.284 -4.687 17 0"
 			})

package/dist/animations/wifi-off-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/wifi-off-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(".slash-line", { pathLength: [0, 1] }, {
 			duration: .4,
 			ease: "easeInOut"
@@ -27,7 +27,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,
@@ -42,21 +42,21 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "wifi-waves",
 				children: [
-					/* @__PURE__ */ a("path", { d: "M12 18l.01 0" }),
-					/* @__PURE__ */ a("path", { d: "M9.172 15.172a4 4 0 0 1 5.656 0" }),
-					/* @__PURE__ */ a("path", { d: "M6.343 12.343a7.963 7.963 0 0 1 3.864 -2.14m4.163 .155a7.965 7.965 0 0 1 3.287 2" }),
-					/* @__PURE__ */ a("path", { d: "M3.515 9.515a12 12 0 0 1 3.544 -2.455m3.101 -.92a12 12 0 0 1 10.325 3.374" })
+					/* @__PURE__ */ r("path", { d: "M12 18l.01 0" }),
+					/* @__PURE__ */ r("path", { d: "M9.172 15.172a4 4 0 0 1 5.656 0" }),
+					/* @__PURE__ */ r("path", { d: "M6.343 12.343a7.963 7.963 0 0 1 3.864 -2.14m4.163 .155a7.965 7.965 0 0 1 3.287 2" }),
+					/* @__PURE__ */ r("path", { d: "M3.515 9.515a12 12 0 0 1 3.544 -2.455m3.101 -.92a12 12 0 0 1 10.325 3.374" })
 				]
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "slash-line",
 				d: "M3 3l18 18",
 				style: { transformOrigin: "center" }

package/dist/animations/world-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/world-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(".world-meridians", { pathLength: [0, 1] }, {
 			duration: 1,
 			ease: "linear"
@@ -17,7 +17,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,
@@ -32,33 +32,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(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",
 				className: "world-globe",
 				style: { transformOrigin: "50% 50%" }
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "world-meridians",
 				style: { transformOrigin: "50% 50%" },
 				children: [
-					/* @__PURE__ */ a(r.path, {
+					/* @__PURE__ */ r(a.path, {
 						d: "M3.6 9h16.8",
 						className: "world-meridians"
 					}),
-					/* @__PURE__ */ a(r.path, {
+					/* @__PURE__ */ r(a.path, {
 						d: "M3.6 15h16.8",
 						className: "world-meridians"
 					}),
-					/* @__PURE__ */ a(r.path, {
+					/* @__PURE__ */ r(a.path, {
 						d: "M11.5 3a17 17 0 0 0 0 18",
 						className: "world-meridians"
 					}),
-					/* @__PURE__ */ a(r.path, {
+					/* @__PURE__ */ r(a.path, {
 						d: "M12.5 3a17 17 0 0 1 0 18",
 						className: "world-meridians"
 					})

package/dist/animations/x-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/x-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(".x-line-1", {
 			rotate: 15,
 			scale: 1.1
@@ -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,17 +50,17 @@ 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 6l-12 12",
 				className: "x-line-1",
 				style: { transformOrigin: "50% 50%" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M6 6l12 12",
 				className: "x-line-2",
 				style: { transformOrigin: "50% 50%" }