@pelatform/ui 1.5.5 → 1.5.7

package/dist/components.cjs

@@ -1916,7 +1916,7 @@ function LanguageSwitcher({
   currentLocale,
   locales,
   onLocaleChange,
-  // flagsBasePath = '/flags',
+  customFlagUrl = false,
   Image: Image2 = DefaultImage
 }) {
   const [isPending, startTransition] = _react.useTransition.call(void 0, );
@@ -1966,7 +1966,7 @@ function LanguageSwitcher({
                 showFlags && lang.flag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   Image2,
                   {
-                    src: _chunk7472NIILcjs.getFlagUrl.call(void 0, lang.flag),
+                    src: customFlagUrl ? lang.flag : _chunk7472NIILcjs.getFlagUrl.call(void 0, lang.flag),
                     alt: `${lang.name} flag`,
                     className: "size-4 rounded-full object-cover",
                     width: 24,
@@ -2000,7 +2000,7 @@ function LanguageSwitcher({
               showFlags && currentLanguage.flag && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 Image2,
                 {
-                  src: _chunk7472NIILcjs.getFlagUrl.call(void 0, currentLanguage.flag),
+                  src: customFlagUrl ? currentLanguage.flag : _chunk7472NIILcjs.getFlagUrl.call(void 0, currentLanguage.flag),
                   alt: currentLanguage.name,
                   className: "ms-1 size-3.5 rounded-full",
                   width: 24,
@@ -2026,7 +2026,7 @@ function LanguageSwitcher({
               showFlags && item.flag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 Image2,
                 {
-                  src: _chunk7472NIILcjs.getFlagUrl.call(void 0, item.flag),
+                  src: customFlagUrl ? item.flag : _chunk7472NIILcjs.getFlagUrl.call(void 0, item.flag),
                   alt: `${item.name} flag`,
                   className: "size-4 rounded-full object-cover",
                   width: 24,
@@ -2092,20 +2092,20 @@ function ModeSwitcher({
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Monitor, {}),
         " ",
-        _nullishCoalesce(withLabel, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label.system })))
+        withLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label.system })
       ] });
     }
     if (theme === _chunkI46SELBAcjs.THEME_MODES.DARK) {
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Moon, {}),
         " ",
-        _nullishCoalesce(withLabel, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label.dark })))
+        withLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label.dark })
       ] });
     }
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Sun, {}),
       " ",
-      _nullishCoalesce(withLabel, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label.light })))
+      withLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label.light })
     ] });
   };
   const isActive = (val) => theme === val;

package/dist/components.d.cts

@@ -2246,8 +2246,10 @@ interface LanguageSwitcherProps extends SharedImage {
     locales: LocaleOption[];
     /** Handler called when a new locale is selected */
     onLocaleChange: (newLocale: string) => void | Promise<void>;
+    /** Custom flags asset url */
+    customFlagUrl?: boolean;
 }
-declare function LanguageSwitcher({ className, type, variant, size, showNames, showFlags, label, i18nEnabled, currentLocale, locales, onLocaleChange, Image, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element | null;
+declare function LanguageSwitcher({ className, type, variant, size, showNames, showFlags, label, i18nEnabled, currentLocale, locales, onLocaleChange, customFlagUrl, Image, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Logo Component

package/dist/components.d.ts

@@ -2246,8 +2246,10 @@ interface LanguageSwitcherProps extends SharedImage {
     locales: LocaleOption[];
     /** Handler called when a new locale is selected */
     onLocaleChange: (newLocale: string) => void | Promise<void>;
+    /** Custom flags asset url */
+    customFlagUrl?: boolean;
 }
-declare function LanguageSwitcher({ className, type, variant, size, showNames, showFlags, label, i18nEnabled, currentLocale, locales, onLocaleChange, Image, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element | null;
+declare function LanguageSwitcher({ className, type, variant, size, showNames, showFlags, label, i18nEnabled, currentLocale, locales, onLocaleChange, customFlagUrl, Image, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Logo Component

package/dist/components.js

@@ -1916,7 +1916,7 @@ function LanguageSwitcher({
   currentLocale,
   locales,
   onLocaleChange,
-  // flagsBasePath = '/flags',
+  customFlagUrl = false,
   Image: Image2 = DefaultImage
 }) {
   const [isPending, startTransition] = useTransition();
@@ -1966,7 +1966,7 @@ function LanguageSwitcher({
                 showFlags && lang.flag ? /* @__PURE__ */ jsx34(
                   Image2,
                   {
-                    src: getFlagUrl(lang.flag),
+                    src: customFlagUrl ? lang.flag : getFlagUrl(lang.flag),
                     alt: `${lang.name} flag`,
                     className: "size-4 rounded-full object-cover",
                     width: 24,
@@ -2000,7 +2000,7 @@ function LanguageSwitcher({
               showFlags && currentLanguage.flag && /* @__PURE__ */ jsx34(
                 Image2,
                 {
-                  src: getFlagUrl(currentLanguage.flag),
+                  src: customFlagUrl ? currentLanguage.flag : getFlagUrl(currentLanguage.flag),
                   alt: currentLanguage.name,
                   className: "ms-1 size-3.5 rounded-full",
                   width: 24,
@@ -2026,7 +2026,7 @@ function LanguageSwitcher({
               showFlags && item.flag ? /* @__PURE__ */ jsx34(
                 Image2,
                 {
-                  src: getFlagUrl(item.flag),
+                  src: customFlagUrl ? item.flag : getFlagUrl(item.flag),
                   alt: `${item.name} flag`,
                   className: "size-4 rounded-full object-cover",
                   width: 24,
@@ -2092,20 +2092,20 @@ function ModeSwitcher({
       return /* @__PURE__ */ jsxs24(Fragment4, { children: [
         /* @__PURE__ */ jsx36(Monitor, {}),
         " ",
-        withLabel ?? /* @__PURE__ */ jsx36("span", { children: label.system })
+        withLabel && /* @__PURE__ */ jsx36("span", { children: label.system })
       ] });
     }
     if (theme === THEME_MODES.DARK) {
       return /* @__PURE__ */ jsxs24(Fragment4, { children: [
         /* @__PURE__ */ jsx36(Moon, {}),
         " ",
-        withLabel ?? /* @__PURE__ */ jsx36("span", { children: label.dark })
+        withLabel && /* @__PURE__ */ jsx36("span", { children: label.dark })
       ] });
     }
     return /* @__PURE__ */ jsxs24(Fragment4, { children: [
       /* @__PURE__ */ jsx36(Sun, {}),
       " ",
-      withLabel ?? /* @__PURE__ */ jsx36("span", { children: label.light })
+      withLabel && /* @__PURE__ */ jsx36("span", { children: label.light })
     ] });
   };
   const isActive = (val) => theme === val;