nfx-ui 0.24.2 → 0.26.0

package/dist/animations/expand-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/expand-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(".arrows-tr", {
 			x: 2,
 			y: -2
@@ -47,7 +47,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,
@@ -62,35 +62,35 @@ 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, {
 				className: "arrows-br",
 				d: "m15 15 6 6"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "arrows-tr",
 				d: "m15 9 6-6"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "corners arrows-br",
 				d: "M21 16v5h-5"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "corners arrows-tr",
 				d: "M21 8V3h-5"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "corners arrows-bl",
 				d: "M3 16v5h5"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "arrows-bl",
 				d: "m3 21 6-6"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "corners arrows-tl",
 				d: "M3 8V3h5"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "arrows-tl",
 				d: "M9 9 3 3"
 			})

package/dist/animations/external-link-icon.js

@@ -1,10 +1,10 @@
 "use client";
 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/external-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(".external-arrow", {
 			x: 2,
 			y: -2,
@@ -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,20 +44,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__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6",
 				className: "external-box",
 				style: { transformOrigin: "50% 50%" }
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "external-arrow",
 				style: { transformOrigin: "50% 50%" },
-				children: [/* @__PURE__ */ a("path", { d: "M11 13l9 -9" }), /* @__PURE__ */ a("path", { d: "M15 4h5v5" })]
+				children: [/* @__PURE__ */ r("path", { d: "M11 13l9 -9" }), /* @__PURE__ */ r("path", { d: "M15 4h5v5" })]
 			})
 		]
 	});

package/dist/animations/eye-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/eye-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(".eye-pupil", { scale: .7 }, {
 			duration: .15,
 			ease: "easeOut"
@@ -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,17 +38,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: "M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0",
 				className: "eye-pupil",
 				style: { transformOrigin: "50% 50%" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6",
 				className: "eye-shape",
 				style: { transformOrigin: "50% 50%" }

package/dist/animations/eye-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/eye-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(".eye-strike", {
 			pathLength: [0, 1],
 			opacity: [.5, 1]
@@ -30,7 +30,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,
@@ -45,17 +45,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__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "eye-parts",
 				style: { transformOrigin: "50% 50%" },
-				children: [/* @__PURE__ */ a("path", { d: "M10.585 10.587a2 2 0 0 0 2.829 2.828" }), /* @__PURE__ */ a("path", { d: "M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87" })]
+				children: [/* @__PURE__ */ r("path", { d: "M10.585 10.587a2 2 0 0 0 2.829 2.828" }), /* @__PURE__ */ r("path", { d: "M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87" })]
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M3 3l18 18",
 				className: "eye-strike",
 				initial: { pathLength: 1 }

package/dist/animations/facebook-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/facebook-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(".fb-path", { scale: [
 			1,
 			.9,
@@ -42,7 +42,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,
@@ -58,17 +58,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: "fb-path",
 				d: "M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3",
 				style: { transformOrigin: "center" }
 			}),
-			/* @__PURE__ */ a(r.text, {
+			/* @__PURE__ */ r(a.text, {
 				className: "fb-like",
 				x: "12",
 				y: "2",

package/dist/animations/figma-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/figma-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(".circle", { rotate: [
 			0,
 			360,
@@ -40,7 +40,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,
@@ -55,21 +55,21 @@ 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: "circle",
 				style: { transformOrigin: "center" },
 				d: "M15 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "layer1",
 				d: "M6 3m0 3a3 3 0 0 1 3 -3h6a3 3 0 0 1 3 3v0a3 3 0 0 1 -3 3h-6a3 3 0 0 1 -3 -3z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "layer2",
 				d: "M9 9a3 3 0 0 0 0 6h3m-3 0a3 3 0 1 0 3 3v-15"
 			})

package/dist/animations/file-description-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/file-description-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(".file-fold", { pathLength: [0, 1] }, {
 			duration: .3,
 			ease: "easeOut"
@@ -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,21 +32,21 @@ 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: "M14 3v4a1 1 0 0 0 1 1h4",
 				className: "file-fold"
 			}),
-			/* @__PURE__ */ a("path", { d: "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("path", { d: "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" }),
+			/* @__PURE__ */ r(a.path, {
 				d: "M9 17h6",
 				className: "file-lines"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M9 13h6",
 				className: "file-lines"
 			})

package/dist/animations/filled-bell-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/filled-bell-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(".bell", { rotate: [
 			0,
 			-8,
@@ -35,7 +35,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,
 		className: `cursor-pointer ${c}`,
 		xmlns: "http://www.w3.org/2000/svg",
@@ -46,17 +46,17 @@ 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(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "below-circle",
 				style: { transformOrigin: "50% 0%" },
 				d: "M14.235 19c.865 0 1.322 1.024 .745 1.668a3.992 3.992 0 0 1 -2.98 1.332a3.992 3.992 0 0 1 -2.98 -1.332c-.552 -.616 -.158 -1.579 .634 -1.661l.11 -.006h4.471z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "bell",
 				style: { transformOrigin: "50% 10%" },
 				d: "M12 2c1.358 0 2.506 .903 2.875 2.141l.046 .171l.008 .043a8.013 8.013 0 0 1 4.024 6.069l.028 .287l.019 .289v2.931l.021 .136a3 3 0 0 0 1.143 1.847l.167 .117l.162 .099c.86 .487 .56 1.766 -.377 1.864l-.116 .006h-16c-1.028 0 -1.387 -1.364 -.493 -1.87a3 3 0 0 0 1.472 -2.063l.021 -.143l.001 -2.97a8 8 0 0 1 3.821 -6.454l.248 -.146l.01 -.043a3.003 3.003 0 0 1 2.562 -2.29l.182 -.017l.176 -.004z"

package/dist/animations/filled-checked-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/filled-checked-icon.tsx
 var s = e(({ size: e = 24, className: s = "", color: c = "currentColor", strokeWidth: l = "1" }, u) => {
-	let [d, f] = i(), p = t(async () => {
+	let [d, f] = o(), p = t(async () => {
 		await f("svg", { scale: 1.1 }, {
 			duration: .1,
 			ease: "easeInOut"
@@ -42,11 +42,11 @@ var s = e(({ size: e = 24, className: s = "", color: c = "currentColor", strokeW
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ a(r.div, {
+	})), /* @__PURE__ */ r(a.div, {
 		ref: d,
 		onHoverStart: p,
 		onHoverEnd: m,
-		children: /* @__PURE__ */ o("svg", {
+		children: /* @__PURE__ */ i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -58,17 +58,17 @@ var s = e(({ size: e = 24, className: s = "", color: c = "currentColor", strokeW
 			strokeLinejoin: "round",
 			className: s,
 			children: [
-				/* @__PURE__ */ a("path", {
+				/* @__PURE__ */ r("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336z",
 					className: `filled-circle ${s}`,
 					style: { transformOrigin: "center" }
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					d: "M15.707 9.293a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z",
 					className: "check-icon text-background",
 					fill: "currentColor"

package/dist/animations/filter-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/filter-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 && (Array.from({ length: 8 }).map((e, t) => `.p-in-${t}`).forEach((e, t) => {
 			p(e, {
 				y: [-4, 8],
@@ -65,7 +65,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,
@@ -81,12 +81,12 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 		className: `cursor-pointer ${u}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ o(i.path, {
+			/* @__PURE__ */ i(o.path, {
 				className: "funnel",
 				d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
 				style: { transformOrigin: "12px 14px" }
 			}),
-			/* @__PURE__ */ o(i.circle, {
+			/* @__PURE__ */ i(o.circle, {
 				className: "p-in-0",
 				cx: "12",
 				cy: "0",
@@ -95,7 +95,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				stroke: "none",
 				opacity: 0
 			}),
-			/* @__PURE__ */ o(i.circle, {
+			/* @__PURE__ */ i(o.circle, {
 				className: "p-in-1",
 				cx: "8",
 				cy: "-1",
@@ -104,7 +104,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				stroke: "none",
 				opacity: 0
 			}),
-			/* @__PURE__ */ o(i.circle, {
+			/* @__PURE__ */ i(o.circle, {
 				className: "p-in-2",
 				cx: "16",
 				cy: "-2",
@@ -113,7 +113,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				stroke: "none",
 				opacity: 0
 			}),
-			/* @__PURE__ */ o(i.circle, {
+			/* @__PURE__ */ i(o.circle, {
 				className: "p-in-3",
 				cx: "10",
 				cy: "1",
@@ -122,7 +122,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				stroke: "none",
 				opacity: 0
 			}),
-			/* @__PURE__ */ o(i.circle, {
+			/* @__PURE__ */ i(o.circle, {
 				className: "p-in-4",
 				cx: "14",
 				cy: "0",
@@ -131,7 +131,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				stroke: "none",
 				opacity: 0
 			}),
-			/* @__PURE__ */ o(i.circle, {
+			/* @__PURE__ */ i(o.circle, {
 				className: "p-in-5",
 				cx: "7",
 				cy: "2",
@@ -140,7 +140,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				stroke: "none",
 				opacity: 0
 			}),
-			/* @__PURE__ */ o(i.circle, {
+			/* @__PURE__ */ i(o.circle, {
 				className: "p-in-6",
 				cx: "17",
 				cy: "1",
@@ -149,7 +149,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				stroke: "none",
 				opacity: 0
 			}),
-			/* @__PURE__ */ o(i.circle, {
+			/* @__PURE__ */ i(o.circle, {
 				className: "p-in-7",
 				cx: "12",
 				cy: "-3",
@@ -158,7 +158,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				stroke: "none",
 				opacity: 0
 			}),
-			/* @__PURE__ */ o(i.circle, {
+			/* @__PURE__ */ i(o.circle, {
 				className: "p-out-1",
 				cx: "12",
 				cy: "0",
@@ -167,7 +167,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 				stroke: "none",
 				opacity: 0
 			}),
-			/* @__PURE__ */ o(i.circle, {
+			/* @__PURE__ */ i(o.circle, {
 				className: "p-out-2",
 				cx: "12",
 				cy: "0",

package/dist/animations/flame-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/flame-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(".flame-group", {
 			y: [
 				0,
@@ -43,7 +43,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,
 		width: e,
 		height: e,
@@ -57,13 +57,13 @@ var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, classN
 		style: { overflow: "visible" },
 		onHoverStart: d,
 		onHoverEnd: f,
-		children: /* @__PURE__ */ i(n.g, {
+		children: /* @__PURE__ */ n(r.g, {
 			className: "flame-group",
 			style: {
 				transformOrigin: "50% 100%",
 				transformBox: "fill-box"
 			},
-			children: /* @__PURE__ */ i(n.path, { d: "M12 10.941c2.333 -3.308 .167 -7.823 -1 -8.941c0 3.395 -2.235 5.299 -3.667 6.706c-1.43 1.408 -2.333 3.621 -2.333 5.588c0 3.704 3.134 6.706 7 6.706s7 -3.002 7 -6.706c0 -1.712 -1.232 -4.403 -2.333 -5.588c-2.084 3.353 -3.257 3.353 -4.667 2.235" })
+			children: /* @__PURE__ */ n(r.path, { d: "M12 10.941c2.333 -3.308 .167 -7.823 -1 -8.941c0 3.395 -2.235 5.299 -3.667 6.706c-1.43 1.408 -2.333 3.621 -2.333 5.588c0 3.704 3.134 6.706 7 6.706s7 -3.002 7 -6.706c0 -1.712 -1.232 -4.403 -2.333 -5.588c-2.084 3.353 -3.257 3.353 -4.667 2.235" })
 		})
 	});
 });

package/dist/animations/focus-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/focus-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(".center", { scale: 1.4 }, {
 			duration: .25,
 			ease: "easeOut"
@@ -20,7 +20,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,
@@ -35,26 +35,26 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		onHoverStart: p,
 		onHoverEnd: m,
 		children: [
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "center",
 				cx: "12",
 				cy: "12",
 				r: "3",
 				style: { transformOrigin: "12px 12px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "corners",
 				d: "M3 7V5a2 2 0 0 1 2-2h2"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "corners",
 				d: "M17 3h2a2 2 0 0 1 2 2v2"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "corners",
 				d: "M21 17v2a2 2 0 0 1-2 2h-2"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "corners",
 				d: "M7 21H5a2 2 0 0 1-2-2v-2"
 			})