nfx-ui 0.24.2 → 0.26.0

package/dist/animations/travel-bag.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/travel-bag.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(".front-flap", { skewX: 20 }, {
 			duration: .4,
 			ease: [
@@ -42,7 +42,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	}), [p, m]), /* @__PURE__ */ o(r.svg, {
+	}), [p, m]), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -57,31 +57,31 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		children: [
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "front-flap",
 				d: "M12.75 4.25h-6m6 0c2.828 0 4.243 0 5.121.879.879.878.879 2.293.879 5.121v2.5c0 2.828 0 4.243-.879 5.121-.878.879-2.293.879-5.121.879h-6c-2.828 0-4.243 0-5.121-.879C.75 16.993.75 15.578.75 12.75v-2.5c0-2.828 0-4.243.879-5.121.878-.879 2.293-.879 5.121-.879"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "elements",
 				d: "M18.75 8.25a4 4 0 0 1-4-4"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "elements",
 				d: "m7 9.75-.75.75.75.75.75-.75z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "elements",
 				d: "M.75 14.75a4 4 0 0 1 4 4m-4-10.5a4 4 0 0 0 4-4m14 10.5a4 4 0 0 0-4 4"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "elements",
 				d: "m11.75 14.55-1.5-.3 1.2-1.2z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "elements",
 				d: "M12.25 8.75v.01"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "back-flap",
 				d: "M12.75 4.25h-6v-.5c0-1.414 0-2.121.44-2.56C7.628.75 8.335.75 9.75.75s2.121 0 2.56.44c.44.438.44 1.145.44 2.56zm0 0c2.828 0 4.243 0 5.121.879.879.878.879 2.293.879 5.121v2.5c0 2.828 0 4.243-.879 5.121-.878.879-2.293.879-5.121.879"
 			})

package/dist/animations/triangle-alert-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/triangle-alert-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(".triangle", { y: [
 			0,
 			-1.5,
@@ -52,7 +52,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -66,14 +66,14 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
-		children: [/* @__PURE__ */ a(r.path, {
+		children: [/* @__PURE__ */ r(a.path, {
 			className: "triangle",
 			d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
-		}), /* @__PURE__ */ o("g", { children: [/* @__PURE__ */ a(r.path, {
+		}), /* @__PURE__ */ i("g", { children: [/* @__PURE__ */ r(a.path, {
 			className: "exclamation-line",
 			d: "M12 9v4",
 			style: { transformOrigin: "12px 11px" }
-		}), /* @__PURE__ */ a(r.path, {
+		}), /* @__PURE__ */ r(a.path, {
 			className: "exclamation-dot",
 			d: "M12 17h.01",
 			style: { transformOrigin: "12px 17px" }

package/dist/animations/trophy-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/trophy-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(".trophy-group", {
 			y: [
 				0,
@@ -84,7 +84,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ a(r.svg, {
+	})), /* @__PURE__ */ r(a.svg, {
 		ref: d,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -99,17 +99,17 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		style: { overflow: "visible" },
-		children: /* @__PURE__ */ o(r.g, {
+		children: /* @__PURE__ */ i(a.g, {
 			className: "trophy-group",
 			style: { transformOrigin: "center 20px" },
 			children: [
-				/* @__PURE__ */ a("path", { d: "M6 9H4.5a1 1 0 0 1 0-5H6" }),
-				/* @__PURE__ */ a("path", { d: "M18 9h1.5a1 1 0 0 0 0-5H18" }),
-				/* @__PURE__ */ a("path", { d: "M4 22h16" }),
-				/* @__PURE__ */ a("path", { d: "M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978" }),
-				/* @__PURE__ */ a("path", { d: "M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978" }),
-				/* @__PURE__ */ a("path", { d: "M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z" }),
-				/* @__PURE__ */ a(r.rect, {
+				/* @__PURE__ */ r("path", { d: "M6 9H4.5a1 1 0 0 1 0-5H6" }),
+				/* @__PURE__ */ r("path", { d: "M18 9h1.5a1 1 0 0 0 0-5H18" }),
+				/* @__PURE__ */ r("path", { d: "M4 22h16" }),
+				/* @__PURE__ */ r("path", { d: "M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978" }),
+				/* @__PURE__ */ r("path", { d: "M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978" }),
+				/* @__PURE__ */ r("path", { d: "M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z" }),
+				/* @__PURE__ */ r(a.rect, {
 					className: "confetti-1",
 					x: "11",
 					y: "6",
@@ -121,7 +121,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 					opacity: 0,
 					style: { transformOrigin: "center" }
 				}),
-				/* @__PURE__ */ a(r.rect, {
+				/* @__PURE__ */ r(a.rect, {
 					className: "confetti-2",
 					x: "12",
 					y: "5",
@@ -133,7 +133,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 					opacity: 0,
 					style: { transformOrigin: "center" }
 				}),
-				/* @__PURE__ */ a(r.rect, {
+				/* @__PURE__ */ r(a.rect, {
 					className: "confetti-3",
 					x: "13",
 					y: "6",
@@ -145,7 +145,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 					opacity: 0,
 					style: { transformOrigin: "center" }
 				}),
-				/* @__PURE__ */ a(r.rect, {
+				/* @__PURE__ */ r(a.rect, {
 					className: "confetti-4",
 					x: "12",
 					y: "7",

package/dist/animations/truck-electric-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/truck-electric-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(".truck", {
 			x: [0, 30],
 			opacity: [1, 0]
@@ -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__ */ a(r.svg, {
+	})), /* @__PURE__ */ r(a.svg, {
 		ref: d,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -45,20 +45,20 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		style: { overflow: "visible" },
-		children: /* @__PURE__ */ o(r.g, {
+		children: /* @__PURE__ */ i(a.g, {
 			className: "truck",
 			children: [
-				/* @__PURE__ */ a("path", { d: "M14 19V7a2 2 0 0 0-2-2H9" }),
-				/* @__PURE__ */ a("path", { d: "M15 19H9" }),
-				/* @__PURE__ */ a("path", { d: "M19 19h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62L18.3 9.38a1 1 0 0 0-.78-.38H14" }),
-				/* @__PURE__ */ a("path", { d: "M2 13v5a1 1 0 0 0 1 1h2" }),
-				/* @__PURE__ */ a("path", { d: "M4 3 2.15 5.15a.495.495 0 0 0 .35.86h2.15a.47.47 0 0 1 .35.86L3 9.02" }),
-				/* @__PURE__ */ a("circle", {
+				/* @__PURE__ */ r("path", { d: "M14 19V7a2 2 0 0 0-2-2H9" }),
+				/* @__PURE__ */ r("path", { d: "M15 19H9" }),
+				/* @__PURE__ */ r("path", { d: "M19 19h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62L18.3 9.38a1 1 0 0 0-.78-.38H14" }),
+				/* @__PURE__ */ r("path", { d: "M2 13v5a1 1 0 0 0 1 1h2" }),
+				/* @__PURE__ */ r("path", { d: "M4 3 2.15 5.15a.495.495 0 0 0 .35.86h2.15a.47.47 0 0 1 .35.86L3 9.02" }),
+				/* @__PURE__ */ r("circle", {
 					cx: "17",
 					cy: "19",
 					r: "2"
 				}),
-				/* @__PURE__ */ a("circle", {
+				/* @__PURE__ */ r("circle", {
 					cx: "7",
 					cy: "19",
 					r: "2"

package/dist/animations/twitter-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 } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { motion as i, useAnimate as a } from "motion/react";
 //#region src/animations/twitter-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = i(), f = t(async () => {
+	let [u, d] = a(), f = t(async () => {
 		await d(".bird", {
 			y: [
 				0,
@@ -58,7 +58,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return n(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(r.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: f,
 		onHoverEnd: p,
@@ -72,7 +72,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
-		children: /* @__PURE__ */ a(r.path, {
+		children: /* @__PURE__ */ r(i.path, {
 			className: "bird",
 			style: { transformOrigin: "12px 12px" },
 			d: "M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"

package/dist/animations/twitter-x-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
-import { motion as r, useAnimate as i } from "motion/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a, useAnimate as o } from "motion/react";
 //#region src/animations/twitter-x-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(async () => {
+	let [d, f] = o(), p = t(async () => {
 		await f(".x-icon", {
 			scale: [
 				1,
@@ -32,7 +32,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ a(r.svg, {
+	})), /* @__PURE__ */ r(a.svg, {
 		ref: d,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -46,17 +46,17 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
-		children: /* @__PURE__ */ o(r.g, {
+		children: /* @__PURE__ */ i(a.g, {
 			className: "x-icon",
 			style: { transformOrigin: "center" },
 			children: [
-				/* @__PURE__ */ a("path", {
+				/* @__PURE__ */ r("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}),
-				/* @__PURE__ */ a("path", { d: "M4 4l11.733 16h4.267l-11.733 -16z" }),
-				/* @__PURE__ */ a("path", { d: "M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" })
+				/* @__PURE__ */ r("path", { d: "M4 4l11.733 16h4.267l-11.733 -16z" }),
+				/* @__PURE__ */ r("path", { d: "M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" })
 			]
 		})
 	});

package/dist/animations/typescript-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/typescript-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(".ts-text", {
 			pathLength: [0, 1],
 			opacity: [0, 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,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -42,12 +42,12 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "ts-text",
 				initial: {
 					pathLength: 1,
@@ -55,7 +55,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				},
 				d: "M15 17.5c.32 .32 .754 .5 1.207 .5h.543c.69 0 1.25 -.56 1.25 -1.25v-.25a1.5 1.5 0 0 0 -1.5 -1.5a1.5 1.5 0 0 1 -1.5 -1.5v-.25c0 -.69 .56 -1.25 1.25 -1.25h.543c.453 0 .887 .18 1.207 .5"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "ts-text",
 				initial: {
 					pathLength: 1,
@@ -63,7 +63,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				},
 				d: "M9 12h4"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "ts-text",
 				initial: {
 					pathLength: 1,
@@ -71,7 +71,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				},
 				d: "M11 12v6"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "border",
 				style: { transformOrigin: "center" },
 				d: "M21 19v-14a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2 -2z"

package/dist/animations/unlink-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/unlink-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(".chain-left", {
 			x: -3,
 			y: 3
@@ -67,7 +67,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -82,36 +82,36 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		children: [
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "chain-right",
 				d: "m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "chain-left",
 				d: "m5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71"
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "break-indicator",
 				children: [
-					/* @__PURE__ */ a("line", {
+					/* @__PURE__ */ r("line", {
 						x1: "8",
 						x2: "8",
 						y1: "2",
 						y2: "5"
 					}),
-					/* @__PURE__ */ a("line", {
+					/* @__PURE__ */ r("line", {
 						x1: "2",
 						x2: "5",
 						y1: "8",
 						y2: "8"
 					}),
-					/* @__PURE__ */ a("line", {
+					/* @__PURE__ */ r("line", {
 						x1: "16",
 						x2: "16",
 						y1: "19",
 						y2: "22"
 					}),
-					/* @__PURE__ */ a("line", {
+					/* @__PURE__ */ r("line", {
 						x1: "19",
 						x2: "22",
 						y1: "16",

package/dist/animations/unordered-list-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/unordered-list-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(".list-line-1", { scaleX: [0, 1] }, {
 			duration: .25,
 			ease: "easeOut"
@@ -41,7 +41,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,
@@ -56,32 +56,32 @@ 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: "M9 6l11 0",
 				className: "list-line-1",
 				style: { transformOrigin: "9px 6px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M9 12l11 0",
 				className: "list-line-2",
 				style: { transformOrigin: "9px 12px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M9 18l11 0",
 				className: "list-line-3",
 				style: { transformOrigin: "9px 18px" }
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "list-bullets",
 				children: [
-					/* @__PURE__ */ a("path", { d: "M5 6l0 .01" }),
-					/* @__PURE__ */ a("path", { d: "M5 12l0 .01" }),
-					/* @__PURE__ */ a("path", { d: "M5 18l0 .01" })
+					/* @__PURE__ */ r("path", { d: "M5 6l0 .01" }),
+					/* @__PURE__ */ r("path", { d: "M5 12l0 .01" }),
+					/* @__PURE__ */ r("path", { d: "M5 18l0 .01" })
 				]
 			})
 		]

package/dist/animations/upload-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/upload-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 && (await p(".arrow-group", {
 			y: -12,
 			opacity: 0
@@ -32,7 +32,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,
@@ -47,9 +47,9 @@ var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${u}`,
 		style: { overflow: "visible" },
-		children: [/* @__PURE__ */ o("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), /* @__PURE__ */ s(i.g, {
+		children: [/* @__PURE__ */ i("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), /* @__PURE__ */ a(o.g, {
 			className: "arrow-group",
-			children: [/* @__PURE__ */ o("path", { d: "M12 3v12" }), /* @__PURE__ */ o("path", { d: "m17 8-5-5-5 5" })]
+			children: [/* @__PURE__ */ i("path", { d: "M12 3v12" }), /* @__PURE__ */ i("path", { d: "m17 8-5-5-5 5" })]
 		})]
 	});
 });

package/dist/animations/user-check-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
-import { motion as r, useAnimate as i } from "motion/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a, useAnimate as o } from "motion/react";
 //#region src/animations/user-check-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(async () => {
+	let [d, f] = o(), p = t(async () => {
 		f(".user-avatar", {
 			scale: 1.05,
 			y: -1
@@ -35,7 +35,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -50,17 +50,17 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		onHoverStart: p,
 		onHoverEnd: m,
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "user-avatar",
 				style: { transformOrigin: "50% 50%" },
-				children: [/* @__PURE__ */ a("path", { d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" }), /* @__PURE__ */ a("path", { d: "M6 21v-2a4 4 0 0 1 4 -4h4" })]
+				children: [/* @__PURE__ */ r("path", { d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" }), /* @__PURE__ */ r("path", { d: "M6 21v-2a4 4 0 0 1 4 -4h4" })]
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M15 19l2 2l4 -4",
 				className: "check-mark",
 				style: { transformOrigin: "18px 19px" },

package/dist/animations/user-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
-import { motion as r, useAnimate as i } from "motion/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a, useAnimate as o } from "motion/react";
 //#region src/animations/user-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(async () => {
+	let [d, f] = o(), p = t(async () => {
 		f(".user-avatar", {
 			scale: 1.05,
 			y: -1
@@ -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,
@@ -37,14 +37,14 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		className: `cursor-pointer ${l}`,
 		onHoverStart: p,
 		onHoverEnd: m,
-		children: [/* @__PURE__ */ a("path", {
+		children: [/* @__PURE__ */ r("path", {
 			stroke: "none",
 			d: "M0 0h24v24H0z",
 			fill: "none"
-		}), /* @__PURE__ */ o(r.g, {
+		}), /* @__PURE__ */ i(a.g, {
 			className: "user-avatar",
 			style: { transformOrigin: "50% 50%" },
-			children: [/* @__PURE__ */ a("path", { d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" }), /* @__PURE__ */ a("path", { d: "M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" })]
+			children: [/* @__PURE__ */ r("path", { d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" }), /* @__PURE__ */ r("path", { d: "M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" })]
 		})]
 	});
 });