nfx-ui 0.24.2 → 0.26.0

package/dist/animations/satellite-dish-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/satellite-dish-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(".signal-inner", {
 			scale: [
 				1,
@@ -55,7 +55,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,
@@ -70,18 +70,18 @@ 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: "dish",
 				d: "M4 10a7.31 7.31 0 0 0 10 10Z",
 				style: { transformOrigin: "9px 15px" }
 			}),
-			/* @__PURE__ */ a("path", { d: "m9 15 3-3" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("path", { d: "m9 15 3-3" }),
+			/* @__PURE__ */ r(a.path, {
 				className: "signal-inner",
 				d: "M17 13a6 6 0 0 0-6-6",
 				style: { transformOrigin: "14px 10px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "signal-outer",
 				d: "M21 13A10 10 0 0 0 11 3",
 				style: { transformOrigin: "16px 8px" }

package/dist/animations/save-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/save-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(() => {
+	let [d, f] = o(), p = t(() => {
 		f(d.current, { y: [
 			0,
 			-1,
@@ -25,7 +25,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,
@@ -41,12 +41,12 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		className: `cursor-pointer ${l}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ a("path", { d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" }),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", { d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" }),
+			/* @__PURE__ */ r("path", {
 				className: "save-shutter",
 				d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "save-label",
 				d: "M7 3v4a1 1 0 0 0 1 1h7",
 				style: { transformOrigin: "center" }

package/dist/animations/scan-barcode-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/scan-barcode-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(".scan-line", {
 			y: [
 				0,
@@ -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,24 +56,24 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		onHoverStart: p,
 		onHoverEnd: m,
 		children: [
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "corners",
 				children: [
-					/* @__PURE__ */ a("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
-					/* @__PURE__ */ a("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
-					/* @__PURE__ */ a("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
-					/* @__PURE__ */ a("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
+					/* @__PURE__ */ r("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+					/* @__PURE__ */ r("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+					/* @__PURE__ */ r("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+					/* @__PURE__ */ r("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
 				]
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "barcode",
 				children: [
-					/* @__PURE__ */ a("path", { d: "M8 7v10" }),
-					/* @__PURE__ */ a("path", { d: "M12 7v10" }),
-					/* @__PURE__ */ a("path", { d: "M17 7v10" })
+					/* @__PURE__ */ r("path", { d: "M8 7v10" }),
+					/* @__PURE__ */ r("path", { d: "M12 7v10" }),
+					/* @__PURE__ */ r("path", { d: "M17 7v10" })
 				]
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "scan-line",
 				x1: "8",
 				x2: "17",

package/dist/animations/scan-heart-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/scan-heart-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(".heart", { scale: 1.3 }, {
 			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,23 +35,23 @@ 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: "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: "M3 7V5a2 2 0 0 1 2-2h2"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "corners",
 				d: "M7 21H5a2 2 0 0 1-2-2v-2"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "heart",
 				style: { transformOrigin: "12px 13px" },
 				d: "M7.828 13.07A3 3 0 0 1 12 8.764a3 3 0 0 1 4.172 4.306l-3.447 3.62a1 1 0 0 1-1.449 0z"

package/dist/animations/send-horizontal-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/send-horizontal-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(".paper-plane", {
 			x: [0, 2],
 			opacity: [1, .7]
@@ -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__ */ a(r.svg, {
+	})), /* @__PURE__ */ r(a.svg, {
 		ref: d,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -43,9 +43,9 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		className: `cursor-pointer ${l}`,
 		onHoverStart: p,
 		onHoverEnd: m,
-		children: /* @__PURE__ */ o(r.g, {
+		children: /* @__PURE__ */ i(a.g, {
 			className: "paper-plane",
-			children: [/* @__PURE__ */ a("path", { d: "M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z" }), /* @__PURE__ */ a("path", { d: "M6 12h16" })]
+			children: [/* @__PURE__ */ r("path", { d: "M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z" }), /* @__PURE__ */ r("path", { d: "M6 12h16" })]
 		})
 	});
 });

package/dist/animations/send-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/send-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(".send-icon", {
 			x: [0, 24],
 			y: [0, -24],
@@ -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,
@@ -47,17 +47,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: "send-icon",
 			style: { transformOrigin: "center" },
 			children: [
-				/* @__PURE__ */ a("path", {
+				/* @__PURE__ */ r("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}),
-				/* @__PURE__ */ a("path", { d: "M10 14l11 -11" }),
-				/* @__PURE__ */ a("path", { d: "M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5" })
+				/* @__PURE__ */ r("path", { d: "M10 14l11 -11" }),
+				/* @__PURE__ */ r("path", { d: "M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5" })
 			]
 		})
 	});

package/dist/animations/shield-check.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/shield-check.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(".shield-body", { scale: [
 			1,
 			1.05,
@@ -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,11 +42,11 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		style: { overflow: "visible" },
-		children: [/* @__PURE__ */ a(r.path, {
+		children: [/* @__PURE__ */ r(a.path, {
 			className: "shield-body",
 			style: { transformOrigin: "50% 50%" },
 			d: "M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06"
-		}), /* @__PURE__ */ a(r.path, {
+		}), /* @__PURE__ */ r(a.path, {
 			className: "shield-check",
 			d: "M15 19l2 2l4 -4",
 			initial: {

package/dist/animations/shopping-cart-icon.js

@@ -1,10 +1,10 @@
 import { scaledStrokeWidth as e } from "./types.js";
 import { forwardRef as t, useCallback as n, useImperativeHandle 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/shopping-cart-icon.tsx
 var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, className: u = "" }, d) => {
-	let [f, p] = a(), m = n(async () => {
+	let [f, p] = s(), m = n(async () => {
 		p(".cart-upper", { x: [
 			0,
 			10,
@@ -61,12 +61,12 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 	return r(d, () => ({
 		startAnimation: m,
 		stopAnimation: h
-	})), /* @__PURE__ */ o(i.div, {
+	})), /* @__PURE__ */ i(o.div, {
 		ref: f,
 		onHoverStart: m,
 		onHoverEnd: h,
 		className: `inline-flex cursor-pointer ${u}`,
-		children: /* @__PURE__ */ s("svg", {
+		children: /* @__PURE__ */ a("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: t,
 			height: t,
@@ -77,33 +77,33 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 			strokeMiterlimit: "10",
 			strokeLinecap: "square",
 			children: [
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "cart-upper",
 					d: "M8.49994 10H41L37.569 21.4367C36.9345 23.5517 34.9879 25 32.7798 25H10.4999"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "cart-wheel-left",
 					style: { transformOrigin: "11px 41px" },
 					d: "M11 45C13.2091 45 15 43.2091 15 41C15 38.7909 13.2091 37 11 37C8.79086 37 7 38.7909 7 41C7 43.2091 8.79086 45 11 45Z"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "cart-wheel-right",
 					style: { transformOrigin: "37px 41px" },
 					d: "M37 45C39.2091 45 41 43.2091 41 41C41 38.7909 39.2091 37 37 37C34.7909 37 33 38.7909 33 41C33 43.2091 34.7909 45 37 45Z"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "cart-upper",
 					d: "M41 32H9.46174C7.17727 32 6.08953 29.1885 7.77914 27.651L10.6923 25L7.81067 5.14103C7.63231 3.91188 6.57863 3.00005 5.33661 3.00003L3 3"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "cart-item cart-upper",
 					d: "M30 16L30 19"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "cart-item cart-upper",
 					d: "M24 16L24 19"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "cart-item cart-upper",
 					d: "M18 16L18 19"
 				})

package/dist/animations/simple-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/simple-checked-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(".check-path", { pathLength: 0 }, {
 			duration: .1,
 			ease: "easeInOut"
@@ -17,11 +17,11 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ a(r.div, {
+	})), /* @__PURE__ */ r(a.div, {
 		ref: d,
 		onHoverStart: p,
 		onHoverEnd: m,
-		children: /* @__PURE__ */ o("svg", {
+		children: /* @__PURE__ */ i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -32,11 +32,11 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			className: "",
-			children: [/* @__PURE__ */ a("path", {
+			children: [/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), /* @__PURE__ */ a(r.path, {
+			}), /* @__PURE__ */ r(a.path, {
 				d: "M5 12l5 5l10 -10",
 				className: `check-path ${l}`
 			})]

package/dist/animations/skull-emoji.js

@@ -1,10 +1,10 @@
 import { scaledStrokeWidth as e } from "./types.js";
 import { forwardRef as t, useCallback as n, useImperativeHandle 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/skull-emoji.tsx
 var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, className: u = "" }, d) => {
-	let [f, p] = a(), m = n(async () => {
+	let [f, p] = s(), m = n(async () => {
 		p(".skull-head", {
 			rotate: [
 				0,
@@ -77,12 +77,12 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 	return r(d, () => ({
 		startAnimation: m,
 		stopAnimation: h
-	})), /* @__PURE__ */ o(i.div, {
+	})), /* @__PURE__ */ i(o.div, {
 		ref: f,
 		onHoverStart: m,
 		onHoverEnd: h,
 		className: `inline-flex cursor-pointer ${u}`,
-		children: /* @__PURE__ */ s("svg", {
+		children: /* @__PURE__ */ a("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			x: "0px",
 			y: "0px",
@@ -95,25 +95,25 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 			strokeMiterlimit: "10",
 			strokeLinecap: "square",
 			children: [
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "skull-tooth-left skull-tooth",
 					d: "M14 27V30"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "skull-tooth-right skull-tooth",
 					d: "M18 27V30"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "skull-head",
 					style: { transformOrigin: "16px 16px" },
 					d: "M16 2C9.09644 2 3.5 7.59644 3.5 14.5C3.5 18.8099 5.68123 22.6104 9 24.8577L9.32436 28.1936C9.424 29.2183 10.2854 30 11.315 30H20.685C21.7146 30 22.576 29.2183 22.6756 28.1936L23 24.8577C26.3188 22.6104 28.5 18.8099 28.5 14.5C28.5 7.59644 22.9036 2 16 2Z"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "skull-eye-right",
 					style: { transformOrigin: "21px 16px" },
 					d: "M24 16C24 17.6569 22.6569 19 21 19C19.3431 19 18 17.6569 18 16C18 15.25 20.2198 13 21 13C22.6569 13 24 14.3431 24 16Z"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "skull-eye-left",
 					style: { transformOrigin: "11px 16px" },
 					d: "M8 16C8 17.6569 9.34315 19 11 19C12.6569 19 14 17.6569 14 16C14 15.25 11.7802 13 11 13C9.34315 13 8 14.3431 8 16Z"

package/dist/animations/slack-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/slack-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(".piece1", { rotate: [
 			0,
 			-90,
@@ -45,7 +45,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,
@@ -60,30 +60,30 @@ 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.g, {
+			/* @__PURE__ */ r(a.g, {
 				className: "piece1",
 				style: { transformOrigin: "center" },
-				children: /* @__PURE__ */ a("path", { d: "M12 12v-6a2 2 0 0 1 4 0v6m0 -2a2 2 0 1 1 2 2h-6" })
+				children: /* @__PURE__ */ r("path", { d: "M12 12v-6a2 2 0 0 1 4 0v6m0 -2a2 2 0 1 1 2 2h-6" })
 			}),
-			/* @__PURE__ */ a(r.g, {
+			/* @__PURE__ */ r(a.g, {
 				className: "piece2",
 				style: { transformOrigin: "center" },
-				children: /* @__PURE__ */ a("path", { d: "M12 12h6a2 2 0 0 1 0 4h-6m2 0a2 2 0 1 1 -2 2v-6" })
+				children: /* @__PURE__ */ r("path", { d: "M12 12h6a2 2 0 0 1 0 4h-6m2 0a2 2 0 1 1 -2 2v-6" })
 			}),
-			/* @__PURE__ */ a(r.g, {
+			/* @__PURE__ */ r(a.g, {
 				className: "piece3",
 				style: { transformOrigin: "center" },
-				children: /* @__PURE__ */ a("path", { d: "M12 12v6a2 2 0 0 1 -4 0v-6m0 2a2 2 0 1 1 -2 -2h6" })
+				children: /* @__PURE__ */ r("path", { d: "M12 12v6a2 2 0 0 1 -4 0v-6m0 2a2 2 0 1 1 -2 -2h6" })
 			}),
-			/* @__PURE__ */ a(r.g, {
+			/* @__PURE__ */ r(a.g, {
 				className: "piece4",
 				style: { transformOrigin: "center" },
-				children: /* @__PURE__ */ a("path", { d: "M12 12h-6a2 2 0 0 1 0 -4h6m-2 0a2 2 0 1 1 2 -2v6" })
+				children: /* @__PURE__ */ r("path", { d: "M12 12h-6a2 2 0 0 1 0 -4h6m-2 0a2 2 0 1 1 2 -2v6" })
 			})
 		]
 	});

package/dist/animations/sliders-horizontal-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/sliders-horizontal-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(() => {
+	let [d, f] = o(), p = t(() => {
 		f(".slider-1", { x: [
 			0,
 			-4,
@@ -89,7 +89,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,
@@ -104,63 +104,63 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		children: [
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "path-1-left",
 				x1: "3",
 				y1: "5",
 				x2: "10",
 				y2: "5"
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "slider-1",
 				x1: "14",
 				y1: "3",
 				x2: "14",
 				y2: "7"
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "path-1-right",
 				x1: "14",
 				y1: "5",
 				x2: "21",
 				y2: "5"
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "path-2-left",
 				x1: "3",
 				y1: "12",
 				x2: "8",
 				y2: "12"
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "slider-2",
 				x1: "8",
 				y1: "10",
 				x2: "8",
 				y2: "14"
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "path-2-right",
 				x1: "12",
 				y1: "12",
 				x2: "21",
 				y2: "12"
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "path-3-left",
 				x1: "3",
 				y1: "19",
 				x2: "12",
 				y2: "19"
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "slider-3",
 				x1: "16",
 				y1: "17",
 				x2: "16",
 				y2: "21"
 			}),
-			/* @__PURE__ */ a(r.line, {
+			/* @__PURE__ */ r(a.line, {
 				className: "path-3-right",
 				x1: "16",
 				y1: "19",