@tydavidson/design-system 1.1.3 → 1.1.4

package/dist/index.mjs

@@ -1,5 +1,4 @@
 import * as React2 from 'react';
-import { createContext, useState, useEffect, useContext } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
@@ -1536,30 +1535,20 @@ var isDarkTheme = (theme, systemTheme) => {
   }
   return theme === "dark";
 };
-var ThemeContext = createContext(void 0);
-function ThemeContextProvider({
-  children
-}) {
-  const [isClient, setIsClient] = useState(false);
+function useTheme() {
   const { theme, setTheme, resolvedTheme, systemTheme } = useTheme$1();
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
   const isDark = isDarkTheme(theme, systemTheme);
-  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: {
+  return {
     theme: theme || "system",
     setTheme,
     resolvedTheme: resolvedTheme || "light",
-    isClient,
     isDark
-  }, children });
+  };
 }
-function useTheme() {
-  const context = useContext(ThemeContext);
-  if (context === void 0) {
-    throw new Error("useTheme must be used within a ThemeContextProvider");
-  }
-  return context;
+function ThemeContextProvider({
+  children
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children });
 }
 function ThemeToggle({
   className,
@@ -1567,8 +1556,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.useState(false);
+  React2.useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) return null;
   const toggleTheme = () => {
     setTheme(resolvedTheme === "dark" ? "light" : "dark");
   };