nfx-ui 0.24.2 → 0.26.0

package/dist/animations/brand-midjourney-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-midjourney-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = .75, className: l = "" }, u) => {
-	let [d, f] = i(), p = t(() => {
+	let [d, f] = o(), p = t(() => {
 		f(".midjourney-sails", {
 			rotate: [
 				0,
@@ -51,7 +51,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = .75, clas
 	return n(u, () => ({
 		startAnimation: p,
 		stopAnimation: m
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		width: e,
 		height: e,
@@ -62,14 +62,14 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = .75, clas
 		onHoverStart: p,
 		onHoverEnd: m,
 		children: [
-			/* @__PURE__ */ a("title", { children: "Midjourney" }),
-			/* @__PURE__ */ a(r.g, {
+			/* @__PURE__ */ r("title", { children: "Midjourney" }),
+			/* @__PURE__ */ r(a.g, {
 				className: "midjourney-sails",
 				style: {
 					transformBox: "fill-box",
 					transformOrigin: "center bottom"
 				},
-				children: /* @__PURE__ */ a("path", {
+				children: /* @__PURE__ */ r("path", {
 					fill: s,
 					stroke: s,
 					strokeWidth: c,
@@ -77,7 +77,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = .75, clas
 					d: "M3.653 2.026C6.073 3.06 8.69 4.941 10.8 7.258c2.46 2.7 4.109 5.828 4.637 9.149a.31.31 0 01-.421.335c-2.348-.945-4.54-1.258-6.59-1.02-1.739.2-3.337.792-4.816 1.703-.294.182-.62-.182-.405-.454 1.856-2.355 2.581-4.99 2.343-7.794-.195-2.292-1.031-4.61-2.284-6.709a.31.31 0 01.388-.442zM10.04 4.45c1.778.543 3.892 2.102 5.782 4.243 1.984 2.248 3.552 4.934 4.347 7.582a.31.31 0 01-.401.38l-.022-.01-.386-.154a10.594 10.594 0 00-.291-.112l-.016-.006c-.68-.247-1.199-.291-1.944-.101a.31.31 0 01-.375-.218C15.378 11.123 13.073 7.276 9.775 5c-.291-.201-.072-.653.266-.55zM4.273 2.996l.008.015c1.028 1.94 1.708 4.031 1.885 6.113.213 2.513-.31 4.906-1.673 7.092l-.02.031.003-.001c1.198-.581 2.47-.969 3.825-1.132l.055-.006c1.981-.23 4.083.029 6.309.837l.066.025-.007-.039c-.593-2.95-2.108-5.737-4.31-8.179l-.07-.078c-1.785-1.96-3.944-3.6-6.014-4.65l-.057-.028zm7.92 3.238l.048.048c2.237 2.295 3.885 5.431 4.974 9.191l.038.132.022-.004c.71-.133 1.284-.063 1.963.18l.027.01.066.024.046.018-.025-.073c-.811-2.307-2.208-4.62-3.936-6.594l-.058-.065c-1.02-1.155-2.103-2.132-3.15-2.856l-.015-.011z"
 				})
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "midjourney-waves",
 				style: {
 					transformBox: "fill-box",

package/dist/animations/brand-nextjs-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-nextjs-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(".circle", {
 			pathLength: 0,
 			opacity: 0
@@ -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("svg", {
+	})), /* @__PURE__ */ r("svg", {
 		ref: u,
 		onMouseEnter: () => {
 			f();
@@ -48,12 +48,12 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `icon icon-tabler icons-tabler-outline icon-tabler-brand-nextjs 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: "circle",
 				d: "M9 15v-6l7.745 10.65a9 9 0 1 1 2.255 -1.993",
 				initial: {
@@ -61,7 +61,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: "line",
 				d: "M15 12v-3",
 				initial: {

package/dist/animations/brand-notion-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-notion-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(".notion-shell", {
 			rotateY: [
 				0,
@@ -45,7 +45,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,
@@ -61,12 +61,12 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 		xmlns: "http://www.w3.org/2000/svg",
 		className: `notion-icon cursor-pointer ${c}`,
 		children: [
-			/* @__PURE__ */ a("title", { children: "Notion" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("title", { children: "Notion" }),
+			/* @__PURE__ */ r(a.path, {
 				className: "notion-shell",
 				d: "M15.257.055l-13.31.98C.874 1.128.5 1.83.5 2.667v14.559c0 .654.233 1.213.794 1.96l3.129 4.06c.513.653.98.794 1.962.745l15.457-.932c1.307-.093 1.681-.7 1.681-1.727V4.954c0-.53-.21-.684-.829-1.135l-.106-.078L18.34.755c-1.027-.746-1.45-.84-3.083-.7zM6.736 4.685c-1.263.086-1.549.105-2.266-.477L2.647 2.76c-.186-.187-.092-.42.375-.466l12.796-.933c1.074-.094 1.634.28 2.054.606l2.195 1.587c.093.047.326.326.047.326l-13.216.794-.162.01zM5.263 21.193V7.287c0-.606.187-.886.748-.933l15.176-.886c.515-.047.748.28.748.886v13.81c0 .609-.093 1.122-.934 1.168l-14.523.84c-.842.047-1.215-.232-1.215-.98z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "notion-letter",
 				d: "M19.601 8.033c.093.422 0 .842-.422.89l-.699.139v10.264c-.608.327-1.168.513-1.635.513-.747 0-.934-.232-1.495-.932l-4.576-7.185v6.952l1.448.327s0 .84-1.169.84l-3.221.186c-.094-.187 0-.654.327-.747l.84-.232V9.853L7.832 9.76c-.093-.42.14-1.026.794-1.073l3.456-.232 4.763 7.279v-6.44l-1.214-.14c-.094-.513.28-.887.747-.933l3.223-.187z"
 			})

package/dist/animations/brand-ollama-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-ollama-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(".ollama-body", { scale: [
 			1,
 			1.03,
@@ -37,7 +37,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,
 		width: e,
 		height: e,
@@ -49,8 +49,8 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 		onHoverStart: f,
 		onHoverEnd: p,
 		children: [
-			/* @__PURE__ */ a("title", { children: "Ollama" }),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r("title", { children: "Ollama" }),
+			/* @__PURE__ */ r(a.path, {
 				className: "ollama-body",
 				style: {
 					transformBox: "fill-box",
@@ -58,7 +58,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 				},
 				d: "M7.905 1.09c.216.085.411.225.588.41.295.306.544.744.734 1.263.191.522.315 1.1.362 1.68a5.054 5.054 0 012.049-.636l.051-.004c.87-.07 1.73.087 2.48.474.101.053.2.11.297.17.05-.569.172-1.134.36-1.644.19-.52.439-.957.733-1.264a1.67 1.67 0 01.589-.41c.257-.1.53-.118.796-.042.401.114.745.368 1.016.737.248.337.434.769.561 1.287.23.934.27 2.163.115 3.645l.053.04.026.019c.757.576 1.284 1.397 1.563 2.35.435 1.487.216 3.155-.534 4.088l-.018.021.002.003c.417.762.67 1.567.724 2.4l.002.03c.064 1.065-.2 2.137-.814 3.19l-.007.01.01.024c.472 1.157.62 2.322.438 3.486l-.006.039a.651.651 0 01-.747.536.648.648 0 01-.54-.742c.167-1.033.01-2.069-.48-3.123a.643.643 0 01.04-.617l.004-.006c.604-.924.854-1.83.8-2.72-.046-.779-.325-1.544-.8-2.273a.644.644 0 01.18-.886l.009-.006c.243-.159.467-.565.58-1.12a4.229 4.229 0 00-.095-1.974c-.205-.7-.58-1.284-1.105-1.683-.595-.454-1.383-.673-2.38-.61a.653.653 0 01-.632-.371c-.314-.665-.772-1.141-1.343-1.436a3.288 3.288 0 00-1.772-.332c-1.245.099-2.343.801-2.67 1.686a.652.652 0 01-.61.425c-1.067.002-1.893.252-2.497.703-.522.39-.878.935-1.066 1.588a4.07 4.07 0 00-.068 1.886c.112.558.331 1.02.582 1.269l.008.007c.212.207.257.53.109.785-.36.622-.629 1.549-.673 2.44-.05 1.018.186 1.902.719 2.536l.016.019a.643.643 0 01.095.69c-.576 1.236-.753 2.252-.562 3.052a.652.652 0 01-1.269.298c-.243-1.018-.078-2.184.473-3.498l.014-.035-.008-.012a4.339 4.339 0 01-.598-1.309l-.005-.019a5.764 5.764 0 01-.177-1.785c.044-.91.278-1.842.622-2.59l.012-.026-.002-.002c-.293-.418-.51-.953-.63-1.545l-.005-.024a5.352 5.352 0 01.093-2.49c.262-.915.777-1.701 1.536-2.269.06-.045.123-.09.186-.132-.159-1.493-.119-2.73.112-3.67.127-.518.314-.95.562-1.287.27-.368.614-.622 1.015-.737.266-.076.54-.059.797.042z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "ollama-face",
 				style: {
 					transformBox: "fill-box",
@@ -66,7 +66,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 				},
 				d: "M12.021 10.18c.936 0 1.8.313 2.446.855.63.527 1.005 1.235 1.005 1.94 0 .888-.406 1.58-1.133 2.022-.62.375-1.451.557-2.403.557-1.009 0-1.871-.259-2.493-.734-.617-.47-.963-1.13-.963-1.845 0-.707.398-1.417 1.056-1.946.668-.537 1.55-.849 2.485-.849zm0 .896a3.07 3.07 0 00-1.916.65c-.461.37-.722.835-.722 1.25 0 .428.21.829.61 1.134.455.347 1.124.548 1.943.548.799 0 1.473-.147 1.932-.426.463-.28.7-.686.7-1.257 0-.423-.246-.89-.683-1.256-.484-.405-1.14-.643-1.864-.643z"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "ollama-nose",
 				style: {
 					transformBox: "fill-box",
@@ -74,7 +74,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 				},
 				d: "M12.683 12.286l.004.004c.12.151.095.37-.056.49l-.292.23v.446a.375.375 0 01-.376.373.375.375 0 01-.376-.373v-.46l-.271-.218a.347.347 0 01-.052-.49.353.353 0 01.494-.051l.215.172.22-.174a.353.353 0 01.49.051z"
 			}),
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "ollama-eye",
 				style: {
 					transformBox: "fill-box",
@@ -84,7 +84,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 				cy: "11.238",
 				r: "0.868"
 			}),
-			/* @__PURE__ */ a(r.circle, {
+			/* @__PURE__ */ r(a.circle, {
 				className: "ollama-eye",
 				style: {
 					transformBox: "fill-box",

package/dist/animations/brand-openai-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-openai-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(".internal", { pathOffset: [1, 0] }, {
 			duration: .8,
 			ease: "easeInOut",
@@ -18,7 +18,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,
@@ -32,7 +32,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		className: `cursor-pointer select-none ${c}`,
-		children: [/* @__PURE__ */ i("path", {
+		children: [/* @__PURE__ */ n("path", {
 			stroke: "none",
 			d: "M0 0h24v24H0z",
 			fill: "none"
@@ -43,7 +43,7 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 			"M12.783 4.616a3.501 3.501 0 0 0 -6.783 1.217v5.067l6 3.45",
 			"M18.786 8.986a3.501 3.501 0 0 0 -4.446 -5.266l-4.34 2.534v6.946",
 			"M18 16.302c1.391 .236 2.787 -.395 3.534 -1.689a3.474 3.474 0 0 0 -1.271 -4.745l-4.308 -2.514l-5.955 3.42"
-		].map((e, t) => /* @__PURE__ */ i(n.path, {
+		].map((e, t) => /* @__PURE__ */ n(i.path, {
 			d: e,
 			className: "internal",
 			initial: {

package/dist/animations/brand-paypal-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-paypal-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(".p-back", {
 			x: 2,
 			y: -2
@@ -41,7 +41,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();
@@ -60,16 +60,16 @@ var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, classN
 		strokeLinejoin: "round",
 		className: `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: "p-front",
 				d: "M10 13l2.5 0c2.5 0 5 -2.5 5 -5c0 -3 -1.9 -5 -5 -5h-5.5c-.5 0 -1 .5 -1 1l-2 14c0 .5 .5 1 1 1h2.8l1.2 -5c.1 -.6 .4 -1 1 -1"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "p-back",
 				d: "M17.5 7.2c1.7 1 2.5 2.8 2.5 4.8c0 2.5 -2.5 4.5 -5 4.5h-2.6l-.6 3.6a1 1 0 0 1 -1 .8l-2.7 0a.5 .5 0 0 1 -.5 -.6l.2 -1.4"
 			})

package/dist/animations/brand-qwen-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-qwen-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, {
 			rotate: [
 				0,
@@ -34,7 +34,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,
@@ -49,7 +49,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) =>
 		},
 		xmlns: "http://www.w3.org/2000/svg",
 		className: `qwen-icon cursor-pointer ${c}`,
-		children: [/* @__PURE__ */ a("title", { children: "Qwen" }), /* @__PURE__ */ a(r.path, {
+		children: [/* @__PURE__ */ r("title", { children: "Qwen" }), /* @__PURE__ */ r(a.path, {
 			className: "qwen-shape",
 			d: "M12.604 1.34c.393.69.784 1.382 1.174 2.075a.18.18 0 00.157.091h5.552c.174 0 .322.11.446.327l1.454 2.57c.19.337.24.478.024.837-.26.43-.513.864-.76 1.3l-.367.658c-.106.196-.223.28-.04.512l2.652 4.637c.172.301.111.494-.043.77-.437.785-.882 1.564-1.335 2.34-.159.272-.352.375-.68.37-.777-.016-1.552-.01-2.327.016a.099.099 0 00-.081.05 575.097 575.097 0 01-2.705 4.74c-.169.293-.38.363-.725.364-.997.003-2.002.004-3.017.002a.537.537 0 01-.465-.271l-1.335-2.323a.09.09 0 00-.083-.049H4.982c-.285.03-.553-.001-.805-.092l-1.603-2.77a.543.543 0 01-.002-.54l1.207-2.12a.198.198 0 000-.197 550.951 550.951 0 01-1.875-3.272l-.79-1.395c-.16-.31-.173-.496.095-.965.465-.813.927-1.625 1.387-2.436.132-.234.304-.334.584-.335a338.3 338.3 0 012.589-.001.124.124 0 00.107-.063l2.806-4.895a.488.488 0 01.422-.246c.524-.001 1.053 0 1.583-.006L11.704 1c.341-.003.724.032.9.34zm-3.432.403a.06.06 0 00-.052.03L6.254 6.788a.157.157 0 01-.135.078H3.253c-.056 0-.07.025-.041.074l5.81 10.156c.025.042.013.062-.034.063l-2.795.015a.218.218 0 00-.2.116l-1.32 2.31c-.044.078-.021.118.068.118l5.716.008c.046 0 .08.02.104.061l1.403 2.454c.046.081.092.082.139 0l5.006-8.76.783-1.382a.055.055 0 01.096 0l1.424 2.53a.122.122 0 00.107.062l2.763-.02a.04.04 0 00.035-.02.041.041 0 000-.04l-2.9-5.086a.108.108 0 010-.113l.293-.507 1.12-1.977c.024-.041.012-.062-.035-.062H9.2c-.059 0-.073-.026-.043-.077l1.434-2.505a.107.107 0 000-.114L9.225 1.774a.06.06 0 00-.053-.031zm6.29 8.02c.046 0 .058.02.034.06l-.832 1.465-2.613 4.585a.056.056 0 01-.05.029.058.058 0 01-.05-.029L8.498 9.841c-.02-.034-.01-.052.028-.054l.216-.012 6.722-.012z"
 		})]

package/dist/animations/brand-railway-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-railway-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(".railway-inner", { opacity: 0 }, {
 			duration: .6,
 			ease: "linear"
@@ -25,7 +25,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,
 		onHoverStart: d,
 		onHoverEnd: f,
@@ -41,12 +41,12 @@ var o = e(({ size: e = 24, color: o = "currentColor", className: s = "" }, c) =>
 			lineHeight: 1
 		},
 		children: [
-			/* @__PURE__ */ i("title", { children: "Railway" }),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n("title", { children: "Railway" }),
+			/* @__PURE__ */ n(i.path, {
 				className: "railway-lower",
 				d: "M.111 10.27c-.057.4-.094.804-.111 1.208h18.23a2.182 2.182 0 00-.236-.346c-3.116-4.026-4.793-3.677-7.19-3.78-.8-.032-1.343-.046-4.525-.046-1.704 0-3.555.005-5.359.01-.233.63-.458 1.24-.568 1.737h9.342v1.217H.11zm18.262 2.426H.01c.02.325.05.645.094.961h16.954c.756 0 1.179-.429 1.316-.96zm-17.318 4.28S3.865 23.878 11.987 24c4.854 0 9.025-2.883 10.92-7.024H1.055z"
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "railway-inner",
 				d: "M11.987 0C7.5 0 3.593 2.465 1.531 6.108c1.611-.003 4.75-.005 4.75-.005h.001v-.001c3.71 0 3.848.016 4.573.046l.45.017c1.562.052 3.484.22 4.996 1.364.82.62 2.005 1.99 2.712 2.965.653.902.84 1.94.396 2.934-.408.913-1.287 1.458-2.352 1.458H.39s.1.42.248.885h22.75a11.96 11.96 0 00.61-3.766C24 5.375 18.623 0 11.988 0z"
 			})

package/dist/animations/brand-react-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-react-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(".center-dot", { scale: [
 			1,
 			1.4,
@@ -108,7 +108,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,
@@ -123,36 +123,36 @@ 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: "orbit-1",
 				style: {
 					originX: "50%",
 					originY: "50%"
 				},
-				children: [/* @__PURE__ */ i("path", { d: "M6.306 8.711c-2.602 .723 -4.306 1.926 -4.306 3.289c0 2.21 4.477 4 10 4c.773 0 1.526 -.035 2.248 -.102" }), /* @__PURE__ */ i("path", { d: "M17.692 15.289c2.603 -.722 4.308 -1.926 4.308 -3.289c0 -2.21 -4.477 -4 -10 -4c-.773 0 -1.526 .035 -2.25 .102" })]
+				children: [/* @__PURE__ */ n("path", { d: "M6.306 8.711c-2.602 .723 -4.306 1.926 -4.306 3.289c0 2.21 4.477 4 10 4c.773 0 1.526 -.035 2.248 -.102" }), /* @__PURE__ */ n("path", { d: "M17.692 15.289c2.603 -.722 4.308 -1.926 4.308 -3.289c0 -2.21 -4.477 -4 -10 -4c-.773 0 -1.526 .035 -2.25 .102" })]
 			}),
-			/* @__PURE__ */ a(n.g, {
+			/* @__PURE__ */ r(i.g, {
 				className: "orbit-2",
 				style: {
 					originX: "50%",
 					originY: "50%"
 				},
-				children: [/* @__PURE__ */ i("path", { d: "M6.305 15.287c-.676 2.615 -.485 4.693 .695 5.373c1.913 1.105 5.703 -1.877 8.464 -6.66c.387 -.67 .733 -1.339 1.036 -2" }), /* @__PURE__ */ i("path", { d: "M17.694 8.716c.677 -2.616 .487 -4.696 -.694 -5.376c-1.913 -1.105 -5.703 1.877 -8.464 6.66c-.387 .67 -.733 1.34 -1.037 2" })]
+				children: [/* @__PURE__ */ n("path", { d: "M6.305 15.287c-.676 2.615 -.485 4.693 .695 5.373c1.913 1.105 5.703 -1.877 8.464 -6.66c.387 -.67 .733 -1.339 1.036 -2" }), /* @__PURE__ */ n("path", { d: "M17.694 8.716c.677 -2.616 .487 -4.696 -.694 -5.376c-1.913 -1.105 -5.703 1.877 -8.464 6.66c-.387 .67 -.733 1.34 -1.037 2" })]
 			}),
-			/* @__PURE__ */ a(n.g, {
+			/* @__PURE__ */ r(i.g, {
 				className: "orbit-3",
 				style: {
 					originX: "50%",
 					originY: "50%"
 				},
-				children: [/* @__PURE__ */ i("path", { d: "M12 5.424c-1.925 -1.892 -3.82 -2.766 -5 -2.084c-1.913 1.104 -1.226 5.877 1.536 10.66c.386 .67 .793 1.304 1.212 1.896" }), /* @__PURE__ */ i("path", { d: "M12 18.574c1.926 1.893 3.821 2.768 5 2.086c1.913 -1.104 1.226 -5.877 -1.536 -10.66c-.375 -.65 -.78 -1.283 -1.212 -1.897" })]
+				children: [/* @__PURE__ */ n("path", { d: "M12 5.424c-1.925 -1.892 -3.82 -2.766 -5 -2.084c-1.913 1.104 -1.226 5.877 1.536 10.66c.386 .67 .793 1.304 1.212 1.896" }), /* @__PURE__ */ n("path", { d: "M12 18.574c1.926 1.893 3.821 2.768 5 2.086c1.913 -1.104 1.226 -5.877 -1.536 -10.66c-.375 -.65 -.78 -1.283 -1.212 -1.897" })]
 			}),
-			/* @__PURE__ */ i(n.path, {
+			/* @__PURE__ */ n(i.path, {
 				className: "center-dot",
 				d: "M11.5 12.866a1 1 0 1 0 1 -1.732a1 1 0 0 0 -1 1.732",
 				style: {

package/dist/animations/brand-react-native-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/brand-react-native-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 = [], await f(".orbit-system", { scale: [
 			.95,
 			1.02,
@@ -71,7 +71,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return t(u, () => ({
 		startAnimation: m,
 		stopAnimation: h
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		onHoverStart: m,
 		onHoverEnd: h,
@@ -86,45 +86,45 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer select-none ${l}`,
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ o(r.g, {
+			/* @__PURE__ */ i(a.g, {
 				className: "orbit-system",
 				style: {
 					originX: "50%",
 					originY: "50%"
 				},
 				children: [
-					/* @__PURE__ */ a(r.path, {
+					/* @__PURE__ */ r(a.path, {
 						className: "ring-1",
 						d: "M6.357 9c-2.637 .68 -4.357 1.845 -4.357 3.175c0 2.107 4.405 3.825 9.85 3.825c.74 0 1.26 -.039 1.95 -.097"
 					}),
-					/* @__PURE__ */ a(r.path, {
+					/* @__PURE__ */ r(a.path, {
 						className: "ring-1",
 						d: "M9.837 15.9c-.413 -.596 -.806 -1.133 -1.18 -1.8c-2.751 -4.9 -3.488 -9.77 -1.63 -10.873c1.15 -.697 3.047 .253 4.974 2.254"
 					}),
-					/* @__PURE__ */ a(r.path, {
+					/* @__PURE__ */ r(a.path, {
 						className: "ring-2",
 						d: "M6.429 15.387c-.702 2.688 -.56 4.716 .56 5.395c1.783 1.08 5.387 -1.958 8.043 -6.804c.36 -.67 .683 -1.329 .968 -1.978"
 					}),
-					/* @__PURE__ */ a(r.path, {
+					/* @__PURE__ */ r(a.path, {
 						className: "ring-2",
 						d: "M12 18.52c1.928 2 3.817 2.95 4.978 2.253c1.85 -1.102 1.121 -5.972 -1.633 -10.873c-.384 -.677 -.777 -1.204 -1.18 -1.8"
 					}),
-					/* @__PURE__ */ a(r.path, {
+					/* @__PURE__ */ r(a.path, {
 						className: "ring-3",
 						d: "M17.66 15c2.612 -.687 4.34 -1.85 4.34 -3.176c0 -2.11 -4.408 -3.824 -9.845 -3.824c-.747 0 -1.266 .029 -1.955 .087"
 					}),
-					/* @__PURE__ */ a(r.path, {
+					/* @__PURE__ */ r(a.path, {
 						className: "ring-3",
 						d: "M8 12c.285 -.66 .607 -1.308 .968 -1.978c2.647 -4.844 6.253 -7.89 8.046 -6.801c1.11 .679 1.262 2.706 .56 5.393"
 					})
 				]
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "center-dot",
 				d: "M12.26 12.015h-.01c-.01 .13 -.12 .24 -.26 .24a.263 .263 0 0 1 -.25 -.26c0 -.14 .11 -.25 .24 -.25h-.01c.13 -.01 .25 .11 .25 .24",
 				style: {

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

@@ -1,9 +1,9 @@
 import { forwardRef as e, useId 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-stripe-icon.tsx
 var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
-	let [d, f] = i(), p = `fillClip-${t().replace(/:/g, "")}`, m = async () => {
+	let [d, f] = o(), p = `fillClip-${t().replace(/:/g, "")}`, m = async () => {
 		await f(".fill-rect", { y: [-2, 26] }, {
 			duration: 1.4,
 			ease: "easeInOut"
@@ -17,7 +17,7 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 	return n(u, () => ({
 		startAnimation: m,
 		stopAnimation: h
-	})), /* @__PURE__ */ o(r.svg, {
+	})), /* @__PURE__ */ i(a.svg, {
 		ref: d,
 		onHoverStart: m,
 		onHoverEnd: h,
@@ -31,9 +31,9 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 		strokeLinejoin: "round",
 		className: `cursor-pointer select-none ${l}`,
 		children: [
-			/* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("clipPath", {
+			/* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", {
 				id: p,
-				children: /* @__PURE__ */ a(r.rect, {
+				children: /* @__PURE__ */ r(a.rect, {
 					className: "fill-rect",
 					x: "0",
 					y: "-2",
@@ -41,17 +41,17 @@ var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, classN
 					height: "2"
 				})
 			}) }),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ r("path", {
 				d: "M11.453 8.056c0 -.623 .518 -.979 1.442 -.979c1.69 0 3.41 .343 4.605 .923l.5 -4c-.948 -.449 -2.82 -1 -5.5 -1c-1.895 0 -3.373 .087 -4.5 1c-1.172 .956 -2 2.33 -2 4c0 3.03 1.958 4.906 5 6c1.961 .69 3 .743 3 1.5c0 .735 -.851 1.5 -2 1.5c-1.423 0 -3.963 -.609 -5.5 -1.5l-.5 4c1.321 .734 3.474 1.5 6 1.5c2 0 3.957 -.468 5.084 -1.36c1.263 -.979 1.916 -2.268 1.916 -4.14c0 -3.096 -1.915 -4.547 -5 -5.637c-1.646 -.605 -2.544 -1.07 -2.544 -1.807l-.003 0",
 				stroke: s,
 				fill: "none"
 			}),
-			/* @__PURE__ */ a(r.path, {
+			/* @__PURE__ */ r(a.path, {
 				className: "stripe-filled",
 				d: "M11.453 8.056c0 -.623 .518 -.979 1.442 -.979c1.69 0 3.41 .343 4.605 .923l.5 -4c-.948 -.449 -2.82 -1 -5.5 -1c-1.895 0 -3.373 .087 -4.5 1c-1.172 .956 -2 2.33 -2 4c0 3.03 1.958 4.906 5 6c1.961 .69 3 .743 3 1.5c0 .735 -.851 1.5 -2 1.5c-1.423 0 -3.963 -.609 -5.5 -1.5l-.5 4c1.321 .734 3.474 1.5 6 1.5c2 0 3.957 -.468 5.084 -1.36c1.263 -.979 1.916 -2.268 1.916 -4.14c0 -3.096 -1.915 -4.547 -5 -5.637c-1.646 -.605 -2.544 -1.07 -2.544 -1.807l-.003 0",
 				fill: s,

package/dist/animations/brand-telegram-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-telegram-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(".plane", {
 			x: [
 				0,
@@ -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,
 		onHoverStart: () => {
 			f();
@@ -61,11 +61,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: "plane",
 			d: "M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4"
 		})]

package/dist/animations/brand-threads-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-threads-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(u.current, {
 			scale: 1,
 			rotate: 0
@@ -48,7 +48,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();
@@ -66,11 +66,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: "animated-path",
 			d: "M19 7.5c-1.333 -3 -3.667 -4.5 -7 -4.5c-5 0 -8 2.5 -8 9s3.5 9 8 9s7 -3 7 -5s-1 -5 -7 -5c-2.5 0 -3 1.25 -3 2.5c0 1.5 1 2.5 2.5 2.5c2.5 0 3.5 -1.5 3.5 -5s-2 -4 -3 -4s-1.833 .333 -2.5 1"
 		})]