@radix-ui/react-tooltip 0.1.1-rc.6 → 0.1.1

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 import * as Radix from "@radix-ui/react-primitive";
 import { Primitive } from "@radix-ui/react-primitive";
 import * as PopperPrimitive from "@radix-ui/react-popper";
+export const createTooltipScope: import("@radix-ui/react-context").CreateScope;
 export interface TooltipProps {
     open?: boolean;
     defaultOpen?: boolean;
@@ -16,6 +17,7 @@ export interface TooltipProps {
      * (default: 300)
      */
     skipDelayDuration?: number;
+    children?: React.ReactNode;
 }
 export const Tooltip: React.FC<TooltipProps>;
 type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;A;A;AE+CA;IACE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;A;A;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;A;A;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,OAAA,MAAM,SAAS,MAAM,EAAE,CAAC,YAAY,CA0FnC,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,oCAA8B,SAAQ,oBAAoB;CAAG;AAE7D,OAAA,MAAM,6GA0BL,CAAC;AAWF,oCAA8B,SAAQ,uBAAuB;IAC3D;A;A;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,0GAUL,CAAC;AAGF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,OAAO,CAAC,CAAC;AACzF,iCAAkC,SAAQ,kBAAkB;IAC1D;A;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;A;A;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA2CD,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,KAAK,CAAC,CAAC;AACrF,kCAA4B,SAAQ,gBAAgB;CAAG;AAEvD,OAAA,MAAM,qGAEL,CAAC;AA8BF,OAAA,MAAM,4BAAc,CAAC;AACrB,OAAA,MAAM,sGAAwB,CAAC;AAC/B,OAAA,MAAM,mGAAwB,CAAC;AAC/B,OAAA,MAAM,8FAAoB,CAAC","sources":["./packages/react/tooltip/src/packages/react/tooltip/src/createStateMachine.tsx","./packages/react/tooltip/src/packages/react/tooltip/src/tooltipStateChart.tsx","./packages/react/tooltip/src/packages/react/tooltip/src/Tooltip.tsx","./packages/react/tooltip/src/packages/react/tooltip/src/index.ts"],"sourcesContent":[null,null,null,null],"names":[],"version":3,"file":"index.d.ts.map"}
+{"mappings":"A;A;A;A;AEqCA,OAAA,yFAEE,CAAC;AAiBH;IACE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;A;A;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;A;A;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;CAC5B;AAED,OAAA,MAAM,SAAS,MAAM,EAAE,CAAC,YAAY,CA6FnC,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,oCAA8B,SAAQ,oBAAoB;CAAG;AAE7D,OAAA,MAAM,6GA4BL,CAAC;AAWF,oCAA8B,SAAQ,uBAAuB;IAC3D;A;A;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,0GAUL,CAAC;AAGF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,OAAO,CAAC,CAAC;AACzF,iCAAkC,SAAQ,kBAAkB;IAC1D;A;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;A;A;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAmDD,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,KAAK,CAAC,CAAC;AACrF,kCAA4B,SAAQ,gBAAgB;CAAG;AAEvD,OAAA,MAAM,qGAML,CAAC;AA+BF,OAAA,MAAM,4BAAc,CAAC;AACrB,OAAA,MAAM,sGAAwB,CAAC;AAC/B,OAAA,MAAM,mGAAwB,CAAC;AAC/B,OAAA,MAAM,8FAAoB,CAAC","sources":["./packages/react/tooltip/src/packages/react/tooltip/src/createStateMachine.tsx","./packages/react/tooltip/src/packages/react/tooltip/src/tooltipStateChart.tsx","./packages/react/tooltip/src/packages/react/tooltip/src/Tooltip.tsx","./packages/react/tooltip/src/packages/react/tooltip/src/index.ts"],"sourcesContent":[null,null,null,null],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js

@@ -1,2 +1,2 @@
-var e,t=require("@radix-ui/react-id").useId,o=m({},require("@radix-ui/react-visually-hidden")),n=require("@radix-ui/react-slot").Slottable,r=require("@radix-ui/react-portal").Portal,i=m({},require("@radix-ui/react-popper")),a=require("@radix-ui/react-primitive").Primitive,s=require("@radix-ui/react-presence").Presence,l=require("@radix-ui/react-use-rect").useRect,u=require("@radix-ui/react-use-previous").usePrevious,c=require("@radix-ui/react-use-layout-effect").useLayoutEffect,d=require("@radix-ui/react-use-escape-keydown").useEscapeKeydown,p=require("@radix-ui/react-use-controllable-state").useControllableState,f=require("@radix-ui/react-context").createContext,g=require("@radix-ui/react-compose-refs").useComposedRefs,E=require("@radix-ui/primitive").composeEventHandlers,y=m({},require("react")),x=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function m(e,t){return Object.keys(t).forEach((function(o){"default"!==o&&"__esModule"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[o]}})})),e}function v(e){return{type:"machine.actions.assign",assign:e}}let C,b;const T=v(((e,t)=>{var o;return{...e,id:null!==(o=t.id)&&void 0!==o?o:e.id}})),D=function(e,{debug:t=!1,warnOnUnknownTransitions:o=!1}={}){let n=e.initial,r=e.context;const i=[],a=s=>{var l,u;const c=e.states[n],d=s.type,p=null===(l=e.on)||void 0===l?void 0:l[d],f=null===(u=c.on)||void 0===u?void 0:u[d],g=null!=p?p:f;if(void 0===g)o&&console.warn(`From state: "${n}", event "${d}" has no transition to any state`);else{const{target:o,actions:l=[],cond:u=(()=>!0)}=g,d=o?e.states[o]:{};if(u(r,s)){const e=(c.exit||[]).concat(l,d.entry||[]);r=function(e,t,o){let n=o;return null==e||e.forEach((e=>{"function"==typeof e?e(n,t,a):"machine.actions.assign"===e.type&&(n=e.assign(n,t))})),n}(e,s,r),o&&(n=o,t&&(console.group("event:",s),console.log("state:",n),console.log("context:",r),console.groupEnd()),i.forEach((e=>e({state:n,context:r}))))}}};return{subscribe:function(e){return i.push(e),()=>{i.splice(i.indexOf(e),1)}},send:a,getContext:function(){return r}}}({initial:"closed",context:{id:null,delayed:!1},on:{FOCUS:{target:"open"}},states:{closed:{entry:[v((e=>({...e,id:null})))],on:{OPEN:{target:"opening"}}},opening:{entry:[(e,t,o)=>{const n=t.delayDuration,r=()=>o({type:"DELAY_TIMER_END"});void 0===n?r():C=window.setTimeout(r,n)},T,v((e=>({...e,delayed:!0})))],exit:[()=>clearTimeout(C)],on:{DELAY_TIMER_END:{target:"open"},CLOSE:{target:"closed"}}},open:{entry:[T],exit:[v((e=>({...e,delayed:!1})))],on:{OPEN:{target:"open"},CLOSE:{target:"closing",cond:(e,t)=>e.id===t.id}}},closing:{entry:[(e,t,o)=>{var n;const r=null!==(n=t.skipDelayDuration)&&void 0!==n?n:300;b=window.setTimeout((()=>o({type:"SKIP_DELAY_TIMER_END"})),r)}],exit:[()=>clearTimeout(b)],on:{OPEN:{target:"open"},SKIP_DELAY_TIMER_END:{target:"closed"}}}}}),[w,h]=f("Tooltip"),O=e=>{const{children:o,open:n,defaultOpen:r=!1,onOpenChange:a,delayDuration:s=700,skipDelayDuration:l=300}=e,[u,d]=y.useState(null),f=t(),[g=!1,E]=p({prop:n,defaultProp:r,onChange:a}),[x,m]=y.useState(n?"instant-open":"closed");y.useEffect((()=>D.subscribe((({state:e,context:t})=>{"open"===e&&t.id===f?E(!0):E(!1)}))),[f,E]),y.useEffect((()=>D.subscribe((({state:e,context:t})=>{t.id===f?m("open"===e?t.delayed?"delayed-open":"instant-open":"closed"):m("closed")}))),[f]);const v=y.useCallback((()=>D.send({type:"FOCUS",id:f})),[f]),C=y.useCallback((()=>D.send({type:"OPEN",id:f,delayDuration:s})),[f,s]),b=y.useCallback((()=>D.send({type:"CLOSE",id:f,skipDelayDuration:l})),[l,f]);return y.useEffect((()=>()=>b()),[b]),c((()=>{!0===n&&D.send({type:"OPEN",id:f})}),[f,n]),/*#__PURE__*/y.createElement(i.Root,null,/*#__PURE__*/y.createElement(w,{contentId:f,open:g,stateAttribute:x,trigger:u,onTriggerChange:d,onFocus:v,onOpen:C,onClose:b},o))};exports.Tooltip=O;const q=/*#__PURE__*/y.forwardRef(((e,t)=>{const o=h("TooltipTrigger"),n=g(t,o.onTriggerChange);/*#__PURE__*/return y.createElement(i.Anchor,{asChild:!0},/*#__PURE__*/y.createElement(a.button,x({type:"button","aria-describedby":o.open?o.contentId:void 0,"data-state":o.stateAttribute},e,{ref:n,onMouseEnter:E(e.onMouseEnter,o.onOpen),onMouseLeave:E(e.onMouseLeave,o.onClose),onMouseDown:E(e.onMouseDown,o.onClose),onFocus:E(e.onFocus,o.onFocus),onBlur:E(e.onBlur,o.onClose),onKeyDown:E(e.onKeyDown,(e=>{"Enter"!==e.key&&" "!==e.key||o.onClose()}))})))}));exports.TooltipTrigger=q;const M=/*#__PURE__*/y.forwardRef(((e,t)=>{const{forceMount:o,...n}=e,r=h("TooltipContent");/*#__PURE__*/return y.createElement(s,{present:o||r.open},/*#__PURE__*/y.createElement(_,x({ref:t},n)))}));exports.TooltipContent=M;const _=/*#__PURE__*/y.forwardRef(((e,t)=>{const{children:a,"aria-label":s,portalled:l=!0,...u}=e,c=h("TooltipContent"),p=l?r:y.Fragment;return d((()=>c.onClose())),/*#__PURE__*/y.createElement(p,null,/*#__PURE__*/y.createElement(R,null),/*#__PURE__*/y.createElement(i.Content,x({"data-state":c.stateAttribute},u,{ref:t,style:{...u.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/y.createElement(n,null,a),/*#__PURE__*/y.createElement(o.Root,{id:c.contentId,role:"tooltip"},s||a)))})),P=/*#__PURE__*/y.forwardRef(((e,t)=>/*#__PURE__*/y.createElement(i.Arrow,x({},e,{ref:t}))));/*#__PURE__*/function R(){const e=h("CheckTriggerMoved"),t=l(e.trigger),o=null==t?void 0:t.left,n=u(o),r=null==t?void 0:t.top,i=u(r),a=e.onClose;return y.useEffect((()=>{(void 0!==n&&n!==o||void 0!==i&&i!==r)&&a()}),[a,n,i,o,r]),null}exports.TooltipArrow=P;const k=O;exports.Root=k;const A=q;exports.Trigger=A;const S=M;exports.Content=S;const I=P;exports.Arrow=I;
+var e,t=require("@radix-ui/react-id").useId,o=v({},require("@radix-ui/react-visually-hidden")),n=require("@radix-ui/react-slot").Slottable,r=require("@radix-ui/react-portal").Portal,i=require("@radix-ui/react-popper"),s=v({},i),a=i.createPopperScope,c=require("@radix-ui/react-primitive").Primitive,l=require("@radix-ui/react-presence").Presence,u=require("@radix-ui/react-use-rect").useRect,d=require("@radix-ui/react-use-previous").usePrevious,p=require("@radix-ui/react-use-layout-effect").useLayoutEffect,f=require("@radix-ui/react-use-escape-keydown").useEscapeKeydown,g=require("@radix-ui/react-use-controllable-state").useControllableState,E=require("@radix-ui/react-context").createContextScope,y=require("@radix-ui/react-compose-refs").useComposedRefs,x=require("@radix-ui/primitive").composeEventHandlers,T=v({},require("react")),m=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function v(e,t){return Object.keys(t).forEach((function(o){"default"!==o&&"__esModule"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[o]}})})),e}function C(e){return{type:"machine.actions.assign",assign:e}}let _,b;const D=C(((e,t)=>{var o;return{...e,id:null!==(o=t.id)&&void 0!==o?o:e.id}})),w=function(e,{debug:t=!1,warnOnUnknownTransitions:o=!1}={}){let n=e.initial,r=e.context;const i=[],s=a=>{var c,l;const u=e.states[n],d=a.type,p=null===(c=e.on)||void 0===c?void 0:c[d],f=null===(l=u.on)||void 0===l?void 0:l[d],g=null!=p?p:f;if(void 0===g)o&&console.warn(`From state: "${n}", event "${d}" has no transition to any state`);else{const{target:o,actions:c=[],cond:l=(()=>!0)}=g,d=o?e.states[o]:{};if(l(r,a)){const e=(u.exit||[]).concat(c,d.entry||[]);r=function(e,t,o){let n=o;return null==e||e.forEach((e=>{"function"==typeof e?e(n,t,s):"machine.actions.assign"===e.type&&(n=e.assign(n,t))})),n}(e,a,r),o&&(n=o,t&&(console.group("event:",a),console.log("state:",n),console.log("context:",r),console.groupEnd()),i.forEach((e=>e({state:n,context:r}))))}}};return{subscribe:function(e){return i.push(e),()=>{i.splice(i.indexOf(e),1)}},send:s,getContext:function(){return r}}}({initial:"closed",context:{id:null,delayed:!1},on:{FOCUS:{target:"open"}},states:{closed:{entry:[C((e=>({...e,id:null})))],on:{OPEN:{target:"opening"}}},opening:{entry:[(e,t,o)=>{const n=t.delayDuration,r=()=>o({type:"DELAY_TIMER_END"});void 0===n?r():_=window.setTimeout(r,n)},D,C((e=>({...e,delayed:!0})))],exit:[()=>clearTimeout(_)],on:{DELAY_TIMER_END:{target:"open"},CLOSE:{target:"closed"}}},open:{entry:[D],exit:[C((e=>({...e,delayed:!1})))],on:{OPEN:{target:"open"},CLOSE:{target:"closing",cond:(e,t)=>e.id===t.id}}},closing:{entry:[(e,t,o)=>{var n;const r=null!==(n=t.skipDelayDuration)&&void 0!==n?n:300;b=window.setTimeout((()=>o({type:"SKIP_DELAY_TIMER_END"})),r)}],exit:[()=>clearTimeout(b)],on:{OPEN:{target:"open"},SKIP_DELAY_TIMER_END:{target:"closed"}}}}}),[h,O]=E("Tooltip",[a]);exports.createTooltipScope=O;const q=a(),[M,P]=h("Tooltip"),S=e=>{const{__scopeTooltip:o,children:n,open:r,defaultOpen:i=!1,onOpenChange:a,delayDuration:c=700,skipDelayDuration:l=300}=e,u=q(o),[d,f]=T.useState(null),E=t(),[y=!1,x]=g({prop:r,defaultProp:i,onChange:a}),[m,v]=T.useState(r?"instant-open":"closed");T.useEffect((()=>w.subscribe((({state:e,context:t})=>{"open"===e&&t.id===E?x(!0):x(!1)}))),[E,x]),T.useEffect((()=>w.subscribe((({state:e,context:t})=>{t.id===E?v("open"===e?t.delayed?"delayed-open":"instant-open":"closed"):v("closed")}))),[E]);const C=T.useCallback((()=>w.send({type:"FOCUS",id:E})),[E]),_=T.useCallback((()=>w.send({type:"OPEN",id:E,delayDuration:c})),[E,c]),b=T.useCallback((()=>w.send({type:"CLOSE",id:E,skipDelayDuration:l})),[l,E]);return T.useEffect((()=>()=>b()),[b]),p((()=>{!0===r&&w.send({type:"OPEN",id:E})}),[E,r]),/*#__PURE__*/T.createElement(s.Root,u,/*#__PURE__*/T.createElement(M,{scope:o,contentId:E,open:y,stateAttribute:m,trigger:d,onTriggerChange:f,onFocus:C,onOpen:_,onClose:b},n))};exports.Tooltip=S;const R=/*#__PURE__*/T.forwardRef(((e,t)=>{const{__scopeTooltip:o,...n}=e,r=P("TooltipTrigger",o),i=q(o),a=y(t,r.onTriggerChange);/*#__PURE__*/return T.createElement(s.Anchor,m({asChild:!0},i),/*#__PURE__*/T.createElement(c.button,m({type:"button","aria-describedby":r.open?r.contentId:void 0,"data-state":r.stateAttribute},n,{ref:a,onMouseEnter:x(e.onMouseEnter,r.onOpen),onMouseLeave:x(e.onMouseLeave,r.onClose),onMouseDown:x(e.onMouseDown,r.onClose),onFocus:x(e.onFocus,r.onFocus),onBlur:x(e.onBlur,r.onClose),onKeyDown:x(e.onKeyDown,(e=>{"Enter"!==e.key&&" "!==e.key||r.onClose()}))})))}));exports.TooltipTrigger=R;const k=/*#__PURE__*/T.forwardRef(((e,t)=>{const{forceMount:o,...n}=e,r=P("TooltipContent",e.__scopeTooltip);/*#__PURE__*/return T.createElement(l,{present:o||r.open},/*#__PURE__*/T.createElement(A,m({ref:t},n)))}));exports.TooltipContent=k;const A=/*#__PURE__*/T.forwardRef(((e,t)=>{const{__scopeTooltip:i,children:a,"aria-label":c,portalled:l=!0,...u}=e,d=P("TooltipContent",i),p=q(i),g=l?r:T.Fragment;return f((()=>d.onClose())),/*#__PURE__*/T.createElement(g,null,/*#__PURE__*/T.createElement(L,{__scopeTooltip:i}),/*#__PURE__*/T.createElement(s.Content,m({"data-state":d.stateAttribute},p,u,{ref:t,style:{...u.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/T.createElement(n,null,a),/*#__PURE__*/T.createElement(o.Root,{id:d.contentId,role:"tooltip"},c||a)))})),I=/*#__PURE__*/T.forwardRef(((e,t)=>{const{__scopeTooltip:o,...n}=e,r=q(o);/*#__PURE__*/return T.createElement(s.Arrow,m({},r,n,{ref:t}))}));/*#__PURE__*/function L(e){const{__scopeTooltip:t}=e,o=P("CheckTriggerMoved",t),n=u(o.trigger),r=null==n?void 0:n.left,i=d(r),s=null==n?void 0:n.top,a=d(s),c=o.onClose;return T.useEffect((()=>{(void 0!==i&&i!==r||void 0!==a&&a!==s)&&c()}),[c,i,a,r,s]),null}exports.TooltipArrow=I;const N=S;exports.Root=N;const F=R;exports.Trigger=F;const K=k;exports.Content=K;const Y=I;exports.Arrow=Y;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/tooltip/src/createStateMachine.tsx","./packages/react/tooltip/src/tooltipStateChart.tsx","./packages/react/tooltip/src/Tooltip.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n  Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","const ASSIGN_ACTION_TYPE = 'machine.actions.assign' as const;\n\nconst isProduction = process.env.NODE_ENV === 'production';\n\ntype StateChart<State extends string, Context, Event extends { type: string }> = {\n  initial: State;\n  context: Context;\n  on?: {\n    [eventType in Event['type']]?: Transition<State, Context, Event>;\n  };\n  states: {\n    [stateValue in State]: {\n      on?: {\n        [eventType in Event['type']]?: Transition<State, Context, Event>;\n      };\n      entry?: Array<Action<Context, Event>>;\n      exit?: Array<Action<Context, Event>>;\n    };\n  };\n};\n\ntype Transition<State extends string, Context, Event> = {\n  target?: State;\n  actions?: Array<Action<Context, Event>>;\n  cond?: (context: Context, Event: Event) => boolean;\n};\n\ntype Action<Context, Event> = ActionFunction<Context, Event> | AssignAction<Context, Event>;\n\ntype ActionFunction<Context, Event> = (\n  context: Context,\n  event: Event,\n  send: (event: Event) => void\n) => void;\n\nfunction createStateMachine<State extends string, Context, Event extends { type: string }>(\n  stateChart: StateChart<State, Context, Event>,\n  { debug = false, warnOnUnknownTransitions = !isProduction } = {}\n) {\n  let currentState = stateChart.initial;\n  let currentContext = stateChart.context;\n\n  type CallbackFn = (args: { state: State; context: Context }) => void;\n  const subscriptions: Array<CallbackFn> = [];\n\n  function subscribe(callback: CallbackFn) {\n    subscriptions.push(callback);\n    return () => {\n      subscriptions.splice(subscriptions.indexOf(callback), 1);\n    };\n  }\n\n  function notify() {\n    subscriptions.forEach((callback) => callback({ state: currentState, context: currentContext }));\n  }\n\n  const send = (event: Event) => {\n    const stateDefinition = stateChart.states[currentState];\n    const type: Event['type'] | undefined = event.type;\n    const topLevelTransition: Transition<State, Context, Event> | undefined = stateChart.on?.[type];\n    const stateTransition: Transition<State, Context, Event> | undefined =\n      stateDefinition.on?.[type];\n    const transition = topLevelTransition ?? stateTransition;\n\n    if (transition === undefined) {\n      if (warnOnUnknownTransitions) {\n        console.warn(\n          `From state: \"${currentState}\", event \"${type}\" has no transition to any state`\n        );\n      }\n    } else {\n      const { target: nextState, actions = [], cond = () => true } = transition;\n      const nextStateDefinition = nextState ? stateChart.states[nextState] : {};\n\n      if (cond(currentContext, event)) {\n        // execute actions\n        const allActions = (stateDefinition.exit || []).concat(\n          actions,\n          nextStateDefinition.entry || []\n        );\n        currentContext = executeActions(allActions, event, currentContext);\n\n        if (nextState) {\n          currentState = nextState;\n\n          if (debug) {\n            console.group('event:', event);\n            console.log('state:', currentState);\n            console.log('context:', currentContext);\n            console.groupEnd();\n          }\n\n          notify();\n        }\n      }\n    }\n  };\n\n  function getContext() {\n    return currentContext;\n  }\n\n  function executeActions(\n    actions: Array<Action<Context, Event>>,\n    event: Event,\n    context: Context\n  ): Context {\n    let nextContext = context;\n    actions?.forEach((action) => {\n      if (typeof action === 'function') {\n        action(nextContext, event, send);\n      } else if (action.type === ASSIGN_ACTION_TYPE) {\n        nextContext = action.assign(nextContext, event);\n      }\n    });\n    return nextContext;\n  }\n\n  return { subscribe, send, getContext };\n}\n\ntype AssignAction<Context, Event> = {\n  type: typeof ASSIGN_ACTION_TYPE;\n  assign(context: Context, event: Event): Context;\n};\n\nfunction assign<Context, Event>(\n  assignFn: AssignAction<Context, Event>['assign']\n): AssignAction<Context, Event> {\n  return { type: ASSIGN_ACTION_TYPE, assign: assignFn };\n}\n\nexport { createStateMachine, assign };\nexport type { StateChart, Action };\n","import { assign } from './createStateMachine';\n\nimport type { StateChart, Action } from './createStateMachine';\n\ntype TooltipState = 'closed' | 'opening' | 'open' | 'closing';\n\ntype TooltipEvent =\n  | { type: 'OPEN'; id: string; delayDuration?: number }\n  | { type: 'CLOSE'; id: string; skipDelayDuration: number }\n  | { type: 'FOCUS'; id: string }\n  | { type: 'DELAY_TIMER_END' }\n  | { type: 'SKIP_DELAY_TIMER_END' };\n\ntype TooltipContext = { id: string | null; delayed: boolean };\n\ntype TooltipStateChart = StateChart<TooltipState, TooltipContext, TooltipEvent>;\ntype TooltipAction = Action<TooltipContext, TooltipEvent>;\n\n// actions\nlet delayTimerId: number;\nlet skipDelayTimerId: number;\n\nconst startDelayTimer: TooltipAction = (context, event, send) => {\n  const delayDuration: number | undefined = (event as any).delayDuration;\n  const sendTimerEnd = () => send({ type: 'DELAY_TIMER_END' });\n  if (delayDuration === undefined) {\n    sendTimerEnd();\n  } else {\n    delayTimerId = window.setTimeout(sendTimerEnd, delayDuration);\n  }\n};\n\nconst cancelDelayTimer: TooltipAction = () => clearTimeout(delayTimerId);\n\nconst startSkipDelayTimer: TooltipAction = (context, event, send) => {\n  const skipDelayDuration: number = (event as any).skipDelayDuration ?? 300;\n  skipDelayTimerId = window.setTimeout(\n    () => send({ type: 'SKIP_DELAY_TIMER_END' }),\n    skipDelayDuration\n  );\n};\n\nconst cancelSkipDelayTimer: TooltipAction = () => clearTimeout(skipDelayTimerId);\n\nconst setId: TooltipAction = assign((context, event) => ({\n  ...context,\n  id: (event as any).id ?? context.id,\n}));\nconst resetId: TooltipAction = assign((context) => ({ ...context, id: null }));\nconst setDelayed: TooltipAction = assign((context) => ({ ...context, delayed: true }));\nconst resetDelayed: TooltipAction = assign((context) => ({ ...context, delayed: false }));\n\nconst tooltipStateChart: TooltipStateChart = {\n  initial: 'closed',\n  context: { id: null, delayed: false },\n  on: {\n    FOCUS: { target: 'open' },\n  },\n  states: {\n    closed: {\n      entry: [resetId],\n      on: {\n        OPEN: { target: 'opening' },\n      },\n    },\n\n    opening: {\n      entry: [startDelayTimer, setId, setDelayed],\n      exit: [cancelDelayTimer],\n      on: {\n        DELAY_TIMER_END: { target: 'open' },\n        CLOSE: { target: 'closed' },\n      },\n    },\n\n    open: {\n      entry: [setId],\n      exit: [resetDelayed],\n      on: {\n        OPEN: { target: 'open' },\n        CLOSE: {\n          target: 'closing',\n          cond: (context, event) => context.id === (event as any).id,\n        },\n      },\n    },\n\n    closing: {\n      entry: [startSkipDelayTimer],\n      exit: [cancelSkipDelayTimer],\n      on: {\n        OPEN: { target: 'open' },\n        SKIP_DELAY_TIMER_END: { target: 'closed' },\n      },\n    },\n  },\n};\n\nexport { tooltipStateChart };\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContext } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { usePrevious } from '@radix-ui/react-use-previous';\nimport { useRect } from '@radix-ui/react-use-rect';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Slottable } from '@radix-ui/react-slot';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\nimport { useId } from '@radix-ui/react-id';\nimport { createStateMachine } from './createStateMachine';\nimport { tooltipStateChart } from './tooltipStateChart';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * State machine\n * -----------------------------------------------------------------------------------------------*/\n\ntype StateAttribute = 'closed' | 'delayed-open' | 'instant-open';\nconst stateMachine = createStateMachine(tooltipStateChart);\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLTIP_NAME = 'Tooltip';\n\ntype TooltipContextValue = {\n  contentId: string;\n  open: boolean;\n  stateAttribute: StateAttribute;\n  trigger: TooltipTriggerElement | null;\n  onTriggerChange(trigger: TooltipTriggerElement | null): void;\n  onFocus(): void;\n  onOpen(): void;\n  onClose(): void;\n};\n\nconst [TooltipProvider, useTooltipContext] = createContext<TooltipContextValue>(TOOLTIP_NAME);\n\ninterface TooltipProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * The duration from when the mouse enters the trigger until the tooltip gets opened.\n   * (default: 700)\n   */\n  delayDuration?: number;\n\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * (default: 300)\n   */\n  skipDelayDuration?: number;\n}\n\nconst Tooltip: React.FC<TooltipProps> = (props) => {\n  const {\n    children,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    delayDuration = 700,\n    skipDelayDuration = 300,\n  } = props;\n  const [trigger, setTrigger] = React.useState<HTMLButtonElement | null>(null);\n  const contentId = useId();\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n  const [stateAttribute, setStateAttribute] = React.useState<StateAttribute>(\n    openProp ? 'instant-open' : 'closed'\n  );\n\n  // control open state using state machine subscription\n  React.useEffect(() => {\n    const unsubscribe = stateMachine.subscribe(({ state, context }) => {\n      if (state === 'open' && context.id === contentId) {\n        setOpen(true);\n      } else {\n        setOpen(false);\n      }\n    });\n\n    return unsubscribe;\n  }, [contentId, setOpen]);\n\n  // sync state attribute with using state machine subscription\n  React.useEffect(() => {\n    const unsubscribe = stateMachine.subscribe(({ state, context }) => {\n      if (context.id === contentId) {\n        if (state === 'open') {\n          setStateAttribute(context.delayed ? 'delayed-open' : 'instant-open');\n        } else {\n          setStateAttribute('closed');\n        }\n      } else {\n        setStateAttribute('closed');\n      }\n    });\n\n    return unsubscribe;\n  }, [contentId]);\n\n  const handleFocus = React.useCallback(\n    () => stateMachine.send({ type: 'FOCUS', id: contentId }),\n    [contentId]\n  );\n  const handleOpen = React.useCallback(\n    () => stateMachine.send({ type: 'OPEN', id: contentId, delayDuration }),\n    [contentId, delayDuration]\n  );\n  const handleClose = React.useCallback(\n    () => stateMachine.send({ type: 'CLOSE', id: contentId, skipDelayDuration }),\n    [skipDelayDuration, contentId]\n  );\n\n  // send transition if the component unmounts\n  React.useEffect(() => () => handleClose(), [handleClose]);\n\n  // if we're controlling the component\n  // put the state machine in the appropriate state\n  useLayoutEffect(() => {\n    if (openProp === true) {\n      stateMachine.send({ type: 'OPEN', id: contentId });\n    }\n  }, [contentId, openProp]);\n\n  return (\n    <PopperPrimitive.Root>\n      <TooltipProvider\n        contentId={contentId}\n        open={open}\n        stateAttribute={stateAttribute}\n        trigger={trigger}\n        onTriggerChange={setTrigger}\n        onFocus={handleFocus}\n        onOpen={handleOpen}\n        onClose={handleClose}\n      >\n        {children}\n      </TooltipProvider>\n    </PopperPrimitive.Root>\n  );\n};\n\nTooltip.displayName = TOOLTIP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TooltipTrigger';\n\ntype TooltipTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TooltipTriggerProps extends PrimitiveButtonProps {}\n\nconst TooltipTrigger = React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>(\n  (props, forwardedRef) => {\n    const context = useTooltipContext(TRIGGER_NAME);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.onTriggerChange);\n    return (\n      <PopperPrimitive.Anchor asChild>\n        <Primitive.button\n          type=\"button\"\n          aria-describedby={context.open ? context.contentId : undefined}\n          data-state={context.stateAttribute}\n          {...props}\n          ref={composedTriggerRef}\n          onMouseEnter={composeEventHandlers(props.onMouseEnter, context.onOpen)}\n          onMouseLeave={composeEventHandlers(props.onMouseLeave, context.onClose)}\n          onMouseDown={composeEventHandlers(props.onMouseDown, context.onClose)}\n          onFocus={composeEventHandlers(props.onFocus, context.onFocus)}\n          onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n          onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              context.onClose();\n            }\n          })}\n        />\n      </PopperPrimitive.Anchor>\n    );\n  }\n);\n\nTooltipTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TooltipContent';\n\ntype TooltipContentElement = TooltipContentImplElement;\ninterface TooltipContentProps extends TooltipContentImplProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n  (props, forwardedRef) => {\n    const { forceMount, ...contentProps } = props;\n    const context = useTooltipContext(CONTENT_NAME);\n    return (\n      <Presence present={forceMount || context.open}>\n        <TooltipContentImpl ref={forwardedRef} {...contentProps} />\n      </Presence>\n    );\n  }\n);\n\ntype TooltipContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface TooltipContentImplProps extends PopperContentProps {\n  /**\n   * A more descriptive label for accessibility purpose\n   */\n  'aria-label'?: string;\n\n  /**\n   * Whether the Tooltip should render in a Portal\n   * (default: `true`)\n   */\n  portalled?: boolean;\n}\n\nconst TooltipContentImpl = React.forwardRef<TooltipContentImplElement, TooltipContentImplProps>(\n  (props, forwardedRef) => {\n    const { children, 'aria-label': ariaLabel, portalled = true, ...contentProps } = props;\n    const context = useTooltipContext(CONTENT_NAME);\n    const PortalWrapper = portalled ? Portal : React.Fragment;\n\n    useEscapeKeydown(() => context.onClose());\n\n    return (\n      <PortalWrapper>\n        <CheckTriggerMoved />\n        <PopperPrimitive.Content\n          data-state={context.stateAttribute}\n          {...contentProps}\n          ref={forwardedRef}\n          style={{\n            ...contentProps.style,\n            // re-namespace exposed content custom property\n            ['--radix-tooltip-content-transform-origin' as any]:\n              'var(--radix-popper-transform-origin)',\n          }}\n        >\n          <Slottable>{children}</Slottable>\n          <VisuallyHiddenPrimitive.Root id={context.contentId} role=\"tooltip\">\n            {ariaLabel || children}\n          </VisuallyHiddenPrimitive.Root>\n        </PopperPrimitive.Content>\n      </PortalWrapper>\n    );\n  }\n);\n\nTooltipContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'TooltipArrow';\n\ntype TooltipArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface TooltipArrowProps extends PopperArrowProps {}\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(\n  (props, forwardedRef) => <PopperPrimitive.Arrow {...props} ref={forwardedRef} />\n);\n\nTooltipArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction CheckTriggerMoved() {\n  const context = useTooltipContext('CheckTriggerMoved');\n\n  const triggerRect = useRect(context.trigger);\n  const triggerLeft = triggerRect?.left;\n  const previousTriggerLeft = usePrevious(triggerLeft);\n  const triggerTop = triggerRect?.top;\n  const previousTriggerTop = usePrevious(triggerTop);\n  const handleClose = context.onClose;\n\n  React.useEffect(() => {\n    // checking if the user has scrolled…\n    const hasTriggerMoved =\n      (previousTriggerLeft !== undefined && previousTriggerLeft !== triggerLeft) ||\n      (previousTriggerTop !== undefined && previousTriggerTop !== triggerTop);\n\n    if (hasTriggerMoved) {\n      handleClose();\n    }\n  }, [handleClose, previousTriggerLeft, previousTriggerTop, triggerLeft, triggerTop]);\n\n  return null;\n}\n\nconst Root = Tooltip;\nconst Trigger = TooltipTrigger;\nconst Content = TooltipContent;\nconst Arrow = TooltipArrow;\n\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  //\n  Root,\n  Trigger,\n  Content,\n  Arrow,\n};\nexport type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipArrowProps };\n"],"names":["a","__esModule","default","$parcel$exportWildcard","dest","source","Object","keys","forEach","key","defineProperty","enumerable","get","assign","assignFn","type","delayTimerId","skipDelayTimerId","setId","$fb910db130fc9c6f19b2800f728d3b10$export$assign","context","event","_id","id","stateMachine","stateChart","debug","warnOnUnknownTransitions","currentState","initial","currentContext","subscriptions","send","_stateChart$on","_stateDefinition$on","stateDefinition","states","topLevelTransition","on","stateTransition","transition","undefined","console","warn","target","nextState","actions","cond","nextStateDefinition","allActions","exit","concat","entry","nextContext","action","executeActions","group","log","groupEnd","callback","state","subscribe","push","splice","indexOf","getContext","$fb910db130fc9c6f19b2800f728d3b10$export$createStateMachine","delayed","FOCUS","closed","OPEN","opening","delayDuration","sendTimerEnd","window","setTimeout","clearTimeout","DELAY_TIMER_END","CLOSE","open","closing","_skipDelayDuration","skipDelayDuration","SKIP_DELAY_TIMER_END","TooltipProvider","useTooltipContext","createContext","Tooltip","props","children","openProp","defaultOpen","onOpenChange","trigger","setTrigger","React","useState","contentId","useId","setOpen","useControllableState","prop","defaultProp","onChange","stateAttribute","setStateAttribute","useEffect","handleFocus","useCallback","handleOpen","handleClose","useLayoutEffect","_react","createElement","_radixUiReactPopper","Root","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipProvider","onTriggerChange","onFocus","onOpen","onClose","TooltipTrigger","forwardRef","forwardedRef","composedTriggerRef","useComposedRefs","Anchor","asChild","Primitive","button","_babelRuntimeHelpersExtends","ref","onMouseEnter","composeEventHandlers","onMouseLeave","onMouseDown","onBlur","onKeyDown","TooltipContent","forceMount","contentProps","Presence","present","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipContentImpl","TooltipContentImpl","ariaLabel","portalled","PortalWrapper","Portal","Fragment","useEscapeKeydown","$bfd2ef98f93cfd0786881e49eeb6a4$var$CheckTriggerMoved","Content","style","Slottable","_radixUiReactVisuallyHidden","role","TooltipArrow","Arrow","CheckTriggerMoved","triggerRect","useRect","triggerLeft","left","previousTriggerLeft","usePrevious","triggerTop","top","previousTriggerTop","Trigger"],"version":3,"file":"index.js.map"}
+{"mappings":"IAAgCA,u0BAAAA,8CAClBA,EAAEC,WAAaD,EAAEE,QAAUF,EAWzC,SAASG,EAAuBC,EAAMC,GAcpC,OAbAC,OAAOC,KAAKF,GAAQG,SAAQ,SAASC,GACvB,YAARA,GAA6B,eAARA,GAIzBH,OAAOI,eAAeN,EAAMK,EAAK,CAC/BE,YAAY,EACZC,IAAK,WACH,OAAOP,EAAOI,SAKbL,ECoGT,SAASS,EACPC,GAEA,MAAO,CAAEC,KAjIgB,yBAiIUF,OAAQC,GC9G7C,IAAIE,EACAC,EAEJ,MAsBMC,EAAuBC,GAAO,CAACC,EAASC,KAAV,IAAAC,EAAA,MAAqB,IACpDF,EACHG,GAAE,QAAAD,EAAGD,EAAcE,UAAjB,IAAAD,EAAAA,EAAuBF,EAAQG,OClB7BC,EFON,SACEC,GACAC,MAAEA,GAAQ,EAAVC,yBAAiBA,GAA2B,GAAkB,IAE9D,IAAIC,EAAeH,EAAWI,QAC1BC,EAAiBL,EAAWL,QAGhC,MAAMW,EAAmC,GAanCC,EAAQX,IAAiB,IAAAY,EAAAC,EAC7B,MAAMC,EAAkBV,EAAWW,OAAOR,GACpCb,EAAkCM,EAAMN,KACxCsB,EAAiE,QAAAJ,EAAGR,EAAWa,UAAd,IAAAL,OAAA,EAAGA,EAAgBlB,GACpFwB,EAA8D,QAAAL,EAClEC,EAAgBG,UADkD,IAAAJ,OAAA,EAClEA,EAAqBnB,GACjByB,EAAaH,MAAAA,EAAAA,EAAsBE,EAEzC,QAAmBE,IAAfD,EACEb,GACFe,QAAQC,KACL,gBAAef,cAAyBb,yCAGxC,CACL,MAAQ6B,OAAQC,EAAVC,QAAqBA,EAAU,GAA/BC,KAAmCA,EAAO,MAAM,IAASP,EACzDQ,EAAsBH,EAAYpB,EAAWW,OAAOS,GAAa,GAEvE,GAAIE,EAAKjB,EAAgBT,GAAQ,CAE/B,MAAM4B,GAAcd,EAAgBe,MAAQ,IAAIC,OAC9CL,EACAE,EAAoBI,OAAS,IAE/BtB,EAsBN,SACEgB,EACAzB,EACAD,GAEA,IAAIiC,EAAcjC,EAQlB,OAPA0B,MAAAA,GAAAA,EAAStC,SAAS8C,IACM,mBAAXA,EACTA,EAAOD,EAAahC,EAAOW,GA9GR,2BA+GVsB,EAAOvC,OAChBsC,EAAcC,EAAOzC,OAAOwC,EAAahC,OAGtCgC,EAnCcE,CAAeN,EAAY5B,EAAOS,GAE/Ce,IACFjB,EAAeiB,EAEXnB,IACFgB,QAAQc,MAAM,SAAUnC,GACxBqB,QAAQe,IAAI,SAAU7B,GACtBc,QAAQe,IAAI,WAAY3B,GACxBY,QAAQgB,YApChB3B,EAAcvB,SAASmD,GAAaA,EAAS,CAAEC,MAAOhC,EAAcR,QAASU,UAiE/E,MAAO,CAAE+B,UAzET,SAAmBF,GAEjB,OADA5B,EAAc+B,KAAKH,GACZ,KACL5B,EAAcgC,OAAOhC,EAAciC,QAAQL,GAAW,KAsEtC3B,KAAAA,EAAMiC,WApB1B,WACE,OAAOnC,IEvEUoC,CDwBwB,CAC3CrC,QAAS,SACTT,QAAS,CAAEG,GAAI,KAAM4C,SAAS,GAC9B7B,GAAI,CACF8B,MAAO,CAAExB,OAAQ,SAEnBR,OAAQ,CACNiC,OAAQ,CACNjB,MAAO,CAZkBjC,GAAQC,IAAD,IAAmBA,EAASG,GAAI,UAahEe,GAAI,CACFgC,KAAM,CAAE1B,OAAQ,aAIpB2B,QAAS,CACPnB,MAAO,CA7C0B,CAAChC,EAASC,EAAOW,KACtD,MAAMwC,EAAqCnD,EAAcmD,cACnDC,EAAe,IAAMzC,EAAK,CAAEjB,KAAM,yBAClB0B,IAAlB+B,EACFC,IAEAzD,EAAe0D,OAAOC,WAAWF,EAAcD,IAuCpBtD,EAlBGC,GAAQC,IAAD,IAAmBA,EAAS+C,SAAS,OAmBxEjB,KAAM,CApC4B,IAAM0B,aAAa5D,IAqCrDsB,GAAI,CACFuC,gBAAiB,CAAEjC,OAAQ,QAC3BkC,MAAO,CAAElC,OAAQ,YAIrBmC,KAAM,CACJ3B,MAAO,CAAClC,GACRgC,KAAM,CA3BwB/B,GAAQC,IAAD,IAAmBA,EAAS+C,SAAS,OA4B1E7B,GAAI,CACFgC,KAAM,CAAE1B,OAAQ,QAChBkC,MAAO,CACLlC,OAAQ,UACRG,KAAM,CAAC3B,EAASC,IAAUD,EAAQG,KAAQF,EAAcE,MAK9DyD,QAAS,CACP5B,MAAO,CAtD8B,CAAChC,EAASC,EAAOW,KAAS,IAAAiD,EACnE,MAAMC,EAAyB,QAAAD,EAAI5D,EAAc6D,yBAAlB,IAAAD,EAAAA,EAAuC,IACtEhE,EAAmByD,OAAOC,YACxB,IAAM3C,EAAK,CAAEjB,KAAM,0BACnBmE,KAmDEhC,KAAM,CA/CgC,IAAM0B,aAAa3D,IAgDzDqB,GAAI,CACFgC,KAAM,CAAE1B,OAAQ,QAChBuC,qBAAsB,CAAEvC,OAAQ,gBCvDjCwC,EAAsBC,GAAsBC,EAH9B,UAG+D,CAClFC,iCAEF,MAAMC,EAAiBD,KAahBE,EAAiBC,GACtBN,EApBmB,WAyCfO,EAAmCC,IACvC,MAAMC,eACJA,EADIC,SAEJA,EACAf,KAAMgB,EAHFC,YAIJA,GAAc,EAJVC,aAKJA,EALIzB,cAMJA,EAAgB,IANZU,kBAOJA,EAAoB,KAClBU,EACEM,EAAcV,EAAeK,IAC5BM,EAASC,GAAcC,EAAMC,SAAmC,MACjEC,EAAYC,KACXzB,GAAO,EAAO0B,GAAWC,EAAqB,CACnDC,KAAMZ,EACNa,YAAaZ,EACba,SAAUZ,KAELa,EAAgBC,GAAqBV,EAAMC,SAChDP,EAAW,eAAiB,UAI9BM,EAAMW,WAAU,IACMxF,EAAaqC,WAAU,EAAGD,MAAAA,EAAOxC,QAAAA,MACrC,SAAVwC,GAAoBxC,EAAQG,KAAOgF,EACrCE,GAAQ,GAERA,GAAQ,OAKX,CAACF,EAAWE,IAGfJ,EAAMW,WAAU,IACMxF,EAAaqC,WAAU,EAAGD,MAAAA,EAAOxC,QAAAA,MAC/CA,EAAQG,KAAOgF,EAEfQ,EADY,SAAVnD,EACgBxC,EAAQ+C,QAAU,eAAiB,eAEnC,UAGpB4C,EAAkB,cAKrB,CAACR,IAEJ,MAAMU,EAAcZ,EAAMa,aACxB,IAAM1F,EAAaQ,KAAK,CAAEjB,KAAM,QAASQ,GAAIgF,KAC7C,CAACA,IAEGY,EAAad,EAAMa,aACvB,IAAM1F,EAAaQ,KAAK,CAAEjB,KAAM,OAAQQ,GAAIgF,EAAW/B,cAAAA,KACvD,CAAC+B,EAAW/B,IAER4C,EAAcf,EAAMa,aACxB,IAAM1F,EAAaQ,KAAK,CAAEjB,KAAM,QAASQ,GAAIgF,EAAWrB,kBAAAA,KACxD,CAACA,EAAmBqB,IActB,OAVAF,EAAMW,WAAU,IAAM,IAAMI,KAAe,CAACA,IAI5CC,GAAgB,MACG,IAAbtB,GACFvE,EAAaQ,KAAK,CAAEjB,KAAM,OAAQQ,GAAIgF,MAEvC,CAACA,EAAWR,iBAGbuB,EAAAC,cAACC,EAAgBC,KAASvB,eACxBoB,EAAAC,cAACG,EAAD,CACEC,MAAO9B,EACPU,UAAWA,EACXxB,KAAMA,EACN+B,eAAgBA,EAChBX,QAASA,EACTyB,gBAAiBxB,EACjByB,QAASZ,EACTa,OAAQX,EACRY,QAASX,GAERtB,uBAYT,MAMMkC,eAAiB3B,EAAM4B,YAC3B,CAACrC,EAAyCsC,KACxC,MAAMrC,eAAEA,KAAmBsC,GAAiBvC,EACtCxE,EAAUsE,EATC,iBAS+BG,GAC1CK,EAAcV,EAAeK,GAC7BuC,EAAqBC,EAAgBH,EAAc9G,EAAQwG,8BACjE,OACEN,EAAAC,cAACC,EAAgBc,OAAjBC,EAAA,CAAwBC,SAAO,GAAKtC,gBAClCoB,EAAAC,cAACkB,EAAUC,OAAXH,EAAA,CACExH,KAAK,SACL,mBAAkBK,EAAQ2D,KAAO3D,EAAQmF,eAAY9D,EACrD,aAAYrB,EAAQ0F,gBAChBqB,EAJN,CAKEQ,IAAKP,EACLQ,aAAcC,EAAqBjD,EAAMgD,aAAcxH,EAAQ0G,QAC/DgB,aAAcD,EAAqBjD,EAAMkD,aAAc1H,EAAQ2G,SAC/DgB,YAAaF,EAAqBjD,EAAMmD,YAAa3H,EAAQ2G,SAC7DF,QAASgB,EAAqBjD,EAAMiC,QAASzG,EAAQyG,SACrDmB,OAAQH,EAAqBjD,EAAMoD,OAAQ5H,EAAQ2G,SACnDkB,UAAWJ,EAAqBjD,EAAMqD,WAAY5H,IAC9B,UAAdA,EAAMZ,KAAiC,MAAdY,EAAMZ,KACjCW,EAAQ2G,6CAetB,MAWMmB,eAAiB7C,EAAM4B,YAC3B,CAACrC,EAAyCsC,KACxC,MAAMiB,WAAEA,KAAeC,GAAiBxD,EAClCxE,EAAUsE,EAdC,iBAc+BE,EAAMC,6BACtD,OACEyB,EAAAC,cAAC8B,EAAD,CAAUC,QAASH,GAAc/H,EAAQ2D,mBACvCuC,EAAAC,cAACgC,EAADhB,EAAA,CAAoBI,IAAKT,GAAkBkB,iCAqBnD,MAAMI,eAAqBnD,EAAM4B,YAC/B,CAACrC,EAA6CsC,KAC5C,MAAMrC,eACJA,EADIC,SAEJA,EACA,aAAc2D,EAHVC,UAIJA,GAAY,KACTN,GACDxD,EACExE,EAAUsE,EA/CC,iBA+C+BG,GAC1CK,EAAcV,EAAeK,GAC7B8D,EAAgBD,EAAYE,EAASvD,EAAMwD,SAIjD,OAFAC,GAAiB,IAAM1I,EAAQ2G,yBAG7BT,EAAAC,cAACoC,EAAD,kBACErC,EAAAC,cAACwC,EAAD,CAAmBlE,eAAgBA,iBACnCyB,EAAAC,cAACC,EAAgBwC,QAAjBzB,EAAA,CACE,aAAYnH,EAAQ0F,gBAChBZ,EACAkD,EAHN,CAIET,IAAKT,EACL+B,MAAO,IACFb,EAAaa,MAEhB,2CACE,uDAGJ3C,EAAAC,cAAC2C,EAAD,KAAYpE,gBACZwB,EAAAC,cAAC4C,EAAwB1C,KAAzB,CAA8BlG,GAAIH,EAAQmF,UAAW6D,KAAK,WACvDX,GAAa3D,QAoBpBuE,eAAehE,EAAM4B,YACzB,CAACrC,EAAuCsC,KACtC,MAAMrC,eAAEA,KAAmByE,GAAe1E,EACpCM,EAAcV,EAAeK,gBACnC,OAAOyB,EAAAC,cAACC,EAAgB+C,MAAjBhC,EAAA,GAA2BrC,EAAiBoE,EAA5C,CAAwD3B,IAAKT,qBAQxE,SAASsC,EAAkB5E,GACzB,MAAMC,eAAEA,GAAmBD,EACrBxE,EAAUsE,EAAkB,oBAAqBG,GAEjD4E,EAAcC,EAAQtJ,EAAQ+E,SAC9BwE,EAAcF,MAAAA,OAAH,EAAGA,EAAaG,KAC3BC,EAAsBC,EAAYH,GAClCI,EAAaN,MAAAA,OAAH,EAAGA,EAAaO,IAC1BC,EAAqBH,EAAYC,GACjC3D,EAAchG,EAAQ2G,QAa5B,OAXA1B,EAAMW,WAAU,WAGavE,IAAxBoI,GAAqCA,IAAwBF,QACtClI,IAAvBwI,GAAoCA,IAAuBF,IAG5D3D,MAED,CAACA,EAAayD,EAAqBI,EAAoBN,EAAaI,IAEhE,4BAGT,MAAMtD,EAAO9B,iBACb,MAAMuF,EAAUlD,oBAChB,MAAMgC,EAAUd,oBAChB,MAAMqB,EAAQF","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/tooltip/src/createStateMachine.tsx","./packages/react/tooltip/src/tooltipStateChart.tsx","./packages/react/tooltip/src/Tooltip.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n  Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","const ASSIGN_ACTION_TYPE = 'machine.actions.assign' as const;\n\nconst isProduction = process.env.NODE_ENV === 'production';\n\ntype StateChart<State extends string, Context, Event extends { type: string }> = {\n  initial: State;\n  context: Context;\n  on?: {\n    [eventType in Event['type']]?: Transition<State, Context, Event>;\n  };\n  states: {\n    [stateValue in State]: {\n      on?: {\n        [eventType in Event['type']]?: Transition<State, Context, Event>;\n      };\n      entry?: Array<Action<Context, Event>>;\n      exit?: Array<Action<Context, Event>>;\n    };\n  };\n};\n\ntype Transition<State extends string, Context, Event> = {\n  target?: State;\n  actions?: Array<Action<Context, Event>>;\n  cond?: (context: Context, Event: Event) => boolean;\n};\n\ntype Action<Context, Event> = ActionFunction<Context, Event> | AssignAction<Context, Event>;\n\ntype ActionFunction<Context, Event> = (\n  context: Context,\n  event: Event,\n  send: (event: Event) => void\n) => void;\n\nfunction createStateMachine<State extends string, Context, Event extends { type: string }>(\n  stateChart: StateChart<State, Context, Event>,\n  { debug = false, warnOnUnknownTransitions = !isProduction } = {}\n) {\n  let currentState = stateChart.initial;\n  let currentContext = stateChart.context;\n\n  type CallbackFn = (args: { state: State; context: Context }) => void;\n  const subscriptions: Array<CallbackFn> = [];\n\n  function subscribe(callback: CallbackFn) {\n    subscriptions.push(callback);\n    return () => {\n      subscriptions.splice(subscriptions.indexOf(callback), 1);\n    };\n  }\n\n  function notify() {\n    subscriptions.forEach((callback) => callback({ state: currentState, context: currentContext }));\n  }\n\n  const send = (event: Event) => {\n    const stateDefinition = stateChart.states[currentState];\n    const type: Event['type'] | undefined = event.type;\n    const topLevelTransition: Transition<State, Context, Event> | undefined = stateChart.on?.[type];\n    const stateTransition: Transition<State, Context, Event> | undefined =\n      stateDefinition.on?.[type];\n    const transition = topLevelTransition ?? stateTransition;\n\n    if (transition === undefined) {\n      if (warnOnUnknownTransitions) {\n        console.warn(\n          `From state: \"${currentState}\", event \"${type}\" has no transition to any state`\n        );\n      }\n    } else {\n      const { target: nextState, actions = [], cond = () => true } = transition;\n      const nextStateDefinition = nextState ? stateChart.states[nextState] : {};\n\n      if (cond(currentContext, event)) {\n        // execute actions\n        const allActions = (stateDefinition.exit || []).concat(\n          actions,\n          nextStateDefinition.entry || []\n        );\n        currentContext = executeActions(allActions, event, currentContext);\n\n        if (nextState) {\n          currentState = nextState;\n\n          if (debug) {\n            console.group('event:', event);\n            console.log('state:', currentState);\n            console.log('context:', currentContext);\n            console.groupEnd();\n          }\n\n          notify();\n        }\n      }\n    }\n  };\n\n  function getContext() {\n    return currentContext;\n  }\n\n  function executeActions(\n    actions: Array<Action<Context, Event>>,\n    event: Event,\n    context: Context\n  ): Context {\n    let nextContext = context;\n    actions?.forEach((action) => {\n      if (typeof action === 'function') {\n        action(nextContext, event, send);\n      } else if (action.type === ASSIGN_ACTION_TYPE) {\n        nextContext = action.assign(nextContext, event);\n      }\n    });\n    return nextContext;\n  }\n\n  return { subscribe, send, getContext };\n}\n\ntype AssignAction<Context, Event> = {\n  type: typeof ASSIGN_ACTION_TYPE;\n  assign(context: Context, event: Event): Context;\n};\n\nfunction assign<Context, Event>(\n  assignFn: AssignAction<Context, Event>['assign']\n): AssignAction<Context, Event> {\n  return { type: ASSIGN_ACTION_TYPE, assign: assignFn };\n}\n\nexport { createStateMachine, assign };\nexport type { StateChart, Action };\n","import { assign } from './createStateMachine';\n\nimport type { StateChart, Action } from './createStateMachine';\n\ntype TooltipState = 'closed' | 'opening' | 'open' | 'closing';\n\ntype TooltipEvent =\n  | { type: 'OPEN'; id: string; delayDuration?: number }\n  | { type: 'CLOSE'; id: string; skipDelayDuration: number }\n  | { type: 'FOCUS'; id: string }\n  | { type: 'DELAY_TIMER_END' }\n  | { type: 'SKIP_DELAY_TIMER_END' };\n\ntype TooltipContext = { id: string | null; delayed: boolean };\n\ntype TooltipStateChart = StateChart<TooltipState, TooltipContext, TooltipEvent>;\ntype TooltipAction = Action<TooltipContext, TooltipEvent>;\n\n// actions\nlet delayTimerId: number;\nlet skipDelayTimerId: number;\n\nconst startDelayTimer: TooltipAction = (context, event, send) => {\n  const delayDuration: number | undefined = (event as any).delayDuration;\n  const sendTimerEnd = () => send({ type: 'DELAY_TIMER_END' });\n  if (delayDuration === undefined) {\n    sendTimerEnd();\n  } else {\n    delayTimerId = window.setTimeout(sendTimerEnd, delayDuration);\n  }\n};\n\nconst cancelDelayTimer: TooltipAction = () => clearTimeout(delayTimerId);\n\nconst startSkipDelayTimer: TooltipAction = (context, event, send) => {\n  const skipDelayDuration: number = (event as any).skipDelayDuration ?? 300;\n  skipDelayTimerId = window.setTimeout(\n    () => send({ type: 'SKIP_DELAY_TIMER_END' }),\n    skipDelayDuration\n  );\n};\n\nconst cancelSkipDelayTimer: TooltipAction = () => clearTimeout(skipDelayTimerId);\n\nconst setId: TooltipAction = assign((context, event) => ({\n  ...context,\n  id: (event as any).id ?? context.id,\n}));\nconst resetId: TooltipAction = assign((context) => ({ ...context, id: null }));\nconst setDelayed: TooltipAction = assign((context) => ({ ...context, delayed: true }));\nconst resetDelayed: TooltipAction = assign((context) => ({ ...context, delayed: false }));\n\nconst tooltipStateChart: TooltipStateChart = {\n  initial: 'closed',\n  context: { id: null, delayed: false },\n  on: {\n    FOCUS: { target: 'open' },\n  },\n  states: {\n    closed: {\n      entry: [resetId],\n      on: {\n        OPEN: { target: 'opening' },\n      },\n    },\n\n    opening: {\n      entry: [startDelayTimer, setId, setDelayed],\n      exit: [cancelDelayTimer],\n      on: {\n        DELAY_TIMER_END: { target: 'open' },\n        CLOSE: { target: 'closed' },\n      },\n    },\n\n    open: {\n      entry: [setId],\n      exit: [resetDelayed],\n      on: {\n        OPEN: { target: 'open' },\n        CLOSE: {\n          target: 'closing',\n          cond: (context, event) => context.id === (event as any).id,\n        },\n      },\n    },\n\n    closing: {\n      entry: [startSkipDelayTimer],\n      exit: [cancelSkipDelayTimer],\n      on: {\n        OPEN: { target: 'open' },\n        SKIP_DELAY_TIMER_END: { target: 'closed' },\n      },\n    },\n  },\n};\n\nexport { tooltipStateChart };\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { usePrevious } from '@radix-ui/react-use-previous';\nimport { useRect } from '@radix-ui/react-use-rect';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Slottable } from '@radix-ui/react-slot';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\nimport { useId } from '@radix-ui/react-id';\nimport { createStateMachine } from './createStateMachine';\nimport { tooltipStateChart } from './tooltipStateChart';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * State machine\n * -----------------------------------------------------------------------------------------------*/\n\ntype StateAttribute = 'closed' | 'delayed-open' | 'instant-open';\nconst stateMachine = createStateMachine(tooltipStateChart);\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLTIP_NAME = 'Tooltip';\n\ntype ScopedProps<P> = P & { __scopeTooltip?: Scope };\nconst [createTooltipContext, createTooltipScope] = createContextScope(TOOLTIP_NAME, [\n  createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\ntype TooltipContextValue = {\n  contentId: string;\n  open: boolean;\n  stateAttribute: StateAttribute;\n  trigger: TooltipTriggerElement | null;\n  onTriggerChange(trigger: TooltipTriggerElement | null): void;\n  onFocus(): void;\n  onOpen(): void;\n  onClose(): void;\n};\n\nconst [TooltipProvider, useTooltipContext] =\n  createTooltipContext<TooltipContextValue>(TOOLTIP_NAME);\n\ninterface TooltipProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * The duration from when the mouse enters the trigger until the tooltip gets opened.\n   * (default: 700)\n   */\n  delayDuration?: number;\n\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * (default: 300)\n   */\n  skipDelayDuration?: number;\n  children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<TooltipProps> = (props: ScopedProps<TooltipProps>) => {\n  const {\n    __scopeTooltip,\n    children,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    delayDuration = 700,\n    skipDelayDuration = 300,\n  } = props;\n  const popperScope = usePopperScope(__scopeTooltip);\n  const [trigger, setTrigger] = React.useState<HTMLButtonElement | null>(null);\n  const contentId = useId();\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n  const [stateAttribute, setStateAttribute] = React.useState<StateAttribute>(\n    openProp ? 'instant-open' : 'closed'\n  );\n\n  // control open state using state machine subscription\n  React.useEffect(() => {\n    const unsubscribe = stateMachine.subscribe(({ state, context }) => {\n      if (state === 'open' && context.id === contentId) {\n        setOpen(true);\n      } else {\n        setOpen(false);\n      }\n    });\n\n    return unsubscribe;\n  }, [contentId, setOpen]);\n\n  // sync state attribute with using state machine subscription\n  React.useEffect(() => {\n    const unsubscribe = stateMachine.subscribe(({ state, context }) => {\n      if (context.id === contentId) {\n        if (state === 'open') {\n          setStateAttribute(context.delayed ? 'delayed-open' : 'instant-open');\n        } else {\n          setStateAttribute('closed');\n        }\n      } else {\n        setStateAttribute('closed');\n      }\n    });\n\n    return unsubscribe;\n  }, [contentId]);\n\n  const handleFocus = React.useCallback(\n    () => stateMachine.send({ type: 'FOCUS', id: contentId }),\n    [contentId]\n  );\n  const handleOpen = React.useCallback(\n    () => stateMachine.send({ type: 'OPEN', id: contentId, delayDuration }),\n    [contentId, delayDuration]\n  );\n  const handleClose = React.useCallback(\n    () => stateMachine.send({ type: 'CLOSE', id: contentId, skipDelayDuration }),\n    [skipDelayDuration, contentId]\n  );\n\n  // send transition if the component unmounts\n  React.useEffect(() => () => handleClose(), [handleClose]);\n\n  // if we're controlling the component\n  // put the state machine in the appropriate state\n  useLayoutEffect(() => {\n    if (openProp === true) {\n      stateMachine.send({ type: 'OPEN', id: contentId });\n    }\n  }, [contentId, openProp]);\n\n  return (\n    <PopperPrimitive.Root {...popperScope}>\n      <TooltipProvider\n        scope={__scopeTooltip}\n        contentId={contentId}\n        open={open}\n        stateAttribute={stateAttribute}\n        trigger={trigger}\n        onTriggerChange={setTrigger}\n        onFocus={handleFocus}\n        onOpen={handleOpen}\n        onClose={handleClose}\n      >\n        {children}\n      </TooltipProvider>\n    </PopperPrimitive.Root>\n  );\n};\n\nTooltip.displayName = TOOLTIP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TooltipTrigger';\n\ntype TooltipTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TooltipTriggerProps extends PrimitiveButtonProps {}\n\nconst TooltipTrigger = React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>(\n  (props: ScopedProps<TooltipTriggerProps>, forwardedRef) => {\n    const { __scopeTooltip, ...triggerProps } = props;\n    const context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);\n    const popperScope = usePopperScope(__scopeTooltip);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.onTriggerChange);\n    return (\n      <PopperPrimitive.Anchor asChild {...popperScope}>\n        <Primitive.button\n          type=\"button\"\n          aria-describedby={context.open ? context.contentId : undefined}\n          data-state={context.stateAttribute}\n          {...triggerProps}\n          ref={composedTriggerRef}\n          onMouseEnter={composeEventHandlers(props.onMouseEnter, context.onOpen)}\n          onMouseLeave={composeEventHandlers(props.onMouseLeave, context.onClose)}\n          onMouseDown={composeEventHandlers(props.onMouseDown, context.onClose)}\n          onFocus={composeEventHandlers(props.onFocus, context.onFocus)}\n          onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n          onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              context.onClose();\n            }\n          })}\n        />\n      </PopperPrimitive.Anchor>\n    );\n  }\n);\n\nTooltipTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TooltipContent';\n\ntype TooltipContentElement = TooltipContentImplElement;\ninterface TooltipContentProps extends TooltipContentImplProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n  (props: ScopedProps<TooltipContentProps>, forwardedRef) => {\n    const { forceMount, ...contentProps } = props;\n    const context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);\n    return (\n      <Presence present={forceMount || context.open}>\n        <TooltipContentImpl ref={forwardedRef} {...contentProps} />\n      </Presence>\n    );\n  }\n);\n\ntype TooltipContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface TooltipContentImplProps extends PopperContentProps {\n  /**\n   * A more descriptive label for accessibility purpose\n   */\n  'aria-label'?: string;\n\n  /**\n   * Whether the Tooltip should render in a Portal\n   * (default: `true`)\n   */\n  portalled?: boolean;\n}\n\nconst TooltipContentImpl = React.forwardRef<TooltipContentImplElement, TooltipContentImplProps>(\n  (props: ScopedProps<TooltipContentImplProps>, forwardedRef) => {\n    const {\n      __scopeTooltip,\n      children,\n      'aria-label': ariaLabel,\n      portalled = true,\n      ...contentProps\n    } = props;\n    const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);\n    const popperScope = usePopperScope(__scopeTooltip);\n    const PortalWrapper = portalled ? Portal : React.Fragment;\n\n    useEscapeKeydown(() => context.onClose());\n\n    return (\n      <PortalWrapper>\n        <CheckTriggerMoved __scopeTooltip={__scopeTooltip} />\n        <PopperPrimitive.Content\n          data-state={context.stateAttribute}\n          {...popperScope}\n          {...contentProps}\n          ref={forwardedRef}\n          style={{\n            ...contentProps.style,\n            // re-namespace exposed content custom property\n            ['--radix-tooltip-content-transform-origin' as any]:\n              'var(--radix-popper-transform-origin)',\n          }}\n        >\n          <Slottable>{children}</Slottable>\n          <VisuallyHiddenPrimitive.Root id={context.contentId} role=\"tooltip\">\n            {ariaLabel || children}\n          </VisuallyHiddenPrimitive.Root>\n        </PopperPrimitive.Content>\n      </PortalWrapper>\n    );\n  }\n);\n\nTooltipContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'TooltipArrow';\n\ntype TooltipArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface TooltipArrowProps extends PopperArrowProps {}\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(\n  (props: ScopedProps<TooltipArrowProps>, forwardedRef) => {\n    const { __scopeTooltip, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopeTooltip);\n    return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n  }\n);\n\nTooltipArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction CheckTriggerMoved(props: ScopedProps<{}>) {\n  const { __scopeTooltip } = props;\n  const context = useTooltipContext('CheckTriggerMoved', __scopeTooltip);\n\n  const triggerRect = useRect(context.trigger);\n  const triggerLeft = triggerRect?.left;\n  const previousTriggerLeft = usePrevious(triggerLeft);\n  const triggerTop = triggerRect?.top;\n  const previousTriggerTop = usePrevious(triggerTop);\n  const handleClose = context.onClose;\n\n  React.useEffect(() => {\n    // checking if the user has scrolled…\n    const hasTriggerMoved =\n      (previousTriggerLeft !== undefined && previousTriggerLeft !== triggerLeft) ||\n      (previousTriggerTop !== undefined && previousTriggerTop !== triggerTop);\n\n    if (hasTriggerMoved) {\n      handleClose();\n    }\n  }, [handleClose, previousTriggerLeft, previousTriggerTop, triggerLeft, triggerTop]);\n\n  return null;\n}\n\nconst Root = Tooltip;\nconst Trigger = TooltipTrigger;\nconst Content = TooltipContent;\nconst Arrow = TooltipArrow;\n\nexport {\n  createTooltipScope,\n  //\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  //\n  Root,\n  Trigger,\n  Content,\n  Arrow,\n};\nexport type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipArrowProps };\n"],"names":["a","__esModule","default","$parcel$exportWildcard","dest","source","Object","keys","forEach","key","defineProperty","enumerable","get","assign","assignFn","type","delayTimerId","skipDelayTimerId","setId","$fb910db130fc9c6f19b2800f728d3b10$export$assign","context","event","_id","id","stateMachine","stateChart","debug","warnOnUnknownTransitions","currentState","initial","currentContext","subscriptions","send","_stateChart$on","_stateDefinition$on","stateDefinition","states","topLevelTransition","on","stateTransition","transition","undefined","console","warn","target","nextState","actions","cond","nextStateDefinition","allActions","exit","concat","entry","nextContext","action","executeActions","group","log","groupEnd","callback","state","subscribe","push","splice","indexOf","getContext","$fb910db130fc9c6f19b2800f728d3b10$export$createStateMachine","delayed","FOCUS","closed","OPEN","opening","delayDuration","sendTimerEnd","window","setTimeout","clearTimeout","DELAY_TIMER_END","CLOSE","open","closing","_skipDelayDuration","skipDelayDuration","SKIP_DELAY_TIMER_END","createTooltipContext","createTooltipScope","createContextScope","createPopperScope","usePopperScope","TooltipProvider","useTooltipContext","Tooltip","props","__scopeTooltip","children","openProp","defaultOpen","onOpenChange","popperScope","trigger","setTrigger","React","useState","contentId","useId","setOpen","useControllableState","prop","defaultProp","onChange","stateAttribute","setStateAttribute","useEffect","handleFocus","useCallback","handleOpen","handleClose","useLayoutEffect","_react","createElement","_radixUiReactPopper","Root","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipProvider","scope","onTriggerChange","onFocus","onOpen","onClose","TooltipTrigger","forwardRef","forwardedRef","triggerProps","composedTriggerRef","useComposedRefs","Anchor","_babelRuntimeHelpersExtends","asChild","Primitive","button","ref","onMouseEnter","composeEventHandlers","onMouseLeave","onMouseDown","onBlur","onKeyDown","TooltipContent","forceMount","contentProps","Presence","present","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipContentImpl","TooltipContentImpl","ariaLabel","portalled","PortalWrapper","Portal","Fragment","useEscapeKeydown","$bfd2ef98f93cfd0786881e49eeb6a4$var$CheckTriggerMoved","Content","style","Slottable","_radixUiReactVisuallyHidden","role","TooltipArrow","arrowProps","Arrow","CheckTriggerMoved","triggerRect","useRect","triggerLeft","left","previousTriggerLeft","usePrevious","triggerTop","top","previousTriggerTop","Trigger"],"version":3,"file":"index.js.map"}

package/dist/index.module.js

@@ -1,2 +1,2 @@
-import{useId as e}from"@radix-ui/react-id";import*as t from"@radix-ui/react-visually-hidden";import{Slottable as o}from"@radix-ui/react-slot";import{Portal as n}from"@radix-ui/react-portal";import*as r from"@radix-ui/react-popper";import{Primitive as i}from"@radix-ui/react-primitive";import{Presence as a}from"@radix-ui/react-presence";import{useRect as s}from"@radix-ui/react-use-rect";import{usePrevious as l}from"@radix-ui/react-use-previous";import{useLayoutEffect as c}from"@radix-ui/react-use-layout-effect";import{useEscapeKeydown as u}from"@radix-ui/react-use-escape-keydown";import{useControllableState as d}from"@radix-ui/react-use-controllable-state";import{createContext as p}from"@radix-ui/react-context";import{useComposedRefs as m}from"@radix-ui/react-compose-refs";import{composeEventHandlers as f}from"@radix-ui/primitive";import*as g from"react";import E from"@babel/runtime/helpers/esm/extends";function x(e){return{type:"machine.actions.assign",assign:e}}let y,C;const T=x(((e,t)=>{var o;return{...e,id:null!==(o=t.id)&&void 0!==o?o:e.id}})),v=function(e,{debug:t=!1,warnOnUnknownTransitions:o=!1}={}){let n=e.initial,r=e.context;const i=[],a=s=>{var l,c;const u=e.states[n],d=s.type,p=null===(l=e.on)||void 0===l?void 0:l[d],m=null===(c=u.on)||void 0===c?void 0:c[d],f=null!=p?p:m;if(void 0===f)o&&console.warn(`From state: "${n}", event "${d}" has no transition to any state`);else{const{target:o,actions:l=[],cond:c=(()=>!0)}=f,d=o?e.states[o]:{};if(c(r,s)){const e=(u.exit||[]).concat(l,d.entry||[]);r=function(e,t,o){let n=o;return null==e||e.forEach((e=>{"function"==typeof e?e(n,t,a):"machine.actions.assign"===e.type&&(n=e.assign(n,t))})),n}(e,s,r),o&&(n=o,t&&(console.group("event:",s),console.log("state:",n),console.log("context:",r),console.groupEnd()),i.forEach((e=>e({state:n,context:r}))))}}};return{subscribe:function(e){return i.push(e),()=>{i.splice(i.indexOf(e),1)}},send:a,getContext:function(){return r}}}({initial:"closed",context:{id:null,delayed:!1},on:{FOCUS:{target:"open"}},states:{closed:{entry:[x((e=>({...e,id:null})))],on:{OPEN:{target:"opening"}}},opening:{entry:[(e,t,o)=>{const n=t.delayDuration,r=()=>o({type:"DELAY_TIMER_END"});void 0===n?r():y=window.setTimeout(r,n)},T,x((e=>({...e,delayed:!0})))],exit:[()=>clearTimeout(y)],on:{DELAY_TIMER_END:{target:"open"},CLOSE:{target:"closed"}}},open:{entry:[T],exit:[x((e=>({...e,delayed:!1})))],on:{OPEN:{target:"open"},CLOSE:{target:"closing",cond:(e,t)=>e.id===t.id}}},closing:{entry:[(e,t,o)=>{var n;const r=null!==(n=t.skipDelayDuration)&&void 0!==n?n:300;C=window.setTimeout((()=>o({type:"SKIP_DELAY_TIMER_END"})),r)}],exit:[()=>clearTimeout(C)],on:{OPEN:{target:"open"},SKIP_DELAY_TIMER_END:{target:"closed"}}}}}),[b,D]=p("Tooltip");export const Tooltip=t=>{const{children:o,open:n,defaultOpen:i=!1,onOpenChange:a,delayDuration:s=700,skipDelayDuration:l=300}=t,[u,p]=g.useState(null),m=e(),[f=!1,E]=d({prop:n,defaultProp:i,onChange:a}),[x,y]=g.useState(n?"instant-open":"closed");g.useEffect((()=>v.subscribe((({state:e,context:t})=>{"open"===e&&t.id===m?E(!0):E(!1)}))),[m,E]),g.useEffect((()=>v.subscribe((({state:e,context:t})=>{t.id===m?y("open"===e?t.delayed?"delayed-open":"instant-open":"closed"):y("closed")}))),[m]);const C=g.useCallback((()=>v.send({type:"FOCUS",id:m})),[m]),T=g.useCallback((()=>v.send({type:"OPEN",id:m,delayDuration:s})),[m,s]),D=g.useCallback((()=>v.send({type:"CLOSE",id:m,skipDelayDuration:l})),[l,m]);return g.useEffect((()=>()=>D()),[D]),c((()=>{!0===n&&v.send({type:"OPEN",id:m})}),[m,n]),/*#__PURE__*/g.createElement(r.Root,null,/*#__PURE__*/g.createElement(b,{contentId:m,open:f,stateAttribute:x,trigger:u,onTriggerChange:p,onFocus:C,onOpen:T,onClose:D},o))};/*#__PURE__*/export const TooltipTrigger=/*#__PURE__*/g.forwardRef(((e,t)=>{const o=D("TooltipTrigger"),n=m(t,o.onTriggerChange);/*#__PURE__*/return g.createElement(r.Anchor,{asChild:!0},/*#__PURE__*/g.createElement(i.button,E({type:"button","aria-describedby":o.open?o.contentId:void 0,"data-state":o.stateAttribute},e,{ref:n,onMouseEnter:f(e.onMouseEnter,o.onOpen),onMouseLeave:f(e.onMouseLeave,o.onClose),onMouseDown:f(e.onMouseDown,o.onClose),onFocus:f(e.onFocus,o.onFocus),onBlur:f(e.onBlur,o.onClose),onKeyDown:f(e.onKeyDown,(e=>{"Enter"!==e.key&&" "!==e.key||o.onClose()}))})))}));/*#__PURE__*/export const TooltipContent=/*#__PURE__*/g.forwardRef(((e,t)=>{const{forceMount:o,...n}=e,r=D("TooltipContent");/*#__PURE__*/return g.createElement(a,{present:o||r.open},/*#__PURE__*/g.createElement(w,E({ref:t},n)))}));const w=/*#__PURE__*/g.forwardRef(((e,i)=>{const{children:a,"aria-label":s,portalled:l=!0,...c}=e,d=D("TooltipContent"),p=l?n:g.Fragment;return u((()=>d.onClose())),/*#__PURE__*/g.createElement(p,null,/*#__PURE__*/g.createElement(h,null),/*#__PURE__*/g.createElement(r.Content,E({"data-state":d.stateAttribute},c,{ref:i,style:{...c.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/g.createElement(o,null,a),/*#__PURE__*/g.createElement(t.Root,{id:d.contentId,role:"tooltip"},s||a)))}));/*#__PURE__*/export const TooltipArrow=/*#__PURE__*/g.forwardRef(((e,t)=>/*#__PURE__*/g.createElement(r.Arrow,E({},e,{ref:t}))));/*#__PURE__*/function h(){const e=D("CheckTriggerMoved"),t=s(e.trigger),o=null==t?void 0:t.left,n=l(o),r=null==t?void 0:t.top,i=l(r),a=e.onClose;return g.useEffect((()=>{(void 0!==n&&n!==o||void 0!==i&&i!==r)&&a()}),[a,n,i,o,r]),null}export const Root=Tooltip;export const Trigger=TooltipTrigger;export const Content=TooltipContent;export const Arrow=TooltipArrow;
+import{useId as e}from"@radix-ui/react-id";import*as t from"@radix-ui/react-visually-hidden";import{Slottable as o}from"@radix-ui/react-slot";import{Portal as n}from"@radix-ui/react-portal";import*as r from"@radix-ui/react-popper";import{createPopperScope as i}from"@radix-ui/react-popper";import{Primitive as a}from"@radix-ui/react-primitive";import{Presence as s}from"@radix-ui/react-presence";import{useRect as l}from"@radix-ui/react-use-rect";import{usePrevious as c}from"@radix-ui/react-use-previous";import{useLayoutEffect as p}from"@radix-ui/react-use-layout-effect";import{useEscapeKeydown as u}from"@radix-ui/react-use-escape-keydown";import{useControllableState as d}from"@radix-ui/react-use-controllable-state";import{createContextScope as m}from"@radix-ui/react-context";import{useComposedRefs as f}from"@radix-ui/react-compose-refs";import{composeEventHandlers as g}from"@radix-ui/primitive";import*as E from"react";import x from"@babel/runtime/helpers/esm/extends";function y(e){return{type:"machine.actions.assign",assign:e}}let T,C;const v=y(((e,t)=>{var o;return{...e,id:null!==(o=t.id)&&void 0!==o?o:e.id}})),_=function(e,{debug:t=!1,warnOnUnknownTransitions:o=!1}={}){let n=e.initial,r=e.context;const i=[],a=s=>{var l,c;const p=e.states[n],u=s.type,d=null===(l=e.on)||void 0===l?void 0:l[u],m=null===(c=p.on)||void 0===c?void 0:c[u],f=null!=d?d:m;if(void 0===f)o&&console.warn(`From state: "${n}", event "${u}" has no transition to any state`);else{const{target:o,actions:l=[],cond:c=(()=>!0)}=f,u=o?e.states[o]:{};if(c(r,s)){const e=(p.exit||[]).concat(l,u.entry||[]);r=function(e,t,o){let n=o;return null==e||e.forEach((e=>{"function"==typeof e?e(n,t,a):"machine.actions.assign"===e.type&&(n=e.assign(n,t))})),n}(e,s,r),o&&(n=o,t&&(console.group("event:",s),console.log("state:",n),console.log("context:",r),console.groupEnd()),i.forEach((e=>e({state:n,context:r}))))}}};return{subscribe:function(e){return i.push(e),()=>{i.splice(i.indexOf(e),1)}},send:a,getContext:function(){return r}}}({initial:"closed",context:{id:null,delayed:!1},on:{FOCUS:{target:"open"}},states:{closed:{entry:[y((e=>({...e,id:null})))],on:{OPEN:{target:"opening"}}},opening:{entry:[(e,t,o)=>{const n=t.delayDuration,r=()=>o({type:"DELAY_TIMER_END"});void 0===n?r():T=window.setTimeout(r,n)},v,y((e=>({...e,delayed:!0})))],exit:[()=>clearTimeout(T)],on:{DELAY_TIMER_END:{target:"open"},CLOSE:{target:"closed"}}},open:{entry:[v],exit:[y((e=>({...e,delayed:!1})))],on:{OPEN:{target:"open"},CLOSE:{target:"closing",cond:(e,t)=>e.id===t.id}}},closing:{entry:[(e,t,o)=>{var n;const r=null!==(n=t.skipDelayDuration)&&void 0!==n?n:300;C=window.setTimeout((()=>o({type:"SKIP_DELAY_TIMER_END"})),r)}],exit:[()=>clearTimeout(C)],on:{OPEN:{target:"open"},SKIP_DELAY_TIMER_END:{target:"closed"}}}}}),[b,D]=m("Tooltip",[i]);export{D as createTooltipScope};const w=i(),[h,O]=b("Tooltip");export const Tooltip=t=>{const{__scopeTooltip:o,children:n,open:i,defaultOpen:a=!1,onOpenChange:s,delayDuration:l=700,skipDelayDuration:c=300}=t,u=w(o),[m,f]=E.useState(null),g=e(),[x=!1,y]=d({prop:i,defaultProp:a,onChange:s}),[T,C]=E.useState(i?"instant-open":"closed");E.useEffect((()=>_.subscribe((({state:e,context:t})=>{"open"===e&&t.id===g?y(!0):y(!1)}))),[g,y]),E.useEffect((()=>_.subscribe((({state:e,context:t})=>{t.id===g?C("open"===e?t.delayed?"delayed-open":"instant-open":"closed"):C("closed")}))),[g]);const v=E.useCallback((()=>_.send({type:"FOCUS",id:g})),[g]),b=E.useCallback((()=>_.send({type:"OPEN",id:g,delayDuration:l})),[g,l]),D=E.useCallback((()=>_.send({type:"CLOSE",id:g,skipDelayDuration:c})),[c,g]);return E.useEffect((()=>()=>D()),[D]),p((()=>{!0===i&&_.send({type:"OPEN",id:g})}),[g,i]),/*#__PURE__*/E.createElement(r.Root,u,/*#__PURE__*/E.createElement(h,{scope:o,contentId:g,open:x,stateAttribute:T,trigger:m,onTriggerChange:f,onFocus:v,onOpen:b,onClose:D},n))};/*#__PURE__*/export const TooltipTrigger=/*#__PURE__*/E.forwardRef(((e,t)=>{const{__scopeTooltip:o,...n}=e,i=O("TooltipTrigger",o),s=w(o),l=f(t,i.onTriggerChange);/*#__PURE__*/return E.createElement(r.Anchor,x({asChild:!0},s),/*#__PURE__*/E.createElement(a.button,x({type:"button","aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute},n,{ref:l,onMouseEnter:g(e.onMouseEnter,i.onOpen),onMouseLeave:g(e.onMouseLeave,i.onClose),onMouseDown:g(e.onMouseDown,i.onClose),onFocus:g(e.onFocus,i.onFocus),onBlur:g(e.onBlur,i.onClose),onKeyDown:g(e.onKeyDown,(e=>{"Enter"!==e.key&&" "!==e.key||i.onClose()}))})))}));/*#__PURE__*/export const TooltipContent=/*#__PURE__*/E.forwardRef(((e,t)=>{const{forceMount:o,...n}=e,r=O("TooltipContent",e.__scopeTooltip);/*#__PURE__*/return E.createElement(s,{present:o||r.open},/*#__PURE__*/E.createElement(A,x({ref:t},n)))}));const A=/*#__PURE__*/E.forwardRef(((e,i)=>{const{__scopeTooltip:a,children:s,"aria-label":l,portalled:c=!0,...p}=e,d=O("TooltipContent",a),m=w(a),f=c?n:E.Fragment;return u((()=>d.onClose())),/*#__PURE__*/E.createElement(f,null,/*#__PURE__*/E.createElement(M,{__scopeTooltip:a}),/*#__PURE__*/E.createElement(r.Content,x({"data-state":d.stateAttribute},m,p,{ref:i,style:{...p.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/E.createElement(o,null,s),/*#__PURE__*/E.createElement(t.Root,{id:d.contentId,role:"tooltip"},l||s)))}));/*#__PURE__*/export const TooltipArrow=/*#__PURE__*/E.forwardRef(((e,t)=>{const{__scopeTooltip:o,...n}=e,i=w(o);/*#__PURE__*/return E.createElement(r.Arrow,x({},i,n,{ref:t}))}));/*#__PURE__*/function M(e){const{__scopeTooltip:t}=e,o=O("CheckTriggerMoved",t),n=l(o.trigger),r=null==n?void 0:n.left,i=c(r),a=null==n?void 0:n.top,s=c(a),p=o.onClose;return E.useEffect((()=>{(void 0!==i&&i!==r||void 0!==s&&s!==a)&&p()}),[p,i,s,r,a]),null}export const Root=Tooltip;export const Trigger=TooltipTrigger;export const Content=TooltipContent;export const Arrow=TooltipArrow;
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +1 @@
-{"mappings":"m5BA8HA,SAASA,EACPC,GAEA,MAAO,CAAEC,KAjIgB,yBAiIUF,OAAQC,GC9G7C,IAAIE,EACAC,EAEJ,MAsBMC,EAAuBC,GAAO,CAACC,EAASC,KAAV,IAAAC,EAAA,MAAqB,IACpDF,EACHG,GAAE,QAAAD,EAAGD,EAAcE,UAAjB,IAAAD,EAAAA,EAAuBF,EAAQG,OCpB7BC,EFSN,SACEC,GACAC,MAAEA,GAAQ,EAAVC,yBAAiBA,GAA2B,GAAkB,IAE9D,IAAIC,EAAeH,EAAWI,QAC1BC,EAAiBL,EAAWL,QAGhC,MAAMW,EAAmC,GAanCC,EAAQX,IAAiB,IAAAY,EAAAC,EAC7B,MAAMC,EAAkBV,EAAWW,OAAOR,GACpCb,EAAkCM,EAAMN,KACxCsB,EAAiE,QAAAJ,EAAGR,EAAWa,UAAd,IAAAL,OAAA,EAAGA,EAAgBlB,GACpFwB,EAA8D,QAAAL,EAClEC,EAAgBG,UADkD,IAAAJ,OAAA,EAClEA,EAAqBnB,GACjByB,EAAaH,MAAAA,EAAAA,EAAsBE,EAEzC,QAAmBE,IAAfD,EACEb,GACFe,QAAQC,KACL,gBAAef,cAAyBb,yCAGxC,CACL,MAAQ6B,OAAQC,EAAVC,QAAqBA,EAAU,GAA/BC,KAAmCA,EAAO,MAAM,IAASP,EACzDQ,EAAsBH,EAAYpB,EAAWW,OAAOS,GAAa,GAEvE,GAAIE,EAAKjB,EAAgBT,GAAQ,CAE/B,MAAM4B,GAAcd,EAAgBe,MAAQ,IAAIC,OAC9CL,EACAE,EAAoBI,OAAS,IAE/BtB,EAsBN,SACEgB,EACAzB,EACAD,GAEA,IAAIiC,EAAcjC,EAQlB,OAPA0B,MAAAA,GAAAA,EAASQ,SAASC,IACM,mBAAXA,EACTA,EAAOF,EAAahC,EAAOW,GA9GR,2BA+GVuB,EAAOxC,OAChBsC,EAAcE,EAAO1C,OAAOwC,EAAahC,OAGtCgC,EAnCcG,CAAeP,EAAY5B,EAAOS,GAE/Ce,IACFjB,EAAeiB,EAEXnB,IACFgB,QAAQe,MAAM,SAAUpC,GACxBqB,QAAQgB,IAAI,SAAU9B,GACtBc,QAAQgB,IAAI,WAAY5B,GACxBY,QAAQiB,YApChB5B,EAAcuB,SAASM,GAAaA,EAAS,CAAEC,MAAOjC,EAAcR,QAASU,UAiE/E,MAAO,CAAEgC,UAzET,SAAmBF,GAEjB,OADA7B,EAAcgC,KAAKH,GACZ,KACL7B,EAAciC,OAAOjC,EAAckC,QAAQL,GAAW,KAsEtC5B,KAAAA,EAAMkC,WApB1B,WACE,OAAOpC,IEzEUqC,CD0BwB,CAC3CtC,QAAS,SACTT,QAAS,CAAEG,GAAI,KAAM6C,SAAS,GAC9B9B,GAAI,CACF+B,MAAO,CAAEzB,OAAQ,SAEnBR,OAAQ,CACNkC,OAAQ,CACNlB,MAAO,CAZkBjC,GAAQC,IAAD,IAAmBA,EAASG,GAAI,UAahEe,GAAI,CACFiC,KAAM,CAAE3B,OAAQ,aAIpB4B,QAAS,CACPpB,MAAO,CA7C0B,CAAChC,EAASC,EAAOW,KACtD,MAAMyC,EAAqCpD,EAAcoD,cACnDC,EAAe,IAAM1C,EAAK,CAAEjB,KAAM,yBAClB0B,IAAlBgC,EACFC,IAEA1D,EAAe2D,OAAOC,WAAWF,EAAcD,IAuCpBvD,EAlBGC,GAAQC,IAAD,IAAmBA,EAASgD,SAAS,OAmBxElB,KAAM,CApC4B,IAAM2B,aAAa7D,IAqCrDsB,GAAI,CACFwC,gBAAiB,CAAElC,OAAQ,QAC3BmC,MAAO,CAAEnC,OAAQ,YAIrBoC,KAAM,CACJ5B,MAAO,CAAClC,GACRgC,KAAM,CA3BwB/B,GAAQC,IAAD,IAAmBA,EAASgD,SAAS,OA4B1E9B,GAAI,CACFiC,KAAM,CAAE3B,OAAQ,QAChBmC,MAAO,CACLnC,OAAQ,UACRG,KAAM,CAAC3B,EAASC,IAAUD,EAAQG,KAAQF,EAAcE,MAK9D0D,QAAS,CACP7B,MAAO,CAtD8B,CAAChC,EAASC,EAAOW,KAAS,IAAAkD,EACnE,MAAMC,EAAyB,QAAAD,EAAI7D,EAAc8D,yBAAlB,IAAAD,EAAAA,EAAuC,IACtEjE,EAAmB0D,OAAOC,YACxB,IAAM5C,EAAK,CAAEjB,KAAM,0BACnBoE,KAmDEjC,KAAM,CA/CgC,IAAM2B,aAAa5D,IAgDzDqB,GAAI,CACFiC,KAAM,CAAE3B,OAAQ,QAChBwC,qBAAsB,CAAExC,OAAQ,gBC/CjCyC,EAAiBC,GAAqBC,EAbxB,kBAiCrB,MAAMC,QAAmCC,IACvC,MAAMC,SACJA,EACAV,KAAMW,EAFFC,YAGJA,GAAc,EAHVC,aAIJA,EAJIpB,cAKJA,EAAgB,IALZU,kBAMJA,EAAoB,KAClBM,GACGK,EAASC,GAAcC,EAAMC,SAAmC,MACjEC,EAAYC,KACXnB,GAAO,EAAOoB,GAAWC,EAAqB,CACnDC,KAAMX,EACNY,YAAaX,EACbY,SAAUX,KAELY,EAAgBC,GAAqBV,EAAMC,SAChDN,EAAW,eAAiB,UAI9BK,EAAMW,WAAU,IACMnF,EAAasC,WAAU,EAAGD,MAAAA,EAAOzC,QAAAA,MACrC,SAAVyC,GAAoBzC,EAAQG,KAAO2E,EACrCE,GAAQ,GAERA,GAAQ,OAKX,CAACF,EAAWE,IAGfJ,EAAMW,WAAU,IACMnF,EAAasC,WAAU,EAAGD,MAAAA,EAAOzC,QAAAA,MAC/CA,EAAQG,KAAO2E,EAEfQ,EADY,SAAV7C,EACgBzC,EAAQgD,QAAU,eAAiB,eAEnC,UAGpBsC,EAAkB,cAKrB,CAACR,IAEJ,MAAMU,EAAcZ,EAAMa,aACxB,IAAMrF,EAAaQ,KAAK,CAAEjB,KAAM,QAASQ,GAAI2E,KAC7C,CAACA,IAEGY,EAAad,EAAMa,aACvB,IAAMrF,EAAaQ,KAAK,CAAEjB,KAAM,OAAQQ,GAAI2E,EAAWzB,cAAAA,KACvD,CAACyB,EAAWzB,IAERsC,EAAcf,EAAMa,aACxB,IAAMrF,EAAaQ,KAAK,CAAEjB,KAAM,QAASQ,GAAI2E,EAAWf,kBAAAA,KACxD,CAACA,EAAmBe,IActB,OAVAF,EAAMW,WAAU,IAAM,IAAMI,KAAe,CAACA,IAI5CC,GAAgB,MACG,IAAbrB,GACFnE,EAAaQ,KAAK,CAAEjB,KAAM,OAAQQ,GAAI2E,MAEvC,CAACA,EAAWP,iBAGbsB,EAAAC,cAACC,EAAgBC,KAAjB,kBACEH,EAAAC,cAACG,EAAD,CACEnB,UAAWA,EACXlB,KAAMA,EACNyB,eAAgBA,EAChBX,QAASA,EACTwB,gBAAiBvB,EACjBwB,QAASX,EACTY,OAAQV,EACRW,QAASV,GAERrB,yBAkBT,MAAMgC,4BAAiB1B,EAAM2B,YAC3B,CAAClC,EAAOmC,KACN,MAAMxG,EAAUkE,EARC,kBASXuC,EAAqBC,EAAgBF,EAAcxG,EAAQkG,8BACjE,OACEL,EAAAC,cAACC,EAAgBY,OAAjB,CAAwBC,SAAO,gBAC7Bf,EAAAC,cAACe,EAAUC,OAAXC,EAAA,CACEpH,KAAK,SACL,mBAAkBK,EAAQ4D,KAAO5D,EAAQ8E,eAAYzD,EACrD,aAAYrB,EAAQqF,gBAChBhB,EAJN,CAKE2C,IAAKP,EACLQ,aAAcC,EAAqB7C,EAAM4C,aAAcjH,EAAQoG,QAC/De,aAAcD,EAAqB7C,EAAM8C,aAAcnH,EAAQqG,SAC/De,YAAaF,EAAqB7C,EAAM+C,YAAapH,EAAQqG,SAC7DF,QAASe,EAAqB7C,EAAM8B,QAASnG,EAAQmG,SACrDkB,OAAQH,EAAqB7C,EAAMgD,OAAQrH,EAAQqG,SACnDiB,UAAWJ,EAAqB7C,EAAMiD,WAAYrH,IAC9B,UAAdA,EAAMsH,KAAiC,MAAdtH,EAAMsH,KACjCvH,EAAQqG,wCA0BtB,MAAMmB,4BAAiB5C,EAAM2B,YAC3B,CAAClC,EAAOmC,KACN,MAAMiB,WAAEA,KAAeC,GAAiBrD,EAClCrE,EAAUkE,EAdC,+BAejB,OACE2B,EAAAC,cAAC6B,EAAD,CAAUC,QAASH,GAAczH,EAAQ4D,mBACvCiC,EAAAC,cAAC+B,EAADd,EAAA,CAAoBC,IAAKR,GAAkBkB,QAqBnD,MAAMI,eAAqBlD,EAAM2B,YAC/B,CAAClC,EAAOmC,KACN,MAAMlC,SAAEA,EAAU,aAAcyD,EAA1BC,UAAqCA,GAAY,KAASN,GAAiBrD,EAC3ErE,EAAUkE,EAzCC,kBA0CX+D,EAAgBD,EAAYE,EAAStD,EAAMuD,SAIjD,OAFAC,GAAiB,IAAMpI,EAAQqG,yBAG7BR,EAAAC,cAACmC,EAAD,kBACEpC,EAAAC,cAACuC,EAAD,mBACAxC,EAAAC,cAACC,EAAgBuC,QAAjBvB,EAAA,CACE,aAAY/G,EAAQqF,gBAChBqC,EAFN,CAGEV,IAAKR,EACL+B,MAAO,IACFb,EAAaa,MAEhB,2CACE,uDAGJ1C,EAAAC,cAAC0C,EAAD,KAAYlE,gBACZuB,EAAAC,cAAC2C,EAAwBzC,KAAzB,CAA8B7F,GAAIH,EAAQ8E,UAAW4D,KAAK,WACvDX,GAAazD,4BAoB1B,MAAMqE,0BAAe/D,EAAM2B,YACzB,CAAClC,EAAOmC,iBAAiBX,EAAAC,cAACC,EAAgB6C,MAAjB7B,EAAA,GAA2B1C,EAA3B,CAAkC2C,IAAKR,oBAOlE,SAASqC,IACP,MAAM7I,EAAUkE,EAAkB,qBAE5B4E,EAAcC,EAAQ/I,EAAQ0E,SAC9BsE,EAAcF,MAAAA,OAAH,EAAGA,EAAaG,KAC3BC,EAAsBC,EAAYH,GAClCI,EAAaN,MAAAA,OAAH,EAAGA,EAAaO,IAC1BC,EAAqBH,EAAYC,GACjCzD,EAAc3F,EAAQqG,QAa5B,OAXAzB,EAAMW,WAAU,WAGalE,IAAxB6H,GAAqCA,IAAwBF,QACtC3H,IAAvBiI,GAAoCA,IAAuBF,IAG5DzD,MAED,CAACA,EAAauD,EAAqBI,EAAoBN,EAAaI,IAEhE,YAGT,MAAMpD,KAAO5B,eACb,MAAMmF,QAAUjD,sBAChB,MAAMgC,QAAUd,sBAChB,MAAMoB,MAAQD","sources":["./packages/react/tooltip/src/createStateMachine.tsx","./packages/react/tooltip/src/tooltipStateChart.tsx","./packages/react/tooltip/src/Tooltip.tsx"],"sourcesContent":["const ASSIGN_ACTION_TYPE = 'machine.actions.assign' as const;\n\nconst isProduction = process.env.NODE_ENV === 'production';\n\ntype StateChart<State extends string, Context, Event extends { type: string }> = {\n  initial: State;\n  context: Context;\n  on?: {\n    [eventType in Event['type']]?: Transition<State, Context, Event>;\n  };\n  states: {\n    [stateValue in State]: {\n      on?: {\n        [eventType in Event['type']]?: Transition<State, Context, Event>;\n      };\n      entry?: Array<Action<Context, Event>>;\n      exit?: Array<Action<Context, Event>>;\n    };\n  };\n};\n\ntype Transition<State extends string, Context, Event> = {\n  target?: State;\n  actions?: Array<Action<Context, Event>>;\n  cond?: (context: Context, Event: Event) => boolean;\n};\n\ntype Action<Context, Event> = ActionFunction<Context, Event> | AssignAction<Context, Event>;\n\ntype ActionFunction<Context, Event> = (\n  context: Context,\n  event: Event,\n  send: (event: Event) => void\n) => void;\n\nfunction createStateMachine<State extends string, Context, Event extends { type: string }>(\n  stateChart: StateChart<State, Context, Event>,\n  { debug = false, warnOnUnknownTransitions = !isProduction } = {}\n) {\n  let currentState = stateChart.initial;\n  let currentContext = stateChart.context;\n\n  type CallbackFn = (args: { state: State; context: Context }) => void;\n  const subscriptions: Array<CallbackFn> = [];\n\n  function subscribe(callback: CallbackFn) {\n    subscriptions.push(callback);\n    return () => {\n      subscriptions.splice(subscriptions.indexOf(callback), 1);\n    };\n  }\n\n  function notify() {\n    subscriptions.forEach((callback) => callback({ state: currentState, context: currentContext }));\n  }\n\n  const send = (event: Event) => {\n    const stateDefinition = stateChart.states[currentState];\n    const type: Event['type'] | undefined = event.type;\n    const topLevelTransition: Transition<State, Context, Event> | undefined = stateChart.on?.[type];\n    const stateTransition: Transition<State, Context, Event> | undefined =\n      stateDefinition.on?.[type];\n    const transition = topLevelTransition ?? stateTransition;\n\n    if (transition === undefined) {\n      if (warnOnUnknownTransitions) {\n        console.warn(\n          `From state: \"${currentState}\", event \"${type}\" has no transition to any state`\n        );\n      }\n    } else {\n      const { target: nextState, actions = [], cond = () => true } = transition;\n      const nextStateDefinition = nextState ? stateChart.states[nextState] : {};\n\n      if (cond(currentContext, event)) {\n        // execute actions\n        const allActions = (stateDefinition.exit || []).concat(\n          actions,\n          nextStateDefinition.entry || []\n        );\n        currentContext = executeActions(allActions, event, currentContext);\n\n        if (nextState) {\n          currentState = nextState;\n\n          if (debug) {\n            console.group('event:', event);\n            console.log('state:', currentState);\n            console.log('context:', currentContext);\n            console.groupEnd();\n          }\n\n          notify();\n        }\n      }\n    }\n  };\n\n  function getContext() {\n    return currentContext;\n  }\n\n  function executeActions(\n    actions: Array<Action<Context, Event>>,\n    event: Event,\n    context: Context\n  ): Context {\n    let nextContext = context;\n    actions?.forEach((action) => {\n      if (typeof action === 'function') {\n        action(nextContext, event, send);\n      } else if (action.type === ASSIGN_ACTION_TYPE) {\n        nextContext = action.assign(nextContext, event);\n      }\n    });\n    return nextContext;\n  }\n\n  return { subscribe, send, getContext };\n}\n\ntype AssignAction<Context, Event> = {\n  type: typeof ASSIGN_ACTION_TYPE;\n  assign(context: Context, event: Event): Context;\n};\n\nfunction assign<Context, Event>(\n  assignFn: AssignAction<Context, Event>['assign']\n): AssignAction<Context, Event> {\n  return { type: ASSIGN_ACTION_TYPE, assign: assignFn };\n}\n\nexport { createStateMachine, assign };\nexport type { StateChart, Action };\n","import { assign } from './createStateMachine';\n\nimport type { StateChart, Action } from './createStateMachine';\n\ntype TooltipState = 'closed' | 'opening' | 'open' | 'closing';\n\ntype TooltipEvent =\n  | { type: 'OPEN'; id: string; delayDuration?: number }\n  | { type: 'CLOSE'; id: string; skipDelayDuration: number }\n  | { type: 'FOCUS'; id: string }\n  | { type: 'DELAY_TIMER_END' }\n  | { type: 'SKIP_DELAY_TIMER_END' };\n\ntype TooltipContext = { id: string | null; delayed: boolean };\n\ntype TooltipStateChart = StateChart<TooltipState, TooltipContext, TooltipEvent>;\ntype TooltipAction = Action<TooltipContext, TooltipEvent>;\n\n// actions\nlet delayTimerId: number;\nlet skipDelayTimerId: number;\n\nconst startDelayTimer: TooltipAction = (context, event, send) => {\n  const delayDuration: number | undefined = (event as any).delayDuration;\n  const sendTimerEnd = () => send({ type: 'DELAY_TIMER_END' });\n  if (delayDuration === undefined) {\n    sendTimerEnd();\n  } else {\n    delayTimerId = window.setTimeout(sendTimerEnd, delayDuration);\n  }\n};\n\nconst cancelDelayTimer: TooltipAction = () => clearTimeout(delayTimerId);\n\nconst startSkipDelayTimer: TooltipAction = (context, event, send) => {\n  const skipDelayDuration: number = (event as any).skipDelayDuration ?? 300;\n  skipDelayTimerId = window.setTimeout(\n    () => send({ type: 'SKIP_DELAY_TIMER_END' }),\n    skipDelayDuration\n  );\n};\n\nconst cancelSkipDelayTimer: TooltipAction = () => clearTimeout(skipDelayTimerId);\n\nconst setId: TooltipAction = assign((context, event) => ({\n  ...context,\n  id: (event as any).id ?? context.id,\n}));\nconst resetId: TooltipAction = assign((context) => ({ ...context, id: null }));\nconst setDelayed: TooltipAction = assign((context) => ({ ...context, delayed: true }));\nconst resetDelayed: TooltipAction = assign((context) => ({ ...context, delayed: false }));\n\nconst tooltipStateChart: TooltipStateChart = {\n  initial: 'closed',\n  context: { id: null, delayed: false },\n  on: {\n    FOCUS: { target: 'open' },\n  },\n  states: {\n    closed: {\n      entry: [resetId],\n      on: {\n        OPEN: { target: 'opening' },\n      },\n    },\n\n    opening: {\n      entry: [startDelayTimer, setId, setDelayed],\n      exit: [cancelDelayTimer],\n      on: {\n        DELAY_TIMER_END: { target: 'open' },\n        CLOSE: { target: 'closed' },\n      },\n    },\n\n    open: {\n      entry: [setId],\n      exit: [resetDelayed],\n      on: {\n        OPEN: { target: 'open' },\n        CLOSE: {\n          target: 'closing',\n          cond: (context, event) => context.id === (event as any).id,\n        },\n      },\n    },\n\n    closing: {\n      entry: [startSkipDelayTimer],\n      exit: [cancelSkipDelayTimer],\n      on: {\n        OPEN: { target: 'open' },\n        SKIP_DELAY_TIMER_END: { target: 'closed' },\n      },\n    },\n  },\n};\n\nexport { tooltipStateChart };\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContext } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { usePrevious } from '@radix-ui/react-use-previous';\nimport { useRect } from '@radix-ui/react-use-rect';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Slottable } from '@radix-ui/react-slot';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\nimport { useId } from '@radix-ui/react-id';\nimport { createStateMachine } from './createStateMachine';\nimport { tooltipStateChart } from './tooltipStateChart';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * State machine\n * -----------------------------------------------------------------------------------------------*/\n\ntype StateAttribute = 'closed' | 'delayed-open' | 'instant-open';\nconst stateMachine = createStateMachine(tooltipStateChart);\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLTIP_NAME = 'Tooltip';\n\ntype TooltipContextValue = {\n  contentId: string;\n  open: boolean;\n  stateAttribute: StateAttribute;\n  trigger: TooltipTriggerElement | null;\n  onTriggerChange(trigger: TooltipTriggerElement | null): void;\n  onFocus(): void;\n  onOpen(): void;\n  onClose(): void;\n};\n\nconst [TooltipProvider, useTooltipContext] = createContext<TooltipContextValue>(TOOLTIP_NAME);\n\ninterface TooltipProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * The duration from when the mouse enters the trigger until the tooltip gets opened.\n   * (default: 700)\n   */\n  delayDuration?: number;\n\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * (default: 300)\n   */\n  skipDelayDuration?: number;\n}\n\nconst Tooltip: React.FC<TooltipProps> = (props) => {\n  const {\n    children,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    delayDuration = 700,\n    skipDelayDuration = 300,\n  } = props;\n  const [trigger, setTrigger] = React.useState<HTMLButtonElement | null>(null);\n  const contentId = useId();\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n  const [stateAttribute, setStateAttribute] = React.useState<StateAttribute>(\n    openProp ? 'instant-open' : 'closed'\n  );\n\n  // control open state using state machine subscription\n  React.useEffect(() => {\n    const unsubscribe = stateMachine.subscribe(({ state, context }) => {\n      if (state === 'open' && context.id === contentId) {\n        setOpen(true);\n      } else {\n        setOpen(false);\n      }\n    });\n\n    return unsubscribe;\n  }, [contentId, setOpen]);\n\n  // sync state attribute with using state machine subscription\n  React.useEffect(() => {\n    const unsubscribe = stateMachine.subscribe(({ state, context }) => {\n      if (context.id === contentId) {\n        if (state === 'open') {\n          setStateAttribute(context.delayed ? 'delayed-open' : 'instant-open');\n        } else {\n          setStateAttribute('closed');\n        }\n      } else {\n        setStateAttribute('closed');\n      }\n    });\n\n    return unsubscribe;\n  }, [contentId]);\n\n  const handleFocus = React.useCallback(\n    () => stateMachine.send({ type: 'FOCUS', id: contentId }),\n    [contentId]\n  );\n  const handleOpen = React.useCallback(\n    () => stateMachine.send({ type: 'OPEN', id: contentId, delayDuration }),\n    [contentId, delayDuration]\n  );\n  const handleClose = React.useCallback(\n    () => stateMachine.send({ type: 'CLOSE', id: contentId, skipDelayDuration }),\n    [skipDelayDuration, contentId]\n  );\n\n  // send transition if the component unmounts\n  React.useEffect(() => () => handleClose(), [handleClose]);\n\n  // if we're controlling the component\n  // put the state machine in the appropriate state\n  useLayoutEffect(() => {\n    if (openProp === true) {\n      stateMachine.send({ type: 'OPEN', id: contentId });\n    }\n  }, [contentId, openProp]);\n\n  return (\n    <PopperPrimitive.Root>\n      <TooltipProvider\n        contentId={contentId}\n        open={open}\n        stateAttribute={stateAttribute}\n        trigger={trigger}\n        onTriggerChange={setTrigger}\n        onFocus={handleFocus}\n        onOpen={handleOpen}\n        onClose={handleClose}\n      >\n        {children}\n      </TooltipProvider>\n    </PopperPrimitive.Root>\n  );\n};\n\nTooltip.displayName = TOOLTIP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TooltipTrigger';\n\ntype TooltipTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TooltipTriggerProps extends PrimitiveButtonProps {}\n\nconst TooltipTrigger = React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>(\n  (props, forwardedRef) => {\n    const context = useTooltipContext(TRIGGER_NAME);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.onTriggerChange);\n    return (\n      <PopperPrimitive.Anchor asChild>\n        <Primitive.button\n          type=\"button\"\n          aria-describedby={context.open ? context.contentId : undefined}\n          data-state={context.stateAttribute}\n          {...props}\n          ref={composedTriggerRef}\n          onMouseEnter={composeEventHandlers(props.onMouseEnter, context.onOpen)}\n          onMouseLeave={composeEventHandlers(props.onMouseLeave, context.onClose)}\n          onMouseDown={composeEventHandlers(props.onMouseDown, context.onClose)}\n          onFocus={composeEventHandlers(props.onFocus, context.onFocus)}\n          onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n          onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              context.onClose();\n            }\n          })}\n        />\n      </PopperPrimitive.Anchor>\n    );\n  }\n);\n\nTooltipTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TooltipContent';\n\ntype TooltipContentElement = TooltipContentImplElement;\ninterface TooltipContentProps extends TooltipContentImplProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n  (props, forwardedRef) => {\n    const { forceMount, ...contentProps } = props;\n    const context = useTooltipContext(CONTENT_NAME);\n    return (\n      <Presence present={forceMount || context.open}>\n        <TooltipContentImpl ref={forwardedRef} {...contentProps} />\n      </Presence>\n    );\n  }\n);\n\ntype TooltipContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface TooltipContentImplProps extends PopperContentProps {\n  /**\n   * A more descriptive label for accessibility purpose\n   */\n  'aria-label'?: string;\n\n  /**\n   * Whether the Tooltip should render in a Portal\n   * (default: `true`)\n   */\n  portalled?: boolean;\n}\n\nconst TooltipContentImpl = React.forwardRef<TooltipContentImplElement, TooltipContentImplProps>(\n  (props, forwardedRef) => {\n    const { children, 'aria-label': ariaLabel, portalled = true, ...contentProps } = props;\n    const context = useTooltipContext(CONTENT_NAME);\n    const PortalWrapper = portalled ? Portal : React.Fragment;\n\n    useEscapeKeydown(() => context.onClose());\n\n    return (\n      <PortalWrapper>\n        <CheckTriggerMoved />\n        <PopperPrimitive.Content\n          data-state={context.stateAttribute}\n          {...contentProps}\n          ref={forwardedRef}\n          style={{\n            ...contentProps.style,\n            // re-namespace exposed content custom property\n            ['--radix-tooltip-content-transform-origin' as any]:\n              'var(--radix-popper-transform-origin)',\n          }}\n        >\n          <Slottable>{children}</Slottable>\n          <VisuallyHiddenPrimitive.Root id={context.contentId} role=\"tooltip\">\n            {ariaLabel || children}\n          </VisuallyHiddenPrimitive.Root>\n        </PopperPrimitive.Content>\n      </PortalWrapper>\n    );\n  }\n);\n\nTooltipContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'TooltipArrow';\n\ntype TooltipArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface TooltipArrowProps extends PopperArrowProps {}\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(\n  (props, forwardedRef) => <PopperPrimitive.Arrow {...props} ref={forwardedRef} />\n);\n\nTooltipArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction CheckTriggerMoved() {\n  const context = useTooltipContext('CheckTriggerMoved');\n\n  const triggerRect = useRect(context.trigger);\n  const triggerLeft = triggerRect?.left;\n  const previousTriggerLeft = usePrevious(triggerLeft);\n  const triggerTop = triggerRect?.top;\n  const previousTriggerTop = usePrevious(triggerTop);\n  const handleClose = context.onClose;\n\n  React.useEffect(() => {\n    // checking if the user has scrolled…\n    const hasTriggerMoved =\n      (previousTriggerLeft !== undefined && previousTriggerLeft !== triggerLeft) ||\n      (previousTriggerTop !== undefined && previousTriggerTop !== triggerTop);\n\n    if (hasTriggerMoved) {\n      handleClose();\n    }\n  }, [handleClose, previousTriggerLeft, previousTriggerTop, triggerLeft, triggerTop]);\n\n  return null;\n}\n\nconst Root = Tooltip;\nconst Trigger = TooltipTrigger;\nconst Content = TooltipContent;\nconst Arrow = TooltipArrow;\n\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  //\n  Root,\n  Trigger,\n  Content,\n  Arrow,\n};\nexport type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipArrowProps };\n"],"names":["assign","assignFn","type","delayTimerId","skipDelayTimerId","setId","$ef54466d8a95ecaa234e3ec978fbe68$export$assign","context","event","_id","id","stateMachine","stateChart","debug","warnOnUnknownTransitions","currentState","initial","currentContext","subscriptions","send","_stateChart$on","_stateDefinition$on","stateDefinition","states","topLevelTransition","on","stateTransition","transition","undefined","console","warn","target","nextState","actions","cond","nextStateDefinition","allActions","exit","concat","entry","nextContext","forEach","action","executeActions","group","log","groupEnd","callback","state","subscribe","push","splice","indexOf","getContext","$ef54466d8a95ecaa234e3ec978fbe68$export$createStateMachine","delayed","FOCUS","closed","OPEN","opening","delayDuration","sendTimerEnd","window","setTimeout","clearTimeout","DELAY_TIMER_END","CLOSE","open","closing","_skipDelayDuration","skipDelayDuration","SKIP_DELAY_TIMER_END","TooltipProvider","useTooltipContext","createContext","Tooltip","props","children","openProp","defaultOpen","onOpenChange","trigger","setTrigger","React","useState","contentId","useId","setOpen","useControllableState","prop","defaultProp","onChange","stateAttribute","setStateAttribute","useEffect","handleFocus","useCallback","handleOpen","handleClose","useLayoutEffect","_react","createElement","_radixUiReactPopper","Root","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipProvider","onTriggerChange","onFocus","onOpen","onClose","TooltipTrigger","forwardRef","forwardedRef","composedTriggerRef","useComposedRefs","Anchor","asChild","Primitive","button","_babelRuntimeHelpersEsmExtends","ref","onMouseEnter","composeEventHandlers","onMouseLeave","onMouseDown","onBlur","onKeyDown","key","TooltipContent","forceMount","contentProps","Presence","present","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipContentImpl","TooltipContentImpl","ariaLabel","portalled","PortalWrapper","Portal","Fragment","useEscapeKeydown","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$CheckTriggerMoved","Content","style","Slottable","_radixUiReactVisuallyHidden","role","TooltipArrow","Arrow","CheckTriggerMoved","triggerRect","useRect","triggerLeft","left","previousTriggerLeft","usePrevious","triggerTop","top","previousTriggerTop","Trigger"],"version":3,"file":"index.module.js.map"}
+{"mappings":"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","sources":["./packages/react/tooltip/src/createStateMachine.tsx","./packages/react/tooltip/src/tooltipStateChart.tsx","./packages/react/tooltip/src/Tooltip.tsx"],"sourcesContent":["const ASSIGN_ACTION_TYPE = 'machine.actions.assign' as const;\n\nconst isProduction = process.env.NODE_ENV === 'production';\n\ntype StateChart<State extends string, Context, Event extends { type: string }> = {\n  initial: State;\n  context: Context;\n  on?: {\n    [eventType in Event['type']]?: Transition<State, Context, Event>;\n  };\n  states: {\n    [stateValue in State]: {\n      on?: {\n        [eventType in Event['type']]?: Transition<State, Context, Event>;\n      };\n      entry?: Array<Action<Context, Event>>;\n      exit?: Array<Action<Context, Event>>;\n    };\n  };\n};\n\ntype Transition<State extends string, Context, Event> = {\n  target?: State;\n  actions?: Array<Action<Context, Event>>;\n  cond?: (context: Context, Event: Event) => boolean;\n};\n\ntype Action<Context, Event> = ActionFunction<Context, Event> | AssignAction<Context, Event>;\n\ntype ActionFunction<Context, Event> = (\n  context: Context,\n  event: Event,\n  send: (event: Event) => void\n) => void;\n\nfunction createStateMachine<State extends string, Context, Event extends { type: string }>(\n  stateChart: StateChart<State, Context, Event>,\n  { debug = false, warnOnUnknownTransitions = !isProduction } = {}\n) {\n  let currentState = stateChart.initial;\n  let currentContext = stateChart.context;\n\n  type CallbackFn = (args: { state: State; context: Context }) => void;\n  const subscriptions: Array<CallbackFn> = [];\n\n  function subscribe(callback: CallbackFn) {\n    subscriptions.push(callback);\n    return () => {\n      subscriptions.splice(subscriptions.indexOf(callback), 1);\n    };\n  }\n\n  function notify() {\n    subscriptions.forEach((callback) => callback({ state: currentState, context: currentContext }));\n  }\n\n  const send = (event: Event) => {\n    const stateDefinition = stateChart.states[currentState];\n    const type: Event['type'] | undefined = event.type;\n    const topLevelTransition: Transition<State, Context, Event> | undefined = stateChart.on?.[type];\n    const stateTransition: Transition<State, Context, Event> | undefined =\n      stateDefinition.on?.[type];\n    const transition = topLevelTransition ?? stateTransition;\n\n    if (transition === undefined) {\n      if (warnOnUnknownTransitions) {\n        console.warn(\n          `From state: \"${currentState}\", event \"${type}\" has no transition to any state`\n        );\n      }\n    } else {\n      const { target: nextState, actions = [], cond = () => true } = transition;\n      const nextStateDefinition = nextState ? stateChart.states[nextState] : {};\n\n      if (cond(currentContext, event)) {\n        // execute actions\n        const allActions = (stateDefinition.exit || []).concat(\n          actions,\n          nextStateDefinition.entry || []\n        );\n        currentContext = executeActions(allActions, event, currentContext);\n\n        if (nextState) {\n          currentState = nextState;\n\n          if (debug) {\n            console.group('event:', event);\n            console.log('state:', currentState);\n            console.log('context:', currentContext);\n            console.groupEnd();\n          }\n\n          notify();\n        }\n      }\n    }\n  };\n\n  function getContext() {\n    return currentContext;\n  }\n\n  function executeActions(\n    actions: Array<Action<Context, Event>>,\n    event: Event,\n    context: Context\n  ): Context {\n    let nextContext = context;\n    actions?.forEach((action) => {\n      if (typeof action === 'function') {\n        action(nextContext, event, send);\n      } else if (action.type === ASSIGN_ACTION_TYPE) {\n        nextContext = action.assign(nextContext, event);\n      }\n    });\n    return nextContext;\n  }\n\n  return { subscribe, send, getContext };\n}\n\ntype AssignAction<Context, Event> = {\n  type: typeof ASSIGN_ACTION_TYPE;\n  assign(context: Context, event: Event): Context;\n};\n\nfunction assign<Context, Event>(\n  assignFn: AssignAction<Context, Event>['assign']\n): AssignAction<Context, Event> {\n  return { type: ASSIGN_ACTION_TYPE, assign: assignFn };\n}\n\nexport { createStateMachine, assign };\nexport type { StateChart, Action };\n","import { assign } from './createStateMachine';\n\nimport type { StateChart, Action } from './createStateMachine';\n\ntype TooltipState = 'closed' | 'opening' | 'open' | 'closing';\n\ntype TooltipEvent =\n  | { type: 'OPEN'; id: string; delayDuration?: number }\n  | { type: 'CLOSE'; id: string; skipDelayDuration: number }\n  | { type: 'FOCUS'; id: string }\n  | { type: 'DELAY_TIMER_END' }\n  | { type: 'SKIP_DELAY_TIMER_END' };\n\ntype TooltipContext = { id: string | null; delayed: boolean };\n\ntype TooltipStateChart = StateChart<TooltipState, TooltipContext, TooltipEvent>;\ntype TooltipAction = Action<TooltipContext, TooltipEvent>;\n\n// actions\nlet delayTimerId: number;\nlet skipDelayTimerId: number;\n\nconst startDelayTimer: TooltipAction = (context, event, send) => {\n  const delayDuration: number | undefined = (event as any).delayDuration;\n  const sendTimerEnd = () => send({ type: 'DELAY_TIMER_END' });\n  if (delayDuration === undefined) {\n    sendTimerEnd();\n  } else {\n    delayTimerId = window.setTimeout(sendTimerEnd, delayDuration);\n  }\n};\n\nconst cancelDelayTimer: TooltipAction = () => clearTimeout(delayTimerId);\n\nconst startSkipDelayTimer: TooltipAction = (context, event, send) => {\n  const skipDelayDuration: number = (event as any).skipDelayDuration ?? 300;\n  skipDelayTimerId = window.setTimeout(\n    () => send({ type: 'SKIP_DELAY_TIMER_END' }),\n    skipDelayDuration\n  );\n};\n\nconst cancelSkipDelayTimer: TooltipAction = () => clearTimeout(skipDelayTimerId);\n\nconst setId: TooltipAction = assign((context, event) => ({\n  ...context,\n  id: (event as any).id ?? context.id,\n}));\nconst resetId: TooltipAction = assign((context) => ({ ...context, id: null }));\nconst setDelayed: TooltipAction = assign((context) => ({ ...context, delayed: true }));\nconst resetDelayed: TooltipAction = assign((context) => ({ ...context, delayed: false }));\n\nconst tooltipStateChart: TooltipStateChart = {\n  initial: 'closed',\n  context: { id: null, delayed: false },\n  on: {\n    FOCUS: { target: 'open' },\n  },\n  states: {\n    closed: {\n      entry: [resetId],\n      on: {\n        OPEN: { target: 'opening' },\n      },\n    },\n\n    opening: {\n      entry: [startDelayTimer, setId, setDelayed],\n      exit: [cancelDelayTimer],\n      on: {\n        DELAY_TIMER_END: { target: 'open' },\n        CLOSE: { target: 'closed' },\n      },\n    },\n\n    open: {\n      entry: [setId],\n      exit: [resetDelayed],\n      on: {\n        OPEN: { target: 'open' },\n        CLOSE: {\n          target: 'closing',\n          cond: (context, event) => context.id === (event as any).id,\n        },\n      },\n    },\n\n    closing: {\n      entry: [startSkipDelayTimer],\n      exit: [cancelSkipDelayTimer],\n      on: {\n        OPEN: { target: 'open' },\n        SKIP_DELAY_TIMER_END: { target: 'closed' },\n      },\n    },\n  },\n};\n\nexport { tooltipStateChart };\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { usePrevious } from '@radix-ui/react-use-previous';\nimport { useRect } from '@radix-ui/react-use-rect';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Slottable } from '@radix-ui/react-slot';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\nimport { useId } from '@radix-ui/react-id';\nimport { createStateMachine } from './createStateMachine';\nimport { tooltipStateChart } from './tooltipStateChart';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * State machine\n * -----------------------------------------------------------------------------------------------*/\n\ntype StateAttribute = 'closed' | 'delayed-open' | 'instant-open';\nconst stateMachine = createStateMachine(tooltipStateChart);\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLTIP_NAME = 'Tooltip';\n\ntype ScopedProps<P> = P & { __scopeTooltip?: Scope };\nconst [createTooltipContext, createTooltipScope] = createContextScope(TOOLTIP_NAME, [\n  createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\ntype TooltipContextValue = {\n  contentId: string;\n  open: boolean;\n  stateAttribute: StateAttribute;\n  trigger: TooltipTriggerElement | null;\n  onTriggerChange(trigger: TooltipTriggerElement | null): void;\n  onFocus(): void;\n  onOpen(): void;\n  onClose(): void;\n};\n\nconst [TooltipProvider, useTooltipContext] =\n  createTooltipContext<TooltipContextValue>(TOOLTIP_NAME);\n\ninterface TooltipProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * The duration from when the mouse enters the trigger until the tooltip gets opened.\n   * (default: 700)\n   */\n  delayDuration?: number;\n\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * (default: 300)\n   */\n  skipDelayDuration?: number;\n  children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<TooltipProps> = (props: ScopedProps<TooltipProps>) => {\n  const {\n    __scopeTooltip,\n    children,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    delayDuration = 700,\n    skipDelayDuration = 300,\n  } = props;\n  const popperScope = usePopperScope(__scopeTooltip);\n  const [trigger, setTrigger] = React.useState<HTMLButtonElement | null>(null);\n  const contentId = useId();\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n  const [stateAttribute, setStateAttribute] = React.useState<StateAttribute>(\n    openProp ? 'instant-open' : 'closed'\n  );\n\n  // control open state using state machine subscription\n  React.useEffect(() => {\n    const unsubscribe = stateMachine.subscribe(({ state, context }) => {\n      if (state === 'open' && context.id === contentId) {\n        setOpen(true);\n      } else {\n        setOpen(false);\n      }\n    });\n\n    return unsubscribe;\n  }, [contentId, setOpen]);\n\n  // sync state attribute with using state machine subscription\n  React.useEffect(() => {\n    const unsubscribe = stateMachine.subscribe(({ state, context }) => {\n      if (context.id === contentId) {\n        if (state === 'open') {\n          setStateAttribute(context.delayed ? 'delayed-open' : 'instant-open');\n        } else {\n          setStateAttribute('closed');\n        }\n      } else {\n        setStateAttribute('closed');\n      }\n    });\n\n    return unsubscribe;\n  }, [contentId]);\n\n  const handleFocus = React.useCallback(\n    () => stateMachine.send({ type: 'FOCUS', id: contentId }),\n    [contentId]\n  );\n  const handleOpen = React.useCallback(\n    () => stateMachine.send({ type: 'OPEN', id: contentId, delayDuration }),\n    [contentId, delayDuration]\n  );\n  const handleClose = React.useCallback(\n    () => stateMachine.send({ type: 'CLOSE', id: contentId, skipDelayDuration }),\n    [skipDelayDuration, contentId]\n  );\n\n  // send transition if the component unmounts\n  React.useEffect(() => () => handleClose(), [handleClose]);\n\n  // if we're controlling the component\n  // put the state machine in the appropriate state\n  useLayoutEffect(() => {\n    if (openProp === true) {\n      stateMachine.send({ type: 'OPEN', id: contentId });\n    }\n  }, [contentId, openProp]);\n\n  return (\n    <PopperPrimitive.Root {...popperScope}>\n      <TooltipProvider\n        scope={__scopeTooltip}\n        contentId={contentId}\n        open={open}\n        stateAttribute={stateAttribute}\n        trigger={trigger}\n        onTriggerChange={setTrigger}\n        onFocus={handleFocus}\n        onOpen={handleOpen}\n        onClose={handleClose}\n      >\n        {children}\n      </TooltipProvider>\n    </PopperPrimitive.Root>\n  );\n};\n\nTooltip.displayName = TOOLTIP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TooltipTrigger';\n\ntype TooltipTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TooltipTriggerProps extends PrimitiveButtonProps {}\n\nconst TooltipTrigger = React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>(\n  (props: ScopedProps<TooltipTriggerProps>, forwardedRef) => {\n    const { __scopeTooltip, ...triggerProps } = props;\n    const context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);\n    const popperScope = usePopperScope(__scopeTooltip);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.onTriggerChange);\n    return (\n      <PopperPrimitive.Anchor asChild {...popperScope}>\n        <Primitive.button\n          type=\"button\"\n          aria-describedby={context.open ? context.contentId : undefined}\n          data-state={context.stateAttribute}\n          {...triggerProps}\n          ref={composedTriggerRef}\n          onMouseEnter={composeEventHandlers(props.onMouseEnter, context.onOpen)}\n          onMouseLeave={composeEventHandlers(props.onMouseLeave, context.onClose)}\n          onMouseDown={composeEventHandlers(props.onMouseDown, context.onClose)}\n          onFocus={composeEventHandlers(props.onFocus, context.onFocus)}\n          onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n          onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              context.onClose();\n            }\n          })}\n        />\n      </PopperPrimitive.Anchor>\n    );\n  }\n);\n\nTooltipTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TooltipContent';\n\ntype TooltipContentElement = TooltipContentImplElement;\ninterface TooltipContentProps extends TooltipContentImplProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n  (props: ScopedProps<TooltipContentProps>, forwardedRef) => {\n    const { forceMount, ...contentProps } = props;\n    const context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);\n    return (\n      <Presence present={forceMount || context.open}>\n        <TooltipContentImpl ref={forwardedRef} {...contentProps} />\n      </Presence>\n    );\n  }\n);\n\ntype TooltipContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface TooltipContentImplProps extends PopperContentProps {\n  /**\n   * A more descriptive label for accessibility purpose\n   */\n  'aria-label'?: string;\n\n  /**\n   * Whether the Tooltip should render in a Portal\n   * (default: `true`)\n   */\n  portalled?: boolean;\n}\n\nconst TooltipContentImpl = React.forwardRef<TooltipContentImplElement, TooltipContentImplProps>(\n  (props: ScopedProps<TooltipContentImplProps>, forwardedRef) => {\n    const {\n      __scopeTooltip,\n      children,\n      'aria-label': ariaLabel,\n      portalled = true,\n      ...contentProps\n    } = props;\n    const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);\n    const popperScope = usePopperScope(__scopeTooltip);\n    const PortalWrapper = portalled ? Portal : React.Fragment;\n\n    useEscapeKeydown(() => context.onClose());\n\n    return (\n      <PortalWrapper>\n        <CheckTriggerMoved __scopeTooltip={__scopeTooltip} />\n        <PopperPrimitive.Content\n          data-state={context.stateAttribute}\n          {...popperScope}\n          {...contentProps}\n          ref={forwardedRef}\n          style={{\n            ...contentProps.style,\n            // re-namespace exposed content custom property\n            ['--radix-tooltip-content-transform-origin' as any]:\n              'var(--radix-popper-transform-origin)',\n          }}\n        >\n          <Slottable>{children}</Slottable>\n          <VisuallyHiddenPrimitive.Root id={context.contentId} role=\"tooltip\">\n            {ariaLabel || children}\n          </VisuallyHiddenPrimitive.Root>\n        </PopperPrimitive.Content>\n      </PortalWrapper>\n    );\n  }\n);\n\nTooltipContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'TooltipArrow';\n\ntype TooltipArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface TooltipArrowProps extends PopperArrowProps {}\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(\n  (props: ScopedProps<TooltipArrowProps>, forwardedRef) => {\n    const { __scopeTooltip, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopeTooltip);\n    return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n  }\n);\n\nTooltipArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction CheckTriggerMoved(props: ScopedProps<{}>) {\n  const { __scopeTooltip } = props;\n  const context = useTooltipContext('CheckTriggerMoved', __scopeTooltip);\n\n  const triggerRect = useRect(context.trigger);\n  const triggerLeft = triggerRect?.left;\n  const previousTriggerLeft = usePrevious(triggerLeft);\n  const triggerTop = triggerRect?.top;\n  const previousTriggerTop = usePrevious(triggerTop);\n  const handleClose = context.onClose;\n\n  React.useEffect(() => {\n    // checking if the user has scrolled…\n    const hasTriggerMoved =\n      (previousTriggerLeft !== undefined && previousTriggerLeft !== triggerLeft) ||\n      (previousTriggerTop !== undefined && previousTriggerTop !== triggerTop);\n\n    if (hasTriggerMoved) {\n      handleClose();\n    }\n  }, [handleClose, previousTriggerLeft, previousTriggerTop, triggerLeft, triggerTop]);\n\n  return null;\n}\n\nconst Root = Tooltip;\nconst Trigger = TooltipTrigger;\nconst Content = TooltipContent;\nconst Arrow = TooltipArrow;\n\nexport {\n  createTooltipScope,\n  //\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  //\n  Root,\n  Trigger,\n  Content,\n  Arrow,\n};\nexport type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipArrowProps };\n"],"names":["assign","assignFn","type","delayTimerId","skipDelayTimerId","setId","$ef54466d8a95ecaa234e3ec978fbe68$export$assign","context","event","_id","id","stateMachine","stateChart","debug","warnOnUnknownTransitions","currentState","initial","currentContext","subscriptions","send","_stateChart$on","_stateDefinition$on","stateDefinition","states","topLevelTransition","on","stateTransition","transition","undefined","console","warn","target","nextState","actions","cond","nextStateDefinition","allActions","exit","concat","entry","nextContext","forEach","action","executeActions","group","log","groupEnd","callback","state","subscribe","push","splice","indexOf","getContext","$ef54466d8a95ecaa234e3ec978fbe68$export$createStateMachine","delayed","FOCUS","closed","OPEN","opening","delayDuration","sendTimerEnd","window","setTimeout","clearTimeout","DELAY_TIMER_END","CLOSE","open","closing","_skipDelayDuration","skipDelayDuration","SKIP_DELAY_TIMER_END","createTooltipContext","createTooltipScope","createContextScope","createPopperScope","usePopperScope","TooltipProvider","useTooltipContext","Tooltip","props","__scopeTooltip","children","openProp","defaultOpen","onOpenChange","popperScope","trigger","setTrigger","React","useState","contentId","useId","setOpen","useControllableState","prop","defaultProp","onChange","stateAttribute","setStateAttribute","useEffect","handleFocus","useCallback","handleOpen","handleClose","useLayoutEffect","_react","createElement","_radixUiReactPopper","Root","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipProvider","scope","onTriggerChange","onFocus","onOpen","onClose","TooltipTrigger","forwardRef","forwardedRef","triggerProps","composedTriggerRef","useComposedRefs","Anchor","_babelRuntimeHelpersEsmExtends","asChild","Primitive","button","ref","onMouseEnter","composeEventHandlers","onMouseLeave","onMouseDown","onBlur","onKeyDown","key","TooltipContent","forceMount","contentProps","Presence","present","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipContentImpl","TooltipContentImpl","ariaLabel","portalled","PortalWrapper","Portal","Fragment","useEscapeKeydown","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$CheckTriggerMoved","Content","style","Slottable","_radixUiReactVisuallyHidden","role","TooltipArrow","arrowProps","Arrow","CheckTriggerMoved","triggerRect","useRect","triggerLeft","left","previousTriggerLeft","usePrevious","triggerTop","top","previousTriggerTop","Trigger"],"version":3,"file":"index.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-tooltip",
-  "version": "0.1.1-rc.6",
+  "version": "0.1.1",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -19,19 +19,19 @@
     "@babel/runtime": "^7.13.10",
     "@radix-ui/primitive": "0.1.0",
     "@radix-ui/react-compose-refs": "0.1.0",
-    "@radix-ui/react-context": "0.1.0",
-    "@radix-ui/react-id": "0.1.0",
-    "@radix-ui/react-popper": "0.1.1-rc.6",
-    "@radix-ui/react-portal": "0.1.1-rc.6",
-    "@radix-ui/react-presence": "0.1.1-rc.3",
-    "@radix-ui/react-primitive": "0.1.1-rc.6",
-    "@radix-ui/react-slot": "0.1.1-rc.2",
+    "@radix-ui/react-context": "0.1.1",
+    "@radix-ui/react-id": "0.1.1",
+    "@radix-ui/react-popper": "0.1.1",
+    "@radix-ui/react-portal": "0.1.1",
+    "@radix-ui/react-presence": "0.1.1",
+    "@radix-ui/react-primitive": "0.1.1",
+    "@radix-ui/react-slot": "0.1.1",
     "@radix-ui/react-use-controllable-state": "0.1.0",
     "@radix-ui/react-use-escape-keydown": "0.1.0",
     "@radix-ui/react-use-layout-effect": "0.1.0",
     "@radix-ui/react-use-previous": "0.1.0",
-    "@radix-ui/react-use-rect": "0.1.0",
-    "@radix-ui/react-visually-hidden": "0.1.1-rc.6"
+    "@radix-ui/react-use-rect": "0.1.1",
+    "@radix-ui/react-visually-hidden": "0.1.1"
   },
   "peerDependencies": {
     "react": "^16.8 || ^17.0",
@@ -44,6 +44,5 @@
   },
   "bugs": {
     "url": "https://github.com/radix-ui/primitives/issues"
-  },
-  "stableVersion": "0.1.0"
+  }
 }