@henriquepetrelli/hp-design-system 1.1.3 → 1.1.4

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

@@ -1290,7 +1290,7 @@
   const ToggleSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-14c54b46"]]);
 
   const _hoisted_1$4 = { class: "theme-switcher-container" };
-  const _hoisted_2$4 = ["id", "checked", "aria-checked"];
+  const _hoisted_2$4 = ["id", "aria-checked"];
   const _hoisted_3$4 = ["for", "onKeydown"];
 
 
@@ -1328,6 +1328,7 @@
 
   const isDarkMode = vue.ref(false);
 
+  // Função para pegar variáveis CSS do projeto
   const getCSSVariable = (name, fallback) => {
     return (
       getComputedStyle(document.documentElement).getPropertyValue(name).trim() ||
@@ -1335,6 +1336,7 @@
     )
   };
 
+  // Computed para cores do switcher
   const computedLightBackgroundColor = vue.computed(() => {
     return (
       props.lightBackgroundColor ||
@@ -1356,8 +1358,8 @@
     return props.darkBorderColor || getCSSVariable('--color-primary', '#072f5f')
   });
 
+  // Alterna tema baseado no valor atual de isDarkMode
   const toggleTheme = () => {
-    isDarkMode.value = !isDarkMode.value;
     if (isDarkMode.value) {
       document.documentElement.classList.remove('light');
       document.documentElement.classList.add('dark');
@@ -1369,10 +1371,13 @@
     }
   };
 
+  // Alterna tema via teclado
   const handleKeydown = () => {
+    isDarkMode.value = !isDarkMode.value;
     toggleTheme();
   };
 
+  // Inicializa o tema baseado no localStorage ou preferência do sistema
   vue.onMounted(() => {
     const savedTheme =
       localStorage.getItem('theme') ||
@@ -1394,7 +1399,6 @@
         id: __props.id,
         class: "toggle--checkbox",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((isDarkMode).value = $event)),
-        checked: __props.modelValue,
         onChange: toggleTheme,
         role: "switch",
         "aria-checked": isDarkMode.value,
@@ -1426,7 +1430,7 @@
   }
 
   };
-  const ThemeSwitcher = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-74ce4ef8"]]);
+  const ThemeSwitcher = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-d1afbbb3"]]);
 
   const _hoisted_1$3 = { class: "input__fieldset" };
   const _hoisted_2$3 = {