@bitrix24/b24ui-nuxt 0.7.2 → 1.0.1

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

@@ -1,10 +1,10 @@
 import type { NumberFieldRootProps } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/input-number';
-import type { ButtonProps, IconComponent } from '../types';
+import type { ButtonProps, BadgeProps, IconComponent } from '../types';
 import type { ComponentConfig } from '../types/utils';
 type InputNumber = ComponentConfig<typeof theme, AppConfig, 'inputNumber'>;
-export interface InputNumberProps extends Pick<NumberFieldRootProps, 'modelValue' | 'defaultValue' | 'min' | 'max' | 'stepSnapping' | 'step' | 'disabled' | 'required' | 'id' | 'name' | 'formatOptions' | 'disableWheelChange' | 'invertWheelChange'> {
+export interface InputNumberProps extends Pick<NumberFieldRootProps, 'modelValue' | 'defaultValue' | 'min' | 'max' | 'stepSnapping' | 'step' | 'disabled' | 'required' | 'id' | 'name' | 'formatOptions' | 'disableWheelChange' | 'invertWheelChange' | 'readonly'> {
     /**
      * The element or component this component should render as.
      * @defaultValue 'div'
@@ -15,7 +15,7 @@ export interface InputNumberProps extends Pick<NumberFieldRootProps, 'modelValue
      */
     placeholder?: string;
     /**
-     * @defaultValue 'primary'
+     * @defaultValue 'air-primary'
      */
     color?: InputNumber['variants']['color'];
     /**
@@ -44,9 +44,9 @@ export interface InputNumberProps extends Pick<NumberFieldRootProps, 'modelValue
     rounded?: boolean;
     tag?: string;
     /**
-     * @defaultValue 'primary'
+     * @defaultValue 'air-primary'
      */
-    tagColor?: InputNumber['variants']['tagColor'];
+    tagColor?: BadgeProps['color'];
     /**
      * Highlight the ring color like a focus state
      * @defaultValue false
@@ -59,7 +59,7 @@ export interface InputNumberProps extends Pick<NumberFieldRootProps, 'modelValue
     orientation?: 'vertical' | 'horizontal';
     /**
      * Configure the increment button. The `size` is inherited.
-     * @defaultValue { color: 'link', depth: 'light' }
+     * @defaultValue { color: 'air-tertiary-no-accent' }
      */
     increment?: ButtonProps;
     /**
@@ -72,7 +72,7 @@ export interface InputNumberProps extends Pick<NumberFieldRootProps, 'modelValue
     incrementDisabled?: boolean;
     /**
      * Configure the decrement button. The `size` is inherited.
-     * @defaultValue { color: 'link', depth: 'light' }
+     * @defaultValue { color: 'air-tertiary-no-accent' }
      */
     decrement?: ButtonProps;
     /**
@@ -100,9 +100,9 @@ export interface InputNumberProps extends Pick<NumberFieldRootProps, 'modelValue
     b24ui?: InputNumber['slots'];
 }
 export interface InputNumberEmits {
-    (e: 'update:modelValue', payload: number): void;
-    (e: 'blur', event: FocusEvent): void;
-    (e: 'change', payload: Event): void;
+    'update:modelValue': [payload: number];
+    'blur': [event: FocusEvent];
+    'change': [payload: Event];
 }
 export interface InputNumberSlots {
     increment(props?: {}): any;
@@ -121,43 +121,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<InputNumbe
         };
         $refs: {
             [x: string]: unknown;
-        } & {
-            primitiveElement: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-                asChild: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                as: {
-                    type: import("vue").PropType<import("reka-ui").AsTag | import("vue").Component>;
-                    default: string;
-                };
-            }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-                asChild: boolean;
-                as: import("reka-ui").AsTag | import("vue").Component;
-            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("vue").ExtractPropTypes<{
-                asChild: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                as: {
-                    type: import("vue").PropType<import("reka-ui").AsTag | import("vue").Component>;
-                    default: string;
-                };
-            }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, {}, {}, {}, {
-                asChild: boolean;
-                as: import("reka-ui").AsTag | import("vue").Component;
-            }> | null;
         };
         $slots: Readonly<{
             [name: string]: import("vue").Slot<any> | undefined;
@@ -193,7 +156,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<InputNumbe
         as: import("reka-ui").AsTag | import("vue").Component;
     }> & Omit<Readonly<import("reka-ui").NumberFieldInputProps> & Readonly<{}>, "as"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            default?(_: {}): any;
+            default?: (props: {}) => any;
         };
     }) | null, ({
         $: import("vue").ComponentInternalInstance;
@@ -207,43 +170,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<InputNumbe
         };
         $refs: {
             [x: string]: unknown;
-        } & {
-            primitiveElement: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-                asChild: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                as: {
-                    type: import("vue").PropType<import("reka-ui").AsTag | import("vue").Component>;
-                    default: string;
-                };
-            }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-                asChild: boolean;
-                as: import("reka-ui").AsTag | import("vue").Component;
-            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("vue").ExtractPropTypes<{
-                asChild: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                as: {
-                    type: import("vue").PropType<import("reka-ui").AsTag | import("vue").Component>;
-                    default: string;
-                };
-            }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, {}, {}, {}, {
-                asChild: boolean;
-                as: import("reka-ui").AsTag | import("vue").Component;
-            }> | null;
         };
         $slots: Readonly<{
             [name: string]: import("vue").Slot<any> | undefined;
@@ -279,10 +205,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<InputNumbe
         as: import("reka-ui").AsTag | import("vue").Component;
     }> & Omit<Readonly<import("reka-ui").NumberFieldInputProps> & Readonly<{}>, "as"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            default?(_: {}): any;
+            default?: (props: {}) => any;
         };
     }) | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (event: FocusEvent) => any;
     change: (payload: Event) => any;
     "update:modelValue": (payload: number) => any;

package/dist/runtime/components/Kbd.vue

@@ -11,18 +11,21 @@ import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false, default: "kbd" },
   value: { type: null, required: false },
-  depth: { type: null, required: false },
+  accent: { type: null, required: false, default: "default" },
   size: { type: null, required: false },
   class: { type: null, required: false }
 });
 defineSlots();
 const { getKbdKey } = useKbd();
 const appConfig = useAppConfig();
-const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.kbd || {} }));
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.kbd || {} })({
+  accent: props.accent,
+  size: props.size
+}));
 </script>
 
 <template>
-  <Primitive :as="as" :class="b24ui({ depth, size, class: props.class })">
+  <Primitive :as="as" :class="b24ui.base({ class: props.class })">
     <slot>
       {{ getKbdKey(value) }}
     </slot>

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

@@ -3,6 +3,9 @@ import theme from '#build/b24ui/kbd';
 import type { KbdKey } from '../composables/useKbd';
 import type { ComponentConfig } from '../types/utils';
 type Kbd = ComponentConfig<typeof theme, AppConfig, 'kbd'>;
+/**
+ * @remove depth
+ */
 export interface KbdProps {
     /**
      * The element or component this component should render as.
@@ -11,9 +14,9 @@ export interface KbdProps {
     as?: any;
     value?: KbdKey | string;
     /**
-     * @defaultValue 'light'
+     * @defaultValue 'default'
      */
-    depth?: Kbd['variants']['depth'];
+    accent?: Kbd['variants']['accent'];
     /**
      * @defaultValue 'md'
      */
@@ -23,7 +26,8 @@ export interface KbdProps {
 export interface KbdSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<KbdProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KbdProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<KbdProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KbdProps> & Readonly<{}>, {
+    accent: Kbd["variants"]["accent"];
     as: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, KbdSlots>;
 export default _default;

package/dist/runtime/components/Link.vue

@@ -4,11 +4,12 @@ import theme from "#build/b24ui/link";
 
 <script setup>
 import { computed } from "vue";
-import { defu } from "defu";
 import { isEqual } from "ohash/utils";
 import { useForwardProps } from "reka-ui";
+import { defu } from "defu";
 import { reactiveOmit } from "@vueuse/core";
 import { useRoute, useAppConfig } from "#imports";
+import { mergeClasses } from "../utils";
 import { tv } from "../utils/tv";
 import { isPartiallyEqual } from "../utils/link";
 import B24LinkBase from "./LinkBase.vue";
@@ -21,7 +22,7 @@ const props = defineProps({
   exact: { type: Boolean, required: false },
   exactQuery: { type: [Boolean, String], required: false },
   exactHash: { type: Boolean, required: false },
-  inactiveClass: { type: String, required: false, default: "" },
+  inactiveClass: { type: String, required: false },
   custom: { type: Boolean, required: false },
   isAction: { type: Boolean, required: false, default: false },
   raw: { type: Boolean, required: false },
@@ -36,7 +37,7 @@ const props = defineProps({
   prefetch: { type: Boolean, required: false },
   prefetchOn: { type: [String, Object], required: false },
   noPrefetch: { type: Boolean, required: false },
-  activeClass: { type: String, required: false, default: "" },
+  activeClass: { type: String, required: false },
   exactActiveClass: { type: String, required: false },
   ariaCurrentValue: { type: String, required: false, default: "page" },
   viewTransition: { type: Boolean, required: false },
@@ -51,8 +52,8 @@ const b24ui = computed(() => tv({
   ...defu({
     variants: {
       active: {
-        true: props.activeClass,
-        false: props.inactiveClass
+        true: mergeClasses(appConfig.b24ui?.link?.variants?.active?.true, props.activeClass),
+        false: mergeClasses(appConfig.b24ui?.link?.variants?.active?.false, props.inactiveClass)
       }
     }
   }, appConfig.b24ui?.link || {})

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

@@ -79,13 +79,11 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
     as: any;
     type: "reset" | "submit" | "button";
-    activeClass: string;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     active: boolean;
-    inactiveClass: string;
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 export default _default;

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

@@ -11,7 +11,7 @@ export interface LinkBaseProps {
     active?: boolean;
     isExternal?: boolean;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
     as: string;
     type: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/runtime/components/Modal.vue

@@ -92,44 +92,48 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.modal |
         </VisuallyHidden>
 
         <slot name="content" :close="close">
-          <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (props.close || !!slots.close)" :class="b24ui.header({ class: props.b24ui?.header })">
-            <slot name="header" :close="close">
-              <div :class="b24ui.wrapper({ class: props.b24ui?.wrapper })">
-                <DialogTitle v-if="title || !!slots.title" :class="b24ui.title({ class: props.b24ui?.title })">
-                  <slot name="title">
-                    {{ title }}
-                  </slot>
-                </DialogTitle>
+          <div
+            v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (props.close || !!slots.close) || !!slots.body"
+            :class="b24ui.contentWrapper({ class: props.b24ui?.contentWrapper })"
+          >
+            <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (props.close || !!slots.close)" :class="b24ui.header({ class: props.b24ui?.header })">
+              <slot name="header" :close="close">
+                <div :class="b24ui.wrapper({ class: props.b24ui?.wrapper })">
+                  <DialogTitle v-if="title || !!slots.title" :class="b24ui.title({ class: props.b24ui?.title })">
+                    <slot name="title">
+                      {{ title }}
+                    </slot>
+                  </DialogTitle>
 
-                <DialogDescription v-if="description || !!slots.description" :class="b24ui.description({ class: props.b24ui?.description })">
-                  <slot name="description">
-                    {{ description }}
-                  </slot>
-                </DialogDescription>
-              </div>
+                  <DialogDescription v-if="description || !!slots.description" :class="b24ui.description({ class: props.b24ui?.description })">
+                    <slot name="description">
+                      {{ description }}
+                    </slot>
+                  </DialogDescription>
+                </div>
 
-              <slot name="actions" />
+                <slot name="actions" />
 
-              <DialogClose v-if="props.close || !!slots.close" as-child>
-                <slot name="close" :close="close" :b24ui="b24ui">
-                  <B24Button
-                    v-if="props.close"
-                    :icon="closeIcon || icons.close"
-                    size="xs"
-                    color="link"
-                    :aria-label="t('modal.close')"
-                    v-bind="typeof props.close === 'object' ? props.close : {}"
-                    :class="b24ui.close({ class: props.b24ui?.close })"
-                  />
-                </slot>
-              </DialogClose>
-            </slot>
-          </div>
+                <DialogClose v-if="props.close || !!slots.close" as-child>
+                  <slot name="close" :close="close" :b24ui="b24ui">
+                    <B24Button
+                      v-if="props.close"
+                      :icon="closeIcon || icons.close"
+                      size="md"
+                      color="air-tertiary-no-accent"
+                      :aria-label="t('modal.close')"
+                      v-bind="typeof props.close === 'object' ? props.close : {}"
+                      :class="b24ui.close({ class: props.b24ui?.close })"
+                    />
+                  </slot>
+                </DialogClose>
+              </slot>
+            </div>
 
-          <div v-if="!!slots.body" :class="b24ui.body({ class: props.b24ui?.body, scrollbarThin: Boolean(props.scrollbarThin) })">
-            <slot name="body" :close="close" />
+            <div v-if="!!slots.body" :class="b24ui.body({ class: props.b24ui?.body, scrollbarThin: Boolean(props.scrollbarThin) })">
+              <slot name="body" :close="close" />
+            </div>
           </div>
-
           <div v-if="!!slots.footer" :class="b24ui.footer({ class: props.b24ui?.footer })">
             <slot name="footer" :close="close" />
           </div>

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

@@ -92,7 +92,7 @@ export interface ModalSlots {
         close: () => void;
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ModalProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
     "after:leave": () => any;
     "after:enter": () => any;
@@ -104,11 +104,11 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ModalProps
     "onClose:prevent"?: (() => any) | undefined;
 }>, {
     close: boolean | Partial<ButtonProps>;
+    transition: boolean;
     modal: boolean;
     portal: boolean | string | HTMLElement;
     overlay: boolean;
     overlayBlur: Modal["variants"]["overlayBlur"];
-    transition: boolean;
     dismissible: boolean;
     scrollbarThin: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ModalSlots>;

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

@@ -1,7 +1,7 @@
 export interface ModalDialogCloseSlots {
     default(props: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, ModalDialogCloseSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, ModalDialogCloseSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -14,7 +14,7 @@ export interface NavbarProps {
 export interface NavbarSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NavbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavbarProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NavbarProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavbarProps> & Readonly<{}>, {
     as: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, NavbarSlots>;
 export default _default;

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

@@ -14,7 +14,7 @@ export interface NavbarDividerProps {
 export interface NavbarDividerSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NavbarDividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavbarDividerProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NavbarDividerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavbarDividerProps> & Readonly<{}>, {
     as: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, NavbarDividerSlots>;
 export default _default;

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

@@ -14,7 +14,7 @@ export interface NavbarSectionProps {
 export interface NavbarSectionSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NavbarSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavbarSectionProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NavbarSectionProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavbarSectionProps> & Readonly<{}>, {
     as: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, NavbarSectionSlots>;
 export default _default;

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

@@ -14,7 +14,7 @@ export interface NavbarSpacerProps {
 export interface NavbarSpacerSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NavbarSpacerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavbarSpacerProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NavbarSpacerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavbarSpacerProps> & Readonly<{}>, {
     as: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, NavbarSpacerSlots>;
 export default _default;