@intlayer/design-system 7.3.12 → 7.3.14

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

@@ -29,15 +29,24 @@ const tabSelectorVariant = cva("relative flex size-full flex-row items-center ga
 	} },
 	defaultVariants: { color: "primary" }
 });
-const indicatorVariant = cva("absolute top-0 z-[-1] h-full w-auto rounded-lg transition-[left,width] duration-300 ease-in-out motion-reduce:transition-none", { variants: { color: {
-	primary: "bg-primary/10 aria-selected:text-text",
-	secondary: "bg-secondary/10 aria-selected:text-text",
-	destructive: "bg-destructive/10 aria-selected:text-text",
-	neutral: "bg-neutral/10 aria-selected:text-white/10",
-	light: "bg-white/10 aria-selected:text-black",
-	dark: "bg-neutral-800/10 aria-selected:text-white",
-	text: "bg-text/10 aria-selected:text-text-opposite"
-} } });
+const indicatorVariant = cva("absolute z-[-1] rounded-lg duration-300 ease-in-out motion-reduce:transition-none", {
+	variants: {
+		color: {
+			primary: "bg-primary/10 aria-selected:text-text",
+			secondary: "bg-secondary/10 aria-selected:text-text",
+			destructive: "bg-destructive/10 aria-selected:text-text",
+			neutral: "bg-neutral/10 aria-selected:text-white/10",
+			light: "bg-white/10 aria-selected:text-black",
+			dark: "bg-neutral-800/10 aria-selected:text-white",
+			text: "bg-text/10 aria-selected:text-text-opposite"
+		},
+		orientation: {
+			horizontal: "top-0 h-full w-auto transition-[left,width]",
+			vertical: "left-0 h-auto w-full transition-[top,height]"
+		}
+	},
+	defaultVariants: { orientation: "horizontal" }
+});
 /**
 *
 * Component that allows the user to select one of the provided choices.
@@ -55,16 +64,19 @@ const indicatorVariant = cva("absolute top-0 z-[-1] h-full w-auto rounded-lg tra
 * </TabSelector>
 * ```
 */
-const TabSelector = ({ tabs, selectedChoice, onTabClick, color = TabSelectorColor.PRIMARY, hoverable = false, className }) => {
+const TabSelector = ({ tabs, selectedChoice, onTabClick, color = TabSelectorColor.PRIMARY, hoverable = false, orientation = "horizontal", className }) => {
 	const optionsRefs = useRef([]);
 	const indicatorRef = useRef(null);
-	const { choiceIndicatorPosition, calculatePosition } = useItemSelector(optionsRefs, { isHoverable: hoverable });
+	const { choiceIndicatorPosition, calculatePosition } = useItemSelector(optionsRefs, {
+		isHoverable: hoverable,
+		orientation
+	});
 	useEffect(() => {
 		calculatePosition();
 	}, [selectedChoice, tabs]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn(tabSelectorVariant({ color }), className),
-		"aria-orientation": "horizontal",
+		"aria-orientation": orientation,
 		"aria-multiselectable": "false",
 		role: "tablist",
 		children: [tabs.map((Tab, index) => {
@@ -85,7 +97,10 @@ const TabSelector = ({ tabs, selectedChoice, onTabClick, color = TabSelectorColo
 				}
 			});
 		}), choiceIndicatorPosition && /* @__PURE__ */ jsx("div", {
-			className: cn(indicatorVariant({ color })),
+			className: cn(indicatorVariant({
+				color,
+				orientation
+			})),
 			style: choiceIndicatorPosition,
 			ref: indicatorRef
 		}, `${selectedChoice}${JSON.stringify(tabs.map((tab) => tab.key))}`)]

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

@@ -1 +1 @@
-{"version":3,"file":"TabSelector.mjs","names":[],"sources":["../../../../src/components/TabSelector/TabSelector.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  cloneElement,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useItemSelector } from '../../hooks';\nimport { cn } from '../../utils/cn';\n\nexport enum TabSelectorColor {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  DESTRUCTIVE = 'destructive',\n  NEUTRAL = 'neutral',\n  LIGHT = 'light',\n  DARK = 'dark',\n  TEXT = 'text',\n}\n\nconst tabSelectorVariant = cva(\n  'relative flex size-full flex-row items-center gap-2',\n  {\n    variants: {\n      color: {\n        primary: 'border-primary text-primary',\n        secondary: 'border-secondary text-secondary',\n        destructive: 'border-destructive bg-destructive text-destructive',\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    },\n    defaultVariants: {\n      color: 'primary',\n    },\n  }\n);\n\nconst indicatorVariant = cva(\n  'absolute top-0 z-[-1] h-full w-auto rounded-lg transition-[left,width] duration-300 ease-in-out motion-reduce:transition-none',\n  {\n    variants: {\n      color: {\n        primary: 'bg-primary/10 aria-selected:text-text',\n        secondary: 'bg-secondary/10 aria-selected:text-text',\n        destructive: 'bg-destructive/10 aria-selected:text-text',\n        neutral: 'bg-neutral/10 aria-selected:text-white/10',\n        light: 'bg-white/10 aria-selected:text-black',\n        dark: 'bg-neutral-800/10 aria-selected:text-white',\n        text: 'bg-text/10 aria-selected:text-text-opposite',\n      },\n    },\n  }\n);\n\nexport type TabSelectorItemProps = HTMLAttributes<HTMLElement> & {\n  key: string | number;\n};\n\nexport type TabSelectorProps<T extends TabSelectorItemProps> = {\n  tabs: ReactElement<T>[];\n  selectedChoice: T['key'];\n  onTabClick?: (choice: T['key']) => void;\n  hoverable?: boolean;\n} & HTMLAttributes<HTMLElement> &\n  Omit<VariantProps<typeof tabSelectorVariant>, 'color'> & {\n    color?: TabSelectorColor | `${TabSelectorColor}`;\n  };\n\n/**\n *\n * Component that allows the user to select one of the provided choices.\n *\n * Example:\n * ```jsx\n * <TabSelector\n *   selectedChoice=\"option1\"\n *   onTabClick={(choice) => console.log(choice)}\n *   hoverable={true}\n * >\n *   <Button key=\"option1\"/>\n *   <Button key=\"option2\"/>\n *   <Button key=\"option3\"/>\n * </TabSelector>\n * ```\n */\nexport const TabSelector = <T extends TabSelectorItemProps>({\n  tabs,\n  selectedChoice,\n  onTabClick,\n  color = TabSelectorColor.PRIMARY,\n  hoverable = false,\n  className,\n}: TabSelectorProps<T>) => {\n  const optionsRefs = useRef<HTMLElement[]>([]);\n  const indicatorRef = useRef<HTMLDivElement | null>(null);\n  const { choiceIndicatorPosition, calculatePosition } = useItemSelector(\n    optionsRefs,\n    { isHoverable: hoverable }\n  );\n\n  useEffect(() => {\n    calculatePosition();\n  }, [selectedChoice, tabs]);\n\n  return (\n    <div\n      className={cn(\n        tabSelectorVariant({\n          color,\n        }),\n        className\n      )}\n      aria-orientation=\"horizontal\"\n      aria-multiselectable=\"false\"\n      role=\"tablist\"\n    >\n      {tabs.map((Tab, index) => {\n        const key = Tab.key!;\n\n        const isSelected = selectedChoice === key;\n\n        return cloneElement(Tab, {\n          key: key ?? index,\n          role: 'tab',\n          onClick: (e: MouseEvent<HTMLElement>) => {\n            Tab.props?.onClick?.(e);\n            onTabClick?.(key);\n          },\n          'aria-selected': isSelected,\n          'data-active': isSelected as unknown as string,\n          tabIndex: isSelected ? 0 : -1,\n          ref: (el: HTMLElement) => {\n            optionsRefs.current[index] = el!;\n          },\n        } as unknown as T);\n      })}\n      {choiceIndicatorPosition && (\n        <div\n          className={cn(\n            indicatorVariant({\n              color,\n            })\n          )}\n          style={choiceIndicatorPosition}\n          ref={indicatorRef}\n          key={`${selectedChoice}${JSON.stringify(tabs.map((tab) => tab.key))}`}\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAcA,IAAY,gEAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGF,MAAM,qBAAqB,IACzB,uDACA;CACE,UAAU,EACR,OAAO;EACL,SAAS;EACT,WAAW;EACX,aAAa;EACb,SAAS;EACT,OAAO;EACP,MAAM;EACN,MAAM;EACP,EACF;CACD,iBAAiB,EACf,OAAO,WACR;CACF,CACF;AAED,MAAM,mBAAmB,IACvB,iIACA,EACE,UAAU,EACR,OAAO;CACL,SAAS;CACT,WAAW;CACX,aAAa;CACb,SAAS;CACT,OAAO;CACP,MAAM;CACN,MAAM;CACP,EACF,EACF,CACF;;;;;;;;;;;;;;;;;;AAiCD,MAAa,eAA+C,EAC1D,MACA,gBACA,YACA,QAAQ,iBAAiB,SACzB,YAAY,OACZ,gBACyB;CACzB,MAAM,cAAc,OAAsB,EAAE,CAAC;CAC7C,MAAM,eAAe,OAA8B,KAAK;CACxD,MAAM,EAAE,yBAAyB,sBAAsB,gBACrD,aACA,EAAE,aAAa,WAAW,CAC3B;AAED,iBAAgB;AACd,qBAAmB;IAClB,CAAC,gBAAgB,KAAK,CAAC;AAE1B,QACE,qBAAC;EACC,WAAW,GACT,mBAAmB,EACjB,OACD,CAAC,EACF,UACD;EACD,oBAAiB;EACjB,wBAAqB;EACrB,MAAK;aAEJ,KAAK,KAAK,KAAK,UAAU;GACxB,MAAM,MAAM,IAAI;GAEhB,MAAM,aAAa,mBAAmB;AAEtC,UAAO,aAAa,KAAK;IACvB,KAAK,OAAO;IACZ,MAAM;IACN,UAAU,MAA+B;AACvC,SAAI,OAAO,UAAU,EAAE;AACvB,kBAAa,IAAI;;IAEnB,iBAAiB;IACjB,eAAe;IACf,UAAU,aAAa,IAAI;IAC3B,MAAM,OAAoB;AACxB,iBAAY,QAAQ,SAAS;;IAEhC,CAAiB;IAClB,EACD,2BACC,oBAAC;GACC,WAAW,GACT,iBAAiB,EACf,OACD,CAAC,CACH;GACD,OAAO;GACP,KAAK;KACA,GAAG,iBAAiB,KAAK,UAAU,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,GACnE;GAEA"}
+{"version":3,"file":"TabSelector.mjs","names":[],"sources":["../../../../src/components/TabSelector/TabSelector.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  cloneElement,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  useEffect,\n  useRef,\n} from 'react';\nimport {\n  type ItemSelectorOrientation,\n  useItemSelector,\n} from '../../hooks/useItemSelector';\nimport { cn } from '../../utils/cn';\n\nexport enum TabSelectorColor {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  DESTRUCTIVE = 'destructive',\n  NEUTRAL = 'neutral',\n  LIGHT = 'light',\n  DARK = 'dark',\n  TEXT = 'text',\n}\n\nconst tabSelectorVariant = cva(\n  'relative flex size-full flex-row items-center gap-2',\n  {\n    variants: {\n      color: {\n        primary: 'border-primary text-primary',\n        secondary: 'border-secondary text-secondary',\n        destructive: 'border-destructive bg-destructive text-destructive',\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    },\n    defaultVariants: {\n      color: 'primary',\n    },\n  }\n);\n\nconst indicatorVariant = cva(\n  'absolute z-[-1] rounded-lg duration-300 ease-in-out motion-reduce:transition-none',\n  {\n    variants: {\n      color: {\n        primary: 'bg-primary/10 aria-selected:text-text',\n        secondary: 'bg-secondary/10 aria-selected:text-text',\n        destructive: 'bg-destructive/10 aria-selected:text-text',\n        neutral: 'bg-neutral/10 aria-selected:text-white/10',\n        light: 'bg-white/10 aria-selected:text-black',\n        dark: 'bg-neutral-800/10 aria-selected:text-white',\n        text: 'bg-text/10 aria-selected:text-text-opposite',\n      },\n      orientation: {\n        horizontal: 'top-0 h-full w-auto transition-[left,width]',\n        vertical: 'left-0 h-auto w-full transition-[top,height]',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\nexport type TabSelectorItemProps = HTMLAttributes<HTMLElement> & {\n  key: string | number;\n};\n\nexport type TabSelectorProps<T extends TabSelectorItemProps> = {\n  tabs: ReactElement<T>[];\n  selectedChoice: T['key'];\n  onTabClick?: (choice: T['key']) => void;\n  hoverable?: boolean;\n  orientation?: ItemSelectorOrientation;\n} & HTMLAttributes<HTMLElement> &\n  Omit<VariantProps<typeof tabSelectorVariant>, 'color'> & {\n    color?: TabSelectorColor | `${TabSelectorColor}`;\n  };\n\n/**\n *\n * Component that allows the user to select one of the provided choices.\n *\n * Example:\n * ```jsx\n * <TabSelector\n *   selectedChoice=\"option1\"\n *   onTabClick={(choice) => console.log(choice)}\n *   hoverable={true}\n * >\n *   <Button key=\"option1\"/>\n *   <Button key=\"option2\"/>\n *   <Button key=\"option3\"/>\n * </TabSelector>\n * ```\n */\nexport const TabSelector = <T extends TabSelectorItemProps>({\n  tabs,\n  selectedChoice,\n  onTabClick,\n  color = TabSelectorColor.PRIMARY,\n  hoverable = false,\n  orientation = 'horizontal',\n  className,\n}: TabSelectorProps<T>) => {\n  const optionsRefs = useRef<HTMLElement[]>([]);\n  const indicatorRef = useRef<HTMLDivElement | null>(null);\n  const { choiceIndicatorPosition, calculatePosition } = useItemSelector(\n    optionsRefs,\n    { isHoverable: hoverable, orientation }\n  );\n\n  useEffect(() => {\n    calculatePosition();\n  }, [selectedChoice, tabs]);\n\n  return (\n    <div\n      className={cn(\n        tabSelectorVariant({\n          color,\n        }),\n        className\n      )}\n      aria-orientation={orientation}\n      aria-multiselectable=\"false\"\n      role=\"tablist\"\n    >\n      {tabs.map((Tab, index) => {\n        const key = Tab.key!;\n\n        const isSelected = selectedChoice === key;\n\n        return cloneElement(Tab, {\n          key: key ?? index,\n          role: 'tab',\n          onClick: (e: MouseEvent<HTMLElement>) => {\n            Tab.props?.onClick?.(e);\n            onTabClick?.(key);\n          },\n          'aria-selected': isSelected,\n          'data-active': isSelected as unknown as string,\n          tabIndex: isSelected ? 0 : -1,\n          ref: (el: HTMLElement) => {\n            optionsRefs.current[index] = el!;\n          },\n        } as unknown as T);\n      })}\n      {choiceIndicatorPosition && (\n        <div\n          className={cn(\n            indicatorVariant({\n              color,\n              orientation,\n            })\n          )}\n          style={choiceIndicatorPosition}\n          ref={indicatorRef}\n          key={`${selectedChoice}${JSON.stringify(tabs.map((tab) => tab.key))}`}\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAiBA,IAAY,gEAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGF,MAAM,qBAAqB,IACzB,uDACA;CACE,UAAU,EACR,OAAO;EACL,SAAS;EACT,WAAW;EACX,aAAa;EACb,SAAS;EACT,OAAO;EACP,MAAM;EACN,MAAM;EACP,EACF;CACD,iBAAiB,EACf,OAAO,WACR;CACF,CACF;AAED,MAAM,mBAAmB,IACvB,qFACA;CACE,UAAU;EACR,OAAO;GACL,SAAS;GACT,WAAW;GACX,aAAa;GACb,SAAS;GACT,OAAO;GACP,MAAM;GACN,MAAM;GACP;EACD,aAAa;GACX,YAAY;GACZ,UAAU;GACX;EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CACF;;;;;;;;;;;;;;;;;;AAkCD,MAAa,eAA+C,EAC1D,MACA,gBACA,YACA,QAAQ,iBAAiB,SACzB,YAAY,OACZ,cAAc,cACd,gBACyB;CACzB,MAAM,cAAc,OAAsB,EAAE,CAAC;CAC7C,MAAM,eAAe,OAA8B,KAAK;CACxD,MAAM,EAAE,yBAAyB,sBAAsB,gBACrD,aACA;EAAE,aAAa;EAAW;EAAa,CACxC;AAED,iBAAgB;AACd,qBAAmB;IAClB,CAAC,gBAAgB,KAAK,CAAC;AAE1B,QACE,qBAAC;EACC,WAAW,GACT,mBAAmB,EACjB,OACD,CAAC,EACF,UACD;EACD,oBAAkB;EAClB,wBAAqB;EACrB,MAAK;aAEJ,KAAK,KAAK,KAAK,UAAU;GACxB,MAAM,MAAM,IAAI;GAEhB,MAAM,aAAa,mBAAmB;AAEtC,UAAO,aAAa,KAAK;IACvB,KAAK,OAAO;IACZ,MAAM;IACN,UAAU,MAA+B;AACvC,SAAI,OAAO,UAAU,EAAE;AACvB,kBAAa,IAAI;;IAEnB,iBAAiB;IACjB,eAAe;IACf,UAAU,aAAa,IAAI;IAC3B,MAAM,OAAoB;AACxB,iBAAY,QAAQ,SAAS;;IAEhC,CAAiB;IAClB,EACD,2BACC,oBAAC;GACC,WAAW,GACT,iBAAiB;IACf;IACA;IACD,CAAC,CACH;GACD,OAAO;GACP,KAAK;KACA,GAAG,iBAAiB,KAAK,UAAU,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,GACnE;GAEA"}

package/dist/esm/hooks/useItemSelector.mjs

@@ -4,9 +4,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, orientation = "horizontal" } = {
 	selector: selectorDefault,
-	isHoverable: false
+	isHoverable: false,
+	orientation: "horizontal"
 }) => {
 	const [choiceIndicatorPosition, setChoiceIndicatorPosition] = useState(null);
 	const [hoveredItem, setHoveredItem] = useState(null);
@@ -16,7 +17,13 @@ const useItemSelector = (optionsRefs, { selector = selectorDefault, isHoverable
 		if (hoveredItem) targetElement = hoveredItem;
 		else targetElement = optionsRefs.current.find(selector) ?? null;
 		if (!targetElement) {
-			setChoiceIndicatorPosition((prev) => ({
+			if (orientation === "vertical") setChoiceIndicatorPosition((prev) => ({
+				top: 0,
+				height: 0,
+				...prev,
+				opacity: 0
+			}));
+			else setChoiceIndicatorPosition((prev) => ({
 				left: 0,
 				width: 0,
 				...prev,
@@ -24,13 +31,23 @@ const useItemSelector = (optionsRefs, { selector = selectorDefault, isHoverable
 			}));
 			return;
 		}
-		const left = targetElement.offsetLeft;
-		const width = targetElement.offsetWidth;
-		setChoiceIndicatorPosition({
-			left,
-			width,
-			opacity: 1
-		});
+		if (orientation === "vertical") {
+			const top = targetElement.offsetTop;
+			const height = targetElement.offsetHeight;
+			setChoiceIndicatorPosition({
+				top,
+				height,
+				opacity: 1
+			});
+		} else {
+			const left = targetElement.offsetLeft;
+			const width = targetElement.offsetWidth;
+			setChoiceIndicatorPosition({
+				left,
+				width,
+				opacity: 1
+			});
+		}
 	};
 	useEffect(() => {
 		calculatePosition();
@@ -92,11 +109,13 @@ const useItemSelector = (optionsRefs, { selector = selectorDefault, isHoverable
 		optionsRefs,
 		selector,
 		hoveredItem,
-		itemsLength
+		itemsLength,
+		orientation
 	]);
 	return {
 		choiceIndicatorPosition,
-		calculatePosition
+		calculatePosition,
+		orientation
 	};
 };
 

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\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"}
+{"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\nexport type ItemSelectorOrientation = 'horizontal' | 'vertical';\n\ntype HorizontalStyleState = {\n  left: number;\n  width: number;\n  opacity: number;\n};\n\ntype VerticalStyleState = {\n  top: number;\n  height: number;\n  opacity: number;\n};\n\ntype StyleState = HorizontalStyleState | VerticalStyleState;\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  orientation?: ItemSelectorOrientation;\n};\n\nexport const useItemSelector = (\n  optionsRefs: RefObject<HTMLElement[]>,\n  {\n    selector = selectorDefault,\n    isHoverable = false,\n    orientation = 'horizontal',\n  }: Options = {\n    selector: selectorDefault,\n    isHoverable: false,\n    orientation: 'horizontal',\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      if (orientation === 'vertical') {\n        setChoiceIndicatorPosition((prev) => ({\n          top: 0,\n          height: 0,\n          ...prev,\n          opacity: 0,\n        }));\n      } else {\n        setChoiceIndicatorPosition((prev) => ({\n          left: 0,\n          width: 0,\n          ...prev,\n          opacity: 0,\n        }));\n      }\n      return;\n    }\n\n    if (orientation === 'vertical') {\n      const top = targetElement.offsetTop;\n      const height = targetElement.offsetHeight;\n\n      setChoiceIndicatorPosition({\n        top,\n        height,\n        opacity: 1,\n      });\n    } else {\n      const left = targetElement.offsetLeft;\n      const width = targetElement.offsetWidth;\n\n      setChoiceIndicatorPosition({\n        left,\n        width,\n        opacity: 1,\n      });\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, orientation]);\n\n  return { choiceIndicatorPosition, calculatePosition, orientation };\n};\n"],"mappings":";;;;;AAoBA,MAAM,mBAAmB,WACvB,QAAQ,aAAa,gBAAgB,KAAK;AAQ5C,MAAa,mBACX,aACA,EACE,WAAW,iBACX,cAAc,OACd,cAAc,iBACH;CACX,UAAU;CACV,aAAa;CACb,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,OAAI,gBAAgB,WAClB,6BAA4B,UAAU;IACpC,KAAK;IACL,QAAQ;IACR,GAAG;IACH,SAAS;IACV,EAAE;OAEH,6BAA4B,UAAU;IACpC,MAAM;IACN,OAAO;IACP,GAAG;IACH,SAAS;IACV,EAAE;AAEL;;AAGF,MAAI,gBAAgB,YAAY;GAC9B,MAAM,MAAM,cAAc;GAC1B,MAAM,SAAS,cAAc;AAE7B,8BAA2B;IACzB;IACA;IACA,SAAS;IACV,CAAC;SACG;GACL,MAAM,OAAO,cAAc;GAC3B,MAAM,QAAQ,cAAc;AAE5B,8BAA2B;IACzB;IACA;IACA,SAAS;IACV,CAAC;;;AAIN,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;EAAa;EAAY,CAAC;AAElE,QAAO;EAAE;EAAyB;EAAmB;EAAa"}

package/dist/esm/libs/auth.mjs

@@ -1,6 +1,7 @@
 import configuration from "@intlayer/config/built";
+import { passkeyClient } from "@better-auth/passkey/client";
 import { createAuthClient } from "better-auth/client";
-import { magicLinkClient, passkeyClient, twoFactorClient } from "better-auth/client/plugins";
+import { magicLinkClient, twoFactorClient } from "better-auth/client/plugins";
 
 //#region src/libs/auth.ts
 const getAuthClient = (backendURL) => createAuthClient({

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']","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: any"],"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() as never,\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: (\n    // Redeclare it because of type inference issues\n    input: { email: string; callbackURL: string }\n  ) => any;\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  // it fix type inference issues\n  const signInMagicLink: any = async (...args: any[]) => {\n    return (client.signIn as any).magicLink(...args);\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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"}
+{"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: any"],"sources":["../../../src/libs/auth.ts"],"sourcesContent":["import { passkeyClient } from '@better-auth/passkey/client';\nimport configuration from '@intlayer/config/built';\nimport type { IntlayerConfig } from '@intlayer/types';\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    ],\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: (\n    // Redeclare it because of type inference issues\n    input: { email: string; callbackURL: string }\n  ) => any;\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  // it fix type inference issues\n  const signInMagicLink: any = async (...args: any[]) => {\n    return (client.signIn as any).magicLink(...args);\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/components/Badge/index.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import * as class_variance_authority_types12 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_types6.ClassProp) => string;
+} & class_variance_authority_types12.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_types97 from "@intlayer/types";
+import * as _intlayer_types329 from "@intlayer/types";
 
 //#region src/components/Breadcrumb/breadcrumb.content.d.ts
 declare const breadCrumbContent: {
   key: string;
   content: {
-    linkLabel: _intlayer_types97.TypedNodeModel<_intlayer_types97.NodeType.Translation, {
+    linkLabel: _intlayer_types329.TypedNodeModel<_intlayer_types329.NodeType.Translation, {
       en: string;
       fr: string;
       es: string;
@@ -23,7 +23,7 @@ declare const breadCrumbContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types97.NodeType.Translation | "translation";
+      nodeType: _intlayer_types329.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.content.d.ts","names":[],"sources":["../../../../src/components/Breadcrumb/breadcrumb.content.ts"],"sourcesContent":[],"mappings":";;;cAEa;;;IAAA,SAAA,kCA2BS,yCAAA"}
+{"version":3,"file":"breadcrumb.content.d.ts","names":[],"sources":["../../../../src/components/Breadcrumb/breadcrumb.content.ts"],"sourcesContent":[],"mappings":";;;cAEa;;;IAAA,SAAA,mCA2BS,0CAAA"}

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_types8 from "class-variance-authority/types";
+import * as class_variance_authority_types14 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_types8.ClassProp) => string;
+} & class_variance_authority_types14.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_types373 from "@intlayer/types";
+import * as _intlayer_types314 from "@intlayer/types";
 
 //#region src/components/Browser/Browser.content.d.ts
 declare const browserContent: {
   key: string;
   content: {
-    ariaLabel: _intlayer_types373.TypedNodeModel<_intlayer_types373.NodeType.Translation, {
+    ariaLabel: _intlayer_types314.TypedNodeModel<_intlayer_types314.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -23,7 +23,7 @@ declare const browserContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types373.NodeType.Translation | "translation";
+      nodeType: _intlayer_types314.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -45,7 +45,7 @@ declare const browserContent: {
         vi: string;
       };
     }>;
-    urlLabel: _intlayer_types373.TypedNodeModel<_intlayer_types373.NodeType.Translation, {
+    urlLabel: _intlayer_types314.TypedNodeModel<_intlayer_types314.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -64,7 +64,7 @@ declare const browserContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types373.NodeType.Translation | "translation";
+      nodeType: _intlayer_types314.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -87,7 +87,7 @@ declare const browserContent: {
       };
     }>;
     urlPlaceholder: string;
-    errorMessage: _intlayer_types373.TypedNodeModel<_intlayer_types373.NodeType.Translation, {
+    errorMessage: _intlayer_types314.TypedNodeModel<_intlayer_types314.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -106,7 +106,7 @@ declare const browserContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types373.NodeType.Translation | "translation";
+      nodeType: _intlayer_types314.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -128,7 +128,7 @@ declare const browserContent: {
         vi: string;
       };
     }>;
-    reloadButtonTitle: _intlayer_types373.TypedNodeModel<_intlayer_types373.NodeType.Translation, {
+    reloadButtonTitle: _intlayer_types314.TypedNodeModel<_intlayer_types314.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -147,7 +147,7 @@ declare const browserContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types373.NodeType.Translation | "translation";
+      nodeType: _intlayer_types314.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -169,7 +169,7 @@ declare const browserContent: {
         vi: string;
       };
     }>;
-    iframeTitle: _intlayer_types373.TypedNodeModel<_intlayer_types373.NodeType.Translation, {
+    iframeTitle: _intlayer_types314.TypedNodeModel<_intlayer_types314.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -188,7 +188,7 @@ declare const browserContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types373.NodeType.Translation | "translation";
+      nodeType: _intlayer_types314.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;

package/dist/types/components/Button/Button.d.ts

@@ -61,9 +61,9 @@ declare enum ButtonTextAlign {
  */
 declare const buttonVariants: (props?: {
   size?: "md" | "sm" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
-  color?: "error" | "custom" | "primary" | "secondary" | "destructive" | "neutral" | "card" | "light" | "dark" | "text" | "current" | "text-inverse" | "success";
+  color?: "success" | "error" | "neutral" | "text" | "custom" | "primary" | "secondary" | "destructive" | "light" | "dark" | "card" | "current" | "text-inverse";
   roundedSize?: "md" | "sm" | "lg" | "xl" | "none";
-  variant?: "default" | "input" | "none" | "outline" | "link" | "invisible-link" | "hoverable" | "fade";
+  variant?: "input" | "default" | "none" | "link" | "outline" | "invisible-link" | "hoverable" | "fade";
   textAlign?: "left" | "center" | "right";
   isFullWidth?: boolean;
 } & class_variance_authority_types10.ClassProp) => string;

package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/CollapsibleTable/CollapsibleTable.d.ts
 declare const collapsibleTableVariants: (props?: {
   size?: "md" | "lg" | "sm" | "xl" | "full";
-  variant?: "default" | "dark" | "ghost" | "outlined";
+  variant?: "default" | "ghost" | "dark" | "outlined";
   spacing?: "md" | "lg" | "sm" | "none" | "auto";
 } & class_variance_authority_types11.ClassProp) => string;
 interface CollapsibleTableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof collapsibleTableVariants> {

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

@@ -1,6 +1,6 @@
 import * as react8 from "react";
 import { ComponentProps, FC, HTMLAttributes } from "react";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { DialogProps } from "@radix-ui/react-dialog";
 import { Command as Command$1 } from "cmdk";
 
@@ -29,51 +29,51 @@ declare const Command: {
     ref?: React.Ref<HTMLInputElement>;
   } & {
     asChild?: boolean;
-  }, "key" | "asChild" | keyof react8.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+  }, "key" | keyof react8.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
   } & react8.RefAttributes<HTMLInputElement>>;
   List: FC<{
     children?: React.ReactNode;
-  } & Pick<Pick<react8.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | "key"> & {
+  } & Pick<Pick<react8.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, keyof HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
+  }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
   } & react8.RefAttributes<HTMLDivElement>>;
   Empty: FC<{
     children?: React.ReactNode;
-  } & Pick<Pick<react8.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | "key"> & {
+  } & Pick<Pick<react8.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, keyof HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & react8.RefAttributes<HTMLDivElement>>;
+  }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & react8.RefAttributes<HTMLDivElement>>;
   Group: FC<{
     children?: React.ReactNode;
-  } & Omit<Pick<Pick<react8.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | "key"> & {
+  } & Omit<Pick<Pick<react8.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, keyof HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "value" | "heading"> & {
+  }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
   } & react8.RefAttributes<HTMLDivElement>>;
-  Separator: FC<Pick<Pick<react8.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | "key"> & {
+  Separator: FC<Pick<Pick<react8.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, keyof HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
+  }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
   } & react8.RefAttributes<HTMLDivElement>>;
   Item: FC<{
     children?: React.ReactNode;
-  } & Omit<Pick<Pick<react8.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | "key"> & {
+  } & Omit<Pick<Pick<react8.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, keyof HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "disabled" | "onSelect" | "value"> & {
+  }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -83,7 +83,7 @@ declare const Command: {
   Shortcut: ({
     className,
     ...props
-  }: HTMLAttributes<HTMLSpanElement>) => react_jsx_runtime17.JSX.Element;
+  }: HTMLAttributes<HTMLSpanElement>) => react_jsx_runtime20.JSX.Element;
   propTypes?: any;
   displayName?: string | undefined;
 };

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

@@ -1,5 +1,5 @@
 import { DetailedHTMLProps, FC, HTMLAttributes, PropsWithChildren } from "react";
-import * as class_variance_authority_types14 from "class-variance-authority/types";
+import * as class_variance_authority_types13 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/Container/index.d.ts
@@ -9,15 +9,15 @@ import { VariantProps } from "class-variance-authority";
  * Provides flexible styling options for background, padding, borders, and layout
  */
 declare const containerVariants: (props?: {
-  roundedSize?: "md" | "lg" | "sm" | "xl" | "none" | "2xl" | "3xl" | "full";
+  roundedSize?: "md" | "lg" | "sm" | "xl" | "2xl" | "none" | "3xl" | "full";
   transparency?: "md" | "lg" | "sm" | "xl" | "none" | "full";
-  padding?: "md" | "lg" | "sm" | "xl" | "none" | "2xl";
+  padding?: "md" | "lg" | "sm" | "xl" | "2xl" | "none";
   separator?: "without" | "x" | "y" | "both";
   border?: "with" | "none";
-  borderColor?: "text" | "error" | "primary" | "secondary" | "neutral" | "success" | "warning";
+  borderColor?: "error" | "text" | "primary" | "secondary" | "neutral" | "success" | "warning";
   background?: "with" | "none" | "hoverable";
-  gap?: "md" | "lg" | "sm" | "xl" | "none" | "2xl";
-} & class_variance_authority_types14.ClassProp) => string;
+  gap?: "md" | "lg" | "sm" | "xl" | "2xl" | "none";
+} & class_variance_authority_types13.ClassProp) => string;
 /** Available rounded corner sizes for the container */
 declare enum ContainerRoundedSize {
   NONE = "none",

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Container/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAaA;AA4EY,cA5EC,iBA4EmB,EAAA,CAAA,KAoEzB,CApEyB,EAAA;EAYpB,WAAA,CAAA,EAAA,IAAA,GAAA,IAAqB,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,KAAA,GAAA,KAAA,GAAA,MAAA;EAUrB,YAAA,CAAA,EAAA,IAAgB,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,MAAA;EAShB,OAAA,CAAA,EAAA,IAAA,GAAA,IAAkB,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,KAAA;EAQlB,SAAA,CAAA,EAAA,SAAA,GAAoB,GAAA,GAAA,GAAA,GAAA,MAAA;EAWpB,MAAA,CAAA,EAAA,MAAA,GAAA,MAAmB;EAOnB,WAAA,CAAA,EAAA,MAAY,GAAA,OAAA,GAAA,SAAA,GAAA,WAAA,GAAA,SAAA,GAAA,SAAA,GAAA,SAAA;EAUZ,UAAA,CAAA,EAAA,MAAc,GAAA,MAAA,GAAA,WAAA;EACC,GAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,KAAA;CAApB,GAvEL,gCAAA,CAAA,SAuEK,EAAA,GAAA,MAAA;;AADsB,aAnEjB,oBAAA;EAsEuB,IAAA,GAAA,MAAA;EAAf,EAAA,GAAA,IAAA;EAAgC,EAAA,GAAA,IAAA;EAAlD,EAAA,GAAA,IAAA;EAAiB,EAAA,GAAA,IAAA;EAkCN,MAAA,GAAA,KAgCZ;;;;;aA5HW,qBAAA;;;;;;;;;aAUA,gBAAA;;;;;;;;aASA,kBAAA;;;;;;;aAQA,oBAAA;;;;;;;;;;aAWA,mBAAA;;;;;;aAOA,YAAA;;;;;;;;;KAUA,cAAA,GAAiB,kBAC3B,KAAK,oBAAoB,iCAEzB,kBAAkB,eAAe,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkCvC,WAAW,GAAG"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Container/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAaA;AA4EY,cA5EC,iBA4EmB,EAAA,CAAA,KAoEzB,CApEyB,EAAA;EAYpB,WAAA,CAAA,EAAA,IAAA,GAAA,IAAqB,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,MAAA,GAAA,KAAA,GAAA,MAAA;EAUrB,YAAA,CAAA,EAAA,IAAgB,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,MAAA;EAShB,OAAA,CAAA,EAAA,IAAA,GAAA,IAAkB,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,MAAA;EAQlB,SAAA,CAAA,EAAA,SAAA,GAAoB,GAAA,GAAA,GAAA,GAAA,MAAA;EAWpB,MAAA,CAAA,EAAA,MAAA,GAAA,MAAmB;EAOnB,WAAA,CAAA,EAAA,OAAY,GAAA,MAAA,GAAA,SAAA,GAAA,WAAA,GAAA,SAAA,GAAA,SAAA,GAAA,SAAA;EAUZ,UAAA,CAAA,EAAA,MAAc,GAAA,MAAA,GAAA,WAAA;EACC,GAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,MAAA;CAApB,GAvEL,gCAAA,CAAA,SAuEK,EAAA,GAAA,MAAA;;AADsB,aAnEjB,oBAAA;EAsEuB,IAAA,GAAA,MAAA;EAAf,EAAA,GAAA,IAAA;EAAgC,EAAA,GAAA,IAAA;EAAlD,EAAA,GAAA,IAAA;EAAiB,EAAA,GAAA,IAAA;EAkCN,MAAA,GAAA,KAgCZ;;;;;aA5HW,qBAAA;;;;;;;;;aAUA,gBAAA;;;;;;;;aASA,kBAAA;;;;;;;aAQA,oBAAA;;;;;;;;;;aAWA,mBAAA;;;;;;aAOA,YAAA;;;;;;;;;KAUA,cAAA,GAAiB,kBAC3B,KAAK,oBAAoB,iCAEzB,kBAAkB,eAAe,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkCvC,WAAW,GAAG"}

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

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