From 427e7f6b6ba1cb0f60ef59ee54e27174e69225c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Best?= <github@francoisbest.com>
Date: Thu, 13 Feb 2025 11:39:15 +0100
Subject: [PATCH 1/2] chore: Disable hydration warnings on dark mode class
injection
---
packages/docs/src/app/layout.tsx | 7 ++++++-
1 file changed, 6 insertions(+), 1 deletion(-)
diff --git a/packages/docs/src/app/layout.tsx b/packages/docs/src/app/layout.tsx
index 5d6133138..ae3b2a627 100644
--- a/packages/docs/src/app/layout.tsx
+++ b/packages/docs/src/app/layout.tsx
@@ -33,7 +33,12 @@ export const metadata = {
export default function Layout({ children }: { children: ReactNode }) {
const enableChiffreAnalytics = process.env.VERCEL_ENV === 'production'
return (
- <html lang="en" className={cn(inter.className, 'antialiased')}>
+ <html
+ lang="en"
+ className={cn(inter.className, 'antialiased')}
+ // https://github.com/shadcn-ui/ui/issues/5552#issuecomment-2435024526
+ suppressHydrationWarning
+ >
<body>
<Banner
variant="rainbow"
From 71639ccc85b761fcbec22f44e9e4c36c6b12bcf4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Best?= <github@francoisbest.com>
Date: Thu, 13 Feb 2025 11:50:15 +0100
Subject: [PATCH 2/2] =?UTF-8?q?doc:=20Add=20Unkey=20as=20sponsor=20?=
=?UTF-8?q?=F0=9F=92=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../src/app/(pages)/_landing/dependents.tsx | 18 ++++++++++++++++--
.../docs/src/app/(pages)/_landing/sponsors.tsx | 8 +++++++-
2 files changed, 23 insertions(+), 3 deletions(-)
diff --git a/packages/docs/src/app/(pages)/_landing/dependents.tsx b/packages/docs/src/app/(pages)/_landing/dependents.tsx
index 852125981..8f6da9858 100644
--- a/packages/docs/src/app/(pages)/_landing/dependents.tsx
+++ b/packages/docs/src/app/(pages)/_landing/dependents.tsx
@@ -35,16 +35,30 @@ export async function DependentsSection() {
Used by
</h2>
<p className="flex flex-wrap items-center justify-center gap-x-16 gap-y-8">
- <a href="https://vercel.com" className="order-last sm:order-none">
+ <a href="https://vercel.com">
<svg
aria-label="Vercel"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 284 65"
- className="inline h-8 fill-black dark:fill-white md:h-10"
+ className="inline h-8 fill-black dark:fill-white"
>
<path d="M141.68 16.25c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zm117.14-14.5c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zm-39.03 3.5c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9v-46h9zM37.59.25l36.95 64H.64l36.95-64zm92.38 5l-27.71 48-27.71-48h10.39l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10v14.8h-9v-34h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" />
</svg>
</a>
+ <a href="https://unkey.com">
+ <svg
+ aria-label="Unkey"
+ xmlns="http://www.w3.org/2000/svg"
+ width="93"
+ height="40"
+ viewBox="0 0 93 40"
+ >
+ <path
+ d="M10.8 30.3C4.8 30.3 1.38 27.12 1.38 21.66V9.9H4.59V21.45C4.59 25.5 6.39 27.18 10.8 27.18C15.21 27.18 17.01 25.5 17.01 21.45V9.9H20.25V21.66C20.25 27.12 16.83 30.3 10.8 30.3ZM26.3611 30H23.1211V15.09H26.0911V19.71H26.3011C26.7511 17.19 28.7311 14.79 32.5111 14.79C36.6511 14.79 38.6911 17.58 38.6911 21.03V30H35.4511V21.9C35.4511 19.11 34.1911 17.7 31.1011 17.7C27.8311 17.7 26.3611 19.38 26.3611 22.62V30ZM44.8181 30H41.5781V9.9H44.8181V21H49.0781L53.5481 15.09H57.3281L51.7181 22.26L57.2981 30H53.4881L49.0781 23.91H44.8181V30ZM66.4219 30.3C61.5319 30.3 58.3219 27.54 58.3219 22.56C58.3219 17.91 61.5019 14.79 66.3619 14.79C70.9819 14.79 74.1319 17.34 74.1319 21.87C74.1319 22.41 74.1019 22.83 74.0119 23.28H61.3519C61.4719 26.16 62.8819 27.69 66.3319 27.69C69.4519 27.69 70.7419 26.67 70.7419 24.9V24.66H73.9819V24.93C73.9819 28.11 70.8619 30.3 66.4219 30.3ZM66.3019 17.34C63.0019 17.34 61.5619 18.81 61.3819 21.48H71.0719V21.42C71.0719 18.66 69.4819 17.34 66.3019 17.34ZM78.9586 35.1H76.8286V32.16H79.7386C81.0586 32.16 81.5986 31.8 82.0486 30.78L82.4086 30L75.0586 15.09H78.6886L82.4986 23.01L83.9686 26.58H84.2086L85.6186 22.98L89.1286 15.09H92.6986L84.9286 31.62C83.6986 34.29 82.0186 35.1 78.9586 35.1Z"
+ className="fill-black dark:fill-white"
+ />
+ </svg>
+ </a>
<a href="https://midday.ai">
<svg
xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/docs/src/app/(pages)/_landing/sponsors.tsx b/packages/docs/src/app/(pages)/_landing/sponsors.tsx
index 262a5c490..532eaef66 100644
--- a/packages/docs/src/app/(pages)/_landing/sponsors.tsx
+++ b/packages/docs/src/app/(pages)/_landing/sponsors.tsx
@@ -11,7 +11,7 @@ export async function SponsorsSection() {
<h2 className="mb-12 text-center text-3xl font-bold tracking-tighter dark:text-white md:text-4xl xl:text-5xl">
Sponsors
</h2>
- <ul className="container grid grid-cols-2 gap-y-12 md:grid-cols-3 xl:grid-cols-6">
+ <ul className="container grid grid-cols-2 gap-y-12 md:grid-cols-3 xl:grid-cols-7">
{sponsors.map(sponsor => (
<li key={sponsor.handle} className="flex flex-col items-center">
<a href={sponsor.url} className="h-32 w-32 rounded-full">
@@ -89,6 +89,12 @@ async function fetchSponsors(): Promise<Sponsors> {
url: 'https://vercel.com/',
img: 'https://avatars.githubusercontent.com/u/14985020?v=4'
},
+ {
+ handle: 'unkey.com',
+ name: 'Unkey',
+ url: 'https://unkey.com',
+ img: 'https://avatars.githubusercontent.com/u/138932600?s=200&v=4'
+ },
{
handle: 'ryanmagoon',
name: 'Ryan Magoon',