@stackframe/dashboard-ui-components 2.8.80 → 2.8.82

package/dist/components/button.d.ts

@@ -4,8 +4,8 @@ import React from "react";
 
 //#region src/components/button.d.ts
 declare const designButtonVariants: (props?: ({
-  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
-  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "plain" | null | undefined;
+  size?: "icon" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type DesignOriginalButtonProps = {
   asChild?: boolean;
@@ -22,8 +22,8 @@ declare const DesignButton: React.FC<{
 } & {
   asChild?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
-  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
-  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "plain" | null | undefined;
+  size?: "icon" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string> & {
   ref?: React.Ref<HTMLButtonElement> | undefined;
 }>;

package/dist/components/chart-legend.d.ts

@@ -3,7 +3,7 @@ import * as RechartsPrimitive from "recharts";
 
 //#region src/components/chart-legend.d.ts
 declare const DesignChartLegend: typeof RechartsPrimitive.Legend;
-declare const DesignChartLegendContent: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+declare const DesignChartLegendContent: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "verticalAlign" | "payload"> & {
   hideIcon?: boolean;
   nameKey?: string;
 }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;

package/dist/components/cursor-blast-effect.js

@@ -67,6 +67,7 @@ function CursorBlastEffect({ blastLifetimeMs = DEFAULT_BLAST_LIFETIME_MS, maxAct
 			timeoutIdsRef.current.set(nextId, timeoutId);
 		};
 		const onClick = (event) => {
+			if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
 			const cfg = configRef.current;
 			const now = performance.now();
 			let x;

package/dist/components/cursor-blast-effect.js.map

@@ -1 +1 @@
-{"version":3,"file":"cursor-blast-effect.js","names":[],"sources":["../../src/components/cursor-blast-effect.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ntype Blast = {\n  id: number,\n  x: number,\n  y: number,\n  size: number,\n  hue: number,\n};\n\nconst DEFAULT_BLAST_LIFETIME_MS = 720;\nconst DEFAULT_MAX_ACTIVE_BLASTS = 18;\n\n/** Minimum rapid clicks in the time window to count as a rage click */\nconst DEFAULT_RAGE_CLICK_THRESHOLD = 3;\n/** Time window (ms) in which clicks must occur to be considered rage clicking */\nconst DEFAULT_RAGE_CLICK_WINDOW_MS = 600;\n/** Max distance (px) between clicks to still count as same-spot rage clicking */\nconst DEFAULT_RAGE_CLICK_RADIUS_PX = 60;\n\ntype RecentClick = {\n  time: number,\n  x: number,\n  y: number,\n};\n\nexport type CursorBlastEffectProps = {\n  /** Lifetime of each blast animation in ms. Default: 720 */\n  blastLifetimeMs?: number,\n  /** Maximum number of concurrent active blasts. Default: 18 */\n  maxActiveBlasts?: number,\n  /** Minimum rapid clicks in the time window to trigger a blast. Default: 3 */\n  rageClickThreshold?: number,\n  /** Time window (ms) for counting rage clicks. Default: 600 */\n  rageClickWindowMs?: number,\n  /** Max distance (px) between clicks to count as same-spot rage clicking. Default: 60 */\n  rageClickRadiusPx?: number,\n  /**\n   * When provided, the blast effect is scoped to this container element.\n   * Clicks are only detected within the container and blasts are positioned\n   * relative to the container rather than the viewport.\n   */\n  containerRef?: React.RefObject<HTMLElement | null>,\n};\n\nexport function CursorBlastEffect({\n  blastLifetimeMs = DEFAULT_BLAST_LIFETIME_MS,\n  maxActiveBlasts = DEFAULT_MAX_ACTIVE_BLASTS,\n  rageClickThreshold = DEFAULT_RAGE_CLICK_THRESHOLD,\n  rageClickWindowMs = DEFAULT_RAGE_CLICK_WINDOW_MS,\n  rageClickRadiusPx = DEFAULT_RAGE_CLICK_RADIUS_PX,\n  containerRef,\n}: CursorBlastEffectProps = {}) {\n  const [blasts, setBlasts] = useState<Blast[]>([]);\n  const [mounted, setMounted] = useState(false);\n  const idCounterRef = useRef(0);\n  const timeoutIdsRef = useRef<Map<number, number>>(new Map());\n  const recentClicksRef = useRef<RecentClick[]>([]);\n\n  // Store latest config in refs so the effect callback always reads current values\n  const configRef = useRef({\n    blastLifetimeMs,\n    maxActiveBlasts,\n    rageClickThreshold,\n    rageClickWindowMs,\n    rageClickRadiusPx,\n  });\n  configRef.current = {\n    blastLifetimeMs,\n    maxActiveBlasts,\n    rageClickThreshold,\n    rageClickWindowMs,\n    rageClickRadiusPx,\n  };\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useEffect(() => {\n    const removeBlast = (id: number) => {\n      setBlasts((prev) => prev.filter((blast) => blast.id !== id));\n      const timeoutId = timeoutIdsRef.current.get(id);\n      if (timeoutId !== undefined) {\n        window.clearTimeout(timeoutId);\n        timeoutIdsRef.current.delete(id);\n      }\n    };\n\n    const spawnBlast = (x: number, y: number) => {\n      const cfg = configRef.current;\n      const nextId = idCounterRef.current;\n      idCounterRef.current += 1;\n\n      const nextBlast: Blast = {\n        id: nextId,\n        x,\n        y,\n        size: 44 + Math.random() * 20,\n        hue: 185 + Math.random() * 35,\n      };\n\n      setBlasts((prev) => {\n        const next = [...prev, nextBlast];\n        if (next.length <= cfg.maxActiveBlasts) {\n          return next;\n        }\n        return next.slice(next.length - cfg.maxActiveBlasts);\n      });\n\n      const timeoutId = window.setTimeout(() => removeBlast(nextId), cfg.blastLifetimeMs);\n      timeoutIdsRef.current.set(nextId, timeoutId);\n    };\n\n    const onClick = (event: MouseEvent) => {\n      const cfg = configRef.current;\n      const now = performance.now();\n\n      let x: number;\n      let y: number;\n\n      if (containerRef?.current) {\n        const rect = containerRef.current.getBoundingClientRect();\n        x = event.clientX - rect.left;\n        y = event.clientY - rect.top;\n      } else {\n        x = event.clientX;\n        y = event.clientY;\n      }\n\n      // Prune clicks outside the time window\n      recentClicksRef.current = recentClicksRef.current.filter(\n        (click) => now - click.time < cfg.rageClickWindowMs,\n      );\n\n      recentClicksRef.current.push({ time: now, x, y });\n\n      // Count how many recent clicks are within the radius of the current click\n      const nearbyCount = recentClicksRef.current.filter((click) => {\n        const dx = click.x - x;\n        const dy = click.y - y;\n        return Math.sqrt(dx * dx + dy * dy) <= cfg.rageClickRadiusPx;\n      }).length;\n\n      if (nearbyCount >= cfg.rageClickThreshold) {\n        spawnBlast(x, y);\n      }\n    };\n\n    const target = containerRef?.current ?? window;\n    const timeoutIds = timeoutIdsRef.current;\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion -- EventTarget union requires cast\n    (target as EventTarget).addEventListener(\"click\", onClick as EventListener);\n    return () => {\n      (target as EventTarget).removeEventListener(\"click\", onClick as EventListener);\n      for (const timeoutId of timeoutIds.values()) {\n        window.clearTimeout(timeoutId);\n      }\n      timeoutIds.clear();\n    };\n  }, [containerRef]);\n\n  if (!mounted) {\n    return null;\n  }\n\n  const blastElements = (\n    <>\n      {blasts.map((blast) => (\n        <div\n          key={blast.id}\n          style={{\n            position: \"absolute\",\n            left: blast.x,\n            top: blast.y,\n            width: blast.size,\n            height: blast.size,\n            transform: \"translate(-50%, -50%)\",\n            willChange: \"transform, opacity\",\n            filter: `hue-rotate(${blast.hue}deg)`,\n          }}\n        >\n          <span className=\"cursor-blast-ring\" />\n          <span className=\"cursor-blast-core\" />\n          {Array.from({ length: 10 }).map((_, index) => {\n            const angle = (360 / 10) * index;\n            return (\n              <span\n                key={`${blast.id}-${index}`}\n                className=\"cursor-blast-shard-wrap\"\n                style={{\n                  transform: `translate(-50%, -50%) rotate(${angle}deg)`,\n                  animationDelay: `${index * 16}ms`,\n                }}\n              >\n                <span className=\"cursor-blast-shard\" />\n              </span>\n            );\n          })}\n        </div>\n      ))}\n      <style dangerouslySetInnerHTML={{ __html: `\n        .cursor-blast-ring {\n          position: absolute;\n          inset: 0;\n          border-radius: 999px;\n          border: 2px solid hsl(197 98% 67% / 0.9);\n          box-shadow:\n            0 0 22px hsl(191 100% 72% / 0.6),\n            inset 0 0 12px hsl(204 100% 77% / 0.65);\n          animation: blast-ring 560ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        }\n\n        .cursor-blast-core {\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          width: 10px;\n          height: 10px;\n          border-radius: 999px;\n          transform: translate(-50%, -50%);\n          background: hsl(196 100% 85%);\n          box-shadow:\n            0 0 26px hsl(193 100% 72% / 0.9),\n            0 0 10px hsl(201 100% 85% / 0.9);\n          animation: blast-core 420ms ease-out forwards;\n        }\n\n        .cursor-blast-shard-wrap {\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          width: 0;\n          height: 0;\n        }\n\n        .cursor-blast-shard {\n          position: absolute;\n          left: 0;\n          top: -1.5px;\n          width: 12px;\n          height: 3px;\n          border-radius: 999px;\n          background: linear-gradient(90deg, hsl(190 100% 84%), hsl(197 98% 67%));\n          box-shadow: 0 0 12px hsl(195 100% 70% / 0.8);\n          animation: blast-shard 680ms cubic-bezier(0.22, 1, 0.36, 1) forwards;\n        }\n\n        @keyframes blast-ring {\n          0% {\n            transform: scale(0.2);\n            opacity: 0.95;\n          }\n          100% {\n            transform: scale(1.6);\n            opacity: 0;\n          }\n        }\n\n        @keyframes blast-core {\n          0% {\n            transform: translate(-50%, -50%) scale(0.5);\n            opacity: 1;\n          }\n          100% {\n            transform: translate(-50%, -50%) scale(2.2);\n            opacity: 0;\n          }\n        }\n\n        @keyframes blast-shard {\n          0% {\n            transform: translateX(0) scaleX(0.7);\n            opacity: 1;\n          }\n          100% {\n            transform: translateX(46px) scaleX(1.1);\n            opacity: 0;\n          }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n          .cursor-blast-ring,\n          .cursor-blast-core,\n          .cursor-blast-shard {\n            animation-duration: 1ms;\n          }\n        }\n      ` }} />\n    </>\n  );\n\n  // When scoped to a container, render inline (the container must have position: relative)\n  if (containerRef) {\n    return (\n      <div\n        aria-hidden\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          zIndex: 2147483647,\n          pointerEvents: \"none\",\n          overflow: \"hidden\",\n          borderRadius: \"inherit\",\n        }}\n      >\n        {blastElements}\n      </div>\n    );\n  }\n\n  // Default: portal to body with fixed positioning (original behaviour)\n  return createPortal(\n    <div\n      aria-hidden\n      style={{\n        position: \"fixed\",\n        inset: 0,\n        zIndex: 2147483647,\n        pointerEvents: \"none\",\n      }}\n    >\n      {blastElements}\n    </div>,\n    document.body,\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"cursor-blast-effect.js","names":[],"sources":["../../src/components/cursor-blast-effect.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ntype Blast = {\n  id: number,\n  x: number,\n  y: number,\n  size: number,\n  hue: number,\n};\n\nconst DEFAULT_BLAST_LIFETIME_MS = 720;\nconst DEFAULT_MAX_ACTIVE_BLASTS = 18;\n\n/** Minimum rapid clicks in the time window to count as a rage click */\nconst DEFAULT_RAGE_CLICK_THRESHOLD = 3;\n/** Time window (ms) in which clicks must occur to be considered rage clicking */\nconst DEFAULT_RAGE_CLICK_WINDOW_MS = 600;\n/** Max distance (px) between clicks to still count as same-spot rage clicking */\nconst DEFAULT_RAGE_CLICK_RADIUS_PX = 60;\n\ntype RecentClick = {\n  time: number,\n  x: number,\n  y: number,\n};\n\nexport type CursorBlastEffectProps = {\n  /** Lifetime of each blast animation in ms. Default: 720 */\n  blastLifetimeMs?: number,\n  /** Maximum number of concurrent active blasts. Default: 18 */\n  maxActiveBlasts?: number,\n  /** Minimum rapid clicks in the time window to trigger a blast. Default: 3 */\n  rageClickThreshold?: number,\n  /** Time window (ms) for counting rage clicks. Default: 600 */\n  rageClickWindowMs?: number,\n  /** Max distance (px) between clicks to count as same-spot rage clicking. Default: 60 */\n  rageClickRadiusPx?: number,\n  /**\n   * When provided, the blast effect is scoped to this container element.\n   * Clicks are only detected within the container and blasts are positioned\n   * relative to the container rather than the viewport.\n   */\n  containerRef?: React.RefObject<HTMLElement | null>,\n};\n\nexport function CursorBlastEffect({\n  blastLifetimeMs = DEFAULT_BLAST_LIFETIME_MS,\n  maxActiveBlasts = DEFAULT_MAX_ACTIVE_BLASTS,\n  rageClickThreshold = DEFAULT_RAGE_CLICK_THRESHOLD,\n  rageClickWindowMs = DEFAULT_RAGE_CLICK_WINDOW_MS,\n  rageClickRadiusPx = DEFAULT_RAGE_CLICK_RADIUS_PX,\n  containerRef,\n}: CursorBlastEffectProps = {}) {\n  const [blasts, setBlasts] = useState<Blast[]>([]);\n  const [mounted, setMounted] = useState(false);\n  const idCounterRef = useRef(0);\n  const timeoutIdsRef = useRef<Map<number, number>>(new Map());\n  const recentClicksRef = useRef<RecentClick[]>([]);\n\n  // Store latest config in refs so the effect callback always reads current values\n  const configRef = useRef({\n    blastLifetimeMs,\n    maxActiveBlasts,\n    rageClickThreshold,\n    rageClickWindowMs,\n    rageClickRadiusPx,\n  });\n  configRef.current = {\n    blastLifetimeMs,\n    maxActiveBlasts,\n    rageClickThreshold,\n    rageClickWindowMs,\n    rageClickRadiusPx,\n  };\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useEffect(() => {\n    const removeBlast = (id: number) => {\n      setBlasts((prev) => prev.filter((blast) => blast.id !== id));\n      const timeoutId = timeoutIdsRef.current.get(id);\n      if (timeoutId !== undefined) {\n        window.clearTimeout(timeoutId);\n        timeoutIdsRef.current.delete(id);\n      }\n    };\n\n    const spawnBlast = (x: number, y: number) => {\n      const cfg = configRef.current;\n      const nextId = idCounterRef.current;\n      idCounterRef.current += 1;\n\n      const nextBlast: Blast = {\n        id: nextId,\n        x,\n        y,\n        size: 44 + Math.random() * 20,\n        hue: 185 + Math.random() * 35,\n      };\n\n      setBlasts((prev) => {\n        const next = [...prev, nextBlast];\n        if (next.length <= cfg.maxActiveBlasts) {\n          return next;\n        }\n        return next.slice(next.length - cfg.maxActiveBlasts);\n      });\n\n      const timeoutId = window.setTimeout(() => removeBlast(nextId), cfg.blastLifetimeMs);\n      timeoutIdsRef.current.set(nextId, timeoutId);\n    };\n\n    const onClick = (event: MouseEvent) => {\n      if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n        return;\n      }\n\n      const cfg = configRef.current;\n      const now = performance.now();\n\n      let x: number;\n      let y: number;\n\n      if (containerRef?.current) {\n        const rect = containerRef.current.getBoundingClientRect();\n        x = event.clientX - rect.left;\n        y = event.clientY - rect.top;\n      } else {\n        x = event.clientX;\n        y = event.clientY;\n      }\n\n      // Prune clicks outside the time window\n      recentClicksRef.current = recentClicksRef.current.filter(\n        (click) => now - click.time < cfg.rageClickWindowMs,\n      );\n\n      recentClicksRef.current.push({ time: now, x, y });\n\n      // Count how many recent clicks are within the radius of the current click\n      const nearbyCount = recentClicksRef.current.filter((click) => {\n        const dx = click.x - x;\n        const dy = click.y - y;\n        return Math.sqrt(dx * dx + dy * dy) <= cfg.rageClickRadiusPx;\n      }).length;\n\n      if (nearbyCount >= cfg.rageClickThreshold) {\n        spawnBlast(x, y);\n      }\n    };\n\n    const target = containerRef?.current ?? window;\n    const timeoutIds = timeoutIdsRef.current;\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion -- EventTarget union requires cast\n    (target as EventTarget).addEventListener(\"click\", onClick as EventListener);\n    return () => {\n      (target as EventTarget).removeEventListener(\"click\", onClick as EventListener);\n      for (const timeoutId of timeoutIds.values()) {\n        window.clearTimeout(timeoutId);\n      }\n      timeoutIds.clear();\n    };\n  }, [containerRef]);\n\n  if (!mounted) {\n    return null;\n  }\n\n  const blastElements = (\n    <>\n      {blasts.map((blast) => (\n        <div\n          key={blast.id}\n          style={{\n            position: \"absolute\",\n            left: blast.x,\n            top: blast.y,\n            width: blast.size,\n            height: blast.size,\n            transform: \"translate(-50%, -50%)\",\n            willChange: \"transform, opacity\",\n            filter: `hue-rotate(${blast.hue}deg)`,\n          }}\n        >\n          <span className=\"cursor-blast-ring\" />\n          <span className=\"cursor-blast-core\" />\n          {Array.from({ length: 10 }).map((_, index) => {\n            const angle = (360 / 10) * index;\n            return (\n              <span\n                key={`${blast.id}-${index}`}\n                className=\"cursor-blast-shard-wrap\"\n                style={{\n                  transform: `translate(-50%, -50%) rotate(${angle}deg)`,\n                  animationDelay: `${index * 16}ms`,\n                }}\n              >\n                <span className=\"cursor-blast-shard\" />\n              </span>\n            );\n          })}\n        </div>\n      ))}\n      <style dangerouslySetInnerHTML={{ __html: `\n        .cursor-blast-ring {\n          position: absolute;\n          inset: 0;\n          border-radius: 999px;\n          border: 2px solid hsl(197 98% 67% / 0.9);\n          box-shadow:\n            0 0 22px hsl(191 100% 72% / 0.6),\n            inset 0 0 12px hsl(204 100% 77% / 0.65);\n          animation: blast-ring 560ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        }\n\n        .cursor-blast-core {\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          width: 10px;\n          height: 10px;\n          border-radius: 999px;\n          transform: translate(-50%, -50%);\n          background: hsl(196 100% 85%);\n          box-shadow:\n            0 0 26px hsl(193 100% 72% / 0.9),\n            0 0 10px hsl(201 100% 85% / 0.9);\n          animation: blast-core 420ms ease-out forwards;\n        }\n\n        .cursor-blast-shard-wrap {\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          width: 0;\n          height: 0;\n        }\n\n        .cursor-blast-shard {\n          position: absolute;\n          left: 0;\n          top: -1.5px;\n          width: 12px;\n          height: 3px;\n          border-radius: 999px;\n          background: linear-gradient(90deg, hsl(190 100% 84%), hsl(197 98% 67%));\n          box-shadow: 0 0 12px hsl(195 100% 70% / 0.8);\n          animation: blast-shard 680ms cubic-bezier(0.22, 1, 0.36, 1) forwards;\n        }\n\n        @keyframes blast-ring {\n          0% {\n            transform: scale(0.2);\n            opacity: 0.95;\n          }\n          100% {\n            transform: scale(1.6);\n            opacity: 0;\n          }\n        }\n\n        @keyframes blast-core {\n          0% {\n            transform: translate(-50%, -50%) scale(0.5);\n            opacity: 1;\n          }\n          100% {\n            transform: translate(-50%, -50%) scale(2.2);\n            opacity: 0;\n          }\n        }\n\n        @keyframes blast-shard {\n          0% {\n            transform: translateX(0) scaleX(0.7);\n            opacity: 1;\n          }\n          100% {\n            transform: translateX(46px) scaleX(1.1);\n            opacity: 0;\n          }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n          .cursor-blast-ring,\n          .cursor-blast-core,\n          .cursor-blast-shard {\n            animation-duration: 1ms;\n          }\n        }\n      ` }} />\n    </>\n  );\n\n  // When scoped to a container, render inline (the container must have position: relative)\n  if (containerRef) {\n    return (\n      <div\n        aria-hidden\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          zIndex: 2147483647,\n          pointerEvents: \"none\",\n          overflow: \"hidden\",\n          borderRadius: \"inherit\",\n        }}\n      >\n        {blastElements}\n      </div>\n    );\n  }\n\n  // Default: portal to body with fixed positioning (original behaviour)\n  return createPortal(\n    <div\n      aria-hidden\n      style={{\n        position: \"fixed\",\n        inset: 0,\n        zIndex: 2147483647,\n        pointerEvents: \"none\",\n      }}\n    >\n      {blastElements}\n    </div>,\n    document.body,\n  );\n}\n"],"mappings":"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"}

package/dist/dashboard-ui-components.global.js

@@ -4074,6 +4074,7 @@ This is likely an error in Stack. Please make sure you are running the newest ve
   var InvalidAuthorizationCode = createKnownErrorConstructor(KnownError, "INVALID_AUTHORIZATION_CODE", () => [400, "The given authorization code is invalid."], () => []);
   var InvalidAppleCredentials = createKnownErrorConstructor(KnownError, "INVALID_APPLE_CREDENTIALS", () => [400, "The Apple Sign In credentials could not be verified. Please try signing in again."], () => []);
   var OAuthProviderAccessDenied = createKnownErrorConstructor(KnownError, "OAUTH_PROVIDER_ACCESS_DENIED", () => [400, "The OAuth provider denied access to the user."], () => []);
+  var OAuthProviderTemporarilyUnavailable = createKnownErrorConstructor(KnownError, "OAUTH_PROVIDER_TEMPORARILY_UNAVAILABLE", () => [503, "The OAuth provider is temporarily unavailable. Please try signing in again."], () => []);
   var ContactChannelAlreadyUsedForAuthBySomeoneElse = createKnownErrorConstructor(KnownError, "CONTACT_CHANNEL_ALREADY_USED_FOR_AUTH_BY_SOMEONE_ELSE", (type, contactChannelValue, wouldWorkIfEmailWasVerified = false) => [
     409,
     `This ${type} ${contactChannelValue ? `"(${contactChannelValue})"` : ""} is already used for authentication by another account${wouldWorkIfEmailWasVerified ? " but the email is not verified. Please login to your existing account with the method you used to sign up, and then verify your email to sign in with this login method." : "."}`,
@@ -4360,6 +4361,7 @@ This is likely an error in Stack. Please make sure you are running the newest ve
     InvalidAppleCredentials,
     TeamPermissionNotFound,
     OAuthProviderAccessDenied,
+    OAuthProviderTemporarilyUnavailable,
     ContactChannelAlreadyUsedForAuthBySomeoneElse,
     InvalidPollingCodeError,
     ApiKeyNotValid,
@@ -6814,263 +6816,12 @@ attempted value: ${formattedValue}
   var allProviders = standardProviders;
 
   // ../stack-shared/dist/esm/utils/country-codes.js
-  var ISO_3166_ALPHA_2_COUNTRY_CODES = [
-    "AD",
-    "AE",
-    "AF",
-    "AG",
-    "AI",
-    "AL",
-    "AM",
-    "AO",
-    "AQ",
-    "AR",
-    "AS",
-    "AT",
-    "AU",
-    "AW",
-    "AX",
-    "AZ",
-    "BA",
-    "BB",
-    "BD",
-    "BE",
-    "BF",
-    "BG",
-    "BH",
-    "BI",
-    "BJ",
-    "BL",
-    "BM",
-    "BN",
-    "BO",
-    "BQ",
-    "BR",
-    "BS",
-    "BT",
-    "BV",
-    "BW",
-    "BY",
-    "BZ",
-    "CA",
-    "CC",
-    "CD",
-    "CF",
-    "CG",
-    "CH",
-    "CI",
-    "CK",
-    "CL",
-    "CM",
-    "CN",
-    "CO",
-    "CR",
-    "CU",
-    "CV",
-    "CW",
-    "CX",
-    "CY",
-    "CZ",
-    "DE",
-    "DJ",
-    "DK",
-    "DM",
-    "DO",
-    "DZ",
-    "EC",
-    "EE",
-    "EG",
-    "EH",
-    "ER",
-    "ES",
-    "ET",
-    "FI",
-    "FJ",
-    "FK",
-    "FM",
-    "FO",
-    "FR",
-    "GA",
-    "GB",
-    "GD",
-    "GE",
-    "GF",
-    "GG",
-    "GH",
-    "GI",
-    "GL",
-    "GM",
-    "GN",
-    "GP",
-    "GQ",
-    "GR",
-    "GS",
-    "GT",
-    "GU",
-    "GW",
-    "GY",
-    "HK",
-    "HM",
-    "HN",
-    "HR",
-    "HT",
-    "HU",
-    "ID",
-    "IE",
-    "IL",
-    "IM",
-    "IN",
-    "IO",
-    "IQ",
-    "IR",
-    "IS",
-    "IT",
-    "JE",
-    "JM",
-    "JO",
-    "JP",
-    "KE",
-    "KG",
-    "KH",
-    "KI",
-    "KM",
-    "KN",
-    "KP",
-    "KR",
-    "KW",
-    "KY",
-    "KZ",
-    "LA",
-    "LB",
-    "LC",
-    "LI",
-    "LK",
-    "LR",
-    "LS",
-    "LT",
-    "LU",
-    "LV",
-    "LY",
-    "MA",
-    "MC",
-    "MD",
-    "ME",
-    "MF",
-    "MG",
-    "MH",
-    "MK",
-    "ML",
-    "MM",
-    "MN",
-    "MO",
-    "MP",
-    "MQ",
-    "MR",
-    "MS",
-    "MT",
-    "MU",
-    "MV",
-    "MW",
-    "MX",
-    "MY",
-    "MZ",
-    "NA",
-    "NC",
-    "NE",
-    "NF",
-    "NG",
-    "NI",
-    "NL",
-    "NO",
-    "NP",
-    "NR",
-    "NU",
-    "NZ",
-    "OM",
-    "PA",
-    "PE",
-    "PF",
-    "PG",
-    "PH",
-    "PK",
-    "PL",
-    "PM",
-    "PN",
-    "PR",
-    "PS",
-    "PT",
-    "PW",
-    "PY",
-    "QA",
-    "RE",
-    "RO",
-    "RS",
-    "RU",
-    "RW",
-    "SA",
-    "SB",
-    "SC",
-    "SD",
-    "SE",
-    "SG",
-    "SH",
-    "SI",
-    "SJ",
-    "SK",
-    "SL",
-    "SM",
-    "SN",
-    "SO",
-    "SR",
-    "SS",
-    "ST",
-    "SV",
-    "SX",
-    "SY",
-    "SZ",
-    "TC",
-    "TD",
-    "TF",
-    "TG",
-    "TH",
-    "TJ",
-    "TK",
-    "TL",
-    "TM",
-    "TN",
-    "TO",
-    "TR",
-    "TT",
-    "TV",
-    "TW",
-    "TZ",
-    "UA",
-    "UG",
-    "UM",
-    "US",
-    "UY",
-    "UZ",
-    "VA",
-    "VC",
-    "VE",
-    "VG",
-    "VI",
-    "VN",
-    "VU",
-    "WF",
-    "WS",
-    "YE",
-    "YT",
-    "ZA",
-    "ZM",
-    "ZW"
-  ];
-  var validCountryCodeSet = new Set(ISO_3166_ALPHA_2_COUNTRY_CODES);
   function normalizeCountryCode(countryCode) {
     return countryCode.trim().toUpperCase();
   }
   function isValidCountryCode(countryCode) {
-    return validCountryCodeSet.has(normalizeCountryCode(countryCode));
+    const normalized = normalizeCountryCode(countryCode);
+    return /^[A-Z]{2}$/.test(normalized);
   }
 
   // ../stack-shared/dist/esm/utils/uuids.js
@@ -7330,7 +7081,7 @@ attempted value: ${formattedValue}
   var passwordSchema = yupString().max(70);
   var countryCodeSchema = yupString().transform((value) => typeof value === "string" ? normalizeCountryCode(value) : value).test({
     name: "country-code",
-    message: (params) => `${params.path} must be a valid ISO 3166-1 alpha-2 country code`,
+    message: (params) => `${params.path} must be a 2-letter country code`,
     test: (value) => value == null || isValidCountryCode(value)
   });
   var intervalSchema = yupTuple([yupNumber().min(0).integer().defined(), yupString().oneOf([
@@ -12588,6 +12339,9 @@ ${error}`);
         timeoutIdsRef.current.set(nextId, timeoutId);
       };
       const onClick = (event) => {
+        if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+          return;
+        }
         const cfg = configRef.current;
         const now = performance.now();
         let x;