softable-pixels-web 1.3.0 → 1.3.2

package/dist/index.js

@@ -2,17 +2,17 @@ import "./useThemedStyles-BRdb57J9.js";
 import { t as Typography } from "./Typography-0qDw3WVA.js";
 import { n as types_exports$9, t as Switch } from "./Switch-DdZAAsNH.js";
 import { t as useDismiss } from "./useDismiss-Bk0KtHnr.js";
-import { t as useFloating } from "./useFloating-CJu3mhQW.js";
-import { n as types_exports$6, t as Popover } from "./Popover-CED1_qlu.js";
+import { t as useFloating } from "./useFloating-lgB89YRF.js";
+import { n as types_exports$6, t as Popover } from "./Popover-BEyV-ZVn.js";
 import "./Icon-UUxBec64.js";
 import { t as Checkbox } from "./Checkbox-CG5pxS8W.js";
 import { n as useTheme, t as ThemeProvider } from "./ThemeContext-DcQu1CWv.js";
-import { n as types_exports$8, t as Select } from "./Select-Dk5WzuDp.js";
+import { n as types_exports$8, t as Select } from "./Select-CMQu59xD.js";
 import { n as types_exports$10, t as TabSwitch } from "./TabSwitch-ICQQfKj7.js";
 import { t as CheckItem } from "./CheckItem-BHscvX_U.js";
 import { t as InfoSummary } from "./InfoSummary-B1FVlhX3.js";
-import { t as BasePopover } from "./BasePopover-BTCH2Kyr.js";
-import { n as types_exports$2, t as ContextMenu } from "./ContextMenu-IhFS-HA8.js";
+import { t as BasePopover } from "./BasePopover-BsPsBQj2.js";
+import { n as types_exports$2, t as ContextMenu } from "./ContextMenu-C-BJUfdi.js";
 import { n as types_exports, t as Chip } from "./Chip-CIv1SwX_.js";
 import "./Label-bfESBaYl.js";
 import "./ErrorMessage-DE8DECL9.js";
@@ -25,8 +25,8 @@ import { n as types_exports$7, t as ScrollPaginationContainer } from "./ScrollPa
 import { c as MaskModule, o as Locale, s as MaskType } from "./MaskModule-Bt6ofS1m.js";
 import { t as Input } from "./Input-BVqqXS88.js";
 import { t as TextArea } from "./TextArea-BxJzOFy8.js";
-import { n as types_exports$3, t as DatePicker } from "./DatePicker-CxHL-z2-.js";
-import { n as types_exports$5, t as MonthPicker } from "./MonthPicker-C9wimVNC.js";
+import { n as types_exports$3, t as DatePicker } from "./DatePicker-Cir92mgT.js";
+import { n as types_exports$5, t as MonthPicker } from "./MonthPicker-B_kdFSBn.js";
 import { t as SearchInput } from "./SearchInput-CdDxntYg.js";
 import { n as types_exports$1, t as ColorPicker } from "./ColorPicker-BfhaPxvS.js";
 import { t as Skeleton } from "./Skeleton-BNYKMao9.js";

package/dist/input.d.ts

@@ -1,2 +1,2 @@
-import { t as Input } from "./index-CQLFfl5P.js";
+import { t as Input } from "./index-AKDmbqt4.js";
 export { Input };

package/dist/month-picker.js

@@ -1,11 +1,11 @@
 import "./useThemedStyles-BRdb57J9.js";
 import "./Typography-0qDw3WVA.js";
 import "./useDismiss-Bk0KtHnr.js";
-import "./useFloating-CJu3mhQW.js";
-import "./Popover-CED1_qlu.js";
+import "./useFloating-lgB89YRF.js";
+import "./Popover-BEyV-ZVn.js";
 import "./Icon-UUxBec64.js";
-import "./BasePopover-BTCH2Kyr.js";
+import "./BasePopover-BsPsBQj2.js";
 import "./Label-bfESBaYl.js";
-import { n as types_exports, t as MonthPicker } from "./MonthPicker-C9wimVNC.js";
+import { n as types_exports, t as MonthPicker } from "./MonthPicker-B_kdFSBn.js";
 
 export { MonthPicker, types_exports as MonthPickerTypes };

package/dist/popover.js

@@ -1,6 +1,6 @@
 import "./useThemedStyles-BRdb57J9.js";
 import "./useDismiss-Bk0KtHnr.js";
-import "./useFloating-CJu3mhQW.js";
-import { n as types_exports, t as Popover } from "./Popover-CED1_qlu.js";
+import "./useFloating-lgB89YRF.js";
+import { n as types_exports, t as Popover } from "./Popover-BEyV-ZVn.js";
 
 export { Popover, types_exports as PopoverTypes };

package/dist/select.js

@@ -1,11 +1,11 @@
 import "./useThemedStyles-BRdb57J9.js";
 import "./Typography-0qDw3WVA.js";
 import "./useDismiss-Bk0KtHnr.js";
-import "./useFloating-CJu3mhQW.js";
-import "./Popover-CED1_qlu.js";
+import "./useFloating-lgB89YRF.js";
+import "./Popover-BEyV-ZVn.js";
 import "./Icon-UUxBec64.js";
-import { n as types_exports, t as Select } from "./Select-Dk5WzuDp.js";
-import "./BasePopover-BTCH2Kyr.js";
+import { n as types_exports, t as Select } from "./Select-CMQu59xD.js";
+import "./BasePopover-BsPsBQj2.js";
 import "./Label-bfESBaYl.js";
 import "./ErrorMessage-DE8DECL9.js";
 import "./Loader-Bf_JszPG.js";

package/dist/tab-switch.d.ts

@@ -1,2 +1,2 @@
-import { n as types_d_exports, t as TabSwitch } from "./index-DNoPyX_z.js";
+import { n as types_d_exports, t as TabSwitch } from "./index-DukqjsGl.js";
 export { TabSwitch, types_d_exports as TabSwitchTypes };

package/dist/text-area.d.ts

@@ -1,2 +1,2 @@
-import { t as TextArea } from "./index-CKvfBjCs.js";
+import { t as TextArea } from "./index-CO6b6437.js";
 export { TextArea };

package/dist/use-floating.js

@@ -1,3 +1,3 @@
-import { t as useFloating } from "./useFloating-CJu3mhQW.js";
+import { t as useFloating } from "./useFloating-lgB89YRF.js";
 
 export { useFloating };

package/dist/{useFloating-CJu3mhQW.js → useFloating-lgB89YRF.js}

@@ -278,17 +278,28 @@ function useFloating(targetRef, options) {
 	]);
 	useEffect(() => {
 		if (!floatingEl) return;
-		const scrollContainer = scrollContainerId ? document.getElementById(scrollContainerId) : window;
 		update();
 		const rafUpdate = () => requestAnimationFrame(update);
-		if (scrollContainer && "addEventListener" in scrollContainer) scrollContainer.addEventListener("scroll", rafUpdate, { passive: true });
-		window.addEventListener("resize", rafUpdate, { passive: true });
 		const ro = new ResizeObserver(rafUpdate);
 		const target = targetRef.current;
 		if (isElement(target)) ro.observe(target);
 		ro.observe(floatingEl);
+		window.addEventListener("resize", rafUpdate, { passive: true });
+		if (scrollContainerId) {
+			const scrollContainer = document.getElementById(scrollContainerId);
+			scrollContainer?.addEventListener("scroll", rafUpdate, { passive: true });
+			return () => {
+				scrollContainer?.removeEventListener("scroll", rafUpdate);
+				window.removeEventListener("resize", rafUpdate);
+				ro.disconnect();
+			};
+		}
+		document.addEventListener("scroll", rafUpdate, {
+			passive: true,
+			capture: true
+		});
 		return () => {
-			if (scrollContainer && "removeEventListener" in scrollContainer) scrollContainer.removeEventListener("scroll", rafUpdate);
+			document.removeEventListener("scroll", rafUpdate, { capture: true });
 			window.removeEventListener("resize", rafUpdate);
 			ro.disconnect();
 		};
@@ -314,4 +325,4 @@ function useFloating(targetRef, options) {
 
 //#endregion
 export { useFloating as t };
-//# sourceMappingURL=useFloating-CJu3mhQW.js.map
+//# sourceMappingURL=useFloating-lgB89YRF.js.map

package/dist/useFloating-lgB89YRF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloating-lgB89YRF.js","names":["FALLBACK_PLACEMENTS: Record<Placement, Placement[]>","raw"],"sources":["../src/hooks/useFloating/constants/fallbackPlacements.ts","../src/hooks/useFloating/utils/position.ts","../src/hooks/useFloating/index.ts"],"sourcesContent":["// Types\nimport type { Placement } from '@hooks/useFloating/types'\n\nexport const FALLBACK_PLACEMENTS: Record<Placement, Placement[]> = {\n  'bottom-start': [\n    'bottom-start',\n    'top-start',\n    'bottom-end',\n    'top-end',\n    'right-start',\n    'left-start'\n  ],\n  'bottom-end': [\n    'bottom-end',\n    'top-end',\n    'bottom-start',\n    'top-start',\n    'left-start',\n    'right-start'\n  ],\n  bottom: [\n    'bottom',\n    'top',\n    'bottom-start',\n    'bottom-end',\n    'top-start',\n    'top-end'\n  ],\n  'top-start': [\n    'top-start',\n    'bottom-start',\n    'top-end',\n    'bottom-end',\n    'right-start',\n    'left-start'\n  ],\n  'top-end': [\n    'top-end',\n    'bottom-end',\n    'top-start',\n    'bottom-start',\n    'left-start',\n    'right-start'\n  ],\n  top: ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'],\n  'right-start': [\n    'right-start',\n    'left-start',\n    'right-end',\n    'left-end',\n    'bottom-start',\n    'top-start'\n  ],\n  'right-end': [\n    'right-end',\n    'left-end',\n    'right-start',\n    'left-start',\n    'bottom-end',\n    'top-end'\n  ],\n  right: [\n    'right',\n    'left',\n    'right-start',\n    'right-end',\n    'left-start',\n    'left-end'\n  ],\n  'left-start': [\n    'left-start',\n    'right-start',\n    'left-end',\n    'right-end',\n    'bottom-start',\n    'top-start'\n  ],\n  'left-end': [\n    'left-end',\n    'right-end',\n    'left-start',\n    'right-start',\n    'bottom-end',\n    'top-end'\n  ],\n  left: ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'],\n  center: ['center', 'bottom', 'top', 'right', 'left']\n}\n","// Utils\nimport { FALLBACK_PLACEMENTS } from '../constants/fallbackPlacements'\n\n// Types\nimport type { Placement, PositionResult } from '@hooks/useFloating/types'\n\ntype CalcParams = {\n  rect: DOMRect\n  floatingRect: DOMRect\n  placement: Placement\n  offsetX: number\n  offsetY: number\n}\n\nfunction calcForPlacement({\n  rect,\n  offsetY,\n  offsetX,\n  placement,\n  floatingRect\n}: CalcParams): Omit<PositionResult, 'placement'> {\n  let top = rect.top + offsetY\n  let left = rect.left + offsetX\n\n  switch (placement) {\n    case 'top':\n      top = rect.top - floatingRect.height - offsetY\n      left = rect.left + rect.width / 2 - floatingRect.width / 2 + offsetX\n      break\n\n    case 'top-start':\n      top = rect.top - floatingRect.height - offsetY\n      break\n\n    case 'top-end':\n      top = rect.top - floatingRect.height - offsetY\n      left = rect.right - offsetX - floatingRect.width\n      break\n\n    case 'bottom':\n      top = rect.bottom + offsetY\n      left = rect.left + rect.width / 2 - floatingRect.width / 2 + offsetX\n      break\n\n    case 'bottom-start':\n      top = rect.bottom + offsetY\n      break\n\n    case 'bottom-end':\n      top = rect.bottom + offsetY\n      left = rect.right - offsetX - floatingRect.width\n      break\n\n    case 'left':\n      top = rect.top + rect.height / 2 - floatingRect.height / 2 + offsetY\n      left = rect.left - floatingRect.width - offsetX\n      break\n\n    case 'left-start':\n      left = rect.left - floatingRect.width - offsetX\n      break\n\n    case 'left-end':\n      top = rect.bottom - floatingRect.height - offsetY\n      left = rect.left - floatingRect.width - offsetX\n      break\n\n    case 'right':\n      top = rect.top + rect.height / 2 - floatingRect.height / 2 + offsetY\n      left = rect.right + offsetX\n      break\n\n    case 'right-start':\n      left = rect.right + offsetX\n      break\n\n    case 'right-end':\n      left = rect.right + offsetX\n      top = rect.bottom - floatingRect.height - offsetY\n      break\n\n    case 'center':\n      left = rect.left + rect.width / 2 - floatingRect.width / 2 + offsetX\n      top = rect.top + rect.height / 2 - floatingRect.height / 2 + offsetY\n      break\n  }\n\n  return { top, left }\n}\n\nfunction clampToViewport(\n  top: number,\n  left: number,\n  floatingRect: DOMRect,\n  margin: number\n) {\n  const vw = window.innerWidth\n  const vh = window.innerHeight\n\n  const clampedLeft = Math.min(\n    Math.max(left, margin),\n    vw - floatingRect.width - margin\n  )\n  const clampedTop = Math.min(\n    Math.max(top, margin),\n    vh - floatingRect.height - margin\n  )\n\n  return { top: clampedTop, left: clampedLeft }\n}\n\nfunction overflows(\n  top: number,\n  left: number,\n  floatingRect: DOMRect,\n  margin: number\n) {\n  const vw = window.innerWidth\n  const vh = window.innerHeight\n  return {\n    left: left < margin,\n    right: left + floatingRect.width > vw - margin,\n    top: top < margin,\n    bottom: top + floatingRect.height > vh - margin\n  }\n}\n\nfunction fallbackPlacements(p: Placement): Placement[] {\n  return FALLBACK_PLACEMENTS[p] ?? [p]\n}\n\nexport function getPositionInViewport(params: {\n  rect: DOMRect\n  margin?: number\n  offsetX?: number\n  offsetY?: number\n  tryFlip?: boolean\n  floatingRect: DOMRect\n  placement: Placement\n}): PositionResult {\n  const {\n    rect,\n    floatingRect,\n    placement,\n    offsetX = 0,\n    offsetY = 0,\n    margin = 8,\n    tryFlip = true\n  } = params\n\n  const tries = tryFlip ? fallbackPlacements(placement) : [placement]\n\n  for (const p of tries) {\n    const raw = calcForPlacement({\n      rect,\n      floatingRect,\n      placement: p,\n      offsetX,\n      offsetY\n    })\n    const o = overflows(raw.top, raw.left, floatingRect, margin)\n    if (!o.left && !o.right && !o.top && !o.bottom) {\n      return { ...raw, placement: p }\n    }\n  }\n\n  const raw = calcForPlacement({\n    rect,\n    offsetY,\n    offsetX,\n    placement,\n    floatingRect\n  })\n  const clamped = clampToViewport(raw.top, raw.left, floatingRect, margin)\n  return { ...clamped, placement }\n}\n","// External Libraries\nimport { useMemo, useState, useEffect, useCallback } from 'react'\n\n// Utils\nimport { getPositionInViewport } from '@hooks/useFloating/utils/position'\n\n// Types\nimport type { FloatingOptions } from '@hooks/useFloating/types'\n\nexport type AnchorLike = { getBoundingClientRect: () => DOMRect }\ntype Anchor = HTMLElement | AnchorLike\n\nfunction isElement(value: unknown): value is Element {\n  return value instanceof Element\n}\n\nexport function useFloating(\n  targetRef: React.RefObject<Anchor>,\n  options?: FloatingOptions\n) {\n  const {\n    portalRef,\n    offsetX = 0,\n    offsetY = 6,\n    strategy = 'fixed',\n    scrollContainerId,\n    viewportMargin = 8,\n    keepInViewport = true,\n    absoluteReference = 'portal',\n    placement = 'bottom-start'\n  } = options || {}\n\n  const [floatingEl, setFloatingEl] = useState<HTMLElement | null>(null)\n\n  const update = useCallback(() => {\n    const target = targetRef.current\n    const floating = floatingEl\n    if (!target || !floating) return\n\n    const rect = target.getBoundingClientRect()\n    const floatingRect = floating.getBoundingClientRect()\n\n    const pos = getPositionInViewport({\n      rect,\n      offsetX,\n      offsetY,\n      placement,\n      floatingRect,\n      tryFlip: keepInViewport,\n      margin: viewportMargin\n    })\n\n    let left = pos.left\n    let top = pos.top\n\n    if (strategy === 'absolute') {\n      if (absoluteReference === 'offsetParent') {\n        const op = floating.offsetParent\n        if (op instanceof HTMLElement) {\n          const r = op.getBoundingClientRect()\n\n          left -= r.left + op.clientLeft - op.scrollLeft\n          top -= r.top + op.clientTop - op.scrollTop\n        }\n      }\n\n      if (absoluteReference === 'portal') {\n        const el = portalRef?.current\n        if (el) {\n          const r = el.getBoundingClientRect()\n\n          left -= r.left + el.clientLeft - el.scrollLeft\n          top -= r.top + el.clientTop - el.scrollTop\n        }\n      }\n    }\n\n    floating.style.top = '0px'\n    floating.style.left = '0px'\n    floating.style.position = strategy\n    floating.style.transform = `translate(${left}px, ${top}px)`\n  }, [\n    offsetX,\n    offsetY,\n    strategy,\n    floatingEl,\n    placement,\n    targetRef,\n    keepInViewport,\n    viewportMargin,\n    absoluteReference,\n    portalRef?.current\n  ])\n\n  useEffect(() => {\n    if (!floatingEl) return\n\n    update()\n\n    const rafUpdate = () => requestAnimationFrame(update)\n\n    const ro = new ResizeObserver(rafUpdate)\n\n    const target = targetRef.current\n\n    if (isElement(target)) ro.observe(target)\n\n    ro.observe(floatingEl)\n\n    window.addEventListener('resize', rafUpdate, { passive: true })\n\n    if (scrollContainerId) {\n      const scrollContainer = document.getElementById(scrollContainerId)\n      scrollContainer?.addEventListener('scroll', rafUpdate, { passive: true })\n\n      return () => {\n        scrollContainer?.removeEventListener('scroll', rafUpdate)\n        window.removeEventListener('resize', rafUpdate)\n        ro.disconnect()\n      }\n    }\n\n    document.addEventListener('scroll', rafUpdate, {\n      passive: true,\n      capture: true\n    })\n\n    return () => {\n      document.removeEventListener('scroll', rafUpdate, { capture: true })\n      window.removeEventListener('resize', rafUpdate)\n      ro.disconnect()\n    }\n  }, [floatingEl, update, scrollContainerId, targetRef])\n\n  const floatingRef = useCallback((el: HTMLElement | null) => {\n    setFloatingEl(el)\n  }, [])\n\n  return useMemo(\n    () => ({ floatingEl, floatingRef, update }),\n    [floatingEl, floatingRef, update]\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "softable-pixels-web",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "",
   "keywords": [],
   "author": "softable",

package/dist/useFloating-CJu3mhQW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFloating-CJu3mhQW.js","names":["FALLBACK_PLACEMENTS: Record<Placement, Placement[]>","raw","scrollContainer: Window | HTMLElement | null"],"sources":["../src/hooks/useFloating/constants/fallbackPlacements.ts","../src/hooks/useFloating/utils/position.ts","../src/hooks/useFloating/index.ts"],"sourcesContent":["// Types\nimport type { Placement } from '@hooks/useFloating/types'\n\nexport const FALLBACK_PLACEMENTS: Record<Placement, Placement[]> = {\n  'bottom-start': [\n    'bottom-start',\n    'top-start',\n    'bottom-end',\n    'top-end',\n    'right-start',\n    'left-start'\n  ],\n  'bottom-end': [\n    'bottom-end',\n    'top-end',\n    'bottom-start',\n    'top-start',\n    'left-start',\n    'right-start'\n  ],\n  bottom: [\n    'bottom',\n    'top',\n    'bottom-start',\n    'bottom-end',\n    'top-start',\n    'top-end'\n  ],\n  'top-start': [\n    'top-start',\n    'bottom-start',\n    'top-end',\n    'bottom-end',\n    'right-start',\n    'left-start'\n  ],\n  'top-end': [\n    'top-end',\n    'bottom-end',\n    'top-start',\n    'bottom-start',\n    'left-start',\n    'right-start'\n  ],\n  top: ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'],\n  'right-start': [\n    'right-start',\n    'left-start',\n    'right-end',\n    'left-end',\n    'bottom-start',\n    'top-start'\n  ],\n  'right-end': [\n    'right-end',\n    'left-end',\n    'right-start',\n    'left-start',\n    'bottom-end',\n    'top-end'\n  ],\n  right: [\n    'right',\n    'left',\n    'right-start',\n    'right-end',\n    'left-start',\n    'left-end'\n  ],\n  'left-start': [\n    'left-start',\n    'right-start',\n    'left-end',\n    'right-end',\n    'bottom-start',\n    'top-start'\n  ],\n  'left-end': [\n    'left-end',\n    'right-end',\n    'left-start',\n    'right-start',\n    'bottom-end',\n    'top-end'\n  ],\n  left: ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'],\n  center: ['center', 'bottom', 'top', 'right', 'left']\n}\n","// Utils\nimport { FALLBACK_PLACEMENTS } from '../constants/fallbackPlacements'\n\n// Types\nimport type { Placement, PositionResult } from '@hooks/useFloating/types'\n\ntype CalcParams = {\n  rect: DOMRect\n  floatingRect: DOMRect\n  placement: Placement\n  offsetX: number\n  offsetY: number\n}\n\nfunction calcForPlacement({\n  rect,\n  offsetY,\n  offsetX,\n  placement,\n  floatingRect\n}: CalcParams): Omit<PositionResult, 'placement'> {\n  let top = rect.top + offsetY\n  let left = rect.left + offsetX\n\n  switch (placement) {\n    case 'top':\n      top = rect.top - floatingRect.height - offsetY\n      left = rect.left + rect.width / 2 - floatingRect.width / 2 + offsetX\n      break\n\n    case 'top-start':\n      top = rect.top - floatingRect.height - offsetY\n      break\n\n    case 'top-end':\n      top = rect.top - floatingRect.height - offsetY\n      left = rect.right - offsetX - floatingRect.width\n      break\n\n    case 'bottom':\n      top = rect.bottom + offsetY\n      left = rect.left + rect.width / 2 - floatingRect.width / 2 + offsetX\n      break\n\n    case 'bottom-start':\n      top = rect.bottom + offsetY\n      break\n\n    case 'bottom-end':\n      top = rect.bottom + offsetY\n      left = rect.right - offsetX - floatingRect.width\n      break\n\n    case 'left':\n      top = rect.top + rect.height / 2 - floatingRect.height / 2 + offsetY\n      left = rect.left - floatingRect.width - offsetX\n      break\n\n    case 'left-start':\n      left = rect.left - floatingRect.width - offsetX\n      break\n\n    case 'left-end':\n      top = rect.bottom - floatingRect.height - offsetY\n      left = rect.left - floatingRect.width - offsetX\n      break\n\n    case 'right':\n      top = rect.top + rect.height / 2 - floatingRect.height / 2 + offsetY\n      left = rect.right + offsetX\n      break\n\n    case 'right-start':\n      left = rect.right + offsetX\n      break\n\n    case 'right-end':\n      left = rect.right + offsetX\n      top = rect.bottom - floatingRect.height - offsetY\n      break\n\n    case 'center':\n      left = rect.left + rect.width / 2 - floatingRect.width / 2 + offsetX\n      top = rect.top + rect.height / 2 - floatingRect.height / 2 + offsetY\n      break\n  }\n\n  return { top, left }\n}\n\nfunction clampToViewport(\n  top: number,\n  left: number,\n  floatingRect: DOMRect,\n  margin: number\n) {\n  const vw = window.innerWidth\n  const vh = window.innerHeight\n\n  const clampedLeft = Math.min(\n    Math.max(left, margin),\n    vw - floatingRect.width - margin\n  )\n  const clampedTop = Math.min(\n    Math.max(top, margin),\n    vh - floatingRect.height - margin\n  )\n\n  return { top: clampedTop, left: clampedLeft }\n}\n\nfunction overflows(\n  top: number,\n  left: number,\n  floatingRect: DOMRect,\n  margin: number\n) {\n  const vw = window.innerWidth\n  const vh = window.innerHeight\n  return {\n    left: left < margin,\n    right: left + floatingRect.width > vw - margin,\n    top: top < margin,\n    bottom: top + floatingRect.height > vh - margin\n  }\n}\n\nfunction fallbackPlacements(p: Placement): Placement[] {\n  return FALLBACK_PLACEMENTS[p] ?? [p]\n}\n\nexport function getPositionInViewport(params: {\n  rect: DOMRect\n  margin?: number\n  offsetX?: number\n  offsetY?: number\n  tryFlip?: boolean\n  floatingRect: DOMRect\n  placement: Placement\n}): PositionResult {\n  const {\n    rect,\n    floatingRect,\n    placement,\n    offsetX = 0,\n    offsetY = 0,\n    margin = 8,\n    tryFlip = true\n  } = params\n\n  const tries = tryFlip ? fallbackPlacements(placement) : [placement]\n\n  for (const p of tries) {\n    const raw = calcForPlacement({\n      rect,\n      floatingRect,\n      placement: p,\n      offsetX,\n      offsetY\n    })\n    const o = overflows(raw.top, raw.left, floatingRect, margin)\n    if (!o.left && !o.right && !o.top && !o.bottom) {\n      return { ...raw, placement: p }\n    }\n  }\n\n  const raw = calcForPlacement({\n    rect,\n    offsetY,\n    offsetX,\n    placement,\n    floatingRect\n  })\n  const clamped = clampToViewport(raw.top, raw.left, floatingRect, margin)\n  return { ...clamped, placement }\n}\n","// External Libraries\nimport { useMemo, useState, useEffect, useCallback } from 'react'\n\n// Utils\nimport { getPositionInViewport } from '@hooks/useFloating/utils/position'\n\n// Types\nimport type { FloatingOptions } from '@hooks/useFloating/types'\n\nexport type AnchorLike = { getBoundingClientRect: () => DOMRect }\ntype Anchor = HTMLElement | AnchorLike\n\nfunction isElement(value: unknown): value is Element {\n  return value instanceof Element\n}\n\nexport function useFloating(\n  targetRef: React.RefObject<Anchor>,\n  options?: FloatingOptions\n) {\n  const {\n    portalRef,\n    offsetX = 0,\n    offsetY = 6,\n    strategy = 'fixed',\n    scrollContainerId,\n    viewportMargin = 8,\n    keepInViewport = true,\n    absoluteReference = 'portal',\n    placement = 'bottom-start'\n  } = options || {}\n\n  const [floatingEl, setFloatingEl] = useState<HTMLElement | null>(null)\n\n  const update = useCallback(() => {\n    const target = targetRef.current\n    const floating = floatingEl\n    if (!target || !floating) return\n\n    const rect = target.getBoundingClientRect()\n    const floatingRect = floating.getBoundingClientRect()\n\n    const pos = getPositionInViewport({\n      rect,\n      offsetX,\n      offsetY,\n      placement,\n      floatingRect,\n      tryFlip: keepInViewport,\n      margin: viewportMargin\n    })\n\n    let left = pos.left\n    let top = pos.top\n\n    if (strategy === 'absolute') {\n      if (absoluteReference === 'offsetParent') {\n        const op = floating.offsetParent\n        if (op instanceof HTMLElement) {\n          const r = op.getBoundingClientRect()\n\n          left -= r.left + op.clientLeft - op.scrollLeft\n          top -= r.top + op.clientTop - op.scrollTop\n        }\n      }\n\n      if (absoluteReference === 'portal') {\n        const el = portalRef?.current\n        if (el) {\n          const r = el.getBoundingClientRect()\n\n          left -= r.left + el.clientLeft - el.scrollLeft\n          top -= r.top + el.clientTop - el.scrollTop\n        }\n      }\n    }\n\n    floating.style.top = '0px'\n    floating.style.left = '0px'\n    floating.style.position = strategy\n    floating.style.transform = `translate(${left}px, ${top}px)`\n  }, [\n    offsetX,\n    offsetY,\n    strategy,\n    floatingEl,\n    placement,\n    targetRef,\n    keepInViewport,\n    viewportMargin,\n    absoluteReference,\n    portalRef?.current\n  ])\n\n  useEffect(() => {\n    if (!floatingEl) return\n\n    const scrollContainer: Window | HTMLElement | null = scrollContainerId\n      ? document.getElementById(scrollContainerId)\n      : window\n\n    update()\n\n    const rafUpdate = () => requestAnimationFrame(update)\n\n    // scroll (Window ou Element)\n    if (scrollContainer && 'addEventListener' in scrollContainer) {\n      scrollContainer.addEventListener('scroll', rafUpdate, { passive: true })\n    }\n    window.addEventListener('resize', rafUpdate, { passive: true })\n\n    const ro = new ResizeObserver(rafUpdate)\n\n    const target = targetRef.current\n\n    if (isElement(target)) ro.observe(target)\n\n    ro.observe(floatingEl)\n\n    return () => {\n      if (scrollContainer && 'removeEventListener' in scrollContainer) {\n        scrollContainer.removeEventListener('scroll', rafUpdate as any)\n      }\n      window.removeEventListener('resize', rafUpdate)\n      ro.disconnect()\n    }\n  }, [floatingEl, update, scrollContainerId, targetRef])\n\n  const floatingRef = useCallback((el: HTMLElement | null) => {\n    setFloatingEl(el)\n  }, [])\n\n  return useMemo(\n    () => ({ floatingEl, floatingRef, update }),\n    [floatingEl, floatingRef, update]\n  )\n}\n"],"mappings":"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"}