@una-ui/nuxt 0.65.0 → 0.67.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.65.0",
+  "version": "0.67.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.65.0";
+const version = "0.67.0";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/combobox/Combobox.vue

@@ -19,9 +19,10 @@ import ComboboxTrigger from "./ComboboxTrigger.vue";
 import ComboboxViewport from "./ComboboxViewport.vue";
 const props = defineProps({
   modelValue: { type: null, required: false },
+  defaultValue: { type: null, required: false },
   items: { type: Array, required: false },
-  labelKey: { type: null, required: false },
-  valueKey: { type: null, required: false },
+  labelKey: { type: null, required: false, default: "label" },
+  valueKey: { type: null, required: false, default: "value" },
   groupSeparator: { type: Boolean, required: false },
   textEmpty: { type: String, required: false, default: "No items found." },
   label: { type: String, required: false },
@@ -48,7 +49,7 @@ const props = defineProps({
   openOnFocus: { type: Boolean, required: false },
   openOnClick: { type: Boolean, required: false },
   ignoreFilter: { type: Boolean, required: false },
-  defaultValue: { type: null, required: false },
+  resetModelValueOnClear: { type: Boolean, required: false },
   dir: { type: String, required: false },
   disabled: { type: Boolean, required: false },
   highlightOnHover: { type: Boolean, required: false },
@@ -86,8 +87,6 @@ const rootProps = reactiveOmit(props, [
   "_comboboxCheckbox"
 ]);
 const forwarded = useForwardPropsEmits(rootProps, emits);
-const labelKey = computed(() => props.labelKey?.toString() ?? "label");
-const valueKey = computed(() => props.valueKey?.toString() ?? "value");
 const hasGroups = computed(() => {
   return Array.isArray(props.items) && props.items.length > 0 && typeof props.items[0] === "object" && "items" in props.items[0];
 });
@@ -96,46 +95,44 @@ function getItemProperty(item, key) {
     return "";
   return typeof item !== "object" ? item : item[key];
 }
-function findItemByValue(value) {
-  if (!props.items)
-    return void 0;
-  if (hasGroups.value) {
-    for (const group of props.items) {
-      const found = group.items?.find((item) => getItemProperty(item, valueKey.value) === value);
-      if (found)
-        return found;
-    }
-    return void 0;
-  } else {
-    return props.items.find((item) => getItemProperty(item, valueKey.value) === value);
-  }
-}
 function getDisplayValue(val) {
-  if (!val || Array.isArray(val) && val.length === 0)
+  if (val == null || Array.isArray(val) && val.length === 0)
     return "";
-  if (props.multiple && Array.isArray(val)) {
+  if (Array.isArray(val)) {
     return val.map((v) => {
       if (typeof v !== "object" || v === null) {
-        const item = findItemByValue(v);
-        return item ? getItemProperty(item, labelKey.value) : v;
+        return String(v);
       }
-      return getItemProperty(v, labelKey.value) || getItemProperty(v, valueKey.value) || "";
-    }).filter(Boolean).join(", ");
+      return getItemProperty(v, props.labelKey) || getItemProperty(v, props.valueKey) || "";
+    }).filter((v) => v !== null && v !== void 0).join(", ");
   }
   if (typeof val !== "object" || val === null) {
-    const item = findItemByValue(val);
-    return item ? getItemProperty(item, labelKey.value) : String(val || "");
+    return String(val);
   }
-  return getItemProperty(val, labelKey.value) || getItemProperty(val, valueKey.value) || "";
+  return getItemProperty(val, props.labelKey) || getItemProperty(val, props.valueKey) || "";
 }
 function isItemSelected(item) {
-  if (item == null)
+  if (item == null || !props.modelValue)
     return false;
-  const itemValue = getItemProperty(item, valueKey.value);
-  if (props.multiple && Array.isArray(props.modelValue)) {
-    return props.modelValue.includes(itemValue);
+  if (typeof item !== "object") {
+    if (Array.isArray(props.modelValue)) {
+      return props.modelValue.includes(item);
+    }
+    return props.modelValue === item;
+  }
+  const itemValue = getItemProperty(item, props.valueKey);
+  if (Array.isArray(props.modelValue)) {
+    return props.modelValue.some((v) => {
+      if (typeof v !== "object" || v === null) {
+        return v === itemValue;
+      }
+      return getItemProperty(v, props.valueKey) === itemValue;
+    });
+  }
+  if (typeof props.modelValue !== "object" || props.modelValue === null) {
+    return props.modelValue === itemValue;
   }
-  return typeof props.modelValue === "object" && props.modelValue !== null ? getItemProperty(props.modelValue, valueKey.value) === itemValue : props.modelValue === itemValue;
+  return getItemProperty(props.modelValue, props.valueKey) === itemValue;
 }
 </script>
 
@@ -252,8 +249,8 @@ function isItemSelected(item) {
                   <slot name="group">
                     <ComboboxItem
                       v-for="item in items"
-                      :key="getItemProperty(item, valueKey)"
-                      :value="props.multiple ? getItemProperty(item, valueKey) : item"
+                      :key="getItemProperty(item, props.valueKey)"
+                      :value="item"
                       :size
                       v-bind="props._comboboxItem"
                       :class="cn(
@@ -263,7 +260,7 @@ function isItemSelected(item) {
                     >
                       <slot name="item" :item="item" :selected="isItemSelected(item)">
                         <slot name="label" :item="item">
-                          {{ getItemProperty(item, labelKey) }}
+                          {{ getItemProperty(item, props.labelKey) }}
                         </slot>
 
                         <ComboboxItemIndicator
@@ -298,8 +295,8 @@ function isItemSelected(item) {
                   <slot name="group" :group="group">
                     <ComboboxItem
                       v-for="item in group.items"
-                      :key="getItemProperty(item, valueKey)"
-                      :value="props.multiple ? getItemProperty(item, valueKey) : item"
+                      :key="getItemProperty(item, props.valueKey)"
+                      :value="item"
                       :size
                       v-bind="{ ...props._comboboxItem, ...group._comboboxItem }"
                       :class="cn(
@@ -309,7 +306,7 @@ function isItemSelected(item) {
                     >
                       <slot name="item" :item="item" :group="group" :selected="isItemSelected(item)">
                         <slot name="label" :item="item">
-                          {{ getItemProperty(item, labelKey) }}
+                          {{ getItemProperty(item, props.labelKey) }}
                         </slot>
 
                         <ComboboxItemIndicator

package/dist/runtime/components/combobox/ComboboxInput.vue

@@ -7,7 +7,7 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
-  displayValue: { type: Function, required: false },
+  displayValue: { type: Function, required: false, default: () => "" },
   modelValue: { type: String, required: false },
   autoFocus: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },

package/dist/runtime/components/combobox/ComboboxInput.vue.d.ts

@@ -1,16 +1,38 @@
+import type { NComboboxInputProps } from '../../types/index.js';
 declare var __VLS_12: any, __VLS_13: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<NComboboxInputProps>, {
+    displayValue: () => "";
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (args_0: string) => any;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<NComboboxInputProps>, {
+    displayValue: () => "";
+}>>> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/runtime/components/elements/accordion/Accordion.vue

@@ -0,0 +1,86 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { defu } from "defu";
+import { AccordionRoot, useForwardPropsEmits } from "reka-ui";
+import { computed } from "vue";
+import { cn } from "../../../utils";
+import NAccordionItem from "./AccordionItem.vue";
+const props = defineProps({
+  accordion: { type: String, required: false, default: "divider border" },
+  items: { type: Array, required: false },
+  una: { type: Object, required: false },
+  _accordionItem: { type: Object, required: false },
+  _accordionHeader: { type: Object, required: false },
+  _accordionTrigger: { type: Object, required: false },
+  _accordionContent: { type: Object, required: false },
+  collapsible: { type: Boolean, required: false, default: true },
+  disabled: { type: Boolean, required: false },
+  dir: { type: String, required: false },
+  orientation: { type: String, required: false },
+  unmountOnHide: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  type: { type: String, required: false, default: "single" },
+  modelValue: { type: null, required: false },
+  defaultValue: { type: null, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
+const rootProps = useForwardPropsEmits(reactiveOmit(props, ["una", "items", "_accordionTrigger", "_accordionContent", "_accordionHeader", "_accordionItem"]), emits);
+const items = computed(() => {
+  if (import.meta.dev) {
+    const reservedValues = ["header", "trigger", "content", "item", "default"];
+    for (const item of props.items ?? []) {
+      if (reservedValues.includes(item.value)) {
+        console.warn(`[AccordionItem]: The value '${item.value}' is reserved and may cause unexpected behavior. Please choose a different value.`);
+      }
+    }
+  }
+  return props.items;
+});
+</script>
+
+<template>
+  <AccordionRoot
+    v-slot="{ modelValue }"
+    v-bind="rootProps"
+    :class="cn(
+  una?.accordion
+)"
+  >
+    <slot :model-value>
+      <NAccordionItem
+        v-for="(item, index) in items"
+        :key="item.value"
+        v-bind="defu(item, _accordionItem)"
+        :_accordion-trigger="defu(item._accordionTrigger, _accordionTrigger)"
+        :_accordion-content="defu(item._accordionContent, _accordionContent)"
+        :_accordion-header="defu(item._accordionHeader, _accordionHeader)"
+        :una="defu(item.una, una)"
+      >
+        <template #default="{ open }">
+          <slot :name="`${item.value}-item`" :open :item :index>
+            <slot name="item" :open :item :index />
+          </slot>
+        </template>
+
+        <template #header="{ open }">
+          <slot :name="`${item.value}-header`" :open :item :index>
+            <slot name="header" :open :item :index />
+          </slot>
+        </template>
+
+        <template #trigger="{ open }">
+          <slot :name="`${item.value}-trigger`" :open :item :index>
+            <slot name="trigger" :open :item :index />
+          </slot>
+        </template>
+
+        <template #content="{ open }">
+          <slot :name="`${item.value}-content`" :open :item :index>
+            <slot name="content" :open :item :index />
+          </slot>
+        </template>
+      </NAccordionItem>
+    </slot>
+  </AccordionRoot>
+</template>

package/dist/runtime/components/elements/accordion/Accordion.vue.d.ts

@@ -0,0 +1,71 @@
+import type { NAccordionProps } from '../../../types/index.js';
+declare var __VLS_6: {
+    modelValue: any;
+}, __VLS_12: any, __VLS_13: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_15: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_18: any, __VLS_19: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_21: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_24: any, __VLS_25: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_27: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_30: any, __VLS_31: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_33: {
+    open: any;
+    item: any;
+    index: any;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
+} & {
+    [K in NonNullable<typeof __VLS_18>]?: (props: typeof __VLS_19) => any;
+} & {
+    [K in NonNullable<typeof __VLS_24>]?: (props: typeof __VLS_25) => any;
+} & {
+    [K in NonNullable<typeof __VLS_30>]?: (props: typeof __VLS_31) => any;
+} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    item?: (props: typeof __VLS_15) => any;
+} & {
+    header?: (props: typeof __VLS_21) => any;
+} & {
+    trigger?: (props: typeof __VLS_27) => any;
+} & {
+    content?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<NAccordionProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+}>, {
+    type: "multiple" | "single";
+    accordion: string;
+    collapsible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/elements/accordion/AccordionContent.vue

@@ -0,0 +1,24 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionContent, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  forceMount: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const forwardProps = useForwardProps(reactiveOmit(props, ["una"]));
+</script>
+
+<template>
+  <AccordionContent v-bind="forwardProps" :class="cn('accordion-content group/accordion-content', una?.accordionContent)">
+    <div :class="cn('accordion-panel', una?.accordionPanel)">
+      <slot />
+    </div>
+  </AccordionContent>
+</template>
+
+<style scoped>
+.accordion-content[data-state=open]{animation:accordionIn .3s cubic-bezier(.86,0,.07,1)}.accordion-content[data-state=closed]{animation:accordionOut .3s cubic-bezier(.86,0,.07,1)}@keyframes accordionIn{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes accordionOut{0%{height:var(--reka-accordion-content-height)}to{height:0}}
+</style>

package/dist/runtime/components/elements/accordion/AccordionContent.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NAccordionContentProps } from '../../../types/accordion.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAccordionContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/elements/accordion/AccordionHeader.vue

@@ -0,0 +1,17 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionHeader, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const forwardProps = useForwardProps(reactiveOmit(props, ["una"]));
+</script>
+
+<template>
+  <AccordionHeader v-bind="forwardProps" :class="cn('accordion-header', una?.accordionHeader)">
+    <slot />
+  </AccordionHeader>
+</template>

package/dist/runtime/components/elements/accordion/AccordionHeader.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NAccordionHeaderProps } from '../../../types/accordion.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAccordionHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/elements/accordion/AccordionItem.vue

@@ -0,0 +1,59 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionItem, Primitive, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils";
+import NAccordionContent from "./AccordionContent.vue";
+import NAccordionHeader from "./AccordionHeader.vue";
+import NAccordionTrigger from "./AccordionTrigger.vue";
+const props = defineProps({
+  label: { type: String, required: false },
+  content: { type: String, required: false },
+  una: { type: Object, required: false },
+  _accordionHeader: { type: Object, required: false },
+  _accordionTrigger: { type: Object, required: false },
+  _accordionContent: { type: Object, required: false },
+  disabled: { type: Boolean, required: false },
+  value: { type: String, required: true },
+  unmountOnHide: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const forwardProps = useForwardProps(reactiveOmit(props, ["una", "label", "content", "_accordionContent", "_accordionHeader", "_accordionTrigger"]));
+</script>
+
+<template>
+  <AccordionItem
+    v-slot="{ open }"
+    v-bind="forwardProps"
+    :class="cn('accordion-item', una?.accordionItem)"
+  >
+    <slot :open>
+      <NAccordionHeader :una v-bind="_accordionHeader">
+        <Primitive
+          as-child
+          :label
+          v-bind="_accordionTrigger"
+          :una="{
+  btnLeading: cn('accordion-leading', una?.accordionLeading),
+  btnTrailing: cn(
+    'accordion-trailing',
+    una?.accordionTrailing,
+    open ? una?.accordionTrailingOpen : una?.accordionTrailingClose
+  )
+}"
+        >
+          <slot name="header" :open>
+            <NAccordionTrigger>
+              <slot name="trigger" :open />
+            </NAccordionTrigger>
+          </slot>
+        </Primitive>
+      </NAccordionHeader>
+      <NAccordionContent :una v-bind="_accordionContent">
+        <slot name="content" :open>
+          {{ content }}
+        </slot>
+      </NAccordionContent>
+    </slot>
+  </AccordionItem>
+</template>

package/dist/runtime/components/elements/accordion/AccordionItem.vue.d.ts

@@ -0,0 +1,27 @@
+import type { NAccordionItemProps } from '../../../types/accordion.js';
+declare var __VLS_6: {
+    open: any;
+}, __VLS_15: {
+    open: any;
+}, __VLS_20: {
+    open: any;
+}, __VLS_25: {
+    open: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    header?: (props: typeof __VLS_15) => any;
+} & {
+    trigger?: (props: typeof __VLS_20) => any;
+} & {
+    content?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/elements/accordion/AccordionTrigger.vue

@@ -0,0 +1,56 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionTrigger, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  type: { type: String, required: false },
+  loadingPlacement: { type: String, required: false },
+  icon: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  reverse: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  label: { type: String, required: false },
+  btn: { type: String, required: false, default: "~ text" },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false, default: "accordion-trailing-icon" },
+  size: { type: String, required: false },
+  square: { type: null, required: false },
+  rounded: { type: null, required: false },
+  class: { type: null, required: false },
+  breadcrumbActive: { type: String, required: false },
+  breadcrumbInactive: { type: String, required: false },
+  paginationSelected: { type: String, required: false },
+  paginationUnselected: { type: String, required: false },
+  dropdownMenu: { type: String, required: false },
+  toggleOn: { type: String, required: false },
+  toggleOff: { type: String, required: false },
+  tabsActive: { type: String, required: false },
+  tabsInactive: { type: String, required: false },
+  navigationMenu: { type: String, required: false },
+  navigationMenuLink: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
+});
+const forwardProps = useForwardProps(reactiveOmit(props, ["una"]));
+</script>
+
+<template>
+  <AccordionTrigger
+    class="group/accordion-trigger accordion-trigger"
+    v-bind="forwardProps"
+    as-child
+    :una="{
+  ...una,
+  btn: cn('accordion-trigger-padding', una?.btn),
+  btnLabel: cn('accordion-trigger-label', una?.btnLabel)
+}"
+  >
+    <slot>
+      <NButton />
+    </slot>
+  </AccordionTrigger>
+</template>

package/dist/runtime/components/elements/accordion/AccordionTrigger.vue.d.ts

@@ -0,0 +1,16 @@
+import type { NAccordionTriggerProps } from '../../../types/accordion.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAccordionTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionTriggerProps> & Readonly<{}>, {
+    btn: string;
+    trailing: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/elements/avatar/Avatar.vue.d.ts

@@ -7,9 +7,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<NAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAvatarProps> & Readonly<{}>, {
     size: import("vue").HTMLAttributes["class"];
+    as: import("reka-ui").AsTag | import("vue").Component;
     square: import("vue").HTMLAttributes["class"];
     rounded: import("vue").HTMLAttributes["class"];
-    as: import("reka-ui").AsTag | import("vue").Component;
     avatar: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/forms/Checkbox.vue

@@ -52,7 +52,7 @@ const id = computed(() => props.id ?? randomId("checkbox"));
     <CheckboxRoot
       v-bind="{ ...forwarded, ...$attrs }"
       :id="id"
-      v-slot="{ ...slotProps }"
+      v-slot="slotProps"
       :class="
   cn(
     'peer checkbox',
@@ -68,9 +68,11 @@ const id = computed(() => props.id ?? randomId("checkbox"));
         :class="cn('checkbox-indicator', una?.checkboxIndicator)"
         v-bind="props._checkboxIndicator"
       >
-        <slot name="icon">
+        <slot
+          name="icon" v-bind="slotProps"
+        >
           <Icon
-            :name="slotProps.modelValue === 'indeterminate' ? props.una?.checkboxIndeterminateIcon ?? 'checkbox-indeterminate-icon' : slotProps.modelValue ? props.una?.checkboxCheckedIcon ?? 'checkbox-checked-icon' : props.una?.checkboxUncheckedIcon ?? 'checkbox-unchecked-icon'"
+            :name="slotProps.state === 'indeterminate' ? props.una?.checkboxIndeterminateIcon ?? 'checkbox-indeterminate-icon' : slotProps.state ? props.una?.checkboxCheckedIcon ?? 'checkbox-checked-icon' : props.una?.checkboxUncheckedIcon ?? 'checkbox-unchecked-icon'"
             :class="cn('checkbox-icon-base', una?.checkboxIconBase)"
           />
         </slot>

package/dist/runtime/components/forms/Checkbox.vue.d.ts

@@ -1,5 +1,5 @@
 import type { NCheckboxProps } from '../../types/index.js';
-declare var __VLS_9: {}, __VLS_17: {};
+declare var __VLS_9: any, __VLS_17: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_9) => any;
 } & {