@brumaombra/ui-vintage 0.5.0 → 0.5.1

package/dist/ChineseFlag-CVrOCbRz.js

@@ -0,0 +1,18 @@
+import { openBlock, createElementBlock, createStaticVNode } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 640 480",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createStaticVNode('<path fill="#ee1c25" d="M0 0h640v480H0z"></path><path fill="#ff0" d="M76.8 177.6 120 48l43.2 129.6H48z" transform="matrix(.55555 0 0 .55555 53.333 53.333)"></path><path fill="#ff0" d="M76.8 177.6 120 48l43.2 129.6H48z" transform="matrix(-.0955 -.15916 .15916 -.0955 240.3 48)"></path><path fill="#ff0" d="M76.8 177.6 120 48l43.2 129.6H48z" transform="matrix(-.0262 -.18395 .18395 -.0262 288 95.8)"></path><path fill="#ff0" d="M76.8 177.6 120 48l43.2 129.6H48z" transform="matrix(.0511 -.17849 .17849 .0511 288 168)"></path><path fill="#ff0" d="M76.8 177.6 120 48l43.2 129.6H48z" transform="matrix(.1161 -.14497 .14497 .1161 240 216)"></path>', 6)
+  ]));
+}
+const ChineseFlag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ChineseFlag as default
+};

package/dist/EnglishFlag-BrpG8XMW.js

@@ -0,0 +1,18 @@
+import { openBlock, createElementBlock, createStaticVNode } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 640 480",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createStaticVNode('<path fill="#012169" d="M0 0h640v480H0z"></path><path fill="#FFF" d="m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"></path><path fill="#C8102E" d="m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"></path><path fill="#FFF" d="M241 0v480h160V0zM0 160v160h640V160z"></path><path fill="#C8102E" d="M0 193v96h640v-96zM273 0v480h96V0z"></path>', 5)
+  ]));
+}
+const EnglishFlag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  EnglishFlag as default
+};

package/dist/FrenchFlag-CUdQacS3.js

@@ -0,0 +1,35 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 3 2",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("rect", {
+      width: "1",
+      height: "2",
+      x: "0",
+      fill: "#002654"
+    }, null, -1),
+    createElementVNode("rect", {
+      width: "1",
+      height: "2",
+      x: "1",
+      fill: "#ffffff"
+    }, null, -1),
+    createElementVNode("rect", {
+      width: "1",
+      height: "2",
+      x: "2",
+      fill: "#ce1126"
+    }, null, -1)
+  ]));
+}
+const FrenchFlag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  FrenchFlag as default
+};

package/dist/GermanFlag-Bc1CeEHw.js

@@ -0,0 +1,35 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 5 3",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("rect", {
+      width: "5",
+      height: "1",
+      y: "0",
+      fill: "#000000"
+    }, null, -1),
+    createElementVNode("rect", {
+      width: "5",
+      height: "1",
+      y: "1",
+      fill: "#dd0000"
+    }, null, -1),
+    createElementVNode("rect", {
+      width: "5",
+      height: "1",
+      y: "2",
+      fill: "#ffce00"
+    }, null, -1)
+  ]));
+}
+const GermanFlag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  GermanFlag as default
+};

package/dist/ItalianFlag-BAdg13z7.js

@@ -0,0 +1,34 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 640 480",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("g", {
+      "fill-rule": "evenodd",
+      "stroke-width": "1pt"
+    }, [
+      createElementVNode("path", {
+        fill: "#fff",
+        d: "M0 0h640v480H0z"
+      }),
+      createElementVNode("path", {
+        fill: "#009246",
+        d: "M0 0h213.3v480H0z"
+      }),
+      createElementVNode("path", {
+        fill: "#ce2b37",
+        d: "M426.7 0H640v480H426.7z"
+      })
+    ], -1)
+  ]));
+}
+const ItalianFlag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ItalianFlag as default
+};

package/dist/JapaneseFlag-Dnd2ITzZ.js

@@ -0,0 +1,27 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 640 480",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "#fff",
+      d: "M0 0h640v480H0z"
+    }, null, -1),
+    createElementVNode("circle", {
+      cx: "320",
+      cy: "240",
+      r: "112",
+      fill: "#bc002d"
+    }, null, -1)
+  ]));
+}
+const JapaneseFlag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  JapaneseFlag as default
+};

package/dist/RussianFlag-Cnc4PHmq.js

@@ -0,0 +1,29 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 640 480",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "#fff",
+      d: "M0 0h640v160H0z"
+    }, null, -1),
+    createElementVNode("path", {
+      fill: "#0039a6",
+      d: "M0 160h640v160H0z"
+    }, null, -1),
+    createElementVNode("path", {
+      fill: "#d52b1e",
+      d: "M0 320h640v160H0z"
+    }, null, -1)
+  ]));
+}
+const RussianFlag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  RussianFlag as default
+};

package/dist/SpanishFlag-Dy-C9kGk.js

@@ -0,0 +1,28 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 750 500",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("rect", {
+      width: "750",
+      height: "500",
+      fill: "#c60b1e"
+    }, null, -1),
+    createElementVNode("rect", {
+      y: "125",
+      width: "750",
+      height: "250",
+      fill: "#ffc400"
+    }, null, -1)
+  ]));
+}
+const SpanishFlag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  SpanishFlag as default
+};

package/dist/components/language-flag/LanguageFlag.vue.d.ts

@@ -10,5 +10,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     code: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/language-flag/flags/ChineseFlag.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/language-flag/flags/FrenchFlag.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/language-flag/flags/GermanFlag.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/language-flag/flags/JapaneseFlag.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/language-flag/flags/RussianFlag.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/language-flag/flags/SpanishFlag.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/language-flag/index.d.ts

@@ -1,4 +1,10 @@
 export { default } from './LanguageFlag.vue';
 export { default as LanguageFlag } from './LanguageFlag.vue';
 export { default as EnglishFlag } from './flags/EnglishFlag.vue';
+export { default as FrenchFlag } from './flags/FrenchFlag.vue';
+export { default as GermanFlag } from './flags/GermanFlag.vue';
 export { default as ItalianFlag } from './flags/ItalianFlag.vue';
+export { default as ChineseFlag } from './flags/ChineseFlag.vue';
+export { default as JapaneseFlag } from './flags/JapaneseFlag.vue';
+export { default as RussianFlag } from './flags/RussianFlag.vue';
+export { default as SpanishFlag } from './flags/SpanishFlag.vue';

package/dist/components/language-selector/LanguageSelector.vue.d.ts

@@ -1,17 +1,13 @@
 import { PropType } from 'vue';
-export interface LanguageSelectorOption {
-    code: string;
-    label: string;
-    flagCode?: string;
-}
+export type LanguageSelectorCode = string;
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
     };
     languages: {
-        type: PropType<LanguageSelectorOption[]>;
-        default: () => never[];
+        type: PropType<LanguageSelectorCode[]>;
+        default: () => string[];
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (value: string) => any;
@@ -22,14 +18,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
     languages: {
-        type: PropType<LanguageSelectorOption[]>;
-        default: () => never[];
+        type: PropType<LanguageSelectorCode[]>;
+        default: () => string[];
     };
 }>> & Readonly<{
     onSelect?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     modelValue: string;
-    languages: LanguageSelectorOption[];
+    languages: string[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/language-selector/index.d.ts

@@ -1,3 +1,3 @@
 export { default } from './LanguageSelector.vue';
 export { default as LanguageSelector } from './LanguageSelector.vue';
-export type { LanguageSelectorOption } from './LanguageSelector.vue';
+export type { LanguageSelectorCode } from './LanguageSelector.vue';

package/dist/language-flag.js

@@ -1,7 +1,60 @@
-import { E, I, _, _ as _2 } from "./LanguageFlag.vue_vue_type_script_setup_true_lang-CgszKeNv.js";
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps, defineAsyncComponent } from "vue";
+import { default as default2 } from "./EnglishFlag-BrpG8XMW.js";
+import { default as default3 } from "./FrenchFlag-CUdQacS3.js";
+import { default as default4 } from "./GermanFlag-Bc1CeEHw.js";
+import { default as default5 } from "./ItalianFlag-BAdg13z7.js";
+import { default as default6 } from "./ChineseFlag-CVrOCbRz.js";
+import { default as default7 } from "./JapaneseFlag-Dnd2ITzZ.js";
+import { default as default8 } from "./RussianFlag-Cnc4PHmq.js";
+import { default as default9 } from "./SpanishFlag-Dy-C9kGk.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LanguageFlag",
+  props: {
+    code: { type: String, default: "en" }
+  },
+  setup(__props) {
+    const supportedFlagLoaders = {
+      en: () => import("./EnglishFlag-BrpG8XMW.js"),
+      it: () => import("./ItalianFlag-BAdg13z7.js"),
+      fr: () => import("./FrenchFlag-CUdQacS3.js"),
+      es: () => import("./SpanishFlag-Dy-C9kGk.js"),
+      de: () => import("./GermanFlag-Bc1CeEHw.js"),
+      zh: () => import("./ChineseFlag-CVrOCbRz.js"),
+      ja: () => import("./JapaneseFlag-Dnd2ITzZ.js"),
+      ru: () => import("./RussianFlag-Cnc4PHmq.js")
+    };
+    const asyncFlagComponentCache = /* @__PURE__ */ new Map();
+    const isSupportedLanguageCode = (code) => {
+      return code in supportedFlagLoaders;
+    };
+    const getAsyncFlagComponent = (code) => {
+      const cachedComponent = asyncFlagComponentCache.get(code);
+      if (cachedComponent) {
+        return cachedComponent;
+      }
+      const asyncComponent = defineAsyncComponent(supportedFlagLoaders[code]);
+      asyncFlagComponentCache.set(code, asyncComponent);
+      return asyncComponent;
+    };
+    const props = __props;
+    const flagComponent = computed(() => {
+      const resolvedCode = isSupportedLanguageCode(props.code) ? props.code : "en";
+      return getAsyncFlagComponent(resolvedCode);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(flagComponent.value), normalizeProps(guardReactiveProps(_ctx.$attrs)), null, 16);
+    };
+  }
+});
 export {
-  E as EnglishFlag,
-  I as ItalianFlag,
-  _ as LanguageFlag,
-  _2 as default
+  default6 as ChineseFlag,
+  default2 as EnglishFlag,
+  default3 as FrenchFlag,
+  default4 as GermanFlag,
+  default5 as ItalianFlag,
+  default7 as JapaneseFlag,
+  _sfc_main as LanguageFlag,
+  default8 as RussianFlag,
+  default9 as SpanishFlag,
+  _sfc_main as default
 };

package/dist/language-selector.js

@@ -1,11 +1,10 @@
-import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass } from "vue";
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, resolveDynamicComponent, createCommentVNode, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass, defineAsyncComponent } from "vue";
 import { useI18n } from "vue-i18n";
 import { T as TWr } from "./index.min-CZ9FIOXr.js";
 import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
 import { Button as _sfc_main$3 } from "./button.js";
-import { Command as _sfc_main$6, CommandList as _sfc_main$7, CommandGroup as _sfc_main$8, CommandItem as _sfc_main$9 } from "./command.js";
-import { _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$5 } from "./PopoverTrigger.vue_vue_type_script_setup_true_lang-Cf33q_yT.js";
-import { _ as _sfc_main$4 } from "./LanguageFlag.vue_vue_type_script_setup_true_lang-CgszKeNv.js";
+import { Command as _sfc_main$5, CommandList as _sfc_main$6, CommandGroup as _sfc_main$7, CommandItem as _sfc_main$8 } from "./command.js";
+import { _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$4 } from "./PopoverTrigger.vue_vue_type_script_setup_true_lang-Cf33q_yT.js";
 const _hoisted_1 = { class: "flex-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LanguageSelector",
@@ -13,25 +12,75 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: { type: String, default: "" },
     languages: {
       type: Array,
-      default: () => []
+      default: () => ["en", "it"]
     }
   },
   emits: ["update:modelValue", "select"],
   setup(__props, { emit: __emit }) {
+    const supportedLanguages = [
+      { code: "en", label: "English", loadFlag: () => import("./EnglishFlag-BrpG8XMW.js") },
+      { code: "it", label: "Italiano", loadFlag: () => import("./ItalianFlag-BAdg13z7.js") },
+      { code: "fr", label: "Francais", loadFlag: () => import("./FrenchFlag-CUdQacS3.js") },
+      { code: "es", label: "Espanol", loadFlag: () => import("./SpanishFlag-Dy-C9kGk.js") },
+      { code: "de", label: "Deutsch", loadFlag: () => import("./GermanFlag-Bc1CeEHw.js") },
+      { code: "zh", label: "中文", loadFlag: () => import("./ChineseFlag-CVrOCbRz.js") },
+      { code: "ja", label: "日本語", loadFlag: () => import("./JapaneseFlag-Dnd2ITzZ.js") },
+      { code: "ru", label: "Русский", loadFlag: () => import("./RussianFlag-Cnc4PHmq.js") }
+    ];
+    const asyncFlagComponentCache = /* @__PURE__ */ new Map();
+    const isSupportedLanguageCode = (code) => {
+      return supportedLanguages.some((language) => language.code === code);
+    };
+    const getSupportedLanguage = (code) => {
+      return supportedLanguages.find((language) => language.code === code);
+    };
+    const getAsyncFlagComponent = (code) => {
+      const cachedComponent = asyncFlagComponentCache.get(code);
+      if (cachedComponent) {
+        return cachedComponent;
+      }
+      const asyncComponent = defineAsyncComponent(getSupportedLanguage(code).loadFlag);
+      asyncFlagComponentCache.set(code, asyncComponent);
+      return asyncComponent;
+    };
     const props = __props;
     const emits = __emit;
-    const { t } = useI18n();
+    const { locale, t } = useI18n();
     const isOpen = ref(false);
+    const languageDisplayNames = computed(() => {
+      return typeof Intl.DisplayNames === "function" ? new Intl.DisplayNames([locale.value], { type: "language" }) : null;
+    });
+    const getLanguageLabel = (code) => {
+      var _a;
+      const normalizedCode = code.toLowerCase();
+      const languageCode = normalizedCode.split("-")[0];
+      const supportedLanguage = isSupportedLanguageCode(languageCode) ? getSupportedLanguage(languageCode) : null;
+      return (supportedLanguage == null ? void 0 : supportedLanguage.label) || ((_a = languageDisplayNames.value) == null ? void 0 : _a.of(languageCode)) || code.toUpperCase();
+    };
     const normalizedLanguages = computed(() => {
-      return props.languages.map((language) => ({
-        code: language.code,
-        label: language.label,
-        flagCode: language.flagCode || language.code
+      return props.languages.map((code) => ({
+        code,
+        label: getLanguageLabel(code)
       }));
     });
+    const availableFlagCodes = computed(() => {
+      const supportedCodes = normalizedLanguages.value.map((language) => language.code).filter(isSupportedLanguageCode);
+      if (supportedCodes.length > 0) {
+        return [...new Set(supportedCodes)];
+      }
+      return ["en"];
+    });
+    const resolveFlagComponent = (code) => {
+      const isValid = code && isSupportedLanguageCode(code) && availableFlagCodes.value.includes(code);
+      const resolvedCode = isValid ? code : availableFlagCodes.value[0];
+      return getAsyncFlagComponent(resolvedCode);
+    };
     const currentLanguage = computed(() => {
       return normalizedLanguages.value.find((language) => language.code === props.modelValue) || normalizedLanguages.value[0] || null;
     });
+    const currentFlagComponent = computed(() => {
+      return currentLanguage.value ? resolveFlagComponent(currentLanguage.value.code) : null;
+    });
     const handleSelectLanguage = (language) => {
       emits("update:modelValue", language);
       emits("select", language);
@@ -51,45 +100,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "aria-label": unref(t)("ui.language.ariaLabel")
               }, {
                 default: withCtx(() => [
-                  currentLanguage.value ? (openBlock(), createBlock(unref(_sfc_main$4), {
+                  currentFlagComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(currentFlagComponent.value), {
                     key: 0,
-                    code: currentLanguage.value.flagCode,
                     class: "h-4 w-[1.35rem] rounded-[2px]"
-                  }, null, 8, ["code"])) : createCommentVNode("", true)
+                  })) : createCommentVNode("", true)
                 ]),
                 _: 1
               }, 8, ["aria-label"])
             ]),
             _: 1
           }),
-          createVNode(unref(_sfc_main$5), {
+          createVNode(unref(_sfc_main$4), {
             side: "bottom",
             align: "end",
             "side-offset": 8,
             class: "w-44 !p-0"
           }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$6), {
+              createVNode(unref(_sfc_main$5), {
                 "model-value": props.modelValue
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$7), null, {
+                  createVNode(unref(_sfc_main$6), null, {
                     default: withCtx(() => [
-                      createVNode(unref(_sfc_main$8), {
+                      createVNode(unref(_sfc_main$7), {
                         heading: unref(t)("ui.language.title")
                       }, {
                         default: withCtx(() => [
                           (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedLanguages.value, (option) => {
-                            return openBlock(), createBlock(unref(_sfc_main$9), {
+                            return openBlock(), createBlock(unref(_sfc_main$8), {
                               key: option.code,
                               value: option.code,
                               onSelect: ($event) => handleSelectLanguage(option.code)
                             }, {
                               default: withCtx(() => [
-                                createVNode(unref(_sfc_main$4), {
-                                  code: option.flagCode,
-                                  class: "h-4 w-[1.35rem] rounded-[2px]"
-                                }, null, 8, ["code"]),
+                                (openBlock(), createBlock(resolveDynamicComponent(resolveFlagComponent(option.code)), { class: "h-4 w-[1.35rem] rounded-[2px]" })),
                                 createElementVNode("span", _hoisted_1, toDisplayString(option.label), 1),
                                 createVNode(unref(HugeiconsIcon), {
                                   icon: unref(TWr),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@brumaombra/ui-vintage",
-    "version": "0.5.0",
+    "version": "0.5.1",
     "description": "Vue 3 component library with shadcn-style primitives, app shells, dialogs, and shared theme tokens.",
     "private": false,
     "author": "Mauro Brambilla",

package/dist/LanguageFlag.vue_vue_type_script_setup_true_lang-CgszKeNv.js

@@ -1,68 +0,0 @@
-import { openBlock, createElementBlock, createStaticVNode, createElementVNode, defineComponent, computed, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main$2 = {};
-const _hoisted_1$1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 640 480",
-  "aria-hidden": "true",
-  focusable: "false"
-};
-function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
-    createStaticVNode('<path fill="#012169" d="M0 0h640v480H0z"></path><path fill="#FFF" d="m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"></path><path fill="#C8102E" d="m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"></path><path fill="#FFF" d="M241 0v480h160V0zM0 160v160h640V160z"></path><path fill="#C8102E" d="M0 193v96h640v-96zM273 0v480h96V0z"></path>', 5)
-  ]));
-}
-const EnglishFlag = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
-const _sfc_main$1 = {};
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 640 480",
-  "aria-hidden": "true",
-  focusable: "false"
-};
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
-    createElementVNode("g", {
-      "fill-rule": "evenodd",
-      "stroke-width": "1pt"
-    }, [
-      createElementVNode("path", {
-        fill: "#fff",
-        d: "M0 0h640v480H0z"
-      }),
-      createElementVNode("path", {
-        fill: "#009246",
-        d: "M0 0h213.3v480H0z"
-      }),
-      createElementVNode("path", {
-        fill: "#ce2b37",
-        d: "M426.7 0H640v480H426.7z"
-      })
-    ], -1)
-  ]));
-}
-const ItalianFlag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LanguageFlag",
-  props: {
-    code: { type: String, default: "en" }
-  },
-  setup(__props) {
-    const props = __props;
-    const flagComponentMap = {
-      en: EnglishFlag,
-      it: ItalianFlag
-    };
-    const flagComponent = computed(() => {
-      return flagComponentMap[props.code] || EnglishFlag;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(flagComponent.value), normalizeProps(guardReactiveProps(_ctx.$attrs)), null, 16);
-    };
-  }
-});
-export {
-  EnglishFlag as E,
-  ItalianFlag as I,
-  _sfc_main as _
-};