From 784fbe5cd8944a9dd06c01f821f0fd704f62e2c8 Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Thu, 27 Jun 2024 22:17:15 +0530
Subject: [PATCH 01/14] squize...

---
 lib/src/client/theme-switcher/theme-switcher.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/src/client/theme-switcher/theme-switcher.tsx b/lib/src/client/theme-switcher/theme-switcher.tsx
index bcdec4dc..3282aebf 100644
--- a/lib/src/client/theme-switcher/theme-switcher.tsx
+++ b/lib/src/client/theme-switcher/theme-switcher.tsx
@@ -46,14 +46,14 @@ const Script = ({
   forcedColorScheme,
 }: ThemeSwitcherProps) => {
   const args = [
-    targetSelector || `#${DEFAULT_ID}`,
+    targetSelector || "#" + DEFAULT_ID,
     initialState,
     styles,
     forcedTheme,
     forcedColorScheme,
   ] as ScriptArgs;
   // handle client side exceptions when script is not run. <- for client side apps like vite or CRA
-  if (typeof window !== "undefined" && !window.m) noFOUCScript(...args);
+  typeof window !== "undefined" && noFOUCScript(...args);
   return (
     <script
       // skipcq: JS-0440

From 956d985382b9cb8b9d54c79c8e8d03d14835bd2e Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Thu, 27 Jun 2024 22:22:59 +0530
Subject: [PATCH 02/14] squize...

---
 lib/src/client/color-switch/color-switch.tsx | 2 +-
 lib/src/client/switcher/switcher.tsx         | 2 +-
 lib/src/client/theme-switcher/no-fouc.ts     | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/src/client/color-switch/color-switch.tsx b/lib/src/client/color-switch/color-switch.tsx
index 905de525..e54364c8 100644
--- a/lib/src/client/color-switch/color-switch.tsx
+++ b/lib/src/client/color-switch/color-switch.tsx
@@ -40,7 +40,7 @@ export const ColorSwitch = ({
       // skipcq: JS-0417
       onClick={() => toggleColorScheme(skipSystem)}
       // @ts-expect-error -- setting custom attribute
-      style={{ "--s": `${size}px` }}
+      style={{ "--s": size + "px" }}
       {...props}
     />
   );
diff --git a/lib/src/client/switcher/switcher.tsx b/lib/src/client/switcher/switcher.tsx
index bd4c9300..fd7eaa76 100644
--- a/lib/src/client/switcher/switcher.tsx
+++ b/lib/src/client/switcher/switcher.tsx
@@ -41,7 +41,7 @@ export const Switcher = ({
   targetSelector,
   themeTransition,
 }: ThemeSwitcherProps) => {
-  const k = targetSelector || `#${DEFAULT_ID}`;
+  const k = targetSelector || "#" + DEFAULT_ID;
 
   const [state, setState] = useThemeStore(targetSelector);
   const [forced] = useForcedStore(targetSelector);
diff --git a/lib/src/client/theme-switcher/no-fouc.ts b/lib/src/client/theme-switcher/no-fouc.ts
index 89f5f971..44fc6fb1 100644
--- a/lib/src/client/theme-switcher/no-fouc.ts
+++ b/lib/src/client/theme-switcher/no-fouc.ts
@@ -46,8 +46,8 @@ export const noFOUCScript = (
     const el = document.querySelector(key) ?? document.documentElement;
     let classes = [];
     keys.forEach((key, index) => {
-      classes.push(`${key}-${values[index]}`);
-      el.setAttribute(`data-${key}`, values[index]);
+      classes.push(key + "-" + values[index]);
+      el.setAttribute("data-" + key, values[index]);
     });
     classes[0] = values[0];
     if (styles) classes = classes.map(cls => styles[cls] ?? cls);

From 361558531e37173dbe452b7ff7a8f4b07c6524db Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Thu, 27 Jun 2024 22:30:07 +0530
Subject: [PATCH 03/14] squize...

---
 lib/src/store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/src/store.ts b/lib/src/store.ts
index 66405666..c87f5ab7 100644
--- a/lib/src/store.ts
+++ b/lib/src/store.ts
@@ -27,7 +27,7 @@ export const initialState: ThemeStoreType = {
 
 /** @internal store */
 export const useThemeStore = (targetSelector?: string) => {
-  const key = targetSelector ?? `#${DEFAULT_ID}`;
+  const key = targetSelector ?? "#" + DEFAULT_ID;
   return useRGS<ThemeStoreType>(key, () => {
     const str = typeof m !== "undefined" && localStorage.getItem(key);
     return str ? { ...JSON.parse(str), s: m.matches ? DARK : LIGHT } : initialState;

From 1db13e7dd702f1e8d8ae7a55192100d711dcb7aa Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Thu, 27 Jun 2024 22:31:33 +0530
Subject: [PATCH 04/14] Disable nextjs telemetry

---
 examples/pages-router/cache/config.json | 6 ++++++
 examples/tailwind/cache/config.json     | 6 ++++++
 examples/theme-sets/cache/config.json   | 6 ++++++
 3 files changed, 18 insertions(+)
 create mode 100644 examples/pages-router/cache/config.json
 create mode 100644 examples/tailwind/cache/config.json
 create mode 100644 examples/theme-sets/cache/config.json

diff --git a/examples/pages-router/cache/config.json b/examples/pages-router/cache/config.json
new file mode 100644
index 00000000..a544f0f8
--- /dev/null
+++ b/examples/pages-router/cache/config.json
@@ -0,0 +1,6 @@
+{
+	"telemetry": {
+		"notifiedAt": "1715050199607",
+		"enabled": false
+	}
+}
\ No newline at end of file
diff --git a/examples/tailwind/cache/config.json b/examples/tailwind/cache/config.json
new file mode 100644
index 00000000..a544f0f8
--- /dev/null
+++ b/examples/tailwind/cache/config.json
@@ -0,0 +1,6 @@
+{
+	"telemetry": {
+		"notifiedAt": "1715050199607",
+		"enabled": false
+	}
+}
\ No newline at end of file
diff --git a/examples/theme-sets/cache/config.json b/examples/theme-sets/cache/config.json
new file mode 100644
index 00000000..a544f0f8
--- /dev/null
+++ b/examples/theme-sets/cache/config.json
@@ -0,0 +1,6 @@
+{
+	"telemetry": {
+		"notifiedAt": "1715050199607",
+		"enabled": false
+	}
+}
\ No newline at end of file

From 1839bff599618e3d182e16b3eb775ddd409c7155 Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Thu, 27 Jun 2024 22:37:39 +0530
Subject: [PATCH 05/14] fix: tailwind/package.json

---
 examples/tailwind/package.json | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/examples/tailwind/package.json b/examples/tailwind/package.json
index 671e6571..524e450d 100644
--- a/examples/tailwind/package.json
+++ b/examples/tailwind/package.json
@@ -3,26 +3,29 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
     "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
+    "clean": "rm -rf .next",
+    "dev": "next dev -p 3003",
+    "lint": "next lint",
+    "typecheck": "tsc --noEmit",
+    "start": "next start"
   },
   "dependencies": {
-    "@mayank1513/fork-me": "^2.1.2",
+    "@repo/scripts": "workspace:*",
+    "@repo/shared": "workspace:*",
     "next": "^14.2.4",
     "nextjs-themes": "workspace:*",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
+    "@next/eslint-plugin-next": "^14.2.4",
     "@repo/eslint-config": "workspace:*",
     "@repo/typescript-config": "workspace:*",
     "@types/node": "^20.14.9",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "autoprefixer": "^10.4.19",
-    "eslint": "9.5.0",
     "postcss": "^8.4.38",
     "tailwindcss": "^3.4.4",
     "typescript": "^5.5.2"

From 6254f91a01fc4e4d56f2f335442606d1dfb47056 Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Thu, 27 Jun 2024 22:37:56 +0530
Subject: [PATCH 06/14] Add new example

---
 examples/pages-router/package.json |  2 +-
 examples/theme-sets/.eslintrc.js   |  8 ++++++++
 examples/theme-sets/next-env.d.ts  |  5 +++++
 examples/theme-sets/next.config.js |  3 +++
 examples/theme-sets/package.json   | 33 ++++++++++++++++++++++++++++++
 examples/theme-sets/tsconfig.json  | 13 ++++++++++++
 examples/theme-sets/turbo.json     | 13 ++++++++++++
 7 files changed, 76 insertions(+), 1 deletion(-)
 create mode 100644 examples/theme-sets/.eslintrc.js
 create mode 100644 examples/theme-sets/next-env.d.ts
 create mode 100644 examples/theme-sets/next.config.js
 create mode 100644 examples/theme-sets/package.json
 create mode 100644 examples/theme-sets/tsconfig.json
 create mode 100644 examples/theme-sets/turbo.json

diff --git a/examples/pages-router/package.json b/examples/pages-router/package.json
index 156a32e3..f64be906 100644
--- a/examples/pages-router/package.json
+++ b/examples/pages-router/package.json
@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "dev": "next dev --port 3003",
+    "dev": "next dev --port 3000",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"
diff --git a/examples/theme-sets/.eslintrc.js b/examples/theme-sets/.eslintrc.js
new file mode 100644
index 00000000..6582db49
--- /dev/null
+++ b/examples/theme-sets/.eslintrc.js
@@ -0,0 +1,8 @@
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  extends: ["@repo/eslint-config/next.js"],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: true,
+  },
+};
diff --git a/examples/theme-sets/next-env.d.ts b/examples/theme-sets/next-env.d.ts
new file mode 100644
index 00000000..4f11a03d
--- /dev/null
+++ b/examples/theme-sets/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/examples/theme-sets/next.config.js b/examples/theme-sets/next.config.js
new file mode 100644
index 00000000..da1bb770
--- /dev/null
+++ b/examples/theme-sets/next.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  reactStrictMode: true,
+};
diff --git a/examples/theme-sets/package.json b/examples/theme-sets/package.json
new file mode 100644
index 00000000..d8fe26c9
--- /dev/null
+++ b/examples/theme-sets/package.json
@@ -0,0 +1,33 @@
+{
+  "name": "@example/theme-sets",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "build": "next build",
+    "clean": "rm -rf .next",
+    "dev": "next dev -p 3004",
+    "lint": "next lint",
+    "typecheck": "tsc --noEmit",
+    "start": "next start",
+    "postinstall": "next telemetry disable"
+  },
+  "dependencies": {
+    "@repo/scripts": "workspace:*",
+    "@repo/shared": "workspace:*",
+    "next": "^14.2.4",
+    "nextjs-darkmode": "^1.0.4",
+    "nextjs-themes": "workspace:*",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react18-loaders": "^1.1.3"
+  },
+  "devDependencies": {
+    "@next/eslint-plugin-next": "^14.2.4",
+    "@repo/eslint-config": "workspace:*",
+    "@repo/typescript-config": "workspace:*",
+    "@types/node": "^20.14.9",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.5.2"
+  }
+}
diff --git a/examples/theme-sets/tsconfig.json b/examples/theme-sets/tsconfig.json
new file mode 100644
index 00000000..aaddcaa8
--- /dev/null
+++ b/examples/theme-sets/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "exclude": ["node_modules"],
+  "extends": "@repo/typescript-config/nextjs.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": ["src", "next.config.js", "next-env.d.ts", ".next/types/**/*.ts"]
+}
diff --git a/examples/theme-sets/turbo.json b/examples/theme-sets/turbo.json
new file mode 100644
index 00000000..bca04ff0
--- /dev/null
+++ b/examples/theme-sets/turbo.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "//"
+  ],
+  "tasks": {
+    "build": {
+      "outputs": [
+        ".next/**",
+        "!.next/cache/**"
+      ]
+    }
+  }
+}

From 38c830c0f25aa6f5ae32d838cab2ab08c0886237 Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Thu, 27 Jun 2024 22:46:54 +0530
Subject: [PATCH 07/14] Create a scaffold for the next example

---
 examples/app-router/public/favicon.ico      | Bin 15086 -> 1150 bytes
 examples/pages-router/public/favicon.ico    | Bin 0 -> 1150 bytes
 examples/tailwind/src/app/page.tsx          |  14 -----
 examples/theme-sets/src/app/favicon.ico     | Bin 0 -> 1150 bytes
 examples/theme-sets/src/app/layout.tsx      |  13 ++++
 examples/theme-sets/src/app/page.module.css |   6 ++
 examples/theme-sets/src/app/page.tsx        |  14 +++++
 pnpm-lock.yaml                              |  64 ++++++++++++++++++--
 8 files changed, 91 insertions(+), 20 deletions(-)
 create mode 100644 examples/pages-router/public/favicon.ico
 create mode 100644 examples/theme-sets/src/app/favicon.ico
 create mode 100644 examples/theme-sets/src/app/layout.tsx
 create mode 100644 examples/theme-sets/src/app/page.module.css
 create mode 100644 examples/theme-sets/src/app/page.tsx

diff --git a/examples/app-router/public/favicon.ico b/examples/app-router/public/favicon.ico
index af98450595e8b8efd9e505cddc5ed705b665a4d8..71e4bd7106d802cf01b1218c3ead532a89fe2268 100644
GIT binary patch
literal 1150
zcmZ`$drZ?;7`^DMl5N;2FqwN)(8a|WA`2`gbSMgF<F;U`f~&F?c~&batvm+8s%?R`
z@@i|>+OEK4l!la1DqS<jw401Ulcj(XOEv;?Fy;ojut#8={ibUINtc`Ro$ou}Irooy
z2??SOoldCAAh}Nv5>5!&PJxmr<*`l?A=J(t@)(b1s$}ku8i;u@48gS3SQoq&Pt(J(
zW*r^-<9OhwOhTAE0oKksh*KJ&VCzwmDnZzW2xP>cfUZP3EI#^5fBegvu;D2hHa_zt
z=%LSo@mw^r51Ns`cM7_r-$M}705MC0%r}ZqnkvPsTVfz&WuaZBcFXglzetUXL{wM^
zA}EA}go6FL2)x8*u)=20wrdFL7!fqwPRKb%s0++^cOMV3cM9Q9>ATE|gdSn)YuLRl
z0$VoI5xHqQ@)8ut-dTjVL&xDgU_?jk9_YBAK$50~>Z}P>r(`e|C~&Q=UgNOj8XAia
zfwwOj%pH-4+qMe=rU1p86L31pfgcaE;fQBI^=2)k$5bfGRKZYb##Nbi!J)0q`O10W
z1-m)7%v^r_+xOBF|KKoVQMx+`??>&0@=zZ<`~nP~VL+11fjUovnhXhA6)lTa)d%17
z7&JSk?zIxY9dxTl67JAurRYjh>n|N<&Zz_vG~JlN*i8pUFYG}TJ8iy6s_*~soaC}a
zS$*85lt16(vG~975f65k5sa-`rB=$T+4WwWcm0n3=>@n<h98>G6=%9_w)MB{{GcyC
zE?bfF54PcHa_7M;t-Nd8C}{r~&bx~knO(xry@&cwYi+B)?)%Pf4am)d_eq=g*R7(?
zpC+>P_wo7g-|$Q=VtjsSdh$0M9GhJtzF7p!TAXR*lJhRnxJJ_jmWf5KX%g3l=iwZg
zNAJiS+InX++Rk5y);<<6?;YwOwe20mXf+7WHhhL-m2Omg<U{F|Nk~ltI8xYRuj#VT
zO0KMYGyi47qunG+Sxg#?qVp#W*CBE}fa&%E?7qKHZS#S1v8CJUX{S|LJN=OreAC@P
zq%|jqx-lb}eX(jbQPvB#+6%7UivwcgQcgpokeMSR>aOM$x#h!EGlvYgxNGvoNqI@>
zZ+Tc*r+w+=(ry<2)EU0CaAR&o!E$@RzR$%Yclu8TU9RJXx0;I>H?GTrb=Gn6@OErK
a|Nn`V)M9Qeg_o9LJ=On<|Fl0V2>Ay!D%IHl

literal 15086
zcmdU$XN*<H702)H0t+@}>0PW5y#)gXL_h{3FkJ#<n(5ex76J+I1p+HTAPgVyg6Ksw
z84!pfge5T96#+}2&_7TO8;HPJ5lT#1Ij|?^H@tbd@A{Sd-rHR#Bb|5eojK)yXXehF
zIWy03Qk*oWZCgjLna<wEj?>X`oXpI?bB5#G)w~S7Qa+`W<1AB#X3C=?&UhvAO=|S+
zQpCR%R9`2h-z)7_x}fw(>6KDpfVd}*GI-!c2H9UDrKwS>=#NU@Ddj7@Q4*g7FEYrY
z16}AW?v$zq+9+i!-B+T1{bG*9hmHqIUn`*-8^w`osM0?vVJi}rWb@IzKnYt#l~PpE
zZ<TVD-YO-FF{*rOYU<lkrAp<bq@-XI+sPyy4V<w`#aZXU_eo1jlPXoJNTo`Zq)eGI
z5A+?d4TeNgX%+f|(sQMtjpDl3dY8I&>q^t6O{HGFdQ!P^WzlxPHW<JXPvV`Cd!bb9
z*s%fTu3fuIhYlU2dGqE{ty(qF`o}gHz!Fb8&~7DC?`lVC)~qQ52M&}00|v+^pL`-M
zTehVCxa$opVDgi?DidR)TfW%tD^{#1pMCb3eDTE>GIHcd>D{}x={sTUg9&WW6602m
zQnBH6>!yx}4jn2B7A%n2vuDesNt2{;<Hpf!gDu+F%J^RBwozR7^zA-<`pD|lt7XNC
z6|!*QLeqB`gQD038yLf--)Lru^_!1A`bf5I+a^19?2z^A*UOh*ekt$2|9&*=whWA5
zb*EH)_*%*G6zlba4?ZxsPn<X*hYlT*l`B_D{rdIeu?bc%+tgfd;;Q=*BSy%^jT>dd
zh7B@$^l0C<Gcqz{-MV#h_3Bmm{`>Fc@ZrPKrArsz@`@AQzbS#)CVarSbb!I8ty{PH
zk}X}jv}9#v$)iV)<cA-Akjs}Zn{Sr6D_;A`4`vcRIDTwgIugN8J3W8?Twc9;C66CJ
zmNjeENcr;R<Ff0*31+afj`)Ww-<Q64@ptOfN$%dgYn#mU9lnEj?Yj8EY}ZY1T=~9q
z#)BWfCMPE+i2dQihi0sd*QSRb%y!M^3$t6^FaC1n%9(H6f~W6HojTR{HuQVO`vm(x
zn0G6&CM_2H%uzFE&Xj_J0t;W(u3al-%a%3%4Zbpj4-xRy;>Gb-#m>4qUO6)cT2PV3
zpI*Is$&Ww&XxZfC$&*s6RxM+zLWK&_s8J(BjQt6=fsGRsIez?@ix)2jvEROZTiUm8
zAGA}oYE|jjv7_)^<8Q|B8-jA4x_+h43HdwG`akQZ{rmR^u|IqEOoj~`7J{KpojS(<
z>D#xjnZI<c5>oEL8L15HMT(z#WR80C=8eJ6m1l4LW@cu}s8OTj^Upsw@4?*W6SJES
z?6iS9&)0pV`lp_$Z=3e*+h^9ZUK>rCG?5uIW|;4L`0(N0^@=YH0qjNg{kCh@PHx@0
zWueQ33l}2#^Q~LAHa;_LgYTK1p6(a3o6pAd+<Ct4-Sxj^%NDZ+#GkYYABXYBTkrOn
zZyDb|J3CwE%$Z}xR9hCum9d{WAflZ}Wp4btckebh3JVJj{MWBvo4yfkOvmTkxpSxN
z*|SF$FJ3I~z4u<+7y{UtgOl<f7~@~OcwwvF%ni)Dk=~vB?%lh~v17;N+i$-$?cj6m
z;?`;Xhot?tAaK1ob?TJVu3g)0C+t1zbo~Ew=g!IY?b{RaL#_XowEt}J-??+g#BZY2
zyDcMLa^uDgLFVAWgTj1l%Y0tHQ$Dbhl3KrjAHSaXhwAc0#7v$(eJVfw^po*T@qzrx
z2KemyMIX&tj5V2W9d`Z5cgz}c^5n@9&m2UYjj;!RZtmQ<66<^MU}LT8UO$%T`rU)Y
zcb&Q9yz6%@GBJs`*6=QUiC{=n28`bL3HV7R7Qa$kiQvcIi4?yAe@&$vr9^a>gv_56
zTeSG07MmF9|6)G^Q&#}`NMn_Um~~0isUI6)0h8ZU;`<j0EYf?}{fjie-~)Umx_=Y_
zKlPr-{*irE+JSZ}k^MWh<8A|NVjB#}q!QgfRiJN`a+Qi=|5Vik6XO<RZ*jH-y0H;!
zj8v9{QmRU^$ItwYtwJStn<sLQ4#vi8rQ$q4pz4DuP4E66&u;`@z;%NUZsWkLMOl;D
zxEOT{5#z9HZFpGoA!Ge_y-h5M<fV(YdXNenrvcB;9H$c3Ts_#rHA@d8aK()N0LoeP
zZsF;C>^Lf>f{vqND)`@P9?$9TK1fc;<nrvgX7Q{eg!f8zQKl@Eg|U-Mz6+0i&LdxO
zd*8>tCyQ6!+t!2dtUtke$_><;tw&q0@ECem?{wl!rS3|>b6OetkXT}@W?k_+rGrYh
zl>Vi}m<VxC9%VC>;6*0c#P>*l+@N$%>EBBFmQe{Fc#%OC9f_nmD)f~S=dohhj8vYl
zv6`=x&=pVWsLX#+q8mig9W$TUxvt*}bzk7L-lNk`>Y+?Gm163T#zTyXvm=~)sb0N0
zaaweuJ6Zx`(zaEHG-%L3KK=Al6T>DZPhLQGq<Wx@P6zlbe?nK{MB~PdlkwxnOWU?>
zy?Yqg@b-sP&7-d+WX~-}jDPy{>9TCuG9i8(A^wLgY}(XWZ-_f3WuJ2&?4j-5yH}Ph
zSrTpU9$VNX@qMmWifEgC6yB+S|Ng&-_q*kY6P-PKR*oJ$D&4wui>NOkgH3F=P`Ve$
z3oFArk%&op&JP9oiCbR3eqHX}yJupw-hGKM`tJs8Gp0rz*J9ak*s!6TKY!j}B<@Qe
z2xHHihfO=4d&@$equD1uh)vR!D_5jhvt}W(F>o+n#QfeP*=Ky4KYza26Uxue7xt`(
zwGs1UFEoa2%CXJd6_q!V{lS9=%abQh<maD%Hs_oe^J>(nAuU?8F#8U%^agA*f5vUU
zO`A5Rzftd-H*XGp=j=}sgJvHomR>El^LJEU_xn@7oB=$3{5YoN^y$-PoVT`!UrwAj
z(d>cRyeL=eJNUAXP0n?!TD8j9&dbY_&Ye4l$oA~n)9gP*+v9QJq3wP5KkQGLGDTj#
zd};PI#*Q5uVjI0fh76HSn>LxVdoDY_;0u&tn{OaexyiTnfB*h{;fw|QLCcpf4;xpW
zFkyme8_o^J(yQeMlzfjrrqcE2$dM!Fd_g$<vu4dQXQ0?S3s>&SWBkEa^gaG!|Jt={
z=KFH#39++i(IT_Yx^(H%ko++GcKr1<|Ih~0rcI04uj!BQ`Z)V#=O2Y;=E9`s-!ShO
zsSe!pFZPSf|L}>y>wkcu$o#Ju7{d8q*e4a4|Eapd)ji*PB>xlpq$2UZRgc#`wqyC<
z*e8K8>Gg-|00V0nbj5maWeG|22l`3AlJ{NwJ|l|`ufMHXz7k^tYsg<?{pki6&-$D3
zyt$IE^|w5$B$AaP+DMBu_V96mMq3Ci<Y|;5SN&rsOG5~joEXXSam@|L=cz7qq8l67
z!X~zfQxKNOR0_r^Vk6fGiqltVuhQR@m`fn;$)gOOaH*DNW-C2a3fqs=uY9WOrfl_f
z;B_aSk0^zeBOf0Sf1GnjdJnJFQAY2v8&Q_BR;^mem@#9Fj}_oW23g+epMgB{Uw{uk
z{E+{W1oh$jarV`-_CW^OZ>%g=)+?N8;M_9LtdS2KI3UcQZk+)cWFG|X4L^R?nKNgM
zJp7#1#y{fx7<J(04am|y!F;zoYh}(9u~z2nA7>Zcyn1ijH<*t+zGuIF{p8Z6OUCbF
zJuqm{AfqFUd<gy?J$lH^n>USJ))2_z+s>OeFWelDY)Ji4$N2uccI^tDkzj4ezJD0s
z6WNgVqu%*n4eJGq6%4dL{<Y21t8G7D{l_I|b=dx+MW!!C?Y|y*cmGA66!ZI09=<K?
o+P<&1At_y-s1M)YZ$Sgc$y2FZ9g(wA-cg7~*MlvG7a3&#0|$9^=Kufz

diff --git a/examples/pages-router/public/favicon.ico b/examples/pages-router/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..71e4bd7106d802cf01b1218c3ead532a89fe2268
GIT binary patch
literal 1150
zcmZ`$drZ?;7`^DMl5N;2FqwN)(8a|WA`2`gbSMgF<F;U`f~&F?c~&batvm+8s%?R`
z@@i|>+OEK4l!la1DqS<jw401Ulcj(XOEv;?Fy;ojut#8={ibUINtc`Ro$ou}Irooy
z2??SOoldCAAh}Nv5>5!&PJxmr<*`l?A=J(t@)(b1s$}ku8i;u@48gS3SQoq&Pt(J(
zW*r^-<9OhwOhTAE0oKksh*KJ&VCzwmDnZzW2xP>cfUZP3EI#^5fBegvu;D2hHa_zt
z=%LSo@mw^r51Ns`cM7_r-$M}705MC0%r}ZqnkvPsTVfz&WuaZBcFXglzetUXL{wM^
zA}EA}go6FL2)x8*u)=20wrdFL7!fqwPRKb%s0++^cOMV3cM9Q9>ATE|gdSn)YuLRl
z0$VoI5xHqQ@)8ut-dTjVL&xDgU_?jk9_YBAK$50~>Z}P>r(`e|C~&Q=UgNOj8XAia
zfwwOj%pH-4+qMe=rU1p86L31pfgcaE;fQBI^=2)k$5bfGRKZYb##Nbi!J)0q`O10W
z1-m)7%v^r_+xOBF|KKoVQMx+`??>&0@=zZ<`~nP~VL+11fjUovnhXhA6)lTa)d%17
z7&JSk?zIxY9dxTl67JAurRYjh>n|N<&Zz_vG~JlN*i8pUFYG}TJ8iy6s_*~soaC}a
zS$*85lt16(vG~975f65k5sa-`rB=$T+4WwWcm0n3=>@n<h98>G6=%9_w)MB{{GcyC
zE?bfF54PcHa_7M;t-Nd8C}{r~&bx~knO(xry@&cwYi+B)?)%Pf4am)d_eq=g*R7(?
zpC+>P_wo7g-|$Q=VtjsSdh$0M9GhJtzF7p!TAXR*lJhRnxJJ_jmWf5KX%g3l=iwZg
zNAJiS+InX++Rk5y);<<6?;YwOwe20mXf+7WHhhL-m2Omg<U{F|Nk~ltI8xYRuj#VT
zO0KMYGyi47qunG+Sxg#?qVp#W*CBE}fa&%E?7qKHZS#S1v8CJUX{S|LJN=OreAC@P
zq%|jqx-lb}eX(jbQPvB#+6%7UivwcgQcgpokeMSR>aOM$x#h!EGlvYgxNGvoNqI@>
zZ+Tc*r+w+=(ry<2)EU0CaAR&o!E$@RzR$%Yclu8TU9RJXx0;I>H?GTrb=Gn6@OErK
a|Nn`V)M9Qeg_o9LJ=On<|Fl0V2>Ay!D%IHl

literal 0
HcmV?d00001

diff --git a/examples/tailwind/src/app/page.tsx b/examples/tailwind/src/app/page.tsx
index dab95eee..7de79f41 100644
--- a/examples/tailwind/src/app/page.tsx
+++ b/examples/tailwind/src/app/page.tsx
@@ -1,4 +1,3 @@
-import { StarMe } from "@mayank1513/fork-me";
 import Image from "next/image";
 import { ColorSwitch } from "nextjs-themes";
 import Card from "./_components/card";
@@ -48,19 +47,6 @@ export default function Home() {
           title="Examples"
           text="Learn through more examples on official GitHub repo."
         />
-        <StarMe
-          gitHubUrl="https://github.com/react18-tools/nextjs-themes"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30">
-          <h2 className={"mb-3 text-2xl font-semibold"}>
-            Star Me{" "}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
-            Explore and star official <code>nextjs-themes</code> repo.
-          </p>
-        </StarMe>
         <Card
           href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
           title="Deploy"
diff --git a/examples/theme-sets/src/app/favicon.ico b/examples/theme-sets/src/app/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..71e4bd7106d802cf01b1218c3ead532a89fe2268
GIT binary patch
literal 1150
zcmZ`$drZ?;7`^DMl5N;2FqwN)(8a|WA`2`gbSMgF<F;U`f~&F?c~&batvm+8s%?R`
z@@i|>+OEK4l!la1DqS<jw401Ulcj(XOEv;?Fy;ojut#8={ibUINtc`Ro$ou}Irooy
z2??SOoldCAAh}Nv5>5!&PJxmr<*`l?A=J(t@)(b1s$}ku8i;u@48gS3SQoq&Pt(J(
zW*r^-<9OhwOhTAE0oKksh*KJ&VCzwmDnZzW2xP>cfUZP3EI#^5fBegvu;D2hHa_zt
z=%LSo@mw^r51Ns`cM7_r-$M}705MC0%r}ZqnkvPsTVfz&WuaZBcFXglzetUXL{wM^
zA}EA}go6FL2)x8*u)=20wrdFL7!fqwPRKb%s0++^cOMV3cM9Q9>ATE|gdSn)YuLRl
z0$VoI5xHqQ@)8ut-dTjVL&xDgU_?jk9_YBAK$50~>Z}P>r(`e|C~&Q=UgNOj8XAia
zfwwOj%pH-4+qMe=rU1p86L31pfgcaE;fQBI^=2)k$5bfGRKZYb##Nbi!J)0q`O10W
z1-m)7%v^r_+xOBF|KKoVQMx+`??>&0@=zZ<`~nP~VL+11fjUovnhXhA6)lTa)d%17
z7&JSk?zIxY9dxTl67JAurRYjh>n|N<&Zz_vG~JlN*i8pUFYG}TJ8iy6s_*~soaC}a
zS$*85lt16(vG~975f65k5sa-`rB=$T+4WwWcm0n3=>@n<h98>G6=%9_w)MB{{GcyC
zE?bfF54PcHa_7M;t-Nd8C}{r~&bx~knO(xry@&cwYi+B)?)%Pf4am)d_eq=g*R7(?
zpC+>P_wo7g-|$Q=VtjsSdh$0M9GhJtzF7p!TAXR*lJhRnxJJ_jmWf5KX%g3l=iwZg
zNAJiS+InX++Rk5y);<<6?;YwOwe20mXf+7WHhhL-m2Omg<U{F|Nk~ltI8xYRuj#VT
zO0KMYGyi47qunG+Sxg#?qVp#W*CBE}fa&%E?7qKHZS#S1v8CJUX{S|LJN=OreAC@P
zq%|jqx-lb}eX(jbQPvB#+6%7UivwcgQcgpokeMSR>aOM$x#h!EGlvYgxNGvoNqI@>
zZ+Tc*r+w+=(ry<2)EU0CaAR&o!E$@RzR$%Yclu8TU9RJXx0;I>H?GTrb=Gn6@OErK
a|Nn`V)M9Qeg_o9LJ=On<|Fl0V2>Ay!D%IHl

literal 0
HcmV?d00001

diff --git a/examples/theme-sets/src/app/layout.tsx b/examples/theme-sets/src/app/layout.tsx
new file mode 100644
index 00000000..76c3a73f
--- /dev/null
+++ b/examples/theme-sets/src/app/layout.tsx
@@ -0,0 +1,13 @@
+import "@repo/shared/dist/index.css";
+import { ThemeSwitcher } from "nextjs-themes";
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body>
+        <ThemeSwitcher />
+        <main>{children}</main>
+      </body>
+    </html>
+  );
+}
diff --git a/examples/theme-sets/src/app/page.module.css b/examples/theme-sets/src/app/page.module.css
new file mode 100644
index 00000000..b724a1f5
--- /dev/null
+++ b/examples/theme-sets/src/app/page.module.css
@@ -0,0 +1,6 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px;
+}
diff --git a/examples/theme-sets/src/app/page.tsx b/examples/theme-sets/src/app/page.tsx
new file mode 100644
index 00000000..dfefd5ee
--- /dev/null
+++ b/examples/theme-sets/src/app/page.tsx
@@ -0,0 +1,14 @@
+import styles from "./page.module.css";
+
+export default function Page() {
+  return (
+    <div className={styles.container}>
+      <h1>Simple Multi Theme</h1>
+      <hr />
+      <p>
+        Example showing how to use <code>nextjs-themes</code> to implement simple multi theme
+        switching
+      </p>
+    </div>
+  );
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2caf5493..7bd1e2ad 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -146,9 +146,12 @@ importers:
 
   examples/tailwind:
     dependencies:
-      '@mayank1513/fork-me':
-        specifier: ^2.1.2
-        version: 2.1.2(@types/react@18.3.3)(next@14.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.6))(react@18.3.1)
+      '@repo/scripts':
+        specifier: workspace:*
+        version: link:../../scripts
+      '@repo/shared':
+        specifier: workspace:*
+        version: link:../../packages/shared
       next:
         specifier: ^14.2.4
         version: 14.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.6)
@@ -162,6 +165,9 @@ importers:
         specifier: ^18.3.1
         version: 18.3.1(react@18.3.1)
     devDependencies:
+      '@next/eslint-plugin-next':
+        specifier: ^14.2.4
+        version: 14.2.4
       '@repo/eslint-config':
         specifier: workspace:*
         version: link:../../packages/config-eslint
@@ -180,9 +186,6 @@ importers:
       autoprefixer:
         specifier: ^10.4.19
         version: 10.4.19(postcss@8.4.38)
-      eslint:
-        specifier: 9.5.0
-        version: 9.5.0
       postcss:
         specifier: ^8.4.38
         version: 8.4.38
@@ -193,6 +196,55 @@ importers:
         specifier: ^5.5.2
         version: 5.5.2
 
+  examples/theme-sets:
+    dependencies:
+      '@repo/scripts':
+        specifier: workspace:*
+        version: link:../../scripts
+      '@repo/shared':
+        specifier: workspace:*
+        version: link:../../packages/shared
+      next:
+        specifier: ^14.2.4
+        version: 14.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.6)
+      nextjs-darkmode:
+        specifier: ^1.0.4
+        version: 1.0.4(@types/react@18.3.3)(next@14.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.6))(react@18.3.1)
+      nextjs-themes:
+        specifier: workspace:*
+        version: link:../../lib
+      react:
+        specifier: ^18.3.1
+        version: 18.3.1
+      react-dom:
+        specifier: ^18.3.1
+        version: 18.3.1(react@18.3.1)
+      react18-loaders:
+        specifier: ^1.1.3
+        version: 1.1.3(@types/react@18.3.3)(next@14.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.6))(react@18.3.1)
+    devDependencies:
+      '@next/eslint-plugin-next':
+        specifier: ^14.2.4
+        version: 14.2.4
+      '@repo/eslint-config':
+        specifier: workspace:*
+        version: link:../../packages/config-eslint
+      '@repo/typescript-config':
+        specifier: workspace:*
+        version: link:../../packages/config-typescript
+      '@types/node':
+        specifier: ^20.14.9
+        version: 20.14.9
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.3
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.0
+      typescript:
+        specifier: ^5.5.2
+        version: 5.5.2
+
   examples/vite:
     dependencies:
       '@repo/shared':

From 04ea9ead78c83a7d3b2f7800e545a4e9734331e7 Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Thu, 27 Jun 2024 22:49:30 +0530
Subject: [PATCH 08/14] docs(changeset): Attempt to Squeeze out...

---
 .changeset/yellow-lizards-yawn.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/yellow-lizards-yawn.md

diff --git a/.changeset/yellow-lizards-yawn.md b/.changeset/yellow-lizards-yawn.md
new file mode 100644
index 00000000..e30f9a2b
--- /dev/null
+++ b/.changeset/yellow-lizards-yawn.md
@@ -0,0 +1,5 @@
+---
+"nextjs-themes": patch
+---
+
+Attempt to Squeeze out...

From 4eef9552223d6208fe3b8a92e64555e6cbb5676d Mon Sep 17 00:00:00 2001
From: mayank1513 <mayank.srmu@gmail.com>
Date: Thu, 27 Jun 2024 17:20:38 +0000
Subject: [PATCH 09/14] RELEASING: Releasing 2 package(s)

Releases:
  nextjs-themes@4.0.4-squize.0
  @repo/shared@0.0.2-squize.0
---
 lib/CHANGELOG.md             | 6 ++++++
 lib/package.json             | 2 +-
 packages/shared/CHANGELOG.md | 7 +++++++
 packages/shared/package.json | 2 +-
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/lib/CHANGELOG.md b/lib/CHANGELOG.md
index 7492f180..03f0d0fb 100644
--- a/lib/CHANGELOG.md
+++ b/lib/CHANGELOG.md
@@ -1,5 +1,11 @@
 # nextjs-themes
 
+## 4.0.4-squize.0
+
+### Patch Changes
+
+- 04ea9ea: Attempt to Squeeze out...
+
 ## 4.0.3
 
 ### Patch Changes
diff --git a/lib/package.json b/lib/package.json
index 496f2c0c..65fd2e0f 100644
--- a/lib/package.json
+++ b/lib/package.json
@@ -2,7 +2,7 @@
   "name": "nextjs-themes",
   "author": "Mayank Kumar Chaudhari <https://mayank-chaudhari.vercel.app>",
   "private": false,
-  "version": "4.0.3",
+  "version": "4.0.4-squize.0",
   "description": "Unleash the Power of React Server Components! Use multiple themes on your site with confidence, without losing any advantages of React Server Components.",
   "license": "MPL-2.0",
   "main": "./dist/index.js",
diff --git a/packages/shared/CHANGELOG.md b/packages/shared/CHANGELOG.md
index 747809aa..69930924 100644
--- a/packages/shared/CHANGELOG.md
+++ b/packages/shared/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @repo/shared
 
+## 0.0.2-squize.0
+
+### Patch Changes
+
+- Updated dependencies [04ea9ea]
+  - nextjs-themes@4.0.4-squize.0
+
 ## 0.0.1
 
 ### Patch Changes
diff --git a/packages/shared/package.json b/packages/shared/package.json
index f467d865..7ad83a90 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@repo/shared",
-  "version": "0.0.1",
+  "version": "0.0.2-squize.0",
   "private": true,
   "sideEffects": false,
   "main": "./dist/index.js",

From 16f5f78bc1936f067537a12d77215312d095128a Mon Sep 17 00:00:00 2001
From: mayank1513 <mayank.srmu@gmail.com>
Date: Thu, 27 Jun 2024 17:20:39 +0000
Subject: [PATCH 10/14] Apply changesets and update CHANGELOG

---
 .changeset/pre.json | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 .changeset/pre.json

diff --git a/.changeset/pre.json b/.changeset/pre.json
new file mode 100644
index 00000000..81272782
--- /dev/null
+++ b/.changeset/pre.json
@@ -0,0 +1,19 @@
+{
+  "mode": "exit",
+  "tag": "squize",
+  "initialVersions": {
+    "@example/app": "0.0.0",
+    "@example/pages": "0.0.0",
+    "@example/tailwind": "0.0.0",
+    "@example/theme-sets": "0.0.0",
+    "@example/vite": "0.0.0",
+    "nextjs-themes": "4.0.3",
+    "@repo/eslint-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0",
+    "@repo/shared": "0.0.1",
+    "@repo/scripts": "0.0.0"
+  },
+  "changesets": [
+    "yellow-lizards-yawn"
+  ]
+}

From 018b41071e254fe56d0de19cc761ab27c8533500 Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Thu, 27 Jun 2024 22:57:37 +0530
Subject: [PATCH 11/14] do not publish

---
 .changeset/pre.json               | 19 -------------------
 .changeset/yellow-lizards-yawn.md |  5 -----
 2 files changed, 24 deletions(-)
 delete mode 100644 .changeset/pre.json
 delete mode 100644 .changeset/yellow-lizards-yawn.md

diff --git a/.changeset/pre.json b/.changeset/pre.json
deleted file mode 100644
index 81272782..00000000
--- a/.changeset/pre.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "mode": "exit",
-  "tag": "squize",
-  "initialVersions": {
-    "@example/app": "0.0.0",
-    "@example/pages": "0.0.0",
-    "@example/tailwind": "0.0.0",
-    "@example/theme-sets": "0.0.0",
-    "@example/vite": "0.0.0",
-    "nextjs-themes": "4.0.3",
-    "@repo/eslint-config": "0.0.0",
-    "@repo/typescript-config": "0.0.0",
-    "@repo/shared": "0.0.1",
-    "@repo/scripts": "0.0.0"
-  },
-  "changesets": [
-    "yellow-lizards-yawn"
-  ]
-}
diff --git a/.changeset/yellow-lizards-yawn.md b/.changeset/yellow-lizards-yawn.md
deleted file mode 100644
index e30f9a2b..00000000
--- a/.changeset/yellow-lizards-yawn.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"nextjs-themes": patch
----
-
-Attempt to Squeeze out...

From b38d554f2f9bb1b05f6684d540be53c57fc9ad5f Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Thu, 27 Jun 2024 22:58:03 +0530
Subject: [PATCH 12/14] reset package version

---
 lib/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/package.json b/lib/package.json
index 65fd2e0f..496f2c0c 100644
--- a/lib/package.json
+++ b/lib/package.json
@@ -2,7 +2,7 @@
   "name": "nextjs-themes",
   "author": "Mayank Kumar Chaudhari <https://mayank-chaudhari.vercel.app>",
   "private": false,
-  "version": "4.0.4-squize.0",
+  "version": "4.0.3",
   "description": "Unleash the Power of React Server Components! Use multiple themes on your site with confidence, without losing any advantages of React Server Components.",
   "license": "MPL-2.0",
   "main": "./dist/index.js",

From f6b139d321dc9b3790e45c179322906dedace544 Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Fri, 28 Jun 2024 06:15:58 +0530
Subject: [PATCH 13/14] rename example

---
 examples/{theme-sets => themes}/.eslintrc.js        |   0
 examples/{theme-sets => themes}/cache/config.json   |   0
 examples/{theme-sets => themes}/next-env.d.ts       |   0
 examples/{theme-sets => themes}/next.config.js      |   0
 examples/{theme-sets => themes}/package.json        |   2 +-
 examples/{theme-sets => themes}/src/app/favicon.ico | Bin
 examples/{theme-sets => themes}/src/app/layout.tsx  |   0
 .../{theme-sets => themes}/src/app/page.module.css  |   0
 examples/{theme-sets => themes}/src/app/page.tsx    |   0
 examples/{theme-sets => themes}/tsconfig.json       |   0
 examples/{theme-sets => themes}/turbo.json          |   0
 11 files changed, 1 insertion(+), 1 deletion(-)
 rename examples/{theme-sets => themes}/.eslintrc.js (100%)
 rename examples/{theme-sets => themes}/cache/config.json (100%)
 rename examples/{theme-sets => themes}/next-env.d.ts (100%)
 rename examples/{theme-sets => themes}/next.config.js (100%)
 rename examples/{theme-sets => themes}/package.json (96%)
 rename examples/{theme-sets => themes}/src/app/favicon.ico (100%)
 rename examples/{theme-sets => themes}/src/app/layout.tsx (100%)
 rename examples/{theme-sets => themes}/src/app/page.module.css (100%)
 rename examples/{theme-sets => themes}/src/app/page.tsx (100%)
 rename examples/{theme-sets => themes}/tsconfig.json (100%)
 rename examples/{theme-sets => themes}/turbo.json (100%)

diff --git a/examples/theme-sets/.eslintrc.js b/examples/themes/.eslintrc.js
similarity index 100%
rename from examples/theme-sets/.eslintrc.js
rename to examples/themes/.eslintrc.js
diff --git a/examples/theme-sets/cache/config.json b/examples/themes/cache/config.json
similarity index 100%
rename from examples/theme-sets/cache/config.json
rename to examples/themes/cache/config.json
diff --git a/examples/theme-sets/next-env.d.ts b/examples/themes/next-env.d.ts
similarity index 100%
rename from examples/theme-sets/next-env.d.ts
rename to examples/themes/next-env.d.ts
diff --git a/examples/theme-sets/next.config.js b/examples/themes/next.config.js
similarity index 100%
rename from examples/theme-sets/next.config.js
rename to examples/themes/next.config.js
diff --git a/examples/theme-sets/package.json b/examples/themes/package.json
similarity index 96%
rename from examples/theme-sets/package.json
rename to examples/themes/package.json
index d8fe26c9..3ddd3899 100644
--- a/examples/theme-sets/package.json
+++ b/examples/themes/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@example/theme-sets",
+  "name": "@example/themes",
   "version": "0.0.0",
   "private": true,
   "scripts": {
diff --git a/examples/theme-sets/src/app/favicon.ico b/examples/themes/src/app/favicon.ico
similarity index 100%
rename from examples/theme-sets/src/app/favicon.ico
rename to examples/themes/src/app/favicon.ico
diff --git a/examples/theme-sets/src/app/layout.tsx b/examples/themes/src/app/layout.tsx
similarity index 100%
rename from examples/theme-sets/src/app/layout.tsx
rename to examples/themes/src/app/layout.tsx
diff --git a/examples/theme-sets/src/app/page.module.css b/examples/themes/src/app/page.module.css
similarity index 100%
rename from examples/theme-sets/src/app/page.module.css
rename to examples/themes/src/app/page.module.css
diff --git a/examples/theme-sets/src/app/page.tsx b/examples/themes/src/app/page.tsx
similarity index 100%
rename from examples/theme-sets/src/app/page.tsx
rename to examples/themes/src/app/page.tsx
diff --git a/examples/theme-sets/tsconfig.json b/examples/themes/tsconfig.json
similarity index 100%
rename from examples/theme-sets/tsconfig.json
rename to examples/themes/tsconfig.json
diff --git a/examples/theme-sets/turbo.json b/examples/themes/turbo.json
similarity index 100%
rename from examples/theme-sets/turbo.json
rename to examples/themes/turbo.json

From 2cffa8fc6011cf78e06a1faed56aed9feb7372d2 Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Fri, 28 Jun 2024 06:39:25 +0530
Subject: [PATCH 14/14] Add simple theme example [skip ci]

---
 examples/themes/src/app/layout.tsx                |  4 +++-
 examples/themes/src/app/page.tsx                  | 15 +++++++++++++--
 .../shared/src/client/theme-controller/index.ts   |  1 +
 packages/shared/src/global.scss                   |  7 +++++++
 4 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/examples/themes/src/app/layout.tsx b/examples/themes/src/app/layout.tsx
index 76c3a73f..ddd96de0 100644
--- a/examples/themes/src/app/layout.tsx
+++ b/examples/themes/src/app/layout.tsx
@@ -1,11 +1,13 @@
 import "@repo/shared/dist/index.css";
+import "@repo/shared/dist/global.css";
 import { ThemeSwitcher } from "nextjs-themes";
 
+/** Layout colorScheme is forced to '' to ensure theme is resolved and not darkTheme and lightTheme.*/
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
       <body>
-        <ThemeSwitcher />
+        <ThemeSwitcher forcedColorScheme="" />
         <main>{children}</main>
       </body>
     </html>
diff --git a/examples/themes/src/app/page.tsx b/examples/themes/src/app/page.tsx
index dfefd5ee..87223e72 100644
--- a/examples/themes/src/app/page.tsx
+++ b/examples/themes/src/app/page.tsx
@@ -1,4 +1,5 @@
 import styles from "./page.module.css";
+import { ThemeSelector } from "@repo/shared";
 
 export default function Page() {
   return (
@@ -6,8 +7,18 @@ export default function Page() {
       <h1>Simple Multi Theme</h1>
       <hr />
       <p>
-        Example showing how to use <code>nextjs-themes</code> to implement simple multi theme
-        switching
+        This example demonstrates how to use <code>nextjs-themes</code> for simple multi-theme
+        switching.
+      </p>
+      <ThemeSelector scope="" />
+      <p>
+        Ensure you set or force <code>colorSchemePreference</code> to an empty string{" "}
+        <code>""</code>. Other values for the color scheme will cause <code>darkTheme</code> and{" "}
+        <code>lightTheme</code> to be assigned as <code>resolvedTheme</code>.
+      </p>
+      <p>
+        Another approach is to use <code>theme</code> instead of <code>resolvedTheme</code>. In CSS,
+        this means using the <code>data-th</code> attribute instead of <code>data-theme</code>.
       </p>
     </div>
   );
diff --git a/packages/shared/src/client/theme-controller/index.ts b/packages/shared/src/client/theme-controller/index.ts
index 7cec1cab..c10237f8 100644
--- a/packages/shared/src/client/theme-controller/index.ts
+++ b/packages/shared/src/client/theme-controller/index.ts
@@ -1,2 +1,3 @@
 export * from "./theme-controller";
 export * from "./themes";
+export * from "./theme-selector";
diff --git a/packages/shared/src/global.scss b/packages/shared/src/global.scss
index 89034d69..6b6bf8b2 100644
--- a/packages/shared/src/global.scss
+++ b/packages/shared/src/global.scss
@@ -125,6 +125,7 @@ body,
   display: flex;
   flex-direction: column;
   background: var(--bg-color);
+  color: var(--text-color);
 }
 
 a {
@@ -132,6 +133,12 @@ a {
   text-decoration: none;
 }
 
+code {
+  padding: 1px 5px;
+  box-shadow: 0 0 2px currentColor inset;
+  border-radius: 20px;
+}
+
 // utils
 .grow {
   flex-grow: 1;