negodesign 0.0.23 → 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/package.json

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