@medialane/ui 0.161.0 → 0.162.0

package/dist/components/button.d.cts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "ghost" | "link" | "default" | "destructive" | "outline" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
     size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "ghost" | "link" | "default" | "destructive" | "outline" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
     size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/fast-mint/fast-mint.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FastMintProps } from './types.cjs';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 export { FastMint };

package/dist/components/fast-mint/fast-mint.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FastMintProps } from './types.js';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 export { FastMint };

package/dist/components/rewards/{badge-unlock-toast-content.cjs → badge-unlocked.cjs}

@@ -16,14 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var badge_unlock_toast_content_exports = {};
-__export(badge_unlock_toast_content_exports, {
-  BadgeUnlockToastContent: () => BadgeUnlockToastContent
+var badge_unlocked_exports = {};
+__export(badge_unlocked_exports, {
+  BadgeUnlocked: () => BadgeUnlocked
 });
-module.exports = __toCommonJS(badge_unlock_toast_content_exports);
+module.exports = __toCommonJS(badge_unlocked_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_badge_shelf = require("./badge-shelf.js");
-function BadgeUnlockToastContent({ badge }) {
+function BadgeUnlocked({ badge }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2.5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
@@ -44,6 +44,6 @@ function BadgeUnlockToastContent({ badge }) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BadgeUnlockToastContent
+  BadgeUnlocked
 });
-//# sourceMappingURL=badge-unlock-toast-content.cjs.map
+//# sourceMappingURL=badge-unlocked.cjs.map

package/dist/components/rewards/badge-unlocked.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/badge-unlocked.tsx"],"sourcesContent":["import { BadgeIcon } from \"./badge-shelf.js\";\nimport type { BadgeShelfBadge } from \"./badge-shelf.js\";\n\nexport interface BadgeUnlockedProps {\n  badge: BadgeShelfBadge;\n}\n\nexport function BadgeUnlocked({ badge }: BadgeUnlockedProps) {\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <span\n        className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full border\"\n        style={{ borderColor: `${badge.color}60`, backgroundColor: `${badge.color}18` }}\n      >\n        <BadgeIcon name={badge.icon} color={badge.color} className=\"h-4 w-4\" />\n      </span>\n      <div className=\"min-w-0\">\n        <p className=\"truncate text-sm font-semibold\">Badge earned · {badge.name}</p>\n        <p className=\"text-xs text-muted-foreground truncate\">{badge.description}</p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcQ;AAdR,yBAA0B;AAOnB,SAAS,cAAc,EAAE,MAAM,GAAuB;AAC3D,SACE,6CAAC,SAAI,WAAU,6BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,GAAG,MAAM,KAAK,MAAM,iBAAiB,GAAG,MAAM,KAAK,KAAK;AAAA,QAE9E,sDAAC,gCAAU,MAAM,MAAM,MAAM,OAAO,MAAM,OAAO,WAAU,WAAU;AAAA;AAAA,IACvE;AAAA,IACA,6CAAC,SAAI,WAAU,WACb;AAAA,mDAAC,OAAE,WAAU,kCAAiC;AAAA;AAAA,QAAgB,MAAM;AAAA,SAAK;AAAA,MACzE,4CAAC,OAAE,WAAU,0CAA0C,gBAAM,aAAY;AAAA,OAC3E;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/rewards/badge-unlocked.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BadgeShelfBadge } from './badge-shelf.cjs';
+
+interface BadgeUnlockedProps {
+    badge: BadgeShelfBadge;
+}
+declare function BadgeUnlocked({ badge }: BadgeUnlockedProps): react_jsx_runtime.JSX.Element;
+
+export { BadgeUnlocked, type BadgeUnlockedProps };

package/dist/components/rewards/badge-unlocked.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BadgeShelfBadge } from './badge-shelf.js';
+
+interface BadgeUnlockedProps {
+    badge: BadgeShelfBadge;
+}
+declare function BadgeUnlocked({ badge }: BadgeUnlockedProps): react_jsx_runtime.JSX.Element;
+
+export { BadgeUnlocked, type BadgeUnlockedProps };

package/dist/components/rewards/{badge-unlock-toast-content.js → badge-unlocked.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { BadgeIcon } from "./badge-shelf.js";
-function BadgeUnlockToastContent({ badge }) {
+function BadgeUnlocked({ badge }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
     /* @__PURE__ */ jsx(
       "span",
@@ -20,6 +20,6 @@ function BadgeUnlockToastContent({ badge }) {
   ] });
 }
 export {
-  BadgeUnlockToastContent
+  BadgeUnlocked
 };
-//# sourceMappingURL=badge-unlock-toast-content.js.map
+//# sourceMappingURL=badge-unlocked.js.map

package/dist/components/rewards/badge-unlocked.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/badge-unlocked.tsx"],"sourcesContent":["import { BadgeIcon } from \"./badge-shelf.js\";\nimport type { BadgeShelfBadge } from \"./badge-shelf.js\";\n\nexport interface BadgeUnlockedProps {\n  badge: BadgeShelfBadge;\n}\n\nexport function BadgeUnlocked({ badge }: BadgeUnlockedProps) {\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <span\n        className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full border\"\n        style={{ borderColor: `${badge.color}60`, backgroundColor: `${badge.color}18` }}\n      >\n        <BadgeIcon name={badge.icon} color={badge.color} className=\"h-4 w-4\" />\n      </span>\n      <div className=\"min-w-0\">\n        <p className=\"truncate text-sm font-semibold\">Badge earned · {badge.name}</p>\n        <p className=\"text-xs text-muted-foreground truncate\">{badge.description}</p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAcQ,cAGA,YAHA;AAdR,SAAS,iBAAiB;AAOnB,SAAS,cAAc,EAAE,MAAM,GAAuB;AAC3D,SACE,qBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,GAAG,MAAM,KAAK,MAAM,iBAAiB,GAAG,MAAM,KAAK,KAAK;AAAA,QAE9E,8BAAC,aAAU,MAAM,MAAM,MAAM,OAAO,MAAM,OAAO,WAAU,WAAU;AAAA;AAAA,IACvE;AAAA,IACA,qBAAC,SAAI,WAAU,WACb;AAAA,2BAAC,OAAE,WAAU,kCAAiC;AAAA;AAAA,QAAgB,MAAM;AAAA,SAAK;AAAA,MACzE,oBAAC,OAAE,WAAU,0CAA0C,gBAAM,aAAY;AAAA,OAC3E;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/rewards/reward-earned.cjs

@@ -0,0 +1,65 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var reward_earned_exports = {};
+__export(reward_earned_exports, {
+  createRewardEarned: () => createRewardEarned
+});
+module.exports = __toCommonJS(reward_earned_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_xp_earned = require("./xp-earned.js");
+function createRewardEarned(getRewardsConfig) {
+  let configPromise = null;
+  const loadConfig = () => configPromise ?? (configPromise = getRewardsConfig());
+  return function RewardEarned({ actionType, snapshot, className }) {
+    const [config, setConfig] = (0, import_react.useState)(null);
+    (0, import_react.useEffect)(() => {
+      let alive = true;
+      loadConfig().then((loaded) => {
+        if (alive) setConfig(loaded);
+      }).catch((err) => {
+        console.error("rewards config could not be loaded", err);
+        configPromise = null;
+      });
+      return () => {
+        alive = false;
+      };
+    }, []);
+    const action = config?.actions.find((a) => a.type === actionType);
+    if (!config || !action) return null;
+    const level = snapshot ? config.levels.find((l) => l.level === snapshot.currentLevel) : void 0;
+    const nextLevel = snapshot ? config.levels.find((l) => l.level === snapshot.currentLevel + 1) : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_xp_earned.XpEarned,
+      {
+        xp: action.xp,
+        label: action.label,
+        totalXp: snapshot?.totalXp,
+        levelXp: snapshot ? level?.xpRequired ?? 0 : void 0,
+        nextLevelXp: snapshot ? nextLevel?.xpRequired ?? null : void 0
+      }
+    ) });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createRewardEarned
+});
+//# sourceMappingURL=reward-earned.cjs.map

package/dist/components/rewards/reward-earned.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/reward-earned.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { XpEarned } from \"./xp-earned.js\";\nimport type { ApiRewardsConfig } from \"@medialane/sdk\";\n\nexport interface RewardSnapshot {\n  totalXp: number;\n  currentLevel: number;\n}\n\nexport interface RewardEarnedProps {\n  actionType: string;\n  snapshot?: RewardSnapshot;\n  className?: string;\n}\n\nexport function createRewardEarned(getRewardsConfig: () => Promise<ApiRewardsConfig>) {\n  let configPromise: Promise<ApiRewardsConfig> | null = null;\n  const loadConfig = () => (configPromise ??= getRewardsConfig());\n\n  return function RewardEarned({ actionType, snapshot, className }: RewardEarnedProps) {\n    const [config, setConfig] = useState<ApiRewardsConfig | null>(null);\n\n    useEffect(() => {\n      let alive = true;\n      loadConfig()\n        .then((loaded) => {\n          if (alive) setConfig(loaded);\n        })\n        .catch((err) => {\n          console.error(\"rewards config could not be loaded\", err);\n          configPromise = null;\n        });\n      return () => {\n        alive = false;\n      };\n    }, []);\n\n    const action = config?.actions.find((a) => a.type === actionType);\n    if (!config || !action) return null;\n\n    const level = snapshot ? config.levels.find((l) => l.level === snapshot.currentLevel) : undefined;\n    const nextLevel = snapshot ? config.levels.find((l) => l.level === snapshot.currentLevel + 1) : undefined;\n\n    return (\n      <div className={className}>\n        <XpEarned\n          xp={action.xp}\n          label={action.label}\n          totalXp={snapshot?.totalXp}\n          levelXp={snapshot ? level?.xpRequired ?? 0 : undefined}\n          nextLevelXp={snapshot ? nextLevel?.xpRequired ?? null : undefined}\n        />\n      </div>\n    );\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CQ;AA7CR,mBAAoC;AACpC,uBAAyB;AAclB,SAAS,mBAAmB,kBAAmD;AACpF,MAAI,gBAAkD;AACtD,QAAM,aAAa,MAAO,kCAAkB,iBAAiB;AAE7D,SAAO,SAAS,aAAa,EAAE,YAAY,UAAU,UAAU,GAAsB;AACnF,UAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkC,IAAI;AAElE,gCAAU,MAAM;AACd,UAAI,QAAQ;AACZ,iBAAW,EACR,KAAK,CAAC,WAAW;AAChB,YAAI,MAAO,WAAU,MAAM;AAAA,MAC7B,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,gBAAQ,MAAM,sCAAsC,GAAG;AACvD,wBAAgB;AAAA,MAClB,CAAC;AACH,aAAO,MAAM;AACX,gBAAQ;AAAA,MACV;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,UAAM,SAAS,QAAQ,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,UAAU;AAChE,QAAI,CAAC,UAAU,CAAC,OAAQ,QAAO;AAE/B,UAAM,QAAQ,WAAW,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,YAAY,IAAI;AACxF,UAAM,YAAY,WAAW,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,eAAe,CAAC,IAAI;AAEhG,WACE,4CAAC,SAAI,WACH;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,OAAO;AAAA,QACX,OAAO,OAAO;AAAA,QACd,SAAS,UAAU;AAAA,QACnB,SAAS,WAAW,OAAO,cAAc,IAAI;AAAA,QAC7C,aAAa,WAAW,WAAW,cAAc,OAAO;AAAA;AAAA,IAC1D,GACF;AAAA,EAEJ;AACF;","names":[]}

package/dist/components/rewards/reward-earned.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiRewardsConfig } from '@medialane/sdk';
+
+interface RewardSnapshot {
+    totalXp: number;
+    currentLevel: number;
+}
+interface RewardEarnedProps {
+    actionType: string;
+    snapshot?: RewardSnapshot;
+    className?: string;
+}
+declare function createRewardEarned(getRewardsConfig: () => Promise<ApiRewardsConfig>): ({ actionType, snapshot, className }: RewardEarnedProps) => react_jsx_runtime.JSX.Element | null;
+
+export { type RewardEarnedProps, type RewardSnapshot, createRewardEarned };

package/dist/components/rewards/reward-earned.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiRewardsConfig } from '@medialane/sdk';
+
+interface RewardSnapshot {
+    totalXp: number;
+    currentLevel: number;
+}
+interface RewardEarnedProps {
+    actionType: string;
+    snapshot?: RewardSnapshot;
+    className?: string;
+}
+declare function createRewardEarned(getRewardsConfig: () => Promise<ApiRewardsConfig>): ({ actionType, snapshot, className }: RewardEarnedProps) => react_jsx_runtime.JSX.Element | null;
+
+export { type RewardEarnedProps, type RewardSnapshot, createRewardEarned };

package/dist/components/rewards/reward-earned.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { XpEarned } from "./xp-earned.js";
+function createRewardEarned(getRewardsConfig) {
+  let configPromise = null;
+  const loadConfig = () => configPromise ?? (configPromise = getRewardsConfig());
+  return function RewardEarned({ actionType, snapshot, className }) {
+    const [config, setConfig] = useState(null);
+    useEffect(() => {
+      let alive = true;
+      loadConfig().then((loaded) => {
+        if (alive) setConfig(loaded);
+      }).catch((err) => {
+        console.error("rewards config could not be loaded", err);
+        configPromise = null;
+      });
+      return () => {
+        alive = false;
+      };
+    }, []);
+    const action = config?.actions.find((a) => a.type === actionType);
+    if (!config || !action) return null;
+    const level = snapshot ? config.levels.find((l) => l.level === snapshot.currentLevel) : void 0;
+    const nextLevel = snapshot ? config.levels.find((l) => l.level === snapshot.currentLevel + 1) : void 0;
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+      XpEarned,
+      {
+        xp: action.xp,
+        label: action.label,
+        totalXp: snapshot?.totalXp,
+        levelXp: snapshot ? level?.xpRequired ?? 0 : void 0,
+        nextLevelXp: snapshot ? nextLevel?.xpRequired ?? null : void 0
+      }
+    ) });
+  };
+}
+export {
+  createRewardEarned
+};
+//# sourceMappingURL=reward-earned.js.map

package/dist/components/rewards/reward-earned.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/reward-earned.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { XpEarned } from \"./xp-earned.js\";\nimport type { ApiRewardsConfig } from \"@medialane/sdk\";\n\nexport interface RewardSnapshot {\n  totalXp: number;\n  currentLevel: number;\n}\n\nexport interface RewardEarnedProps {\n  actionType: string;\n  snapshot?: RewardSnapshot;\n  className?: string;\n}\n\nexport function createRewardEarned(getRewardsConfig: () => Promise<ApiRewardsConfig>) {\n  let configPromise: Promise<ApiRewardsConfig> | null = null;\n  const loadConfig = () => (configPromise ??= getRewardsConfig());\n\n  return function RewardEarned({ actionType, snapshot, className }: RewardEarnedProps) {\n    const [config, setConfig] = useState<ApiRewardsConfig | null>(null);\n\n    useEffect(() => {\n      let alive = true;\n      loadConfig()\n        .then((loaded) => {\n          if (alive) setConfig(loaded);\n        })\n        .catch((err) => {\n          console.error(\"rewards config could not be loaded\", err);\n          configPromise = null;\n        });\n      return () => {\n        alive = false;\n      };\n    }, []);\n\n    const action = config?.actions.find((a) => a.type === actionType);\n    if (!config || !action) return null;\n\n    const level = snapshot ? config.levels.find((l) => l.level === snapshot.currentLevel) : undefined;\n    const nextLevel = snapshot ? config.levels.find((l) => l.level === snapshot.currentLevel + 1) : undefined;\n\n    return (\n      <div className={className}>\n        <XpEarned\n          xp={action.xp}\n          label={action.label}\n          totalXp={snapshot?.totalXp}\n          levelXp={snapshot ? level?.xpRequired ?? 0 : undefined}\n          nextLevelXp={snapshot ? nextLevel?.xpRequired ?? null : undefined}\n        />\n      </div>\n    );\n  };\n}\n"],"mappings":";AA+CQ;AA7CR,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AAclB,SAAS,mBAAmB,kBAAmD;AACpF,MAAI,gBAAkD;AACtD,QAAM,aAAa,MAAO,kCAAkB,iBAAiB;AAE7D,SAAO,SAAS,aAAa,EAAE,YAAY,UAAU,UAAU,GAAsB;AACnF,UAAM,CAAC,QAAQ,SAAS,IAAI,SAAkC,IAAI;AAElE,cAAU,MAAM;AACd,UAAI,QAAQ;AACZ,iBAAW,EACR,KAAK,CAAC,WAAW;AAChB,YAAI,MAAO,WAAU,MAAM;AAAA,MAC7B,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,gBAAQ,MAAM,sCAAsC,GAAG;AACvD,wBAAgB;AAAA,MAClB,CAAC;AACH,aAAO,MAAM;AACX,gBAAQ;AAAA,MACV;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,UAAM,SAAS,QAAQ,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,UAAU;AAChE,QAAI,CAAC,UAAU,CAAC,OAAQ,QAAO;AAE/B,UAAM,QAAQ,WAAW,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,YAAY,IAAI;AACxF,UAAM,YAAY,WAAW,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,eAAe,CAAC,IAAI;AAEhG,WACE,oBAAC,SAAI,WACH;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,OAAO;AAAA,QACX,OAAO,OAAO;AAAA,QACd,SAAS,UAAU;AAAA,QACnB,SAAS,WAAW,OAAO,cAAc,IAAI;AAAA,QAC7C,aAAa,WAAW,WAAW,cAAc,OAAO;AAAA;AAAA,IAC1D,GACF;AAAA,EAEJ;AACF;","names":[]}

package/dist/components/rewards/{xp-toast-content.cjs → xp-earned.cjs}

@@ -16,14 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var xp_toast_content_exports = {};
-__export(xp_toast_content_exports, {
-  XpToastContent: () => XpToastContent
+var xp_earned_exports = {};
+__export(xp_earned_exports, {
+  XpEarned: () => XpEarned
 });
-module.exports = __toCommonJS(xp_toast_content_exports);
+module.exports = __toCommonJS(xp_earned_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_xp_progress = require("./xp-progress.js");
-function XpToastContent({ xp, label, color = "#8b5cf6", totalXp, levelXp, nextLevelXp }) {
+function XpEarned({ xp, label, color = "#8b5cf6", totalXp, levelXp, nextLevelXp }) {
   const showProgress = totalXp !== void 0 && levelXp !== void 0 && nextLevelXp !== void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2.5", children: [
@@ -49,6 +49,6 @@ function XpToastContent({ xp, label, color = "#8b5cf6", totalXp, levelXp, nextLe
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  XpToastContent
+  XpEarned
 });
-//# sourceMappingURL=xp-toast-content.cjs.map
+//# sourceMappingURL=xp-earned.cjs.map

package/dist/components/rewards/xp-earned.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/xp-earned.tsx"],"sourcesContent":["import { XpProgress } from \"./xp-progress.js\";\n\nexport interface XpEarnedProps {\n  xp: number;\n\n  label: string;\n  color?: string;\n\n  totalXp?: number;\n  levelXp?: number;\n  nextLevelXp?: number | null;\n}\n\nexport function XpEarned({ xp, label, color = \"#8b5cf6\", totalXp, levelXp, nextLevelXp }: XpEarnedProps) {\n  const showProgress = totalXp !== undefined && levelXp !== undefined && nextLevelXp !== undefined;\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      <div className=\"flex items-center gap-2.5\">\n        <span\n          className=\"flex h-8 shrink-0 items-center rounded-full border px-2.5 text-sm font-black tabular-nums\"\n          style={{ borderColor: `${color}60`, backgroundColor: `${color}18`, color }}\n        >\n          +{xp} XP\n        </span>\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm font-semibold\">{label}</p>\n          {!showProgress && <p className=\"text-xs text-muted-foreground\">Counts toward your score soon</p>}\n        </div>\n      </div>\n      {showProgress && (\n        <XpProgress totalXp={totalXp!} levelXp={levelXp!} nextLevelXp={nextLevelXp!} badgeColor={color} variant=\"bar\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBQ;AAlBR,yBAA2B;AAapB,SAAS,SAAS,EAAE,IAAI,OAAO,QAAQ,WAAW,SAAS,SAAS,YAAY,GAAkB;AACvG,QAAM,eAAe,YAAY,UAAa,YAAY,UAAa,gBAAgB;AACvF,SACE,6CAAC,SAAI,WAAU,yBACb;AAAA,iDAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,aAAa,GAAG,KAAK,MAAM,iBAAiB,GAAG,KAAK,MAAM,MAAM;AAAA,UAC1E;AAAA;AAAA,YACG;AAAA,YAAG;AAAA;AAAA;AAAA,MACP;AAAA,MACA,6CAAC,SAAI,WAAU,WACb;AAAA,oDAAC,OAAE,WAAU,kCAAkC,iBAAM;AAAA,QACpD,CAAC,gBAAgB,4CAAC,OAAE,WAAU,iCAAgC,2CAA6B;AAAA,SAC9F;AAAA,OACF;AAAA,IACC,gBACC,4CAAC,iCAAW,SAAmB,SAAmB,aAA2B,YAAY,OAAO,SAAQ,OAAM;AAAA,KAElH;AAEJ;","names":[]}

package/dist/components/rewards/xp-earned.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface XpEarnedProps {
+    xp: number;
+    label: string;
+    color?: string;
+    totalXp?: number;
+    levelXp?: number;
+    nextLevelXp?: number | null;
+}
+declare function XpEarned({ xp, label, color, totalXp, levelXp, nextLevelXp }: XpEarnedProps): react_jsx_runtime.JSX.Element;
+
+export { XpEarned, type XpEarnedProps };

package/dist/components/rewards/xp-earned.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface XpEarnedProps {
+    xp: number;
+    label: string;
+    color?: string;
+    totalXp?: number;
+    levelXp?: number;
+    nextLevelXp?: number | null;
+}
+declare function XpEarned({ xp, label, color, totalXp, levelXp, nextLevelXp }: XpEarnedProps): react_jsx_runtime.JSX.Element;
+
+export { XpEarned, type XpEarnedProps };

package/dist/components/rewards/{xp-toast-content.js → xp-earned.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { XpProgress } from "./xp-progress.js";
-function XpToastContent({ xp, label, color = "#8b5cf6", totalXp, levelXp, nextLevelXp }) {
+function XpEarned({ xp, label, color = "#8b5cf6", totalXp, levelXp, nextLevelXp }) {
   const showProgress = totalXp !== void 0 && levelXp !== void 0 && nextLevelXp !== void 0;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
@@ -25,6 +25,6 @@ function XpToastContent({ xp, label, color = "#8b5cf6", totalXp, levelXp, nextLe
   ] });
 }
 export {
-  XpToastContent
+  XpEarned
 };
-//# sourceMappingURL=xp-toast-content.js.map
+//# sourceMappingURL=xp-earned.js.map

package/dist/components/rewards/xp-earned.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/xp-earned.tsx"],"sourcesContent":["import { XpProgress } from \"./xp-progress.js\";\n\nexport interface XpEarnedProps {\n  xp: number;\n\n  label: string;\n  color?: string;\n\n  totalXp?: number;\n  levelXp?: number;\n  nextLevelXp?: number | null;\n}\n\nexport function XpEarned({ xp, label, color = \"#8b5cf6\", totalXp, levelXp, nextLevelXp }: XpEarnedProps) {\n  const showProgress = totalXp !== undefined && levelXp !== undefined && nextLevelXp !== undefined;\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      <div className=\"flex items-center gap-2.5\">\n        <span\n          className=\"flex h-8 shrink-0 items-center rounded-full border px-2.5 text-sm font-black tabular-nums\"\n          style={{ borderColor: `${color}60`, backgroundColor: `${color}18`, color }}\n        >\n          +{xp} XP\n        </span>\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm font-semibold\">{label}</p>\n          {!showProgress && <p className=\"text-xs text-muted-foreground\">Counts toward your score soon</p>}\n        </div>\n      </div>\n      {showProgress && (\n        <XpProgress totalXp={totalXp!} levelXp={levelXp!} nextLevelXp={nextLevelXp!} badgeColor={color} variant=\"bar\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":"AAkBQ,SAOE,KAPF;AAlBR,SAAS,kBAAkB;AAapB,SAAS,SAAS,EAAE,IAAI,OAAO,QAAQ,WAAW,SAAS,SAAS,YAAY,GAAkB;AACvG,QAAM,eAAe,YAAY,UAAa,YAAY,UAAa,gBAAgB;AACvF,SACE,qBAAC,SAAI,WAAU,yBACb;AAAA,yBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,aAAa,GAAG,KAAK,MAAM,iBAAiB,GAAG,KAAK,MAAM,MAAM;AAAA,UAC1E;AAAA;AAAA,YACG;AAAA,YAAG;AAAA;AAAA;AAAA,MACP;AAAA,MACA,qBAAC,SAAI,WAAU,WACb;AAAA,4BAAC,OAAE,WAAU,kCAAkC,iBAAM;AAAA,QACpD,CAAC,gBAAgB,oBAAC,OAAE,WAAU,iCAAgC,2CAA6B;AAAA,SAC9F;AAAA,OACF;AAAA,IACC,gBACC,oBAAC,cAAW,SAAmB,SAAmB,aAA2B,YAAY,OAAO,SAAQ,OAAM;AAAA,KAElH;AAEJ;","names":[]}

package/dist/components/share-button.cjs

@@ -25,7 +25,6 @@ module.exports = __toCommonJS(share_button_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_lucide_react = require("lucide-react");
-var import_sonner = require("sonner");
 var import_cn = require("../utils/cn.js");
 const VARIANT_CLASSES = {
   outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
@@ -56,7 +55,6 @@ function ShareButton({
     } else {
       await navigator.clipboard.writeText(shareUrl);
       setCopied(true);
-      import_sonner.toast.success("Link copied to clipboard");
       setTimeout(() => setCopied(false), 2e3);
     }
   };

package/dist/components/share-button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/share-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Share2, Check } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ShareButtonProps {\n  title: string;\n  url?: string;\n  variant?: \"outline\" | \"ghost\" | \"default\";\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\n  className?: string;\n}\n\nconst VARIANT_CLASSES: Record<NonNullable<ShareButtonProps[\"variant\"]>, string> = {\n  outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n  ghost: \"hover:bg-accent hover:text-accent-foreground\",\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n};\n\nconst SIZE_CLASSES: Record<NonNullable<ShareButtonProps[\"size\"]>, string> = {\n  sm: \"h-9 px-3 text-xs rounded-md\",\n  default: \"h-10 px-4 py-2 text-sm rounded-md\",\n  lg: \"h-11 px-8 text-sm rounded-md\",\n  icon: \"min-h-11 min-w-11 rounded-md\",\n};\n\nexport function ShareButton({\n  title,\n  url,\n  variant = \"outline\",\n  size = \"sm\",\n  className,\n}: ShareButtonProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleShare = async () => {\n    const shareUrl = url ?? (typeof window !== \"undefined\" ? window.location.href : \"\");\n    if (typeof navigator !== \"undefined\" && navigator.share) {\n      try {\n        await navigator.share({ title, url: shareUrl });\n      } catch {\n\n      }\n    } else {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n      toast.success(\"Link copied to clipboard\");\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <button\n      onClick={handleShare}\n      className={cn(\n        \"inline-flex items-center justify-center font-medium transition-colors\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        VARIANT_CLASSES[variant],\n        SIZE_CLASSES[size],\n        className\n      )}\n    >\n      {copied\n        ? <Check className=\"h-3.5 w-3.5 text-emerald-500\" />\n        : <Share2 className=\"h-3.5 w-3.5\" />\n      }\n      {size !== \"icon\" && (\n        <span className=\"ml-1.5\">{copied ? \"Copied\" : \"Share\"}</span>\n      )}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsDI;AApDJ,mBAAyB;AACzB,0BAA8B;AAC9B,oBAAsB;AACtB,gBAAmB;AAUnB,MAAM,kBAA4E;AAAA,EAChF,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,eAAsE;AAAA,EAC1E,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAE1C,QAAM,cAAc,YAAY;AAC9B,UAAM,WAAW,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AAChF,QAAI,OAAO,cAAc,eAAe,UAAU,OAAO;AACvD,UAAI;AACF,cAAM,UAAU,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;AAAA,MAChD,QAAQ;AAAA,MAER;AAAA,IACF,OAAO;AACL,YAAM,UAAU,UAAU,UAAU,QAAQ;AAC5C,gBAAU,IAAI;AACd,0BAAM,QAAQ,0BAA0B;AACxC,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,IACzC;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA,iBACG,4CAAC,6BAAM,WAAU,gCAA+B,IAChD,4CAAC,8BAAO,WAAU,eAAc;AAAA,QAEnC,SAAS,UACR,4CAAC,UAAK,WAAU,UAAU,mBAAS,WAAW,SAAQ;AAAA;AAAA;AAAA,EAE1D;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/share-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Share2, Check } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ShareButtonProps {\n  title: string;\n  url?: string;\n  variant?: \"outline\" | \"ghost\" | \"default\";\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\n  className?: string;\n}\n\nconst VARIANT_CLASSES: Record<NonNullable<ShareButtonProps[\"variant\"]>, string> = {\n  outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n  ghost: \"hover:bg-accent hover:text-accent-foreground\",\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n};\n\nconst SIZE_CLASSES: Record<NonNullable<ShareButtonProps[\"size\"]>, string> = {\n  sm: \"h-9 px-3 text-xs rounded-md\",\n  default: \"h-10 px-4 py-2 text-sm rounded-md\",\n  lg: \"h-11 px-8 text-sm rounded-md\",\n  icon: \"min-h-11 min-w-11 rounded-md\",\n};\n\nexport function ShareButton({\n  title,\n  url,\n  variant = \"outline\",\n  size = \"sm\",\n  className,\n}: ShareButtonProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleShare = async () => {\n    const shareUrl = url ?? (typeof window !== \"undefined\" ? window.location.href : \"\");\n    if (typeof navigator !== \"undefined\" && navigator.share) {\n      try {\n        await navigator.share({ title, url: shareUrl });\n      } catch {\n\n      }\n    } else {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <button\n      onClick={handleShare}\n      className={cn(\n        \"inline-flex items-center justify-center font-medium transition-colors\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        VARIANT_CLASSES[variant],\n        SIZE_CLASSES[size],\n        className\n      )}\n    >\n      {copied\n        ? <Check className=\"h-3.5 w-3.5 text-emerald-500\" />\n        : <Share2 className=\"h-3.5 w-3.5\" />\n      }\n      {size !== \"icon\" && (\n        <span className=\"ml-1.5\">{copied ? \"Copied\" : \"Share\"}</span>\n      )}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoDI;AAlDJ,mBAAyB;AACzB,0BAA8B;AAC9B,gBAAmB;AAUnB,MAAM,kBAA4E;AAAA,EAChF,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,eAAsE;AAAA,EAC1E,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAE1C,QAAM,cAAc,YAAY;AAC9B,UAAM,WAAW,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AAChF,QAAI,OAAO,cAAc,eAAe,UAAU,OAAO;AACvD,UAAI;AACF,cAAM,UAAU,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;AAAA,MAChD,QAAQ;AAAA,MAER;AAAA,IACF,OAAO;AACL,YAAM,UAAU,UAAU,UAAU,QAAQ;AAC5C,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,IACzC;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA,iBACG,4CAAC,6BAAM,WAAU,gCAA+B,IAChD,4CAAC,8BAAO,WAAU,eAAc;AAAA,QAEnC,SAAS,UACR,4CAAC,UAAK,WAAU,UAAU,mBAAS,WAAW,SAAQ;AAAA;AAAA;AAAA,EAE1D;AAEJ;","names":[]}

package/dist/components/share-button.js

@@ -2,7 +2,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Share2, Check } from "lucide-react";
-import { toast } from "sonner";
 import { cn } from "../utils/cn.js";
 const VARIANT_CLASSES = {
   outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
@@ -33,7 +32,6 @@ function ShareButton({
     } else {
       await navigator.clipboard.writeText(shareUrl);
       setCopied(true);
-      toast.success("Link copied to clipboard");
       setTimeout(() => setCopied(false), 2e3);
     }
   };

package/dist/components/share-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/share-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Share2, Check } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ShareButtonProps {\n  title: string;\n  url?: string;\n  variant?: \"outline\" | \"ghost\" | \"default\";\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\n  className?: string;\n}\n\nconst VARIANT_CLASSES: Record<NonNullable<ShareButtonProps[\"variant\"]>, string> = {\n  outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n  ghost: \"hover:bg-accent hover:text-accent-foreground\",\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n};\n\nconst SIZE_CLASSES: Record<NonNullable<ShareButtonProps[\"size\"]>, string> = {\n  sm: \"h-9 px-3 text-xs rounded-md\",\n  default: \"h-10 px-4 py-2 text-sm rounded-md\",\n  lg: \"h-11 px-8 text-sm rounded-md\",\n  icon: \"min-h-11 min-w-11 rounded-md\",\n};\n\nexport function ShareButton({\n  title,\n  url,\n  variant = \"outline\",\n  size = \"sm\",\n  className,\n}: ShareButtonProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleShare = async () => {\n    const shareUrl = url ?? (typeof window !== \"undefined\" ? window.location.href : \"\");\n    if (typeof navigator !== \"undefined\" && navigator.share) {\n      try {\n        await navigator.share({ title, url: shareUrl });\n      } catch {\n\n      }\n    } else {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n      toast.success(\"Link copied to clipboard\");\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <button\n      onClick={handleShare}\n      className={cn(\n        \"inline-flex items-center justify-center font-medium transition-colors\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        VARIANT_CLASSES[variant],\n        SIZE_CLASSES[size],\n        className\n      )}\n    >\n      {copied\n        ? <Check className=\"h-3.5 w-3.5 text-emerald-500\" />\n        : <Share2 className=\"h-3.5 w-3.5\" />\n      }\n      {size !== \"icon\" && (\n        <span className=\"ml-1.5\">{copied ? \"Copied\" : \"Share\"}</span>\n      )}\n    </button>\n  );\n}\n"],"mappings":";AAsDI,SAYM,KAZN;AApDJ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,aAAa;AAC9B,SAAS,aAAa;AACtB,SAAS,UAAU;AAUnB,MAAM,kBAA4E;AAAA,EAChF,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,eAAsE;AAAA,EAC1E,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,cAAc,YAAY;AAC9B,UAAM,WAAW,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AAChF,QAAI,OAAO,cAAc,eAAe,UAAU,OAAO;AACvD,UAAI;AACF,cAAM,UAAU,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;AAAA,MAChD,QAAQ;AAAA,MAER;AAAA,IACF,OAAO;AACL,YAAM,UAAU,UAAU,UAAU,QAAQ;AAC5C,gBAAU,IAAI;AACd,YAAM,QAAQ,0BAA0B;AACxC,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,IACzC;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA,iBACG,oBAAC,SAAM,WAAU,gCAA+B,IAChD,oBAAC,UAAO,WAAU,eAAc;AAAA,QAEnC,SAAS,UACR,oBAAC,UAAK,WAAU,UAAU,mBAAS,WAAW,SAAQ;AAAA;AAAA;AAAA,EAE1D;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/share-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Share2, Check } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ShareButtonProps {\n  title: string;\n  url?: string;\n  variant?: \"outline\" | \"ghost\" | \"default\";\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\n  className?: string;\n}\n\nconst VARIANT_CLASSES: Record<NonNullable<ShareButtonProps[\"variant\"]>, string> = {\n  outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n  ghost: \"hover:bg-accent hover:text-accent-foreground\",\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n};\n\nconst SIZE_CLASSES: Record<NonNullable<ShareButtonProps[\"size\"]>, string> = {\n  sm: \"h-9 px-3 text-xs rounded-md\",\n  default: \"h-10 px-4 py-2 text-sm rounded-md\",\n  lg: \"h-11 px-8 text-sm rounded-md\",\n  icon: \"min-h-11 min-w-11 rounded-md\",\n};\n\nexport function ShareButton({\n  title,\n  url,\n  variant = \"outline\",\n  size = \"sm\",\n  className,\n}: ShareButtonProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleShare = async () => {\n    const shareUrl = url ?? (typeof window !== \"undefined\" ? window.location.href : \"\");\n    if (typeof navigator !== \"undefined\" && navigator.share) {\n      try {\n        await navigator.share({ title, url: shareUrl });\n      } catch {\n\n      }\n    } else {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <button\n      onClick={handleShare}\n      className={cn(\n        \"inline-flex items-center justify-center font-medium transition-colors\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        VARIANT_CLASSES[variant],\n        SIZE_CLASSES[size],\n        className\n      )}\n    >\n      {copied\n        ? <Check className=\"h-3.5 w-3.5 text-emerald-500\" />\n        : <Share2 className=\"h-3.5 w-3.5\" />\n      }\n      {size !== \"icon\" && (\n        <span className=\"ml-1.5\">{copied ? \"Copied\" : \"Share\"}</span>\n      )}\n    </button>\n  );\n}\n"],"mappings":";AAoDI,SAYM,KAZN;AAlDJ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,aAAa;AAC9B,SAAS,UAAU;AAUnB,MAAM,kBAA4E;AAAA,EAChF,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,eAAsE;AAAA,EAC1E,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,cAAc,YAAY;AAC9B,UAAM,WAAW,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AAChF,QAAI,OAAO,cAAc,eAAe,UAAU,OAAO;AACvD,UAAI;AACF,cAAM,UAAU,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;AAAA,MAChD,QAAQ;AAAA,MAER;AAAA,IACF,OAAO;AACL,YAAM,UAAU,UAAU,UAAU,QAAQ;AAC5C,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,IACzC;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA,iBACG,oBAAC,SAAM,WAAU,gCAA+B,IAChD,oBAAC,UAAO,WAAU,eAAc;AAAA,QAEnC,SAAS,UACR,oBAAC,UAAK,WAAU,UAAU,mBAAS,WAAW,SAAQ;AAAA;AAAA;AAAA,EAE1D;AAEJ;","names":[]}

package/dist/components/sheet.d.cts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/components/sheet.d.ts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/index.cjs

@@ -53,7 +53,7 @@ __export(index_exports, {
   Badge: () => import_badge.Badge,
   BadgeCatalog: () => import_badge_catalog.BadgeCatalog,
   BadgeShelf: () => import_badge_shelf.BadgeShelf,
-  BadgeUnlockToastContent: () => import_badge_unlock_toast_content.BadgeUnlockToastContent,
+  BadgeUnlocked: () => import_badge_unlocked.BadgeUnlocked,
   Button: () => import_button.Button,
   COIN_GRID: () => import_coin_row.COIN_GRID,
   COIN_KINDS: () => import_coins.COIN_KINDS,
@@ -286,8 +286,8 @@ __export(index_exports, {
   TokenCardSkeleton: () => import_token_card.TokenCardSkeleton,
   TokenGlyph: () => import_token_glyph.TokenGlyph,
   WrongNetworkError: () => import_wallet_error.WrongNetworkError,
+  XpEarned: () => import_xp_earned.XpEarned,
   XpProgress: () => import_xp_progress.XpProgress,
-  XpToastContent: () => import_xp_toast_content.XpToastContent,
   apiFetch: () => import_api_fetch.apiFetch,
   assertCorrectNetwork: () => import_wallet_error.assertCorrectNetwork,
   badgeVariants: () => import_badge.badgeVariants,
@@ -300,7 +300,7 @@ __export(index_exports, {
   coinKindLabelPlural: () => import_coins.coinKindLabelPlural,
   coinServiceIds: () => import_coins.coinServiceIds,
   coinSupply: () => import_coins.coinSupply,
-  createRewardToast: () => import_reward_toast.createRewardToast,
+  createRewardEarned: () => import_reward_earned.createRewardEarned,
   derivePortfolioCounts: () => import_portfolio_counts.derivePortfolioCounts,
   dropCreateSchema: () => import_drop_create_schema.dropCreateSchema,
   fdvUsd: () => import_coins.fdvUsd,
@@ -492,8 +492,8 @@ var import_score_summary_card = require("./components/rewards/score-summary-card
 var import_leaderboard_table = require("./components/rewards/leaderboard-table.js");
 var import_level_journey_list = require("./components/rewards/level-journey-list.js");
 var import_badge_catalog = require("./components/rewards/badge-catalog.js");
-var import_xp_toast_content = require("./components/rewards/xp-toast-content.js");
-var import_reward_toast = require("./components/rewards/reward-toast.js");
+var import_xp_earned = require("./components/rewards/xp-earned.js");
+var import_reward_earned = require("./components/rewards/reward-earned.js");
 var import_load_more_sentinel = require("./components/load-more-sentinel.js");
 var import_rewards_section = require("./components/rewards-section.js");
 var import_action_button = require("./components/action-button.js");
@@ -507,7 +507,7 @@ var import_hidden_content_banner = require("./components/hidden-content-banner.j
 var import_collection_hero_banner = require("./components/collection-hero-banner.js");
 var import_use_rewards_celebrations = require("./components/rewards/use-rewards-celebrations.js");
 var import_level_up_celebration = require("./components/rewards/level-up-celebration.js");
-var import_badge_unlock_toast_content = require("./components/rewards/badge-unlock-toast-content.js");
+var import_badge_unlocked = require("./components/rewards/badge-unlocked.js");
 var import_journey_path = require("./components/rewards/journey-path.js");
 var import_skeleton = require("./components/skeleton.js");
 var import_badge = require("./components/badge.js");
@@ -602,7 +602,7 @@ var import_export_key_section = require("./components/wallet/export-key-section.
   Badge,
   BadgeCatalog,
   BadgeShelf,
-  BadgeUnlockToastContent,
+  BadgeUnlocked,
   Button,
   COIN_GRID,
   COIN_KINDS,
@@ -835,8 +835,8 @@ var import_export_key_section = require("./components/wallet/export-key-section.
   TokenCardSkeleton,
   TokenGlyph,
   WrongNetworkError,
+  XpEarned,
   XpProgress,
-  XpToastContent,
   apiFetch,
   assertCorrectNetwork,
   badgeVariants,
@@ -849,7 +849,7 @@ var import_export_key_section = require("./components/wallet/export-key-section.
   coinKindLabelPlural,
   coinServiceIds,
   coinSupply,
-  createRewardToast,
+  createRewardEarned,
   derivePortfolioCounts,
   dropCreateSchema,
   fdvUsd,