nfx-ui 0.24.2 → 0.26.0

package/dist/animations/brand-twitch-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/brand-twitch-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, p(f.current, {
 			color: "#9146FF",
 			stroke: "#9146FF"
@@ -47,7 +47,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,
@@ -62,14 +62,14 @@ 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(i.path, {
+		children: [/* @__PURE__ */ i(o.path, {
 			className: "twitch-path",
 			d: "M21 2H3v16h5v4l4-4h5l4-4V2z",
 			style: { transformOrigin: "center" }
-		}), /* @__PURE__ */ s(i.g, {
+		}), /* @__PURE__ */ a(o.g, {
 			className: "twitch-eyes",
 			style: { transformOrigin: "center 9px" },
-			children: [/* @__PURE__ */ o("path", { d: "M11 11V7" }), /* @__PURE__ */ o("path", { d: "M16 11V7" })]
+			children: [/* @__PURE__ */ i("path", { d: "M11 11V7" }), /* @__PURE__ */ i("path", { d: "M16 11V7" })]
 		})]
 	});
 });

package/dist/animations/brand-vercel-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/brand-vercel-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(".triangle", { rotateY: 180 }, {
 			duration: .6,
 			ease: "easeInOut"
@@ -17,7 +17,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,
 		onHoverEnd: p,
@@ -31,11 +31,11 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
-		children: [/* @__PURE__ */ i("path", {
+		children: [/* @__PURE__ */ n("path", {
 			stroke: "none",
 			d: "M0 0h24v24H0z",
 			fill: "none"
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "triangle",
 			d: "M3 19h18l-9 -15z"
 		})]

package/dist/animations/brand-windows-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/brand-windows-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 1, className: c = "" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		await d("path:nth-of-type(2)", {
 			x: [
 				0,
@@ -226,7 +226,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 1, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -249,15 +249,15 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 1, classN
 			transformStyle: "preserve-3d"
 		},
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ i(n.path, { d: "M21 13v5c0 1.57 -1.248 2.832 -2.715 2.923l-.113 .003l-.042 .018a1 1 0 0 1 -.336 .056l-.118 -.008l-4.676 -.585v-7.407z" }),
-			/* @__PURE__ */ i(n.path, { d: "M11 13v7.157l-5.3 -.662c-1.514 -.151 -2.7 -1.383 -2.7 -2.895v-3.6z" }),
-			/* @__PURE__ */ i(n.path, { d: "M11 3.842v7.158h-8v-3.6c0 -1.454 1.096 -2.648 2.505 -2.87z" }),
-			/* @__PURE__ */ i(n.path, { d: "M21 5.9v5.1h-8v-7.409l4.717 -.589c1.759 -.145 3.283 1.189 3.283 2.898" })
+			/* @__PURE__ */ n(i.path, { d: "M21 13v5c0 1.57 -1.248 2.832 -2.715 2.923l-.113 .003l-.042 .018a1 1 0 0 1 -.336 .056l-.118 -.008l-4.676 -.585v-7.407z" }),
+			/* @__PURE__ */ n(i.path, { d: "M11 13v7.157l-5.3 -.662c-1.514 -.151 -2.7 -1.383 -2.7 -2.895v-3.6z" }),
+			/* @__PURE__ */ n(i.path, { d: "M11 3.842v7.158h-8v-3.6c0 -1.454 1.096 -2.648 2.505 -2.87z" }),
+			/* @__PURE__ */ n(i.path, { d: "M21 5.9v5.1h-8v-7.409l4.717 -.589c1.759 -.145 3.283 1.189 3.283 2.898" })
 		]
 	});
 });

package/dist/animations/brand-wordpress-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/brand-wordpress-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(".wp-orbit-group", { rotate: 360 }, {
 			duration: 1,
 			ease: "easeInOut"
@@ -23,7 +23,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,
@@ -38,20 +38,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: "wp-orbit-group",
 			style: {
 				originX: "7px",
 				originY: "7px"
 			},
 			children: [
-				/* @__PURE__ */ a("path", { d: "M9.5 9h3" }),
-				/* @__PURE__ */ a("path", { d: "M4 9h2.5" }),
-				/* @__PURE__ */ a("path", { d: "M11 9l3 11l4 -9" }),
-				/* @__PURE__ */ a("path", { d: "M5.5 9l3.5 11l3 -7" }),
-				/* @__PURE__ */ a("path", { d: "M18 11c.177 -.528 1 -1.364 1 -2.5c0 -1.78 -.776 -2.5 -1.875 -2.5c-.898 0 -1.125 .812 -1.125 1.429c0 1.83 2 2.058 2 3.571" })
+				/* @__PURE__ */ r("path", { d: "M9.5 9h3" }),
+				/* @__PURE__ */ r("path", { d: "M4 9h2.5" }),
+				/* @__PURE__ */ r("path", { d: "M11 9l3 11l4 -9" }),
+				/* @__PURE__ */ r("path", { d: "M5.5 9l3.5 11l3 -7" }),
+				/* @__PURE__ */ r("path", { d: "M18 11c.177 -.528 1 -1.364 1 -2.5c0 -1.78 -.776 -2.5 -1.875 -2.5c-.898 0 -1.125 .812 -1.125 1.429c0 1.83 2 2.058 2 3.571" })
 			]
-		}), /* @__PURE__ */ a("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" })]
+		}), /* @__PURE__ */ r("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" })]
 	});
 });
 s.displayName = "BrandWordPressIcon";

package/dist/animations/brand-xai-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/brand-xai-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) => {
-	let [u, d] = i(), f = t(() => {
+	let [u, d] = o(), f = t(() => {
 		d(".xai-part-1", {
 			x: -4,
 			y: -2
@@ -73,7 +73,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 	return n(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	}), [f, p]), /* @__PURE__ */ o(r.svg, {
+	}), [f, p]), /* @__PURE__ */ i(a.svg, {
 		ref: u,
 		width: e,
 		height: e,
@@ -84,8 +84,8 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 		onHoverStart: f,
 		onHoverEnd: p,
 		children: [
-			/* @__PURE__ */ a("title", { children: "xAI" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("title", { children: "xAI" }),
+			/* @__PURE__ */ r(a.path, {
 				className: "xai-part-1",
 				style: {
 					transformBox: "fill-box",
@@ -93,7 +93,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 				},
 				d: "M6.469 8.776L16.512 23h-4.464L2.005 8.776H6.47z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "xai-part-2",
 				style: {
 					transformBox: "fill-box",
@@ -101,7 +101,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 				},
 				d: "M6.465 16.676l2.233 3.164L6.467 23H2l4.465-6.324z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "xai-part-3",
 				style: {
 					transformBox: "fill-box",
@@ -109,7 +109,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 				},
 				d: "M22 1l-9.952 14.095-2.233-3.163L17.533 1H22z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "xai-part-4",
 				style: {
 					transformBox: "fill-box",

package/dist/animations/brand-zoom-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/brand-zoom-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(u.current, {
 			scale: [1, .7],
 			opacity: [1, .6]
@@ -91,7 +91,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();
@@ -114,19 +114,19 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			transformStyle: "preserve-3d"
 		},
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				d: "M17.011 9.385v5.128l3.989 3.487v-12l-3.989 3.385",
 				initial: {
 					x: 0,
 					opacity: 1
 				}
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				d: "M3.887 6h10.08c1.468 0 3.033 1.203 3.033 2.803v8.196a.991 .991 0 0 1 -.975 1h-10.373c-1.667 0 -2.652 -1.5 -2.652 -3l.01 -8a.882 .882 0 0 1 .208 -.71a.841 .841 0 0 1 .67 -.287l-.001 -.002",
 				initial: {
 					scale: 1,

package/dist/animations/brightness-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/brightness-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 () => {
 		d(".sun-center", { scale: [
 			1,
 			.8,
@@ -31,7 +31,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();
@@ -40,7 +40,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__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -51,27 +51,27 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			children: [
-				/* @__PURE__ */ i("path", {
+				/* @__PURE__ */ n("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "sun-center",
 					d: "M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0",
 					style: { transformOrigin: "center" }
 				}),
-				/* @__PURE__ */ a(n.g, {
+				/* @__PURE__ */ r(i.g, {
 					className: "sun-rays",
 					children: [
-						/* @__PURE__ */ i("path", { d: "M12 5l0 .01" }),
-						/* @__PURE__ */ i("path", { d: "M17 7l0 .01" }),
-						/* @__PURE__ */ i("path", { d: "M19 12l0 .01" }),
-						/* @__PURE__ */ i("path", { d: "M17 17l0 .01" }),
-						/* @__PURE__ */ i("path", { d: "M12 19l0 .01" }),
-						/* @__PURE__ */ i("path", { d: "M7 17l0 .01" }),
-						/* @__PURE__ */ i("path", { d: "M5 12l0 .01" }),
-						/* @__PURE__ */ i("path", { d: "M7 7l0 .01" })
+						/* @__PURE__ */ n("path", { d: "M12 5l0 .01" }),
+						/* @__PURE__ */ n("path", { d: "M17 7l0 .01" }),
+						/* @__PURE__ */ n("path", { d: "M19 12l0 .01" }),
+						/* @__PURE__ */ n("path", { d: "M17 17l0 .01" }),
+						/* @__PURE__ */ n("path", { d: "M12 19l0 .01" }),
+						/* @__PURE__ */ n("path", { d: "M7 17l0 .01" }),
+						/* @__PURE__ */ n("path", { d: "M5 12l0 .01" }),
+						/* @__PURE__ */ n("path", { d: "M7 7l0 .01" })
 					]
 				})
 			]

package/dist/animations/bug-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/bug-icon.tsx
 var o = e(({ size: e = 40, className: o = "", strokeWidth: s = 2, color: c = "currentColor" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		d(".leg-left", {
 			x: [
 				-1,
@@ -52,7 +52,7 @@ var o = e(({ size: e = 40, className: o = "", strokeWidth: s = 2, color: c = "cu
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: f,
 		onHoverEnd: p,
@@ -68,41 +68,41 @@ var o = e(({ size: e = 40, className: o = "", strokeWidth: s = 2, color: c = "cu
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${o}`,
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ i("path", { d: "M9 9v-1a3 3 0 0 1 6 0v1" }),
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ n("path", { d: "M9 9v-1a3 3 0 0 1 6 0v1" }),
+			/* @__PURE__ */ n("path", {
 				className: "body",
 				d: "M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "leg-left",
 				d: "M3 13l4 0"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "leg-left",
 				d: "M4 19l3.35 -2"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "leg-left",
 				d: "M4 7l3.75 2.4"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "leg-right",
 				d: "M17 13l4 0"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "leg-right",
 				d: "M20 19l-3.35 -2"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "leg-right",
 				d: "M20 7l-3.75 2.4"
 			}),
-			/* @__PURE__ */ i("path", { d: "M12 20l0 -6" })
+			/* @__PURE__ */ n("path", { d: "M12 20l0 -6" })
 		]
 	});
 });

package/dist/animations/bulb-svg.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/bulb-svg.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 Promise.all([
 			d(".ray-left", { opacity: 0 }, { duration: .1 }),
 			d(".ray-top", { opacity: 0 }, { duration: .1 }),
@@ -38,7 +38,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();
@@ -46,7 +46,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		onHoverEnd: () => {
 			p();
 		},
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -55,36 +55,36 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			fill: o,
 			className: `bulb-icon cursor-pointer ${c}`,
 			children: [
-				/* @__PURE__ */ i("path", {
+				/* @__PURE__ */ n("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "ray-left",
 					d: "M4 11a1 1 0 0 1 .117 1.993l-.117 .007h-1a1 1 0 0 1 -.117 -1.993l.117 -.007h1z"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "ray-top",
 					d: "M12 2a1 1 0 0 1 .993 .883l.007 .117v1a1 1 0 0 1 -1.993 .117l-.007 -.117v-1a1 1 0 0 1 1 -1z"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "ray-right",
 					d: "M21 11a1 1 0 0 1 .117 1.993l-.117 .007h-1a1 1 0 0 1 -.117 -1.993l.117 -.007h1z"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "ray-top-left",
 					d: "M4.893 4.893a1 1 0 0 1 1.32 -.083l.094 .083l.7 .7a1 1 0 0 1 -1.32 1.497l-.094 -.083l-.7 -.7a1 1 0 0 1 0 -1.414z"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "ray-top-right",
 					d: "M17.693 4.893a1 1 0 0 1 1.497 1.32l-.083 .094l-.7 .7a1 1 0 0 1 -1.497 -1.32l.083 -.094l.7 -.7z"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "bulb-base",
 					d: "M14 18a1 1 0 0 1 1 1a3 3 0 0 1 -6 0a1 1 0 0 1 .883 -.993l.117 -.007h4z"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "bulb-body",
 					d: "M12 6a6 6 0 0 1 3.6 10.8a1 1 0 0 1 -.471 .192l-.129 .008h-6a1 1 0 0 1 -.6 -.2a6 6 0 0 1 3.6 -10.8z"
 				})

package/dist/animations/camera-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/camera-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(".lens", { scale: 1.2 }, {
 			duration: .3,
 			ease: "easeOut"
@@ -23,7 +23,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();
@@ -41,10 +41,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: "body",
 			d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"
-		}), /* @__PURE__ */ i(n.circle, {
+		}), /* @__PURE__ */ n(i.circle, {
 			className: "lens",
 			style: { transformOrigin: "12px 13px" },
 			cx: "12",

package/dist/animations/camera-off-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/camera-off-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(".slash", {
 			scale: 1.1,
 			rotate: 5
@@ -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,14 +47,14 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
-		children: [/* @__PURE__ */ a(n.g, {
+		children: [/* @__PURE__ */ r(i.g, {
 			className: "camera",
 			children: [
-				/* @__PURE__ */ i("path", { d: "M14.564 14.558a3 3 0 1 1-4.122-4.121" }),
-				/* @__PURE__ */ i("path", { d: "M20 20H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 .819-.175" }),
-				/* @__PURE__ */ i("path", { d: "M9.695 4.024A2 2 0 0 1 10.004 4h3.993a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v7.344" })
+				/* @__PURE__ */ n("path", { d: "M14.564 14.558a3 3 0 1 1-4.122-4.121" }),
+				/* @__PURE__ */ n("path", { d: "M20 20H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 .819-.175" }),
+				/* @__PURE__ */ n("path", { d: "M9.695 4.024A2 2 0 0 1 10.004 4h3.993a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v7.344" })
 			]
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "slash",
 			style: { transformOrigin: "12px 12px" },
 			d: "m2 2 20 20"

package/dist/animations/candy-cane-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/candy-cane-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(".cane", { rotate: [
 			0,
 			-10,
@@ -24,7 +24,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ i(n.svg, {
+	})), /* @__PURE__ */ n(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -42,15 +42,15 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
-		children: /* @__PURE__ */ a(n.g, {
+		children: /* @__PURE__ */ r(i.g, {
 			className: "cane",
 			style: { transformOrigin: "12px 12px" },
 			children: [
-				/* @__PURE__ */ i("path", { d: "M5.7 21a2 2 0 0 1-3.5-2l8.6-14a6 6 0 0 1 10.4 6 2 2 0 1 1-3.464-2 2 2 0 1 0-3.464-2Z" }),
-				/* @__PURE__ */ i("path", { d: "M17.75 7 15 2.1" }),
-				/* @__PURE__ */ i("path", { d: "M10.9 4.8 13 9" }),
-				/* @__PURE__ */ i("path", { d: "m7.9 9.7 2 4.4" }),
-				/* @__PURE__ */ i("path", { d: "M4.9 14.7 7 18.9" })
+				/* @__PURE__ */ n("path", { d: "M5.7 21a2 2 0 0 1-3.5-2l8.6-14a6 6 0 0 1 10.4 6 2 2 0 1 1-3.464-2 2 2 0 1 0-3.464-2Z" }),
+				/* @__PURE__ */ n("path", { d: "M17.75 7 15 2.1" }),
+				/* @__PURE__ */ n("path", { d: "M10.9 4.8 13 9" }),
+				/* @__PURE__ */ n("path", { d: "m7.9 9.7 2 4.4" }),
+				/* @__PURE__ */ n("path", { d: "M4.9 14.7 7 18.9" })
 			]
 		})
 	});