@una-ui/nuxt 0.44.2 → 0.46.0

package/dist/module.d.mts

@@ -1,5 +1,6 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { UnaSettings } from '../dist/runtime/types/index.js';
+export * from '../dist/runtime/types/index.js';
 
 declare module '@nuxt/schema' {
     interface AppConfigInput {

package/dist/module.d.ts

@@ -1,5 +1,6 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { UnaSettings } from '../dist/runtime/types/index.js';
+export * from '../dist/runtime/types/index.js';
 
 declare module '@nuxt/schema' {
     interface AppConfigInput {

package/dist/module.json

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

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addComponentsDir, addPlugin, addImportsDir, installModule } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, installModule, addComponentsDir, addImportsDir, addPlugin } from '@nuxt/kit';
 import extendUnocssOptions from './una.config.mjs';
 import '@iconify/utils/lib/loader/external-pkg';
 import '@una-ui/extractor-vue-script';
@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "0.44.2";
+const version = "0.46.0";
 
 const module = defineNuxtModule({
   meta: {
@@ -28,6 +28,7 @@ const module = defineNuxtModule({
   async setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
     nuxt.options.css.unshift("@una-ui/preset/una.css");
+    nuxt.options.alias["#una"] = resolve("./runtime");
     nuxt.options.appConfig.una = {
       ...{
         primary: "yellow",
@@ -37,164 +38,15 @@ const module = defineNuxtModule({
       },
       ...nuxt.options.appConfig.una || {}
     };
+    nuxt.options.app.rootAttrs = nuxt.options.app.rootAttrs || {};
+    nuxt.options.app.rootAttrs.class = [nuxt.options.app.rootAttrs.class, "isolate"].filter(Boolean).join(" ");
     const runtimeDir = resolve("./runtime");
     nuxt.options.build.transpile.push(runtimeDir);
     nuxt.options.build.transpile.push("@headlessui/vue");
-    addComponentsDir({
-      path: resolve(runtimeDir, "components", "elements"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/elements", "tabs"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/elements", "card"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/elements", "dropdown-menu"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/elements", "popover"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/elements", "collapsible"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/elements", "tooltip"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/elements", "pagination"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/elements", "dialog"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components", "forms"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/forms", "select"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/forms", "radio-group"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components", "misc"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components", "navigation"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/data", "table"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/navigation", "breadcrumb"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components", "overlays"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components/overlays", "toast"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components", "sheet"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components", "sidebar"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    addComponentsDir({
-      path: resolve(runtimeDir, "components", "scroll-area"),
-      prefix: options.prefix,
-      global: options.global,
-      watch: options.dev,
-      priority: 10
-    });
-    if (options.themeable) {
-      addPlugin(resolve(runtimeDir, "plugins", "theme.client"));
-      addPlugin(resolve(runtimeDir, "plugins", "theme.server"));
-    }
-    addImportsDir(resolve(runtimeDir, "utils", "cn"));
     await installModule("@unocss/nuxt", extendUnocssOptions(nuxt.options.unocss));
     await installModule("@nuxtjs/color-mode", {
-      classSuffix: ""
+      classSuffix: "",
+      disableTransition: true
     });
     await installModule("@vueuse/nuxt");
     await installModule("reka-ui/nuxt", {
@@ -208,7 +60,18 @@ const module = defineNuxtModule({
         ErrorMessage: `${options.prefix}FormErrorMessage`
       }
     });
+    addComponentsDir({
+      path: resolve("./runtime/components"),
+      prefix: options.prefix,
+      pathPrefix: false,
+      priority: 10
+    });
     addImportsDir(resolve(runtimeDir, "composables"));
+    if (options.themeable) {
+      addPlugin(resolve(runtimeDir, "plugins", "theme.client"));
+      addPlugin(resolve(runtimeDir, "plugins", "theme.server"));
+    }
+    addImportsDir(resolve(runtimeDir, "utils", "cn"));
   }
 });
 

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')
@@ -90,7 +91,6 @@ const columnsWithMisc = computed(() => {
             'areaLabel': 'Select row',
           }),
           enableSorting: false,
-          enableHiding: false,
         },
         ...props.columns,
       ]

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

@@ -43,7 +43,9 @@ const forwardedProps = useForwardProps(delegatedProps)
           ...forwardedProps.una,
         }"
       >
-        <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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.44.2",
+  "version": "0.46.0",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -13,13 +13,24 @@
   },
   "exports": {
     ".": {
+      "types": "./dist/types.d.ts",
       "import": "./dist/module.mjs",
       "require": "./dist/module.cjs"
     },
     "./una.config": {
       "import": "./dist/una.config.mjs"
+    },
+    "./runtime/*": "./dist/runtime/*",
+    "./components/*": "./dist/runtime/components/*",
+    "./composables/*": "./dist/runtime/composables/*",
+    "./utils/*": {
+      "types": "./dist/runtime/utils/*.d.ts",
+      "import": "./dist/runtime/utils/*.js"
     }
   },
+  "imports": {
+    "#build/una/*": "./.nuxt/una/*.ts"
+  },
   "main": "./dist/module.cjs",
   "types": "./dist/types.d.ts",
   "files": [
@@ -28,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",
@@ -43,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/extractor-vue-script": "^0.44.2",
-    "@una-ui/preset": "^0.44.2"
+    "@una-ui/extractor-vue-script": "^0.46.0",
+    "@una-ui/preset": "^0.46.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": {