@eslamdevui/ui 3.2.0-beta.1 → 3.2.0-beta.2

package/dist/runtime/components/ContextMenuContent.vue

@@ -56,109 +56,109 @@ const groups = computed(
 </script>
 
 <template>
-  <DefineItemTemplate v-slot="{ item, active, index }">
-    <slot :name="item.slot || 'item'" :item="item" :index="index">
-      <slot :name="item.slot ? `${item.slot}-leading` : 'item-leading'" :item="item" :active="active" :index="index">
-        <UIcon v-if="item.loading" :name="loadingIcon || appConfig.ui.icons.loading" :class="ui.itemLeadingIcon({ class: [uiOverride?.itemLeadingIcon, item.ui?.itemLeadingIcon], color: item?.color, loading: true })" />
-        <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: [uiOverride?.itemLeadingIcon, item.ui?.itemLeadingIcon], color: item?.color, active })" />
-        <UAvatar v-else-if="item.avatar" :size="item.ui?.itemLeadingAvatarSize || props.uiOverride?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: [uiOverride?.itemLeadingAvatar, item.ui?.itemLeadingAvatar], active })" />
-      </slot>
-
-      <span v-if="get(item, props.labelKey) || !!slots[item.slot ? `${item.slot}-label` : 'item-label']" :class="ui.itemLabel({ class: [uiOverride?.itemLabel, item.ui?.itemLabel], active })">
-        <slot :name="item.slot ? `${item.slot}-label` : 'item-label'" :item="item" :active="active" :index="index">
-          {{ get(item, props.labelKey) }}
-        </slot>
-
-        <UIcon v-if="item.target === '_blank' && externalIcon !== false" :name="typeof externalIcon === 'string' ? externalIcon : appConfig.ui.icons.external" :class="ui.itemLabelExternalIcon({ class: [uiOverride?.itemLabelExternalIcon, item.ui?.itemLabelExternalIcon], color: item?.color, active })" />
-      </span>
-
-      <span :class="ui.itemTrailing({ class: [uiOverride?.itemTrailing, item.ui?.itemTrailing] })">
-        <slot :name="item.slot ? `${item.slot}-trailing` : 'item-trailing'" :item="item" :active="active" :index="index">
-          <UIcon v-if="item.children?.length" :name="childrenIcon" :class="ui.itemTrailingIcon({ class: [uiOverride?.itemTrailingIcon, item.ui?.itemTrailingIcon], color: item?.color, active })" />
-          <span v-else-if="item.kbds?.length" :class="ui.itemTrailingKbds({ class: [uiOverride?.itemTrailingKbds, item.ui?.itemTrailingKbds] })">
-            <UKbd v-for="(kbd, kbdIndex) in item.kbds" :key="kbdIndex" :size="item.ui?.itemTrailingKbdsSize || props.uiOverride?.itemTrailingKbdsSize || ui.itemTrailingKbdsSize()" v-bind="typeof kbd === 'string' ? { value: kbd } : kbd" />
-          </span>
-        </slot>
-
-        <ContextMenu.ItemIndicator as-child>
-          <UIcon :name="checkedIcon || appConfig.ui.icons.check" :class="ui.itemTrailingIcon({ class: [uiOverride?.itemTrailingIcon, item.ui?.itemTrailingIcon], color: item?.color })" />
-        </ContextMenu.ItemIndicator>
-      </span>
-    </slot>
-  </DefineItemTemplate>
-
-  <ContextMenu.Portal v-bind="portalProps">
-    <component :is="sub ? ContextMenu.SubContent : ContextMenu.Content" :class="props.class" v-bind="contentProps">
-      <slot name="content-top" />
-
-      <div role="presentation" :class="ui.viewport({ class: props.ui?.viewport })">
-        <ContextMenu.Group v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: uiOverride?.group })">
-          <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
-            <ContextMenu.Label v-if="item.type === 'label'" :class="ui.label({ class: [uiOverride?.label, item.ui?.label, item.class] })">
-              <ReuseItemTemplate :item="item" :index="index" />
-            </ContextMenu.Label>
-            <ContextMenu.Separator v-else-if="item.type === 'separator'" :class="ui.separator({ class: [uiOverride?.separator, item.ui?.separator, item.class] })" />
-            <ContextMenu.Sub v-else-if="item?.children?.length" :open="item.open" :default-open="item.defaultOpen">
-              <ContextMenu.SubTrigger
-                as="button"
-                type="button"
-                :disabled="item.disabled"
-                :text-value="get(item, props.labelKey)"
-                :class="ui.item({ class: [uiOverride?.item, item.ui?.item, item.class], color: item?.color })"
-              >
-                <ReuseItemTemplate :item="item" :index="index" />
-              </ContextMenu.SubTrigger>
-
-              <UContextMenuContent
-                sub
-                :class="props.class"
-                :ui="ui"
-                :ui-override="uiOverride"
-                :portal="portal"
-                :items="item.children"
-                :align-offset="-4"
-                :label-key="labelKey"
-                :checked-icon="checkedIcon"
-                :loading-icon="loadingIcon"
-                :external-icon="externalIcon"
-                v-bind="item.content"
-              >
-                <template v-for="(_, name) in proxySlots" #[name]="slotData">
-                  <slot :name="name" v-bind="slotData" />
-                </template>
-              </UContextMenuContent>
-            </ContextMenu.Sub>
-            <ContextMenu.CheckboxItem
-              v-else-if="item.type === 'checkbox'"
-              :model-value="item.checked"
-              :disabled="item.disabled"
-              :text-value="get(item, props.labelKey)"
-              :class="ui.item({ class: [uiOverride?.item, item.ui?.item, item.class], color: item?.color })"
-              @update:model-value="item.onUpdateChecked"
-              @select="item.onSelect"
-            >
-              <ReuseItemTemplate :item="item" :index="index" />
-            </ContextMenu.CheckboxItem>
-            <ContextMenu.Item
-              v-else
-              as-child
-              :disabled="item.disabled"
-              :text-value="get(item, props.labelKey)"
-              @select="item.onSelect"
-            >
-              <ULink v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item)" custom>
-                <ULinkBase v-bind="slotProps" :class="ui.item({ class: [uiOverride?.item, item.ui?.item, item.class], active, color: item?.color })">
-                  <ReuseItemTemplate :item="item" :active="active" :index="index" />
-                </ULinkBase>
-              </ULink>
-            </ContextMenu.Item>
-          </template>
-        </ContextMenu.Group>
-      </div>
-
-      <slot />
-
-      <slot name="content-bottom" />
-    </component>
-  </ContextMenu.Portal>
+  <DefineItemTemplate v-slot="{ item, active, index }">
+    <slot :name="item.slot || 'item'" :item="item" :index="index">
+      <slot :name="item.slot ? `${item.slot}-leading` : 'item-leading'" :item="item" :active="active" :index="index">
+        <UIcon v-if="item.loading" :name="loadingIcon || appConfig.ui.icons.loading" :class="ui.itemLeadingIcon({ class: [uiOverride?.itemLeadingIcon, item.ui?.itemLeadingIcon], color: item?.color, loading: true })" />
+        <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: [uiOverride?.itemLeadingIcon, item.ui?.itemLeadingIcon], color: item?.color, active })" />
+        <UAvatar v-else-if="item.avatar" :size="item.ui?.itemLeadingAvatarSize || props.uiOverride?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: [uiOverride?.itemLeadingAvatar, item.ui?.itemLeadingAvatar], active })" />
+      </slot>
+
+      <span v-if="get(item, props.labelKey) || !!slots[item.slot ? `${item.slot}-label` : 'item-label']" :class="ui.itemLabel({ class: [uiOverride?.itemLabel, item.ui?.itemLabel], active })">
+        <slot :name="item.slot ? `${item.slot}-label` : 'item-label'" :item="item" :active="active" :index="index">
+          {{ get(item, props.labelKey) }}
+        </slot>
+
+        <UIcon v-if="item.target === '_blank' && externalIcon !== false" :name="typeof externalIcon === 'string' ? externalIcon : appConfig.ui.icons.external" :class="ui.itemLabelExternalIcon({ class: [uiOverride?.itemLabelExternalIcon, item.ui?.itemLabelExternalIcon], color: item?.color, active })" />
+      </span>
+
+      <span :class="ui.itemTrailing({ class: [uiOverride?.itemTrailing, item.ui?.itemTrailing] })">
+        <slot :name="item.slot ? `${item.slot}-trailing` : 'item-trailing'" :item="item" :active="active" :index="index">
+          <UIcon v-if="item.children?.length" :name="childrenIcon" :class="ui.itemTrailingIcon({ class: [uiOverride?.itemTrailingIcon, item.ui?.itemTrailingIcon], color: item?.color, active })" />
+          <span v-else-if="item.kbds?.length" :class="ui.itemTrailingKbds({ class: [uiOverride?.itemTrailingKbds, item.ui?.itemTrailingKbds] })">
+            <UKbd v-for="(kbd, kbdIndex) in item.kbds" :key="kbdIndex" :size="item.ui?.itemTrailingKbdsSize || props.uiOverride?.itemTrailingKbdsSize || ui.itemTrailingKbdsSize()" v-bind="typeof kbd === 'string' ? { value: kbd } : kbd" />
+          </span>
+        </slot>
+
+        <ContextMenu.ItemIndicator as-child>
+          <UIcon :name="checkedIcon || appConfig.ui.icons.check" :class="ui.itemTrailingIcon({ class: [uiOverride?.itemTrailingIcon, item.ui?.itemTrailingIcon], color: item?.color })" />
+        </ContextMenu.ItemIndicator>
+      </span>
+    </slot>
+  </DefineItemTemplate>
+
+  <ContextMenu.Portal v-bind="portalProps">
+    <component :is="sub ? ContextMenu.SubContent : ContextMenu.Content" :class="props.class" v-bind="contentProps">
+      <slot name="content-top" />
+
+      <div role="presentation" :class="ui.viewport({ class: props.ui?.viewport })">
+        <ContextMenu.Group v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: uiOverride?.group })">
+          <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
+            <ContextMenu.Label v-if="item.type === 'label'" :class="ui.label({ class: [uiOverride?.label, item.ui?.label, item.class] })">
+              <ReuseItemTemplate :item="item" :index="index" />
+            </ContextMenu.Label>
+            <ContextMenu.Separator v-else-if="item.type === 'separator'" :class="ui.separator({ class: [uiOverride?.separator, item.ui?.separator, item.class] })" />
+            <ContextMenu.Sub v-else-if="item?.children?.length" :open="item.open" :default-open="item.defaultOpen">
+              <ContextMenu.SubTrigger
+                as="button"
+                type="button"
+                :disabled="item.disabled"
+                :text-value="get(item, props.labelKey)"
+                :class="ui.item({ class: [uiOverride?.item, item.ui?.item, item.class], color: item?.color })"
+              >
+                <ReuseItemTemplate :item="item" :index="index" />
+              </ContextMenu.SubTrigger>
+
+              <UContextMenuContent
+                sub
+                :class="props.class"
+                :ui="ui"
+                :ui-override="uiOverride"
+                :portal="portal"
+                :items="item.children"
+                :align-offset="-4"
+                :label-key="labelKey"
+                :checked-icon="checkedIcon"
+                :loading-icon="loadingIcon"
+                :external-icon="externalIcon"
+                v-bind="item.content"
+              >
+                <template v-for="(_, name) in proxySlots" #[name]="slotData">
+                  <slot :name="name" v-bind="slotData" />
+                </template>
+              </UContextMenuContent>
+            </ContextMenu.Sub>
+            <ContextMenu.CheckboxItem
+              v-else-if="item.type === 'checkbox'"
+              :model-value="item.checked"
+              :disabled="item.disabled"
+              :text-value="get(item, props.labelKey)"
+              :class="ui.item({ class: [uiOverride?.item, item.ui?.item, item.class], color: item?.color })"
+              @update:model-value="item.onUpdateChecked"
+              @select="item.onSelect"
+            >
+              <ReuseItemTemplate :item="item" :index="index" />
+            </ContextMenu.CheckboxItem>
+            <ContextMenu.Item
+              v-else
+              as-child
+              :disabled="item.disabled"
+              :text-value="get(item, props.labelKey)"
+              @select="item.onSelect"
+            >
+              <ULink v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item)" custom>
+                <ULinkBase v-bind="slotProps" :class="ui.item({ class: [uiOverride?.item, item.ui?.item, item.class], active, color: item?.color })">
+                  <ReuseItemTemplate :item="item" :active="active" :index="index" />
+                </ULinkBase>
+              </ULink>
+            </ContextMenu.Item>
+          </template>
+        </ContextMenu.Group>
+      </div>
+
+      <slot />
+
+      <slot name="content-bottom" />
+    </component>
+  </ContextMenu.Portal>
 </template>

package/dist/runtime/components/DashboardGroup.vue

@@ -40,7 +40,7 @@ provideDashboardContext({
 </script>
 
 <template>
-  <Primitive :as="props.as" :class="ui({ class: props.class })">
-    <slot />
-  </Primitive>
+  <Primitive :as="props.as" :class="ui({ class: props.class })">
+    <slot />
+  </Primitive>
 </template>

package/dist/runtime/components/DashboardNavbar.vue

@@ -26,49 +26,49 @@ const uiPro = computed(
   () => tv({
     extend: tv(theme),
     ...appConfig.ui?.dashboardNavbar
-  })
+  })()
 );
 </script>
 
 <template>
-  <DefineToggleTemplate>
-    <slot name="toggle" v-bind="dashboardContext">
-      <UDashboardSidebarToggle
-        v-if="props.toggle"
-        v-bind="typeof props.toggle === 'object' ? props.toggle : {}"
-        :side="props.toggleSide"
-        :class="uiPro.toggle({ class: props.ui?.toggle, toggleSide: props.toggleSide })"
-      />
-    </slot>
-  </DefineToggleTemplate>
-
-  <Primitive :as="props.as" :class="uiPro.root({ class: [props.ui?.root, props.class] })">
-    <div :class="uiPro.left({ class: props.ui?.left })">
-      <ReuseToggleTemplate v-if="props.toggleSide === 'left'" />
-
-      <slot name="left" v-bind="dashboardContext">
-        <slot name="leading" v-bind="dashboardContext">
-          <UIcon v-if="props.icon" :name="props.icon" :class="uiPro.icon({ class: props.ui?.icon })" />
-        </slot>
-
-        <h1 :class="uiPro.title({ class: props.ui?.title })">
-          <slot name="title">
-            {{ props.title }}
-          </slot>
-        </h1>
-
-        <slot name="trailing" v-bind="dashboardContext" />
-      </slot>
-    </div>
-
-    <div v-if="!!slots.default" :class="uiPro.center({ class: props.ui?.center })">
-      <slot v-bind="dashboardContext" />
-    </div>
-
-    <div :class="uiPro.right({ class: props.ui?.right })">
-      <slot name="right" v-bind="dashboardContext" />
-
-      <ReuseToggleTemplate v-if="props.toggleSide === 'right'" />
-    </div>
-  </Primitive>
+  <DefineToggleTemplate>
+    <slot name="toggle" v-bind="dashboardContext">
+      <UDashboardSidebarToggle
+        v-if="props.toggle"
+        v-bind="typeof props.toggle === 'object' ? props.toggle : {}"
+        :side="props.toggleSide"
+        :class="uiPro.toggle({ class: props.ui?.toggle, toggleSide: props.toggleSide })"
+      />
+    </slot>
+  </DefineToggleTemplate>
+
+  <Primitive :as="props.as" :class="uiPro.root({ class: [props.ui?.root, props.class] })">
+    <div :class="uiPro.left({ class: props.ui?.left })">
+      <ReuseToggleTemplate v-if="props.toggleSide === 'left'" />
+
+      <slot name="left" v-bind="dashboardContext">
+        <slot name="leading" v-bind="dashboardContext">
+          <UIcon v-if="props.icon" :name="props.icon" :class="uiPro.icon({ class: props.ui?.icon })" />
+        </slot>
+
+        <h1 :class="uiPro.title({ class: props.ui?.title })">
+          <slot name="title">
+            {{ props.title }}
+          </slot>
+        </h1>
+
+        <slot name="trailing" v-bind="dashboardContext" />
+      </slot>
+    </div>
+
+    <div v-if="$slots.default" :class="uiPro.center({ class: props.ui?.center })">
+      <slot v-bind="dashboardContext" />
+    </div>
+
+    <div :class="uiPro.right({ class: props.ui?.right })">
+      <slot name="right" v-bind="dashboardContext" />
+
+      <ReuseToggleTemplate v-if="props.toggleSide === 'right'" />
+    </div>
+  </Primitive>
 </template>

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

@@ -1,5 +1,5 @@
 import type { AppConfig } from '@nuxt/schema';
-import type { ButtonProps, ComponentConfig } from '@nuxt/ui';
+import type { ButtonProps, ComponentConfig } from '../types';
 import type { DashboardContext } from '../utils/dashboard';
 import theme from '#build/ui/dashboard-navbar';
 type DashboardNavbar = ComponentConfig<typeof theme, AppConfig, 'dashboardNavbar'>;

package/dist/runtime/components/DashboardPanel.vue

@@ -3,7 +3,7 @@ import theme from "#build/ui/dashboard-panel";
 </script>
 
 <script setup>
-import { useId, toRef } from "vue";
+import { useId, toRef, computed } from "vue";
 import { useAppConfig } from "#imports";
 import { useResizable } from "../composables/useResizable";
 import { useDashboard } from "../utils/dashboard";
@@ -22,35 +22,35 @@ const appConfig = useAppConfig();
 const dashboardContext = useDashboard({ storageKey: "dashboard", unit: "%" });
 const panelId = `${dashboardContext.storageKey}-panel-${props.id || useId()}`;
 const { el, size, isDragging, onMouseDown, onTouchStart } = useResizable(panelId, toRef(() => ({ ...dashboardContext, ...props })));
-const uiPro = tv({ extend: tv(theme), ...appConfig.ui?.dashboardPanel });
+const uiPro = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.dashboardPanel })());
 </script>
 
 <template>
-  <div
-    :id="panelId"
-    ref="el"
-    :data-dragging="isDragging"
-    :class="uiPro.root({ class: [props.ui?.root, props.class] })"
-    :style="size ? { '--width': `${size}${dashboardContext.unit}` } : void 0"
-  >
-    <slot>
-      <slot name="header" />
-
-      <div :class="uiPro.body({ class: props.ui?.body })">
-        <slot name="body" />
-      </div>
-
-      <slot name="footer" />
-    </slot>
-  </div>
-
-  <slot name="resize-handle" :on-mouse-down="onMouseDown" :on-touch-start="onTouchStart">
-    <UDashboardResizeHandle
-      v-if="props.resizable"
-      :aria-controls="panelId"
-      :class="uiPro.handle({ class: props.ui?.handle })"
-      @mousedown="onMouseDown"
-      @touchstart="onTouchStart"
-    />
-  </slot>
+  <div
+    :id="panelId"
+    ref="el"
+    :data-dragging="isDragging"
+    :class="uiPro.root({ class: [props.ui?.root, props.class] })"
+    :style="size ? { '--width': `${size}${dashboardContext.unit}` } : void 0"
+  >
+    <slot>
+      <slot name="header" />
+
+      <div :class="uiPro.body({ class: props.ui?.body })">
+        <slot name="body" />
+      </div>
+
+      <slot name="footer" />
+    </slot>
+  </div>
+
+  <slot name="resize-handle" :on-mouse-down="onMouseDown" :on-touch-start="onTouchStart">
+    <UDashboardResizeHandle
+      v-if="props.resizable"
+      :aria-controls="panelId"
+      :class="uiPro.handle({ class: props.ui?.handle })"
+      @mousedown="onMouseDown"
+      @touchstart="onTouchStart"
+    />
+  </slot>
 </template>

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

@@ -1,5 +1,5 @@
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '@nuxt/ui';
+import type { ComponentConfig } from '../types';
 import type { UseResizableProps } from '../composables/useResizable';
 import theme from '#build/ui/dashboard-panel';
 type DashboardPanel = ComponentConfig<typeof theme, AppConfig, 'dashboardPanel'>;

package/dist/runtime/components/DashboardResizeHandle.vue

@@ -22,11 +22,11 @@ const ui = computed(
 </script>
 
 <template>
-  <Primitive
-    :as="as"
-    role="separator"
-    :class="ui({ class: props.class })"
-  >
-    <slot />
-  </Primitive>
+  <Primitive
+    :as="as"
+    role="separator"
+    :class="ui({ class: props.class })"
+  >
+    <slot />
+  </Primitive>
 </template>

package/dist/runtime/components/DashboardSearch.vue

@@ -7,14 +7,13 @@ import { computed, useTemplateRef } from "vue";
 import { useForwardProps } from "reka-ui";
 import { defu } from "defu";
 import { reactivePick } from "@vueuse/core";
-import { omit } from "@nuxt/ui/utils";
 import { useAppConfig, useColorMode, defineShortcuts, useRuntimeHook } from "#imports";
 import { useLocalePro } from "../composables/useLocalePro";
-import { transformUI } from "../utils";
+import { transformUI, omit } from "../utils";
 import { tv } from "../utils/tv";
 const props = defineProps({
   icon: { type: String, required: false },
-  placeholder: { type: null, required: false },
+  placeholder: { type: String, required: false },
   autofocus: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
   loadingIcon: { type: String, required: false },
@@ -45,10 +44,10 @@ const fuse = computed(
     fuseOptions: {}
   })
 );
-const uiPro = tv({
+const uiPro = computed(() => tv({
   extend: tv(theme),
   ...appConfig.ui?.dashboardSearch
-});
+})());
 const groups = computed(() => {
   const arr = [...props.groups || []];
   if (props.colorMode && !colorModeComposable?.forced) {
@@ -101,24 +100,24 @@ defineExpose({ commandPaletteRef });
 </script>
 
 <template>
-  <UModal v-model:open="open" :class="uiPro.modal({ class: props.class })">
-    <template #content>
-      <slot name="content">
-        <UCommandPalette
-          ref="commandPaletteRef"
-          v-model:search-term="searchTerm"
-          v-bind="commandPaletteProps"
-          :groups="groups"
-          :fuse="fuse"
-          :ui="transformUI(uiPro, props.ui)"
-          @update:model-value="onSelect"
-          @update:open="open = $event"
-        >
-          <template v-for="(_, name) in proxySlots" :key="name" #[name]="slotProps">
-            <slot :name="name" v-bind="slotProps" />
-          </template>
-        </UCommandPalette>
-      </slot>
-    </template>
-  </UModal>
+  <UModal v-model:open="open" :class="uiPro.modal({ class: props.class })">
+    <template #content>
+      <slot name="content">
+        <UCommandPalette
+          ref="commandPaletteRef"
+          v-model:search-term="searchTerm"
+          v-bind="commandPaletteProps"
+          :groups="groups"
+          :fuse="fuse"
+          :ui="transformUI(uiPro, props.ui)"
+          @update:model-value="onSelect"
+          @update:open="open = $event"
+        >
+          <template v-for="(_, name) in proxySlots" :key="name" #[name]="slotProps">
+            <slot :name="name" v-bind="slotProps" />
+          </template>
+        </UCommandPalette>
+      </slot>
+    </template>
+  </UModal>
 </template>

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

@@ -1,5 +1,5 @@
 import type { AppConfig } from '@nuxt/schema';
-import type { ButtonProps, InputProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, ComponentConfig } from '@eslamdevui/ui';
+import type { ButtonProps, InputProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, ComponentConfig } from '../types';
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse';
 import theme from '#build/ui/dashboard-search';
 export type DashboardSearch<_T extends CommandPaletteItem = CommandPaletteItem> = ComponentConfig<typeof theme, AppConfig, 'dashboardSearch'>;
@@ -25,7 +25,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DashboardS
     open?: boolean;
     searchTerm?: string;
 }, {
-    commandPaletteRef: Readonly<import("vue").ShallowRef<unknown>>;
+    commandPaletteRef: Readonly<import("vue").ShallowRef<any>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
     "update:searchTerm": (value: string) => any;
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DashboardS
     close: boolean | Partial<ButtonProps>;
     colorMode: boolean;
     shortcut: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, DashboardSearchSlots<CommandPaletteItem>>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {