51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T1461,"use client"; import * as React from "react"; import { AnimatePresence, motion, useReducedMotion } from "framer-motion"; import { AlertTriangle, Check, Loader2 } from "lucide-react"; import { cn } from "@/lib/utils"; type Phase = "idle" | "loading" | "success" | "error"; const variantClasses: Record, string> = { default: "border-transparent bg-primary text-primary-foreground shadow-[0_14px_30px_-18px_rgba(14,165,233,0.6)] hover:bg-primary/90", outline: "border-border bg-background/90 text-foreground hover:bg-muted/70 dark:border-white/10 dark:bg-zinc-900/70", ghost: "border-transparent bg-transparent text-foreground hover:bg-muted/70 dark:hover:bg-zinc-900/70", destructive: "border-transparent bg-destructive text-white shadow-[0_14px_30px_-18px_rgba(220,38,38,0.7)] hover:bg-destructive/90", }; const sizeClasses: Record, string> = { sm: "h-9 min-w-28 px-3.5 text-sm", md: "h-11 min-w-32 px-5 text-sm", lg: "h-12 min-w-36 px-6 text-base", }; export type StatefulButtonProps = Omit< React.ButtonHTMLAttributes, "children" | "onClick" | "onAnimationStart" | "onAnimationEnd" | "onAnimationIteration" | "onDrag" | "onDragEnd" | "onDragStart" > & { children: React.ReactNode; loadingText?: string; successText?: string; errorText?: string; onClick?: () => Promise | void; resetDelay?: number; showSuccess?: boolean; className?: string; variant?: "default" | "outline" | "ghost" | "destructive"; size?: "sm" | "md" | "lg"; icon?: React.ReactNode; successIcon?: React.ReactNode; errorIcon?: React.ReactNode; }; export function StatefulButton({ children, loadingText = "Loading...", successText = "Success", errorText = "Something went wrong", onClick, disabled, resetDelay = 1800, showSuccess = true, className, variant = "default", size = "md", icon, successIcon, errorIcon, type = "button", ...buttonProps }: StatefulButtonProps) { const reduceMotion = useReducedMotion() === true; const [phase, setPhase] = React.useState("idle"); const resetRef = React.useRef(null); const isLoading = phase === "loading"; const isDisabled = disabled || isLoading; const clearResetTimer = React.useCallback(() => { if (resetRef.current !== null) { window.clearTimeout(resetRef.current); resetRef.current = null; } }, []); const scheduleReset = React.useCallback( (delay = resetDelay) => { clearResetTimer(); resetRef.current = window.setTimeout(() => { setPhase("idle"); }, Math.max(300, delay)); }, [clearResetTimer, resetDelay], ); React.useEffect(() => clearResetTimer, [clearResetTimer]); async function handleClick() { if (isDisabled) return; clearResetTimer(); setPhase("loading"); try { await onClick?.(); if (showSuccess) { setPhase("success"); scheduleReset(); } else { setPhase("idle"); } } catch { setPhase("error"); scheduleReset(Math.max(1400, resetDelay)); } } const content = phase === "loading" ? { key: "loading", label: loadingText, icon: , } : phase === "success" ? { key: "success", label: successText, icon: successIcon ?? , } : phase === "error" ? { key: "error", label: errorText, icon: errorIcon ?? , } : { key: "idle", label: children, icon }; return ( {content.icon} {content.label} ); } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","framer-motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/framer-motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"framer-motion"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"react"}]]}]}]]}],["$","$L51",null,{"namespace":"@nexus-labs","registryDependencies":["https://www.nexus-ui.com/api/registry/nexus-font","utils"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"next-ui/stateful-button/index.ts","content":"export type { StatefulButtonProps } from \"./stateful-button\";\nexport { StatefulButton } from \"./stateful-button\";\n","type":"registry:lib","target":"components/stateful-button/index.ts"},{"path":"next-ui/stateful-button/stateful-button.tsx","content":"$53","type":"registry:component","target":"components/stateful-button/stateful-button.tsx"},{"path":"next-ui/stateful-button.tsx","content":"/** Re-export shim: some bundlers resolve `@/components/stateful-button` before directory index. */\nexport type { StatefulButtonProps } from \"./stateful-button/stateful-button\";\nexport { StatefulButton } from \"./stateful-button/stateful-button\";\n","type":"registry:component","target":"components/stateful-button.tsx"}],"className":"h-[70svh] min-h-80"}]]}]