pollination-react-io 1.13.1 → 1.13.3

package/build/index.esm.js

@@ -21783,9 +21783,18 @@ var useArtifacts = function (owner, name, client) {
 var useCreateStudy = function (accountName, projectName, client) {
     var host = getHost();
     var uploadArtifact = useArtifacts(accountName, projectName, client).uploadArtifact;
-    var processEntry = useCallback(function (_a) {
+    // uploads all file inputs for cloud studies
+    var processEntryCloud = useCallback(function (_a, input) {
         var name = _a[0], value = _a[1];
         return new Promise(function (resolve, reject) {
+            var type = input.type;
+            if (type !== 'DAGFileInput') {
+                resolve({
+                    name: name,
+                    type: 'JobArgument',
+                    value: value
+                });
+            }
             // true for files selected via SelectCloudArtifacts
             if (typeof value.pollination_cloud_path === 'string') {
                 resolve({
@@ -21796,55 +21805,89 @@ var useCreateStudy = function (accountName, projectName, client) {
                         path: value.pollination_cloud_path
                     }
                 });
-                // true for files selected via SelectLocalArtifactNative
             }
-            else if (typeof value.pollination_local_path === 'string') {
-                resolve({
+            // true for files selected via SelectLocalArtifactNative
+            if (typeof value.pollination_local_path === 'string') {
+                reject('Running cloud simulations with local artifacts not yet supported.');
+                // resolve({
+                //   name,
+                //   type: 'JobPathArgument',
+                //   source: {
+                //     type: 'ProjectFolder',
+                //     path: value.pollination_local_path
+                //   }
+                // }) 
+            }
+            // true for file uploaders
+            if (value instanceof File) {
+                if (!uploadArtifact) {
+                    reject('useCreateStudy: uploadArtifact is undefined but the user needs to upload input files.');
+                }
+                resolve(uploadArtifact(undefined, value)
+                    .then(function (data) { return ({
                     name: name,
                     type: 'JobPathArgument',
                     source: {
                         type: 'ProjectFolder',
-                        path: value.pollination_local_path
+                        path: value.name
                     }
-                });
-                // true for files selected via SelectLocalArtifactNative
+                }); }));
             }
-            else if (!(value instanceof File)) {
+        });
+    }, [uploadArtifact]);
+    // downloads, saves all file inputs for handling by plugins for local runs
+    // regardless of whether it's a local run or cloud run, platform will handle input files
+    var processEntryLocal = useCallback(function (_a, input) {
+        var name = _a[0], value = _a[1];
+        return new Promise(function (resolve, reject) {
+            var type = input.type;
+            if (type !== 'DAGFileInput') {
                 resolve({
                     name: name,
                     type: 'JobArgument',
                     value: value
                 });
             }
-            else {
-                if (!uploadArtifact) {
-                    reject('useCreateStudy: uploadArtifact is undefined but the user needs to upload input files.');
-                }
-                resolve(uploadArtifact(undefined, value)
-                    .then(function (data) { return ({
+            if (typeof value.pollination_local_path === 'string') {
+                resolve({
                     name: name,
                     type: 'JobPathArgument',
                     source: {
                         type: 'ProjectFolder',
-                        path: value.name
+                        path: value.pollination_local_path
                     }
-                }); }));
+                });
+            }
+            // if the file is cloud hosted, or from CAD application - download / save
+            if (value instanceof File) {
+                reject('File nputs to local simulations, including .hbjson models, must be provided using the local file selector.');
+                // resolve({
+                //   name,
+                //   type: 'JobPathArgument',
+                //   source: {
+                //     type: 'ProjectFolder',
+                //     path: download(value)
+                //   }
+                // })
             }
         });
-    }, [uploadArtifact]);
+    }, []);
     var createStudy = useCallback(function (_a, data, onSuccess) {
-        var name = _a.name, source = _a.source, description = _a.description;
-        if (!client || !name || !source || !data) {
+        var name = _a.name, recipe = _a.recipe, description = _a.description;
+        if (!client || !name || !recipe || !data) {
             return new Promise(function (resolve, reject) { return resolve(); });
         }
-        return Promise.all(Object.entries(data).map(function (d) { return processEntry(d); }))
+        return Promise.all(Object.entries(data).map(function (d) {
+            var input = recipe.inputs.find(function (i) { return i.name === d[0]; });
+            return processEntryCloud(d, input);
+        }))
             .then(function (jobArguments) {
             var job = {
                 type: 'Job',
                 api_version: 'v1beta1',
                 name: name,
                 description: description,
-                source: source,
+                source: recipe.source,
                 arguments: [jobArguments]
             };
             return client.jobs.createJob({
@@ -21861,10 +21904,9 @@ var useCreateStudy = function (accountName, projectName, client) {
                 throw new Error(data.detail);
             });
         });
-    }, [accountName, client, processEntry, projectName]);
-    // TODO: add parameters to create a cloud study using Rhino's handlers
+    }, [accountName, client, processEntryCloud, projectName]);
     var createLocalStudy = useCallback(function (_a, data, _b, key) {
-        var name = _a.name, source = _a.source, description = _a.description;
+        var name = _a.name, description = _a.description, recipe = _a.recipe;
         var localCPUCount = _b.localCPUCount, localRunFolder = _b.localRunFolder, isLocalJob = _b.isLocalJob;
         if (key === void 0) { key = performance.now().toString(); }
         return __awaiter(void 0, void 0, void 0, function () {
@@ -21874,15 +21916,18 @@ var useCreateStudy = function (accountName, projectName, client) {
                     case 0:
                         if (!checkDotNet || !client || !uploadArtifact)
                             return [2 /*return*/];
-                        if (!name || !source || !data)
+                        if (!name || !recipe || !data)
                             return [2 /*return*/];
-                        return [4 /*yield*/, Promise.all(Object.entries(data).map(function (d) { return processEntry(d); }))
+                        return [4 /*yield*/, Promise.all(Object.entries(data).map(function (d) {
+                                var input = recipe.inputs.find(function (i) { return i.name === d[0]; });
+                                return processEntryLocal(d, input);
+                            }))
                                 .then(function (jobArguments) { return ({
                                 type: 'Job',
                                 api_version: 'v1beta1',
                                 name: name,
                                 description: description,
-                                source: source,
+                                source: recipe.source,
                                 arguments: [jobArguments]
                             }); })];
                     case 1:
@@ -21899,12 +21944,11 @@ var useCreateStudy = function (accountName, projectName, client) {
                             data: jobInfo,
                             uniqueId: key
                         });
-                        console.log('response: ', response.data);
                         return [2 /*return*/, response];
                 }
             });
         });
-    }, [client, processEntry, uploadArtifact]);
+    }, [client, processEntryLocal, uploadArtifact]);
     return {
         host: host,
         createStudy: createStudy,
@@ -32037,11 +32081,11 @@ function useDirection(t,n){const[r,o]=React.useState("ltr"),[i,u]=React.useState
 
 function useControllableState({prop:o,defaultProp:r,onChange:n=(()=>{})}){const[a,u]=function({defaultProp:o,onChange:r}){const n=React.useState(o),[a]=n,u=React.useRef(a),c=useCallbackRef$1(r);return React.useEffect((()=>{u.current!==a&&(c(a),u.current=a);}),[a,u,c]),n}({defaultProp:r,onChange:n}),c=void 0!==o,f=c?o:a,l=useCallbackRef$1(n);return [f,React.useCallback((e=>{if(c){const t=e,r="function"==typeof e?t(o):e;r!==o&&l(r);}else u(e);}),[c,o,u,l])]}
 
-function createCollection(c){const n=c+"CollectionProvider",[l,i]=createContextScope(n),[f,a]=l(n,{collectionRef:{current:null},itemMap:new Map}),u=e=>{const{scope:r,children:t}=e,c=React__default.useRef(null),n=React__default.useRef(new Map).current;return React__default.createElement(f,{scope:r,itemMap:n,collectionRef:c},t)},m=c+"CollectionSlot",s=/*#__PURE__*/React__default.forwardRef(((t,c)=>{const{scope:n,children:l}=t,i=a(m,n),f=useComposedRefs(c,i.collectionRef);return React__default.createElement(Slot,{ref:f},l)})),p=c+"CollectionItemSlot",d="data-radix-collection-item",R=/*#__PURE__*/React__default.forwardRef(((t,c)=>{const{scope:n,children:l,...i}=t,f=React__default.useRef(null),u=useComposedRefs(c,f),m=a(p,n);return React__default.useEffect((()=>(m.itemMap.set(f,{ref:f,...i}),()=>{m.itemMap.delete(f);}))),/*#__PURE__*/React__default.createElement(Slot,{[d]:"",ref:u},l)}));return [{Provider:u,Slot:s,ItemSlot:R},function(e){const r=a(c+"CollectionConsumer",e);return React__default.useCallback((()=>{const e=r.collectionRef.current;if(!e)return [];const t=Array.from(e.querySelectorAll(`[${d}]`));return Array.from(r.itemMap.values()).sort(((e,r)=>t.indexOf(e.ref.current)-t.indexOf(r.ref.current)))}),[r.collectionRef,r.itemMap])},i]}
+function createCollection$1(c){const n=c+"CollectionProvider",[l,i]=createContextScope(n),[f,a]=l(n,{collectionRef:{current:null},itemMap:new Map}),u=e=>{const{scope:r,children:t}=e,c=React__default.useRef(null),n=React__default.useRef(new Map).current;return React__default.createElement(f,{scope:r,itemMap:n,collectionRef:c},t)},m=c+"CollectionSlot",s=/*#__PURE__*/React__default.forwardRef(((t,c)=>{const{scope:n,children:l}=t,i=a(m,n),f=useComposedRefs(c,i.collectionRef);return React__default.createElement(Slot,{ref:f},l)})),p=c+"CollectionItemSlot",d="data-radix-collection-item",R=/*#__PURE__*/React__default.forwardRef(((t,c)=>{const{scope:n,children:l,...i}=t,f=React__default.useRef(null),u=useComposedRefs(c,f),m=a(p,n);return React__default.useEffect((()=>(m.itemMap.set(f,{ref:f,...i}),()=>{m.itemMap.delete(f);}))),/*#__PURE__*/React__default.createElement(Slot,{[d]:"",ref:u},l)}));return [{Provider:u,Slot:s,ItemSlot:R},function(e){const r=a(c+"CollectionConsumer",e);return React__default.useCallback((()=>{const e=r.collectionRef.current;if(!e)return [];const t=Array.from(e.querySelectorAll(`[${d}]`));return Array.from(r.itemMap.values()).sort(((e,r)=>t.indexOf(e.ref.current)-t.indexOf(r.ref.current)))}),[r.collectionRef,r.itemMap])},i]}
 
 function composeEventHandlers$1(e,n,{checkForDefaultPrevented:t=!0}={}){return function(r){if(null==e||e(r),!1===t||!r.defaultPrevented)return null==n?void 0:n(r)}}
 
-const f$5={bubbles:!1,cancelable:!0},[p$2,l$3,m$3]=createCollection("RovingFocusGroup"),[d$4,v$1]=createContextScope("RovingFocusGroup",[m$3]);const[g$2,F$2]=d$4("RovingFocusGroup");const RovingFocusGroup=/*#__PURE__*/React.forwardRef(((e,o)=>/*#__PURE__*/React.createElement(p$2.Provider,{scope:e.__scopeRovingFocusGroup},/*#__PURE__*/React.createElement(p$2.Slot,{scope:e.__scopeRovingFocusGroup},/*#__PURE__*/React.createElement(w$2,_extends$B({},e,{ref:o}))))));const w$2=/*#__PURE__*/React.forwardRef(((t,n)=>{const{__scopeRovingFocusGroup:c,orientation:p,dir:m="ltr",loop:d=!1,currentTabStopId:v,defaultCurrentTabStopId:F,onCurrentTabStopIdChange:w,onEntryFocus:b,...x}=t,E=React.useRef(null),I=useComposedRefs(n,E),[G=null,h]=useControllableState({prop:v,defaultProp:F,onChange:w}),[T,A]=React.useState(!1),y=useCallbackRef$1(b),D=l$3(c),S=React.useRef(!1);return React.useEffect((()=>{const e=E.current;if(e)return e.addEventListener("rovingFocusGroup.onEntryFocus",y),()=>e.removeEventListener("rovingFocusGroup.onEntryFocus",y)}),[y]),/*#__PURE__*/React.createElement(g$2,{scope:c,orientation:p,dir:m,loop:d,currentTabStopId:G,onItemFocus:React.useCallback((e=>h(e)),[h]),onItemShiftTab:React.useCallback((()=>A(!0)),[])},/*#__PURE__*/React.createElement(Primitive.div,_extends$B({tabIndex:T?-1:0,"data-orientation":p},x,{ref:I,style:{outline:"none",...t.style},onMouseDown:composeEventHandlers$1(t.onMouseDown,(()=>{S.current=!0;})),onFocus:composeEventHandlers$1(t.onFocus,(e=>{const o=!S.current;if(e.target===e.currentTarget&&o&&!T){const o=new Event("rovingFocusGroup.onEntryFocus",f$5);if(e.currentTarget.dispatchEvent(o),!o.defaultPrevented){const e=D().filter((e=>e.focusable));R$2([e.find((e=>e.active)),e.find((e=>e.id===G)),...e].filter(Boolean).map((e=>e.ref.current)));}}S.current=!1;})),onBlur:composeEventHandlers$1(t.onBlur,(()=>A(!1)))})))}));const RovingFocusGroupItem=/*#__PURE__*/React.forwardRef(((e,o)=>{const{__scopeRovingFocusGroup:n,focusable:i=!0,active:c=!1,...f}=e,m=useId(),d=F$2("RovingFocusGroupItem",n),v=d.currentTabStopId===m,g=l$3(n);return React.createElement(p$2.ItemSlot,{scope:n,id:m,focusable:i,active:c},/*#__PURE__*/React.createElement(Primitive.span,_extends$B({tabIndex:v?0:-1,"data-orientation":d.orientation},f,{ref:o,onMouseDown:composeEventHandlers$1(e.onMouseDown,(e=>{i?d.onItemFocus(m):e.preventDefault();})),onFocus:composeEventHandlers$1(e.onFocus,(()=>d.onItemFocus(m))),onKeyDown:composeEventHandlers$1(e.onKeyDown,(e=>{if("Tab"===e.key&&e.shiftKey)return void d.onItemShiftTab();if(e.target!==e.currentTarget)return;const o=function(e,o,r){const t=function(e,o){return "rtl"!==o?e:"ArrowLeft"===e?"ArrowRight":"ArrowRight"===e?"ArrowLeft":e}(e.key,r);return "vertical"===o&&["ArrowLeft","ArrowRight"].includes(t)||"horizontal"===o&&["ArrowUp","ArrowDown"].includes(t)?void 0:b$2[t]}(e,d.orientation,d.dir);if(void 0!==o){e.preventDefault();let n=g().filter((e=>e.focusable)).map((e=>e.ref.current));if("last"===o)n.reverse();else if("prev"===o||"next"===o){"prev"===o&&n.reverse();const i=n.indexOf(e.currentTarget);n=d.loop?(t=i+1,(r=n).map(((e,o)=>r[(t+o)%r.length]))):n.slice(i+1);}setTimeout((()=>R$2(n)));}var r,t;}))})))}));const b$2={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function R$2(e){const o=document.activeElement;for(const r of e){if(r===o)return;if(r.focus(),document.activeElement!==o)return}}const Root$4=RovingFocusGroup;const Item$2=RovingFocusGroupItem;
+const f$5={bubbles:!1,cancelable:!0},[p$2,l$3,m$3]=createCollection$1("RovingFocusGroup"),[d$4,v$1]=createContextScope("RovingFocusGroup",[m$3]);const[g$2,F$2]=d$4("RovingFocusGroup");const RovingFocusGroup=/*#__PURE__*/React.forwardRef(((e,o)=>/*#__PURE__*/React.createElement(p$2.Provider,{scope:e.__scopeRovingFocusGroup},/*#__PURE__*/React.createElement(p$2.Slot,{scope:e.__scopeRovingFocusGroup},/*#__PURE__*/React.createElement(w$2,_extends$B({},e,{ref:o}))))));const w$2=/*#__PURE__*/React.forwardRef(((t,n)=>{const{__scopeRovingFocusGroup:c,orientation:p,dir:m="ltr",loop:d=!1,currentTabStopId:v,defaultCurrentTabStopId:F,onCurrentTabStopIdChange:w,onEntryFocus:b,...x}=t,E=React.useRef(null),I=useComposedRefs(n,E),[G=null,h]=useControllableState({prop:v,defaultProp:F,onChange:w}),[T,A]=React.useState(!1),y=useCallbackRef$1(b),D=l$3(c),S=React.useRef(!1);return React.useEffect((()=>{const e=E.current;if(e)return e.addEventListener("rovingFocusGroup.onEntryFocus",y),()=>e.removeEventListener("rovingFocusGroup.onEntryFocus",y)}),[y]),/*#__PURE__*/React.createElement(g$2,{scope:c,orientation:p,dir:m,loop:d,currentTabStopId:G,onItemFocus:React.useCallback((e=>h(e)),[h]),onItemShiftTab:React.useCallback((()=>A(!0)),[])},/*#__PURE__*/React.createElement(Primitive.div,_extends$B({tabIndex:T?-1:0,"data-orientation":p},x,{ref:I,style:{outline:"none",...t.style},onMouseDown:composeEventHandlers$1(t.onMouseDown,(()=>{S.current=!0;})),onFocus:composeEventHandlers$1(t.onFocus,(e=>{const o=!S.current;if(e.target===e.currentTarget&&o&&!T){const o=new Event("rovingFocusGroup.onEntryFocus",f$5);if(e.currentTarget.dispatchEvent(o),!o.defaultPrevented){const e=D().filter((e=>e.focusable));R$2([e.find((e=>e.active)),e.find((e=>e.id===G)),...e].filter(Boolean).map((e=>e.ref.current)));}}S.current=!1;})),onBlur:composeEventHandlers$1(t.onBlur,(()=>A(!1)))})))}));const RovingFocusGroupItem=/*#__PURE__*/React.forwardRef(((e,o)=>{const{__scopeRovingFocusGroup:n,focusable:i=!0,active:c=!1,...f}=e,m=useId(),d=F$2("RovingFocusGroupItem",n),v=d.currentTabStopId===m,g=l$3(n);return React.createElement(p$2.ItemSlot,{scope:n,id:m,focusable:i,active:c},/*#__PURE__*/React.createElement(Primitive.span,_extends$B({tabIndex:v?0:-1,"data-orientation":d.orientation},f,{ref:o,onMouseDown:composeEventHandlers$1(e.onMouseDown,(e=>{i?d.onItemFocus(m):e.preventDefault();})),onFocus:composeEventHandlers$1(e.onFocus,(()=>d.onItemFocus(m))),onKeyDown:composeEventHandlers$1(e.onKeyDown,(e=>{if("Tab"===e.key&&e.shiftKey)return void d.onItemShiftTab();if(e.target!==e.currentTarget)return;const o=function(e,o,r){const t=function(e,o){return "rtl"!==o?e:"ArrowLeft"===e?"ArrowRight":"ArrowRight"===e?"ArrowLeft":e}(e.key,r);return "vertical"===o&&["ArrowLeft","ArrowRight"].includes(t)||"horizontal"===o&&["ArrowUp","ArrowDown"].includes(t)?void 0:b$2[t]}(e,d.orientation,d.dir);if(void 0!==o){e.preventDefault();let n=g().filter((e=>e.focusable)).map((e=>e.ref.current));if("last"===o)n.reverse();else if("prev"===o||"next"===o){"prev"===o&&n.reverse();const i=n.indexOf(e.currentTarget);n=d.loop?(t=i+1,(r=n).map(((e,o)=>r[(t+o)%r.length]))):n.slice(i+1);}setTimeout((()=>R$2(n)));}var r,t;}))})))}));const b$2={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function R$2(e){const o=document.activeElement;for(const r of e){if(r===o)return;if(r.focus(),document.activeElement!==o)return}}const Root$4=RovingFocusGroup;const Item$2=RovingFocusGroupItem;
 
 const Portal=/*#__PURE__*/React.forwardRef(((a,i)=>{var n,d;const{containerRef:s,style:u,...c}=a,m=null!==(n=null==s?void 0:s.current)&&void 0!==n?n:null===globalThis||void 0===globalThis||null===(d=globalThis.document)||void 0===d?void 0:d.body,[,f]=React.useState({});return useLayoutEffect((()=>{f({});}),[]),m?/*#__PURE__*/e$7.createPortal(/*#__PURE__*/React.createElement(Primitive.div,_extends$B({"data-radix-portal":""},c,{ref:i,style:m===document.body?{position:"absolute",top:0,left:0,zIndex:2147483647,...u}:void 0})),m):null}));
 
@@ -32067,6 +32111,8 @@ let n$1,o$1=0;function useBodyPointerEvents({disabled:r}){const i=React.useRef(!
 
 const u$1=/*#__PURE__*/React.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set});const DismissableLayer=/*#__PURE__*/React.forwardRef(((l,m)=>{const{disableOutsidePointerEvents:f=!1,onEscapeKeyDown:p,onPointerDownOutside:v,onFocusOutside:b,onInteractOutside:E,onDismiss:y,...w}=l,h=React.useContext(u$1),[D,x]=React.useState(null),[,C]=React.useState({}),L=useComposedRefs(m,(e=>x(e))),P=Array.from(h.layers),[O]=[...h.layersWithOutsidePointerEventsDisabled].slice(-1),g=P.indexOf(O),B=D?P.indexOf(D):-1,R=h.layersWithOutsidePointerEventsDisabled.size>0,F=B>=g,S=function(e){const n=useCallbackRef$1(e),r=React.useRef(!1);return React.useEffect((()=>{const e=e=>{if(e.target&&!r.current){d$1("dismissableLayer.pointerDownOutside",n,{originalEvent:e});}r.current=!1;},t=window.setTimeout((()=>{document.addEventListener("pointerdown",e);}),0);return ()=>{window.clearTimeout(t),document.removeEventListener("pointerdown",e);}}),[n]),{onPointerDownCapture:()=>r.current=!0}}((e=>{const t=e.target,n=[...h.branches].some((e=>e.contains(t)));F&&!n&&(null==v||v(e),null==E||E(e),e.defaultPrevented||null==y||y());})),W=function(e){const n=useCallbackRef$1(e),r=React.useRef(!1);return React.useEffect((()=>{const e=e=>{if(e.target&&!r.current){d$1("dismissableLayer.focusOutside",n,{originalEvent:e});}};return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)}),[n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}((e=>{const t=e.target;[...h.branches].some((e=>e.contains(t)))||(null==b||b(e),null==E||E(e),e.defaultPrevented||null==y||y());}));return useEscapeKeydown((e=>{B===h.layers.size-1&&(null==p||p(e),e.defaultPrevented||null==y||y());})),useBodyPointerEvents({disabled:f}),React.useEffect((()=>{D&&(f&&h.layersWithOutsidePointerEventsDisabled.add(D),h.layers.add(D),c$1());}),[D,f,h]),React.useEffect((()=>()=>{D&&(h.layers.delete(D),h.layersWithOutsidePointerEventsDisabled.delete(D),c$1());}),[D,h]),React.useEffect((()=>{const e=()=>C({});return document.addEventListener("dismissableLayer.update",e),()=>document.removeEventListener("dismissableLayer.update",e)}),[]),/*#__PURE__*/React.createElement(Primitive.div,_extends$B({},w,{ref:L,style:{pointerEvents:R?F?"auto":"none":void 0,...l.style},onFocusCapture:composeEventHandlers$1(l.onFocusCapture,W.onFocusCapture),onBlurCapture:composeEventHandlers$1(l.onBlurCapture,W.onBlurCapture),onPointerDownCapture:composeEventHandlers$1(l.onPointerDownCapture,S.onPointerDownCapture)}))}));function c$1(){const e=new Event("dismissableLayer.update");document.dispatchEvent(e);}function d$1(e,t,n){const r=n.originalEvent.target,s=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});return t&&r.addEventListener(e,t,{once:!0}),!r.dispatchEvent(s)}
 
+function createCollection(c){const n=c+"CollectionProvider",[l,i]=createContextScope(n),[f,a]=l(n,{collectionRef:{current:null},itemMap:new Map}),u=e=>{const{scope:r,children:t}=e,c=React__default.useRef(null),n=React__default.useRef(new Map).current;return React__default.createElement(f,{scope:r,itemMap:n,collectionRef:c},t)},m=c+"CollectionSlot",s=/*#__PURE__*/React__default.forwardRef(((t,c)=>{const{scope:n,children:l}=t,i=a(m,n),f=useComposedRefs(c,i.collectionRef);return React__default.createElement(Slot,{ref:f},l)})),p=c+"CollectionItemSlot",d="data-radix-collection-item",R=/*#__PURE__*/React__default.forwardRef(((t,c)=>{const{scope:n,children:l,...i}=t,f=React__default.useRef(null),u=useComposedRefs(c,f),m=a(p,n);return React__default.useEffect((()=>(m.itemMap.set(f,{ref:f,...i}),()=>{m.itemMap.delete(f);}))),/*#__PURE__*/React__default.createElement(Slot,{[d]:"",ref:u},l)}));return [{Provider:u,Slot:s,ItemSlot:R},function(e){const r=a(c+"CollectionConsumer",e);return React__default.useCallback((()=>{const e=r.collectionRef.current;if(!e)return [];const t=Array.from(e.querySelectorAll(`[${d}]`));return Array.from(r.itemMap.values()).sort(((e,r)=>t.indexOf(e.ref.current)-t.indexOf(r.ref.current)))}),[r.collectionRef,r.itemMap])},i]}
+
 var getDefaultParent = function (originalTarget) {
     if (typeof document === 'undefined') {
         return null;
@@ -32078,9 +32124,15 @@ var counterMap = new WeakMap();
 var uncontrolledNodes = new WeakMap();
 var markerMap = {};
 var lockCount = 0;
-var hideOthers = function (originalTarget, parentNode, markerName) {
-    if (parentNode === void 0) { parentNode = getDefaultParent(originalTarget); }
-    if (markerName === void 0) { markerName = "data-aria-hidden"; }
+/**
+ * Marks everything except given node(or nodes) as aria-hidden
+ * @param {Element | Element[]} originalTarget - elements to keep on the page
+ * @param [parentNode] - top element, defaults to document.body
+ * @param {String} [markerName] - a special attribute to mark every node
+ * @param {String} [controlAttribute] - html Attribute to control
+ * @return {Undo} undo command
+ */
+var applyAttributeToOthers = function (originalTarget, parentNode, markerName, controlAttribute) {
     var targets = Array.isArray(originalTarget) ? originalTarget : [originalTarget];
     if (!markerMap[markerName]) {
         markerMap[markerName] = new WeakMap();
@@ -32088,16 +32140,17 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
     var markerCounter = markerMap[markerName];
     var hiddenNodes = [];
     var elementsToKeep = new Set();
-    var keep = (function (el) {
+    var elementsToStop = new Set(targets);
+    var keep = function (el) {
         if (!el || elementsToKeep.has(el)) {
             return;
         }
         elementsToKeep.add(el);
         keep(el.parentNode);
-    });
+    };
     targets.forEach(keep);
     var deep = function (parent) {
-        if (!parent || targets.indexOf(parent) >= 0) {
+        if (!parent || elementsToStop.has(parent)) {
             return;
         }
         Array.prototype.forEach.call(parent.children, function (node) {
@@ -32105,7 +32158,7 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
                 deep(node);
             }
             else {
-                var attr = node.getAttribute('aria-hidden');
+                var attr = node.getAttribute(controlAttribute);
                 var alreadyHidden = attr !== null && attr !== 'false';
                 var counterValue = (counterMap.get(node) || 0) + 1;
                 var markerValue = (markerCounter.get(node) || 0) + 1;
@@ -32119,7 +32172,7 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
                     node.setAttribute(markerName, 'true');
                 }
                 if (!alreadyHidden) {
-                    node.setAttribute('aria-hidden', 'true');
+                    node.setAttribute(controlAttribute, 'true');
                 }
             }
         });
@@ -32135,7 +32188,7 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
             markerCounter.set(node, markerValue);
             if (!counterValue) {
                 if (!uncontrolledNodes.has(node)) {
-                    node.removeAttribute('aria-hidden');
+                    node.removeAttribute(controlAttribute);
                 }
                 uncontrolledNodes.delete(node);
             }
@@ -32145,6 +32198,7 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
         });
         lockCount--;
         if (!lockCount) {
+            // clear
             counterMap = new WeakMap();
             counterMap = new WeakMap();
             uncontrolledNodes = new WeakMap();
@@ -32152,6 +32206,24 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
         }
     };
 };
+/**
+ * Marks everything except given node(or nodes) as aria-hidden
+ * @param {Element | Element[]} originalTarget - elements to keep on the page
+ * @param [parentNode] - top element, defaults to document.body
+ * @param {String} [markerName] - a special attribute to mark every node
+ * @return {Undo} undo command
+ */
+var hideOthers = function (originalTarget, parentNode, markerName) {
+    if (markerName === void 0) { markerName = 'data-aria-hidden'; }
+    var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
+    var activeParentNode = parentNode || getDefaultParent(originalTarget);
+    if (!activeParentNode) {
+        return function () { return null; };
+    }
+    // we should not hide ariaLive elements - https://github.com/theKashey/aria-hidden/issues/10
+    targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll('[aria-live]')));
+    return applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');
+};
 
 var zeroRightClassName = 'right-scroll-bar-position';
 var fullWidthClassName = 'width-before-scroll-bar';
@@ -32538,18 +32610,20 @@ if (typeof window !== 'undefined') {
 }
 var nonPassive = passiveSupported ? { passive: false } : false;
 
-var elementCouldBeVScrolled = function (node) {
-    var styles = window.getComputedStyle(node);
-    return (styles.overflowY !== 'hidden' && // not-not-scrollable
-        !(styles.overflowY === styles.overflowX && styles.overflowY === 'visible') // scrollable
-    );
+var alwaysContainsScroll = function (node) {
+    // textarea will always _contain_ scroll inside self. It only can be hidden
+    return node.tagName === 'TEXTAREA';
 };
-var elementCouldBeHScrolled = function (node) {
+var elementCanBeScrolled = function (node, overflow) {
     var styles = window.getComputedStyle(node);
-    return (styles.overflowX !== 'hidden' && // not-not-scrollable
-        !(styles.overflowY === styles.overflowX && styles.overflowX === 'visible') // scrollable
-    );
-};
+    return (
+    // not-not-scrollable
+    styles[overflow] !== 'hidden' &&
+        // contains scroll inside self
+        !(styles.overflowY === styles.overflowX && !alwaysContainsScroll(node) && styles[overflow] === 'visible'));
+};
+var elementCouldBeVScrolled = function (node) { return elementCanBeScrolled(node, 'overflowY'); };
+var elementCouldBeHScrolled = function (node) { return elementCanBeScrolled(node, 'overflowX'); };
 var locationCouldBeScrolled = function (axis, node) {
     var current = node;
     do {
@@ -32715,7 +32789,9 @@ function RemoveScrollSideCar(props) {
         var sourceEvent = shouldPreventQueue.current.filter(function (e) { return e.name === event.type && e.target === event.target && deltaCompare(e.delta, delta); })[0];
         // self event, and should be canceled
         if (sourceEvent && sourceEvent.should) {
-            event.preventDefault();
+            if (event.cancelable) {
+                event.preventDefault();
+            }
             return;
         }
         // outside or shard event
@@ -32726,7 +32802,9 @@ function RemoveScrollSideCar(props) {
                 .filter(function (node) { return node.contains(event.target); });
             var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;
             if (shouldStop) {
-                event.preventDefault();
+                if (event.cancelable) {
+                    event.preventDefault();
+                }
             }
         }
     }, []);
@@ -34587,29 +34665,29 @@ const [$b73a6c6685e72184$var$LabelProvider, $b73a6c6685e72184$var$useLabelContex
 /**
  * Set a given ref to a given value
  * This utility takes care of different types of refs: callback refs and RefObject(s)
- */ function $6ed0406888f73fc4$var$setRef$1(ref, value) {
+ */ function $6ed0406888f73fc4$var$setRef$2(ref, value) {
     if (typeof ref === 'function') ref(value);
     else if (ref !== null && ref !== undefined) ref.current = value;
 }
 /**
  * A utility to compose multiple refs together
  * Accepts callback refs and RefObject(s)
- */ function $6ed0406888f73fc4$export$43e446d32b3d21af$1(...refs) {
-    return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef$1(ref, node)
+ */ function $6ed0406888f73fc4$export$43e446d32b3d21af$2(...refs) {
+    return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef$2(ref, node)
         )
     ;
 }
 /**
  * A custom hook that composes multiple refs
  * Accepts callback refs and RefObject(s)
- */ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(...refs) {
+ */ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05$2(...refs) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    return useCallback($6ed0406888f73fc4$export$43e446d32b3d21af$1(...refs), refs);
+    return useCallback($6ed0406888f73fc4$export$43e446d32b3d21af$2(...refs), refs);
 }
 
 /* -------------------------------------------------------------------------------------------------
  * createContextScope
- * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$50c7b4e9d9f19c1$1(scopeName, createContextScopeDeps = []) {
+ * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$50c7b4e9d9f19c1$2(scopeName, createContextScopeDeps = []) {
     let defaultContexts = [];
     /* -----------------------------------------------------------------------------------------------
    * createContext
@@ -34666,12 +34744,12 @@ const [$b73a6c6685e72184$var$LabelProvider, $b73a6c6685e72184$var$useLabelContex
     createScope.scopeName = scopeName;
     return [
         $c512c27ab02ef895$export$fd42f52fd3ae1109,
-        $c512c27ab02ef895$var$composeContextScopes$1(createScope, ...createContextScopeDeps)
+        $c512c27ab02ef895$var$composeContextScopes$2(createScope, ...createContextScopeDeps)
     ];
 }
 /* -------------------------------------------------------------------------------------------------
  * composeContextScopes
- * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$var$composeContextScopes$1(...scopes) {
+ * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$var$composeContextScopes$2(...scopes) {
     const baseScope = scopes[0];
     if (scopes.length === 1) return baseScope;
     const createScope1 = ()=>{
@@ -34706,10 +34784,10 @@ const [$b73a6c6685e72184$var$LabelProvider, $b73a6c6685e72184$var$useLabelContex
 
 /* -------------------------------------------------------------------------------------------------
  * Slot
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360$1 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+ * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360$2 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { children: children , ...slotProps } = props;
     const childrenArray = Children.toArray(children);
-    const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable$1);
+    const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable$2);
     if (slottable) {
         // the new element to render is the one passed as a child of `Slottable`
         const newElement = slottable.props.children;
@@ -34721,35 +34799,35 @@ const [$b73a6c6685e72184$var$LabelProvider, $b73a6c6685e72184$var$useLabelContex
                 return /*#__PURE__*/ isValidElement(newElement) ? newElement.props.children : null;
             } else return child;
         });
-        return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone$1, _extends$B({}, slotProps, {
+        return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone$2, _extends$B({}, slotProps, {
             ref: forwardedRef
         }), /*#__PURE__*/ isValidElement(newElement) ? /*#__PURE__*/ cloneElement(newElement, undefined, newChildren) : null);
     }
-    return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone$1, _extends$B({}, slotProps, {
+    return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone$2, _extends$B({}, slotProps, {
         ref: forwardedRef
     }), children);
 });
-$5e63c961fc1ce211$export$8c6ed5c666ac1360$1.displayName = 'Slot';
+$5e63c961fc1ce211$export$8c6ed5c666ac1360$2.displayName = 'Slot';
 /* -------------------------------------------------------------------------------------------------
  * SlotClone
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone$1 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+ * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone$2 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { children: children , ...slotProps } = props;
     if (/*#__PURE__*/ isValidElement(children)) return /*#__PURE__*/ cloneElement(children, {
-        ...$5e63c961fc1ce211$var$mergeProps$1(slotProps, children.props),
-        ref: $6ed0406888f73fc4$export$43e446d32b3d21af$1(forwardedRef, children.ref)
+        ...$5e63c961fc1ce211$var$mergeProps$2(slotProps, children.props),
+        ref: $6ed0406888f73fc4$export$43e446d32b3d21af$2(forwardedRef, children.ref)
     });
     return Children.count(children) > 1 ? Children.only(null) : null;
 });
-$5e63c961fc1ce211$var$SlotClone$1.displayName = 'SlotClone';
+$5e63c961fc1ce211$var$SlotClone$2.displayName = 'SlotClone';
 /* -------------------------------------------------------------------------------------------------
  * Slottable
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45$1 = ({ children: children  })=>{
+ * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45$2 = ({ children: children  })=>{
     return /*#__PURE__*/ createElement(Fragment$2, null, children);
 };
-/* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable$1(child) {
-    return /*#__PURE__*/ isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45$1;
+/* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable$2(child) {
+    return /*#__PURE__*/ isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45$2;
 }
-function $5e63c961fc1ce211$var$mergeProps$1(slotProps, childProps) {
+function $5e63c961fc1ce211$var$mergeProps$2(slotProps, childProps) {
     // all child props should override
     const overrideProps = {
         ...childProps
@@ -34799,7 +34877,7 @@ const $8927f6f2acc4f386$var$NODES$1 = [
  * -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$250ffa63cdc0d034$1 = $8927f6f2acc4f386$var$NODES$1.reduce((primitive, node)=>{
     const Node = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
         const { asChild: asChild , ...primitiveProps } = props;
-        const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360$1 : node;
+        const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360$2 : node;
         useEffect(()=>{
             window[Symbol.for('radix-ui')] = true;
         }, []);
@@ -34814,6 +34892,199 @@ const $8927f6f2acc4f386$var$NODES$1 = [
     };
 }, {});
 
+/* -------------------------------------------------------------------------------------------------
+ * createContextScope
+ * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$50c7b4e9d9f19c1$1(scopeName, createContextScopeDeps = []) {
+    let defaultContexts = [];
+    /* -----------------------------------------------------------------------------------------------
+   * createContext
+   * ---------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
+        const BaseContext = /*#__PURE__*/ createContext(defaultContext);
+        const index = defaultContexts.length;
+        defaultContexts = [
+            ...defaultContexts,
+            defaultContext
+        ];
+        function Provider(props) {
+            const { scope: scope , children: children , ...context } = props;
+            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext; // Only re-memoize when prop values change
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+            const value = useMemo(()=>context
+            , Object.values(context));
+            return /*#__PURE__*/ createElement(Context.Provider, {
+                value: value
+            }, children);
+        }
+        function useContext$1(consumerName, scope) {
+            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
+            const context = useContext(Context);
+            if (context) return context;
+            if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.
+            throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+        }
+        Provider.displayName = rootComponentName + 'Provider';
+        return [
+            Provider,
+            useContext$1
+        ];
+    }
+    /* -----------------------------------------------------------------------------------------------
+   * createScope
+   * ---------------------------------------------------------------------------------------------*/ const createScope = ()=>{
+        const scopeContexts = defaultContexts.map((defaultContext)=>{
+            return /*#__PURE__*/ createContext(defaultContext);
+        });
+        return function useScope(scope) {
+            const contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
+            return useMemo(()=>({
+                    [`__scope${scopeName}`]: {
+                        ...scope,
+                        [scopeName]: contexts
+                    }
+                })
+            , [
+                scope,
+                contexts
+            ]);
+        };
+    };
+    createScope.scopeName = scopeName;
+    return [
+        $c512c27ab02ef895$export$fd42f52fd3ae1109,
+        $c512c27ab02ef895$var$composeContextScopes$1(createScope, ...createContextScopeDeps)
+    ];
+}
+/* -------------------------------------------------------------------------------------------------
+ * composeContextScopes
+ * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$var$composeContextScopes$1(...scopes) {
+    const baseScope = scopes[0];
+    if (scopes.length === 1) return baseScope;
+    const createScope1 = ()=>{
+        const scopeHooks = scopes.map((createScope)=>({
+                useScope: createScope(),
+                scopeName: createScope.scopeName
+            })
+        );
+        return function useComposedScopes(overrideScopes) {
+            const nextScopes1 = scopeHooks.reduce((nextScopes, { useScope: useScope , scopeName: scopeName  })=>{
+                // We are calling a hook inside a callback which React warns against to avoid inconsistent
+                // renders, however, scoping doesn't have render side effects so we ignore the rule.
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                const scopeProps = useScope(overrideScopes);
+                const currentScope = scopeProps[`__scope${scopeName}`];
+                return {
+                    ...nextScopes,
+                    ...currentScope
+                };
+            }, {});
+            return useMemo(()=>({
+                    [`__scope${baseScope.scopeName}`]: nextScopes1
+                })
+            , [
+                nextScopes1
+            ]);
+        };
+    };
+    createScope1.scopeName = baseScope.scopeName;
+    return createScope1;
+}
+
+/**
+ * Set a given ref to a given value
+ * This utility takes care of different types of refs: callback refs and RefObject(s)
+ */ function $6ed0406888f73fc4$var$setRef$1(ref, value) {
+    if (typeof ref === 'function') ref(value);
+    else if (ref !== null && ref !== undefined) ref.current = value;
+}
+/**
+ * A utility to compose multiple refs together
+ * Accepts callback refs and RefObject(s)
+ */ function $6ed0406888f73fc4$export$43e446d32b3d21af$1(...refs) {
+    return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef$1(ref, node)
+        )
+    ;
+}
+/**
+ * A custom hook that composes multiple refs
+ * Accepts callback refs and RefObject(s)
+ */ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(...refs) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return useCallback($6ed0406888f73fc4$export$43e446d32b3d21af$1(...refs), refs);
+}
+
+/* -------------------------------------------------------------------------------------------------
+ * Slot
+ * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360$1 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { children: children , ...slotProps } = props;
+    const childrenArray = Children.toArray(children);
+    const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable$1);
+    if (slottable) {
+        // the new element to render is the one passed as a child of `Slottable`
+        const newElement = slottable.props.children;
+        const newChildren = childrenArray.map((child)=>{
+            if (child === slottable) {
+                // because the new element will be the one rendered, we are only interested
+                // in grabbing its children (`newElement.props.children`)
+                if (Children.count(newElement) > 1) return Children.only(null);
+                return /*#__PURE__*/ isValidElement(newElement) ? newElement.props.children : null;
+            } else return child;
+        });
+        return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone$1, _extends$B({}, slotProps, {
+            ref: forwardedRef
+        }), /*#__PURE__*/ isValidElement(newElement) ? /*#__PURE__*/ cloneElement(newElement, undefined, newChildren) : null);
+    }
+    return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone$1, _extends$B({}, slotProps, {
+        ref: forwardedRef
+    }), children);
+});
+$5e63c961fc1ce211$export$8c6ed5c666ac1360$1.displayName = 'Slot';
+/* -------------------------------------------------------------------------------------------------
+ * SlotClone
+ * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone$1 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { children: children , ...slotProps } = props;
+    if (/*#__PURE__*/ isValidElement(children)) return /*#__PURE__*/ cloneElement(children, {
+        ...$5e63c961fc1ce211$var$mergeProps$1(slotProps, children.props),
+        ref: $6ed0406888f73fc4$export$43e446d32b3d21af$1(forwardedRef, children.ref)
+    });
+    return Children.count(children) > 1 ? Children.only(null) : null;
+});
+$5e63c961fc1ce211$var$SlotClone$1.displayName = 'SlotClone';
+/* -------------------------------------------------------------------------------------------------
+ * Slottable
+ * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45$1 = ({ children: children  })=>{
+    return /*#__PURE__*/ createElement(Fragment$2, null, children);
+};
+/* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable$1(child) {
+    return /*#__PURE__*/ isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45$1;
+}
+function $5e63c961fc1ce211$var$mergeProps$1(slotProps, childProps) {
+    // all child props should override
+    const overrideProps = {
+        ...childProps
+    };
+    for(const propName in childProps){
+        const slotPropValue = slotProps[propName];
+        const childPropValue = childProps[propName];
+        const isHandler = /^on[A-Z]/.test(propName); // if it's a handler, modify the override by composing the base handler
+        if (isHandler) overrideProps[propName] = (...args)=>{
+            childPropValue === null || childPropValue === void 0 || childPropValue(...args);
+            slotPropValue === null || slotPropValue === void 0 || slotPropValue(...args);
+        };
+        else if (propName === 'style') overrideProps[propName] = {
+            ...slotPropValue,
+            ...childPropValue
+        };
+        else if (propName === 'className') overrideProps[propName] = [
+            slotPropValue,
+            childPropValue
+        ].filter(Boolean).join(' ');
+    }
+    return {
+        ...slotProps,
+        ...overrideProps
+    };
+}
+
 // We have resorted to returning slots directly rather than exposing primitives that can then
 // be slotted like `<CollectionItem as={Slot}>…</CollectionItem>`.
 // This is because we encountered issues with generic types that cannot be statically analysed
@@ -34996,7 +35267,7 @@ const $d7bdfb9eb0fdf311$var$EVENT_OPTIONS = {
  * RovingFocusGroup
  * -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$GROUP_NAME = 'RovingFocusGroup';
 const [$d7bdfb9eb0fdf311$var$Collection, $d7bdfb9eb0fdf311$var$useCollection, $d7bdfb9eb0fdf311$var$createCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($d7bdfb9eb0fdf311$var$GROUP_NAME);
-const [$d7bdfb9eb0fdf311$var$createRovingFocusGroupContext, $d7bdfb9eb0fdf311$export$c7109489551a4f4] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$1($d7bdfb9eb0fdf311$var$GROUP_NAME, [
+const [$d7bdfb9eb0fdf311$var$createRovingFocusGroupContext, $d7bdfb9eb0fdf311$export$c7109489551a4f4] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$2($d7bdfb9eb0fdf311$var$GROUP_NAME, [
     $d7bdfb9eb0fdf311$var$createCollectionScope
 ]);
 const [$d7bdfb9eb0fdf311$var$RovingFocusProvider, $d7bdfb9eb0fdf311$var$useRovingFocusContext] = $d7bdfb9eb0fdf311$var$createRovingFocusGroupContext($d7bdfb9eb0fdf311$var$GROUP_NAME);
@@ -35012,7 +35283,7 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ forwardRef((prop
 /* -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$RovingFocusGroupImpl = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , orientation: orientation , loop: loop = false , dir: dir , currentTabStopId: currentTabStopIdProp , defaultCurrentTabStopId: defaultCurrentTabStopId , onCurrentTabStopIdChange: onCurrentTabStopIdChange , onEntryFocus: onEntryFocus , ...groupProps } = props;
     const ref = useRef(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, ref);
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$2(forwardedRef, ref);
     const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
     const [currentTabStopId = null, setCurrentTabStopId] = $71cd76cc60e0454e$export$6f32135080cb4c3$1({
         prop: currentTabStopIdProp,
@@ -35269,7 +35540,7 @@ const $921a889cee6df7e8$export$99c2b779aa4e8b8b$1 = (props)=>{
     const child = typeof children === 'function' ? children({
         present: presence.isPresent
     }) : Children.only(children);
-    const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(presence.ref, child.ref);
+    const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$2(presence.ref, child.ref);
     const forceMount = typeof children === 'function';
     return forceMount || presence.isPresent ? /*#__PURE__*/ cloneElement(child, {
         ref: ref
@@ -35382,12 +35653,12 @@ $921a889cee6df7e8$export$99c2b779aa4e8b8b$1.displayName = 'Presence';
 /* -------------------------------------------------------------------------------------------------
  * Radio
  * -----------------------------------------------------------------------------------------------*/ const $ce77a8961b41be9e$var$RADIO_NAME = 'Radio';
-const [$ce77a8961b41be9e$var$createRadioContext, $ce77a8961b41be9e$export$67d2296460f1b002] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$1($ce77a8961b41be9e$var$RADIO_NAME);
+const [$ce77a8961b41be9e$var$createRadioContext, $ce77a8961b41be9e$export$67d2296460f1b002] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$2($ce77a8961b41be9e$var$RADIO_NAME);
 const [$ce77a8961b41be9e$var$RadioProvider, $ce77a8961b41be9e$var$useRadioContext] = $ce77a8961b41be9e$var$createRadioContext($ce77a8961b41be9e$var$RADIO_NAME);
 const $ce77a8961b41be9e$export$d7b12c4107be0d61 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeRadio: __scopeRadio , 'aria-labelledby': ariaLabelledby , name: name , checked: checked = false , required: required , disabled: disabled , value: value = 'on' , onCheck: onCheck , ...radioProps } = props;
     const [button, setButton] = useState(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, (node)=>setButton(node)
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$2(forwardedRef, (node)=>setButton(node)
     );
     const labelId = $b73a6c6685e72184$export$feddbbf47baabdb9(button);
     const labelledBy = ariaLabelledby || labelId;
@@ -35500,7 +35771,7 @@ const $f99a8c78507165f7$var$ARROW_KEYS = [
 /* -------------------------------------------------------------------------------------------------
  * RadioGroup
  * -----------------------------------------------------------------------------------------------*/ const $f99a8c78507165f7$var$RADIO_GROUP_NAME = 'RadioGroup';
-const [$f99a8c78507165f7$var$createRadioGroupContet, $f99a8c78507165f7$export$c547093f11b76da2] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$1($f99a8c78507165f7$var$RADIO_GROUP_NAME, [
+const [$f99a8c78507165f7$var$createRadioGroupContet, $f99a8c78507165f7$export$c547093f11b76da2] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$2($f99a8c78507165f7$var$RADIO_GROUP_NAME, [
     $d7bdfb9eb0fdf311$export$c7109489551a4f4,
     $ce77a8961b41be9e$export$67d2296460f1b002
 ]);
@@ -35549,7 +35820,7 @@ const $f99a8c78507165f7$export$9f866c100ef519e4 = /*#__PURE__*/ forwardRef((prop
     const rovingFocusGroupScope = $f99a8c78507165f7$var$useRovingFocusGroupScope(__scopeRadioGroup);
     const radioScope = $f99a8c78507165f7$var$useRadioScope(__scopeRadioGroup);
     const ref = useRef(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, ref);
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$2(forwardedRef, ref);
     const checked = context.value === itemProps.value;
     const isArrowKeyPressedRef = useRef(false);
     useEffect(()=>{
@@ -40112,16 +40383,16 @@ var CreateStudy = function (_a) {
         window.open("".concat(basePath, "/").concat(accountName, "/projects/").concat(projectName, "/studies/").concat(studyId));
     }, [basePath]);
     var handleCreateStudy = useCallback(function (name, data, description) {
-        if (!state.recipe && !state.recipe.source) {
+        if (!state.recipe || !state.recipe.source) {
             return new Promise(function (resolve, reject) { return resolve(); });
         }
         if (host !== 'web') {
-            return createLocalStudy({ name: name, source: state.recipe.source, description: description }, data, localStudyConfig);
+            return createLocalStudy({ name: name, recipe: state.recipe, description: description }, data, localStudyConfig);
         }
         else {
-            return createStudy({ name: name, source: state.recipe.source, description: description }, data, handleCreateStudySuccess);
+            return createStudy({ name: name, recipe: state.recipe, description: description }, data, handleCreateStudySuccess);
         }
-    }, [createLocalStudy, createStudy, handleCreateStudySuccess, host, localStudyConfig, state.recipe]);
+    }, [createStudy, createLocalStudy, handleCreateStudySuccess, host, localStudyConfig, state.recipe]);
     return (React__default.createElement("div", { "data-testid": "CreateProject", style: __assign(__assign({}, defaultStyle), style) },
         React__default.createElement(Tabs, { selectedIndex: activeTabIndex, onSelect: function (index) { return setActiveTabIndex(index); }, forceRenderTabPanel: true },
             React__default.createElement("div", { style: {
@@ -41001,7 +41272,7 @@ var getAction = function (key) {
     }
 };
 var SendResults = function (_a) {
-    var results = _a.results, defaultAction = _a.defaultAction, defaultKey = _a.defaultKey, optionsConfig = _a.optionsConfig, _b = _a.buttonLabel, buttonLabel = _b === void 0 ? 'Send Results' : _b;
+    var results = _a.results, defaultAction = _a.defaultAction, defaultKey = _a.defaultKey, optionsConfig = _a.optionsConfig, _b = _a.buttonLabel, buttonLabel = _b === void 0 ? 'Send Results' : _b, geometryOptions = _a.geometryOptions;
     var _c = useState(defaultAction !== null && defaultAction !== void 0 ? defaultAction : Action.preview), selOpt = _c[0], setSelOpt = _c[1];
     var _d = useState(defaultKey !== null && defaultKey !== void 0 ? defaultKey : performance.now().toString()), key = _d[0], setKey = _d[1];
     var sendMessage = useSendMessage().sendMessage;
@@ -41017,32 +41288,23 @@ var SendResults = function (_a) {
         sendMessage('SubscribePreviewResults', {
             data: results,
             uniqueId: key,
-            options: {
-                layer: 'StreamlitLayer',
-                units: 'Meters',
-            },
+            options: geometryOptions,
         });
         return function () {
             sendMessage('ClearResults', {
                 data: results,
                 uniqueId: key,
-                options: {
-                    layer: 'StreamlitLayer',
-                    units: 'Meters',
-                },
+                options: geometryOptions,
             });
         };
-    }, [key, results, selOpt, sendMessage]);
+    }, [geometryOptions, key, results, selOpt, sendMessage]);
     return (React__default.createElement(SettingsButton, { disabled: !sendMessage, onClick: function () {
             if (!sendMessage)
                 return;
             sendMessage(getAction(selOpt), {
                 data: results,
                 uniqueId: key,
-                options: {
-                    layer: 'StreamlitLayer',
-                    units: 'Meters',
-                },
+                options: geometryOptions,
             });
         }, options: [{
                 type: 'radio',