@intlayer/design-system 5.0.6 → 5.1.1

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

@@ -1 +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';\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.value}\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 size={18} />\n            </div>\n            <MoveVertical className=\"self-center\" size={18} />\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.value}\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.value,\n                      value: true,\n                    },\n                    {\n                      content: seeAllLocalesSwitch.false.value,\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.value}\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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"}
+{"version":3,"file":"LocaleSwitcherContent.mjs","sources":["../../../src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.tsx"],"sourcesContent":["'use client';\n\nimport { Locales, type LocalesValues } from '@intlayer/config/client';\nimport { getHTMLTextDir, getLocaleName } from '@intlayer/core';\nimport Fuse, { type IFuseOptions } from 'fuse.js';\nimport { Check, Globe, MoveVertical } from 'lucide-react';\nimport { useCallback, useMemo, useRef, useState, type FC } from 'react';\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: LocalesValues;\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: LocalesValues) => {\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.value}\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 size={18} />\n            </div>\n            <MoveVertical className=\"self-center\" size={18} />\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.value}\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.value,\n                      value: true,\n                    },\n                    {\n                      content: seeAllLocalesSwitch.false.value,\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.value}\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":[],"mappings":"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"}

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.cjs

@@ -1,8 +1,8 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
-const require$$0 = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
@@ -12,21 +12,21 @@ require("@intlayer/config/client");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
-const LocaleSwitcherContentContext = require$$0.createContext({
+const LocaleSwitcherContentContext = ReactExports.createContext({
   availableLocales: [],
   selectedLocales: [],
   setSelectedLocales: () => {
   }
 });
-const useLocaleSwitcherContent = () => require$$0.useContext(LocaleSwitcherContentContext);
+const useLocaleSwitcherContent = () => ReactExports.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,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LocaleSwitcherContentContext,
     {
       value: {
         availableLocales,

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

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

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { useLocale } from "react-intlayer";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
@@ -23,8 +23,8 @@ const LocaleSwitcherContentProvider = ({ availableLocales, defaultSelectedLocale
     "locale-content-selector-selected-locales",
     defaultSelectedLocales ?? [locale]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    LocaleSwitcherContentContext.Provider,
+  return /* @__PURE__ */ jsx(
+    LocaleSwitcherContentContext,
     {
       value: {
         availableLocales,

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

@@ -1 +1 @@
-{"version":3,"file":"LocaleSwitcherContentContext.mjs","sources":["../../../src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.tsx"],"sourcesContent":["'use client';\n\nimport type { LocalesValues } from 'intlayer';\nimport {\n  createContext,\n  useContext,\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n  type FC,\n} from 'react';\nimport { useLocale } from 'react-intlayer';\nimport { usePersistedStore } from '../../hooks';\n\ntype LocaleSwitcherContentContextProps = {\n  availableLocales: LocalesValues[];\n  selectedLocales: LocalesValues[];\n  setSelectedLocales: Dispatch<SetStateAction<LocalesValues[]>>;\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: LocalesValues[];\n  defaultSelectedLocales?: LocalesValues[];\n};\n\nexport const LocaleSwitcherContentProvider: FC<\n  PropsWithChildren<LocaleSwitcherContentProviderProps>\n> = ({ availableLocales, defaultSelectedLocales, children }) => {\n  const { locale } = useLocale();\n\n  const [selectedLocales, setSelectedLocales] = usePersistedStore<\n    LocalesValues[]\n  >(\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":";;;;;;;;;;;;AAoBA,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,IAG5C;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;"}
+{"version":3,"file":"LocaleSwitcherContentContext.mjs","sources":["../../../src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.tsx"],"sourcesContent":["'use client';\n\nimport type { LocalesValues } from 'intlayer';\nimport {\n  createContext,\n  useContext,\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n  type FC,\n} from 'react';\nimport { useLocale } from 'react-intlayer';\nimport { usePersistedStore } from '../../hooks';\n\ntype LocaleSwitcherContentContextProps = {\n  availableLocales: LocalesValues[];\n  selectedLocales: LocalesValues[];\n  setSelectedLocales: Dispatch<SetStateAction<LocalesValues[]>>;\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: LocalesValues[];\n  defaultSelectedLocales?: LocalesValues[];\n};\n\nexport const LocaleSwitcherContentProvider: FC<\n  PropsWithChildren<LocaleSwitcherContentProviderProps>\n> = ({ availableLocales, defaultSelectedLocales, children }) => {\n  const { locale } = useLocale();\n\n  const [selectedLocales, setSelectedLocales] = usePersistedStore<\n    LocalesValues[]\n  >(\n    'locale-content-selector-selected-locales',\n    defaultSelectedLocales ?? [locale]\n  );\n\n  return (\n    <LocaleSwitcherContentContext\n      value={{\n        availableLocales,\n        selectedLocales,\n        setSelectedLocales,\n      }}\n    >\n      {children}\n    </LocaleSwitcherContentContext>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAoBA,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,IAG5C;AAAA,IACA,0BAA0B,CAAC,MAAM;AAAA,EACnC;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/LocaleSwitcherDropDown/LocaleSwitcher.cjs

@@ -1,18 +1,17 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 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 ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 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_LocaleSwitcherDropDown_localeSwitcher_content = require("./localeSwitcher.content.cjs");
 const DROPDOWN_IDENTIFIER = "locale-switcher";
@@ -26,8 +25,8 @@ const LocaleSwitcher = ({
 }) => {
   let localeName = "Select a locale";
   const { switchTo, searchInput, localeSwitcherLabel, languageListLabel } = reactIntlayer.useDictionary(components_LocaleSwitcherDropDown_localeSwitcher_content);
-  const inputRef = require$$0.useRef(null);
-  const multilingualAvailableLocales = require$$0.useMemo(
+  const inputRef = ReactExports.useRef(null);
+  const multilingualAvailableLocales = ReactExports.useMemo(
     () => localeList.map((localeEl) => {
       const englishName = core.getLocaleName(localeEl, client.Locales.ENGLISH);
       const currentLocaleName = core.getLocaleName(localeEl, locale);
@@ -41,10 +40,10 @@ const LocaleSwitcher = ({
     }),
     [localeList, locale]
   );
-  const [results, setResults] = require$$0.useState(
+  const [results, setResults] = ReactExports.useState(
     multilingualAvailableLocales
   );
-  const fuse = require$$0.useMemo(() => {
+  const fuse = ReactExports.useMemo(() => {
     const fuseOptions = {
       keys: [
         { name: "ownLocaleName", weight: 0.4 },
@@ -57,7 +56,7 @@ const LocaleSwitcher = ({
     };
     return new Fuse(multilingualAvailableLocales, fuseOptions);
   }, [multilingualAvailableLocales]);
-  const handleSearch = require$$0.useCallback(
+  const handleSearch = ReactExports.useCallback(
     (searchQuery) => {
       if (searchQuery) {
         const searchResults = fuse.search(searchQuery).map((result) => result.item);
@@ -71,24 +70,24 @@ const LocaleSwitcher = ({
   if (locale) {
     localeName = fullLocaleName ? core.getLocaleName(locale) : locale.toUpperCase();
   }
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: "border-text text-text dark:border-text-dark dark:text-text-dark rounded-xl border transition-colors",
       "aria-label": localeSwitcherLabel.value,
-      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: "text-nowrap px-2", children: localeName }),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.MoveVertical, { className: "w-5 self-center" })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(components_DropDown_index.DropDown, { identifier: DROPDOWN_IDENTIFIER, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(components_DropDown_index.DropDown.Trigger, { identifier: DROPDOWN_IDENTIFIER, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-nowrap px-2", children: localeName }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoveVertical, { className: "w-5 self-center" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           components_DropDown_index.DropDown.Panel,
           {
             identifier: DROPDOWN_IDENTIFIER,
             isOverable: true,
             isFocusable: true,
             ...panelProps,
-            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
               components_Container_index.Container,
               {
                 className: "max-h-[80vh] min-w-28",
@@ -97,7 +96,7 @@ const LocaleSwitcher = ({
                 transparency: "sm",
                 "aria-label": languageListLabel.value,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
                     components_Input_Input.Input,
                     {
                       type: "search",
@@ -106,8 +105,8 @@ const LocaleSwitcher = ({
                       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(
+                  /* @__PURE__ */ jsxRuntime.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.jsx("li", { className: "px-1.5 py-1", children: /* @__PURE__ */ jsxRuntime.jsx(
                       components_Button_Button.Button,
                       {
                         onClick: () => setLocale(localeItem),
@@ -118,9 +117,9 @@ const LocaleSwitcher = ({
                         color: "text",
                         isFullWidth: true,
                         textAlign: "left",
-                        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex 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(
+                        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center justify-between gap-3 px-2 py-1", children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col text-nowrap", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
                               "span",
                               {
                                 dir: core.getHTMLTextDir(localeItem),
@@ -128,9 +127,9 @@ const LocaleSwitcher = ({
                                 children: ownLocaleName
                               }
                             ),
-                            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: currentLocaleName })
+                            /* @__PURE__ */ jsxRuntime.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() })
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral dark:text-neutral-dark text-sm", children: localeItem.toUpperCase() })
                         ] })
                       }
                     ) }, localeItem)

package/dist/components/LocaleSwitcherDropDown/LocaleSwitcher.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LocaleSwitcher.cjs","sources":["../../../src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config/client';\nimport { getHTMLTextDir, getLocaleName } from '@intlayer/core';\nimport Fuse, { IFuseOptions } from 'fuse.js';\nimport { MoveVertical } from 'lucide-react';\nimport { useCallback, useMemo, useRef, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown, type PanelProps } from '../DropDown';\nimport { Input } from '../Input';\nimport localeSwitcherContent from './localeSwitcher.content';\n\nexport type LocaleSwitcherProps = {\n  locale?: Locales;\n  localeList: Locales[];\n  availableLocales?: Locales[];\n  fullLocaleName?: boolean;\n  setLocale: (locale: Locales) => void;\n  panelProps?: Omit<PanelProps, 'identifier'>;\n};\n\nconst DROPDOWN_IDENTIFIER = 'locale-switcher';\n\ntype MultilingualAvailableLocales = {\n  locale: Locales;\n  englishName: string;\n  currentLocaleName: string;\n  ownLocaleName: string;\n};\n\nexport const LocaleSwitcher: FC<LocaleSwitcherProps> = ({\n  locale,\n  localeList,\n  availableLocales,\n  fullLocaleName = true,\n  setLocale,\n  panelProps,\n}) => {\n  let localeName = 'Select a locale';\n  const { switchTo, searchInput, localeSwitcherLabel, languageListLabel } =\n    useDictionary(localeSwitcherContent);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const multilingualAvailableLocales: MultilingualAvailableLocales[] = useMemo(\n    () =>\n      localeList.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    [localeList, locale]\n  );\n\n  const [results, setResults] = useState<MultilingualAvailableLocales[]>(\n    multilingualAvailableLocales\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  if (locale) {\n    localeName = fullLocaleName ? getLocaleName(locale) : locale.toUpperCase();\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.value}\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=\"text-nowrap px-2\">{localeName}</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          {...panelProps}\n        >\n          <Container\n            className=\"max-h-[80vh] min-w-28\"\n            separator=\"y\"\n            role=\"listbox\"\n            transparency=\"sm\"\n            aria-label={languageListLabel.value}\n          >\n            <div className=\"p-3\">\n              <Input\n                type=\"search\"\n                placeholder={searchInput.placeholder.value}\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                ({ locale: localeItem, currentLocaleName, ownLocaleName }) => (\n                  <li className=\"px-1.5 py-1\" key={localeItem}>\n                    <Button\n                      onClick={() => setLocale(localeItem)}\n                      label={`${switchTo} ${currentLocaleName}`}\n                      disabled={\n                        !(availableLocales ?? localeList).includes(localeItem)\n                      }\n                      isActive={locale === localeItem}\n                      variant=\"hoverable\"\n                      color=\"text\"\n                      isFullWidth\n                      textAlign=\"left\"\n                    >\n                      <div className=\"flex 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                    </Button>\n                  </li>\n                )\n              )}\n            </ol>\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":["useDictionary","localeSwitcherContent","useRef","useMemo","getLocaleName","Locales","useState","useCallback","jsx","jsxs","DropDown","MoveVertical","Container","Input","Button","getHTMLTextDir"],"mappings":"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"}
+{"version":3,"file":"LocaleSwitcher.cjs","sources":["../../../src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config/client';\nimport { getHTMLTextDir, getLocaleName } from '@intlayer/core';\nimport Fuse, { type IFuseOptions } from 'fuse.js';\nimport { MoveVertical } from 'lucide-react';\nimport { useCallback, useMemo, useRef, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown, type PanelProps } from '../DropDown';\nimport { Input } from '../Input';\nimport localeSwitcherContent from './localeSwitcher.content';\n\nexport type LocaleSwitcherProps = {\n  locale?: Locales;\n  localeList: Locales[];\n  availableLocales?: Locales[];\n  fullLocaleName?: boolean;\n  setLocale: (locale: Locales) => void;\n  panelProps?: Omit<PanelProps, 'identifier'>;\n};\n\nconst DROPDOWN_IDENTIFIER = 'locale-switcher';\n\ntype MultilingualAvailableLocales = {\n  locale: Locales;\n  englishName: string;\n  currentLocaleName: string;\n  ownLocaleName: string;\n};\n\nexport const LocaleSwitcher: FC<LocaleSwitcherProps> = ({\n  locale,\n  localeList,\n  availableLocales,\n  fullLocaleName = true,\n  setLocale,\n  panelProps,\n}) => {\n  let localeName = 'Select a locale';\n  const { switchTo, searchInput, localeSwitcherLabel, languageListLabel } =\n    useDictionary(localeSwitcherContent);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const multilingualAvailableLocales: MultilingualAvailableLocales[] = useMemo(\n    () =>\n      localeList.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    [localeList, locale]\n  );\n\n  const [results, setResults] = useState<MultilingualAvailableLocales[]>(\n    multilingualAvailableLocales\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  if (locale) {\n    localeName = fullLocaleName ? getLocaleName(locale) : locale.toUpperCase();\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.value}\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=\"text-nowrap px-2\">{localeName}</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          {...panelProps}\n        >\n          <Container\n            className=\"max-h-[80vh] min-w-28\"\n            separator=\"y\"\n            role=\"listbox\"\n            transparency=\"sm\"\n            aria-label={languageListLabel.value}\n          >\n            <div className=\"p-3\">\n              <Input\n                type=\"search\"\n                placeholder={searchInput.placeholder.value}\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                ({ locale: localeItem, currentLocaleName, ownLocaleName }) => (\n                  <li className=\"px-1.5 py-1\" key={localeItem}>\n                    <Button\n                      onClick={() => setLocale(localeItem)}\n                      label={`${switchTo} ${currentLocaleName}`}\n                      disabled={\n                        !(availableLocales ?? localeList).includes(localeItem)\n                      }\n                      isActive={locale === localeItem}\n                      variant=\"hoverable\"\n                      color=\"text\"\n                      isFullWidth\n                      textAlign=\"left\"\n                    >\n                      <div className=\"flex 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                    </Button>\n                  </li>\n                )\n              )}\n            </ol>\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":["useDictionary","localeSwitcherContent","useRef","useMemo","getLocaleName","Locales","useState","useCallback","jsx","jsxs","DropDown","MoveVertical","Container","Input","Button","getHTMLTextDir"],"mappings":"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"}

package/dist/components/LocaleSwitcherDropDown/LocaleSwitcher.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Locales } from "@intlayer/config/client";
 import { getLocaleName, getHTMLTextDir } from "@intlayer/core";
 import Fuse from "fuse.js";
@@ -10,7 +10,6 @@ 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 localeSwitcherContent from "./localeSwitcher.content.mjs";
 const DROPDOWN_IDENTIFIER = "locale-switcher";
@@ -69,24 +68,24 @@ const LocaleSwitcher = ({
   if (locale) {
     localeName = fullLocaleName ? getLocaleName(locale) : locale.toUpperCase();
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: "border-text text-text dark:border-text-dark dark:text-text-dark rounded-xl border transition-colors",
       "aria-label": localeSwitcherLabel.value,
-      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: "text-nowrap px-2", children: localeName }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(MoveVertical, { className: "w-5 self-center" })
+      children: /* @__PURE__ */ jsxs(DropDown, { identifier: DROPDOWN_IDENTIFIER, children: [
+        /* @__PURE__ */ jsx(DropDown.Trigger, { identifier: DROPDOWN_IDENTIFIER, children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-nowrap px-2", children: localeName }),
+          /* @__PURE__ */ jsx(MoveVertical, { className: "w-5 self-center" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsx(
           DropDown.Panel,
           {
             identifier: DROPDOWN_IDENTIFIER,
             isOverable: true,
             isFocusable: true,
             ...panelProps,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            children: /* @__PURE__ */ jsxs(
               Container,
               {
                 className: "max-h-[80vh] min-w-28",
@@ -95,7 +94,7 @@ const LocaleSwitcher = ({
                 transparency: "sm",
                 "aria-label": languageListLabel.value,
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsx(
                     Input,
                     {
                       type: "search",
@@ -104,8 +103,8 @@ const LocaleSwitcher = ({
                       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(
+                  /* @__PURE__ */ 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__ */ jsx("li", { className: "px-1.5 py-1", children: /* @__PURE__ */ jsx(
                       Button,
                       {
                         onClick: () => setLocale(localeItem),
@@ -116,9 +115,9 @@ const LocaleSwitcher = ({
                         color: "text",
                         isFullWidth: true,
                         textAlign: "left",
-                        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex 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(
+                        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between gap-3 px-2 py-1", children: [
+                          /* @__PURE__ */ jsxs("div", { className: "flex flex-col text-nowrap", children: [
+                            /* @__PURE__ */ jsx(
                               "span",
                               {
                                 dir: getHTMLTextDir(localeItem),
@@ -126,9 +125,9 @@ const LocaleSwitcher = ({
                                 children: ownLocaleName
                               }
                             ),
-                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: currentLocaleName })
+                            /* @__PURE__ */ 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() })
+                          /* @__PURE__ */ jsx("span", { className: "text-neutral dark:text-neutral-dark text-sm", children: localeItem.toUpperCase() })
                         ] })
                       }
                     ) }, localeItem)

package/dist/components/LocaleSwitcherDropDown/LocaleSwitcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LocaleSwitcher.mjs","sources":["../../../src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config/client';\nimport { getHTMLTextDir, getLocaleName } from '@intlayer/core';\nimport Fuse, { IFuseOptions } from 'fuse.js';\nimport { MoveVertical } from 'lucide-react';\nimport { useCallback, useMemo, useRef, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown, type PanelProps } from '../DropDown';\nimport { Input } from '../Input';\nimport localeSwitcherContent from './localeSwitcher.content';\n\nexport type LocaleSwitcherProps = {\n  locale?: Locales;\n  localeList: Locales[];\n  availableLocales?: Locales[];\n  fullLocaleName?: boolean;\n  setLocale: (locale: Locales) => void;\n  panelProps?: Omit<PanelProps, 'identifier'>;\n};\n\nconst DROPDOWN_IDENTIFIER = 'locale-switcher';\n\ntype MultilingualAvailableLocales = {\n  locale: Locales;\n  englishName: string;\n  currentLocaleName: string;\n  ownLocaleName: string;\n};\n\nexport const LocaleSwitcher: FC<LocaleSwitcherProps> = ({\n  locale,\n  localeList,\n  availableLocales,\n  fullLocaleName = true,\n  setLocale,\n  panelProps,\n}) => {\n  let localeName = 'Select a locale';\n  const { switchTo, searchInput, localeSwitcherLabel, languageListLabel } =\n    useDictionary(localeSwitcherContent);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const multilingualAvailableLocales: MultilingualAvailableLocales[] = useMemo(\n    () =>\n      localeList.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    [localeList, locale]\n  );\n\n  const [results, setResults] = useState<MultilingualAvailableLocales[]>(\n    multilingualAvailableLocales\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  if (locale) {\n    localeName = fullLocaleName ? getLocaleName(locale) : locale.toUpperCase();\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.value}\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=\"text-nowrap px-2\">{localeName}</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          {...panelProps}\n        >\n          <Container\n            className=\"max-h-[80vh] min-w-28\"\n            separator=\"y\"\n            role=\"listbox\"\n            transparency=\"sm\"\n            aria-label={languageListLabel.value}\n          >\n            <div className=\"p-3\">\n              <Input\n                type=\"search\"\n                placeholder={searchInput.placeholder.value}\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                ({ locale: localeItem, currentLocaleName, ownLocaleName }) => (\n                  <li className=\"px-1.5 py-1\" key={localeItem}>\n                    <Button\n                      onClick={() => setLocale(localeItem)}\n                      label={`${switchTo} ${currentLocaleName}`}\n                      disabled={\n                        !(availableLocales ?? localeList).includes(localeItem)\n                      }\n                      isActive={locale === localeItem}\n                      variant=\"hoverable\"\n                      color=\"text\"\n                      isFullWidth\n                      textAlign=\"left\"\n                    >\n                      <div className=\"flex 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                    </Button>\n                  </li>\n                )\n              )}\n            </ol>\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAM,sBAAsB;AASrB,MAAM,iBAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,MAAM;AACJ,MAAI,aAAa;AACjB,QAAM,EAAE,UAAU,aAAa,qBAAqB,kBAAkB,IACpE,cAAc,qBAAqB;AAC/B,QAAA,WAAW,OAAyB,IAAI;AAE9C,QAAM,+BAA+D;AAAA,IACnE,MACE,WAAW,IAAI,CAAC,aAAa;AAC3B,YAAM,cAAc,cAAc,UAAU,QAAQ,OAAO;AACrD,YAAA,oBAAoB,cAAc,UAAU,MAAM;AAClD,YAAA,gBAAgB,cAAc,QAAQ;AACrC,aAAA;AAAA,QACL,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,CACD;AAAA,IACH,CAAC,YAAY,MAAM;AAAA,EACrB;AAEM,QAAA,CAAC,SAAS,UAAU,IAAI;AAAA,IAC5B;AAAA,EACF;AAGM,QAAA,OAAO,QAAQ,MAAM;AACzB,UAAM,cAA0D;AAAA,MAC9D,MAAM;AAAA,QACJ,EAAE,MAAM,iBAAiB,QAAQ,IAAI;AAAA,QACrC,EAAE,MAAM,eAAe,QAAQ,IAAI;AAAA,QACnC,EAAE,MAAM,qBAAqB,QAAQ,IAAI;AAAA,QACzC,EAAE,MAAM,UAAU,QAAQ,IAAI;AAAA,MAChC;AAAA,MACA,WAAW;AAAA;AAAA,IACb;AAEO,WAAA,IAAI,KAAK,8BAA8B,WAAW;AAAA,EAAA,GACxD,CAAC,4BAA4B,CAAC;AAEjC,QAAM,eAAe;AAAA,IACnB,CAAC,gBAAwB;AACvB,UAAI,aAAa;AAET,cAAA,gBAAgB,KACnB,OAAO,WAAW,EAClB,IAAI,CAAC,WAAW,OAAO,IAAI;AAC9B,mBAAW,aAAa;AAAA,MAAA,OACnB;AACL,mBAAW,4BAA4B;AAAA,MAAA;AAAA,IAE3C;AAAA,IACA,CAAC,MAAM,4BAA4B;AAAA,EACrC;AAEA,MAAI,QAAQ;AACV,iBAAa,iBAAiB,cAAc,MAAM,IAAI,OAAO,YAAY;AAAA,EAAA;AAIzE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAY,oBAAoB;AAAA,MAEhC,UAAAC,kCAAA,KAAC,UAAS,EAAA,YAAY,qBACpB,UAAA;AAAA,QAACD,kCAAAA,IAAA,SAAS,SAAT,EAAiB,YAAY,qBAC5B,UAACC,kCAAAA,KAAA,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,UAACD,kCAAA,IAAA,OAAA,EAAI,WAAU,oBAAoB,UAAW,YAAA;AAAA,UAC9CA,kCAAAA,IAAC,cAAa,EAAA,WAAU,kBAAkB,CAAA;AAAA,QAAA,EAAA,CAC5C,EACF,CAAA;AAAA,QAEAA,kCAAA;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,YAAY;AAAA,YACZ,YAAU;AAAA,YACV,aAAW;AAAA,YACV,GAAG;AAAA,YAEJ,UAAAC,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,cAAY,kBAAkB;AAAA,gBAE9B,UAAA;AAAA,kBAACD,kCAAAA,IAAA,OAAA,EAAI,WAAU,OACb,UAAAA,kCAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,aAAa,YAAY,YAAY;AAAA,sBACrC,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,sBAC5C,KAAK;AAAA,oBAAA;AAAA,kBAAA,GAET;AAAA,kBACCA,kCAAA,IAAA,MAAA,EAAG,WAAU,sFACX,UAAQ,QAAA;AAAA,oBACP,CAAC,EAAE,QAAQ,YAAY,mBAAmB,cACxC,MAAAA,sCAAC,MAAG,EAAA,WAAU,eACZ,UAAAA,kCAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,SAAS,MAAM,UAAU,UAAU;AAAA,wBACnC,OAAO,GAAG,QAAQ,IAAI,iBAAiB;AAAA,wBACvC,UACE,EAAE,oBAAoB,YAAY,SAAS,UAAU;AAAA,wBAEvD,UAAU,WAAW;AAAA,wBACrB,SAAQ;AAAA,wBACR,OAAM;AAAA,wBACN,aAAW;AAAA,wBACX,WAAU;AAAA,wBAEV,UAAAC,kCAAA,KAAC,OAAI,EAAA,WAAU,8DACb,UAAA;AAAA,0BAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,4BAAAD,kCAAA;AAAA,8BAAC;AAAA,8BAAA;AAAA,gCACC,KAAK,eAAe,UAAU;AAAA,gCAC9B,MAAM;AAAA,gCAEL,UAAA;AAAA,8BAAA;AAAA,4BACH;AAAA,4BACCA,kCAAA,IAAA,QAAA,EAAK,WAAU,+CACb,UACH,kBAAA,CAAA;AAAA,0BAAA,GACF;AAAA,gEACC,QAAK,EAAA,WAAU,+CACb,UAAA,WAAW,cACd,CAAA;AAAA,wBAAA,EACF,CAAA;AAAA,sBAAA;AAAA,yBA5B6B,UA8BjC;AAAA,kBAAA,EAGN,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"LocaleSwitcher.mjs","sources":["../../../src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config/client';\nimport { getHTMLTextDir, getLocaleName } from '@intlayer/core';\nimport Fuse, { type IFuseOptions } from 'fuse.js';\nimport { MoveVertical } from 'lucide-react';\nimport { useCallback, useMemo, useRef, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown, type PanelProps } from '../DropDown';\nimport { Input } from '../Input';\nimport localeSwitcherContent from './localeSwitcher.content';\n\nexport type LocaleSwitcherProps = {\n  locale?: Locales;\n  localeList: Locales[];\n  availableLocales?: Locales[];\n  fullLocaleName?: boolean;\n  setLocale: (locale: Locales) => void;\n  panelProps?: Omit<PanelProps, 'identifier'>;\n};\n\nconst DROPDOWN_IDENTIFIER = 'locale-switcher';\n\ntype MultilingualAvailableLocales = {\n  locale: Locales;\n  englishName: string;\n  currentLocaleName: string;\n  ownLocaleName: string;\n};\n\nexport const LocaleSwitcher: FC<LocaleSwitcherProps> = ({\n  locale,\n  localeList,\n  availableLocales,\n  fullLocaleName = true,\n  setLocale,\n  panelProps,\n}) => {\n  let localeName = 'Select a locale';\n  const { switchTo, searchInput, localeSwitcherLabel, languageListLabel } =\n    useDictionary(localeSwitcherContent);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const multilingualAvailableLocales: MultilingualAvailableLocales[] = useMemo(\n    () =>\n      localeList.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    [localeList, locale]\n  );\n\n  const [results, setResults] = useState<MultilingualAvailableLocales[]>(\n    multilingualAvailableLocales\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  if (locale) {\n    localeName = fullLocaleName ? getLocaleName(locale) : locale.toUpperCase();\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.value}\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=\"text-nowrap px-2\">{localeName}</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          {...panelProps}\n        >\n          <Container\n            className=\"max-h-[80vh] min-w-28\"\n            separator=\"y\"\n            role=\"listbox\"\n            transparency=\"sm\"\n            aria-label={languageListLabel.value}\n          >\n            <div className=\"p-3\">\n              <Input\n                type=\"search\"\n                placeholder={searchInput.placeholder.value}\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                ({ locale: localeItem, currentLocaleName, ownLocaleName }) => (\n                  <li className=\"px-1.5 py-1\" key={localeItem}>\n                    <Button\n                      onClick={() => setLocale(localeItem)}\n                      label={`${switchTo} ${currentLocaleName}`}\n                      disabled={\n                        !(availableLocales ?? localeList).includes(localeItem)\n                      }\n                      isActive={locale === localeItem}\n                      variant=\"hoverable\"\n                      color=\"text\"\n                      isFullWidth\n                      textAlign=\"left\"\n                    >\n                      <div className=\"flex 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                    </Button>\n                  </li>\n                )\n              )}\n            </ol>\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Logo/LogoCircle.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
-const LogoCircle = ({ bgColor, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+const jsxRuntime = require("react/jsx-runtime");
+const LogoCircle = ({ bgColor, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     width: "700",
@@ -11,8 +11,8 @@ const LogoCircle = ({ bgColor, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRunt
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
     children: [
-      bgColor && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("circle", { cx: "350", cy: "350", r: "350", fill: bgColor }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      bgColor && /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "350", cy: "350", r: "350", fill: bgColor }),
+      /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
           fillRule: "evenodd",

package/dist/components/Logo/LogoCircle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LogoCircle.cjs","sources":["../../../src/components/Logo/LogoCircle.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport type { LogoBaseProps } from '.';\n\nexport const LogoCircle: FC<LogoBaseProps> = ({ bgColor, ...props }) => (\n  <svg\n    width=\"700\"\n    height=\"700\"\n    viewBox=\"0 0 700 700\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    {bgColor && <circle cx=\"350\" cy=\"350\" r=\"350\" fill={bgColor} />}\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M350 700C543.3 700 700 543.3 700 350C700 156.7 543.3 0 350 0C156.7 0 0 156.7 0 350C0 543.3 156.7 700 350 700ZM180 305C155.147 305 135 325.147 135 350C135 374.853 155.147 395 180 395H560C584.853 395 605 374.853 605 350C605 325.147 584.853 305 560 305H180ZM135 523C135 498.147 155.147 478 180 478H360C384.853 478 405 498.147 405 523C405 547.853 384.853 568 360 568H180C155.147 568 135 547.853 135 523ZM180 130C155.147 130 135 150.147 135 175C135 199.853 155.147 220 180 220H425C449.853 220 470 199.853 470 175C470 150.147 449.853 130 425 130H180Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["jsxs","jsx"],"mappings":";;;AAGO,MAAM,aAAgC,CAAC,EAAE,SAAS,GAAG,MAC1D,MAAAA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAG;AAAA,IAEH,UAAA;AAAA,MAAW,WAAAC,2BAAA,kBAAA,IAAC,YAAO,IAAG,OAAM,IAAG,OAAM,GAAE,OAAM,MAAM,QAAS,CAAA;AAAA,MAC7DA,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;;"}
+{"version":3,"file":"LogoCircle.cjs","sources":["../../../src/components/Logo/LogoCircle.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport type { LogoBaseProps } from '.';\n\nexport const LogoCircle: FC<LogoBaseProps> = ({ bgColor, ...props }) => (\n  <svg\n    width=\"700\"\n    height=\"700\"\n    viewBox=\"0 0 700 700\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    {bgColor && <circle cx=\"350\" cy=\"350\" r=\"350\" fill={bgColor} />}\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M350 700C543.3 700 700 543.3 700 350C700 156.7 543.3 0 350 0C156.7 0 0 156.7 0 350C0 543.3 156.7 700 350 700ZM180 305C155.147 305 135 325.147 135 350C135 374.853 155.147 395 180 395H560C584.853 395 605 374.853 605 350C605 325.147 584.853 305 560 305H180ZM135 523C135 498.147 155.147 478 180 478H360C384.853 478 405 498.147 405 523C405 547.853 384.853 568 360 568H180C155.147 568 135 547.853 135 523ZM180 130C155.147 130 135 150.147 135 175C135 199.853 155.147 220 180 220H425C449.853 220 470 199.853 470 175C470 150.147 449.853 130 425 130H180Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["jsxs","jsx"],"mappings":";;;AAGO,MAAM,aAAgC,CAAC,EAAE,SAAS,GAAG,MAC1D,MAAAA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAG;AAAA,IAEH,UAAA;AAAA,MAAW,WAAAC,2BAAA,IAAC,YAAO,IAAG,OAAM,IAAG,OAAM,GAAE,OAAM,MAAM,QAAS,CAAA;AAAA,MAC7DA,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;;"}

package/dist/components/Logo/LogoCircle.mjs

@@ -1,5 +1,5 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
-const LogoCircle = ({ bgColor, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+import { jsxs, jsx } from "react/jsx-runtime";
+const LogoCircle = ({ bgColor, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     width: "700",
@@ -9,8 +9,8 @@ const LogoCircle = ({ bgColor, ...props }) => /* @__PURE__ */ jsxRuntimeExports.
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
     children: [
-      bgColor && /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "350", cy: "350", r: "350", fill: bgColor }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      bgColor && /* @__PURE__ */ jsx("circle", { cx: "350", cy: "350", r: "350", fill: bgColor }),
+      /* @__PURE__ */ jsx(
         "path",
         {
           fillRule: "evenodd",

package/dist/components/Logo/LogoCircle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LogoCircle.mjs","sources":["../../../src/components/Logo/LogoCircle.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport type { LogoBaseProps } from '.';\n\nexport const LogoCircle: FC<LogoBaseProps> = ({ bgColor, ...props }) => (\n  <svg\n    width=\"700\"\n    height=\"700\"\n    viewBox=\"0 0 700 700\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    {bgColor && <circle cx=\"350\" cy=\"350\" r=\"350\" fill={bgColor} />}\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M350 700C543.3 700 700 543.3 700 350C700 156.7 543.3 0 350 0C156.7 0 0 156.7 0 350C0 543.3 156.7 700 350 700ZM180 305C155.147 305 135 325.147 135 350C135 374.853 155.147 395 180 395H560C584.853 395 605 374.853 605 350C605 325.147 584.853 305 560 305H180ZM135 523C135 498.147 155.147 478 180 478H360C384.853 478 405 498.147 405 523C405 547.853 384.853 568 360 568H180C155.147 568 135 547.853 135 523ZM180 130C155.147 130 135 150.147 135 175C135 199.853 155.147 220 180 220H425C449.853 220 470 199.853 470 175C470 150.147 449.853 130 425 130H180Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["jsxs","jsx"],"mappings":";AAGO,MAAM,aAAgC,CAAC,EAAE,SAAS,GAAG,MAC1D,MAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAG;AAAA,IAEH,UAAA;AAAA,MAAW,WAAAC,kCAAA,IAAC,YAAO,IAAG,OAAM,IAAG,OAAM,GAAE,OAAM,MAAM,QAAS,CAAA;AAAA,MAC7DA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}
+{"version":3,"file":"LogoCircle.mjs","sources":["../../../src/components/Logo/LogoCircle.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport type { LogoBaseProps } from '.';\n\nexport const LogoCircle: FC<LogoBaseProps> = ({ bgColor, ...props }) => (\n  <svg\n    width=\"700\"\n    height=\"700\"\n    viewBox=\"0 0 700 700\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    {bgColor && <circle cx=\"350\" cy=\"350\" r=\"350\" fill={bgColor} />}\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M350 700C543.3 700 700 543.3 700 350C700 156.7 543.3 0 350 0C156.7 0 0 156.7 0 350C0 543.3 156.7 700 350 700ZM180 305C155.147 305 135 325.147 135 350C135 374.853 155.147 395 180 395H560C584.853 395 605 374.853 605 350C605 325.147 584.853 305 560 305H180ZM135 523C135 498.147 155.147 478 180 478H360C384.853 478 405 498.147 405 523C405 547.853 384.853 568 360 568H180C155.147 568 135 547.853 135 523ZM180 130C155.147 130 135 150.147 135 175C135 199.853 155.147 220 180 220H425C449.853 220 470 199.853 470 175C470 150.147 449.853 130 425 130H180Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";AAGO,MAAM,aAAgC,CAAC,EAAE,SAAS,GAAG,MAC1D,MAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAG;AAAA,IAEH,UAAA;AAAA,MAAW,WAAA,oBAAC,YAAO,IAAG,OAAM,IAAG,OAAM,GAAE,OAAM,MAAM,QAAS,CAAA;AAAA,MAC7D;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}