@henriquepetrelli/hp-design-system 1.1.18 → 1.1.20

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

@@ -1423,17 +1423,16 @@ const props = __props;
 
 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 = ref(getInitialTheme());
+const isDarkMode = 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 = () => {
@@ -1446,12 +1445,10 @@ const handleKeydown = () => {
   toggleTheme();
 };
 
-/**
- * ✅ Sincroniza o toggle com o tema real após F5
- */
 onMounted(() => {
-  const isDark = getInitialTheme();
+  const isDark = isStoredDark();
   isDarkMode.value = isDark;
+  applyTheme(isDark);
   emit('update:modelValue', isDark);
 });
 
@@ -1518,7 +1515,7 @@ return (_ctx, _cache) => {
 }
 
 };
-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 = {