4e: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"] 4f: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"] 50:T11b1,"use client"; import { CheckIcon, CopyIcon } from "lucide-react"; import { useState } from "react"; import { Button } from "@/registry/optics/button"; import { useRender } from "@base-ui/react/use-render"; import { mergeProps } from "@base-ui/react/merge-props"; import { Tabs, TabsContent, TabsContents, TabsList, TabsTrigger, } from "@/registry/optics/tabs"; import { ScrollArea } from "@/registry/optics/scroll-area"; import { cn } from "@/registry/optics/lib/utils"; export const Snippet = ({ className = "", ...props }) => ( ); export const SnippetHeader = ({ className = "", ...props }) => (

); export const SnippetCopyButton = ({ render = undefined, value = "", onCopy = undefined, onError = undefined, timeout = 2000, ...props }) => { const [isCopied, setIsCopied] = useState(false); const copyToClipboard = async () => { if (typeof window === "undefined" || !value) return; try { // Try modern clipboard API first if (navigator.clipboard?.writeText) { await navigator.clipboard.writeText(value); } else { // Fallback for iOS and older browsers const textArea = document.createElement("textarea"); textArea.value = value; textArea.style.position = "fixed"; textArea.style.opacity = "0"; document.body.appendChild(textArea); textArea.select(); document.execCommand("copy"); document.body.removeChild(textArea); } setIsCopied(true); onCopy?.(); setTimeout(() => setIsCopied(false), timeout); } catch (error) { onError?.(error); } }; const buttonContent = ( <>

Copy to clipboard ); const defaultProps = { variant: "ghost", role: "button", "aria-label": "Copy to clipboard", size: "icon", className: cn("shrink-0"), onClick: copyToClipboard, children: buttonContent, }; if (render) { const element = useRender({ defaultTagName: "button", render: typeof render === "function" ? (props, state) => { const mergedProps = mergeProps("button", defaultProps, props); return render(mergedProps, { isCopied, ...state }); } : render, props: mergeProps("button", defaultProps, props), state: { isCopied, }, }); return element; } return