msw-dev-tool 3.1.2 → 3.1.3

package/dist/cjs/ui/DevToolContent/CloseButton.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var React = require('react');
+var reactIcons_esm = require('../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
+var button = require('../../node_modules/@radix-ui/themes/dist/esm/components/button.js');
+
+const CloseButton = ({ ...props }) => {
+    return (React.createElement(button.Button, { variant: "ghost", color: "gray", ...props },
+        React.createElement(reactIcons_esm.Cross2Icon, { width: 24, height: 24 })));
+};
+
+exports.CloseButton = CloseButton;
+//# sourceMappingURL=CloseButton.js.map

package/dist/cjs/ui/DevToolContent/CloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.js","sources":["../../../../src/ui/DevToolContent/CloseButton.tsx"],"sourcesContent":[null],"names":["Button","Cross2Icon"],"mappings":";;;;;;AAIa,MAAA,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,EAAe,KAAI;AACvD,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,aAAM,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA;AAC5C,QAAA,KAAA,CAAA,aAAA,CAACC,yBAAU,EAAA,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,CAC9B,EACT;AACJ;;;;"}

package/dist/cjs/ui/DevToolContent/Form/FormFieldBase.js

@@ -10,8 +10,8 @@ const FormFieldBase = ({ id, label, required, error, children, }) => {
         React.createElement(index.Label, { htmlFor: id },
             label,
             required && (React.createElement("span", { style: { color: "red", marginLeft: "0.2rem" } }, "*"))),
-        children,
-        error && (React.createElement(text.Text, { size: "1", color: "red", weight: "medium" }, error))));
+        error && (React.createElement(text.Text, { size: "1", color: "red", weight: "medium" }, error)),
+        children));
 };
 
 exports.FormFieldBase = FormFieldBase;

package/dist/cjs/ui/DevToolContent/Form/FormFieldBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldBase.js","sources":["../../../../../src/ui/DevToolContent/Form/FormFieldBase.tsx"],"sourcesContent":[null],"names":["Flex","Label","Text"],"mappings":";;;;;;;AAWa,MAAA,aAAa,GAAG,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,GAC8B,KAAI;IAC1C,QACE,KAAC,CAAA,aAAA,CAAAA,SAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAA;AAC9B,QAAA,KAAA,CAAA,aAAA,CAACC,WAAK,EAAA,EAAC,OAAO,EAAE,EAAE,EAAA;YACf,KAAK;AACL,YAAA,QAAQ,KACP,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,EAAA,GAAA,CAAU,CAC9D,CACK;QACP,QAAQ;QACR,KAAK,KACJ,KAAC,CAAA,aAAA,CAAAC,SAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAA,EACvC,KAAK,CACD,CACR,CACI,EACP;AACJ;;;;"}
+{"version":3,"file":"FormFieldBase.js","sources":["../../../../../src/ui/DevToolContent/Form/FormFieldBase.tsx"],"sourcesContent":[null],"names":["Flex","Label","Text"],"mappings":";;;;;;;AAWa,MAAA,aAAa,GAAG,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,GAC8B,KAAI;IAC1C,QACE,KAAC,CAAA,aAAA,CAAAA,SAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAA;AAC9B,QAAA,KAAA,CAAA,aAAA,CAACC,WAAK,EAAA,EAAC,OAAO,EAAE,EAAE,EAAA;YACf,KAAK;AACL,YAAA,QAAQ,KACP,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,EAAA,GAAA,CAAU,CAC9D,CACK;AACP,QAAA,KAAK,KACJ,KAAA,CAAA,aAAA,CAACC,SAAI,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EACvC,EAAA,KAAK,CACD,CACR;QACA,QAAQ,CACJ,EACP;AACJ;;;;"}

package/dist/cjs/ui/DevToolContent/ToolButtonGroup/HandlerForm.js

@@ -42,16 +42,21 @@ const HandlerForm = ({ onClose }) => {
         addTempHandler(result.data);
         onClose === null || onClose === void 0 ? void 0 : onClose();
     };
-    return (React.createElement("form", { onSubmit: validateForm, style: { overflowY: "scroll", flexGrow: 1, paddingRight: "1.5rem" } },
-        React.createElement(flex.Flex, { gap: "5", direction: "column" },
+    return (React.createElement("form", { onSubmit: validateForm, style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "var(--space-5)",
+            overflow: "hidden",
+        } },
+        React.createElement(flex.Flex, { gap: "5", direction: "column", overflow: "scroll", flexGrow: "1" },
             React.createElement(SelectFormField.SelectFormField, { label: "Method", name: "method", error: errors.method, options: options, required: true, defaultValue: type.HttpMethod.GET }),
             React.createElement(InputFormField.InputFormField, { label: "Path", name: "path", error: errors.path, placeholder: "api end point", required: true }),
             React.createElement(TextAreaFormField.TextAreaFormField, { label: "Response", name: "response", error: errors.response, placeholder: "JSON response", style: {
                     minHeight: "225px",
-                }, required: true }),
-            React.createElement(button.Button, { type: "submit" },
-                React.createElement(reactIcons_esm.PlusIcon, null),
-                "Add"))));
+                }, required: true })),
+        React.createElement(button.Button, { type: "submit" },
+            React.createElement(reactIcons_esm.PlusIcon, null),
+            "Add")));
 };
 
 exports.HandlerForm = HandlerForm;

package/dist/cjs/ui/DevToolContent/ToolButtonGroup/HandlerForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"HandlerForm.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/HandlerForm.tsx"],"sourcesContent":[null],"names":["HttpMethod","useHandlerStore","useState","handlerSchema","Flex","SelectFormField","InputFormField","TextAreaFormField","Button","PlusIcon"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAACA,eAAU,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,MAAM;AACzD,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,KAAK,EAAE,MAAM;AACd,CAAA,CAAC,CAAC,CAAC;MAES,WAAW,GAAG,CAAC,EAAE,OAAO,EAAoB,KAAI;AAC3D,IAAA,MAAM,EAAE,cAAc,EAAE,GAAGC,4BAAe,EAAE,CAAC;IAE7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAa,EAAE,CAAC,CAAC;AAErD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAmC,KAAI;QAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;AAC/C,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAe;AAC5C,YAAA,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAW;AACpC,YAAA,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAW;SAC7C,CAAC;QAEF,MAAM,MAAM,GAAGC,oBAAa,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAE7C,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACnB,MAAM,eAAe,GAAe,EAAE,CAAC;YAEvC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;gBACpC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;oBAC1B,MAAM,GAAG,GAAG,IAA2B,CAAC;AACxC,oBAAA,eAAe,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;AACvC,iBAAC,CAAC,CAAC;AACL,aAAC,CAAC,CAAC;YAEH,SAAS,CAAC,eAAe,CAAC,CAAC;YAC3B,OAAO;SACR;QAED,SAAS,CAAC,EAAE,CAAC,CAAC;AACd,QAAA,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC5B,QAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,EAAI,CAAC;AACd,KAAC,CAAC;IAEF,QACE,8BACE,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAA;QAEnE,KAAC,CAAA,aAAA,CAAAC,SAAI,IAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAA;YAC9B,KAAC,CAAA,aAAA,CAAAC,+BAAe,EACd,EAAA,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EACR,IAAA,EAAA,YAAY,EAAEL,eAAU,CAAC,GAAG,EAC5B,CAAA;YACF,KAAC,CAAA,aAAA,CAAAM,6BAAc,IACb,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,WAAW,EAAC,eAAe,EAC3B,QAAQ,EACR,IAAA,EAAA,CAAA;YACF,KAAC,CAAA,aAAA,CAAAC,mCAAiB,IAChB,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,WAAW,EAAC,eAAe,EAC3B,KAAK,EAAE;AACL,oBAAA,SAAS,EAAE,OAAO;AACnB,iBAAA,EACD,QAAQ,EACR,IAAA,EAAA,CAAA;AACF,YAAA,KAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EAAC,IAAI,EAAC,QAAQ,EAAA;AACnB,gBAAA,KAAA,CAAA,aAAA,CAACC,uBAAQ,EAAG,IAAA,CAAA;sBAEL,CACJ,CACF,EACP;AACJ;;;;"}
+{"version":3,"file":"HandlerForm.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/HandlerForm.tsx"],"sourcesContent":[null],"names":["HttpMethod","useHandlerStore","useState","handlerSchema","Flex","SelectFormField","InputFormField","TextAreaFormField","Button","PlusIcon"],"mappings":"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"}

package/dist/cjs/ui/DevToolContent/ToolButtonGroup/index.js

@@ -6,6 +6,7 @@ var reactIcons_esm = require('../../../node_modules/@radix-ui/react-icons/dist/r
 var index = require('../../../node_modules/@radix-ui/react-dialog/dist/index.js');
 var ThemeProvider = require('../../ThemeProvider.js');
 var HandlerForm = require('./HandlerForm.js');
+var CloseButton = require('../CloseButton.js');
 var flex = require('../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js');
 var button = require('../../../node_modules/@radix-ui/themes/dist/esm/components/button.js');
 var dialog = require('../../../node_modules/@radix-ui/themes/dist/esm/components/dialog.js');
@@ -42,14 +43,8 @@ const ToolButtonGroup = () => {
                         } },
                         React.createElement(flex.Flex, { align: "center", justify: "between" },
                             React.createElement(index.DialogTitle, null, "Add Temp Handler"),
-                            React.createElement(index.DialogClose, { style: {
-                                    fontSize: "1.5rem",
-                                    backgroundColor: "transparent",
-                                    width: "2rem",
-                                    height: "2rem",
-                                    padding: 0,
-                                    textAlign: "center",
-                                } }, "X")),
+                            React.createElement(index.DialogClose, { asChild: true },
+                                React.createElement(CloseButton.CloseButton, null))),
                         React.createElement(index.DialogDescription, null,
                             "Temp handler is stored in the session storage. If you",
                             " ",

package/dist/cjs/ui/DevToolContent/ToolButtonGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/index.tsx"],"sourcesContent":[null],"names":["useHandlerStore","useState","Flex","Button","ReloadIcon","Dialog.Root","DialogTrigger","PlusIcon","DialogPortal","ThemeProvider","DialogOverlay","DialogContent","DialogTitle","DialogClose","DialogDescription","HandlerForm"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/index.tsx"],"sourcesContent":[null],"names":["useHandlerStore","useState","Flex","Button","ReloadIcon","Dialog.Root","DialogTrigger","PlusIcon","DialogPortal","ThemeProvider","DialogOverlay","DialogContent","DialogTitle","DialogClose","CloseButton","DialogDescription","HandlerForm"],"mappings":";;;;;;;;;;;;;AAiBO,MAAM,eAAe,GAAG,MAAK;AAClC,IAAA,MAAM,EAAE,eAAe,EAAE,GAAGA,4BAAe,EAAE,CAAC;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,QACE,KAAC,CAAA,aAAA,CAAAC,SAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAA;AAClB,QAAA,KAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EAAC,OAAO,EAAE,MAAM,eAAe,EAAE,EAAE,KAAK,EAAC,SAAS,EAAA;AACvD,YAAA,KAAA,CAAA,aAAA,CAACC,yBAAU,EAAG,IAAA,CAAA;AAEP,YAAA,gBAAA,CAAA;QACT,KAAC,CAAA,aAAA,CAAAC,WAAW,EAAC,EAAA,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAA;YAC5D,KAAC,CAAA,aAAA,CAAAC,mBAAa,IAAC,OAAO,EAAA,IAAA,EAAA;AACpB,gBAAA,KAAA,CAAA,aAAA,CAACH,aAAM,EAAA,IAAA;AACL,oBAAA,KAAA,CAAA,aAAA,CAACI,uBAAQ,EAAG,IAAA,CAAA;uCAEL,CACK;AAChB,YAAA,KAAA,CAAA,aAAA,CAACC,kBAAY,EAAA,IAAA;AACX,gBAAA,KAAA,CAAA,aAAA,CAACC,2BAAa,EAAA,IAAA;AACZ,oBAAA,KAAA,CAAA,aAAA,CAACC,mBAAa,EAAA,EAAC,SAAS,EAAC,gBAAgB,EAAG,CAAA;oBAC5C,KAAC,CAAA,aAAA,CAAAC,mBAAa,EACZ,EAAA,KAAK,EAAE;AACL,4BAAA,QAAQ,EAAE,OAAO;AACjB,4BAAA,GAAG,EAAE,KAAK;AACV,4BAAA,IAAI,EAAE,KAAK;AACX,4BAAA,SAAS,EAAE,uBAAuB;AAClC,4BAAA,eAAe,EAAE,MAAM;AACvB,4BAAA,OAAO,EAAE,WAAW;AACpB,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,aAAa,EAAE,QAAQ;AACvB,4BAAA,KAAK,EAAE,MAAM;AACb,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,SAAS,EAAE,MAAM;AACjB,4BAAA,QAAQ,EAAE,MAAM;AAChB,4BAAA,QAAQ,EAAE,QAAQ;AACnB,yBAAA,EAAA;wBAED,KAAC,CAAA,aAAA,CAAAT,SAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAA;AACpC,4BAAA,KAAA,CAAA,aAAA,CAACU,iBAAW,EAA+B,IAAA,EAAA,kBAAA,CAAA;4BAC3C,KAAC,CAAA,aAAA,CAAAC,iBAAW,IAAC,OAAO,EAAA,IAAA,EAAA;gCAClB,KAAC,CAAA,aAAA,CAAAC,uBAAW,EAAG,IAAA,CAAA,CACH,CACT;AACP,wBAAA,KAAA,CAAA,aAAA,CAACC,uBAAiB,EAAA,IAAA;;4BACsC,GAAG;AACzD,4BAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAuB,EAAA,gBAAA,CAAA;;AACjD,4BAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAgB,EAAA,SAAA,CAAA;AACnC,4BAAA,GAAA,CAAA;AACpB,wBAAA,KAAA,CAAA,aAAA,CAACC,uBAAW,EAAC,EAAA,OAAO,EAAE,MAAM,eAAe,CAAC,KAAK,CAAC,GAAI,CACxC,CACF,CACH,CACH,CACT,EACP;AACJ;;;;"}

package/dist/cjs/ui/MSWDevTool.js

@@ -8,6 +8,7 @@ var index$4 = require('./DevToolContent/HandlerDebugger/index.js');
 var ThemeProvider = require('./ThemeProvider.js');
 var index$2 = require('./DevToolContent/ToolButtonGroup/index.js');
 var Trigger = require('./Trigger.js');
+var CloseButton = require('./DevToolContent/CloseButton.js');
 var flex = require('../node_modules/@radix-ui/themes/dist/esm/components/flex.js');
 
 const MSWDevTool = ({ trigger }) => {
@@ -33,15 +34,9 @@ const MSWDevTool = ({ trigger }) => {
                         } },
                         React.createElement(flex.Flex, { align: "center", justify: "between" },
                             React.createElement(index.Drawer.Title, { style: { margin: 0, fontSize: "1.5rem", fontWeight: "bold" } }, "MSW DEV TOOL"),
-                            React.createElement(index.Drawer.Close, { style: {
-                                    fontSize: "1.5rem",
-                                    backgroundColor: "transparent",
-                                    width: "2rem",
-                                    height: "2rem",
-                                    padding: 0,
-                                    textAlign: "center",
-                                } }, "X")),
-                        React.createElement(index$1.DialogDescription, { className: "msw-dt-sub-text", style: { display: "none" } }, "Dev tool to control mock logic, and monitor handler logic calls."),
+                            React.createElement(index.Drawer.Close, { asChild: true },
+                                React.createElement(CloseButton.CloseButton, null))),
+                        React.createElement(index$1.DialogDescription, { hidden: true, className: "msw-dt-sub-text" }, "Dev tool to control mock logic, and monitor handler logic calls."),
                         React.createElement(index$2.ToolButtonGroup, null),
                         React.createElement(flex.Flex, { gap: "6", style: { flex: 1, overflow: "hidden" } },
                             React.createElement(index$3.HandlerTable, null),

package/dist/cjs/ui/MSWDevTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"MSWDevTool.js","sources":["../../../src/ui/MSWDevTool.tsx"],"sourcesContent":[null],"names":["ThemeProvider","Drawer","DefaultDevToolTrigger","Flex","DialogDescription","ToolButtonGroup","HandlerTable","HandlerDebugger"],"mappings":";;;;;;;;;;;;MAca,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,KAAI;IACzD,QACE,oBAACA,2BAAa,EAAA,IAAA;QACZ,KAAC,CAAA,aAAA,CAAAC,YAAM,CAAC,IAAI,EAAA,IAAA;YACT,OAAO,IACN,oBAACA,YAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,EAAE,OAAO,CAAkB,KAElD,oBAACA,YAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA;gBACrB,KAAC,CAAA,aAAA,CAAAC,6BAAqB,EAAG,IAAA,CAAA,CACV,CAClB;YACD,KAAC,CAAA,aAAA,CAAAD,YAAM,CAAC,MAAM,EAAA,IAAA;AACZ,gBAAA,KAAA,CAAA,aAAA,CAACD,2BAAa,EAAA,IAAA;AACZ,oBAAA,KAAA,CAAA,aAAA,CAACC,YAAM,CAAC,OAAO,IAAC,SAAS,EAAC,gBAAgB,EAAG,CAAA;AAC7C,oBAAA,KAAA,CAAA,aAAA,CAACA,YAAM,CAAC,OAAO,EAAA,EACb,KAAK,EAAE;AACL,4BAAA,QAAQ,EAAE,OAAO;AACjB,4BAAA,MAAM,EAAE,CAAC;AACT,4BAAA,IAAI,EAAE,CAAC;AACP,4BAAA,KAAK,EAAE,CAAC;AACR,4BAAA,MAAM,EAAE,KAAK;AACb,4BAAA,eAAe,EAAE,MAAM;AACvB,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,aAAa,EAAE,QAAQ;AACvB,4BAAA,KAAK,EAAE,MAAM;AACd,yBAAA,EAAA;wBAED,KAAC,CAAA,aAAA,CAAAE,SAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAA;AACpC,4BAAA,KAAA,CAAA,aAAA,CAACF,YAAM,CAAC,KAAK,IACX,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAG/C,EAAA,cAAA,CAAA;AACf,4BAAA,KAAA,CAAA,aAAA,CAACA,YAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE;AACL,oCAAA,QAAQ,EAAE,QAAQ;AAClB,oCAAA,eAAe,EAAE,aAAa;AAC9B,oCAAA,KAAK,EAAE,MAAM;AACb,oCAAA,MAAM,EAAE,MAAM;AACd,oCAAA,OAAO,EAAE,CAAC;AACV,oCAAA,SAAS,EAAE,QAAQ;AACpB,iCAAA,EAAA,EAAA,GAAA,CAGY,CACV;AACP,wBAAA,KAAA,CAAA,aAAA,CAACG,yBAAiB,EAAA,EAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAGR,EAAA,kEAAA,CAAA;AACpB,wBAAA,KAAA,CAAA,aAAA,CAACC,uBAAe,EAAG,IAAA,CAAA;AACnB,wBAAA,KAAA,CAAA,aAAA,CAACF,SAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAA;AAClD,4BAAA,KAAA,CAAA,aAAA,CAACG,oBAAY,EAAG,IAAA,CAAA;4BAChB,KAAC,CAAA,aAAA,CAAAC,uBAAe,OAAG,CACd,CACQ,CACH,CACF,CACJ,CACA,EAChB;AACJ;;;;"}
+{"version":3,"file":"MSWDevTool.js","sources":["../../../src/ui/MSWDevTool.tsx"],"sourcesContent":[null],"names":["ThemeProvider","Drawer","DefaultDevToolTrigger","Flex","CloseButton","DialogDescription","ToolButtonGroup","HandlerTable","HandlerDebugger"],"mappings":";;;;;;;;;;;;;MAea,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,KAAI;IACzD,QACE,oBAACA,2BAAa,EAAA,IAAA;QACZ,KAAC,CAAA,aAAA,CAAAC,YAAM,CAAC,IAAI,EAAA,IAAA;YACT,OAAO,IACN,oBAACA,YAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,EAAE,OAAO,CAAkB,KAElD,oBAACA,YAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA;gBACrB,KAAC,CAAA,aAAA,CAAAC,6BAAqB,EAAG,IAAA,CAAA,CACV,CAClB;YACD,KAAC,CAAA,aAAA,CAAAD,YAAM,CAAC,MAAM,EAAA,IAAA;AACZ,gBAAA,KAAA,CAAA,aAAA,CAACD,2BAAa,EAAA,IAAA;AACZ,oBAAA,KAAA,CAAA,aAAA,CAACC,YAAM,CAAC,OAAO,IAAC,SAAS,EAAC,gBAAgB,EAAG,CAAA;AAC7C,oBAAA,KAAA,CAAA,aAAA,CAACA,YAAM,CAAC,OAAO,EAAA,EACb,KAAK,EAAE;AACL,4BAAA,QAAQ,EAAE,OAAO;AACjB,4BAAA,MAAM,EAAE,CAAC;AACT,4BAAA,IAAI,EAAE,CAAC;AACP,4BAAA,KAAK,EAAE,CAAC;AACR,4BAAA,MAAM,EAAE,KAAK;AACb,4BAAA,eAAe,EAAE,MAAM;AACvB,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,aAAa,EAAE,QAAQ;AACvB,4BAAA,KAAK,EAAE,MAAM;AACd,yBAAA,EAAA;wBAED,KAAC,CAAA,aAAA,CAAAE,SAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAA;AACpC,4BAAA,KAAA,CAAA,aAAA,CAACF,YAAM,CAAC,KAAK,IACX,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAG/C,EAAA,cAAA,CAAA;AACf,4BAAA,KAAA,CAAA,aAAA,CAACA,YAAM,CAAC,KAAK,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA;gCACnB,KAAC,CAAA,aAAA,CAAAG,uBAAW,EAAG,IAAA,CAAA,CACF,CACV;AACP,wBAAA,KAAA,CAAA,aAAA,CAACC,yBAAiB,EAAC,EAAA,MAAM,QAAC,SAAS,EAAC,iBAAiB,EAEjC,EAAA,kEAAA,CAAA;AACpB,wBAAA,KAAA,CAAA,aAAA,CAACC,uBAAe,EAAG,IAAA,CAAA;AACnB,wBAAA,KAAA,CAAA,aAAA,CAACH,SAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAA;AAClD,4BAAA,KAAA,CAAA,aAAA,CAACI,oBAAY,EAAG,IAAA,CAAA;4BAChB,KAAC,CAAA,aAAA,CAAAC,uBAAe,OAAG,CACd,CACQ,CACH,CACF,CACJ,CACA,EAChB;AACJ;;;;"}

package/dist/esm/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js

@@ -81,6 +81,28 @@ var ChevronUpIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   }));
 });
 
+var _excluded$1r = ["color"];
+var Cross2Icon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
+
+  return createElement("svg", Object.assign({
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    ref: forwardedRef
+  }), createElement("path", {
+    d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
+    fill: color,
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+});
+
 var _excluded$3w = ["color"];
 var PlayIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   var _ref$color = _ref.color,
@@ -169,5 +191,5 @@ var TrashIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   }));
 });
 
-export { CheckIcon, ChevronDownIcon, ChevronUpIcon, PlayIcon, PlusIcon, ReloadIcon, TrashIcon };
+export { CheckIcon, ChevronDownIcon, ChevronUpIcon, Cross2Icon, PlayIcon, PlusIcon, ReloadIcon, TrashIcon };
 //# sourceMappingURL=react-icons.esm.js.map