@bitrix24/b24ui-nuxt 2.3.0 → 2.4.1

package/dist/runtime/components/Checkbox.vue

@@ -3,10 +3,11 @@ import theme from "#build/b24ui/checkbox";
 </script>
 
 <script setup>
-import { computed, useId } from "vue";
+import { computed, useAttrs, useId } from "vue";
 import { Primitive, CheckboxRoot, CheckboxIndicator, Label, useForwardProps } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
 import { useFormField } from "../composables/useFormField";
 import { tv } from "../utils/tv";
 import Minus20Icon from "@bitrix24/b24icons-vue/actions/Minus20Icon";
@@ -33,9 +34,15 @@ const slots = defineSlots();
 const emits = defineEmits(["change"]);
 const modelValue = defineModel({ type: [Boolean, String], ...{ default: void 0 } });
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("checkbox", props);
 const rootProps = useForwardProps(reactivePick(props, "required", "value", "defaultValue"));
 const { id: _id, emitFormChange, emitFormInput, size, color, name, disabled, ariaAttrs } = useFormField(props);
 const id = _id.value ?? useId();
+const attrs = useAttrs();
+const forwardedAttrs = computed(() => {
+  const { "data-state": _, ...rest } = attrs;
+  return rest;
+});
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.checkbox || {} })({
   size: size.value,
   color: color.value,
@@ -53,40 +60,40 @@ function onUpdate(value) {
 </script>
 
 <template>
-  <Primitive :as="!variant || variant === 'list' ? as : Label" data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
-    <div data-slot="container" :class="b24ui.container({ class: props.b24ui?.container })">
+  <Primitive :as="!variant || variant === 'list' ? as : Label" data-slot="root" :class="b24ui.root({ class: [uiProp?.root, props.class] })">
+    <div data-slot="container" :class="b24ui.container({ class: uiProp?.container })">
       <CheckboxRoot
         :id="id"
-        v-bind="{ ...rootProps, ...$attrs, ...ariaAttrs }"
+        v-bind="{ ...rootProps, ...forwardedAttrs, ...ariaAttrs }"
         v-model="modelValue"
         :name="name"
         :disabled="disabled"
         data-slot="base"
-        :class="b24ui.base({ class: props.b24ui?.base })"
+        :class="b24ui.base({ class: uiProp?.base })"
         @update:model-value="onUpdate"
       >
         <template #default="{ modelValue }">
-          <CheckboxIndicator data-slot="indicator" :class="b24ui.indicator({ class: props.b24ui?.indicator })">
-            <Minus20Icon v-if="modelValue === 'indeterminate'" data-slot="icon" :class="b24ui.icon({ class: props.b24ui?.icon })" />
-            <CheckIcon v-else data-slot="icon" :class="b24ui.icon({ class: props.b24ui?.icon })" />
+          <CheckboxIndicator data-slot="indicator" :class="b24ui.indicator({ class: uiProp?.indicator })">
+            <Minus20Icon v-if="modelValue === 'indeterminate'" data-slot="icon" :class="b24ui.icon({ class: uiProp?.icon })" />
+            <CheckIcon v-else data-slot="icon" :class="b24ui.icon({ class: uiProp?.icon })" />
           </CheckboxIndicator>
         </template>
       </CheckboxRoot>
     </div>
 
-    <div v-if="label || !!slots.label || (description || !!slots.description)" data-slot="wrapper" :class="b24ui.wrapper({ class: props.b24ui?.wrapper })">
+    <div v-if="label || !!slots.label || (description || !!slots.description)" data-slot="wrapper" :class="b24ui.wrapper({ class: uiProp?.wrapper })">
       <component
         :is="!variant || variant === 'list' ? Label : 'p'"
         v-if="label || !!slots.label"
         :for="id"
         data-slot="label"
-        :class="b24ui.label({ class: props.b24ui?.label })"
+        :class="b24ui.label({ class: uiProp?.label })"
       >
         <slot name="label" :label="label">
           {{ label }}
         </slot>
       </component>
-      <p v-if="description || !!slots.description" data-slot="description" :class="b24ui.description({ class: props.b24ui?.description })">
+      <p v-if="description || !!slots.description" data-slot="description" :class="b24ui.description({ class: uiProp?.description })">
         <slot name="description" :description="description">
           {{ description }}
         </slot>

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

@@ -1,4 +1,5 @@
 import type { CheckboxRootProps } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/checkbox';
 import type { ButtonHTMLAttributes } from '../types/html';
@@ -36,12 +37,12 @@ export type CheckboxEmits = {
     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;

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/b24ui/checkbox-group';
 import type { CheckboxProps } from '../types';
@@ -65,25 +66,25 @@ 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;
 declare const __VLS_export: <T extends CheckboxGroupItem[], VK extends GetItemKeys<T> = "value">(__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<CheckboxGroupProps<T, VK> & {
         onChange?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: import("../types").GetItemValue<T, VK, import("../types").NestedItem<T>>[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("../types").GetItemValue<T, VK, undefined, import("../types").NestedItem<T>>[]) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: CheckboxGroupSlots<T>;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("../types").GetItemValue<T, VK, import("../types").NestedItem<T>>[]) => void);
+    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("../types").GetItemValue<T, VK, undefined, import("../types").NestedItem<T>>[]) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/CheckboxGroup.vue

@@ -7,6 +7,7 @@ import { computed, useId } from "vue";
 import { CheckboxGroupRoot, useForwardProps, useForwardPropsEmits } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
 import { useFormField } from "../composables/useFormField";
 import { get, omit } from "../utils";
 import { tv } from "../utils/tv";
@@ -35,6 +36,7 @@ const props = defineProps({
 const emits = defineEmits(["change", "update:modelValue"]);
 const slots = defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("checkboxGroup", props);
 const rootProps = useForwardPropsEmits(reactivePick(props, "as", "modelValue", "defaultValue", "orientation", "loop", "required"), emits);
 const checkboxProps = useForwardProps(reactivePick(props, "variant", "indicator"));
 const getProxySlots = () => omit(slots, ["legend"]);
@@ -95,11 +97,11 @@ function onUpdate(value) {
     :name="name"
     :disabled="disabled"
     data-slot="root"
-    :class="b24ui.root({ class: [props.b24ui?.root, props.class] })"
+    :class="b24ui.root({ class: [uiProp?.root, props.class] })"
     @update:model-value="onUpdate"
   >
-    <fieldset data-slot="fieldset" :class="b24ui.fieldset({ class: props.b24ui?.fieldset })" v-bind="ariaAttrs">
-      <legend v-if="legend || !!slots.legend" data-slot="legend" :class="b24ui.legend({ class: props.b24ui?.legend })">
+    <fieldset data-slot="fieldset" :class="b24ui.fieldset({ class: uiProp?.fieldset })" v-bind="ariaAttrs">
+      <legend v-if="legend || !!slots.legend" data-slot="legend" :class="b24ui.legend({ class: uiProp?.legend })">
         <slot name="legend">
           {{ legend }}
         </slot>
@@ -112,9 +114,9 @@ function onUpdate(value) {
         :size="size"
         :name="name"
         :disabled="item.disabled || disabled"
-        :b24ui="{ ...props.b24ui ? omit(props.b24ui, ['root']) : void 0, ...item.b24ui || {} }"
+        :b24ui="{ ...uiProp ? omit(uiProp, ['root']) : void 0, ...item.b24ui || {} }"
         data-slot="item"
-        :class="b24ui.item({ class: [props.b24ui?.item, item.b24ui?.item, item.class], disabled: item.disabled || disabled })"
+        :class="b24ui.item({ class: [uiProp?.item, item.b24ui?.item, item.class], disabled: item.disabled || disabled })"
       >
         <template v-for="(_, name) in getProxySlots()" #[name]>
           <slot :name="name" :item="item" />

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/b24ui/checkbox-group';
 import type { CheckboxProps } from '../types';
@@ -65,25 +66,25 @@ 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;
 declare const __VLS_export: <T extends CheckboxGroupItem[], VK extends GetItemKeys<T> = "value">(__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<CheckboxGroupProps<T, VK> & {
         onChange?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: import("../types").GetItemValue<T, VK, import("../types").NestedItem<T>>[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("../types").GetItemValue<T, VK, undefined, import("../types").NestedItem<T>>[]) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: CheckboxGroupSlots<T>;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("../types").GetItemValue<T, VK, import("../types").NestedItem<T>>[]) => void);
+    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("../types").GetItemValue<T, VK, undefined, import("../types").NestedItem<T>>[]) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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/b24ui/chip';
 import type { IconComponent } from '../types';
@@ -57,9 +58,9 @@ export interface ChipEmits {
     'update:show': [value: boolean];
 }
 export interface ChipSlots {
-    default(props?: {}): any;
-    content(props?: {}): any;
-    trailing(props?: {}): any;
+    default?(props?: {}): VNode[];
+    content?(props?: {}): VNode[];
+    trailing?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -72,8 +73,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChipPr
 }> & Readonly<{
     "onUpdate:show"?: ((value: boolean) => any) | undefined;
 }>, {
-    inset: boolean;
     inverted: boolean;
+    inset: boolean;
     standalone: boolean;
     hideZero: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChipSlots>;

package/dist/runtime/components/Chip.vue

@@ -6,6 +6,7 @@ import theme from "#build/b24ui/chip";
 import { computed } from "vue";
 import { Primitive, Slot } from "reka-ui";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
 import { tv } from "../utils/tv";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
@@ -25,6 +26,7 @@ const props = defineProps({
 defineSlots();
 const show = defineModel("show", { type: Boolean, ...{ default: true } });
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("chip", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.chip || {} })({
   color: props.color,
   inverted: Boolean(props.inverted),
@@ -45,7 +47,7 @@ const value = computed(() => {
   <Primitive
     :as="as"
     data-slot="root"
-    :class="b24ui.root({ class: [props.b24ui?.root, props.class] })"
+    :class="b24ui.root({ class: [uiProp?.root, props.class] })"
   >
     <Slot v-bind="$attrs">
       <slot />
@@ -54,7 +56,7 @@ const value = computed(() => {
     <span
       v-if="show"
       data-slot="base"
-      :class="b24ui.base({ class: props.b24ui?.base })"
+      :class="b24ui.base({ class: uiProp?.base })"
       :data-value="value"
     >
       <slot name="content">
@@ -64,7 +66,7 @@ const value = computed(() => {
         <Component
           :is="trailingIcon"
           data-slot="trailingIcon"
-          :class="b24ui.trailingIcon({ class: props.b24ui?.trailingIcon })"
+          :class="b24ui.trailingIcon({ class: uiProp?.trailingIcon })"
         />
       </slot>
     </span>

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/b24ui/chip';
 import type { IconComponent } from '../types';
@@ -57,9 +58,9 @@ export interface ChipEmits {
     'update:show': [value: boolean];
 }
 export interface ChipSlots {
-    default(props?: {}): any;
-    content(props?: {}): any;
-    trailing(props?: {}): any;
+    default?(props?: {}): VNode[];
+    content?(props?: {}): VNode[];
+    trailing?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -72,8 +73,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChipPr
 }> & Readonly<{
     "onUpdate:show"?: ((value: boolean) => any) | undefined;
 }>, {
-    inset: boolean;
     inverted: boolean;
+    inset: boolean;
     standalone: boolean;
     hideZero: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChipSlots>;

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/b24ui/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;

package/dist/runtime/components/Collapsible.vue

@@ -7,6 +7,7 @@ import { computed } from "vue";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, useForwardPropsEmits } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
 import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false },
@@ -20,17 +21,18 @@ const props = defineProps({
 const emits = defineEmits(["update:open"]);
 const slots = defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("collapsible", props);
 const rootProps = useForwardPropsEmits(reactivePick(props, "as", "defaultOpen", "open", "disabled", "unmountOnHide"), emits);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.collapsible || {} })());
 </script>
 
 <template>
-  <CollapsibleRoot v-slot="{ open }" v-bind="rootProps" data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
+  <CollapsibleRoot v-slot="{ open }" v-bind="rootProps" data-slot="root" :class="b24ui.root({ class: [uiProp?.root, props.class] })">
     <CollapsibleTrigger v-if="!!slots.default" as-child>
       <slot :open="open" />
     </CollapsibleTrigger>
 
-    <CollapsibleContent data-slot="content" :class="b24ui.content({ class: props.b24ui?.content })">
+    <CollapsibleContent data-slot="content" :class="b24ui.content({ class: uiProp?.content })">
       <slot name="content" />
     </CollapsibleContent>
   </CollapsibleRoot>

package/dist/runtime/components/Collapsible.vue.d.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/b24ui/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;

package/dist/runtime/components/ColorPicker.vue

@@ -26,6 +26,7 @@ import { useEventListener, useElementBounding, watchThrottled, watchPausable } f
 import { isClient } from "@vueuse/shared";
 import { ColorTranslator } from "colortranslator";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
 import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false },
@@ -39,6 +40,7 @@ const props = defineProps({
 });
 const modelValue = defineModel({ type: String, ...void 0 });
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("colorPicker", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.colorPicker || {} })({
   size: props.size
 }));
@@ -178,19 +180,19 @@ const trackThumbStyle = computed(() => ({
 </script>
 
 <template>
-  <Primitive :as="as" data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })" :data-disabled="disabled ? true : void 0">
-    <div data-slot="picker" :class="b24ui.picker({ class: props.b24ui?.picker })">
+  <Primitive :as="as" data-slot="root" :class="b24ui.root({ class: [uiProp?.root, props.class] })" :data-disabled="disabled ? true : void 0">
+    <div data-slot="picker" :class="b24ui.picker({ class: uiProp?.picker })">
       <div
         ref="selectorRef"
         data-slot="selector"
-        :class="b24ui.selector({ class: props.b24ui?.selector })"
+        :class="b24ui.selector({ class: uiProp?.selector })"
         :style="selectorStyle"
       >
-        <div data-slot="selectorBackground" :class="b24ui.selectorBackground({ class: props.b24ui?.selectorBackground })" data-color-picker-background>
+        <div data-slot="selectorBackground" :class="b24ui.selectorBackground({ class: uiProp?.selectorBackground })" data-color-picker-background>
           <div
             ref="selectorThumbRef"
             data-slot="selectorThumb"
-            :class="b24ui.selectorThumb({ class: props.b24ui?.selectorThumb })"
+            :class="b24ui.selectorThumb({ class: uiProp?.selectorThumb })"
             :style="selectorThumbStyle"
             :data-disabled="disabled ? true : void 0"
           />
@@ -199,13 +201,13 @@ const trackThumbStyle = computed(() => ({
       <div
         ref="trackRef"
         data-slot="track"
-        :class="b24ui.track({ class: props.b24ui?.track })"
+        :class="b24ui.track({ class: uiProp?.track })"
         data-color-picker-track
       >
         <div
           ref="trackThumbRef"
           data-slot="trackThumb"
-          :class="b24ui.trackThumb({ class: props.b24ui?.trackThumb })"
+          :class="b24ui.trackThumb({ class: uiProp?.trackThumb })"
           :style="trackThumbStyle"
           :data-disabled="disabled ? true : void 0"
         />

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

@@ -1,4 +1,5 @@
 import type { ListboxRootProps, ListboxRootEmits } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse';
 import theme from '#build/b24ui/command-palette';
@@ -191,38 +192,38 @@ type SlotProps<T> = (props: {
     item: T;
     index: number;
     b24ui: CommandPalette['b24ui'];
-}) => any;
-export type CommandPaletteSlots<G extends CommandPaletteGroup<T> = CommandPaletteGroup<any>, T extends CommandPaletteItem = CommandPaletteItem> = {
-    'empty'(props: {
+}) => VNode[];
+export type CommandPaletteSlots<T extends CommandPaletteItem = CommandPaletteItem> = {
+    'empty'?(props: {
         searchTerm?: string;
-    }): any;
-    'footer'(props: {
+    }): VNode[];
+    'footer'?(props: {
         b24ui: CommandPalette['b24ui'];
-    }): any;
-    'back'(props: {
+    }): VNode[];
+    'back'?(props: {
         b24ui: CommandPalette['b24ui'];
-    }): any;
-    'close'(props: {
+    }): VNode[];
+    'close'?(props: {
         b24ui: CommandPalette['b24ui'];
-    }): any;
-    'item': SlotProps<T>;
-    'item-leading': SlotProps<T>;
-    'item-label': SlotProps<T>;
-    'item-description': SlotProps<T>;
-    'item-trailing': SlotProps<T>;
-} & Record<string, SlotProps<G>> & Record<string, SlotProps<T>>;
+    }): VNode[];
+    'item'?: SlotProps<T>;
+    'item-leading'?: SlotProps<T>;
+    'item-label'?: SlotProps<T>;
+    'item-description'?: SlotProps<T>;
+    'item-trailing'?: SlotProps<T>;
+} & Record<string, SlotProps<T>>;
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: <G extends CommandPaletteGroup<T>, T extends CommandPaletteItem>(__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<(CommandPaletteProps<G, T> & {
         searchTerm?: string;
     }) & {
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
         onHighlight?: ((payload: {
             ref: HTMLElement;
             value: T;
         } | undefined) => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
         onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
         onLeave?: ((event: Event) => any) | undefined;
         "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
@@ -231,11 +232,11 @@ declare const __VLS_export: <G extends CommandPaletteGroup<T>, T extends Command
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: CommandPaletteSlots<G, T>;
-    emit: (((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "highlight", payload: {
+    slots: CommandPaletteSlots<T>;
+    emit: (((evt: "highlight", payload: {
         ref: HTMLElement;
         value: T;
-    } | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void)) & ((event: "update:searchTerm", value: string) => void);
+    } | undefined) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void)) & ((event: "update:searchTerm", value: string) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };