nfx-ui 0.24.2 → 0.26.0

package/dist/animations/letter-h-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-h-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(".h-group", { x: [
 			0,
 			2,
@@ -21,7 +21,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,
@@ -36,12 +36,12 @@ 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: "h-group",
 			children: [
-				/* @__PURE__ */ i(n.path, { d: "M17 4l0 16" }),
-				/* @__PURE__ */ i(n.path, { d: "M7 12l10 0" }),
-				/* @__PURE__ */ i(n.path, { d: "M7 4l0 16" })
+				/* @__PURE__ */ n(i.path, { d: "M17 4l0 16" }),
+				/* @__PURE__ */ n(i.path, { d: "M7 12l10 0" }),
+				/* @__PURE__ */ n(i.path, { d: "M7 4l0 16" })
 			]
 		})
 	});

package/dist/animations/letter-i-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-i-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(".i-shape", {
 			y: [
 				0,
@@ -32,7 +32,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,
@@ -47,7 +47,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: "i-shape",
 			d: "M8 4H16M12 4V20M8 20H16",
 			style: { transformOrigin: "12px 20px" }

package/dist/animations/letter-j-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-j-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(".j-hook", { rotate: [
 			0,
 			15,
@@ -22,7 +22,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,
@@ -37,13 +37,13 @@ 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: "j-hook",
 			style: { transformOrigin: "14px 4px" },
 			children: [
-				/* @__PURE__ */ i(n.path, { d: "M10 4H18" }),
-				/* @__PURE__ */ i(n.path, { d: "M14 4V16" }),
-				/* @__PURE__ */ i(n.path, { d: "M14 16C14 18.2091 12.2091 20 10 20H8" })
+				/* @__PURE__ */ n(i.path, { d: "M10 4H18" }),
+				/* @__PURE__ */ n(i.path, { d: "M14 4V16" }),
+				/* @__PURE__ */ n(i.path, { d: "M14 16C14 18.2091 12.2091 20 10 20H8" })
 			]
 		})
 	});

package/dist/animations/letter-k-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-k-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-upper", {
 			rotate: [
 				0,
@@ -43,7 +43,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,
@@ -59,13 +59,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-upper",
 				d: "M6 12L18 4",
 				style: { transformOrigin: "6px 12px" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "arm-lower",
 				d: "M6 12L18 20",
 				style: { transformOrigin: "6px 12px" }

package/dist/animations/letter-l-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-l-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(".l-base", {
 			y: [
 				0,
@@ -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__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: f,
 		onHoverEnd: p,
@@ -55,11 +55,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(n.path, {
+		children: [/* @__PURE__ */ n(i.path, {
 			className: "l-stem",
 			d: "M6 4V20",
 			style: { transformOrigin: "6px 20px" }
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "l-base",
 			d: "M6 20H18",
 			style: { transformOrigin: "6px 20px" }

package/dist/animations/letter-m-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-m-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(".m-shape", {
 			y: [
 				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,
@@ -43,7 +43,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: "m-shape",
 			d: "M4 20V4L12 14L20 4V20",
 			style: { transformOrigin: "12px 20px" }

package/dist/animations/letter-n-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-n-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(".n-shape", { rotate: [
 			0,
 			3,
@@ -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: "n-shape",
 			d: "M4 20V4L20 20V4",
 			style: { transformOrigin: "12px 12px" }

package/dist/animations/letter-o-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-o-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(".o-circle", { rotateY: [0, 360] }, {
 			duration: .8,
 			ease: [
@@ -19,7 +19,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,
@@ -37,7 +37,7 @@ var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, classN
 			overflow: "visible",
 			perspective: "100px"
 		},
-		children: /* @__PURE__ */ i(n.circle, {
+		children: /* @__PURE__ */ n(r.circle, {
 			className: "o-circle",
 			cx: "12",
 			cy: "12",

package/dist/animations/letter-p-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-p-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(".p-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: "p-shape",
 			d: "M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5"
 		})

package/dist/animations/letter-q-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-q-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(".q-body", { rotate: [
 			0,
 			2,
@@ -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,
 		onHoverEnd: p,
@@ -44,11 +44,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(n.path, {
+		children: [/* @__PURE__ */ n(i.path, {
 			className: "q-body",
 			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-6",
 			style: { transformOrigin: "12px 12px" }
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "q-tail",
 			d: "M13 15l5 5",
 			style: { transformOrigin: "13px 15px" }

package/dist/animations/letter-r-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-r-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(".r-body", { x: [
 			0,
 			1,
@@ -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,
 		onHoverEnd: p,
@@ -50,10 +50,10 @@ 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(n.path, {
+		children: [/* @__PURE__ */ n(i.path, {
 			className: "r-body",
 			d: "M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5"
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "r-leg",
 			d: "M12 13l5 7",
 			style: { transformOrigin: "12px 13px" }

package/dist/animations/letter-s-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-s-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(".s-shape", {
 			x: [
 				0,
@@ -34,7 +34,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,
@@ -49,7 +49,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: "s-shape",
 			d: "M18 6C18 6 16 4 12 4C8 4 6 6 6 8C6 10 8 11 12 12C16 13 18 14 18 16C18 18 16 20 12 20C8 20 6 18 6 18",
 			style: { transformOrigin: "12px 12px" }

package/dist/animations/letter-t-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-t-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(".t-shape", {
 			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__ */ i(n.svg, {
+	})), /* @__PURE__ */ n(i.svg, {
 		ref: u,
 		onHoverStart: f,
 		onHoverEnd: p,
@@ -46,10 +46,10 @@ 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: "t-shape",
 			style: { transformOrigin: "12px 4px" },
-			children: [/* @__PURE__ */ i(n.path, { d: "M4 4H20" }), /* @__PURE__ */ i(n.path, { d: "M12 4V20" })]
+			children: [/* @__PURE__ */ n(i.path, { d: "M4 4H20" }), /* @__PURE__ */ n(i.path, { d: "M12 4V20" })]
 		})
 	});
 });

package/dist/animations/letter-u-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-u-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(".u-fill", {
 			pathLength: [0, 1],
 			opacity: [.5, 1]
@@ -27,7 +27,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,
@@ -42,7 +42,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: "u-shape u-fill",
 			d: "M6 4V14C6 17.3137 8.68629 20 12 20C15.3137 20 18 17.3137 18 14V4",
 			style: { transformOrigin: "12px 20px" }

package/dist/animations/letter-v-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-v-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(".v-shape", {
 			y: [
 				0,
@@ -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__ */ i(n.svg, {
+	})), /* @__PURE__ */ n(i.svg, {
 		ref: u,
 		onHoverStart: f,
 		onHoverEnd: p,
@@ -50,10 +50,10 @@ 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: "v-shape",
 			style: { transformOrigin: "12px 20px" },
-			children: [/* @__PURE__ */ i(n.path, { d: "M4 4L12 20" }), /* @__PURE__ */ i(n.path, { d: "M12 20L20 4" })]
+			children: [/* @__PURE__ */ n(i.path, { d: "M4 4L12 20" }), /* @__PURE__ */ n(i.path, { d: "M12 20L20 4" })]
 		})
 	});
 });

package/dist/animations/letter-w-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-w-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(".peak-1", { y: [
 			0,
 			-3,
@@ -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,22 +50,22 @@ 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: "peak-1",
 				d: "M4 4L8 20",
 				style: { transformOrigin: "4px 4px" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "peak-2",
 				d: "M8 20L12 8",
 				style: { transformOrigin: "12px 8px" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "peak-3",
 				d: "M12 8L16 20",
 				style: { transformOrigin: "12px 8px" }
 			}),
-			/* @__PURE__ */ i(n.path, { d: "M16 20L20 4" })
+			/* @__PURE__ */ n(i.path, { d: "M16 20L20 4" })
 		]
 	});
 });

package/dist/animations/letter-x-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-x-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(".x-stroke-1", {
 			opacity: [
 				1,
@@ -43,7 +43,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,
@@ -58,11 +58,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(n.path, {
+		children: [/* @__PURE__ */ n(i.path, {
 			className: "x-stroke-1",
 			d: "M7 4l10 16",
 			style: { transformOrigin: "12px 12px" }
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "x-stroke-2",
 			d: "M17 4l-10 16",
 			style: { transformOrigin: "12px 12px" }

package/dist/animations/letter-y-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-y-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(".y-stem", { scaleY: [
 			1,
 			1.2,
@@ -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,
 		onHoverStart: f,
 		onHoverEnd: p,
@@ -45,10 +45,10 @@ 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(n.path, {
+		children: [/* @__PURE__ */ n(i.path, {
 			className: "y-arms",
 			d: "M7 4l5 9l5 -9"
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "y-stem",
 			d: "M12 13l0 7",
 			style: { transformOrigin: "12px 13px" }