fix the npm build

package-lock.json

@@ -26,7 +26,8 @@
         "node-emoji": "^2.2.0",
         "nostr-tools": "2.15.x",
         "plantuml-encoder": "^1.4.0",
-        "qrcode": "^1.5.4"
+        "qrcode": "^1.5.4",
+        "tailwindcss": "^4.1.11"
       },
       "devDependencies": {
         "@playwright/test": "^1.54.1",

src/lib/a/primitives/ADetails.svelte

@@ -57,6 +57,7 @@
     defaultOpen = false,
     forceHide = false,
     class: className = "",
+    children,
   } = $props();
   let open = $derived(defaultOpen);
   $effect(() => {
@@ -98,6 +99,6 @@
   {#if !(tech && !$showTech && forceHide)}<div
       class="px-3 pb-3 pt-1 text-[0.95rem] leading-6"
     >
-      <slot />
+      {@render children()}
     </div>{/if}
 </details>

src/lib/a/primitives/ANostrUser.svelte

@@ -96,6 +96,7 @@
     badgeLimit = 6,
     href = undefined as string | undefined,
     class: className = "",
+    badges,
   } = $props();
 
   // Derived view-model
@@ -207,11 +208,11 @@
 
     {#if showBadges}
       <span class="mt-1 block">
-        <slot name="badges">
-          {#if nativeBadges}
-            <ANostrBadgeRow badges={nativeBadges} limit={badgeLimit} size="s" />
-          {/if}
-        </slot>
+        {#if badges}
+          {@render badges()}
+        {:else if nativeBadges}
+          <ANostrBadgeRow badges={nativeBadges} limit={badgeLimit} size="s" />
+        {/if}
       </span>
     {/if}
   </span>