@radix-solid-js/hover-card 0.1.0

package/dist/index.cjs

@@ -0,0 +1,297 @@
+'use strict';
+
+var solidJs = require('solid-js');
+var primitive = require('@radix-solid-js/primitive');
+var composeRefs = require('@radix-solid-js/compose-refs');
+var context = require('@radix-solid-js/context');
+var dismissableLayer = require('@radix-solid-js/dismissable-layer');
+var popper = require('@radix-solid-js/popper');
+var portal = require('@radix-solid-js/portal');
+var presence = require('@radix-solid-js/presence');
+var primitiveComponent = require('@radix-solid-js/primitive-component');
+var useControllableState = require('@radix-solid-js/use-controllable-state');
+
+// src/hover-card.tsx
+var originalBodyUserSelect;
+var HOVERCARD_NAME = "HoverCard";
+var [createHoverCardContext, createHoverCardScope] = context.createContextScope(
+  HOVERCARD_NAME,
+  [popper.createPopperScope]
+);
+var usePopperScope = popper.createPopperScope();
+var [HoverCardProvider, useHoverCardContext] = createHoverCardContext(HOVERCARD_NAME);
+function HoverCard(inProps) {
+  const [local] = solidJs.splitProps(inProps, [
+    "__scopeHoverCard",
+    "children",
+    "open",
+    "defaultOpen",
+    "onOpenChange",
+    "openDelay",
+    "closeDelay"
+  ]);
+  const popperScope = usePopperScope(local.__scopeHoverCard);
+  let openTimerRef = 0;
+  let closeTimerRef = 0;
+  const hasSelectionRef = { current: false };
+  const isPointerDownOnContentRef = { current: false };
+  const openDelay = () => local.openDelay ?? 700;
+  const closeDelay = () => local.closeDelay ?? 300;
+  const [open, setOpen] = useControllableState.createControllableSignal({
+    prop: () => local.open,
+    defaultProp: local.defaultOpen ?? false,
+    onChange: (value) => {
+      local.onOpenChange?.(value);
+    }
+  });
+  const handleOpen = () => {
+    clearTimeout(closeTimerRef);
+    openTimerRef = window.setTimeout(() => setOpen(true), openDelay());
+  };
+  const handleClose = () => {
+    clearTimeout(openTimerRef);
+    if (!hasSelectionRef.current && !isPointerDownOnContentRef.current) {
+      closeTimerRef = window.setTimeout(() => setOpen(false), closeDelay());
+    }
+  };
+  const handleDismiss = () => setOpen(false);
+  solidJs.onCleanup(() => {
+    clearTimeout(openTimerRef);
+    clearTimeout(closeTimerRef);
+  });
+  return /* @__PURE__ */ React.createElement(
+    HoverCardProvider,
+    {
+      scope: local.__scopeHoverCard,
+      open: open(),
+      onOpenChange: setOpen,
+      onOpen: handleOpen,
+      onClose: handleClose,
+      onDismiss: handleDismiss,
+      hasSelectionRef,
+      isPointerDownOnContentRef
+    },
+    /* @__PURE__ */ React.createElement(popper.Popper, { ...popperScope }, local.children)
+  );
+}
+HoverCard.displayName = HOVERCARD_NAME;
+var TRIGGER_NAME = "HoverCardTrigger";
+function HoverCardTrigger(inProps) {
+  const [local, rest] = solidJs.splitProps(inProps, ["__scopeHoverCard", "ref"]);
+  const context = useHoverCardContext(TRIGGER_NAME, local.__scopeHoverCard);
+  const popperScope = usePopperScope(local.__scopeHoverCard);
+  return /* @__PURE__ */ React.createElement(popper.PopperAnchor, { asChild: true, ...popperScope }, /* @__PURE__ */ React.createElement(
+    primitiveComponent.Primitive.a,
+    {
+      "data-state": context.open ? "open" : "closed",
+      ...rest,
+      ref: local.ref,
+      onPointerEnter: primitive.composeEventHandlers(rest.onPointerEnter, excludeTouch(context.onOpen)),
+      onPointerLeave: primitive.composeEventHandlers(rest.onPointerLeave, excludeTouch(context.onClose)),
+      onFocus: primitive.composeEventHandlers(rest.onFocus, context.onOpen),
+      onBlur: primitive.composeEventHandlers(rest.onBlur, context.onClose),
+      onTouchStart: primitive.composeEventHandlers(
+        rest.onTouchStart,
+        (event) => event.preventDefault()
+      )
+    }
+  ));
+}
+HoverCardTrigger.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "HoverCardPortal";
+var [PortalProvider, usePortalContext] = createHoverCardContext(
+  PORTAL_NAME,
+  { forceMount: void 0 }
+);
+function HoverCardPortal(inProps) {
+  const [local] = solidJs.splitProps(inProps, [
+    "__scopeHoverCard",
+    "children",
+    "container",
+    "forceMount"
+  ]);
+  return /* @__PURE__ */ React.createElement(PortalProvider, { scope: local.__scopeHoverCard, forceMount: local.forceMount }, /* @__PURE__ */ React.createElement(portal.Portal, { container: local.container }, local.children));
+}
+HoverCardPortal.displayName = PORTAL_NAME;
+var CONTENT_NAME = "HoverCardContent";
+function HoverCardContent(inProps) {
+  const [local, rest] = solidJs.splitProps(inProps, [
+    "__scopeHoverCard",
+    "forceMount",
+    "ref"
+  ]);
+  const portalContext = usePortalContext(CONTENT_NAME, local.__scopeHoverCard);
+  const context = useHoverCardContext(CONTENT_NAME, local.__scopeHoverCard);
+  const forceMount = () => local.forceMount ?? portalContext.forceMount;
+  return /* @__PURE__ */ React.createElement(presence.Presence, { present: forceMount() || context.open }, /* @__PURE__ */ React.createElement(
+    HoverCardContentImpl,
+    {
+      "data-state": context.open ? "open" : "closed",
+      ...rest,
+      __scopeHoverCard: local.__scopeHoverCard,
+      onPointerEnter: primitive.composeEventHandlers(
+        rest.onPointerEnter,
+        excludeTouch(context.onOpen)
+      ),
+      onPointerLeave: primitive.composeEventHandlers(
+        rest.onPointerLeave,
+        excludeTouch(context.onClose)
+      ),
+      ref: local.ref
+    }
+  ));
+}
+HoverCardContent.displayName = CONTENT_NAME;
+function HoverCardContentImpl(inProps) {
+  const [local, rest] = solidJs.splitProps(inProps, [
+    "__scopeHoverCard",
+    "__scopePopper",
+    "ref",
+    "side",
+    "sideOffset",
+    "align",
+    "alignOffset",
+    "avoidCollisions",
+    "collisionBoundary",
+    "collisionPadding",
+    "arrowPadding",
+    "sticky",
+    "hideWhenDetached",
+    "onEscapeKeyDown",
+    "onPointerDownOutside",
+    "onFocusOutside",
+    "onInteractOutside",
+    "style",
+    "children"
+  ]);
+  const context = useHoverCardContext(CONTENT_NAME, local.__scopeHoverCard);
+  const popperScope = usePopperScope(local.__scopeHoverCard);
+  let contentRef;
+  const [containSelection, setContainSelection] = solidJs.createSignal(false);
+  solidJs.createEffect(() => {
+    if (containSelection()) {
+      const body = document.body;
+      originalBodyUserSelect = body.style.userSelect || body.style.webkitUserSelect;
+      body.style.userSelect = "none";
+      body.style.webkitUserSelect = "none";
+      solidJs.onCleanup(() => {
+        body.style.userSelect = originalBodyUserSelect;
+        body.style.webkitUserSelect = originalBodyUserSelect;
+      });
+    }
+  });
+  solidJs.createEffect(() => {
+    if (contentRef) {
+      const handlePointerUp = () => {
+        setContainSelection(false);
+        context.isPointerDownOnContentRef.current = false;
+        setTimeout(() => {
+          const hasSelection = document.getSelection()?.toString() !== "";
+          if (hasSelection) context.hasSelectionRef.current = true;
+        });
+      };
+      document.addEventListener("pointerup", handlePointerUp);
+      solidJs.onCleanup(() => {
+        document.removeEventListener("pointerup", handlePointerUp);
+        context.hasSelectionRef.current = false;
+        context.isPointerDownOnContentRef.current = false;
+      });
+    }
+  });
+  solidJs.createEffect(() => {
+    if (contentRef) {
+      const tabbables = getTabbableNodes(contentRef);
+      tabbables.forEach((tabbable) => tabbable.setAttribute("tabindex", "-1"));
+    }
+  });
+  return /* @__PURE__ */ React.createElement(
+    dismissableLayer.DismissableLayer,
+    {
+      asChild: true,
+      disableOutsidePointerEvents: false,
+      onInteractOutside: local.onInteractOutside,
+      onEscapeKeyDown: local.onEscapeKeyDown,
+      onPointerDownOutside: local.onPointerDownOutside,
+      onFocusOutside: primitive.composeEventHandlers(local.onFocusOutside, (event) => {
+        event.preventDefault();
+      }),
+      onDismiss: context.onDismiss
+    },
+    /* @__PURE__ */ React.createElement(
+      popper.PopperContent,
+      {
+        ...popperScope,
+        ...rest,
+        ref: composeRefs.mergeRefs(local.ref, (el) => contentRef = el),
+        side: local.side,
+        sideOffset: local.sideOffset,
+        align: local.align,
+        alignOffset: local.alignOffset,
+        avoidCollisions: local.avoidCollisions,
+        collisionBoundary: local.collisionBoundary,
+        collisionPadding: local.collisionPadding,
+        arrowPadding: local.arrowPadding,
+        sticky: local.sticky,
+        hideWhenDetached: local.hideWhenDetached,
+        onPointerDown: primitive.composeEventHandlers(rest.onPointerDown, (event) => {
+          if (event.currentTarget.contains(event.target)) {
+            setContainSelection(true);
+          }
+          context.hasSelectionRef.current = false;
+          context.isPointerDownOnContentRef.current = true;
+        }),
+        style: {
+          ...typeof local.style === "object" ? local.style : {},
+          "user-select": containSelection() ? "text" : void 0,
+          "-webkit-user-select": containSelection() ? "text" : void 0,
+          // re-namespace exposed content custom properties
+          "--radix-hover-card-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-hover-card-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-hover-card-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-hover-card-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-hover-card-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      },
+      local.children
+    )
+  );
+}
+var ARROW_NAME = "HoverCardArrow";
+function HoverCardArrow(inProps) {
+  const [local, rest] = solidJs.splitProps(inProps, ["__scopeHoverCard"]);
+  const popperScope = usePopperScope(local.__scopeHoverCard);
+  return /* @__PURE__ */ React.createElement(popper.PopperArrow, { ...popperScope, ...rest });
+}
+HoverCardArrow.displayName = ARROW_NAME;
+function excludeTouch(eventHandler) {
+  return (event) => event.pointerType === "touch" ? void 0 : eventHandler();
+}
+function getTabbableNodes(container) {
+  const nodes = [];
+  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (node) => {
+      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  while (walker.nextNode()) nodes.push(walker.currentNode);
+  return nodes;
+}
+var Root = HoverCard;
+var Trigger = HoverCardTrigger;
+var HoverCardPortalExport = HoverCardPortal;
+var Content = HoverCardContent;
+var Arrow = HoverCardArrow;
+
+exports.Arrow = Arrow;
+exports.Content = Content;
+exports.HoverCard = HoverCard;
+exports.HoverCardArrow = HoverCardArrow;
+exports.HoverCardContent = HoverCardContent;
+exports.HoverCardPortal = HoverCardPortal;
+exports.HoverCardTrigger = HoverCardTrigger;
+exports.Portal = HoverCardPortalExport;
+exports.Root = Root;
+exports.Trigger = Trigger;
+exports.createHoverCardScope = createHoverCardScope;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hover-card.tsx"],"names":["createContextScope","createPopperScope","splitProps","createControllableSignal","onCleanup","Popper","PopperAnchor","Primitive","composeEventHandlers","Portal","Presence","createSignal","createEffect","DismissableLayer","PopperContent","mergeRefs","PopperArrow"],"mappings":"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","file":"index.cjs","sourcesContent":["import {\n  type JSX,\n  createSignal,\n  createEffect,\n  onCleanup,\n  splitProps,\n} from 'solid-js';\nimport { composeEventHandlers } from '@radix-solid-js/primitive';\nimport { mergeRefs } from '@radix-solid-js/compose-refs';\nimport { createContextScope, type Scope } from '@radix-solid-js/context';\nimport { DismissableLayer } from '@radix-solid-js/dismissable-layer';\nimport {\n  createPopperScope,\n  Popper,\n  PopperAnchor,\n  PopperContent,\n  PopperArrow,\n} from '@radix-solid-js/popper';\nimport { Portal } from '@radix-solid-js/portal';\nimport { Presence } from '@radix-solid-js/presence';\nimport { Primitive } from '@radix-solid-js/primitive-component';\nimport { createControllableSignal } from '@radix-solid-js/use-controllable-state';\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCard\n * -----------------------------------------------------------------------------------------------*/\n\nlet originalBodyUserSelect: string;\n\nconst HOVERCARD_NAME = 'HoverCard';\n\ntype ScopedProps<P> = P & { __scopeHoverCard?: Scope };\nconst [createHoverCardContext, createHoverCardScope] = createContextScope(\n  HOVERCARD_NAME,\n  [createPopperScope]\n);\nconst usePopperScope = createPopperScope();\n\ntype HoverCardContextValue = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onOpen: () => void;\n  onClose: () => void;\n  onDismiss: () => void;\n  hasSelectionRef: { current: boolean };\n  isPointerDownOnContentRef: { current: boolean };\n};\n\nconst [HoverCardProvider, useHoverCardContext] =\n  createHoverCardContext<HoverCardContextValue>(HOVERCARD_NAME);\n\ninterface HoverCardProps {\n  children?: JSX.Element;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  openDelay?: number;\n  closeDelay?: number;\n}\n\nfunction HoverCard(inProps: ScopedProps<HoverCardProps>) {\n  const [local] = splitProps(inProps, [\n    '__scopeHoverCard',\n    'children',\n    'open',\n    'defaultOpen',\n    'onOpenChange',\n    'openDelay',\n    'closeDelay',\n  ]);\n\n  const popperScope = usePopperScope(local.__scopeHoverCard);\n\n  let openTimerRef = 0;\n  let closeTimerRef = 0;\n  const hasSelectionRef = { current: false };\n  const isPointerDownOnContentRef = { current: false };\n\n  const openDelay = () => local.openDelay ?? 700;\n  const closeDelay = () => local.closeDelay ?? 300;\n\n  const [open, setOpen] = createControllableSignal({\n    prop: () => local.open,\n    defaultProp: local.defaultOpen ?? false,\n    onChange: (value) => {\n      local.onOpenChange?.(value);\n    },\n  });\n\n  const handleOpen = () => {\n    clearTimeout(closeTimerRef);\n    openTimerRef = window.setTimeout(() => setOpen(true), openDelay());\n  };\n\n  const handleClose = () => {\n    clearTimeout(openTimerRef);\n    if (!hasSelectionRef.current && !isPointerDownOnContentRef.current) {\n      closeTimerRef = window.setTimeout(() => setOpen(false), closeDelay());\n    }\n  };\n\n  const handleDismiss = () => setOpen(false);\n\n  // cleanup any queued state updates on unmount\n  onCleanup(() => {\n    clearTimeout(openTimerRef);\n    clearTimeout(closeTimerRef);\n  });\n\n  return (\n    <HoverCardProvider\n      scope={local.__scopeHoverCard}\n      open={open()}\n      onOpenChange={setOpen}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      onDismiss={handleDismiss}\n      hasSelectionRef={hasSelectionRef}\n      isPointerDownOnContentRef={isPointerDownOnContentRef}\n    >\n      <Popper {...popperScope}>{local.children}</Popper>\n    </HoverCardProvider>\n  );\n}\n\nHoverCard.displayName = HOVERCARD_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'HoverCardTrigger';\n\ninterface HoverCardTriggerProps extends JSX.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction HoverCardTrigger(inProps: ScopedProps<HoverCardTriggerProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeHoverCard', 'ref']);\n  const context = useHoverCardContext(TRIGGER_NAME, local.__scopeHoverCard);\n  const popperScope = usePopperScope(local.__scopeHoverCard);\n\n  return (\n    <PopperAnchor asChild {...popperScope}>\n      <Primitive.a\n        data-state={context.open ? 'open' : 'closed'}\n        {...rest}\n        ref={local.ref}\n        onPointerEnter={composeEventHandlers(rest.onPointerEnter as any, excludeTouch(context.onOpen))}\n        onPointerLeave={composeEventHandlers(rest.onPointerLeave as any, excludeTouch(context.onClose))}\n        onFocus={composeEventHandlers(rest.onFocus as any, context.onOpen)}\n        onBlur={composeEventHandlers(rest.onBlur as any, context.onClose)}\n        // prevent focus event on touch devices\n        onTouchStart={composeEventHandlers(rest.onTouchStart as any, (event: TouchEvent) =>\n          event.preventDefault()\n        )}\n      />\n    </PopperAnchor>\n  );\n}\n\nHoverCardTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'HoverCardPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createHoverCardContext<PortalContextValue>(\n  PORTAL_NAME,\n  { forceMount: undefined }\n);\n\ninterface HoverCardPortalProps {\n  children?: JSX.Element;\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: Element | DocumentFragment | null;\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with animation libraries.\n   */\n  forceMount?: true;\n}\n\nfunction HoverCardPortal(inProps: ScopedProps<HoverCardPortalProps>) {\n  const [local] = splitProps(inProps, [\n    '__scopeHoverCard',\n    'children',\n    'container',\n    'forceMount',\n  ]);\n\n  // Portal is always mounted — visibility is controlled by Presence in HoverCardContent.\n  // This avoids the dual-Presence problem where the outer Presence would unmount\n  // the portal before the inner exit animation completes.\n  return (\n    <PortalProvider scope={local.__scopeHoverCard} forceMount={local.forceMount}>\n      <Portal container={local.container}>\n        {local.children}\n      </Portal>\n    </PortalProvider>\n  );\n}\n\nHoverCardPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'HoverCardContent';\n\ninterface HoverCardContentProps extends HoverCardContentImplProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with animation libraries.\n   */\n  forceMount?: true;\n}\n\nfunction HoverCardContent(inProps: ScopedProps<HoverCardContentProps>) {\n  const [local, rest] = splitProps(inProps, [\n    '__scopeHoverCard',\n    'forceMount',\n    'ref',\n  ]);\n\n  const portalContext = usePortalContext(CONTENT_NAME, local.__scopeHoverCard);\n  const context = useHoverCardContext(CONTENT_NAME, local.__scopeHoverCard);\n  const forceMount = () => local.forceMount ?? portalContext.forceMount;\n\n  return (\n    <Presence present={forceMount() || context.open}>\n      <HoverCardContentImpl\n        data-state={context.open ? 'open' : 'closed'}\n        {...rest}\n        __scopeHoverCard={local.__scopeHoverCard}\n        onPointerEnter={composeEventHandlers(\n          rest.onPointerEnter as any,\n          excludeTouch(context.onOpen)\n        )}\n        onPointerLeave={composeEventHandlers(\n          rest.onPointerLeave as any,\n          excludeTouch(context.onClose)\n        )}\n        ref={local.ref}\n      />\n    </Presence>\n  );\n}\n\nHoverCardContent.displayName = CONTENT_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\ninterface HoverCardContentImplProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  sideOffset?: number;\n  align?: 'start' | 'center' | 'end';\n  alignOffset?: number;\n  avoidCollisions?: boolean;\n  collisionBoundary?: Element | Element[] | null;\n  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>;\n  arrowPadding?: number;\n  sticky?: 'partial' | 'always';\n  hideWhenDetached?: boolean;\n  onEscapeKeyDown?: (event: KeyboardEvent) => void;\n  onPointerDownOutside?: (event: any) => void;\n  onFocusOutside?: (event: any) => void;\n  onInteractOutside?: (event: any) => void;\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction HoverCardContentImpl(inProps: ScopedProps<HoverCardContentImplProps & Record<string, any>>) {\n  const [local, rest] = splitProps(inProps, [\n    '__scopeHoverCard',\n    '__scopePopper',\n    'ref',\n    'side',\n    'sideOffset',\n    'align',\n    'alignOffset',\n    'avoidCollisions',\n    'collisionBoundary',\n    'collisionPadding',\n    'arrowPadding',\n    'sticky',\n    'hideWhenDetached',\n    'onEscapeKeyDown',\n    'onPointerDownOutside',\n    'onFocusOutside',\n    'onInteractOutside',\n    'style',\n    'children',\n  ]);\n\n  const context = useHoverCardContext(CONTENT_NAME, local.__scopeHoverCard);\n  const popperScope = usePopperScope(local.__scopeHoverCard);\n\n  let contentRef: HTMLDivElement | undefined;\n  const [containSelection, setContainSelection] = createSignal(false);\n\n  // Manage body user-select when containing selection\n  createEffect(() => {\n    if (containSelection()) {\n      const body = document.body;\n      // Safari requires prefix\n      originalBodyUserSelect = body.style.userSelect || body.style.webkitUserSelect;\n      body.style.userSelect = 'none';\n      body.style.webkitUserSelect = 'none';\n\n      onCleanup(() => {\n        body.style.userSelect = originalBodyUserSelect;\n        body.style.webkitUserSelect = originalBodyUserSelect;\n      });\n    }\n  });\n\n  // Listen for pointerup to stop selection containment\n  createEffect(() => {\n    if (contentRef) {\n      const handlePointerUp = () => {\n        setContainSelection(false);\n        context.isPointerDownOnContentRef.current = false;\n\n        // Delay a frame to ensure we always access the latest selection\n        setTimeout(() => {\n          const hasSelection = document.getSelection()?.toString() !== '';\n          if (hasSelection) context.hasSelectionRef.current = true;\n        });\n      };\n\n      document.addEventListener('pointerup', handlePointerUp);\n\n      onCleanup(() => {\n        document.removeEventListener('pointerup', handlePointerUp);\n        context.hasSelectionRef.current = false;\n        context.isPointerDownOnContentRef.current = false;\n      });\n    }\n  });\n\n  // Make tabbable nodes non-tabbable\n  createEffect(() => {\n    if (contentRef) {\n      const tabbables = getTabbableNodes(contentRef);\n      tabbables.forEach((tabbable) => tabbable.setAttribute('tabindex', '-1'));\n    }\n  });\n\n  return (\n    <DismissableLayer\n      asChild\n      disableOutsidePointerEvents={false}\n      onInteractOutside={local.onInteractOutside}\n      onEscapeKeyDown={local.onEscapeKeyDown}\n      onPointerDownOutside={local.onPointerDownOutside}\n      onFocusOutside={composeEventHandlers(local.onFocusOutside, (event: any) => {\n        event.preventDefault();\n      })}\n      onDismiss={context.onDismiss}\n    >\n      <PopperContent\n        {...popperScope}\n        {...rest}\n        ref={mergeRefs(local.ref, (el: HTMLElement) => (contentRef = el as HTMLDivElement))}\n        side={local.side}\n        sideOffset={local.sideOffset}\n        align={local.align}\n        alignOffset={local.alignOffset}\n        avoidCollisions={local.avoidCollisions}\n        collisionBoundary={local.collisionBoundary}\n        collisionPadding={local.collisionPadding}\n        arrowPadding={local.arrowPadding}\n        sticky={local.sticky}\n        hideWhenDetached={local.hideWhenDetached}\n        onPointerDown={composeEventHandlers(rest.onPointerDown as any, (event: PointerEvent) => {\n          // Contain selection to current layer\n          if ((event.currentTarget as HTMLElement).contains(event.target as HTMLElement)) {\n            setContainSelection(true);\n          }\n          context.hasSelectionRef.current = false;\n          context.isPointerDownOnContentRef.current = true;\n        })}\n        style={{\n          ...(typeof local.style === 'object' ? local.style : {}),\n          'user-select': containSelection() ? 'text' : undefined,\n          '-webkit-user-select': containSelection() ? 'text' : undefined,\n          // re-namespace exposed content custom properties\n          '--radix-hover-card-content-transform-origin': 'var(--radix-popper-transform-origin)',\n          '--radix-hover-card-content-available-width': 'var(--radix-popper-available-width)',\n          '--radix-hover-card-content-available-height': 'var(--radix-popper-available-height)',\n          '--radix-hover-card-trigger-width': 'var(--radix-popper-anchor-width)',\n          '--radix-hover-card-trigger-height': 'var(--radix-popper-anchor-height)',\n        } as JSX.CSSProperties}\n      >\n        {local.children}\n      </PopperContent>\n    </DismissableLayer>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'HoverCardArrow';\n\ninterface HoverCardArrowProps extends JSX.SvgSVGAttributes<SVGSVGElement> {\n  ref?: (el: SVGSVGElement) => void;\n}\n\nfunction HoverCardArrow(inProps: ScopedProps<HoverCardArrowProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeHoverCard']);\n  const popperScope = usePopperScope(local.__scopeHoverCard);\n\n  return <PopperArrow {...popperScope} {...rest} />;\n}\n\nHoverCardArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction excludeTouch(eventHandler: () => void) {\n  return (event: PointerEvent) =>\n    event.pointerType === 'touch' ? undefined : eventHandler();\n}\n\n/**\n * Returns a list of nodes that can be in the tab sequence.\n * @see: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker\n */\nfunction getTabbableNodes(container: HTMLElement) {\n  const nodes: HTMLElement[] = [];\n  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n    acceptNode: (node: any) => {\n      // `.tabIndex` is not the same as the `tabindex` attribute. It works on the\n      // runtime's understanding of tabbability, so this automatically accounts\n      // for any kind of element that could be tabbed to.\n      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n    },\n  });\n  while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement);\n  return nodes;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Exports\n * -----------------------------------------------------------------------------------------------*/\n\nconst Root = HoverCard;\nconst Trigger = HoverCardTrigger;\nconst HoverCardPortalExport = HoverCardPortal;\nconst Content = HoverCardContent;\nconst Arrow = HoverCardArrow;\n\nexport {\n  createHoverCardScope,\n  //\n  HoverCard,\n  HoverCardTrigger,\n  HoverCardPortal,\n  HoverCardContent,\n  HoverCardArrow,\n  //\n  Root,\n  Trigger,\n  HoverCardPortalExport as Portal,\n  Content,\n  Arrow,\n};\nexport type {\n  HoverCardProps,\n  HoverCardTriggerProps,\n  HoverCardPortalProps,\n  HoverCardContentProps,\n  HoverCardArrowProps,\n};\n"]}

package/dist/index.d.cts

@@ -0,0 +1,85 @@
+import * as _radix_solid_js_context from '@radix-solid-js/context';
+import { Scope } from '@radix-solid-js/context';
+import { JSX } from 'solid-js';
+
+type ScopedProps<P> = P & {
+    __scopeHoverCard?: Scope;
+};
+declare const createHoverCardScope: _radix_solid_js_context.CreateScope;
+interface HoverCardProps {
+    children?: JSX.Element;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    openDelay?: number;
+    closeDelay?: number;
+}
+declare function HoverCard(inProps: ScopedProps<HoverCardProps>): JSX.Element;
+declare namespace HoverCard {
+    var displayName: string;
+}
+interface HoverCardTriggerProps extends JSX.AnchorHTMLAttributes<HTMLAnchorElement> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function HoverCardTrigger(inProps: ScopedProps<HoverCardTriggerProps>): JSX.Element;
+declare namespace HoverCardTrigger {
+    var displayName: string;
+}
+interface HoverCardPortalProps {
+    children?: JSX.Element;
+    /**
+     * Specify a container element to portal the content into.
+     */
+    container?: Element | DocumentFragment | null;
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with animation libraries.
+     */
+    forceMount?: true;
+}
+declare function HoverCardPortal(inProps: ScopedProps<HoverCardPortalProps>): JSX.Element;
+declare namespace HoverCardPortal {
+    var displayName: string;
+}
+interface HoverCardContentProps extends HoverCardContentImplProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with animation libraries.
+     */
+    forceMount?: true;
+}
+declare function HoverCardContent(inProps: ScopedProps<HoverCardContentProps>): JSX.Element;
+declare namespace HoverCardContent {
+    var displayName: string;
+}
+interface HoverCardContentImplProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+    align?: 'start' | 'center' | 'end';
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    collisionBoundary?: Element | Element[] | null;
+    collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>;
+    arrowPadding?: number;
+    sticky?: 'partial' | 'always';
+    hideWhenDetached?: boolean;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onPointerDownOutside?: (event: any) => void;
+    onFocusOutside?: (event: any) => void;
+    onInteractOutside?: (event: any) => void;
+    ref?: (el: HTMLElement) => void;
+}
+interface HoverCardArrowProps extends JSX.SvgSVGAttributes<SVGSVGElement> {
+    ref?: (el: SVGSVGElement) => void;
+}
+declare function HoverCardArrow(inProps: ScopedProps<HoverCardArrowProps>): JSX.Element;
+declare namespace HoverCardArrow {
+    var displayName: string;
+}
+declare const Root: typeof HoverCard;
+declare const Trigger: typeof HoverCardTrigger;
+declare const HoverCardPortalExport: typeof HoverCardPortal;
+declare const Content: typeof HoverCardContent;
+declare const Arrow: typeof HoverCardArrow;
+
+export { Arrow, Content, HoverCard, HoverCardArrow, type HoverCardArrowProps, HoverCardContent, type HoverCardContentProps, HoverCardPortal, type HoverCardPortalProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, HoverCardPortalExport as Portal, Root, Trigger, createHoverCardScope };

package/dist/index.d.ts

@@ -0,0 +1,85 @@
+import * as _radix_solid_js_context from '@radix-solid-js/context';
+import { Scope } from '@radix-solid-js/context';
+import { JSX } from 'solid-js';
+
+type ScopedProps<P> = P & {
+    __scopeHoverCard?: Scope;
+};
+declare const createHoverCardScope: _radix_solid_js_context.CreateScope;
+interface HoverCardProps {
+    children?: JSX.Element;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    openDelay?: number;
+    closeDelay?: number;
+}
+declare function HoverCard(inProps: ScopedProps<HoverCardProps>): JSX.Element;
+declare namespace HoverCard {
+    var displayName: string;
+}
+interface HoverCardTriggerProps extends JSX.AnchorHTMLAttributes<HTMLAnchorElement> {
+    ref?: (el: HTMLElement) => void;
+}
+declare function HoverCardTrigger(inProps: ScopedProps<HoverCardTriggerProps>): JSX.Element;
+declare namespace HoverCardTrigger {
+    var displayName: string;
+}
+interface HoverCardPortalProps {
+    children?: JSX.Element;
+    /**
+     * Specify a container element to portal the content into.
+     */
+    container?: Element | DocumentFragment | null;
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with animation libraries.
+     */
+    forceMount?: true;
+}
+declare function HoverCardPortal(inProps: ScopedProps<HoverCardPortalProps>): JSX.Element;
+declare namespace HoverCardPortal {
+    var displayName: string;
+}
+interface HoverCardContentProps extends HoverCardContentImplProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with animation libraries.
+     */
+    forceMount?: true;
+}
+declare function HoverCardContent(inProps: ScopedProps<HoverCardContentProps>): JSX.Element;
+declare namespace HoverCardContent {
+    var displayName: string;
+}
+interface HoverCardContentImplProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+    align?: 'start' | 'center' | 'end';
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    collisionBoundary?: Element | Element[] | null;
+    collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>;
+    arrowPadding?: number;
+    sticky?: 'partial' | 'always';
+    hideWhenDetached?: boolean;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onPointerDownOutside?: (event: any) => void;
+    onFocusOutside?: (event: any) => void;
+    onInteractOutside?: (event: any) => void;
+    ref?: (el: HTMLElement) => void;
+}
+interface HoverCardArrowProps extends JSX.SvgSVGAttributes<SVGSVGElement> {
+    ref?: (el: SVGSVGElement) => void;
+}
+declare function HoverCardArrow(inProps: ScopedProps<HoverCardArrowProps>): JSX.Element;
+declare namespace HoverCardArrow {
+    var displayName: string;
+}
+declare const Root: typeof HoverCard;
+declare const Trigger: typeof HoverCardTrigger;
+declare const HoverCardPortalExport: typeof HoverCardPortal;
+declare const Content: typeof HoverCardContent;
+declare const Arrow: typeof HoverCardArrow;
+
+export { Arrow, Content, HoverCard, HoverCardArrow, type HoverCardArrowProps, HoverCardContent, type HoverCardContentProps, HoverCardPortal, type HoverCardPortalProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, HoverCardPortalExport as Portal, Root, Trigger, createHoverCardScope };

package/dist/index.js

@@ -0,0 +1,285 @@
+import { splitProps, onCleanup, createSignal, createEffect } from 'solid-js';
+import { composeEventHandlers } from '@radix-solid-js/primitive';
+import { mergeRefs } from '@radix-solid-js/compose-refs';
+import { createContextScope } from '@radix-solid-js/context';
+import { DismissableLayer } from '@radix-solid-js/dismissable-layer';
+import { createPopperScope, Popper, PopperAnchor, PopperContent, PopperArrow } from '@radix-solid-js/popper';
+import { Portal } from '@radix-solid-js/portal';
+import { Presence } from '@radix-solid-js/presence';
+import { Primitive } from '@radix-solid-js/primitive-component';
+import { createControllableSignal } from '@radix-solid-js/use-controllable-state';
+
+// src/hover-card.tsx
+var originalBodyUserSelect;
+var HOVERCARD_NAME = "HoverCard";
+var [createHoverCardContext, createHoverCardScope] = createContextScope(
+  HOVERCARD_NAME,
+  [createPopperScope]
+);
+var usePopperScope = createPopperScope();
+var [HoverCardProvider, useHoverCardContext] = createHoverCardContext(HOVERCARD_NAME);
+function HoverCard(inProps) {
+  const [local] = splitProps(inProps, [
+    "__scopeHoverCard",
+    "children",
+    "open",
+    "defaultOpen",
+    "onOpenChange",
+    "openDelay",
+    "closeDelay"
+  ]);
+  const popperScope = usePopperScope(local.__scopeHoverCard);
+  let openTimerRef = 0;
+  let closeTimerRef = 0;
+  const hasSelectionRef = { current: false };
+  const isPointerDownOnContentRef = { current: false };
+  const openDelay = () => local.openDelay ?? 700;
+  const closeDelay = () => local.closeDelay ?? 300;
+  const [open, setOpen] = createControllableSignal({
+    prop: () => local.open,
+    defaultProp: local.defaultOpen ?? false,
+    onChange: (value) => {
+      local.onOpenChange?.(value);
+    }
+  });
+  const handleOpen = () => {
+    clearTimeout(closeTimerRef);
+    openTimerRef = window.setTimeout(() => setOpen(true), openDelay());
+  };
+  const handleClose = () => {
+    clearTimeout(openTimerRef);
+    if (!hasSelectionRef.current && !isPointerDownOnContentRef.current) {
+      closeTimerRef = window.setTimeout(() => setOpen(false), closeDelay());
+    }
+  };
+  const handleDismiss = () => setOpen(false);
+  onCleanup(() => {
+    clearTimeout(openTimerRef);
+    clearTimeout(closeTimerRef);
+  });
+  return /* @__PURE__ */ React.createElement(
+    HoverCardProvider,
+    {
+      scope: local.__scopeHoverCard,
+      open: open(),
+      onOpenChange: setOpen,
+      onOpen: handleOpen,
+      onClose: handleClose,
+      onDismiss: handleDismiss,
+      hasSelectionRef,
+      isPointerDownOnContentRef
+    },
+    /* @__PURE__ */ React.createElement(Popper, { ...popperScope }, local.children)
+  );
+}
+HoverCard.displayName = HOVERCARD_NAME;
+var TRIGGER_NAME = "HoverCardTrigger";
+function HoverCardTrigger(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeHoverCard", "ref"]);
+  const context = useHoverCardContext(TRIGGER_NAME, local.__scopeHoverCard);
+  const popperScope = usePopperScope(local.__scopeHoverCard);
+  return /* @__PURE__ */ React.createElement(PopperAnchor, { asChild: true, ...popperScope }, /* @__PURE__ */ React.createElement(
+    Primitive.a,
+    {
+      "data-state": context.open ? "open" : "closed",
+      ...rest,
+      ref: local.ref,
+      onPointerEnter: composeEventHandlers(rest.onPointerEnter, excludeTouch(context.onOpen)),
+      onPointerLeave: composeEventHandlers(rest.onPointerLeave, excludeTouch(context.onClose)),
+      onFocus: composeEventHandlers(rest.onFocus, context.onOpen),
+      onBlur: composeEventHandlers(rest.onBlur, context.onClose),
+      onTouchStart: composeEventHandlers(
+        rest.onTouchStart,
+        (event) => event.preventDefault()
+      )
+    }
+  ));
+}
+HoverCardTrigger.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "HoverCardPortal";
+var [PortalProvider, usePortalContext] = createHoverCardContext(
+  PORTAL_NAME,
+  { forceMount: void 0 }
+);
+function HoverCardPortal(inProps) {
+  const [local] = splitProps(inProps, [
+    "__scopeHoverCard",
+    "children",
+    "container",
+    "forceMount"
+  ]);
+  return /* @__PURE__ */ React.createElement(PortalProvider, { scope: local.__scopeHoverCard, forceMount: local.forceMount }, /* @__PURE__ */ React.createElement(Portal, { container: local.container }, local.children));
+}
+HoverCardPortal.displayName = PORTAL_NAME;
+var CONTENT_NAME = "HoverCardContent";
+function HoverCardContent(inProps) {
+  const [local, rest] = splitProps(inProps, [
+    "__scopeHoverCard",
+    "forceMount",
+    "ref"
+  ]);
+  const portalContext = usePortalContext(CONTENT_NAME, local.__scopeHoverCard);
+  const context = useHoverCardContext(CONTENT_NAME, local.__scopeHoverCard);
+  const forceMount = () => local.forceMount ?? portalContext.forceMount;
+  return /* @__PURE__ */ React.createElement(Presence, { present: forceMount() || context.open }, /* @__PURE__ */ React.createElement(
+    HoverCardContentImpl,
+    {
+      "data-state": context.open ? "open" : "closed",
+      ...rest,
+      __scopeHoverCard: local.__scopeHoverCard,
+      onPointerEnter: composeEventHandlers(
+        rest.onPointerEnter,
+        excludeTouch(context.onOpen)
+      ),
+      onPointerLeave: composeEventHandlers(
+        rest.onPointerLeave,
+        excludeTouch(context.onClose)
+      ),
+      ref: local.ref
+    }
+  ));
+}
+HoverCardContent.displayName = CONTENT_NAME;
+function HoverCardContentImpl(inProps) {
+  const [local, rest] = splitProps(inProps, [
+    "__scopeHoverCard",
+    "__scopePopper",
+    "ref",
+    "side",
+    "sideOffset",
+    "align",
+    "alignOffset",
+    "avoidCollisions",
+    "collisionBoundary",
+    "collisionPadding",
+    "arrowPadding",
+    "sticky",
+    "hideWhenDetached",
+    "onEscapeKeyDown",
+    "onPointerDownOutside",
+    "onFocusOutside",
+    "onInteractOutside",
+    "style",
+    "children"
+  ]);
+  const context = useHoverCardContext(CONTENT_NAME, local.__scopeHoverCard);
+  const popperScope = usePopperScope(local.__scopeHoverCard);
+  let contentRef;
+  const [containSelection, setContainSelection] = createSignal(false);
+  createEffect(() => {
+    if (containSelection()) {
+      const body = document.body;
+      originalBodyUserSelect = body.style.userSelect || body.style.webkitUserSelect;
+      body.style.userSelect = "none";
+      body.style.webkitUserSelect = "none";
+      onCleanup(() => {
+        body.style.userSelect = originalBodyUserSelect;
+        body.style.webkitUserSelect = originalBodyUserSelect;
+      });
+    }
+  });
+  createEffect(() => {
+    if (contentRef) {
+      const handlePointerUp = () => {
+        setContainSelection(false);
+        context.isPointerDownOnContentRef.current = false;
+        setTimeout(() => {
+          const hasSelection = document.getSelection()?.toString() !== "";
+          if (hasSelection) context.hasSelectionRef.current = true;
+        });
+      };
+      document.addEventListener("pointerup", handlePointerUp);
+      onCleanup(() => {
+        document.removeEventListener("pointerup", handlePointerUp);
+        context.hasSelectionRef.current = false;
+        context.isPointerDownOnContentRef.current = false;
+      });
+    }
+  });
+  createEffect(() => {
+    if (contentRef) {
+      const tabbables = getTabbableNodes(contentRef);
+      tabbables.forEach((tabbable) => tabbable.setAttribute("tabindex", "-1"));
+    }
+  });
+  return /* @__PURE__ */ React.createElement(
+    DismissableLayer,
+    {
+      asChild: true,
+      disableOutsidePointerEvents: false,
+      onInteractOutside: local.onInteractOutside,
+      onEscapeKeyDown: local.onEscapeKeyDown,
+      onPointerDownOutside: local.onPointerDownOutside,
+      onFocusOutside: composeEventHandlers(local.onFocusOutside, (event) => {
+        event.preventDefault();
+      }),
+      onDismiss: context.onDismiss
+    },
+    /* @__PURE__ */ React.createElement(
+      PopperContent,
+      {
+        ...popperScope,
+        ...rest,
+        ref: mergeRefs(local.ref, (el) => contentRef = el),
+        side: local.side,
+        sideOffset: local.sideOffset,
+        align: local.align,
+        alignOffset: local.alignOffset,
+        avoidCollisions: local.avoidCollisions,
+        collisionBoundary: local.collisionBoundary,
+        collisionPadding: local.collisionPadding,
+        arrowPadding: local.arrowPadding,
+        sticky: local.sticky,
+        hideWhenDetached: local.hideWhenDetached,
+        onPointerDown: composeEventHandlers(rest.onPointerDown, (event) => {
+          if (event.currentTarget.contains(event.target)) {
+            setContainSelection(true);
+          }
+          context.hasSelectionRef.current = false;
+          context.isPointerDownOnContentRef.current = true;
+        }),
+        style: {
+          ...typeof local.style === "object" ? local.style : {},
+          "user-select": containSelection() ? "text" : void 0,
+          "-webkit-user-select": containSelection() ? "text" : void 0,
+          // re-namespace exposed content custom properties
+          "--radix-hover-card-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-hover-card-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-hover-card-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-hover-card-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-hover-card-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      },
+      local.children
+    )
+  );
+}
+var ARROW_NAME = "HoverCardArrow";
+function HoverCardArrow(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeHoverCard"]);
+  const popperScope = usePopperScope(local.__scopeHoverCard);
+  return /* @__PURE__ */ React.createElement(PopperArrow, { ...popperScope, ...rest });
+}
+HoverCardArrow.displayName = ARROW_NAME;
+function excludeTouch(eventHandler) {
+  return (event) => event.pointerType === "touch" ? void 0 : eventHandler();
+}
+function getTabbableNodes(container) {
+  const nodes = [];
+  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (node) => {
+      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  while (walker.nextNode()) nodes.push(walker.currentNode);
+  return nodes;
+}
+var Root = HoverCard;
+var Trigger = HoverCardTrigger;
+var HoverCardPortalExport = HoverCardPortal;
+var Content = HoverCardContent;
+var Arrow = HoverCardArrow;
+
+export { Arrow, Content, HoverCard, HoverCardArrow, HoverCardContent, HoverCardPortal, HoverCardTrigger, HoverCardPortalExport as Portal, Root, Trigger, createHoverCardScope };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hover-card.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import {\n  type JSX,\n  createSignal,\n  createEffect,\n  onCleanup,\n  splitProps,\n} from 'solid-js';\nimport { composeEventHandlers } from '@radix-solid-js/primitive';\nimport { mergeRefs } from '@radix-solid-js/compose-refs';\nimport { createContextScope, type Scope } from '@radix-solid-js/context';\nimport { DismissableLayer } from '@radix-solid-js/dismissable-layer';\nimport {\n  createPopperScope,\n  Popper,\n  PopperAnchor,\n  PopperContent,\n  PopperArrow,\n} from '@radix-solid-js/popper';\nimport { Portal } from '@radix-solid-js/portal';\nimport { Presence } from '@radix-solid-js/presence';\nimport { Primitive } from '@radix-solid-js/primitive-component';\nimport { createControllableSignal } from '@radix-solid-js/use-controllable-state';\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCard\n * -----------------------------------------------------------------------------------------------*/\n\nlet originalBodyUserSelect: string;\n\nconst HOVERCARD_NAME = 'HoverCard';\n\ntype ScopedProps<P> = P & { __scopeHoverCard?: Scope };\nconst [createHoverCardContext, createHoverCardScope] = createContextScope(\n  HOVERCARD_NAME,\n  [createPopperScope]\n);\nconst usePopperScope = createPopperScope();\n\ntype HoverCardContextValue = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onOpen: () => void;\n  onClose: () => void;\n  onDismiss: () => void;\n  hasSelectionRef: { current: boolean };\n  isPointerDownOnContentRef: { current: boolean };\n};\n\nconst [HoverCardProvider, useHoverCardContext] =\n  createHoverCardContext<HoverCardContextValue>(HOVERCARD_NAME);\n\ninterface HoverCardProps {\n  children?: JSX.Element;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  openDelay?: number;\n  closeDelay?: number;\n}\n\nfunction HoverCard(inProps: ScopedProps<HoverCardProps>) {\n  const [local] = splitProps(inProps, [\n    '__scopeHoverCard',\n    'children',\n    'open',\n    'defaultOpen',\n    'onOpenChange',\n    'openDelay',\n    'closeDelay',\n  ]);\n\n  const popperScope = usePopperScope(local.__scopeHoverCard);\n\n  let openTimerRef = 0;\n  let closeTimerRef = 0;\n  const hasSelectionRef = { current: false };\n  const isPointerDownOnContentRef = { current: false };\n\n  const openDelay = () => local.openDelay ?? 700;\n  const closeDelay = () => local.closeDelay ?? 300;\n\n  const [open, setOpen] = createControllableSignal({\n    prop: () => local.open,\n    defaultProp: local.defaultOpen ?? false,\n    onChange: (value) => {\n      local.onOpenChange?.(value);\n    },\n  });\n\n  const handleOpen = () => {\n    clearTimeout(closeTimerRef);\n    openTimerRef = window.setTimeout(() => setOpen(true), openDelay());\n  };\n\n  const handleClose = () => {\n    clearTimeout(openTimerRef);\n    if (!hasSelectionRef.current && !isPointerDownOnContentRef.current) {\n      closeTimerRef = window.setTimeout(() => setOpen(false), closeDelay());\n    }\n  };\n\n  const handleDismiss = () => setOpen(false);\n\n  // cleanup any queued state updates on unmount\n  onCleanup(() => {\n    clearTimeout(openTimerRef);\n    clearTimeout(closeTimerRef);\n  });\n\n  return (\n    <HoverCardProvider\n      scope={local.__scopeHoverCard}\n      open={open()}\n      onOpenChange={setOpen}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      onDismiss={handleDismiss}\n      hasSelectionRef={hasSelectionRef}\n      isPointerDownOnContentRef={isPointerDownOnContentRef}\n    >\n      <Popper {...popperScope}>{local.children}</Popper>\n    </HoverCardProvider>\n  );\n}\n\nHoverCard.displayName = HOVERCARD_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'HoverCardTrigger';\n\ninterface HoverCardTriggerProps extends JSX.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction HoverCardTrigger(inProps: ScopedProps<HoverCardTriggerProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeHoverCard', 'ref']);\n  const context = useHoverCardContext(TRIGGER_NAME, local.__scopeHoverCard);\n  const popperScope = usePopperScope(local.__scopeHoverCard);\n\n  return (\n    <PopperAnchor asChild {...popperScope}>\n      <Primitive.a\n        data-state={context.open ? 'open' : 'closed'}\n        {...rest}\n        ref={local.ref}\n        onPointerEnter={composeEventHandlers(rest.onPointerEnter as any, excludeTouch(context.onOpen))}\n        onPointerLeave={composeEventHandlers(rest.onPointerLeave as any, excludeTouch(context.onClose))}\n        onFocus={composeEventHandlers(rest.onFocus as any, context.onOpen)}\n        onBlur={composeEventHandlers(rest.onBlur as any, context.onClose)}\n        // prevent focus event on touch devices\n        onTouchStart={composeEventHandlers(rest.onTouchStart as any, (event: TouchEvent) =>\n          event.preventDefault()\n        )}\n      />\n    </PopperAnchor>\n  );\n}\n\nHoverCardTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'HoverCardPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createHoverCardContext<PortalContextValue>(\n  PORTAL_NAME,\n  { forceMount: undefined }\n);\n\ninterface HoverCardPortalProps {\n  children?: JSX.Element;\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: Element | DocumentFragment | null;\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with animation libraries.\n   */\n  forceMount?: true;\n}\n\nfunction HoverCardPortal(inProps: ScopedProps<HoverCardPortalProps>) {\n  const [local] = splitProps(inProps, [\n    '__scopeHoverCard',\n    'children',\n    'container',\n    'forceMount',\n  ]);\n\n  // Portal is always mounted — visibility is controlled by Presence in HoverCardContent.\n  // This avoids the dual-Presence problem where the outer Presence would unmount\n  // the portal before the inner exit animation completes.\n  return (\n    <PortalProvider scope={local.__scopeHoverCard} forceMount={local.forceMount}>\n      <Portal container={local.container}>\n        {local.children}\n      </Portal>\n    </PortalProvider>\n  );\n}\n\nHoverCardPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'HoverCardContent';\n\ninterface HoverCardContentProps extends HoverCardContentImplProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with animation libraries.\n   */\n  forceMount?: true;\n}\n\nfunction HoverCardContent(inProps: ScopedProps<HoverCardContentProps>) {\n  const [local, rest] = splitProps(inProps, [\n    '__scopeHoverCard',\n    'forceMount',\n    'ref',\n  ]);\n\n  const portalContext = usePortalContext(CONTENT_NAME, local.__scopeHoverCard);\n  const context = useHoverCardContext(CONTENT_NAME, local.__scopeHoverCard);\n  const forceMount = () => local.forceMount ?? portalContext.forceMount;\n\n  return (\n    <Presence present={forceMount() || context.open}>\n      <HoverCardContentImpl\n        data-state={context.open ? 'open' : 'closed'}\n        {...rest}\n        __scopeHoverCard={local.__scopeHoverCard}\n        onPointerEnter={composeEventHandlers(\n          rest.onPointerEnter as any,\n          excludeTouch(context.onOpen)\n        )}\n        onPointerLeave={composeEventHandlers(\n          rest.onPointerLeave as any,\n          excludeTouch(context.onClose)\n        )}\n        ref={local.ref}\n      />\n    </Presence>\n  );\n}\n\nHoverCardContent.displayName = CONTENT_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\ninterface HoverCardContentImplProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  sideOffset?: number;\n  align?: 'start' | 'center' | 'end';\n  alignOffset?: number;\n  avoidCollisions?: boolean;\n  collisionBoundary?: Element | Element[] | null;\n  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>;\n  arrowPadding?: number;\n  sticky?: 'partial' | 'always';\n  hideWhenDetached?: boolean;\n  onEscapeKeyDown?: (event: KeyboardEvent) => void;\n  onPointerDownOutside?: (event: any) => void;\n  onFocusOutside?: (event: any) => void;\n  onInteractOutside?: (event: any) => void;\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction HoverCardContentImpl(inProps: ScopedProps<HoverCardContentImplProps & Record<string, any>>) {\n  const [local, rest] = splitProps(inProps, [\n    '__scopeHoverCard',\n    '__scopePopper',\n    'ref',\n    'side',\n    'sideOffset',\n    'align',\n    'alignOffset',\n    'avoidCollisions',\n    'collisionBoundary',\n    'collisionPadding',\n    'arrowPadding',\n    'sticky',\n    'hideWhenDetached',\n    'onEscapeKeyDown',\n    'onPointerDownOutside',\n    'onFocusOutside',\n    'onInteractOutside',\n    'style',\n    'children',\n  ]);\n\n  const context = useHoverCardContext(CONTENT_NAME, local.__scopeHoverCard);\n  const popperScope = usePopperScope(local.__scopeHoverCard);\n\n  let contentRef: HTMLDivElement | undefined;\n  const [containSelection, setContainSelection] = createSignal(false);\n\n  // Manage body user-select when containing selection\n  createEffect(() => {\n    if (containSelection()) {\n      const body = document.body;\n      // Safari requires prefix\n      originalBodyUserSelect = body.style.userSelect || body.style.webkitUserSelect;\n      body.style.userSelect = 'none';\n      body.style.webkitUserSelect = 'none';\n\n      onCleanup(() => {\n        body.style.userSelect = originalBodyUserSelect;\n        body.style.webkitUserSelect = originalBodyUserSelect;\n      });\n    }\n  });\n\n  // Listen for pointerup to stop selection containment\n  createEffect(() => {\n    if (contentRef) {\n      const handlePointerUp = () => {\n        setContainSelection(false);\n        context.isPointerDownOnContentRef.current = false;\n\n        // Delay a frame to ensure we always access the latest selection\n        setTimeout(() => {\n          const hasSelection = document.getSelection()?.toString() !== '';\n          if (hasSelection) context.hasSelectionRef.current = true;\n        });\n      };\n\n      document.addEventListener('pointerup', handlePointerUp);\n\n      onCleanup(() => {\n        document.removeEventListener('pointerup', handlePointerUp);\n        context.hasSelectionRef.current = false;\n        context.isPointerDownOnContentRef.current = false;\n      });\n    }\n  });\n\n  // Make tabbable nodes non-tabbable\n  createEffect(() => {\n    if (contentRef) {\n      const tabbables = getTabbableNodes(contentRef);\n      tabbables.forEach((tabbable) => tabbable.setAttribute('tabindex', '-1'));\n    }\n  });\n\n  return (\n    <DismissableLayer\n      asChild\n      disableOutsidePointerEvents={false}\n      onInteractOutside={local.onInteractOutside}\n      onEscapeKeyDown={local.onEscapeKeyDown}\n      onPointerDownOutside={local.onPointerDownOutside}\n      onFocusOutside={composeEventHandlers(local.onFocusOutside, (event: any) => {\n        event.preventDefault();\n      })}\n      onDismiss={context.onDismiss}\n    >\n      <PopperContent\n        {...popperScope}\n        {...rest}\n        ref={mergeRefs(local.ref, (el: HTMLElement) => (contentRef = el as HTMLDivElement))}\n        side={local.side}\n        sideOffset={local.sideOffset}\n        align={local.align}\n        alignOffset={local.alignOffset}\n        avoidCollisions={local.avoidCollisions}\n        collisionBoundary={local.collisionBoundary}\n        collisionPadding={local.collisionPadding}\n        arrowPadding={local.arrowPadding}\n        sticky={local.sticky}\n        hideWhenDetached={local.hideWhenDetached}\n        onPointerDown={composeEventHandlers(rest.onPointerDown as any, (event: PointerEvent) => {\n          // Contain selection to current layer\n          if ((event.currentTarget as HTMLElement).contains(event.target as HTMLElement)) {\n            setContainSelection(true);\n          }\n          context.hasSelectionRef.current = false;\n          context.isPointerDownOnContentRef.current = true;\n        })}\n        style={{\n          ...(typeof local.style === 'object' ? local.style : {}),\n          'user-select': containSelection() ? 'text' : undefined,\n          '-webkit-user-select': containSelection() ? 'text' : undefined,\n          // re-namespace exposed content custom properties\n          '--radix-hover-card-content-transform-origin': 'var(--radix-popper-transform-origin)',\n          '--radix-hover-card-content-available-width': 'var(--radix-popper-available-width)',\n          '--radix-hover-card-content-available-height': 'var(--radix-popper-available-height)',\n          '--radix-hover-card-trigger-width': 'var(--radix-popper-anchor-width)',\n          '--radix-hover-card-trigger-height': 'var(--radix-popper-anchor-height)',\n        } as JSX.CSSProperties}\n      >\n        {local.children}\n      </PopperContent>\n    </DismissableLayer>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'HoverCardArrow';\n\ninterface HoverCardArrowProps extends JSX.SvgSVGAttributes<SVGSVGElement> {\n  ref?: (el: SVGSVGElement) => void;\n}\n\nfunction HoverCardArrow(inProps: ScopedProps<HoverCardArrowProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeHoverCard']);\n  const popperScope = usePopperScope(local.__scopeHoverCard);\n\n  return <PopperArrow {...popperScope} {...rest} />;\n}\n\nHoverCardArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction excludeTouch(eventHandler: () => void) {\n  return (event: PointerEvent) =>\n    event.pointerType === 'touch' ? undefined : eventHandler();\n}\n\n/**\n * Returns a list of nodes that can be in the tab sequence.\n * @see: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker\n */\nfunction getTabbableNodes(container: HTMLElement) {\n  const nodes: HTMLElement[] = [];\n  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n    acceptNode: (node: any) => {\n      // `.tabIndex` is not the same as the `tabindex` attribute. It works on the\n      // runtime's understanding of tabbability, so this automatically accounts\n      // for any kind of element that could be tabbed to.\n      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n    },\n  });\n  while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement);\n  return nodes;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Exports\n * -----------------------------------------------------------------------------------------------*/\n\nconst Root = HoverCard;\nconst Trigger = HoverCardTrigger;\nconst HoverCardPortalExport = HoverCardPortal;\nconst Content = HoverCardContent;\nconst Arrow = HoverCardArrow;\n\nexport {\n  createHoverCardScope,\n  //\n  HoverCard,\n  HoverCardTrigger,\n  HoverCardPortal,\n  HoverCardContent,\n  HoverCardArrow,\n  //\n  Root,\n  Trigger,\n  HoverCardPortalExport as Portal,\n  Content,\n  Arrow,\n};\nexport type {\n  HoverCardProps,\n  HoverCardTriggerProps,\n  HoverCardPortalProps,\n  HoverCardContentProps,\n  HoverCardArrowProps,\n};\n"]}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@radix-solid-js/hover-card",
+  "version": "0.1.0",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@radix-solid-js/primitive": "workspace:*",
+    "@radix-solid-js/compose-refs": "workspace:*",
+    "@radix-solid-js/context": "workspace:*",
+    "@radix-solid-js/dismissable-layer": "workspace:*",
+    "@radix-solid-js/popper": "workspace:*",
+    "@radix-solid-js/portal": "workspace:*",
+    "@radix-solid-js/presence": "workspace:*",
+    "@radix-solid-js/primitive-component": "workspace:*",
+    "@radix-solid-js/use-controllable-state": "workspace:*"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.8.0"
+  },
+  "devDependencies": {
+    "@repo/tsconfig": "workspace:*",
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3",
+    "solid-js": "^1.9.3",
+    "vitest": "^2.1.8"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ljho01/shadcn-solid-js.git",
+    "directory": "packages/solid/hover-card"
+  }
+}