@blueshift-gg/ui-components 0.1.74 → 0.1.76

package/dist/Badge.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.cjs","names":["motion","BRAND_COLOURS","CrosshairCorners","Icon"],"sources":["../src/Badge.tsx"],"sourcesContent":["\"use client\";\n\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type BadgeProps = {\n  className?: string;\n  label?: string;\n  variant?: BrandColour;\n  icon?: IconProps | ReactNode;\n  iconPosition?: \"left\" | \"right\";\n  crosshair?: CrosshairCornersProps;\n  size?: \"xs\" | \"sm\" | \"md\";\n  animation?: MotionProps;\n};\n\nexport const Badge = ({\n  className,\n  variant,\n  icon,\n  crosshair,\n  iconPosition = \"left\",\n  label,\n  size = \"sm\",\n  animation,\n}: BadgeProps) => {\n  return (\n    <motion.div\n      style={{\n        color:\n          BRAND_COLOURS[variant?.toLowerCase() as BrandColour] ?? \"secondary\",\n      }}\n      className={classNames(\n        \"shadow-[inset_0px_0px_6px]  bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1\",\n        size === \"md\" && \"!py-2 text-sm\",\n        size === \"sm\" && \"text-sm leading-[16px]\",\n        size === \"xs\" && \"text-xs leading-[100%]\",\n        !label && \"!p-2 !justify-center\",\n        !icon && \"!py-1 !px-2\",\n        iconPosition === \"left\" && label && !!icon && \"pl-1.5 pr-2\",\n        iconPosition === \"right\" && label && !!icon && \"pl-2 pr-1.5\",\n        crosshair?.variant === \"bordered\" &&\n          label &&\n          iconPosition === \"left\" &&\n          \"pl-2.5 pr-3\",\n        crosshair?.variant === \"bordered\" &&\n          label &&\n          iconPosition === \"right\" &&\n          \"pl-3 pr-2.5\",\n        className,\n      )}\n      {...animation}\n    >\n      <div className={classNames(\"text-current absolute inset-0\")}>\n        <CrosshairCorners\n          key={isValidElement(icon) ? \"custom-icon\" : (icon as IconProps)?.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\", crosshair?.className)}\n          corners={crosshair?.corners}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 4}\n        />\n      </div>\n      {icon && iconPosition === \"left\" && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                (icon as IconProps).className,\n                \"flex-shrink-0 text-current\",\n              )}\n              size={(icon as IconProps).size || 14}\n            />\n          )}\n        </>\n      )}\n      {label && <span className=\"font-mono\">{label}</span>}\n      {icon && iconPosition === \"right\" && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                (icon as IconProps).className,\n                \"flex-shrink-0 text-current\",\n              )}\n              size={(icon as IconProps).size || 14}\n            />\n          )}\n        </>\n      )}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAa,SAAS,EACpB,WACA,SACA,MACA,WACA,eAAe,QACf,OACA,OAAO,MACP,gBACgB;AAChB,QACE,4CAACA,oBAAO;EACN,OAAO,EACL,OACEC,oCAAc,SAAS,aAAa,KAAoB,aAC3D;EACD,mCACE,sMACA,SAAS,QAAQ,iBACjB,SAAS,QAAQ,0BACjB,SAAS,QAAQ,0BACjB,CAAC,SAAS,wBACV,CAAC,QAAQ,eACT,iBAAiB,UAAU,SAAS,CAAC,CAAC,QAAQ,eAC9C,iBAAiB,WAAW,SAAS,CAAC,CAAC,QAAQ,eAC/C,WAAW,YAAY,cACrB,SACA,iBAAiB,UACjB,eACF,WAAW,YAAY,cACrB,SACA,iBAAiB,WACjB,eACF,UACD;EACD,GAAI;;GAEJ,2CAAC;IAAI,mCAAsB,gCAAgC;cACzD,2CAACC;KAEC,SAAS,WAAW;KACpB,mCAAsB,gBAAgB,WAAW,UAAU;KAC3D,SAAS,WAAW;KACpB,gBAAgB,WAAW,kBAAkB;KAC7C,mBAAmB,WAAW,qBAAqB;KACnD,MAAM,WAAW,QAAQ;iCANL,KAAK,GAAG,gBAAiB,MAAoB,KAOjE;KACE;GACL,QAAQ,iBAAiB,UACxB,6GACkB,KAAK,GACnB,OAEA,2CAACC;IACC,MAAO,KAAmB;IAC1B,mCACG,KAAmB,WACpB,6BACD;IACD,MAAO,KAAmB,QAAQ;KAClC,GAEH;GAEJ,SAAS,2CAAC;IAAK,WAAU;cAAa;KAAa;GACnD,QAAQ,iBAAiB,WACxB,6GACkB,KAAK,GACnB,OAEA,2CAACA;IACC,MAAO,KAAmB;IAC1B,mCACG,KAAmB,WACpB,6BACD;IACD,MAAO,KAAmB,QAAQ;KAClC,GAEH;;GAEM"}

package/dist/Badge.d.cts

@@ -1,31 +0,0 @@
-import { CrosshairCornersProps } from "./CrossHair.cjs";
-import { BrandColour } from "./utils/colours.cjs";
-import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
-import { MotionProps } from "motion/react";
-import { ReactNode } from "react";
-
-//#region src/Badge.d.ts
-type BadgeProps = {
-  className?: string;
-  label?: string;
-  variant?: BrandColour;
-  icon?: IconProps | ReactNode;
-  iconPosition?: "left" | "right";
-  crosshair?: CrosshairCornersProps;
-  size?: "xs" | "sm" | "md";
-  animation?: MotionProps;
-};
-declare const Badge: ({
-  className,
-  variant,
-  icon,
-  crosshair,
-  iconPosition,
-  label,
-  size,
-  animation
-}: BadgeProps) => react_jsx_runtime1.JSX.Element;
-//#endregion
-export { Badge, BadgeProps };
-//# sourceMappingURL=Badge.d.cts.map

package/dist/Badge.d.cts.map

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

package/dist/Badge.d.mts

@@ -1,31 +0,0 @@
-import { CrosshairCornersProps } from "./CrossHair.mjs";
-import { BrandColour } from "./utils/colours.mjs";
-import { IconProps } from "./Icon.mjs";
-import { MotionProps } from "motion/react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
-import { ReactNode } from "react";
-
-//#region src/Badge.d.ts
-type BadgeProps = {
-  className?: string;
-  label?: string;
-  variant?: BrandColour;
-  icon?: IconProps | ReactNode;
-  iconPosition?: "left" | "right";
-  crosshair?: CrosshairCornersProps;
-  size?: "xs" | "sm" | "md";
-  animation?: MotionProps;
-};
-declare const Badge: ({
-  className,
-  variant,
-  icon,
-  crosshair,
-  iconPosition,
-  label,
-  size,
-  animation
-}: BadgeProps) => react_jsx_runtime12.JSX.Element;
-//#endregion
-export { Badge, BadgeProps };
-//# sourceMappingURL=Badge.d.mts.map

package/dist/Badge.d.mts.map

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

package/dist/Badge.mjs

@@ -1,49 +0,0 @@
-"use client";
-
-import { BRAND_COLOURS } from "./utils/colours.mjs";
-import { Icon } from "./Icon.mjs";
-import { CrosshairCorners } from "./CrossHair.mjs";
-import { motion } from "motion/react";
-import classNames from "classnames";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { isValidElement } from "react";
-
-//#region src/Badge.tsx
-const Badge = ({ className, variant, icon, crosshair, iconPosition = "left", label, size = "sm", animation }) => {
-	return /* @__PURE__ */ jsxs(motion.div, {
-		style: { color: BRAND_COLOURS[variant?.toLowerCase()] ?? "secondary" },
-		className: classNames("shadow-[inset_0px_0px_6px]  bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1", size === "md" && "!py-2 text-sm", size === "sm" && "text-sm leading-[16px]", size === "xs" && "text-xs leading-[100%]", !label && "!p-2 !justify-center", !icon && "!py-1 !px-2", iconPosition === "left" && label && !!icon && "pl-1.5 pr-2", iconPosition === "right" && label && !!icon && "pl-2 pr-1.5", crosshair?.variant === "bordered" && label && iconPosition === "left" && "pl-2.5 pr-3", crosshair?.variant === "bordered" && label && iconPosition === "right" && "pl-3 pr-2.5", className),
-		...animation,
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: classNames("text-current absolute inset-0"),
-				children: /* @__PURE__ */ jsx(CrosshairCorners, {
-					variant: crosshair?.variant,
-					className: classNames("text-current", crosshair?.className),
-					corners: crosshair?.corners,
-					animationDelay: crosshair?.animationDelay || 0,
-					animationDuration: crosshair?.animationDuration || 1.5,
-					size: crosshair?.size || 4
-				}, isValidElement(icon) ? "custom-icon" : icon?.name)
-			}),
-			icon && iconPosition === "left" && /* @__PURE__ */ jsx(Fragment, { children: isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon, {
-				name: icon.name,
-				className: classNames(icon.className, "flex-shrink-0 text-current"),
-				size: icon.size || 14
-			}) }),
-			label && /* @__PURE__ */ jsx("span", {
-				className: "font-mono",
-				children: label
-			}),
-			icon && iconPosition === "right" && /* @__PURE__ */ jsx(Fragment, { children: isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon, {
-				name: icon.name,
-				className: classNames(icon.className, "flex-shrink-0 text-current"),
-				size: icon.size || 14
-			}) })
-		]
-	});
-};
-
-//#endregion
-export { Badge };
-//# sourceMappingURL=Badge.mjs.map

package/dist/Badge.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.mjs","names":[],"sources":["../src/Badge.tsx"],"sourcesContent":["\"use client\";\n\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type BadgeProps = {\n  className?: string;\n  label?: string;\n  variant?: BrandColour;\n  icon?: IconProps | ReactNode;\n  iconPosition?: \"left\" | \"right\";\n  crosshair?: CrosshairCornersProps;\n  size?: \"xs\" | \"sm\" | \"md\";\n  animation?: MotionProps;\n};\n\nexport const Badge = ({\n  className,\n  variant,\n  icon,\n  crosshair,\n  iconPosition = \"left\",\n  label,\n  size = \"sm\",\n  animation,\n}: BadgeProps) => {\n  return (\n    <motion.div\n      style={{\n        color:\n          BRAND_COLOURS[variant?.toLowerCase() as BrandColour] ?? \"secondary\",\n      }}\n      className={classNames(\n        \"shadow-[inset_0px_0px_6px]  bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1\",\n        size === \"md\" && \"!py-2 text-sm\",\n        size === \"sm\" && \"text-sm leading-[16px]\",\n        size === \"xs\" && \"text-xs leading-[100%]\",\n        !label && \"!p-2 !justify-center\",\n        !icon && \"!py-1 !px-2\",\n        iconPosition === \"left\" && label && !!icon && \"pl-1.5 pr-2\",\n        iconPosition === \"right\" && label && !!icon && \"pl-2 pr-1.5\",\n        crosshair?.variant === \"bordered\" &&\n          label &&\n          iconPosition === \"left\" &&\n          \"pl-2.5 pr-3\",\n        crosshair?.variant === \"bordered\" &&\n          label &&\n          iconPosition === \"right\" &&\n          \"pl-3 pr-2.5\",\n        className,\n      )}\n      {...animation}\n    >\n      <div className={classNames(\"text-current absolute inset-0\")}>\n        <CrosshairCorners\n          key={isValidElement(icon) ? \"custom-icon\" : (icon as IconProps)?.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\", crosshair?.className)}\n          corners={crosshair?.corners}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 4}\n        />\n      </div>\n      {icon && iconPosition === \"left\" && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                (icon as IconProps).className,\n                \"flex-shrink-0 text-current\",\n              )}\n              size={(icon as IconProps).size || 14}\n            />\n          )}\n        </>\n      )}\n      {label && <span className=\"font-mono\">{label}</span>}\n      {icon && iconPosition === \"right\" && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                (icon as IconProps).className,\n                \"flex-shrink-0 text-current\",\n              )}\n              size={(icon as IconProps).size || 14}\n            />\n          )}\n        </>\n      )}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAoBA,MAAa,SAAS,EACpB,WACA,SACA,MACA,WACA,eAAe,QACf,OACA,OAAO,MACP,gBACgB;AAChB,QACE,qBAAC,OAAO;EACN,OAAO,EACL,OACE,cAAc,SAAS,aAAa,KAAoB,aAC3D;EACD,WAAW,WACT,sMACA,SAAS,QAAQ,iBACjB,SAAS,QAAQ,0BACjB,SAAS,QAAQ,0BACjB,CAAC,SAAS,wBACV,CAAC,QAAQ,eACT,iBAAiB,UAAU,SAAS,CAAC,CAAC,QAAQ,eAC9C,iBAAiB,WAAW,SAAS,CAAC,CAAC,QAAQ,eAC/C,WAAW,YAAY,cACrB,SACA,iBAAiB,UACjB,eACF,WAAW,YAAY,cACrB,SACA,iBAAiB,WACjB,eACF,UACD;EACD,GAAI;;GAEJ,oBAAC;IAAI,WAAW,WAAW,gCAAgC;cACzD,oBAAC;KAEC,SAAS,WAAW;KACpB,WAAW,WAAW,gBAAgB,WAAW,UAAU;KAC3D,SAAS,WAAW;KACpB,gBAAgB,WAAW,kBAAkB;KAC7C,mBAAmB,WAAW,qBAAqB;KACnD,MAAM,WAAW,QAAQ;OANpB,eAAe,KAAK,GAAG,gBAAiB,MAAoB,KAOjE;KACE;GACL,QAAQ,iBAAiB,UACxB,0CACG,eAAe,KAAK,GACnB,OAEA,oBAAC;IACC,MAAO,KAAmB;IAC1B,WAAW,WACR,KAAmB,WACpB,6BACD;IACD,MAAO,KAAmB,QAAQ;KAClC,GAEH;GAEJ,SAAS,oBAAC;IAAK,WAAU;cAAa;KAAa;GACnD,QAAQ,iBAAiB,WACxB,0CACG,eAAe,KAAK,GACnB,OAEA,oBAAC;IACC,MAAO,KAAmB;IAC1B,WAAW,WACR,KAAmB,WACpB,6BACD;IACD,MAAO,KAAmB,QAAQ;KAClC,GAEH;;GAEM"}

package/dist/Banner.cjs

@@ -1,53 +0,0 @@
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_utils_colours = require('./utils/colours.cjs');
-const require_Icon = require('./Icon.cjs');
-const require_CrossHair = require('./CrossHair.cjs');
-const require_Tooltip = require('./Tooltip.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/Banner.tsx
-const Banner = ({ title, variant, tooltip, className, animation, icon, children }) => {
-	const [isTooltipOpen, setIsTooltipOpen] = (0, react.useState)(false);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.div, {
-		style: { color: require_utils_colours.BRAND_COLOURS[variant.toLowerCase()] ?? "secondary" },
-		className: (0, classnames.default)("flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2", className),
-		...animation,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CrossHair.CrosshairCorners, {
-				size: 6,
-				variant: "bordered",
-				animationDelay: 0,
-				animationDuration: 0,
-				spacingX: 1
-			}),
-			icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-				name: icon.name,
-				size: icon.size || 14
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }),
-			tooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "relative",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					onMouseEnter: () => setIsTooltipOpen(true),
-					onMouseLeave: () => setIsTooltipOpen(false),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-						name: "Info",
-						size: 14
-					})
-				}), tooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
-					isOpen: isTooltipOpen,
-					...tooltip
-				})]
-			}),
-			children && children
-		]
-	});
-};
-
-//#endregion
-exports.Banner = Banner;
-//# sourceMappingURL=Banner.cjs.map

package/dist/Banner.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.cjs","names":["motion","BRAND_COLOURS","CrosshairCorners","Icon","Tooltip"],"sources":["../src/Banner.tsx"],"sourcesContent":["import { motion, MotionProps } from \"motion/react\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { TooltipProps, Tooltip } from \"./Tooltip\";\nimport { useState } from \"react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type BannerProps = {\n  title: string;\n  variant: BrandColour;\n  icon?: IconProps;\n  tooltip?: TooltipProps;\n  className?: string;\n  animation?: MotionProps;\n  children?: React.ReactNode;\n};\n\nexport const Banner = ({\n  title,\n  variant,\n  tooltip,\n  className,\n  animation,\n  icon,\n  children,\n}: BannerProps) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  return (\n    <motion.div\n      style={{\n        color:\n          BRAND_COLOURS[variant.toLowerCase() as BrandColour] ?? \"secondary\",\n      }}\n      className={classNames(\n        \"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2\",\n        className,\n      )}\n      {...animation}\n    >\n      <CrosshairCorners\n        size={6}\n        variant=\"bordered\"\n        animationDelay={0}\n        animationDuration={0}\n        spacingX={1}\n      />\n      {icon && <Icon name={icon.name} size={icon.size || 14} />}\n      <span>{title}</span>\n      {tooltip && (\n        <div className=\"relative\">\n          <div\n            onMouseEnter={() => setIsTooltipOpen(true)}\n            onMouseLeave={() => setIsTooltipOpen(false)}\n          >\n            <Icon name=\"Info\" size={14} />\n          </div>\n          {tooltip && <Tooltip isOpen={isTooltipOpen} {...tooltip} />}\n        </div>\n      )}\n      {children && children}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAa,UAAU,EACrB,OACA,SACA,SACA,WACA,WACA,MACA,eACiB;CACjB,MAAM,CAAC,eAAe,wCAA6B,MAAM;AACzD,QACE,4CAACA,oBAAO;EACN,OAAO,EACL,OACEC,oCAAc,QAAQ,aAAa,KAAoB,aAC1D;EACD,mCACE,wGACA,UACD;EACD,GAAI;;GAEJ,2CAACC;IACC,MAAM;IACN,SAAQ;IACR,gBAAgB;IAChB,mBAAmB;IACnB,UAAU;KACV;GACD,QAAQ,2CAACC;IAAK,MAAM,KAAK;IAAM,MAAM,KAAK,QAAQ;KAAM;GACzD,2CAAC,oBAAM,QAAa;GACnB,WACC,4CAAC;IAAI,WAAU;eACb,2CAAC;KACC,oBAAoB,iBAAiB,KAAK;KAC1C,oBAAoB,iBAAiB,MAAM;eAE3C,2CAACA;MAAK,MAAK;MAAO,MAAM;OAAM;MAC1B,EACL,WAAW,2CAACC;KAAQ,QAAQ;KAAe,GAAI;MAAW;KACvD;GAEP,YAAY;;GACF"}

package/dist/Banner.d.cts

@@ -1,28 +0,0 @@
-import { BrandColour } from "./utils/colours.cjs";
-import { TooltipProps } from "./Tooltip.cjs";
-import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
-import { MotionProps } from "motion/react";
-
-//#region src/Banner.d.ts
-type BannerProps = {
-  title: string;
-  variant: BrandColour;
-  icon?: IconProps;
-  tooltip?: TooltipProps;
-  className?: string;
-  animation?: MotionProps;
-  children?: React.ReactNode;
-};
-declare const Banner: ({
-  title,
-  variant,
-  tooltip,
-  className,
-  animation,
-  icon,
-  children
-}: BannerProps) => react_jsx_runtime8.JSX.Element;
-//#endregion
-export { Banner, BannerProps };
-//# sourceMappingURL=Banner.d.cts.map

package/dist/Banner.d.cts.map

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

package/dist/Banner.d.mts

@@ -1,28 +0,0 @@
-import { BrandColour } from "./utils/colours.mjs";
-import { TooltipProps } from "./Tooltip.mjs";
-import { IconProps } from "./Icon.mjs";
-import { MotionProps } from "motion/react";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
-
-//#region src/Banner.d.ts
-type BannerProps = {
-  title: string;
-  variant: BrandColour;
-  icon?: IconProps;
-  tooltip?: TooltipProps;
-  className?: string;
-  animation?: MotionProps;
-  children?: React.ReactNode;
-};
-declare const Banner: ({
-  title,
-  variant,
-  tooltip,
-  className,
-  animation,
-  icon,
-  children
-}: BannerProps) => react_jsx_runtime27.JSX.Element;
-//#endregion
-export { Banner, BannerProps };
-//# sourceMappingURL=Banner.d.mts.map

package/dist/Banner.d.mts.map

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

package/dist/Banner.mjs

@@ -1,51 +0,0 @@
-import { BRAND_COLOURS } from "./utils/colours.mjs";
-import { Icon } from "./Icon.mjs";
-import { CrosshairCorners } from "./CrossHair.mjs";
-import { Tooltip } from "./Tooltip.mjs";
-import { motion } from "motion/react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-
-//#region src/Banner.tsx
-const Banner = ({ title, variant, tooltip, className, animation, icon, children }) => {
-	const [isTooltipOpen, setIsTooltipOpen] = useState(false);
-	return /* @__PURE__ */ jsxs(motion.div, {
-		style: { color: BRAND_COLOURS[variant.toLowerCase()] ?? "secondary" },
-		className: classNames("flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2", className),
-		...animation,
-		children: [
-			/* @__PURE__ */ jsx(CrosshairCorners, {
-				size: 6,
-				variant: "bordered",
-				animationDelay: 0,
-				animationDuration: 0,
-				spacingX: 1
-			}),
-			icon && /* @__PURE__ */ jsx(Icon, {
-				name: icon.name,
-				size: icon.size || 14
-			}),
-			/* @__PURE__ */ jsx("span", { children: title }),
-			tooltip && /* @__PURE__ */ jsxs("div", {
-				className: "relative",
-				children: [/* @__PURE__ */ jsx("div", {
-					onMouseEnter: () => setIsTooltipOpen(true),
-					onMouseLeave: () => setIsTooltipOpen(false),
-					children: /* @__PURE__ */ jsx(Icon, {
-						name: "Info",
-						size: 14
-					})
-				}), tooltip && /* @__PURE__ */ jsx(Tooltip, {
-					isOpen: isTooltipOpen,
-					...tooltip
-				})]
-			}),
-			children && children
-		]
-	});
-};
-
-//#endregion
-export { Banner };
-//# sourceMappingURL=Banner.mjs.map

package/dist/Banner.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.mjs","names":[],"sources":["../src/Banner.tsx"],"sourcesContent":["import { motion, MotionProps } from \"motion/react\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { TooltipProps, Tooltip } from \"./Tooltip\";\nimport { useState } from \"react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type BannerProps = {\n  title: string;\n  variant: BrandColour;\n  icon?: IconProps;\n  tooltip?: TooltipProps;\n  className?: string;\n  animation?: MotionProps;\n  children?: React.ReactNode;\n};\n\nexport const Banner = ({\n  title,\n  variant,\n  tooltip,\n  className,\n  animation,\n  icon,\n  children,\n}: BannerProps) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  return (\n    <motion.div\n      style={{\n        color:\n          BRAND_COLOURS[variant.toLowerCase() as BrandColour] ?? \"secondary\",\n      }}\n      className={classNames(\n        \"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2\",\n        className,\n      )}\n      {...animation}\n    >\n      <CrosshairCorners\n        size={6}\n        variant=\"bordered\"\n        animationDelay={0}\n        animationDuration={0}\n        spacingX={1}\n      />\n      {icon && <Icon name={icon.name} size={icon.size || 14} />}\n      <span>{title}</span>\n      {tooltip && (\n        <div className=\"relative\">\n          <div\n            onMouseEnter={() => setIsTooltipOpen(true)}\n            onMouseLeave={() => setIsTooltipOpen(false)}\n          >\n            <Icon name=\"Info\" size={14} />\n          </div>\n          {tooltip && <Tooltip isOpen={isTooltipOpen} {...tooltip} />}\n        </div>\n      )}\n      {children && children}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAkBA,MAAa,UAAU,EACrB,OACA,SACA,SACA,WACA,WACA,MACA,eACiB;CACjB,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;AACzD,QACE,qBAAC,OAAO;EACN,OAAO,EACL,OACE,cAAc,QAAQ,aAAa,KAAoB,aAC1D;EACD,WAAW,WACT,wGACA,UACD;EACD,GAAI;;GAEJ,oBAAC;IACC,MAAM;IACN,SAAQ;IACR,gBAAgB;IAChB,mBAAmB;IACnB,UAAU;KACV;GACD,QAAQ,oBAAC;IAAK,MAAM,KAAK;IAAM,MAAM,KAAK,QAAQ;KAAM;GACzD,oBAAC,oBAAM,QAAa;GACnB,WACC,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,oBAAoB,iBAAiB,KAAK;KAC1C,oBAAoB,iBAAiB,MAAM;eAE3C,oBAAC;MAAK,MAAK;MAAO,MAAM;OAAM;MAC1B,EACL,WAAW,oBAAC;KAAQ,QAAQ;KAAe,GAAI;MAAW;KACvD;GAEP,YAAY;;GACF"}

package/dist/Button.cjs

@@ -1,71 +0,0 @@
-"use client";
-
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_Icon = require('./Icon.cjs');
-const require_CrossHair = require('./CrossHair.cjs');
-const require_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

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

@@ -1,53 +0,0 @@
-import { CrosshairCornersProps } from "./CrossHair.cjs";
-import { IconName } from "./icons/index.cjs";
-import * as react_jsx_runtime7 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_runtime7.JSX.Element;
-//#endregion
-export { Button, ButtonProps };
-//# sourceMappingURL=Button.d.cts.map

package/dist/Button.d.cts.map

@@ -1 +0,0 @@
-{"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,53 +0,0 @@
-import { CrosshairCornersProps } from "./CrossHair.mjs";
-import { IconName } from "./icons/index.mjs";
-import { MotionProps } from "motion/react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
-
-//#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_runtime20.JSX.Element;
-//#endregion
-export { Button, ButtonProps };
-//# sourceMappingURL=Button.d.mts.map

package/dist/Button.d.mts.map

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

package/dist/Button.mjs

@@ -1,69 +0,0 @@
-"use client";
-
-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