@witchcraft/ui 0.4.0 → 0.4.1

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

@@ -0,0 +1,182 @@
+import type { CalendarDate, ZonedDateTime } from "@internationalized/date";
+import type { RangeDate } from "../../types/index.js";
+type __VLS_Props = {
+    useTime?: boolean;
+    id: string;
+    fallbackDate?: Date;
+    timeZone?: string;
+    updateInterval?: number;
+};
+type __VLS_ModelProps = {
+    modelValue: RangeDate;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_198: {
+    tempValue: {
+        start?: {
+            readonly calendar: {
+                identifier: import("@internationalized/date").CalendarIdentifier;
+                fromJulianDay: (jd: number) => CalendarDate;
+                toJulianDay: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getDaysInMonth: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getMonthsInYear: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getYearsInEra: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getEras: () => string[];
+                getMinimumMonthInYear?: ((date: import("@internationalized/date").AnyCalendarDate) => number) | undefined;
+                getMinimumDayInMonth?: ((date: import("@internationalized/date").AnyCalendarDate) => number) | undefined;
+                getMaximumMonthsInYear: () => number;
+                getMaximumDaysInMonth: () => number;
+                getFormattableMonth?: ((date: import("@internationalized/date").AnyCalendarDate) => CalendarDate) | undefined;
+                isEqual?: ((calendar: import("@internationalized/date").Calendar) => boolean) | undefined;
+                balanceDate?: ((date: import("@internationalized/date").AnyCalendarDate) => void) | undefined;
+                balanceYearMonth?: ((date: import("@internationalized/date").AnyCalendarDate, previousDate: import("@internationalized/date").AnyCalendarDate) => void) | undefined;
+                constrainDate?: ((date: import("@internationalized/date").AnyCalendarDate) => void) | undefined;
+                isInverseEra?: ((date: import("@internationalized/date").AnyCalendarDate) => boolean) | undefined;
+            };
+            readonly era: string;
+            readonly year: number;
+            readonly month: number;
+            readonly day: number;
+            copy: () => CalendarDate;
+            add: (duration: import("@internationalized/date").DateDuration) => CalendarDate;
+            subtract: (duration: import("@internationalized/date").DateDuration) => CalendarDate;
+            set: (fields: import("@internationalized/date").DateFields) => CalendarDate;
+            cycle: (field: import("@internationalized/date").DateField, amount: number, options?: import("@internationalized/date").CycleOptions) => CalendarDate;
+            toDate: (timeZone: string) => Date;
+            toString: () => string;
+            compare: (b: import("@internationalized/date").AnyCalendarDate) => number;
+        } | {
+            readonly calendar: {
+                identifier: import("@internationalized/date").CalendarIdentifier;
+                fromJulianDay: (jd: number) => CalendarDate;
+                toJulianDay: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getDaysInMonth: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getMonthsInYear: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getYearsInEra: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getEras: () => string[];
+                getMinimumMonthInYear?: ((date: import("@internationalized/date").AnyCalendarDate) => number) | undefined;
+                getMinimumDayInMonth?: ((date: import("@internationalized/date").AnyCalendarDate) => number) | undefined;
+                getMaximumMonthsInYear: () => number;
+                getMaximumDaysInMonth: () => number;
+                getFormattableMonth?: ((date: import("@internationalized/date").AnyCalendarDate) => CalendarDate) | undefined;
+                isEqual?: ((calendar: import("@internationalized/date").Calendar) => boolean) | undefined;
+                balanceDate?: ((date: import("@internationalized/date").AnyCalendarDate) => void) | undefined;
+                balanceYearMonth?: ((date: import("@internationalized/date").AnyCalendarDate, previousDate: import("@internationalized/date").AnyCalendarDate) => void) | undefined;
+                constrainDate?: ((date: import("@internationalized/date").AnyCalendarDate) => void) | undefined;
+                isInverseEra?: ((date: import("@internationalized/date").AnyCalendarDate) => boolean) | undefined;
+            };
+            readonly era: string;
+            readonly year: number;
+            readonly month: number;
+            readonly day: number;
+            readonly hour: number;
+            readonly minute: number;
+            readonly second: number;
+            readonly millisecond: number;
+            readonly timeZone: string;
+            readonly offset: number;
+            copy: () => ZonedDateTime;
+            add: (duration: import("@internationalized/date").DateTimeDuration) => ZonedDateTime;
+            subtract: (duration: import("@internationalized/date").DateTimeDuration) => ZonedDateTime;
+            set: (fields: import("@internationalized/date").DateFields & import("@internationalized/date").TimeFields, disambiguation?: import("@internationalized/date").Disambiguation) => ZonedDateTime;
+            cycle: (field: import("@internationalized/date").DateField | import("@internationalized/date").TimeField, amount: number, options?: import("@internationalized/date").CycleTimeOptions) => ZonedDateTime;
+            toDate: () => Date;
+            toString: () => string;
+            toAbsoluteString: () => string;
+            compare: (b: CalendarDate | import("@internationalized/date").CalendarDateTime | ZonedDateTime) => number;
+        } | undefined;
+        end?: {
+            readonly calendar: {
+                identifier: import("@internationalized/date").CalendarIdentifier;
+                fromJulianDay: (jd: number) => CalendarDate;
+                toJulianDay: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getDaysInMonth: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getMonthsInYear: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getYearsInEra: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getEras: () => string[];
+                getMinimumMonthInYear?: ((date: import("@internationalized/date").AnyCalendarDate) => number) | undefined;
+                getMinimumDayInMonth?: ((date: import("@internationalized/date").AnyCalendarDate) => number) | undefined;
+                getMaximumMonthsInYear: () => number;
+                getMaximumDaysInMonth: () => number;
+                getFormattableMonth?: ((date: import("@internationalized/date").AnyCalendarDate) => CalendarDate) | undefined;
+                isEqual?: ((calendar: import("@internationalized/date").Calendar) => boolean) | undefined;
+                balanceDate?: ((date: import("@internationalized/date").AnyCalendarDate) => void) | undefined;
+                balanceYearMonth?: ((date: import("@internationalized/date").AnyCalendarDate, previousDate: import("@internationalized/date").AnyCalendarDate) => void) | undefined;
+                constrainDate?: ((date: import("@internationalized/date").AnyCalendarDate) => void) | undefined;
+                isInverseEra?: ((date: import("@internationalized/date").AnyCalendarDate) => boolean) | undefined;
+            };
+            readonly era: string;
+            readonly year: number;
+            readonly month: number;
+            readonly day: number;
+            copy: () => CalendarDate;
+            add: (duration: import("@internationalized/date").DateDuration) => CalendarDate;
+            subtract: (duration: import("@internationalized/date").DateDuration) => CalendarDate;
+            set: (fields: import("@internationalized/date").DateFields) => CalendarDate;
+            cycle: (field: import("@internationalized/date").DateField, amount: number, options?: import("@internationalized/date").CycleOptions) => CalendarDate;
+            toDate: (timeZone: string) => Date;
+            toString: () => string;
+            compare: (b: import("@internationalized/date").AnyCalendarDate) => number;
+        } | {
+            readonly calendar: {
+                identifier: import("@internationalized/date").CalendarIdentifier;
+                fromJulianDay: (jd: number) => CalendarDate;
+                toJulianDay: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getDaysInMonth: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getMonthsInYear: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getYearsInEra: (date: import("@internationalized/date").AnyCalendarDate) => number;
+                getEras: () => string[];
+                getMinimumMonthInYear?: ((date: import("@internationalized/date").AnyCalendarDate) => number) | undefined;
+                getMinimumDayInMonth?: ((date: import("@internationalized/date").AnyCalendarDate) => number) | undefined;
+                getMaximumMonthsInYear: () => number;
+                getMaximumDaysInMonth: () => number;
+                getFormattableMonth?: ((date: import("@internationalized/date").AnyCalendarDate) => CalendarDate) | undefined;
+                isEqual?: ((calendar: import("@internationalized/date").Calendar) => boolean) | undefined;
+                balanceDate?: ((date: import("@internationalized/date").AnyCalendarDate) => void) | undefined;
+                balanceYearMonth?: ((date: import("@internationalized/date").AnyCalendarDate, previousDate: import("@internationalized/date").AnyCalendarDate) => void) | undefined;
+                constrainDate?: ((date: import("@internationalized/date").AnyCalendarDate) => void) | undefined;
+                isInverseEra?: ((date: import("@internationalized/date").AnyCalendarDate) => boolean) | undefined;
+            };
+            readonly era: string;
+            readonly year: number;
+            readonly month: number;
+            readonly day: number;
+            readonly hour: number;
+            readonly minute: number;
+            readonly second: number;
+            readonly millisecond: number;
+            readonly timeZone: string;
+            readonly offset: number;
+            copy: () => ZonedDateTime;
+            add: (duration: import("@internationalized/date").DateTimeDuration) => ZonedDateTime;
+            subtract: (duration: import("@internationalized/date").DateTimeDuration) => ZonedDateTime;
+            set: (fields: import("@internationalized/date").DateFields & import("@internationalized/date").TimeFields, disambiguation?: import("@internationalized/date").Disambiguation) => ZonedDateTime;
+            cycle: (field: import("@internationalized/date").DateField | import("@internationalized/date").TimeField, amount: number, options?: import("@internationalized/date").CycleTimeOptions) => ZonedDateTime;
+            toDate: () => Date;
+            toString: () => string;
+            toAbsoluteString: () => string;
+            compare: (b: CalendarDate | import("@internationalized/date").CalendarDateTime | ZonedDateTime) => number;
+        } | undefined;
+    };
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_198) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: RangeDate) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: RangeDate) => any) | undefined;
+}>, {
+    fallbackDate: Date;
+    timeZone: string;
+    useTime: boolean;
+    updateInterval: number;
+}, {}, {}, {}, 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/LibSingleDatePicker.d.vue.ts → WDatePicker/WSingleDatePicker.d.vue.ts}

@@ -6,16 +6,17 @@ type __VLS_Props = {
     timeZone?: string;
     updateInterval?: number;
 };
-type __VLS_PublicProps = __VLS_Props & {
+type __VLS_ModelProps = {
     modelValue: SingleDate;
 };
-declare var __VLS_157: {
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_186: {
     tempValue: any;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_157) => any;
+    default?: (props: typeof __VLS_186) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: SingleDate) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: SingleDate) => any) | undefined;
@@ -25,7 +26,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     useTime: boolean;
     updateInterval: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

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

@@ -3,14 +3,14 @@ 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 ILucideCalendarDays from "~icons/lucide/calendar-days";
+import ILucideChevronLeft from "~icons/lucide/chevron-left";
+import ILucideChevronRight from "~icons/lucide/chevron-right";
+import ILucideChevronsLeft from "~icons/lucide/chevrons-left";
+import ILucideChevronsRight from "~icons/lucide/chevrons-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 +135,9 @@ onBeforeUnmount(() => {
 				dark:bg-neutral-800
 			"
 		>
-			<Icon>
-				<i-radix-icons-calendar/>
-			</Icon>
+			<WIcon>
+				<i-lucide-calendar-days/>
+			</WIcon>
 		</DatePickerTrigger>
 	</DatePickerField>
 	<DatePickerContent
@@ -200,9 +200,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 +217,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 +236,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 +254,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/LibSingleDatePicker.vue.d.ts → WDatePicker/WSingleDatePicker.vue.d.ts}

@@ -6,16 +6,17 @@ type __VLS_Props = {
     timeZone?: string;
     updateInterval?: number;
 };
-type __VLS_PublicProps = __VLS_Props & {
+type __VLS_ModelProps = {
     modelValue: SingleDate;
 };
-declare var __VLS_157: {
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_186: {
     tempValue: any;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_157) => any;
+    default?: (props: typeof __VLS_186) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: SingleDate) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: SingleDate) => any) | undefined;
@@ -25,7 +26,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     useTime: boolean;
     updateInterval: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

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

@@ -0,0 +1,13 @@
+type __VLS_ModelProps = {
+    modelValue?: string;
+    "label"?: string;
+};
+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 _default: typeof __VLS_export;
+export default _default;

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/WDatePicker/WTimeZonePicker.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_ModelProps = {
+    modelValue?: string;
+    "label"?: string;
+};
+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 _default: typeof __VLS_export;
+export default _default;

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

@@ -5,7 +5,9 @@
  *
  * The value can be undefined, it will just display undefined.
  */
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /** The value to debug, can be anything. */
     value?: any;
     /** Sets the tab size in css. Defaults to 3. */
@@ -24,7 +26,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-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,9 @@
 
 <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 ILucideCopy from "~icons/lucide/copy";
+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 +71,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/{LibDebug/LibDebug.vue.d.ts → WDebug/WDebug.vue.d.ts}

@@ -5,7 +5,9 @@
  *
  * The value can be undefined, it will just display undefined.
  */
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /** The value to debug, can be anything. */
     value?: any;
     /** Sets the tab size in css. Defaults to 3. */
@@ -24,7 +26,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,12 +1,11 @@
-export interface Props {
-    show?: boolean;
-}
 declare module "vue" {
     interface GlobalComponents {
         DevOnly: any;
     }
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     show?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     show?: boolean;
@@ -17,7 +16,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 } & {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,12 +1,11 @@
-export interface Props {
-    show?: boolean;
-}
 declare module "vue" {
     interface GlobalComponents {
         DevOnly: any;
     }
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     show?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     show?: boolean;
@@ -17,7 +16,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 } & {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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;
+    };
+};