@intlayer/design-system 6.1.6 → 7.0.0-canary.1

package/dist/hooks/useDevice.mjs

@@ -1,74 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-const getBreakpointFromSize = (breakpoint) => {
-  switch (breakpoint) {
-    case "sm":
-      return 640;
-    case "md":
-      return 768;
-    case "lg":
-      return 1024;
-    case "xl":
-      return 1280;
-    case "2xl":
-      return 1536;
-    default:
-      return breakpoint;
-  }
-};
-const checkIsMobileUserAgent = () => {
-  if (typeof window === "undefined") return;
-  const userAgent = window.navigator?.userAgent;
-  if (typeof userAgent === "undefined") return;
-  return /android|bb\d+|meego|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(?:hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(?:ob|in)i|palm(?: os)?|phone|p(?:ixi|re)\/|plucker|pocket|psp|series(?:4|6)0|symbian|treo|up\.(?:browser|link)|vodafone|wap|windows ce|windows phone|xda|xiino|zte-/i.test(
-    userAgent
-  );
-};
-const checkIsIphoneOrSafariDevice = () => {
-  if (typeof window === "undefined") return;
-  const userAgent = window.navigator?.userAgent;
-  const isSafari = /Safari\/\d/i.test(userAgent) && // has “Safari/xxx”
-  !/Chrome|CriOS|FxiOS|Edg|OPR/i.test(userAgent);
-  const isAppleDevice = /Macintosh|iP(?:hone|ad|od)/.test(userAgent);
-  return isSafari && isAppleDevice;
-};
-const checkIsMobileScreen = (breakpoint) => {
-  if (typeof window === "undefined") return;
-  return (window?.innerWidth ?? 0) <= breakpoint;
-};
-const calculateIsMobile = (breakpoint = "md") => {
-  const breakpointValue = getBreakpointFromSize(breakpoint);
-  const isMobileUserAgent = checkIsMobileUserAgent();
-  const isMobileScreen = checkIsMobileScreen(breakpointValue);
-  const isMobile = isMobileScreen ?? isMobileUserAgent;
-  return {
-    isMobileScreen,
-    // Is the screen width within a mobile breakpoint.
-    isMobileUserAgent,
-    // Is the user agent indicative of a mobile device.
-    isMobile
-    // Combines both checks to determine if the device is mobile.
-  };
-};
-const useDevice = (breakpoint = "md") => {
-  const [result, setResult] = useState(
-    calculateIsMobile(breakpoint)
-  );
-  useEffect(() => {
-    const handleResize = () => {
-      setResult(calculateIsMobile(breakpoint));
-    };
-    window.addEventListener("resize", handleResize, { passive: true });
-    return () => window.removeEventListener("resize", handleResize);
-  }, [breakpoint]);
-  return result;
-};
-export {
-  calculateIsMobile,
-  checkIsIphoneOrSafariDevice,
-  checkIsMobileScreen,
-  checkIsMobileUserAgent,
-  getBreakpointFromSize,
-  useDevice
-};
-//# sourceMappingURL=useDevice.mjs.map

package/dist/hooks/useDevice.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDevice.mjs","sources":["../../src/hooks/useDevice.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport type SizeType = 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nexport const getBreakpointFromSize = (breakpoint: SizeType | number) => {\n  switch (breakpoint) {\n    case 'sm':\n      return 640;\n    case 'md':\n      return 768;\n    case 'lg':\n      return 1024;\n    case 'xl':\n      return 1280;\n    case '2xl':\n      return 1536;\n    default:\n      return breakpoint;\n  }\n};\n\nexport const checkIsMobileUserAgent = (): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  const userAgent = window.navigator?.userAgent;\n\n  if (typeof userAgent === 'undefined') return;\n\n  return /android|bb\\d+|meego|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(?:hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(?:ob|in)i|palm(?: os)?|phone|p(?:ixi|re)\\/|plucker|pocket|psp|series(?:4|6)0|symbian|treo|up\\.(?:browser|link)|vodafone|wap|windows ce|windows phone|xda|xiino|zte-/i.test(\n    userAgent\n  );\n};\n\nexport const checkIsIphoneOrSafariDevice = (): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  const userAgent = window.navigator?.userAgent;\n\n  /* 1 . is it Safari?  (Chrome & co. also contain “Safari/…”, so exclude them) */\n  const isSafari =\n    /Safari\\/\\d/i.test(userAgent) && // has “Safari/xxx”\n    !/Chrome|CriOS|FxiOS|Edg|OPR/i.test(userAgent); // …but not the other browsers\n\n  /* 2. is it an Apple device? (macOS or iOS/iPadOS) */\n  const isAppleDevice = /Macintosh|iP(?:hone|ad|od)/.test(userAgent);\n\n  return isSafari && isAppleDevice; // true for mac-Safari & iOS-Safari\n};\n\nexport const checkIsMobileScreen = (\n  breakpoint: number\n): boolean | undefined => {\n  if (typeof window === 'undefined') return;\n\n  return (window?.innerWidth ?? 0) <= breakpoint;\n};\n\ntype UseDeviceState = {\n  isMobileScreen: boolean | undefined;\n  isMobileUserAgent: boolean | undefined;\n  isMobile: boolean | undefined;\n};\n\nexport const calculateIsMobile = (breakpoint: SizeType | number = 'md') => {\n  const breakpointValue = getBreakpointFromSize(breakpoint);\n\n  const isMobileUserAgent = checkIsMobileUserAgent();\n  const isMobileScreen = checkIsMobileScreen(breakpointValue);\n  const isMobile = isMobileScreen ?? isMobileUserAgent;\n\n  return {\n    isMobileScreen, // Is the screen width within a mobile breakpoint.\n    isMobileUserAgent, // Is the user agent indicative of a mobile device.\n    isMobile, // Combines both checks to determine if the device is mobile.\n  };\n};\n\nexport const useDevice = (breakpoint: SizeType | number = 'md') => {\n  const [result, setResult] = useState<UseDeviceState>(\n    calculateIsMobile(breakpoint)\n  );\n\n  useEffect(() => {\n    const handleResize = () => {\n      setResult(calculateIsMobile(breakpoint));\n    };\n\n    window.addEventListener('resize', handleResize, { passive: true });\n\n    // Cleanup listener on unmount\n    return () => window.removeEventListener('resize', handleResize);\n  }, [breakpoint]); // Empty dependency array ensures this effect runs only once on mount\n\n  return result;\n};\n"],"names":[],"mappings":";;AAMO,MAAM,wBAAwB,CAAC,eAAkC;AACtE,UAAQ,YAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAEO,MAAM,yBAAyB,MAA2B;AAC/D,MAAI,OAAO,WAAW,YAAa;AAEnC,QAAM,YAAY,OAAO,WAAW;AAEpC,MAAI,OAAO,cAAc,YAAa;AAEtC,SAAO,mVAAmV;AAAA,IACxV;AAAA,EAAA;AAEJ;AAEO,MAAM,8BAA8B,MAA2B;AACpE,MAAI,OAAO,WAAW,YAAa;AAEnC,QAAM,YAAY,OAAO,WAAW;AAGpC,QAAM,WACJ,cAAc,KAAK,SAAS;AAAA,EAC5B,CAAC,8BAA8B,KAAK,SAAS;AAG/C,QAAM,gBAAgB,6BAA6B,KAAK,SAAS;AAEjE,SAAO,YAAY;AACrB;AAEO,MAAM,sBAAsB,CACjC,eACwB;AACxB,MAAI,OAAO,WAAW,YAAa;AAEnC,UAAQ,QAAQ,cAAc,MAAM;AACtC;AAQO,MAAM,oBAAoB,CAAC,aAAgC,SAAS;AACzE,QAAM,kBAAkB,sBAAsB,UAAU;AAExD,QAAM,oBAAoB,uBAAA;AAC1B,QAAM,iBAAiB,oBAAoB,eAAe;AAC1D,QAAM,WAAW,kBAAkB;AAEnC,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EAAA;AAEJ;AAEO,MAAM,YAAY,CAAC,aAAgC,SAAS;AACjE,QAAM,CAAC,QAAQ,SAAS,IAAI;AAAA,IAC1B,kBAAkB,UAAU;AAAA,EAAA;AAG9B,YAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACzB,gBAAU,kBAAkB,UAAU,CAAC;AAAA,IACzC;AAEA,WAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM;AAGjE,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAChE,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AACT;"}

package/dist/hooks/useGetElementOrWindow.cjs

@@ -1,13 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ReactExports = require("react");
-const useGetElementOrWindow = (container) => {
-  const [containerElement, setContainerElement] = ReactExports.useState(container);
-  ReactExports.useEffect(() => {
-    setContainerElement(container ?? window.document.body);
-  }, [container]);
-  return containerElement;
-};
-exports.useGetElementOrWindow = useGetElementOrWindow;
-//# sourceMappingURL=useGetElementOrWindow.cjs.map

package/dist/hooks/useGetElementOrWindow.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGetElementOrWindow.cjs","sources":["../../src/hooks/useGetElementOrWindow.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useGetElementOrWindow = (container?: HTMLElement) => {\n  const [containerElement, setContainerElement] = useState<\n    HTMLElement | undefined\n  >(container);\n\n  // This useEffect avoids the error of not finding the container\n  useEffect(() => {\n    setContainerElement(container ?? window.document.body);\n  }, [container]);\n\n  return containerElement;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIO,MAAM,wBAAwB,CAAC,cAA4B;AAChE,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,aAAAA,SAE9C,SAAS;AAGXC,eAAAA,UAAU,MAAM;AACd,wBAAoB,aAAa,OAAO,SAAS,IAAI;AAAA,EACvD,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO;AACT;;"}

package/dist/hooks/useGetElementOrWindow.d.ts

@@ -1,2 +0,0 @@
-export declare const useGetElementOrWindow: (container?: HTMLElement) => HTMLElement | undefined;
-//# sourceMappingURL=useGetElementOrWindow.d.ts.map

package/dist/hooks/useGetElementOrWindow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGetElementOrWindow.d.ts","sourceRoot":"","sources":["../../src/hooks/useGetElementOrWindow.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,GAAI,YAAY,WAAW,4BAW5D,CAAC"}

package/dist/hooks/useGetElementOrWindow.mjs

@@ -1,13 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-const useGetElementOrWindow = (container) => {
-  const [containerElement, setContainerElement] = useState(container);
-  useEffect(() => {
-    setContainerElement(container ?? window.document.body);
-  }, [container]);
-  return containerElement;
-};
-export {
-  useGetElementOrWindow
-};
-//# sourceMappingURL=useGetElementOrWindow.mjs.map

package/dist/hooks/useGetElementOrWindow.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGetElementOrWindow.mjs","sources":["../../src/hooks/useGetElementOrWindow.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useGetElementOrWindow = (container?: HTMLElement) => {\n  const [containerElement, setContainerElement] = useState<\n    HTMLElement | undefined\n  >(container);\n\n  // This useEffect avoids the error of not finding the container\n  useEffect(() => {\n    setContainerElement(container ?? window.document.body);\n  }, [container]);\n\n  return containerElement;\n};\n"],"names":[],"mappings":";;AAIO,MAAM,wBAAwB,CAAC,cAA4B;AAChE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAE9C,SAAS;AAGX,YAAU,MAAM;AACd,wBAAoB,aAAa,OAAO,SAAS,IAAI;AAAA,EACvD,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO;AACT;"}

package/dist/hooks/useHorizontalSwipe.cjs

@@ -1,144 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ReactExports = require("react");
-const useHorizontalSwipe = (config) => {
-  const {
-    enable = true,
-    onSwipeLeft,
-    onSwipeRight,
-    itemIndex,
-    itemCount,
-    thresholdPct = 20,
-    touchAction = "pan-y",
-    disableWhenSelectingText = true
-  } = config;
-  const containerRef = ReactExports.useRef(null);
-  const [isDragging, setIsDragging] = ReactExports.useState(false);
-  const [dragDeltaPct, setDragDeltaPct] = ReactExports.useState(0);
-  const pointerStateRef = ReactExports.useRef({
-    pointerId: null,
-    startX: 0,
-    startY: 0,
-    lastX: 0,
-    axisLocked: false,
-    isHorizontal: false
-  });
-  const isTextSelectingRef = ReactExports.useRef(false);
-  const getContainerWidth = () => {
-    const node = containerRef.current;
-    return node ? node.clientWidth : 0;
-  };
-  const applyEdgeResistance = (pct) => {
-    const atFirst = itemIndex <= 0;
-    const atLast = itemIndex >= itemCount - 1;
-    if (atFirst && pct > 0 || atLast && pct < 0) {
-      const magnitude = Math.abs(pct);
-      const resistance = 1 + magnitude / 30;
-      return pct / resistance;
-    }
-    return pct;
-  };
-  const onPointerDown = (e) => {
-    if (!enable) return;
-    if (pointerStateRef.current.pointerId !== null) return;
-    pointerStateRef.current.pointerId = e.pointerId;
-    pointerStateRef.current.startX = e.clientX;
-    pointerStateRef.current.startY = e.clientY;
-    pointerStateRef.current.lastX = e.clientX;
-    pointerStateRef.current.axisLocked = false;
-    pointerStateRef.current.isHorizontal = false;
-    isTextSelectingRef.current = false;
-    setIsDragging(false);
-    setDragDeltaPct(0);
-  };
-  const onPointerMove = (e) => {
-    if (!enable) return;
-    if (pointerStateRef.current.pointerId !== e.pointerId) return;
-    const width = getContainerWidth();
-    if (!width) return;
-    const dx = e.clientX - pointerStateRef.current.startX;
-    const dy = e.clientY - pointerStateRef.current.startY;
-    if (disableWhenSelectingText) {
-      const sel = typeof window !== "undefined" ? window.getSelection?.() : null;
-      const isSelecting = !!sel && sel.rangeCount > 0 && !sel.isCollapsed;
-      if (isSelecting) {
-        isTextSelectingRef.current = true;
-        return;
-      }
-    }
-    if (!pointerStateRef.current.axisLocked) {
-      const absDx = Math.abs(dx);
-      const absDy = Math.abs(dy);
-      if (absDx > 6 || absDy > 6) {
-        pointerStateRef.current.axisLocked = true;
-        pointerStateRef.current.isHorizontal = absDx > absDy;
-      }
-    }
-    if (!pointerStateRef.current.isHorizontal) {
-      return;
-    }
-    try {
-      e.currentTarget.setPointerCapture(e.pointerId);
-    } catch {
-    }
-    e.preventDefault();
-    if (!isDragging) setIsDragging(true);
-    const pct = dx / width * 100;
-    setDragDeltaPct(applyEdgeResistance(pct));
-    pointerStateRef.current.lastX = e.clientX;
-  };
-  const endDrag = (e) => {
-    try {
-      e.currentTarget.releasePointerCapture(e.pointerId);
-    } catch {
-    }
-    const wasHorizontal = pointerStateRef.current.isHorizontal;
-    const delta = dragDeltaPct;
-    setIsDragging(false);
-    setDragDeltaPct(0);
-    pointerStateRef.current.pointerId = null;
-    pointerStateRef.current.axisLocked = false;
-    pointerStateRef.current.isHorizontal = false;
-    if (isTextSelectingRef.current) {
-      isTextSelectingRef.current = false;
-      return;
-    }
-    if (!wasHorizontal) return;
-    if (delta > thresholdPct) {
-      onSwipeRight?.();
-    } else if (delta < -thresholdPct) {
-      onSwipeLeft?.();
-    }
-  };
-  const onPointerUp = (e) => {
-    if (!enable) return;
-    if (pointerStateRef.current.pointerId !== e.pointerId) return;
-    endDrag(e);
-  };
-  const onPointerCancel = (e) => {
-    if (!enable) return;
-    if (pointerStateRef.current.pointerId !== e.pointerId) return;
-    endDrag(e);
-  };
-  ReactExports.useEffect(() => {
-    setDragDeltaPct(0);
-    setIsDragging(false);
-  }, [itemIndex]);
-  const style = { touchAction };
-  return {
-    containerRef,
-    isDragging,
-    dragDeltaPct,
-    containerProps: {
-      ref: containerRef,
-      onPointerDown,
-      onPointerMove,
-      onPointerUp,
-      onPointerCancel,
-      style
-    }
-  };
-};
-exports.useHorizontalSwipe = useHorizontalSwipe;
-//# sourceMappingURL=useHorizontalSwipe.cjs.map

package/dist/hooks/useHorizontalSwipe.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHorizontalSwipe.cjs","sources":["../../src/hooks/useHorizontalSwipe.ts"],"sourcesContent":["'use client';\n\nimport {\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type PointerEvent,\n  type PointerEventHandler,\n  type RefObject,\n} from 'react';\n\nexport type HorizontalSwipeConfig = {\n  onSwipeLeft?: () => void; // move to next item\n  onSwipeRight?: () => void; // move to previous item\n  enable?: boolean;\n  itemIndex: number;\n  itemCount: number;\n  thresholdPct?: number; // percentage of width required to trigger\n  touchAction?: string; // CSS touch-action for the container, defaults to 'pan-y'\n  disableWhenSelectingText?: boolean; // if true, do not swipe while text selection is active\n};\n\nexport type HorizontalSwipeHook = {\n  containerRef: RefObject<HTMLDivElement>;\n  isDragging: boolean;\n  dragDeltaPct: number;\n  containerProps: {\n    ref: RefObject<HTMLDivElement>;\n    onPointerDown: PointerEventHandler<HTMLDivElement>;\n    onPointerMove: PointerEventHandler<HTMLDivElement>;\n    onPointerUp: PointerEventHandler<HTMLDivElement>;\n    onPointerCancel: PointerEventHandler<HTMLDivElement>;\n    style: CSSProperties;\n  };\n};\n\nexport const useHorizontalSwipe = (\n  config: HorizontalSwipeConfig\n): HorizontalSwipeHook => {\n  const {\n    enable = true,\n    onSwipeLeft,\n    onSwipeRight,\n    itemIndex,\n    itemCount,\n    thresholdPct = 20,\n    touchAction = 'pan-y',\n    disableWhenSelectingText = true,\n  } = config;\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragDeltaPct, setDragDeltaPct] = useState(0);\n  const pointerStateRef = useRef<{\n    pointerId: number | null;\n    startX: number;\n    startY: number;\n    lastX: number;\n    axisLocked: boolean;\n    isHorizontal: boolean;\n  }>({\n    pointerId: null,\n    startX: 0,\n    startY: 0,\n    lastX: 0,\n    axisLocked: false,\n    isHorizontal: false,\n  });\n\n  const isTextSelectingRef = useRef<boolean>(false);\n\n  const getContainerWidth = () => {\n    const node = containerRef.current;\n    return node ? node.clientWidth : 0;\n  };\n\n  const applyEdgeResistance = (pct: number) => {\n    const atFirst = itemIndex <= 0;\n    const atLast = itemIndex >= itemCount - 1;\n\n    if ((atFirst && pct > 0) || (atLast && pct < 0)) {\n      const magnitude = Math.abs(pct);\n      const resistance = 1 + magnitude / 30;\n      return pct / resistance;\n    }\n\n    return pct;\n  };\n\n  const onPointerDown: PointerEventHandler<HTMLDivElement> = (e) => {\n    if (!enable) return;\n    if (pointerStateRef.current.pointerId !== null) return;\n    pointerStateRef.current.pointerId = e.pointerId;\n    pointerStateRef.current.startX = e.clientX;\n    pointerStateRef.current.startY = e.clientY;\n    pointerStateRef.current.lastX = e.clientX;\n    pointerStateRef.current.axisLocked = false;\n    pointerStateRef.current.isHorizontal = false;\n    isTextSelectingRef.current = false;\n    setIsDragging(false);\n    setDragDeltaPct(0);\n  };\n\n  const onPointerMove: PointerEventHandler<HTMLDivElement> = (e) => {\n    if (!enable) return;\n    if (pointerStateRef.current.pointerId !== e.pointerId) return;\n\n    const width = getContainerWidth();\n    if (!width) return;\n\n    const dx = e.clientX - pointerStateRef.current.startX;\n    const dy = e.clientY - pointerStateRef.current.startY;\n\n    // If user is selecting text, do not engage swipe\n    if (disableWhenSelectingText) {\n      const sel =\n        typeof window !== 'undefined' ? window.getSelection?.() : null;\n      const isSelecting = !!sel && sel.rangeCount > 0 && !sel.isCollapsed;\n      if (isSelecting) {\n        isTextSelectingRef.current = true;\n        return;\n      }\n    }\n\n    if (!pointerStateRef.current.axisLocked) {\n      const absDx = Math.abs(dx);\n      const absDy = Math.abs(dy);\n      if (absDx > 6 || absDy > 6) {\n        pointerStateRef.current.axisLocked = true;\n        pointerStateRef.current.isHorizontal = absDx > absDy;\n      }\n    }\n\n    if (!pointerStateRef.current.isHorizontal) {\n      return;\n    }\n\n    // Defer pointer capture until a horizontal gesture is confirmed\n    try {\n      (\n        e.currentTarget as Element & { setPointerCapture: (id: number) => void }\n      ).setPointerCapture(e.pointerId);\n    } catch {}\n\n    e.preventDefault();\n\n    if (!isDragging) setIsDragging(true);\n\n    const pct = (dx / width) * 100;\n    setDragDeltaPct(applyEdgeResistance(pct));\n    pointerStateRef.current.lastX = e.clientX;\n  };\n\n  const endDrag = (e: PointerEvent<HTMLDivElement>) => {\n    try {\n      (\n        e.currentTarget as Element & {\n          releasePointerCapture: (id: number) => void;\n        }\n      ).releasePointerCapture(e.pointerId);\n    } catch {}\n\n    const wasHorizontal = pointerStateRef.current.isHorizontal;\n    const delta = dragDeltaPct;\n\n    setIsDragging(false);\n    setDragDeltaPct(0);\n    pointerStateRef.current.pointerId = null;\n    pointerStateRef.current.axisLocked = false;\n    pointerStateRef.current.isHorizontal = false;\n\n    if (isTextSelectingRef.current) {\n      isTextSelectingRef.current = false;\n      return;\n    }\n\n    if (!wasHorizontal) return;\n\n    if (delta > thresholdPct) {\n      onSwipeRight?.();\n    } else if (delta < -thresholdPct) {\n      onSwipeLeft?.();\n    }\n  };\n\n  const onPointerUp: PointerEventHandler<HTMLDivElement> = (e) => {\n    if (!enable) return;\n    if (pointerStateRef.current.pointerId !== e.pointerId) return;\n    endDrag(e);\n  };\n\n  const onPointerCancel: PointerEventHandler<HTMLDivElement> = (e) => {\n    if (!enable) return;\n    if (pointerStateRef.current.pointerId !== e.pointerId) return;\n    endDrag(e);\n  };\n\n  useEffect(() => {\n    setDragDeltaPct(0);\n    setIsDragging(false);\n  }, [itemIndex]);\n\n  const style: CSSProperties = { touchAction };\n\n  return {\n    containerRef: containerRef as RefObject<HTMLDivElement>,\n    isDragging,\n    dragDeltaPct,\n    containerProps: {\n      ref: containerRef as RefObject<HTMLDivElement>,\n      onPointerDown,\n      onPointerMove,\n      onPointerUp,\n      onPointerCancel,\n      style,\n    },\n  };\n};\n"],"names":["useRef","useState","useEffect"],"mappings":";;;;AAqCO,MAAM,qBAAqB,CAChC,WACwB;AACxB,QAAM;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,cAAc;AAAA,IACd,2BAA2B;AAAA,EAAA,IACzB;AAEJ,QAAM,eAAeA,aAAAA,OAA8B,IAAI;AACvD,QAAM,CAAC,YAAY,aAAa,IAAIC,aAAAA,SAAS,KAAK;AAClD,QAAM,CAAC,cAAc,eAAe,IAAIA,aAAAA,SAAS,CAAC;AAClD,QAAM,kBAAkBD,aAAAA,OAOrB;AAAA,IACD,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,EAAA,CACf;AAED,QAAM,qBAAqBA,aAAAA,OAAgB,KAAK;AAEhD,QAAM,oBAAoB,MAAM;AAC9B,UAAM,OAAO,aAAa;AAC1B,WAAO,OAAO,KAAK,cAAc;AAAA,EACnC;AAEA,QAAM,sBAAsB,CAAC,QAAgB;AAC3C,UAAM,UAAU,aAAa;AAC7B,UAAM,SAAS,aAAa,YAAY;AAExC,QAAK,WAAW,MAAM,KAAO,UAAU,MAAM,GAAI;AAC/C,YAAM,YAAY,KAAK,IAAI,GAAG;AAC9B,YAAM,aAAa,IAAI,YAAY;AACnC,aAAO,MAAM;AAAA,IACf;AAEA,WAAO;AAAA,EACT;AAEA,QAAM,gBAAqD,CAAC,MAAM;AAChE,QAAI,CAAC,OAAQ;AACb,QAAI,gBAAgB,QAAQ,cAAc,KAAM;AAChD,oBAAgB,QAAQ,YAAY,EAAE;AACtC,oBAAgB,QAAQ,SAAS,EAAE;AACnC,oBAAgB,QAAQ,SAAS,EAAE;AACnC,oBAAgB,QAAQ,QAAQ,EAAE;AAClC,oBAAgB,QAAQ,aAAa;AACrC,oBAAgB,QAAQ,eAAe;AACvC,uBAAmB,UAAU;AAC7B,kBAAc,KAAK;AACnB,oBAAgB,CAAC;AAAA,EACnB;AAEA,QAAM,gBAAqD,CAAC,MAAM;AAChE,QAAI,CAAC,OAAQ;AACb,QAAI,gBAAgB,QAAQ,cAAc,EAAE,UAAW;AAEvD,UAAM,QAAQ,kBAAA;AACd,QAAI,CAAC,MAAO;AAEZ,UAAM,KAAK,EAAE,UAAU,gBAAgB,QAAQ;AAC/C,UAAM,KAAK,EAAE,UAAU,gBAAgB,QAAQ;AAG/C,QAAI,0BAA0B;AAC5B,YAAM,MACJ,OAAO,WAAW,cAAc,OAAO,mBAAmB;AAC5D,YAAM,cAAc,CAAC,CAAC,OAAO,IAAI,aAAa,KAAK,CAAC,IAAI;AACxD,UAAI,aAAa;AACf,2BAAmB,UAAU;AAC7B;AAAA,MACF;AAAA,IACF;AAEA,QAAI,CAAC,gBAAgB,QAAQ,YAAY;AACvC,YAAM,QAAQ,KAAK,IAAI,EAAE;AACzB,YAAM,QAAQ,KAAK,IAAI,EAAE;AACzB,UAAI,QAAQ,KAAK,QAAQ,GAAG;AAC1B,wBAAgB,QAAQ,aAAa;AACrC,wBAAgB,QAAQ,eAAe,QAAQ;AAAA,MACjD;AAAA,IACF;AAEA,QAAI,CAAC,gBAAgB,QAAQ,cAAc;AACzC;AAAA,IACF;AAGA,QAAI;AAEA,QAAE,cACF,kBAAkB,EAAE,SAAS;AAAA,IACjC,QAAQ;AAAA,IAAC;AAET,MAAE,eAAA;AAEF,QAAI,CAAC,WAAY,eAAc,IAAI;AAEnC,UAAM,MAAO,KAAK,QAAS;AAC3B,oBAAgB,oBAAoB,GAAG,CAAC;AACxC,oBAAgB,QAAQ,QAAQ,EAAE;AAAA,EACpC;AAEA,QAAM,UAAU,CAAC,MAAoC;AACnD,QAAI;AAEA,QAAE,cAGF,sBAAsB,EAAE,SAAS;AAAA,IACrC,QAAQ;AAAA,IAAC;AAET,UAAM,gBAAgB,gBAAgB,QAAQ;AAC9C,UAAM,QAAQ;AAEd,kBAAc,KAAK;AACnB,oBAAgB,CAAC;AACjB,oBAAgB,QAAQ,YAAY;AACpC,oBAAgB,QAAQ,aAAa;AACrC,oBAAgB,QAAQ,eAAe;AAEvC,QAAI,mBAAmB,SAAS;AAC9B,yBAAmB,UAAU;AAC7B;AAAA,IACF;AAEA,QAAI,CAAC,cAAe;AAEpB,QAAI,QAAQ,cAAc;AACxB,qBAAA;AAAA,IACF,WAAW,QAAQ,CAAC,cAAc;AAChC,oBAAA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAmD,CAAC,MAAM;AAC9D,QAAI,CAAC,OAAQ;AACb,QAAI,gBAAgB,QAAQ,cAAc,EAAE,UAAW;AACvD,YAAQ,CAAC;AAAA,EACX;AAEA,QAAM,kBAAuD,CAAC,MAAM;AAClE,QAAI,CAAC,OAAQ;AACb,QAAI,gBAAgB,QAAQ,cAAc,EAAE,UAAW;AACvD,YAAQ,CAAC;AAAA,EACX;AAEAE,eAAAA,UAAU,MAAM;AACd,oBAAgB,CAAC;AACjB,kBAAc,KAAK;AAAA,EACrB,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,QAAuB,EAAE,YAAA;AAE/B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,MACd,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/hooks/useHorizontalSwipe.d.ts

@@ -1,26 +0,0 @@
-import { CSSProperties, PointerEventHandler, RefObject } from 'react';
-export type HorizontalSwipeConfig = {
-    onSwipeLeft?: () => void;
-    onSwipeRight?: () => void;
-    enable?: boolean;
-    itemIndex: number;
-    itemCount: number;
-    thresholdPct?: number;
-    touchAction?: string;
-    disableWhenSelectingText?: boolean;
-};
-export type HorizontalSwipeHook = {
-    containerRef: RefObject<HTMLDivElement>;
-    isDragging: boolean;
-    dragDeltaPct: number;
-    containerProps: {
-        ref: RefObject<HTMLDivElement>;
-        onPointerDown: PointerEventHandler<HTMLDivElement>;
-        onPointerMove: PointerEventHandler<HTMLDivElement>;
-        onPointerUp: PointerEventHandler<HTMLDivElement>;
-        onPointerCancel: PointerEventHandler<HTMLDivElement>;
-        style: CSSProperties;
-    };
-};
-export declare const useHorizontalSwipe: (config: HorizontalSwipeConfig) => HorizontalSwipeHook;
-//# sourceMappingURL=useHorizontalSwipe.d.ts.map

package/dist/hooks/useHorizontalSwipe.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHorizontalSwipe.d.ts","sourceRoot":"","sources":["../../src/hooks/useHorizontalSwipe.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,aAAa,EAElB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE;QACd,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;QAC/B,aAAa,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;QACnD,aAAa,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;QACnD,WAAW,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;QACjD,eAAe,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;QACrD,KAAK,EAAE,aAAa,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,qBAAqB,KAC5B,mBAmLF,CAAC"}

package/dist/hooks/useHorizontalSwipe.mjs

@@ -1,144 +0,0 @@
-"use client";
-import { useRef, useState, useEffect } from "react";
-const useHorizontalSwipe = (config) => {
-  const {
-    enable = true,
-    onSwipeLeft,
-    onSwipeRight,
-    itemIndex,
-    itemCount,
-    thresholdPct = 20,
-    touchAction = "pan-y",
-    disableWhenSelectingText = true
-  } = config;
-  const containerRef = useRef(null);
-  const [isDragging, setIsDragging] = useState(false);
-  const [dragDeltaPct, setDragDeltaPct] = useState(0);
-  const pointerStateRef = useRef({
-    pointerId: null,
-    startX: 0,
-    startY: 0,
-    lastX: 0,
-    axisLocked: false,
-    isHorizontal: false
-  });
-  const isTextSelectingRef = useRef(false);
-  const getContainerWidth = () => {
-    const node = containerRef.current;
-    return node ? node.clientWidth : 0;
-  };
-  const applyEdgeResistance = (pct) => {
-    const atFirst = itemIndex <= 0;
-    const atLast = itemIndex >= itemCount - 1;
-    if (atFirst && pct > 0 || atLast && pct < 0) {
-      const magnitude = Math.abs(pct);
-      const resistance = 1 + magnitude / 30;
-      return pct / resistance;
-    }
-    return pct;
-  };
-  const onPointerDown = (e) => {
-    if (!enable) return;
-    if (pointerStateRef.current.pointerId !== null) return;
-    pointerStateRef.current.pointerId = e.pointerId;
-    pointerStateRef.current.startX = e.clientX;
-    pointerStateRef.current.startY = e.clientY;
-    pointerStateRef.current.lastX = e.clientX;
-    pointerStateRef.current.axisLocked = false;
-    pointerStateRef.current.isHorizontal = false;
-    isTextSelectingRef.current = false;
-    setIsDragging(false);
-    setDragDeltaPct(0);
-  };
-  const onPointerMove = (e) => {
-    if (!enable) return;
-    if (pointerStateRef.current.pointerId !== e.pointerId) return;
-    const width = getContainerWidth();
-    if (!width) return;
-    const dx = e.clientX - pointerStateRef.current.startX;
-    const dy = e.clientY - pointerStateRef.current.startY;
-    if (disableWhenSelectingText) {
-      const sel = typeof window !== "undefined" ? window.getSelection?.() : null;
-      const isSelecting = !!sel && sel.rangeCount > 0 && !sel.isCollapsed;
-      if (isSelecting) {
-        isTextSelectingRef.current = true;
-        return;
-      }
-    }
-    if (!pointerStateRef.current.axisLocked) {
-      const absDx = Math.abs(dx);
-      const absDy = Math.abs(dy);
-      if (absDx > 6 || absDy > 6) {
-        pointerStateRef.current.axisLocked = true;
-        pointerStateRef.current.isHorizontal = absDx > absDy;
-      }
-    }
-    if (!pointerStateRef.current.isHorizontal) {
-      return;
-    }
-    try {
-      e.currentTarget.setPointerCapture(e.pointerId);
-    } catch {
-    }
-    e.preventDefault();
-    if (!isDragging) setIsDragging(true);
-    const pct = dx / width * 100;
-    setDragDeltaPct(applyEdgeResistance(pct));
-    pointerStateRef.current.lastX = e.clientX;
-  };
-  const endDrag = (e) => {
-    try {
-      e.currentTarget.releasePointerCapture(e.pointerId);
-    } catch {
-    }
-    const wasHorizontal = pointerStateRef.current.isHorizontal;
-    const delta = dragDeltaPct;
-    setIsDragging(false);
-    setDragDeltaPct(0);
-    pointerStateRef.current.pointerId = null;
-    pointerStateRef.current.axisLocked = false;
-    pointerStateRef.current.isHorizontal = false;
-    if (isTextSelectingRef.current) {
-      isTextSelectingRef.current = false;
-      return;
-    }
-    if (!wasHorizontal) return;
-    if (delta > thresholdPct) {
-      onSwipeRight?.();
-    } else if (delta < -thresholdPct) {
-      onSwipeLeft?.();
-    }
-  };
-  const onPointerUp = (e) => {
-    if (!enable) return;
-    if (pointerStateRef.current.pointerId !== e.pointerId) return;
-    endDrag(e);
-  };
-  const onPointerCancel = (e) => {
-    if (!enable) return;
-    if (pointerStateRef.current.pointerId !== e.pointerId) return;
-    endDrag(e);
-  };
-  useEffect(() => {
-    setDragDeltaPct(0);
-    setIsDragging(false);
-  }, [itemIndex]);
-  const style = { touchAction };
-  return {
-    containerRef,
-    isDragging,
-    dragDeltaPct,
-    containerProps: {
-      ref: containerRef,
-      onPointerDown,
-      onPointerMove,
-      onPointerUp,
-      onPointerCancel,
-      style
-    }
-  };
-};
-export {
-  useHorizontalSwipe
-};
-//# sourceMappingURL=useHorizontalSwipe.mjs.map

package/dist/hooks/useHorizontalSwipe.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHorizontalSwipe.mjs","sources":["../../src/hooks/useHorizontalSwipe.ts"],"sourcesContent":["'use client';\n\nimport {\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type PointerEvent,\n  type PointerEventHandler,\n  type RefObject,\n} from 'react';\n\nexport type HorizontalSwipeConfig = {\n  onSwipeLeft?: () => void; // move to next item\n  onSwipeRight?: () => void; // move to previous item\n  enable?: boolean;\n  itemIndex: number;\n  itemCount: number;\n  thresholdPct?: number; // percentage of width required to trigger\n  touchAction?: string; // CSS touch-action for the container, defaults to 'pan-y'\n  disableWhenSelectingText?: boolean; // if true, do not swipe while text selection is active\n};\n\nexport type HorizontalSwipeHook = {\n  containerRef: RefObject<HTMLDivElement>;\n  isDragging: boolean;\n  dragDeltaPct: number;\n  containerProps: {\n    ref: RefObject<HTMLDivElement>;\n    onPointerDown: PointerEventHandler<HTMLDivElement>;\n    onPointerMove: PointerEventHandler<HTMLDivElement>;\n    onPointerUp: PointerEventHandler<HTMLDivElement>;\n    onPointerCancel: PointerEventHandler<HTMLDivElement>;\n    style: CSSProperties;\n  };\n};\n\nexport const useHorizontalSwipe = (\n  config: HorizontalSwipeConfig\n): HorizontalSwipeHook => {\n  const {\n    enable = true,\n    onSwipeLeft,\n    onSwipeRight,\n    itemIndex,\n    itemCount,\n    thresholdPct = 20,\n    touchAction = 'pan-y',\n    disableWhenSelectingText = true,\n  } = config;\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragDeltaPct, setDragDeltaPct] = useState(0);\n  const pointerStateRef = useRef<{\n    pointerId: number | null;\n    startX: number;\n    startY: number;\n    lastX: number;\n    axisLocked: boolean;\n    isHorizontal: boolean;\n  }>({\n    pointerId: null,\n    startX: 0,\n    startY: 0,\n    lastX: 0,\n    axisLocked: false,\n    isHorizontal: false,\n  });\n\n  const isTextSelectingRef = useRef<boolean>(false);\n\n  const getContainerWidth = () => {\n    const node = containerRef.current;\n    return node ? node.clientWidth : 0;\n  };\n\n  const applyEdgeResistance = (pct: number) => {\n    const atFirst = itemIndex <= 0;\n    const atLast = itemIndex >= itemCount - 1;\n\n    if ((atFirst && pct > 0) || (atLast && pct < 0)) {\n      const magnitude = Math.abs(pct);\n      const resistance = 1 + magnitude / 30;\n      return pct / resistance;\n    }\n\n    return pct;\n  };\n\n  const onPointerDown: PointerEventHandler<HTMLDivElement> = (e) => {\n    if (!enable) return;\n    if (pointerStateRef.current.pointerId !== null) return;\n    pointerStateRef.current.pointerId = e.pointerId;\n    pointerStateRef.current.startX = e.clientX;\n    pointerStateRef.current.startY = e.clientY;\n    pointerStateRef.current.lastX = e.clientX;\n    pointerStateRef.current.axisLocked = false;\n    pointerStateRef.current.isHorizontal = false;\n    isTextSelectingRef.current = false;\n    setIsDragging(false);\n    setDragDeltaPct(0);\n  };\n\n  const onPointerMove: PointerEventHandler<HTMLDivElement> = (e) => {\n    if (!enable) return;\n    if (pointerStateRef.current.pointerId !== e.pointerId) return;\n\n    const width = getContainerWidth();\n    if (!width) return;\n\n    const dx = e.clientX - pointerStateRef.current.startX;\n    const dy = e.clientY - pointerStateRef.current.startY;\n\n    // If user is selecting text, do not engage swipe\n    if (disableWhenSelectingText) {\n      const sel =\n        typeof window !== 'undefined' ? window.getSelection?.() : null;\n      const isSelecting = !!sel && sel.rangeCount > 0 && !sel.isCollapsed;\n      if (isSelecting) {\n        isTextSelectingRef.current = true;\n        return;\n      }\n    }\n\n    if (!pointerStateRef.current.axisLocked) {\n      const absDx = Math.abs(dx);\n      const absDy = Math.abs(dy);\n      if (absDx > 6 || absDy > 6) {\n        pointerStateRef.current.axisLocked = true;\n        pointerStateRef.current.isHorizontal = absDx > absDy;\n      }\n    }\n\n    if (!pointerStateRef.current.isHorizontal) {\n      return;\n    }\n\n    // Defer pointer capture until a horizontal gesture is confirmed\n    try {\n      (\n        e.currentTarget as Element & { setPointerCapture: (id: number) => void }\n      ).setPointerCapture(e.pointerId);\n    } catch {}\n\n    e.preventDefault();\n\n    if (!isDragging) setIsDragging(true);\n\n    const pct = (dx / width) * 100;\n    setDragDeltaPct(applyEdgeResistance(pct));\n    pointerStateRef.current.lastX = e.clientX;\n  };\n\n  const endDrag = (e: PointerEvent<HTMLDivElement>) => {\n    try {\n      (\n        e.currentTarget as Element & {\n          releasePointerCapture: (id: number) => void;\n        }\n      ).releasePointerCapture(e.pointerId);\n    } catch {}\n\n    const wasHorizontal = pointerStateRef.current.isHorizontal;\n    const delta = dragDeltaPct;\n\n    setIsDragging(false);\n    setDragDeltaPct(0);\n    pointerStateRef.current.pointerId = null;\n    pointerStateRef.current.axisLocked = false;\n    pointerStateRef.current.isHorizontal = false;\n\n    if (isTextSelectingRef.current) {\n      isTextSelectingRef.current = false;\n      return;\n    }\n\n    if (!wasHorizontal) return;\n\n    if (delta > thresholdPct) {\n      onSwipeRight?.();\n    } else if (delta < -thresholdPct) {\n      onSwipeLeft?.();\n    }\n  };\n\n  const onPointerUp: PointerEventHandler<HTMLDivElement> = (e) => {\n    if (!enable) return;\n    if (pointerStateRef.current.pointerId !== e.pointerId) return;\n    endDrag(e);\n  };\n\n  const onPointerCancel: PointerEventHandler<HTMLDivElement> = (e) => {\n    if (!enable) return;\n    if (pointerStateRef.current.pointerId !== e.pointerId) return;\n    endDrag(e);\n  };\n\n  useEffect(() => {\n    setDragDeltaPct(0);\n    setIsDragging(false);\n  }, [itemIndex]);\n\n  const style: CSSProperties = { touchAction };\n\n  return {\n    containerRef: containerRef as RefObject<HTMLDivElement>,\n    isDragging,\n    dragDeltaPct,\n    containerProps: {\n      ref: containerRef as RefObject<HTMLDivElement>,\n      onPointerDown,\n      onPointerMove,\n      onPointerUp,\n      onPointerCancel,\n      style,\n    },\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/hooks/useIntlayerAPI.cjs

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const api = require("@intlayer/api");
-const editorReact = require("@intlayer/editor-react");
-const hooks_auth = require("./auth.cjs");
-const hooks_useAuth_useAuth = require("./useAuth/useAuth.cjs");
-require("@intlayer/config/built");
-require("@tanstack/react-query");
-const useIntlayerOAuth = (props) => {
-  const configuration = editorReact.useConfiguration();
-  const { oAuth2AccessToken } = hooks_useAuth_useAuth.useAuth();
-  return api.getIntlayerAPI(
-    {
-      ...oAuth2AccessToken && {
-        headers: {
-          Authorization: `Bearer ${oAuth2AccessToken.accessToken}`
-        }
-      },
-      ...props?.options ?? {}
-    },
-    props?.intlayerConfiguration ?? configuration
-  );
-};
-const useIntlayerAuth = (props) => {
-  const configuration = editorReact.useConfiguration();
-  return hooks_auth.getAuthAPI(props?.intlayerConfiguration ?? configuration);
-};
-exports.useIntlayerAuth = useIntlayerAuth;
-exports.useIntlayerOAuth = useIntlayerOAuth;
-//# sourceMappingURL=useIntlayerAPI.cjs.map

package/dist/hooks/useIntlayerAPI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIntlayerAPI.cjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import {\n  getIntlayerAPI,\n  type FetcherOptions,\n  type IntlayerAPI,\n} from '@intlayer/api';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { getAuthAPI, type AuthAPI } from './auth';\nimport { useAuth } from './useAuth';\n\ntype UseIntlayerAuthProps = {\n  options?: FetcherOptions;\n  intlayerConfiguration?: IntlayerConfig;\n};\n\nexport const useIntlayerOAuth = (props?: UseIntlayerAuthProps): IntlayerAPI => {\n  const configuration = useConfiguration();\n  const { oAuth2AccessToken } = useAuth();\n\n  return getIntlayerAPI(\n    {\n      ...(oAuth2AccessToken && {\n        headers: {\n          Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n        },\n      }),\n      ...(props?.options ?? {}),\n    },\n    props?.intlayerConfiguration ?? configuration\n  );\n};\n\nexport const useIntlayerAuth = (props?: UseIntlayerAuthProps): AuthAPI => {\n  const configuration = useConfiguration();\n\n  return getAuthAPI(props?.intlayerConfiguration ?? configuration);\n};\n"],"names":["useConfiguration","useAuth","getIntlayerAPI","getAuthAPI"],"mappings":";;;;;;;;AAeO,MAAM,mBAAmB,CAAC,UAA8C;AAC7E,QAAM,gBAAgBA,YAAAA,iBAAA;AACtB,QAAM,EAAE,kBAAA,IAAsBC,8BAAA;AAE9B,SAAOC,IAAAA;AAAAA,IACL;AAAA,MACE,GAAI,qBAAqB;AAAA,QACvB,SAAS;AAAA,UACP,eAAe,UAAU,kBAAkB,WAAW;AAAA,QAAA;AAAA,MACxD;AAAA,MAEF,GAAI,OAAO,WAAW,CAAA;AAAA,IAAC;AAAA,IAEzB,OAAO,yBAAyB;AAAA,EAAA;AAEpC;AAEO,MAAM,kBAAkB,CAAC,UAA0C;AACxE,QAAM,gBAAgBF,YAAAA,iBAAA;AAEtB,SAAOG,sBAAW,OAAO,yBAAyB,aAAa;AACjE;;;"}

package/dist/hooks/useIntlayerAPI.d.ts

@@ -1,11 +0,0 @@
-import { FetcherOptions, IntlayerAPI } from '@intlayer/api';
-import { IntlayerConfig } from '@intlayer/config/client';
-import { AuthAPI } from './auth';
-type UseIntlayerAuthProps = {
-    options?: FetcherOptions;
-    intlayerConfiguration?: IntlayerConfig;
-};
-export declare const useIntlayerOAuth: (props?: UseIntlayerAuthProps) => IntlayerAPI;
-export declare const useIntlayerAuth: (props?: UseIntlayerAuthProps) => AuthAPI;
-export {};
-//# sourceMappingURL=useIntlayerAPI.d.ts.map

package/dist/hooks/useIntlayerAPI.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIntlayerAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntlayerAPI.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGlD,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,qBAAqB,CAAC,EAAE,cAAc,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,QAAQ,oBAAoB,KAAG,WAe/D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,oBAAoB,KAAG,OAI9D,CAAC"}

package/dist/hooks/useIntlayerAPI.mjs

@@ -1,30 +0,0 @@
-import { getIntlayerAPI } from "@intlayer/api";
-import { useConfiguration } from "@intlayer/editor-react";
-import { getAuthAPI } from "./auth.mjs";
-import { useAuth } from "./useAuth/useAuth.mjs";
-import "@intlayer/config/built";
-import "@tanstack/react-query";
-const useIntlayerOAuth = (props) => {
-  const configuration = useConfiguration();
-  const { oAuth2AccessToken } = useAuth();
-  return getIntlayerAPI(
-    {
-      ...oAuth2AccessToken && {
-        headers: {
-          Authorization: `Bearer ${oAuth2AccessToken.accessToken}`
-        }
-      },
-      ...props?.options ?? {}
-    },
-    props?.intlayerConfiguration ?? configuration
-  );
-};
-const useIntlayerAuth = (props) => {
-  const configuration = useConfiguration();
-  return getAuthAPI(props?.intlayerConfiguration ?? configuration);
-};
-export {
-  useIntlayerAuth,
-  useIntlayerOAuth
-};
-//# sourceMappingURL=useIntlayerAPI.mjs.map

package/dist/hooks/useIntlayerAPI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIntlayerAPI.mjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import {\n  getIntlayerAPI,\n  type FetcherOptions,\n  type IntlayerAPI,\n} from '@intlayer/api';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { getAuthAPI, type AuthAPI } from './auth';\nimport { useAuth } from './useAuth';\n\ntype UseIntlayerAuthProps = {\n  options?: FetcherOptions;\n  intlayerConfiguration?: IntlayerConfig;\n};\n\nexport const useIntlayerOAuth = (props?: UseIntlayerAuthProps): IntlayerAPI => {\n  const configuration = useConfiguration();\n  const { oAuth2AccessToken } = useAuth();\n\n  return getIntlayerAPI(\n    {\n      ...(oAuth2AccessToken && {\n        headers: {\n          Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n        },\n      }),\n      ...(props?.options ?? {}),\n    },\n    props?.intlayerConfiguration ?? configuration\n  );\n};\n\nexport const useIntlayerAuth = (props?: UseIntlayerAuthProps): AuthAPI => {\n  const configuration = useConfiguration();\n\n  return getAuthAPI(props?.intlayerConfiguration ?? configuration);\n};\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,mBAAmB,CAAC,UAA8C;AAC7E,QAAM,gBAAgB,iBAAA;AACtB,QAAM,EAAE,kBAAA,IAAsB,QAAA;AAE9B,SAAO;AAAA,IACL;AAAA,MACE,GAAI,qBAAqB;AAAA,QACvB,SAAS;AAAA,UACP,eAAe,UAAU,kBAAkB,WAAW;AAAA,QAAA;AAAA,MACxD;AAAA,MAEF,GAAI,OAAO,WAAW,CAAA;AAAA,IAAC;AAAA,IAEzB,OAAO,yBAAyB;AAAA,EAAA;AAEpC;AAEO,MAAM,kBAAkB,CAAC,UAA0C;AACxE,QAAM,gBAAgB,iBAAA;AAEtB,SAAO,WAAW,OAAO,yBAAyB,aAAa;AACjE;"}

package/dist/hooks/useIsDarkMode.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ReactExports = require("react");
-const useIsDarkMode = () => {
-  const [isDarkMode, setIsDarkMode] = ReactExports.useState(false);
-  ReactExports.useEffect(() => {
-    const htmlElement = document.querySelector("html");
-    const isDarkMode2 = htmlElement?.getAttribute("data-theme") === "dark";
-    setIsDarkMode(isDarkMode2);
-  }, []);
-  return isDarkMode;
-};
-exports.useIsDarkMode = useIsDarkMode;
-//# sourceMappingURL=useIsDarkMode.cjs.map

package/dist/hooks/useIsDarkMode.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsDarkMode.cjs","sources":["../../src/hooks/useIsDarkMode.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\n\nexport const useIsDarkMode = () => {\n  const [isDarkMode, setIsDarkMode] = useState(false);\n\n  useEffect(() => {\n    const htmlElement = document.querySelector('html');\n    const isDarkMode = htmlElement?.getAttribute('data-theme') === 'dark';\n    setIsDarkMode(isDarkMode);\n  }, []);\n\n  return isDarkMode;\n};\n"],"names":["useState","useEffect","isDarkMode"],"mappings":";;;;AAIO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,aAAa,IAAIA,aAAAA,SAAS,KAAK;AAElDC,eAAAA,UAAU,MAAM;AACd,UAAM,cAAc,SAAS,cAAc,MAAM;AACjD,UAAMC,cAAa,aAAa,aAAa,YAAY,MAAM;AAC/D,kBAAcA,WAAU;AAAA,EAC1B,GAAG,CAAA,CAAE;AAEL,SAAO;AACT;;"}

package/dist/hooks/useIsDarkMode.d.ts

@@ -1,2 +0,0 @@
-export declare const useIsDarkMode: () => boolean;
-//# sourceMappingURL=useIsDarkMode.d.ts.map

package/dist/hooks/useIsDarkMode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsDarkMode.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsDarkMode.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,eAUzB,CAAC"}

package/dist/hooks/useIsDarkMode.mjs

@@ -1,15 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-const useIsDarkMode = () => {
-  const [isDarkMode, setIsDarkMode] = useState(false);
-  useEffect(() => {
-    const htmlElement = document.querySelector("html");
-    const isDarkMode2 = htmlElement?.getAttribute("data-theme") === "dark";
-    setIsDarkMode(isDarkMode2);
-  }, []);
-  return isDarkMode;
-};
-export {
-  useIsDarkMode
-};
-//# sourceMappingURL=useIsDarkMode.mjs.map

package/dist/hooks/useIsDarkMode.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsDarkMode.mjs","sources":["../../src/hooks/useIsDarkMode.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\n\nexport const useIsDarkMode = () => {\n  const [isDarkMode, setIsDarkMode] = useState(false);\n\n  useEffect(() => {\n    const htmlElement = document.querySelector('html');\n    const isDarkMode = htmlElement?.getAttribute('data-theme') === 'dark';\n    setIsDarkMode(isDarkMode);\n  }, []);\n\n  return isDarkMode;\n};\n"],"names":["isDarkMode"],"mappings":";;AAIO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,YAAU,MAAM;AACd,UAAM,cAAc,SAAS,cAAc,MAAM;AACjD,UAAMA,cAAa,aAAa,aAAa,YAAY,MAAM;AAC/D,kBAAcA,WAAU;AAAA,EAC1B,GAAG,CAAA,CAAE;AAEL,SAAO;AACT;"}

package/dist/hooks/useIsMounted.cjs

@@ -1,13 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ReactExports = require("react");
-const useIsMounted = () => {
-  const [isMounted, setIsMounted] = ReactExports.useState(false);
-  ReactExports.useEffect(() => {
-    setIsMounted(true);
-  }, []);
-  return isMounted;
-};
-exports.useIsMounted = useIsMounted;
-//# sourceMappingURL=useIsMounted.cjs.map