{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-dialog-content",
  "title": "Z Dialog Content",
  "dependencies": [
    "@base-ui-components/react@1.0.0-beta.3",
    "@heroicons/react@2.2.0"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-button.json",
    "https://ui.orchid.ai/r/z-dialog-root.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/atoms/z-dialog/z-dialog-content.tsx",
      "content": "\"use client\";\nimport { Dialog } from '@base-ui-components/react/dialog';\nimport { type ReactNode, forwardRef, useContext } from 'react';\nimport { XMarkIcon } from '@heroicons/react/16/solid';\nimport { DialogContext } from \"./z-dialog-root\";\nimport ZButton from \"../z-button/z-button\";\nimport { cn } from \"../../../lib/ui-utils\";\ntype ZDialogContentProps = {\n    children: ReactNode;\n    className?: string;\n};\nconst sizeClasses = {\n    sm: 'max-w-xs',\n    md: 'max-w-md',\n    lg: 'max-w-lg',\n    xl: 'max-w-xl',\n    '2xl': 'max-w-2xl',\n    '3xl': 'max-w-3xl',\n    '4xl': 'max-w-4xl',\n    '5xl': 'max-w-5xl',\n} as const;\nconst ZDialogContent = forwardRef<HTMLDivElement, ZDialogContentProps>(({ children, className, ...props }, ref) => {\n    const { size } = useContext(DialogContext);\n    return (<Dialog.Portal>\n        <Dialog.Backdrop className={cn('fixed inset-0 z-[100] bg-black/50', 'data-[open]:animate-[dialog-overlay-in_150ms_ease-out]', 'data-[ending-style]:animate-[dialog-overlay-out_100ms_ease-in]')}/>\n        <Dialog.Popup ref={ref} data-orchid-dialog=\"\" className={cn('fixed left-1/2 top-1/2 z-[100] w-full -translate-x-1/2 -translate-y-1/2 px-4 focus:outline-none', 'data-[open]:animate-[dialog-content-in_150ms_ease-out]', 'data-[ending-style]:animate-[dialog-content-out_100ms_ease-in]', 'data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0', 'data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5', sizeClasses[size])} {...props}>\n          <div className={cn('bg-surface border-neutral relative overflow-hidden rounded-xl border p-6 shadow-xl outline-none', className)}>\n            <Dialog.Close render={<ZButton variant=\"transparent\" size=\"xs\" className=\"text-neutral\" trailingIcon={XMarkIcon} aria-label=\"Close dialog\"/>} className=\"absolute top-4 right-4 focus:outline-none\"/>\n            {children}\n          </div>\n        </Dialog.Popup>\n      </Dialog.Portal>);\n});\nZDialogContent.displayName = 'ZDialogContent';\nexport default ZDialogContent;\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-dialog/z-dialog-content.tsx"
    }
  ],
  "type": "registry:ui"
}