nfx-ui 0.25.0 → 0.26.0

package/dist/animations/arrow-big-down-dash-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/arrow-big-down-dash-icon.tsx
 var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeWidth: c = 2 }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		d(".arrow", { y: 4 }, { duration: .5 }), d(".dash", { opacity: .5 }, { duration: .5 });
 	}, p = async () => {
 		d(".arrow", { y: 0 }, { duration: .3 }), d(".dash", { opacity: 1 }, { duration: .3 });
@@ -11,7 +11,7 @@ var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeW
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -30,10 +30,10 @@ var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeW
 		strokeLinejoin: "round",
 		color: s,
 		className: `cursor-pointer ${o}`,
-		children: [/* @__PURE__ */ i(n.path, {
+		children: [/* @__PURE__ */ n(i.path, {
 			className: "arrow",
 			d: "M15 11a1 1 0 0 0 1 1h2.939a1 1 0 0 1 .75 1.811l-6.835 6.836a1.207 1.207 0 0 1-1.707 0L4.31 13.81a1 1 0 0 1 .75-1.811H8a1 1 0 0 0 1-1V9a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z"
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "dash",
 			d: "M9 4h6"
 		})]

package/dist/animations/arrow-big-down-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/arrow-big-down-icon.tsx
 var a = e(({ size: e = 40, className: a = "", color: o = "currentColor", strokeWidth: s = 2 }, c) => {
-	let [l, u] = r(), d = async () => {
+	let [l, u] = i(), d = async () => {
 		u(l.current, { y: [0, 4] }, { duration: .5 });
 	}, f = async () => {
 		u(l.current, { y: 0 }, { duration: .3 });
@@ -11,7 +11,7 @@ var a = e(({ size: e = 40, className: a = "", color: o = "currentColor", strokeW
 	return t(c, () => ({
 		startAnimation: d,
 		stopAnimation: f
-	})), /* @__PURE__ */ i(n.svg, {
+	})), /* @__PURE__ */ n(r.svg, {
 		ref: l,
 		onHoverStart: () => {
 			d();
@@ -30,7 +30,7 @@ var a = e(({ size: e = 40, className: a = "", color: o = "currentColor", strokeW
 		strokeLinejoin: "round",
 		color: o,
 		className: `cursor-pointer ${a}`,
-		children: /* @__PURE__ */ i("path", { d: "M15 11a1 1 0 0 0 1 1h2.939a1 1 0 0 1 .75 1.811l-6.835 6.836a1.207 1.207 0 0 1-1.707 0L4.31 13.81a1 1 0 0 1 .75-1.811H8a1 1 0 0 0 1-1V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z" })
+		children: /* @__PURE__ */ n("path", { d: "M15 11a1 1 0 0 0 1 1h2.939a1 1 0 0 1 .75 1.811l-6.835 6.836a1.207 1.207 0 0 1-1.707 0L4.31 13.81a1 1 0 0 1 .75-1.811H8a1 1 0 0 0 1-1V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z" })
 	});
 });
 a.displayName = "ArrowBigDownIcon";

package/dist/animations/arrow-big-left-dash-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/arrow-big-left-dash-icon.tsx
 var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeWidth: c = 2 }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		d(".arrow", { x: [0, -4] }, { duration: .5 }), d(".dash", { opacity: [1, .5] }, { duration: .5 });
 	}, p = async () => {
 		d(".arrow", { x: 0 }, { duration: .3 }), d(".dash", { opacity: 1 }, { duration: .3 });
@@ -11,7 +11,7 @@ var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeW
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -30,10 +30,10 @@ var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeW
 		strokeLinejoin: "round",
 		color: s,
 		className: `cursor-pointer ${o}`,
-		children: [/* @__PURE__ */ i(n.path, {
+		children: [/* @__PURE__ */ n(i.path, {
 			className: "arrow",
 			d: "M13 9a1 1 0 0 1-1-1V5.061a1 1 0 0 0-1.811-.75l-6.835 6.836a1.207 1.207 0 0 0 0 1.707l6.835 6.835a1 1 0 0 0 1.811-.75V16a1 1 0 0 1 1-1h2a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "dash",
 			d: "M20 9v6"
 		})]

package/dist/animations/arrow-big-left-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/arrow-big-left-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(".arrow", { x: -4 }, {
 			duration: .3,
 			ease: "easeOut"
@@ -17,7 +17,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();
@@ -35,7 +35,7 @@ var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${s}`,
-		children: /* @__PURE__ */ i(n.path, {
+		children: /* @__PURE__ */ n(r.path, {
 			className: "arrow",
 			d: "M13 9a1 1 0 0 1-1-1V5.061a1 1 0 0 0-1.811-.75l-6.835 6.836a1.207 1.207 0 0 0 0 1.707l6.835 6.835a1 1 0 0 0 1.811-.75V16a1 1 0 0 1 1-1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
 		})

package/dist/animations/arrow-big-right-dash-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/arrow-big-right-dash-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(".arrow", { x: 4 }, {
 			duration: .3,
 			ease: "easeOut"
@@ -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();
@@ -47,10 +47,10 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
-		children: [/* @__PURE__ */ i(n.path, {
+		children: [/* @__PURE__ */ n(i.path, {
 			className: "arrow",
 			d: "M11 9a1 1 0 0 0 1-1V5.061a1 1 0 0 1 1.811-.75l6.836 6.836a1.207 1.207 0 0 1 0 1.707l-6.836 6.835a1 1 0 0 1-1.811-.75V16a1 1 0 0 0-1-1H9a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1z"
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "dash",
 			style: { transformOrigin: "4px 12px" },
 			d: "M4 9v6"

package/dist/animations/arrow-big-right-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/arrow-big-right-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(".arrow", { x: 4 }, {
 			duration: .3,
 			ease: "easeOut"
@@ -17,7 +17,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();
@@ -35,7 +35,7 @@ var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${s}`,
-		children: /* @__PURE__ */ i(n.path, {
+		children: /* @__PURE__ */ n(r.path, {
 			className: "arrow",
 			d: "M11 9a1 1 0 0 0 1-1V5.061a1 1 0 0 1 1.811-.75l6.836 6.836a1.207 1.207 0 0 1 0 1.707l-6.836 6.835a1 1 0 0 1-1.811-.75V16a1 1 0 0 0-1-1H5a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1z"
 		})

package/dist/animations/arrow-big-up-dash-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/arrow-big-up-dash-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(".arrow", { y: -4 }, {
 			duration: .3,
 			ease: "easeOut"
@@ -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();
@@ -47,10 +47,10 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
-		children: [/* @__PURE__ */ i(n.path, {
+		children: [/* @__PURE__ */ n(i.path, {
 			className: "arrow",
 			d: "M9 13a1 1 0 0 0-1-1H5.061a1 1 0 0 1-.75-1.811l6.836-6.835a1.207 1.207 0 0 1 1.707 0l6.835 6.835a1 1 0 0 1-.75 1.811H16a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z"
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "dash",
 			style: { transformOrigin: "12px 20px" },
 			d: "M9 20h6"

package/dist/animations/arrow-big-up-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/arrow-big-up-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(".arrow", { y: -4 }, {
 			duration: .3,
 			ease: "easeOut"
@@ -17,7 +17,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();
@@ -35,7 +35,7 @@ var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${s}`,
-		children: /* @__PURE__ */ i(n.path, {
+		children: /* @__PURE__ */ n(r.path, {
 			className: "arrow",
 			d: "M9 13a1 1 0 0 0-1-1H5.061a1 1 0 0 1-.75-1.811l6.836-6.835a1.207 1.207 0 0 1 1.707 0l6.835 6.835a1 1 0 0 1-.75 1.811H16a1 1 0 0 0-1 1v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z"
 		})

package/dist/animations/arrow-down-0-1-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/arrow-down-0-1-icon.tsx
 var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeWidth: c = 2 }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		d(".zero", { y: 10 }, {
 			duration: .3,
 			ease: "easeInOut"
@@ -20,7 +20,7 @@ var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeW
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -40,9 +40,9 @@ var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeW
 		color: s,
 		className: `cursor-pointer ${o}`,
 		children: [
-			/* @__PURE__ */ i("path", { d: "m3 16 4 4 4-4" }),
-			/* @__PURE__ */ i("path", { d: "M7 20V4" }),
-			/* @__PURE__ */ i(n.rect, {
+			/* @__PURE__ */ n("path", { d: "m3 16 4 4 4-4" }),
+			/* @__PURE__ */ n("path", { d: "M7 20V4" }),
+			/* @__PURE__ */ n(i.rect, {
 				className: "zero",
 				x: "15",
 				y: "4",
@@ -50,9 +50,9 @@ var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeW
 				height: "6",
 				ry: "2"
 			}),
-			/* @__PURE__ */ a(n.g, {
+			/* @__PURE__ */ r(i.g, {
 				className: "one",
-				children: [/* @__PURE__ */ i("path", { d: "M17 20v-6h-2" }), /* @__PURE__ */ i("path", { d: "M15 20h4" })]
+				children: [/* @__PURE__ */ n("path", { d: "M17 20v-6h-2" }), /* @__PURE__ */ n("path", { d: "M15 20h4" })]
 			})
 		]
 	});

package/dist/animations/arrow-down-1-0-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/arrow-down-1-0-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(".one", { y: 10 }, {
 			duration: .3,
 			ease: "easeInOut"
@@ -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__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -39,13 +39,13 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
 		children: [
-			/* @__PURE__ */ i("path", { d: "m3 16 4 4 4-4" }),
-			/* @__PURE__ */ i("path", { d: "M7 20V4" }),
-			/* @__PURE__ */ a(n.g, {
+			/* @__PURE__ */ n("path", { d: "m3 16 4 4 4-4" }),
+			/* @__PURE__ */ n("path", { d: "M7 20V4" }),
+			/* @__PURE__ */ r(i.g, {
 				className: "one",
-				children: [/* @__PURE__ */ i("path", { d: "M17 10V4h-2" }), /* @__PURE__ */ i("path", { d: "M15 10h4" })]
+				children: [/* @__PURE__ */ n("path", { d: "M17 10V4h-2" }), /* @__PURE__ */ n("path", { d: "M15 10h4" })]
 			}),
-			/* @__PURE__ */ i(n.rect, {
+			/* @__PURE__ */ n(i.rect, {
 				className: "zero",
 				x: "15",
 				y: "14",

package/dist/animations/arrow-down-a-z-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useImperativeHandle as t } from "react";
-import { motion as n, useAnimate as r } from "motion/react";
-import { jsx as i, 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/arrow-down-a-z-icon.tsx
 var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeWidth: c = "1" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		d(".text-z", { y: -24 }, {
 			duration: .3,
 			ease: "easeInOut"
@@ -26,7 +26,7 @@ var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeW
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -46,23 +46,23 @@ var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeW
 		color: s,
 		className: `cursor-pointer ${o}`,
 		children: [
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "text-line",
 				d: "M35.5 3.5V43H32.5V3.5H35.5Z"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "text-z",
 				d: "M6.5 26H21.5V29.1627L10.4518 41H21.5V44H6.5V40.8373L17.5482 29H6.5V26Z"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "text-a",
 				d: "M11.7802 4H16.0532L22.5532 22H18.7V20.1625L13.9469 7H13.8865L9.13335 20.1625V22H5.28021L11.7802 4Z"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "text-a",
 				d: "M19.5 18H8.5V15H19.5V18Z"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "text-arrow",
 				style: { transformOrigin: "34px 38px" },
 				d: "M25 31.8787L34 40.8787L43 31.8787L45.1213 34L34 45.1213L22.8787 34L25 31.8787Z"

package/dist/animations/arrow-narrow-down-dashed-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/arrow-narrow-down-dashed-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(".arrow-group", { y: [
 			0,
 			4,
@@ -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.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -30,7 +30,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ i("svg", {
+		children: /* @__PURE__ */ n("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -40,14 +40,14 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: s,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: /* @__PURE__ */ a(n.g, {
+			children: /* @__PURE__ */ r(i.g, {
 				className: "arrow-group",
 				children: [
-					/* @__PURE__ */ i("path", { d: "M12 5v.5" }),
-					/* @__PURE__ */ i("path", { d: "M12 8.5v1.5" }),
-					/* @__PURE__ */ i("path", { d: "M12 13v6" }),
-					/* @__PURE__ */ i("path", { d: "M16 15l-4 4" }),
-					/* @__PURE__ */ i("path", { d: "M8 15l4 4" })
+					/* @__PURE__ */ n("path", { d: "M12 5v.5" }),
+					/* @__PURE__ */ n("path", { d: "M12 8.5v1.5" }),
+					/* @__PURE__ */ n("path", { d: "M12 13v6" }),
+					/* @__PURE__ */ n("path", { d: "M16 15l-4 4" }),
+					/* @__PURE__ */ n("path", { d: "M8 15l4 4" })
 				]
 			})
 		})

package/dist/animations/arrow-narrow-down-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/arrow-narrow-down-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(".arrow-group", { y: [
 			0,
 			4,
@@ -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.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -30,7 +30,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ i("svg", {
+		children: /* @__PURE__ */ n("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -40,17 +40,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: s,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: /* @__PURE__ */ a(n.g, {
+			children: /* @__PURE__ */ r(i.g, {
 				className: "arrow-group",
 				children: [
-					/* @__PURE__ */ i("path", {
+					/* @__PURE__ */ n("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
 						fill: "none"
 					}),
-					/* @__PURE__ */ i("path", { d: "M12 5l0 14" }),
-					/* @__PURE__ */ i("path", { d: "M16 15l-4 4" }),
-					/* @__PURE__ */ i("path", { d: "M8 15l4 4" })
+					/* @__PURE__ */ n("path", { d: "M12 5l0 14" }),
+					/* @__PURE__ */ n("path", { d: "M16 15l-4 4" }),
+					/* @__PURE__ */ n("path", { d: "M8 15l4 4" })
 				]
 			})
 		})

package/dist/animations/arrow-narrow-left-dashed-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/arrow-narrow-left-dashed-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(".arrow-group", { x: [
 			0,
 			-4,
@@ -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.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -30,7 +30,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ i("svg", {
+		children: /* @__PURE__ */ n("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -40,17 +40,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: s,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: /* @__PURE__ */ a(n.g, {
+			children: /* @__PURE__ */ r(i.g, {
 				className: "arrow-group",
 				children: [
-					/* @__PURE__ */ i("path", {
+					/* @__PURE__ */ n("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
 						fill: "none"
 					}),
-					/* @__PURE__ */ i("path", { d: "M5 12h6m3 0h1.5m3 0h.5" }),
-					/* @__PURE__ */ i("path", { d: "M5 12l4 4" }),
-					/* @__PURE__ */ i("path", { d: "M5 12l4 -4" })
+					/* @__PURE__ */ n("path", { d: "M5 12h6m3 0h1.5m3 0h.5" }),
+					/* @__PURE__ */ n("path", { d: "M5 12l4 4" }),
+					/* @__PURE__ */ n("path", { d: "M5 12l4 -4" })
 				]
 			})
 		})

package/dist/animations/arrow-narrow-left-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/arrow-narrow-left-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(".arrow-group", { x: [
 			0,
 			-4,
@@ -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.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -30,7 +30,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ i("svg", {
+		children: /* @__PURE__ */ n("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -40,17 +40,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: s,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: /* @__PURE__ */ a(n.g, {
+			children: /* @__PURE__ */ r(i.g, {
 				className: "arrow-group",
 				children: [
-					/* @__PURE__ */ i("path", {
+					/* @__PURE__ */ n("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
 						fill: "none"
 					}),
-					/* @__PURE__ */ i("path", { d: "M5 12l14 0" }),
-					/* @__PURE__ */ i("path", { d: "M5 12l4 4" }),
-					/* @__PURE__ */ i("path", { d: "M5 12l4 -4" })
+					/* @__PURE__ */ n("path", { d: "M5 12l14 0" }),
+					/* @__PURE__ */ n("path", { d: "M5 12l4 4" }),
+					/* @__PURE__ */ n("path", { d: "M5 12l4 -4" })
 				]
 			})
 		})