@blueshift-gg/ui-components 0.1.74 → 0.1.76

package/dist/Button.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.mjs","names":[],"sources":["../src/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { Icon } from \"./Icon\";\nimport { CrosshairCorners, type CrosshairCornersProps } from \"./CrossHair\";\nimport DecryptedText from \"./DecryptText\";\nimport { useState, isValidElement } from \"react\";\nimport { IconName } from \"./icons\";\n\nexport type ButtonProps = {\n  className?: string;\n  disabled?: boolean;\n  children?: React.ReactNode;\n  icon?:\n    | {\n        name: IconName;\n        className?: string;\n        size?: number;\n      }\n    | React.ReactNode;\n  iconPosition?: \"left\" | \"right\";\n  hideLabel?: boolean;\n  label?: string;\n  loading?: boolean;\n  onClick?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"link\";\n  crosshairProps?: CrosshairCornersProps;\n  useHoverEffect?: boolean;\n  animation?: MotionProps;\n  useDecryptAnimation?: boolean;\n  type?: \"button\" | \"submit\";\n};\n\nexport const Button = ({\n  label,\n  variant = \"primary\",\n  size = \"lg\",\n  className = \"\",\n  onClick,\n  disabled = false,\n  icon,\n  iconPosition = \"left\",\n  loading = false,\n  crosshairProps = {\n    variant: \"corners\",\n  },\n  hideLabel,\n  animation,\n  useHoverEffect = true,\n  onMouseEnter,\n  onMouseLeave,\n  type = \"button\",\n  children,\n  useDecryptAnimation = true,\n}: ButtonProps) => {\n  const [isHovering, setIsHovering] = useState(false);\n  return (\n    <motion.button\n      type={type}\n      disabled={disabled}\n      onClick={onClick}\n      onMouseEnter={() => {\n        setIsHovering(true);\n        onMouseEnter?.();\n      }}\n      onMouseLeave={() => {\n        setIsHovering(false);\n        onMouseLeave?.();\n      }}\n      className={classNames(\n        // Animation\n        \"relative enabled:cursor-pointer group enabled:active:scale-[0.97] transition-all duration-100 ease-glide font-mono\",\n        // Base Styles\n        \"disabled:opacity-40 flex items-center justify-center gap-x-2 leading-[18px]\",\n        // Themes\n        variant === \"primary\" &&\n          \"bg-primary-button text-background gradient-border before:bg-primary-button-border\",\n        variant === \"secondary\" &&\n          \"bg-card-foreground text-shade-secondary gradient-border before:bg-secondary-button-border\",\n        variant === \"outline\" &&\n          \"bg-transparent text-shade-secondary gradient-border before:bg-border hover:before:bg-border-light hover:text-shade-primary\",\n        variant === \"link\" && \"text-shade-secondary hover:text-shade-primary\",\n        // Sizes\n        size === \"lg\" && \"py-4 pl-6 pr-6 text-base\",\n        size === \"md\" && \"py-3 pl-4 pr-4 text-sm\",\n        size === \"sm\" && \"py-2 pl-3 pr-3 text-sm leading-[20px]\",\n        size === \"xs\" && \"text-[10px] px-3 py-1.5\",\n        size === \"lg\" &&\n          hideLabel &&\n          \"h-[50px] w-[50px] justify-center !pr-0 !pl-0\",\n        size === \"md\" &&\n          hideLabel &&\n          \"h-[42px] w-[42px] justify-center !pr-0 !pl-0\",\n        size === \"sm\" &&\n          hideLabel &&\n          \"h-[36px] w-[36px] justify-center !pr-0 !pl-0\",\n        // Icon offsets\n        size === \"lg\" && !!icon && iconPosition === \"right\" && \"pl-6 pr-[22px]\",\n        size === \"lg\" && !!icon && iconPosition === \"left\" && \"pl-[22px] pr-6\",\n        size === \"md\" && !!icon && iconPosition === \"right\" && \"pl-4 pr-[18px]\",\n        size === \"md\" && !!icon && iconPosition === \"left\" && \"pl-[18px] pr-4\",\n        size === \"sm\" && !!icon && iconPosition === \"right\" && \"pl-3 pr-[14px]\",\n        size === \"sm\" && !!icon && iconPosition === \"left\" && \"pl-[14px] pr-3\",\n        className,\n      )}\n      {...animation}\n    >\n      {crosshairProps && variant !== \"outline\" && variant !== \"link\" && (\n        <div\n          className={classNames(\n            \"will-change-transform absolute transition-all duration-50 ease-glide inset-0\",\n            variant === \"secondary\" && \"text-shade-mute\",\n            variant === \"primary\" && \"text-background\",\n            crosshairProps.variant === \"corners\" &&\n              useHoverEffect &&\n              \"inset-0.5 group-enabled:group-active:inset-1 group-enabled:group-hover:text-shade-primary group-enabled:group-active:text-current\",\n            crosshairProps.variant === \"corners\" &&\n              useHoverEffect &&\n              size === \"lg\" &&\n              \"group-enabled:group-hover:inset-[-4px]\",\n            crosshairProps.variant === \"corners\" &&\n              useHoverEffect &&\n              size === \"md\" &&\n              \"group-enabled:group-hover:inset-[-3px]\",\n            crosshairProps.variant === \"corners\" &&\n              useHoverEffect &&\n              size !== \"lg\" &&\n              size !== \"md\" &&\n              \"group-enabled:group-hover:inset-[-2px]\",\n            crosshairProps.variant === \"cross\" &&\n              useHoverEffect &&\n              \"-inset-1 text-shade-primary\",\n            crosshairProps.variant === \"bordered\" &&\n              useHoverEffect &&\n              \"inset-0.5 group-enabled:group-active:inset-1 group-enabled:group-hover:inset-[-4px] group-enabled:group-hover:text-shade-primary group-enabled:group-active:text-current\",\n          )}\n        >\n          <CrosshairCorners\n            size={size === \"xs\" ? 3 : size === \"sm\" ? 4 : 6}\n            animationDelay={0}\n            variant={crosshairProps.variant}\n            animationDuration={1.5}\n            {...crosshairProps}\n          />\n        </div>\n      )}\n      {icon && iconPosition === \"left\" && size !== \"xs\" && (\n        <>\n          {/* Check if icon is a ReactNode (not an object with 'name') */}\n          {isValidElement(icon) ? (\n            loading ? (\n              <Icon\n                size={(icon.props as any).size || 18}\n                name=\"Loading\"\n                className=\"flex-shrink-0\"\n              />\n            ) : (\n              icon\n            )\n          ) : (\n            /* Icon config object */\n            <Icon\n              size={(icon as any).size}\n              name={loading ? \"Loading\" : (icon as any).name}\n              className={classNames((icon as any).className, \"flex-shrink-0\")}\n            />\n          )}\n        </>\n      )}\n      {children && children}\n      {!hideLabel && label && (\n        <DecryptedText\n          speed={label.length / 0.6}\n          isHovering={isHovering && !disabled && useDecryptAnimation}\n          text={label}\n        />\n      )}\n      {icon && iconPosition === \"right\" && size !== \"xs\" && (\n        <>\n          {isValidElement(icon) ? (\n            loading ? (\n              <Icon\n                size={(icon.props as any).size || 18}\n                name=\"Loading\"\n                className=\"flex-shrink-0\"\n              />\n            ) : (\n              icon\n            )\n          ) : (\n            <Icon\n              size={(icon as any).size}\n              name={loading ? \"Loading\" : (icon as any).name}\n              className={classNames((icon as any).className, \"flex-shrink-0\")}\n            />\n          )}\n        </>\n      )}\n    </motion.button>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAqCA,MAAa,UAAU,EACrB,OACA,UAAU,WACV,OAAO,MACP,YAAY,IACZ,SACA,WAAW,OACX,MACA,eAAe,QACf,UAAU,OACV,iBAAiB,EACf,SAAS,WACV,EACD,WACA,WACA,iBAAiB,MACjB,cACA,cACA,OAAO,UACP,UACA,sBAAsB,WACL;CACjB,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;AACnD,QACE,qBAAC,OAAO;EACA;EACI;EACD;EACT,oBAAoB;AAClB,iBAAc,KAAK;AACnB,mBAAgB;;EAElB,oBAAoB;AAClB,iBAAc,MAAM;AACpB,mBAAgB;;EAElB,WAAW,WAET,sHAEA,+EAEA,YAAY,aACV,qFACF,YAAY,eACV,6FACF,YAAY,aACV,8HACF,YAAY,UAAU,iDAEtB,SAAS,QAAQ,4BACjB,SAAS,QAAQ,0BACjB,SAAS,QAAQ,yCACjB,SAAS,QAAQ,2BACjB,SAAS,QACP,aACA,gDACF,SAAS,QACP,aACA,gDACF,SAAS,QACP,aACA,gDAEF,SAAS,QAAQ,CAAC,CAAC,QAAQ,iBAAiB,WAAW,kBACvD,SAAS,QAAQ,CAAC,CAAC,QAAQ,iBAAiB,UAAU,kBACtD,SAAS,QAAQ,CAAC,CAAC,QAAQ,iBAAiB,WAAW,kBACvD,SAAS,QAAQ,CAAC,CAAC,QAAQ,iBAAiB,UAAU,kBACtD,SAAS,QAAQ,CAAC,CAAC,QAAQ,iBAAiB,WAAW,kBACvD,SAAS,QAAQ,CAAC,CAAC,QAAQ,iBAAiB,UAAU,kBACtD,UACD;EACD,GAAI;;GAEH,kBAAkB,YAAY,aAAa,YAAY,UACtD,oBAAC;IACC,WAAW,WACT,gFACA,YAAY,eAAe,mBAC3B,YAAY,aAAa,mBACzB,eAAe,YAAY,aACzB,kBACA,qIACF,eAAe,YAAY,aACzB,kBACA,SAAS,QACT,0CACF,eAAe,YAAY,aACzB,kBACA,SAAS,QACT,0CACF,eAAe,YAAY,aACzB,kBACA,SAAS,QACT,SAAS,QACT,0CACF,eAAe,YAAY,WACzB,kBACA,+BACF,eAAe,YAAY,cACzB,kBACA,2KACH;cAED,oBAAC;KACC,MAAM,SAAS,OAAO,IAAI,SAAS,OAAO,IAAI;KAC9C,gBAAgB;KAChB,SAAS,eAAe;KACxB,mBAAmB;KACnB,GAAI;MACJ;KACE;GAEP,QAAQ,iBAAiB,UAAU,SAAS,QAC3C,0CAEG,eAAe,KAAK,GACnB,UACE,oBAAC;IACC,MAAO,KAAK,MAAc,QAAQ;IAClC,MAAK;IACL,WAAU;KACV,GAEF,OAIF,oBAAC;IACC,MAAO,KAAa;IACpB,MAAM,UAAU,YAAa,KAAa;IAC1C,WAAW,WAAY,KAAa,WAAW,gBAAgB;KAC/D,GAEH;GAEJ,YAAY;GACZ,CAAC,aAAa,SACb,oBAAC;IACC,OAAO,MAAM,SAAS;IACtB,YAAY,cAAc,CAAC,YAAY;IACvC,MAAM;KACN;GAEH,QAAQ,iBAAiB,WAAW,SAAS,QAC5C,0CACG,eAAe,KAAK,GACnB,UACE,oBAAC;IACC,MAAO,KAAK,MAAc,QAAQ;IAClC,MAAK;IACL,WAAU;KACV,GAEF,OAGF,oBAAC;IACC,MAAO,KAAa;IACpB,MAAM,UAAU,YAAa,KAAa;IAC1C,WAAW,WAAY,KAAa,WAAW,gBAAgB;KAC/D,GAEH;;GAES"}

package/dist/Checkbox.cjs

@@ -1,59 +0,0 @@
-"use client";
-
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_utils_easings = require('./utils/easings.cjs');
-let motion_react = require("motion/react");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/Checkbox.tsx
-const Checkbox = ({ checked, className, disabled, handleChange, theme = "primary" }) => {
-	const handleInputChange = (event) => {
-		if (handleChange) handleChange(event.target.checked);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "flex h-[14px] w-[14px] flex-shrink-0 items-center",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "group grid size-[14px] grid-cols-1",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				type: "checkbox",
-				checked,
-				disabled,
-				onChange: handleInputChange,
-				className: (0, classnames.default)(className, "border-shade-mute col-start-1 row-start-1 appearance-none border-[1.5px] bg-transparent transition duration-100 ease-in-out checked:bg-transparent focus-visible:outline-2 focus-visible:outline-offset-2 disabled:border-[1.5px] disabled:bg-card-solid disabled:opacity-40 forced-colors:appearance-auto", {
-					"checked:border-brand-secondary indeterminate:border-brand-secondary focus-visible:outline-brand-secondary": theme === "primary",
-					"checked:border-secondary indeterminate:border-secondary focus-visible:outline-secondary": theme === "secondary"
-				})
-			}), checked && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, {
-				mode: "popLayout",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
-					initial: {
-						opacity: 0,
-						scale: 0
-					},
-					animate: {
-						opacity: 1,
-						scale: 1
-					},
-					transition: {
-						duration: .1,
-						ease: require_utils_easings.crisp
-					},
-					exit: {
-						opacity: 0,
-						scale: 0
-					},
-					className: (0, classnames.default)("pointer-events-none col-start-1 row-start-1 size-1 self-center justify-self-center opacity-0 group-has-[:checked]:opacity-100", {
-						"bg-brand-primary": theme === "primary",
-						"bg-shade-secondary": theme === "secondary"
-					})
-				})
-			})]
-		})
-	});
-};
-
-//#endregion
-exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox.cjs.map

package/dist/Checkbox.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.cjs","names":["AnimatePresence","motion","crisp"],"sources":["../src/Checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { crisp } from \"./utils/easings\";\n\nexport type CheckboxProps = {\n  checked: boolean;\n  className?: string;\n  disabled?: boolean;\n  handleChange?: (checked: boolean) => void;\n  theme?: \"primary\" | \"secondary\";\n};\n\nexport const Checkbox = ({\n  checked,\n  className,\n  disabled,\n  handleChange,\n  theme = \"primary\",\n}: CheckboxProps) => {\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (handleChange) {\n      handleChange(event.target.checked);\n    }\n  };\n\n  return (\n    <div className=\"flex h-[14px] w-[14px] flex-shrink-0 items-center\">\n      <div className=\"group grid size-[14px] grid-cols-1\">\n        <input\n          type=\"checkbox\"\n          checked={checked}\n          disabled={disabled}\n          onChange={handleInputChange}\n          className={classNames(\n            className,\n            \"border-shade-mute col-start-1 row-start-1 appearance-none border-[1.5px] bg-transparent transition duration-100 ease-in-out checked:bg-transparent focus-visible:outline-2 focus-visible:outline-offset-2 disabled:border-[1.5px] disabled:bg-card-solid disabled:opacity-40 forced-colors:appearance-auto\",\n            {\n              \"checked:border-brand-secondary indeterminate:border-brand-secondary focus-visible:outline-brand-secondary\":\n                theme === \"primary\",\n              \"checked:border-secondary indeterminate:border-secondary focus-visible:outline-secondary\":\n                theme === \"secondary\",\n            }\n          )}\n        />\n        {checked && (\n          <AnimatePresence mode=\"popLayout\">\n            <motion.div\n              initial={{ opacity: 0, scale: 0 }}\n              animate={{ opacity: 1, scale: 1 }}\n              transition={{ duration: 0.1, ease: crisp }}\n              exit={{ opacity: 0, scale: 0 }}\n              className={classNames(\n                \"pointer-events-none col-start-1 row-start-1 size-1 self-center justify-self-center opacity-0 group-has-[:checked]:opacity-100\",\n                {\n                  \"bg-brand-primary\": theme === \"primary\",\n                  \"bg-shade-secondary\": theme === \"secondary\",\n                }\n              )}\n            ></motion.div>\n          </AnimatePresence>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAcA,MAAa,YAAY,EACvB,SACA,WACA,UACA,cACA,QAAQ,gBACW;CACnB,MAAM,qBAAqB,UAA+C;AACxE,MAAI,aACF,cAAa,MAAM,OAAO,QAAQ;;AAItC,QACE,2CAAC;EAAI,WAAU;YACb,4CAAC;GAAI,WAAU;cACb,2CAAC;IACC,MAAK;IACI;IACC;IACV,UAAU;IACV,mCACE,WACA,8SACA;KACE,6GACE,UAAU;KACZ,2FACE,UAAU;KACb,CACF;KACD,EACD,WACC,2CAACA;IAAgB,MAAK;cACpB,2CAACC,oBAAO;KACN,SAAS;MAAE,SAAS;MAAG,OAAO;MAAG;KACjC,SAAS;MAAE,SAAS;MAAG,OAAO;MAAG;KACjC,YAAY;MAAE,UAAU;MAAK,MAAMC;MAAO;KAC1C,MAAM;MAAE,SAAS;MAAG,OAAO;MAAG;KAC9B,mCACE,iIACA;MACE,oBAAoB,UAAU;MAC9B,sBAAsB,UAAU;MACjC,CACF;MACW;KACE;IAEhB;GACF"}

package/dist/Checkbox.d.cts

@@ -1,20 +0,0 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
-
-//#region src/Checkbox.d.ts
-type CheckboxProps = {
-  checked: boolean;
-  className?: string;
-  disabled?: boolean;
-  handleChange?: (checked: boolean) => void;
-  theme?: "primary" | "secondary";
-};
-declare const Checkbox: ({
-  checked,
-  className,
-  disabled,
-  handleChange,
-  theme
-}: CheckboxProps) => react_jsx_runtime5.JSX.Element;
-//#endregion
-export { Checkbox, CheckboxProps };
-//# sourceMappingURL=Checkbox.d.cts.map

package/dist/Checkbox.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.cts","names":[],"sources":["../src/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;KAMY,aAAA;;;EAAA,QAAA,CAAA,EAAA,OAAa;EAQZ,YAoDZ,CAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EApDwB,KAAA,CAAA,EAAA,SAAA,GAAA,WAAA;CAAA;AAAA,cAAZ,QAAY,EAAA,CAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,YAAA;EAAA;AAAA,CAAA,EAMtB,aANsB,EAAA,GAMT,kBAAA,CAAA,GAAA,CAAA,OANS"}

package/dist/Checkbox.d.mts

@@ -1,20 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/Checkbox.d.ts
-type CheckboxProps = {
-  checked: boolean;
-  className?: string;
-  disabled?: boolean;
-  handleChange?: (checked: boolean) => void;
-  theme?: "primary" | "secondary";
-};
-declare const Checkbox: ({
-  checked,
-  className,
-  disabled,
-  handleChange,
-  theme
-}: CheckboxProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Checkbox, CheckboxProps };
-//# sourceMappingURL=Checkbox.d.mts.map

package/dist/Checkbox.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.mts","names":[],"sources":["../src/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;KAMY,aAAA;;;EAAA,QAAA,CAAA,EAAA,OAAa;EAQZ,YAoDZ,CAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EApDwB,KAAA,CAAA,EAAA,SAAA,GAAA,WAAA;CAAA;AAAA,cAAZ,QAAY,EAAA,CAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,YAAA;EAAA;AAAA,CAAA,EAMtB,aANsB,EAAA,GAMT,kBAAA,CAAA,GAAA,CAAA,OANS"}

package/dist/Checkbox.mjs

@@ -1,57 +0,0 @@
-"use client";
-
-import { crisp } from "./utils/easings.mjs";
-import { AnimatePresence, motion } from "motion/react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/Checkbox.tsx
-const Checkbox = ({ checked, className, disabled, handleChange, theme = "primary" }) => {
-	const handleInputChange = (event) => {
-		if (handleChange) handleChange(event.target.checked);
-	};
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex h-[14px] w-[14px] flex-shrink-0 items-center",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "group grid size-[14px] grid-cols-1",
-			children: [/* @__PURE__ */ jsx("input", {
-				type: "checkbox",
-				checked,
-				disabled,
-				onChange: handleInputChange,
-				className: classNames(className, "border-shade-mute col-start-1 row-start-1 appearance-none border-[1.5px] bg-transparent transition duration-100 ease-in-out checked:bg-transparent focus-visible:outline-2 focus-visible:outline-offset-2 disabled:border-[1.5px] disabled:bg-card-solid disabled:opacity-40 forced-colors:appearance-auto", {
-					"checked:border-brand-secondary indeterminate:border-brand-secondary focus-visible:outline-brand-secondary": theme === "primary",
-					"checked:border-secondary indeterminate:border-secondary focus-visible:outline-secondary": theme === "secondary"
-				})
-			}), checked && /* @__PURE__ */ jsx(AnimatePresence, {
-				mode: "popLayout",
-				children: /* @__PURE__ */ jsx(motion.div, {
-					initial: {
-						opacity: 0,
-						scale: 0
-					},
-					animate: {
-						opacity: 1,
-						scale: 1
-					},
-					transition: {
-						duration: .1,
-						ease: crisp
-					},
-					exit: {
-						opacity: 0,
-						scale: 0
-					},
-					className: classNames("pointer-events-none col-start-1 row-start-1 size-1 self-center justify-self-center opacity-0 group-has-[:checked]:opacity-100", {
-						"bg-brand-primary": theme === "primary",
-						"bg-shade-secondary": theme === "secondary"
-					})
-				})
-			})]
-		})
-	});
-};
-
-//#endregion
-export { Checkbox };
-//# sourceMappingURL=Checkbox.mjs.map

package/dist/Checkbox.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.mjs","names":[],"sources":["../src/Checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { crisp } from \"./utils/easings\";\n\nexport type CheckboxProps = {\n  checked: boolean;\n  className?: string;\n  disabled?: boolean;\n  handleChange?: (checked: boolean) => void;\n  theme?: \"primary\" | \"secondary\";\n};\n\nexport const Checkbox = ({\n  checked,\n  className,\n  disabled,\n  handleChange,\n  theme = \"primary\",\n}: CheckboxProps) => {\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (handleChange) {\n      handleChange(event.target.checked);\n    }\n  };\n\n  return (\n    <div className=\"flex h-[14px] w-[14px] flex-shrink-0 items-center\">\n      <div className=\"group grid size-[14px] grid-cols-1\">\n        <input\n          type=\"checkbox\"\n          checked={checked}\n          disabled={disabled}\n          onChange={handleInputChange}\n          className={classNames(\n            className,\n            \"border-shade-mute col-start-1 row-start-1 appearance-none border-[1.5px] bg-transparent transition duration-100 ease-in-out checked:bg-transparent focus-visible:outline-2 focus-visible:outline-offset-2 disabled:border-[1.5px] disabled:bg-card-solid disabled:opacity-40 forced-colors:appearance-auto\",\n            {\n              \"checked:border-brand-secondary indeterminate:border-brand-secondary focus-visible:outline-brand-secondary\":\n                theme === \"primary\",\n              \"checked:border-secondary indeterminate:border-secondary focus-visible:outline-secondary\":\n                theme === \"secondary\",\n            }\n          )}\n        />\n        {checked && (\n          <AnimatePresence mode=\"popLayout\">\n            <motion.div\n              initial={{ opacity: 0, scale: 0 }}\n              animate={{ opacity: 1, scale: 1 }}\n              transition={{ duration: 0.1, ease: crisp }}\n              exit={{ opacity: 0, scale: 0 }}\n              className={classNames(\n                \"pointer-events-none col-start-1 row-start-1 size-1 self-center justify-self-center opacity-0 group-has-[:checked]:opacity-100\",\n                {\n                  \"bg-brand-primary\": theme === \"primary\",\n                  \"bg-shade-secondary\": theme === \"secondary\",\n                }\n              )}\n            ></motion.div>\n          </AnimatePresence>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAcA,MAAa,YAAY,EACvB,SACA,WACA,UACA,cACA,QAAQ,gBACW;CACnB,MAAM,qBAAqB,UAA+C;AACxE,MAAI,aACF,cAAa,MAAM,OAAO,QAAQ;;AAItC,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IACC,MAAK;IACI;IACC;IACV,UAAU;IACV,WAAW,WACT,WACA,8SACA;KACE,6GACE,UAAU;KACZ,2FACE,UAAU;KACb,CACF;KACD,EACD,WACC,oBAAC;IAAgB,MAAK;cACpB,oBAAC,OAAO;KACN,SAAS;MAAE,SAAS;MAAG,OAAO;MAAG;KACjC,SAAS;MAAE,SAAS;MAAG,OAAO;MAAG;KACjC,YAAY;MAAE,UAAU;MAAK,MAAM;MAAO;KAC1C,MAAM;MAAE,SAAS;MAAG,OAAO;MAAG;KAC9B,WAAW,WACT,iIACA;MACE,oBAAoB,UAAU;MAC9B,sBAAsB,UAAU;MACjC,CACF;MACW;KACE;IAEhB;GACF"}

package/dist/Codeblock.cjs

@@ -1,166 +0,0 @@
-"use client";
-
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_Icon = require('./Icon.cjs');
-const require_CrossHair = require('./CrossHair.cjs');
-const require_utils_easings = require('./utils/easings.cjs');
-let motion_react = require("motion/react");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-let usehooks_ts = require("usehooks-ts");
-
-//#region src/Codeblock.tsx
-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);
-	const [lineCount, setLineCount] = (0, react.useState)(() => clipboardText.split("\n").length);
-	const [hasCalculated, setHasCalculated] = (0, react.useState)(false);
-	const codeblockRef = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
-		if (codeblockRef.current) {
-			const codeElement = codeblockRef.current.querySelector("pre code");
-			const preElement = codeblockRef.current.querySelector("pre");
-			const containerElement = codeElement || preElement;
-			if (containerElement) {
-				const lineSpans = Array.from(containerElement.children).filter((child) => child.tagName === "SPAN");
-				if (lineSpans.length > 0) {
-					setLineCount(lineSpans.length);
-					setHasCalculated(true);
-				} else {
-					setLineCount((containerElement.textContent || "").split("\n").length || 1);
-					setHasCalculated(true);
-				}
-			} else {
-				setLineCount(clipboardText.split("\n").length);
-				setHasCalculated(true);
-			}
-		}
-	}, [children, clipboardText]);
-	const isOverflowing = lineCount > maxLines;
-	const handleCopy = () => {
-		copyToClipboard(clipboardText);
-		setIsCopied(true);
-		setTimeout(() => {
-			setIsCopied(false);
-		}, 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!"),
-		...animation,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.div, {
-				className: (0, classnames.default)("px-3.5 py-2 bg-current/5 border border-current/15 flex items-center justify-between relative"),
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CrossHair.CrosshairCorners, {
-						animationDelay: 0,
-						animationDuration: .5,
-						variant: "bordered",
-						size: 6,
-						spacingX: 1
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-x-2",
-						children: [icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-							name: icon.name,
-							className: (0, classnames.default)("flex-shrink-0 text-current", icon.className),
-							size: icon.size || 16
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "font-mono text-sm",
-							children: language
-						})]
-					}),
-					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, {
-							mode: "popLayout",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
-								initial: {
-									opacity: 0,
-									filter: "blur(4px)",
-									scale: .4
-								},
-								animate: {
-									opacity: 1,
-									filter: "blur(0px)",
-									scale: 1
-								},
-								exit: {
-									opacity: 0,
-									filter: "blur(4px)",
-									scale: .4
-								},
-								transition: {
-									duration: .2,
-									ease: require_utils_easings.silk
-								},
-								children: isCopied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-									name: "Success",
-									size: 16
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-									name: "Copy",
-									size: 16
-								})
-							}, isCopied ? "copied" : "copy")
-						})
-					})
-				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none h-[300px]" }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
-				ref: codeblockRef,
-				className: (0, classnames.default)("relative text-base! overflow-hidden will-change-transform", isOverflowing && !isExpanded && "[mask-image:linear-gradient(to_bottom,black_70%,transparent_97.5%)]"),
-				initial: false,
-				animate: { height: isExpanded || !isOverflowing && hasCalculated ? "auto" : maxLines * 24 },
-				transition: {
-					duration: hasCalculated ? .4 : 0,
-					ease: require_utils_easings.silk
-				},
-				children
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, { children: isOverflowing && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
-				initial: { opacity: 0 },
-				animate: { opacity: 1 },
-				exit: { opacity: 0 },
-				transition: { duration: .2 },
-				onClick: () => setIsExpanded(!isExpanded),
-				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",
-				children: isExpanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex items-center gap-x-0.5",
-					children: ["Collapse ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-						name: "Chevron",
-						size: 12,
-						className: "rotate-180"
-					})]
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex items-center gap-x-2",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-x-0.5",
-						children: [
-							"Expand ",
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-								name: "Chevron",
-								size: 10
-							}),
-							" "
-						]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "absolute right-2 text-shade-mute text-xs",
-						children: [
-							"[",
-							lineCount - maxLines,
-							" more lines]"
-						]
-					})]
-				})
-			}) })
-		]
-	});
-};
-
-//#endregion
-exports.Codeblock = Codeblock;
-//# sourceMappingURL=Codeblock.cjs.map

package/dist/Codeblock.cjs.map

@@ -1 +0,0 @@
-{"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\" | 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 &&\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        {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,28 +0,0 @@
-import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime2 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;
-  animation?: MotionProps;
-  className?: string;
-  maxLines?: number;
-};
-declare const Codeblock: ({
-  children,
-  clipboardText,
-  language,
-  animation,
-  className,
-  icon,
-  showCopyButton,
-  maxLines
-}: CodeblockProps) => react_jsx_runtime2.JSX.Element;
-//#endregion
-export { Codeblock, CodeblockProps };
-//# sourceMappingURL=Codeblock.d.cts.map

package/dist/Codeblock.d.cts.map

@@ -1 +0,0 @@
-{"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,MAAA;EAEK,SAAA,CAAA,EAAA,WAAA;EAAW,SAAA,CAAA,EAAA,MAAA;EAKZ,QAAA,CAAA,EAAA,MAmKZ;CAnKyB;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,kBAAA,CAAA,GAAA,CAAA,OATS"}

package/dist/Codeblock.d.mts

@@ -1,28 +0,0 @@
-import { IconProps } from "./Icon.mjs";
-import { MotionProps } from "motion/react";
-import * as react_jsx_runtime14 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;
-  animation?: MotionProps;
-  className?: string;
-  maxLines?: number;
-};
-declare const Codeblock: ({
-  children,
-  clipboardText,
-  language,
-  animation,
-  className,
-  icon,
-  showCopyButton,
-  maxLines
-}: CodeblockProps) => react_jsx_runtime14.JSX.Element;
-//#endregion
-export { Codeblock, CodeblockProps };
-//# sourceMappingURL=Codeblock.d.mts.map

package/dist/Codeblock.d.mts.map

@@ -1 +0,0 @@
-{"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,MAAA;EAEK,SAAA,CAAA,EAAA,WAAA;EAAW,SAAA,CAAA,EAAA,MAAA;EAKZ,QAAA,CAAA,EAAA,MAmKZ;CAnKyB;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

@@ -1,164 +0,0 @@
-"use client";
-
-import { Icon } from "./Icon.mjs";
-import { CrosshairCorners } from "./CrossHair.mjs";
-import { silk } from "./utils/easings.mjs";
-import { AnimatePresence, motion } from "motion/react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { useCopyToClipboard } from "usehooks-ts";
-
-//#region src/Codeblock.tsx
-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);
-	const [lineCount, setLineCount] = useState(() => clipboardText.split("\n").length);
-	const [hasCalculated, setHasCalculated] = useState(false);
-	const codeblockRef = useRef(null);
-	useEffect(() => {
-		if (codeblockRef.current) {
-			const codeElement = codeblockRef.current.querySelector("pre code");
-			const preElement = codeblockRef.current.querySelector("pre");
-			const containerElement = codeElement || preElement;
-			if (containerElement) {
-				const lineSpans = Array.from(containerElement.children).filter((child) => child.tagName === "SPAN");
-				if (lineSpans.length > 0) {
-					setLineCount(lineSpans.length);
-					setHasCalculated(true);
-				} else {
-					setLineCount((containerElement.textContent || "").split("\n").length || 1);
-					setHasCalculated(true);
-				}
-			} else {
-				setLineCount(clipboardText.split("\n").length);
-				setHasCalculated(true);
-			}
-		}
-	}, [children, clipboardText]);
-	const isOverflowing = lineCount > maxLines;
-	const handleCopy = () => {
-		copyToClipboard(clipboardText);
-		setIsCopied(true);
-		setTimeout(() => {
-			setIsCopied(false);
-		}, 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!"),
-		...animation,
-		children: [
-			/* @__PURE__ */ jsxs(motion.div, {
-				className: classNames("px-3.5 py-2 bg-current/5 border border-current/15 flex items-center justify-between relative"),
-				children: [
-					/* @__PURE__ */ jsx(CrosshairCorners, {
-						animationDelay: 0,
-						animationDuration: .5,
-						variant: "bordered",
-						size: 6,
-						spacingX: 1
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-x-2",
-						children: [icon && /* @__PURE__ */ jsx(Icon, {
-							name: icon.name,
-							className: classNames("flex-shrink-0 text-current", icon.className),
-							size: icon.size || 16
-						}), /* @__PURE__ */ jsx("span", {
-							className: "font-mono text-sm",
-							children: language
-						})]
-					}),
-					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, {
-							mode: "popLayout",
-							children: /* @__PURE__ */ jsx(motion.div, {
-								initial: {
-									opacity: 0,
-									filter: "blur(4px)",
-									scale: .4
-								},
-								animate: {
-									opacity: 1,
-									filter: "blur(0px)",
-									scale: 1
-								},
-								exit: {
-									opacity: 0,
-									filter: "blur(4px)",
-									scale: .4
-								},
-								transition: {
-									duration: .2,
-									ease: silk
-								},
-								children: isCopied ? /* @__PURE__ */ jsx(Icon, {
-									name: "Success",
-									size: 16
-								}) : /* @__PURE__ */ jsx(Icon, {
-									name: "Copy",
-									size: 16
-								})
-							}, isCopied ? "copied" : "copy")
-						})
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx("div", { className: "inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none h-[300px]" }),
-			/* @__PURE__ */ jsx(motion.div, {
-				ref: codeblockRef,
-				className: classNames("relative text-base! overflow-hidden will-change-transform", isOverflowing && !isExpanded && "[mask-image:linear-gradient(to_bottom,black_70%,transparent_97.5%)]"),
-				initial: false,
-				animate: { height: isExpanded || !isOverflowing && hasCalculated ? "auto" : maxLines * 24 },
-				transition: {
-					duration: hasCalculated ? .4 : 0,
-					ease: silk
-				},
-				children
-			}),
-			/* @__PURE__ */ jsx(AnimatePresence, { children: isOverflowing && /* @__PURE__ */ jsx(motion.div, {
-				initial: { opacity: 0 },
-				animate: { opacity: 1 },
-				exit: { opacity: 0 },
-				transition: { duration: .2 },
-				onClick: () => setIsExpanded(!isExpanded),
-				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",
-				children: isExpanded ? /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-x-0.5",
-					children: ["Collapse ", /* @__PURE__ */ jsx(Icon, {
-						name: "Chevron",
-						size: 12,
-						className: "rotate-180"
-					})]
-				}) : /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-x-2",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-x-0.5",
-						children: [
-							"Expand ",
-							/* @__PURE__ */ jsx(Icon, {
-								name: "Chevron",
-								size: 10
-							}),
-							" "
-						]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "absolute right-2 text-shade-mute text-xs",
-						children: [
-							"[",
-							lineCount - maxLines,
-							" more lines]"
-						]
-					})]
-				})
-			}) })
-		]
-	});
-};
-
-//#endregion
-export { Codeblock };
-//# sourceMappingURL=Codeblock.mjs.map