@bitrix24/b24ui-nuxt 0.5.11 → 0.6.1

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

@@ -0,0 +1,217 @@
+import type { ComboboxRootProps, ComboboxRootEmits, ComboboxContentProps, ComboboxContentEmits, ComboboxArrowProps } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/select-menu';
+import type { UseComponentIconsProps } from '../composables/useComponentIcons';
+import type { AvatarProps, ChipProps, InputProps, IconComponent } from '../types';
+import type { AcceptableValue, ArrayOrNested, GetItemKeys, GetModelValue, GetModelValueEmits, NestedItem, EmitsToProps, ComponentConfig } from '../types/utils';
+type SelectMenu = ComponentConfig<typeof theme, AppConfig, 'selectMenu'>;
+interface _SelectMenuItem {
+    label?: string;
+    /**
+     * Display an icon on the left side.
+     * @IconComponent
+     */
+    icon?: IconComponent;
+    avatar?: AvatarProps;
+    color?: SelectMenu['variants']['color'];
+    chip?: ChipProps;
+    /**
+     * The item type.
+     * @defaultValue 'item'
+     */
+    type?: 'label' | 'separator' | 'item';
+    disabled?: boolean;
+    onSelect?(e?: Event): void;
+    [key: string]: any;
+}
+export type SelectMenuItem = _SelectMenuItem | AcceptableValue | boolean;
+export interface SelectMenuProps<T extends ArrayOrNested<SelectMenuItem> = ArrayOrNested<SelectMenuItem>, VK extends GetItemKeys<T> | undefined = undefined, M extends boolean = false> extends Pick<ComboboxRootProps<T>, 'open' | 'defaultOpen' | 'disabled' | 'name' | 'resetSearchTermOnBlur' | 'resetSearchTermOnSelect' | 'highlightOnHover'>, UseComponentIconsProps {
+    id?: string;
+    /** The placeholder text when the select is empty. */
+    placeholder?: string;
+    /**
+     * Whether to display the search input or not.
+     * Can be an object to pass additional props to the input.
+     * `{ placeholder: 'Search...', type: 'search' }`{lang="ts"}
+     * @defaultValue true
+     */
+    searchInput?: boolean | InputProps;
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: SelectMenu['variants']['color'];
+    /**
+     * @defaultValue 'md'
+     */
+    size?: SelectMenu['variants']['size'];
+    /**
+     * Removes padding from input
+     * @defaultValue false
+     */
+    noPadding?: boolean;
+    /**
+     * Removes all borders (rings)
+     * @defaultValue false
+     */
+    noBorder?: boolean;
+    /**
+     * Removes all borders (rings) except the bottom one
+     * @defaultValue false
+     */
+    underline?: boolean;
+    /**
+     * Rounds the corners of the button
+     * @defaultValue false
+     */
+    rounded?: boolean;
+    tag?: string;
+    /**
+     * @defaultValue 'primary'
+     */
+    tagColor?: SelectMenu['variants']['tagColor'];
+    /**
+     * @defaultValue false
+     */
+    required?: boolean;
+    /**
+     * The icon displayed to open the menu.
+     * @defaultValue icons.chevronDown
+     * @IconComponent
+     */
+    trailingIcon?: IconComponent;
+    /**
+     * The icon displayed when an item is selected.
+     * @defaultValue icons.check
+     * @IconComponent
+     */
+    selectedIcon?: IconComponent;
+    /**
+     * The content of the menu.
+     * @defaultValue { side: 'bottom', sideOffset: 8, collisionPadding: 8, position: 'popper' }
+     */
+    content?: Omit<ComboboxContentProps, 'as' | 'asChild' | 'forceMount'> & Partial<EmitsToProps<ComboboxContentEmits>>;
+    /**
+     * Display an arrow alongside the menu.
+     * @defaultValue false
+     */
+    arrow?: boolean | Omit<ComboboxArrowProps, 'as' | 'asChild'>;
+    /**
+     * Render the menu in a portal.
+     * @defaultValue true
+     */
+    portal?: boolean;
+    /**
+     * When `items` is an array of objects, select the field to use as the value instead of the object itself.
+     * @defaultValue undefined
+     */
+    valueKey?: VK;
+    /**
+     * When `items` is an array of objects, select the field to use as the label.
+     * @defaultValue 'label'
+     */
+    labelKey?: keyof NestedItem<T>;
+    items?: T;
+    /**
+     * The value of the SelectMenu when initially rendered. Use when you do not need to control the state of the SelectMenu
+     */
+    defaultValue?: GetModelValue<T, VK, M>;
+    /**
+     * The controlled value of the SelectMenu. Can be binded-with with `v-model`
+     */
+    modelValue?: GetModelValue<T, VK, M>;
+    /**
+     * Whether multiple options can be selected or not
+     * @defaultValue false
+     */
+    multiple?: M & boolean;
+    /**
+     * Highlight the ring color like a focus state
+     * @defaultValue false
+     */
+    highlight?: boolean;
+    /**
+     * Determines if custom user input that does not exist in options can be added.
+     * @defaultValue false
+     */
+    createItem?: boolean | 'always' | {
+        position?: 'top' | 'bottom';
+        when?: 'empty' | 'always';
+    };
+    /**
+     * Fields to filter items by.
+     * @defaultValue [labelKey]
+     */
+    filterFields?: string[];
+    /**
+     * When `true`, disable the default filters, useful for custom filtering (useAsyncData, useFetch, etc.).
+     * @defaultValue false
+     */
+    ignoreFilter?: boolean;
+    class?: any;
+    b24ui?: SelectMenu['slots'];
+}
+export type SelectMenuEmits<A extends ArrayOrNested<SelectMenuItem>, VK extends GetItemKeys<A> | undefined, M extends boolean> = Pick<ComboboxRootEmits, 'update:open'> & {
+    change: [payload: Event];
+    blur: [payload: FocusEvent];
+    focus: [payload: FocusEvent];
+    create: [item: string];
+    /** Event handler when highlighted element changes. */
+    highlight: [
+        payload: {
+            ref: HTMLElement;
+            value: GetModelValue<A, VK, M>;
+        } | undefined
+    ];
+} & GetModelValueEmits<A, VK, M>;
+type SlotProps<T extends SelectMenuItem> = (props: {
+    item: T;
+    index: number;
+}) => any;
+export interface SelectMenuSlots<A extends ArrayOrNested<SelectMenuItem> = ArrayOrNested<SelectMenuItem>, VK extends GetItemKeys<A> | undefined = undefined, M extends boolean = false, T extends NestedItem<A> = NestedItem<A>> {
+    'leading'(props: {
+        modelValue?: GetModelValue<A, VK, M>;
+        open: boolean;
+        b24ui: {
+            [K in keyof Required<SelectMenu['slots']>]: (props?: Record<string, any>) => string;
+        };
+    }): any;
+    'default'(props: {
+        modelValue?: GetModelValue<A, VK, M>;
+        open: boolean;
+    }): any;
+    'trailing'(props: {
+        modelValue?: GetModelValue<A, VK, M>;
+        open: boolean;
+        b24ui: {
+            [K in keyof Required<SelectMenu['slots']>]: (props?: Record<string, any>) => string;
+        };
+    }): any;
+    'empty'(props: {
+        searchTerm?: string;
+    }): any;
+    'item': SlotProps<T>;
+    'item-leading': SlotProps<T>;
+    'item-label': SlotProps<T>;
+    'item-trailing': SlotProps<T>;
+    'create-item-label'(props: {
+        item: string;
+    }): any;
+}
+declare const _default: <T extends ArrayOrNested<SelectMenuItem>, VK extends GetItemKeys<T> | undefined = undefined, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & ({
+        searchTerm?: string;
+    } & SelectMenuProps<T, VK, M>) & Partial<{}>> & (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps);
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<SelectMenuSlots<T, VK, M, NestedItem<T>>> & SelectMenuSlots<T, VK, M, NestedItem<T>>;
+    emit: (((evt: "blur", payload: FocusEvent) => void) & ((evt: "change", payload: Event) => void) & ((evt: "focus", payload: FocusEvent) => void) & ((evt: "create", item: string) => void) & ((evt: "highlight", payload: {
+        ref: HTMLElement;
+        value: GetModelValue<T, VK, M>;
+    } | undefined) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: GetModelValue<T, VK, M>) => void)) & ((evt: "update:searchTerm", value: string) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/runtime/components/Separator.vue

@@ -1,80 +1,36 @@
-<script lang="ts">
-import type { VariantProps } from 'tailwind-variants'
-import type { SeparatorProps as _SeparatorProps } from 'reka-ui'
-import type { AppConfig } from '@nuxt/schema'
-import _appConfig from '#build/app.config'
-import theme from '#build/b24ui/separator'
-import { tv } from '../utils/tv'
-import type { AvatarProps, IconComponent } from '../types'
-
-const appConfigSeparator = _appConfig as AppConfig & { b24ui: { separator: Partial<typeof theme> } }
-
-const separator = tv({ extend: tv(theme), ...(appConfigSeparator.b24ui?.separator || {}) })
-
-type SeparatorVariants = VariantProps<typeof separator>
-
-export interface SeparatorProps extends Pick<_SeparatorProps, 'decorative'> {
-  /**
-   * The element or component this component should render as.
-   * @defaultValue 'div'
-   */
-  as?: any
-  /** Display a label in the middle. */
-  label?: string
-  /**
-   * Display an icon in the middle
-   * @IconComponent
-   */
-  icon?: IconComponent
-  /**
-   * Display an avatar in the middle
-   */
-  avatar?: AvatarProps
-  /**
-   * @defaultValue 'default'
-   */
-  color?: SeparatorVariants['color']
-  /**
-   * @defaultValue 'xs'
-   */
-  size?: SeparatorVariants['size']
-  /**
-   * @defaultValue 'solid'
-   */
-  type?: SeparatorVariants['type']
-  /**
-   * The orientation of the separator.
-   * @defaultValue 'horizontal'
-   */
-  orientation?: _SeparatorProps['orientation']
-  class?: any
-  b24ui?: Partial<typeof separator.slots>
-}
-
-export interface SeparatorSlots {
-  default(props?: {}): any
-}
+<script>
+import theme from "#build/b24ui/separator";
 </script>
 
-<script setup lang="ts">
-import { computed } from 'vue'
-import { Separator, useForwardProps } from 'reka-ui'
-import { reactivePick } from '@vueuse/core'
-import B24Avatar from './Avatar.vue'
-
-const props = withDefaults(defineProps<SeparatorProps>(), {
-  orientation: 'horizontal'
-})
-const slots = defineSlots<SeparatorSlots>()
-
-const rootProps = useForwardProps(reactivePick(props, 'as', 'decorative', 'orientation'))
-
-const b24ui = computed(() => separator({
+<script setup>
+import { computed } from "vue";
+import { Separator, useForwardProps } from "reka-ui";
+import { reactivePick } from "@vueuse/core";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
+import B24Avatar from "./Avatar.vue";
+const props = defineProps({
+  as: { type: null, required: false },
+  label: { type: String, required: false },
+  icon: { type: [Function, Object], required: false },
+  avatar: { type: Object, required: false },
+  color: { type: null, required: false },
+  size: { type: null, required: false },
+  type: { type: null, required: false },
+  orientation: { type: null, required: false, default: "horizontal" },
+  class: { type: null, required: false },
+  b24ui: { type: null, required: false },
+  decorative: { type: Boolean, required: false }
+});
+const slots = defineSlots();
+const appConfig = useAppConfig();
+const rootProps = useForwardProps(reactivePick(props, "as", "decorative", "orientation"));
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.separator || {} })({
   color: props.color,
   orientation: props.orientation,
   size: props.size,
   type: props.type
-}))
+}));
 </script>
 
 <template>
@@ -86,7 +42,7 @@ const b24ui = computed(() => separator({
         <slot>
           <span v-if="label" :class="b24ui.label({ class: props.b24ui?.label })">{{ label }}</span>
           <Component :is="icon" v-else-if="icon" :class="b24ui.icon({ class: props.b24ui?.icon })" />
-          <B24Avatar v-else-if="avatar" :size="((props.b24ui?.avatarSize || b24ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" :class="b24ui.avatar({ class: props.b24ui?.avatar })" />
+          <B24Avatar v-else-if="avatar" :size="props.b24ui?.avatarSize || b24ui.avatarSize()" v-bind="avatar" :class="b24ui.avatar({ class: props.b24ui?.avatar })" />
         </slot>
       </div>
 

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

@@ -0,0 +1,77 @@
+import { Separator } from 'reka-ui';
+import type { SeparatorProps as _SeparatorProps } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/separator';
+import type { AvatarProps, IconComponent } from '../types';
+import type { ComponentConfig } from '../types/utils';
+type Separator = ComponentConfig<typeof theme, AppConfig, 'separator'>;
+export interface SeparatorProps extends Pick<_SeparatorProps, 'decorative'> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    /** Display a label in the middle. */
+    label?: string;
+    /**
+     * Display an icon in the middle
+     * @IconComponent
+     */
+    icon?: IconComponent;
+    /**
+     * Display an avatar in the middle
+     */
+    avatar?: AvatarProps;
+    /**
+     * @defaultValue 'default'
+     */
+    color?: Separator['variants']['color'];
+    /**
+     * @defaultValue 'xs'
+     */
+    size?: Separator['variants']['size'];
+    /**
+     * @defaultValue 'solid'
+     */
+    type?: Separator['variants']['type'];
+    /**
+     * The orientation of the separator.
+     * @defaultValue 'horizontal'
+     */
+    orientation?: _SeparatorProps['orientation'];
+    class?: any;
+    b24ui?: Separator['slots'];
+}
+export interface SeparatorSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SeparatorProps>, {
+    orientation: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SeparatorProps>, {
+    orientation: string;
+}>>> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<SeparatorSlots> & SeparatorSlots>;
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/runtime/components/Sidebar.vue

@@ -1,38 +1,20 @@
-<script lang="ts">
-import type { AppConfig } from '@nuxt/schema'
-import _appConfig from '#build/app.config'
-import theme from '#build/b24ui/sidebar'
-import { tv } from '../utils/tv'
-
-const appConfigSidebar = _appConfig as AppConfig & { b24ui: { sidebar: Partial<typeof theme> } }
-
-const sidebar = tv({ extend: tv(theme), ...(appConfigSidebar.b24ui?.sidebar || {}) })
-
-export interface SidebarProps {
-  /**
-   * The element or component this component should render as.
-   * @defaultValue 'div'
-   */
-  as?: any
-  class?: any
-  b24ui?: Partial<typeof sidebar.slots>
-}
-
-export interface SidebarSlots {
-  default(props?: {}): any
-}
+<script>
+import theme from "#build/b24ui/sidebar";
 </script>
 
-<script setup lang="ts">
-import { Primitive } from 'reka-ui'
-
-const props = withDefaults(defineProps<SidebarProps>(), {
-  as: 'div'
-})
-defineSlots<SidebarSlots>()
-
-// eslint-disable-next-line vue/no-dupe-keys
-const b24ui = sidebar()
+<script setup>
+import { computed } from "vue";
+import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
+const props = defineProps({
+  as: { type: null, required: false, default: "div" },
+  class: { type: null, required: false },
+  b24ui: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.sidebar || {} })());
 </script>
 
 <template>

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

@@ -0,0 +1,46 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/sidebar';
+import type { ComponentConfig } from '../types/utils';
+type Sidebar = ComponentConfig<typeof theme, AppConfig, 'sidebar'>;
+export interface SidebarProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    class?: any;
+    b24ui?: Sidebar['slots'];
+}
+export interface SidebarSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SidebarProps>, {
+    as: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SidebarProps>, {
+    as: string;
+}>>> & Readonly<{}>, {
+    as: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<SidebarSlots> & SidebarSlots>;
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/runtime/components/SidebarBody.vue

@@ -1,45 +1,23 @@
-<script lang="ts">
-import type { AppConfig } from '@nuxt/schema'
-import _appConfig from '#build/app.config'
-import theme from '#build/b24ui/sidebar-body'
-import { tv } from '../utils/tv'
-
-const appConfigSidebarBody = _appConfig as AppConfig & { b24ui: { sidebarBody: Partial<typeof theme> } }
-
-const sidebarBody = tv({ extend: tv(theme), ...(appConfigSidebarBody.b24ui?.sidebarBody || {}) })
-
-export interface SidebarBodyProps {
-  /**
-   * The element or component this component should render as.
-   * @defaultValue 'div'
-   */
-  as?: any
-  /**
-   * @defaultValue true
-   */
-  scrollbarThin?: boolean
-  class?: any
-  b24ui?: Partial<typeof sidebarBody.slots>
-}
-
-export interface SidebarBodySlots {
-  default(props?: {}): any
-}
+<script>
+import theme from "#build/b24ui/sidebar-body";
 </script>
 
-<script setup lang="ts">
-import { computed } from 'vue'
-import { Primitive } from 'reka-ui'
-
-const props = withDefaults(defineProps<SidebarBodyProps>(), {
-  as: 'div',
-  scrollbarThin: true
-})
-defineSlots<SidebarBodySlots>()
-
-const b24ui = computed(() => sidebarBody({
+<script setup>
+import { computed } from "vue";
+import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
+const props = defineProps({
+  as: { type: null, required: false, default: "div" },
+  scrollbarThin: { type: Boolean, required: false, default: true },
+  class: { type: null, required: false },
+  b24ui: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.sidebarBody || {} })({
   scrollbarThin: Boolean(props.scrollbarThin)
-}))
+}));
 </script>
 
 <template>

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

@@ -0,0 +1,53 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/sidebar-body';
+import type { ComponentConfig } from '../types/utils';
+type SidebarBody = ComponentConfig<typeof theme, AppConfig, 'sidebarBody'>;
+export interface SidebarBodyProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    /**
+     * @defaultValue true
+     */
+    scrollbarThin?: boolean;
+    class?: any;
+    b24ui?: SidebarBody['slots'];
+}
+export interface SidebarBodySlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SidebarBodyProps>, {
+    as: string;
+    scrollbarThin: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SidebarBodyProps>, {
+    as: string;
+    scrollbarThin: boolean;
+}>>> & Readonly<{}>, {
+    as: any;
+    scrollbarThin: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<SidebarBodySlots> & SidebarBodySlots>;
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};