@una-ui/nuxt 0.50.4 → 0.51.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.50.4",
+  "version": "0.51.0",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "0.50.4";
+const version = "0.51.0";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/data/table/Table.vue

@@ -7,8 +7,10 @@ import type {
   GroupingState,
   Header,
   PaginationState,
+  Row,
   RowSelectionState,
   SortingState,
+  Table,
   VisibilityState,
 } from '@tanstack/vue-table'
 import type { NTableProps } from '../../../types'
@@ -44,7 +46,12 @@ const props = withDefaults(defineProps <NTableProps<TData, TValue>>(), {
   enableSortingRemoval: true,
 })
 
-const emit = defineEmits(['select', 'selectAll', 'expand'])
+const emit = defineEmits<{
+  select: [row: TData]
+  selectAll: [rows: TData[]]
+  expand: [row: TData]
+  row: [event: Event, row: TData]
+}>()
 
 const slots = defineSlots()
 
@@ -73,22 +80,28 @@ const columnsWithMisc = computed(() => {
         {
           accessorKey: 'selection',
           header: props.enableMultiRowSelection
-            ? ({ table }: any) => h(Checkbox, {
+            ? ({ table }: { table: Table<TData> }) => h(Checkbox, {
                 'modelValue': table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected() && 'indeterminate'),
                 'onUpdate:modelValue': (value: boolean | 'indeterminate' | null) => {
                   table.toggleAllPageRowsSelected(!!value)
-                  emit('selectAll', table.getRowModel().rows)
+                  emit('selectAll', table.getRowModel().rows.map(row => row.original))
                 },
                 'areaLabel': 'Select all rows',
+                'onClick': (event: Event) => {
+                  event.stopPropagation()
+                },
               })
             : '',
-          cell: ({ row }: any) => h(Checkbox, {
+          cell: ({ row }: { row: Row<TData> }) => h(Checkbox, {
             'modelValue': row.getIsSelected() ?? false,
             'onUpdate:modelValue': (value: boolean | 'indeterminate' | null) => {
               row.toggleSelected(!!value)
-              emit('select', row)
+              emit('select', row.original)
             },
             'areaLabel': 'Select row',
+            'onClick': (event: Event) => {
+              event.stopPropagation()
+            },
           }),
           enableSorting: false,
         },
@@ -340,6 +353,7 @@ defineExpose({
                   :data-state="row.getIsSelected() && 'selected'"
                   :una
                   v-bind="props._tableRow"
+                  @click="emit('row', $event, row.original)"
                 >
                   <slot
                     name="row"

package/dist/runtime/components/data/table/TableBody.vue

@@ -1,19 +1,25 @@
 <script setup lang="ts">
 import type { NTableBodyProps } from '../../../types'
+import { reactiveOmit } from '@vueuse/core'
+import { Primitive } from 'reka-ui'
 import { cn } from '../../../utils'
 
-const props = defineProps<NTableBodyProps>()
+const props = withDefaults(defineProps<NTableBodyProps>(), {
+  as: 'tbody',
+})
+
+const rootProps = reactiveOmit(props, ['una', 'class'])
 </script>
 
 <template>
-  <tbody
+  <Primitive
     :class="cn(
       'table-body',
       props?.una?.tableBody,
       props.class,
     )"
-    v-bind="$attrs"
+    v-bind="{ ...rootProps, ...$attrs }"
   >
     <slot />
-  </tbody>
+  </Primitive>
 </template>

package/dist/runtime/components/data/table/TableCaption.vue

@@ -1,19 +1,25 @@
 <script setup lang="ts">
 import type { NTableCaptionProps } from '../../../types'
+import { reactiveOmit } from '@vueuse/core'
+import { Primitive } from 'reka-ui'
 import { cn } from '../../../utils'
 
-const props = defineProps<NTableCaptionProps>()
+const props = withDefaults(defineProps<NTableCaptionProps>(), {
+  as: 'caption',
+})
+
+const rootProps = reactiveOmit(props, ['una', 'class'])
 </script>
 
 <template>
-  <caption
+  <Primitive
     :class="cn(
       'table-caption',
       props?.una?.tableCaption,
       props.class,
     )"
-    v-bind="$attrs"
+    v-bind="{ ...rootProps, ...$attrs } "
   >
     <slot />
-  </caption>
+  </Primitive>
 </template>

package/dist/runtime/components/data/table/TableCell.vue

@@ -1,12 +1,18 @@
 <script setup lang="ts">
 import type { NTableCellProps } from '../../../types'
+import { reactiveOmit } from '@vueuse/core'
+import { Primitive } from 'reka-ui'
 import { cn } from '../../../utils'
 
-const props = defineProps<NTableCellProps>()
+const props = withDefaults(defineProps<NTableCellProps>(), {
+  as: 'td',
+})
+
+const rootProps = reactiveOmit(props, ['una', 'class'])
 </script>
 
 <template>
-  <td
+  <Primitive
     :class="
       cn(
         'table-cell',
@@ -16,8 +22,8 @@ const props = defineProps<NTableCellProps>()
         dataPinned === 'left' ? 'table-cell-pinned-left' : 'table-cell-pinned-right',
       )
     "
-    v-bind="$attrs"
+    v-bind="{ ...rootProps, ...$attrs }"
   >
     <slot />
-  </td>
+  </Primitive>
 </template>

package/dist/runtime/components/data/table/TableFooter.vue

@@ -1,18 +1,25 @@
 <script setup lang="ts">
 import type { NTableFooterProps } from '../../../types'
+import { reactiveOmit } from '@vueuse/core'
+import { Primitive } from 'reka-ui'
 import { cn } from '../../../utils'
 
-const props = defineProps<NTableFooterProps>()
+const props = withDefaults(defineProps<NTableFooterProps>(), {
+  as: 'tfoot',
+})
+
+const rootProps = reactiveOmit(props, ['una', 'class'])
 </script>
 
 <template>
-  <tfoot
+  <Primitive
     :class="cn(
       'table-footer',
       props.una?.tableFooter,
       props.class,
     )"
+    v-bind="{ ...rootProps, ...$attrs }"
   >
     <slot />
-  </tfoot>
+  </Primitive>
 </template>

package/dist/runtime/components/data/table/TableHead.vue

@@ -1,12 +1,18 @@
 <script setup lang="ts">
 import type { NTableHeadProps } from '../../../types'
+import { reactiveOmit } from '@vueuse/core'
+import { Primitive } from 'reka-ui'
 import { cn } from '../../../utils'
 
-const props = defineProps<NTableHeadProps>()
+const props = withDefaults(defineProps<NTableHeadProps>(), {
+  as: 'th',
+})
+
+const rootProps = reactiveOmit(props, ['una', 'class'])
 </script>
 
 <template>
-  <th
+  <Primitive
     :class="cn(
       'table-head',
       props.una?.tableHead,
@@ -14,8 +20,8 @@ const props = defineProps<NTableHeadProps>()
       { 'table-head-pinned': props.dataPinned },
       props.dataPinned === 'left' ? 'table-head-pinned-left' : 'table-head-pinned-right',
     )"
-    v-bind="$attrs"
+    v-bind="{ ...rootProps, ...$attrs }"
   >
     <slot />
-  </th>
+  </Primitive>
 </template>

package/dist/runtime/components/data/table/TableHeader.vue

@@ -1,19 +1,25 @@
 <script setup lang="ts">
 import type { NTableHeaderProps } from '../../../types'
+import { reactiveOmit } from '@vueuse/core'
+import { Primitive } from 'reka-ui'
 import { cn } from '../../../utils'
 
-const props = defineProps<NTableHeaderProps>()
+const props = withDefaults(defineProps<NTableHeaderProps>(), {
+  as: 'thead',
+})
+
+const rootProps = reactiveOmit(props, ['una', 'class'])
 </script>
 
 <template>
-  <thead
+  <Primitive
     :class="cn(
       'table-header',
       props?.una?.tableHeader,
       props.class,
     )"
-    v-bind="$attrs"
+    v-bind="{ ...rootProps, ...$attrs }"
   >
     <slot />
-  </thead>
+  </Primitive>
 </template>

package/dist/runtime/components/data/table/TableRow.vue

@@ -1,19 +1,25 @@
 <script setup lang="ts">
 import type { NTableRowProps } from '../../../types'
+import { reactiveOmit } from '@vueuse/core'
+import { Primitive } from 'reka-ui'
 import { cn } from '../../../utils'
 
-const props = defineProps<NTableRowProps>()
+const props = withDefaults(defineProps<NTableRowProps>(), {
+  as: 'tr',
+})
+
+const rootProps = reactiveOmit(props, ['una', 'class'])
 </script>
 
 <template>
-  <tr
+  <Primitive
     :class="cn(
       'table-row',
       props.una?.tableRow,
       props.class,
     )"
-    v-bind="$attrs"
+    v-bind="{ ...rootProps, ...$attrs }"
   >
     <slot />
-  </tr>
+  </Primitive>
 </template>

package/dist/runtime/components/slots/FormFieldDefault.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor)[];
+        type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
         required: false;
     };
     id: {
@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor)[];
+        type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
         required: false;
     };
     id: {

package/dist/runtime/plugins/theme.client.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/plugins/theme.server.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/types/button.d.ts

@@ -125,5 +125,17 @@ export interface NButtonProps extends BaseExtensionProps {
         btnLeading?: string;
         btnLoadingIcon?: string;
     };
+    /**
+     * Support for `@click` event handler.
+     *
+     * This property is explicitly defined to provide proper TypeScript support when:
+     * 1. Using the component with dynamic properties (e.g., v-bind="props")
+     * 2. Passing event handlers via object syntax in parent components
+     * 3. Using camelCase event handlers in JSX/TSX contexts
+     *
+     * Without this definition, TypeScript would raise type errors when trying to pass
+     * an onClick handler to the component through object properties.
+     */
+    onClick?: (e: Event) => void;
 }
 export {};

package/dist/runtime/types/table.d.ts

@@ -1,4 +1,5 @@
 import type { ColumnDef, CoreOptions, GroupColumnDef } from '@tanstack/vue-table';
+import type { PrimitiveProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import type { NProgressProps } from './progress.js';
 import type { NScrollAreaProps, NScrollAreaUnaProps } from './scroll-area.js';
@@ -122,28 +123,28 @@ export interface NTableProps<TData, TValue> extends Omit<CoreOptions<TData>, 'da
      */
     una?: NTableUnaProps & NScrollAreaUnaProps;
 }
-export interface NTableBodyProps {
+export interface NTableBodyProps extends PrimitiveProps {
     class?: HTMLAttributes['class'];
     una?: Pick<NTableUnaProps, 'tableBody'>;
 }
-export interface NTableHeadProps {
+export interface NTableHeadProps extends PrimitiveProps {
     class?: HTMLAttributes['class'];
     dataPinned?: 'left' | 'right' | false;
     una?: Pick<NTableUnaProps, 'tableHead'>;
 }
-export interface NTableHeaderProps {
+export interface NTableHeaderProps extends PrimitiveProps {
     class?: HTMLAttributes['class'];
     una?: Pick<NTableUnaProps, 'tableHeader'>;
 }
-export interface NTableFooterProps {
+export interface NTableFooterProps extends PrimitiveProps {
     class?: HTMLAttributes['class'];
     una?: Pick<NTableUnaProps, 'tableFooter'>;
 }
-export interface NTableRowProps {
+export interface NTableRowProps extends PrimitiveProps {
     class?: HTMLAttributes['class'];
     una?: Pick<NTableUnaProps, 'tableRow'>;
 }
-export interface NTableCellProps {
+export interface NTableCellProps extends PrimitiveProps {
     class?: HTMLAttributes['class'];
     dataPinned?: 'left' | 'right' | false;
     una?: Pick<NTableUnaProps, 'tableCell'>;
@@ -165,7 +166,7 @@ export interface NTableLoadingProps {
     _tableProgress?: NProgressProps;
     una?: Pick<NTableUnaProps, 'tableLoading' | 'tableLoadingCell' | 'tableLoadingRow'>;
 }
-export interface NTableCaptionProps {
+export interface NTableCaptionProps extends PrimitiveProps {
     class?: HTMLAttributes['class'];
     una?: Pick<NTableUnaProps, 'tableCaption'>;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.50.4",
+  "version": "0.51.0",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -59,8 +59,8 @@
     "typescript": "5.6.3",
     "unocss": "^66.0.0",
     "unocss-preset-animations": "^1.1.1",
-    "@una-ui/extractor-vue-script": "^0.50.4",
-    "@una-ui/preset": "^0.50.4"
+    "@una-ui/extractor-vue-script": "^0.51.0",
+    "@una-ui/preset": "^0.51.0"
   },
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.34",