nfx-ui 0.20.0 → 0.23.0

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

@@ -0,0 +1,54 @@
+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";
+//#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(() => {
+		d(u.current, {
+			scale: .9,
+			rotate: [0, 180]
+		}, {
+			duration: .8,
+			ease: "easeInOut"
+		});
+	}, [d, u]), p = t(() => {
+		d(u.current, {
+			scale: 1,
+			rotate: 0
+		}, {
+			duration: .8,
+			ease: "easeInOut"
+		});
+	}, [d, u]);
+	return n(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	}), [f, p]), /* @__PURE__ */ o(r.svg, {
+		ref: u,
+		onHoverStart: f,
+		onHoverEnd: p,
+		fill: s,
+		viewBox: "0 0 24 24",
+		height: e,
+		width: e,
+		xmlns: "http://www.w3.org/2000/svg",
+		className: `gemini-icon cursor-pointer ${c}`,
+		role: "img",
+		"aria-label": "Gemini",
+		style: {
+			flex: "none",
+			lineHeight: 1,
+			transformBox: "fill-box",
+			transformOrigin: "center"
+		},
+		children: [/* @__PURE__ */ a("title", { children: "Gemini" }), /* @__PURE__ */ a(r.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"
+		})]
+	});
+});
+s.displayName = "BrandGeminiIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=brand-gemini-icon.js.map

package/dist/animations/brand-gemini-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-gemini-icon.js","names":[],"sources":["../../src/animations/brand-gemini-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandGeminiIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  ({ size = 24, color = \"currentColor\", className = \"\" }, ref) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(() => {\n      animate(\n        scope.current,\n        { scale: 0.9, rotate: [0, 180] },\n        {\n          duration: 0.8,\n          ease: \"easeInOut\",\n        },\n      );\n    }, [animate, scope]);\n\n    const stop = useCallback(() => {\n      animate(\n        scope.current,\n        { scale: 1, rotate: 0 },\n        {\n          duration: 0.8,\n          ease: \"easeInOut\",\n        },\n      );\n    }, [animate, scope]);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        startAnimation: start,\n        stopAnimation: stop,\n      }),\n      [start, stop],\n    );\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={start}\n        onHoverEnd={stop}\n        fill={color}\n        viewBox=\"0 0 24 24\"\n        height={size}\n        width={size}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={`gemini-icon cursor-pointer ${className}`}\n        role=\"img\"\n        aria-label=\"Gemini\"\n        style={{\n          flex: \"none\",\n          lineHeight: 1,\n          transformBox: \"fill-box\",\n          transformOrigin: \"center\",\n        }}\n      >\n        <title>Gemini</title>\n\n        {/* Gemini star glyph */}\n        <motion.path\n          className=\"gemini-shape\"\n          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\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nBrandGeminiIcon.displayName = \"BrandGeminiIcon\";\nexport default BrandGeminiIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAkB,GACrB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,eAAY,MAAM,MAAQ;CAC9D,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAC9B,EACE,EAAM,SACN;GAAE,OAAO;GAAK,QAAQ,CAAC,GAAG,GAAG;EAAE,GAC/B;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,GAAS,CAAK,CAAC,GAEb,IAAO,QAAkB;EAC7B,EACE,EAAM,SACN;GAAE,OAAO;GAAG,QAAQ;EAAE,GACtB;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,GAAS,CAAK,CAAC;CAWnB,OATA,EACE,UACO;EACL,gBAAgB;EAChB,eAAe;CACjB,IACA,CAAC,GAAO,CAAI,CACd,GAGE,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,cAAc;EACd,YAAY;EACZ,MAAM;EACN,SAAQ;EACR,QAAQ;EACR,OAAO;EACP,OAAM;EACN,WAAW,8BAA8B;EACzC,MAAK;EACL,cAAW;EACX,OAAO;GACL,MAAM;GACN,YAAY;GACZ,cAAc;GACd,iBAAiB;EACnB;EAjBF,UAAA,CAmBE,kBAAC,SAAD,EAAA,UAAO,SAAa,CAAA,GAGpB,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA,CACS;;AAEhB,CACF;AAEA,EAAgB,cAAc"}

package/dist/animations/brand-google-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const BrandGoogleIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default BrandGoogleIcon;
+//# sourceMappingURL=brand-google-icon.d.ts.map

package/dist/animations/brand-google-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-google-icon.d.ts","sourceRoot":"","sources":["../../src/animations/brand-google-icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,eAAe,kHAqEpB,CAAC;AAIF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,66 @@
+"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";
+//#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 () => {
+		await u(".google-g", {
+			rotate: [
+				0,
+				-10,
+				10,
+				-5,
+				0
+			],
+			scale: [
+				1,
+				1.05,
+				1
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut"
+		});
+	}, f = async () => {
+		u(".google-g", {
+			rotate: 0,
+			scale: 1
+		}, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	};
+	return t(c, () => ({
+		startAnimation: d,
+		stopAnimation: f
+	})), /* @__PURE__ */ a(n.svg, {
+		ref: l,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: o,
+		className: `cursor-pointer ${s}`,
+		onHoverStart: () => {
+			d();
+		},
+		onHoverEnd: () => {
+			f();
+		},
+		children: [/* @__PURE__ */ i("path", {
+			stroke: "none",
+			d: "M0 0h24v24H0z",
+			fill: "none"
+		}), /* @__PURE__ */ i(n.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%" }
+		})]
+	});
+});
+o.displayName = "BrandGoogleIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=brand-google-icon.js.map

package/dist/animations/brand-google-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-google-icon.js","names":[],"sources":["../../src/animations/brand-google-icon.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandGoogleIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  ({ size = 24, color = \"currentColor\", className = \"\" }, ref) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      await animate(\n        \".google-g\",\n        {\n          rotate: [0, -10, 10, -5, 0],\n          scale: [1, 1.05, 1],\n        },\n        {\n          duration: 0.6,\n          ease: \"easeInOut\",\n        },\n      );\n    };\n\n    const stop = async () => {\n      animate(\n        \".google-g\",\n        {\n          rotate: 0,\n          scale: 1,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeInOut\",\n        },\n      );\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill={color}\n        className={`cursor-pointer ${className}`}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        <motion.path\n          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\"\n          className=\"google-g\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nBrandGoogleIcon.displayName = \"BrandGoogleIcon\";\n\nexport default BrandGoogleIcon;\n"],"mappings":";;;;;AAKA,IAAM,IAAkB,GACrB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,eAAY,MAAM,MAAQ;CAC9D,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,MAAM,EACJ,aACA;GACE,QAAQ;IAAC;IAAG;IAAK;IAAI;IAAI;GAAC;GAC1B,OAAO;IAAC;IAAG;IAAM;GAAC;EACpB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAEM,IAAO,YAAY;EACvB,EACE,aACA;GACE,QAAQ;GACR,OAAO;EACT,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAM;EACN,WAAW,kBAAkB;EAC7B,oBAjB2B;GAC7B,EAAM;EACR;EAgBI,kBAdyB;GAC3B,EAAK;EACP;EAGE,UAAA,CAWE,kBAAC,QAAD;GAAM,QAAO;GAAO,GAAE;GAAgB,MAAK;EAAQ,CAAA,GAEnD,kBAAC,EAAO,MAAR;GACE,GAAE;GACF,WAAU;GACV,OAAO,EAAE,iBAAiB,UAAU;EACrC,CAAA,CACS;;AAEhB,CACF;AAEA,EAAgB,cAAc"}

package/dist/animations/brand-grok-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const BrandGrokIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default BrandGrokIcon;
+//# sourceMappingURL=brand-grok-icon.d.ts.map

package/dist/animations/brand-grok-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-grok-icon.d.ts","sourceRoot":"","sources":["../../src/animations/brand-grok-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,aAAa,kHA4ElB,CAAC;AAGF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,75 @@
+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";
+//#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(() => {
+		d(u.current, { scale: 1.05 }, {
+			duration: .25,
+			ease: "easeOut"
+		}), d(".grok-upper", {
+			x: 3,
+			y: -3,
+			opacity: .85
+		}, {
+			duration: .35,
+			ease: "easeOut"
+		}), d(".grok-lower", {
+			x: -3,
+			y: 3,
+			opacity: .85
+		}, {
+			duration: .35,
+			ease: "easeOut"
+		});
+	}, [d, u]), p = t(() => {
+		d(u.current, { scale: 1 }, { duration: .2 }), d(".grok-upper", {
+			x: 0,
+			y: 0,
+			opacity: 1
+		}, {
+			duration: .25,
+			ease: "easeInOut"
+		}), d(".grok-lower", {
+			x: 0,
+			y: 0,
+			opacity: 1
+		}, {
+			duration: .25,
+			ease: "easeInOut"
+		});
+	}, [d, u]);
+	return n(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: u,
+		onHoverStart: f,
+		onHoverEnd: p,
+		fill: s,
+		viewBox: "0 0 24 24",
+		width: e,
+		height: e,
+		className: `grok-icon cursor-pointer ${c}`,
+		style: {
+			flex: "none",
+			lineHeight: 1
+		},
+		children: [
+			/* @__PURE__ */ a("title", { children: "Grok" }),
+			/* @__PURE__ */ a(r.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, {
+				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"
+			})
+		]
+	});
+});
+s.displayName = "BrandGrokIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=brand-grok-icon.js.map

package/dist/animations/brand-grok-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-grok-icon.js","names":[],"sources":["../../src/animations/brand-grok-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandGrokIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  ({ size = 24, color = \"currentColor\", className = \"\" }, ref) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(() => {\n      // Subtle container pulse\n      animate(\n        scope.current,\n        { scale: 1.05 },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n\n      // Upper flows up-right\n      animate(\n        \".grok-upper\",\n        { x: 3, y: -3, opacity: 0.85 },\n        { duration: 0.35, ease: \"easeOut\" },\n      );\n\n      // Lower flows down-left\n      animate(\n        \".grok-lower\",\n        { x: -3, y: 3, opacity: 0.85 },\n        { duration: 0.35, ease: \"easeOut\" },\n      );\n    }, [animate, scope]);\n\n    const stop = useCallback(() => {\n      animate(scope.current, { scale: 1 }, { duration: 0.2 });\n\n      animate(\n        \".grok-upper\",\n        { x: 0, y: 0, opacity: 1 },\n        { duration: 0.25, ease: \"easeInOut\" },\n      );\n\n      animate(\n        \".grok-lower\",\n        { x: 0, y: 0, opacity: 1 },\n        { duration: 0.25, ease: \"easeInOut\" },\n      );\n    }, [animate, scope]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={start}\n        onHoverEnd={stop}\n        fill={color}\n        viewBox=\"0 0 24 24\"\n        width={size}\n        height={size}\n        className={`grok-icon cursor-pointer ${className}`}\n        style={{ flex: \"none\", lineHeight: 1 }}\n      >\n        <title>Grok</title>\n\n        {/* Upper shard */}\n        <motion.path\n          className=\"grok-upper\"\n          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\"\n        />\n\n        {/* Lower shard */}\n        <motion.path\n          className=\"grok-lower\"\n          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\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nBrandGrokIcon.displayName = \"BrandGrokIcon\";\nexport default BrandGrokIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAgB,GACnB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,eAAY,MAAM,MAAQ;CAC9D,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAgB9B,AAdA,EACE,EAAM,SACN,EAAE,OAAO,KAAK,GACd;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GAGA,EACE,eACA;GAAE,GAAG;GAAG,GAAG;GAAI,SAAS;EAAK,GAC7B;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GAGA,EACE,eACA;GAAE,GAAG;GAAI,GAAG;GAAG,SAAS;EAAK,GAC7B;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC;CACF,GAAG,CAAC,GAAS,CAAK,CAAC,GAEb,IAAO,QAAkB;EAS7B,AARA,EAAQ,EAAM,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GAEtD,EACE,eACA;GAAE,GAAG;GAAG,GAAG;GAAG,SAAS;EAAE,GACzB;GAAE,UAAU;GAAM,MAAM;EAAY,CACtC,GAEA,EACE,eACA;GAAE,GAAG;GAAG,GAAG;GAAG,SAAS;EAAE,GACzB;GAAE,UAAU;GAAM,MAAM;EAAY,CACtC;CACF,GAAG,CAAC,GAAS,CAAK,CAAC;CAOnB,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,cAAc;EACd,YAAY;EACZ,MAAM;EACN,SAAQ;EACR,OAAO;EACP,QAAQ;EACR,WAAW,4BAA4B;EACvC,OAAO;GAAE,MAAM;GAAQ,YAAY;EAAE;EATvC,UAAA;GAWE,kBAAC,SAAD,EAAA,UAAO,OAAW,CAAA;GAGlB,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GAGD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAc,cAAc"}

package/dist/animations/brand-lmstudio-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const BrandLmStudioIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default BrandLmStudioIcon;
+//# sourceMappingURL=brand-lmstudio-icon.d.ts.map

package/dist/animations/brand-lmstudio-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-lmstudio-icon.d.ts","sourceRoot":"","sources":["../../src/animations/brand-lmstudio-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAYrE,QAAA,MAAM,iBAAiB,kHA+FtB,CAAC;AAGF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,106 @@
+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";
+//#region src/animations/brand-lmstudio-icon.tsx
+var s = [
+	".lm-line-1",
+	".lm-line-2",
+	".lm-line-3",
+	".lm-line-4",
+	".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(() => {
+		s.forEach((e, t) => {
+			let n = 1 + t * .06;
+			p(e, { scaleX: [
+				1,
+				n,
+				.9,
+				n * .95,
+				1
+			] }, {
+				duration: 1.4,
+				delay: t * .08,
+				ease: "easeInOut",
+				repeat: Infinity
+			});
+		});
+	}, [p]), h = t(() => {
+		p(s.join(", "), { scaleX: 1 }, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, [p]);
+	return n(d, () => ({
+		startAnimation: m,
+		stopAnimation: h
+	}), [m, h]), /* @__PURE__ */ o(r.svg, {
+		ref: f,
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: c,
+		strokeWidth: l,
+		className: u,
+		xmlns: "http://www.w3.org/2000/svg",
+		onHoverStart: m,
+		onHoverEnd: h,
+		children: [
+			/* @__PURE__ */ a("title", { children: "LM Studio" }),
+			/* @__PURE__ */ a(r.path, {
+				className: "lm-line-1",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				d: "M2.84 2a1.273 1.273 0 100 2.547h10.287a1.274 1.274 0 000-2.547H2.84z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "lm-line-2",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				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, {
+				className: "lm-line-3",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				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, {
+				className: "lm-line-4",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				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, {
+				className: "lm-line-5",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				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, {
+				className: "lm-line-6",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				d: "M13.029 18.849a1.273 1.273 0 100 2.547h5.78a1.273 1.273 0 100-2.547h-5.78z"
+			})
+		]
+	});
+});
+c.displayName = "BrandLmStudioIcon";
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=brand-lmstudio-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"brand-lmstudio-icon.js","names":[],"sources":["../../src/animations/brand-lmstudio-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst lines = [\n  \".lm-line-1\",\n  \".lm-line-2\",\n  \".lm-line-3\",\n  \".lm-line-4\",\n  \".lm-line-5\",\n  \".lm-line-6\",\n];\n\nconst BrandLmStudioIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 1, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(() => {\n      lines.forEach((line, i) => {\n        const strength = 1 + i * 0.06;\n        animate(\n          line,\n          {\n            scaleX: [1, strength, 0.9, strength * 0.95, 1],\n          },\n          {\n            duration: 1.4,\n            delay: i * 0.08,\n            ease: \"easeInOut\",\n            repeat: Infinity,\n          },\n        );\n      });\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        lines.join(\", \"),\n        { scaleX: 1 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        startAnimation: start,\n        stopAnimation: stop,\n      }),\n      [start, stop],\n    );\n\n    return (\n      <motion.svg\n        ref={scope}\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill={color}\n        strokeWidth={strokeWidth}\n        className={className}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <title>LM Studio</title>\n\n        <motion.path\n          className=\"lm-line-1\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n          d=\"M2.84 2a1.273 1.273 0 100 2.547h10.287a1.274 1.274 0 000-2.547H2.84z\"\n        />\n\n        <motion.path\n          className=\"lm-line-2\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n          d=\"M7.935 5.33a1.273 1.273 0 000 2.548H18.22a1.274 1.274 0 000-2.547H7.935z\"\n        />\n\n        <motion.path\n          className=\"lm-line-3\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n          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\"\n        />\n\n        <motion.path\n          className=\"lm-line-4\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n          d=\"M1.273 12.188a1.273 1.273 0 100 2.547H11.56a1.274 1.274 0 000-2.547H1.273z\"\n        />\n\n        <motion.path\n          className=\"lm-line-5\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n          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\"\n        />\n\n        <motion.path\n          className=\"lm-line-6\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n          d=\"M13.029 18.849a1.273 1.273 0 100 2.547h5.78a1.273 1.273 0 100-2.547h-5.78z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nBrandLmStudioIcon.displayName = \"BrandLmStudioIcon\";\nexport default BrandLmStudioIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAQ;CACZ;CACA;CACA;CACA;CACA;CACA;AACF,GAEM,IAAoB,GAEtB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAC9B,EAAM,SAAS,GAAM,MAAM;GACzB,IAAM,IAAW,IAAI,IAAI;GACzB,EACE,GACA,EACE,QAAQ;IAAC;IAAG;IAAU;IAAK,IAAW;IAAM;GAAC,EAC/C,GACA;IACE,UAAU;IACV,OAAO,IAAI;IACX,MAAM;IACN,QAAQ;GACV,CACF;EACF,CAAC;CACH,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,EAAM,KAAK,IAAI,GACf,EAAE,QAAQ,EAAE,GACZ;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,CAAO,CAAC;CAWZ,OATA,EACE,UACO;EACL,gBAAgB;EAChB,eAAe;CACjB,IACA,CAAC,GAAO,CAAI,CACd,GAGE,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAM;EACO;EACF;EACX,OAAM;EACN,cAAc;EACd,YAAY;EAVd,UAAA;GAYE,kBAAC,SAAD,EAAA,UAAO,YAAgB,CAAA;GAEvB,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAC7D,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAC7D,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAC7D,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAC7D,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAC7D,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAC7D,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAkB,cAAc"}

package/dist/animations/brand-midjourney-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const BrandMidJourneyIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default BrandMidJourneyIcon;
+//# sourceMappingURL=brand-midjourney-icon.d.ts.map

package/dist/animations/brand-midjourney-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-midjourney-icon.d.ts","sourceRoot":"","sources":["../../src/animations/brand-midjourney-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,mBAAmB,kHAgFxB,CAAC;AAGF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,99 @@
+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";
+//#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(() => {
+		f(".midjourney-sails", {
+			rotate: [
+				0,
+				2,
+				-2,
+				0
+			],
+			y: [
+				0,
+				-.5,
+				.5,
+				0
+			]
+		}, {
+			duration: 2,
+			repeat: Infinity,
+			ease: "easeInOut"
+		}), f(".midjourney-waves", {
+			y: [
+				0,
+				.5,
+				-.5,
+				0
+			],
+			scaleY: [
+				1,
+				.98,
+				1.02,
+				1
+			]
+		}, {
+			duration: 1.5,
+			repeat: Infinity,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".midjourney-sails", {
+			rotate: 0,
+			y: 0
+		}, { duration: .3 }), f(".midjourney-waves", {
+			y: 0,
+			scaleY: 1
+		}, { duration: .3 });
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		className: l,
+		xmlns: "http://www.w3.org/2000/svg",
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("title", { children: "Midjourney" }),
+			/* @__PURE__ */ a(r.g, {
+				className: "midjourney-sails",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center bottom"
+				},
+				children: /* @__PURE__ */ a("path", {
+					fill: s,
+					stroke: s,
+					strokeWidth: c,
+					strokeLinejoin: "round",
+					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, {
+				className: "midjourney-waves",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				fill: s,
+				stroke: s,
+				strokeWidth: c,
+				strokeLinejoin: "round",
+				d: "M22.369 17.676c-1.387 1.259-3.17 2.378-5.332 3.417.044.03.086.057.13.083l.018.01.019.012c.216.123.42.184.641.184.222 0 .426-.061.642-.184l.018-.011.019-.011c.14-.084.266-.178.492-.366l.178-.148c.279-.232.426-.342.625-.456.304-.174.612-.266.949-.266.337 0 .645.092.949.266l.023.014c.188.109.334.219.602.442l.178.148c.221.184.346.278.483.36l.028.017.018.01c.21.12.407.181.62.185h.022a.31.31 0 110 .618c-.337 0-.645-.092-.95-.266a3.137 3.137 0 01-.09-.054l-.022-.014-.022-.013-.02-.014a5.356 5.356 0 01-.49-.377l-.159-.132a3.836 3.836 0 00-.483-.36l-.027-.017-.019-.01a1.256 1.256 0 00-.641-.185c-.222 0-.426.061-.641.184l-.02.011-.018.011c-.14.084-.266.178-.492.366l-.158.132a5.125 5.125 0 01-.51.39l-.022.014-.022.014-.09.054a1.868 1.868 0 01-.95.266c-.337 0-.644-.092-.949-.266a3.137 3.137 0 01-.09-.054l-.022-.014-.022-.013-.026-.017a4.881 4.881 0 01-.425-.325.308.308 0 01-.12-.1l-.098-.081a3.836 3.836 0 00-.483-.36l-.027-.017-.019-.01a1.256 1.256 0 00-.641-.185c-.222 0-.426.061-.642.184l-.018.011-.019.011c-.14.084-.266.178-.492.366l-.158.132a5.125 5.125 0 01-.51.39l-.023.014-.022.014-.09.054A1.868 1.868 0 0112 22c-.337 0-.645-.092-.949-.266a3.137 3.137 0 01-.09-.054l-.022-.014-.022-.013-.021-.014a5.356 5.356 0 01-.49-.377l-.158-.132a3.836 3.836 0 00-.483-.36l-.028-.017-.018-.01a1.256 1.256 0 00-.642-.185c-.221 0-.425.061-.641.184l-.019.011-.018.011c-.141.084-.266.178-.492.366l-.158.132a5.125 5.125 0 01-.511.39l-.022.014-.022.014-.09.054a1.868 1.868 0 01-.986.264c-.746-.09-1.319-.38-1.89-.866l-.035-.03c-.047-.041-.118-.106-.192-.174l-.196-.181-.107-.1-.011-.01a1.531 1.531 0 00-.336-.253.313.313 0 00-.095-.03h-.005c-.119.022-.238.059-.361.11a.308.308 0 01-.077.061l-.008.005a.309.309 0 01-.126.034 5.66 5.66 0 00-.774.518l-.416.324-.055.043a6.542 6.542 0 01-.324.236c-.305.207-.552.315-.8.315a.31.31 0 01-.01-.618h.01c.09 0 .235-.062.438-.198l.04-.027c.077-.054.163-.117.27-.199l.385-.301.06-.047c.268-.206.506-.373.73-.505l-.633-1.21a.309.309 0 01.254-.451l20.287-1.305a.309.309 0 01.228.537zm-1.118.14L2.369 19.03l.423.809c.128-.045.256-.078.388-.1a.31.31 0 01.052-.005c.132 0 .26.032.386.093.153.073.294.179.483.35l.016.015.092.086.144.134.097.089c.065.06.125.114.16.144.485.418.948.658 1.554.736h.011a1.25 1.25 0 00.6-.172l.021-.011.019-.011.018-.011c.141-.084.266-.178.492-.366l.178-.148c.279-.232.426-.342.625-.456.305-.174.612-.266.95-.266.336 0 .644.092.948.266l.023.014c.188.109.335.219.603.442l.177.148c.222.184.346.278.484.36l.027.017.019.01c.215.124.42.185.641.185.222 0 .426-.061.641-.184l.019-.011.018-.011c.141-.084.267-.178.493-.366l.177-.148c.28-.232.427-.342.626-.456.304-.174.612-.266.949-.266.337 0 .644.092.949.266l.025.015c.187.109.334.22.603.443 1.867-.878 3.448-1.811 4.73-2.832l.02-.016z"
+			})
+		]
+	});
+});
+s.displayName = "BrandMidJourneyIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=brand-midjourney-icon.js.map

package/dist/animations/brand-midjourney-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-midjourney-icon.js","names":[],"sources":["../../src/animations/brand-midjourney-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandMidJourneyIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 0.75, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(() => {\n      // Boat rocking on the waves\n      animate(\n        \".midjourney-sails\",\n        {\n          rotate: [0, 2, -2, 0],\n          y: [0, -0.5, 0.5, 0],\n        },\n        { duration: 2, repeat: Infinity, ease: \"easeInOut\" },\n      );\n\n      // Waves undulating\n      animate(\n        \".midjourney-waves\",\n        {\n          y: [0, 0.5, -0.5, 0],\n          scaleY: [1, 0.98, 1.02, 1],\n        },\n        { duration: 1.5, repeat: Infinity, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".midjourney-sails\", { rotate: 0, y: 0 }, { duration: 0.3 });\n      animate(\".midjourney-waves\", { y: 0, scaleY: 1 }, { duration: 0.3 });\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        className={className}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <title>Midjourney</title>\n\n        {/* Boat with sails */}\n        <motion.g\n          className=\"midjourney-sails\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center bottom\" }}\n        >\n          <path\n            fill={color}\n            stroke={color}\n            strokeWidth={strokeWidth}\n            strokeLinejoin=\"round\"\n            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\"\n          />\n        </motion.g>\n\n        {/* Animated waves */}\n        <motion.path\n          className=\"midjourney-waves\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n          fill={color}\n          stroke={color}\n          strokeWidth={strokeWidth}\n          strokeLinejoin=\"round\"\n          d=\"M22.369 17.676c-1.387 1.259-3.17 2.378-5.332 3.417.044.03.086.057.13.083l.018.01.019.012c.216.123.42.184.641.184.222 0 .426-.061.642-.184l.018-.011.019-.011c.14-.084.266-.178.492-.366l.178-.148c.279-.232.426-.342.625-.456.304-.174.612-.266.949-.266.337 0 .645.092.949.266l.023.014c.188.109.334.219.602.442l.178.148c.221.184.346.278.483.36l.028.017.018.01c.21.12.407.181.62.185h.022a.31.31 0 110 .618c-.337 0-.645-.092-.95-.266a3.137 3.137 0 01-.09-.054l-.022-.014-.022-.013-.02-.014a5.356 5.356 0 01-.49-.377l-.159-.132a3.836 3.836 0 00-.483-.36l-.027-.017-.019-.01a1.256 1.256 0 00-.641-.185c-.222 0-.426.061-.641.184l-.02.011-.018.011c-.14.084-.266.178-.492.366l-.158.132a5.125 5.125 0 01-.51.39l-.022.014-.022.014-.09.054a1.868 1.868 0 01-.95.266c-.337 0-.644-.092-.949-.266a3.137 3.137 0 01-.09-.054l-.022-.014-.022-.013-.026-.017a4.881 4.881 0 01-.425-.325.308.308 0 01-.12-.1l-.098-.081a3.836 3.836 0 00-.483-.36l-.027-.017-.019-.01a1.256 1.256 0 00-.641-.185c-.222 0-.426.061-.642.184l-.018.011-.019.011c-.14.084-.266.178-.492.366l-.158.132a5.125 5.125 0 01-.51.39l-.023.014-.022.014-.09.054A1.868 1.868 0 0112 22c-.337 0-.645-.092-.949-.266a3.137 3.137 0 01-.09-.054l-.022-.014-.022-.013-.021-.014a5.356 5.356 0 01-.49-.377l-.158-.132a3.836 3.836 0 00-.483-.36l-.028-.017-.018-.01a1.256 1.256 0 00-.642-.185c-.221 0-.425.061-.641.184l-.019.011-.018.011c-.141.084-.266.178-.492.366l-.158.132a5.125 5.125 0 01-.511.39l-.022.014-.022.014-.09.054a1.868 1.868 0 01-.986.264c-.746-.09-1.319-.38-1.89-.866l-.035-.03c-.047-.041-.118-.106-.192-.174l-.196-.181-.107-.1-.011-.01a1.531 1.531 0 00-.336-.253.313.313 0 00-.095-.03h-.005c-.119.022-.238.059-.361.11a.308.308 0 01-.077.061l-.008.005a.309.309 0 01-.126.034 5.66 5.66 0 00-.774.518l-.416.324-.055.043a6.542 6.542 0 01-.324.236c-.305.207-.552.315-.8.315a.31.31 0 01-.01-.618h.01c.09 0 .235-.062.438-.198l.04-.027c.077-.054.163-.117.27-.199l.385-.301.06-.047c.268-.206.506-.373.73-.505l-.633-1.21a.309.309 0 01.254-.451l20.287-1.305a.309.309 0 01.228.537zm-1.118.14L2.369 19.03l.423.809c.128-.045.256-.078.388-.1a.31.31 0 01.052-.005c.132 0 .26.032.386.093.153.073.294.179.483.35l.016.015.092.086.144.134.097.089c.065.06.125.114.16.144.485.418.948.658 1.554.736h.011a1.25 1.25 0 00.6-.172l.021-.011.019-.011.018-.011c.141-.084.266-.178.492-.366l.178-.148c.279-.232.426-.342.625-.456.305-.174.612-.266.95-.266.336 0 .644.092.948.266l.023.014c.188.109.335.219.603.442l.177.148c.222.184.346.278.484.36l.027.017.019.01c.215.124.42.185.641.185.222 0 .426-.061.641-.184l.019-.011.018-.011c.141-.084.267-.178.493-.366l.177-.148c.28-.232.427-.342.626-.456.304-.174.612-.266.949-.266.337 0 .644.092.949.266l.025.015c.187.109.334.22.603.443 1.867-.878 3.448-1.811 4.73-2.832l.02-.016z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nBrandMidJourneyIcon.displayName = \"BrandMidJourneyIcon\";\nexport default BrandMidJourneyIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAsB,GAExB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,KAAM,eAAY,MACrE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAY9B,AAVA,EACE,qBACA;GACE,QAAQ;IAAC;IAAG;IAAG;IAAI;GAAC;GACpB,GAAG;IAAC;IAAG;IAAM;IAAK;GAAC;EACrB,GACA;GAAE,UAAU;GAAG,QAAQ;GAAU,MAAM;EAAY,CACrD,GAGA,EACE,qBACA;GACE,GAAG;IAAC;IAAG;IAAK;IAAM;GAAC;GACnB,QAAQ;IAAC;IAAG;IAAM;IAAM;GAAC;EAC3B,GACA;GAAE,UAAU;GAAK,QAAQ;GAAU,MAAM;EAAY,CACvD;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAE7B,AADA,EAAQ,qBAAqB;GAAE,QAAQ;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACnE,EAAQ,qBAAqB;GAAE,GAAG;GAAG,QAAQ;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACrE,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACM;EACX,OAAM;EACN,cAAc;EACd,YAAY;EATd,UAAA;GAWE,kBAAC,SAAD,EAAA,UAAO,aAAiB,CAAA;GAGxB,kBAAC,EAAO,GAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAgB;IAEpE,UAAA,kBAAC,QAAD;KACE,MAAM;KACN,QAAQ;KACK;KACb,gBAAe;KACf,GAAE;IACH,CAAA;GACO,CAAA;GAGV,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAC7D,MAAM;IACN,QAAQ;IACK;IACb,gBAAe;IACf,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAoB,cAAc"}

package/dist/animations/brand-nextjs-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const BrandNextjsIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default BrandNextjsIcon;
+//# sourceMappingURL=brand-nextjs-icon.d.ts.map

package/dist/animations/brand-nextjs-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-nextjs-icon.d.ts","sourceRoot":"","sources":["../../src/animations/brand-nextjs-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,eAAe,kHA0EpB,CAAC;AAIF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,79 @@
+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";
+//#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 () => {
+		await d(".circle", {
+			pathLength: 0,
+			opacity: 0
+		}, { duration: 0 }), await d(".line", {
+			pathLength: 0,
+			opacity: 0
+		}, { duration: 0 }), await d(".circle", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, { duration: 1.5 }), await d(".line", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, { duration: .4 });
+	}, p = () => {
+		d(".circle", {
+			pathLength: 1,
+			opacity: 1
+		}, { duration: .2 }), d(".line", {
+			pathLength: 1,
+			opacity: 1
+		}, { duration: .2 });
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a("svg", {
+		ref: u,
+		onMouseEnter: () => {
+			f();
+		},
+		onMouseLeave: () => {
+			p();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: o,
+		strokeWidth: s,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `icon icon-tabler icons-tabler-outline icon-tabler-brand-nextjs cursor-pointer ${c}`,
+		children: [
+			/* @__PURE__ */ i("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "circle",
+				d: "M9 15v-6l7.745 10.65a9 9 0 1 1 2.255 -1.993",
+				initial: {
+					pathLength: 1,
+					opacity: 1
+				}
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "line",
+				d: "M15 12v-3",
+				initial: {
+					pathLength: 1,
+					opacity: 1
+				}
+			})
+		]
+	});
+});
+o.displayName = "BrandNextjsIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=brand-nextjs-icon.js.map

package/dist/animations/brand-nextjs-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-nextjs-icon.js","names":[],"sources":["../../src/animations/brand-nextjs-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandNextjsIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      await animate(\".circle\", { pathLength: 0, opacity: 0 }, { duration: 0 });\n      await animate(\".line\", { pathLength: 0, opacity: 0 }, { duration: 0 });\n\n      await animate(\n        \".circle\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 1.5 },\n      );\n\n      await animate(\n        \".line\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.4 },\n      );\n    };\n\n    const stop = () => {\n      animate(\".circle\", { pathLength: 1, opacity: 1 }, { duration: 0.2 });\n      animate(\".line\", { pathLength: 1, opacity: 1 }, { duration: 0.2 });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <svg\n        ref={scope}\n        onMouseEnter={handleHoverStart}\n        onMouseLeave={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`icon icon-tabler icons-tabler-outline icon-tabler-brand-nextjs cursor-pointer ${className}`}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"circle\"\n          d=\"M9 15v-6l7.745 10.65a9 9 0 1 1 2.255 -1.993\"\n          initial={{ pathLength: 1, opacity: 1 }}\n        />\n        <motion.path\n          className=\"line\"\n          d=\"M15 12v-3\"\n          initial={{ pathLength: 1, opacity: 1 }}\n        />\n      </svg>\n    );\n  },\n);\n\nBrandNextjsIcon.displayName = \"BrandNextjsIcon\";\n\nexport default BrandNextjsIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAkB,GAEpB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAUxB,AATA,MAAM,EAAQ,WAAW;GAAE,YAAY;GAAG,SAAS;EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,GACvE,MAAM,EAAQ,SAAS;GAAE,YAAY;GAAG,SAAS;EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,GAErE,MAAM,EACJ,WACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC,EAAE,UAAU,IAAI,CAClB,GAEA,MAAM,EACJ,SACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC,EAAE,UAAU,GAAI,CAClB;CACF,GAEM,UAAa;EAEjB,AADA,EAAQ,WAAW;GAAE,YAAY;GAAG,SAAS;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACnE,EAAQ,SAAS;GAAE,YAAY;GAAG,SAAS;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACnE;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,OAAD;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,oBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,iFAAiF;EAb9F,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,SAAS;KAAE,YAAY;KAAG,SAAS;IAAE;GACtC,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,SAAS;KAAE,YAAY;KAAG,SAAS;IAAE;GACtC,CAAA;EACE;;AAET,CACF;AAEA,EAAgB,cAAc"}

package/dist/animations/brand-notion-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const BrandNotionIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default BrandNotionIcon;
+//# sourceMappingURL=brand-notion-icon.d.ts.map

package/dist/animations/brand-notion-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-notion-icon.d.ts","sourceRoot":"","sources":["../../src/animations/brand-notion-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,eAAe,kHA+DpB,CAAC;AAGF,eAAe,eAAe,CAAC"}