nfx-ui 0.20.0 → 0.22.0

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

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

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

package/dist/animations/brightness-down-icon.js

@@ -0,0 +1,85 @@
+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/brightness-down-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".sun-center", { scale: [
+			1,
+			.8,
+			1
+		] }, {
+			duration: .4,
+			ease: "easeInOut"
+		}), d(".sun-rays", { opacity: [
+			1,
+			.4,
+			1
+		] }, {
+			duration: .5,
+			ease: "easeInOut"
+		});
+	}, p = () => {
+		d(".sun-center", { scale: 1 }, {
+			duration: .2,
+			ease: "easeOut"
+		}), d(".sun-rays", { opacity: 1 }, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ i(n.div, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
+		children: /* @__PURE__ */ a("svg", {
+			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",
+			children: [
+				/* @__PURE__ */ i("path", {
+					stroke: "none",
+					d: "M0 0h24v24H0z",
+					fill: "none"
+				}),
+				/* @__PURE__ */ i(n.path, {
+					className: "sun-center",
+					d: "M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0",
+					style: { transformOrigin: "center" }
+				}),
+				/* @__PURE__ */ a(n.g, {
+					className: "sun-rays",
+					children: [
+						/* @__PURE__ */ i("path", { d: "M12 5l0 .01" }),
+						/* @__PURE__ */ i("path", { d: "M17 7l0 .01" }),
+						/* @__PURE__ */ i("path", { d: "M19 12l0 .01" }),
+						/* @__PURE__ */ i("path", { d: "M17 17l0 .01" }),
+						/* @__PURE__ */ i("path", { d: "M12 19l0 .01" }),
+						/* @__PURE__ */ i("path", { d: "M7 17l0 .01" }),
+						/* @__PURE__ */ i("path", { d: "M5 12l0 .01" }),
+						/* @__PURE__ */ i("path", { d: "M7 7l0 .01" })
+					]
+				})
+			]
+		})
+	});
+});
+o.displayName = "BrightnessDownIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=brightness-down-icon.js.map

package/dist/animations/brightness-down-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brightness-down-icon.js","names":[],"sources":["../../src/animations/brightness-down-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrightnessDownIcon = 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      animate(\n        \".sun-center\",\n        { scale: [1, 0.8, 1] },\n        { duration: 0.4, ease: \"easeInOut\" },\n      );\n      animate(\n        \".sun-rays\",\n        { opacity: [1, 0.4, 1] },\n        { duration: 0.5, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".sun-center\", { scale: 1 }, { duration: 0.2, ease: \"easeOut\" });\n      animate(\".sun-rays\", { opacity: 1 }, { duration: 0.2, ease: \"easeOut\" });\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 items-center justify-center ${className}`}\n      >\n        <svg\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          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <motion.path\n            className=\"sun-center\"\n            d=\"M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0\"\n            style={{ transformOrigin: \"center\" }}\n          />\n          <motion.g className=\"sun-rays\">\n            <path d=\"M12 5l0 .01\" />\n            <path d=\"M17 7l0 .01\" />\n            <path d=\"M19 12l0 .01\" />\n            <path d=\"M17 17l0 .01\" />\n            <path d=\"M12 19l0 .01\" />\n            <path d=\"M7 17l0 .01\" />\n            <path d=\"M5 12l0 .01\" />\n            <path d=\"M7 7l0 .01\" />\n          </motion.g>\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nBrightnessDownIcon.displayName = \"BrightnessDownIcon\";\n\nexport default BrightnessDownIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAqB,GAEvB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAMxB,AALA,EACE,eACA,EAAE,OAAO;GAAC;GAAG;GAAK;EAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EACE,aACA,EAAE,SAAS;GAAC;GAAG;GAAK;EAAC,EAAE,GACvB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,UAAa;EAEjB,AADA,EAAQ,eAAe,EAAE,OAAO,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GACvE,EAAQ,aAAa,EAAE,SAAS,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACzE;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,0DAA0D;EAErE,UAAA,kBAAC,OAAD;GACE,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACK;GACb,eAAc;GACd,gBAAe;GATjB,UAAA;IAWE,kBAAC,QAAD;KAAM,QAAO;KAAO,GAAE;KAAgB,MAAK;IAAQ,CAAA;IACnD,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;KACF,OAAO,EAAE,iBAAiB,SAAS;IACpC,CAAA;IACD,kBAAC,EAAO,GAAR;KAAU,WAAU;KAApB,UAAA;MACE,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;MACvB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;MACvB,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;MACxB,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;MACxB,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;MACxB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;MACvB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;MACvB,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA;KACd;;GACP;;CACK,CAAA;AAEhB,CACF;AAEA,EAAmB,cAAc"}

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

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

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

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

package/dist/animations/bug-icon.js

@@ -0,0 +1,113 @@
+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/bug-icon.tsx
+var o = e(({ size: e = 40, className: o = "", strokeWidth: s = 2, color: c = "currentColor" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".leg-left", {
+			x: [
+				-1,
+				1,
+				-1
+			],
+			rotate: [
+				-5,
+				5,
+				-5
+			]
+		}, {
+			duration: .2,
+			repeat: 2,
+			ease: "easeInOut"
+		}), d(".leg-right", {
+			x: [
+				1,
+				-1,
+				1
+			],
+			rotate: [
+				5,
+				-5,
+				5
+			]
+		}, {
+			duration: .2,
+			repeat: 2,
+			ease: "easeInOut"
+		}), d(".body", { x: [
+			-.5,
+			.5,
+			-.5
+		] }, {
+			duration: .1,
+			repeat: 2,
+			ease: "easeInOut"
+		});
+	}, p = async () => {
+		d(".leg-left, .leg-right, .body", {
+			x: 0,
+			rotate: 0
+		}, { duration: .2 });
+	};
+	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",
+		color: c,
+		stroke: "currentColor",
+		strokeWidth: s,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${o}`,
+		children: [
+			/* @__PURE__ */ i("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ i("path", { d: "M9 9v-1a3 3 0 0 1 6 0v1" }),
+			/* @__PURE__ */ i("path", {
+				className: "body",
+				d: "M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "leg-left",
+				d: "M3 13l4 0"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "leg-left",
+				d: "M4 19l3.35 -2"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "leg-left",
+				d: "M4 7l3.75 2.4"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "leg-right",
+				d: "M17 13l4 0"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "leg-right",
+				d: "M20 19l-3.35 -2"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "leg-right",
+				d: "M20 7l-3.75 2.4"
+			}),
+			/* @__PURE__ */ i("path", { d: "M12 20l0 -6" })
+		]
+	});
+});
+o.displayName = "BugIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=bug-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bug-icon.js","names":[],"sources":["../../src/animations/bug-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport { motion, useAnimate } from \"motion/react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\n\nconst BugIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 40, className = \"\", strokeWidth = 2, color = \"currentColor\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      // Wiggle the legs\n      animate(\n        \".leg-left\",\n        { x: [-1, 1, -1], rotate: [-5, 5, -5] },\n        { duration: 0.2, repeat: 2, ease: \"easeInOut\" },\n      );\n      animate(\n        \".leg-right\",\n        { x: [1, -1, 1], rotate: [5, -5, 5] },\n        { duration: 0.2, repeat: 2, ease: \"easeInOut\" },\n      );\n      // Subtle body shake\n      animate(\n        \".body\",\n        { x: [-0.5, 0.5, -0.5] },\n        { duration: 0.1, repeat: 2, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = async () => {\n      animate(\n        \".leg-left, .leg-right, .body\",\n        { x: 0, rotate: 0 },\n        { duration: 0.2 },\n      );\n    };\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        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        color={color}\n        stroke=\"currentColor\"\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <path d=\"M9 9v-1a3 3 0 0 1 6 0v1\" />\n        <path\n          className=\"body\"\n          d=\"M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3\"\n        />\n        {/* Left legs */}\n        <motion.path className=\"leg-left\" d=\"M3 13l4 0\" />\n        <motion.path className=\"leg-left\" d=\"M4 19l3.35 -2\" />\n        <motion.path className=\"leg-left\" d=\"M4 7l3.75 2.4\" />\n        {/* Right legs */}\n        <motion.path className=\"leg-right\" d=\"M17 13l4 0\" />\n        <motion.path className=\"leg-right\" d=\"M20 19l-3.35 -2\" />\n        <motion.path className=\"leg-right\" d=\"M20 7l-3.75 2.4\" />\n        {/* Center line */}\n        <path d=\"M12 20l0 -6\" />\n      </motion.svg>\n    );\n  },\n);\n\nBugIcon.displayName = \"BugIcon\";\n\nexport default BugIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAU,GAEZ,EAAE,UAAO,IAAI,eAAY,IAAI,iBAAc,GAAG,WAAQ,kBACtD,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAaxB,AAXA,EACE,aACA;GAAE,GAAG;IAAC;IAAI;IAAG;GAAE;GAAG,QAAQ;IAAC;IAAI;IAAG;GAAE;EAAE,GACtC;GAAE,UAAU;GAAK,QAAQ;GAAG,MAAM;EAAY,CAChD,GACA,EACE,cACA;GAAE,GAAG;IAAC;IAAG;IAAI;GAAC;GAAG,QAAQ;IAAC;IAAG;IAAI;GAAC;EAAE,GACpC;GAAE,UAAU;GAAK,QAAQ;GAAG,MAAM;EAAY,CAChD,GAEA,EACE,SACA,EAAE,GAAG;GAAC;GAAM;GAAK;EAAI,EAAE,GACvB;GAAE,UAAU;GAAK,QAAQ;GAAG,MAAM;EAAY,CAChD;CACF,GAEM,IAAO,YAAY;EACvB,EACE,gCACA;GAAE,GAAG;GAAG,QAAQ;EAAE,GAClB,EAAE,UAAU,GAAI,CAClB;CACF;CAOA,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACE;EACP,QAAO;EACM;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAd/B,UAAA;GAgBE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,QAAD,EAAM,GAAE,0BAA2B,CAAA;GACnC,kBAAC,QAAD;IACE,WAAU;IACV,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAW,GAAE;GAAa,CAAA;GACjD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAW,GAAE;GAAiB,CAAA;GACrD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAW,GAAE;GAAiB,CAAA;GAErD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAY,GAAE;GAAc,CAAA;GACnD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAY,GAAE;GAAmB,CAAA;GACxD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAY,GAAE;GAAmB,CAAA;GAExD,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;EACb;;AAEhB,CACF;AAEA,EAAQ,cAAc"}

package/dist/animations/bulb-svg.d.ts

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

package/dist/animations/bulb-svg.d.ts.map

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

package/dist/animations/bulb-svg.js

@@ -0,0 +1,99 @@
+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/bulb-svg.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		await Promise.all([
+			d(".ray-left", { opacity: 0 }, { duration: .1 }),
+			d(".ray-top", { opacity: 0 }, { duration: .1 }),
+			d(".ray-right", { opacity: 0 }, { duration: .1 }),
+			d(".ray-top-left", { opacity: 0 }, { duration: .1 }),
+			d(".ray-top-right", { opacity: 0 }, { duration: .1 })
+		]), await Promise.all([
+			d(".ray-left", { opacity: 1 }, {
+				duration: .4,
+				ease: "easeOut"
+			}),
+			d(".ray-top", { opacity: 1 }, {
+				duration: .4,
+				ease: "easeOut"
+			}),
+			d(".ray-right", { opacity: 1 }, {
+				duration: .4,
+				ease: "easeOut"
+			}),
+			d(".ray-top-left", { opacity: 1 }, {
+				duration: .4,
+				ease: "easeOut"
+			}),
+			d(".ray-top-right", { opacity: 1 }, {
+				duration: .4,
+				ease: "easeOut"
+			})
+		]);
+	}, p = () => {
+		d(".ray-left", { opacity: 1 }, { duration: .2 }), d(".ray-top", { opacity: 1 }, { duration: .2 }), d(".ray-right", { opacity: 1 }, { duration: .2 }), d(".ray-top-left", { opacity: 1 }, { duration: .2 }), d(".ray-top-right", { opacity: 1 }, { duration: .2 });
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ i(n.div, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		children: /* @__PURE__ */ a("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: e,
+			height: e,
+			viewBox: "0 0 24 24",
+			strokeWidth: s,
+			fill: o,
+			className: `bulb-icon cursor-pointer ${c}`,
+			children: [
+				/* @__PURE__ */ i("path", {
+					stroke: "none",
+					d: "M0 0h24v24H0z",
+					fill: "none"
+				}),
+				/* @__PURE__ */ i(n.path, {
+					className: "ray-left",
+					d: "M4 11a1 1 0 0 1 .117 1.993l-.117 .007h-1a1 1 0 0 1 -.117 -1.993l.117 -.007h1z"
+				}),
+				/* @__PURE__ */ i(n.path, {
+					className: "ray-top",
+					d: "M12 2a1 1 0 0 1 .993 .883l.007 .117v1a1 1 0 0 1 -1.993 .117l-.007 -.117v-1a1 1 0 0 1 1 -1z"
+				}),
+				/* @__PURE__ */ i(n.path, {
+					className: "ray-right",
+					d: "M21 11a1 1 0 0 1 .117 1.993l-.117 .007h-1a1 1 0 0 1 -.117 -1.993l.117 -.007h1z"
+				}),
+				/* @__PURE__ */ i(n.path, {
+					className: "ray-top-left",
+					d: "M4.893 4.893a1 1 0 0 1 1.32 -.083l.094 .083l.7 .7a1 1 0 0 1 -1.32 1.497l-.094 -.083l-.7 -.7a1 1 0 0 1 0 -1.414z"
+				}),
+				/* @__PURE__ */ i(n.path, {
+					className: "ray-top-right",
+					d: "M17.693 4.893a1 1 0 0 1 1.497 1.32l-.083 .094l-.7 .7a1 1 0 0 1 -1.497 -1.32l.083 -.094l.7 -.7z"
+				}),
+				/* @__PURE__ */ i(n.path, {
+					className: "bulb-base",
+					d: "M14 18a1 1 0 0 1 1 1a3 3 0 0 1 -6 0a1 1 0 0 1 .883 -.993l.117 -.007h4z"
+				}),
+				/* @__PURE__ */ i(n.path, {
+					className: "bulb-body",
+					d: "M12 6a6 6 0 0 1 3.6 10.8a1 1 0 0 1 -.471 .192l-.129 .008h-6a1 1 0 0 1 -.6 -.2a6 6 0 0 1 3.6 -10.8z"
+				})
+			]
+		})
+	});
+});
+o.displayName = "BulbSvg";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=bulb-svg.js.map

package/dist/animations/bulb-svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bulb-svg.js","names":[],"sources":["../../src/animations/bulb-svg.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BulbSvg = 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 Promise.all([\n        animate(\".ray-left\", { opacity: 0 }, { duration: 0.1 }),\n        animate(\".ray-top\", { opacity: 0 }, { duration: 0.1 }),\n        animate(\".ray-right\", { opacity: 0 }, { duration: 0.1 }),\n        animate(\".ray-top-left\", { opacity: 0 }, { duration: 0.1 }),\n        animate(\".ray-top-right\", { opacity: 0 }, { duration: 0.1 }),\n      ]);\n      await Promise.all([\n        animate(\n          \".ray-left\",\n          { opacity: 1 },\n          { duration: 0.4, ease: \"easeOut\" },\n        ),\n        animate(\".ray-top\", { opacity: 1 }, { duration: 0.4, ease: \"easeOut\" }),\n        animate(\n          \".ray-right\",\n          { opacity: 1 },\n          { duration: 0.4, ease: \"easeOut\" },\n        ),\n        animate(\n          \".ray-top-left\",\n          { opacity: 1 },\n          { duration: 0.4, ease: \"easeOut\" },\n        ),\n        animate(\n          \".ray-top-right\",\n          { opacity: 1 },\n          { duration: 0.4, ease: \"easeOut\" },\n        ),\n      ]);\n    };\n\n    const stop = () => {\n      animate(\".ray-left\", { opacity: 1 }, { duration: 0.2 });\n      animate(\".ray-top\", { opacity: 1 }, { duration: 0.2 });\n      animate(\".ray-right\", { opacity: 1 }, { duration: 0.2 });\n      animate(\".ray-top-left\", { opacity: 1 }, { duration: 0.2 });\n      animate(\".ray-top-right\", { 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      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width={size}\n          height={size}\n          viewBox=\"0 0 24 24\"\n          strokeWidth={strokeWidth}\n          fill={color}\n          className={`bulb-icon cursor-pointer ${className}`}\n        >\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <motion.path\n            className=\"ray-left\"\n            d=\"M4 11a1 1 0 0 1 .117 1.993l-.117 .007h-1a1 1 0 0 1 -.117 -1.993l.117 -.007h1z\"\n          />\n          <motion.path\n            className=\"ray-top\"\n            d=\"M12 2a1 1 0 0 1 .993 .883l.007 .117v1a1 1 0 0 1 -1.993 .117l-.007 -.117v-1a1 1 0 0 1 1 -1z\"\n          />\n\n          <motion.path\n            className=\"ray-right\"\n            d=\"M21 11a1 1 0 0 1 .117 1.993l-.117 .007h-1a1 1 0 0 1 -.117 -1.993l.117 -.007h1z\"\n          />\n\n          <motion.path\n            className=\"ray-top-left\"\n            d=\"M4.893 4.893a1 1 0 0 1 1.32 -.083l.094 .083l.7 .7a1 1 0 0 1 -1.32 1.497l-.094 -.083l-.7 -.7a1 1 0 0 1 0 -1.414z\"\n          />\n\n          <motion.path\n            className=\"ray-top-right\"\n            d=\"M17.693 4.893a1 1 0 0 1 1.497 1.32l-.083 .094l-.7 .7a1 1 0 0 1 -1.497 -1.32l.083 -.094l.7 -.7z\"\n          />\n\n          <motion.path\n            className=\"bulb-base\"\n            d=\"M14 18a1 1 0 0 1 1 1a3 3 0 0 1 -6 0a1 1 0 0 1 .883 -.993l.117 -.007h4z\"\n          />\n\n          <motion.path\n            className=\"bulb-body\"\n            d=\"M12 6a6 6 0 0 1 3.6 10.8a1 1 0 0 1 -.471 .192l-.129 .008h-6a1 1 0 0 1 -.6 -.2a6 6 0 0 1 3.6 -10.8z\"\n          />\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nBulbSvg.displayName = \"BulbSvg\";\n\nexport default BulbSvg;\n"],"mappings":";;;;AAIA,IAAM,IAAU,GAEZ,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAQxB,AAPA,MAAM,QAAQ,IAAI;GAChB,EAAQ,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;GACtD,EAAQ,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;GACrD,EAAQ,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;GACvD,EAAQ,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;GAC1D,EAAQ,kBAAkB,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;EAC7D,CAAC,GACD,MAAM,QAAQ,IAAI;GAChB,EACE,aACA,EAAE,SAAS,EAAE,GACb;IAAE,UAAU;IAAK,MAAM;GAAU,CACnC;GACA,EAAQ,YAAY,EAAE,SAAS,EAAE,GAAG;IAAE,UAAU;IAAK,MAAM;GAAU,CAAC;GACtE,EACE,cACA,EAAE,SAAS,EAAE,GACb;IAAE,UAAU;IAAK,MAAM;GAAU,CACnC;GACA,EACE,iBACA,EAAE,SAAS,EAAE,GACb;IAAE,UAAU;IAAK,MAAM;GAAU,CACnC;GACA,EACE,kBACA,EAAE,SAAS,EAAE,GACb;IAAE,UAAU;IAAK,MAAM;GAAU,CACnC;EACF,CAAC;CACH,GAEM,UAAa;EAKjB,AAJA,EAAQ,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACtD,EAAQ,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACrD,EAAQ,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACvD,EAAQ,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GAC1D,EAAQ,kBAAkB,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CAC7D;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;EAQI,UAAA,kBAAC,OAAD;GACE,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACK;GACb,MAAM;GACN,WAAW,4BAA4B;GAPzC,UAAA;IASE,kBAAC,QAAD;KAAM,QAAO;KAAO,GAAE;KAAgB,MAAK;IAAQ,CAAA;IACnD,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,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;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,EAAQ,cAAc"}

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

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

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

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

package/dist/animations/camera-icon.js

@@ -0,0 +1,60 @@
+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/camera-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".lens", { scale: 1.2 }, {
+			duration: .3,
+			ease: "easeOut"
+		}), d(".body", { scale: .95 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".lens", { scale: 1 }, {
+			duration: .2,
+			ease: "easeInOut"
+		}), d(".body", { scale: 1 }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	};
+	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}`,
+		children: [/* @__PURE__ */ i(n.path, {
+			className: "body",
+			d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"
+		}), /* @__PURE__ */ i(n.circle, {
+			className: "lens",
+			style: { transformOrigin: "12px 13px" },
+			cx: "12",
+			cy: "13",
+			r: "3"
+		})]
+	});
+});
+o.displayName = "CameraIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=camera-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"camera-icon.js","names":[],"sources":["../../src/animations/camera-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst CameraIcon = 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      animate(\".lens\", { scale: 1.2 }, { duration: 0.3, ease: \"easeOut\" });\n      animate(\".body\", { scale: 0.95 }, { duration: 0.3, ease: \"easeOut\" });\n    };\n\n    const stop = () => {\n      animate(\".lens\", { scale: 1 }, { duration: 0.2, ease: \"easeInOut\" });\n      animate(\".body\", { scale: 1 }, { duration: 0.2, ease: \"easeInOut\" });\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      >\n        <motion.path\n          className=\"body\"\n          d=\"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z\"\n        />\n        <motion.circle\n          className=\"lens\"\n          style={{ transformOrigin: \"12px 13px\" }}\n          cx=\"12\"\n          cy=\"13\"\n          r=\"3\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nCameraIcon.displayName = \"CameraIcon\";\n\nexport default CameraIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAa,GAEf,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAExB,AADA,EAAQ,SAAS,EAAE,OAAO,IAAI,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GACnE,EAAQ,SAAS,EAAE,OAAO,IAAK,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACtE,GAEM,UAAa;EAEjB,AADA,EAAQ,SAAS,EAAE,OAAO,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC,GACnE,EAAQ,SAAS,EAAE,OAAO,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CACrE;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;EAb/B,UAAA,CAeE,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA,GACD,kBAAC,EAAO,QAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,YAAY;GACtC,IAAG;GACH,IAAG;GACH,GAAE;EACH,CAAA,CACS;;AAEhB,CACF;AAEA,EAAW,cAAc"}

package/dist/animations/camera-off-icon.d.ts

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

package/dist/animations/camera-off-icon.d.ts.map

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