@telegraph/tooltip 0.0.50 → 0.0.51

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @telegraph/tooltip
 
+## 0.0.51
+
+### Patch Changes
+
+- [#494](https://github.com/knocklabs/telegraph/pull/494) [`e769470`](https://github.com/knocklabs/telegraph/commit/e7694701fb63ebc65d9fe77d9a89c8f0bf557b67) Thanks [@kylemcd](https://github.com/kylemcd)! - update package exports to be in the correct order
+
+- [#495](https://github.com/knocklabs/telegraph/pull/495) [`f5d6a69`](https://github.com/knocklabs/telegraph/commit/f5d6a693e078dbfa1c99a78dc7b8ec6a9c34218a) Thanks [@kylemcd](https://github.com/kylemcd)! - fix typescript build issues
+
+- Updated dependencies [[`e769470`](https://github.com/knocklabs/telegraph/commit/e7694701fb63ebc65d9fe77d9a89c8f0bf557b67)]:
+  - @telegraph/appearance@0.0.10
+  - @telegraph/typography@0.1.20
+  - @telegraph/helpers@0.0.13
+  - @telegraph/layout@0.1.20
+  - @telegraph/motion@0.0.9
+
 ## 0.0.50
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),z=require("@radix-ui/react-tooltip"),w=require("@radix-ui/react-use-controllable-state"),B=require("@telegraph/appearance"),U=require("@telegraph/helpers"),H=require("@telegraph/layout"),J=require("@telegraph/motion"),K=require("@telegraph/typography"),a=require("react");function L(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const s=L(z),Q={light:{border:"px",shadow:"2"},dark:{}},O=a.createContext({groupOpen:!1,setGroupOpen:()=>{}}),V=({open:t,delay:r=600})=>{const e=a.useContext(O);return a.useEffect(()=>{let n=null;return e.setGroupOpen&&(t===!0&&e.setGroupOpen(!0),t===!1&&(n=setTimeout(()=>{e.setGroupOpen&&e.setGroupOpen(!1)},r))),()=>{n&&clearTimeout(n)}},[t,e,r]),{groupOpen:e.groupOpen}},W=({children:t})=>{const[r,e]=a.useState(!1);return o.jsx(O.Provider,{value:{groupOpen:r,setGroupOpen:e},children:t})},X=({delayDuration:t=400,skipDelayDuration:r,disableHoverableContent:e,defaultOpen:n,open:x,onOpenChange:h,"aria-label":y,onEscapeKeyDown:T,onPointerDownOutside:m,forceMount:j,side:l="bottom",sideOffset:b=4,align:C="center",alignOffset:v,avoidCollisions:S,collisionBoundary:A,collisionPadding:q,arrowPadding:G,sticky:P,hideWhenDetached:I,skipAnimation:N,label:p,labelProps:u,enabled:R=!0,appearance:c="dark",triggerRef:F,children:d})=>{const[f,_]=w.useControllableState({prop:x,onChange:h,defaultProp:n}),{groupOpen:g}=V({open:!!f,delay:t}),D=a.Children.toArray(d).some(i=>i.props.disabled),E=g||D?0:t,M=!g,k=i=>{if(i==="top")return{y:-5};if(i==="bottom")return{y:5};if(i==="left")return{x:-5};if(i==="right")return{x:5}};return o.jsx(s.Provider,{delayDuration:E,skipDelayDuration:r,disableHoverableContent:e,children:o.jsxs(s.Root,{open:R===!1?!1:f,onOpenChange:_,children:[o.jsx(s.Trigger,{asChild:!0,ref:F,children:o.jsx(U.RefToTgphRef,{children:d})}),o.jsx(s.Portal,{children:o.jsx(s.Content,{"aria-label":y,onEscapeKeyDown:T,onPointerDownOutside:m,forceMount:j,side:l,sideOffset:b,align:C,alignOffset:v,avoidCollisions:S,collisionBoundary:A,collisionPadding:q,arrowPadding:G,sticky:P,hideWhenDetached:I,style:{zIndex:"var(--tgph-zIndex-tooltip)"},children:o.jsx(B.OverrideAppearance,{appearance:c,asChild:!0,children:o.jsx(H.Stack,{as:J.motion.div,className:"tgph",skipAnimation:N,initial:M?{opacity:0,scale:.5,...k(l)}:{},animate:{opacity:1,scale:1,x:0,y:0},transition:{duration:100,type:"spring"},bg:"gray-1",rounded:"3",py:"2",px:"3",align:"center",justify:"center",style:{transformOrigin:"var(--radix-tooltip-content-transform-origin)"},...u?{labelProps:u}:{},...Q[c],children:typeof p=="string"?o.jsx(K.Text,{as:"span",size:"1",children:p}):p})})})})]})})};exports.Tooltip=X;exports.TooltipGroupProvider=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),z=require("@radix-ui/react-tooltip"),w=require("@radix-ui/react-use-controllable-state"),B=require("@telegraph/appearance"),U=require("@telegraph/helpers"),H=require("@telegraph/layout"),J=require("@telegraph/motion"),K=require("@telegraph/typography"),a=require("react");function L(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const s=L(z),Q={light:{border:"px",shadow:"2"},dark:{}},O=a.createContext({groupOpen:!1,setGroupOpen:()=>{}}),V=({open:t,delay:r=600})=>{const e=a.useContext(O);return a.useEffect(()=>{let n=null;return e.setGroupOpen&&(t===!0&&e.setGroupOpen(!0),t===!1&&(n=setTimeout(()=>{e.setGroupOpen&&e.setGroupOpen(!1)},r))),()=>{n&&clearTimeout(n)}},[t,e,r]),{groupOpen:e.groupOpen}},W=({children:t})=>{const[r,e]=a.useState(!1);return o.jsx(O.Provider,{value:{groupOpen:r,setGroupOpen:e},children:t})},X=({delayDuration:t=400,skipDelayDuration:r,disableHoverableContent:e,defaultOpen:n,open:x,onOpenChange:h,"aria-label":y,onEscapeKeyDown:T,onPointerDownOutside:m,forceMount:j,side:l="bottom",sideOffset:b=4,align:C="center",alignOffset:v,avoidCollisions:S,collisionBoundary:A,collisionPadding:q,arrowPadding:G,sticky:P,hideWhenDetached:I,skipAnimation:N,label:p,labelProps:u,enabled:R=!0,appearance:c="dark",triggerRef:F,children:d})=>{const[f,_]=w.useControllableState({prop:x,onChange:h,defaultProp:n??!1}),{groupOpen:g}=V({open:!!f,delay:t}),D=a.Children.toArray(d).some(i=>i.props.disabled),E=g||D?0:t,M=!g,k=i=>{if(i==="top")return{y:-5};if(i==="bottom")return{y:5};if(i==="left")return{x:-5};if(i==="right")return{x:5}};return o.jsx(s.Provider,{delayDuration:E,skipDelayDuration:r,disableHoverableContent:e,children:o.jsxs(s.Root,{open:R===!1?!1:f,onOpenChange:_,children:[o.jsx(s.Trigger,{asChild:!0,ref:F,children:o.jsx(U.RefToTgphRef,{children:d})}),o.jsx(s.Portal,{children:o.jsx(s.Content,{"aria-label":y,onEscapeKeyDown:T,onPointerDownOutside:m,forceMount:j,side:l,sideOffset:b,align:C,alignOffset:v,avoidCollisions:S,collisionBoundary:A,collisionPadding:q,arrowPadding:G,sticky:P,hideWhenDetached:I,style:{zIndex:"var(--tgph-zIndex-tooltip)"},children:o.jsx(B.OverrideAppearance,{appearance:c,asChild:!0,children:o.jsx(H.Stack,{as:J.motion.div,className:"tgph",skipAnimation:N,initial:M?{opacity:0,scale:.5,...k(l)}:{},animate:{opacity:1,scale:1,x:0,y:0},transition:{duration:100,type:"spring"},bg:"gray-1",rounded:"3",py:"2",px:"3",align:"center",justify:"center",style:{transformOrigin:"var(--radix-tooltip-content-transform-origin)"},...u?{labelProps:u}:{},...Q[c],children:typeof p=="string"?o.jsx(K.Text,{as:"span",size:"1",children:p}):p})})})})]})})};exports.Tooltip=X;exports.TooltipGroupProvider=W;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Tooltip/Tooltip.constants.ts","../../src/Tooltip/Tooltip.hooks.tsx","../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import type { OverrideAppearance } from \"@telegraph/appearance\";\nimport type { Required, TgphComponentProps } from \"@telegraph/helpers\";\nimport type { Stack } from \"@telegraph/layout\";\n\ntype Appearance = Required<\n  TgphComponentProps<typeof OverrideAppearance>\n>[\"appearance\"];\n\n// Set any appearance specifics props for the content.\n// For example, a light appearance tooltip should stand out\n// from the background of the page.\nexport const TooltipContentProps: Record<\n  Appearance,\n  TgphComponentProps<typeof Stack>\n> = {\n  light: {\n    border: \"px\",\n    shadow: \"2\",\n  },\n\n  dark: {},\n};\n","import React from \"react\";\n\ntype TooltipGroupContextState = {\n  groupOpen: boolean;\n  setGroupOpen?: (open: boolean) => void;\n};\n\nconst TooltipContext = React.createContext<TooltipGroupContextState>({\n  groupOpen: false,\n  setGroupOpen: () => {},\n});\n\ntype UseTooltipGroupParams = {\n  open: boolean;\n  delay?: number;\n};\n\nconst useTooltipGroup = ({ open, delay = 600 }: UseTooltipGroupParams) => {\n  const context = React.useContext(TooltipContext);\n\n  // If the open prop is set to true, we set the groupOpen state to true\n  // If the open prop is set to false, we set the groupOpen state to false after a delay\n  // to ensure that another tooltip is not opened while this one is closed.\n  React.useEffect(() => {\n    let timer: NodeJS.Timeout | null = null;\n    if (context.setGroupOpen) {\n      if (open === true) {\n        context.setGroupOpen(true);\n      }\n\n      if (open === false) {\n        timer = setTimeout(() => {\n          if (context.setGroupOpen) {\n            context.setGroupOpen(false);\n          }\n        }, delay);\n      }\n    }\n\n    return () => {\n      if (timer) {\n        clearTimeout(timer);\n      }\n    };\n  }, [open, context, delay]);\n\n  return {\n    groupOpen: context.groupOpen,\n  };\n};\n\ntype TooltipGroupProviderProps = {\n  children: React.ReactNode;\n};\n\nconst TooltipGroupProvider = ({ children }: TooltipGroupProviderProps) => {\n  const [groupOpen, setGroupOpen] = React.useState<boolean>(false);\n\n  return (\n    <TooltipContext.Provider value={{ groupOpen, setGroupOpen }}>\n      {children}\n    </TooltipContext.Provider>\n  );\n};\n\nexport { TooltipGroupProvider, useTooltipGroup };\n","import * as RadixTooltip from \"@radix-ui/react-tooltip\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { OverrideAppearance } from \"@telegraph/appearance\";\nimport {\n  RefToTgphRef,\n  type TgphComponentProps,\n  type TgphElement,\n} from \"@telegraph/helpers\";\nimport { Stack } from \"@telegraph/layout\";\nimport { motion } from \"@telegraph/motion\";\nimport { Text } from \"@telegraph/typography\";\nimport React from \"react\";\n\nimport { TooltipContentProps } from \"./Tooltip.constants\";\nimport { useTooltipGroup } from \"./Tooltip.hooks\";\n\ntype TooltipBaseProps<T extends TgphElement> = {\n  label: string | React.ReactNode;\n  labelProps?: TgphComponentProps<typeof Stack<T>>;\n  enabled?: boolean;\n  appearance?: TgphComponentProps<typeof OverrideAppearance>[\"appearance\"];\n  skipAnimation?: TgphComponentProps<typeof motion.div>[\"skipAnimation\"];\n  triggerRef?: React.RefObject<HTMLButtonElement>;\n};\n\ntype TooltipProps<T extends TgphElement> = React.ComponentPropsWithoutRef<\n  typeof RadixTooltip.Root\n> &\n  React.ComponentPropsWithoutRef<typeof RadixTooltip.Provider> &\n  React.ComponentPropsWithoutRef<typeof RadixTooltip.Content> &\n  TooltipBaseProps<T>;\n\nconst Tooltip = <T extends TgphElement>({\n  // Radix Tooltip Provider Props\n  delayDuration = 400,\n  skipDelayDuration,\n  disableHoverableContent,\n  // Radix Tooltip Root Props\n  defaultOpen: defaultOpenProp,\n  open: openProp,\n  onOpenChange: onOpenChangeProp,\n  // Radix Tooltip Content Props\n  \"aria-label\": ariaLabel,\n  onEscapeKeyDown,\n  onPointerDownOutside,\n  forceMount,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset,\n  avoidCollisions,\n  collisionBoundary,\n  collisionPadding,\n  arrowPadding,\n  sticky,\n  hideWhenDetached,\n  skipAnimation,\n  // Label Props\n  label,\n  labelProps,\n  // Telegraph Props\n  enabled = true,\n  appearance = \"dark\",\n  triggerRef,\n  children,\n}: TooltipProps<T>) => {\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    onChange: onOpenChangeProp,\n    defaultProp: defaultOpenProp,\n  });\n  const { groupOpen } = useTooltipGroup({ open: !!open, delay: delayDuration });\n\n  const areAnyChildrenElementsDisabled = React.Children.toArray(children).some(\n    (child) => (child as React.ReactElement).props.disabled,\n  );\n\n  const derivedDelayDuration =\n    groupOpen || areAnyChildrenElementsDisabled ? 0 : delayDuration;\n\n  const shouldAnimate = !groupOpen;\n\n  const deriveAnimationBasedOnSide = (side: TooltipProps<T>[\"side\"]) => {\n    const ANIMATION_OFFSET = 5;\n    if (side === \"top\") {\n      return {\n        y: -ANIMATION_OFFSET,\n      };\n    }\n\n    if (side === \"bottom\") {\n      return {\n        y: ANIMATION_OFFSET,\n      };\n    }\n\n    if (side === \"left\") {\n      return {\n        x: -ANIMATION_OFFSET,\n      };\n    }\n\n    if (side === \"right\") {\n      return {\n        x: ANIMATION_OFFSET,\n      };\n    }\n  };\n\n  return (\n    <RadixTooltip.Provider\n      delayDuration={derivedDelayDuration}\n      skipDelayDuration={skipDelayDuration}\n      disableHoverableContent={disableHoverableContent}\n    >\n      <RadixTooltip.Root\n        open={enabled === false ? false : open}\n        onOpenChange={setOpen}\n      >\n        <RadixTooltip.Trigger asChild={true} ref={triggerRef}>\n          <RefToTgphRef>{children}</RefToTgphRef>\n        </RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <RadixTooltip.Content\n            aria-label={ariaLabel}\n            onEscapeKeyDown={onEscapeKeyDown}\n            onPointerDownOutside={onPointerDownOutside}\n            forceMount={forceMount}\n            side={side}\n            sideOffset={sideOffset}\n            align={align}\n            alignOffset={alignOffset}\n            avoidCollisions={avoidCollisions}\n            collisionBoundary={collisionBoundary}\n            collisionPadding={collisionPadding}\n            arrowPadding={arrowPadding}\n            sticky={sticky}\n            hideWhenDetached={hideWhenDetached}\n            style={{\n              zIndex: `var(--tgph-zIndex-tooltip)`,\n            }}\n          >\n            <OverrideAppearance appearance={appearance} asChild>\n              <Stack\n                as={motion.div}\n                // Add tgph class so that this always works in portals\n                className=\"tgph\"\n                skipAnimation={skipAnimation}\n                initial={\n                  shouldAnimate\n                    ? {\n                        opacity: 0,\n                        scale: 0.5,\n                        ...deriveAnimationBasedOnSide(side),\n                      }\n                    : {}\n                }\n                animate={{\n                  opacity: 1,\n                  scale: 1,\n                  x: 0,\n                  y: 0,\n                }}\n                transition={{\n                  duration: 100,\n                  type: \"spring\",\n                }}\n                bg=\"gray-1\"\n                rounded=\"3\"\n                py=\"2\"\n                px=\"3\"\n                align=\"center\"\n                justify=\"center\"\n                style={{\n                  transformOrigin:\n                    \"var(--radix-tooltip-content-transform-origin)\",\n                }}\n                {...(labelProps ? { labelProps } : {})}\n                {...TooltipContentProps[appearance]}\n              >\n                {typeof label === \"string\" ? (\n                  <Text as=\"span\" size=\"1\">\n                    {label}\n                  </Text>\n                ) : (\n                  label\n                )}\n              </Stack>\n            </OverrideAppearance>\n          </RadixTooltip.Content>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n};\n\nexport { Tooltip };\n"],"names":["TooltipContentProps","TooltipContext","React","useTooltipGroup","open","delay","context","timer","TooltipGroupProvider","children","groupOpen","setGroupOpen","jsx","Tooltip","delayDuration","skipDelayDuration","disableHoverableContent","defaultOpenProp","openProp","onOpenChangeProp","ariaLabel","onEscapeKeyDown","onPointerDownOutside","forceMount","side","sideOffset","align","alignOffset","avoidCollisions","collisionBoundary","collisionPadding","arrowPadding","sticky","hideWhenDetached","skipAnimation","label","labelProps","enabled","appearance","triggerRef","setOpen","useControllableState","areAnyChildrenElementsDisabled","child","derivedDelayDuration","shouldAnimate","deriveAnimationBasedOnSide","RadixTooltip","jsxs","RefToTgphRef","OverrideAppearance","Stack","motion","Text"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/Tooltip/Tooltip.constants.ts","../../src/Tooltip/Tooltip.hooks.tsx","../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import type { OverrideAppearance } from \"@telegraph/appearance\";\nimport type { Required, TgphComponentProps } from \"@telegraph/helpers\";\nimport type { Stack } from \"@telegraph/layout\";\n\ntype Appearance = Required<\n  TgphComponentProps<typeof OverrideAppearance>\n>[\"appearance\"];\n\n// Set any appearance specifics props for the content.\n// For example, a light appearance tooltip should stand out\n// from the background of the page.\nexport const TooltipContentProps: Record<\n  Appearance,\n  TgphComponentProps<typeof Stack>\n> = {\n  light: {\n    border: \"px\",\n    shadow: \"2\",\n  },\n\n  dark: {},\n};\n","import React from \"react\";\n\ntype TooltipGroupContextState = {\n  groupOpen: boolean;\n  setGroupOpen?: (open: boolean) => void;\n};\n\nconst TooltipContext = React.createContext<TooltipGroupContextState>({\n  groupOpen: false,\n  setGroupOpen: () => {},\n});\n\ntype UseTooltipGroupParams = {\n  open: boolean;\n  delay?: number;\n};\n\nconst useTooltipGroup = ({ open, delay = 600 }: UseTooltipGroupParams) => {\n  const context = React.useContext(TooltipContext);\n\n  // If the open prop is set to true, we set the groupOpen state to true\n  // If the open prop is set to false, we set the groupOpen state to false after a delay\n  // to ensure that another tooltip is not opened while this one is closed.\n  React.useEffect(() => {\n    let timer: NodeJS.Timeout | null = null;\n    if (context.setGroupOpen) {\n      if (open === true) {\n        context.setGroupOpen(true);\n      }\n\n      if (open === false) {\n        timer = setTimeout(() => {\n          if (context.setGroupOpen) {\n            context.setGroupOpen(false);\n          }\n        }, delay);\n      }\n    }\n\n    return () => {\n      if (timer) {\n        clearTimeout(timer);\n      }\n    };\n  }, [open, context, delay]);\n\n  return {\n    groupOpen: context.groupOpen,\n  };\n};\n\ntype TooltipGroupProviderProps = {\n  children: React.ReactNode;\n};\n\nconst TooltipGroupProvider = ({ children }: TooltipGroupProviderProps) => {\n  const [groupOpen, setGroupOpen] = React.useState<boolean>(false);\n\n  return (\n    <TooltipContext.Provider value={{ groupOpen, setGroupOpen }}>\n      {children}\n    </TooltipContext.Provider>\n  );\n};\n\nexport { TooltipGroupProvider, useTooltipGroup };\n","import * as RadixTooltip from \"@radix-ui/react-tooltip\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { OverrideAppearance } from \"@telegraph/appearance\";\nimport {\n  RefToTgphRef,\n  type TgphComponentProps,\n  type TgphElement,\n} from \"@telegraph/helpers\";\nimport { Stack } from \"@telegraph/layout\";\nimport { motion } from \"@telegraph/motion\";\nimport { Text } from \"@telegraph/typography\";\nimport React from \"react\";\n\nimport { TooltipContentProps } from \"./Tooltip.constants\";\nimport { useTooltipGroup } from \"./Tooltip.hooks\";\n\ntype TooltipBaseProps<T extends TgphElement> = {\n  label: string | React.ReactNode;\n  labelProps?: TgphComponentProps<typeof Stack<T>>;\n  enabled?: boolean;\n  appearance?: TgphComponentProps<typeof OverrideAppearance>[\"appearance\"];\n  skipAnimation?: TgphComponentProps<typeof motion.div>[\"skipAnimation\"];\n  triggerRef?: React.RefObject<HTMLButtonElement>;\n};\n\ntype TooltipProps<T extends TgphElement> = React.ComponentPropsWithoutRef<\n  typeof RadixTooltip.Root\n> &\n  React.ComponentPropsWithoutRef<typeof RadixTooltip.Provider> &\n  React.ComponentPropsWithoutRef<typeof RadixTooltip.Content> &\n  TooltipBaseProps<T>;\n\nconst Tooltip = <T extends TgphElement>({\n  // Radix Tooltip Provider Props\n  delayDuration = 400,\n  skipDelayDuration,\n  disableHoverableContent,\n  // Radix Tooltip Root Props\n  defaultOpen: defaultOpenProp,\n  open: openProp,\n  onOpenChange: onOpenChangeProp,\n  // Radix Tooltip Content Props\n  \"aria-label\": ariaLabel,\n  onEscapeKeyDown,\n  onPointerDownOutside,\n  forceMount,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset,\n  avoidCollisions,\n  collisionBoundary,\n  collisionPadding,\n  arrowPadding,\n  sticky,\n  hideWhenDetached,\n  skipAnimation,\n  // Label Props\n  label,\n  labelProps,\n  // Telegraph Props\n  enabled = true,\n  appearance = \"dark\",\n  triggerRef,\n  children,\n}: TooltipProps<T>) => {\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    onChange: onOpenChangeProp,\n    defaultProp: defaultOpenProp ?? false,\n  });\n  const { groupOpen } = useTooltipGroup({ open: !!open, delay: delayDuration });\n\n  const areAnyChildrenElementsDisabled = React.Children.toArray(children).some(\n    (child) => (child as React.ReactElement).props.disabled,\n  );\n\n  const derivedDelayDuration =\n    groupOpen || areAnyChildrenElementsDisabled ? 0 : delayDuration;\n\n  const shouldAnimate = !groupOpen;\n\n  const deriveAnimationBasedOnSide = (side: TooltipProps<T>[\"side\"]) => {\n    const ANIMATION_OFFSET = 5;\n    if (side === \"top\") {\n      return {\n        y: -ANIMATION_OFFSET,\n      };\n    }\n\n    if (side === \"bottom\") {\n      return {\n        y: ANIMATION_OFFSET,\n      };\n    }\n\n    if (side === \"left\") {\n      return {\n        x: -ANIMATION_OFFSET,\n      };\n    }\n\n    if (side === \"right\") {\n      return {\n        x: ANIMATION_OFFSET,\n      };\n    }\n  };\n\n  return (\n    <RadixTooltip.Provider\n      delayDuration={derivedDelayDuration}\n      skipDelayDuration={skipDelayDuration}\n      disableHoverableContent={disableHoverableContent}\n    >\n      <RadixTooltip.Root\n        open={enabled === false ? false : open}\n        onOpenChange={setOpen}\n      >\n        <RadixTooltip.Trigger asChild={true} ref={triggerRef}>\n          <RefToTgphRef>{children}</RefToTgphRef>\n        </RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <RadixTooltip.Content\n            aria-label={ariaLabel}\n            onEscapeKeyDown={onEscapeKeyDown}\n            onPointerDownOutside={onPointerDownOutside}\n            forceMount={forceMount}\n            side={side}\n            sideOffset={sideOffset}\n            align={align}\n            alignOffset={alignOffset}\n            avoidCollisions={avoidCollisions}\n            collisionBoundary={collisionBoundary}\n            collisionPadding={collisionPadding}\n            arrowPadding={arrowPadding}\n            sticky={sticky}\n            hideWhenDetached={hideWhenDetached}\n            style={{\n              zIndex: `var(--tgph-zIndex-tooltip)`,\n            }}\n          >\n            <OverrideAppearance appearance={appearance} asChild>\n              <Stack\n                as={motion.div}\n                // Add tgph class so that this always works in portals\n                className=\"tgph\"\n                skipAnimation={skipAnimation}\n                initial={\n                  shouldAnimate\n                    ? {\n                        opacity: 0,\n                        scale: 0.5,\n                        ...deriveAnimationBasedOnSide(side),\n                      }\n                    : {}\n                }\n                animate={{\n                  opacity: 1,\n                  scale: 1,\n                  x: 0,\n                  y: 0,\n                }}\n                transition={{\n                  duration: 100,\n                  type: \"spring\",\n                }}\n                bg=\"gray-1\"\n                rounded=\"3\"\n                py=\"2\"\n                px=\"3\"\n                align=\"center\"\n                justify=\"center\"\n                style={{\n                  transformOrigin:\n                    \"var(--radix-tooltip-content-transform-origin)\",\n                }}\n                {...(labelProps ? { labelProps } : {})}\n                {...TooltipContentProps[appearance]}\n              >\n                {typeof label === \"string\" ? (\n                  <Text as=\"span\" size=\"1\">\n                    {label}\n                  </Text>\n                ) : (\n                  label\n                )}\n              </Stack>\n            </OverrideAppearance>\n          </RadixTooltip.Content>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n};\n\nexport { Tooltip };\n"],"names":["TooltipContentProps","TooltipContext","React","useTooltipGroup","open","delay","context","timer","TooltipGroupProvider","children","groupOpen","setGroupOpen","jsx","Tooltip","delayDuration","skipDelayDuration","disableHoverableContent","defaultOpenProp","openProp","onOpenChangeProp","ariaLabel","onEscapeKeyDown","onPointerDownOutside","forceMount","side","sideOffset","align","alignOffset","avoidCollisions","collisionBoundary","collisionPadding","arrowPadding","sticky","hideWhenDetached","skipAnimation","label","labelProps","enabled","appearance","triggerRef","setOpen","useControllableState","areAnyChildrenElementsDisabled","child","derivedDelayDuration","shouldAnimate","deriveAnimationBasedOnSide","RadixTooltip","jsxs","RefToTgphRef","OverrideAppearance","Stack","motion","Text"],"mappings":"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"}

package/dist/esm/index.mjs

@@ -62,15 +62,15 @@ const Q = {
   labelProps: u,
   // Telegraph Props
   enabled: R = !0,
-  appearance: c = "dark",
+  appearance: f = "dark",
   triggerRef: j,
-  children: f
+  children: c
 }) => {
   const [d, k] = B({
     prop: g,
     onChange: h,
-    defaultProp: i
-  }), { groupOpen: m } = U({ open: !!d, delay: r }), z = a.Children.toArray(f).some(
+    defaultProp: i ?? !1
+  }), { groupOpen: m } = U({ open: !!d, delay: r }), z = a.Children.toArray(c).some(
     (n) => n.props.disabled
   ), D = m || z ? 0 : r, M = !m, _ = (n) => {
     if (n === "top")
@@ -102,7 +102,7 @@ const Q = {
           open: R === !1 ? !1 : d,
           onOpenChange: k,
           children: [
-            /* @__PURE__ */ t(p.Trigger, { asChild: !0, ref: j, children: /* @__PURE__ */ t(H, { children: f }) }),
+            /* @__PURE__ */ t(p.Trigger, { asChild: !0, ref: j, children: /* @__PURE__ */ t(H, { children: c }) }),
             /* @__PURE__ */ t(p.Portal, { children: /* @__PURE__ */ t(
               p.Content,
               {
@@ -123,7 +123,7 @@ const Q = {
                 style: {
                   zIndex: "var(--tgph-zIndex-tooltip)"
                 },
-                children: /* @__PURE__ */ t(q, { appearance: c, asChild: !0, children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ t(q, { appearance: f, asChild: !0, children: /* @__PURE__ */ t(
                   J,
                   {
                     as: K.div,
@@ -154,7 +154,7 @@ const Q = {
                       transformOrigin: "var(--radix-tooltip-content-transform-origin)"
                     },
                     ...u ? { labelProps: u } : {},
-                    ...Q[c],
+                    ...Q[f],
                     children: typeof s == "string" ? /* @__PURE__ */ t(L, { as: "span", size: "1", children: s }) : s
                   }
                 ) })

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Tooltip/Tooltip.constants.ts","../../src/Tooltip/Tooltip.hooks.tsx","../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import type { OverrideAppearance } from \"@telegraph/appearance\";\nimport type { Required, TgphComponentProps } from \"@telegraph/helpers\";\nimport type { Stack } from \"@telegraph/layout\";\n\ntype Appearance = Required<\n  TgphComponentProps<typeof OverrideAppearance>\n>[\"appearance\"];\n\n// Set any appearance specifics props for the content.\n// For example, a light appearance tooltip should stand out\n// from the background of the page.\nexport const TooltipContentProps: Record<\n  Appearance,\n  TgphComponentProps<typeof Stack>\n> = {\n  light: {\n    border: \"px\",\n    shadow: \"2\",\n  },\n\n  dark: {},\n};\n","import React from \"react\";\n\ntype TooltipGroupContextState = {\n  groupOpen: boolean;\n  setGroupOpen?: (open: boolean) => void;\n};\n\nconst TooltipContext = React.createContext<TooltipGroupContextState>({\n  groupOpen: false,\n  setGroupOpen: () => {},\n});\n\ntype UseTooltipGroupParams = {\n  open: boolean;\n  delay?: number;\n};\n\nconst useTooltipGroup = ({ open, delay = 600 }: UseTooltipGroupParams) => {\n  const context = React.useContext(TooltipContext);\n\n  // If the open prop is set to true, we set the groupOpen state to true\n  // If the open prop is set to false, we set the groupOpen state to false after a delay\n  // to ensure that another tooltip is not opened while this one is closed.\n  React.useEffect(() => {\n    let timer: NodeJS.Timeout | null = null;\n    if (context.setGroupOpen) {\n      if (open === true) {\n        context.setGroupOpen(true);\n      }\n\n      if (open === false) {\n        timer = setTimeout(() => {\n          if (context.setGroupOpen) {\n            context.setGroupOpen(false);\n          }\n        }, delay);\n      }\n    }\n\n    return () => {\n      if (timer) {\n        clearTimeout(timer);\n      }\n    };\n  }, [open, context, delay]);\n\n  return {\n    groupOpen: context.groupOpen,\n  };\n};\n\ntype TooltipGroupProviderProps = {\n  children: React.ReactNode;\n};\n\nconst TooltipGroupProvider = ({ children }: TooltipGroupProviderProps) => {\n  const [groupOpen, setGroupOpen] = React.useState<boolean>(false);\n\n  return (\n    <TooltipContext.Provider value={{ groupOpen, setGroupOpen }}>\n      {children}\n    </TooltipContext.Provider>\n  );\n};\n\nexport { TooltipGroupProvider, useTooltipGroup };\n","import * as RadixTooltip from \"@radix-ui/react-tooltip\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { OverrideAppearance } from \"@telegraph/appearance\";\nimport {\n  RefToTgphRef,\n  type TgphComponentProps,\n  type TgphElement,\n} from \"@telegraph/helpers\";\nimport { Stack } from \"@telegraph/layout\";\nimport { motion } from \"@telegraph/motion\";\nimport { Text } from \"@telegraph/typography\";\nimport React from \"react\";\n\nimport { TooltipContentProps } from \"./Tooltip.constants\";\nimport { useTooltipGroup } from \"./Tooltip.hooks\";\n\ntype TooltipBaseProps<T extends TgphElement> = {\n  label: string | React.ReactNode;\n  labelProps?: TgphComponentProps<typeof Stack<T>>;\n  enabled?: boolean;\n  appearance?: TgphComponentProps<typeof OverrideAppearance>[\"appearance\"];\n  skipAnimation?: TgphComponentProps<typeof motion.div>[\"skipAnimation\"];\n  triggerRef?: React.RefObject<HTMLButtonElement>;\n};\n\ntype TooltipProps<T extends TgphElement> = React.ComponentPropsWithoutRef<\n  typeof RadixTooltip.Root\n> &\n  React.ComponentPropsWithoutRef<typeof RadixTooltip.Provider> &\n  React.ComponentPropsWithoutRef<typeof RadixTooltip.Content> &\n  TooltipBaseProps<T>;\n\nconst Tooltip = <T extends TgphElement>({\n  // Radix Tooltip Provider Props\n  delayDuration = 400,\n  skipDelayDuration,\n  disableHoverableContent,\n  // Radix Tooltip Root Props\n  defaultOpen: defaultOpenProp,\n  open: openProp,\n  onOpenChange: onOpenChangeProp,\n  // Radix Tooltip Content Props\n  \"aria-label\": ariaLabel,\n  onEscapeKeyDown,\n  onPointerDownOutside,\n  forceMount,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset,\n  avoidCollisions,\n  collisionBoundary,\n  collisionPadding,\n  arrowPadding,\n  sticky,\n  hideWhenDetached,\n  skipAnimation,\n  // Label Props\n  label,\n  labelProps,\n  // Telegraph Props\n  enabled = true,\n  appearance = \"dark\",\n  triggerRef,\n  children,\n}: TooltipProps<T>) => {\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    onChange: onOpenChangeProp,\n    defaultProp: defaultOpenProp,\n  });\n  const { groupOpen } = useTooltipGroup({ open: !!open, delay: delayDuration });\n\n  const areAnyChildrenElementsDisabled = React.Children.toArray(children).some(\n    (child) => (child as React.ReactElement).props.disabled,\n  );\n\n  const derivedDelayDuration =\n    groupOpen || areAnyChildrenElementsDisabled ? 0 : delayDuration;\n\n  const shouldAnimate = !groupOpen;\n\n  const deriveAnimationBasedOnSide = (side: TooltipProps<T>[\"side\"]) => {\n    const ANIMATION_OFFSET = 5;\n    if (side === \"top\") {\n      return {\n        y: -ANIMATION_OFFSET,\n      };\n    }\n\n    if (side === \"bottom\") {\n      return {\n        y: ANIMATION_OFFSET,\n      };\n    }\n\n    if (side === \"left\") {\n      return {\n        x: -ANIMATION_OFFSET,\n      };\n    }\n\n    if (side === \"right\") {\n      return {\n        x: ANIMATION_OFFSET,\n      };\n    }\n  };\n\n  return (\n    <RadixTooltip.Provider\n      delayDuration={derivedDelayDuration}\n      skipDelayDuration={skipDelayDuration}\n      disableHoverableContent={disableHoverableContent}\n    >\n      <RadixTooltip.Root\n        open={enabled === false ? false : open}\n        onOpenChange={setOpen}\n      >\n        <RadixTooltip.Trigger asChild={true} ref={triggerRef}>\n          <RefToTgphRef>{children}</RefToTgphRef>\n        </RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <RadixTooltip.Content\n            aria-label={ariaLabel}\n            onEscapeKeyDown={onEscapeKeyDown}\n            onPointerDownOutside={onPointerDownOutside}\n            forceMount={forceMount}\n            side={side}\n            sideOffset={sideOffset}\n            align={align}\n            alignOffset={alignOffset}\n            avoidCollisions={avoidCollisions}\n            collisionBoundary={collisionBoundary}\n            collisionPadding={collisionPadding}\n            arrowPadding={arrowPadding}\n            sticky={sticky}\n            hideWhenDetached={hideWhenDetached}\n            style={{\n              zIndex: `var(--tgph-zIndex-tooltip)`,\n            }}\n          >\n            <OverrideAppearance appearance={appearance} asChild>\n              <Stack\n                as={motion.div}\n                // Add tgph class so that this always works in portals\n                className=\"tgph\"\n                skipAnimation={skipAnimation}\n                initial={\n                  shouldAnimate\n                    ? {\n                        opacity: 0,\n                        scale: 0.5,\n                        ...deriveAnimationBasedOnSide(side),\n                      }\n                    : {}\n                }\n                animate={{\n                  opacity: 1,\n                  scale: 1,\n                  x: 0,\n                  y: 0,\n                }}\n                transition={{\n                  duration: 100,\n                  type: \"spring\",\n                }}\n                bg=\"gray-1\"\n                rounded=\"3\"\n                py=\"2\"\n                px=\"3\"\n                align=\"center\"\n                justify=\"center\"\n                style={{\n                  transformOrigin:\n                    \"var(--radix-tooltip-content-transform-origin)\",\n                }}\n                {...(labelProps ? { labelProps } : {})}\n                {...TooltipContentProps[appearance]}\n              >\n                {typeof label === \"string\" ? (\n                  <Text as=\"span\" size=\"1\">\n                    {label}\n                  </Text>\n                ) : (\n                  label\n                )}\n              </Stack>\n            </OverrideAppearance>\n          </RadixTooltip.Content>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n};\n\nexport { Tooltip };\n"],"names":["TooltipContentProps","TooltipContext","React","useTooltipGroup","open","delay","context","timer","TooltipGroupProvider","children","groupOpen","setGroupOpen","jsx","Tooltip","delayDuration","skipDelayDuration","disableHoverableContent","defaultOpenProp","openProp","onOpenChangeProp","ariaLabel","onEscapeKeyDown","onPointerDownOutside","forceMount","side","sideOffset","align","alignOffset","avoidCollisions","collisionBoundary","collisionPadding","arrowPadding","sticky","hideWhenDetached","skipAnimation","label","labelProps","enabled","appearance","triggerRef","setOpen","useControllableState","areAnyChildrenElementsDisabled","child","derivedDelayDuration","shouldAnimate","deriveAnimationBasedOnSide","RadixTooltip","jsxs","RefToTgphRef","OverrideAppearance","Stack","motion","Text"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/Tooltip/Tooltip.constants.ts","../../src/Tooltip/Tooltip.hooks.tsx","../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import type { OverrideAppearance } from \"@telegraph/appearance\";\nimport type { Required, TgphComponentProps } from \"@telegraph/helpers\";\nimport type { Stack } from \"@telegraph/layout\";\n\ntype Appearance = Required<\n  TgphComponentProps<typeof OverrideAppearance>\n>[\"appearance\"];\n\n// Set any appearance specifics props for the content.\n// For example, a light appearance tooltip should stand out\n// from the background of the page.\nexport const TooltipContentProps: Record<\n  Appearance,\n  TgphComponentProps<typeof Stack>\n> = {\n  light: {\n    border: \"px\",\n    shadow: \"2\",\n  },\n\n  dark: {},\n};\n","import React from \"react\";\n\ntype TooltipGroupContextState = {\n  groupOpen: boolean;\n  setGroupOpen?: (open: boolean) => void;\n};\n\nconst TooltipContext = React.createContext<TooltipGroupContextState>({\n  groupOpen: false,\n  setGroupOpen: () => {},\n});\n\ntype UseTooltipGroupParams = {\n  open: boolean;\n  delay?: number;\n};\n\nconst useTooltipGroup = ({ open, delay = 600 }: UseTooltipGroupParams) => {\n  const context = React.useContext(TooltipContext);\n\n  // If the open prop is set to true, we set the groupOpen state to true\n  // If the open prop is set to false, we set the groupOpen state to false after a delay\n  // to ensure that another tooltip is not opened while this one is closed.\n  React.useEffect(() => {\n    let timer: NodeJS.Timeout | null = null;\n    if (context.setGroupOpen) {\n      if (open === true) {\n        context.setGroupOpen(true);\n      }\n\n      if (open === false) {\n        timer = setTimeout(() => {\n          if (context.setGroupOpen) {\n            context.setGroupOpen(false);\n          }\n        }, delay);\n      }\n    }\n\n    return () => {\n      if (timer) {\n        clearTimeout(timer);\n      }\n    };\n  }, [open, context, delay]);\n\n  return {\n    groupOpen: context.groupOpen,\n  };\n};\n\ntype TooltipGroupProviderProps = {\n  children: React.ReactNode;\n};\n\nconst TooltipGroupProvider = ({ children }: TooltipGroupProviderProps) => {\n  const [groupOpen, setGroupOpen] = React.useState<boolean>(false);\n\n  return (\n    <TooltipContext.Provider value={{ groupOpen, setGroupOpen }}>\n      {children}\n    </TooltipContext.Provider>\n  );\n};\n\nexport { TooltipGroupProvider, useTooltipGroup };\n","import * as RadixTooltip from \"@radix-ui/react-tooltip\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { OverrideAppearance } from \"@telegraph/appearance\";\nimport {\n  RefToTgphRef,\n  type TgphComponentProps,\n  type TgphElement,\n} from \"@telegraph/helpers\";\nimport { Stack } from \"@telegraph/layout\";\nimport { motion } from \"@telegraph/motion\";\nimport { Text } from \"@telegraph/typography\";\nimport React from \"react\";\n\nimport { TooltipContentProps } from \"./Tooltip.constants\";\nimport { useTooltipGroup } from \"./Tooltip.hooks\";\n\ntype TooltipBaseProps<T extends TgphElement> = {\n  label: string | React.ReactNode;\n  labelProps?: TgphComponentProps<typeof Stack<T>>;\n  enabled?: boolean;\n  appearance?: TgphComponentProps<typeof OverrideAppearance>[\"appearance\"];\n  skipAnimation?: TgphComponentProps<typeof motion.div>[\"skipAnimation\"];\n  triggerRef?: React.RefObject<HTMLButtonElement>;\n};\n\ntype TooltipProps<T extends TgphElement> = React.ComponentPropsWithoutRef<\n  typeof RadixTooltip.Root\n> &\n  React.ComponentPropsWithoutRef<typeof RadixTooltip.Provider> &\n  React.ComponentPropsWithoutRef<typeof RadixTooltip.Content> &\n  TooltipBaseProps<T>;\n\nconst Tooltip = <T extends TgphElement>({\n  // Radix Tooltip Provider Props\n  delayDuration = 400,\n  skipDelayDuration,\n  disableHoverableContent,\n  // Radix Tooltip Root Props\n  defaultOpen: defaultOpenProp,\n  open: openProp,\n  onOpenChange: onOpenChangeProp,\n  // Radix Tooltip Content Props\n  \"aria-label\": ariaLabel,\n  onEscapeKeyDown,\n  onPointerDownOutside,\n  forceMount,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset,\n  avoidCollisions,\n  collisionBoundary,\n  collisionPadding,\n  arrowPadding,\n  sticky,\n  hideWhenDetached,\n  skipAnimation,\n  // Label Props\n  label,\n  labelProps,\n  // Telegraph Props\n  enabled = true,\n  appearance = \"dark\",\n  triggerRef,\n  children,\n}: TooltipProps<T>) => {\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    onChange: onOpenChangeProp,\n    defaultProp: defaultOpenProp ?? false,\n  });\n  const { groupOpen } = useTooltipGroup({ open: !!open, delay: delayDuration });\n\n  const areAnyChildrenElementsDisabled = React.Children.toArray(children).some(\n    (child) => (child as React.ReactElement).props.disabled,\n  );\n\n  const derivedDelayDuration =\n    groupOpen || areAnyChildrenElementsDisabled ? 0 : delayDuration;\n\n  const shouldAnimate = !groupOpen;\n\n  const deriveAnimationBasedOnSide = (side: TooltipProps<T>[\"side\"]) => {\n    const ANIMATION_OFFSET = 5;\n    if (side === \"top\") {\n      return {\n        y: -ANIMATION_OFFSET,\n      };\n    }\n\n    if (side === \"bottom\") {\n      return {\n        y: ANIMATION_OFFSET,\n      };\n    }\n\n    if (side === \"left\") {\n      return {\n        x: -ANIMATION_OFFSET,\n      };\n    }\n\n    if (side === \"right\") {\n      return {\n        x: ANIMATION_OFFSET,\n      };\n    }\n  };\n\n  return (\n    <RadixTooltip.Provider\n      delayDuration={derivedDelayDuration}\n      skipDelayDuration={skipDelayDuration}\n      disableHoverableContent={disableHoverableContent}\n    >\n      <RadixTooltip.Root\n        open={enabled === false ? false : open}\n        onOpenChange={setOpen}\n      >\n        <RadixTooltip.Trigger asChild={true} ref={triggerRef}>\n          <RefToTgphRef>{children}</RefToTgphRef>\n        </RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <RadixTooltip.Content\n            aria-label={ariaLabel}\n            onEscapeKeyDown={onEscapeKeyDown}\n            onPointerDownOutside={onPointerDownOutside}\n            forceMount={forceMount}\n            side={side}\n            sideOffset={sideOffset}\n            align={align}\n            alignOffset={alignOffset}\n            avoidCollisions={avoidCollisions}\n            collisionBoundary={collisionBoundary}\n            collisionPadding={collisionPadding}\n            arrowPadding={arrowPadding}\n            sticky={sticky}\n            hideWhenDetached={hideWhenDetached}\n            style={{\n              zIndex: `var(--tgph-zIndex-tooltip)`,\n            }}\n          >\n            <OverrideAppearance appearance={appearance} asChild>\n              <Stack\n                as={motion.div}\n                // Add tgph class so that this always works in portals\n                className=\"tgph\"\n                skipAnimation={skipAnimation}\n                initial={\n                  shouldAnimate\n                    ? {\n                        opacity: 0,\n                        scale: 0.5,\n                        ...deriveAnimationBasedOnSide(side),\n                      }\n                    : {}\n                }\n                animate={{\n                  opacity: 1,\n                  scale: 1,\n                  x: 0,\n                  y: 0,\n                }}\n                transition={{\n                  duration: 100,\n                  type: \"spring\",\n                }}\n                bg=\"gray-1\"\n                rounded=\"3\"\n                py=\"2\"\n                px=\"3\"\n                align=\"center\"\n                justify=\"center\"\n                style={{\n                  transformOrigin:\n                    \"var(--radix-tooltip-content-transform-origin)\",\n                }}\n                {...(labelProps ? { labelProps } : {})}\n                {...TooltipContentProps[appearance]}\n              >\n                {typeof label === \"string\" ? (\n                  <Text as=\"span\" size=\"1\">\n                    {label}\n                  </Text>\n                ) : (\n                  label\n                )}\n              </Stack>\n            </OverrideAppearance>\n          </RadixTooltip.Content>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n};\n\nexport { Tooltip };\n"],"names":["TooltipContentProps","TooltipContext","React","useTooltipGroup","open","delay","context","timer","TooltipGroupProvider","children","groupOpen","setGroupOpen","jsx","Tooltip","delayDuration","skipDelayDuration","disableHoverableContent","defaultOpenProp","openProp","onOpenChangeProp","ariaLabel","onEscapeKeyDown","onPointerDownOutside","forceMount","side","sideOffset","align","alignOffset","avoidCollisions","collisionBoundary","collisionPadding","arrowPadding","sticky","hideWhenDetached","skipAnimation","label","labelProps","enabled","appearance","triggerRef","setOpen","useControllableState","areAnyChildrenElementsDisabled","child","derivedDelayDuration","shouldAnimate","deriveAnimationBasedOnSide","RadixTooltip","jsxs","RefToTgphRef","OverrideAppearance","Stack","motion","Text"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/tooltip",
-  "version": "0.0.50",
+  "version": "0.0.51",
   "description": "A simple tooltip component ",
   "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/tooltip",
   "author": "@knocklabs",
@@ -10,9 +10,9 @@
   "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/esm/index.mjs",
       "require": "./dist/cjs/index.js",
-      "types": "./dist/types/index.d.ts",
       "default": "./dist/css/default.css"
     },
     "./default.css": "./dist/css/default.css"
@@ -34,16 +34,16 @@
   "dependencies": {
     "@radix-ui/react-tooltip": "^1.2.7",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
-    "@telegraph/appearance": "^0.0.9",
-    "@telegraph/helpers": "^0.0.12",
-    "@telegraph/layout": "^0.1.19",
-    "@telegraph/motion": "^0.0.8",
-    "@telegraph/typography": "^0.1.19"
+    "@telegraph/appearance": "^0.0.10",
+    "@telegraph/helpers": "^0.0.13",
+    "@telegraph/layout": "^0.1.20",
+    "@telegraph/motion": "^0.0.9",
+    "@telegraph/typography": "^0.1.20"
   },
   "devDependencies": {
     "@knocklabs/eslint-config": "^0.0.4",
     "@knocklabs/typescript-config": "^0.0.2",
-    "@telegraph/postcss-config": "^0.0.25",
+    "@telegraph/postcss-config": "^0.0.26",
     "@telegraph/prettier-config": "^0.0.7",
     "@telegraph/vite-config": "^0.0.15",
     "@types/react": "^18.3.18",