@blueshift-gg/ui-components 0.1.74 → 0.1.76

package/dist/GridLines.cjs

@@ -1,82 +0,0 @@
-"use client";
-
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_utils_easings = require('./utils/easings.cjs');
-let motion_react = require("motion/react");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/GridLines.tsx
-const GridLines = ({ gap = 8, animateLines = false, lines = [
-	"top",
-	"bottom",
-	"left",
-	"right"
-], className }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, classnames.default)("absolute", className),
-		style: { inset: `${-gap}px` },
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
-				initial: { clipPath: animateLines ? "inset(0 0 100% 0)" : "inset(0 0 0 0)" },
-				animate: { clipPath: "inset(0 0 0 0)" },
-				transition: {
-					duration: .25,
-					ease: require_utils_easings.glide
-				},
-				className: (0, classnames.default)(!lines.includes("left") && "hidden", "absolute w-px bg-border-light left-0 top-1/2 -translate-y-1/2"),
-				style: {
-					minHeight: "100dvh",
-					height: "100%"
-				}
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
-				initial: { clipPath: animateLines ? "inset(100% 0 0 0)" : "inset(0 0 0 0)" },
-				animate: { clipPath: "inset(0 0 0 0)" },
-				transition: {
-					duration: .25,
-					ease: require_utils_easings.glide,
-					delay: .05
-				},
-				className: (0, classnames.default)(!lines.includes("right") && "hidden", "absolute w-px bg-border-light right-0 top-1/2 -translate-y-1/2"),
-				style: {
-					minHeight: "100dvh",
-					height: "100%"
-				}
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
-				initial: { clipPath: animateLines ? "inset(0 100% 0 0)" : "inset(0 0 0 0)" },
-				animate: { clipPath: "inset(0 0 0 0)" },
-				transition: {
-					duration: .25,
-					ease: require_utils_easings.glide,
-					delay: .1
-				},
-				className: (0, classnames.default)(!lines.includes("top") && "hidden", "absolute h-px bg-border-light top-0 left-1/2 -translate-x-1/2"),
-				style: {
-					minWidth: "100dvw",
-					width: "100%"
-				}
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
-				initial: { clipPath: animateLines ? "inset(0 0 0 100%)" : "inset(0 0 0 0)" },
-				animate: { clipPath: "inset(0 0 0 0)" },
-				transition: {
-					duration: .25,
-					ease: require_utils_easings.glide,
-					delay: .15
-				},
-				className: (0, classnames.default)(!lines.includes("bottom") && "hidden", "absolute h-px bg-border-light bottom-0 left-1/2 -translate-x-1/2"),
-				style: {
-					minWidth: "100dvw",
-					width: "100%"
-				}
-			})
-		]
-	});
-};
-
-//#endregion
-exports.GridLines = GridLines;
-//# sourceMappingURL=GridLines.cjs.map

package/dist/GridLines.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridLines.cjs","names":["motion","glide"],"sources":["../src/GridLines.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion } from \"motion/react\";\nimport { glide } from \"./utils/easings\";\nimport classNames from \"classnames\";\n\nexport type GridLinesProps = {\n  className?: string;\n  animateLines?: boolean;\n  gap?: number;\n  lines?: (\"top\" | \"bottom\" | \"left\" | \"right\")[];\n};\n\nexport const GridLines = ({\n  gap = 8,\n  animateLines = false,\n  lines = [\"top\", \"bottom\", \"left\", \"right\"],\n  className,\n}: GridLinesProps) => {\n  return (\n    <div\n      className={classNames(\"absolute\", className)}\n      style={{ inset: `${-gap}px` }}\n    >\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 0 100% 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide }}\n        className={classNames(\n          !lines.includes(\"left\") && \"hidden\",\n          \"absolute w-px bg-border-light left-0 top-1/2 -translate-y-1/2\"\n        )}\n        style={{ minHeight: \"100dvh\", height: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(100% 0 0 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.05 }}\n        className={classNames(\n          !lines.includes(\"right\") && \"hidden\",\n          \"absolute w-px bg-border-light right-0 top-1/2 -translate-y-1/2\"\n        )}\n        style={{ minHeight: \"100dvh\", height: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 100% 0 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.1 }}\n        className={classNames(\n          !lines.includes(\"top\") && \"hidden\",\n          \"absolute h-px bg-border-light top-0 left-1/2 -translate-x-1/2\"\n        )}\n        style={{ minWidth: \"100dvw\", width: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 0 0 100%)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.15 }}\n        className={classNames(\n          !lines.includes(\"bottom\") && \"hidden\",\n          \"absolute h-px bg-border-light bottom-0 left-1/2 -translate-x-1/2\"\n        )}\n        style={{ minWidth: \"100dvw\", width: \"100%\" }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAaA,MAAa,aAAa,EACxB,MAAM,GACN,eAAe,OACf,QAAQ;CAAC;CAAO;CAAU;CAAQ;CAAQ,EAC1C,gBACoB;AACpB,QACE,4CAAC;EACC,mCAAsB,YAAY,UAAU;EAC5C,OAAO,EAAE,OAAO,GAAG,CAAC,IAAI,KAAK;;GAE7B,2CAACA,oBAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAMC;KAAO;IAC3C,mCACE,CAAC,MAAM,SAAS,OAAO,IAAI,UAC3B,gEACD;IACD,OAAO;KAAE,WAAW;KAAU,QAAQ;KAAQ;KAC9C;GACF,2CAACD,oBAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAMC;KAAO,OAAO;KAAM;IACxD,mCACE,CAAC,MAAM,SAAS,QAAQ,IAAI,UAC5B,iEACD;IACD,OAAO;KAAE,WAAW;KAAU,QAAQ;KAAQ;KAC9C;GACF,2CAACD,oBAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAMC;KAAO,OAAO;KAAK;IACvD,mCACE,CAAC,MAAM,SAAS,MAAM,IAAI,UAC1B,gEACD;IACD,OAAO;KAAE,UAAU;KAAU,OAAO;KAAQ;KAC5C;GACF,2CAACD,oBAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAMC;KAAO,OAAO;KAAM;IACxD,mCACE,CAAC,MAAM,SAAS,SAAS,IAAI,UAC7B,mEACD;IACD,OAAO;KAAE,UAAU;KAAU,OAAO;KAAQ;KAC5C;;GACE"}

package/dist/GridLines.d.cts

@@ -1,18 +0,0 @@
-import * as react_jsx_runtime188 from "react/jsx-runtime";
-
-//#region src/GridLines.d.ts
-type GridLinesProps = {
-  className?: string;
-  animateLines?: boolean;
-  gap?: number;
-  lines?: ("top" | "bottom" | "left" | "right")[];
-};
-declare const GridLines: ({
-  gap,
-  animateLines,
-  lines,
-  className
-}: GridLinesProps) => react_jsx_runtime188.JSX.Element;
-//#endregion
-export { GridLines, GridLinesProps };
-//# sourceMappingURL=GridLines.d.cts.map

package/dist/GridLines.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridLines.d.cts","names":[],"sources":["../src/GridLines.tsx"],"sourcesContent":[],"mappings":";;;KAMY,cAAA;;;EAAA,GAAA,CAAA,EAAA,MAAA;EAOC,KAAA,CAAA,EAAA,CAAA,KA6DZ,GAAA,QAAA,GAAA,MAAA,GAAA,OAAA,CAAA,EAAA;CA7DyB;AAAA,cAAb,SAAa,EAAA,CAAA;EAAA,GAAA;EAAA,YAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAKvB,cALuB,EAAA,GAKT,oBAAA,CAAA,GAAA,CAAA,OALS"}

package/dist/GridLines.d.mts

@@ -1,18 +0,0 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
-
-//#region src/GridLines.d.ts
-type GridLinesProps = {
-  className?: string;
-  animateLines?: boolean;
-  gap?: number;
-  lines?: ("top" | "bottom" | "left" | "right")[];
-};
-declare const GridLines: ({
-  gap,
-  animateLines,
-  lines,
-  className
-}: GridLinesProps) => react_jsx_runtime8.JSX.Element;
-//#endregion
-export { GridLines, GridLinesProps };
-//# sourceMappingURL=GridLines.d.mts.map

package/dist/GridLines.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridLines.d.mts","names":[],"sources":["../src/GridLines.tsx"],"sourcesContent":[],"mappings":";;;KAMY,cAAA;;;EAAA,GAAA,CAAA,EAAA,MAAA;EAOC,KAAA,CAAA,EAAA,CAAA,KA6DZ,GAAA,QAAA,GAAA,MAAA,GAAA,OAAA,CAAA,EAAA;CA7DyB;AAAA,cAAb,SAAa,EAAA,CAAA;EAAA,GAAA;EAAA,YAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAKvB,cALuB,EAAA,GAKT,kBAAA,CAAA,GAAA,CAAA,OALS"}

package/dist/GridLines.mjs

@@ -1,80 +0,0 @@
-"use client";
-
-import { glide } from "./utils/easings.mjs";
-import { motion } from "motion/react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/GridLines.tsx
-const GridLines = ({ gap = 8, animateLines = false, lines = [
-	"top",
-	"bottom",
-	"left",
-	"right"
-], className }) => {
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames("absolute", className),
-		style: { inset: `${-gap}px` },
-		children: [
-			/* @__PURE__ */ jsx(motion.div, {
-				initial: { clipPath: animateLines ? "inset(0 0 100% 0)" : "inset(0 0 0 0)" },
-				animate: { clipPath: "inset(0 0 0 0)" },
-				transition: {
-					duration: .25,
-					ease: glide
-				},
-				className: classNames(!lines.includes("left") && "hidden", "absolute w-px bg-border-light left-0 top-1/2 -translate-y-1/2"),
-				style: {
-					minHeight: "100dvh",
-					height: "100%"
-				}
-			}),
-			/* @__PURE__ */ jsx(motion.div, {
-				initial: { clipPath: animateLines ? "inset(100% 0 0 0)" : "inset(0 0 0 0)" },
-				animate: { clipPath: "inset(0 0 0 0)" },
-				transition: {
-					duration: .25,
-					ease: glide,
-					delay: .05
-				},
-				className: classNames(!lines.includes("right") && "hidden", "absolute w-px bg-border-light right-0 top-1/2 -translate-y-1/2"),
-				style: {
-					minHeight: "100dvh",
-					height: "100%"
-				}
-			}),
-			/* @__PURE__ */ jsx(motion.div, {
-				initial: { clipPath: animateLines ? "inset(0 100% 0 0)" : "inset(0 0 0 0)" },
-				animate: { clipPath: "inset(0 0 0 0)" },
-				transition: {
-					duration: .25,
-					ease: glide,
-					delay: .1
-				},
-				className: classNames(!lines.includes("top") && "hidden", "absolute h-px bg-border-light top-0 left-1/2 -translate-x-1/2"),
-				style: {
-					minWidth: "100dvw",
-					width: "100%"
-				}
-			}),
-			/* @__PURE__ */ jsx(motion.div, {
-				initial: { clipPath: animateLines ? "inset(0 0 0 100%)" : "inset(0 0 0 0)" },
-				animate: { clipPath: "inset(0 0 0 0)" },
-				transition: {
-					duration: .25,
-					ease: glide,
-					delay: .15
-				},
-				className: classNames(!lines.includes("bottom") && "hidden", "absolute h-px bg-border-light bottom-0 left-1/2 -translate-x-1/2"),
-				style: {
-					minWidth: "100dvw",
-					width: "100%"
-				}
-			})
-		]
-	});
-};
-
-//#endregion
-export { GridLines };
-//# sourceMappingURL=GridLines.mjs.map

package/dist/GridLines.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridLines.mjs","names":[],"sources":["../src/GridLines.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion } from \"motion/react\";\nimport { glide } from \"./utils/easings\";\nimport classNames from \"classnames\";\n\nexport type GridLinesProps = {\n  className?: string;\n  animateLines?: boolean;\n  gap?: number;\n  lines?: (\"top\" | \"bottom\" | \"left\" | \"right\")[];\n};\n\nexport const GridLines = ({\n  gap = 8,\n  animateLines = false,\n  lines = [\"top\", \"bottom\", \"left\", \"right\"],\n  className,\n}: GridLinesProps) => {\n  return (\n    <div\n      className={classNames(\"absolute\", className)}\n      style={{ inset: `${-gap}px` }}\n    >\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 0 100% 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide }}\n        className={classNames(\n          !lines.includes(\"left\") && \"hidden\",\n          \"absolute w-px bg-border-light left-0 top-1/2 -translate-y-1/2\"\n        )}\n        style={{ minHeight: \"100dvh\", height: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(100% 0 0 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.05 }}\n        className={classNames(\n          !lines.includes(\"right\") && \"hidden\",\n          \"absolute w-px bg-border-light right-0 top-1/2 -translate-y-1/2\"\n        )}\n        style={{ minHeight: \"100dvh\", height: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 100% 0 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.1 }}\n        className={classNames(\n          !lines.includes(\"top\") && \"hidden\",\n          \"absolute h-px bg-border-light top-0 left-1/2 -translate-x-1/2\"\n        )}\n        style={{ minWidth: \"100dvw\", width: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 0 0 100%)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.15 }}\n        className={classNames(\n          !lines.includes(\"bottom\") && \"hidden\",\n          \"absolute h-px bg-border-light bottom-0 left-1/2 -translate-x-1/2\"\n        )}\n        style={{ minWidth: \"100dvw\", width: \"100%\" }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAaA,MAAa,aAAa,EACxB,MAAM,GACN,eAAe,OACf,QAAQ;CAAC;CAAO;CAAU;CAAQ;CAAQ,EAC1C,gBACoB;AACpB,QACE,qBAAC;EACC,WAAW,WAAW,YAAY,UAAU;EAC5C,OAAO,EAAE,OAAO,GAAG,CAAC,IAAI,KAAK;;GAE7B,oBAAC,OAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAM;KAAO;IAC3C,WAAW,WACT,CAAC,MAAM,SAAS,OAAO,IAAI,UAC3B,gEACD;IACD,OAAO;KAAE,WAAW;KAAU,QAAQ;KAAQ;KAC9C;GACF,oBAAC,OAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAM;KAAO,OAAO;KAAM;IACxD,WAAW,WACT,CAAC,MAAM,SAAS,QAAQ,IAAI,UAC5B,iEACD;IACD,OAAO;KAAE,WAAW;KAAU,QAAQ;KAAQ;KAC9C;GACF,oBAAC,OAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAM;KAAO,OAAO;KAAK;IACvD,WAAW,WACT,CAAC,MAAM,SAAS,MAAM,IAAI,UAC1B,gEACD;IACD,OAAO;KAAE,UAAU;KAAU,OAAO;KAAQ;KAC5C;GACF,oBAAC,OAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAM;KAAO,OAAO;KAAM;IACxD,WAAW,WACT,CAAC,MAAM,SAAS,SAAS,IAAI,UAC7B,mEACD;IACD,OAAO;KAAE,UAAU;KAAU,OAAO;KAAQ;KAC5C;;GACE"}

package/dist/HeadingReveal.cjs

@@ -1,73 +0,0 @@
-"use client";
-
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-let motion = require("motion");
-let motion_plus = require("motion-plus");
-
-//#region src/HeadingReveal.tsx
-const HeadingReveal = ({ text, headingLevel, className, color = "#EFF1F6", cursorColor = "#00FFFF", baseDelay = 0, splitBy = "words", speed = .25, containerClassName }) => {
-	const containerRef = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
-		document.fonts.ready.then(() => {
-			if (!containerRef.current) return;
-			containerRef.current.style.visibility = "visible";
-			const { words, chars } = (0, motion_plus.splitText)(containerRef.current.querySelector(headingLevel));
-			(0, motion.animate)(splitBy === "words" ? words : chars, {
-				backgroundColor: [
-					"rgba(255,255,255,0)",
-					"rgba(255,255,255,0)",
-					cursorColor,
-					cursorColor,
-					cursorColor,
-					"rgba(255,255,255,0)"
-				],
-				color: [
-					"rgba(255,255,255,0)",
-					"rgba(255,255,255,0)",
-					cursorColor,
-					cursorColor,
-					cursorColor,
-					color
-				]
-			}, {
-				ease: motion.anticipate,
-				duration: speed,
-				delay: (0, motion.stagger)(speed / 2, { startDelay: baseDelay })
-			});
-		});
-	}, []);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, classnames.default)(containerClassName),
-		ref: containerRef,
-		children: [
-			headingLevel === "h1" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-				className: (0, classnames.default)("h1", className),
-				children: text
-			}),
-			headingLevel === "h2" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-				className: (0, classnames.default)("h2", className),
-				children: text
-			}),
-			headingLevel === "h3" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-				className: (0, classnames.default)("h3", className),
-				children: text
-			}),
-			headingLevel === "p" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: (0, classnames.default)("p", className),
-				children: text
-			}),
-			headingLevel === "span" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: (0, classnames.default)("span", className),
-				children: text
-			})
-		]
-	});
-};
-
-//#endregion
-exports.HeadingReveal = HeadingReveal;
-//# sourceMappingURL=HeadingReveal.cjs.map

package/dist/HeadingReveal.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeadingReveal.cjs","names":["anticipate"],"sources":["../src/HeadingReveal.tsx"],"sourcesContent":["\"use client\";\n\nimport { animate, stagger, anticipate } from \"motion\";\nimport { splitText } from \"motion-plus\";\nimport { useEffect, useRef } from \"react\";\nimport classNames from \"classnames\";\n\nexport type HeadingRevealProps = {\n  text: string;\n  headingLevel: \"h1\" | \"h2\" | \"h3\" | \"p\" | \"span\";\n  className?: string;\n  containerClassName?: string;\n  color?: string;\n  cursorColor?: string;\n  baseDelay?: number;\n  splitBy?: \"words\" | \"chars\";\n  speed?: number;\n};\nexport const HeadingReveal = ({\n  text,\n  headingLevel,\n  className,\n  color = \"#EFF1F6\",\n  cursorColor = \"#00FFFF\",\n  baseDelay = 0,\n  splitBy = \"words\",\n  speed = 0.25,\n  containerClassName,\n}: HeadingRevealProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    document.fonts.ready.then(() => {\n      if (!containerRef.current) return;\n\n      // Hide the container until the fonts are loaded\n      containerRef.current.style.visibility = \"visible\";\n\n      const { words, chars } = splitText(\n        containerRef.current.querySelector(headingLevel)!,\n      );\n\n      // Animate the words in the h1\n      animate(\n        splitBy === \"words\" ? words : chars,\n        {\n          backgroundColor: [\n            \"rgba(255,255,255,0)\",\n            \"rgba(255,255,255,0)\",\n            cursorColor,\n            cursorColor,\n            cursorColor,\n            \"rgba(255,255,255,0)\",\n          ],\n          color: [\n            \"rgba(255,255,255,0)\",\n            \"rgba(255,255,255,0)\",\n            cursorColor,\n            cursorColor,\n            cursorColor,\n            color,\n          ],\n        },\n        {\n          ease: anticipate,\n          duration: speed,\n          delay: stagger(speed / 2, { startDelay: baseDelay }),\n        },\n      );\n    });\n  }, []);\n\n  return (\n    <div className={classNames(containerClassName)} ref={containerRef}>\n      {headingLevel === \"h1\" && (\n        <h1 className={classNames(\"h1\", className)}>{text}</h1>\n      )}\n      {headingLevel === \"h2\" && (\n        <h2 className={classNames(\"h2\", className)}>{text}</h2>\n      )}\n      {headingLevel === \"h3\" && (\n        <h3 className={classNames(\"h3\", className)}>{text}</h3>\n      )}\n      {headingLevel === \"p\" && (\n        <p className={classNames(\"p\", className)}>{text}</p>\n      )}\n      {headingLevel === \"span\" && (\n        <span className={classNames(\"span\", className)}>{text}</span>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAkBA,MAAa,iBAAiB,EAC5B,MACA,cACA,WACA,QAAQ,WACR,cAAc,WACd,YAAY,GACZ,UAAU,SACV,QAAQ,KACR,yBACwB;CACxB,MAAM,iCAAsC,KAAK;AAEjD,4BAAgB;AACd,WAAS,MAAM,MAAM,WAAW;AAC9B,OAAI,CAAC,aAAa,QAAS;AAG3B,gBAAa,QAAQ,MAAM,aAAa;GAExC,MAAM,EAAE,OAAO,qCACb,aAAa,QAAQ,cAAc,aAAa,CACjD;AAGD,uBACE,YAAY,UAAU,QAAQ,OAC9B;IACE,iBAAiB;KACf;KACA;KACA;KACA;KACA;KACA;KACD;IACD,OAAO;KACL;KACA;KACA;KACA;KACA;KACA;KACD;IACF,EACD;IACE,MAAMA;IACN,UAAU;IACV,2BAAe,QAAQ,GAAG,EAAE,YAAY,WAAW,CAAC;IACrD,CACF;IACD;IACD,EAAE,CAAC;AAEN,QACE,4CAAC;EAAI,mCAAsB,mBAAmB;EAAE,KAAK;;GAClD,iBAAiB,QAChB,2CAAC;IAAG,mCAAsB,MAAM,UAAU;cAAG;KAAU;GAExD,iBAAiB,QAChB,2CAAC;IAAG,mCAAsB,MAAM,UAAU;cAAG;KAAU;GAExD,iBAAiB,QAChB,2CAAC;IAAG,mCAAsB,MAAM,UAAU;cAAG;KAAU;GAExD,iBAAiB,OAChB,2CAAC;IAAE,mCAAsB,KAAK,UAAU;cAAG;KAAS;GAErD,iBAAiB,UAChB,2CAAC;IAAK,mCAAsB,QAAQ,UAAU;cAAG;KAAY;;GAE3D"}

package/dist/HeadingReveal.d.cts

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime191 from "react/jsx-runtime";
-
-//#region src/HeadingReveal.d.ts
-type HeadingRevealProps = {
-  text: string;
-  headingLevel: "h1" | "h2" | "h3" | "p" | "span";
-  className?: string;
-  containerClassName?: string;
-  color?: string;
-  cursorColor?: string;
-  baseDelay?: number;
-  splitBy?: "words" | "chars";
-  speed?: number;
-};
-declare const HeadingReveal: ({
-  text,
-  headingLevel,
-  className,
-  color,
-  cursorColor,
-  baseDelay,
-  splitBy,
-  speed,
-  containerClassName
-}: HeadingRevealProps) => react_jsx_runtime191.JSX.Element;
-//#endregion
-export { HeadingReveal, HeadingRevealProps };
-//# sourceMappingURL=HeadingReveal.d.cts.map

package/dist/HeadingReveal.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeadingReveal.d.cts","names":[],"sources":["../src/HeadingReveal.tsx"],"sourcesContent":[],"mappings":";;;KAOY,kBAAA;;;EAAA,SAAA,CAAA,EAAA,MAAA;EAWC,kBAyEZ,CAAA,EAAA,MAAA;EAzE6B,KAAA,CAAA,EAAA,MAAA;EAAA,WAAA,CAAA,EAAA,MAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA,GAAA,OAAA;EAAA,KAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAAjB,aAAiB,EAAA,CAAA;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,SAAA;EAAA,OAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAU3B,kBAV2B,EAAA,GAUT,oBAAA,CAAA,GAAA,CAAA,OAVS"}

package/dist/HeadingReveal.d.mts

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
-
-//#region src/HeadingReveal.d.ts
-type HeadingRevealProps = {
-  text: string;
-  headingLevel: "h1" | "h2" | "h3" | "p" | "span";
-  className?: string;
-  containerClassName?: string;
-  color?: string;
-  cursorColor?: string;
-  baseDelay?: number;
-  splitBy?: "words" | "chars";
-  speed?: number;
-};
-declare const HeadingReveal: ({
-  text,
-  headingLevel,
-  className,
-  color,
-  cursorColor,
-  baseDelay,
-  splitBy,
-  speed,
-  containerClassName
-}: HeadingRevealProps) => react_jsx_runtime13.JSX.Element;
-//#endregion
-export { HeadingReveal, HeadingRevealProps };
-//# sourceMappingURL=HeadingReveal.d.mts.map

package/dist/HeadingReveal.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeadingReveal.d.mts","names":[],"sources":["../src/HeadingReveal.tsx"],"sourcesContent":[],"mappings":";;;KAOY,kBAAA;;;EAAA,SAAA,CAAA,EAAA,MAAA;EAWC,kBAyEZ,CAAA,EAAA,MAAA;EAzE6B,KAAA,CAAA,EAAA,MAAA;EAAA,WAAA,CAAA,EAAA,MAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA,GAAA,OAAA;EAAA,KAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAAjB,aAAiB,EAAA,CAAA;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,SAAA;EAAA,OAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAU3B,kBAV2B,EAAA,GAUT,mBAAA,CAAA,GAAA,CAAA,OAVS"}

package/dist/HeadingReveal.mjs

@@ -1,71 +0,0 @@
-"use client";
-
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import { animate, anticipate, stagger } from "motion";
-import { splitText } from "motion-plus";
-
-//#region src/HeadingReveal.tsx
-const HeadingReveal = ({ text, headingLevel, className, color = "#EFF1F6", cursorColor = "#00FFFF", baseDelay = 0, splitBy = "words", speed = .25, containerClassName }) => {
-	const containerRef = useRef(null);
-	useEffect(() => {
-		document.fonts.ready.then(() => {
-			if (!containerRef.current) return;
-			containerRef.current.style.visibility = "visible";
-			const { words, chars } = splitText(containerRef.current.querySelector(headingLevel));
-			animate(splitBy === "words" ? words : chars, {
-				backgroundColor: [
-					"rgba(255,255,255,0)",
-					"rgba(255,255,255,0)",
-					cursorColor,
-					cursorColor,
-					cursorColor,
-					"rgba(255,255,255,0)"
-				],
-				color: [
-					"rgba(255,255,255,0)",
-					"rgba(255,255,255,0)",
-					cursorColor,
-					cursorColor,
-					cursorColor,
-					color
-				]
-			}, {
-				ease: anticipate,
-				duration: speed,
-				delay: stagger(speed / 2, { startDelay: baseDelay })
-			});
-		});
-	}, []);
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames(containerClassName),
-		ref: containerRef,
-		children: [
-			headingLevel === "h1" && /* @__PURE__ */ jsx("h1", {
-				className: classNames("h1", className),
-				children: text
-			}),
-			headingLevel === "h2" && /* @__PURE__ */ jsx("h2", {
-				className: classNames("h2", className),
-				children: text
-			}),
-			headingLevel === "h3" && /* @__PURE__ */ jsx("h3", {
-				className: classNames("h3", className),
-				children: text
-			}),
-			headingLevel === "p" && /* @__PURE__ */ jsx("p", {
-				className: classNames("p", className),
-				children: text
-			}),
-			headingLevel === "span" && /* @__PURE__ */ jsx("span", {
-				className: classNames("span", className),
-				children: text
-			})
-		]
-	});
-};
-
-//#endregion
-export { HeadingReveal };
-//# sourceMappingURL=HeadingReveal.mjs.map

package/dist/HeadingReveal.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeadingReveal.mjs","names":[],"sources":["../src/HeadingReveal.tsx"],"sourcesContent":["\"use client\";\n\nimport { animate, stagger, anticipate } from \"motion\";\nimport { splitText } from \"motion-plus\";\nimport { useEffect, useRef } from \"react\";\nimport classNames from \"classnames\";\n\nexport type HeadingRevealProps = {\n  text: string;\n  headingLevel: \"h1\" | \"h2\" | \"h3\" | \"p\" | \"span\";\n  className?: string;\n  containerClassName?: string;\n  color?: string;\n  cursorColor?: string;\n  baseDelay?: number;\n  splitBy?: \"words\" | \"chars\";\n  speed?: number;\n};\nexport const HeadingReveal = ({\n  text,\n  headingLevel,\n  className,\n  color = \"#EFF1F6\",\n  cursorColor = \"#00FFFF\",\n  baseDelay = 0,\n  splitBy = \"words\",\n  speed = 0.25,\n  containerClassName,\n}: HeadingRevealProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    document.fonts.ready.then(() => {\n      if (!containerRef.current) return;\n\n      // Hide the container until the fonts are loaded\n      containerRef.current.style.visibility = \"visible\";\n\n      const { words, chars } = splitText(\n        containerRef.current.querySelector(headingLevel)!,\n      );\n\n      // Animate the words in the h1\n      animate(\n        splitBy === \"words\" ? words : chars,\n        {\n          backgroundColor: [\n            \"rgba(255,255,255,0)\",\n            \"rgba(255,255,255,0)\",\n            cursorColor,\n            cursorColor,\n            cursorColor,\n            \"rgba(255,255,255,0)\",\n          ],\n          color: [\n            \"rgba(255,255,255,0)\",\n            \"rgba(255,255,255,0)\",\n            cursorColor,\n            cursorColor,\n            cursorColor,\n            color,\n          ],\n        },\n        {\n          ease: anticipate,\n          duration: speed,\n          delay: stagger(speed / 2, { startDelay: baseDelay }),\n        },\n      );\n    });\n  }, []);\n\n  return (\n    <div className={classNames(containerClassName)} ref={containerRef}>\n      {headingLevel === \"h1\" && (\n        <h1 className={classNames(\"h1\", className)}>{text}</h1>\n      )}\n      {headingLevel === \"h2\" && (\n        <h2 className={classNames(\"h2\", className)}>{text}</h2>\n      )}\n      {headingLevel === \"h3\" && (\n        <h3 className={classNames(\"h3\", className)}>{text}</h3>\n      )}\n      {headingLevel === \"p\" && (\n        <p className={classNames(\"p\", className)}>{text}</p>\n      )}\n      {headingLevel === \"span\" && (\n        <span className={classNames(\"span\", className)}>{text}</span>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAkBA,MAAa,iBAAiB,EAC5B,MACA,cACA,WACA,QAAQ,WACR,cAAc,WACd,YAAY,GACZ,UAAU,SACV,QAAQ,KACR,yBACwB;CACxB,MAAM,eAAe,OAAuB,KAAK;AAEjD,iBAAgB;AACd,WAAS,MAAM,MAAM,WAAW;AAC9B,OAAI,CAAC,aAAa,QAAS;AAG3B,gBAAa,QAAQ,MAAM,aAAa;GAExC,MAAM,EAAE,OAAO,UAAU,UACvB,aAAa,QAAQ,cAAc,aAAa,CACjD;AAGD,WACE,YAAY,UAAU,QAAQ,OAC9B;IACE,iBAAiB;KACf;KACA;KACA;KACA;KACA;KACA;KACD;IACD,OAAO;KACL;KACA;KACA;KACA;KACA;KACA;KACD;IACF,EACD;IACE,MAAM;IACN,UAAU;IACV,OAAO,QAAQ,QAAQ,GAAG,EAAE,YAAY,WAAW,CAAC;IACrD,CACF;IACD;IACD,EAAE,CAAC;AAEN,QACE,qBAAC;EAAI,WAAW,WAAW,mBAAmB;EAAE,KAAK;;GAClD,iBAAiB,QAChB,oBAAC;IAAG,WAAW,WAAW,MAAM,UAAU;cAAG;KAAU;GAExD,iBAAiB,QAChB,oBAAC;IAAG,WAAW,WAAW,MAAM,UAAU;cAAG;KAAU;GAExD,iBAAiB,QAChB,oBAAC;IAAG,WAAW,WAAW,MAAM,UAAU;cAAG;KAAU;GAExD,iBAAiB,OAChB,oBAAC;IAAE,WAAW,WAAW,KAAK,UAAU;cAAG;KAAS;GAErD,iBAAiB,UAChB,oBAAC;IAAK,WAAW,WAAW,QAAQ,UAAU;cAAG;KAAY;;GAE3D"}

package/dist/Icon.cjs

@@ -1,25 +0,0 @@
-"use client";
-
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_icons_index = require('./icons/index.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/Icon.tsx
-const Icon = ({ className, name, size }) => {
-	const IconComponent = require_icons_index.IconComponents[name];
-	if (!IconComponent) {
-		console.warn(`Icon ${name} not found`);
-		return null;
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconComponent, {
-		size,
-		className,
-		name
-	});
-};
-
-//#endregion
-exports.Icon = Icon;
-exports.IconComponents = require_icons_index.IconComponents;
-exports.iconMetadata = require_icons_index.iconMetadata;
-//# sourceMappingURL=Icon.cjs.map

package/dist/Icon.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.cjs","names":["IconComponents"],"sources":["../src/Icon.tsx"],"sourcesContent":["\"use client\";\n\nimport { IconComponents, type IconName } from \"./icons\";\n\nexport type IconProps = {\n  name: IconName;\n  size?: number;\n  className?: string;\n};\n\nexport const Icon = ({ className, name, size }: IconProps) => {\n  const IconComponent = IconComponents[name];\n\n  if (!IconComponent) {\n    console.warn(`Icon ${name} not found`);\n    return null;\n  }\n\n  return (\n    <IconComponent\n      size={size}\n      className={className}\n      name={name}\n    />\n  );\n};\n\n// Re-export for convenience\nexport { IconComponents, iconMetadata, type IconName } from \"./icons\";\n"],"mappings":";;;;;;;AAUA,MAAa,QAAQ,EAAE,WAAW,MAAM,WAAsB;CAC5D,MAAM,gBAAgBA,mCAAe;AAErC,KAAI,CAAC,eAAe;AAClB,UAAQ,KAAK,QAAQ,KAAK,YAAY;AACtC,SAAO;;AAGT,QACE,2CAAC;EACO;EACK;EACL;GACN"}

package/dist/Icon.d.cts

@@ -1,17 +0,0 @@
-import { IconComponents, IconName, iconMetadata } from "./icons/index.cjs";
-import * as react_jsx_runtime196 from "react/jsx-runtime";
-
-//#region src/Icon.d.ts
-type IconProps = {
-  name: IconName;
-  size?: number;
-  className?: string;
-};
-declare const Icon: ({
-  className,
-  name,
-  size
-}: IconProps) => react_jsx_runtime196.JSX.Element | null;
-//#endregion
-export { Icon, IconComponents, type IconName, IconProps, iconMetadata };
-//# sourceMappingURL=Icon.d.cts.map

package/dist/Icon.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.d.cts","names":[],"sources":["../src/Icon.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,SAAA;QACJ;;EADI,SAAA,CAAA,EAAS,MAAA;AAMrB,CAAA;AAAqB,cAAR,IAAQ,EAAA,CAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAA2B,SAA3B,EAAA,GAAoC,oBAAA,CAAA,GAAA,CAAA,OAAA,GAApC,IAAA"}

package/dist/Icon.d.mts

@@ -1,17 +0,0 @@
-import { IconComponents, IconName, iconMetadata } from "./icons/index.mjs";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
-
-//#region src/Icon.d.ts
-type IconProps = {
-  name: IconName;
-  size?: number;
-  className?: string;
-};
-declare const Icon: ({
-  className,
-  name,
-  size
-}: IconProps) => react_jsx_runtime39.JSX.Element | null;
-//#endregion
-export { Icon, IconComponents, type IconName, IconProps, iconMetadata };
-//# sourceMappingURL=Icon.d.mts.map

package/dist/Icon.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.d.mts","names":[],"sources":["../src/Icon.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,SAAA;QACJ;;EADI,SAAA,CAAA,EAAS,MAAA;AAMrB,CAAA;AAAqB,cAAR,IAAQ,EAAA,CAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAA2B,SAA3B,EAAA,GAAoC,mBAAA,CAAA,GAAA,CAAA,OAAA,GAApC,IAAA"}

package/dist/Icon.mjs

@@ -1,22 +0,0 @@
-"use client";
-
-import { IconComponents, iconMetadata } from "./icons/index.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/Icon.tsx
-const Icon = ({ className, name, size }) => {
-	const IconComponent = IconComponents[name];
-	if (!IconComponent) {
-		console.warn(`Icon ${name} not found`);
-		return null;
-	}
-	return /* @__PURE__ */ jsx(IconComponent, {
-		size,
-		className,
-		name
-	});
-};
-
-//#endregion
-export { Icon, IconComponents, iconMetadata };
-//# sourceMappingURL=Icon.mjs.map

package/dist/Icon.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.mjs","names":[],"sources":["../src/Icon.tsx"],"sourcesContent":["\"use client\";\n\nimport { IconComponents, type IconName } from \"./icons\";\n\nexport type IconProps = {\n  name: IconName;\n  size?: number;\n  className?: string;\n};\n\nexport const Icon = ({ className, name, size }: IconProps) => {\n  const IconComponent = IconComponents[name];\n\n  if (!IconComponent) {\n    console.warn(`Icon ${name} not found`);\n    return null;\n  }\n\n  return (\n    <IconComponent\n      size={size}\n      className={className}\n      name={name}\n    />\n  );\n};\n\n// Re-export for convenience\nexport { IconComponents, iconMetadata, type IconName } from \"./icons\";\n"],"mappings":";;;;;;AAUA,MAAa,QAAQ,EAAE,WAAW,MAAM,WAAsB;CAC5D,MAAM,gBAAgB,eAAe;AAErC,KAAI,CAAC,eAAe;AAClB,UAAQ,KAAK,QAAQ,KAAK,YAAY;AACtC,SAAO;;AAGT,QACE,oBAAC;EACO;EACK;EACL;GACN"}