nfx-ui 0.25.0 → 0.27.0

package/dist/animations/AnimatedIcon.d.ts

@@ -0,0 +1,13 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+export type AnimatedIconComponent = ForwardRefExoticComponent<AnimatedIconProps & RefAttributes<AnimatedIconHandle>>;
+export type AnimatedIconViewProps = {
+    icon: AnimatedIconComponent;
+    size?: number | string;
+    strokeWidth?: number;
+    className?: string;
+    color?: string;
+};
+export declare function AnimatedIcon({ icon: Icon, size, strokeWidth, className, color }: AnimatedIconViewProps): import("react").JSX.Element;
+export default AnimatedIcon;
+//# sourceMappingURL=AnimatedIcon.d.ts.map

package/dist/animations/AnimatedIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedIcon.d.ts","sourceRoot":"","sources":["../../src/animations/AnimatedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC,iBAAiB,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAErH,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAS,EAAE,WAAkB,EAAE,SAAS,EAAE,KAAsB,EAAE,EAAE,qBAAqB,+BAOnI;AAED,eAAe,YAAY,CAAC"}

package/dist/animations/AnimatedIcon.js

@@ -0,0 +1,25 @@
+import { useAnimatedIconTrigger as e } from "./useAnimatedIconTrigger.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/animations/AnimatedIcon.tsx
+function n({ icon: n, size: r = 18, strokeWidth: i = 1.75, className: a, color: o = "currentColor" }) {
+	let { iconRef: s, start: c, stop: l } = e();
+	return /* @__PURE__ */ t("span", {
+		className: a,
+		style: {
+			display: "inline-flex",
+			lineHeight: 0
+		},
+		onPointerEnter: c,
+		onPointerLeave: l,
+		children: /* @__PURE__ */ t(n, {
+			ref: s,
+			size: r,
+			strokeWidth: i,
+			color: o
+		})
+	});
+}
+//#endregion
+export { n as AnimatedIcon, n as default };
+
+//# sourceMappingURL=AnimatedIcon.js.map

package/dist/animations/AnimatedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedIcon.js","names":[],"sources":["../../src/animations/AnimatedIcon.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from \"react\";\n\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { useAnimatedIconTrigger } from \"./useAnimatedIconTrigger\";\n\nexport type AnimatedIconComponent = ForwardRefExoticComponent<AnimatedIconProps & RefAttributes<AnimatedIconHandle>>;\n\nexport type AnimatedIconViewProps = {\n  icon: AnimatedIconComponent;\n  size?: number | string;\n  strokeWidth?: number;\n  className?: string;\n  color?: string;\n};\n\nexport function AnimatedIcon({ icon: Icon, size = 18, strokeWidth = 1.75, className, color = \"currentColor\" }: AnimatedIconViewProps) {\n  const { iconRef, start, stop } = useAnimatedIconTrigger();\n  return (\n    <span className={className} style={{ display: \"inline-flex\", lineHeight: 0 }} onPointerEnter={start} onPointerLeave={stop}>\n      <Icon ref={iconRef} size={size} strokeWidth={strokeWidth} color={color} />\n    </span>\n  );\n}\n\nexport default AnimatedIcon;\n"],"mappings":";;;AAeA,SAAgB,EAAa,EAAE,MAAM,GAAM,UAAO,IAAI,iBAAc,MAAM,cAAW,WAAQ,kBAAyC;CACpI,IAAM,EAAE,YAAS,UAAO,YAAS,EAAuB;CACxD,OACE,kBAAC,QAAD;EAAiB;EAAW,OAAO;GAAE,SAAS;GAAe,YAAY;EAAE;EAAG,gBAAgB;EAAO,gBAAgB;EACnH,UAAA,kBAAC,GAAD;GAAM,KAAK;GAAe;GAAmB;GAAoB;EAAQ,CAAA;CACrE,CAAA;AAEV"}

package/dist/animations/accessibility-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/accessibility-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "", rotateFrom: u = 0, rotateTo: d = 360, duration: f = 1, ease: p = "easeInOut", personDuration: m = .6, personEase: h = "easeInOut", exitDuration: g = .3 }, _) => {
-	let [v, y] = i(), b = n([]), x = async () => {
+	let [v, y] = o(), b = n([]), x = async () => {
 		b.current.forEach((e) => e.stop()), b.current = [], b.current.push(y(".wheel", { rotate: [u, d] }, {
 			duration: f,
 			ease: p,
@@ -22,7 +22,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return t(_, () => ({
 		startAnimation: x,
 		stopAnimation: S
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: v,
 		onHoverStart: () => {
 			x();
@@ -41,24 +41,24 @@ 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: "person",
 				cx: "16",
 				cy: "4",
 				r: "1"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "person",
 				d: "m18 19 1-7-6 1"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "person",
 				d: "m5 8 3-3 5.5 3-2.36 3.5"
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "wheel",
 				style: { transformOrigin: "8.5px 17.5px" },
-				children: [/* @__PURE__ */ a("path", { d: "M4.24 14.5a5 5 0 0 0 6.88 6" }), /* @__PURE__ */ a("path", { d: "M13.76 17.5a5 5 0 0 0-6.88-6" })]
+				children: [/* @__PURE__ */ r("path", { d: "M4.24 14.5a5 5 0 0 0 6.88 6" }), /* @__PURE__ */ r("path", { d: "M13.76 17.5a5 5 0 0 0-6.88-6" })]
 			})
 		]
 	});

package/dist/animations/airplane-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/airplane-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "", airPlaneDuration: u = .3, windDuration: d = .8, exitDuration: f = .3 }, p) => {
-	let [m, h] = i(), g = t(async () => {
+	let [m, h] = o(), g = t(async () => {
 		h(".airplane", {
 			x: [
 				0,
@@ -52,7 +52,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(p, () => ({
 		startAnimation: g,
 		stopAnimation: _
-	}), [g, _]), /* @__PURE__ */ o(r.svg, {
+	}), [g, _]), /* @__PURE__ */ i(a.svg, {
 		ref: m,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -67,11 +67,11 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		onHoverStart: g,
 		onHoverEnd: _,
 		children: [
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "airplane",
 				d: "M13.617 1.53c.926-.747 1.964-.793 3.097-.777.587.009.88.013 1.115.104.373.145.67.442.815.815.09.235.095.528.104 1.115.016 1.133-.03 2.17-.778 3.097-.63.78-1.714 1.188-2.235 2.05-.398.656-.213 1.337-.042 2.038l1.28 5.245c.255 1.046.06 1.715-.67 2.446-.39.39-.713.37-1.028-.133l-3.862-6.154-1.845 1.466c-.67.532-1.003.798-1.18 1.172-.41.876-.15 2.192-.136 3.142.008.525-.446 1.56-1.088 1.594-.396.022-.531-.452-.66-.743l-1.232-2.802c-.294-.67-.306-.682-.976-.976l-2.802-1.233c-.29-.128-.765-.263-.743-.66.035-.641 1.07-1.095 1.594-1.087.95.013 2.266.274 3.142-.137.374-.176.64-.51 1.172-1.18l1.466-1.844L1.97 4.226c-.503-.316-.522-.64-.133-1.028.73-.73 1.4-.925 2.446-.67l5.245 1.28c.7.17 1.382.356 2.039-.042.86-.52 1.269-1.604 2.049-2.235"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "wind1",
 				initial: {
 					opacity: 0,
@@ -80,7 +80,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 				},
 				d: "m.5 3.5 3-3"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "wind2",
 				initial: {
 					opacity: 0,

package/dist/animations/alarm-clock-plus-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/alarm-clock-plus-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "", stiffness: u = 200, damping: d = 25, durationY: f = .2, durationX: p = .3, ease: m = "linear", ...h }, g) => {
-	let [_, v] = i(), y = n([]), b = async () => {
+	let [_, v] = o(), y = n([]), b = async () => {
 		y.current.forEach((e) => e.stop()), y.current = [], y.current.push(v(".clock", {
 			y: -1.5,
 			x: [
@@ -68,7 +68,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return t(g, () => ({
 		startAnimation: b,
 		stopAnimation: x
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: _,
 		onHoverStart: () => {
 			b();
@@ -90,34 +90,34 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		"aria-hidden": "true",
 		...h,
 		children: [
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "clock",
 				cx: "12",
 				cy: "13",
 				r: "8"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "bells",
 				style: { transformOrigin: "3.5px 4.5px" },
 				d: "M5 3 2 6"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "bells",
 				style: { transformOrigin: "20.5px 4.5px" },
 				d: "m22 6-3-3"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "clock",
 				d: "M6.38 18.7 4 21"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "clock",
 				d: "M17.64 18.67 20 21"
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "plus",
 				style: { transformOrigin: "12px 13px" },
-				children: [/* @__PURE__ */ a("path", { d: "M12 10v6" }), /* @__PURE__ */ a("path", { d: "M9 13h6" })]
+				children: [/* @__PURE__ */ r("path", { d: "M12 10v6" }), /* @__PURE__ */ r("path", { d: "M9 13h6" })]
 			})
 		]
 	});

package/dist/animations/align-center-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/align-center-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(".line-1", { scaleX: [
 			1,
 			.8,
@@ -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();
@@ -49,17 +49,17 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		className: `cursor-pointer ${c}`,
 		style: { overflow: "visible" },
 		children: [
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "line-1",
 				d: "M4 6l16 0",
 				style: { transformOrigin: "center" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "line-2",
 				d: "M8 12l8 0",
 				style: { transformOrigin: "center" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "line-3",
 				d: "M6 18l12 0",
 				style: { transformOrigin: "center" }

package/dist/animations/align-vertical-space-around-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/align-vertical-space-around-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(".top-line", { y: 3 }, {
 			duration: .3,
 			ease: "easeOut"
@@ -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,7 +48,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
 		children: [
-			/* @__PURE__ */ i(n.rect, {
+			/* @__PURE__ */ n(i.rect, {
 				className: "rectangle",
 				style: { transformOrigin: "12px 12px" },
 				width: "10",
@@ -57,11 +57,11 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 				y: "9",
 				rx: "2"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "bottom-line",
 				d: "M22 20H2"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "top-line",
 				d: "M22 4H2"
 			})

package/dist/animations/ambulance-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/ambulance-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 = [], p.current.push(f(".ambulance", { x: [
 			0,
 			1,
@@ -33,7 +33,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();
@@ -51,27 +51,27 @@ 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: "ambulance",
 			children: [
-				/* @__PURE__ */ a("path", { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2" }),
-				/* @__PURE__ */ a("path", { d: "M19 18h2a1 1 0 0 0 1-1v-3.28a1 1 0 0 0-.684-.948l-1.923-.641a1 1 0 0 1-.578-.502l-1.539-3.076A1 1 0 0 0 16.382 8H14" }),
-				/* @__PURE__ */ a("path", { d: "M9 18h6" }),
-				/* @__PURE__ */ a("circle", {
+				/* @__PURE__ */ r("path", { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2" }),
+				/* @__PURE__ */ r("path", { d: "M19 18h2a1 1 0 0 0 1-1v-3.28a1 1 0 0 0-.684-.948l-1.923-.641a1 1 0 0 1-.578-.502l-1.539-3.076A1 1 0 0 0 16.382 8H14" }),
+				/* @__PURE__ */ r("path", { d: "M9 18h6" }),
+				/* @__PURE__ */ r("circle", {
 					cx: "17",
 					cy: "18",
 					r: "2"
 				}),
-				/* @__PURE__ */ a("circle", {
+				/* @__PURE__ */ r("circle", {
 					cx: "7",
 					cy: "18",
 					r: "2"
 				})
 			]
-		}), /* @__PURE__ */ o(r.g, {
+		}), /* @__PURE__ */ i(a.g, {
 			className: "plus",
 			style: { transformOrigin: "8px 8px" },
-			children: [/* @__PURE__ */ a("path", { d: "M10 10H6" }), /* @__PURE__ */ a("path", { d: "M8 8v4" })]
+			children: [/* @__PURE__ */ r("path", { d: "M10 10H6" }), /* @__PURE__ */ r("path", { d: "M8 8v4" })]
 		})]
 	});
 });

package/dist/animations/ampersand-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/ampersand-icon.tsx
 var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeWidth: c = 2 }, l) => {
-	let [u, d] = r(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		d("path", { pathLength: [0, 1] }, { duration: .6 });
 	}, p = async () => {
 		d("path", { pathLength: 1 }, { duration: .3 });
@@ -11,7 +11,7 @@ var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeW
 	return t(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -30,7 +30,7 @@ var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeW
 		strokeLinejoin: "round",
 		color: s,
 		className: `cursor-pointer ${o}`,
-		children: [/* @__PURE__ */ i("path", { d: "M16 12h3" }), /* @__PURE__ */ i("path", { d: "M17.5 12a8 8 0 0 1-8 8A4.5 4.5 0 0 1 5 15.5c0-6 8-4 8-8.5a3 3 0 1 0-6 0c0 3 2.5 8.5 12 13" })]
+		children: [/* @__PURE__ */ n("path", { d: "M16 12h3" }), /* @__PURE__ */ n("path", { d: "M17.5 12a8 8 0 0 1-8 8A4.5 4.5 0 0 1 5 15.5c0-6 8-4 8-8.5a3 3 0 1 0-6 0c0 3 2.5 8.5 12 13" })]
 	});
 });
 o.displayName = "AmpersandIcon";

package/dist/animations/angry-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/angry-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(".eyebrows", {
 			y: 1,
 			scaleY: 1.2
@@ -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,23 +54,23 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
 		children: [
-			/* @__PURE__ */ i("circle", {
+			/* @__PURE__ */ n("circle", {
 				cx: "12",
 				cy: "12",
 				r: "10"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "mouth",
 				style: { transformOrigin: "12px 16px" },
 				d: "M16 16s-1.5-2-4-2-4 2-4 2"
 			}),
-			/* @__PURE__ */ a(n.g, {
+			/* @__PURE__ */ r(i.g, {
 				className: "eyebrows",
-				children: [/* @__PURE__ */ i("path", { d: "M7.5 8 10 9" }), /* @__PURE__ */ i("path", { d: "m14 9 2.5-1" })]
+				children: [/* @__PURE__ */ n("path", { d: "M7.5 8 10 9" }), /* @__PURE__ */ n("path", { d: "m14 9 2.5-1" })]
 			}),
-			/* @__PURE__ */ a(n.g, {
+			/* @__PURE__ */ r(i.g, {
 				className: "eyes",
-				children: [/* @__PURE__ */ i("path", { d: "M9 10h.01" }), /* @__PURE__ */ i("path", { d: "M15 10h.01" })]
+				children: [/* @__PURE__ */ n("path", { d: "M9 10h.01" }), /* @__PURE__ */ n("path", { d: "M15 10h.01" })]
 			})
 		]
 	});

package/dist/animations/annoyed-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/annoyed-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(".eyes", { scaleX: .7 }, {
 			duration: .2,
 			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();
@@ -42,18 +42,18 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${c}`,
 		children: [
-			/* @__PURE__ */ i("circle", {
+			/* @__PURE__ */ n("circle", {
 				cx: "12",
 				cy: "12",
 				r: "10"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "mouth",
 				d: "M8 15h8"
 			}),
-			/* @__PURE__ */ a(n.g, {
+			/* @__PURE__ */ r(i.g, {
 				className: "eyes",
-				children: [/* @__PURE__ */ i("path", { d: "M8 9h2" }), /* @__PURE__ */ i("path", { d: "M14 9h2" })]
+				children: [/* @__PURE__ */ n("path", { d: "M8 9h2" }), /* @__PURE__ */ n("path", { d: "M14 9h2" })]
 			})
 		]
 	});

package/dist/animations/apple-brand-logo.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/apple-brand-logo.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(".apple-leaf", {
 			rotate: [
 				0,
@@ -44,7 +44,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,
@@ -63,17 +63,17 @@ 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, {
 				d: "M8.286 7.008c-3.216 0 -4.286 3.23 -4.286 5.92c0 3.229 2.143 8.072 4.286 8.072c1.165 -.05 1.799 -.538 3.214 -.538c1.406 0 1.607 .538 3.214 .538s4.286 -3.229 4.286 -5.381c-.03 -.011 -2.649 -.434 -2.679 -3.23c-.02 -2.335 2.589 -3.179 2.679 -3.228c-1.096 -1.606 -3.162 -2.113 -3.75 -2.153c-1.535 -.12 -3.032 1.077 -3.75 1.077c-.729 0 -2.036 -1.077 -3.214 -1.077z",
 				className: "apple-body",
 				style: { transformOrigin: "50% 50%" }
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				d: "M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2",
 				className: "apple-leaf",
 				style: { transformOrigin: "50% 100%" }

package/dist/animations/arrow-back-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-back-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,
 			-3,
@@ -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,13 +40,13 @@ 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", {
+				children: [/* @__PURE__ */ n("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
-				}), /* @__PURE__ */ i("path", { d: "M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1" })]
+				}), /* @__PURE__ */ n("path", { d: "M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1" })]
 			})
 		})
 	});

package/dist/animations/arrow-back-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-back-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", { x: [
 			0,
 			-3,
@@ -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,16 +40,16 @@ 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: "M9 14l-4 -4l4 -4" }),
-					/* @__PURE__ */ i("path", { d: "M5 10h11a4 4 0 1 1 0 8h-1" })
+					/* @__PURE__ */ n("path", { d: "M9 14l-4 -4l4 -4" }),
+					/* @__PURE__ */ n("path", { d: "M5 10h11a4 4 0 1 1 0 8h-1" })
 				]
 			})
 		})