@witchcraft/ui 0.3.20 → 0.3.22

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "witchcraftUi",
   "configKey": "witchcraftUi",
-  "version": "0.3.20",
+  "version": "0.3.22",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -73,18 +73,21 @@ const module$1 = defineNuxtModule({
         directives: options.directives
       }
     );
+    const assetDir = resolve("runtime/assets");
+    const tailwindFiles = globFiles([
+      `${assetDir}/**/*.css`,
+      `!${assetDir}/**/tailwind.css`
+    ], []);
     addTemplate({
       filename: "witchcraft-ui.css",
       write: true,
       getContents: () => options._playgroundWorkaround ? crop`
 					${indent(themeAsTailwindCss(theme, themeConvertionOpts), 5)}
-					@import "${resolve("runtime/assets/base.css")}";
-					@import "${resolve("runtime/assets/utils.css")}";
+					${indent(tailwindFiles.map((_) => `@import "${_.filepath}";`).join("\n"), 5)}
 					${indent(filteredComponentsInfo.map((_) => `@source "${_.filepath}";`).join("\n"), 5)}
 				` : crop`
 					${indent(themeAsTailwindCss(theme, themeConvertionOpts), 5)}
-					@import "@witchcraft/ui/base.css";
-					@import "@witchcraft/ui/utils.css";
+					${indent(tailwindFiles.map((_) => `@import "${_.filepath.replace(assetDir, "@witchcraft/ui/")}";`).join("\n"), 5)}
 					${indent(filteredComponentsInfo.map((_) => `@source "${_.filepath}";`).join("\n"), 5)}
 				`
     });

package/dist/runtime/assets/animations.css

@@ -1 +1 @@
-@utility animate-from-*{--animate-from:--value([length,percentage]);--animate-from:calc(var(--spacing) * --value(integer))}@utility -animate-from-*{--animate-from:--value([length,percentage]);--animate-from:calc(var(--spacing) * -1 * --value(integer))}@theme{--animate-blinkInf:blink 1s linear-infinite;@keyframes blink{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}--animate-slideBgInf:slide-bg 10s linear-infinite;@keyframes slide{0%{background-position:0}to{background-position:100%}}--animate-hide:hide 500ms ease-in;@keyframes hide{0%{opacity:1}to{opacity:0}}--animate-slideInLeft:slideInLeft 500ms cubic-bezier(0.16,1,0.3,1);@keyframes slideInLeft{0%{opacity:0;transform:translateX(var(--animate-from,100%))}to{opacity:1;transform:translateX(0)}}--animate-slideInRight:slideInLeft 500ms cubic-bezier(0.16,1,0.3,1);@keyframes slideInRight{0%{opacity:0;transform:translateX(var(--animate-from,-100%))}to{opacity:1;transform:translateX(0)}}--animate-slideInUp:slideInUp 500ms cubic-bezier(0.16,1,0.3,1);@keyframes slideInUp{0%{opacity:0;transform:translateY(var(--animate-from,100%))}to{opacity:1;transform:translateY(0)}}--animate-slideInDown:slideInDown 500ms cubic-bezier(0.16,1,0.3,1);@keyframes slideInDown{0%{opacity:0;transform:translateY(var(--animate-from,-100%))}to{opacity:1;transform:translateY(0)}}--animate-overlayShow:overlayShow 500ms cubic-bezier(0.16,1,0.3,1);@keyframes overlayShow{0%{opacity:0}to{opacity:1}}--animate-contentShow:contentShow 500ms cubic-bezier(0.16,1,0.3,1);@keyframes contentShow{0%{opacity:0;transform:translateY(-10%) scale(.96)}to{opacity:1;transform:scale(1)}}}
+@utility animate-from-*{--animate-from:--value([length,percentage]);--animate-from:calc(var(--spacing) * --value(integer))}@utility -animate-from-*{--animate-from:--value([length,percentage]);--animate-from:calc(var(--spacing) * -1 * --value(integer))}@theme{--animate-blinkInf:blink 1s linear infinite;@keyframes blink{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}--animate-slideBgInf:slide-bg 10s ease-in-out linear-infinite;@keyframes slide{0%{background-position:0}to{background-position:100%}}--animate-hide:hide 500ms ease-in;@keyframes hide{0%{opacity:1}to{opacity:0}}--animate-slideInLeft:slideInLeft 500ms cubic-bezier(0.16,1,0.3,1);@keyframes slideInLeft{0%{opacity:0;transform:translateX(var(--animate-from,100%))}to{opacity:1;transform:translateX(0)}}--animate-slideInRight:slideInLeft 500ms cubic-bezier(0.16,1,0.3,1);@keyframes slideInRight{0%{opacity:0;transform:translateX(var(--animate-from,-100%))}to{opacity:1;transform:translateX(0)}}--animate-slideInUp:slideInUp 500ms cubic-bezier(0.16,1,0.3,1);@keyframes slideInUp{0%{opacity:0;transform:translateY(var(--animate-from,100%))}to{opacity:1;transform:translateY(0)}}--animate-slideInDown:slideInDown 500ms cubic-bezier(0.16,1,0.3,1);@keyframes slideInDown{0%{opacity:0;transform:translateY(var(--animate-from,-100%))}to{opacity:1;transform:translateY(0)}}--animate-overlayShow:overlayShow 500ms cubic-bezier(0.16,1,0.3,1);@keyframes overlayShow{0%{opacity:0}to{opacity:1}}--animate-contentShow:contentShow 500ms cubic-bezier(0.16,1,0.3,1);@keyframes contentShow{0%{opacity:0;transform:translateY(-10%) scale(.96)}to{opacity:1;transform:scale(1)}}}

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

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     value: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     value: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -10,10 +10,11 @@ interface Props extends
 /** @vue-ignore */
 Partial<Omit<HTMLAttributes, "class">> {
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, 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/Icon/Icon.vue.d.ts

@@ -10,10 +10,11 @@ interface Props extends
 /** @vue-ignore */
 Partial<Omit<HTMLAttributes, "class">> {
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, 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/LibButton/LibButton.d.vue.ts

@@ -7,11 +7,13 @@ Partial<Omit<ButtonHTMLAttributes, "class" | "color" | "disabled"> & TailwindCla
     "aria-label": string;
 }>, RealProps {
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    color: "warning" | "ok" | "danger" | "primary" | "secondary" | false;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     label: string;
-    disabled: boolean;
+    color: "warning" | "ok" | "danger" | "primary" | "secondary" | false;
     readonly: boolean;
+    disabled: boolean;
     border: boolean;
     unstyle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
@@ -23,12 +25,11 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
     icon?: (props: {}) => any;
 } & {
     default?: (props: {
-        label: any;
+        label: string;
     }) => any;
 } & {
     'icon-after'?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -7,11 +7,13 @@ Partial<Omit<ButtonHTMLAttributes, "class" | "color" | "disabled"> & TailwindCla
     "aria-label": string;
 }>, RealProps {
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    color: "warning" | "ok" | "danger" | "primary" | "secondary" | false;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     label: string;
-    disabled: boolean;
+    color: "warning" | "ok" | "danger" | "primary" | "secondary" | false;
     readonly: boolean;
+    disabled: boolean;
     border: boolean;
     unstyle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
@@ -23,12 +25,11 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
     icon?: (props: {}) => any;
 } & {
     default?: (props: {
-        label: any;
+        label: string;
     }) => any;
 } & {
     'icon-after'?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -9,11 +9,11 @@ type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
 };
 interface Props extends 
 /** @vue-ignore */
-Partial<Omit<InputHTMLAttributes, "class" | "readonly" | "disabled" | "onSumbit"> & TailwindClassProp>, 
-/** @vue-ignore */
-WrapperTypes, RealProps {
+Partial<Omit<InputHTMLAttributes, "class" | "readonly" | "disabled" | "onSumbit" | "autocomplete"> & TailwindClassProp>, WrapperTypes, RealProps {
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props & {
     modelValue?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
@@ -25,8 +25,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
     onSubmit?: ((val: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    disabled: boolean;
     readonly: boolean;
+    disabled: boolean;
     border: boolean;
     unstyle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
@@ -34,7 +34,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
 } & {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -9,11 +9,11 @@ type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
 };
 interface Props extends 
 /** @vue-ignore */
-Partial<Omit<InputHTMLAttributes, "class" | "readonly" | "disabled" | "onSumbit"> & TailwindClassProp>, 
-/** @vue-ignore */
-WrapperTypes, RealProps {
+Partial<Omit<InputHTMLAttributes, "class" | "readonly" | "disabled" | "onSumbit" | "autocomplete"> & TailwindClassProp>, WrapperTypes, RealProps {
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props & {
     modelValue?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
@@ -25,8 +25,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
     onSubmit?: ((val: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    disabled: boolean;
     readonly: boolean;
+    disabled: boolean;
     border: boolean;
     unstyle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
@@ -34,7 +34,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
 } & {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -19,7 +19,9 @@ Partial<Omit<ButtonHTMLAttributes, "class"> & TailwindClassProp & {
     "aria-label": string;
 }>, RealProps {
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props & {
     modelValue?: RgbaColor;
     tempValue?: RgbaColor | undefined;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -46,16 +48,15 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
     copyTransform: (val: HsvaColor, stringVal: string) => any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {
-        stringColor: any;
-        classes: any;
+        stringColor: string;
+        classes: "\n\tcolor-input--swatch\n\tafter:content-vertical-holder\n\tmin-w-4\n\tflex-1\n\trelative\n\tbefore:content-['']\n\tbefore:absolute\n\tbefore:inset-0\n\tbefore:bg-transparency-squares\n\tbefore:z-[-1]\n";
     }) => any;
 } & {
     temp?: (props: {
-        tempStringColor: any;
-        classes: any;
+        tempStringColor: string;
+        classes: "\n\tcolor-input--swatch\n\tafter:content-vertical-holder\n\tmin-w-4\n\tflex-1\n\trelative\n\tbefore:content-['']\n\tbefore:absolute\n\tbefore:inset-0\n\tbefore:bg-transparency-squares\n\tbefore:z-[-1]\n";
     }) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -19,7 +19,9 @@ Partial<Omit<ButtonHTMLAttributes, "class"> & TailwindClassProp & {
     "aria-label": string;
 }>, RealProps {
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props & {
     modelValue?: RgbaColor;
     tempValue?: RgbaColor | undefined;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -46,16 +48,15 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
     copyTransform: (val: HsvaColor, stringVal: string) => any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {
-        stringColor: any;
-        classes: any;
+        stringColor: string;
+        classes: "\n\tcolor-input--swatch\n\tafter:content-vertical-holder\n\tmin-w-4\n\tflex-1\n\trelative\n\tbefore:content-['']\n\tbefore:absolute\n\tbefore:inset-0\n\tbefore:bg-transparency-squares\n\tbefore:z-[-1]\n";
     }) => any;
 } & {
     temp?: (props: {
-        tempStringColor: any;
-        classes: any;
+        tempStringColor: string;
+        classes: "\n\tcolor-input--swatch\n\tafter:content-vertical-holder\n\tmin-w-4\n\tflex-1\n\trelative\n\tbefore:content-['']\n\tbefore:absolute\n\tbefore:inset-0\n\tbefore:bg-transparency-squares\n\tbefore:z-[-1]\n";
     }) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -20,17 +20,18 @@ type __VLS_Props = LabelProps & LinkableByIdProps & {
     copyTransform?: (val: HsvaColor, stringVal: string) => any;
     valid?: boolean;
 };
-type __VLS_PublicProps = __VLS_Props & {
+type __VLS_ModelProps = {
     modelValue?: RgbaColor;
     "tempValue"?: RgbaColor | undefined;
 };
-declare var __VLS_1: {}, __VLS_27: {};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_30: {};
 type __VLS_Slots = {} & {
     input?: (props: typeof __VLS_1) => any;
 } & {
-    buttons?: (props: typeof __VLS_27) => any;
+    buttons?: (props: typeof __VLS_30) => 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: RgbaColor) => any;
     "update:tempValue": (value: RgbaColor | undefined) => any;
 } & {
@@ -52,7 +53,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     };
     copyTransform: (val: HsvaColor, stringVal: string) => any;
 }, {}, {}, {}, 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/LibColorPicker/LibColorPicker.vue.d.ts

@@ -20,17 +20,18 @@ type __VLS_Props = LabelProps & LinkableByIdProps & {
     copyTransform?: (val: HsvaColor, stringVal: string) => any;
     valid?: boolean;
 };
-type __VLS_PublicProps = __VLS_Props & {
+type __VLS_ModelProps = {
     modelValue?: RgbaColor;
     "tempValue"?: RgbaColor | undefined;
 };
-declare var __VLS_1: {}, __VLS_27: {};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_30: {};
 type __VLS_Slots = {} & {
     input?: (props: typeof __VLS_1) => any;
 } & {
-    buttons?: (props: typeof __VLS_27) => any;
+    buttons?: (props: typeof __VLS_30) => 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: RgbaColor) => any;
     "update:tempValue": (value: RgbaColor | undefined) => any;
 } & {
@@ -52,7 +53,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     };
     copyTransform: (val: HsvaColor, stringVal: string) => any;
 }, {}, {}, {}, 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/LibDarkModeSwitcher/LibDarkModeSwitcher.d.vue.ts

@@ -1,14 +1,6 @@
 import { type ButtonHTMLAttributes } from "vue";
 import type { TailwindClassProp } from "../shared/props.js";
-declare const _default: import("vue").DefineComponent<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<{
-    "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;
 type RealProps = {
     showLabel?: boolean;
@@ -20,3 +12,12 @@ Partial<Omit<ButtonHTMLAttributes, "class" | "color" | "disabled"> & TailwindCla
     unstyle?: boolean;
 }>, RealProps {
 }
+declare const __VLS_export: import("vue").DefineComponent<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<{
+    "onUpdate:darkMode"?: ((value: boolean) => any) | undefined;
+    "onUpdate:darkModeState"?: ((value: "system" | "dark" | "light") => any) | undefined;
+}>, {
+    showLabel: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,14 +1,6 @@
 import { type ButtonHTMLAttributes } from "vue";
 import type { TailwindClassProp } from "../shared/props.js";
-declare const _default: import("vue").DefineComponent<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<{
-    "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;
 type RealProps = {
     showLabel?: boolean;
@@ -20,3 +12,12 @@ Partial<Omit<ButtonHTMLAttributes, "class" | "color" | "disabled"> & TailwindCla
     unstyle?: boolean;
 }>, RealProps {
 }
+declare const __VLS_export: import("vue").DefineComponent<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<{
+    "onUpdate:darkMode"?: ((value: boolean) => any) | undefined;
+    "onUpdate:darkModeState"?: ((value: "system" | "dark" | "light") => any) | undefined;
+}>, {
+    showLabel: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -7,7 +7,7 @@ type __VLS_Props = {
     /** The local user's timezone, defaults to @internationalized/date's getLocalTimeZone(). */
     timeZone?: string;
 };
-type __VLS_PublicProps = __VLS_Props & {
+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.
      *
@@ -17,11 +17,161 @@ type __VLS_PublicProps = __VLS_Props & {
      */
     modelValue: SingleDate | RangeDate;
 };
-declare var __VLS_8: any;
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_9: {
+    tempValue: {
+        start?: {
+            readonly calendar: {
+                identifier: import("@internationalized/date").CalendarIdentifier;
+                fromJulianDay: (jd: number) => import("@internationalized/date").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) => import("@internationalized/date").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: () => import("@internationalized/date").CalendarDate;
+            add: (duration: import("@internationalized/date").DateDuration) => import("@internationalized/date").CalendarDate;
+            subtract: (duration: import("@internationalized/date").DateDuration) => import("@internationalized/date").CalendarDate;
+            set: (fields: import("@internationalized/date").DateFields) => import("@internationalized/date").CalendarDate;
+            cycle: (field: import("@internationalized/date").DateField, amount: number, options?: import("@internationalized/date").CycleOptions) => import("@internationalized/date").CalendarDate;
+            toDate: (timeZone: string) => Date;
+            toString: () => string;
+            compare: (b: import("@internationalized/date").AnyCalendarDate) => number;
+        } | {
+            readonly calendar: {
+                identifier: import("@internationalized/date").CalendarIdentifier;
+                fromJulianDay: (jd: number) => import("@internationalized/date").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) => import("@internationalized/date").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: () => import("@internationalized/date").ZonedDateTime;
+            add: (duration: import("@internationalized/date").DateTimeDuration) => import("@internationalized/date").ZonedDateTime;
+            subtract: (duration: import("@internationalized/date").DateTimeDuration) => import("@internationalized/date").ZonedDateTime;
+            set: (fields: import("@internationalized/date").DateFields & import("@internationalized/date").TimeFields, disambiguation?: import("@internationalized/date").Disambiguation) => import("@internationalized/date").ZonedDateTime;
+            cycle: (field: import("@internationalized/date").DateField | import("@internationalized/date").TimeField, amount: number, options?: import("@internationalized/date").CycleTimeOptions) => import("@internationalized/date").ZonedDateTime;
+            toDate: () => Date;
+            toString: () => string;
+            toAbsoluteString: () => string;
+            compare: (b: import("@internationalized/date").CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime) => number;
+        } | undefined;
+        end?: {
+            readonly calendar: {
+                identifier: import("@internationalized/date").CalendarIdentifier;
+                fromJulianDay: (jd: number) => import("@internationalized/date").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) => import("@internationalized/date").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: () => import("@internationalized/date").CalendarDate;
+            add: (duration: import("@internationalized/date").DateDuration) => import("@internationalized/date").CalendarDate;
+            subtract: (duration: import("@internationalized/date").DateDuration) => import("@internationalized/date").CalendarDate;
+            set: (fields: import("@internationalized/date").DateFields) => import("@internationalized/date").CalendarDate;
+            cycle: (field: import("@internationalized/date").DateField, amount: number, options?: import("@internationalized/date").CycleOptions) => import("@internationalized/date").CalendarDate;
+            toDate: (timeZone: string) => Date;
+            toString: () => string;
+            compare: (b: import("@internationalized/date").AnyCalendarDate) => number;
+        } | {
+            readonly calendar: {
+                identifier: import("@internationalized/date").CalendarIdentifier;
+                fromJulianDay: (jd: number) => import("@internationalized/date").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) => import("@internationalized/date").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: () => import("@internationalized/date").ZonedDateTime;
+            add: (duration: import("@internationalized/date").DateTimeDuration) => import("@internationalized/date").ZonedDateTime;
+            subtract: (duration: import("@internationalized/date").DateTimeDuration) => import("@internationalized/date").ZonedDateTime;
+            set: (fields: import("@internationalized/date").DateFields & import("@internationalized/date").TimeFields, disambiguation?: import("@internationalized/date").Disambiguation) => import("@internationalized/date").ZonedDateTime;
+            cycle: (field: import("@internationalized/date").DateField | import("@internationalized/date").TimeField, amount: number, options?: import("@internationalized/date").CycleTimeOptions) => import("@internationalized/date").ZonedDateTime;
+            toDate: () => Date;
+            toString: () => string;
+            toAbsoluteString: () => string;
+            compare: (b: import("@internationalized/date").CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime) => number;
+        } | undefined;
+    };
+} | {
+    tempValue: any;
+};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_9) => 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 | RangeDate) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: SingleDate | RangeDate) => any) | undefined;
@@ -31,7 +181,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     timeZone: string;
     showTime: boolean;
 }, {}, {}, {}, 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 (): {