@tydavidson/design-system 1.1.7 → 1.1.9

package/dist/index.mjs

@@ -1,11 +1,11 @@
-import * as React2 from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import * as React2 from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { IconCheck, IconPointFilled, IconChevronRight, IconX, IconSearch, IconSun, IconMoon } from '@tabler/icons-react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as SliderPrimitive from '@radix-ui/react-slider';
@@ -15,9 +15,17 @@ 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 { ThemeProvider as ThemeProvider$1, useTheme as useTheme$1 } from 'next-themes';
+import dynamic from 'next/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 twMerge(clsx(inputs));
 }
@@ -33,6 +41,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.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 });
+}
+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({
+  "src/lib/theme-utils.ts"() {
+    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";
+      }
+    };
+    mapVariantToShadcnVariant = (variant) => {
+      switch (variant) {
+        case "primary":
+          return "default";
+        case "secondary":
+          return "outline";
+        case "tertiary":
+          return "ghost";
+        default:
+          return "default";
+      }
+    };
+    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] || "";
+    };
+    isDarkTheme = (theme, systemTheme) => {
+      if (theme === "system") {
+        return systemTheme === "dark";
+      }
+      return theme === "dark";
+    };
+  }
+});
+function useTheme() {
+  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: (theme) => {
+      },
+      resolvedTheme: "light",
+      isDark: false
+    };
+  }
+  return themeData;
+}
+function useThemeServer() {
+  return {
+    theme: "system",
+    setTheme: (theme) => {
+    },
+    resolvedTheme: "light",
+    isDark: false
+  };
+}
+function ThemeContextProvider({
+  children
+}) {
+  return /* @__PURE__ */ jsx(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.useState(false);
+  React2.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__ */ 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__ */ jsx(IconSun, { size: iconSize[size], stroke: 1.5 }) : /* @__PURE__ */ jsx(IconMoon, { size: iconSize[size], stroke: 1.5 })
+      }
+    );
+  }
+  if (variant === "button") {
+    return /* @__PURE__ */ 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__ */ 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__ */ jsxs("span", { className: "flex items-center", children: [
+        /* @__PURE__ */ jsx(IconSun, { size: iconSize[size], stroke: 1.5, className: "mr-2" }),
+        "Light"
+      ] }) : /* @__PURE__ */ jsxs("span", { className: "flex items-center", children: [
+        /* @__PURE__ */ jsx(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 = 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",
   {
@@ -137,6 +424,9 @@ var Button = React2.forwardRef(
   }
 );
 Button.displayName = "Button";
+
+// src/components/ui/dropdown-menu/dropdown-menu.tsx
+init_utils();
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Trigger,
@@ -318,6 +608,9 @@ var DropdownMenu = {
   SubContent: DropdownMenuSubContent,
   SubTrigger: DropdownMenuSubTrigger
 };
+
+// src/components/typography/heading/heading.tsx
+init_utils();
 var Heading = React2.forwardRef(
   ({
     level = 1,
@@ -386,6 +679,9 @@ var Heading = React2.forwardRef(
   }
 );
 Heading.displayName = "Heading";
+
+// src/components/typography/text/text.tsx
+init_utils();
 var Text = React2.forwardRef(
   ({
     size = "md",
@@ -438,6 +734,9 @@ var Text = React2.forwardRef(
   }
 );
 Text.displayName = "Text";
+
+// src/components/ui/toggle.tsx
+init_utils();
 var Toggle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TogglePrimitive.Root,
   {
@@ -450,6 +749,9 @@ var Toggle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
+
+// src/components/ui/toggle-group.tsx
+init_utils();
 var ToggleGroup = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroupPrimitive.Root,
   {
@@ -472,6 +774,9 @@ var ToggleGroupItem = React2.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+// src/components/ui/slider.tsx
+init_utils();
 var Slider = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
   SliderPrimitive.Root,
   {
@@ -488,6 +793,9 @@ var Slider = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
+
+// src/components/ui/popover.tsx
+init_utils();
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
@@ -505,6 +813,9 @@ var PopoverContent = React2.forwardRef(({ className, align = "center", sideOffse
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/ui/hover-card.tsx
+init_utils();
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
 var HoverCardContent = React2.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
@@ -521,6 +832,9 @@ var HoverCardContent = React2.forwardRef(({ className, align = "center", sideOff
   }
 ));
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+
+// src/components/ui/sheet.tsx
+init_utils();
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
@@ -614,6 +928,12 @@ var SheetDescription = React2.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/ui/command.tsx
+init_utils();
+
+// src/components/ui/dialog.tsx
+init_utils();
 var Dialog = SheetPrimitive.Root;
 var DialogPortal = SheetPrimitive.Portal;
 var DialogOverlay = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
@@ -771,6 +1091,9 @@ CommandShortcut.displayName = "CommandShortcut";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+// src/components/ui/context-menu.tsx
+init_utils();
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
@@ -1191,6 +1514,9 @@ var EmailFooter = ({ children }) => /* @__PURE__ */ jsx("div", { style: {
   ] })
 ] }) });
 
+// src/index.ts
+init_utils();
+
 // src/tokens/colors.ts
 var colors = {
   // Base colors
@@ -1462,182 +1788,46 @@ var tokens = {
   radius,
   shadows
 };
-function ThemeProvider({
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ThemeProvider$1,
-    {
-      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(
+  () => Promise.resolve().then(() => (init_theme_provider(), theme_provider_exports)).then((mod) => ({ default: mod.ThemeProvider })),
+  {
+    ssr: false,
+    loading: () => /* @__PURE__ */ 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(
+  () => Promise.resolve().then(() => (init_theme_provider(), theme_provider_exports)).then((mod) => ({ default: mod.ThemeProviderNoSSR })),
+  {
+    ssr: false,
+    loading: () => /* @__PURE__ */ 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(
+  () => Promise.resolve().then(() => (init_theme_toggle2(), theme_toggle_exports)).then((mod) => ({ default: mod.ThemeToggle })),
+  {
+    ssr: false,
+    loading: () => /* @__PURE__ */ jsx("div", { style: { visibility: "hidden" } })
   }
-  return theme === "dark";
-};
-function useTheme() {
-  const { theme, setTheme, resolvedTheme, systemTheme } = useTheme$1();
-  const isDark = isDarkTheme(theme, systemTheme);
-  return {
-    theme: theme || "system",
-    setTheme,
-    resolvedTheme: resolvedTheme || "light",
-    isDark
-  };
-}
-function ThemeContextProvider({
-  children
-}) {
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-function ThemeToggle({
-  className,
-  variant = "icon",
-  size = "md",
+);
+function SafeThemeProvider({
+  children,
+  noSSR = false,
   ...props
 }) {
-  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");
-  };
-  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__ */ 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__ */ jsx(IconSun, { size: iconSize[size], stroke: 1.5 }) : /* @__PURE__ */ jsx(IconMoon, { size: iconSize[size], stroke: 1.5 })
-      }
-    );
-  }
-  if (variant === "button") {
-    return /* @__PURE__ */ 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__ */ jsx(DynamicThemeProviderNoSSR, { ...props, children });
   }
-  return /* @__PURE__ */ 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__ */ jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsx(IconSun, { size: iconSize[size], stroke: 1.5, className: "mr-2" }),
-        "Light"
-      ] }) : /* @__PURE__ */ jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsx(IconMoon, { size: iconSize[size], stroke: 1.5, className: "mr-2" }),
-        "Dark"
-      ] })
-    }
-  );
+  return /* @__PURE__ */ jsx(DynamicThemeProvider, { ...props, children });
 }
 
-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, 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, ThemeToggle, Toggle, ToggleGroup, ToggleGroupItem, buttonVariants, cn, colors, filterDOMProps, generateId, getColorVariantClasses, isDarkTheme, isNotNullOrUndefined, mapColorToShadcnVariant, mapVariantToShadcnVariant, radius, shadows, spacing, tokens, typography, useTheme };
+// 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 };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map