chore(deps): update dependency @sanity/pkg-utils to v5

.prettierrc.json

@@ -2,5 +2,6 @@
   "semi": false,
   "printWidth": 100,
   "bracketSpacing": false,
-  "singleQuote": true
+  "singleQuote": true,
+  "plugins": ["prettier-plugin-packagejson"]
 }

package.json

@@ -18,11 +18,8 @@
     ".": {
       "types": "./lib/index.d.ts",
       "source": "./src/index.ts",
-      "require": "./lib/index.cjs",
-      "node": {
-        "import": "./lib/index.cjs.js"
-      },
       "import": "./lib/index.js",
+      "require": "./lib/index.cjs",
       "default": "./lib/index.js"
     },
     "./package.json": "./package.json"
@@ -49,21 +46,22 @@
     "type-check": "tsc --noEmit",
     "watch": "pkg-utils watch --strict"
   },
+  "browserslist": "extends @sanity/browserslist-config",
   "dependencies": {
     "@sanity/icons": "^2.7.0",
     "@sanity/incompatible-plugin": "^1.0.4",
-    "@sanity/preview-url-secret": "^1.3.3",
-    "@sanity/ui": "^2.0.0",
-    "framer-motion": "^10.16.5",
+    "@sanity/preview-url-secret": "^1.6.4",
+    "@sanity/ui": "^2.0.10",
+    "framer-motion": "11.0.8",
     "suspend-react": "0.1.3",
-    "usehooks-ts": "2.9.1"
+    "usehooks-ts": "2.16.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.2.0",
     "@commitlint/config-conventional": "^19.1.0",
-    "@sanity/pkg-utils": "^4.4.2",
+    "@sanity/pkg-utils": "^5.0.4",
     "@sanity/plugin-kit": "^3.1.10",
-    "@sanity/semantic-release-preset": "^4.1.6",
+    "@sanity/semantic-release-preset": "^4.1.7",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "eslint": "^8.55.0",
@@ -84,8 +82,8 @@
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "rimraf": "^5.0.1",
-    "sanity": "^3.21.1",
-    "styled-components": "^6.1.1",
+    "sanity": "^3.34.0",
+    "styled-components": "^6.1.8",
     "typescript": "^5.3.3"
   },
   "peerDependencies": {

src/Toolbar.tsx

@@ -49,6 +49,7 @@ export function Toolbar(props: ToolbarProps) {
         <Flex align="center" gap={2}>
           <Flex align="center" gap={1}>
             <Tooltip
+              animate
               content={
                 <Text size={1} style={{whiteSpace: 'nowrap'}}>
                   {iframeSize === 'mobile' ? 'Exit mobile preview' : 'Preview mobile viewport'}
@@ -71,6 +72,7 @@ export function Toolbar(props: ToolbarProps) {
           <Flex align="center" gap={1}>
             {reloadButton ? (
               <Tooltip
+                animate
                 content={
                   <Text size={1} style={{whiteSpace: 'nowrap'}}>
                     {reloading ? 'Reloading…' : 'Reload'}
@@ -91,6 +93,7 @@ export function Toolbar(props: ToolbarProps) {
               </Tooltip>
             ) : null}
             <Tooltip
+              animate
               content={
                 <Text size={1} style={{whiteSpace: 'nowrap'}}>
                   Copy URL
@@ -118,6 +121,7 @@ export function Toolbar(props: ToolbarProps) {
               />
             </Tooltip>
             <Tooltip
+              animate
               content={
                 <Text size={1} style={{whiteSpace: 'nowrap'}}>
                   Open URL in a new tab