@ichaingo/theme-toggle 1.1.0

package/README.md

@@ -0,0 +1,7 @@
+# @ichaingo/theme-toggle
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test @ichaingo/theme-toggle` to execute the unit tests via [Vitest](https://vitest.dev/).

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export default function ThemeToggle(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,WAAW,4CAqClC"}

package/dist/index.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { twMerge as o } from "tailwind-merge";
+import { Sun as m, Moon as u, Monitor as c } from "lucide-react";
+import { useTheme as d } from "next-themes";
+import { useRouter as p } from "next/navigation";
+function y() {
+  const { theme: r, setTheme: n } = d(), i = p(), t = (s) => {
+    n(s);
+    const a = new URL(window.location.href);
+    a.searchParams.set("theme", s), i.replace(a.toString());
+  };
+  return /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => t("light"),
+        className: o("p-1 cursor-pointer rounded-full", r === "light" ? "bg-primary text-white" : "bg-module"),
+        "aria-label": "Light mode",
+        suppressHydrationWarning: !0,
+        children: /* @__PURE__ */ e(m, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => t("dark"),
+        className: o("p-1 cursor-pointer rounded-full", r === "dark" ? "bg-primary text-white" : "bg-module"),
+        "aria-label": "Dark mode",
+        suppressHydrationWarning: !0,
+        children: /* @__PURE__ */ e(u, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => t("system"),
+        className: o("p-1 cursor-pointer rounded-full", r === "system" ? "bg-primary text-white" : "bg-module"),
+        "aria-label": "System preference",
+        suppressHydrationWarning: !0,
+        children: /* @__PURE__ */ e(c, { className: "w-4 h-4" })
+      }
+    )
+  ] });
+}
+export {
+  y as default
+};

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@ichaingo/theme-toggle",
+  "version": "1.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!**/*.tsbuildinfo"
+  ],
+  "devDependencies": {
+    "rollup-plugin-preserve-use-client": "^1.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "tailwind-merge": "^2.5.5",
+    "lucide-react": "^0.539.0",
+    "next-themes": "^0.4.4",
+    "next": "^15.1.6",
+    "@ichaingo/i18n": "1.1.0"
+  }
+}