@simsustech/quasar-components 0.2.0 → 0.3.0

package/dist/form.js

@@ -1,5 +1,5 @@
-import { ref, defineComponent, useAttrs, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, computed, useSlots, renderSlot, createCommentVNode, resolveDirective, createElementVNode, withDirectives } from "vue";
-import { useQuasar, QSelect, QItem, QItemSection, QItemLabel, QInput, QIcon, QBtn, QDate, QPopupProxy } from "quasar";
+import { ref, defineComponent, useAttrs, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, computed, useSlots, renderSlot, createCommentVNode, resolveDirective, createElementVNode, withDirectives, createElementBlock, Fragment } from "vue";
+import { useQuasar, QSelect, QItem, QItemSection, QItemLabel, QInput, QIcon, QBtn, QDate, QPopupProxy, QEditor } from "quasar";
 const lang$1 = {
   isoName: "en-US",
   yes: "Yes",
@@ -7,10 +7,13 @@ const lang$1 = {
   buttons: {
     close: "Close"
   },
+  email: {
+    subject: "Subject"
+  },
   fields: {
     name: "Name",
     firstName: "First name",
-    surname: "Surname",
+    lastName: "Last name",
     address: "Address",
     postalCode: "Postal code",
     city: "City",
@@ -37,7 +40,10 @@ const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
   default: lang$1
 }, Symbol.toStringTag, { value: "Module" }));
 const lang = ref(lang$1);
-const locales = /* @__PURE__ */ Object.assign({ "./en-US.ts": () => Promise.resolve().then(() => enUS), "./nl.ts": () => import("./nl.7a710ba4.js") });
+const locales = /* @__PURE__ */ Object.assign({
+  "./en-US.ts": () => Promise.resolve().then(() => enUS),
+  "./nl.ts": () => import("./nl-ea9ab282.js")
+});
 const useLang = () => {
   return lang;
 };
@@ -51,7 +57,7 @@ const loadLang = async (isoName) => {
         lang.value = data;
       }
     } catch (e) {
-      if ({ "BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true }.DEBUG)
+      if ({}.DEBUG)
         console.error(e);
       throw new Error(
         `[quasar-components] Failed to load ${isoName} language file.`
@@ -60,7 +66,7 @@ const loadLang = async (isoName) => {
     loadingLanguage = false;
   }
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "GenderSelect",
   props: {
     modelValue: null,
@@ -109,7 +115,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "GenderItem",
   props: {
     modelValue: null
@@ -149,7 +155,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "PostalCodeInput",
   props: {
     modelValue: null,
@@ -166,7 +172,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     });
     const validations = ref({
       nl: [
-        (val) => !val || /^[1-9][0-9]{3} ?(?!sa|sd|ss)[a-z]{2}$/i.test(val) || lang2.value.postalCode.validations.invalidPostalCode
+        (val) => !val || // Do not check an empty string
+        /^[1-9][0-9]{3} ?(?!sa|sd|ss)[a-z]{2}$/i.test(val) || lang2.value.postalCode.validations.invalidPostalCode
       ]
     });
     const computedValidations = computed(() => {
@@ -186,7 +193,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "FormItem",
   props: {
     modelValue: null,
@@ -247,7 +254,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "FormInput",
   props: {
     modelValue: null,
@@ -280,7 +287,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "TelephoneNumberInput",
   props: {
     modelValue: null,
@@ -307,7 +314,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1 = { class: "row items-center justify-end" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
     modelValue: null,
@@ -392,7 +399,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "BooleanSelect",
   props: {
     modelValue: { type: Boolean },
@@ -438,7 +445,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "BooleanItem",
   props: {
     modelValue: { type: Boolean },
@@ -479,14 +486,58 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const __default__ = {
+  name: "EmailInput"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    subject: null,
+    body: null
+  },
+  emits: ["update:subject", "update:body"],
+  setup(__props, { expose, emit }) {
+    useAttrs();
+    useQuasar();
+    const lang2 = useLang();
+    const variables = ref({
+      // header: lang.value.some.nested.prop
+    });
+    const functions = ref({
+      // submit
+    });
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_input = QInput;
+      const _component_q_editor = QEditor;
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_q_input, {
+          outlined: "",
+          placeholder: unref(lang2).email.subject,
+          "model-value": __props.subject,
+          type: "text",
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:subject", $event))
+        }, null, 8, ["placeholder", "model-value"]),
+        createVNode(_component_q_editor, {
+          "model-value": __props.body,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update:body", $event))
+        }, null, 8, ["model-value"])
+      ], 64);
+    };
+  }
+});
 export {
-  _sfc_main as BooleanItem,
-  _sfc_main$1 as BooleanSelect,
-  _sfc_main$2 as DateInput,
-  _sfc_main$4 as FormInput,
-  _sfc_main$5 as FormItem,
-  _sfc_main$7 as GenderItem,
-  _sfc_main$8 as GenderSelect,
-  _sfc_main$6 as PostalCodeInput,
-  _sfc_main$3 as TelephoneNumberInput
+  _sfc_main$1 as BooleanItem,
+  _sfc_main$2 as BooleanSelect,
+  _sfc_main$3 as DateInput,
+  _sfc_main as EmailInput,
+  _sfc_main$5 as FormInput,
+  _sfc_main$6 as FormItem,
+  _sfc_main$8 as GenderItem,
+  _sfc_main$9 as GenderSelect,
+  _sfc_main$7 as PostalCodeInput,
+  _sfc_main$4 as TelephoneNumberInput
 };

package/dist/general.js

@@ -1,8 +1,7 @@
-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 { l as loadLang, u as useLang, _ as _sfc_main$4 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-b5f452c6.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 { e as enUs, n as nl } from "./en-US.d5751f99.js";
+import { e as enUs, n as nl } from "./en-US-6cc72154.js";
 const _hoisted_1$1 = { class: "text-h6" };
 const _hoisted_2 = { class: "text-subtitle2" };
 const __default__$2 = {
@@ -22,8 +21,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       loadLang($q.lang.isoName);
     });
     const qCardRef = ref();
-    const variables = ref({});
-    const functions = ref({});
+    const variables = ref({
+      // header: lang.value.some.nested.prop
+    });
+    const functions = ref({
+      // submit
+    });
     expose({
       variables,
       functions
@@ -86,7 +89,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   emits: ["submit"],
   setup(__props, { expose, emit }) {
-    const modelValue = ref(false);
+    ref(false);
     const $q = useQuasar();
     const lang = useLang();
     if (lang.value.isoName !== $q.lang.isoName)
@@ -97,16 +100,29 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const submit = (evt) => {
       emit("submit", {
         done: (success = true) => {
+          var _a;
           evt.done();
           if (success)
-            modelValue.value = false;
+            (_a = dialogRef.value) == null ? void 0 : _a.hide();
         }
       });
     };
-    const open = () => modelValue.value = true;
-    const close = () => modelValue.value = false;
-    const toggle = () => modelValue.value = !modelValue.value;
-    const variables = ref({});
+    const dialogRef = ref();
+    const open = () => {
+      var _a;
+      return (_a = dialogRef.value) == null ? void 0 : _a.show();
+    };
+    const close = () => {
+      var _a;
+      return (_a = dialogRef.value) == null ? void 0 : _a.hide();
+    };
+    const toggle = () => {
+      var _a;
+      return (_a = dialogRef.value) == null ? void 0 : _a.toggle();
+    };
+    const variables = ref({
+      // header: lang.value.some.nested.prop
+    });
     const functions = ref({
       open,
       close,
@@ -124,9 +140,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       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,
+      return openBlock(), createBlock(unref(QDialog), {
+        ref_key: "dialogRef",
+        ref: dialogRef,
         maximized: unref($q).screen.lt.md
       }, {
         default: withCtx(() => [
@@ -181,7 +197,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }, 8, ["class"])
         ]),
         _: 3
-      }, 8, ["model-value", "maximized"]);
+      }, 8, ["maximized"]);
     };
   }
 });
@@ -211,8 +227,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     } : emit("create", { done });
     const update = (evt) => disabled.value ? () => {
     } : emit("update", { done });
-    const variables = ref({});
-    const functions = ref({});
+    const variables = ref({
+      // header: lang.value.some.nested.prop
+    });
+    const functions = ref({
+      // submit
+    });
     expose({
       variables,
       functions
@@ -322,6 +342,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(modelValue, (langIso) => {
       try {
         props.languageImports[langIso]().then(
+          // langList[`../../../node_modules/quasar/lang/${langIso}.mjs`]().then(
           (lang) => {
             $q.lang.set(lang.default);
           }
@@ -404,7 +425,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as QLanguageSelect,
   QStyledCard,
-  _ as QSubmitButton,
+  _sfc_main$4 as QSubmitButton,
   _sfc_main$1 as ResourcePage,
   _sfc_main$2 as ResponsiveDialog
 };

package/dist/icons.js

@@ -10,7 +10,9 @@ const microsoft = {
   setup(props, context) {
     useQuasar();
     const variables = ref(labels["microsoft"]);
-    const functions = ref({});
+    const functions = ref({
+      // submit
+    });
     context.expose({
       variables,
       functions

package/dist/nl-38cb2607.js

@@ -0,0 +1,134 @@
+const lang = {
+  isoName: "nl",
+  countries: {
+    "ar-TN": "العربية (تونس)",
+    ar: "العربية",
+    "az-Latn": "Azerbaijan",
+    bg: "български език",
+    bn: "বাংলা",
+    ca: "Català",
+    cs: "Čeština",
+    da: "Denemarken",
+    de: "Duitsland",
+    el: "ελληνικά",
+    "en-GB": "Verenigd koninkrijk",
+    "en-US": "Verenigde staten van Amerika",
+    eo: "Esperanto",
+    es: "Spanje",
+    et: "Eesti",
+    eu: "Euskara",
+    "fa-IR": "فارسی",
+    fa: "فارسی",
+    fi: "Suomi",
+    fr: "Frankrijk",
+    gn: "Avañe'ẽ",
+    he: "עברית",
+    hr: "Hrvatski jezik",
+    hu: "Magyar",
+    id: "Bahasa Indonesia",
+    is: "Íslenska",
+    it: "Italië",
+    ja: "Japan",
+    km: "ខ្មែរ",
+    "ko-KR": "한국어",
+    "kur-CKB": "کوردی سۆرانی",
+    kz: "Қазақша",
+    lt: "Lithuanian",
+    lu: "Kiluba",
+    lv: "Latviešu valoda",
+    ml: "മലയാളം",
+    mm: "မြန်မာ(ဗမာ)",
+    ms: "Bahasa Melayu",
+    my: "Malaysia",
+    "nb-NO": "Norsk",
+    nl: "Nederland",
+    pl: "Polen",
+    "pt-BR": "Portugal",
+    pt: "Portugal",
+    ro: "Roemenië",
+    ru: "Rusland",
+    sk: "Slovenčina",
+    sl: "Slovenski Jezik",
+    sm: "Fa'asāmoa",
+    "sr-CYR": "српски језик",
+    sr: "srpski jezik",
+    sv: "Zweden",
+    ta: "தமிழ்",
+    th: "ไทย",
+    tr: "Turkijke",
+    ug: "ئۇيغۇرچە",
+    uk: "Українська",
+    "uz-Cyrl": "Ўзбекча (Кирил)",
+    "uz-Latn": "O'zbekcha (Lotin)",
+    vi: "Vietnam",
+    "zh-CN": "中文(简体)",
+    "zh-TW": "中文（繁體）"
+  },
+  languages: {
+    "ar-TN": "العربية (تونس)",
+    ar: "العربية",
+    "az-Latn": "Azerbaijani (latin)",
+    bg: "български език",
+    bn: "বাংলা",
+    ca: "Català",
+    cs: "Čeština",
+    da: "Dansk",
+    de: "Deutsch",
+    el: "ελληνικά",
+    "en-GB": "English (UK)",
+    "en-US": "English (US)",
+    eo: "Esperanto",
+    es: "Español",
+    et: "Eesti",
+    eu: "Euskara",
+    "fa-IR": "فارسی",
+    fa: "فارسی",
+    fi: "Suomi",
+    fr: "Français",
+    gn: "Avañe'ẽ",
+    he: "עברית",
+    hr: "Hrvatski jezik",
+    hu: "Magyar",
+    id: "Bahasa Indonesia",
+    is: "Íslenska",
+    it: "Italiano",
+    ja: "日本語 (にほんご)",
+    km: "ខ្មែរ",
+    "ko-KR": "한국어",
+    "kur-CKB": "کوردی سۆرانی",
+    kz: "Қазақша",
+    lt: "Lithuanian",
+    lu: "Kiluba",
+    lv: "Latviešu valoda",
+    ml: "മലയാളം",
+    mm: "မြန်မာ(ဗမာ)",
+    ms: "Bahasa Melayu",
+    my: "Malaysia",
+    "nb-NO": "Norsk",
+    nl: "Nederlands",
+    pl: "Polski",
+    "pt-BR": "Português (BR)",
+    pt: "Português",
+    ro: "Română",
+    ru: "русский",
+    sk: "Slovenčina",
+    sl: "Slovenski Jezik",
+    sm: "Fa'asāmoa",
+    "sr-CYR": "српски језик",
+    sr: "srpski jezik",
+    sv: "Svenska",
+    ta: "தமிழ்",
+    th: "ไทย",
+    tr: "Türkçe",
+    ug: "ئۇيغۇرچە",
+    uk: "Українська",
+    "uz-Cyrl": "Ўзбекча (Кирил)",
+    "uz-Latn": "O'zbekcha (Lotin)",
+    vi: "Tiếng Việt",
+    "zh-CN": "中文(简体)",
+    "zh-TW": "中文（繁體）"
+  }
+};
+export {
+  lang as default
+};

package/dist/{nl.7a710ba4.js → nl-ea9ab282.js}

@@ -5,10 +5,13 @@ const lang = {
   buttons: {
     close: "Sluiten"
   },
+  email: {
+    subject: "Onderwerp"
+  },
   fields: {
     name: "Naam",
     firstName: "Voornaam",
-    surname: "Achternaam",
+    lastName: "Achternaam",
     address: "Adres",
     postalCode: "Postcode",
     city: "Woonplaats",

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

@@ -9,70 +9,14 @@ export interface Props {
         name: string;
     }[];
 }
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__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, {}, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & import("vue").ShallowUnwrapRef<{
-        variables: import("vue").Ref<{
-            message: (name: string) => string;
-            allow: string;
-            deny: string;
-        }>;
-        functions: import("vue").Ref<{}>;
-    }> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {
+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, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+}, 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> = {