@tydavidson/design-system 1.1.8 → 1.1.10

package/dist/index.mjs

@@ -1,7 +1,6 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as React2 from 'react';
-import { ThemeProvider as ThemeProvider$1, useTheme as useTheme$1 } from 'next-themes';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { IconCheck, IconPointFilled, IconChevronRight, IconX, IconSearch, IconSun, IconMoon } from '@tabler/icons-react';
 import { Slot } from '@radix-ui/react-slot';
@@ -16,10 +15,11 @@ import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { Command as Command$1 } from 'cmdk';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-import dynamic from 'next/dynamic';
 
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
@@ -27,6 +27,15 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -47,50 +56,6 @@ var init_utils = __esm({
   }
 });
 
-// src/themes/theme-provider.tsx
-var theme_provider_exports = {};
-__export(theme_provider_exports, {
-  ThemeProvider: () => ThemeProvider,
-  ThemeProviderNoSSR: () => ThemeProviderNoSSR
-});
-function ThemeProvider({
-  children,
-  ...props
-}) {
-  if (typeof window === "undefined") {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(
-    ThemeProvider$1,
-    {
-      attribute: "class",
-      defaultTheme: "system",
-      enableSystem: true,
-      disableTransitionOnChange: true,
-      ...props,
-      children
-    }
-  );
-}
-function ThemeProviderNoSSR({
-  children,
-  ...props
-}) {
-  const [mounted, setMounted] = React2.useState(false);
-  React2.useEffect(() => {
-    setMounted(true);
-  }, []);
-  if (!mounted) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(ThemeProvider, { ...props, children });
-}
-var init_theme_provider = __esm({
-  "src/themes/theme-provider.tsx"() {
-    "use client";
-  }
-});
-
 // src/lib/theme-utils.ts
 var mapColorToShadcnVariant, mapVariantToShadcnVariant, getColorVariantClasses, isDarkTheme;
 var init_theme_utils = __esm({
@@ -153,28 +118,42 @@ var init_theme_utils = __esm({
   }
 });
 function useTheme() {
-  if (typeof window === "undefined") {
+  const [themeData, setThemeData] = React2.useState({
+    theme: "system",
+    setTheme: (theme) => {
+    },
+    resolvedTheme: "light",
+    isDark: false
+  });
+  const [mounted, setMounted] = React2.useState(false);
+  React2.useEffect(() => {
+    import('next-themes').then(({ useTheme: useNextTheme }) => {
+      const { theme, setTheme, resolvedTheme, systemTheme } = useNextTheme();
+      const isDark = isDarkTheme(theme, systemTheme);
+      setThemeData({
+        theme: theme || "system",
+        setTheme,
+        resolvedTheme: resolvedTheme || "light",
+        isDark
+      });
+      setMounted(true);
+    });
+  }, []);
+  if (!mounted) {
     return {
       theme: "system",
-      setTheme: () => {
+      setTheme: (theme) => {
       },
       resolvedTheme: "light",
       isDark: false
     };
   }
-  const { theme, setTheme, resolvedTheme, systemTheme } = useTheme$1();
-  const isDark = isDarkTheme(theme, systemTheme);
-  return {
-    theme: theme || "system",
-    setTheme,
-    resolvedTheme: resolvedTheme || "light",
-    isDark
-  };
+  return themeData;
 }
 function useThemeServer() {
   return {
     theme: "system",
-    setTheme: () => {
+    setTheme: (theme) => {
     },
     resolvedTheme: "light",
     isDark: false
@@ -1767,46 +1746,78 @@ var tokens = {
   radius,
   shadows
 };
+function ThemeProvider({
+  children,
+  ...props
+}) {
+  const [NextThemesProvider, setNextThemesProvider] = React2.useState(null);
+  const [mounted, setMounted] = React2.useState(false);
+  React2.useEffect(() => {
+    import('next-themes').then(({ ThemeProvider: Provider }) => {
+      setNextThemesProvider(() => Provider);
+      setMounted(true);
+    });
+  }, []);
+  if (!mounted || !NextThemesProvider) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(
+    NextThemesProvider,
+    {
+      attribute: "class",
+      defaultTheme: "system",
+      enableSystem: true,
+      disableTransitionOnChange: true,
+      ...props,
+      children
+    }
+  );
+}
+function ThemeProviderNoSSR({
+  children,
+  ...props
+}) {
+  const [mounted, setMounted] = React2.useState(false);
+  React2.useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(ThemeProvider, { ...props, children });
+}
 
 // src/themes/index.ts
-init_theme_provider();
 init_theme_context();
 init_theme_toggle2();
-var DynamicThemeProvider = dynamic(
-  () => Promise.resolve().then(() => (init_theme_provider(), theme_provider_exports)).then((mod) => ({ default: mod.ThemeProvider })),
-  {
-    ssr: false,
-    loading: () => /* @__PURE__ */ jsx("div", { style: { visibility: "hidden" } })
-  }
-);
-var DynamicThemeProviderNoSSR = dynamic(
-  () => Promise.resolve().then(() => (init_theme_provider(), theme_provider_exports)).then((mod) => ({ default: mod.ThemeProviderNoSSR })),
-  {
-    ssr: false,
-    loading: () => /* @__PURE__ */ jsx("div", { style: { visibility: "hidden" } })
-  }
-);
-var DynamicThemeToggle = dynamic(
-  () => Promise.resolve().then(() => (init_theme_toggle2(), theme_toggle_exports)).then((mod) => ({ default: mod.ThemeToggle })),
-  {
-    ssr: false,
-    loading: () => /* @__PURE__ */ jsx("div", { style: { visibility: "hidden" } })
-  }
-);
-function SafeThemeProvider({
+function ClientThemeProvider({
   children,
-  noSSR = false,
   ...props
 }) {
-  if (noSSR) {
-    return /* @__PURE__ */ jsx(DynamicThemeProviderNoSSR, { ...props, children });
+  const [mounted, setMounted] = React2.useState(false);
+  React2.useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(ThemeProvider, { ...props, children });
+}
+function ClientThemeToggle(props) {
+  const [mounted, setMounted] = React2.useState(false);
+  React2.useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return null;
   }
-  return /* @__PURE__ */ jsx(DynamicThemeProvider, { ...props, children });
+  const { ThemeToggle: ThemeToggle2 } = (init_theme_toggle2(), __toCommonJS(theme_toggle_exports));
+  return /* @__PURE__ */ jsx(ThemeToggle2, { ...props });
 }
 
 // src/themes/index.ts
 init_theme_utils();
 
-export { Button, 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, DropdownMenu, DynamicThemeProvider, DynamicThemeProviderNoSSR, DynamicThemeToggle, EmailButton, EmailCaption, EmailContainer, EmailFooter, EmailHeader, EmailHeading, EmailLayout, EmailMuted, EmailText, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SafeThemeProvider, 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, 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, DropdownMenu, EmailButton, EmailCaption, EmailContainer, EmailFooter, EmailHeader, EmailHeading, EmailLayout, EmailMuted, EmailText, Heading, HoverCard, HoverCardContent, HoverCardTrigger, 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 };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map