@mirohq/design-system-tooltip 4.2.0 → 4.3.0-fix-stitches-types.1

package/dist/main.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var designSystemUseId = require('@mirohq/design-system-use-id');
@@ -12,10 +10,6 @@ var designSystemUtils = require('@mirohq/design-system-utils');
 var designSystemBaseHotkey = require('@mirohq/design-system-base-hotkey');
 var designSystemPrimitive = require('@mirohq/design-system-primitive');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const StyledArrowIcon = designSystemStitches.styled(reactTooltip.Arrow, {
   fill: "$gray-900",
   width: "8px",
@@ -36,7 +30,7 @@ const StyledContent = designSystemStitches.styled(reactTooltip.Content, {
   outline: "1px solid transparent"
 });
 
-const Content = React__default["default"].forwardRef(
+const Content = React.forwardRef(
   ({
     align = "center",
     alignOffset = 0,
@@ -111,7 +105,7 @@ Content.displayName = "Tooltip.Content";
 
 const StyledTrigger = designSystemStitches.styled(reactTooltip.Trigger);
 
-const Trigger = React__default["default"].forwardRef(({ onPress, onClick, ...restProps }, forwardRef) => {
+const Trigger = React.forwardRef(({ onPress, onClick, ...restProps }, forwardRef) => {
   const { triggerRef, id } = React.useContext(TooltipTriggerContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     StyledTrigger,
@@ -140,7 +134,7 @@ const StyledHotkey = designSystemStitches.styled(designSystemPrimitive.Primitive
   marginRight: "-$50"
 });
 
-const Hotkey = React__default["default"].forwardRef(({ children, ...restProps }, forwardRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledHotkey, { ...restProps, ref: forwardRef, children: /* @__PURE__ */ jsxRuntime.jsx(designSystemBaseHotkey.Hotkey, { variant: "inverted", children }) }));
+const Hotkey = React.forwardRef(({ children, ...restProps }, forwardRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledHotkey, { ...restProps, ref: forwardRef, children: /* @__PURE__ */ jsxRuntime.jsx(designSystemBaseHotkey.Hotkey, { variant: "inverted", children }) }));
 
 const Metadata = designSystemStitches.styled(designSystemPrimitive.Primitive.div, {
   fontSize: "12px",

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/trigger.styled.tsx","../src/partials/trigger.tsx","../src/partials/provider.tsx","../src/partials/portal.tsx","../src/partials/hotkey.styled.tsx","../src/partials/hotkey.tsx","../src/partials/metadata.ts","../src/tooltip.tsx"],"sourcesContent":["import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport {\n  Content as RadixContent,\n  Arrow as RadixArrow,\n} from '@radix-ui/react-tooltip'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledArrowIcon = styled(RadixArrow, {\n  fill: '$gray-900',\n  width: '8px',\n  height: '6px',\n  transform: 'translateY(-1px)',\n  forcedColorAdjust: 'auto',\n})\n\nexport const StyledContent = styled(RadixContent, {\n  background: '$gray-900',\n  color: '$gray-50',\n  padding: 'calc($50 + $25) $100',\n  lineHeight: '$400',\n  borderRadius: '$100',\n  fontSize: '14px',\n  fontWeight: '400',\n  fontFamily: 'inherit',\n  zIndex: '$tooltip',\n  outline: '1px solid transparent',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import type { ElementRef } from 'react'\nimport React, { useContext, useEffect } from 'react'\n\nimport { StyledContent, StyledArrowIcon } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport type { PointerDownOutsideEvent, Side, Align } from '../types'\nimport { TooltipTriggerContext } from '../tooltip'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * The preferred alignment against the trigger. May change when collisions\n   * occur.\n   * @default 'center'\n   */\n  align?: Align\n\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options.\n   * @default 0\n   */\n  alignOffset?: number\n\n  /**\n   * The distance in pixels from the trigger.\n   * @default 5\n   */\n  sideOffset?: number\n\n  /** The preferred side of the trigger to render against when open.\n   * Will be reversed when collisions occur and avoidCollisions is enabled.\n   * @default 'top'\n   */\n  side?: Side\n\n  /**\n   * When true, overrides the side and align preferences to prevent collisions\n   * with window edges.\n   * @default true\n   */\n  avoidCollisions?: boolean\n\n  /**\n   * The distance in pixels from window edges where collision detection should\n   * occur.\n   * @default 0\n   */\n  collisionPadding?: number\n\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. It inherits from Tooltip.Portal.\n   */\n  forceMount?: true\n\n  /**\n   * The element used as the collision boundary. By default this is the\n   * viewport, though you can provide additional element(s) to be included in\n   * this check.\n   */\n  collisionBoundary?: Element | null\n\n  /**\n   * The sticky behavior on the align axis. \"partial\" will keep the content in\n   * the boundary as long as the trigger is at least partially in the boundary\n   * whilst \"always\" will keep the content in the boundary regardless.\n   * @default 'partial'\n   */\n  sticky?: 'partial' | 'always'\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded.\n   * @default true (false in test environment)\n   */\n  hideWhenDetached?: boolean\n\n  /**\n   * Event handler called when the escape key is down. It can be prevented by\n   * calling event.preventDefault.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the\n   * component. It can be prevented by calling event.preventDefault.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(\n  (\n    {\n      align = 'center',\n      alignOffset = 0,\n      avoidCollisions = true,\n      collisionPadding = 0,\n      children,\n      side = 'top',\n      sideOffset = 5,\n      sticky = 'partial',\n      hideWhenDetached = process.env.NODE_ENV !== 'test',\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const { triggerRef } = useContext(TooltipTriggerContext)\n\n    const removeDuplicateAriaDescription = (element: Element): void => {\n      const ariaDescribedBy: string | null =\n        element.getAttribute('aria-describedby')\n\n      if (ariaDescribedBy !== null) {\n        const ariaDescription: string | null | undefined =\n          document.getElementById(ariaDescribedBy)?.textContent\n\n        const areAriaLabelAndAriaDescriptionEqual =\n          ariaDescription?.trim() ===\n          element?.getAttribute('aria-label')?.trim()\n\n        if (areAriaLabelAndAriaDescriptionEqual) {\n          element.removeAttribute('aria-describedby')\n        }\n      }\n    }\n    useEffect((): (() => void) => {\n      const element = triggerRef.current\n\n      if (element != null) {\n        const handleMutation = (mutationsList: MutationRecord[]): void => {\n          for (const mutation of mutationsList) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-describedby'\n            ) {\n              removeDuplicateAriaDescription(element)\n            }\n          }\n        }\n\n        const observer = new MutationObserver(handleMutation)\n\n        observer.observe(element, {\n          attributes: true,\n        })\n\n        return () => {\n          observer.disconnect()\n        }\n      }\n\n      return () => {}\n    }, [triggerRef])\n\n    useEffect(() => {\n      if (triggerRef.current === null) return\n      removeDuplicateAriaDescription(triggerRef.current)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    return (\n      <StyledContent\n        {...restProps}\n        ref={forwardRef}\n        align={align}\n        alignOffset={alignOffset}\n        avoidCollisions={avoidCollisions}\n        collisionPadding={collisionPadding}\n        hideWhenDetached={hideWhenDetached}\n        side={side}\n        sideOffset={sideOffset}\n        sticky={sticky}\n      >\n        {children}\n        <StyledArrowIcon aria-hidden='true' />\n      </StyledContent>\n    )\n  }\n)\n\nContent.displayName = 'Tooltip.Content'\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Trigger } from '@radix-ui/react-tooltip'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledTrigger = styled(Trigger)\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import React, { useContext } from 'react'\nimport type { ElementRef, DOMAttributes } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\nimport { TooltipTriggerContext } from '../tooltip'\n\nexport interface TriggerProps extends StyledTriggerProps {\n  /**\n   * temporary the same as onClick, later will be added touch events support\n   */\n  onPress?: DOMAttributes<HTMLElement>['onClick']\n}\n\nexport const Trigger = React.forwardRef<\n  ElementRef<typeof StyledTrigger>,\n  TriggerProps\n>(({ onPress, onClick, ...restProps }, forwardRef) => {\n  const { triggerRef, id } = useContext(TooltipTriggerContext)\n  return (\n    <StyledTrigger\n      {...restProps}\n      onClick={onPress ?? onClick}\n      data-tooltip-trigger={id}\n      ref={mergeRefs([triggerRef, forwardRef])}\n    />\n  )\n})\n\nTrigger.displayName = 'Tooltip.Trigger'\n","import React, { createContext, useContext } from 'react'\n\nexport interface ProviderProps {\n  /**\n   * The duration from when the mouse enters a tooltip trigger until\n   * the tooltip opens.\n   */\n  delayDuration?: number\n\n  /**\n   * How much time a user has to enter another trigger without incurring\n   * a delay again.\n   * When set to `0`, when hovering between triggers there wont be delay duration.\n   * @default 500\n   */\n  skipDelayDuration?: number\n\n  /**\n   * The content\n   */\n  children?: React.ReactNode\n}\n\nexport const ProviderContext = createContext<ProviderProps>({} as any)\n\nexport const Provider = ({\n  children,\n  ...restProps\n}: ProviderProps): React.ReactNode => (\n  <ProviderContext.Provider value={restProps}>\n    {children}\n  </ProviderContext.Provider>\n)\n\nProvider.displayName = 'Tooltip.Provider'\n\nexport const useTooltipContext = (): ProviderProps =>\n  useContext(ProviderContext)\n","import React from 'react'\nimport type { TooltipPortalProps } from '@radix-ui/react-tooltip'\nimport { Portal as RadixPortal } from '@radix-ui/react-tooltip'\n\nexport interface PortalProps extends TooltipPortalProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. If used on this part, it will be\n   * inherited by Tooltip.Content.\n   */\n  forceMount?: true\n\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal = (props: PortalProps): React.ReactNode => (\n  <RadixPortal {...props} />\n)\n","import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledHotkey = styled(Primitive.span, {\n  marginLeft: '$100',\n  marginRight: '-$50',\n})\n\nexport type StyledHotkeyProps = StrictComponentProps<typeof StyledHotkey>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { Hotkey as BaseHotkey } from '@mirohq/design-system-base-hotkey'\n\nimport type { StyledHotkeyProps } from './hotkey.styled'\nimport { StyledHotkey } from './hotkey.styled'\n\nexport interface HotkeyProps extends StyledHotkeyProps {\n  /**\n   * The content.\n   */\n  children: string\n}\n\nexport const Hotkey = React.forwardRef<\n  ElementRef<typeof StyledHotkey>,\n  HotkeyProps\n>(({ children, ...restProps }, forwardRef) => (\n  <StyledHotkey {...restProps} ref={forwardRef}>\n    <BaseHotkey variant='inverted'>{children}</BaseHotkey>\n  </StyledHotkey>\n))\n","import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const Metadata = styled(Primitive.div, {\n  fontSize: '12px',\n  color: '$gray-300',\n  lineHeight: 1.4,\n  display: 'block',\n})\n\nexport type MetadataProps = ComponentPropsWithRef<typeof Metadata>\n\nMetadata.displayName = 'Tooltip.Metadata'\n","import React, {\n  useState,\n  useCallback,\n  useEffect,\n  useRef,\n  createContext,\n} from 'react'\nimport { useId } from '@mirohq/design-system-use-id'\nimport {\n  Provider as RadixProvider,\n  Root as RadixTooltip,\n} from '@radix-ui/react-tooltip'\nimport { useBaseTooltipContext } from '@mirohq/design-system-base-tooltip'\n\nimport { Content } from './partials/content'\nimport { Trigger } from './partials/trigger'\nimport { Provider, useTooltipContext } from './partials/provider'\nimport { Portal } from './partials/portal'\nimport { Hotkey } from './partials/hotkey'\nimport { Metadata } from './partials/metadata'\n\nexport interface TooltipProps {\n  /**\n   * The open state of the tooltip when it is initially rendered. Use when you\n   * do not need to control its open state.\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The current state of the tooltip.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the tooltip opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the tooltip closes.\n   */\n  onClose?: () => void\n\n  /**\n   * Overrides the duration given to the `Provider` to customize the open delay\n   * for a specific tooltip.\n   * @default 200\n   */\n  delayDuration?: number\n\n  /**\n   * How much time a user has to enter another trigger without incurring\n   * a delay again.\n   * @default 500\n   */\n  skipDelayDuration?: number\n\n  /**\n   * Clears the delayDuration and skipDelayDuration timeouts when the component\n   * is unmounted. This flag is `true` by default when using NODE_ENV=test.\n   * @default false\n   */\n  clearDelaysOnUnmount?: boolean\n\n  /**\n   * Closes the tooltip as soon as the pointer leaves the trigger making it\n   * impossible to hover the content.\n   */\n  disableHoverableContent?: boolean\n\n  /**\n   * The content\n   */\n  children: React.ReactNode\n}\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\nlet skipDelayTimer: ReturnType<typeof setTimeout> | undefined\nlet shouldSkipDelay = false\n\nexport const DEFAULT_SKIP_DELAY_DURATION = 500\nexport const DEFAULT_DELAY_DURATION = 300\n\nexport const TooltipTriggerContext = createContext<{\n  triggerRef: React.RefObject<HTMLButtonElement>\n  id?: string\n}>({\n  triggerRef: { current: null },\n})\n\nexport const Tooltip: ((props: TooltipProps) => React.ReactNode) & Partials = ({\n  defaultOpen = false,\n  open,\n  onOpen,\n  onClose,\n  skipDelayDuration,\n  delayDuration,\n  disableHoverableContent,\n  clearDelaysOnUnmount = process.env.NODE_ENV === 'test',\n  children,\n}) => {\n  const context = useTooltipContext()\n  const isMounted = useRef(false)\n  const _skipDelayDuration =\n    skipDelayDuration ??\n    context.skipDelayDuration ??\n    DEFAULT_SKIP_DELAY_DURATION\n\n  const triggerId = useId()\n\n  const { preventNextOpeningRef } = useBaseTooltipContext()\n\n  const [openState, setOpenState] = useState(defaultOpen)\n  const setDelayedOpen = useCallback(\n    (newOpenState: boolean) => {\n      clearTimeout(delayTimer)\n      clearTimeout(skipDelayTimer)\n\n      const triggerSelector = `[data-tooltip-trigger=\"${triggerId}\"]`\n\n      if (!newOpenState) {\n        skipDelayTimer = setTimeout(() => {\n          shouldSkipDelay = false\n        }, _skipDelayDuration)\n        setOpenState(false)\n        onClose?.()\n        return\n      }\n\n      if (\n        shouldSkipDelay ||\n        document.querySelector(`${triggerSelector}:focus`) != null\n      ) {\n        setOpenState(newOpenState)\n        return\n      }\n\n      delayTimer = setTimeout(() => {\n        // ignore it if the the user quickly hover the trigger and leave before the timeout\n        // (unfortunately JSDOM seems not to support :hover selector)\n        if (\n          document.querySelector(`${triggerSelector}:hover`) == null &&\n          process.env.NODE_ENV !== 'test'\n        ) {\n          return\n        }\n\n        /* when skipDelayDuration is 0 no skip delay should happen. */\n        shouldSkipDelay = _skipDelayDuration !== 0\n\n        if (isMounted.current) {\n          setOpenState(true)\n          onOpen?.()\n        }\n      }, delayDuration ?? context.delayDuration ?? DEFAULT_DELAY_DURATION)\n    },\n    [\n      delayDuration,\n      context.delayDuration,\n      _skipDelayDuration,\n      onClose,\n      onOpen,\n      triggerId,\n    ]\n  )\n\n  const handleOpenChange = useCallback(\n    (newState: boolean) => {\n      if (newState && preventNextOpeningRef.current) {\n        preventNextOpeningRef.current = false\n        return\n      }\n\n      if (open == null) {\n        setDelayedOpen(newState)\n        return\n      }\n\n      newState ? onOpen?.() : onClose?.()\n    },\n    [open, onOpen, onClose, preventNextOpeningRef, setDelayedOpen]\n  )\n\n  useEffect(\n    () => () => {\n      if (clearDelaysOnUnmount) {\n        clearTimeout(delayTimer)\n        clearTimeout(skipDelayTimer)\n        shouldSkipDelay = false\n      }\n    },\n    [clearDelaysOnUnmount]\n  )\n\n  useEffect(() => {\n    isMounted.current = true\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  return (\n    <RadixProvider delayDuration={0} skipDelayDuration={0}>\n      <TooltipTriggerContext.Provider\n        value={{\n          id: triggerId,\n          triggerRef,\n        }}\n      >\n        <RadixTooltip\n          disableHoverableContent={disableHoverableContent}\n          open={open ?? openState}\n          delayDuration={0} // we control it manually\n          onOpenChange={handleOpenChange}\n        >\n          {children}\n        </RadixTooltip>\n      </TooltipTriggerContext.Provider>\n    </RadixProvider>\n  )\n}\n\n// Partials\n// -----------------------------------------------------------------------------\n\nexport interface Partials {\n  Trigger: typeof Trigger\n  Content: typeof Content\n  Provider: typeof Provider\n  Portal: typeof Portal\n  Hotkey: typeof Hotkey\n  Metadata: typeof Metadata\n}\n\nTooltip.Trigger = Trigger\nTooltip.Content = Content\nTooltip.Provider = Provider\nTooltip.Portal = Portal\nTooltip.Hotkey = Hotkey\nTooltip.Metadata = Metadata\n"],"names":["styled","RadixArrow","RadixContent","React","useContext","useEffect","jsxs","jsx","Trigger","mergeRefs","createContext","RadixPortal","Primitive","BaseHotkey","useRef","useId","useBaseTooltipContext","useState","useCallback","_a","RadixProvider","RadixTooltip"],"mappings":"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"}
+{"version":3,"file":"main.js","sources":["../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/trigger.styled.tsx","../src/partials/trigger.tsx","../src/partials/provider.tsx","../src/partials/portal.tsx","../src/partials/hotkey.styled.tsx","../src/partials/hotkey.tsx","../src/partials/metadata.ts","../src/tooltip.tsx"],"sourcesContent":["import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport {\n  Content as RadixContent,\n  Arrow as RadixArrow,\n} from '@radix-ui/react-tooltip'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledArrowIcon = styled(RadixArrow, {\n  fill: '$gray-900',\n  width: '8px',\n  height: '6px',\n  transform: 'translateY(-1px)',\n  forcedColorAdjust: 'auto',\n})\n\nexport const StyledContent = styled(RadixContent, {\n  background: '$gray-900',\n  color: '$gray-50',\n  padding: 'calc($50 + $25) $100',\n  lineHeight: '$400',\n  borderRadius: '$100',\n  fontSize: '14px',\n  fontWeight: '400',\n  fontFamily: 'inherit',\n  zIndex: '$tooltip',\n  outline: '1px solid transparent',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import type { ElementRef } from 'react'\nimport React, { useContext, useEffect } from 'react'\n\nimport { StyledContent, StyledArrowIcon } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport type { PointerDownOutsideEvent, Side, Align } from '../types'\nimport { TooltipTriggerContext } from '../tooltip'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * The preferred alignment against the trigger. May change when collisions\n   * occur.\n   * @default 'center'\n   */\n  align?: Align\n\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options.\n   * @default 0\n   */\n  alignOffset?: number\n\n  /**\n   * The distance in pixels from the trigger.\n   * @default 5\n   */\n  sideOffset?: number\n\n  /** The preferred side of the trigger to render against when open.\n   * Will be reversed when collisions occur and avoidCollisions is enabled.\n   * @default 'top'\n   */\n  side?: Side\n\n  /**\n   * When true, overrides the side and align preferences to prevent collisions\n   * with window edges.\n   * @default true\n   */\n  avoidCollisions?: boolean\n\n  /**\n   * The distance in pixels from window edges where collision detection should\n   * occur.\n   * @default 0\n   */\n  collisionPadding?: number\n\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. It inherits from Tooltip.Portal.\n   */\n  forceMount?: true\n\n  /**\n   * The element used as the collision boundary. By default this is the\n   * viewport, though you can provide additional element(s) to be included in\n   * this check.\n   */\n  collisionBoundary?: Element | null\n\n  /**\n   * The sticky behavior on the align axis. \"partial\" will keep the content in\n   * the boundary as long as the trigger is at least partially in the boundary\n   * whilst \"always\" will keep the content in the boundary regardless.\n   * @default 'partial'\n   */\n  sticky?: 'partial' | 'always'\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded.\n   * @default true (false in test environment)\n   */\n  hideWhenDetached?: boolean\n\n  /**\n   * Event handler called when the escape key is down. It can be prevented by\n   * calling event.preventDefault.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the\n   * component. It can be prevented by calling event.preventDefault.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(\n  (\n    {\n      align = 'center',\n      alignOffset = 0,\n      avoidCollisions = true,\n      collisionPadding = 0,\n      children,\n      side = 'top',\n      sideOffset = 5,\n      sticky = 'partial',\n      hideWhenDetached = process.env.NODE_ENV !== 'test',\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const { triggerRef } = useContext(TooltipTriggerContext)\n\n    const removeDuplicateAriaDescription = (element: Element): void => {\n      const ariaDescribedBy: string | null =\n        element.getAttribute('aria-describedby')\n\n      if (ariaDescribedBy !== null) {\n        const ariaDescription: string | null | undefined =\n          document.getElementById(ariaDescribedBy)?.textContent\n\n        const areAriaLabelAndAriaDescriptionEqual =\n          ariaDescription?.trim() ===\n          element?.getAttribute('aria-label')?.trim()\n\n        if (areAriaLabelAndAriaDescriptionEqual) {\n          element.removeAttribute('aria-describedby')\n        }\n      }\n    }\n    useEffect((): (() => void) => {\n      const element = triggerRef.current\n\n      if (element != null) {\n        const handleMutation = (mutationsList: MutationRecord[]): void => {\n          for (const mutation of mutationsList) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-describedby'\n            ) {\n              removeDuplicateAriaDescription(element)\n            }\n          }\n        }\n\n        const observer = new MutationObserver(handleMutation)\n\n        observer.observe(element, {\n          attributes: true,\n        })\n\n        return () => {\n          observer.disconnect()\n        }\n      }\n\n      return () => {}\n    }, [triggerRef])\n\n    useEffect(() => {\n      if (triggerRef.current === null) return\n      removeDuplicateAriaDescription(triggerRef.current)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    return (\n      <StyledContent\n        {...restProps}\n        ref={forwardRef}\n        align={align}\n        alignOffset={alignOffset}\n        avoidCollisions={avoidCollisions}\n        collisionPadding={collisionPadding}\n        hideWhenDetached={hideWhenDetached}\n        side={side}\n        sideOffset={sideOffset}\n        sticky={sticky}\n      >\n        {children}\n        <StyledArrowIcon aria-hidden='true' />\n      </StyledContent>\n    )\n  }\n)\n\nContent.displayName = 'Tooltip.Content'\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Trigger } from '@radix-ui/react-tooltip'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledTrigger = styled(Trigger)\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import React, { useContext } from 'react'\nimport type { ElementRef, DOMAttributes } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\nimport { TooltipTriggerContext } from '../tooltip'\n\nexport interface TriggerProps extends StyledTriggerProps {\n  /**\n   * temporary the same as onClick, later will be added touch events support\n   */\n  onPress?: DOMAttributes<HTMLElement>['onClick']\n}\n\nexport const Trigger = React.forwardRef<\n  ElementRef<typeof StyledTrigger>,\n  TriggerProps\n>(({ onPress, onClick, ...restProps }, forwardRef) => {\n  const { triggerRef, id } = useContext(TooltipTriggerContext)\n  return (\n    <StyledTrigger\n      {...restProps}\n      onClick={onPress ?? onClick}\n      data-tooltip-trigger={id}\n      ref={mergeRefs([triggerRef, forwardRef])}\n    />\n  )\n})\n\nTrigger.displayName = 'Tooltip.Trigger'\n","import React, { createContext, useContext } from 'react'\n\nexport interface ProviderProps {\n  /**\n   * The duration from when the mouse enters a tooltip trigger until\n   * the tooltip opens.\n   */\n  delayDuration?: number\n\n  /**\n   * How much time a user has to enter another trigger without incurring\n   * a delay again.\n   * When set to `0`, when hovering between triggers there wont be delay duration.\n   * @default 500\n   */\n  skipDelayDuration?: number\n\n  /**\n   * The content\n   */\n  children?: React.ReactNode\n}\n\nexport const ProviderContext = createContext<ProviderProps>({} as any)\n\nexport const Provider = ({\n  children,\n  ...restProps\n}: ProviderProps): React.ReactNode => (\n  <ProviderContext.Provider value={restProps}>\n    {children}\n  </ProviderContext.Provider>\n)\n\nProvider.displayName = 'Tooltip.Provider'\n\nexport const useTooltipContext = (): ProviderProps =>\n  useContext(ProviderContext)\n","import React from 'react'\nimport type { TooltipPortalProps } from '@radix-ui/react-tooltip'\nimport { Portal as RadixPortal } from '@radix-ui/react-tooltip'\n\nexport interface PortalProps extends TooltipPortalProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. If used on this part, it will be\n   * inherited by Tooltip.Content.\n   */\n  forceMount?: true\n\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal = (props: PortalProps): React.ReactNode => (\n  <RadixPortal {...props} />\n)\n","import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledHotkey = styled(Primitive.span, {\n  marginLeft: '$100',\n  marginRight: '-$50',\n})\n\nexport type StyledHotkeyProps = StrictComponentProps<typeof StyledHotkey>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { Hotkey as BaseHotkey } from '@mirohq/design-system-base-hotkey'\n\nimport type { StyledHotkeyProps } from './hotkey.styled'\nimport { StyledHotkey } from './hotkey.styled'\n\nexport interface HotkeyProps extends StyledHotkeyProps {\n  /**\n   * The content.\n   */\n  children: string\n}\n\nexport const Hotkey = React.forwardRef<\n  ElementRef<typeof StyledHotkey>,\n  HotkeyProps\n>(({ children, ...restProps }, forwardRef) => (\n  <StyledHotkey {...restProps} ref={forwardRef}>\n    <BaseHotkey variant='inverted'>{children}</BaseHotkey>\n  </StyledHotkey>\n))\n","import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const Metadata = styled(Primitive.div, {\n  fontSize: '12px',\n  color: '$gray-300',\n  lineHeight: 1.4,\n  display: 'block',\n})\n\nexport type MetadataProps = ComponentPropsWithRef<typeof Metadata>\n\nMetadata.displayName = 'Tooltip.Metadata'\n","import React, {\n  useState,\n  useCallback,\n  useEffect,\n  useRef,\n  createContext,\n} from 'react'\nimport { useId } from '@mirohq/design-system-use-id'\nimport {\n  Provider as RadixProvider,\n  Root as RadixTooltip,\n} from '@radix-ui/react-tooltip'\nimport { useBaseTooltipContext } from '@mirohq/design-system-base-tooltip'\n\nimport { Content } from './partials/content'\nimport { Trigger } from './partials/trigger'\nimport { Provider, useTooltipContext } from './partials/provider'\nimport { Portal } from './partials/portal'\nimport { Hotkey } from './partials/hotkey'\nimport { Metadata } from './partials/metadata'\n\nexport interface TooltipProps {\n  /**\n   * The open state of the tooltip when it is initially rendered. Use when you\n   * do not need to control its open state.\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The current state of the tooltip.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the tooltip opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the tooltip closes.\n   */\n  onClose?: () => void\n\n  /**\n   * Overrides the duration given to the `Provider` to customize the open delay\n   * for a specific tooltip.\n   * @default 200\n   */\n  delayDuration?: number\n\n  /**\n   * How much time a user has to enter another trigger without incurring\n   * a delay again.\n   * @default 500\n   */\n  skipDelayDuration?: number\n\n  /**\n   * Clears the delayDuration and skipDelayDuration timeouts when the component\n   * is unmounted. This flag is `true` by default when using NODE_ENV=test.\n   * @default false\n   */\n  clearDelaysOnUnmount?: boolean\n\n  /**\n   * Closes the tooltip as soon as the pointer leaves the trigger making it\n   * impossible to hover the content.\n   */\n  disableHoverableContent?: boolean\n\n  /**\n   * The content\n   */\n  children: React.ReactNode\n}\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\nlet skipDelayTimer: ReturnType<typeof setTimeout> | undefined\nlet shouldSkipDelay = false\n\nexport const DEFAULT_SKIP_DELAY_DURATION = 500\nexport const DEFAULT_DELAY_DURATION = 300\n\nexport const TooltipTriggerContext = createContext<{\n  triggerRef: React.RefObject<HTMLButtonElement>\n  id?: string\n}>({\n  triggerRef: { current: null },\n})\n\nexport const Tooltip: ((props: TooltipProps) => React.ReactNode) & Partials = ({\n  defaultOpen = false,\n  open,\n  onOpen,\n  onClose,\n  skipDelayDuration,\n  delayDuration,\n  disableHoverableContent,\n  clearDelaysOnUnmount = process.env.NODE_ENV === 'test',\n  children,\n}) => {\n  const context = useTooltipContext()\n  const isMounted = useRef(false)\n  const _skipDelayDuration =\n    skipDelayDuration ??\n    context.skipDelayDuration ??\n    DEFAULT_SKIP_DELAY_DURATION\n\n  const triggerId = useId()\n\n  const { preventNextOpeningRef } = useBaseTooltipContext()\n\n  const [openState, setOpenState] = useState(defaultOpen)\n  const setDelayedOpen = useCallback(\n    (newOpenState: boolean) => {\n      clearTimeout(delayTimer)\n      clearTimeout(skipDelayTimer)\n\n      const triggerSelector = `[data-tooltip-trigger=\"${triggerId}\"]`\n\n      if (!newOpenState) {\n        skipDelayTimer = setTimeout(() => {\n          shouldSkipDelay = false\n        }, _skipDelayDuration)\n        setOpenState(false)\n        onClose?.()\n        return\n      }\n\n      if (\n        shouldSkipDelay ||\n        document.querySelector(`${triggerSelector}:focus`) != null\n      ) {\n        setOpenState(newOpenState)\n        return\n      }\n\n      delayTimer = setTimeout(() => {\n        // ignore it if the the user quickly hover the trigger and leave before the timeout\n        // (unfortunately JSDOM seems not to support :hover selector)\n        if (\n          document.querySelector(`${triggerSelector}:hover`) == null &&\n          process.env.NODE_ENV !== 'test'\n        ) {\n          return\n        }\n\n        /* when skipDelayDuration is 0 no skip delay should happen. */\n        shouldSkipDelay = _skipDelayDuration !== 0\n\n        if (isMounted.current) {\n          setOpenState(true)\n          onOpen?.()\n        }\n      }, delayDuration ?? context.delayDuration ?? DEFAULT_DELAY_DURATION)\n    },\n    [\n      delayDuration,\n      context.delayDuration,\n      _skipDelayDuration,\n      onClose,\n      onOpen,\n      triggerId,\n    ]\n  )\n\n  const handleOpenChange = useCallback(\n    (newState: boolean) => {\n      if (newState && preventNextOpeningRef.current) {\n        preventNextOpeningRef.current = false\n        return\n      }\n\n      if (open == null) {\n        setDelayedOpen(newState)\n        return\n      }\n\n      newState ? onOpen?.() : onClose?.()\n    },\n    [open, onOpen, onClose, preventNextOpeningRef, setDelayedOpen]\n  )\n\n  useEffect(\n    () => () => {\n      if (clearDelaysOnUnmount) {\n        clearTimeout(delayTimer)\n        clearTimeout(skipDelayTimer)\n        shouldSkipDelay = false\n      }\n    },\n    [clearDelaysOnUnmount]\n  )\n\n  useEffect(() => {\n    isMounted.current = true\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  return (\n    <RadixProvider delayDuration={0} skipDelayDuration={0}>\n      <TooltipTriggerContext.Provider\n        value={{\n          id: triggerId,\n          triggerRef,\n        }}\n      >\n        <RadixTooltip\n          disableHoverableContent={disableHoverableContent}\n          open={open ?? openState}\n          delayDuration={0} // we control it manually\n          onOpenChange={handleOpenChange}\n        >\n          {children}\n        </RadixTooltip>\n      </TooltipTriggerContext.Provider>\n    </RadixProvider>\n  )\n}\n\n// Partials\n// -----------------------------------------------------------------------------\n\nexport interface Partials {\n  Trigger: typeof Trigger\n  Content: typeof Content\n  Provider: typeof Provider\n  Portal: typeof Portal\n  Hotkey: typeof Hotkey\n  Metadata: typeof Metadata\n}\n\nTooltip.Trigger = Trigger\nTooltip.Content = Content\nTooltip.Provider = Provider\nTooltip.Portal = Portal\nTooltip.Hotkey = Hotkey\nTooltip.Metadata = Metadata\n"],"names":["styled","RadixArrow","RadixContent","useContext","useEffect","jsxs","jsx","Trigger","mergeRefs","createContext","RadixPortal","Primitive","BaseHotkey","useRef","useId","useBaseTooltipContext","useState","useCallback","_a","RadixProvider","RadixTooltip"],"mappings":"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"}

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/trigger.styled.tsx","../src/partials/trigger.tsx","../src/partials/provider.tsx","../src/partials/portal.tsx","../src/partials/hotkey.styled.tsx","../src/partials/hotkey.tsx","../src/partials/metadata.ts","../src/tooltip.tsx"],"sourcesContent":["import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport {\n  Content as RadixContent,\n  Arrow as RadixArrow,\n} from '@radix-ui/react-tooltip'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledArrowIcon = styled(RadixArrow, {\n  fill: '$gray-900',\n  width: '8px',\n  height: '6px',\n  transform: 'translateY(-1px)',\n  forcedColorAdjust: 'auto',\n})\n\nexport const StyledContent = styled(RadixContent, {\n  background: '$gray-900',\n  color: '$gray-50',\n  padding: 'calc($50 + $25) $100',\n  lineHeight: '$400',\n  borderRadius: '$100',\n  fontSize: '14px',\n  fontWeight: '400',\n  fontFamily: 'inherit',\n  zIndex: '$tooltip',\n  outline: '1px solid transparent',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import type { ElementRef } from 'react'\nimport React, { useContext, useEffect } from 'react'\n\nimport { StyledContent, StyledArrowIcon } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport type { PointerDownOutsideEvent, Side, Align } from '../types'\nimport { TooltipTriggerContext } from '../tooltip'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * The preferred alignment against the trigger. May change when collisions\n   * occur.\n   * @default 'center'\n   */\n  align?: Align\n\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options.\n   * @default 0\n   */\n  alignOffset?: number\n\n  /**\n   * The distance in pixels from the trigger.\n   * @default 5\n   */\n  sideOffset?: number\n\n  /** The preferred side of the trigger to render against when open.\n   * Will be reversed when collisions occur and avoidCollisions is enabled.\n   * @default 'top'\n   */\n  side?: Side\n\n  /**\n   * When true, overrides the side and align preferences to prevent collisions\n   * with window edges.\n   * @default true\n   */\n  avoidCollisions?: boolean\n\n  /**\n   * The distance in pixels from window edges where collision detection should\n   * occur.\n   * @default 0\n   */\n  collisionPadding?: number\n\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. It inherits from Tooltip.Portal.\n   */\n  forceMount?: true\n\n  /**\n   * The element used as the collision boundary. By default this is the\n   * viewport, though you can provide additional element(s) to be included in\n   * this check.\n   */\n  collisionBoundary?: Element | null\n\n  /**\n   * The sticky behavior on the align axis. \"partial\" will keep the content in\n   * the boundary as long as the trigger is at least partially in the boundary\n   * whilst \"always\" will keep the content in the boundary regardless.\n   * @default 'partial'\n   */\n  sticky?: 'partial' | 'always'\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded.\n   * @default true (false in test environment)\n   */\n  hideWhenDetached?: boolean\n\n  /**\n   * Event handler called when the escape key is down. It can be prevented by\n   * calling event.preventDefault.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the\n   * component. It can be prevented by calling event.preventDefault.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(\n  (\n    {\n      align = 'center',\n      alignOffset = 0,\n      avoidCollisions = true,\n      collisionPadding = 0,\n      children,\n      side = 'top',\n      sideOffset = 5,\n      sticky = 'partial',\n      hideWhenDetached = process.env.NODE_ENV !== 'test',\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const { triggerRef } = useContext(TooltipTriggerContext)\n\n    const removeDuplicateAriaDescription = (element: Element): void => {\n      const ariaDescribedBy: string | null =\n        element.getAttribute('aria-describedby')\n\n      if (ariaDescribedBy !== null) {\n        const ariaDescription: string | null | undefined =\n          document.getElementById(ariaDescribedBy)?.textContent\n\n        const areAriaLabelAndAriaDescriptionEqual =\n          ariaDescription?.trim() ===\n          element?.getAttribute('aria-label')?.trim()\n\n        if (areAriaLabelAndAriaDescriptionEqual) {\n          element.removeAttribute('aria-describedby')\n        }\n      }\n    }\n    useEffect((): (() => void) => {\n      const element = triggerRef.current\n\n      if (element != null) {\n        const handleMutation = (mutationsList: MutationRecord[]): void => {\n          for (const mutation of mutationsList) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-describedby'\n            ) {\n              removeDuplicateAriaDescription(element)\n            }\n          }\n        }\n\n        const observer = new MutationObserver(handleMutation)\n\n        observer.observe(element, {\n          attributes: true,\n        })\n\n        return () => {\n          observer.disconnect()\n        }\n      }\n\n      return () => {}\n    }, [triggerRef])\n\n    useEffect(() => {\n      if (triggerRef.current === null) return\n      removeDuplicateAriaDescription(triggerRef.current)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    return (\n      <StyledContent\n        {...restProps}\n        ref={forwardRef}\n        align={align}\n        alignOffset={alignOffset}\n        avoidCollisions={avoidCollisions}\n        collisionPadding={collisionPadding}\n        hideWhenDetached={hideWhenDetached}\n        side={side}\n        sideOffset={sideOffset}\n        sticky={sticky}\n      >\n        {children}\n        <StyledArrowIcon aria-hidden='true' />\n      </StyledContent>\n    )\n  }\n)\n\nContent.displayName = 'Tooltip.Content'\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Trigger } from '@radix-ui/react-tooltip'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledTrigger = styled(Trigger)\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import React, { useContext } from 'react'\nimport type { ElementRef, DOMAttributes } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\nimport { TooltipTriggerContext } from '../tooltip'\n\nexport interface TriggerProps extends StyledTriggerProps {\n  /**\n   * temporary the same as onClick, later will be added touch events support\n   */\n  onPress?: DOMAttributes<HTMLElement>['onClick']\n}\n\nexport const Trigger = React.forwardRef<\n  ElementRef<typeof StyledTrigger>,\n  TriggerProps\n>(({ onPress, onClick, ...restProps }, forwardRef) => {\n  const { triggerRef, id } = useContext(TooltipTriggerContext)\n  return (\n    <StyledTrigger\n      {...restProps}\n      onClick={onPress ?? onClick}\n      data-tooltip-trigger={id}\n      ref={mergeRefs([triggerRef, forwardRef])}\n    />\n  )\n})\n\nTrigger.displayName = 'Tooltip.Trigger'\n","import React, { createContext, useContext } from 'react'\n\nexport interface ProviderProps {\n  /**\n   * The duration from when the mouse enters a tooltip trigger until\n   * the tooltip opens.\n   */\n  delayDuration?: number\n\n  /**\n   * How much time a user has to enter another trigger without incurring\n   * a delay again.\n   * When set to `0`, when hovering between triggers there wont be delay duration.\n   * @default 500\n   */\n  skipDelayDuration?: number\n\n  /**\n   * The content\n   */\n  children?: React.ReactNode\n}\n\nexport const ProviderContext = createContext<ProviderProps>({} as any)\n\nexport const Provider = ({\n  children,\n  ...restProps\n}: ProviderProps): React.ReactNode => (\n  <ProviderContext.Provider value={restProps}>\n    {children}\n  </ProviderContext.Provider>\n)\n\nProvider.displayName = 'Tooltip.Provider'\n\nexport const useTooltipContext = (): ProviderProps =>\n  useContext(ProviderContext)\n","import React from 'react'\nimport type { TooltipPortalProps } from '@radix-ui/react-tooltip'\nimport { Portal as RadixPortal } from '@radix-ui/react-tooltip'\n\nexport interface PortalProps extends TooltipPortalProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. If used on this part, it will be\n   * inherited by Tooltip.Content.\n   */\n  forceMount?: true\n\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal = (props: PortalProps): React.ReactNode => (\n  <RadixPortal {...props} />\n)\n","import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledHotkey = styled(Primitive.span, {\n  marginLeft: '$100',\n  marginRight: '-$50',\n})\n\nexport type StyledHotkeyProps = StrictComponentProps<typeof StyledHotkey>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { Hotkey as BaseHotkey } from '@mirohq/design-system-base-hotkey'\n\nimport type { StyledHotkeyProps } from './hotkey.styled'\nimport { StyledHotkey } from './hotkey.styled'\n\nexport interface HotkeyProps extends StyledHotkeyProps {\n  /**\n   * The content.\n   */\n  children: string\n}\n\nexport const Hotkey = React.forwardRef<\n  ElementRef<typeof StyledHotkey>,\n  HotkeyProps\n>(({ children, ...restProps }, forwardRef) => (\n  <StyledHotkey {...restProps} ref={forwardRef}>\n    <BaseHotkey variant='inverted'>{children}</BaseHotkey>\n  </StyledHotkey>\n))\n","import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const Metadata = styled(Primitive.div, {\n  fontSize: '12px',\n  color: '$gray-300',\n  lineHeight: 1.4,\n  display: 'block',\n})\n\nexport type MetadataProps = ComponentPropsWithRef<typeof Metadata>\n\nMetadata.displayName = 'Tooltip.Metadata'\n","import React, {\n  useState,\n  useCallback,\n  useEffect,\n  useRef,\n  createContext,\n} from 'react'\nimport { useId } from '@mirohq/design-system-use-id'\nimport {\n  Provider as RadixProvider,\n  Root as RadixTooltip,\n} from '@radix-ui/react-tooltip'\nimport { useBaseTooltipContext } from '@mirohq/design-system-base-tooltip'\n\nimport { Content } from './partials/content'\nimport { Trigger } from './partials/trigger'\nimport { Provider, useTooltipContext } from './partials/provider'\nimport { Portal } from './partials/portal'\nimport { Hotkey } from './partials/hotkey'\nimport { Metadata } from './partials/metadata'\n\nexport interface TooltipProps {\n  /**\n   * The open state of the tooltip when it is initially rendered. Use when you\n   * do not need to control its open state.\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The current state of the tooltip.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the tooltip opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the tooltip closes.\n   */\n  onClose?: () => void\n\n  /**\n   * Overrides the duration given to the `Provider` to customize the open delay\n   * for a specific tooltip.\n   * @default 200\n   */\n  delayDuration?: number\n\n  /**\n   * How much time a user has to enter another trigger without incurring\n   * a delay again.\n   * @default 500\n   */\n  skipDelayDuration?: number\n\n  /**\n   * Clears the delayDuration and skipDelayDuration timeouts when the component\n   * is unmounted. This flag is `true` by default when using NODE_ENV=test.\n   * @default false\n   */\n  clearDelaysOnUnmount?: boolean\n\n  /**\n   * Closes the tooltip as soon as the pointer leaves the trigger making it\n   * impossible to hover the content.\n   */\n  disableHoverableContent?: boolean\n\n  /**\n   * The content\n   */\n  children: React.ReactNode\n}\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\nlet skipDelayTimer: ReturnType<typeof setTimeout> | undefined\nlet shouldSkipDelay = false\n\nexport const DEFAULT_SKIP_DELAY_DURATION = 500\nexport const DEFAULT_DELAY_DURATION = 300\n\nexport const TooltipTriggerContext = createContext<{\n  triggerRef: React.RefObject<HTMLButtonElement>\n  id?: string\n}>({\n  triggerRef: { current: null },\n})\n\nexport const Tooltip: ((props: TooltipProps) => React.ReactNode) & Partials = ({\n  defaultOpen = false,\n  open,\n  onOpen,\n  onClose,\n  skipDelayDuration,\n  delayDuration,\n  disableHoverableContent,\n  clearDelaysOnUnmount = process.env.NODE_ENV === 'test',\n  children,\n}) => {\n  const context = useTooltipContext()\n  const isMounted = useRef(false)\n  const _skipDelayDuration =\n    skipDelayDuration ??\n    context.skipDelayDuration ??\n    DEFAULT_SKIP_DELAY_DURATION\n\n  const triggerId = useId()\n\n  const { preventNextOpeningRef } = useBaseTooltipContext()\n\n  const [openState, setOpenState] = useState(defaultOpen)\n  const setDelayedOpen = useCallback(\n    (newOpenState: boolean) => {\n      clearTimeout(delayTimer)\n      clearTimeout(skipDelayTimer)\n\n      const triggerSelector = `[data-tooltip-trigger=\"${triggerId}\"]`\n\n      if (!newOpenState) {\n        skipDelayTimer = setTimeout(() => {\n          shouldSkipDelay = false\n        }, _skipDelayDuration)\n        setOpenState(false)\n        onClose?.()\n        return\n      }\n\n      if (\n        shouldSkipDelay ||\n        document.querySelector(`${triggerSelector}:focus`) != null\n      ) {\n        setOpenState(newOpenState)\n        return\n      }\n\n      delayTimer = setTimeout(() => {\n        // ignore it if the the user quickly hover the trigger and leave before the timeout\n        // (unfortunately JSDOM seems not to support :hover selector)\n        if (\n          document.querySelector(`${triggerSelector}:hover`) == null &&\n          process.env.NODE_ENV !== 'test'\n        ) {\n          return\n        }\n\n        /* when skipDelayDuration is 0 no skip delay should happen. */\n        shouldSkipDelay = _skipDelayDuration !== 0\n\n        if (isMounted.current) {\n          setOpenState(true)\n          onOpen?.()\n        }\n      }, delayDuration ?? context.delayDuration ?? DEFAULT_DELAY_DURATION)\n    },\n    [\n      delayDuration,\n      context.delayDuration,\n      _skipDelayDuration,\n      onClose,\n      onOpen,\n      triggerId,\n    ]\n  )\n\n  const handleOpenChange = useCallback(\n    (newState: boolean) => {\n      if (newState && preventNextOpeningRef.current) {\n        preventNextOpeningRef.current = false\n        return\n      }\n\n      if (open == null) {\n        setDelayedOpen(newState)\n        return\n      }\n\n      newState ? onOpen?.() : onClose?.()\n    },\n    [open, onOpen, onClose, preventNextOpeningRef, setDelayedOpen]\n  )\n\n  useEffect(\n    () => () => {\n      if (clearDelaysOnUnmount) {\n        clearTimeout(delayTimer)\n        clearTimeout(skipDelayTimer)\n        shouldSkipDelay = false\n      }\n    },\n    [clearDelaysOnUnmount]\n  )\n\n  useEffect(() => {\n    isMounted.current = true\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  return (\n    <RadixProvider delayDuration={0} skipDelayDuration={0}>\n      <TooltipTriggerContext.Provider\n        value={{\n          id: triggerId,\n          triggerRef,\n        }}\n      >\n        <RadixTooltip\n          disableHoverableContent={disableHoverableContent}\n          open={open ?? openState}\n          delayDuration={0} // we control it manually\n          onOpenChange={handleOpenChange}\n        >\n          {children}\n        </RadixTooltip>\n      </TooltipTriggerContext.Provider>\n    </RadixProvider>\n  )\n}\n\n// Partials\n// -----------------------------------------------------------------------------\n\nexport interface Partials {\n  Trigger: typeof Trigger\n  Content: typeof Content\n  Provider: typeof Provider\n  Portal: typeof Portal\n  Hotkey: typeof Hotkey\n  Metadata: typeof Metadata\n}\n\nTooltip.Trigger = Trigger\nTooltip.Content = Content\nTooltip.Provider = Provider\nTooltip.Portal = Portal\nTooltip.Hotkey = Hotkey\nTooltip.Metadata = Metadata\n"],"names":["RadixArrow","RadixContent","Trigger","RadixPortal","BaseHotkey","_a","RadixProvider","RadixTooltip"],"mappings":"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"}
+{"version":3,"file":"module.js","sources":["../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/trigger.styled.tsx","../src/partials/trigger.tsx","../src/partials/provider.tsx","../src/partials/portal.tsx","../src/partials/hotkey.styled.tsx","../src/partials/hotkey.tsx","../src/partials/metadata.ts","../src/tooltip.tsx"],"sourcesContent":["import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport {\n  Content as RadixContent,\n  Arrow as RadixArrow,\n} from '@radix-ui/react-tooltip'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledArrowIcon = styled(RadixArrow, {\n  fill: '$gray-900',\n  width: '8px',\n  height: '6px',\n  transform: 'translateY(-1px)',\n  forcedColorAdjust: 'auto',\n})\n\nexport const StyledContent = styled(RadixContent, {\n  background: '$gray-900',\n  color: '$gray-50',\n  padding: 'calc($50 + $25) $100',\n  lineHeight: '$400',\n  borderRadius: '$100',\n  fontSize: '14px',\n  fontWeight: '400',\n  fontFamily: 'inherit',\n  zIndex: '$tooltip',\n  outline: '1px solid transparent',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import type { ElementRef } from 'react'\nimport React, { useContext, useEffect } from 'react'\n\nimport { StyledContent, StyledArrowIcon } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport type { PointerDownOutsideEvent, Side, Align } from '../types'\nimport { TooltipTriggerContext } from '../tooltip'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * The preferred alignment against the trigger. May change when collisions\n   * occur.\n   * @default 'center'\n   */\n  align?: Align\n\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options.\n   * @default 0\n   */\n  alignOffset?: number\n\n  /**\n   * The distance in pixels from the trigger.\n   * @default 5\n   */\n  sideOffset?: number\n\n  /** The preferred side of the trigger to render against when open.\n   * Will be reversed when collisions occur and avoidCollisions is enabled.\n   * @default 'top'\n   */\n  side?: Side\n\n  /**\n   * When true, overrides the side and align preferences to prevent collisions\n   * with window edges.\n   * @default true\n   */\n  avoidCollisions?: boolean\n\n  /**\n   * The distance in pixels from window edges where collision detection should\n   * occur.\n   * @default 0\n   */\n  collisionPadding?: number\n\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. It inherits from Tooltip.Portal.\n   */\n  forceMount?: true\n\n  /**\n   * The element used as the collision boundary. By default this is the\n   * viewport, though you can provide additional element(s) to be included in\n   * this check.\n   */\n  collisionBoundary?: Element | null\n\n  /**\n   * The sticky behavior on the align axis. \"partial\" will keep the content in\n   * the boundary as long as the trigger is at least partially in the boundary\n   * whilst \"always\" will keep the content in the boundary regardless.\n   * @default 'partial'\n   */\n  sticky?: 'partial' | 'always'\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded.\n   * @default true (false in test environment)\n   */\n  hideWhenDetached?: boolean\n\n  /**\n   * Event handler called when the escape key is down. It can be prevented by\n   * calling event.preventDefault.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the\n   * component. It can be prevented by calling event.preventDefault.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(\n  (\n    {\n      align = 'center',\n      alignOffset = 0,\n      avoidCollisions = true,\n      collisionPadding = 0,\n      children,\n      side = 'top',\n      sideOffset = 5,\n      sticky = 'partial',\n      hideWhenDetached = process.env.NODE_ENV !== 'test',\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const { triggerRef } = useContext(TooltipTriggerContext)\n\n    const removeDuplicateAriaDescription = (element: Element): void => {\n      const ariaDescribedBy: string | null =\n        element.getAttribute('aria-describedby')\n\n      if (ariaDescribedBy !== null) {\n        const ariaDescription: string | null | undefined =\n          document.getElementById(ariaDescribedBy)?.textContent\n\n        const areAriaLabelAndAriaDescriptionEqual =\n          ariaDescription?.trim() ===\n          element?.getAttribute('aria-label')?.trim()\n\n        if (areAriaLabelAndAriaDescriptionEqual) {\n          element.removeAttribute('aria-describedby')\n        }\n      }\n    }\n    useEffect((): (() => void) => {\n      const element = triggerRef.current\n\n      if (element != null) {\n        const handleMutation = (mutationsList: MutationRecord[]): void => {\n          for (const mutation of mutationsList) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-describedby'\n            ) {\n              removeDuplicateAriaDescription(element)\n            }\n          }\n        }\n\n        const observer = new MutationObserver(handleMutation)\n\n        observer.observe(element, {\n          attributes: true,\n        })\n\n        return () => {\n          observer.disconnect()\n        }\n      }\n\n      return () => {}\n    }, [triggerRef])\n\n    useEffect(() => {\n      if (triggerRef.current === null) return\n      removeDuplicateAriaDescription(triggerRef.current)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    return (\n      <StyledContent\n        {...restProps}\n        ref={forwardRef}\n        align={align}\n        alignOffset={alignOffset}\n        avoidCollisions={avoidCollisions}\n        collisionPadding={collisionPadding}\n        hideWhenDetached={hideWhenDetached}\n        side={side}\n        sideOffset={sideOffset}\n        sticky={sticky}\n      >\n        {children}\n        <StyledArrowIcon aria-hidden='true' />\n      </StyledContent>\n    )\n  }\n)\n\nContent.displayName = 'Tooltip.Content'\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Trigger } from '@radix-ui/react-tooltip'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledTrigger = styled(Trigger)\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import React, { useContext } from 'react'\nimport type { ElementRef, DOMAttributes } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\nimport { TooltipTriggerContext } from '../tooltip'\n\nexport interface TriggerProps extends StyledTriggerProps {\n  /**\n   * temporary the same as onClick, later will be added touch events support\n   */\n  onPress?: DOMAttributes<HTMLElement>['onClick']\n}\n\nexport const Trigger = React.forwardRef<\n  ElementRef<typeof StyledTrigger>,\n  TriggerProps\n>(({ onPress, onClick, ...restProps }, forwardRef) => {\n  const { triggerRef, id } = useContext(TooltipTriggerContext)\n  return (\n    <StyledTrigger\n      {...restProps}\n      onClick={onPress ?? onClick}\n      data-tooltip-trigger={id}\n      ref={mergeRefs([triggerRef, forwardRef])}\n    />\n  )\n})\n\nTrigger.displayName = 'Tooltip.Trigger'\n","import React, { createContext, useContext } from 'react'\n\nexport interface ProviderProps {\n  /**\n   * The duration from when the mouse enters a tooltip trigger until\n   * the tooltip opens.\n   */\n  delayDuration?: number\n\n  /**\n   * How much time a user has to enter another trigger without incurring\n   * a delay again.\n   * When set to `0`, when hovering between triggers there wont be delay duration.\n   * @default 500\n   */\n  skipDelayDuration?: number\n\n  /**\n   * The content\n   */\n  children?: React.ReactNode\n}\n\nexport const ProviderContext = createContext<ProviderProps>({} as any)\n\nexport const Provider = ({\n  children,\n  ...restProps\n}: ProviderProps): React.ReactNode => (\n  <ProviderContext.Provider value={restProps}>\n    {children}\n  </ProviderContext.Provider>\n)\n\nProvider.displayName = 'Tooltip.Provider'\n\nexport const useTooltipContext = (): ProviderProps =>\n  useContext(ProviderContext)\n","import React from 'react'\nimport type { TooltipPortalProps } from '@radix-ui/react-tooltip'\nimport { Portal as RadixPortal } from '@radix-ui/react-tooltip'\n\nexport interface PortalProps extends TooltipPortalProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. If used on this part, it will be\n   * inherited by Tooltip.Content.\n   */\n  forceMount?: true\n\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal = (props: PortalProps): React.ReactNode => (\n  <RadixPortal {...props} />\n)\n","import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledHotkey = styled(Primitive.span, {\n  marginLeft: '$100',\n  marginRight: '-$50',\n})\n\nexport type StyledHotkeyProps = StrictComponentProps<typeof StyledHotkey>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { Hotkey as BaseHotkey } from '@mirohq/design-system-base-hotkey'\n\nimport type { StyledHotkeyProps } from './hotkey.styled'\nimport { StyledHotkey } from './hotkey.styled'\n\nexport interface HotkeyProps extends StyledHotkeyProps {\n  /**\n   * The content.\n   */\n  children: string\n}\n\nexport const Hotkey = React.forwardRef<\n  ElementRef<typeof StyledHotkey>,\n  HotkeyProps\n>(({ children, ...restProps }, forwardRef) => (\n  <StyledHotkey {...restProps} ref={forwardRef}>\n    <BaseHotkey variant='inverted'>{children}</BaseHotkey>\n  </StyledHotkey>\n))\n","import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const Metadata = styled(Primitive.div, {\n  fontSize: '12px',\n  color: '$gray-300',\n  lineHeight: 1.4,\n  display: 'block',\n})\n\nexport type MetadataProps = ComponentPropsWithRef<typeof Metadata>\n\nMetadata.displayName = 'Tooltip.Metadata'\n","import React, {\n  useState,\n  useCallback,\n  useEffect,\n  useRef,\n  createContext,\n} from 'react'\nimport { useId } from '@mirohq/design-system-use-id'\nimport {\n  Provider as RadixProvider,\n  Root as RadixTooltip,\n} from '@radix-ui/react-tooltip'\nimport { useBaseTooltipContext } from '@mirohq/design-system-base-tooltip'\n\nimport { Content } from './partials/content'\nimport { Trigger } from './partials/trigger'\nimport { Provider, useTooltipContext } from './partials/provider'\nimport { Portal } from './partials/portal'\nimport { Hotkey } from './partials/hotkey'\nimport { Metadata } from './partials/metadata'\n\nexport interface TooltipProps {\n  /**\n   * The open state of the tooltip when it is initially rendered. Use when you\n   * do not need to control its open state.\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The current state of the tooltip.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the tooltip opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the tooltip closes.\n   */\n  onClose?: () => void\n\n  /**\n   * Overrides the duration given to the `Provider` to customize the open delay\n   * for a specific tooltip.\n   * @default 200\n   */\n  delayDuration?: number\n\n  /**\n   * How much time a user has to enter another trigger without incurring\n   * a delay again.\n   * @default 500\n   */\n  skipDelayDuration?: number\n\n  /**\n   * Clears the delayDuration and skipDelayDuration timeouts when the component\n   * is unmounted. This flag is `true` by default when using NODE_ENV=test.\n   * @default false\n   */\n  clearDelaysOnUnmount?: boolean\n\n  /**\n   * Closes the tooltip as soon as the pointer leaves the trigger making it\n   * impossible to hover the content.\n   */\n  disableHoverableContent?: boolean\n\n  /**\n   * The content\n   */\n  children: React.ReactNode\n}\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\nlet skipDelayTimer: ReturnType<typeof setTimeout> | undefined\nlet shouldSkipDelay = false\n\nexport const DEFAULT_SKIP_DELAY_DURATION = 500\nexport const DEFAULT_DELAY_DURATION = 300\n\nexport const TooltipTriggerContext = createContext<{\n  triggerRef: React.RefObject<HTMLButtonElement>\n  id?: string\n}>({\n  triggerRef: { current: null },\n})\n\nexport const Tooltip: ((props: TooltipProps) => React.ReactNode) & Partials = ({\n  defaultOpen = false,\n  open,\n  onOpen,\n  onClose,\n  skipDelayDuration,\n  delayDuration,\n  disableHoverableContent,\n  clearDelaysOnUnmount = process.env.NODE_ENV === 'test',\n  children,\n}) => {\n  const context = useTooltipContext()\n  const isMounted = useRef(false)\n  const _skipDelayDuration =\n    skipDelayDuration ??\n    context.skipDelayDuration ??\n    DEFAULT_SKIP_DELAY_DURATION\n\n  const triggerId = useId()\n\n  const { preventNextOpeningRef } = useBaseTooltipContext()\n\n  const [openState, setOpenState] = useState(defaultOpen)\n  const setDelayedOpen = useCallback(\n    (newOpenState: boolean) => {\n      clearTimeout(delayTimer)\n      clearTimeout(skipDelayTimer)\n\n      const triggerSelector = `[data-tooltip-trigger=\"${triggerId}\"]`\n\n      if (!newOpenState) {\n        skipDelayTimer = setTimeout(() => {\n          shouldSkipDelay = false\n        }, _skipDelayDuration)\n        setOpenState(false)\n        onClose?.()\n        return\n      }\n\n      if (\n        shouldSkipDelay ||\n        document.querySelector(`${triggerSelector}:focus`) != null\n      ) {\n        setOpenState(newOpenState)\n        return\n      }\n\n      delayTimer = setTimeout(() => {\n        // ignore it if the the user quickly hover the trigger and leave before the timeout\n        // (unfortunately JSDOM seems not to support :hover selector)\n        if (\n          document.querySelector(`${triggerSelector}:hover`) == null &&\n          process.env.NODE_ENV !== 'test'\n        ) {\n          return\n        }\n\n        /* when skipDelayDuration is 0 no skip delay should happen. */\n        shouldSkipDelay = _skipDelayDuration !== 0\n\n        if (isMounted.current) {\n          setOpenState(true)\n          onOpen?.()\n        }\n      }, delayDuration ?? context.delayDuration ?? DEFAULT_DELAY_DURATION)\n    },\n    [\n      delayDuration,\n      context.delayDuration,\n      _skipDelayDuration,\n      onClose,\n      onOpen,\n      triggerId,\n    ]\n  )\n\n  const handleOpenChange = useCallback(\n    (newState: boolean) => {\n      if (newState && preventNextOpeningRef.current) {\n        preventNextOpeningRef.current = false\n        return\n      }\n\n      if (open == null) {\n        setDelayedOpen(newState)\n        return\n      }\n\n      newState ? onOpen?.() : onClose?.()\n    },\n    [open, onOpen, onClose, preventNextOpeningRef, setDelayedOpen]\n  )\n\n  useEffect(\n    () => () => {\n      if (clearDelaysOnUnmount) {\n        clearTimeout(delayTimer)\n        clearTimeout(skipDelayTimer)\n        shouldSkipDelay = false\n      }\n    },\n    [clearDelaysOnUnmount]\n  )\n\n  useEffect(() => {\n    isMounted.current = true\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  return (\n    <RadixProvider delayDuration={0} skipDelayDuration={0}>\n      <TooltipTriggerContext.Provider\n        value={{\n          id: triggerId,\n          triggerRef,\n        }}\n      >\n        <RadixTooltip\n          disableHoverableContent={disableHoverableContent}\n          open={open ?? openState}\n          delayDuration={0} // we control it manually\n          onOpenChange={handleOpenChange}\n        >\n          {children}\n        </RadixTooltip>\n      </TooltipTriggerContext.Provider>\n    </RadixProvider>\n  )\n}\n\n// Partials\n// -----------------------------------------------------------------------------\n\nexport interface Partials {\n  Trigger: typeof Trigger\n  Content: typeof Content\n  Provider: typeof Provider\n  Portal: typeof Portal\n  Hotkey: typeof Hotkey\n  Metadata: typeof Metadata\n}\n\nTooltip.Trigger = Trigger\nTooltip.Content = Content\nTooltip.Provider = Provider\nTooltip.Portal = Portal\nTooltip.Hotkey = Hotkey\nTooltip.Metadata = Metadata\n"],"names":["RadixArrow","RadixContent","Trigger","RadixPortal","BaseHotkey","_a","RadixProvider","RadixTooltip"],"mappings":"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"}

package/dist/types.d.ts

@@ -1,13 +1,32 @@
-import * as react from 'react';
-import react__default, { DOMAttributes, ComponentPropsWithRef } from 'react';
-import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
+import * as React from 'react';
+import React__default, { DOMAttributes, ComponentPropsWithRef } from 'react';
 import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
 import { StrictComponentProps } from '@mirohq/design-system-stitches';
 import * as _radix_ui_react_tooltip from '@radix-ui/react-tooltip';
 import { TooltipPortalProps } from '@radix-ui/react-tooltip';
 import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
 
-declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
+/* Utilities */
+/* ========================================================================== */
+
+/** Returns a string with the given prefix followed by the given values. */
+type Prefixed<K extends string, T> = `${K}${Extract<T, boolean | number | string>}`
+
+type TransformProps<Props, Media> = {
+	[K in keyof Props]: (
+		| Props[K]
+		| (
+			& {
+				[KMedia in Prefixed<'@', 'initial' | keyof Media>]?: Props[K]
+			}
+			& {
+				[KMedia in string]: Props[K]
+			}
+		)
+	)
+}
+
+declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipContentProps & React.RefAttributes<HTMLDivElement>>>, never> & TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<React.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipContentProps & React.RefAttributes<HTMLDivElement>>, {}, {}>;
 type StyledContentProps = StrictComponentProps<typeof StyledContent>;
 
 type PointerDownOutsideEvent = CustomEvent<{
@@ -16,15 +35,11 @@ type PointerDownOutsideEvent = CustomEvent<{
 type Side = 'top' | 'right' | 'bottom' | 'left';
 type Align = 'start' | 'center' | 'end';
 
+type types_Align = Align;
 type types_PointerDownOutsideEvent = PointerDownOutsideEvent;
 type types_Side = Side;
-type types_Align = Align;
 declare namespace types {
-  export {
-    types_PointerDownOutsideEvent as PointerDownOutsideEvent,
-    types_Side as Side,
-    types_Align as Align,
-  };
+  export type { types_Align as Align, types_PointerDownOutsideEvent as PointerDownOutsideEvent, types_Side as Side };
 }
 
 interface ContentProps extends StyledContentProps {
@@ -95,9 +110,9 @@ interface ContentProps extends StyledContentProps {
      */
     onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
 }
-declare const Content: react__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
+declare const Content: React__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>, {}, {}>;
+declare const StyledTrigger: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>>, never> & TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<React.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>, {}, {}>;
 type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>;
 
 interface TriggerProps extends StyledTriggerProps {
@@ -106,7 +121,7 @@ interface TriggerProps extends StyledTriggerProps {
      */
     onPress?: DOMAttributes<HTMLElement>['onClick'];
 }
-declare const Trigger: react__default.ForwardRefExoticComponent<Omit<TriggerProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>>;
+declare const Trigger: React__default.ForwardRefExoticComponent<Omit<TriggerProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
 interface ProviderProps {
     /**
@@ -124,10 +139,10 @@ interface ProviderProps {
     /**
      * The content
      */
-    children?: react__default.ReactNode;
+    children?: React__default.ReactNode;
 }
 declare const Provider: {
-    ({ children, ...restProps }: ProviderProps): react__default.ReactNode;
+    ({ children, ...restProps }: ProviderProps): React__default.ReactNode;
     displayName: string;
 };
 
@@ -143,9 +158,9 @@ interface PortalProps extends TooltipPortalProps {
      */
     container?: HTMLElement | null;
 }
-declare const Portal: (props: PortalProps) => react__default.ReactNode;
+declare const Portal: (props: PortalProps) => React__default.ReactNode;
 
-declare const StyledHotkey: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLSpanElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>, {}, {}>;
+declare const StyledHotkey: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>>, never> & TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLSpanElement>> & _mirohq_design_system_stitches.StitchesInternals<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>, {}, {}>;
 type StyledHotkeyProps = StrictComponentProps<typeof StyledHotkey>;
 
 interface HotkeyProps extends StyledHotkeyProps {
@@ -154,9 +169,9 @@ interface HotkeyProps extends StyledHotkeyProps {
      */
     children: string;
 }
-declare const Hotkey: react__default.ForwardRefExoticComponent<Omit<HotkeyProps, "ref"> & react__default.RefAttributes<HTMLSpanElement>>;
+declare const Hotkey: React__default.ForwardRefExoticComponent<Omit<HotkeyProps, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
 
-declare const Metadata: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
+declare const Metadata: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, never> & TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<React.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
 type MetadataProps = ComponentPropsWithRef<typeof Metadata>;
 
 interface TooltipProps {
@@ -203,11 +218,11 @@ interface TooltipProps {
     /**
      * The content
      */
-    children: react__default.ReactNode;
+    children: React__default.ReactNode;
 }
 declare const DEFAULT_SKIP_DELAY_DURATION = 500;
 declare const DEFAULT_DELAY_DURATION = 300;
-declare const Tooltip: ((props: TooltipProps) => react__default.ReactNode) & Partials;
+declare const Tooltip: ((props: TooltipProps) => React__default.ReactNode) & Partials;
 interface Partials {
     Trigger: typeof Trigger;
     Content: typeof Content;
@@ -217,4 +232,5 @@ interface Partials {
     Metadata: typeof Metadata;
 }
 
-export { DEFAULT_DELAY_DURATION as TOOLTIP_DEFAULT_DELAY_DURATION, DEFAULT_SKIP_DELAY_DURATION as TOOLTIP_DEFAULT_SKIP_DELAY_DURATION, Tooltip, ContentProps as TooltipContentProps, MetadataProps as TooltipMetadataProps, PortalProps as TooltipPortalProps, TooltipProps, ProviderProps as TooltipProviderProps, TriggerProps as TooltipTriggerProps, types as TooltipTypes };
+export { DEFAULT_DELAY_DURATION as TOOLTIP_DEFAULT_DELAY_DURATION, DEFAULT_SKIP_DELAY_DURATION as TOOLTIP_DEFAULT_SKIP_DELAY_DURATION, Tooltip, types as TooltipTypes };
+export type { ContentProps as TooltipContentProps, MetadataProps as TooltipMetadataProps, PortalProps as TooltipPortalProps, TooltipProps, ProviderProps as TooltipProviderProps, TriggerProps as TooltipTriggerProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-tooltip",
-  "version": "4.2.0",
+  "version": "4.3.0-fix-stitches-types.1",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -28,12 +28,12 @@
   },
   "dependencies": {
     "@radix-ui/react-tooltip": "^1.0.3",
-    "@mirohq/design-system-base-hotkey": "^1.1.2",
-    "@mirohq/design-system-base-tooltip": "^1.1.0",
-    "@mirohq/design-system-primitive": "^2.1.0",
-    "@mirohq/design-system-stitches": "^3.1.2",
-    "@mirohq/design-system-use-id": "^1.1.0",
-    "@mirohq/design-system-utils": "^1.2.1"
+    "@mirohq/design-system-base-hotkey": "^1.2.0-fix-stitches-types.1",
+    "@mirohq/design-system-base-tooltip": "^1.2.0-fix-stitches-types.1",
+    "@mirohq/design-system-primitive": "^2.2.0-fix-stitches-types.1",
+    "@mirohq/design-system-stitches": "^3.2.0-fix-stitches-types.1",
+    "@mirohq/design-system-utils": "^1.2.1",
+    "@mirohq/design-system-use-id": "^1.1.0"
   },
   "scripts": {
     "build": "rollup -c ../../../rollup.config.js",