daisy-ui-kit 5.0.0-pre.18 → 5.0.0-pre.19

package/app/components/Badge.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { computed, resolveComponent } from 'vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const { is = 'div', ...props } = defineProps<{
   is?: string
   outline?: boolean
@@ -39,6 +43,7 @@ const resolvedComponent = computed(() => {
 <template>
   <component
     :is="resolvedComponent"
+    v-bind="$attrs"
     class="badge"
     :class="{
       'badge-outline': props.outline,

package/app/components/Button.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { computed, resolveComponent } from 'vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const props = withDefaults(
   defineProps<{
     is?: string
@@ -78,6 +82,7 @@ function onKeydown(e: KeyboardEvent) {
 <template>
   <component
     :is="resolvedComponent"
+    v-bind="$attrs"
     :type="isButton ? type : undefined"
     :disabled="isButton && disabled ? true : undefined"
     :aria-disabled="!isButton && disabled ? true : undefined"

package/app/components/Card.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { computed, resolveComponent } from 'vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const { is = 'div', ...props } = defineProps<{
   is?: string
   border?: boolean
@@ -28,6 +32,7 @@ const resolvedComponent = computed(() => {
 <template>
   <component
     :is="resolvedComponent"
+    v-bind="$attrs"
     class="card"
     :class="{
       'card-border': props.border,

package/app/components/DaisyLink.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { computed, resolveComponent } from 'vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const props = withDefaults(
   defineProps<{
     is?: string
@@ -33,6 +37,7 @@ const resolvedComponent = computed(() => {
 <template>
   <component
     :is="resolvedComponent"
+    v-bind="$attrs"
     class="link"
     :class="{
       'link-neutral': neutral || color === 'neutral',

package/app/components/Fieldset.vue

@@ -1,4 +1,8 @@
 <script setup lang="ts">
+defineOptions({
+  inheritAttrs: false,
+})
+
 const { is = 'fieldset', legend } = defineProps<{
   is?: string
   legend?: string
@@ -6,7 +10,7 @@ const { is = 'fieldset', legend } = defineProps<{
 </script>
 
 <template>
-  <component :is="is" class="fieldset bg-base-200 border-base-300 rounded-box border p-4">
+  <component :is="is" v-bind="$attrs" class="fieldset bg-base-200 border-base-300 rounded-box border p-4">
     <legend v-if="legend" class="fieldset-legend">
       {{ legend }}
     </legend>

package/app/components/Filter.vue

@@ -1,12 +1,9 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 
-interface FilterItem {
-  label: string
-  value: any
-}
-
-type FilterItemInput = string | FilterItem
+defineOptions({
+  inheritAttrs: false,
+})
 
 const props = withDefaults(
   defineProps<{
@@ -44,6 +41,13 @@ const props = withDefaults(
 
 const emit = defineEmits(['update:modelValue'])
 
+interface FilterItem {
+  label: string
+  value: any
+}
+
+type FilterItemInput = string | FilterItem
+
 const currentValue = computed({
   get: () => props.modelValue,
   set(val) {
@@ -62,7 +66,7 @@ const normalizedItems = computed(() => {
 </script>
 
 <template>
-  <component :is="props.is" class="filter">
+  <component :is="props.is" v-bind="$attrs" class="filter">
     <!-- Reset button at start -->
     <input
       v-if="resetLabel && (start || position === 'start')"

package/app/components/Flex.vue

@@ -1,4 +1,8 @@
 <script setup lang="ts">
+defineOptions({
+  inheritAttrs: false,
+})
+
 const { is = 'div', ...props } = defineProps<{
   is?: string | object
   join?: boolean
@@ -45,6 +49,7 @@ const { is = 'div', ...props } = defineProps<{
 <template>
   <component
     :is="is"
+    v-bind="$attrs"
     class="flex"
     :class="{
       'join-item': props.join,

package/app/components/Indicator.vue

@@ -1,4 +1,8 @@
 <script setup lang="ts">
+defineOptions({
+  inheritAttrs: false,
+})
+
 withDefaults(
   defineProps<{
     is?: string
@@ -10,7 +14,7 @@ withDefaults(
 </script>
 
 <template>
-  <component :is="is" class="indicator">
+  <component :is="is" v-bind="$attrs" class="indicator">
     <slot />
   </component>
 </template>

package/app/components/IndicatorItem.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const props = withDefaults(
   defineProps<{
     is?: string
@@ -33,7 +37,7 @@ const classes = computed(() => {
 </script>
 
 <template>
-  <component :is="is" class="indicator-item" :class="classes">
+  <component :is="is" v-bind="$attrs" class="indicator-item" :class="classes">
     <slot />
   </component>
 </template>

package/app/components/Stack.vue

@@ -1,4 +1,8 @@
 <script setup lang="ts">
+defineOptions({
+  inheritAttrs: false,
+})
+
 const { is = 'div' } = defineProps<{
   is?: string
   direction?: 'top' | 'end' | 'bottom' | 'start'
@@ -12,6 +16,7 @@ const { is = 'div' } = defineProps<{
 <template>
   <component
     :is="is"
+    v-bind="$attrs"
     class="stack"
     :class="{
       'stack-top': top || direction === 'top',

package/app/components/Tab.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { computed, inject, resolveComponent } from 'vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const {
   is = 'label',
   name,
@@ -30,6 +34,7 @@ if (!tabManager.currentTab.value) {
 <template>
   <component
     :is="resolvedComponent"
+    v-bind="$attrs"
     class="tab"
     :class="{
       'tab-active': props.active || tabManager.currentTab.value === name,

package/app/components/Text.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { computed, resolveComponent } from 'vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const props = defineProps<{
   is?: string
   join?: boolean
@@ -92,7 +96,7 @@ const resolvedComponent = computed(() => {
 <template>
   <component
     :is="resolvedComponent"
-    v-bind="label ? { 'data-role': 'label' } : {}"
+    v-bind="{ ...$attrs, ...(label ? { 'data-role': 'label' } : {}) }"
     :class="{
       'join-item': join,
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "daisy-ui-kit",
   "type": "module",
-  "version": "5.0.0-pre.18",
+  "version": "5.0.0-pre.19",
   "packageManager": "pnpm@10.10.0",
   "author": "feathers.dev",
   "exports": {