@una-ui/nuxt 0.45.0 → 0.47.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.45.0",
+  "version": "0.47.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.45.0";
+const version = "0.47.0";
 
 const module = defineNuxtModule({
   meta: {

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

@@ -7,6 +7,7 @@ import type {
   GroupingState,
   Header,
   PaginationState,
+  RowSelectionState,
   SortingState,
   VisibilityState,
 } from '@tanstack/vue-table'
@@ -47,7 +48,7 @@ const emit = defineEmits(['select', 'selectAll', 'expand'])
 
 const slots = defineSlots()
 
-const rowSelection = defineModel<Record<string, boolean>>('modelValue')
+const rowSelection = defineModel<RowSelectionState>('rowSelection')
 const sorting = defineModel<SortingState>('sorting')
 const columnVisibility = defineModel<VisibilityState>('columnVisibility')
 const columnFilters = defineModel<ColumnFiltersState>('columnFilters')

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

@@ -20,7 +20,7 @@ const delegatedProps = computed(() => {
   <TableRow
     :class="cn(
       'table-loading-row',
-      props.una?.tableRow,
+      props.una?.tableLoadingRow,
     )"
     data-loading="true"
     v-bind="delegatedProps._tableRow"
@@ -29,7 +29,7 @@ const delegatedProps = computed(() => {
       :class="
         cn(
           'table-loading-cell',
-          props.una?.tableCell,
+          props.una?.tableLoadingCell,
         )
       "
       :colspan="0"

package/dist/runtime/components/elements/Toggle.vue

@@ -35,6 +35,8 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     :toggle-on
     :as="Button"
   >
-    <slot v-for="(slotContent, slotName) in $slots" :name="slotName" v-bind="slotContent" />
+    <template v-for="(_, name) in $slots" #[name]="slotData">
+      <slot :name="name" v-bind="slotData" />
+    </template>
   </Toggle>
 </template>

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuItem.vue

@@ -42,8 +42,11 @@ const forwardedProps = useForwardProps(delegatedProps)
           btnTrailing: cn('dropdown-menu-item-trailing', forwardedProps.una?.btnTrailing),
           ...forwardedProps.una,
         }"
+        @click="forwardedProps.onSelect"
       >
-        <slot v-for="(slotContent, slotName) in $slots" :name="slotName" v-bind="slotContent" />
+        <template v-for="(_, name) in $slots" #[name]="slotData">
+          <slot :name="name" v-bind="slotData" />
+        </template>
 
         <template
           v-if="forwardedProps.shortcut"

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -41,7 +41,9 @@ const forwardedProps = useForwardProps(delegatedProps)
       }"
       trailing="dropdown-menu-sub-trigger-trailing-icon"
     >
-      <slot v-for="(slotContent, slotName) in $slots" :name="slotName" v-bind="slotContent" />
+      <template v-for="(_, name) in $slots" #[name]="slotData">
+        <slot :name="name" v-bind="slotData" />
+      </template>
     </Button>
   </dropdownmenusubtrigger>
 </template>

package/dist/runtime/components/elements/pagination/PaginationListItem.vue

@@ -38,7 +38,9 @@ const forwardedProps = useForwardProps(delegatedProps)
         props.class,
       )"
     >
-      <slot v-for="(slotContent, slotName) in $slots" :name="slotName" v-bind="slotContent" />
+      <template v-for="(_, name) in $slots" #[name]="slotData">
+        <slot :name="name" v-bind="slotData" />
+      </template>
     </Button>
   </PaginationListItem>
 </template>

package/dist/runtime/components/overlays/Toaster.vue

@@ -26,7 +26,9 @@ const { toasts } = useToast()
       :key="t.id"
       v-bind="{ ..._toast, ...$attrs, ...t }"
     >
-      <slot v-for="(slotContent, slotName) in $slots" :name="slotName" v-bind="slotContent" />
+      <template v-for="(_, name) in $slots" #[name]="slotData">
+        <slot :name="name" v-bind="slotData" />
+      </template>
     </Toast>
 
     <ToastViewport v-bind="_toastViewport" />

package/dist/runtime/components/overlays/toast/ToastAction.vue

@@ -31,7 +31,9 @@ const delegatedProps = computed(() => {
       :id="randomId('toast-action')"
       :class="cn('toast-action', props.class)"
     >
-      <slot v-for="(slotContent, slotName) in $slots" :name="slotName" v-bind="slotContent" />
+      <template v-for="(_, name) in $slots" #[name]="slotData">
+        <slot :name="name" v-bind="slotData" />
+      </template>
     </Button>
   </ToastAction>
 </template>

package/dist/runtime/types/dropdown-menu.d.ts

@@ -1,5 +1,6 @@
-import type { DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuLabelProps, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps } from 'reka-ui';
+import type { DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
+import type { FocusOutsideEvent, PointerDownOutsideEvent } from './/index.js';
 import type { NButtonProps } from './button.js';
 import type { NSeparatorProps } from './separator.js';
 /**
@@ -14,7 +15,7 @@ interface BaseExtensions {
 /**
  * Props for the NDropdownMenu component.
  */
-export interface NDropdownMenuProps extends Omit<NDropdownMenuRootProps, 'class' | 'size'>, Omit<NDropdownMenuTriggerProps, 'una'>, Pick<NDropdownMenuItemProps, 'shortcut' | 'dropdownMenuItem' | 'onClick'> {
+export interface NDropdownMenuProps extends Omit<NDropdownMenuRootProps, 'class' | 'size'>, Omit<NDropdownMenuTriggerProps, 'una'>, Omit<NDropdownMenuItemProps, 'una'> {
     /** Label for the menu */
     menuLabel?: string;
     /** Items in the dropdown menu */
@@ -62,6 +63,16 @@ export interface NDropdownMenuTriggerProps extends NButtonProps, DropdownMenuTri
  * Props for the NDropdownMenuContent component.
  */
 export interface NDropdownMenuContentProps extends BaseExtensions, DropdownMenuContentProps {
+    /** Event handler called when auto-focusing on close. Can be prevented. */
+    onCloseAutoFocus?: (e: Event) => void;
+    /** Event handler called when the escape key is down. Can be prevented. */
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    /** Event handler called when the focus moves outside of the DismissableLayer. Can be prevented. */
+    onFocusOutside?: (e: FocusOutsideEvent) => void;
+    /** Event handler called when an interaction happens outside the DismissableLayer. Can be prevented. */
+    onInteractOutside?: (e: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+    /** Event handler called when a pointerdown event happens outside of the DismissableLayer. Can be prevented. */
+    onPointerDownOutside?: (e: PointerDownOutsideEvent) => void;
     /** Additional properties for the una component */
     una?: NDropdownMenuUnaProps['dropdownMenuContent'];
 }
@@ -100,7 +111,7 @@ export interface NDropdownMenuSubContentProps extends BaseExtensions, DropdownMe
 /**
  * Props for the NDropdownMenuItem component.
  */
-export interface NDropdownMenuItemProps extends NButtonProps {
+export interface NDropdownMenuItemProps extends DropdownMenuItemProps, NButtonProps {
     /** Dropdown menu item */
     dropdownMenuItem?: HTMLAttributes['class'];
     /** Whether the item is inset */
@@ -111,8 +122,8 @@ export interface NDropdownMenuItemProps extends NButtonProps {
     _dropdownMenuShortcut?: Partial<NDropdownMenuShortcutProps>;
     /** Additional properties for the una component */
     una?: NDropdownMenuUnaProps['dropdownMenuItem'] & NButtonProps['una'];
-    /** Click event handler */
-    onClick?: () => void;
+    /** Select event handler */
+    onSelect?: (e: Event) => void;
 }
 /**
  * Props for the NDropdownMenuSubTrigger component.

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

@@ -59,3 +59,8 @@ export interface UnaSettings {
     fontSize: number;
     radius: number;
 }
+export type OutsideEvent<T extends Event> = CustomEvent<{
+    originalEvent: T;
+}>;
+export type PointerDownOutsideEvent = OutsideEvent<PointerEvent>;
+export type FocusOutsideEvent = OutsideEvent<FocusEvent>;

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

@@ -163,7 +163,7 @@ export interface NTableLoadingProps {
     _tableCell?: NTableCellProps;
     _tableRow?: NTableRowProps;
     _tableProgress?: NProgressProps;
-    una?: Pick<NTableUnaProps, 'tableLoading' | 'tableRow' | 'tableCell'>;
+    una?: Pick<NTableUnaProps, 'tableLoading' | 'tableLoadingCell' | 'tableLoadingRow'>;
 }
 export interface NTableCaptionProps {
     class?: HTMLAttributes['class'];
@@ -181,5 +181,7 @@ interface NTableUnaProps {
     tableCaption?: HTMLAttributes['class'];
     tableEmpty?: HTMLAttributes['class'];
     tableLoading?: HTMLAttributes['class'];
+    tableLoadingRow?: HTMLAttributes['class'];
+    tableLoadingCell?: HTMLAttributes['class'];
 }
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.45.0",
+  "version": "0.47.0",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -39,7 +39,7 @@
   "dependencies": {
     "@headlessui/vue": "^1.7.23",
     "@iconify/utils": "^2.3.0",
-    "@nuxt/kit": "^3.16.0",
+    "@nuxt/kit": "^3.16.1",
     "@nuxtjs/color-mode": "^3.5.2",
     "@tanstack/vue-table": "^8.21.2",
     "@unocss/core": "^66.0.0",
@@ -54,21 +54,21 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "ohash": "^1.1.6",
-    "reka-ui": "^2.1.0",
+    "reka-ui": "^2.1.1",
     "tailwind-merge": "^3.0.2",
     "typescript": "5.6.3",
     "unocss": "^66.0.0",
     "unocss-preset-animations": "^1.1.1",
-    "@una-ui/preset": "^0.45.0",
-    "@una-ui/extractor-vue-script": "^0.45.0"
+    "@una-ui/extractor-vue-script": "^0.47.0",
+    "@una-ui/preset": "^0.47.0"
   },
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.32",
     "@iconify-json/radix-icons": "^1.2.2",
     "@iconify-json/tabler": "^1.2.17",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.16.0",
-    "nuxt": "^3.16.0",
+    "@nuxt/schema": "^3.16.1",
+    "nuxt": "^3.16.1",
     "zod": "^3.24.2"
   },
   "publishConfig": {