@intlayer/design-system 3.5.1 → 3.5.4

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

@@ -1 +1 @@
-{"version":3,"file":"LocaleSwitcher.cjs","sources":["../../../src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport { getLocaleName } from '@intlayer/core';\nimport { MoveVertical } from 'lucide-react';\nimport type { ButtonHTMLAttributes, FC } from 'react';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\n\nconst ButtonItem: FC<ButtonHTMLAttributes<HTMLButtonElement>> = ({\n  children,\n  ...props\n}) => (\n  <div className=\"relative w-full p-0.5\">\n    <button\n      className=\"hover:bg-text/10 focus:bg-text-opposite/20 aria-selected:bg-text/20 dark:hover:bg-text-opposite/10 dark:focus:bg-text-opposite/20 dark:aria-selected:bg-text-opposite/20 w-full cursor-pointer rounded-lg px-3 py-1 text-left focus:outline-none disabled:text-white/25 aria-selected:hover:cursor-default\"\n      data-mode=\"system\"\n      {...props}\n    >\n      {children}\n    </button>\n  </div>\n);\n\nexport type LocaleSwitcherProps = {\n  locale?: Locales;\n  localeList: Locales[];\n  availableLocales?: Locales[];\n  fullLocaleName?: boolean;\n  setLocale: (locale: Locales) => void;\n};\n\nconst DROPDOWN_IDENTIFIER = 'locale-switcher';\n\nexport const LocaleSwitcher: FC<LocaleSwitcherProps> = ({\n  locale,\n  localeList,\n  availableLocales,\n  fullLocaleName = true,\n  setLocale,\n}) => {\n  let localeName = 'Select a locale';\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=\"Language switcher\"\n    >\n      <DropDown identifier={DROPDOWN_IDENTIFIER}>\n        <DropDown.Trigger\n          identifier={DROPDOWN_IDENTIFIER}\n          aria-label=\"Language selector\"\n        >\n          <div className=\"flex w-full items-center justify-between\">\n            <div className=\"px-2\">{localeName}</div>\n            <MoveVertical className=\"w-5 self-center\" />\n          </div>\n        </DropDown.Trigger>\n\n        <DropDown.Panel identifier={DROPDOWN_IDENTIFIER} isOverable isFocusable>\n          <Container\n            className=\"min-w-28 p-1\"\n            separator=\"y\"\n            role=\"listbox\"\n            aria-label=\"Language list\"\n          >\n            {localeList.map((lang) => (\n              <ButtonItem\n                key={lang}\n                onClick={() => setLocale(lang)}\n                aria-label={`Switch to ${lang}`}\n                disabled={!(availableLocales ?? localeList).includes(lang)}\n                role=\"option\"\n                aria-selected={locale === lang}\n                lang={lang}\n              >\n                {getLocaleName(lang)}\n              </ButtonItem>\n            ))}\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":["jsx","getLocaleName","jsxs","DropDown","MoveVertical","Container"],"mappings":";;;;;;;AAOA,MAAM,aAA0D,CAAC;AAAA,EAC/D;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,yBACb,UAAAA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,aAAU;AAAA,IACT,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,GACF;AAWF,MAAM,sBAAsB;AAErB,MAAM,iBAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AACF,MAAM;AACJ,MAAI,aAAa;AAEjB,MAAI,QAAQ;AACV,iBAAa,iBAAiBC,KAAA,cAAc,MAAM,IAAI,OAAO,YAAY;AAAA,EAAA;AAIzE,SAAAD,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAW;AAAA,MAEX,UAAAE,2BAAA,kBAAA,KAACC,0BAAS,UAAA,EAAA,YAAY,qBACpB,UAAA;AAAA,QAAAH,2BAAA,kBAAA;AAAA,UAACG,0BAAAA,SAAS;AAAA,UAAT;AAAA,YACC,YAAY;AAAA,YACZ,cAAW;AAAA,YAEX,UAAAD,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,4CACb,UAAA;AAAA,cAACF,2BAAA,kBAAA,IAAA,OAAA,EAAI,WAAU,QAAQ,UAAW,YAAA;AAAA,cAClCA,2BAAAA,kBAAAA,IAACI,YAAa,cAAA,EAAA,WAAU,kBAAkB,CAAA;AAAA,YAAA,EAC5C,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAEAJ,2BAAAA,kBAAAA,IAACG,mCAAS,OAAT,EAAe,YAAY,qBAAqB,YAAU,MAAC,aAAW,MACrE,UAAAH,2BAAA,kBAAA;AAAA,UAACK,2BAAA;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,WAAU;AAAA,YACV,MAAK;AAAA,YACL,cAAW;AAAA,YAEV,UAAA,WAAW,IAAI,CAAC,SACfL,2BAAA,kBAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,SAAS,MAAM,UAAU,IAAI;AAAA,gBAC7B,cAAY,aAAa,IAAI;AAAA,gBAC7B,UAAU,EAAE,oBAAoB,YAAY,SAAS,IAAI;AAAA,gBACzD,MAAK;AAAA,gBACL,iBAAe,WAAW;AAAA,gBAC1B;AAAA,gBAEC,6BAAc,IAAI;AAAA,cAAA;AAAA,cARd;AAAA,YAUR,CAAA;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"LocaleSwitcher.cjs","sources":["../../../src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport { getLocaleName } from '@intlayer/core';\nimport { MoveVertical } from 'lucide-react';\nimport type { FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\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};\n\nconst DROPDOWN_IDENTIFIER = 'locale-switcher';\n\nexport const LocaleSwitcher: FC<LocaleSwitcherProps> = ({\n  locale,\n  localeList,\n  availableLocales,\n  fullLocaleName = true,\n  setLocale,\n}) => {\n  let localeName = 'Select a locale';\n  const { switchTo } = useDictionary(localeSwitcherContent);\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=\"Language switcher\"\n    >\n      <DropDown identifier={DROPDOWN_IDENTIFIER}>\n        <DropDown.Trigger\n          identifier={DROPDOWN_IDENTIFIER}\n          aria-label=\"Language selector\"\n        >\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 identifier={DROPDOWN_IDENTIFIER} isOverable isFocusable>\n          <Container\n            className=\"min-w-28 p-1\"\n            separator=\"y\"\n            role=\"listbox\"\n            aria-label=\"Language list\"\n          >\n            {localeList.map((lang) => (\n              <div key={lang} className=\"p-0.5\">\n                <Button\n                  onClick={() => setLocale(lang)}\n                  label={`${switchTo} ${lang}`}\n                  disabled={!(availableLocales ?? localeList).includes(lang)}\n                  role=\"option\"\n                  isActive={locale === lang}\n                  className=\"text-nowrap\"\n                  variant=\"hoverable\"\n                  color=\"text\"\n                  isFullWidth\n                  textAlign=\"left\"\n                  lang={lang}\n                >\n                  {getLocaleName(lang)}\n                </Button>\n              </div>\n            ))}\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":["useDictionary","localeSwitcherContent","getLocaleName","jsx","jsxs","DropDown","MoveVertical","Container","Button"],"mappings":";;;;;;;;;;AAmBA,MAAM,sBAAsB;AAErB,MAAM,iBAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AACF,MAAM;AACJ,MAAI,aAAa;AACjB,QAAM,EAAE,SAAA,IAAaA,cAAA,cAAcC,wDAAqB;AAExD,MAAI,QAAQ;AACV,iBAAa,iBAAiBC,KAAA,cAAc,MAAM,IAAI,OAAO,YAAY;AAAA,EAAA;AAIzE,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAW;AAAA,MAEX,UAAAC,2BAAA,kBAAA,KAACC,0BAAS,UAAA,EAAA,YAAY,qBACpB,UAAA;AAAA,QAAAF,2BAAA,kBAAA;AAAA,UAACE,0BAAAA,SAAS;AAAA,UAAT;AAAA,YACC,YAAY;AAAA,YACZ,cAAW;AAAA,YAEX,UAAAD,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,4CACb,UAAA;AAAA,cAACD,2BAAA,kBAAA,IAAA,OAAA,EAAI,WAAU,oBAAoB,UAAW,YAAA;AAAA,cAC9CA,2BAAAA,kBAAAA,IAACG,YAAa,cAAA,EAAA,WAAU,kBAAkB,CAAA;AAAA,YAAA,EAC5C,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAEAH,2BAAAA,kBAAAA,IAACE,mCAAS,OAAT,EAAe,YAAY,qBAAqB,YAAU,MAAC,aAAW,MACrE,UAAAF,2BAAA,kBAAA;AAAA,UAACI,2BAAA;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,WAAU;AAAA,YACV,MAAK;AAAA,YACL,cAAW;AAAA,YAEV,qBAAW,IAAI,CAAC,SACdJ,2BAAAA,kBAAAA,IAAA,OAAA,EAAe,WAAU,SACxB,UAAAA,2BAAA,kBAAA;AAAA,cAACK,yBAAA;AAAA,cAAA;AAAA,gBACC,SAAS,MAAM,UAAU,IAAI;AAAA,gBAC7B,OAAO,GAAG,QAAQ,IAAI,IAAI;AAAA,gBAC1B,UAAU,EAAE,oBAAoB,YAAY,SAAS,IAAI;AAAA,gBACzD,MAAK;AAAA,gBACL,UAAU,WAAW;AAAA,gBACrB,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,aAAW;AAAA,gBACX,WAAU;AAAA,gBACV;AAAA,gBAEC,6BAAc,IAAI;AAAA,cAAA;AAAA,YACrB,EAAA,GAfQ,IAgBV,CACD;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/components/LocaleSwitcherDropDown/LocaleSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocaleSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGvD,OAAO,KAAK,EAAwB,EAAE,EAAE,MAAM,OAAO,CAAC;AAmBtD,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,EAAE,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsDlD,CAAC"}
+{"version":3,"file":"LocaleSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGvD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,EAAE,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA6DlD,CAAC"}

package/dist/components/LocaleSwitcherDropDown/LocaleSwitcher.mjs

@@ -1,20 +1,11 @@
 import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { getLocaleName } from "@intlayer/core";
 import { MoveVertical } from "lucide-react";
+import { useDictionary } from "react-intlayer";
+import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";
 import { DropDown } from "../DropDown/index.mjs";
-const ButtonItem = ({
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative w-full p-0.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "button",
-  {
-    className: "hover:bg-text/10 focus:bg-text-opposite/20 aria-selected:bg-text/20 dark:hover:bg-text-opposite/10 dark:focus:bg-text-opposite/20 dark:aria-selected:bg-text-opposite/20 w-full cursor-pointer rounded-lg px-3 py-1 text-left focus:outline-none disabled:text-white/25 aria-selected:hover:cursor-default",
-    "data-mode": "system",
-    ...props,
-    children
-  }
-) });
+import localeSwitcherContent from "./localeSwitcher.content.mjs";
 const DROPDOWN_IDENTIFIER = "locale-switcher";
 const LocaleSwitcher = ({
   locale,
@@ -24,6 +15,7 @@ const LocaleSwitcher = ({
   setLocale
 }) => {
   let localeName = "Select a locale";
+  const { switchTo } = useDictionary(localeSwitcherContent);
   if (locale) {
     localeName = fullLocaleName ? getLocaleName(locale) : locale.toUpperCase();
   }
@@ -39,7 +31,7 @@ const LocaleSwitcher = ({
             identifier: DROPDOWN_IDENTIFIER,
             "aria-label": "Language selector",
             children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-between", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2", children: localeName }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-nowrap px-2", children: localeName }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(MoveVertical, { className: "w-5 self-center" })
             ] })
           }
@@ -51,19 +43,23 @@ const LocaleSwitcher = ({
             separator: "y",
             role: "listbox",
             "aria-label": "Language list",
-            children: localeList.map((lang) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-              ButtonItem,
+            children: localeList.map((lang) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-0.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
               {
                 onClick: () => setLocale(lang),
-                "aria-label": `Switch to ${lang}`,
+                label: `${switchTo} ${lang}`,
                 disabled: !(availableLocales ?? localeList).includes(lang),
                 role: "option",
-                "aria-selected": locale === lang,
+                isActive: locale === lang,
+                className: "text-nowrap",
+                variant: "hoverable",
+                color: "text",
+                isFullWidth: true,
+                textAlign: "left",
                 lang,
                 children: getLocaleName(lang)
-              },
-              lang
-            ))
+              }
+            ) }, lang))
           }
         ) })
       ] })

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

@@ -1 +1 @@
-{"version":3,"file":"LocaleSwitcher.mjs","sources":["../../../src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport { getLocaleName } from '@intlayer/core';\nimport { MoveVertical } from 'lucide-react';\nimport type { ButtonHTMLAttributes, FC } from 'react';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\n\nconst ButtonItem: FC<ButtonHTMLAttributes<HTMLButtonElement>> = ({\n  children,\n  ...props\n}) => (\n  <div className=\"relative w-full p-0.5\">\n    <button\n      className=\"hover:bg-text/10 focus:bg-text-opposite/20 aria-selected:bg-text/20 dark:hover:bg-text-opposite/10 dark:focus:bg-text-opposite/20 dark:aria-selected:bg-text-opposite/20 w-full cursor-pointer rounded-lg px-3 py-1 text-left focus:outline-none disabled:text-white/25 aria-selected:hover:cursor-default\"\n      data-mode=\"system\"\n      {...props}\n    >\n      {children}\n    </button>\n  </div>\n);\n\nexport type LocaleSwitcherProps = {\n  locale?: Locales;\n  localeList: Locales[];\n  availableLocales?: Locales[];\n  fullLocaleName?: boolean;\n  setLocale: (locale: Locales) => void;\n};\n\nconst DROPDOWN_IDENTIFIER = 'locale-switcher';\n\nexport const LocaleSwitcher: FC<LocaleSwitcherProps> = ({\n  locale,\n  localeList,\n  availableLocales,\n  fullLocaleName = true,\n  setLocale,\n}) => {\n  let localeName = 'Select a locale';\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=\"Language switcher\"\n    >\n      <DropDown identifier={DROPDOWN_IDENTIFIER}>\n        <DropDown.Trigger\n          identifier={DROPDOWN_IDENTIFIER}\n          aria-label=\"Language selector\"\n        >\n          <div className=\"flex w-full items-center justify-between\">\n            <div className=\"px-2\">{localeName}</div>\n            <MoveVertical className=\"w-5 self-center\" />\n          </div>\n        </DropDown.Trigger>\n\n        <DropDown.Panel identifier={DROPDOWN_IDENTIFIER} isOverable isFocusable>\n          <Container\n            className=\"min-w-28 p-1\"\n            separator=\"y\"\n            role=\"listbox\"\n            aria-label=\"Language list\"\n          >\n            {localeList.map((lang) => (\n              <ButtonItem\n                key={lang}\n                onClick={() => setLocale(lang)}\n                aria-label={`Switch to ${lang}`}\n                disabled={!(availableLocales ?? localeList).includes(lang)}\n                role=\"option\"\n                aria-selected={locale === lang}\n                lang={lang}\n              >\n                {getLocaleName(lang)}\n              </ButtonItem>\n            ))}\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;AAOA,MAAM,aAA0D,CAAC;AAAA,EAC/D;AAAA,EACA,GAAG;AACL,MACEA,kCAAAA,IAAC,OAAI,EAAA,WAAU,yBACb,UAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,aAAU;AAAA,IACT,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,GACF;AAWF,MAAM,sBAAsB;AAErB,MAAM,iBAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AACF,MAAM;AACJ,MAAI,aAAa;AAEjB,MAAI,QAAQ;AACV,iBAAa,iBAAiB,cAAc,MAAM,IAAI,OAAO,YAAY;AAAA,EAAA;AAIzE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAW;AAAA,MAEX,UAAAC,kCAAA,KAAC,UAAS,EAAA,YAAY,qBACpB,UAAA;AAAA,QAAAD,kCAAA;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,YAAY;AAAA,YACZ,cAAW;AAAA,YAEX,UAAAC,kCAAA,KAAC,OAAI,EAAA,WAAU,4CACb,UAAA;AAAA,cAACD,kCAAA,IAAA,OAAA,EAAI,WAAU,QAAQ,UAAW,YAAA;AAAA,cAClCA,kCAAAA,IAAC,cAAa,EAAA,WAAU,kBAAkB,CAAA;AAAA,YAAA,EAC5C,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAEAA,kCAAAA,IAAC,SAAS,OAAT,EAAe,YAAY,qBAAqB,YAAU,MAAC,aAAW,MACrE,UAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,WAAU;AAAA,YACV,MAAK;AAAA,YACL,cAAW;AAAA,YAEV,UAAA,WAAW,IAAI,CAAC,SACfA,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,SAAS,MAAM,UAAU,IAAI;AAAA,gBAC7B,cAAY,aAAa,IAAI;AAAA,gBAC7B,UAAU,EAAE,oBAAoB,YAAY,SAAS,IAAI;AAAA,gBACzD,MAAK;AAAA,gBACL,iBAAe,WAAW;AAAA,gBAC1B;AAAA,gBAEC,wBAAc,IAAI;AAAA,cAAA;AAAA,cARd;AAAA,YAUR,CAAA;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"LocaleSwitcher.mjs","sources":["../../../src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport { getLocaleName } from '@intlayer/core';\nimport { MoveVertical } from 'lucide-react';\nimport type { FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\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};\n\nconst DROPDOWN_IDENTIFIER = 'locale-switcher';\n\nexport const LocaleSwitcher: FC<LocaleSwitcherProps> = ({\n  locale,\n  localeList,\n  availableLocales,\n  fullLocaleName = true,\n  setLocale,\n}) => {\n  let localeName = 'Select a locale';\n  const { switchTo } = useDictionary(localeSwitcherContent);\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=\"Language switcher\"\n    >\n      <DropDown identifier={DROPDOWN_IDENTIFIER}>\n        <DropDown.Trigger\n          identifier={DROPDOWN_IDENTIFIER}\n          aria-label=\"Language selector\"\n        >\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 identifier={DROPDOWN_IDENTIFIER} isOverable isFocusable>\n          <Container\n            className=\"min-w-28 p-1\"\n            separator=\"y\"\n            role=\"listbox\"\n            aria-label=\"Language list\"\n          >\n            {localeList.map((lang) => (\n              <div key={lang} className=\"p-0.5\">\n                <Button\n                  onClick={() => setLocale(lang)}\n                  label={`${switchTo} ${lang}`}\n                  disabled={!(availableLocales ?? localeList).includes(lang)}\n                  role=\"option\"\n                  isActive={locale === lang}\n                  className=\"text-nowrap\"\n                  variant=\"hoverable\"\n                  color=\"text\"\n                  isFullWidth\n                  textAlign=\"left\"\n                  lang={lang}\n                >\n                  {getLocaleName(lang)}\n                </Button>\n              </div>\n            ))}\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;AAmBA,MAAM,sBAAsB;AAErB,MAAM,iBAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AACF,MAAM;AACJ,MAAI,aAAa;AACjB,QAAM,EAAE,SAAA,IAAa,cAAc,qBAAqB;AAExD,MAAI,QAAQ;AACV,iBAAa,iBAAiB,cAAc,MAAM,IAAI,OAAO,YAAY;AAAA,EAAA;AAIzE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAW;AAAA,MAEX,UAAAC,kCAAA,KAAC,UAAS,EAAA,YAAY,qBACpB,UAAA;AAAA,QAAAD,kCAAA;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,YAAY;AAAA,YACZ,cAAW;AAAA,YAEX,UAAAC,kCAAA,KAAC,OAAI,EAAA,WAAU,4CACb,UAAA;AAAA,cAACD,kCAAA,IAAA,OAAA,EAAI,WAAU,oBAAoB,UAAW,YAAA;AAAA,cAC9CA,kCAAAA,IAAC,cAAa,EAAA,WAAU,kBAAkB,CAAA;AAAA,YAAA,EAC5C,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAEAA,kCAAAA,IAAC,SAAS,OAAT,EAAe,YAAY,qBAAqB,YAAU,MAAC,aAAW,MACrE,UAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,WAAU;AAAA,YACV,MAAK;AAAA,YACL,cAAW;AAAA,YAEV,qBAAW,IAAI,CAAC,SACdA,kCAAAA,IAAA,OAAA,EAAe,WAAU,SACxB,UAAAA,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAS,MAAM,UAAU,IAAI;AAAA,gBAC7B,OAAO,GAAG,QAAQ,IAAI,IAAI;AAAA,gBAC1B,UAAU,EAAE,oBAAoB,YAAY,SAAS,IAAI;AAAA,gBACzD,MAAK;AAAA,gBACL,UAAU,WAAW;AAAA,gBACrB,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,aAAW;AAAA,gBACX,WAAU;AAAA,gBACV;AAAA,gBAEC,wBAAc,IAAI;AAAA,cAAA;AAAA,YACrB,EAAA,GAfQ,IAgBV,CACD;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/LocaleSwitcherDropDown/localeSwitcher.content.cjs

@@ -0,0 +1,24 @@
+"use strict";
+const intlayer = require("intlayer");
+const localeSwitcherContent = {
+  key: "locale-switcher",
+  content: {
+    switchTo: intlayer.t({
+      en: "Switch to",
+      fr: "Passer à",
+      es: "Cambiar a",
+      "en-GB": "Switch to",
+      de: "Wechseln Sie zu",
+      ja: "に切り替える",
+      ko: "전환",
+      zh: "切换到",
+      it: "Passa a",
+      pt: "Mudar para",
+      hi: "स्विच करें",
+      ar: "التبديل إلى",
+      ru: "Переключиться на"
+    })
+  }
+};
+module.exports = localeSwitcherContent;
+//# sourceMappingURL=localeSwitcher.content.cjs.map

package/dist/components/LocaleSwitcherDropDown/localeSwitcher.content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"localeSwitcher.content.cjs","sources":["../../../src/components/LocaleSwitcherDropDown/localeSwitcher.content.ts"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nconst localeSwitcherContent = {\n  key: 'locale-switcher',\n  content: {\n    switchTo: t({\n      en: 'Switch to',\n      fr: 'Passer à',\n      es: 'Cambiar a',\n      'en-GB': 'Switch to',\n      de: 'Wechseln Sie zu',\n      ja: 'に切り替える',\n      ko: '전환',\n      zh: '切换到',\n      it: 'Passa a',\n      pt: 'Mudar para',\n      hi: 'स्विच करें',\n      ar: 'التبديل إلى',\n      ru: 'Переключиться на',\n    }),\n  },\n} satisfies DeclarationContent;\n\nexport default localeSwitcherContent;\n"],"names":["t"],"mappings":";;AAEA,MAAM,wBAAwB;AAAA,EAC5B,KAAK;AAAA,EACL,SAAS;AAAA,IACP,UAAUA,SAAAA,EAAE;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,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,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EAAA;AAEL;;"}

package/dist/components/LocaleSwitcherDropDown/localeSwitcher.content.d.ts

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

package/dist/components/LocaleSwitcherDropDown/localeSwitcher.content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localeSwitcher.content.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcherDropDown/localeSwitcher.content.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,qBAAqB;;;;;CAmBG,CAAC;AAE/B,eAAe,qBAAqB,CAAC"}

package/dist/components/LocaleSwitcherDropDown/localeSwitcher.content.mjs

@@ -0,0 +1,25 @@
+import { t } from "intlayer";
+const localeSwitcherContent = {
+  key: "locale-switcher",
+  content: {
+    switchTo: t({
+      en: "Switch to",
+      fr: "Passer à",
+      es: "Cambiar a",
+      "en-GB": "Switch to",
+      de: "Wechseln Sie zu",
+      ja: "に切り替える",
+      ko: "전환",
+      zh: "切换到",
+      it: "Passa a",
+      pt: "Mudar para",
+      hi: "स्विच करें",
+      ar: "التبديل إلى",
+      ru: "Переключиться на"
+    })
+  }
+};
+export {
+  localeSwitcherContent as default
+};
+//# sourceMappingURL=localeSwitcher.content.mjs.map

package/dist/components/LocaleSwitcherDropDown/localeSwitcher.content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"localeSwitcher.content.mjs","sources":["../../../src/components/LocaleSwitcherDropDown/localeSwitcher.content.ts"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nconst localeSwitcherContent = {\n  key: 'locale-switcher',\n  content: {\n    switchTo: t({\n      en: 'Switch to',\n      fr: 'Passer à',\n      es: 'Cambiar a',\n      'en-GB': 'Switch to',\n      de: 'Wechseln Sie zu',\n      ja: 'に切り替える',\n      ko: '전환',\n      zh: '切换到',\n      it: 'Passa a',\n      pt: 'Mudar para',\n      hi: 'स्विच करें',\n      ar: 'التبديل إلى',\n      ru: 'Переключиться на',\n    }),\n  },\n} satisfies DeclarationContent;\n\nexport default localeSwitcherContent;\n"],"names":[],"mappings":";AAEA,MAAM,wBAAwB;AAAA,EAC5B,KAAK;AAAA,EACL,SAAS;AAAA,IACP,UAAU,EAAE;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,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,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EAAA;AAEL;"}

package/dist/components/MarkDownRender/index.cjs

@@ -72,7 +72,15 @@ const MarkdownRenderer = ({
             }
           )
         ),
-        a: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Link_Link.Link, { color: "neutral", ...props }),
+        a: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_Link_Link.Link,
+          {
+            color: "neutral",
+            isExternalLink: props.href?.startsWith("http"),
+            underlined: true,
+            ...props
+          }
+        ),
         pre: (props) => props.children
       },
       wrapper: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["'use client';\n\nimport Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { H1, H2, H3 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/CodeRender';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        h1: {\n          component: (props) => <H1 isClickable={true} {...props} />,\n        },\n        h2: {\n          component: (props) => <H2 isClickable={true} {...props} />,\n        },\n        h3: {\n          component: (props) => <H3 isClickable={true} {...props} />,\n        },\n        code: {\n          component: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Container>\n                <Code\n                  isDarkMode={isDarkMode}\n                  showLineNumbers={false}\n                  {...props}\n                />\n              </Container>\n            ),\n        },\n        blockquote: ({ className, ...props }) => (\n          <blockquote\n            className={cn(\n              'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n              className\n            )}\n            {...props}\n          />\n        ),\n        ul: ({ className, ...props }) => (\n          <ul\n            className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n            {...props}\n          />\n        ),\n        ol: ({ className, ...props }) => (\n          <ol\n            className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n            {...props}\n          />\n        ),\n        img: ({ className, ...props }) => (\n          // eslint-disable-next-line jsx-a11y/alt-text\n          <img\n            {...props}\n            loading=\"lazy\"\n            className={cn('max-w-full rounded-md', className)}\n            src={`${props.src}?raw=true`}\n          />\n        ),\n        a: (props) => <Link color=\"neutral\" {...props} />,\n        pre: (props) => props.children,\n      },\n      wrapper: ({ className, ...props }) => (\n        <>\n          <SectionScroller />\n          <div\n            className={cn(\n              'text-text dark:text-text-dark flex flex-col gap-6 p-10',\n              className\n            )}\n            {...props}\n          />\n        </>\n      ),\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx","H1","H2","H3","Container","Code","cn","Link","jsxs","Fragment","SectionScroller"],"mappings":";;;;;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,IAAI;AAAA,UACF,WAAW,CAAC,UAAUA,iDAACC,yBAAAA,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,IAAI;AAAA,UACF,WAAW,CAAC,UAAUD,iDAACE,yBAAAA,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,IAAI;AAAA,UACF,WAAW,CAAC,UAAUF,iDAACG,yBAAAA,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,MAAM;AAAA,UACJ,WAAW,CAAC,UACV,OAAO,MAAM,cAAc,cACxBH,2BAAAA,kBAAAA,IAAA,UAAA,EAAO,WAAU,qGACf,UAAA,MAAM,SACT,CAAA,qDAECI,2BACC,WAAA,EAAA,UAAAJ,2BAAA,kBAAA;AAAA,YAACK,0BAAA;AAAA,YAAA;AAAA,cACC;AAAA,cACA,iBAAiB;AAAA,cAChB,GAAG;AAAA,YAAA;AAAA,UAAA,EAER,CAAA;AAAA,QAEN;AAAA,QACA,YAAY,CAAC,EAAE,WAAW,GAAG,MAC3B,MAAAL,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAN,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAAA,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAN,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAAA,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM;AAAA;AAAA,UAE1BN,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,SAAQ;AAAA,cACR,WAAWM,SAAAA,GAAG,yBAAyB,SAAS;AAAA,cAChD,KAAK,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA;AAAA,QAGrB,GAAG,CAAC,UAAUN,iDAACO,qBAAAA,QAAK,OAAM,WAAW,GAAG,OAAO;AAAA,QAC/C,KAAK,CAAC,UAAU,MAAM;AAAA,MACxB;AAAA,MACA,SAAS,CAAC,EAAE,WAAW,GAAG,YAEtBC,kDAAAC,WAAAA,kBAAAA,UAAA,EAAA,UAAA;AAAA,QAAAT,2BAAA,kBAAA,IAACU,mCAAgB,iBAAA,EAAA;AAAA,QACjBV,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EACF,CAAA;AAAA,IAEJ;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["'use client';\n\nimport Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { H1, H2, H3 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/CodeRender';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        h1: {\n          component: (props) => <H1 isClickable={true} {...props} />,\n        },\n        h2: {\n          component: (props) => <H2 isClickable={true} {...props} />,\n        },\n        h3: {\n          component: (props) => <H3 isClickable={true} {...props} />,\n        },\n        code: {\n          component: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Container>\n                <Code\n                  isDarkMode={isDarkMode}\n                  showLineNumbers={false}\n                  {...props}\n                />\n              </Container>\n            ),\n        },\n        blockquote: ({ className, ...props }) => (\n          <blockquote\n            className={cn(\n              'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n              className\n            )}\n            {...props}\n          />\n        ),\n        ul: ({ className, ...props }) => (\n          <ul\n            className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n            {...props}\n          />\n        ),\n        ol: ({ className, ...props }) => (\n          <ol\n            className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n            {...props}\n          />\n        ),\n        img: ({ className, ...props }) => (\n          // eslint-disable-next-line jsx-a11y/alt-text\n          <img\n            {...props}\n            loading=\"lazy\"\n            className={cn('max-w-full rounded-md', className)}\n            src={`${props.src}?raw=true`}\n          />\n        ),\n        a: (props) => (\n          <Link\n            color=\"neutral\"\n            isExternalLink={props.href?.startsWith('http')}\n            underlined={true}\n            {...props}\n          />\n        ),\n        pre: (props) => props.children,\n      },\n      wrapper: ({ className, ...props }) => (\n        <>\n          <SectionScroller />\n          <div\n            className={cn(\n              'text-text dark:text-text-dark flex flex-col gap-6 p-10',\n              className\n            )}\n            {...props}\n          />\n        </>\n      ),\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx","H1","H2","H3","Container","Code","cn","Link","jsxs","Fragment","SectionScroller"],"mappings":";;;;;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,IAAI;AAAA,UACF,WAAW,CAAC,UAAUA,iDAACC,yBAAAA,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,IAAI;AAAA,UACF,WAAW,CAAC,UAAUD,iDAACE,yBAAAA,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,IAAI;AAAA,UACF,WAAW,CAAC,UAAUF,iDAACG,yBAAAA,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,MAAM;AAAA,UACJ,WAAW,CAAC,UACV,OAAO,MAAM,cAAc,cACxBH,2BAAAA,kBAAAA,IAAA,UAAA,EAAO,WAAU,qGACf,UAAA,MAAM,SACT,CAAA,qDAECI,2BACC,WAAA,EAAA,UAAAJ,2BAAA,kBAAA;AAAA,YAACK,0BAAA;AAAA,YAAA;AAAA,cACC;AAAA,cACA,iBAAiB;AAAA,cAChB,GAAG;AAAA,YAAA;AAAA,UAAA,EAER,CAAA;AAAA,QAEN;AAAA,QACA,YAAY,CAAC,EAAE,WAAW,GAAG,MAC3B,MAAAL,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAN,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAAA,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAN,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAAA,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM;AAAA;AAAA,UAE1BN,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,SAAQ;AAAA,cACR,WAAWM,SAAAA,GAAG,yBAAyB,SAAS;AAAA,cAChD,KAAK,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA;AAAA,QAGrB,GAAG,CAAC,UACFN,2BAAA,kBAAA;AAAA,UAACO,qBAAA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAgB,MAAM,MAAM,WAAW,MAAM;AAAA,YAC7C,YAAY;AAAA,YACX,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,UAAU,MAAM;AAAA,MACxB;AAAA,MACA,SAAS,CAAC,EAAE,WAAW,GAAG,YAEtBC,kDAAAC,WAAAA,kBAAAA,UAAA,EAAA,UAAA;AAAA,QAAAT,2BAAA,kBAAA,IAACU,mCAAgB,iBAAA,EAAA;AAAA,QACjBV,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EACF,CAAA;AAAA,IAEJ;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiFtD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAwFtD,CAAC"}

package/dist/components/MarkDownRender/index.mjs

@@ -70,7 +70,15 @@ const MarkdownRenderer = ({
             }
           )
         ),
-        a: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { color: "neutral", ...props }),
+        a: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Link,
+          {
+            color: "neutral",
+            isExternalLink: props.href?.startsWith("http"),
+            underlined: true,
+            ...props
+          }
+        ),
         pre: (props) => props.children
       },
       wrapper: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["'use client';\n\nimport Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { H1, H2, H3 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/CodeRender';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        h1: {\n          component: (props) => <H1 isClickable={true} {...props} />,\n        },\n        h2: {\n          component: (props) => <H2 isClickable={true} {...props} />,\n        },\n        h3: {\n          component: (props) => <H3 isClickable={true} {...props} />,\n        },\n        code: {\n          component: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Container>\n                <Code\n                  isDarkMode={isDarkMode}\n                  showLineNumbers={false}\n                  {...props}\n                />\n              </Container>\n            ),\n        },\n        blockquote: ({ className, ...props }) => (\n          <blockquote\n            className={cn(\n              'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n              className\n            )}\n            {...props}\n          />\n        ),\n        ul: ({ className, ...props }) => (\n          <ul\n            className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n            {...props}\n          />\n        ),\n        ol: ({ className, ...props }) => (\n          <ol\n            className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n            {...props}\n          />\n        ),\n        img: ({ className, ...props }) => (\n          // eslint-disable-next-line jsx-a11y/alt-text\n          <img\n            {...props}\n            loading=\"lazy\"\n            className={cn('max-w-full rounded-md', className)}\n            src={`${props.src}?raw=true`}\n          />\n        ),\n        a: (props) => <Link color=\"neutral\" {...props} />,\n        pre: (props) => props.children,\n      },\n      wrapper: ({ className, ...props }) => (\n        <>\n          <SectionScroller />\n          <div\n            className={cn(\n              'text-text dark:text-text-dark flex flex-col gap-6 p-10',\n              className\n            )}\n            {...props}\n          />\n        </>\n      ),\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx","jsxs","Fragment"],"mappings":";;;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,IAAI;AAAA,UACF,WAAW,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,IAAI;AAAA,UACF,WAAW,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,IAAI;AAAA,UACF,WAAW,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,MAAM;AAAA,UACJ,WAAW,CAAC,UACV,OAAO,MAAM,cAAc,cACxBA,kCAAAA,IAAA,UAAA,EAAO,WAAU,qGACf,UAAA,MAAM,SACT,CAAA,0CAEC,WACC,EAAA,UAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,iBAAiB;AAAA,cAChB,GAAG;AAAA,YAAA;AAAA,UAAA,EAER,CAAA;AAAA,QAEN;AAAA,QACA,YAAY,CAAC,EAAE,WAAW,GAAG,MAC3B,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM;AAAA;AAAA,UAE1BA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,SAAQ;AAAA,cACR,WAAW,GAAG,yBAAyB,SAAS;AAAA,cAChD,KAAK,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA;AAAA,QAGrB,GAAG,CAAC,UAAUA,sCAAC,QAAK,OAAM,WAAW,GAAG,OAAO;AAAA,QAC/C,KAAK,CAAC,UAAU,MAAM;AAAA,MACxB;AAAA,MACA,SAAS,CAAC,EAAE,WAAW,GAAG,YAEtBC,uCAAAC,kBAAAA,UAAA,EAAA,UAAA;AAAA,QAAAF,kCAAA,IAAC,iBAAgB,EAAA;AAAA,QACjBA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EACF,CAAA;AAAA,IAEJ;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["'use client';\n\nimport Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { H1, H2, H3 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/CodeRender';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        h1: {\n          component: (props) => <H1 isClickable={true} {...props} />,\n        },\n        h2: {\n          component: (props) => <H2 isClickable={true} {...props} />,\n        },\n        h3: {\n          component: (props) => <H3 isClickable={true} {...props} />,\n        },\n        code: {\n          component: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Container>\n                <Code\n                  isDarkMode={isDarkMode}\n                  showLineNumbers={false}\n                  {...props}\n                />\n              </Container>\n            ),\n        },\n        blockquote: ({ className, ...props }) => (\n          <blockquote\n            className={cn(\n              'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n              className\n            )}\n            {...props}\n          />\n        ),\n        ul: ({ className, ...props }) => (\n          <ul\n            className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n            {...props}\n          />\n        ),\n        ol: ({ className, ...props }) => (\n          <ol\n            className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n            {...props}\n          />\n        ),\n        img: ({ className, ...props }) => (\n          // eslint-disable-next-line jsx-a11y/alt-text\n          <img\n            {...props}\n            loading=\"lazy\"\n            className={cn('max-w-full rounded-md', className)}\n            src={`${props.src}?raw=true`}\n          />\n        ),\n        a: (props) => (\n          <Link\n            color=\"neutral\"\n            isExternalLink={props.href?.startsWith('http')}\n            underlined={true}\n            {...props}\n          />\n        ),\n        pre: (props) => props.children,\n      },\n      wrapper: ({ className, ...props }) => (\n        <>\n          <SectionScroller />\n          <div\n            className={cn(\n              'text-text dark:text-text-dark flex flex-col gap-6 p-10',\n              className\n            )}\n            {...props}\n          />\n        </>\n      ),\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx","jsxs","Fragment"],"mappings":";;;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,IAAI;AAAA,UACF,WAAW,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,IAAI;AAAA,UACF,WAAW,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,IAAI;AAAA,UACF,WAAW,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,MAAM;AAAA,UACJ,WAAW,CAAC,UACV,OAAO,MAAM,cAAc,cACxBA,kCAAAA,IAAA,UAAA,EAAO,WAAU,qGACf,UAAA,MAAM,SACT,CAAA,0CAEC,WACC,EAAA,UAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,iBAAiB;AAAA,cAChB,GAAG;AAAA,YAAA;AAAA,UAAA,EAER,CAAA;AAAA,QAEN;AAAA,QACA,YAAY,CAAC,EAAE,WAAW,GAAG,MAC3B,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM;AAAA;AAAA,UAE1BA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,SAAQ;AAAA,cACR,WAAW,GAAG,yBAAyB,SAAS;AAAA,cAChD,KAAK,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA;AAAA,QAGrB,GAAG,CAAC,UACFA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAgB,MAAM,MAAM,WAAW,MAAM;AAAA,YAC7C,YAAY;AAAA,YACX,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,UAAU,MAAM;AAAA,MACxB;AAAA,MACA,SAAS,CAAC,EAAE,WAAW,GAAG,YAEtBC,uCAAAC,kBAAAA,UAAA,EAAA,UAAA;AAAA,QAAAF,kCAAA,IAAC,iBAAgB,EAAA;AAAA,QACjBA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EACF,CAAA;AAAA,IAEJ;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;"}

package/dist/components/index.cjs

@@ -46,13 +46,13 @@ const components_Input_InputPassword = require("./Input/InputPassword.cjs");
 const components_Input_Checkbox = require("./Input/Checkbox.cjs");
 const components_Auth_ExternalsLoginButtons_ExternalsLoginButtons = require("./Auth/ExternalsLoginButtons/ExternalsLoginButtons.cjs");
 const components_Auth_SignInForm_SignInForm = require("./Auth/SignInForm/SignInForm.cjs");
-const components_Auth_SignInForm_SignInSchema = require("./Auth/SignInForm/SignInSchema.cjs");
+const components_Auth_SignInForm_useSignInSchema = require("./Auth/SignInForm/useSignInSchema.cjs");
 const components_Auth_SignUpForm_SignUpForm = require("./Auth/SignUpForm/SignUpForm.cjs");
-const components_Auth_SignUpForm_SignUpSchema = require("./Auth/SignUpForm/SignUpSchema.cjs");
+const components_Auth_SignUpForm_useSignUpSchema = require("./Auth/SignUpForm/useSignUpSchema.cjs");
 const components_Auth_ChangePasswordForm_ChangePasswordForm = require("./Auth/ChangePasswordForm/ChangePasswordForm.cjs");
-const components_Auth_ChangePasswordForm_ChangePasswordSchema = require("./Auth/ChangePasswordForm/ChangePasswordSchema.cjs");
+const components_Auth_ChangePasswordForm_useChangePasswordSchema = require("./Auth/ChangePasswordForm/useChangePasswordSchema.cjs");
 const components_Auth_ResetPasswordForm_ResetPasswordForm = require("./Auth/ResetPasswordForm/ResetPasswordForm.cjs");
-const components_Auth_ResetPasswordForm_ResetPasswordSchema = require("./Auth/ResetPasswordForm/ResetPasswordSchema.cjs");
+const components_Auth_ResetPasswordForm_useResetPasswordSchema = require("./Auth/ResetPasswordForm/useResetPasswordSchema.cjs");
 const components_Auth_AuthModal_index = require("./Auth/AuthModal/index.cjs");
 const components_Auth_useAuth_index = require("./Auth/useAuth/index.cjs");
 const components_Auth_AuthenticationBarrier_AuthenticationBarrierServer = require("./Auth/AuthenticationBarrier/AuthenticationBarrierServer.cjs");
@@ -129,13 +129,13 @@ exports.ExternalsLoginButtons = components_Auth_ExternalsLoginButtons_ExternalsL
 exports.GitHubLoginButton = components_Auth_ExternalsLoginButtons_ExternalsLoginButtons.GitHubLoginButton;
 exports.GoogleLoginButton = components_Auth_ExternalsLoginButtons_ExternalsLoginButtons.GoogleLoginButton;
 exports.SignInForm = components_Auth_SignInForm_SignInForm.SignInForm;
-exports.getSignInSchema = components_Auth_SignInForm_SignInSchema.getSignInSchema;
+exports.useSignInSchema = components_Auth_SignInForm_useSignInSchema.useSignInSchema;
 exports.SignUpForm = components_Auth_SignUpForm_SignUpForm.SignUpForm;
-exports.getSignUpSchema = components_Auth_SignUpForm_SignUpSchema.getSignUpSchema;
+exports.useSignUpSchema = components_Auth_SignUpForm_useSignUpSchema.useSignUpSchema;
 exports.ChangePasswordForm = components_Auth_ChangePasswordForm_ChangePasswordForm.ChangePasswordForm;
-exports.getChangePasswordSchema = components_Auth_ChangePasswordForm_ChangePasswordSchema.getChangePasswordSchema;
+exports.useChangePasswordSchema = components_Auth_ChangePasswordForm_useChangePasswordSchema.useChangePasswordSchema;
 exports.ResetPasswordForm = components_Auth_ResetPasswordForm_ResetPasswordForm.ResetPasswordForm;
-exports.getResetPasswordSchema = components_Auth_ResetPasswordForm_ResetPasswordSchema.getResetPasswordSchema;
+exports.useResetPasswordSchema = components_Auth_ResetPasswordForm_useResetPasswordSchema.useResetPasswordSchema;
 exports.AuthModal = components_Auth_AuthModal_index.AuthModal;
 exports.useAuth = components_Auth_useAuth_index.useAuth;
 exports.AuthenticationBarrierServer = components_Auth_AuthenticationBarrier_AuthenticationBarrierServer.AuthenticationBarrierServer;

package/dist/components/index.mjs

@@ -44,13 +44,13 @@ import { InputPassword } from "./Input/InputPassword.mjs";
 import { Checkbox, checkboxVariants } from "./Input/Checkbox.mjs";
 import { ExternalsLoginButtons, GitHubLoginButton, GoogleLoginButton } from "./Auth/ExternalsLoginButtons/ExternalsLoginButtons.mjs";
 import { SignInForm } from "./Auth/SignInForm/SignInForm.mjs";
-import { getSignInSchema } from "./Auth/SignInForm/SignInSchema.mjs";
+import { useSignInSchema } from "./Auth/SignInForm/useSignInSchema.mjs";
 import { SignUpForm } from "./Auth/SignUpForm/SignUpForm.mjs";
-import { getSignUpSchema } from "./Auth/SignUpForm/SignUpSchema.mjs";
+import { useSignUpSchema } from "./Auth/SignUpForm/useSignUpSchema.mjs";
 import { ChangePasswordForm } from "./Auth/ChangePasswordForm/ChangePasswordForm.mjs";
-import { getChangePasswordSchema } from "./Auth/ChangePasswordForm/ChangePasswordSchema.mjs";
+import { useChangePasswordSchema } from "./Auth/ChangePasswordForm/useChangePasswordSchema.mjs";
 import { ResetPasswordForm } from "./Auth/ResetPasswordForm/ResetPasswordForm.mjs";
-import { getResetPasswordSchema } from "./Auth/ResetPasswordForm/ResetPasswordSchema.mjs";
+import { useResetPasswordSchema } from "./Auth/ResetPasswordForm/useResetPasswordSchema.mjs";
 import { AuthModal } from "./Auth/AuthModal/index.mjs";
 import { useAuth } from "./Auth/useAuth/index.mjs";
 import { AuthenticationBarrierServer } from "./Auth/AuthenticationBarrier/AuthenticationBarrierServer.mjs";
@@ -155,19 +155,19 @@ export {
   WithResizer,
   badgeVariants,
   checkboxVariants,
-  getChangePasswordSchema,
-  getResetPasswordSchema,
-  getSignInSchema,
-  getSignUpSchema,
   inputVariants,
   reducer,
   toast,
   useAuth,
+  useChangePasswordSchema,
   useEditedContentStore,
   useEditionPanelStore,
   useForm,
   useFormField,
+  useResetPasswordSchema,
   useRightDrawerStore,
+  useSignInSchema,
+  useSignUpSchema,
   useToast,
   useUser
 };