nfx-ui 0.24.2 → 0.26.0

package/dist/animations/bookmark-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 } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { motion as i, useAnimate as a } from "motion/react";
 //#region src/animations/bookmark-icon.tsx
 var o = t(({ size: t = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = i(), f = async () => {
+	let [u, d] = a(), f = async () => {
 		await d(".bookmark-body", {
 			scaleY: .9,
 			y: 2
@@ -24,7 +24,7 @@ var o = t(({ size: t = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 	return n(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ a(r.div, {
+	})), /* @__PURE__ */ r(i.div, {
 		ref: u,
 		onHoverStart: () => {
 			f();
@@ -33,7 +33,7 @@ var o = t(({ size: t = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			p();
 		},
 		className: `inline-flex cursor-pointer ${c}`,
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ r("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: t,
 			height: t,
@@ -43,7 +43,7 @@ var o = t(({ size: t = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			strokeWidth: e(s, 48),
 			strokeMiterlimit: "10",
 			strokeLinecap: "square",
-			children: /* @__PURE__ */ a(r.path, {
+			children: /* @__PURE__ */ r(i.path, {
 				className: "bookmark-body",
 				style: { transformOrigin: "50% 20%" },
 				d: "M24 34L41 44V8C41 5.23858 38.7614 3 36 3H12C9.23858 3 7 5.23858 7 8V44L24 34Z"

package/dist/animations/brain-circuit-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/brain-circuit-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(".brain-outline", { opacity: [
 			1,
 			.7,
@@ -55,11 +55,11 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ a("div", {
+	})), /* @__PURE__ */ r("div", {
 		className: `relative flex items-center justify-center ${l}`,
 		onMouseEnter: p,
 		onMouseLeave: m,
-		children: /* @__PURE__ */ o(r.svg, {
+		children: /* @__PURE__ */ i(a.svg, {
 			ref: d,
 			xmlns: "http://www.w3.org/2000/svg",
 			width: e,
@@ -71,61 +71,61 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			children: [
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "brain-outline",
 					d: "M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "circuit-line",
 					d: "M9 13a4.5 4.5 0 0 0 3-4"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "brain-outline",
 					d: "M6.003 5.125A3 3 0 0 0 6.401 6.5"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "brain-outline",
 					d: "M3.477 10.896a4 4 0 0 1 .585-.396"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "brain-outline",
 					d: "M6 18a4 4 0 0 1-1.967-.516"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "circuit-line",
 					d: "M12 13h4"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "circuit-line",
 					d: "M12 18h6a2 2 0 0 1 2 2v1"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "circuit-line",
 					d: "M12 8h8"
 				}),
-				/* @__PURE__ */ a(r.path, {
+				/* @__PURE__ */ r(a.path, {
 					className: "circuit-line",
 					d: "M16 8V5a2 2 0 0 1 2-2"
 				}),
-				/* @__PURE__ */ a(r.circle, {
+				/* @__PURE__ */ r(a.circle, {
 					className: "terminal terminal-1",
 					cx: "16",
 					cy: "13",
 					r: ".5"
 				}),
-				/* @__PURE__ */ a(r.circle, {
+				/* @__PURE__ */ r(a.circle, {
 					className: "terminal terminal-2",
 					cx: "18",
 					cy: "3",
 					r: ".5"
 				}),
-				/* @__PURE__ */ a(r.circle, {
+				/* @__PURE__ */ r(a.circle, {
 					className: "terminal terminal-3",
 					cx: "20",
 					cy: "21",
 					r: ".5"
 				}),
-				/* @__PURE__ */ a(r.circle, {
+				/* @__PURE__ */ r(a.circle, {
 					className: "terminal terminal-4",
 					cx: "20",
 					cy: "8",

package/dist/animations/brand-aistudio-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-aistudio-icon.tsx
 var c = e(({ size: e = 24, color: c = "currentColor", className: l = "" }, u) => {
-	let [d, f] = a(), p = r(null), m = r(null), h = () => {
+	let [d, f] = s(), p = r(null), m = r(null), h = () => {
 		if (!p.current || !m.current) return {
 			x: 0,
 			y: 0
@@ -42,7 +42,7 @@ var c = e(({ size: e = 24, color: c = "currentColor", className: l = "" }, u) =>
 	return n(u, () => ({
 		startAnimation: g,
 		stopAnimation: _
-	}), [g, _]), /* @__PURE__ */ s(i.svg, {
+	}), [g, _]), /* @__PURE__ */ a(o.svg, {
 		ref: d,
 		width: e,
 		height: e,
@@ -53,27 +53,27 @@ var c = e(({ size: e = 24, color: c = "currentColor", className: l = "" }, u) =>
 		onHoverStart: g,
 		onHoverEnd: _,
 		children: [
-			/* @__PURE__ */ o("title", { children: "Google AI Studio" }),
-			/* @__PURE__ */ o(i.g, {
+			/* @__PURE__ */ i("title", { children: "Google AI Studio" }),
+			/* @__PURE__ */ i(o.g, {
 				ref: p,
 				className: "google-frame",
 				style: {
 					transformBox: "fill-box",
 					transformOrigin: "center"
 				},
-				children: /* @__PURE__ */ o("path", {
+				children: /* @__PURE__ */ i("path", {
 					fillRule: "evenodd",
 					d: "M9.921 4.196H6.328A2.705 2.705 0 003.623 6.9v11.362a2.705 2.705 0 002.705 2.705h11.363a2.705 2.705 0 002.705-2.705v-4.756l1.623-1.113v5.87a4.329 4.329 0 01-4.328 4.328H6.328A4.329 4.329 0 012 18.263V6.901a4.328 4.328 0 014.328-4.329h4.545l-.952 1.624z"
 				})
 			}),
-			/* @__PURE__ */ o(i.g, {
+			/* @__PURE__ */ i(o.g, {
 				ref: m,
 				className: "google-spark",
 				style: {
 					transformBox: "fill-box",
 					transformOrigin: "center"
 				},
-				children: /* @__PURE__ */ o("path", {
+				children: /* @__PURE__ */ i("path", {
 					fillRule: "evenodd",
 					d: "M17.82 0c.145 0 .268.104.299.246a7 7 0 001.9 3.484 7 7 0 003.485 1.901c.142.031.246.154.246.3a.308.308 0 01-.246.298A7 7 0 0020.02 8.13a7 7 0 00-1.912 3.535.297.297 0 01-.288.238.297.297 0 01-.288-.238A7 7 0 0015.62 8.13a7 7 0 00-3.535-1.912.297.297 0 01-.238-.288c0-.14.1-.26.238-.288A7 7 0 0015.62 3.73 7.001 7.001 0 0017.521.246.308.308 0 0117.82 0z"
 				})

package/dist/animations/brand-anthropic-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-anthropic-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(".anthropic-i", {
 			rotateX: 22,
 			skewX: -22,
@@ -22,7 +22,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,
@@ -33,22 +33,22 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 		onHoverStart: f,
 		onHoverEnd: p,
 		children: [
-			/* @__PURE__ */ a("title", { children: "Anthropic" }),
-			/* @__PURE__ */ a(r.g, {
+			/* @__PURE__ */ r("title", { children: "Anthropic" }),
+			/* @__PURE__ */ r(a.g, {
 				className: "anthropic-a",
 				style: {
 					transformBox: "fill-box",
 					transformOrigin: "center"
 				},
-				children: /* @__PURE__ */ a("path", { d: "M6.57 3.52h3.767L16.906 20h-3.674l-1.343-3.461H5.017L3.673 20H0L6.57 3.522zm4.132 9.959L8.453 7.687 6.205 13.48H10.7z" })
+				children: /* @__PURE__ */ r("path", { d: "M6.57 3.52h3.767L16.906 20h-3.674l-1.343-3.461H5.017L3.673 20H0L6.57 3.522zm4.132 9.959L8.453 7.687 6.205 13.48H10.7z" })
 			}),
-			/* @__PURE__ */ a(r.g, {
+			/* @__PURE__ */ r(a.g, {
 				className: "anthropic-i",
 				style: {
 					transformBox: "fill-box",
 					transformOrigin: "center"
 				},
-				children: /* @__PURE__ */ a("path", { d: "M13.827 3.52h3.603L24 20h-3.603l-6.57-16.48z" })
+				children: /* @__PURE__ */ r("path", { d: "M13.827 3.52h3.603L24 20h-3.603l-6.57-16.48z" })
 			})
 		]
 	});

package/dist/animations/brand-aws-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-aws-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(".smile", {
 			pathOffset: 1,
 			opacity: [0, 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,
 		onHoverEnd: p,
@@ -44,28 +44,28 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer select-none ${c}`,
 		children: [
-			/* @__PURE__ */ i("path", {
+			/* @__PURE__ */ n("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ a(n.g, {
+			/* @__PURE__ */ r(i.g, {
 				className: "smile-group",
-				children: [/* @__PURE__ */ i(n.path, {
+				children: [/* @__PURE__ */ n(i.path, {
 					className: "smile",
 					d: "M17 18.5a15.198 15.198 0 0 1 -7.37 1.44a14.62 14.62 0 0 1 -6.63 -2.94"
-				}), /* @__PURE__ */ i(n.path, {
+				}), /* @__PURE__ */ n(i.path, {
 					className: "arrowhead",
 					d: "M19.5 21c.907 -1.411 1.451 -3.323 1.5 -5c-1.197 -.773 -2.577 -.935 -4 -1"
 				})]
 			}),
-			/* @__PURE__ */ a(n.g, {
+			/* @__PURE__ */ r(i.g, {
 				className: "text",
 				children: [
-					/* @__PURE__ */ i("path", { d: "M3 11v-4.5a1.5 1.5 0 0 1 3 0v4.5" }),
-					/* @__PURE__ */ i("path", { d: "M3 9h3" }),
-					/* @__PURE__ */ i("path", { d: "M9 5l1.2 6l1.8 -4l1.8 4l1.2 -6" }),
-					/* @__PURE__ */ i("path", { d: "M18 10.25c0 .414 .336 .75 .75 .75h1.25a1 1 0 0 0 1 -1v-1a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-1a1 1 0 0 1 1 -1h1.25a.75 .75 0 0 1 .75 .75" })
+					/* @__PURE__ */ n("path", { d: "M3 11v-4.5a1.5 1.5 0 0 1 3 0v4.5" }),
+					/* @__PURE__ */ n("path", { d: "M3 9h3" }),
+					/* @__PURE__ */ n("path", { d: "M9 5l1.2 6l1.8 -4l1.8 4l1.2 -6" }),
+					/* @__PURE__ */ n("path", { d: "M18 10.25c0 .414 .336 .75 .75 .75h1.25a1 1 0 0 0 1 -1v-1a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-1a1 1 0 0 1 1 -1h1.25a.75 .75 0 0 1 .75 .75" })
 				]
 			})
 		]

package/dist/animations/brand-bags-fm-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 } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { motion as r, useAnimate as i } from "motion/react";
 //#region src/animations/brand-bags-fm-icon.tsx
 var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, className: s = "" }, c) => {
-	let [l, u] = r(), d = async () => {
+	let [l, u] = i(), d = async () => {
 		await u(".bag", {
 			rotate: [
 				0,
@@ -37,7 +37,7 @@ var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, classN
 	return t(c, () => ({
 		startAnimation: d,
 		stopAnimation: f
-	})), /* @__PURE__ */ i(n.svg, {
+	})), /* @__PURE__ */ n(r.svg, {
 		ref: l,
 		onHoverStart: d,
 		onHoverEnd: f,
@@ -51,13 +51,13 @@ var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer ${s}`,
-		children: /* @__PURE__ */ i(n.g, {
+		children: /* @__PURE__ */ n(r.g, {
 			className: "bag",
 			style: {
 				originX: "50%",
 				originY: "100%"
 			},
-			children: /* @__PURE__ */ i(n.path, {
+			children: /* @__PURE__ */ n(r.path, {
 				d: "M 561.64 1018.00 C541.03,1019.15 482.25,1019.09 461.00,1017.88 C428.17,1016.02 384.57,1010.43 359.50,1004.88 C276.24,986.43 221.60,959.81 176.15,915.53 C130.14,870.72 104.87,814.62 98.92,744.08 C97.58,728.12 98.21,685.69 99.98,673.00 C100.56,668.88 101.74,660.33 102.61,654.00 C112.42,582.33 148.13,492.03 190.38,432.09 C218.55,392.11 255.44,354.21 296.61,322.93 C307.25,314.85 311.79,313.00 321.00,313.00 C329.04,313.00 333.32,314.38 342.31,319.88 C359.36,330.32 385.72,341.87 407.76,348.57 C432.77,356.17 453.66,360.10 482.00,362.55 C553.43,368.72 624.89,353.61 682.14,320.22 C693.80,313.42 696.44,312.53 705.00,312.57 C714.85,312.61 718.38,314.30 734.00,326.45 C797.73,376.03 845.64,435.94 877.67,506.14 C903.33,562.37 919.23,617.23 925.67,671.74 C928.13,692.55 928.10,740.24 925.61,758.50 C921.88,785.96 914.99,811.78 905.35,834.43 C891.92,866.01 874.02,892.03 848.86,916.54 C835.25,929.80 824.91,938.14 809.00,948.70 C748.01,989.18 666.12,1012.12 561.64,1018.00 ZM 536.19 826.97 C540.81,825.68 545.00,820.86 545.00,816.82 C545.00,812.50 547.56,807.69 550.92,805.71 C553.43,804.22 557.01,804.00 578.26,804.00 C615.47,804.00 633.30,802.14 651.41,796.38 C673.82,789.25 686.65,776.74 691.55,757.22 C692.87,752.00 693.07,745.89 692.76,721.22 C692.35,689.59 691.82,685.50 686.70,675.01 C681.23,663.80 665.70,653.24 646.15,647.43 C641.39,646.02 631.88,643.14 625.00,641.03 C606.42,635.34 582.75,628.19 572.00,625.02 C547.05,617.65 508.45,605.77 504.70,604.29 C498.82,601.98 493.27,598.38 492.04,596.08 C491.47,595.01 491.00,592.36 491.00,590.20 C491.00,582.30 497.66,577.84 509.50,577.82 C522.74,577.81 528.73,582.58 530.47,594.50 C530.87,597.25 531.71,599.83 532.35,600.23 C532.98,600.64 563.97,600.98 601.21,600.98 C666.27,601.00 669.13,600.92 674.21,599.02 C681.74,596.20 686.42,591.92 690.06,584.53 C693.16,578.23 693.20,577.94 692.85,565.76 C692.51,553.79 692.38,553.15 688.72,545.75 C683.93,536.06 676.81,529.50 664.50,523.44 C645.31,513.99 626.50,511.02 585.20,510.94 C565.67,510.91 555.41,510.51 553.09,509.69 C548.74,508.17 546.24,504.73 545.14,498.78 C544.01,492.65 541.66,489.17 537.45,487.42 C532.52,485.36 487.43,485.38 482.49,487.44 C478.47,489.12 475.01,494.22 475.00,498.50 C474.99,502.15 471.94,507.40 468.80,509.17 C467.11,510.13 457.40,510.64 432.00,511.12 C406.48,511.60 395.22,512.20 388.74,513.42 C358.34,519.14 340.06,529.78 331.91,546.50 L 328.50 553.50 L 328.19 578.78 C327.93,599.97 328.14,604.97 329.53,609.74 C335.16,629.13 346.66,638.38 379.50,649.96 C384.45,651.71 390.75,653.74 393.50,654.47 C396.25,655.20 408.85,658.81 421.50,662.49 C449.39,670.59 469.49,676.41 494.00,683.46 C524.12,692.13 528.85,695.08 531.01,706.53 C531.93,711.45 531.93,714.46 531.00,719.97 C529.70,727.74 527.09,731.84 521.63,734.73 C517.07,737.14 505.64,737.00 500.56,734.46 C494.61,731.49 493.04,728.63 492.03,718.81 C490.65,705.44 486.14,698.82 476.50,696.04 C473.62,695.21 455.29,694.97 411.00,695.19 L 349.50 695.50 L 344.64 697.89 C338.22,701.06 333.29,706.13 330.30,712.66 C327.92,717.87 327.87,718.49 328.18,739.30 L 328.50 760.61 L 332.27 768.24 C342.28,788.48 366.04,799.76 405.50,802.99 C412.10,803.53 428.38,803.98 441.68,803.98 C454.99,803.99 467.02,804.44 468.43,804.98 C471.68,806.21 474.99,811.57 475.00,815.60 C475.00,819.92 478.87,825.26 483.03,826.69 C487.42,828.20 530.93,828.43 536.19,826.97 ZM 538.50 289.97 C496.13,293.54 448.71,287.35 418.42,274.29 C400.92,266.74 395.55,263.15 374.23,244.71 C335.15,210.90 308.78,179.14 298.10,153.00 C294.86,145.06 294.63,143.75 294.57,133.00 C294.51,122.90 294.78,120.98 296.76,117.28 C300.36,110.53 304.53,106.44 318.44,96.01 C343.30,77.37 350.32,70.84 389.50,29.94 C408.14,10.48 415.56,6.96 439.53,6.23 C452.01,5.85 456.43,6.13 465.56,7.87 C476.52,9.97 479.33,10.84 509.50,21.49 C533.06,29.80 540.92,31.28 562.00,31.37 C573.44,31.41 582.10,30.94 587.00,29.99 C597.54,27.96 620.67,28.11 628.72,30.27 C635.91,32.20 646.41,37.33 653.28,42.26 C655.91,44.15 665.14,52.63 673.79,61.10 C693.45,80.36 701.04,86.89 714.89,96.47 C726.70,104.63 730.32,108.22 733.07,114.50 C744.54,140.60 718.47,183.79 657.88,239.05 C629.95,264.53 617.87,271.89 589.75,280.53 C576.65,284.56 554.66,288.61 538.50,289.97 Z",
 				fill: a
 			})

package/dist/animations/brand-chrome-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/brand-chrome-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
-	let [u, d] = r(), f = () => {
+	let [u, d] = a(), f = () => {
 		d(".chrome-center", { scale: [
 			1,
 			1.15,
@@ -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__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: u,
 		onHoverStart: f,
 		onHoverEnd: p,
@@ -38,26 +38,26 @@ 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__ */ a(n.g, {
+		}), /* @__PURE__ */ r(i.g, {
 			className: "chrome-rotator",
 			style: { transformOrigin: "center" },
 			children: [
-				/* @__PURE__ */ i("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
-				/* @__PURE__ */ i("path", { d: "M12 9h8.4" }),
-				/* @__PURE__ */ i("path", { d: "M14.598 13.5l-4.2 7.275" }),
-				/* @__PURE__ */ i("path", { d: "M9.402 13.5l-4.2 -7.275" }),
-				/* @__PURE__ */ i("circle", {
+				/* @__PURE__ */ n("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
+				/* @__PURE__ */ n("path", { d: "M12 9h8.4" }),
+				/* @__PURE__ */ n("path", { d: "M14.598 13.5l-4.2 7.275" }),
+				/* @__PURE__ */ n("path", { d: "M9.402 13.5l-4.2 -7.275" }),
+				/* @__PURE__ */ n("circle", {
 					cx: "12",
 					cy: "12",
 					r: "3",
 					stroke: "none",
 					className: "fill-background"
 				}),
-				/* @__PURE__ */ i(n.path, {
+				/* @__PURE__ */ n(i.path, {
 					className: "chrome-center",
 					d: "M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0",
 					style: { transformOrigin: "center" }

package/dist/animations/brand-cursor-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-cursor-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(u.current, {
 			x: [
 				0,
@@ -32,7 +32,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,
 		onHoverStart: f,
 		onHoverEnd: p,
@@ -48,7 +48,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 		xmlns: "http://www.w3.org/2000/svg",
 		className: `cursor-ide-icon cursor-pointer ${c}`,
 		stroke: s,
-		children: [/* @__PURE__ */ a("title", { children: "Cursor" }), /* @__PURE__ */ a(r.path, { d: "M22.106 5.68L12.5.135a.998.998 0 00-.998 0L1.893 5.68a.84.84 0 00-.419.726v11.186c0 .3.16.577.42.727l9.607 5.547a.999.999 0 00.998 0l9.608-5.547a.84.84 0 00.42-.727V6.407a.84.84 0 00-.42-.726zm-.603 1.176L12.228 22.92c-.063.108-.228.064-.228-.061V12.34a.59.59 0 00-.295-.51l-9.11-5.26c-.107-.062-.063-.228.062-.228h18.55c.264 0 .428.286.296.514z" })]
+		children: [/* @__PURE__ */ r("title", { children: "Cursor" }), /* @__PURE__ */ r(a.path, { d: "M22.106 5.68L12.5.135a.998.998 0 00-.998 0L1.893 5.68a.84.84 0 00-.419.726v11.186c0 .3.16.577.42.727l9.607 5.547a.999.999 0 00.998 0l9.608-5.547a.84.84 0 00.42-.727V6.407a.84.84 0 00-.42-.726zm-.603 1.176L12.228 22.92c-.063.108-.228.064-.228-.061V12.34a.59.59 0 00-.295-.51l-9.11-5.26c-.107-.062-.063-.228.062-.228h18.55c.264 0 .428.286.296.514z" })]
 	});
 });
 s.displayName = "BrandCursorIcon";

package/dist/animations/brand-gemini-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-gemini-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(u.current, {
 			scale: .9,
 			rotate: [0, 180]
@@ -23,7 +23,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,
 		onHoverStart: f,
 		onHoverEnd: p,
@@ -41,7 +41,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 			transformBox: "fill-box",
 			transformOrigin: "center"
 		},
-		children: [/* @__PURE__ */ a("title", { children: "Gemini" }), /* @__PURE__ */ a(r.path, {
+		children: [/* @__PURE__ */ r("title", { children: "Gemini" }), /* @__PURE__ */ r(a.path, {
 			className: "gemini-shape",
 			d: "M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z"
 		})]

package/dist/animations/brand-google-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/brand-google-icon.tsx
 var o = e(({ size: e = 24, color: o = "currentColor", className: s = "" }, c) => {
-	let [l, u] = r(), d = async () => {
+	let [l, u] = a(), d = async () => {
 		await u(".google-g", {
 			rotate: [
 				0,
@@ -34,7 +34,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", className: s = "" }, c) =>
 	return t(c, () => ({
 		startAnimation: d,
 		stopAnimation: f
-	})), /* @__PURE__ */ a(n.svg, {
+	})), /* @__PURE__ */ r(i.svg, {
 		ref: l,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: e,
@@ -48,11 +48,11 @@ var o = e(({ size: e = 24, color: o = "currentColor", className: s = "" }, c) =>
 		onHoverEnd: () => {
 			f();
 		},
-		children: [/* @__PURE__ */ i("path", {
+		children: [/* @__PURE__ */ n("path", {
 			stroke: "none",
 			d: "M0 0h24v24H0z",
 			fill: "none"
-		}), /* @__PURE__ */ i(n.path, {
+		}), /* @__PURE__ */ n(i.path, {
 			d: "M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",
 			className: "google-g",
 			style: { transformOrigin: "50% 50%" }

package/dist/animations/brand-grok-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-grok-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(u.current, { scale: 1.05 }, {
 			duration: .25,
 			ease: "easeOut"
@@ -42,7 +42,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 	return n(l, () => ({
 		startAnimation: f,
 		stopAnimation: p
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: u,
 		onHoverStart: f,
 		onHoverEnd: p,
@@ -56,12 +56,12 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 			lineHeight: 1
 		},
 		children: [
-			/* @__PURE__ */ a("title", { children: "Grok" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("title", { children: "Grok" }),
+			/* @__PURE__ */ r(a.path, {
 				className: "grok-upper",
 				d: "M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "grok-lower",
 				d: "M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815"
 			})

package/dist/animations/brand-lmstudio-icon.js

@@ -1,6 +1,6 @@
 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-lmstudio-icon.tsx
 var s = [
 	".lm-line-1",
@@ -10,7 +10,7 @@ var s = [
 	".lm-line-5",
 	".lm-line-6"
 ], c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 1, className: u = "" }, d) => {
-	let [f, p] = i(), m = t(() => {
+	let [f, p] = o(), m = t(() => {
 		s.forEach((e, t) => {
 			let n = 1 + t * .06;
 			p(e, { scaleX: [
@@ -35,7 +35,7 @@ var s = [
 	return n(d, () => ({
 		startAnimation: m,
 		stopAnimation: h
-	}), [m, h]), /* @__PURE__ */ o(r.svg, {
+	}), [m, h]), /* @__PURE__ */ i(a.svg, {
 		ref: f,
 		width: e,
 		height: e,
@@ -47,8 +47,8 @@ var s = [
 		onHoverStart: m,
 		onHoverEnd: h,
 		children: [
-			/* @__PURE__ */ a("title", { children: "LM Studio" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("title", { children: "LM Studio" }),
+			/* @__PURE__ */ r(a.path, {
 				className: "lm-line-1",
 				style: {
 					transformBox: "fill-box",
@@ -56,7 +56,7 @@ var s = [
 				},
 				d: "M2.84 2a1.273 1.273 0 100 2.547h10.287a1.274 1.274 0 000-2.547H2.84z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "lm-line-2",
 				style: {
 					transformBox: "fill-box",
@@ -64,7 +64,7 @@ var s = [
 				},
 				d: "M7.935 5.33a1.273 1.273 0 000 2.548H18.22a1.274 1.274 0 000-2.547H7.935z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "lm-line-3",
 				style: {
 					transformBox: "fill-box",
@@ -72,7 +72,7 @@ var s = [
 				},
 				d: "M3.624 9.935c0-.704.57-1.274 1.274-1.274h10.286a1.273 1.273 0 010 2.547H4.898c-.703 0-1.274-.57-1.274-1.273z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "lm-line-4",
 				style: {
 					transformBox: "fill-box",
@@ -80,7 +80,7 @@ var s = [
 				},
 				d: "M1.273 12.188a1.273 1.273 0 100 2.547H11.56a1.274 1.274 0 000-2.547H1.273z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "lm-line-5",
 				style: {
 					transformBox: "fill-box",
@@ -88,7 +88,7 @@ var s = [
 				},
 				d: "M3.624 16.792c0-.704.57-1.274 1.274-1.274h10.286a1.273 1.273 0 110 2.547H4.898c-.703 0-1.274-.57-1.274-1.273z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "lm-line-6",
 				style: {
 					transformBox: "fill-box",