@telegraph/tooltip 0.0.6 → 0.0.8

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @telegraph/tooltip
 
+## 0.0.8
+
+### Patch Changes
+
+- [#151](https://github.com/knocklabs/telegraph/pull/151) [`65ec224`](https://github.com/knocklabs/telegraph/commit/65ec2240453e263acdd80a278de66c5f980ca1dc) Thanks [@kylemcd](https://github.com/kylemcd)! - update menu anchor to menu trigger, enabled prop on tooltip, combobox updated to support new menu
+
+## 0.0.7
+
+### Patch Changes
+
+- [#145](https://github.com/knocklabs/telegraph/pull/145) [`2598aea`](https://github.com/knocklabs/telegraph/commit/2598aea515597299b20c4c869e9d397137b32e8f) Thanks [@kylemcd](https://github.com/kylemcd)! - remove arrow from the tooltip
+
+- Updated dependencies [[`7763f43`](https://github.com/knocklabs/telegraph/commit/7763f43a9db615f3dfa958a09dd1cbd6c8c4a906)]:
+  - @telegraph/layout@0.0.16
+  - @telegraph/typography@0.0.15
+
 ## 0.0.6
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),F=require("@radix-ui/react-tooltip"),v=require("@telegraph/appearance"),M=require("@telegraph/helpers"),_=require("@telegraph/layout"),q=require("@telegraph/typography"),R=require("framer-motion");function E(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(i,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return i.default=t,Object.freeze(i)}const n=E(F),z=({delayDuration:t=0,skipDelayDuration:i,disableHoverableContent:r,defaultOpen:o,open:p,onOpenChange:u,"aria-label":d,onEscapeKeyDown:f,onPointerDownOutside:g,forceMount:x,side:s="bottom",sideOffset:y=4,align:T="center",alignOffset:O,avoidCollisions:j,collisionBoundary:h,collisionPadding:m,arrowPadding:A,sticky:I,hideWhenDetached:N,label:c,labelProps:l,children:b})=>{const S=a=>{if(a==="top")return{y:-5};if(a==="bottom")return{y:5};if(a==="left")return{x:-5};if(a==="right")return{x:5}};return e.jsx(n.Provider,{delayDuration:t,skipDelayDuration:i,disableHoverableContent:r,children:e.jsxs(n.Root,{defaultOpen:o,open:p,onOpenChange:u,children:[e.jsx(n.Trigger,{asChild:!0,children:e.jsx(M.RefToTgphRef,{children:b})}),e.jsx(n.Portal,{children:e.jsx(n.Content,{"aria-label":d,onEscapeKeyDown:f,onPointerDownOutside:g,forceMount:x,side:s,sideOffset:y,align:T,alignOffset:O,avoidCollisions:j,collisionBoundary:h,collisionPadding:m,arrowPadding:A,sticky:I,hideWhenDetached:N,style:{zIndex:"var(--tgph-zIndex-tooltip)"},children:e.jsx(v.InvertedAppearance,{children:e.jsxs(_.Stack,{as:R.motion.div,className:"tgph",initial:{opacity:.5,scale:.6,...S(s)},animate:{opacity:1,scale:1,x:0,y:0},transition:{duration:.2,type:"spring",bounce:0},bg:"gray-1",rounded:"3",py:"2",px:"3",align:"center",justify:"center",style:{transformOrigin:"var(--radix-tooltip-content-transform-origin)"},...l?{labelProps:l}:{},children:[e.jsx(n.Arrow,{fill:"var(--tgph-gray-1)"}),typeof c=="string"?e.jsx(q.Text,{as:"span",size:"1",children:c}):c]})})})})]})})};exports.Tooltip=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("@radix-ui/react-tooltip"),M=require("@telegraph/appearance"),_=require("@telegraph/helpers"),q=require("@telegraph/layout"),R=require("@telegraph/typography"),E=require("framer-motion");function z(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const i=z(v),P=({delayDuration:t=0,skipDelayDuration:n,disableHoverableContent:r,defaultOpen:o,open:p,onOpenChange:d,"aria-label":f,onEscapeKeyDown:g,onPointerDownOutside:x,forceMount:y,side:s="bottom",sideOffset:T=4,align:O="center",alignOffset:j,avoidCollisions:m,collisionBoundary:h,collisionPadding:I,arrowPadding:A,sticky:N,hideWhenDetached:b,label:c,labelProps:l,enabled:S=!0,children:u})=>{const F=a=>{if(a==="top")return{y:-5};if(a==="bottom")return{y:5};if(a==="left")return{x:-5};if(a==="right")return{x:5}};return S?e.jsx(i.Provider,{delayDuration:t,skipDelayDuration:n,disableHoverableContent:r,children:e.jsxs(i.Root,{defaultOpen:o,open:p,onOpenChange:d,children:[e.jsx(i.Trigger,{asChild:!0,children:e.jsx(_.RefToTgphRef,{children:u})}),e.jsx(i.Portal,{children:e.jsx(i.Content,{"aria-label":f,onEscapeKeyDown:g,onPointerDownOutside:x,forceMount:y,side:s,sideOffset:T,align:O,alignOffset:j,avoidCollisions:m,collisionBoundary:h,collisionPadding:I,arrowPadding:A,sticky:N,hideWhenDetached:b,style:{zIndex:"var(--tgph-zIndex-tooltip)"},children:e.jsx(M.InvertedAppearance,{children:e.jsx(q.Stack,{as:E.motion.div,className:"tgph",initial:{opacity:.5,scale:.6,...F(s)},animate:{opacity:1,scale:1,x:0,y:0},transition:{duration:.2,type:"spring",bounce:0},bg:"gray-1",rounded:"3",py:"2",px:"3",align:"center",justify:"center",style:{transformOrigin:"var(--radix-tooltip-content-transform-origin)"},...l?{labelProps:l}:{},children:typeof c=="string"?e.jsx(R.Text,{as:"span",size:"1",children:c}):c})})})})]})}):u};exports.Tooltip=P;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as RadixTooltip from \"@radix-ui/react-tooltip\";\nimport { InvertedAppearance } from \"@telegraph/appearance\";\nimport {\n  RefToTgphRef,\n  type TgphComponentProps,\n  type TgphElement,\n} from \"@telegraph/helpers\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { motion } from \"framer-motion\";\nimport React from \"react\";\n\ntype TooltipBaseProps<T extends TgphElement> = {\n  label: string | React.ReactNode;\n  labelProps?: TgphComponentProps<typeof Stack<T>>;\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 = 0,\n  skipDelayDuration,\n  disableHoverableContent,\n  // Radix Tooltip Root Props\n  defaultOpen,\n  open,\n  onOpenChange,\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  // Label Props\n  label,\n  labelProps,\n  children,\n}: TooltipProps<T>) => {\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  return (\n    <RadixTooltip.Provider\n      delayDuration={delayDuration}\n      skipDelayDuration={skipDelayDuration}\n      disableHoverableContent={disableHoverableContent}\n    >\n      <RadixTooltip.Root\n        defaultOpen={defaultOpen}\n        open={open}\n        onOpenChange={onOpenChange}\n      >\n        <RadixTooltip.Trigger asChild={true}>\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            <InvertedAppearance>\n              <Stack\n                as={motion.div}\n                // Add tgph class so that this always works in portals\n                className=\"tgph\"\n                initial={{\n                  opacity: 0.5,\n                  scale: 0.6,\n                  ...deriveAnimationBasedOnSide(side),\n                }}\n                animate={{\n                  opacity: 1,\n                  scale: 1,\n                  x: 0,\n                  y: 0,\n                }}\n                transition={{ duration: 0.2, type: \"spring\", bounce: 0 }}\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              >\n                <RadixTooltip.Arrow fill=\"var(--tgph-gray-1)\" />\n                {typeof label === \"string\" ? (\n                  <Text as=\"span\" size=\"1\">\n                    {label}\n                  </Text>\n                ) : (\n                  label\n                )}\n              </Stack>\n            </InvertedAppearance>\n          </RadixTooltip.Content>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n};\n\nexport { Tooltip };\n"],"names":["Tooltip","delayDuration","skipDelayDuration","disableHoverableContent","defaultOpen","open","onOpenChange","ariaLabel","onEscapeKeyDown","onPointerDownOutside","forceMount","side","sideOffset","align","alignOffset","avoidCollisions","collisionBoundary","collisionPadding","arrowPadding","sticky","hideWhenDetached","label","labelProps","children","deriveAnimationBasedOnSide","jsx","RadixTooltip","jsxs","RefToTgphRef","InvertedAppearance","Stack","motion","Text"],"mappings":"olBAwBMA,EAAU,CAAwB,CAEtC,cAAAC,EAAgB,EAChB,kBAAAC,EACA,wBAAAC,EAEA,YAAAC,EACA,KAAAC,EACA,aAAAC,EAEA,aAAcC,EACd,gBAAAC,EACA,qBAAAC,EACA,WAAAC,EACA,KAAAC,EAAO,SACP,WAAAC,EAAa,EACb,MAAAC,EAAQ,SACR,YAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,OAAAC,EACA,iBAAAC,EAEA,MAAAC,EACA,WAAAC,EACA,SAAAC,CACF,IAAuB,CACf,MAAAC,EAA8Bb,GAAkC,CAEpE,GAAIA,IAAS,MACJ,MAAA,CACL,EAAG,EAAC,EAIR,GAAIA,IAAS,SACJ,MAAA,CACL,EAAG,CAAA,EAIP,GAAIA,IAAS,OACJ,MAAA,CACL,EAAG,EAAC,EAIR,GAAIA,IAAS,QACJ,MAAA,CACL,EAAG,CAAA,CAEP,EAGA,OAAAc,EAAA,IAACC,EAAa,SAAb,CACC,cAAAzB,EACA,kBAAAC,EACA,wBAAAC,EAEA,SAAAwB,EAAA,KAACD,EAAa,KAAb,CACC,YAAAtB,EACA,KAAAC,EACA,aAAAC,EAEA,SAAA,CAACmB,EAAAA,IAAAC,EAAa,QAAb,CAAqB,QAAS,GAC7B,SAACD,EAAAA,IAAAG,EAAA,aAAA,CAAc,SAAAL,EAAS,CAC1B,CAAA,EACAE,EAAAA,IAACC,EAAa,OAAb,CACC,SAAAD,EAAA,IAACC,EAAa,QAAb,CACC,aAAYnB,EACZ,gBAAAC,EACA,qBAAAC,EACA,WAAAC,EACA,KAAAC,EACA,WAAAC,EACA,MAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,OAAAC,EACA,iBAAAC,EACA,MAAO,CACL,OAAQ,4BACV,EAEA,eAACS,qBACC,CAAA,SAAAF,EAAA,KAACG,EAAA,MAAA,CACC,GAAIC,EAAO,OAAA,IAEX,UAAU,OACV,QAAS,CACP,QAAS,GACT,MAAO,GACP,GAAGP,EAA2Bb,CAAI,CACpC,EACA,QAAS,CACP,QAAS,EACT,MAAO,EACP,EAAG,EACH,EAAG,CACL,EACA,WAAY,CAAE,SAAU,GAAK,KAAM,SAAU,OAAQ,CAAE,EACvD,GAAG,SACH,QAAQ,IACR,GAAG,IACH,GAAG,IACH,MAAM,SACN,QAAQ,SACR,MAAO,CACL,gBACE,+CACJ,EACC,GAAIW,EAAa,CAAE,WAAAA,CAAA,EAAe,CAAC,EAEpC,SAAA,CAAAG,EAAAA,IAACC,EAAa,MAAb,CAAmB,KAAK,oBAAqB,CAAA,EAC7C,OAAOL,GAAU,SACfI,MAAAO,EAAAA,KAAA,CAAK,GAAG,OAAO,KAAK,IAClB,SAAAX,CAAA,CACH,EAEAA,CAAA,CAAA,CAAA,EAGN,CAAA,CAAA,EAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"index.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as RadixTooltip from \"@radix-ui/react-tooltip\";\nimport { InvertedAppearance } from \"@telegraph/appearance\";\nimport {\n  RefToTgphRef,\n  type TgphComponentProps,\n  type TgphElement,\n} from \"@telegraph/helpers\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { motion } from \"framer-motion\";\nimport React from \"react\";\n\ntype TooltipBaseProps<T extends TgphElement> = {\n  label: string | React.ReactNode;\n  labelProps?: TgphComponentProps<typeof Stack<T>>;\n  enabled?: boolean;\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 = 0,\n  skipDelayDuration,\n  disableHoverableContent,\n  // Radix Tooltip Root Props\n  defaultOpen,\n  open,\n  onOpenChange,\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  // Label Props\n  label,\n  labelProps,\n  // Telegraph Props\n  enabled = true,\n  children,\n}: TooltipProps<T>) => {\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  if (enabled) {\n    return (\n      <RadixTooltip.Provider\n        delayDuration={delayDuration}\n        skipDelayDuration={skipDelayDuration}\n        disableHoverableContent={disableHoverableContent}\n      >\n        <RadixTooltip.Root\n          defaultOpen={defaultOpen}\n          open={open}\n          onOpenChange={onOpenChange}\n        >\n          <RadixTooltip.Trigger asChild={true}>\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              <InvertedAppearance>\n                <Stack\n                  as={motion.div}\n                  // Add tgph class so that this always works in portals\n                  className=\"tgph\"\n                  initial={{\n                    opacity: 0.5,\n                    scale: 0.6,\n                    ...deriveAnimationBasedOnSide(side),\n                  }}\n                  animate={{\n                    opacity: 1,\n                    scale: 1,\n                    x: 0,\n                    y: 0,\n                  }}\n                  transition={{ duration: 0.2, type: \"spring\", bounce: 0 }}\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                >\n                  {typeof label === \"string\" ? (\n                    <Text as=\"span\" size=\"1\">\n                      {label}\n                    </Text>\n                  ) : (\n                    label\n                  )}\n                </Stack>\n              </InvertedAppearance>\n            </RadixTooltip.Content>\n          </RadixTooltip.Portal>\n        </RadixTooltip.Root>\n      </RadixTooltip.Provider>\n    );\n  }\n\n  return children;\n};\n\nexport { Tooltip };\n"],"names":["Tooltip","delayDuration","skipDelayDuration","disableHoverableContent","defaultOpen","open","onOpenChange","ariaLabel","onEscapeKeyDown","onPointerDownOutside","forceMount","side","sideOffset","align","alignOffset","avoidCollisions","collisionBoundary","collisionPadding","arrowPadding","sticky","hideWhenDetached","label","labelProps","enabled","children","deriveAnimationBasedOnSide","jsx","RadixTooltip","jsxs","RefToTgphRef","InvertedAppearance","Stack","motion","Text"],"mappings":"olBAyBMA,EAAU,CAAwB,CAEtC,cAAAC,EAAgB,EAChB,kBAAAC,EACA,wBAAAC,EAEA,YAAAC,EACA,KAAAC,EACA,aAAAC,EAEA,aAAcC,EACd,gBAAAC,EACA,qBAAAC,EACA,WAAAC,EACA,KAAAC,EAAO,SACP,WAAAC,EAAa,EACb,MAAAC,EAAQ,SACR,YAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,OAAAC,EACA,iBAAAC,EAEA,MAAAC,EACA,WAAAC,EAEA,QAAAC,EAAU,GACV,SAAAC,CACF,IAAuB,CACf,MAAAC,EAA8Bd,GAAkC,CAEpE,GAAIA,IAAS,MACJ,MAAA,CACL,EAAG,EAAC,EAIR,GAAIA,IAAS,SACJ,MAAA,CACL,EAAG,CAAA,EAIP,GAAIA,IAAS,OACJ,MAAA,CACL,EAAG,EAAC,EAIR,GAAIA,IAAS,QACJ,MAAA,CACL,EAAG,CAAA,CAEP,EAGF,OAAIY,EAEAG,EAAA,IAACC,EAAa,SAAb,CACC,cAAA1B,EACA,kBAAAC,EACA,wBAAAC,EAEA,SAAAyB,EAAA,KAACD,EAAa,KAAb,CACC,YAAAvB,EACA,KAAAC,EACA,aAAAC,EAEA,SAAA,CAACoB,EAAAA,IAAAC,EAAa,QAAb,CAAqB,QAAS,GAC7B,SAACD,EAAAA,IAAAG,EAAA,aAAA,CAAc,SAAAL,EAAS,CAC1B,CAAA,EACAE,EAAAA,IAACC,EAAa,OAAb,CACC,SAAAD,EAAA,IAACC,EAAa,QAAb,CACC,aAAYpB,EACZ,gBAAAC,EACA,qBAAAC,EACA,WAAAC,EACA,KAAAC,EACA,WAAAC,EACA,MAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,OAAAC,EACA,iBAAAC,EACA,MAAO,CACL,OAAQ,4BACV,EAEA,eAACU,qBACC,CAAA,SAAAJ,EAAA,IAACK,EAAA,MAAA,CACC,GAAIC,EAAO,OAAA,IAEX,UAAU,OACV,QAAS,CACP,QAAS,GACT,MAAO,GACP,GAAGP,EAA2Bd,CAAI,CACpC,EACA,QAAS,CACP,QAAS,EACT,MAAO,EACP,EAAG,EACH,EAAG,CACL,EACA,WAAY,CAAE,SAAU,GAAK,KAAM,SAAU,OAAQ,CAAE,EACvD,GAAG,SACH,QAAQ,IACR,GAAG,IACH,GAAG,IACH,MAAM,SACN,QAAQ,SACR,MAAO,CACL,gBACE,+CACJ,EACC,GAAIW,EAAa,CAAE,WAAAA,CAAA,EAAe,CAAC,EAEnC,SAAA,OAAOD,GAAU,SACfK,EAAA,IAAAO,EAAA,KAAA,CAAK,GAAG,OAAO,KAAK,IAClB,SAAAZ,CAAA,CACH,EAEAA,CAAA,CAAA,EAGN,CAAA,CAAA,EAEJ,CAAA,CAAA,CACF,CAAA,CAAA,EAKCG,CACT"}

package/dist/esm/index.mjs

@@ -1,38 +1,40 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { jsx as r, jsxs as M } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-tooltip";
-import { InvertedAppearance as M } from "@telegraph/appearance";
-import { RefToTgphRef as _ } from "@telegraph/helpers";
-import { Stack as R } from "@telegraph/layout";
-import { Text as b } from "@telegraph/typography";
-import { motion as j } from "framer-motion";
-const D = ({
+import { InvertedAppearance as _ } from "@telegraph/appearance";
+import { RefToTgphRef as R } from "@telegraph/helpers";
+import { Stack as b } from "@telegraph/layout";
+import { Text as j } from "@telegraph/typography";
+import { motion as z } from "framer-motion";
+const G = ({
   // Radix Tooltip Provider Props
   delayDuration: p = 0,
   skipDelayDuration: c,
-  disableHoverableContent: l,
+  disableHoverableContent: m,
   // Radix Tooltip Root Props
-  defaultOpen: m,
-  open: s,
-  onOpenChange: f,
+  defaultOpen: s,
+  open: f,
+  onOpenChange: l,
   // Radix Tooltip Content Props
   "aria-label": d,
   onEscapeKeyDown: T,
   onPointerDownOutside: g,
-  forceMount: h,
-  side: n = "bottom",
-  sideOffset: y = 4,
-  align: A = "center",
-  alignOffset: I,
-  avoidCollisions: x,
-  collisionBoundary: O,
-  collisionPadding: N,
-  arrowPadding: u,
+  forceMount: I,
+  side: e = "bottom",
+  sideOffset: h = 4,
+  align: u = "center",
+  alignOffset: x,
+  avoidCollisions: y,
+  collisionBoundary: A,
+  collisionPadding: O,
+  arrowPadding: N,
   sticky: F,
-  hideWhenDetached: v,
+  hideWhenDetached: S,
   // Label Props
   label: o,
-  labelProps: e,
-  children: S
+  labelProps: n,
+  // Telegraph Props
+  enabled: v = !0,
+  children: a
 }) => {
   const E = (i) => {
     if (i === "top")
@@ -52,49 +54,49 @@ const D = ({
         x: 5
       };
   };
-  return /* @__PURE__ */ r(
+  return v ? /* @__PURE__ */ r(
     t.Provider,
     {
       delayDuration: p,
       skipDelayDuration: c,
-      disableHoverableContent: l,
-      children: /* @__PURE__ */ a(
+      disableHoverableContent: m,
+      children: /* @__PURE__ */ M(
         t.Root,
         {
-          defaultOpen: m,
-          open: s,
-          onOpenChange: f,
+          defaultOpen: s,
+          open: f,
+          onOpenChange: l,
           children: [
-            /* @__PURE__ */ r(t.Trigger, { asChild: !0, children: /* @__PURE__ */ r(_, { children: S }) }),
+            /* @__PURE__ */ r(t.Trigger, { asChild: !0, children: /* @__PURE__ */ r(R, { children: a }) }),
             /* @__PURE__ */ r(t.Portal, { children: /* @__PURE__ */ r(
               t.Content,
               {
                 "aria-label": d,
                 onEscapeKeyDown: T,
                 onPointerDownOutside: g,
-                forceMount: h,
-                side: n,
-                sideOffset: y,
-                align: A,
-                alignOffset: I,
-                avoidCollisions: x,
-                collisionBoundary: O,
-                collisionPadding: N,
-                arrowPadding: u,
+                forceMount: I,
+                side: e,
+                sideOffset: h,
+                align: u,
+                alignOffset: x,
+                avoidCollisions: y,
+                collisionBoundary: A,
+                collisionPadding: O,
+                arrowPadding: N,
                 sticky: F,
-                hideWhenDetached: v,
+                hideWhenDetached: S,
                 style: {
                   zIndex: "var(--tgph-zIndex-tooltip)"
                 },
-                children: /* @__PURE__ */ r(M, { children: /* @__PURE__ */ a(
-                  R,
+                children: /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(
+                  b,
                   {
-                    as: j.div,
+                    as: z.div,
                     className: "tgph",
                     initial: {
                       opacity: 0.5,
                       scale: 0.6,
-                      ...E(n)
+                      ...E(e)
                     },
                     animate: {
                       opacity: 1,
@@ -112,11 +114,8 @@ const D = ({
                     style: {
                       transformOrigin: "var(--radix-tooltip-content-transform-origin)"
                     },
-                    ...e ? { labelProps: e } : {},
-                    children: [
-                      /* @__PURE__ */ r(t.Arrow, { fill: "var(--tgph-gray-1)" }),
-                      typeof o == "string" ? /* @__PURE__ */ r(b, { as: "span", size: "1", children: o }) : o
-                    ]
+                    ...n ? { labelProps: n } : {},
+                    children: typeof o == "string" ? /* @__PURE__ */ r(j, { as: "span", size: "1", children: o }) : o
                   }
                 ) })
               }
@@ -125,9 +124,9 @@ const D = ({
         }
       )
     }
-  );
+  ) : a;
 };
 export {
-  D as Tooltip
+  G as Tooltip
 };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as RadixTooltip from \"@radix-ui/react-tooltip\";\nimport { InvertedAppearance } from \"@telegraph/appearance\";\nimport {\n  RefToTgphRef,\n  type TgphComponentProps,\n  type TgphElement,\n} from \"@telegraph/helpers\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { motion } from \"framer-motion\";\nimport React from \"react\";\n\ntype TooltipBaseProps<T extends TgphElement> = {\n  label: string | React.ReactNode;\n  labelProps?: TgphComponentProps<typeof Stack<T>>;\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 = 0,\n  skipDelayDuration,\n  disableHoverableContent,\n  // Radix Tooltip Root Props\n  defaultOpen,\n  open,\n  onOpenChange,\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  // Label Props\n  label,\n  labelProps,\n  children,\n}: TooltipProps<T>) => {\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  return (\n    <RadixTooltip.Provider\n      delayDuration={delayDuration}\n      skipDelayDuration={skipDelayDuration}\n      disableHoverableContent={disableHoverableContent}\n    >\n      <RadixTooltip.Root\n        defaultOpen={defaultOpen}\n        open={open}\n        onOpenChange={onOpenChange}\n      >\n        <RadixTooltip.Trigger asChild={true}>\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            <InvertedAppearance>\n              <Stack\n                as={motion.div}\n                // Add tgph class so that this always works in portals\n                className=\"tgph\"\n                initial={{\n                  opacity: 0.5,\n                  scale: 0.6,\n                  ...deriveAnimationBasedOnSide(side),\n                }}\n                animate={{\n                  opacity: 1,\n                  scale: 1,\n                  x: 0,\n                  y: 0,\n                }}\n                transition={{ duration: 0.2, type: \"spring\", bounce: 0 }}\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              >\n                <RadixTooltip.Arrow fill=\"var(--tgph-gray-1)\" />\n                {typeof label === \"string\" ? (\n                  <Text as=\"span\" size=\"1\">\n                    {label}\n                  </Text>\n                ) : (\n                  label\n                )}\n              </Stack>\n            </InvertedAppearance>\n          </RadixTooltip.Content>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n};\n\nexport { Tooltip };\n"],"names":["Tooltip","delayDuration","skipDelayDuration","disableHoverableContent","defaultOpen","open","onOpenChange","ariaLabel","onEscapeKeyDown","onPointerDownOutside","forceMount","side","sideOffset","align","alignOffset","avoidCollisions","collisionBoundary","collisionPadding","arrowPadding","sticky","hideWhenDetached","label","labelProps","children","deriveAnimationBasedOnSide","jsx","RadixTooltip","jsxs","RefToTgphRef","InvertedAppearance","Stack","motion","Text"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as RadixTooltip from \"@radix-ui/react-tooltip\";\nimport { InvertedAppearance } from \"@telegraph/appearance\";\nimport {\n  RefToTgphRef,\n  type TgphComponentProps,\n  type TgphElement,\n} from \"@telegraph/helpers\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { motion } from \"framer-motion\";\nimport React from \"react\";\n\ntype TooltipBaseProps<T extends TgphElement> = {\n  label: string | React.ReactNode;\n  labelProps?: TgphComponentProps<typeof Stack<T>>;\n  enabled?: boolean;\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 = 0,\n  skipDelayDuration,\n  disableHoverableContent,\n  // Radix Tooltip Root Props\n  defaultOpen,\n  open,\n  onOpenChange,\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  // Label Props\n  label,\n  labelProps,\n  // Telegraph Props\n  enabled = true,\n  children,\n}: TooltipProps<T>) => {\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  if (enabled) {\n    return (\n      <RadixTooltip.Provider\n        delayDuration={delayDuration}\n        skipDelayDuration={skipDelayDuration}\n        disableHoverableContent={disableHoverableContent}\n      >\n        <RadixTooltip.Root\n          defaultOpen={defaultOpen}\n          open={open}\n          onOpenChange={onOpenChange}\n        >\n          <RadixTooltip.Trigger asChild={true}>\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              <InvertedAppearance>\n                <Stack\n                  as={motion.div}\n                  // Add tgph class so that this always works in portals\n                  className=\"tgph\"\n                  initial={{\n                    opacity: 0.5,\n                    scale: 0.6,\n                    ...deriveAnimationBasedOnSide(side),\n                  }}\n                  animate={{\n                    opacity: 1,\n                    scale: 1,\n                    x: 0,\n                    y: 0,\n                  }}\n                  transition={{ duration: 0.2, type: \"spring\", bounce: 0 }}\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                >\n                  {typeof label === \"string\" ? (\n                    <Text as=\"span\" size=\"1\">\n                      {label}\n                    </Text>\n                  ) : (\n                    label\n                  )}\n                </Stack>\n              </InvertedAppearance>\n            </RadixTooltip.Content>\n          </RadixTooltip.Portal>\n        </RadixTooltip.Root>\n      </RadixTooltip.Provider>\n    );\n  }\n\n  return children;\n};\n\nexport { Tooltip };\n"],"names":["Tooltip","delayDuration","skipDelayDuration","disableHoverableContent","defaultOpen","open","onOpenChange","ariaLabel","onEscapeKeyDown","onPointerDownOutside","forceMount","side","sideOffset","align","alignOffset","avoidCollisions","collisionBoundary","collisionPadding","arrowPadding","sticky","hideWhenDetached","label","labelProps","enabled","children","deriveAnimationBasedOnSide","jsx","RadixTooltip","jsxs","RefToTgphRef","InvertedAppearance","Stack","motion","Text"],"mappings":"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"}

package/dist/types/Tooltip/Tooltip.d.ts

@@ -5,8 +5,9 @@ import * as RadixTooltip from "@radix-ui/react-tooltip";
 type TooltipBaseProps<T extends TgphElement> = {
     label: string | React.ReactNode;
     labelProps?: TgphComponentProps<typeof Stack<T>>;
+    enabled?: boolean;
 };
 type TooltipProps<T extends TgphElement> = React.ComponentPropsWithoutRef<typeof RadixTooltip.Root> & React.ComponentPropsWithoutRef<typeof RadixTooltip.Provider> & React.ComponentPropsWithoutRef<typeof RadixTooltip.Content> & TooltipBaseProps<T>;
-declare const Tooltip: <T extends TgphElement>({ delayDuration, skipDelayDuration, disableHoverableContent, defaultOpen, open, onOpenChange, "aria-label": ariaLabel, onEscapeKeyDown, onPointerDownOutside, forceMount, side, sideOffset, align, alignOffset, avoidCollisions, collisionBoundary, collisionPadding, arrowPadding, sticky, hideWhenDetached, label, labelProps, children, }: TooltipProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Tooltip: <T extends TgphElement>({ delayDuration, skipDelayDuration, disableHoverableContent, defaultOpen, open, onOpenChange, "aria-label": ariaLabel, onEscapeKeyDown, onPointerDownOutside, forceMount, side, sideOffset, align, alignOffset, avoidCollisions, collisionBoundary, collisionPadding, arrowPadding, sticky, hideWhenDetached, label, labelProps, enabled, children, }: TooltipProps<T>) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export { Tooltip };
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/types/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI;IAC7C,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;CAClD,CAAC;AAEF,KAAK,YAAY,CAAC,CAAC,SAAS,WAAW,IAAI,KAAK,CAAC,wBAAwB,CACvE,OAAO,YAAY,CAAC,IAAI,CACzB,GACC,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,QAAQ,CAAC,GAC5D,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,GAC3D,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAEtB,QAAA,MAAM,OAAO,wWA4BV,aAAa,CAAC,CAAC,4CAyGjB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI;IAC7C,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,YAAY,CAAC,CAAC,SAAS,WAAW,IAAI,KAAK,CAAC,wBAAwB,CACvE,OAAO,YAAY,CAAC,IAAI,CACzB,GACC,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,QAAQ,CAAC,GAC5D,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,GAC3D,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAEtB,QAAA,MAAM,OAAO,iXA8BV,aAAa,CAAC,CAAC,uHA6GjB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/tooltip",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "A simple tooltip component ",
   "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/tooltip",
   "author": "@knocklabs",
@@ -39,8 +39,8 @@
     "@radix-ui/react-tooltip": "^1.0.7",
     "@telegraph/appearance": "^0.0.1",
     "@telegraph/helpers": "^0.0.3",
-    "@telegraph/layout": "^0.0.15",
-    "@telegraph/typography": "^0.0.14",
+    "@telegraph/layout": "^0.0.16",
+    "@telegraph/typography": "^0.0.15",
     "framer-motion": "^11.1.9"
   },
   "devDependencies": {