@blueshift-gg/ui-components 0.1.50 → 0.1.51

package/dist/Checkbox.d.mts

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

package/dist/Checkbox.d.mts.map

@@ -0,0 +1 @@
+{"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 +1,57 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import { AnimatePresence, motion } from 'motion/react';
-import { crisp } from './utils/easings';
+"use client";
 
-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: 0.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"
-          }
-        )
-      }
-    ) })
-  ] }) });
+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
 //# sourceMappingURL=Checkbox.mjs.map

package/dist/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Checkbox.tsx"],"names":[],"mappings":";;;;;AAcO,MAAM,WAAW,CAAC;AAAA,EACvB,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA,GAAQ;AACV,CAAA,KAAqB;AACnB,EAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAA+C;AACxE,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,YAAA,CAAa,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,IACnC;AAAA,EACF,CAAA;AAEA,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,qDACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,UAAA;AAAA,QACL,OAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA,EAAU,iBAAA;AAAA,QACV,SAAA,EAAW,UAAA;AAAA,UACT,SAAA;AAAA,UACA,4SAAA;AAAA,UACA;AAAA,YACE,6GACE,KAAA,KAAU,SAAA;AAAA,YACZ,2FACE,KAAA,KAAU;AAAA;AACd;AACF;AAAA,KACF;AAAA,IACC,OAAA,oBACC,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAK,WAAA,EACpB,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA,CAAO,GAAA;AAAA,MAAP;AAAA,QACC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,CAAA,EAAE;AAAA,QAChC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,CAAA,EAAE;AAAA,QAChC,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,MAAM,KAAA,EAAM;AAAA,QACzC,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,CAAA,EAAE;AAAA,QAC7B,SAAA,EAAW,UAAA;AAAA,UACT,+HAAA;AAAA,UACA;AAAA,YACE,oBAAoB,KAAA,KAAU,SAAA;AAAA,YAC9B,sBAAsB,KAAA,KAAU;AAAA;AAClC;AACF;AAAA,KACD,EACH;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ","file":"Checkbox.mjs","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"]}
+{"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

@@ -0,0 +1,95 @@
+"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 }) => {
+	const [_, copyToClipboard] = (0, usehooks_ts.useCopyToClipboard)();
+	const [isCopied, setIsCopied] = (0, react.useState)(false);
+	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),
+		...animation,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.div, {
+				className: "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
+						})]
+					}),
+					/* @__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" }),
+			children
+		]
+	});
+};
+
+//#endregion
+exports.Codeblock = Codeblock;
+//# sourceMappingURL=Codeblock.cjs.map

package/dist/Codeblock.cjs.map

@@ -0,0 +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 { useState } 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};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\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      )}\n      {...animation}\n    >\n      <motion.div className=\"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\"></div>\n      {children}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAa,aAAa,EACxB,UACA,eACA,UACA,WACA,WACA,WACoB;CACpB,MAAM,CAAC,GAAG,wDAAuC;CACjD,MAAM,CAAC,UAAU,mCAAwB,MAAM;CAC/C,MAAM,mBAAmB;AACvB,kBAAgB,cAAc;AAC9B,cAAY,KAAK;AACjB,mBAAiB;AACf,eAAY,MAAM;KACjB,IAAK;;AAEV,QACE,4CAACA,oBAAO;EACN,mCACE,4GACA,aAAa,UAAU,mBACvB,aAAa,gBAAgB,yBAC7B,aAAa,cAAc,uBAC3B,YACE,aAAa,UACb,aAAa,gBACb,aAAa,cACb,sBACF,UACD;EACD,GAAI;;GAEJ,4CAACA,oBAAO;IAAI,WAAU;;KACpB,2CAACC;MACC,gBAAgB;MAChB,mBAAmB;MACnB,SAAQ;MACR,MAAM;MACN,UAAU;OACV;KACF,4CAAC;MAAI,WAAU;iBACZ,QACC,2CAACC;OACC,MAAM,KAAK;OACX,mCACE,8BACA,KAAK,UACN;OACD,MAAM,KAAK,QAAQ;QACnB,EAEJ,2CAAC;OAAK,WAAU;iBAAqB;QAAgB;OACjD;KAEN,2CAAC;MACC,eAAe,YAAY;MAC3B,WAAU;gBAEV,2CAACC;OAAgB,MAAK;iBACpB,2CAACH,oBAAO;QACN,SAAS;SAAE,SAAS;SAAG,QAAQ;SAAa,OAAO;SAAK;QACxD,SAAS;SAAE,SAAS;SAAG,QAAQ;SAAa,OAAO;SAAG;QACtD,MAAM;SAAE,SAAS;SAAG,QAAQ;SAAa,OAAO;SAAK;QACrD,YAAY;SAAE,UAAU;SAAK,MAAMI;SAAM;kBAGxC,WACC,2CAACF;SAAK,MAAK;SAAU,MAAM;UAAM,GAEjC,2CAACA;SAAK,MAAK;SAAO,MAAM;UAAM;UAL3B,WAAW,WAAW,OAOhB;QACG;OACd;;KACK;GACb,2CAAC,SAAI,WAAU,wGAA4G;GAC1H;;GACU"}

package/dist/Codeblock.d.cts

@@ -0,0 +1,24 @@
+import { IconProps } from "./Icon.cjs";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
+import { MotionProps } from "motion/react";
+
+//#region src/Codeblock.d.ts
+type CodeblockProps = {
+  children: React.ReactNode;
+  clipboardText: string;
+  icon?: IconProps;
+  language: "rust" | "typescript" | "assembly" | string;
+  animation?: MotionProps;
+  className?: string;
+};
+declare const Codeblock: ({
+  children,
+  clipboardText,
+  language,
+  animation,
+  className,
+  icon
+}: CodeblockProps) => react_jsx_runtime51.JSX.Element;
+//#endregion
+export { Codeblock, CodeblockProps };
+//# sourceMappingURL=Codeblock.d.cts.map

package/dist/Codeblock.d.cts.map

@@ -0,0 +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;CAAW;AAIZ,cAAA,SAgFZ,EAAA,CAAA;EAAA,QAAA;EAAA,aAAA;EAAA,QAAA;EAAA,SAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAzEE,cAyEF,EAAA,GAzEgB,mBAAA,CAAA,GAAA,CAAA,OAyEhB"}

package/dist/Codeblock.d.mts

@@ -1,15 +1,24 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MotionProps } from 'motion/react';
-import { a as IconProps } from './Icon-CS8ZR20W.mjs';
+import { IconProps } from "./Icon.mjs";
+import { MotionProps } from "motion/react";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
+//#region src/Codeblock.d.ts
 type CodeblockProps = {
-    children: React.ReactNode;
-    clipboardText: string;
-    icon?: IconProps;
-    language: "rust" | "typescript" | "assembly" | string;
-    animation?: MotionProps;
-    className?: string;
+  children: React.ReactNode;
+  clipboardText: string;
+  icon?: IconProps;
+  language: "rust" | "typescript" | "assembly" | string;
+  animation?: MotionProps;
+  className?: string;
 };
-declare const Codeblock: ({ children, clipboardText, language, animation, className, icon, }: CodeblockProps) => react_jsx_runtime.JSX.Element;
-
-export { Codeblock, type CodeblockProps };
+declare const Codeblock: ({
+  children,
+  clipboardText,
+  language,
+  animation,
+  className,
+  icon
+}: CodeblockProps) => react_jsx_runtime2.JSX.Element;
+//#endregion
+export { Codeblock, CodeblockProps };
+//# sourceMappingURL=Codeblock.d.mts.map

package/dist/Codeblock.d.mts.map

@@ -0,0 +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;CAAW;AAIZ,cAAA,SAgFZ,EAAA,CAAA;EAAA,QAAA;EAAA,aAAA;EAAA,QAAA;EAAA,SAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAzEE,cAyEF,EAAA,GAzEgB,kBAAA,CAAA,GAAA,CAAA,OAyEhB"}

package/dist/Codeblock.mjs

@@ -1,93 +1,93 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { motion, AnimatePresence } from 'motion/react';
-import classNames from 'classnames';
-import { CrosshairCorners } from './CrossHair';
-import { Icon } from './Icon';
-import { useCopyToClipboard } from 'usehooks-ts';
-import { useState } from 'react';
-import { silk } from './utils/easings';
+"use client";
 
-const Codeblock = ({
-  children,
-  clipboardText,
-  language,
-  animation,
-  className,
-  icon
-}) => {
-  const [_, copyToClipboard] = useCopyToClipboard();
-  const [isCopied, setIsCopied] = useState(false);
-  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
-      ),
-      ...animation,
-      children: [
-        /* @__PURE__ */ jsxs(motion.div, { className: "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: 0.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 })
-          ] }),
-          /* @__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: 0.4 },
-                  animate: { opacity: 1, filter: "blur(0px)", scale: 1 },
-                  exit: { opacity: 0, filter: "blur(4px)", scale: 0.4 },
-                  transition: { duration: 0.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" }),
-        children
-      ]
-    }
-  );
+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 { useState } from "react";
+import { useCopyToClipboard } from "usehooks-ts";
+
+//#region src/Codeblock.tsx
+const Codeblock = ({ children, clipboardText, language, animation, className, icon }) => {
+	const [_, copyToClipboard] = useCopyToClipboard();
+	const [isCopied, setIsCopied] = useState(false);
+	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),
+		...animation,
+		children: [
+			/* @__PURE__ */ jsxs(motion.div, {
+				className: "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
+						})]
+					}),
+					/* @__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" }),
+			children
+		]
+	});
 };
 
+//#endregion
 export { Codeblock };
-//# sourceMappingURL=Codeblock.mjs.map
 //# sourceMappingURL=Codeblock.mjs.map

package/dist/Codeblock.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Codeblock.tsx"],"names":[],"mappings":"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","file":"Codeblock.mjs","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 { useState } 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};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\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      )}\n      {...animation}\n    >\n      <motion.div className=\"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\"></div>\n      {children}\n    </motion.div>\n  );\n};\n"]}
+{"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 { useState } 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};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\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      )}\n      {...animation}\n    >\n      <motion.div className=\"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\"></div>\n      {children}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAa,aAAa,EACxB,UACA,eACA,UACA,WACA,WACA,WACoB;CACpB,MAAM,CAAC,GAAG,mBAAmB,oBAAoB;CACjD,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAC/C,MAAM,mBAAmB;AACvB,kBAAgB,cAAc;AAC9B,cAAY,KAAK;AACjB,mBAAiB;AACf,eAAY,MAAM;KACjB,IAAK;;AAEV,QACE,qBAAC,OAAO;EACN,WAAW,WACT,4GACA,aAAa,UAAU,mBACvB,aAAa,gBAAgB,yBAC7B,aAAa,cAAc,uBAC3B,YACE,aAAa,UACb,aAAa,gBACb,aAAa,cACb,sBACF,UACD;EACD,GAAI;;GAEJ,qBAAC,OAAO;IAAI,WAAU;;KACpB,oBAAC;MACC,gBAAgB;MAChB,mBAAmB;MACnB,SAAQ;MACR,MAAM;MACN,UAAU;OACV;KACF,qBAAC;MAAI,WAAU;iBACZ,QACC,oBAAC;OACC,MAAM,KAAK;OACX,WAAW,WACT,8BACA,KAAK,UACN;OACD,MAAM,KAAK,QAAQ;QACnB,EAEJ,oBAAC;OAAK,WAAU;iBAAqB;QAAgB;OACjD;KAEN,oBAAC;MACC,eAAe,YAAY;MAC3B,WAAU;gBAEV,oBAAC;OAAgB,MAAK;iBACpB,oBAAC,OAAO;QACN,SAAS;SAAE,SAAS;SAAG,QAAQ;SAAa,OAAO;SAAK;QACxD,SAAS;SAAE,SAAS;SAAG,QAAQ;SAAa,OAAO;SAAG;QACtD,MAAM;SAAE,SAAS;SAAG,QAAQ;SAAa,OAAO;SAAK;QACrD,YAAY;SAAE,UAAU;SAAK,MAAM;SAAM;kBAGxC,WACC,oBAAC;SAAK,MAAK;SAAU,MAAM;UAAM,GAEjC,oBAAC;SAAK,MAAK;SAAO,MAAM;UAAM;UAL3B,WAAW,WAAW,OAOhB;QACG;OACd;;KACK;GACb,oBAAC,SAAI,WAAU,wGAA4G;GAC1H;;GACU"}