@simsustech/quasar-components 0.7.1 → 0.8.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @simsustech/quasar-components
 
+## 0.8.1
+
+### Patch Changes
+
+- 0b24daf: feat: add fab slot to ResourcePage
+- 92a0c62: feat(components): add header-side slot to ResourcePage
+- c750af3: fix: fix DateInput label
+- 572c7e5: feat: add label to LocaleSelect
+
+## 0.8.0
+
+### Minor Changes
+
+- 050612f: Add CurrencySelect and LocaleSelect components
+
+### Patch Changes
+
+- d749926: chore: update package.json
+- cba0aa7: chore: update package.json
+
 ## 0.7.1
 
 ### Patch Changes

package/dist/form.js

@@ -1,5 +1,6 @@
-import { ref, defineComponent, useAttrs, withAsyncContext, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, computed, useSlots, renderSlot, createCommentVNode, toRefs, resolveDirective, createElementBlock, Fragment, renderList, resolveDynamicComponent, createElementVNode, withDirectives, createSlots } from "vue";
+import { ref, defineComponent, useAttrs, withAsyncContext, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, computed, useSlots, renderSlot, createCommentVNode, toRefs, resolveDirective, createElementBlock, Fragment, renderList, resolveDynamicComponent, createElementVNode, withDirectives, onMounted, createSlots } from "vue";
 import { useQuasar, QSelect, QItem, QItemSection, QItemLabel, QInput, QDate, QIcon, QTooltip, QBtn, QPopupProxy, QField, QEditor } from "quasar";
+import { e as enUs, n as nl, u as useLang$1 } from "./en-US-BEeILC7o.js";
 const lang$1 = {
   isoName: "en-US",
   yes: "Yes",
@@ -36,6 +37,7 @@ const lang$1 = {
     }
   },
   datePicker: {
+    date: "Date",
     placeholder: "YYYY/MM/DD",
     YYYY: "YYYY",
     MM: "MM",
@@ -43,6 +45,14 @@ const lang$1 = {
     validations: {
       unavailableRange: "The selected period contains unavailable dates."
     }
+  },
+  currency: {
+    currency: "Currency",
+    EUR: "Euro",
+    USD: "USD"
+  },
+  locale: {
+    locale: "Locale"
   }
 };
 const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -53,7 +63,7 @@ var define_import_meta_env_default = { BASE_URL: "/", MODE: "production", DEV: f
 const lang = ref(lang$1);
 const locales = /* @__PURE__ */ Object.assign({
   "./en-US.ts": () => Promise.resolve().then(() => enUS),
-  "./nl.ts": () => import("./nl-DF7uv7-9.js")
+  "./nl.ts": () => import("./nl-DvM_wB4u.js")
 });
 const useLang = () => {
   return lang;
@@ -77,7 +87,7 @@ const loadLang = async (isoName) => {
     loadingLanguage = false;
   }
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "GenderSelect",
   props: {
     modelValue: {},
@@ -130,7 +140,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "GenderItem",
   props: {
     modelValue: {}
@@ -170,7 +180,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "PostalCodeInput",
   props: {
     modelValue: {},
@@ -208,7 +218,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "FormItem",
   props: {
     modelValue: {},
@@ -269,7 +279,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "FormInput",
   props: {
     modelValue: {},
@@ -302,7 +312,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "TelephoneNumberInput",
   props: {
     modelValue: {},
@@ -328,12 +338,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = {
+const _hoisted_1$1 = {
   key: 0,
   style: { "margin-left": "-0.5em", "margin-top": "0.75em" }
 };
-const _hoisted_2 = { class: "row items-center justify-end" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_2$1 = { class: "row items-center justify-end" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
     modelValue: {},
@@ -479,17 +489,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         "model-value": unref(modelValue),
         "bottom-slots": "",
         rules: validations.value,
-        label: _ctx.label,
+        label: `${_ctx.label}${_ctx.required ? "*" : ""}`,
         "stack-label": ""
       }, {
         control: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(format).split("-"), (part, index) => {
             return openBlock(), createBlock(resolveDynamicComponent(unref(QInput)), mergeProps({
               key: part,
-              borderless: ""
+              borderless: "",
+              ref_for: true
             }, dateProps.value[part]), {
               after: withCtx(() => [
-                index < 2 ? (openBlock(), createElementBlock("a", _hoisted_1, "-")) : createCommentVNode("", true)
+                index < 2 ? (openBlock(), createElementBlock("a", _hoisted_1$1, "-")) : createCommentVNode("", true)
               ]),
               _: 2
             }, 1040);
@@ -526,7 +537,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       "onUpdate:modelValue": setDate
                     }), {
                       default: withCtx(() => [
-                        createElementVNode("div", _hoisted_2, [
+                        createElementVNode("div", _hoisted_2$1, [
                           withDirectives(createVNode(_component_q_btn, {
                             label: unref(lang2).buttons.close,
                             color: "primary",
@@ -551,7 +562,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "BooleanSelect",
   props: {
     modelValue: { type: [Boolean, null] },
@@ -597,7 +608,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "BooleanItem",
   props: {
     modelValue: { type: [Boolean, null] },
@@ -641,7 +652,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 const __default__$1 = {
   name: "EmailInput"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: {
     subject: {},
@@ -678,7 +689,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
     modelValue: {},
@@ -744,6 +755,141 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "CurrencySelect",
+  props: {
+    modelValue: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const lang2 = useLang();
+    const currencyOptions = ref([
+      {
+        label: lang2.value.currency.EUR,
+        value: "EUR"
+      },
+      {
+        label: lang2.value.currency.USD,
+        value: "USD"
+      }
+    ]);
+    const validations = ref([]);
+    if (props.required)
+      validations.value.push(
+        (val) => !!val || lang2.value.validations.fieldRequired
+      );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
+        rules: validations.value,
+        "model-value": _ctx.modelValue,
+        options: currencyOptions.value,
+        label: `${unref(lang2).currency.currency}${_ctx.required ? "*" : ""}`,
+        "emit-value": "",
+        "map-options": "",
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+      }), null, 16, ["rules", "model-value", "options", "label"]);
+    };
+  }
+});
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "LocaleSelect",
+  props: {
+    modelValue: {},
+    required: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const { modelValue } = toRefs(props);
+    const attrs = useAttrs();
+    const lang2 = useLang();
+    const flagsLang = useLang$1();
+    const languageOptions = [
+      {
+        label: flagsLang.value.languages["en-US"],
+        value: "en-US"
+      },
+      {
+        label: flagsLang.value.languages.nl,
+        value: "nl"
+      }
+    ];
+    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),
+        label: `${unref(lang2).locale.locale}${_ctx.required ? "*" : ""}`,
+        "emit-value": "",
+        "map-options": ""
+      }), {
+        selected: withCtx(() => [
+          unref(modelValue) === "en-US" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createVNode(unref(enUs)),
+            createTextVNode(" " + toDisplayString(unref(flagsLang).languages["en-US"]), 1)
+          ])) : createCommentVNode("", true),
+          unref(modelValue) === "nl" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            createVNode(unref(nl)),
+            createTextVNode(" " + toDisplayString(unref(flagsLang).languages.nl), 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))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_q_item_section, null, {
+                default: withCtx(() => [
+                  createVNode(_component_q_item_label, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(flagsLang).languages["en-US"]), 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))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_q_item_section, null, {
+                default: withCtx(() => [
+                  createVNode(_component_q_item_label, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(flagsLang).languages.nl), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 2
+          }, 1040)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 16, ["model-value", "label"]);
+    };
+  }
+});
 const __default__ = {
   name: "FilteredModelSelect"
 };
@@ -752,7 +898,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: {},
     labelKey: {},
+    labelFunction: { type: Function },
     valueKey: {},
+    extraFields: {},
     filteredOptions: {},
     required: { type: Boolean },
     onFilter: {},
@@ -766,14 +914,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const emit = __emit;
     const lang2 = useLang();
-    const { modelValue, onFilter, filteredOptions, labelKey, valueKey } = toRefs(props);
+    const {
+      modelValue,
+      onFilter,
+      filteredOptions,
+      labelKey,
+      valueKey,
+      labelFunction,
+      extraFields
+    } = toRefs(props);
     const options = computed(() => {
       var _a;
       if (filteredOptions.value.length) {
-        return (_a = filteredOptions.value) == null ? void 0 : _a.map((option) => ({
-          label: option[labelKey.value],
-          value: option[valueKey.value || "id"]
-        }));
+        return (_a = filteredOptions.value) == null ? void 0 : _a.map((option) => {
+          var _a2;
+          return {
+            label: labelFunction.value ? labelFunction.value(option) : option[labelKey.value],
+            value: option[valueKey.value || "id"],
+            extraFields: (_a2 = extraFields.value) == null ? void 0 : _a2.reduce(
+              (result, key) => {
+                if (option.hasOwnProperty(key)) {
+                  result[key] = option[key];
+                }
+                return result;
+              },
+              {}
+            )
+          };
+        });
       }
       return [];
     });
@@ -809,6 +977,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         });
     });
+    onMounted(() => {
+      if (!options.value.length)
+        emit("filter", {
+          ids: selectedIds.value,
+          searchPhrase: "",
+          done: () => {
+          }
+        });
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QSelect), mergeProps({
         ref_key: "selectRef",
@@ -835,11 +1012,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         _: 2
       }, [
-        renderList(Object.keys(_ctx.$slots), (slot, index) => {
+        renderList(_ctx.$slots, (_, slot) => {
           return {
             name: slot,
             fn: withCtx((scope) => [
-              renderSlot(_ctx.$slots, slot, { scope })
+              renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope || {})))
             ])
           };
         })
@@ -848,18 +1025,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main$3 as BooleanItem,
-  _sfc_main$4 as BooleanSelect,
-  _sfc_main$5 as DateInput,
-  _sfc_main$1 as DatePicker,
-  _sfc_main$2 as EmailInput,
+  _sfc_main$5 as BooleanItem,
+  _sfc_main$6 as BooleanSelect,
+  _sfc_main$2 as CurrencySelect,
+  _sfc_main$7 as DateInput,
+  _sfc_main$3 as DatePicker,
+  _sfc_main$4 as EmailInput,
   _sfc_main as FilteredModelSelect,
-  _sfc_main$7 as FormInput,
-  _sfc_main$8 as FormItem,
-  _sfc_main$a as GenderItem,
-  _sfc_main$b as GenderSelect,
-  _sfc_main$9 as PostalCodeInput,
-  _sfc_main$6 as TelephoneNumberInput,
+  _sfc_main$9 as FormInput,
+  _sfc_main$a as FormItem,
+  _sfc_main$c as GenderItem,
+  _sfc_main$d as GenderSelect,
+  _sfc_main$1 as LocaleSelect,
+  _sfc_main$b as PostalCodeInput,
+  _sfc_main$8 as TelephoneNumberInput,
   loadLang,
   useLang
 };

package/dist/general.js

@@ -1,6 +1,6 @@
 import { l as loadLang, u as useLang, _ as _sfc_main$5 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-DAnZaTMl.js";
-import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QBtn, QToolbarTitle, QToolbar, QHeader, QPage, QPageContainer, QLayout, QSpace, QPageSticky, QSelect, QItemSection, QItemLabel, QItem, QList } 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 { useQuasar, QCard, QCardSection, QCardActions, QDialog, QBtn, QToolbarTitle, QToolbar, QHeader, QPage, QPageContainer, QLayout, QPageSticky, QSelect, QItemSection, QItemLabel, QItem, QList } from "quasar";
+import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, useSlots, toRefs, useAttrs, computed, mergeProps, createTextVNode, toDisplayString } from "vue";
 import { e as enUs, n as nl } from "./en-US-BEeILC7o.js";
 const _hoisted_1$1 = { class: "text-h6" };
 const _hoisted_2 = { class: "text-subtitle2" };
@@ -207,11 +207,12 @@ const __default__ = {
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
-    type: { default: "create" },
-    disabled: { type: Boolean, default: false }
+    type: {},
+    disabled: { type: Boolean }
   },
   emits: ["create", "update"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const slots = useSlots();
     const props = __props;
     const emit = __emit;
     const $q = useQuasar();
@@ -221,7 +222,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     watch($q.lang, (val) => {
       loadLang($q.lang.isoName);
     });
-    const { disabled } = toRefs(props);
+    const { type, disabled } = toRefs(props);
+    if (!type.value && !slots.fab)
+      type.value = "create";
     const done = () => "";
     const create = (evt) => disabled.value ? () => {
     } : emit("create", { done });
@@ -240,7 +243,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     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;
@@ -258,7 +260,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["shadow-2", { "bg-dark": unref($q).dark.isActive, "bg-white": !unref($q).dark.isActive }])
               }, {
                 default: withCtx(() => [
-                  _ctx.type === "create" ? (openBlock(), createBlock(_component_q_btn, {
+                  renderSlot(_ctx.$slots, "fab"),
+                  unref(type) === "create" ? (openBlock(), createBlock(_component_q_btn, {
                     key: 0,
                     disable: unref(disabled),
                     flat: "",
@@ -269,7 +272,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     icon: "add",
                     class: "q-mr-sm bg-primary text-white",
                     onClick: create
-                  }, null, 8, ["disable"])) : (openBlock(), createBlock(_component_q_btn, {
+                  }, null, 8, ["disable"])) : unref(type) === "update" ? (openBlock(), createBlock(_component_q_btn, {
                     key: 1,
                     disable: unref(disabled),
                     flat: "",
@@ -280,14 +283,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     icon: "edit",
                     class: "q-mr-sm bg-primary text-white",
                     onClick: update
-                  }, null, 8, ["disable"])),
-                  createVNode(_component_q_toolbar_title, { shrink: "" }, {
+                  }, null, 8, ["disable"])) : createCommentVNode("", true),
+                  createVNode(_component_q_toolbar_title, null, {
                     default: withCtx(() => [
                       renderSlot(_ctx.$slots, "header")
                     ]),
                     _: 3
                   }),
-                  createVNode(_component_q_space)
+                  renderSlot(_ctx.$slots, "header-side")
                 ]),
                 _: 3
               }, 8, ["class"])

package/dist/{nl-DF7uv7-9.js → nl-DvM_wB4u.js}

@@ -34,6 +34,7 @@ const lang = {
     }
   },
   datePicker: {
+    date: "Datum",
     placeholder: "JJJJ/MM/DD",
     YYYY: "JJJJ",
     MM: "MM",
@@ -41,6 +42,14 @@ const lang = {
     validations: {
       unavailableRange: "De geselecteerde periode bevat ongeschikbare datums."
     }
+  },
+  currency: {
+    currency: "Valuta",
+    EUR: "Euro",
+    USD: "USD"
+  },
+  locale: {
+    locale: "Land"
   }
 };
 export {

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

@@ -9,17 +9,18 @@ export interface Props {
         name: string;
     }[];
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<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").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}, {}>;
 export default _default;
+
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<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

@@ -6,7 +6,7 @@ export interface Props {
         style?: Partial<CSSStyleDeclaration>;
     })>;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {
     variables: import("vue").Ref<{
         header: string;
     }>;
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         otp: string;
         done: () => void;
     }) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {
     onSubmit?: ((args_0: {
         email: string;
         newEmail: string;
@@ -39,8 +39,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     }): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -48,8 +53,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -4,7 +4,7 @@ export interface Props {
         style?: Partial<CSSStyleDeclaration>;
     })>;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {
     variables: import("vue").Ref<{
         header: string;
         emailChanged: string;
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
         otp: string;
         done: () => void;
     }) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {
     onChangeEmail?: ((args_0: {
         email: string;
         newEmail: string;
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<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

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