@impulse-ui-native/popover 0.0.0-stage → 6.3.0

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport {\n  useControllableState,\n  useEventCallback,\n  useTimer,\n} from \"@impulse-ui-native/core\";\n\nimport type { TooltipProps } from \"../types\";\nimport { TooltipDuration } from \"../constants/popover.constants\";\nimport { PopoverContent } from \"./popover-content\";\nimport { PopoverDescription } from \"./popover-description\";\nimport { PopoverRoot } from \"./popover-root\";\nimport { PopoverTrigger } from \"./popover-trigger\";\n\nexport const Tooltip = memo(function Tooltip({\n  children,\n  content,\n  triggerProps,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  disabled,\n  placement = \"top\",\n  duration = TooltipDuration,\n  ...props\n}: TooltipProps) {\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const dismiss = useEventCallback(() => setOpen(false));\n\n  useTimer({ enabled: open && !disabled, duration, callback: dismiss });\n\n  return (\n    <PopoverRoot\n      {...props}\n      open={open}\n      onOpenChange={setOpen}\n      disabled={disabled}\n      placement={placement}\n      surface=\"inverse\"\n    >\n      <PopoverTrigger trigger=\"longPress\" {...triggerProps}>\n        {children}\n      </PopoverTrigger>\n      <PopoverContent>\n        {typeof content === \"string\" || typeof content === \"number\" ? (\n          <PopoverDescription>{content}</PopoverDescription>\n        ) : (\n          content\n        )}\n      </PopoverContent>\n    </PopoverRoot>\n  );\n});\n"],"mappings":"AAsCI,SAQE,KARF;AAtCJ,SAAS,YAAY;AAErB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAExB,MAAM,UAAU,KAAK,SAASA,SAAQ;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,GAAG;AACL,GAAiB;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,qBAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,UAAU,iBAAiB,MAAM,QAAQ,KAAK,CAAC;AAErD,WAAS,EAAE,SAAS,QAAQ,CAAC,UAAU,UAAU,UAAU,QAAQ,CAAC;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MAER;AAAA,4BAAC,kBAAe,SAAQ,aAAa,GAAG,cACrC,UACH;AAAA,QACA,oBAAC,kBACE,iBAAO,YAAY,YAAY,OAAO,YAAY,WACjD,oBAAC,sBAAoB,mBAAQ,IAE7B,SAEJ;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["Tooltip"]}

package/dist/constants/popover.constants.d.mts

@@ -0,0 +1,10 @@
+import { PopoverPlacement } from '../types/popover.types.mjs';
+import 'react';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare const AnchorMeasureInterval = 100;
+declare const TooltipDuration = 3000;
+declare const OppositePlacement: Record<PopoverPlacement, PopoverPlacement>;
+
+export { AnchorMeasureInterval, OppositePlacement, TooltipDuration };

package/dist/constants/popover.constants.js

@@ -0,0 +1,14 @@
+const AnchorMeasureInterval = 100;
+const TooltipDuration = 3e3;
+const OppositePlacement = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+};
+export {
+  AnchorMeasureInterval,
+  OppositePlacement,
+  TooltipDuration
+};
+//# sourceMappingURL=popover.constants.js.map

package/dist/constants/popover.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/popover.constants.ts"],"sourcesContent":["import type { PopoverPlacement } from \"../types\";\n\nexport const AnchorMeasureInterval = 100;\nexport const TooltipDuration = 3000;\nexport const OppositePlacement: Record<PopoverPlacement, PopoverPlacement> = {\n  top: \"bottom\",\n  bottom: \"top\",\n  left: \"right\",\n  right: \"left\",\n};\n"],"mappings":"AAEO,MAAM,wBAAwB;AAC9B,MAAM,kBAAkB;AACxB,MAAM,oBAAgE;AAAA,EAC3E,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;","names":[]}

package/dist/contexts/popover.context.d.mts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import { PopoverContextValue } from '../types/popover.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare const PopoverContext: react.Context<PopoverContextValue | undefined>;
+
+export { PopoverContext };

package/dist/contexts/popover.context.js

@@ -0,0 +1,8 @@
+import { createContext } from "react";
+const PopoverContext = createContext(
+  void 0
+);
+export {
+  PopoverContext
+};
+//# sourceMappingURL=popover.context.js.map

package/dist/contexts/popover.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contexts/popover.context.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nimport type { PopoverContextValue } from \"../types/popover.types\";\n\nexport const PopoverContext = createContext<PopoverContextValue | undefined>(\n  undefined,\n);\n"],"mappings":"AAAA,SAAS,qBAAqB;AAIvB,MAAM,iBAAiB;AAAA,EAC5B;AACF;","names":[]}

package/dist/hooks/use-popover-context.hook.d.mts

@@ -0,0 +1,8 @@
+import { PopoverContextValue } from '../types/popover.types.mjs';
+import 'react';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare function usePopoverContext(): PopoverContextValue;
+
+export { usePopoverContext };

package/dist/hooks/use-popover-context.hook.js

@@ -0,0 +1,13 @@
+import { useContext } from "react";
+import { PopoverContext } from "../contexts/popover.context";
+function usePopoverContext() {
+  const context = useContext(PopoverContext);
+  if (!context) {
+    throw new Error("Popover children must be rendered inside Popover.Root");
+  }
+  return context;
+}
+export {
+  usePopoverContext
+};
+//# sourceMappingURL=use-popover-context.hook.js.map

package/dist/hooks/use-popover-context.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-popover-context.hook.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { PopoverContext } from \"../contexts/popover.context\";\n\nexport function usePopoverContext() {\n  const context = useContext(PopoverContext);\n\n  if (!context) {\n    throw new Error(\"Popover children must be rendered inside Popover.Root\");\n  }\n\n  return context;\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAE3B,SAAS,sBAAsB;AAExB,SAAS,oBAAoB;AAClC,QAAM,UAAU,WAAW,cAAc;AAEzC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AAEA,SAAO;AACT;","names":[]}

package/dist/hooks/use-popover-position.hook.d.mts

@@ -0,0 +1,20 @@
+import { RefObject } from 'react';
+import { View } from 'react-native';
+import { PopoverRect } from '../types/popover.types.mjs';
+import '@impulse-ui-native/primitives';
+
+declare function usePopoverPosition(hostRef: RefObject<View | null>): {
+    measurement: {
+        anchor: PopoverRect;
+        host: PopoverRect;
+    } | null;
+    bounds: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    visible: boolean;
+};
+
+export { usePopoverPosition };

package/dist/hooks/use-popover-position.hook.js

@@ -0,0 +1,94 @@
+import { useEffect, useMemo, useState } from "react";
+import { useWindowDimensions } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { AnchorMeasureInterval } from "../constants/popover.constants";
+import { equalRects } from "../utils/popover-position.utils";
+import { usePopoverContext } from "./use-popover-context.hook";
+function usePopoverPosition(hostRef) {
+  const { anchorRef } = usePopoverContext();
+  const window = useWindowDimensions();
+  const insets = useSafeAreaInsets();
+  const [measurement, setMeasurement] = useState(null);
+  const tokens = useComponentsTokens().popover;
+  const bounds = useMemo(() => {
+    const host = measurement?.host;
+    const x = Math.max(host?.x ?? 0, insets.left) + tokens.edgeOffset;
+    const y = Math.max(host?.y ?? 0, insets.top) + tokens.edgeOffset;
+    const right = Math.min(
+      host ? host.x + host.width : window.width,
+      window.width - insets.right
+    ) - tokens.edgeOffset;
+    const bottom = Math.min(
+      host ? host.y + host.height : window.height,
+      window.height - insets.bottom
+    ) - tokens.edgeOffset;
+    return {
+      x,
+      y,
+      width: Math.max(0, right - x),
+      height: Math.max(0, bottom - y)
+    };
+  }, [
+    measurement?.host,
+    insets,
+    window.width,
+    window.height,
+    tokens.edgeOffset
+  ]);
+  useEffect(() => {
+    let active = true;
+    let measuring = false;
+    const measure = () => {
+      const anchorNode = anchorRef.current;
+      const hostNode = hostRef.current;
+      if (!anchorNode || !hostNode) {
+        setMeasurement(null);
+        return;
+      }
+      if (measuring) {
+        return;
+      }
+      measuring = true;
+      hostNode.measureInWindow((x, y, width, height) => {
+        if (!active) {
+          return;
+        }
+        const host = { x, y, width, height };
+        anchorNode.measureInWindow((ax, ay, aw, ah) => {
+          measuring = false;
+          if (!active || anchorRef.current !== anchorNode || hostRef.current !== hostNode) {
+            return;
+          }
+          const anchor2 = { x: ax, y: ay, width: aw, height: ah };
+          setMeasurement((previous) => {
+            const sameAnchor = equalRects(previous?.anchor ?? null, anchor2);
+            const sameHost = equalRects(previous?.host ?? null, host);
+            if (sameAnchor && sameHost) {
+              return previous;
+            }
+            return {
+              anchor: anchor2,
+              host: sameHost && previous ? previous.host : host
+            };
+          });
+        });
+      });
+    };
+    measure();
+    const timer = setInterval(measure, AnchorMeasureInterval);
+    return () => {
+      active = false;
+      clearInterval(timer);
+    };
+  }, [anchorRef, hostRef, window.width, window.height]);
+  const anchor = measurement?.anchor;
+  const visible = Boolean(
+    anchor && anchor.width > 0 && anchor.height > 0 && bounds.width > 0 && bounds.height > 0 && anchor.x + anchor.width > bounds.x && anchor.x < bounds.x + bounds.width && anchor.y + anchor.height > bounds.y && anchor.y < bounds.y + bounds.height
+  );
+  return { measurement, bounds, visible };
+}
+export {
+  usePopoverPosition
+};
+//# sourceMappingURL=use-popover-position.hook.js.map

package/dist/hooks/use-popover-position.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-popover-position.hook.ts"],"sourcesContent":["import type { RefObject } from \"react\";\nimport type { View } from \"react-native\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useWindowDimensions } from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { PopoverRect } from \"../types/popover.types\";\nimport { AnchorMeasureInterval } from \"../constants/popover.constants\";\nimport { equalRects } from \"../utils/popover-position.utils\";\nimport { usePopoverContext } from \"./use-popover-context.hook\";\n\nexport function usePopoverPosition(hostRef: RefObject<View | null>) {\n  const { anchorRef } = usePopoverContext();\n  const window = useWindowDimensions();\n  const insets = useSafeAreaInsets();\n\n  const [measurement, setMeasurement] = useState<{\n    anchor: PopoverRect;\n    host: PopoverRect;\n  } | null>(null);\n\n  const tokens = useComponentsTokens().popover;\n\n  const bounds = useMemo(() => {\n    const host = measurement?.host;\n    const x = Math.max(host?.x ?? 0, insets.left) + tokens.edgeOffset;\n    const y = Math.max(host?.y ?? 0, insets.top) + tokens.edgeOffset;\n    const right =\n      Math.min(\n        host ? host.x + host.width : window.width,\n        window.width - insets.right,\n      ) - tokens.edgeOffset;\n    const bottom =\n      Math.min(\n        host ? host.y + host.height : window.height,\n        window.height - insets.bottom,\n      ) - tokens.edgeOffset;\n\n    return {\n      x,\n      y,\n      width: Math.max(0, right - x),\n      height: Math.max(0, bottom - y),\n    };\n  }, [\n    measurement?.host,\n    insets,\n    window.width,\n    window.height,\n    tokens.edgeOffset,\n  ]);\n\n  useEffect(() => {\n    let active = true;\n    let measuring = false;\n\n    const measure = () => {\n      const anchorNode = anchorRef.current;\n      const hostNode = hostRef.current;\n\n      if (!anchorNode || !hostNode) {\n        setMeasurement(null);\n\n        return;\n      }\n\n      if (measuring) {\n        return;\n      }\n\n      measuring = true;\n\n      hostNode.measureInWindow((x, y, width, height) => {\n        if (!active) {\n          return;\n        }\n\n        const host = { x, y, width, height };\n\n        anchorNode.measureInWindow((ax, ay, aw, ah) => {\n          measuring = false;\n\n          if (\n            !active ||\n            anchorRef.current !== anchorNode ||\n            hostRef.current !== hostNode\n          ) {\n            return;\n          }\n\n          const anchor = { x: ax, y: ay, width: aw, height: ah };\n\n          setMeasurement((previous) => {\n            const sameAnchor = equalRects(previous?.anchor ?? null, anchor);\n            const sameHost = equalRects(previous?.host ?? null, host);\n\n            if (sameAnchor && sameHost) {\n              return previous;\n            }\n\n            return {\n              anchor,\n              host: sameHost && previous ? previous.host : host,\n            };\n          });\n        });\n      });\n    };\n\n    measure();\n\n    const timer = setInterval(measure, AnchorMeasureInterval);\n\n    return () => {\n      active = false;\n      clearInterval(timer);\n    };\n  }, [anchorRef, hostRef, window.width, window.height]);\n\n  const anchor = measurement?.anchor;\n\n  const visible = Boolean(\n    anchor &&\n    anchor.width > 0 &&\n    anchor.height > 0 &&\n    bounds.width > 0 &&\n    bounds.height > 0 &&\n    anchor.x + anchor.width > bounds.x &&\n    anchor.x < bounds.x + bounds.width &&\n    anchor.y + anchor.height > bounds.y &&\n    anchor.y < bounds.y + bounds.height,\n  );\n\n  return { measurement, bounds, visible };\n}\n"],"mappings":"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","names":["anchor"]}

package/dist/hooks/use-popover-surface.hook.d.mts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { View, LayoutChangeEvent } from 'react-native';
+import { PopoverContentProps, PopoverSurfaceStyleProps } from '../types/popover.types.mjs';
+import '@impulse-ui-native/primitives';
+
+declare function usePopoverSurface(onLayout: PopoverContentProps["onLayout"]): {
+    hostRef: react.RefObject<View | null>;
+    styleProps: PopoverSurfaceStyleProps;
+    close: () => void;
+    handleLayout: (event: LayoutChangeEvent) => void;
+};
+
+export { usePopoverSurface };

package/dist/hooks/use-popover-surface.hook.js

@@ -0,0 +1,46 @@
+import { useMemo, useRef, useState } from "react";
+import { useBackHandler, useEventCallback } from "@impulse-ui-native/core";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { getPopoverPosition } from "../utils/popover-position.utils";
+import { usePopoverContext } from "./use-popover-context.hook";
+import { usePopoverPosition } from "./use-popover-position.hook";
+function usePopoverSurface(onLayout) {
+  const { surface, placement, setOpen } = usePopoverContext();
+  const [size, setSize] = useState({ width: 0, height: 0 });
+  const hostRef = useRef(null);
+  const tokens = useComponentsTokens().popover;
+  const { measurement, bounds, visible } = usePopoverPosition(hostRef);
+  const position = useMemo(
+    () => measurement ? getPopoverPosition({
+      anchor: measurement.anchor,
+      bounds,
+      ...size,
+      placement,
+      gap: tokens.gap,
+      arrowInset: tokens.surfaces[surface].borderRadius + tokens.arrowSize
+    }) : null,
+    [measurement, bounds, size, placement, surface, tokens]
+  );
+  const ready = visible && size.width > 0 && size.height > 0;
+  const styleProps = useMemo(
+    () => ({ surface, bounds, host: measurement?.host, position, ready }),
+    [surface, bounds, measurement?.host, position, ready]
+  );
+  const close = useEventCallback(() => setOpen(false));
+  const handleLayout = useEventCallback((event) => {
+    const { width, height } = event.nativeEvent.layout;
+    setSize(
+      (previous) => previous.width === width && previous.height === height ? previous : { width, height }
+    );
+    onLayout?.(event);
+  });
+  useBackHandler(() => {
+    close();
+    return true;
+  });
+  return { hostRef, styleProps, close, handleLayout };
+}
+export {
+  usePopoverSurface
+};
+//# sourceMappingURL=use-popover-surface.hook.js.map

package/dist/hooks/use-popover-surface.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-popover-surface.hook.ts"],"sourcesContent":["import type { LayoutChangeEvent, View } from \"react-native\";\nimport { useMemo, useRef, useState } from \"react\";\n\nimport { useBackHandler, useEventCallback } from \"@impulse-ui-native/core\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { PopoverContentProps } from \"../types\";\nimport type { PopoverSurfaceStyleProps } from \"../types/popover.types\";\nimport { getPopoverPosition } from \"../utils/popover-position.utils\";\nimport { usePopoverContext } from \"./use-popover-context.hook\";\nimport { usePopoverPosition } from \"./use-popover-position.hook\";\n\nexport function usePopoverSurface(onLayout: PopoverContentProps[\"onLayout\"]) {\n  const { surface, placement, setOpen } = usePopoverContext();\n\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const hostRef = useRef<View>(null);\n\n  const tokens = useComponentsTokens().popover;\n  const { measurement, bounds, visible } = usePopoverPosition(hostRef);\n\n  const position = useMemo(\n    () =>\n      measurement\n        ? getPopoverPosition({\n            anchor: measurement.anchor,\n            bounds,\n            ...size,\n            placement,\n            gap: tokens.gap,\n            arrowInset:\n              tokens.surfaces[surface].borderRadius + tokens.arrowSize,\n          })\n        : null,\n    [measurement, bounds, size, placement, surface, tokens],\n  );\n\n  const ready = visible && size.width > 0 && size.height > 0;\n  const styleProps = useMemo<PopoverSurfaceStyleProps>(\n    () => ({ surface, bounds, host: measurement?.host, position, ready }),\n    [surface, bounds, measurement?.host, position, ready],\n  );\n\n  const close = useEventCallback(() => setOpen(false));\n\n  const handleLayout = useEventCallback((event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n\n    setSize((previous) =>\n      previous.width === width && previous.height === height\n        ? previous\n        : { width, height },\n    );\n\n    onLayout?.(event);\n  });\n\n  useBackHandler(() => {\n    close();\n\n    return true;\n  });\n\n  return { hostRef, styleProps, close, handleLayout };\n}\n"],"mappings":"AACA,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,SAAS,gBAAgB,wBAAwB;AACjD,SAAS,2BAA2B;AAIpC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AAE5B,SAAS,kBAAkB,UAA2C;AAC3E,QAAM,EAAE,SAAS,WAAW,QAAQ,IAAI,kBAAkB;AAE1D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAC;AACxD,QAAM,UAAU,OAAa,IAAI;AAEjC,QAAM,SAAS,oBAAoB,EAAE;AACrC,QAAM,EAAE,aAAa,QAAQ,QAAQ,IAAI,mBAAmB,OAAO;AAEnE,QAAM,WAAW;AAAA,IACf,MACE,cACI,mBAAmB;AAAA,MACjB,QAAQ,YAAY;AAAA,MACpB;AAAA,MACA,GAAG;AAAA,MACH;AAAA,MACA,KAAK,OAAO;AAAA,MACZ,YACE,OAAO,SAAS,OAAO,EAAE,eAAe,OAAO;AAAA,IACnD,CAAC,IACD;AAAA,IACN,CAAC,aAAa,QAAQ,MAAM,WAAW,SAAS,MAAM;AAAA,EACxD;AAEA,QAAM,QAAQ,WAAW,KAAK,QAAQ,KAAK,KAAK,SAAS;AACzD,QAAM,aAAa;AAAA,IACjB,OAAO,EAAE,SAAS,QAAQ,MAAM,aAAa,MAAM,UAAU,MAAM;AAAA,IACnE,CAAC,SAAS,QAAQ,aAAa,MAAM,UAAU,KAAK;AAAA,EACtD;AAEA,QAAM,QAAQ,iBAAiB,MAAM,QAAQ,KAAK,CAAC;AAEnD,QAAM,eAAe,iBAAiB,CAAC,UAA6B;AAClE,UAAM,EAAE,OAAO,OAAO,IAAI,MAAM,YAAY;AAE5C;AAAA,MAAQ,CAAC,aACP,SAAS,UAAU,SAAS,SAAS,WAAW,SAC5C,WACA,EAAE,OAAO,OAAO;AAAA,IACtB;AAEA,eAAW,KAAK;AAAA,EAClB,CAAC;AAED,iBAAe,MAAM;AACnB,UAAM;AAEN,WAAO;AAAA,EACT,CAAC;AAED,SAAO,EAAE,SAAS,YAAY,OAAO,aAAa;AACpD;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,7 @@
+export { Popover } from './components/index.mjs';
+export { PopoverCloseProps, PopoverContentProps, PopoverDescriptionProps, PopoverPlacement, PopoverProps, PopoverRootProps, PopoverSurface, PopoverTitleProps, PopoverTriggerProps, TooltipProps } from './types/popover.types.mjs';
+export { Tooltip } from './components/tooltip.mjs';
+import 'react/jsx-runtime';
+import 'react';
+import 'react-native';
+import '@impulse-ui-native/primitives';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./components";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/types/index.d.mts

@@ -0,0 +1,4 @@
+export { PopoverCloseProps, PopoverContentProps, PopoverDescriptionProps, PopoverPlacement, PopoverProps, PopoverRootProps, PopoverSurface, PopoverTitleProps, PopoverTriggerProps, TooltipProps } from './popover.types.mjs';
+import 'react';
+import 'react-native';
+import '@impulse-ui-native/primitives';

package/dist/types/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/popover.types.d.mts

@@ -0,0 +1,73 @@
+import { PropsWithChildren, ReactNode, RefObject } from 'react';
+import { View } from 'react-native';
+import { PressableCoreProps, ViewProps, TextProps } from '@impulse-ui-native/primitives';
+
+type PopoverPlacement = "top" | "bottom" | "left" | "right";
+type PopoverSurface = "elevated" | "inverse";
+interface PopoverRootProps extends PropsWithChildren {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    placement?: PopoverPlacement;
+    surface?: PopoverSurface;
+    portalName?: string;
+}
+interface PopoverTriggerProps extends Omit<PressableCoreProps, "children">, PropsWithChildren {
+    trigger?: "press" | "longPress";
+}
+type PopoverContentProps = ViewProps;
+type PopoverTitleProps = TextProps;
+type PopoverDescriptionProps = TextProps;
+type PopoverCloseProps = Omit<PressableCoreProps, "children"> & PropsWithChildren;
+interface PopoverProps extends PopoverRootProps {
+    trigger: ReactNode;
+    triggerProps?: PopoverTriggerProps;
+    contentProps?: PopoverContentProps;
+}
+interface TooltipProps extends Omit<PopoverRootProps, "surface"> {
+    content: ReactNode;
+    triggerProps?: PopoverTriggerProps;
+    /** Milliseconds before dismissal. Zero keeps the hint open. */
+    duration?: number;
+}
+interface PopoverContextValue {
+    open: boolean;
+    disabled: boolean;
+    setOpen: (open: boolean) => void;
+    anchorRef: RefObject<View | null>;
+    placement: PopoverPlacement;
+    surface: PopoverSurface;
+    portalName?: string;
+}
+interface PopoverRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface PopoverPosition {
+    x: number;
+    y: number;
+    placement: PopoverPlacement;
+    arrowOffset: number;
+    showArrow: boolean;
+}
+interface PopoverPositionOptions {
+    anchor: PopoverRect;
+    bounds: PopoverRect;
+    width: number;
+    height: number;
+    placement: PopoverPlacement;
+    gap: number;
+    arrowInset: number;
+}
+interface PopoverSurfaceStyleProps {
+    surface: PopoverSurface;
+    bounds: PopoverRect;
+    host?: PopoverRect;
+    position: PopoverPosition | null;
+    ready: boolean;
+}
+
+export type { PopoverCloseProps, PopoverContentProps, PopoverContextValue, PopoverDescriptionProps, PopoverPlacement, PopoverPosition, PopoverPositionOptions, PopoverProps, PopoverRect, PopoverRootProps, PopoverSurface, PopoverSurfaceStyleProps, PopoverTitleProps, PopoverTriggerProps, TooltipProps };

package/dist/types/popover.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=popover.types.js.map

package/dist/types/popover.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/popover-position.utils.d.mts

@@ -0,0 +1,11 @@
+import { ViewStyle } from 'react-native';
+import { PopoverRect, PopoverPosition, PopoverPositionOptions } from '../types/popover.types.mjs';
+import 'react';
+import '@impulse-ui-native/primitives';
+
+declare function clamp(value: number, min: number, max: number): number;
+declare function equalRects(a: PopoverRect | null, b: PopoverRect): boolean;
+declare function getPopoverPosition({ anchor, bounds, width, height, placement: preferred, gap, arrowInset, }: PopoverPositionOptions): PopoverPosition;
+declare function getArrowStyle(position: PopoverPosition, size: number, color: string, borderWidth: number, borderColor: string): ViewStyle;
+
+export { clamp, equalRects, getArrowStyle, getPopoverPosition };

package/dist/utils/popover-position.utils.js

@@ -0,0 +1,102 @@
+import { OppositePlacement } from "../constants/popover.constants";
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), Math.max(min, max));
+}
+function equalRects(a, b) {
+  return a !== null && a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+function getPopoverPosition({
+  anchor,
+  bounds,
+  width,
+  height,
+  placement: preferred,
+  gap,
+  arrowInset
+}) {
+  const right = bounds.x + bounds.width;
+  const bottom = bounds.y + bounds.height;
+  const available = {
+    top: anchor.y - bounds.y - gap,
+    bottom: bottom - anchor.y - anchor.height - gap,
+    left: anchor.x - bounds.x - gap,
+    right: right - anchor.x - anchor.width - gap
+  };
+  const vertical = preferred === "top" || preferred === "bottom";
+  const extent = vertical ? height : width;
+  const opposite = OppositePlacement[preferred];
+  const placement = available[preferred] < extent && available[opposite] > available[preferred] ? opposite : preferred;
+  const centerX = anchor.x + anchor.width / 2;
+  const centerY = anchor.y + anchor.height / 2;
+  const x = clamp(
+    vertical ? centerX - width / 2 : placement === "left" ? anchor.x - width - gap : anchor.x + anchor.width + gap,
+    bounds.x,
+    right - width
+  );
+  const y = clamp(
+    vertical ? placement === "top" ? anchor.y - height - gap : anchor.y + anchor.height + gap : centerY - height / 2,
+    bounds.y,
+    bottom - height
+  );
+  const edgeLength = vertical ? width : height;
+  const inset = Math.min(arrowInset, edgeLength / 2);
+  const offset = vertical ? centerX - x : centerY - y;
+  const facing = placement === "top" ? y + height <= anchor.y : placement === "bottom" ? y >= anchor.y + anchor.height : placement === "left" ? x + width <= anchor.x : x >= anchor.x + anchor.width;
+  return {
+    x,
+    y,
+    placement,
+    arrowOffset: clamp(offset, inset, edgeLength - inset),
+    showArrow: facing && offset >= inset && offset <= edgeLength - inset
+  };
+}
+function getArrowStyle(position, size, color, borderWidth, borderColor) {
+  const side = size * Math.SQRT2;
+  const offset = position.arrowOffset - borderWidth - side / 2;
+  const edge = -(side + borderWidth) / 2;
+  const shared = {
+    width: side,
+    height: side,
+    backgroundColor: color,
+    borderColor,
+    transform: [{ rotate: "45deg" }],
+    ...position.placement === "top" || position.placement === "bottom" ? { left: offset } : { top: offset }
+  };
+  switch (position.placement) {
+    case "top":
+      return {
+        ...shared,
+        bottom: edge,
+        borderBottomWidth: borderWidth,
+        borderRightWidth: borderWidth
+      };
+    case "bottom":
+      return {
+        ...shared,
+        top: edge,
+        borderTopWidth: borderWidth,
+        borderLeftWidth: borderWidth
+      };
+    case "left":
+      return {
+        ...shared,
+        right: edge,
+        borderTopWidth: borderWidth,
+        borderRightWidth: borderWidth
+      };
+    case "right":
+      return {
+        ...shared,
+        left: edge,
+        borderBottomWidth: borderWidth,
+        borderLeftWidth: borderWidth
+      };
+  }
+}
+export {
+  clamp,
+  equalRects,
+  getArrowStyle,
+  getPopoverPosition
+};
+//# sourceMappingURL=popover-position.utils.js.map

package/dist/utils/popover-position.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/popover-position.utils.ts"],"sourcesContent":["import type { ViewStyle } from \"react-native\";\n\nimport type {\n  PopoverPlacement,\n  PopoverPosition,\n  PopoverPositionOptions,\n  PopoverRect,\n} from \"../types/popover.types\";\nimport { OppositePlacement } from \"../constants/popover.constants\";\n\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), Math.max(min, max));\n}\n\nexport function equalRects(a: PopoverRect | null, b: PopoverRect): boolean {\n  return (\n    a !== null &&\n    a.x === b.x &&\n    a.y === b.y &&\n    a.width === b.width &&\n    a.height === b.height\n  );\n}\n\nexport function getPopoverPosition({\n  anchor,\n  bounds,\n  width,\n  height,\n  placement: preferred,\n  gap,\n  arrowInset,\n}: PopoverPositionOptions): PopoverPosition {\n  const right = bounds.x + bounds.width;\n  const bottom = bounds.y + bounds.height;\n\n  const available: Record<PopoverPlacement, number> = {\n    top: anchor.y - bounds.y - gap,\n    bottom: bottom - anchor.y - anchor.height - gap,\n    left: anchor.x - bounds.x - gap,\n    right: right - anchor.x - anchor.width - gap,\n  };\n\n  const vertical = preferred === \"top\" || preferred === \"bottom\";\n  const extent = vertical ? height : width;\n  const opposite = OppositePlacement[preferred];\n  const placement =\n    available[preferred] < extent && available[opposite] > available[preferred]\n      ? opposite\n      : preferred;\n\n  const centerX = anchor.x + anchor.width / 2;\n  const centerY = anchor.y + anchor.height / 2;\n  const x = clamp(\n    vertical\n      ? centerX - width / 2\n      : placement === \"left\"\n        ? anchor.x - width - gap\n        : anchor.x + anchor.width + gap,\n    bounds.x,\n    right - width,\n  );\n  const y = clamp(\n    vertical\n      ? placement === \"top\"\n        ? anchor.y - height - gap\n        : anchor.y + anchor.height + gap\n      : centerY - height / 2,\n    bounds.y,\n    bottom - height,\n  );\n\n  const edgeLength = vertical ? width : height;\n  const inset = Math.min(arrowInset, edgeLength / 2);\n  const offset = vertical ? centerX - x : centerY - y;\n  const facing =\n    placement === \"top\"\n      ? y + height <= anchor.y\n      : placement === \"bottom\"\n        ? y >= anchor.y + anchor.height\n        : placement === \"left\"\n          ? x + width <= anchor.x\n          : x >= anchor.x + anchor.width;\n\n  return {\n    x,\n    y,\n    placement,\n    arrowOffset: clamp(offset, inset, edgeLength - inset),\n    showArrow: facing && offset >= inset && offset <= edgeLength - inset,\n  };\n}\n\nexport function getArrowStyle(\n  position: PopoverPosition,\n  size: number,\n  color: string,\n  borderWidth: number,\n  borderColor: string,\n): ViewStyle {\n  const side = size * Math.SQRT2;\n  const offset = position.arrowOffset - borderWidth - side / 2;\n  const edge = -(side + borderWidth) / 2;\n\n  // The inner half covers the panel's border; only the outward edges are outlined.\n  const shared: ViewStyle = {\n    width: side,\n    height: side,\n    backgroundColor: color,\n    borderColor,\n    transform: [{ rotate: \"45deg\" }],\n    ...(position.placement === \"top\" || position.placement === \"bottom\"\n      ? { left: offset }\n      : { top: offset }),\n  };\n\n  switch (position.placement) {\n    case \"top\":\n      return {\n        ...shared,\n        bottom: edge,\n        borderBottomWidth: borderWidth,\n        borderRightWidth: borderWidth,\n      };\n\n    case \"bottom\":\n      return {\n        ...shared,\n        top: edge,\n        borderTopWidth: borderWidth,\n        borderLeftWidth: borderWidth,\n      };\n\n    case \"left\":\n      return {\n        ...shared,\n        right: edge,\n        borderTopWidth: borderWidth,\n        borderRightWidth: borderWidth,\n      };\n\n    case \"right\":\n      return {\n        ...shared,\n        left: edge,\n        borderBottomWidth: borderWidth,\n        borderLeftWidth: borderWidth,\n      };\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,62 @@
 {
   "name": "@impulse-ui-native/popover",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "6.3.0",
+  "description": "Portal-rendered tooltips and compound anchored popovers for ImpulseUI Native.",
+  "keywords": [
+    "react-native",
+    "popover",
+    "tooltip",
+    "components"
+  ],
+  "license": "MIT",
+  "source": "src/index.ts",
+  "module": "dist/index.js",
+  "types": "dist/index.d.mts",
+  "react-native": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "react-native": "./src/index.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@impulse-ui-native/core": "6.3.0",
+    "@impulse-ui-native/primitives": "6.3.0",
+    "@impulse-ui-native/portal": "6.3.0",
+    "@impulse-ui-native/theme": "6.3.0"
+  },
+  "devDependencies": {
+    "@types/react": "~19.2.14",
+    "eslint": "^9.38.0",
+    "prettier": "^3.6.2",
+    "react": "19.2.3",
+    "react-native": "0.86.2",
+    "react-native-safe-area-context": "~5.7.0",
+    "typescript": "~6.0.3",
+    "@impulse-ui-native/eslint-config": "1.0.0",
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.73",
+    "react-native-safe-area-context": ">=5.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "prettier": "@impulse-ui-native/prettier-config",
+  "scripts": {
+    "build": "tsup --config tsup.config.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "pnpm exec eslint . --fix",
+    "format": "prettier --write \"./**/*.{ts,tsx,js,jsx,json,md}\" --ignore-path ../../.prettierignore"
+  }
 }