{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "trademark-patent-portfolio", "title": "Trademark Patent Portfolio", "type": "registry:block", "files": [ { "path": "packages/registry-react/blocks/trademark-patent-portfolio/TrademarkPatentPortfolio.tsx", "content": "'use client'\n\nimport * as React from 'react'\nimport {\n Award,\n BadgeCheck,\n Building2,\n Calendar,\n Check,\n Clock,\n Copy,\n Download,\n ExternalLink,\n FileText,\n Filter,\n MoreHorizontal,\n Plus,\n Scale,\n Search,\n CheckCircle2,\n UserCheck,\n} from 'lucide-react'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\nimport { Input } from '@/components/ui/input'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'\nimport { cn } from '@/lib/utils'\n\nexport interface TrademarkPatentPortfolioProps {\n className?: string\n}\n\nexport type AssetType = 'Utility Patent' | 'Trademark' | 'PCT International'\nexport type FilingStatus = 'Granted / Registered' | 'Published / Under Exam'\n\nexport interface IpAsset {\n id: string\n identifier: string\n officialNumber: string\n title: string\n type: AssetType\n jurisdictionCode: string\n jurisdictionName: string\n jurisdictionFlag: string\n patentOffice: string\n applicationDate: string\n grantDate: string\n status: FilingStatus\n nextDeadline: string\n deadlineNumber: string\n deadlineNote: string\n ipcClass: string\n attorney: string\n gazetteUrl: string\n gazetteLabel: string\n}\n\nconst ipAssets: IpAsset[] = [\n {\n id: 'ip-1',\n identifier: 'US Patent #11,849,201',\n officialNumber: 'US 11,849,201 B2',\n title: 'Zero-Dependency Dual-Framework AST Generation',\n type: 'Utility Patent',\n jurisdictionCode: 'US',\n jurisdictionName: 'United States',\n jurisdictionFlag: '🇺🇸',\n patentOffice: 'USPTO',\n applicationDate: '2023-04-12',\n grantDate: '2024-06-18',\n status: 'Granted / Registered',\n nextDeadline: 'Dec 2026',\n deadlineNumber: '2026-12-15',\n deadlineNote: 'USPTO 3.5-Year Maintenance Window',\n ipcClass: 'CPC G06F 8/41 · Abstract Syntax Trees',\n attorney: 'Vance & Morrison LLP',\n gazetteUrl: 'https://patents.google.com/patent/US11849201B2/en',\n gazetteLabel: 'View USPTO Gazette',\n },\n {\n id: 'ip-2',\n identifier: 'US Patent #11,420,184',\n officialNumber: 'US 11,420,184 B1',\n title: 'Perceptually Uniform OKLCH Dark Mode Algorithm',\n type: 'Utility Patent',\n jurisdictionCode: 'US',\n jurisdictionName: 'United States',\n jurisdictionFlag: '🇺🇸',\n patentOffice: 'USPTO',\n applicationDate: '2022-09-14',\n grantDate: '2023-08-22',\n status: 'Granted / Registered',\n nextDeadline: 'Feb 2027',\n deadlineNumber: '2027-02-22',\n deadlineNote: 'USPTO 3.5-Year Maintenance Window',\n ipcClass: 'CPC G06T 11/00 · Perceptual Colorimetry',\n attorney: 'Vance & Morrison LLP',\n gazetteUrl: 'https://patents.google.com/patent/US11420184B1/en',\n gazetteLabel: 'View USPTO Gazette',\n },\n {\n id: 'ip-3',\n identifier: 'US Trademark #98421042',\n officialNumber: 'Reg. #7,294,810 (SN 98421042)',\n title: 'UIPKGE™ (Class 09, 42)',\n type: 'Trademark',\n jurisdictionCode: 'US',\n jurisdictionName: 'United States',\n jurisdictionFlag: '🇺🇸',\n patentOffice: 'USPTO',\n applicationDate: '2023-02-10',\n grantDate: '2023-11-14',\n status: 'Granted / Registered',\n nextDeadline: 'Nov 2029',\n deadlineNumber: '2029-11-14',\n deadlineNote: 'Section 8 & 15 Affidavit of Use',\n ipcClass: 'IC 009, 042 · Computer Software & SaaS',\n attorney: 'Kilpatrick Townsend & Stockton',\n gazetteUrl: 'https://tsdr.uspto.gov/',\n gazetteLabel: 'View USPTO TSDR',\n },\n {\n id: 'ip-4',\n identifier: 'WIPO PCT/US2026/018249',\n officialNumber: 'WO 2026/148201 A1',\n title: 'Headless Component State Serialization',\n type: 'PCT International',\n jurisdictionCode: 'WIPO',\n jurisdictionName: 'WIPO International',\n jurisdictionFlag: '🌍',\n patentOffice: 'WIPO IB',\n applicationDate: '2026-01-15',\n grantDate: 'Pending',\n status: 'Published / Under Exam',\n nextDeadline: 'Jul 2027',\n deadlineNumber: '2027-07-15',\n deadlineNote: '30-Mo National Phase Entry Deadline',\n ipcClass: 'IPC G06F 9/44 · Component State Transfer',\n attorney: 'Vance & Morrison LLP',\n gazetteUrl: 'https://patentscope.wipo.int/',\n gazetteLabel: 'View WIPO Patentscope',\n },\n {\n id: 'ip-5',\n identifier: 'EP Patent #3,948,102',\n officialNumber: 'EP 3,948,102 A1',\n title: 'Reactive Virtual DOM Diffing Engine for Web Components',\n type: 'Utility Patent',\n jurisdictionCode: 'EU',\n jurisdictionName: 'European Union',\n jurisdictionFlag: '🇪🇺',\n patentOffice: 'EPO',\n applicationDate: '2024-03-02',\n grantDate: 'Pending',\n status: 'Published / Under Exam',\n nextDeadline: 'Mar 2027',\n deadlineNumber: '2027-03-31',\n deadlineNote: 'EPO 3rd Year Annuity Maintenance Fee',\n ipcClass: 'CPC G06F 9/455 · Virtualized DOM Execution',\n attorney: 'Bardehle Pagenberg Partnerschaft',\n gazetteUrl: 'https://worldwide.espacenet.com/',\n gazetteLabel: 'View EPO Espacenet',\n },\n {\n id: 'ip-6',\n identifier: 'EU Trademark #018942001',\n officialNumber: 'Reg. #018942001',\n title: 'UIPKGE DESIGN SYSTEM™ (Class 09, 35, 42)',\n type: 'Trademark',\n jurisdictionCode: 'EU',\n jurisdictionName: 'European Union',\n jurisdictionFlag: '🇪🇺',\n patentOffice: 'EUIPO',\n applicationDate: '2023-08-05',\n grantDate: '2024-01-19',\n status: 'Granted / Registered',\n nextDeadline: 'May 2030',\n deadlineNumber: '2030-05-08',\n deadlineNote: 'EUIPO 10-Year Trademark Renewal',\n ipcClass: 'IC 009, 035, 042 · Design Systems & Tooling',\n attorney: 'Bardehle Pagenberg Partnerschaft',\n gazetteUrl: 'https://euipo.europa.eu/eSearch/',\n gazetteLabel: 'View EUIPO eSearch',\n },\n]\n\nexport function TrademarkPatentPortfolio({ className }: TrademarkPatentPortfolioProps) {\n const [searchQuery, setSearchQuery] = React.useState('')\n const [selectedType, setSelectedType] = React.useState<'all' | AssetType>('all')\n const [selectedStatus, setSelectedStatus] = React.useState<'all' | FilingStatus>('all')\n const [copiedId, setCopiedId] = React.useState(null)\n const [feedbackMessage, setFeedbackMessage] = React.useState(null)\n\n const filteredAssets = React.useMemo(() => {\n const query = searchQuery.trim().toLowerCase()\n return ipAssets.filter((asset) => {\n const matchesType = selectedType === 'all' || asset.type === selectedType\n const matchesStatus = selectedStatus === 'all' || asset.status === selectedStatus\n const matchesSearch =\n !query ||\n asset.identifier.toLowerCase().includes(query) ||\n asset.officialNumber.toLowerCase().includes(query) ||\n asset.title.toLowerCase().includes(query) ||\n asset.jurisdictionName.toLowerCase().includes(query) ||\n asset.patentOffice.toLowerCase().includes(query) ||\n asset.ipcClass.toLowerCase().includes(query)\n return matchesType && matchesStatus && matchesSearch\n })\n }, [searchQuery, selectedType, selectedStatus])\n\n const copyText = (id: string, text: string) => {\n navigator.clipboard?.writeText(text)\n setCopiedId(id)\n setTimeout(() => {\n setCopiedId(null)\n }, 2000)\n }\n\n const handleExport = () => {\n setFeedbackMessage('Exporting IP Portfolio summary (CSV / PDF)...')\n setTimeout(() => {\n setFeedbackMessage(null)\n }, 3000)\n }\n\n const handleFileNewAsset = () => {\n setFeedbackMessage('Opening USPTO / WIPO EFS-Web filing wizard...')\n setTimeout(() => {\n setFeedbackMessage(null)\n }, 3000)\n }\n\n const handleAction = (action: string, asset: IpAsset) => {\n setFeedbackMessage(`${action}: ${asset.identifier}`)\n setTimeout(() => {\n setFeedbackMessage(null)\n }, 3000)\n }\n\n return (\n
\n {/* Header Section */}\n \n \n
\n
\n \n \n UIPKGE Technologies Inc.\n \n \n \n 12 Patents · 6 Registered Trademarks\n \n
\n \n Intellectual Property & Patent Portfolio\n \n \n USPTO, EPO, and WIPO asset docket, grant prosecution tracker, and statutory maintenance timeline.\n \n
\n\n {/* Action Buttons */}\n
\n \n \n Export Portfolio Report\n \n \n
\n \n \n\n {/* Feedback Notification Toast/Banner if active */}\n {feedbackMessage && (\n
\n
\n \n {feedbackMessage}\n
\n setFeedbackMessage(null)}\n className=\"text-primary/70 hover:text-primary rounded text-xs underline underline-offset-2\"\n >\n Dismiss\n \n
\n )}\n\n {/* 4 IP Portfolio KPI Cards Grid */}\n
\n {/* Card 1: Granted Utility Patents */}\n \n \n
\n Granted Patents\n
\n \n
\n
\n
\n
\n 8 Patents Granted\n
\n

6 USPTO · 2 EPO · 100% Enforceable

\n
\n \n \n\n {/* Card 2: Pending Applications */}\n \n \n
\n Pending Examination\n
\n \n
\n
\n
\n
\n 4 Under Examination · USPTO\n
\n

2 PCT International · 1 USPTO · 1 EPO

\n
\n \n \n\n {/* Card 3: Registered Trademarks */}\n \n \n
\n Registered Trademarks\n
\n \n
\n
\n
\n
\n 6 Trademarks Active\n
\n

Classes 09, 35, 42 · Global Protection

\n
\n \n \n\n {/* Card 4: Next Maintenance Fee */}\n \n \n
\n Next Maintenance Fee\n
\n \n
\n
\n
\n
\n Due Dec 15, 2026 · USPTO 3.5-Year Window\n
\n

Est. fee $2,000 · Surcharge window opens

\n
\n \n \n
\n\n {/* Filters & Table Container Card */}\n \n \n
\n
\n Registered Intellectual Property Assets\n \n Showing {filteredAssets.length} of {ipAssets.length} assets across USPTO, EUIPO, and WIPO\n \n
\n\n {/* Controls: Search and Filters */}\n
\n
\n \n setSearchQuery(e.target.value)}\n type=\"text\"\n placeholder=\"Search patent #, title, class...\"\n className=\"h-8 pl-8 text-xs\"\n />\n
\n\n {/* Type Filter Dropdown */}\n \n \n \n \n \n Filter by Type\n \n setSelectedType('all')}>All Types\n setSelectedType('Utility Patent')}>Utility Patent\n setSelectedType('Trademark')}>Trademark\n setSelectedType('PCT International')}>\n PCT International\n \n \n \n\n {/* Status Filter Dropdown */}\n \n \n \n \n \n Filter by Status\n \n setSelectedStatus('all')}>All Statuses\n setSelectedStatus('Granted / Registered')}>\n Granted / Registered\n \n setSelectedStatus('Published / Under Exam')}>\n Published / Under Exam\n \n \n \n
\n
\n \n\n \n
\n \n \n \n Asset Identifier & Title\n Type\n Jurisdiction\n App / Grant Date\n Filing Status\n Next Renewal / Deadline\n \n Actions\n \n \n \n \n {filteredAssets.map((asset) => (\n \n {/* Asset Identifier & Title */}\n \n
\n
\n \n {asset.identifier}\n \n copyText(asset.id, asset.officialNumber)}\n className=\"text-muted-foreground hover:text-foreground focus-visible:ring-ring inline-flex items-center gap-1 rounded p-0.5 transition-colors focus-visible:ring-2 focus-visible:outline-hidden\"\n title={`Copy ${asset.officialNumber}`}\n >\n {copiedId === asset.id ? (\n \n ) : (\n \n )}\n \n
\n
{asset.title}
\n
\n {asset.ipcClass}\n •\n Counsel: {asset.attorney}\n
\n
\n \n\n {/* Type Badge */}\n \n \n {asset.type}\n \n \n\n {/* Jurisdiction Flag & Office */}\n \n
\n \n {asset.jurisdictionFlag}\n \n
\n
{asset.jurisdictionName}
\n
{asset.patentOffice}
\n
\n
\n \n\n {/* Application / Grant Date in tabular-nums */}\n \n
\n
\n Filing:\n {asset.applicationDate}\n
\n
\n Grant:\n \n {asset.grantDate}\n \n
\n
\n \n\n {/* Filing Status */}\n \n {asset.status === 'Granted / Registered' ? (\n
\n \n \n \n \n Granted / Registered\n
\n ) : (\n
\n \n Published / Under Exam\n
\n )}\n \n\n {/* Next Renewal / Maintenance Deadline */}\n \n
\n
\n \n {asset.nextDeadline}\n
\n

{asset.deadlineNote}

\n
\n \n\n {/* Actions Dropdown */}\n \n \n \n \n \n Open actions for {asset.identifier}\n \n \n \n Asset Operations\n \n handleAction(asset.gazetteLabel, asset)}>\n \n {asset.gazetteLabel}\n \n handleAction('Download Grant Certificate', asset)}>\n \n Download Grant Certificate\n \n handleAction('Assign Counsel', asset)}>\n \n Assign Counsel\n \n \n copyText(asset.id, asset.officialNumber)}>\n \n Copy Docket Number\n \n \n \n \n \n ))}\n\n {/* Empty Filter State */}\n {filteredAssets.length === 0 && (\n \n \n
\n \n

No intellectual property assets match your search filters.

\n {\n setSearchQuery('')\n setSelectedType('all')\n setSelectedStatus('all')\n }}\n >\n Reset Filters\n \n
\n \n \n )}\n \n
\n
\n \n \n
\n )\n}\n\nexport default TrademarkPatentPortfolio\n", "type": "registry:block", "target": "~/components/blocks/TrademarkPatentPortfolio.tsx" } ], "dependencies": [ "lucide-react" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/react/badge.json", "https://uipkge.dev/r/react/button.json", "https://uipkge.dev/r/react/card.json", "https://uipkge.dev/r/react/dropdown-menu.json", "https://uipkge.dev/r/react/input.json", "https://uipkge.dev/r/react/table.json" ], "description": "USPTO and WIPO intellectual property asset portfolio tracker, patent grant status, jurisdiction coverage, and maintenance fee timeline with docket action workflow.", "categories": [ "legal", "app", "table", "dashboard" ] }