@tcn/ui 0.1.1 → 0.3.0

package/dist/overlay/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../../src/overlay/menu/menu.tsx"],"sourcesContent":["import { BodyText } from '../../typography/body_text/body_text.js';\nimport { useForkRef } from '../../utils/index.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport type { HStackProps } from '../../stacks/h_stack.js';\nimport type { VStackProps } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../../overlay/popper/popper.js';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport styles from './menu.module.css';\nimport { clsx } from 'clsx';\n\nexport type MenuProps = Omit<PopperProps & VStackProps, 'children'> & {\n  children?: React.ReactNode;\n  onActivatedMenu?: (hasActiveMenu: boolean) => void;\n  direction?: 'up' | 'down';\n};\n\nexport const Menu = React.forwardRef(function Menu(\n  {\n    anchorElement,\n    verticalAnchor,\n    verticalOrigin,\n    verticalOffset,\n    horizontalAnchor,\n    horizontalOrigin,\n    horizontalOffset,\n    direction,\n    open,\n    onClose,\n    restoreFocus,\n    veil,\n    onActivatedMenu,\n    children = [],\n    className,\n    ...props\n  }: MenuProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n  const clonedChildren = React.Children.toArray(children).map((child, index) => {\n    if (!React.isValidElement(child)) {\n      return child;\n    }\n\n    if (child.type !== MenuItem) {\n      return React.cloneElement(child, {\n        ...child.props,\n        onClick: (e: React.MouseEvent<HTMLElement>) => {\n          e.stopPropagation();\n          child.props.onClick && child.props.onClick(e);\n        },\n      });\n    }\n\n    const props = {\n      ...child.props,\n      key: index,\n      verticalAnchor: direction === 'up' ? 'bottom' : 'top',\n      verticalOrigin: direction === 'up' ? 'bottom' : 'top',\n      verticalOffset,\n      horizontalAnchor: 'end',\n      horizontalOrigin: 'start',\n      horizontalOffset,\n      direction,\n      onClick: (e: React.MouseEvent<HTMLDivElement>) => {\n        if (child.props.children == null) {\n          onClose && onClose();\n        }\n        child.props.onClick && child.props.onClick(e);\n      },\n      onMouseEnter: (e: React.MouseEvent<HTMLDivElement>) => {\n        setFocusedIndex(index);\n        onActivatedMenu && onActivatedMenu(true);\n        child.props.onMouseEnter && child.props.onMouseEnter(e);\n      },\n    };\n\n    if (child.type === MenuItem) {\n      props.open = focusedIndex === index;\n    }\n\n    return React.cloneElement(child, props);\n  });\n\n  direction === 'up' && clonedChildren.reverse();\n\n  useLayoutEffect(() => {\n    if (!open) {\n      setFocusedIndex(-1);\n      onActivatedMenu && onActivatedMenu(false);\n    }\n  }, [open, onActivatedMenu]);\n\n  return (\n    <Popper\n      anchorElement={anchorElement}\n      verticalAnchor={verticalAnchor}\n      verticalOrigin={verticalOrigin}\n      verticalOffset={verticalOffset}\n      horizontalAnchor={horizontalAnchor || 'end'}\n      horizontalOrigin={horizontalOrigin || 'end'}\n      horizontalOffset={horizontalOffset}\n      open={open}\n      onClose={onClose}\n      restoreFocus={restoreFocus}\n      veil={veil}\n    >\n      <VStack ref={ref} className={clsx(styles.menu, className, 'menu')} {...props}>\n        {clonedChildren}\n      </VStack>\n    </Popper>\n  );\n});\n\nexport interface MenuItemProps extends Omit<HStackProps, 'children'> {\n  open?: boolean;\n  children?: React.ReactElement<MenuItemProps>[];\n  selected?: boolean;\n  label?: React.ReactNode;\n  direction?: 'up' | 'down';\n  verticalAnchor?: 'top' | 'center' | 'bottom';\n  verticalOrigin?: 'top' | 'center' | 'bottom';\n  verticalOffset?: number;\n  horizontalAnchor?: 'center' | 'start' | 'end';\n  horizontalOrigin?: 'center' | 'start' | 'end';\n  horizontalOffset?: number;\n}\n\nexport const MenuItem = React.forwardRef(function MenuItem(\n  {\n    selected,\n    label,\n    className,\n    children,\n    direction = 'down',\n    verticalAnchor = 'top',\n    verticalOrigin = 'top',\n    verticalOffset,\n    horizontalAnchor = 'end',\n    horizontalOrigin = 'start',\n    horizontalOffset,\n    open = false,\n    ...props\n  }: MenuItemProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const hasEnteredMenuRef = useRef(false);\n  const cursorPositionRef = useRef({ x: -1, y: -1 });\n  const cursorDeltaRef = useRef({ x: -1, y: -1 });\n  const [showVeil, setShowVeil] = useState(false);\n  const itemRef = useRef<HTMLElement | null>(null);\n  const forkedRef = useForkRef(ref, itemRef);\n  const hasSubmenu = children != null && children.length > 0;\n\n  function close() {\n    setShowVeil(false);\n  }\n\n  useLayoutEffect(() => {\n    const itemElement = itemRef.current;\n\n    if (itemElement && hasSubmenu && open) {\n      const direction = window.getComputedStyle(itemElement).direction;\n\n      const startPosition = cursorPositionRef.current;\n      const delta = cursorDeltaRef.current;\n\n      const calculateSlope = (event: MouseEvent) => {\n        if (startPosition.x === -1) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n        }\n\n        const deltaX = event.clientX - startPosition.x;\n        const deltaY = event.clientY - startPosition.y;\n        delta.x = Math.max(Math.abs(deltaX), 0.001);\n        delta.y = Math.max(Math.abs(deltaY), 0.001);\n\n        const isSlopeWrongDirection =\n          ((deltaX < 0 ||\n            (direction === 'down' && deltaY < 0) ||\n            (direction === 'up' && deltaY > 0)) &&\n            direction === 'ltr') ||\n          ((deltaX > 0 ||\n            (direction === 'down' && deltaY < 0) ||\n            (direction === 'up' && deltaY > 0)) &&\n            direction === 'rtl');\n\n        if (isSlopeWrongDirection) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n          setShowVeil(false);\n          return;\n        }\n\n        const distance = Math.sqrt(delta.x ** 2 + delta.y ** 2);\n\n        if (hasEnteredMenuRef.current) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n          setShowVeil(false);\n          return;\n        }\n\n        if (distance > 5) {\n          const movingHorizontal = delta.x / delta.y > 0.2;\n\n          if (movingHorizontal) {\n            setShowVeil(true);\n          } else {\n            setShowVeil(false);\n          }\n\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n        }\n      };\n\n      window.addEventListener('mousemove', calculateSlope);\n\n      return () => {\n        window.removeEventListener('mousemove', calculateSlope);\n      };\n    }\n  }, [hasSubmenu, open]);\n\n  useLayoutEffect(() => {\n    setShowVeil(open);\n  }, [open]);\n\n  return (\n    <>\n      <HStack\n        as=\"button\"\n        ref={forkedRef}\n        data-is-selected={Boolean(selected)}\n        data-has-children={Boolean(hasSubmenu)}\n        className={clsx(className, styles['menu-item'], 'menu-item')}\n        data-is-open={open}\n        {...props}\n      >\n        {typeof label === 'string' ? <BodyText color=\"inherit\">{label}</BodyText> : label}\n      </HStack>\n      {children && (\n        <Menu\n          anchorElement={itemRef.current}\n          veil={showVeil}\n          onClose={close}\n          open={open}\n          direction={direction}\n          verticalAnchor={verticalAnchor}\n          verticalOrigin={verticalOrigin}\n          verticalOffset={verticalOffset}\n          horizontalAnchor={horizontalAnchor}\n          horizontalOrigin={horizontalOrigin}\n          horizontalOffset={horizontalOffset}\n          hAlign=\"start\"\n          onActivatedMenu={hasActiveMenu => {\n            hasEnteredMenuRef.current = hasActiveMenu;\n          }}\n        >\n          {children}\n        </Menu>\n      )}\n    </>\n  );\n});\n"],"names":["Menu","React","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","direction","open","onClose","restoreFocus","veil","onActivatedMenu","children","className","props","ref","focusedIndex","setFocusedIndex","useState","clonedChildren","child","index","MenuItem","useLayoutEffect","jsx","Popper","VStack","clsx","styles","selected","label","hasEnteredMenuRef","useRef","cursorPositionRef","cursorDeltaRef","showVeil","setShowVeil","itemRef","forkedRef","useForkRef","hasSubmenu","close","itemElement","startPosition","delta","calculateSlope","event","deltaX","deltaY","distance","movingHorizontal","jsxs","Fragment","HStack","BodyText","hasActiveMenu"],"mappings":"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"}
+{"version":3,"file":"menu.js","sources":["../../../src/overlay/menu/menu.tsx"],"sourcesContent":["import { BodyText } from '../../typography/body_text/body_text.js';\nimport { useForkRef } from '../../utils/index.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport type { HStackProps } from '../../stacks/h_stack.js';\nimport type { VStackProps } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../popper/legacy/popper.js';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport styles from './menu.module.css';\nimport { clsx } from 'clsx';\n\nexport type MenuProps = Omit<PopperProps & VStackProps, 'children'> & {\n  children?: React.ReactNode;\n  onActivatedMenu?: (hasActiveMenu: boolean) => void;\n  direction?: 'up' | 'down';\n};\n\nexport const Menu = React.forwardRef(function Menu(\n  {\n    anchorElement,\n    verticalAnchor,\n    verticalOrigin,\n    verticalOffset,\n    horizontalAnchor,\n    horizontalOrigin,\n    horizontalOffset,\n    direction,\n    open,\n    onClose,\n    restoreFocus,\n    veil,\n    onActivatedMenu,\n    children = [],\n    className,\n    ...props\n  }: MenuProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n  const clonedChildren = React.Children.toArray(children).map((child, index) => {\n    if (!React.isValidElement(child)) {\n      return child;\n    }\n\n    if (child.type !== MenuItem) {\n      return React.cloneElement(child, {\n        ...child.props,\n        onClick: (e: React.MouseEvent<HTMLElement>) => {\n          e.stopPropagation();\n          child.props.onClick && child.props.onClick(e);\n        },\n      });\n    }\n\n    const props = {\n      ...child.props,\n      key: index,\n      verticalAnchor: direction === 'up' ? 'bottom' : 'top',\n      verticalOrigin: direction === 'up' ? 'bottom' : 'top',\n      verticalOffset,\n      horizontalAnchor: 'end',\n      horizontalOrigin: 'start',\n      horizontalOffset,\n      direction,\n      onClick: (e: React.MouseEvent<HTMLDivElement>) => {\n        if (child.props.children == null) {\n          onClose && onClose();\n        }\n        child.props.onClick && child.props.onClick(e);\n      },\n      onMouseEnter: (e: React.MouseEvent<HTMLDivElement>) => {\n        setFocusedIndex(index);\n        onActivatedMenu && onActivatedMenu(true);\n        child.props.onMouseEnter && child.props.onMouseEnter(e);\n      },\n    };\n\n    if (child.type === MenuItem) {\n      props.open = focusedIndex === index;\n    }\n\n    return React.cloneElement(child, props);\n  });\n\n  direction === 'up' && clonedChildren.reverse();\n\n  useLayoutEffect(() => {\n    if (!open) {\n      setFocusedIndex(-1);\n      onActivatedMenu && onActivatedMenu(false);\n    }\n  }, [open, onActivatedMenu]);\n\n  return (\n    <Popper\n      anchorElement={anchorElement}\n      verticalAnchor={verticalAnchor}\n      verticalOrigin={verticalOrigin}\n      verticalOffset={verticalOffset}\n      horizontalAnchor={horizontalAnchor || 'end'}\n      horizontalOrigin={horizontalOrigin || 'end'}\n      horizontalOffset={horizontalOffset}\n      open={open}\n      onClose={onClose}\n      restoreFocus={restoreFocus}\n      veil={veil}\n    >\n      <VStack ref={ref} className={clsx(styles.menu, className, 'menu')} {...props}>\n        {clonedChildren}\n      </VStack>\n    </Popper>\n  );\n});\n\nexport interface MenuItemProps extends Omit<HStackProps, 'children'> {\n  open?: boolean;\n  children?: React.ReactElement<MenuItemProps>[];\n  selected?: boolean;\n  label?: React.ReactNode;\n  direction?: 'up' | 'down';\n  verticalAnchor?: 'top' | 'center' | 'bottom';\n  verticalOrigin?: 'top' | 'center' | 'bottom';\n  verticalOffset?: number;\n  horizontalAnchor?: 'center' | 'start' | 'end';\n  horizontalOrigin?: 'center' | 'start' | 'end';\n  horizontalOffset?: number;\n}\n\nexport const MenuItem = React.forwardRef(function MenuItem(\n  {\n    selected,\n    label,\n    className,\n    children,\n    direction = 'down',\n    verticalAnchor = 'top',\n    verticalOrigin = 'top',\n    verticalOffset,\n    horizontalAnchor = 'end',\n    horizontalOrigin = 'start',\n    horizontalOffset,\n    open = false,\n    ...props\n  }: MenuItemProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const hasEnteredMenuRef = useRef(false);\n  const cursorPositionRef = useRef({ x: -1, y: -1 });\n  const cursorDeltaRef = useRef({ x: -1, y: -1 });\n  const [showVeil, setShowVeil] = useState(false);\n  const itemRef = useRef<HTMLElement | null>(null);\n  const forkedRef = useForkRef(ref, itemRef);\n  const hasSubmenu = children != null && children.length > 0;\n\n  function close() {\n    setShowVeil(false);\n  }\n\n  useLayoutEffect(() => {\n    const itemElement = itemRef.current;\n\n    if (itemElement && hasSubmenu && open) {\n      const direction = window.getComputedStyle(itemElement).direction;\n\n      const startPosition = cursorPositionRef.current;\n      const delta = cursorDeltaRef.current;\n\n      const calculateSlope = (event: MouseEvent) => {\n        if (startPosition.x === -1) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n        }\n\n        const deltaX = event.clientX - startPosition.x;\n        const deltaY = event.clientY - startPosition.y;\n        delta.x = Math.max(Math.abs(deltaX), 0.001);\n        delta.y = Math.max(Math.abs(deltaY), 0.001);\n\n        const isSlopeWrongDirection =\n          ((deltaX < 0 ||\n            (direction === 'down' && deltaY < 0) ||\n            (direction === 'up' && deltaY > 0)) &&\n            direction === 'ltr') ||\n          ((deltaX > 0 ||\n            (direction === 'down' && deltaY < 0) ||\n            (direction === 'up' && deltaY > 0)) &&\n            direction === 'rtl');\n\n        if (isSlopeWrongDirection) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n          setShowVeil(false);\n          return;\n        }\n\n        const distance = Math.sqrt(delta.x ** 2 + delta.y ** 2);\n\n        if (hasEnteredMenuRef.current) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n          setShowVeil(false);\n          return;\n        }\n\n        if (distance > 5) {\n          const movingHorizontal = delta.x / delta.y > 0.2;\n\n          if (movingHorizontal) {\n            setShowVeil(true);\n          } else {\n            setShowVeil(false);\n          }\n\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n        }\n      };\n\n      window.addEventListener('mousemove', calculateSlope);\n\n      return () => {\n        window.removeEventListener('mousemove', calculateSlope);\n      };\n    }\n  }, [hasSubmenu, open]);\n\n  useLayoutEffect(() => {\n    setShowVeil(open);\n  }, [open]);\n\n  return (\n    <>\n      <HStack\n        as=\"button\"\n        ref={forkedRef}\n        data-is-selected={Boolean(selected)}\n        data-has-children={Boolean(hasSubmenu)}\n        className={clsx(className, styles['menu-item'], 'menu-item')}\n        data-is-open={open}\n        {...props}\n      >\n        {typeof label === 'string' ? <BodyText color=\"inherit\">{label}</BodyText> : label}\n      </HStack>\n      {children && (\n        <Menu\n          anchorElement={itemRef.current}\n          veil={showVeil}\n          onClose={close}\n          open={open}\n          direction={direction}\n          verticalAnchor={verticalAnchor}\n          verticalOrigin={verticalOrigin}\n          verticalOffset={verticalOffset}\n          horizontalAnchor={horizontalAnchor}\n          horizontalOrigin={horizontalOrigin}\n          horizontalOffset={horizontalOffset}\n          hAlign=\"start\"\n          onActivatedMenu={hasActiveMenu => {\n            hasEnteredMenuRef.current = hasActiveMenu;\n          }}\n        >\n          {children}\n        </Menu>\n      )}\n    </>\n  );\n});\n"],"names":["Menu","React","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","direction","open","onClose","restoreFocus","veil","onActivatedMenu","children","className","props","ref","focusedIndex","setFocusedIndex","useState","clonedChildren","child","index","MenuItem","useLayoutEffect","jsx","Popper","VStack","clsx","styles","selected","label","hasEnteredMenuRef","useRef","cursorPositionRef","cursorDeltaRef","showVeil","setShowVeil","itemRef","forkedRef","useForkRef","hasSubmenu","close","itemElement","startPosition","delta","calculateSlope","event","deltaX","deltaY","distance","movingHorizontal","jsxs","Fragment","HStack","BodyText","hasActiveMenu"],"mappings":"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"}

package/dist/overlay/popper/base/base_popper.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+import { PopperDismissalDecoratorProps } from './dismissal_decorator.js';
+export interface BasePopperOwnProps {
+    open: boolean;
+    restoreFocus?: boolean;
+    veil?: boolean;
+}
+export interface BasePopperProps extends BasePopperOwnProps, PopperDismissalDecoratorProps {
+}
+export declare const BasePopper: React.FC<PropsWithChildren<BasePopperProps>>;
+//# sourceMappingURL=base_popper.d.ts.map

package/dist/overlay/popper/base/base_popper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base_popper.d.ts","sourceRoot":"","sources":["../../../../src/overlay/popper/base/base_popper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,6BAA6B;CAAG;AAEpC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAqCnE,CAAC"}

package/dist/overlay/popper/base/base_popper.js

@@ -0,0 +1,27 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useRestoreFocus as f } from "../hooks/use_restore_focus.js";
+import { PopperDismissalDecorator as u } from "./dismissal_decorator.js";
+const n = ({
+  restoreFocus: o = !1,
+  open: r,
+  onDismissal: e,
+  isException: s,
+  dismissals: t = [],
+  acceptedRefs: m,
+  // TODO: add veil
+  // veil = false,
+  children: p
+}) => (f(r, o), r ? /* @__PURE__ */ i(
+  u,
+  {
+    dismissals: t,
+    onDismissal: e,
+    isException: s,
+    acceptedRefs: m,
+    children: p
+  }
+) : null);
+export {
+  n as BasePopper
+};
+//# sourceMappingURL=base_popper.js.map

package/dist/overlay/popper/base/base_popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base_popper.js","sources":["../../../../src/overlay/popper/base/base_popper.tsx"],"sourcesContent":["import { type PropsWithChildren } from 'react';\nimport { useRestoreFocus } from '../hooks/use_restore_focus.js';\nimport {\n  PopperDismissalDecorator,\n  type PopperDismissalDecoratorProps,\n} from './dismissal_decorator.js';\n\nexport interface BasePopperOwnProps {\n  open: boolean;\n  restoreFocus?: boolean;\n  veil?: boolean;\n}\n\nexport interface BasePopperProps\n  extends BasePopperOwnProps,\n    PopperDismissalDecoratorProps {}\n\nexport const BasePopper: React.FC<PropsWithChildren<BasePopperProps>> = ({\n  restoreFocus = false,\n  open,\n  onDismissal,\n  isException,\n  dismissals = [],\n  acceptedRefs,\n  // TODO: add veil\n  // veil = false,\n  children,\n}) => {\n  useRestoreFocus(open, restoreFocus);\n\n  if (!open) return null;\n\n  // if (veil) {\n  //   content = (\n  //     <div\n  //     // TODO: add ref and onClick\n  //     // ref={veilRef}\n  //     // onClick={e => veilRef.current === e.target && onVeilClick && onVeilClick(e)}\n  //     >\n  //       {content}\n  //     </div>\n  //   );\n  // }\n\n  return (\n    <PopperDismissalDecorator\n      dismissals={dismissals}\n      onDismissal={onDismissal}\n      isException={isException}\n      acceptedRefs={acceptedRefs}\n    >\n      {children}\n    </PopperDismissalDecorator>\n  );\n};\n"],"names":["BasePopper","restoreFocus","open","onDismissal","isException","dismissals","acceptedRefs","children","useRestoreFocus","jsx","PopperDismissalDecorator"],"mappings":";;;AAiBO,MAAMA,IAA2D,CAAC;AAAA,EACvE,cAAAC,IAAe;AAAA,EACf,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa,CAAA;AAAA,EACb,cAAAC;AAAA;AAAA;AAAA,EAGA,UAAAC;AACF,OACEC,EAAgBN,GAAMD,CAAY,GAE7BC,IAeH,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAAL;AAAA,IACA,aAAAF;AAAA,IACA,aAAAC;AAAA,IACA,cAAAE;AAAA,IAEC,UAAAC;AAAA,EAAA;AAAA,IArBa;"}

package/dist/overlay/popper/base/dismissal_decorator.d.ts

@@ -0,0 +1,16 @@
+export declare enum PopperDismissal {
+    CLICK_AWAY = "clickAway",
+    SCROLL_AWAY = "scrollAway",
+    MOUSE_LEAVE = "mouseLeave",
+    VEIL_CLICK = "veilClick"
+}
+export interface PopperDismissalDecoratorProps {
+    dismissals?: PopperDismissal[];
+    onDismissal?: (dismissal: PopperDismissal) => void;
+    isException?: (dismissal: PopperDismissal, target: HTMLElement) => boolean;
+    acceptedRefs?: React.RefObject<HTMLElement>[];
+}
+export declare const PopperDismissalDecorator: import('react').ForwardRefExoticComponent<PopperDismissalDecoratorProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;
+//# sourceMappingURL=dismissal_decorator.d.ts.map

package/dist/overlay/popper/base/dismissal_decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismissal_decorator.d.ts","sourceRoot":"","sources":["../../../../src/overlay/popper/base/dismissal_decorator.tsx"],"names":[],"mappings":"AAKA,oBAAY,eAAe;IACzB,UAAU,cAAc;IACxB,WAAW,eAAe;IAC1B,WAAW,eAAe;IAC1B,UAAU,cAAc;CACzB;AAED,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC;IAC3E,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;CAC/C;AAED,eAAO,MAAM,wBAAwB;;+CA4DnC,CAAC"}

package/dist/overlay/popper/base/dismissal_decorator.js

@@ -0,0 +1,69 @@
+import { jsxs as L, Fragment as m, jsx as l } from "react/jsx-runtime";
+import { forwardRef as C } from "react";
+import { ClickAwayListener as k } from "../../../utils/click_away_listener.js";
+import { ScrollAwayListener as v } from "../../../utils/scroll_away_listener.js";
+import { MouseLeaveRegion as E } from "../../../utils/mouse_leave_region.js";
+var d = /* @__PURE__ */ ((e) => (e.CLICK_AWAY = "clickAway", e.SCROLL_AWAY = "scrollAway", e.MOUSE_LEAVE = "mouseLeave", e.VEIL_CLICK = "veilClick", e))(d || {});
+const I = C(function({ onDismissal: a, isException: A, dismissals: r = [], children: s, acceptedRefs: i = [] }, h) {
+  const u = r.includes(
+    "clickAway"
+    /* CLICK_AWAY */
+  ), f = r.includes(
+    "scrollAway"
+    /* SCROLL_AWAY */
+  ), w = r.includes(
+    "mouseLeave"
+    /* MOUSE_LEAVE */
+  ), n = (c) => () => {
+    a?.(c);
+  };
+  function t(c) {
+    return c in r ? (y) => A?.(c, y) ?? !1 : () => !1;
+  }
+  let o = /* @__PURE__ */ L(m, { children: [
+    s,
+    w && /* @__PURE__ */ l(
+      E,
+      {
+        elementsRefs: i,
+        onMouseLeave: n(
+          "mouseLeave"
+          /* MOUSE_LEAVE */
+        )
+      }
+    )
+  ] });
+  return f && (o = /* @__PURE__ */ l(
+    v,
+    {
+      onScrollAway: n(
+        "scrollAway"
+        /* SCROLL_AWAY */
+      ),
+      isException: t(
+        "scrollAway"
+        /* SCROLL_AWAY */
+      ),
+      children: o
+    }
+  )), u && (o = /* @__PURE__ */ l(
+    k,
+    {
+      onClickAway: n(
+        "clickAway"
+        /* CLICK_AWAY */
+      ),
+      refs: i,
+      isException: t(
+        "clickAway"
+        /* CLICK_AWAY */
+      ),
+      children: o
+    }
+  )), o;
+});
+export {
+  d as PopperDismissal,
+  I as PopperDismissalDecorator
+};
+//# sourceMappingURL=dismissal_decorator.js.map

package/dist/overlay/popper/base/dismissal_decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismissal_decorator.js","sources":["../../../../src/overlay/popper/base/dismissal_decorator.tsx"],"sourcesContent":["import { forwardRef, type PropsWithChildren } from 'react';\nimport { ClickAwayListener } from '../../../utils/click_away_listener.js';\nimport { ScrollAwayListener } from '../../../utils/scroll_away_listener.js';\nimport { MouseLeaveRegion } from '../../../utils/mouse_leave_region.js';\n\nexport enum PopperDismissal {\n  CLICK_AWAY = 'clickAway',\n  SCROLL_AWAY = 'scrollAway',\n  MOUSE_LEAVE = 'mouseLeave',\n  VEIL_CLICK = 'veilClick',\n}\n\nexport interface PopperDismissalDecoratorProps {\n  dismissals?: PopperDismissal[];\n  onDismissal?: (dismissal: PopperDismissal) => void;\n  isException?: (dismissal: PopperDismissal, target: HTMLElement) => boolean;\n  acceptedRefs?: React.RefObject<HTMLElement>[];\n}\n\nexport const PopperDismissalDecorator = forwardRef<\n  HTMLElement,\n  PropsWithChildren<PopperDismissalDecoratorProps>\n>(function DismissalDecorator(\n  { onDismissal, isException, dismissals = [], children, acceptedRefs = [] },\n  ref\n) {\n  const hasClickAway = dismissals.includes(PopperDismissal.CLICK_AWAY);\n  const hasScrollAway = dismissals.includes(PopperDismissal.SCROLL_AWAY);\n  const hasMouseLeave = dismissals.includes(PopperDismissal.MOUSE_LEAVE);\n  // TODO:\n  // const hasVeilClick = dismissals.includes(PopperDismissal.VEIL_CLICK);\n\n  const buildHandleDismissal = (dismissal: PopperDismissal) => () => {\n    onDismissal?.(dismissal);\n  };\n\n  function buildExceptionHandler(dismissal: PopperDismissal) {\n    if (dismissal in dismissals) {\n      return target => isException?.(dismissal, target) ?? false;\n    }\n    return () => false;\n  }\n\n  let content: React.ReactNode = (\n    <>\n      {children}\n      {hasMouseLeave && (\n        <MouseLeaveRegion\n          elementsRefs={acceptedRefs}\n          onMouseLeave={buildHandleDismissal(PopperDismissal.MOUSE_LEAVE)}\n        />\n      )}\n    </>\n  );\n\n  if (hasScrollAway) {\n    content = (\n      <ScrollAwayListener\n        onScrollAway={buildHandleDismissal(PopperDismissal.SCROLL_AWAY)}\n        isException={buildExceptionHandler(PopperDismissal.SCROLL_AWAY)}\n      >\n        {content}\n      </ScrollAwayListener>\n    );\n  }\n\n  if (hasClickAway) {\n    content = (\n      <ClickAwayListener\n        onClickAway={buildHandleDismissal(PopperDismissal.CLICK_AWAY)}\n        refs={acceptedRefs}\n        isException={buildExceptionHandler(PopperDismissal.CLICK_AWAY)}\n      >\n        {content}\n      </ClickAwayListener>\n    );\n  }\n\n  return content;\n});\n"],"names":["PopperDismissal","PopperDismissalDecorator","forwardRef","onDismissal","isException","dismissals","children","acceptedRefs","ref","hasClickAway","hasScrollAway","hasMouseLeave","buildHandleDismissal","dismissal","buildExceptionHandler","target","content","jsxs","Fragment","jsx","MouseLeaveRegion","ScrollAwayListener","ClickAwayListener"],"mappings":";;;;;AAKO,IAAKA,sBAAAA,OACVA,EAAA,aAAa,aACbA,EAAA,cAAc,cACdA,EAAA,cAAc,cACdA,EAAA,aAAa,aAJHA,IAAAA,KAAA,CAAA,CAAA;AAcL,MAAMC,IAA2BC,EAGtC,SACA,EAAE,aAAAC,GAAa,aAAAC,GAAa,YAAAC,IAAa,CAAA,GAAI,UAAAC,GAAU,cAAAC,IAAe,CAAA,EAAC,GACvEC,GACA;AACA,QAAMC,IAAeJ,EAAW;AAAA,IAAS;AAAA;AAAA,EAAA,GACnCK,IAAgBL,EAAW;AAAA,IAAS;AAAA;AAAA,EAAA,GACpCM,IAAgBN,EAAW;AAAA,IAAS;AAAA;AAAA,EAAA,GAIpCO,IAAuB,CAACC,MAA+B,MAAM;AACjE,IAAAV,IAAcU,CAAS;AAAA,EACzB;AAEA,WAASC,EAAsBD,GAA4B;AACzD,WAAIA,KAAaR,IACR,CAAAU,MAAUX,IAAcS,GAAWE,CAAM,KAAK,KAEhD,MAAM;AAAA,EACf;AAEA,MAAIC,IACF,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAZ;AAAA,IACAK,KACC,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcb;AAAA,QACd,cAAcK;AAAA,UAAqB;AAAA;AAAA,QAAA;AAAA,MAA2B;AAAA,IAAA;AAAA,EAChE,GAEJ;AAGF,SAAIF,MACFM,IACE,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,cAAcT;AAAA,QAAqB;AAAA;AAAA,MAAA;AAAA,MACnC,aAAaE;AAAA,QAAsB;AAAA;AAAA,MAAA;AAAA,MAElC,UAAAE;AAAA,IAAA;AAAA,EAAA,IAKHP,MACFO,IACE,gBAAAG;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,aAAaV;AAAA,QAAqB;AAAA;AAAA,MAAA;AAAA,MAClC,MAAML;AAAA,MACN,aAAaO;AAAA,QAAsB;AAAA;AAAA,MAAA;AAAA,MAElC,UAAAE;AAAA,IAAA;AAAA,EAAA,IAKAA;AACT,CAAC;"}

package/dist/overlay/popper/context_popper.d.ts

@@ -0,0 +1,11 @@
+import { BasePopperProps } from './base/base_popper.js';
+import { TetheredProps } from '../tethered/tethered.js';
+export type ContextPopperProps = Omit<BasePopperProps, 'open' | 'onDismissal'> & Omit<TetheredProps, 'anchor'> & {
+    anchorElement: React.RefObject<HTMLElement>;
+};
+export declare const ContextPopper: import('react').ForwardRefExoticComponent<Omit<BasePopperProps, "open" | "onDismissal"> & Omit<TetheredProps, "anchor"> & {
+    anchorElement: React.RefObject<HTMLElement>;
+} & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=context_popper.d.ts.map

package/dist/overlay/popper/context_popper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context_popper.d.ts","sourceRoot":"","sources":["../../../src/overlay/popper/context_popper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAIvE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,aAAa,CAAC,GAC5E,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,GAAG;IAC9B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC7C,CAAC;AAEJ,eAAO,MAAM,aAAa;mBAHP,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;;kDAkC7C,CAAC"}

package/dist/overlay/popper/context_popper.js

@@ -0,0 +1,33 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as C } from "react";
+import { BasePopper as x } from "./base/base_popper.js";
+import { Tethered as u } from "../tethered/tethered.js";
+import { useContextTrigger as A } from "./hooks/use_context_trigger.js";
+import { PopperDismissal as e } from "./base/dismissal_decorator.js";
+const R = C(function({
+  anchorElement: t,
+  restoreFocus: p,
+  children: n,
+  acceptedRefs: i = [],
+  isException: m,
+  dismissals: s = [e.CLICK_AWAY, e.SCROLL_AWAY],
+  ...f
+}, c) {
+  const { isOpen: l, close: a, rectangle: o } = A(t);
+  return /* @__PURE__ */ r(
+    x,
+    {
+      open: l && o != null,
+      onDismissal: a,
+      restoreFocus: p,
+      dismissals: s,
+      acceptedRefs: i,
+      isException: m,
+      children: /* @__PURE__ */ r(u, { ref: c, anchor: o, ...f, children: n })
+    }
+  );
+});
+export {
+  R as ContextPopper
+};
+//# sourceMappingURL=context_popper.js.map

package/dist/overlay/popper/context_popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context_popper.js","sources":["../../../src/overlay/popper/context_popper.tsx"],"sourcesContent":["import { forwardRef, type PropsWithChildren } from 'react';\nimport { BasePopper, type BasePopperProps } from './base/base_popper.js';\nimport { Tethered, type TetheredProps } from '../tethered/tethered.js';\nimport { useContextTrigger } from './hooks/use_context_trigger.js';\nimport { PopperDismissal } from './base/dismissal_decorator.js';\n\nexport type ContextPopperProps = Omit<BasePopperProps, 'open' | 'onDismissal'> &\n  Omit<TetheredProps, 'anchor'> & {\n    anchorElement: React.RefObject<HTMLElement>;\n  };\n\nexport const ContextPopper = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<ContextPopperProps>\n>(function ContextPopper(\n  {\n    anchorElement,\n    restoreFocus,\n    children,\n    acceptedRefs = [],\n    isException,\n    dismissals = [PopperDismissal.CLICK_AWAY, PopperDismissal.SCROLL_AWAY],\n    ...tetheredProps\n  },\n  ref\n) {\n  const { isOpen, close, rectangle } = useContextTrigger(anchorElement);\n\n  return (\n    <BasePopper\n      open={isOpen && rectangle != null}\n      onDismissal={close}\n      restoreFocus={restoreFocus}\n      dismissals={dismissals}\n      acceptedRefs={acceptedRefs}\n      isException={isException}\n    >\n      <Tethered ref={ref} anchor={rectangle} {...tetheredProps}>\n        {children}\n      </Tethered>\n    </BasePopper>\n  );\n});\n"],"names":["ContextPopper","forwardRef","anchorElement","restoreFocus","children","acceptedRefs","isException","dismissals","PopperDismissal","tetheredProps","ref","isOpen","close","rectangle","useContextTrigger","jsx","BasePopper","Tethered"],"mappings":";;;;;;AAWO,MAAMA,IAAgBC,EAG3B,SACA;AAAA,EACE,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AAAA,EACf,aAAAC;AAAA,EACA,YAAAC,IAAa,CAACC,EAAgB,YAAYA,EAAgB,WAAW;AAAA,EACrE,GAAGC;AACL,GACAC,GACA;AACA,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,WAAAC,EAAA,IAAcC,EAAkBZ,CAAa;AAEpE,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAML,KAAUE,KAAa;AAAA,MAC7B,aAAaD;AAAA,MACb,cAAAT;AAAA,MACA,YAAAI;AAAA,MACA,cAAAF;AAAA,MACA,aAAAC;AAAA,MAEA,4BAACW,GAAA,EAAS,KAAAP,GAAU,QAAQG,GAAY,GAAGJ,GACxC,UAAAL,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/overlay/popper/element_popper.d.ts

@@ -0,0 +1,7 @@
+import { BasePopperProps } from './base/base_popper.js';
+import { ElementTetheredProps } from '../tethered/element_tethered.js';
+export type ElementPopperProps = BasePopperProps & ElementTetheredProps;
+export declare const ElementPopper: import('react').ForwardRefExoticComponent<BasePopperProps & ElementTetheredProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=element_popper.d.ts.map

package/dist/overlay/popper/element_popper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element_popper.d.ts","sourceRoot":"","sources":["../../../src/overlay/popper/element_popper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,iCAAiC,CAAC;AAEzC,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG,oBAAoB,CAAC;AAExE,eAAO,MAAM,aAAa;;kDAgCxB,CAAC"}

package/dist/overlay/popper/element_popper.js

@@ -0,0 +1,33 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { BasePopper as s } from "./base/base_popper.js";
+import { ElementTethered as E } from "../tethered/element_tethered.js";
+const j = d(function({
+  restoreFocus: e,
+  open: o,
+  onDismissal: t,
+  isException: m,
+  acceptedRefs: p,
+  veil: n,
+  dismissals: f,
+  children: i,
+  ...l
+}, c) {
+  return /* @__PURE__ */ r(
+    s,
+    {
+      restoreFocus: e,
+      open: o,
+      onDismissal: t,
+      isException: m,
+      dismissals: f,
+      acceptedRefs: p,
+      veil: n,
+      children: /* @__PURE__ */ r(E, { ref: c, ...l, children: i })
+    }
+  );
+});
+export {
+  j as ElementPopper
+};
+//# sourceMappingURL=element_popper.js.map

package/dist/overlay/popper/element_popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element_popper.js","sources":["../../../src/overlay/popper/element_popper.tsx"],"sourcesContent":["import { forwardRef, type PropsWithChildren } from 'react';\nimport { BasePopper, type BasePopperProps } from './base/base_popper.js';\nimport {\n  ElementTethered,\n  type ElementTetheredProps,\n} from '../tethered/element_tethered.js';\n\nexport type ElementPopperProps = BasePopperProps & ElementTetheredProps;\n\nexport const ElementPopper = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<ElementPopperProps>\n>(function ElementPopper(\n  {\n    restoreFocus,\n    open,\n    onDismissal,\n    isException,\n    acceptedRefs,\n    veil,\n    dismissals,\n    children,\n    ...elementTetheredProps\n  },\n  ref\n) {\n  return (\n    <BasePopper\n      restoreFocus={restoreFocus}\n      open={open}\n      onDismissal={onDismissal}\n      isException={isException}\n      dismissals={dismissals}\n      acceptedRefs={acceptedRefs}\n      veil={veil}\n    >\n      <ElementTethered ref={ref} {...elementTetheredProps}>\n        {children}\n      </ElementTethered>\n    </BasePopper>\n  );\n});\n"],"names":["ElementPopper","forwardRef","restoreFocus","open","onDismissal","isException","acceptedRefs","veil","dismissals","children","elementTetheredProps","ref","jsx","BasePopper","ElementTethered"],"mappings":";;;;AASO,MAAMA,IAAgBC,EAG3B,SACA;AAAA,EACE,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAAX;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAG;AAAA,MACA,cAAAF;AAAA,MACA,MAAAC;AAAA,MAEA,UAAA,gBAAAK,EAACE,GAAA,EAAgB,KAAAH,GAAW,GAAGD,GAC5B,UAAAD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/overlay/popper/hooks/use_context_trigger.d.ts

@@ -0,0 +1,7 @@
+import { Rectangle } from '../../../utils/types/dimensions.js';
+export declare function useContextTrigger(anchorElement: React.RefObject<HTMLElement>): {
+    isOpen: boolean;
+    close: () => void;
+    rectangle: Rectangle | null;
+};
+//# sourceMappingURL=use_context_trigger.d.ts.map

package/dist/overlay/popper/hooks/use_context_trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_context_trigger.d.ts","sourceRoot":"","sources":["../../../../src/overlay/popper/hooks/use_context_trigger.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAmBpE,wBAAgB,iBAAiB,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;;;EA6B5E"}

package/dist/overlay/popper/hooks/use_context_trigger.js

@@ -0,0 +1,31 @@
+import { useState as u, useCallback as o, useLayoutEffect as f } from "react";
+function a(e, n) {
+  return e ? {
+    position: { x: n.clientX, y: n.clientY },
+    dimensions: {
+      width: 8,
+      height: 8
+    }
+  } : null;
+}
+function p(e) {
+  const [n, r] = u(!1), [i, c] = u(null), l = o(() => {
+    r(!1);
+  }, []), s = o(
+    (t) => {
+      t.preventDefault(), c(a(e.current, t)), r(!0);
+    },
+    [e]
+  );
+  return f(() => {
+    const t = e.current;
+    if (t)
+      return t.addEventListener("contextmenu", s), () => {
+        t.removeEventListener("contextmenu", s);
+      };
+  }, [e, s]), { isOpen: n, close: l, rectangle: i };
+}
+export {
+  p as useContextTrigger
+};
+//# sourceMappingURL=use_context_trigger.js.map

package/dist/overlay/popper/hooks/use_context_trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_context_trigger.js","sources":["../../../../src/overlay/popper/hooks/use_context_trigger.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useState } from 'react';\nimport type { Rectangle } from '../../../utils/types/dimensions.js';\n\nfunction getContextMenuRectangle(\n  element: HTMLElement | null,\n  mouseEvent: MouseEvent\n): Rectangle | null {\n  if (!element) return null;\n\n  const position = { x: mouseEvent.clientX, y: mouseEvent.clientY };\n\n  return {\n    position,\n    dimensions: {\n      width: 8,\n      height: 8,\n    },\n  };\n}\n\nexport function useContextTrigger(anchorElement: React.RefObject<HTMLElement>) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [rectangle, setRectangle] = useState<Rectangle | null>(null);\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  const handleContextMenu = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      setRectangle(getContextMenuRectangle(anchorElement.current, e));\n      setIsOpen(true);\n    },\n    [anchorElement]\n  );\n\n  useLayoutEffect(() => {\n    const element = anchorElement.current;\n    if (!element) return;\n\n    element.addEventListener('contextmenu', handleContextMenu);\n\n    return () => {\n      element.removeEventListener('contextmenu', handleContextMenu);\n    };\n  }, [anchorElement, handleContextMenu]);\n\n  return { isOpen, close, rectangle };\n}\n"],"names":["getContextMenuRectangle","element","mouseEvent","useContextTrigger","anchorElement","isOpen","setIsOpen","useState","rectangle","setRectangle","close","useCallback","handleContextMenu","e","useLayoutEffect"],"mappings":";AAGA,SAASA,EACPC,GACAC,GACkB;AAClB,SAAKD,IAIE;AAAA,IACL,UAHe,EAAE,GAAGC,EAAW,SAAS,GAAGA,EAAW,QAAA;AAAA,IAItD,YAAY;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV,IATmB;AAWvB;AAEO,SAASC,EAAkBC,GAA6C;AAC7E,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAWC,CAAY,IAAIF,EAA2B,IAAI,GAE3DG,IAAQC,EAAY,MAAM;AAC9B,IAAAL,EAAU,EAAK;AAAA,EACjB,GAAG,CAAA,CAAE,GAECM,IAAoBD;AAAA,IACxB,CAACE,MAAkB;AACjB,MAAAA,EAAE,eAAA,GACFJ,EAAaT,EAAwBI,EAAc,SAASS,CAAC,CAAC,GAC9DP,EAAU,EAAI;AAAA,IAChB;AAAA,IACA,CAACF,CAAa;AAAA,EAAA;AAGhB,SAAAU,EAAgB,MAAM;AACpB,UAAMb,IAAUG,EAAc;AAC9B,QAAKH;AAEL,aAAAA,EAAQ,iBAAiB,eAAeW,CAAiB,GAElD,MAAM;AACX,QAAAX,EAAQ,oBAAoB,eAAeW,CAAiB;AAAA,MAC9D;AAAA,EACF,GAAG,CAACR,GAAeQ,CAAiB,CAAC,GAE9B,EAAE,QAAAP,GAAQ,OAAAK,GAAO,WAAAF,EAAA;AAC1B;"}

package/dist/overlay/popper/hooks/use_hover_trigger.d.ts

@@ -0,0 +1,6 @@
+export declare function usePreviewElement(anchorElement: React.RefObject<HTMLElement>): {
+    isOpen: boolean;
+    close: () => void;
+    open: () => void;
+};
+//# sourceMappingURL=use_hover_trigger.d.ts.map

package/dist/overlay/popper/hooks/use_hover_trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_hover_trigger.d.ts","sourceRoot":"","sources":["../../../../src/overlay/popper/hooks/use_hover_trigger.ts"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;;;EAqB5E"}

package/dist/overlay/popper/hooks/use_hover_trigger.js

@@ -0,0 +1,17 @@
+import { useState as c, useCallback as s, useLayoutEffect as a } from "react";
+function i(n) {
+  const [o, r] = c(!1), u = s(() => {
+    r(!1);
+  }, []), e = s(() => r(!0), []);
+  return a(() => {
+    const t = n.current;
+    if (t)
+      return t.addEventListener("mouseenter", e), () => {
+        t.removeEventListener("mouseenter", e);
+      };
+  }, [n, e]), { isOpen: o, close: u, open: e };
+}
+export {
+  i as usePreviewElement
+};
+//# sourceMappingURL=use_hover_trigger.js.map

package/dist/overlay/popper/hooks/use_hover_trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_hover_trigger.js","sources":["../../../../src/overlay/popper/hooks/use_hover_trigger.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useState } from 'react';\n\nexport function usePreviewElement(anchorElement: React.RefObject<HTMLElement>) {\n  const [isOpen, setIsOpen] = useState(false);\n  const close = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  const open = useCallback(() => setIsOpen(true), []);\n\n  // Open on hover on the anchor element\n  useLayoutEffect(() => {\n    const anchor = anchorElement.current;\n    if (!anchor) return;\n\n    anchor.addEventListener('mouseenter', open);\n\n    return () => {\n      anchor.removeEventListener('mouseenter', open);\n    };\n  }, [anchorElement, open]);\n\n  return { isOpen, close, open };\n}\n"],"names":["usePreviewElement","anchorElement","isOpen","setIsOpen","useState","close","useCallback","open","useLayoutEffect","anchor"],"mappings":";AAEO,SAASA,EAAkBC,GAA6C;AAC7E,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAQC,EAAY,MAAM;AAC9B,IAAAH,EAAU,EAAK;AAAA,EACjB,GAAG,CAAA,CAAE,GAECI,IAAOD,EAAY,MAAMH,EAAU,EAAI,GAAG,CAAA,CAAE;AAGlD,SAAAK,EAAgB,MAAM;AACpB,UAAMC,IAASR,EAAc;AAC7B,QAAKQ;AAEL,aAAAA,EAAO,iBAAiB,cAAcF,CAAI,GAEnC,MAAM;AACX,QAAAE,EAAO,oBAAoB,cAAcF,CAAI;AAAA,MAC/C;AAAA,EACF,GAAG,CAACN,GAAeM,CAAI,CAAC,GAEjB,EAAE,QAAAL,GAAQ,OAAAG,GAAO,MAAAE,EAAA;AAC1B;"}

package/dist/overlay/popper/hooks/use_restore_focus.d.ts

@@ -0,0 +1,2 @@
+export declare function useRestoreFocus(open: boolean, restoreFocus: boolean): void;
+//# sourceMappingURL=use_restore_focus.d.ts.map

package/dist/overlay/popper/hooks/use_restore_focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_restore_focus.d.ts","sourceRoot":"","sources":["../../../../src/overlay/popper/hooks/use_restore_focus.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,QAanE"}

package/dist/overlay/popper/hooks/use_restore_focus.js

@@ -0,0 +1,18 @@
+import { useRef as u, useLayoutEffect as c } from "react";
+function s(e, t) {
+  const n = u(null);
+  c(() => {
+    if (e)
+      n.current = window.document.activeElement;
+    else {
+      const o = n.current;
+      requestAnimationFrame(() => {
+        t && o?.focus();
+      });
+    }
+  }, [e, t]);
+}
+export {
+  s as useRestoreFocus
+};
+//# sourceMappingURL=use_restore_focus.js.map

package/dist/overlay/popper/hooks/use_restore_focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_restore_focus.js","sources":["../../../../src/overlay/popper/hooks/use_restore_focus.ts"],"sourcesContent":["import { useLayoutEffect, useRef } from 'react';\n\nexport function useRestoreFocus(open: boolean, restoreFocus: boolean) {\n  const activeElementRef = useRef<HTMLElement | null>(null);\n\n  useLayoutEffect(() => {\n    if (open) {\n      activeElementRef.current = window.document.activeElement as HTMLElement;\n    } else {\n      const restoreToElement = activeElementRef.current;\n      requestAnimationFrame(() => {\n        restoreFocus && restoreToElement?.focus();\n      });\n    }\n  }, [open, restoreFocus]);\n}\n"],"names":["useRestoreFocus","open","restoreFocus","activeElementRef","useRef","useLayoutEffect","restoreToElement"],"mappings":";AAEO,SAASA,EAAgBC,GAAeC,GAAuB;AACpE,QAAMC,IAAmBC,EAA2B,IAAI;AAExD,EAAAC,EAAgB,MAAM;AACpB,QAAIJ;AACF,MAAAE,EAAiB,UAAU,OAAO,SAAS;AAAA,SACtC;AACL,YAAMG,IAAmBH,EAAiB;AAC1C,4BAAsB,MAAM;AAC1B,QAAAD,KAAgBI,GAAkB,MAAA;AAAA,MACpC,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAACL,GAAMC,CAAY,CAAC;AACzB;"}

package/dist/overlay/popper/legacy/popper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popper.d.ts","sourceRoot":"","sources":["../../../../src/overlay/popper/legacy/popper.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,WAAW;IAC1B,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC9C,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;IAC/C,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC;IACxD,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC;IACzD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAGD,wBAAgB,MAAM,CAAC,EACrB,aAAa,EACb,cAAyB,EACzB,cAAsB,EACtB,cAAkB,EAClB,gBAA0B,EAC1B,gBAA0B,EAC1B,gBAAoB,EACpB,YAAoB,EACpB,IAAY,EACZ,WAAW,EACX,aAAkB,EAClB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,gBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,GACtB,EAAE,WAAW,kDA8Kb"}

package/dist/overlay/popper/{popper.js → legacy/popper.js}

@@ -1,11 +1,11 @@
 import { jsx as p, jsxs as G } from "react/jsx-runtime";
-import "../../utils/focus_redirect.js";
-import { ClickAwayListener as I } from "../../utils/click_away_listener.js";
-import { ScrollAwayListener as J } from "../../utils/scroll_away_listener.js";
+import { ClickAwayListener as I } from "../../../utils/click_away_listener.js";
+import "../../../utils/focus_redirect.js";
+import { ScrollAwayListener as J } from "../../../utils/scroll_away_listener.js";
 import { useRef as f, useState as K, useLayoutEffect as E } from "react";
-import "../../utils/hooks/use_resize_observer.js";
-import { Portal as M } from "../portal/portal.js";
-import '../../popper.css';const Q = "_popover_069b323", U = "_popover-veil_2f5f985", P = { popover: Q, "popover-veil": U };
+import "../../../utils/hooks/use_resize_observer.js";
+import { Portal as M } from "../../portal/portal.js";
+import '../../../popper.css';const Q = "_popover_fcfb66a", U = "_popover-veil_c56df66", P = { popover: Q, "popover-veil": U };
 function ie({
   anchorElement: n,
   verticalAnchor: _ = "bottom",

package/dist/overlay/popper/legacy/popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popper.js","sources":["../../../../src/overlay/popper/legacy/popper.tsx"],"sourcesContent":["import { ClickAwayListener, ScrollAwayListener } from '../../../utils/index.js';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { Portal } from '../../portal/portal.js';\nimport styles from './popper.module.css';\n\nexport interface PopperProps {\n  anchorElement: HTMLElement | null;\n  verticalAnchor?: 'top' | 'center' | 'bottom';\n  verticalOrigin?: 'top' | 'center' | 'bottom';\n  verticalOffset?: number;\n  horizontalAnchor?: 'start' | 'center' | 'end';\n  horizontalOrigin?: 'start' | 'center' | 'end';\n  horizontalOffset?: number;\n  open: boolean;\n  onClose: () => void;\n  restoreFocus?: boolean;\n  children: React.ReactNode;\n  veil?: boolean;\n  onVeilClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  clickAwayRefs?: React.RefObject<HTMLElement>[];\n  isClickAwayException?: (target: HTMLElement) => boolean;\n  isScrollAwayException?: (target: HTMLElement) => boolean;\n  disableClickAway?: boolean;\n}\n\n// This component is being phased out in favor of ElementPopper - need to ensure parity beforehand.\nexport function Popper({\n  anchorElement,\n  verticalAnchor = 'bottom',\n  verticalOrigin = 'top',\n  verticalOffset = 0,\n  horizontalAnchor = 'start',\n  horizontalOrigin = 'start',\n  horizontalOffset = 0,\n  restoreFocus = false,\n  veil = false,\n  onVeilClick,\n  clickAwayRefs = [],\n  open,\n  onClose,\n  children,\n  disableClickAway = false,\n  isClickAwayException,\n  isScrollAwayException,\n}: PopperProps) {\n  const anchorElementRef = useRef(anchorElement);\n  const [position, setPosition] = useState({ top: 0, left: 0 });\n  const activeElementRef = useRef<HTMLElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const canOpen = open && anchorElement != null;\n  const finalClickAwayRefs: React.RefObject<HTMLElement>[] = clickAwayRefs ?? [];\n  const enableClickAway = !disableClickAway;\n  const veilRef = useRef<HTMLDivElement>(null);\n  function close() {\n    onClose && onClose();\n  }\n\n  // eslint-disable-next-line complexity\n  const updatePosition = () => {\n    if (!anchorElement || !popoverRef.current) return;\n\n    const anchorRect = anchorElement.getBoundingClientRect();\n    const popoverRect = popoverRef.current.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Determine the text direction (ltr or rtl)\n    const computedStyle = getComputedStyle(anchorElement);\n    const isRtl = computedStyle.direction === 'rtl';\n\n    let top = anchorRect.top;\n    let left = anchorRect.left;\n\n    // Calculate vertical position\n    switch (verticalAnchor) {\n      case 'top':\n        top += verticalOffset;\n        break;\n      case 'center':\n        top += anchorRect.height / 2;\n        break;\n      case 'bottom':\n        top += anchorRect.height - verticalOffset;\n        break;\n    }\n\n    switch (verticalOrigin) {\n      case 'top':\n        break;\n      case 'center':\n        top -= popoverRect.height / 2;\n        break;\n      case 'bottom':\n        top -= popoverRect.height;\n        break;\n    }\n\n    // Calculate horizontal position with direction sensitivity\n    if (horizontalAnchor === 'start') {\n      left += isRtl ? anchorRect.width + horizontalOffset : horizontalOffset;\n    } else if (horizontalAnchor === 'center') {\n      left += anchorRect.width / 2;\n    } else if (horizontalAnchor === 'end') {\n      left += isRtl ? -horizontalOffset : anchorRect.width + horizontalOffset;\n    }\n\n    // Adjust the origin based on RTL direction\n    let adjustedHorizontalOrigin = horizontalOrigin;\n    if (isRtl) {\n      if (horizontalOrigin === 'start') {\n        adjustedHorizontalOrigin = 'end';\n      } else if (horizontalOrigin === 'end') {\n        adjustedHorizontalOrigin = 'start';\n      }\n    }\n\n    // Apply adjusted origin to the position calculation\n    if (adjustedHorizontalOrigin === 'start') {\n      // No adjustment needed\n    } else if (adjustedHorizontalOrigin === 'center') {\n      left -= popoverRect.width / 2;\n    } else if (adjustedHorizontalOrigin === 'end') {\n      left -= popoverRect.width;\n    }\n\n    // Ensure the popover stays within the viewport\n    // Prevent overflow to the right\n    if (left + popoverRect.width > viewportWidth) {\n      left = viewportWidth - popoverRect.width;\n    }\n\n    // Prevent overflow to the left\n    if (left < 0) {\n      left = 0;\n    }\n\n    // Prevent overflow to the bottom\n    if (top + popoverRect.height > viewportHeight) {\n      top = viewportHeight - popoverRect.height;\n    }\n\n    // Prevent overflow to the top\n    if (top < 0) {\n      top = 0;\n    }\n\n    // Only update if position has changed to avoid unnecessary re-renders\n    if (top !== position.top || left !== position.left) {\n      setPosition({ top, left });\n    }\n  };\n\n  useLayoutEffect(() => {\n    updatePosition();\n    window.addEventListener('resize', updatePosition);\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n    };\n  });\n\n  useLayoutEffect(() => {\n    if (open) {\n      activeElementRef.current = window.document.activeElement as HTMLElement;\n    } else {\n      const restoreToElement = activeElementRef.current;\n      requestAnimationFrame(() => {\n        restoreFocus && restoreToElement?.focus();\n      });\n    }\n  }, [open, restoreFocus]);\n\n  if (!canOpen) {\n    return null;\n  }\n\n  anchorElementRef.current = anchorElement;\n\n  let content = (\n    <ScrollAwayListener onScrollAway={close} isException={isScrollAwayException}>\n      <div\n        ref={popoverRef}\n        className={styles.popover}\n        style={{\n          top: `${position.top}px`,\n          left: `${position.left}px`,\n        }}\n      >\n        {children}\n      </div>\n    </ScrollAwayListener>\n  );\n\n  if (enableClickAway) {\n    content = (\n      <ClickAwayListener\n        onClickAway={close}\n        refs={[anchorElementRef, ...finalClickAwayRefs]}\n        isException={isClickAwayException}\n      >\n        {content}\n      </ClickAwayListener>\n    );\n  }\n\n  return (\n    <Portal>\n      {veil && (\n        <div\n          ref={veilRef}\n          onClick={e => veilRef.current === e.target && onVeilClick && onVeilClick(e)}\n          className={styles['popover-veil']}\n        >\n          {content}\n        </div>\n      )}\n      {!veil && content}\n    </Portal>\n  );\n}\n"],"names":["Popper","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","restoreFocus","veil","onVeilClick","clickAwayRefs","open","onClose","children","disableClickAway","isClickAwayException","isScrollAwayException","anchorElementRef","useRef","position","setPosition","useState","activeElementRef","popoverRef","canOpen","finalClickAwayRefs","enableClickAway","veilRef","close","updatePosition","anchorRect","popoverRect","viewportWidth","viewportHeight","isRtl","top","left","adjustedHorizontalOrigin","useLayoutEffect","restoreToElement","content","jsx","ScrollAwayListener","styles","ClickAwayListener","Portal"],"mappings":"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"}

package/dist/overlay/popper/preview_popper.d.ts

@@ -0,0 +1,7 @@
+import { BasePopperProps } from './base/base_popper.js';
+import { ElementTetheredProps } from '../tethered/element_tethered.js';
+export type PreviewPopperProps = Omit<BasePopperProps, 'open' | 'onDismissal'> & ElementTetheredProps;
+export declare const PreviewPopper: import('react').ForwardRefExoticComponent<Omit<BasePopperProps, "open" | "onDismissal"> & ElementTetheredProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;
+//# sourceMappingURL=preview_popper.d.ts.map

package/dist/overlay/popper/preview_popper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview_popper.d.ts","sourceRoot":"","sources":["../../../src/overlay/popper/preview_popper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,iCAAiC,CAAC;AAIzC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,aAAa,CAAC,GAC5E,oBAAoB,CAAC;AAEvB,eAAO,MAAM,aAAa;;+CAwCxB,CAAC"}

package/dist/overlay/popper/preview_popper.js

@@ -0,0 +1,46 @@
+import { jsx as e, Fragment as d } from "react/jsx-runtime";
+import { forwardRef as u, useRef as a } from "react";
+import { BasePopper as R } from "./base/base_popper.js";
+import "../../utils/click_away_listener.js";
+import "../../utils/focus_redirect.js";
+import "../../utils/scroll_away_listener.js";
+import { useForkRef as w } from "../../utils/hooks/use_fork_ref.js";
+import "../../utils/hooks/use_resize_observer.js";
+import { ElementTethered as E } from "../tethered/element_tethered.js";
+import { usePreviewElement as v } from "./hooks/use_hover_trigger.js";
+import { PopperDismissal as g } from "./base/dismissal_decorator.js";
+const T = u(function({
+  anchorElement: r,
+  restoreFocus: p,
+  children: m,
+  acceptedRefs: i = [],
+  isException: t,
+  dismissals: s = [g.MOUSE_LEAVE],
+  ...f
+}, n) {
+  const o = a(null), c = w(n, o), { isOpen: l, close: P } = v(r);
+  return /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(
+    R,
+    {
+      restoreFocus: p,
+      open: l,
+      onDismissal: P,
+      isException: t,
+      dismissals: s,
+      acceptedRefs: [o, ...i],
+      children: /* @__PURE__ */ e(
+        E,
+        {
+          ref: c,
+          anchorElement: r,
+          ...f,
+          children: m
+        }
+      )
+    }
+  ) });
+});
+export {
+  T as PreviewPopper
+};
+//# sourceMappingURL=preview_popper.js.map

package/dist/overlay/popper/preview_popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview_popper.js","sources":["../../../src/overlay/popper/preview_popper.tsx"],"sourcesContent":["import { forwardRef, useRef, type PropsWithChildren } from 'react';\nimport { BasePopper, type BasePopperProps } from './base/base_popper.js';\nimport { useForkRef } from '../../utils/index.js';\nimport {\n  ElementTethered,\n  type ElementTetheredProps,\n} from '../tethered/element_tethered.js';\nimport { usePreviewElement } from './hooks/use_hover_trigger.js';\nimport { PopperDismissal } from './base/dismissal_decorator.js';\n\nexport type PreviewPopperProps = Omit<BasePopperProps, 'open' | 'onDismissal'> &\n  ElementTetheredProps;\n\nexport const PreviewPopper = forwardRef<\n  HTMLElement,\n  PropsWithChildren<PreviewPopperProps>\n>(function PreviewPopper(\n  {\n    anchorElement,\n    restoreFocus,\n    children,\n    acceptedRefs = [],\n    isException,\n    dismissals = [PopperDismissal.MOUSE_LEAVE],\n    ...elementTetheredProps\n  },\n  ref\n) {\n  const popperRef = useRef<HTMLElement>(null);\n  const merged = useForkRef(ref, popperRef);\n\n  const { isOpen, close } = usePreviewElement(anchorElement);\n\n  return (\n    <>\n      <BasePopper\n        restoreFocus={restoreFocus}\n        open={isOpen}\n        onDismissal={close}\n        isException={isException}\n        dismissals={dismissals}\n        acceptedRefs={[popperRef, ...acceptedRefs]}\n      >\n        <ElementTethered\n          ref={merged}\n          anchorElement={anchorElement}\n          {...elementTetheredProps}\n        >\n          {children}\n        </ElementTethered>\n      </BasePopper>\n    </>\n  );\n});\n"],"names":["PreviewPopper","forwardRef","anchorElement","restoreFocus","children","acceptedRefs","isException","dismissals","PopperDismissal","elementTetheredProps","ref","popperRef","useRef","merged","useForkRef","isOpen","close","usePreviewElement","jsx","Fragment","BasePopper","ElementTethered"],"mappings":";;;;;;;;;;;AAaO,MAAMA,IAAgBC,EAG3B,SACA;AAAA,EACE,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AAAA,EACf,aAAAC;AAAA,EACA,YAAAC,IAAa,CAACC,EAAgB,WAAW;AAAA,EACzC,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYC,EAAoB,IAAI,GACpCC,IAASC,EAAWJ,GAAKC,CAAS,GAElC,EAAE,QAAAI,GAAQ,OAAAC,MAAUC,EAAkBf,CAAa;AAEzD,SACE,gBAAAgB,EAAAC,GAAA,EACE,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,cAAAjB;AAAA,MACA,MAAMY;AAAA,MACN,aAAaC;AAAA,MACb,aAAAV;AAAA,MACA,YAAAC;AAAA,MACA,cAAc,CAACI,GAAW,GAAGN,CAAY;AAAA,MAEzC,UAAA,gBAAAa;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,KAAKR;AAAA,UACL,eAAAX;AAAA,UACC,GAAGO;AAAA,UAEH,UAAAL;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}

package/dist/overlay/tethered/element_tethered.d.ts

@@ -0,0 +1,8 @@
+import { TetheredProps } from './tethered.js';
+export interface ElementTetheredProps extends Omit<TetheredProps, 'anchor'> {
+    anchorElement: React.RefObject<HTMLElement>;
+}
+export declare const ElementTethered: import('react').ForwardRefExoticComponent<ElementTetheredProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;
+//# sourceMappingURL=element_tethered.d.ts.map

package/dist/overlay/tethered/element_tethered.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element_tethered.d.ts","sourceRoot":"","sources":["../../../src/overlay/tethered/element_tethered.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC;IACzE,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC7C;AAgBD,eAAO,MAAM,eAAe;;+CAuC1B,CAAC"}