{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "orchid-foundation",
"title": "Orchid Foundation",
"dependencies": [
"clsx@2.1.1",
"tailwind-merge@3.3.1"
],
"devDependencies": [],
"registryDependencies": [
"https://ui.orchid.ai/r/orchid-theme.json"
],
"files": [
{
"path": "registry/ui/orchid/adapters/navigation.tsx",
"content": "\"use client\";\nimport { type ComponentProps, useMemo } from 'react';\nexport type LinkProps = ComponentProps<'a'> & {\n to?: string;\n preload?: boolean | 'intent';\n};\nexport function Link({ to, href, preload: _preload, ...props }: LinkProps) {\n return ;\n}\nexport function useRouter() {\n return useMemo(() => ({ navigate: ({ to }: {\n to: string;\n }) => window.location.assign(to) }), []);\n}\n",
"type": "registry:ui",
"target": "@ui/orchid/adapters/navigation.tsx"
},
{
"path": "registry/ui/orchid/hooks/use-dismiss-affordance.ts",
"content": "import { useEffect, useState } from 'react';\nconst PORTRAIT_PHONE_QUERY = '(max-width: 639px) and (orientation: portrait)';\nconst HOVER_CAPABLE_QUERY = '(hover: hover)';\nexport function useDismissAffordance() {\n const [showDismissLabel, setShowDismissLabel] = useState(false);\n const [hideDismissUntilHover, setHideDismissUntilHover] = useState(false);\n useEffect(() => {\n const portraitPhoneMediaQuery = window.matchMedia(PORTRAIT_PHONE_QUERY);\n const hoverMediaQuery = window.matchMedia(HOVER_CAPABLE_QUERY);\n const update = () => {\n const isPortraitPhone = portraitPhoneMediaQuery.matches;\n const canHover = hoverMediaQuery.matches;\n setShowDismissLabel(!isPortraitPhone);\n setHideDismissUntilHover(!isPortraitPhone && canHover);\n };\n update();\n portraitPhoneMediaQuery.addEventListener('change', update);\n hoverMediaQuery.addEventListener('change', update);\n return () => {\n portraitPhoneMediaQuery.removeEventListener('change', update);\n hoverMediaQuery.removeEventListener('change', update);\n };\n }, []);\n return {\n showDismissLabel,\n hideDismissUntilHover,\n };\n}\n",
"type": "registry:ui",
"target": "@ui/orchid/hooks/use-dismiss-affordance.ts"
},
{
"path": "registry/ui/orchid/hooks/use-platform.ts",
"content": "import { useSyncExternalStore } from 'react';\nexport type Platform = 'mac' | 'windows' | 'linux' | 'unknown';\nfunction detectPlatform(): Platform {\n if (typeof navigator === 'undefined') {\n return 'unknown';\n }\n const userAgent = navigator.userAgent;\n const platform = navigator.platform;\n if (/Mac|iPhone|iPad|iPod/.test(platform) || /Mac OS X/.test(userAgent)) {\n return 'mac';\n }\n if (/Win/.test(platform) || /Windows/.test(userAgent)) {\n return 'windows';\n }\n if (/Linux/.test(platform) || /X11/.test(platform)) {\n return 'linux';\n }\n return 'unknown';\n}\nconst subscribe = () => () => { };\nconst getSnapshot = detectPlatform;\nconst getServerSnapshot = (): Platform => 'mac';\nexport function usePlatform(): Platform {\n return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\nexport function isMac(platform: Platform): boolean {\n return platform === 'mac';\n}\nexport function isWindows(platform: Platform): boolean {\n return platform === 'windows';\n}\n",
"type": "registry:ui",
"target": "@ui/orchid/hooks/use-platform.ts"
},
{
"path": "registry/ui/orchid/icons.tsx",
"content": "\"use client\";\nimport { forwardRef } from 'react';\nimport { cn } from \"./lib/ui-utils\";\ntype OrchidProps = {\n className?: string;\n variant?: 'icon' | 'full';\n};\nexport const Orchid = forwardRef(({ className, variant = 'icon' }, ref) => {\n if (variant === 'full') {\n return ();\n }\n return ();\n});\nOrchid.displayName = 'Orchid';\nexport const Spinner = forwardRef(({ className }, ref) => {\n return ();\n});\nSpinner.displayName = 'Spinner';\nexport const GoogleIcon = forwardRef(({ className }, ref) => {\n return ();\n});\nGoogleIcon.displayName = 'GoogleIcon';\nexport const MicrosoftIcon = forwardRef(({ className }, ref) => {\n return ();\n});\nMicrosoftIcon.displayName = 'MicrosoftIcon';\n",
"type": "registry:ui",
"target": "@ui/orchid/icons.tsx"
},
{
"path": "registry/ui/orchid/lib/types.ts",
"content": "import type { ForwardRefExoticComponent, SVGProps } from 'react';\nexport type HeroIcon = ForwardRefExoticComponent, 'ref'> & {\n title?: string | undefined;\n titleId?: string | undefined;\n} & React.RefAttributes>;\n",
"type": "registry:ui",
"target": "@ui/orchid/lib/types.ts"
},
{
"path": "registry/ui/orchid/lib/ui-utils.ts",
"content": "import { clsx, type ClassValue } from 'clsx';\nimport { extendTailwindMerge } from 'tailwind-merge';\nconst customTwMerge = extendTailwindMerge({\n extend: {\n classGroups: {\n 'font-size': [\n 'text-title-lg',\n 'text-title',\n 'text-title-md',\n 'text-title-sm',\n 'text-copy-xl',\n 'text-copy-lg',\n 'text-copy',\n 'text-copy-sm',\n 'text-copy-xs',\n 'text-label',\n ],\n },\n },\n});\nexport function cn(...inputs: ClassValue[]) {\n return customTwMerge(clsx(inputs));\n}\nconst SUPPORTED_URL_PROTOCOLS = new Set(['http:', 'https:', 'mailto:', 'sms:', 'tel:']);\nexport function sanitizeUrl(url: string): string {\n try {\n const parsedUrl = new URL(url);\n if (!SUPPORTED_URL_PROTOCOLS.has(parsedUrl.protocol)) {\n return 'about:blank';\n }\n }\n catch {\n return url;\n }\n return url;\n}\nconst urlRegExp = new RegExp(/((([A-Za-z]{3,9}:(?:\\/\\/)?)(?:[-;:&=+$,\\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\\w]+@)[A-Za-z0-9.-]+)((?:\\/[+~%/.\\w-_]*)?\\??(?:[-+=&;%@.\\w_]*)#?(?:[\\w]*))?)/);\nexport function validateUrl(url: string): boolean {\n if (url.startsWith('mailto:') || url.startsWith('tel:') || url.startsWith('sms:')) {\n return true;\n }\n return url === 'https://' || urlRegExp.test(url);\n}\nexport const removeWhiteSpace = (text: string): string => {\n return text\n .replace(/[\\u034F\\u2800-\\u28FF\\u200B-\\u200D\\uFEFF\\u00A0]/g, ' ')\n .replace(/\\s+/g, ' ')\n .trim();\n};\nexport function formatEmailDate(date: Date): string {\n const hours = date.getHours();\n const minutes = date.getMinutes();\n const ampm = hours >= 12 ? 'PM' : 'AM';\n const displayHours = hours % 12 || 12;\n const displayMinutes = minutes.toString().padStart(2, '0');\n const months = [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec',\n ];\n const month = months[date.getMonth()];\n const day = date.getDate();\n const year = date.getFullYear();\n const getOrdinalSuffix = (n: number): string => {\n const s = ['th', 'st', 'nd', 'rd'];\n const v = n % 100;\n return s[(v - 20) % 10] || s[v] || s[0];\n };\n return `${month} ${day}${getOrdinalSuffix(day)}, ${year}, ${displayHours}:${displayMinutes} ${ampm}`;\n}\n",
"type": "registry:ui",
"target": "@ui/orchid/lib/ui-utils.ts"
}
],
"type": "registry:lib"
}