{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-opened-indicator",
  "title": "Z Opened Indicator",
  "dependencies": [
    "@heroicons/react@2.2.0",
    "lucide-react@0.546.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-date-display.json",
    "https://ui.orchid.ai/r/z-tooltip.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/atoms/z-opened-indicator/z-opened-indicator.tsx",
      "content": "\"use client\";\nimport { CheckIcon } from '@heroicons/react/16/solid';\nimport { CheckCheckIcon } from 'lucide-react';\nimport { cn } from \"../../../lib/ui-utils\";\nimport ZTooltip from \"../z-tooltip/z-tooltip\";\nimport ZDateDisplay from \"../z-date-display/z-date-display\";\ntype ZOpenedIndicatorProps = {\n    isOpened?: boolean;\n    className?: string;\n    sentAt?: Date | number;\n    openedAt?: Date | number;\n    skipTooltip?: boolean;\n};\nexport default function ZOpenedIndicator({ isOpened = false, className, sentAt, openedAt, skipTooltip = false, }: ZOpenedIndicatorProps) {\n    const size = skipTooltip ? 'size-3' : 'size-3.5';\n    const checkMark = isOpened ? (<CheckCheckIcon className={cn('text-success', size)} strokeWidth={2}/>) : (<CheckIcon strokeWidth={2} className={cn('text-neutral-subtle', size, className)}/>);\n    const tooltipContent = (<div className=\"flex flex-col gap-0.5\">\n      {sentAt && (<div className=\"flex items-center gap-1 text-xs\">\n          <span className=\"text-neutral-subtle\">Sent:</span>\n          <ZDateDisplay date={new Date(sentAt)} showRelative={true}/>\n        </div>)}\n      {isOpened && openedAt && (<div className=\"flex items-center gap-1 text-xs\">\n          <span className=\"text-neutral-subtle\">Opened:</span>\n          <ZDateDisplay date={new Date(openedAt)} showRelative={true}/>\n        </div>)}\n    </div>);\n    if (skipTooltip || (!sentAt && !openedAt)) {\n        return checkMark;\n    }\n    return (<ZTooltip content={tooltipContent} delay={500} side=\"bottom\">\n      {checkMark}\n    </ZTooltip>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-opened-indicator/z-opened-indicator.tsx"
    }
  ],
  "type": "registry:ui"
}