@medialane/ui 0.120.0 → 0.121.0

package/dist/components/rewards/use-rewards-celebrations.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/use-rewards-celebrations.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\n\ninterface RewardsSnapshot {\n  currentLevel: number;\n  badges: { key: string }[];\n}\n\ninterface CelebrationState {\n  leveledUpTo: number | null;\n  newBadgeKeys: string[];\n}\n\nconst EMPTY: CelebrationState = { leveledUpTo: null, newBadgeKeys: [] };\n\nfunction storageKey(address: string) {\n  return `ml:rewards-seen:${address.toLowerCase()}`;\n}\n\ninterface SeenState {\n  level: number;\n  badgeKeys: string[];\n}\n\nfunction readSeen(address: string): SeenState | null {\n  try {\n    const raw = localStorage.getItem(storageKey(address));\n    return raw ? (JSON.parse(raw) as SeenState) : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction writeSeen(address: string, state: SeenState) {\n  try {\n    localStorage.setItem(storageKey(address), JSON.stringify(state));\n  } catch {\n    // localStorage unavailable (private mode, quota) — celebrations just won't fire again this session\n  }\n}\n\n/**\n * Diffs the current rewards snapshot against the last-seen state cached in\n * localStorage (per address) and reports what's new since last time. A\n * first-ever snapshot for an address seeds the cache silently — no\n * celebration on first sight, only on a detected increase/addition.\n * Call `dismiss()` to clear the returned state once the caller has shown it\n * (the storage baseline is written the moment new state is detected, not on\n * dismiss, so a level-up and a badge unlock arriving together can each\n * dismiss on their own timeline without racing the other's write).\n */\nexport function useRewardsCelebrations(\n  address: string | null | undefined,\n  rewards: RewardsSnapshot | null | undefined\n): CelebrationState & { dismiss: () => void } {\n  const [state, setState] = useState<CelebrationState>(EMPTY);\n  const lastAddress = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (!address || !rewards) return;\n\n    const seen = readSeen(address);\n    const currentBadgeKeys = rewards.badges.map((b) => b.key);\n\n    if (!seen || lastAddress.current !== address) {\n      // First time we've ever seen this address (or a wallet switch) — seed silently.\n      writeSeen(address, { level: rewards.currentLevel, badgeKeys: currentBadgeKeys });\n      lastAddress.current = address;\n      return;\n    }\n\n    const leveledUpTo = rewards.currentLevel > seen.level ? rewards.currentLevel : null;\n    const newBadgeKeys = currentBadgeKeys.filter((k) => !seen.badgeKeys.includes(k));\n\n    if (leveledUpTo !== null || newBadgeKeys.length > 0) {\n      // Persist the new baseline immediately — a level-up and a badge unlock\n      // can arrive in the same snapshot but dismiss independently (the\n      // celebration overlay dismisses itself on a timer/tap; the badge\n      // toasts fire-and-forget). Gating the write on either UI action\n      // dismissing would let the other clear this state first and skip the\n      // write. A page refresh mid-celebration correctly won't re-fire either.\n      writeSeen(address, { level: rewards.currentLevel, badgeKeys: currentBadgeKeys });\n      setState({ leveledUpTo, newBadgeKeys });\n    }\n  }, [address, rewards]);\n\n  // Purely local UI state — the storage baseline is already written above,\n  // the moment new state was detected. This only clears what's on screen.\n  const dismiss = () => setState(EMPTY);\n\n  return { ...state, dismiss };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA4C;AAY5C,MAAM,QAA0B,EAAE,aAAa,MAAM,cAAc,CAAC,EAAE;AAEtE,SAAS,WAAW,SAAiB;AACnC,SAAO,mBAAmB,QAAQ,YAAY,CAAC;AACjD;AAOA,SAAS,SAAS,SAAmC;AACnD,MAAI;AACF,UAAM,MAAM,aAAa,QAAQ,WAAW,OAAO,CAAC;AACpD,WAAO,MAAO,KAAK,MAAM,GAAG,IAAkB;AAAA,EAChD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,UAAU,SAAiB,OAAkB;AACpD,MAAI;AACF,iBAAa,QAAQ,WAAW,OAAO,GAAG,KAAK,UAAU,KAAK,CAAC;AAAA,EACjE,QAAQ;AAAA,EAER;AACF;AAYO,SAAS,uBACd,SACA,SAC4C;AAC5C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAA2B,KAAK;AAC1D,QAAM,kBAAc,qBAAsB,IAAI;AAE9C,8BAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,QAAS;AAE1B,UAAM,OAAO,SAAS,OAAO;AAC7B,UAAM,mBAAmB,QAAQ,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG;AAExD,QAAI,CAAC,QAAQ,YAAY,YAAY,SAAS;AAE5C,gBAAU,SAAS,EAAE,OAAO,QAAQ,cAAc,WAAW,iBAAiB,CAAC;AAC/E,kBAAY,UAAU;AACtB;AAAA,IACF;AAEA,UAAM,cAAc,QAAQ,eAAe,KAAK,QAAQ,QAAQ,eAAe;AAC/E,UAAM,eAAe,iBAAiB,OAAO,CAAC,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,CAAC;AAE/E,QAAI,gBAAgB,QAAQ,aAAa,SAAS,GAAG;AAOnD,gBAAU,SAAS,EAAE,OAAO,QAAQ,cAAc,WAAW,iBAAiB,CAAC;AAC/E,eAAS,EAAE,aAAa,aAAa,CAAC;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AAIrB,QAAM,UAAU,MAAM,SAAS,KAAK;AAEpC,SAAO,EAAE,GAAG,OAAO,QAAQ;AAC7B;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/use-rewards-celebrations.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\n\ninterface RewardsSnapshot {\n  currentLevel: number;\n  badges: { key: string }[];\n}\n\ninterface CelebrationState {\n  leveledUpTo: number | null;\n  newBadgeKeys: string[];\n}\n\nconst EMPTY: CelebrationState = { leveledUpTo: null, newBadgeKeys: [] };\n\nfunction storageKey(address: string) {\n  return `ml:rewards-seen:${address.toLowerCase()}`;\n}\n\ninterface SeenState {\n  level: number;\n  badgeKeys: string[];\n}\n\nfunction readSeen(address: string): SeenState | null {\n  try {\n    const raw = localStorage.getItem(storageKey(address));\n    return raw ? (JSON.parse(raw) as SeenState) : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction writeSeen(address: string, state: SeenState) {\n  try {\n    localStorage.setItem(storageKey(address), JSON.stringify(state));\n  } catch {\n\n  }\n}\n\nexport function useRewardsCelebrations(\n  address: string | null | undefined,\n  rewards: RewardsSnapshot | null | undefined\n): CelebrationState & { dismiss: () => void } {\n  const [state, setState] = useState<CelebrationState>(EMPTY);\n  const lastAddress = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (!address || !rewards) return;\n\n    const seen = readSeen(address);\n    const currentBadgeKeys = rewards.badges.map((b) => b.key);\n\n    if (!seen || lastAddress.current !== address) {\n\n      writeSeen(address, { level: rewards.currentLevel, badgeKeys: currentBadgeKeys });\n      lastAddress.current = address;\n      return;\n    }\n\n    const leveledUpTo = rewards.currentLevel > seen.level ? rewards.currentLevel : null;\n    const newBadgeKeys = currentBadgeKeys.filter((k) => !seen.badgeKeys.includes(k));\n\n    if (leveledUpTo !== null || newBadgeKeys.length > 0) {\n\n      writeSeen(address, { level: rewards.currentLevel, badgeKeys: currentBadgeKeys });\n      setState({ leveledUpTo, newBadgeKeys });\n    }\n  }, [address, rewards]);\n\n  const dismiss = () => setState(EMPTY);\n\n  return { ...state, dismiss };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA4C;AAY5C,MAAM,QAA0B,EAAE,aAAa,MAAM,cAAc,CAAC,EAAE;AAEtE,SAAS,WAAW,SAAiB;AACnC,SAAO,mBAAmB,QAAQ,YAAY,CAAC;AACjD;AAOA,SAAS,SAAS,SAAmC;AACnD,MAAI;AACF,UAAM,MAAM,aAAa,QAAQ,WAAW,OAAO,CAAC;AACpD,WAAO,MAAO,KAAK,MAAM,GAAG,IAAkB;AAAA,EAChD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,UAAU,SAAiB,OAAkB;AACpD,MAAI;AACF,iBAAa,QAAQ,WAAW,OAAO,GAAG,KAAK,UAAU,KAAK,CAAC;AAAA,EACjE,QAAQ;AAAA,EAER;AACF;AAEO,SAAS,uBACd,SACA,SAC4C;AAC5C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAA2B,KAAK;AAC1D,QAAM,kBAAc,qBAAsB,IAAI;AAE9C,8BAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,QAAS;AAE1B,UAAM,OAAO,SAAS,OAAO;AAC7B,UAAM,mBAAmB,QAAQ,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG;AAExD,QAAI,CAAC,QAAQ,YAAY,YAAY,SAAS;AAE5C,gBAAU,SAAS,EAAE,OAAO,QAAQ,cAAc,WAAW,iBAAiB,CAAC;AAC/E,kBAAY,UAAU;AACtB;AAAA,IACF;AAEA,UAAM,cAAc,QAAQ,eAAe,KAAK,QAAQ,QAAQ,eAAe;AAC/E,UAAM,eAAe,iBAAiB,OAAO,CAAC,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,CAAC;AAE/E,QAAI,gBAAgB,QAAQ,aAAa,SAAS,GAAG;AAEnD,gBAAU,SAAS,EAAE,OAAO,QAAQ,cAAc,WAAW,iBAAiB,CAAC;AAC/E,eAAS,EAAE,aAAa,aAAa,CAAC;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,QAAM,UAAU,MAAM,SAAS,KAAK;AAEpC,SAAO,EAAE,GAAG,OAAO,QAAQ;AAC7B;","names":[]}

package/dist/components/rewards/use-rewards-celebrations.d.cts

@@ -8,16 +8,6 @@ interface CelebrationState {
     leveledUpTo: number | null;
     newBadgeKeys: string[];
 }
-/**
- * Diffs the current rewards snapshot against the last-seen state cached in
- * localStorage (per address) and reports what's new since last time. A
- * first-ever snapshot for an address seeds the cache silently — no
- * celebration on first sight, only on a detected increase/addition.
- * Call `dismiss()` to clear the returned state once the caller has shown it
- * (the storage baseline is written the moment new state is detected, not on
- * dismiss, so a level-up and a badge unlock arriving together can each
- * dismiss on their own timeline without racing the other's write).
- */
 declare function useRewardsCelebrations(address: string | null | undefined, rewards: RewardsSnapshot | null | undefined): CelebrationState & {
     dismiss: () => void;
 };

package/dist/components/rewards/use-rewards-celebrations.d.ts

@@ -8,16 +8,6 @@ interface CelebrationState {
     leveledUpTo: number | null;
     newBadgeKeys: string[];
 }
-/**
- * Diffs the current rewards snapshot against the last-seen state cached in
- * localStorage (per address) and reports what's new since last time. A
- * first-ever snapshot for an address seeds the cache silently — no
- * celebration on first sight, only on a detected increase/addition.
- * Call `dismiss()` to clear the returned state once the caller has shown it
- * (the storage baseline is written the moment new state is detected, not on
- * dismiss, so a level-up and a badge unlock arriving together can each
- * dismiss on their own timeline without racing the other's write).
- */
 declare function useRewardsCelebrations(address: string | null | undefined, rewards: RewardsSnapshot | null | undefined): CelebrationState & {
     dismiss: () => void;
 };

package/dist/components/rewards/use-rewards-celebrations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/use-rewards-celebrations.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\n\ninterface RewardsSnapshot {\n  currentLevel: number;\n  badges: { key: string }[];\n}\n\ninterface CelebrationState {\n  leveledUpTo: number | null;\n  newBadgeKeys: string[];\n}\n\nconst EMPTY: CelebrationState = { leveledUpTo: null, newBadgeKeys: [] };\n\nfunction storageKey(address: string) {\n  return `ml:rewards-seen:${address.toLowerCase()}`;\n}\n\ninterface SeenState {\n  level: number;\n  badgeKeys: string[];\n}\n\nfunction readSeen(address: string): SeenState | null {\n  try {\n    const raw = localStorage.getItem(storageKey(address));\n    return raw ? (JSON.parse(raw) as SeenState) : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction writeSeen(address: string, state: SeenState) {\n  try {\n    localStorage.setItem(storageKey(address), JSON.stringify(state));\n  } catch {\n    // localStorage unavailable (private mode, quota) — celebrations just won't fire again this session\n  }\n}\n\n/**\n * Diffs the current rewards snapshot against the last-seen state cached in\n * localStorage (per address) and reports what's new since last time. A\n * first-ever snapshot for an address seeds the cache silently — no\n * celebration on first sight, only on a detected increase/addition.\n * Call `dismiss()` to clear the returned state once the caller has shown it\n * (the storage baseline is written the moment new state is detected, not on\n * dismiss, so a level-up and a badge unlock arriving together can each\n * dismiss on their own timeline without racing the other's write).\n */\nexport function useRewardsCelebrations(\n  address: string | null | undefined,\n  rewards: RewardsSnapshot | null | undefined\n): CelebrationState & { dismiss: () => void } {\n  const [state, setState] = useState<CelebrationState>(EMPTY);\n  const lastAddress = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (!address || !rewards) return;\n\n    const seen = readSeen(address);\n    const currentBadgeKeys = rewards.badges.map((b) => b.key);\n\n    if (!seen || lastAddress.current !== address) {\n      // First time we've ever seen this address (or a wallet switch) — seed silently.\n      writeSeen(address, { level: rewards.currentLevel, badgeKeys: currentBadgeKeys });\n      lastAddress.current = address;\n      return;\n    }\n\n    const leveledUpTo = rewards.currentLevel > seen.level ? rewards.currentLevel : null;\n    const newBadgeKeys = currentBadgeKeys.filter((k) => !seen.badgeKeys.includes(k));\n\n    if (leveledUpTo !== null || newBadgeKeys.length > 0) {\n      // Persist the new baseline immediately — a level-up and a badge unlock\n      // can arrive in the same snapshot but dismiss independently (the\n      // celebration overlay dismisses itself on a timer/tap; the badge\n      // toasts fire-and-forget). Gating the write on either UI action\n      // dismissing would let the other clear this state first and skip the\n      // write. A page refresh mid-celebration correctly won't re-fire either.\n      writeSeen(address, { level: rewards.currentLevel, badgeKeys: currentBadgeKeys });\n      setState({ leveledUpTo, newBadgeKeys });\n    }\n  }, [address, rewards]);\n\n  // Purely local UI state — the storage baseline is already written above,\n  // the moment new state was detected. This only clears what's on screen.\n  const dismiss = () => setState(EMPTY);\n\n  return { ...state, dismiss };\n}\n"],"mappings":";AAEA,SAAS,WAAW,QAAQ,gBAAgB;AAY5C,MAAM,QAA0B,EAAE,aAAa,MAAM,cAAc,CAAC,EAAE;AAEtE,SAAS,WAAW,SAAiB;AACnC,SAAO,mBAAmB,QAAQ,YAAY,CAAC;AACjD;AAOA,SAAS,SAAS,SAAmC;AACnD,MAAI;AACF,UAAM,MAAM,aAAa,QAAQ,WAAW,OAAO,CAAC;AACpD,WAAO,MAAO,KAAK,MAAM,GAAG,IAAkB;AAAA,EAChD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,UAAU,SAAiB,OAAkB;AACpD,MAAI;AACF,iBAAa,QAAQ,WAAW,OAAO,GAAG,KAAK,UAAU,KAAK,CAAC;AAAA,EACjE,QAAQ;AAAA,EAER;AACF;AAYO,SAAS,uBACd,SACA,SAC4C;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA2B,KAAK;AAC1D,QAAM,cAAc,OAAsB,IAAI;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,QAAS;AAE1B,UAAM,OAAO,SAAS,OAAO;AAC7B,UAAM,mBAAmB,QAAQ,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG;AAExD,QAAI,CAAC,QAAQ,YAAY,YAAY,SAAS;AAE5C,gBAAU,SAAS,EAAE,OAAO,QAAQ,cAAc,WAAW,iBAAiB,CAAC;AAC/E,kBAAY,UAAU;AACtB;AAAA,IACF;AAEA,UAAM,cAAc,QAAQ,eAAe,KAAK,QAAQ,QAAQ,eAAe;AAC/E,UAAM,eAAe,iBAAiB,OAAO,CAAC,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,CAAC;AAE/E,QAAI,gBAAgB,QAAQ,aAAa,SAAS,GAAG;AAOnD,gBAAU,SAAS,EAAE,OAAO,QAAQ,cAAc,WAAW,iBAAiB,CAAC;AAC/E,eAAS,EAAE,aAAa,aAAa,CAAC;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AAIrB,QAAM,UAAU,MAAM,SAAS,KAAK;AAEpC,SAAO,EAAE,GAAG,OAAO,QAAQ;AAC7B;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/use-rewards-celebrations.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\n\ninterface RewardsSnapshot {\n  currentLevel: number;\n  badges: { key: string }[];\n}\n\ninterface CelebrationState {\n  leveledUpTo: number | null;\n  newBadgeKeys: string[];\n}\n\nconst EMPTY: CelebrationState = { leveledUpTo: null, newBadgeKeys: [] };\n\nfunction storageKey(address: string) {\n  return `ml:rewards-seen:${address.toLowerCase()}`;\n}\n\ninterface SeenState {\n  level: number;\n  badgeKeys: string[];\n}\n\nfunction readSeen(address: string): SeenState | null {\n  try {\n    const raw = localStorage.getItem(storageKey(address));\n    return raw ? (JSON.parse(raw) as SeenState) : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction writeSeen(address: string, state: SeenState) {\n  try {\n    localStorage.setItem(storageKey(address), JSON.stringify(state));\n  } catch {\n\n  }\n}\n\nexport function useRewardsCelebrations(\n  address: string | null | undefined,\n  rewards: RewardsSnapshot | null | undefined\n): CelebrationState & { dismiss: () => void } {\n  const [state, setState] = useState<CelebrationState>(EMPTY);\n  const lastAddress = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (!address || !rewards) return;\n\n    const seen = readSeen(address);\n    const currentBadgeKeys = rewards.badges.map((b) => b.key);\n\n    if (!seen || lastAddress.current !== address) {\n\n      writeSeen(address, { level: rewards.currentLevel, badgeKeys: currentBadgeKeys });\n      lastAddress.current = address;\n      return;\n    }\n\n    const leveledUpTo = rewards.currentLevel > seen.level ? rewards.currentLevel : null;\n    const newBadgeKeys = currentBadgeKeys.filter((k) => !seen.badgeKeys.includes(k));\n\n    if (leveledUpTo !== null || newBadgeKeys.length > 0) {\n\n      writeSeen(address, { level: rewards.currentLevel, badgeKeys: currentBadgeKeys });\n      setState({ leveledUpTo, newBadgeKeys });\n    }\n  }, [address, rewards]);\n\n  const dismiss = () => setState(EMPTY);\n\n  return { ...state, dismiss };\n}\n"],"mappings":";AAEA,SAAS,WAAW,QAAQ,gBAAgB;AAY5C,MAAM,QAA0B,EAAE,aAAa,MAAM,cAAc,CAAC,EAAE;AAEtE,SAAS,WAAW,SAAiB;AACnC,SAAO,mBAAmB,QAAQ,YAAY,CAAC;AACjD;AAOA,SAAS,SAAS,SAAmC;AACnD,MAAI;AACF,UAAM,MAAM,aAAa,QAAQ,WAAW,OAAO,CAAC;AACpD,WAAO,MAAO,KAAK,MAAM,GAAG,IAAkB;AAAA,EAChD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,UAAU,SAAiB,OAAkB;AACpD,MAAI;AACF,iBAAa,QAAQ,WAAW,OAAO,GAAG,KAAK,UAAU,KAAK,CAAC;AAAA,EACjE,QAAQ;AAAA,EAER;AACF;AAEO,SAAS,uBACd,SACA,SAC4C;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA2B,KAAK;AAC1D,QAAM,cAAc,OAAsB,IAAI;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,QAAS;AAE1B,UAAM,OAAO,SAAS,OAAO;AAC7B,UAAM,mBAAmB,QAAQ,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG;AAExD,QAAI,CAAC,QAAQ,YAAY,YAAY,SAAS;AAE5C,gBAAU,SAAS,EAAE,OAAO,QAAQ,cAAc,WAAW,iBAAiB,CAAC;AAC/E,kBAAY,UAAU;AACtB;AAAA,IACF;AAEA,UAAM,cAAc,QAAQ,eAAe,KAAK,QAAQ,QAAQ,eAAe;AAC/E,UAAM,eAAe,iBAAiB,OAAO,CAAC,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,CAAC;AAE/E,QAAI,gBAAgB,QAAQ,aAAa,SAAS,GAAG;AAEnD,gBAAU,SAAS,EAAE,OAAO,QAAQ,cAAc,WAAW,iBAAiB,CAAC;AAC/E,eAAS,EAAE,aAAa,aAAa,CAAC;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,QAAM,UAAU,MAAM,SAAS,KAAK;AAEpC,SAAO,EAAE,GAAG,OAAO,QAAQ;AAC7B;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/xp-progress.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface XpProgressProps {\n  totalXp: number;\n  /** XP required to reach the current level. */\n  levelXp: number;\n  /** XP required for the next level; null at max level (renders full). */\n  nextLevelXp: number | null;\n  badgeColor: string;\n  variant?: \"bar\" | \"ring\";\n  /** Ring diameter in px (ring variant only). */\n  size?: number;\n  className?: string;\n}\n\nfunction progressPct({ totalXp, levelXp, nextLevelXp }: Pick<XpProgressProps, \"totalXp\" | \"levelXp\" | \"nextLevelXp\">): number {\n  if (nextLevelXp === null || nextLevelXp <= levelXp) return 100;\n  return Math.min(100, Math.max(0, Math.round(((totalXp - levelXp) / (nextLevelXp - levelXp)) * 100)));\n}\n\n/** XP progress toward the next level, as a rounded bar or an SVG ring. */\nexport function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant = \"bar\", size = 40, className }: XpProgressProps) {\n  const pct = progressPct({ totalXp, levelXp, nextLevelXp });\n\n  if (variant === \"ring\") {\n    const stroke = Math.max(2.5, size / 12);\n    const radius = (size - stroke) / 2;\n    const circumference = 2 * Math.PI * radius;\n    return (\n      <svg\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        className={cn(\"shrink-0 -rotate-90\", className)}\n        role=\"img\"\n        aria-label={`${pct}% toward the next level`}\n      >\n        <circle cx={size / 2} cy={size / 2} r={radius} fill=\"none\" strokeWidth={stroke} className=\"stroke-border\" />\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={stroke}\n          strokeLinecap=\"round\"\n          stroke={badgeColor}\n          strokeDasharray={circumference}\n          strokeDashoffset={circumference * (1 - pct / 100)}\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\"h-2 w-full overflow-hidden rounded-full bg-border/60\", className)}\n      role=\"progressbar\"\n      aria-valuenow={pct}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div className=\"h-full rounded-full transition-[width]\" style={{ width: `${pct}%`, backgroundColor: badgeColor }} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BM;AA7BN,gBAAmB;AAenB,SAAS,YAAY,EAAE,SAAS,SAAS,YAAY,GAAyE;AAC5H,MAAI,gBAAgB,QAAQ,eAAe,QAAS,QAAO;AAC3D,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,OAAQ,UAAU,YAAY,cAAc,WAAY,GAAG,CAAC,CAAC;AACrG;AAGO,SAAS,WAAW,EAAE,SAAS,SAAS,aAAa,YAAY,UAAU,OAAO,OAAO,IAAI,UAAU,GAAoB;AAChI,QAAM,MAAM,YAAY,EAAE,SAAS,SAAS,YAAY,CAAC;AAEzD,MAAI,YAAY,QAAQ;AACtB,UAAM,SAAS,KAAK,IAAI,KAAK,OAAO,EAAE;AACtC,UAAM,UAAU,OAAO,UAAU;AACjC,UAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS,OAAO,IAAI,IAAI,IAAI;AAAA,QAC5B,eAAW,cAAG,uBAAuB,SAAS;AAAA,QAC9C,MAAK;AAAA,QACL,cAAY,GAAG,GAAG;AAAA,QAElB;AAAA,sDAAC,YAAO,IAAI,OAAO,GAAG,IAAI,OAAO,GAAG,GAAG,QAAQ,MAAK,QAAO,aAAa,QAAQ,WAAU,iBAAgB;AAAA,UAC1G;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,OAAO;AAAA,cACX,IAAI,OAAO;AAAA,cACX,GAAG;AAAA,cACH,MAAK;AAAA,cACL,aAAa;AAAA,cACb,eAAc;AAAA,cACd,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,kBAAkB,iBAAiB,IAAI,MAAM;AAAA;AAAA,UAC/C;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,cAAG,wDAAwD,SAAS;AAAA,MAC/E,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MAEf,sDAAC,SAAI,WAAU,0CAAyC,OAAO,EAAE,OAAO,GAAG,GAAG,KAAK,iBAAiB,WAAW,GAAG;AAAA;AAAA,EACpH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/xp-progress.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface XpProgressProps {\n  totalXp: number;\n\n  levelXp: number;\n\n  nextLevelXp: number | null;\n  badgeColor: string;\n  variant?: \"bar\" | \"ring\";\n\n  size?: number;\n  className?: string;\n}\n\nfunction progressPct({ totalXp, levelXp, nextLevelXp }: Pick<XpProgressProps, \"totalXp\" | \"levelXp\" | \"nextLevelXp\">): number {\n  if (nextLevelXp === null || nextLevelXp <= levelXp) return 100;\n  return Math.min(100, Math.max(0, Math.round(((totalXp - levelXp) / (nextLevelXp - levelXp)) * 100)));\n}\n\nexport function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant = \"bar\", size = 40, className }: XpProgressProps) {\n  const pct = progressPct({ totalXp, levelXp, nextLevelXp });\n\n  if (variant === \"ring\") {\n    const stroke = Math.max(2.5, size / 12);\n    const radius = (size - stroke) / 2;\n    const circumference = 2 * Math.PI * radius;\n    return (\n      <svg\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        className={cn(\"shrink-0 -rotate-90\", className)}\n        role=\"img\"\n        aria-label={`${pct}% toward the next level`}\n      >\n        <circle cx={size / 2} cy={size / 2} r={radius} fill=\"none\" strokeWidth={stroke} className=\"stroke-border\" />\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={stroke}\n          strokeLinecap=\"round\"\n          stroke={badgeColor}\n          strokeDasharray={circumference}\n          strokeDashoffset={circumference * (1 - pct / 100)}\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\"h-2 w-full overflow-hidden rounded-full bg-border/60\", className)}\n      role=\"progressbar\"\n      aria-valuenow={pct}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div className=\"h-full rounded-full transition-[width]\" style={{ width: `${pct}%`, backgroundColor: badgeColor }} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BM;AA5BN,gBAAmB;AAenB,SAAS,YAAY,EAAE,SAAS,SAAS,YAAY,GAAyE;AAC5H,MAAI,gBAAgB,QAAQ,eAAe,QAAS,QAAO;AAC3D,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,OAAQ,UAAU,YAAY,cAAc,WAAY,GAAG,CAAC,CAAC;AACrG;AAEO,SAAS,WAAW,EAAE,SAAS,SAAS,aAAa,YAAY,UAAU,OAAO,OAAO,IAAI,UAAU,GAAoB;AAChI,QAAM,MAAM,YAAY,EAAE,SAAS,SAAS,YAAY,CAAC;AAEzD,MAAI,YAAY,QAAQ;AACtB,UAAM,SAAS,KAAK,IAAI,KAAK,OAAO,EAAE;AACtC,UAAM,UAAU,OAAO,UAAU;AACjC,UAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS,OAAO,IAAI,IAAI,IAAI;AAAA,QAC5B,eAAW,cAAG,uBAAuB,SAAS;AAAA,QAC9C,MAAK;AAAA,QACL,cAAY,GAAG,GAAG;AAAA,QAElB;AAAA,sDAAC,YAAO,IAAI,OAAO,GAAG,IAAI,OAAO,GAAG,GAAG,QAAQ,MAAK,QAAO,aAAa,QAAQ,WAAU,iBAAgB;AAAA,UAC1G;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,OAAO;AAAA,cACX,IAAI,OAAO;AAAA,cACX,GAAG;AAAA,cACH,MAAK;AAAA,cACL,aAAa;AAAA,cACb,eAAc;AAAA,cACd,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,kBAAkB,iBAAiB,IAAI,MAAM;AAAA;AAAA,UAC/C;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,cAAG,wDAAwD,SAAS;AAAA,MAC/E,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MAEf,sDAAC,SAAI,WAAU,0CAAyC,OAAO,EAAE,OAAO,GAAG,GAAG,KAAK,iBAAiB,WAAW,GAAG;AAAA;AAAA,EACpH;AAEJ;","names":[]}

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

@@ -2,17 +2,13 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface XpProgressProps {
     totalXp: number;
-    /** XP required to reach the current level. */
     levelXp: number;
-    /** XP required for the next level; null at max level (renders full). */
     nextLevelXp: number | null;
     badgeColor: string;
     variant?: "bar" | "ring";
-    /** Ring diameter in px (ring variant only). */
     size?: number;
     className?: string;
 }
-/** XP progress toward the next level, as a rounded bar or an SVG ring. */
 declare function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant, size, className }: XpProgressProps): react_jsx_runtime.JSX.Element;
 
 export { XpProgress, type XpProgressProps };

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

@@ -2,17 +2,13 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface XpProgressProps {
     totalXp: number;
-    /** XP required to reach the current level. */
     levelXp: number;
-    /** XP required for the next level; null at max level (renders full). */
     nextLevelXp: number | null;
     badgeColor: string;
     variant?: "bar" | "ring";
-    /** Ring diameter in px (ring variant only). */
     size?: number;
     className?: string;
 }
-/** XP progress toward the next level, as a rounded bar or an SVG ring. */
 declare function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant, size, className }: XpProgressProps): react_jsx_runtime.JSX.Element;
 
 export { XpProgress, type XpProgressProps };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/xp-progress.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface XpProgressProps {\n  totalXp: number;\n  /** XP required to reach the current level. */\n  levelXp: number;\n  /** XP required for the next level; null at max level (renders full). */\n  nextLevelXp: number | null;\n  badgeColor: string;\n  variant?: \"bar\" | \"ring\";\n  /** Ring diameter in px (ring variant only). */\n  size?: number;\n  className?: string;\n}\n\nfunction progressPct({ totalXp, levelXp, nextLevelXp }: Pick<XpProgressProps, \"totalXp\" | \"levelXp\" | \"nextLevelXp\">): number {\n  if (nextLevelXp === null || nextLevelXp <= levelXp) return 100;\n  return Math.min(100, Math.max(0, Math.round(((totalXp - levelXp) / (nextLevelXp - levelXp)) * 100)));\n}\n\n/** XP progress toward the next level, as a rounded bar or an SVG ring. */\nexport function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant = \"bar\", size = 40, className }: XpProgressProps) {\n  const pct = progressPct({ totalXp, levelXp, nextLevelXp });\n\n  if (variant === \"ring\") {\n    const stroke = Math.max(2.5, size / 12);\n    const radius = (size - stroke) / 2;\n    const circumference = 2 * Math.PI * radius;\n    return (\n      <svg\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        className={cn(\"shrink-0 -rotate-90\", className)}\n        role=\"img\"\n        aria-label={`${pct}% toward the next level`}\n      >\n        <circle cx={size / 2} cy={size / 2} r={radius} fill=\"none\" strokeWidth={stroke} className=\"stroke-border\" />\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={stroke}\n          strokeLinecap=\"round\"\n          stroke={badgeColor}\n          strokeDasharray={circumference}\n          strokeDashoffset={circumference * (1 - pct / 100)}\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\"h-2 w-full overflow-hidden rounded-full bg-border/60\", className)}\n      role=\"progressbar\"\n      aria-valuenow={pct}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div className=\"h-full rounded-full transition-[width]\" style={{ width: `${pct}%`, backgroundColor: badgeColor }} />\n    </div>\n  );\n}\n"],"mappings":"AA6BM,SAQE,KARF;AA7BN,SAAS,UAAU;AAenB,SAAS,YAAY,EAAE,SAAS,SAAS,YAAY,GAAyE;AAC5H,MAAI,gBAAgB,QAAQ,eAAe,QAAS,QAAO;AAC3D,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,OAAQ,UAAU,YAAY,cAAc,WAAY,GAAG,CAAC,CAAC;AACrG;AAGO,SAAS,WAAW,EAAE,SAAS,SAAS,aAAa,YAAY,UAAU,OAAO,OAAO,IAAI,UAAU,GAAoB;AAChI,QAAM,MAAM,YAAY,EAAE,SAAS,SAAS,YAAY,CAAC;AAEzD,MAAI,YAAY,QAAQ;AACtB,UAAM,SAAS,KAAK,IAAI,KAAK,OAAO,EAAE;AACtC,UAAM,UAAU,OAAO,UAAU;AACjC,UAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS,OAAO,IAAI,IAAI,IAAI;AAAA,QAC5B,WAAW,GAAG,uBAAuB,SAAS;AAAA,QAC9C,MAAK;AAAA,QACL,cAAY,GAAG,GAAG;AAAA,QAElB;AAAA,8BAAC,YAAO,IAAI,OAAO,GAAG,IAAI,OAAO,GAAG,GAAG,QAAQ,MAAK,QAAO,aAAa,QAAQ,WAAU,iBAAgB;AAAA,UAC1G;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,OAAO;AAAA,cACX,IAAI,OAAO;AAAA,cACX,GAAG;AAAA,cACH,MAAK;AAAA,cACL,aAAa;AAAA,cACb,eAAc;AAAA,cACd,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,kBAAkB,iBAAiB,IAAI,MAAM;AAAA;AAAA,UAC/C;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,wDAAwD,SAAS;AAAA,MAC/E,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MAEf,8BAAC,SAAI,WAAU,0CAAyC,OAAO,EAAE,OAAO,GAAG,GAAG,KAAK,iBAAiB,WAAW,GAAG;AAAA;AAAA,EACpH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/xp-progress.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface XpProgressProps {\n  totalXp: number;\n\n  levelXp: number;\n\n  nextLevelXp: number | null;\n  badgeColor: string;\n  variant?: \"bar\" | \"ring\";\n\n  size?: number;\n  className?: string;\n}\n\nfunction progressPct({ totalXp, levelXp, nextLevelXp }: Pick<XpProgressProps, \"totalXp\" | \"levelXp\" | \"nextLevelXp\">): number {\n  if (nextLevelXp === null || nextLevelXp <= levelXp) return 100;\n  return Math.min(100, Math.max(0, Math.round(((totalXp - levelXp) / (nextLevelXp - levelXp)) * 100)));\n}\n\nexport function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant = \"bar\", size = 40, className }: XpProgressProps) {\n  const pct = progressPct({ totalXp, levelXp, nextLevelXp });\n\n  if (variant === \"ring\") {\n    const stroke = Math.max(2.5, size / 12);\n    const radius = (size - stroke) / 2;\n    const circumference = 2 * Math.PI * radius;\n    return (\n      <svg\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        className={cn(\"shrink-0 -rotate-90\", className)}\n        role=\"img\"\n        aria-label={`${pct}% toward the next level`}\n      >\n        <circle cx={size / 2} cy={size / 2} r={radius} fill=\"none\" strokeWidth={stroke} className=\"stroke-border\" />\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={stroke}\n          strokeLinecap=\"round\"\n          stroke={badgeColor}\n          strokeDasharray={circumference}\n          strokeDashoffset={circumference * (1 - pct / 100)}\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\"h-2 w-full overflow-hidden rounded-full bg-border/60\", className)}\n      role=\"progressbar\"\n      aria-valuenow={pct}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div className=\"h-full rounded-full transition-[width]\" style={{ width: `${pct}%`, backgroundColor: badgeColor }} />\n    </div>\n  );\n}\n"],"mappings":"AA4BM,SAQE,KARF;AA5BN,SAAS,UAAU;AAenB,SAAS,YAAY,EAAE,SAAS,SAAS,YAAY,GAAyE;AAC5H,MAAI,gBAAgB,QAAQ,eAAe,QAAS,QAAO;AAC3D,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,OAAQ,UAAU,YAAY,cAAc,WAAY,GAAG,CAAC,CAAC;AACrG;AAEO,SAAS,WAAW,EAAE,SAAS,SAAS,aAAa,YAAY,UAAU,OAAO,OAAO,IAAI,UAAU,GAAoB;AAChI,QAAM,MAAM,YAAY,EAAE,SAAS,SAAS,YAAY,CAAC;AAEzD,MAAI,YAAY,QAAQ;AACtB,UAAM,SAAS,KAAK,IAAI,KAAK,OAAO,EAAE;AACtC,UAAM,UAAU,OAAO,UAAU;AACjC,UAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS,OAAO,IAAI,IAAI,IAAI;AAAA,QAC5B,WAAW,GAAG,uBAAuB,SAAS;AAAA,QAC9C,MAAK;AAAA,QACL,cAAY,GAAG,GAAG;AAAA,QAElB;AAAA,8BAAC,YAAO,IAAI,OAAO,GAAG,IAAI,OAAO,GAAG,GAAG,QAAQ,MAAK,QAAO,aAAa,QAAQ,WAAU,iBAAgB;AAAA,UAC1G;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,OAAO;AAAA,cACX,IAAI,OAAO;AAAA,cACX,GAAG;AAAA,cACH,MAAK;AAAA,cACL,aAAa;AAAA,cACb,eAAc;AAAA,cACd,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,kBAAkB,iBAAiB,IAAI,MAAM;AAAA;AAAA,UAC/C;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,wDAAwD,SAAS;AAAA,MAC/E,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MAEf,8BAAC,SAAI,WAAU,0CAAyC,OAAO,EAAE,OAAO,GAAG,GAAG,KAAK,iBAAiB,WAAW,GAAG;AAAA;AAAA,EACpH;AAEJ;","names":[]}

package/dist/components/rewards/xp-toast-content.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/xp-toast-content.tsx"],"sourcesContent":["import { XpProgress } from \"./xp-progress.js\";\n\nexport interface XpToastContentProps {\n  xp: number;\n  /** The action's configured label, e.g. \"Mint an IP asset\". */\n  label: string;\n  color?: string;\n  /** Optional progress-bar context — when all three are provided, a thin\n   *  XpProgress bar renders under the label, animating toward the next\n   *  level. Omit any of them (the default) to render exactly as before. */\n  totalXp?: number;\n  levelXp?: number;\n  nextLevelXp?: number | null;\n}\n\n/** Toast body for optimistic XP feedback: \"+20 XP · Mint an IP asset\".\n *  Scores recompute on a schedule, so this shows the action's configured\n *  value — the caller must never present it as a live balance. */\nexport function XpToastContent({ xp, label, color = \"#8b5cf6\", totalXp, levelXp, nextLevelXp }: XpToastContentProps) {\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;AAuBQ;AAvBR,yBAA2B;AAkBpB,SAAS,eAAe,EAAE,IAAI,OAAO,QAAQ,WAAW,SAAS,SAAS,YAAY,GAAwB;AACnH,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":[]}
+{"version":3,"sources":["../../../src/components/rewards/xp-toast-content.tsx"],"sourcesContent":["import { XpProgress } from \"./xp-progress.js\";\n\nexport interface XpToastContentProps {\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 XpToastContent({ xp, label, color = \"#8b5cf6\", totalXp, levelXp, nextLevelXp }: XpToastContentProps) {\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,eAAe,EAAE,IAAI,OAAO,QAAQ,WAAW,SAAS,SAAS,YAAY,GAAwB;AACnH,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-toast-content.d.cts

@@ -2,19 +2,12 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface XpToastContentProps {
     xp: number;
-    /** The action's configured label, e.g. "Mint an IP asset". */
     label: string;
     color?: string;
-    /** Optional progress-bar context — when all three are provided, a thin
-     *  XpProgress bar renders under the label, animating toward the next
-     *  level. Omit any of them (the default) to render exactly as before. */
     totalXp?: number;
     levelXp?: number;
     nextLevelXp?: number | null;
 }
-/** Toast body for optimistic XP feedback: "+20 XP · Mint an IP asset".
- *  Scores recompute on a schedule, so this shows the action's configured
- *  value — the caller must never present it as a live balance. */
 declare function XpToastContent({ xp, label, color, totalXp, levelXp, nextLevelXp }: XpToastContentProps): react_jsx_runtime.JSX.Element;
 
 export { XpToastContent, type XpToastContentProps };

package/dist/components/rewards/xp-toast-content.d.ts

@@ -2,19 +2,12 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface XpToastContentProps {
     xp: number;
-    /** The action's configured label, e.g. "Mint an IP asset". */
     label: string;
     color?: string;
-    /** Optional progress-bar context — when all three are provided, a thin
-     *  XpProgress bar renders under the label, animating toward the next
-     *  level. Omit any of them (the default) to render exactly as before. */
     totalXp?: number;
     levelXp?: number;
     nextLevelXp?: number | null;
 }
-/** Toast body for optimistic XP feedback: "+20 XP · Mint an IP asset".
- *  Scores recompute on a schedule, so this shows the action's configured
- *  value — the caller must never present it as a live balance. */
 declare function XpToastContent({ xp, label, color, totalXp, levelXp, nextLevelXp }: XpToastContentProps): react_jsx_runtime.JSX.Element;
 
 export { XpToastContent, type XpToastContentProps };

package/dist/components/rewards/xp-toast-content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/xp-toast-content.tsx"],"sourcesContent":["import { XpProgress } from \"./xp-progress.js\";\n\nexport interface XpToastContentProps {\n  xp: number;\n  /** The action's configured label, e.g. \"Mint an IP asset\". */\n  label: string;\n  color?: string;\n  /** Optional progress-bar context — when all three are provided, a thin\n   *  XpProgress bar renders under the label, animating toward the next\n   *  level. Omit any of them (the default) to render exactly as before. */\n  totalXp?: number;\n  levelXp?: number;\n  nextLevelXp?: number | null;\n}\n\n/** Toast body for optimistic XP feedback: \"+20 XP · Mint an IP asset\".\n *  Scores recompute on a schedule, so this shows the action's configured\n *  value — the caller must never present it as a live balance. */\nexport function XpToastContent({ xp, label, color = \"#8b5cf6\", totalXp, levelXp, nextLevelXp }: XpToastContentProps) {\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":"AAuBQ,SAOE,KAPF;AAvBR,SAAS,kBAAkB;AAkBpB,SAAS,eAAe,EAAE,IAAI,OAAO,QAAQ,WAAW,SAAS,SAAS,YAAY,GAAwB;AACnH,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":[]}
+{"version":3,"sources":["../../../src/components/rewards/xp-toast-content.tsx"],"sourcesContent":["import { XpProgress } from \"./xp-progress.js\";\n\nexport interface XpToastContentProps {\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 XpToastContent({ xp, label, color = \"#8b5cf6\", totalXp, levelXp, nextLevelXp }: XpToastContentProps) {\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,eAAe,EAAE,IAAI,OAAO,QAAQ,WAAW,SAAS,SAAS,YAAY,GAAwB;AACnH,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/scroll-section.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/scroll-section.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\n\nexport interface ScrollSectionProps {\n  /** Icon element rendered inside the colored badge */\n  icon: React.ReactNode;\n  /** Tailwind classes for the icon badge (background + shadow) */\n  iconBg: string;\n  title: string;\n  /** Optional small line under the title (e.g. \"Updated 1m ago\") */\n  subtitle?: React.ReactNode;\n  /** \"See all\" link destination */\n  href: string;\n  /** Button label — defaults to \"See all\" */\n  linkLabel?: string;\n  /** Scroll items: wrap each in a sized snap-start div */\n  children: React.ReactNode;\n}\n\nexport function ScrollSection({\n  icon,\n  iconBg,\n  title,\n  subtitle,\n  href,\n  linkLabel = \"See all\",\n  children,\n}: ScrollSectionProps) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={`h-7 w-7 rounded-lg flex items-center justify-center ${iconBg}`}>\n            {icon}\n          </div>\n          <div>\n            <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n            {subtitle && <p className=\"text-2xs text-muted-foreground mt-1\">{subtitle}</p>}\n          </div>\n        </div>\n        <Link\n          href={href}\n          className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n        >\n          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </Link>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCU;AAhCV,kBAAiB;AACjB,0BAA2B;AAkBpB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAAuB;AACrB,SACE,6CAAC,aAAQ,WAAU,aACjB;AAAA,iDAAC,SAAI,WAAU,qCACb;AAAA,mDAAC,SAAI,WAAU,6BACb;AAAA,oDAAC,SAAI,WAAW,uDAAuD,MAAM,IAC1E,gBACH;AAAA,QACA,6CAAC,SACC;AAAA,sDAAC,QAAG,WAAU,iDAAiD,iBAAM;AAAA,UACpE,YAAY,4CAAC,OAAE,WAAU,uCAAuC,oBAAS;AAAA,WAC5E;AAAA,SACF;AAAA,MACA;AAAA,QAAC,YAAAA;AAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UAET;AAAA;AAAA,YAAU;AAAA,YAAC,4CAAC,kCAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MAClD;AAAA,OACF;AAAA,IAEA,4CAAC,SAAI,WAAU,yCACb,sDAAC,SAAI,WAAU,kDAAiD,OAAO,EAAE,OAAO,cAAc,GAC3F,UACH,GACF;AAAA,KACF;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../src/components/scroll-section.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\n\nexport interface ScrollSectionProps {\n\n  icon: React.ReactNode;\n\n  iconBg: string;\n  title: string;\n\n  subtitle?: React.ReactNode;\n\n  href: string;\n\n  linkLabel?: string;\n\n  children: React.ReactNode;\n}\n\nexport function ScrollSection({\n  icon,\n  iconBg,\n  title,\n  subtitle,\n  href,\n  linkLabel = \"See all\",\n  children,\n}: ScrollSectionProps) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={`h-7 w-7 rounded-lg flex items-center justify-center ${iconBg}`}>\n            {icon}\n          </div>\n          <div>\n            <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n            {subtitle && <p className=\"text-2xs text-muted-foreground mt-1\">{subtitle}</p>}\n          </div>\n        </div>\n        <Link\n          href={href}\n          className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n        >\n          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </Link>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCU;AAhCV,kBAAiB;AACjB,0BAA2B;AAkBpB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAAuB;AACrB,SACE,6CAAC,aAAQ,WAAU,aACjB;AAAA,iDAAC,SAAI,WAAU,qCACb;AAAA,mDAAC,SAAI,WAAU,6BACb;AAAA,oDAAC,SAAI,WAAW,uDAAuD,MAAM,IAC1E,gBACH;AAAA,QACA,6CAAC,SACC;AAAA,sDAAC,QAAG,WAAU,iDAAiD,iBAAM;AAAA,UACpE,YAAY,4CAAC,OAAE,WAAU,uCAAuC,oBAAS;AAAA,WAC5E;AAAA,SACF;AAAA,MACA;AAAA,QAAC,YAAAA;AAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UAET;AAAA;AAAA,YAAU;AAAA,YAAC,4CAAC,kCAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MAClD;AAAA,OACF;AAAA,IAEA,4CAAC,SAAI,WAAU,yCACb,sDAAC,SAAI,WAAU,kDAAiD,OAAO,EAAE,OAAO,cAAc,GAC3F,UACH,GACF;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/scroll-section.d.cts

@@ -1,18 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ScrollSectionProps {
-    /** Icon element rendered inside the colored badge */
     icon: React.ReactNode;
-    /** Tailwind classes for the icon badge (background + shadow) */
     iconBg: string;
     title: string;
-    /** Optional small line under the title (e.g. "Updated 1m ago") */
     subtitle?: React.ReactNode;
-    /** "See all" link destination */
     href: string;
-    /** Button label — defaults to "See all" */
     linkLabel?: string;
-    /** Scroll items: wrap each in a sized snap-start div */
     children: React.ReactNode;
 }
 declare function ScrollSection({ icon, iconBg, title, subtitle, href, linkLabel, children, }: ScrollSectionProps): react_jsx_runtime.JSX.Element;

package/dist/components/scroll-section.d.ts

@@ -1,18 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ScrollSectionProps {
-    /** Icon element rendered inside the colored badge */
     icon: React.ReactNode;
-    /** Tailwind classes for the icon badge (background + shadow) */
     iconBg: string;
     title: string;
-    /** Optional small line under the title (e.g. "Updated 1m ago") */
     subtitle?: React.ReactNode;
-    /** "See all" link destination */
     href: string;
-    /** Button label — defaults to "See all" */
     linkLabel?: string;
-    /** Scroll items: wrap each in a sized snap-start div */
     children: React.ReactNode;
 }
 declare function ScrollSection({ icon, iconBg, title, subtitle, href, linkLabel, children, }: ScrollSectionProps): react_jsx_runtime.JSX.Element;

package/dist/components/scroll-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/scroll-section.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\n\nexport interface ScrollSectionProps {\n  /** Icon element rendered inside the colored badge */\n  icon: React.ReactNode;\n  /** Tailwind classes for the icon badge (background + shadow) */\n  iconBg: string;\n  title: string;\n  /** Optional small line under the title (e.g. \"Updated 1m ago\") */\n  subtitle?: React.ReactNode;\n  /** \"See all\" link destination */\n  href: string;\n  /** Button label — defaults to \"See all\" */\n  linkLabel?: string;\n  /** Scroll items: wrap each in a sized snap-start div */\n  children: React.ReactNode;\n}\n\nexport function ScrollSection({\n  icon,\n  iconBg,\n  title,\n  subtitle,\n  href,\n  linkLabel = \"See all\",\n  children,\n}: ScrollSectionProps) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={`h-7 w-7 rounded-lg flex items-center justify-center ${iconBg}`}>\n            {icon}\n          </div>\n          <div>\n            <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n            {subtitle && <p className=\"text-2xs text-muted-foreground mt-1\">{subtitle}</p>}\n          </div>\n        </div>\n        <Link\n          href={href}\n          className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n        >\n          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </Link>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAkCU,cAGA,YAHA;AAhCV,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAkBpB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAAuB;AACrB,SACE,qBAAC,aAAQ,WAAU,aACjB;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SAAI,WAAU,6BACb;AAAA,4BAAC,SAAI,WAAW,uDAAuD,MAAM,IAC1E,gBACH;AAAA,QACA,qBAAC,SACC;AAAA,8BAAC,QAAG,WAAU,iDAAiD,iBAAM;AAAA,UACpE,YAAY,oBAAC,OAAE,WAAU,uCAAuC,oBAAS;AAAA,WAC5E;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UAET;AAAA;AAAA,YAAU;AAAA,YAAC,oBAAC,cAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MAClD;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,yCACb,8BAAC,SAAI,WAAU,kDAAiD,OAAO,EAAE,OAAO,cAAc,GAC3F,UACH,GACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/scroll-section.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\n\nexport interface ScrollSectionProps {\n\n  icon: React.ReactNode;\n\n  iconBg: string;\n  title: string;\n\n  subtitle?: React.ReactNode;\n\n  href: string;\n\n  linkLabel?: string;\n\n  children: React.ReactNode;\n}\n\nexport function ScrollSection({\n  icon,\n  iconBg,\n  title,\n  subtitle,\n  href,\n  linkLabel = \"See all\",\n  children,\n}: ScrollSectionProps) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={`h-7 w-7 rounded-lg flex items-center justify-center ${iconBg}`}>\n            {icon}\n          </div>\n          <div>\n            <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n            {subtitle && <p className=\"text-2xs text-muted-foreground mt-1\">{subtitle}</p>}\n          </div>\n        </div>\n        <Link\n          href={href}\n          className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n        >\n          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </Link>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAkCU,cAGA,YAHA;AAhCV,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAkBpB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAAuB;AACrB,SACE,qBAAC,aAAQ,WAAU,aACjB;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SAAI,WAAU,6BACb;AAAA,4BAAC,SAAI,WAAW,uDAAuD,MAAM,IAC1E,gBACH;AAAA,QACA,qBAAC,SACC;AAAA,8BAAC,QAAG,WAAU,iDAAiD,iBAAM;AAAA,UACpE,YAAY,oBAAC,OAAE,WAAU,uCAAuC,oBAAS;AAAA,WAC5E;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UAET;AAAA;AAAA,YAAU;AAAA,YAAC,oBAAC,cAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MAClD;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,yCACb,8BAAC,SAAI,WAAU,kDAAiD,OAAO,EAAE,OAAO,cAAc,GAC3F,UACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/service-form-shell.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/service-form-shell.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ServiceHeader } from \"./service-header.js\";\n\nexport interface ServiceFormShellProps {\n  /** Rendered icon element for the header, e.g. <Coins className=\"h-4 w-4 text-white\" />. */\n  icon: ReactNode;\n  title: string;\n  subtitle: string;\n  /** Optional element under the header subtitle (e.g. a URL pill). */\n  headerAccessory?: ReactNode;\n  /** Rendered above the header — the app's own back button (router-specific). */\n  backSlot?: ReactNode;\n  /** Right-rail panels (e.g. <ClaimRail/>). When present, lays out an 8/4 bento. */\n  aside?: ReactNode;\n  /** Rendered in the left column between the header and the form — e.g. a\n   *  <StepNav/> for multi-step flows. Only used in the aside (8/4) layout. */\n  aboveForm?: ReactNode;\n  /** The form. **Already gated by the app** — wrap it in your own auth/wallet\n   *  gate before passing. This component stays presentation-only (no auth,\n   *  no router) so both apps can share it. */\n  children: ReactNode;\n}\n\n/** Shared launchpad/claim form layout: back slot + bare header (no card), then\n *  the form directly on the page — no compartment, no panel surface. With an\n *  `aside` it lays out an 8/4 bento (form left, rail right); without, a single\n *  centered column. The brand gradient belongs to the form's action button,\n *  not to any container. */\nexport function ServiceFormShell({ icon, title, subtitle, headerAccessory, backSlot, aside, aboveForm, children }: ServiceFormShellProps) {\n  const header = <ServiceHeader bare icon={icon} title={title} subtitle={subtitle} headerAccessory={headerAccessory} />;\n\n  return (\n    <div className={cn(\"container mx-auto px-4 sm:px-6 py-10 space-y-6 pb-20\", aside ? \"max-w-5xl\" : \"max-w-3xl\")}>\n      {backSlot}\n      {aside ? (\n        <div className=\"grid gap-4 lg:grid-cols-12 lg:items-start\">\n          <div className=\"space-y-4 lg:col-span-8\">\n            {header}\n            {aboveForm}\n            {children}\n          </div>\n          <div className=\"space-y-4 lg:col-span-4 lg:sticky lg:top-24\">{aside}</div>\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          {header}\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BiB;AA7BjB,gBAAmB;AACnB,4BAA8B;AA2BvB,SAAS,iBAAiB,EAAE,MAAM,OAAO,UAAU,iBAAiB,UAAU,OAAO,WAAW,SAAS,GAA0B;AACxI,QAAM,SAAS,4CAAC,uCAAc,MAAI,MAAC,MAAY,OAAc,UAAoB,iBAAkC;AAEnH,SACE,6CAAC,SAAI,eAAW,cAAG,wDAAwD,QAAQ,cAAc,WAAW,GACzG;AAAA;AAAA,IACA,QACC,6CAAC,SAAI,WAAU,6CACb;AAAA,mDAAC,SAAI,WAAU,2BACZ;AAAA;AAAA,QACA;AAAA,QACA;AAAA,SACH;AAAA,MACA,4CAAC,SAAI,WAAU,+CAA+C,iBAAM;AAAA,OACtE,IAEA,6CAAC,SAAI,WAAU,aACZ;AAAA;AAAA,MACA;AAAA,OACH;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/service-form-shell.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ServiceHeader } from \"./service-header.js\";\n\nexport interface ServiceFormShellProps {\n\n  icon: ReactNode;\n  title: string;\n  subtitle: string;\n\n  headerAccessory?: ReactNode;\n\n  backSlot?: ReactNode;\n\n  aside?: ReactNode;\n\n  aboveForm?: ReactNode;\n\n  children: ReactNode;\n}\n\nexport function ServiceFormShell({ icon, title, subtitle, headerAccessory, backSlot, aside, aboveForm, children }: ServiceFormShellProps) {\n  const header = <ServiceHeader bare icon={icon} title={title} subtitle={subtitle} headerAccessory={headerAccessory} />;\n\n  return (\n    <div className={cn(\"container mx-auto px-4 sm:px-6 py-10 space-y-6 pb-20\", aside ? \"max-w-5xl\" : \"max-w-3xl\")}>\n      {backSlot}\n      {aside ? (\n        <div className=\"grid gap-4 lg:grid-cols-12 lg:items-start\">\n          <div className=\"space-y-4 lg:col-span-8\">\n            {header}\n            {aboveForm}\n            {children}\n          </div>\n          <div className=\"space-y-4 lg:col-span-4 lg:sticky lg:top-24\">{aside}</div>\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          {header}\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBiB;AArBjB,gBAAmB;AACnB,4BAA8B;AAmBvB,SAAS,iBAAiB,EAAE,MAAM,OAAO,UAAU,iBAAiB,UAAU,OAAO,WAAW,SAAS,GAA0B;AACxI,QAAM,SAAS,4CAAC,uCAAc,MAAI,MAAC,MAAY,OAAc,UAAoB,iBAAkC;AAEnH,SACE,6CAAC,SAAI,eAAW,cAAG,wDAAwD,QAAQ,cAAc,WAAW,GACzG;AAAA;AAAA,IACA,QACC,6CAAC,SAAI,WAAU,6CACb;AAAA,mDAAC,SAAI,WAAU,2BACZ;AAAA;AAAA,QACA;AAAA,QACA;AAAA,SACH;AAAA,MACA,4CAAC,SAAI,WAAU,+CAA+C,iBAAM;AAAA,OACtE,IAEA,6CAAC,SAAI,WAAU,aACZ;AAAA;AAAA,MACA;AAAA,OACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/service-form-shell.d.cts

@@ -2,29 +2,15 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 interface ServiceFormShellProps {
-    /** Rendered icon element for the header, e.g. <Coins className="h-4 w-4 text-white" />. */
     icon: ReactNode;
     title: string;
     subtitle: string;
-    /** Optional element under the header subtitle (e.g. a URL pill). */
     headerAccessory?: ReactNode;
-    /** Rendered above the header — the app's own back button (router-specific). */
     backSlot?: ReactNode;
-    /** Right-rail panels (e.g. <ClaimRail/>). When present, lays out an 8/4 bento. */
     aside?: ReactNode;
-    /** Rendered in the left column between the header and the form — e.g. a
-     *  <StepNav/> for multi-step flows. Only used in the aside (8/4) layout. */
     aboveForm?: ReactNode;
-    /** The form. **Already gated by the app** — wrap it in your own auth/wallet
-     *  gate before passing. This component stays presentation-only (no auth,
-     *  no router) so both apps can share it. */
     children: ReactNode;
 }
-/** Shared launchpad/claim form layout: back slot + bare header (no card), then
- *  the form directly on the page — no compartment, no panel surface. With an
- *  `aside` it lays out an 8/4 bento (form left, rail right); without, a single
- *  centered column. The brand gradient belongs to the form's action button,
- *  not to any container. */
 declare function ServiceFormShell({ icon, title, subtitle, headerAccessory, backSlot, aside, aboveForm, children }: ServiceFormShellProps): react_jsx_runtime.JSX.Element;
 
 export { ServiceFormShell, type ServiceFormShellProps };

package/dist/components/service-form-shell.d.ts

@@ -2,29 +2,15 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 interface ServiceFormShellProps {
-    /** Rendered icon element for the header, e.g. <Coins className="h-4 w-4 text-white" />. */
     icon: ReactNode;
     title: string;
     subtitle: string;
-    /** Optional element under the header subtitle (e.g. a URL pill). */
     headerAccessory?: ReactNode;
-    /** Rendered above the header — the app's own back button (router-specific). */
     backSlot?: ReactNode;
-    /** Right-rail panels (e.g. <ClaimRail/>). When present, lays out an 8/4 bento. */
     aside?: ReactNode;
-    /** Rendered in the left column between the header and the form — e.g. a
-     *  <StepNav/> for multi-step flows. Only used in the aside (8/4) layout. */
     aboveForm?: ReactNode;
-    /** The form. **Already gated by the app** — wrap it in your own auth/wallet
-     *  gate before passing. This component stays presentation-only (no auth,
-     *  no router) so both apps can share it. */
     children: ReactNode;
 }
-/** Shared launchpad/claim form layout: back slot + bare header (no card), then
- *  the form directly on the page — no compartment, no panel surface. With an
- *  `aside` it lays out an 8/4 bento (form left, rail right); without, a single
- *  centered column. The brand gradient belongs to the form's action button,
- *  not to any container. */
 declare function ServiceFormShell({ icon, title, subtitle, headerAccessory, backSlot, aside, aboveForm, children }: ServiceFormShellProps): react_jsx_runtime.JSX.Element;
 
 export { ServiceFormShell, type ServiceFormShellProps };

package/dist/components/service-form-shell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/service-form-shell.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ServiceHeader } from \"./service-header.js\";\n\nexport interface ServiceFormShellProps {\n  /** Rendered icon element for the header, e.g. <Coins className=\"h-4 w-4 text-white\" />. */\n  icon: ReactNode;\n  title: string;\n  subtitle: string;\n  /** Optional element under the header subtitle (e.g. a URL pill). */\n  headerAccessory?: ReactNode;\n  /** Rendered above the header — the app's own back button (router-specific). */\n  backSlot?: ReactNode;\n  /** Right-rail panels (e.g. <ClaimRail/>). When present, lays out an 8/4 bento. */\n  aside?: ReactNode;\n  /** Rendered in the left column between the header and the form — e.g. a\n   *  <StepNav/> for multi-step flows. Only used in the aside (8/4) layout. */\n  aboveForm?: ReactNode;\n  /** The form. **Already gated by the app** — wrap it in your own auth/wallet\n   *  gate before passing. This component stays presentation-only (no auth,\n   *  no router) so both apps can share it. */\n  children: ReactNode;\n}\n\n/** Shared launchpad/claim form layout: back slot + bare header (no card), then\n *  the form directly on the page — no compartment, no panel surface. With an\n *  `aside` it lays out an 8/4 bento (form left, rail right); without, a single\n *  centered column. The brand gradient belongs to the form's action button,\n *  not to any container. */\nexport function ServiceFormShell({ icon, title, subtitle, headerAccessory, backSlot, aside, aboveForm, children }: ServiceFormShellProps) {\n  const header = <ServiceHeader bare icon={icon} title={title} subtitle={subtitle} headerAccessory={headerAccessory} />;\n\n  return (\n    <div className={cn(\"container mx-auto px-4 sm:px-6 py-10 space-y-6 pb-20\", aside ? \"max-w-5xl\" : \"max-w-3xl\")}>\n      {backSlot}\n      {aside ? (\n        <div className=\"grid gap-4 lg:grid-cols-12 lg:items-start\">\n          <div className=\"space-y-4 lg:col-span-8\">\n            {header}\n            {aboveForm}\n            {children}\n          </div>\n          <div className=\"space-y-4 lg:col-span-4 lg:sticky lg:top-24\">{aside}</div>\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          {header}\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"AA8BiB,cAOP,YAPO;AA7BjB,SAAS,UAAU;AACnB,SAAS,qBAAqB;AA2BvB,SAAS,iBAAiB,EAAE,MAAM,OAAO,UAAU,iBAAiB,UAAU,OAAO,WAAW,SAAS,GAA0B;AACxI,QAAM,SAAS,oBAAC,iBAAc,MAAI,MAAC,MAAY,OAAc,UAAoB,iBAAkC;AAEnH,SACE,qBAAC,SAAI,WAAW,GAAG,wDAAwD,QAAQ,cAAc,WAAW,GACzG;AAAA;AAAA,IACA,QACC,qBAAC,SAAI,WAAU,6CACb;AAAA,2BAAC,SAAI,WAAU,2BACZ;AAAA;AAAA,QACA;AAAA,QACA;AAAA,SACH;AAAA,MACA,oBAAC,SAAI,WAAU,+CAA+C,iBAAM;AAAA,OACtE,IAEA,qBAAC,SAAI,WAAU,aACZ;AAAA;AAAA,MACA;AAAA,OACH;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/service-form-shell.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ServiceHeader } from \"./service-header.js\";\n\nexport interface ServiceFormShellProps {\n\n  icon: ReactNode;\n  title: string;\n  subtitle: string;\n\n  headerAccessory?: ReactNode;\n\n  backSlot?: ReactNode;\n\n  aside?: ReactNode;\n\n  aboveForm?: ReactNode;\n\n  children: ReactNode;\n}\n\nexport function ServiceFormShell({ icon, title, subtitle, headerAccessory, backSlot, aside, aboveForm, children }: ServiceFormShellProps) {\n  const header = <ServiceHeader bare icon={icon} title={title} subtitle={subtitle} headerAccessory={headerAccessory} />;\n\n  return (\n    <div className={cn(\"container mx-auto px-4 sm:px-6 py-10 space-y-6 pb-20\", aside ? \"max-w-5xl\" : \"max-w-3xl\")}>\n      {backSlot}\n      {aside ? (\n        <div className=\"grid gap-4 lg:grid-cols-12 lg:items-start\">\n          <div className=\"space-y-4 lg:col-span-8\">\n            {header}\n            {aboveForm}\n            {children}\n          </div>\n          <div className=\"space-y-4 lg:col-span-4 lg:sticky lg:top-24\">{aside}</div>\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          {header}\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"AAsBiB,cAOP,YAPO;AArBjB,SAAS,UAAU;AACnB,SAAS,qBAAqB;AAmBvB,SAAS,iBAAiB,EAAE,MAAM,OAAO,UAAU,iBAAiB,UAAU,OAAO,WAAW,SAAS,GAA0B;AACxI,QAAM,SAAS,oBAAC,iBAAc,MAAI,MAAC,MAAY,OAAc,UAAoB,iBAAkC;AAEnH,SACE,qBAAC,SAAI,WAAW,GAAG,wDAAwD,QAAQ,cAAc,WAAW,GACzG;AAAA;AAAA,IACA,QACC,qBAAC,SAAI,WAAU,6CACb;AAAA,2BAAC,SAAI,WAAU,2BACZ;AAAA;AAAA,QACA;AAAA,QACA;AAAA,SACH;AAAA,MACA,oBAAC,SAAI,WAAU,+CAA+C,iBAAM;AAAA,OACtE,IAEA,qBAAC,SAAI,WAAU,aACZ;AAAA;AAAA,MACA;AAAA,OACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/service-header.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/service-header.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ServiceHeaderProps {\n  /** Rendered icon element, e.g. <Coins className=\"h-4 w-4 text-white\" />. */\n  icon: ReactNode;\n  title: string;\n  subtitle: string;\n  /** Optional element shown under the subtitle (e.g. a URL pill). */\n  headerAccessory?: ReactNode;\n  className?: string;\n  /** Drop the brand gradient border for a plain neutral-bordered card.\n   *  Standalone headers (browse pages, coin page, /claim hub) keep the\n   *  gradient by default. */\n  plain?: boolean;\n  /** No card at all — icon chip + title + subtitle on the page background.\n   *  Used by ServiceFormShell so the form card is the page's only panel. */\n  bare?: boolean;\n}\n\n/** Shared launchpad/claim page header: a dark card with a solid primary icon\n *  chip, title + subtitle. By default it sits on a static brand gradient\n *  border; pass `plain` for a neutral-bordered card. Pure presentation —\n *  consuming app supplies the icon and (optionally) a header accessory. */\nexport function ServiceHeader({ icon, title, subtitle, headerAccessory, className, plain = false, bare = false }: ServiceHeaderProps) {\n  const body = (\n    <>\n      <div className=\"flex items-center gap-2.5\">\n        <div className=\"h-9 w-9 rounded-xl bg-primary flex items-center justify-center shrink-0\">\n          {icon}\n        </div>\n        <h1 className=\"text-2xl sm:text-3xl font-semibold tracking-tight\">{title}</h1>\n      </div>\n      <p className=\"mt-1.5 text-sm text-muted-foreground max-w-xl\">{subtitle}</p>\n      {headerAccessory && <div className=\"mt-4\">{headerAccessory}</div>}\n    </>\n  );\n\n  if (bare) {\n    return <div className={className}>{body}</div>;\n  }\n\n  if (plain) {\n    return <div className={cn(\"rounded-2xl border border-border/60 bg-card p-6 sm:p-7\", className)}>{body}</div>;\n  }\n\n  return (\n    <div className={cn(\"rounded-2xl p-[1.5px] bg-gradient-to-br from-brand-blue via-brand-purple to-brand-rose\", className)}>\n      <div className=\"rounded-[15px] bg-card p-6 sm:p-7\">{body}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BI;AAzBJ,gBAAmB;AAuBZ,SAAS,cAAc,EAAE,MAAM,OAAO,UAAU,iBAAiB,WAAW,QAAQ,OAAO,OAAO,MAAM,GAAuB;AACpI,QAAM,OACJ,4EACE;AAAA,iDAAC,SAAI,WAAU,6BACb;AAAA,kDAAC,SAAI,WAAU,2EACZ,gBACH;AAAA,MACA,4CAAC,QAAG,WAAU,qDAAqD,iBAAM;AAAA,OAC3E;AAAA,IACA,4CAAC,OAAE,WAAU,iDAAiD,oBAAS;AAAA,IACtE,mBAAmB,4CAAC,SAAI,WAAU,QAAQ,2BAAgB;AAAA,KAC7D;AAGF,MAAI,MAAM;AACR,WAAO,4CAAC,SAAI,WAAuB,gBAAK;AAAA,EAC1C;AAEA,MAAI,OAAO;AACT,WAAO,4CAAC,SAAI,eAAW,cAAG,0DAA0D,SAAS,GAAI,gBAAK;AAAA,EACxG;AAEA,SACE,4CAAC,SAAI,eAAW,cAAG,0FAA0F,SAAS,GACpH,sDAAC,SAAI,WAAU,qCAAqC,gBAAK,GAC3D;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/service-header.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ServiceHeaderProps {\n\n  icon: ReactNode;\n  title: string;\n  subtitle: string;\n\n  headerAccessory?: ReactNode;\n  className?: string;\n\n  plain?: boolean;\n\n  bare?: boolean;\n}\n\nexport function ServiceHeader({ icon, title, subtitle, headerAccessory, className, plain = false, bare = false }: ServiceHeaderProps) {\n  const body = (\n    <>\n      <div className=\"flex items-center gap-2.5\">\n        <div className=\"h-9 w-9 rounded-xl bg-primary flex items-center justify-center shrink-0\">\n          {icon}\n        </div>\n        <h1 className=\"text-2xl sm:text-3xl font-semibold tracking-tight\">{title}</h1>\n      </div>\n      <p className=\"mt-1.5 text-sm text-muted-foreground max-w-xl\">{subtitle}</p>\n      {headerAccessory && <div className=\"mt-4\">{headerAccessory}</div>}\n    </>\n  );\n\n  if (bare) {\n    return <div className={className}>{body}</div>;\n  }\n\n  if (plain) {\n    return <div className={cn(\"rounded-2xl border border-border/60 bg-card p-6 sm:p-7\", className)}>{body}</div>;\n  }\n\n  return (\n    <div className={cn(\"rounded-2xl p-[1.5px] bg-gradient-to-br from-brand-blue via-brand-purple to-brand-rose\", className)}>\n      <div className=\"rounded-[15px] bg-card p-6 sm:p-7\">{body}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAlBJ,gBAAmB;AAgBZ,SAAS,cAAc,EAAE,MAAM,OAAO,UAAU,iBAAiB,WAAW,QAAQ,OAAO,OAAO,MAAM,GAAuB;AACpI,QAAM,OACJ,4EACE;AAAA,iDAAC,SAAI,WAAU,6BACb;AAAA,kDAAC,SAAI,WAAU,2EACZ,gBACH;AAAA,MACA,4CAAC,QAAG,WAAU,qDAAqD,iBAAM;AAAA,OAC3E;AAAA,IACA,4CAAC,OAAE,WAAU,iDAAiD,oBAAS;AAAA,IACtE,mBAAmB,4CAAC,SAAI,WAAU,QAAQ,2BAAgB;AAAA,KAC7D;AAGF,MAAI,MAAM;AACR,WAAO,4CAAC,SAAI,WAAuB,gBAAK;AAAA,EAC1C;AAEA,MAAI,OAAO;AACT,WAAO,4CAAC,SAAI,eAAW,cAAG,0DAA0D,SAAS,GAAI,gBAAK;AAAA,EACxG;AAEA,SACE,4CAAC,SAAI,eAAW,cAAG,0FAA0F,SAAS,GACpH,sDAAC,SAAI,WAAU,qCAAqC,gBAAK,GAC3D;AAEJ;","names":[]}

package/dist/components/service-header.d.cts

@@ -2,25 +2,14 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 interface ServiceHeaderProps {
-    /** Rendered icon element, e.g. <Coins className="h-4 w-4 text-white" />. */
     icon: ReactNode;
     title: string;
     subtitle: string;
-    /** Optional element shown under the subtitle (e.g. a URL pill). */
     headerAccessory?: ReactNode;
     className?: string;
-    /** Drop the brand gradient border for a plain neutral-bordered card.
-     *  Standalone headers (browse pages, coin page, /claim hub) keep the
-     *  gradient by default. */
     plain?: boolean;
-    /** No card at all — icon chip + title + subtitle on the page background.
-     *  Used by ServiceFormShell so the form card is the page's only panel. */
     bare?: boolean;
 }
-/** Shared launchpad/claim page header: a dark card with a solid primary icon
- *  chip, title + subtitle. By default it sits on a static brand gradient
- *  border; pass `plain` for a neutral-bordered card. Pure presentation —
- *  consuming app supplies the icon and (optionally) a header accessory. */
 declare function ServiceHeader({ icon, title, subtitle, headerAccessory, className, plain, bare }: ServiceHeaderProps): react_jsx_runtime.JSX.Element;
 
 export { ServiceHeader, type ServiceHeaderProps };

package/dist/components/service-header.d.ts

@@ -2,25 +2,14 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 interface ServiceHeaderProps {
-    /** Rendered icon element, e.g. <Coins className="h-4 w-4 text-white" />. */
     icon: ReactNode;
     title: string;
     subtitle: string;
-    /** Optional element shown under the subtitle (e.g. a URL pill). */
     headerAccessory?: ReactNode;
     className?: string;
-    /** Drop the brand gradient border for a plain neutral-bordered card.
-     *  Standalone headers (browse pages, coin page, /claim hub) keep the
-     *  gradient by default. */
     plain?: boolean;
-    /** No card at all — icon chip + title + subtitle on the page background.
-     *  Used by ServiceFormShell so the form card is the page's only panel. */
     bare?: boolean;
 }
-/** Shared launchpad/claim page header: a dark card with a solid primary icon
- *  chip, title + subtitle. By default it sits on a static brand gradient
- *  border; pass `plain` for a neutral-bordered card. Pure presentation —
- *  consuming app supplies the icon and (optionally) a header accessory. */
 declare function ServiceHeader({ icon, title, subtitle, headerAccessory, className, plain, bare }: ServiceHeaderProps): react_jsx_runtime.JSX.Element;
 
 export { ServiceHeader, type ServiceHeaderProps };

package/dist/components/service-header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/service-header.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ServiceHeaderProps {\n  /** Rendered icon element, e.g. <Coins className=\"h-4 w-4 text-white\" />. */\n  icon: ReactNode;\n  title: string;\n  subtitle: string;\n  /** Optional element shown under the subtitle (e.g. a URL pill). */\n  headerAccessory?: ReactNode;\n  className?: string;\n  /** Drop the brand gradient border for a plain neutral-bordered card.\n   *  Standalone headers (browse pages, coin page, /claim hub) keep the\n   *  gradient by default. */\n  plain?: boolean;\n  /** No card at all — icon chip + title + subtitle on the page background.\n   *  Used by ServiceFormShell so the form card is the page's only panel. */\n  bare?: boolean;\n}\n\n/** Shared launchpad/claim page header: a dark card with a solid primary icon\n *  chip, title + subtitle. By default it sits on a static brand gradient\n *  border; pass `plain` for a neutral-bordered card. Pure presentation —\n *  consuming app supplies the icon and (optionally) a header accessory. */\nexport function ServiceHeader({ icon, title, subtitle, headerAccessory, className, plain = false, bare = false }: ServiceHeaderProps) {\n  const body = (\n    <>\n      <div className=\"flex items-center gap-2.5\">\n        <div className=\"h-9 w-9 rounded-xl bg-primary flex items-center justify-center shrink-0\">\n          {icon}\n        </div>\n        <h1 className=\"text-2xl sm:text-3xl font-semibold tracking-tight\">{title}</h1>\n      </div>\n      <p className=\"mt-1.5 text-sm text-muted-foreground max-w-xl\">{subtitle}</p>\n      {headerAccessory && <div className=\"mt-4\">{headerAccessory}</div>}\n    </>\n  );\n\n  if (bare) {\n    return <div className={className}>{body}</div>;\n  }\n\n  if (plain) {\n    return <div className={cn(\"rounded-2xl border border-border/60 bg-card p-6 sm:p-7\", className)}>{body}</div>;\n  }\n\n  return (\n    <div className={cn(\"rounded-2xl p-[1.5px] bg-gradient-to-br from-brand-blue via-brand-purple to-brand-rose\", className)}>\n      <div className=\"rounded-[15px] bg-card p-6 sm:p-7\">{body}</div>\n    </div>\n  );\n}\n"],"mappings":"AA0BI,mBAEI,KADF,YADF;AAzBJ,SAAS,UAAU;AAuBZ,SAAS,cAAc,EAAE,MAAM,OAAO,UAAU,iBAAiB,WAAW,QAAQ,OAAO,OAAO,MAAM,GAAuB;AACpI,QAAM,OACJ,iCACE;AAAA,yBAAC,SAAI,WAAU,6BACb;AAAA,0BAAC,SAAI,WAAU,2EACZ,gBACH;AAAA,MACA,oBAAC,QAAG,WAAU,qDAAqD,iBAAM;AAAA,OAC3E;AAAA,IACA,oBAAC,OAAE,WAAU,iDAAiD,oBAAS;AAAA,IACtE,mBAAmB,oBAAC,SAAI,WAAU,QAAQ,2BAAgB;AAAA,KAC7D;AAGF,MAAI,MAAM;AACR,WAAO,oBAAC,SAAI,WAAuB,gBAAK;AAAA,EAC1C;AAEA,MAAI,OAAO;AACT,WAAO,oBAAC,SAAI,WAAW,GAAG,0DAA0D,SAAS,GAAI,gBAAK;AAAA,EACxG;AAEA,SACE,oBAAC,SAAI,WAAW,GAAG,0FAA0F,SAAS,GACpH,8BAAC,SAAI,WAAU,qCAAqC,gBAAK,GAC3D;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/service-header.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ServiceHeaderProps {\n\n  icon: ReactNode;\n  title: string;\n  subtitle: string;\n\n  headerAccessory?: ReactNode;\n  className?: string;\n\n  plain?: boolean;\n\n  bare?: boolean;\n}\n\nexport function ServiceHeader({ icon, title, subtitle, headerAccessory, className, plain = false, bare = false }: ServiceHeaderProps) {\n  const body = (\n    <>\n      <div className=\"flex items-center gap-2.5\">\n        <div className=\"h-9 w-9 rounded-xl bg-primary flex items-center justify-center shrink-0\">\n          {icon}\n        </div>\n        <h1 className=\"text-2xl sm:text-3xl font-semibold tracking-tight\">{title}</h1>\n      </div>\n      <p className=\"mt-1.5 text-sm text-muted-foreground max-w-xl\">{subtitle}</p>\n      {headerAccessory && <div className=\"mt-4\">{headerAccessory}</div>}\n    </>\n  );\n\n  if (bare) {\n    return <div className={className}>{body}</div>;\n  }\n\n  if (plain) {\n    return <div className={cn(\"rounded-2xl border border-border/60 bg-card p-6 sm:p-7\", className)}>{body}</div>;\n  }\n\n  return (\n    <div className={cn(\"rounded-2xl p-[1.5px] bg-gradient-to-br from-brand-blue via-brand-purple to-brand-rose\", className)}>\n      <div className=\"rounded-[15px] bg-card p-6 sm:p-7\">{body}</div>\n    </div>\n  );\n}\n"],"mappings":"AAmBI,mBAEI,KADF,YADF;AAlBJ,SAAS,UAAU;AAgBZ,SAAS,cAAc,EAAE,MAAM,OAAO,UAAU,iBAAiB,WAAW,QAAQ,OAAO,OAAO,MAAM,GAAuB;AACpI,QAAM,OACJ,iCACE;AAAA,yBAAC,SAAI,WAAU,6BACb;AAAA,0BAAC,SAAI,WAAU,2EACZ,gBACH;AAAA,MACA,oBAAC,QAAG,WAAU,qDAAqD,iBAAM;AAAA,OAC3E;AAAA,IACA,oBAAC,OAAE,WAAU,iDAAiD,oBAAS;AAAA,IACtE,mBAAmB,oBAAC,SAAI,WAAU,QAAQ,2BAAgB;AAAA,KAC7D;AAGF,MAAI,MAAM;AACR,WAAO,oBAAC,SAAI,WAAuB,gBAAK;AAAA,EAC1C;AAEA,MAAI,OAAO;AACT,WAAO,oBAAC,SAAI,WAAW,GAAG,0DAA0D,SAAS,GAAI,gBAAK;AAAA,EACxG;AAEA,SACE,oBAAC,SAAI,WAAW,GAAG,0FAA0F,SAAS,GACpH,8BAAC,SAAI,WAAU,qCAAqC,gBAAK,GAC3D;AAEJ;","names":[]}

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        // User cancelled — ignore\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 { 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":[]}

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        // User cancelled — ignore\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 { 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":[]}

package/dist/components/stat-tile.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/stat-tile.tsx"],"sourcesContent":["// Bento stat tile and header stat pill — the design system's data-display primitives.\n\nexport interface StatTileProps {\n  label: string;\n  /** Shown as the primary value. Pass \"—\" (em dash) for unknown, never zero. */\n  value?: string | number | null;\n  /** Secondary line below the value. */\n  sub?: string;\n  /** Override color for the value text (e.g. brand-blue for positive deltas). */\n  accent?: string;\n  /** Large 22px value variant. */\n  big?: boolean;\n  radius?: number;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function StatTile({\n  label,\n  value,\n  sub,\n  accent,\n  big,\n  radius = 16,\n  children,\n  className,\n}: StatTileProps) {\n  return (\n    <div\n      className={`bg-muted border border-border flex flex-col gap-1 min-w-0 ${className ?? ''}`}\n      style={{ borderRadius: radius, padding: '12px 14px' }}\n    >\n      <span className=\"text-[10.5px] font-semibold tracking-[0.06em] uppercase text-muted-foreground\">\n        {label}\n      </span>\n      {value != null && (\n        <span\n          className=\"font-semibold leading-none tracking-tight tabular-nums\"\n          style={{\n            fontSize: big ? 22 : 16,\n            color: accent,\n          }}\n        >\n          {value}\n        </span>\n      )}\n      {sub && (\n        <span className=\"text-2xs text-muted-foreground\">{sub}</span>\n      )}\n      {children}\n    </div>\n  );\n}\n\nexport interface StatPillProps {\n  value: string | number;\n  label: string;\n  className?: string;\n}\n\nexport function StatPill({ value, label, className }: StatPillProps) {\n  return (\n    <div\n      className={`inline-flex items-baseline gap-2 px-4 py-2 rounded-full bg-muted ${className ?? ''}`}\n    >\n      <span className=\"text-base font-bold text-foreground tabular-nums\">\n        {value}\n      </span>\n      <span className=\"text-sm text-muted-foreground\">{label}</span>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BI;AAXG,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,6DAA6D,aAAa,EAAE;AAAA,MACvF,OAAO,EAAE,cAAc,QAAQ,SAAS,YAAY;AAAA,MAEpD;AAAA,oDAAC,UAAK,WAAU,iFACb,iBACH;AAAA,QACC,SAAS,QACR;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,UAAU,MAAM,KAAK;AAAA,cACrB,OAAO;AAAA,YACT;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAED,OACC,4CAAC,UAAK,WAAU,kCAAkC,eAAI;AAAA,QAEvD;AAAA;AAAA;AAAA,EACH;AAEJ;AAQO,SAAS,SAAS,EAAE,OAAO,OAAO,UAAU,GAAkB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oEAAoE,aAAa,EAAE;AAAA,MAE9F;AAAA,oDAAC,UAAK,WAAU,oDACb,iBACH;AAAA,QACA,4CAAC,UAAK,WAAU,iCAAiC,iBAAM;AAAA;AAAA;AAAA,EACzD;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/stat-tile.tsx"],"sourcesContent":["\n\nexport interface StatTileProps {\n  label: string;\n\n  value?: string | number | null;\n\n  sub?: string;\n\n  accent?: string;\n\n  big?: boolean;\n  radius?: number;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function StatTile({\n  label,\n  value,\n  sub,\n  accent,\n  big,\n  radius = 16,\n  children,\n  className,\n}: StatTileProps) {\n  return (\n    <div\n      className={`bg-muted border border-border flex flex-col gap-1 min-w-0 ${className ?? ''}`}\n      style={{ borderRadius: radius, padding: '12px 14px' }}\n    >\n      <span className=\"text-[10.5px] font-semibold tracking-[0.06em] uppercase text-muted-foreground\">\n        {label}\n      </span>\n      {value != null && (\n        <span\n          className=\"font-semibold leading-none tracking-tight tabular-nums\"\n          style={{\n            fontSize: big ? 22 : 16,\n            color: accent,\n          }}\n        >\n          {value}\n        </span>\n      )}\n      {sub && (\n        <span className=\"text-2xs text-muted-foreground\">{sub}</span>\n      )}\n      {children}\n    </div>\n  );\n}\n\nexport interface StatPillProps {\n  value: string | number;\n  label: string;\n  className?: string;\n}\n\nexport function StatPill({ value, label, className }: StatPillProps) {\n  return (\n    <div\n      className={`inline-flex items-baseline gap-2 px-4 py-2 rounded-full bg-muted ${className ?? ''}`}\n    >\n      <span className=\"text-base font-bold text-foreground tabular-nums\">\n        {value}\n      </span>\n      <span className=\"text-sm text-muted-foreground\">{label}</span>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BI;AAXG,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,6DAA6D,aAAa,EAAE;AAAA,MACvF,OAAO,EAAE,cAAc,QAAQ,SAAS,YAAY;AAAA,MAEpD;AAAA,oDAAC,UAAK,WAAU,iFACb,iBACH;AAAA,QACC,SAAS,QACR;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,UAAU,MAAM,KAAK;AAAA,cACrB,OAAO;AAAA,YACT;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAED,OACC,4CAAC,UAAK,WAAU,kCAAkC,eAAI;AAAA,QAEvD;AAAA;AAAA;AAAA,EACH;AAEJ;AAQO,SAAS,SAAS,EAAE,OAAO,OAAO,UAAU,GAAkB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oEAAoE,aAAa,EAAE;AAAA,MAE9F;AAAA,oDAAC,UAAK,WAAU,oDACb,iBACH;AAAA,QACA,4CAAC,UAAK,WAAU,iCAAiC,iBAAM;AAAA;AAAA;AAAA,EACzD;AAEJ;","names":[]}

package/dist/components/stat-tile.d.cts

@@ -2,13 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface StatTileProps {
     label: string;
-    /** Shown as the primary value. Pass "—" (em dash) for unknown, never zero. */
     value?: string | number | null;
-    /** Secondary line below the value. */
     sub?: string;
-    /** Override color for the value text (e.g. brand-blue for positive deltas). */
     accent?: string;
-    /** Large 22px value variant. */
     big?: boolean;
     radius?: number;
     children?: React.ReactNode;

package/dist/components/stat-tile.d.ts

@@ -2,13 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface StatTileProps {
     label: string;
-    /** Shown as the primary value. Pass "—" (em dash) for unknown, never zero. */
     value?: string | number | null;
-    /** Secondary line below the value. */
     sub?: string;
-    /** Override color for the value text (e.g. brand-blue for positive deltas). */
     accent?: string;
-    /** Large 22px value variant. */
     big?: boolean;
     radius?: number;
     children?: React.ReactNode;

package/dist/components/stat-tile.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/stat-tile.tsx"],"sourcesContent":["// Bento stat tile and header stat pill — the design system's data-display primitives.\n\nexport interface StatTileProps {\n  label: string;\n  /** Shown as the primary value. Pass \"—\" (em dash) for unknown, never zero. */\n  value?: string | number | null;\n  /** Secondary line below the value. */\n  sub?: string;\n  /** Override color for the value text (e.g. brand-blue for positive deltas). */\n  accent?: string;\n  /** Large 22px value variant. */\n  big?: boolean;\n  radius?: number;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function StatTile({\n  label,\n  value,\n  sub,\n  accent,\n  big,\n  radius = 16,\n  children,\n  className,\n}: StatTileProps) {\n  return (\n    <div\n      className={`bg-muted border border-border flex flex-col gap-1 min-w-0 ${className ?? ''}`}\n      style={{ borderRadius: radius, padding: '12px 14px' }}\n    >\n      <span className=\"text-[10.5px] font-semibold tracking-[0.06em] uppercase text-muted-foreground\">\n        {label}\n      </span>\n      {value != null && (\n        <span\n          className=\"font-semibold leading-none tracking-tight tabular-nums\"\n          style={{\n            fontSize: big ? 22 : 16,\n            color: accent,\n          }}\n        >\n          {value}\n        </span>\n      )}\n      {sub && (\n        <span className=\"text-2xs text-muted-foreground\">{sub}</span>\n      )}\n      {children}\n    </div>\n  );\n}\n\nexport interface StatPillProps {\n  value: string | number;\n  label: string;\n  className?: string;\n}\n\nexport function StatPill({ value, label, className }: StatPillProps) {\n  return (\n    <div\n      className={`inline-flex items-baseline gap-2 px-4 py-2 rounded-full bg-muted ${className ?? ''}`}\n    >\n      <span className=\"text-base font-bold text-foreground tabular-nums\">\n        {value}\n      </span>\n      <span className=\"text-sm text-muted-foreground\">{label}</span>\n    </div>\n  );\n}\n"],"mappings":"AA4BI,SAIE,KAJF;AAXG,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,6DAA6D,aAAa,EAAE;AAAA,MACvF,OAAO,EAAE,cAAc,QAAQ,SAAS,YAAY;AAAA,MAEpD;AAAA,4BAAC,UAAK,WAAU,iFACb,iBACH;AAAA,QACC,SAAS,QACR;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,UAAU,MAAM,KAAK;AAAA,cACrB,OAAO;AAAA,YACT;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAED,OACC,oBAAC,UAAK,WAAU,kCAAkC,eAAI;AAAA,QAEvD;AAAA;AAAA;AAAA,EACH;AAEJ;AAQO,SAAS,SAAS,EAAE,OAAO,OAAO,UAAU,GAAkB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oEAAoE,aAAa,EAAE;AAAA,MAE9F;AAAA,4BAAC,UAAK,WAAU,oDACb,iBACH;AAAA,QACA,oBAAC,UAAK,WAAU,iCAAiC,iBAAM;AAAA;AAAA;AAAA,EACzD;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/stat-tile.tsx"],"sourcesContent":["\n\nexport interface StatTileProps {\n  label: string;\n\n  value?: string | number | null;\n\n  sub?: string;\n\n  accent?: string;\n\n  big?: boolean;\n  radius?: number;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function StatTile({\n  label,\n  value,\n  sub,\n  accent,\n  big,\n  radius = 16,\n  children,\n  className,\n}: StatTileProps) {\n  return (\n    <div\n      className={`bg-muted border border-border flex flex-col gap-1 min-w-0 ${className ?? ''}`}\n      style={{ borderRadius: radius, padding: '12px 14px' }}\n    >\n      <span className=\"text-[10.5px] font-semibold tracking-[0.06em] uppercase text-muted-foreground\">\n        {label}\n      </span>\n      {value != null && (\n        <span\n          className=\"font-semibold leading-none tracking-tight tabular-nums\"\n          style={{\n            fontSize: big ? 22 : 16,\n            color: accent,\n          }}\n        >\n          {value}\n        </span>\n      )}\n      {sub && (\n        <span className=\"text-2xs text-muted-foreground\">{sub}</span>\n      )}\n      {children}\n    </div>\n  );\n}\n\nexport interface StatPillProps {\n  value: string | number;\n  label: string;\n  className?: string;\n}\n\nexport function StatPill({ value, label, className }: StatPillProps) {\n  return (\n    <div\n      className={`inline-flex items-baseline gap-2 px-4 py-2 rounded-full bg-muted ${className ?? ''}`}\n    >\n      <span className=\"text-base font-bold text-foreground tabular-nums\">\n        {value}\n      </span>\n      <span className=\"text-sm text-muted-foreground\">{label}</span>\n    </div>\n  );\n}\n"],"mappings":"AA4BI,SAIE,KAJF;AAXG,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,6DAA6D,aAAa,EAAE;AAAA,MACvF,OAAO,EAAE,cAAc,QAAQ,SAAS,YAAY;AAAA,MAEpD;AAAA,4BAAC,UAAK,WAAU,iFACb,iBACH;AAAA,QACC,SAAS,QACR;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,UAAU,MAAM,KAAK;AAAA,cACrB,OAAO;AAAA,YACT;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAED,OACC,oBAAC,UAAK,WAAU,kCAAkC,eAAI;AAAA,QAEvD;AAAA;AAAA;AAAA,EACH;AAEJ;AAQO,SAAS,SAAS,EAAE,OAAO,OAAO,UAAU,GAAkB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oEAAoE,aAAa,EAAE;AAAA,MAE9F;AAAA,4BAAC,UAAK,WAAU,oDACb,iBACH;AAAA,QACA,oBAAC,UAAK,WAAU,iCAAiC,iBAAM;AAAA;AAAA;AAAA,EACzD;AAEJ;","names":[]}