nfx-ui 0.24.2 → 0.26.0

package/dist/animations/arrow-narrow-right-dashed-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useImperativeHandle as t } from "react";
-import { motion as n, useAnimate as r } from "motion/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { motion as i, useAnimate as a } from "motion/react";
 //#region src/animations/arrow-narrow-right-dashed-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		await d(".arrow-group", { x: [
 			0,
 			4,
@@ -21,7 +21,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ i(n.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -30,7 +30,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ i("svg", {
+		children: /* @__PURE__ */ n("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -40,17 +40,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: s,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: /* @__PURE__ */ a(n.g, {
+			children: /* @__PURE__ */ r(i.g, {
 				className: "arrow-group",
 				children: [
-					/* @__PURE__ */ i("path", {
+					/* @__PURE__ */ n("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
 						fill: "none"
 					}),
-					/* @__PURE__ */ i("path", { d: "M5 12h.5m3 0h1.5m3 0h6" }),
-					/* @__PURE__ */ i("path", { d: "M15 16l4 -4" }),
-					/* @__PURE__ */ i("path", { d: "M15 8l4 4" })
+					/* @__PURE__ */ n("path", { d: "M5 12h.5m3 0h1.5m3 0h6" }),
+					/* @__PURE__ */ n("path", { d: "M15 16l4 -4" }),
+					/* @__PURE__ */ n("path", { d: "M15 8l4 4" })
 				]
 			})
 		})

package/dist/animations/arrow-narrow-right-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useImperativeHandle as t } from "react";
-import { motion as n, useAnimate as r } from "motion/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { motion as i, useAnimate as a } from "motion/react";
 //#region src/animations/arrow-narrow-right-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		await d(".arrow-group", { x: [
 			0,
 			4,
@@ -21,7 +21,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ i(n.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -30,7 +30,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ i("svg", {
+		children: /* @__PURE__ */ n("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -40,17 +40,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: s,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: /* @__PURE__ */ a(n.g, {
+			children: /* @__PURE__ */ r(i.g, {
 				className: "arrow-group",
 				children: [
-					/* @__PURE__ */ i("path", {
+					/* @__PURE__ */ n("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
 						fill: "none"
 					}),
-					/* @__PURE__ */ i("path", { d: "M5 12l14 0" }),
-					/* @__PURE__ */ i("path", { d: "M15 16l4 -4" }),
-					/* @__PURE__ */ i("path", { d: "M15 8l4 4" })
+					/* @__PURE__ */ n("path", { d: "M5 12l14 0" }),
+					/* @__PURE__ */ n("path", { d: "M15 16l4 -4" }),
+					/* @__PURE__ */ n("path", { d: "M15 8l4 4" })
 				]
 			})
 		})

package/dist/animations/arrow-narrow-up-dashed-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useImperativeHandle as t } from "react";
-import { motion as n, useAnimate as r } from "motion/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { motion as i, useAnimate as a } from "motion/react";
 //#region src/animations/arrow-narrow-up-dashed-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		await d(".arrow-group", { y: [
 			0,
 			-4,
@@ -21,7 +21,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ i(n.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -30,7 +30,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ i("svg", {
+		children: /* @__PURE__ */ n("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -40,17 +40,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: s,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: /* @__PURE__ */ a(n.g, {
+			children: /* @__PURE__ */ r(i.g, {
 				className: "arrow-group",
 				children: [
-					/* @__PURE__ */ i("path", {
+					/* @__PURE__ */ n("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
 						fill: "none"
 					}),
-					/* @__PURE__ */ i("path", { d: "M12 5v6m0 3v1.5m0 3v.5" }),
-					/* @__PURE__ */ i("path", { d: "M16 9l-4 -4" }),
-					/* @__PURE__ */ i("path", { d: "M8 9l4 -4" })
+					/* @__PURE__ */ n("path", { d: "M12 5v6m0 3v1.5m0 3v.5" }),
+					/* @__PURE__ */ n("path", { d: "M16 9l-4 -4" }),
+					/* @__PURE__ */ n("path", { d: "M8 9l4 -4" })
 				]
 			})
 		})

package/dist/animations/arrow-narrow-up-icon.js

@@ -1,9 +1,9 @@
 import { forwardRef as e, useImperativeHandle as t } from "react";
-import { motion as n, useAnimate as r } from "motion/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { motion as i, useAnimate as a } from "motion/react";
 //#region src/animations/arrow-narrow-up-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		await d(".arrow-group", { y: [
 			0,
 			-4,
@@ -21,7 +21,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ i(n.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -30,7 +30,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
-		children: /* @__PURE__ */ i("svg", {
+		children: /* @__PURE__ */ n("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -40,17 +40,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: s,
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: /* @__PURE__ */ a(n.g, {
+			children: /* @__PURE__ */ r(i.g, {
 				className: "arrow-group",
 				children: [
-					/* @__PURE__ */ i("path", {
+					/* @__PURE__ */ n("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
 						fill: "none"
 					}),
-					/* @__PURE__ */ i("path", { d: "M12 5l0 14" }),
-					/* @__PURE__ */ i("path", { d: "M16 9l-4 -4" }),
-					/* @__PURE__ */ i("path", { d: "M8 9l4 -4" })
+					/* @__PURE__ */ n("path", { d: "M12 5l0 14" }),
+					/* @__PURE__ */ n("path", { d: "M16 9l-4 -4" }),
+					/* @__PURE__ */ n("path", { d: "M8 9l4 -4" })
 				]
 			})
 		})

package/dist/animations/at-sign-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/at-sign-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(".draw", {
 			pathLength: 0,
 			opacity: 0
@@ -35,7 +35,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();
@@ -54,7 +54,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
 		children: [
-			/* @__PURE__ */ i(n.circle, {
+			/* @__PURE__ */ n(i.circle, {
 				className: "draw inner",
 				cx: "12",
 				cy: "12",
@@ -64,7 +64,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 					opacity: 1
 				}
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "draw path",
 				d: "M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8",
 				initial: {
@@ -72,7 +72,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 					opacity: 1
 				}
 			}),
-			/* @__PURE__ */ i(n.circle, {
+			/* @__PURE__ */ n(i.circle, {
 				className: "draw outer",
 				cx: "12",
 				cy: "12",

package/dist/animations/banana-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/banana-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(".peel", {
 			pathLength: [0, 1],
 			opacity: [0, 1]
@@ -36,7 +36,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();
@@ -54,14 +54,14 @@ 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: "peel",
 			d: "M4 13c3.5-2 8-2 10 2a5.5 5.5 0 0 1 8 5",
 			initial: {
 				pathLength: 1,
 				opacity: 1
 			}
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			className: "banana",
 			style: { transformOrigin: "center" },
 			d: "M5.15 17.89c5.52-1.52 8.65-6.89 7-12C11.55 4 11.5 2 13 2c3.22 0 5 5.5 5 8 0 6.5-4.2 12-10.49 12C5.11 22 2 22 2 20c0-1.5 1.14-1.55 3.15-2.11Z"

package/dist/animations/battery-charging-icon.js

@@ -1,10 +1,10 @@
 "use client";
 import { forwardRef as e, useEffect 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/battery-charging-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2.5, className: l = "" }, u) => {
-	let [d, f] = i();
+	let [d, f] = o();
 	t(() => {
 		f(".battery-bar-1", { opacity: 0 }, { duration: 0 }), f(".battery-bar-2", { opacity: 0 }, { duration: 0 }), f(".battery-bar-3", { opacity: 0 }, { duration: 0 }), f(".battery-bar-4", { opacity: 0 }, { duration: 0 });
 	}, [f]);
@@ -31,7 +31,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2.5, clas
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ a(r.div, {
+	})), /* @__PURE__ */ r(a.div, {
 		ref: d,
 		onHoverStart: () => {
 			p();
@@ -40,7 +40,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2.5, clas
 			m();
 		},
 		className: `inline-flex cursor-pointer ${l}`,
-		children: /* @__PURE__ */ o("svg", {
+		children: /* @__PURE__ */ i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -50,28 +50,28 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2.5, clas
 			strokeWidth: c,
 			strokeLinecap: "square",
 			children: [
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					initial: { opacity: 0 },
 					className: "battery-bar-1",
 					d: "M10 31V17"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					initial: { opacity: 0 },
 					className: "battery-bar-2",
 					d: "M17 31V17"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					initial: { opacity: 0 },
 					className: "battery-bar-3",
 					d: "M24 31V17"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					initial: { opacity: 0 },
 					className: "battery-bar-4",
 					d: "M31 31V17"
 				}),
-				/* @__PURE__ */ a(r.path, { d: "M46 20V28" }),
-				/* @__PURE__ */ a(r.path, { d: "M37 10H8C5.2386 10 3 12.2386 3 15V33C3 35.7614 5.2386 38 8 38H37C39.7614 38 42 35.7614 42 33V15C42 12.2386 39.7614 10 37 10Z" })
+				/* @__PURE__ */ r(a.path, { d: "M46 20V28" }),
+				/* @__PURE__ */ r(a.path, { d: "M37 10H8C5.2386 10 3 12.2386 3 15V33C3 35.7614 5.2386 38 8 38H37C39.7614 38 42 35.7614 42 33V15C42 12.2386 39.7614 10 37 10Z" })
 			]
 		})
 	});

package/dist/animations/battery-icon.js

@@ -1,10 +1,10 @@
 "use client";
 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/battery-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2.5, className: c = "" }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		await d(".battery-bolt", {
 			pathLength: 0,
 			opacity: 0
@@ -38,7 +38,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2.5, clas
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ i(n.div, {
+	})), /* @__PURE__ */ n(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -47,7 +47,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2.5, clas
 			p();
 		},
 		className: `inline-flex cursor-pointer ${c}`,
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -58,16 +58,16 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2.5, clas
 			strokeMiterlimit: "10",
 			strokeLinecap: "square",
 			children: [
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "battery-terminal",
 					d: "M46 20V28"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "battery-body",
 					style: { transformOrigin: "50% 50%" },
 					d: "M37 10H8C5.23858 10 3 12.2386 3 15V33C3 35.7614 5.23858 38 8 38H37C39.7614 38 42 35.7614 42 33V15C42 12.2386 39.7614 10 37 10Z"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "battery-bolt",
 					style: { transformOrigin: "22.5px 24px" },
 					d: "M33.5 25.6667L22.5 19V29L11.5 22.3333"

package/dist/animations/battery-pause-icon.js

@@ -1,10 +1,10 @@
 "use client";
 import { forwardRef as e, useEffect 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/battery-pause-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2.5, className: l = "" }, u) => {
-	let [d, f] = i();
+	let [d, f] = o();
 	t(() => {
 		f(".battery-pause-1", { opacity: 1 }, { duration: 0 }), f(".battery-pause-2", { opacity: 1 }, { duration: 0 }), f(".battery-pause-3", { opacity: 0 }, { duration: 0 }), f(".battery-pause-4", { opacity: 0 }, { duration: 0 });
 	}, [f]);
@@ -25,7 +25,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2.5, clas
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ a(r.div, {
+	})), /* @__PURE__ */ r(a.div, {
 		ref: d,
 		onHoverStart: () => {
 			p();
@@ -34,7 +34,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2.5, clas
 			m();
 		},
 		className: `inline-flex cursor-pointer ${l}`,
-		children: /* @__PURE__ */ o("svg", {
+		children: /* @__PURE__ */ i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
 			height: e,
@@ -44,26 +44,26 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2.5, clas
 			strokeWidth: c,
 			strokeLinecap: "square",
 			children: [
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "battery-pause-bar battery-pause-1",
 					d: "M10 31V17"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "battery-pause-bar battery-pause-2",
 					d: "M17 31V17"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					initial: { opacity: 0 },
 					className: "battery-pause-bar battery-pause-3",
 					d: "M24 31V17"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					initial: { opacity: 0 },
 					className: "battery-pause-bar battery-pause-4",
 					d: "M31 31V17"
 				}),
-				/* @__PURE__ */ a(r.path, { d: "M46 20V28" }),
-				/* @__PURE__ */ a(r.path, { d: "M37 10H8C5.2386 10 3 12.2386 3 15V33C3 35.7614 5.2386 38 8 38H37C39.7614 38 42 35.7614 42 33V15C42 12.2386 39.7614 10 37 10Z" })
+				/* @__PURE__ */ r(a.path, { d: "M46 20V28" }),
+				/* @__PURE__ */ r(a.path, { d: "M37 10H8C5.2386 10 3 12.2386 3 15V33C3 35.7614 5.2386 38 8 38H37C39.7614 38 42 35.7614 42 33V15C42 12.2386 39.7614 10 37 10Z" })
 			]
 		})
 	});

package/dist/animations/bell-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/bell-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(".bell", { x: [
 			-1,
 			1,
@@ -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();
@@ -48,15 +48,15 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
 		children: [
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "bell",
 				d: "M10.268 21a2 2 0 0 0 3.464 0"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "bell",
 				d: "M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "slash",
 				d: "m2 2 20 20",
 				initial: {
@@ -64,7 +64,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 					opacity: 1
 				}
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "bell",
 				d: "M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05"
 			})

package/dist/animations/bluetooth-connected-icon.js

@@ -1,10 +1,10 @@
 "use client";
 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/bluetooth-connected-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(".bluetooth-symbol", { scale: [
 			1,
 			1.1,
@@ -43,7 +43,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,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -62,21 +62,21 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "bluetooth-symbol",
 				d: "M7 8l10 8l-5 4l0 -16l5 4l-10 8",
 				style: { transformOrigin: "50% 50%" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "connection-dot",
 				d: "M4 12l1 0"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "connection-dot",
 				d: "M18 12l1 0"
 			})

package/dist/animations/book-icon.js

@@ -1,10 +1,10 @@
 import { scaledStrokeWidth as e } from "./types.js";
 import { forwardRef 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/book-icon.tsx
 var s = t(({ size: t = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = async () => {
+	let [d, f] = o(), p = async () => {
 		await f(".book-line", {
 			pathLength: 0,
 			opacity: 0
@@ -39,7 +39,7 @@ var s = t(({ size: t = 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();
@@ -48,7 +48,7 @@ var s = t(({ size: t = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 			m();
 		},
 		className: `inline-flex cursor-pointer ${l}`,
-		children: /* @__PURE__ */ o("svg", {
+		children: /* @__PURE__ */ i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: t,
 			height: t,
@@ -59,24 +59,24 @@ var s = t(({ size: t = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 			strokeMiterlimit: "10",
 			strokeLinecap: "square",
 			children: [
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "book-spine",
 					d: "M24 40.5V41L24 10V10.5"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "book-cover",
 					style: { transformOrigin: "24px 25px" },
 					d: "M24 41C31.0005 36.9995 37.9995 36.9995 45 41V10.0003C37.9995 5.99989 31.0005 5.99989 24 10.0003C16.9995 5.99989 10.0005 5.99989 3 10.0003V41C10.0005 36.9995 16.9995 36.9995 24 41Z"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "book-line book-line-1",
 					d: "M30 16.5C32.8362 15.1345 36.5662 15.06 39.5 16.2763"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "book-line book-line-2",
 					d: "M30 23.5832C32.8362 22.2178 36.5662 22.1432 39.5 23.3596"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "book-line book-line-3",
 					d: "M30 30.6665C32.8362 29.301 36.5662 29.2265 39.5 30.4428"
 				})