@intlayer/design-system 7.0.8 → 7.0.9-canary.2

package/dist/esm/hooks/useAuth/useSession.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSession.mjs","names":["configuration","defaultConfiguration"],"sources":["../../../../src/hooks/useAuth/useSession.ts"],"sourcesContent":["'use client';\n\nimport type { SessionAPI } from '@intlayer/backend';\nimport defaultConfiguration from '@intlayer/config/built';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport type { IntlayerConfig } from '@intlayer/types';\nimport { useQuery } from '@tanstack/react-query';\nimport { getAuthAPI } from '../../libs/auth';\nimport { useQueryClient } from '../reactQuery';\n\nexport const useSession = (\n  sessionProp?: SessionAPI | null,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n\n  const queryClient = useQueryClient();\n\n  const { data, isFetched, refetch } = useQuery({\n    queryKey: ['session'],\n    queryFn: async () => {\n      const intlayerAPI = getAuthAPI(config);\n      const result = await intlayerAPI.getSession();\n      return result.data as unknown as SessionAPI;\n    },\n    staleTime: 0,\n    // Give the cache a little breathing room across route transitions:\n    gcTime: 5 * 60 * 1000, // e.g. 5 minutes\n    refetchOnMount: 'always',\n    refetchOnWindowFocus: false,\n    refetchOnReconnect: false,\n    enabled: !sessionProp,\n  });\n\n  const session = data ?? (isFetched ? null : undefined);\n\n  const setSession = (nextSession: SessionAPI | null) =>\n    queryClient.setQueryData(['session'], nextSession);\n\n  const fetchSession = async (): Promise<SessionAPI | null | undefined> => {\n    const res = await refetch();\n    return res.data as SessionAPI | null | undefined;\n  };\n\n  const revalidateSession = fetchSession;\n\n  return {\n    session,\n    fetchSession,\n    revalidateSession,\n    setSession,\n  };\n};\n"],"mappings":";;;;;;;;;;AAUA,MAAa,cACX,aACA,0BACG;CACH,MAAMA,kBAAgB,kBAAkB;CACxC,MAAM,SAAS,yBAAyBA,mBAAiBC;CAEzD,MAAM,cAAc,gBAAgB;CAEpC,MAAM,EAAE,MAAM,WAAW,YAAY,SAAS;EAC5C,UAAU,CAAC,UAAU;EACrB,SAAS,YAAY;AAGnB,WADe,MADK,WAAW,OAAO,CACL,YAAY,EAC/B;;EAEhB,WAAW;EAEX,QAAQ,MAAS;EACjB,gBAAgB;EAChB,sBAAsB;EACtB,oBAAoB;EACpB,SAAS,CAAC;EACX,CAAC;CAEF,MAAM,UAAU,SAAS,YAAY,OAAO;CAE5C,MAAM,cAAc,gBAClB,YAAY,aAAa,CAAC,UAAU,EAAE,YAAY;CAEpD,MAAM,eAAe,YAAoD;AAEvE,UADY,MAAM,SAAS,EAChB;;AAKb,QAAO;EACL;EACA;EACA,mBALwB;EAMxB;EACD"}
+{"version":3,"file":"useSession.mjs","names":["configuration","defaultConfiguration"],"sources":["../../../../src/hooks/useAuth/useSession.ts"],"sourcesContent":["'use client';\n\nimport type { SessionAPI } from '@intlayer/backend';\nimport defaultConfiguration from '@intlayer/config/built';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport type { IntlayerConfig } from '@intlayer/types';\nimport { useQuery } from '@tanstack/react-query';\nimport { getAuthAPI } from '../../libs/auth';\nimport { useQueryClient } from '../reactQuery';\n\nexport type UseSessionResult = {\n  /** The current session: `undefined` while loading, `null` if fetched and no session, otherwise the session. */\n  session: SessionAPI | null | undefined;\n  /** Refetches the session and returns it (undefined while loading). */\n  fetchSession: () => Promise<SessionAPI | null | undefined>;\n  /** Alias of `fetchSession` for ergonomics. */\n  revalidateSession: () => Promise<SessionAPI | null | undefined>;\n  /** Manually set the session cache. */\n  setSession: (nextSession: SessionAPI | null) => void;\n};\n\nexport function useSession(\n  sessionProp?: SessionAPI | null,\n  intlayerConfiguration?: IntlayerConfig\n): UseSessionResult {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n\n  const queryClient = useQueryClient();\n\n  // Keep TanStack generics internal so they don't leak into the d.ts\n  const { data, isFetched, refetch } = useQuery({\n    queryKey: ['session'],\n    queryFn: async () => {\n      const intlayerAPI = getAuthAPI(config);\n      const result = await intlayerAPI.getSession();\n      // Narrow to the public shape we want to expose\n      return result.data as unknown as SessionAPI;\n    },\n    staleTime: 0,\n    gcTime: 5 * 60 * 1000,\n    refetchOnMount: 'always',\n    refetchOnWindowFocus: false,\n    refetchOnReconnect: false,\n    enabled: !sessionProp,\n  });\n\n  const session = data ?? (isFetched ? null : undefined);\n\n  const setSession = (nextSession: SessionAPI | null) => {\n    queryClient.setQueryData(['session'], nextSession);\n  };\n\n  const fetchSession = async (): Promise<SessionAPI | null | undefined> => {\n    const res = await refetch();\n    return res.data as SessionAPI | null | undefined;\n  };\n\n  const revalidateSession = fetchSession;\n\n  return {\n    session,\n    fetchSession,\n    revalidateSession,\n    setSession,\n  };\n}\n"],"mappings":";;;;;;;;;;AAqBA,SAAgB,WACd,aACA,uBACkB;CAClB,MAAMA,kBAAgB,kBAAkB;CACxC,MAAM,SAAS,yBAAyBA,mBAAiBC;CAEzD,MAAM,cAAc,gBAAgB;CAGpC,MAAM,EAAE,MAAM,WAAW,YAAY,SAAS;EAC5C,UAAU,CAAC,UAAU;EACrB,SAAS,YAAY;AAInB,WAFe,MADK,WAAW,OAAO,CACL,YAAY,EAE/B;;EAEhB,WAAW;EACX,QAAQ,MAAS;EACjB,gBAAgB;EAChB,sBAAsB;EACtB,oBAAoB;EACpB,SAAS,CAAC;EACX,CAAC;CAEF,MAAM,UAAU,SAAS,YAAY,OAAO;CAE5C,MAAM,cAAc,gBAAmC;AACrD,cAAY,aAAa,CAAC,UAAU,EAAE,YAAY;;CAGpD,MAAM,eAAe,YAAoD;AAEvE,UADY,MAAM,SAAS,EAChB;;AAKb,QAAO;EACL;EACA;EACA,mBALwB;EAMxB;EACD"}

package/dist/esm/hooks/useDevice.mjs

@@ -28,6 +28,18 @@ const checkIsIphoneOrSafariDevice = () => {
 	const isAppleDevice = /Macintosh|iP(?:hone|ad|od)/.test(userAgent);
 	return isSafari && isAppleDevice;
 };
+const checkIsIOS = () => {
+	if (typeof window === "undefined") return;
+	const userAgent = window.navigator?.userAgent;
+	if (typeof userAgent === "undefined") return;
+	return /iP(?:hone|ad|od)/.test(userAgent);
+};
+const checkIsMac = () => {
+	if (typeof window === "undefined") return;
+	const userAgent = window.navigator?.userAgent;
+	if (typeof userAgent === "undefined") return;
+	return /Macintosh|MacIntel|Mac OS X/.test(userAgent);
+};
 const checkIsMobileScreen = (breakpoint) => {
 	if (typeof window === "undefined") return;
 	return (window?.innerWidth ?? 0) <= breakpoint;
@@ -39,7 +51,9 @@ const calculateIsMobile = (breakpoint = "md") => {
 	return {
 		isMobileScreen,
 		isMobileUserAgent,
-		isMobile: isMobileScreen ?? isMobileUserAgent
+		isMobile: isMobileScreen ?? isMobileUserAgent,
+		isIOS: checkIsIOS(),
+		isMac: checkIsMac()
 	};
 };
 const useDevice = (breakpoint = "md") => {
@@ -55,5 +69,5 @@ const useDevice = (breakpoint = "md") => {
 };
 
 //#endregion
-export { calculateIsMobile, checkIsIphoneOrSafariDevice, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice };
+export { calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice };
 //# sourceMappingURL=useDevice.mjs.map

package/dist/esm/hooks/useDevice.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDevice.mjs","names":[],"sources":["../../../src/hooks/useDevice.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport type SizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nexport const getBreakpointFromSize = (breakpoint: SizeType | number) => {\n  switch (breakpoint) {\n    case 'xs':\n      return 480;\n    case 'sm':\n      return 640;\n    case 'md':\n      return 768;\n    case 'lg':\n      return 1024;\n    case 'xl':\n      return 1280;\n    case '2xl':\n      return 1536;\n    default:\n      return breakpoint;\n  }\n};\n\nexport const checkIsMobileUserAgent = (): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  const userAgent = window.navigator?.userAgent;\n\n  if (typeof userAgent === 'undefined') return;\n\n  return /android|bb\\d+|meego|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(?:hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(?:ob|in)i|palm(?: os)?|phone|p(?:ixi|re)\\/|plucker|pocket|psp|series(?:4|6)0|symbian|treo|up\\.(?:browser|link)|vodafone|wap|windows ce|windows phone|xda|xiino|zte-/i.test(\n    userAgent\n  );\n};\n\nexport const checkIsIphoneOrSafariDevice = (): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  const userAgent = window.navigator?.userAgent;\n\n  /* 1 . is it Safari?  (Chrome & co. also contain “Safari/…”, so exclude them) */\n  const isSafari =\n    /Safari\\/\\d/i.test(userAgent) && // has “Safari/xxx”\n    !/Chrome|CriOS|FxiOS|Edg|OPR/i.test(userAgent); // …but not the other browsers\n\n  /* 2. is it an Apple device? (macOS or iOS/iPadOS) */\n  const isAppleDevice = /Macintosh|iP(?:hone|ad|od)/.test(userAgent);\n\n  return isSafari && isAppleDevice; // true for mac-Safari & iOS-Safari\n};\n\nexport const checkIsMobileScreen = (\n  breakpoint: number\n): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  return (window?.innerWidth ?? 0) <= breakpoint;\n};\n\ntype UseDeviceState = {\n  isMobileScreen: boolean | undefined;\n  isMobileUserAgent: boolean | undefined;\n  isMobile: boolean | undefined;\n};\n\nexport const calculateIsMobile = (breakpoint: SizeType | number = 'md') => {\n  const breakpointValue = getBreakpointFromSize(breakpoint);\n\n  const isMobileUserAgent = checkIsMobileUserAgent();\n  const isMobileScreen = checkIsMobileScreen(breakpointValue);\n  const isMobile = isMobileScreen ?? isMobileUserAgent;\n\n  return {\n    isMobileScreen, // Is the screen width within a mobile breakpoint.\n    isMobileUserAgent, // Is the user agent indicative of a mobile device.\n    isMobile, // Combines both checks to determine if the device is mobile.\n  };\n};\n\nexport const useDevice = (breakpoint: SizeType | number = 'md') => {\n  const [result, setResult] = useState<UseDeviceState>(\n    calculateIsMobile(breakpoint)\n  );\n\n  useEffect(() => {\n    const handleResize = () => {\n      setResult(calculateIsMobile(breakpoint));\n    };\n\n    window.addEventListener('resize', handleResize, { passive: true });\n\n    // Cleanup listener on unmount\n    return () => window.removeEventListener('resize', handleResize);\n  }, [breakpoint]); // Empty dependency array ensures this effect runs only once on mount\n\n  return result;\n};\n"],"mappings":";;;;;;AAMA,MAAa,yBAAyB,eAAkC;AACtE,SAAQ,YAAR;EACE,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,MACH,QAAO;EACT,QACE,QAAO;;;AAIb,MAAa,+BAAoD;AAC/D,KAAI,OAAO,WAAW,YAAa;CAEnC,MAAM,YAAY,OAAO,WAAW;AAEpC,KAAI,OAAO,cAAc,YAAa;AAEtC,QAAO,mVAAmV,KACxV,UACD;;AAGH,MAAa,oCAAyD;AACpE,KAAI,OAAO,WAAW,YAAa;CAEnC,MAAM,YAAY,OAAO,WAAW;CAGpC,MAAM,WACJ,cAAc,KAAK,UAAU,IAC7B,CAAC,8BAA8B,KAAK,UAAU;CAGhD,MAAM,gBAAgB,6BAA6B,KAAK,UAAU;AAElE,QAAO,YAAY;;AAGrB,MAAa,uBACX,eACwB;AACxB,KAAI,OAAO,WAAW,YAAa;AAEnC,SAAQ,QAAQ,cAAc,MAAM;;AAStC,MAAa,qBAAqB,aAAgC,SAAS;CACzE,MAAM,kBAAkB,sBAAsB,WAAW;CAEzD,MAAM,oBAAoB,wBAAwB;CAClD,MAAM,iBAAiB,oBAAoB,gBAAgB;AAG3D,QAAO;EACL;EACA;EACA,UALe,kBAAkB;EAMlC;;AAGH,MAAa,aAAa,aAAgC,SAAS;CACjE,MAAM,CAAC,QAAQ,aAAa,SAC1B,kBAAkB,WAAW,CAC9B;AAED,iBAAgB;EACd,MAAM,qBAAqB;AACzB,aAAU,kBAAkB,WAAW,CAAC;;AAG1C,SAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM,CAAC;AAGlE,eAAa,OAAO,oBAAoB,UAAU,aAAa;IAC9D,CAAC,WAAW,CAAC;AAEhB,QAAO"}
+{"version":3,"file":"useDevice.mjs","names":[],"sources":["../../../src/hooks/useDevice.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport type SizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nexport const getBreakpointFromSize = (breakpoint: SizeType | number) => {\n  switch (breakpoint) {\n    case 'xs':\n      return 480;\n    case 'sm':\n      return 640;\n    case 'md':\n      return 768;\n    case 'lg':\n      return 1024;\n    case 'xl':\n      return 1280;\n    case '2xl':\n      return 1536;\n    default:\n      return breakpoint;\n  }\n};\n\nexport const checkIsMobileUserAgent = (): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  const userAgent = window.navigator?.userAgent;\n\n  if (typeof userAgent === 'undefined') return;\n\n  return /android|bb\\d+|meego|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(?:hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(?:ob|in)i|palm(?: os)?|phone|p(?:ixi|re)\\/|plucker|pocket|psp|series(?:4|6)0|symbian|treo|up\\.(?:browser|link)|vodafone|wap|windows ce|windows phone|xda|xiino|zte-/i.test(\n    userAgent\n  );\n};\n\nexport const checkIsIphoneOrSafariDevice = (): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  const userAgent = window.navigator?.userAgent;\n\n  /* 1 . is it Safari?  (Chrome & co. also contain “Safari/…”, so exclude them) */\n  const isSafari =\n    /Safari\\/\\d/i.test(userAgent) && // has “Safari/xxx”\n    !/Chrome|CriOS|FxiOS|Edg|OPR/i.test(userAgent); // …but not the other browsers\n\n  /* 2. is it an Apple device? (macOS or iOS/iPadOS) */\n  const isAppleDevice = /Macintosh|iP(?:hone|ad|od)/.test(userAgent);\n\n  return isSafari && isAppleDevice; // true for mac-Safari & iOS-Safari\n};\n\nexport const checkIsIOS = (): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  const userAgent = window.navigator?.userAgent;\n\n  if (typeof userAgent === 'undefined') return;\n\n  // Check for iOS devices: iPhone, iPad, iPod\n  return /iP(?:hone|ad|od)/.test(userAgent);\n};\n\nexport const checkIsMac = (): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  const userAgent = window.navigator?.userAgent;\n\n  if (typeof userAgent === 'undefined') return;\n\n  // Check for macOS/Mac devices\n  return /Macintosh|MacIntel|Mac OS X/.test(userAgent);\n};\n\nexport const checkIsMobileScreen = (\n  breakpoint: number\n): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  return (window?.innerWidth ?? 0) <= breakpoint;\n};\n\ntype UseDeviceState = {\n  isMobileScreen: boolean | undefined;\n  isMobileUserAgent: boolean | undefined;\n  isMobile: boolean | undefined;\n  isIOS: boolean | undefined;\n  isMac: boolean | undefined;\n};\n\nexport const calculateIsMobile = (breakpoint: SizeType | number = 'md') => {\n  const breakpointValue = getBreakpointFromSize(breakpoint);\n\n  const isMobileUserAgent = checkIsMobileUserAgent();\n  const isMobileScreen = checkIsMobileScreen(breakpointValue);\n  const isMobile = isMobileScreen ?? isMobileUserAgent;\n  const isIOS = checkIsIOS();\n  const isMac = checkIsMac();\n\n  return {\n    isMobileScreen, // Is the screen width within a mobile breakpoint.\n    isMobileUserAgent, // Is the user agent indicative of a mobile device.\n    isMobile, // Combines both checks to determine if the device is mobile.\n    isIOS, // Is the device running iOS (iPhone, iPad, iPod).\n    isMac, // Is the device a Mac computer (macOS).\n  };\n};\n\nexport const useDevice = (breakpoint: SizeType | number = 'md') => {\n  const [result, setResult] = useState<UseDeviceState>(\n    calculateIsMobile(breakpoint)\n  );\n\n  useEffect(() => {\n    const handleResize = () => {\n      setResult(calculateIsMobile(breakpoint));\n    };\n\n    window.addEventListener('resize', handleResize, { passive: true });\n\n    // Cleanup listener on unmount\n    return () => window.removeEventListener('resize', handleResize);\n  }, [breakpoint]); // Empty dependency array ensures this effect runs only once on mount\n\n  return result;\n};\n"],"mappings":";;;;;;AAMA,MAAa,yBAAyB,eAAkC;AACtE,SAAQ,YAAR;EACE,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,MACH,QAAO;EACT,QACE,QAAO;;;AAIb,MAAa,+BAAoD;AAC/D,KAAI,OAAO,WAAW,YAAa;CAEnC,MAAM,YAAY,OAAO,WAAW;AAEpC,KAAI,OAAO,cAAc,YAAa;AAEtC,QAAO,mVAAmV,KACxV,UACD;;AAGH,MAAa,oCAAyD;AACpE,KAAI,OAAO,WAAW,YAAa;CAEnC,MAAM,YAAY,OAAO,WAAW;CAGpC,MAAM,WACJ,cAAc,KAAK,UAAU,IAC7B,CAAC,8BAA8B,KAAK,UAAU;CAGhD,MAAM,gBAAgB,6BAA6B,KAAK,UAAU;AAElE,QAAO,YAAY;;AAGrB,MAAa,mBAAwC;AACnD,KAAI,OAAO,WAAW,YAAa;CAEnC,MAAM,YAAY,OAAO,WAAW;AAEpC,KAAI,OAAO,cAAc,YAAa;AAGtC,QAAO,mBAAmB,KAAK,UAAU;;AAG3C,MAAa,mBAAwC;AACnD,KAAI,OAAO,WAAW,YAAa;CAEnC,MAAM,YAAY,OAAO,WAAW;AAEpC,KAAI,OAAO,cAAc,YAAa;AAGtC,QAAO,8BAA8B,KAAK,UAAU;;AAGtD,MAAa,uBACX,eACwB;AACxB,KAAI,OAAO,WAAW,YAAa;AAEnC,SAAQ,QAAQ,cAAc,MAAM;;AAWtC,MAAa,qBAAqB,aAAgC,SAAS;CACzE,MAAM,kBAAkB,sBAAsB,WAAW;CAEzD,MAAM,oBAAoB,wBAAwB;CAClD,MAAM,iBAAiB,oBAAoB,gBAAgB;AAK3D,QAAO;EACL;EACA;EACA,UAPe,kBAAkB;EAQjC,OAPY,YAAY;EAQxB,OAPY,YAAY;EAQzB;;AAGH,MAAa,aAAa,aAAgC,SAAS;CACjE,MAAM,CAAC,QAAQ,aAAa,SAC1B,kBAAkB,WAAW,CAC9B;AAED,iBAAgB;EACd,MAAM,qBAAqB;AACzB,aAAU,kBAAkB,WAAW,CAAC;;AAG1C,SAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM,CAAC;AAGlE,eAAa,OAAO,oBAAoB,UAAU,aAAa;IAC9D,CAAC,WAAW,CAAC;AAEhB,QAAO"}

package/dist/esm/hooks/useItemSelector.mjs

@@ -5,7 +5,10 @@ import { useEffect, useState } from "react";
 
 //#region src/hooks/useItemSelector.ts
 const selectorDefault = (option) => option?.getAttribute("aria-selected") === "true";
-const useItemSelector = (optionsRefs, selector = selectorDefault, isHoverable = false) => {
+const useItemSelector = (optionsRefs, { selector = selectorDefault, isHoverable = false } = {
+	selector: selectorDefault,
+	isHoverable: false
+}) => {
 	const [choiceIndicatorPosition, setChoiceIndicatorPosition] = useState(null);
 	const [hoveredItem, setHoveredItem] = useState(null);
 	const itemsLength = optionsRefs.current.length;

package/dist/esm/hooks/useItemSelector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useItemSelector.mjs","names":["targetElement: HTMLElement | null","mutationObservers: MutationObserver[]","resizeObservers: ResizeObserver[]"],"sources":["../../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { type RefObject, useEffect, useState } from 'react';\n\ntype StyleState = {\n  left: number;\n  width: number;\n  opacity: number;\n};\n\nconst selectorDefault = (option: HTMLElement) =>\n  option?.getAttribute('aria-selected') === 'true';\n\nexport const useItemSelector = (\n  optionsRefs: RefObject<HTMLElement[]>,\n  selector: (option: HTMLElement, index: number) => boolean = selectorDefault,\n  isHoverable = false\n) => {\n  const [choiceIndicatorPosition, setChoiceIndicatorPosition] =\n    useState<StyleState | null>(null);\n\n  const [hoveredItem, setHoveredItem] = useState<HTMLElement | null>(null);\n\n  const itemsLength = optionsRefs.current.length;\n\n  const calculatePosition = () => {\n    let targetElement: HTMLElement | null = null;\n\n    if (hoveredItem) {\n      targetElement = hoveredItem;\n    } else {\n      targetElement = optionsRefs.current.find(selector) ?? null;\n    }\n\n    if (!targetElement) {\n      setChoiceIndicatorPosition((prev) => ({\n        left: 0,\n        width: 0,\n        ...prev,\n        opacity: 0,\n      }));\n      return;\n    }\n\n    const left = targetElement.offsetLeft;\n    const width = targetElement.offsetWidth;\n\n    setChoiceIndicatorPosition({\n      left,\n      width,\n      opacity: 1,\n    });\n  };\n\n  useEffect(() => {\n    calculatePosition();\n\n    // Event listeners for window events\n    window.addEventListener('resize', calculatePosition);\n    window.addEventListener('DOMContentLoaded', calculatePosition);\n\n    // MutationObserver to watch for 'aria-selected' changes\n    const mutationObservers: MutationObserver[] = [];\n\n    optionsRefs.current.forEach((option) => {\n      if (option) {\n        const observer = new MutationObserver((mutations) => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-selected'\n            ) {\n              calculatePosition();\n              break;\n            }\n          }\n        });\n\n        observer.observe(option, {\n          attributes: true,\n          attributeFilter: ['aria-selected'],\n        });\n\n        mutationObservers.push(observer);\n      }\n    });\n\n    // ResizeObserver to watch for size changes\n    const resizeObservers: ResizeObserver[] = [];\n\n    const observeSize = (element: HTMLElement) => {\n      if (!element) return;\n      const resizeObserver = new ResizeObserver(() => {\n        calculatePosition();\n      });\n      resizeObserver.observe(element);\n      resizeObservers.push(resizeObserver);\n    };\n\n    // Observe the selected item\n    const selectedItem = optionsRefs.current.find(selector) ?? null;\n\n    if (selectedItem) {\n      observeSize(selectedItem);\n    }\n\n    // Observe the hovered item\n    if (hoveredItem) {\n      observeSize(hoveredItem);\n    }\n\n    // Add hover event listeners\n    const handleMouseEnter = (event: Event) => {\n      setHoveredItem(event.currentTarget as HTMLElement);\n    };\n\n    const handleMouseLeave = () => {\n      setHoveredItem(null);\n    };\n\n    if (isHoverable) {\n      optionsRefs.current.forEach((option) => {\n        option?.addEventListener('mouseenter', handleMouseEnter, {\n          passive: true,\n        });\n        option?.addEventListener('mouseleave', handleMouseLeave, {\n          passive: true,\n        });\n      });\n    }\n\n    return () => {\n      // Cleanup window event listeners\n      window.removeEventListener('resize', calculatePosition);\n      window.removeEventListener('DOMContentLoaded', calculatePosition);\n\n      // Disconnect MutationObservers\n      mutationObservers.forEach((observer) => {\n        observer.disconnect();\n      });\n\n      // Disconnect ResizeObservers\n      resizeObservers.forEach((observer) => {\n        observer.disconnect();\n      });\n\n      // Remove hover event listeners\n      optionsRefs.current.forEach((option) => {\n        option?.removeEventListener('mouseenter', handleMouseEnter);\n        option?.removeEventListener('mouseleave', handleMouseLeave);\n      });\n    };\n  }, [optionsRefs, selector, hoveredItem, itemsLength]);\n\n  return { choiceIndicatorPosition, calculatePosition };\n};\n"],"mappings":";;;;;;AAUA,MAAM,mBAAmB,WACvB,QAAQ,aAAa,gBAAgB,KAAK;AAE5C,MAAa,mBACX,aACA,WAA4D,iBAC5D,cAAc,UACX;CACH,MAAM,CAAC,yBAAyB,8BAC9B,SAA4B,KAAK;CAEnC,MAAM,CAAC,aAAa,kBAAkB,SAA6B,KAAK;CAExE,MAAM,cAAc,YAAY,QAAQ;CAExC,MAAM,0BAA0B;EAC9B,IAAIA,gBAAoC;AAExC,MAAI,YACF,iBAAgB;MAEhB,iBAAgB,YAAY,QAAQ,KAAK,SAAS,IAAI;AAGxD,MAAI,CAAC,eAAe;AAClB,+BAA4B,UAAU;IACpC,MAAM;IACN,OAAO;IACP,GAAG;IACH,SAAS;IACV,EAAE;AACH;;EAGF,MAAM,OAAO,cAAc;EAC3B,MAAM,QAAQ,cAAc;AAE5B,6BAA2B;GACzB;GACA;GACA,SAAS;GACV,CAAC;;AAGJ,iBAAgB;AACd,qBAAmB;AAGnB,SAAO,iBAAiB,UAAU,kBAAkB;AACpD,SAAO,iBAAiB,oBAAoB,kBAAkB;EAG9D,MAAMC,oBAAwC,EAAE;AAEhD,cAAY,QAAQ,SAAS,WAAW;AACtC,OAAI,QAAQ;IACV,MAAM,WAAW,IAAI,kBAAkB,cAAc;AACnD,UAAK,MAAM,YAAY,UACrB,KACE,SAAS,SAAS,gBAClB,SAAS,kBAAkB,iBAC3B;AACA,yBAAmB;AACnB;;MAGJ;AAEF,aAAS,QAAQ,QAAQ;KACvB,YAAY;KACZ,iBAAiB,CAAC,gBAAgB;KACnC,CAAC;AAEF,sBAAkB,KAAK,SAAS;;IAElC;EAGF,MAAMC,kBAAoC,EAAE;EAE5C,MAAM,eAAe,YAAyB;AAC5C,OAAI,CAAC,QAAS;GACd,MAAM,iBAAiB,IAAI,qBAAqB;AAC9C,uBAAmB;KACnB;AACF,kBAAe,QAAQ,QAAQ;AAC/B,mBAAgB,KAAK,eAAe;;EAItC,MAAM,eAAe,YAAY,QAAQ,KAAK,SAAS,IAAI;AAE3D,MAAI,aACF,aAAY,aAAa;AAI3B,MAAI,YACF,aAAY,YAAY;EAI1B,MAAM,oBAAoB,UAAiB;AACzC,kBAAe,MAAM,cAA6B;;EAGpD,MAAM,yBAAyB;AAC7B,kBAAe,KAAK;;AAGtB,MAAI,YACF,aAAY,QAAQ,SAAS,WAAW;AACtC,WAAQ,iBAAiB,cAAc,kBAAkB,EACvD,SAAS,MACV,CAAC;AACF,WAAQ,iBAAiB,cAAc,kBAAkB,EACvD,SAAS,MACV,CAAC;IACF;AAGJ,eAAa;AAEX,UAAO,oBAAoB,UAAU,kBAAkB;AACvD,UAAO,oBAAoB,oBAAoB,kBAAkB;AAGjE,qBAAkB,SAAS,aAAa;AACtC,aAAS,YAAY;KACrB;AAGF,mBAAgB,SAAS,aAAa;AACpC,aAAS,YAAY;KACrB;AAGF,eAAY,QAAQ,SAAS,WAAW;AACtC,YAAQ,oBAAoB,cAAc,iBAAiB;AAC3D,YAAQ,oBAAoB,cAAc,iBAAiB;KAC3D;;IAEH;EAAC;EAAa;EAAU;EAAa;EAAY,CAAC;AAErD,QAAO;EAAE;EAAyB;EAAmB"}
+{"version":3,"file":"useItemSelector.mjs","names":["targetElement: HTMLElement | null","mutationObservers: MutationObserver[]","resizeObservers: ResizeObserver[]"],"sources":["../../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { type RefObject, useEffect, useState } from 'react';\n\ntype StyleState = {\n  left: number;\n  width: number;\n  opacity: number;\n};\n\nconst selectorDefault = (option: HTMLElement) =>\n  option?.getAttribute('aria-selected') === 'true';\n\ntype Options = {\n  selector?: (option: HTMLElement, index: number) => boolean;\n  isHoverable?: boolean;\n};\n\nexport const useItemSelector = (\n  optionsRefs: RefObject<HTMLElement[]>,\n  { selector = selectorDefault, isHoverable = false }: Options = {\n    selector: selectorDefault,\n    isHoverable: false,\n  }\n) => {\n  const [choiceIndicatorPosition, setChoiceIndicatorPosition] =\n    useState<StyleState | null>(null);\n\n  const [hoveredItem, setHoveredItem] = useState<HTMLElement | null>(null);\n\n  const itemsLength = optionsRefs.current.length;\n\n  const calculatePosition = () => {\n    let targetElement: HTMLElement | null = null;\n\n    if (hoveredItem) {\n      targetElement = hoveredItem;\n    } else {\n      targetElement = optionsRefs.current.find(selector) ?? null;\n    }\n\n    if (!targetElement) {\n      setChoiceIndicatorPosition((prev) => ({\n        left: 0,\n        width: 0,\n        ...prev,\n        opacity: 0,\n      }));\n      return;\n    }\n\n    const left = targetElement.offsetLeft;\n    const width = targetElement.offsetWidth;\n\n    setChoiceIndicatorPosition({\n      left,\n      width,\n      opacity: 1,\n    });\n  };\n\n  useEffect(() => {\n    calculatePosition();\n\n    // Event listeners for window events\n    window.addEventListener('resize', calculatePosition);\n    window.addEventListener('DOMContentLoaded', calculatePosition);\n\n    // MutationObserver to watch for 'aria-selected' changes\n    const mutationObservers: MutationObserver[] = [];\n\n    optionsRefs.current.forEach((option) => {\n      if (option) {\n        const observer = new MutationObserver((mutations) => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-selected'\n            ) {\n              calculatePosition();\n              break;\n            }\n          }\n        });\n\n        observer.observe(option, {\n          attributes: true,\n          attributeFilter: ['aria-selected'],\n        });\n\n        mutationObservers.push(observer);\n      }\n    });\n\n    // ResizeObserver to watch for size changes\n    const resizeObservers: ResizeObserver[] = [];\n\n    const observeSize = (element: HTMLElement) => {\n      if (!element) return;\n      const resizeObserver = new ResizeObserver(() => {\n        calculatePosition();\n      });\n      resizeObserver.observe(element);\n      resizeObservers.push(resizeObserver);\n    };\n\n    // Observe the selected item\n    const selectedItem = optionsRefs.current.find(selector) ?? null;\n\n    if (selectedItem) {\n      observeSize(selectedItem);\n    }\n\n    // Observe the hovered item\n    if (hoveredItem) {\n      observeSize(hoveredItem);\n    }\n\n    // Add hover event listeners\n    const handleMouseEnter = (event: Event) => {\n      setHoveredItem(event.currentTarget as HTMLElement);\n    };\n\n    const handleMouseLeave = () => {\n      setHoveredItem(null);\n    };\n\n    if (isHoverable) {\n      optionsRefs.current.forEach((option) => {\n        option?.addEventListener('mouseenter', handleMouseEnter, {\n          passive: true,\n        });\n        option?.addEventListener('mouseleave', handleMouseLeave, {\n          passive: true,\n        });\n      });\n    }\n\n    return () => {\n      // Cleanup window event listeners\n      window.removeEventListener('resize', calculatePosition);\n      window.removeEventListener('DOMContentLoaded', calculatePosition);\n\n      // Disconnect MutationObservers\n      mutationObservers.forEach((observer) => {\n        observer.disconnect();\n      });\n\n      // Disconnect ResizeObservers\n      resizeObservers.forEach((observer) => {\n        observer.disconnect();\n      });\n\n      // Remove hover event listeners\n      optionsRefs.current.forEach((option) => {\n        option?.removeEventListener('mouseenter', handleMouseEnter);\n        option?.removeEventListener('mouseleave', handleMouseLeave);\n      });\n    };\n  }, [optionsRefs, selector, hoveredItem, itemsLength]);\n\n  return { choiceIndicatorPosition, calculatePosition };\n};\n"],"mappings":";;;;;;AAUA,MAAM,mBAAmB,WACvB,QAAQ,aAAa,gBAAgB,KAAK;AAO5C,MAAa,mBACX,aACA,EAAE,WAAW,iBAAiB,cAAc,UAAmB;CAC7D,UAAU;CACV,aAAa;CACd,KACE;CACH,MAAM,CAAC,yBAAyB,8BAC9B,SAA4B,KAAK;CAEnC,MAAM,CAAC,aAAa,kBAAkB,SAA6B,KAAK;CAExE,MAAM,cAAc,YAAY,QAAQ;CAExC,MAAM,0BAA0B;EAC9B,IAAIA,gBAAoC;AAExC,MAAI,YACF,iBAAgB;MAEhB,iBAAgB,YAAY,QAAQ,KAAK,SAAS,IAAI;AAGxD,MAAI,CAAC,eAAe;AAClB,+BAA4B,UAAU;IACpC,MAAM;IACN,OAAO;IACP,GAAG;IACH,SAAS;IACV,EAAE;AACH;;EAGF,MAAM,OAAO,cAAc;EAC3B,MAAM,QAAQ,cAAc;AAE5B,6BAA2B;GACzB;GACA;GACA,SAAS;GACV,CAAC;;AAGJ,iBAAgB;AACd,qBAAmB;AAGnB,SAAO,iBAAiB,UAAU,kBAAkB;AACpD,SAAO,iBAAiB,oBAAoB,kBAAkB;EAG9D,MAAMC,oBAAwC,EAAE;AAEhD,cAAY,QAAQ,SAAS,WAAW;AACtC,OAAI,QAAQ;IACV,MAAM,WAAW,IAAI,kBAAkB,cAAc;AACnD,UAAK,MAAM,YAAY,UACrB,KACE,SAAS,SAAS,gBAClB,SAAS,kBAAkB,iBAC3B;AACA,yBAAmB;AACnB;;MAGJ;AAEF,aAAS,QAAQ,QAAQ;KACvB,YAAY;KACZ,iBAAiB,CAAC,gBAAgB;KACnC,CAAC;AAEF,sBAAkB,KAAK,SAAS;;IAElC;EAGF,MAAMC,kBAAoC,EAAE;EAE5C,MAAM,eAAe,YAAyB;AAC5C,OAAI,CAAC,QAAS;GACd,MAAM,iBAAiB,IAAI,qBAAqB;AAC9C,uBAAmB;KACnB;AACF,kBAAe,QAAQ,QAAQ;AAC/B,mBAAgB,KAAK,eAAe;;EAItC,MAAM,eAAe,YAAY,QAAQ,KAAK,SAAS,IAAI;AAE3D,MAAI,aACF,aAAY,aAAa;AAI3B,MAAI,YACF,aAAY,YAAY;EAI1B,MAAM,oBAAoB,UAAiB;AACzC,kBAAe,MAAM,cAA6B;;EAGpD,MAAM,yBAAyB;AAC7B,kBAAe,KAAK;;AAGtB,MAAI,YACF,aAAY,QAAQ,SAAS,WAAW;AACtC,WAAQ,iBAAiB,cAAc,kBAAkB,EACvD,SAAS,MACV,CAAC;AACF,WAAQ,iBAAiB,cAAc,kBAAkB,EACvD,SAAS,MACV,CAAC;IACF;AAGJ,eAAa;AAEX,UAAO,oBAAoB,UAAU,kBAAkB;AACvD,UAAO,oBAAoB,oBAAoB,kBAAkB;AAGjE,qBAAkB,SAAS,aAAa;AACtC,aAAS,YAAY;KACrB;AAGF,mBAAgB,SAAS,aAAa;AACpC,aAAS,YAAY;KACrB;AAGF,eAAY,QAAQ,SAAS,WAAW;AACtC,YAAQ,oBAAoB,cAAc,iBAAiB;AAC3D,YAAQ,oBAAoB,cAAc,iBAAiB;KAC3D;;IAEH;EAAC;EAAa;EAAU;EAAa;EAAY,CAAC;AAErD,QAAO;EAAE;EAAyB;EAAmB"}

package/dist/esm/libs/auth.mjs

@@ -1,90 +1,126 @@
 import configuration from "@intlayer/config/built";
 import { createAuthClient } from "better-auth/client";
+import { magicLinkClient, passkeyClient, twoFactorClient } from "better-auth/client/plugins";
 
 //#region src/libs/auth.ts
+const getAuthClient = (backendURL) => createAuthClient({
+	baseURL: backendURL,
+	withCredentials: true,
+	plugins: [
+		twoFactorClient({ onTwoFactorRedirect: () => {
+			const redirectUrl = new URLSearchParams(window.location.search).get("redirect_url");
+			const twoFaUrl = redirectUrl ? `/auth/2fa?redirect_url=${encodeURIComponent(redirectUrl)}` : "/auth/2fa";
+			window.location.href = twoFaUrl;
+		} }),
+		passkeyClient(),
+		magicLinkClient()
+	]
+});
 const getAuthAPI = (intlayerConfig) => {
 	const backendURL = intlayerConfig?.editor?.backendURL ?? configuration?.editor?.backendURL;
 	if (!backendURL) throw new Error("Backend URL is not defined in the Intlayer configuration.");
-	const getAuthClient = () => {
-		return createAuthClient({
-			baseURL: backendURL,
-			withCredentials: true
-		});
-	};
+	const client = getAuthClient(backendURL);
 	const signInEmail = async (...args) => {
-		return getAuthClient().signIn.email(...args);
+		return client.signIn.email(...args);
 	};
 	const signInSocial = async (...args) => {
-		return getAuthClient().signIn.social(...args);
+		return client.signIn.social(...args);
 	};
 	const signUpEmail = async (...args) => {
-		return getAuthClient().signUp.email(...args);
+		return client.signUp.email(...args);
 	};
 	const signOut = async (...args) => {
-		return getAuthClient().signOut(...args);
+		return client.signOut(...args);
 	};
 	const changePasswordSession = async (...args) => {
-		return getAuthClient().changePassword(...args);
+		return client.changePassword(...args);
 	};
 	const requestPasswordResetSession = async (...args) => {
-		return getAuthClient().requestPasswordReset(...args);
+		return client.requestPasswordReset(...args);
 	};
 	const resetPassword = async (...args) => {
-		return getAuthClient().resetPassword(...args);
+		return client.resetPassword(...args);
 	};
 	const verifyEmailSession = async (...args) => {
-		return getAuthClient().verifyEmail(...args);
+		return client.verifyEmail(...args);
 	};
 	const getSession = async (...args) => {
-		return getAuthClient().getSession(...args);
+		return client.getSession(...args);
 	};
 	const forgetPassword = async (...args) => {
-		return getAuthClient().forgetPassword(...args);
+		return client.forgetPassword(...args);
 	};
 	const sendVerificationEmail = async (...args) => {
-		return getAuthClient().sendVerificationEmail(...args);
+		return client.sendVerificationEmail(...args);
 	};
 	const changeEmail = async (...args) => {
-		return getAuthClient().changeEmail(...args);
+		return client.changeEmail(...args);
 	};
 	const deleteUser = async (...args) => {
-		return getAuthClient().deleteUser(...args);
+		return client.deleteUser(...args);
 	};
 	const revokeSession = async (...args) => {
-		return getAuthClient().revokeSession(...args);
+		return client.revokeSession(...args);
 	};
 	const revokeSessions = async (...args) => {
-		return getAuthClient().revokeSessions(...args);
+		return client.revokeSessions(...args);
 	};
 	const revokeOtherSessions = async (...args) => {
-		return getAuthClient().revokeOtherSessions(...args);
+		return client.revokeOtherSessions(...args);
 	};
 	const linkSocial = async (...args) => {
-		return getAuthClient().linkSocial(...args);
+		return client.linkSocial(...args);
 	};
 	const listAccounts = async (...args) => {
-		return getAuthClient().listAccounts(...args);
+		return client.listAccounts(...args);
 	};
 	const unlinkAccount = async (...args) => {
-		return getAuthClient().unlinkAccount(...args);
+		return client.unlinkAccount(...args);
 	};
 	const refreshToken = async (...args) => {
-		return getAuthClient().refreshToken(...args);
+		return client.refreshToken(...args);
 	};
 	const getAccessToken = async (...args) => {
-		return getAuthClient().getAccessToken(...args);
+		return client.getAccessToken(...args);
 	};
 	const accountInfo = async (...args) => {
-		return getAuthClient().accountInfo(...args);
+		return client.accountInfo(...args);
 	};
 	const updateUser = async (...args) => {
-		return getAuthClient().updateUser(...args);
+		return client.updateUser(...args);
 	};
 	const listSessions = async (...args) => {
-		return getAuthClient().listSessions(...args);
+		return client.listSessions(...args);
+	};
+	const enableTwoFactor = async (...args) => {
+		return client.twoFactor.enable(...args);
+	};
+	const disableTwoFactor = async (...args) => {
+		return client.twoFactor.disable(...args);
+	};
+	const verifyTotp = async (...args) => {
+		return client.twoFactor.verifyTotp(...args);
+	};
+	const verifyBackupCode = async (...args) => {
+		return client.twoFactor.verifyBackupCode(...args);
+	};
+	const addPasskey = async (...args) => {
+		return client.passkey.addPasskey(...args);
+	};
+	const signInPasskey = async (...args) => {
+		return client.signIn.passkey(...args);
+	};
+	const deletePasskey = async (...args) => {
+		return client.passkey.deletePasskey(...args);
+	};
+	const listPasskeys = async () => {
+		return client.$fetch("/passkey/list-user-passkeys", { method: "GET" });
+	};
+	const signInMagicLink = async (...args) => {
+		return client.signIn.magicLink(...args);
 	};
 	return {
-		getAuthClient,
+		getAuthClient: () => client,
 		signInEmail,
 		signUpEmail,
 		signOut,
@@ -108,7 +144,16 @@ const getAuthAPI = (intlayerConfig) => {
 		getAccessToken,
 		accountInfo,
 		updateUser,
-		listSessions
+		listSessions,
+		enableTwoFactor,
+		disableTwoFactor,
+		verifyTotp,
+		verifyBackupCode,
+		addPasskey,
+		signInPasskey,
+		deletePasskey,
+		listPasskeys,
+		signInMagicLink
 	};
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"auth.mjs","names":["signInEmail: AuthClient['signIn']['email']","signInSocial: AuthClient['signIn']['social']","signUpEmail: AuthClient['signUp']['email']","signOut: AuthClient['signOut']","changePasswordSession: AuthClient['changePassword']","requestPasswordResetSession: AuthClient['requestPasswordReset']","resetPassword: AuthClient['resetPassword']","verifyEmailSession: AuthClient['verifyEmail']","getSession: AuthClient['getSession']","forgetPassword: AuthClient['forgetPassword']","sendVerificationEmail: AuthClient['sendVerificationEmail']","changeEmail: AuthClient['changeEmail']","deleteUser: AuthClient['deleteUser']","revokeSession: AuthClient['revokeSession']","revokeSessions: AuthClient['revokeSessions']","revokeOtherSessions: AuthClient['revokeOtherSessions']","linkSocial: AuthClient['linkSocial']","listAccounts: AuthClient['listAccounts']","unlinkAccount: AuthClient['unlinkAccount']","refreshToken: AuthClient['refreshToken']","getAccessToken: AuthClient['getAccessToken']","accountInfo: AuthClient['accountInfo']","updateUser: AuthClient['updateUser']","listSessions: AuthClient['listSessions']"],"sources":["../../../src/libs/auth.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { IntlayerConfig } from '@intlayer/types';\nimport { createAuthClient } from 'better-auth/client';\n\ntype AuthClient = ReturnType<typeof createAuthClient>;\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['forgetPassword'];\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}\n\nexport const getAuthAPI = (intlayerConfig?: IntlayerConfig): AuthAPI => {\n  const backendURL =\n    intlayerConfig?.editor?.backendURL ?? configuration?.editor?.backendURL;\n\n  if (!backendURL) {\n    throw new Error(\n      'Backend URL is not defined in the Intlayer configuration.'\n    );\n  }\n\n  const getAuthClient = (): AuthClient => {\n    return createAuthClient({\n      baseURL: backendURL,\n      withCredentials: true, // makes fetch forward cookies\n    });\n  };\n\n  const signInEmail: AuthClient['signIn']['email'] = async (...args) => {\n    const client = getAuthClient();\n    return client.signIn.email(...args);\n  };\n\n  const signInSocial: AuthClient['signIn']['social'] = async (...args) => {\n    const client = getAuthClient();\n    return client.signIn.social(...args);\n  };\n\n  const signUpEmail: AuthClient['signUp']['email'] = async (...args) => {\n    const client = getAuthClient();\n    return client.signUp.email(...args);\n  };\n\n  const signOut: AuthClient['signOut'] = async (...args) => {\n    const client = getAuthClient();\n    return client.signOut(...args);\n  };\n\n  const changePasswordSession: AuthClient['changePassword'] = async (\n    ...args\n  ) => {\n    const client = getAuthClient();\n    return client.changePassword(...args);\n  };\n\n  const requestPasswordResetSession: AuthClient['requestPasswordReset'] =\n    async (...args) => {\n      const client = getAuthClient();\n      return client.requestPasswordReset(...args);\n    };\n\n  // @ts-ignore - resetPassword is not typed\n  const resetPassword: AuthClient['resetPassword'] = async (...args) => {\n    const client = getAuthClient();\n    return client.resetPassword(...args);\n  };\n\n  const verifyEmailSession: AuthClient['verifyEmail'] = async (...args) => {\n    const client = getAuthClient();\n    return client.verifyEmail(...args);\n  };\n\n  const getSession: AuthClient['getSession'] = async (...args) => {\n    const client = getAuthClient();\n    return client.getSession(...args);\n  };\n\n  const forgetPassword: AuthClient['forgetPassword'] = async (...args) => {\n    const client = getAuthClient();\n    return client.forgetPassword(...args);\n  };\n\n  const sendVerificationEmail: AuthClient['sendVerificationEmail'] = async (\n    ...args\n  ) => {\n    const client = getAuthClient();\n    return client.sendVerificationEmail(...args);\n  };\n\n  const changeEmail: AuthClient['changeEmail'] = async (...args) => {\n    const client = getAuthClient();\n    return client.changeEmail(...args);\n  };\n\n  // @ts-ignore - deleteUser is not typed\n  const deleteUser: AuthClient['deleteUser'] = async (...args) => {\n    const client = getAuthClient();\n    return client.deleteUser(...args);\n  };\n\n  const revokeSession: AuthClient['revokeSession'] = async (...args) => {\n    const client = getAuthClient();\n    return client.revokeSession(...args);\n  };\n\n  const revokeSessions: AuthClient['revokeSessions'] = async (...args) => {\n    const client = getAuthClient();\n    return client.revokeSessions(...args);\n  };\n\n  const revokeOtherSessions: AuthClient['revokeOtherSessions'] = async (\n    ...args\n  ) => {\n    const client = getAuthClient();\n    return client.revokeOtherSessions(...args);\n  };\n\n  const linkSocial: AuthClient['linkSocial'] = async (...args) => {\n    const client = getAuthClient();\n    return client.linkSocial(...args);\n  };\n\n  const listAccounts: AuthClient['listAccounts'] = async (...args) => {\n    const client = getAuthClient();\n    return client.listAccounts(...args);\n  };\n\n  const unlinkAccount: AuthClient['unlinkAccount'] = async (...args) => {\n    const client = getAuthClient();\n    return client.unlinkAccount(...args);\n  };\n\n  const refreshToken: AuthClient['refreshToken'] = async (...args) => {\n    const client = getAuthClient();\n    return client.refreshToken(...args);\n  };\n\n  const getAccessToken: AuthClient['getAccessToken'] = async (...args) => {\n    const client = getAuthClient();\n    return client.getAccessToken(...args);\n  };\n\n  const accountInfo: AuthClient['accountInfo'] = async (...args) => {\n    const client = getAuthClient();\n    return client.accountInfo(...args);\n  };\n\n  const updateUser: AuthClient['updateUser'] = async (...args) => {\n    const client = getAuthClient();\n    return client.updateUser(...args);\n  };\n\n  const listSessions: AuthClient['listSessions'] = async (...args) => {\n    const client = getAuthClient();\n    return client.listSessions(...args);\n  };\n\n  return {\n    getAuthClient,\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  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"auth.mjs","names":["signInEmail: AuthClient['signIn']['email']","signInSocial: AuthClient['signIn']['social']","signUpEmail: AuthClient['signUp']['email']","signOut: AuthClient['signOut']","changePasswordSession: AuthClient['changePassword']","requestPasswordResetSession: AuthClient['requestPasswordReset']","resetPassword: AuthClient['resetPassword']","verifyEmailSession: AuthClient['verifyEmail']","getSession: AuthClient['getSession']","forgetPassword: AuthClient['forgetPassword']","sendVerificationEmail: AuthClient['sendVerificationEmail']","changeEmail: AuthClient['changeEmail']","deleteUser: AuthClient['deleteUser']","revokeSession: AuthClient['revokeSession']","revokeSessions: AuthClient['revokeSessions']","revokeOtherSessions: AuthClient['revokeOtherSessions']","linkSocial: AuthClient['linkSocial']","listAccounts: AuthClient['listAccounts']","unlinkAccount: AuthClient['unlinkAccount']","refreshToken: AuthClient['refreshToken']","getAccessToken: AuthClient['getAccessToken']","accountInfo: AuthClient['accountInfo']","updateUser: AuthClient['updateUser']","listSessions: AuthClient['listSessions']","enableTwoFactor: AuthClient['twoFactor']['enable']","disableTwoFactor: AuthClient['twoFactor']['disable']","verifyTotp: AuthClient['twoFactor']['verifyTotp']","verifyBackupCode: AuthClient['twoFactor']['verifyBackupCode']","addPasskey: AuthClient['passkey']['addPasskey']","signInPasskey: AuthClient['signIn']['passkey']","deletePasskey: AuthClient['passkey']['deletePasskey']","signInMagicLink: AuthClient['signIn']['magicLink']"],"sources":["../../../src/libs/auth.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { IntlayerConfig } from '@intlayer/types';\nimport { createAuthClient } from 'better-auth/client';\nimport {\n  magicLinkClient,\n  passkeyClient,\n  twoFactorClient,\n} 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(),\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['forgetPassword'];\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: AuthClient['signIn']['magicLink'];\n}\n\nexport const getAuthAPI = (intlayerConfig?: IntlayerConfig): AuthAPI => {\n  const backendURL =\n    intlayerConfig?.editor?.backendURL ?? configuration?.editor?.backendURL;\n\n  if (!backendURL) {\n    throw new Error(\n      'Backend URL is not defined in the Intlayer configuration.'\n    );\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['forgetPassword'] = async (...args) => {\n    return client.forgetPassword(...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: AuthClient['signIn']['magicLink'] = async (\n    ...args\n  ) => {\n    return client.signIn.magicLink(...args) as ReturnType<\n      AuthClient['signIn']['magicLink']\n    >;\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  };\n};\n"],"mappings":"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"}

package/dist/types/Checkbox.d.ts

@@ -0,0 +1,2 @@
+import { DetailedHTMLProps, FC, InputHTMLAttributes, ReactNode } from "react";
+import { VariantProps } from "class-variance-authority";

package/dist/types/Input.d.ts

@@ -0,0 +1,16 @@
+import { DetailedHTMLProps, FC, InputHTMLAttributes } from "react";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/components/input/Input.d.ts
+
+declare enum InputVariant {
+  DEFAULT = "default",
+  INVISIBLE = "invisible",
+}
+declare enum InputSize {
+  MD = "md",
+  LG = "lg",
+}
+//#endregion
+export { InputSize, InputVariant };
+//# sourceMappingURL=Input.d.ts.map

package/dist/types/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","names":[],"sources":["../../src/components/Input/Input.tsx"],"sourcesContent":[],"mappings":";;;;;aA2DY,YAAA;;;;aAKA,SAAA"}

package/dist/types/InputPassword.d.ts

@@ -0,0 +1,2 @@
+import "./Input.js";
+import { FC } from "react";

package/dist/types/OTPElement.d.ts

@@ -0,0 +1,30 @@
+import { FormElementProps } from "./components/Form/elements/FormElement.js";
+import { InputOTP } from "./components/Input/OTPInput.js";
+import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+
+//#region src/components/Form/elements/OTPElement.d.ts
+type OTPElementsProps = Omit<FormElementProps<typeof InputOTP>, 'Element'> & Omit<ComponentProps<typeof InputOTP>, 'children'> & {
+  name: string;
+  description?: string;
+  placeholder?: string;
+  className?: string;
+  children?: ReactNode;
+  /** Number of OTP slots (default: 6) */
+  slots?: number;
+};
+declare const OTPElement: ({
+  name,
+  description,
+  label,
+  isRequired,
+  info,
+  showErrorMessage,
+  children,
+  slots,
+  maxLength,
+  ...props
+}: OTPElementsProps) => react_jsx_runtime21.JSX.Element;
+//#endregion
+export { OTPElement };
+//# sourceMappingURL=OTPElement.d.ts.map

package/dist/types/OTPElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPElement.d.ts","names":[],"sources":["../../src/components/Form/elements/OTPElement.tsx"],"sourcesContent":[],"mappings":";;;;;;KAUK,gBAAA,GAAmB,KAAK,wBAAwB,wBACnD,KAAK,sBAAsB;;;EADxB,WAAA,CAAA,EAAA,MAAgB;EAAgC,SAAA,CAAA,EAAA,MAAA;EAAxB,QAAA,CAAA,EAMd,SANc;EAAL;EACK,KAAA,CAAA,EAAA,MAAA;CAAtB;AAAL,cAsDW,UAtDX,EAAA,CAAA;EAAA,IAAA;EAAA,WAAA;EAAA,KAAA;EAAA,UAAA;EAAA,IAAA;EAAA,gBAAA;EAAA,QAAA;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiEC,gBAjED,EAAA,GAiEiB,mBAAA,CAAA,GAAA,CAAA,OAjEjB"}

package/dist/types/OTPInput.d.ts

@@ -0,0 +1,3 @@
+import "./index.js";
+import { ComponentProps, FC } from "react";
+import { OTPInput } from "input-otp";

package/dist/types/SearchInput.d.ts

@@ -0,0 +1 @@
+import "./Input.js";

package/dist/types/components/Badge/index.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import * as class_variance_authority_types9 from "class-variance-authority/types";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/Badge/index.d.ts
@@ -47,7 +47,7 @@ declare const badgeVariants: (props?: {
   color?: BadgeColor;
   variant?: BadgeVariant;
   size?: BadgeSize;
-} & class_variance_authority_types9.ClassProp) => string;
+} & class_variance_authority_types10.ClassProp) => string;
 /**
  * Badge component props interface
  * @description Comprehensive props for the Badge component with accessibility and interactive features

package/dist/types/components/Breadcrumb/breadcrumb.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types346 from "@intlayer/types";
+import * as _intlayer_types340 from "@intlayer/types";
 
 //#region src/components/Breadcrumb/breadcrumb.content.d.ts
 declare const breadCrumbContent: {
   key: string;
   content: {
-    linkLabel: _intlayer_types346.TypedNodeModel<_intlayer_types346.NodeType.Translation, {
+    linkLabel: _intlayer_types340.TypedNodeModel<_intlayer_types340.NodeType.Translation, {
       en: string;
       fr: string;
       es: string;
@@ -23,7 +23,7 @@ declare const breadCrumbContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types346.NodeType.Translation | "translation";
+      nodeType: _intlayer_types340.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;

package/dist/types/components/Breadcrumb/index.d.ts

@@ -1,7 +1,7 @@
 import { LinkColor } from "../Link/Link.js";
 import "../Link/index.js";
 import { FC, HTMLAttributes, ReactNode } from "react";
-import * as class_variance_authority_types1 from "class-variance-authority/types";
+import * as class_variance_authority_types12 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { LocalesValues } from "@intlayer/types";
 
@@ -12,7 +12,7 @@ import { LocalesValues } from "@intlayer/types";
 declare const breadcrumbVariants: (props?: {
   size?: "small" | "medium" | "large";
   spacing?: "compact" | "normal" | "loose";
-} & class_variance_authority_types1.ClassProp) => string;
+} & class_variance_authority_types12.ClassProp) => string;
 /**
  * Detailed breadcrumb link configuration with optional href or onClick
  */

package/dist/types/components/Breadcrumb/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;cAqDM,0BA+JgC;EA/JhC,IAAA,CAAA,EAAA,OAAA,GAAA,QAiBJ,GAAA,OAAA;EA0HG,OAAA,CAAA,EAAA,SAAA,GAAA,QAAsB,GAAA,OAAA;AAoB3B,CAAA,GA9IE,+BAAA,CAAA,SA8IoC,EAAA,GAAsB,MAAA;AAE5D;;;KAtBK,sBAAA,GA+BoB;EAId;;;EAyBP,IAAA,CAAA,EAAA,MAAA;EACa;;;EA4BJ,IAAA,EAAA,MAAA;;;;;;;;;;;KArED,cAAA,YAA0B;KAE1B,eAAA;;;;SAIH;;;;;UAKC,eAAe;;;;WAId;;;;;;;;;;cAUG;;;;;;;;;;;;;;;IAeV,oBAAoB,sBACtB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4BJ,YAAY,GAAG"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;cAqDM,0BA+JgC;EA/JhC,IAAA,CAAA,EAAA,OAAA,GAAA,QAiBJ,GAAA,OAAA;EA0HG,OAAA,CAAA,EAAA,SAAA,GAAA,QAAsB,GAAA,OAAA;AAoB3B,CAAA,GA9IE,gCAAA,CAAA,SA8IoC,EAAA,GAAsB,MAAA;AAE5D;;;KAtBK,sBAAA,GA+BoB;EAId;;;EAyBP,IAAA,CAAA,EAAA,MAAA;EACa;;;EA4BJ,IAAA,EAAA,MAAA;;;;;;;;;;;KArED,cAAA,YAA0B;KAE1B,eAAA;;;;SAIH;;;;;UAKC,eAAe;;;;WAId;;;;;;;;;;cAUG;;;;;;;;;;;;;;;IAeV,oBAAoB,sBACtB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4BJ,YAAY,GAAG"}

package/dist/types/components/Browser/Browser.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types263 from "@intlayer/types";
+import * as _intlayer_types325 from "@intlayer/types";
 
 //#region src/components/Browser/Browser.content.d.ts
 declare const browserContent: {
   key: string;
   content: {
-    ariaLabel: _intlayer_types263.TypedNodeModel<_intlayer_types263.NodeType.Translation, {
+    ariaLabel: _intlayer_types325.TypedNodeModel<_intlayer_types325.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -22,7 +22,7 @@ declare const browserContent: {
       pl: string;
       id: string;
     }, {
-      nodeType: _intlayer_types263.NodeType.Translation | "translation";
+      nodeType: _intlayer_types325.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -43,7 +43,7 @@ declare const browserContent: {
         id: string;
       };
     }>;
-    urlLabel: _intlayer_types263.TypedNodeModel<_intlayer_types263.NodeType.Translation, {
+    urlLabel: _intlayer_types325.TypedNodeModel<_intlayer_types325.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -61,7 +61,7 @@ declare const browserContent: {
       pl: string;
       id: string;
     }, {
-      nodeType: _intlayer_types263.NodeType.Translation | "translation";
+      nodeType: _intlayer_types325.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -83,7 +83,7 @@ declare const browserContent: {
       };
     }>;
     urlPlaceholder: string;
-    errorMessage: _intlayer_types263.TypedNodeModel<_intlayer_types263.NodeType.Translation, {
+    errorMessage: _intlayer_types325.TypedNodeModel<_intlayer_types325.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -101,7 +101,7 @@ declare const browserContent: {
       pl: string;
       id: string;
     }, {
-      nodeType: _intlayer_types263.NodeType.Translation | "translation";
+      nodeType: _intlayer_types325.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -122,7 +122,7 @@ declare const browserContent: {
         id: string;
       };
     }>;
-    reloadButtonTitle: _intlayer_types263.TypedNodeModel<_intlayer_types263.NodeType.Translation, {
+    reloadButtonTitle: _intlayer_types325.TypedNodeModel<_intlayer_types325.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -140,7 +140,7 @@ declare const browserContent: {
       pl: string;
       id: string;
     }, {
-      nodeType: _intlayer_types263.NodeType.Translation | "translation";
+      nodeType: _intlayer_types325.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -161,7 +161,7 @@ declare const browserContent: {
         id: string;
       };
     }>;
-    iframeTitle: _intlayer_types263.TypedNodeModel<_intlayer_types263.NodeType.Translation, {
+    iframeTitle: _intlayer_types325.TypedNodeModel<_intlayer_types325.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -179,7 +179,7 @@ declare const browserContent: {
       pl: string;
       id: string;
     }, {
-      nodeType: _intlayer_types263.NodeType.Translation | "translation";
+      nodeType: _intlayer_types325.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;