move to new website, wiped history

2025-09-05 13:22:28 +10:00
commit fdc2bbe25e
107 changed files with 11752 additions and 0 deletions
@@ -0,0 +1,46 @@
+import * as Headless from '@headlessui/react'
+import { clsx } from 'clsx'
+import { Link } from './link'
+
+const variants = {
+  primary: clsx(
+    'inline-flex items-center justify-center px-4 py-[calc(--spacing(2)-1px)]',
+    'rounded-full border border-transparent bg-gray-950 shadow-md',
+    'text-base font-medium whitespace-nowrap text-white',
+    'data-disabled:bg-gray-950 data-disabled:opacity-40 data-hover:bg-gray-800',
+  ),
+  secondary: clsx(
+    'relative inline-flex items-center justify-center px-4 py-[calc(--spacing(2)-1px)]',
+    'rounded-full border border-transparent bg-white/15 shadow-md ring-1 ring-[#D15052]/15',
+    'after:absolute after:inset-0 after:rounded-full after:shadow-[inset_0_0_2px_1px_#ffffff4d]',
+    'text-base font-medium whitespace-nowrap text-gray-950',
+    'data-disabled:bg-white/15 data-disabled:opacity-40 data-hover:bg-white/20',
+  ),
+  outline: clsx(
+    'inline-flex items-center justify-center px-2 py-[calc(--spacing(1.5)-1px)]',
+    'rounded-lg border border-transparent shadow-sm ring-1 ring-black/10',
+    'text-sm font-medium whitespace-nowrap text-gray-950',
+    'data-disabled:bg-transparent data-disabled:opacity-40 data-hover:bg-gray-50',
+  ),
+}
+
+type ButtonProps = {
+  variant?: keyof typeof variants
+} & (
+  | React.ComponentPropsWithoutRef<typeof Link>
+  | (Headless.ButtonProps & { href?: undefined })
+)
+
+export function Button({
+  variant = 'primary',
+  className,
+  ...props
+}: ButtonProps) {
+  className = clsx(className, variants[variant])
+
+  if (typeof props.href === 'undefined') {
+    return <Headless.Button {...props} className={className} />
+  }
+
+  return <Link {...props} className={className} />
+}