@alma-oss/spirit-web-react 4.4.2 → 4.6.0

package/dist/components/Tooltip/Tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef, useRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritTooltipProps,\n  type TooltipProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TooltipProvider } from './TooltipContext';\nimport { useFloating } from './useFloating';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst _Tooltip = <E extends ElementType = 'div'>(props: SpiritTooltipProps<E>, ref: PolymorphicRef<E>) => {\n  const {\n    children,\n    elementType = 'div',\n    enableFlipping: flipProp = true,\n    enableFlippingCrossAxis: flipCrossAxis = true,\n    enableShifting: shiftProp = true,\n    enableSizing: sizeProp = true,\n    flipFallbackAxisSideDirection = 'none',\n    flipFallbackPlacements = ['bottom', 'top'],\n    id,\n    isDismissible = false,\n    isFocusableOnHover = false,\n    isOpen = false,\n    onToggle,\n    placement: tooltipPlacement,\n    positionStrategy = 'absolute',\n    trigger = ['click', 'hover'],\n    ...restProps\n  } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isDismissible,\n    isOpen,\n    ...restProps,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- incompatible type\n  } as any);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.rootClassName,\n    styleProps,\n  });\n\n  // Refs for FloatingUI\n  const arrowRef = useRef<HTMLSpanElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(ref);\n\n  // Get `--tooltip-max-width` and `--tooltip-offset` from CSS variables\n  let tooltipMaxWidth;\n  let tooltipOffset;\n  let tooltipCornerOffset;\n  let tooltipArrowWidth;\n  const tooltipElement = tooltipRef.current?.querySelector('[data-spirit-element=\"tooltip\"]');\n  const tooltipArrowElement = tooltipElement?.querySelector('[data-spirit-element=\"tooltip-arrow\"]');\n\n  if (tooltipElement) {\n    const tooltipComputedStyle = window.getComputedStyle(tooltipElement);\n    const tooltipArrowComputedStyle = tooltipArrowElement && window.getComputedStyle(tooltipArrowElement);\n    tooltipMaxWidth = parseInt(tooltipComputedStyle.getPropertyValue('--tooltip-max-width'), 10);\n    tooltipOffset = parseInt(tooltipComputedStyle.getPropertyValue('--tooltip-offset'), 10);\n    tooltipCornerOffset = tooltipArrowComputedStyle\n      ? parseInt(tooltipArrowComputedStyle.getPropertyValue('--tooltip-arrow-corner-offset'), 10)\n      : 0;\n    tooltipArrowWidth = tooltipArrowComputedStyle ? parseInt(tooltipArrowComputedStyle.width, 10) : 0;\n  }\n\n  // Get props for the FloatingUI hook\n  const { getFloatingProps, getReferenceProps, maxWidth, middlewareData, placement, refs, x, y, position } =\n    useFloating({\n      arrowRef,\n      cornerOffset: tooltipCornerOffset,\n      flipCrossAxis,\n      flipFallbackAxisSideDirection,\n      flipFallbackPlacements,\n      flipProp,\n      isDismissible,\n      isFocusableOnHover,\n      isOpen,\n      offset: tooltipOffset,\n      onToggle,\n      shiftProp,\n      sizeProp,\n      positionStrategy,\n      tooltipArrowWidth,\n      tooltipMaxWidth,\n      tooltipPlacement,\n      trigger,\n    });\n\n  return (\n    <TooltipProvider\n      value={{\n        anchorRef: refs.setPositionReference,\n        arrowRef,\n        getFloatingProps,\n        getReferenceProps,\n        id,\n        isDismissible,\n        isOpen,\n        middlewareData,\n        onToggle,\n        placement,\n        sizeMaxWidth: maxWidth,\n        tooltipMaxWidth,\n        tooltipRef: refs.setFloating,\n        triggerRef: refs.setReference,\n        x,\n        y,\n        position,\n      }}\n    >\n      <Component {...otherProps} ref={tooltipRef} {...mergedStyleProps}>\n        {children}\n      </Component>\n    </TooltipProvider>\n  );\n};\n\nconst Tooltip = forwardRef<HTMLDivElement, SpiritTooltipProps<'div'>>(_Tooltip) as unknown as PolymorphicComponent<\n  'div',\n  TooltipProps\n>;\n\nTooltip.spiritComponent = 'Tooltip';\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["_Tooltip","props","ref","children","elementType","flipProp","flipCrossAxis","shiftProp","sizeProp","flipFallbackAxisSideDirection","flipFallbackPlacements","id","isDismissible","isFocusableOnHover","isOpen","onToggle","tooltipPlacement","positionStrategy","trigger","restProps","Component","classProps","modifiedProps","useTooltipStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","arrowRef","useRef","tooltipRef","tooltipMaxWidth","tooltipOffset","tooltipCornerOffset","tooltipArrowWidth","tooltipElement","tooltipArrowElement","tooltipComputedStyle","tooltipArrowComputedStyle","getFloatingProps","getReferenceProps","maxWidth","middlewareData","placement","refs","x","y","position","useFloating","jsx","TooltipProvider","Tooltip","forwardRef"],"mappings":"+WAeMA,EAAW,CAAgCC,EAA8BC,IAA2B,CACxG,KAAM,CACJ,SAAAC,EACA,YAAAC,EAAc,MACd,eAAgBC,EAAW,GAC3B,wBAAyBC,EAAgB,GACzC,eAAgBC,EAAY,GAC5B,aAAcC,EAAW,GACzB,8BAAAC,EAAgC,OAChC,uBAAAC,EAAyB,CAAC,SAAU,KAAK,EACzC,GAAAC,EACA,cAAAC,EAAgB,GAChB,mBAAAC,EAAqB,GACrB,OAAAC,EAAS,GACT,SAAAC,EACA,UAAWC,EACX,iBAAAC,EAAmB,WACnB,QAAAC,EAAU,CAAC,QAAS,OAAO,EAC3B,GAAGC,CAAA,EACDlB,EAEEmB,EAAYhB,EAEZ,CAAE,WAAAiB,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,qBAAqB,CAChE,cAAAX,EACA,OAAAE,EACA,GAAGK,CAAA,CAEG,EACF,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAClD,WAAYC,EAAW,cAAA,WACvBG,CAAA,CACD,EAGKK,EAAWC,EAAAA,OAAwB,IAAI,EACvCC,EAAaD,EAAAA,OAAuB5B,CAAG,EAG7C,IAAI8B,EACAC,EACAC,EACAC,EACJ,MAAMC,EAAiBL,EAAW,SAAS,cAAc,iCAAiC,EACpFM,EAAsBD,GAAgB,cAAc,uCAAuC,EAEjG,GAAIA,EAAgB,CAClB,MAAME,EAAuB,OAAO,iBAAiBF,CAAc,EAC7DG,EAA4BF,GAAuB,OAAO,iBAAiBA,CAAmB,EACpGL,EAAkB,SAASM,EAAqB,iBAAiB,qBAAqB,EAAG,EAAE,EAC3FL,EAAgB,SAASK,EAAqB,iBAAiB,kBAAkB,EAAG,EAAE,EACtFJ,EAAsBK,EAClB,SAASA,EAA0B,iBAAiB,+BAA+B,EAAG,EAAE,EACxF,EACJJ,EAAoBI,EAA4B,SAASA,EAA0B,MAAO,EAAE,EAAI,CAClG,CAGA,KAAM,CAAE,iBAAAC,EAAkB,kBAAAC,EAAmB,SAAAC,EAAU,eAAAC,EAAgB,UAAAC,EAAW,KAAAC,EAAM,EAAAC,EAAG,EAAAC,EAAG,SAAAC,CAAA,EAC5FC,EAAAA,YAAY,CACV,SAAApB,EACA,aAAcK,EACd,cAAA5B,EACA,8BAAAG,EACA,uBAAAC,EACA,SAAAL,EACA,cAAAO,EACA,mBAAAC,EACA,OAAAC,EACA,OAAQmB,EACR,SAAAlB,EACA,UAAAR,EACA,SAAAC,EACA,iBAAAS,EACA,kBAAAkB,EAEA,iBAAAnB,EACA,QAAAE,CAAA,CACD,EAEH,OACEgC,EAAAA,IAACC,EAAAA,gBAAA,CACC,MAAO,CACL,UAAWN,EAAK,qBAChB,SAAAhB,EACA,iBAAAW,EACA,kBAAAC,EACA,GAAA9B,EACA,cAAAC,EACA,OAAAE,EACA,eAAA6B,EACA,SAAA5B,EACA,UAAA6B,EACA,aAAcF,EACd,gBAAAV,EACA,WAAYa,EAAK,YACjB,WAAYA,EAAK,aACjB,EAAAC,EACA,EAAAC,EACA,SAAAC,CAAA,EAGF,SAAAE,EAAAA,IAAC9B,GAAW,GAAGK,EAAY,IAAKM,EAAa,GAAGJ,EAC7C,SAAAxB,CAAA,CACH,CAAA,CAAA,CAGN,EAEMiD,EAAUC,EAAAA,WAAsDrD,CAAQ,EAK9EoD,EAAQ,gBAAkB,UAC1BA,EAAQ,YAAc"}
+{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { cssLengthToPixels } from '@alma-oss/spirit-common/utilities/cssLengthToPixels';\nimport React, { type ElementType, forwardRef, useRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritTooltipProps,\n  type TooltipProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TooltipProvider } from './TooltipContext';\nimport { useFloating } from './useFloating';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst _Tooltip = <E extends ElementType = 'div'>(props: SpiritTooltipProps<E>, ref: PolymorphicRef<E>) => {\n  const {\n    children,\n    elementType = 'div',\n    enableFlipping: flipProp = true,\n    enableFlippingCrossAxis: flipCrossAxis = true,\n    enableShifting: shiftProp = true,\n    enableSizing: sizeProp = true,\n    flipFallbackAxisSideDirection = 'none',\n    flipFallbackPlacements = ['bottom', 'top'],\n    id,\n    isDismissible = false,\n    isFocusableOnHover = false,\n    isOpen = false,\n    onToggle,\n    placement: tooltipPlacement,\n    positionStrategy = 'absolute',\n    trigger = ['click', 'hover'],\n    ...restProps\n  } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isDismissible,\n    isOpen,\n    ...restProps,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- incompatible type\n  } as any);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.rootClassName,\n    styleProps,\n  });\n\n  // Refs for FloatingUI\n  const arrowRef = useRef<HTMLSpanElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(ref);\n\n  // Get `--tooltip-max-width` and `--tooltip-offset` from CSS variables\n  let tooltipMaxWidth: number | undefined;\n  let tooltipOffset: number | undefined;\n  let tooltipCornerOffset: number | undefined;\n  let tooltipArrowWidth: number | undefined;\n  const tooltipElement = tooltipRef.current?.querySelector('[data-spirit-element=\"tooltip\"]');\n  const tooltipArrowElement = tooltipElement?.querySelector('[data-spirit-element=\"tooltip-arrow\"]');\n\n  if (tooltipElement) {\n    const tooltipComputedStyle = window.getComputedStyle(tooltipElement);\n    const tooltipArrowComputedStyle = tooltipArrowElement && window.getComputedStyle(tooltipArrowElement);\n    const maxWidthFromVar = cssLengthToPixels(tooltipComputedStyle.getPropertyValue('--tooltip-max-width').trim());\n    tooltipMaxWidth = maxWidthFromVar ?? cssLengthToPixels(tooltipComputedStyle.maxWidth);\n\n    tooltipOffset = cssLengthToPixels(tooltipComputedStyle.getPropertyValue('--tooltip-offset')) ?? 0;\n    tooltipCornerOffset = tooltipArrowComputedStyle\n      ? (cssLengthToPixels(tooltipArrowComputedStyle.getPropertyValue('--tooltip-arrow-corner-offset')) ?? 0)\n      : 0;\n\n    tooltipArrowWidth = 0;\n    if (tooltipArrowElement instanceof HTMLElement) {\n      const laidOutWidth = tooltipArrowElement.offsetWidth;\n      tooltipArrowWidth =\n        laidOutWidth > 0 ? laidOutWidth : (cssLengthToPixels(tooltipArrowComputedStyle?.width ?? '') ?? 0);\n    }\n  }\n\n  // Get props for the FloatingUI hook\n  const { getFloatingProps, getReferenceProps, maxWidth, middlewareData, placement, refs, x, y, position } =\n    useFloating({\n      arrowRef,\n      cornerOffset: tooltipCornerOffset,\n      flipCrossAxis,\n      flipFallbackAxisSideDirection,\n      flipFallbackPlacements,\n      flipProp,\n      isDismissible,\n      isFocusableOnHover,\n      isOpen,\n      offset: tooltipOffset,\n      onToggle,\n      shiftProp,\n      sizeProp,\n      positionStrategy,\n      tooltipArrowWidth,\n      tooltipMaxWidth,\n      tooltipPlacement,\n      trigger,\n    });\n\n  return (\n    <TooltipProvider\n      value={{\n        anchorRef: refs.setPositionReference,\n        arrowRef,\n        getFloatingProps,\n        getReferenceProps,\n        id,\n        isDismissible,\n        isOpen,\n        middlewareData,\n        onToggle,\n        placement,\n        sizeMaxWidth: maxWidth,\n        tooltipMaxWidth,\n        tooltipRef: refs.setFloating,\n        triggerRef: refs.setReference,\n        x,\n        y,\n        position,\n      }}\n    >\n      <Component {...otherProps} ref={tooltipRef} {...mergedStyleProps}>\n        {children}\n      </Component>\n    </TooltipProvider>\n  );\n};\n\nconst Tooltip = forwardRef<HTMLDivElement, SpiritTooltipProps<'div'>>(_Tooltip) as unknown as PolymorphicComponent<\n  'div',\n  TooltipProps\n>;\n\nTooltip.spiritComponent = 'Tooltip';\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["_Tooltip","props","ref","children","elementType","flipProp","flipCrossAxis","shiftProp","sizeProp","flipFallbackAxisSideDirection","flipFallbackPlacements","id","isDismissible","isFocusableOnHover","isOpen","onToggle","tooltipPlacement","positionStrategy","trigger","restProps","Component","classProps","modifiedProps","useTooltipStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","arrowRef","useRef","tooltipRef","tooltipMaxWidth","tooltipOffset","tooltipCornerOffset","tooltipArrowWidth","tooltipElement","tooltipArrowElement","tooltipComputedStyle","tooltipArrowComputedStyle","cssLengthToPixels","laidOutWidth","getFloatingProps","getReferenceProps","maxWidth","middlewareData","placement","refs","x","y","position","useFloating","jsx","TooltipProvider","Tooltip","forwardRef"],"mappings":"6aAgBMA,GAAW,CAAgCC,EAA8BC,IAA2B,CACxG,KAAM,CACJ,SAAAC,EACA,YAAAC,EAAc,MACd,eAAgBC,EAAW,GAC3B,wBAAyBC,EAAgB,GACzC,eAAgBC,EAAY,GAC5B,aAAcC,EAAW,GACzB,8BAAAC,EAAgC,OAChC,uBAAAC,EAAyB,CAAC,SAAU,KAAK,EACzC,GAAAC,EACA,cAAAC,EAAgB,GAChB,mBAAAC,EAAqB,GACrB,OAAAC,EAAS,GACT,SAAAC,EACA,UAAWC,EACX,iBAAAC,EAAmB,WACnB,QAAAC,EAAU,CAAC,QAAS,OAAO,EAC3B,GAAGC,CAAA,EACDlB,EAEEmB,EAAYhB,EAEZ,CAAE,WAAAiB,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,qBAAqB,CAChE,cAAAX,EACA,OAAAE,EACA,GAAGK,CAAA,CAEG,EACF,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAClD,WAAYC,EAAW,cAAA,WACvBG,CAAA,CACD,EAGKK,EAAWC,EAAAA,OAAwB,IAAI,EACvCC,EAAaD,EAAAA,OAAuB5B,CAAG,EAG7C,IAAI8B,EACAC,EACAC,EACAC,EACJ,MAAMC,EAAiBL,EAAW,SAAS,cAAc,iCAAiC,EACpFM,EAAsBD,GAAgB,cAAc,uCAAuC,EAEjG,GAAIA,EAAgB,CAClB,MAAME,EAAuB,OAAO,iBAAiBF,CAAc,EAC7DG,EAA4BF,GAAuB,OAAO,iBAAiBA,CAAmB,EAUpG,GARAL,EADwBQ,EAAAA,kBAAkBF,EAAqB,iBAAiB,qBAAqB,EAAE,MAAM,GACxEE,oBAAkBF,EAAqB,QAAQ,EAEpFL,EAAgBO,EAAAA,kBAAkBF,EAAqB,iBAAiB,kBAAkB,CAAC,GAAK,EAChGJ,EAAsBK,EACjBC,EAAAA,kBAAkBD,EAA0B,iBAAiB,+BAA+B,CAAC,GAAK,EACnG,EAEJJ,EAAoB,EAChBE,aAA+B,YAAa,CAC9C,MAAMI,EAAeJ,EAAoB,YACzCF,EACEM,EAAe,EAAIA,EAAgBD,EAAAA,kBAAkBD,GAA2B,OAAS,EAAE,GAAK,CACpG,CACF,CAGA,KAAM,CAAE,iBAAAG,EAAkB,kBAAAC,EAAmB,SAAAC,EAAU,eAAAC,EAAgB,UAAAC,EAAW,KAAAC,EAAM,EAAAC,EAAG,EAAAC,EAAG,SAAAC,CAAA,EAC5FC,EAAAA,YAAY,CACV,SAAAtB,EACA,aAAcK,EACd,cAAA5B,EACA,8BAAAG,EACA,uBAAAC,EACA,SAAAL,EACA,cAAAO,EACA,mBAAAC,EACA,OAAAC,EACA,OAAQmB,EACR,SAAAlB,EACA,UAAAR,EACA,SAAAC,EACA,iBAAAS,EACA,kBAAAkB,EAEA,iBAAAnB,EACA,QAAAE,CAAA,CACD,EAEH,OACEkC,EAAAA,IAACC,EAAAA,gBAAA,CACC,MAAO,CACL,UAAWN,EAAK,qBAChB,SAAAlB,EACA,iBAAAa,EACA,kBAAAC,EACA,GAAAhC,EACA,cAAAC,EACA,OAAAE,EACA,eAAA+B,EACA,SAAA9B,EACA,UAAA+B,EACA,aAAcF,EACd,gBAAAZ,EACA,WAAYe,EAAK,YACjB,WAAYA,EAAK,aACjB,EAAAC,EACA,EAAAC,EACA,SAAAC,CAAA,EAGF,SAAAE,EAAAA,IAAChC,GAAW,GAAGK,EAAY,IAAKM,EAAa,GAAGJ,EAC7C,SAAAxB,CAAA,CACH,CAAA,CAAA,CAGN,EAEMmD,EAAUC,EAAAA,WAAsDvD,EAAQ,EAK9EsD,EAAQ,gBAAkB,UAC1BA,EAAQ,YAAc"}

package/dist/components/Tooltip/Tooltip.js

@@ -1,93 +1,97 @@
 "use client";
-import { jsx as g } from "react/jsx-runtime";
-import { forwardRef as L, useRef as P } from "react";
-import { useStyleProps as Q } from "../../hooks/styleProps.js";
-import { mergeStyleProps as U } from "../../utils/mergeStyleProps.js";
-import { TooltipProvider as X } from "./TooltipContext.js";
-import { useFloating as Y } from "./useFloating.js";
-import { useTooltipStyleProps as Z } from "./useTooltipStyleProps.js";
-const $ = (w, S) => {
+import { jsx as h } from "react/jsx-runtime";
+import { cssLengthToPixels as t } from "../../common/src/utilities/cssLengthToPixels.js";
+import { forwardRef as U, useRef as y } from "react";
+import { useStyleProps as X } from "../../hooks/styleProps.js";
+import { mergeStyleProps as Y } from "../../utils/mergeStyleProps.js";
+import { TooltipProvider as Z } from "./TooltipContext.js";
+import { useFloating as $ } from "./useFloating.js";
+import { useTooltipStyleProps as tt } from "./useTooltipStyleProps.js";
+const et = (x, S) => {
   const {
-    children: h,
-    elementType: b = "div",
-    enableFlipping: x = !0,
-    enableFlippingCrossAxis: C = !0,
-    enableShifting: R = !0,
-    enableSizing: F = !0,
-    flipFallbackAxisSideDirection: T = "none",
-    flipFallbackPlacements: A = ["bottom", "top"],
+    children: b,
+    elementType: C = "div",
+    enableFlipping: F = !0,
+    enableFlippingCrossAxis: R = !0,
+    enableShifting: T = !0,
+    enableSizing: W = !0,
+    flipFallbackAxisSideDirection: A = "none",
+    flipFallbackPlacements: O = ["bottom", "top"],
     id: v,
-    isDismissible: e = !1,
-    isFocusableOnHover: O = !1,
-    isOpen: o = !1,
-    onToggle: s,
-    placement: I,
-    positionStrategy: W = "absolute",
-    trigger: k = ["click", "hover"],
-    ...z
-  } = w, l = b, { classProps: D, props: V } = Z({
-    isDismissible: e,
-    isOpen: o,
-    ...z
+    isDismissible: o = !1,
+    isFocusableOnHover: V = !1,
+    isOpen: r = !1,
+    onToggle: a,
+    placement: k,
+    positionStrategy: z = "absolute",
+    trigger: D = ["click", "hover"],
+    ...E
+  } = x, f = C, { classProps: M, props: q } = tt({
+    isDismissible: o,
+    isOpen: r,
+    ...E
     // eslint-disable-next-line @typescript-eslint/no-explicit-any -- incompatible type
-  }), { styleProps: q, props: E } = Q(V), M = U(l, {
-    classProps: D.rootClassName,
-    styleProps: q
-  }), p = P(null), n = P(S);
-  let a, f, c, m;
-  const r = n.current?.querySelector('[data-spirit-element="tooltip"]'), d = r?.querySelector('[data-spirit-element="tooltip-arrow"]');
-  if (r) {
-    const u = window.getComputedStyle(r), t = d && window.getComputedStyle(d);
-    a = parseInt(u.getPropertyValue("--tooltip-max-width"), 10), f = parseInt(u.getPropertyValue("--tooltip-offset"), 10), c = t ? parseInt(t.getPropertyValue("--tooltip-arrow-corner-offset"), 10) : 0, m = t ? parseInt(t.width, 10) : 0;
+  }), { styleProps: H, props: L } = X(q), N = Y(f, {
+    classProps: M.rootClassName,
+    styleProps: H
+  }), m = y(null), c = y(S);
+  let d, u, g, i;
+  const s = c.current?.querySelector('[data-spirit-element="tooltip"]'), e = s?.querySelector('[data-spirit-element="tooltip-arrow"]');
+  if (s) {
+    const p = window.getComputedStyle(s), n = e && window.getComputedStyle(e);
+    if (d = t(p.getPropertyValue("--tooltip-max-width").trim()) ?? t(p.maxWidth), u = t(p.getPropertyValue("--tooltip-offset")) ?? 0, g = n ? t(n.getPropertyValue("--tooltip-arrow-corner-offset")) ?? 0 : 0, i = 0, e instanceof HTMLElement) {
+      const P = e.offsetWidth;
+      i = P > 0 ? P : t(n?.width ?? "") ?? 0;
+    }
   }
-  const { getFloatingProps: N, getReferenceProps: j, maxWidth: H, middlewareData: _, placement: B, refs: i, x: G, y: J, position: K } = Y({
-    arrowRef: p,
-    cornerOffset: c,
-    flipCrossAxis: C,
-    flipFallbackAxisSideDirection: T,
-    flipFallbackPlacements: A,
-    flipProp: x,
-    isDismissible: e,
-    isFocusableOnHover: O,
-    isOpen: o,
-    offset: f,
-    onToggle: s,
-    shiftProp: R,
-    sizeProp: F,
-    positionStrategy: W,
-    tooltipArrowWidth: m,
-    tooltipPlacement: I,
-    trigger: k
+  const { getFloatingProps: j, getReferenceProps: _, maxWidth: B, middlewareData: G, placement: I, refs: l, x: J, y: K, position: Q } = $({
+    arrowRef: m,
+    cornerOffset: g,
+    flipCrossAxis: R,
+    flipFallbackAxisSideDirection: A,
+    flipFallbackPlacements: O,
+    flipProp: F,
+    isDismissible: o,
+    isFocusableOnHover: V,
+    isOpen: r,
+    offset: u,
+    onToggle: a,
+    shiftProp: T,
+    sizeProp: W,
+    positionStrategy: z,
+    tooltipArrowWidth: i,
+    tooltipPlacement: k,
+    trigger: D
   });
-  return /* @__PURE__ */ g(
-    X,
+  return /* @__PURE__ */ h(
+    Z,
     {
       value: {
-        anchorRef: i.setPositionReference,
-        arrowRef: p,
-        getFloatingProps: N,
-        getReferenceProps: j,
+        anchorRef: l.setPositionReference,
+        arrowRef: m,
+        getFloatingProps: j,
+        getReferenceProps: _,
         id: v,
-        isDismissible: e,
-        isOpen: o,
-        middlewareData: _,
-        onToggle: s,
-        placement: B,
-        sizeMaxWidth: H,
-        tooltipMaxWidth: a,
-        tooltipRef: i.setFloating,
-        triggerRef: i.setReference,
-        x: G,
-        y: J,
-        position: K
+        isDismissible: o,
+        isOpen: r,
+        middlewareData: G,
+        onToggle: a,
+        placement: I,
+        sizeMaxWidth: B,
+        tooltipMaxWidth: d,
+        tooltipRef: l.setFloating,
+        triggerRef: l.setReference,
+        x: J,
+        y: K,
+        position: Q
       },
-      children: /* @__PURE__ */ g(l, { ...E, ref: n, ...M, children: h })
+      children: /* @__PURE__ */ h(f, { ...L, ref: c, ...N, children: b })
     }
   );
-}, y = L($);
-y.spiritComponent = "Tooltip";
-y.displayName = "Tooltip";
+}, w = U(et);
+w.spiritComponent = "Tooltip";
+w.displayName = "Tooltip";
 export {
-  y as default
+  w as default
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef, useRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritTooltipProps,\n  type TooltipProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TooltipProvider } from './TooltipContext';\nimport { useFloating } from './useFloating';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst _Tooltip = <E extends ElementType = 'div'>(props: SpiritTooltipProps<E>, ref: PolymorphicRef<E>) => {\n  const {\n    children,\n    elementType = 'div',\n    enableFlipping: flipProp = true,\n    enableFlippingCrossAxis: flipCrossAxis = true,\n    enableShifting: shiftProp = true,\n    enableSizing: sizeProp = true,\n    flipFallbackAxisSideDirection = 'none',\n    flipFallbackPlacements = ['bottom', 'top'],\n    id,\n    isDismissible = false,\n    isFocusableOnHover = false,\n    isOpen = false,\n    onToggle,\n    placement: tooltipPlacement,\n    positionStrategy = 'absolute',\n    trigger = ['click', 'hover'],\n    ...restProps\n  } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isDismissible,\n    isOpen,\n    ...restProps,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- incompatible type\n  } as any);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.rootClassName,\n    styleProps,\n  });\n\n  // Refs for FloatingUI\n  const arrowRef = useRef<HTMLSpanElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(ref);\n\n  // Get `--tooltip-max-width` and `--tooltip-offset` from CSS variables\n  let tooltipMaxWidth;\n  let tooltipOffset;\n  let tooltipCornerOffset;\n  let tooltipArrowWidth;\n  const tooltipElement = tooltipRef.current?.querySelector('[data-spirit-element=\"tooltip\"]');\n  const tooltipArrowElement = tooltipElement?.querySelector('[data-spirit-element=\"tooltip-arrow\"]');\n\n  if (tooltipElement) {\n    const tooltipComputedStyle = window.getComputedStyle(tooltipElement);\n    const tooltipArrowComputedStyle = tooltipArrowElement && window.getComputedStyle(tooltipArrowElement);\n    tooltipMaxWidth = parseInt(tooltipComputedStyle.getPropertyValue('--tooltip-max-width'), 10);\n    tooltipOffset = parseInt(tooltipComputedStyle.getPropertyValue('--tooltip-offset'), 10);\n    tooltipCornerOffset = tooltipArrowComputedStyle\n      ? parseInt(tooltipArrowComputedStyle.getPropertyValue('--tooltip-arrow-corner-offset'), 10)\n      : 0;\n    tooltipArrowWidth = tooltipArrowComputedStyle ? parseInt(tooltipArrowComputedStyle.width, 10) : 0;\n  }\n\n  // Get props for the FloatingUI hook\n  const { getFloatingProps, getReferenceProps, maxWidth, middlewareData, placement, refs, x, y, position } =\n    useFloating({\n      arrowRef,\n      cornerOffset: tooltipCornerOffset,\n      flipCrossAxis,\n      flipFallbackAxisSideDirection,\n      flipFallbackPlacements,\n      flipProp,\n      isDismissible,\n      isFocusableOnHover,\n      isOpen,\n      offset: tooltipOffset,\n      onToggle,\n      shiftProp,\n      sizeProp,\n      positionStrategy,\n      tooltipArrowWidth,\n      tooltipMaxWidth,\n      tooltipPlacement,\n      trigger,\n    });\n\n  return (\n    <TooltipProvider\n      value={{\n        anchorRef: refs.setPositionReference,\n        arrowRef,\n        getFloatingProps,\n        getReferenceProps,\n        id,\n        isDismissible,\n        isOpen,\n        middlewareData,\n        onToggle,\n        placement,\n        sizeMaxWidth: maxWidth,\n        tooltipMaxWidth,\n        tooltipRef: refs.setFloating,\n        triggerRef: refs.setReference,\n        x,\n        y,\n        position,\n      }}\n    >\n      <Component {...otherProps} ref={tooltipRef} {...mergedStyleProps}>\n        {children}\n      </Component>\n    </TooltipProvider>\n  );\n};\n\nconst Tooltip = forwardRef<HTMLDivElement, SpiritTooltipProps<'div'>>(_Tooltip) as unknown as PolymorphicComponent<\n  'div',\n  TooltipProps\n>;\n\nTooltip.spiritComponent = 'Tooltip';\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["_Tooltip","props","ref","children","elementType","flipProp","flipCrossAxis","shiftProp","sizeProp","flipFallbackAxisSideDirection","flipFallbackPlacements","id","isDismissible","isFocusableOnHover","isOpen","onToggle","tooltipPlacement","positionStrategy","trigger","restProps","Component","classProps","modifiedProps","useTooltipStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","arrowRef","useRef","tooltipRef","tooltipMaxWidth","tooltipOffset","tooltipCornerOffset","tooltipArrowWidth","tooltipElement","tooltipArrowElement","tooltipComputedStyle","tooltipArrowComputedStyle","getFloatingProps","getReferenceProps","maxWidth","middlewareData","placement","refs","x","y","position","useFloating","jsx","TooltipProvider","Tooltip","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { cssLengthToPixels } from '@alma-oss/spirit-common/utilities/cssLengthToPixels';\nimport React, { type ElementType, forwardRef, useRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritTooltipProps,\n  type TooltipProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TooltipProvider } from './TooltipContext';\nimport { useFloating } from './useFloating';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst _Tooltip = <E extends ElementType = 'div'>(props: SpiritTooltipProps<E>, ref: PolymorphicRef<E>) => {\n  const {\n    children,\n    elementType = 'div',\n    enableFlipping: flipProp = true,\n    enableFlippingCrossAxis: flipCrossAxis = true,\n    enableShifting: shiftProp = true,\n    enableSizing: sizeProp = true,\n    flipFallbackAxisSideDirection = 'none',\n    flipFallbackPlacements = ['bottom', 'top'],\n    id,\n    isDismissible = false,\n    isFocusableOnHover = false,\n    isOpen = false,\n    onToggle,\n    placement: tooltipPlacement,\n    positionStrategy = 'absolute',\n    trigger = ['click', 'hover'],\n    ...restProps\n  } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isDismissible,\n    isOpen,\n    ...restProps,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- incompatible type\n  } as any);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.rootClassName,\n    styleProps,\n  });\n\n  // Refs for FloatingUI\n  const arrowRef = useRef<HTMLSpanElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(ref);\n\n  // Get `--tooltip-max-width` and `--tooltip-offset` from CSS variables\n  let tooltipMaxWidth: number | undefined;\n  let tooltipOffset: number | undefined;\n  let tooltipCornerOffset: number | undefined;\n  let tooltipArrowWidth: number | undefined;\n  const tooltipElement = tooltipRef.current?.querySelector('[data-spirit-element=\"tooltip\"]');\n  const tooltipArrowElement = tooltipElement?.querySelector('[data-spirit-element=\"tooltip-arrow\"]');\n\n  if (tooltipElement) {\n    const tooltipComputedStyle = window.getComputedStyle(tooltipElement);\n    const tooltipArrowComputedStyle = tooltipArrowElement && window.getComputedStyle(tooltipArrowElement);\n    const maxWidthFromVar = cssLengthToPixels(tooltipComputedStyle.getPropertyValue('--tooltip-max-width').trim());\n    tooltipMaxWidth = maxWidthFromVar ?? cssLengthToPixels(tooltipComputedStyle.maxWidth);\n\n    tooltipOffset = cssLengthToPixels(tooltipComputedStyle.getPropertyValue('--tooltip-offset')) ?? 0;\n    tooltipCornerOffset = tooltipArrowComputedStyle\n      ? (cssLengthToPixels(tooltipArrowComputedStyle.getPropertyValue('--tooltip-arrow-corner-offset')) ?? 0)\n      : 0;\n\n    tooltipArrowWidth = 0;\n    if (tooltipArrowElement instanceof HTMLElement) {\n      const laidOutWidth = tooltipArrowElement.offsetWidth;\n      tooltipArrowWidth =\n        laidOutWidth > 0 ? laidOutWidth : (cssLengthToPixels(tooltipArrowComputedStyle?.width ?? '') ?? 0);\n    }\n  }\n\n  // Get props for the FloatingUI hook\n  const { getFloatingProps, getReferenceProps, maxWidth, middlewareData, placement, refs, x, y, position } =\n    useFloating({\n      arrowRef,\n      cornerOffset: tooltipCornerOffset,\n      flipCrossAxis,\n      flipFallbackAxisSideDirection,\n      flipFallbackPlacements,\n      flipProp,\n      isDismissible,\n      isFocusableOnHover,\n      isOpen,\n      offset: tooltipOffset,\n      onToggle,\n      shiftProp,\n      sizeProp,\n      positionStrategy,\n      tooltipArrowWidth,\n      tooltipMaxWidth,\n      tooltipPlacement,\n      trigger,\n    });\n\n  return (\n    <TooltipProvider\n      value={{\n        anchorRef: refs.setPositionReference,\n        arrowRef,\n        getFloatingProps,\n        getReferenceProps,\n        id,\n        isDismissible,\n        isOpen,\n        middlewareData,\n        onToggle,\n        placement,\n        sizeMaxWidth: maxWidth,\n        tooltipMaxWidth,\n        tooltipRef: refs.setFloating,\n        triggerRef: refs.setReference,\n        x,\n        y,\n        position,\n      }}\n    >\n      <Component {...otherProps} ref={tooltipRef} {...mergedStyleProps}>\n        {children}\n      </Component>\n    </TooltipProvider>\n  );\n};\n\nconst Tooltip = forwardRef<HTMLDivElement, SpiritTooltipProps<'div'>>(_Tooltip) as unknown as PolymorphicComponent<\n  'div',\n  TooltipProps\n>;\n\nTooltip.spiritComponent = 'Tooltip';\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["_Tooltip","props","ref","children","elementType","flipProp","flipCrossAxis","shiftProp","sizeProp","flipFallbackAxisSideDirection","flipFallbackPlacements","id","isDismissible","isFocusableOnHover","isOpen","onToggle","tooltipPlacement","positionStrategy","trigger","restProps","Component","classProps","modifiedProps","useTooltipStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","arrowRef","useRef","tooltipRef","tooltipMaxWidth","tooltipOffset","tooltipCornerOffset","tooltipArrowWidth","tooltipElement","tooltipArrowElement","tooltipComputedStyle","tooltipArrowComputedStyle","cssLengthToPixels","laidOutWidth","getFloatingProps","getReferenceProps","maxWidth","middlewareData","placement","refs","x","y","position","useFloating","jsx","TooltipProvider","Tooltip","forwardRef"],"mappings":";;;;;;;;;AAgBA,MAAMA,KAAW,CAAgCC,GAA8BC,MAA2B;AACxG,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,gBAAgBC,IAAW;AAAA,IAC3B,yBAAyBC,IAAgB;AAAA,IACzC,gBAAgBC,IAAY;AAAA,IAC5B,cAAcC,IAAW;AAAA,IACzB,+BAAAC,IAAgC;AAAA,IAChC,wBAAAC,IAAyB,CAAC,UAAU,KAAK;AAAA,IACzC,IAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,oBAAAC,IAAqB;AAAA,IACrB,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,WAAWC;AAAA,IACX,kBAAAC,IAAmB;AAAA,IACnB,SAAAC,IAAU,CAAC,SAAS,OAAO;AAAA,IAC3B,GAAGC;AAAA,EAAA,IACDlB,GAEEmB,IAAYhB,GAEZ,EAAE,YAAAiB,GAAY,OAAOC,EAAA,IAAkBC,GAAqB;AAAA,IAChE,eAAAX;AAAA,IACA,QAAAE;AAAA,IACA,GAAGK;AAAA;AAAA,EAAA,CAEG,GACF,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,YAAAG;AAAA,EAAA,CACD,GAGKK,IAAWC,EAAwB,IAAI,GACvCC,IAAaD,EAAuB5B,CAAG;AAG7C,MAAI8B,GACAC,GACAC,GACAC;AACJ,QAAMC,IAAiBL,EAAW,SAAS,cAAc,iCAAiC,GACpFM,IAAsBD,GAAgB,cAAc,uCAAuC;AAEjG,MAAIA,GAAgB;AAClB,UAAME,IAAuB,OAAO,iBAAiBF,CAAc,GAC7DG,IAA4BF,KAAuB,OAAO,iBAAiBA,CAAmB;AAUpG,QARAL,IADwBQ,EAAkBF,EAAqB,iBAAiB,qBAAqB,EAAE,MAAM,KACxEE,EAAkBF,EAAqB,QAAQ,GAEpFL,IAAgBO,EAAkBF,EAAqB,iBAAiB,kBAAkB,CAAC,KAAK,GAChGJ,IAAsBK,IACjBC,EAAkBD,EAA0B,iBAAiB,+BAA+B,CAAC,KAAK,IACnG,GAEJJ,IAAoB,GAChBE,aAA+B,aAAa;AAC9C,YAAMI,IAAeJ,EAAoB;AACzC,MAAAF,IACEM,IAAe,IAAIA,IAAgBD,EAAkBD,GAA2B,SAAS,EAAE,KAAK;AAAA,IACpG;AAAA,EACF;AAGA,QAAM,EAAE,kBAAAG,GAAkB,mBAAAC,GAAmB,UAAAC,GAAU,gBAAAC,GAAgB,WAAAC,GAAW,MAAAC,GAAM,GAAAC,GAAG,GAAAC,GAAG,UAAAC,EAAA,IAC5FC,EAAY;AAAA,IACV,UAAAtB;AAAA,IACA,cAAcK;AAAA,IACd,eAAA5B;AAAA,IACA,+BAAAG;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAL;AAAA,IACA,eAAAO;AAAA,IACA,oBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAQmB;AAAA,IACR,UAAAlB;AAAA,IACA,WAAAR;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAS;AAAA,IACA,mBAAAkB;AAAA,IAEA,kBAAAnB;AAAA,IACA,SAAAE;AAAA,EAAA,CACD;AAEH,SACE,gBAAAkC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAWN,EAAK;AAAA,QAChB,UAAAlB;AAAA,QACA,kBAAAa;AAAA,QACA,mBAAAC;AAAA,QACA,IAAAhC;AAAA,QACA,eAAAC;AAAA,QACA,QAAAE;AAAA,QACA,gBAAA+B;AAAA,QACA,UAAA9B;AAAA,QACA,WAAA+B;AAAA,QACA,cAAcF;AAAA,QACd,iBAAAZ;AAAA,QACA,YAAYe,EAAK;AAAA,QACjB,YAAYA,EAAK;AAAA,QACjB,GAAAC;AAAA,QACA,GAAAC;AAAA,QACA,UAAAC;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAE,EAAChC,KAAW,GAAGK,GAAY,KAAKM,GAAa,GAAGJ,GAC7C,UAAAxB,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,GAEMmD,IAAUC,EAAsDvD,EAAQ;AAK9EsD,EAAQ,kBAAkB;AAC1BA,EAAQ,cAAc;"}

package/dist/components/Tooltip/TooltipPopover.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),W=require("classnames"),R=require("react"),H=require("../../hooks/styleProps.cjs"),O=require("./TooltipCloseButton.cjs"),A=require("./TooltipContext.cjs"),B=require("./useTooltipStyleProps.cjs"),m=h=>{const{children:P,...g}=h,{arrowRef:t,getFloatingProps:x,isDismissible:e,isOpen:a,middlewareData:y,onToggle:p,placement:o,tooltipRef:S,x:T,y:b,position:v,sizeMaxWidth:s,tooltipMaxWidth:r}=A.useTooltipContext(),{classProps:c,props:C}=B.useTooltipStyleProps({isOpen:a,isDismissible:e,...g}),{styleProps:u,props:q}=H.useStyleProps(C),w=R.useMemo(()=>e&&n.jsx(O.default,{onClick:()=>p(!1),label:"close"}),[e,p]),M=()=>{if(a&&s&&r)return{maxWidth:r<s?r:s}},N=()=>{if(o&&t.current){const{arrow:d}=y,j=o.split("-")[0],i={top:"bottom",right:"left",bottom:"top",left:"right"}[j],l=t.current,f=i==="top"||i==="bottom"?l.offsetHeight:(l.offsetHeight+l.offsetWidth)/2;return{left:d?.x,top:d?.y,[i]:f&&-Math.floor(f)}}};return n.jsxs("div",{ref:S,className:W(c.popoverClassName,u.className),...q,...x(),style:{position:v,top:b??0,left:T??0,...M(),...u.style},"data-spirit-element":"tooltip","data-spirit-placement":o,children:[P,w,n.jsx("span",{ref:t,className:c.arrowClassName,"data-spirit-element":"tooltip-arrow",style:{position:"absolute",...N()}})]})};m.spiritComponent="TooltipPopover";exports.default=m;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),W=require("classnames"),R=require("react"),F=require("../../hooks/styleProps.cjs"),H=require("./TooltipCloseButton.cjs"),O=require("./TooltipContext.cjs"),A=require("./useTooltipStyleProps.cjs"),P=g=>{const{children:x,...y}=g,{arrowRef:t,getFloatingProps:b,isDismissible:e,isOpen:a,middlewareData:S,onToggle:p,placement:o,tooltipRef:T,x:c,y:u,position:v,sizeMaxWidth:s,tooltipMaxWidth:i}=O.useTooltipContext(),{classProps:d,props:C}=A.useTooltipStyleProps({isOpen:a,isDismissible:e,...y}),{styleProps:f,props:N}=F.useStyleProps(C),q=R.useMemo(()=>e&&n.jsx(H.default,{onClick:()=>p(!1),label:"close"}),[e,p]),w=()=>{if(a&&s&&i)return{maxWidth:i<s?i:s}},M=()=>{if(o&&t.current){const{arrow:m}=S,j=o.split("-")[0],r={top:"bottom",right:"left",bottom:"top",left:"right"}[j],l=t.current,h=r==="top"||r==="bottom"?l.offsetHeight:(l.offsetHeight+l.offsetWidth)/2;return{left:m?.x,top:m?.y,[r]:h&&-Math.floor(h)}}};return n.jsxs("div",{ref:T,className:W(d.popoverClassName,f.className),...N,...b(),style:{position:v,top:Number.isFinite(u)?u:0,left:Number.isFinite(c)?c:0,...w(),...f.style},"data-spirit-element":"tooltip","data-spirit-placement":o,children:[x,q,n.jsx("span",{ref:t,className:d.arrowClassName,"data-spirit-element":"tooltip-arrow",style:{position:"absolute",...M()}})]})};P.spiritComponent="TooltipPopover";exports.default=P;
 //# sourceMappingURL=TooltipPopover.cjs.map

package/dist/components/Tooltip/TooltipPopover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPopover.cjs","sources":["../../../src/components/Tooltip/TooltipPopover.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipPopoverProps } from '../../types';\nimport TooltipCloseButton from './TooltipCloseButton';\nimport { useTooltipContext } from './TooltipContext';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst TooltipPopover = (props: TooltipPopoverProps) => {\n  const { children, ...rest } = props;\n  const {\n    arrowRef,\n    getFloatingProps,\n    isDismissible,\n    isOpen,\n    middlewareData,\n    onToggle,\n    placement,\n    tooltipRef,\n    x,\n    y,\n    position,\n    sizeMaxWidth,\n    tooltipMaxWidth,\n  } = useTooltipContext();\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isOpen,\n    isDismissible,\n    ...rest,\n  });\n  const { styleProps: contentStyleProps, props: contentOtherProps } = useStyleProps(modifiedProps);\n\n  const renderCloseButton = useMemo(\n    () => isDismissible && <TooltipCloseButton onClick={() => onToggle(false)} label=\"close\" />,\n    [isDismissible, onToggle],\n  );\n\n  const getMaxHeightAndWidth = () => {\n    if (isOpen && sizeMaxWidth && tooltipMaxWidth) {\n      return {\n        maxWidth: tooltipMaxWidth < sizeMaxWidth ? tooltipMaxWidth : sizeMaxWidth,\n      };\n    }\n\n    return undefined;\n  };\n\n  const getArrowStaticSidePosition = () => {\n    if (placement && arrowRef.current) {\n      const { arrow } = middlewareData;\n      const side = placement.split('-')[0];\n\n      const staticSide = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      }[side] as string;\n\n      const arrowEl = arrowRef.current as HTMLElement;\n\n      const offset =\n        staticSide === 'top' || staticSide === 'bottom'\n          ? arrowEl.offsetHeight\n          : (arrowEl.offsetHeight + arrowEl.offsetWidth) / 2;\n\n      return {\n        left: arrow?.x,\n        top: arrow?.y,\n        [staticSide]: offset && -Math.floor(offset), // remove 0.5 pixels values for arrow offset\n      };\n    }\n\n    return undefined;\n  };\n\n  return (\n    <div\n      ref={tooltipRef}\n      className={classNames(classProps.popoverClassName, contentStyleProps.className)}\n      {...contentOtherProps}\n      {...getFloatingProps()}\n      style={{\n        position,\n        top: y ?? 0,\n        left: x ?? 0,\n        ...getMaxHeightAndWidth(),\n        ...contentStyleProps.style,\n      }}\n      data-spirit-element=\"tooltip\" // This is used to select CSS variables for maxWidth and tooltip offset\n      data-spirit-placement={placement} // This attribute is used by the CSS to position the arrow\n    >\n      {children}\n      {renderCloseButton}\n      <span\n        ref={arrowRef}\n        className={classProps.arrowClassName}\n        data-spirit-element=\"tooltip-arrow\"\n        style={{\n          position: 'absolute',\n          ...getArrowStaticSidePosition(),\n        }}\n      />\n    </div>\n  );\n};\n\nTooltipPopover.spiritComponent = 'TooltipPopover';\n\nexport default TooltipPopover;\n"],"names":["TooltipPopover","props","children","rest","arrowRef","getFloatingProps","isDismissible","isOpen","middlewareData","onToggle","placement","tooltipRef","x","y","position","sizeMaxWidth","tooltipMaxWidth","useTooltipContext","classProps","modifiedProps","useTooltipStyleProps","contentStyleProps","contentOtherProps","useStyleProps","renderCloseButton","useMemo","jsx","TooltipCloseButton","getMaxHeightAndWidth","getArrowStaticSidePosition","arrow","side","staticSide","arrowEl","offset","jsxs","classNames"],"mappings":"iWAUMA,EAAkBC,GAA+B,CACrD,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASF,EACxB,CACJ,SAAAG,EACA,iBAAAC,EACA,cAAAC,EACA,OAAAC,EACA,eAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,EAAAC,EACA,EAAAC,EACA,SAAAC,EACA,aAAAC,EACA,gBAAAC,CAAA,EACEC,oBAAA,EACE,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,qBAAqB,CAChE,OAAAb,EACA,cAAAD,EACA,GAAGH,CAAA,CACJ,EACK,CAAE,WAAYkB,EAAmB,MAAOC,CAAA,EAAsBC,EAAAA,cAAcJ,CAAa,EAEzFK,EAAoBC,EAAAA,QACxB,IAAMnB,GAAiBoB,EAAAA,IAACC,EAAAA,QAAA,CAAmB,QAAS,IAAMlB,EAAS,EAAK,EAAG,MAAM,QAAQ,EACzF,CAACH,EAAeG,CAAQ,CAAA,EAGpBmB,EAAuB,IAAM,CACjC,GAAIrB,GAAUQ,GAAgBC,EAC5B,MAAO,CACL,SAAUA,EAAkBD,EAAeC,EAAkBD,CAAA,CAKnE,EAEMc,EAA6B,IAAM,CACvC,GAAInB,GAAaN,EAAS,QAAS,CACjC,KAAM,CAAE,MAAA0B,GAAUtB,EACZuB,EAAOrB,EAAU,MAAM,GAAG,EAAE,CAAC,EAE7BsB,EAAa,CACjB,IAAK,SACL,MAAO,OACP,OAAQ,MACR,KAAM,OAAA,EACND,CAAI,EAEAE,EAAU7B,EAAS,QAEnB8B,EACJF,IAAe,OAASA,IAAe,SACnCC,EAAQ,cACPA,EAAQ,aAAeA,EAAQ,aAAe,EAErD,MAAO,CACL,KAAMH,GAAO,EACb,IAAKA,GAAO,EACZ,CAACE,CAAU,EAAGE,GAAU,CAAC,KAAK,MAAMA,CAAM,CAAA,CAE9C,CAGF,EAEA,OACEC,EAAAA,KAAC,MAAA,CACC,IAAKxB,EACL,UAAWyB,EAAWlB,EAAW,iBAAkBG,EAAkB,SAAS,EAC7E,GAAGC,EACH,GAAGjB,EAAA,EACJ,MAAO,CACL,SAAAS,EACA,IAAKD,GAAK,EACV,KAAMD,GAAK,EACX,GAAGgB,EAAA,EACH,GAAGP,EAAkB,KAAA,EAEvB,sBAAoB,UACpB,wBAAuBX,EAEtB,SAAA,CAAAR,EACAsB,EACDE,EAAAA,IAAC,OAAA,CACC,IAAKtB,EACL,UAAWc,EAAW,eACtB,sBAAoB,gBACpB,MAAO,CACL,SAAU,WACV,GAAGW,EAAA,CAA2B,CAChC,CAAA,CACF,CAAA,CAAA,CAGN,EAEA7B,EAAe,gBAAkB"}
+{"version":3,"file":"TooltipPopover.cjs","sources":["../../../src/components/Tooltip/TooltipPopover.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipPopoverProps } from '../../types';\nimport TooltipCloseButton from './TooltipCloseButton';\nimport { useTooltipContext } from './TooltipContext';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst TooltipPopover = (props: TooltipPopoverProps) => {\n  const { children, ...rest } = props;\n  const {\n    arrowRef,\n    getFloatingProps,\n    isDismissible,\n    isOpen,\n    middlewareData,\n    onToggle,\n    placement,\n    tooltipRef,\n    x,\n    y,\n    position,\n    sizeMaxWidth,\n    tooltipMaxWidth,\n  } = useTooltipContext();\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isOpen,\n    isDismissible,\n    ...rest,\n  });\n  const { styleProps: contentStyleProps, props: contentOtherProps } = useStyleProps(modifiedProps);\n\n  const renderCloseButton = useMemo(\n    () => isDismissible && <TooltipCloseButton onClick={() => onToggle(false)} label=\"close\" />,\n    [isDismissible, onToggle],\n  );\n\n  const getMaxHeightAndWidth = () => {\n    if (isOpen && sizeMaxWidth && tooltipMaxWidth) {\n      return {\n        maxWidth: tooltipMaxWidth < sizeMaxWidth ? tooltipMaxWidth : sizeMaxWidth,\n      };\n    }\n\n    return undefined;\n  };\n\n  const getArrowStaticSidePosition = () => {\n    if (placement && arrowRef.current) {\n      const { arrow } = middlewareData;\n      const side = placement.split('-')[0];\n\n      const staticSide = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      }[side] as string;\n\n      const arrowEl = arrowRef.current as HTMLElement;\n\n      const offset =\n        staticSide === 'top' || staticSide === 'bottom'\n          ? arrowEl.offsetHeight\n          : (arrowEl.offsetHeight + arrowEl.offsetWidth) / 2;\n\n      return {\n        left: arrow?.x,\n        top: arrow?.y,\n        [staticSide]: offset && -Math.floor(offset), // remove 0.5 pixels values for arrow offset\n      };\n    }\n\n    return undefined;\n  };\n\n  return (\n    <div\n      ref={tooltipRef}\n      className={classNames(classProps.popoverClassName, contentStyleProps.className)}\n      {...contentOtherProps}\n      {...getFloatingProps()}\n      style={{\n        position,\n        top: Number.isFinite(y) ? y : 0,\n        left: Number.isFinite(x) ? x : 0,\n        ...getMaxHeightAndWidth(),\n        ...contentStyleProps.style,\n      }}\n      data-spirit-element=\"tooltip\" // This is used to select CSS variables for maxWidth and tooltip offset\n      data-spirit-placement={placement} // This attribute is used by the CSS to position the arrow\n    >\n      {children}\n      {renderCloseButton}\n      <span\n        ref={arrowRef}\n        className={classProps.arrowClassName}\n        data-spirit-element=\"tooltip-arrow\"\n        style={{\n          position: 'absolute',\n          ...getArrowStaticSidePosition(),\n        }}\n      />\n    </div>\n  );\n};\n\nTooltipPopover.spiritComponent = 'TooltipPopover';\n\nexport default TooltipPopover;\n"],"names":["TooltipPopover","props","children","rest","arrowRef","getFloatingProps","isDismissible","isOpen","middlewareData","onToggle","placement","tooltipRef","x","y","position","sizeMaxWidth","tooltipMaxWidth","useTooltipContext","classProps","modifiedProps","useTooltipStyleProps","contentStyleProps","contentOtherProps","useStyleProps","renderCloseButton","useMemo","jsx","TooltipCloseButton","getMaxHeightAndWidth","getArrowStaticSidePosition","arrow","side","staticSide","arrowEl","offset","jsxs","classNames"],"mappings":"iWAUMA,EAAkBC,GAA+B,CACrD,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASF,EACxB,CACJ,SAAAG,EACA,iBAAAC,EACA,cAAAC,EACA,OAAAC,EACA,eAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,EAAAC,EACA,EAAAC,EACA,SAAAC,EACA,aAAAC,EACA,gBAAAC,CAAA,EACEC,oBAAA,EACE,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,qBAAqB,CAChE,OAAAb,EACA,cAAAD,EACA,GAAGH,CAAA,CACJ,EACK,CAAE,WAAYkB,EAAmB,MAAOC,CAAA,EAAsBC,EAAAA,cAAcJ,CAAa,EAEzFK,EAAoBC,EAAAA,QACxB,IAAMnB,GAAiBoB,EAAAA,IAACC,EAAAA,QAAA,CAAmB,QAAS,IAAMlB,EAAS,EAAK,EAAG,MAAM,QAAQ,EACzF,CAACH,EAAeG,CAAQ,CAAA,EAGpBmB,EAAuB,IAAM,CACjC,GAAIrB,GAAUQ,GAAgBC,EAC5B,MAAO,CACL,SAAUA,EAAkBD,EAAeC,EAAkBD,CAAA,CAKnE,EAEMc,EAA6B,IAAM,CACvC,GAAInB,GAAaN,EAAS,QAAS,CACjC,KAAM,CAAE,MAAA0B,GAAUtB,EACZuB,EAAOrB,EAAU,MAAM,GAAG,EAAE,CAAC,EAE7BsB,EAAa,CACjB,IAAK,SACL,MAAO,OACP,OAAQ,MACR,KAAM,OAAA,EACND,CAAI,EAEAE,EAAU7B,EAAS,QAEnB8B,EACJF,IAAe,OAASA,IAAe,SACnCC,EAAQ,cACPA,EAAQ,aAAeA,EAAQ,aAAe,EAErD,MAAO,CACL,KAAMH,GAAO,EACb,IAAKA,GAAO,EACZ,CAACE,CAAU,EAAGE,GAAU,CAAC,KAAK,MAAMA,CAAM,CAAA,CAE9C,CAGF,EAEA,OACEC,EAAAA,KAAC,MAAA,CACC,IAAKxB,EACL,UAAWyB,EAAWlB,EAAW,iBAAkBG,EAAkB,SAAS,EAC7E,GAAGC,EACH,GAAGjB,EAAA,EACJ,MAAO,CACL,SAAAS,EACA,IAAK,OAAO,SAASD,CAAC,EAAIA,EAAI,EAC9B,KAAM,OAAO,SAASD,CAAC,EAAIA,EAAI,EAC/B,GAAGgB,EAAA,EACH,GAAGP,EAAkB,KAAA,EAEvB,sBAAoB,UACpB,wBAAuBX,EAEtB,SAAA,CAAAR,EACAsB,EACDE,EAAAA,IAAC,OAAA,CACC,IAAKtB,EACL,UAAWc,EAAW,eACtB,sBAAoB,gBACpB,MAAO,CACL,SAAU,WACV,GAAGW,EAAA,CAA2B,CAChC,CAAA,CACF,CAAA,CAAA,CAGN,EAEA7B,EAAe,gBAAkB"}

package/dist/components/Tooltip/TooltipPopover.js

@@ -1,32 +1,32 @@
 "use client";
-import { jsx as d, jsxs as H } from "react/jsx-runtime";
-import j from "classnames";
-import { useMemo as A } from "react";
-import { useStyleProps as B } from "../../hooks/styleProps.js";
-import D from "./TooltipCloseButton.js";
-import { useTooltipContext as O } from "./TooltipContext.js";
-import { useTooltipStyleProps as R } from "./useTooltipStyleProps.js";
-const k = (u) => {
-  const { children: h, ...g } = u, {
+import { jsx as h, jsxs as F } from "react/jsx-runtime";
+import H from "classnames";
+import { useMemo as j } from "react";
+import { useStyleProps as A } from "../../hooks/styleProps.js";
+import B from "./TooltipCloseButton.js";
+import { useTooltipContext as D } from "./TooltipContext.js";
+import { useTooltipStyleProps as O } from "./useTooltipStyleProps.js";
+const R = (g) => {
+  const { children: P, ...x } = g, {
     arrowRef: t,
-    getFloatingProps: P,
+    getFloatingProps: y,
     isDismissible: o,
     isOpen: p,
-    middlewareData: x,
+    middlewareData: b,
     onToggle: n,
     placement: e,
-    tooltipRef: y,
-    x: w,
-    y: C,
-    position: b,
+    tooltipRef: N,
+    x: a,
+    y: m,
+    position: w,
     sizeMaxWidth: s,
     tooltipMaxWidth: r
-  } = O(), { classProps: a, props: v } = R({
+  } = D(), { classProps: c, props: C } = O({
     isOpen: p,
     isDismissible: o,
-    ...g
-  }), { styleProps: m, props: N } = B(v), S = A(
-    () => o && /* @__PURE__ */ d(D, { onClick: () => n(!1), label: "close" }),
+    ...x
+  }), { styleProps: f, props: v } = A(C), S = j(
+    () => o && /* @__PURE__ */ h(B, { onClick: () => n(!1), label: "close" }),
     [o, n]
   ), T = () => {
     if (p && s && r)
@@ -35,44 +35,44 @@ const k = (u) => {
       };
   }, M = () => {
     if (e && t.current) {
-      const { arrow: c } = x, W = e.split("-")[0], i = {
+      const { arrow: d } = b, W = e.split("-")[0], i = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[W], l = t.current, f = i === "top" || i === "bottom" ? l.offsetHeight : (l.offsetHeight + l.offsetWidth) / 2;
+      }[W], l = t.current, u = i === "top" || i === "bottom" ? l.offsetHeight : (l.offsetHeight + l.offsetWidth) / 2;
       return {
-        left: c?.x,
-        top: c?.y,
-        [i]: f && -Math.floor(f)
+        left: d?.x,
+        top: d?.y,
+        [i]: u && -Math.floor(u)
         // remove 0.5 pixels values for arrow offset
       };
     }
   };
-  return /* @__PURE__ */ H(
+  return /* @__PURE__ */ F(
     "div",
     {
-      ref: y,
-      className: j(a.popoverClassName, m.className),
-      ...N,
-      ...P(),
+      ref: N,
+      className: H(c.popoverClassName, f.className),
+      ...v,
+      ...y(),
       style: {
-        position: b,
-        top: C ?? 0,
-        left: w ?? 0,
+        position: w,
+        top: Number.isFinite(m) ? m : 0,
+        left: Number.isFinite(a) ? a : 0,
         ...T(),
-        ...m.style
+        ...f.style
       },
       "data-spirit-element": "tooltip",
       "data-spirit-placement": e,
       children: [
-        h,
+        P,
         S,
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ h(
           "span",
           {
             ref: t,
-            className: a.arrowClassName,
+            className: c.arrowClassName,
             "data-spirit-element": "tooltip-arrow",
             style: {
               position: "absolute",
@@ -84,8 +84,8 @@ const k = (u) => {
     }
   );
 };
-k.spiritComponent = "TooltipPopover";
+R.spiritComponent = "TooltipPopover";
 export {
-  k as default
+  R as default
 };
 //# sourceMappingURL=TooltipPopover.js.map

package/dist/components/Tooltip/TooltipPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPopover.js","sources":["../../../src/components/Tooltip/TooltipPopover.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipPopoverProps } from '../../types';\nimport TooltipCloseButton from './TooltipCloseButton';\nimport { useTooltipContext } from './TooltipContext';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst TooltipPopover = (props: TooltipPopoverProps) => {\n  const { children, ...rest } = props;\n  const {\n    arrowRef,\n    getFloatingProps,\n    isDismissible,\n    isOpen,\n    middlewareData,\n    onToggle,\n    placement,\n    tooltipRef,\n    x,\n    y,\n    position,\n    sizeMaxWidth,\n    tooltipMaxWidth,\n  } = useTooltipContext();\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isOpen,\n    isDismissible,\n    ...rest,\n  });\n  const { styleProps: contentStyleProps, props: contentOtherProps } = useStyleProps(modifiedProps);\n\n  const renderCloseButton = useMemo(\n    () => isDismissible && <TooltipCloseButton onClick={() => onToggle(false)} label=\"close\" />,\n    [isDismissible, onToggle],\n  );\n\n  const getMaxHeightAndWidth = () => {\n    if (isOpen && sizeMaxWidth && tooltipMaxWidth) {\n      return {\n        maxWidth: tooltipMaxWidth < sizeMaxWidth ? tooltipMaxWidth : sizeMaxWidth,\n      };\n    }\n\n    return undefined;\n  };\n\n  const getArrowStaticSidePosition = () => {\n    if (placement && arrowRef.current) {\n      const { arrow } = middlewareData;\n      const side = placement.split('-')[0];\n\n      const staticSide = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      }[side] as string;\n\n      const arrowEl = arrowRef.current as HTMLElement;\n\n      const offset =\n        staticSide === 'top' || staticSide === 'bottom'\n          ? arrowEl.offsetHeight\n          : (arrowEl.offsetHeight + arrowEl.offsetWidth) / 2;\n\n      return {\n        left: arrow?.x,\n        top: arrow?.y,\n        [staticSide]: offset && -Math.floor(offset), // remove 0.5 pixels values for arrow offset\n      };\n    }\n\n    return undefined;\n  };\n\n  return (\n    <div\n      ref={tooltipRef}\n      className={classNames(classProps.popoverClassName, contentStyleProps.className)}\n      {...contentOtherProps}\n      {...getFloatingProps()}\n      style={{\n        position,\n        top: y ?? 0,\n        left: x ?? 0,\n        ...getMaxHeightAndWidth(),\n        ...contentStyleProps.style,\n      }}\n      data-spirit-element=\"tooltip\" // This is used to select CSS variables for maxWidth and tooltip offset\n      data-spirit-placement={placement} // This attribute is used by the CSS to position the arrow\n    >\n      {children}\n      {renderCloseButton}\n      <span\n        ref={arrowRef}\n        className={classProps.arrowClassName}\n        data-spirit-element=\"tooltip-arrow\"\n        style={{\n          position: 'absolute',\n          ...getArrowStaticSidePosition(),\n        }}\n      />\n    </div>\n  );\n};\n\nTooltipPopover.spiritComponent = 'TooltipPopover';\n\nexport default TooltipPopover;\n"],"names":["TooltipPopover","props","children","rest","arrowRef","getFloatingProps","isDismissible","isOpen","middlewareData","onToggle","placement","tooltipRef","x","y","position","sizeMaxWidth","tooltipMaxWidth","useTooltipContext","classProps","modifiedProps","useTooltipStyleProps","contentStyleProps","contentOtherProps","useStyleProps","renderCloseButton","useMemo","jsx","TooltipCloseButton","getMaxHeightAndWidth","getArrowStaticSidePosition","arrow","side","staticSide","arrowEl","offset","jsxs","classNames"],"mappings":";;;;;;;;AAUA,MAAMA,IAAiB,CAACC,MAA+B;AACrD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF,GACxB;AAAA,IACJ,UAAAG;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACEC,EAAA,GACE,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAqB;AAAA,IAChE,QAAAb;AAAA,IACA,eAAAD;AAAA,IACA,GAAGH;AAAA,EAAA,CACJ,GACK,EAAE,YAAYkB,GAAmB,OAAOC,EAAA,IAAsBC,EAAcJ,CAAa,GAEzFK,IAAoBC;AAAA,IACxB,MAAMnB,KAAiB,gBAAAoB,EAACC,GAAA,EAAmB,SAAS,MAAMlB,EAAS,EAAK,GAAG,OAAM,SAAQ;AAAA,IACzF,CAACH,GAAeG,CAAQ;AAAA,EAAA,GAGpBmB,IAAuB,MAAM;AACjC,QAAIrB,KAAUQ,KAAgBC;AAC5B,aAAO;AAAA,QACL,UAAUA,IAAkBD,IAAeC,IAAkBD;AAAA,MAAA;AAAA,EAKnE,GAEMc,IAA6B,MAAM;AACvC,QAAInB,KAAaN,EAAS,SAAS;AACjC,YAAM,EAAE,OAAA0B,MAAUtB,GACZuB,IAAOrB,EAAU,MAAM,GAAG,EAAE,CAAC,GAE7BsB,IAAa;AAAA,QACjB,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAM;AAAA,MAAA,EACND,CAAI,GAEAE,IAAU7B,EAAS,SAEnB8B,IACJF,MAAe,SAASA,MAAe,WACnCC,EAAQ,gBACPA,EAAQ,eAAeA,EAAQ,eAAe;AAErD,aAAO;AAAA,QACL,MAAMH,GAAO;AAAA,QACb,KAAKA,GAAO;AAAA,QACZ,CAACE,CAAU,GAAGE,KAAU,CAAC,KAAK,MAAMA,CAAM;AAAA;AAAA,MAAA;AAAA,IAE9C;AAAA,EAGF;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKxB;AAAA,MACL,WAAWyB,EAAWlB,EAAW,kBAAkBG,EAAkB,SAAS;AAAA,MAC7E,GAAGC;AAAA,MACH,GAAGjB,EAAA;AAAA,MACJ,OAAO;AAAA,QACL,UAAAS;AAAA,QACA,KAAKD,KAAK;AAAA,QACV,MAAMD,KAAK;AAAA,QACX,GAAGgB,EAAA;AAAA,QACH,GAAGP,EAAkB;AAAA,MAAA;AAAA,MAEvB,uBAAoB;AAAA,MACpB,yBAAuBX;AAAA,MAEtB,UAAA;AAAA,QAAAR;AAAA,QACAsB;AAAA,QACD,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKtB;AAAA,YACL,WAAWc,EAAW;AAAA,YACtB,uBAAoB;AAAA,YACpB,OAAO;AAAA,cACL,UAAU;AAAA,cACV,GAAGW,EAAA;AAAA,YAA2B;AAAA,UAChC;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA7B,EAAe,kBAAkB;"}
+{"version":3,"file":"TooltipPopover.js","sources":["../../../src/components/Tooltip/TooltipPopover.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipPopoverProps } from '../../types';\nimport TooltipCloseButton from './TooltipCloseButton';\nimport { useTooltipContext } from './TooltipContext';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst TooltipPopover = (props: TooltipPopoverProps) => {\n  const { children, ...rest } = props;\n  const {\n    arrowRef,\n    getFloatingProps,\n    isDismissible,\n    isOpen,\n    middlewareData,\n    onToggle,\n    placement,\n    tooltipRef,\n    x,\n    y,\n    position,\n    sizeMaxWidth,\n    tooltipMaxWidth,\n  } = useTooltipContext();\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isOpen,\n    isDismissible,\n    ...rest,\n  });\n  const { styleProps: contentStyleProps, props: contentOtherProps } = useStyleProps(modifiedProps);\n\n  const renderCloseButton = useMemo(\n    () => isDismissible && <TooltipCloseButton onClick={() => onToggle(false)} label=\"close\" />,\n    [isDismissible, onToggle],\n  );\n\n  const getMaxHeightAndWidth = () => {\n    if (isOpen && sizeMaxWidth && tooltipMaxWidth) {\n      return {\n        maxWidth: tooltipMaxWidth < sizeMaxWidth ? tooltipMaxWidth : sizeMaxWidth,\n      };\n    }\n\n    return undefined;\n  };\n\n  const getArrowStaticSidePosition = () => {\n    if (placement && arrowRef.current) {\n      const { arrow } = middlewareData;\n      const side = placement.split('-')[0];\n\n      const staticSide = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      }[side] as string;\n\n      const arrowEl = arrowRef.current as HTMLElement;\n\n      const offset =\n        staticSide === 'top' || staticSide === 'bottom'\n          ? arrowEl.offsetHeight\n          : (arrowEl.offsetHeight + arrowEl.offsetWidth) / 2;\n\n      return {\n        left: arrow?.x,\n        top: arrow?.y,\n        [staticSide]: offset && -Math.floor(offset), // remove 0.5 pixels values for arrow offset\n      };\n    }\n\n    return undefined;\n  };\n\n  return (\n    <div\n      ref={tooltipRef}\n      className={classNames(classProps.popoverClassName, contentStyleProps.className)}\n      {...contentOtherProps}\n      {...getFloatingProps()}\n      style={{\n        position,\n        top: Number.isFinite(y) ? y : 0,\n        left: Number.isFinite(x) ? x : 0,\n        ...getMaxHeightAndWidth(),\n        ...contentStyleProps.style,\n      }}\n      data-spirit-element=\"tooltip\" // This is used to select CSS variables for maxWidth and tooltip offset\n      data-spirit-placement={placement} // This attribute is used by the CSS to position the arrow\n    >\n      {children}\n      {renderCloseButton}\n      <span\n        ref={arrowRef}\n        className={classProps.arrowClassName}\n        data-spirit-element=\"tooltip-arrow\"\n        style={{\n          position: 'absolute',\n          ...getArrowStaticSidePosition(),\n        }}\n      />\n    </div>\n  );\n};\n\nTooltipPopover.spiritComponent = 'TooltipPopover';\n\nexport default TooltipPopover;\n"],"names":["TooltipPopover","props","children","rest","arrowRef","getFloatingProps","isDismissible","isOpen","middlewareData","onToggle","placement","tooltipRef","x","y","position","sizeMaxWidth","tooltipMaxWidth","useTooltipContext","classProps","modifiedProps","useTooltipStyleProps","contentStyleProps","contentOtherProps","useStyleProps","renderCloseButton","useMemo","jsx","TooltipCloseButton","getMaxHeightAndWidth","getArrowStaticSidePosition","arrow","side","staticSide","arrowEl","offset","jsxs","classNames"],"mappings":";;;;;;;;AAUA,MAAMA,IAAiB,CAACC,MAA+B;AACrD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF,GACxB;AAAA,IACJ,UAAAG;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACEC,EAAA,GACE,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAqB;AAAA,IAChE,QAAAb;AAAA,IACA,eAAAD;AAAA,IACA,GAAGH;AAAA,EAAA,CACJ,GACK,EAAE,YAAYkB,GAAmB,OAAOC,EAAA,IAAsBC,EAAcJ,CAAa,GAEzFK,IAAoBC;AAAA,IACxB,MAAMnB,KAAiB,gBAAAoB,EAACC,GAAA,EAAmB,SAAS,MAAMlB,EAAS,EAAK,GAAG,OAAM,SAAQ;AAAA,IACzF,CAACH,GAAeG,CAAQ;AAAA,EAAA,GAGpBmB,IAAuB,MAAM;AACjC,QAAIrB,KAAUQ,KAAgBC;AAC5B,aAAO;AAAA,QACL,UAAUA,IAAkBD,IAAeC,IAAkBD;AAAA,MAAA;AAAA,EAKnE,GAEMc,IAA6B,MAAM;AACvC,QAAInB,KAAaN,EAAS,SAAS;AACjC,YAAM,EAAE,OAAA0B,MAAUtB,GACZuB,IAAOrB,EAAU,MAAM,GAAG,EAAE,CAAC,GAE7BsB,IAAa;AAAA,QACjB,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAM;AAAA,MAAA,EACND,CAAI,GAEAE,IAAU7B,EAAS,SAEnB8B,IACJF,MAAe,SAASA,MAAe,WACnCC,EAAQ,gBACPA,EAAQ,eAAeA,EAAQ,eAAe;AAErD,aAAO;AAAA,QACL,MAAMH,GAAO;AAAA,QACb,KAAKA,GAAO;AAAA,QACZ,CAACE,CAAU,GAAGE,KAAU,CAAC,KAAK,MAAMA,CAAM;AAAA;AAAA,MAAA;AAAA,IAE9C;AAAA,EAGF;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKxB;AAAA,MACL,WAAWyB,EAAWlB,EAAW,kBAAkBG,EAAkB,SAAS;AAAA,MAC7E,GAAGC;AAAA,MACH,GAAGjB,EAAA;AAAA,MACJ,OAAO;AAAA,QACL,UAAAS;AAAA,QACA,KAAK,OAAO,SAASD,CAAC,IAAIA,IAAI;AAAA,QAC9B,MAAM,OAAO,SAASD,CAAC,IAAIA,IAAI;AAAA,QAC/B,GAAGgB,EAAA;AAAA,QACH,GAAGP,EAAkB;AAAA,MAAA;AAAA,MAEvB,uBAAoB;AAAA,MACpB,yBAAuBX;AAAA,MAEtB,UAAA;AAAA,QAAAR;AAAA,QACAsB;AAAA,QACD,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKtB;AAAA,YACL,WAAWc,EAAW;AAAA,YACtB,uBAAoB;AAAA,YACpB,OAAO;AAAA,cACL,UAAU;AAAA,cACV,GAAGW,EAAA;AAAA,YAA2B;AAAA,UAChC;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA7B,EAAe,kBAAkB;"}

package/dist/components/Tooltip/TooltipTrigger.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-runtime"),d=require("../../hooks/styleProps.cjs"),f=require("../../utils/mergeStyleProps.cjs"),T=require("./TooltipContext.cjs"),m={elementType:"button",children:null},o=s=>{const n={...m,...s},{elementType:t="button",children:e,...i}=n,{id:l,isOpen:p,triggerRef:u,getReferenceProps:c}=T.useTooltipContext(),{styleProps:g,props:r}=d.useStyleProps(i),P=f.mergeStyleProps(t,{triggerStyleProps:g,transferProps:r});return y.jsx(t,{...r,...P,id:l,ref:u,...c(),children:typeof e=="function"?e({isOpen:p}):e})};o.spiritComponent="TooltipTrigger";exports.default=o;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),T=require("../../hooks/styleProps.cjs"),f=require("../../utils/mergeStyleProps.cjs"),m=require("./TooltipContext.cjs"),a={elementType:"button",children:null},t=s=>{const n={...a,...s},{elementType:i,children:e,...l}=n,r=i,{id:p,isOpen:u,triggerRef:c,getReferenceProps:g}=m.useTooltipContext(),{styleProps:y,props:o}=T.useStyleProps(l),P=f.mergeStyleProps(r,{triggerStyleProps:y,transferProps:o});return d.jsx(r,{...o,...P,id:p,ref:c,...g(),children:typeof e=="function"?e({isOpen:u}):e})};t.spiritComponent="TooltipTrigger";t.displayName="TooltipTrigger";exports.default=t;
 //# sourceMappingURL=TooltipTrigger.cjs.map

package/dist/components/Tooltip/TooltipTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.cjs","sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipTriggerProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTooltipContext } from './TooltipContext';\n\nconst defaultProps: Partial<TooltipTriggerProps> = {\n  elementType: 'button',\n  children: null,\n};\n\nconst TooltipTrigger = (props: TooltipTriggerProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'button', children, ...restProps } = propsWithDefaults;\n  const { id, isOpen, triggerRef, getReferenceProps } = useTooltipContext();\n  const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { triggerStyleProps, transferProps });\n\n  return (\n    <ElementTag {...transferProps} {...mergedStyleProps} id={id} ref={triggerRef} {...getReferenceProps()}>\n      {typeof children === 'function' ? children({ isOpen }) : children}\n    </ElementTag>\n  );\n};\n\nTooltipTrigger.spiritComponent = 'TooltipTrigger';\n\nexport default TooltipTrigger;\n"],"names":["defaultProps","TooltipTrigger","props","propsWithDefaults","ElementTag","children","restProps","id","isOpen","triggerRef","getReferenceProps","useTooltipContext","triggerStyleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":"qRAQMA,EAA6C,CACjD,YAAa,SACb,SAAU,IACZ,EAEMC,EAAkBC,GAA+B,CACrD,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAaE,EAAa,SAAU,SAAAC,EAAU,GAAGC,GAAcH,EACjE,CAAE,GAAAI,EAAI,OAAAC,EAAQ,WAAAC,EAAY,kBAAAC,CAAA,EAAsBC,EAAAA,kBAAA,EAChD,CAAE,WAAYC,EAAmB,MAAOC,CAAA,EAAkBC,EAAAA,cAAcR,CAAS,EACjFS,EAAmBC,EAAAA,gBAAgBZ,EAAY,CAAE,kBAAAQ,EAAmB,cAAAC,EAAe,EAEzF,OACEI,EAAAA,IAACb,GAAY,GAAGS,EAAgB,GAAGE,EAAkB,GAAAR,EAAQ,IAAKE,EAAa,GAAGC,IAC/E,SAAA,OAAOL,GAAa,WAAaA,EAAS,CAAE,OAAAG,CAAA,CAAQ,EAAIH,EAC3D,CAEJ,EAEAJ,EAAe,gBAAkB"}
+{"version":3,"file":"TooltipTrigger.cjs","sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipTriggerProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTooltipContext } from './TooltipContext';\n\nconst defaultProps: Partial<TooltipTriggerProps<ElementType>> = {\n  elementType: 'button',\n  children: null,\n};\n\nconst TooltipTrigger = <E extends ElementType = 'button'>(props: TooltipTriggerProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { id, isOpen, triggerRef, getReferenceProps } = useTooltipContext();\n  const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { triggerStyleProps, transferProps });\n\n  return (\n    <Component {...transferProps} {...mergedStyleProps} id={id} ref={triggerRef} {...getReferenceProps()}>\n      {typeof children === 'function' ? children({ isOpen }) : children}\n    </Component>\n  );\n};\n\nTooltipTrigger.spiritComponent = 'TooltipTrigger';\nTooltipTrigger.displayName = 'TooltipTrigger';\n\nexport default TooltipTrigger;\n"],"names":["defaultProps","TooltipTrigger","props","propsWithDefaults","elementType","children","restProps","Component","id","isOpen","triggerRef","getReferenceProps","useTooltipContext","triggerStyleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":"qRAQMA,EAA0D,CAC9D,YAAa,SACb,SAAU,IACZ,EAEMC,EAAoDC,GAAkC,CAC1F,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,GAAGC,GAAcH,EAC1CI,EAAYH,EACZ,CAAE,GAAAI,EAAI,OAAAC,EAAQ,WAAAC,EAAY,kBAAAC,CAAA,EAAsBC,EAAAA,kBAAA,EAChD,CAAE,WAAYC,EAAmB,MAAOC,CAAA,EAAkBC,EAAAA,cAAcT,CAAS,EACjFU,EAAmBC,EAAAA,gBAAgBV,EAAW,CAAE,kBAAAM,EAAmB,cAAAC,EAAe,EAExF,OACEI,EAAAA,IAACX,GAAW,GAAGO,EAAgB,GAAGE,EAAkB,GAAAR,EAAQ,IAAKE,EAAa,GAAGC,IAC9E,SAAA,OAAON,GAAa,WAAaA,EAAS,CAAE,OAAAI,CAAA,CAAQ,EAAIJ,EAC3D,CAEJ,EAEAJ,EAAe,gBAAkB,iBACjCA,EAAe,YAAc"}

package/dist/components/Tooltip/TooltipTrigger.js

@@ -1,17 +1,18 @@
 "use client";
-import { jsx as g } from "react/jsx-runtime";
-import { useStyleProps as u } from "../../hooks/styleProps.js";
-import { mergeStyleProps as P } from "../../utils/mergeStyleProps.js";
-import { useTooltipContext as y } from "./TooltipContext.js";
-const T = {
+import { jsx as y } from "react/jsx-runtime";
+import { useStyleProps as P } from "../../hooks/styleProps.js";
+import { mergeStyleProps as T } from "../../utils/mergeStyleProps.js";
+import { useTooltipContext as d } from "./TooltipContext.js";
+const a = {
   elementType: "button",
   children: null
-}, d = (o) => {
-  const s = { ...T, ...o }, { elementType: t = "button", children: e, ...p } = s, { id: n, isOpen: i, triggerRef: l, getReferenceProps: c } = y(), { styleProps: m, props: r } = u(p), f = P(t, { triggerStyleProps: m, transferProps: r });
-  return /* @__PURE__ */ g(t, { ...r, ...f, id: n, ref: l, ...c(), children: typeof e == "function" ? e({ isOpen: i }) : e });
+}, r = (s) => {
+  const p = { ...a, ...s }, { elementType: n, children: e, ...i } = p, t = n, { id: l, isOpen: c, triggerRef: m, getReferenceProps: f } = d(), { styleProps: g, props: o } = P(i), u = T(t, { triggerStyleProps: g, transferProps: o });
+  return /* @__PURE__ */ y(t, { ...o, ...u, id: l, ref: m, ...f(), children: typeof e == "function" ? e({ isOpen: c }) : e });
 };
-d.spiritComponent = "TooltipTrigger";
+r.spiritComponent = "TooltipTrigger";
+r.displayName = "TooltipTrigger";
 export {
-  d as default
+  r as default
 };
 //# sourceMappingURL=TooltipTrigger.js.map

package/dist/components/Tooltip/TooltipTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipTriggerProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTooltipContext } from './TooltipContext';\n\nconst defaultProps: Partial<TooltipTriggerProps> = {\n  elementType: 'button',\n  children: null,\n};\n\nconst TooltipTrigger = (props: TooltipTriggerProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'button', children, ...restProps } = propsWithDefaults;\n  const { id, isOpen, triggerRef, getReferenceProps } = useTooltipContext();\n  const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { triggerStyleProps, transferProps });\n\n  return (\n    <ElementTag {...transferProps} {...mergedStyleProps} id={id} ref={triggerRef} {...getReferenceProps()}>\n      {typeof children === 'function' ? children({ isOpen }) : children}\n    </ElementTag>\n  );\n};\n\nTooltipTrigger.spiritComponent = 'TooltipTrigger';\n\nexport default TooltipTrigger;\n"],"names":["defaultProps","TooltipTrigger","props","propsWithDefaults","ElementTag","children","restProps","id","isOpen","triggerRef","getReferenceProps","useTooltipContext","triggerStyleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":";;;;;AAQA,MAAMA,IAA6C;AAAA,EACjD,aAAa;AAAA,EACb,UAAU;AACZ,GAEMC,IAAiB,CAACC,MAA+B;AACrD,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAaE,IAAa,UAAU,UAAAC,GAAU,GAAGC,MAAcH,GACjE,EAAE,IAAAI,GAAI,QAAAC,GAAQ,YAAAC,GAAY,mBAAAC,EAAA,IAAsBC,EAAA,GAChD,EAAE,YAAYC,GAAmB,OAAOC,EAAA,IAAkBC,EAAcR,CAAS,GACjFS,IAAmBC,EAAgBZ,GAAY,EAAE,mBAAAQ,GAAmB,eAAAC,GAAe;AAEzF,SACE,gBAAAI,EAACb,KAAY,GAAGS,GAAgB,GAAGE,GAAkB,IAAAR,GAAQ,KAAKE,GAAa,GAAGC,KAC/E,UAAA,OAAOL,KAAa,aAAaA,EAAS,EAAE,QAAAG,EAAA,CAAQ,IAAIH,GAC3D;AAEJ;AAEAJ,EAAe,kBAAkB;"}
+{"version":3,"file":"TooltipTrigger.js","sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipTriggerProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTooltipContext } from './TooltipContext';\n\nconst defaultProps: Partial<TooltipTriggerProps<ElementType>> = {\n  elementType: 'button',\n  children: null,\n};\n\nconst TooltipTrigger = <E extends ElementType = 'button'>(props: TooltipTriggerProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { id, isOpen, triggerRef, getReferenceProps } = useTooltipContext();\n  const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { triggerStyleProps, transferProps });\n\n  return (\n    <Component {...transferProps} {...mergedStyleProps} id={id} ref={triggerRef} {...getReferenceProps()}>\n      {typeof children === 'function' ? children({ isOpen }) : children}\n    </Component>\n  );\n};\n\nTooltipTrigger.spiritComponent = 'TooltipTrigger';\nTooltipTrigger.displayName = 'TooltipTrigger';\n\nexport default TooltipTrigger;\n"],"names":["defaultProps","TooltipTrigger","props","propsWithDefaults","elementType","children","restProps","Component","id","isOpen","triggerRef","getReferenceProps","useTooltipContext","triggerStyleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":";;;;;AAQA,MAAMA,IAA0D;AAAA,EAC9D,aAAa;AAAA,EACb,UAAU;AACZ,GAEMC,IAAiB,CAAmCC,MAAkC;AAC1F,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,GAAGC,MAAcH,GAC1CI,IAAYH,GACZ,EAAE,IAAAI,GAAI,QAAAC,GAAQ,YAAAC,GAAY,mBAAAC,EAAA,IAAsBC,EAAA,GAChD,EAAE,YAAYC,GAAmB,OAAOC,EAAA,IAAkBC,EAAcT,CAAS,GACjFU,IAAmBC,EAAgBV,GAAW,EAAE,mBAAAM,GAAmB,eAAAC,GAAe;AAExF,SACE,gBAAAI,EAACX,KAAW,GAAGO,GAAgB,GAAGE,GAAkB,IAAAR,GAAQ,KAAKE,GAAa,GAAGC,KAC9E,UAAA,OAAON,KAAa,aAAaA,EAAS,EAAE,QAAAI,EAAA,CAAQ,IAAIJ,GAC3D;AAEJ;AAEAJ,EAAe,kBAAkB;AACjCA,EAAe,cAAc;"}

package/dist/components/Tooltip/useTooltipStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("classnames"),C=require("react"),d=require("../../hooks/useClassNamePrefix.cjs"),P=t=>{const{isDismissible:l,isOpen:o,...i}=t,e=d.useClassNamePrefix("Tooltip"),s=`${e}Popover`,r=`${s}__arrow`,a=`${s}__close`,c=`${s}--dismissible`,n="is-hidden",p=C.useMemo(()=>o===!1,[o]),u=m(s,{[c]:l,[n]:p});return{classProps:{rootClassName:e,popoverClassName:u,arrowClassName:r,closeButtonClassName:a},props:i}};exports.useTooltipStyleProps=P;
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("classnames"),m=require("react"),C=require("../../hooks/useClassNamePrefix.cjs"),d=t=>{const{isDismissible:i,isOpen:e,...l}=t,o=C.useClassNamePrefix("Tooltip"),s=`${o}Popover`,r=`${s}__arrow`,a=`${s}__close`,c=`${s}--dismissible`,n="is-hidden",p=m.useMemo(()=>e===!1,[e]);return{classProps:{rootClassName:o,popoverClassName:u(s,{[c]:i,[n]:p}),arrowClassName:r,closeButtonClassName:a},props:l}};exports.useTooltipStyleProps=d;
 //# sourceMappingURL=useTooltipStyleProps.cjs.map

package/dist/components/Tooltip/useTooltipStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltipStyleProps.cjs","sources":["../../../src/components/Tooltip/useTooltipStyleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { useMemo } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps } from '../../types';\n\ninterface UseTooltipStyleProps extends StyleProps {\n  isDismissible?: boolean;\n  isOpen?: boolean;\n}\n\nexport const useTooltipStyleProps = (props: UseTooltipStyleProps) => {\n  const { isDismissible, isOpen, ...modifiedProps } = props;\n  const tooltipClass = useClassNamePrefix('Tooltip');\n  const tooltipPopoverClass = `${tooltipClass}Popover`;\n  const arrowClass = `${tooltipPopoverClass}__arrow`;\n  const closeButtonClass = `${tooltipPopoverClass}__close`;\n  const rootDismissibleClass = `${tooltipPopoverClass}--dismissible`;\n  const rootHiddenClass = 'is-hidden';\n\n  const isHiddenClass = useMemo(() => isOpen === false, [isOpen]);\n\n  const tooltipPopoverClassName = classNames(tooltipPopoverClass, {\n    [rootDismissibleClass]: isDismissible,\n    [rootHiddenClass]: isHiddenClass,\n  });\n\n  return {\n    classProps: {\n      rootClassName: tooltipClass,\n      popoverClassName: tooltipPopoverClassName,\n      arrowClassName: arrowClass,\n      closeButtonClassName: closeButtonClass,\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["useTooltipStyleProps","props","isDismissible","isOpen","modifiedProps","tooltipClass","useClassNamePrefix","tooltipPopoverClass","arrowClass","closeButtonClass","rootDismissibleClass","rootHiddenClass","isHiddenClass","useMemo","tooltipPopoverClassName","classNames"],"mappings":"8LAYaA,EAAwBC,GAAgC,CACnE,KAAM,CAAE,cAAAC,EAAe,OAAAC,EAAQ,GAAGC,GAAkBH,EAC9CI,EAAeC,EAAAA,mBAAmB,SAAS,EAC3CC,EAAsB,GAAGF,CAAY,UACrCG,EAAa,GAAGD,CAAmB,UACnCE,EAAmB,GAAGF,CAAmB,UACzCG,EAAuB,GAAGH,CAAmB,gBAC7CI,EAAkB,YAElBC,EAAgBC,EAAAA,QAAQ,IAAMV,IAAW,GAAO,CAACA,CAAM,CAAC,EAExDW,EAA0BC,EAAWR,EAAqB,CAC9D,CAACG,CAAoB,EAAGR,EACxB,CAACS,CAAe,EAAGC,CAAA,CACpB,EAED,MAAO,CACL,WAAY,CACV,cAAeP,EACf,iBAAkBS,EAClB,eAAgBN,EAChB,qBAAsBC,CAAA,EAExB,MAAOL,CAAA,CAEX"}
+{"version":3,"file":"useTooltipStyleProps.cjs","sources":["../../../src/components/Tooltip/useTooltipStyleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { useMemo } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps } from '../../types';\n\ninterface UseTooltipStyleProps extends StyleProps {\n  isDismissible?: boolean;\n  isOpen?: boolean;\n}\n\nexport const useTooltipStyleProps = (props: UseTooltipStyleProps) => {\n  const { isDismissible, isOpen, ...modifiedProps } = props;\n  const tooltipClass = useClassNamePrefix('Tooltip');\n  const tooltipPopoverClass = `${tooltipClass}Popover`;\n  const arrowClass = `${tooltipPopoverClass}__arrow`;\n  const closeButtonClass = `${tooltipPopoverClass}__close`;\n  const dismissibleClass = `${tooltipPopoverClass}--dismissible`;\n  const hiddenClass = 'is-hidden';\n\n  const isHiddenClass = useMemo(() => isOpen === false, [isOpen]);\n\n  return {\n    classProps: {\n      rootClassName: tooltipClass,\n      popoverClassName: classNames(tooltipPopoverClass, {\n        [dismissibleClass]: isDismissible,\n        [hiddenClass]: isHiddenClass,\n      }),\n      arrowClassName: arrowClass,\n      closeButtonClassName: closeButtonClass,\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["useTooltipStyleProps","props","isDismissible","isOpen","modifiedProps","tooltipClass","useClassNamePrefix","tooltipPopoverClass","arrowClass","closeButtonClass","dismissibleClass","hiddenClass","isHiddenClass","useMemo","classNames"],"mappings":"8LAYaA,EAAwBC,GAAgC,CACnE,KAAM,CAAE,cAAAC,EAAe,OAAAC,EAAQ,GAAGC,GAAkBH,EAC9CI,EAAeC,EAAAA,mBAAmB,SAAS,EAC3CC,EAAsB,GAAGF,CAAY,UACrCG,EAAa,GAAGD,CAAmB,UACnCE,EAAmB,GAAGF,CAAmB,UACzCG,EAAmB,GAAGH,CAAmB,gBACzCI,EAAc,YAEdC,EAAgBC,EAAAA,QAAQ,IAAMV,IAAW,GAAO,CAACA,CAAM,CAAC,EAE9D,MAAO,CACL,WAAY,CACV,cAAeE,EACf,iBAAkBS,EAAWP,EAAqB,CAChD,CAACG,CAAgB,EAAGR,EACpB,CAACS,CAAW,EAAGC,CAAA,CAChB,EACD,eAAgBJ,EAChB,qBAAsBC,CAAA,EAExB,MAAOL,CAAA,CAEX"}

package/dist/components/Tooltip/useTooltipStyleProps.js

@@ -1,16 +1,16 @@
 "use client";
-import C from "classnames";
-import { useMemo as d } from "react";
-import { useClassNamePrefix as u } from "../../hooks/useClassNamePrefix.js";
-const v = (t) => {
-  const { isDismissible: i, isOpen: o, ...l } = t, e = u("Tooltip"), s = `${e}Popover`, r = `${s}__arrow`, a = `${s}__close`, p = `${s}--dismissible`, m = "is-hidden", n = d(() => o === !1, [o]), c = C(s, {
-    [p]: i,
-    [m]: n
-  });
+import c from "classnames";
+import { useMemo as C } from "react";
+import { useClassNamePrefix as d } from "../../hooks/useClassNamePrefix.js";
+const P = (t) => {
+  const { isDismissible: i, isOpen: o, ...l } = t, e = d("Tooltip"), s = `${e}Popover`, r = `${s}__arrow`, a = `${s}__close`, p = `${s}--dismissible`, m = "is-hidden", n = C(() => o === !1, [o]);
   return {
     classProps: {
       rootClassName: e,
-      popoverClassName: c,
+      popoverClassName: c(s, {
+        [p]: i,
+        [m]: n
+      }),
       arrowClassName: r,
       closeButtonClassName: a
     },
@@ -18,6 +18,6 @@ const v = (t) => {
   };
 };
 export {
-  v as useTooltipStyleProps
+  P as useTooltipStyleProps
 };
 //# sourceMappingURL=useTooltipStyleProps.js.map