@nuxt/ui 4.5.0 → 4.6.0

package/dist/runtime/components/ChatShimmer.vue

@@ -0,0 +1,37 @@
+<script>
+import theme from "#build/ui/chat-shimmer";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
+import { tv } from "../utils/tv";
+const props = defineProps({
+  as: { type: null, required: false, default: "span" },
+  text: { type: String, required: true },
+  duration: { type: Number, required: false, default: 2 },
+  spread: { type: Number, required: false, default: 2 },
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
+});
+const appConfig = useAppConfig();
+const uiProp = useComponentUI("chatShimmer", props);
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.chatShimmer || {} }));
+const spread = computed(() => props.text.length * props.spread);
+</script>
+
+<template>
+  <Primitive
+    :as="as"
+    :style="{
+  '--spread': `${spread}px`,
+  '--duration': `${duration}s`
+}"
+    data-slot="base"
+    :class="ui({ class: [uiProp?.base, props.class] })"
+  >
+    {{ text }}
+  </Primitive>
+</template>

package/dist/runtime/components/ChatShimmer.vue.d.ts

@@ -0,0 +1,34 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/chat-shimmer';
+import type { ComponentConfig } from '../types/tv';
+type ChatShimmer = ComponentConfig<typeof theme, AppConfig, 'chatShimmer'>;
+export interface ChatShimmerProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'span'
+     */
+    as?: any;
+    /**
+     * The text to display with the shimmer effect.
+     */
+    text: string;
+    /**
+     * The duration of the shimmer animation in seconds.
+     * @defaultValue 2
+     */
+    duration?: number;
+    /**
+     * The spread multiplier for the shimmer highlight. The actual spread is computed as `text.length * spread` in pixels.
+     * @defaultValue 2
+     */
+    spread?: number;
+    class?: any;
+    ui?: ChatShimmer['slots'];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ChatShimmerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatShimmerProps> & Readonly<{}>, {
+    as: any;
+    duration: number;
+    spread: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/ChatTool.d.vue.ts

@@ -0,0 +1,88 @@
+import type { CollapsibleRootProps } from 'reka-ui';
+import type { VNode } from 'vue';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/chat-tool';
+import type { IconProps } from '../types';
+import type { ChatShimmerProps } from './ChatShimmer.vue';
+import type { ComponentConfig } from '../types/tv';
+type ChatTool = ComponentConfig<typeof theme, AppConfig, 'chatTool'>;
+export interface ChatToolProps extends Pick<CollapsibleRootProps, 'defaultOpen' | 'open' | 'disabled' | 'unmountOnHide'> {
+    /**
+     * The text content to display.
+     */
+    text?: string;
+    /**
+     * The suffix text displayed after the main text.
+     */
+    suffix?: string;
+    /**
+     * The icon displayed next to the trigger.
+     * @IconifyIcon
+     */
+    icon?: IconProps['name'];
+    /**
+     * Whether the tool is in a loading state.
+     * @defaultValue false
+     */
+    loading?: boolean;
+    /**
+     * The icon displayed when loading.
+     * @defaultValue appConfig.ui.icons.loading
+     * @IconifyIcon
+     */
+    loadingIcon?: IconProps['name'];
+    /**
+     * Whether the tool content is currently streaming.
+     * @defaultValue false
+     */
+    streaming?: boolean;
+    /**
+     * The visual variant of the tool display.
+     * @defaultValue 'inline'
+     */
+    variant?: ChatTool['variants']['variant'];
+    /**
+     * The position of the chevron icon.
+     * @defaultValue 'trailing'
+     */
+    chevron?: 'leading' | 'trailing';
+    /**
+     * The icon displayed as the chevron.
+     * @defaultValue appConfig.ui.icons.chevronDown
+     * @IconifyIcon
+     */
+    chevronIcon?: IconProps['name'];
+    /**
+     * Customize the [`ChatShimmer`](https://ui.nuxt.com/docs/components/chat-shimmer) component when streaming.
+     */
+    shimmer?: Partial<Omit<ChatShimmerProps, 'text'>>;
+    class?: any;
+    ui?: ChatTool['slots'];
+}
+export interface ChatToolEmits {
+    'update:open': [value: boolean];
+}
+export interface ChatToolSlots {
+    default?(props: {
+        open: boolean;
+    }): VNode[];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatToolProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ChatToolProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    loading: boolean;
+    variant: ChatTool["variants"]["variant"];
+    open: boolean;
+    streaming: boolean;
+    unmountOnHide: boolean;
+    chevron: "leading" | "trailing";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatToolSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ChatTool.vue

@@ -0,0 +1,105 @@
+<script>
+import theme from "#build/ui/chat-tool";
+</script>
+
+<script setup>
+import { ref, computed } from "vue";
+import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
+import { tv } from "../utils/tv";
+import UIcon from "./Icon.vue";
+import UChatShimmer from "./ChatShimmer.vue";
+const props = defineProps({
+  text: { type: String, required: false },
+  suffix: { type: String, required: false },
+  icon: { type: null, required: false },
+  loading: { type: Boolean, required: false, default: false },
+  loadingIcon: { type: null, required: false },
+  streaming: { type: Boolean, required: false, default: false },
+  variant: { type: null, required: false, default: "inline" },
+  chevron: { type: String, required: false, default: "trailing" },
+  chevronIcon: { type: null, required: false },
+  shimmer: { type: Object, required: false },
+  class: { type: null, required: false },
+  ui: { type: Object, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  open: { type: Boolean, required: false, default: void 0 },
+  disabled: { type: Boolean, required: false },
+  unmountOnHide: { type: Boolean, required: false, default: false }
+});
+const emits = defineEmits(["update:open"]);
+const slots = defineSlots();
+const appConfig = useAppConfig();
+const uiProp = useComponentUI("chatTool", props);
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.chatTool || {} })({
+  variant: props.variant,
+  chevron: props.chevron,
+  loading: props.loading
+}));
+const isControlled = computed(() => props.open !== void 0);
+const internalOpen = ref(props.defaultOpen ?? false);
+const resolvedOpen = computed(() => isControlled.value ? props.open : internalOpen.value);
+function setOpen(value) {
+  internalOpen.value = value;
+  emits("update:open", value);
+}
+const hasContent = computed(() => !!slots.default);
+const resolvedLoadingIcon = computed(() => props.loadingIcon || appConfig.ui.icons?.loading);
+const resolvedIcon = computed(() => props.loading ? resolvedLoadingIcon.value : props.icon);
+const chevronIconName = computed(() => props.chevronIcon || appConfig.ui.icons?.chevronDown);
+</script>
+
+<template>
+  <CollapsibleRoot
+    v-slot="{ open: isOpen }"
+    :open="resolvedOpen"
+    :disabled="disabled"
+    :unmount-on-hide="unmountOnHide"
+    data-slot="root"
+    :class="ui.root({ class: [uiProp?.root, props.class] })"
+    @update:open="setOpen"
+  >
+    <CollapsibleTrigger as-child :disabled="!hasContent">
+      <button
+        type="button"
+        data-slot="trigger"
+        :class="ui.trigger({ class: uiProp?.trigger })"
+      >
+        <span v-if="resolvedIcon || hasContent && chevron === 'leading'" data-slot="leading" :class="ui.leading({ class: uiProp?.leading })">
+          <UIcon
+            v-if="resolvedIcon"
+            :name="resolvedIcon"
+            data-slot="leadingIcon"
+            :class="ui.leadingIcon({ class: uiProp?.leadingIcon, alone: !(hasContent && chevron === 'leading') })"
+          />
+          <UIcon
+            v-if="hasContent && chevron === 'leading'"
+            :name="chevronIconName"
+            data-slot="chevronIcon"
+            :class="ui.chevronIcon({ class: uiProp?.chevronIcon, alone: !resolvedIcon })"
+          />
+        </span>
+
+        <span data-slot="label" :class="ui.label({ class: uiProp?.label })">
+          <UChatShimmer v-if="streaming && text" :text="text" v-bind="props.shimmer" />
+          <template v-else>{{ text }}</template>
+          <span v-if="suffix" data-slot="suffix" :class="ui.suffix({ class: uiProp?.suffix })">{{ suffix }}</span>
+        </span>
+
+        <UIcon
+          v-if="hasContent && chevron === 'trailing'"
+          :name="chevronIconName"
+          data-slot="trailingIcon"
+          :class="ui.trailingIcon({ class: uiProp?.trailingIcon })"
+        />
+      </button>
+    </CollapsibleTrigger>
+
+    <CollapsibleContent data-slot="content" :class="ui.content({ class: uiProp?.content })">
+      <div data-slot="body" :class="ui.body({ class: uiProp?.body })">
+        <slot :open="isOpen" />
+      </div>
+    </CollapsibleContent>
+  </CollapsibleRoot>
+</template>

package/dist/runtime/components/ChatTool.vue.d.ts

@@ -0,0 +1,88 @@
+import type { CollapsibleRootProps } from 'reka-ui';
+import type { VNode } from 'vue';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/chat-tool';
+import type { IconProps } from '../types';
+import type { ChatShimmerProps } from './ChatShimmer.vue';
+import type { ComponentConfig } from '../types/tv';
+type ChatTool = ComponentConfig<typeof theme, AppConfig, 'chatTool'>;
+export interface ChatToolProps extends Pick<CollapsibleRootProps, 'defaultOpen' | 'open' | 'disabled' | 'unmountOnHide'> {
+    /**
+     * The text content to display.
+     */
+    text?: string;
+    /**
+     * The suffix text displayed after the main text.
+     */
+    suffix?: string;
+    /**
+     * The icon displayed next to the trigger.
+     * @IconifyIcon
+     */
+    icon?: IconProps['name'];
+    /**
+     * Whether the tool is in a loading state.
+     * @defaultValue false
+     */
+    loading?: boolean;
+    /**
+     * The icon displayed when loading.
+     * @defaultValue appConfig.ui.icons.loading
+     * @IconifyIcon
+     */
+    loadingIcon?: IconProps['name'];
+    /**
+     * Whether the tool content is currently streaming.
+     * @defaultValue false
+     */
+    streaming?: boolean;
+    /**
+     * The visual variant of the tool display.
+     * @defaultValue 'inline'
+     */
+    variant?: ChatTool['variants']['variant'];
+    /**
+     * The position of the chevron icon.
+     * @defaultValue 'trailing'
+     */
+    chevron?: 'leading' | 'trailing';
+    /**
+     * The icon displayed as the chevron.
+     * @defaultValue appConfig.ui.icons.chevronDown
+     * @IconifyIcon
+     */
+    chevronIcon?: IconProps['name'];
+    /**
+     * Customize the [`ChatShimmer`](https://ui.nuxt.com/docs/components/chat-shimmer) component when streaming.
+     */
+    shimmer?: Partial<Omit<ChatShimmerProps, 'text'>>;
+    class?: any;
+    ui?: ChatTool['slots'];
+}
+export interface ChatToolEmits {
+    'update:open': [value: boolean];
+}
+export interface ChatToolSlots {
+    default?(props: {
+        open: boolean;
+    }): VNode[];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatToolProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ChatToolProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    loading: boolean;
+    variant: ChatTool["variants"]["variant"];
+    open: boolean;
+    streaming: boolean;
+    unmountOnHide: boolean;
+    chevron: "leading" | "trailing";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatToolSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,11 +1,12 @@
-import type { CheckboxRootProps } from 'reka-ui';
+import type { CheckboxRootProps, CheckboxRootEmits } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/checkbox';
 import type { IconProps } from '../types';
 import type { ButtonHTMLAttributes } from '../types/html';
 import type { ComponentConfig } from '../types/tv';
 type Checkbox = ComponentConfig<typeof theme, AppConfig, 'checkbox'>;
-export interface CheckboxProps extends Pick<CheckboxRootProps, 'disabled' | 'required' | 'name' | 'value' | 'id' | 'defaultValue'>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled' | 'name'> {
+export interface CheckboxProps<T = boolean> extends Pick<CheckboxRootProps<T>, 'disabled' | 'required' | 'name' | 'value' | 'id' | 'defaultValue' | 'modelValue' | 'trueValue' | 'falseValue'>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled' | 'name'> {
     /**
      * The element or component this component should render as.
      * @defaultValue 'div'
@@ -45,32 +46,35 @@ export interface CheckboxProps extends Pick<CheckboxRootProps, 'disabled' | 'req
     class?: any;
     ui?: Checkbox['slots'];
 }
-export type CheckboxEmits = {
+export interface CheckboxEmits<T = boolean> extends CheckboxRootEmits<T> {
     change: [event: Event];
-};
+}
 export interface CheckboxSlots {
-    label(props: {
-        label?: string;
-    }): any;
-    description(props: {
-        description?: string;
-    }): any;
+    label?(props: {
+        label: string | undefined;
+    }): VNode[];
+    description?(props: {
+        description: string | undefined;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CheckboxProps & {
-    modelValue?: boolean | "indeterminate";
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (event: Event) => any;
-    "update:modelValue": (value: boolean | "indeterminate") => any;
-}, string, import("vue").PublicProps, Readonly<CheckboxProps & {
-    modelValue?: boolean | "indeterminate";
-}> & Readonly<{
-    onChange?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CheckboxSlots>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+declare const __VLS_export: <T = boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<CheckboxProps<T> & {
+        onChange?: ((event: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: "indeterminate" | T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: CheckboxSlots;
+    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: "indeterminate" | T) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/Checkbox.vue

@@ -4,7 +4,7 @@ import theme from "#build/ui/checkbox";
 
 <script setup>
 import { computed, useAttrs, useId } from "vue";
-import { Primitive, CheckboxRoot, CheckboxIndicator, Label, useForwardProps } from "reka-ui";
+import { Primitive, CheckboxRoot, CheckboxIndicator, Label, useForwardPropsEmits } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
 import { useAppConfig } from "#imports";
 import { useComponentUI } from "../composables/useComponentUI";
@@ -29,14 +29,16 @@ const props = defineProps({
   name: { type: String, required: false },
   value: { type: null, required: false },
   id: { type: String, required: false },
-  defaultValue: { type: [Boolean, String], required: false }
+  defaultValue: { type: null, required: false },
+  modelValue: { type: null, required: false },
+  trueValue: { type: null, required: false },
+  falseValue: { type: null, required: false }
 });
 const slots = defineSlots();
-const emits = defineEmits(["change"]);
-const modelValue = defineModel({ type: [Boolean, String], ...{ default: void 0 } });
+const emits = defineEmits(["change", "update:modelValue"]);
 const appConfig = useAppConfig();
 const uiProp = useComponentUI("checkbox", props);
-const rootProps = useForwardProps(reactivePick(props, "required", "value", "defaultValue"));
+const rootProps = useForwardPropsEmits(reactivePick(props, "required", "value", "defaultValue", "modelValue", "trueValue", "falseValue"), emits);
 const { id: _id, emitFormChange, emitFormInput, size, color, name, disabled, ariaAttrs } = useFormField(props);
 const id = _id.value ?? useId();
 const attrs = useAttrs();
@@ -66,16 +68,15 @@ function onUpdate(value) {
       <CheckboxRoot
         :id="id"
         v-bind="{ ...rootProps, ...forwardedAttrs, ...ariaAttrs }"
-        v-model="modelValue"
         :name="name"
         :disabled="disabled"
         data-slot="base"
         :class="ui.base({ class: uiProp?.base })"
         @update:model-value="onUpdate"
       >
-        <template #default="{ modelValue }">
+        <template #default="{ state }">
           <CheckboxIndicator data-slot="indicator" :class="ui.indicator({ class: uiProp?.indicator })">
-            <UIcon v-if="modelValue === 'indeterminate'" :name="indeterminateIcon || appConfig.ui.icons.minus" data-slot="icon" :class="ui.icon({ class: uiProp?.icon })" />
+            <UIcon v-if="state === 'indeterminate'" :name="indeterminateIcon || appConfig.ui.icons.minus" data-slot="icon" :class="ui.icon({ class: uiProp?.icon })" />
             <UIcon v-else :name="icon || appConfig.ui.icons.check" data-slot="icon" :class="ui.icon({ class: uiProp?.icon })" />
           </CheckboxIndicator>
         </template>

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

@@ -1,11 +1,12 @@
-import type { CheckboxRootProps } from 'reka-ui';
+import type { CheckboxRootProps, CheckboxRootEmits } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/checkbox';
 import type { IconProps } from '../types';
 import type { ButtonHTMLAttributes } from '../types/html';
 import type { ComponentConfig } from '../types/tv';
 type Checkbox = ComponentConfig<typeof theme, AppConfig, 'checkbox'>;
-export interface CheckboxProps extends Pick<CheckboxRootProps, 'disabled' | 'required' | 'name' | 'value' | 'id' | 'defaultValue'>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled' | 'name'> {
+export interface CheckboxProps<T = boolean> extends Pick<CheckboxRootProps<T>, 'disabled' | 'required' | 'name' | 'value' | 'id' | 'defaultValue' | 'modelValue' | 'trueValue' | 'falseValue'>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled' | 'name'> {
     /**
      * The element or component this component should render as.
      * @defaultValue 'div'
@@ -45,32 +46,35 @@ export interface CheckboxProps extends Pick<CheckboxRootProps, 'disabled' | 'req
     class?: any;
     ui?: Checkbox['slots'];
 }
-export type CheckboxEmits = {
+export interface CheckboxEmits<T = boolean> extends CheckboxRootEmits<T> {
     change: [event: Event];
-};
+}
 export interface CheckboxSlots {
-    label(props: {
-        label?: string;
-    }): any;
-    description(props: {
-        description?: string;
-    }): any;
+    label?(props: {
+        label: string | undefined;
+    }): VNode[];
+    description?(props: {
+        description: string | undefined;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CheckboxProps & {
-    modelValue?: boolean | "indeterminate";
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (event: Event) => any;
-    "update:modelValue": (value: boolean | "indeterminate") => any;
-}, string, import("vue").PublicProps, Readonly<CheckboxProps & {
-    modelValue?: boolean | "indeterminate";
-}> & Readonly<{
-    onChange?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CheckboxSlots>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+declare const __VLS_export: <T = boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<CheckboxProps<T> & {
+        onChange?: ((event: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: "indeterminate" | T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: CheckboxSlots;
+    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: "indeterminate" | T) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/CheckboxGroup.d.vue.ts

@@ -1,4 +1,5 @@
 import type { CheckboxGroupRootProps, CheckboxGroupRootEmits } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/checkbox-group';
 import type { CheckboxProps } from '../types';
@@ -65,11 +66,11 @@ type SlotProps<T extends CheckboxGroupItem> = (props: {
     item: T & {
         id: string;
     };
-}) => any;
+}) => VNode[];
 export interface CheckboxGroupSlots<T extends CheckboxGroupItem[] = CheckboxGroupItem[]> {
-    legend(props?: {}): any;
-    label: SlotProps<T[number]>;
-    description: SlotProps<T[number]>;
+    legend?(props?: {}): VNode[];
+    label?: SlotProps<T[number]>;
+    description?: SlotProps<T[number]>;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/CheckboxGroup.vue.d.ts

@@ -1,4 +1,5 @@
 import type { CheckboxGroupRootProps, CheckboxGroupRootEmits } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/checkbox-group';
 import type { CheckboxProps } from '../types';
@@ -65,11 +66,11 @@ type SlotProps<T extends CheckboxGroupItem> = (props: {
     item: T & {
         id: string;
     };
-}) => any;
+}) => VNode[];
 export interface CheckboxGroupSlots<T extends CheckboxGroupItem[] = CheckboxGroupItem[]> {
-    legend(props?: {}): any;
-    label: SlotProps<T[number]>;
-    description: SlotProps<T[number]>;
+    legend?(props?: {}): VNode[];
+    label?: SlotProps<T[number]>;
+    description?: SlotProps<T[number]>;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Chip.d.vue.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/chip';
 import type { ComponentConfig } from '../types/tv';
@@ -34,8 +35,8 @@ export interface ChipEmits {
     'update:show': [value: boolean];
 }
 export interface ChipSlots {
-    default(props?: {}): any;
-    content(props?: {}): any;
+    default?(props?: {}): VNode[];
+    content?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Chip.vue.d.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/chip';
 import type { ComponentConfig } from '../types/tv';
@@ -34,8 +35,8 @@ export interface ChipEmits {
     'update:show': [value: boolean];
 }
 export interface ChipSlots {
-    default(props?: {}): any;
-    content(props?: {}): any;
+    default?(props?: {}): VNode[];
+    content?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Collapsible.d.vue.ts

@@ -1,4 +1,5 @@
 import type { CollapsibleRootProps, CollapsibleRootEmits } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/collapsible';
 import type { ComponentConfig } from '../types/tv';
@@ -15,10 +16,10 @@ export interface CollapsibleProps extends Pick<CollapsibleRootProps, 'defaultOpe
 export interface CollapsibleEmits extends CollapsibleRootEmits {
 }
 export interface CollapsibleSlots {
-    default(props: {
+    default?(props: {
         open: boolean;
-    }): any;
-    content(props?: {}): any;
+    }): VNode[];
+    content?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;