@blueshift-gg/ui-components 0.1.75 → 0.1.76

package/dist/utils/colours.js

@@ -0,0 +1,34 @@
+//#region src/utils/colours.ts
+const BRAND_COLOURS = {
+	rust: "var(--color-brand-rust)",
+	anchor: "var(--color-brand-anchor)",
+	typescript: "var(--color-brand-typescript)",
+	assembly: "var(--color-brand-assembly)",
+	general: "var(--color-brand-primary)",
+	brand: "var(--color-brand-primary)",
+	error: "var(--color-state-error)",
+	success: "var(--color-accent-2)",
+	beginner: "var(--color-accent-1)",
+	intermediate: "var(--color-accent-2)",
+	advanced: "var(--color-accent-3)",
+	expert: "var(--color-accent-4)",
+	secondary: "var(--color-shade-secondary)",
+	muted: "var(--color-shade-mute)",
+	mobile: "var(--color-brand-solana-mobile)"
+};
+const courseDifficulty = {
+	1: "Beginner",
+	2: "Intermediate",
+	3: "Advanced",
+	4: "Expert"
+};
+const difficultyColors = {
+	1: "#00C7E6",
+	2: "#00E66B",
+	3: "#E6D700",
+	4: "#FF285A"
+};
+
+//#endregion
+export { BRAND_COLOURS, courseDifficulty, difficultyColors };
+//# sourceMappingURL=colours.js.map

package/dist/utils/colours.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colours.js","names":[],"sources":["../../src/utils/colours.ts"],"sourcesContent":["export const BRAND_COLOURS = {\n  rust: \"var(--color-brand-rust)\",\n  anchor: \"var(--color-brand-anchor)\",\n  typescript: \"var(--color-brand-typescript)\",\n  assembly: \"var(--color-brand-assembly)\",\n  general: \"var(--color-brand-primary)\",\n  brand: \"var(--color-brand-primary)\",\n  error: \"var(--color-state-error)\",\n  success: \"var(--color-accent-2)\",\n  beginner: \"var(--color-accent-1)\",\n  intermediate: \"var(--color-accent-2)\",\n  advanced: \"var(--color-accent-3)\",\n  expert: \"var(--color-accent-4)\",\n  secondary: \"var(--color-shade-secondary)\",\n  muted: \"var(--color-shade-mute)\",\n  mobile: \"var(--color-brand-solana-mobile)\",\n};\n\nexport const courseDifficulty = {\n  1: \"Beginner\",\n  2: \"Intermediate\",\n  3: \"Advanced\",\n  4: \"Expert\",\n} as const;\n\nexport const difficultyColors = {\n  1: \"#00C7E6\",\n  2: \"#00E66B\",\n  3: \"#E6D700\",\n  4: \"#FF285A\",\n} as const;\n\nexport type BrandColour = keyof typeof BRAND_COLOURS;\n"],"mappings":";AAAA,MAAa,gBAAgB;CAC3B,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,UAAU;CACV,SAAS;CACT,OAAO;CACP,OAAO;CACP,SAAS;CACT,UAAU;CACV,cAAc;CACd,UAAU;CACV,QAAQ;CACR,WAAW;CACX,OAAO;CACP,QAAQ;CACT;AAED,MAAa,mBAAmB;CAC9B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AAED,MAAa,mBAAmB;CAC9B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ"}

package/dist/utils/easings.d.ts

@@ -0,0 +1,15 @@
+//#region src/utils/easings.d.ts
+declare const easings: {
+  readonly anticipate: readonly [1, -0.4, 0.35, 0.95];
+  readonly breeze: readonly [0.55, 0.085, 0.68, 0.53];
+  readonly silk: readonly [0.52, 0.062, 0.64, 0.21];
+  readonly swift: readonly [0.86, 0.04, 0.67, 0.24];
+  readonly nova: readonly [0.73, 0.065, 0.82, 0.08];
+  readonly crisp: readonly [0.92, 0.06, 0.77, 0.045];
+  readonly glide: readonly [0.58, 0.06, 0.95, 0.32];
+};
+declare const anticipate: readonly [1, -0.4, 0.35, 0.95], breeze: readonly [0.55, 0.085, 0.68, 0.53], silk: readonly [0.52, 0.062, 0.64, 0.21], swift: readonly [0.86, 0.04, 0.67, 0.24], nova: readonly [0.73, 0.065, 0.82, 0.08], crisp: readonly [0.92, 0.06, 0.77, 0.045], glide: readonly [0.58, 0.06, 0.95, 0.32];
+type Easing = (typeof easings)[keyof typeof easings];
+//#endregion
+export { Easing, anticipate, breeze, crisp, easings, glide, nova, silk, swift };
+//# sourceMappingURL=easings.d.ts.map

package/dist/utils/easings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"easings.d.ts","names":[],"sources":["../../src/utils/easings.ts"],"sourcesContent":[],"mappings":";cAAa;EAAA,SAAA,UAQH,EAAA,SAAA,CAAA,CAAA,EAAA,CAAA,GAAA,EAAA,IAAA,EAAA,IAAA,CAAA;EAGK,SAAA,MAAU,EAAA,SAAA,CAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,IAAA,CAAA;EAAE,SAAA,IAAA,EAAA,SAAA,CAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,IAAA,CAAA;EAAQ,SAAA,KAAA,EAAA,SAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,CAAA;EAAM,SAAA,IAAA,EAAA,SAAA,CAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,IAAA,CAAA;EAAO,SAAA,KAAA,EAAA,SAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,KAAA,CAAA;EAAM,SAAA,KAAA,EAAA,SAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,CAAA;;AAG1C,cAHG,UAGc,EAAA,SAAsB,CAAO,CAAA,EAAA,CAAA,GAAA,EAAA,IAAA,EAAA,IAAA,CAAA,EAAA,MAAA,EAAA,SAAA,CAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,IAAA,CAAA,EAAA,IAAA,EAAA,SAAA,CAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,IAAA,CAAA,EAAA,KAAA,EAAA,SAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,CAAA,EAAA,IAAA,EAAA,SAAA,CAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,IAAA,CAAA,EAAA,KAAA,EAAA,SAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,KAAA,CAAA,EAAA,KAAA,EAAA,SAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,CAAA;KAA9C,MAAA,WAAiB,sBAAsB"}

package/dist/utils/easings.js

@@ -0,0 +1,50 @@
+//#region src/utils/easings.ts
+const easings = {
+	anticipate: [
+		1,
+		-.4,
+		.35,
+		.95
+	],
+	breeze: [
+		.55,
+		.085,
+		.68,
+		.53
+	],
+	silk: [
+		.52,
+		.062,
+		.64,
+		.21
+	],
+	swift: [
+		.86,
+		.04,
+		.67,
+		.24
+	],
+	nova: [
+		.73,
+		.065,
+		.82,
+		.08
+	],
+	crisp: [
+		.92,
+		.06,
+		.77,
+		.045
+	],
+	glide: [
+		.58,
+		.06,
+		.95,
+		.32
+	]
+};
+const { anticipate, breeze, silk, swift, nova, crisp, glide } = easings;
+
+//#endregion
+export { anticipate, breeze, crisp, easings, glide, nova, silk, swift };
+//# sourceMappingURL=easings.js.map

package/dist/utils/easings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"easings.js","names":[],"sources":["../../src/utils/easings.ts"],"sourcesContent":["export const easings = {\n  anticipate: [1, -0.4, 0.35, 0.95] as const,\n  breeze: [0.55, 0.085, 0.68, 0.53] as const,\n  silk: [0.52, 0.062, 0.64, 0.21] as const,\n  swift: [0.86, 0.04, 0.67, 0.24] as const,\n  nova: [0.73, 0.065, 0.82, 0.08] as const,\n  crisp: [0.92, 0.06, 0.77, 0.045] as const,\n  glide: [0.58, 0.06, 0.95, 0.32] as const,\n} as const;\n\n// Export individual easings for convenience\nexport const { anticipate, breeze, silk, swift, nova, crisp, glide } = easings;\n\n// Type for easing values\nexport type Easing = (typeof easings)[keyof typeof easings];\n"],"mappings":";AAAA,MAAa,UAAU;CACrB,YAAY;EAAC;EAAG;EAAM;EAAM;EAAK;CACjC,QAAQ;EAAC;EAAM;EAAO;EAAM;EAAK;CACjC,MAAM;EAAC;EAAM;EAAO;EAAM;EAAK;CAC/B,OAAO;EAAC;EAAM;EAAM;EAAM;EAAK;CAC/B,MAAM;EAAC;EAAM;EAAO;EAAM;EAAK;CAC/B,OAAO;EAAC;EAAM;EAAM;EAAM;EAAM;CAChC,OAAO;EAAC;EAAM;EAAM;EAAM;EAAK;CAChC;AAGD,MAAa,EAAE,YAAY,QAAQ,MAAM,OAAO,MAAM,OAAO,UAAU"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueshift-gg/ui-components",
-  "version": "0.1.75",
+  "version": "0.1.76",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -24,30 +24,26 @@
     "blueshift",
     "tailwind"
   ],
+  "type": "module",
   "sideEffects": [
     "*.css"
   ],
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.js"
     },
     "./icons": {
       "types": "./dist/icons/index.d.ts",
-      "import": "./dist/icons/index.mjs",
-      "require": "./dist/icons/index.js"
+      "import": "./dist/icons/index.js"
     },
     "./theme.css": "./src/theme.css",
     "./fonts/*": "./src/fonts/*",
     "./package.json": "./package.json",
     "./*": {
       "types": "./dist/*.d.ts",
-      "import": "./dist/*.mjs",
-      "require": "./dist/*.js"
+      "import": "./dist/*.js"
     }
   },
   "files": [
@@ -57,15 +53,6 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "lint": "eslint . --max-warnings 0",
-    "generate:component": "turbo gen react-component",
-    "check-types": "tsc --noEmit",
-    "build": "tsdown",
-    "prepublishOnly": "pnpm build",
-    "publish:dry-run": "npm publish --dry-run",
-    "publish:npm": "npm publish --access public"
-  },
   "devDependencies": {
     "@types/node": "^22.15.3",
     "@types/react": "19.1.0",
@@ -84,5 +71,13 @@
     "sonner": "^2.0.7",
     "tailwindcss": "^4.1.4",
     "usehooks-ts": "^3.1.1"
+  },
+  "scripts": {
+    "lint": "eslint . --max-warnings 0",
+    "generate:component": "turbo gen react-component",
+    "check-types": "tsc --noEmit",
+    "build": "tsdown",
+    "publish:dry-run": "npm publish --dry-run",
+    "publish:npm": "npm publish --access public"
   }
 }

package/dist/Alert.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_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

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

@@ -1,32 +0,0 @@
-import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime3 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_runtime3.JSX.Element;
-//#endregion
-export { Alert, AlertProps };
-//# sourceMappingURL=Alert.d.cts.map

package/dist/Alert.d.cts.map

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

package/dist/Alert.d.mts

@@ -1,32 +0,0 @@
-import { IconProps } from "./Icon.mjs";
-import { MotionProps } from "motion/react";
-import * as react_jsx_runtime38 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;
-};
-declare const Alert: ({
-  onClear,
-  isClearable,
-  isExpandable,
-  title,
-  description,
-  variant,
-  icon,
-  className,
-  animation,
-  children
-}: AlertProps) => react_jsx_runtime38.JSX.Element;
-//#endregion
-export { Alert, AlertProps };
-//# sourceMappingURL=Alert.d.mts.map

package/dist/Alert.d.mts.map

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

package/dist/Alert.mjs

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

package/dist/Alert.mjs.map

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

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

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

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

@@ -1 +0,0 @@
-{"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,26 +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_runtime35 from "react/jsx-runtime";
-
-//#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_runtime35.JSX.Element;
-//#endregion
-export { Avatar, AvatarProps };
-//# sourceMappingURL=Avatar.d.mts.map

package/dist/Avatar.d.mts.map

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

package/dist/Avatar.mjs

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

package/dist/Avatar.mjs.map

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

package/dist/Badge.cjs

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