{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "preview-card",
  "title": "Preview-card",
  "description": "A preview-card component.",
  "registryDependencies": [
    "@cubby-ui/elevated"
  ],
  "files": [
    {
      "path": "registry/default/preview-card/preview-card.tsx",
      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { PreviewCard as BasePreviewCard } from \"@base-ui/react/preview-card\";\r\n\r\nimport { cn } from \"@/lib/utils\";\r\nimport {\r\n  solidSurface,\r\n  type SurfaceLevel,\r\n} from \"@/registry/default/lib/elevated\";\r\n\r\nfunction PreviewCard({\r\n  ...props\r\n}: React.ComponentProps<typeof BasePreviewCard.Root>) {\r\n  return <BasePreviewCard.Root data-slot=\"preview-card\" {...props} />;\r\n}\r\n\r\nfunction PreviewCardTrigger({\r\n  delay = 0,\r\n  closeDelay = 0,\r\n  ...props\r\n}: React.ComponentProps<typeof BasePreviewCard.Trigger>) {\r\n  return (\r\n    <BasePreviewCard.Trigger\r\n      data-slot=\"preview-card-trigger\"\r\n      delay={delay}\r\n      closeDelay={closeDelay}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction PreviewCardPortal({\r\n  ...props\r\n}: React.ComponentProps<typeof BasePreviewCard.Portal>) {\r\n  return <BasePreviewCard.Portal data-slot=\"preview-card-portal\" {...props} />;\r\n}\r\n\r\nfunction PreviewCardPositioner({\r\n  ...props\r\n}: React.ComponentProps<typeof BasePreviewCard.Positioner>) {\r\n  return (\r\n    <BasePreviewCard.Positioner\r\n      data-slot=\"preview-card-positioner\"\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction PreviewCardArrow({\r\n  ...props\r\n}: React.ComponentProps<typeof BasePreviewCard.Arrow>) {\r\n  return <BasePreviewCard.Arrow data-slot=\"preview-card-arrow\" {...props} />;\r\n}\r\n\r\nfunction PreviewCardContent({\r\n  className,\r\n  children,\r\n  align = \"center\",\r\n  sideOffset = 8,\r\n  arrow = true,\r\n  level = 3,\r\n  shadowLevel = 3,\r\n  ...props\r\n}: React.ComponentProps<typeof BasePreviewCard.Popup> & {\r\n  align?: BasePreviewCard.Positioner.Props[\"align\"];\r\n  sideOffset?: BasePreviewCard.Positioner.Props[\"sideOffset\"];\r\n  arrow?: boolean;\r\n  level?: SurfaceLevel;\r\n  shadowLevel?: SurfaceLevel;\r\n}) {\r\n  return (\r\n    <PreviewCardPortal>\r\n      <PreviewCardPositioner sideOffset={sideOffset} align={align}>\r\n        <BasePreviewCard.Popup\r\n          data-slot=\"preview-card-content\"\r\n          data-level={level}\r\n          className={cn(\r\n            \"text-popover-foreground z-50 w-64 origin-[var(--transform-origin)] rounded-md p-3 transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0\",\r\n            solidSurface(level, shadowLevel),\r\n            className,\r\n          )}\r\n          {...props}\r\n        >\r\n          {arrow && (\r\n            <PreviewCardArrow className=\"data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180\">\r\n              <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\">\r\n                <path\r\n                  d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V9H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\r\n                  className=\"fill-(--popup-surface,var(--popover))\"\r\n                />\r\n                <path\r\n                  d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\r\n                  className=\"fill-border/70\"\r\n                />\r\n              </svg>\r\n            </PreviewCardArrow>\r\n          )}\r\n          {children}\r\n        </BasePreviewCard.Popup>\r\n      </PreviewCardPositioner>\r\n    </PreviewCardPortal>\r\n  );\r\n}\r\n\r\nexport { PreviewCard, PreviewCardTrigger, PreviewCardContent };\r\n",
      "type": "registry:ui",
      "target": "components/ui/cubby-ui/preview-card.tsx"
    }
  ],
  "type": "registry:ui"
}