nfx-ui 0.20.0 → 0.22.0

package/dist/animations/star-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/star-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(".star-fill", {
+			opacity: [0, 1],
+			scale: [.8, 1]
+		}, {
+			duration: .4,
+			ease: "easeOut"
+		}), f(".star-outline", {
+			scale: [
+				1,
+				1.1,
+				1
+			],
+			rotate: [
+				0,
+				-5,
+				5,
+				0
+			]
+		}, {
+			duration: .5,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".star-fill", { opacity: [1, 0] }, {
+			duration: .3,
+			ease: "easeOut"
+		}), f(".star-outline", {
+			scale: 1,
+			rotate: 0
+		}, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: 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}`,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "star-fill",
+				d: "M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z",
+				fill: s,
+				opacity: 0,
+				style: { transformOrigin: "center" }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "star-outline",
+				d: "M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z",
+				style: { transformOrigin: "center" }
+			})
+		]
+	});
+});
+s.displayName = "StarIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=star-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"star-icon.js","names":[],"sources":["../../src/animations/star-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst StarIcon = 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        \".star-fill\",\n        { opacity: [0, 1], scale: [0.8, 1] },\n        { duration: 0.4, ease: \"easeOut\" },\n      );\n      animate(\n        \".star-outline\",\n        { scale: [1, 1.1, 1], rotate: [0, -5, 5, 0] },\n        { duration: 0.5, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".star-fill\",\n        { opacity: [1, 0] },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n      animate(\n        \".star-outline\",\n        { scale: 1, rotate: 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        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      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"star-fill\"\n          d=\"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z\"\n          fill={color}\n          opacity={0}\n          style={{ transformOrigin: \"center\" }}\n        />\n        <motion.path\n          className=\"star-outline\"\n          d=\"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z\"\n          style={{ transformOrigin: \"center\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nStarIcon.displayName = \"StarIcon\";\nexport default StarIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAW,GAEb,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAMpC,AALA,EACE,cACA;GAAE,SAAS,CAAC,GAAG,CAAC;GAAG,OAAO,CAAC,IAAK,CAAC;EAAE,GACnC;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,EACE,iBACA;GAAE,OAAO;IAAC;IAAG;IAAK;GAAC;GAAG,QAAQ;IAAC;IAAG;IAAI;IAAG;GAAC;EAAE,GAC5C;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAM7B,AALA,EACE,cACA,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,GAClB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,EACE,iBACA;GAAE,OAAO;GAAG,QAAQ;EAAE,GACtB;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,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAb/B,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,MAAM;IACN,SAAS;IACT,OAAO,EAAE,iBAAiB,SAAS;GACpC,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,SAAS;GACpC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAS,cAAc"}

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

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

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

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

package/dist/animations/subscript-icon.js

@@ -0,0 +1,74 @@
+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/subscript-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		await f(".x-mark", { scale: [
+			1,
+			1.06,
+			1
+		] }, {
+			duration: .25,
+			ease: "easeOut"
+		}), f(".subscript", {
+			y: [
+				0,
+				4,
+				3
+			],
+			scale: [
+				1,
+				.9,
+				.92
+			],
+			opacity: [
+				1,
+				.9,
+				1
+			]
+		}, {
+			duration: .45,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".x-mark, .subscript", {
+			scale: 1,
+			y: 0,
+			opacity: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: 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}`,
+		children: [/* @__PURE__ */ o(r.g, {
+			className: "x-mark",
+			children: [/* @__PURE__ */ a("path", { d: "m4 5 8 8" }), /* @__PURE__ */ a("path", { d: "m12 5-8 8" })]
+		}), /* @__PURE__ */ a(r.path, {
+			className: "subscript",
+			d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07"
+		})]
+	});
+});
+s.displayName = "SubscriptIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=subscript-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"subscript-icon.js","names":[],"sources":["../../src/animations/subscript-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst SubscriptIcon = 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      await animate(\n        \".x-mark\",\n        { scale: [1, 1.06, 1] },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n\n      animate(\n        \".subscript\",\n        {\n          y: [0, 4, 3],\n          scale: [1, 0.9, 0.92],\n          opacity: [1, 0.9, 1],\n        },\n        {\n          duration: 0.45,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".x-mark, .subscript\",\n        { scale: 1, y: 0, opacity: 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        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      >\n        <motion.g className=\"x-mark\">\n          <path d=\"m4 5 8 8\" />\n          <path d=\"m12 5-8 8\" />\n        </motion.g>\n\n        <motion.path\n          className=\"subscript\"\n          d=\"M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nSubscriptIcon.displayName = \"SubscriptIcon\";\nexport default SubscriptIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAgB,GAElB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAOpC,AANA,MAAM,EACJ,WACA,EAAE,OAAO;GAAC;GAAG;GAAM;EAAC,EAAE,GACtB;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GAEA,EACE,cACA;GACE,GAAG;IAAC;IAAG;IAAG;GAAC;GACX,OAAO;IAAC;IAAG;IAAK;GAAI;GACpB,SAAS;IAAC;IAAG;IAAK;GAAC;EACrB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,uBACA;GAAE,OAAO;GAAG,GAAG;GAAG,SAAS;EAAE,GAC7B;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,cAAc;EACd,YAAY;EACZ,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,GAAR;GAAU,WAAU;GAApB,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA,GACpB,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA,CACb;EAEV,CAAA,GAAA,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA,CACS;;AAEhB,CACF;AAEA,EAAc,cAAc"}

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

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

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

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

package/dist/animations/target-icon.js

@@ -0,0 +1,107 @@
+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/target-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(".circle-outer", {
+			scale: [
+				1,
+				1.1,
+				1
+			],
+			opacity: [
+				1,
+				.7,
+				1
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut"
+		}), f(".circle-middle", {
+			scale: [
+				1,
+				1.15,
+				1
+			],
+			opacity: [
+				1,
+				.6,
+				1
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut",
+			delay: .1
+		}), await f(".circle-inner", {
+			scale: [
+				1,
+				1.3,
+				1
+			],
+			opacity: [
+				1,
+				.5,
+				1
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut",
+			delay: .2
+		});
+	}, [f]), m = t(() => {
+		f(".circle-outer, .circle-middle, .circle-inner", {
+			scale: 1,
+			opacity: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: 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}`,
+		children: [
+			/* @__PURE__ */ a(r.circle, {
+				className: "circle-outer",
+				cx: "12",
+				cy: "12",
+				r: "10",
+				style: { transformOrigin: "12px 12px" }
+			}),
+			/* @__PURE__ */ a(r.circle, {
+				className: "circle-middle",
+				cx: "12",
+				cy: "12",
+				r: "6",
+				style: { transformOrigin: "12px 12px" }
+			}),
+			/* @__PURE__ */ a(r.circle, {
+				className: "circle-inner",
+				cx: "12",
+				cy: "12",
+				r: "2",
+				style: { transformOrigin: "12px 12px" }
+			})
+		]
+	});
+});
+s.displayName = "TargetIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=target-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"target-icon.js","names":[],"sources":["../../src/animations/target-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst TargetIcon = 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      // Pulse all circles outward from center\n      animate(\n        \".circle-outer\",\n        {\n          scale: [1, 1.1, 1],\n          opacity: [1, 0.7, 1],\n        },\n        {\n          duration: 0.6,\n          ease: \"easeInOut\",\n        },\n      );\n\n      animate(\n        \".circle-middle\",\n        {\n          scale: [1, 1.15, 1],\n          opacity: [1, 0.6, 1],\n        },\n        {\n          duration: 0.6,\n          ease: \"easeInOut\",\n          delay: 0.1,\n        },\n      );\n\n      await animate(\n        \".circle-inner\",\n        {\n          scale: [1, 1.3, 1],\n          opacity: [1, 0.5, 1],\n        },\n        {\n          duration: 0.6,\n          ease: \"easeInOut\",\n          delay: 0.2,\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".circle-outer, .circle-middle, .circle-inner\",\n        { scale: 1, opacity: 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        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      >\n        <motion.circle\n          className=\"circle-outer\"\n          cx=\"12\"\n          cy=\"12\"\n          r=\"10\"\n          style={{ transformOrigin: \"12px 12px\" }}\n        />\n\n        <motion.circle\n          className=\"circle-middle\"\n          cx=\"12\"\n          cy=\"12\"\n          r=\"6\"\n          style={{ transformOrigin: \"12px 12px\" }}\n        />\n\n        <motion.circle\n          className=\"circle-inner\"\n          cx=\"12\"\n          cy=\"12\"\n          r=\"2\"\n          style={{ transformOrigin: \"12px 12px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nTargetIcon.displayName = \"TargetIcon\";\nexport default TargetIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAa,GAEf,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EA2BpC,AAzBA,EACE,iBACA;GACE,OAAO;IAAC;IAAG;IAAK;GAAC;GACjB,SAAS;IAAC;IAAG;IAAK;GAAC;EACrB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,kBACA;GACE,OAAO;IAAC;IAAG;IAAM;GAAC;GAClB,SAAS;IAAC;IAAG;IAAK;GAAC;EACrB,GACA;GACE,UAAU;GACV,MAAM;GACN,OAAO;EACT,CACF,GAEA,MAAM,EACJ,iBACA;GACE,OAAO;IAAC;IAAG;IAAK;GAAC;GACjB,SAAS;IAAC;IAAG;IAAK;GAAC;EACrB,GACA;GACE,UAAU;GACV,MAAM;GACN,OAAO;EACT,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,gDACA;GAAE,OAAO;GAAG,SAAS;EAAE,GACvB;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,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAb/B,UAAA;GAeE,kBAAC,EAAO,QAAR;IACE,WAAU;IACV,IAAG;IACH,IAAG;IACH,GAAE;IACF,OAAO,EAAE,iBAAiB,YAAY;GACvC,CAAA;GAED,kBAAC,EAAO,QAAR;IACE,WAAU;IACV,IAAG;IACH,IAAG;IACH,GAAE;IACF,OAAO,EAAE,iBAAiB,YAAY;GACvC,CAAA;GAED,kBAAC,EAAO,QAAR;IACE,WAAU;IACV,IAAG;IACH,IAAG;IACH,GAAE;IACF,OAAO,EAAE,iBAAiB,YAAY;GACvC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAW,cAAc"}

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

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

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

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

package/dist/animations/telephone-icon.js

@@ -0,0 +1,92 @@
+import { scaledStrokeWidth as e } from "./types.js";
+import { forwardRef as t, useCallback as n, useImperativeHandle as r } from "react";
+import { motion as i, useAnimate as a } from "motion/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/animations/telephone-icon.tsx
+var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, className: u = "" }, d) => {
+	let [f, p] = a(), m = n(async () => {
+		p(".stadium-roof", { y: -3 }, {
+			duration: .25,
+			ease: "easeOut"
+		}), p(".stadium-pillar-left", { y: -2 }, {
+			duration: .25,
+			ease: "easeOut"
+		}), p(".stadium-pillar-right", { y: -2 }, {
+			duration: .25,
+			ease: "easeOut"
+		}), p(".stadium-center", { scale: [
+			1,
+			1.15,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeInOut"
+		}), p(".stadium-bowl", { scaleY: [
+			1,
+			.97,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [p]), h = n(async () => {
+		p(".stadium-roof, .stadium-pillar-left, .stadium-pillar-right, .stadium-center, .stadium-bowl", {
+			x: 0,
+			y: 0,
+			scale: 1,
+			scaleY: 1
+		}, {
+			duration: .25,
+			ease: "easeInOut"
+		});
+	}, [p]);
+	return r(d, () => ({
+		startAnimation: m,
+		stopAnimation: h
+	})), /* @__PURE__ */ o(i.div, {
+		ref: f,
+		onHoverStart: m,
+		onHoverEnd: h,
+		className: `inline-flex cursor-pointer ${u}`,
+		children: /* @__PURE__ */ s("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: t,
+			height: t,
+			viewBox: "0 0 48 48",
+			fill: "none",
+			stroke: c,
+			strokeWidth: e(l, 48),
+			strokeMiterlimit: "10",
+			strokeLinecap: "square",
+			children: [
+				/* @__PURE__ */ o(i.path, {
+					className: "stadium-bowl",
+					style: { transformOrigin: "24px 35px" },
+					d: "M38 43H10C7.23858 43 5 40.7614 5 38V34.8496C5 33.6561 5.42696 32.5019 6.20372 31.5957L17 19H31L41.7963 31.5957C42.573 32.5019 43 33.6561 43 34.8496V38C43 40.7614 40.7614 43 38 43Z"
+				}),
+				/* @__PURE__ */ o(i.path, {
+					className: "stadium-center",
+					style: { transformOrigin: "24px 32px" },
+					d: "M24 37C26.7614 37 29 34.7614 29 32C29 29.2386 26.7614 27 24 27C21.2386 27 19 29.2386 19 32C19 34.7614 21.2386 37 24 37Z"
+				}),
+				/* @__PURE__ */ o(i.path, {
+					className: "stadium-roof",
+					d: "M11 18H7.5C6.11929 18 5 16.8807 5 15.5V12.263C5 10.4575 6.13996 8.83551 7.84843 8.19566C19.2334 3.93478 28.7666 3.93478 40.1516 8.19566C41.86 8.83551 43 10.4575 43 12.263V15.5C43 16.8807 41.8807 18 40.5 18H37"
+				}),
+				/* @__PURE__ */ o(i.path, {
+					className: "stadium-pillar stadium-pillar-left",
+					d: "M17 19V14"
+				}),
+				/* @__PURE__ */ o(i.path, {
+					className: "stadium-pillar stadium-pillar-right",
+					d: "M31 19V14"
+				})
+			]
+		})
+	});
+});
+c.displayName = "TelephoneIcon";
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=telephone-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"telephone-icon.js","names":[],"sources":["../../src/animations/telephone-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { scaledStrokeWidth } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst TelephoneIcon = 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(\".stadium-roof\", { y: -3 }, { duration: 0.25, ease: \"easeOut\" });\n\n      animate(\n        \".stadium-pillar-left\",\n        { y: -2 },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n\n      animate(\n        \".stadium-pillar-right\",\n        { y: -2 },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n      animate(\n        \".stadium-center\",\n        { scale: [1, 1.15, 1] },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n      animate(\n        \".stadium-bowl\",\n        { scaleY: [1, 0.97, 1] },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(async () => {\n      const resetProps = { x: 0, y: 0, scale: 1, scaleY: 1 };\n      const resetOptions = { duration: 0.25, ease: \"easeInOut\" as const };\n\n      animate(\n        \".stadium-roof, .stadium-pillar-left, .stadium-pillar-right, .stadium-center, .stadium-bowl\",\n        resetProps,\n        resetOptions,\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.div\n        ref={scope}\n        onHoverStart={start}\n        onHoverEnd={stop}\n        className={`inline-flex cursor-pointer ${className}`}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width={size}\n          height={size}\n          viewBox=\"0 0 48 48\"\n          fill=\"none\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 48)}\n          strokeMiterlimit=\"10\"\n          strokeLinecap=\"square\"\n        >\n          <motion.path\n            className=\"stadium-bowl\"\n            style={{ transformOrigin: \"24px 35px\" }}\n            d=\"M38 43H10C7.23858 43 5 40.7614 5 38V34.8496C5 33.6561 5.42696 32.5019 6.20372 31.5957L17 19H31L41.7963 31.5957C42.573 32.5019 43 33.6561 43 34.8496V38C43 40.7614 40.7614 43 38 43Z\"\n          />\n\n          <motion.path\n            className=\"stadium-center\"\n            style={{ transformOrigin: \"24px 32px\" }}\n            d=\"M24 37C26.7614 37 29 34.7614 29 32C29 29.2386 26.7614 27 24 27C21.2386 27 19 29.2386 19 32C19 34.7614 21.2386 37 24 37Z\"\n          />\n\n          <motion.path\n            className=\"stadium-roof\"\n            d=\"M11 18H7.5C6.11929 18 5 16.8807 5 15.5V12.263C5 10.4575 6.13996 8.83551 7.84843 8.19566C19.2334 3.93478 28.7666 3.93478 40.1516 8.19566C41.86 8.83551 43 10.4575 43 12.263V15.5C43 16.8807 41.8807 18 40.5 18H37\"\n          />\n\n          <motion.path\n            className=\"stadium-pillar stadium-pillar-left\"\n            d=\"M17 19V14\"\n          />\n\n          <motion.path\n            className=\"stadium-pillar stadium-pillar-right\"\n            d=\"M31 19V14\"\n          />\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nTelephoneIcon.displayName = \"TelephoneIcon\";\nexport default TelephoneIcon;\n"],"mappings":";;;;;AAKA,IAAM,IAAgB,GAElB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAmBpC,AAlBA,EAAQ,iBAAiB,EAAE,GAAG,GAAG,GAAG;GAAE,UAAU;GAAM,MAAM;EAAU,CAAC,GAEvE,EACE,wBACA,EAAE,GAAG,GAAG,GACR;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GAEA,EACE,yBACA,EAAE,GAAG,GAAG,GACR;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GACA,EACE,mBACA,EAAE,OAAO;GAAC;GAAG;GAAM;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EACE,iBACA,EAAE,QAAQ;GAAC;GAAG;GAAM;EAAC,EAAE,GACvB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,EAAY,YAAY;EAInC,EACE,8FACA;GALmB,GAAG;GAAG,GAAG;GAAG,OAAO;GAAG,QAAQ;EAKjD,GACA;GALqB,UAAU;GAAM,MAAM;EAK3C,CACF;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,cAAc;EACd,YAAY;EACZ,WAAW,8BAA8B;EAEzC,UAAA,kBAAC,OAAD;GACE,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACR,aAAa,EAAkB,GAAa,EAAE;GAC9C,kBAAiB;GACjB,eAAc;GAThB,UAAA;IAWE,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,OAAO,EAAE,iBAAiB,YAAY;KACtC,GAAE;IACH,CAAA;IAED,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,OAAO,EAAE,iBAAiB,YAAY;KACtC,GAAE;IACH,CAAA;IAED,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;IACH,CAAA;IAED,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;IACH,CAAA;IAED,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;IACH,CAAA;GACE;;CACK,CAAA;AAEhB,CACF;AAEA,EAAc,cAAc"}

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

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

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

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

package/dist/animations/terminal-icon.js

@@ -0,0 +1,71 @@
+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/terminal-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(".cursor-line", { opacity: [
+			1,
+			0,
+			1,
+			0,
+			1
+		] }, {
+			duration: .8,
+			ease: "easeInOut"
+		}), f(".terminal-chevron", { x: [
+			0,
+			2,
+			0
+		] }, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".cursor-line", { opacity: 1 }, {
+			duration: .2,
+			ease: "easeOut"
+		}), f(".terminal-chevron", { x: 0 }, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: 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}`,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "terminal-chevron",
+				d: "M5 7l5 5l-5 5"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "cursor-line",
+				d: "M12 19l7 0"
+			})
+		]
+	});
+});
+s.displayName = "TerminalIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=terminal-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"terminal-icon.js","names":[],"sources":["../../src/animations/terminal-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst TerminalIcon = 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        \".cursor-line\",\n        { opacity: [1, 0, 1, 0, 1] },\n        { duration: 0.8, ease: \"easeInOut\" },\n      );\n      animate(\n        \".terminal-chevron\",\n        { x: [0, 2, 0] },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".cursor-line\",\n        { opacity: 1 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n      animate(\n        \".terminal-chevron\",\n        { x: 0 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    }, [animate]);\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        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        <motion.path className=\"terminal-chevron\" d=\"M5 7l5 5l-5 5\" />\n        <motion.path className=\"cursor-line\" d=\"M12 19l7 0\" />\n      </motion.svg>\n    );\n  },\n);\n\nTerminalIcon.displayName = \"TerminalIcon\";\nexport default TerminalIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAe,GAEjB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAMpC,AALA,EACE,gBACA,EAAE,SAAS;GAAC;GAAG;GAAG;GAAG;GAAG;EAAC,EAAE,GAC3B;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EACE,qBACA,EAAE,GAAG;GAAC;GAAG;GAAG;EAAC,EAAE,GACf;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAM7B,AALA,EACE,gBACA,EAAE,SAAS,EAAE,GACb;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,EACE,qBACA,EAAE,GAAG,EAAE,GACP;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,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;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAb/B,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAmB,GAAE;GAAiB,CAAA;GAC7D,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAc,GAAE;GAAc,CAAA;EAC3C;;AAEhB,CACF;AAEA,EAAa,cAAc"}

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

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

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

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

package/dist/animations/toggle-icon.js

@@ -0,0 +1,61 @@
+import { scaledStrokeWidth as e } from "./types.js";
+import { forwardRef as t, useCallback as n, useImperativeHandle as r } from "react";
+import { motion as i, useAnimate as a } from "motion/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/animations/toggle-icon.tsx
+var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, className: u = "" }, d) => {
+	let [f, p] = a(), m = n(async () => {
+		await p(".toggle-knob", { x: [0, 12] }, {
+			duration: .4,
+			ease: "easeInOut"
+		}), p(".toggle-track", { opacity: [
+			1,
+			.8,
+			1
+		] }, {
+			duration: .4,
+			ease: "easeInOut"
+		});
+	}, [p]), h = n(() => {
+		p(".toggle-knob", { x: 0 }, {
+			duration: .2,
+			ease: "easeOut"
+		}), p(".toggle-track", { opacity: 1 }, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, [p]);
+	return r(d, () => ({
+		startAnimation: m,
+		stopAnimation: h
+	})), /* @__PURE__ */ s(i.svg, {
+		ref: f,
+		onHoverStart: m,
+		onHoverEnd: h,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: t,
+		height: t,
+		viewBox: "0 0 32 32",
+		fill: "none",
+		stroke: c,
+		strokeWidth: e(l, 32),
+		strokeLinecap: "square",
+		strokeMiterlimit: "10",
+		className: `cursor-pointer ${u}`,
+		children: [/* @__PURE__ */ o(i.path, {
+			className: "toggle-track",
+			d: "m10,7h12c4.971,0,9,4.029,9,9h0c0,4.971-4.029,9-9,9h-12c-4.971,0-9-4.029-9-9h0c0-4.971,4.029-9,9-9Z"
+		}), /* @__PURE__ */ o(i.circle, {
+			className: "toggle-knob",
+			cx: "10",
+			cy: "16",
+			r: "5",
+			style: { transformOrigin: "10px 16px" }
+		})]
+	});
+});
+c.displayName = "ToggleIcon";
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=toggle-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-icon.js","names":[],"sources":["../../src/animations/toggle-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { scaledStrokeWidth } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ToggleIcon = 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      await animate(\n        \".toggle-knob\",\n        {\n          x: [0, 12],\n        },\n        {\n          duration: 0.4,\n          ease: \"easeInOut\",\n        },\n      );\n      animate(\n        \".toggle-track\",\n        {\n          opacity: [1, 0.8, 1],\n        },\n        {\n          duration: 0.4,\n          ease: \"easeInOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".toggle-knob\", { x: 0 }, { duration: 0.2, ease: \"easeOut\" });\n      animate(\n        \".toggle-track\",\n        { opacity: 1 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    }, [animate]);\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 32 32\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n        strokeLinecap=\"square\"\n        strokeMiterlimit=\"10\"\n        className={`cursor-pointer ${className}`}\n      >\n        <motion.path\n          className=\"toggle-track\"\n          d=\"m10,7h12c4.971,0,9,4.029,9,9h0c0,4.971-4.029,9-9,9h-12c-4.971,0-9-4.029-9-9h0c0-4.971,4.029-9,9-9Z\"\n        />\n\n        <motion.circle\n          className=\"toggle-knob\"\n          cx=\"10\"\n          cy=\"16\"\n          r=\"5\"\n          style={{ transformOrigin: \"10px 16px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nToggleIcon.displayName = \"ToggleIcon\";\nexport default ToggleIcon;\n"],"mappings":";;;;;AAKA,IAAM,IAAa,GAEf,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAWpC,AAVA,MAAM,EACJ,gBACA,EACE,GAAG,CAAC,GAAG,EAAE,EACX,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GACA,EACE,iBACA,EACE,SAAS;GAAC;GAAG;GAAK;EAAC,EACrB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAE7B,AADA,EAAQ,gBAAgB,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GACpE,EACE,iBACA,EAAE,SAAS,EAAE,GACb;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,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;EACL,QAAQ;EACR,aAAa,EAAkB,GAAa,EAAE;EAC9C,eAAc;EACd,kBAAiB;EACjB,WAAW,kBAAkB;EAb/B,UAAA,CAeE,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA,GAED,kBAAC,EAAO,QAAR;GACE,WAAU;GACV,IAAG;GACH,IAAG;GACH,GAAE;GACF,OAAO,EAAE,iBAAiB,YAAY;EACvC,CAAA,CACS;;AAEhB,CACF;AAEA,EAAW,cAAc"}

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

@@ -0,0 +1,9 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+export interface TrashIconProps extends AnimatedIconProps {
+    shakeOnClick?: boolean;
+    dangerHover?: boolean;
+    keepOpenOnDelete?: boolean;
+}
+declare const TrashIcon: import('react').ForwardRefExoticComponent<TrashIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default TrashIcon;
+//# sourceMappingURL=trash-icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trash-icon.d.ts","sourceRoot":"","sources":["../../src/animations/trash-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,+GAmId,CAAC;AAGF,eAAe,SAAS,CAAC"}