@ekkolyth/ui 0.1.16 → 0.1.18

package/dist/index-C7t_lwpi.d.ts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { Toggle as Toggle$1 } from 'radix-ui';
-
-declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
-
-export { Toggle as T, toggleVariants as t };

package/dist/next.d.ts

@@ -1,13 +0,0 @@
-export { NextThemeProvider as ThemeProvider, NextThemeProviderProps as ThemeProviderProps, useNextTheme as useTheme } from './providers/next.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ToasterProps } from 'sonner';
-export { S as SystemTheme, T as ThemeName } from './types-fUfvw1Mz.js';
-import 'next-themes';
-
-/**
- * Theme-aware Toaster for Next.js apps using next-themes
- * Automatically syncs with NextThemeProvider
- */
-declare function NextToaster(props: ToasterProps): react_jsx_runtime.JSX.Element;
-
-export { NextToaster as Toaster };

package/dist/next.js

@@ -1,271 +0,0 @@
-import { ThemeProvider, useTheme } from 'next-themes';
-import { createContext, use, useState, useEffect, useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
-import { Toaster as Toaster$1 } from 'sonner';
-import { Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var initialState = {
-  systemTheme: "system",
-  resolvedTheme: "ekkolyth-light",
-  availableThemes: {
-    light: ["ekkolyth-light"],
-    dark: ["ekkolyth-dark"]
-  },
-  setSystemTheme: () => null,
-  setSpecificTheme: () => null
-};
-var NextThemeProviderContext = createContext(initialState);
-var resolveSystemTheme = (systemTheme) => {
-  if (systemTheme === "system" || systemTheme === "normal") {
-    if (typeof window !== "undefined") {
-      return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-    }
-    return "light";
-  }
-  return systemTheme;
-};
-function NextThemeProvider(_a) {
-  var _b = _a, {
-    children,
-    defaultTheme = "system",
-    lightTheme = ["ekkolyth-light"],
-    darkTheme = ["ekkolyth-dark"],
-    storageKey = "ekko-ui"
-  } = _b, props = __objRest(_b, [
-    "children",
-    "defaultTheme",
-    "lightTheme",
-    "darkTheme",
-    "storageKey"
-  ]);
-  const lightThemes = Array.isArray(lightTheme) ? lightTheme : [lightTheme];
-  const darkThemes = Array.isArray(darkTheme) ? darkTheme : [darkTheme];
-  const nextThemesDefaultTheme = defaultTheme === "normal" ? "light" : defaultTheme;
-  return /* @__PURE__ */ jsx(
-    ThemeProvider,
-    __spreadProps(__spreadValues({}, props), {
-      defaultTheme: nextThemesDefaultTheme,
-      attribute: "data-theme",
-      enableSystem: true,
-      children: /* @__PURE__ */ jsx(
-        ThemeMapper,
-        {
-          lightThemes,
-          darkThemes,
-          storageKey,
-          children
-        }
-      )
-    })
-  );
-}
-function ThemeMapper({
-  children,
-  lightThemes,
-  darkThemes,
-  storageKey
-}) {
-  const { theme: nextTheme, setTheme: setNextTheme } = useTheme();
-  const [systemTheme, setSystemThemeState] = useState(() => {
-    if (typeof window !== "undefined") {
-      const stored = localStorage.getItem(
-        `${storageKey}.theme-mode`
-      );
-      return stored || "system";
-    }
-    return "system";
-  });
-  const [selectedLightTheme, setSelectedLightThemeState] = useState(() => {
-    if (typeof window !== "undefined") {
-      const stored = localStorage.getItem(
-        `${storageKey}.theme-light`
-      );
-      return stored && lightThemes.includes(stored) ? stored : lightThemes[0];
-    }
-    return lightThemes[0];
-  });
-  const [selectedDarkTheme, setSelectedDarkThemeState] = useState(
-    () => {
-      if (typeof window !== "undefined") {
-        const stored = localStorage.getItem(
-          `${storageKey}.theme-dark`
-        );
-        return stored && darkThemes.includes(stored) ? stored : darkThemes[0];
-      }
-      return darkThemes[0];
-    }
-  );
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      const stored = localStorage.getItem(
-        `${storageKey}.theme-mode`
-      );
-      if (stored) {
-        const nextThemesValue = stored === "normal" ? "light" : stored;
-        setNextTheme(nextThemesValue);
-      }
-    }
-  }, []);
-  useEffect(() => {
-    if (nextTheme) {
-      const currentSystemTheme = nextTheme === "system" ? "system" : nextTheme;
-      if (currentSystemTheme !== systemTheme) {
-        setSystemThemeState(currentSystemTheme);
-        if (typeof window !== "undefined") {
-          localStorage.setItem(`${storageKey}.theme-mode`, currentSystemTheme);
-        }
-      }
-    }
-  }, [nextTheme, storageKey, systemTheme]);
-  const resolvedTheme = useMemo(() => {
-    const resolvedSystem = resolveSystemTheme(systemTheme);
-    return resolvedSystem === "light" ? selectedLightTheme : selectedDarkTheme;
-  }, [systemTheme, selectedLightTheme, selectedDarkTheme]);
-  useEffect(() => {
-    const root = document.documentElement;
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const updateTheme = () => {
-      const resolvedSystem = resolveSystemTheme(systemTheme);
-      const themeToApply = resolvedSystem === "light" ? selectedLightTheme : selectedDarkTheme;
-      root.setAttribute("data-theme", themeToApply);
-    };
-    updateTheme();
-    if (systemTheme === "system" || systemTheme === "normal") {
-      mediaQuery.addEventListener("change", updateTheme);
-      return () => mediaQuery.removeEventListener("change", updateTheme);
-    }
-  }, [systemTheme, selectedLightTheme, selectedDarkTheme]);
-  const value = useMemo(
-    () => ({
-      systemTheme,
-      resolvedTheme,
-      availableThemes: {
-        light: lightThemes,
-        dark: darkThemes
-      },
-      setSystemTheme: (newTheme) => {
-        if (typeof window !== "undefined") {
-          localStorage.setItem(`${storageKey}.theme-mode`, newTheme);
-        }
-        setSystemThemeState(newTheme);
-        const nextThemesValue = newTheme === "normal" ? "light" : newTheme;
-        setNextTheme(nextThemesValue);
-      },
-      setSpecificTheme: (mode, theme) => {
-        if (typeof window !== "undefined") {
-          const key = mode === "light" ? `${storageKey}.theme-light` : `${storageKey}.theme-dark`;
-          localStorage.setItem(key, theme);
-        }
-        if (mode === "light" && lightThemes.includes(theme)) {
-          setSelectedLightThemeState(theme);
-        } else if (mode === "dark" && darkThemes.includes(theme)) {
-          setSelectedDarkThemeState(theme);
-        }
-        setSystemThemeState(mode);
-        setNextTheme(mode);
-      }
-    }),
-    [
-      systemTheme,
-      resolvedTheme,
-      lightThemes,
-      darkThemes,
-      storageKey,
-      setNextTheme
-    ]
-  );
-  return /* @__PURE__ */ jsx(NextThemeProviderContext.Provider, { value, children });
-}
-function useNextTheme() {
-  const context = use(NextThemeProviderContext);
-  if (context === void 0) {
-    throw new Error("useNextTheme must be used within a NextThemeProvider");
-  }
-  return context;
-}
-var Toaster = (_a) => {
-  var _b = _a, { theme = "system" } = _b, props = __objRest(_b, ["theme"]);
-  return /* @__PURE__ */ jsx(
-    Toaster$1,
-    __spreadValues({
-      theme,
-      className: "toaster group",
-      icons: {
-        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" })
-      },
-      style: {
-        "--normal-bg": "var(--popover)",
-        "--normal-text": "var(--popover-foreground)",
-        "--normal-border": "var(--border)",
-        "--border-radius": "var(--radius)"
-      },
-      toastOptions: {
-        classNames: {
-          toast: "cn-toast"
-        }
-      }
-    }, props)
-  );
-};
-
-// src/lib/types.ts
-var DARK_THEMES = [
-  "mocha",
-  "frappe",
-  "macchiato",
-  "tokyo-night",
-  "ekkoos-dark",
-  "ekkolyth-dark",
-  "ekko-playlist-dark"
-];
-
-// src/lib/theme.ts
-function isDarkTheme(theme) {
-  return DARK_THEMES.includes(theme);
-}
-function NextToaster(props) {
-  try {
-    const { resolvedTheme } = useNextTheme();
-    const theme = isDarkTheme(resolvedTheme) ? "dark" : "light";
-    return /* @__PURE__ */ jsx(Toaster, __spreadValues({ theme }, props));
-  } catch (e) {
-    return /* @__PURE__ */ jsx(Toaster, __spreadValues({ theme: "system" }, props));
-  }
-}
-
-export { NextThemeProvider as ThemeProvider, NextToaster as Toaster, useNextTheme as useTheme };

package/dist/providers/next.d.ts

@@ -1,25 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ThemeProviderProps } from 'next-themes';
-import { S as SystemTheme, L as LightThemes, D as DarkThemes, T as ThemeName } from '../types-fUfvw1Mz.js';
-
-interface NextThemeProviderPropsExtended extends Omit<ThemeProviderProps, 'themes' | 'defaultTheme'> {
-    defaultTheme?: SystemTheme;
-    lightTheme?: LightThemes | LightThemes[];
-    darkTheme?: DarkThemes | DarkThemes[];
-    storageKey?: string;
-}
-
-interface NextThemeProviderState {
-    systemTheme: SystemTheme;
-    resolvedTheme: ThemeName;
-    availableThemes: {
-        light: LightThemes[];
-        dark: DarkThemes[];
-    };
-    setSystemTheme: (theme: SystemTheme) => void;
-    setSpecificTheme: (mode: 'light' | 'dark', theme: LightThemes | DarkThemes) => void;
-}
-declare function NextThemeProvider({ children, defaultTheme, lightTheme, darkTheme, storageKey, ...props }: React.PropsWithChildren<NextThemeProviderPropsExtended>): react_jsx_runtime.JSX.Element;
-declare function useNextTheme(): NextThemeProviderState;
-
-export { DarkThemes, LightThemes, NextThemeProvider, type NextThemeProviderPropsExtended as NextThemeProviderProps, SystemTheme, ThemeName, useNextTheme };

package/dist/providers/next.js

@@ -1,216 +0,0 @@
-import { ThemeProvider, useTheme } from 'next-themes';
-import { createContext, use, useState, useEffect, useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var initialState = {
-  systemTheme: "system",
-  resolvedTheme: "ekkolyth-light",
-  availableThemes: {
-    light: ["ekkolyth-light"],
-    dark: ["ekkolyth-dark"]
-  },
-  setSystemTheme: () => null,
-  setSpecificTheme: () => null
-};
-var NextThemeProviderContext = createContext(initialState);
-var resolveSystemTheme = (systemTheme) => {
-  if (systemTheme === "system" || systemTheme === "normal") {
-    if (typeof window !== "undefined") {
-      return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-    }
-    return "light";
-  }
-  return systemTheme;
-};
-function NextThemeProvider(_a) {
-  var _b = _a, {
-    children,
-    defaultTheme = "system",
-    lightTheme = ["ekkolyth-light"],
-    darkTheme = ["ekkolyth-dark"],
-    storageKey = "ekko-ui"
-  } = _b, props = __objRest(_b, [
-    "children",
-    "defaultTheme",
-    "lightTheme",
-    "darkTheme",
-    "storageKey"
-  ]);
-  const lightThemes = Array.isArray(lightTheme) ? lightTheme : [lightTheme];
-  const darkThemes = Array.isArray(darkTheme) ? darkTheme : [darkTheme];
-  const nextThemesDefaultTheme = defaultTheme === "normal" ? "light" : defaultTheme;
-  return /* @__PURE__ */ jsx(
-    ThemeProvider,
-    __spreadProps(__spreadValues({}, props), {
-      defaultTheme: nextThemesDefaultTheme,
-      attribute: "data-theme",
-      enableSystem: true,
-      children: /* @__PURE__ */ jsx(
-        ThemeMapper,
-        {
-          lightThemes,
-          darkThemes,
-          storageKey,
-          children
-        }
-      )
-    })
-  );
-}
-function ThemeMapper({
-  children,
-  lightThemes,
-  darkThemes,
-  storageKey
-}) {
-  const { theme: nextTheme, setTheme: setNextTheme } = useTheme();
-  const [systemTheme, setSystemThemeState] = useState(() => {
-    if (typeof window !== "undefined") {
-      const stored = localStorage.getItem(
-        `${storageKey}.theme-mode`
-      );
-      return stored || "system";
-    }
-    return "system";
-  });
-  const [selectedLightTheme, setSelectedLightThemeState] = useState(() => {
-    if (typeof window !== "undefined") {
-      const stored = localStorage.getItem(
-        `${storageKey}.theme-light`
-      );
-      return stored && lightThemes.includes(stored) ? stored : lightThemes[0];
-    }
-    return lightThemes[0];
-  });
-  const [selectedDarkTheme, setSelectedDarkThemeState] = useState(
-    () => {
-      if (typeof window !== "undefined") {
-        const stored = localStorage.getItem(
-          `${storageKey}.theme-dark`
-        );
-        return stored && darkThemes.includes(stored) ? stored : darkThemes[0];
-      }
-      return darkThemes[0];
-    }
-  );
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      const stored = localStorage.getItem(
-        `${storageKey}.theme-mode`
-      );
-      if (stored) {
-        const nextThemesValue = stored === "normal" ? "light" : stored;
-        setNextTheme(nextThemesValue);
-      }
-    }
-  }, []);
-  useEffect(() => {
-    if (nextTheme) {
-      const currentSystemTheme = nextTheme === "system" ? "system" : nextTheme;
-      if (currentSystemTheme !== systemTheme) {
-        setSystemThemeState(currentSystemTheme);
-        if (typeof window !== "undefined") {
-          localStorage.setItem(`${storageKey}.theme-mode`, currentSystemTheme);
-        }
-      }
-    }
-  }, [nextTheme, storageKey, systemTheme]);
-  const resolvedTheme = useMemo(() => {
-    const resolvedSystem = resolveSystemTheme(systemTheme);
-    return resolvedSystem === "light" ? selectedLightTheme : selectedDarkTheme;
-  }, [systemTheme, selectedLightTheme, selectedDarkTheme]);
-  useEffect(() => {
-    const root = document.documentElement;
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const updateTheme = () => {
-      const resolvedSystem = resolveSystemTheme(systemTheme);
-      const themeToApply = resolvedSystem === "light" ? selectedLightTheme : selectedDarkTheme;
-      root.setAttribute("data-theme", themeToApply);
-    };
-    updateTheme();
-    if (systemTheme === "system" || systemTheme === "normal") {
-      mediaQuery.addEventListener("change", updateTheme);
-      return () => mediaQuery.removeEventListener("change", updateTheme);
-    }
-  }, [systemTheme, selectedLightTheme, selectedDarkTheme]);
-  const value = useMemo(
-    () => ({
-      systemTheme,
-      resolvedTheme,
-      availableThemes: {
-        light: lightThemes,
-        dark: darkThemes
-      },
-      setSystemTheme: (newTheme) => {
-        if (typeof window !== "undefined") {
-          localStorage.setItem(`${storageKey}.theme-mode`, newTheme);
-        }
-        setSystemThemeState(newTheme);
-        const nextThemesValue = newTheme === "normal" ? "light" : newTheme;
-        setNextTheme(nextThemesValue);
-      },
-      setSpecificTheme: (mode, theme) => {
-        if (typeof window !== "undefined") {
-          const key = mode === "light" ? `${storageKey}.theme-light` : `${storageKey}.theme-dark`;
-          localStorage.setItem(key, theme);
-        }
-        if (mode === "light" && lightThemes.includes(theme)) {
-          setSelectedLightThemeState(theme);
-        } else if (mode === "dark" && darkThemes.includes(theme)) {
-          setSelectedDarkThemeState(theme);
-        }
-        setSystemThemeState(mode);
-        setNextTheme(mode);
-      }
-    }),
-    [
-      systemTheme,
-      resolvedTheme,
-      lightThemes,
-      darkThemes,
-      storageKey,
-      setNextTheme
-    ]
-  );
-  return /* @__PURE__ */ jsx(NextThemeProviderContext.Provider, { value, children });
-}
-function useNextTheme() {
-  const context = use(NextThemeProviderContext);
-  if (context === void 0) {
-    throw new Error("useNextTheme must be used within a NextThemeProvider");
-  }
-  return context;
-}
-
-export { NextThemeProvider, useNextTheme };

package/dist/providers/tanstack.d.ts

@@ -1,24 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SystemTheme, L as LightThemes, D as DarkThemes, T as ThemeName } from '../types-fUfvw1Mz.js';
-
-interface TanstackThemeProviderProps {
-    children: React.ReactNode;
-    defaultTheme?: SystemTheme;
-    lightTheme?: LightThemes | LightThemes[];
-    darkTheme?: DarkThemes | DarkThemes[];
-    storageKey?: string;
-}
-interface TanstackThemeProviderState {
-    systemTheme: SystemTheme;
-    resolvedTheme: ThemeName;
-    availableThemes: {
-        light: LightThemes[];
-        dark: DarkThemes[];
-    };
-    setSystemTheme: (theme: SystemTheme) => void;
-    setSpecificTheme: (mode: 'light' | 'dark', theme: ThemeName) => void;
-}
-declare function TanstackThemeProvider({ children, defaultTheme, lightTheme, darkTheme, storageKey, }: TanstackThemeProviderProps): react_jsx_runtime.JSX.Element;
-declare function useTanstackTheme(): TanstackThemeProviderState;
-
-export { DarkThemes, LightThemes, SystemTheme, TanstackThemeProvider, ThemeName, useTanstackTheme };

package/dist/providers/tanstack.js

@@ -1,120 +0,0 @@
-import { createContext, useState, useMemo, useEffect, use } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var initialState = {
-  systemTheme: "system",
-  resolvedTheme: "ekkolyth-light",
-  availableThemes: {
-    light: ["ekkolyth-light"],
-    dark: ["ekkolyth-dark"]
-  },
-  setSystemTheme: () => null,
-  setSpecificTheme: () => null
-};
-var TanstackThemeProviderContext = createContext(initialState);
-var resolveSystemTheme = (systemTheme) => {
-  if (systemTheme === "system" || systemTheme === "normal") {
-    if (typeof window !== "undefined") {
-      return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-    }
-    return "light";
-  }
-  return systemTheme;
-};
-function TanstackThemeProvider({
-  children,
-  defaultTheme = "system",
-  lightTheme = ["ekkolyth-light"],
-  darkTheme = ["ekkolyth-dark"],
-  storageKey = "ekko-ui"
-}) {
-  const lightThemes = Array.isArray(lightTheme) ? lightTheme : [lightTheme];
-  const darkThemes = Array.isArray(darkTheme) ? darkTheme : [darkTheme];
-  const [systemTheme, setSystemThemeState] = useState(() => {
-    if (typeof window !== "undefined") {
-      const stored = localStorage.getItem(
-        `${storageKey}.theme-mode`
-      );
-      return stored || defaultTheme;
-    }
-    return defaultTheme;
-  });
-  const [selectedLightTheme, setSelectedLightThemeState] = useState(() => {
-    if (typeof window !== "undefined") {
-      const stored = localStorage.getItem(
-        `${storageKey}.theme-light`
-      );
-      return stored && lightThemes.includes(stored) ? stored : lightThemes[0];
-    }
-    return lightThemes[0];
-  });
-  const [selectedDarkTheme, setSelectedDarkThemeState] = useState(
-    () => {
-      if (typeof window !== "undefined") {
-        const stored = localStorage.getItem(
-          `${storageKey}.theme-dark`
-        );
-        return stored && darkThemes.includes(stored) ? stored : darkThemes[0];
-      }
-      return darkThemes[0];
-    }
-  );
-  const resolvedTheme = useMemo(() => {
-    const resolvedSystem = resolveSystemTheme(systemTheme);
-    return resolvedSystem === "light" ? selectedLightTheme : selectedDarkTheme;
-  }, [systemTheme, selectedLightTheme, selectedDarkTheme]);
-  useEffect(() => {
-    const root = document.documentElement;
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const updateTheme = () => {
-      const resolvedSystem = resolveSystemTheme(systemTheme);
-      const themeToApply = resolvedSystem === "light" ? selectedLightTheme : selectedDarkTheme;
-      root.setAttribute("data-theme", themeToApply);
-    };
-    updateTheme();
-    if (systemTheme === "system" || systemTheme === "normal") {
-      mediaQuery.addEventListener("change", updateTheme);
-      return () => mediaQuery.removeEventListener("change", updateTheme);
-    }
-  }, [systemTheme, selectedLightTheme, selectedDarkTheme]);
-  const value = useMemo(
-    () => ({
-      systemTheme,
-      resolvedTheme,
-      availableThemes: {
-        light: lightThemes,
-        dark: darkThemes
-      },
-      setSystemTheme: (newTheme) => {
-        if (typeof window !== "undefined") {
-          localStorage.setItem(`${storageKey}.theme-mode`, newTheme);
-        }
-        setSystemThemeState(newTheme);
-      },
-      setSpecificTheme: (mode, theme) => {
-        if (typeof window !== "undefined") {
-          const key = mode === "light" ? `${storageKey}.theme-light` : `${storageKey}.theme-dark`;
-          localStorage.setItem(key, theme);
-        }
-        if (mode === "light" && lightThemes.includes(theme)) {
-          setSelectedLightThemeState(theme);
-        } else if (mode === "dark" && darkThemes.includes(theme)) {
-          setSelectedDarkThemeState(theme);
-        }
-      }
-    }),
-    [systemTheme, resolvedTheme, lightThemes, darkThemes, storageKey]
-  );
-  return /* @__PURE__ */ jsx(TanstackThemeProviderContext.Provider, { value, children });
-}
-function useTanstackTheme() {
-  const context = use(TanstackThemeProviderContext);
-  if (context === void 0) {
-    throw new Error(
-      "useTanstackTheme must be used within a TanstackThemeProvider"
-    );
-  }
-  return context;
-}
-
-export { TanstackThemeProvider, useTanstackTheme };