arxatec-ui 0.1.58 → 0.1.60

package/dist/arxatec-ui.css

@@ -1,2 +1,2 @@
-._shimmer_17ewq_1{opacity:var(--loader-shimmer-opacity,1);animation:2.4s ease-in-out infinite _loader-diagonal_17ewq_1;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000 35%,#000 50%,#0000 65%);mask-image:linear-gradient(135deg,#0000 35%,#000 50%,#0000 65%);-webkit-mask-size:250% 250%;mask-size:250% 250%}@keyframes _loader-diagonal_17ewq_1{0%{-webkit-mask-position:100% 100%;mask-position:100% 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}@media (prefers-reduced-motion:reduce){._shimmer_17ewq_1{animation:none}}._wrapper_yldl5_1{min-height:2.5rem;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}._wrapper_yldl5_1 .ProseMirror{max-width:none;min-height:0;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);background:0 0;outline:none;margin:0;padding:.375rem .75rem}._wrapper_yldl5_1 .ProseMirror p,._wrapper_yldl5_1 .ProseMirror li,._wrapper_yldl5_1 .ProseMirror blockquote,._wrapper_yldl5_1 .ProseMirror strong,._wrapper_yldl5_1 .ProseMirror em,._wrapper_yldl5_1 .ProseMirror u{font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);margin:.5rem 0}._wrapper_yldl5_1 .ProseMirror h1{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:600;line-height:var(--font-line-height-lg);margin:.375rem 0 .25rem}._wrapper_yldl5_1 .ProseMirror h2{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:600;line-height:var(--font-line-height-base);margin:.375rem 0 .25rem}._wrapper_yldl5_1 .ProseMirror h3{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;line-height:var(--font-line-height-sm);margin:.35rem 0 .2rem}._wrapper_yldl5_1 .ProseMirror h4{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;line-height:var(--font-line-height-xs);margin:.3rem 0 .15rem}._wrapper_yldl5_1 .ProseMirror h5,._wrapper_yldl5_1 .ProseMirror h6{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;line-height:var(--font-line-height-xs);margin:.25rem 0}._wrapper_yldl5_1 .ProseMirror p{margin:.125rem 0}._wrapper_yldl5_1 .ProseMirror ul,._wrapper_yldl5_1 .ProseMirror ol{margin:.25rem 0;padding-left:1.25rem}._wrapper_yldl5_1 .ProseMirror li{margin:0}._wrapper_yldl5_1 .ProseMirror blockquote{border-left-width:2px;margin:.25rem 0;padding-left:.75rem}._wrapper_yldl5_1 .ProseMirror code{font-family:var(--font-mono);font-size:var(--font-size-xs)}._wrapper_yldl5_1 .ProseMirror .is-description-editor-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--color-muted-foreground);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}
+._wrapper_yldl5_1{min-height:2.5rem;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}._wrapper_yldl5_1 .ProseMirror{max-width:none;min-height:0;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);background:0 0;outline:none;margin:0;padding:.375rem .75rem}._wrapper_yldl5_1 .ProseMirror p,._wrapper_yldl5_1 .ProseMirror li,._wrapper_yldl5_1 .ProseMirror blockquote,._wrapper_yldl5_1 .ProseMirror strong,._wrapper_yldl5_1 .ProseMirror em,._wrapper_yldl5_1 .ProseMirror u{font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);margin:.5rem 0}._wrapper_yldl5_1 .ProseMirror h1{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:600;line-height:var(--font-line-height-lg);margin:.375rem 0 .25rem}._wrapper_yldl5_1 .ProseMirror h2{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:600;line-height:var(--font-line-height-base);margin:.375rem 0 .25rem}._wrapper_yldl5_1 .ProseMirror h3{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;line-height:var(--font-line-height-sm);margin:.35rem 0 .2rem}._wrapper_yldl5_1 .ProseMirror h4{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;line-height:var(--font-line-height-xs);margin:.3rem 0 .15rem}._wrapper_yldl5_1 .ProseMirror h5,._wrapper_yldl5_1 .ProseMirror h6{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;line-height:var(--font-line-height-xs);margin:.25rem 0}._wrapper_yldl5_1 .ProseMirror p{margin:.125rem 0}._wrapper_yldl5_1 .ProseMirror ul,._wrapper_yldl5_1 .ProseMirror ol{margin:.25rem 0;padding-left:1.25rem}._wrapper_yldl5_1 .ProseMirror li{margin:0}._wrapper_yldl5_1 .ProseMirror blockquote{border-left-width:2px;margin:.25rem 0;padding-left:.75rem}._wrapper_yldl5_1 .ProseMirror code{font-family:var(--font-mono);font-size:var(--font-size-xs)}._wrapper_yldl5_1 .ProseMirror .is-description-editor-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--color-muted-foreground);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}._shimmer_17ewq_1{opacity:var(--loader-shimmer-opacity,1);animation:2.4s ease-in-out infinite _loader-diagonal_17ewq_1;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000 35%,#000 50%,#0000 65%);mask-image:linear-gradient(135deg,#0000 35%,#000 50%,#0000 65%);-webkit-mask-size:250% 250%;mask-size:250% 250%}@keyframes _loader-diagonal_17ewq_1{0%{-webkit-mask-position:100% 100%;mask-position:100% 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}@media (prefers-reduced-motion:reduce){._shimmer_17ewq_1{animation:none}}
 /*$vite$:1*/

package/dist/components/animated_icons/components/book_text/index.js

@@ -0,0 +1,82 @@
+import { cn as e } from "../../../../utilities/class/index.js";
+import { forwardRef as t, useCallback as n, useImperativeHandle as r, useRef as i } from "react";
+import { motion as a, useAnimation as o } from "motion/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/book_text/index.tsx
+var l = t(({ onMouseEnter: t, onMouseLeave: l, className: u, size: d = 28, ...f }, p) => {
+	let m = o(), h = i(!1);
+	r(p, () => (h.current = !0, {
+		startAnimation: () => m.start("animate"),
+		stopAnimation: () => m.start("normal")
+	}));
+	let g = n((e) => {
+		h.current ? t?.(e) : m.start("animate");
+	}, [m, t]), _ = n((e) => {
+		h.current ? l?.(e) : m.start("normal");
+	}, [m, l]);
+	return /* @__PURE__ */ s("div", {
+		className: e(u),
+		onMouseEnter: g,
+		onMouseLeave: _,
+		...f,
+		children: /* @__PURE__ */ c(a.svg, {
+			animate: m,
+			fill: "none",
+			height: d,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			variants: {
+				animate: {
+					scale: [
+						1,
+						1.04,
+						1
+					],
+					rotate: [
+						0,
+						-8,
+						8,
+						-8,
+						0
+					],
+					y: [
+						0,
+						-2,
+						0
+					],
+					transition: {
+						duration: .6,
+						ease: "easeInOut",
+						times: [
+							0,
+							.2,
+							.5,
+							.8,
+							1
+						]
+					}
+				},
+				normal: {
+					scale: 1,
+					rotate: 0,
+					y: 0
+				}
+			},
+			viewBox: "0 0 24 24",
+			width: d,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ s("path", { d: "M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20" }),
+				/* @__PURE__ */ s("path", { d: "M8 11h8" }),
+				/* @__PURE__ */ s("path", { d: "M8 7h6" })
+			]
+		})
+	});
+});
+l.displayName = "BookTextIcon";
+//#endregion
+export { l as BookTextIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/book_text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/book_text/index.tsx"],"sourcesContent":["import { motion, useAnimation } from \"motion/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nexport interface BookTextIconHandle {\n  startAnimation: () => void;\n  stopAnimation: () => void;\n}\n\ninterface BookTextIconProps extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n}\n\nconst BookTextIcon = forwardRef<BookTextIconHandle, BookTextIconProps>(\n  ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {\n    const controls = useAnimation();\n    const isControlledRef = useRef(false);\n\n    useImperativeHandle(ref, () => {\n      isControlledRef.current = true;\n\n      return {\n        startAnimation: () => controls.start(\"animate\"),\n        stopAnimation: () => controls.start(\"normal\"),\n      };\n    });\n\n    const handleMouseEnter = useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (isControlledRef.current) {\n          onMouseEnter?.(e);\n        } else {\n          controls.start(\"animate\");\n        }\n      },\n      [controls, onMouseEnter]\n    );\n\n    const handleMouseLeave = useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (isControlledRef.current) {\n          onMouseLeave?.(e);\n        } else {\n          controls.start(\"normal\");\n        }\n      },\n      [controls, onMouseLeave]\n    );\n\n    return (\n      <div\n        className={cn(className)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        {...props}\n      >\n        <motion.svg\n          animate={controls}\n          fill=\"none\"\n          height={size}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          variants={{\n            animate: {\n              scale: [1, 1.04, 1],\n              rotate: [0, -8, 8, -8, 0],\n              y: [0, -2, 0],\n              transition: {\n                duration: 0.6,\n                ease: \"easeInOut\",\n                times: [0, 0.2, 0.5, 0.8, 1],\n              },\n            },\n            normal: {\n              scale: 1,\n              rotate: 0,\n              y: 0,\n            },\n          }}\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20\" />\n          <path d=\"M8 11h8\" />\n          <path d=\"M8 7h6\" />\n        </motion.svg>\n      </div>\n    );\n  }\n);\n\nBookTextIcon.displayName = \"BookTextIcon\";\n\nexport { BookTextIcon };\n"],"mappings":";;;;;AAeA,IAAM,IAAe,GAClB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACvE,IAAM,IAAW,GAAc,EACzB,IAAkB,EAAO,GAAM;AAErC,GAAoB,UAClB,EAAgB,UAAU,IAEnB;EACL,sBAAsB,EAAS,MAAM,UAAU;EAC/C,qBAAqB,EAAS,MAAM,SAAS;EAC9C,EACD;CAEF,IAAM,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,UAAU;IAG7B,CAAC,GAAU,EAAa,CACzB,EAEK,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,SAAS;IAG5B,CAAC,GAAU,EAAa,CACzB;AAED,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,EAAU;EACxB,cAAc;EACd,cAAc;EACd,GAAI;YAEJ,kBAAC,EAAO,KAAR;GACE,SAAS;GACT,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,UAAU;IACR,SAAS;KACP,OAAO;MAAC;MAAG;MAAM;MAAE;KACnB,QAAQ;MAAC;MAAG;MAAI;MAAG;MAAI;MAAE;KACzB,GAAG;MAAC;MAAG;MAAI;MAAE;KACb,YAAY;MACV,UAAU;MACV,MAAM;MACN,OAAO;OAAC;OAAG;OAAK;OAAK;OAAK;OAAE;MAC7B;KACF;IACD,QAAQ;KACN,OAAO;KACP,QAAQ;KACR,GAAG;KACJ;IACF;GACD,SAAQ;GACR,OAAO;GACP,OAAM;aA3BR;IA6BE,kBAAC,QAAD,EAAM,GAAE,0FAA2F,CAAA;IACnG,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;IACpB,kBAAC,QAAD,EAAM,GAAE,UAAW,CAAA;IACR;;EACT,CAAA;EAGX;AAED,EAAa,cAAc"}

package/dist/components/animated_icons/components/calendar_days/index.js

@@ -0,0 +1,109 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { forwardRef as t, useCallback as n, useImperativeHandle as r, useRef as i } from "react";
+import { AnimatePresence as a, motion as o, useAnimation as s } from "motion/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/calendar_days/index.tsx
+var u = [
+	{
+		cx: 8,
+		cy: 14
+	},
+	{
+		cx: 12,
+		cy: 14
+	},
+	{
+		cx: 16,
+		cy: 14
+	},
+	{
+		cx: 8,
+		cy: 18
+	},
+	{
+		cx: 12,
+		cy: 18
+	},
+	{
+		cx: 16,
+		cy: 18
+	}
+], d = {
+	normal: {
+		opacity: 1,
+		transition: { duration: .2 }
+	},
+	animate: (e) => ({
+		opacity: [
+			1,
+			.3,
+			1
+		],
+		transition: {
+			delay: e * .1,
+			duration: .4,
+			times: [
+				0,
+				.5,
+				1
+			]
+		}
+	})
+}, f = t(({ onMouseEnter: t, onMouseLeave: f, className: p, size: m = 28, ...h }, g) => {
+	let _ = s(), v = i(!1);
+	r(g, () => (v.current = !0, {
+		startAnimation: () => _.start("animate"),
+		stopAnimation: () => _.start("normal")
+	}));
+	let y = n((e) => {
+		v.current ? t?.(e) : _.start("animate");
+	}, [_, t]), b = n((e) => {
+		v.current ? f?.(e) : _.start("normal");
+	}, [_, f]);
+	return /* @__PURE__ */ c("div", {
+		className: e(p),
+		onMouseEnter: y,
+		onMouseLeave: b,
+		...h,
+		children: /* @__PURE__ */ l("svg", {
+			fill: "none",
+			height: m,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: m,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ c("path", { d: "M8 2v4" }),
+				/* @__PURE__ */ c("path", { d: "M16 2v4" }),
+				/* @__PURE__ */ c("rect", {
+					height: "18",
+					rx: "2",
+					width: "18",
+					x: "3",
+					y: "4"
+				}),
+				/* @__PURE__ */ c("path", { d: "M3 10h18" }),
+				/* @__PURE__ */ c(a, { children: u.map((e, t) => /* @__PURE__ */ c(o.circle, {
+					animate: _,
+					custom: t,
+					cx: e.cx,
+					cy: e.cy,
+					fill: "currentColor",
+					initial: "normal",
+					r: "1",
+					stroke: "none",
+					variants: d
+				}, `${e.cx}-${e.cy}`)) })
+			]
+		})
+	});
+});
+f.displayName = "CalendarDaysIcon";
+//#endregion
+export { f as CalendarDaysIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/calendar_days/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/calendar_days/index.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Variants } from \"motion/react\";\nimport { AnimatePresence, motion, useAnimation } from \"motion/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nexport interface CalendarDaysIconHandle {\n  startAnimation: () => void;\n  stopAnimation: () => void;\n}\n\ninterface CalendarDaysIconProps extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n}\n\nconst DOTS = [\n  { cx: 8, cy: 14 },\n  { cx: 12, cy: 14 },\n  { cx: 16, cy: 14 },\n  { cx: 8, cy: 18 },\n  { cx: 12, cy: 18 },\n  { cx: 16, cy: 18 },\n];\n\nconst VARIANTS: Variants = {\n  normal: {\n    opacity: 1,\n    transition: {\n      duration: 0.2,\n    },\n  },\n  animate: (i: number) => ({\n    opacity: [1, 0.3, 1],\n    transition: {\n      delay: i * 0.1,\n      duration: 0.4,\n      times: [0, 0.5, 1],\n    },\n  }),\n};\n\nconst CalendarDaysIcon = forwardRef<\n  CalendarDaysIconHandle,\n  CalendarDaysIconProps\n>(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {\n  const controls = useAnimation();\n  const isControlledRef = useRef(false);\n\n  useImperativeHandle(ref, () => {\n    isControlledRef.current = true;\n    return {\n      startAnimation: () => controls.start(\"animate\"),\n      stopAnimation: () => controls.start(\"normal\"),\n    };\n  });\n\n  const handleMouseEnter = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (isControlledRef.current) {\n        onMouseEnter?.(e);\n      } else {\n        controls.start(\"animate\");\n      }\n    },\n    [controls, onMouseEnter]\n  );\n\n  const handleMouseLeave = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (isControlledRef.current) {\n        onMouseLeave?.(e);\n      } else {\n        controls.start(\"normal\");\n      }\n    },\n    [controls, onMouseLeave]\n  );\n\n  return (\n    <div\n      className={cn(className)}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      {...props}\n    >\n      <svg\n        fill=\"none\"\n        height={size}\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth=\"2\"\n        viewBox=\"0 0 24 24\"\n        width={size}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path d=\"M8 2v4\" />\n        <path d=\"M16 2v4\" />\n        <rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"4\" />\n        <path d=\"M3 10h18\" />\n        <AnimatePresence>\n          {DOTS.map((dot, index) => (\n            <motion.circle\n              animate={controls}\n              custom={index}\n              cx={dot.cx}\n              cy={dot.cy}\n              fill=\"currentColor\"\n              initial=\"normal\"\n              key={`${dot.cx}-${dot.cy}`}\n              r=\"1\"\n              stroke=\"none\"\n              variants={VARIANTS}\n            />\n          ))}\n        </AnimatePresence>\n      </svg>\n    </div>\n  );\n});\n\nCalendarDaysIcon.displayName = \"CalendarDaysIcon\";\n\nexport { CalendarDaysIcon };\n"],"mappings":";;;;;;AAkBA,IAAM,IAAO;CACX;EAAE,IAAI;EAAG,IAAI;EAAI;CACjB;EAAE,IAAI;EAAI,IAAI;EAAI;CAClB;EAAE,IAAI;EAAI,IAAI;EAAI;CAClB;EAAE,IAAI;EAAG,IAAI;EAAI;CACjB;EAAE,IAAI;EAAI,IAAI;EAAI;CAClB;EAAE,IAAI;EAAI,IAAI;EAAI;CACnB,EAEK,IAAqB;CACzB,QAAQ;EACN,SAAS;EACT,YAAY,EACV,UAAU,IACX;EACF;CACD,UAAU,OAAe;EACvB,SAAS;GAAC;GAAG;GAAK;GAAE;EACpB,YAAY;GACV,OAAO,IAAI;GACX,UAAU;GACV,OAAO;IAAC;IAAG;IAAK;IAAE;GACnB;EACF;CACF,EAEK,IAAmB,GAGtB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACzE,IAAM,IAAW,GAAc,EACzB,IAAkB,EAAO,GAAM;AAErC,GAAoB,UAClB,EAAgB,UAAU,IACnB;EACL,sBAAsB,EAAS,MAAM,UAAU;EAC/C,qBAAqB,EAAS,MAAM,SAAS;EAC9C,EACD;CAEF,IAAM,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,UAAU;IAG7B,CAAC,GAAU,EAAa,CACzB,EAEK,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,SAAS;IAG5B,CAAC,GAAU,EAAa,CACzB;AAED,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,EAAU;EACxB,cAAc;EACd,cAAc;EACd,GAAI;YAEJ,kBAAC,OAAD;GACE,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,SAAQ;GACR,OAAO;GACP,OAAM;aATR;IAWE,kBAAC,QAAD,EAAM,GAAE,UAAW,CAAA;IACnB,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;IACpB,kBAAC,QAAD;KAAM,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;KAAI,GAAE;KAAM,CAAA;IAClD,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;IACrB,kBAAC,GAAD,EAAA,UACG,EAAK,KAAK,GAAK,MACd,kBAAC,EAAO,QAAR;KACE,SAAS;KACT,QAAQ;KACR,IAAI,EAAI;KACR,IAAI,EAAI;KACR,MAAK;KACL,SAAQ;KAER,GAAE;KACF,QAAO;KACP,UAAU;KACV,EAJK,GAAG,EAAI,GAAG,GAAG,EAAI,KAItB,CACF,EACc,CAAA;IACd;;EACF,CAAA;EAER;AAEF,EAAiB,cAAc"}

package/dist/components/animated_icons/components/chart_pie/index.js

@@ -0,0 +1,60 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { forwardRef as t, useCallback as n, useImperativeHandle as r, useRef as i } from "react";
+import { motion as a, useAnimation as o } from "motion/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/chart_pie/index.tsx
+var l = {
+	normal: {
+		translateX: 0,
+		translateY: 0
+	},
+	animate: {
+		translateX: 1.1,
+		translateY: -1.1
+	}
+}, u = t(({ onMouseEnter: t, onMouseLeave: u, className: d, size: f = 28, ...p }, m) => {
+	let h = o(), g = i(!1);
+	r(m, () => (g.current = !0, {
+		startAnimation: () => h.start("animate"),
+		stopAnimation: () => h.start("normal")
+	}));
+	let _ = n((e) => {
+		g.current ? t?.(e) : h.start("animate");
+	}, [h, t]), v = n((e) => {
+		g.current ? u?.(e) : h.start("normal");
+	}, [h, u]);
+	return /* @__PURE__ */ s("div", {
+		className: e(d),
+		onMouseEnter: _,
+		onMouseLeave: v,
+		...p,
+		children: /* @__PURE__ */ c("svg", {
+			fill: "none",
+			height: f,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: f,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ s(a.path, {
+				animate: h,
+				d: "M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z",
+				transition: {
+					type: "spring",
+					stiffness: 250,
+					damping: 15,
+					bounce: .6
+				},
+				variants: l
+			}), /* @__PURE__ */ s("path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83" })]
+		})
+	});
+});
+u.displayName = "ChartPieIcon";
+//#endregion
+export { u as ChartPieIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/chart_pie/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/chart_pie/index.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Variants } from \"motion/react\";\nimport { motion, useAnimation } from \"motion/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nexport interface ChartPieIconHandle {\n  startAnimation: () => void;\n  stopAnimation: () => void;\n}\n\ninterface ChartPieIconProps extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n}\n\nconst PATH_VARIANTS: Variants = {\n  normal: { translateX: 0, translateY: 0 },\n  animate: { translateX: 1.1, translateY: -1.1 },\n};\n\nconst ChartPieIcon = forwardRef<ChartPieIconHandle, ChartPieIconProps>(\n  ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {\n    const controls = useAnimation();\n    const isControlledRef = useRef(false);\n\n    useImperativeHandle(ref, () => {\n      isControlledRef.current = true;\n\n      return {\n        startAnimation: () => controls.start(\"animate\"),\n        stopAnimation: () => controls.start(\"normal\"),\n      };\n    });\n\n    const handleMouseEnter = useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (isControlledRef.current) {\n          onMouseEnter?.(e);\n        } else {\n          controls.start(\"animate\");\n        }\n      },\n      [controls, onMouseEnter]\n    );\n\n    const handleMouseLeave = useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (isControlledRef.current) {\n          onMouseLeave?.(e);\n        } else {\n          controls.start(\"normal\");\n        }\n      },\n      [controls, onMouseLeave]\n    );\n\n    return (\n      <div\n        className={cn(className)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        {...props}\n      >\n        <svg\n          fill=\"none\"\n          height={size}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <motion.path\n            animate={controls}\n            d=\"M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z\"\n            transition={{\n              type: \"spring\",\n              stiffness: 250,\n              damping: 15,\n              bounce: 0.6,\n            }}\n            variants={PATH_VARIANTS}\n          />\n          <path d=\"M21.21 15.89A10 10 0 1 1 8 2.83\" />\n        </svg>\n      </div>\n    );\n  }\n);\n\nChartPieIcon.displayName = \"ChartPieIcon\";\n\nexport { ChartPieIcon };\n"],"mappings":";;;;;;AAkBA,IAAM,IAA0B;CAC9B,QAAQ;EAAE,YAAY;EAAG,YAAY;EAAG;CACxC,SAAS;EAAE,YAAY;EAAK,YAAY;EAAM;CAC/C,EAEK,IAAe,GAClB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACvE,IAAM,IAAW,GAAc,EACzB,IAAkB,EAAO,GAAM;AAErC,GAAoB,UAClB,EAAgB,UAAU,IAEnB;EACL,sBAAsB,EAAS,MAAM,UAAU;EAC/C,qBAAqB,EAAS,MAAM,SAAS;EAC9C,EACD;CAEF,IAAM,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,UAAU;IAG7B,CAAC,GAAU,EAAa,CACzB,EAEK,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,SAAS;IAG5B,CAAC,GAAU,EAAa,CACzB;AAED,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,EAAU;EACxB,cAAc;EACd,cAAc;EACd,GAAI;YAEJ,kBAAC,OAAD;GACE,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,SAAQ;GACR,OAAO;GACP,OAAM;aATR,CAWE,kBAAC,EAAO,MAAR;IACE,SAAS;IACT,GAAE;IACF,YAAY;KACV,MAAM;KACN,WAAW;KACX,SAAS;KACT,QAAQ;KACT;IACD,UAAU;IACV,CAAA,EACF,kBAAC,QAAD,EAAM,GAAE,mCAAoC,CAAA,CACxC;;EACF,CAAA;EAGX;AAED,EAAa,cAAc"}

package/dist/components/animated_icons/components/circle_help/index.js

@@ -0,0 +1,62 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { forwardRef as t, useCallback as n, useImperativeHandle as r, useRef as i } from "react";
+import { motion as a, useAnimation as o } from "motion/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/circle_help/index.tsx
+var l = {
+	normal: { rotate: 0 },
+	animate: { rotate: [
+		0,
+		-10,
+		10,
+		-10,
+		0
+	] }
+}, u = t(({ onMouseEnter: t, onMouseLeave: u, className: d, size: f = 28, ...p }, m) => {
+	let h = o(), g = i(!1);
+	r(m, () => (g.current = !0, {
+		startAnimation: () => h.start("animate"),
+		stopAnimation: () => h.start("normal")
+	}));
+	let _ = n((e) => {
+		g.current ? t?.(e) : h.start("animate");
+	}, [h, t]), v = n((e) => {
+		g.current ? u?.(e) : h.start("normal");
+	}, [h, u]);
+	return /* @__PURE__ */ s("div", {
+		className: e(d),
+		onMouseEnter: _,
+		onMouseLeave: v,
+		...p,
+		children: /* @__PURE__ */ c("svg", {
+			fill: "none",
+			height: f,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: f,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ s("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}), /* @__PURE__ */ c(a.g, {
+				animate: h,
+				transition: {
+					duration: .5,
+					ease: "easeInOut"
+				},
+				variants: l,
+				children: [/* @__PURE__ */ s("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }), /* @__PURE__ */ s("path", { d: "M12 17h.01" })]
+			})]
+		})
+	});
+});
+u.displayName = "CircleHelpIcon";
+//#endregion
+export { u as CircleHelpIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/circle_help/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/circle_help/index.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Variants } from \"motion/react\";\nimport { motion, useAnimation } from \"motion/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nexport interface CircleHelpIconHandle {\n  startAnimation: () => void;\n  stopAnimation: () => void;\n}\n\ninterface CircleHelpIconProps extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n}\n\nconst VARIANTS: Variants = {\n  normal: { rotate: 0 },\n  animate: { rotate: [0, -10, 10, -10, 0] },\n};\n\nconst CircleHelpIcon = forwardRef<CircleHelpIconHandle, CircleHelpIconProps>(\n  ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {\n    const controls = useAnimation();\n    const isControlledRef = useRef(false);\n\n    useImperativeHandle(ref, () => {\n      isControlledRef.current = true;\n\n      return {\n        startAnimation: () => controls.start(\"animate\"),\n        stopAnimation: () => controls.start(\"normal\"),\n      };\n    });\n\n    const handleMouseEnter = useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (isControlledRef.current) {\n          onMouseEnter?.(e);\n        } else {\n          controls.start(\"animate\");\n        }\n      },\n      [controls, onMouseEnter]\n    );\n\n    const handleMouseLeave = useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (isControlledRef.current) {\n          onMouseLeave?.(e);\n        } else {\n          controls.start(\"normal\");\n        }\n      },\n      [controls, onMouseLeave]\n    );\n\n    return (\n      <div\n        className={cn(className)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        {...props}\n      >\n        <svg\n          fill=\"none\"\n          height={size}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"10\" />\n          <motion.g\n            animate={controls}\n            transition={{\n              duration: 0.5,\n              ease: \"easeInOut\",\n            }}\n            variants={VARIANTS}\n          >\n            <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" />\n            <path d=\"M12 17h.01\" />\n          </motion.g>\n        </svg>\n      </div>\n    );\n  }\n);\n\nCircleHelpIcon.displayName = \"CircleHelpIcon\";\n\nexport { CircleHelpIcon };\n"],"mappings":";;;;;;AAkBA,IAAM,IAAqB;CACzB,QAAQ,EAAE,QAAQ,GAAG;CACrB,SAAS,EAAE,QAAQ;EAAC;EAAG;EAAK;EAAI;EAAK;EAAE,EAAE;CAC1C,EAEK,IAAiB,GACpB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACvE,IAAM,IAAW,GAAc,EACzB,IAAkB,EAAO,GAAM;AAErC,GAAoB,UAClB,EAAgB,UAAU,IAEnB;EACL,sBAAsB,EAAS,MAAM,UAAU;EAC/C,qBAAqB,EAAS,MAAM,SAAS;EAC9C,EACD;CAEF,IAAM,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,UAAU;IAG7B,CAAC,GAAU,EAAa,CACzB,EAEK,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,SAAS;IAG5B,CAAC,GAAU,EAAa,CACzB;AAED,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,EAAU;EACxB,cAAc;EACd,cAAc;EACd,GAAI;YAEJ,kBAAC,OAAD;GACE,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,SAAQ;GACR,OAAO;GACP,OAAM;aATR,CAWE,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAO,CAAA,EACjC,kBAAC,EAAO,GAAR;IACE,SAAS;IACT,YAAY;KACV,UAAU;KACV,MAAM;KACP;IACD,UAAU;cANZ,CAQE,kBAAC,QAAD,EAAM,GAAE,wCAAyC,CAAA,EACjD,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA,CACd;MACP;;EACF,CAAA;EAGX;AAED,EAAe,cAAc"}

package/dist/components/animated_icons/components/folders/index.js

@@ -0,0 +1,81 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { forwardRef as t, useCallback as n, useImperativeHandle as r, useRef as i } from "react";
+import { motion as a, useAnimation as o } from "motion/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/folders/index.tsx
+var l = t(({ onMouseEnter: t, onMouseLeave: l, className: u, size: d = 28, ...f }, p) => {
+	let m = o(), h = i(!1);
+	r(p, () => (h.current = !0, {
+		startAnimation: () => m.start("animate"),
+		stopAnimation: () => m.start("normal")
+	}));
+	let g = n((e) => {
+		h.current ? t?.(e) : m.start("animate");
+	}, [m, t]), _ = n((e) => {
+		h.current ? l?.(e) : m.start("normal");
+	}, [m, l]);
+	return /* @__PURE__ */ s("div", {
+		className: e(u),
+		onMouseEnter: g,
+		onMouseLeave: _,
+		...f,
+		children: /* @__PURE__ */ c("svg", {
+			fill: "none",
+			height: d,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: d,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ s(a.path, {
+				animate: m,
+				d: "M20 17a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3.9a2 2 0 0 1-1.69-.9l-.81-1.2a2 2 0 0 0-1.67-.9H8a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2Z",
+				transition: {
+					type: "spring",
+					stiffness: 250,
+					damping: 25
+				},
+				variants: {
+					normal: {
+						translateX: 0,
+						translateY: 0
+					},
+					animate: {
+						translateX: -2,
+						translateY: 2
+					}
+				}
+			}), /* @__PURE__ */ s(a.path, {
+				animate: m,
+				d: "M2 8v11a2 2 0 0 0 2 2h14",
+				transition: {
+					type: "spring",
+					stiffness: 250,
+					damping: 25
+				},
+				variants: {
+					normal: {
+						translateX: 0,
+						translateY: 0,
+						opacity: 1,
+						scale: 1
+					},
+					animate: {
+						translateX: 2,
+						translateY: -2,
+						opacity: 0,
+						scale: .9
+					}
+				}
+			})]
+		})
+	});
+});
+l.displayName = "FoldersIcon";
+//#endregion
+export { l as FoldersIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/folders/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/folders/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, useAnimation } from \"motion/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nexport interface FoldersIconHandle {\n  startAnimation: () => void;\n  stopAnimation: () => void;\n}\n\ninterface FoldersIconProps extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n}\n\nconst FoldersIcon = forwardRef<FoldersIconHandle, FoldersIconProps>(\n  ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {\n    const controls = useAnimation();\n    const isControlledRef = useRef(false);\n\n    useImperativeHandle(ref, () => {\n      isControlledRef.current = true;\n\n      return {\n        startAnimation: () => controls.start(\"animate\"),\n        stopAnimation: () => controls.start(\"normal\"),\n      };\n    });\n\n    const handleMouseEnter = useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (isControlledRef.current) {\n          onMouseEnter?.(e);\n        } else {\n          controls.start(\"animate\");\n        }\n      },\n      [controls, onMouseEnter]\n    );\n\n    const handleMouseLeave = useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (isControlledRef.current) {\n          onMouseLeave?.(e);\n        } else {\n          controls.start(\"normal\");\n        }\n      },\n      [controls, onMouseLeave]\n    );\n\n    return (\n      <div\n        className={cn(className)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        {...props}\n      >\n        <svg\n          fill=\"none\"\n          height={size}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <motion.path\n            animate={controls}\n            d=\"M20 17a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3.9a2 2 0 0 1-1.69-.9l-.81-1.2a2 2 0 0 0-1.67-.9H8a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2Z\"\n            transition={{\n              type: \"spring\",\n              stiffness: 250,\n              damping: 25,\n            }}\n            variants={{\n              normal: {\n                translateX: 0,\n                translateY: 0,\n              },\n              animate: {\n                translateX: -2,\n                translateY: 2,\n              },\n            }}\n          />\n          <motion.path\n            animate={controls}\n            d=\"M2 8v11a2 2 0 0 0 2 2h14\"\n            transition={{\n              type: \"spring\",\n              stiffness: 250,\n              damping: 25,\n            }}\n            variants={{\n              normal: {\n                translateX: 0,\n                translateY: 0,\n                opacity: 1,\n                scale: 1,\n              },\n              animate: {\n                translateX: 2,\n                translateY: -2,\n                opacity: 0,\n                scale: 0.9,\n              },\n            }}\n          />\n        </svg>\n      </div>\n    );\n  }\n);\n\nFoldersIcon.displayName = \"FoldersIcon\";\n\nexport { FoldersIcon };\n"],"mappings":";;;;;;AAiBA,IAAM,IAAc,GACjB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACvE,IAAM,IAAW,GAAc,EACzB,IAAkB,EAAO,GAAM;AAErC,GAAoB,UAClB,EAAgB,UAAU,IAEnB;EACL,sBAAsB,EAAS,MAAM,UAAU;EAC/C,qBAAqB,EAAS,MAAM,SAAS;EAC9C,EACD;CAEF,IAAM,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,UAAU;IAG7B,CAAC,GAAU,EAAa,CACzB,EAEK,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,SAAS;IAG5B,CAAC,GAAU,EAAa,CACzB;AAED,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,EAAU;EACxB,cAAc;EACd,cAAc;EACd,GAAI;YAEJ,kBAAC,OAAD;GACE,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,SAAQ;GACR,OAAO;GACP,OAAM;aATR,CAWE,kBAAC,EAAO,MAAR;IACE,SAAS;IACT,GAAE;IACF,YAAY;KACV,MAAM;KACN,WAAW;KACX,SAAS;KACV;IACD,UAAU;KACR,QAAQ;MACN,YAAY;MACZ,YAAY;MACb;KACD,SAAS;MACP,YAAY;MACZ,YAAY;MACb;KACF;IACD,CAAA,EACF,kBAAC,EAAO,MAAR;IACE,SAAS;IACT,GAAE;IACF,YAAY;KACV,MAAM;KACN,WAAW;KACX,SAAS;KACV;IACD,UAAU;KACR,QAAQ;MACN,YAAY;MACZ,YAAY;MACZ,SAAS;MACT,OAAO;MACR;KACD,SAAS;MACP,YAAY;MACZ,YAAY;MACZ,SAAS;MACT,OAAO;MACR;KACF;IACD,CAAA,CACE;;EACF,CAAA;EAGX;AAED,EAAY,cAAc"}

package/dist/components/animated_icons/components/layers/index.js

@@ -0,0 +1,70 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { forwardRef as t, useCallback as n, useImperativeHandle as r, useRef as i } from "react";
+import { motion as a, useAnimation as o } from "motion/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/layers/index.tsx
+var l = {
+	type: "spring",
+	stiffness: 100,
+	damping: 14,
+	mass: 1
+}, u = t(({ onMouseEnter: t, onMouseLeave: u, className: d, size: f = 28, ...p }, m) => {
+	let h = o(), g = i(!1);
+	r(m, () => (g.current = !0, {
+		startAnimation: async () => {
+			await h.start("firstState"), await h.start("secondState");
+		},
+		stopAnimation: () => h.start("normal")
+	}));
+	let _ = n(async (e) => {
+		g.current ? t?.(e) : (await h.start("firstState"), await h.start("secondState"));
+	}, [h, t]), v = n((e) => {
+		g.current ? u?.(e) : h.start("normal");
+	}, [h, u]);
+	return /* @__PURE__ */ s("div", {
+		className: e(d),
+		onMouseEnter: _,
+		onMouseLeave: v,
+		...p,
+		children: /* @__PURE__ */ c("svg", {
+			fill: "none",
+			height: f,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: f,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ s("path", { d: "m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z" }),
+				/* @__PURE__ */ s(a.path, {
+					animate: h,
+					d: "m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65",
+					transition: l,
+					variants: {
+						normal: { y: 0 },
+						firstState: { y: -9 },
+						secondState: { y: 0 }
+					}
+				}),
+				/* @__PURE__ */ s(a.path, {
+					animate: h,
+					d: "m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65",
+					transition: l,
+					variants: {
+						normal: { y: 0 },
+						firstState: { y: -5 },
+						secondState: { y: 0 }
+					}
+				})
+			]
+		})
+	});
+});
+u.displayName = "LayersIcon";
+//#endregion
+export { u as LayersIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/layers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/layers/index.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Transition } from \"motion/react\";\nimport { motion, useAnimation } from \"motion/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nexport interface LayersIconHandle {\n  startAnimation: () => void;\n  stopAnimation: () => void;\n}\n\ninterface LayersIconProps extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n}\n\nconst DEFAULT_TRANSITION: Transition = {\n  type: \"spring\",\n  stiffness: 100,\n  damping: 14,\n  mass: 1,\n};\n\nconst LayersIcon = forwardRef<LayersIconHandle, LayersIconProps>(\n  ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {\n    const controls = useAnimation();\n    const isControlledRef = useRef(false);\n\n    useImperativeHandle(ref, () => {\n      isControlledRef.current = true;\n\n      return {\n        startAnimation: async () => {\n          await controls.start(\"firstState\");\n          await controls.start(\"secondState\");\n        },\n        stopAnimation: () => controls.start(\"normal\"),\n      };\n    });\n\n    const handleMouseEnter = useCallback(\n      async (e: React.MouseEvent<HTMLDivElement>) => {\n        if (isControlledRef.current) {\n          onMouseEnter?.(e);\n        } else {\n          await controls.start(\"firstState\");\n          await controls.start(\"secondState\");\n        }\n      },\n      [controls, onMouseEnter]\n    );\n\n    const handleMouseLeave = useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (isControlledRef.current) {\n          onMouseLeave?.(e);\n        } else {\n          controls.start(\"normal\");\n        }\n      },\n      [controls, onMouseLeave]\n    );\n\n    return (\n      <div\n        className={cn(className)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        {...props}\n      >\n        <svg\n          fill=\"none\"\n          height={size}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\" />\n          <motion.path\n            animate={controls}\n            d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"\n            transition={DEFAULT_TRANSITION}\n            variants={{\n              normal: { y: 0 },\n              firstState: { y: -9 },\n              secondState: { y: 0 },\n            }}\n          />\n          <motion.path\n            animate={controls}\n            d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"\n            transition={DEFAULT_TRANSITION}\n            variants={{\n              normal: { y: 0 },\n              firstState: { y: -5 },\n              secondState: { y: 0 },\n            }}\n          />\n        </svg>\n      </div>\n    );\n  }\n);\n\nLayersIcon.displayName = \"LayersIcon\";\n\nexport { LayersIcon };\n"],"mappings":";;;;;;AAkBA,IAAM,IAAiC;CACrC,MAAM;CACN,WAAW;CACX,SAAS;CACT,MAAM;CACP,EAEK,IAAa,GAChB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACvE,IAAM,IAAW,GAAc,EACzB,IAAkB,EAAO,GAAM;AAErC,GAAoB,UAClB,EAAgB,UAAU,IAEnB;EACL,gBAAgB,YAAY;AAE1B,GADA,MAAM,EAAS,MAAM,aAAa,EAClC,MAAM,EAAS,MAAM,cAAc;;EAErC,qBAAqB,EAAS,MAAM,SAAS;EAC9C,EACD;CAEF,IAAM,IAAmB,EACvB,OAAO,MAAwC;AAC7C,EAAI,EAAgB,UAClB,IAAe,EAAE,IAEjB,MAAM,EAAS,MAAM,aAAa,EAClC,MAAM,EAAS,MAAM,cAAc;IAGvC,CAAC,GAAU,EAAa,CACzB,EAEK,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,SAAS;IAG5B,CAAC,GAAU,EAAa,CACzB;AAED,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,EAAU;EACxB,cAAc;EACd,cAAc;EACd,GAAI;YAEJ,kBAAC,OAAD;GACE,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,SAAQ;GACR,OAAO;GACP,OAAM;aATR;IAWE,kBAAC,QAAD,EAAM,GAAE,gHAAiH,CAAA;IACzH,kBAAC,EAAO,MAAR;KACE,SAAS;KACT,GAAE;KACF,YAAY;KACZ,UAAU;MACR,QAAQ,EAAE,GAAG,GAAG;MAChB,YAAY,EAAE,GAAG,IAAI;MACrB,aAAa,EAAE,GAAG,GAAG;MACtB;KACD,CAAA;IACF,kBAAC,EAAO,MAAR;KACE,SAAS;KACT,GAAE;KACF,YAAY;KACZ,UAAU;MACR,QAAQ,EAAE,GAAG,GAAG;MAChB,YAAY,EAAE,GAAG,IAAI;MACrB,aAAa,EAAE,GAAG,GAAG;MACtB;KACD,CAAA;IACE;;EACF,CAAA;EAGX;AAED,EAAW,cAAc"}

package/dist/components/animated_icons/components/panel_left_close/index.js

@@ -0,0 +1,70 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { forwardRef as t, useCallback as n, useImperativeHandle as r, useRef as i } from "react";
+import { motion as a, useAnimation as o } from "motion/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/panel_left_close/index.tsx
+var l = {
+	times: [
+		0,
+		.4,
+		1
+	],
+	duration: .5
+}, u = {
+	normal: { x: 0 },
+	animate: { x: [
+		0,
+		-1.5,
+		0
+	] }
+}, d = t(({ onMouseEnter: t, onMouseLeave: d, className: f, size: p = 28, ...m }, h) => {
+	let g = o(), _ = i(!1);
+	r(h, () => (_.current = !0, {
+		startAnimation: () => g.start("animate"),
+		stopAnimation: () => g.start("normal")
+	}));
+	let v = n((e) => {
+		_.current ? t?.(e) : g.start("animate");
+	}, [g, t]), y = n((e) => {
+		_.current ? d?.(e) : g.start("normal");
+	}, [g, d]);
+	return /* @__PURE__ */ s("div", {
+		className: e(f),
+		onMouseEnter: v,
+		onMouseLeave: y,
+		...m,
+		children: /* @__PURE__ */ c("svg", {
+			fill: "none",
+			height: p,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: p,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ s("rect", {
+					height: "18",
+					rx: "2",
+					width: "18",
+					x: "3",
+					y: "3"
+				}),
+				/* @__PURE__ */ s("path", { d: "M9 3v18" }),
+				/* @__PURE__ */ s(a.path, {
+					animate: g,
+					d: "m16 15-3-3 3-3",
+					transition: l,
+					variants: u
+				})
+			]
+		})
+	});
+});
+d.displayName = "PanelLeftCloseIcon";
+//#endregion
+export { d as PanelLeftCloseIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/panel_left_close/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/panel_left_close/index.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Transition, Variants } from \"motion/react\";\nimport { motion, useAnimation } from \"motion/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nexport interface PanelLeftCloseIconHandle {\n  startAnimation: () => void;\n  stopAnimation: () => void;\n}\n\ninterface PanelLeftCloseIconProps extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n}\n\nconst DEFAULT_TRANSITION: Transition = {\n  times: [0, 0.4, 1],\n  duration: 0.5,\n};\n\nconst PATH_VARIANTS: Variants = {\n  normal: { x: 0 },\n  animate: { x: [0, -1.5, 0] },\n};\n\nconst PanelLeftCloseIcon = forwardRef<\n  PanelLeftCloseIconHandle,\n  PanelLeftCloseIconProps\n>(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {\n  const controls = useAnimation();\n  const isControlledRef = useRef(false);\n\n  useImperativeHandle(ref, () => {\n    isControlledRef.current = true;\n    return {\n      startAnimation: () => controls.start(\"animate\"),\n      stopAnimation: () => controls.start(\"normal\"),\n    };\n  });\n\n  const handleMouseEnter = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (isControlledRef.current) {\n        onMouseEnter?.(e);\n      } else {\n        controls.start(\"animate\");\n      }\n    },\n    [controls, onMouseEnter]\n  );\n\n  const handleMouseLeave = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (isControlledRef.current) {\n        onMouseLeave?.(e);\n      } else {\n        controls.start(\"normal\");\n      }\n    },\n    [controls, onMouseLeave]\n  );\n\n  return (\n    <div\n      className={cn(className)}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      {...props}\n    >\n      <svg\n        fill=\"none\"\n        height={size}\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth=\"2\"\n        viewBox=\"0 0 24 24\"\n        width={size}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\" />\n        <path d=\"M9 3v18\" />\n        <motion.path\n          animate={controls}\n          d=\"m16 15-3-3 3-3\"\n          transition={DEFAULT_TRANSITION}\n          variants={PATH_VARIANTS}\n        />\n      </svg>\n    </div>\n  );\n});\n\nPanelLeftCloseIcon.displayName = \"PanelLeftCloseIcon\";\n\nexport { PanelLeftCloseIcon };\n"],"mappings":";;;;;;AAkBA,IAAM,IAAiC;CACrC,OAAO;EAAC;EAAG;EAAK;EAAE;CAClB,UAAU;CACX,EAEK,IAA0B;CAC9B,QAAQ,EAAE,GAAG,GAAG;CAChB,SAAS,EAAE,GAAG;EAAC;EAAG;EAAM;EAAE,EAAE;CAC7B,EAEK,IAAqB,GAGxB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACzE,IAAM,IAAW,GAAc,EACzB,IAAkB,EAAO,GAAM;AAErC,GAAoB,UAClB,EAAgB,UAAU,IACnB;EACL,sBAAsB,EAAS,MAAM,UAAU;EAC/C,qBAAqB,EAAS,MAAM,SAAS;EAC9C,EACD;CAEF,IAAM,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,UAAU;IAG7B,CAAC,GAAU,EAAa,CACzB,EAEK,IAAmB,GACtB,MAAwC;AACvC,EAAI,EAAgB,UAClB,IAAe,EAAE,GAEjB,EAAS,MAAM,SAAS;IAG5B,CAAC,GAAU,EAAa,CACzB;AAED,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,EAAU;EACxB,cAAc;EACd,cAAc;EACd,GAAI;YAEJ,kBAAC,OAAD;GACE,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,SAAQ;GACR,OAAO;GACP,OAAM;aATR;IAWE,kBAAC,QAAD;KAAM,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;KAAI,GAAE;KAAM,CAAA;IAClD,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;IACpB,kBAAC,EAAO,MAAR;KACE,SAAS;KACT,GAAE;KACF,YAAY;KACZ,UAAU;KACV,CAAA;IACE;;EACF,CAAA;EAER;AAEF,EAAmB,cAAc"}