@blueshift-gg/ui-components 0.1.49 → 0.1.51

package/dist/Button.cjs

@@ -0,0 +1,71 @@
+"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_DecryptText = require('./DecryptText.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");
+
+//#region src/Button.tsx
+const Button = ({ label, variant = "primary", size = "lg", className = "", onClick, disabled = false, icon, iconPosition = "left", loading = false, crosshairProps = { variant: "corners" }, hideLabel, animation, useHoverEffect = true, onMouseEnter, onMouseLeave, type = "button", children, useDecryptAnimation = true }) => {
+	const [isHovering, setIsHovering] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.button, {
+		type,
+		disabled,
+		onClick,
+		onMouseEnter: () => {
+			setIsHovering(true);
+			onMouseEnter?.();
+		},
+		onMouseLeave: () => {
+			setIsHovering(false);
+			onMouseLeave?.();
+		},
+		className: (0, classnames.default)("relative enabled:cursor-pointer group enabled:active:scale-[0.97] transition-all duration-100 ease-glide font-mono", "disabled:opacity-40 flex items-center justify-center gap-x-2 leading-[18px]", variant === "primary" && "bg-primary-button text-background gradient-border before:bg-primary-button-border", variant === "secondary" && "bg-card-foreground text-shade-secondary gradient-border before:bg-secondary-button-border", variant === "outline" && "bg-transparent text-shade-secondary gradient-border before:bg-border hover:before:bg-border-light hover:text-shade-primary", variant === "link" && "text-shade-secondary hover:text-shade-primary", size === "lg" && "py-4 pl-6 pr-6 text-base", size === "md" && "py-3 pl-4 pr-4 text-sm", size === "sm" && "py-2 pl-3 pr-3 text-sm leading-[20px]", size === "xs" && "text-[10px] px-3 py-1.5", size === "lg" && hideLabel && "h-[50px] w-[50px] justify-center !pr-0 !pl-0", size === "md" && hideLabel && "h-[42px] w-[42px] justify-center !pr-0 !pl-0", size === "sm" && hideLabel && "h-[36px] w-[36px] justify-center !pr-0 !pl-0", size === "lg" && !!icon && iconPosition === "right" && "pl-6 pr-[22px]", size === "lg" && !!icon && iconPosition === "left" && "pl-[22px] pr-6", size === "md" && !!icon && iconPosition === "right" && "pl-4 pr-[18px]", size === "md" && !!icon && iconPosition === "left" && "pl-[18px] pr-4", size === "sm" && !!icon && iconPosition === "right" && "pl-3 pr-[14px]", size === "sm" && !!icon && iconPosition === "left" && "pl-[14px] pr-3", className),
+		...animation,
+		children: [
+			crosshairProps && variant !== "outline" && variant !== "link" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, classnames.default)("will-change-transform absolute transition-all duration-50 ease-glide inset-0", variant === "secondary" && "text-shade-mute", variant === "primary" && "text-background", crosshairProps.variant === "corners" && useHoverEffect && "inset-0.5 group-enabled:group-active:inset-1 group-enabled:group-hover:text-shade-primary group-enabled:group-active:text-current", crosshairProps.variant === "corners" && useHoverEffect && size === "lg" && "group-enabled:group-hover:inset-[-4px]", crosshairProps.variant === "corners" && useHoverEffect && size === "md" && "group-enabled:group-hover:inset-[-3px]", crosshairProps.variant === "corners" && useHoverEffect && size !== "lg" && size !== "md" && "group-enabled:group-hover:inset-[-2px]", crosshairProps.variant === "cross" && useHoverEffect && "-inset-1 text-shade-primary", crosshairProps.variant === "bordered" && useHoverEffect && "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"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CrossHair.CrosshairCorners, {
+					size: size === "xs" ? 3 : size === "sm" ? 4 : 6,
+					animationDelay: 0,
+					variant: crosshairProps.variant,
+					animationDuration: 1.5,
+					...crosshairProps
+				})
+			}),
+			icon && iconPosition === "left" && size !== "xs" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.isValidElement)(icon) ? loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				size: icon.props.size || 18,
+				name: "Loading",
+				className: "flex-shrink-0"
+			}) : icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				size: icon.size,
+				name: loading ? "Loading" : icon.name,
+				className: (0, classnames.default)(icon.className, "flex-shrink-0")
+			}) }),
+			children && children,
+			!hideLabel && label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DecryptText.default, {
+				speed: label.length / .6,
+				isHovering: isHovering && !disabled && useDecryptAnimation,
+				text: label
+			}),
+			icon && iconPosition === "right" && size !== "xs" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.isValidElement)(icon) ? loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				size: icon.props.size || 18,
+				name: "Loading",
+				className: "flex-shrink-0"
+			}) : icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				size: icon.size,
+				name: loading ? "Loading" : icon.name,
+				className: (0, classnames.default)(icon.className, "flex-shrink-0")
+			}) })
+		]
+	});
+};
+
+//#endregion
+exports.Button = Button;
+//# sourceMappingURL=Button.cjs.map

package/dist/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","names":["motion","CrosshairCorners","Icon","DecryptedText"],"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,qCAA0B,MAAM;AACnD,QACE,4CAACA,oBAAO;EACA;EACI;EACD;EACT,oBAAoB;AAClB,iBAAc,KAAK;AACnB,mBAAgB;;EAElB,oBAAoB;AAClB,iBAAc,MAAM;AACpB,mBAAgB;;EAElB,mCAEE,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,2CAAC;IACC,mCACE,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,2CAACC;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,6GAEkB,KAAK,GACnB,UACE,2CAACC;IACC,MAAO,KAAK,MAAc,QAAQ;IAClC,MAAK;IACL,WAAU;KACV,GAEF,OAIF,2CAACA;IACC,MAAO,KAAa;IACpB,MAAM,UAAU,YAAa,KAAa;IAC1C,mCAAuB,KAAa,WAAW,gBAAgB;KAC/D,GAEH;GAEJ,YAAY;GACZ,CAAC,aAAa,SACb,2CAACC;IACC,OAAO,MAAM,SAAS;IACtB,YAAY,cAAc,CAAC,YAAY;IACvC,MAAM;KACN;GAEH,QAAQ,iBAAiB,WAAW,SAAS,QAC5C,6GACkB,KAAK,GACnB,UACE,2CAACD;IACC,MAAO,KAAK,MAAc,QAAQ;IAClC,MAAK;IACL,WAAU;KACV,GAEF,OAGF,2CAACA;IACC,MAAO,KAAa;IACpB,MAAM,UAAU,YAAa,KAAa;IAC1C,mCAAuB,KAAa,WAAW,gBAAgB;KAC/D,GAEH;;GAES"}

package/dist/Button.d.cts

@@ -0,0 +1,53 @@
+import { CrosshairCornersProps } from "./CrossHair.cjs";
+import { IconName } from "./icons/index.cjs";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+import { MotionProps } from "motion/react";
+
+//#region src/Button.d.ts
+type ButtonProps = {
+  className?: string;
+  disabled?: boolean;
+  children?: React.ReactNode;
+  icon?: {
+    name: IconName;
+    className?: string;
+    size?: number;
+  } | React.ReactNode;
+  iconPosition?: "left" | "right";
+  hideLabel?: boolean;
+  label?: string;
+  loading?: boolean;
+  onClick?: () => void;
+  onMouseEnter?: () => void;
+  onMouseLeave?: () => void;
+  size?: "xs" | "sm" | "md" | "lg";
+  variant?: "primary" | "secondary" | "outline" | "link";
+  crosshairProps?: CrosshairCornersProps;
+  useHoverEffect?: boolean;
+  animation?: MotionProps;
+  useDecryptAnimation?: boolean;
+  type?: "button" | "submit";
+};
+declare const Button: ({
+  label,
+  variant,
+  size,
+  className,
+  onClick,
+  disabled,
+  icon,
+  iconPosition,
+  loading,
+  crosshairProps,
+  hideLabel,
+  animation,
+  useHoverEffect,
+  onMouseEnter,
+  onMouseLeave,
+  type,
+  children,
+  useDecryptAnimation
+}: ButtonProps) => react_jsx_runtime2.JSX.Element;
+//#endregion
+export { Button, ButtonProps };
+//# sourceMappingURL=Button.d.cts.map

package/dist/Button.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.cts","names":[],"sources":["../src/Button.tsx"],"sourcesContent":[],"mappings":";;;;;;KAUY,WAAA;;;EAAA,QAAA,CAAA,EAGC,KAAA,CAAM,SAHI;EAGV,IAAM,CAAA,EAAA;IAGL,IAAA,EAAA,QAAA;IAIF,SAAA,CAAA,EAAA,MAAA;IAUO,IAAA,CAAA,EAAA,MAAA;EAEL,CAAA,GAZR,KAAA,CAAM,SAYE;EAAW,YAAA,CAAA,EAAA,MAAA,GAAA,OAAA;EAKZ,SAuKZ,CAAA,EAAA,OAAA;EAvKsB,KAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,YAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,YAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,WAAA,GAAA,SAAA,GAAA,MAAA;EAAA,cAAA,CAAA,EAPJ,qBAOI;EAAA,cAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EALT,WAKS;EAAA,mBAAA,CAAA,EAAA,OAAA;EAAA,IAAA,CAAA,EAAA,QAAA,GAAA,QAAA;CAAA;AAAA,cAAV,MAAU,EAAA,CAAA;EAAA,KAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,IAAA;EAAA,YAAA;EAAA,OAAA;EAAA,cAAA;EAAA,SAAA;EAAA,SAAA;EAAA,cAAA;EAAA,YAAA;EAAA,YAAA;EAAA,IAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAqBpB,WArBoB,EAAA,GAqBT,kBAAA,CAAA,GAAA,CAAA,OArBS"}

package/dist/Button.d.mts

@@ -1,31 +1,53 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MotionProps } from 'motion/react';
-import { CrosshairCornersProps } from './CrossHair.mjs';
-import { c as IconName } from './Icon-CuvV8l9m.mjs';
+import { CrosshairCornersProps } from "./CrossHair.mjs";
+import { IconName } from "./icons/index.mjs";
+import { MotionProps } from "motion/react";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
+//#region src/Button.d.ts
 type ButtonProps = {
+  className?: string;
+  disabled?: boolean;
+  children?: React.ReactNode;
+  icon?: {
+    name: IconName;
     className?: string;
-    disabled?: boolean;
-    children?: React.ReactNode;
-    icon?: {
-        name: IconName;
-        className?: string;
-        size?: number;
-    } | React.ReactNode;
-    iconPosition?: "left" | "right";
-    hideLabel?: boolean;
-    label?: string;
-    loading?: boolean;
-    onClick?: () => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-    size?: "xs" | "sm" | "md" | "lg";
-    variant?: "primary" | "secondary" | "outline" | "link";
-    crosshairProps?: CrosshairCornersProps;
-    useHoverEffect?: boolean;
-    animation?: MotionProps;
-    useDecryptAnimation?: boolean;
+    size?: number;
+  } | React.ReactNode;
+  iconPosition?: "left" | "right";
+  hideLabel?: boolean;
+  label?: string;
+  loading?: boolean;
+  onClick?: () => void;
+  onMouseEnter?: () => void;
+  onMouseLeave?: () => void;
+  size?: "xs" | "sm" | "md" | "lg";
+  variant?: "primary" | "secondary" | "outline" | "link";
+  crosshairProps?: CrosshairCornersProps;
+  useHoverEffect?: boolean;
+  animation?: MotionProps;
+  useDecryptAnimation?: boolean;
+  type?: "button" | "submit";
 };
-declare const Button: ({ label, variant, size, className, onClick, disabled, icon, iconPosition, loading, crosshairProps, hideLabel, animation, useHoverEffect, onMouseEnter, onMouseLeave, children, useDecryptAnimation, }: ButtonProps) => react_jsx_runtime.JSX.Element;
-
-export { Button, type ButtonProps };
+declare const Button: ({
+  label,
+  variant,
+  size,
+  className,
+  onClick,
+  disabled,
+  icon,
+  iconPosition,
+  loading,
+  crosshairProps,
+  hideLabel,
+  animation,
+  useHoverEffect,
+  onMouseEnter,
+  onMouseLeave,
+  type,
+  children,
+  useDecryptAnimation
+}: ButtonProps) => react_jsx_runtime5.JSX.Element;
+//#endregion
+export { Button, ButtonProps };
+//# sourceMappingURL=Button.d.mts.map

package/dist/Button.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.mts","names":[],"sources":["../src/Button.tsx"],"sourcesContent":[],"mappings":";;;;;;KAUY,WAAA;;;EAAA,QAAA,CAAA,EAGC,KAAA,CAAM,SAHI;EAGV,IAAM,CAAA,EAAA;IAGL,IAAA,EAAA,QAAA;IAIF,SAAA,CAAA,EAAA,MAAA;IAUO,IAAA,CAAA,EAAA,MAAA;EAEL,CAAA,GAZR,KAAA,CAAM,SAYE;EAAW,YAAA,CAAA,EAAA,MAAA,GAAA,OAAA;EAKZ,SAuKZ,CAAA,EAAA,OAAA;EAvKsB,KAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,YAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,YAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,WAAA,GAAA,SAAA,GAAA,MAAA;EAAA,cAAA,CAAA,EAPJ,qBAOI;EAAA,cAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EALT,WAKS;EAAA,mBAAA,CAAA,EAAA,OAAA;EAAA,IAAA,CAAA,EAAA,QAAA,GAAA,QAAA;CAAA;AAAA,cAAV,MAAU,EAAA,CAAA;EAAA,KAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,IAAA;EAAA,YAAA;EAAA,OAAA;EAAA,cAAA;EAAA,SAAA;EAAA,SAAA;EAAA,cAAA;EAAA,YAAA;EAAA,YAAA;EAAA,IAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAqBpB,WArBoB,EAAA,GAqBT,kBAAA,CAAA,GAAA,CAAA,OArBS"}

package/dist/Button.mjs

@@ -1,148 +1,69 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { motion } from 'motion/react';
-import classNames from 'classnames';
-import { Icon } from './Icon';
-import { CrosshairCorners } from './CrossHair';
-import DecryptedText from './DecryptText';
-import { useState, isValidElement } from 'react';
+"use client";
 
-const Button = ({
-  label,
-  variant = "primary",
-  size = "lg",
-  className = "",
-  onClick,
-  disabled = false,
-  icon,
-  iconPosition = "left",
-  loading = false,
-  crosshairProps = {
-    variant: "corners"
-  },
-  hideLabel,
-  animation,
-  useHoverEffect = true,
-  onMouseEnter,
-  onMouseLeave,
-  children,
-  useDecryptAnimation = true
-}) => {
-  const [isHovering, setIsHovering] = useState(false);
-  return /* @__PURE__ */ jsxs(
-    motion.button,
-    {
-      disabled,
-      onClick,
-      onMouseEnter: () => {
-        setIsHovering(true);
-        onMouseEnter?.();
-      },
-      onMouseLeave: () => {
-        setIsHovering(false);
-        onMouseLeave?.();
-      },
-      className: classNames(
-        // Animation
-        "relative enabled:cursor-pointer group enabled:active:scale-[0.97] transition-all duration-100 ease-glide font-mono",
-        // Base Styles
-        "disabled:opacity-40 flex items-center justify-center gap-x-2 leading-[18px]",
-        // Themes
-        variant === "primary" && "bg-primary-button text-background gradient-border before:bg-primary-button-border",
-        variant === "secondary" && "bg-card-foreground text-shade-secondary gradient-border before:bg-secondary-button-border",
-        variant === "outline" && "bg-transparent text-shade-secondary gradient-border before:bg-border hover:before:bg-border-light hover:text-shade-primary",
-        variant === "link" && "text-shade-secondary hover:text-shade-primary",
-        // Sizes
-        size === "lg" && "py-4 pl-6 pr-6 text-base",
-        size === "md" && "py-3 pl-4 pr-4 text-sm",
-        size === "sm" && "py-2 pl-3 pr-3 text-sm leading-[20px]",
-        size === "xs" && "text-[10px] px-3 py-1.5",
-        size === "lg" && hideLabel && "h-[50px] w-[50px] justify-center !pr-0 !pl-0",
-        size === "md" && hideLabel && "h-[42px] w-[42px] justify-center !pr-0 !pl-0",
-        size === "sm" && hideLabel && "h-[36px] w-[36px] justify-center !pr-0 !pl-0",
-        // Icon offsets
-        size === "lg" && !!icon && iconPosition === "right" && "pl-6 pr-[22px]",
-        size === "lg" && !!icon && iconPosition === "left" && "pl-[22px] pr-6",
-        size === "md" && !!icon && iconPosition === "right" && "pl-4 pr-[18px]",
-        size === "md" && !!icon && iconPosition === "left" && "pl-[18px] pr-4",
-        size === "sm" && !!icon && iconPosition === "right" && "pl-3 pr-[14px]",
-        size === "sm" && !!icon && iconPosition === "left" && "pl-[14px] pr-3",
-        className
-      ),
-      ...animation,
-      children: [
-        crosshairProps && variant !== "outline" && variant !== "link" && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classNames(
-              "will-change-transform absolute transition-all duration-50 ease-glide inset-0",
-              variant === "secondary" && "text-shade-mute",
-              variant === "primary" && "text-background",
-              crosshairProps.variant === "corners" && useHoverEffect && "inset-0.5 group-enabled:group-active:inset-1 group-enabled:group-hover:text-shade-primary group-enabled:group-active:text-current",
-              crosshairProps.variant === "corners" && useHoverEffect && size === "lg" && "group-enabled:group-hover:inset-[-4px]",
-              crosshairProps.variant === "corners" && useHoverEffect && size === "md" && "group-enabled:group-hover:inset-[-3px]",
-              crosshairProps.variant === "corners" && useHoverEffect && size !== "lg" && size !== "md" && "group-enabled:group-hover:inset-[-2px]",
-              crosshairProps.variant === "cross" && useHoverEffect && "-inset-1 text-shade-primary",
-              crosshairProps.variant === "bordered" && useHoverEffect && "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"
-            ),
-            children: /* @__PURE__ */ jsx(
-              CrosshairCorners,
-              {
-                size: size === "xs" ? 3 : size === "sm" ? 4 : 6,
-                animationDelay: 0,
-                variant: crosshairProps.variant,
-                animationDuration: 1.5,
-                ...crosshairProps
-              }
-            )
-          }
-        ),
-        icon && iconPosition === "left" && size !== "xs" && /* @__PURE__ */ jsx(Fragment, { children: isValidElement(icon) ? loading ? /* @__PURE__ */ jsx(
-          Icon,
-          {
-            size: icon.props.size || 18,
-            name: "Loading",
-            className: "flex-shrink-0"
-          }
-        ) : icon : (
-          /* Icon config object */
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              size: icon.size,
-              name: loading ? "Loading" : icon.name,
-              className: classNames(icon.className, "flex-shrink-0")
-            }
-          )
-        ) }),
-        children && children,
-        !hideLabel && label && /* @__PURE__ */ jsx(
-          DecryptedText,
-          {
-            speed: label.length / 0.6,
-            isHovering: isHovering && !disabled && useDecryptAnimation,
-            text: label
-          }
-        ),
-        icon && iconPosition === "right" && size !== "xs" && /* @__PURE__ */ jsx(Fragment, { children: isValidElement(icon) ? loading ? /* @__PURE__ */ jsx(
-          Icon,
-          {
-            size: icon.props.size || 18,
-            name: "Loading",
-            className: "flex-shrink-0"
-          }
-        ) : icon : /* @__PURE__ */ jsx(
-          Icon,
-          {
-            size: icon.size,
-            name: loading ? "Loading" : icon.name,
-            className: classNames(icon.className, "flex-shrink-0")
-          }
-        ) })
-      ]
-    }
-  );
+import { Icon } from "./Icon.mjs";
+import { CrosshairCorners } from "./CrossHair.mjs";
+import DecryptedText from "./DecryptText.mjs";
+import { motion } from "motion/react";
+import classNames from "classnames";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { isValidElement, useState } from "react";
+
+//#region src/Button.tsx
+const Button = ({ label, variant = "primary", size = "lg", className = "", onClick, disabled = false, icon, iconPosition = "left", loading = false, crosshairProps = { variant: "corners" }, hideLabel, animation, useHoverEffect = true, onMouseEnter, onMouseLeave, type = "button", children, useDecryptAnimation = true }) => {
+	const [isHovering, setIsHovering] = useState(false);
+	return /* @__PURE__ */ jsxs(motion.button, {
+		type,
+		disabled,
+		onClick,
+		onMouseEnter: () => {
+			setIsHovering(true);
+			onMouseEnter?.();
+		},
+		onMouseLeave: () => {
+			setIsHovering(false);
+			onMouseLeave?.();
+		},
+		className: classNames("relative enabled:cursor-pointer group enabled:active:scale-[0.97] transition-all duration-100 ease-glide font-mono", "disabled:opacity-40 flex items-center justify-center gap-x-2 leading-[18px]", variant === "primary" && "bg-primary-button text-background gradient-border before:bg-primary-button-border", variant === "secondary" && "bg-card-foreground text-shade-secondary gradient-border before:bg-secondary-button-border", variant === "outline" && "bg-transparent text-shade-secondary gradient-border before:bg-border hover:before:bg-border-light hover:text-shade-primary", variant === "link" && "text-shade-secondary hover:text-shade-primary", size === "lg" && "py-4 pl-6 pr-6 text-base", size === "md" && "py-3 pl-4 pr-4 text-sm", size === "sm" && "py-2 pl-3 pr-3 text-sm leading-[20px]", size === "xs" && "text-[10px] px-3 py-1.5", size === "lg" && hideLabel && "h-[50px] w-[50px] justify-center !pr-0 !pl-0", size === "md" && hideLabel && "h-[42px] w-[42px] justify-center !pr-0 !pl-0", size === "sm" && hideLabel && "h-[36px] w-[36px] justify-center !pr-0 !pl-0", size === "lg" && !!icon && iconPosition === "right" && "pl-6 pr-[22px]", size === "lg" && !!icon && iconPosition === "left" && "pl-[22px] pr-6", size === "md" && !!icon && iconPosition === "right" && "pl-4 pr-[18px]", size === "md" && !!icon && iconPosition === "left" && "pl-[18px] pr-4", size === "sm" && !!icon && iconPosition === "right" && "pl-3 pr-[14px]", size === "sm" && !!icon && iconPosition === "left" && "pl-[14px] pr-3", className),
+		...animation,
+		children: [
+			crosshairProps && variant !== "outline" && variant !== "link" && /* @__PURE__ */ jsx("div", {
+				className: classNames("will-change-transform absolute transition-all duration-50 ease-glide inset-0", variant === "secondary" && "text-shade-mute", variant === "primary" && "text-background", crosshairProps.variant === "corners" && useHoverEffect && "inset-0.5 group-enabled:group-active:inset-1 group-enabled:group-hover:text-shade-primary group-enabled:group-active:text-current", crosshairProps.variant === "corners" && useHoverEffect && size === "lg" && "group-enabled:group-hover:inset-[-4px]", crosshairProps.variant === "corners" && useHoverEffect && size === "md" && "group-enabled:group-hover:inset-[-3px]", crosshairProps.variant === "corners" && useHoverEffect && size !== "lg" && size !== "md" && "group-enabled:group-hover:inset-[-2px]", crosshairProps.variant === "cross" && useHoverEffect && "-inset-1 text-shade-primary", crosshairProps.variant === "bordered" && useHoverEffect && "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"),
+				children: /* @__PURE__ */ jsx(CrosshairCorners, {
+					size: size === "xs" ? 3 : size === "sm" ? 4 : 6,
+					animationDelay: 0,
+					variant: crosshairProps.variant,
+					animationDuration: 1.5,
+					...crosshairProps
+				})
+			}),
+			icon && iconPosition === "left" && size !== "xs" && /* @__PURE__ */ jsx(Fragment, { children: isValidElement(icon) ? loading ? /* @__PURE__ */ jsx(Icon, {
+				size: icon.props.size || 18,
+				name: "Loading",
+				className: "flex-shrink-0"
+			}) : icon : /* @__PURE__ */ jsx(Icon, {
+				size: icon.size,
+				name: loading ? "Loading" : icon.name,
+				className: classNames(icon.className, "flex-shrink-0")
+			}) }),
+			children && children,
+			!hideLabel && label && /* @__PURE__ */ jsx(DecryptedText, {
+				speed: label.length / .6,
+				isHovering: isHovering && !disabled && useDecryptAnimation,
+				text: label
+			}),
+			icon && iconPosition === "right" && size !== "xs" && /* @__PURE__ */ jsx(Fragment, { children: isValidElement(icon) ? loading ? /* @__PURE__ */ jsx(Icon, {
+				size: icon.props.size || 18,
+				name: "Loading",
+				className: "flex-shrink-0"
+			}) : icon : /* @__PURE__ */ jsx(Icon, {
+				size: icon.size,
+				name: loading ? "Loading" : icon.name,
+				className: classNames(icon.className, "flex-shrink-0")
+			}) })
+		]
+	});
 };
 
+//#endregion
 export { Button };
-//# sourceMappingURL=Button.mjs.map
 //# sourceMappingURL=Button.mjs.map

package/dist/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Button.tsx"],"names":[],"mappings":"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","file":"Button.mjs","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};\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  children,\n  useDecryptAnimation = true,\n}: ButtonProps) => {\n  const [isHovering, setIsHovering] = useState(false);\n  return (\n    <motion.button\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"]}
+{"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

@@ -0,0 +1,59 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+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";
+};
+declare const Checkbox: ({
+  checked,
+  className,
+  disabled,
+  handleChange,
+  theme
+}: CheckboxProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+export { Checkbox, CheckboxProps };
+//# sourceMappingURL=Checkbox.d.cts.map

package/dist/Checkbox.d.cts.map

@@ -0,0 +1 @@
+{"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"}