@ms-cloudpack/overlay 0.13.8 → 0.13.9

package/dist/browser-esm/lib/index.js

@@ -1,11 +1,11 @@
-// src/index.tsx
+// packages/overlay/src/index.tsx
 import React15 from "react";
 import ReactDOM from "react-dom";
 
-// src/components/CloudpackProvider/CloudpackProvider.tsx
+// packages/overlay/src/components/CloudpackProvider/CloudpackProvider.tsx
 import React, { createContext, useState, useContext } from "react";
 
-// src/components/CloudpackProvider/getCookies.ts
+// packages/overlay/src/components/CloudpackProvider/getCookies.ts
 function getCookies() {
   return document.cookie.split(";").map((s9) => s9.split("=")).reduce((current, nextValue) => {
     const name2 = nextValue[0]?.trim();
@@ -17,7 +17,7 @@ function getCookies() {
   }, {});
 }
 
-// src/components/CloudpackProvider/createCloudpackClient.ts
+// packages/overlay/src/components/CloudpackProvider/createCloudpackClient.ts
 import { createDataBus } from "@ms-cloudpack/data-bus";
 function createCloudpackClient() {
   const cookies = getCookies();
@@ -173,7 +173,7 @@ function createCloudpackClient() {
   };
 }
 
-// src/components/CloudpackProvider/CloudpackProvider.tsx
+// packages/overlay/src/components/CloudpackProvider/CloudpackProvider.tsx
 var CloudpackContext = createContext(null);
 function CloudpackProvider({ children }) {
   const [client] = useState(createCloudpackClient);
@@ -181,13 +181,13 @@ function CloudpackProvider({ children }) {
 }
 var useCloudpack = () => useContext(CloudpackContext);
 
-// src/components/StatusOverlay/StatusOverlay.tsx
+// packages/overlay/src/components/StatusOverlay/StatusOverlay.tsx
 import React13, { useCallback as useCallback2, useState as useState6, useRef as useRef3 } from "react";
 
-// src/components/StatusBadge/StatusBadge.tsx
+// packages/overlay/src/components/StatusBadge/StatusBadge.tsx
 import React2, { useRef } from "react";
 
-// src/hooks/useDraggable.ts
+// packages/overlay/src/hooks/useDraggable.ts
 import { useEffect, useState as useState2 } from "react";
 function useDraggable(options) {
   const { enabled, containerElementRef, dragElementRef } = options;
@@ -236,8 +236,8 @@ function useDraggable(options) {
   };
 }
 
-// src/components/StatusBadge/StatusBadge.module.css
-var compiledModule = `.mOWPxtXY-StatusBadgemodulecssfixedOverlay {
+// packages/overlay/src/components/StatusBadge/StatusBadge.module.css
+var compiledModule = `.uHuWYfdxg-StatusBadgemodulecssfixedOverlay {
   position: fixed;
   pointer-events: none;
   background: transparent;
@@ -249,7 +249,7 @@ var compiledModule = `.mOWPxtXY-StatusBadgemodulecssfixedOverlay {
   overflow: hidden;
 }
 
-.mOWPxtXY-StatusBadgemodulecssgripArea {
+.uHuWYfdxg-StatusBadgemodulecssgripArea {
   display: flex;
   flex-direction: row;
   gap: 2px;
@@ -259,18 +259,18 @@ var compiledModule = `.mOWPxtXY-StatusBadgemodulecssfixedOverlay {
   margin-right: -4px;
 }
 
-.mOWPxtXY-StatusBadgemodulecssgrip {
+.uHuWYfdxg-StatusBadgemodulecssgrip {
   width: 2px;
   height: 100%;
   background: rgba(0, 0, 0, 0.2);
 }
 
-.mOWPxtXY-StatusBadgemodulecsscontentSurface {
+.uHuWYfdxg-StatusBadgemodulecsscontentSurface {
   pointer-events: auto;
   display: contents;
 }
 
-.mOWPxtXY-StatusBadgemodulecssbadge {
+.uHuWYfdxg-StatusBadgemodulecssbadge {
   position: absolute;
   bottom: 4px;
   right: 4px;
@@ -292,7 +292,7 @@ var compiledModule = `.mOWPxtXY-StatusBadgemodulecssfixedOverlay {
   transition: background-color 0.2s ease-in-out;
 }
 
-.mOWPxtXY-StatusBadgemodulecssinline {
+.uHuWYfdxg-StatusBadgemodulecssinline {
   flex-shrink: 0;
   position: relative;
   bottom: auto;
@@ -303,27 +303,27 @@ var compiledModule = `.mOWPxtXY-StatusBadgemodulecssfixedOverlay {
   padding-left: 8px;
 }
 
-.mOWPxtXY-StatusBadgemodulecssbuilding {
+.uHuWYfdxg-StatusBadgemodulecssbuilding {
   background: #bbb;
   color: #000;
 }
 
-.mOWPxtXY-StatusBadgemodulecsssuccess {
+.uHuWYfdxg-StatusBadgemodulecsssuccess {
   background: #7ad17a;
   color: #000;
 }
 
-.mOWPxtXY-StatusBadgemodulecsswarning {
+.uHuWYfdxg-StatusBadgemodulecsswarning {
   background: #e4e68b;
   color: #000;
 }
 
-.mOWPxtXY-StatusBadgemodulecsserror {
+.uHuWYfdxg-StatusBadgemodulecsserror {
   background: #ffb9b9;
   color: #000;
 }
 
-.mOWPxtXY-StatusBadgemodulecssbutton {
+.uHuWYfdxg-StatusBadgemodulecssbutton {
   cursor: pointer;
   background: inherit;
   border: none;
@@ -340,11 +340,11 @@ var compiledModule = `.mOWPxtXY-StatusBadgemodulecssfixedOverlay {
   font-family: inherit;
 }
 
-.mOWPxtXY-StatusBadgemodulecssbutton:hover {
+.uHuWYfdxg-StatusBadgemodulecssbutton:hover {
   filter: invert(0.1);
 }
 
-.mOWPxtXY-StatusBadgemodulecssvalue {
+.uHuWYfdxg-StatusBadgemodulecssvalue {
   font-weight: 600;
   background: rgba(255, 255, 255, 0.4);
   box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.15) inset;
@@ -352,33 +352,33 @@ var compiledModule = `.mOWPxtXY-StatusBadgemodulecssfixedOverlay {
   border-radius: 3px;
 }
 
-.mOWPxtXY-StatusBadgemodulecssmetric {
+.uHuWYfdxg-StatusBadgemodulecssmetric {
   margin-left: 2px;
 }
 `;
 var s = document.createElement("style");
-s.setAttribute("data-sourceFile", "src/components/StatusBadge/StatusBadge.module.css");
+s.setAttribute("data-sourceFile", "packages/overlay/src/components/StatusBadge/StatusBadge.module.css");
 s.appendChild(document.createTextNode(compiledModule));
 document.head.appendChild(s);
-var badge = "mOWPxtXY-StatusBadgemodulecssbadge";
-var building = "mOWPxtXY-StatusBadgemodulecssbuilding";
-var button = "mOWPxtXY-StatusBadgemodulecssbutton";
-var contentSurface = "mOWPxtXY-StatusBadgemodulecsscontentSurface";
-var error = "mOWPxtXY-StatusBadgemodulecsserror";
-var fixedOverlay = "mOWPxtXY-StatusBadgemodulecssfixedOverlay";
-var grip = "mOWPxtXY-StatusBadgemodulecssgrip";
-var gripArea = "mOWPxtXY-StatusBadgemodulecssgripArea";
-var inline = "mOWPxtXY-StatusBadgemodulecssinline";
-var metric = "mOWPxtXY-StatusBadgemodulecssmetric";
-var success = "mOWPxtXY-StatusBadgemodulecsssuccess";
-var value = "mOWPxtXY-StatusBadgemodulecssvalue";
-var warning = "mOWPxtXY-StatusBadgemodulecsswarning";
+var badge = "uHuWYfdxg-StatusBadgemodulecssbadge";
+var building = "uHuWYfdxg-StatusBadgemodulecssbuilding";
+var button = "uHuWYfdxg-StatusBadgemodulecssbutton";
+var contentSurface = "uHuWYfdxg-StatusBadgemodulecsscontentSurface";
+var error = "uHuWYfdxg-StatusBadgemodulecsserror";
+var fixedOverlay = "uHuWYfdxg-StatusBadgemodulecssfixedOverlay";
+var grip = "uHuWYfdxg-StatusBadgemodulecssgrip";
+var gripArea = "uHuWYfdxg-StatusBadgemodulecssgripArea";
+var inline = "uHuWYfdxg-StatusBadgemodulecssinline";
+var metric = "uHuWYfdxg-StatusBadgemodulecssmetric";
+var success = "uHuWYfdxg-StatusBadgemodulecsssuccess";
+var value = "uHuWYfdxg-StatusBadgemodulecssvalue";
+var warning = "uHuWYfdxg-StatusBadgemodulecsswarning";
 var StatusBadge_module_default = { badge, building, button, contentSurface, error, fixedOverlay, grip, gripArea, inline, metric, success, value, warning };
 
-// src/components/StatusBadge/StatusBadge.tsx
+// packages/overlay/src/components/StatusBadge/StatusBadge.tsx
 import { default as cx } from "classnames";
 
-// src/components/CloudpackProvider/useStatus.ts
+// packages/overlay/src/components/CloudpackProvider/useStatus.ts
 import { useEffect as useEffect2, useState as useState3 } from "react";
 var defaultStatus = {
   status: "unknown",
@@ -396,7 +396,7 @@ var useStatus = () => {
   return status;
 };
 
-// src/components/StatusBadge/StatusBadge.tsx
+// packages/overlay/src/components/StatusBadge/StatusBadge.tsx
 function StatusBadge({ inline: inline2, onExpand, pageLoadTime }) {
   const rootElementRef = useRef(null);
   const dragElementRef = useRef(null);
@@ -446,25 +446,25 @@ function getStatsString({ totalTasks, remainingTasks, totalErrors, totalWarnings
   ].filter(Boolean).join(", ");
 }
 
-// src/components/StatusDialog/StatusDialog.tsx
+// packages/overlay/src/components/StatusDialog/StatusDialog.tsx
 import React9, { useCallback } from "react";
 
-// src/components/StatusDialog/TaskList.tsx
+// packages/overlay/src/components/StatusDialog/TaskList.tsx
 import React6 from "react";
 
-// src/components/StatusDialog/TaskStatus.tsx
+// packages/overlay/src/components/StatusDialog/TaskStatus.tsx
 import React5 from "react";
 
-// src/components/StatusDialog/TaskResultItem.tsx
+// packages/overlay/src/components/StatusDialog/TaskResultItem.tsx
 import React3 from "react";
 
-// src/components/StatusDialog/TaskResultItem.module.css
-var compiledModule2 = `.mGnoEIJOyo-TaskResultItemmodulecssroot {
+// packages/overlay/src/components/StatusDialog/TaskResultItem.module.css
+var compiledModule2 = `.FSsdmcQZfc-TaskResultItemmodulecssroot {
   display: flex;
   background: #f5f5f5;
 }
 
-.mGnoEIJOyo-TaskResultItemmodulecssstatusBar {
+.FSsdmcQZfc-TaskResultItemmodulecssstatusBar {
   flex-shrink: 0;
   border-radius: 4px;
   width: 4px;
@@ -472,7 +472,7 @@ var compiledModule2 = `.mGnoEIJOyo-TaskResultItemmodulecssroot {
   box-shadow: 2px 0 4px 0 rgb(220 0 0 / 20%);
 }
 
-.mGnoEIJOyo-TaskResultItemmodulecsscontent {
+.FSsdmcQZfc-TaskResultItemmodulecsscontent {
   padding: 8px;
   display: flex;
   flex-grow: 1;
@@ -480,7 +480,7 @@ var compiledModule2 = `.mGnoEIJOyo-TaskResultItemmodulecssroot {
   flex-direction: column;
 }
 
-.mGnoEIJOyo-TaskResultItemmodulecsstitleArea {
+.FSsdmcQZfc-TaskResultItemmodulecsstitleArea {
   display: flex;
   align-items: center;
   flex-direction: row;
@@ -488,7 +488,7 @@ var compiledModule2 = `.mGnoEIJOyo-TaskResultItemmodulecssroot {
   padding: 4px 0;
 }
 
-.mGnoEIJOyo-TaskResultItemmodulecssfile {
+.FSsdmcQZfc-TaskResultItemmodulecssfile {
   display: inline-flex;
   margin: 0;
   padding: 0;
@@ -504,36 +504,36 @@ var compiledModule2 = `.mGnoEIJOyo-TaskResultItemmodulecssroot {
   cursor: pointer;
 }
 
-.mGnoEIJOyo-TaskResultItemmodulecssfile:hover {
+.FSsdmcQZfc-TaskResultItemmodulecssfile:hover {
   text-decoration: underline;
 }
 
-.mGnoEIJOyo-TaskResultItemmodulecssactionArea {
+.FSsdmcQZfc-TaskResultItemmodulecssactionArea {
   display: flex;
   flex-direction: row;
   gap: 8px;
   flex-shrink: 0;
 }
 
-.mGnoEIJOyo-TaskResultItemmodulecsstext {
+.FSsdmcQZfc-TaskResultItemmodulecsstext {
   word-wrap: break-word;
   color: #333;
 }
 `;
 var s2 = document.createElement("style");
-s2.setAttribute("data-sourceFile", "src/components/StatusDialog/TaskResultItem.module.css");
+s2.setAttribute("data-sourceFile", "packages/overlay/src/components/StatusDialog/TaskResultItem.module.css");
 s2.appendChild(document.createTextNode(compiledModule2));
 document.head.appendChild(s2);
-var actionArea = "mGnoEIJOyo-TaskResultItemmodulecssactionArea";
-var content = "mGnoEIJOyo-TaskResultItemmodulecsscontent";
-var file = "mGnoEIJOyo-TaskResultItemmodulecssfile";
-var root = "mGnoEIJOyo-TaskResultItemmodulecssroot";
-var statusBar = "mGnoEIJOyo-TaskResultItemmodulecssstatusBar";
-var text = "mGnoEIJOyo-TaskResultItemmodulecsstext";
-var titleArea = "mGnoEIJOyo-TaskResultItemmodulecsstitleArea";
+var actionArea = "FSsdmcQZfc-TaskResultItemmodulecssactionArea";
+var content = "FSsdmcQZfc-TaskResultItemmodulecsscontent";
+var file = "FSsdmcQZfc-TaskResultItemmodulecssfile";
+var root = "FSsdmcQZfc-TaskResultItemmodulecssroot";
+var statusBar = "FSsdmcQZfc-TaskResultItemmodulecssstatusBar";
+var text = "FSsdmcQZfc-TaskResultItemmodulecsstext";
+var titleArea = "FSsdmcQZfc-TaskResultItemmodulecsstitleArea";
 var TaskResultItem_module_default = { actionArea, content, file, root, statusBar, text, titleArea };
 
-// src/components/StatusDialog/TaskResultItem.tsx
+// packages/overlay/src/components/StatusDialog/TaskResultItem.tsx
 function TaskResultItem({ item, projectPath, index }) {
   const service = useCloudpack();
   const openSource = (ev) => {
@@ -552,14 +552,14 @@ function TaskResultItem({ item, projectPath, index }) {
   return /* @__PURE__ */ React3.createElement("div", { className: TaskResultItem_module_default.root }, /* @__PURE__ */ React3.createElement("div", { className: TaskResultItem_module_default.statusBar }), /* @__PURE__ */ React3.createElement("div", { className: TaskResultItem_module_default.content }, /* @__PURE__ */ React3.createElement("div", { className: TaskResultItem_module_default.titleArea }, /* @__PURE__ */ React3.createElement("button", { onClick: openSource, className: TaskResultItem_module_default.file }, index, ". ", filename, location && ` (${location})`, ":")), /* @__PURE__ */ React3.createElement("div", { className: TaskResultItem_module_default.text }, item.text), /* @__PURE__ */ React3.createElement("pre", { className: TaskResultItem_module_default.text }, JSON.stringify(item, null, 2))));
 }
 
-// src/components/StatusDialog/TaskStatus.module.css
-var compiledModule3 = `.vweafQQjU-TaskStatusmodulecssroot {
+// packages/overlay/src/components/StatusDialog/TaskStatus.module.css
+var compiledModule3 = `.WGSBzuMGA-TaskStatusmodulecssroot {
   border: 1px solid #ccc;
   border-radius: 3px;
   box-shadow: 0 0 12px -6px rgba(0, 0, 0, 0.25);
 }
 
-.vweafQQjU-TaskStatusmodulecssheader {
+.WGSBzuMGA-TaskStatusmodulecssheader {
   display: flex;
   gap: 8px;
   padding: 8px 16px;
@@ -568,7 +568,7 @@ var compiledModule3 = `.vweafQQjU-TaskStatusmodulecssroot {
   line-height: 1;
 }
 
-.vweafQQjU-TaskStatusmodulecsscommands {
+.WGSBzuMGA-TaskStatusmodulecsscommands {
   display: flex;
   flex-direction: row;
   gap: 8px;
@@ -578,30 +578,30 @@ var compiledModule3 = `.vweafQQjU-TaskStatusmodulecssroot {
   padding: 0 16px;
 }
 
-.vweafQQjU-TaskStatusmodulecssexpandButton {
+.WGSBzuMGA-TaskStatusmodulecssexpandButton {
   background: transparent;
   border: none;
   border-radius: 4px;
   width: 32px;
   height: 32px;
 }
-.vweafQQjU-TaskStatusmodulecssexpandButton:hover {
+.WGSBzuMGA-TaskStatusmodulecssexpandButton:hover {
   background: rgba(0, 0, 0, 0.1);
 }
 
-.vweafQQjU-TaskStatusmodulecssexpandButton:active {
+.WGSBzuMGA-TaskStatusmodulecssexpandButton:active {
   background: rgba(0, 0, 0, 0.2);
 }
 
-.vweafQQjU-TaskStatusmodulecssexpandIcon {
+.WGSBzuMGA-TaskStatusmodulecssexpandIcon {
   transition: transform 0.1s ease-in-out;
 }
 
-.vweafQQjU-TaskStatusmodulecsscollapsed {
+.WGSBzuMGA-TaskStatusmodulecsscollapsed {
   transform: rotate(-90deg);
 }
 
-.vweafQQjU-TaskStatusmodulecssfarArea {
+.WGSBzuMGA-TaskStatusmodulecssfarArea {
   line-height: 1;
   font-size: 13px;
   text-align: end;
@@ -615,17 +615,17 @@ var compiledModule3 = `.vweafQQjU-TaskStatusmodulecssroot {
   flex-direction: row;
 }
 
-.vweafQQjU-TaskStatusmodulecsstitle {
+.WGSBzuMGA-TaskStatusmodulecsstitle {
   font-size: 16px;
   font-weight: 500;
   color: #333;
 }
 
-.vweafQQjU-TaskStatusmodulecsssubTitle {
+.WGSBzuMGA-TaskStatusmodulecsssubTitle {
   font-size: 13px;
 }
 
-.vweafQQjU-TaskStatusmodulecsscontent {
+.WGSBzuMGA-TaskStatusmodulecsscontent {
   border-top: 1px solid #ccc;
   background: #fafafa;
   padding: 8px 16px;
@@ -634,38 +634,38 @@ var compiledModule3 = `.vweafQQjU-TaskStatusmodulecssroot {
   gap: 8px;
 }
 
-.vweafQQjU-TaskStatusmodulecssresultItems {
+.WGSBzuMGA-TaskStatusmodulecssresultItems {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 
-.vweafQQjU-TaskStatusmodulecsserror {
+.WGSBzuMGA-TaskStatusmodulecsserror {
   background: #ffe9e9;
 }
 
-.vweafQQjU-TaskStatusmodulecsssuccess {
+.WGSBzuMGA-TaskStatusmodulecsssuccess {
   background: #e9f9e9;
 }
 
-.vweafQQjU-TaskStatusmodulecsswarning {
+.WGSBzuMGA-TaskStatusmodulecsswarning {
   background: #fff9e9;
 }
 
-.vweafQQjU-TaskStatusmodulecssname {
+.WGSBzuMGA-TaskStatusmodulecssname {
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
 }
 
-.vweafQQjU-TaskStatusmodulecssvalue {
+.WGSBzuMGA-TaskStatusmodulecssvalue {
   display: flex;
   flex-direction: column;
   font-size: 14px;
   color: #333;
 }
 
-.vweafQQjU-TaskStatusmodulecsslinkButton {
+.WGSBzuMGA-TaskStatusmodulecsslinkButton {
   display: inline-flex;
   align-items: flex-start;
   text-align: start;
@@ -683,50 +683,50 @@ var compiledModule3 = `.vweafQQjU-TaskStatusmodulecssroot {
   cursor: pointer;
 }
 
-.vweafQQjU-TaskStatusmodulecsslinkButton:hover {
+.WGSBzuMGA-TaskStatusmodulecsslinkButton:hover {
   text-decoration: underline;
 }
 `;
 var s3 = document.createElement("style");
-s3.setAttribute("data-sourceFile", "src/components/StatusDialog/TaskStatus.module.css");
+s3.setAttribute("data-sourceFile", "packages/overlay/src/components/StatusDialog/TaskStatus.module.css");
 s3.appendChild(document.createTextNode(compiledModule3));
 document.head.appendChild(s3);
-var collapsed = "vweafQQjU-TaskStatusmodulecsscollapsed";
-var commands = "vweafQQjU-TaskStatusmodulecsscommands";
-var content2 = "vweafQQjU-TaskStatusmodulecsscontent";
-var error2 = "vweafQQjU-TaskStatusmodulecsserror";
-var expandButton = "vweafQQjU-TaskStatusmodulecssexpandButton";
-var expandIcon = "vweafQQjU-TaskStatusmodulecssexpandIcon";
-var farArea = "vweafQQjU-TaskStatusmodulecssfarArea";
-var header = "vweafQQjU-TaskStatusmodulecssheader";
-var linkButton = "vweafQQjU-TaskStatusmodulecsslinkButton";
-var name = "vweafQQjU-TaskStatusmodulecssname";
-var resultItems = "vweafQQjU-TaskStatusmodulecssresultItems";
-var root2 = "vweafQQjU-TaskStatusmodulecssroot";
-var subTitle = "vweafQQjU-TaskStatusmodulecsssubTitle";
-var success2 = "vweafQQjU-TaskStatusmodulecsssuccess";
-var title = "vweafQQjU-TaskStatusmodulecsstitle";
-var value2 = "vweafQQjU-TaskStatusmodulecssvalue";
-var warning2 = "vweafQQjU-TaskStatusmodulecsswarning";
+var collapsed = "WGSBzuMGA-TaskStatusmodulecsscollapsed";
+var commands = "WGSBzuMGA-TaskStatusmodulecsscommands";
+var content2 = "WGSBzuMGA-TaskStatusmodulecsscontent";
+var error2 = "WGSBzuMGA-TaskStatusmodulecsserror";
+var expandButton = "WGSBzuMGA-TaskStatusmodulecssexpandButton";
+var expandIcon = "WGSBzuMGA-TaskStatusmodulecssexpandIcon";
+var farArea = "WGSBzuMGA-TaskStatusmodulecssfarArea";
+var header = "WGSBzuMGA-TaskStatusmodulecssheader";
+var linkButton = "WGSBzuMGA-TaskStatusmodulecsslinkButton";
+var name = "WGSBzuMGA-TaskStatusmodulecssname";
+var resultItems = "WGSBzuMGA-TaskStatusmodulecssresultItems";
+var root2 = "WGSBzuMGA-TaskStatusmodulecssroot";
+var subTitle = "WGSBzuMGA-TaskStatusmodulecsssubTitle";
+var success2 = "WGSBzuMGA-TaskStatusmodulecsssuccess";
+var title = "WGSBzuMGA-TaskStatusmodulecsstitle";
+var value2 = "WGSBzuMGA-TaskStatusmodulecssvalue";
+var warning2 = "WGSBzuMGA-TaskStatusmodulecsswarning";
 var TaskStatus_module_default = { collapsed, commands, content: content2, error: error2, expandButton, expandIcon, farArea, header, linkButton, name, resultItems, root: root2, subTitle, success: success2, title, value: value2, warning: warning2 };
 
-// src/components/StatusDialog/TaskStatus.tsx
+// packages/overlay/src/components/StatusDialog/TaskStatus.tsx
 import { default as cx2 } from "classnames";
 
-// src/images/error-24.inline.svg
+// packages/overlay/src/images/error-24.inline.svg
 var error_24_inline_default = 'data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM15.5303 8.46967L15.4462 8.39705C15.1852 8.2034 14.827 8.20101 14.5636 8.38988L14.4697 8.46967L12 10.939L9.53033 8.46967L9.44621 8.39705C9.18522 8.2034 8.82701 8.20101 8.56362 8.38988L8.46967 8.46967L8.39705 8.55379C8.2034 8.81478 8.20101 9.17299 8.38988 9.43638L8.46967 9.53033L10.939 12L8.46967 14.4697L8.39705 14.5538C8.2034 14.8148 8.20101 15.173 8.38988 15.4364L8.46967 15.5303L8.55379 15.6029C8.81478 15.7966 9.17299 15.799 9.43638 15.6101L9.53033 15.5303L12 13.061L14.4697 15.5303L14.5538 15.6029C14.8148 15.7966 15.173 15.799 15.4364 15.6101L15.5303 15.5303L15.6029 15.4462C15.7966 15.1852 15.799 14.827 15.6101 14.5636L15.5303 14.4697L13.061 12L15.5303 9.53033L15.6029 9.44621C15.7966 9.18522 15.799 8.82701 15.6101 8.56362L15.5303 8.46967L15.4462 8.39705L15.5303 8.46967Z" fill="%23aa0000"/>%0A</svg>%0A';
 
-// src/images/success-24.inline.svg
+// packages/overlay/src/images/success-24.inline.svg
 var success_24_inline_default = 'data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM15.2197 8.96967L10.75 13.4393L8.78033 11.4697C8.48744 11.1768 8.01256 11.1768 7.71967 11.4697C7.42678 11.7626 7.42678 12.2374 7.71967 12.5303L10.2197 15.0303C10.5126 15.3232 10.9874 15.3232 11.2803 15.0303L16.2803 10.0303C16.5732 9.73744 16.5732 9.26256 16.2803 8.96967C15.9874 8.67678 15.5126 8.67678 15.2197 8.96967Z" fill="%2300aa00"/>%0A</svg>%0A';
 
-// src/images/chevrondown-20.inline.svg
+// packages/overlay/src/images/chevrondown-20.inline.svg
 var chevrondown_20_inline_default = 'data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z" fill="%23212121"/>%0A</svg>%0A';
 
-// src/components/Button/Button.tsx
+// packages/overlay/src/components/Button/Button.tsx
 import React4 from "react";
 
-// src/components/Button/Button.module.css
-var compiledModule4 = `.CCnBgacfaMc-ButtonmodulecssstandardButton {
+// packages/overlay/src/components/Button/Button.module.css
+var compiledModule4 = `.RpmxvThKZI-ButtonmodulecssstandardButton {
   outline: transparent;
   position: relative;
   font-family: inherit;
@@ -747,21 +747,21 @@ var compiledModule4 = `.CCnBgacfaMc-ButtonmodulecssstandardButton {
   user-select: none;
 }
 
-.CCnBgacfaMc-ButtonmodulecssstandardButton:active {
+.RpmxvThKZI-ButtonmodulecssstandardButton:active {
   background-color: rgb(237, 235, 233);
   color: rgb(32, 31, 30);
 }
 
-.CCnBgacfaMc-ButtonmodulecssstandardButton:hover {
+.RpmxvThKZI-ButtonmodulecssstandardButton:hover {
   background-color: rgb(243, 242, 241);
   color: rgb(32, 31, 30);
 }
 
-.CCnBgacfaMc-ButtonmodulecssstandardButton:focus {
+.RpmxvThKZI-ButtonmodulecssstandardButton:focus {
   border: 3px solid rgb(0, 0, 0);
 }
 
-.CCnBgacfaMc-ButtonmodulecssprimaryButton {
+.RpmxvThKZI-ButtonmodulecssprimaryButton {
   outline: transparent;
   position: relative;
   font-family: inherit;
@@ -782,38 +782,38 @@ var compiledModule4 = `.CCnBgacfaMc-ButtonmodulecssstandardButton {
   user-select: none;
 }
 
-.CCnBgacfaMc-ButtonmodulecssprimaryButton:active {
+.RpmxvThKZI-ButtonmodulecssprimaryButton:active {
   background-color: rgb(0, 90, 158);
   border: 1px solid rgb(0, 90, 158);
   color: rgb(255, 255, 255);
 }
 
-.CCnBgacfaMc-ButtonmodulecssprimaryButton:hover {
+.RpmxvThKZI-ButtonmodulecssprimaryButton:hover {
   background-color: rgb(16, 110, 190);
   border: 1px solid rgb(16, 110, 190);
   color: rgb(255, 255, 255);
 }
 
-.CCnBgacfaMc-ButtonmodulecssprimaryButton:focus {
+.RpmxvThKZI-ButtonmodulecssprimaryButton:focus {
   border: 3px solid rgb(0, 0, 0);
 }
 `;
 var s4 = document.createElement("style");
-s4.setAttribute("data-sourceFile", "src/components/Button/Button.module.css");
+s4.setAttribute("data-sourceFile", "packages/overlay/src/components/Button/Button.module.css");
 s4.appendChild(document.createTextNode(compiledModule4));
 document.head.appendChild(s4);
-var primaryButton = "CCnBgacfaMc-ButtonmodulecssprimaryButton";
-var standardButton = "CCnBgacfaMc-ButtonmodulecssstandardButton";
+var primaryButton = "RpmxvThKZI-ButtonmodulecssprimaryButton";
+var standardButton = "RpmxvThKZI-ButtonmodulecssstandardButton";
 var Button_module_default = { primaryButton, standardButton };
 
-// src/components/Button/Button.tsx
+// packages/overlay/src/components/Button/Button.tsx
 function Button(props) {
   const { primary, ...other } = props;
   const className = primary ? Button_module_default.primaryButton : Button_module_default.standardButton;
   return /* @__PURE__ */ React4.createElement("button", { ...other, className, type: "button" });
 }
 
-// src/components/StatusDialog/TaskStatus.tsx
+// packages/overlay/src/components/StatusDialog/TaskStatus.tsx
 function getCompletion(task) {
   if (task.status === "pending") {
     return "Running";
@@ -870,7 +870,7 @@ function getHeaderClassName(task) {
   });
 }
 
-// src/components/CloudpackProvider/useStatusDetails.ts
+// packages/overlay/src/components/CloudpackProvider/useStatusDetails.ts
 import { useEffect as useEffect3, useState as useState4 } from "react";
 var useStatusDetails = () => {
   const service = useCloudpack();
@@ -879,8 +879,8 @@ var useStatusDetails = () => {
   return details;
 };
 
-// src/components/StatusDialog/TaskList.module.css
-var compiledModule5 = `.lTlVbGXBQHs-TaskListmodulecssroot {
+// packages/overlay/src/components/StatusDialog/TaskList.module.css
+var compiledModule5 = `.ZnVPBoZiOc-TaskListmodulecssroot {
   flex-grow: 1;
   overflow: auto;
   border-top: 1px solid #ccc;
@@ -892,13 +892,13 @@ var compiledModule5 = `.lTlVbGXBQHs-TaskListmodulecssroot {
 }
 `;
 var s5 = document.createElement("style");
-s5.setAttribute("data-sourceFile", "src/components/StatusDialog/TaskList.module.css");
+s5.setAttribute("data-sourceFile", "packages/overlay/src/components/StatusDialog/TaskList.module.css");
 s5.appendChild(document.createTextNode(compiledModule5));
 document.head.appendChild(s5);
-var root3 = "lTlVbGXBQHs-TaskListmodulecssroot";
+var root3 = "ZnVPBoZiOc-TaskListmodulecssroot";
 var TaskList_module_default = { root: root3 };
 
-// src/components/StatusDialog/TaskList.tsx
+// packages/overlay/src/components/StatusDialog/TaskList.tsx
 function TaskList({ searchFilter }) {
   const details = useStatusDetails();
   const tasks = (details.tasks || []).sort(sortTasks);
@@ -919,11 +919,11 @@ function sortTasks(a, b) {
   return a.name < b.name ? -1 : 1;
 }
 
-// src/components/Dialog/Dialog.tsx
+// packages/overlay/src/components/Dialog/Dialog.tsx
 import { default as React7, useRef as useRef2 } from "react";
 
-// src/components/Dialog/Dialog.module.css
-var compiledModule6 = `.ggUoTSSSfk-Dialogmodulecssoverlay {
+// packages/overlay/src/components/Dialog/Dialog.module.css
+var compiledModule6 = `.XZLLsVjNatw-Dialogmodulecssoverlay {
   background: rgba(0, 0, 0, 0.1);
   border: 1px solid black;
   position: fixed;
@@ -946,7 +946,7 @@ var compiledModule6 = `.ggUoTSSSfk-Dialogmodulecssoverlay {
   }
 }
 
-.ggUoTSSSfk-Dialogmodulecsscommands {
+.XZLLsVjNatw-Dialogmodulecsscommands {
   display: flex;
   flex-direction: row;
   gap: 8px;
@@ -956,7 +956,7 @@ var compiledModule6 = `.ggUoTSSSfk-Dialogmodulecssoverlay {
   padding: 0 20px;
 }
 
-.ggUoTSSSfk-Dialogmodulecssdialog {
+.XZLLsVjNatw-Dialogmodulecssdialog {
   animation: fade-in 0.1s ease-in-out;
   width: 80vw;
   align-self: stretch;
@@ -973,7 +973,7 @@ var compiledModule6 = `.ggUoTSSSfk-Dialogmodulecssoverlay {
   outline: transparent solid 3px;
 }
 
-.ggUoTSSSfk-DialogmodulecsstitleArea {
+.XZLLsVjNatw-DialogmodulecsstitleArea {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -981,7 +981,7 @@ var compiledModule6 = `.ggUoTSSSfk-Dialogmodulecssoverlay {
   gap: 8px;
 }
 
-.ggUoTSSSfk-DialogmodulecsscloseButton {
+.XZLLsVjNatw-DialogmodulecsscloseButton {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -994,15 +994,15 @@ var compiledModule6 = `.ggUoTSSSfk-Dialogmodulecssoverlay {
   border-radius: 4px;
 }
 
-.ggUoTSSSfk-DialogmodulecsscloseButton:hover {
+.XZLLsVjNatw-DialogmodulecsscloseButton:hover {
   background: rgba(0, 0, 0, 0.1);
 }
 
-.ggUoTSSSfk-DialogmodulecsscloseButton:active {
+.XZLLsVjNatw-DialogmodulecsscloseButton:active {
   background: rgba(0, 0, 0, 0.2);
 }
 
-.ggUoTSSSfk-Dialogmodulecsstitle {
+.XZLLsVjNatw-Dialogmodulecsstitle {
   flex-grow: 1;
   font-size: 20px;
   font-weight: 600;
@@ -1010,21 +1010,21 @@ var compiledModule6 = `.ggUoTSSSfk-Dialogmodulecssoverlay {
 }
 `;
 var s6 = document.createElement("style");
-s6.setAttribute("data-sourceFile", "src/components/Dialog/Dialog.module.css");
+s6.setAttribute("data-sourceFile", "packages/overlay/src/components/Dialog/Dialog.module.css");
 s6.appendChild(document.createTextNode(compiledModule6));
 document.head.appendChild(s6);
-var closeButton = "ggUoTSSSfk-DialogmodulecsscloseButton";
-var commands2 = "ggUoTSSSfk-Dialogmodulecsscommands";
-var dialog = "ggUoTSSSfk-Dialogmodulecssdialog";
-var overlay = "ggUoTSSSfk-Dialogmodulecssoverlay";
-var title2 = "ggUoTSSSfk-Dialogmodulecsstitle";
-var titleArea2 = "ggUoTSSSfk-DialogmodulecsstitleArea";
+var closeButton = "XZLLsVjNatw-DialogmodulecsscloseButton";
+var commands2 = "XZLLsVjNatw-Dialogmodulecsscommands";
+var dialog = "XZLLsVjNatw-Dialogmodulecssdialog";
+var overlay = "XZLLsVjNatw-Dialogmodulecssoverlay";
+var title2 = "XZLLsVjNatw-Dialogmodulecsstitle";
+var titleArea2 = "XZLLsVjNatw-DialogmodulecsstitleArea";
 var Dialog_module_default = { closeButton, commands: commands2, dialog, overlay, title: title2, titleArea: titleArea2 };
 
-// src/images/dismiss-16-filled.inline.svg
+// packages/overlay/src/images/dismiss-16-filled.inline.svg
 var dismiss_16_filled_inline_default = 'data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M2.39705 2.55379L2.46967 2.46967C2.73594 2.2034 3.1526 2.1792 3.44621 2.39705L3.53033 2.46967L8 6.939L12.4697 2.46967C12.7626 2.17678 13.2374 2.17678 13.5303 2.46967C13.8232 2.76256 13.8232 3.23744 13.5303 3.53033L9.061 8L13.5303 12.4697C13.7966 12.7359 13.8208 13.1526 13.6029 13.4462L13.5303 13.5303C13.2641 13.7966 12.8474 13.8208 12.5538 13.6029L12.4697 13.5303L8 9.061L3.53033 13.5303C3.23744 13.8232 2.76256 13.8232 2.46967 13.5303C2.17678 13.2374 2.17678 12.7626 2.46967 12.4697L6.939 8L2.46967 3.53033C2.2034 3.26406 2.1792 2.8474 2.39705 2.55379L2.46967 2.46967L2.39705 2.55379Z" fill="%23212121"/>%0A</svg>%0A';
 
-// src/components/Dialog/Dialog.tsx
+// packages/overlay/src/components/Dialog/Dialog.tsx
 function Dialog({ title: title3, style, draggable, onClose, commands: commands3, children }) {
   const draggableRef = useRef2(null);
   const draggableTargetRef = useRef2(null);
@@ -1046,11 +1046,11 @@ function Dialog({ title: title3, style, draggable, onClose, commands: commands3,
   ), onClose && /* @__PURE__ */ React7.createElement("button", { className: Dialog_module_default.closeButton, onClick: onClose, "aria-label": "Minimize overlay" }, /* @__PURE__ */ React7.createElement("img", { src: dismiss_16_filled_inline_default, alt: "" }))), commands3 && /* @__PURE__ */ React7.createElement("div", { className: Dialog_module_default.commands }, ...commands3), children));
 }
 
-// src/components/StatusDialog/Searchbox.tsx
+// packages/overlay/src/components/StatusDialog/Searchbox.tsx
 import React8 from "react";
 
-// src/components/StatusDialog/Searchbox.module.css
-var compiledModule7 = `.QFosMXkA-Searchboxmodulecsssearchbox {
+// packages/overlay/src/components/StatusDialog/Searchbox.module.css
+var compiledModule7 = `.aJeqJtvaag-Searchboxmodulecsssearchbox {
   position: absolute;
   font-size: 14px;
   font-weight: 400;
@@ -1071,18 +1071,18 @@ var compiledModule7 = `.QFosMXkA-Searchboxmodulecsssearchbox {
 }
 `;
 var s7 = document.createElement("style");
-s7.setAttribute("data-sourceFile", "src/components/StatusDialog/Searchbox.module.css");
+s7.setAttribute("data-sourceFile", "packages/overlay/src/components/StatusDialog/Searchbox.module.css");
 s7.appendChild(document.createTextNode(compiledModule7));
 document.head.appendChild(s7);
-var searchbox = "QFosMXkA-Searchboxmodulecsssearchbox";
+var searchbox = "aJeqJtvaag-Searchboxmodulecsssearchbox";
 var Searchbox_module_default = { searchbox };
 
-// src/components/StatusDialog/Searchbox.tsx
+// packages/overlay/src/components/StatusDialog/Searchbox.tsx
 function Searchbox({ value: value3, onChange }) {
   return /* @__PURE__ */ React8.createElement(React8.Fragment, null, typeof value3 === "string" && /* @__PURE__ */ React8.createElement("input", { type: "text", placeholder: "Search", className: Searchbox_module_default.searchbox, onChange, value: value3 }));
 }
 
-// src/components/StatusDialog/StatusDialog.tsx
+// packages/overlay/src/components/StatusDialog/StatusDialog.tsx
 function StatusDialog({ onClose }) {
   const cloudpack = useCloudpack();
   const [searchFilter, setSearchFilter] = React9.useState("");
@@ -1108,10 +1108,10 @@ function StatusDialog({ onClose }) {
   );
 }
 
-// src/components/ErrorDialog/ErrorDialog.tsx
+// packages/overlay/src/components/ErrorDialog/ErrorDialog.tsx
 import { default as React11 } from "react";
 
-// src/components/ErrorDialog/PathError.tsx
+// packages/overlay/src/components/ErrorDialog/PathError.tsx
 import React10 from "react";
 import { default as cx3 } from "classnames";
 function PathError(props) {
@@ -1142,7 +1142,7 @@ function PathError(props) {
   ), /* @__PURE__ */ React10.createElement("img", { className: TaskStatus_module_default.errorIcon, src: error_24_inline_default, alt: "Error icon" }), /* @__PURE__ */ React10.createElement("div", { className: TaskStatus_module_default.title }, `${packageName}/${importPath}`)), showContent && /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("div", { className: TaskStatus_module_default.commands }, fixable && /* @__PURE__ */ React10.createElement(Button, { onClick: addOverride }, "Add override"), /* @__PURE__ */ React10.createElement(Button, { onClick: editConfig }, "Edit config file")), /* @__PURE__ */ React10.createElement("div", { className: TaskStatus_module_default.content }, /* @__PURE__ */ React10.createElement("div", { className: TaskStatus_module_default.title }, "Details"), /* @__PURE__ */ React10.createElement("div", { className: TaskStatus_module_default.nameValueArea }, /* @__PURE__ */ React10.createElement("div", { className: TaskStatus_module_default.name }, "Problem"), /* @__PURE__ */ React10.createElement("div", { className: TaskStatus_module_default.value }, `A deep import package name: "${packageName}" was imported, but was unrecognized as an exported entry path: "${importPath}".`)), /* @__PURE__ */ React10.createElement("div", { className: TaskStatus_module_default.nameValueArea }, /* @__PURE__ */ React10.createElement("div", { className: TaskStatus_module_default.name }, "Solution"), /* @__PURE__ */ React10.createElement("div", { className: TaskStatus_module_default.value }, fixable ? `Remove the path from the import in your source. (Import from "${packageName}" rather than "${packageName}/${importPath}")` : `Import not found on package. Make sure the import path is valid.`)))));
 }
 
-// src/components/ErrorDialog/ErrorDialog.tsx
+// packages/overlay/src/components/ErrorDialog/ErrorDialog.tsx
 function ErrorDialog({ unsupported }) {
   const cloudpack = useCloudpack();
   const reload = () => {
@@ -1161,7 +1161,7 @@ function ErrorDialog({ unsupported }) {
   );
 }
 
-// src/components/ErrorDialog/useErrorEvents.ts
+// packages/overlay/src/components/ErrorDialog/useErrorEvents.ts
 import { useEffect as useEffect4, useState as useState5 } from "react";
 import { parseImportString } from "@ms-cloudpack/path-string-parsing";
 var reasonIsRecord = (event) => {
@@ -1214,7 +1214,7 @@ var useErrorEvents = () => {
   return errorEvents;
 };
 
-// src/hooks/usePageLoadTimeReporter.ts
+// packages/overlay/src/hooks/usePageLoadTimeReporter.ts
 import React12 from "react";
 function usePageLoadTimeReporter() {
   const [pageLoadTime, setPageLoadTime] = React12.useState();
@@ -1231,7 +1231,7 @@ function usePageLoadTimeReporter() {
   return pageLoadTime;
 }
 
-// src/components/StatusOverlay/StatusOverlay.tsx
+// packages/overlay/src/components/StatusOverlay/StatusOverlay.tsx
 function StatusOverlay() {
   const pageLoadTime = usePageLoadTimeReporter();
   const [isExpanded, setIsExpanded] = useState6(false);
@@ -1251,28 +1251,28 @@ function StatusOverlay() {
   return unsupported.length ? /* @__PURE__ */ React13.createElement(ErrorDialog, { unsupported }) : isExpanded ? /* @__PURE__ */ React13.createElement(StatusDialog, { onClose: toggleMinimized }) : /* @__PURE__ */ React13.createElement(StatusBadge, { onExpand: toggleMinimized, pageLoadTime });
 }
 
-// src/components/ThemeProvider/ThemeProvider.tsx
+// packages/overlay/src/components/ThemeProvider/ThemeProvider.tsx
 import React14 from "react";
 
-// src/components/ThemeProvider/ThemeProvider.module.css
-var compiledModule8 = `.xwrpHYTQE-ThemeProvidermodulecssroot {
+// packages/overlay/src/components/ThemeProvider/ThemeProvider.module.css
+var compiledModule8 = `.ASWLklJWA-ThemeProvidermodulecssroot {
   font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans',
     'Droid Sans', 'Helvetica Neue', sans-serif;
 }
 `;
 var s8 = document.createElement("style");
-s8.setAttribute("data-sourceFile", "src/components/ThemeProvider/ThemeProvider.module.css");
+s8.setAttribute("data-sourceFile", "packages/overlay/src/components/ThemeProvider/ThemeProvider.module.css");
 s8.appendChild(document.createTextNode(compiledModule8));
 document.head.appendChild(s8);
-var root4 = "xwrpHYTQE-ThemeProvidermodulecssroot";
+var root4 = "ASWLklJWA-ThemeProvidermodulecssroot";
 var ThemeProvider_module_default = { root: root4 };
 
-// src/components/ThemeProvider/ThemeProvider.tsx
+// packages/overlay/src/components/ThemeProvider/ThemeProvider.tsx
 function ThemeProvider({ children }) {
   return /* @__PURE__ */ React14.createElement("div", { className: ThemeProvider_module_default.root }, children);
 }
 
-// src/index.tsx
+// packages/overlay/src/index.tsx
 var overlayRootDivId = "cloudpack-overlay-root";
 var rootDiv = document.createElement("div");
 rootDiv.id = overlayRootDivId;