@henriquepetrelli/hp-design-system 1.1.18 → 1.1.20

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

@@ -1427,17 +1427,16 @@
 
   const emit = __emit;
 
-  /**
-   * 🔑 Fonte única da verdade
-   */
-  const getInitialTheme = () => localStorage.getItem('theme') === 'dark';
+  const getStoredTheme = () => localStorage.getItem('theme') || 'light';
+  const isStoredDark = () => getStoredTheme() === 'dark';
 
-  const isDarkMode = vue.ref(getInitialTheme());
+  const isDarkMode = vue.ref(isStoredDark());
 
   const applyTheme = (isDark) => {
-    document.documentElement.classList.toggle('dark', isDark);
-    document.documentElement.classList.toggle('light', !isDark);
-    localStorage.setItem('theme', isDark ? 'dark' : 'light');
+    const theme = isDark ? 'dark' : 'light';
+
+    document.documentElement.setAttribute('data-theme', theme);
+    localStorage.setItem('theme', theme);
   };
 
   const toggleTheme = () => {
@@ -1450,12 +1449,10 @@
     toggleTheme();
   };
 
-  /**
-   * ✅ Sincroniza o toggle com o tema real após F5
-   */
   vue.onMounted(() => {
-    const isDark = getInitialTheme();
+    const isDark = isStoredDark();
     isDarkMode.value = isDark;
+    applyTheme(isDark);
     emit('update:modelValue', isDark);
   });
 
@@ -1522,7 +1519,7 @@
   }
 
   };
-  const ThemeSwitcher = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-f9bbbf36"]]);
+  const ThemeSwitcher = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-f2c78aa3"]]);
 
   const _hoisted_1$3 = { class: "input__fieldset" };
   const _hoisted_2$3 = {