@intlayer/design-system 3.5.5 → 3.5.7

package/dist/components/Link/Link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import { getConfiguration, Locales } from '@intlayer/config/client';\nimport { getLocalizedUrl } from '@intlayer/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  forwardRef,\n  type DetailedHTMLProps,\n  type AnchorHTMLAttributes,\n} from 'react';\n\nconst linkVariants = cva(\n  'gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'h-auto justify-start text-wrap border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n        'invisible-link':\n          'h-auto justify-start text-wrap border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n\n        button:\n          'rounded-lg text-text-opposite dark:text-text-opposite-dark min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n        'button-outlined':\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n        hoverable:\n          'block rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n      },\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        custom: '',\n      },\n      underlined: {\n        default: '',\n        true: 'underline',\n        false: 'no-underline',\n      },\n    },\n\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      underlined: 'default',\n    },\n  }\n);\n\nexport type LinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> &\n  VariantProps<typeof linkVariants> & {\n    label: string;\n    isExternalLink?: boolean;\n    isActive?: boolean;\n    locale?: Locales;\n  };\n\nexport const checkIsExternalLink = ({\n  href,\n  children,\n  isExternalLink: isExternalLinkProp,\n}: LinkProps): boolean => {\n  const isChildrenString = typeof children === 'string';\n  const isValidHref = typeof href === 'string' && href.trim() !== '';\n  const isExternalLink =\n    isExternalLinkProp === true ||\n    (isChildrenString &&\n      typeof isExternalLinkProp === 'undefined' &&\n      isValidHref &&\n      /^https?:\\/\\//.test(href));\n\n  return isExternalLink;\n};\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const {\n    variant = 'default',\n    color = 'primary',\n    children,\n    label,\n    className,\n    isActive,\n    underlined,\n    locale,\n    isExternalLink: isExternalLinkProp,\n    href: hrefProp,\n    ...otherProps\n  } = props;\n  const { internationalization } = getConfiguration();\n\n  const isExternalLink = checkIsExternalLink(props);\n\n  const rel = isExternalLink ? 'noopener noreferrer nofollow' : undefined;\n\n  const target = isExternalLink ? '_blank' : '_self';\n\n  const hrefLang = locale\n    ? locale === internationalization.defaultLocale\n      ? 'x-default'\n      : locale\n    : undefined;\n\n  const href =\n    locale && hrefProp && !isExternalLink\n      ? getLocalizedUrl(hrefProp, locale)\n      : hrefProp;\n\n  return (\n    <a\n      href={href}\n      ref={ref}\n      hrefLang={hrefLang}\n      aria-label={label}\n      rel={rel}\n      target={target}\n      aria-current={isActive ? 'page' : undefined}\n      className={linkVariants({\n        variant,\n        color,\n        underlined,\n        className,\n      })}\n      {...otherProps}\n    >\n      {children}\n      {isExternalLink && <ExternalLink className=\"ml-2 inline-block size-4\" />}\n    </a>\n  );\n});\n\nLink.displayName = 'Link';\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAUA,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,kBACE;AAAA,QAEF,QACE;AAAA,QACF,mBACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IAEA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ;AAaO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,MAA0B;AAClB,QAAA,mBAAmB,OAAO,aAAa;AAC7C,QAAM,cAAc,OAAO,SAAS,YAAY,KAAK,WAAW;AAC1D,QAAA,iBACJ,uBAAuB,QACtB,oBACC,OAAO,uBAAuB,eAC9B,eACA,eAAe,KAAK,IAAI;AAErB,SAAA;AACT;AAEO,MAAM,OAAO,WAAyC,CAAC,OAAO,QAAQ;AACrE,QAAA;AAAA,IACJ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,IACD;AACE,QAAA,EAAE,qBAAqB,IAAI,iBAAiB;AAE5C,QAAA,iBAAiB,oBAAoB,KAAK;AAE1C,QAAA,MAAM,iBAAiB,iCAAiC;AAExD,QAAA,SAAS,iBAAiB,WAAW;AAE3C,QAAM,WAAW,SACb,WAAW,qBAAqB,gBAC9B,cACA,SACF;AAEE,QAAA,OACJ,UAAU,YAAY,CAAC,iBACnB,gBAAgB,UAAU,MAAM,IAChC;AAGJ,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAW,aAAa;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,MACA,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,kBAAkBC,kCAAAA,IAAC,cAAa,EAAA,WAAU,2BAA2B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACxE;AAEJ,CAAC;AAED,KAAK,cAAc;"}
+{"version":3,"file":"Link.mjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import { getConfiguration, Locales } from '@intlayer/config/client';\nimport { getLocalizedUrl } from '@intlayer/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  forwardRef,\n  type DetailedHTMLProps,\n  type AnchorHTMLAttributes,\n} from 'react';\n\nconst linkVariants = cva(\n  'gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'h-auto justify-start text-wrap border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n        'invisible-link':\n          'h-auto justify-start text-wrap border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n\n        button:\n          'rounded-lg text-text-opposite dark:text-text-opposite-dark min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n        'button-outlined':\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n        hoverable:\n          'block rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n      },\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        custom: '',\n      },\n      underlined: {\n        default: '',\n        true: 'underline',\n        false: 'no-underline',\n      },\n    },\n\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      underlined: 'default',\n    },\n  }\n);\n\nexport type LinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> &\n  VariantProps<typeof linkVariants> & {\n    label: string;\n    isExternalLink?: boolean;\n    isActive?: boolean;\n    locale?: Locales;\n  };\n\nexport const checkIsExternalLink = ({\n  href,\n  isExternalLink: isExternalLinkProp,\n}: LinkProps): boolean => {\n  const isValidHref = typeof href === 'string' && href.trim() !== '';\n  const isExternalLink =\n    isExternalLinkProp === true ||\n    (typeof isExternalLinkProp === 'undefined' &&\n      isValidHref &&\n      /^https?:\\/\\//.test(href));\n\n  return isExternalLink;\n};\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const {\n    variant = 'default',\n    color = 'primary',\n    children,\n    label,\n    className,\n    isActive,\n    underlined,\n    locale,\n    isExternalLink: isExternalLinkProp,\n    href: hrefProp,\n    ...otherProps\n  } = props;\n  const { internationalization } = getConfiguration();\n\n  const isExternalLink = checkIsExternalLink(props);\n  const isChildrenString = typeof children === 'string';\n\n  const rel = isExternalLink ? 'noopener noreferrer nofollow' : undefined;\n\n  const target = isExternalLink ? '_blank' : '_self';\n\n  const hrefLang = locale\n    ? locale === internationalization.defaultLocale\n      ? 'x-default'\n      : locale\n    : undefined;\n\n  const href =\n    locale && hrefProp && !isExternalLink\n      ? getLocalizedUrl(hrefProp, locale)\n      : hrefProp;\n\n  return (\n    <a\n      href={href}\n      ref={ref}\n      hrefLang={hrefLang}\n      aria-label={label}\n      rel={rel}\n      target={target}\n      aria-current={isActive ? 'page' : undefined}\n      className={linkVariants({\n        variant,\n        color,\n        underlined,\n        className,\n      })}\n      {...otherProps}\n    >\n      {children}\n      {isExternalLink && isChildrenString && (\n        <ExternalLink className=\"ml-2 inline-block size-4\" />\n      )}\n    </a>\n  );\n});\n\nLink.displayName = 'Link';\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAUA,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,kBACE;AAAA,QAEF,QACE;AAAA,QACF,mBACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IAEA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ;AAaO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA,gBAAgB;AAClB,MAA0B;AACxB,QAAM,cAAc,OAAO,SAAS,YAAY,KAAK,WAAW;AAC1D,QAAA,iBACJ,uBAAuB,QACtB,OAAO,uBAAuB,eAC7B,eACA,eAAe,KAAK,IAAI;AAErB,SAAA;AACT;AAEO,MAAM,OAAO,WAAyC,CAAC,OAAO,QAAQ;AACrE,QAAA;AAAA,IACJ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,IACD;AACE,QAAA,EAAE,qBAAqB,IAAI,iBAAiB;AAE5C,QAAA,iBAAiB,oBAAoB,KAAK;AAC1C,QAAA,mBAAmB,OAAO,aAAa;AAEvC,QAAA,MAAM,iBAAiB,iCAAiC;AAExD,QAAA,SAAS,iBAAiB,WAAW;AAE3C,QAAM,WAAW,SACb,WAAW,qBAAqB,gBAC9B,cACA,SACF;AAEE,QAAA,OACJ,UAAU,YAAY,CAAC,iBACnB,gBAAgB,UAAU,MAAM,IAChC;AAGJ,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAW,aAAa;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,MACA,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,kBAAkB,oBAChBC,kCAAA,IAAA,cAAA,EAAa,WAAU,2BAA2B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEvD;AAEJ,CAAC;AAED,KAAK,cAAc;"}

package/dist/components/Loader/index.cjs

@@ -1,15 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const utils_cn = require("../../utils/cn.cjs");
 const components_Loader_spinner = require("./spinner.cjs");
 const Loader = ({
   children,
   isLoading = true,
+  className,
   ...props
 }) => isLoading ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
   "div",
   {
-    className: "flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center",
+    className: utils_cn.cn(
+      "flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center",
+      className
+    ),
     role: "status",
     "aria-label": "Animated icon, meaning that the website is processing",
     ...props,

package/dist/components/Loader/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Loader/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { Spinner } from './spinner';\n\nexport interface LoaderProps extends HTMLAttributes<HTMLDivElement> {\n  isLoading?: boolean;\n}\n\n/**\n *\n * Component can be use as a wrapper or standalone\n *\n * Example:\n * ```jsx\n * <Loader isLoading={isLoading}>\n *   <div>Content</div>\n * </Loader>\n * ```\n * or\n * ```jsx\n * <Loader isLoading={isLoading} />\n * ```\n *\n * if isLoading is undefined, it will default to true\n * ```jsx\n * <Loader />\n * ```\n */\nexport const Loader: FC<LoaderProps> = ({\n  children,\n  isLoading = true,\n  ...props\n}) =>\n  isLoading ? (\n    <div\n      className=\"flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center\"\n      role=\"status\"\n      aria-label=\"Animated icon, meaning that the website is processing\"\n      {...props}\n    >\n      <Spinner className=\"size-10 max-h-full max-w-full\" />\n    </div>\n  ) : (\n    (children ?? <></>)\n  );\n"],"names":["jsx","Spinner","Fragment"],"mappings":";;;;AA2BO,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,MACE,YACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,cAAW;AAAA,IACV,GAAG;AAAA,IAEJ,UAAAA,2BAAAA,kBAAAA,IAACC,0BAAAA,SAAQ,EAAA,WAAU,gCAAgC,CAAA;AAAA,EAAA;AACrD,IAEC,YAAcD,iDAAAE,WAAAA,kBAAAA,UAAA,CAAA,CAAA;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Loader/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from './spinner';\n\nexport type LoaderProps = HTMLAttributes<HTMLDivElement> & {\n  isLoading?: boolean;\n};\n\n/**\n *\n * Component can be use as a wrapper or standalone\n *\n * Example:\n * ```jsx\n * <Loader isLoading={isLoading}>\n *   <div>Content</div>\n * </Loader>\n * ```\n * or\n * ```jsx\n * <Loader isLoading={isLoading} />\n * ```\n *\n * if isLoading is undefined, it will default to true\n * ```jsx\n * <Loader />\n * ```\n */\nexport const Loader: FC<LoaderProps> = ({\n  children,\n  isLoading = true,\n  className,\n  ...props\n}) =>\n  isLoading ? (\n    <div\n      className={cn(\n        'flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center',\n        className\n      )}\n      role=\"status\"\n      aria-label=\"Animated icon, meaning that the website is processing\"\n      {...props}\n    >\n      <Spinner className=\"size-10 max-h-full max-w-full\" />\n    </div>\n  ) : (\n    (children ?? <></>)\n  );\n"],"names":["jsx","cn","Spinner","Fragment"],"mappings":";;;;;AA4BO,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,MACE,YACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAA;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAK;AAAA,IACL,cAAW;AAAA,IACV,GAAG;AAAA,IAEJ,UAAAD,2BAAAA,kBAAAA,IAACE,0BAAAA,SAAQ,EAAA,WAAU,gCAAgC,CAAA;AAAA,EAAA;AACrD,IAEC,YAAcF,iDAAAG,WAAAA,kBAAAA,UAAA,CAAA,CAAA;;"}

package/dist/components/Loader/index.content.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const intlayer = require("intlayer");
+const loaderContent = {
+  key: "loader",
+  content: {
+    label: intlayer.t({
+      en: "Animated icon, meaning that the website is processing",
+      "en-GB": "Animated icon, meaning that the website is processing",
+      fr: "Icône animée, signifiant que le site Web est en cours de traitement",
+      es: "Icono animado, significa que el sitio web está procesando",
+      de: "Animiertes Icon, das heißt, dass die Website in Bearbeitung ist",
+      ja: "アニメーションアイコン、ウェブサイトが処理していることを意味する",
+      ko: "애니메이션 아이콘, 웹 사이트가 처리 중인 의미",
+      zh: "动画图标，意味着网站正在处理",
+      it: "Icona animata, che significa che il sito web è in fase di elaborazione",
+      pt: "Ícone animado, o que significa que o site está processando"
+    })
+  }
+};
+exports.default = loaderContent;
+exports.loaderContent = loaderContent;
+//# sourceMappingURL=index.content.cjs.map

package/dist/components/Loader/index.content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.content.cjs","sources":["../../../src/components/Loader/index.content.ts"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const loaderContent = {\n  key: 'loader',\n  content: {\n    label: t({\n      en: 'Animated icon, meaning that the website is processing',\n      'en-GB': 'Animated icon, meaning that the website is processing',\n      fr: 'Icône animée, signifiant que le site Web est en cours de traitement',\n      es: 'Icono animado, significa que el sitio web está procesando',\n      de: 'Animiertes Icon, das heißt, dass die Website in Bearbeitung ist',\n      ja: 'アニメーションアイコン、ウェブサイトが処理していることを意味する',\n      ko: '애니메이션 아이콘, 웹 사이트가 처리 중인 의미',\n      zh: '动画图标，意味着网站正在处理',\n      it: 'Icona animata, che significa che il sito web è in fase di elaborazione',\n      pt: 'Ícone animado, o que significa que o site está processando',\n    }),\n  },\n} satisfies DeclarationContent;\n\nexport default loaderContent;\n"],"names":["t"],"mappings":";;;AAEO,MAAM,gBAAgB;AAAA,EAC3B,KAAK;AAAA,EACL,SAAS;AAAA,IACP,OAAOA,SAAAA,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EAAA;AAEL;;;"}

package/dist/components/Loader/index.content.d.ts

@@ -0,0 +1,8 @@
+export declare const loaderContent: {
+    key: string;
+    content: {
+        label: import('@intlayer/core').TranslationContent<string>;
+    };
+};
+export default loaderContent;
+//# sourceMappingURL=index.content.d.ts.map

package/dist/components/Loader/index.content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.content.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;CAgBI,CAAC;AAE/B,eAAe,aAAa,CAAC"}

package/dist/components/Loader/index.content.mjs

@@ -0,0 +1,23 @@
+import { t } from "intlayer";
+const loaderContent = {
+  key: "loader",
+  content: {
+    label: t({
+      en: "Animated icon, meaning that the website is processing",
+      "en-GB": "Animated icon, meaning that the website is processing",
+      fr: "Icône animée, signifiant que le site Web est en cours de traitement",
+      es: "Icono animado, significa que el sitio web está procesando",
+      de: "Animiertes Icon, das heißt, dass die Website in Bearbeitung ist",
+      ja: "アニメーションアイコン、ウェブサイトが処理していることを意味する",
+      ko: "애니메이션 아이콘, 웹 사이트가 처리 중인 의미",
+      zh: "动画图标，意味着网站正在处理",
+      it: "Icona animata, che significa che il sito web è in fase di elaborazione",
+      pt: "Ícone animado, o que significa que o site está processando"
+    })
+  }
+};
+export {
+  loaderContent as default,
+  loaderContent
+};
+//# sourceMappingURL=index.content.mjs.map

package/dist/components/Loader/index.content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.content.mjs","sources":["../../../src/components/Loader/index.content.ts"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const loaderContent = {\n  key: 'loader',\n  content: {\n    label: t({\n      en: 'Animated icon, meaning that the website is processing',\n      'en-GB': 'Animated icon, meaning that the website is processing',\n      fr: 'Icône animée, signifiant que le site Web est en cours de traitement',\n      es: 'Icono animado, significa que el sitio web está procesando',\n      de: 'Animiertes Icon, das heißt, dass die Website in Bearbeitung ist',\n      ja: 'アニメーションアイコン、ウェブサイトが処理していることを意味する',\n      ko: '애니메이션 아이콘, 웹 사이트가 처리 중인 의미',\n      zh: '动画图标，意味着网站正在处理',\n      it: 'Icona animata, che significa che il sito web è in fase di elaborazione',\n      pt: 'Ícone animado, o que significa que o site está processando',\n    }),\n  },\n} satisfies DeclarationContent;\n\nexport default loaderContent;\n"],"names":[],"mappings":";AAEO,MAAM,gBAAgB;AAAA,EAC3B,KAAK;AAAA,EACL,SAAS;AAAA,IACP,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EAAA;AAEL;"}

package/dist/components/Loader/index.d.ts

@@ -1,7 +1,7 @@
 import { FC, HTMLAttributes } from 'react';
-export interface LoaderProps extends HTMLAttributes<HTMLDivElement> {
+export type LoaderProps = HTMLAttributes<HTMLDivElement> & {
     isLoading?: boolean;
-}
+};
 /**
  *
  * Component can be use as a wrapper or standalone

package/dist/components/Loader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAgBhC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIhD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAoBhC,CAAC"}

package/dist/components/Loader/index.mjs

@@ -1,13 +1,18 @@
 import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { cn } from "../../utils/cn.mjs";
 import { Spinner } from "./spinner.mjs";
 const Loader = ({
   children,
   isLoading = true,
+  className,
   ...props
 }) => isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(
   "div",
   {
-    className: "flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center",
+    className: cn(
+      "flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center",
+      className
+    ),
     role: "status",
     "aria-label": "Animated icon, meaning that the website is processing",
     ...props,

package/dist/components/Loader/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Loader/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { Spinner } from './spinner';\n\nexport interface LoaderProps extends HTMLAttributes<HTMLDivElement> {\n  isLoading?: boolean;\n}\n\n/**\n *\n * Component can be use as a wrapper or standalone\n *\n * Example:\n * ```jsx\n * <Loader isLoading={isLoading}>\n *   <div>Content</div>\n * </Loader>\n * ```\n * or\n * ```jsx\n * <Loader isLoading={isLoading} />\n * ```\n *\n * if isLoading is undefined, it will default to true\n * ```jsx\n * <Loader />\n * ```\n */\nexport const Loader: FC<LoaderProps> = ({\n  children,\n  isLoading = true,\n  ...props\n}) =>\n  isLoading ? (\n    <div\n      className=\"flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center\"\n      role=\"status\"\n      aria-label=\"Animated icon, meaning that the website is processing\"\n      {...props}\n    >\n      <Spinner className=\"size-10 max-h-full max-w-full\" />\n    </div>\n  ) : (\n    (children ?? <></>)\n  );\n"],"names":["jsx","Fragment"],"mappings":";;AA2BO,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,MACE,YACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,cAAW;AAAA,IACV,GAAG;AAAA,IAEJ,UAAAA,kCAAAA,IAAC,SAAQ,EAAA,WAAU,gCAAgC,CAAA;AAAA,EAAA;AACrD,IAEC,YAAcA,sCAAAC,kBAAAA,UAAA,CAAA,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Loader/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from './spinner';\n\nexport type LoaderProps = HTMLAttributes<HTMLDivElement> & {\n  isLoading?: boolean;\n};\n\n/**\n *\n * Component can be use as a wrapper or standalone\n *\n * Example:\n * ```jsx\n * <Loader isLoading={isLoading}>\n *   <div>Content</div>\n * </Loader>\n * ```\n * or\n * ```jsx\n * <Loader isLoading={isLoading} />\n * ```\n *\n * if isLoading is undefined, it will default to true\n * ```jsx\n * <Loader />\n * ```\n */\nexport const Loader: FC<LoaderProps> = ({\n  children,\n  isLoading = true,\n  className,\n  ...props\n}) =>\n  isLoading ? (\n    <div\n      className={cn(\n        'flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center',\n        className\n      )}\n      role=\"status\"\n      aria-label=\"Animated icon, meaning that the website is processing\"\n      {...props}\n    >\n      <Spinner className=\"size-10 max-h-full max-w-full\" />\n    </div>\n  ) : (\n    (children ?? <></>)\n  );\n"],"names":["jsx","Fragment"],"mappings":";;;AA4BO,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,MACE,YACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAK;AAAA,IACL,cAAW;AAAA,IACV,GAAG;AAAA,IAEJ,UAAAA,kCAAAA,IAAC,SAAQ,EAAA,WAAU,gCAAgC,CAAA;AAAA,EAAA;AACrD,IAEC,YAAcA,sCAAAC,kBAAAA,UAAA,CAAA,CAAA;"}

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

@@ -0,0 +1,13 @@
+import { Locales } from 'intlayer';
+import { PropsWithChildren, FC } from 'react';
+type LocaleSelectorContextProps = {
+    selectedLocales: Locales[];
+    setSelectedLocales: (locales: Locales[]) => void;
+};
+export declare const useLocaleSelector: () => LocaleSelectorContextProps;
+type LocaleSelectorProviderProps = {
+    defaultSelectedLocales?: Locales[];
+};
+export declare const LocaleSelectorProvider: FC<PropsWithChildren<LocaleSelectorProviderProps>>;
+export {};
+//# sourceMappingURL=LocaleSelectorContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSelectorContext.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcherContentDropDown/LocaleSelectorContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAEL,iBAAiB,EAGjB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAIf,KAAK,0BAA0B,GAAG;IAChC,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAClD,CAAC;AAOF,eAAO,MAAM,iBAAiB,kCAA0C,CAAC;AAEzE,KAAK,2BAA2B,GAAG;IACjC,sBAAsB,CAAC,EAAE,OAAO,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,EAAE,CACrC,iBAAiB,CAAC,2BAA2B,CAAC,CAiB/C,CAAC"}

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"}