@intlayer/design-system 7.0.1 → 7.0.2

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

@@ -11,7 +11,6 @@ import { useRightDrawerStore } from "./useRightDrawerStore.mjs";
 import { ChevronLeft, X } from "lucide-react";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useShallow } from "zustand/react/shallow";
 
 //#region src/components/RightDrawer/RightDrawer.tsx
 /**
@@ -104,11 +103,10 @@ const RightDrawer = ({ title, identifier, children, header, closeOnOutsideClick
 	const { isMobile } = useDevice("md");
 	const panelRef = useRef(null);
 	const childrenContainerRef = useRef(null);
-	const { close, open, isOpen } = useRightDrawerStore(useShallow((s) => ({
-		close: () => s.close(identifier),
-		open: () => s.open(identifier),
-		isOpen: s.isOpen(identifier)
-	})));
+	const openDrawer = useRightDrawerStore((s) => s.open);
+	const closeDrawer = useRightDrawerStore((s) => s.close);
+	const storeIsOpen = useRightDrawerStore((s) => s.isOpen(identifier));
+	const isOpen = useRightDrawerStore((s) => s.isOpen(identifier));
 	useScrollBlockage({
 		disableScroll: isOpen,
 		key: identifier ? `right_drawer_${identifier}` : "right_drawer"
@@ -121,11 +119,11 @@ const RightDrawer = ({ title, identifier, children, header, closeOnOutsideClick
 				const isClickOutside = event.target && !panelRef.current.contains(event.target);
 				const isAtTopAndVisible = isElementAtTopAndNotCovered(panelRef.current);
 				if (isClickAble && isClickOutside && isAtTopAndVisible || !event.target) {
-					close();
+					closeDrawer(identifier);
 					onClose?.();
 				}
 			} catch (_e) {
-				close();
+				closeDrawer(identifier);
 				onClose?.();
 			}
 		};
@@ -133,28 +131,34 @@ const RightDrawer = ({ title, identifier, children, header, closeOnOutsideClick
 		return () => window.removeEventListener("mousedown", handleClickOutside);
 	}, [
 		isOpen,
-		close,
+		closeDrawer,
 		onClose,
 		closeOnOutsideClick,
 		identifier
 	]);
+	const onCloseRef = useRef(onClose);
 	useEffect(() => {
-		if (isOpenProp !== void 0) if (isOpenProp) open();
+		onCloseRef.current = onClose;
+	}, [onClose]);
+	useEffect(() => {
+		if (isOpenProp === void 0) return;
+		if (isOpenProp === storeIsOpen) return;
+		if (isOpenProp) openDrawer(identifier);
 		else {
-			close();
-			onClose?.();
+			closeDrawer(identifier);
+			onCloseRef.current?.();
 		}
 	}, [
-		close,
-		open,
-		onClose,
 		isOpenProp,
-		identifier
+		storeIsOpen,
+		identifier,
+		openDrawer,
+		closeDrawer
 	]);
 	const handleSpareSpaceClick = (e) => {
 		if (e.target !== e.currentTarget) return;
 		if (isMobile) {
-			close();
+			closeDrawer(identifier);
 			onClose?.();
 		}
 	};
@@ -184,7 +188,10 @@ const RightDrawer = ({ title, identifier, children, header, closeOnOutsideClick
 								color: ButtonColor.TEXT,
 								label: "Close",
 								className: "ml-auto",
-								onClick: close,
+								onClick: () => {
+									closeDrawer(identifier);
+									onClose?.();
+								},
 								Icon: X,
 								size: ButtonSize.ICON_MD
 							}) })]
@@ -201,6 +208,7 @@ const RightDrawer = ({ title, identifier, children, header, closeOnOutsideClick
 						className: "flex flex-1 flex-col",
 						onClick: handleSpareSpaceClick,
 						ref: childrenContainerRef,
+						role: "region",
 						children
 					})
 				})]

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

@@ -1 +1 @@
-{"version":3,"file":"RightDrawer.mjs","names":["RightDrawer: FC<RightDrawerProps>","handleSpareSpaceClick: MouseEventHandler<HTMLDivElement>"],"sources":["../../../../src/components/RightDrawer/RightDrawer.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeft, X } from 'lucide-react';\nimport {\n  type FC,\n  type MouseEventHandler,\n  type ReactNode,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useDevice } from '../../hooks/useDevice';\nimport { useScrollBlockage } from '../../hooks/useScrollBlockage';\nimport { Button, ButtonColor, ButtonSize, ButtonVariant } from '../Button';\nimport { Container } from '../Container';\nimport { MaxWidthSmoother } from '../MaxWidthSmoother/index';\nimport { isElementAtTopAndNotCovered } from './isElementAtTopAndNotCovered';\nimport { useRightDrawerStore } from './useRightDrawerStore';\n\n/**\n * Configuration for the back button functionality in the RightDrawer\n *\n * @interface BackButtonProps\n */\ntype BackButtonProps = {\n  /** Callback function triggered when the back button is clicked */\n  onBack: () => void;\n  /** Optional custom text for the back button. Defaults to \"Go back\" if not provided */\n  text?: string;\n};\n\n/**\n * Props configuration for the RightDrawer component\n *\n * @interface RightDrawerProps\n */\ntype RightDrawerProps = {\n  /**\n   * Title displayed in the drawer header\n   * @example\n   * ```tsx\n   * <RightDrawer title=\"User Settings\" identifier=\"settings\">\n   *   Content here\n   * </RightDrawer>\n   * ```\n   */\n  title?: ReactNode;\n\n  /**\n   * Unique identifier for the drawer instance. Required for store management\n   * @example\n   * ```tsx\n   * <RightDrawer identifier=\"user-profile\" title=\"Profile\">\n   *   Profile content\n   * </RightDrawer>\n   * ```\n   */\n  identifier: string;\n\n  /** The content to be displayed inside the drawer */\n  children?: ReactNode;\n\n  /**\n   * Optional header content displayed below the title\n   * @example\n   * ```tsx\n   * <RightDrawer\n   *   title=\"Settings\"\n   *   header={<div className=\"text-sm opacity-80\">Configure your preferences</div>}\n   *   identifier=\"settings\"\n   * >\n   *   Settings content\n   * </RightDrawer>\n   * ```\n   */\n  header?: ReactNode;\n\n  /**\n   * Whether the drawer should close when clicking outside of it\n   * @default true\n   * @example\n   * ```tsx\n   * <RightDrawer closeOnOutsideClick={false} identifier=\"persistent\">\n   *   This drawer requires explicit close action\n   * </RightDrawer>\n   * ```\n   */\n  closeOnOutsideClick?: boolean;\n\n  /**\n   * Configuration for an optional back button in the drawer header\n   * @example\n   * ```tsx\n   * <RightDrawer\n   *   backButton={{\n   *     text: \"Back to List\",\n   *     onBack: () => navigate('/list')\n   *   }}\n   *   identifier=\"detail-view\"\n   * >\n   *   Detail content\n   * </RightDrawer>\n   * ```\n   */\n  backButton?: BackButtonProps;\n\n  /**\n   * External control for the open state. When provided, overrides internal store state\n   * @example\n   * ```tsx\n   * const [isOpen, setIsOpen] = useState(false);\n   *\n   * <RightDrawer\n   *   isOpen={isOpen}\n   *   onClose={() => setIsOpen(false)}\n   *   identifier=\"controlled\"\n   * >\n   *   Controlled drawer content\n   * </RightDrawer>\n   * ```\n   */\n  isOpen?: boolean;\n\n  /**\n   * Callback function triggered when the drawer is closed\n   * @example\n   * ```tsx\n   * <RightDrawer\n   *   onClose={() => console.log('Drawer closed')}\n   *   identifier=\"tracked\"\n   * >\n   *   Content with close tracking\n   * </RightDrawer>\n   * ```\n   */\n  onClose?: () => void;\n};\n\n/**\n * RightDrawer - A slide-out drawer panel that appears from the right side of the screen\n *\n * A versatile drawer component that provides an overlay panel for displaying secondary content,\n * forms, details, or navigation. Features responsive design that adapts to mobile devices,\n * configurable close behavior, and integrated state management through Zustand store.\n *\n * ## Key Features\n * - **Responsive Design**: Full-width on mobile, fixed 400px width on desktop\n * - **State Management**: Built-in Zustand store for managing multiple drawer instances\n * - **Accessibility**: Proper ARIA attributes, keyboard navigation, and focus management\n * - **Flexible Layout**: Customizable header, title, and content areas\n * - **Click Outside**: Configurable outside click detection for auto-closing\n * - **Scroll Management**: Automatic body scroll blocking when open\n *\n * ## Use Cases\n * - Navigation menus and sidebars\n * - Detail panels and forms\n * - Settings and configuration interfaces\n * - Shopping carts and checkout processes\n * - User profiles and account management\n * - Multi-step workflows and wizards\n *\n * ## Accessibility\n * - **Focus Management**: Traps focus within the drawer when open\n * - **Keyboard Navigation**: Escape key closes the drawer\n * - **Screen Reader Support**: Proper ARIA labels and announcements\n * - **Touch Support**: Mobile-optimized touch interactions\n *\n * ## State Management\n * The component uses a Zustand store (`useRightDrawerStore`) to manage drawer state:\n * - Multiple drawers can be managed simultaneously using unique identifiers\n * - External components can open/close drawers using the store\n * - Supports both controlled (via props) and uncontrolled (via store) patterns\n *\n * @example\n * Basic usage with store management:\n * ```tsx\n * // Opening the drawer from another component\n * const { open } = useRightDrawerStore();\n *\n * <button onClick={() => open('user-menu')}>\n *   Open Menu\n * </button>\n *\n * <RightDrawer identifier=\"user-menu\" title=\"User Menu\">\n *   <nav>Navigation items here</nav>\n * </RightDrawer>\n * ```\n *\n * @example\n * Controlled drawer with external state:\n * ```tsx\n * const [showDrawer, setShowDrawer] = useState(false);\n *\n * <RightDrawer\n *   identifier=\"controlled-drawer\"\n *   title=\"Settings\"\n *   isOpen={showDrawer}\n *   onClose={() => setShowDrawer(false)}\n *   closeOnOutsideClick={false}\n * >\n *   <SettingsForm onSave={() => setShowDrawer(false)} />\n * </RightDrawer>\n * ```\n *\n * @example\n * Complex drawer with back button and header:\n * ```tsx\n * <RightDrawer\n *   identifier=\"product-detail\"\n *   title=\"Product Details\"\n *   header={\n *     <div className=\"text-sm text-gray-600\">\n *       SKU: {product.sku} | Stock: {product.stock}\n *     </div>\n *   }\n *   backButton={{\n *     text: \"Back to Catalog\",\n *     onBack: () => navigate('/catalog')\n *   }}\n * >\n *   <ProductDetailView product={product} />\n * </RightDrawer>\n * ```\n */\nexport const RightDrawer: FC<RightDrawerProps> = ({\n  title,\n  identifier,\n  children,\n  header,\n  closeOnOutsideClick = true,\n  backButton,\n  isOpen: isOpenProp,\n  onClose,\n}) => {\n  const { isMobile } = useDevice('md');\n  const panelRef = useRef<HTMLDivElement>(null);\n  const childrenContainerRef = useRef<HTMLDivElement>(null);\n  const { close, open, isOpen } = useRightDrawerStore(\n    useShallow((s) => ({\n      close: () => s.close(identifier),\n      open: () => s.open(identifier),\n      isOpen: s.isOpen(identifier),\n    }))\n  );\n\n  useScrollBlockage({\n    disableScroll: isOpen,\n    key: identifier ? `right_drawer_${identifier}` : 'right_drawer',\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      try {\n        if (!panelRef.current) return;\n\n        // Check if drawer is open and click outside is enabled\n        const isClickAble = isOpen && closeOnOutsideClick;\n\n        // Check if click is outside the drawer panel\n        const isClickOutside =\n          event.target && !panelRef.current.contains(event.target as Node);\n\n        // Check if event propagation has been stopped\n        const isAtTopAndVisible = isElementAtTopAndNotCovered(panelRef.current);\n\n        if (\n          (isClickAble && isClickOutside && isAtTopAndVisible) ||\n          !event.target\n        ) {\n          close();\n          onClose?.();\n        }\n      } catch (_e) {\n        close();\n        onClose?.();\n      }\n    };\n\n    window.addEventListener('mousedown', handleClickOutside);\n    return () => window.removeEventListener('mousedown', handleClickOutside);\n  }, [isOpen, close, onClose, closeOnOutsideClick, identifier]); // Make sure the effect runs only if isOpen or close changes\n\n  useEffect(() => {\n    if (isOpenProp !== undefined) {\n      if (isOpenProp) {\n        open();\n      } else {\n        close();\n        onClose?.();\n      }\n    }\n  }, [close, open, onClose, isOpenProp, identifier]);\n\n  const handleSpareSpaceClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    // Check if the click trigger the background\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n\n    if (isMobile) {\n      close();\n      onClose?.();\n    }\n  };\n\n  return (\n    <div className=\"fixed top-0 right-0 z-50 flex h-full justify-end\">\n      <MaxWidthSmoother isHidden={!isOpen} align=\"right\">\n        <Container\n          className=\"relative flex h-screen w-screen flex-col text-text md:w-[400px]\"\n          ref={panelRef}\n          roundedSize=\"none\"\n        >\n          <div className=\"flex flex-col gap-3 p-6\">\n            <div className=\"flex justify-between gap-3\">\n              <div>\n                {backButton && (\n                  <Button\n                    variant={ButtonVariant.HOVERABLE}\n                    color={ButtonColor.TEXT}\n                    label={backButton.text ?? 'Go back'}\n                    onClick={backButton.onBack}\n                    Icon={ChevronLeft}\n                  >\n                    {backButton?.text}\n                  </Button>\n                )}\n              </div>\n              <div>\n                <Button\n                  variant={ButtonVariant.HOVERABLE}\n                  color={ButtonColor.TEXT}\n                  label=\"Close\"\n                  className=\"ml-auto\"\n                  onClick={close}\n                  Icon={X}\n                  size={ButtonSize.ICON_MD}\n                />\n              </div>\n            </div>\n            {title && (\n              <h2 className=\"flex items-center justify-center font-bold text-lg\">\n                {title}\n              </h2>\n            )}\n            {header}\n          </div>\n\n          <div className=\"flex h-full flex-col overflow-y-auto p-2\">\n            <div\n              className=\"flex flex-1 flex-col\"\n              onClick={handleSpareSpaceClick}\n              ref={childrenContainerRef}\n            >\n              {children}\n            </div>\n          </div>\n        </Container>\n      </MaxWidthSmoother>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgOA,MAAaA,eAAqC,EAChD,OACA,YACA,UACA,QACA,sBAAsB,MACtB,YACA,QAAQ,YACR,cACI;CACJ,MAAM,EAAE,aAAa,UAAU,KAAK;CACpC,MAAM,WAAW,OAAuB,KAAK;CAC7C,MAAM,uBAAuB,OAAuB,KAAK;CACzD,MAAM,EAAE,OAAO,MAAM,WAAW,oBAC9B,YAAY,OAAO;EACjB,aAAa,EAAE,MAAM,WAAW;EAChC,YAAY,EAAE,KAAK,WAAW;EAC9B,QAAQ,EAAE,OAAO,WAAW;EAC7B,EAAE,CACJ;AAED,mBAAkB;EAChB,eAAe;EACf,KAAK,aAAa,gBAAgB,eAAe;EAClD,CAAC;AAEF,iBAAgB;EACd,MAAM,sBAAsB,UAAsB;AAChD,OAAI;AACF,QAAI,CAAC,SAAS,QAAS;IAGvB,MAAM,cAAc,UAAU;IAG9B,MAAM,iBACJ,MAAM,UAAU,CAAC,SAAS,QAAQ,SAAS,MAAM,OAAe;IAGlE,MAAM,oBAAoB,4BAA4B,SAAS,QAAQ;AAEvE,QACG,eAAe,kBAAkB,qBAClC,CAAC,MAAM,QACP;AACA,YAAO;AACP,gBAAW;;YAEN,IAAI;AACX,WAAO;AACP,eAAW;;;AAIf,SAAO,iBAAiB,aAAa,mBAAmB;AACxD,eAAa,OAAO,oBAAoB,aAAa,mBAAmB;IACvE;EAAC;EAAQ;EAAO;EAAS;EAAqB;EAAW,CAAC;AAE7D,iBAAgB;AACd,MAAI,eAAe,OACjB,KAAI,WACF,OAAM;OACD;AACL,UAAO;AACP,cAAW;;IAGd;EAAC;EAAO;EAAM;EAAS;EAAY;EAAW,CAAC;CAElD,MAAMC,yBAA4D,MAAM;AAEtE,MAAI,EAAE,WAAW,EAAE,cACjB;AAGF,MAAI,UAAU;AACZ,UAAO;AACP,cAAW;;;AAIf,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAiB,UAAU,CAAC;GAAQ,OAAM;aACzC,qBAAC;IACC,WAAU;IACV,KAAK;IACL,aAAY;eAEZ,qBAAC;KAAI,WAAU;;MACb,qBAAC;OAAI,WAAU;kBACb,oBAAC,mBACE,cACC,oBAAC;QACC,SAAS,cAAc;QACvB,OAAO,YAAY;QACnB,OAAO,WAAW,QAAQ;QAC1B,SAAS,WAAW;QACpB,MAAM;kBAEL,YAAY;SACN,GAEP,EACN,oBAAC,mBACC,oBAAC;QACC,SAAS,cAAc;QACvB,OAAO,YAAY;QACnB,OAAM;QACN,WAAU;QACV,SAAS;QACT,MAAM;QACN,MAAM,WAAW;SACjB,GACE;QACF;MACL,SACC,oBAAC;OAAG,WAAU;iBACX;QACE;MAEN;;MACG,EAEN,oBAAC;KAAI,WAAU;eACb,oBAAC;MACC,WAAU;MACV,SAAS;MACT,KAAK;MAEJ;OACG;MACF;KACI;IACK;GACf"}
+{"version":3,"file":"RightDrawer.mjs","names":["RightDrawer: FC<RightDrawerProps>","handleSpareSpaceClick: MouseEventHandler<HTMLDivElement>"],"sources":["../../../../src/components/RightDrawer/RightDrawer.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeft, X } from 'lucide-react';\nimport {\n  type FC,\n  type MouseEventHandler,\n  type ReactNode,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useDevice } from '../../hooks/useDevice';\nimport { useScrollBlockage } from '../../hooks/useScrollBlockage';\nimport { Button, ButtonColor, ButtonSize, ButtonVariant } from '../Button';\nimport { Container } from '../Container';\nimport { MaxWidthSmoother } from '../MaxWidthSmoother/index';\nimport { isElementAtTopAndNotCovered } from './isElementAtTopAndNotCovered';\nimport { useRightDrawerStore } from './useRightDrawerStore';\n\n/**\n * Configuration for the back button functionality in the RightDrawer\n *\n * @interface BackButtonProps\n */\ntype BackButtonProps = {\n  /** Callback function triggered when the back button is clicked */\n  onBack: () => void;\n  /** Optional custom text for the back button. Defaults to \"Go back\" if not provided */\n  text?: string;\n};\n\n/**\n * Props configuration for the RightDrawer component\n *\n * @interface RightDrawerProps\n */\ntype RightDrawerProps = {\n  /**\n   * Title displayed in the drawer header\n   * @example\n   * ```tsx\n   * <RightDrawer title=\"User Settings\" identifier=\"settings\">\n   *   Content here\n   * </RightDrawer>\n   * ```\n   */\n  title?: ReactNode;\n\n  /**\n   * Unique identifier for the drawer instance. Required for store management\n   * @example\n   * ```tsx\n   * <RightDrawer identifier=\"user-profile\" title=\"Profile\">\n   *   Profile content\n   * </RightDrawer>\n   * ```\n   */\n  identifier: string;\n\n  /** The content to be displayed inside the drawer */\n  children?: ReactNode;\n\n  /**\n   * Optional header content displayed below the title\n   * @example\n   * ```tsx\n   * <RightDrawer\n   *   title=\"Settings\"\n   *   header={<div className=\"text-sm opacity-80\">Configure your preferences</div>}\n   *   identifier=\"settings\"\n   * >\n   *   Settings content\n   * </RightDrawer>\n   * ```\n   */\n  header?: ReactNode;\n\n  /**\n   * Whether the drawer should close when clicking outside of it\n   * @default true\n   * @example\n   * ```tsx\n   * <RightDrawer closeOnOutsideClick={false} identifier=\"persistent\">\n   *   This drawer requires explicit close action\n   * </RightDrawer>\n   * ```\n   */\n  closeOnOutsideClick?: boolean;\n\n  /**\n   * Configuration for an optional back button in the drawer header\n   * @example\n   * ```tsx\n   * <RightDrawer\n   *   backButton={{\n   *     text: \"Back to List\",\n   *     onBack: () => navigate('/list')\n   *   }}\n   *   identifier=\"detail-view\"\n   * >\n   *   Detail content\n   * </RightDrawer>\n   * ```\n   */\n  backButton?: BackButtonProps;\n\n  /**\n   * External control for the open state. When provided, overrides internal store state\n   * @example\n   * ```tsx\n   * const [isOpen, setIsOpen] = useState(false);\n   *\n   * <RightDrawer\n   *   isOpen={isOpen}\n   *   onClose={() => setIsOpen(false)}\n   *   identifier=\"controlled\"\n   * >\n   *   Controlled drawer content\n   * </RightDrawer>\n   * ```\n   */\n  isOpen?: boolean;\n\n  /**\n   * Callback function triggered when the drawer is closed\n   * @example\n   * ```tsx\n   * <RightDrawer\n   *   onClose={() => console.log('Drawer closed')}\n   *   identifier=\"tracked\"\n   * >\n   *   Content with close tracking\n   * </RightDrawer>\n   * ```\n   */\n  onClose?: () => void;\n};\n\n/**\n * RightDrawer - A slide-out drawer panel that appears from the right side of the screen\n *\n * A versatile drawer component that provides an overlay panel for displaying secondary content,\n * forms, details, or navigation. Features responsive design that adapts to mobile devices,\n * configurable close behavior, and integrated state management through Zustand store.\n *\n * ## Key Features\n * - **Responsive Design**: Full-width on mobile, fixed 400px width on desktop\n * - **State Management**: Built-in Zustand store for managing multiple drawer instances\n * - **Accessibility**: Proper ARIA attributes, keyboard navigation, and focus management\n * - **Flexible Layout**: Customizable header, title, and content areas\n * - **Click Outside**: Configurable outside click detection for auto-closing\n * - **Scroll Management**: Automatic body scroll blocking when open\n *\n * ## Use Cases\n * - Navigation menus and sidebars\n * - Detail panels and forms\n * - Settings and configuration interfaces\n * - Shopping carts and checkout processes\n * - User profiles and account management\n * - Multi-step workflows and wizards\n *\n * ## Accessibility\n * - **Focus Management**: Traps focus within the drawer when open\n * - **Keyboard Navigation**: Escape key closes the drawer\n * - **Screen Reader Support**: Proper ARIA labels and announcements\n * - **Touch Support**: Mobile-optimized touch interactions\n *\n * ## State Management\n * The component uses a Zustand store (`useRightDrawerStore`) to manage drawer state:\n * - Multiple drawers can be managed simultaneously using unique identifiers\n * - External components can open/close drawers using the store\n * - Supports both controlled (via props) and uncontrolled (via store) patterns\n *\n * @example\n * Basic usage with store management:\n * ```tsx\n * // Opening the drawer from another component\n * const { open } = useRightDrawerStore();\n *\n * <button onClick={() => open('user-menu')}>\n *   Open Menu\n * </button>\n *\n * <RightDrawer identifier=\"user-menu\" title=\"User Menu\">\n *   <nav>Navigation items here</nav>\n * </RightDrawer>\n * ```\n *\n * @example\n * Controlled drawer with external state:\n * ```tsx\n * const [showDrawer, setShowDrawer] = useState(false);\n *\n * <RightDrawer\n *   identifier=\"controlled-drawer\"\n *   title=\"Settings\"\n *   isOpen={showDrawer}\n *   onClose={() => setShowDrawer(false)}\n *   closeOnOutsideClick={false}\n * >\n *   <SettingsForm onSave={() => setShowDrawer(false)} />\n * </RightDrawer>\n * ```\n *\n * @example\n * Complex drawer with back button and header:\n * ```tsx\n * <RightDrawer\n *   identifier=\"product-detail\"\n *   title=\"Product Details\"\n *   header={\n *     <div className=\"text-sm text-gray-600\">\n *       SKU: {product.sku} | Stock: {product.stock}\n *     </div>\n *   }\n *   backButton={{\n *     text: \"Back to Catalog\",\n *     onBack: () => navigate('/catalog')\n *   }}\n * >\n *   <ProductDetailView product={product} />\n * </RightDrawer>\n * ```\n */\nexport const RightDrawer: FC<RightDrawerProps> = ({\n  title,\n  identifier,\n  children,\n  header,\n  closeOnOutsideClick = true,\n  backButton,\n  isOpen: isOpenProp,\n  onClose,\n}) => {\n  const { isMobile } = useDevice('md');\n  const panelRef = useRef<HTMLDivElement>(null);\n  const childrenContainerRef = useRef<HTMLDivElement>(null);\n  const openDrawer = useRightDrawerStore((s) => s.open);\n  const closeDrawer = useRightDrawerStore((s) => s.close);\n  const storeIsOpen = useRightDrawerStore((s) => s.isOpen(identifier));\n  const isOpen = useRightDrawerStore((s) => s.isOpen(identifier));\n\n  useScrollBlockage({\n    disableScroll: isOpen,\n    key: identifier ? `right_drawer_${identifier}` : 'right_drawer',\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      try {\n        if (!panelRef.current) return;\n\n        // Check if drawer is open and click outside is enabled\n        const isClickAble = isOpen && closeOnOutsideClick;\n\n        // Check if click is outside the drawer panel\n        const isClickOutside =\n          event.target && !panelRef.current.contains(event.target as Node);\n\n        // Check if event propagation has been stopped\n        const isAtTopAndVisible = isElementAtTopAndNotCovered(panelRef.current);\n\n        if (\n          (isClickAble && isClickOutside && isAtTopAndVisible) ||\n          !event.target\n        ) {\n          closeDrawer(identifier);\n          onClose?.();\n        }\n      } catch (_e) {\n        closeDrawer(identifier);\n        onClose?.();\n      }\n    };\n\n    window.addEventListener('mousedown', handleClickOutside);\n    return () => window.removeEventListener('mousedown', handleClickOutside);\n  }, [isOpen, closeDrawer, onClose, closeOnOutsideClick, identifier]); // Make sure the effect runs only if isOpen or close changes\n\n  const onCloseRef = useRef(onClose);\n  useEffect(() => {\n    onCloseRef.current = onClose;\n  }, [onClose]);\n\n  useEffect(() => {\n    if (isOpenProp === undefined) return;\n\n    // prevent redundant set → re-render → effect loop\n    if (isOpenProp === storeIsOpen) return;\n\n    if (isOpenProp) {\n      openDrawer(identifier);\n    } else {\n      closeDrawer(identifier);\n      onCloseRef.current?.();\n    }\n  }, [isOpenProp, storeIsOpen, identifier, openDrawer, closeDrawer]);\n\n  const handleSpareSpaceClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    // Check if the click trigger the background\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n\n    if (isMobile) {\n      closeDrawer(identifier);\n      onClose?.();\n    }\n  };\n\n  return (\n    <div className=\"fixed top-0 right-0 z-50 flex h-full justify-end\">\n      <MaxWidthSmoother isHidden={!isOpen} align=\"right\">\n        <Container\n          className=\"relative flex h-screen w-screen flex-col text-text md:w-[400px]\"\n          ref={panelRef}\n          roundedSize=\"none\"\n        >\n          <div className=\"flex flex-col gap-3 p-6\">\n            <div className=\"flex justify-between gap-3\">\n              <div>\n                {backButton && (\n                  <Button\n                    variant={ButtonVariant.HOVERABLE}\n                    color={ButtonColor.TEXT}\n                    label={backButton.text ?? 'Go back'}\n                    onClick={backButton.onBack}\n                    Icon={ChevronLeft}\n                  >\n                    {backButton?.text}\n                  </Button>\n                )}\n              </div>\n              <div>\n                <Button\n                  variant={ButtonVariant.HOVERABLE}\n                  color={ButtonColor.TEXT}\n                  label=\"Close\"\n                  className=\"ml-auto\"\n                  onClick={() => {\n                    closeDrawer(identifier);\n                    onClose?.();\n                  }}\n                  Icon={X}\n                  size={ButtonSize.ICON_MD}\n                />\n              </div>\n            </div>\n            {title && (\n              <h2 className=\"flex items-center justify-center font-bold text-lg\">\n                {title}\n              </h2>\n            )}\n            {header}\n          </div>\n\n          <div className=\"flex h-full flex-col overflow-y-auto p-2\">\n            <div\n              className=\"flex flex-1 flex-col\"\n              onClick={handleSpareSpaceClick}\n              ref={childrenContainerRef}\n              role=\"region\"\n            >\n              {children}\n            </div>\n          </div>\n        </Container>\n      </MaxWidthSmoother>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+NA,MAAaA,eAAqC,EAChD,OACA,YACA,UACA,QACA,sBAAsB,MACtB,YACA,QAAQ,YACR,cACI;CACJ,MAAM,EAAE,aAAa,UAAU,KAAK;CACpC,MAAM,WAAW,OAAuB,KAAK;CAC7C,MAAM,uBAAuB,OAAuB,KAAK;CACzD,MAAM,aAAa,qBAAqB,MAAM,EAAE,KAAK;CACrD,MAAM,cAAc,qBAAqB,MAAM,EAAE,MAAM;CACvD,MAAM,cAAc,qBAAqB,MAAM,EAAE,OAAO,WAAW,CAAC;CACpE,MAAM,SAAS,qBAAqB,MAAM,EAAE,OAAO,WAAW,CAAC;AAE/D,mBAAkB;EAChB,eAAe;EACf,KAAK,aAAa,gBAAgB,eAAe;EAClD,CAAC;AAEF,iBAAgB;EACd,MAAM,sBAAsB,UAAsB;AAChD,OAAI;AACF,QAAI,CAAC,SAAS,QAAS;IAGvB,MAAM,cAAc,UAAU;IAG9B,MAAM,iBACJ,MAAM,UAAU,CAAC,SAAS,QAAQ,SAAS,MAAM,OAAe;IAGlE,MAAM,oBAAoB,4BAA4B,SAAS,QAAQ;AAEvE,QACG,eAAe,kBAAkB,qBAClC,CAAC,MAAM,QACP;AACA,iBAAY,WAAW;AACvB,gBAAW;;YAEN,IAAI;AACX,gBAAY,WAAW;AACvB,eAAW;;;AAIf,SAAO,iBAAiB,aAAa,mBAAmB;AACxD,eAAa,OAAO,oBAAoB,aAAa,mBAAmB;IACvE;EAAC;EAAQ;EAAa;EAAS;EAAqB;EAAW,CAAC;CAEnE,MAAM,aAAa,OAAO,QAAQ;AAClC,iBAAgB;AACd,aAAW,UAAU;IACpB,CAAC,QAAQ,CAAC;AAEb,iBAAgB;AACd,MAAI,eAAe,OAAW;AAG9B,MAAI,eAAe,YAAa;AAEhC,MAAI,WACF,YAAW,WAAW;OACjB;AACL,eAAY,WAAW;AACvB,cAAW,WAAW;;IAEvB;EAAC;EAAY;EAAa;EAAY;EAAY;EAAY,CAAC;CAElE,MAAMC,yBAA4D,MAAM;AAEtE,MAAI,EAAE,WAAW,EAAE,cACjB;AAGF,MAAI,UAAU;AACZ,eAAY,WAAW;AACvB,cAAW;;;AAIf,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAiB,UAAU,CAAC;GAAQ,OAAM;aACzC,qBAAC;IACC,WAAU;IACV,KAAK;IACL,aAAY;eAEZ,qBAAC;KAAI,WAAU;;MACb,qBAAC;OAAI,WAAU;kBACb,oBAAC,mBACE,cACC,oBAAC;QACC,SAAS,cAAc;QACvB,OAAO,YAAY;QACnB,OAAO,WAAW,QAAQ;QAC1B,SAAS,WAAW;QACpB,MAAM;kBAEL,YAAY;SACN,GAEP,EACN,oBAAC,mBACC,oBAAC;QACC,SAAS,cAAc;QACvB,OAAO,YAAY;QACnB,OAAM;QACN,WAAU;QACV,eAAe;AACb,qBAAY,WAAW;AACvB,oBAAW;;QAEb,MAAM;QACN,MAAM,WAAW;SACjB,GACE;QACF;MACL,SACC,oBAAC;OAAG,WAAU;iBACX;QACE;MAEN;;MACG,EAEN,oBAAC;KAAI,WAAU;eACb,oBAAC;MACC,WAAU;MACV,SAAS;MACT,KAAK;MACL,MAAK;MAEJ;OACG;MACF;KACI;IACK;GACf"}

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

@@ -71,6 +71,17 @@ let TagColor = /* @__PURE__ */ function(TagColor$1) {
 	TagColor$1["WARNING"] = "warning";
 	TagColor$1["NEUTRAL"] = "neutral";
 	TagColor$1["TEXT"] = "text";
+	TagColor$1["BLUE"] = "blue";
+	TagColor$1["YELLOW"] = "yellow";
+	TagColor$1["GREEN"] = "green";
+	TagColor$1["RED"] = "red";
+	TagColor$1["ORANGE"] = "orange";
+	TagColor$1["PURPLE"] = "purple";
+	TagColor$1["PINK"] = "pink";
+	TagColor$1["BROWN"] = "brown";
+	TagColor$1["GRAY"] = "gray";
+	TagColor$1["BLACK"] = "black";
+	TagColor$1["WHITE"] = "white";
 	return TagColor$1;
 }({});
 /**
@@ -161,7 +172,18 @@ const containerVariants = cva("w-fit backdrop-blur", {
 			[`${TagColor.ERROR}`]: "border-error bg-error/10 text-error",
 			[`${TagColor.WARNING}`]: "border-warning bg-warning/10 text-warning",
 			[`${TagColor.NEUTRAL}`]: "/10 border-neutral bg-neutral/10 text-neutral",
-			[`${TagColor.TEXT}`]: "border-text bg-text/10 text-text"
+			[`${TagColor.TEXT}`]: "border-text bg-text/10 text-text",
+			[`${TagColor.BLUE}`]: "border-blue-500 bg-blue-500/10 text-blue-500 dark:text-blue-300",
+			[`${TagColor.YELLOW}`]: "border-yellow-500 bg-yellow-500/10 text-yellow-500 dark:text-yellow-300",
+			[`${TagColor.GREEN}`]: "border-green-500 bg-green-500/10 text-green-500 dark:text-green-300",
+			[`${TagColor.RED}`]: "border-red-500 bg-red-500/10 text-red-500 dark:text-red-300",
+			[`${TagColor.ORANGE}`]: "border-orange-500 bg-orange-500/10 text-orange-500 dark:text-orange-300",
+			[`${TagColor.PURPLE}`]: "border-purple-500 bg-purple-500/10 text-purple-500 dark:text-purple-300",
+			[`${TagColor.PINK}`]: "border-pink-500 bg-pink-500/10 text-pink-500 dark:text-pink-300",
+			[`${TagColor.BROWN}`]: "border-brown-500 bg-brown-500/10 text-brown-500 dark:text-brown-300",
+			[`${TagColor.GRAY}`]: "border-gray-500 bg-gray-500/10 text-gray-500 dark:text-gray-300",
+			[`${TagColor.BLACK}`]: "border-black bg-black/10 text-black",
+			[`${TagColor.WHITE}`]: "border-white bg-white/10 text-white"
 		},
 		size: {
 			[`${TagSize.XS}`]: "border-[1.2px] px-2 py-0.5 text-xs",

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Tag: FC<TagProps>"],"sources":["../../../../src/components/Tag/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { FC, HTMLAttributes, PropsWithChildren } from 'react';\n\n/**\n * Properties for the Tag component extending HTML div attributes and variant options\n *\n * @interface TagProps\n * @extends {PropsWithChildren<VariantProps<typeof containerVariants>>}\n * @extends {HTMLAttributes<HTMLDivElement>}\n *\n * @property {ReactNode} children - The content to display inside the tag\n * @property {TagColor} [color] - Color theme variant of the tag\n * @property {TagRoundedSize} [roundedSize] - Border radius size of the tag\n * @property {TagSize} [size] - Size variant affecting padding and font size\n * @property {TagBorder} [border] - Whether to show a border around the tag\n * @property {TagBackground} [background] - Background visibility option\n * @property {string} [className] - Additional CSS classes for custom styling\n *\n * @example\n * ```tsx\n * // Basic tag\n * <Tag>Default Tag</Tag>\n *\n * // Success tag with border\n * <Tag color={TagColor.SUCCESS} border={TagBorder.WITH}>\n *   Success Status\n * </Tag>\n *\n * // Large warning tag\n * <Tag color={TagColor.WARNING} size={TagSize.LG}>\n *   Important Warning\n * </Tag>\n * ```\n */\ntype TagProps = PropsWithChildren<VariantProps<typeof containerVariants>> &\n  HTMLAttributes<HTMLDivElement>;\n\n/**\n * Enumeration for tag border radius sizes\n *\n * Controls the roundedness of tag corners, from sharp edges to fully rounded pills.\n *\n * @enum {string} TagRoundedSize\n * @property {string} NONE - 'none' - No border radius (sharp corners)\n * @property {string} SM - 'sm' - Small border radius (2px)\n * @property {string} MD - 'md' - Medium border radius (6px)\n * @property {string} LG - 'lg' - Large border radius (8px)\n * @property {string} XL - 'xl' - Extra large border radius (12px)\n * @property {string} XXL - '2xl' - 2x large border radius (16px)\n * @property {string} XXXL - '3xl' - 3x large border radius (24px)\n * @property {string} FULL - 'full' - Fully rounded (50% border radius, pill shape)\n *\n * @example\n * ```tsx\n * // Sharp corners\n * <Tag roundedSize={TagRoundedSize.NONE}>Sharp Tag</Tag>\n *\n * // Pill-shaped tag\n * <Tag roundedSize={TagRoundedSize.FULL}>Pill Tag</Tag>\n *\n * // Medium rounded corners\n * <Tag roundedSize={TagRoundedSize.MD}>Rounded Tag</Tag>\n * ```\n */\nexport enum TagRoundedSize {\n  NONE = 'none',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n  XXL = '2xl',\n  XXXL = '3xl',\n  FULL = 'full',\n}\n\n/**\n * Enumeration for tag color themes\n *\n * Provides semantic color options for different tag purposes and meanings.\n * Each color includes background, border, and text color variations.\n *\n * @enum {string} TagColor\n * @property {string} SUCCESS - 'success' - Green theme for positive states, success messages, or completed items\n * @property {string} ERROR - 'error' - Red theme for error states, warnings, or failed operations\n * @property {string} WARNING - 'warning' - Yellow/orange theme for caution, pending states, or important notices\n * @property {string} NEUTRAL - 'neutral' - Gray theme for neutral information or secondary content\n * @property {string} TEXT - 'text' - Default text color theme for general purpose tags\n *\n * @example\n * ```tsx\n * // Status indicators\n * <Tag color={TagColor.SUCCESS}>Completed</Tag>\n * <Tag color={TagColor.ERROR}>Failed</Tag>\n * <Tag color={TagColor.WARNING}>Pending</Tag>\n *\n * // Category tags\n * <Tag color={TagColor.NEUTRAL}>Category</Tag>\n * <Tag color={TagColor.TEXT}>General</Tag>\n * ```\n */\nexport enum TagColor {\n  SUCCESS = 'success',\n  ERROR = 'error',\n  WARNING = 'warning',\n  NEUTRAL = 'neutral',\n  TEXT = 'text',\n}\n\n/**\n * Enumeration for tag size variants\n *\n * Controls the overall size of tags including padding, font size, and border thickness.\n * Sizes are designed to maintain visual hierarchy and readability.\n *\n * @enum {string} TagSize\n * @property {string} XS - 'xs' - Extra small (0.5rem padding, text-xs, 1.2px border)\n * @property {string} SM - 'sm' - Small (0.5rem padding, text-sm, 1.5px border)\n * @property {string} MD - 'md' - Medium (1rem padding, text-base, 2px border) - Default size\n * @property {string} LG - 'lg' - Large (2rem padding, text-lg, 2px border)\n * @property {string} XL - 'xl' - Extra large (4rem padding, text-xl, 2px border)\n *\n * @example\n * ```tsx\n * // Different sizes for hierarchy\n * <Tag size={TagSize.XS}>Small detail</Tag>\n * <Tag size={TagSize.SM}>Minor category</Tag>\n * <Tag size={TagSize.MD}>Standard tag</Tag>\n * <Tag size={TagSize.LG}>Important label</Tag>\n * <Tag size={TagSize.XL}>Hero tag</Tag>\n * ```\n */\nexport enum TagSize {\n  XS = 'xs',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n}\n\n/**\n * Enumeration for tag border visibility\n *\n * Controls whether a border is displayed around the tag.\n *\n * @enum {string} TagBorder\n * @property {string} NONE - 'none' - No border (default)\n * @property {string} WITH - 'with' - Show border with 1.5px thickness\n *\n * @example\n * ```tsx\n * <Tag border={TagBorder.NONE}>Borderless</Tag>\n * <Tag border={TagBorder.WITH}>With Border</Tag>\n * ```\n */\nexport enum TagBorder {\n  NONE = 'none',\n  WITH = 'with',\n}\n\n/**\n * Enumeration for tag background visibility\n *\n * Controls the background styling of the tag.\n *\n * @enum {string} TagBackground\n * @property {string} NONE - 'none' - No background styling\n * @property {string} WITH - 'with' - Apply background styling\n *\n * @example\n * ```tsx\n * <Tag background={TagBackground.NONE}>No Background</Tag>\n * <Tag background={TagBackground.WITH}>With Background</Tag>\n * ```\n */\nexport enum TagBackground {\n  NONE = 'none',\n  WITH = 'with',\n}\n\nconst containerVariants = cva('w-fit backdrop-blur', {\n  variants: {\n    roundedSize: {\n      [`${TagRoundedSize.NONE}`]: 'rounded-none',\n      [`${TagRoundedSize.SM}`]: 'rounded-sm',\n      [`${TagRoundedSize.MD}`]: 'rounded-md',\n      [`${TagRoundedSize.LG}`]: 'rounded-lg',\n      [`${TagRoundedSize.XL}`]: 'rounded-xl',\n      [`${TagRoundedSize.XXL}`]: 'rounded-2xl',\n      [`${TagRoundedSize.XXXL}`]: 'rounded-3xl',\n      [`${TagRoundedSize.FULL}`]: 'rounded-full',\n    },\n    color: {\n      [`${TagColor.SUCCESS}`]: 'border-success bg-success/10 text-success',\n      [`${TagColor.ERROR}`]: 'border-error bg-error/10 text-error',\n      [`${TagColor.WARNING}`]: 'border-warning bg-warning/10 text-warning',\n      [`${TagColor.NEUTRAL}`]: '/10 border-neutral bg-neutral/10 text-neutral',\n      [`${TagColor.TEXT}`]: 'border-text bg-text/10 text-text',\n    },\n    size: {\n      [`${TagSize.XS}`]: 'border-[1.2px] px-2 py-0.5 text-xs',\n      [`${TagSize.SM}`]: 'border-[1.5px] px-2 py-0.5 text-sm',\n      [`${TagSize.MD}`]: 'border-2 px-2 py-1 text-base',\n      [`${TagSize.LG}`]: 'border-2 px-3 py-2 text-lg',\n      [`${TagSize.XL}`]: 'border-2 px-5 py-4 text-xl',\n    },\n    border: {\n      [`${TagBorder.NONE}`]: 'border-none',\n      [`${TagBorder.WITH}`]: 'border-[1.5px] border-text',\n    },\n    background: {\n      [`${TagBackground.NONE}`]: 'bg-none',\n      [`${TagBackground.WITH}`]: '',\n    },\n  },\n\n  defaultVariants: {\n    roundedSize: TagRoundedSize.FULL,\n    border: TagBorder.NONE,\n    color: TagColor.TEXT,\n    size: TagSize.MD,\n  },\n});\n\n/**\n * Tag component for displaying labels, categories, status indicators, and badges\n *\n * The Tag component is a versatile labeling element that supports multiple visual variants\n * for different use cases. It provides semantic color options, flexible sizing, and\n * customizable styling options for borders and backgrounds.\n *\n * ## Features\n * - **Semantic Colors**: Success, error, warning, neutral, and text color themes\n * - **Flexible Sizing**: Five size variants from extra small to extra large\n * - **Border Radius Options**: Eight rounding options from none to fully rounded\n * - **Border Control**: Optional borders for enhanced visual separation\n * - **Background Control**: Configurable background styling\n * - **Accessibility**: Proper HTML semantics and keyboard navigation support\n *\n * ## Use Cases\n * - **Status Indicators**: Show completion, error, or pending states\n * - **Category Labels**: Organize and categorize content\n * - **Badges**: Display counts, notifications, or achievements\n * - **Keywords**: Tag content with relevant keywords or topics\n * - **Metadata**: Show additional information like dates, authors, or types\n *\n * ## Design Principles\n * - Maintains readability across all size and color combinations\n * - Uses backdrop blur effect for subtle transparency\n * - Follows consistent spacing and typography scales\n * - Provides sufficient color contrast for accessibility\n *\n * @param {TagProps} props - The properties for the Tag component\n * @returns {JSX.Element} The rendered tag element\n *\n * @example\n * ```tsx\n * // Basic status tags\n * <Tag color={TagColor.SUCCESS}>Completed</Tag>\n * <Tag color={TagColor.ERROR}>Failed</Tag>\n * <Tag color={TagColor.WARNING}>In Progress</Tag>\n *\n * // Category tags with borders\n * <Tag color={TagColor.NEUTRAL} border={TagBorder.WITH}>\n *   Technology\n * </Tag>\n * <Tag color={TagColor.TEXT} border={TagBorder.WITH}>\n *   Design\n * </Tag>\n *\n * // Size variations for hierarchy\n * <div className=\"flex items-center gap-2\">\n *   <Tag size={TagSize.XS} color={TagColor.NEUTRAL}>Minor</Tag>\n *   <Tag size={TagSize.SM} color={TagColor.TEXT}>Standard</Tag>\n *   <Tag size={TagSize.LG} color={TagColor.SUCCESS}>Important</Tag>\n * </div>\n *\n * // Rounded variations\n * <div className=\"flex gap-2\">\n *   <Tag roundedSize={TagRoundedSize.NONE}>Sharp</Tag>\n *   <Tag roundedSize={TagRoundedSize.MD}>Rounded</Tag>\n *   <Tag roundedSize={TagRoundedSize.FULL}>Pill</Tag>\n * </div>\n *\n * // Custom styled tag\n * <Tag\n *   color={TagColor.WARNING}\n *   size={TagSize.LG}\n *   border={TagBorder.WITH}\n *   roundedSize={TagRoundedSize.LG}\n *   className=\"font-bold uppercase tracking-wide\"\n * >\n *   Custom Style\n * </Tag>\n *\n * // Interactive tags with click handlers\n * <Tag\n *   color={TagColor.SUCCESS}\n *   onClick={() => console.log('Tag clicked')}\n *   className=\"cursor-pointer hover:opacity-80 transition-opacity\"\n * >\n *   Clickable Tag\n * </Tag>\n * ```\n *\n * @see {@link TagColor} - Available color theme options\n * @see {@link TagSize} - Available size variants\n * @see {@link TagRoundedSize} - Available border radius options\n * @see {@link TagBorder} - Border visibility options\n * @see {@link TagBackground} - Background styling options\n */\nexport const Tag: FC<TagProps> = ({\n  children,\n  color,\n  roundedSize,\n  size,\n  border,\n  background,\n  className,\n  ...props\n}) => {\n  return (\n    <div\n      className={containerVariants({\n        color,\n        roundedSize,\n        size,\n        border,\n        background,\n        className,\n      })}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,IAAY,4DAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BF,IAAY,gDAAL;AACL;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BF,IAAY,8CAAL;AACL;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;AAkBF,IAAY,kDAAL;AACL;AACA;;;;;;;;;;;;;;;;;;AAkBF,IAAY,0DAAL;AACL;AACA;;;AAGF,MAAM,oBAAoB,IAAI,uBAAuB;CACnD,UAAU;EACR,aAAa;IACV,GAAG,eAAe,SAAS;IAC3B,GAAG,eAAe,OAAO;IACzB,GAAG,eAAe,OAAO;IACzB,GAAG,eAAe,OAAO;IACzB,GAAG,eAAe,OAAO;IACzB,GAAG,eAAe,QAAQ;IAC1B,GAAG,eAAe,SAAS;IAC3B,GAAG,eAAe,SAAS;GAC7B;EACD,OAAO;IACJ,GAAG,SAAS,YAAY;IACxB,GAAG,SAAS,UAAU;IACtB,GAAG,SAAS,YAAY;IACxB,GAAG,SAAS,YAAY;IACxB,GAAG,SAAS,SAAS;GACvB;EACD,MAAM;IACH,GAAG,QAAQ,OAAO;IAClB,GAAG,QAAQ,OAAO;IAClB,GAAG,QAAQ,OAAO;IAClB,GAAG,QAAQ,OAAO;IAClB,GAAG,QAAQ,OAAO;GACpB;EACD,QAAQ;IACL,GAAG,UAAU,SAAS;IACtB,GAAG,UAAU,SAAS;GACxB;EACD,YAAY;IACT,GAAG,cAAc,SAAS;IAC1B,GAAG,cAAc,SAAS;GAC5B;EACF;CAED,iBAAiB;EACf,aAAa,eAAe;EAC5B,QAAQ,UAAU;EAClB,OAAO,SAAS;EAChB,MAAM,QAAQ;EACf;CACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFF,MAAaA,OAAqB,EAChC,UACA,OACA,aACA,MACA,QACA,YACA,UACA,GAAG,YACC;AACJ,QACE,oBAAC;EACC,WAAW,kBAAkB;GAC3B;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;EACF,GAAI;EAEH;GACG"}
+{"version":3,"file":"index.mjs","names":["Tag: FC<TagProps>"],"sources":["../../../../src/components/Tag/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { FC, HTMLAttributes, PropsWithChildren } from 'react';\n\n/**\n * Properties for the Tag component extending HTML div attributes and variant options\n *\n * @interface TagProps\n * @extends {PropsWithChildren<VariantProps<typeof containerVariants>>}\n * @extends {HTMLAttributes<HTMLDivElement>}\n *\n * @property {ReactNode} children - The content to display inside the tag\n * @property {TagColor} [color] - Color theme variant of the tag\n * @property {TagRoundedSize} [roundedSize] - Border radius size of the tag\n * @property {TagSize} [size] - Size variant affecting padding and font size\n * @property {TagBorder} [border] - Whether to show a border around the tag\n * @property {TagBackground} [background] - Background visibility option\n * @property {string} [className] - Additional CSS classes for custom styling\n *\n * @example\n * ```tsx\n * // Basic tag\n * <Tag>Default Tag</Tag>\n *\n * // Success tag with border\n * <Tag color={TagColor.SUCCESS} border={TagBorder.WITH}>\n *   Success Status\n * </Tag>\n *\n * // Large warning tag\n * <Tag color={TagColor.WARNING} size={TagSize.LG}>\n *   Important Warning\n * </Tag>\n * ```\n */\ntype TagProps = PropsWithChildren<VariantProps<typeof containerVariants>> &\n  HTMLAttributes<HTMLDivElement>;\n\n/**\n * Enumeration for tag border radius sizes\n *\n * Controls the roundedness of tag corners, from sharp edges to fully rounded pills.\n *\n * @enum {string} TagRoundedSize\n * @property {string} NONE - 'none' - No border radius (sharp corners)\n * @property {string} SM - 'sm' - Small border radius (2px)\n * @property {string} MD - 'md' - Medium border radius (6px)\n * @property {string} LG - 'lg' - Large border radius (8px)\n * @property {string} XL - 'xl' - Extra large border radius (12px)\n * @property {string} XXL - '2xl' - 2x large border radius (16px)\n * @property {string} XXXL - '3xl' - 3x large border radius (24px)\n * @property {string} FULL - 'full' - Fully rounded (50% border radius, pill shape)\n *\n * @example\n * ```tsx\n * // Sharp corners\n * <Tag roundedSize={TagRoundedSize.NONE}>Sharp Tag</Tag>\n *\n * // Pill-shaped tag\n * <Tag roundedSize={TagRoundedSize.FULL}>Pill Tag</Tag>\n *\n * // Medium rounded corners\n * <Tag roundedSize={TagRoundedSize.MD}>Rounded Tag</Tag>\n * ```\n */\nexport enum TagRoundedSize {\n  NONE = 'none',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n  XXL = '2xl',\n  XXXL = '3xl',\n  FULL = 'full',\n}\n\n/**\n * Enumeration for tag color themes\n *\n * Provides semantic color options for different tag purposes and meanings.\n * Each color includes background, border, and text color variations.\n *\n * @enum {string} TagColor\n * @property {string} SUCCESS - 'success' - Green theme for positive states, success messages, or completed items\n * @property {string} ERROR - 'error' - Red theme for error states, warnings, or failed operations\n * @property {string} WARNING - 'warning' - Yellow/orange theme for caution, pending states, or important notices\n * @property {string} NEUTRAL - 'neutral' - Gray theme for neutral information or secondary content\n * @property {string} TEXT - 'text' - Default text color theme for general purpose tags\n *\n * @example\n * ```tsx\n * // Status indicators\n * <Tag color={TagColor.SUCCESS}>Completed</Tag>\n * <Tag color={TagColor.ERROR}>Failed</Tag>\n * <Tag color={TagColor.WARNING}>Pending</Tag>\n *\n * // Category tags\n * <Tag color={TagColor.NEUTRAL}>Category</Tag>\n * <Tag color={TagColor.TEXT}>General</Tag>\n * ```\n */\nexport enum TagColor {\n  SUCCESS = 'success',\n  ERROR = 'error',\n  WARNING = 'warning',\n  NEUTRAL = 'neutral',\n  TEXT = 'text',\n  BLUE = 'blue',\n  YELLOW = 'yellow',\n  GREEN = 'green',\n  RED = 'red',\n  ORANGE = 'orange',\n  PURPLE = 'purple',\n  PINK = 'pink',\n  BROWN = 'brown',\n  GRAY = 'gray',\n  BLACK = 'black',\n  WHITE = 'white',\n}\n\n/**\n * Enumeration for tag size variants\n *\n * Controls the overall size of tags including padding, font size, and border thickness.\n * Sizes are designed to maintain visual hierarchy and readability.\n *\n * @enum {string} TagSize\n * @property {string} XS - 'xs' - Extra small (0.5rem padding, text-xs, 1.2px border)\n * @property {string} SM - 'sm' - Small (0.5rem padding, text-sm, 1.5px border)\n * @property {string} MD - 'md' - Medium (1rem padding, text-base, 2px border) - Default size\n * @property {string} LG - 'lg' - Large (2rem padding, text-lg, 2px border)\n * @property {string} XL - 'xl' - Extra large (4rem padding, text-xl, 2px border)\n *\n * @example\n * ```tsx\n * // Different sizes for hierarchy\n * <Tag size={TagSize.XS}>Small detail</Tag>\n * <Tag size={TagSize.SM}>Minor category</Tag>\n * <Tag size={TagSize.MD}>Standard tag</Tag>\n * <Tag size={TagSize.LG}>Important label</Tag>\n * <Tag size={TagSize.XL}>Hero tag</Tag>\n * ```\n */\nexport enum TagSize {\n  XS = 'xs',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n}\n\n/**\n * Enumeration for tag border visibility\n *\n * Controls whether a border is displayed around the tag.\n *\n * @enum {string} TagBorder\n * @property {string} NONE - 'none' - No border (default)\n * @property {string} WITH - 'with' - Show border with 1.5px thickness\n *\n * @example\n * ```tsx\n * <Tag border={TagBorder.NONE}>Borderless</Tag>\n * <Tag border={TagBorder.WITH}>With Border</Tag>\n * ```\n */\nexport enum TagBorder {\n  NONE = 'none',\n  WITH = 'with',\n}\n\n/**\n * Enumeration for tag background visibility\n *\n * Controls the background styling of the tag.\n *\n * @enum {string} TagBackground\n * @property {string} NONE - 'none' - No background styling\n * @property {string} WITH - 'with' - Apply background styling\n *\n * @example\n * ```tsx\n * <Tag background={TagBackground.NONE}>No Background</Tag>\n * <Tag background={TagBackground.WITH}>With Background</Tag>\n * ```\n */\nexport enum TagBackground {\n  NONE = 'none',\n  WITH = 'with',\n}\n\nconst containerVariants = cva('w-fit backdrop-blur', {\n  variants: {\n    roundedSize: {\n      [`${TagRoundedSize.NONE}`]: 'rounded-none',\n      [`${TagRoundedSize.SM}`]: 'rounded-sm',\n      [`${TagRoundedSize.MD}`]: 'rounded-md',\n      [`${TagRoundedSize.LG}`]: 'rounded-lg',\n      [`${TagRoundedSize.XL}`]: 'rounded-xl',\n      [`${TagRoundedSize.XXL}`]: 'rounded-2xl',\n      [`${TagRoundedSize.XXXL}`]: 'rounded-3xl',\n      [`${TagRoundedSize.FULL}`]: 'rounded-full',\n    },\n    color: {\n      [`${TagColor.SUCCESS}`]: 'border-success bg-success/10 text-success',\n      [`${TagColor.ERROR}`]: 'border-error bg-error/10 text-error',\n      [`${TagColor.WARNING}`]: 'border-warning bg-warning/10 text-warning',\n      [`${TagColor.NEUTRAL}`]: '/10 border-neutral bg-neutral/10 text-neutral',\n      [`${TagColor.TEXT}`]: 'border-text bg-text/10 text-text',\n      [`${TagColor.BLUE}`]:\n        'border-blue-500 bg-blue-500/10 text-blue-500 dark:text-blue-300',\n      [`${TagColor.YELLOW}`]:\n        'border-yellow-500 bg-yellow-500/10 text-yellow-500 dark:text-yellow-300',\n      [`${TagColor.GREEN}`]:\n        'border-green-500 bg-green-500/10 text-green-500 dark:text-green-300',\n      [`${TagColor.RED}`]:\n        'border-red-500 bg-red-500/10 text-red-500 dark:text-red-300',\n      [`${TagColor.ORANGE}`]:\n        'border-orange-500 bg-orange-500/10 text-orange-500 dark:text-orange-300',\n      [`${TagColor.PURPLE}`]:\n        'border-purple-500 bg-purple-500/10 text-purple-500 dark:text-purple-300',\n      [`${TagColor.PINK}`]:\n        'border-pink-500 bg-pink-500/10 text-pink-500 dark:text-pink-300',\n      [`${TagColor.BROWN}`]:\n        'border-brown-500 bg-brown-500/10 text-brown-500 dark:text-brown-300',\n      [`${TagColor.GRAY}`]:\n        'border-gray-500 bg-gray-500/10 text-gray-500 dark:text-gray-300',\n      [`${TagColor.BLACK}`]: 'border-black bg-black/10 text-black',\n      [`${TagColor.WHITE}`]: 'border-white bg-white/10 text-white',\n    },\n    size: {\n      [`${TagSize.XS}`]: 'border-[1.2px] px-2 py-0.5 text-xs',\n      [`${TagSize.SM}`]: 'border-[1.5px] px-2 py-0.5 text-sm',\n      [`${TagSize.MD}`]: 'border-2 px-2 py-1 text-base',\n      [`${TagSize.LG}`]: 'border-2 px-3 py-2 text-lg',\n      [`${TagSize.XL}`]: 'border-2 px-5 py-4 text-xl',\n    },\n    border: {\n      [`${TagBorder.NONE}`]: 'border-none',\n      [`${TagBorder.WITH}`]: 'border-[1.5px] border-text',\n    },\n    background: {\n      [`${TagBackground.NONE}`]: 'bg-none',\n      [`${TagBackground.WITH}`]: '',\n    },\n  },\n\n  defaultVariants: {\n    roundedSize: TagRoundedSize.FULL,\n    border: TagBorder.NONE,\n    color: TagColor.TEXT,\n    size: TagSize.MD,\n  },\n});\n\n/**\n * Tag component for displaying labels, categories, status indicators, and badges\n *\n * The Tag component is a versatile labeling element that supports multiple visual variants\n * for different use cases. It provides semantic color options, flexible sizing, and\n * customizable styling options for borders and backgrounds.\n *\n * ## Features\n * - **Semantic Colors**: Success, error, warning, neutral, and text color themes\n * - **Flexible Sizing**: Five size variants from extra small to extra large\n * - **Border Radius Options**: Eight rounding options from none to fully rounded\n * - **Border Control**: Optional borders for enhanced visual separation\n * - **Background Control**: Configurable background styling\n * - **Accessibility**: Proper HTML semantics and keyboard navigation support\n *\n * ## Use Cases\n * - **Status Indicators**: Show completion, error, or pending states\n * - **Category Labels**: Organize and categorize content\n * - **Badges**: Display counts, notifications, or achievements\n * - **Keywords**: Tag content with relevant keywords or topics\n * - **Metadata**: Show additional information like dates, authors, or types\n *\n * ## Design Principles\n * - Maintains readability across all size and color combinations\n * - Uses backdrop blur effect for subtle transparency\n * - Follows consistent spacing and typography scales\n * - Provides sufficient color contrast for accessibility\n *\n * @param {TagProps} props - The properties for the Tag component\n * @returns {JSX.Element} The rendered tag element\n *\n * @example\n * ```tsx\n * // Basic status tags\n * <Tag color={TagColor.SUCCESS}>Completed</Tag>\n * <Tag color={TagColor.ERROR}>Failed</Tag>\n * <Tag color={TagColor.WARNING}>In Progress</Tag>\n *\n * // Category tags with borders\n * <Tag color={TagColor.NEUTRAL} border={TagBorder.WITH}>\n *   Technology\n * </Tag>\n * <Tag color={TagColor.TEXT} border={TagBorder.WITH}>\n *   Design\n * </Tag>\n *\n * // Size variations for hierarchy\n * <div className=\"flex items-center gap-2\">\n *   <Tag size={TagSize.XS} color={TagColor.NEUTRAL}>Minor</Tag>\n *   <Tag size={TagSize.SM} color={TagColor.TEXT}>Standard</Tag>\n *   <Tag size={TagSize.LG} color={TagColor.SUCCESS}>Important</Tag>\n * </div>\n *\n * // Rounded variations\n * <div className=\"flex gap-2\">\n *   <Tag roundedSize={TagRoundedSize.NONE}>Sharp</Tag>\n *   <Tag roundedSize={TagRoundedSize.MD}>Rounded</Tag>\n *   <Tag roundedSize={TagRoundedSize.FULL}>Pill</Tag>\n * </div>\n *\n * // Custom styled tag\n * <Tag\n *   color={TagColor.WARNING}\n *   size={TagSize.LG}\n *   border={TagBorder.WITH}\n *   roundedSize={TagRoundedSize.LG}\n *   className=\"font-bold uppercase tracking-wide\"\n * >\n *   Custom Style\n * </Tag>\n *\n * // Interactive tags with click handlers\n * <Tag\n *   color={TagColor.SUCCESS}\n *   onClick={() => console.log('Tag clicked')}\n *   className=\"cursor-pointer hover:opacity-80 transition-opacity\"\n * >\n *   Clickable Tag\n * </Tag>\n * ```\n *\n * @see {@link TagColor} - Available color theme options\n * @see {@link TagSize} - Available size variants\n * @see {@link TagRoundedSize} - Available border radius options\n * @see {@link TagBorder} - Border visibility options\n * @see {@link TagBackground} - Background styling options\n */\nexport const Tag: FC<TagProps> = ({\n  children,\n  color,\n  roundedSize,\n  size,\n  border,\n  background,\n  className,\n  ...props\n}) => {\n  return (\n    <div\n      className={containerVariants({\n        color,\n        roundedSize,\n        size,\n        border,\n        background,\n        className,\n      })}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,IAAY,4DAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BF,IAAY,gDAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BF,IAAY,8CAAL;AACL;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;AAkBF,IAAY,kDAAL;AACL;AACA;;;;;;;;;;;;;;;;;;AAkBF,IAAY,0DAAL;AACL;AACA;;;AAGF,MAAM,oBAAoB,IAAI,uBAAuB;CACnD,UAAU;EACR,aAAa;IACV,GAAG,eAAe,SAAS;IAC3B,GAAG,eAAe,OAAO;IACzB,GAAG,eAAe,OAAO;IACzB,GAAG,eAAe,OAAO;IACzB,GAAG,eAAe,OAAO;IACzB,GAAG,eAAe,QAAQ;IAC1B,GAAG,eAAe,SAAS;IAC3B,GAAG,eAAe,SAAS;GAC7B;EACD,OAAO;IACJ,GAAG,SAAS,YAAY;IACxB,GAAG,SAAS,UAAU;IACtB,GAAG,SAAS,YAAY;IACxB,GAAG,SAAS,YAAY;IACxB,GAAG,SAAS,SAAS;IACrB,GAAG,SAAS,SACX;IACD,GAAG,SAAS,WACX;IACD,GAAG,SAAS,UACX;IACD,GAAG,SAAS,QACX;IACD,GAAG,SAAS,WACX;IACD,GAAG,SAAS,WACX;IACD,GAAG,SAAS,SACX;IACD,GAAG,SAAS,UACX;IACD,GAAG,SAAS,SACX;IACD,GAAG,SAAS,UAAU;IACtB,GAAG,SAAS,UAAU;GACxB;EACD,MAAM;IACH,GAAG,QAAQ,OAAO;IAClB,GAAG,QAAQ,OAAO;IAClB,GAAG,QAAQ,OAAO;IAClB,GAAG,QAAQ,OAAO;IAClB,GAAG,QAAQ,OAAO;GACpB;EACD,QAAQ;IACL,GAAG,UAAU,SAAS;IACtB,GAAG,UAAU,SAAS;GACxB;EACD,YAAY;IACT,GAAG,cAAc,SAAS;IAC1B,GAAG,cAAc,SAAS;GAC5B;EACF;CAED,iBAAiB;EACf,aAAa,eAAe;EAC5B,QAAQ,UAAU;EAClB,OAAO,SAAS;EAChB,MAAM,QAAQ;EACf;CACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFF,MAAaA,OAAqB,EAChC,UACA,OACA,aACA,MACA,QACA,YACA,UACA,GAAG,YACC;AACJ,QACE,oBAAC;EACC,WAAW,kBAAkB;GAC3B;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;EACF,GAAI;EAEH;GACG"}

package/dist/esm/components/index.mjs

@@ -6,6 +6,7 @@ import { Avatar, getCapitals } from "./Avatar/index.mjs";
 import { Badge, BadgeColor, BadgeSize, BadgeVariant, badgeVariants } from "./Badge/index.mjs";
 import { Link, LinkColor, LinkUnderlined, LinkVariant, checkIsExternalLink, linkVariants } from "./Link/Link.mjs";
 import { Breadcrumb } from "./Breadcrumb/index.mjs";
+import { Browser } from "./Browser/Browser.mjs";
 import { ClickOutsideDiv } from "./ClickOutsideDiv/index.mjs";
 import { CollapsibleTable } from "./CollapsibleTable/CollapsibleTable.mjs";
 import { Command, CommandRoot } from "./Command/index.mjs";
@@ -88,4 +89,4 @@ import { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastT
 import { reducer, toast, useToast } from "./Toaster/useToast.mjs";
 import { Toaster } from "./Toaster/Toaster.mjs";
 
-export { Accordion, AutoCompleteTextarea, AutoSizedTextArea, Avatar, Badge, BadgeColor, BadgeSize, BadgeVariant, Breadcrumb, Button, ButtonColor, ButtonIconPosition, ButtonSize, ButtonTextAlign, ButtonVariant, Checkbox, CheckboxColor, CheckboxSize, ClickOutsideDiv, Code, CollapsibleTable, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentSelector, CopyButton, CopyToClipboard, DesktopThemeSwitcher, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, FacebookLogo, FileList, Flag, Footer, Form, GridPattern, H1, H2, H3, H4, H5, H6, HeightResizer, HideShow, IDE, InformationTag, Input, InputPassword, InputSize, InputVariant, InstagramLogo, KeyboardScreenAdapter, Label, Link, LinkColor, LinkUnderlined, LinkVariant, LinkedInLogo, Loader, LocaleSwitcher, LocaleSwitcherContent, LocaleSwitcherContentProvider, Logo, LogoTextOnly, LogoWithText, LogoWithTextBelow, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NumberItemsSelector, Pagination, PaginationSize, PaginationVariant, Popover, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, RightDrawer, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, SocialNetworks, Spotlight, SwitchSelector, SwitchSelectorColor, SwitchSelectorSize, Tab, TabSelector, TabSelectorColor, Table, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, TextArea, TiktokLogo, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, VersionSwitcher, VersionSwitcherProvider, WithResizer, XLogo, YoutubeLogo, badgeVariants, checkIsExternalLink, checkboxVariants, containerVariants, getCapitals, inputVariants, linkVariants, paginationVariants, reducer, toast, useDebounce, useForm, useFormField, useLocaleSwitcherContent, useRightDrawerStore, useToast, useVersionSwitcher };
+export { Accordion, AutoCompleteTextarea, AutoSizedTextArea, Avatar, Badge, BadgeColor, BadgeSize, BadgeVariant, Breadcrumb, Browser, Button, ButtonColor, ButtonIconPosition, ButtonSize, ButtonTextAlign, ButtonVariant, Checkbox, CheckboxColor, CheckboxSize, ClickOutsideDiv, Code, CollapsibleTable, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentSelector, CopyButton, CopyToClipboard, DesktopThemeSwitcher, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, FacebookLogo, FileList, Flag, Footer, Form, GridPattern, H1, H2, H3, H4, H5, H6, HeightResizer, HideShow, IDE, InformationTag, Input, InputPassword, InputSize, InputVariant, InstagramLogo, KeyboardScreenAdapter, Label, Link, LinkColor, LinkUnderlined, LinkVariant, LinkedInLogo, Loader, LocaleSwitcher, LocaleSwitcherContent, LocaleSwitcherContentProvider, Logo, LogoTextOnly, LogoWithText, LogoWithTextBelow, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NumberItemsSelector, Pagination, PaginationSize, PaginationVariant, Popover, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, RightDrawer, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, SocialNetworks, Spotlight, SwitchSelector, SwitchSelectorColor, SwitchSelectorSize, Tab, TabSelector, TabSelectorColor, Table, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, TextArea, TiktokLogo, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, VersionSwitcher, VersionSwitcherProvider, WithResizer, XLogo, YoutubeLogo, badgeVariants, checkIsExternalLink, checkboxVariants, containerVariants, getCapitals, inputVariants, linkVariants, paginationVariants, reducer, toast, useDebounce, useForm, useFormField, useLocaleSwitcherContent, useRightDrawerStore, useToast, useVersionSwitcher };

package/dist/esm/hooks/reactQuery.mjs

@@ -37,7 +37,7 @@ const useLogin = () => {
 	const queryClient = useQueryClient();
 	return useMutation({
 		mutationKey: ["login"],
-		mutationFn: (args) => intlayerAuth.signInEmail(...args),
+		mutationFn: (args) => intlayerAuth.signInEmail(args),
 		onSuccess: (data) => {
 			const session = queryClient.getQueryData(["session"]);
 			if (session && data.data?.user) queryClient.setQueryData(["session"], {
@@ -58,7 +58,7 @@ const useRegister = () => {
 	const intlayerAuth = useIntlayerAuth();
 	return useMutation({
 		mutationKey: ["register"],
-		mutationFn: (args) => intlayerAuth.signUpEmail(...args),
+		mutationFn: (args) => intlayerAuth.signUpEmail(args),
 		meta: { resetQueries: [["session"]] }
 	});
 };

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

@@ -1 +1 @@
-{"version":3,"file":"reactQuery.mjs","names":[],"sources":["../../../src/hooks/reactQuery.ts"],"sourcesContent":["'use client';\n\nimport type {} from '@better-fetch/fetch'; // Import for type inference\nimport type {\n  AddDictionaryBody,\n  AddNewAccessKeyBody,\n  AddOrganizationBody,\n  AddOrganizationMemberBody,\n  AddProjectBody,\n  AddTagBody,\n  AskDocQuestionBody,\n  AuditContentDeclarationBody,\n  AuditContentDeclarationFieldBody,\n  AuditContentDeclarationMetadataBody,\n  AuditTagBody,\n  AutocompleteBody,\n  CreateUserBody,\n  DeleteAccessKeyBody,\n  DeleteDictionaryParam,\n  DeleteTagParams,\n  GetCheckoutSessionBody,\n  GetDictionariesParams,\n  GetDictionaryParams,\n  GetDictionaryQuery,\n  GetOrganizationsParams,\n  GetPricingBody,\n  GetPricingResult,\n  GetProjectsParams,\n  GetTagsParams,\n  GetUsersParams,\n  NewsletterSubscriptionBody,\n  NewsletterUnsubscriptionBody,\n  PushDictionariesBody,\n  RefreshAccessKeyBody,\n  SearchDocUtilParams,\n  SelectOrganizationParam,\n  SelectProjectParam,\n  TranslateJSONBody,\n  UpdateDictionaryBody,\n  UpdateOrganizationBody,\n  UpdateOrganizationMembersBody,\n  UpdateProjectBody,\n  UpdateProjectMembersBody,\n  UpdateUserBody,\n} from '@intlayer/backend';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport {\n  type UseQueryOptions,\n  useMutation,\n  useQuery,\n  useQueryClient,\n} from '@tanstack/react-query';\nimport type {} from 'better-auth'; // Import for type inference\n// @ts-ignore\nimport type { WriteContentDeclarationBody } from 'intlayer-editor';\nimport type { AuthAPI } from '../libs/auth';\nimport { useAuth } from './useAuth';\nimport { useIntlayerAuth, useIntlayerOAuth } from './useIntlayerAPI';\n\nexport { useQueryClient };\n\ntype AuthEnableOptions = {\n  requireUser?: boolean;\n  requireProject?: boolean;\n  requireOrganization?: boolean;\n};\n\n/**\n * Hook to enable authentication\n */\nconst useAuthEnable = ({\n  requireUser,\n  requireProject,\n  requireOrganization,\n}: AuthEnableOptions) => {\n  const configuration = useConfiguration();\n  const { oAuth2AccessToken, session } = useAuth({\n    intlayerConfiguration: configuration,\n  });\n\n  const user = session ? session.user : oAuth2AccessToken?.user;\n\n  const organization = session\n    ? session.organization\n    : oAuth2AccessToken?.organization;\n\n  const project = session ? session.project : oAuth2AccessToken?.project;\n\n  const isUserEnabled = requireUser ? Boolean(user) : true;\n\n  const isProjectEnabled = requireProject ? Boolean(project) : true;\n\n  const isOrganizationEnabled = requireOrganization\n    ? Boolean(organization)\n    : true;\n\n  const isEnabled = isUserEnabled && isProjectEnabled && isOrganizationEnabled;\n\n  return {\n    enable: isEnabled,\n  };\n};\n\nexport const useAppQuery = (\n  options: UseQueryOptions & {\n    requireUser?: boolean;\n    requireProject?: boolean;\n    requireOrganization?: boolean;\n  }\n) => {\n  const { requireUser, requireProject, requireOrganization, ...rest } = options;\n  const { enable } = useAuthEnable({\n    requireUser,\n    requireProject,\n    requireOrganization,\n  });\n\n  const result = useQuery({\n    enabled: rest?.enabled === false ? false : enable,\n    ...rest,\n  });\n\n  return result;\n};\n\n// Removed unused useEditorMutation\n\n/**\n * Auth\n */\n\nexport const useLogin = () => {\n  const intlayerAuth = useIntlayerAuth();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['login'],\n    mutationFn: (args: Parameters<AuthAPI['signInEmail']>) =>\n      intlayerAuth.signInEmail(...args),\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n\n      if (session && data.data?.user) {\n        queryClient.setQueryData(['session'], {\n          ...session,\n          user: data.data.user,\n        });\n      }\n    },\n  });\n};\n\nexport const useGetVerifyEmailStatus = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['getVerifyEmailStatus'],\n    mutationFn: (args: Parameters<AuthAPI['verifyEmailSession']>) =>\n      intlayerAuth.verifyEmailSession(...args),\n  });\n};\n\nexport const useRegister = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['register'],\n    mutationFn: (args: Parameters<AuthAPI['signUpEmail']>) =>\n      intlayerAuth.signUpEmail(...args),\n    meta: {\n      resetQueries: [['session']],\n    },\n  });\n};\n\nexport const useLogout = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['logout'],\n    mutationFn: () => intlayerAuth.signOut(),\n    meta: {\n      resetQueries: [\n        ['session'],\n        ['users'],\n        ['organizations'],\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n      ],\n    },\n  });\n};\n\nexport const useChangePassword = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['changePassword'],\n    mutationFn: (args: Parameters<AuthAPI['changePasswordSession']>) =>\n      intlayerAuth.changePasswordSession(...args),\n  });\n};\n\nexport const useAskResetPassword = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['askResetPassword'],\n    mutationFn: (args: Parameters<AuthAPI['requestPasswordResetSession']>) =>\n      intlayerAuth.requestPasswordResetSession(...args),\n  });\n};\n\nexport const useResetPassword = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['resetPassword'],\n    mutationFn: (args: Parameters<AuthAPI['resetPassword']>) =>\n      intlayerAuth.resetPassword(...args),\n  });\n};\n\nexport const useVerifyEmail = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['verifyEmail'],\n    mutationFn: (args: Parameters<AuthAPI['verifyEmailSession']>) =>\n      intlayerAuth.verifyEmailSession(...args),\n  });\n};\n\nexport const useGetUserByAccount = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['user'],\n    mutationFn: (args: Parameters<AuthAPI['accountInfo']>) =>\n      intlayerAuth.accountInfo(...args),\n  });\n};\n\n/**\n * User\n */\n\nexport const useGetUsers = (\n  filters?: GetUsersParams,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['users', filters],\n    queryFn: () => intlayerOAuth.user.getUsers(filters),\n    requireUser: true,\n    // placeholderData: keepPreviousData,\n    ...options,\n  });\n};\n\nexport const useGetUserById = (userId: string) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['users', userId],\n    queryFn: () => intlayerOAuth.user.getUserById(userId),\n    requireUser: true,\n  });\n};\n\nexport const useCreateUser = () => {\n  const intlayerAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['users'],\n    mutationFn: (args: CreateUserBody) => intlayerAuth.user.createUser(args),\n  });\n};\n\nexport const useUpdateUser = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['users'],\n    mutationFn: (args: UpdateUserBody) => intlayerOAuth.user.updateUser(args),\n  });\n};\n\nexport const useDeleteUser = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['users'],\n    mutationFn: (args: string) => intlayerOAuth.user.deleteUser(args),\n    meta: {\n      invalidateQueries: [['users']],\n    },\n  });\n};\n\n/**\n * Organization\n */\n\nexport const useGetOrganizations = (filters?: GetOrganizationsParams) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['organizations', filters],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.organization.getOrganizations(filters, { signal }),\n    // placeholderData: keepPreviousData,\n    requireUser: true,\n  });\n};\n\nexport const useAddOrganization = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['organizations'],\n    mutationFn: (args: AddOrganizationBody) =>\n      intlayerOAuth.organization.addOrganization(args),\n  });\n};\n\nexport const useUpdateOrganization = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['organizations'],\n    mutationFn: (args: UpdateOrganizationBody) =>\n      intlayerOAuth.organization.updateOrganization(args),\n  });\n};\n\nexport const useUpdateOrganizationMembers = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['organizations'],\n    mutationFn: (args: UpdateOrganizationMembersBody) =>\n      intlayerOAuth.organization.updateOrganizationMembers(args),\n    meta: {\n      invalidateQueries: [['organizations'], ['users']],\n    },\n  });\n};\n\nexport const useUpdateOrganizationMembersById = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['organizations'],\n    mutationFn: ({\n      organizationId,\n      ...body\n    }: {\n      organizationId: string;\n      membersIds: string[];\n      adminsIds?: string[];\n    }) =>\n      intlayerOAuth.organization.updateOrganizationMembersById(\n        organizationId,\n        body\n      ),\n    meta: {\n      invalidateQueries: [['organizations'], ['users']],\n    },\n  });\n};\n\nexport const useAddOrganizationMember = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['organizations'],\n    mutationFn: (args: AddOrganizationMemberBody) =>\n      intlayerOAuth.organization.addOrganizationMember(args),\n    meta: {\n      invalidateQueries: [['organizations']],\n    },\n  });\n};\n\nexport const useDeleteOrganization = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['organizations'],\n    mutationFn: () => intlayerOAuth.organization.deleteOrganization(),\n    meta: {\n      invalidateQueries: [['organizations']],\n    },\n  });\n};\n\nexport const useSelectOrganization = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-organizations'],\n    mutationFn: (args: SelectOrganizationParam) =>\n      intlayerOAuth.organization.selectOrganization(args),\n    meta: {\n      invalidateQueries: [\n        ['organizations'],\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n        ['subscription'],\n        ['users'],\n      ],\n    },\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n\n      if (session) {\n        queryClient.setQueryData(['session'], {\n          ...session,\n          organization: data.data,\n        });\n      }\n    },\n  });\n};\n\nexport const useUnselectOrganization = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-organizations'],\n    mutationFn: () => intlayerOAuth.organization.unselectOrganization(),\n    meta: {\n      resetQueries: [\n        ['organizations'],\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n        ['subscription'],\n        ['users'],\n      ],\n    },\n    onSuccess: () => {\n      const session = queryClient.getQueryData(['session']);\n\n      if (session) {\n        queryClient.setQueryData(['session'], {\n          ...session,\n          organization: null,\n          project: null,\n        });\n      }\n    },\n  });\n};\n\n/**\n * Project\n */\n\nexport const useGetProjects = (\n  filters?: GetProjectsParams,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['projects', filters],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.project.getProjects(filters, { signal }),\n    // placeholderData: keepPreviousData,\n    requireUser: true,\n    requireOrganization: true,\n    ...options,\n  });\n};\n\nexport const useAddProject = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: AddProjectBody) =>\n      intlayerOAuth.project.addProject(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useUpdateProject = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: UpdateProjectBody) =>\n      intlayerOAuth.project.updateProject(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useUpdateProjectMembers = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: UpdateProjectMembersBody) =>\n      intlayerOAuth.project.updateProjectMembers(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useDeleteProject = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: () => intlayerOAuth.project.deleteProject(),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useSelectProject = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-projects'],\n    mutationFn: (args: SelectProjectParam) =>\n      intlayerOAuth.project.selectProject(args),\n    meta: {\n      invalidateQueries: [\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n        ['subscription'],\n        ['users'],\n      ],\n    },\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n\n      if (session) {\n        queryClient.setQueryData(['session'], {\n          ...session,\n          project: data.data,\n        });\n      }\n    },\n  });\n};\n\nexport const useUnselectProject = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-projects'],\n    mutationFn: () => intlayerOAuth.project.unselectProject(),\n    meta: {\n      resetQueries: [\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n        ['subscription'],\n        ['users'],\n      ],\n    },\n    onSuccess: () => {\n      const session = queryClient.getQueryData(['session']);\n\n      if (session) {\n        queryClient.setQueryData(['session'], {\n          ...session,\n          project: null,\n        });\n      }\n    },\n  });\n};\n\nexport const useAddNewAccessKey = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: AddNewAccessKeyBody) =>\n      intlayerOAuth.project.addNewAccessKey(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useDeleteAccessKey = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: DeleteAccessKeyBody) =>\n      intlayerOAuth.project.deleteAccessKey(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useRefreshAccessKey = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: RefreshAccessKeyBody) =>\n      intlayerOAuth.project.refreshAccessKey(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\n/**\n * Dictionary\n */\n\nexport const useGetDictionaries = (\n  filters?: GetDictionariesParams,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['dictionaries', filters],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.dictionary.getDictionaries(filters, { signal }),\n    // placeholderData: keepPreviousData,\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useGetDictionariesKeys = (options?: Partial<UseQueryOptions>) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['dictionariesKeys'],\n    queryFn: () => intlayerOAuth.dictionary.getDictionariesKeys(),\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useGetDictionary = (\n  dictionaryKey: GetDictionaryParams['dictionaryKey'],\n  version?: GetDictionaryQuery['version'],\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['dictionary', dictionaryKey],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.dictionary.getDictionary(dictionaryKey, version, {\n        signal,\n      }),\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useAddDictionary = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: AddDictionaryBody) =>\n      intlayerOAuth.dictionary.addDictionary(args),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n\nexport const usePushDictionaries = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: PushDictionariesBody) =>\n      intlayerOAuth.dictionary.pushDictionaries(args),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n\nexport const useUpdateDictionary = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: UpdateDictionaryBody) =>\n      intlayerOAuth.dictionary.updateDictionary(args),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n\nexport const useDeleteDictionary = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: DeleteDictionaryParam) =>\n      intlayerOAuth.dictionary.deleteDictionary(args),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n\n/**\n * Tag\n */\n\nexport const useGetTags = (\n  filters?: GetTagsParams,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['tags', filters],\n    queryFn: ({ signal }) => intlayerOAuth.tag.getTags(filters, { signal }),\n    // placeholderData: keepPreviousData,\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useAddTag = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['tags'],\n    mutationFn: (args: AddTagBody) => intlayerOAuth.tag.addTag(args),\n    meta: {\n      invalidateQueries: [['tags']],\n    },\n  });\n};\n\nexport const useUpdateTag = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['tags'],\n    mutationFn: (v: { tagId: string; tag: any }) =>\n      intlayerOAuth.tag.updateTag(v.tagId, v.tag),\n    meta: {\n      invalidateQueries: [['tags']],\n    },\n  });\n};\n\nexport const useDeleteTag = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['tags'],\n    mutationFn: (args: DeleteTagParams) => intlayerOAuth.tag.deleteTag(args),\n    meta: {\n      invalidateQueries: [['tags']],\n    },\n  });\n};\n\n/**\n * Stripe\n */\n\nexport const useGetPricing = (\n  body: GetPricingBody,\n  options?: Partial<UseQueryOptions<GetPricingResult>>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useQuery({\n    queryKey: ['pricing', body],\n    queryFn: ({ signal }) => intlayerOAuth.stripe.getPricing(body, { signal }),\n    ...options,\n  });\n};\n\nexport const useGetSubscription = (\n  body: GetCheckoutSessionBody,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['subscription', body],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.stripe.getSubscription(body, { signal }),\n    requireUser: true,\n    requireOrganization: true,\n    ...options,\n  });\n};\n\nexport const useCancelSubscription = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['subscription'],\n    mutationFn: () => intlayerOAuth.stripe.cancelSubscription(),\n    meta: {\n      invalidateQueries: [['session'], ['subscription']],\n    },\n  });\n};\n\n/**\n * AI\n */\n\nexport const useTranslateJSONDeclaration = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['ai-translateJSON'],\n    mutationFn: (args: TranslateJSONBody) =>\n      intlayerOAuth.ai.translateJSON(args),\n  });\n};\n\nexport const useAuditContentDeclaration = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['ai-auditContentDeclaration'],\n    mutationFn: (args: AuditContentDeclarationBody) =>\n      intlayerOAuth.ai.auditContentDeclaration(args),\n  });\n};\n\nexport const useAuditContentDeclarationMetadata = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['ai-auditContentDeclarationMetadata'],\n    mutationFn: (args: AuditContentDeclarationMetadataBody) =>\n      intlayerOAuth.ai.auditContentDeclarationMetadata(args),\n  });\n};\n\nexport const useAuditContentDeclarationField = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['ai-auditContentDeclarationField'],\n    mutationFn: (args: AuditContentDeclarationFieldBody) =>\n      intlayerOAuth.ai.auditContentDeclarationField(args),\n  });\n};\n\nexport const useAuditTag = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['ai-auditTag'],\n    mutationFn: (args: AuditTagBody) => intlayerOAuth.ai.auditTag(args),\n  });\n};\n\nexport const useAskDocQuestion = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: [],\n    mutationFn: (args?: AskDocQuestionBody) =>\n      intlayerOAuth.ai.askDocQuestion(args),\n  });\n};\n\nexport const useAutocomplete = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['ai-autocomplete'],\n    mutationFn: (args?: AutocompleteBody) =>\n      intlayerOAuth.ai.autocomplete(args),\n  });\n};\n\n/**\n * Discussions\n */\n\nexport const useGetDiscussions = (\n  params?: Record<string, string | string[] | undefined>,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['discussions', params],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.ai.getDiscussions(params, { signal, cache: 'no-store' }),\n    requireUser: true,\n    ...options,\n  });\n};\n\nexport const useGetDiscussionsData = (\n  params?: Record<string, string | string[] | undefined>,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['discussions-data', params],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.ai.getDiscussions(\n        { includeMessages: 'false', ...(params ?? {}) } as any,\n        { signal, cache: 'no-store' }\n      ),\n    requireUser: true,\n    ...options,\n  });\n};\n\n/**\n * Search\n */\n\nexport const useSearchDoc = (params: SearchDocUtilParams) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useQuery({\n    queryKey: ['search', params],\n    queryFn: () => intlayerOAuth.search.searchDoc(params),\n    enabled: (params?.input?.length ?? 0) > 3,\n  });\n};\n\n/**\n * Newsletter\n */\n\nexport const useSubscribeToNewsletter = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['newsletter'],\n    mutationFn: (args: NewsletterSubscriptionBody) =>\n      intlayerOAuth.newsletter.subscribeToNewsletter(args),\n  });\n};\n\nexport const useUnsubscribeFromNewsletter = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['newsletter'],\n    mutationFn: (args: NewsletterUnsubscriptionBody) =>\n      intlayerOAuth.newsletter.unsubscribeFromNewsletter(args),\n  });\n};\n\nexport const useGetNewsletterStatus = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['newsletter'],\n    mutationFn: () => intlayerOAuth.newsletter.getNewsletterStatus(),\n  });\n};\n\n/**\n * Editor\n */\n\nexport const useGetEditorDictionaries = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useQuery({\n    queryKey: ['editor', 'dictionaries'],\n    queryFn: () => intlayerOAuth.editor.getDictionaries(),\n  });\n};\n\nexport const useWriteDictionary = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['editor', 'dictionaries'],\n    mutationFn: (args: WriteContentDeclarationBody) =>\n      intlayerOAuth.editor.writeDictionary(args),\n  });\n};\n"],"mappings":"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"}
+{"version":3,"file":"reactQuery.mjs","names":[],"sources":["../../../src/hooks/reactQuery.ts"],"sourcesContent":["'use client';\n\nimport type {} from '@better-fetch/fetch'; // Import for type inference\nimport type {\n  AddDictionaryBody,\n  AddNewAccessKeyBody,\n  AddOrganizationBody,\n  AddOrganizationMemberBody,\n  AddProjectBody,\n  AddTagBody,\n  AskDocQuestionBody,\n  AuditContentDeclarationBody,\n  AuditContentDeclarationFieldBody,\n  AuditContentDeclarationMetadataBody,\n  AuditTagBody,\n  AutocompleteBody,\n  CreateUserBody,\n  DeleteAccessKeyBody,\n  DeleteDictionaryParam,\n  DeleteTagParams,\n  GetCheckoutSessionBody,\n  GetDictionariesParams,\n  GetDictionaryParams,\n  GetDictionaryQuery,\n  GetOrganizationsParams,\n  GetPricingBody,\n  GetPricingResult,\n  GetProjectsParams,\n  GetTagsParams,\n  GetUsersParams,\n  NewsletterSubscriptionBody,\n  NewsletterUnsubscriptionBody,\n  PushDictionariesBody,\n  RefreshAccessKeyBody,\n  SearchDocUtilParams,\n  SelectOrganizationParam,\n  SelectProjectParam,\n  TranslateJSONBody,\n  UpdateDictionaryBody,\n  UpdateOrganizationBody,\n  UpdateOrganizationMembersBody,\n  UpdateProjectBody,\n  UpdateProjectMembersBody,\n  UpdateUserBody,\n} from '@intlayer/backend';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport {\n  type UseQueryOptions,\n  useMutation,\n  useQuery,\n  useQueryClient,\n} from '@tanstack/react-query';\nimport type {} from 'better-auth'; // Import for type inference\n// @ts-ignore\nimport type { WriteContentDeclarationBody } from 'intlayer-editor';\nimport type { AuthAPI } from '../libs/auth';\nimport { useAuth } from './useAuth';\nimport { useIntlayerAuth, useIntlayerOAuth } from './useIntlayerAPI';\n\nexport { useQueryClient };\n\ntype AuthEnableOptions = {\n  requireUser?: boolean;\n  requireProject?: boolean;\n  requireOrganization?: boolean;\n};\n\n/**\n * Hook to enable authentication\n */\nconst useAuthEnable = ({\n  requireUser,\n  requireProject,\n  requireOrganization,\n}: AuthEnableOptions) => {\n  const configuration = useConfiguration();\n  const { oAuth2AccessToken, session } = useAuth({\n    intlayerConfiguration: configuration,\n  });\n\n  const user = session ? session.user : oAuth2AccessToken?.user;\n\n  const organization = session\n    ? session.organization\n    : oAuth2AccessToken?.organization;\n\n  const project = session ? session.project : oAuth2AccessToken?.project;\n\n  const isUserEnabled = requireUser ? Boolean(user) : true;\n\n  const isProjectEnabled = requireProject ? Boolean(project) : true;\n\n  const isOrganizationEnabled = requireOrganization\n    ? Boolean(organization)\n    : true;\n\n  const isEnabled = isUserEnabled && isProjectEnabled && isOrganizationEnabled;\n\n  return {\n    enable: isEnabled,\n  };\n};\n\nexport const useAppQuery = (\n  options: UseQueryOptions & {\n    requireUser?: boolean;\n    requireProject?: boolean;\n    requireOrganization?: boolean;\n  }\n) => {\n  const { requireUser, requireProject, requireOrganization, ...rest } = options;\n  const { enable } = useAuthEnable({\n    requireUser,\n    requireProject,\n    requireOrganization,\n  });\n\n  const result = useQuery({\n    enabled: rest?.enabled === false ? false : enable,\n    ...rest,\n  });\n\n  return result;\n};\n\n// Removed unused useEditorMutation\n\n/**\n * Auth\n */\n\nexport const useLogin = () => {\n  const intlayerAuth = useIntlayerAuth();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['login'],\n    mutationFn: (args: Parameters<AuthAPI['signInEmail']>[0]) =>\n      intlayerAuth.signInEmail(args),\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n\n      if (session && data.data?.user) {\n        queryClient.setQueryData(['session'], {\n          ...session,\n          user: data.data.user,\n        });\n      }\n    },\n  });\n};\n\nexport const useGetVerifyEmailStatus = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['getVerifyEmailStatus'],\n    mutationFn: (args: Parameters<AuthAPI['verifyEmailSession']>) =>\n      intlayerAuth.verifyEmailSession(...args),\n  });\n};\n\nexport const useRegister = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['register'],\n    mutationFn: (args: Parameters<AuthAPI['signUpEmail']>[0]) =>\n      intlayerAuth.signUpEmail(args),\n    meta: {\n      resetQueries: [['session']],\n    },\n  });\n};\n\nexport const useLogout = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['logout'],\n    mutationFn: () => intlayerAuth.signOut(),\n    meta: {\n      resetQueries: [\n        ['session'],\n        ['users'],\n        ['organizations'],\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n      ],\n    },\n  });\n};\n\nexport const useChangePassword = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['changePassword'],\n    mutationFn: (args: Parameters<AuthAPI['changePasswordSession']>) =>\n      intlayerAuth.changePasswordSession(...args),\n  });\n};\n\nexport const useAskResetPassword = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['askResetPassword'],\n    mutationFn: (args: Parameters<AuthAPI['requestPasswordResetSession']>) =>\n      intlayerAuth.requestPasswordResetSession(...args),\n  });\n};\n\nexport const useResetPassword = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['resetPassword'],\n    mutationFn: (args: Parameters<AuthAPI['resetPassword']>) =>\n      intlayerAuth.resetPassword(...args),\n  });\n};\n\nexport const useVerifyEmail = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['verifyEmail'],\n    mutationFn: (args: Parameters<AuthAPI['verifyEmailSession']>) =>\n      intlayerAuth.verifyEmailSession(...args),\n  });\n};\n\nexport const useGetUserByAccount = () => {\n  const intlayerAuth = useIntlayerAuth();\n\n  return useMutation({\n    mutationKey: ['user'],\n    mutationFn: (args: Parameters<AuthAPI['accountInfo']>) =>\n      intlayerAuth.accountInfo(...args),\n  });\n};\n\n/**\n * User\n */\n\nexport const useGetUsers = (\n  filters?: GetUsersParams,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['users', filters],\n    queryFn: () => intlayerOAuth.user.getUsers(filters),\n    requireUser: true,\n    // placeholderData: keepPreviousData,\n    ...options,\n  });\n};\n\nexport const useGetUserById = (userId: string) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['users', userId],\n    queryFn: () => intlayerOAuth.user.getUserById(userId),\n    requireUser: true,\n  });\n};\n\nexport const useCreateUser = () => {\n  const intlayerAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['users'],\n    mutationFn: (args: CreateUserBody) => intlayerAuth.user.createUser(args),\n  });\n};\n\nexport const useUpdateUser = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['users'],\n    mutationFn: (args: UpdateUserBody) => intlayerOAuth.user.updateUser(args),\n  });\n};\n\nexport const useDeleteUser = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['users'],\n    mutationFn: (args: string) => intlayerOAuth.user.deleteUser(args),\n    meta: {\n      invalidateQueries: [['users']],\n    },\n  });\n};\n\n/**\n * Organization\n */\n\nexport const useGetOrganizations = (filters?: GetOrganizationsParams) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['organizations', filters],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.organization.getOrganizations(filters, { signal }),\n    // placeholderData: keepPreviousData,\n    requireUser: true,\n  });\n};\n\nexport const useAddOrganization = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['organizations'],\n    mutationFn: (args: AddOrganizationBody) =>\n      intlayerOAuth.organization.addOrganization(args),\n  });\n};\n\nexport const useUpdateOrganization = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['organizations'],\n    mutationFn: (args: UpdateOrganizationBody) =>\n      intlayerOAuth.organization.updateOrganization(args),\n  });\n};\n\nexport const useUpdateOrganizationMembers = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['organizations'],\n    mutationFn: (args: UpdateOrganizationMembersBody) =>\n      intlayerOAuth.organization.updateOrganizationMembers(args),\n    meta: {\n      invalidateQueries: [['organizations'], ['users']],\n    },\n  });\n};\n\nexport const useUpdateOrganizationMembersById = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['organizations'],\n    mutationFn: ({\n      organizationId,\n      ...body\n    }: {\n      organizationId: string;\n      membersIds: string[];\n      adminsIds?: string[];\n    }) =>\n      intlayerOAuth.organization.updateOrganizationMembersById(\n        organizationId,\n        body\n      ),\n    meta: {\n      invalidateQueries: [['organizations'], ['users']],\n    },\n  });\n};\n\nexport const useAddOrganizationMember = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['organizations'],\n    mutationFn: (args: AddOrganizationMemberBody) =>\n      intlayerOAuth.organization.addOrganizationMember(args),\n    meta: {\n      invalidateQueries: [['organizations']],\n    },\n  });\n};\n\nexport const useDeleteOrganization = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['organizations'],\n    mutationFn: () => intlayerOAuth.organization.deleteOrganization(),\n    meta: {\n      invalidateQueries: [['organizations']],\n    },\n  });\n};\n\nexport const useSelectOrganization = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-organizations'],\n    mutationFn: (args: SelectOrganizationParam) =>\n      intlayerOAuth.organization.selectOrganization(args),\n    meta: {\n      invalidateQueries: [\n        ['organizations'],\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n        ['subscription'],\n        ['users'],\n      ],\n    },\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n\n      if (session) {\n        queryClient.setQueryData(['session'], {\n          ...session,\n          organization: data.data,\n        });\n      }\n    },\n  });\n};\n\nexport const useUnselectOrganization = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-organizations'],\n    mutationFn: () => intlayerOAuth.organization.unselectOrganization(),\n    meta: {\n      resetQueries: [\n        ['organizations'],\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n        ['subscription'],\n        ['users'],\n      ],\n    },\n    onSuccess: () => {\n      const session = queryClient.getQueryData(['session']);\n\n      if (session) {\n        queryClient.setQueryData(['session'], {\n          ...session,\n          organization: null,\n          project: null,\n        });\n      }\n    },\n  });\n};\n\n/**\n * Project\n */\n\nexport const useGetProjects = (\n  filters?: GetProjectsParams,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['projects', filters],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.project.getProjects(filters, { signal }),\n    // placeholderData: keepPreviousData,\n    requireUser: true,\n    requireOrganization: true,\n    ...options,\n  });\n};\n\nexport const useAddProject = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: AddProjectBody) =>\n      intlayerOAuth.project.addProject(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useUpdateProject = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: UpdateProjectBody) =>\n      intlayerOAuth.project.updateProject(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useUpdateProjectMembers = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: UpdateProjectMembersBody) =>\n      intlayerOAuth.project.updateProjectMembers(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useDeleteProject = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: () => intlayerOAuth.project.deleteProject(),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useSelectProject = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-projects'],\n    mutationFn: (args: SelectProjectParam) =>\n      intlayerOAuth.project.selectProject(args),\n    meta: {\n      invalidateQueries: [\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n        ['subscription'],\n        ['users'],\n      ],\n    },\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n\n      if (session) {\n        queryClient.setQueryData(['session'], {\n          ...session,\n          project: data.data,\n        });\n      }\n    },\n  });\n};\n\nexport const useUnselectProject = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-projects'],\n    mutationFn: () => intlayerOAuth.project.unselectProject(),\n    meta: {\n      resetQueries: [\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n        ['subscription'],\n        ['users'],\n      ],\n    },\n    onSuccess: () => {\n      const session = queryClient.getQueryData(['session']);\n\n      if (session) {\n        queryClient.setQueryData(['session'], {\n          ...session,\n          project: null,\n        });\n      }\n    },\n  });\n};\n\nexport const useAddNewAccessKey = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: AddNewAccessKeyBody) =>\n      intlayerOAuth.project.addNewAccessKey(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useDeleteAccessKey = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: DeleteAccessKeyBody) =>\n      intlayerOAuth.project.deleteAccessKey(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useRefreshAccessKey = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: RefreshAccessKeyBody) =>\n      intlayerOAuth.project.refreshAccessKey(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\n/**\n * Dictionary\n */\n\nexport const useGetDictionaries = (\n  filters?: GetDictionariesParams,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['dictionaries', filters],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.dictionary.getDictionaries(filters, { signal }),\n    // placeholderData: keepPreviousData,\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useGetDictionariesKeys = (options?: Partial<UseQueryOptions>) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['dictionariesKeys'],\n    queryFn: () => intlayerOAuth.dictionary.getDictionariesKeys(),\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useGetDictionary = (\n  dictionaryKey: GetDictionaryParams['dictionaryKey'],\n  version?: GetDictionaryQuery['version'],\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['dictionary', dictionaryKey],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.dictionary.getDictionary(dictionaryKey, version, {\n        signal,\n      }),\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useAddDictionary = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: AddDictionaryBody) =>\n      intlayerOAuth.dictionary.addDictionary(args),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n\nexport const usePushDictionaries = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: PushDictionariesBody) =>\n      intlayerOAuth.dictionary.pushDictionaries(args),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n\nexport const useUpdateDictionary = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: UpdateDictionaryBody) =>\n      intlayerOAuth.dictionary.updateDictionary(args),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n\nexport const useDeleteDictionary = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: DeleteDictionaryParam) =>\n      intlayerOAuth.dictionary.deleteDictionary(args),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n\n/**\n * Tag\n */\n\nexport const useGetTags = (\n  filters?: GetTagsParams,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['tags', filters],\n    queryFn: ({ signal }) => intlayerOAuth.tag.getTags(filters, { signal }),\n    // placeholderData: keepPreviousData,\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useAddTag = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['tags'],\n    mutationFn: (args: AddTagBody) => intlayerOAuth.tag.addTag(args),\n    meta: {\n      invalidateQueries: [['tags']],\n    },\n  });\n};\n\nexport const useUpdateTag = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['tags'],\n    mutationFn: (v: { tagId: string; tag: any }) =>\n      intlayerOAuth.tag.updateTag(v.tagId, v.tag),\n    meta: {\n      invalidateQueries: [['tags']],\n    },\n  });\n};\n\nexport const useDeleteTag = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['tags'],\n    mutationFn: (args: DeleteTagParams) => intlayerOAuth.tag.deleteTag(args),\n    meta: {\n      invalidateQueries: [['tags']],\n    },\n  });\n};\n\n/**\n * Stripe\n */\n\nexport const useGetPricing = (\n  body: GetPricingBody,\n  options?: Partial<UseQueryOptions<GetPricingResult>>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useQuery({\n    queryKey: ['pricing', body],\n    queryFn: ({ signal }) => intlayerOAuth.stripe.getPricing(body, { signal }),\n    ...options,\n  });\n};\n\nexport const useGetSubscription = (\n  body: GetCheckoutSessionBody,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['subscription', body],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.stripe.getSubscription(body, { signal }),\n    requireUser: true,\n    requireOrganization: true,\n    ...options,\n  });\n};\n\nexport const useCancelSubscription = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['subscription'],\n    mutationFn: () => intlayerOAuth.stripe.cancelSubscription(),\n    meta: {\n      invalidateQueries: [['session'], ['subscription']],\n    },\n  });\n};\n\n/**\n * AI\n */\n\nexport const useTranslateJSONDeclaration = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['ai-translateJSON'],\n    mutationFn: (args: TranslateJSONBody) =>\n      intlayerOAuth.ai.translateJSON(args),\n  });\n};\n\nexport const useAuditContentDeclaration = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['ai-auditContentDeclaration'],\n    mutationFn: (args: AuditContentDeclarationBody) =>\n      intlayerOAuth.ai.auditContentDeclaration(args),\n  });\n};\n\nexport const useAuditContentDeclarationMetadata = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['ai-auditContentDeclarationMetadata'],\n    mutationFn: (args: AuditContentDeclarationMetadataBody) =>\n      intlayerOAuth.ai.auditContentDeclarationMetadata(args),\n  });\n};\n\nexport const useAuditContentDeclarationField = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['ai-auditContentDeclarationField'],\n    mutationFn: (args: AuditContentDeclarationFieldBody) =>\n      intlayerOAuth.ai.auditContentDeclarationField(args),\n  });\n};\n\nexport const useAuditTag = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['ai-auditTag'],\n    mutationFn: (args: AuditTagBody) => intlayerOAuth.ai.auditTag(args),\n  });\n};\n\nexport const useAskDocQuestion = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: [],\n    mutationFn: (args?: AskDocQuestionBody) =>\n      intlayerOAuth.ai.askDocQuestion(args),\n  });\n};\n\nexport const useAutocomplete = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['ai-autocomplete'],\n    mutationFn: (args?: AutocompleteBody) =>\n      intlayerOAuth.ai.autocomplete(args),\n  });\n};\n\n/**\n * Discussions\n */\n\nexport const useGetDiscussions = (\n  params?: Record<string, string | string[] | undefined>,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['discussions', params],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.ai.getDiscussions(params, { signal, cache: 'no-store' }),\n    requireUser: true,\n    ...options,\n  });\n};\n\nexport const useGetDiscussionsData = (\n  params?: Record<string, string | string[] | undefined>,\n  options?: Partial<UseQueryOptions>\n) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useAppQuery({\n    queryKey: ['discussions-data', params],\n    queryFn: ({ signal }) =>\n      intlayerOAuth.ai.getDiscussions(\n        { includeMessages: 'false', ...(params ?? {}) } as any,\n        { signal, cache: 'no-store' }\n      ),\n    requireUser: true,\n    ...options,\n  });\n};\n\n/**\n * Search\n */\n\nexport const useSearchDoc = (params: SearchDocUtilParams) => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useQuery({\n    queryKey: ['search', params],\n    queryFn: () => intlayerOAuth.search.searchDoc(params),\n    enabled: (params?.input?.length ?? 0) > 3,\n  });\n};\n\n/**\n * Newsletter\n */\n\nexport const useSubscribeToNewsletter = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['newsletter'],\n    mutationFn: (args: NewsletterSubscriptionBody) =>\n      intlayerOAuth.newsletter.subscribeToNewsletter(args),\n  });\n};\n\nexport const useUnsubscribeFromNewsletter = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['newsletter'],\n    mutationFn: (args: NewsletterUnsubscriptionBody) =>\n      intlayerOAuth.newsletter.unsubscribeFromNewsletter(args),\n  });\n};\n\nexport const useGetNewsletterStatus = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['newsletter'],\n    mutationFn: () => intlayerOAuth.newsletter.getNewsletterStatus(),\n  });\n};\n\n/**\n * Editor\n */\n\nexport const useGetEditorDictionaries = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useQuery({\n    queryKey: ['editor', 'dictionaries'],\n    queryFn: () => intlayerOAuth.editor.getDictionaries(),\n  });\n};\n\nexport const useWriteDictionary = () => {\n  const intlayerOAuth = useIntlayerOAuth();\n\n  return useMutation({\n    mutationKey: ['editor', 'dictionaries'],\n    mutationFn: (args: WriteContentDeclarationBody) =>\n      intlayerOAuth.editor.writeDictionary(args),\n  });\n};\n"],"mappings":"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"}

package/dist/esm/hooks/useScrollY.mjs

@@ -4,6 +4,12 @@
 import { useCallback, useSyncExternalStore } from "react";
 
 //#region src/hooks/useScrollY.ts
+const INITIAL_SCROLL_STATE = {
+	scrollY: 0,
+	scrollPercentage: 0,
+	scrollYMax: 0
+};
+let lastSnapshot = INITIAL_SCROLL_STATE;
 const useScrollY = () => {
 	const subscribe = useCallback((onChange) => {
 		if (typeof window === "undefined") return () => {};
@@ -22,12 +28,23 @@ const useScrollY = () => {
 		};
 	}, []);
 	const getSnapshot = () => {
-		if (typeof window === "undefined") return 0;
+		if (typeof window === "undefined") return INITIAL_SCROLL_STATE;
 		const doc = document.documentElement;
 		const body = document.body;
-		return window.scrollY ?? window.pageYOffset ?? doc?.scrollTop ?? body?.scrollTop ?? 0;
+		const scrollY = window.scrollY ?? window.pageYOffset ?? doc?.scrollTop ?? body?.scrollTop ?? 0;
+		const scrollHeight = doc?.scrollHeight ?? body?.scrollHeight ?? 0;
+		const clientHeight = doc?.clientHeight ?? window.innerHeight ?? 0;
+		const scrollYMax = Math.max(0, scrollHeight - clientHeight);
+		const scrollPercentage = scrollYMax > 0 ? scrollY / scrollYMax : 0;
+		if (lastSnapshot.scrollY === scrollY && lastSnapshot.scrollPercentage === scrollPercentage && lastSnapshot.scrollYMax === scrollYMax) return lastSnapshot;
+		lastSnapshot = {
+			scrollY,
+			scrollPercentage,
+			scrollYMax
+		};
+		return lastSnapshot;
 	};
-	const getServerSnapshot = () => 0;
+	const getServerSnapshot = () => INITIAL_SCROLL_STATE;
 	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollY.mjs","names":[],"sources":["../../../src/hooks/useScrollY.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useSyncExternalStore } from 'react';\n\nexport const useScrollY = (): number => {\n  const subscribe = useCallback((onChange: () => void) => {\n    if (typeof window === 'undefined') return () => {};\n    let raf = 0;\n\n    const handler = () => {\n      if (raf) return;\n      raf = window.requestAnimationFrame(() => {\n        raf = 0;\n        onChange();\n      });\n    };\n\n    window.addEventListener('scroll', handler, { passive: true });\n\n    return () => {\n      window.removeEventListener('scroll', handler);\n      if (raf) window.cancelAnimationFrame(raf);\n    };\n  }, []);\n\n  const getSnapshot = () => {\n    if (typeof window === 'undefined') return 0; // SSR/hydration-safe\n    const doc = document.documentElement;\n    const body = document.body;\n    return (\n      window.scrollY ??\n      window.pageYOffset ??\n      doc?.scrollTop ??\n      body?.scrollTop ??\n      0\n    );\n  };\n\n  const getServerSnapshot = () => 0;\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n};\n"],"mappings":";;;;;;AAIA,MAAa,mBAA2B;CACtC,MAAM,YAAY,aAAa,aAAyB;AACtD,MAAI,OAAO,WAAW,YAAa,cAAa;EAChD,IAAI,MAAM;EAEV,MAAM,gBAAgB;AACpB,OAAI,IAAK;AACT,SAAM,OAAO,4BAA4B;AACvC,UAAM;AACN,cAAU;KACV;;AAGJ,SAAO,iBAAiB,UAAU,SAAS,EAAE,SAAS,MAAM,CAAC;AAE7D,eAAa;AACX,UAAO,oBAAoB,UAAU,QAAQ;AAC7C,OAAI,IAAK,QAAO,qBAAqB,IAAI;;IAE1C,EAAE,CAAC;CAEN,MAAM,oBAAoB;AACxB,MAAI,OAAO,WAAW,YAAa,QAAO;EAC1C,MAAM,MAAM,SAAS;EACrB,MAAM,OAAO,SAAS;AACtB,SACE,OAAO,WACP,OAAO,eACP,KAAK,aACL,MAAM,aACN;;CAIJ,MAAM,0BAA0B;AAEhC,QAAO,qBAAqB,WAAW,aAAa,kBAAkB"}
+{"version":3,"file":"useScrollY.mjs","names":["INITIAL_SCROLL_STATE: UseScrollYResult","lastSnapshot: UseScrollYResult"],"sources":["../../../src/hooks/useScrollY.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useSyncExternalStore } from 'react';\n\ntype UseScrollYResult = {\n  scrollY: number;\n  scrollPercentage: number;\n  scrollYMax: number;\n};\n\nconst INITIAL_SCROLL_STATE: UseScrollYResult = {\n  scrollY: 0,\n  scrollPercentage: 0,\n  scrollYMax: 0,\n};\n\nlet lastSnapshot: UseScrollYResult = INITIAL_SCROLL_STATE;\n\nexport const useScrollY = (): UseScrollYResult => {\n  const subscribe = useCallback((onChange: () => void) => {\n    if (typeof window === 'undefined') return () => {};\n    let raf = 0;\n\n    const handler = () => {\n      if (raf) return;\n      raf = window.requestAnimationFrame(() => {\n        raf = 0;\n        onChange();\n      });\n    };\n\n    window.addEventListener('scroll', handler, { passive: true });\n\n    return () => {\n      window.removeEventListener('scroll', handler);\n      if (raf) window.cancelAnimationFrame(raf);\n    };\n  }, []);\n\n  const getSnapshot = (): UseScrollYResult => {\n    if (typeof window === 'undefined') {\n      return INITIAL_SCROLL_STATE; // SSR/hydration-safe\n    }\n\n    const doc = document.documentElement;\n    const body = document.body;\n\n    const scrollY =\n      window.scrollY ??\n      window.pageYOffset ??\n      doc?.scrollTop ??\n      body?.scrollTop ??\n      0;\n\n    const scrollHeight = doc?.scrollHeight ?? body?.scrollHeight ?? 0;\n    const clientHeight = doc?.clientHeight ?? window.innerHeight ?? 0;\n    const scrollYMax = Math.max(0, scrollHeight - clientHeight);\n    const scrollPercentage = scrollYMax > 0 ? scrollY / scrollYMax : 0;\n\n    if (\n      lastSnapshot.scrollY === scrollY &&\n      lastSnapshot.scrollPercentage === scrollPercentage &&\n      lastSnapshot.scrollYMax === scrollYMax\n    ) {\n      return lastSnapshot;\n    }\n\n    lastSnapshot = { scrollY, scrollPercentage, scrollYMax };\n    return lastSnapshot;\n  };\n\n  const getServerSnapshot = (): UseScrollYResult => INITIAL_SCROLL_STATE;\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n};\n"],"mappings":";;;;;;AAUA,MAAMA,uBAAyC;CAC7C,SAAS;CACT,kBAAkB;CAClB,YAAY;CACb;AAED,IAAIC,eAAiC;AAErC,MAAa,mBAAqC;CAChD,MAAM,YAAY,aAAa,aAAyB;AACtD,MAAI,OAAO,WAAW,YAAa,cAAa;EAChD,IAAI,MAAM;EAEV,MAAM,gBAAgB;AACpB,OAAI,IAAK;AACT,SAAM,OAAO,4BAA4B;AACvC,UAAM;AACN,cAAU;KACV;;AAGJ,SAAO,iBAAiB,UAAU,SAAS,EAAE,SAAS,MAAM,CAAC;AAE7D,eAAa;AACX,UAAO,oBAAoB,UAAU,QAAQ;AAC7C,OAAI,IAAK,QAAO,qBAAqB,IAAI;;IAE1C,EAAE,CAAC;CAEN,MAAM,oBAAsC;AAC1C,MAAI,OAAO,WAAW,YACpB,QAAO;EAGT,MAAM,MAAM,SAAS;EACrB,MAAM,OAAO,SAAS;EAEtB,MAAM,UACJ,OAAO,WACP,OAAO,eACP,KAAK,aACL,MAAM,aACN;EAEF,MAAM,eAAe,KAAK,gBAAgB,MAAM,gBAAgB;EAChE,MAAM,eAAe,KAAK,gBAAgB,OAAO,eAAe;EAChE,MAAM,aAAa,KAAK,IAAI,GAAG,eAAe,aAAa;EAC3D,MAAM,mBAAmB,aAAa,IAAI,UAAU,aAAa;AAEjE,MACE,aAAa,YAAY,WACzB,aAAa,qBAAqB,oBAClC,aAAa,eAAe,WAE5B,QAAO;AAGT,iBAAe;GAAE;GAAS;GAAkB;GAAY;AACxD,SAAO;;CAGT,MAAM,0BAA4C;AAElD,QAAO,qBAAqB,WAAW,aAAa,kBAAkB"}

package/dist/types/components/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","names":[],"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":[],"mappings":";;;;UAmBiB,cAAA,SACP,KAAK;;EADE,MAAA,EAGP,SAFR;EAAa;EAEL,QAAA,EAEE,SAFF;EAEE;EAJF,MAAA,CAAA,EAAA,OAAA;EAAI;EA4DD,aA8FZ,CAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA9FY,WAAW,GAAG"}
+{"version":3,"file":"Accordion.d.ts","names":[],"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":[],"mappings":";;;;UAoBiB,cAAA,SACP,KAAK;;EADE,MAAA,EAGP,SAFR;EAAa;EAEL,QAAA,EAEE,SAFF;EAEE;EAJF,MAAA,CAAA,EAAA,OAAA;EAAI;EA4DD,aAwFZ,CAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAxFY,WAAW,GAAG"}

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import * as class_variance_authority_types12 from "class-variance-authority/types";
+import * as class_variance_authority_types0 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_types12.ClassProp) => string;
+} & class_variance_authority_types0.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_types104 from "@intlayer/types";
+import * as _intlayer_types0 from "@intlayer/types";
 
 //#region src/components/Breadcrumb/breadcrumb.content.d.ts
 declare const breadCrumbContent: {
   key: string;
   content: {
-    linkLabel: _intlayer_types104.TypedNodeModel<_intlayer_types104.NodeType.Translation, {
+    linkLabel: _intlayer_types0.TypedNodeModel<_intlayer_types0.NodeType.Translation, {
       en: string;
       fr: string;
       es: string;
@@ -23,7 +23,7 @@ declare const breadCrumbContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types104.NodeType.Translation | "translation";
+      nodeType: _intlayer_types0.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,mCA2BS,0CAAA"}
+{"version":3,"file":"breadcrumb.content.d.ts","names":[],"sources":["../../../../src/components/Breadcrumb/breadcrumb.content.ts"],"sourcesContent":[],"mappings":";;;cAEa;;;IAAA,SAAA,iCA2BS,wCAAA"}