nfx-ui 0.24.2 → 0.26.0

package/dist/animations/instagram-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/instagram-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(".ig-body", { scale: [
 			1,
 			1.05,
@@ -38,12 +38,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,
@@ -54,17 +54,17 @@ 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: "ig-body",
 					style: { transformOrigin: "50% 50%" },
 					d: "M4 8a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "ig-lens",
 					style: { transformOrigin: "50% 50%" },
 					d: "M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "ig-dot",
 					d: "M16.5 7.5v.01"
 				})

package/dist/animations/javascript-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/javascript-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(".js-text", {
 			pathLength: [0, 1],
 			opacity: [0, 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,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -44,17 +44,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, {
 				className: "border",
 				style: { transformOrigin: "center" },
 				d: "M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "js-text",
 				initial: {
 					pathLength: 1,
@@ -62,7 +62,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				},
 				d: "M7.5 8h3v8l-2 -1"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "js-text",
 				initial: {
 					pathLength: 1,

package/dist/animations/keyframes-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/keyframes-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(".frame-1", { x: [
 			0,
 			-2,
@@ -37,12 +37,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,
@@ -53,20 +53,20 @@ 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(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "frame-1",
 					d: "M9.225 18.412a1.595 1.595 0 0 1 -1.225 .588c-.468 0 -.914 -.214 -1.225 -.588l-4.361 -5.248a1.844 1.844 0 0 1 0 -2.328l4.361 -5.248a1.595 1.595 0 0 1 1.225 -.588c.468 0 .914 .214 1.225 .588l4.361 5.248a1.844 1.844 0 0 1 0 2.328l-4.361 5.248z"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "frame-2",
 					d: "M17 5l4.586 5.836a1.844 1.844 0 0 1 0 2.328l-4.586 5.836"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "frame-3",
 					d: "M13 5l4.586 5.836a1.844 1.844 0 0 1 0 2.328l-4.586 5.836"
 				})

package/dist/animations/layers-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/layers-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(".top-block", { x: -20 }, {
 			duration: .4,
 			ease: [
@@ -27,7 +27,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -43,7 +43,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		xmlns: "http://www.w3.org/2000/svg",
 		className: `cursor-pointer ${c}`,
 		style: { overflow: "visible" },
-		children: [/* @__PURE__ */ i(n.rect, {
+		children: [/* @__PURE__ */ n(i.rect, {
 			className: "top-block",
 			x: "44",
 			y: "22",
@@ -51,7 +51,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			height: "36",
 			rx: "10",
 			fill: o
-		}), /* @__PURE__ */ i("rect", {
+		}), /* @__PURE__ */ n("rect", {
 			x: "20",
 			y: "62",
 			width: "64",

package/dist/animations/layout-bottombar-collapse-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/layout-bottombar-collapse-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) => {
-	let [u, d] = i(), f = t(async () => {
+	let [u, d] = o(), f = t(async () => {
 		d(".chevron", { y: 2 }, {
 			duration: .3,
 			ease: "easeOut"
@@ -23,7 +23,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 	return n(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: u,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -34,15 +34,15 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 		onHoverStart: f,
 		onHoverEnd: p,
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ a("path", { d: "M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm0 2h-12a1 1 0 0 0 -.993 .883l-.007 .117v9h14v-9a1 1 0 0 0 -.883 -.993l-.117 -.007z" }),
-			/* @__PURE__ */ a(r.g, {
+			/* @__PURE__ */ r("path", { d: "M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm0 2h-12a1 1 0 0 0 -.993 .883l-.007 .117v9h14v-9a1 1 0 0 0 -.883 -.993l-.117 -.007z" }),
+			/* @__PURE__ */ r(a.g, {
 				className: "chevron",
-				children: /* @__PURE__ */ a("path", { d: "M10.613 8.21l.094 .083l1.293 1.292l1.293 -1.292a1 1 0 0 1 1.32 -.083l.094 .083a1 1 0 0 1 .083 1.32l-.083 .094l-2 2a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497z" })
+				children: /* @__PURE__ */ r("path", { d: "M10.613 8.21l.094 .083l1.293 1.292l1.293 -1.292a1 1 0 0 1 1.32 -.083l.094 .083a1 1 0 0 1 .083 1.32l-.083 .094l-2 2a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497z" })
 			})
 		]
 	});

package/dist/animations/layout-dashboard-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/layout-dashboard-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(".rect-1", { x: 10 }, {
 			duration: .3,
 			ease: "easeInOut"
@@ -36,7 +36,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,
@@ -56,7 +56,7 @@ var o = e(({ size: e = 40, className: o = "", strokeWidth: s = 2, color: c = "cu
 			y: 0
 		},
 		children: [
-			/* @__PURE__ */ i(n.rect, {
+			/* @__PURE__ */ n(i.rect, {
 				initial: {
 					x: 0,
 					y: 0
@@ -68,7 +68,7 @@ var o = e(({ size: e = 40, className: o = "", strokeWidth: s = 2, color: c = "cu
 				y: "3",
 				rx: "1"
 			}),
-			/* @__PURE__ */ i(n.rect, {
+			/* @__PURE__ */ n(i.rect, {
 				initial: {
 					x: 0,
 					y: 0
@@ -80,7 +80,7 @@ var o = e(({ size: e = 40, className: o = "", strokeWidth: s = 2, color: c = "cu
 				y: "3",
 				rx: "1"
 			}),
-			/* @__PURE__ */ i(n.rect, {
+			/* @__PURE__ */ n(i.rect, {
 				initial: {
 					x: 0,
 					y: 0
@@ -92,7 +92,7 @@ var o = e(({ size: e = 40, className: o = "", strokeWidth: s = 2, color: c = "cu
 				y: "12",
 				rx: "1"
 			}),
-			/* @__PURE__ */ i(n.rect, {
+			/* @__PURE__ */ n(i.rect, {
 				initial: {
 					x: 0,
 					y: 0

package/dist/animations/layout-sidebar-right-collapse-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/layout-sidebar-right-collapse-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(".chevron", {
 			x: [
 				0,
@@ -29,7 +29,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();
@@ -48,17 +48,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ i("path", { d: "M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" }),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n("path", { d: "M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" }),
+			/* @__PURE__ */ n(i.path, {
 				className: "sidebar",
 				d: "M15 4v16"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "chevron",
 				d: "M9 10l2 2l-2 2"
 			})

package/dist/animations/layout-sidebar-right-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/layout-sidebar-right-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(".sidebar", {
 			x: 2,
 			scaleX: 1.1
@@ -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,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -42,16 +42,16 @@ 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: "container",
 				d: "M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "sidebar",
 				d: "M15 4l0 16"
 			})

package/dist/animations/letter-a-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/letter-a-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(".leg-left", {
 			y: [10, 0],
 			opacity: [0, 1]
@@ -41,7 +41,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,
 		onHoverEnd: p,
@@ -57,17 +57,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		className: `cursor-pointer ${c}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "leg-left",
 				d: "M12 4L6 20",
 				style: { transformOrigin: "6px 20px" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "leg-right",
 				d: "M12 4L18 20",
 				style: { transformOrigin: "18px 20px" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "crossbar",
 				d: "M8 14H16",
 				style: { transformOrigin: "12px 14px" }

package/dist/animations/letter-b-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/letter-b-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(".b-group", { x: [
 			0,
 			2,
@@ -20,7 +20,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,
 		onHoverEnd: p,
@@ -35,9 +35,9 @@ 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: "b-group",
-			children: [/* @__PURE__ */ i(n.path, { d: "M7 20v-16h6a4 4 0 0 1 0 8a4 4 0 0 1 0 8h-6" }), /* @__PURE__ */ i(n.path, { d: "M7 12l6 0" })]
+			children: [/* @__PURE__ */ n(i.path, { d: "M7 20v-16h6a4 4 0 0 1 0 8a4 4 0 0 1 0 8h-6" }), /* @__PURE__ */ n(i.path, { d: "M7 12l6 0" })]
 		})
 	});
 });

package/dist/animations/letter-c-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-c-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 () => {
 		await u(".c-shape", { rotate: [
 			0,
 			15,
@@ -21,7 +21,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,
@@ -36,7 +36,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: "c-shape",
 			d: "M19 6C17.5 4.5 15 3.5 12 3.5C7.02944 3.5 3 7.52944 3 12.5C3 17.4706 7.02944 21.5 12 21.5C15 21.5 17.5 20.5 19 19",
 			style: { transformOrigin: "12px 12px" }

package/dist/animations/letter-d-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-d-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(".d-shape", {
 			rotateY: [
 				0,
@@ -28,7 +28,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,
@@ -46,7 +46,7 @@ var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, classN
 			overflow: "visible",
 			perspective: "100px"
 		},
-		children: /* @__PURE__ */ i(n.path, {
+		children: /* @__PURE__ */ n(r.path, {
 			className: "d-shape",
 			d: "M7 4h6a5 5 0 0 1 5 5v6a5 5 0 0 1 -5 5h-6v-16",
 			style: { transformOrigin: "7px 12px" }

package/dist/animations/letter-e-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/letter-e-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(".arm-top", { scaleX: [
 			.3,
 			1.1,
@@ -34,7 +34,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,
 		onHoverEnd: p,
@@ -50,18 +50,18 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		className: `cursor-pointer ${c}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ i(n.path, { d: "M6 4V20" }),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, { d: "M6 4V20" }),
+			/* @__PURE__ */ n(i.path, {
 				className: "arm-top",
 				d: "M6 4H18",
 				style: { transformOrigin: "6px 4px" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "arm-middle",
 				d: "M6 12H16",
 				style: { transformOrigin: "6px 12px" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "arm-bottom",
 				d: "M6 20H18",
 				style: { transformOrigin: "6px 20px" }

package/dist/animations/letter-f-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/letter-f-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(".arm-top", {
 			rotate: [
 				0,
@@ -53,7 +53,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,
 		onHoverEnd: p,
@@ -69,13 +69,13 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		className: `cursor-pointer ${c}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ i(n.path, { d: "M6 4V20" }),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, { d: "M6 4V20" }),
+			/* @__PURE__ */ n(i.path, {
 				className: "arm-top",
 				d: "M6 4H18",
 				style: { transformOrigin: "6px 4px" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "arm-middle",
 				d: "M6 12H14",
 				style: { transformOrigin: "6px 12px" }

package/dist/animations/letter-g-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-g-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(".g-shape", { rotate: [
 			0,
 			5,
@@ -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: "g-shape",
 			d: "M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-2h-4",
 			style: { transformOrigin: "12px 12px" }