@tydavidson/design-system 1.1.15 → 1.1.17

package/dist/index.mjs

@@ -53,11 +53,6 @@ function useThemeServer() {
     isDark: false
   };
 }
-function ThemeContextProvider({
-  children
-}) {
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
 function useTheme() {
   const [themeData, setThemeData] = React2.useState({
     theme: "system",
@@ -118,12 +113,43 @@ function ThemeToggle({
   size = "md",
   ...props
 }) {
+  if (typeof window === "undefined") {
+    return /* @__PURE__ */ 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__ */ jsx(IconSun, { size: size === "sm" ? 16 : size === "lg" ? 24 : 20, stroke: 1.5 })
+      }
+    );
+  }
   const { theme, setTheme, resolvedTheme } = useTheme();
   const [mounted, setMounted] = React2.useState(false);
   React2.useEffect(() => {
     setMounted(true);
   }, []);
-  if (!mounted) return null;
+  if (!mounted) {
+    return /* @__PURE__ */ 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__ */ jsx(IconSun, { size: size === "sm" ? 16 : size === "lg" ? 24 : 20, stroke: 1.5 })
+      }
+    );
+  }
   const toggleTheme = () => {
     setTheme(resolvedTheme === "dark" ? "light" : "dark");
   };
@@ -1868,10 +1894,6 @@ function ThemeProviderNoSSR({
   }
   return /* @__PURE__ */ jsx(ThemeProvider, { ...props, children });
 }
-
-// src/themes/index.ts
-init_theme_context();
-init_theme_toggle2();
 function ClientThemeProvider({
   children,
   ...props
@@ -1895,11 +1917,46 @@ function ClientThemeToggle(props) {
     });
   }, []);
   if (!mounted || !ThemeToggleComponent) {
-    return null;
+    return /* @__PURE__ */ 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__ */ jsxs(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" }),
+              /* @__PURE__ */ jsx("path", { d: "M12 2v2" }),
+              /* @__PURE__ */ jsx("path", { d: "M12 20v2" }),
+              /* @__PURE__ */ jsx("path", { d: "m4.93 4.93 1.41 1.41" }),
+              /* @__PURE__ */ jsx("path", { d: "m17.66 17.66 1.41 1.41" }),
+              /* @__PURE__ */ jsx("path", { d: "M2 12h2" }),
+              /* @__PURE__ */ jsx("path", { d: "M20 12h2" }),
+              /* @__PURE__ */ jsx("path", { d: "m6.34 17.66-1.41 1.41" }),
+              /* @__PURE__ */ jsx("path", { d: "m19.07 4.93-1.41 1.41" })
+            ]
+          }
+        )
+      }
+    );
   }
   return /* @__PURE__ */ jsx(ThemeToggleComponent, { ...props });
 }
 
+// src/themes/index.ts
+init_theme_context();
+
 // src/lib/theme-utils.ts
 var mapColorToShadcnVariant = (color) => {
   switch (color) {
@@ -1957,6 +2014,6 @@ var isDarkTheme = (theme, systemTheme) => {
   return theme === "dark";
 };
 
-export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClientThemeProvider, ClientThemeToggle, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, EmailButton, EmailCaption, EmailContainer, EmailFooter, EmailHeader, EmailHeading, EmailLayout, EmailMuted, EmailText, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Input, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Slider, Text, ThemeContextProvider, ThemeProvider, ThemeProviderNoSSR, ThemeToggle, Toggle, ToggleGroup, ToggleGroupItem, buttonVariants, cn, colors, filterDOMProps, generateId, getColorVariantClasses, isDarkTheme, isNotNullOrUndefined, mapColorToShadcnVariant, mapVariantToShadcnVariant, radius, shadows, spacing, tokens, typography, useTheme, useThemeServer };
+export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClientThemeProvider, ClientThemeToggle, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, EmailButton, EmailCaption, EmailContainer, EmailFooter, EmailHeader, EmailHeading, EmailLayout, EmailMuted, EmailText, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Input, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Slider, Text, ThemeProvider, ThemeProviderNoSSR, Toggle, ToggleGroup, ToggleGroupItem, buttonVariants, cn, colors, filterDOMProps, generateId, getColorVariantClasses, isDarkTheme, isNotNullOrUndefined, mapColorToShadcnVariant, mapVariantToShadcnVariant, radius, shadows, spacing, tokens, typography, useThemeServer };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map