@alfakit/vue 0.1.11 → 0.1.12

package/src/components/panel/PwaMenuItems.vue

@@ -3,6 +3,7 @@ import { canInstallPwa, pwaStore, subscribeToPush, unsubscribeFromPush } from '@
 import { BellIcon, BellOffIcon, DownloadIcon } from '@lucide/vue'
 import { computed } from 'vue'
 import { toast } from 'vue-sonner'
+import { toastOptions } from '../notifications/flash-toasts'
 import { useStore } from '../../composables/use-store'
 import { usePanel, useT } from '../../context'
 import { Icon } from '../../lib/icons'
@@ -23,15 +24,25 @@ async function togglePush() {
     state.value.push === 'subscribed' ? await unsubscribeFromPush() : await subscribeToPush()
 
   if (outcome === 'subscribed') {
-    toast.success(t('pwa.notifications.enabled', {}, 'Notifications are on for this device'))
+    toast.success(
+      t('pwa.notifications.enabled', {}, 'Notifications are on for this device'),
+      toastOptions(),
+    )
   } else if (outcome === 'unsubscribed') {
-    toast.success(t('pwa.notifications.disabled', {}, 'Notifications are off for this device'))
+    toast.success(
+      t('pwa.notifications.disabled', {}, 'Notifications are off for this device'),
+      toastOptions(),
+    )
   } else if (outcome === 'denied') {
     toast.error(
       t('pwa.notifications.blocked', {}, 'Notifications are blocked in your browser settings'),
+      toastOptions(),
     )
   } else {
-    toast.error(t('pwa.notifications.failed', {}, 'Couldn’t change notifications. Try again.'))
+    toast.error(
+      t('pwa.notifications.failed', {}, 'Couldn’t change notifications. Try again.'),
+      toastOptions(),
+    )
   }
 }
 </script>

package/src/components/panel/ShortcutsOverlay.vue

@@ -216,7 +216,7 @@ const update = (next: boolean) => {
                       t(
                         'shortcuts.reset_label',
                         { label: item.label },
-                        `Restore the default shortcut for ${item.label}`,
+                        `Reset the shortcut for ${item.label}`,
                       )
                     "
                     @click="save(item.id, null)"

package/src/components/panel/pwa.ts

@@ -1,5 +1,6 @@
 import { promptPwaInstall, type Translator } from '@alfakit/core'
 import { toast } from 'vue-sonner'
+import { toastOptions } from '../notifications/flash-toasts'
 
 /** Show the browser's install prompt, or the "Add to Home Screen" hint on iOS Safari. */
 export async function installPwa(t: Translator['t']): Promise<void> {
@@ -10,7 +11,7 @@ export async function installPwa(t: Translator['t']): Promise<void> {
         {},
         'To install this app, tap the Share button and then “Add to Home Screen”.',
       ),
-      { duration: 10000 },
+      toastOptions({ duration: 10000 }),
     )
   }
 }

package/src/components/table/TableCellContent.vue

@@ -191,7 +191,9 @@ const descriptionPosition = computed(
         data-slot="image-remaining"
         :class="
           cn(
-            'text-muted-foreground ms-1',
+            'text-muted-foreground',
+            // The last image keeps the stack's negative end margin (W-S3-03).
+            imageSchema.stacked && defaultImageStack ? 'ms-3' : 'ms-1',
             remainingTextSizeClass(imageSchema.limitedRemainingTextSize),
           )
         "

package/src/pages/ContentBlockRenderer.vue

@@ -38,7 +38,7 @@ const mainTable = computed(() => props.block.type === 'Table' && props.block.key
   <div v-else-if="props.block.type === 'Infolist'" data-slot="infolist" class="contents">
     <SchemaRenderer
       :components="(props.block as InfolistBlock).components"
-      :columns="{ default: 1, lg: 2 }"
+      :columns="(props.block as InfolistBlock).columns ?? { default: 1, lg: 2 }"
     />
   </div>
   <SchemaRenderer