selection-popover - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

dist/index.d.ts

@@ -19,6 +19,8 @@ import * as React from 'react';
 declare const Selection: (props: SelectionProps) => JSX.Element;
+interface SelectionTriggerProps extends SelectionTriggerImplProps {
+}
+declare const SelectionTrigger: React.ForwardRefExoticComponent<SelectionTriggerProps & React.RefAttributes<HTMLDivElement>>;
 type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
-interface SelectionTriggerProps extends PrimitiveDivProps {
+interface SelectionTriggerImplProps extends PrimitiveDivProps {
 }
-declare const SelectionTrigger: React.ForwardRefExoticComponent<SelectionTriggerProps & React.RefAttributes<HTMLDivElement>>;
 type PortalProps = React.ComponentPropsWithoutRef<typeof Portal>;
@@ -25,0 +27,0 @@ interface SelectionPortalProps extends Omit<PortalProps, 'asChild'> {

dist/index.js

@@ -1,1 +0,1 @@
-var Ae=Object.create;var I=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var Me=Object.getOwnPropertyNames;var Ie=Object.getPrototypeOf,Ne=Object.prototype.hasOwnProperty;var De=(e,o)=>{for(var t in o)I(e,t,{get:o[t],enumerable:!0})},oe=(e,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of Me(o))!Ne.call(e,r)&&r!==t&&I(e,r,{get:()=>o[r],enumerable:!(i=Oe(o,r))||i.enumerable});return e};var re=(e,o,t)=>(t=e!=null?Ae(Ie(e)):{},oe(o||!e||!e.__esModule?I(t,"default",{value:e,enumerable:!0}):t,e)),We=e=>oe(I({},"__esModule",{value:!0}),e);var je={};De(je,{Arrow:()=>ue,Content:()=>fe,Portal:()=>de,Root:()=>He,Trigger:()=>ce});module.exports=We(je);var n=re(require("react")),N=require("@radix-ui/react-context"),A=require("@radix-ui/react-compose-refs"),X=require("@radix-ui/react-presence"),ie=require("@radix-ui/react-use-controllable-state"),D=require("@radix-ui/react-primitive"),le=require("@radix-ui/react-use-size"),se=require("@radix-ui/react-portal"),Y=require("@radix-ui/react-use-layout-effect"),ae=re(require("@radix-ui/react-arrow")),c=require("@floating-ui/react-dom");var[Le,x]=(0,N.createContext)("Selection"),He=e=>{let{children:o,open:t,defaultOpen:i,onOpenChange:r,whileSelect:g=!1,disabled:d=!1}=e,[u,s]=n.useState({getBoundingClientRect:()=>DOMRect.fromRect()}),[l,f]=n.useState(null),[p=!1,m]=(0,ie.useControllableState)({prop:t,defaultProp:i,onChange:r});return n.createElement(Le,{open:p,onOpenChange:m,whileSelect:g,virtualRef:u,onVirtualRefChange:s,trigger:l,onTriggerChange:f,disabled:d},o)},W="SelectionTrigger",ce=n.forwardRef((e,o)=>{let t=x(W),i=(0,A.useComposedRefs)(o,r=>t.onTriggerChange(r));return t.whileSelect?n.createElement(Be,{...e,ref:i}):n.createElement(Ve,{...e,ref:i})});ce.displayName=W;var Be=n.forwardRef((e,o)=>{let t=x(W),i=n.useRef(null),r=n.useRef(""),g=(0,A.useComposedRefs)(o,i),{onOpenChange:d,onVirtualRefChange:u}=t;return n.useEffect(()=>{if(!t.disabled){let s=()=>{if(r.current!=="mouse")return;let l=document.getSelection();if(!l)return;if(l.isCollapsed)return d(!1);let f=i.current;if(!(f==null?void 0:f.contains(l.anchorNode)))return;if(l.toString().trim()!==""){let a=l.getRangeAt(0);d(!0),u({getBoundingClientRect:()=>a.getBoundingClientRect()})}};return document.addEventListener("selectionchange",s),()=>document.removeEventListener("selectionchange",s)}},[t.disabled,d,u]),n.createElement(D.Primitive.div,{...e,ref:g,onPointerDown:s=>{var l;(l=e.onPointerDown)==null||l.call(e,s),r.current=s.pointerType}})}),Ve=n.forwardRef((e,o)=>{let t=x(W),i=n.useRef(null),{onOpenChange:r,onVirtualRefChange:g}=t,d=(0,A.useComposedRefs)(o,i);return n.useEffect(()=>{if(!t.disabled){let u=i.current;if(!u)return;let s=l=>{l.pointerType==="mouse"&&setTimeout(()=>{let f=document.getSelection();if(!f)return;if(f.isCollapsed)return r(!1);let p=i.current;if(!(p==null?void 0:p.contains(f.anchorNode)))return;let a=f==null?void 0:f.getRangeAt(0);a&&(r(!0),g({getBoundingClientRect:()=>a.getBoundingClientRect()}))})};return u.addEventListener("pointerup",s),()=>u.removeEventListener("pointerup",s)}},[r,g,t.disabled]),n.createElement(D.Primitive.div,{...e,ref:d})}),U="SelectionPortal",[$e,_e]=(0,N.createContext)(U,{forceMount:void 0}),de=e=>{let{forceMount:o,container:t,children:i}=e,r=x(U);return n.createElement($e,{forceMount:o},n.createElement(X.Presence,{present:o||r.open},n.createElement(se.Portal,{asChild:!0,container:t},i)))};de.displayName=U;var b="SelectionContent",fe=n.forwardRef((e,o)=>{let t=_e(b),{forceMount:i=t.forceMount,...r}=e,g=x(b);return n.createElement(X.Presence,{present:i||g.open},n.createElement(Ue,{...r,ref:o}))}),[Ye,Xe]=(0,N.createContext)(b),$,_,Ue=n.forwardRef((e,o)=>{var j,z,q,J,K,Q,ee,te,ne;let{side:t="top",sideOffset:i=0,align:r="center",alignOffset:g=0,arrowPadding:d=0,sticky:u="partial",collisionBoundary:s=[],collisionPadding:l=0,hideWhenDetached:f=!1,avoidCollisions:p=!0,...m}=e,a=x(b),{onOpenChange:P}=a,[h,w]=n.useState(!1),[R,O]=n.useState(null),M=(0,A.useComposedRefs)(o,S=>O(S)),[y,me]=n.useState(null),C=(0,le.useSize)(y),Se=(j=C==null?void 0:C.width)!=null?j:0,G=(z=C==null?void 0:C.height)!=null?z:0,Pe=t+(r!=="center"?"-"+r:""),he=typeof l=="number"?l:{top:0,right:0,bottom:0,left:0,...l},k=Array.isArray(s)?s:[s],we=k.length>0,L={padding:he,boundary:k.filter(ke),altBoundary:we},{x:H,y:B,strategy:Re,placement:ye,refs:V,middlewareData:v,isPositioned:F}=(0,c.useFloating)({strategy:"fixed",placement:Pe,whileElementsMounted:c.autoUpdate,middleware:[Fe(),(0,c.offset)({mainAxis:i+G,alignmentAxis:g}),p?(0,c.shift)({mainAxis:!0,crossAxis:!1,limiter:u==="partial"?(0,c.limitShift)():void 0,...L}):void 0,y?(0,c.arrow)({element:y,padding:d}):void 0,p?(0,c.flip)(L):void 0,(0,c.size)(L),Ze({arrowWidth:Se,arrowHeight:G}),f?(0,c.hide)({strategy:"referenceHidden"}):void 0]});(0,Y.useLayoutEffect)(()=>{V.setReference(a.virtualRef)},[a.virtualRef,V]),n.useEffect(()=>{if(!a.disabled){let S=E=>{E.pointerType==="mouse"&&(w(!0),setTimeout(()=>{let T=document.getSelection();T!=null&&T.isCollapsed&&P(!1)}))};return document.addEventListener("pointerdown",S),()=>document.removeEventListener("pointerdown",S)}},[a.disabled,P]),n.useEffect(()=>{if(a.trigger&&a.whileSelect){let S=document.body,E=a.trigger;$=S.style.userSelect,_=E.style.userSelect,S.style.userSelect="none",E.style.userSelect="text",w(!0);let T=()=>{S.style.userSelect=$,E.style.userSelect=_,w(!1)};return document.addEventListener("pointerup",T),()=>{S.style.userSelect=$,E.style.userSelect=_,document.removeEventListener("pointerup",T)}}},[a.whileSelect,a.trigger]);let[Z,Ce]=ge(ye),ve=(q=v.arrow)==null?void 0:q.x,Ee=(J=v.arrow)==null?void 0:J.y,Te=((K=v.arrow)==null?void 0:K.centerOffset)!==0,[xe,be]=n.useState();return(0,Y.useLayoutEffect)(()=>{R&&be(window.getComputedStyle(R).zIndex)},[R]),n.createElement("div",{ref:V.setFloating,style:{position:Re,top:0,left:0,transform:F?`translate3d(${Math.round(H!=null?H:0)}px, ${Math.round(B!=null?B:0)}px, 0)`:"translate3d(0, -200%, 0)",minWidth:"max-content",zIndex:xe,pointerEvents:h?"none":void 0}},n.createElement(Ye,{placedSide:Z,onArrowChange:me,arrowX:ve,arrowY:Ee,shouldHideArrow:Te},n.createElement(D.Primitive.div,{"data-side":Z,"data-align":Ce,"data-state":a.open?"open":"closed",...m,ref:M,style:{userSelect:"none",...m.style,pointerEvents:h?"none":(Q=m.style)==null?void 0:Q.pointerEvents,animation:F?void 0:"none",opacity:(ee=v.hide)!=null&&ee.referenceHidden?0:void 0,["--selection-popover-content-transform-origin"]:[(te=v.transformOrigin)==null?void 0:te.x,(ne=v.transformOrigin)==null?void 0:ne.y].join(" ")}})))});fe.displayName=b;var pe="SelectionArrow",Ge={top:"bottom",right:"left",bottom:"top",left:"right"},ue=n.forwardRef((e,o)=>{let t=Xe(pe),i=Ge[t.placedSide];return n.createElement("span",{ref:t.onArrowChange,style:{position:"absolute",left:t.arrowX,top:t.arrowY,[i]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[t.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[t.placedSide],visibility:t.shouldHideArrow?"hidden":void 0}},n.createElement(ae.Root,{...e,ref:o,style:{...e.style,display:"block"}}))});ue.displayName=pe;function ke(e){return e!==null}function ge(e){let[o,t="center"]=e.split("-");return[o,t]}var Fe=()=>({name:"anchorCssProperties",fn(e){let{rects:o,elements:t}=e,{width:i,height:r}=o.reference;return t.floating.style.setProperty("--selection-popover-select-width",`${i}px`),t.floating.style.setProperty("--selection-popover-select-height",`${r}px`),{}}}),Ze=e=>({name:"transformOrigin",options:e,fn(o){var w,R,O,M,y;let{placement:t,rects:i,middlewareData:r}=o,d=((w=r.arrow)==null?void 0:w.centerOffset)!==0,u=d?0:e.arrowWidth,s=d?0:e.arrowHeight,[l,f]=ge(t),p={start:"0%",center:"50%",end:"100%"}[f],m=((O=(R=r.arrow)==null?void 0:R.x)!=null?O:0)+u/2,a=((y=(M=r.arrow)==null?void 0:M.y)!=null?y:0)+s/2,P="",h="";return l==="bottom"?(P=d?p:`${m}px`,h=`${-s}px`):l==="top"?(P=d?p:`${m}px`,h=`${i.floating.height+s}px`):l==="right"?(P=`${-s}px`,h=d?p:`${a}px`):l==="left"&&(P=`${i.floating.width+s}px`,h=d?p:`${a}px`),{data:{x:P,y:h}}}});0&&(module.exports={Arrow,Content,Portal,Root,Trigger});
+"use strict";var xe=Object.create;var O=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var Ae=Object.getPrototypeOf,Oe=Object.prototype.hasOwnProperty;var Ie=(e,o)=>{for(var t in o)O(e,t,{get:o[t],enumerable:!0})},ee=(e,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of Te(o))!Oe.call(e,r)&&r!==t&&O(e,r,{get:()=>o[r],enumerable:!(i=be(o,r))||i.enumerable});return e};var te=(e,o,t)=>(t=e!=null?xe(Ae(e)):{},ee(o||!e||!e.__esModule?O(t,"default",{value:e,enumerable:!0}):t,e)),Me=e=>ee(O({},"__esModule",{value:!0}),e);var Xe={};Ie(Xe,{Arrow:()=>fe,Content:()=>se,Portal:()=>ce,Root:()=>Le,Trigger:()=>le});module.exports=Me(Xe);var n=te(require("react")),I=require("@radix-ui/react-context"),B=require("@radix-ui/react-compose-refs"),V=require("@radix-ui/react-presence"),ne=require("@radix-ui/react-use-controllable-state"),$=require("@radix-ui/react-primitive"),oe=require("@radix-ui/react-use-size"),re=require("@radix-ui/react-portal"),W=require("@radix-ui/react-use-layout-effect"),ie=te(require("@radix-ui/react-arrow")),d=require("@floating-ui/react-dom");var[De,v]=(0,I.createContext)("Selection"),Le=e=>{let{children:o,open:t,defaultOpen:i,onOpenChange:r,whileSelect:a=!1,disabled:l=!1}=e,[u,s]=n.useState({getBoundingClientRect:()=>DOMRect.fromRect(),getClientRects:()=>new DOMRectList}),[p,h]=n.useState(null),[c=!1,f]=(0,ne.useControllableState)({prop:t,defaultProp:i,onChange:r});return n.createElement(De,{open:c,onOpenChange:f,whileSelect:a,virtualRef:u,onVirtualRefChange:s,content:p,onContentChange:h,disabled:l},o)},M="SelectionTrigger",le=n.forwardRef((e,o)=>{let t=v(M);return t.whileSelect?n.createElement(Ne,{...e,ref:o}):n.createElement(ae,{...e,ref:o,onPointerUp:i=>{var r;(r=e.onPointerUp)==null||r.call(e,i),i.pointerType==="mouse"&&setTimeout(()=>{let a=document.getSelection();if(!a||a.toString().trim()==="")return;if(a.isCollapsed)return t.onOpenChange(!1);let l=a==null?void 0:a.getRangeAt(0);l&&(t.onOpenChange(!0),t.onVirtualRefChange({getBoundingClientRect:()=>l.getBoundingClientRect(),getClientRects:()=>l.getClientRects()}))})}})});le.displayName=M;var H,Ne=n.forwardRef((e,o)=>{let t=v(M),[i,r]=n.useState(!1),a=n.useRef(null),l=n.useRef(""),u=(0,B.useComposedRefs)(o,a),s=n.useCallback(()=>{r(!1)},[]),{onOpenChange:p,onVirtualRefChange:h}=t;return n.useEffect(()=>{if(!t.disabled){let c=()=>{if(l.current!=="mouse")return;let f=document.getSelection();if(!f)return;let m=a.current;if(!(m==null?void 0:m.contains(f.anchorNode)))return;if(f.isCollapsed)return p(!1);if(f.toString().trim()!==""){let P=f.getRangeAt(0);p(!0),h({getBoundingClientRect:()=>P.getBoundingClientRect(),getClientRects:()=>P.getClientRects()})}};return document.addEventListener("selectionchange",c),()=>document.removeEventListener("selectionchange",c)}},[t.disabled,p,h]),n.useEffect(()=>{if(i){let c=document.body;return H=c.style.userSelect||c.style.webkitUserSelect,c.style.userSelect="none",c.style.webkitUserSelect="none",()=>{c.style.userSelect=H,c.style.webkitUserSelect=H}}},[i]),n.useEffect(()=>()=>document.removeEventListener("pointerup",s),[s]),n.createElement(ae,{...e,ref:u,onPointerDown:c=>{var f;(f=e.onPointerDown)==null||f.call(e,c),l.current=c.pointerType,r(!0),document.addEventListener("pointerup",s,{once:!0})},style:{...e.style,userSelect:i?"text":void 0,WebkitUserSelect:i?"text":void 0}})}),ae=n.forwardRef((e,o)=>{let t=v(M),[i,r]=n.useState(!1),a=n.useCallback(()=>{r(!1)},[]);return n.useEffect(()=>{if(t.content&&i){let l=t.content,u=l.style.pointerEvents;return l.style.pointerEvents="none",()=>{l.style.pointerEvents=u}}},[t.content,i]),n.useEffect(()=>()=>document.removeEventListener("pointerup",a),[a]),n.createElement($.Primitive.div,{...e,ref:o,onPointerDown:l=>{var u;(u=e.onPointerDown)==null||u.call(e,l),r(!0),document.addEventListener("pointerup",a,{once:!0})}})}),U="SelectionPortal",[He,We]=(0,I.createContext)(U,{forceMount:void 0}),ce=e=>{let{forceMount:o,container:t,children:i}=e,r=v(U);return n.createElement(He,{forceMount:o},n.createElement(V.Presence,{present:o||r.open},n.createElement(re.Portal,{asChild:!0,container:t},i)))};ce.displayName=U;var E="SelectionContent",se=n.forwardRef((e,o)=>{let t=We(E),{forceMount:i=t.forceMount,...r}=e,a=v(E);return n.createElement(V.Presence,{present:i||a.open},n.createElement($e,{...r,ref:o}))}),[Be,Ve]=(0,I.createContext)(E),$e=n.forwardRef((e,o)=>{var F,Z,j,q,z,J,K,Q;let{side:t="top",sideOffset:i=0,align:r="center",alignOffset:a=0,arrowPadding:l=0,sticky:u="partial",collisionBoundary:s=[],collisionPadding:p=0,hideWhenDetached:h=!1,avoidCollisions:c=!0,...f}=e,m=v(E),{onOpenChange:g,onContentChange:S}=m,[P,x]=n.useState(null),b=(0,B.useComposedRefs)(o,y=>x(y)),[R,T]=n.useState(null),w=(0,oe.useSize)(R),pe=(F=w==null?void 0:w.width)!=null?F:0,k=(Z=w==null?void 0:w.height)!=null?Z:0,me=t+(r!=="center"?"-"+r:""),ge=typeof p=="number"?p:{top:0,right:0,bottom:0,left:0,...p},_=Array.isArray(s)?s:[s],Se=_.length>0,Y={padding:ge,boundary:_.filter(ke),altBoundary:Se},{x:D,y:L,strategy:Pe,placement:he,refs:A,middlewareData:C,isPositioned:X}=(0,d.useFloating)({strategy:"fixed",placement:me,whileElementsMounted:d.autoUpdate,middleware:[(0,d.inline)(),_e(),(0,d.offset)({mainAxis:i+k,alignmentAxis:a}),c?(0,d.flip)(Y):void 0,c?(0,d.shift)({mainAxis:!0,crossAxis:!1,limiter:u==="partial"?(0,d.limitShift)():void 0,...Y}):void 0,R?(0,d.arrow)({element:R,padding:l}):void 0,Ye({arrowWidth:pe,arrowHeight:k}),h?(0,d.hide)({strategy:"referenceHidden"}):void 0]});(0,W.useLayoutEffect)(()=>{A.setReference(m.virtualRef),S(A.floating.current)},[m.virtualRef,S,A]),n.useEffect(()=>{let y=()=>{setTimeout(()=>{let N=document.getSelection();N!=null&&N.isCollapsed&&g(!1)})};return document.addEventListener("pointerdown",y),document.addEventListener("pointerup",y),()=>{document.removeEventListener("pointerdown",y),document.removeEventListener("pointerup",y)}},[g]);let[G,Re]=ue(he),we=(j=C.arrow)==null?void 0:j.x,Ce=(q=C.arrow)==null?void 0:q.y,ye=((z=C.arrow)==null?void 0:z.centerOffset)!==0,[ve,Ee]=n.useState();return(0,W.useLayoutEffect)(()=>{P&&Ee(window.getComputedStyle(P).zIndex)},[P]),n.createElement("div",{ref:A.setFloating,style:{position:Pe,top:0,left:0,transform:X?`translate3d(${Math.round(D!=null?D:0)}px, ${Math.round(L!=null?L:0)}px, 0)`:"translate3d(0, -200%, 0)",minWidth:"max-content",zIndex:ve}},n.createElement(Be,{placedSide:G,onArrowChange:T,arrowX:we,arrowY:Ce,shouldHideArrow:ye},n.createElement($.Primitive.div,{"data-side":G,"data-align":Re,"data-state":m.open?"open":"closed",...f,ref:b,style:{userSelect:"none",...f.style,animation:X?void 0:"none",opacity:(J=C.hide)!=null&&J.referenceHidden?0:void 0,["--selection-popover-content-transform-origin"]:[(K=C.transformOrigin)==null?void 0:K.x,(Q=C.transformOrigin)==null?void 0:Q.y].join(" ")}})))});se.displayName=E;var de="SelectionArrow",Ue={top:"bottom",right:"left",bottom:"top",left:"right"},fe=n.forwardRef((e,o)=>{let t=Ve(de),i=Ue[t.placedSide];return n.createElement("span",{ref:t.onArrowChange,style:{position:"absolute",left:t.arrowX,top:t.arrowY,[i]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[t.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[t.placedSide],visibility:t.shouldHideArrow?"hidden":void 0}},n.createElement(ie.Root,{...e,ref:o,style:{...e.style,display:"block"}}))});fe.displayName=de;function ke(e){return e!==null}function ue(e){let[o,t="center"]=e.split("-");return[o,t]}var _e=()=>({name:"anchorCssProperties",async fn(e){let{rects:o,elements:t,platform:i}=e,{width:r,height:a}=o.reference,{width:l,height:u}=o.floating;t.floating.style.setProperty("--selection-popover-select-width",`${r}px`),t.floating.style.setProperty("--selection-popover-select-height",`${a}px`);let s=await i.getDimensions(t.floating);return l!==s.width||u!==s.height?{reset:{rects:!0}}:{}}}),Ye=e=>({name:"transformOrigin",options:e,fn(o){var P,x,b,R,T;let{placement:t,rects:i,middlewareData:r}=o,l=((P=r.arrow)==null?void 0:P.centerOffset)!==0,u=l?0:e.arrowWidth,s=l?0:e.arrowHeight,[p,h]=ue(t),c={start:"0%",center:"50%",end:"100%"}[h],f=((b=(x=r.arrow)==null?void 0:x.x)!=null?b:0)+u/2,m=((T=(R=r.arrow)==null?void 0:R.y)!=null?T:0)+s/2,g="",S="";return p==="bottom"?(g=l?c:`${f}px`,S=`${-s}px`):p==="top"?(g=l?c:`${f}px`,S=`${i.floating.height+s}px`):p==="right"?(g=`${-s}px`,S=l?c:`${m}px`):p==="left"&&(g=`${i.floating.width+s}px`,S=l?c:`${m}px`),{data:{x:g,y:S}}}});0&&(module.exports={Arrow,Content,Portal,Root,Trigger});

package.json

 {
   "name": "selection-popover",
   "description": "Easy-to-use, composable react selection popover.",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "license": "MIT",
@@ -6,0 +6,0 @@ "main": "./dist/index.js",

README.md

@@ -13,5 +13,5 @@ <p align="center">
 
-  <a href="https://www.npmjs.com/package/selection-popover">![npm version](https://img.shields.io/npm/v/selection-popover.svg)</a>
-  <a href="https://www.npmjs.com/package/selection-popover">![npm downloads](https://img.shields.io/npm/dm/selection-popover.svg)</a>
-  
+<a href="https://www.npmjs.com/package/selection-popover">![npm version](https://img.shields.io/npm/v/selection-popover.svg)</a>
+<a href="https://www.npmjs.com/package/selection-popover">![npm downloads](https://img.shields.io/npm/dm/selection-popover.svg)</a>
+
 </div>
@@ -39,3 +39,3 @@
   - [Use with Radix Toolbar](#use-with-radix-toolbar)
-- [Acknowledge](#acknowledge)
+- [Acknowledgements](#acknowledgements)
 
@@ -135,3 +135,2 @@ ## Anatomy
 
-
 ### Origin-aware animations
@@ -298,5 +297,5 @@
 
-## Acknowledge
+## Acknowledgements
 
 - API heavily inspired on [Radix UI](https://www.radix-ui.com/)
 - Inspired by this [tweet](https://twitter.com/TobiasWhetton/status/1612821266242715648) from [Tobias Whetton](https://twitter.com/TobiasWhetton)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

34946

increased by2.7%

Lines of code

119

increased by5.31%

Worsened metrics

Number of lines in readme file

298

decreased by-0.33%

No dependency changes