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

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ImpulseUI Native contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,64 @@
-# Temporary Holding Version
+# @impulse-ui-native/popover
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Native anchored overlays with theme tokens and Portal rendering. Tooltip and Popover share measurement and collision handling; no Overlay store or animation runtime is required.
+
+## Installation and providers
+
+```sh
+pnpm add @impulse-ui-native/popover @impulse-ui-native/portal @impulse-ui-native/theme react-native-safe-area-context
+```
+
+Install `SafeAreaProvider`, `ThemeProvider`, and `PortalProvider` at the app root. Render `PortalsHost` last, inside a full-screen native View and the same theme/safe-area providers. Create the `PortalStore` once outside render. A custom `portalName` must match its host's `name`. Positioning measures both anchor and host in window coordinates, so an inset host also works within its own bounds.
+
+## Compound popover
+
+```tsx
+import { Popover, Tooltip } from "@impulse-ui-native/popover";
+import { Typography } from "@impulse-ui-native/primitives";
+
+<Popover.Root placement="bottom">
+  <Popover.Trigger>
+    <Typography.Label>Visibility</Typography.Label>
+  </Popover.Trigger>
+  <Popover.Content>
+    <Popover.Title>Project visibility</Popover.Title>
+    <Popover.Description>Choose who can view this project.</Popover.Description>
+    {/* Supply any selection controls or actions here. */}
+    <Popover.Close>
+      <Typography.Label>Done</Typography.Label>
+    </Popover.Close>
+  </Popover.Content>
+</Popover.Root>;
+
+<Tooltip content="Syncs when you’re online">
+  <Typography.Label>Auto-sync info</Typography.Label>
+</Tooltip>;
+```
+
+All compound parts render supplied children. `Popover.Content` owns Portal rendering and carries popover context to the host, so `Title`, `Description`, and `Close` work there. Other app-local React providers around an anchor do not automatically move with it; put those providers above the host or inside Content.
+
+The convenience form assembles Trigger and Content:
+
+```tsx
+<Popover trigger={<Typography.Label>Details</Typography.Label>}>
+  <Popover.Title>Project details</Popover.Title>
+  <Popover.Description>Updated just now.</Popover.Description>
+</Popover>
+```
+
+## Contract
+
+- `open`, `defaultOpen` (false), and `onOpenChange` support controlled and uncontrolled state. Controlled consumers must apply requested changes.
+- `placement` accepts `top`, `bottom`, `left`, and `right`. Popover defaults to bottom; Tooltip defaults to top. Left/right are physical placements.
+- A press toggles Popover. Tooltip defaults to long-press. `triggerProps.trigger` or `Popover.Trigger`'s `trigger` selects either behavior. Consumer press/long-press callbacks are preserved.
+- Root `disabled` suppresses the overlay and blocks trigger changes. Trigger/Close `disabled` or `loading` blocks that part's interaction. Supply a single Trigger and Content per Root; use non-interactive visual children inside Trigger rather than nesting another pressable.
+- Outside taps and Android Back request dismissal. Outside taps are consumed; there is no dim scrim. Content sizes naturally without internal scrolling. Keep popovers compact; use a sheet, dialog, or screen for larger content. Keyboard avoidance and nested overlay coordination are outside this initial API.
+- Tooltip `duration` defaults to 3000ms from opening; zero persists until dismissal. Timers clean up on close/unmount. Supply strings/numbers for token-styled text or a React node for custom content.
+- `surface` selects elevated (default) or inverse appearance for Popover. Tooltip uses inverse. Override `components.popover` on ThemeProvider for shared geometry, typography, and surface styling.
+- Elevated content defaults to 320dp wide; inverse hints size to their content. Both are constrained to the available host width. Content spacing and width can be customized with primitive style props or `style`.
+- Anchors and host bounds are measured on opening and polled every 100ms while open, following scrolling and layout changes. Only one measurement is in flight; slow native callbacks are allowed to finish. Closed overlays have no measurement timer. Content stays hidden until measured and when its anchor is outside the usable host bounds.
+- Collision handling flips to the opposite side when it has more space, then shifts into safe-area bounds. The arrow tracks the anchor and hides if a constrained panel cannot point accurately. Extremely large content can overlap the anchor after clamping.
+
+## Exports and verification
+
+`Popover`, `Tooltip`, and their prop/placement/surface types are available directly or through `@impulse-ui-native/toolkit`. Storybook covers composition, controlled state, disabled triggers, long-press, and edge placements. Use the on-device Storybook host to verify rendering and interaction on iOS and Android.

package/dist/components/index.d.mts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { PopoverProps, PopoverRootProps, PopoverTriggerProps, PopoverContentProps, PopoverTitleProps, PopoverDescriptionProps, PopoverCloseProps } from '../types/popover.types.mjs';
+export { Tooltip } from './tooltip.mjs';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare const Popover: react.NamedExoticComponent<PopoverProps> & {
+    readonly type: ({ trigger, triggerProps, contentProps, children, ...props }: PopoverProps) => react_jsx_runtime.JSX.Element;
+} & {
+    Root: react.MemoExoticComponent<({ children, open: openProp, defaultOpen, onOpenChange, disabled, placement, surface, portalName, }: PopoverRootProps) => react_jsx_runtime.JSX.Element>;
+    Trigger: react.MemoExoticComponent<({ trigger, disabled, loading, onPress, onLongPress, ...props }: PopoverTriggerProps) => react_jsx_runtime.JSX.Element>;
+    Content: react.MemoExoticComponent<(props: PopoverContentProps) => react_jsx_runtime.JSX.Element | null>;
+    Title: react.MemoExoticComponent<(props: PopoverTitleProps) => react_jsx_runtime.JSX.Element>;
+    Description: react.MemoExoticComponent<(props: PopoverDescriptionProps) => react_jsx_runtime.JSX.Element>;
+    Close: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: PopoverCloseProps) => react_jsx_runtime.JSX.Element>;
+};
+
+export { Popover };

package/dist/components/index.js

@@ -0,0 +1,21 @@
+import { PopoverComponent } from "./popover";
+import { PopoverClose } from "./popover-close";
+import { PopoverContent } from "./popover-content";
+import { PopoverDescription } from "./popover-description";
+import { PopoverRoot } from "./popover-root";
+import { PopoverTitle } from "./popover-title";
+import { PopoverTrigger } from "./popover-trigger";
+const Popover = Object.assign(PopoverComponent, {
+  Root: PopoverRoot,
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Title: PopoverTitle,
+  Description: PopoverDescription,
+  Close: PopoverClose
+});
+import { Tooltip } from "./tooltip";
+export {
+  Popover,
+  Tooltip
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["import { PopoverComponent } from \"./popover\";\nimport { PopoverClose } from \"./popover-close\";\nimport { PopoverContent } from \"./popover-content\";\nimport { PopoverDescription } from \"./popover-description\";\nimport { PopoverRoot } from \"./popover-root\";\nimport { PopoverTitle } from \"./popover-title\";\nimport { PopoverTrigger } from \"./popover-trigger\";\n\nexport const Popover = Object.assign(PopoverComponent, {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n});\n\nexport { Tooltip } from \"./tooltip\";\n"],"mappings":"AAAA,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAExB,MAAM,UAAU,OAAO,OAAO,kBAAkB;AAAA,EACrD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AACT,CAAC;AAED,SAAS,eAAe;","names":[]}

package/dist/components/popover-close.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PopoverCloseProps } from '../types/popover.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare const PopoverClose: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: PopoverCloseProps) => react_jsx_runtime.JSX.Element>;
+
+export { PopoverClose };

package/dist/components/popover-close.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { useEventCallback } from "@impulse-ui-native/core";
+import { Pressable } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { usePopoverContext } from "../hooks/use-popover-context.hook";
+const PopoverClose = memo(function PopoverClose2({
+  disabled,
+  loading,
+  onPress,
+  ...props
+}) {
+  const context = usePopoverContext();
+  const tokens = useComponentsTokens().popover;
+  const blocked = context.disabled || disabled === true || loading === true;
+  const handlePress = useEventCallback((event) => {
+    if (blocked) {
+      return;
+    }
+    context.setOpen(false);
+    onPress?.(event);
+  });
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      minWidth: tokens.actionMinSize,
+      minHeight: tokens.actionMinSize,
+      hitSlop: tokens.gap,
+      ...props,
+      disabled: blocked,
+      onPress: handlePress
+    }
+  );
+});
+export {
+  PopoverClose
+};
+//# sourceMappingURL=popover-close.js.map

package/dist/components/popover-close.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/popover-close.tsx"],"sourcesContent":["import type { GestureResponderEvent } from \"react-native\";\nimport { memo } from \"react\";\n\nimport { useEventCallback } from \"@impulse-ui-native/core\";\nimport { Pressable } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { PopoverCloseProps } from \"../types\";\nimport { usePopoverContext } from \"../hooks/use-popover-context.hook\";\n\nexport const PopoverClose = memo(function PopoverClose({\n  disabled,\n  loading,\n  onPress,\n  ...props\n}: PopoverCloseProps) {\n  const context = usePopoverContext();\n  const tokens = useComponentsTokens().popover;\n  const blocked = context.disabled || disabled === true || loading === true;\n\n  const handlePress = useEventCallback((event: GestureResponderEvent) => {\n    if (blocked) {\n      return;\n    }\n\n    context.setOpen(false);\n\n    onPress?.(event);\n  });\n\n  return (\n    <Pressable\n      minWidth={tokens.actionMinSize}\n      minHeight={tokens.actionMinSize}\n      hitSlop={tokens.gap}\n      {...props}\n      disabled={blocked}\n      onPress={handlePress}\n    />\n  );\n});\n"],"mappings":"AA+BI;AA9BJ,SAAS,YAAY;AAErB,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AAGpC,SAAS,yBAAyB;AAE3B,MAAM,eAAe,KAAK,SAASA,cAAa;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,UAAU,kBAAkB;AAClC,QAAM,SAAS,oBAAoB,EAAE;AACrC,QAAM,UAAU,QAAQ,YAAY,aAAa,QAAQ,YAAY;AAErE,QAAM,cAAc,iBAAiB,CAAC,UAAiC;AACrE,QAAI,SAAS;AACX;AAAA,IACF;AAEA,YAAQ,QAAQ,KAAK;AAErB,cAAU,KAAK;AAAA,EACjB,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,OAAO;AAAA,MACjB,WAAW,OAAO;AAAA,MAClB,SAAS,OAAO;AAAA,MACf,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,SAAS;AAAA;AAAA,EACX;AAEJ,CAAC;","names":["PopoverClose"]}

package/dist/components/popover-content.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PopoverContentProps } from '../types/popover.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare const PopoverContent: react.MemoExoticComponent<(props: PopoverContentProps) => react_jsx_runtime.JSX.Element | null>;
+
+export { PopoverContent };

package/dist/components/popover-content.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { Portal } from "@impulse-ui-native/portal";
+import { PopoverContext } from "../contexts/popover.context";
+import { usePopoverContext } from "../hooks/use-popover-context.hook";
+import { PopoverSurfaceView } from "./popover-surface";
+const PopoverContent = memo(function PopoverContent2(props) {
+  const context = usePopoverContext();
+  return context.open ? /* @__PURE__ */ jsx(Portal, { name: context.portalName, children: /* @__PURE__ */ jsx(PopoverContext.Provider, { value: context, children: /* @__PURE__ */ jsx(PopoverSurfaceView, { ...props }) }) }) : null;
+});
+export {
+  PopoverContent
+};
+//# sourceMappingURL=popover-content.js.map

package/dist/components/popover-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/popover-content.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Portal } from \"@impulse-ui-native/portal\";\n\nimport type { PopoverContentProps } from \"../types\";\nimport { PopoverContext } from \"../contexts/popover.context\";\nimport { usePopoverContext } from \"../hooks/use-popover-context.hook\";\nimport { PopoverSurfaceView } from \"./popover-surface\";\n\nexport const PopoverContent = memo(function PopoverContent(\n  props: PopoverContentProps,\n) {\n  const context = usePopoverContext();\n\n  return context.open ? (\n    <Portal name={context.portalName}>\n      <PopoverContext.Provider value={context}>\n        <PopoverSurfaceView {...props} />\n      </PopoverContext.Provider>\n    </Portal>\n  ) : null;\n});\n"],"mappings":"AAiBQ;AAjBR,SAAS,YAAY;AAErB,SAAS,cAAc;AAGvB,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AAE5B,MAAM,iBAAiB,KAAK,SAASA,gBAC1C,OACA;AACA,QAAM,UAAU,kBAAkB;AAElC,SAAO,QAAQ,OACb,oBAAC,UAAO,MAAM,QAAQ,YACpB,8BAAC,eAAe,UAAf,EAAwB,OAAO,SAC9B,8BAAC,sBAAoB,GAAG,OAAO,GACjC,GACF,IACE;AACN,CAAC;","names":["PopoverContent"]}

package/dist/components/popover-description.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PopoverDescriptionProps } from '../types/popover.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare const PopoverDescription: react.MemoExoticComponent<(props: PopoverDescriptionProps) => react_jsx_runtime.JSX.Element>;
+
+export { PopoverDescription };

package/dist/components/popover-description.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { Typography } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { usePopoverContext } from "../hooks/use-popover-context.hook";
+const PopoverDescription = memo(function PopoverDescription2(props) {
+  const { surface } = usePopoverContext();
+  const tokens = useComponentsTokens().popover;
+  return /* @__PURE__ */ jsx(
+    Typography.BodySmall,
+    {
+      color: surface === "inverse" ? tokens.surfaces.inverse.contrast : tokens.descriptionColor,
+      fontSize: tokens.descriptionFontSize,
+      lineHeight: tokens.descriptionLineHeight,
+      ...props
+    }
+  );
+});
+export {
+  PopoverDescription
+};
+//# sourceMappingURL=popover-description.js.map

package/dist/components/popover-description.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/popover-description.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Typography } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { PopoverDescriptionProps } from \"../types\";\nimport { usePopoverContext } from \"../hooks/use-popover-context.hook\";\n\nexport const PopoverDescription = memo(function PopoverDescription(\n  props: PopoverDescriptionProps,\n) {\n  const { surface } = usePopoverContext();\n  const tokens = useComponentsTokens().popover;\n\n  return (\n    <Typography.BodySmall\n      color={\n        surface === \"inverse\"\n          ? tokens.surfaces.inverse.contrast\n          : tokens.descriptionColor\n      }\n      fontSize={tokens.descriptionFontSize}\n      lineHeight={tokens.descriptionLineHeight}\n      {...props}\n    />\n  );\n});\n"],"mappings":"AAeI;AAfJ,SAAS,YAAY;AAErB,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAGpC,SAAS,yBAAyB;AAE3B,MAAM,qBAAqB,KAAK,SAASA,oBAC9C,OACA;AACA,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,SAAS,oBAAoB,EAAE;AAErC,SACE;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACC,OACE,YAAY,YACR,OAAO,SAAS,QAAQ,WACxB,OAAO;AAAA,MAEb,UAAU,OAAO;AAAA,MACjB,YAAY,OAAO;AAAA,MAClB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["PopoverDescription"]}

package/dist/components/popover-root.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PopoverRootProps } from '../types/popover.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare const PopoverRoot: react.MemoExoticComponent<({ children, open: openProp, defaultOpen, onOpenChange, disabled, placement, surface, portalName, }: PopoverRootProps) => react_jsx_runtime.JSX.Element>;
+
+export { PopoverRoot };

package/dist/components/popover-root.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo, useRef } from "react";
+import { useControllableState } from "@impulse-ui-native/core";
+import { PopoverContext } from "../contexts/popover.context";
+const PopoverRoot = memo(function PopoverRoot2({
+  children,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  disabled = false,
+  placement = "bottom",
+  surface = "elevated",
+  portalName
+}) {
+  const anchorRef = useRef(null);
+  const [open, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const context = useMemo(
+    () => ({
+      open: open && !disabled,
+      disabled,
+      setOpen,
+      anchorRef,
+      placement,
+      surface,
+      portalName
+    }),
+    [open, disabled, setOpen, placement, surface, portalName]
+  );
+  return /* @__PURE__ */ jsx(PopoverContext.Provider, { value: context, children });
+});
+export {
+  PopoverRoot
+};
+//# sourceMappingURL=popover-root.js.map

package/dist/components/popover-root.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/popover-root.tsx"],"sourcesContent":["import type { View } from \"react-native\";\nimport { memo, useMemo, useRef } from \"react\";\n\nimport { useControllableState } from \"@impulse-ui-native/core\";\n\nimport type { PopoverRootProps } from \"../types\";\nimport { PopoverContext } from \"../contexts/popover.context\";\n\nexport const PopoverRoot = memo(function PopoverRoot({\n  children,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  placement = \"bottom\",\n  surface = \"elevated\",\n  portalName,\n}: PopoverRootProps) {\n  const anchorRef = useRef<View>(null);\n\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const context = useMemo(\n    () => ({\n      open: open && !disabled,\n      disabled,\n      setOpen,\n      anchorRef,\n      placement,\n      surface,\n      portalName,\n    }),\n    [open, disabled, setOpen, placement, surface, portalName],\n  );\n\n  return (\n    <PopoverContext.Provider value={context}>\n      {children}\n    </PopoverContext.Provider>\n  );\n});\n"],"mappings":"AAwCI;AAvCJ,SAAS,MAAM,SAAS,cAAc;AAEtC,SAAS,4BAA4B;AAGrC,SAAS,sBAAsB;AAExB,MAAM,cAAc,KAAK,SAASA,aAAY;AAAA,EACnD;AAAA,EACA,MAAM;AAAA,EACN,cAAc;AAAA,EACd;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AACF,GAAqB;AACnB,QAAM,YAAY,OAAa,IAAI;AAEnC,QAAM,CAAC,MAAM,OAAO,IAAI,qBAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,MACL,MAAM,QAAQ,CAAC;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,MAAM,UAAU,SAAS,WAAW,SAAS,UAAU;AAAA,EAC1D;AAEA,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,SAC7B,UACH;AAEJ,CAAC;","names":["PopoverRoot"]}

package/dist/components/popover-surface.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PopoverContentProps } from '../types/popover.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare const PopoverSurfaceView: react.MemoExoticComponent<({ children, style, onLayout, ...props }: PopoverContentProps) => react_jsx_runtime.JSX.Element>;
+
+export { PopoverSurfaceView };

package/dist/components/popover-surface.js

@@ -0,0 +1,85 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { StyleSheet } from "react-native";
+import { Pressable, View } from "@impulse-ui-native/primitives";
+import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
+import { usePopoverSurface } from "../hooks/use-popover-surface.hook";
+import { getArrowStyle } from "../utils/popover-position.utils";
+const PopoverSurfaceView = memo(function PopoverSurfaceView2({
+  children,
+  style,
+  onLayout,
+  ...props
+}) {
+  const { hostRef, styleProps, close, handleLayout } = usePopoverSurface(onLayout);
+  const extractedStyleProps = useStyleProps(props);
+  const styles = useThemedStyles(themedStyles, styleProps, [styleProps]);
+  const panelStyle = useMemo(
+    () => [styles.panel, extractedStyleProps, style, styles.position],
+    [styles.panel, extractedStyleProps, style, styles.position]
+  );
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      ref: hostRef,
+      collapsable: false,
+      pointerEvents: "box-none",
+      style: styles.host,
+      children: [
+        /* @__PURE__ */ jsx(Pressable, { style: StyleSheet.absoluteFill, onPress: close }),
+        /* @__PURE__ */ jsxs(
+          View,
+          {
+            shadow: "sm",
+            ...props,
+            pointerEvents: styleProps.ready ? "auto" : "none",
+            style: panelStyle,
+            onLayout: handleLayout,
+            children: [
+              children,
+              styleProps.ready && styleProps.position?.showArrow ? /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles.arrow }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+function themedStyles(theme, { surface, bounds, host, position, ready }) {
+  const tokens = theme.components.popover;
+  const appearance = tokens.surfaces[surface];
+  return StyleSheet.create({
+    host: { ...StyleSheet.absoluteFill, zIndex: tokens.zIndexBase },
+    position: {
+      position: "absolute",
+      left: (position?.x ?? bounds.x) - (host?.x ?? 0),
+      top: (position?.y ?? bounds.y) - (host?.y ?? 0),
+      maxWidth: Math.min(tokens.maxWidth, bounds.width),
+      opacity: ready ? 1 : 0
+    },
+    panel: {
+      width: surface === "elevated" ? tokens.maxWidth : void 0,
+      backgroundColor: appearance.value,
+      borderColor: appearance.borderColor,
+      borderWidth: appearance.borderWidth,
+      borderRadius: appearance.borderRadius,
+      paddingHorizontal: appearance.paddingHorizontal,
+      paddingVertical: appearance.paddingVertical,
+      gap: tokens.gap
+    },
+    arrow: {
+      position: "absolute",
+      ...position ? getArrowStyle(
+        position,
+        tokens.arrowSize,
+        appearance.value,
+        appearance.borderWidth,
+        appearance.borderColor
+      ) : {}
+    }
+  });
+}
+export {
+  PopoverSurfaceView
+};
+//# sourceMappingURL=popover-surface.js.map

package/dist/components/popover-surface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/popover-surface.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { Pressable, View } from \"@impulse-ui-native/primitives\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { PopoverContentProps } from \"../types\";\nimport type { PopoverSurfaceStyleProps } from \"../types/popover.types\";\nimport { usePopoverSurface } from \"../hooks/use-popover-surface.hook\";\nimport { getArrowStyle } from \"../utils/popover-position.utils\";\n\nexport const PopoverSurfaceView = memo(function PopoverSurfaceView({\n  children,\n  style,\n  onLayout,\n  ...props\n}: PopoverContentProps) {\n  const { hostRef, styleProps, close, handleLayout } =\n    usePopoverSurface(onLayout);\n\n  const extractedStyleProps = useStyleProps(props);\n  const styles = useThemedStyles(themedStyles, styleProps, [styleProps]);\n\n  const panelStyle = useMemo(\n    () => [styles.panel, extractedStyleProps, style, styles.position],\n    [styles.panel, extractedStyleProps, style, styles.position],\n  );\n\n  return (\n    <View\n      ref={hostRef}\n      collapsable={false}\n      pointerEvents=\"box-none\"\n      style={styles.host}\n    >\n      <Pressable style={StyleSheet.absoluteFill} onPress={close} />\n      <View\n        shadow=\"sm\"\n        {...props}\n        pointerEvents={styleProps.ready ? \"auto\" : \"none\"}\n        style={panelStyle}\n        onLayout={handleLayout}\n      >\n        {children}\n        {styleProps.ready && styleProps.position?.showArrow ? (\n          <View pointerEvents=\"none\" style={styles.arrow} />\n        ) : null}\n      </View>\n    </View>\n  );\n});\n\nfunction themedStyles(\n  theme: AppTheme,\n  { surface, bounds, host, position, ready }: PopoverSurfaceStyleProps,\n) {\n  const tokens = theme.components.popover;\n  const appearance = tokens.surfaces[surface];\n\n  return StyleSheet.create({\n    host: { ...StyleSheet.absoluteFill, zIndex: tokens.zIndexBase },\n\n    position: {\n      position: \"absolute\",\n      left: (position?.x ?? bounds.x) - (host?.x ?? 0),\n      top: (position?.y ?? bounds.y) - (host?.y ?? 0),\n      maxWidth: Math.min(tokens.maxWidth, bounds.width),\n      opacity: ready ? 1 : 0,\n    },\n\n    panel: {\n      width: surface === \"elevated\" ? tokens.maxWidth : undefined,\n      backgroundColor: appearance.value,\n      borderColor: appearance.borderColor,\n      borderWidth: appearance.borderWidth,\n      borderRadius: appearance.borderRadius,\n      paddingHorizontal: appearance.paddingHorizontal,\n      paddingVertical: appearance.paddingVertical,\n      gap: tokens.gap,\n    },\n\n    arrow: {\n      position: \"absolute\",\n      ...(position\n        ? getArrowStyle(\n            position,\n            tokens.arrowSize,\n            appearance.value,\n            appearance.borderWidth,\n            appearance.borderColor,\n          )\n        : {}),\n    },\n  });\n}\n"],"mappings":"AAoCM,cACA,YADA;AApCN,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,WAAW,YAAY;AAChC,SAAS,eAAe,uBAAuB;AAI/C,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAEvB,MAAM,qBAAqB,KAAK,SAASA,oBAAmB;AAAA,EACjE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,SAAS,YAAY,OAAO,aAAa,IAC/C,kBAAkB,QAAQ;AAE5B,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,SAAS,gBAAgB,cAAc,YAAY,CAAC,UAAU,CAAC;AAErE,QAAM,aAAa;AAAA,IACjB,MAAM,CAAC,OAAO,OAAO,qBAAqB,OAAO,OAAO,QAAQ;AAAA,IAChE,CAAC,OAAO,OAAO,qBAAqB,OAAO,OAAO,QAAQ;AAAA,EAC5D;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,aAAa;AAAA,MACb,eAAc;AAAA,MACd,OAAO,OAAO;AAAA,MAEd;AAAA,4BAAC,aAAU,OAAO,WAAW,cAAc,SAAS,OAAO;AAAA,QAC3D;AAAA,UAAC;AAAA;AAAA,YACC,QAAO;AAAA,YACN,GAAG;AAAA,YACJ,eAAe,WAAW,QAAQ,SAAS;AAAA,YAC3C,OAAO;AAAA,YACP,UAAU;AAAA,YAET;AAAA;AAAA,cACA,WAAW,SAAS,WAAW,UAAU,YACxC,oBAAC,QAAK,eAAc,QAAO,OAAO,OAAO,OAAO,IAC9C;AAAA;AAAA;AAAA,QACN;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,SAAS,aACP,OACA,EAAE,SAAS,QAAQ,MAAM,UAAU,MAAM,GACzC;AACA,QAAM,SAAS,MAAM,WAAW;AAChC,QAAM,aAAa,OAAO,SAAS,OAAO;AAE1C,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM,EAAE,GAAG,WAAW,cAAc,QAAQ,OAAO,WAAW;AAAA,IAE9D,UAAU;AAAA,MACR,UAAU;AAAA,MACV,OAAO,UAAU,KAAK,OAAO,MAAM,MAAM,KAAK;AAAA,MAC9C,MAAM,UAAU,KAAK,OAAO,MAAM,MAAM,KAAK;AAAA,MAC7C,UAAU,KAAK,IAAI,OAAO,UAAU,OAAO,KAAK;AAAA,MAChD,SAAS,QAAQ,IAAI;AAAA,IACvB;AAAA,IAEA,OAAO;AAAA,MACL,OAAO,YAAY,aAAa,OAAO,WAAW;AAAA,MAClD,iBAAiB,WAAW;AAAA,MAC5B,aAAa,WAAW;AAAA,MACxB,aAAa,WAAW;AAAA,MACxB,cAAc,WAAW;AAAA,MACzB,mBAAmB,WAAW;AAAA,MAC9B,iBAAiB,WAAW;AAAA,MAC5B,KAAK,OAAO;AAAA,IACd;AAAA,IAEA,OAAO;AAAA,MACL,UAAU;AAAA,MACV,GAAI,WACA;AAAA,QACE;AAAA,QACA,OAAO;AAAA,QACP,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,MACb,IACA,CAAC;AAAA,IACP;AAAA,EACF,CAAC;AACH;","names":["PopoverSurfaceView"]}

package/dist/components/popover-title.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PopoverTitleProps } from '../types/popover.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare const PopoverTitle: react.MemoExoticComponent<(props: PopoverTitleProps) => react_jsx_runtime.JSX.Element>;
+
+export { PopoverTitle };

package/dist/components/popover-title.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { Typography } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { usePopoverContext } from "../hooks/use-popover-context.hook";
+const PopoverTitle = memo(function PopoverTitle2(props) {
+  const { surface } = usePopoverContext();
+  const tokens = useComponentsTokens().popover;
+  return /* @__PURE__ */ jsx(
+    Typography.Title6,
+    {
+      color: surface === "inverse" ? tokens.surfaces.inverse.contrast : tokens.titleColor,
+      fontSize: tokens.titleFontSize,
+      lineHeight: tokens.titleLineHeight,
+      ...props
+    }
+  );
+});
+export {
+  PopoverTitle
+};
+//# sourceMappingURL=popover-title.js.map

package/dist/components/popover-title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/popover-title.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Typography } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { PopoverTitleProps } from \"../types\";\nimport { usePopoverContext } from \"../hooks/use-popover-context.hook\";\n\nexport const PopoverTitle = memo(function PopoverTitle(\n  props: PopoverTitleProps,\n) {\n  const { surface } = usePopoverContext();\n  const tokens = useComponentsTokens().popover;\n\n  return (\n    <Typography.Title6\n      color={\n        surface === \"inverse\"\n          ? tokens.surfaces.inverse.contrast\n          : tokens.titleColor\n      }\n      fontSize={tokens.titleFontSize}\n      lineHeight={tokens.titleLineHeight}\n      {...props}\n    />\n  );\n});\n"],"mappings":"AAeI;AAfJ,SAAS,YAAY;AAErB,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAGpC,SAAS,yBAAyB;AAE3B,MAAM,eAAe,KAAK,SAASA,cACxC,OACA;AACA,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,SAAS,oBAAoB,EAAE;AAErC,SACE;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACC,OACE,YAAY,YACR,OAAO,SAAS,QAAQ,WACxB,OAAO;AAAA,MAEb,UAAU,OAAO;AAAA,MACjB,YAAY,OAAO;AAAA,MAClB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["PopoverTitle"]}

package/dist/components/popover-trigger.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PopoverTriggerProps } from '../types/popover.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare const PopoverTrigger: react.MemoExoticComponent<({ trigger, disabled, loading, onPress, onLongPress, ...props }: PopoverTriggerProps) => react_jsx_runtime.JSX.Element>;
+
+export { PopoverTrigger };

package/dist/components/popover-trigger.js

@@ -0,0 +1,49 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { useEventCallback } from "@impulse-ui-native/core";
+import { Pressable } from "@impulse-ui-native/primitives";
+import { usePopoverContext } from "../hooks/use-popover-context.hook";
+const PopoverTrigger = memo(function PopoverTrigger2({
+  trigger = "press",
+  disabled,
+  loading,
+  onPress,
+  onLongPress,
+  ...props
+}) {
+  const context = usePopoverContext();
+  const blocked = context.disabled || disabled === true || loading === true;
+  const handlePress = useEventCallback((event) => {
+    if (blocked) {
+      return;
+    }
+    if (trigger === "press") {
+      context.setOpen(!context.open);
+    }
+    onPress?.(event);
+  });
+  const handleLongPress = useEventCallback((event) => {
+    if (blocked) {
+      return;
+    }
+    if (trigger === "longPress") {
+      context.setOpen(true);
+    }
+    onLongPress?.(event);
+  });
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      ...props,
+      ref: context.anchorRef,
+      collapsable: false,
+      disabled: blocked,
+      onPress: handlePress,
+      onLongPress: handleLongPress
+    }
+  );
+});
+export {
+  PopoverTrigger
+};
+//# sourceMappingURL=popover-trigger.js.map

package/dist/components/popover-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/popover-trigger.tsx"],"sourcesContent":["import type { GestureResponderEvent } from \"react-native\";\nimport { memo } from \"react\";\n\nimport { useEventCallback } from \"@impulse-ui-native/core\";\nimport { Pressable } from \"@impulse-ui-native/primitives\";\n\nimport type { PopoverTriggerProps } from \"../types\";\nimport { usePopoverContext } from \"../hooks/use-popover-context.hook\";\n\nexport const PopoverTrigger = memo(function PopoverTrigger({\n  trigger = \"press\",\n  disabled,\n  loading,\n  onPress,\n  onLongPress,\n  ...props\n}: PopoverTriggerProps) {\n  const context = usePopoverContext();\n  const blocked = context.disabled || disabled === true || loading === true;\n\n  const handlePress = useEventCallback((event: GestureResponderEvent) => {\n    if (blocked) {\n      return;\n    }\n\n    if (trigger === \"press\") {\n      context.setOpen(!context.open);\n    }\n\n    onPress?.(event);\n  });\n\n  const handleLongPress = useEventCallback((event: GestureResponderEvent) => {\n    if (blocked) {\n      return;\n    }\n\n    if (trigger === \"longPress\") {\n      context.setOpen(true);\n    }\n\n    onLongPress?.(event);\n  });\n\n  return (\n    <Pressable\n      {...props}\n      ref={context.anchorRef}\n      collapsable={false}\n      disabled={blocked}\n      onPress={handlePress}\n      onLongPress={handleLongPress}\n    />\n  );\n});\n"],"mappings":"AA6CI;AA5CJ,SAAS,YAAY;AAErB,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAG1B,SAAS,yBAAyB;AAE3B,MAAM,iBAAiB,KAAK,SAASA,gBAAe;AAAA,EACzD,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,UAAU,kBAAkB;AAClC,QAAM,UAAU,QAAQ,YAAY,aAAa,QAAQ,YAAY;AAErE,QAAM,cAAc,iBAAiB,CAAC,UAAiC;AACrE,QAAI,SAAS;AACX;AAAA,IACF;AAEA,QAAI,YAAY,SAAS;AACvB,cAAQ,QAAQ,CAAC,QAAQ,IAAI;AAAA,IAC/B;AAEA,cAAU,KAAK;AAAA,EACjB,CAAC;AAED,QAAM,kBAAkB,iBAAiB,CAAC,UAAiC;AACzE,QAAI,SAAS;AACX;AAAA,IACF;AAEA,QAAI,YAAY,aAAa;AAC3B,cAAQ,QAAQ,IAAI;AAAA,IACtB;AAEA,kBAAc,KAAK;AAAA,EACrB,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK,QAAQ;AAAA,MACb,aAAa;AAAA,MACb,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA;AAAA,EACf;AAEJ,CAAC;","names":["PopoverTrigger"]}

package/dist/components/popover.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PopoverProps } from '../types/popover.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare const PopoverComponent: react.MemoExoticComponent<({ trigger, triggerProps, contentProps, children, ...props }: PopoverProps) => react_jsx_runtime.JSX.Element>;
+
+export { PopoverComponent };

package/dist/components/popover.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { PopoverContent } from "./popover-content";
+import { PopoverRoot } from "./popover-root";
+import { PopoverTrigger } from "./popover-trigger";
+const PopoverComponent = memo(function Popover({
+  trigger,
+  triggerProps,
+  contentProps,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(PopoverRoot, { ...props, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { ...triggerProps, children: trigger }),
+    /* @__PURE__ */ jsx(PopoverContent, { ...contentProps, children })
+  ] });
+});
+export {
+  PopoverComponent
+};
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/popover.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport type { PopoverProps } from \"../types\";\nimport { PopoverContent } from \"./popover-content\";\nimport { PopoverRoot } from \"./popover-root\";\nimport { PopoverTrigger } from \"./popover-trigger\";\n\nexport const PopoverComponent = memo(function Popover({\n  trigger,\n  triggerProps,\n  contentProps,\n  children,\n  ...props\n}: PopoverProps) {\n  return (\n    <PopoverRoot {...props}>\n      <PopoverTrigger {...triggerProps}>{trigger}</PopoverTrigger>\n      <PopoverContent {...contentProps}>{children}</PopoverContent>\n    </PopoverRoot>\n  );\n});\n"],"mappings":"AAeI,SACE,KADF;AAfJ,SAAS,YAAY;AAGrB,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAExB,MAAM,mBAAmB,KAAK,SAAS,QAAQ;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiB;AACf,SACE,qBAAC,eAAa,GAAG,OACf;AAAA,wBAAC,kBAAgB,GAAG,cAAe,mBAAQ;AAAA,IAC3C,oBAAC,kBAAgB,GAAG,cAAe,UAAS;AAAA,KAC9C;AAEJ,CAAC;","names":[]}

package/dist/components/tooltip.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TooltipProps } from '../types/popover.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/primitives';
+
+declare const Tooltip: react.MemoExoticComponent<({ children, content, triggerProps, open: openProp, defaultOpen, onOpenChange, disabled, placement, duration, ...props }: TooltipProps) => react_jsx_runtime.JSX.Element>;
+
+export { Tooltip };

package/dist/components/tooltip.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import {
+  useControllableState,
+  useEventCallback,
+  useTimer
+} from "@impulse-ui-native/core";
+import { TooltipDuration } from "../constants/popover.constants";
+import { PopoverContent } from "./popover-content";
+import { PopoverDescription } from "./popover-description";
+import { PopoverRoot } from "./popover-root";
+import { PopoverTrigger } from "./popover-trigger";
+const Tooltip = memo(function Tooltip2({
+  children,
+  content,
+  triggerProps,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  disabled,
+  placement = "top",
+  duration = TooltipDuration,
+  ...props
+}) {
+  const [open, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const dismiss = useEventCallback(() => setOpen(false));
+  useTimer({ enabled: open && !disabled, duration, callback: dismiss });
+  return /* @__PURE__ */ jsxs(
+    PopoverRoot,
+    {
+      ...props,
+      open,
+      onOpenChange: setOpen,
+      disabled,
+      placement,
+      surface: "inverse",
+      children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { trigger: "longPress", ...triggerProps, children }),
+        /* @__PURE__ */ jsx(PopoverContent, { children: typeof content === "string" || typeof content === "number" ? /* @__PURE__ */ jsx(PopoverDescription, { children: content }) : content })
+      ]
+    }
+  );
+});
+export {
+  Tooltip
+};
+//# sourceMappingURL=tooltip.js.map