nfx-ui 0.24.2 → 0.26.0

package/dist/animations/snapchat-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/snapchat-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(".ghost", {
 			y: [
 				0,
@@ -39,7 +39,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,
@@ -54,22 +54,22 @@ 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: "ghost",
 				style: { transformOrigin: "center" },
 				d: "M16.882 7.842a4.882 4.882 0 0 0 -9.764 0c0 4.273 -.213 6.409 -4.118 8.118c2 .882 2 .882 3 3c3 0 4 2 6 2s3 -2 6 -2c1 -2.118 1 -2.118 3 -3c-3.906 -1.709 -4.118 -3.845 -4.118 -8.118z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "arms",
 				style: { transformOrigin: "center" },
 				d: "M3 16.01c4 -2.118 4 -4.118 1 -7.118"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "arms",
 				style: { transformOrigin: "center" },
 				d: "M21 16.01c-4 -2.118 -4 -4.118 -1 -7.118"

package/dist/animations/soup-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/soup-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(".steam", {
 			y: [-2, -4],
 			opacity: [1, 0]
@@ -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,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -44,20 +44,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: "bowl",
 			style: { transformOrigin: "12px 16px" },
 			children: [
-				/* @__PURE__ */ a("path", { d: "M12 21a9 9 0 0 0 9-9H3a9 9 0 0 0 9 9Z" }),
-				/* @__PURE__ */ a("path", { d: "M7 21h10" }),
-				/* @__PURE__ */ a("path", { d: "M19.5 12 22 6" })
+				/* @__PURE__ */ r("path", { d: "M12 21a9 9 0 0 0 9-9H3a9 9 0 0 0 9 9Z" }),
+				/* @__PURE__ */ r("path", { d: "M7 21h10" }),
+				/* @__PURE__ */ r("path", { d: "M19.5 12 22 6" })
 			]
-		}), /* @__PURE__ */ o(r.g, {
+		}), /* @__PURE__ */ i(a.g, {
 			className: "steam",
 			children: [
-				/* @__PURE__ */ a("path", { d: "M16.25 3c.27.1.8.53.75 1.36-.06.83-.93 1.2-1 2.02-.05.78.34 1.24.73 1.62" }),
-				/* @__PURE__ */ a("path", { d: "M11.25 3c.27.1.8.53.74 1.36-.05.83-.93 1.2-.98 2.02-.06.78.33 1.24.72 1.62" }),
-				/* @__PURE__ */ a("path", { d: "M6.25 3c.27.1.8.53.75 1.36-.06.83-.93 1.2-1 2.02-.05.78.34 1.24.74 1.62" })
+				/* @__PURE__ */ r("path", { d: "M16.25 3c.27.1.8.53.75 1.36-.06.83-.93 1.2-1 2.02-.05.78.34 1.24.73 1.62" }),
+				/* @__PURE__ */ r("path", { d: "M11.25 3c.27.1.8.53.74 1.36-.05.83-.93 1.2-.98 2.02-.06.78.33 1.24.72 1.62" }),
+				/* @__PURE__ */ r("path", { d: "M6.25 3c.27.1.8.53.75 1.36-.06.83-.93 1.2-1 2.02-.05.78.34 1.24.74 1.62" })
 			]
 		})]
 	});

package/dist/animations/sparkles-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/sparkles-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(".sparkle-main", {
 			rotate: 180,
 			scale: [
@@ -64,7 +64,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,
@@ -80,17 +80,17 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		className: `cursor-pointer ${l}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "sparkle-bottom",
 				d: "M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2z",
 				style: { transformOrigin: "18px 18px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "sparkle-top",
 				d: "M16 6a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2z",
 				style: { transformOrigin: "18px 6px" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "sparkle-main",
 				d: "M9 18a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6z",
 				style: { transformOrigin: "9px 12px" }

package/dist/animations/spotify-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useImperativeHandle as t, useRef 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/spotify-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = n([]), m = async () => {
+	let [d, f] = o(), p = n([]), m = async () => {
 		p.current.forEach((e) => e.stop()), p.current = [], f(".circle", { scale: [
 			1,
 			1.05,
@@ -72,7 +72,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return t(u, () => ({
 		startAnimation: m,
 		stopAnimation: h
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		onHoverStart: m,
 		onHoverEnd: h,
@@ -87,25 +87,25 @@ 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: "circle",
 				style: { transformOrigin: "center" },
 				d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "wave2",
 				d: "M8 11.973c2.5 -1.473 5.5 -.973 7.5 .527"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "wave3",
 				d: "M9 15c1.5 -1 4 -1 5 .5"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "wave1",
 				d: "M7 9c2 -1 6 -2 10 .5"
 			})

package/dist/animations/stack-3-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/stack-3-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(".layer-1", {
 			y: -3,
 			scale: 1.05
@@ -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,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -56,19 +56,19 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		className: `cursor-pointer ${l}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "layer-1",
 				d: "M12 2l-8 4l8 4l8 -4l-8 -4"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "layer-2",
 				d: "M4 10l8 4l8 -4"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "layer-2",
 				d: "M4 14l8 4l8 -4"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "layer-3",
 				d: "M4 18l8 4l8 -4"
 			})

package/dist/animations/stack-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/stack-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(".layer-top", {
 			y: -2,
 			scale: 1.05
@@ -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,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -50,10 +50,10 @@ 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: "layer-top",
 			d: "M12 6l-8 4l8 4l8 -4l-8 -4"
-		}), /* @__PURE__ */ a(r.path, {
+		}), /* @__PURE__ */ r(a.path, {
 			className: "layer-bottom",
 			d: "M4 14l8 4l8 -4"
 		})]

package/dist/animations/star-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/star-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(".star-fill", {
 			opacity: [0, 1],
 			scale: [.8, 1]
@@ -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,
 		onHoverStart: p,
 		onHoverEnd: m,
@@ -56,19 +56,19 @@ 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: "star-fill",
 				d: "M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z",
 				fill: s,
 				opacity: 0,
 				style: { transformOrigin: "center" }
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "star-outline",
 				d: "M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z",
 				style: { transformOrigin: "center" }

package/dist/animations/subscript-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/subscript-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-mark", { scale: [
 			1,
 			1.06,
@@ -44,7 +44,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,
@@ -58,10 +58,10 @@ 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-mark",
-			children: [/* @__PURE__ */ a("path", { d: "m4 5 8 8" }), /* @__PURE__ */ a("path", { d: "m12 5-8 8" })]
-		}), /* @__PURE__ */ a(r.path, {
+			children: [/* @__PURE__ */ r("path", { d: "m4 5 8 8" }), /* @__PURE__ */ r("path", { d: "m12 5-8 8" })]
+		}), /* @__PURE__ */ r(a.path, {
 			className: "subscript",
 			d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07"
 		})]

package/dist/animations/target-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/target-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-outer", {
 			scale: [
 				1,
@@ -61,7 +61,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,
@@ -76,21 +76,21 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${l}`,
 		children: [
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "circle-outer",
 				cx: "12",
 				cy: "12",
 				r: "10",
 				style: { transformOrigin: "12px 12px" }
 			}),
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "circle-middle",
 				cx: "12",
 				cy: "12",
 				r: "6",
 				style: { transformOrigin: "12px 12px" }
 			}),
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "circle-inner",
 				cx: "12",
 				cy: "12",

package/dist/animations/telephone-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/telephone-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(".stadium-roof", { y: -3 }, {
 			duration: .25,
 			ease: "easeOut"
@@ -43,12 +43,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,
@@ -59,25 +59,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: "stadium-bowl",
 					style: { transformOrigin: "24px 35px" },
 					d: "M38 43H10C7.23858 43 5 40.7614 5 38V34.8496C5 33.6561 5.42696 32.5019 6.20372 31.5957L17 19H31L41.7963 31.5957C42.573 32.5019 43 33.6561 43 34.8496V38C43 40.7614 40.7614 43 38 43Z"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "stadium-center",
 					style: { transformOrigin: "24px 32px" },
 					d: "M24 37C26.7614 37 29 34.7614 29 32C29 29.2386 26.7614 27 24 27C21.2386 27 19 29.2386 19 32C19 34.7614 21.2386 37 24 37Z"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "stadium-roof",
 					d: "M11 18H7.5C6.11929 18 5 16.8807 5 15.5V12.263C5 10.4575 6.13996 8.83551 7.84843 8.19566C19.2334 3.93478 28.7666 3.93478 40.1516 8.19566C41.86 8.83551 43 10.4575 43 12.263V15.5C43 16.8807 41.8807 18 40.5 18H37"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "stadium-pillar stadium-pillar-left",
 					d: "M17 19V14"
 				}),
-				/* @__PURE__ */ o(i.path, {
+				/* @__PURE__ */ i(o.path, {
 					className: "stadium-pillar stadium-pillar-right",
 					d: "M31 19V14"
 				})

package/dist/animations/terminal-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/terminal-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(".cursor-line", { opacity: [
 			1,
 			0,
@@ -33,7 +33,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,
@@ -48,16 +48,16 @@ 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: "terminal-chevron",
 				d: "M5 7l5 5l-5 5"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "cursor-line",
 				d: "M12 19l7 0"
 			})

package/dist/animations/toggle-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/toggle-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 () => {
 		await p(".toggle-knob", { x: [0, 12] }, {
 			duration: .4,
 			ease: "easeInOut"
@@ -28,7 +28,7 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 	return r(d, () => ({
 		startAnimation: m,
 		stopAnimation: h
-	})), /* @__PURE__ */ s(i.svg, {
+	})), /* @__PURE__ */ a(o.svg, {
 		ref: f,
 		onHoverStart: m,
 		onHoverEnd: h,
@@ -42,10 +42,10 @@ var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, classN
 		strokeLinecap: "square",
 		strokeMiterlimit: "10",
 		className: `cursor-pointer ${u}`,
-		children: [/* @__PURE__ */ o(i.path, {
+		children: [/* @__PURE__ */ i(o.path, {
 			className: "toggle-track",
 			d: "m10,7h12c4.971,0,9,4.029,9,9h0c0,4.971-4.029,9-9,9h-12c-4.971,0-9-4.029-9-9h0c0-4.971,4.029-9,9-9Z"
-		}), /* @__PURE__ */ o(i.circle, {
+		}), /* @__PURE__ */ i(o.circle, {
 			className: "toggle-knob",
 			cx: "10",
 			cy: "16",

package/dist/animations/trash-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/trash-icon.tsx
 var s = e(({ shakeOnClick: e = !1, dangerHover: s = !1, keepOpenOnDelete: c = !1, size: l = 24, color: u = "currentColor", strokeWidth: d = 2, className: f = "" }, p) => {
-	let [m, h] = i(), g = t(async () => {
+	let [m, h] = o(), g = t(async () => {
 		await Promise.all([h(".trash-lid-lower", {
 			rotate: -25,
 			y: -4
@@ -68,7 +68,7 @@ var s = e(({ shakeOnClick: e = !1, dangerHover: s = !1, keepOpenOnDelete: c = !1
 	return n(p, () => ({
 		startAnimation: g,
 		stopAnimation: _
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: m,
 		className: `cursor-pointer ${f} trash-icon`,
 		onHoverStart: b,
@@ -84,20 +84,20 @@ var s = e(({ shakeOnClick: e = !1, dangerHover: s = !1, keepOpenOnDelete: c = !1
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				d: "M4 7l16 0",
 				className: "trash-lid-lower",
 				style: { transformOrigin: "50% 100%" }
 			}),
-			/* @__PURE__ */ a("path", { d: "M10 11l0 6" }),
-			/* @__PURE__ */ a("path", { d: "M14 11l0 6" }),
-			/* @__PURE__ */ a("path", { d: "M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("path", { d: "M10 11l0 6" }),
+			/* @__PURE__ */ r("path", { d: "M14 11l0 6" }),
+			/* @__PURE__ */ r("path", { d: "M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" }),
+			/* @__PURE__ */ r(a.path, {
 				d: "M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3",
 				className: "trash-lid-upper",
 				style: { transformOrigin: "50% 100%" }