@intlayer/design-system 3.5.5 → 3.5.6

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.cjs

@@ -0,0 +1,218 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const client = require("@intlayer/config/client");
+const core = require("@intlayer/core");
+const Fuse = require("fuse.js");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const reactIntlayer = require("react-intlayer");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
+require("../../libs/intlayer-api/index.cjs");
+require("../Toaster/Toast.cjs");
+require("@intlayer/dictionaries-entry");
+require("deepmerge");
+const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
+const components_Button_Button = require("../Button/Button.cjs");
+const components_Container_index = require("../Container/index.cjs");
+const components_DropDown_index = require("../DropDown/index.cjs");
+const components_Input_Input = require("../Input/Input.cjs");
+require("../Input/InputPassword.cjs");
+require("../Input/Checkbox.cjs");
+const components_SwitchSelector_index = require("../SwitchSelector/index.cjs");
+const components_LocaleSwitcherContentDropDown_localeSwitcher_content = require("./localeSwitcher.content.cjs");
+const components_LocaleSwitcherContentDropDown_LocaleSwitcherContentContext = require("./LocaleSwitcherContentContext.cjs");
+const DROPDOWN_IDENTIFIER = "locale-switcher-content";
+const LocaleSwitcherContent = ({
+  panelProps,
+  isMultilingual = true
+}) => {
+  const {
+    switchTo,
+    searchInput,
+    localeSwitcherLabel,
+    languageListLabel,
+    seeAllLocalesSwitch
+  } = reactIntlayer.useDictionary(components_LocaleSwitcherContentDropDown_localeSwitcher_content);
+  const inputRef = require$$0.useRef(null);
+  const { locale } = reactIntlayer.useLocale();
+  const { availableLocales, selectedLocales, setSelectedLocales } = components_LocaleSwitcherContentDropDown_LocaleSwitcherContentContext.useLocaleSwitcherContent();
+  const multilingualAvailableLocales = require$$0.useMemo(
+    () => availableLocales.map((localeEl) => {
+      const englishName = core.getLocaleName(localeEl, client.Locales.ENGLISH);
+      const currentLocaleName = core.getLocaleName(localeEl, locale);
+      const ownLocaleName = core.getLocaleName(localeEl);
+      return {
+        locale: localeEl,
+        englishName,
+        currentLocaleName,
+        ownLocaleName
+      };
+    }),
+    [availableLocales, locale]
+  );
+  const [results, setResults] = require$$0.useState(
+    multilingualAvailableLocales
+  );
+  const [seeAllLocales, setSeeAllLocales] = hooks_usePersistedStore.usePersistedStore(
+    "locale-content-selector-see-all-locales",
+    false
+  );
+  const fuse = require$$0.useMemo(() => {
+    const fuseOptions = {
+      keys: [
+        { name: "ownLocaleName", weight: 0.4 },
+        { name: "englishName", weight: 0.2 },
+        { name: "currentLocaleName", weight: 0.2 },
+        { name: "locale", weight: 0.2 }
+      ],
+      threshold: 0.02
+      // Defines how fuzzy the matching should be (lower is more strict)
+    };
+    return new Fuse(multilingualAvailableLocales, fuseOptions);
+  }, [multilingualAvailableLocales]);
+  const handleSearch = require$$0.useCallback(
+    (searchQuery) => {
+      if (searchQuery) {
+        const searchResults = fuse.search(searchQuery).map((result) => result.item);
+        setResults(searchResults);
+      } else {
+        setResults(multilingualAvailableLocales);
+      }
+    },
+    [fuse, multilingualAvailableLocales]
+  );
+  const handleClickLocale = (localeItem) => {
+    if (isMultilingual) {
+      if (selectedLocales.includes(localeItem)) {
+        if (selectedLocales.length > 1) {
+          setSelectedLocales((prev) => prev.filter((el) => el !== localeItem));
+        }
+      } else {
+        setSelectedLocales((prev) => [...prev, localeItem]);
+      }
+    } else {
+      setSelectedLocales([localeItem]);
+    }
+  };
+  const handleSeeAllLocales = (value) => {
+    setSeeAllLocales(value);
+    if (value) {
+      setSelectedLocales(availableLocales);
+    } else {
+      setSelectedLocales([locale]);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: "border-text text-text dark:border-text-dark dark:text-text-dark rounded-xl border transition-colors",
+      "aria-label": localeSwitcherLabel,
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_DropDown_index.DropDown, { identifier: DROPDOWN_IDENTIFIER, children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DropDown_index.DropDown.Trigger, { identifier: DROPDOWN_IDENTIFIER, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "px-2 py-1", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.Globe, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.MoveVertical, { className: "w-5 self-center" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_DropDown_index.DropDown.Panel,
+          {
+            identifier: DROPDOWN_IDENTIFIER,
+            isOverable: true,
+            isFocusable: true,
+            className: "left-auto right-0",
+            ...panelProps,
+            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+              components_Container_index.Container,
+              {
+                className: "max-h-[80vh] min-w-28",
+                separator: "y",
+                role: "listbox",
+                transparency: "sm",
+                border: true,
+                roundedSize: "2xl",
+                borderColor: "text",
+                "aria-label": languageListLabel,
+                children: [
+                  isMultilingual && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "m-auto p-2", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                    components_SwitchSelector_index.SwitchSelector,
+                    {
+                      defaultValue: false,
+                      onChange: handleSeeAllLocales,
+                      color: "text",
+                      size: "sm",
+                      className: "!w-60",
+                      choices: [
+                        {
+                          content: seeAllLocalesSwitch.true,
+                          value: true
+                        },
+                        {
+                          content: seeAllLocalesSwitch.false,
+                          value: false
+                        }
+                      ]
+                    }
+                  ) }),
+                  !(isMultilingual && seeAllLocales) && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                      components_Input_Input.Input,
+                      {
+                        type: "search",
+                        placeholder: searchInput.placeholder,
+                        onChange: (e) => handleSearch(e.target.value),
+                        ref: inputRef
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("ol", { className: "divide-text/20 dark:divide-text-dark/20 divide-y divide-dashed overflow-y-auto p-1", children: results.map(
+                      ({
+                        locale: localeItem,
+                        currentLocaleName,
+                        ownLocaleName
+                      }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("li", { className: "px-1.5 py-1", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                        components_Button_Button.Button,
+                        {
+                          onClick: () => handleClickLocale(localeItem),
+                          label: `${switchTo} ${currentLocaleName}`,
+                          disabled: !(availableLocales ?? availableLocales).includes(
+                            localeItem
+                          ),
+                          isActive: selectedLocales.includes(localeItem),
+                          variant: "hoverable",
+                          color: "text",
+                          isFullWidth: true,
+                          textAlign: "left",
+                          size: "sm",
+                          children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center justify-between gap-3 px-2 py-1", children: [
+                            isMultilingual && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "w-4", children: selectedLocales.includes(localeItem) && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.Check, { className: "size-full" }) }),
+                            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-row items-center justify-between gap-3 px-2 py-1", children: [
+                              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-col text-nowrap", children: [
+                                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                                  "span",
+                                  {
+                                    dir: core.getHTMLTextDir(localeItem),
+                                    lang: localeItem,
+                                    children: ownLocaleName
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: currentLocaleName })
+                              ] }),
+                              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-sm", children: localeItem.toUpperCase() })
+                            ] })
+                          ] })
+                        }
+                      ) }, localeItem)
+                    ) })
+                  ] })
+                ]
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+};
+exports.LocaleSwitcherContent = LocaleSwitcherContent;
+//# sourceMappingURL=LocaleSwitcherContent.cjs.map

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSwitcherContent.cjs","sources":["../../../src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config/client';\nimport { getHTMLTextDir, getLocaleName } from '@intlayer/core';\nimport Fuse, { IFuseOptions } from 'fuse.js';\nimport { Check, Globe, MoveVertical } from 'lucide-react';\nimport { useCallback, useMemo, useRef, useState, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary, useLocale } from 'react-intlayer';\nimport { usePersistedStore } from '../../hooks';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown, type PanelProps } from '../DropDown';\nimport { Input } from '../Input';\nimport { SwitchSelector } from '../SwitchSelector';\nimport localeSwitcherContent from './localeSwitcher.content';\nimport { useLocaleSwitcherContent } from './LocaleSwitcherContentContext';\n\nexport type LocaleSwitcherContentProps = {\n  panelProps?: Omit<PanelProps, 'identifier'>;\n  isMultilingual?: boolean;\n};\n\nconst DROPDOWN_IDENTIFIER = 'locale-switcher-content';\n\ntype MultilingualAvailableLocales = {\n  locale: Locales;\n  englishName: string;\n  currentLocaleName: string;\n  ownLocaleName: string;\n};\n\nexport const LocaleSwitcherContent: FC<LocaleSwitcherContentProps> = ({\n  panelProps,\n  isMultilingual = true,\n}) => {\n  const {\n    switchTo,\n    searchInput,\n    localeSwitcherLabel,\n    languageListLabel,\n    seeAllLocalesSwitch,\n  } = useDictionary(localeSwitcherContent);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { locale } = useLocale();\n  const { availableLocales, selectedLocales, setSelectedLocales } =\n    useLocaleSwitcherContent();\n\n  const multilingualAvailableLocales: MultilingualAvailableLocales[] = useMemo(\n    () =>\n      availableLocales.map((localeEl) => {\n        const englishName = getLocaleName(localeEl, Locales.ENGLISH);\n        const currentLocaleName = getLocaleName(localeEl, locale);\n        const ownLocaleName = getLocaleName(localeEl);\n        return {\n          locale: localeEl,\n          englishName,\n          currentLocaleName,\n          ownLocaleName,\n        };\n      }),\n    [availableLocales, locale]\n  );\n\n  const [results, setResults] = useState<MultilingualAvailableLocales[]>(\n    multilingualAvailableLocales\n  );\n  const [seeAllLocales, setSeeAllLocales] = usePersistedStore(\n    'locale-content-selector-see-all-locales',\n    false\n  );\n\n  // Create a new Fuse instance with the options and documentation data\n  const fuse = useMemo(() => {\n    const fuseOptions: IFuseOptions<MultilingualAvailableLocales> = {\n      keys: [\n        { name: 'ownLocaleName', weight: 0.4 },\n        { name: 'englishName', weight: 0.2 },\n        { name: 'currentLocaleName', weight: 0.2 },\n        { name: 'locale', weight: 0.2 },\n      ],\n      threshold: 0.02, // Defines how fuzzy the matching should be (lower is more strict)\n    };\n\n    return new Fuse(multilingualAvailableLocales, fuseOptions);\n  }, [multilingualAvailableLocales]);\n\n  const handleSearch = useCallback(\n    (searchQuery: string) => {\n      if (searchQuery) {\n        // Perform search on every input change\n        const searchResults = fuse\n          .search(searchQuery)\n          .map((result) => result.item);\n        setResults(searchResults);\n      } else {\n        setResults(multilingualAvailableLocales);\n      }\n    },\n    [fuse, multilingualAvailableLocales]\n  );\n\n  const handleClickLocale = (localeItem: Locales) => {\n    if (isMultilingual) {\n      if (selectedLocales.includes(localeItem)) {\n        if (selectedLocales.length > 1) {\n          setSelectedLocales((prev) => prev.filter((el) => el !== localeItem));\n        }\n      } else {\n        setSelectedLocales((prev) => [...prev, localeItem]);\n      }\n    } else {\n      setSelectedLocales([localeItem]);\n    }\n  };\n\n  const handleSeeAllLocales = (value: boolean) => {\n    setSeeAllLocales(value);\n    if (value) {\n      setSelectedLocales(availableLocales);\n    } else {\n      setSelectedLocales([locale]);\n    }\n  };\n\n  return (\n    <div\n      className=\"border-text text-text dark:border-text-dark dark:text-text-dark rounded-xl border transition-colors\"\n      aria-label={localeSwitcherLabel}\n    >\n      <DropDown identifier={DROPDOWN_IDENTIFIER}>\n        <DropDown.Trigger identifier={DROPDOWN_IDENTIFIER}>\n          <div className=\"flex w-full items-center justify-between\">\n            <div className=\"px-2 py-1\">\n              <Globe />\n            </div>\n            <MoveVertical className=\"w-5 self-center\" />\n          </div>\n        </DropDown.Trigger>\n\n        <DropDown.Panel\n          identifier={DROPDOWN_IDENTIFIER}\n          isOverable\n          isFocusable\n          className=\"left-auto right-0\"\n          {...panelProps}\n        >\n          <Container\n            className=\"max-h-[80vh] min-w-28\"\n            separator=\"y\"\n            role=\"listbox\"\n            transparency=\"sm\"\n            border\n            roundedSize=\"2xl\"\n            borderColor=\"text\"\n            aria-label={languageListLabel}\n          >\n            {isMultilingual && (\n              <div className=\"m-auto p-2\">\n                <SwitchSelector\n                  defaultValue={false}\n                  onChange={handleSeeAllLocales}\n                  color=\"text\"\n                  size=\"sm\"\n                  className=\"!w-60\"\n                  choices={[\n                    {\n                      content: seeAllLocalesSwitch.true,\n                      value: true,\n                    },\n                    {\n                      content: seeAllLocalesSwitch.false,\n                      value: false,\n                    },\n                  ]}\n                />\n              </div>\n            )}\n\n            {!(isMultilingual && seeAllLocales) && (\n              <>\n                <div className=\"p-3\">\n                  <Input\n                    type=\"search\"\n                    placeholder={searchInput.placeholder}\n                    onChange={(e) => handleSearch(e.target.value)}\n                    ref={inputRef}\n                  />\n                </div>\n                <ol className=\"divide-text/20 dark:divide-text-dark/20 divide-y divide-dashed overflow-y-auto p-1\">\n                  {results.map(\n                    ({\n                      locale: localeItem,\n                      currentLocaleName,\n                      ownLocaleName,\n                    }) => (\n                      <li className=\"px-1.5 py-1\" key={localeItem}>\n                        <Button\n                          onClick={() => handleClickLocale(localeItem)}\n                          label={`${switchTo} ${currentLocaleName}`}\n                          disabled={\n                            !(availableLocales ?? availableLocales).includes(\n                              localeItem\n                            )\n                          }\n                          isActive={selectedLocales.includes(localeItem)}\n                          variant=\"hoverable\"\n                          color=\"text\"\n                          isFullWidth\n                          textAlign=\"left\"\n                          size=\"sm\"\n                        >\n                          <div className=\"flex flex-row items-center justify-between gap-3 px-2 py-1\">\n                            {isMultilingual && (\n                              <div className=\"w-4\">\n                                {selectedLocales.includes(localeItem) && (\n                                  <Check className=\"size-full\" />\n                                )}\n                              </div>\n                            )}\n                            <div className=\"flex flex-1 flex-row items-center justify-between gap-3 px-2 py-1\">\n                              <div className=\"flex flex-col text-nowrap\">\n                                <span\n                                  dir={getHTMLTextDir(localeItem)}\n                                  lang={localeItem}\n                                >\n                                  {ownLocaleName}\n                                </span>\n                                <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n                                  {currentLocaleName}\n                                </span>\n                              </div>\n                              <span className=\"text-neutral dark:text-neutral-dark text-sm\">\n                                {localeItem.toUpperCase()}\n                              </span>\n                            </div>\n                          </div>\n                        </Button>\n                      </li>\n                    )\n                  )}\n                </ol>\n              </>\n            )}\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":["useDictionary","localeSwitcherContent","useRef","useLocale","useLocaleSwitcherContent","useMemo","getLocaleName","Locales","useState","usePersistedStore","useCallback","jsx","jsxs","DropDown","Globe","MoveVertical","Container","SwitchSelector","Fragment","Input","Button","Check","getHTMLTextDir"],"mappings":"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"}

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { PanelProps } from '../DropDown';
+export type LocaleSwitcherContentProps = {
+    panelProps?: Omit<PanelProps, 'identifier'>;
+    isMultilingual?: boolean;
+};
+export declare const LocaleSwitcherContent: FC<LocaleSwitcherContentProps>;
+//# sourceMappingURL=LocaleSwitcherContent.d.ts.map

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSwitcherContent.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA0C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMxE,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAMxD,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAWF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAyNhE,CAAC"}

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs

@@ -0,0 +1,218 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { Locales } from "@intlayer/config/client";
+import { getLocaleName, getHTMLTextDir } from "@intlayer/core";
+import Fuse from "fuse.js";
+import { Globe, MoveVertical, Check } from "lucide-react";
+import { useRef, useMemo, useState, useCallback } from "react";
+import { useDictionary, useLocale } from "react-intlayer";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
+import "../../libs/intlayer-api/index.mjs";
+import "../Toaster/Toast.mjs";
+import "@intlayer/dictionaries-entry";
+import "deepmerge";
+import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
+import { Button } from "../Button/Button.mjs";
+import { Container } from "../Container/index.mjs";
+import { DropDown } from "../DropDown/index.mjs";
+import { Input } from "../Input/Input.mjs";
+import "../Input/InputPassword.mjs";
+import "../Input/Checkbox.mjs";
+import { SwitchSelector } from "../SwitchSelector/index.mjs";
+import localeSwitcherContent from "./localeSwitcher.content.mjs";
+import { useLocaleSwitcherContent } from "./LocaleSwitcherContentContext.mjs";
+const DROPDOWN_IDENTIFIER = "locale-switcher-content";
+const LocaleSwitcherContent = ({
+  panelProps,
+  isMultilingual = true
+}) => {
+  const {
+    switchTo,
+    searchInput,
+    localeSwitcherLabel,
+    languageListLabel,
+    seeAllLocalesSwitch
+  } = useDictionary(localeSwitcherContent);
+  const inputRef = useRef(null);
+  const { locale } = useLocale();
+  const { availableLocales, selectedLocales, setSelectedLocales } = useLocaleSwitcherContent();
+  const multilingualAvailableLocales = useMemo(
+    () => availableLocales.map((localeEl) => {
+      const englishName = getLocaleName(localeEl, Locales.ENGLISH);
+      const currentLocaleName = getLocaleName(localeEl, locale);
+      const ownLocaleName = getLocaleName(localeEl);
+      return {
+        locale: localeEl,
+        englishName,
+        currentLocaleName,
+        ownLocaleName
+      };
+    }),
+    [availableLocales, locale]
+  );
+  const [results, setResults] = useState(
+    multilingualAvailableLocales
+  );
+  const [seeAllLocales, setSeeAllLocales] = usePersistedStore(
+    "locale-content-selector-see-all-locales",
+    false
+  );
+  const fuse = useMemo(() => {
+    const fuseOptions = {
+      keys: [
+        { name: "ownLocaleName", weight: 0.4 },
+        { name: "englishName", weight: 0.2 },
+        { name: "currentLocaleName", weight: 0.2 },
+        { name: "locale", weight: 0.2 }
+      ],
+      threshold: 0.02
+      // Defines how fuzzy the matching should be (lower is more strict)
+    };
+    return new Fuse(multilingualAvailableLocales, fuseOptions);
+  }, [multilingualAvailableLocales]);
+  const handleSearch = useCallback(
+    (searchQuery) => {
+      if (searchQuery) {
+        const searchResults = fuse.search(searchQuery).map((result) => result.item);
+        setResults(searchResults);
+      } else {
+        setResults(multilingualAvailableLocales);
+      }
+    },
+    [fuse, multilingualAvailableLocales]
+  );
+  const handleClickLocale = (localeItem) => {
+    if (isMultilingual) {
+      if (selectedLocales.includes(localeItem)) {
+        if (selectedLocales.length > 1) {
+          setSelectedLocales((prev) => prev.filter((el) => el !== localeItem));
+        }
+      } else {
+        setSelectedLocales((prev) => [...prev, localeItem]);
+      }
+    } else {
+      setSelectedLocales([localeItem]);
+    }
+  };
+  const handleSeeAllLocales = (value) => {
+    setSeeAllLocales(value);
+    if (value) {
+      setSelectedLocales(availableLocales);
+    } else {
+      setSelectedLocales([locale]);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: "border-text text-text dark:border-text-dark dark:text-text-dark rounded-xl border transition-colors",
+      "aria-label": localeSwitcherLabel,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DropDown, { identifier: DROPDOWN_IDENTIFIER, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DropDown.Trigger, { identifier: DROPDOWN_IDENTIFIER, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 py-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Globe, {}) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(MoveVertical, { className: "w-5 self-center" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          DropDown.Panel,
+          {
+            identifier: DROPDOWN_IDENTIFIER,
+            isOverable: true,
+            isFocusable: true,
+            className: "left-auto right-0",
+            ...panelProps,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Container,
+              {
+                className: "max-h-[80vh] min-w-28",
+                separator: "y",
+                role: "listbox",
+                transparency: "sm",
+                border: true,
+                roundedSize: "2xl",
+                borderColor: "text",
+                "aria-label": languageListLabel,
+                children: [
+                  isMultilingual && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-auto p-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    SwitchSelector,
+                    {
+                      defaultValue: false,
+                      onChange: handleSeeAllLocales,
+                      color: "text",
+                      size: "sm",
+                      className: "!w-60",
+                      choices: [
+                        {
+                          content: seeAllLocalesSwitch.true,
+                          value: true
+                        },
+                        {
+                          content: seeAllLocalesSwitch.false,
+                          value: false
+                        }
+                      ]
+                    }
+                  ) }),
+                  !(isMultilingual && seeAllLocales) && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Input,
+                      {
+                        type: "search",
+                        placeholder: searchInput.placeholder,
+                        onChange: (e) => handleSearch(e.target.value),
+                        ref: inputRef
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: "divide-text/20 dark:divide-text-dark/20 divide-y divide-dashed overflow-y-auto p-1", children: results.map(
+                      ({
+                        locale: localeItem,
+                        currentLocaleName,
+                        ownLocaleName
+                      }) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "px-1.5 py-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Button,
+                        {
+                          onClick: () => handleClickLocale(localeItem),
+                          label: `${switchTo} ${currentLocaleName}`,
+                          disabled: !(availableLocales ?? availableLocales).includes(
+                            localeItem
+                          ),
+                          isActive: selectedLocales.includes(localeItem),
+                          variant: "hoverable",
+                          color: "text",
+                          isFullWidth: true,
+                          textAlign: "left",
+                          size: "sm",
+                          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center justify-between gap-3 px-2 py-1", children: [
+                            isMultilingual && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-4", children: selectedLocales.includes(localeItem) && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-full" }) }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-row items-center justify-between gap-3 px-2 py-1", children: [
+                              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col text-nowrap", children: [
+                                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                                  "span",
+                                  {
+                                    dir: getHTMLTextDir(localeItem),
+                                    lang: localeItem,
+                                    children: ownLocaleName
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: currentLocaleName })
+                              ] }),
+                              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-sm", children: localeItem.toUpperCase() })
+                            ] })
+                          ] })
+                        }
+                      ) }, localeItem)
+                    ) })
+                  ] })
+                ]
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  LocaleSwitcherContent
+};
+//# sourceMappingURL=LocaleSwitcherContent.mjs.map

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSwitcherContent.mjs","sources":["../../../src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config/client';\nimport { getHTMLTextDir, getLocaleName } from '@intlayer/core';\nimport Fuse, { IFuseOptions } from 'fuse.js';\nimport { Check, Globe, MoveVertical } from 'lucide-react';\nimport { useCallback, useMemo, useRef, useState, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary, useLocale } from 'react-intlayer';\nimport { usePersistedStore } from '../../hooks';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown, type PanelProps } from '../DropDown';\nimport { Input } from '../Input';\nimport { SwitchSelector } from '../SwitchSelector';\nimport localeSwitcherContent from './localeSwitcher.content';\nimport { useLocaleSwitcherContent } from './LocaleSwitcherContentContext';\n\nexport type LocaleSwitcherContentProps = {\n  panelProps?: Omit<PanelProps, 'identifier'>;\n  isMultilingual?: boolean;\n};\n\nconst DROPDOWN_IDENTIFIER = 'locale-switcher-content';\n\ntype MultilingualAvailableLocales = {\n  locale: Locales;\n  englishName: string;\n  currentLocaleName: string;\n  ownLocaleName: string;\n};\n\nexport const LocaleSwitcherContent: FC<LocaleSwitcherContentProps> = ({\n  panelProps,\n  isMultilingual = true,\n}) => {\n  const {\n    switchTo,\n    searchInput,\n    localeSwitcherLabel,\n    languageListLabel,\n    seeAllLocalesSwitch,\n  } = useDictionary(localeSwitcherContent);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { locale } = useLocale();\n  const { availableLocales, selectedLocales, setSelectedLocales } =\n    useLocaleSwitcherContent();\n\n  const multilingualAvailableLocales: MultilingualAvailableLocales[] = useMemo(\n    () =>\n      availableLocales.map((localeEl) => {\n        const englishName = getLocaleName(localeEl, Locales.ENGLISH);\n        const currentLocaleName = getLocaleName(localeEl, locale);\n        const ownLocaleName = getLocaleName(localeEl);\n        return {\n          locale: localeEl,\n          englishName,\n          currentLocaleName,\n          ownLocaleName,\n        };\n      }),\n    [availableLocales, locale]\n  );\n\n  const [results, setResults] = useState<MultilingualAvailableLocales[]>(\n    multilingualAvailableLocales\n  );\n  const [seeAllLocales, setSeeAllLocales] = usePersistedStore(\n    'locale-content-selector-see-all-locales',\n    false\n  );\n\n  // Create a new Fuse instance with the options and documentation data\n  const fuse = useMemo(() => {\n    const fuseOptions: IFuseOptions<MultilingualAvailableLocales> = {\n      keys: [\n        { name: 'ownLocaleName', weight: 0.4 },\n        { name: 'englishName', weight: 0.2 },\n        { name: 'currentLocaleName', weight: 0.2 },\n        { name: 'locale', weight: 0.2 },\n      ],\n      threshold: 0.02, // Defines how fuzzy the matching should be (lower is more strict)\n    };\n\n    return new Fuse(multilingualAvailableLocales, fuseOptions);\n  }, [multilingualAvailableLocales]);\n\n  const handleSearch = useCallback(\n    (searchQuery: string) => {\n      if (searchQuery) {\n        // Perform search on every input change\n        const searchResults = fuse\n          .search(searchQuery)\n          .map((result) => result.item);\n        setResults(searchResults);\n      } else {\n        setResults(multilingualAvailableLocales);\n      }\n    },\n    [fuse, multilingualAvailableLocales]\n  );\n\n  const handleClickLocale = (localeItem: Locales) => {\n    if (isMultilingual) {\n      if (selectedLocales.includes(localeItem)) {\n        if (selectedLocales.length > 1) {\n          setSelectedLocales((prev) => prev.filter((el) => el !== localeItem));\n        }\n      } else {\n        setSelectedLocales((prev) => [...prev, localeItem]);\n      }\n    } else {\n      setSelectedLocales([localeItem]);\n    }\n  };\n\n  const handleSeeAllLocales = (value: boolean) => {\n    setSeeAllLocales(value);\n    if (value) {\n      setSelectedLocales(availableLocales);\n    } else {\n      setSelectedLocales([locale]);\n    }\n  };\n\n  return (\n    <div\n      className=\"border-text text-text dark:border-text-dark dark:text-text-dark rounded-xl border transition-colors\"\n      aria-label={localeSwitcherLabel}\n    >\n      <DropDown identifier={DROPDOWN_IDENTIFIER}>\n        <DropDown.Trigger identifier={DROPDOWN_IDENTIFIER}>\n          <div className=\"flex w-full items-center justify-between\">\n            <div className=\"px-2 py-1\">\n              <Globe />\n            </div>\n            <MoveVertical className=\"w-5 self-center\" />\n          </div>\n        </DropDown.Trigger>\n\n        <DropDown.Panel\n          identifier={DROPDOWN_IDENTIFIER}\n          isOverable\n          isFocusable\n          className=\"left-auto right-0\"\n          {...panelProps}\n        >\n          <Container\n            className=\"max-h-[80vh] min-w-28\"\n            separator=\"y\"\n            role=\"listbox\"\n            transparency=\"sm\"\n            border\n            roundedSize=\"2xl\"\n            borderColor=\"text\"\n            aria-label={languageListLabel}\n          >\n            {isMultilingual && (\n              <div className=\"m-auto p-2\">\n                <SwitchSelector\n                  defaultValue={false}\n                  onChange={handleSeeAllLocales}\n                  color=\"text\"\n                  size=\"sm\"\n                  className=\"!w-60\"\n                  choices={[\n                    {\n                      content: seeAllLocalesSwitch.true,\n                      value: true,\n                    },\n                    {\n                      content: seeAllLocalesSwitch.false,\n                      value: false,\n                    },\n                  ]}\n                />\n              </div>\n            )}\n\n            {!(isMultilingual && seeAllLocales) && (\n              <>\n                <div className=\"p-3\">\n                  <Input\n                    type=\"search\"\n                    placeholder={searchInput.placeholder}\n                    onChange={(e) => handleSearch(e.target.value)}\n                    ref={inputRef}\n                  />\n                </div>\n                <ol className=\"divide-text/20 dark:divide-text-dark/20 divide-y divide-dashed overflow-y-auto p-1\">\n                  {results.map(\n                    ({\n                      locale: localeItem,\n                      currentLocaleName,\n                      ownLocaleName,\n                    }) => (\n                      <li className=\"px-1.5 py-1\" key={localeItem}>\n                        <Button\n                          onClick={() => handleClickLocale(localeItem)}\n                          label={`${switchTo} ${currentLocaleName}`}\n                          disabled={\n                            !(availableLocales ?? availableLocales).includes(\n                              localeItem\n                            )\n                          }\n                          isActive={selectedLocales.includes(localeItem)}\n                          variant=\"hoverable\"\n                          color=\"text\"\n                          isFullWidth\n                          textAlign=\"left\"\n                          size=\"sm\"\n                        >\n                          <div className=\"flex flex-row items-center justify-between gap-3 px-2 py-1\">\n                            {isMultilingual && (\n                              <div className=\"w-4\">\n                                {selectedLocales.includes(localeItem) && (\n                                  <Check className=\"size-full\" />\n                                )}\n                              </div>\n                            )}\n                            <div className=\"flex flex-1 flex-row items-center justify-between gap-3 px-2 py-1\">\n                              <div className=\"flex flex-col text-nowrap\">\n                                <span\n                                  dir={getHTMLTextDir(localeItem)}\n                                  lang={localeItem}\n                                >\n                                  {ownLocaleName}\n                                </span>\n                                <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n                                  {currentLocaleName}\n                                </span>\n                              </div>\n                              <span className=\"text-neutral dark:text-neutral-dark text-sm\">\n                                {localeItem.toUpperCase()}\n                              </span>\n                            </div>\n                          </div>\n                        </Button>\n                      </li>\n                    )\n                  )}\n                </ol>\n              </>\n            )}\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs","Fragment"],"mappings":"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"}

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.cjs

@@ -0,0 +1,42 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const require$$0 = require("react");
+const reactIntlayer = require("react-intlayer");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
+require("../../libs/intlayer-api/index.cjs");
+require("@intlayer/config/client");
+require("../Toaster/Toast.cjs");
+require("@intlayer/dictionaries-entry");
+require("deepmerge");
+const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
+const LocaleSwitcherContentContext = require$$0.createContext({
+  availableLocales: [],
+  selectedLocales: [],
+  setSelectedLocales: () => {
+  }
+});
+const useLocaleSwitcherContent = () => require$$0.useContext(LocaleSwitcherContentContext);
+const LocaleSwitcherContentProvider = ({ availableLocales, defaultSelectedLocales, children }) => {
+  const { locale } = reactIntlayer.useLocale();
+  const [selectedLocales, setSelectedLocales] = hooks_usePersistedStore.usePersistedStore(
+    "locale-content-selector-selected-locales",
+    defaultSelectedLocales ?? [locale]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    LocaleSwitcherContentContext.Provider,
+    {
+      value: {
+        availableLocales,
+        selectedLocales,
+        setSelectedLocales
+      },
+      children
+    }
+  );
+};
+exports.LocaleSwitcherContentProvider = LocaleSwitcherContentProvider;
+exports.useLocaleSwitcherContent = useLocaleSwitcherContent;
+//# sourceMappingURL=LocaleSwitcherContentContext.cjs.map

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSwitcherContentContext.cjs","sources":["../../../src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from 'intlayer';\nimport {\n  createContext,\n  useContext,\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n  type FC,\n} from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useLocale } from 'react-intlayer';\nimport { usePersistedStore } from '../../hooks';\n\ntype LocaleSwitcherContentContextProps = {\n  availableLocales: Locales[];\n  selectedLocales: Locales[];\n  setSelectedLocales: Dispatch<SetStateAction<Locales[]>>;\n};\n\nconst LocaleSwitcherContentContext =\n  createContext<LocaleSwitcherContentContextProps>({\n    availableLocales: [],\n    selectedLocales: [],\n    setSelectedLocales: () => {},\n  });\n\nexport const useLocaleSwitcherContent = () =>\n  useContext(LocaleSwitcherContentContext);\n\ntype LocaleSwitcherContentProviderProps = {\n  availableLocales: Locales[];\n  defaultSelectedLocales?: Locales[];\n};\n\nexport const LocaleSwitcherContentProvider: FC<\n  PropsWithChildren<LocaleSwitcherContentProviderProps>\n> = ({ availableLocales, defaultSelectedLocales, children }) => {\n  const { locale } = useLocale();\n\n  const [selectedLocales, setSelectedLocales] = usePersistedStore<Locales[]>(\n    'locale-content-selector-selected-locales',\n    defaultSelectedLocales ?? [locale]\n  );\n\n  return (\n    <LocaleSwitcherContentContext.Provider\n      value={{\n        availableLocales,\n        selectedLocales,\n        setSelectedLocales,\n      }}\n    >\n      {children}\n    </LocaleSwitcherContentContext.Provider>\n  );\n};\n"],"names":["createContext","useContext","useLocale","usePersistedStore","jsx"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAM,+BACJA,WAAAA,cAAiD;AAAA,EAC/C,kBAAkB,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB,oBAAoB,MAAM;AAAA,EAAA;AAC5B,CAAC;AAEU,MAAA,2BAA2B,MACtCC,WAAAA,WAAW,4BAA4B;AAOlC,MAAM,gCAET,CAAC,EAAE,kBAAkB,wBAAwB,eAAe;AACxD,QAAA,EAAE,OAAO,IAAIC,wBAAU;AAEvB,QAAA,CAAC,iBAAiB,kBAAkB,IAAIC,wBAAA;AAAA,IAC5C;AAAA,IACA,0BAA0B,CAAC,MAAM;AAAA,EACnC;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,6BAA6B;AAAA,IAA7B;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;;;"}

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.d.ts

@@ -0,0 +1,15 @@
+import { Locales } from 'intlayer';
+import { Dispatch, PropsWithChildren, SetStateAction, FC } from 'react';
+type LocaleSwitcherContentContextProps = {
+    availableLocales: Locales[];
+    selectedLocales: Locales[];
+    setSelectedLocales: Dispatch<SetStateAction<Locales[]>>;
+};
+export declare const useLocaleSwitcherContent: () => LocaleSwitcherContentContextProps;
+type LocaleSwitcherContentProviderProps = {
+    availableLocales: Locales[];
+    defaultSelectedLocales?: Locales[];
+};
+export declare const LocaleSwitcherContentProvider: FC<PropsWithChildren<LocaleSwitcherContentProviderProps>>;
+export {};
+//# sourceMappingURL=LocaleSwitcherContentContext.d.ts.map

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSwitcherContentContext.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAGL,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAKf,KAAK,iCAAiC,GAAG;IACvC,gBAAgB,EAAE,OAAO,EAAE,CAAC;IAC5B,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;CACzD,CAAC;AASF,eAAO,MAAM,wBAAwB,yCACK,CAAC;AAE3C,KAAK,kCAAkC,GAAG;IACxC,gBAAgB,EAAE,OAAO,EAAE,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAC5C,iBAAiB,CAAC,kCAAkC,CAAC,CAoBtD,CAAC"}

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs

@@ -0,0 +1,42 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { createContext, useContext } from "react";
+import { useLocale } from "react-intlayer";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
+import "../../libs/intlayer-api/index.mjs";
+import "@intlayer/config/client";
+import "../Toaster/Toast.mjs";
+import "@intlayer/dictionaries-entry";
+import "deepmerge";
+import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
+const LocaleSwitcherContentContext = createContext({
+  availableLocales: [],
+  selectedLocales: [],
+  setSelectedLocales: () => {
+  }
+});
+const useLocaleSwitcherContent = () => useContext(LocaleSwitcherContentContext);
+const LocaleSwitcherContentProvider = ({ availableLocales, defaultSelectedLocales, children }) => {
+  const { locale } = useLocale();
+  const [selectedLocales, setSelectedLocales] = usePersistedStore(
+    "locale-content-selector-selected-locales",
+    defaultSelectedLocales ?? [locale]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    LocaleSwitcherContentContext.Provider,
+    {
+      value: {
+        availableLocales,
+        selectedLocales,
+        setSelectedLocales
+      },
+      children
+    }
+  );
+};
+export {
+  LocaleSwitcherContentProvider,
+  useLocaleSwitcherContent
+};
+//# sourceMappingURL=LocaleSwitcherContentContext.mjs.map

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSwitcherContentContext.mjs","sources":["../../../src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from 'intlayer';\nimport {\n  createContext,\n  useContext,\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n  type FC,\n} from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useLocale } from 'react-intlayer';\nimport { usePersistedStore } from '../../hooks';\n\ntype LocaleSwitcherContentContextProps = {\n  availableLocales: Locales[];\n  selectedLocales: Locales[];\n  setSelectedLocales: Dispatch<SetStateAction<Locales[]>>;\n};\n\nconst LocaleSwitcherContentContext =\n  createContext<LocaleSwitcherContentContextProps>({\n    availableLocales: [],\n    selectedLocales: [],\n    setSelectedLocales: () => {},\n  });\n\nexport const useLocaleSwitcherContent = () =>\n  useContext(LocaleSwitcherContentContext);\n\ntype LocaleSwitcherContentProviderProps = {\n  availableLocales: Locales[];\n  defaultSelectedLocales?: Locales[];\n};\n\nexport const LocaleSwitcherContentProvider: FC<\n  PropsWithChildren<LocaleSwitcherContentProviderProps>\n> = ({ availableLocales, defaultSelectedLocales, children }) => {\n  const { locale } = useLocale();\n\n  const [selectedLocales, setSelectedLocales] = usePersistedStore<Locales[]>(\n    'locale-content-selector-selected-locales',\n    defaultSelectedLocales ?? [locale]\n  );\n\n  return (\n    <LocaleSwitcherContentContext.Provider\n      value={{\n        availableLocales,\n        selectedLocales,\n        setSelectedLocales,\n      }}\n    >\n      {children}\n    </LocaleSwitcherContentContext.Provider>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;AAqBA,MAAM,+BACJ,cAAiD;AAAA,EAC/C,kBAAkB,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB,oBAAoB,MAAM;AAAA,EAAA;AAC5B,CAAC;AAEU,MAAA,2BAA2B,MACtC,WAAW,4BAA4B;AAOlC,MAAM,gCAET,CAAC,EAAE,kBAAkB,wBAAwB,eAAe;AACxD,QAAA,EAAE,OAAO,IAAI,UAAU;AAEvB,QAAA,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C;AAAA,IACA,0BAA0B,CAAC,MAAM;AAAA,EACnC;AAGE,SAAAA,kCAAA;AAAA,IAAC,6BAA6B;AAAA,IAA7B;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;"}