@tydavidson/design-system 1.1.3 → 1.1.4

package/dist/index.js

@@ -1566,30 +1566,20 @@ var isDarkTheme = (theme, systemTheme) => {
   }
   return theme === "dark";
 };
-var ThemeContext = React2.createContext(void 0);
-function ThemeContextProvider({
-  children
-}) {
-  const [isClient, setIsClient] = React2.useState(false);
+function useTheme() {
   const { theme, setTheme, resolvedTheme, systemTheme } = nextThemes.useTheme();
-  React2.useEffect(() => {
-    setIsClient(true);
-  }, []);
   const isDark = isDarkTheme(theme, systemTheme);
-  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: {
+  return {
     theme: theme || "system",
     setTheme,
     resolvedTheme: resolvedTheme || "light",
-    isClient,
     isDark
-  }, children });
+  };
 }
-function useTheme() {
-  const context = React2.useContext(ThemeContext);
-  if (context === void 0) {
-    throw new Error("useTheme must be used within a ThemeContextProvider");
-  }
-  return context;
+function ThemeContextProvider({
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 }
 function ThemeToggle({
   className,
@@ -1597,8 +1587,12 @@ function ThemeToggle({
   size = "md",
   ...props
 }) {
-  const { theme, setTheme, resolvedTheme, isClient } = useTheme();
-  if (!isClient) return null;
+  const { theme, setTheme, resolvedTheme } = useTheme();
+  const [mounted, setMounted] = React2__namespace.useState(false);
+  React2__namespace.useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) return null;
   const toggleTheme = () => {
     setTheme(resolvedTheme === "dark" ? "light" : "dark");
   };