@simsustech/quasar-components 0.11.26 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @simsustech/quasar-components
 
+## 0.12.0
+
+### Minor Changes
+
+- 5f271e8: feat(components): use iso639, iso3166 and bcp47 for locales and add CountrySelect
+
 ## 0.11.26
 
 ### Patch Changes

package/dist/LocaleSelect.vue_vue_type_script_setup_true_lang-e2EDOyzk.js

@@ -0,0 +1,353 @@
+import { QSelect, QItem, QItemSection, QIcon, QItemLabel } from "quasar";
+import { ref, defineComponent, toRefs, useAttrs, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createElementBlock, createCommentVNode } from "vue";
+const lang$1 = {
+  isoName: "en-US",
+  yes: "Yes",
+  no: "No",
+  selectMultiple: "Select one or multiple",
+  noResultsAvailable: "No results available.",
+  buttons: {
+    close: "Close"
+  },
+  email: {
+    subject: "Subject"
+  },
+  fields: {
+    name: "Name",
+    firstName: "First name",
+    lastName: "Last name",
+    address: "Address",
+    postalCode: "Postal code",
+    city: "City",
+    telephoneNumber: "Telephone number"
+  },
+  validations: {
+    fieldRequired: "Field is required."
+  },
+  gender: {
+    gender: "Gender",
+    male: "Male",
+    female: "Female",
+    other: "Other"
+  },
+  postalCode: {
+    postalCode: "Postal code",
+    validations: {
+      invalidPostalCode: "Invalid postal code"
+    }
+  },
+  datePicker: {
+    date: "Date",
+    placeholder: "YYYY/MM/DD",
+    YYYY: "YYYY",
+    MM: "MM",
+    DD: "DD",
+    validations: {
+      unavailableRange: "The selected period contains unavailable dates."
+    }
+  },
+  currency: {
+    currency: "Currency",
+    EUR: "Euro",
+    USD: "USD"
+  },
+  locale: {
+    locale: "Locale"
+  },
+  cron: {
+    name: "Repeat",
+    minute: "Minute",
+    hour: "Hour",
+    dayOfMonth: "Day of month",
+    month: "Month",
+    dayOfWeek: "Day of week",
+    every: {
+      minute: "Every minute",
+      hour: "Every hour",
+      dayOfMonth: "Every day",
+      month: "Every month",
+      dayOfWeek: "Every day of the week"
+    },
+    validations: {
+      invalidCron: "Cron rule is invalid."
+    }
+  },
+  countries: {
+    SA: "Saudi Arabia",
+    BD: "Bangladesh",
+    IN: "India",
+    CZ: "Czech Republic",
+    DK: "Denmark",
+    AT: "Austria",
+    CH: "Switzerland",
+    DE: "Germany",
+    GR: "Greece",
+    AU: "Australia",
+    CA: "Canada",
+    GB: "United Kingdom",
+    IE: "Ireland",
+    NZ: "New Zealand",
+    US: "United States",
+    ZA: "South Africa",
+    AR: "Argentina",
+    CL: "Chile",
+    CO: "Colombia",
+    ES: "Spain",
+    MX: "Mexico",
+    FI: "Finland",
+    BE: "Belgium",
+    FR: "France",
+    IL: "Israel",
+    HU: "Hungarian",
+    ID: "Indonesia",
+    IT: "Italy",
+    JP: "Japan",
+    KR: "Republic of Korea",
+    NL: "The Netherlands",
+    NO: "Norway",
+    PL: "Polish",
+    BR: "Brazil",
+    PT: "Portugal",
+    RO: "Romania",
+    RU: "Russian Federation",
+    SK: "Slovakia",
+    SE: "Sweden",
+    LK: "Sri Lanka",
+    TH: "Thai",
+    TR: "Turkey",
+    CN: "China",
+    HK: "Hong Kong",
+    TW: "Taiwan"
+  },
+  languages: {
+    ar: "Arabic",
+    bn: "Bangla",
+    cs: "Czech",
+    da: "Danish",
+    de: "German",
+    el: "Greek",
+    en: "English",
+    es: "Spanish",
+    fi: "Finnish",
+    fr: "French",
+    he: "Hebrew",
+    hi: "Hindi",
+    hu: "Hungarian",
+    id: "Indonesian",
+    it: "Italian",
+    ja: "Japanese",
+    ko: "Korean",
+    nl: "Dutch",
+    no: "Norwegian",
+    pl: "Polish",
+    pt: "Portuguese",
+    ro: "Romanian",
+    ru: "Russian",
+    sk: "Slovak",
+    sv: "Swedish",
+    ta: "Tamil",
+    th: "Thai",
+    tr: "Turkish",
+    zh: "Chinese"
+  },
+  bcp47: {
+    "ar-SA": { language: "Arabic", country: "Saudi Arabia" },
+    "bn-BD": { language: "Bangla", country: "Bangladesh" },
+    "bn-IN": { language: "Bangla", country: "India" },
+    "cs-CZ": { language: "Czech", country: "Czech Republic" },
+    "da-DK": { language: "Danish", country: "Denmark" },
+    "de-AT": { language: "German", country: "Austria" },
+    "de-CH": { language: "German", country: "Switzerland" },
+    "de-DE": { language: "German", country: "Germany" },
+    "el-GR": { language: "Greek", country: "Greece" },
+    "en-AU": { language: "English", country: "Australia" },
+    "en-CA": { language: "English", country: "Canada" },
+    "en-GB": { language: "English", country: "United Kingdom" },
+    "en-IE": { language: "English", country: "Ireland" },
+    "en-IN": { language: "English", country: "India" },
+    "en-NZ": { language: "English", country: "New Zealand" },
+    "en-US": { language: "English", country: "United States" },
+    "en-ZA": { language: "English", country: "South Africa" },
+    "es-AR": { language: "Spanish", country: "Argentina" },
+    "es-CL": { language: "Spanish", country: "Chile" },
+    "es-CO": { language: "Spanish", country: "Colombia" },
+    "es-ES": { language: "Spanish", country: "Spain" },
+    "es-MX": { language: "Spanish", country: "Mexico" },
+    "es-US": { language: "Spanish", country: "United States" },
+    "fi-FI": { language: "Finnish", country: "Finland" },
+    "fr-BE": { language: "French", country: "Belgium" },
+    "fr-CA": { language: "French", country: "Canada" },
+    "fr-CH": { language: "French", country: "Switzerland" },
+    "fr-FR": { language: "French", country: "France" },
+    "he-IL": { language: "Hebrew", country: "Israel" },
+    "hi-IN": { language: "Hindi", country: "India" },
+    "hu-HU": { language: "Hungarian", country: "Hungary" },
+    "id-ID": { language: "Indonesian", country: "Indonesia" },
+    "it-CH": { language: "Italian", country: "Switzerland" },
+    "it-IT": { language: "Italian", country: "Italy" },
+    "ja-JP": { language: "Japanese", country: "Japan" },
+    "ko-KR": { language: "Korean", country: "Republic of Korea" },
+    "nl-BE": { language: "Dutch", country: "Belgium" },
+    "nl-NL": { language: "Dutch", country: "The Netherlands" },
+    "no-NO": { language: "Norwegian", country: "Norway" },
+    "pl-PL": { language: "Polish", country: "Poland" },
+    "pt-BR": { language: "Portuguese", country: "Brazil" },
+    "pt-PT": { language: "Portuguese", country: "Portugal" },
+    "ro-RO": { language: "Romanian", country: "Romania" },
+    "ru-RU": { language: "Russian", country: "Russian Federation" },
+    "sk-SK": { language: "Slovak", country: "Slovakia" },
+    "sv-SE": { language: "Swedish", country: "Sweden" },
+    "ta-IN": { language: "Tamil", country: "India" },
+    "ta-LK": { language: "Tamil", country: "Sri Lanka" },
+    "th-TH": { language: "Thai", country: "Thailand" },
+    "tr-TR": { language: "Turkish", country: "Turkey" },
+    "zh-CN": { language: "Chinese", country: "China" },
+    "zh-HK": { language: "Chinese", country: "Hong Kong" },
+    "zh-TW": { language: "Chinese", country: "Taiwan" }
+  }
+};
+const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  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-BRjDNoaR.js")
+});
+const useLang = () => {
+  return lang;
+};
+let loadingLanguage = false;
+const loadLang = async (isoName) => {
+  if (!loadingLanguage) {
+    loadingLanguage = true;
+    try {
+      const data = (await locales[`./${isoName}.ts`]()).default;
+      if (data) {
+        lang.value = data;
+      }
+    } catch (e) {
+      throw new Error(
+        `[quasar-components] Failed to load ${isoName} language file.`
+      );
+    }
+    loadingLanguage = false;
+  }
+};
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LocaleSelect",
+  props: {
+    modelValue: {},
+    locales: {},
+    isItem: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { modelValue, locales: locales2 } = toRefs(props);
+    const lang2 = useLang();
+    const attrs = useAttrs();
+    const localeOptions = computed(() => {
+      const options = locales2.value.map((locale) => ({
+        label: getLanguageLabel(locale.bcp47),
+        value: locale.bcp47,
+        icon: locale.icon
+      }));
+      return options;
+    });
+    const getCountryLabel = (v) => lang2.value.bcp47[v]?.country;
+    const getLanguageLabel = (v) => lang2.value.bcp47[v]?.language;
+    const variables = ref({
+      //
+    });
+    const functions = ref({
+      getCountryLabel,
+      getLanguageLabel
+    });
+    __expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_icon = QIcon;
+      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: localeOptions.value,
+        "model-value": unref(modelValue),
+        filled: false,
+        "emit-value": "",
+        "map-options": "",
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = (val) => emit("update:modelValue", val))
+      }), {
+        "selected-item": withCtx((scope) => [
+          scope.opt && __props.isItem ? (openBlock(), createBlock(_component_q_item, { key: 0 }, {
+            default: withCtx(() => [
+              createVNode(_component_q_item_section, { avatar: "" }, {
+                default: withCtx(() => [
+                  createVNode(_component_q_icon, {
+                    name: scope.opt.icon
+                  }, null, 8, ["name"])
+                ]),
+                _: 2
+              }, 1024),
+              createVNode(_component_q_item_section, null, {
+                default: withCtx(() => [
+                  createVNode(_component_q_item_label, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(scope.opt.label), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1024)) : scope.opt ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createVNode(_component_q_icon, {
+              name: scope.opt.icon
+            }, null, 8, ["name"]),
+            createTextVNode(" " + toDisplayString(scope.opt.label), 1)
+          ])) : createCommentVNode("", true)
+        ]),
+        option: withCtx((scope) => [
+          createVNode(_component_q_item, normalizeProps(guardReactiveProps(scope.itemProps)), {
+            default: withCtx(() => [
+              createVNode(_component_q_item_section, { avatar: "" }, {
+                default: withCtx(() => [
+                  createVNode(_component_q_icon, {
+                    name: scope.opt.icon
+                  }, null, 8, ["name"])
+                ]),
+                _: 2
+              }, 1024),
+              createVNode(_component_q_item_section, null, {
+                default: withCtx(() => [
+                  createVNode(_component_q_item_label, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(scope.opt.label), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1040)
+        ]),
+        _: 1
+      }, 16, ["options", "model-value"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  loadLang as l,
+  useLang as u
+};

package/dist/form.js

@@ -1,8 +1,8 @@
 import { defineComponent, useAttrs, withAsyncContext, watch, ref, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, toRefs, computed, useSlots, renderSlot, createCommentVNode, createSlots, renderList, resolveDirective, createElementVNode, withDirectives, createElementBlock, Fragment, resolveDynamicComponent } from "vue";
 import { useQuasar, QSelect, QItem, QItemSection, QItemLabel, QInput, QField, QIcon, QTooltip, QPopupProxy, QDate, QBtn, QEditor } from "quasar";
-import { l as loadLang, u as useLang } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-DFwcmPnu.js";
-import { _ } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-DFwcmPnu.js";
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+import { l as loadLang, u as useLang } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-e2EDOyzk.js";
+import { _ } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-e2EDOyzk.js";
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "GenderSelect",
   props: {
     modelValue: {},
@@ -54,7 +54,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "GenderItem",
   props: {
     modelValue: {}
@@ -93,7 +93,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "PostalCodeInput",
   props: {
     modelValue: {},
@@ -139,7 +139,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FormItem",
   props: {
     modelValue: {},
@@ -199,7 +199,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "FormInput",
   props: {
     modelValue: {},
@@ -240,7 +240,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "TelephoneNumberInput",
   props: {
     modelValue: {},
@@ -266,13 +266,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "row" };
+const _hoisted_1$2 = { class: "row" };
 const _hoisted_2$1 = {
   key: 0,
   style: { "margin-top": "1em", "width": "1ch" }
 };
 const _hoisted_3 = { class: "row items-center justify-end" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
     modelValue: {},
@@ -440,7 +440,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         "lazy-rules": ""
       }, createSlots({
         control: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1, [
+          createElementVNode("div", _hoisted_1$2, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(format).split("-"), (part, index) => {
               return openBlock(), createBlock(resolveDynamicComponent(unref(QInput)), mergeProps({
                 key: part,
@@ -524,7 +524,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "BooleanSelect",
   props: {
     modelValue: { type: [Boolean, null] },
@@ -569,7 +569,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "BooleanItem",
   props: {
     modelValue: { type: [Boolean, null] },
@@ -612,7 +612,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 const __default__ = {
   name: "EmailInput"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
     subject: {},
@@ -655,7 +655,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
     modelValue: {},
@@ -718,7 +718,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "CurrencySelect",
   props: {
     modelValue: {},
@@ -757,7 +757,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "FilteredModelSelect",
   props: {
     modelValue: {},
@@ -889,12 +889,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "row" };
+const _hoisted_1$1 = { class: "row" };
 const _hoisted_2 = {
   key: 0,
   class: "row"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "CronScheduleInput",
   props: {
     modelValue: {},
@@ -988,7 +988,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         borderless: ""
       }, {
         control: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_1$1, [
             __props.showHour ? (openBlock(), createBlock(_component_q_select, {
               key: 0,
               modelValue: hour.value,
@@ -1113,22 +1113,131 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CountrySelect",
+  props: {
+    modelValue: {},
+    countries: {},
+    isItem: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { modelValue, countries } = toRefs(props);
+    const lang = useLang();
+    const attrs = useAttrs();
+    const countryOptions = computed(() => {
+      const options = countries.value.map((country) => ({
+        label: lang.value.countries[country.iso3166],
+        value: country.iso3166,
+        icon: country.icon
+      }));
+      return options;
+    });
+    const variables = ref({
+      //
+    });
+    const functions = ref({
+      //
+    });
+    __expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_icon = QIcon;
+      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: countryOptions.value,
+        "model-value": unref(modelValue),
+        filled: false,
+        "emit-value": "",
+        "map-options": "",
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = (val) => emit("update:modelValue", val))
+      }), {
+        "selected-item": withCtx((scope) => [
+          scope.opt && __props.isItem ? (openBlock(), createBlock(_component_q_item, { key: 0 }, {
+            default: withCtx(() => [
+              createVNode(_component_q_item_section, { avatar: "" }, {
+                default: withCtx(() => [
+                  createVNode(_component_q_icon, {
+                    name: scope.opt.icon
+                  }, null, 8, ["name"])
+                ]),
+                _: 2
+              }, 1024),
+              createVNode(_component_q_item_section, null, {
+                default: withCtx(() => [
+                  createVNode(_component_q_item_label, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(scope.opt.label), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1024)) : scope.opt ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createVNode(_component_q_icon, {
+              name: scope.opt.icon
+            }, null, 8, ["name"]),
+            createTextVNode(" " + toDisplayString(scope.opt.label), 1)
+          ])) : createCommentVNode("", true)
+        ]),
+        option: withCtx((scope) => [
+          createVNode(_component_q_item, normalizeProps(guardReactiveProps(scope.itemProps)), {
+            default: withCtx(() => [
+              createVNode(_component_q_item_section, { avatar: "" }, {
+                default: withCtx(() => [
+                  createVNode(_component_q_icon, {
+                    name: scope.opt.icon
+                  }, null, 8, ["name"])
+                ]),
+                _: 2
+              }, 1024),
+              createVNode(_component_q_item_section, null, {
+                default: withCtx(() => [
+                  createVNode(_component_q_item_label, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(scope.opt.label), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1040)
+        ]),
+        _: 1
+      }, 16, ["options", "model-value"]);
+    };
+  }
+});
 export {
-  _sfc_main$5 as BooleanItem,
-  _sfc_main$6 as BooleanSelect,
-  _sfc_main as CronScheduleInput,
-  _sfc_main$2 as CurrencySelect,
-  _sfc_main$7 as DateInput,
-  _sfc_main$3 as DatePicker,
-  _sfc_main$4 as EmailInput,
-  _sfc_main$1 as FilteredModelSelect,
-  _sfc_main$9 as FormInput,
-  _sfc_main$a as FormItem,
-  _sfc_main$c as GenderItem,
-  _sfc_main$d as GenderSelect,
+  _sfc_main$6 as BooleanItem,
+  _sfc_main$7 as BooleanSelect,
+  _sfc_main as CountrySelect,
+  _sfc_main$1 as CronScheduleInput,
+  _sfc_main$3 as CurrencySelect,
+  _sfc_main$8 as DateInput,
+  _sfc_main$4 as DatePicker,
+  _sfc_main$5 as EmailInput,
+  _sfc_main$2 as FilteredModelSelect,
+  _sfc_main$a as FormInput,
+  _sfc_main$b as FormItem,
+  _sfc_main$d as GenderItem,
+  _sfc_main$e as GenderSelect,
   _ as LocaleSelect,
-  _sfc_main$b as PostalCodeInput,
-  _sfc_main$8 as TelephoneNumberInput,
+  _sfc_main$c as PostalCodeInput,
+  _sfc_main$9 as TelephoneNumberInput,
   loadLang,
   useLang
 };