erp-pro-ui 0.1.0 → 0.1.2

package/dist/chunks/accordion-pfJR8YYA.cjs

@@ -0,0 +1,72 @@
+require("./chunk-B_GkZjkl.cjs");
+const require_icons = require("./icons-BxIzP2jd.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/navigation/accordion/Accordion.tsx
+var cx = (...classes) => classes.filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
+var caret = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.ChevronDownIcon, {
+	className: "h-5 w-5 transition-transform duration-300",
+	"aria-hidden": "true"
+});
+var Accordion = ({ items, type = "single", defaultOpenIds = type === "single" && items.length ? [items[0].id] : [], value, onValueChange, className = "", separated = false }) => {
+	const [internalOpen, setInternalOpen] = (0, react.useState)(defaultOpenIds);
+	const controlled = Array.isArray(value);
+	const openItems = controlled ? value : internalOpen;
+	const toggleItem = (id) => {
+		let next;
+		const isOpen = openItems.includes(id);
+		if (type === "single") next = isOpen ? [] : [id];
+		else next = isOpen ? openItems.filter((openId) => openId !== id) : [...openItems, id];
+		if (!controlled) setInternalOpen(next);
+		onValueChange?.(next);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: cx("space-y-3", className),
+		children: items.map((item) => {
+			const open = openItems.includes(item.id);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: cx("rounded-xl backdrop-blur-2xl transition-all duration-300", "bg-white/60 border border-white/40 shadow-lg shadow-neutral-200/50", "dark:bg-neutral-900/50 dark:border-white/10 dark:shadow-neutral-950/50", "hover:bg-white/80 hover:shadow-xl hover:border-white/60", "dark:hover:bg-neutral-800/60 dark:hover:border-white/20", open && "ring-2 ring-focus/40", separated ? "p-0" : ""),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: cx("flex w-full items-center justify-between gap-4 px-5 py-4 rounded-xl transition-colors duration-200", "text-neutral-700 dark:text-neutral-200", "hover:bg-white/40 dark:hover:bg-white/5", separated ? "border-b border-neutral-200/50 dark:border-white/10" : "", item.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"),
+					"aria-expanded": open,
+					"aria-controls": `${item.id}-content`,
+					id: `${item.id}-trigger`,
+					onClick: () => !item.disabled && toggleItem(item.id),
+					disabled: item.disabled,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "text-left flex-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "text-base font-semibold text-neutral-900 dark:text-white",
+							children: item.title
+						}), item.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "text-sm text-neutral-500 dark:text-neutral-400 mt-0.5",
+							children: item.description
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: cx("p-1.5 rounded-lg transition-all duration-300", "bg-neutral-100/80 dark:bg-white/10", "text-neutral-600 dark:text-neutral-300", open && "rotate-180 bg-accent-subtle text-accent"),
+						children: caret
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					id: `${item.id}-content`,
+					role: "region",
+					"aria-labelledby": `${item.id}-trigger`,
+					className: cx("overflow-hidden transition-all duration-300 ease-in-out", open ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "px-5 pb-5 pt-2 text-sm text-neutral-600 dark:text-neutral-300 leading-relaxed",
+						children: item.content
+					})
+				})]
+			}, item.id);
+		})
+	});
+};
+//#endregion
+Object.defineProperty(exports, "Accordion", {
+	enumerable: true,
+	get: function() {
+		return Accordion;
+	}
+});
+
+//# sourceMappingURL=accordion-pfJR8YYA.cjs.map

package/dist/chunks/accordion-pfJR8YYA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-pfJR8YYA.cjs","names":[],"sources":["../../src/components/navigation/accordion/Accordion.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons\";\nimport type { AccordionProps } from \"./types\";\n\nconst cx = (...classes: Array<string | false | undefined>) =>\n  classes.filter(Boolean).join(\" \").replace(/\\s+/g, \" \").trim();\n\nconst caret = (\n  <ChevronDownIcon\n    className=\"h-5 w-5 transition-transform duration-300\"\n    aria-hidden=\"true\"\n  />\n);\n\nexport const Accordion = ({\n  items,\n  type = \"single\",\n  defaultOpenIds = type === \"single\" && items.length ? [items[0].id] : [],\n  value,\n  onValueChange,\n  className = \"\",\n  separated = false,\n}: AccordionProps) => {\n  const [internalOpen, setInternalOpen] = useState<string[]>(defaultOpenIds);\n  const controlled = Array.isArray(value);\n  const openItems = controlled ? value! : internalOpen;\n\n  const toggleItem = (id: string) => {\n    let next: string[];\n    const isOpen = openItems.includes(id);\n\n    if (type === \"single\") {\n      next = isOpen ? [] : [id];\n    } else {\n      next = isOpen\n        ? openItems.filter((openId) => openId !== id)\n        : [...openItems, id];\n    }\n\n    if (!controlled) {\n      setInternalOpen(next);\n    }\n    onValueChange?.(next);\n  };\n\n  return (\n    <div className={cx(\"space-y-3\", className)}>\n      {items.map((item) => {\n        const open = openItems.includes(item.id);\n        return (\n          <div\n            key={item.id}\n            className={cx(\n              // Glass effect base\n              \"rounded-xl backdrop-blur-2xl transition-all duration-300\",\n              // Light mode glass\n              \"bg-white/60 border border-white/40 shadow-lg shadow-neutral-200/50\",\n              // Dark mode glass\n              \"dark:bg-neutral-900/50 dark:border-white/10 dark:shadow-neutral-950/50\",\n              // Hover effects\n              \"hover:bg-white/80 hover:shadow-xl hover:border-white/60\",\n              \"dark:hover:bg-neutral-800/60 dark:hover:border-white/20\",\n              // Ring highlight on open\n              open && \"ring-2 ring-focus/40\",\n              separated ? \"p-0\" : \"\",\n            )}\n          >\n            <button\n              type=\"button\"\n              className={cx(\n                \"flex w-full items-center justify-between gap-4 px-5 py-4 rounded-xl transition-colors duration-200\",\n                // Text colors\n                \"text-neutral-700 dark:text-neutral-200\",\n                // Hover state\n                \"hover:bg-white/40 dark:hover:bg-white/5\",\n                separated\n                  ? \"border-b border-neutral-200/50 dark:border-white/10\"\n                  : \"\",\n                item.disabled\n                  ? \"opacity-50 cursor-not-allowed\"\n                  : \"cursor-pointer\",\n              )}\n              aria-expanded={open}\n              aria-controls={`${item.id}-content`}\n              id={`${item.id}-trigger`}\n              onClick={() => !item.disabled && toggleItem(item.id)}\n              disabled={item.disabled}\n            >\n              <div className=\"text-left flex-1\">\n                <p className=\"text-base font-semibold text-neutral-900 dark:text-white\">\n                  {item.title}\n                </p>\n                {item.description && (\n                  <p className=\"text-sm text-neutral-500 dark:text-neutral-400 mt-0.5\">\n                    {item.description}\n                  </p>\n                )}\n              </div>\n              <span\n                className={cx(\n                  \"p-1.5 rounded-lg transition-all duration-300\",\n                  \"bg-neutral-100/80 dark:bg-white/10\",\n                  \"text-neutral-600 dark:text-neutral-300\",\n                  open && \"rotate-180 bg-accent-subtle text-accent\",\n                )}\n              >\n                {caret}\n              </span>\n            </button>\n            <div\n              id={`${item.id}-content`}\n              role=\"region\"\n              aria-labelledby={`${item.id}-trigger`}\n              className={cx(\n                \"overflow-hidden transition-all duration-300 ease-in-out\",\n                open ? \"max-h-[1000px] opacity-100\" : \"max-h-0 opacity-0\",\n              )}\n            >\n              <div className=\"px-5 pb-5 pt-2 text-sm text-neutral-600 dark:text-neutral-300 leading-relaxed\">\n                {item.content}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAM,MAAM,GAAG,YACb,QAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,MAAM;AAE/D,IAAM,QACJ,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD;CACE,WAAU;CACV,eAAY;CACZ,CAAA;AAGJ,IAAa,aAAa,EACxB,OACA,OAAO,UACP,iBAAiB,SAAS,YAAY,MAAM,SAAS,CAAC,MAAM,GAAG,GAAG,GAAG,EAAE,EACvE,OACA,eACA,YAAY,IACZ,YAAY,YACQ;CACpB,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAAsC,eAAe;CAC1E,MAAM,aAAa,MAAM,QAAQ,MAAM;CACvC,MAAM,YAAY,aAAa,QAAS;CAExC,MAAM,cAAc,OAAe;EACjC,IAAI;EACJ,MAAM,SAAS,UAAU,SAAS,GAAG;AAErC,MAAI,SAAS,SACX,QAAO,SAAS,EAAE,GAAG,CAAC,GAAG;MAEzB,QAAO,SACH,UAAU,QAAQ,WAAW,WAAW,GAAG,GAC3C,CAAC,GAAG,WAAW,GAAG;AAGxB,MAAI,CAAC,WACH,iBAAgB,KAAK;AAEvB,kBAAgB,KAAK;;AAGvB,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAW,GAAG,aAAa,UAAU;YACvC,MAAM,KAAK,SAAS;GACnB,MAAM,OAAO,UAAU,SAAS,KAAK,GAAG;AACxC,UACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAEE,WAAW,GAET,4DAEA,sEAEA,0EAEA,2DACA,2DAEA,QAAQ,wBACR,YAAY,QAAQ,GACrB;cAfH,CAiBE,iBAAA,GAAA,kBAAA,MAAC,UAAD;KACE,MAAK;KACL,WAAW,GACT,sGAEA,0CAEA,2CACA,YACI,wDACA,IACJ,KAAK,WACD,kCACA,iBACL;KACD,iBAAe;KACf,iBAAe,GAAG,KAAK,GAAG;KAC1B,IAAI,GAAG,KAAK,GAAG;KACf,eAAe,CAAC,KAAK,YAAY,WAAW,KAAK,GAAG;KACpD,UAAU,KAAK;eAnBjB,CAqBE,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;OAAG,WAAU;iBACV,KAAK;OACJ,CAAA,EACH,KAAK,eACJ,iBAAA,GAAA,kBAAA,KAAC,KAAD;OAAG,WAAU;iBACV,KAAK;OACJ,CAAA,CAEF;SACN,iBAAA,GAAA,kBAAA,KAAC,QAAD;MACE,WAAW,GACT,gDACA,sCACA,0CACA,QAAQ,0CACT;gBAEA;MACI,CAAA,CACA;QACT,iBAAA,GAAA,kBAAA,KAAC,OAAD;KACE,IAAI,GAAG,KAAK,GAAG;KACf,MAAK;KACL,mBAAiB,GAAG,KAAK,GAAG;KAC5B,WAAW,GACT,2DACA,OAAO,+BAA+B,oBACvC;eAED,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBACZ,KAAK;MACF,CAAA;KACF,CAAA,CACF;MAvEC,KAAK,GAuEN;IAER;EACE,CAAA"}

package/dist/chunks/alert-CtdLy4Hv.mjs

@@ -0,0 +1,40 @@
+import { u as InfoCircleIcon } from "./icons-DuumN7z-.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/feedback/alert/Alert.tsx
+var variantClasses = {
+	info: "border-info-border bg-info-subtle",
+	success: "border-success-border bg-success-subtle",
+	warning: "border-warning-border bg-warning-subtle",
+	destructive: "border-danger-border bg-danger-subtle"
+};
+var defaultIcon = /* @__PURE__ */ jsx(InfoCircleIcon, {
+	className: "h-5 w-5",
+	"aria-hidden": "true"
+});
+var Alert = ({ title, description, icon = defaultIcon, variant = "info", className = "", children }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: `flex gap-3 rounded-lg border p-4 text-sm text-foreground ${variantClasses[variant]}`.concat(" ", className).trim(),
+		role: variant === "destructive" ? "alert" : "status",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "text-heading",
+			children: icon
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "space-y-1",
+			children: [
+				title && /* @__PURE__ */ jsx("p", {
+					className: "text-base font-medium text-heading",
+					children: title
+				}),
+				description && /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					children: description
+				}),
+				children
+			]
+		})]
+	});
+};
+//#endregion
+export { Alert as t };
+
+//# sourceMappingURL=alert-CtdLy4Hv.mjs.map

package/dist/chunks/alert-CtdLy4Hv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-CtdLy4Hv.mjs","names":[],"sources":["../../src/components/feedback/alert/Alert.tsx"],"sourcesContent":["import { InfoCircleIcon } from \"../../icons\";\nimport type { AlertProps } from \"./types\";\n\nconst variantClasses: Record<NonNullable<AlertProps[\"variant\"]>, string> = {\n  info: \"border-info-border bg-info-subtle\",\n  success: \"border-success-border bg-success-subtle\",\n  warning: \"border-warning-border bg-warning-subtle\",\n  destructive: \"border-danger-border bg-danger-subtle\",\n};\n\nconst defaultIcon = <InfoCircleIcon className=\"h-5 w-5\" aria-hidden=\"true\" />;\n\nexport const Alert = ({\n  title,\n  description,\n  icon = defaultIcon,\n  variant = \"info\",\n  className = \"\",\n  children,\n}: AlertProps) => {\n  const classes =\n    `flex gap-3 rounded-lg border p-4 text-sm text-foreground ${variantClasses[variant]}`\n      .concat(\" \", className)\n      .trim();\n\n  return (\n    <div\n      className={classes}\n      role={variant === \"destructive\" ? \"alert\" : \"status\"}\n    >\n      <span className=\"text-heading\">{icon}</span>\n      <div className=\"space-y-1\">\n        {title && <p className=\"text-base font-medium text-heading\">{title}</p>}\n        {description && <p className=\"text-muted-foreground\">{description}</p>}\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAGA,IAAM,iBAAqE;CACzE,MAAM;CACN,SAAS;CACT,SAAS;CACT,aAAa;CACd;AAED,IAAM,cAAc,oBAAC,gBAAD;CAAgB,WAAU;CAAU,eAAY;CAAS,CAAA;AAE7E,IAAa,SAAS,EACpB,OACA,aACA,OAAO,aACP,UAAU,QACV,YAAY,IACZ,eACgB;AAMhB,QACE,qBAAC,OAAD;EACE,WANF,4DAA4D,eAAe,WACxE,OAAO,KAAK,UAAU,CACtB,MAAM;EAKP,MAAM,YAAY,gBAAgB,UAAU;YAF9C,CAIE,oBAAC,QAAD;GAAM,WAAU;aAAgB;GAAY,CAAA,EAC5C,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,SAAS,oBAAC,KAAD;KAAG,WAAU;eAAsC;KAAU,CAAA;IACtE,eAAe,oBAAC,KAAD;KAAG,WAAU;eAAyB;KAAgB,CAAA;IACrE;IACG;KACF"}

package/dist/chunks/alert-Dvz1GoL5.cjs

@@ -0,0 +1,46 @@
+require("./chunk-B_GkZjkl.cjs");
+const require_icons = require("./icons-BxIzP2jd.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/feedback/alert/Alert.tsx
+var variantClasses = {
+	info: "border-info-border bg-info-subtle",
+	success: "border-success-border bg-success-subtle",
+	warning: "border-warning-border bg-warning-subtle",
+	destructive: "border-danger-border bg-danger-subtle"
+};
+var defaultIcon = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.InfoCircleIcon, {
+	className: "h-5 w-5",
+	"aria-hidden": "true"
+});
+var Alert = ({ title, description, icon = defaultIcon, variant = "info", className = "", children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `flex gap-3 rounded-lg border p-4 text-sm text-foreground ${variantClasses[variant]}`.concat(" ", className).trim(),
+		role: variant === "destructive" ? "alert" : "status",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-heading",
+			children: icon
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "space-y-1",
+			children: [
+				title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-base font-medium text-heading",
+					children: title
+				}),
+				description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-muted-foreground",
+					children: description
+				}),
+				children
+			]
+		})]
+	});
+};
+//#endregion
+Object.defineProperty(exports, "Alert", {
+	enumerable: true,
+	get: function() {
+		return Alert;
+	}
+});
+
+//# sourceMappingURL=alert-Dvz1GoL5.cjs.map

package/dist/chunks/alert-Dvz1GoL5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-Dvz1GoL5.cjs","names":[],"sources":["../../src/components/feedback/alert/Alert.tsx"],"sourcesContent":["import { InfoCircleIcon } from \"../../icons\";\nimport type { AlertProps } from \"./types\";\n\nconst variantClasses: Record<NonNullable<AlertProps[\"variant\"]>, string> = {\n  info: \"border-info-border bg-info-subtle\",\n  success: \"border-success-border bg-success-subtle\",\n  warning: \"border-warning-border bg-warning-subtle\",\n  destructive: \"border-danger-border bg-danger-subtle\",\n};\n\nconst defaultIcon = <InfoCircleIcon className=\"h-5 w-5\" aria-hidden=\"true\" />;\n\nexport const Alert = ({\n  title,\n  description,\n  icon = defaultIcon,\n  variant = \"info\",\n  className = \"\",\n  children,\n}: AlertProps) => {\n  const classes =\n    `flex gap-3 rounded-lg border p-4 text-sm text-foreground ${variantClasses[variant]}`\n      .concat(\" \", className)\n      .trim();\n\n  return (\n    <div\n      className={classes}\n      role={variant === \"destructive\" ? \"alert\" : \"status\"}\n    >\n      <span className=\"text-heading\">{icon}</span>\n      <div className=\"space-y-1\">\n        {title && <p className=\"text-base font-medium text-heading\">{title}</p>}\n        {description && <p className=\"text-muted-foreground\">{description}</p>}\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAGA,IAAM,iBAAqE;CACzE,MAAM;CACN,SAAS;CACT,SAAS;CACT,aAAa;CACd;AAED,IAAM,cAAc,iBAAA,GAAA,kBAAA,KAAC,cAAA,gBAAD;CAAgB,WAAU;CAAU,eAAY;CAAS,CAAA;AAE7E,IAAa,SAAS,EACpB,OACA,aACA,OAAO,aACP,UAAU,QACV,YAAY,IACZ,eACgB;AAMhB,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WANF,4DAA4D,eAAe,WACxE,OAAO,KAAK,UAAU,CACtB,MAAM;EAKP,MAAM,YAAY,gBAAgB,UAAU;YAF9C,CAIE,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAgB;GAAY,CAAA,EAC5C,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACG,SAAS,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eAAsC;KAAU,CAAA;IACtE,eAAe,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eAAyB;KAAgB,CAAA;IACrE;IACG;KACF"}

package/dist/chunks/animated-content-C1uNg1xO.mjs

@@ -0,0 +1,292 @@
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { motion, useInView } from "framer-motion";
+//#region src/components/effects/animated-content/AnimatedContent.tsx
+var easingMap = {
+	linear: [
+		0,
+		0,
+		1,
+		1
+	],
+	easeIn: [
+		.4,
+		0,
+		1,
+		1
+	],
+	easeOut: [
+		0,
+		0,
+		.2,
+		1
+	],
+	easeInOut: [
+		.4,
+		0,
+		.2,
+		1
+	],
+	circIn: [
+		.55,
+		0,
+		1,
+		.45
+	],
+	circOut: [
+		0,
+		.55,
+		.45,
+		1
+	],
+	circInOut: [
+		.85,
+		0,
+		.15,
+		1
+	],
+	backIn: [
+		.36,
+		0,
+		.66,
+		-.56
+	],
+	backOut: [
+		.34,
+		1.56,
+		.64,
+		1
+	],
+	backInOut: [
+		.68,
+		-.6,
+		.32,
+		1.6
+	],
+	anticipate: "anticipate",
+	bounce: "easeOut",
+	elastic: "easeOut"
+};
+var getSpringConfig = (ease) => {
+	switch (ease) {
+		case "bounce": return {
+			type: "spring",
+			damping: 8,
+			stiffness: 200,
+			bounce: .5
+		};
+		case "elastic": return {
+			type: "spring",
+			damping: 10,
+			stiffness: 100
+		};
+		default: return null;
+	}
+};
+var getPresetAnimation = (preset, distance, initialOpacity, initialScale, reverse) => {
+	const dir = reverse ? -1 : 1;
+	return {
+		fade: {
+			initial: { opacity: initialOpacity },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 }
+		},
+		scale: {
+			initial: {
+				opacity: initialOpacity,
+				scale: initialScale
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				scale: initialScale
+			}
+		},
+		slideUp: {
+			initial: {
+				opacity: initialOpacity,
+				y: distance * dir
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				y: distance / 2 * dir
+			}
+		},
+		slideDown: {
+			initial: {
+				opacity: initialOpacity,
+				y: -distance * dir
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				y: -distance / 2 * dir
+			}
+		},
+		slideLeft: {
+			initial: {
+				opacity: initialOpacity,
+				x: distance * dir
+			},
+			animate: {
+				opacity: 1,
+				x: 0
+			},
+			exit: {
+				opacity: 0,
+				x: distance / 2 * dir
+			}
+		},
+		slideRight: {
+			initial: {
+				opacity: initialOpacity,
+				x: -distance * dir
+			},
+			animate: {
+				opacity: 1,
+				x: 0
+			},
+			exit: {
+				opacity: 0,
+				x: -distance / 2 * dir
+			}
+		},
+		elastic: {
+			initial: {
+				opacity: initialOpacity,
+				scale: initialScale,
+				y: distance / 2
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				scale: .8,
+				y: distance / 4
+			}
+		},
+		bounce: {
+			initial: {
+				opacity: initialOpacity,
+				scale: initialScale,
+				y: -distance
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				scale: .5,
+				y: -distance / 2
+			}
+		},
+		flip: {
+			initial: {
+				opacity: initialOpacity,
+				rotateX: -90 * dir,
+				scale: .9
+			},
+			animate: {
+				opacity: 1,
+				rotateX: 0,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				rotateX: 90 * dir,
+				scale: .9
+			}
+		},
+		zoom: {
+			initial: {
+				opacity: initialOpacity,
+				scale: 0,
+				rotate: -10 * dir
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				rotate: 0
+			},
+			exit: {
+				opacity: 0,
+				scale: .5,
+				rotate: 5 * dir
+			}
+		},
+		custom: {
+			initial: { opacity: initialOpacity },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 }
+		}
+	}[preset];
+};
+var AnimatedContent = ({ children, preset = "fade", direction = "vertical", ease = "easeOut", exitEase, reverse = false, animateOpacity = true, distance = 50, duration = .5, delay = 0, initialOpacity = 0, initialScale = .9, threshold = .1, disappearAfter = 0, disappearDuration = .3, triggerOnView = false, triggerOnce = true, className = "", as = "div" }) => {
+	const ref = useRef(null);
+	const isInView = useInView(ref, {
+		once: triggerOnce,
+		amount: threshold
+	});
+	const [isVisible, setIsVisible] = useState(!triggerOnView);
+	const [hasDisappeared, setHasDisappeared] = useState(false);
+	useEffect(() => {
+		if (triggerOnView && isInView && !isVisible) setIsVisible(true);
+	}, [
+		isInView,
+		triggerOnView,
+		isVisible
+	]);
+	useEffect(() => {
+		if (disappearAfter > 0 && isVisible && !hasDisappeared) {
+			const timer = setTimeout(() => {
+				setHasDisappeared(true);
+			}, disappearAfter * 1e3);
+			return () => clearTimeout(timer);
+		}
+	}, [
+		disappearAfter,
+		isVisible,
+		hasDisappeared
+	]);
+	const animation = getPresetAnimation(preset, distance, animateOpacity ? initialOpacity : 1, initialScale, reverse);
+	const springConfig = getSpringConfig(ease);
+	const easingValue = easingMap[ease];
+	const transition = springConfig || {
+		duration,
+		delay,
+		ease: typeof easingValue === "string" ? easingValue : easingValue
+	};
+	const exitTransition = exitEase ? {
+		duration: disappearDuration,
+		ease: easingMap[exitEase]
+	} : { duration: disappearDuration };
+	const currentState = hasDisappeared ? "exit" : (triggerOnView ? isVisible : true) ? "animate" : "initial";
+	return /* @__PURE__ */ jsx(motion[as] || motion.div, {
+		ref,
+		className,
+		initial: animation.initial,
+		animate: currentState === "animate" ? animation.animate : currentState === "exit" ? animation.exit : animation.initial,
+		transition: currentState === "exit" ? exitTransition : transition,
+		style: { perspective: preset === "flip" ? 1e3 : void 0 },
+		children
+	});
+};
+//#endregion
+export { AnimatedContent as t };
+
+//# sourceMappingURL=animated-content-C1uNg1xO.mjs.map

package/dist/chunks/animated-content-C1uNg1xO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-content-C1uNg1xO.mjs","names":[],"sources":["../../src/components/effects/animated-content/AnimatedContent.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { motion, useInView, type TargetAndTransition } from \"framer-motion\";\nimport type {\n  AnimatedContentProps,\n  AnimationPreset,\n  AnimationEase,\n} from \"./types\";\n\n// Easing function mappings\nconst easingMap: Record<AnimationEase, number[] | string> = {\n  linear: [0, 0, 1, 1],\n  easeIn: [0.4, 0, 1, 1],\n  easeOut: [0, 0, 0.2, 1],\n  easeInOut: [0.4, 0, 0.2, 1],\n  circIn: [0.55, 0, 1, 0.45],\n  circOut: [0, 0.55, 0.45, 1],\n  circInOut: [0.85, 0, 0.15, 1],\n  backIn: [0.36, 0, 0.66, -0.56],\n  backOut: [0.34, 1.56, 0.64, 1],\n  backInOut: [0.68, -0.6, 0.32, 1.6],\n  anticipate: \"anticipate\",\n  bounce: \"easeOut\",\n  elastic: \"easeOut\",\n};\n\n// Get spring config for bouncy/elastic animations\nconst getSpringConfig = (ease: AnimationEase) => {\n  switch (ease) {\n    case \"bounce\":\n      return {\n        type: \"spring\" as const,\n        damping: 8,\n        stiffness: 200,\n        bounce: 0.5,\n      };\n    case \"elastic\":\n      return { type: \"spring\" as const, damping: 10, stiffness: 100 };\n    default:\n      return null;\n  }\n};\n\n// Preset animation configurations\nconst getPresetAnimation = (\n  preset: AnimationPreset,\n  distance: number,\n  initialOpacity: number,\n  initialScale: number,\n  reverse: boolean,\n): {\n  initial: TargetAndTransition;\n  animate: TargetAndTransition;\n  exit: TargetAndTransition;\n} => {\n  const dir = reverse ? -1 : 1;\n\n  const presets: Record<\n    AnimationPreset,\n    {\n      initial: TargetAndTransition;\n      animate: TargetAndTransition;\n      exit: TargetAndTransition;\n    }\n  > = {\n    fade: {\n      initial: { opacity: initialOpacity },\n      animate: { opacity: 1 },\n      exit: { opacity: 0 },\n    },\n    scale: {\n      initial: { opacity: initialOpacity, scale: initialScale },\n      animate: { opacity: 1, scale: 1 },\n      exit: { opacity: 0, scale: initialScale },\n    },\n    slideUp: {\n      initial: { opacity: initialOpacity, y: distance * dir },\n      animate: { opacity: 1, y: 0 },\n      exit: { opacity: 0, y: (distance / 2) * dir },\n    },\n    slideDown: {\n      initial: { opacity: initialOpacity, y: -distance * dir },\n      animate: { opacity: 1, y: 0 },\n      exit: { opacity: 0, y: (-distance / 2) * dir },\n    },\n    slideLeft: {\n      initial: { opacity: initialOpacity, x: distance * dir },\n      animate: { opacity: 1, x: 0 },\n      exit: { opacity: 0, x: (distance / 2) * dir },\n    },\n    slideRight: {\n      initial: { opacity: initialOpacity, x: -distance * dir },\n      animate: { opacity: 1, x: 0 },\n      exit: { opacity: 0, x: (-distance / 2) * dir },\n    },\n    elastic: {\n      initial: {\n        opacity: initialOpacity,\n        scale: initialScale,\n        y: distance / 2,\n      },\n      animate: { opacity: 1, scale: 1, y: 0 },\n      exit: { opacity: 0, scale: 0.8, y: distance / 4 },\n    },\n    bounce: {\n      initial: { opacity: initialOpacity, scale: initialScale, y: -distance },\n      animate: { opacity: 1, scale: 1, y: 0 },\n      exit: { opacity: 0, scale: 0.5, y: -distance / 2 },\n    },\n    flip: {\n      initial: { opacity: initialOpacity, rotateX: -90 * dir, scale: 0.9 },\n      animate: { opacity: 1, rotateX: 0, scale: 1 },\n      exit: { opacity: 0, rotateX: 90 * dir, scale: 0.9 },\n    },\n    zoom: {\n      initial: { opacity: initialOpacity, scale: 0, rotate: -10 * dir },\n      animate: { opacity: 1, scale: 1, rotate: 0 },\n      exit: { opacity: 0, scale: 0.5, rotate: 5 * dir },\n    },\n    custom: {\n      initial: { opacity: initialOpacity },\n      animate: { opacity: 1 },\n      exit: { opacity: 0 },\n    },\n  };\n\n  return presets[preset];\n};\n\nexport const AnimatedContent = ({\n  children,\n  preset = \"fade\",\n  direction = \"vertical\",\n  ease = \"easeOut\",\n  exitEase,\n  reverse = false,\n  animateOpacity = true,\n  distance = 50,\n  duration = 0.5,\n  delay = 0,\n  initialOpacity = 0,\n  initialScale = 0.9,\n  threshold = 0.1,\n  disappearAfter = 0,\n  disappearDuration = 0.3,\n  triggerOnView = false,\n  triggerOnce = true,\n  className = \"\",\n  as = \"div\",\n}: AnimatedContentProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const isInView = useInView(ref, {\n    once: triggerOnce,\n    amount: threshold,\n  });\n  const [isVisible, setIsVisible] = useState(!triggerOnView);\n  const [hasDisappeared, setHasDisappeared] = useState(false);\n\n  // Handle view-triggered animation\n  useEffect(() => {\n    if (triggerOnView && isInView && !isVisible) {\n      setIsVisible(true);\n    }\n  }, [isInView, triggerOnView, isVisible]);\n\n  // Handle disappear after timeout\n  useEffect(() => {\n    if (disappearAfter > 0 && isVisible && !hasDisappeared) {\n      const timer = setTimeout(() => {\n        setHasDisappeared(true);\n      }, disappearAfter * 1000);\n      return () => clearTimeout(timer);\n    }\n  }, [disappearAfter, isVisible, hasDisappeared]);\n\n  // Get animation config\n  const opacity = animateOpacity ? initialOpacity : 1;\n  const animation = getPresetAnimation(\n    preset,\n    distance,\n    opacity,\n    initialScale,\n    reverse,\n  );\n\n  // Get transition config\n  const springConfig = getSpringConfig(ease);\n  const easingValue = easingMap[ease];\n\n  const transition = springConfig || {\n    duration,\n    delay,\n    ease: (typeof easingValue === \"string\" ? easingValue : easingValue) as any,\n  };\n\n  const exitTransition = exitEase\n    ? { duration: disappearDuration, ease: easingMap[exitEase] }\n    : { duration: disappearDuration };\n\n  // Determine current animation state\n  const shouldAnimate = triggerOnView ? isVisible : true;\n  const currentState = hasDisappeared\n    ? \"exit\"\n    : shouldAnimate\n      ? \"animate\"\n      : \"initial\";\n\n  const MotionComponent = (motion as any)[as] || motion.div;\n\n  return (\n    <MotionComponent\n      ref={ref as any}\n      className={className}\n      initial={animation.initial}\n      animate={\n        currentState === \"animate\"\n          ? animation.animate\n          : currentState === \"exit\"\n            ? animation.exit\n            : animation.initial\n      }\n      transition={\n        (currentState === \"exit\" ? exitTransition : transition) as any\n      }\n      style={{ perspective: preset === \"flip\" ? 1000 : undefined }}\n    >\n      {children}\n    </MotionComponent>\n  );\n};\n"],"mappings":"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"}