@sanity/dashboard 3.1.1 → 3.1.2

package/lib/index.js

@@ -1,2 +1,745 @@
-"use strict";var e,t,n,r,i,o,s,a,l,d,c,u,h,p,g,f,x,m,j,b;function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}Object.defineProperty(exports,"__esModule",{value:!0});var O=require("react/jsx-runtime"),S=require("react"),P=require("@sanity/ui"),C=require("styled-components"),z=require("sanity"),B=require("rxjs"),T=require("rxjs/operators"),q=require("@sanity/icons"),_=require("@sanity/image-url");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=E(C),R=E(_);const M=I.default(P.Card)(e||(e=k(["\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n  height: 100%;\n  box-sizing: border-box;\n  position: relative;\n"]))),L=I.default(P.Card)(t||(t=k(["\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  border-top-left-radius: inherit;\n  border-top-right-radius: inherit;\n"]))),D=I.default(P.Card)(n||(n=k(["\n  position: sticky;\n  overflow: hidden;\n  bottom: 0;\n  z-index: 2;\n  border-bottom-right-radius: inherit;\n  border-bottom-left-radius: inherit;\n  margin-top: auto;\n"]))),F=I.default(P.Box)(r||(r=k(["\n  position: relative;\n  z-index: 1;\n  height: stretch;\n  min-height: 21.5em;\n\n  @media (min-width: ","px) {\n    overflow-y: auto;\n    outline: none;\n  }\n"])),(e=>{let{theme:t}=e;return t.sanity.media[0]})),H=S.forwardRef((function(e,t){const{header:n,children:r,footer:i}=e;return O.jsxs(M,{radius:3,display:"flex",ref:t,children:[n&&O.jsx(L,{borderBottom:!0,paddingX:3,paddingY:4,children:O.jsx(P.Heading,{size:1,textOverflow:"ellipsis",children:n})}),r&&O.jsx(F,{children:r}),i&&O.jsx(D,{borderTop:!0,children:i})]})}));function Y(){return z.useClient({apiVersion:"1"})}const A=S.createContext({widgets:[]});function U(e){const t=S.useContext(A),n=S.useMemo((()=>w(w({},e.layout||{}),t.layout||{})),[e.layout,t.layout]);return O.jsx(P.Card,{shadow:1,"data-width":n.width,"data-height":n.height,children:S.createElement(e.component,{})})}function V(e,t){return"https://".concat(e,".api.sanity.io/v1/groq/").concat(t)}function W(e){return"https://manage.sanity.io/projects/".concat(e)}const X=[],N=[];function G(e){const{__experimental_before:t=X,data:n=N}=e,[r,i]=S.useState(),[o,s]=S.useState(),a=Y(),{projectId:l="unknown",dataset:d="unknown"}=a.config();S.useEffect((()=>{const e=[];return e.push(a.observable.request({uri:"/projects/".concat(l)}).subscribe({next:e=>{const{studioHost:t}=e;i(t?"https://".concat(t,".sanity.studio"):void 0)},error:e=>{console.error("Error while looking for studioHost",e),i({error:"Something went wrong while looking up studioHost. See console."})}})),e.push(a.observable.request({method:"HEAD",uri:"/graphql/".concat(d,"/default")}).subscribe({next:()=>s(function(e,t){return"https://".concat(e,".api.sanity.io/v1/graphql/").concat(t,"/default")}(l,d)),error:e=>{404===e.statusCode?s(void 0):(console.error("Error while looking for graphqlApi",e),s({error:"Something went wrong while looking up graphqlApi. See console."}))}})),()=>{e.forEach((e=>e.unsubscribe()))}}),[d,l,a,s,i]);const c=S.useMemo((()=>{var e;let t=[{title:"Sanity project",rows:[{title:"Project ID",value:l},{title:"Dataset",value:d}]}];const i=[r?{title:"Studio",value:r}:null,...n.filter((e=>"apps"===e.category))].filter((e=>!!e));i.length>0&&(t=t.concat([{title:"Apps",rows:i}])),t=t.concat([{title:"APIs",rows:[{title:"GROQ",value:V(l,d)},{title:"GraphQL",value:null!=(e="object"==typeof o?"Error":o)?e:"Not deployed"}]}],n.filter((e=>"apis"===e.category)));const s={};return n.forEach((e=>{e.category&&"apps"!==e.category&&"apis"!==e.category&&(s[e.category]||(s[e.category]=[]),s[e.category].push(e))})),Object.keys(s).forEach((e=>{t.push({title:e,rows:s[e]})})),t}),[o,r,l,d,n]);return O.jsxs(O.Fragment,{children:[t.map(((e,t)=>O.jsx(U,w({},e),t))),O.jsx(P.Box,{height:"fill",marginTop:(null==t?void 0:t.length)>0?4:0,children:O.jsx(H,{footer:O.jsx(P.Button,{style:{width:"100%"},paddingX:2,paddingY:4,mode:"bleed",tone:"primary",text:"Manage project",as:"a",href:W(l)}),children:O.jsx(P.Card,{paddingY:4,radius:2,role:"table","aria-label":"Project info","aria-describedby":"project_info_table",children:O.jsxs(P.Stack,{space:4,children:[O.jsx(P.Box,{paddingX:3,as:"header",children:O.jsx(P.Heading,{size:1,as:"h2",id:"project_info_table",children:"Project info"})}),c.map((e=>e&&e.rows?O.jsxs(P.Stack,{space:3,children:[O.jsx(P.Card,{borderBottom:!0,padding:3,children:O.jsx(P.Label,{size:0,muted:!0,role:"columnheader",children:e.title})}),O.jsx(P.Stack,{space:4,paddingX:3,role:"rowgroup",children:e.rows.map((e=>{var t,n;return O.jsxs(P.Grid,{columns:2,role:"row",children:[O.jsx(P.Text,{weight:"medium",role:"rowheader",children:e.title}),"object"==typeof e.value&&O.jsx(P.Text,{size:1,children:null==(t=e.value)?void 0:t.error}),"string"==typeof e.value&&O.jsx(O.Fragment,{children:(n=e.value,n&&/^https?:\/\//.test("".concat(n))?O.jsx(P.Text,{size:1,role:"cell",style:{wordBreak:"break-word"},children:O.jsx("a",{href:e.value,children:e.value})}):O.jsx(P.Code,{size:1,role:"cell",style:{wordBreak:"break-word"},children:e.value}))})]},e.title)}))})]},e.title):null))]})})})})]})}const Q=I.default(P.Card)(i||(i=k(["\n  box-sizing: border-box;\n  border-radius: 50%;\n  border-color: transparent;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n\n  & > img {\n    width: 100%;\n    height: auto;\n  }\n"])));function Z(){const[e,t]=S.useState(),[n,r]=S.useState(),[i,o]=S.useState(),s=z.useUserStore(),a=Y(),l=S.useCallback((()=>{const{projectId:e}=a.config(),n=a.observable.request({uri:"/projects/".concat(e)}).pipe(T.switchMap((e=>B.from(s.getUsers(e.members.map((e=>e.id)))).pipe(T.map((t=>({project:e,users:t}))))))).subscribe({next:e=>{let{users:n,project:i}=e;t(i),r((Array.isArray(n)?n:[n]).sort(((e,t)=>function(e,t,n){const{members:r}=n,i=r.find((t=>t.id===(null==e?void 0:e.id))),o=r.find((e=>e.id===(null==t?void 0:t.id)));if(null==i?void 0:i.isRobot)return 1;if(null==o?void 0:o.isRobot)return-1;return 0}(e,t,i))))},error:e=>o(e)});return()=>n.unsubscribe()}),[s,a]);S.useEffect((()=>l()),[l]);const d=S.useCallback((()=>l()),[l]),c=!n||!e;return i?O.jsx(H,{header:"Project users",children:O.jsx(P.Box,{padding:4,children:O.jsxs(P.Text,{children:["Something went wrong while fetching data. You could"," ",O.jsx("a",{onClick:d,title:"Retry users fetch",style:{cursor:"pointer"},children:"retry"}),"..?"]})})}):O.jsxs(H,{header:"Project users",footer:O.jsx(P.Button,{style:{width:"100%"},paddingX:2,paddingY:4,mode:"bleed",tone:"primary",text:"Invite members",as:"a",loading:c,href:c?void 0:(u=e.id,"https://manage.sanity.io/projects/".concat(u,"/team/invite"))}),children:[c&&O.jsx(P.Box,{paddingY:5,paddingX:2,children:O.jsxs(P.Stack,{space:4,children:[O.jsx(P.Text,{align:"center",muted:!0,size:1,children:O.jsx(P.Spinner,{})}),O.jsx(P.Text,{align:"center",size:1,muted:!0,children:"Loading items..."})]})}),!c&&O.jsx(P.Stack,{space:3,padding:3,children:null==n?void 0:n.map((t=>{const n=e.members.find((e=>e.id===t.id)),r=(null==n?void 0:n.isRobot)?O.jsx(P.Text,{size:3,children:O.jsx(q.RobotIcon,{})}):O.jsx(Q,{tone:"transparent",children:(null==t?void 0:t.imageUrl)&&O.jsx("img",{src:t.imageUrl,alt:null==t?void 0:t.displayName})});return O.jsx(P.Box,{children:O.jsx(z.DefaultPreview,{title:t.displayName,subtitle:null==n?void 0:n.role,media:r})},t.id)}))})]});var u}const J=I.default(P.Box)(o||(o=k(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 2.75em;\n    height: 2.75em;\n    border-radius: 50%;\n    background: ",";\n    opacity: 0.75;\n  }\n"])),(e=>{let{theme:t}=e;return t.sanity.color.card.enabled.bg})),K=I.default(P.Flex)(s||(s=k(["\n  &:hover {\n    "," {\n      &:before {\n        opacity: 1;\n      }\n    }\n  }\n"])),J),$=I.default(P.Card)(a||(a=k(["\n  width: 100%;\n  padding-bottom: calc(9 / 16 * 100%);\n  position: relative;\n"]))),ee=I.default.img(l||(l=k(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n  display: block;\n\n  &:not([src]) {\n    display: none;\n  }\n"])));function te(e){const{title:t,posterURL:n,showPlayIcon:r,href:i,presenterName:o,presenterSubtitle:s}=e;return O.jsx(K,{flex:1,children:O.jsx(P.Card,{sizing:"border",flex:1,padding:2,radius:2,as:"a",href:i,target:"_blank",rel:"noopener noreferrer",style:{position:"relative"},children:O.jsxs(P.Flex,{direction:"column",style:{height:"100%"},children:[n&&O.jsxs($,{marginBottom:1,children:[O.jsx(ee,{src:n}),r&&O.jsx(J,{display:"flex",children:O.jsx(P.Text,{align:"center",children:O.jsx(q.PlayIcon,{})})})]}),O.jsxs(P.Flex,{direction:"column",justify:"space-between",paddingY:2,flex:1,children:[O.jsx(P.Heading,{as:"h3",size:1,children:t}),O.jsx(P.Box,{marginTop:4,children:O.jsxs(P.Stack,{space:2,flex:1,children:[O.jsx(P.Text,{size:1,children:o}),O.jsx(P.Text,{size:0,style:{opacity:.7},children:s})]})})]})]})})})}const ne={projectId:"3do82whm",dataset:"next"};function re(e){const{templateRepoId:t}=e,[n,r]=S.useState([]),{getFeed:i,urlBuilder:o}=function(){const e=Y();return S.useMemo((()=>({getFeed:t=>{const n=t?"/addons/dashboard?templateRepoId=".concat(t):"/addons/dashboard";return e.observable.request({uri:n,withCredentials:!1})},urlBuilder:R.default(ne)})),[e])}();S.useEffect((()=>{const e=i(t).subscribe((e=>{r(e.items)}));return()=>{e.unsubscribe()}}),[r,i,t]);return O.jsx(H,{header:"Learn about Sanity",children:O.jsx(P.Flex,{as:"ul",overflow:"auto",align:"stretch",paddingY:2,children:null==n?void 0:n.map(((e,t)=>{var r;if(!e.title||!e.guideOrTutorial&&!e.externalLink)return null;const i=e.presenter||(null==(r=e.guideOrTutorial)?void 0:r.presenter)||{},s=e.category,{guideOrTutorial:a={}}=e,l=(a.slug?(d=a.slug,"tutorial"===(c=a._type)?"https://www.sanity.io/docs/tutorials/".concat(d.current):"guide"===c&&"https://www.sanity.io/docs/guides/".concat(d.current)):e.externalLink)||e.externalLink;var d,c;return O.jsx(P.Flex,{as:"li",paddingRight:t<(null==n?void 0:n.length)-1?1:3,paddingLeft:0===t?3:0,align:"stretch",style:{minWidth:272,width:"30%"},children:O.jsx(te,{title:e.title,href:null!=l?l:"",presenterName:i.name,presenterSubtitle:s,showPlayIcon:e.hasVideo,posterURL:e.poster?o.image(e.poster).height(360).url():void 0})},e._id)}))})})}function ie(e){return O.jsx(P.Container,{width:4,padding:4,sizing:"border",style:{height:"100%",overflowY:"auto"},children:e.children})}const oe=function(){return C.css(d||(d=k(["\n      @media (min-width: ","px) {\n        ","\n      }\n    "])),(e=>{let{theme:t}=e;return t.sanity.media[0]}),C.css(...arguments))},se=function(){return C.css(c||(c=k(["\n      @media (min-width: ","px) {\n        ","\n      }\n    "])),(e=>{let{theme:t}=e;return t.sanity.media[2]}),C.css(...arguments))},ae=I.default(P.Grid)(u||(u=k(["\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n\n  & > div {\n    overflow: hidden;\n  }\n\n  & > div[data-width='medium'] {\n    ","\n  }\n\n  & > div[data-width='large'] {\n    ","\n\n    ","\n  }\n\n  & > div[data-width='full'] {\n    ","\n  }\n\n  & > div[data-height='medium'] {\n    ","\n  }\n\n  & > div[data-height='large'] {\n    ","\n\n    ","\n  }\n\n  & > div[data-height='full'] {\n    ","\n  }\n"])),oe(h||(h=k(["\n      grid-column: span 2;\n    "]))),oe(p||(p=k(["\n      grid-column: span 2;\n    "]))),se(g||(g=k(["\n      grid-column: span 3;\n    "]))),oe(f||(f=k(["\n      grid-column: 1 / -1;\n    "]))),oe(x||(x=k(["\n      grid-row: span 2;\n    "]))),oe(m||(m=k(["\n      grid-row: span 2;\n    "]))),se(j||(j=k(["\n      grid-row: span 3;\n    "]))),se(b||(b=k(["\n      grid-row: 1 / -1;\n    "])))),le=[],de={};function ce(e){const{config:{layout:t=de,widgets:n=le}}=e;return O.jsxs(ae,{autoFlow:"row dense","data-width":t.width||"auto","data-height":t.height||"auto",gap:4,children:[n.length?null:O.jsx(P.Card,{padding:4,shadow:1,tone:"primary",children:O.jsx(P.Text,{align:"center",children:"Add some widgets to populate this space."})}),n.map(((e,t)=>"__experimental_group"===e.type?O.jsx(ce,{config:e},t):e.component?O.jsx(U,w({},e),t):O.jsxs(P.Box,{children:[e.name," is missing widget component"]},t)))]})}function ue(e){let{config:t}=e;return t?O.jsx(A.Provider,{value:t,children:O.jsx(ie,{children:O.jsx(ce,{config:t})})}):null}const he={stroke:"currentColor",strokeWidth:1.2},pe=()=>O.jsxs("svg",{"data-sanity-icon":!0,viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid",width:"1em",height:"1em",children:[O.jsx("path",{d:"M19.5 19.5H5.5V5.5H19.5V19.5Z",style:he}),O.jsx("path",{d:"M5.5 12.5H19.5",style:he}),O.jsx("path",{d:"M14.5 19.5V12.5M10.5 12.5V5.5",style:he})]}),ge=z.definePlugin((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};var t,n,r,i,o;const s={layout:null!=(t=e.defaultLayout)?t:{},widgets:null!=(n=e.widgets)?n:[]},a=null!=(r=e.title)?r:"Dashboard",l=null!=(i=e.name)?i:"dashboard",d=null!=(o=e.icon)?o:pe;return{name:"dashboard",tools:(e,t)=>[...e,{title:a,name:l,icon:d,component:()=>O.jsx(ue,{config:s})}]}}));exports.DashboardWidgetContainer=H,exports.dashboardTool=ge,exports.projectInfoWidget=function(e){var t;return{name:"project-info",component:G,layout:null!=(t=null==e?void 0:e.layout)?t:{width:"medium"}}},exports.projectUsersWidget=function(e){return{name:"project-info",component:Z,layout:null==e?void 0:e.layout}},exports.sanityTutorialsWidget=function(e){var t;return{name:"sanity-tutorials",component:re,layout:null!=(t=null==e?void 0:e.layout)?t:{width:"full"}}};
+'use strict';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ui = require('@sanity/ui');
+var styled = require('styled-components');
+var sanity = require('sanity');
+var rxjs = require('rxjs');
+var operators = require('rxjs/operators');
+var icons = require('@sanity/icons');
+var imageUrlBuilder = require('@sanity/image-url');
+function _interopDefaultCompat(e) {
+  return e && typeof e === 'object' && 'default' in e ? e : {
+    default: e
+  };
+}
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+var imageUrlBuilder__default = /*#__PURE__*/_interopDefaultCompat(imageUrlBuilder);
+const Root$2 = styled__default.default(ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n  height: 100%;\n  box-sizing: border-box;\n  position: relative;\n"])));
+const Header = styled__default.default(ui.Card)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  border-top-left-radius: inherit;\n  border-top-right-radius: inherit;\n"])));
+const Footer = styled__default.default(ui.Card)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: sticky;\n  overflow: hidden;\n  bottom: 0;\n  z-index: 2;\n  border-bottom-right-radius: inherit;\n  border-bottom-left-radius: inherit;\n  margin-top: auto;\n"])));
+const Content = styled__default.default(ui.Box)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n  z-index: 1;\n  height: stretch;\n  min-height: 21.5em;\n\n  @media (min-width: ", "px) {\n    overflow-y: auto;\n    outline: none;\n  }\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.sanity.media[0];
+});
+const DashboardWidgetContainer = react.forwardRef(function DashboardWidgetContainer2(props, ref) {
+  const {
+    header,
+    children,
+    footer
+  } = props;
+  return /* @__PURE__ */jsxRuntime.jsxs(Root$2, {
+    radius: 3,
+    display: "flex",
+    ref,
+    children: [header && /* @__PURE__ */jsxRuntime.jsx(Header, {
+      borderBottom: true,
+      paddingX: 3,
+      paddingY: 4,
+      children: /* @__PURE__ */jsxRuntime.jsx(ui.Heading, {
+        size: 1,
+        textOverflow: "ellipsis",
+        children: header
+      })
+    }), children && /* @__PURE__ */jsxRuntime.jsx(Content, {
+      children
+    }), footer && /* @__PURE__ */jsxRuntime.jsx(Footer, {
+      borderTop: true,
+      children: footer
+    })]
+  });
+});
+function useVersionedClient() {
+  return sanity.useClient({
+    apiVersion: "1"
+  });
+}
+const DashboardContext = react.createContext({
+  widgets: []
+});
+function useDashboardConfig() {
+  return react.useContext(DashboardContext);
+}
+function WidgetContainer(props) {
+  const config = useDashboardConfig();
+  const layout = react.useMemo(() => _objectSpread(_objectSpread({}, props.layout || {}), config.layout || {}), [props.layout, config.layout]);
+  return /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+    shadow: 1,
+    "data-width": layout.width,
+    "data-height": layout.height,
+    children: react.createElement(props.component, {})
+  });
+}
+function isUrl(url) {
+  return url && /^https?:\/\//.test("".concat(url));
+}
+function getGraphQlUrl(projectId, dataset) {
+  return "https://".concat(projectId, ".api.sanity.io/v1/graphql/").concat(dataset, "/default");
+}
+function getGroqUrl(projectId, dataset) {
+  return "https://".concat(projectId, ".api.sanity.io/v1/groq/").concat(dataset);
+}
+function getManageUrl(projectId) {
+  return "https://manage.sanity.io/projects/".concat(projectId);
+}
+const NO_EXPERIMENTAL = [];
+const NO_DATA = [];
+function ProjectInfo(props) {
+  const {
+    __experimental_before = NO_EXPERIMENTAL,
+    data = NO_DATA
+  } = props;
+  const [studioHost, setStudioHost] = react.useState();
+  const [graphqlApi, setGraphQlApi] = react.useState();
+  const versionedClient = useVersionedClient();
+  const {
+    projectId = "unknown",
+    dataset = "unknown"
+  } = versionedClient.config();
+  react.useEffect(() => {
+    const subscriptions = [];
+    subscriptions.push(versionedClient.observable.request({
+      uri: "/projects/".concat(projectId)
+    }).subscribe({
+      next: result => {
+        const {
+          studioHost: host
+        } = result;
+        setStudioHost(host ? "https://".concat(host, ".sanity.studio") : void 0);
+      },
+      error: error => {
+        console.error("Error while looking for studioHost", error);
+        setStudioHost({
+          error: "Something went wrong while looking up studioHost. See console."
+        });
+      }
+    }));
+    subscriptions.push(versionedClient.observable.request({
+      method: "HEAD",
+      uri: "/graphql/".concat(dataset, "/default")
+    }).subscribe({
+      next: () => setGraphQlApi(getGraphQlUrl(projectId, dataset)),
+      error: error => {
+        if (error.statusCode === 404) {
+          setGraphQlApi(void 0);
+        } else {
+          console.error("Error while looking for graphqlApi", error);
+          setGraphQlApi({
+            error: "Something went wrong while looking up graphqlApi. See console."
+          });
+        }
+      }
+    }));
+    return () => {
+      subscriptions.forEach(s => s.unsubscribe());
+    };
+  }, [dataset, projectId, versionedClient, setGraphQlApi, setStudioHost]);
+  const assembleTableRows = react.useMemo(() => {
+    var _a;
+    let result = [{
+      title: "Sanity project",
+      rows: [{
+        title: "Project ID",
+        value: projectId
+      }, {
+        title: "Dataset",
+        value: dataset
+      }]
+    }];
+    const apps = [studioHost ? {
+      title: "Studio",
+      value: studioHost
+    } : null, ...data.filter(item => item.category === "apps")].filter(a => !!a);
+    if (apps.length > 0) {
+      result = result.concat([{
+        title: "Apps",
+        rows: apps
+      }]);
+    }
+    result = result.concat([{
+      title: "APIs",
+      rows: [{
+        title: "GROQ",
+        value: getGroqUrl(projectId, dataset)
+      }, {
+        title: "GraphQL",
+        value: (_a = typeof graphqlApi === "object" ? "Error" : graphqlApi) != null ? _a : "Not deployed"
+      }]
+    }], data.filter(item => item.category === "apis"));
+    const otherStuff = {};
+    data.forEach(item => {
+      if (item.category && item.category !== "apps" && item.category !== "apis") {
+        if (!otherStuff[item.category]) {
+          otherStuff[item.category] = [];
+        }
+        otherStuff[item.category].push(item);
+      }
+    });
+    Object.keys(otherStuff).forEach(category => {
+      result.push({
+        title: category,
+        rows: otherStuff[category]
+      });
+    });
+    return result;
+  }, [graphqlApi, studioHost, projectId, dataset, data]);
+  return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [__experimental_before.map((widgetConfig, idx) => /* @__PURE__ */jsxRuntime.jsx(WidgetContainer, _objectSpread({}, widgetConfig), idx)), /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+      height: "fill",
+      marginTop: (__experimental_before == null ? void 0 : __experimental_before.length) > 0 ? 4 : 0,
+      children: /* @__PURE__ */jsxRuntime.jsx(DashboardWidgetContainer, {
+        footer: /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+          style: {
+            width: "100%"
+          },
+          paddingX: 2,
+          paddingY: 4,
+          mode: "bleed",
+          tone: "primary",
+          text: "Manage project",
+          as: "a",
+          href: getManageUrl(projectId)
+        }),
+        children: /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+          paddingY: 4,
+          radius: 2,
+          role: "table",
+          "aria-label": "Project info",
+          "aria-describedby": "project_info_table",
+          children: /* @__PURE__ */jsxRuntime.jsxs(ui.Stack, {
+            space: 4,
+            children: [/* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+              paddingX: 3,
+              as: "header",
+              children: /* @__PURE__ */jsxRuntime.jsx(ui.Heading, {
+                size: 1,
+                as: "h2",
+                id: "project_info_table",
+                children: "Project info"
+              })
+            }), assembleTableRows.map(item => {
+              if (!item || !item.rows) {
+                return null;
+              }
+              return /* @__PURE__ */jsxRuntime.jsxs(ui.Stack, {
+                space: 3,
+                children: [/* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+                  borderBottom: true,
+                  padding: 3,
+                  children: /* @__PURE__ */jsxRuntime.jsx(ui.Label, {
+                    size: 0,
+                    muted: true,
+                    role: "columnheader",
+                    children: item.title
+                  })
+                }), /* @__PURE__ */jsxRuntime.jsx(ui.Stack, {
+                  space: 4,
+                  paddingX: 3,
+                  role: "rowgroup",
+                  children: item.rows.map(row => {
+                    var _a;
+                    return /* @__PURE__ */jsxRuntime.jsxs(ui.Grid, {
+                      columns: 2,
+                      role: "row",
+                      children: [/* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+                        weight: "medium",
+                        role: "rowheader",
+                        children: row.title
+                      }), typeof row.value === "object" && /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+                        size: 1,
+                        children: (_a = row.value) == null ? void 0 : _a.error
+                      }), typeof row.value === "string" && /* @__PURE__ */jsxRuntime.jsx(jsxRuntime.Fragment, {
+                        children: isUrl(row.value) ? /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+                          size: 1,
+                          role: "cell",
+                          style: {
+                            wordBreak: "break-word"
+                          },
+                          children: /* @__PURE__ */jsxRuntime.jsx("a", {
+                            href: row.value,
+                            children: row.value
+                          })
+                        }) : /* @__PURE__ */jsxRuntime.jsx(ui.Code, {
+                          size: 1,
+                          role: "cell",
+                          style: {
+                            wordBreak: "break-word"
+                          },
+                          children: row.value
+                        })
+                      })]
+                    }, row.title);
+                  })
+                })]
+              }, item.title);
+            })]
+          })
+        })
+      })
+    })]
+  });
+}
+function projectInfoWidget(config) {
+  var _a;
+  return {
+    name: "project-info",
+    component: ProjectInfo,
+    layout: (_a = config == null ? void 0 : config.layout) != null ? _a : {
+      width: "medium"
+    }
+  };
+}
+const AvatarWrapper = styled__default.default(ui.Card)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  border-radius: 50%;\n  border-color: transparent;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n\n  & > img {\n    width: 100%;\n    height: auto;\n  }\n"])));
+function getInviteUrl(projectId) {
+  return "https://manage.sanity.io/projects/".concat(projectId, "/team/invite");
+}
+function ProjectUsers() {
+  const [project, setProject] = react.useState();
+  const [users, setUsers] = react.useState();
+  const [error, setError] = react.useState();
+  const userStore = sanity.useUserStore();
+  const versionedClient = useVersionedClient();
+  const fetchData = react.useCallback(() => {
+    const {
+      projectId
+    } = versionedClient.config();
+    const subscription = versionedClient.observable.request({
+      uri: "/projects/".concat(projectId)
+    }).pipe(operators.switchMap(_project => rxjs.from(userStore.getUsers(_project.members.map(mem => mem.id))).pipe(operators.map(_users => ({
+      project: _project,
+      users: _users
+    }))))).subscribe({
+      next: _ref2 => {
+        let {
+          users: _users,
+          project: _project
+        } = _ref2;
+        setProject(_project);
+        setUsers((Array.isArray(_users) ? _users : [_users]).sort((userA, userB) => sortUsersByRobotStatus(userA, userB, _project)));
+      },
+      error: e => setError(e)
+    });
+    return () => subscription.unsubscribe();
+  }, [userStore, versionedClient]);
+  react.useEffect(() => fetchData(), [fetchData]);
+  const handleRetryFetch = react.useCallback(() => fetchData(), [fetchData]);
+  const isLoading = !users || !project;
+  if (error) {
+    return /* @__PURE__ */jsxRuntime.jsx(DashboardWidgetContainer, {
+      header: "Project users",
+      children: /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+        padding: 4,
+        children: /* @__PURE__ */jsxRuntime.jsxs(ui.Text, {
+          children: ["Something went wrong while fetching data. You could", " ", /* @__PURE__ */jsxRuntime.jsx("a", {
+            onClick: handleRetryFetch,
+            title: "Retry users fetch",
+            style: {
+              cursor: "pointer"
+            },
+            children: "retry"
+          }), "..?"]
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */jsxRuntime.jsxs(DashboardWidgetContainer, {
+    header: "Project users",
+    footer: /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+      style: {
+        width: "100%"
+      },
+      paddingX: 2,
+      paddingY: 4,
+      mode: "bleed",
+      tone: "primary",
+      text: "Invite members",
+      as: "a",
+      loading: isLoading,
+      href: isLoading ? void 0 : getInviteUrl(project.id)
+    }),
+    children: [isLoading && /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+      paddingY: 5,
+      paddingX: 2,
+      children: /* @__PURE__ */jsxRuntime.jsxs(ui.Stack, {
+        space: 4,
+        children: [/* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+          align: "center",
+          muted: true,
+          size: 1,
+          children: /* @__PURE__ */jsxRuntime.jsx(ui.Spinner, {})
+        }), /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+          align: "center",
+          size: 1,
+          muted: true,
+          children: "Loading items..."
+        })]
+      })
+    }), !isLoading && /* @__PURE__ */jsxRuntime.jsx(ui.Stack, {
+      space: 3,
+      padding: 3,
+      children: users == null ? void 0 : users.map(user => {
+        const membership = project.members.find(member => member.id === user.id);
+        const media = (membership == null ? void 0 : membership.isRobot) ? /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+          size: 3,
+          children: /* @__PURE__ */jsxRuntime.jsx(icons.RobotIcon, {})
+        }) : /* @__PURE__ */jsxRuntime.jsx(AvatarWrapper, {
+          tone: "transparent",
+          children: (user == null ? void 0 : user.imageUrl) && /* @__PURE__ */jsxRuntime.jsx("img", {
+            src: user.imageUrl,
+            alt: user == null ? void 0 : user.displayName
+          })
+        });
+        return /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+          children: /* @__PURE__ */jsxRuntime.jsx(sanity.DefaultPreview, {
+            title: user.displayName,
+            subtitle: membership == null ? void 0 : membership.role,
+            media
+          })
+        }, user.id);
+      })
+    })]
+  });
+}
+function sortUsersByRobotStatus(userA, userB, project) {
+  const {
+    members
+  } = project;
+  const membershipA = members.find(member => member.id === (userA == null ? void 0 : userA.id));
+  const membershipB = members.find(member => member.id === (userB == null ? void 0 : userB.id));
+  if (membershipA == null ? void 0 : membershipA.isRobot) {
+    return 1;
+  }
+  if (membershipB == null ? void 0 : membershipB.isRobot) {
+    return -1;
+  }
+  return 0;
+}
+function projectUsersWidget(config) {
+  return {
+    name: "project-info",
+    component: ProjectUsers,
+    layout: config == null ? void 0 : config.layout
+  };
+}
+const PlayIconBox = styled__default.default(ui.Box)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 2.75em;\n    height: 2.75em;\n    border-radius: 50%;\n    background: ", ";\n    opacity: 0.75;\n  }\n"])), _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.sanity.color.card.enabled.bg;
+});
+const Root$1 = styled__default.default(ui.Flex)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  &:hover {\n    ", " {\n      &:before {\n        opacity: 1;\n      }\n    }\n  }\n"])), PlayIconBox);
+const PosterCard = styled__default.default(ui.Card)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding-bottom: calc(9 / 16 * 100%);\n  position: relative;\n"])));
+const Poster = styled__default.default.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n  display: block;\n\n  &:not([src]) {\n    display: none;\n  }\n"])));
+function Tutorial(props) {
+  const {
+    title,
+    posterURL,
+    showPlayIcon,
+    href,
+    presenterName,
+    presenterSubtitle
+  } = props;
+  return /* @__PURE__ */jsxRuntime.jsx(Root$1, {
+    flex: 1,
+    children: /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+      sizing: "border",
+      flex: 1,
+      padding: 2,
+      radius: 2,
+      as: "a",
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: {
+        position: "relative"
+      },
+      children: /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
+        direction: "column",
+        style: {
+          height: "100%"
+        },
+        children: [posterURL && /* @__PURE__ */jsxRuntime.jsxs(PosterCard, {
+          marginBottom: 1,
+          children: [/* @__PURE__ */jsxRuntime.jsx(Poster, {
+            src: posterURL
+          }), showPlayIcon && /* @__PURE__ */jsxRuntime.jsx(PlayIconBox, {
+            display: "flex",
+            children: /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+              align: "center",
+              children: /* @__PURE__ */jsxRuntime.jsx(icons.PlayIcon, {})
+            })
+          })]
+        }), /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
+          direction: "column",
+          justify: "space-between",
+          paddingY: 2,
+          flex: 1,
+          children: [/* @__PURE__ */jsxRuntime.jsx(ui.Heading, {
+            as: "h3",
+            size: 1,
+            children: title
+          }), /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+            marginTop: 4,
+            children: /* @__PURE__ */jsxRuntime.jsxs(ui.Stack, {
+              space: 2,
+              flex: 1,
+              children: [/* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+                size: 1,
+                children: presenterName
+              }), /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+                size: 0,
+                style: {
+                  opacity: 0.7
+                },
+                children: presenterSubtitle
+              })]
+            })
+          })]
+        })]
+      })
+    })
+  });
+}
+const tutorialsProjectConfig = {
+  projectId: "3do82whm",
+  dataset: "next"
+};
+function useDataAdapter() {
+  const versionedClient = useVersionedClient();
+  return react.useMemo(() => ({
+    getFeed: templateRepoId => {
+      const uri = templateRepoId ? "/addons/dashboard?templateRepoId=".concat(templateRepoId) : "/addons/dashboard";
+      return versionedClient.observable.request({
+        uri,
+        withCredentials: false
+      });
+    },
+    urlBuilder: imageUrlBuilder__default.default(tutorialsProjectConfig)
+  }), [versionedClient]);
+}
+function createUrl(slug, type) {
+  if (type === "tutorial") {
+    return "https://www.sanity.io/docs/tutorials/".concat(slug.current);
+  } else if (type === "guide") {
+    return "https://www.sanity.io/docs/guides/".concat(slug.current);
+  }
+  return false;
+}
+function SanityTutorials(props) {
+  const {
+    templateRepoId
+  } = props;
+  const [feedItems, setFeedItems] = react.useState([]);
+  const {
+    getFeed,
+    urlBuilder
+  } = useDataAdapter();
+  react.useEffect(() => {
+    const subscription = getFeed(templateRepoId).subscribe(response => {
+      setFeedItems(response.items);
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [setFeedItems, getFeed, templateRepoId]);
+  const title = "Learn about Sanity";
+  return /* @__PURE__ */jsxRuntime.jsx(DashboardWidgetContainer, {
+    header: title,
+    children: /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+      as: "ul",
+      overflow: "auto",
+      align: "stretch",
+      paddingY: 2,
+      children: feedItems == null ? void 0 : feedItems.map((feedItem, index) => {
+        var _a;
+        if (!feedItem.title || !feedItem.guideOrTutorial && !feedItem.externalLink) {
+          return null;
+        }
+        const presenter = feedItem.presenter || ((_a = feedItem.guideOrTutorial) == null ? void 0 : _a.presenter) || {};
+        const subtitle = feedItem.category;
+        const {
+          guideOrTutorial = {}
+        } = feedItem;
+        const href = (guideOrTutorial.slug ? createUrl(guideOrTutorial.slug, guideOrTutorial._type) : feedItem.externalLink) || feedItem.externalLink;
+        return /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+          as: "li",
+          paddingRight: index < (feedItems == null ? void 0 : feedItems.length) - 1 ? 1 : 3,
+          paddingLeft: index === 0 ? 3 : 0,
+          align: "stretch",
+          style: {
+            minWidth: 272,
+            width: "30%"
+          },
+          children: /* @__PURE__ */jsxRuntime.jsx(Tutorial, {
+            title: feedItem.title,
+            href: href != null ? href : "",
+            presenterName: presenter.name,
+            presenterSubtitle: subtitle,
+            showPlayIcon: feedItem.hasVideo,
+            posterURL: feedItem.poster ? urlBuilder.image(feedItem.poster).height(360).url() : void 0
+          })
+        }, feedItem._id);
+      })
+    })
+  });
+}
+function sanityTutorialsWidget(config) {
+  var _a;
+  return {
+    name: "sanity-tutorials",
+    component: SanityTutorials,
+    layout: (_a = config == null ? void 0 : config.layout) != null ? _a : {
+      width: "full"
+    }
+  };
+}
+function DashboardLayout(props) {
+  return /* @__PURE__ */jsxRuntime.jsx(ui.Container, {
+    width: 4,
+    padding: 4,
+    sizing: "border",
+    style: {
+      height: "100%",
+      overflowY: "auto"
+    },
+    children: props.children
+  });
+}
+const media = {
+  small: function () {
+    return styled.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      @media (min-width: ", "px) {\n        ", "\n      }\n    "])), _ref4 => {
+      let {
+        theme
+      } = _ref4;
+      return theme.sanity.media[0];
+    }, styled.css(...arguments));
+  },
+  medium: function () {
+    return styled.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      @media (min-width: ", "px) {\n        ", "\n      }\n    "])), _ref5 => {
+      let {
+        theme
+      } = _ref5;
+      return theme.sanity.media[2];
+    }, styled.css(...arguments));
+  }
+};
+const Root = styled__default.default(ui.Grid)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n\n  & > div {\n    overflow: hidden;\n  }\n\n  & > div[data-width='medium'] {\n    ", "\n  }\n\n  & > div[data-width='large'] {\n    ", "\n\n    ", "\n  }\n\n  & > div[data-width='full'] {\n    ", "\n  }\n\n  & > div[data-height='medium'] {\n    ", "\n  }\n\n  & > div[data-height='large'] {\n    ", "\n\n    ", "\n  }\n\n  & > div[data-height='full'] {\n    ", "\n  }\n"])), media.small(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      grid-column: span 2;\n    "]))), media.small(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      grid-column: span 2;\n    "]))), media.medium(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      grid-column: span 3;\n    "]))), media.small(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      grid-column: 1 / -1;\n    "]))), media.small(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      grid-row: span 2;\n    "]))), media.small(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      grid-row: span 2;\n    "]))), media.medium(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      grid-row: span 3;\n    "]))), media.medium(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      grid-row: 1 / -1;\n    "]))));
+const NO_WIDGETS = [];
+const NO_LAYOUT = {};
+function WidgetGroup(props) {
+  const {
+    config: {
+      layout = NO_LAYOUT,
+      widgets = NO_WIDGETS
+    }
+  } = props;
+  return /* @__PURE__ */jsxRuntime.jsxs(Root, {
+    autoFlow: "row dense",
+    "data-width": layout.width || "auto",
+    "data-height": layout.height || "auto",
+    gap: 4,
+    children: [widgets.length ? null : /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+      padding: 4,
+      shadow: 1,
+      tone: "primary",
+      children: /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+        align: "center",
+        children: "Add some widgets to populate this space."
+      })
+    }), widgets.map((widgetConfig, index) => {
+      if (widgetConfig.type === "__experimental_group") {
+        return /* @__PURE__ */jsxRuntime.jsx(WidgetGroup, {
+          config: widgetConfig
+        }, index);
+      }
+      if (widgetConfig.component) {
+        return /* @__PURE__ */jsxRuntime.jsx(WidgetContainer, _objectSpread({}, widgetConfig), index);
+      }
+      return /* @__PURE__ */jsxRuntime.jsxs(ui.Box, {
+        children: [widgetConfig.name, " is missing widget component"]
+      }, index);
+    })]
+  });
+}
+function Dashboard(_ref6) {
+  let {
+    config
+  } = _ref6;
+  if (!config) {
+    return null;
+  }
+  return /* @__PURE__ */jsxRuntime.jsx(DashboardContext.Provider, {
+    value: config,
+    children: /* @__PURE__ */jsxRuntime.jsx(DashboardLayout, {
+      children: /* @__PURE__ */jsxRuntime.jsx(WidgetGroup, {
+        config
+      })
+    })
+  });
+}
+const strokeStyle = {
+  stroke: "currentColor",
+  strokeWidth: 1.2
+};
+const DashboardIcon = () => /* @__PURE__ */jsxRuntime.jsxs("svg", {
+  "data-sanity-icon": true,
+  viewBox: "0 0 25 25",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  preserveAspectRatio: "xMidYMid",
+  width: "1em",
+  height: "1em",
+  children: [/* @__PURE__ */jsxRuntime.jsx("path", {
+    d: "M19.5 19.5H5.5V5.5H19.5V19.5Z",
+    style: strokeStyle
+  }), /* @__PURE__ */jsxRuntime.jsx("path", {
+    d: "M5.5 12.5H19.5",
+    style: strokeStyle
+  }), /* @__PURE__ */jsxRuntime.jsx("path", {
+    d: "M14.5 19.5V12.5M10.5 12.5V5.5",
+    style: strokeStyle
+  })]
+});
+const dashboardTool = sanity.definePlugin(function () {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _a, _b, _c, _d, _e;
+  const pluginConfig = {
+    layout: (_a = config.defaultLayout) != null ? _a : {},
+    widgets: (_b = config.widgets) != null ? _b : []
+  };
+  const title = (_c = config.title) != null ? _c : "Dashboard";
+  const name = (_d = config.name) != null ? _d : "dashboard";
+  const icon = (_e = config.icon) != null ? _e : DashboardIcon;
+  return {
+    name: "dashboard",
+    tools: (prev, context) => {
+      return [...prev, {
+        title,
+        name,
+        icon,
+        component: () => /* @__PURE__ */jsxRuntime.jsx(Dashboard, {
+          config: pluginConfig
+        })
+      }];
+    }
+  };
+});
+exports.DashboardWidgetContainer = DashboardWidgetContainer;
+exports.dashboardTool = dashboardTool;
+exports.projectInfoWidget = projectInfoWidget;
+exports.projectUsersWidget = projectUsersWidget;
+exports.sanityTutorialsWidget = sanityTutorialsWidget;
 //# sourceMappingURL=index.js.map