50: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"] 51: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"] 52:T17c0,"use client"; import type { CodeEditorProps, PreviewProps, SandpackLayoutProps, SandpackProviderProps, } from "@codesandbox/sandpack-react"; import { SandpackCodeEditor, SandpackConsole, SandpackFileExplorer, SandpackLayout, SandpackPreview, SandpackProvider, } from "@codesandbox/sandpack-react"; import type { ButtonHTMLAttributes, ComponentProps, HTMLAttributes, ReactNode, } from "react"; import { createContext, useCallback, useContext, useEffect, useState, } from "react"; import { cn } from "@/lib/utils"; export type SandboxProviderProps = SandpackProviderProps; export const SandboxProvider = ({ className, ...props }: SandpackProviderProps): ReactNode => (

); export type SandboxLayoutProps = SandpackLayoutProps; export const SandboxLayout = ({ className, ...props }: SandpackLayoutProps): ReactNode => ( ); export type SandboxTabsContextValue = { selectedTab: string | undefined; setSelectedTab: (value: string) => void; }; const SandboxTabsContext = createContext( undefined ); const useSandboxTabsContext = () => { const context = useContext(SandboxTabsContext); if (!context) { throw new Error( "SandboxTabs components must be used within a SandboxTabsProvider" ); } return context; }; export type SandboxTabsProps = HTMLAttributes & { defaultValue?: string; value?: string; onValueChange?: (value: string) => void; }; export const SandboxTabs = ({ className, defaultValue, value, onValueChange, ...props }: SandboxTabsProps): ReactNode => { const [selectedTab, setSelectedTabState] = useState(value || defaultValue); useEffect(() => { if (value !== undefined) { setSelectedTabState(value); } }, [value]); const setSelectedTab = useCallback( (newValue: string) => { if (value === undefined) { setSelectedTabState(newValue); } onValueChange?.(newValue); }, [value, onValueChange] ); return (

{props.children}

); }; export type SandboxTabsListProps = HTMLAttributes; export const SandboxTabsList = ({ className, ...props }: SandboxTabsListProps): ReactNode => (

); export type SandboxTabsTriggerProps = Omit< ButtonHTMLAttributes, "onClick" > & { value: string; }; export const SandboxTabsTrigger = ({ className, value, ...props }: SandboxTabsTriggerProps): ReactNode => { const { selectedTab, setSelectedTab } = useSandboxTabsContext(); const handleClick = useCallback(() => { setSelectedTab(value); }, [setSelectedTab, value]); return (