nfx-ui 0.17.0 → 0.22.0

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

@@ -0,0 +1,90 @@
+"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/bluetooth-connected-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".bluetooth-symbol", { scale: [
+			1,
+			1.1,
+			1
+		] }, {
+			duration: .6,
+			ease: "easeInOut"
+		}), d(".connection-dot", {
+			scale: [
+				1,
+				1.5,
+				1
+			],
+			opacity: [
+				1,
+				.5,
+				1
+			]
+		}, {
+			duration: .8,
+			delay: (e) => e * .2,
+			ease: "easeInOut"
+		});
+	}, p = async () => {
+		d(".bluetooth-symbol", { scale: 1 }, {
+			duration: .3,
+			ease: "easeInOut"
+		}), d(".connection-dot", {
+			scale: 1,
+			opacity: 1
+		}, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(n.svg, {
+		ref: u,
+		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: `cursor-pointer ${c}`,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		children: [
+			/* @__PURE__ */ i("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "bluetooth-symbol",
+				d: "M7 8l10 8l-5 4l0 -16l5 4l-10 8",
+				style: { transformOrigin: "50% 50%" }
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "connection-dot",
+				d: "M4 12l1 0"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "connection-dot",
+				d: "M18 12l1 0"
+			})
+		]
+	});
+});
+o.displayName = "BluetoothConnectedIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=bluetooth-connected-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bluetooth-connected-icon.js","names":[],"sources":["../../src/animations/bluetooth-connected-icon.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BluetoothConnectedIcon = forwardRef<\n  AnimatedIconHandle,\n  AnimatedIconProps\n>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      // Pulse the bluetooth symbol\n      animate(\n        \".bluetooth-symbol\",\n        {\n          scale: [1, 1.1, 1],\n        },\n        {\n          duration: 0.6,\n          ease: \"easeInOut\",\n        },\n      );\n\n      // Animate connection dots\n      animate(\n        \".connection-dot\",\n        {\n          scale: [1, 1.5, 1],\n          opacity: [1, 0.5, 1],\n        },\n        {\n          duration: 0.8,\n          delay: (i) => i * 0.2,\n          ease: \"easeInOut\",\n        },\n      );\n    };\n\n    const stop = async () => {\n      animate(\n        \".bluetooth-symbol\",\n        {\n          scale: 1,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeInOut\",\n        },\n      );\n\n      animate(\n        \".connection-dot\",\n        {\n          scale: 1,\n          opacity: 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=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        {/* Bluetooth symbol */}\n        <motion.path\n          className=\"bluetooth-symbol\"\n          d=\"M7 8l10 8l-5 4l0 -16l5 4l-10 8\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        />\n\n        {/* Connection dots */}\n        <motion.path className=\"connection-dot\" d=\"M4 12l1 0\" />\n        <motion.path className=\"connection-dot\" d=\"M18 12l1 0\" />\n      </motion.svg>\n    );\n  },\n);\n\nBluetoothConnectedIcon.displayName = \"BluetoothConnectedIcon\";\n\nexport default BluetoothConnectedIcon;\n"],"mappings":";;;;;AAKA,IAAM,IAAyB,GAK3B,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAcxB,AAZA,EACE,qBACA,EACE,OAAO;GAAC;GAAG;GAAK;EAAC,EACnB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAGA,EACE,mBACA;GACE,OAAO;IAAC;IAAG;IAAK;GAAC;GACjB,SAAS;IAAC;IAAG;IAAK;GAAC;EACrB,GACA;GACE,UAAU;GACV,QAAQ,MAAM,IAAI;GAClB,MAAM;EACR,CACF;CACF,GAEM,IAAO,YAAY;EAYvB,AAXA,EACE,qBACA,EACE,OAAO,EACT,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,mBACA;GACE,OAAO;GACP,SAAS;EACX,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,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,oBArB2B;GAC7B,EAAM;EACR;EAoBI,kBAlByB;GAC3B,EAAK;EACP;EAGE,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAGnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,UAAU;GACrC,CAAA;GAGD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAiB,GAAE;GAAa,CAAA;GACvD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAiB,GAAE;GAAc,CAAA;EAC9C;;AAEhB,CACF;AAEA,EAAuB,cAAc"}

package/dist/animations/book-icon.d.ts

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

package/dist/animations/book-icon.d.ts.map

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

package/dist/animations/book-icon.js

@@ -0,0 +1,91 @@
+import { scaledStrokeWidth as e } from "./types.js";
+import { forwardRef as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/book-icon.tsx
+var s = t(({ size: t = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = async () => {
+		await f(".book-line", {
+			pathLength: 0,
+			opacity: 0
+		}, { duration: 0 }), await f(".book-line-1", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .3,
+			ease: "easeInOut",
+			delay: .1
+		}), await f(".book-line-2", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .3,
+			ease: "easeInOut",
+			delay: .05
+		}), await f(".book-line-3", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .3,
+			ease: "easeInOut",
+			delay: .05
+		});
+	}, m = () => {
+		f(".book-line", {
+			pathLength: 1,
+			opacity: 1
+		}, { duration: .2 });
+	};
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ a(r.div, {
+		ref: d,
+		onHoverStart: () => {
+			p();
+		},
+		onHoverEnd: () => {
+			m();
+		},
+		className: `inline-flex cursor-pointer ${l}`,
+		children: /* @__PURE__ */ o("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: t,
+			height: t,
+			viewBox: "0 0 48 48",
+			fill: "none",
+			stroke: s,
+			strokeWidth: e(c, 48),
+			strokeMiterlimit: "10",
+			strokeLinecap: "square",
+			children: [
+				/* @__PURE__ */ a(r.path, {
+					className: "book-spine",
+					d: "M24 40.5V41L24 10V10.5"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "book-cover",
+					style: { transformOrigin: "24px 25px" },
+					d: "M24 41C31.0005 36.9995 37.9995 36.9995 45 41V10.0003C37.9995 5.99989 31.0005 5.99989 24 10.0003C16.9995 5.99989 10.0005 5.99989 3 10.0003V41C10.0005 36.9995 16.9995 36.9995 24 41Z"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "book-line book-line-1",
+					d: "M30 16.5C32.8362 15.1345 36.5662 15.06 39.5 16.2763"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "book-line book-line-2",
+					d: "M30 23.5832C32.8362 22.2178 36.5662 22.1432 39.5 23.3596"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "book-line book-line-3",
+					d: "M30 30.6665C32.8362 29.301 36.5662 29.2265 39.5 30.4428"
+				})
+			]
+		})
+	});
+});
+s.displayName = "BookIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=book-icon.js.map

package/dist/animations/book-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"book-icon.js","names":[],"sources":["../../src/animations/book-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { scaledStrokeWidth } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BookIcon = 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(\n        \".book-line\",\n        { pathLength: 0, opacity: 0 },\n        { duration: 0 },\n      );\n\n      await animate(\n        \".book-line-1\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.3, ease: \"easeInOut\", delay: 0.1 },\n      );\n\n      await animate(\n        \".book-line-2\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.3, ease: \"easeInOut\", delay: 0.05 },\n      );\n\n      await animate(\n        \".book-line-3\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.3, ease: \"easeInOut\", delay: 0.05 },\n      );\n    };\n\n    const stop = () => {\n      animate(\".book-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      <motion.div\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        className={`inline-flex cursor-pointer ${className}`}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width={size}\n          height={size}\n          viewBox=\"0 0 48 48\"\n          fill=\"none\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 48)}\n          strokeMiterlimit=\"10\"\n          strokeLinecap=\"square\"\n        >\n          <motion.path className=\"book-spine\" d=\"M24 40.5V41L24 10V10.5\" />\n\n          <motion.path\n            className=\"book-cover\"\n            style={{ transformOrigin: \"24px 25px\" }}\n            d=\"M24 41C31.0005 36.9995 37.9995 36.9995 45 41V10.0003C37.9995 5.99989 31.0005 5.99989 24 10.0003C16.9995 5.99989 10.0005 5.99989 3 10.0003V41C10.0005 36.9995 16.9995 36.9995 24 41Z\"\n          />\n\n          <motion.path\n            className=\"book-line book-line-1\"\n            d=\"M30 16.5C32.8362 15.1345 36.5662 15.06 39.5 16.2763\"\n          />\n\n          <motion.path\n            className=\"book-line book-line-2\"\n            d=\"M30 23.5832C32.8362 22.2178 36.5662 22.1432 39.5 23.3596\"\n          />\n\n          <motion.path\n            className=\"book-line book-line-3\"\n            d=\"M30 30.6665C32.8362 29.301 36.5662 29.2265 39.5 30.4428\"\n          />\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nBookIcon.displayName = \"BookIcon\";\n\nexport default BookIcon;\n"],"mappings":";;;;;AAKA,IAAM,IAAW,GAEb,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAmBxB,AAlBA,MAAM,EACJ,cACA;GAAE,YAAY;GAAG,SAAS;EAAE,GAC5B,EAAE,UAAU,EAAE,CAChB,GAEA,MAAM,EACJ,gBACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;GAAa,OAAO;EAAI,CACjD,GAEA,MAAM,EACJ,gBACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;GAAa,OAAO;EAAK,CAClD,GAEA,MAAM,EACJ,gBACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;GAAa,OAAO;EAAK,CAClD;CACF,GAEM,UAAa;EACjB,EAAQ,cAAc;GAAE,YAAY;GAAG,SAAS;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACxE;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,WAAW,8BAA8B;EAEzC,UAAA,kBAAC,OAAD;GACE,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACR,aAAa,EAAkB,GAAa,EAAE;GAC9C,kBAAiB;GACjB,eAAc;GAThB,UAAA;IAWE,kBAAC,EAAO,MAAR;KAAa,WAAU;KAAa,GAAE;IAA0B,CAAA;IAEhE,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,OAAO,EAAE,iBAAiB,YAAY;KACtC,GAAE;IACH,CAAA;IAED,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;IACH,CAAA;IAED,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;IACH,CAAA;IAED,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;IACH,CAAA;GACE;;CACK,CAAA;AAEhB,CACF;AAEA,EAAS,cAAc"}

package/dist/animations/bookmark-icon.d.ts

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

package/dist/animations/bookmark-icon.d.ts.map

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

package/dist/animations/bookmark-icon.js

@@ -0,0 +1,58 @@
+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";
+//#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 () => {
+		await d(".bookmark-body", {
+			scaleY: .9,
+			y: 2
+		}, {
+			duration: .18,
+			ease: "easeOut"
+		});
+	}, p = async () => {
+		await d(".bookmark-body", {
+			scaleY: 1,
+			y: 0
+		}, {
+			duration: .18,
+			ease: "easeInOut"
+		});
+	};
+	return n(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(r.div, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		className: `inline-flex cursor-pointer ${c}`,
+		children: /* @__PURE__ */ a("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: t,
+			height: t,
+			viewBox: "0 0 48 48",
+			fill: "none",
+			stroke: o,
+			strokeWidth: e(s, 48),
+			strokeMiterlimit: "10",
+			strokeLinecap: "square",
+			children: /* @__PURE__ */ a(r.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"
+			})
+		})
+	});
+});
+o.displayName = "BookmarkIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=bookmark-icon.js.map

package/dist/animations/bookmark-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bookmark-icon.js","names":[],"sources":["../../src/animations/bookmark-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { scaledStrokeWidth } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BookmarkIcon = 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(\n        \".bookmark-body\",\n        {\n          scaleY: 0.9,\n          y: 2,\n        },\n        {\n          duration: 0.18,\n          ease: \"easeOut\",\n        },\n      );\n    };\n\n    const stop = async () => {\n      await animate(\n        \".bookmark-body\",\n        {\n          scaleY: 1,\n          y: 0,\n        },\n        {\n          duration: 0.18,\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.div\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        className={`inline-flex cursor-pointer ${className}`}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width={size}\n          height={size}\n          viewBox=\"0 0 48 48\"\n          fill=\"none\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 48)}\n          strokeMiterlimit=\"10\"\n          strokeLinecap=\"square\"\n        >\n          <motion.path\n            className=\"bookmark-body\"\n            style={{ transformOrigin: \"50% 20%\" }}\n            d=\"M24 34L41 44V8C41 5.23858 38.7614 3 36 3H12C9.23858 3 7 5.23858 7 8V44L24 34Z\"\n          />\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nBookmarkIcon.displayName = \"BookmarkIcon\";\n\nexport default BookmarkIcon;\n"],"mappings":";;;;;AAKA,IAAM,IAAe,GAEjB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,MAAM,EACJ,kBACA;GACE,QAAQ;GACR,GAAG;EACL,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAEM,IAAO,YAAY;EACvB,MAAM,EACJ,kBACA;GACE,QAAQ;GACR,GAAG;EACL,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,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,WAAW,8BAA8B;EAEzC,UAAA,kBAAC,OAAD;GACE,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACR,aAAa,EAAkB,GAAa,EAAE;GAC9C,kBAAiB;GACjB,eAAc;GAEd,UAAA,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;IACpC,GAAE;GACH,CAAA;EACE,CAAA;CACK,CAAA;AAEhB,CACF;AAEA,EAAa,cAAc"}

package/dist/animations/brain-circuit-icon.d.ts

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

package/dist/animations/brain-circuit-icon.d.ts.map

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

package/dist/animations/brain-circuit-icon.js

@@ -0,0 +1,142 @@
+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/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(() => {
+		f(".brain-outline", { opacity: [
+			1,
+			.7,
+			1
+		] }, {
+			duration: 2,
+			repeat: Infinity,
+			ease: "easeInOut"
+		}), f(".circuit-line", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .6,
+			ease: "easeOut"
+		}), [
+			".terminal-1",
+			".terminal-2",
+			".terminal-3",
+			".terminal-4"
+		].forEach((e, t) => {
+			f(e, {
+				scale: [
+					1,
+					1.5,
+					1
+				],
+				opacity: [
+					.5,
+					1,
+					.5
+				]
+			}, {
+				duration: .8,
+				delay: .2 + t * .15,
+				repeat: Infinity,
+				repeatDelay: 1,
+				ease: "easeInOut"
+			});
+		});
+	}, [f]), m = t(() => {
+		f(".brain-outline", { opacity: 1 }, { duration: .3 }), f(".circuit-line", {
+			pathLength: 1,
+			opacity: 1
+		}, { duration: .3 }), f(".terminal", {
+			scale: 1,
+			opacity: 1
+		}, { duration: .3 });
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ a("div", {
+		className: `relative flex items-center justify-center ${l}`,
+		onMouseEnter: p,
+		onMouseLeave: m,
+		children: /* @__PURE__ */ o(r.svg, {
+			ref: d,
+			xmlns: "http://www.w3.org/2000/svg",
+			width: e,
+			height: e,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: s,
+			strokeWidth: c,
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [
+				/* @__PURE__ */ a(r.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, {
+					className: "circuit-line",
+					d: "M9 13a4.5 4.5 0 0 0 3-4"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "brain-outline",
+					d: "M6.003 5.125A3 3 0 0 0 6.401 6.5"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "brain-outline",
+					d: "M3.477 10.896a4 4 0 0 1 .585-.396"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "brain-outline",
+					d: "M6 18a4 4 0 0 1-1.967-.516"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "circuit-line",
+					d: "M12 13h4"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "circuit-line",
+					d: "M12 18h6a2 2 0 0 1 2 2v1"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "circuit-line",
+					d: "M12 8h8"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "circuit-line",
+					d: "M16 8V5a2 2 0 0 1 2-2"
+				}),
+				/* @__PURE__ */ a(r.circle, {
+					className: "terminal terminal-1",
+					cx: "16",
+					cy: "13",
+					r: ".5"
+				}),
+				/* @__PURE__ */ a(r.circle, {
+					className: "terminal terminal-2",
+					cx: "18",
+					cy: "3",
+					r: ".5"
+				}),
+				/* @__PURE__ */ a(r.circle, {
+					className: "terminal terminal-3",
+					cx: "20",
+					cy: "21",
+					r: ".5"
+				}),
+				/* @__PURE__ */ a(r.circle, {
+					className: "terminal terminal-4",
+					cx: "20",
+					cy: "8",
+					r: ".5"
+				})
+			]
+		})
+	});
+});
+s.displayName = "BrainCircuitIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=brain-circuit-icon.js.map

package/dist/animations/brain-circuit-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brain-circuit-icon.js","names":[],"sources":["../../src/animations/brain-circuit-icon.tsx"],"sourcesContent":["\"use strict\";\n\nimport { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrainCircuitIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const startAnimation = useCallback(() => {\n      // Brain outline subtle pulse\n      animate(\n        \".brain-outline\",\n        { opacity: [1, 0.7, 1] },\n        { duration: 2, repeat: Infinity, ease: \"easeInOut\" },\n      );\n\n      // Circuit lines drawing\n      animate(\n        \".circuit-line\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.6, ease: \"easeOut\" },\n      );\n\n      // Synaptic terminals pulsing in sequence\n      const terminals = [\n        \".terminal-1\",\n        \".terminal-2\",\n        \".terminal-3\",\n        \".terminal-4\",\n      ];\n      terminals.forEach((selector, index) => {\n        animate(\n          selector,\n          { scale: [1, 1.5, 1], opacity: [0.5, 1, 0.5] },\n          {\n            duration: 0.8,\n            delay: 0.2 + index * 0.15,\n            repeat: Infinity,\n            repeatDelay: 1,\n            ease: \"easeInOut\",\n          },\n        );\n      });\n    }, [animate]);\n\n    const stopAnimation = useCallback(() => {\n      animate(\".brain-outline\", { opacity: 1 }, { duration: 0.3 });\n      animate(\n        \".circuit-line\",\n        { pathLength: 1, opacity: 1 },\n        { duration: 0.3 },\n      );\n      animate(\".terminal\", { scale: 1, opacity: 1 }, { duration: 0.3 });\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation,\n      stopAnimation,\n    }));\n\n    return (\n      <div\n        className={`relative flex items-center justify-center ${className}`}\n        onMouseEnter={startAnimation}\n        onMouseLeave={stopAnimation}\n      >\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=\"none\"\n          stroke={color}\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <motion.path\n            className=\"brain-outline\"\n            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\"\n          />\n          <motion.path className=\"circuit-line\" d=\"M9 13a4.5 4.5 0 0 0 3-4\" />\n          <motion.path\n            className=\"brain-outline\"\n            d=\"M6.003 5.125A3 3 0 0 0 6.401 6.5\"\n          />\n          <motion.path\n            className=\"brain-outline\"\n            d=\"M3.477 10.896a4 4 0 0 1 .585-.396\"\n          />\n          <motion.path\n            className=\"brain-outline\"\n            d=\"M6 18a4 4 0 0 1-1.967-.516\"\n          />\n          <motion.path className=\"circuit-line\" d=\"M12 13h4\" />\n          <motion.path className=\"circuit-line\" d=\"M12 18h6a2 2 0 0 1 2 2v1\" />\n          <motion.path className=\"circuit-line\" d=\"M12 8h8\" />\n          <motion.path className=\"circuit-line\" d=\"M16 8V5a2 2 0 0 1 2-2\" />\n          <motion.circle\n            className=\"terminal terminal-1\"\n            cx=\"16\"\n            cy=\"13\"\n            r=\".5\"\n          />\n          <motion.circle\n            className=\"terminal terminal-2\"\n            cx=\"18\"\n            cy=\"3\"\n            r=\".5\"\n          />\n          <motion.circle\n            className=\"terminal terminal-3\"\n            cx=\"20\"\n            cy=\"21\"\n            r=\".5\"\n          />\n          <motion.circle\n            className=\"terminal terminal-4\"\n            cx=\"20\"\n            cy=\"8\"\n            r=\".5\"\n          />\n        </motion.svg>\n      </div>\n    );\n  },\n);\n\nBrainCircuitIcon.displayName = \"BrainCircuitIcon\";\n\nexport default BrainCircuitIcon;\n"],"mappings":";;;;AAMA,IAAM,IAAmB,GAErB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAiB,QAAkB;EAsBvC,AApBA,EACE,kBACA,EAAE,SAAS;GAAC;GAAG;GAAK;EAAC,EAAE,GACvB;GAAE,UAAU;GAAG,QAAQ;GAAU,MAAM;EAAY,CACrD,GAGA,EACE,iBACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GASA;GALE;GACA;GACA;GACA;EAEF,CAAA,CAAU,SAAS,GAAU,MAAU;GACrC,EACE,GACA;IAAE,OAAO;KAAC;KAAG;KAAK;IAAC;IAAG,SAAS;KAAC;KAAK;KAAG;IAAG;GAAE,GAC7C;IACE,UAAU;IACV,OAAO,KAAM,IAAQ;IACrB,QAAQ;IACR,aAAa;IACb,MAAM;GACR,CACF;EACF,CAAC;CACH,GAAG,CAAC,CAAO,CAAC,GAEN,IAAgB,QAAkB;EAOtC,AANA,EAAQ,kBAAkB,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GAC3D,EACE,iBACA;GAAE,YAAY;GAAG,SAAS;EAAE,GAC5B,EAAE,UAAU,GAAI,CAClB,GACA,EAAQ,aAAa;GAAE,OAAO;GAAG,SAAS;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CAClE,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B;EACA;CACF,EAAE,GAGA,kBAAC,OAAD;EACE,WAAW,6CAA6C;EACxD,cAAc;EACd,cAAc;EAEd,UAAA,kBAAC,EAAO,KAAR;GACE,KAAK;GACL,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACK;GACb,eAAc;GACd,gBAAe;GAVjB,UAAA;IAYE,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,kBAAC,EAAO,MAAR;KAAa,WAAU;KAAe,GAAE;IAA2B,CAAA;IACnE,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,kBAAC,EAAO,MAAR;KAAa,WAAU;KAAe,GAAE;IAAY,CAAA;IACpD,kBAAC,EAAO,MAAR;KAAa,WAAU;KAAe,GAAE;IAA4B,CAAA;IACpE,kBAAC,EAAO,MAAR;KAAa,WAAU;KAAe,GAAE;IAAW,CAAA;IACnD,kBAAC,EAAO,MAAR;KAAa,WAAU;KAAe,GAAE;IAAyB,CAAA;IACjE,kBAAC,EAAO,QAAR;KACE,WAAU;KACV,IAAG;KACH,IAAG;KACH,GAAE;IACH,CAAA;IACD,kBAAC,EAAO,QAAR;KACE,WAAU;KACV,IAAG;KACH,IAAG;KACH,GAAE;IACH,CAAA;IACD,kBAAC,EAAO,QAAR;KACE,WAAU;KACV,IAAG;KACH,IAAG;KACH,GAAE;IACH,CAAA;IACD,kBAAC,EAAO,QAAR;KACE,WAAU;KACV,IAAG;KACH,IAAG;KACH,GAAE;IACH,CAAA;GACS;;CACT,CAAA;AAET,CACF;AAEA,EAAiB,cAAc"}

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

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

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

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

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

@@ -0,0 +1,88 @@
+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";
+//#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 = () => {
+		if (!p.current || !m.current) return {
+			x: 0,
+			y: 0
+		};
+		let e = p.current.getBBox(), t = m.current.getBBox(), n = e.x + e.width / 2, r = e.y + e.height / 2, i = t.x + t.width / 2, a = t.y + t.height / 2;
+		return {
+			x: n - i,
+			y: r - a
+		};
+	}, g = t(() => {
+		let { x: e, y: t } = h();
+		f(".google-spark", {
+			x: e,
+			y: t,
+			scale: .9
+		}, {
+			duration: .35,
+			ease: "easeInOut"
+		}), f(".google-frame", { scale: .94 }, {
+			duration: .35,
+			ease: "easeInOut"
+		});
+	}, [f]), _ = t(() => {
+		f(".google-spark", {
+			x: 0,
+			y: 0,
+			scale: 1
+		}, {
+			duration: .3,
+			ease: "easeInOut"
+		}), f(".google-frame", { scale: 1 }, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: g,
+		stopAnimation: _
+	}), [g, _]), /* @__PURE__ */ s(i.svg, {
+		ref: d,
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: c,
+		className: l,
+		xmlns: "http://www.w3.org/2000/svg",
+		onHoverStart: g,
+		onHoverEnd: _,
+		children: [
+			/* @__PURE__ */ o("title", { children: "Google AI Studio" }),
+			/* @__PURE__ */ o(i.g, {
+				ref: p,
+				className: "google-frame",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				children: /* @__PURE__ */ o("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, {
+				ref: m,
+				className: "google-spark",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				children: /* @__PURE__ */ o("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"
+				})
+			})
+		]
+	});
+});
+c.displayName = "BrandAiStudioIcon";
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=brand-aistudio-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"brand-aistudio-icon.js","names":[],"sources":["../../src/animations/brand-aistudio-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback, useRef } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandAiStudioIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  ({ size = 24, color = \"currentColor\", className = \"\" }, ref) => {\n    const [scope, animate] = useAnimate();\n\n    const frameRef = useRef<SVGGElement | null>(null);\n    const sparkRef = useRef<SVGGElement | null>(null);\n\n    const getSparkCenterOffset = () => {\n      if (!frameRef.current || !sparkRef.current) return { x: 0, y: 0 };\n\n      const frame = frameRef.current.getBBox();\n      const spark = sparkRef.current.getBBox();\n\n      const frameCenterX = frame.x + frame.width / 2;\n      const frameCenterY = frame.y + frame.height / 2;\n\n      const sparkCenterX = spark.x + spark.width / 2;\n      const sparkCenterY = spark.y + spark.height / 2;\n\n      return {\n        x: frameCenterX - sparkCenterX,\n        y: frameCenterY - sparkCenterY,\n      };\n    };\n\n    const start = useCallback(() => {\n      const { x, y } = getSparkCenterOffset();\n\n      // Move Gemini into the IDE\n      animate(\n        \".google-spark\",\n        { x, y, scale: 0.9 },\n        { duration: 0.35, ease: \"easeInOut\" },\n      );\n\n      // Pull the frame inward slightly so it \"closes\"\n      animate(\n        \".google-frame\",\n        { scale: 0.94 },\n        { duration: 0.35, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".google-spark\",\n        { x: 0, y: 0, scale: 1 },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n\n      animate(\n        \".google-frame\",\n        { scale: 1 },\n        { duration: 0.3, ease: \"easeInOut\" },\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        className={className}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <title>Google AI Studio</title>\n\n        {/* Frame */}\n        <motion.g\n          ref={frameRef}\n          className=\"google-frame\"\n          style={{\n            transformBox: \"fill-box\",\n            transformOrigin: \"center\",\n          }}\n        >\n          <path\n            fillRule=\"evenodd\"\n            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\"\n          />\n        </motion.g>\n\n        {/* Gemini sparkle */}\n        <motion.g\n          ref={sparkRef}\n          className=\"google-spark\"\n          style={{\n            transformBox: \"fill-box\",\n            transformOrigin: \"center\",\n          }}\n        >\n          <path\n            fillRule=\"evenodd\"\n            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\"\n          />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nBrandAiStudioIcon.displayName = \"BrandAiStudioIcon\";\nexport default BrandAiStudioIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAoB,GACvB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,eAAY,MAAM,MAAQ;CAC9D,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAW,EAA2B,IAAI,GAC1C,IAAW,EAA2B,IAAI,GAE1C,UAA6B;EACjC,IAAI,CAAC,EAAS,WAAW,CAAC,EAAS,SAAS,OAAO;GAAE,GAAG;GAAG,GAAG;EAAE;EAEhE,IAAM,IAAQ,EAAS,QAAQ,QAAQ,GACjC,IAAQ,EAAS,QAAQ,QAAQ,GAEjC,IAAe,EAAM,IAAI,EAAM,QAAQ,GACvC,IAAe,EAAM,IAAI,EAAM,SAAS,GAExC,IAAe,EAAM,IAAI,EAAM,QAAQ,GACvC,IAAe,EAAM,IAAI,EAAM,SAAS;EAE9C,OAAO;GACL,GAAG,IAAe;GAClB,GAAG,IAAe;EACpB;CACF,GAEM,IAAQ,QAAkB;EAC9B,IAAM,EAAE,MAAG,SAAM,EAAqB;EAUtC,AAPA,EACE,iBACA;GAAE;GAAG;GAAG,OAAO;EAAI,GACnB;GAAE,UAAU;GAAM,MAAM;EAAY,CACtC,GAGA,EACE,iBACA,EAAE,OAAO,IAAK,GACd;GAAE,UAAU;GAAM,MAAM;EAAY,CACtC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAO7B,AANA,EACE,iBACA;GAAE,GAAG;GAAG,GAAG;GAAG,OAAO;EAAE,GACvB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GAEA,EACE,iBACA,EAAE,OAAO,EAAE,GACX;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;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;EACK;EACX,OAAM;EACN,cAAc;EACd,YAAY;EATd,UAAA;GAWE,kBAAC,SAAD,EAAA,UAAO,mBAAuB,CAAA;GAG9B,kBAAC,EAAO,GAAR;IACE,KAAK;IACL,WAAU;IACV,OAAO;KACL,cAAc;KACd,iBAAiB;IACnB;IAEA,UAAA,kBAAC,QAAD;KACE,UAAS;KACT,GAAE;IACH,CAAA;GACO,CAAA;GAGV,kBAAC,EAAO,GAAR;IACE,KAAK;IACL,WAAU;IACV,OAAO;KACL,cAAc;KACd,iBAAiB;IACnB;IAEA,UAAA,kBAAC,QAAD;KACE,UAAS;KACT,GAAE;IACH,CAAA;GACO,CAAA;EACA;;AAEhB,CACF;AAEA,EAAkB,cAAc"}

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

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

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

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

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

@@ -0,0 +1,60 @@
+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-anthropic-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) => {
+	let [u, d] = i(), f = t(() => {
+		d(".anthropic-i", {
+			rotateX: 22,
+			skewX: -22,
+			scaleY: 1.09
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [d]), p = t(() => {
+		d(".anthropic-i", {
+			rotateX: 0,
+			skewX: 0,
+			scaleY: 1
+		}, { duration: .2 });
+	}, [d]);
+	return n(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	}), [f, p]), /* @__PURE__ */ o(r.svg, {
+		ref: u,
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: s,
+		className: c,
+		xmlns: "http://www.w3.org/2000/svg",
+		onHoverStart: f,
+		onHoverEnd: p,
+		children: [
+			/* @__PURE__ */ a("title", { children: "Anthropic" }),
+			/* @__PURE__ */ a(r.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" })
+			}),
+			/* @__PURE__ */ a(r.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" })
+			})
+		]
+	});
+});
+s.displayName = "BrandAnthropicIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=brand-anthropic-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"brand-anthropic-icon.js","names":[],"sources":["../../src/animations/brand-anthropic-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandAnthropicIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  ({ size = 24, color = \"currentColor\", className = \"\" }, ref) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(() => {\n      // Simple scale pulse on the slash\n      animate(\n        \".anthropic-i\",\n        { rotateX: 22, skewX: -22, scaleY: 1.09 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".anthropic-i\",\n        { rotateX: 0, skewX: 0, scaleY: 1 },\n        { duration: 0.2 },\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        className={className}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <title>Anthropic</title>\n\n        {/* A */}\n        <motion.g\n          className=\"anthropic-a\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n        >\n          <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\" />\n        </motion.g>\n\n        {/* Backslash */}\n        <motion.g\n          className=\"anthropic-i\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n        >\n          <path d=\"M13.827 3.52h3.603L24 20h-3.603l-6.57-16.48z\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nBrandAnthropicIcon.displayName = \"BrandAnthropicIcon\";\nexport default BrandAnthropicIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAqB,GACxB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,eAAY,MAAM,MAAQ;CAC9D,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAE9B,EACE,gBACA;GAAE,SAAS;GAAI,OAAO;GAAK,QAAQ;EAAK,GACxC;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,gBACA;GAAE,SAAS;GAAG,OAAO;GAAG,QAAQ;EAAE,GAClC,EAAE,UAAU,GAAI,CAClB;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;EACK;EACX,OAAM;EACN,cAAc;EACd,YAAY;EATd,UAAA;GAWE,kBAAC,SAAD,EAAA,UAAO,YAAgB,CAAA;GAGvB,kBAAC,EAAO,GAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAE7D,UAAA,kBAAC,QAAD,EAAM,GAAE,wHAAyH,CAAA;GACzH,CAAA;GAGV,kBAAC,EAAO,GAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAE7D,UAAA,kBAAC,QAAD,EAAM,GAAE,+CAAgD,CAAA;GAChD,CAAA;EACA;;AAEhB,CACF;AAEA,EAAmB,cAAc"}

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

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