@witchcraft/ui 0.3.25 → 0.4.0-beta.1

package/dist/runtime/components/{LibDarkModeSwitcher/LibDarkModeSwitcher.vue.d.ts → WDarkModeSwitcher/WDarkModeSwitcher.vue.d.ts}

@@ -1,23 +1,18 @@
 import { type ButtonHTMLAttributes } from "vue";
-import type { TailwindClassProp } from "../shared/props.js";
-declare const _default: typeof __VLS_export;
-export default _default;
-type RealProps = {
-    showLabel?: boolean;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<ButtonHTMLAttributes, "class" | "color" | "disabled"> & TailwindClassProp & {
+import type { BaseInteractiveProps, TailwindClassProp } from "../../types/index.js";
+type __VLS_Props = Pick<BaseInteractiveProps, "border"> & {
     disabled?: boolean;
     unstyle?: boolean;
-}>, RealProps {
-}
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    showLabel?: boolean;
+} & /** @vue-ignore */ Omit<ButtonHTMLAttributes, "class"> & /** @vue-ignore */ TailwindClassProp;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:darkMode": (value: boolean) => any;
     "update:darkModeState": (value: "system" | "dark" | "light") => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:darkMode"?: ((value: boolean) => any) | undefined;
     "onUpdate:darkModeState"?: ((value: "system" | "dark" | "light") => any) | undefined;
 }>, {
     showLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,40 @@
+import type { RangeDate, SingleDate } from "../../types/index.js";
+type __VLS_Props = {
+    showTime?: boolean;
+    /** The fallback suggested date when the modelValue is undefined (it will not update modelValue, it only serves as a suggestions and is used internally in the temporary value). If ignoring the time element, you should probably use the {@link createNoonTodayUtc} function (`createNonTodayUtc().toDate(())`) in the helpers, otherwise `new Date()` (the default) will do. */
+    fallbackDate?: Date;
+    /** The local user's timezone, defaults to @internationalized/date's getLocalTimeZone(). */
+    timeZone?: string;
+};
+type __VLS_ModelProps = {
+    /**
+     * modelValue can be undefined or an object with start/end undefined, but it must be passed, otherwise we can't tell the difference between a single date and a range date.
+     *
+     * In the case of an undefined date, the current date at NOON UTC will be used to avoid the date changing.
+     *
+     * The @internationalized/date library's fromDate function is used internally to convert the date given (should be UTC) to the local time zone. It's converted back via it's toDate function.
+     */
+    modelValue: SingleDate | RangeDate;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_9: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: SingleDate | RangeDate) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: SingleDate | RangeDate) => any) | undefined;
+}>, {
+    fallbackDate: Date;
+    timeZone: string;
+    showTime: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/{LibDatePicker/LibDatePicker.vue → WDatePicker/WDatePicker.vue}

@@ -1,29 +1,25 @@
 <script setup>
 import { getLocalTimeZone } from "@internationalized/date";
 import { computed, useAttrs } from "vue";
-import LibRangeDatePicker from "./LibRangeDatePicker.vue";
-import LibSingleDatePicker from "./LibSingleDatePicker.vue";
-import { getFallbackId } from "../shared/props.js";
+import WRangeDatePicker from "./WRangeDatePicker.vue";
+import WSingleDatePicker from "./WSingleDatePicker.vue";
 const attrs = useAttrs();
 defineProps({
   showTime: { type: Boolean, required: false, default: false },
-  id: { type: String, required: false, default: void 0 },
   fallbackDate: { type: Date, required: false, default: () => /* @__PURE__ */ new Date() },
   timeZone: { type: String, required: false, default: getLocalTimeZone() }
 });
-const fallbackId = getFallbackId();
 const date = defineModel({ type: null, ...{ required: true } });
 const isRange = computed(() => date.value !== void 0 && !(date.value instanceof Date));
 </script>
 
 <template>
 <component
-	:id="id ?? fallbackId"
 	v-bind="attrs"
 	:use-time="showTime"
 	:time-zone="timeZone"
 	:fallback-date="fallbackDate"
-	:is="isRange ? LibRangeDatePicker : LibSingleDatePicker"
+	:is="isRange ? WRangeDatePicker : WSingleDatePicker"
 	v-model="date"
 >
 	<template #default="slotProps">

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

@@ -0,0 +1,40 @@
+import type { RangeDate, SingleDate } from "../../types/index.js";
+type __VLS_Props = {
+    showTime?: boolean;
+    /** The fallback suggested date when the modelValue is undefined (it will not update modelValue, it only serves as a suggestions and is used internally in the temporary value). If ignoring the time element, you should probably use the {@link createNoonTodayUtc} function (`createNonTodayUtc().toDate(())`) in the helpers, otherwise `new Date()` (the default) will do. */
+    fallbackDate?: Date;
+    /** The local user's timezone, defaults to @internationalized/date's getLocalTimeZone(). */
+    timeZone?: string;
+};
+type __VLS_ModelProps = {
+    /**
+     * modelValue can be undefined or an object with start/end undefined, but it must be passed, otherwise we can't tell the difference between a single date and a range date.
+     *
+     * In the case of an undefined date, the current date at NOON UTC will be used to avoid the date changing.
+     *
+     * The @internationalized/date library's fromDate function is used internally to convert the date given (should be UTC) to the local time zone. It's converted back via it's toDate function.
+     */
+    modelValue: SingleDate | RangeDate;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_9: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: SingleDate | RangeDate) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: SingleDate | RangeDate) => any) | undefined;
+}>, {
+    fallbackDate: Date;
+    timeZone: string;
+    showTime: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/{LibDatePicker/LibRangeDatePicker.vue → WDatePicker/WRangeDatePicker.vue}

@@ -3,14 +3,9 @@ import { getLocalTimeZone } from "@internationalized/date";
 import { DateRangePickerArrow, DateRangePickerCalendar, DateRangePickerCell, DateRangePickerCellTrigger, DateRangePickerContent, DateRangePickerField, DateRangePickerGrid, DateRangePickerGridBody, DateRangePickerGridHead, DateRangePickerGridRow, DateRangePickerHeadCell, DateRangePickerHeader, DateRangePickerHeading, DateRangePickerInput, DateRangePickerNext, DateRangePickerPrev, DateRangePickerRoot, DateRangePickerTrigger } from "reka-ui";
 import { onBeforeUnmount, ref, toRaw, useAttrs, watch } from "vue";
 import { convertDateWithFallback, getNow, toEmittableDate } from "./helpers.js";
-import IRadixIconsCalendar from "~icons/radix-icons/calendar";
-import IRadixIconsChevronLeft from "~icons/radix-icons/chevron-left";
-import IRadixIconsChevronRight from "~icons/radix-icons/chevron-right";
-import IRadixIconsDoubleArrowLeft from "~icons/radix-icons/double-arrow-left";
-import IRadixIconsDoubleArrowRight from "~icons/radix-icons/double-arrow-right";
 import { useInjectedLocale } from "../../composables/useInjectedLocale.js";
 import { twMerge } from "../../utils/twMerge.js";
-import Icon from "../Icon/Icon.vue";
+import WIcon from "../WIcon/WIcon.vue";
 const attrs = useAttrs();
 const props = defineProps({
   useTime: { type: Boolean, required: false, default: false },
@@ -184,9 +179,9 @@ const locale = useInjectedLocale().timeLocale;
 				dark:bg-neutral-800
 			"
 		>
-			<Icon>
-				<i-radix-icons-calendar/>
-			</Icon>
+			<WIcon>
+				<i-lucide-calendar-range/>
+			</WIcon>
 		</DateRangePickerTrigger>
 	</DateRangePickerField>
 
@@ -241,9 +236,9 @@ const locale = useInjectedLocale().timeLocale;
 					"
 					:prev-page="(date2) => date2.subtract({ years: 1 })"
 				>
-					<Icon class="scale-150">
-						<i-radix-icons-double-arrow-left/>
-					</Icon>
+					<WIcon class="scale-150">
+						<i-lucide-chevrons-left/>
+					</WIcon>
 				</DateRangePickerPrev>
 				<DateRangePickerPrev
 					class="
@@ -258,9 +253,9 @@ const locale = useInjectedLocale().timeLocale;
 							px-1
 						"
 				>
-					<Icon class="scale-150">
-						<i-radix-icons-chevron-left/>
-					</Icon>
+					<WIcon class="scale-150">
+						<i-lucide-chevron-left/>
+					</WIcon>
 				</DateRangePickerPrev>
 
 				<DateRangePickerHeading class="date-range-picker--heading min-w-[14ch] text-center"/>
@@ -277,9 +272,9 @@ const locale = useInjectedLocale().timeLocale;
 						px-1
 					"
 				>
-					<Icon class="scale-150">
-						<i-radix-icons-chevron-right/>
-					</Icon>
+					<WIcon class="scale-150">
+						<i-lucide-chevron-right/>
+					</WIcon>
 				</DateRangePickerNext>
 				<DateRangePickerNext
 					class="
@@ -295,9 +290,9 @@ const locale = useInjectedLocale().timeLocale;
 					"
 					:next-page="(date2) => date2.add({ years: 1 })"
 				>
-					<Icon class="scale-150">
-						<i-radix-icons-double-arrow-right/>
-					</Icon>
+					<WIcon class="scale-150">
+						<i-lucide-chevrons-right/>
+					</WIcon>
 				</DateRangePickerNext>
 			</DateRangePickerHeader>
 			<div

package/dist/runtime/components/{LibDatePicker/LibSingleDatePicker.vue → WDatePicker/WSingleDatePicker.vue}

@@ -3,14 +3,9 @@ import { getLocalTimeZone } from "@internationalized/date";
 import { DatePickerArrow, DatePickerCalendar, DatePickerCell, DatePickerCellTrigger, DatePickerContent, DatePickerField, DatePickerGrid, DatePickerGridBody, DatePickerGridHead, DatePickerGridRow, DatePickerHeadCell, DatePickerHeader, DatePickerHeading, DatePickerInput, DatePickerNext, DatePickerPrev, DatePickerRoot, DatePickerTrigger } from "reka-ui";
 import { onBeforeUnmount, ref, toRaw, useAttrs, watch } from "vue";
 import { convertDateWithFallback, getNow, toEmittableDate } from "./helpers.js";
-import IRadixIconsCalendar from "~icons/radix-icons/calendar";
-import IRadixIconsChevronLeft from "~icons/radix-icons/chevron-left";
-import IRadixIconsChevronRight from "~icons/radix-icons/chevron-right";
-import IRadixIconsDoubleArrowLeft from "~icons/radix-icons/double-arrow-left";
-import IRadixIconsDoubleArrowRight from "~icons/radix-icons/double-arrow-right";
 import { useInjectedLocale } from "../../composables/useInjectedLocale.js";
 import { twMerge } from "../../utils/twMerge.js";
-import Icon from "../Icon/Icon.vue";
+import WIcon from "../WIcon/WIcon.vue";
 const attrs = useAttrs();
 const props = defineProps({
   useTime: { type: Boolean, required: false, default: false },
@@ -135,9 +130,9 @@ onBeforeUnmount(() => {
 				dark:bg-neutral-800
 			"
 		>
-			<Icon>
-				<i-radix-icons-calendar/>
-			</Icon>
+			<WIcon>
+				<i-lucide-calendar-days/>
+			</WIcon>
 		</DatePickerTrigger>
 	</DatePickerField>
 	<DatePickerContent
@@ -200,9 +195,9 @@ onBeforeUnmount(() => {
 					"
 					:prev-page="(date2) => date2.subtract({ years: 1 })"
 				>
-					<Icon class="scale-150">
-						<i-radix-icons-double-arrow-left/>
-					</Icon>
+					<WIcon class="scale-150">
+						<i-lucide-chevrons-left/>
+					</WIcon>
 				</DatePickerPrev>
 				<DatePickerPrev
 					class="
@@ -217,9 +212,9 @@ onBeforeUnmount(() => {
 						px-1
 					"
 				>
-					<Icon class="scale-150">
-						<i-radix-icons-chevron-left/>
-					</Icon>
+					<WIcon class="scale-150">
+						<i-lucide-chevron-left/>
+					</WIcon>
 				</DatePickerPrev>
 
 				<DatePickerHeading class="min-w-[14ch] text-center"/>
@@ -236,9 +231,9 @@ onBeforeUnmount(() => {
 						px-1
 					"
 				>
-					<Icon class="scale-150">
-						<i-radix-icons-chevron-right/>
-					</Icon>
+					<WIcon class="scale-150">
+						<i-lucide-chevron-right/>
+					</WIcon>
 				</DatePickerNext>
 				<DatePickerNext
 					class="
@@ -254,9 +249,9 @@ onBeforeUnmount(() => {
 					"
 					:next-page="(date2) => date2.add({ years: 1 })"
 				>
-					<Icon class="scale-150">
-						<i-radix-icons-double-arrow-right/>
-					</Icon>
+					<WIcon class="scale-150">
+						<i-lucide-chevrons-right/>
+					</WIcon>
 				</DatePickerNext>
 			</DatePickerHeader>
 			<div

package/dist/runtime/components/{LibDatePicker/LibTimeZonePicker.d.vue.ts → WDatePicker/WTimeZonePicker.d.vue.ts}

@@ -2,22 +2,12 @@ type __VLS_ModelProps = {
     modelValue?: string;
     "label"?: string;
 };
-declare var __VLS_9: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
     "update:label": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:label"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/{LibDatePicker/LibTimeZonePicker.vue → WDatePicker/WTimeZonePicker.vue}

@@ -1,26 +1,19 @@
 <script setup>
 import { getLocalTimeZone } from "@internationalized/date";
 import { getTimeZoneList } from "../../helpers/getTimeZoneList.js";
-import LibInputDeprecated from "../LibInputDeprecated/LibInputDeprecated.vue";
 const timeZone = defineModel({ type: String, ...{ default: getLocalTimeZone() } });
 const label = defineModel("label", { type: String, ...{ default: "Time Zone" } });
 </script>
 
 <template>
-<LibInputDeprecated
+<WCombobox
 	:restrict-to-suggestions="true"
 	:suggestions="getTimeZoneList()"
-	:suggestions-filter="(_, items) => items"
+	:ignore-filter="true"
 	class="w-full"
 	type="text"
+	:placeholder="label"
+	:aria-label="label"
 	v-model="timeZone"
->
-	<template #label>
-		<slot>
-			<span class="text-sm">
-				{{ label }}
-			</span>
-		</slot>
-	</template>
-</LibInputDeprecated>
+/>
 </template>

package/dist/runtime/components/{LibDatePicker/LibTimeZonePicker.vue.d.ts → WDatePicker/WTimeZonePicker.vue.d.ts}

@@ -2,22 +2,12 @@ type __VLS_ModelProps = {
     modelValue?: string;
     "label"?: string;
 };
-declare var __VLS_9: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
     "update:label": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:label"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/{LibDebug/LibDebug.vue → WDebug/WDebug.vue}

@@ -14,21 +14,19 @@
 >
 	<div class="debug--header flex justify-between">
 		<span class="debug--title font-bold">{{ title }}</span>
-		<LibButton
+		<WButton
 			class="debug--copy-button w-min-content"
 			@click="copy()"
 		>
-			<icon><i-fa6-regular-copy/></icon>
-		</LibButton>
+			<WIcon><i-lucide-copy/></WIcon>
+		</WButton>
 	</div>
 	<pre
 		v-if="value"
-		:class="
-  `
+		:class="`
 			debug--value
-			[tab-size:${tab}]
-		`
-"
+		`"
+		:style="`tab-size:${tab}`"
 	>{{ getStringValue(value) }}</pre>
 	<pre v-if="value === void 0"><slot/></pre>
 </div>
@@ -36,9 +34,8 @@
 
 <script setup>
 import { useSlots } from "vue";
-import IFa6RegularCopy from "~icons/fa-regular/copy";
-import Icon from "../Icon/Icon.vue";
-import LibButton from "../LibButton/LibButton.vue";
+import WButton from "../WButton/WButton.vue";
+import WIcon from "../WIcon/WIcon.vue";
 const $slots = useSlots();
 const props = defineProps({
   value: { type: null, required: false, default: void 0 },
@@ -73,7 +70,7 @@ const copy = () => {
 
 <script>
 export default {
-  name: "LibDebug"
+  name: "WDebug"
   // https://v3.vuejs.org/guide/typescript-support.html#annotating-props
 };
 </script>

package/dist/runtime/components/{LibDevOnly/LibDevOnly.d.vue.ts → WDevOnly/WDevOnly.d.vue.ts}

@@ -1,6 +1,3 @@
-export interface Props {
-    show?: boolean;
-}
 declare module "vue" {
     interface GlobalComponents {
         DevOnly: any;

package/dist/runtime/components/{LibDevOnly/LibDevOnly.vue.d.ts → WDevOnly/WDevOnly.vue.d.ts}

@@ -1,6 +1,3 @@
-export interface Props {
-    show?: boolean;
-}
 declare module "vue" {
     interface GlobalComponents {
         DevOnly: any;

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

@@ -0,0 +1,58 @@
+import type { HTMLAttributes, InputHTMLAttributes } from "vue";
+import type { FileInputError, TailwindClassProp } from "../../types/index.js";
+declare function clearFiles(): void;
+declare function clearErrors(): void;
+declare var __VLS_1: {}, __VLS_14: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    label?: (props: typeof __VLS_14) => any;
+} & {
+    formats?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{
+    id?: string;
+    multiple?: boolean;
+    /**
+     * A list of extensions or mime types to add to the input's accept. Basic validations are done so that files match an extension and mimeType, but note that a file could still be lying, all files should be validated server side.
+     *
+     * Pass an empty array to allow any filetype.
+     */
+    formats?: string[];
+    compact?: boolean;
+    inputAttrs?: Omit<InputHTMLAttributes, "class"> & TailwindClassProp;
+    wrapperAttrs?: Omit<HTMLAttributes, "class"> & TailwindClassProp;
+}, {
+    clearFiles: typeof clearFiles;
+    clearErrors: typeof clearErrors;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    input: (val: File[], clearFiles: () => void) => any;
+    errors: (val: FileInputError[], clearErrors: () => void) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    id?: string;
+    multiple?: boolean;
+    /**
+     * A list of extensions or mime types to add to the input's accept. Basic validations are done so that files match an extension and mimeType, but note that a file could still be lying, all files should be validated server side.
+     *
+     * Pass an empty array to allow any filetype.
+     */
+    formats?: string[];
+    compact?: boolean;
+    inputAttrs?: Omit<InputHTMLAttributes, "class"> & TailwindClassProp;
+    wrapperAttrs?: Omit<HTMLAttributes, "class"> & TailwindClassProp;
+}> & Readonly<{
+    onInput?: ((val: File[], clearFiles: () => void) => any) | undefined;
+    onErrors?: ((val: FileInputError[], clearErrors: () => void) => any) | undefined;
+}>, {
+    multiple: boolean;
+    compact: boolean;
+    formats: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};