negodesign 0.0.22 → 0.0.24

package/dist/components/core/carousel/hero/CarouselHero.svelte

@@ -88,8 +88,10 @@
   >
     {#each layers as bg, i (i)}
       <div
-        class="absolute inset-0 will-change-[opacity]"
         style="
+    position: absolute;
+    inset: 0;
+    will-change: opacity;
     background-image: {bg ? `url(${bg})` : 'none'};
     background-size: cover;
     background-position: center;
@@ -100,7 +102,9 @@
       ></div>
     {/each}
 
-    <div class="h-full absolute inset-0 bg-black/40"></div>
+    <div
+      style="position: absolute; inset: 0; height: 100%; background-color: rgba(0,0,0,0.4);"
+    ></div>
 
     <div class="relative z-10 w-full flex flex-col items-center flex-1">
       <NavMenu {...navMenu} />
@@ -136,7 +140,9 @@
     </div>
 
     {#if items && items.length > 1}
-      <div class="absolute bottom-3 z-10 flex gap-2">
+      <div
+        style="position: absolute; bottom: 0.75rem; z-index: 10; display: flex; gap: 0.5rem;"
+      >
         {#each items as item, i (i)}
           <button
             aria-label={`Ir para o slide ${i + 1}: ${item.title}`}

package/dist/components/core/nav/ui/nav-menu.svelte

@@ -36,7 +36,7 @@
     {#if isLanguageSwitcher}
       <LanguageSwitcher />
     {/if}
-    {#each actions as item (item.label)}
+    {#each (actions ?? []) as item (item.label)}
       <Button
         variant={item.type === "LINK" ? "ghost" : "outline"}
         class={item.className}

package/dist/globals.css

@@ -345,9 +345,6 @@
   .bottom-2 {
     bottom: calc(var(--spacing) * 2);
   }
-  .bottom-3 {
-    bottom: calc(var(--spacing) * 3);
-  }
   .left-0 {
     left: 0px;
   }
@@ -1356,12 +1353,6 @@
       background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
     }
   }
-  .bg-black\/40 {
-    background-color: color-mix(in srgb, #000 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
-    }
-  }
   .bg-black\/50 {
     background-color: color-mix(in srgb, #000 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2092,9 +2083,6 @@
     --tw-ease: linear;
     transition-timing-function: linear;
   }
-  .will-change-\[opacity\] {
-    will-change: opacity;
-  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;

package/dist/i18n/config.js

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import baseTranslations from "./translations.js";
+import baseTranslations from "./translations";
 let userTranslations = {};
 function deepMerge(target, source) {
     const result = { ...target };

package/dist/i18n/index.js

@@ -1,5 +1,5 @@
 import { derived, writable } from "svelte/store";
-import { getMergedTranslations } from "./config.js";
+import { getMergedTranslations } from "./config";
 /** Locale atual do sistema de internacionalização. Pode ser alterado diretamente. */
 export const locale = writable("en");
 function translate(currentLocale, key, vars) {

package/dist/i18n/translations.js

@@ -1,5 +1,5 @@
-import en from "./langs/en.js";
-import pt from "./langs/pt.js";
+import en from "./langs/en";
+import pt from "./langs/pt";
 export default {
     en,
     pt

package/dist/index.d.ts

@@ -23,15 +23,15 @@ import SearchInput from "./components/core/search/SearchInput.svelte";
 import NavMenu from "./components/core/nav/ui/nav-menu.svelte";
 import NegoDesign from "./components/NegoDesign.svelte";
 /** Store reativa do idioma atual. Altere com `$locale = "pt"`. */
-export { locale } from "./i18n/index.js";
+export { locale } from "./i18n";
 /** Lista de idiomas disponíveis. Atualizado automaticamente. */
-export { locales } from "./i18n/index.js";
+export { locales } from "./i18n";
 /** Função de tradução reativa. Use `$t("chave")` nos templates. */
-export { t } from "./i18n/index.js";
+export { t } from "./i18n";
 /** Retorna as traduções mescladas (base + customizadas). */
-export { getMergedTranslations } from "./i18n/config.js";
+export { getMergedTranslations } from "./i18n/config";
 /** Retorna a lista de idiomas disponíveis. */
-export { getLocales } from "./i18n/config.js";
+export { getLocales } from "./i18n/config";
 export { 
 /** Componente raiz do Negodesign. Configura o tema, idioma e traduções. @property {Record<string, Record<string, string>>} translations - Traduções customizadas @property {Snippet} children - Conteúdo da aplicação */
 NegoDesign, NavMenu, SearchInput, SimpleBadgeCarousel, CarouselHero, 

package/dist/index.js

@@ -23,15 +23,15 @@ import SearchInput from "./components/core/search/SearchInput.svelte";
 import NavMenu from "./components/core/nav/ui/nav-menu.svelte";
 import NegoDesign from "./components/NegoDesign.svelte";
 /** Store reativa do idioma atual. Altere com `$locale = "pt"`. */
-export { locale } from "./i18n/index.js";
+export { locale } from "./i18n";
 /** Lista de idiomas disponíveis. Atualizado automaticamente. */
-export { locales } from "./i18n/index.js";
+export { locales } from "./i18n";
 /** Função de tradução reativa. Use `$t("chave")` nos templates. */
-export { t } from "./i18n/index.js";
+export { t } from "./i18n";
 /** Retorna as traduções mescladas (base + customizadas). */
-export { getMergedTranslations } from "./i18n/config.js";
+export { getMergedTranslations } from "./i18n/config";
 /** Retorna a lista de idiomas disponíveis. */
-export { getLocales } from "./i18n/config.js";
+export { getLocales } from "./i18n/config";
 export { 
 /** Componente raiz do Negodesign. Configura o tema, idioma e traduções. @property {Record<string, Record<string, string>>} translations - Traduções customizadas @property {Snippet} children - Conteúdo da aplicação */
 NegoDesign, NavMenu, SearchInput, SimpleBadgeCarousel, CarouselHero, 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "negodesign",
-	"version": "0.0.22",
+	"version": "0.0.24",
 	"type": "module",
 	"license": "MIT",
 	"sideEffects": [