@henriquepetrelli/hp-design-system 1.1.14 → 1.1.16

package/dist/hp-design-system.es.js

@@ -1423,12 +1423,19 @@ const props = __props;
 
 const emit = __emit;
 
-const isDarkMode = ref(false);
+const isDarkMode = ref(
+  typeof window !== 'undefined' && localStorage.getItem('theme') === 'dark'
+);
 
 const applyTheme = (isDark) => {
-  document.documentElement.classList.toggle('dark', isDark);
-  document.documentElement.classList.toggle('light', !isDark);
-  localStorage.setItem('theme', isDark ? 'dark' : 'light');
+  if (typeof document === 'undefined') return
+
+  const theme = isDark ? 'dark' : 'light';
+
+  document.documentElement.classList.remove('dark', 'light');
+  document.documentElement.classList.add(theme);
+
+  localStorage.setItem('theme', theme);
 };
 
 const toggleTheme = () => {
@@ -1441,17 +1448,6 @@ const handleKeydown = () => {
   toggleTheme();
 };
 
-onMounted(() => {
-  const savedTheme =
-    localStorage.getItem('theme') ||
-    (window.matchMedia('(prefers-color-scheme: dark)').matches
-      ? 'dark'
-      : 'light');
-
-  isDarkMode.value = savedTheme === 'dark';
-  applyTheme(isDarkMode.value);
-});
-
 watch(
   () => props.modelValue,
   (value) => {
@@ -1514,7 +1510,7 @@ return (_ctx, _cache) => {
 }
 
 };
-const ThemeSwitcher = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-699fb0fe"]]);
+const ThemeSwitcher = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-ba2225dd"]]);
 
 const _hoisted_1$3 = { class: "input__fieldset" };
 const _hoisted_2$3 = {