msw-dev-tool 2.3.3 → 3.1.0

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var index = require('../../../node_modules/@radix-ui/react-label/dist/index.js');
+var React = require('react');
+var flex = require('../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+var text = require('../../../node_modules/@radix-ui/themes/dist/esm/components/text.js');
+
+const FormFieldBase = ({ id, label, required, error, children, }) => {
+    return (React.createElement(flex.Flex, { gap: "2", direction: "column" },
+        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))));
+};
+
+exports.FormFieldBase = FormFieldBase;
+//# sourceMappingURL=FormFieldBase.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var FormFieldBase = require('./FormFieldBase.js');
+var textField = require('../../../node_modules/@radix-ui/themes/dist/esm/components/text-field.js');
+
+const InputFormField = React.forwardRef(({ label, error, required, ...rest }, ref) => {
+    const id = React.useId();
+    return (React.createElement(FormFieldBase.FormFieldBase, { id: id, label: label, error: error, required: required },
+        React.createElement(textField.Root, { id: id, ref: ref, ...rest })));
+});
+InputFormField.displayName = "InputFormField";
+
+exports.InputFormField = InputFormField;
+//# sourceMappingURL=InputFormField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputFormField.js","sources":["../../../../../src/ui/DevToolContent/Form/InputFormField.tsx"],"sourcesContent":[null],"names":["forwardRef","useId","FormFieldBase","TextField.Root"],"mappings":";;;;;;MASa,cAAc,GAAGA,gBAAU,CACtC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC3C,IAAA,MAAM,EAAE,GAAGC,WAAK,EAAE,CAAC;AAEnB,IAAA,QACE,KAAC,CAAA,aAAA,CAAAC,2BAAa,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA;AACnE,QAAA,KAAA,CAAA,aAAA,CAACC,cAAc,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAM,GAAA,IAAI,EAAI,CAAA,CAChC,EAChB;AACJ,CAAC,EACD;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

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

@@ -0,0 +1,32 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../../node_modules/@radix-ui/react-select/dist/index.js');
+var reactIcons_esm = require('../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
+
+const Select = ({ options, placeholder, label, id, ...rest }) => {
+    return (React.createElement(index.Select, { "data-theme": "light", "data-radix-color-scheme": "light", ...rest },
+        React.createElement(index.SelectTrigger, { className: "msw-dt-select-trigger", "aria-label": label !== null && label !== void 0 ? label : "select", onClick: (e) => e.stopPropagation(), id: id },
+            React.createElement(index.SelectValue, { placeholder: placeholder, className: "msw-dt-text-ellipsis" }),
+            React.createElement(index.SelectIcon, { className: "msw-dt-select-icon" },
+                React.createElement(reactIcons_esm.ChevronDownIcon, null))),
+        React.createElement(index.SelectPortal, null,
+            React.createElement(index.SelectContent, { className: "msw-dt-select-content", style: { zIndex: 10000 }, "data-theme": "light", "data-radix-color-scheme": "light" },
+                React.createElement(index.SelectScrollUpButton, { className: "msw-dt-select-scroll-button" },
+                    React.createElement(reactIcons_esm.ChevronUpIcon, null)),
+                React.createElement(index.SelectViewport, { className: "msw-dt-select-viewport" }, options.map((opt) => {
+                    return (React.createElement(SelectItem, { key: opt.value, value: opt.value }, opt.label));
+                })),
+                React.createElement(index.SelectScrollDownButton, { className: "msw-dt-select-scroll-button" },
+                    React.createElement(reactIcons_esm.ChevronDownIcon, null))))));
+};
+const SelectItem = React.forwardRef(({ children, className, value, ...props }, forwardedRef) => {
+    return (React.createElement(index.SelectItem, { className: "msw-dt-select-item", value: value, ...props, ref: forwardedRef },
+        React.createElement(index.SelectItemText, null, children),
+        React.createElement(index.SelectItemIndicator, { className: "msw-dt-select-item-indicator" },
+            React.createElement(reactIcons_esm.CheckIcon, null))));
+});
+SelectItem.displayName = "SelectItem";
+
+exports.Select = Select;
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../../src/ui/DevToolContent/Form/Select.tsx"],"sourcesContent":[null],"names":["_Select","SelectTrigger","SelectValue","SelectIcon","ChevronDownIcon","SelectPortal","SelectContent","SelectScrollUpButton","ChevronUpIcon","SelectViewport","SelectScrollDownButton","_SelectItem","SelectItemText","SelectItemIndicator","CheckIcon"],"mappings":";;;;;;AA8Ba,MAAA,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,WAAW,EACX,KAAK,EACL,EAAE,EACF,GAAG,IAAI,EACK,KAAI;IAChB,QACE,oBAACA,YAAO,EAAA,EAAA,YAAA,EAAY,OAAO,EAAyB,yBAAA,EAAA,OAAO,KAAK,IAAI,EAAA;AAClE,QAAA,KAAA,CAAA,aAAA,CAACC,mBAAa,EAAA,EACZ,SAAS,EAAC,uBAAuB,EAAA,YAAA,EACrB,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAL,KAAK,GAAI,QAAQ,EAC7B,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,EACnC,EAAE,EAAE,EAAE,EAAA;YAEN,KAAC,CAAA,aAAA,CAAAC,iBAAW,IACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,sBAAsB,EAChC,CAAA;AACF,YAAA,KAAA,CAAA,aAAA,CAACC,gBAAU,EAAA,EAAC,SAAS,EAAC,oBAAoB,EAAA;gBACxC,KAAC,CAAA,aAAA,CAAAC,8BAAe,EAAG,IAAA,CAAA,CACR,CACC;AAChB,QAAA,KAAA,CAAA,aAAA,CAACC,kBAAY,EAAA,IAAA;AACX,YAAA,KAAA,CAAA,aAAA,CAACC,mBAAa,EACZ,EAAA,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACb,YAAA,EAAA,OAAO,6BACM,OAAO,EAAA;AAE/B,gBAAA,KAAA,CAAA,aAAA,CAACC,0BAAoB,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAA;oBAC3D,KAAC,CAAA,aAAA,CAAAC,4BAAa,OAAG,CACI;AACvB,gBAAA,KAAA,CAAA,aAAA,CAACC,oBAAc,EAAA,EAAC,SAAS,EAAC,wBAAwB,EAAA,EAC/C,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;oBACnB,QACE,oBAAC,UAAU,EAAA,EAAC,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAA,EACzC,GAAG,CAAC,KAAK,CACC,EACb;AACJ,iBAAC,CAAC,CACa;AACjB,gBAAA,KAAA,CAAA,aAAA,CAACC,4BAAsB,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAA;AAC7D,oBAAA,KAAA,CAAA,aAAA,CAACN,8BAAe,EAAG,IAAA,CAAA,CACI,CACX,CACH,CACP,EACV;AACJ,EAAE;AAEF,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE,EACE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EAC2B,EACrC,YAA0C,KACxC;AACF,IAAA,QACE,KAAC,CAAA,aAAA,CAAAO,gBAAW,EACV,EAAA,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,KAAK,EACR,GAAA,KAAK,EACT,GAAG,EAAE,YAAY,EAAA;QAEjB,KAAC,CAAA,aAAA,CAAAC,oBAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB;AAC3C,QAAA,KAAA,CAAA,aAAA,CAACC,yBAAmB,EAAA,EAAC,SAAS,EAAC,8BAA8B,EAAA;AAC3D,YAAA,KAAA,CAAA,aAAA,CAACC,wBAAS,EAAA,IAAA,CAAG,CACO,CACV,EACd;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var FormFieldBase = require('./FormFieldBase.js');
+var Select = require('./Select.js');
+
+const SelectFormField = ({ label, error, required, ...rest }) => {
+    const id = React.useId();
+    return (React.createElement(FormFieldBase.FormFieldBase, { id: id, label: label, error: error, required: required },
+        React.createElement(Select.Select, { id: id, ...rest })));
+};
+
+exports.SelectFormField = SelectFormField;
+//# sourceMappingURL=SelectFormField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFormField.js","sources":["../../../../../src/ui/DevToolContent/Form/SelectFormField.tsx"],"sourcesContent":[null],"names":["useId","FormFieldBase","Select"],"mappings":";;;;;;AAaa,MAAA,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,MAAM,EAAE,GAAGA,WAAK,EAAE,CAAC;AACnB,IAAA,QACE,KAAC,CAAA,aAAA,CAAAC,2BAAa,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA;QACnE,KAAC,CAAA,aAAA,CAAAC,aAAM,EAAC,EAAA,EAAE,EAAE,EAAE,KAAM,IAAI,EAAA,CAAI,CACd,EAChB;AACJ;;;;"}

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

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var FormFieldBase = require('./FormFieldBase.js');
+var textArea = require('../../../node_modules/@radix-ui/themes/dist/esm/components/text-area.js');
+
+const TextAreaFormField = React.forwardRef(({ label, error, required, ...rest }, ref) => {
+    const id = React.useId();
+    return (React.createElement(FormFieldBase.FormFieldBase, { id: id, label: label, error: error, required: required },
+        React.createElement(textArea.TextArea, { id: id, ref: ref, ...rest })));
+});
+TextAreaFormField.displayName = "TextAreaFormField";
+
+exports.TextAreaFormField = TextAreaFormField;
+//# sourceMappingURL=TextAreaFormField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaFormField.js","sources":["../../../../../src/ui/DevToolContent/Form/TextAreaFormField.tsx"],"sourcesContent":[null],"names":["forwardRef","useId","FormFieldBase","TextArea"],"mappings":";;;;;;MASa,iBAAiB,GAAGA,gBAAU,CACzC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC3C,IAAA,MAAM,EAAE,GAAGC,WAAK,EAAE,CAAC;AAEnB,IAAA,QACE,KAAC,CAAA,aAAA,CAAAC,2BAAa,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA;AACnE,QAAA,KAAA,CAAA,aAAA,CAACC,iBAAQ,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAM,GAAA,IAAI,EAAI,CAAA,CAC1B,EAChB;AACJ,CAAC,EACD;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/dist/cjs/ui/DevToolContent/HandlerDebugger/KeyValueInputList.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var reactIcons_esm = require('../../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@18.3.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
-var index = require('../../../node_modules/.pnpm/@radix-ui_react-label@2.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.1_2cqdrul4wd4nqxmfcrqwokv4ti/node_modules/@radix-ui/react-label/dist/index.js');
+var reactIcons_esm = require('../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
+var index = require('../../../node_modules/@radix-ui/react-label/dist/index.js');
 var React = require('react');
-var box = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/box.js');
-var flex = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/flex.js');
-var textField = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/text-field.js');
-var button = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/button.js');
+var box = require('../../../node_modules/@radix-ui/themes/dist/esm/components/box.js');
+var flex = require('../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+var textField = require('../../../node_modules/@radix-ui/themes/dist/esm/components/text-field.js');
+var button = require('../../../node_modules/@radix-ui/themes/dist/esm/components/button.js');
 
 const KeyValueInputList = ({ items, setItems, title, }) => {
     const id = React.useId();

package/dist/cjs/ui/DevToolContent/HandlerDebugger/PathParamSetter.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('../../../node_modules/.pnpm/@radix-ui_react-label@2.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.1_2cqdrul4wd4nqxmfcrqwokv4ti/node_modules/@radix-ui/react-label/dist/index.js');
+var index = require('../../../node_modules/@radix-ui/react-label/dist/index.js');
 var React = require('react');
-var box = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/box.js');
-var flex = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/flex.js');
-var textField = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/text-field.js');
+var box = require('../../../node_modules/@radix-ui/themes/dist/esm/components/box.js');
+var flex = require('../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+var textField = require('../../../node_modules/@radix-ui/themes/dist/esm/components/text-field.js');
 
 const PathParamSetter = ({ paramValues, onParamChange, }) => {
     return (paramValues &&

package/dist/cjs/ui/DevToolContent/HandlerDebugger/RequestPreview.js

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var url = require('../../../utils/url.js');
-var reactIcons_esm = require('../../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@18.3.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
-var box = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/box.js');
-var heading = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/heading.js');
-var button = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/button.js');
+var reactIcons_esm = require('../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
+var box = require('../../../node_modules/@radix-ui/themes/dist/esm/components/box.js');
+var heading = require('../../../node_modules/@radix-ui/themes/dist/esm/components/heading.js');
+var button = require('../../../node_modules/@radix-ui/themes/dist/esm/components/button.js');
 
 const RequestPreview = ({ url: url$1, paramValues, headers = {}, searchParams = {}, }) => {
     const [loading, setLoading] = React.useState(false);

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

@@ -6,10 +6,10 @@ var msw = require('msw');
 var PathParamSetter = require('./PathParamSetter.js');
 var KeyValueInputList = require('./KeyValueInputList.js');
 var RequestPreview = require('./RequestPreview.js');
-var container = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/container.js');
-var flex = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/flex.js');
-var heading = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/heading.js');
-var text = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/text.js');
+var container = require('../../../node_modules/@radix-ui/themes/dist/esm/components/container.js');
+var flex = require('../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+var heading = require('../../../node_modules/@radix-ui/themes/dist/esm/components/heading.js');
+var text = require('../../../node_modules/@radix-ui/themes/dist/esm/components/text.js');
 
 /**
  * - It uses `zustand` global state.

package/dist/cjs/ui/DevToolContent/HandlerTable/BehaviorSelect.js

@@ -1,40 +1,23 @@
 'use strict';
 
-var React = require('react');
-var index = require('../../../node_modules/.pnpm/@radix-ui_react-select@2.1.6_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._h3snaisb2dmidicxlzdds2tiqu/node_modules/@radix-ui/react-select/dist/index.js');
-var reactIcons_esm = require('../../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@18.3.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
 var type = require('../../../lib/type.js');
 var handlerStore = require('../../../lib/handlerStore.js');
+var Select = require('../Form/Select.js');
+var React = require('react');
 
+const options = Object.values(type.HttpHandlerBehavior).map((behavior) => ({
+    label: behavior,
+    value: behavior,
+}));
 const BehaviorSelect = ({ row }) => {
     var _a;
     const id = row.original.id;
     const { setHandlerBehavior, getHandlerBehavior } = handlerStore.useHandlerStore();
-    return (React.createElement(index.Select, { onValueChange: (_value) => {
+    return (React.createElement(Select.Select, { options: options, placeholder: (_a = getHandlerBehavior(id)) !== null && _a !== void 0 ? _a : type.HttpHandlerBehavior.DEFAULT, onValueChange: (_value) => {
             const value = _value;
             setHandlerBehavior(row.original.id, value);
-        }, "data-theme": "light", "data-radix-color-scheme": "light" },
-        React.createElement(index.SelectTrigger, { className: "msw-dt-select-trigger", "aria-label": "Behavior", onClick: (e) => e.stopPropagation() },
-            React.createElement(index.SelectValue, { placeholder: (_a = getHandlerBehavior(id)) !== null && _a !== void 0 ? _a : type.HttpHandlerBehavior.DEFAULT, className: "msw-dt-text-ellipsis" }),
-            React.createElement(index.SelectIcon, { className: "msw-dt-select-icon" },
-                React.createElement(reactIcons_esm.ChevronDownIcon, null))),
-        React.createElement(index.SelectPortal, null,
-            React.createElement(index.SelectContent, { className: "msw-dt-select-content", style: { zIndex: 10000 }, "data-theme": "light", "data-radix-color-scheme": "light" },
-                React.createElement(index.SelectScrollUpButton, { className: "msw-dt-select-scroll-button" },
-                    React.createElement(reactIcons_esm.ChevronUpIcon, null)),
-                React.createElement(index.SelectViewport, { className: "msw-dt-select-viewport" }, Object.values(type.HttpHandlerBehavior).map((behavior) => {
-                    return (React.createElement(SelectItem, { key: behavior, value: behavior }, behavior));
-                })),
-                React.createElement(index.SelectScrollDownButton, { className: "msw-dt-select-scroll-button" },
-                    React.createElement(reactIcons_esm.ChevronDownIcon, null))))));
+        }, "data-theme": "light", "data-radix-color-scheme": "light" }));
 };
-const SelectItem = React.forwardRef(({ children, className, value, ...props }, forwardedRef) => {
-    return (React.createElement(index.SelectItem, { className: "msw-dt-select-item", value: value, ...props, ref: forwardedRef },
-        React.createElement(index.SelectItemText, null, children),
-        React.createElement(index.SelectItemIndicator, { className: "msw-dt-select-item-indicator" },
-            React.createElement(reactIcons_esm.CheckIcon, null))));
-});
-SelectItem.displayName = "SelectItem";
 
 exports.BehaviorSelect = BehaviorSelect;
 //# sourceMappingURL=BehaviorSelect.js.map

package/dist/cjs/ui/DevToolContent/HandlerTable/BehaviorSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BehaviorSelect.js","sources":["../../../../../src/ui/DevToolContent/HandlerTable/BehaviorSelect.tsx"],"sourcesContent":[null],"names":["useHandlerStore","Select","SelectTrigger","SelectValue","HttpHandlerBehavior","SelectIcon","ChevronDownIcon","SelectPortal","SelectContent","SelectScrollUpButton","ChevronUpIcon","SelectViewport","SelectScrollDownButton","_SelectItem","SelectItemText","SelectItemIndicator","CheckIcon"],"mappings":"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"}
+{"version":3,"file":"BehaviorSelect.js","sources":["../../../../../src/ui/DevToolContent/HandlerTable/BehaviorSelect.tsx"],"sourcesContent":[null],"names":["HttpHandlerBehavior","useHandlerStore","Select"],"mappings":";;;;;;;AAOA,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAACA,wBAAmB,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,MAAM;AACpE,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,QAAkB;AAC1B,CAAA,CAAC,CAAC,CAAC;MAES,cAAc,GAAG,CAAC,EAAE,GAAG,EAAgC,KAAI;;AACtE,IAAA,MAAM,EAAE,GAAG,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC3B,MAAM,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,GAAGC,4BAAe,EAAE,CAAC;IAErE,QACE,KAAC,CAAA,aAAA,CAAAC,aAAM,EACL,EAAA,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,CAAA,EAAA,GAAA,kBAAkB,CAAC,EAAE,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAAF,wBAAmB,CAAC,OAAO,EAClE,aAAa,EAAE,CAAC,MAAM,KAAI;YACxB,MAAM,KAAK,GAAG,MAA6B,CAAC;YAC5C,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;AAC7C,SAAC,gBACU,OAAO,EAAA,yBAAA,EACM,OAAO,EAAA,CAC/B,EACF;AACJ;;;;"}

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

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../../node_modules/.pnpm/@tanstack_react-table@8.20.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@tanstack/react-table/build/lib/index.js');
+var index = require('../../../node_modules/@tanstack/react-table/build/lib/index.js');
 var useFlattenHandlersTable = require('../hook/useFlattenHandlersTable.js');
 var uiControlStore = require('../../../store/uiControlStore.js');
-var flex = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/flex.js');
-var heading = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/heading.js');
-var table = require('../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/table.js');
+var flex = require('../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+var heading = require('../../../node_modules/@radix-ui/themes/dist/esm/components/heading.js');
+var table = require('../../../node_modules/@radix-ui/themes/dist/esm/components/table.js');
 
 const HandlerTable = () => {
     const table$1 = useFlattenHandlersTable.useFlattenHandlersTable();

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

@@ -0,0 +1,58 @@
+'use strict';
+
+var reactIcons_esm = require('../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
+var React = require('react');
+var schema = require('./schema.js');
+var type = require('../../../lib/type.js');
+var InputFormField = require('../Form/InputFormField.js');
+var TextAreaFormField = require('../Form/TextAreaFormField.js');
+var SelectFormField = require('../Form/SelectFormField.js');
+var handlerStore = require('../../../lib/handlerStore.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');
+
+const options = Object.values(type.HttpMethod).map((method) => ({
+    label: method,
+    value: method,
+}));
+const HandlerForm = ({ onClose }) => {
+    const { addTempHandler } = handlerStore.useHandlerStore();
+    const [errors, setErrors] = React.useState({});
+    const validateForm = (e) => {
+        e.preventDefault();
+        const formData = new FormData(e.currentTarget);
+        const data = {
+            method: formData.get("method"),
+            path: formData.get("path"),
+            response: formData.get("response"),
+        };
+        const result = schema.handlerSchema.safeParse(data);
+        if (!result.success) {
+            const formattedErrors = {};
+            result.error.issues.forEach((issue) => {
+                issue.path.forEach((path) => {
+                    const key = path;
+                    formattedErrors[key] = issue.message;
+                });
+            });
+            setErrors(formattedErrors);
+            return;
+        }
+        setErrors({});
+        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" },
+            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"))));
+};
+
+exports.HandlerForm = HandlerForm;
+//# sourceMappingURL=HandlerForm.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,64 @@
+'use strict';
+
+var React = require('react');
+var handlerStore = require('../../../lib/handlerStore.js');
+var reactIcons_esm = require('../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js');
+var index = require('../../../node_modules/@radix-ui/react-dialog/dist/index.js');
+var ThemeProvider = require('../../ThemeProvider.js');
+var HandlerForm = require('./HandlerForm.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');
+
+const ToolButtonGroup = () => {
+    const { resetMSWDevTool } = handlerStore.useHandlerStore();
+    const [isDialogOpen, setIsDialogOpen] = React.useState(false);
+    return (React.createElement(flex.Flex, { gap: "6", py: "4" },
+        React.createElement(button.Button, { onClick: () => resetMSWDevTool(), color: "crimson" },
+            React.createElement(reactIcons_esm.ReloadIcon, null),
+            "Reset Dev tool"),
+        React.createElement(dialog.Root, { open: isDialogOpen, onOpenChange: setIsDialogOpen },
+            React.createElement(index.DialogTrigger, { asChild: true },
+                React.createElement(button.Button, null,
+                    React.createElement(reactIcons_esm.PlusIcon, null),
+                    "Add Temp Handler")),
+            React.createElement(index.DialogPortal, null,
+                React.createElement(ThemeProvider.ThemeProvider, null,
+                    React.createElement(index.DialogOverlay, { className: "dialog-overlay" }),
+                    React.createElement(index.DialogContent, { style: {
+                            position: "fixed",
+                            top: "50%",
+                            left: "50%",
+                            transform: "translate(-50%, -50%)",
+                            backgroundColor: "#FFF",
+                            padding: "1rem 2rem",
+                            display: "flex",
+                            flexDirection: "column",
+                            color: "#000",
+                            borderRadius: "1rem",
+                            maxHeight: "90vh",
+                            maxWidth: "90vw",
+                            overflow: "hidden",
+                        } },
+                        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.DialogDescription, null,
+                            "Temp handler is stored in the session storage. If you",
+                            " ",
+                            React.createElement("span", { style: { fontWeight: "600" } }, "reset dev tool"),
+                            ", it will be ",
+                            React.createElement("span", { style: { color: "red" } }, "deleted"),
+                            "."),
+                        React.createElement(HandlerForm.HandlerForm, { onClose: () => setIsDialogOpen(false) })))))));
+};
+
+exports.ToolButtonGroup = ToolButtonGroup;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var index = require('../../../node_modules/zod/lib/index.js');
+var util = require('./util.js');
+var type = require('../../../lib/type.js');
+var handlerStore = require('../../../lib/handlerStore.js');
+var util$1 = require('../../../lib/util.js');
+
+const handlerSchema = index.default
+    .object({
+    path: index.default.string().refine(util.isValidUrl, {
+        message: "Invalid URL format",
+    }),
+    response: index.default
+        .string()
+        .refine(util.isValidJson, { message: "Invalid JSON format" }),
+    method: index.default.nativeEnum(type.HttpMethod),
+})
+    .refine((data) => {
+    const id = util$1.getRowId({
+        path: data.path,
+        method: data.method,
+    });
+    return !handlerStore.isDuplicateHandler(id);
+}, {
+    message: "Duplicate handler. Change method or path.",
+    path: ["path", "method"],
+});
+
+exports.handlerSchema = handlerSchema;
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/schema.ts"],"sourcesContent":[null],"names":["z","isValidUrl","isValidJson","HttpMethod","getRowId","isDuplicateHandler"],"mappings":";;;;;;;;AAMO,MAAM,aAAa,GAAGA,aAAC;AAC3B,KAAA,MAAM,CAAC;IACN,IAAI,EAAEA,aAAC,CAAC,MAAM,EAAE,CAAC,MAAM,CAACC,eAAU,EAAE;AAClC,QAAA,OAAO,EAAE,oBAAoB;KAC9B,CAAC;AACF,IAAA,QAAQ,EAAED,aAAC;AACR,SAAA,MAAM,EAAE;SACR,MAAM,CAACE,gBAAW,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAC1D,IAAA,MAAM,EAAEF,aAAC,CAAC,UAAU,CAACG,eAAU,CAAC;CACjC,CAAC;AACD,KAAA,MAAM,CACL,CAAC,IAAI,KAAI;IACP,MAAM,EAAE,GAAGC,eAAQ,CAAC;QAClB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,MAAM,EAAE,IAAI,CAAC,MAAM;AACpB,KAAA,CAAC,CAAC;AACH,IAAA,OAAO,CAACC,+BAAkB,CAAC,EAAE,CAAC,CAAC;AACjC,CAAC,EACD;AACE,IAAA,OAAO,EAAE,2CAA2C;AACpD,IAAA,IAAI,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;AACzB,CAAA;;;;"}

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

@@ -0,0 +1,24 @@
+'use strict';
+
+const isValidUrl = (input) => {
+    try {
+        new URL(input, window.location.href);
+        return true;
+    }
+    catch (error) {
+        return false;
+    }
+};
+const isValidJson = (input) => {
+    try {
+        JSON.parse(input);
+        return true;
+    }
+    catch (error) {
+        return false;
+    }
+};
+
+exports.isValidJson = isValidJson;
+exports.isValidUrl = isValidUrl;
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/util.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAa,MAAA,UAAU,GAAG,CAAC,KAAa,KAAI;AAC1C,IAAA,IAAI;QACF,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACrC,QAAA,OAAO,IAAI,CAAC;KACb;IAAC,OAAO,KAAK,EAAE;AACd,QAAA,OAAO,KAAK,CAAC;KACd;AACH,EAAE;AAEW,MAAA,WAAW,GAAG,CAAC,KAAa,KAAI;AAC3C,IAAA,IAAI;AACF,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AAClB,QAAA,OAAO,IAAI,CAAC;KACb;IAAC,OAAO,KAAK,EAAE;AACd,QAAA,OAAO,KAAK,CAAC;KACd;AACH;;;;;"}

package/dist/cjs/ui/DevToolContent/hook/useFlattenHandlersTable.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('../../../node_modules/.pnpm/@tanstack_react-table@8.20.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@tanstack/react-table/build/lib/index.js');
+var index = require('../../../node_modules/@tanstack/react-table/build/lib/index.js');
 var handlerStore = require('../../../lib/handlerStore.js');
 var React = require('react');
 var BehaviorSelect = require('../HandlerTable/BehaviorSelect.js');
-var index$1 = require('../../../node_modules/.pnpm/@tanstack_table-core@8.20.5/node_modules/@tanstack/table-core/build/lib/index.js');
+var index$1 = require('../../../node_modules/@tanstack/table-core/build/lib/index.js');
 
 const useFlattenHandlersTable = () => {
     const { flattenHandlers, } = handlerStore.useHandlerStore();

package/dist/cjs/ui/MSWDevTool.js

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index = require('../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_react-dom@18.3._7iqkcrcg5qjc3n2ixm6rnrnx3e/node_modules/vaul/dist/index.js');
-var index$2 = require('./DevToolContent/HandlerTable/index.js');
-var index$1 = require('../node_modules/.pnpm/@radix-ui_react-dialog@1.1.6_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._tj6htj5pmg2es74uknz4aewlhy/node_modules/@radix-ui/react-dialog/dist/index.js');
-var index$3 = require('./DevToolContent/HandlerDebugger/index.js');
+var index = require('../node_modules/vaul/dist/index.js');
+var index$3 = require('./DevToolContent/HandlerTable/index.js');
+var index$1 = require('../node_modules/@radix-ui/react-dialog/dist/index.js');
+var index$4 = require('./DevToolContent/HandlerDebugger/index.js');
 var ThemeProvider = require('./ThemeProvider.js');
-var ToolButtonGroup = require('./DevToolContent/ToolButtonGroup.js');
+var index$2 = require('./DevToolContent/ToolButtonGroup/index.js');
 var Trigger = require('./Trigger.js');
-var flex = require('../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/flex.js');
+var flex = require('../node_modules/@radix-ui/themes/dist/esm/components/flex.js');
 
 const MSWDevTool = ({ trigger }) => {
     return (React.createElement(ThemeProvider.ThemeProvider, null,
@@ -17,14 +17,7 @@ const MSWDevTool = ({ trigger }) => {
                 React.createElement(Trigger.DefaultDevToolTrigger, null))),
             React.createElement(index.Drawer.Portal, null,
                 React.createElement(ThemeProvider.ThemeProvider, null,
-                    React.createElement(index.Drawer.Overlay, { style: {
-                            position: "fixed",
-                            top: 0,
-                            right: 0,
-                            bottom: 0,
-                            left: 0,
-                            backgroundColor: "rgba(0, 0, 0, 0.4)",
-                        } }),
+                    React.createElement(index.Drawer.Overlay, { className: "dialog-overlay" }),
                     React.createElement(index.Drawer.Content, { style: {
                             position: "fixed",
                             bottom: 0,
@@ -49,10 +42,10 @@ const MSWDevTool = ({ trigger }) => {
                                     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(ToolButtonGroup.ToolButtonGroup, null),
+                        React.createElement(index$2.ToolButtonGroup, null),
                         React.createElement(flex.Flex, { gap: "6", style: { flex: 1, overflow: "hidden" } },
-                            React.createElement(index$2.HandlerTable, null),
-                            React.createElement(index$3.HandlerDebugger, null))))))));
+                            React.createElement(index$3.HandlerTable, null),
+                            React.createElement(index$4.HandlerDebugger, null))))))));
 };
 
 exports.MSWDevTool = MSWDevTool;

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,EAAA,EACb,KAAK,EAAE;AACL,4BAAA,QAAQ,EAAE,OAAO;AACjB,4BAAA,GAAG,EAAE,CAAC;AACN,4BAAA,KAAK,EAAE,CAAC;AACR,4BAAA,MAAM,EAAE,CAAC;AACT,4BAAA,IAAI,EAAE,CAAC;AACP,4BAAA,eAAe,EAAE,oBAAoB;yBACtC,EACD,CAAA;AACF,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,+BAAe,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","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;;;;"}

package/dist/cjs/ui/ThemeProvider.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var theme = require('../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/theme.js');
+var theme = require('../node_modules/@radix-ui/themes/dist/esm/components/theme.js');
 
 /**
  * - Because of `portal`, It should be used when rendering in an independent area.

package/dist/cjs/ui/Trigger.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var button = require('../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_rea_l62yjk6twgw4yi4chvzddg3hmm/node_modules/@radix-ui/themes/dist/esm/components/button.js');
+var button = require('../node_modules/@radix-ui/themes/dist/esm/components/button.js');
 
 const DefaultDevToolTrigger = React.forwardRef((props, ref) => {
     return (React.createElement(button.Button, { ref: ref, style: {