@blueshift-gg/ui-components 0.1.50 → 0.1.51

package/dist/Badge.cjs

@@ -0,0 +1,51 @@
+"use client";
+
+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');
+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/Badge.tsx
+const Badge = ({ className, variant, icon, crosshair, iconPosition = "left", label, size = "sm", animation }) => {
+	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)("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__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, classnames.default)("text-current absolute inset-0"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CrossHair.CrosshairCorners, {
+					variant: crosshair?.variant,
+					className: (0, classnames.default)("text-current", crosshair?.className),
+					corners: crosshair?.corners,
+					animationDelay: crosshair?.animationDelay || 0,
+					animationDuration: crosshair?.animationDuration || 1.5,
+					size: crosshair?.size || 4
+				}, (0, react.isValidElement)(icon) ? "custom-icon" : icon?.name)
+			}),
+			icon && iconPosition === "left" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.isValidElement)(icon) ? icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				name: icon.name,
+				className: (0, classnames.default)(icon.className, "flex-shrink-0 text-current"),
+				size: icon.size || 14
+			}) }),
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "font-mono",
+				children: label
+			}),
+			icon && iconPosition === "right" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.isValidElement)(icon) ? icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				name: icon.name,
+				className: (0, classnames.default)(icon.className, "flex-shrink-0 text-current"),
+				size: icon.size || 14
+			}) })
+		]
+	});
+};
+
+//#endregion
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.cjs.map

package/dist/Badge.cjs.map

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

@@ -0,0 +1,31 @@
+import { CrosshairCornersProps } from "./CrossHair.cjs";
+import { BrandColour } from "./utils/colours.cjs";
+import { IconProps } from "./Icon.cjs";
+import * as react_jsx_runtime5 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_runtime5.JSX.Element;
+//#endregion
+export { Badge, BadgeProps };
+//# sourceMappingURL=Badge.d.cts.map

package/dist/Badge.d.cts.map

@@ -0,0 +1 @@
+{"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,20 +1,31 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { BrandColour } from './utils/colours.mjs';
-import { a as IconProps } from './Icon-CS8ZR20W.mjs';
-import { CrosshairCornersProps } from './CrossHair.mjs';
-import { MotionProps } from 'motion/react';
-import { ReactNode } from 'react';
+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_runtime1 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;
+  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_runtime.JSX.Element;
-
-export { Badge, type BadgeProps };
+declare const Badge: ({
+  className,
+  variant,
+  icon,
+  crosshair,
+  iconPosition,
+  label,
+  size,
+  animation
+}: BadgeProps) => react_jsx_runtime1.JSX.Element;
+//#endregion
+export { Badge, BadgeProps };
+//# sourceMappingURL=Badge.d.mts.map

package/dist/Badge.d.mts.map

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

package/dist/Badge.mjs

@@ -1,82 +1,49 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { BRAND_COLOURS } from './utils/colours';
-import { Icon } from './Icon';
-import classNames from 'classnames';
-import { CrosshairCorners } from './CrossHair';
-import { motion } from 'motion/react';
-import { isValidElement } from 'react';
+"use client";
 
-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
-          }
-        ) })
-      ]
-    }
-  );
+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
 //# sourceMappingURL=Badge.mjs.map

package/dist/Badge.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Badge.tsx"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA,GAAe,MAAA;AAAA,EACf,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP;AACF,CAAA,KAAkB;AAChB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA,EACE,aAAA,CAAc,OAAA,EAAS,WAAA,EAA4B,CAAA,IAAK;AAAA,OAC5D;AAAA,MACA,SAAA,EAAW,UAAA;AAAA,QACT,oMAAA;AAAA,QACA,SAAS,IAAA,IAAQ,eAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,CAAC,KAAA,IAAS,sBAAA;AAAA,QACV,CAAC,IAAA,IAAQ,aAAA;AAAA,QACT,YAAA,KAAiB,MAAA,IAAU,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC9C,YAAA,KAAiB,OAAA,IAAW,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC/C,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,MAAA,IACjB,aAAA;AAAA,QACF,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,OAAA,IACjB,aAAA;AAAA,QACF;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,UAAA,CAAW,+BAA+B,CAAA,EACxD,QAAA,kBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YAEC,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,SAAA,EAAW,UAAA,CAAW,cAAA,EAAgB,SAAA,EAAW,SAAS,CAAA;AAAA,YAC1D,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,YAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,YACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,WAAA;AAAA,UANpB,cAAA,CAAe,IAAI,CAAA,GAAI,aAAA,GAAiB,IAAA,EAAoB;AAAA,SAOnE,EACF,CAAA;AAAA,QACC,QAAQ,YAAA,KAAiB,MAAA,oCAErB,QAAA,EAAA,cAAA,CAAe,IAAI,IAClB,IAAA,mBAEA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAW,UAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ,CAAA;AAAA,QAED,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC5C,QAAQ,YAAA,KAAiB,OAAA,oCAErB,QAAA,EAAA,cAAA,CAAe,IAAI,IAClB,IAAA,mBAEA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAW,UAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"Badge.mjs","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"]}
+{"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

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

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

@@ -0,0 +1,28 @@
+import { BrandColour } from "./utils/colours.cjs";
+import { TooltipProps } from "./Tooltip.cjs";
+import { IconProps } from "./Icon.cjs";
+import * as react_jsx_runtime0 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_runtime0.JSX.Element;
+//#endregion
+export { Banner, BannerProps };
+//# sourceMappingURL=Banner.d.cts.map

package/dist/Banner.d.cts.map

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

package/dist/Banner.d.mts

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

package/dist/Banner.d.mts.map

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

package/dist/Banner.mjs

@@ -1,63 +1,51 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { motion } from 'motion/react';
-import { Icon } from './Icon';
-import classNames from 'classnames';
-import { CrosshairCorners } from './CrossHair';
-import { Tooltip } from './Tooltip';
-import { useState } from 'react';
-import { BRAND_COLOURS } from './utils/colours';
+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";
 
-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
-      ]
-    }
-  );
+//#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
 //# sourceMappingURL=Banner.mjs.map

package/dist/Banner.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Banner.tsx"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA,EACE,aAAA,CAAc,OAAA,CAAQ,WAAA,EAA4B,CAAA,IAAK;AAAA,OAC3D;AAAA,MACA,SAAA,EAAW,UAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,OAAA,EAAQ,UAAA;AAAA,YACR,cAAA,EAAgB,CAAA;AAAA,YAChB,iBAAA,EAAmB,CAAA;AAAA,YACnB,QAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,IAAA,wBAAS,IAAA,EAAA,EAAK,IAAA,EAAM,KAAK,IAAA,EAAM,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAA,EAAI,CAAA;AAAA,wBACvD,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACZ,OAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAc,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,cACzC,YAAA,EAAc,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,cAE1C,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA;AAAA,WAC9B;AAAA,UACC,2BAAW,GAAA,CAAC,OAAA,EAAA,EAAQ,MAAA,EAAQ,aAAA,EAAgB,GAAG,OAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,QAED,QAAA,IAAY;AAAA;AAAA;AAAA,GACf;AAEJ","file":"Banner.mjs","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"]}
+{"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"}