@intlayer/design-system 8.12.0 → 8.12.2

package/dist/esm/components/DictionaryFieldEditor/StructureEditor.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { NodeView } from "./StructureView/StructureView.mjs";
-import { useEditedContent } from "@intlayer/editor-react";
 import { jsx } from "react/jsx-runtime";
+import { useEditedContent } from "@intlayer/editor-react";
 
 //#region src/components/DictionaryFieldEditor/StructureEditor.tsx
 const StructureEditor = ({ dictionary }) => {

package/dist/esm/components/DictionaryFieldEditor/StructureView/StructureView.mjs

@@ -4,9 +4,9 @@ import { Button } from "../../Button/Button.mjs";
 import { Container } from "../../Container/index.mjs";
 import { EditableFieldInput } from "../../EditableField/EditableFieldInput.mjs";
 import { NodeTypeSelector } from "../NodeTypeSelector.mjs";
-import { useConfiguration, useEditedContentActions, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { Plus, Trash } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useConfiguration, useEditedContentActions, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { useIntlayer } from "react-intlayer";
 import { getDefaultNode, getNodeChildren, getNodeType } from "@intlayer/core/dictionaryManipulator";
 import * as NodeTypes from "@intlayer/types/nodeType";

package/dist/esm/components/Form/FormBase.mjs

@@ -20,11 +20,22 @@ const Form = ({ schema, onSubmit: onSubmitProp, onSubmitSuccess: onSubmitSuccess
 		if (parsedValues.success) await awaitFunction(onSubmitSuccessProp?.(parsedValues.data));
 		else await awaitFunction(onSubmitErrorProp?.(new Error(parsedValues.error.issues.map((error) => error.message).join(", "))));
 	};
+	const handleKeyDown = (e) => {
+		if (e.key !== "Enter") return;
+		const target = e.target;
+		if (target.tagName !== "INPUT") return;
+		e.preventDefault();
+		const formEl = e.currentTarget;
+		const focusable = Array.from(formEl.querySelectorAll("input:not([disabled]):not([type=\"hidden\"]), textarea:not([disabled])"));
+		const idx = focusable.indexOf(target);
+		if (idx >= 0 && idx < focusable.length - 1) focusable[idx + 1]?.focus();
+	};
 	return /* @__PURE__ */ jsx(FormProvider, {
 		...props,
 		children: /* @__PURE__ */ jsx("form", {
 			className: cn("flex flex-col gap-y-6", className),
 			onSubmit: props.handleSubmit(onSubmit),
+			onKeyDown: handleKeyDown,
 			autoComplete: autoComplete ? "on" : "off",
 			noValidate: true,
 			method,

package/dist/esm/components/Form/FormBase.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormBase.mjs","names":["useFormReactHookForm"],"sources":["../../../../src/components/Form/FormBase.tsx"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { cn } from '@utils/cn';\nimport type { HTMLAttributes } from 'react';\nimport {\n  FormProvider,\n  type FormProviderProps,\n  type UseFormProps,\n  useForm as useFormReactHookForm,\n  useFormState,\n} from 'react-hook-form';\nimport type { ZodObject, z } from 'zod/v4';\n\ntype FormProps<T extends ZodObject> = HTMLAttributes<HTMLFormElement> &\n  FormProviderProps<z.infer<T>> & {\n    schema?: T;\n    onSubmit?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitSuccess?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitError?: (error: Error) => void | Promise<void>;\n    autoComplete?: boolean;\n  };\n\nconst awaitFunction = async (fn: any) => {\n  // Check if result is a Promise (Thenable)\n\n  if (fn && typeof fn.then === 'function') {\n    // It's a Promise, so wait for it to resolve\n    return await fn;\n  }\n  // If not a Promise, it will just execute without awaiting\n  return fn;\n};\n\nexport const Form = <T extends ZodObject>({\n  schema,\n  onSubmit: onSubmitProp,\n  onSubmitSuccess: onSubmitSuccessProp,\n  onSubmitError: onSubmitErrorProp,\n  className,\n  children,\n  autoComplete,\n  method,\n  ...props\n}: FormProps<T> & { method?: string }) => {\n  const onSubmit = async (values: z.infer<T>) => {\n    const parsedValues = schema?.safeParse(values) ?? {\n      success: true,\n      data: undefined,\n    };\n\n    // onSubmitProp?.(values);\n    await awaitFunction(onSubmitProp?.(values));\n\n    if (parsedValues.success) {\n      await awaitFunction(onSubmitSuccessProp?.(parsedValues.data!));\n    } else {\n      await awaitFunction(\n        onSubmitErrorProp?.(\n          new Error(\n            parsedValues.error.issues.map((error) => error.message).join(', ')\n          )\n        )\n      );\n    }\n  };\n\n  return (\n    <FormProvider {...props}>\n      <form\n        className={cn('flex flex-col gap-y-6', className)}\n        onSubmit={props.handleSubmit(onSubmit)}\n        autoComplete={autoComplete ? 'on' : 'off'}\n        noValidate\n        method={method}\n      >\n        {children}\n      </form>\n    </FormProvider>\n  );\n};\n\nexport const useForm = <T extends ZodObject>(\n  schema: T,\n  props?: UseFormProps<z.infer<T>>\n) => {\n  const form = useFormReactHookForm<z.infer<T>>({\n    resolver: zodResolver(schema as any),\n    ...props,\n  });\n\n  const { isSubmitting, isSubmitted, isLoading, isValid } = useFormState({\n    control: form.control,\n  });\n\n  return {\n    form,\n    isSubmitting,\n    isSubmitted,\n    isLoading,\n    isValid,\n  };\n};\n"],"mappings":";;;;;;;;AAuBA,MAAM,gBAAgB,OAAO,OAAY;CAGvC,IAAI,MAAM,OAAO,GAAG,SAAS,YAE3B,OAAO,MAAM;CAGf,OAAO;AACT;AAEA,MAAa,QAA6B,EACxC,QACA,UAAU,cACV,iBAAiB,qBACjB,eAAe,mBACf,WACA,UACA,cACA,QACA,GAAG,YACqC;CACxC,MAAM,WAAW,OAAO,WAAuB;EAC7C,MAAM,eAAe,QAAQ,UAAU,MAAM,KAAK;GAChD,SAAS;GACT,MAAM;EACR;EAGA,MAAM,cAAc,eAAe,MAAM,CAAC;EAE1C,IAAI,aAAa,SACf,MAAM,cAAc,sBAAsB,aAAa,IAAK,CAAC;OAE7D,MAAM,cACJ,oBACE,IAAI,MACF,aAAa,MAAM,OAAO,KAAK,UAAU,MAAM,OAAO,EAAE,KAAK,IAAI,CACnE,CACF,CACF;CAEJ;CAEA,OACE,oBAAC,cAAD;EAAc,GAAI;YAChB,oBAAC,QAAD;GACE,WAAW,GAAG,yBAAyB,SAAS;GAChD,UAAU,MAAM,aAAa,QAAQ;GACrC,cAAc,eAAe,OAAO;GACpC;GACQ;GAEP;EACG;CACM;AAElB;AAEA,MAAa,WACX,QACA,UACG;CACH,MAAM,OAAOA,UAAiC;EAC5C,UAAU,YAAY,MAAa;EACnC,GAAG;CACL,CAAC;CAED,MAAM,EAAE,cAAc,aAAa,WAAW,YAAY,aAAa,EACrE,SAAS,KAAK,QAChB,CAAC;CAED,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"FormBase.mjs","names":["useFormReactHookForm"],"sources":["../../../../src/components/Form/FormBase.tsx"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { cn } from '@utils/cn';\nimport type { HTMLAttributes, KeyboardEvent } from 'react';\nimport {\n  FormProvider,\n  type FormProviderProps,\n  type UseFormProps,\n  useForm as useFormReactHookForm,\n  useFormState,\n} from 'react-hook-form';\nimport type { ZodObject, z } from 'zod/v4';\n\ntype FormProps<T extends ZodObject> = HTMLAttributes<HTMLFormElement> &\n  FormProviderProps<z.infer<T>> & {\n    schema?: T;\n    onSubmit?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitSuccess?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitError?: (error: Error) => void | Promise<void>;\n    autoComplete?: boolean;\n  };\n\nconst awaitFunction = async (fn: any) => {\n  // Check if result is a Promise (Thenable)\n\n  if (fn && typeof fn.then === 'function') {\n    // It's a Promise, so wait for it to resolve\n    return await fn;\n  }\n  // If not a Promise, it will just execute without awaiting\n  return fn;\n};\n\nexport const Form = <T extends ZodObject>({\n  schema,\n  onSubmit: onSubmitProp,\n  onSubmitSuccess: onSubmitSuccessProp,\n  onSubmitError: onSubmitErrorProp,\n  className,\n  children,\n  autoComplete,\n  method,\n  ...props\n}: FormProps<T> & { method?: string }) => {\n  const onSubmit = async (values: z.infer<T>) => {\n    const parsedValues = schema?.safeParse(values) ?? {\n      success: true,\n      data: undefined,\n    };\n\n    // onSubmitProp?.(values);\n    await awaitFunction(onSubmitProp?.(values));\n\n    if (parsedValues.success) {\n      await awaitFunction(onSubmitSuccessProp?.(parsedValues.data!));\n    } else {\n      await awaitFunction(\n        onSubmitErrorProp?.(\n          new Error(\n            parsedValues.error.issues.map((error) => error.message).join(', ')\n          )\n        )\n      );\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLFormElement>) => {\n    if (e.key !== 'Enter') return;\n    const target = e.target as HTMLElement;\n    if (target.tagName !== 'INPUT') return;\n    e.preventDefault();\n    const formEl = e.currentTarget;\n    const focusable = Array.from(\n      formEl.querySelectorAll<HTMLElement>(\n        'input:not([disabled]):not([type=\"hidden\"]), textarea:not([disabled])'\n      )\n    );\n    const idx = focusable.indexOf(target);\n    if (idx >= 0 && idx < focusable.length - 1) {\n      focusable[idx + 1]?.focus();\n    }\n  };\n\n  return (\n    <FormProvider {...props}>\n      <form\n        className={cn('flex flex-col gap-y-6', className)}\n        onSubmit={props.handleSubmit(onSubmit)}\n        onKeyDown={handleKeyDown}\n        autoComplete={autoComplete ? 'on' : 'off'}\n        noValidate\n        method={method}\n      >\n        {children}\n      </form>\n    </FormProvider>\n  );\n};\n\nexport const useForm = <T extends ZodObject>(\n  schema: T,\n  props?: UseFormProps<z.infer<T>>\n) => {\n  const form = useFormReactHookForm<z.infer<T>>({\n    resolver: zodResolver(schema as any),\n    ...props,\n  });\n\n  const { isSubmitting, isSubmitted, isLoading, isValid } = useFormState({\n    control: form.control,\n  });\n\n  return {\n    form,\n    isSubmitting,\n    isSubmitted,\n    isLoading,\n    isValid,\n  };\n};\n"],"mappings":";;;;;;;;AAuBA,MAAM,gBAAgB,OAAO,OAAY;CAGvC,IAAI,MAAM,OAAO,GAAG,SAAS,YAE3B,OAAO,MAAM;CAGf,OAAO;AACT;AAEA,MAAa,QAA6B,EACxC,QACA,UAAU,cACV,iBAAiB,qBACjB,eAAe,mBACf,WACA,UACA,cACA,QACA,GAAG,YACqC;CACxC,MAAM,WAAW,OAAO,WAAuB;EAC7C,MAAM,eAAe,QAAQ,UAAU,MAAM,KAAK;GAChD,SAAS;GACT,MAAM;EACR;EAGA,MAAM,cAAc,eAAe,MAAM,CAAC;EAE1C,IAAI,aAAa,SACf,MAAM,cAAc,sBAAsB,aAAa,IAAK,CAAC;OAE7D,MAAM,cACJ,oBACE,IAAI,MACF,aAAa,MAAM,OAAO,KAAK,UAAU,MAAM,OAAO,EAAE,KAAK,IAAI,CACnE,CACF,CACF;CAEJ;CAEA,MAAM,iBAAiB,MAAsC;EAC3D,IAAI,EAAE,QAAQ,SAAS;EACvB,MAAM,SAAS,EAAE;EACjB,IAAI,OAAO,YAAY,SAAS;EAChC,EAAE,eAAe;EACjB,MAAM,SAAS,EAAE;EACjB,MAAM,YAAY,MAAM,KACtB,OAAO,iBACL,wEACF,CACF;EACA,MAAM,MAAM,UAAU,QAAQ,MAAM;EACpC,IAAI,OAAO,KAAK,MAAM,UAAU,SAAS,GACvC,UAAU,MAAM,IAAI,MAAM;CAE9B;CAEA,OACE,oBAAC,cAAD;EAAc,GAAI;YAChB,oBAAC,QAAD;GACE,WAAW,GAAG,yBAAyB,SAAS;GAChD,UAAU,MAAM,aAAa,QAAQ;GACrC,WAAW;GACX,cAAc,eAAe,OAAO;GACpC;GACQ;GAEP;EACG;CACM;AAElB;AAEA,MAAa,WACX,QACA,UACG;CACH,MAAM,OAAOA,UAAiC;EAC5C,UAAU,YAAY,MAAa;EACnC,GAAG;CACL,CAAC;CAED,MAAM,EAAE,cAAc,aAAa,WAAW,YAAY,aAAa,EACrE,SAAS,KAAK,QAChB,CAAC;CAED,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/esm/components/Form/elements/OTPElement.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { useItemSelector } from "../../../hooks/useItemSelector.mjs";
 import { InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "../../Input/OTPInput.mjs";
+import { useItemSelector } from "../../../hooks/useItemSelector.mjs";
 import { useFormField } from "../FormField.mjs";
 import { FormItemLayout } from "../layout/FormItemLayout.mjs";
 import { Form } from "../Form.mjs";

package/dist/esm/components/Form/elements/SwitchSelectorElement.mjs

@@ -21,6 +21,10 @@ const SwitchSelectorFieldContent = ({ field, name, label, description, isRequire
 		children: /* @__PURE__ */ jsx(SwitchSelector, {
 			...field,
 			...props,
+			onChange: (value) => {
+				field.onChange(value);
+				props.onChange?.(value);
+			},
 			children
 		})
 	});

package/dist/esm/components/Form/elements/SwitchSelectorElement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchSelectorElement.mjs","names":[],"sources":["../../../../../src/components/Form/elements/SwitchSelectorElement.tsx"],"sourcesContent":["'use client';\n\nimport { SwitchSelector } from '@components/SwitchSelector';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { Form } from '../Form';\nimport { useFormField } from '../FormField';\nimport { FormItemLayout } from '../layout/FormItemLayout';\nimport type { FormElementProps } from './FormElement';\n\ntype SwitchSelectorElementProps = Omit<\n  FormElementProps<typeof SwitchSelector>,\n  'Element'\n> &\n  ComponentProps<typeof SwitchSelector> & {\n    name: string;\n    description?: string;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n  };\n\nconst SwitchSelectorFieldContent = ({\n  field,\n  name,\n  label,\n  description,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  ...props\n}: Omit<SwitchSelectorElementProps, 'control'> & { field: any }) => {\n  const { error } = useFormField();\n\n  return (\n    <FormItemLayout\n      htmlFor={name}\n      label={label}\n      description={description}\n      isRequired={isRequired}\n      info={info}\n      showErrorMessage={showErrorMessage}\n      aria-invalid={!!error}\n    >\n      <SwitchSelector {...field} {...props}>\n        {children}\n      </SwitchSelector>\n    </FormItemLayout>\n  );\n};\n\nexport const SwitchSelectorElement = ({\n  name,\n  description,\n  label,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  ...props\n}: SwitchSelectorElementProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Form.Field\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <SwitchSelectorFieldContent\n          field={field}\n          name={name}\n          label={label}\n          description={description}\n          isRequired={isRequired}\n          info={info}\n          showErrorMessage={showErrorMessage}\n          {...props}\n        >\n          {children}\n        </SwitchSelectorFieldContent>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;AAsBA,MAAM,8BAA8B,EAClC,OACA,MACA,OACA,aACA,YACA,MACA,kBACA,UACA,GAAG,YAC+D;CAClE,MAAM,EAAE,UAAU,aAAa;CAE/B,OACE,oBAAC,gBAAD;EACE,SAAS;EACF;EACM;EACD;EACN;EACY;EAClB,gBAAc,CAAC,CAAC;YAEhB,oBAAC,gBAAD;GAAgB,GAAI;GAAO,GAAI;GAC5B;EACa;CACF;AAEpB;AAEA,MAAa,yBAAyB,EACpC,MACA,aACA,OACA,YACA,MACA,kBACA,UACA,GAAG,YAC6B;CAChC,MAAM,EAAE,YAAY,eAAe;CAEnC,OACE,oBAAC,KAAK,OAAN;EACW;EACH;EACN,SAAS,EAAE,YACT,oBAAC,4BAAD;GACS;GACD;GACC;GACM;GACD;GACN;GACY;GAClB,GAAI;GAEH;EACyB;CAE/B;AAEL"}
+{"version":3,"file":"SwitchSelectorElement.mjs","names":[],"sources":["../../../../../src/components/Form/elements/SwitchSelectorElement.tsx"],"sourcesContent":["'use client';\n\nimport { SwitchSelector } from '@components/SwitchSelector';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { Form } from '../Form';\nimport { useFormField } from '../FormField';\nimport { FormItemLayout } from '../layout/FormItemLayout';\nimport type { FormElementProps } from './FormElement';\n\ntype SwitchSelectorElementProps = Omit<\n  FormElementProps<typeof SwitchSelector>,\n  'Element'\n> &\n  ComponentProps<typeof SwitchSelector> & {\n    name: string;\n    description?: string;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n  };\n\nconst SwitchSelectorFieldContent = ({\n  field,\n  name,\n  label,\n  description,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  ...props\n}: Omit<SwitchSelectorElementProps, 'control'> & { field: any }) => {\n  const { error } = useFormField();\n\n  return (\n    <FormItemLayout\n      htmlFor={name}\n      label={label}\n      description={description}\n      isRequired={isRequired}\n      info={info}\n      showErrorMessage={showErrorMessage}\n      aria-invalid={!!error}\n    >\n      <SwitchSelector\n        {...field}\n        {...props}\n        onChange={(value: any) => {\n          field.onChange(value);\n          props.onChange?.(value);\n        }}\n      >\n        {children}\n      </SwitchSelector>\n    </FormItemLayout>\n  );\n};\n\nexport const SwitchSelectorElement = ({\n  name,\n  description,\n  label,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  ...props\n}: SwitchSelectorElementProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Form.Field\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <SwitchSelectorFieldContent\n          field={field}\n          name={name}\n          label={label}\n          description={description}\n          isRequired={isRequired}\n          info={info}\n          showErrorMessage={showErrorMessage}\n          {...props}\n        >\n          {children}\n        </SwitchSelectorFieldContent>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;AAsBA,MAAM,8BAA8B,EAClC,OACA,MACA,OACA,aACA,YACA,MACA,kBACA,UACA,GAAG,YAC+D;CAClE,MAAM,EAAE,UAAU,aAAa;CAE/B,OACE,oBAAC,gBAAD;EACE,SAAS;EACF;EACM;EACD;EACN;EACY;EAClB,gBAAc,CAAC,CAAC;YAEhB,oBAAC,gBAAD;GACE,GAAI;GACJ,GAAI;GACJ,WAAW,UAAe;IACxB,MAAM,SAAS,KAAK;IACpB,MAAM,WAAW,KAAK;GACxB;GAEC;EACa;CACF;AAEpB;AAEA,MAAa,yBAAyB,EACpC,MACA,aACA,OACA,YACA,MACA,kBACA,UACA,GAAG,YAC6B;CAChC,MAAM,EAAE,YAAY,eAAe;CAEnC,OACE,oBAAC,KAAK,OAAN;EACW;EACH;EACN,SAAS,EAAE,YACT,oBAAC,4BAAD;GACS;GACD;GACC;GACM;GACD;GACN;GACY;GAClB,GAAI;GAEH;EACyB;CAE/B;AAEL"}

package/dist/esm/components/KeyboardScreenAdapter/index.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { useKeyboardDetector } from "../../hooks/useKeyboardDetector.mjs";
 import { cn } from "../../utils/cn.mjs";
+import { useKeyboardDetector } from "../../hooks/useKeyboardDetector.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/KeyboardScreenAdapter/index.tsx

package/dist/esm/components/KeyboardShortcut/KeyboardShortcut.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { useDevice } from "../../hooks/useDevice.mjs";
 import { cn } from "../../utils/cn.mjs";
+import { useDevice } from "../../hooks/useDevice.mjs";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/esm/components/Link/Link.mjs

@@ -64,22 +64,22 @@ const linkVariants = cva("gap-3 transition-all duration-300 focus-visible:outlin
 		{
 			variant: ["button", "button-outlined"],
 			size: "sm",
-			class: "min-h-7 px-3 max-md:py-1"
+			class: "min-h-7 px-3 text-xs max-md:py-1"
 		},
 		{
 			variant: ["button", "button-outlined"],
 			size: "md",
-			class: "min-h-8 px-6 max-md:py-2"
+			class: "min-h-8 px-6 text-sm max-md:py-2"
 		},
 		{
 			variant: ["button", "button-outlined"],
 			size: "lg",
-			class: "min-h-10 px-8 max-md:py-3"
+			class: "min-h-10 px-8 text-lg max-md:py-3"
 		},
 		{
 			variant: ["button", "button-outlined"],
 			size: "xl",
-			class: "min-h-11 px-10 max-md:py-4"
+			class: "min-h-11 px-10 text-xl max-md:py-4"
 		},
 		{
 			variant: ["button", "button-outlined"],
@@ -155,11 +155,12 @@ const isTextChildren = (children) => {
 	return false;
 };
 const Link = (props) => {
-	const { variant = "default", color = "custom", roundedSize, children, label, className, isActive, underlined, locale, size, isExternalLink: isExternalLinkProp, isPageSection: isPageSectionProp, href: hrefProp, ...otherProps } = props;
+	const { variant = "default", color = "custom", roundedSize, children, label, className, isActive, underlined, locale, size: sizeProp, isExternalLink: isExternalLinkProp, isPageSection: isPageSectionProp, href: hrefProp, ...otherProps } = props;
+	const isButton = variant === "button" || variant === "button-outlined";
+	const size = sizeProp ?? (isButton ? "md" : "custom");
 	const isExternalLink = isExternalLinkProp ?? checkIsExternalLink(props);
 	const isPageSection = isPageSectionProp ?? hrefProp?.startsWith("#") ?? false;
 	const isChildrenString = isTextChildren(children);
-	const isButton = variant === "button" || variant === "button-outlined";
 	const rel = isExternalLink ? "noopener noreferrer nofollow" : void 0;
 	const target = isExternalLink ? "_blank" : "_self";
 	const resolvedHref = locale && hrefProp && !isExternalLink && !isPageSection ? getLocalizedUrl(hrefProp, locale) : hrefProp;

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

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","names":[],"sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { getLocalizedUrl } from '@intlayer/core/localization';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { cn } from '@utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink, MoveRight } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n  isValidElement,\n  type ReactNode,\n} from 'react';\n\nexport type LinkVariant =\n  | 'default'\n  | 'invisible-link'\n  | 'button'\n  | 'button-outlined'\n  | 'hoverable';\n\n/**\n * Color theme variants for Link component\n */\nexport type LinkColor =\n  | 'primary'\n  | 'secondary'\n  | 'neutral'\n  | 'light'\n  | 'dark'\n  | 'text'\n  | 'text-inverse'\n  | 'error'\n  | 'success'\n  | 'custom';\n\nexport type LinkRoundedSize =\n  | 'none'\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'xl'\n  | '2xl'\n  | '3xl'\n  | 'full';\n\nexport type LinkSize = 'sm' | 'md' | 'lg' | 'xl' | 'custom';\n\nexport type LinkUnderlined = 'default' | 'true' | 'false';\n\nexport const linkVariants = cva(\n  'gap-3 transition-all duration-300 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'h-auto justify-start border-inherit bg-current/0 px-1 font-medium decoration-[1.5] underline-offset-5 hover:bg-current/0 hover:text-current/80 hover:underline hover:underline-offset-6',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-5 hover:bg-current/0 aria-[current]:bg-current/5',\n\n        button:\n          'relative flex cursor-pointer flex-row items-center justify-center gap-2 rounded-full bg-current text-center font-medium text-text ring-0 *:text-text-opposite hover:bg-current/90 hover:ring-5 aria-selected:ring-5 aria-[current]:ring-5',\n\n        'button-outlined':\n          'relative flex cursor-pointer flex-row items-center justify-center gap-2 rounded-full border-[1.3px] border-current text-center font-medium text-text ring-0 *:text-text hover:bg-current/20 hover:ring-5 aria-selected:ring-5 aria-[current]:ring-5',\n\n        hoverable:\n          'rounded-lg border-none bg-current/0 transition *:text-current! hover:bg-current/20 aria-[current]:bg-current/5',\n      },\n      roundedSize: {\n        none: 'rounded-none',\n        sm:\n          'rounded-lg [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-xl',\n        md:\n          'rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl',\n        lg:\n          'rounded-2xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-3xl',\n        xl:\n          'rounded-3xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-4xl',\n        '2xl':\n          'rounded-4xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[2.5rem]',\n        '3xl':\n          'rounded-[2.5rem] [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[3rem]',\n        full: 'rounded-full',\n      },\n      color: {\n        primary: 'text-primary',\n        secondary: 'text-secondary',\n        neutral: 'text-neutral',\n        light: 'text-white',\n        dark: 'text-neutral-800',\n        text: 'text-text',\n        'text-inverse': 'text-text-opposite',\n        error: 'text-error',\n        success: 'text-success',\n        custom: '',\n      },\n      size: {\n        sm: 'text-sm',\n        md: 'text-base',\n        lg: 'text-lg',\n        xl: 'text-xl',\n        custom: '',\n      },\n      underlined: {\n        default: '',\n        true: 'underline',\n        false: 'no-underline',\n      },\n    },\n    // Compound variants handle height and padding\n    compoundVariants: [\n      // ---------------------------------------------------------\n      // FIX START: Correctly Handle Contrast for TEXT_INVERSE\n      // ---------------------------------------------------------\n      {\n        // Filled Button + Inverse Color (e.g., White Button):\n        // We DO NOT override parent text color (it must remain 'text-opposite' so bg-current is white).\n        // We ONLY override children to be 'text-text' (Dark) so they show up on white.\n        variant: 'button',\n        color: 'text-inverse',\n        class: '*:text-text',\n      },\n      {\n        // Outlined Button + Inverse Color (e.g., White Border):\n        // Parent is 'text-opposite' (Border is white).\n        // Children must also be 'text-opposite' (White text) to show on dark background.\n        variant: 'button-outlined',\n        color: 'text-inverse',\n        class: 'text-text-opposite *:text-text-opposite',\n      },\n\n      // Min height and padding for button variants\n      {\n        variant: ['button', 'button-outlined'],\n        size: 'sm',\n        class: 'min-h-7 px-3 max-md:py-1',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        size: 'md',\n        class: 'min-h-8 px-6 max-md:py-2',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        size: 'lg',\n        class: 'min-h-10 px-8 max-md:py-3',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        size: 'xl',\n        class: 'min-h-11 px-10 max-md:py-4',\n      },\n      // Ring color variants\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'primary',\n        class: 'ring-primary/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'secondary',\n        class: 'ring-secondary/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'neutral',\n        class: 'ring-neutral/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'light',\n        class: 'ring-white/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'dark',\n        class: 'ring-neutral-800/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'text',\n        class: 'ring-text/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'text-inverse',\n        class: 'ring-text-opposite/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'error',\n        class: 'ring-error/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'success',\n        class: 'ring-success/20',\n      },\n    ],\n\n    defaultVariants: {\n      variant: 'default',\n      roundedSize: 'md',\n      underlined: 'default',\n      size: 'custom',\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    isPageSection?: boolean;\n    isActive?: boolean;\n    locale?: LocalesValues;\n  };\n\nexport const checkIsExternalLink = (\n  {\n    href,\n    isExternalLink: isExternalLinkProp,\n  }: Pick<LinkProps, 'href' | 'isExternalLink'>,\n  url?: string\n): boolean => {\n  // Explicit prop override takes precedence\n  if (typeof isExternalLinkProp === 'boolean') {\n    return isExternalLinkProp;\n  }\n\n  const isValidHref = typeof href === 'string' && href.trim() !== '';\n\n  if (!isValidHref) return false;\n\n  // Relative URLs (e.g., '/about') are always internal\n  if (!/^https?:\\/\\//.test(href)) {\n    return false;\n  }\n\n  // Compare base domains\n  if (url) {\n    try {\n      const hrefHost = new URL(href).hostname;\n      // Ensure the reference url has a protocol so URL() can parse it correctly\n      const currentHost = new URL(\n        url.startsWith('http') ? url : `https://${url}`\n      ).hostname;\n\n      // Extract the root domain (e.g., 'app.intlayer.org' -> 'intlayer.org')\n      const getBaseDomain = (host: string) =>\n        host.split('.').slice(-2).join('.');\n\n      return getBaseDomain(hrefHost) !== getBaseDomain(currentHost);\n    } catch {\n      // If URL parsing fails for any reason, default to treating it as external\n      return true;\n    }\n  }\n\n  // Absolute URL with no comparison URL provided\n  return true;\n};\n\nexport const isTextChildren = (children: ReactNode): boolean => {\n  if (typeof children === 'string' || typeof children === 'number') {\n    return true;\n  }\n  if (Array.isArray(children)) {\n    return children.every(isTextChildren);\n  }\n  if (isValidElement(children)) {\n    return isTextChildren(\n      (children.props as { children?: ReactNode }).children\n    );\n  }\n  return false;\n};\n\nexport const Link: FC<LinkProps> = (props) => {\n  const {\n    variant = 'default',\n    color = 'custom',\n    roundedSize,\n    children,\n    label,\n    className,\n    isActive,\n    underlined,\n    locale,\n    size,\n    isExternalLink: isExternalLinkProp,\n    isPageSection: isPageSectionProp,\n    href: hrefProp,\n    ...otherProps\n  } = props;\n\n  const isExternalLink = isExternalLinkProp ?? checkIsExternalLink(props);\n  const isPageSection = isPageSectionProp ?? hrefProp?.startsWith('#') ?? false;\n\n  const isChildrenString = isTextChildren(children);\n  const isButton =\n    variant === 'button' || variant === 'button-outlined';\n\n  const rel = isExternalLink ? 'noopener noreferrer nofollow' : undefined;\n\n  const target = isExternalLink ? '_blank' : '_self';\n\n  const resolvedHref =\n    locale && hrefProp && !isExternalLink && !isPageSection\n      ? getLocalizedUrl(hrefProp, locale)\n      : hrefProp;\n\n  const href = resolvedHref === '' ? undefined : resolvedHref;\n\n  return (\n    <a\n      href={href}\n      aria-label={label}\n      rel={rel}\n      target={target}\n      aria-current={isActive ? 'page' : undefined}\n      suppressHydrationWarning\n      className={cn(\n        linkVariants({\n          variant,\n          color,\n          roundedSize,\n          underlined,\n          size,\n          className,\n        })\n      )}\n      {...otherProps}\n    >\n      {isButton && isChildrenString ? <span>{children}</span> : children}\n\n      {isExternalLink && isChildrenString && (\n        <ExternalLink className=\"ml-2 inline-block size-4\" />\n      )}\n      {isPageSection && <MoveRight className=\"ml-2 inline-block size-4\" />}\n    </a>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Link.mjs","names":[],"sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { getLocalizedUrl } from '@intlayer/core/localization';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { cn } from '@utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink, MoveRight } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n  isValidElement,\n  type ReactNode,\n} from 'react';\n\nexport type LinkVariant =\n  | 'default'\n  | 'invisible-link'\n  | 'button'\n  | 'button-outlined'\n  | 'hoverable';\n\n/**\n * Color theme variants for Link component\n */\nexport type LinkColor =\n  | 'primary'\n  | 'secondary'\n  | 'neutral'\n  | 'light'\n  | 'dark'\n  | 'text'\n  | 'text-inverse'\n  | 'error'\n  | 'success'\n  | 'custom';\n\nexport type LinkRoundedSize =\n  | 'none'\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'xl'\n  | '2xl'\n  | '3xl'\n  | 'full';\n\nexport type LinkSize = 'sm' | 'md' | 'lg' | 'xl' | 'custom';\n\nexport type LinkUnderlined = 'default' | 'true' | 'false';\n\nexport const linkVariants = cva(\n  'gap-3 transition-all duration-300 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'h-auto justify-start border-inherit bg-current/0 px-1 font-medium decoration-[1.5] underline-offset-5 hover:bg-current/0 hover:text-current/80 hover:underline hover:underline-offset-6',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-5 hover:bg-current/0 aria-[current]:bg-current/5',\n\n        button:\n          'relative flex cursor-pointer flex-row items-center justify-center gap-2 rounded-full bg-current text-center font-medium text-text ring-0 *:text-text-opposite hover:bg-current/90 hover:ring-5 aria-selected:ring-5 aria-[current]:ring-5',\n\n        'button-outlined':\n          'relative flex cursor-pointer flex-row items-center justify-center gap-2 rounded-full border-[1.3px] border-current text-center font-medium text-text ring-0 *:text-text hover:bg-current/20 hover:ring-5 aria-selected:ring-5 aria-[current]:ring-5',\n\n        hoverable:\n          'rounded-lg border-none bg-current/0 transition *:text-current! hover:bg-current/20 aria-[current]:bg-current/5',\n      },\n      roundedSize: {\n        none: 'rounded-none',\n        sm: 'rounded-lg [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-xl',\n        md: 'rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl',\n        lg: 'rounded-2xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-3xl',\n        xl: 'rounded-3xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-4xl',\n        '2xl':\n          'rounded-4xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[2.5rem]',\n        '3xl':\n          'rounded-[2.5rem] [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[3rem]',\n        full: 'rounded-full',\n      },\n      color: {\n        primary: 'text-primary',\n        secondary: 'text-secondary',\n        neutral: 'text-neutral',\n        light: 'text-white',\n        dark: 'text-neutral-800',\n        text: 'text-text',\n        'text-inverse': 'text-text-opposite',\n        error: 'text-error',\n        success: 'text-success',\n        custom: '',\n      },\n      size: {\n        sm: 'text-sm',\n        md: 'text-base',\n        lg: 'text-lg',\n        xl: 'text-xl',\n        custom: '',\n      },\n      underlined: {\n        default: '',\n        true: 'underline',\n        false: 'no-underline',\n      },\n    },\n    // Compound variants handle height and padding\n    compoundVariants: [\n      // ---------------------------------------------------------\n      // FIX START: Correctly Handle Contrast for TEXT_INVERSE\n      // ---------------------------------------------------------\n      {\n        // Filled Button + Inverse Color (e.g., White Button):\n        // We DO NOT override parent text color (it must remain 'text-opposite' so bg-current is white).\n        // We ONLY override children to be 'text-text' (Dark) so they show up on white.\n        variant: 'button',\n        color: 'text-inverse',\n        class: '*:text-text',\n      },\n      {\n        // Outlined Button + Inverse Color (e.g., White Border):\n        // Parent is 'text-opposite' (Border is white).\n        // Children must also be 'text-opposite' (White text) to show on dark background.\n        variant: 'button-outlined',\n        color: 'text-inverse',\n        class: 'text-text-opposite *:text-text-opposite',\n      },\n\n      // Min height and padding for button variants\n      {\n        variant: ['button', 'button-outlined'],\n        size: 'sm',\n        class: 'min-h-7 px-3 text-xs max-md:py-1',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        size: 'md',\n        class: 'min-h-8 px-6 text-sm max-md:py-2',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        size: 'lg',\n        class: 'min-h-10 px-8 text-lg max-md:py-3',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        size: 'xl',\n        class: 'min-h-11 px-10 text-xl max-md:py-4',\n      },\n      // Ring color variants\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'primary',\n        class: 'ring-primary/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'secondary',\n        class: 'ring-secondary/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'neutral',\n        class: 'ring-neutral/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'light',\n        class: 'ring-white/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'dark',\n        class: 'ring-neutral-800/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'text',\n        class: 'ring-text/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'text-inverse',\n        class: 'ring-text-opposite/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'error',\n        class: 'ring-error/20',\n      },\n      {\n        variant: ['button', 'button-outlined'],\n        color: 'success',\n        class: 'ring-success/20',\n      },\n    ],\n\n    defaultVariants: {\n      variant: 'default',\n      roundedSize: 'md',\n      underlined: 'default',\n      size: 'custom',\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    isPageSection?: boolean;\n    isActive?: boolean;\n    locale?: LocalesValues;\n  };\n\nexport const checkIsExternalLink = (\n  {\n    href,\n    isExternalLink: isExternalLinkProp,\n  }: Pick<LinkProps, 'href' | 'isExternalLink'>,\n  url?: string\n): boolean => {\n  // Explicit prop override takes precedence\n  if (typeof isExternalLinkProp === 'boolean') {\n    return isExternalLinkProp;\n  }\n\n  const isValidHref = typeof href === 'string' && href.trim() !== '';\n\n  if (!isValidHref) return false;\n\n  // Relative URLs (e.g., '/about') are always internal\n  if (!/^https?:\\/\\//.test(href)) {\n    return false;\n  }\n\n  // Compare base domains\n  if (url) {\n    try {\n      const hrefHost = new URL(href).hostname;\n      // Ensure the reference url has a protocol so URL() can parse it correctly\n      const currentHost = new URL(\n        url.startsWith('http') ? url : `https://${url}`\n      ).hostname;\n\n      // Extract the root domain (e.g., 'app.intlayer.org' -> 'intlayer.org')\n      const getBaseDomain = (host: string) =>\n        host.split('.').slice(-2).join('.');\n\n      return getBaseDomain(hrefHost) !== getBaseDomain(currentHost);\n    } catch {\n      // If URL parsing fails for any reason, default to treating it as external\n      return true;\n    }\n  }\n\n  // Absolute URL with no comparison URL provided\n  return true;\n};\n\nexport const isTextChildren = (children: ReactNode): boolean => {\n  if (typeof children === 'string' || typeof children === 'number') {\n    return true;\n  }\n  if (Array.isArray(children)) {\n    return children.every(isTextChildren);\n  }\n  if (isValidElement(children)) {\n    return isTextChildren(\n      (children.props as { children?: ReactNode }).children\n    );\n  }\n  return false;\n};\n\nexport const Link: FC<LinkProps> = (props) => {\n  const {\n    variant = 'default',\n    color = 'custom',\n    roundedSize,\n    children,\n    label,\n    className,\n    isActive,\n    underlined,\n    locale,\n    size: sizeProp,\n    isExternalLink: isExternalLinkProp,\n    isPageSection: isPageSectionProp,\n    href: hrefProp,\n    ...otherProps\n  } = props;\n\n  const isButton = variant === 'button' || variant === 'button-outlined';\n  const size = sizeProp ?? (isButton ? 'md' : 'custom');\n\n  const isExternalLink = isExternalLinkProp ?? checkIsExternalLink(props);\n  const isPageSection = isPageSectionProp ?? hrefProp?.startsWith('#') ?? false;\n\n  const isChildrenString = isTextChildren(children);\n\n  const rel = isExternalLink ? 'noopener noreferrer nofollow' : undefined;\n\n  const target = isExternalLink ? '_blank' : '_self';\n\n  const resolvedHref =\n    locale && hrefProp && !isExternalLink && !isPageSection\n      ? getLocalizedUrl(hrefProp, locale)\n      : hrefProp;\n\n  const href = resolvedHref === '' ? undefined : resolvedHref;\n\n  return (\n    <a\n      href={href}\n      aria-label={label}\n      rel={rel}\n      target={target}\n      aria-current={isActive ? 'page' : undefined}\n      suppressHydrationWarning\n      className={cn(\n        linkVariants({\n          variant,\n          color,\n          roundedSize,\n          underlined,\n          size,\n          className,\n        })\n      )}\n      {...otherProps}\n    >\n      {isButton && isChildrenString ? <span>{children}</span> : children}\n\n      {isExternalLink && isChildrenString && (\n        <ExternalLink className=\"ml-2 inline-block size-4\" />\n      )}\n      {isPageSection && <MoveRight className=\"ml-2 inline-block size-4\" />}\n    </a>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 'use client';
 
-import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";
 import { DropDown } from "../DropDown/index.mjs";
 import { Input } from "../Input/Input.mjs";
 import { SwitchSelector } from "../SwitchSelector/SwitchSelector.mjs";
+import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import { useLocaleSwitcherContent } from "./LocaleSwitcherContentContext.mjs";
 import { useMemo, useRef, useState } from "react";
 import { Check, Globe, MoveVertical } from "lucide-react";

package/dist/esm/components/Modal/Modal.mjs

@@ -1,10 +1,10 @@
 'use client';
 
-import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
-import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { cn } from "../../utils/cn.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";
+import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
+import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { H3 } from "../Headers/index.mjs";
 import { useEffect } from "react";
 import { cva } from "class-variance-authority";

package/dist/esm/components/Navbar/MobileNavbar.mjs

@@ -1,9 +1,9 @@
 'use client';
 
-import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
-import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";
 import { cn } from "../../utils/cn.mjs";
 import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
+import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
+import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";
 import { Burger } from "./Burger.mjs";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/esm/components/Pagination/Pagination.mjs

@@ -1,8 +1,8 @@
 'use client';
 
-import { useItemSelector } from "../../hooks/useItemSelector.mjs";
 import { cn } from "../../utils/cn.mjs";
 import { Button } from "../Button/Button.mjs";
+import { useItemSelector } from "../../hooks/useItemSelector.mjs";
 import { useEffect, useRef } from "react";
 import { cva } from "class-variance-authority";
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";

package/dist/esm/components/RightDrawer/RightDrawer.mjs

@@ -1,12 +1,12 @@
 'use client';
 
-import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
-import { useDevice } from "../../hooks/useDevice.mjs";
-import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";
+import { useDevice } from "../../hooks/useDevice.mjs";
 import { KeyboardShortcut } from "../KeyboardShortcut/KeyboardShortcut.mjs";
 import { Popover } from "../Popover/dynamic.mjs";
+import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
+import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { MaxWidthSmoother } from "../MaxWidthSmoother/index.mjs";
 import { isElementAtTopAndNotCovered } from "./isElementAtTopAndNotCovered.mjs";
 import { useRightDrawer } from "./useRightDrawer.mjs";

package/dist/esm/components/Steps/index.mjs

@@ -1,4 +1,5 @@
 import { cn } from "../../utils/cn.mjs";
+import { H3 } from "../Headers/index.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useIntlayer } from "react-intlayer";
 
@@ -24,7 +25,8 @@ const Step = ({ number, title, isOptional = false, children, className, ...props
 			className: "mt-10 mb-8 flex w-full min-w-0 flex-col gap-8",
 			children: [title && /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx("h3", {
+				children: [/* @__PURE__ */ jsx(H3, {
+					isClickable: true,
 					id: `step-${number}-${slugify(title)}`,
 					"aria-label": `${stepLabel} ${number}: ${title}`,
 					className: "font-semibold text-lg text-text",

package/dist/esm/components/Steps/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/Steps/index.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport type { FC, HTMLAttributes, OlHTMLAttributes, ReactNode } from 'react';\nimport { useIntlayer } from 'react-intlayer';\n\nconst slugify = (text: string) =>\n  String(text)\n    .normalize('NFD')\n    .replace(/[̀-ͯ]/g, '')\n    .replace(/\\s+/g, '-')\n    .toLowerCase();\n\ntype StepProps = HTMLAttributes<HTMLLIElement> & {\n  number: number | string;\n  title?: string;\n  isOptional?: boolean;\n  children: ReactNode;\n};\n\nexport const Step: FC<StepProps> = ({\n  number,\n  title,\n  isOptional = false,\n  children,\n  className,\n  ...props\n}) => {\n  const { stepLabel, optionalLabel } = useIntlayer('steps');\n\n  return (\n    <li\n      className={cn('group relative flex w-full flex-1 gap-4', className)}\n      {...props}\n    >\n      <div className=\"flex flex-col max-md:hidden\" aria-hidden=\"true\">\n        <div className=\"ml-4 h-10 border-text/20 border-l border-dashed group-first-of-type:hidden\" />\n        <span\n          className={cn(\n            'flex size-8 shrink-0 items-center justify-center rounded-full border-2 border-text/30 border-dotted bg-background font-black text-base text-text/70 max-md:hidden',\n            'group-first-of-type:mt-10'\n          )}\n        >\n          {number}\n        </span>\n        <div\n          className={cn(\n            'ml-4 flex-1 border-text/20 border-l border-dashed',\n            'group-last-of-type:h-40 group-last-of-type:flex-none group-last-of-type:[-webkit-mask-image:linear-gradient(to_bottom,black,transparent)] group-last-of-type:[mask-image:linear-gradient(to_bottom,black,transparent)]'\n          )}\n        />\n      </div>\n\n      <div className=\"mt-10 mb-8 flex w-full min-w-0 flex-col gap-8\">\n        {title && (\n          <div className=\"flex items-center gap-2\">\n            <h3\n              id={`step-${number}-${slugify(title)}`}\n              aria-label={`${stepLabel} ${number}: ${title}`}\n              className=\"font-semibold text-lg text-text\"\n            >\n              {title}\n            </h3>\n            {isOptional && (\n              <span className=\"ml-4 rounded-full bg-neutral/15 px-3 py-1 text-text/90 text-xs\">\n                {optionalLabel}\n              </span>\n            )}\n          </div>\n        )}\n        {children}\n      </div>\n    </li>\n  );\n};\n\ntype StepsProps = OlHTMLAttributes<HTMLOListElement> & {\n  children: ReactNode;\n};\n\nexport const Steps: FC<StepsProps> = ({ children, className, ...props }) => (\n  <ol className={cn('list-none', className)} {...props}>\n    {children}\n  </ol>\n);\n"],"mappings":";;;;;AAIA,MAAM,WAAW,SACf,OAAO,IAAI,EACR,UAAU,KAAK,EACf,QAAQ,UAAU,EAAE,EACpB,QAAQ,QAAQ,GAAG,EACnB,YAAY;AASjB,MAAa,QAAuB,EAClC,QACA,OACA,aAAa,OACb,UACA,WACA,GAAG,YACC;CACJ,MAAM,EAAE,WAAW,kBAAkB,YAAY,OAAO;CAExD,OACE,qBAAC,MAAD;EACE,WAAW,GAAG,2CAA2C,SAAS;EAClE,GAAI;YAFN,CAIE,qBAAC,OAAD;GAAK,WAAU;GAA8B,eAAY;aAAzD;IACE,oBAAC,OAAD,EAAK,WAAU,6EAA8E;IAC7F,oBAAC,QAAD;KACE,WAAW,GACT,qKACA,2BACF;eAEC;IACG;IACN,oBAAC,OAAD,EACE,WAAW,GACT,qDACA,wNACF,EACD;GACE;MAEL,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,SACC,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,MAAD;KACE,IAAI,QAAQ,OAAO,GAAG,QAAQ,KAAK;KACnC,cAAY,GAAG,UAAU,GAAG,OAAO,IAAI;KACvC,WAAU;eAET;IACC,IACH,cACC,oBAAC,QAAD;KAAM,WAAU;eACb;IACG,EAEL;OAEN,QACE;IACH;;AAER;AAMA,MAAa,SAAyB,EAAE,UAAU,WAAW,GAAG,YAC9D,oBAAC,MAAD;CAAI,WAAW,GAAG,aAAa,SAAS;CAAG,GAAI;CAC5C;AACC"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/Steps/index.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport type { FC, HTMLAttributes, OlHTMLAttributes, ReactNode } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { H3 } from '../Headers';\n\nconst slugify = (text: string) =>\n  String(text)\n    .normalize('NFD')\n    .replace(/[̀-ͯ]/g, '')\n    .replace(/\\s+/g, '-')\n    .toLowerCase();\n\ntype StepProps = HTMLAttributes<HTMLLIElement> & {\n  number: number | string;\n  title?: string;\n  isOptional?: boolean;\n  children: ReactNode;\n};\n\nexport const Step: FC<StepProps> = ({\n  number,\n  title,\n  isOptional = false,\n  children,\n  className,\n  ...props\n}) => {\n  const { stepLabel, optionalLabel } = useIntlayer('steps');\n\n  return (\n    <li\n      className={cn('group relative flex w-full flex-1 gap-4', className)}\n      {...props}\n    >\n      <div className=\"flex flex-col max-md:hidden\" aria-hidden=\"true\">\n        <div className=\"ml-4 h-10 border-text/20 border-l border-dashed group-first-of-type:hidden\" />\n        <span\n          className={cn(\n            'flex size-8 shrink-0 items-center justify-center rounded-full border-2 border-text/30 border-dotted bg-background font-black text-base text-text/70 max-md:hidden',\n            'group-first-of-type:mt-10'\n          )}\n        >\n          {number}\n        </span>\n        <div\n          className={cn(\n            'ml-4 flex-1 border-text/20 border-l border-dashed',\n            'group-last-of-type:h-40 group-last-of-type:flex-none group-last-of-type:[-webkit-mask-image:linear-gradient(to_bottom,black,transparent)] group-last-of-type:[mask-image:linear-gradient(to_bottom,black,transparent)]'\n          )}\n        />\n      </div>\n\n      <div className=\"mt-10 mb-8 flex w-full min-w-0 flex-col gap-8\">\n        {title && (\n          <div className=\"flex items-center gap-2\">\n            <H3\n              isClickable\n              id={`step-${number}-${slugify(title)}`}\n              aria-label={`${stepLabel} ${number}: ${title}`}\n              className=\"font-semibold text-lg text-text\"\n            >\n              {title}\n            </H3>\n            {isOptional && (\n              <span className=\"ml-4 rounded-full bg-neutral/15 px-3 py-1 text-text/90 text-xs\">\n                {optionalLabel}\n              </span>\n            )}\n          </div>\n        )}\n        {children}\n      </div>\n    </li>\n  );\n};\n\ntype StepsProps = OlHTMLAttributes<HTMLOListElement> & {\n  children: ReactNode;\n};\n\nexport const Steps: FC<StepsProps> = ({ children, className, ...props }) => (\n  <ol className={cn('list-none', className)} {...props}>\n    {children}\n  </ol>\n);\n"],"mappings":";;;;;;AAKA,MAAM,WAAW,SACf,OAAO,IAAI,EACR,UAAU,KAAK,EACf,QAAQ,UAAU,EAAE,EACpB,QAAQ,QAAQ,GAAG,EACnB,YAAY;AASjB,MAAa,QAAuB,EAClC,QACA,OACA,aAAa,OACb,UACA,WACA,GAAG,YACC;CACJ,MAAM,EAAE,WAAW,kBAAkB,YAAY,OAAO;CAExD,OACE,qBAAC,MAAD;EACE,WAAW,GAAG,2CAA2C,SAAS;EAClE,GAAI;YAFN,CAIE,qBAAC,OAAD;GAAK,WAAU;GAA8B,eAAY;aAAzD;IACE,oBAAC,OAAD,EAAK,WAAU,6EAA8E;IAC7F,oBAAC,QAAD;KACE,WAAW,GACT,qKACA,2BACF;eAEC;IACG;IACN,oBAAC,OAAD,EACE,WAAW,GACT,qDACA,wNACF,EACD;GACE;MAEL,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,SACC,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,IAAD;KACE;KACA,IAAI,QAAQ,OAAO,GAAG,QAAQ,KAAK;KACnC,cAAY,GAAG,UAAU,GAAG,OAAO,IAAI;KACvC,WAAU;eAET;IACC,IACH,cACC,oBAAC,QAAD;KAAM,WAAU;eACb;IACG,EAEL;OAEN,QACE;IACH;;AAER;AAMA,MAAa,SAAyB,EAAE,UAAU,WAAW,GAAG,YAC9D,oBAAC,MAAD;CAAI,WAAW,GAAG,aAAa,SAAS;CAAG,GAAI;CAC5C;AACC"}

package/dist/esm/components/SwitchSelector/SwitchSelector.mjs

@@ -83,6 +83,7 @@ const SwitchSelector = (props) => {
 				const isIndicatorOwner = index === indicatorIndex;
 				return /* @__PURE__ */ createElement("button", {
 					...buttonProps,
+					type: "button",
 					className: cn(choiceVariant({ size }), disabled && "cursor-not-allowed", itemClassName),
 					key: isKeyOfKey ? value : index,
 					role: "tab",

package/dist/esm/components/SwitchSelector/SwitchSelector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchSelector.mjs","names":[],"sources":["../../../../src/components/SwitchSelector/SwitchSelector.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { useSwitchSelector } from './useSwitchSelector';\n\nexport type SwitchSelectorChoice<T = boolean> = {\n  content: ReactNode;\n  value: T;\n} & HTMLAttributes<HTMLButtonElement>;\nexport type SwitchSelectorChoices<T> = SwitchSelectorChoice<T>[];\n\nexport const defaultChoices: SwitchSelectorChoices<boolean> = [\n  { content: 'Off', value: false },\n  { content: 'On', value: true },\n];\n\nexport type SwitchSelectorColor =\n  | 'primary'\n  | 'secondary'\n  | 'neutral'\n  | 'light'\n  | 'dark'\n  | 'text';\n\nexport type SwitchSelectorSize = 'xs' | 'sm' | 'md' | 'lg';\n\nexport type SwitchSelectorBaseProps<T = boolean> = {\n  choices?: SwitchSelectorChoices<T>;\n  value?: T;\n  defaultValue?: T;\n  onChange?: (choice: T) => void;\n  className?: string;\n  itemClassName?: string;\n  hoverable?: boolean;\n  disabled?: boolean;\n  [key: string]: any;\n};\n\nexport type SwitchSelectorProps<T = boolean> = SwitchSelectorBaseProps<T> &\n  VariantProps<typeof switchSelectorVariant> &\n  VariantProps<typeof choiceVariant>;\n\nexport const switchSelectorVariant = cva(\n  'flex h-fit w-fit cursor-pointer flex-row gap-2 rounded-full border-[1.3px] p-[1.5px]',\n  {\n    variants: {\n      color: {\n        primary: 'border-primary text-primary',\n        secondary: 'border-secondary text-secondary',\n        neutral: 'border-neutral text-neutral',\n        light: 'border-white text-white',\n        dark: 'border-neutral-800 text-neutral-800',\n        text: 'border-text text-text',\n      },\n      disabled: {\n        true: 'cursor-not-allowed opacity-50',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      color: `${'text'}`,\n      disabled: false,\n    },\n  }\n);\n\nexport const choiceVariant = cva(\n  'z-1 flex-1 cursor-pointer font-medium text-sm transition-all duration-300 ease-in-out aria-selected:cursor-default data-[indicator=true]:text-text-opposite motion-reduce:transition-none',\n  {\n    variants: {\n      size: {\n        xs: 'px-2 py-0.5 text-xs',\n        sm: 'px-2 py-1 text-xs',\n        md: 'p-2 text-sm',\n        lg: 'p-4 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nexport const indicatorVariant = cva(\n  'absolute top-0 z-0 h-full w-auto rounded-full transition-all duration-300 ease-in-out motion-reduce:transition-none',\n  {\n    variants: {\n      color: {\n        primary: 'bg-primary data-[indicator=true]:text-text',\n        secondary: 'bg-secondary data-[indicator=true]:text-text',\n        error: 'bg-error data-[indicator=true]:text-text',\n        neutral: 'bg-neutral data-[indicator=true]:text-white',\n        light: 'bg-white data-[indicator=true]:text-black',\n        dark: 'bg-neutral-800 data-[indicator=true]:text-white',\n        text: 'bg-text data-[indicator=true]:text-text-opposite',\n      },\n    },\n  }\n);\n\n/**\n * Component that allows the user to select one of the provided choices.\n * This component is horizontal.\n */\nexport const SwitchSelector = <T,>(props: SwitchSelectorProps<T>) => {\n  const {\n    choices = defaultChoices as SwitchSelectorChoices<T>,\n    color = 'primary',\n    size = 'md',\n    className,\n    itemClassName,\n  } = props;\n\n  const {\n    selectedIndex,\n    indicatorIndex,\n    handleChange,\n    optionsRefs,\n    indicatorRef,\n    choiceIndicatorPosition,\n    setHoveredIndex,\n    disabled,\n  } = useSwitchSelector(\n    {\n      choices,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      onChange: props.onChange,\n      hoverable: props.hoverable,\n      disabled: props.disabled,\n    },\n    'horizontal'\n  );\n\n  return (\n    <div\n      className={switchSelectorVariant({\n        color,\n        disabled,\n        className,\n      })}\n      role=\"tablist\"\n      aria-disabled={disabled ? 'true' : undefined}\n    >\n      <div className=\"relative flex size-full flex-row items-center justify-center\">\n        {choices.map((choice, index) => {\n          const { content, value, ...buttonProps } = choice;\n\n          const isKeyOfKey =\n            typeof value === 'string' || typeof value === 'number';\n\n          const isSelected = index === selectedIndex;\n          const isIndicatorOwner = index === indicatorIndex;\n\n          return (\n            <button\n              {...buttonProps}\n              className={cn(\n                choiceVariant({\n                  size,\n                }),\n                disabled && 'cursor-not-allowed',\n                itemClassName\n              )}\n              key={isKeyOfKey ? value : index}\n              role=\"tab\"\n              onClick={() => handleChange(value)}\n              aria-selected={isSelected ? 'true' : undefined}\n              data-indicator={isIndicatorOwner ? 'true' : undefined}\n              disabled={disabled}\n              tabIndex={isSelected ? 0 : -1}\n              ref={(el) => {\n                optionsRefs.current[index] = el!;\n              }}\n              onMouseEnter={() => !disabled && setHoveredIndex(index)}\n              onMouseLeave={() => !disabled && setHoveredIndex(null)}\n            >\n              {content}\n            </button>\n          );\n        })}\n\n        {choiceIndicatorPosition && (\n          <div\n            className={cn(\n              indicatorVariant({\n                color,\n              })\n            )}\n            style={choiceIndicatorPosition}\n            ref={indicatorRef}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAaA,MAAa,iBAAiD,CAC5D;CAAE,SAAS;CAAO,OAAO;AAAM,GAC/B;CAAE,SAAS;CAAM,OAAO;AAAK,CAC/B;AA4BA,MAAa,wBAAwB,IACnC,wFACA;CACE,UAAU;EACR,OAAO;GACL,SAAS;GACT,WAAW;GACX,SAAS;GACT,OAAO;GACP,MAAM;GACN,MAAM;EACR;EACA,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,OAAO;EACP,UAAU;CACZ;AACF,CACF;AAEA,MAAa,gBAAgB,IAC3B,6LACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAEA,MAAa,mBAAmB,IAC9B,uHACA,EACE,UAAU,EACR,OAAO;CACL,SAAS;CACT,WAAW;CACX,OAAO;CACP,SAAS;CACT,OAAO;CACP,MAAM;CACN,MAAM;AACR,EACF,EACF,CACF;;;;;AAMA,MAAa,kBAAsB,UAAkC;CACnE,MAAM,EACJ,UAAU,gBACV,QAAQ,WACR,OAAO,MACP,WACA,kBACE;CAEJ,MAAM,EACJ,eACA,gBACA,cACA,aACA,cACA,yBACA,iBACA,aACE,kBACF;EACE;EACA,OAAO,MAAM;EACb,cAAc,MAAM;EACpB,UAAU,MAAM;EAChB,WAAW,MAAM;EACjB,UAAU,MAAM;CAClB,GACA,YACF;CAEA,OACE,oBAAC,OAAD;EACE,WAAW,sBAAsB;GAC/B;GACA;GACA;EACF,CAAC;EACD,MAAK;EACL,iBAAe,WAAW,SAAS;YAEnC,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,QAAQ,KAAK,QAAQ,UAAU;IAC9B,MAAM,EAAE,SAAS,OAAO,GAAG,gBAAgB;IAE3C,MAAM,aACJ,OAAO,UAAU,YAAY,OAAO,UAAU;IAEhD,MAAM,aAAa,UAAU;IAC7B,MAAM,mBAAmB,UAAU;IAEnC,OACE,8BAAC,UAAD;KACE,GAAI;KACJ,WAAW,GACT,cAAc,EACZ,KACF,CAAC,GACD,YAAY,sBACZ,aACF;KACA,KAAK,aAAa,QAAQ;KAC1B,MAAK;KACL,eAAe,aAAa,KAAK;KACjC,iBAAe,aAAa,SAAS;KACrC,kBAAgB,mBAAmB,SAAS;KAClC;KACV,UAAU,aAAa,IAAI;KAC3B,MAAM,OAAO;MACX,YAAY,QAAQ,SAAS;KAC/B;KACA,oBAAoB,CAAC,YAAY,gBAAgB,KAAK;KACtD,oBAAoB,CAAC,YAAY,gBAAgB,IAAI;IAG/C,GADL,OACK;GAEZ,CAAC,GAEA,2BACC,oBAAC,OAAD;IACE,WAAW,GACT,iBAAiB,EACf,MACF,CAAC,CACH;IACA,OAAO;IACP,KAAK;GACN,EAEA;;CACF;AAET"}
+{"version":3,"file":"SwitchSelector.mjs","names":[],"sources":["../../../../src/components/SwitchSelector/SwitchSelector.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { useSwitchSelector } from './useSwitchSelector';\n\nexport type SwitchSelectorChoice<T = boolean> = {\n  content: ReactNode;\n  value: T;\n} & HTMLAttributes<HTMLButtonElement>;\nexport type SwitchSelectorChoices<T> = SwitchSelectorChoice<T>[];\n\nexport const defaultChoices: SwitchSelectorChoices<boolean> = [\n  { content: 'Off', value: false },\n  { content: 'On', value: true },\n];\n\nexport type SwitchSelectorColor =\n  | 'primary'\n  | 'secondary'\n  | 'neutral'\n  | 'light'\n  | 'dark'\n  | 'text';\n\nexport type SwitchSelectorSize = 'xs' | 'sm' | 'md' | 'lg';\n\nexport type SwitchSelectorBaseProps<T = boolean> = {\n  choices?: SwitchSelectorChoices<T>;\n  value?: T;\n  defaultValue?: T;\n  onChange?: (choice: T) => void;\n  className?: string;\n  itemClassName?: string;\n  hoverable?: boolean;\n  disabled?: boolean;\n  [key: string]: any;\n};\n\nexport type SwitchSelectorProps<T = boolean> = SwitchSelectorBaseProps<T> &\n  VariantProps<typeof switchSelectorVariant> &\n  VariantProps<typeof choiceVariant>;\n\nexport const switchSelectorVariant = cva(\n  'flex h-fit w-fit cursor-pointer flex-row gap-2 rounded-full border-[1.3px] p-[1.5px]',\n  {\n    variants: {\n      color: {\n        primary: 'border-primary text-primary',\n        secondary: 'border-secondary text-secondary',\n        neutral: 'border-neutral text-neutral',\n        light: 'border-white text-white',\n        dark: 'border-neutral-800 text-neutral-800',\n        text: 'border-text text-text',\n      },\n      disabled: {\n        true: 'cursor-not-allowed opacity-50',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      color: `${'text'}`,\n      disabled: false,\n    },\n  }\n);\n\nexport const choiceVariant = cva(\n  'z-1 flex-1 cursor-pointer font-medium text-sm transition-all duration-300 ease-in-out aria-selected:cursor-default data-[indicator=true]:text-text-opposite motion-reduce:transition-none',\n  {\n    variants: {\n      size: {\n        xs: 'px-2 py-0.5 text-xs',\n        sm: 'px-2 py-1 text-xs',\n        md: 'p-2 text-sm',\n        lg: 'p-4 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nexport const indicatorVariant = cva(\n  'absolute top-0 z-0 h-full w-auto rounded-full transition-all duration-300 ease-in-out motion-reduce:transition-none',\n  {\n    variants: {\n      color: {\n        primary: 'bg-primary data-[indicator=true]:text-text',\n        secondary: 'bg-secondary data-[indicator=true]:text-text',\n        error: 'bg-error data-[indicator=true]:text-text',\n        neutral: 'bg-neutral data-[indicator=true]:text-white',\n        light: 'bg-white data-[indicator=true]:text-black',\n        dark: 'bg-neutral-800 data-[indicator=true]:text-white',\n        text: 'bg-text data-[indicator=true]:text-text-opposite',\n      },\n    },\n  }\n);\n\n/**\n * Component that allows the user to select one of the provided choices.\n * This component is horizontal.\n */\nexport const SwitchSelector = <T,>(props: SwitchSelectorProps<T>) => {\n  const {\n    choices = defaultChoices as SwitchSelectorChoices<T>,\n    color = 'primary',\n    size = 'md',\n    className,\n    itemClassName,\n  } = props;\n\n  const {\n    selectedIndex,\n    indicatorIndex,\n    handleChange,\n    optionsRefs,\n    indicatorRef,\n    choiceIndicatorPosition,\n    setHoveredIndex,\n    disabled,\n  } = useSwitchSelector(\n    {\n      choices,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      onChange: props.onChange,\n      hoverable: props.hoverable,\n      disabled: props.disabled,\n    },\n    'horizontal'\n  );\n\n  return (\n    <div\n      className={switchSelectorVariant({\n        color,\n        disabled,\n        className,\n      })}\n      role=\"tablist\"\n      aria-disabled={disabled ? 'true' : undefined}\n    >\n      <div className=\"relative flex size-full flex-row items-center justify-center\">\n        {choices.map((choice, index) => {\n          const { content, value, ...buttonProps } = choice;\n\n          const isKeyOfKey =\n            typeof value === 'string' || typeof value === 'number';\n\n          const isSelected = index === selectedIndex;\n          const isIndicatorOwner = index === indicatorIndex;\n\n          return (\n            <button\n              {...buttonProps}\n              type=\"button\"\n              className={cn(\n                choiceVariant({\n                  size,\n                }),\n                disabled && 'cursor-not-allowed',\n                itemClassName\n              )}\n              key={isKeyOfKey ? value : index}\n              role=\"tab\"\n              onClick={() => handleChange(value)}\n              aria-selected={isSelected ? 'true' : undefined}\n              data-indicator={isIndicatorOwner ? 'true' : undefined}\n              disabled={disabled}\n              tabIndex={isSelected ? 0 : -1}\n              ref={(el) => {\n                optionsRefs.current[index] = el!;\n              }}\n              onMouseEnter={() => !disabled && setHoveredIndex(index)}\n              onMouseLeave={() => !disabled && setHoveredIndex(null)}\n            >\n              {content}\n            </button>\n          );\n        })}\n\n        {choiceIndicatorPosition && (\n          <div\n            className={cn(\n              indicatorVariant({\n                color,\n              })\n            )}\n            style={choiceIndicatorPosition}\n            ref={indicatorRef}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAaA,MAAa,iBAAiD,CAC5D;CAAE,SAAS;CAAO,OAAO;AAAM,GAC/B;CAAE,SAAS;CAAM,OAAO;AAAK,CAC/B;AA4BA,MAAa,wBAAwB,IACnC,wFACA;CACE,UAAU;EACR,OAAO;GACL,SAAS;GACT,WAAW;GACX,SAAS;GACT,OAAO;GACP,MAAM;GACN,MAAM;EACR;EACA,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,OAAO;EACP,UAAU;CACZ;AACF,CACF;AAEA,MAAa,gBAAgB,IAC3B,6LACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAEA,MAAa,mBAAmB,IAC9B,uHACA,EACE,UAAU,EACR,OAAO;CACL,SAAS;CACT,WAAW;CACX,OAAO;CACP,SAAS;CACT,OAAO;CACP,MAAM;CACN,MAAM;AACR,EACF,EACF,CACF;;;;;AAMA,MAAa,kBAAsB,UAAkC;CACnE,MAAM,EACJ,UAAU,gBACV,QAAQ,WACR,OAAO,MACP,WACA,kBACE;CAEJ,MAAM,EACJ,eACA,gBACA,cACA,aACA,cACA,yBACA,iBACA,aACE,kBACF;EACE;EACA,OAAO,MAAM;EACb,cAAc,MAAM;EACpB,UAAU,MAAM;EAChB,WAAW,MAAM;EACjB,UAAU,MAAM;CAClB,GACA,YACF;CAEA,OACE,oBAAC,OAAD;EACE,WAAW,sBAAsB;GAC/B;GACA;GACA;EACF,CAAC;EACD,MAAK;EACL,iBAAe,WAAW,SAAS;YAEnC,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,QAAQ,KAAK,QAAQ,UAAU;IAC9B,MAAM,EAAE,SAAS,OAAO,GAAG,gBAAgB;IAE3C,MAAM,aACJ,OAAO,UAAU,YAAY,OAAO,UAAU;IAEhD,MAAM,aAAa,UAAU;IAC7B,MAAM,mBAAmB,UAAU;IAEnC,OACE,8BAAC,UAAD;KACE,GAAI;KACJ,MAAK;KACL,WAAW,GACT,cAAc,EACZ,KACF,CAAC,GACD,YAAY,sBACZ,aACF;KACA,KAAK,aAAa,QAAQ;KAC1B,MAAK;KACL,eAAe,aAAa,KAAK;KACjC,iBAAe,aAAa,SAAS;KACrC,kBAAgB,mBAAmB,SAAS;KAClC;KACV,UAAU,aAAa,IAAI;KAC3B,MAAM,OAAO;MACX,YAAY,QAAQ,SAAS;KAC/B;KACA,oBAAoB,CAAC,YAAY,gBAAgB,KAAK;KACtD,oBAAoB,CAAC,YAAY,gBAAgB,IAAI;IAG/C,GADL,OACK;GAEZ,CAAC,GAEA,2BACC,oBAAC,OAAD;IACE,WAAW,GACT,iBAAiB,EACf,MACF,CAAC,CACH;IACA,OAAO;IACP,KAAK;GACN,EAEA;;CACF;AAET"}

package/dist/esm/components/Tab/Tab.mjs

@@ -1,8 +1,8 @@
 'use client';
 
-import { useHorizontalSwipe } from "../../hooks/useHorizontalSwipe.mjs";
 import { cn } from "../../utils/cn.mjs";
 import { TabSelector } from "../TabSelector/TabSelector.mjs";
+import { useHorizontalSwipe } from "../../hooks/useHorizontalSwipe.mjs";
 import { useTabContext } from "./TabContext.mjs";
 import { Children, createContext, isValidElement, useState } from "react";
 import { cva } from "class-variance-authority";

package/dist/esm/components/TabSelector/TabSelector.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { useItemSelector } from "../../hooks/useItemSelector.mjs";
 import { cn } from "../../utils/cn.mjs";
+import { useItemSelector } from "../../hooks/useItemSelector.mjs";
 import { cloneElement, useEffect, useRef } from "react";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/esm/hooks/index.mjs

@@ -1,16 +1,16 @@
-import { useKeyboardDetector } from "./useKeyboardDetector.mjs";
-import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
-import { useScrollY } from "./useScrollY.mjs";
-import { usePersistedStore } from "./usePersistedStore.mjs";
-import { useHorizontalSwipe } from "./useHorizontalSwipe.mjs";
-import { useItemSelector } from "./useItemSelector.mjs";
 import { calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice } from "./useDevice.mjs";
-import { useSearch } from "./useSearch.mjs";
-import { useIsMounted } from "./useIsMounted.mjs";
+import { useItemSelector } from "./useItemSelector.mjs";
+import { usePersistedStore } from "./usePersistedStore.mjs";
 import { useGetElementById } from "./useGetElementById.mjs";
+import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
+import { useHorizontalSwipe } from "./useHorizontalSwipe.mjs";
 import { useIsDarkMode } from "./useIsDarkMode.mjs";
+import { useIsMounted } from "./useIsMounted.mjs";
+import { useKeyboardDetector } from "./useKeyboardDetector.mjs";
 import { useScreenWidth } from "./useScreenWidth.mjs";
 import { useScrollBlockage } from "./useScrollBlockage/index.mjs";
 import { useScrollDetection } from "./useScrollDetection.mjs";
+import { useScrollY } from "./useScrollY.mjs";
+import { useSearch } from "./useSearch.mjs";
 
 export { calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice, useGetElementById, useGetElementOrWindow, useHorizontalSwipe, useIsDarkMode, useIsMounted, useItemSelector, useKeyboardDetector, usePersistedStore, useScreenWidth, useScrollBlockage, useScrollDetection, useScrollY, useSearch };

package/dist/esm/libs/auth.mjs

@@ -133,10 +133,10 @@ const getAuthAPI = (intlayerConfig) => {
 		return client.sso.register(...args);
 	};
 	const listSSOProviders = async () => {
-		return [];
+		return { data: (await client.sso.providers())?.data?.providers ?? [] };
 	};
-	const deleteSSOProvider = async (_args) => {
-		return { success: true };
+	const deleteSSOProvider = async (args) => {
+		return client.sso.deleteProvider({ providerId: args.providerId });
 	};
 	return {
 		getAuthClient: () => client,

package/dist/esm/libs/auth.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"auth.mjs","names":[],"sources":["../../../src/libs/auth.ts"],"sourcesContent":["import { passkeyClient } from '@better-auth/passkey/client';\nimport { ssoClient } from '@better-auth/sso/client';\nimport { editor } from '@intlayer/config/built';\nimport { BACKEND_URL } from '@intlayer/config/defaultValues';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { createAuthClient } from 'better-auth/client';\nimport { magicLinkClient, twoFactorClient } from 'better-auth/client/plugins';\n\nconst getAuthClient = (backendURL: string) =>\n  createAuthClient({\n    baseURL: backendURL,\n    withCredentials: true, // makes fetch forward cookies\n    plugins: [\n      twoFactorClient({\n        onTwoFactorRedirect: () => {\n          // Preserve redirect_url when redirecting to 2FA\n          const searchParams = new URLSearchParams(window.location.search);\n          const redirectUrl = searchParams.get('redirect_url');\n          const twoFaUrl = redirectUrl\n            ? `/auth/2fa?redirect_url=${encodeURIComponent(redirectUrl)}`\n            : '/auth/2fa';\n          window.location.href = twoFaUrl;\n        },\n      }),\n      passkeyClient(),\n      magicLinkClient() as never,\n      ssoClient(),\n    ],\n  });\n\ntype AuthClient = ReturnType<typeof getAuthClient>;\n\nexport interface AuthAPI {\n  getAuthClient: () => AuthClient;\n  signInEmail: AuthClient['signIn']['email'];\n  signUpEmail: AuthClient['signUp']['email'];\n  signOut: AuthClient['signOut'];\n  signInSocial: AuthClient['signIn']['social'];\n  linkSocial: AuthClient['linkSocial'];\n  changePasswordSession: AuthClient['changePassword'];\n  requestPasswordResetSession: AuthClient['requestPasswordReset'];\n  resetPassword: AuthClient['resetPassword'];\n  verifyEmailSession: AuthClient['verifyEmail'];\n  getSession: AuthClient['getSession'];\n  forgetPassword: AuthClient['requestPasswordReset'];\n  sendVerificationEmail: AuthClient['sendVerificationEmail'];\n  changeEmail: AuthClient['changeEmail'];\n  deleteUser: AuthClient['deleteUser'];\n  revokeSession: AuthClient['revokeSession'];\n  revokeSessions: AuthClient['revokeSessions'];\n  revokeOtherSessions: AuthClient['revokeOtherSessions'];\n  listAccounts: AuthClient['listAccounts'];\n  unlinkAccount: AuthClient['unlinkAccount'];\n  refreshToken: AuthClient['refreshToken'];\n  getAccessToken: AuthClient['getAccessToken'];\n  accountInfo: AuthClient['accountInfo'];\n  updateUser: AuthClient['updateUser'];\n  listSessions: AuthClient['listSessions'];\n  enableTwoFactor: AuthClient['twoFactor']['enable'];\n  disableTwoFactor: AuthClient['twoFactor']['disable'];\n  verifyTotp: AuthClient['twoFactor']['verifyTotp'];\n  verifyBackupCode: AuthClient['twoFactor']['verifyBackupCode'];\n  addPasskey: AuthClient['passkey']['addPasskey'];\n  signInPasskey: AuthClient['signIn']['passkey'];\n  deletePasskey: AuthClient['passkey']['deletePasskey'];\n  listPasskeys: () => Promise<any>;\n  signInMagicLink: (\n    // Redeclare it because of type inference issues\n    input: { email: string; callbackURL: string }\n  ) => any;\n  registerSSO: AuthClient['sso']['register'];\n  listSSOProviders: () => Promise<any>;\n  deleteSSOProvider: (args: { providerId: string }) => Promise<any>;\n  signInSSO: AuthClient['signIn']['sso'];\n}\n\nexport const getAuthAPI = (\n  intlayerConfig?: Pick<IntlayerConfig, 'editor'>\n): AuthAPI => {\n  let backendURL = intlayerConfig?.editor?.backendURL ?? editor?.backendURL;\n\n  if (!backendURL) {\n    backendURL = BACKEND_URL;\n    console.error('Backend URL is not defined in the Intlayer configuration.');\n  }\n\n  const client = getAuthClient(backendURL);\n\n  const signInEmail: AuthClient['signIn']['email'] = async (...args) => {\n    return client.signIn.email(...args);\n  };\n\n  const signInSocial: AuthClient['signIn']['social'] = async (...args) => {\n    return client.signIn.social(...args);\n  };\n\n  const signUpEmail: AuthClient['signUp']['email'] = async (...args) => {\n    return client.signUp.email(...args);\n  };\n\n  const signOut: AuthClient['signOut'] = async (...args) => {\n    return client.signOut(...args);\n  };\n\n  const changePasswordSession: AuthClient['changePassword'] = async (\n    ...args\n  ) => {\n    return client.changePassword(...args);\n  };\n\n  const requestPasswordResetSession: AuthClient['requestPasswordReset'] =\n    async (...args) => {\n      return client.requestPasswordReset(...args);\n    };\n\n  // @ts-ignore - resetPassword is not typed\n  const resetPassword: AuthClient['resetPassword'] = async (...args) => {\n    return client.resetPassword(...args);\n  };\n\n  const verifyEmailSession: AuthClient['verifyEmail'] = async (...args) => {\n    return client.verifyEmail(...args);\n  };\n\n  const getSession: AuthClient['getSession'] = async (...args) => {\n    return client.getSession(...args);\n  };\n\n  const forgetPassword: AuthClient['requestPasswordReset'] = async (\n    ...args\n  ) => {\n    return client.requestPasswordReset(...args);\n  };\n\n  const sendVerificationEmail: AuthClient['sendVerificationEmail'] = async (\n    ...args\n  ) => {\n    return client.sendVerificationEmail(...args);\n  };\n\n  const changeEmail: AuthClient['changeEmail'] = async (...args) => {\n    return client.changeEmail(...args);\n  };\n\n  // @ts-ignore - deleteUser is not typed\n  const deleteUser: AuthClient['deleteUser'] = async (...args) => {\n    return client.deleteUser(...args);\n  };\n\n  const revokeSession: AuthClient['revokeSession'] = async (...args) => {\n    return client.revokeSession(...args);\n  };\n\n  const revokeSessions: AuthClient['revokeSessions'] = async (...args) => {\n    return client.revokeSessions(...args);\n  };\n\n  const revokeOtherSessions: AuthClient['revokeOtherSessions'] = async (\n    ...args\n  ) => {\n    return client.revokeOtherSessions(...args);\n  };\n\n  const linkSocial: AuthClient['linkSocial'] = async (...args) => {\n    return client.linkSocial(...args);\n  };\n\n  const listAccounts: AuthClient['listAccounts'] = async (...args) => {\n    return client.listAccounts(...args);\n  };\n\n  const unlinkAccount: AuthClient['unlinkAccount'] = async (...args) => {\n    return client.unlinkAccount(...args);\n  };\n\n  const refreshToken: AuthClient['refreshToken'] = async (...args) => {\n    return client.refreshToken(...args);\n  };\n\n  const getAccessToken: AuthClient['getAccessToken'] = async (...args) => {\n    return client.getAccessToken(...args);\n  };\n\n  const accountInfo: AuthClient['accountInfo'] = async (...args) => {\n    return client.accountInfo(...args);\n  };\n\n  const updateUser: AuthClient['updateUser'] = async (...args) => {\n    return client.updateUser(...args);\n  };\n\n  const listSessions: AuthClient['listSessions'] = async (...args) => {\n    return client.listSessions(...args);\n  };\n\n  const enableTwoFactor: AuthClient['twoFactor']['enable'] = async (\n    ...args\n  ) => {\n    return client.twoFactor.enable(...args) as ReturnType<\n      AuthClient['twoFactor']['enable']\n    >;\n  };\n\n  const disableTwoFactor: AuthClient['twoFactor']['disable'] = async (\n    ...args\n  ) => {\n    return client.twoFactor.disable(...args) as ReturnType<\n      AuthClient['twoFactor']['disable']\n    >;\n  };\n\n  const verifyTotp: AuthClient['twoFactor']['verifyTotp'] = async (...args) => {\n    return client.twoFactor.verifyTotp(...args) as ReturnType<\n      AuthClient['twoFactor']['verifyTotp']\n    >;\n  };\n\n  const verifyBackupCode: AuthClient['twoFactor']['verifyBackupCode'] = async (\n    ...args\n  ) => {\n    return client.twoFactor.verifyBackupCode(...args) as ReturnType<\n      AuthClient['twoFactor']['verifyBackupCode']\n    >;\n  };\n\n  const addPasskey: AuthClient['passkey']['addPasskey'] = async (...args) => {\n    return client.passkey.addPasskey(...args);\n  };\n\n  const signInPasskey: AuthClient['signIn']['passkey'] = async (...args) => {\n    return client.signIn.passkey(...args);\n  };\n\n  const deletePasskey: AuthClient['passkey']['deletePasskey'] = async (\n    ...args\n  ) => {\n    return client.passkey.deletePasskey(...args);\n  };\n\n  const listPasskeys = async () => {\n    // @ts-ignore - listPasskeys may not be typed yet\n    return client.$fetch('/passkey/list-user-passkeys', {\n      method: 'GET',\n    });\n  };\n\n  const signInMagicLink: any = async (...args: any[]) => {\n    return (client.signIn as any).magicLink(...args);\n  };\n\n  const signInSSO: AuthClient['signIn']['sso'] = async (...args) => {\n    return client.signIn.sso(...args);\n  };\n\n  const registerSSO: AuthClient['sso']['register'] = async (...args) => {\n    return client.sso.register(...args);\n  };\n\n  const listSSOProviders = async () => {\n    // Not implemented yet\n    return [];\n  };\n\n  const deleteSSOProvider = async (_args: { providerId: string }) => {\n    // Not implemented yet\n    return { success: true };\n  };\n\n  return {\n    getAuthClient: () => client,\n    signInEmail,\n    signUpEmail,\n    signOut,\n    signInSocial,\n    linkSocial,\n    changePasswordSession,\n    requestPasswordResetSession,\n    resetPassword,\n    verifyEmailSession,\n    getSession,\n    forgetPassword,\n    sendVerificationEmail,\n    changeEmail,\n    deleteUser,\n    revokeSession,\n    revokeSessions,\n    revokeOtherSessions,\n    listAccounts,\n    unlinkAccount,\n    refreshToken,\n    getAccessToken,\n    accountInfo,\n    updateUser,\n    listSessions,\n    enableTwoFactor,\n    disableTwoFactor,\n    verifyTotp,\n    verifyBackupCode,\n    addPasskey,\n    signInPasskey,\n    deletePasskey,\n    listPasskeys,\n    signInMagicLink,\n    signInSSO,\n    registerSSO,\n    listSSOProviders,\n    deleteSSOProvider,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"auth.mjs","names":[],"sources":["../../../src/libs/auth.ts"],"sourcesContent":["import { passkeyClient } from '@better-auth/passkey/client';\nimport { ssoClient } from '@better-auth/sso/client';\nimport { editor } from '@intlayer/config/built';\nimport { BACKEND_URL } from '@intlayer/config/defaultValues';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { createAuthClient } from 'better-auth/client';\nimport { magicLinkClient, twoFactorClient } from 'better-auth/client/plugins';\n\nconst getAuthClient = (backendURL: string) =>\n  createAuthClient({\n    baseURL: backendURL,\n    withCredentials: true, // makes fetch forward cookies\n    plugins: [\n      twoFactorClient({\n        onTwoFactorRedirect: () => {\n          // Preserve redirect_url when redirecting to 2FA\n          const searchParams = new URLSearchParams(window.location.search);\n          const redirectUrl = searchParams.get('redirect_url');\n          const twoFaUrl = redirectUrl\n            ? `/auth/2fa?redirect_url=${encodeURIComponent(redirectUrl)}`\n            : '/auth/2fa';\n          window.location.href = twoFaUrl;\n        },\n      }),\n      passkeyClient(),\n      magicLinkClient() as never,\n      ssoClient(),\n    ],\n  });\n\ntype AuthClient = ReturnType<typeof getAuthClient>;\n\nexport interface AuthAPI {\n  getAuthClient: () => AuthClient;\n  signInEmail: AuthClient['signIn']['email'];\n  signUpEmail: AuthClient['signUp']['email'];\n  signOut: AuthClient['signOut'];\n  signInSocial: AuthClient['signIn']['social'];\n  linkSocial: AuthClient['linkSocial'];\n  changePasswordSession: AuthClient['changePassword'];\n  requestPasswordResetSession: AuthClient['requestPasswordReset'];\n  resetPassword: AuthClient['resetPassword'];\n  verifyEmailSession: AuthClient['verifyEmail'];\n  getSession: AuthClient['getSession'];\n  forgetPassword: AuthClient['requestPasswordReset'];\n  sendVerificationEmail: AuthClient['sendVerificationEmail'];\n  changeEmail: AuthClient['changeEmail'];\n  deleteUser: AuthClient['deleteUser'];\n  revokeSession: AuthClient['revokeSession'];\n  revokeSessions: AuthClient['revokeSessions'];\n  revokeOtherSessions: AuthClient['revokeOtherSessions'];\n  listAccounts: AuthClient['listAccounts'];\n  unlinkAccount: AuthClient['unlinkAccount'];\n  refreshToken: AuthClient['refreshToken'];\n  getAccessToken: AuthClient['getAccessToken'];\n  accountInfo: AuthClient['accountInfo'];\n  updateUser: AuthClient['updateUser'];\n  listSessions: AuthClient['listSessions'];\n  enableTwoFactor: AuthClient['twoFactor']['enable'];\n  disableTwoFactor: AuthClient['twoFactor']['disable'];\n  verifyTotp: AuthClient['twoFactor']['verifyTotp'];\n  verifyBackupCode: AuthClient['twoFactor']['verifyBackupCode'];\n  addPasskey: AuthClient['passkey']['addPasskey'];\n  signInPasskey: AuthClient['signIn']['passkey'];\n  deletePasskey: AuthClient['passkey']['deletePasskey'];\n  listPasskeys: () => Promise<any>;\n  signInMagicLink: (\n    // Redeclare it because of type inference issues\n    input: { email: string; callbackURL: string }\n  ) => any;\n  registerSSO: AuthClient['sso']['register'];\n  listSSOProviders: () => Promise<any>;\n  deleteSSOProvider: (args: { providerId: string }) => Promise<any>;\n  signInSSO: AuthClient['signIn']['sso'];\n}\n\nexport const getAuthAPI = (\n  intlayerConfig?: Pick<IntlayerConfig, 'editor'>\n): AuthAPI => {\n  let backendURL = intlayerConfig?.editor?.backendURL ?? editor?.backendURL;\n\n  if (!backendURL) {\n    backendURL = BACKEND_URL;\n    console.error('Backend URL is not defined in the Intlayer configuration.');\n  }\n\n  const client = getAuthClient(backendURL);\n\n  const signInEmail: AuthClient['signIn']['email'] = async (...args) => {\n    return client.signIn.email(...args);\n  };\n\n  const signInSocial: AuthClient['signIn']['social'] = async (...args) => {\n    return client.signIn.social(...args);\n  };\n\n  const signUpEmail: AuthClient['signUp']['email'] = async (...args) => {\n    return client.signUp.email(...args);\n  };\n\n  const signOut: AuthClient['signOut'] = async (...args) => {\n    return client.signOut(...args);\n  };\n\n  const changePasswordSession: AuthClient['changePassword'] = async (\n    ...args\n  ) => {\n    return client.changePassword(...args);\n  };\n\n  const requestPasswordResetSession: AuthClient['requestPasswordReset'] =\n    async (...args) => {\n      return client.requestPasswordReset(...args);\n    };\n\n  // @ts-ignore - resetPassword is not typed\n  const resetPassword: AuthClient['resetPassword'] = async (...args) => {\n    return client.resetPassword(...args);\n  };\n\n  const verifyEmailSession: AuthClient['verifyEmail'] = async (...args) => {\n    return client.verifyEmail(...args);\n  };\n\n  const getSession: AuthClient['getSession'] = async (...args) => {\n    return client.getSession(...args);\n  };\n\n  const forgetPassword: AuthClient['requestPasswordReset'] = async (\n    ...args\n  ) => {\n    return client.requestPasswordReset(...args);\n  };\n\n  const sendVerificationEmail: AuthClient['sendVerificationEmail'] = async (\n    ...args\n  ) => {\n    return client.sendVerificationEmail(...args);\n  };\n\n  const changeEmail: AuthClient['changeEmail'] = async (...args) => {\n    return client.changeEmail(...args);\n  };\n\n  // @ts-ignore - deleteUser is not typed\n  const deleteUser: AuthClient['deleteUser'] = async (...args) => {\n    return client.deleteUser(...args);\n  };\n\n  const revokeSession: AuthClient['revokeSession'] = async (...args) => {\n    return client.revokeSession(...args);\n  };\n\n  const revokeSessions: AuthClient['revokeSessions'] = async (...args) => {\n    return client.revokeSessions(...args);\n  };\n\n  const revokeOtherSessions: AuthClient['revokeOtherSessions'] = async (\n    ...args\n  ) => {\n    return client.revokeOtherSessions(...args);\n  };\n\n  const linkSocial: AuthClient['linkSocial'] = async (...args) => {\n    return client.linkSocial(...args);\n  };\n\n  const listAccounts: AuthClient['listAccounts'] = async (...args) => {\n    return client.listAccounts(...args);\n  };\n\n  const unlinkAccount: AuthClient['unlinkAccount'] = async (...args) => {\n    return client.unlinkAccount(...args);\n  };\n\n  const refreshToken: AuthClient['refreshToken'] = async (...args) => {\n    return client.refreshToken(...args);\n  };\n\n  const getAccessToken: AuthClient['getAccessToken'] = async (...args) => {\n    return client.getAccessToken(...args);\n  };\n\n  const accountInfo: AuthClient['accountInfo'] = async (...args) => {\n    return client.accountInfo(...args);\n  };\n\n  const updateUser: AuthClient['updateUser'] = async (...args) => {\n    return client.updateUser(...args);\n  };\n\n  const listSessions: AuthClient['listSessions'] = async (...args) => {\n    return client.listSessions(...args);\n  };\n\n  const enableTwoFactor: AuthClient['twoFactor']['enable'] = async (\n    ...args\n  ) => {\n    return client.twoFactor.enable(...args) as ReturnType<\n      AuthClient['twoFactor']['enable']\n    >;\n  };\n\n  const disableTwoFactor: AuthClient['twoFactor']['disable'] = async (\n    ...args\n  ) => {\n    return client.twoFactor.disable(...args) as ReturnType<\n      AuthClient['twoFactor']['disable']\n    >;\n  };\n\n  const verifyTotp: AuthClient['twoFactor']['verifyTotp'] = async (...args) => {\n    return client.twoFactor.verifyTotp(...args) as ReturnType<\n      AuthClient['twoFactor']['verifyTotp']\n    >;\n  };\n\n  const verifyBackupCode: AuthClient['twoFactor']['verifyBackupCode'] = async (\n    ...args\n  ) => {\n    return client.twoFactor.verifyBackupCode(...args) as ReturnType<\n      AuthClient['twoFactor']['verifyBackupCode']\n    >;\n  };\n\n  const addPasskey: AuthClient['passkey']['addPasskey'] = async (...args) => {\n    return client.passkey.addPasskey(...args);\n  };\n\n  const signInPasskey: AuthClient['signIn']['passkey'] = async (...args) => {\n    return client.signIn.passkey(...args);\n  };\n\n  const deletePasskey: AuthClient['passkey']['deletePasskey'] = async (\n    ...args\n  ) => {\n    return client.passkey.deletePasskey(...args);\n  };\n\n  const listPasskeys = async () => {\n    // @ts-ignore - listPasskeys may not be typed yet\n    return client.$fetch('/passkey/list-user-passkeys', {\n      method: 'GET',\n    });\n  };\n\n  const signInMagicLink: any = async (...args: any[]) => {\n    return (client.signIn as any).magicLink(...args);\n  };\n\n  const signInSSO: AuthClient['signIn']['sso'] = async (...args) => {\n    return client.signIn.sso(...args);\n  };\n\n  const registerSSO: AuthClient['sso']['register'] = async (...args) => {\n    return client.sso.register(...args);\n  };\n\n  const listSSOProviders = async () => {\n    const response = await (client.sso as any).providers();\n    return { data: response?.data?.providers ?? [] };\n  };\n\n  const deleteSSOProvider = async (args: { providerId: string }) => {\n    return (client.sso as any).deleteProvider({ providerId: args.providerId });\n  };\n\n  return {\n    getAuthClient: () => client,\n    signInEmail,\n    signUpEmail,\n    signOut,\n    signInSocial,\n    linkSocial,\n    changePasswordSession,\n    requestPasswordResetSession,\n    resetPassword,\n    verifyEmailSession,\n    getSession,\n    forgetPassword,\n    sendVerificationEmail,\n    changeEmail,\n    deleteUser,\n    revokeSession,\n    revokeSessions,\n    revokeOtherSessions,\n    listAccounts,\n    unlinkAccount,\n    refreshToken,\n    getAccessToken,\n    accountInfo,\n    updateUser,\n    listSessions,\n    enableTwoFactor,\n    disableTwoFactor,\n    verifyTotp,\n    verifyBackupCode,\n    addPasskey,\n    signInPasskey,\n    deletePasskey,\n    listPasskeys,\n    signInMagicLink,\n    signInSSO,\n    registerSSO,\n    listSSOProviders,\n    deleteSSOProvider,\n  };\n};\n"],"mappings":"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"}

package/dist/esm/providers/ReactQueryProvider.mjs

@@ -1,10 +1,10 @@
 'use client';
 
 import { useToast } from "../components/Toaster/useToast.mjs";
-import { useRef } from "react";
-import { MutationCache, QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { createAsyncStoragePersister } from "@tanstack/query-async-storage-persister";
+import { MutationCache, QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { PersistQueryClientProvider } from "@tanstack/react-query-persist-client";
+import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/providers/ReactQueryProvider.tsx
@@ -110,7 +110,7 @@ const ReactQueryProvider = ({ children, client }) => {
 			});
 		};
 	}
-	if (client) return /* @__PURE__ */ jsx(QueryClientProvider, {
+	if (client || typeof window === "undefined") return /* @__PURE__ */ jsx(QueryClientProvider, {
 		client: clientRef.current,
 		children
 	});