daisy-ui-kit 5.0.0-pre.8 → 5.0.0-pre.9

package/app/components/Button.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
   is?: string
   join?: boolean
 
@@ -40,7 +40,9 @@ const props = defineProps<{
   xs?: boolean
 
   type?: 'button' | 'submit' | 'reset'
-}>()
+}>(), {
+  type: 'button',
+})
 
 // Accessibility: Determine if rendering a native button
 const isButton = computed(() => (props.is || 'button') === 'button')

package/app/components/Toast.vue

@@ -1,29 +1,72 @@
 <script setup lang="ts">
-defineProps<{
+import type { Toast } from '~/composables/use-toast'
+import { computed } from 'vue'
+import { useToast } from '~/composables/use-toast'
+
+// Explicit slot typing (Vue 3.4+ / Volar)
+interface ToastSlotProps {
+  toast?: Toast
+  removeToast?: (id: number) => void
+  [key: string]: unknown
+}
+const props = defineProps<{
+  /**
+   * Horizontal alignment (start, center, end)
+   */
   hAlign?: 'start' | 'center' | 'end'
   start?: boolean
   center?: boolean
   end?: boolean
-
+  /**
+   * Vertical alignment (top, middle, bottom)
+   */
   vAlign?: 'top' | 'middle' | 'bottom'
   top?: boolean
   middle?: boolean
   bottom?: boolean
+  /**
+   * Toast channel name (for named channels)
+   */
+  name?: string
+  /**
+   * Default toast settings for this channel (merged into every toast)
+   * Example: { duration: 6000, type: 'info', position: 'top-center' }
+   */
+  defaults?: Partial<Toast>
+}>()
+
+defineSlots<{
+  default: (props: ToastSlotProps) => any
 }>()
+
+// Extract useToast options from props (name, defaults, future-proof)
+const toastOptions = computed(() => {
+  const { name, defaults } = props
+  return { name, defaults }
+})
+
+const { toasts, removeToast } = useToast(toastOptions.value)
+const visibleToasts = computed(() => toasts.value ?? [])
 </script>
 
 <template>
   <div
     class="toast"
     :class="{
-      'toast-start': start || hAlign === 'start',
-      'toast-center': center || hAlign === 'center',
-      'toast-end': end || hAlign === 'end',
-      'toast-top': top || vAlign === 'top',
-      'toast-middle': middle || vAlign === 'middle',
-      'toast-bottom': bottom || vAlign === 'bottom',
+      'toast-start': props.start || props.hAlign === 'start',
+      'toast-center': props.center || props.hAlign === 'center',
+      'toast-end': props.end || props.hAlign === 'end',
+      'toast-top': props.top || props.vAlign === 'top',
+      'toast-middle': props.middle || props.vAlign === 'middle',
+      'toast-bottom': props.bottom || props.vAlign === 'bottom',
     }"
   >
+    <slot
+      v-for="toast in visibleToasts"
+      :key="toast.id"
+      :toast="toast"
+      :remove-toast="removeToast"
+    />
     <slot />
   </div>
 </template>

package/package.json

@@ -1,8 +1,22 @@
 {
   "name": "daisy-ui-kit",
   "type": "module",
-  "version": "5.0.0-pre.8",
+  "version": "5.0.0-pre.9",
   "packageManager": "pnpm@10.10.0",
+  "main": "./nuxt.js",
+  "module": "./nuxt.js",
+  "exports": {
+    ".": {
+      "import": "./nuxt.js",
+      "require": "./nuxt.js"
+    },
+    "./nuxt": {
+      "import": "./nuxt.js",
+      "require": "./nuxt.js"
+    },
+    "./components/*": "./app/components/*",
+    "./utils/*": "./app/utils/*"
+  },
   "files": [
     "app/components/*.vue",
     "app/utils/*",