nfx-ui 0.17.0 → 0.22.0

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

@@ -0,0 +1,268 @@
+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-windows-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 1, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		await d("path:nth-of-type(2)", {
+			x: [
+				0,
+				8,
+				6
+			],
+			y: [
+				0,
+				-8,
+				-6
+			],
+			rotate: [
+				0,
+				15,
+				10
+			],
+			scale: [
+				1,
+				1.1,
+				1.05
+			]
+		}, {
+			duration: .4,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		}), d("path:nth-of-type(3)", {
+			x: [
+				0,
+				-8,
+				-6
+			],
+			y: [
+				0,
+				8,
+				6
+			],
+			rotate: [
+				0,
+				-15,
+				-10
+			],
+			scale: [
+				1,
+				1.1,
+				1.05
+			]
+		}, {
+			duration: .4,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		}), d("path:nth-of-type(4)", {
+			x: [
+				0,
+				-8,
+				-6
+			],
+			y: [
+				0,
+				-8,
+				-6
+			],
+			rotate: [
+				0,
+				-15,
+				-10
+			],
+			scale: [
+				1,
+				1.1,
+				1.05
+			]
+		}, {
+			duration: .4,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		}), await d("path:nth-of-type(5)", {
+			x: [
+				0,
+				8,
+				6
+			],
+			y: [
+				0,
+				8,
+				6
+			],
+			rotate: [
+				0,
+				15,
+				10
+			],
+			scale: [
+				1,
+				1.1,
+				1.05
+			]
+		}, {
+			duration: .4,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		}), await d(u.current, {
+			rotateY: [
+				0,
+				180,
+				360
+			],
+			scale: [
+				1,
+				1.15,
+				1
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut"
+		}), d("path:nth-of-type(2)", {
+			x: 0,
+			y: 0,
+			rotate: 0,
+			scale: 1
+		}, {
+			duration: .5,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		}), d("path:nth-of-type(3)", {
+			x: 0,
+			y: 0,
+			rotate: 0,
+			scale: 1
+		}, {
+			duration: .5,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		}), d("path:nth-of-type(4)", {
+			x: 0,
+			y: 0,
+			rotate: 0,
+			scale: 1
+		}, {
+			duration: .5,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		}), await d("path:nth-of-type(5)", {
+			x: 0,
+			y: 0,
+			rotate: 0,
+			scale: 1
+		}, {
+			duration: .5,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		}), await d(u.current, { scale: [
+			1,
+			1.08,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(u.current, {
+			rotateY: 0,
+			scale: 1
+		}, {
+			duration: .4,
+			ease: "easeOut"
+		}), d("path:nth-of-type(2)", {
+			x: 0,
+			y: 0,
+			rotate: 0,
+			scale: 1
+		}, { duration: .4 }), d("path:nth-of-type(3)", {
+			x: 0,
+			y: 0,
+			rotate: 0,
+			scale: 1
+		}, { duration: .4 }), d("path:nth-of-type(4)", {
+			x: 0,
+			y: 0,
+			rotate: 0,
+			scale: 1
+		}, { duration: .4 }), d("path:nth-of-type(5)", {
+			x: 0,
+			y: 0,
+			rotate: 0,
+			scale: 1
+		}, { duration: .4 });
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(n.svg, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: o,
+		stroke: o,
+		strokeWidth: s,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${c}`,
+		style: {
+			perspective: "1000px",
+			transformStyle: "preserve-3d"
+		},
+		children: [
+			/* @__PURE__ */ i("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ i(n.path, { d: "M21 13v5c0 1.57 -1.248 2.832 -2.715 2.923l-.113 .003l-.042 .018a1 1 0 0 1 -.336 .056l-.118 -.008l-4.676 -.585v-7.407z" }),
+			/* @__PURE__ */ i(n.path, { d: "M11 13v7.157l-5.3 -.662c-1.514 -.151 -2.7 -1.383 -2.7 -2.895v-3.6z" }),
+			/* @__PURE__ */ i(n.path, { d: "M11 3.842v7.158h-8v-3.6c0 -1.454 1.096 -2.648 2.505 -2.87z" }),
+			/* @__PURE__ */ i(n.path, { d: "M21 5.9v5.1h-8v-7.409l4.717 -.589c1.759 -.145 3.283 1.189 3.283 2.898" })
+		]
+	});
+});
+o.displayName = "BrandWindowsIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=brand-windows-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"brand-windows-icon.js","names":[],"sources":["../../src/animations/brand-windows-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandWindowsIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 1, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      // Stage 1: All windows explode outward (Windows key press!)\n      await animate(\n        \"path:nth-of-type(2)\", // Top-right\n        {\n          x: [0, 8, 6],\n          y: [0, -8, -6],\n          rotate: [0, 15, 10],\n          scale: [1, 1.1, 1.05],\n        },\n        { duration: 0.4, ease: [0.34, 1.56, 0.64, 1] },\n      );\n\n      animate(\n        \"path:nth-of-type(3)\", // Bottom-left\n        {\n          x: [0, -8, -6],\n          y: [0, 8, 6],\n          rotate: [0, -15, -10],\n          scale: [1, 1.1, 1.05],\n        },\n        { duration: 0.4, ease: [0.34, 1.56, 0.64, 1] },\n      );\n\n      animate(\n        \"path:nth-of-type(4)\", // Top-left\n        {\n          x: [0, -8, -6],\n          y: [0, -8, -6],\n          rotate: [0, -15, -10],\n          scale: [1, 1.1, 1.05],\n        },\n        { duration: 0.4, ease: [0.34, 1.56, 0.64, 1] },\n      );\n\n      await animate(\n        \"path:nth-of-type(5)\", // Bottom-right\n        {\n          x: [0, 8, 6],\n          y: [0, 8, 6],\n          rotate: [0, 15, 10],\n          scale: [1, 1.1, 1.05],\n        },\n        { duration: 0.4, ease: [0.34, 1.56, 0.64, 1] },\n      );\n\n      // Stage 2: 3D flip the entire icon\n      await animate(\n        scope.current,\n        {\n          rotateY: [0, 180, 360],\n          scale: [1, 1.15, 1],\n        },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n\n      // Stage 3: Windows snap back together with bounce\n      animate(\n        \"path:nth-of-type(2)\",\n        { x: 0, y: 0, rotate: 0, scale: 1 },\n        { duration: 0.5, ease: [0.34, 1.56, 0.64, 1] },\n      );\n\n      animate(\n        \"path:nth-of-type(3)\",\n        { x: 0, y: 0, rotate: 0, scale: 1 },\n        { duration: 0.5, ease: [0.34, 1.56, 0.64, 1] },\n      );\n\n      animate(\n        \"path:nth-of-type(4)\",\n        { x: 0, y: 0, rotate: 0, scale: 1 },\n        { duration: 0.5, ease: [0.34, 1.56, 0.64, 1] },\n      );\n\n      await animate(\n        \"path:nth-of-type(5)\",\n        { x: 0, y: 0, rotate: 0, scale: 1 },\n        { duration: 0.5, ease: [0.34, 1.56, 0.64, 1] },\n      );\n\n      // Stage 4: Final pulse\n      await animate(\n        scope.current,\n        {\n          scale: [1, 1.08, 1],\n        },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\n        scope.current,\n        { rotateY: 0, scale: 1 },\n        { duration: 0.4, ease: \"easeOut\" },\n      );\n      animate(\n        \"path:nth-of-type(2)\",\n        { x: 0, y: 0, rotate: 0, scale: 1 },\n        { duration: 0.4 },\n      );\n      animate(\n        \"path:nth-of-type(3)\",\n        { x: 0, y: 0, rotate: 0, scale: 1 },\n        { duration: 0.4 },\n      );\n      animate(\n        \"path:nth-of-type(4)\",\n        { x: 0, y: 0, rotate: 0, scale: 1 },\n        { duration: 0.4 },\n      );\n      animate(\n        \"path:nth-of-type(5)\",\n        { x: 0, y: 0, rotate: 0, scale: 1 },\n        { duration: 0.4 },\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        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill={color}\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{\n          perspective: \"1000px\",\n          transformStyle: \"preserve-3d\",\n        }}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path d=\"M21 13v5c0 1.57 -1.248 2.832 -2.715 2.923l-.113 .003l-.042 .018a1 1 0 0 1 -.336 .056l-.118 -.008l-4.676 -.585v-7.407z\" />\n        <motion.path d=\"M11 13v7.157l-5.3 -.662c-1.514 -.151 -2.7 -1.383 -2.7 -2.895v-3.6z\" />\n        <motion.path d=\"M11 3.842v7.158h-8v-3.6c0 -1.454 1.096 -2.648 2.505 -2.87z\" />\n        <motion.path d=\"M21 5.9v5.1h-8v-7.409l4.717 -.589c1.759 -.145 3.283 1.189 3.283 2.898\" />\n      </motion.svg>\n    );\n  },\n);\n\nBrandWindowsIcon.displayName = \"BrandWindowsIcon\";\n\nexport default BrandWindowsIcon;\n"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,61 @@
+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-wordpress-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(() => {
+		f(".wp-orbit-group", { rotate: 360 }, {
+			duration: 1,
+			ease: "easeInOut"
+		}), f(d.current, { scale: 1.02 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, [f, d]), m = t(() => {
+		f(".wp-orbit-group", { rotate: 0 }, {
+			duration: .5,
+			ease: "easeInOut"
+		}), f(d.current, { scale: 1 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, [f, d]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	}), [p, m]), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		onHoverStart: p,
+		onHoverEnd: m,
+		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",
+		className: `cursor-pointer ${l}`,
+		style: { overflow: "visible" },
+		children: [/* @__PURE__ */ o(r.g, {
+			className: "wp-orbit-group",
+			style: {
+				originX: "7px",
+				originY: "7px"
+			},
+			children: [
+				/* @__PURE__ */ a("path", { d: "M9.5 9h3" }),
+				/* @__PURE__ */ a("path", { d: "M4 9h2.5" }),
+				/* @__PURE__ */ a("path", { d: "M11 9l3 11l4 -9" }),
+				/* @__PURE__ */ a("path", { d: "M5.5 9l3.5 11l3 -7" }),
+				/* @__PURE__ */ a("path", { d: "M18 11c.177 -.528 1 -1.364 1 -2.5c0 -1.78 -.776 -2.5 -1.875 -2.5c-.898 0 -1.125 .812 -1.125 1.429c0 1.83 2 2.058 2 3.571" })
+			]
+		}), /* @__PURE__ */ a("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" })]
+	});
+});
+s.displayName = "BrandWordPressIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=brand-wordpress-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"brand-wordpress-icon.js","names":[],"sources":["../../src/animations/brand-wordpress-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandWordPressIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(() => {\n      // 1. Orbit Group Rotation: Rotate all internal elements together\n      animate(\n        \".wp-orbit-group\",\n        { rotate: 360 },\n        { duration: 1, ease: \"easeInOut\" },\n      );\n\n      // 2. Subtle pulse for the whole icon to feel alive\n      animate(\n        scope.current,\n        { scale: 1.02 },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n    }, [animate, scope]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".wp-orbit-group\",\n        { rotate: 0 },\n        { duration: 0.5, ease: \"easeInOut\" },\n      );\n      animate(scope.current, { scale: 1 }, { duration: 0.3, ease: \"easeOut\" });\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        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        style={{ overflow: \"visible\" }}\n      >\n        {/* Orbit Group: Everything except the circle */}\n        <motion.g\n          className=\"wp-orbit-group\"\n          style={{ originX: \"7px\", originY: \"7px\" }}\n        >\n          {/* Horizontal Bars */}\n          <path d=\"M9.5 9h3\" />\n          <path d=\"M4 9h2.5\" />\n\n          {/* W Segments */}\n          <path d=\"M11 9l3 11l4 -9\" />\n          <path d=\"M5.5 9l3.5 11l3 -7\" />\n\n          {/* Ink Flourish */}\n          <path d=\"M18 11c.177 -.528 1 -1.364 1 -2.5c0 -1.78 -.776 -2.5 -1.875 -2.5c-.898 0 -1.125 .812 -1.125 1.429c0 1.83 2 2.058 2 3.571\" />\n        </motion.g>\n\n        {/* Outer Circle (Static Orbit Path) */}\n        <path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" />\n      </motion.svg>\n    );\n  },\n);\n\nBrandWordPressIcon.displayName = \"BrandWordPressIcon\";\nexport default BrandWordPressIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAqB,GAEvB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAS9B,AAPA,EACE,mBACA,EAAE,QAAQ,IAAI,GACd;GAAE,UAAU;GAAG,MAAM;EAAY,CACnC,GAGA,EACE,EAAM,SACN,EAAE,OAAO,KAAK,GACd;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,GAAS,CAAK,CAAC,GAEb,IAAO,QAAkB;EAM7B,AALA,EACE,mBACA,EAAE,QAAQ,EAAE,GACZ;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EAAQ,EAAM,SAAS,EAAE,OAAO,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACzE,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,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAd/B,UAAA,CAiBE,kBAAC,EAAO,GAAR;GACE,WAAU;GACV,OAAO;IAAE,SAAS;IAAO,SAAS;GAAM;GAF1C,UAAA;IAKE,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;IACpB,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;IAGpB,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;IAC3B,kBAAC,QAAD,EAAM,GAAE,qBAAsB,CAAA;IAG9B,kBAAC,QAAD,EAAM,GAAE,2HAA4H,CAAA;GAC5H;EAGV,CAAA,GAAA,kBAAC,QAAD,EAAM,GAAE,uCAAwC,CAAA,CACtC;;AAEhB,CACF;AAEA,EAAmB,cAAc"}

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

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

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

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

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

@@ -0,0 +1,127 @@
+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-xai-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) => {
+	let [u, d] = i(), f = t(() => {
+		d(".xai-part-1", {
+			x: -4,
+			y: -2
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		}), d(".xai-part-2", {
+			x: -3,
+			y: 3
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		}), d(".xai-part-3", {
+			x: 4,
+			y: -3
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		}), d(".xai-part-4", {
+			x: 3,
+			y: 2
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		}), setTimeout(() => {
+			d(".xai-part-1", {
+				x: 0,
+				y: 0
+			}, {
+				duration: .3,
+				ease: "easeInOut"
+			}), d(".xai-part-2", {
+				x: 0,
+				y: 0
+			}, {
+				duration: .3,
+				ease: "easeInOut"
+			}), d(".xai-part-3", {
+				x: 0,
+				y: 0
+			}, {
+				duration: .3,
+				ease: "easeInOut"
+			}), d(".xai-part-4", {
+				x: 0,
+				y: 0
+			}, {
+				duration: .3,
+				ease: "easeInOut"
+			});
+		}, 250);
+	}, [d]), p = t(() => {
+		d(".xai-part-1", {
+			x: 0,
+			y: 0
+		}, { duration: .2 }), d(".xai-part-2", {
+			x: 0,
+			y: 0
+		}, { duration: .2 }), d(".xai-part-3", {
+			x: 0,
+			y: 0
+		}, { duration: .2 }), d(".xai-part-4", {
+			x: 0,
+			y: 0
+		}, { 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,
+		xmlns: "http://www.w3.org/2000/svg",
+		className: c,
+		onHoverStart: f,
+		onHoverEnd: p,
+		children: [
+			/* @__PURE__ */ a("title", { children: "xAI" }),
+			/* @__PURE__ */ a(r.path, {
+				className: "xai-part-1",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				d: "M6.469 8.776L16.512 23h-4.464L2.005 8.776H6.47z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "xai-part-2",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				d: "M6.465 16.676l2.233 3.164L6.467 23H2l4.465-6.324z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "xai-part-3",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				d: "M22 1l-9.952 14.095-2.233-3.163L17.533 1H22z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "xai-part-4",
+				style: {
+					transformBox: "fill-box",
+					transformOrigin: "center"
+				},
+				d: "M22 2.582V23h-3.659V7.764L22 2.582z"
+			})
+		]
+	});
+});
+s.displayName = "BrandXaiIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=brand-xai-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"brand-xai-icon.js","names":[],"sources":["../../src/animations/brand-xai-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandXaiIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  ({ size = 24, color = \"currentColor\", className = \"\" }, ref) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(() => {\n      // Explode: all 4 parts move outward in different directions\n      animate(\n        \".xai-part-1\",\n        { x: -4, y: -2 },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n      animate(\n        \".xai-part-2\",\n        { x: -3, y: 3 },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n      animate(\n        \".xai-part-3\",\n        { x: 4, y: -3 },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n      animate(\n        \".xai-part-4\",\n        { x: 3, y: 2 },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n\n      // Then merge back\n      setTimeout(() => {\n        animate(\n          \".xai-part-1\",\n          { x: 0, y: 0 },\n          { duration: 0.3, ease: \"easeInOut\" },\n        );\n        animate(\n          \".xai-part-2\",\n          { x: 0, y: 0 },\n          { duration: 0.3, ease: \"easeInOut\" },\n        );\n        animate(\n          \".xai-part-3\",\n          { x: 0, y: 0 },\n          { duration: 0.3, ease: \"easeInOut\" },\n        );\n        animate(\n          \".xai-part-4\",\n          { x: 0, y: 0 },\n          { duration: 0.3, ease: \"easeInOut\" },\n        );\n      }, 250);\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".xai-part-1\", { x: 0, y: 0 }, { duration: 0.2 });\n      animate(\".xai-part-2\", { x: 0, y: 0 }, { duration: 0.2 });\n      animate(\".xai-part-3\", { x: 0, y: 0 }, { duration: 0.2 });\n      animate(\".xai-part-4\", { x: 0, y: 0 }, { duration: 0.2 });\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        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <title>xAI</title>\n\n        {/* Part 1: Top-left diagonal */}\n        <motion.path\n          className=\"xai-part-1\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n          d=\"M6.469 8.776L16.512 23h-4.464L2.005 8.776H6.47z\"\n        />\n\n        {/* Part 2: Bottom-left shape */}\n        <motion.path\n          className=\"xai-part-2\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n          d=\"M6.465 16.676l2.233 3.164L6.467 23H2l4.465-6.324z\"\n        />\n\n        {/* Part 3: Top-right diagonal */}\n        <motion.path\n          className=\"xai-part-3\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n          d=\"M22 1l-9.952 14.095-2.233-3.163L17.533 1H22z\"\n        />\n\n        {/* Part 4: Vertical bar (I) */}\n        <motion.path\n          className=\"xai-part-4\"\n          style={{ transformBox: \"fill-box\", transformOrigin: \"center\" }}\n          d=\"M22 2.582V23h-3.659V7.764L22 2.582z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nBrandXaiIcon.displayName = \"BrandXaiIcon\";\nexport default BrandXaiIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAe,GAClB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,eAAY,MAAM,MAAQ;CAC9D,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAwB9B,AAtBA,EACE,eACA;GAAE,GAAG;GAAI,GAAG;EAAG,GACf;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GACA,EACE,eACA;GAAE,GAAG;GAAI,GAAG;EAAE,GACd;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GACA,EACE,eACA;GAAE,GAAG;GAAG,GAAG;EAAG,GACd;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GACA,EACE,eACA;GAAE,GAAG;GAAG,GAAG;EAAE,GACb;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GAGA,iBAAiB;GAgBf,AAfA,EACE,eACA;IAAE,GAAG;IAAG,GAAG;GAAE,GACb;IAAE,UAAU;IAAK,MAAM;GAAY,CACrC,GACA,EACE,eACA;IAAE,GAAG;IAAG,GAAG;GAAE,GACb;IAAE,UAAU;IAAK,MAAM;GAAY,CACrC,GACA,EACE,eACA;IAAE,GAAG;IAAG,GAAG;GAAE,GACb;IAAE,UAAU;IAAK,MAAM;GAAY,CACrC,GACA,EACE,eACA;IAAE,GAAG;IAAG,GAAG;GAAE,GACb;IAAE,UAAU;IAAK,MAAM;GAAY,CACrC;EACF,GAAG,GAAG;CACR,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAI7B,AAHA,EAAQ,eAAe;GAAE,GAAG;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACxD,EAAQ,eAAe;GAAE,GAAG;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACxD,EAAQ,eAAe;GAAE,GAAG;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACxD,EAAQ,eAAe;GAAE,GAAG;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CAC1D,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;EACN,OAAM;EACK;EACX,cAAc;EACd,YAAY;EATd,UAAA;GAWE,kBAAC,SAAD,EAAA,UAAO,MAAU,CAAA;GAGjB,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAC7D,GAAE;GACH,CAAA;GAGD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAC7D,GAAE;GACH,CAAA;GAGD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAC7D,GAAE;GACH,CAAA;GAGD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO;KAAE,cAAc;KAAY,iBAAiB;IAAS;IAC7D,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAa,cAAc"}

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

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

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

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

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

@@ -0,0 +1,143 @@
+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-zoom-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(u.current, {
+			scale: [1, .7],
+			opacity: [1, .6]
+		}, {
+			duration: .2,
+			ease: "easeIn"
+		}), await d(u.current, {
+			scale: [
+				.7,
+				1.3,
+				1.15
+			],
+			opacity: [.6, 1],
+			rotateY: [0, 360],
+			rotateX: [
+				0,
+				15,
+				0
+			]
+		}, {
+			duration: .6,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		}), d("motion\\:nth-of-type(1)", {
+			x: [
+				0,
+				3,
+				0
+			],
+			opacity: [
+				1,
+				.7,
+				1
+			]
+		}, {
+			duration: .3,
+			repeat: 2,
+			ease: "easeInOut"
+		}), await d("motion\\:nth-of-type(2)", {
+			scale: [
+				1,
+				1.08,
+				1.05,
+				1
+			],
+			fill: [
+				"none",
+				"rgba(59, 130, 246, 0.1)",
+				"none"
+			]
+		}, {
+			duration: .5,
+			ease: "easeOut"
+		}), d(u.current, {
+			y: [
+				0,
+				-2,
+				0
+			],
+			scale: [
+				1.15,
+				1.05,
+				1
+			]
+		}, {
+			duration: .4,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(u.current, {
+			scale: 1,
+			rotateY: 0,
+			rotateX: 0,
+			y: 0,
+			opacity: 1
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(n.svg, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			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: `cursor-pointer ${c}`,
+		style: {
+			perspective: "1000px",
+			transformStyle: "preserve-3d"
+		},
+		children: [
+			/* @__PURE__ */ i("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				d: "M17.011 9.385v5.128l3.989 3.487v-12l-3.989 3.385",
+				initial: {
+					x: 0,
+					opacity: 1
+				}
+			}),
+			/* @__PURE__ */ i(n.path, {
+				d: "M3.887 6h10.08c1.468 0 3.033 1.203 3.033 2.803v8.196a.991 .991 0 0 1 -.975 1h-10.373c-1.667 0 -2.652 -1.5 -2.652 -3l.01 -8a.882 .882 0 0 1 .208 -.71a.841 .841 0 0 1 .67 -.287l-.001 -.002",
+				initial: {
+					scale: 1,
+					fill: "none"
+				}
+			})
+		]
+	});
+});
+o.displayName = "BrandZoomIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=brand-zoom-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"brand-zoom-icon.js","names":[],"sources":["../../src/animations/brand-zoom-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandZoomIcon = 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        scope.current,\n        {\n          scale: [1, 0.7],\n          opacity: [1, 0.6],\n        },\n        {\n          duration: 0.2,\n          ease: \"easeIn\",\n        },\n      );\n      await animate(\n        scope.current,\n        {\n          scale: [0.7, 1.3, 1.15],\n          opacity: [0.6, 1],\n          rotateY: [0, 360],\n          rotateX: [0, 15, 0],\n        },\n        {\n          duration: 0.6,\n          ease: [0.34, 1.56, 0.64, 1],\n        },\n      );\n\n      animate(\n        \"motion\\\\:nth-of-type(1)\",\n        {\n          x: [0, 3, 0],\n          opacity: [1, 0.7, 1],\n        },\n        {\n          duration: 0.3,\n          repeat: 2,\n          ease: \"easeInOut\",\n        },\n      );\n\n      await animate(\n        \"motion\\\\:nth-of-type(2)\",\n        {\n          scale: [1, 1.08, 1.05, 1],\n          fill: [\"none\", \"rgba(59, 130, 246, 0.1)\", \"none\"],\n        },\n        {\n          duration: 0.5,\n          ease: \"easeOut\",\n        },\n      );\n\n      animate(\n        scope.current,\n        {\n          y: [0, -2, 0],\n          scale: [1.15, 1.05, 1],\n        },\n        {\n          duration: 0.4,\n          ease: \"easeOut\",\n        },\n      );\n    };\n\n    const stop = () => {\n      animate(\n        scope.current,\n        {\n          scale: 1,\n          rotateY: 0,\n          rotateX: 0,\n          y: 0,\n          opacity: 1,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeOut\",\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        onHoverStart={handleHoverStart}\n        onHoverEnd={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={`cursor-pointer ${className}`}\n        style={{\n          perspective: \"1000px\",\n          transformStyle: \"preserve-3d\",\n        }}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          d=\"M17.011 9.385v5.128l3.989 3.487v-12l-3.989 3.385\"\n          initial={{ x: 0, opacity: 1 }}\n        />\n        <motion.path\n          d=\"M3.887 6h10.08c1.468 0 3.033 1.203 3.033 2.803v8.196a.991 .991 0 0 1 -.975 1h-10.373c-1.667 0 -2.652 -1.5 -2.652 -3l.01 -8a.882 .882 0 0 1 .208 -.71a.841 .841 0 0 1 .67 -.287l-.001 -.002\"\n          initial={{ scale: 1, fill: \"none\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nBrandZoomIcon.displayName = \"BrandZoomIcon\";\n\nexport default BrandZoomIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAgB,GAElB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAmDxB,AAlDA,MAAM,EACJ,EAAM,SACN;GACE,OAAO,CAAC,GAAG,EAAG;GACd,SAAS,CAAC,GAAG,EAAG;EAClB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GACA,MAAM,EACJ,EAAM,SACN;GACE,OAAO;IAAC;IAAK;IAAK;GAAI;GACtB,SAAS,CAAC,IAAK,CAAC;GAChB,SAAS,CAAC,GAAG,GAAG;GAChB,SAAS;IAAC;IAAG;IAAI;GAAC;EACpB,GACA;GACE,UAAU;GACV,MAAM;IAAC;IAAM;IAAM;IAAM;GAAC;EAC5B,CACF,GAEA,EACE,2BACA;GACE,GAAG;IAAC;IAAG;IAAG;GAAC;GACX,SAAS;IAAC;IAAG;IAAK;GAAC;EACrB,GACA;GACE,UAAU;GACV,QAAQ;GACR,MAAM;EACR,CACF,GAEA,MAAM,EACJ,2BACA;GACE,OAAO;IAAC;IAAG;IAAM;IAAM;GAAC;GACxB,MAAM;IAAC;IAAQ;IAA2B;GAAM;EAClD,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,EAAM,SACN;GACE,GAAG;IAAC;IAAG;IAAI;GAAC;GACZ,OAAO;IAAC;IAAM;IAAM;GAAC;EACvB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAEM,UAAa;EACjB,EACE,EAAM,SACN;GACE,OAAO;GACP,SAAS;GACT,SAAS;GACT,GAAG;GACH,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,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO;GACL,aAAa;GACb,gBAAgB;EAClB;EAjBF,UAAA;GAmBE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,SAAS;KAAE,GAAG;KAAG,SAAS;IAAE;GAC7B,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,SAAS;KAAE,OAAO;KAAG,MAAM;IAAO;GACnC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAc,cAAc"}

package/dist/animations/brightness-down-icon.d.ts

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