@blueshift-gg/ui-components 0.1.74 → 0.1.76

package/dist/DecryptText.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DecryptText.cjs","names":["interval: NodeJS.Timeout","isExiting","motion"],"sources":["../src/DecryptText.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { motion } from \"motion/react\";\nimport classNames from \"classnames\";\n\ninterface DecryptedTextProps {\n  text: string;\n  speed?: number;\n  className?: string;\n  encryptedClassName?: string;\n  parentClassName?: string;\n  isHovering?: boolean;\n}\n\nexport default function DecryptedText({\n  text,\n  speed = 20,\n  className = \"\",\n  parentClassName = \"\",\n  encryptedClassName = \"\",\n  isHovering = false,\n}: DecryptedTextProps) {\n  const [displayText, setDisplayText] = useState<string>(text);\n  const [isScrambling, setIsScrambling] = useState<boolean>(false);\n  const [revealedIndices, setRevealedIndices] = useState<Set<number>>(\n    new Set()\n  );\n  const [isExiting, setIsExiting] = useState<boolean>(false);\n\n  useEffect(() => {\n    let interval: NodeJS.Timeout;\n\n    const shuffleText = (\n      currentRevealed: Set<number>,\n      isExiting: boolean = false\n    ): string => {\n      const positions = text.split(\"\").map((char, i) => ({\n        char,\n        isSpace: char === \" \",\n        index: i,\n        isRevealed: isExiting\n          ? !currentRevealed.has(i)\n          : currentRevealed.has(i),\n      }));\n\n      const nonSpaceChars = positions\n        .filter((p) => !p.isSpace && !p.isRevealed)\n        .map((p) => p.char);\n\n      for (let i = nonSpaceChars.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n        [nonSpaceChars[i], nonSpaceChars[j]] = [\n          nonSpaceChars[j],\n          nonSpaceChars[i],\n        ];\n      }\n\n      let charIndex = 0;\n      return positions\n        .map((p) => {\n          if (p.isSpace) return \" \";\n          if (p.isRevealed) return text[p.index];\n          return nonSpaceChars[charIndex++];\n        })\n        .join(\"\");\n    };\n\n    if (isHovering) {\n      setIsExiting(false);\n      setIsScrambling(true);\n      interval = setInterval(() => {\n        setRevealedIndices((prevRevealed) => {\n          if (prevRevealed.size < text.length) {\n            const nextIndex = prevRevealed.size;\n            const newRevealed = new Set(prevRevealed);\n            newRevealed.add(nextIndex);\n            setDisplayText(shuffleText(newRevealed));\n            return newRevealed;\n          } else {\n            clearInterval(interval);\n            setIsScrambling(false);\n            return prevRevealed;\n          }\n        });\n      }, speed);\n    } else {\n      // When not hovering, immediately show the original text without animation\n      setDisplayText(text);\n      setRevealedIndices(new Set());\n      setIsScrambling(false);\n      setIsExiting(false);\n    }\n\n    return () => {\n      if (interval) clearInterval(interval);\n    };\n  }, [isHovering, text, speed]);\n\n  return (\n    <motion.span\n      className={classNames(\n        \"inline-block whitespace-pre-wrap\",\n        parentClassName\n      )}\n    >\n      <span className=\"sr-only\">{displayText}</span>\n\n      <span aria-hidden=\"true\" className=\"inline-flex tracking-tight\">\n        {displayText.split(\"\").map((char, index) => {\n          const isRevealedOrDone =\n            (isExiting\n              ? !revealedIndices.has(index)\n              : revealedIndices.has(index)) ||\n            !isScrambling ||\n            (!isHovering && !isExiting);\n\n          return (\n            <span\n              key={index}\n              className={isRevealedOrDone ? className : encryptedClassName}\n            >\n              {char}\n            </span>\n          );\n        })}\n      </span>\n    </motion.span>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAwB,cAAc,EACpC,MACA,QAAQ,IACR,YAAY,IACZ,kBAAkB,IAClB,qBAAqB,IACrB,aAAa,SACQ;CACrB,MAAM,CAAC,aAAa,sCAAmC,KAAK;CAC5D,MAAM,CAAC,cAAc,uCAAqC,MAAM;CAChE,MAAM,CAAC,iBAAiB,0DACtB,IAAI,KAAK,CACV;CACD,MAAM,CAAC,WAAW,oCAAkC,MAAM;AAE1D,4BAAgB;EACd,IAAIA;EAEJ,MAAM,eACJ,iBACA,cAAqB,UACV;GACX,MAAM,YAAY,KAAK,MAAM,GAAG,CAAC,KAAK,MAAM,OAAO;IACjD;IACA,SAAS,SAAS;IAClB,OAAO;IACP,YAAYC,cACR,CAAC,gBAAgB,IAAI,EAAE,GACvB,gBAAgB,IAAI,EAAE;IAC3B,EAAE;GAEH,MAAM,gBAAgB,UACnB,QAAQ,MAAM,CAAC,EAAE,WAAW,CAAC,EAAE,WAAW,CAC1C,KAAK,MAAM,EAAE,KAAK;AAErB,QAAK,IAAI,IAAI,cAAc,SAAS,GAAG,IAAI,GAAG,KAAK;IACjD,MAAM,IAAI,KAAK,MAAM,KAAK,QAAQ,IAAI,IAAI,GAAG;AAC7C,KAAC,cAAc,IAAI,cAAc,MAAM,CACrC,cAAc,IACd,cAAc,GACf;;GAGH,IAAI,YAAY;AAChB,UAAO,UACJ,KAAK,MAAM;AACV,QAAI,EAAE,QAAS,QAAO;AACtB,QAAI,EAAE,WAAY,QAAO,KAAK,EAAE;AAChC,WAAO,cAAc;KACrB,CACD,KAAK,GAAG;;AAGb,MAAI,YAAY;AACd,gBAAa,MAAM;AACnB,mBAAgB,KAAK;AACrB,cAAW,kBAAkB;AAC3B,wBAAoB,iBAAiB;AACnC,SAAI,aAAa,OAAO,KAAK,QAAQ;MACnC,MAAM,YAAY,aAAa;MAC/B,MAAM,cAAc,IAAI,IAAI,aAAa;AACzC,kBAAY,IAAI,UAAU;AAC1B,qBAAe,YAAY,YAAY,CAAC;AACxC,aAAO;YACF;AACL,oBAAc,SAAS;AACvB,sBAAgB,MAAM;AACtB,aAAO;;MAET;MACD,MAAM;SACJ;AAEL,kBAAe,KAAK;AACpB,sCAAmB,IAAI,KAAK,CAAC;AAC7B,mBAAgB,MAAM;AACtB,gBAAa,MAAM;;AAGrB,eAAa;AACX,OAAI,SAAU,eAAc,SAAS;;IAEtC;EAAC;EAAY;EAAM;EAAM,CAAC;AAE7B,QACE,4CAACC,oBAAO;EACN,mCACE,oCACA,gBACD;aAED,2CAAC;GAAK,WAAU;aAAW;IAAmB,EAE9C,2CAAC;GAAK,eAAY;GAAO,WAAU;aAChC,YAAY,MAAM,GAAG,CAAC,KAAK,MAAM,UAAU;AAQ1C,WACE,2CAAC;KAEC,YATD,YACG,CAAC,gBAAgB,IAAI,MAAM,GAC3B,gBAAgB,IAAI,MAAM,KAC9B,CAAC,gBACA,CAAC,cAAc,CAAC,YAKe,YAAY;eAEzC;OAHI,MAIA;KAET;IACG;GACK"}

package/dist/DecryptText.d.cts

@@ -1,21 +0,0 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
-
-//#region src/DecryptText.d.ts
-interface DecryptedTextProps {
-  text: string;
-  speed?: number;
-  className?: string;
-  encryptedClassName?: string;
-  parentClassName?: string;
-  isHovering?: boolean;
-}
-declare function DecryptedText({
-  text,
-  speed,
-  className,
-  parentClassName,
-  encryptedClassName,
-  isHovering
-}: DecryptedTextProps): react_jsx_runtime9.JSX.Element;
-export = DecryptedText;
-//# sourceMappingURL=DecryptText.d.cts.map

package/dist/DecryptText.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DecryptText.d.cts","names":[],"sources":["../src/DecryptText.tsx"],"sourcesContent":[],"mappings":";;;UAMU,kBAAA;;;EAAA,SAAA,CAAA,EAAA,MAAA;EASc,kBAAa,CAAA,EAAA,MAAA;EACnC,eAAA,CAAA,EAAA,MAAA;EACA,UAAA,CAAA,EAAA,OAAA;;AAEA,iBAJsB,aAAA,CAItB;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,eAAA;EAAA,kBAAA;EAAA;AAAA,CAAA,EAGC,kBAHD,CAAA,EAGmB,kBAAA,CAAA,GAAA,CAAA,OAHnB;AAAA"}

package/dist/DecryptText.d.mts

@@ -1,22 +0,0 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
-
-//#region src/DecryptText.d.ts
-interface DecryptedTextProps {
-  text: string;
-  speed?: number;
-  className?: string;
-  encryptedClassName?: string;
-  parentClassName?: string;
-  isHovering?: boolean;
-}
-declare function DecryptedText({
-  text,
-  speed,
-  className,
-  parentClassName,
-  encryptedClassName,
-  isHovering
-}: DecryptedTextProps): react_jsx_runtime11.JSX.Element;
-//#endregion
-export { DecryptedText as default };
-//# sourceMappingURL=DecryptText.d.mts.map

package/dist/DecryptText.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DecryptText.d.mts","names":[],"sources":["../src/DecryptText.tsx"],"sourcesContent":[],"mappings":";;;UAMU,kBAAA;;;EAAA,SAAA,CAAA,EAAA,MAAA;EASc,kBAAa,CAAA,EAAA,MAAA;EACnC,eAAA,CAAA,EAAA,MAAA;EACA,UAAA,CAAA,EAAA,OAAA;;AAEA,iBAJsB,aAAA,CAItB;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,eAAA;EAAA,kBAAA;EAAA;AAAA,CAAA,EAGC,kBAHD,CAAA,EAGmB,mBAAA,CAAA,GAAA,CAAA,OAHnB"}

package/dist/DecryptText.mjs

@@ -1,87 +0,0 @@
-"use client";
-
-import { motion } from "motion/react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-
-//#region src/DecryptText.tsx
-function DecryptedText({ text, speed = 20, className = "", parentClassName = "", encryptedClassName = "", isHovering = false }) {
-	const [displayText, setDisplayText] = useState(text);
-	const [isScrambling, setIsScrambling] = useState(false);
-	const [revealedIndices, setRevealedIndices] = useState(/* @__PURE__ */ new Set());
-	const [isExiting, setIsExiting] = useState(false);
-	useEffect(() => {
-		let interval;
-		const shuffleText = (currentRevealed, isExiting$1 = false) => {
-			const positions = text.split("").map((char, i) => ({
-				char,
-				isSpace: char === " ",
-				index: i,
-				isRevealed: isExiting$1 ? !currentRevealed.has(i) : currentRevealed.has(i)
-			}));
-			const nonSpaceChars = positions.filter((p) => !p.isSpace && !p.isRevealed).map((p) => p.char);
-			for (let i = nonSpaceChars.length - 1; i > 0; i--) {
-				const j = Math.floor(Math.random() * (i + 1));
-				[nonSpaceChars[i], nonSpaceChars[j]] = [nonSpaceChars[j], nonSpaceChars[i]];
-			}
-			let charIndex = 0;
-			return positions.map((p) => {
-				if (p.isSpace) return " ";
-				if (p.isRevealed) return text[p.index];
-				return nonSpaceChars[charIndex++];
-			}).join("");
-		};
-		if (isHovering) {
-			setIsExiting(false);
-			setIsScrambling(true);
-			interval = setInterval(() => {
-				setRevealedIndices((prevRevealed) => {
-					if (prevRevealed.size < text.length) {
-						const nextIndex = prevRevealed.size;
-						const newRevealed = new Set(prevRevealed);
-						newRevealed.add(nextIndex);
-						setDisplayText(shuffleText(newRevealed));
-						return newRevealed;
-					} else {
-						clearInterval(interval);
-						setIsScrambling(false);
-						return prevRevealed;
-					}
-				});
-			}, speed);
-		} else {
-			setDisplayText(text);
-			setRevealedIndices(/* @__PURE__ */ new Set());
-			setIsScrambling(false);
-			setIsExiting(false);
-		}
-		return () => {
-			if (interval) clearInterval(interval);
-		};
-	}, [
-		isHovering,
-		text,
-		speed
-	]);
-	return /* @__PURE__ */ jsxs(motion.span, {
-		className: classNames("inline-block whitespace-pre-wrap", parentClassName),
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: displayText
-		}), /* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
-			className: "inline-flex tracking-tight",
-			children: displayText.split("").map((char, index) => {
-				return /* @__PURE__ */ jsx("span", {
-					className: (isExiting ? !revealedIndices.has(index) : revealedIndices.has(index)) || !isScrambling || !isHovering && !isExiting ? className : encryptedClassName,
-					children: char
-				}, index);
-			})
-		})]
-	});
-}
-
-//#endregion
-export { DecryptedText as default };
-//# sourceMappingURL=DecryptText.mjs.map

package/dist/DecryptText.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DecryptText.mjs","names":["interval: NodeJS.Timeout","isExiting"],"sources":["../src/DecryptText.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { motion } from \"motion/react\";\nimport classNames from \"classnames\";\n\ninterface DecryptedTextProps {\n  text: string;\n  speed?: number;\n  className?: string;\n  encryptedClassName?: string;\n  parentClassName?: string;\n  isHovering?: boolean;\n}\n\nexport default function DecryptedText({\n  text,\n  speed = 20,\n  className = \"\",\n  parentClassName = \"\",\n  encryptedClassName = \"\",\n  isHovering = false,\n}: DecryptedTextProps) {\n  const [displayText, setDisplayText] = useState<string>(text);\n  const [isScrambling, setIsScrambling] = useState<boolean>(false);\n  const [revealedIndices, setRevealedIndices] = useState<Set<number>>(\n    new Set()\n  );\n  const [isExiting, setIsExiting] = useState<boolean>(false);\n\n  useEffect(() => {\n    let interval: NodeJS.Timeout;\n\n    const shuffleText = (\n      currentRevealed: Set<number>,\n      isExiting: boolean = false\n    ): string => {\n      const positions = text.split(\"\").map((char, i) => ({\n        char,\n        isSpace: char === \" \",\n        index: i,\n        isRevealed: isExiting\n          ? !currentRevealed.has(i)\n          : currentRevealed.has(i),\n      }));\n\n      const nonSpaceChars = positions\n        .filter((p) => !p.isSpace && !p.isRevealed)\n        .map((p) => p.char);\n\n      for (let i = nonSpaceChars.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n        [nonSpaceChars[i], nonSpaceChars[j]] = [\n          nonSpaceChars[j],\n          nonSpaceChars[i],\n        ];\n      }\n\n      let charIndex = 0;\n      return positions\n        .map((p) => {\n          if (p.isSpace) return \" \";\n          if (p.isRevealed) return text[p.index];\n          return nonSpaceChars[charIndex++];\n        })\n        .join(\"\");\n    };\n\n    if (isHovering) {\n      setIsExiting(false);\n      setIsScrambling(true);\n      interval = setInterval(() => {\n        setRevealedIndices((prevRevealed) => {\n          if (prevRevealed.size < text.length) {\n            const nextIndex = prevRevealed.size;\n            const newRevealed = new Set(prevRevealed);\n            newRevealed.add(nextIndex);\n            setDisplayText(shuffleText(newRevealed));\n            return newRevealed;\n          } else {\n            clearInterval(interval);\n            setIsScrambling(false);\n            return prevRevealed;\n          }\n        });\n      }, speed);\n    } else {\n      // When not hovering, immediately show the original text without animation\n      setDisplayText(text);\n      setRevealedIndices(new Set());\n      setIsScrambling(false);\n      setIsExiting(false);\n    }\n\n    return () => {\n      if (interval) clearInterval(interval);\n    };\n  }, [isHovering, text, speed]);\n\n  return (\n    <motion.span\n      className={classNames(\n        \"inline-block whitespace-pre-wrap\",\n        parentClassName\n      )}\n    >\n      <span className=\"sr-only\">{displayText}</span>\n\n      <span aria-hidden=\"true\" className=\"inline-flex tracking-tight\">\n        {displayText.split(\"\").map((char, index) => {\n          const isRevealedOrDone =\n            (isExiting\n              ? !revealedIndices.has(index)\n              : revealedIndices.has(index)) ||\n            !isScrambling ||\n            (!isHovering && !isExiting);\n\n          return (\n            <span\n              key={index}\n              className={isRevealedOrDone ? className : encryptedClassName}\n            >\n              {char}\n            </span>\n          );\n        })}\n      </span>\n    </motion.span>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,SAAwB,cAAc,EACpC,MACA,QAAQ,IACR,YAAY,IACZ,kBAAkB,IAClB,qBAAqB,IACrB,aAAa,SACQ;CACrB,MAAM,CAAC,aAAa,kBAAkB,SAAiB,KAAK;CAC5D,MAAM,CAAC,cAAc,mBAAmB,SAAkB,MAAM;CAChE,MAAM,CAAC,iBAAiB,sBAAsB,yBAC5C,IAAI,KAAK,CACV;CACD,MAAM,CAAC,WAAW,gBAAgB,SAAkB,MAAM;AAE1D,iBAAgB;EACd,IAAIA;EAEJ,MAAM,eACJ,iBACA,cAAqB,UACV;GACX,MAAM,YAAY,KAAK,MAAM,GAAG,CAAC,KAAK,MAAM,OAAO;IACjD;IACA,SAAS,SAAS;IAClB,OAAO;IACP,YAAYC,cACR,CAAC,gBAAgB,IAAI,EAAE,GACvB,gBAAgB,IAAI,EAAE;IAC3B,EAAE;GAEH,MAAM,gBAAgB,UACnB,QAAQ,MAAM,CAAC,EAAE,WAAW,CAAC,EAAE,WAAW,CAC1C,KAAK,MAAM,EAAE,KAAK;AAErB,QAAK,IAAI,IAAI,cAAc,SAAS,GAAG,IAAI,GAAG,KAAK;IACjD,MAAM,IAAI,KAAK,MAAM,KAAK,QAAQ,IAAI,IAAI,GAAG;AAC7C,KAAC,cAAc,IAAI,cAAc,MAAM,CACrC,cAAc,IACd,cAAc,GACf;;GAGH,IAAI,YAAY;AAChB,UAAO,UACJ,KAAK,MAAM;AACV,QAAI,EAAE,QAAS,QAAO;AACtB,QAAI,EAAE,WAAY,QAAO,KAAK,EAAE;AAChC,WAAO,cAAc;KACrB,CACD,KAAK,GAAG;;AAGb,MAAI,YAAY;AACd,gBAAa,MAAM;AACnB,mBAAgB,KAAK;AACrB,cAAW,kBAAkB;AAC3B,wBAAoB,iBAAiB;AACnC,SAAI,aAAa,OAAO,KAAK,QAAQ;MACnC,MAAM,YAAY,aAAa;MAC/B,MAAM,cAAc,IAAI,IAAI,aAAa;AACzC,kBAAY,IAAI,UAAU;AAC1B,qBAAe,YAAY,YAAY,CAAC;AACxC,aAAO;YACF;AACL,oBAAc,SAAS;AACvB,sBAAgB,MAAM;AACtB,aAAO;;MAET;MACD,MAAM;SACJ;AAEL,kBAAe,KAAK;AACpB,sCAAmB,IAAI,KAAK,CAAC;AAC7B,mBAAgB,MAAM;AACtB,gBAAa,MAAM;;AAGrB,eAAa;AACX,OAAI,SAAU,eAAc,SAAS;;IAEtC;EAAC;EAAY;EAAM;EAAM,CAAC;AAE7B,QACE,qBAAC,OAAO;EACN,WAAW,WACT,oCACA,gBACD;aAED,oBAAC;GAAK,WAAU;aAAW;IAAmB,EAE9C,oBAAC;GAAK,eAAY;GAAO,WAAU;aAChC,YAAY,MAAM,GAAG,CAAC,KAAK,MAAM,UAAU;AAQ1C,WACE,oBAAC;KAEC,YATD,YACG,CAAC,gBAAgB,IAAI,MAAM,GAC3B,gBAAgB,IAAI,MAAM,KAC9B,CAAC,gBACA,CAAC,cAAc,CAAC,YAKe,YAAY;eAEzC;OAHI,MAIA;KAET;IACG;GACK"}

package/dist/Difficulty.cjs

@@ -1,175 +0,0 @@
-"use client";
-
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-let motion_react = require("motion/react");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/Difficulty.tsx
-const difficultyColorClasses = {
-	1: "[color:#00C7E6]",
-	2: "[color:#00E66B]",
-	3: "[color:#E6D700]",
-	4: "[color:#FF285A]"
-};
-const Difficulty = ({ className, size = 18, difficulties = [] }) => {
-	const getSlotConfig = () => {
-		if (difficulties.length === 0) return {
-			slot1: {
-				colorClass: "text-shade-secondary",
-				opacity: .4
-			},
-			slot2: {
-				colorClass: "text-shade-secondary",
-				opacity: .4
-			},
-			slot3: {
-				colorClass: "text-shade-secondary",
-				opacity: .4
-			},
-			slot4: {
-				colorClass: "text-shade-secondary",
-				opacity: .4
-			},
-			center: {
-				colorClass: "text-shade-secondary",
-				opacity: .4
-			}
-		};
-		if (difficulties.length === 1) {
-			const difficulty = difficulties[0];
-			const colorClass = difficultyColorClasses[difficulty];
-			return {
-				slot1: {
-					colorClass,
-					opacity: 1
-				},
-				slot2: {
-					colorClass,
-					opacity: difficulty > 1 ? 1 : .4
-				},
-				slot3: {
-					colorClass,
-					opacity: difficulty > 2 ? 1 : .4
-				},
-				slot4: {
-					colorClass,
-					opacity: difficulty > 3 ? 1 : .4
-				},
-				center: {
-					colorClass,
-					opacity: [
-						.4,
-						1,
-						.4
-					]
-				}
-			};
-		}
-		const slotColorClasses = [
-			"text-shade-secondary/40",
-			"text-shade-secondary/40",
-			"text-shade-secondary/40",
-			"text-shade-secondary/40"
-		];
-		difficulties.forEach((diff) => {
-			slotColorClasses[diff - 1] = difficultyColorClasses[diff];
-		});
-		return {
-			slot1: {
-				colorClass: slotColorClasses[0],
-				opacity: 1
-			},
-			slot2: {
-				colorClass: slotColorClasses[1],
-				opacity: 1
-			},
-			slot3: {
-				colorClass: slotColorClasses[2],
-				opacity: 1
-			},
-			slot4: {
-				colorClass: slotColorClasses[3],
-				opacity: 1
-			},
-			center: {
-				colorClass: "text-shade-secondary",
-				opacity: .4
-			}
-		};
-	};
-	const config = getSlotConfig();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.svg, {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: size,
-		height: size,
-		viewBox: "0 0 18 18",
-		className,
-		fill: "none",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.path, {
-				initial: { opacity: .4 },
-				animate: { opacity: config.slot1.opacity },
-				transition: {
-					duration: .05,
-					delay: .05,
-					ease: motion_react.anticipate
-				},
-				d: "M16.134 8.49997C15.776 8.49997 15.46 8.243 15.396 7.879C14.928 5.192 12.808 3.07197 10.122 2.60397C9.71399 2.53297 9.43998 2.14497 9.51198 1.73697C9.58298 1.32897 9.96999 1.05398 10.38 1.12698C13.689 1.70298 16.298 4.31298 16.875 7.62198C16.946 8.02998 16.673 8.41896 16.265 8.48996C16.221 8.49796 16.178 8.50094 16.135 8.50094L16.134 8.49997Z",
-				fill: "currentColor",
-				className: config.slot1.colorClass
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.path, {
-				initial: { opacity: .4 },
-				animate: { opacity: config.slot2.opacity },
-				transition: {
-					duration: .05,
-					delay: .1,
-					ease: motion_react.anticipate
-				},
-				d: "M10.2492 16.885C9.89124 16.885 9.57523 16.628 9.51123 16.264C9.44023 15.856 9.71322 15.467 10.1212 15.396C12.8082 14.928 14.9282 12.808 15.3962 10.122C15.4672 9.71299 15.8612 9.44001 16.2632 9.51201C16.6712 9.58301 16.9452 9.97099 16.8732 10.38C16.2972 13.689 13.6872 16.298 10.3782 16.875C10.3342 16.883 10.2912 16.886 10.2482 16.886L10.2492 16.885Z",
-				fill: "currentColor",
-				className: config.slot2.colorClass
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.path, {
-				initial: { opacity: .4 },
-				animate: { opacity: config.slot3.opacity },
-				transition: {
-					duration: .05,
-					delay: .15,
-					ease: motion_react.anticipate
-				},
-				d: "M7.75147 16.8848C7.70847 16.8848 7.66547 16.8818 7.62147 16.8738C4.31247 16.2978 1.70347 13.6868 1.12647 10.3788C1.05547 9.9708 1.32847 9.58176 1.73647 9.51076C2.14447 9.43876 2.53247 9.71275 2.60347 10.1208C3.07147 12.8078 5.19148 14.9278 7.87748 15.3958C8.28548 15.4668 8.55946 15.8548 8.48746 16.2628C8.42446 16.6278 8.10749 16.8848 7.74949 16.8848H7.75147Z",
-				fill: "currentColor",
-				className: config.slot3.colorClass
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.path, {
-				initial: { opacity: .4 },
-				animate: { opacity: config.slot4.opacity },
-				transition: {
-					duration: .05,
-					delay: .2,
-					ease: motion_react.anticipate
-				},
-				d: "M1.86621 8.49998C1.82321 8.49998 1.78021 8.49699 1.73721 8.48899C1.32921 8.41799 1.05521 8.02995 1.12721 7.62095C1.70321 4.31195 4.3122 1.70296 7.6212 1.12596C8.0352 1.05696 8.41721 1.328 8.48921 1.736C8.56021 2.144 8.28719 2.53298 7.87919 2.60398C5.19219 3.07198 3.0722 5.19197 2.6042 7.87797C2.5412 8.24297 2.22421 8.49998 1.86621 8.49998Z",
-				fill: "currentColor",
-				className: config.slot4.colorClass
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.path, {
-				initial: { opacity: .4 },
-				animate: { opacity: config.center.opacity },
-				transition: {
-					duration: 1,
-					repeat: difficulties.length === 1 ? Infinity : 0,
-					ease: "easeInOut"
-				},
-				d: "M9 6.49976C7.621 6.49976 6.5 7.62076 6.5 8.99976C6.5 10.3788 7.621 11.4998 11.5 8.99976C11.5 7.62076 10.379 6.49976 9 6.49976Z",
-				fill: "currentColor",
-				className: config.center.colorClass
-			})
-		]
-	});
-};
-
-//#endregion
-exports.Difficulty = Difficulty;
-//# sourceMappingURL=Difficulty.cjs.map

package/dist/Difficulty.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Difficulty.cjs","names":["motion","anticipate"],"sources":["../src/Difficulty.tsx"],"sourcesContent":["\"use client\";\n\nimport { type courseDifficulty } from \"./utils/colours\";\nimport { anticipate, motion } from \"motion/react\";\nimport { IconProps } from \"./Icon\";\n\nexport interface DifficultyProps extends Omit<IconProps, \"name\"> {\n  difficulties?: Array<keyof typeof courseDifficulty>;\n}\n\n// Map difficulty level to Tailwind color class\nconst difficultyColorClasses = {\n  1: \"[color:#00C7E6]\", // Beginner - cyan\n  2: \"[color:#00E66B]\", // Intermediate - green\n  3: \"[color:#E6D700]\", // Advanced - yellow\n  4: \"[color:#FF285A]\", // Expert - red\n} as const;\n\nexport const Difficulty = ({\n  className,\n  size = 18,\n  difficulties = [],\n}: DifficultyProps) => {\n  // Determine colors for each slot based on the number of selected difficulties\n  const getSlotConfig = () => {\n    if (difficulties.length === 0) {\n      // No difficulties selected - all slots use text-shade-secondary\n      return {\n        slot1: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot2: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot3: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot4: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        center: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n      };\n    }\n\n    if (difficulties.length === 1) {\n      // Single difficulty - use existing behavior\n      const difficulty = difficulties[0];\n      const colorClass = difficultyColorClasses[difficulty];\n      return {\n        slot1: { colorClass, opacity: 1 },\n        slot2: { colorClass, opacity: difficulty > 1 ? 1 : 0.4 },\n        slot3: { colorClass, opacity: difficulty > 2 ? 1 : 0.4 },\n        slot4: { colorClass, opacity: difficulty > 3 ? 1 : 0.4 },\n        center: { colorClass, opacity: [0.4, 1, 0.4] },\n      };\n    }\n\n    // Multiple difficulties - each selected difficulty gets its slot colored\n    const slotColorClasses = [\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n    ];\n\n    difficulties.forEach((diff) => {\n      slotColorClasses[diff - 1] = difficultyColorClasses[diff];\n    });\n\n    return {\n      slot1: { colorClass: slotColorClasses[0], opacity: 1 }, // Slot 4 position\n      slot2: { colorClass: slotColorClasses[1], opacity: 1 }, // Slot 2 position\n      slot3: { colorClass: slotColorClasses[2], opacity: 1 }, // Slot 3 position\n      slot4: { colorClass: slotColorClasses[3], opacity: 1 }, // Slot 1 position\n      center: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n    };\n  };\n\n  const config = getSlotConfig();\n\n  return (\n    <motion.svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      fill=\"none\"\n    >\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot1.opacity }}\n        transition={{ duration: 0.05, delay: 0.05, ease: anticipate }}\n        d=\"M16.134 8.49997C15.776 8.49997 15.46 8.243 15.396 7.879C14.928 5.192 12.808 3.07197 10.122 2.60397C9.71399 2.53297 9.43998 2.14497 9.51198 1.73697C9.58298 1.32897 9.96999 1.05398 10.38 1.12698C13.689 1.70298 16.298 4.31298 16.875 7.62198C16.946 8.02998 16.673 8.41896 16.265 8.48996C16.221 8.49796 16.178 8.50094 16.135 8.50094L16.134 8.49997Z\"\n        fill=\"currentColor\"\n        className={config.slot1.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot2.opacity }}\n        transition={{ duration: 0.05, delay: 0.1, ease: anticipate }}\n        d=\"M10.2492 16.885C9.89124 16.885 9.57523 16.628 9.51123 16.264C9.44023 15.856 9.71322 15.467 10.1212 15.396C12.8082 14.928 14.9282 12.808 15.3962 10.122C15.4672 9.71299 15.8612 9.44001 16.2632 9.51201C16.6712 9.58301 16.9452 9.97099 16.8732 10.38C16.2972 13.689 13.6872 16.298 10.3782 16.875C10.3342 16.883 10.2912 16.886 10.2482 16.886L10.2492 16.885Z\"\n        fill=\"currentColor\"\n        className={config.slot2.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot3.opacity }}\n        transition={{ duration: 0.05, delay: 0.15, ease: anticipate }}\n        d=\"M7.75147 16.8848C7.70847 16.8848 7.66547 16.8818 7.62147 16.8738C4.31247 16.2978 1.70347 13.6868 1.12647 10.3788C1.05547 9.9708 1.32847 9.58176 1.73647 9.51076C2.14447 9.43876 2.53247 9.71275 2.60347 10.1208C3.07147 12.8078 5.19148 14.9278 7.87748 15.3958C8.28548 15.4668 8.55946 15.8548 8.48746 16.2628C8.42446 16.6278 8.10749 16.8848 7.74949 16.8848H7.75147Z\"\n        fill=\"currentColor\"\n        className={config.slot3.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot4.opacity }}\n        transition={{ duration: 0.05, delay: 0.2, ease: anticipate }}\n        d=\"M1.86621 8.49998C1.82321 8.49998 1.78021 8.49699 1.73721 8.48899C1.32921 8.41799 1.05521 8.02995 1.12721 7.62095C1.70321 4.31195 4.3122 1.70296 7.6212 1.12596C8.0352 1.05696 8.41721 1.328 8.48921 1.736C8.56021 2.144 8.28719 2.53298 7.87919 2.60398C5.19219 3.07198 3.0722 5.19197 2.6042 7.87797C2.5412 8.24297 2.22421 8.49998 1.86621 8.49998Z\"\n        fill=\"currentColor\"\n        className={config.slot4.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{\n          opacity: config.center.opacity,\n        }}\n        transition={{\n          duration: 1,\n          repeat: difficulties.length === 1 ? Infinity : 0,\n          ease: \"easeInOut\",\n        }}\n        d=\"M9 6.49976C7.621 6.49976 6.5 7.62076 6.5 8.99976C6.5 10.3788 7.621 11.4998 11.5 8.99976C11.5 7.62076 10.379 6.49976 9 6.49976Z\"\n        fill=\"currentColor\"\n        className={config.center.colorClass}\n      />\n    </motion.svg>\n  );\n};\n\n"],"mappings":";;;;;;;AAWA,MAAM,yBAAyB;CAC7B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AAED,MAAa,cAAc,EACzB,WACA,OAAO,IACP,eAAe,EAAE,OACI;CAErB,MAAM,sBAAsB;AAC1B,MAAI,aAAa,WAAW,EAE1B,QAAO;GACL,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,QAAQ;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC7D;AAGH,MAAI,aAAa,WAAW,GAAG;GAE7B,MAAM,aAAa,aAAa;GAChC,MAAM,aAAa,uBAAuB;AAC1C,UAAO;IACL,OAAO;KAAE;KAAY,SAAS;KAAG;IACjC,OAAO;KAAE;KAAY,SAAS,aAAa,IAAI,IAAI;KAAK;IACxD,OAAO;KAAE;KAAY,SAAS,aAAa,IAAI,IAAI;KAAK;IACxD,OAAO;KAAE;KAAY,SAAS,aAAa,IAAI,IAAI;KAAK;IACxD,QAAQ;KAAE;KAAY,SAAS;MAAC;MAAK;MAAG;MAAI;KAAE;IAC/C;;EAIH,MAAM,mBAAmB;GACvB;GACA;GACA;GACA;GACD;AAED,eAAa,SAAS,SAAS;AAC7B,oBAAiB,OAAO,KAAK,uBAAuB;IACpD;AAEF,SAAO;GACL,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,QAAQ;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC7D;;CAGH,MAAM,SAAS,eAAe;AAE9B,QACE,4CAACA,oBAAO;EACN,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACG;EACX,MAAK;;GAEL,2CAACA,oBAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAM,MAAMC;KAAY;IAC7D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,2CAACD,oBAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAK,MAAMC;KAAY;IAC5D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,2CAACD,oBAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAM,MAAMC;KAAY;IAC7D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,2CAACD,oBAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAK,MAAMC;KAAY;IAC5D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,2CAACD,oBAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EACP,SAAS,OAAO,OAAO,SACxB;IACD,YAAY;KACV,UAAU;KACV,QAAQ,aAAa,WAAW,IAAI,WAAW;KAC/C,MAAM;KACP;IACD,GAAE;IACF,MAAK;IACL,WAAW,OAAO,OAAO;KACzB;;GACS"}

package/dist/Difficulty.d.cts

@@ -1,16 +0,0 @@
-import { courseDifficulty } from "./utils/colours.cjs";
-import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
-
-//#region src/Difficulty.d.ts
-interface DifficultyProps extends Omit<IconProps, "name"> {
-  difficulties?: Array<keyof typeof courseDifficulty>;
-}
-declare const Difficulty: ({
-  className,
-  size,
-  difficulties
-}: DifficultyProps) => react_jsx_runtime16.JSX.Element;
-//#endregion
-export { Difficulty, DifficultyProps };
-//# sourceMappingURL=Difficulty.d.cts.map

package/dist/Difficulty.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Difficulty.d.cts","names":[],"sources":["../src/Difficulty.tsx"],"sourcesContent":[],"mappings":";;;;;UAMiB,eAAA,SAAwB,KAAK;iBAC7B,mBAAmB;;AADnB,cAYJ,UAZoB,EAAA,CAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAgB9B,eAhB8B,EAAA,GAgBf,mBAAA,CAAA,GAAA,CAAA,OAhBe"}

package/dist/Difficulty.d.mts

@@ -1,16 +0,0 @@
-import { courseDifficulty } from "./utils/colours.mjs";
-import { IconProps } from "./Icon.mjs";
-import * as react_jsx_runtime170 from "react/jsx-runtime";
-
-//#region src/Difficulty.d.ts
-interface DifficultyProps extends Omit<IconProps, "name"> {
-  difficulties?: Array<keyof typeof courseDifficulty>;
-}
-declare const Difficulty: ({
-  className,
-  size,
-  difficulties
-}: DifficultyProps) => react_jsx_runtime170.JSX.Element;
-//#endregion
-export { Difficulty, DifficultyProps };
-//# sourceMappingURL=Difficulty.d.mts.map

package/dist/Difficulty.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Difficulty.d.mts","names":[],"sources":["../src/Difficulty.tsx"],"sourcesContent":[],"mappings":";;;;;UAMiB,eAAA,SAAwB,KAAK;iBAC7B,mBAAmB;;AADnB,cAYJ,UAZoB,EAAA,CAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAgB9B,eAhB8B,EAAA,GAgBf,oBAAA,CAAA,GAAA,CAAA,OAhBe"}

package/dist/Difficulty.mjs

@@ -1,174 +0,0 @@
-"use client";
-
-import { anticipate, motion } from "motion/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/Difficulty.tsx
-const difficultyColorClasses = {
-	1: "[color:#00C7E6]",
-	2: "[color:#00E66B]",
-	3: "[color:#E6D700]",
-	4: "[color:#FF285A]"
-};
-const Difficulty = ({ className, size = 18, difficulties = [] }) => {
-	const getSlotConfig = () => {
-		if (difficulties.length === 0) return {
-			slot1: {
-				colorClass: "text-shade-secondary",
-				opacity: .4
-			},
-			slot2: {
-				colorClass: "text-shade-secondary",
-				opacity: .4
-			},
-			slot3: {
-				colorClass: "text-shade-secondary",
-				opacity: .4
-			},
-			slot4: {
-				colorClass: "text-shade-secondary",
-				opacity: .4
-			},
-			center: {
-				colorClass: "text-shade-secondary",
-				opacity: .4
-			}
-		};
-		if (difficulties.length === 1) {
-			const difficulty = difficulties[0];
-			const colorClass = difficultyColorClasses[difficulty];
-			return {
-				slot1: {
-					colorClass,
-					opacity: 1
-				},
-				slot2: {
-					colorClass,
-					opacity: difficulty > 1 ? 1 : .4
-				},
-				slot3: {
-					colorClass,
-					opacity: difficulty > 2 ? 1 : .4
-				},
-				slot4: {
-					colorClass,
-					opacity: difficulty > 3 ? 1 : .4
-				},
-				center: {
-					colorClass,
-					opacity: [
-						.4,
-						1,
-						.4
-					]
-				}
-			};
-		}
-		const slotColorClasses = [
-			"text-shade-secondary/40",
-			"text-shade-secondary/40",
-			"text-shade-secondary/40",
-			"text-shade-secondary/40"
-		];
-		difficulties.forEach((diff) => {
-			slotColorClasses[diff - 1] = difficultyColorClasses[diff];
-		});
-		return {
-			slot1: {
-				colorClass: slotColorClasses[0],
-				opacity: 1
-			},
-			slot2: {
-				colorClass: slotColorClasses[1],
-				opacity: 1
-			},
-			slot3: {
-				colorClass: slotColorClasses[2],
-				opacity: 1
-			},
-			slot4: {
-				colorClass: slotColorClasses[3],
-				opacity: 1
-			},
-			center: {
-				colorClass: "text-shade-secondary",
-				opacity: .4
-			}
-		};
-	};
-	const config = getSlotConfig();
-	return /* @__PURE__ */ jsxs(motion.svg, {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: size,
-		height: size,
-		viewBox: "0 0 18 18",
-		className,
-		fill: "none",
-		children: [
-			/* @__PURE__ */ jsx(motion.path, {
-				initial: { opacity: .4 },
-				animate: { opacity: config.slot1.opacity },
-				transition: {
-					duration: .05,
-					delay: .05,
-					ease: anticipate
-				},
-				d: "M16.134 8.49997C15.776 8.49997 15.46 8.243 15.396 7.879C14.928 5.192 12.808 3.07197 10.122 2.60397C9.71399 2.53297 9.43998 2.14497 9.51198 1.73697C9.58298 1.32897 9.96999 1.05398 10.38 1.12698C13.689 1.70298 16.298 4.31298 16.875 7.62198C16.946 8.02998 16.673 8.41896 16.265 8.48996C16.221 8.49796 16.178 8.50094 16.135 8.50094L16.134 8.49997Z",
-				fill: "currentColor",
-				className: config.slot1.colorClass
-			}),
-			/* @__PURE__ */ jsx(motion.path, {
-				initial: { opacity: .4 },
-				animate: { opacity: config.slot2.opacity },
-				transition: {
-					duration: .05,
-					delay: .1,
-					ease: anticipate
-				},
-				d: "M10.2492 16.885C9.89124 16.885 9.57523 16.628 9.51123 16.264C9.44023 15.856 9.71322 15.467 10.1212 15.396C12.8082 14.928 14.9282 12.808 15.3962 10.122C15.4672 9.71299 15.8612 9.44001 16.2632 9.51201C16.6712 9.58301 16.9452 9.97099 16.8732 10.38C16.2972 13.689 13.6872 16.298 10.3782 16.875C10.3342 16.883 10.2912 16.886 10.2482 16.886L10.2492 16.885Z",
-				fill: "currentColor",
-				className: config.slot2.colorClass
-			}),
-			/* @__PURE__ */ jsx(motion.path, {
-				initial: { opacity: .4 },
-				animate: { opacity: config.slot3.opacity },
-				transition: {
-					duration: .05,
-					delay: .15,
-					ease: anticipate
-				},
-				d: "M7.75147 16.8848C7.70847 16.8848 7.66547 16.8818 7.62147 16.8738C4.31247 16.2978 1.70347 13.6868 1.12647 10.3788C1.05547 9.9708 1.32847 9.58176 1.73647 9.51076C2.14447 9.43876 2.53247 9.71275 2.60347 10.1208C3.07147 12.8078 5.19148 14.9278 7.87748 15.3958C8.28548 15.4668 8.55946 15.8548 8.48746 16.2628C8.42446 16.6278 8.10749 16.8848 7.74949 16.8848H7.75147Z",
-				fill: "currentColor",
-				className: config.slot3.colorClass
-			}),
-			/* @__PURE__ */ jsx(motion.path, {
-				initial: { opacity: .4 },
-				animate: { opacity: config.slot4.opacity },
-				transition: {
-					duration: .05,
-					delay: .2,
-					ease: anticipate
-				},
-				d: "M1.86621 8.49998C1.82321 8.49998 1.78021 8.49699 1.73721 8.48899C1.32921 8.41799 1.05521 8.02995 1.12721 7.62095C1.70321 4.31195 4.3122 1.70296 7.6212 1.12596C8.0352 1.05696 8.41721 1.328 8.48921 1.736C8.56021 2.144 8.28719 2.53298 7.87919 2.60398C5.19219 3.07198 3.0722 5.19197 2.6042 7.87797C2.5412 8.24297 2.22421 8.49998 1.86621 8.49998Z",
-				fill: "currentColor",
-				className: config.slot4.colorClass
-			}),
-			/* @__PURE__ */ jsx(motion.path, {
-				initial: { opacity: .4 },
-				animate: { opacity: config.center.opacity },
-				transition: {
-					duration: 1,
-					repeat: difficulties.length === 1 ? Infinity : 0,
-					ease: "easeInOut"
-				},
-				d: "M9 6.49976C7.621 6.49976 6.5 7.62076 6.5 8.99976C6.5 10.3788 7.621 11.4998 11.5 8.99976C11.5 7.62076 10.379 6.49976 9 6.49976Z",
-				fill: "currentColor",
-				className: config.center.colorClass
-			})
-		]
-	});
-};
-
-//#endregion
-export { Difficulty };
-//# sourceMappingURL=Difficulty.mjs.map

package/dist/Difficulty.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Difficulty.mjs","names":[],"sources":["../src/Difficulty.tsx"],"sourcesContent":["\"use client\";\n\nimport { type courseDifficulty } from \"./utils/colours\";\nimport { anticipate, motion } from \"motion/react\";\nimport { IconProps } from \"./Icon\";\n\nexport interface DifficultyProps extends Omit<IconProps, \"name\"> {\n  difficulties?: Array<keyof typeof courseDifficulty>;\n}\n\n// Map difficulty level to Tailwind color class\nconst difficultyColorClasses = {\n  1: \"[color:#00C7E6]\", // Beginner - cyan\n  2: \"[color:#00E66B]\", // Intermediate - green\n  3: \"[color:#E6D700]\", // Advanced - yellow\n  4: \"[color:#FF285A]\", // Expert - red\n} as const;\n\nexport const Difficulty = ({\n  className,\n  size = 18,\n  difficulties = [],\n}: DifficultyProps) => {\n  // Determine colors for each slot based on the number of selected difficulties\n  const getSlotConfig = () => {\n    if (difficulties.length === 0) {\n      // No difficulties selected - all slots use text-shade-secondary\n      return {\n        slot1: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot2: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot3: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot4: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        center: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n      };\n    }\n\n    if (difficulties.length === 1) {\n      // Single difficulty - use existing behavior\n      const difficulty = difficulties[0];\n      const colorClass = difficultyColorClasses[difficulty];\n      return {\n        slot1: { colorClass, opacity: 1 },\n        slot2: { colorClass, opacity: difficulty > 1 ? 1 : 0.4 },\n        slot3: { colorClass, opacity: difficulty > 2 ? 1 : 0.4 },\n        slot4: { colorClass, opacity: difficulty > 3 ? 1 : 0.4 },\n        center: { colorClass, opacity: [0.4, 1, 0.4] },\n      };\n    }\n\n    // Multiple difficulties - each selected difficulty gets its slot colored\n    const slotColorClasses = [\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n    ];\n\n    difficulties.forEach((diff) => {\n      slotColorClasses[diff - 1] = difficultyColorClasses[diff];\n    });\n\n    return {\n      slot1: { colorClass: slotColorClasses[0], opacity: 1 }, // Slot 4 position\n      slot2: { colorClass: slotColorClasses[1], opacity: 1 }, // Slot 2 position\n      slot3: { colorClass: slotColorClasses[2], opacity: 1 }, // Slot 3 position\n      slot4: { colorClass: slotColorClasses[3], opacity: 1 }, // Slot 1 position\n      center: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n    };\n  };\n\n  const config = getSlotConfig();\n\n  return (\n    <motion.svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      fill=\"none\"\n    >\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot1.opacity }}\n        transition={{ duration: 0.05, delay: 0.05, ease: anticipate }}\n        d=\"M16.134 8.49997C15.776 8.49997 15.46 8.243 15.396 7.879C14.928 5.192 12.808 3.07197 10.122 2.60397C9.71399 2.53297 9.43998 2.14497 9.51198 1.73697C9.58298 1.32897 9.96999 1.05398 10.38 1.12698C13.689 1.70298 16.298 4.31298 16.875 7.62198C16.946 8.02998 16.673 8.41896 16.265 8.48996C16.221 8.49796 16.178 8.50094 16.135 8.50094L16.134 8.49997Z\"\n        fill=\"currentColor\"\n        className={config.slot1.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot2.opacity }}\n        transition={{ duration: 0.05, delay: 0.1, ease: anticipate }}\n        d=\"M10.2492 16.885C9.89124 16.885 9.57523 16.628 9.51123 16.264C9.44023 15.856 9.71322 15.467 10.1212 15.396C12.8082 14.928 14.9282 12.808 15.3962 10.122C15.4672 9.71299 15.8612 9.44001 16.2632 9.51201C16.6712 9.58301 16.9452 9.97099 16.8732 10.38C16.2972 13.689 13.6872 16.298 10.3782 16.875C10.3342 16.883 10.2912 16.886 10.2482 16.886L10.2492 16.885Z\"\n        fill=\"currentColor\"\n        className={config.slot2.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot3.opacity }}\n        transition={{ duration: 0.05, delay: 0.15, ease: anticipate }}\n        d=\"M7.75147 16.8848C7.70847 16.8848 7.66547 16.8818 7.62147 16.8738C4.31247 16.2978 1.70347 13.6868 1.12647 10.3788C1.05547 9.9708 1.32847 9.58176 1.73647 9.51076C2.14447 9.43876 2.53247 9.71275 2.60347 10.1208C3.07147 12.8078 5.19148 14.9278 7.87748 15.3958C8.28548 15.4668 8.55946 15.8548 8.48746 16.2628C8.42446 16.6278 8.10749 16.8848 7.74949 16.8848H7.75147Z\"\n        fill=\"currentColor\"\n        className={config.slot3.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot4.opacity }}\n        transition={{ duration: 0.05, delay: 0.2, ease: anticipate }}\n        d=\"M1.86621 8.49998C1.82321 8.49998 1.78021 8.49699 1.73721 8.48899C1.32921 8.41799 1.05521 8.02995 1.12721 7.62095C1.70321 4.31195 4.3122 1.70296 7.6212 1.12596C8.0352 1.05696 8.41721 1.328 8.48921 1.736C8.56021 2.144 8.28719 2.53298 7.87919 2.60398C5.19219 3.07198 3.0722 5.19197 2.6042 7.87797C2.5412 8.24297 2.22421 8.49998 1.86621 8.49998Z\"\n        fill=\"currentColor\"\n        className={config.slot4.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{\n          opacity: config.center.opacity,\n        }}\n        transition={{\n          duration: 1,\n          repeat: difficulties.length === 1 ? Infinity : 0,\n          ease: \"easeInOut\",\n        }}\n        d=\"M9 6.49976C7.621 6.49976 6.5 7.62076 6.5 8.99976C6.5 10.3788 7.621 11.4998 11.5 8.99976C11.5 7.62076 10.379 6.49976 9 6.49976Z\"\n        fill=\"currentColor\"\n        className={config.center.colorClass}\n      />\n    </motion.svg>\n  );\n};\n\n"],"mappings":";;;;;;AAWA,MAAM,yBAAyB;CAC7B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AAED,MAAa,cAAc,EACzB,WACA,OAAO,IACP,eAAe,EAAE,OACI;CAErB,MAAM,sBAAsB;AAC1B,MAAI,aAAa,WAAW,EAE1B,QAAO;GACL,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,QAAQ;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC7D;AAGH,MAAI,aAAa,WAAW,GAAG;GAE7B,MAAM,aAAa,aAAa;GAChC,MAAM,aAAa,uBAAuB;AAC1C,UAAO;IACL,OAAO;KAAE;KAAY,SAAS;KAAG;IACjC,OAAO;KAAE;KAAY,SAAS,aAAa,IAAI,IAAI;KAAK;IACxD,OAAO;KAAE;KAAY,SAAS,aAAa,IAAI,IAAI;KAAK;IACxD,OAAO;KAAE;KAAY,SAAS,aAAa,IAAI,IAAI;KAAK;IACxD,QAAQ;KAAE;KAAY,SAAS;MAAC;MAAK;MAAG;MAAI;KAAE;IAC/C;;EAIH,MAAM,mBAAmB;GACvB;GACA;GACA;GACA;GACD;AAED,eAAa,SAAS,SAAS;AAC7B,oBAAiB,OAAO,KAAK,uBAAuB;IACpD;AAEF,SAAO;GACL,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,QAAQ;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC7D;;CAGH,MAAM,SAAS,eAAe;AAE9B,QACE,qBAAC,OAAO;EACN,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACG;EACX,MAAK;;GAEL,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAM,MAAM;KAAY;IAC7D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAK,MAAM;KAAY;IAC5D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAM,MAAM;KAAY;IAC7D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAK,MAAM;KAAY;IAC5D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EACP,SAAS,OAAO,OAAO,SACxB;IACD,YAAY;KACV,UAAU;KACV,QAAQ,aAAa,WAAW,IAAI,WAAW;KAC/C,MAAM;KACP;IACD,GAAE;IACF,MAAK;IACL,WAAW,OAAO,OAAO;KACzB;;GACS"}

package/dist/Divider.cjs

@@ -1,18 +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");
-
-//#region src/Divider.tsx
-const Divider = ({ className, direction = "horizontal" }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, classnames.default)("flex", direction === "horizontal" && "flex-col w-full", direction === "vertical" && "flex-row h-full", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)("bg-background", direction === "horizontal" && "w-full h-px", direction === "vertical" && "h-full w-px") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)("bg-border-light", direction === "horizontal" && "w-full h-px", direction === "vertical" && "h-full w-px") })]
-	});
-};
-
-//#endregion
-exports.Divider = Divider;
-//# sourceMappingURL=Divider.cjs.map

package/dist/Divider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.cjs","names":[],"sources":["../src/Divider.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\n\nexport type DividerProps = {\n  className?: string;\n  direction?: \"horizontal\" | \"vertical\";\n};\n\nexport const Divider = ({\n  className,\n  direction = \"horizontal\",\n}: DividerProps) => {\n  return (\n    <div\n      className={classNames(\n        \"flex\",\n        direction === \"horizontal\" && \"flex-col w-full\",\n        direction === \"vertical\" && \"flex-row h-full\",\n        className\n      )}\n    >\n      <div\n        className={classNames(\n          \"bg-background\",\n          direction === \"horizontal\" && \"w-full h-px\",\n          direction === \"vertical\" && \"h-full w-px\"\n        )}\n      />\n      <div\n        className={classNames(\n          \"bg-border-light\",\n          direction === \"horizontal\" && \"w-full h-px\",\n          direction === \"vertical\" && \"h-full w-px\"\n        )}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AASA,MAAa,WAAW,EACtB,WACA,YAAY,mBACM;AAClB,QACE,4CAAC;EACC,mCACE,QACA,cAAc,gBAAgB,mBAC9B,cAAc,cAAc,mBAC5B,UACD;aAED,2CAAC,SACC,mCACE,iBACA,cAAc,gBAAgB,eAC9B,cAAc,cAAc,cAC7B,GACD,EACF,2CAAC,SACC,mCACE,mBACA,cAAc,gBAAgB,eAC9B,cAAc,cAAc,cAC7B,GACD;GACE"}

package/dist/Divider.d.cts

@@ -1,14 +0,0 @@
-import * as react_jsx_runtime40 from "react/jsx-runtime";
-
-//#region src/Divider.d.ts
-type DividerProps = {
-  className?: string;
-  direction?: "horizontal" | "vertical";
-};
-declare const Divider: ({
-  className,
-  direction
-}: DividerProps) => react_jsx_runtime40.JSX.Element;
-//#endregion
-export { Divider, DividerProps };
-//# sourceMappingURL=Divider.d.cts.map

package/dist/Divider.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.d.cts","names":[],"sources":["../src/Divider.tsx"],"sourcesContent":[],"mappings":";;;KAIY,YAAA;;;AAAZ,CAAA;AAKa,cAAA,OA6BZ,EAAA,CAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EA1BE,YA0BF,EAAA,GA1Bc,mBAAA,CAAA,GAAA,CAAA,OA0Bd"}

package/dist/Divider.d.mts

@@ -1,14 +0,0 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
-
-//#region src/Divider.d.ts
-type DividerProps = {
-  className?: string;
-  direction?: "horizontal" | "vertical";
-};
-declare const Divider: ({
-  className,
-  direction
-}: DividerProps) => react_jsx_runtime1.JSX.Element;
-//#endregion
-export { Divider, DividerProps };
-//# sourceMappingURL=Divider.d.mts.map