msw-dev-tool 2.3.3 → 3.1.0

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

@@ -0,0 +1,16 @@
+import { Label } from '../../../node_modules/@radix-ui/react-label/dist/index.js';
+import React__default from 'react';
+import { Flex as p } from '../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js';
+import { Text as p$1 } from '../../../node_modules/@radix-ui/themes/dist/esm/components/text.js';
+
+const FormFieldBase = ({ id, label, required, error, children, }) => {
+    return (React__default.createElement(p, { gap: "2", direction: "column" },
+        React__default.createElement(Label, { htmlFor: id },
+            label,
+            required && (React__default.createElement("span", { style: { color: "red", marginLeft: "0.2rem" } }, "*"))),
+        children,
+        error && (React__default.createElement(p$1, { size: "1", color: "red", weight: "medium" }, error))));
+};
+
+export { FormFieldBase };
+//# sourceMappingURL=FormFieldBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldBase.js","sources":["../../../../../src/ui/DevToolContent/Form/FormFieldBase.tsx"],"sourcesContent":[null],"names":["React","Flex","Text"],"mappings":";;;;;AAWa,MAAA,aAAa,GAAG,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,GAC8B,KAAI;IAC1C,QACEA,cAAC,CAAA,aAAA,CAAAC,CAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAA;AAC9B,QAAAD,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,EAAE,EAAA;YACf,KAAK;AACL,YAAA,QAAQ,KACPA,cAAA,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,KACJA,cAAC,CAAA,aAAA,CAAAE,GAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAA,EACvC,KAAK,CACD,CACR,CACI,EACP;AACJ;;;;"}

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

@@ -0,0 +1,13 @@
+import React__default, { forwardRef, useId } from 'react';
+import { FormFieldBase } from './FormFieldBase.js';
+import { Root as u } from '../../../node_modules/@radix-ui/themes/dist/esm/components/text-field.js';
+
+const InputFormField = forwardRef(({ label, error, required, ...rest }, ref) => {
+    const id = useId();
+    return (React__default.createElement(FormFieldBase, { id: id, label: label, error: error, required: required },
+        React__default.createElement(u, { id: id, ref: ref, ...rest })));
+});
+InputFormField.displayName = "InputFormField";
+
+export { InputFormField };
+//# sourceMappingURL=InputFormField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputFormField.js","sources":["../../../../../src/ui/DevToolContent/Form/InputFormField.tsx"],"sourcesContent":[null],"names":["React","TextField.Root"],"mappings":";;;;MASa,cAAc,GAAG,UAAU,CACtC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC3C,IAAA,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;AAEnB,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA;AACnE,QAAAA,cAAA,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/esm/ui/DevToolContent/Form/Select.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../../src/ui/DevToolContent/Form/Select.tsx"],"sourcesContent":[null],"names":["React","_Select","_SelectItem"],"mappings":";;;;AA8Ba,MAAA,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,WAAW,EACX,KAAK,EACL,EAAE,EACF,GAAG,IAAI,EACK,KAAI;IAChB,QACEA,6BAACC,QAAO,EAAA,EAAA,YAAA,EAAY,OAAO,EAAyB,yBAAA,EAAA,OAAO,KAAK,IAAI,EAAA;AAClE,QAAAD,cAAA,CAAA,aAAA,CAAC,aAAa,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;YAENA,cAAC,CAAA,aAAA,CAAA,WAAW,IACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,sBAAsB,EAChC,CAAA;AACF,YAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAC,oBAAoB,EAAA;gBACxCA,cAAC,CAAA,aAAA,CAAA,eAAe,EAAG,IAAA,CAAA,CACR,CACC;AAChB,QAAAA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA;AACX,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EACZ,EAAA,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACb,YAAA,EAAA,OAAO,6BACM,OAAO,EAAA;AAE/B,gBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAA;oBAC3DA,cAAC,CAAA,aAAA,CAAA,aAAa,OAAG,CACI;AACvB,gBAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,wBAAwB,EAAA,EAC/C,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;oBACnB,QACEA,6BAAC,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,gBAAAA,cAAA,CAAA,aAAA,CAAC,sBAAsB,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAA;AAC7D,oBAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAG,IAAA,CAAA,CACI,CACX,CACH,CACP,EACV;AACJ,EAAE;AAEF,MAAM,UAAU,GAAGA,cAAK,CAAC,UAAU,CACjC,CACE,EACE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EAC2B,EACrC,YAA0C,KACxC;AACF,IAAA,QACEA,cAAC,CAAA,aAAA,CAAAE,YAAW,EACV,EAAA,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,KAAK,EACR,GAAA,KAAK,EACT,GAAG,EAAE,YAAY,EAAA;QAEjBF,cAAC,CAAA,aAAA,CAAA,cAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB;AAC3C,QAAAA,cAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAAC,SAAS,EAAC,8BAA8B,EAAA;AAC3D,YAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,CACO,CACV,EACd;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

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

@@ -0,0 +1,12 @@
+import React__default, { useId } from 'react';
+import { FormFieldBase } from './FormFieldBase.js';
+import { Select } from './Select.js';
+
+const SelectFormField = ({ label, error, required, ...rest }) => {
+    const id = useId();
+    return (React__default.createElement(FormFieldBase, { id: id, label: label, error: error, required: required },
+        React__default.createElement(Select, { id: id, ...rest })));
+};
+
+export { SelectFormField };
+//# sourceMappingURL=SelectFormField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFormField.js","sources":["../../../../../src/ui/DevToolContent/Form/SelectFormField.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AAaa,MAAA,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;AACnB,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA;QACnEA,cAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,EAAE,EAAE,EAAE,KAAM,IAAI,EAAA,CAAI,CACd,EAChB;AACJ;;;;"}

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

@@ -0,0 +1,13 @@
+import React__default, { forwardRef, useId } from 'react';
+import { FormFieldBase } from './FormFieldBase.js';
+import { TextArea as r } from '../../../node_modules/@radix-ui/themes/dist/esm/components/text-area.js';
+
+const TextAreaFormField = forwardRef(({ label, error, required, ...rest }, ref) => {
+    const id = useId();
+    return (React__default.createElement(FormFieldBase, { id: id, label: label, error: error, required: required },
+        React__default.createElement(r, { id: id, ref: ref, ...rest })));
+});
+TextAreaFormField.displayName = "TextAreaFormField";
+
+export { TextAreaFormField };
+//# sourceMappingURL=TextAreaFormField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaFormField.js","sources":["../../../../../src/ui/DevToolContent/Form/TextAreaFormField.tsx"],"sourcesContent":[null],"names":["React","TextArea"],"mappings":";;;;MASa,iBAAiB,GAAG,UAAU,CACzC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC3C,IAAA,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;AAEnB,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA;AACnE,QAAAA,cAAA,CAAA,aAAA,CAACC,CAAQ,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/esm/ui/DevToolContent/HandlerDebugger/KeyValueInputList.js

@@ -1,10 +1,10 @@
-import { PlusIcon, TrashIcon } from '../../../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';
-import { Label } from '../../../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';
+import { PlusIcon, TrashIcon } from '../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { Label } from '../../../node_modules/@radix-ui/react-label/dist/index.js';
 import React__default, { useId, useState } from 'react';
-import { Box as p } from '../../../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';
-import { Flex as p$1 } from '../../../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';
-import { Root as u } from '../../../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';
-import { Button as o } from '../../../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';
+import { Box as p } from '../../../node_modules/@radix-ui/themes/dist/esm/components/box.js';
+import { Flex as p$1 } from '../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js';
+import { Root as u } from '../../../node_modules/@radix-ui/themes/dist/esm/components/text-field.js';
+import { Button as o } from '../../../node_modules/@radix-ui/themes/dist/esm/components/button.js';
 
 const KeyValueInputList = ({ items, setItems, title, }) => {
     const id = useId();

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

@@ -1,8 +1,8 @@
-import { Label } from '../../../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';
+import { Label } from '../../../node_modules/@radix-ui/react-label/dist/index.js';
 import React__default from 'react';
-import { Box as p } from '../../../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';
-import { Flex as p$1 } from '../../../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';
-import { Root as u } from '../../../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';
+import { Box as p } from '../../../node_modules/@radix-ui/themes/dist/esm/components/box.js';
+import { Flex as p$1 } from '../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js';
+import { Root as u } from '../../../node_modules/@radix-ui/themes/dist/esm/components/text-field.js';
 
 const PathParamSetter = ({ paramValues, onParamChange, }) => {
     return (paramValues &&

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

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
 import { getPathWithParams, getSearchParams, getTotalUrl } from '../../../utils/url.js';
-import { PlayIcon } from '../../../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';
-import { Box as p } from '../../../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';
-import { Heading as r } from '../../../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';
-import { Button as o } from '../../../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';
+import { PlayIcon } from '../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { Box as p } from '../../../node_modules/@radix-ui/themes/dist/esm/components/box.js';
+import { Heading as r } from '../../../node_modules/@radix-ui/themes/dist/esm/components/heading.js';
+import { Button as o } from '../../../node_modules/@radix-ui/themes/dist/esm/components/button.js';
 
 const RequestPreview = ({ url, paramValues, headers = {}, searchParams = {}, }) => {
     const [loading, setLoading] = useState(false);

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

@@ -4,10 +4,10 @@ import { matchRequestUrl } from 'msw';
 import { PathParamSetter } from './PathParamSetter.js';
 import { KeyValueInputList } from './KeyValueInputList.js';
 import { RequestPreview } from './RequestPreview.js';
-import { Container as p$1 } from '../../../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';
-import { Flex as p$2 } from '../../../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';
-import { Heading as r } from '../../../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';
-import { Text as p } from '../../../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';
+import { Container as p$1 } from '../../../node_modules/@radix-ui/themes/dist/esm/components/container.js';
+import { Flex as p$2 } from '../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js';
+import { Heading as r } from '../../../node_modules/@radix-ui/themes/dist/esm/components/heading.js';
+import { Text as p } from '../../../node_modules/@radix-ui/themes/dist/esm/components/text.js';
 
 /**
  * - It uses `zustand` global state.

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

@@ -1,38 +1,21 @@
-import React__default from 'react';
-import { SelectItem as SelectItem$1, SelectItemText, SelectItemIndicator, Select, SelectTrigger, SelectValue, SelectIcon, SelectPortal, SelectContent, SelectScrollUpButton, SelectViewport, SelectScrollDownButton } from '../../../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';
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from '../../../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';
 import { HttpHandlerBehavior } from '../../../lib/type.js';
 import { useHandlerStore } from '../../../lib/handlerStore.js';
+import { Select } from '../Form/Select.js';
+import React__default from 'react';
 
+const options = Object.values(HttpHandlerBehavior).map((behavior) => ({
+    label: behavior,
+    value: behavior,
+}));
 const BehaviorSelect = ({ row }) => {
     var _a;
     const id = row.original.id;
     const { setHandlerBehavior, getHandlerBehavior } = useHandlerStore();
-    return (React__default.createElement(Select, { onValueChange: (_value) => {
+    return (React__default.createElement(Select, { options: options, placeholder: (_a = getHandlerBehavior(id)) !== null && _a !== void 0 ? _a : HttpHandlerBehavior.DEFAULT, onValueChange: (_value) => {
             const value = _value;
             setHandlerBehavior(row.original.id, value);
-        }, "data-theme": "light", "data-radix-color-scheme": "light" },
-        React__default.createElement(SelectTrigger, { className: "msw-dt-select-trigger", "aria-label": "Behavior", onClick: (e) => e.stopPropagation() },
-            React__default.createElement(SelectValue, { placeholder: (_a = getHandlerBehavior(id)) !== null && _a !== void 0 ? _a : HttpHandlerBehavior.DEFAULT, className: "msw-dt-text-ellipsis" }),
-            React__default.createElement(SelectIcon, { className: "msw-dt-select-icon" },
-                React__default.createElement(ChevronDownIcon, null))),
-        React__default.createElement(SelectPortal, null,
-            React__default.createElement(SelectContent, { className: "msw-dt-select-content", style: { zIndex: 10000 }, "data-theme": "light", "data-radix-color-scheme": "light" },
-                React__default.createElement(SelectScrollUpButton, { className: "msw-dt-select-scroll-button" },
-                    React__default.createElement(ChevronUpIcon, null)),
-                React__default.createElement(SelectViewport, { className: "msw-dt-select-viewport" }, Object.values(HttpHandlerBehavior).map((behavior) => {
-                    return (React__default.createElement(SelectItem, { key: behavior, value: behavior }, behavior));
-                })),
-                React__default.createElement(SelectScrollDownButton, { className: "msw-dt-select-scroll-button" },
-                    React__default.createElement(ChevronDownIcon, null))))));
+        }, "data-theme": "light", "data-radix-color-scheme": "light" }));
 };
-const SelectItem = React__default.forwardRef(({ children, className, value, ...props }, forwardedRef) => {
-    return (React__default.createElement(SelectItem$1, { className: "msw-dt-select-item", value: value, ...props, ref: forwardedRef },
-        React__default.createElement(SelectItemText, null, children),
-        React__default.createElement(SelectItemIndicator, { className: "msw-dt-select-item-indicator" },
-            React__default.createElement(CheckIcon, null))));
-});
-SelectItem.displayName = "SelectItem";
 
 export { BehaviorSelect };
 //# sourceMappingURL=BehaviorSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BehaviorSelect.js","sources":["../../../../../src/ui/DevToolContent/HandlerTable/BehaviorSelect.tsx"],"sourcesContent":[null],"names":["React","_SelectItem"],"mappings":"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"}
+{"version":3,"file":"BehaviorSelect.js","sources":["../../../../../src/ui/DevToolContent/HandlerTable/BehaviorSelect.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;AAOA,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAmB,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,GAAG,eAAe,EAAE,CAAC;IAErE,QACEA,cAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,CAAA,EAAA,GAAA,kBAAkB,CAAC,EAAE,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,mBAAmB,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/esm/ui/DevToolContent/HandlerTable/index.js

@@ -1,10 +1,10 @@
 import React__default from 'react';
-import { flexRender } from '../../../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';
+import { flexRender } from '../../../node_modules/@tanstack/react-table/build/lib/index.js';
 import { useFlattenHandlersTable } from '../hook/useFlattenHandlersTable.js';
 import useUiControlStore from '../../../store/uiControlStore.js';
-import { Flex as p } from '../../../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';
-import { Heading as r } from '../../../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';
-import { Root as m, Header as d, Row as P, ColumnHeaderCell as f, Body as b, Cell as T } from '../../../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';
+import { Flex as p } from '../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js';
+import { Heading as r } from '../../../node_modules/@radix-ui/themes/dist/esm/components/heading.js';
+import { Root as m, Header as d, Row as P, ColumnHeaderCell as f, Body as b, Cell as T } from '../../../node_modules/@radix-ui/themes/dist/esm/components/table.js';
 
 const HandlerTable = () => {
     const table = useFlattenHandlersTable();

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

@@ -0,0 +1,56 @@
+import { PlusIcon } from '../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import React__default, { useState } from 'react';
+import { handlerSchema } from './schema.js';
+import { HttpMethod } from '../../../lib/type.js';
+import { InputFormField } from '../Form/InputFormField.js';
+import { TextAreaFormField } from '../Form/TextAreaFormField.js';
+import { SelectFormField } from '../Form/SelectFormField.js';
+import { useHandlerStore } from '../../../lib/handlerStore.js';
+import { Flex as p } from '../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js';
+import { Button as o } from '../../../node_modules/@radix-ui/themes/dist/esm/components/button.js';
+
+const options = Object.values(HttpMethod).map((method) => ({
+    label: method,
+    value: method,
+}));
+const HandlerForm = ({ onClose }) => {
+    const { addTempHandler } = useHandlerStore();
+    const [errors, setErrors] = 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 = 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__default.createElement("form", { onSubmit: validateForm, style: { overflowY: "scroll", flexGrow: 1, paddingRight: "1.5rem" } },
+        React__default.createElement(p, { gap: "5", direction: "column" },
+            React__default.createElement(SelectFormField, { label: "Method", name: "method", error: errors.method, options: options, required: true, defaultValue: HttpMethod.GET }),
+            React__default.createElement(InputFormField, { label: "Path", name: "path", error: errors.path, placeholder: "api end point", required: true }),
+            React__default.createElement(TextAreaFormField, { label: "Response", name: "response", error: errors.response, placeholder: "JSON response", style: {
+                    minHeight: "225px",
+                }, required: true }),
+            React__default.createElement(o, { type: "submit" },
+                React__default.createElement(PlusIcon, null),
+                "Add"))));
+};
+
+export { HandlerForm };
+//# sourceMappingURL=HandlerForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HandlerForm.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/HandlerForm.tsx"],"sourcesContent":[null],"names":["React","Flex","Button"],"mappings":"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"}

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

@@ -0,0 +1,62 @@
+import React__default, { useState } from 'react';
+import { useHandlerStore } from '../../../lib/handlerStore.js';
+import { ReloadIcon, PlusIcon } from '../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogClose, DialogDescription } from '../../../node_modules/@radix-ui/react-dialog/dist/index.js';
+import { ThemeProvider } from '../../ThemeProvider.js';
+import { HandlerForm } from './HandlerForm.js';
+import { Flex as p } from '../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js';
+import { Button as o } from '../../../node_modules/@radix-ui/themes/dist/esm/components/button.js';
+import { Root as s } from '../../../node_modules/@radix-ui/themes/dist/esm/components/dialog.js';
+
+const ToolButtonGroup = () => {
+    const { resetMSWDevTool } = useHandlerStore();
+    const [isDialogOpen, setIsDialogOpen] = useState(false);
+    return (React__default.createElement(p, { gap: "6", py: "4" },
+        React__default.createElement(o, { onClick: () => resetMSWDevTool(), color: "crimson" },
+            React__default.createElement(ReloadIcon, null),
+            "Reset Dev tool"),
+        React__default.createElement(s, { open: isDialogOpen, onOpenChange: setIsDialogOpen },
+            React__default.createElement(DialogTrigger, { asChild: true },
+                React__default.createElement(o, null,
+                    React__default.createElement(PlusIcon, null),
+                    "Add Temp Handler")),
+            React__default.createElement(DialogPortal, null,
+                React__default.createElement(ThemeProvider, null,
+                    React__default.createElement(DialogOverlay, { className: "dialog-overlay" }),
+                    React__default.createElement(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__default.createElement(p, { align: "center", justify: "between" },
+                            React__default.createElement(DialogTitle, null, "Add Temp Handler"),
+                            React__default.createElement(DialogClose, { style: {
+                                    fontSize: "1.5rem",
+                                    backgroundColor: "transparent",
+                                    width: "2rem",
+                                    height: "2rem",
+                                    padding: 0,
+                                    textAlign: "center",
+                                } }, "X")),
+                        React__default.createElement(DialogDescription, null,
+                            "Temp handler is stored in the session storage. If you",
+                            " ",
+                            React__default.createElement("span", { style: { fontWeight: "600" } }, "reset dev tool"),
+                            ", it will be ",
+                            React__default.createElement("span", { style: { color: "red" } }, "deleted"),
+                            "."),
+                        React__default.createElement(HandlerForm, { onClose: () => setIsDialogOpen(false) })))))));
+};
+
+export { ToolButtonGroup };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/index.tsx"],"sourcesContent":[null],"names":["React","Flex","Button","Dialog.Root"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/schema.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAMO,MAAM,aAAa,GAAG,CAAC;AAC3B,KAAA,MAAM,CAAC;IACN,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE;AAClC,QAAA,OAAO,EAAE,oBAAoB;KAC9B,CAAC;AACF,IAAA,QAAQ,EAAE,CAAC;AACR,SAAA,MAAM,EAAE;SACR,MAAM,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAC1D,IAAA,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC;CACjC,CAAC;AACD,KAAA,MAAM,CACL,CAAC,IAAI,KAAI;IACP,MAAM,EAAE,GAAG,QAAQ,CAAC;QAClB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,MAAM,EAAE,IAAI,CAAC,MAAM;AACpB,KAAA,CAAC,CAAC;AACH,IAAA,OAAO,CAAC,kBAAkB,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/esm/ui/DevToolContent/ToolButtonGroup/util.js

@@ -0,0 +1,21 @@
+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;
+    }
+};
+
+export { isValidJson, isValidUrl };
+//# sourceMappingURL=util.js.map

package/dist/esm/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/esm/ui/DevToolContent/hook/useFlattenHandlersTable.js

@@ -1,8 +1,8 @@
-import { useReactTable } from '../../../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';
+import { useReactTable } from '../../../node_modules/@tanstack/react-table/build/lib/index.js';
 import { useHandlerStore } from '../../../lib/handlerStore.js';
 import React__default, { useMemo } from 'react';
 import { BehaviorSelect } from '../HandlerTable/BehaviorSelect.js';
-import { createColumnHelper, getCoreRowModel } from '../../../node_modules/.pnpm/@tanstack_table-core@8.20.5/node_modules/@tanstack/table-core/build/lib/index.js';
+import { createColumnHelper, getCoreRowModel } from '../../../node_modules/@tanstack/table-core/build/lib/index.js';
 
 const useFlattenHandlersTable = () => {
     const { flattenHandlers, } = useHandlerStore();

package/dist/esm/ui/MSWDevTool.js

@@ -1,12 +1,12 @@
 import React__default from 'react';
-import { Drawer } from '../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';
+import { Drawer } from '../node_modules/vaul/dist/index.js';
 import { HandlerTable } from './DevToolContent/HandlerTable/index.js';
-import { DialogDescription } from '../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';
+import { DialogDescription } from '../node_modules/@radix-ui/react-dialog/dist/index.js';
 import { HandlerDebugger } from './DevToolContent/HandlerDebugger/index.js';
 import { ThemeProvider } from './ThemeProvider.js';
-import { ToolButtonGroup } from './DevToolContent/ToolButtonGroup.js';
+import { ToolButtonGroup } from './DevToolContent/ToolButtonGroup/index.js';
 import { DefaultDevToolTrigger } from './Trigger.js';
-import { Flex as p } from '../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';
+import { Flex as p } from '../node_modules/@radix-ui/themes/dist/esm/components/flex.js';
 
 const MSWDevTool = ({ trigger }) => {
     return (React__default.createElement(ThemeProvider, null,
@@ -15,14 +15,7 @@ const MSWDevTool = ({ trigger }) => {
                 React__default.createElement(DefaultDevToolTrigger, null))),
             React__default.createElement(Drawer.Portal, null,
                 React__default.createElement(ThemeProvider, null,
-                    React__default.createElement(Drawer.Overlay, { style: {
-                            position: "fixed",
-                            top: 0,
-                            right: 0,
-                            bottom: 0,
-                            left: 0,
-                            backgroundColor: "rgba(0, 0, 0, 0.4)",
-                        } }),
+                    React__default.createElement(Drawer.Overlay, { className: "dialog-overlay" }),
                     React__default.createElement(Drawer.Content, { style: {
                             position: "fixed",
                             bottom: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"MSWDevTool.js","sources":["../../../src/ui/MSWDevTool.tsx"],"sourcesContent":[null],"names":["React","Flex"],"mappings":";;;;;;;;;;MAca,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,KAAI;IACzD,QACEA,6BAAC,aAAa,EAAA,IAAA;QACZA,cAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EAAA,IAAA;YACT,OAAO,IACNA,6BAAC,MAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,EAAE,OAAO,CAAkB,KAElDA,6BAAC,MAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA;gBACrBA,cAAC,CAAA,aAAA,CAAA,qBAAqB,EAAG,IAAA,CAAA,CACV,CAClB;YACDA,cAAC,CAAA,aAAA,CAAA,MAAM,CAAC,MAAM,EAAA,IAAA;AACZ,gBAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;AACZ,oBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,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,oBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,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;wBAEDA,cAAC,CAAA,aAAA,CAAAC,CAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAA;AACpC,4BAAAD,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,IACX,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAG/C,EAAA,cAAA,CAAA;AACf,4BAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,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,wBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,EAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAGR,EAAA,kEAAA,CAAA;AACpB,wBAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAG,IAAA,CAAA;AACnB,wBAAAA,cAAA,CAAA,aAAA,CAACC,CAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAA;AAClD,4BAAAD,cAAA,CAAA,aAAA,CAAC,YAAY,EAAG,IAAA,CAAA;4BAChBA,cAAC,CAAA,aAAA,CAAA,eAAe,OAAG,CACd,CACQ,CACH,CACF,CACJ,CACA,EAChB;AACJ;;;;"}
+{"version":3,"file":"MSWDevTool.js","sources":["../../../src/ui/MSWDevTool.tsx"],"sourcesContent":[null],"names":["React","Flex"],"mappings":";;;;;;;;;;MAca,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,KAAI;IACzD,QACEA,6BAAC,aAAa,EAAA,IAAA;QACZA,cAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EAAA,IAAA;YACT,OAAO,IACNA,6BAAC,MAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,EAAE,OAAO,CAAkB,KAElDA,6BAAC,MAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA;gBACrBA,cAAC,CAAA,aAAA,CAAA,qBAAqB,EAAG,IAAA,CAAA,CACV,CAClB;YACDA,cAAC,CAAA,aAAA,CAAA,MAAM,CAAC,MAAM,EAAA,IAAA;AACZ,gBAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;AACZ,oBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,gBAAgB,EAAG,CAAA;AAC7C,oBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,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;wBAEDA,cAAC,CAAA,aAAA,CAAAC,CAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAA;AACpC,4BAAAD,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,IACX,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAG/C,EAAA,cAAA,CAAA;AACf,4BAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,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,wBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,EAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAGR,EAAA,kEAAA,CAAA;AACpB,wBAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAG,IAAA,CAAA;AACnB,wBAAAA,cAAA,CAAA,aAAA,CAACC,CAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAA;AAClD,4BAAAD,cAAA,CAAA,aAAA,CAAC,YAAY,EAAG,IAAA,CAAA;4BAChBA,cAAC,CAAA,aAAA,CAAA,eAAe,OAAG,CACd,CACQ,CACH,CACF,CACJ,CACA,EAChB;AACJ;;;;"}

package/dist/esm/ui/ThemeProvider.js

@@ -1,5 +1,5 @@
 import React__default, { forwardRef } from 'react';
-import { Theme as R } from '../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';
+import { Theme as R } from '../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/esm/ui/Trigger.js

@@ -1,5 +1,5 @@
 import React__default, { forwardRef } from 'react';
-import { Button as o } from '../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';
+import { Button as o } from '../node_modules/@radix-ui/themes/dist/esm/components/button.js';
 
 const DefaultDevToolTrigger = forwardRef((props, ref) => {
     return (React__default.createElement(o, { ref: ref, style: {

package/dist/types/index.d.ts

@@ -44,11 +44,24 @@ type HttpHandler = HttpHandler$1 & {
 type FlattenHandler = {
     id: string;
     path: string;
-    method: string;
+    method: HttpMethod;
     handler: HttpHandler;
     behavior: HttpHandlerBehavior;
+    type: "temp" | "default";
 };
 type Handler = RequestHandler | WebSocketHandler;
+declare const HttpMethod: {
+    readonly GET: "GET";
+    readonly POST: "POST";
+    readonly PUT: "PUT";
+    readonly DELETE: "DELETE";
+    readonly PATCH: "PATCH";
+    readonly OPTIONS: "OPTIONS";
+    readonly HEAD: "HEAD";
+    readonly TRACE: "TRACE";
+    readonly CONNECT: "CONNECT";
+};
+type HttpMethod = ValueUnion<typeof HttpMethod>;
 
 declare const setupDevToolWorker: (...handlers: Handler[]) => Promise<SetupWorker>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "msw-dev-tool",
-  "version": "2.3.3",
+  "version": "3.1.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -71,6 +71,10 @@
     "@types/lodash": "^4.17.15",
     "immer": "^10.1.1",
     "lodash": "^4.17.21",
-    "vaul": "^1.1.2"
+    "vaul": "^1.1.2",
+    "zod": "^3.24.2"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }