// Ported from vercel/ai-elements @ main (packages/elements/src/artifact.tsx). // Customizations applied on import: import-alias rewrites, RTL physical→logical // class swap, Vercel theme-token sweep. See scripts/registry/port-ai-elements.mjs // for the deterministic transforms — re-run to re-sync against upstream. "use client"; import type { LucideIcon } from "lucide-react"; import { XIcon } from "lucide-react"; import type { ComponentProps, HTMLAttributes } from "react"; import { Button } from "@/components/registry/primitives/core/button"; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@/components/registry/primitives/core/tooltip"; import { cn } from "@/lib/registry/cn"; export type ArtifactProps = HTMLAttributes; export const Artifact = ({ className, ...props }: ArtifactProps) => (

); export type ArtifactHeaderProps = HTMLAttributes; export const ArtifactHeader = ({ className, ...props }: ArtifactHeaderProps) => (

); export type ArtifactCloseProps = ComponentProps; export const ArtifactClose = ({ className, children, size = "sm", variant = "ghost", ...props }: ArtifactCloseProps) => ( ); export type ArtifactTitleProps = HTMLAttributes; export const ArtifactTitle = ({ className, ...props }: ArtifactTitleProps) => (

); export type ArtifactDescriptionProps = HTMLAttributes; export const ArtifactDescription = ({ className, ...props }: ArtifactDescriptionProps) => (

); export type ArtifactActionsProps = HTMLAttributes; export const ArtifactActions = ({ className, ...props }: ArtifactActionsProps) => (

); export type ArtifactActionProps = ComponentProps & { tooltip?: string; label?: string; icon?: LucideIcon; }; export const ArtifactAction = ({ tooltip, label, icon: Icon, children, className, size = "sm", variant = "ghost", ...props }: ArtifactActionProps) => { const button = ( ); if (tooltip) { return ( {button}

{tooltip}

); } return button; }; export type ArtifactContentProps = HTMLAttributes; export const ArtifactContent = ({ className, ...props }: ArtifactContentProps) => (

);

Artifact

Showcase

Artifact