@blueshift-gg/ui-components 0.1.50 → 0.1.51

package/README.md

@@ -10,7 +10,7 @@ This package contains the core UI components for the Blueshift Design System, bu
 - **Motion** (formerly Framer Motion) - Animation library
 - **Tailwind CSS v4** - Styling with CSS-first configuration
 - **TypeScript** - Type safety
-- **tsup** - Build tool for ESM/CJS output
+- **tsdown** - Build tool for ESM/CJS output
 
 ## Installation
 
@@ -66,7 +66,7 @@ The theme is defined in `src/theme.css` using Tailwind CSS v4's `@theme` directi
 
 ## Building
 
-The package uses tsup for building:
+The package uses tsdown for building:
 
 ```bash
 pnpm build

package/dist/Alert.cjs

@@ -0,0 +1,71 @@
+"use client";
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_Icon = require('./Icon.cjs');
+const require_CrossHair = require('./CrossHair.cjs');
+const require_utils_easings = require('./utils/easings.cjs');
+let motion_react = require("motion/react");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+
+//#region src/Alert.tsx
+const Alert = ({ onClear, isClearable, isExpandable, title, description, variant = "warning", icon, className, animation, children }) => {
+	const [isExpanded, setIsExpanded] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.div, {
+		onClick: () => {
+			if (isExpandable) setIsExpanded(!isExpanded);
+		},
+		className: (0, classnames.default)("group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px] shadow-current/15", variant === "warning" && "text-brand-rust", variant === "primary" && "text-brand-primary", isExpandable && "cursor-row-resize", className),
+		...animation,
+		children: [
+			isClearable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				onClick: onClear,
+				className: "z-10 flex items-center justify-center absolute top-2.5 right-2.5 h-[28px] w-[28px] bg-current/5 text-current hover:bg-current/10 active:scale-[0.97] transition-colors duration-100 ease-glide",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+					name: "Close",
+					size: 12
+				})
+			}),
+			isExpandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, classnames.default)("text-shade-tertiary group-hover:text-shade-primary absolute inset-2.5 transition-all duration-100 ease-glide group-hover:inset-1"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CrossHair.CrosshairCorners, {
+					animationDelay: 0,
+					size: 8,
+					corners: ["bottom-right"]
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.div, {
+				initial: false,
+				animate: { height: isExpanded ? "100%" : "120px" },
+				transition: {
+					duration: .15,
+					ease: require_utils_easings.glide
+				},
+				className: (0, classnames.default)("flex flex-col gap-y-4", isExpandable && "overflow-y-hidden", isExpandable && !isExpanded && "[mask-image:linear-gradient(180deg,#D9D9D9_45.42%,rgba(115,115,115,0)_100%)]"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-x-2",
+						children: [icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+							name: icon?.name,
+							size: icon?.size || 18
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+							className: "font-mono font-medium text-current leading-none",
+							children: title
+						})]
+					}),
+					children && children,
+					description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-shade-primary leading-[160%] font-medium",
+						children: description
+					})
+				]
+			})
+		]
+	});
+};
+
+//#endregion
+exports.Alert = Alert;
+//# sourceMappingURL=Alert.cjs.map

package/dist/Alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.cjs","names":["motion","Icon","CrosshairCorners","glide"],"sources":["../src/Alert.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { useState } from \"react\";\nimport { glide } from \"./utils/easings\";\n\nexport type AlertProps = {\n  title: string;\n  description?: string;\n  children?: React.ReactNode;\n  variant?: \"primary\" | \"warning\";\n  icon?: IconProps;\n  isExpandable?: boolean;\n  className?: string;\n  isClearable?: boolean;\n  onClear?: () => void;\n  animation?: MotionProps;\n};\n\nexport const Alert = ({\n  onClear,\n  isClearable,\n  isExpandable,\n  title,\n  description,\n  variant = \"warning\",\n  icon,\n  className,\n  animation,\n  children,\n}: AlertProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  return (\n    <motion.div\n      onClick={() => {\n        if (isExpandable) {\n          setIsExpanded(!isExpanded);\n        }\n      }}\n      className={classNames(\n        \"group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px] shadow-current/15\",\n        variant === \"warning\" && \"text-brand-rust\",\n        variant === \"primary\" && \"text-brand-primary\",\n        isExpandable && \"cursor-row-resize\",\n        className\n      )}\n      {...animation}\n    >\n      {isClearable && (\n        <button\n          onClick={onClear}\n          className=\"z-10 flex items-center justify-center absolute top-2.5 right-2.5 h-[28px] w-[28px] bg-current/5 text-current hover:bg-current/10 active:scale-[0.97] transition-colors duration-100 ease-glide\"\n        >\n          <Icon name=\"Close\" size={12} />\n        </button>\n      )}\n      {isExpandable && (\n        <div\n          className={classNames(\n            \"text-shade-tertiary group-hover:text-shade-primary absolute inset-2.5 transition-all duration-100 ease-glide group-hover:inset-1\"\n          )}\n        >\n          <CrosshairCorners\n            animationDelay={0}\n            size={8}\n            corners={[\"bottom-right\"]}\n          />\n        </div>\n      )}\n      <motion.div\n        initial={false}\n        animate={{\n          height: isExpanded ? \"100%\" : \"120px\",\n        }}\n        transition={{\n          duration: 0.15,\n          ease: glide,\n        }}\n        className={classNames(\n          \"flex flex-col gap-y-4\",\n          isExpandable && \"overflow-y-hidden\",\n          isExpandable &&\n            !isExpanded &&\n            \"[mask-image:linear-gradient(180deg,#D9D9D9_45.42%,rgba(115,115,115,0)_100%)]\"\n        )}\n      >\n        <div className=\"flex items-center gap-x-2\">\n          {icon && <Icon name={icon?.name} size={icon?.size || 18} />}\n          <h1 className=\"font-mono font-medium text-current leading-none\">\n            {title}\n          </h1>\n        </div>\n        {children && children}\n        {description && (\n          <p className=\"text-shade-primary leading-[160%] font-medium\">\n            {description}\n          </p>\n        )}\n      </motion.div>\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAsBA,MAAa,SAAS,EACpB,SACA,aACA,cACA,OACA,aACA,UAAU,WACV,MACA,WACA,WACA,eACgB;CAChB,MAAM,CAAC,YAAY,qCAA0B,MAAM;AAEnD,QACE,4CAACA,oBAAO;EACN,eAAe;AACb,OAAI,aACF,eAAc,CAAC,WAAW;;EAG9B,mCACE,0GACA,YAAY,aAAa,mBACzB,YAAY,aAAa,sBACzB,gBAAgB,qBAChB,UACD;EACD,GAAI;;GAEH,eACC,2CAAC;IACC,SAAS;IACT,WAAU;cAEV,2CAACC;KAAK,MAAK;KAAQ,MAAM;MAAM;KACxB;GAEV,gBACC,2CAAC;IACC,mCACE,mIACD;cAED,2CAACC;KACC,gBAAgB;KAChB,MAAM;KACN,SAAS,CAAC,eAAe;MACzB;KACE;GAER,4CAACF,oBAAO;IACN,SAAS;IACT,SAAS,EACP,QAAQ,aAAa,SAAS,SAC/B;IACD,YAAY;KACV,UAAU;KACV,MAAMG;KACP;IACD,mCACE,yBACA,gBAAgB,qBAChB,gBACE,CAAC,cACD,+EACH;;KAED,4CAAC;MAAI,WAAU;iBACZ,QAAQ,2CAACF;OAAK,MAAM,MAAM;OAAM,MAAM,MAAM,QAAQ;QAAM,EAC3D,2CAAC;OAAG,WAAU;iBACX;QACE;OACD;KACL,YAAY;KACZ,eACC,2CAAC;MAAE,WAAU;gBACV;OACC;;KAEK;;GACF"}

package/dist/Alert.d.cts

@@ -0,0 +1,32 @@
+import { IconProps } from "./Icon.cjs";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
+import { MotionProps } from "motion/react";
+
+//#region src/Alert.d.ts
+type AlertProps = {
+  title: string;
+  description?: string;
+  children?: React.ReactNode;
+  variant?: "primary" | "warning";
+  icon?: IconProps;
+  isExpandable?: boolean;
+  className?: string;
+  isClearable?: boolean;
+  onClear?: () => void;
+  animation?: MotionProps;
+};
+declare const Alert: ({
+  onClear,
+  isClearable,
+  isExpandable,
+  title,
+  description,
+  variant,
+  icon,
+  className,
+  animation,
+  children
+}: AlertProps) => react_jsx_runtime47.JSX.Element;
+//#endregion
+export { Alert, AlertProps };
+//# sourceMappingURL=Alert.d.cts.map

package/dist/Alert.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.cts","names":[],"sources":["../src/Alert.tsx"],"sourcesContent":[],"mappings":";;;;;KASY,UAAA;;;EAAA,QAAA,CAAA,EAGC,KAAA,CAAM,SAHG;EAGT,OAAM,CAAA,EAAA,SAAA,GAAA,SAAA;EAEV,IAAA,CAAA,EAAA,SAAA;EAKK,YAAA,CAAA,EAAA,OAAA;EAAW,SAAA,CAAA,EAAA,MAAA;EAGZ,WAmFZ,CAAA,EAAA,OAAA;EAnFqB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,SAAA,CAAA,EAHR,WAGQ;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,OAAA;EAAA,WAAA;EAAA,YAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAWnB,UAXmB,EAAA,GAWT,mBAAA,CAAA,GAAA,CAAA,OAXS"}

package/dist/Alert.d.mts

@@ -1,19 +1,32 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MotionProps } from 'motion/react';
-import { a as IconProps } from './Icon-CS8ZR20W.mjs';
+import { IconProps } from "./Icon.mjs";
+import { MotionProps } from "motion/react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
+//#region src/Alert.d.ts
 type AlertProps = {
-    title: string;
-    description?: string;
-    children?: React.ReactNode;
-    variant?: "primary" | "warning";
-    icon?: IconProps;
-    isExpandable?: boolean;
-    className?: string;
-    isClearable?: boolean;
-    onClear?: () => void;
-    animation?: MotionProps;
+  title: string;
+  description?: string;
+  children?: React.ReactNode;
+  variant?: "primary" | "warning";
+  icon?: IconProps;
+  isExpandable?: boolean;
+  className?: string;
+  isClearable?: boolean;
+  onClear?: () => void;
+  animation?: MotionProps;
 };
-declare const Alert: ({ onClear, isClearable, isExpandable, title, description, variant, icon, className, animation, children, }: AlertProps) => react_jsx_runtime.JSX.Element;
-
-export { Alert, type AlertProps };
+declare const Alert: ({
+  onClear,
+  isClearable,
+  isExpandable,
+  title,
+  description,
+  variant,
+  icon,
+  className,
+  animation,
+  children
+}: AlertProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Alert, AlertProps };
+//# sourceMappingURL=Alert.d.mts.map

package/dist/Alert.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.mts","names":[],"sources":["../src/Alert.tsx"],"sourcesContent":[],"mappings":";;;;;KASY,UAAA;;;EAAA,QAAA,CAAA,EAGC,KAAA,CAAM,SAHG;EAGT,OAAM,CAAA,EAAA,SAAA,GAAA,SAAA;EAEV,IAAA,CAAA,EAAA,SAAA;EAKK,YAAA,CAAA,EAAA,OAAA;EAAW,SAAA,CAAA,EAAA,MAAA;EAGZ,WAmFZ,CAAA,EAAA,OAAA;EAnFqB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,SAAA,CAAA,EAHR,WAGQ;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,OAAA;EAAA,WAAA;EAAA,YAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAWnB,UAXmB,EAAA,GAWT,kBAAA,CAAA,GAAA,CAAA,OAXS"}

package/dist/Alert.mjs

@@ -1,96 +1,69 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { motion } from 'motion/react';
-import classNames from 'classnames';
-import { Icon } from './Icon';
-import { CrosshairCorners } from './CrossHair';
-import { useState } from 'react';
-import { glide } from './utils/easings';
+"use client";
 
-const Alert = ({
-  onClear,
-  isClearable,
-  isExpandable,
-  title,
-  description,
-  variant = "warning",
-  icon,
-  className,
-  animation,
-  children
-}) => {
-  const [isExpanded, setIsExpanded] = useState(false);
-  return /* @__PURE__ */ jsxs(
-    motion.div,
-    {
-      onClick: () => {
-        if (isExpandable) {
-          setIsExpanded(!isExpanded);
-        }
-      },
-      className: classNames(
-        "group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px] shadow-current/15",
-        variant === "warning" && "text-brand-rust",
-        variant === "primary" && "text-brand-primary",
-        isExpandable && "cursor-row-resize",
-        className
-      ),
-      ...animation,
-      children: [
-        isClearable && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: onClear,
-            className: "z-10 flex items-center justify-center absolute top-2.5 right-2.5 h-[28px] w-[28px] bg-current/5 text-current hover:bg-current/10 active:scale-[0.97] transition-colors duration-100 ease-glide",
-            children: /* @__PURE__ */ jsx(Icon, { name: "Close", size: 12 })
-          }
-        ),
-        isExpandable && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classNames(
-              "text-shade-tertiary group-hover:text-shade-primary absolute inset-2.5 transition-all duration-100 ease-glide group-hover:inset-1"
-            ),
-            children: /* @__PURE__ */ jsx(
-              CrosshairCorners,
-              {
-                animationDelay: 0,
-                size: 8,
-                corners: ["bottom-right"]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          motion.div,
-          {
-            initial: false,
-            animate: {
-              height: isExpanded ? "100%" : "120px"
-            },
-            transition: {
-              duration: 0.15,
-              ease: glide
-            },
-            className: classNames(
-              "flex flex-col gap-y-4",
-              isExpandable && "overflow-y-hidden",
-              isExpandable && !isExpanded && "[mask-image:linear-gradient(180deg,#D9D9D9_45.42%,rgba(115,115,115,0)_100%)]"
-            ),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-                icon && /* @__PURE__ */ jsx(Icon, { name: icon?.name, size: icon?.size || 18 }),
-                /* @__PURE__ */ jsx("h1", { className: "font-mono font-medium text-current leading-none", children: title })
-              ] }),
-              children && children,
-              description && /* @__PURE__ */ jsx("p", { className: "text-shade-primary leading-[160%] font-medium", children: description })
-            ]
-          }
-        )
-      ]
-    }
-  );
+import { Icon } from "./Icon.mjs";
+import { CrosshairCorners } from "./CrossHair.mjs";
+import { glide } from "./utils/easings.mjs";
+import { motion } from "motion/react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+
+//#region src/Alert.tsx
+const Alert = ({ onClear, isClearable, isExpandable, title, description, variant = "warning", icon, className, animation, children }) => {
+	const [isExpanded, setIsExpanded] = useState(false);
+	return /* @__PURE__ */ jsxs(motion.div, {
+		onClick: () => {
+			if (isExpandable) setIsExpanded(!isExpanded);
+		},
+		className: classNames("group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px] shadow-current/15", variant === "warning" && "text-brand-rust", variant === "primary" && "text-brand-primary", isExpandable && "cursor-row-resize", className),
+		...animation,
+		children: [
+			isClearable && /* @__PURE__ */ jsx("button", {
+				onClick: onClear,
+				className: "z-10 flex items-center justify-center absolute top-2.5 right-2.5 h-[28px] w-[28px] bg-current/5 text-current hover:bg-current/10 active:scale-[0.97] transition-colors duration-100 ease-glide",
+				children: /* @__PURE__ */ jsx(Icon, {
+					name: "Close",
+					size: 12
+				})
+			}),
+			isExpandable && /* @__PURE__ */ jsx("div", {
+				className: classNames("text-shade-tertiary group-hover:text-shade-primary absolute inset-2.5 transition-all duration-100 ease-glide group-hover:inset-1"),
+				children: /* @__PURE__ */ jsx(CrosshairCorners, {
+					animationDelay: 0,
+					size: 8,
+					corners: ["bottom-right"]
+				})
+			}),
+			/* @__PURE__ */ jsxs(motion.div, {
+				initial: false,
+				animate: { height: isExpanded ? "100%" : "120px" },
+				transition: {
+					duration: .15,
+					ease: glide
+				},
+				className: classNames("flex flex-col gap-y-4", isExpandable && "overflow-y-hidden", isExpandable && !isExpanded && "[mask-image:linear-gradient(180deg,#D9D9D9_45.42%,rgba(115,115,115,0)_100%)]"),
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-x-2",
+						children: [icon && /* @__PURE__ */ jsx(Icon, {
+							name: icon?.name,
+							size: icon?.size || 18
+						}), /* @__PURE__ */ jsx("h1", {
+							className: "font-mono font-medium text-current leading-none",
+							children: title
+						})]
+					}),
+					children && children,
+					description && /* @__PURE__ */ jsx("p", {
+						className: "text-shade-primary leading-[160%] font-medium",
+						children: description
+					})
+				]
+			})
+		]
+	});
 };
 
+//#endregion
 export { Alert };
-//# sourceMappingURL=Alert.mjs.map
 //# sourceMappingURL=Alert.mjs.map

package/dist/Alert.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Alert.tsx"],"names":[],"mappings":";;;;;;;;AAsBO,MAAM,QAAQ,CAAC;AAAA,EACpB,OAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAAkB;AAChB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAS,MAAM;AACb,QAAA,IAAI,YAAA,EAAc;AAChB,UAAA,aAAA,CAAc,CAAC,UAAU,CAAA;AAAA,QAC3B;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAW,UAAA;AAAA,QACT,wGAAA;AAAA,QACA,YAAY,SAAA,IAAa,iBAAA;AAAA,QACzB,YAAY,SAAA,IAAa,oBAAA;AAAA,QACzB,YAAA,IAAgB,mBAAA;AAAA,QAChB;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,WAAA,oBACC,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAU,gMAAA;AAAA,YAEV,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,MAAM,EAAA,EAAI;AAAA;AAAA,SAC/B;AAAA,QAED,YAAA,oBACC,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,cACT;AAAA,aACF;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,cAAA,EAAgB,CAAA;AAAA,gBAChB,IAAA,EAAM,CAAA;AAAA,gBACN,OAAA,EAAS,CAAC,cAAc;AAAA;AAAA;AAC1B;AAAA,SACF;AAAA,wBAEF,IAAA;AAAA,UAAC,MAAA,CAAO,GAAA;AAAA,UAAP;AAAA,YACC,OAAA,EAAS,KAAA;AAAA,YACT,OAAA,EAAS;AAAA,cACP,MAAA,EAAQ,aAAa,MAAA,GAAS;AAAA,aAChC;AAAA,YACA,UAAA,EAAY;AAAA,cACV,QAAA,EAAU,IAAA;AAAA,cACV,IAAA,EAAM;AAAA,aACR;AAAA,YACA,SAAA,EAAW,UAAA;AAAA,cACT,uBAAA;AAAA,cACA,YAAA,IAAgB,mBAAA;AAAA,cAChB,YAAA,IACE,CAAC,UAAA,IACD;AAAA,aACJ;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACZ,QAAA,EAAA;AAAA,gBAAA,IAAA,oBAAQ,GAAA,CAAC,QAAK,IAAA,EAAM,IAAA,EAAM,MAAM,IAAA,EAAM,IAAA,EAAM,QAAQ,EAAA,EAAI,CAAA;AAAA,gCACzD,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iDAAA,EACX,QAAA,EAAA,KAAA,EACH;AAAA,eAAA,EACF,CAAA;AAAA,cACC,QAAA,IAAY,QAAA;AAAA,cACZ,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iDACV,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA;AAEJ;AAAA;AAAA,GACF;AAEJ","file":"Alert.mjs","sourcesContent":["\"use client\";\n\nimport { motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { useState } from \"react\";\nimport { glide } from \"./utils/easings\";\n\nexport type AlertProps = {\n  title: string;\n  description?: string;\n  children?: React.ReactNode;\n  variant?: \"primary\" | \"warning\";\n  icon?: IconProps;\n  isExpandable?: boolean;\n  className?: string;\n  isClearable?: boolean;\n  onClear?: () => void;\n  animation?: MotionProps;\n};\n\nexport const Alert = ({\n  onClear,\n  isClearable,\n  isExpandable,\n  title,\n  description,\n  variant = \"warning\",\n  icon,\n  className,\n  animation,\n  children,\n}: AlertProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  return (\n    <motion.div\n      onClick={() => {\n        if (isExpandable) {\n          setIsExpanded(!isExpanded);\n        }\n      }}\n      className={classNames(\n        \"group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px] shadow-current/15\",\n        variant === \"warning\" && \"text-brand-rust\",\n        variant === \"primary\" && \"text-brand-primary\",\n        isExpandable && \"cursor-row-resize\",\n        className\n      )}\n      {...animation}\n    >\n      {isClearable && (\n        <button\n          onClick={onClear}\n          className=\"z-10 flex items-center justify-center absolute top-2.5 right-2.5 h-[28px] w-[28px] bg-current/5 text-current hover:bg-current/10 active:scale-[0.97] transition-colors duration-100 ease-glide\"\n        >\n          <Icon name=\"Close\" size={12} />\n        </button>\n      )}\n      {isExpandable && (\n        <div\n          className={classNames(\n            \"text-shade-tertiary group-hover:text-shade-primary absolute inset-2.5 transition-all duration-100 ease-glide group-hover:inset-1\"\n          )}\n        >\n          <CrosshairCorners\n            animationDelay={0}\n            size={8}\n            corners={[\"bottom-right\"]}\n          />\n        </div>\n      )}\n      <motion.div\n        initial={false}\n        animate={{\n          height: isExpanded ? \"100%\" : \"120px\",\n        }}\n        transition={{\n          duration: 0.15,\n          ease: glide,\n        }}\n        className={classNames(\n          \"flex flex-col gap-y-4\",\n          isExpandable && \"overflow-y-hidden\",\n          isExpandable &&\n            !isExpanded &&\n            \"[mask-image:linear-gradient(180deg,#D9D9D9_45.42%,rgba(115,115,115,0)_100%)]\"\n        )}\n      >\n        <div className=\"flex items-center gap-x-2\">\n          {icon && <Icon name={icon?.name} size={icon?.size || 18} />}\n          <h1 className=\"font-mono font-medium text-current leading-none\">\n            {title}\n          </h1>\n        </div>\n        {children && children}\n        {description && (\n          <p className=\"text-shade-primary leading-[160%] font-medium\">\n            {description}\n          </p>\n        )}\n      </motion.div>\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"file":"Alert.mjs","names":[],"sources":["../src/Alert.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { useState } from \"react\";\nimport { glide } from \"./utils/easings\";\n\nexport type AlertProps = {\n  title: string;\n  description?: string;\n  children?: React.ReactNode;\n  variant?: \"primary\" | \"warning\";\n  icon?: IconProps;\n  isExpandable?: boolean;\n  className?: string;\n  isClearable?: boolean;\n  onClear?: () => void;\n  animation?: MotionProps;\n};\n\nexport const Alert = ({\n  onClear,\n  isClearable,\n  isExpandable,\n  title,\n  description,\n  variant = \"warning\",\n  icon,\n  className,\n  animation,\n  children,\n}: AlertProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  return (\n    <motion.div\n      onClick={() => {\n        if (isExpandable) {\n          setIsExpanded(!isExpanded);\n        }\n      }}\n      className={classNames(\n        \"group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px] shadow-current/15\",\n        variant === \"warning\" && \"text-brand-rust\",\n        variant === \"primary\" && \"text-brand-primary\",\n        isExpandable && \"cursor-row-resize\",\n        className\n      )}\n      {...animation}\n    >\n      {isClearable && (\n        <button\n          onClick={onClear}\n          className=\"z-10 flex items-center justify-center absolute top-2.5 right-2.5 h-[28px] w-[28px] bg-current/5 text-current hover:bg-current/10 active:scale-[0.97] transition-colors duration-100 ease-glide\"\n        >\n          <Icon name=\"Close\" size={12} />\n        </button>\n      )}\n      {isExpandable && (\n        <div\n          className={classNames(\n            \"text-shade-tertiary group-hover:text-shade-primary absolute inset-2.5 transition-all duration-100 ease-glide group-hover:inset-1\"\n          )}\n        >\n          <CrosshairCorners\n            animationDelay={0}\n            size={8}\n            corners={[\"bottom-right\"]}\n          />\n        </div>\n      )}\n      <motion.div\n        initial={false}\n        animate={{\n          height: isExpanded ? \"100%\" : \"120px\",\n        }}\n        transition={{\n          duration: 0.15,\n          ease: glide,\n        }}\n        className={classNames(\n          \"flex flex-col gap-y-4\",\n          isExpandable && \"overflow-y-hidden\",\n          isExpandable &&\n            !isExpanded &&\n            \"[mask-image:linear-gradient(180deg,#D9D9D9_45.42%,rgba(115,115,115,0)_100%)]\"\n        )}\n      >\n        <div className=\"flex items-center gap-x-2\">\n          {icon && <Icon name={icon?.name} size={icon?.size || 18} />}\n          <h1 className=\"font-mono font-medium text-current leading-none\">\n            {title}\n          </h1>\n        </div>\n        {children && children}\n        {description && (\n          <p className=\"text-shade-primary leading-[160%] font-medium\">\n            {description}\n          </p>\n        )}\n      </motion.div>\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAsBA,MAAa,SAAS,EACpB,SACA,aACA,cACA,OACA,aACA,UAAU,WACV,MACA,WACA,WACA,eACgB;CAChB,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;AAEnD,QACE,qBAAC,OAAO;EACN,eAAe;AACb,OAAI,aACF,eAAc,CAAC,WAAW;;EAG9B,WAAW,WACT,0GACA,YAAY,aAAa,mBACzB,YAAY,aAAa,sBACzB,gBAAgB,qBAChB,UACD;EACD,GAAI;;GAEH,eACC,oBAAC;IACC,SAAS;IACT,WAAU;cAEV,oBAAC;KAAK,MAAK;KAAQ,MAAM;MAAM;KACxB;GAEV,gBACC,oBAAC;IACC,WAAW,WACT,mIACD;cAED,oBAAC;KACC,gBAAgB;KAChB,MAAM;KACN,SAAS,CAAC,eAAe;MACzB;KACE;GAER,qBAAC,OAAO;IACN,SAAS;IACT,SAAS,EACP,QAAQ,aAAa,SAAS,SAC/B;IACD,YAAY;KACV,UAAU;KACV,MAAM;KACP;IACD,WAAW,WACT,yBACA,gBAAgB,qBAChB,gBACE,CAAC,cACD,+EACH;;KAED,qBAAC;MAAI,WAAU;iBACZ,QAAQ,oBAAC;OAAK,MAAM,MAAM;OAAM,MAAM,MAAM,QAAQ;QAAM,EAC3D,oBAAC;OAAG,WAAU;iBACX;QACE;OACD;KACL,YAAY;KACZ,eACC,oBAAC;MAAE,WAAU;gBACV;OACC;;KAEK;;GACF"}

package/dist/Avatar.cjs

@@ -0,0 +1,43 @@
+"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");
+
+//#region src/Avatar.tsx
+const Avatar = ({ className, icon, crosshair, thickness = 1.5, variant, animation }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.div, {
+		className: (0, classnames.default)("text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15", (crosshair?.variant === "corners" || crosshair?.variant === "cross") && "p-2", crosshair?.variant === "bordered" && "px-3 py-2", className),
+		style: {
+			borderWidth: thickness,
+			color: variant ? require_utils_colours.BRAND_COLOURS[variant.toLowerCase()] : void 0
+		},
+		...animation,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, classnames.default)("text-current absolute inset-0", crosshair?.variant !== "bordered" && "absolute !-inset-[1.5px]"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CrossHair.CrosshairCorners, {
+				variant: crosshair?.variant,
+				className: (0, classnames.default)("text-current"),
+				animationDelay: crosshair?.animationDelay || 0,
+				animationDuration: crosshair?.animationDuration || 1.5,
+				size: crosshair?.size || 6
+			}, icon.name)
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex items-center justify-center p-1",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				name: icon.name,
+				className: icon.className,
+				size: icon.size || 24
+			})
+		})]
+	});
+};
+
+//#endregion
+exports.Avatar = Avatar;
+//# sourceMappingURL=Avatar.cjs.map

package/dist/Avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.cjs","names":["motion","BRAND_COLOURS","CrosshairCorners","Icon"],"sources":["../src/Avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { IconName } from \"./icons\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type AvatarProps = {\n  className?: string;\n  icon: IconProps;\n  variant?: BrandColour;\n  crosshair?: CrosshairCornersProps;\n  thickness: number;\n  animation?: MotionProps;\n};\n\nexport const Avatar = ({\n  className,\n  icon,\n  crosshair,\n  thickness = 1.5,\n  variant,\n  animation,\n}: AvatarProps) => {\n  return (\n    <motion.div\n      className={classNames(\n        \"text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15\",\n        (crosshair?.variant === \"corners\" || crosshair?.variant === \"cross\") &&\n          \"p-2\",\n        crosshair?.variant === \"bordered\" && \"px-3 py-2\",\n        className,\n      )}\n      style={{\n        borderWidth: thickness,\n        color: variant\n          ? BRAND_COLOURS[variant.toLowerCase() as BrandColour]\n          : undefined,\n      }}\n      {...animation}\n    >\n      <div\n        className={classNames(\n          \"text-current absolute inset-0\",\n          crosshair?.variant !== \"bordered\" && \"absolute !-inset-[1.5px]\",\n        )}\n      >\n        <CrosshairCorners\n          key={icon.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\")}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 6}\n        />\n      </div>\n      <div className=\"flex items-center justify-center p-1\">\n        <Icon\n          name={icon.name as IconName}\n          className={icon.className}\n          size={icon.size || 24}\n        />\n      </div>\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAa,UAAU,EACrB,WACA,MACA,WACA,YAAY,KACZ,SACA,gBACiB;AACjB,QACE,4CAACA,oBAAO;EACN,mCACE,gJACC,WAAW,YAAY,aAAa,WAAW,YAAY,YAC1D,OACF,WAAW,YAAY,cAAc,aACrC,UACD;EACD,OAAO;GACL,aAAa;GACb,OAAO,UACHC,oCAAc,QAAQ,aAAa,IACnC;GACL;EACD,GAAI;aAEJ,2CAAC;GACC,mCACE,iCACA,WAAW,YAAY,cAAc,2BACtC;aAED,2CAACC;IAEC,SAAS,WAAW;IACpB,mCAAsB,eAAe;IACrC,gBAAgB,WAAW,kBAAkB;IAC7C,mBAAmB,WAAW,qBAAqB;IACnD,MAAM,WAAW,QAAQ;MALpB,KAAK,KAMV;IACE,EACN,2CAAC;GAAI,WAAU;aACb,2CAACC;IACC,MAAM,KAAK;IACX,WAAW,KAAK;IAChB,MAAM,KAAK,QAAQ;KACnB;IACE;GACK"}

package/dist/Avatar.d.cts

@@ -0,0 +1,26 @@
+import { CrosshairCornersProps } from "./CrossHair.cjs";
+import { BrandColour } from "./utils/colours.cjs";
+import { IconProps } from "./Icon.cjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { MotionProps } from "motion/react";
+
+//#region src/Avatar.d.ts
+type AvatarProps = {
+  className?: string;
+  icon: IconProps;
+  variant?: BrandColour;
+  crosshair?: CrosshairCornersProps;
+  thickness: number;
+  animation?: MotionProps;
+};
+declare const Avatar: ({
+  className,
+  icon,
+  crosshair,
+  thickness,
+  variant,
+  animation
+}: AvatarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Avatar, AvatarProps };
+//# sourceMappingURL=Avatar.d.cts.map

package/dist/Avatar.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.cts","names":[],"sources":["../src/Avatar.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,WAAA;;QAEJ;EAFI,OAAA,CAAA,EAGA,WAHW;EAEf,SAAA,CAAA,EAEM,qBAFN;EACI,SAAA,EAAA,MAAA;EACE,SAAA,CAAA,EAEA,WAFA;CAEA;AAAW,cAGZ,MAHY,EAAA,CAAA;EAAA,SAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAUtB,WAVsB,EAAA,GAUX,kBAAA,CAAA,GAAA,CAAA,OAVW"}

package/dist/Avatar.d.mts

@@ -1,17 +1,26 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from './Icon-CS8ZR20W.mjs';
-import { CrosshairCornersProps } from './CrossHair.mjs';
-import { MotionProps } from 'motion/react';
-import { BrandColour } from './utils/colours.mjs';
+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_runtime0 from "react/jsx-runtime";
 
+//#region src/Avatar.d.ts
 type AvatarProps = {
-    className?: string;
-    icon: IconProps;
-    variant?: BrandColour;
-    crosshair?: CrosshairCornersProps;
-    thickness: number;
-    animation?: MotionProps;
+  className?: string;
+  icon: IconProps;
+  variant?: BrandColour;
+  crosshair?: CrosshairCornersProps;
+  thickness: number;
+  animation?: MotionProps;
 };
-declare const Avatar: ({ className, icon, crosshair, thickness, variant, animation, }: AvatarProps) => react_jsx_runtime.JSX.Element;
-
-export { Avatar, type AvatarProps };
+declare const Avatar: ({
+  className,
+  icon,
+  crosshair,
+  thickness,
+  variant,
+  animation
+}: AvatarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Avatar, AvatarProps };
+//# sourceMappingURL=Avatar.d.mts.map

package/dist/Avatar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.mts","names":[],"sources":["../src/Avatar.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,WAAA;;QAEJ;EAFI,OAAA,CAAA,EAGA,WAHW;EAEf,SAAA,CAAA,EAEM,qBAFN;EACI,SAAA,EAAA,MAAA;EACE,SAAA,CAAA,EAEA,WAFA;CAEA;AAAW,cAGZ,MAHY,EAAA,CAAA;EAAA,SAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAUtB,WAVsB,EAAA,GAUX,kBAAA,CAAA,GAAA,CAAA,OAVW"}

package/dist/Avatar.mjs

@@ -1,66 +1,41 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import { Icon } from './Icon';
-import { CrosshairCorners } from './CrossHair';
-import { motion } from 'motion/react';
-import { BRAND_COLOURS } from './utils/colours';
+"use client";
 
-const Avatar = ({
-  className,
-  icon,
-  crosshair,
-  thickness = 1.5,
-  variant,
-  animation
-}) => {
-  return /* @__PURE__ */ jsxs(
-    motion.div,
-    {
-      className: classNames(
-        "text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15",
-        (crosshair?.variant === "corners" || crosshair?.variant === "cross") && "p-2",
-        crosshair?.variant === "bordered" && "px-3 py-2",
-        className
-      ),
-      style: {
-        borderWidth: thickness,
-        color: variant ? BRAND_COLOURS[variant.toLowerCase()] : void 0
-      },
-      ...animation,
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classNames(
-              "text-current absolute inset-0",
-              crosshair?.variant !== "bordered" && "absolute !-inset-[1.5px]"
-            ),
-            children: /* @__PURE__ */ jsx(
-              CrosshairCorners,
-              {
-                variant: crosshair?.variant,
-                className: classNames("text-current"),
-                animationDelay: crosshair?.animationDelay || 0,
-                animationDuration: crosshair?.animationDuration || 1.5,
-                size: crosshair?.size || 6
-              },
-              icon.name
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-1", children: /* @__PURE__ */ jsx(
-          Icon,
-          {
-            name: icon.name,
-            className: icon.className,
-            size: icon.size || 24
-          }
-        ) })
-      ]
-    }
-  );
+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 { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Avatar.tsx
+const Avatar = ({ className, icon, crosshair, thickness = 1.5, variant, animation }) => {
+	return /* @__PURE__ */ jsxs(motion.div, {
+		className: classNames("text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15", (crosshair?.variant === "corners" || crosshair?.variant === "cross") && "p-2", crosshair?.variant === "bordered" && "px-3 py-2", className),
+		style: {
+			borderWidth: thickness,
+			color: variant ? BRAND_COLOURS[variant.toLowerCase()] : void 0
+		},
+		...animation,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: classNames("text-current absolute inset-0", crosshair?.variant !== "bordered" && "absolute !-inset-[1.5px]"),
+			children: /* @__PURE__ */ jsx(CrosshairCorners, {
+				variant: crosshair?.variant,
+				className: classNames("text-current"),
+				animationDelay: crosshair?.animationDelay || 0,
+				animationDuration: crosshair?.animationDuration || 1.5,
+				size: crosshair?.size || 6
+			}, icon.name)
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex items-center justify-center p-1",
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: icon.name,
+				className: icon.className,
+				size: icon.size || 24
+			})
+		})]
+	});
 };
 
+//#endregion
 export { Avatar };
-//# sourceMappingURL=Avatar.mjs.map
 //# sourceMappingURL=Avatar.mjs.map

package/dist/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Avatar.tsx"],"names":[],"mappings":";;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,GAAA;AAAA,EACZ,OAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,QACT,6IAAA;AAAA,QAAA,CACC,SAAA,EAAW,OAAA,KAAY,SAAA,IAAa,SAAA,EAAW,YAAY,OAAA,KAC1D,KAAA;AAAA,QACF,SAAA,EAAW,YAAY,UAAA,IAAc,WAAA;AAAA,QACrC;AAAA,OACF;AAAA,MACA,KAAA,EAAO;AAAA,QACL,WAAA,EAAa,SAAA;AAAA,QACb,OAAO,OAAA,GACH,aAAA,CAAc,OAAA,CAAQ,WAAA,EAA4B,CAAA,GAClD;AAAA,OACN;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,cACT,+BAAA;AAAA,cACA,SAAA,EAAW,YAAY,UAAA,IAAc;AAAA,aACvC;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBAEC,SAAS,SAAA,EAAW,OAAA;AAAA,gBACpB,SAAA,EAAW,WAAW,cAAc,CAAA;AAAA,gBACpC,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,gBAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,gBACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,eAAA;AAAA,cALpB,IAAA,CAAK;AAAA;AAMZ;AAAA,SACF;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,WAAW,IAAA,CAAK,SAAA;AAAA,YAChB,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA;AAAA,SACrB,EACF;AAAA;AAAA;AAAA,GACF;AAEJ","file":"Avatar.mjs","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { IconName } from \"./icons\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type AvatarProps = {\n  className?: string;\n  icon: IconProps;\n  variant?: BrandColour;\n  crosshair?: CrosshairCornersProps;\n  thickness: number;\n  animation?: MotionProps;\n};\n\nexport const Avatar = ({\n  className,\n  icon,\n  crosshair,\n  thickness = 1.5,\n  variant,\n  animation,\n}: AvatarProps) => {\n  return (\n    <motion.div\n      className={classNames(\n        \"text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15\",\n        (crosshair?.variant === \"corners\" || crosshair?.variant === \"cross\") &&\n          \"p-2\",\n        crosshair?.variant === \"bordered\" && \"px-3 py-2\",\n        className,\n      )}\n      style={{\n        borderWidth: thickness,\n        color: variant\n          ? BRAND_COLOURS[variant.toLowerCase() as BrandColour]\n          : undefined,\n      }}\n      {...animation}\n    >\n      <div\n        className={classNames(\n          \"text-current absolute inset-0\",\n          crosshair?.variant !== \"bordered\" && \"absolute !-inset-[1.5px]\",\n        )}\n      >\n        <CrosshairCorners\n          key={icon.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\")}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 6}\n        />\n      </div>\n      <div className=\"flex items-center justify-center p-1\">\n        <Icon\n          name={icon.name as IconName}\n          className={icon.className}\n          size={icon.size || 24}\n        />\n      </div>\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"file":"Avatar.mjs","names":[],"sources":["../src/Avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { IconName } from \"./icons\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type AvatarProps = {\n  className?: string;\n  icon: IconProps;\n  variant?: BrandColour;\n  crosshair?: CrosshairCornersProps;\n  thickness: number;\n  animation?: MotionProps;\n};\n\nexport const Avatar = ({\n  className,\n  icon,\n  crosshair,\n  thickness = 1.5,\n  variant,\n  animation,\n}: AvatarProps) => {\n  return (\n    <motion.div\n      className={classNames(\n        \"text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15\",\n        (crosshair?.variant === \"corners\" || crosshair?.variant === \"cross\") &&\n          \"p-2\",\n        crosshair?.variant === \"bordered\" && \"px-3 py-2\",\n        className,\n      )}\n      style={{\n        borderWidth: thickness,\n        color: variant\n          ? BRAND_COLOURS[variant.toLowerCase() as BrandColour]\n          : undefined,\n      }}\n      {...animation}\n    >\n      <div\n        className={classNames(\n          \"text-current absolute inset-0\",\n          crosshair?.variant !== \"bordered\" && \"absolute !-inset-[1.5px]\",\n        )}\n      >\n        <CrosshairCorners\n          key={icon.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\")}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 6}\n        />\n      </div>\n      <div className=\"flex items-center justify-center p-1\">\n        <Icon\n          name={icon.name as IconName}\n          className={icon.className}\n          size={icon.size || 24}\n        />\n      </div>\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAkBA,MAAa,UAAU,EACrB,WACA,MACA,WACA,YAAY,KACZ,SACA,gBACiB;AACjB,QACE,qBAAC,OAAO;EACN,WAAW,WACT,gJACC,WAAW,YAAY,aAAa,WAAW,YAAY,YAC1D,OACF,WAAW,YAAY,cAAc,aACrC,UACD;EACD,OAAO;GACL,aAAa;GACb,OAAO,UACH,cAAc,QAAQ,aAAa,IACnC;GACL;EACD,GAAI;aAEJ,oBAAC;GACC,WAAW,WACT,iCACA,WAAW,YAAY,cAAc,2BACtC;aAED,oBAAC;IAEC,SAAS,WAAW;IACpB,WAAW,WAAW,eAAe;IACrC,gBAAgB,WAAW,kBAAkB;IAC7C,mBAAmB,WAAW,qBAAqB;IACnD,MAAM,WAAW,QAAQ;MALpB,KAAK,KAMV;IACE,EACN,oBAAC;GAAI,WAAU;aACb,oBAAC;IACC,MAAM,KAAK;IACX,WAAW,KAAK;IAChB,MAAM,KAAK,QAAQ;KACnB;IACE;GACK"}