@tydavidson/design-system 1.1.7 → 1.1.9

package/dist/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var React2 = require('react');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
+var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var iconsReact = require('@tabler/icons-react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var TogglePrimitive = require('@radix-ui/react-toggle');
 var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
 var SliderPrimitive = require('@radix-ui/react-slider');
@@ -17,7 +17,9 @@ var SheetPrimitive = require('@radix-ui/react-dialog');
 var cmdk = require('cmdk');
 var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
-var nextThemes = require('next-themes');
+var dynamic = require('next/dynamic');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -47,8 +49,17 @@ var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrim
 var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
 var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
 var ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
+var dynamic__default = /*#__PURE__*/_interopDefault(dynamic);
 
-// src/components/ui/button.tsx
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -64,6 +75,285 @@ function filterDOMProps(props, propNames) {
   propNames.forEach((name) => delete result[name]);
   return result;
 }
+var init_utils = __esm({
+  "src/lib/utils.ts"() {
+  }
+});
+
+// src/themes/theme-provider.tsx
+var theme_provider_exports = {};
+__export(theme_provider_exports, {
+  ThemeProvider: () => ThemeProvider,
+  ThemeProviderNoSSR: () => ThemeProviderNoSSR
+});
+function ThemeProvider({
+  children,
+  ...props
+}) {
+  const [NextThemesProvider, setNextThemesProvider] = React2__namespace.useState(null);
+  const [mounted, setMounted] = React2__namespace.useState(false);
+  React2__namespace.useEffect(() => {
+    import('next-themes').then(({ ThemeProvider: Provider }) => {
+      setNextThemesProvider(() => Provider);
+      setMounted(true);
+    });
+  }, []);
+  if (!mounted || !NextThemesProvider) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    NextThemesProvider,
+    {
+      attribute: "class",
+      defaultTheme: "system",
+      enableSystem: true,
+      disableTransitionOnChange: true,
+      ...props,
+      children
+    }
+  );
+}
+function ThemeProviderNoSSR({
+  children,
+  ...props
+}) {
+  const [mounted, setMounted] = React2__namespace.useState(false);
+  React2__namespace.useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, { ...props, children });
+}
+var init_theme_provider = __esm({
+  "src/themes/theme-provider.tsx"() {
+    "use client";
+  }
+});
+
+// src/lib/theme-utils.ts
+exports.mapColorToShadcnVariant = void 0; exports.mapVariantToShadcnVariant = void 0; exports.getColorVariantClasses = void 0; exports.isDarkTheme = void 0;
+var init_theme_utils = __esm({
+  "src/lib/theme-utils.ts"() {
+    exports.mapColorToShadcnVariant = (color) => {
+      switch (color) {
+        case "brand":
+          return "default";
+        case "error":
+          return "destructive";
+        case "warning":
+        case "success":
+          return "secondary";
+        // Will need additional classes
+        default:
+          return "default";
+      }
+    };
+    exports.mapVariantToShadcnVariant = (variant) => {
+      switch (variant) {
+        case "primary":
+          return "default";
+        case "secondary":
+          return "outline";
+        case "tertiary":
+          return "ghost";
+        default:
+          return "default";
+      }
+    };
+    exports.getColorVariantClasses = (color, variant) => {
+      const colorVariantMap = {
+        primary: {
+          brand: "bg-brand-600 hover:bg-brand-700 text-white focus-visible:ring-brand-500",
+          error: "bg-error-600 hover:bg-error-700 text-white focus-visible:ring-error-500",
+          warning: "bg-warning-600 hover:bg-warning-700 text-white focus-visible:ring-warning-500",
+          success: "bg-success-600 hover:bg-success-700 text-white focus-visible:ring-success-500"
+        },
+        secondary: {
+          brand: "border-brand-300 text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500",
+          error: "border-error-300 text-error-700 hover:bg-error-50 focus-visible:ring-error-500",
+          warning: "border-warning-300 text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500",
+          success: "border-success-300 text-success-700 hover:bg-success-50 focus-visible:ring-success-500"
+        },
+        tertiary: {
+          brand: "text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500",
+          error: "text-error-700 hover:bg-error-50 focus-visible:ring-error-500",
+          warning: "text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500",
+          success: "text-success-700 hover:bg-success-50 focus-visible:ring-success-500"
+        }
+      };
+      return colorVariantMap[variant]?.[color] || "";
+    };
+    exports.isDarkTheme = (theme, systemTheme) => {
+      if (theme === "system") {
+        return systemTheme === "dark";
+      }
+      return theme === "dark";
+    };
+  }
+});
+function useTheme() {
+  const [themeData, setThemeData] = React2__namespace.useState({
+    theme: "system",
+    setTheme: (theme) => {
+    },
+    resolvedTheme: "light",
+    isDark: false
+  });
+  const [mounted, setMounted] = React2__namespace.useState(false);
+  React2__namespace.useEffect(() => {
+    import('next-themes').then(({ useTheme: useNextTheme }) => {
+      const { theme, setTheme, resolvedTheme, systemTheme } = useNextTheme();
+      const isDark = exports.isDarkTheme(theme, systemTheme);
+      setThemeData({
+        theme: theme || "system",
+        setTheme,
+        resolvedTheme: resolvedTheme || "light",
+        isDark
+      });
+      setMounted(true);
+    });
+  }, []);
+  if (!mounted) {
+    return {
+      theme: "system",
+      setTheme: (theme) => {
+      },
+      resolvedTheme: "light",
+      isDark: false
+    };
+  }
+  return themeData;
+}
+function useThemeServer() {
+  return {
+    theme: "system",
+    setTheme: (theme) => {
+    },
+    resolvedTheme: "light",
+    isDark: false
+  };
+}
+function ThemeContextProvider({
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+}
+var init_theme_context = __esm({
+  "src/themes/theme-context.tsx"() {
+    "use client";
+    init_theme_utils();
+  }
+});
+function ThemeToggle({
+  className,
+  variant = "icon",
+  size = "md",
+  ...props
+}) {
+  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");
+  };
+  const iconSize = {
+    sm: 16,
+    md: 20,
+    lg: 24
+  };
+  const sizeClasses = {
+    sm: "h-8 w-8",
+    md: "h-10 w-10",
+    lg: "h-12 w-12"
+  };
+  const textSizeClasses = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base"
+  };
+  if (variant === "icon") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: toggleTheme,
+        className: cn(
+          "inline-flex items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+          sizeClasses[size],
+          className
+        ),
+        "aria-label": resolvedTheme === "dark" ? "Switch to light theme" : "Switch to dark theme",
+        ...props,
+        children: resolvedTheme === "dark" ? /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconSun, { size: iconSize[size], stroke: 1.5 }) : /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconMoon, { size: iconSize[size], stroke: 1.5 })
+      }
+    );
+  }
+  if (variant === "button") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: toggleTheme,
+        className: cn(
+          "inline-flex items-center justify-center rounded-md border border-input bg-background px-4 py-2",
+          textSizeClasses[size],
+          "hover:bg-accent hover:text-accent-foreground",
+          className
+        ),
+        ...props,
+        children: resolvedTheme === "dark" ? "Light Mode" : "Dark Mode"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: toggleTheme,
+      className: cn(
+        "inline-flex items-center justify-center rounded-md px-3 py-2 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        textSizeClasses[size],
+        resolvedTheme === "dark" ? "bg-accent text-accent-foreground hover:bg-accent/80" : "bg-muted text-muted-foreground hover:bg-muted/80",
+        className
+      ),
+      "aria-label": resolvedTheme === "dark" ? "Switch to light theme" : "Switch to dark theme",
+      ...props,
+      children: resolvedTheme === "dark" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconSun, { size: iconSize[size], stroke: 1.5, className: "mr-2" }),
+        "Light"
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconMoon, { size: iconSize[size], stroke: 1.5, className: "mr-2" }),
+        "Dark"
+      ] })
+    }
+  );
+}
+var init_theme_toggle = __esm({
+  "src/components/ui/theme-toggle/theme-toggle.tsx"() {
+    "use client";
+    init_theme_context();
+    init_utils();
+  }
+});
+
+// src/components/ui/theme-toggle/index.ts
+var theme_toggle_exports = {};
+__export(theme_toggle_exports, {
+  ThemeToggle: () => ThemeToggle
+});
+var init_theme_toggle2 = __esm({
+  "src/components/ui/theme-toggle/index.ts"() {
+    init_theme_toggle();
+  }
+});
+
+// src/components/ui/button.tsx
+init_utils();
 var buttonVariants = classVarianceAuthority.cva(
   "float-button inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[4px] text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
@@ -168,6 +458,9 @@ var Button = React2__namespace.forwardRef(
   }
 );
 Button.displayName = "Button";
+
+// src/components/ui/dropdown-menu/dropdown-menu.tsx
+init_utils();
 var DropdownMenuRoot = DropdownMenuPrimitive__namespace.Root;
 var DropdownMenuTrigger = React2__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Trigger,
@@ -349,6 +642,9 @@ var DropdownMenu = {
   SubContent: DropdownMenuSubContent,
   SubTrigger: DropdownMenuSubTrigger
 };
+
+// src/components/typography/heading/heading.tsx
+init_utils();
 var Heading = React2__namespace.forwardRef(
   ({
     level = 1,
@@ -417,6 +713,9 @@ var Heading = React2__namespace.forwardRef(
   }
 );
 Heading.displayName = "Heading";
+
+// src/components/typography/text/text.tsx
+init_utils();
 var Text = React2__namespace.forwardRef(
   ({
     size = "md",
@@ -469,6 +768,9 @@ var Text = React2__namespace.forwardRef(
   }
 );
 Text.displayName = "Text";
+
+// src/components/ui/toggle.tsx
+init_utils();
 var Toggle = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TogglePrimitive__namespace.Root,
   {
@@ -481,6 +783,9 @@ var Toggle = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
+
+// src/components/ui/toggle-group.tsx
+init_utils();
 var ToggleGroup = React2__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToggleGroupPrimitive__namespace.Root,
   {
@@ -503,6 +808,9 @@ var ToggleGroupItem = React2__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.Item.displayName;
+
+// src/components/ui/slider.tsx
+init_utils();
 var Slider = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SliderPrimitive__namespace.Root,
   {
@@ -519,6 +827,9 @@ var Slider = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Slider.displayName = SliderPrimitive__namespace.Root.displayName;
+
+// src/components/ui/popover.tsx
+init_utils();
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
@@ -536,6 +847,9 @@ var PopoverContent = React2__namespace.forwardRef(({ className, align = "center"
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
+
+// src/components/ui/hover-card.tsx
+init_utils();
 var HoverCard = HoverCardPrimitive__namespace.Root;
 var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
 var HoverCardContent = React2__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -552,6 +866,9 @@ var HoverCardContent = React2__namespace.forwardRef(({ className, align = "cente
   }
 ));
 HoverCardContent.displayName = HoverCardPrimitive__namespace.Content.displayName;
+
+// src/components/ui/sheet.tsx
+init_utils();
 var Sheet = SheetPrimitive__namespace.Root;
 var SheetTrigger = SheetPrimitive__namespace.Trigger;
 var SheetClose = SheetPrimitive__namespace.Close;
@@ -645,6 +962,12 @@ var SheetDescription = React2__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 SheetDescription.displayName = SheetPrimitive__namespace.Description.displayName;
+
+// src/components/ui/command.tsx
+init_utils();
+
+// src/components/ui/dialog.tsx
+init_utils();
 var Dialog = SheetPrimitive__namespace.Root;
 var DialogPortal = SheetPrimitive__namespace.Portal;
 var DialogOverlay = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -802,6 +1125,9 @@ CommandShortcut.displayName = "CommandShortcut";
 var Collapsible = CollapsiblePrimitive__namespace.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive__namespace.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive__namespace.CollapsibleContent;
+
+// src/components/ui/context-menu.tsx
+init_utils();
 var ContextMenu = ContextMenuPrimitive__namespace.Root;
 var ContextMenuTrigger = ContextMenuPrimitive__namespace.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive__namespace.Group;
@@ -1222,6 +1548,9 @@ var EmailFooter = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { styl
   ] })
 ] }) });
 
+// src/index.ts
+init_utils();
+
 // src/tokens/colors.ts
 var colors = {
   // Base colors
@@ -1493,182 +1822,46 @@ var tokens = {
   radius,
   shadows
 };
-function ThemeProvider({
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    nextThemes.ThemeProvider,
-    {
-      attribute: "class",
-      defaultTheme: "system",
-      enableSystem: true,
-      disableTransitionOnChange: true,
-      ...props,
-      children
-    }
-  );
-}
 
-// src/lib/theme-utils.ts
-var mapColorToShadcnVariant = (color) => {
-  switch (color) {
-    case "brand":
-      return "default";
-    case "error":
-      return "destructive";
-    case "warning":
-    case "success":
-      return "secondary";
-    // Will need additional classes
-    default:
-      return "default";
+// src/themes/index.ts
+init_theme_provider();
+init_theme_context();
+init_theme_toggle2();
+var DynamicThemeProvider = dynamic__default.default(
+  () => Promise.resolve().then(() => (init_theme_provider(), theme_provider_exports)).then((mod) => ({ default: mod.ThemeProvider })),
+  {
+    ssr: false,
+    loading: () => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { visibility: "hidden" } })
   }
-};
-var mapVariantToShadcnVariant = (variant) => {
-  switch (variant) {
-    case "primary":
-      return "default";
-    case "secondary":
-      return "outline";
-    case "tertiary":
-      return "ghost";
-    default:
-      return "default";
+);
+var DynamicThemeProviderNoSSR = dynamic__default.default(
+  () => Promise.resolve().then(() => (init_theme_provider(), theme_provider_exports)).then((mod) => ({ default: mod.ThemeProviderNoSSR })),
+  {
+    ssr: false,
+    loading: () => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { visibility: "hidden" } })
   }
-};
-var getColorVariantClasses = (color, variant) => {
-  const colorVariantMap = {
-    primary: {
-      brand: "bg-brand-600 hover:bg-brand-700 text-white focus-visible:ring-brand-500",
-      error: "bg-error-600 hover:bg-error-700 text-white focus-visible:ring-error-500",
-      warning: "bg-warning-600 hover:bg-warning-700 text-white focus-visible:ring-warning-500",
-      success: "bg-success-600 hover:bg-success-700 text-white focus-visible:ring-success-500"
-    },
-    secondary: {
-      brand: "border-brand-300 text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500",
-      error: "border-error-300 text-error-700 hover:bg-error-50 focus-visible:ring-error-500",
-      warning: "border-warning-300 text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500",
-      success: "border-success-300 text-success-700 hover:bg-success-50 focus-visible:ring-success-500"
-    },
-    tertiary: {
-      brand: "text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500",
-      error: "text-error-700 hover:bg-error-50 focus-visible:ring-error-500",
-      warning: "text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500",
-      success: "text-success-700 hover:bg-success-50 focus-visible:ring-success-500"
-    }
-  };
-  return colorVariantMap[variant]?.[color] || "";
-};
-var isDarkTheme = (theme, systemTheme) => {
-  if (theme === "system") {
-    return systemTheme === "dark";
+);
+var DynamicThemeToggle = dynamic__default.default(
+  () => Promise.resolve().then(() => (init_theme_toggle2(), theme_toggle_exports)).then((mod) => ({ default: mod.ThemeToggle })),
+  {
+    ssr: false,
+    loading: () => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { visibility: "hidden" } })
   }
-  return theme === "dark";
-};
-function useTheme() {
-  const { theme, setTheme, resolvedTheme, systemTheme } = nextThemes.useTheme();
-  const isDark = isDarkTheme(theme, systemTheme);
-  return {
-    theme: theme || "system",
-    setTheme,
-    resolvedTheme: resolvedTheme || "light",
-    isDark
-  };
-}
-function ThemeContextProvider({
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-}
-function ThemeToggle({
-  className,
-  variant = "icon",
-  size = "md",
+);
+function SafeThemeProvider({
+  children,
+  noSSR = false,
   ...props
 }) {
-  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");
-  };
-  const iconSize = {
-    sm: 16,
-    md: 20,
-    lg: 24
-  };
-  const sizeClasses = {
-    sm: "h-8 w-8",
-    md: "h-10 w-10",
-    lg: "h-12 w-12"
-  };
-  const textSizeClasses = {
-    sm: "text-xs",
-    md: "text-sm",
-    lg: "text-base"
-  };
-  if (variant === "icon") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: toggleTheme,
-        className: cn(
-          "inline-flex items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-          sizeClasses[size],
-          className
-        ),
-        "aria-label": resolvedTheme === "dark" ? "Switch to light theme" : "Switch to dark theme",
-        ...props,
-        children: resolvedTheme === "dark" ? /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconSun, { size: iconSize[size], stroke: 1.5 }) : /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconMoon, { size: iconSize[size], stroke: 1.5 })
-      }
-    );
-  }
-  if (variant === "button") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: toggleTheme,
-        className: cn(
-          "inline-flex items-center justify-center rounded-md border border-input bg-background px-4 py-2",
-          textSizeClasses[size],
-          "hover:bg-accent hover:text-accent-foreground",
-          className
-        ),
-        ...props,
-        children: resolvedTheme === "dark" ? "Light Mode" : "Dark Mode"
-      }
-    );
+  if (noSSR) {
+    return /* @__PURE__ */ jsxRuntime.jsx(DynamicThemeProviderNoSSR, { ...props, children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      onClick: toggleTheme,
-      className: cn(
-        "inline-flex items-center justify-center rounded-md px-3 py-2 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        textSizeClasses[size],
-        resolvedTheme === "dark" ? "bg-accent text-accent-foreground hover:bg-accent/80" : "bg-muted text-muted-foreground hover:bg-muted/80",
-        className
-      ),
-      "aria-label": resolvedTheme === "dark" ? "Switch to light theme" : "Switch to dark theme",
-      ...props,
-      children: resolvedTheme === "dark" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconSun, { size: iconSize[size], stroke: 1.5, className: "mr-2" }),
-        "Light"
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconMoon, { size: iconSize[size], stroke: 1.5, className: "mr-2" }),
-        "Dark"
-      ] })
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(DynamicThemeProvider, { ...props, children });
 }
 
+// src/themes/index.ts
+init_theme_utils();
+
 exports.Button = Button;
 exports.Collapsible = Collapsible;
 exports.CollapsibleContent = CollapsibleContent2;
@@ -1698,6 +1891,9 @@ exports.ContextMenuSubContent = ContextMenuSubContent;
 exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
 exports.ContextMenuTrigger = ContextMenuTrigger;
 exports.DropdownMenu = DropdownMenu;
+exports.DynamicThemeProvider = DynamicThemeProvider;
+exports.DynamicThemeProviderNoSSR = DynamicThemeProviderNoSSR;
+exports.DynamicThemeToggle = DynamicThemeToggle;
 exports.EmailButton = EmailButton;
 exports.EmailCaption = EmailCaption;
 exports.EmailContainer = EmailContainer;
@@ -1715,6 +1911,7 @@ exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
+exports.SafeThemeProvider = SafeThemeProvider;
 exports.Sheet = Sheet;
 exports.SheetClose = SheetClose;
 exports.SheetContent = SheetContent;
@@ -1729,6 +1926,7 @@ exports.Slider = Slider;
 exports.Text = Text;
 exports.ThemeContextProvider = ThemeContextProvider;
 exports.ThemeProvider = ThemeProvider;
+exports.ThemeProviderNoSSR = ThemeProviderNoSSR;
 exports.ThemeToggle = ThemeToggle;
 exports.Toggle = Toggle;
 exports.ToggleGroup = ToggleGroup;
@@ -1738,16 +1936,13 @@ exports.cn = cn;
 exports.colors = colors;
 exports.filterDOMProps = filterDOMProps;
 exports.generateId = generateId;
-exports.getColorVariantClasses = getColorVariantClasses;
-exports.isDarkTheme = isDarkTheme;
 exports.isNotNullOrUndefined = isNotNullOrUndefined;
-exports.mapColorToShadcnVariant = mapColorToShadcnVariant;
-exports.mapVariantToShadcnVariant = mapVariantToShadcnVariant;
 exports.radius = radius;
 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