@blueshift-gg/ui-components 0.1.73 → 0.1.75

package/dist/Alert.d.cts

@@ -1,5 +1,5 @@
 import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { MotionProps } from "motion/react";
 
 //#region src/Alert.d.ts
@@ -26,7 +26,7 @@ declare const Alert: ({
   className,
   animation,
   children
-}: AlertProps) => react_jsx_runtime5.JSX.Element;
+}: AlertProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Alert, AlertProps };
 //# sourceMappingURL=Alert.d.cts.map

package/dist/Alert.d.mts

@@ -1,6 +1,6 @@
 import { IconProps } from "./Icon.mjs";
 import { MotionProps } from "motion/react";
-import * as react_jsx_runtime101 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 
 //#region src/Alert.d.ts
 type AlertProps = {
@@ -26,7 +26,7 @@ declare const Alert: ({
   className,
   animation,
   children
-}: AlertProps) => react_jsx_runtime101.JSX.Element;
+}: AlertProps) => react_jsx_runtime38.JSX.Element;
 //#endregion
 export { Alert, AlertProps };
 //# sourceMappingURL=Alert.d.mts.map

package/dist/Alert.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.mts","names":[],"sources":["../src/Alert.tsx"],"sourcesContent":[],"mappings":";;;;;KASY,UAAA;;;EAAA,QAAA,CAAA,EAGC,KAAA,CAAM,SAHG;EAGT,OAAM,CAAA,EAAA,SAAA,GAAA,SAAA;EAEV,IAAA,CAAA,EAAA,SAAA;EAKK,YAAA,CAAA,EAAA,OAAA;EAAW,SAAA,CAAA,EAAA,MAAA;EAGZ,WAmFZ,CAAA,EAAA,OAAA;EAnFqB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,SAAA,CAAA,EAHR,WAGQ;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,OAAA;EAAA,WAAA;EAAA,YAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAWnB,UAXmB,EAAA,GAWT,oBAAA,CAAA,GAAA,CAAA,OAXS"}
+{"version":3,"file":"Alert.d.mts","names":[],"sources":["../src/Alert.tsx"],"sourcesContent":[],"mappings":";;;;;KASY,UAAA;;;EAAA,QAAA,CAAA,EAGC,KAAA,CAAM,SAHG;EAGT,OAAM,CAAA,EAAA,SAAA,GAAA,SAAA;EAEV,IAAA,CAAA,EAAA,SAAA;EAKK,YAAA,CAAA,EAAA,OAAA;EAAW,SAAA,CAAA,EAAA,MAAA;EAGZ,WAmFZ,CAAA,EAAA,OAAA;EAnFqB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,SAAA,CAAA,EAHR,WAGQ;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,OAAA;EAAA,WAAA;EAAA,YAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAWnB,UAXmB,EAAA,GAWT,mBAAA,CAAA,GAAA,CAAA,OAXS"}

package/dist/Avatar.d.cts

@@ -1,7 +1,7 @@
 import { CrosshairCornersProps } from "./CrossHair.cjs";
 import { BrandColour } from "./utils/colours.cjs";
 import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { MotionProps } from "motion/react";
 
 //#region src/Avatar.d.ts
@@ -20,7 +20,7 @@ declare const Avatar: ({
   thickness,
   variant,
   animation
-}: AvatarProps) => react_jsx_runtime3.JSX.Element;
+}: AvatarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Avatar, AvatarProps };
 //# sourceMappingURL=Avatar.d.cts.map

package/dist/Avatar.d.mts

@@ -2,7 +2,7 @@ import { CrosshairCornersProps } from "./CrossHair.mjs";
 import { BrandColour } from "./utils/colours.mjs";
 import { IconProps } from "./Icon.mjs";
 import { MotionProps } from "motion/react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 
 //#region src/Avatar.d.ts
 type AvatarProps = {
@@ -20,7 +20,7 @@ declare const Avatar: ({
   thickness,
   variant,
   animation
-}: AvatarProps) => react_jsx_runtime0.JSX.Element;
+}: AvatarProps) => react_jsx_runtime35.JSX.Element;
 //#endregion
 export { Avatar, AvatarProps };
 //# sourceMappingURL=Avatar.d.mts.map

package/dist/Avatar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.mts","names":[],"sources":["../src/Avatar.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,WAAA;;QAEJ;EAFI,OAAA,CAAA,EAGA,WAHW;EAEf,SAAA,CAAA,EAEM,qBAFN;EACI,SAAA,EAAA,MAAA;EACE,SAAA,CAAA,EAEA,WAFA;CAEA;AAAW,cAGZ,MAHY,EAAA,CAAA;EAAA,SAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAUtB,WAVsB,EAAA,GAUX,kBAAA,CAAA,GAAA,CAAA,OAVW"}
+{"version":3,"file":"Avatar.d.mts","names":[],"sources":["../src/Avatar.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,WAAA;;QAEJ;EAFI,OAAA,CAAA,EAGA,WAHW;EAEf,SAAA,CAAA,EAEM,qBAFN;EACI,SAAA,EAAA,MAAA;EACE,SAAA,CAAA,EAEA,WAFA;CAEA;AAAW,cAGZ,MAHY,EAAA,CAAA;EAAA,SAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAUtB,WAVsB,EAAA,GAUX,mBAAA,CAAA,GAAA,CAAA,OAVW"}

package/dist/Badge.d.cts

@@ -1,7 +1,7 @@
 import { CrosshairCornersProps } from "./CrossHair.cjs";
 import { BrandColour } from "./utils/colours.cjs";
 import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { MotionProps } from "motion/react";
 import { ReactNode } from "react";
 
@@ -25,7 +25,7 @@ declare const Badge: ({
   label,
   size,
   animation
-}: BadgeProps) => react_jsx_runtime4.JSX.Element;
+}: BadgeProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Badge, BadgeProps };
 //# sourceMappingURL=Badge.d.cts.map

package/dist/Badge.d.mts

@@ -2,7 +2,7 @@ import { CrosshairCornersProps } from "./CrossHair.mjs";
 import { BrandColour } from "./utils/colours.mjs";
 import { IconProps } from "./Icon.mjs";
 import { MotionProps } from "motion/react";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/Badge.d.ts
@@ -25,7 +25,7 @@ declare const Badge: ({
   label,
   size,
   animation
-}: BadgeProps) => react_jsx_runtime31.JSX.Element;
+}: BadgeProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Badge, BadgeProps };
 //# sourceMappingURL=Badge.d.mts.map

package/dist/Badge.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.mts","names":[],"sources":["../src/Badge.tsx"],"sourcesContent":[],"mappings":";;;;;;;;KASY,UAAA;;;EAAA,OAAA,CAAA,EAGA,WAHU;EAGV,IAAA,CAAA,EACH,SADG,GACS,SADT;EACH,YAAA,CAAA,EAAA,MAAA,GAAA,OAAA;EAAY,SAAA,CAAA,EAEP,qBAFO;EAEP,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA;EAEA,SAAA,CAAA,EAAA,WAAA;CAAW;AAGZ,cAAA,KAmFZ,EAAA,CAAA;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,YAAA;EAAA,KAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EA1EE,UA0EF,EAAA,GA1EY,mBAAA,CAAA,GAAA,CAAA,OA0EZ"}
+{"version":3,"file":"Badge.d.mts","names":[],"sources":["../src/Badge.tsx"],"sourcesContent":[],"mappings":";;;;;;;;KASY,UAAA;;;EAAA,OAAA,CAAA,EAGA,WAHU;EAGV,IAAA,CAAA,EACH,SADG,GACS,SADT;EACH,YAAA,CAAA,EAAA,MAAA,GAAA,OAAA;EAAY,SAAA,CAAA,EAEP,qBAFO;EAEP,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA;EAEA,SAAA,CAAA,EAAA,WAAA;CAAW;AAGZ,cAAA,KAmFZ,EAAA,CAAA;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,YAAA;EAAA,KAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EA1EE,UA0EF,EAAA,GA1EY,kBAAA,CAAA,GAAA,CAAA,OA0EZ"}

package/dist/Banner.d.cts

@@ -1,7 +1,7 @@
 import { BrandColour } from "./utils/colours.cjs";
 import { TooltipProps } from "./Tooltip.cjs";
 import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { MotionProps } from "motion/react";
 
 //#region src/Banner.d.ts
@@ -22,7 +22,7 @@ declare const Banner: ({
   animation,
   icon,
   children
-}: BannerProps) => react_jsx_runtime13.JSX.Element;
+}: BannerProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { Banner, BannerProps };
 //# sourceMappingURL=Banner.d.cts.map

package/dist/Banner.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.cts","names":[],"sources":["../src/Banner.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQY,WAAA;;WAED;EAFC,IAAA,CAAA,EAGH,SAHc;EAEZ,OAAA,CAAA,EAEC,YAFD;EACF,SAAA,CAAA,EAAA,MAAA;EACG,SAAA,CAAA,EAEE,WAFF;EAEE,QAAA,CAAA,EACD,KAAA,CAAM,SADL;CACD;AAAe,cAGf,MAHe,EAAA,CAAA;EAAA,KAAA;EAAA,OAAA;EAAA,OAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAWzB,WAXyB,EAAA,GAWd,mBAAA,CAAA,GAAA,CAAA,OAXc"}
+{"version":3,"file":"Banner.d.cts","names":[],"sources":["../src/Banner.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQY,WAAA;;WAED;EAFC,IAAA,CAAA,EAGH,SAHc;EAEZ,OAAA,CAAA,EAEC,YAFD;EACF,SAAA,CAAA,EAAA,MAAA;EACG,SAAA,CAAA,EAEE,WAFF;EAEE,QAAA,CAAA,EACD,KAAA,CAAM,SADL;CACD;AAAe,cAGf,MAHe,EAAA,CAAA;EAAA,KAAA;EAAA,OAAA;EAAA,OAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAWzB,WAXyB,EAAA,GAWd,kBAAA,CAAA,GAAA,CAAA,OAXc"}

package/dist/Banner.d.mts

@@ -2,7 +2,7 @@ import { BrandColour } from "./utils/colours.mjs";
 import { TooltipProps } from "./Tooltip.mjs";
 import { IconProps } from "./Icon.mjs";
 import { MotionProps } from "motion/react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime89 from "react/jsx-runtime";
 
 //#region src/Banner.d.ts
 type BannerProps = {
@@ -22,7 +22,7 @@ declare const Banner: ({
   animation,
   icon,
   children
-}: BannerProps) => react_jsx_runtime9.JSX.Element;
+}: BannerProps) => react_jsx_runtime89.JSX.Element;
 //#endregion
 export { Banner, BannerProps };
 //# sourceMappingURL=Banner.d.mts.map

package/dist/Banner.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.mts","names":[],"sources":["../src/Banner.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQY,WAAA;;WAED;EAFC,IAAA,CAAA,EAGH,SAHc;EAEZ,OAAA,CAAA,EAEC,YAFD;EACF,SAAA,CAAA,EAAA,MAAA;EACG,SAAA,CAAA,EAEE,WAFF;EAEE,QAAA,CAAA,EACD,KAAA,CAAM,SADL;CACD;AAAe,cAGf,MAHe,EAAA,CAAA;EAAA,KAAA;EAAA,OAAA;EAAA,OAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAWzB,WAXyB,EAAA,GAWd,kBAAA,CAAA,GAAA,CAAA,OAXc"}
+{"version":3,"file":"Banner.d.mts","names":[],"sources":["../src/Banner.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQY,WAAA;;WAED;EAFC,IAAA,CAAA,EAGH,SAHc;EAEZ,OAAA,CAAA,EAEC,YAFD;EACF,SAAA,CAAA,EAAA,MAAA;EACG,SAAA,CAAA,EAEE,WAFF;EAEE,QAAA,CAAA,EACD,KAAA,CAAM,SADL;CACD;AAAe,cAGf,MAHe,EAAA,CAAA;EAAA,KAAA;EAAA,OAAA;EAAA,OAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAWzB,WAXyB,EAAA,GAWd,mBAAA,CAAA,GAAA,CAAA,OAXc"}

package/dist/Button.d.cts

@@ -1,6 +1,6 @@
 import { CrosshairCornersProps } from "./CrossHair.cjs";
 import { IconName } from "./icons/index.cjs";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { MotionProps } from "motion/react";
 
 //#region src/Button.d.ts
@@ -47,7 +47,7 @@ declare const Button: ({
   type,
   children,
   useDecryptAnimation
-}: ButtonProps) => react_jsx_runtime9.JSX.Element;
+}: ButtonProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Button, ButtonProps };
 //# sourceMappingURL=Button.d.cts.map

package/dist/Button.d.mts

@@ -1,7 +1,7 @@
 import { CrosshairCornersProps } from "./CrossHair.mjs";
 import { IconName } from "./icons/index.mjs";
 import { MotionProps } from "motion/react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime90 from "react/jsx-runtime";
 
 //#region src/Button.d.ts
 type ButtonProps = {
@@ -47,7 +47,7 @@ declare const Button: ({
   type,
   children,
   useDecryptAnimation
-}: ButtonProps) => react_jsx_runtime12.JSX.Element;
+}: ButtonProps) => react_jsx_runtime90.JSX.Element;
 //#endregion
 export { Button, ButtonProps };
 //# sourceMappingURL=Button.d.mts.map

package/dist/Checkbox.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/Checkbox.d.ts
 type CheckboxProps = {
@@ -14,7 +14,7 @@ declare const Checkbox: ({
   disabled,
   handleChange,
   theme
-}: CheckboxProps) => react_jsx_runtime26.JSX.Element;
+}: CheckboxProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { Checkbox, CheckboxProps };
 //# sourceMappingURL=Checkbox.d.cts.map

package/dist/Checkbox.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
 
 //#region src/Checkbox.d.ts
 type CheckboxProps = {
@@ -14,7 +14,7 @@ declare const Checkbox: ({
   disabled,
   handleChange,
   theme
-}: CheckboxProps) => react_jsx_runtime10.JSX.Element;
+}: CheckboxProps) => react_jsx_runtime97.JSX.Element;
 //#endregion
 export { Checkbox, CheckboxProps };
 //# sourceMappingURL=Checkbox.d.mts.map

package/dist/Codeblock.cjs

@@ -12,7 +12,7 @@ let react = require("react");
 let usehooks_ts = require("usehooks-ts");
 
 //#region src/Codeblock.tsx
-const Codeblock = ({ children, clipboardText, language, animation, className, icon, maxLines = 15 }) => {
+const Codeblock = ({ children, clipboardText, language, animation, className, icon, showCopyButton = true, maxLines = 15 }) => {
 	const [_, copyToClipboard] = (0, usehooks_ts.useCopyToClipboard)();
 	const [isCopied, setIsCopied] = (0, react.useState)(false);
 	const [isExpanded, setIsExpanded] = (0, react.useState)(false);
@@ -48,7 +48,7 @@ const Codeblock = ({ children, clipboardText, language, animation, className, ic
 		}, 2e3);
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.div, {
-		className: (0, classnames.default)("relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4", language === "rust" && "text-brand-rust", language === "typescript" && "text-brand-typescript", language === "assembly" && "text-brand-assembly", language && language !== "rust" && language !== "typescript" && language !== "assembly" && "text-brand-primary", className, isOverflowing && isExpanded && "pb-12!"),
+		className: (0, classnames.default)("relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4", language === "rust" && "text-brand-rust", language === "typescript" && "text-brand-typescript", language === "assembly" && "text-brand-assembly", language === "other" && "text-shade-tertiary", language && language !== "rust" && language !== "typescript" && language !== "assembly" && language !== "other" && "text-brand-primary", className, isOverflowing && isExpanded && "pb-12!"),
 		...animation,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.div, {
@@ -72,7 +72,7 @@ const Codeblock = ({ children, clipboardText, language, animation, className, ic
 							children: language
 						})]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					showCopyButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						onClick: () => handleCopy(),
 						className: "w-[16px] h-[16px] text-shade-secondary hover:text-shade-primary relative z-10",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, {

package/dist/Codeblock.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Codeblock.cjs","names":["motion","CrosshairCorners","Icon","AnimatePresence","silk"],"sources":["../src/Codeblock.tsx"],"sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\nimport { useRef, useState, useEffect } from \"react\";\nimport { silk } from \"./utils/easings\";\n\nexport type CodeblockProps = {\n  children: React.ReactNode;\n  clipboardText: string;\n  icon?: IconProps;\n  language: \"rust\" | \"typescript\" | \"assembly\" | string;\n  animation?: MotionProps;\n  className?: string;\n  maxLines?: number;\n};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n  maxLines = 15,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(false);\n  // Initialize with clipboardText to avoid initial expansion flash\n  const [lineCount, setLineCount] = useState(() => clipboardText.split(\"\\n\").length);\n  const [hasCalculated, setHasCalculated] = useState(false);\n  const codeblockRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (codeblockRef.current) {\n      // Find the pre > code structure - each span child represents a line\n      const codeElement = codeblockRef.current.querySelector(\"pre code\");\n      const preElement = codeblockRef.current.querySelector(\"pre\");\n\n      // Try to find line-level spans (direct children of code or pre)\n      const containerElement = codeElement || preElement;\n\n      if (containerElement) {\n        // Count direct child span elements - each span is a line\n        const lineSpans = Array.from(containerElement.children).filter(\n          (child) => child.tagName === \"SPAN\"\n        );\n\n        if (lineSpans.length > 0) {\n          // Each span represents one line\n          setLineCount(lineSpans.length);\n          setHasCalculated(true);\n        } else {\n          // Fallback: count line breaks in the text content\n          const text = containerElement.textContent || \"\";\n          const lines = text.split(\"\\n\");\n          setLineCount(lines.length || 1);\n          setHasCalculated(true);\n        }\n      } else {\n        // Last resort: use clipboardText\n        setLineCount(clipboardText.split(\"\\n\").length);\n        setHasCalculated(true);\n      }\n    }\n  }, [children, clipboardText]);\n\n  const isOverflowing = lineCount > maxLines;\n  const handleCopy = () => {\n    copyToClipboard(clipboardText);\n    setIsCopied(true);\n    setTimeout(() => {\n      setIsCopied(false);\n    }, 2000);\n  };\n  return (\n    <motion.div\n      className={classNames(\n        \"relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4\",\n        language === \"rust\" && \"text-brand-rust\",\n        language === \"typescript\" && \"text-brand-typescript\",\n        language === \"assembly\" && \"text-brand-assembly\",\n        language &&\n        language !== \"rust\" &&\n        language !== \"typescript\" &&\n        language !== \"assembly\" &&\n        \"text-brand-primary\",\n        className,\n        isOverflowing && isExpanded && \"pb-12!\"\n      )}\n      {...animation}\n    >\n      <motion.div className={classNames(\"px-3.5 py-2 bg-current/5 border border-current/15 flex items-center justify-between relative\")}>\n        <CrosshairCorners\n          animationDelay={0}\n          animationDuration={0.5}\n          variant=\"bordered\"\n          size={6}\n          spacingX={1}\n        />\n        <div className=\"flex items-center gap-x-2\">\n          {icon && (\n            <Icon\n              name={icon.name as IconName}\n              className={classNames(\n                \"flex-shrink-0 text-current\",\n                icon.className,\n              )}\n              size={icon.size || 16}\n            />\n          )}\n          <span className=\"font-mono text-sm\">{language}</span>\n        </div>\n\n        <div\n          onClick={() => handleCopy()}\n          className=\"w-[16px] h-[16px] text-shade-secondary hover:text-shade-primary relative z-10\"\n        >\n          <AnimatePresence mode=\"popLayout\">\n            <motion.div\n              initial={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n              animate={{ opacity: 1, filter: \"blur(0px)\", scale: 1 }}\n              exit={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n              transition={{ duration: 0.2, ease: silk }}\n              key={isCopied ? \"copied\" : \"copy\"}\n            >\n              {isCopied ? (\n                <Icon name=\"Success\" size={16} />\n              ) : (\n                <Icon name=\"Copy\" size={16} />\n              )}\n            </motion.div>\n          </AnimatePresence>\n        </div>\n      </motion.div>\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none h-[300px]\"></div>\n\n      <motion.div\n        ref={codeblockRef}\n        className={classNames(\"relative text-base! overflow-hidden will-change-transform\", isOverflowing && !isExpanded && \"[mask-image:linear-gradient(to_bottom,black_70%,transparent_97.5%)]\")}\n        initial={false}\n        animate={{\n          height: isExpanded || (!isOverflowing && hasCalculated)\n            ? \"auto\"\n            : maxLines * 24\n        }}\n        transition={{ duration: hasCalculated ? 0.4 : 0, ease: silk }}\n      >\n        {children}\n      </motion.div>\n\n      <AnimatePresence>\n        {isOverflowing && (\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            onClick={() => setIsExpanded(!isExpanded)}\n            className=\"font-mono text-xs text-shade-tertiary cursor-pointer bg-card-solid/50 hover:bg-card-solid/100 bottom-1 left-1 absolute w-[calc(100%-8px)] transition py-1.5 flex items-center justify-center\"\n          >\n            {isExpanded ? (\n              <div className=\"flex items-center gap-x-0.5\">\n                Collapse <Icon name=\"Chevron\" size={12} className=\"rotate-180\" />\n              </div>\n            ) : (\n              <div className=\"flex items-center gap-x-2\">\n                <div className=\"flex items-center gap-x-0.5\">Expand <Icon name=\"Chevron\" size={10} /> </div>\n                <div className=\"absolute right-2 text-shade-mute text-xs\">[{lineCount - maxLines} more lines]</div>\n              </div>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </motion.div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Codeblock.cjs","names":["motion","CrosshairCorners","Icon","AnimatePresence","silk"],"sources":["../src/Codeblock.tsx"],"sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\nimport { useRef, useState, useEffect } from \"react\";\nimport { silk } from \"./utils/easings\";\n\nexport type CodeblockProps = {\n  children: React.ReactNode;\n  clipboardText: string;\n  showCopyButton?: boolean;\n  icon?: IconProps;\n  language: \"rust\" | \"typescript\" | \"assembly\" | \"other\" | string;\n  animation?: MotionProps;\n  className?: string;\n  maxLines?: number;\n};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n  showCopyButton = true,\n  maxLines = 15,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(false);\n  // Initialize with clipboardText to avoid initial expansion flash\n  const [lineCount, setLineCount] = useState(() => clipboardText.split(\"\\n\").length);\n  const [hasCalculated, setHasCalculated] = useState(false);\n  const codeblockRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (codeblockRef.current) {\n      // Find the pre > code structure - each span child represents a line\n      const codeElement = codeblockRef.current.querySelector(\"pre code\");\n      const preElement = codeblockRef.current.querySelector(\"pre\");\n\n      // Try to find line-level spans (direct children of code or pre)\n      const containerElement = codeElement || preElement;\n\n      if (containerElement) {\n        // Count direct child span elements - each span is a line\n        const lineSpans = Array.from(containerElement.children).filter(\n          (child) => child.tagName === \"SPAN\"\n        );\n\n        if (lineSpans.length > 0) {\n          // Each span represents one line\n          setLineCount(lineSpans.length);\n          setHasCalculated(true);\n        } else {\n          // Fallback: count line breaks in the text content\n          const text = containerElement.textContent || \"\";\n          const lines = text.split(\"\\n\");\n          setLineCount(lines.length || 1);\n          setHasCalculated(true);\n        }\n      } else {\n        // Last resort: use clipboardText\n        setLineCount(clipboardText.split(\"\\n\").length);\n        setHasCalculated(true);\n      }\n    }\n  }, [children, clipboardText]);\n\n  const isOverflowing = lineCount > maxLines;\n  const handleCopy = () => {\n    copyToClipboard(clipboardText);\n    setIsCopied(true);\n    setTimeout(() => {\n      setIsCopied(false);\n    }, 2000);\n  };\n  return (\n    <motion.div\n      className={classNames(\n        \"relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4\",\n        language === \"rust\" && \"text-brand-rust\",\n        language === \"typescript\" && \"text-brand-typescript\",\n        language === \"assembly\" && \"text-brand-assembly\",\n        language === \"other\" && \"text-shade-tertiary\",\n        language &&\n        language !== \"rust\" &&\n        language !== \"typescript\" &&\n        language !== \"assembly\" &&\n        language !== \"other\" &&\n        \"text-brand-primary\",\n        className,\n        isOverflowing && isExpanded && \"pb-12!\"\n      )}\n      {...animation}\n    >\n      <motion.div className={classNames(\"px-3.5 py-2 bg-current/5 border border-current/15 flex items-center justify-between relative\")}>\n        <CrosshairCorners\n          animationDelay={0}\n          animationDuration={0.5}\n          variant=\"bordered\"\n          size={6}\n          spacingX={1}\n        />\n        <div className=\"flex items-center gap-x-2\">\n          {icon && (\n            <Icon\n              name={icon.name as IconName}\n              className={classNames(\n                \"flex-shrink-0 text-current\",\n                icon.className,\n              )}\n              size={icon.size || 16}\n            />\n          )}\n          <span className=\"font-mono text-sm\">{language}</span>\n        </div>\n\n        {showCopyButton && (\n          <div\n            onClick={() => handleCopy()}\n            className=\"w-[16px] h-[16px] text-shade-secondary hover:text-shade-primary relative z-10\"\n          >\n            <AnimatePresence mode=\"popLayout\">\n              <motion.div\n                initial={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n                animate={{ opacity: 1, filter: \"blur(0px)\", scale: 1 }}\n                exit={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n                transition={{ duration: 0.2, ease: silk }}\n                key={isCopied ? \"copied\" : \"copy\"}\n              >\n                {isCopied ? (\n                  <Icon name=\"Success\" size={16} />\n                ) : (\n                  <Icon name=\"Copy\" size={16} />\n                )}\n              </motion.div>\n            </AnimatePresence>\n          </div>\n        )}\n      </motion.div>\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none h-[300px]\"></div>\n\n      <motion.div\n        ref={codeblockRef}\n        className={classNames(\"relative text-base! overflow-hidden will-change-transform\", isOverflowing && !isExpanded && \"[mask-image:linear-gradient(to_bottom,black_70%,transparent_97.5%)]\")}\n        initial={false}\n        animate={{\n          height: isExpanded || (!isOverflowing && hasCalculated)\n            ? \"auto\"\n            : maxLines * 24\n        }}\n        transition={{ duration: hasCalculated ? 0.4 : 0, ease: silk }}\n      >\n        {children}\n      </motion.div>\n\n      <AnimatePresence>\n        {isOverflowing && (\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            onClick={() => setIsExpanded(!isExpanded)}\n            className=\"font-mono text-xs text-shade-tertiary cursor-pointer bg-card-solid/50 hover:bg-card-solid/100 bottom-1 left-1 absolute w-[calc(100%-8px)] transition py-1.5 flex items-center justify-center\"\n          >\n            {isExpanded ? (\n              <div className=\"flex items-center gap-x-0.5\">\n                Collapse <Icon name=\"Chevron\" size={12} className=\"rotate-180\" />\n              </div>\n            ) : (\n              <div className=\"flex items-center gap-x-2\">\n                <div className=\"flex items-center gap-x-0.5\">Expand <Icon name=\"Chevron\" size={10} /> </div>\n                <div className=\"absolute right-2 text-shade-mute text-xs\">[{lineCount - maxLines} more lines]</div>\n              </div>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </motion.div>\n  );\n};\n"],"mappings":"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"}

package/dist/Codeblock.d.cts

@@ -1,13 +1,14 @@
 import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime58 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { MotionProps } from "motion/react";
 
 //#region src/Codeblock.d.ts
 type CodeblockProps = {
   children: React.ReactNode;
   clipboardText: string;
+  showCopyButton?: boolean;
   icon?: IconProps;
-  language: "rust" | "typescript" | "assembly" | string;
+  language: "rust" | "typescript" | "assembly" | "other" | string;
   animation?: MotionProps;
   className?: string;
   maxLines?: number;
@@ -19,8 +20,9 @@ declare const Codeblock: ({
   animation,
   className,
   icon,
+  showCopyButton,
   maxLines
-}: CodeblockProps) => react_jsx_runtime58.JSX.Element;
+}: CodeblockProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { Codeblock, CodeblockProps };
 //# sourceMappingURL=Codeblock.d.cts.map

package/dist/Codeblock.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Codeblock.d.cts","names":[],"sources":["../src/Codeblock.tsx"],"sourcesContent":[],"mappings":";;;;;KAUY,cAAA;YACA,KAAA,CAAM;;EADN,IAAA,CAAA,EAGH,SAHG;EACA,QAAM,EAAA,MAAA,GAAA,YAAA,GAAA,UAAA,GAAA,MAAA;EAET,SAAA,CAAA,EAEK,WAFL;EAEK,SAAA,CAAA,EAAA,MAAA;EAAW,QAAA,CAAA,EAAA,MAAA;AAKzB,CAAA;AAA0B,cAAb,SAAa,EAAA,CAAA;EAAA,QAAA;EAAA,aAAA;EAAA,QAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAQvB,cARuB,EAAA,GAQT,mBAAA,CAAA,GAAA,CAAA,OARS"}
+{"version":3,"file":"Codeblock.d.cts","names":[],"sources":["../src/Codeblock.tsx"],"sourcesContent":[],"mappings":";;;;;KAUY,cAAA;YACA,KAAA,CAAM;;EADN,cAAA,CAAA,EAAc,OAAA;EACd,IAAM,CAAA,EAGT,SAHS;EAGT,QAAA,EAAA,MAAA,GAAA,YAAA,GAAA,UAAA,GAAA,OAAA,GAAA,MAAA;EAEK,SAAA,CAAA,EAAA,WAAA;EAAW,SAAA,CAAA,EAAA,MAAA;EAKZ,QAAA,CAAA,EAAA,MAqKZ;CArKyB;AAAA,cAAb,SAAa,EAAA,CAAA;EAAA,QAAA;EAAA,aAAA;EAAA,QAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA,cAAA;EAAA;AAAA,CAAA,EASvB,cATuB,EAAA,GAST,mBAAA,CAAA,GAAA,CAAA,OATS"}

package/dist/Codeblock.d.mts

@@ -1,13 +1,14 @@
 import { IconProps } from "./Icon.mjs";
 import { MotionProps } from "motion/react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime91 from "react/jsx-runtime";
 
 //#region src/Codeblock.d.ts
 type CodeblockProps = {
   children: React.ReactNode;
   clipboardText: string;
+  showCopyButton?: boolean;
   icon?: IconProps;
-  language: "rust" | "typescript" | "assembly" | string;
+  language: "rust" | "typescript" | "assembly" | "other" | string;
   animation?: MotionProps;
   className?: string;
   maxLines?: number;
@@ -19,8 +20,9 @@ declare const Codeblock: ({
   animation,
   className,
   icon,
+  showCopyButton,
   maxLines
-}: CodeblockProps) => react_jsx_runtime5.JSX.Element;
+}: CodeblockProps) => react_jsx_runtime91.JSX.Element;
 //#endregion
 export { Codeblock, CodeblockProps };
 //# sourceMappingURL=Codeblock.d.mts.map

package/dist/Codeblock.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Codeblock.d.mts","names":[],"sources":["../src/Codeblock.tsx"],"sourcesContent":[],"mappings":";;;;;KAUY,cAAA;YACA,KAAA,CAAM;;EADN,IAAA,CAAA,EAGH,SAHG;EACA,QAAM,EAAA,MAAA,GAAA,YAAA,GAAA,UAAA,GAAA,MAAA;EAET,SAAA,CAAA,EAEK,WAFL;EAEK,SAAA,CAAA,EAAA,MAAA;EAAW,QAAA,CAAA,EAAA,MAAA;AAKzB,CAAA;AAA0B,cAAb,SAAa,EAAA,CAAA;EAAA,QAAA;EAAA,aAAA;EAAA,QAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAQvB,cARuB,EAAA,GAQT,kBAAA,CAAA,GAAA,CAAA,OARS"}
+{"version":3,"file":"Codeblock.d.mts","names":[],"sources":["../src/Codeblock.tsx"],"sourcesContent":[],"mappings":";;;;;KAUY,cAAA;YACA,KAAA,CAAM;;EADN,cAAA,CAAA,EAAc,OAAA;EACd,IAAM,CAAA,EAGT,SAHS;EAGT,QAAA,EAAA,MAAA,GAAA,YAAA,GAAA,UAAA,GAAA,OAAA,GAAA,MAAA;EAEK,SAAA,CAAA,EAAA,WAAA;EAAW,SAAA,CAAA,EAAA,MAAA;EAKZ,QAAA,CAAA,EAAA,MAqKZ;CArKyB;AAAA,cAAb,SAAa,EAAA,CAAA;EAAA,QAAA;EAAA,aAAA;EAAA,QAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA,cAAA;EAAA;AAAA,CAAA,EASvB,cATuB,EAAA,GAST,mBAAA,CAAA,GAAA,CAAA,OATS"}

package/dist/Codeblock.mjs

@@ -10,7 +10,7 @@ import { useEffect, useRef, useState } from "react";
 import { useCopyToClipboard } from "usehooks-ts";
 
 //#region src/Codeblock.tsx
-const Codeblock = ({ children, clipboardText, language, animation, className, icon, maxLines = 15 }) => {
+const Codeblock = ({ children, clipboardText, language, animation, className, icon, showCopyButton = true, maxLines = 15 }) => {
 	const [_, copyToClipboard] = useCopyToClipboard();
 	const [isCopied, setIsCopied] = useState(false);
 	const [isExpanded, setIsExpanded] = useState(false);
@@ -46,7 +46,7 @@ const Codeblock = ({ children, clipboardText, language, animation, className, ic
 		}, 2e3);
 	};
 	return /* @__PURE__ */ jsxs(motion.div, {
-		className: classNames("relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4", language === "rust" && "text-brand-rust", language === "typescript" && "text-brand-typescript", language === "assembly" && "text-brand-assembly", language && language !== "rust" && language !== "typescript" && language !== "assembly" && "text-brand-primary", className, isOverflowing && isExpanded && "pb-12!"),
+		className: classNames("relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4", language === "rust" && "text-brand-rust", language === "typescript" && "text-brand-typescript", language === "assembly" && "text-brand-assembly", language === "other" && "text-shade-tertiary", language && language !== "rust" && language !== "typescript" && language !== "assembly" && language !== "other" && "text-brand-primary", className, isOverflowing && isExpanded && "pb-12!"),
 		...animation,
 		children: [
 			/* @__PURE__ */ jsxs(motion.div, {
@@ -70,7 +70,7 @@ const Codeblock = ({ children, clipboardText, language, animation, className, ic
 							children: language
 						})]
 					}),
-					/* @__PURE__ */ jsx("div", {
+					showCopyButton && /* @__PURE__ */ jsx("div", {
 						onClick: () => handleCopy(),
 						className: "w-[16px] h-[16px] text-shade-secondary hover:text-shade-primary relative z-10",
 						children: /* @__PURE__ */ jsx(AnimatePresence, {

package/dist/Codeblock.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Codeblock.mjs","names":[],"sources":["../src/Codeblock.tsx"],"sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\nimport { useRef, useState, useEffect } from \"react\";\nimport { silk } from \"./utils/easings\";\n\nexport type CodeblockProps = {\n  children: React.ReactNode;\n  clipboardText: string;\n  icon?: IconProps;\n  language: \"rust\" | \"typescript\" | \"assembly\" | string;\n  animation?: MotionProps;\n  className?: string;\n  maxLines?: number;\n};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n  maxLines = 15,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(false);\n  // Initialize with clipboardText to avoid initial expansion flash\n  const [lineCount, setLineCount] = useState(() => clipboardText.split(\"\\n\").length);\n  const [hasCalculated, setHasCalculated] = useState(false);\n  const codeblockRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (codeblockRef.current) {\n      // Find the pre > code structure - each span child represents a line\n      const codeElement = codeblockRef.current.querySelector(\"pre code\");\n      const preElement = codeblockRef.current.querySelector(\"pre\");\n\n      // Try to find line-level spans (direct children of code or pre)\n      const containerElement = codeElement || preElement;\n\n      if (containerElement) {\n        // Count direct child span elements - each span is a line\n        const lineSpans = Array.from(containerElement.children).filter(\n          (child) => child.tagName === \"SPAN\"\n        );\n\n        if (lineSpans.length > 0) {\n          // Each span represents one line\n          setLineCount(lineSpans.length);\n          setHasCalculated(true);\n        } else {\n          // Fallback: count line breaks in the text content\n          const text = containerElement.textContent || \"\";\n          const lines = text.split(\"\\n\");\n          setLineCount(lines.length || 1);\n          setHasCalculated(true);\n        }\n      } else {\n        // Last resort: use clipboardText\n        setLineCount(clipboardText.split(\"\\n\").length);\n        setHasCalculated(true);\n      }\n    }\n  }, [children, clipboardText]);\n\n  const isOverflowing = lineCount > maxLines;\n  const handleCopy = () => {\n    copyToClipboard(clipboardText);\n    setIsCopied(true);\n    setTimeout(() => {\n      setIsCopied(false);\n    }, 2000);\n  };\n  return (\n    <motion.div\n      className={classNames(\n        \"relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4\",\n        language === \"rust\" && \"text-brand-rust\",\n        language === \"typescript\" && \"text-brand-typescript\",\n        language === \"assembly\" && \"text-brand-assembly\",\n        language &&\n        language !== \"rust\" &&\n        language !== \"typescript\" &&\n        language !== \"assembly\" &&\n        \"text-brand-primary\",\n        className,\n        isOverflowing && isExpanded && \"pb-12!\"\n      )}\n      {...animation}\n    >\n      <motion.div className={classNames(\"px-3.5 py-2 bg-current/5 border border-current/15 flex items-center justify-between relative\")}>\n        <CrosshairCorners\n          animationDelay={0}\n          animationDuration={0.5}\n          variant=\"bordered\"\n          size={6}\n          spacingX={1}\n        />\n        <div className=\"flex items-center gap-x-2\">\n          {icon && (\n            <Icon\n              name={icon.name as IconName}\n              className={classNames(\n                \"flex-shrink-0 text-current\",\n                icon.className,\n              )}\n              size={icon.size || 16}\n            />\n          )}\n          <span className=\"font-mono text-sm\">{language}</span>\n        </div>\n\n        <div\n          onClick={() => handleCopy()}\n          className=\"w-[16px] h-[16px] text-shade-secondary hover:text-shade-primary relative z-10\"\n        >\n          <AnimatePresence mode=\"popLayout\">\n            <motion.div\n              initial={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n              animate={{ opacity: 1, filter: \"blur(0px)\", scale: 1 }}\n              exit={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n              transition={{ duration: 0.2, ease: silk }}\n              key={isCopied ? \"copied\" : \"copy\"}\n            >\n              {isCopied ? (\n                <Icon name=\"Success\" size={16} />\n              ) : (\n                <Icon name=\"Copy\" size={16} />\n              )}\n            </motion.div>\n          </AnimatePresence>\n        </div>\n      </motion.div>\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none h-[300px]\"></div>\n\n      <motion.div\n        ref={codeblockRef}\n        className={classNames(\"relative text-base! overflow-hidden will-change-transform\", isOverflowing && !isExpanded && \"[mask-image:linear-gradient(to_bottom,black_70%,transparent_97.5%)]\")}\n        initial={false}\n        animate={{\n          height: isExpanded || (!isOverflowing && hasCalculated)\n            ? \"auto\"\n            : maxLines * 24\n        }}\n        transition={{ duration: hasCalculated ? 0.4 : 0, ease: silk }}\n      >\n        {children}\n      </motion.div>\n\n      <AnimatePresence>\n        {isOverflowing && (\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            onClick={() => setIsExpanded(!isExpanded)}\n            className=\"font-mono text-xs text-shade-tertiary cursor-pointer bg-card-solid/50 hover:bg-card-solid/100 bottom-1 left-1 absolute w-[calc(100%-8px)] transition py-1.5 flex items-center justify-center\"\n          >\n            {isExpanded ? (\n              <div className=\"flex items-center gap-x-0.5\">\n                Collapse <Icon name=\"Chevron\" size={12} className=\"rotate-180\" />\n              </div>\n            ) : (\n              <div className=\"flex items-center gap-x-2\">\n                <div className=\"flex items-center gap-x-0.5\">Expand <Icon name=\"Chevron\" size={10} /> </div>\n                <div className=\"absolute right-2 text-shade-mute text-xs\">[{lineCount - maxLines} more lines]</div>\n              </div>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </motion.div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Codeblock.mjs","names":[],"sources":["../src/Codeblock.tsx"],"sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\nimport { useRef, useState, useEffect } from \"react\";\nimport { silk } from \"./utils/easings\";\n\nexport type CodeblockProps = {\n  children: React.ReactNode;\n  clipboardText: string;\n  showCopyButton?: boolean;\n  icon?: IconProps;\n  language: \"rust\" | \"typescript\" | \"assembly\" | \"other\" | string;\n  animation?: MotionProps;\n  className?: string;\n  maxLines?: number;\n};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n  showCopyButton = true,\n  maxLines = 15,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(false);\n  // Initialize with clipboardText to avoid initial expansion flash\n  const [lineCount, setLineCount] = useState(() => clipboardText.split(\"\\n\").length);\n  const [hasCalculated, setHasCalculated] = useState(false);\n  const codeblockRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (codeblockRef.current) {\n      // Find the pre > code structure - each span child represents a line\n      const codeElement = codeblockRef.current.querySelector(\"pre code\");\n      const preElement = codeblockRef.current.querySelector(\"pre\");\n\n      // Try to find line-level spans (direct children of code or pre)\n      const containerElement = codeElement || preElement;\n\n      if (containerElement) {\n        // Count direct child span elements - each span is a line\n        const lineSpans = Array.from(containerElement.children).filter(\n          (child) => child.tagName === \"SPAN\"\n        );\n\n        if (lineSpans.length > 0) {\n          // Each span represents one line\n          setLineCount(lineSpans.length);\n          setHasCalculated(true);\n        } else {\n          // Fallback: count line breaks in the text content\n          const text = containerElement.textContent || \"\";\n          const lines = text.split(\"\\n\");\n          setLineCount(lines.length || 1);\n          setHasCalculated(true);\n        }\n      } else {\n        // Last resort: use clipboardText\n        setLineCount(clipboardText.split(\"\\n\").length);\n        setHasCalculated(true);\n      }\n    }\n  }, [children, clipboardText]);\n\n  const isOverflowing = lineCount > maxLines;\n  const handleCopy = () => {\n    copyToClipboard(clipboardText);\n    setIsCopied(true);\n    setTimeout(() => {\n      setIsCopied(false);\n    }, 2000);\n  };\n  return (\n    <motion.div\n      className={classNames(\n        \"relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4\",\n        language === \"rust\" && \"text-brand-rust\",\n        language === \"typescript\" && \"text-brand-typescript\",\n        language === \"assembly\" && \"text-brand-assembly\",\n        language === \"other\" && \"text-shade-tertiary\",\n        language &&\n        language !== \"rust\" &&\n        language !== \"typescript\" &&\n        language !== \"assembly\" &&\n        language !== \"other\" &&\n        \"text-brand-primary\",\n        className,\n        isOverflowing && isExpanded && \"pb-12!\"\n      )}\n      {...animation}\n    >\n      <motion.div className={classNames(\"px-3.5 py-2 bg-current/5 border border-current/15 flex items-center justify-between relative\")}>\n        <CrosshairCorners\n          animationDelay={0}\n          animationDuration={0.5}\n          variant=\"bordered\"\n          size={6}\n          spacingX={1}\n        />\n        <div className=\"flex items-center gap-x-2\">\n          {icon && (\n            <Icon\n              name={icon.name as IconName}\n              className={classNames(\n                \"flex-shrink-0 text-current\",\n                icon.className,\n              )}\n              size={icon.size || 16}\n            />\n          )}\n          <span className=\"font-mono text-sm\">{language}</span>\n        </div>\n\n        {showCopyButton && (\n          <div\n            onClick={() => handleCopy()}\n            className=\"w-[16px] h-[16px] text-shade-secondary hover:text-shade-primary relative z-10\"\n          >\n            <AnimatePresence mode=\"popLayout\">\n              <motion.div\n                initial={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n                animate={{ opacity: 1, filter: \"blur(0px)\", scale: 1 }}\n                exit={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n                transition={{ duration: 0.2, ease: silk }}\n                key={isCopied ? \"copied\" : \"copy\"}\n              >\n                {isCopied ? (\n                  <Icon name=\"Success\" size={16} />\n                ) : (\n                  <Icon name=\"Copy\" size={16} />\n                )}\n              </motion.div>\n            </AnimatePresence>\n          </div>\n        )}\n      </motion.div>\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none h-[300px]\"></div>\n\n      <motion.div\n        ref={codeblockRef}\n        className={classNames(\"relative text-base! overflow-hidden will-change-transform\", isOverflowing && !isExpanded && \"[mask-image:linear-gradient(to_bottom,black_70%,transparent_97.5%)]\")}\n        initial={false}\n        animate={{\n          height: isExpanded || (!isOverflowing && hasCalculated)\n            ? \"auto\"\n            : maxLines * 24\n        }}\n        transition={{ duration: hasCalculated ? 0.4 : 0, ease: silk }}\n      >\n        {children}\n      </motion.div>\n\n      <AnimatePresence>\n        {isOverflowing && (\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            onClick={() => setIsExpanded(!isExpanded)}\n            className=\"font-mono text-xs text-shade-tertiary cursor-pointer bg-card-solid/50 hover:bg-card-solid/100 bottom-1 left-1 absolute w-[calc(100%-8px)] transition py-1.5 flex items-center justify-center\"\n          >\n            {isExpanded ? (\n              <div className=\"flex items-center gap-x-0.5\">\n                Collapse <Icon name=\"Chevron\" size={12} className=\"rotate-180\" />\n              </div>\n            ) : (\n              <div className=\"flex items-center gap-x-2\">\n                <div className=\"flex items-center gap-x-0.5\">Expand <Icon name=\"Chevron\" size={10} /> </div>\n                <div className=\"absolute right-2 text-shade-mute text-xs\">[{lineCount - maxLines} more lines]</div>\n              </div>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </motion.div>\n  );\n};\n"],"mappings":"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"}

package/dist/CrossHair.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/CrossHair.d.ts
 type CrosshairCornersProps = {
@@ -26,7 +26,7 @@ declare const CrosshairCorners: ({
   variant,
   corners,
   borders
-}: CrosshairCornersProps) => react_jsx_runtime41.JSX.Element;
+}: CrosshairCornersProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { CrosshairCorners, CrosshairCornersProps };
 //# sourceMappingURL=CrossHair.d.cts.map

package/dist/CrossHair.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"CrossHair.d.cts","names":[],"sources":["../src/CrossHair.tsx"],"sourcesContent":[],"mappings":";;;KAKY,qBAAA;;;EAAA,QAAA,CAAA,EAAA,MAAA;EAcC,cAAA,CAAA,EAAA,MAwPZ;EAxPgC,SAAA,CAAA,EAAA,MAAA;EAAA,iBAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,OAAA,GAAA,UAAA;EAAA,OAAA,CAAA,EAAA,CAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,CAAA,EAAA;EAAA,OAAA,CAAA,EAAA,CAAA,MAAA,GAAA,OAAA,CAAA,EAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,YAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAApB,gBAAoB,EAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,cAAA;EAAA,QAAA;EAAA,SAAA;EAAA,YAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAY9B,qBAZ8B,EAAA,GAYT,mBAAA,CAAA,GAAA,CAAA,OAZS"}
+{"version":3,"file":"CrossHair.d.cts","names":[],"sources":["../src/CrossHair.tsx"],"sourcesContent":[],"mappings":";;;KAKY,qBAAA;;;EAAA,QAAA,CAAA,EAAA,MAAA;EAcC,cAAA,CAAA,EAAA,MAwPZ;EAxPgC,SAAA,CAAA,EAAA,MAAA;EAAA,iBAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,OAAA,GAAA,UAAA;EAAA,OAAA,CAAA,EAAA,CAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,CAAA,EAAA;EAAA,OAAA,CAAA,EAAA,CAAA,MAAA,GAAA,OAAA,CAAA,EAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,YAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAApB,gBAAoB,EAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,cAAA;EAAA,QAAA;EAAA,SAAA;EAAA,YAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAY9B,qBAZ8B,EAAA,GAYT,kBAAA,CAAA,GAAA,CAAA,OAZS"}

package/dist/CrossHair.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
 
 //#region src/CrossHair.d.ts
 type CrosshairCornersProps = {
@@ -26,7 +26,7 @@ declare const CrosshairCorners: ({
   variant,
   corners,
   borders
-}: CrosshairCornersProps) => react_jsx_runtime6.JSX.Element;
+}: CrosshairCornersProps) => react_jsx_runtime98.JSX.Element;
 //#endregion
 export { CrosshairCorners, CrosshairCornersProps };
 //# sourceMappingURL=CrossHair.d.mts.map

package/dist/CrossHair.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"CrossHair.d.mts","names":[],"sources":["../src/CrossHair.tsx"],"sourcesContent":[],"mappings":";;;KAKY,qBAAA;;;EAAA,QAAA,CAAA,EAAA,MAAA;EAcC,cAAA,CAAA,EAAA,MAwPZ;EAxPgC,SAAA,CAAA,EAAA,MAAA;EAAA,iBAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,OAAA,GAAA,UAAA;EAAA,OAAA,CAAA,EAAA,CAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,CAAA,EAAA;EAAA,OAAA,CAAA,EAAA,CAAA,MAAA,GAAA,OAAA,CAAA,EAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,YAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAApB,gBAAoB,EAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,cAAA;EAAA,QAAA;EAAA,SAAA;EAAA,YAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAY9B,qBAZ8B,EAAA,GAYT,kBAAA,CAAA,GAAA,CAAA,OAZS"}
+{"version":3,"file":"CrossHair.d.mts","names":[],"sources":["../src/CrossHair.tsx"],"sourcesContent":[],"mappings":";;;KAKY,qBAAA;;;EAAA,QAAA,CAAA,EAAA,MAAA;EAcC,cAAA,CAAA,EAAA,MAwPZ;EAxPgC,SAAA,CAAA,EAAA,MAAA;EAAA,iBAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,OAAA,GAAA,UAAA;EAAA,OAAA,CAAA,EAAA,CAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,CAAA,EAAA;EAAA,OAAA,CAAA,EAAA,CAAA,MAAA,GAAA,OAAA,CAAA,EAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,YAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAApB,gBAAoB,EAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,cAAA;EAAA,QAAA;EAAA,SAAA;EAAA,YAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAY9B,qBAZ8B,EAAA,GAYT,mBAAA,CAAA,GAAA,CAAA,OAZS"}

package/dist/DecryptText.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/DecryptText.d.ts
 interface DecryptedTextProps {
@@ -16,6 +16,6 @@ declare function DecryptedText({
   parentClassName,
   encryptedClassName,
   isHovering
-}: DecryptedTextProps): react_jsx_runtime16.JSX.Element;
+}: DecryptedTextProps): react_jsx_runtime12.JSX.Element;
 export = DecryptedText;
 //# sourceMappingURL=DecryptText.d.cts.map

package/dist/DecryptText.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime93 from "react/jsx-runtime";
 
 //#region src/DecryptText.d.ts
 interface DecryptedTextProps {
@@ -16,7 +16,7 @@ declare function DecryptedText({
   parentClassName,
   encryptedClassName,
   isHovering
-}: DecryptedTextProps): react_jsx_runtime0.JSX.Element;
+}: DecryptedTextProps): react_jsx_runtime93.JSX.Element;
 //#endregion
 export { DecryptedText as default };
 //# sourceMappingURL=DecryptText.d.mts.map

package/dist/DecryptText.d.mts.map

@@ -1 +1 @@
-{"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,kBAAA,CAAA,GAAA,CAAA,OAHnB"}
+{"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/Difficulty.d.cts

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

package/dist/Difficulty.d.cts.map

@@ -1 +1 @@
-{"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"}
+{"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,kBAAA,CAAA,GAAA,CAAA,OAhBe"}

package/dist/Difficulty.d.mts

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

package/dist/Difficulty.d.mts.map

@@ -1 +1 @@
-{"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,kBAAA,CAAA,GAAA,CAAA,OAhBe"}
+{"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,mBAAA,CAAA,GAAA,CAAA,OAhBe"}