nfx-ui 0.20.0 → 0.22.0

package/dist/animations/currency-euro-icon.js

@@ -0,0 +1,86 @@
+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/currency-euro-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(".eur-curve, .eur-line", {
+			pathLength: 0,
+			opacity: 0
+		}, { duration: 0 }), await d(".eur-line", {
+			pathLength: 1,
+			opacity: 1
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		}), await d(".eur-curve", {
+			pathLength: 1,
+			opacity: 1
+		}, {
+			duration: .4,
+			ease: "easeOut"
+		}), d(".eur-symbol", { scale: [.96, 1] }, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".eur-curve, .eur-line", {
+			pathLength: 1,
+			opacity: 1
+		}, { duration: .2 }), d(".eur-symbol", { scale: 1 }, { duration: .2 });
+	};
+	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__ */ a(n.g, {
+				className: "eur-symbol",
+				style: { transformOrigin: "50% 50%" },
+				children: [
+					/* @__PURE__ */ i(n.path, {
+						className: "eur-curve",
+						d: "M17.2 7a6 7 0 1 0 0 10",
+						pathLength: 1
+					}),
+					/* @__PURE__ */ i(n.path, {
+						className: "eur-line",
+						d: "M13 10h-8",
+						pathLength: 1
+					}),
+					/* @__PURE__ */ i(n.path, {
+						className: "eur-line",
+						d: "M5 14h8",
+						pathLength: 1
+					})
+				]
+			})]
+		})
+	});
+});
+o.displayName = "CurrencyEuroIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=currency-euro-icon.js.map

package/dist/animations/currency-euro-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-euro-icon.js","names":[],"sources":["../../src/animations/currency-euro-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst CurrencyEuroIcon = 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        \".eur-curve, .eur-line\",\n        { pathLength: 0, opacity: 0 },\n        { duration: 0 },\n      );\n\n      await animate(\n        \".eur-line\",\n        { pathLength: 1, opacity: 1 },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n\n      await animate(\n        \".eur-curve\",\n        { pathLength: 1, opacity: 1 },\n        { duration: 0.4, ease: \"easeOut\" },\n      );\n\n      animate(\n        \".eur-symbol\",\n        { scale: [0.96, 1] },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\n        \".eur-curve, .eur-line\",\n        { pathLength: 1, opacity: 1 },\n        { duration: 0.2 },\n      );\n      animate(\".eur-symbol\", { scale: 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 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\n          <motion.g\n            className=\"eur-symbol\"\n            style={{ transformOrigin: \"50% 50%\" }}\n          >\n            <motion.path\n              className=\"eur-curve\"\n              d=\"M17.2 7a6 7 0 1 0 0 10\"\n              pathLength={1}\n            />\n            <motion.path className=\"eur-line\" d=\"M13 10h-8\" pathLength={1} />\n            <motion.path className=\"eur-line\" d=\"M5 14h8\" pathLength={1} />\n          </motion.g>\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nCurrencyEuroIcon.displayName = \"CurrencyEuroIcon\";\n\nexport default CurrencyEuroIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAmB,GAErB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAmBxB,AAlBA,MAAM,EACJ,yBACA;GAAE,YAAY;GAAG,SAAS;EAAE,GAC5B,EAAE,UAAU,EAAE,CAChB,GAEA,MAAM,EACJ,aACA;GAAE,YAAY;GAAG,SAAS;EAAE,GAC5B;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GAEA,MAAM,EACJ,cACA;GAAE,YAAY;GAAG,SAAS;EAAE,GAC5B;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GAEA,EACE,eACA,EAAE,OAAO,CAAC,KAAM,CAAC,EAAE,GACnB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAEM,UAAa;EAMjB,AALA,EACE,yBACA;GAAE,YAAY;GAAG,SAAS;EAAE,GAC5B,EAAE,UAAU,GAAI,CAClB,GACA,EAAQ,eAAe,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACxD;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,CAWE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA,GAEnD,kBAAC,EAAO,GAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;IAFtC,UAAA;KAIE,kBAAC,EAAO,MAAR;MACE,WAAU;MACV,GAAE;MACF,YAAY;KACb,CAAA;KACD,kBAAC,EAAO,MAAR;MAAa,WAAU;MAAW,GAAE;MAAY,YAAY;KAAI,CAAA;KAChE,kBAAC,EAAO,MAAR;MAAa,WAAU;MAAW,GAAE;MAAU,YAAY;KAAI,CAAA;IACtD;GACP,CAAA,CAAA;;CACK,CAAA;AAEhB,CACF;AAEA,EAAiB,cAAc"}

package/dist/animations/currency-rupee-icon.d.ts

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

package/dist/animations/currency-rupee-icon.d.ts.map

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

package/dist/animations/currency-rupee-icon.js

@@ -0,0 +1,76 @@
+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/currency-rupee-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(".rupee-main, .rupee-line", {
+			pathLength: 0,
+			opacity: 0
+		}, { duration: 0 }), await d(".rupee-line", {
+			pathLength: 1,
+			opacity: 1
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		}), await d(".rupee-main", {
+			pathLength: 1,
+			opacity: 1
+		}, {
+			duration: .35,
+			ease: "easeOut"
+		}), d(".rupee-symbol", { scale: [.96, 1] }, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".rupee-main, .rupee-line", {
+			pathLength: 1,
+			opacity: 1
+		}, { duration: .2 }), d(".rupee-symbol", { scale: 1 }, { 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",
+		stroke: o,
+		strokeWidth: s,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${c}`,
+		children: [/* @__PURE__ */ i("path", {
+			stroke: "none",
+			d: "M0 0h24v24H0z",
+			fill: "none"
+		}), /* @__PURE__ */ a(n.g, {
+			className: "rupee-symbol",
+			style: { transformOrigin: "50% 50%" },
+			children: [/* @__PURE__ */ i(n.path, {
+				className: "rupee-main",
+				d: "M18 5h-11h3a4 4 0 0 1 0 8h-3l6 6",
+				pathLength: 1
+			}), /* @__PURE__ */ i(n.path, {
+				className: "rupee-line",
+				d: "M7 9l11 0",
+				pathLength: 1
+			})]
+		})]
+	});
+});
+o.displayName = "CurrencyRupeeIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=currency-rupee-icon.js.map

package/dist/animations/currency-rupee-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-rupee-icon.js","names":[],"sources":["../../src/animations/currency-rupee-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst CurrencyRupeeIcon = 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        \".rupee-main, .rupee-line\",\n        {\n          pathLength: 0,\n          opacity: 0,\n        },\n        { duration: 0 },\n      );\n\n      await animate(\n        \".rupee-line\",\n        {\n          pathLength: 1,\n          opacity: 1,\n        },\n        {\n          duration: 0.25,\n          ease: \"easeOut\",\n        },\n      );\n\n      await animate(\n        \".rupee-main\",\n        {\n          pathLength: 1,\n          opacity: 1,\n        },\n        {\n          duration: 0.35,\n          ease: \"easeOut\",\n        },\n      );\n\n      animate(\n        \".rupee-symbol\",\n        {\n          scale: [0.96, 1],\n        },\n        {\n          duration: 0.2,\n          ease: \"easeOut\",\n        },\n      );\n    };\n\n    const stop = () => {\n      animate(\n        \".rupee-main, .rupee-line\",\n        { pathLength: 1, opacity: 1 },\n        { duration: 0.2 },\n      );\n      animate(\".rupee-symbol\", { scale: 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.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        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        <motion.g\n          className=\"rupee-symbol\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        >\n          <motion.path\n            className=\"rupee-main\"\n            d=\"M18 5h-11h3a4 4 0 0 1 0 8h-3l6 6\"\n            pathLength={1}\n          />\n\n          <motion.path className=\"rupee-line\" d=\"M7 9l11 0\" pathLength={1} />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nCurrencyRupeeIcon.displayName = \"CurrencyRupeeIcon\";\n\nexport default CurrencyRupeeIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAoB,GAEtB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAkCxB,AAjCA,MAAM,EACJ,4BACA;GACE,YAAY;GACZ,SAAS;EACX,GACA,EAAE,UAAU,EAAE,CAChB,GAEA,MAAM,EACJ,eACA;GACE,YAAY;GACZ,SAAS;EACX,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,MAAM,EACJ,eACA;GACE,YAAY;GACZ,SAAS;EACX,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,iBACA,EACE,OAAO,CAAC,KAAM,CAAC,EACjB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAEM,UAAa;EAMjB,AALA,EACE,4BACA;GAAE,YAAY;GAAG,SAAS;EAAE,GAC5B,EAAE,UAAU,GAAI,CAClB,GACA,EAAQ,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CAC1D;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,QAAD;GAAM,QAAO;GAAO,GAAE;GAAgB,MAAK;EAAQ,CAAA,GAEnD,kBAAC,EAAO,GAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,UAAU;GAFtC,UAAA,CAIE,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,YAAY;GACb,CAAA,GAED,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAa,GAAE;IAAY,YAAY;GAAI,CAAA,CAC1D;EACA,CAAA,CAAA;;AAEhB,CACF;AAEA,EAAkB,cAAc"}

package/dist/animations/device-airpods-icon.d.ts

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

package/dist/animations/device-airpods-icon.d.ts.map

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

package/dist/animations/device-airpods-icon.js

@@ -0,0 +1,83 @@
+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/device-airpods-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(() => {
+		f(".airpod-left", {
+			y: [
+				0,
+				-2,
+				0
+			],
+			x: [
+				0,
+				-1,
+				0
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut"
+		}), f(".airpod-right", {
+			y: [
+				0,
+				-2,
+				0
+			],
+			x: [
+				0,
+				1,
+				0
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".airpod-left,.airpod-right", {
+			y: 0,
+			x: 0
+		}, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__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",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "airpod-left",
+				d: "M6 4a4 4 0 0 1 4 3.8l0 .2v10.5a1.5 1.5 0 0 1 -3 0v-6.5h-1a4 4 0 0 1 -4 -3.8l0 -.2a4 4 0 0 1 4 -4z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "airpod-right",
+				d: "M18 4a4 4 0 0 0 -4 3.8l0 .2v10.5a1.5 1.5 0 0 0 3 0v-6.5h1a4 4 0 0 0 4 -3.8l0 -.2a4 4 0 0 0 -4 -4z"
+			})
+		]
+	});
+});
+s.displayName = "DeviceAirpodsIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=device-airpods-icon.js.map

package/dist/animations/device-airpods-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-airpods-icon.js","names":[],"sources":["../../src/animations/device-airpods-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst DeviceAirpodsIcon = 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      animate(\n        \".airpod-left\",\n        { y: [0, -2, 0], x: [0, -1, 0] },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n      animate(\n        \".airpod-right\",\n        { y: [0, -2, 0], x: [0, 1, 0] },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".airpod-left,.airpod-right\",\n        { y: 0, x: 0 },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: 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={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        <motion.path\n          className=\"airpod-left\"\n          d=\"M6 4a4 4 0 0 1 4 3.8l0 .2v10.5a1.5 1.5 0 0 1 -3 0v-6.5h-1a4 4 0 0 1 -4 -3.8l0 -.2a4 4 0 0 1 4 -4z\"\n        />\n\n        <motion.path\n          className=\"airpod-right\"\n          d=\"M18 4a4 4 0 0 0 -4 3.8l0 .2v10.5a1.5 1.5 0 0 0 3 0v-6.5h1a4 4 0 0 0 4 -3.8l0 -.2a4 4 0 0 0 -4 -4z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nDeviceAirpodsIcon.displayName = \"DeviceAirpodsIcon\";\nexport default DeviceAirpodsIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAoB,GAEtB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAM9B,AALA,EACE,gBACA;GAAE,GAAG;IAAC;IAAG;IAAI;GAAC;GAAG,GAAG;IAAC;IAAG;IAAI;GAAC;EAAE,GAC/B;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EACE,iBACA;GAAE,GAAG;IAAC;IAAG;IAAI;GAAC;GAAG,GAAG;IAAC;IAAG;IAAG;GAAC;EAAE,GAC9B;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,8BACA;GAAE,GAAG;GAAG,GAAG;EAAE,GACb;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,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,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAEnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAkB,cAAc"}

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

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

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

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

package/dist/animations/dialpad-icon.js

@@ -0,0 +1,76 @@
+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/dialpad-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) => {
+	let [u, d] = i(), f = t(() => {
+		d(".button", { scale: [
+			1,
+			.9,
+			1
+		] }, {
+			duration: .4,
+			delay: (e) => e * .05,
+			ease: "easeInOut"
+		});
+	}, [d]), p = t(() => {
+		d(".button", { scale: 1 }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [d]);
+	return n(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: u,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: s,
+		className: `cursor-pointer ${c}`,
+		onHoverStart: f,
+		onHoverEnd: p,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "button",
+				d: "M6 2h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "button",
+				d: "M13 2h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "button",
+				d: "M20 2h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "button",
+				d: "M6 9h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "button",
+				d: "M13 9h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "button",
+				d: "M20 9h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "button",
+				d: "M13 16h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z"
+			})
+		]
+	});
+});
+s.displayName = "DialpadIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=dialpad-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialpad-icon.js","names":[],"sources":["../../src/animations/dialpad-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst DialpadIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  ({ size = 24, color = \"currentColor\", className = \"\" }, ref) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(() => {\n      animate(\n        \".button\",\n        { scale: [1, 0.9, 1] },\n        {\n          duration: 0.4,\n          delay: (i) => i * 0.05,\n          ease: \"easeInOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".button\", { scale: 1 }, { duration: 0.2, ease: \"easeInOut\" });\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill={color}\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        <motion.path\n          className=\"button\"\n          d=\"M6 2h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z\"\n        />\n        <motion.path\n          className=\"button\"\n          d=\"M13 2h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z\"\n        />\n        <motion.path\n          className=\"button\"\n          d=\"M20 2h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z\"\n        />\n\n        <motion.path\n          className=\"button\"\n          d=\"M6 9h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z\"\n        />\n        <motion.path\n          className=\"button\"\n          d=\"M13 9h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z\"\n        />\n        <motion.path\n          className=\"button\"\n          d=\"M20 9h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z\"\n        />\n\n        <motion.path\n          className=\"button\"\n          d=\"M13 16h-2a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nDialpadIcon.displayName = \"DialpadIcon\";\nexport default DialpadIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GACjB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,eAAY,MAAM,MAAQ;CAC9D,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAC9B,EACE,WACA,EAAE,OAAO;GAAC;GAAG;GAAK;EAAC,EAAE,GACrB;GACE,UAAU;GACV,QAAQ,MAAM,IAAI;GAClB,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EAAQ,WAAW,EAAE,OAAO,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CACvE,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAM;EACN,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EATd,UAAA;GAWE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAEnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAY,cAAc"}

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

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

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

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

package/dist/animations/dino-icon.js

@@ -0,0 +1,87 @@
+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/dino-icon.tsx
+var s = e(({ size: e = 24, className: s = "" }, c) => {
+	let [l, u] = i(), d = t(() => {
+		u(l.current, { rotate: -10 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, [u, l]), f = t(() => {
+		u(l.current, { rotate: 0 }, {
+			duration: .2,
+			ease: "easeIn"
+		});
+	}, [u, l]);
+	return n(c, () => ({
+		startAnimation: d,
+		stopAnimation: f
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: l,
+		onHoverStart: d,
+		onHoverEnd: f,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 121 125",
+		className: `cursor-pointer ${s}`,
+		style: {
+			overflow: "visible",
+			transformOrigin: "bottom center"
+		},
+		children: [
+			/* @__PURE__ */ o(r.g, {
+				className: "dino-body",
+				children: [
+					/* @__PURE__ */ a("path", {
+						d: "M0 0 C10.23 0 20.46 0 31 0 C32.25 2.5 32.11 4.2 32.1 7 C32.09 8 32.09 9 32.09 10 C32.08 11.5 32.08 11.5 32.06 13.1 C32.06 14.1 32.05 15.2 32.05 16.3 C32.04 18.8 32.02 21.4 32 24 C30.68 24 29.36 24 28 24 C28 25.65 28 27.3 28 29 C26.35 29 24.7 29 23 29 C23 33 23 37 23 41 C21.02 41 19.04 41 17 41 C17 43.3 17 45.6 17 48 C16.01 48 15.02 48 14 48 C14 49.3 14 50.6 14 52 C13.01 52 12.02 52 11 52 C11 55 11 58 11 61 C6.38 61 1.76 61 -3 61 C-3 63.3 -3 65.6 -3 68 C-7.62 68 -12.24 68 -17 68 C-17 64.7 -17 61.4 -17 58 C-17.99 58 -18.98 58 -20 58 C-20 57.01 -20 56.02 -20 55 C-20.99 55 -21.98 55 -23 55 C-23 54.01 -23 53.02 -23 52 C-23.99 52 -24.98 52 -26 52 C-26 51.01 -26 50.02 -26 49 C-26.99 49 -27.98 49 -29 49 C-29 48.34 -29 47.68 -29 47 C-29.66 47 -30.32 47 -31 47 C-31 38.1 -31 29.2 -31 20 C-27.04 20 -23.08 20 -19 20 C-19 22 -19 24 -19 26 C-16.03 26 -13.06 26 -10 26 C-10 25 10 24 10 23 C-8.68 23 -7.36 23 -6 23 C-6 22.3 -6 21.7 -6 21 C-5 21 -4 21 -3 21 C-3 15 -3 9.1 -3 3 C-2 3 -1 3 0 3 C0 2 0 1 0 0 Z",
+						fill: "currentColor",
+						transform: "translate(57,35)"
+					}),
+					/* @__PURE__ */ a("path", {
+						d: "M5 5 C5 5.66 5 6.32 5 7 C4 7 3 7 2 7 C2 12.9 2 18.9 2 25 C1 25 0 25 -1 25 C-1 26 -1 27 -1 28 C-2.3 28 -3.6 28 -5 28 C-5 29 -5 30 -5 31 C-6.6 31 -8.3 31 -10 31 C-10 32 -10 33 -10 34 C-10.7 34 -11.3 34 -12 34 C-12 34.7 -12 35.3 -12 36 C-14 36 -16 36 -18 36 C-18 35 -18 34 -18 33 C-19 33 -20 33 -21 33 C-21 32.3 -21 31.7 -21 31 C-22 31 -23 31 -24 31 C-24 29 -24 27 -24 25 C-25 25 -26 25 -27 25 C-27 30.6 -27 36.2 -27 42 C-26 42 -25 42 -24 42 C-24 42.7 -24 43.3 -24 44 C-23 44 -22 44 -21 44 C-21 45 -21 46 -21 47 C-20 47 -19 47 -18 47 C-18 48 -18 49 -18 50 C-17 50 -16 50 -15 50 C-15 51 -15 52 -15 53 C-14.3 53 -13.7 53 -13 53 C-13 56.6 -13 60.3 -13 64 C-11 64 -9 64 -7 64 C-7 63 -7 62 -7 61 C-7.7 61 -8.3 61 -9 61 C-9 60.3 -9 59.7 -9 59 C-8.3 59 -7.7 59 -7 59 C-7 58 -7 57 -7 56 C-6 56 -5 56 -4 56 C-4 55 -4 54 -4 53 C-3 53 -2 53 -1 53 C-1 54 -1 55 -1 56 C1.7 57.4 4 57.1 7 57 C7 56 -7 55 -7 54 C6 54 5 54 4 54 C4 52.7 4 51.4 4 50 C5 50 6 50 7 50 C7 49 7 48 7 47 C7.7 47 8.3 47 9 47 C9 43.1 9 44.4 9 43 C10 43 11 43 12 43 C12 40 12 37.1 12 34 C13 34 14 34 15 34 C15 34.7 15 35.3 15 36 C16 36 17 36 18 36 C18 34.4 18 32.7 18 31 C16 31 14 31 12 31 C12 29 12 27 12 25 C16 25 19.9 25 24 25 C24 24 24 23 24 22 C21 22 18.1 22 15 22 C15 21 15 20 15 19 C19.6 19 24.2 19 29 19 C29 15 29 11.1 29 7 C28 7 27 7 26 7 C26 6.3 26 5.7 26 5 C19.1 5 12.1 5 5 5 Z",
+						fill: "var(--background)",
+						transform: "translate(57,35)"
+					}),
+					/* @__PURE__ */ a("path", {
+						d: "M0 0 C1.65 0 3.3 0 5 0 C6.25 2.5 6.11 4.2 6.1 7 C6.09 8 6.09 9 6.09 10 C6.08 11 6.07 12.1 6.06 13.1 C6.06 14.2 6.05 15.2 6.05 16.3 C6.04 18.9 6.02 21.4 6 24 C5.24 23.8 4.47 23.7 3.69 23.5 C0.96 22.9 0.96 22.9 -2 23 C-3.56 22.8 -5.13 22.7 -6.69 22.5 C-7.9 22.4 -7.9 22.4 -9.14 22.2 C-9.75 22.1 -10.37 22.1 -11 22 C-11 21 -11 20 -11 19 C-6.38 19 -1.76 19 3 19 C3 15 3 11.1 3 7 C2 7 1 7 0 7 C0 6.3 0 5.7 0 5 C-6.93 5 -13.9 5 -21 5 C-21.3 5.7 -21.7 6.3 -22 7 C-22 6 -22 5 -22 4 C-15.4 4 -8.8 4 -2 4 C-1.34 2.7 -0.68 1.4 0 0 Z",
+						fill: "currentColor",
+						transform: "translate(83,35)"
+					}),
+					/* @__PURE__ */ a("path", {
+						d: "M0 0 C0.33 3.6 0.66 7.3 1 11 C-0.65 10.7 -2.3 10.3 -4 10 C-4 8 -4 6 -4 4 C-4.99 3.7 -5.98 3.3 -7 3 C-4.5 0 -4.26 0 0 0 Z",
+						fill: "currentColor",
+						transform: "translate(38,55)"
+					}),
+					/* @__PURE__ */ a("path", {
+						d: "M0 0 C1.98 0 3.96 0 6 0 C6 1.98 6 3.96 6 6 C4.02 6 2.04 6 0 6 C0 4.02 0 2.04 0 0 Z",
+						fill: "currentColor",
+						transform: "translate(64,44)"
+					})
+				]
+			}),
+			/* @__PURE__ */ a(r.g, {
+				className: "dino-leg-left",
+				children: /* @__PURE__ */ a("path", {
+					d: "M0 0 C0.99 0 1.98 0 3 0 C3 0.66 3 1.32 3 2 C4 2.3 5 2.7 6 3 C5.01 4.5 5.01 4.5 4 6 C3.34 6 2.68 6 2 6 C1.67 7.3 1.34 8.6 1 10 C1 9 1 8 1 7 C0 7 -1 7 -2 7 C-1.34 4.7 -0.68 2.4 0 0 Z",
+					fill: "currentColor",
+					transform: "translate(30,77)"
+				})
+			}),
+			/* @__PURE__ */ a(r.g, {
+				className: "dino-leg-right",
+				children: /* @__PURE__ */ a("path", {
+					d: "M0 0 C0.33 0 0.66 0 1 0 C1 3.3 1 6.6 1 10 C1.66 10 2.32 10 3 10 C3.33 8.7 3.66 7.4 4 6 C4 6.7 4 7.3 4 8 C4.66 8 5.32 8 6 8 C6 8.99 6 9.98 6 11 C4.02 11 2.04 11 0 11 C0 7.37 0 3.74 0 0 Z",
+					fill: "currentColor",
+					transform: "translate(44,88)"
+				})
+			})
+		]
+	});
+});
+s.displayName = "DinoIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=dino-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dino-icon.js","names":[],"sources":["../../src/animations/dino-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst DinoIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  ({ size = 24, className = \"\" }, ref) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(() => {\n      // 1. Tilt head to the sky\n      animate(\n        scope.current,\n        { rotate: -10 },\n        {\n          duration: 0.3,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate, scope]);\n\n    const stop = useCallback(() => {\n      animate(scope.current, { rotate: 0 }, { duration: 0.2, ease: \"easeIn\" });\n    }, [animate, scope]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    const cutoutColor = \"var(--background)\";\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 121 125\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\", transformOrigin: \"bottom center\" }}\n      >\n        <motion.g className=\"dino-body\">\n          {/* 1. Full Body Silhouette (Solid currentColor) */}\n          <path\n            d=\"M0 0 C10.23 0 20.46 0 31 0 C32.25 2.5 32.11 4.2 32.1 7 C32.09 8 32.09 9 32.09 10 C32.08 11.5 32.08 11.5 32.06 13.1 C32.06 14.1 32.05 15.2 32.05 16.3 C32.04 18.8 32.02 21.4 32 24 C30.68 24 29.36 24 28 24 C28 25.65 28 27.3 28 29 C26.35 29 24.7 29 23 29 C23 33 23 37 23 41 C21.02 41 19.04 41 17 41 C17 43.3 17 45.6 17 48 C16.01 48 15.02 48 14 48 C14 49.3 14 50.6 14 52 C13.01 52 12.02 52 11 52 C11 55 11 58 11 61 C6.38 61 1.76 61 -3 61 C-3 63.3 -3 65.6 -3 68 C-7.62 68 -12.24 68 -17 68 C-17 64.7 -17 61.4 -17 58 C-17.99 58 -18.98 58 -20 58 C-20 57.01 -20 56.02 -20 55 C-20.99 55 -21.98 55 -23 55 C-23 54.01 -23 53.02 -23 52 C-23.99 52 -24.98 52 -26 52 C-26 51.01 -26 50.02 -26 49 C-26.99 49 -27.98 49 -29 49 C-29 48.34 -29 47.68 -29 47 C-29.66 47 -30.32 47 -31 47 C-31 38.1 -31 29.2 -31 20 C-27.04 20 -23.08 20 -19 20 C-19 22 -19 24 -19 26 C-16.03 26 -13.06 26 -10 26 C-10 25 10 24 10 23 C-8.68 23 -7.36 23 -6 23 C-6 22.3 -6 21.7 -6 21 C-5 21 -4 21 -3 21 C-3 15 -3 9.1 -3 3 C-2 3 -1 3 0 3 C0 2 0 1 0 0 Z\"\n            fill=\"currentColor\"\n            transform=\"translate(57,35)\"\n          />\n\n          {/* 2. Interior Cutouts (Fill with background) */}\n          <path\n            d=\"M5 5 C5 5.66 5 6.32 5 7 C4 7 3 7 2 7 C2 12.9 2 18.9 2 25 C1 25 0 25 -1 25 C-1 26 -1 27 -1 28 C-2.3 28 -3.6 28 -5 28 C-5 29 -5 30 -5 31 C-6.6 31 -8.3 31 -10 31 C-10 32 -10 33 -10 34 C-10.7 34 -11.3 34 -12 34 C-12 34.7 -12 35.3 -12 36 C-14 36 -16 36 -18 36 C-18 35 -18 34 -18 33 C-19 33 -20 33 -21 33 C-21 32.3 -21 31.7 -21 31 C-22 31 -23 31 -24 31 C-24 29 -24 27 -24 25 C-25 25 -26 25 -27 25 C-27 30.6 -27 36.2 -27 42 C-26 42 -25 42 -24 42 C-24 42.7 -24 43.3 -24 44 C-23 44 -22 44 -21 44 C-21 45 -21 46 -21 47 C-20 47 -19 47 -18 47 C-18 48 -18 49 -18 50 C-17 50 -16 50 -15 50 C-15 51 -15 52 -15 53 C-14.3 53 -13.7 53 -13 53 C-13 56.6 -13 60.3 -13 64 C-11 64 -9 64 -7 64 C-7 63 -7 62 -7 61 C-7.7 61 -8.3 61 -9 61 C-9 60.3 -9 59.7 -9 59 C-8.3 59 -7.7 59 -7 59 C-7 58 -7 57 -7 56 C-6 56 -5 56 -4 56 C-4 55 -4 54 -4 53 C-3 53 -2 53 -1 53 C-1 54 -1 55 -1 56 C1.7 57.4 4 57.1 7 57 C7 56 -7 55 -7 54 C6 54 5 54 4 54 C4 52.7 4 51.4 4 50 C5 50 6 50 7 50 C7 49 7 48 7 47 C7.7 47 8.3 47 9 47 C9 43.1 9 44.4 9 43 C10 43 11 43 12 43 C12 40 12 37.1 12 34 C13 34 14 34 15 34 C15 34.7 15 35.3 15 36 C16 36 17 36 18 36 C18 34.4 18 32.7 18 31 C16 31 14 31 12 31 C12 29 12 27 12 25 C16 25 19.9 25 24 25 C24 24 24 23 24 22 C21 22 18.1 22 15 22 C15 21 15 20 15 19 C19.6 19 24.2 19 29 19 C29 15 29 11.1 29 7 C28 7 27 7 26 7 C26 6.3 26 5.7 26 5 C19.1 5 12.1 5 5 5 Z\"\n            fill={cutoutColor}\n            transform=\"translate(57,35)\"\n          />\n\n          {/* 3. Head/Face segments: Solid currentColor */}\n          <path\n            d=\"M0 0 C1.65 0 3.3 0 5 0 C6.25 2.5 6.11 4.2 6.1 7 C6.09 8 6.09 9 6.09 10 C6.08 11 6.07 12.1 6.06 13.1 C6.06 14.2 6.05 15.2 6.05 16.3 C6.04 18.9 6.02 21.4 6 24 C5.24 23.8 4.47 23.7 3.69 23.5 C0.96 22.9 0.96 22.9 -2 23 C-3.56 22.8 -5.13 22.7 -6.69 22.5 C-7.9 22.4 -7.9 22.4 -9.14 22.2 C-9.75 22.1 -10.37 22.1 -11 22 C-11 21 -11 20 -11 19 C-6.38 19 -1.76 19 3 19 C3 15 3 11.1 3 7 C2 7 1 7 0 7 C0 6.3 0 5.7 0 5 C-6.93 5 -13.9 5 -21 5 C-21.3 5.7 -21.7 6.3 -22 7 C-22 6 -22 5 -22 4 C-15.4 4 -8.8 4 -2 4 C-1.34 2.7 -0.68 1.4 0 0 Z\"\n            fill=\"currentColor\"\n            transform=\"translate(83,35)\"\n          />\n          <path\n            d=\"M0 0 C0.33 3.6 0.66 7.3 1 11 C-0.65 10.7 -2.3 10.3 -4 10 C-4 8 -4 6 -4 4 C-4.99 3.7 -5.98 3.3 -7 3 C-4.5 0 -4.26 0 0 0 Z\"\n            fill=\"currentColor\"\n            transform=\"translate(38,55)\"\n          />\n\n          {/* 4. Eye Detail: User requested currentColor (Solid) */}\n          <path\n            d=\"M0 0 C1.98 0 3.96 0 6 0 C6 1.98 6 3.96 6 6 C4.02 6 2.04 6 0 6 C0 4.02 0 2.04 0 0 Z\"\n            fill=\"currentColor\"\n            transform=\"translate(64,44)\"\n          />\n        </motion.g>\n\n        {/* Legs: Solid currentColor */}\n        <motion.g className=\"dino-leg-left\">\n          <path\n            d=\"M0 0 C0.99 0 1.98 0 3 0 C3 0.66 3 1.32 3 2 C4 2.3 5 2.7 6 3 C5.01 4.5 5.01 4.5 4 6 C3.34 6 2.68 6 2 6 C1.67 7.3 1.34 8.6 1 10 C1 9 1 8 1 7 C0 7 -1 7 -2 7 C-1.34 4.7 -0.68 2.4 0 0 Z\"\n            fill=\"currentColor\"\n            transform=\"translate(30,77)\"\n          />\n        </motion.g>\n\n        <motion.g className=\"dino-leg-right\">\n          <path\n            d=\"M0 0 C0.33 0 0.66 0 1 0 C1 3.3 1 6.6 1 10 C1.66 10 2.32 10 3 10 C3.33 8.7 3.66 7.4 4 6 C4 6.7 4 7.3 4 8 C4.66 8 5.32 8 6 8 C6 8.99 6 9.98 6 11 C4.02 11 2.04 11 0 11 C0 7.37 0 3.74 0 0 Z\"\n            fill=\"currentColor\"\n            transform=\"translate(44,88)\"\n          />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nDinoIcon.displayName = \"DinoIcon\";\nexport default DinoIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAW,GACd,EAAE,UAAO,IAAI,eAAY,MAAM,MAAQ;CACtC,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAE9B,EACE,EAAM,SACN,EAAE,QAAQ,IAAI,GACd;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,GAAS,CAAK,CAAC,GAEb,IAAO,QAAkB;EAC7B,EAAQ,EAAM,SAAS,EAAE,QAAQ,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAS,CAAC;CACzE,GAAG,CAAC,GAAS,CAAK,CAAC;CASnB,OAPA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAKA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,WAAW,kBAAkB;EAC7B,OAAO;GAAE,UAAU;GAAW,iBAAiB;EAAgB;EATjE,UAAA;GAWE,kBAAC,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA;KAEE,kBAAC,QAAD;MACE,GAAE;MACF,MAAK;MACL,WAAU;KACX,CAAA;KAGD,kBAAC,QAAD;MACE,GAAE;MACF,MAAM;MACN,WAAU;KACX,CAAA;KAGD,kBAAC,QAAD;MACE,GAAE;MACF,MAAK;MACL,WAAU;KACX,CAAA;KACD,kBAAC,QAAD;MACE,GAAE;MACF,MAAK;MACL,WAAU;KACX,CAAA;KAGD,kBAAC,QAAD;MACE,GAAE;MACF,MAAK;MACL,WAAU;KACX,CAAA;IACO;;GAGV,kBAAC,EAAO,GAAR;IAAU,WAAU;IAClB,UAAA,kBAAC,QAAD;KACE,GAAE;KACF,MAAK;KACL,WAAU;IACX,CAAA;GACO,CAAA;GAEV,kBAAC,EAAO,GAAR;IAAU,WAAU;IAClB,UAAA,kBAAC,QAAD;KACE,GAAE;KACF,MAAK;KACL,WAAU;IACX,CAAA;GACO,CAAA;EACA;;AAEhB,CACF;AAEA,EAAS,cAAc"}

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

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

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

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

package/dist/animations/discord-icon.js

@@ -0,0 +1,89 @@
+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/discord-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		f(".eyes", { scale: [
+			1,
+			1.3,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeInOut"
+		}), await f(".mouth", { scaleX: [
+			1,
+			1.1,
+			1
+		] }, {
+			duration: .4,
+			ease: "easeInOut"
+		}), f(".body", { y: [
+			0,
+			-1,
+			0
+		] }, {
+			duration: .5,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".eyes, .mouth, .body", {
+			x: 0,
+			y: 0,
+			scale: 1,
+			scaleX: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__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",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "eyes",
+				style: { transformOrigin: "9 12" },
+				d: "M8 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "eyes",
+				style: { transformOrigin: "15 12" },
+				d: "M14 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "mouth",
+				style: { transformOrigin: "center" },
+				d: "M7 16.5c3.5 1 6.5 1 10 0"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "body",
+				d: "M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833 -1.667 3.5 -3c.667 -1.667 .5 -5.833 -1.5 -11.5c-1.457 -1.015 -3 -1.34 -4.5 -1.5l-.972 1.923a11.913 11.913 0 0 0 -4.053 0l-.975 -1.923c-1.5 .16 -3.043 .485 -4.5 1.5c-2 5.667 -2.167 9.833 -1.5 11.5c.667 1.333 2 3 3.5 3c.5 0 2 -2 2 -3"
+			})
+		]
+	});
+});
+s.displayName = "DiscordIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=discord-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"discord-icon.js","names":[],"sources":["../../src/animations/discord-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst DiscordIcon = 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(async () => {\n      animate(\n        \".eyes\",\n        { scale: [1, 1.3, 1] },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n      await animate(\n        \".mouth\",\n        { scaleX: [1, 1.1, 1] },\n        { duration: 0.4, ease: \"easeInOut\" },\n      );\n      animate(\".body\", { y: [0, -1, 0] }, { duration: 0.5, ease: \"easeInOut\" });\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".eyes, .mouth, .body\",\n        { x: 0, y: 0, scale: 1, scaleX: 1 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: 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={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"eyes\"\n          style={{ transformOrigin: \"9 12\" }}\n          d=\"M8 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0\"\n        />\n        <motion.path\n          className=\"eyes\"\n          style={{ transformOrigin: \"15 12\" }}\n          d=\"M14 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0\"\n        />\n        <motion.path\n          className=\"mouth\"\n          style={{ transformOrigin: \"center\" }}\n          d=\"M7 16.5c3.5 1 6.5 1 10 0\"\n        />\n        <motion.path\n          className=\"body\"\n          d=\"M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833 -1.667 3.5 -3c.667 -1.667 .5 -5.833 -1.5 -11.5c-1.457 -1.015 -3 -1.34 -4.5 -1.5l-.972 1.923a11.913 11.913 0 0 0 -4.053 0l-.975 -1.923c-1.5 .16 -3.043 .485 -4.5 1.5c-2 5.667 -2.167 9.833 -1.5 11.5c.667 1.333 2 3 3.5 3c.5 0 2 -2 2 -3\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nDiscordIcon.displayName = \"DiscordIcon\";\nexport default DiscordIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAWpC,AAVA,EACE,SACA,EAAE,OAAO;GAAC;GAAG;GAAK;EAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,MAAM,EACJ,UACA,EAAE,QAAQ;GAAC;GAAG;GAAK;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EAAQ,SAAS,EAAE,GAAG;GAAC;GAAG;GAAI;EAAC,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CAC1E,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,wBACA;GAAE,GAAG;GAAG,GAAG;GAAG,OAAO;GAAG,QAAQ;EAAE,GAClC;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,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,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,OAAO;IACjC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,QAAQ;IAClC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,SAAS;IACnC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAY,cAAc"}

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

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

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

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