@tydavidson/design-system 1.1.15 → 1.1.17

package/dist/index.d.mts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { ThemeColor } from './themes/index.mjs';
-export { ClientThemeProvider, ClientThemeToggle, ComponentVariant, ThemeContextProvider, ThemeProvider, ThemeProviderNoSSR, ThemeToggle, getColorVariantClasses, isDarkTheme, mapColorToShadcnVariant, mapVariantToShadcnVariant, useTheme, useThemeServer } from './themes/index.mjs';
+export { ClientThemeProvider, ClientThemeToggle, ComponentVariant, ThemeProvider, ThemeProviderNoSSR, getColorVariantClasses, isDarkTheme, mapColorToShadcnVariant, mapVariantToShadcnVariant, useThemeServer } from './themes/index.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as TogglePrimitive from '@radix-ui/react-toggle';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { ThemeColor } from './themes/index.js';
-export { ClientThemeProvider, ClientThemeToggle, ComponentVariant, ThemeContextProvider, ThemeProvider, ThemeProviderNoSSR, ThemeToggle, getColorVariantClasses, isDarkTheme, mapColorToShadcnVariant, mapVariantToShadcnVariant, useTheme, useThemeServer } from './themes/index.js';
+export { ClientThemeProvider, ClientThemeToggle, ComponentVariant, ThemeProvider, ThemeProviderNoSSR, getColorVariantClasses, isDarkTheme, mapColorToShadcnVariant, mapVariantToShadcnVariant, useThemeServer } from './themes/index.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as TogglePrimitive from '@radix-ui/react-toggle';

package/dist/index.js

@@ -84,11 +84,6 @@ function useThemeServer() {
     isDark: false
   };
 }
-function ThemeContextProvider({
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-}
 function useTheme() {
   const [themeData, setThemeData] = React2__namespace.useState({
     theme: "system",
@@ -149,12 +144,43 @@ function ThemeToggle({
   size = "md",
   ...props
 }) {
+  if (typeof window === "undefined") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "inline-flex items-center justify-center rounded-md border border-input bg-background",
+          size === "sm" ? "h-8 w-8" : size === "lg" ? "h-12 w-12" : "h-10 w-10",
+          className
+        ),
+        "aria-label": "Toggle theme",
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconSun, { size: size === "sm" ? 16 : size === "lg" ? 24 : 20, stroke: 1.5 })
+      }
+    );
+  }
   const { theme, setTheme, resolvedTheme } = useTheme();
   const [mounted, setMounted] = React2__namespace.useState(false);
   React2__namespace.useEffect(() => {
     setMounted(true);
   }, []);
-  if (!mounted) return null;
+  if (!mounted) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "inline-flex items-center justify-center rounded-md border border-input bg-background",
+          size === "sm" ? "h-8 w-8" : size === "lg" ? "h-12 w-12" : "h-10 w-10",
+          className
+        ),
+        "aria-label": "Toggle theme",
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconSun, { size: size === "sm" ? 16 : size === "lg" ? 24 : 20, stroke: 1.5 })
+      }
+    );
+  }
   const toggleTheme = () => {
     setTheme(resolvedTheme === "dark" ? "light" : "dark");
   };
@@ -1899,10 +1925,6 @@ function ThemeProviderNoSSR({
   }
   return /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, { ...props, children });
 }
-
-// src/themes/index.ts
-init_theme_context();
-init_theme_toggle2();
 function ClientThemeProvider({
   children,
   ...props
@@ -1926,11 +1948,46 @@ function ClientThemeToggle(props) {
     });
   }, []);
   if (!mounted || !ThemeToggleComponent) {
-    return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "inline-flex items-center justify-center rounded-md border border-input bg-background h-10 w-10",
+        "aria-label": "Toggle theme",
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 20v2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m4.93 4.93 1.41 1.41" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m17.66 17.66 1.41 1.41" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12h2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 12h2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6.34 17.66-1.41 1.41" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m19.07 4.93-1.41 1.41" })
+            ]
+          }
+        )
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(ThemeToggleComponent, { ...props });
 }
 
+// src/themes/index.ts
+init_theme_context();
+
 // src/lib/theme-utils.ts
 var mapColorToShadcnVariant = (color) => {
   switch (color) {
@@ -2065,10 +2122,8 @@ exports.SheetTitle = SheetTitle;
 exports.SheetTrigger = SheetTrigger;
 exports.Slider = Slider;
 exports.Text = Text;
-exports.ThemeContextProvider = ThemeContextProvider;
 exports.ThemeProvider = ThemeProvider;
 exports.ThemeProviderNoSSR = ThemeProviderNoSSR;
-exports.ThemeToggle = ThemeToggle;
 exports.Toggle = Toggle;
 exports.ToggleGroup = ToggleGroup;
 exports.ToggleGroupItem = ToggleGroupItem;
@@ -2087,7 +2142,6 @@ exports.shadows = shadows;
 exports.spacing = spacing;
 exports.tokens = tokens;
 exports.typography = typography;
-exports.useTheme = useTheme;
 exports.useThemeServer = useThemeServer;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map