@simsustech/quasar-components 0.1.2 → 0.2.0

package/dist/general.js

@@ -1,14 +1,15 @@
-import { l as loadLang, u as useLang } from "./QSubmitButton.vue_vue_type_script_setup_true_lang.fe90878f.js";
-import { _ } from "./QSubmitButton.vue_vue_type_script_setup_true_lang.fe90878f.js";
-import { useQuasar, QCard, QCardSection, QCardActions } from "quasar";
-import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps } from "vue";
-const _hoisted_1 = { class: "text-h6" };
+import { l as loadLang, u as useLang, _ as _sfc_main$4 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang.65d6ac94.js";
+import { _ } from "./QSubmitButton.vue_vue_type_script_setup_true_lang.65d6ac94.js";
+import { useQuasar, QCard, QCardSection, QCardActions, QBtn, QToolbarTitle, QToolbar, QHeader, QPage, QPageContainer, QLayout, QDialog, 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 { e as enUs, n as nl } from "./en-US.d5751f99.js";
+const _hoisted_1$1 = { class: "text-h6" };
 const _hoisted_2 = { class: "text-subtitle2" };
-const __default__ = {
+const __default__$2 = {
   name: "QStyledCard"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: {
     actions: null
   },
@@ -39,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "image", {}, void 0, true),
           createVNode(_component_q_card_section, null, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_1$1, [
                 renderSlot(_ctx.$slots, "title", {}, void 0, true)
               ]),
               createElementVNode("div", _hoisted_2, [
@@ -66,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const QStyledCard_vue_vue_type_style_index_0_scoped_110a70fd_lang = "";
+const QStyledCard_vue_vue_type_style_index_0_scoped_302df27a_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -74,8 +75,336 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const QStyledCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-110a70fd"]]);
+const QStyledCard = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-302df27a"]]);
+const __default__$1 = {
+  name: "ResponsiveDialog"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: {
+    display: { type: Boolean }
+  },
+  emits: ["submit"],
+  setup(__props, { expose, emit }) {
+    const modelValue = ref(false);
+    const $q = useQuasar();
+    const lang = useLang();
+    if (lang.value.isoName !== $q.lang.isoName)
+      loadLang($q.lang.isoName);
+    watch($q.lang, (val) => {
+      loadLang($q.lang.isoName);
+    });
+    const submit = (evt) => {
+      emit("submit", {
+        done: (success = true) => {
+          evt.done();
+          if (success)
+            modelValue.value = false;
+        }
+      });
+    };
+    const open = () => modelValue.value = true;
+    const close = () => modelValue.value = false;
+    const toggle = () => modelValue.value = !modelValue.value;
+    const variables = ref({});
+    const functions = ref({
+      open,
+      close,
+      toggle
+    });
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_btn = QBtn;
+      const _component_q_toolbar_title = QToolbarTitle;
+      const _component_q_toolbar = QToolbar;
+      const _component_q_header = QHeader;
+      const _component_q_page = QPage;
+      const _component_q_page_container = QPageContainer;
+      const _component_q_layout = QLayout;
+      const _component_q_dialog = QDialog;
+      return openBlock(), createBlock(_component_q_dialog, {
+        "model-value": modelValue.value,
+        maximized: unref($q).screen.lt.md
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_q_layout, {
+            view: "LHh lpR fff",
+            container: "",
+            class: normalizeClass({ "bg-dark": unref($q).dark.isActive, "bg-white": !unref($q).dark.isActive }),
+            style: { "min-width": "85vw" }
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_q_header, { class: "bg-primary" }, {
+                default: withCtx(() => [
+                  createVNode(_component_q_toolbar, null, {
+                    default: withCtx(() => [
+                      createVNode(_component_q_btn, {
+                        icon: "close",
+                        flat: "",
+                        round: "",
+                        dense: "",
+                        onClick: close
+                      }),
+                      createVNode(_component_q_toolbar_title, null, {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "title")
+                        ]),
+                        _: 3
+                      }),
+                      !__props.display ? (openBlock(), createBlock(_sfc_main$4, {
+                        key: 0,
+                        color: "accent",
+                        onSubmit: submit
+                      })) : createCommentVNode("", true)
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              }),
+              createVNode(_component_q_page_container, { style: { "padding-bottom": "-50px" } }, {
+                default: withCtx(() => [
+                  createVNode(_component_q_page, { class: "q-pa-md q-pb-xl" }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "default")
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ]),
+        _: 3
+      }, 8, ["model-value", "maximized"]);
+    };
+  }
+});
+const _hoisted_1 = { style: { "margin-top": "80px" } };
+const __default__ = {
+  name: "ResourcePage"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    type: { default: "create" },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["create", "update"],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const $q = useQuasar();
+    const lang = useLang();
+    if (lang.value.isoName !== $q.lang.isoName)
+      loadLang($q.lang.isoName);
+    watch($q.lang, (val) => {
+      loadLang($q.lang.isoName);
+    });
+    const { disabled } = toRefs(props);
+    const done = () => "";
+    const create = (evt) => disabled.value ? () => {
+    } : emit("create", { done });
+    const update = (evt) => disabled.value ? () => {
+    } : emit("update", { done });
+    const variables = ref({});
+    const functions = ref({});
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_btn = QBtn;
+      const _component_q_toolbar_title = QToolbarTitle;
+      const _component_q_space = QSpace;
+      const _component_q_toolbar = QToolbar;
+      const _component_q_page_sticky = QPageSticky;
+      const _component_q_page = QPage;
+      return openBlock(), createBlock(_component_q_page, { class: "q-ma-md" }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          createVNode(_component_q_page_sticky, {
+            expand: "",
+            position: "top"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_q_toolbar, {
+                class: normalizeClass(["shadow-2", { "bg-dark": unref($q).dark.isActive, "bg-white": !unref($q).dark.isActive }])
+              }, {
+                default: withCtx(() => [
+                  __props.type === "create" ? (openBlock(), createBlock(_component_q_btn, {
+                    key: 0,
+                    disable: unref(disabled),
+                    flat: "",
+                    style: { "margin-bottom": "-50px", "z-index": "5" },
+                    round: "",
+                    size: "lg",
+                    dense: "",
+                    icon: "add",
+                    class: "q-mr-sm bg-primary text-white",
+                    onClick: create
+                  }, null, 8, ["disable"])) : (openBlock(), createBlock(_component_q_btn, {
+                    key: 1,
+                    disable: unref(disabled),
+                    flat: "",
+                    style: { "margin-bottom": "-50px", "z-index": "5" },
+                    round: "",
+                    size: "lg",
+                    dense: "",
+                    icon: "edit",
+                    class: "q-mr-sm bg-primary text-white",
+                    onClick: update
+                  }, null, 8, ["disable"])),
+                  createVNode(_component_q_toolbar_title, { shrink: "" }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "header")
+                    ]),
+                    _: 3
+                  }),
+                  createVNode(_component_q_space)
+                ]),
+                _: 3
+              }, 8, ["class"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "QLanguageSelect",
+  props: {
+    modelValue: null,
+    languageImports: null
+  },
+  setup(__props) {
+    const props = __props;
+    const $q = useQuasar();
+    const { modelValue } = toRefs(props);
+    const attrs = useAttrs();
+    const nlRef = ref();
+    computed(() => {
+      var _a;
+      return (_a = nlRef.value) == null ? void 0 : _a.variables.country;
+    });
+    const nlLanguage = computed(() => {
+      var _a;
+      return (_a = nlRef.value) == null ? void 0 : _a.variables.language;
+    });
+    const enUsRef = ref();
+    computed(() => {
+      var _a;
+      return (_a = enUsRef.value) == null ? void 0 : _a.variables.country;
+    });
+    const enUsLanguage = computed(() => {
+      var _a;
+      return (_a = enUsRef.value) == null ? void 0 : _a.variables.language;
+    });
+    const languageOptions = [
+      {
+        label: enUsLanguage.value,
+        value: "en-US"
+      },
+      {
+        label: nlLanguage.value,
+        value: "nl"
+      }
+    ];
+    watch(modelValue, (langIso) => {
+      try {
+        props.languageImports[langIso]().then(
+          (lang) => {
+            $q.lang.set(lang.default);
+          }
+        );
+      } catch (e) {
+        console.error(e);
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_q_item_section = QItemSection;
+      const _component_q_item_label = QItemLabel;
+      const _component_q_item = QItem;
+      return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
+        options: languageOptions,
+        "model-value": unref(modelValue),
+        "emit-value": "",
+        "map-options": ""
+      }), {
+        selected: withCtx(() => [
+          unref(modelValue) === "en-US" ? (openBlock(), createBlock(unref(enUs), { key: 0 })) : createCommentVNode("", true),
+          unref(modelValue) === "nl" ? (openBlock(), createBlock(unref(nl), { key: 1 })) : createCommentVNode("", true)
+        ]),
+        option: withCtx((scope) => [
+          scope.opt.value === "en-US" ? (openBlock(), createBlock(_component_q_item, normalizeProps(mergeProps({ key: 0 }, scope.itemProps)), {
+            default: withCtx(() => [
+              createVNode(_component_q_item_section, { avatar: "" }, {
+                default: withCtx(() => [
+                  createVNode(unref(enUs), {
+                    ref_key: "enUsRef",
+                    ref: enUsRef
+                  }, null, 512)
+                ]),
+                _: 1
+              }),
+              createVNode(_component_q_item_section, null, {
+                default: withCtx(() => [
+                  createVNode(_component_q_item_label, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(enUsLanguage)), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 2
+          }, 1040)) : createCommentVNode("", true),
+          scope.opt.value === "nl" ? (openBlock(), createBlock(_component_q_item, normalizeProps(mergeProps({ key: 1 }, scope.itemProps)), {
+            default: withCtx(() => [
+              createVNode(_component_q_item_section, { avatar: "" }, {
+                default: withCtx(() => [
+                  createVNode(unref(nl), {
+                    ref_key: "nlRef",
+                    ref: nlRef
+                  }, null, 512)
+                ]),
+                _: 1
+              }),
+              createVNode(_component_q_item_section, null, {
+                default: withCtx(() => [
+                  createVNode(_component_q_item_label, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(nlLanguage)), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 2
+          }, 1040)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 16, ["model-value"]);
+    };
+  }
+});
 export {
+  _sfc_main as QLanguageSelect,
   QStyledCard,
-  _ as QSubmitButton
+  _ as QSubmitButton,
+  _sfc_main$1 as ResourcePage,
+  _sfc_main$2 as ResponsiveDialog
 };

package/dist/icons.js

@@ -1,7 +1,7 @@
 import { ref, h } from "vue";
 import { useQuasar, QIcon } from "quasar";
 const icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCmFyaWEtbGFiZWw9Ik1pY3Jvc29mdCIgcm9sZT0iaW1nIgp2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHJlY3QKd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiCnJ4PSIxNSUiCmZpbGw9IiNmZmYiLz48cGF0aApkPSJNNzUgNzV2MTcxaDE3MXYtMTcxeiIgZmlsbD0iI2YyNTAyMiIvPjxwYXRoCmQ9Ik0yNjYgNzV2MTcxaDE3MXYtMTcxeiIgZmlsbD0iIzdmYmEwMCIvPjxwYXRoCmQ9Ik03NSAyNjZ2MTcxaDE3MXYtMTcxeiIgZmlsbD0iIzAwYTRlZiIvPjxwYXRoCmQ9Ik0yNjYgMjY2djE3MWgxNzF2LTE3MXoiIGZpbGw9IiNmZmI5MDAiLz48L3N2Zz4=";
-const icons = {
+const labels = {
   microsoft: {
     name: "Microsoft"
   }
@@ -9,7 +9,7 @@ const icons = {
 const microsoft = {
   setup(props, context) {
     useQuasar();
-    const variables = ref(icons["microsoft"]);
+    const variables = ref(labels["microsoft"]);
     const functions = ref({});
     context.expose({
       variables,

package/dist/{nl.6b0aedb7.js → nl.1df15493.js}

@@ -81,7 +81,7 @@ const lang = {
     alreadyRegistered: "Email adres is al geregistreerd."
   },
   verification: {
-    slider: "Please drag the slider all the way to the right until it turns green."
+    slider: "Sleep a.u.b. het onderstaande bolletje helemaal naar rechts."
   }
 };
 export {

package/dist/nl.7a710ba4.js

@@ -0,0 +1,35 @@
+const lang = {
+  isoName: "nl",
+  yes: "Ja",
+  no: "Nee",
+  buttons: {
+    close: "Sluiten"
+  },
+  fields: {
+    name: "Naam",
+    firstName: "Voornaam",
+    surname: "Achternaam",
+    address: "Adres",
+    postalCode: "Postcode",
+    city: "Woonplaats",
+    telephoneNumber: "Telefoonnumer"
+  },
+  validations: {
+    fieldRequired: "Veld is vereist."
+  },
+  gender: {
+    gender: "Geslacht",
+    male: "Man",
+    female: "Vrouw",
+    other: "Anders"
+  },
+  postalCode: {
+    postalCode: "Postcode",
+    validations: {
+      invalidPostalCode: "Ongeldige postcode"
+    }
+  }
+};
+export {
+  lang as default
+};

package/dist/style.css

@@ -1,4 +1,4 @@
-.card[data-v-110a70fd] {
+.card[data-v-302df27a] {
   width: 100%;
-  max-width: 400px;
+  max-width: 300px;
 }

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

@@ -74,8 +74,8 @@ declare const _default: {
     functions: import("vue").Ref<{}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
+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]>>;
     } : {

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

@@ -1,7 +1,7 @@
 import { QFormProps, QInputProps } from 'quasar';
 export interface Props {
     email: string;
-    form?: QFormProps & HTMLFormElement;
+    form?: QFormProps & Partial<HTMLFormElement> & Partial<HTMLDivElement>;
     input?: Omit<QInputProps, 'id' | 'name' | 'modelValue' | 'label' | 'rules' | 'type' | 'lazy-rules' | 'autofocus' | ('label' & {
         style?: Partial<CSSStyleDeclaration>;
     })>;
@@ -136,8 +136,8 @@ declare const _default: {
     };
 });
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
+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]>>;
     } : {

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

@@ -157,8 +157,8 @@ declare const _default: {
     }) => void;
 }, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
+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]>>;
     } : {

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

@@ -58,8 +58,8 @@ declare const _default: {
     };
 });
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
+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]>>;
     } : {

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

@@ -2,7 +2,7 @@ import { QFormProps, QInputProps } from 'quasar';
 export interface Props {
     useUsername?: boolean;
     passwordForgotUrl?: string;
-    form?: QFormProps & HTMLFormElement;
+    form?: QFormProps & Partial<HTMLFormElement> & Partial<HTMLDivElement>;
     input?: Omit<QInputProps, 'id' | 'name' | 'modelValue' | 'label' | 'rules' | 'type' | 'lazy-rules' | 'autofocus' | ('label' & {
         style?: Partial<CSSStyleDeclaration>;
     })>;
@@ -146,8 +146,8 @@ declare const _default: {
     };
 });
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
+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]>>;
     } : {

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

@@ -58,8 +58,8 @@ declare const _default: {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
+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]>>;
     } : {

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

@@ -2,7 +2,7 @@ import { QFormProps, QInputProps } from 'quasar';
 export interface Props {
     email: string;
     minimumPasswordLength?: number;
-    form?: QFormProps & HTMLFormElement;
+    form?: QFormProps & Partial<HTMLFormElement> & Partial<HTMLDivElement>;
     input?: Omit<QInputProps, 'id' | 'name' | 'modelValue' | 'label' | 'rules' | 'type' | 'lazy-rules' | 'autofocus' | ('label' & {
         style?: Partial<CSSStyleDeclaration>;
     })>;
@@ -13,8 +13,8 @@ declare const _default: {
         $data: {};
         $props: Partial<{
             minimumPasswordLength: number;
-            form: QFormProps & HTMLFormElement;
-            input: Omit<QInputProps, "label" | "name" | "type" | "modelValue" | "id" | "lazy-rules" | "rules" | "autofocus" | ("label" & {
+            form: QFormProps & Partial<HTMLFormElement> & Partial<HTMLDivElement>;
+            input: Omit<QInputProps, "name" | "type" | "label" | "modelValue" | "id" | "lazy-rules" | "rules" | "autofocus" | ("label" & {
                 style?: Partial<CSSStyleDeclaration> | undefined;
             })>;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
@@ -77,8 +77,8 @@ declare const _default: {
             }) => void;
         }, string, {
             minimumPasswordLength: number;
-            form: QFormProps & HTMLFormElement;
-            input: Omit<QInputProps, "label" | "name" | "type" | "modelValue" | "id" | "lazy-rules" | "rules" | "autofocus" | ("label" & {
+            form: QFormProps & Partial<HTMLFormElement> & Partial<HTMLDivElement>;
+            input: Omit<QInputProps, "name" | "type" | "label" | "modelValue" | "id" | "lazy-rules" | "rules" | "autofocus" | ("label" & {
                 style?: Partial<CSSStyleDeclaration> | undefined;
             })>;
         }, {}, string> & {
@@ -156,8 +156,8 @@ declare const _default: {
     }) => void;
 }, string, {
     minimumPasswordLength: number;
-    form: QFormProps & HTMLFormElement;
-    input: Omit<QInputProps, "label" | "name" | "type" | "modelValue" | "id" | "lazy-rules" | "rules" | "autofocus" | ("label" & {
+    form: QFormProps & Partial<HTMLFormElement> & Partial<HTMLDivElement>;
+    input: Omit<QInputProps, "name" | "type" | "label" | "modelValue" | "id" | "lazy-rules" | "rules" | "autofocus" | ("label" & {
         style?: Partial<CSSStyleDeclaration> | undefined;
     })>;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -171,8 +171,8 @@ declare const _default: {
     };
 });
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
+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]>>;
     } : {
@@ -180,7 +180,7 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-declare type __VLS_WithDefaults<P, D> = {
+type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
     } : P[K];

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

@@ -157,8 +157,8 @@ declare const _default: {
     }) => void;
 }, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
+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]>>;
     } : {