@simsustech/quasar-components 0.4.4 → 0.4.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @simsustech/quasar-components
 
+## 0.4.6
+
+### Patch Changes
+
+- 255d957: fix(components): make LoginButton extend QSubmitButton
+
+## 0.4.5
+
+### Patch Changes
+
+- 65b81d3: chore: change nl submit translation
+
 ## 0.4.4
 
 ### Patch Changes

package/dist/{QSubmitButton.vue_vue_type_script_setup_true_lang-b5f452c6.js → QSubmitButton.vue_vue_type_script_setup_true_lang-62670a79.js}

@@ -1,5 +1,5 @@
 import { useQuasar, QBtn } from "quasar";
-import { ref, defineComponent, useAttrs, watch, openBlock, createBlock, mergeProps, unref } from "vue";
+import { ref, defineComponent, useAttrs, watch, openBlock, createBlock, mergeProps, unref, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 const lang$1 = {
   isoName: "en-US",
   submit: "Submit",
@@ -13,7 +13,7 @@ const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
 const lang = ref(lang$1);
 const locales = /* @__PURE__ */ Object.assign({
   "./en-US.ts": () => Promise.resolve().then(() => enUS),
-  "./nl.ts": () => import("./nl-022c8c63.js")
+  "./nl.ts": () => import("./nl-f499b5cb.js")
 });
 const useLang = () => {
   return lang;
@@ -60,9 +60,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["submit"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const attrs = useAttrs();
+    const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName)
@@ -84,12 +85,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_q_btn = QBtn;
       return openBlock(), createBlock(_component_q_btn, mergeProps(unref(attrs), {
-        label: __props.isNextButton ? unref(lang2).next : unref(lang2).submit,
         color: __props.color,
         loading: __props.loading || unref(loadingInternal),
         type: "submit",
         onClick: submit
-      }), null, 16, ["label", "color", "loading"]);
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.isNextButton ? unref(lang2).next : unref(lang2).submit), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["color", "loading"]);
     };
   }
 });

package/dist/authentication.js

@@ -1,6 +1,6 @@
 import { useQuasar, QForm, QInput, QStep, QStepperNavigation, QStepper, QIcon, QBtn, QSlider, QItemSection, QItem, QList, QMenu } from "quasar";
 import { ref, defineComponent, watch, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, toRef, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
-import { _ as _sfc_main$c } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-b5f452c6.js";
+import { _ as _sfc_main$c } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-62670a79.js";
 const lang$1 = {
   isoName: "en-US",
   myAccount: "Account",
@@ -385,7 +385,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     input: {}
   },
   emits: ["submit"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName)
@@ -486,8 +487,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     input: {}
   },
   emits: ["submit"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName)
@@ -585,7 +587,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     input: {}
   },
   emits: ["requestOtp", "changeEmail"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName)
@@ -731,8 +734,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     input: { default: void 0 }
   },
   emits: ["submit"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName)
@@ -856,7 +860,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     input: {}
   },
   emits: ["requestOtp", "changePassword"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName)
@@ -998,7 +1003,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     input: {}
   },
   emits: ["submit"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName)
@@ -1214,8 +1220,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     input: { default: void 0 }
   },
   emits: ["submit"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName)
@@ -1384,7 +1391,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     useVerificationSlider: { type: Boolean }
   },
   emits: ["verified"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName)
@@ -1556,7 +1564,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     userRoute: {}
   },
   emits: ["signOut"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName)
@@ -1634,7 +1643,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     withNetwork: {}
   },
-  setup(__props, { expose: __expose }) {
+  setup(__props) {
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName)
@@ -1642,19 +1651,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch($q.lang, (val) => {
       loadLang($q.lang.isoName);
     });
-    const variables = ref({
-      // header: lang.value.some.nested.prop
-    });
-    const functions = ref({
-      // submit
-    });
-    __expose({
-      variables,
-      functions
-    });
     return (_ctx, _cache) => {
-      const _component_q_btn = QBtn;
-      return openBlock(), createBlock(_component_q_btn, null, {
+      return openBlock(), createBlock(_sfc_main$c, null, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "icon"),
           _ctx.withNetwork ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(lang2).login.loginWith) + " " + toDisplayString(_ctx.withNetwork), 1)) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(lang2).login.login), 1))

package/dist/form.js

@@ -334,8 +334,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     date: {}
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const attrs = useAttrs();
     const lang2 = useLang();
     const $q = useQuasar();
@@ -345,6 +346,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       loadLang($q.lang.isoName);
     });
     const { modelValue } = toRefs(props);
+    const update = (val) => {
+      if (typeof val === "string" || val === null)
+        emit("update:modelValue", val);
+    };
     watch(
       () => modelValue == null ? void 0 : modelValue.value,
       (newVal) => {
@@ -376,7 +381,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         placeholder: unref(lang2).datePicker.placeholder,
         mask: "date",
         class: "q-pr-md",
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:modelValue", $event))
+        "onUpdate:modelValue": update
       }), {
         append: withCtx(() => [
           _ctx.clearable ? (openBlock(), createBlock(_component_q_icon, {
@@ -522,7 +527,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     body: {}
   },
   emits: ["update:subject", "update:body"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
     const lang2 = useLang();
     const variables = ref({
       // header: lang.value.some.nested.prop
@@ -562,9 +568,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     options: { type: Function }
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const attrs = useAttrs();
+    const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
     const { periods, range, options: parentOptions } = toRefs(props);

package/dist/general.js

@@ -1,4 +1,4 @@
-import { l as loadLang, u as useLang, _ as _sfc_main$4 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-b5f452c6.js";
+import { l as loadLang, u as useLang, _ as _sfc_main$4 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-62670a79.js";
 import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QBtn, QToolbarTitle, QToolbar, QHeader, QPage, QPageContainer, QLayout, QSpace, QPageSticky, QSelect, QItemSection, QItemLabel, QItem } from "quasar";
 import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, toRefs, useAttrs, computed, mergeProps, createTextVNode, toDisplayString } from "vue";
 import { enUs, nl } from "./flags.js";
@@ -88,7 +88,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     display: { type: Boolean }
   },
   emits: ["submit"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
     const $q = useQuasar();
     const lang = useLang();
     if (lang.value.isoName !== $q.lang.isoName)
@@ -211,8 +212,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false }
   },
   emits: ["create", "update"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const $q = useQuasar();
     const lang = useLang();
     if (lang.value.isoName !== $q.lang.isoName)

package/dist/{nl-022c8c63.js → nl-f499b5cb.js}

@@ -1,6 +1,6 @@
 const lang = {
   isoName: "nl",
-  submit: "Versturen",
+  submit: "Opslaan",
   next: "Volgende",
   back: "Vorige"
 };

package/dist/types/ui/authentication/ConsentList.vue.d.ts

@@ -9,46 +9,21 @@ export interface Props {
         name: string;
     }[];
 }
-declare const _default: import("vue").DefineComponent<{
-    scopes: {
-        type: import("vue").PropType<{
-            name: string;
-        }[]>;
-        required: true;
-    };
-    claims: {
-        type: import("vue").PropType<{
-            name: string;
-        }[]>;
-    };
-    resourceScopes: {
-        type: import("vue").PropType<{
-            name: string;
-        }[]>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     variables: import("vue").Ref<{
         message: (name: string) => string;
         allow: string;
         deny: string;
     }>;
     functions: import("vue").Ref<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    scopes: {
-        type: import("vue").PropType<{
-            name: string;
-        }[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
         required: true;
     };
-    claims: {
-        type: import("vue").PropType<{
-            name: string;
-        }[]>;
-    };
-    resourceScopes: {
-        type: import("vue").PropType<{
-            name: string;
-        }[]>;
-    };
-}>>, {}, {}>;
-export default _default;
+};

package/dist/types/ui/authentication/EmailChangeForm.vue.d.ts

@@ -6,20 +6,7 @@ export interface Props {
         style?: Partial<CSSStyleDeclaration>;
     })>;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    email: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    form: {
-        type: import("vue").PropType<QFormProps & Partial<HTMLFormElement> & Partial<HTMLDivElement>>;
-    };
-    input: {
-        type: import("vue").PropType<Omit<QInputProps, "name" | "type" | "label" | "modelValue" | "rules" | "autofocus" | "id" | ("label" & {
-            style?: Partial<CSSStyleDeclaration> | undefined;
-        }) | "lazy-rules">>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     variables: import("vue").Ref<{
         header: string;
     }>;
@@ -30,26 +17,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         }) => any;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (payload_0: {
+    submit: (args_0: {
         email: string;
         newEmail: string;
         otp: string;
         done: () => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    email: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    form: {
-        type: import("vue").PropType<QFormProps & Partial<HTMLFormElement> & Partial<HTMLDivElement>>;
-    };
-    input: {
-        type: import("vue").PropType<Omit<QInputProps, "name" | "type" | "label" | "modelValue" | "rules" | "autofocus" | "id" | ("label" & {
-            style?: Partial<CSSStyleDeclaration> | undefined;
-        }) | "lazy-rules">>;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onSubmit?: ((args_0: {
         email: string;
         newEmail: string;
@@ -65,6 +39,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     }): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/ui/authentication/EmailChangeStepper.vue.d.ts

@@ -4,13 +4,7 @@ export interface Props {
         style?: Partial<CSSStyleDeclaration>;
     })>;
 }
-declare const _default: import("vue").DefineComponent<{
-    input: {
-        type: import("vue").PropType<Omit<QInputProps, "name" | "type" | "label" | "modelValue" | "rules" | "autofocus" | "id" | "lazy-rules" | ("label" & {
-            style?: Partial<CSSStyleDeclaration> | undefined;
-        })>>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     variables: import("vue").Ref<{
         header: string;
         emailChanged: string;
@@ -22,23 +16,17 @@ declare const _default: import("vue").DefineComponent<{
         goToStep: (newStep: "changeEmail" | "requestOtp") => "changeEmail" | "requestOtp";
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    requestOtp: (payload_0: {
+    requestOtp: (args_0: {
         email: string;
         done: () => void;
     }) => void;
-    changeEmail: (payload_0: {
+    changeEmail: (args_0: {
         email: string;
         newEmail: string;
         otp: string;
         done: () => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    input: {
-        type: import("vue").PropType<Omit<QInputProps, "name" | "type" | "label" | "modelValue" | "rules" | "autofocus" | "id" | "lazy-rules" | ("label" & {
-            style?: Partial<CSSStyleDeclaration> | undefined;
-        })>>;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onChangeEmail?: ((args_0: {
         email: string;
         newEmail: string;
@@ -51,3 +39,12 @@ declare const _default: import("vue").DefineComponent<{
     }) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/ui/authentication/LoginButton.vue.d.ts

@@ -1,21 +1,19 @@
 export interface Props {
     withNetwork?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    withNetwork: {
-        type: import("vue").PropType<string>;
-    };
-}, {
-    variables: import("vue").Ref<{}>;
-    functions: import("vue").Ref<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    withNetwork: {
-        type: import("vue").PropType<string>;
-    };
-}>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     icon?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/ui/authentication/LoginForm.vue.d.ts

@@ -7,22 +7,7 @@ export interface Props {
         style?: Partial<CSSStyleDeclaration>;
     })>;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    useUsername: {
-        type: import("vue").PropType<boolean>;
-    };
-    passwordForgotUrl: {
-        type: import("vue").PropType<string>;
-    };
-    form: {
-        type: import("vue").PropType<QFormProps & Partial<HTMLFormElement> & Partial<HTMLDivElement>>;
-    };
-    input: {
-        type: import("vue").PropType<Omit<QInputProps, "name" | "type" | "label" | "modelValue" | "rules" | "autofocus" | "id" | "lazy-rules" | ("label" & {
-            style?: Partial<CSSStyleDeclaration> | undefined;
-        })>>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     variables: import("vue").Ref<{
         header: string;
         createAccount: string;
@@ -36,28 +21,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         }) => any;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (payload_0: {
+    submit: (args_0: {
         email?: string | undefined;
         password: string;
         username?: string | undefined;
         done: () => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    useUsername: {
-        type: import("vue").PropType<boolean>;
-    };
-    passwordForgotUrl: {
-        type: import("vue").PropType<string>;
-    };
-    form: {
-        type: import("vue").PropType<QFormProps & Partial<HTMLFormElement> & Partial<HTMLDivElement>>;
-    };
-    input: {
-        type: import("vue").PropType<Omit<QInputProps, "name" | "type" | "label" | "modelValue" | "rules" | "autofocus" | "id" | "lazy-rules" | ("label" & {
-            style?: Partial<CSSStyleDeclaration> | undefined;
-        })>>;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onSubmit?: ((args_0: {
         email?: string | undefined;
         password: string;
@@ -73,6 +43,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     }): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/ui/authentication/OtpInput.vue.d.ts

@@ -1,14 +1,19 @@
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}>> & {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string;
+}>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};