@ragrails/api-playground-react 0.1.0

package/dist/index.js

@@ -0,0 +1,2827 @@
+import e, { useEffect as t, useId as n, useLayoutEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region \0rolldown/runtime.js
+var u = Object.create, d = Object.defineProperty, f = Object.getOwnPropertyDescriptor, p = Object.getOwnPropertyNames, m = Object.getPrototypeOf, h = Object.prototype.hasOwnProperty, g = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), _ = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = p(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !h.call(e, s) && s !== n && d(e, s, {
+		get: ((e) => t[e]).bind(null, s),
+		enumerable: !(r = f(t, s)) || r.enumerable
+	});
+	return e;
+}, v = (e, t, n) => (n = e == null ? {} : u(m(e)), _(t || !e || !e.__esModule ? d(n, "default", {
+	value: e,
+	enumerable: !0
+}) : n, e));
+//#endregion
+//#region src/lib/cn.ts
+function y(...e) {
+	return e.filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/ui/Icon.tsx
+var b = {
+	copy: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("path", {
+		fill: "currentColor",
+		d: "M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593s1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.6 3.6 0 0 0 15.24 2"
+	}), /* @__PURE__ */ c("path", {
+		fill: "currentColor",
+		d: "M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847S21 8.671 21 11.397v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936z"
+	})] }),
+	check: /* @__PURE__ */ c("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		d: "m4 12.9l3.143 3.6L15 7.5m5 .063l-8.572 9L11 16"
+	}),
+	download: /* @__PURE__ */ c("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		d: "M3 15c0 2.828 0 4.243.879 5.121C4.757 21 6.172 21 9 21h6c2.828 0 4.243 0 5.121-.879C21 19.243 21 17.828 21 15M12 3v13m0 0l4-4.375M12 16l-4-4.375"
+	}),
+	send: /* @__PURE__ */ l("g", {
+		fill: "none",
+		children: [/* @__PURE__ */ c("path", {
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			d: "m18.636 15.67l1.716-5.15c1.5-4.498 2.25-6.747 1.062-7.934s-3.436-.438-7.935 1.062L8.33 5.364C4.7 6.574 2.885 7.18 2.37 8.067a2.72 2.72 0 0 0 0 2.73c.515.888 2.33 1.493 5.96 2.704c.584.194.875.291 1.119.454c.236.158.439.361.597.597c.163.244.26.535.454 1.118c1.21 3.63 1.816 5.446 2.703 5.962a2.72 2.72 0 0 0 2.731 0c.887-.516 1.492-2.331 2.703-5.962Z"
+		}), /* @__PURE__ */ c("path", {
+			fill: "currentColor",
+			d: "M16.212 8.848a.75.75 0 0 0-1.055-1.066zm-5.55 5.488l5.55-5.488l-1.055-1.066l-5.55 5.488z"
+		})]
+	}),
+	share: /* @__PURE__ */ l("g", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeWidth: "1.5",
+		children: [/* @__PURE__ */ c("path", {
+			strokeLinejoin: "round",
+			d: "M22 7h-8c-1.818 0-2.913.892-3.32 1.3q-.187.19-.19.19q0 .003-.19.19C9.892 9.087 9 10.182 9 12v3m13-8l-5-5m5 5l-5 5"
+		}), /* @__PURE__ */ c("path", { d: "M3.465 20.535C4.93 22 7.287 22 12.003 22c4.715 0 7.073 0 8.537-1.465c1.242-1.241 1.431-3.123 1.46-6.537M3.465 20.535C2 19.07 2 16.713 2 11.997m1.465 8.538C4.929 22 7.286 22 12 22s7.071 0 8.535-1.465c1.241-1.24 1.43-3.122 1.46-6.536m-18.53 6.536C2 19.071 2 16.714 2 12m1.465-8.54C4.706 2.218 6.588 2.029 10.002 2M2.055 8c.11-2.193.436-3.562 1.41-4.536c1.24-1.24 3.122-1.43 6.535-1.459" })]
+	}),
+	code: /* @__PURE__ */ c("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeWidth: "1.5",
+		d: "m17 7.83l1.697 1.526c1.542 1.389 2.313 2.083 2.313 2.974c0 .89-.771 1.585-2.314 2.973L17 16.83M13.987 5L12 12.415l-1.987 7.415M7 7.83L5.304 9.356C3.76 10.745 2.99 11.44 2.99 12.33s.771 1.585 2.314 2.973L7 16.83"
+	}),
+	"arrow-left": /* @__PURE__ */ c("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		d: "M20 12H4m0 0l6-6m-6 6l6 6"
+	}),
+	"arrow-right": /* @__PURE__ */ c("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		d: "M4 12h16m0 0l-6-6m6 6l-6 6"
+	}),
+	"chevron-down": /* @__PURE__ */ c("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		d: "m19 9l-7 6l-7-6"
+	}),
+	trash: /* @__PURE__ */ l("g", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		children: [/* @__PURE__ */ c("path", {
+			strokeLinecap: "round",
+			d: "M20.5 6h-17m15.333 2.5l-.46 6.9c-.177 2.654-.265 3.981-1.13 4.79s-2.196.81-4.856.81h-.774c-2.66 0-3.991 0-4.856-.81c-.865-.809-.954-2.136-1.13-4.79l-.46-6.9M9.5 11l.5 5m4.5-5l-.5 5"
+		}), /* @__PURE__ */ c("path", { d: "M6.5 6h.11a2 2 0 0 0 1.83-1.32l.034-.103l.097-.291c.083-.249.125-.373.18-.479a1.5 1.5 0 0 1 1.094-.788C9.962 3 10.093 3 10.355 3h3.29c.262 0 .393 0 .51.019a1.5 1.5 0 0 1 1.094.788c.055.106.097.23.18.479l.097.291A2 2 0 0 0 17.5 6" })]
+	}),
+	plus: /* @__PURE__ */ l("g", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		children: [/* @__PURE__ */ c("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}), /* @__PURE__ */ c("path", {
+			strokeLinecap: "round",
+			d: "M15 12h-3m0 0H9m3 0V9m0 3v3"
+		})]
+	}),
+	moon: /* @__PURE__ */ c("path", {
+		fill: "currentColor",
+		d: "M12 22c5.523 0 10-4.477 10-10c0-.463-.694-.54-.933-.143a6.5 6.5 0 1 1-8.924-8.924C12.54 2.693 12.463 2 12 2C6.477 2 2 6.477 2 12s4.477 10 10 10"
+	}),
+	sun: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("path", {
+		fill: "currentColor",
+		d: "M17 12a5 5 0 1 1-10 0a5 5 0 0 1 10 0"
+	}), /* @__PURE__ */ c("path", {
+		fill: "currentColor",
+		fillRule: "evenodd",
+		d: "M12 1.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V2a.75.75 0 0 1 .75-.75M3.669 3.716a.75.75 0 0 1 1.06-.047L6.95 5.7a.75.75 0 1 1-1.012 1.107L3.716 4.776a.75.75 0 0 1-.047-1.06m16.662 0a.75.75 0 0 1-.047 1.06l-2.222 2.031A.75.75 0 0 1 17.05 5.7l2.222-2.031a.75.75 0 0 1 1.06.047M1.25 12a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1-.75-.75m18 0a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75m-2.224 5.025a.75.75 0 0 1 1.06 0l2.222 2.223a.75.75 0 0 1-1.06 1.06l-2.222-2.222a.75.75 0 0 1 0-1.06m-10.051 0a.75.75 0 0 1 0 1.061l-2.223 2.222a.75.75 0 0 1-1.06-1.06l2.222-2.223a.75.75 0 0 1 1.06 0M12 19.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75",
+		clipRule: "evenodd"
+	})] }),
+	palette: /* @__PURE__ */ l(s, { children: [
+		/* @__PURE__ */ c("mask", {
+			id: "solar-palette-a",
+			fill: "#fff",
+			children: /* @__PURE__ */ c("path", { d: "M11.085 7a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" })
+		}),
+		/* @__PURE__ */ c("mask", {
+			id: "solar-palette-b",
+			fill: "#fff",
+			children: /* @__PURE__ */ c("path", { d: "M16 7a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" })
+		}),
+		/* @__PURE__ */ l("g", {
+			fill: "none",
+			stroke: "currentColor",
+			children: [
+				/* @__PURE__ */ c("path", {
+					strokeWidth: "1.5",
+					d: "M2 12.026c0 5.146 3.867 9.387 8.847 9.96c.735.085 1.447-.228 1.97-.753a1.68 1.68 0 0 0 0-2.372c-.523-.525-.95-1.307-.555-1.934c1.576-2.508 9.738 3.251 9.738-4.9C22 6.488 17.523 2 12 2S2 6.489 2 12.026Z"
+				}),
+				/* @__PURE__ */ c("circle", {
+					cx: "17.5",
+					cy: "11.5",
+					r: ".75",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ c("circle", {
+					cx: "6.5",
+					cy: "11.5",
+					r: ".75",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ c("path", {
+					strokeWidth: "3",
+					d: "M11.085 7a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z",
+					mask: "url(#solar-palette-a)"
+				}),
+				/* @__PURE__ */ c("path", {
+					strokeWidth: "3",
+					d: "M16 7a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z",
+					mask: "url(#solar-palette-b)"
+				})
+			]
+		})
+	] }),
+	magic: /* @__PURE__ */ c("path", {
+		fill: "currentColor",
+		d: "M3.845 3.845a2.883 2.883 0 0 0 0 4.077L5.432 9.51l.038-.04l4-4l.04-.038l-1.588-1.587a2.883 2.883 0 0 0-4.077 0m6.723 2.645l-.038.04l-4 4l-.04.038l9.588 9.588a2.884 2.884 0 0 0 4.078-4.078zM16.1 2.307a.483.483 0 0 1 .9 0l.43 1.095a.48.48 0 0 0 .272.274l1.091.432a.486.486 0 0 1 0 .903l-1.09.432a.5.5 0 0 0-.273.273L17 6.81a.483.483 0 0 1-.9 0l-.43-1.095a.5.5 0 0 0-.273-.273l-1.09-.432a.486.486 0 0 1 0-.903l1.09-.432a.5.5 0 0 0 .273-.274zm3.867 6.823a.483.483 0 0 1 .9 0l.156.399c.05.125.148.224.273.273l.398.158a.486.486 0 0 1 0 .902l-.398.158a.5.5 0 0 0-.273.273l-.156.4a.483.483 0 0 1-.9 0l-.157-.4a.5.5 0 0 0-.272-.273l-.398-.158a.486.486 0 0 1 0-.902l.398-.158a.5.5 0 0 0 .272-.273zM5.133 15.307a.483.483 0 0 1 .9 0l.157.4a.48.48 0 0 0 .272.273l.398.157a.486.486 0 0 1 0 .903l-.398.158a.48.48 0 0 0-.272.273l-.157.4a.483.483 0 0 1-.9 0l-.157-.4a.48.48 0 0 0-.272-.273l-.398-.158a.486.486 0 0 1 0-.903l.398-.157a.48.48 0 0 0 .272-.274z"
+	}),
+	restart: /* @__PURE__ */ c("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		d: "m18.364 8.05l-.707-.707a8 8 0 1 0 2.28 4.658m-1.573-3.95h-4.243m4.243 0V3.807"
+	}),
+	close: /* @__PURE__ */ l("g", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		children: [/* @__PURE__ */ c("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}), /* @__PURE__ */ c("path", {
+			strokeLinecap: "round",
+			d: "m14.5 9.5l-5 5m0-5l5 5"
+		})]
+	}),
+	eye: /* @__PURE__ */ l("g", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		children: [/* @__PURE__ */ c("path", { d: "M3.275 15.296C2.425 14.192 2 13.639 2 12c0-1.64.425-2.191 1.275-3.296C4.972 6.5 7.818 4 12 4s7.028 2.5 8.725 4.704C21.575 9.81 22 10.361 22 12c0 1.64-.425 2.191-1.275 3.296C19.028 17.5 16.182 20 12 20s-7.028-2.5-8.725-4.704Z" }), /* @__PURE__ */ c("path", { d: "M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0Z" })]
+	}),
+	"eye-closed": /* @__PURE__ */ c("path", {
+		fill: "currentColor",
+		d: "M2.69 6.705a.75.75 0 0 0-1.38.59zm12.897 6.624l-.274-.698zm-6.546.409a.75.75 0 1 0-1.257-.818zm-2.67 1.353a.75.75 0 1 0 1.258.818zM22.69 7.295a.75.75 0 0 0-1.378-.59zM19 11.13l-.513-.547zm.97 2.03a.75.75 0 1 0 1.06-1.06zm-8.72 3.34a.75.75 0 0 0 1.5 0zm5.121-.591a.75.75 0 1 0 1.258-.818zm-10.84-4.25A.75.75 0 0 0 4.47 10.6zm-2.561.44a.75.75 0 0 0 1.06 1.06zM12 13.25c-3.224 0-5.539-1.605-7.075-3.26a13.6 13.6 0 0 1-1.702-2.28a12 12 0 0 1-.507-.946l-.022-.049l-.004-.01l-.001-.001L2 7l-.69.296h.001l.001.003l.003.006l.04.088q.039.088.117.243c.103.206.256.496.462.841c.41.69 1.035 1.61 1.891 2.533C5.54 12.855 8.224 14.75 12 14.75zm3.313-.62c-.97.383-2.071.62-3.313.62v1.5c1.438 0 2.725-.276 3.862-.723zm-7.529.29l-1.413 2.17l1.258.818l1.412-2.171zM22 7l-.69-.296h.001v.002l-.007.013l-.028.062a12 12 0 0 1-.64 1.162a13.3 13.3 0 0 1-2.15 2.639l1.027 1.094a14.8 14.8 0 0 0 3.122-4.26l.039-.085l.01-.024l.004-.007v-.003h.001v-.001zm-3.513 3.582c-.86.806-1.913 1.552-3.174 2.049l.549 1.396c1.473-.58 2.685-1.444 3.651-2.351zm-.017 1.077l1.5 1.5l1.06-1.06l-1.5-1.5zM11.25 14v2.5h1.5V14zm3.709-.262l1.412 2.171l1.258-.818l-1.413-2.171zm-10.49-3.14l-1.5 1.5L4.03 13.16l1.5-1.5z"
+	})
+}, x = ({ name: e, size: t, className: n, ...r }) => /* @__PURE__ */ c("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	width: t ?? "1em",
+	height: t ?? "1em",
+	className: y("inline-block shrink-0", n),
+	"aria-hidden": r["aria-label"] ? void 0 : !0,
+	...r,
+	children: b[e]
+}), S = {
+	primary: "bg-primary text-primary-contrast hover:bg-primary-hover",
+	secondary: "bg-surface-2 text-content border border-border hover:bg-border",
+	ghost: "bg-transparent text-muted hover:text-content",
+	danger: "bg-[#EF5350] text-white hover:bg-[#e53935]"
+}, C = {
+	sm: "text-[12px] px-3 py-1.5",
+	md: "text-[14px] px-4 py-2",
+	lg: "text-[16px] px-5 py-2.5"
+}, w = {
+	sm: "gap-1.5",
+	md: "gap-2",
+	lg: "gap-2"
+}, T = ({ variant: e = "primary", size: t = "md", isLoading: n = !1, leftIcon: r, rightIcon: i, className: a, children: o, disabled: s, ...u }) => /* @__PURE__ */ l("button", {
+	className: y("group relative isolate overflow-hidden rounded-lg font-heading font-medium", "inline-flex items-center justify-center", "transition duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/60", "active:scale-105 motion-reduce:active:scale-100", "disabled:opacity-50 disabled:cursor-not-allowed", S[e], C[t], a),
+	disabled: s || n,
+	...u,
+	children: [e !== "ghost" && /* @__PURE__ */ c("span", {
+		"aria-hidden": "true",
+		className: y("pointer-events-none absolute inset-0 -z-10 -translate-x-full -skew-x-12", "bg-gradient-to-r from-transparent via-white/25 to-transparent", "transition-transform duration-0 ease-out", "group-hover:translate-x-full group-hover:duration-[1200ms] group-disabled:hidden")
+	}), /* @__PURE__ */ l("span", {
+		className: y("inline-flex items-center", w[t]),
+		children: [
+			n ? /* @__PURE__ */ c("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : r,
+			/* @__PURE__ */ c("span", {
+				className: y(e === "ghost" && "bg-gradient-to-r from-muted via-content to-muted bg-[length:200%_100%] bg-clip-text group-hover:text-transparent group-hover:[animation:text-shimmer_1.2s_linear_1_forwards]"),
+				children: o
+			}),
+			!n && i
+		]
+	})]
+}), E = {
+	ghost: "text-muted hover:bg-surface-2 hover:text-content",
+	surface: "bg-surface-2 text-muted border border-border hover:text-content",
+	solid: "bg-primary text-primary-contrast hover:bg-primary-hover"
+}, D = {
+	sm: "h-7 w-7",
+	md: "h-9 w-9"
+}, O = ({ variant: e = "ghost", size: t = "md", className: n, children: r, ...i }) => /* @__PURE__ */ c("button", {
+	className: y("inline-flex items-center justify-center rounded-lg transition-colors duration-150", "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/60", "disabled:opacity-50 disabled:cursor-not-allowed", E[e], D[t], n),
+	...i,
+	children: r
+});
+//#endregion
+//#region src/lib/clipboard.ts
+async function k(e) {
+	try {
+		if (navigator.clipboard && window.isSecureContext) try {
+			return await navigator.clipboard.writeText(e), !0;
+		} catch (e) {
+			console.warn("Clipboard API failed, trying fallback:", e);
+		}
+		let t = document.createElement("textarea");
+		t.value = e, t.style.position = "fixed", t.style.left = "-999999px", t.style.top = "-999999px", t.style.opacity = "0", t.setAttribute("readonly", ""), document.body.appendChild(t), t.focus(), t.select(), t.setSelectionRange(0, t.value.length);
+		try {
+			let e = document.execCommand("copy");
+			return document.body.removeChild(t), e;
+		} catch (e) {
+			return console.error("execCommand copy failed:", e), document.body.removeChild(t), !1;
+		}
+	} catch (e) {
+		return console.error("Failed to copy text:", e), !1;
+	}
+}
+function A(t = 2e3) {
+	let [n, r] = e.useState(!1), i = e.useRef(null);
+	return e.useEffect(() => () => {
+		i.current && clearTimeout(i.current);
+	}, []), {
+		copy: async (e) => {
+			let n = await k(e);
+			return n && (r(!0), i.current && clearTimeout(i.current), i.current = window.setTimeout(() => {
+				r(!1);
+			}, t)), n;
+		},
+		copied: n
+	};
+}
+//#endregion
+//#region src/components/ui/CopyButton.tsx
+var j = ({ value: e, variant: t = "surface", size: n = "md", className: r, label: i = "Copy to clipboard" }) => {
+	let { copy: a, copied: o } = A(), s = n === "sm" ? 14 : 16;
+	return /* @__PURE__ */ c(O, {
+		"aria-label": o ? "Copied" : i,
+		variant: t,
+		size: n,
+		className: r,
+		onClick: () => a(e),
+		children: o ? /* @__PURE__ */ c(x, {
+			name: "check",
+			size: s,
+			className: "text-green-500"
+		}) : /* @__PURE__ */ c(x, {
+			name: "copy",
+			size: s
+		})
+	});
+}, M = {
+	neutral: "bg-surface-2 text-muted border border-border",
+	primary: "bg-primary-soft text-primary border border-primary/30",
+	success: "bg-[#52b788]/15 text-[#52b788] border border-[#52b788]/25",
+	error: "bg-[#4A0F0F] text-[#FC7070] border border-[#FC7070]/20",
+	warning: "bg-amber-500/15 text-amber-500 border border-amber-500/30",
+	info: "bg-sky-500/15 text-sky-400 border border-sky-500/30"
+}, N = ({ tone: e = "neutral", className: t, children: n }) => /* @__PURE__ */ c("span", {
+	className: y("inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-xs font-heading font-[550]", M[e], t),
+	children: n
+}), P = {
+	GET: "success",
+	POST: "info",
+	PUT: "warning",
+	PATCH: "primary",
+	DELETE: "error"
+}, F = ({ method: e, className: t }) => /* @__PURE__ */ c(N, {
+	tone: P[e],
+	className: t,
+	children: e
+}), I = ({ status: e, statusText: t, className: n }) => /* @__PURE__ */ l(N, {
+	tone: e >= 200 && e < 300 ? "success" : e >= 300 && e < 400 ? "warning" : "error",
+	className: n,
+	children: [
+		e,
+		" ",
+		t
+	]
+}), L = {
+	sm: "h-4 w-4 rounded",
+	md: "h-5 w-5 rounded-md"
+}, R = {
+	sm: "h-3 w-3",
+	md: "h-3.5 w-3.5"
+}, ee = {
+	sm: "text-xs",
+	md: "text-sm"
+}, te = ({ checked: e, onChange: t, label: n, disabled: r, size: i = "md", className: a, "aria-label": o }) => {
+	let s = /* @__PURE__ */ c("button", {
+		type: "button",
+		role: "checkbox",
+		"aria-checked": e,
+		"aria-label": o ?? n,
+		disabled: r,
+		onClick: () => t(!e),
+		className: y("inline-flex shrink-0 items-center justify-center border transition-colors duration-150", "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/60", "disabled:cursor-not-allowed disabled:opacity-50", L[i], e ? "border-primary bg-primary text-primary-contrast" : "border-border bg-surface-2 text-transparent hover:border-primary/70"),
+		children: /* @__PURE__ */ c(x, {
+			name: "check",
+			className: R[i]
+		})
+	});
+	return n ? /* @__PURE__ */ l("label", {
+		className: y("inline-flex cursor-pointer select-none items-center gap-2", a),
+		children: [s, /* @__PURE__ */ c("span", {
+			className: y("text-content", ee[i]),
+			children: n
+		})]
+	}) : /* @__PURE__ */ c("span", {
+		className: a,
+		children: s
+	});
+}, z = ({ label: e, flush: t, className: n, children: r }) => /* @__PURE__ */ l("div", {
+	className: "w-full",
+	children: [e && /* @__PURE__ */ c("div", {
+		className: "mb-2 text-sm text-muted",
+		children: e
+	}), /* @__PURE__ */ c("div", {
+		className: y("rounded-xl border border-border bg-surface", !t && "p-3", n),
+		children: r
+	})]
+}), B = ({ items: e, activeId: n, onChange: i, variant: s = "underline", size: u = "md", className: d }) => {
+	let f = a({}), [p, m] = o({
+		left: 0,
+		top: 0,
+		width: 0,
+		height: 0
+	});
+	return r(() => {
+		let e = f.current[n];
+		e && m({
+			left: e.offsetLeft,
+			top: e.offsetTop,
+			width: e.offsetWidth,
+			height: e.offsetHeight
+		});
+	}, [n, e]), t(() => {
+		let e = () => {
+			let e = f.current[n];
+			e && m({
+				left: e.offsetLeft,
+				top: e.offsetTop,
+				width: e.offsetWidth,
+				height: e.offsetHeight
+			});
+		};
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [n]), s === "segmented" ? /* @__PURE__ */ l("div", {
+		className: y("relative inline-flex gap-1 rounded-lg border border-border bg-surface-2 p-1", d),
+		children: [/* @__PURE__ */ c("span", {
+			className: "pointer-events-none absolute z-0 rounded-md bg-primary transition-all duration-300 ease-out",
+			style: {
+				left: p.left,
+				top: p.top,
+				width: p.width,
+				height: p.height
+			}
+		}), e.map((e) => {
+			let t = e.id === n;
+			return /* @__PURE__ */ c("button", {
+				ref: (t) => {
+					f.current[e.id] = t;
+				},
+				onClick: () => i(e.id),
+				className: y("group/seg relative z-10 cursor-pointer rounded-md font-heading transition-colors duration-150", u === "sm" ? "px-2.5 py-1 text-[12px]" : "px-3 py-1.5 text-[14px]", t ? "text-primary-contrast" : "text-muted"),
+				children: /* @__PURE__ */ l("span", {
+					className: y("relative z-10", !t && "bg-gradient-to-r from-muted via-content to-muted bg-[length:200%_100%] bg-clip-text group-hover/seg:text-transparent group-hover/seg:[animation:text-shimmer_1.2s_linear_1_forwards]"),
+					children: [e.label, e.badge !== void 0 && /* @__PURE__ */ c("span", {
+						className: "ml-1.5 opacity-70",
+						children: e.badge
+					})]
+				})
+			}, e.id);
+		})]
+	}) : /* @__PURE__ */ l("div", {
+		className: y("relative flex gap-1 border-b border-border", d),
+		children: [e.map((e) => {
+			let t = e.id === n;
+			return /* @__PURE__ */ l("button", {
+				ref: (t) => {
+					f.current[e.id] = t;
+				},
+				onClick: () => i(e.id),
+				className: y("inline-flex cursor-pointer items-center gap-1.5 font-heading transition-colors duration-150", u === "sm" ? "px-2 py-2 text-[12px]" : "px-3 py-2.5 text-[14px]", t ? "text-content" : "text-muted hover:text-content"),
+				children: [e.label, e.badge !== void 0 && /* @__PURE__ */ c("span", {
+					className: "text-xs text-muted",
+					children: e.badge
+				})]
+			}, e.id);
+		}), /* @__PURE__ */ c("span", {
+			className: "pointer-events-none absolute -bottom-px h-0.5 rounded-full bg-primary transition-all duration-300 ease-out",
+			style: {
+				left: p.left,
+				width: p.width
+			}
+		})]
+	});
+}, ne = {
+	sm: "gap-1.5 rounded-md px-2.5",
+	md: "gap-2 rounded-lg px-3",
+	lg: "gap-2.5 rounded-lg px-4"
+}, re = {
+	sm: "py-1.5 text-[12px]",
+	md: "py-2 text-sm",
+	lg: "py-2.5 text-base"
+}, ie = {
+	sm: "mb-1 text-xs",
+	md: "mb-1.5 text-sm",
+	lg: "mb-2 text-sm"
+}, ae = {
+	sm: "mt-1 text-[11px]",
+	md: "mt-1 text-xs",
+	lg: "mt-1.5 text-xs"
+}, V = ({ label: e, error: t, hint: r, size: i = "md", leftSlot: a, rightSlot: o, className: s, containerClassName: u, id: d, ...f }) => {
+	let p = n(), m = d ?? p;
+	return /* @__PURE__ */ l("div", {
+		className: y("w-full", u),
+		children: [
+			e && /* @__PURE__ */ c("label", {
+				htmlFor: m,
+				className: y("block font-medium text-muted", ie[i]),
+				children: e
+			}),
+			/* @__PURE__ */ l("div", {
+				className: y("flex items-center border bg-surface-2", "focus-within:border-primary/70 focus-within:ring-2 focus-within:ring-primary/15", ne[i], t ? "border-red-500" : "border-border"),
+				children: [
+					a,
+					/* @__PURE__ */ c("input", {
+						id: m,
+						className: y("w-full bg-transparent text-content placeholder:text-muted", "focus:outline-none disabled:cursor-not-allowed disabled:opacity-60", re[i], s),
+						...f
+					}),
+					o
+				]
+			}),
+			t ? /* @__PURE__ */ c("p", {
+				className: y("text-red-500", ae[i]),
+				children: t
+			}) : r ? /* @__PURE__ */ c("p", {
+				className: y("text-muted", ae[i]),
+				children: r
+			}) : null
+		]
+	});
+}, oe = {
+	sm: "gap-1.5 px-2.5 py-1.5 text-[12px]",
+	md: "gap-1 px-2 py-1.5 text-[14px]"
+}, se = {
+	sm: "px-2.5 py-1.5 text-[12px]",
+	md: "px-3 py-1.5 text-[14px]"
+};
+function ce({ items: e, value: n, onChange: r, size: i = "md", disabled: s, minWidthClassName: u = "min-w-[7rem]", className: d }) {
+	let [f, p] = o(!1), [m, h] = o(!1), g = a(null), _ = e.find((e) => e.id === n) ?? e[0];
+	t(() => {
+		if (f) {
+			h(!0);
+			return;
+		}
+		let e = window.setTimeout(() => h(!1), 200);
+		return () => window.clearTimeout(e);
+	}, [f]), t(() => {
+		if (!f) return;
+		let e = (e) => {
+			g.current && !g.current.contains(e.target) && p(!1);
+		}, t = (e) => {
+			e.key === "Escape" && p(!1);
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [f]);
+	let v = (e) => {
+		s || (r(e), p(!1));
+	};
+	return /* @__PURE__ */ l("div", {
+		ref: g,
+		className: y("relative inline-flex", d),
+		children: [/* @__PURE__ */ l("button", {
+			type: "button",
+			"aria-haspopup": "listbox",
+			"aria-expanded": f,
+			disabled: s,
+			onClick: () => p((e) => !e),
+			className: y("inline-flex cursor-pointer items-center rounded-md font-heading transition-colors duration-150", "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/60", "disabled:cursor-not-allowed disabled:opacity-60", oe[i], _?.className ?? "text-content hover:bg-surface-2"),
+			children: [_?.label, /* @__PURE__ */ c(x, {
+				name: "chevron-down",
+				className: y("h-4 w-4 text-muted transition-transform duration-200", f && "rotate-180")
+			})]
+		}), m && /* @__PURE__ */ c("div", {
+			className: y("absolute left-0 top-full z-20 mt-1 grid overflow-hidden rounded-lg border border-border bg-surface shadow-lg [grid-template-rows:1fr]", u, f ? "motion-safe:animate-[dropdown-expand_0.2s_ease-out]" : "motion-safe:animate-[dropdown-expand_0.18s_ease-in_reverse_forwards]"),
+			children: /* @__PURE__ */ c("ul", {
+				role: "listbox",
+				className: "min-h-0 overflow-hidden p-1",
+				children: e.map((e) => {
+					let t = e.id === n;
+					return /* @__PURE__ */ c("li", {
+						role: "option",
+						"aria-selected": t,
+						children: /* @__PURE__ */ l("button", {
+							type: "button",
+							onClick: () => v(e.id),
+							className: y("flex w-full cursor-pointer items-center justify-between rounded-md font-heading transition-colors duration-150 hover:bg-surface-2", se[i], e.className ?? "text-muted hover:text-content", t && "bg-surface-2"),
+							children: [e.label, t && /* @__PURE__ */ c(x, {
+								name: "check",
+								className: "h-4 w-4"
+							})]
+						})
+					}, e.id);
+				})
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/ui/MethodSelect.tsx
+var le = [
+	"GET",
+	"POST",
+	"PUT",
+	"PATCH",
+	"DELETE"
+], ue = {
+	GET: "text-[#52b788]",
+	POST: "text-sky-400",
+	PUT: "text-amber-400",
+	PATCH: "text-primary",
+	DELETE: "text-red-400"
+}, de = (e) => e.map((e) => ({
+	id: e,
+	label: e,
+	className: `${ue[e]} font-semibold`
+})), fe = ({ value: e, onChange: t, methods: n = le, disabled: r, className: i }) => /* @__PURE__ */ c(ce, {
+	value: e,
+	onChange: t,
+	items: de(n),
+	disabled: r,
+	minWidthClassName: "min-w-[7rem]",
+	className: i
+}), pe = /* @__PURE__ */ g(((e, t) => {
+	var n = function(e) {
+		var t = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, n = 0, r = {}, i = {
+			manual: e.Prism && e.Prism.manual,
+			disableWorkerMessageHandler: e.Prism && e.Prism.disableWorkerMessageHandler,
+			util: {
+				encode: function e(t) {
+					return t instanceof a ? new a(t.type, e(t.content), t.alias) : Array.isArray(t) ? t.map(e) : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+				},
+				type: function(e) {
+					return Object.prototype.toString.call(e).slice(8, -1);
+				},
+				objId: function(e) {
+					return e.__id || Object.defineProperty(e, "__id", { value: ++n }), e.__id;
+				},
+				clone: function e(t, n) {
+					n ||= {};
+					var r, a;
+					switch (i.util.type(t)) {
+						case "Object":
+							if (a = i.util.objId(t), n[a]) return n[a];
+							for (var o in r = {}, n[a] = r, t) t.hasOwnProperty(o) && (r[o] = e(t[o], n));
+							return r;
+						case "Array": return a = i.util.objId(t), n[a] ? n[a] : (r = [], n[a] = r, t.forEach(function(t, i) {
+							r[i] = e(t, n);
+						}), r);
+						default: return t;
+					}
+				},
+				getLanguage: function(e) {
+					for (; e;) {
+						var n = t.exec(e.className);
+						if (n) return n[1].toLowerCase();
+						e = e.parentElement;
+					}
+					return "none";
+				},
+				setLanguage: function(e, n) {
+					e.className = e.className.replace(RegExp(t, "gi"), ""), e.classList.add("language-" + n);
+				},
+				currentScript: function() {
+					if (typeof document > "u") return null;
+					if (document.currentScript && document.currentScript.tagName === "SCRIPT") return document.currentScript;
+					try {
+						throw Error();
+					} catch (r) {
+						var e = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(r.stack) || [])[1];
+						if (e) {
+							var t = document.getElementsByTagName("script");
+							for (var n in t) if (t[n].src == e) return t[n];
+						}
+						return null;
+					}
+				},
+				isActive: function(e, t, n) {
+					for (var r = "no-" + t; e;) {
+						var i = e.classList;
+						if (i.contains(t)) return !0;
+						if (i.contains(r)) return !1;
+						e = e.parentElement;
+					}
+					return !!n;
+				}
+			},
+			languages: {
+				plain: r,
+				plaintext: r,
+				text: r,
+				txt: r,
+				extend: function(e, t) {
+					var n = i.util.clone(i.languages[e]);
+					for (var r in t) n[r] = t[r];
+					return n;
+				},
+				insertBefore: function(e, t, n, r) {
+					r ||= i.languages;
+					var a = r[e], o = {};
+					for (var s in a) if (a.hasOwnProperty(s)) {
+						if (s == t) for (var c in n) n.hasOwnProperty(c) && (o[c] = n[c]);
+						n.hasOwnProperty(s) || (o[s] = a[s]);
+					}
+					var l = r[e];
+					return r[e] = o, i.languages.DFS(i.languages, function(t, n) {
+						n === l && t != e && (this[t] = o);
+					}), o;
+				},
+				DFS: function e(t, n, r, a) {
+					a ||= {};
+					var o = i.util.objId;
+					for (var s in t) if (t.hasOwnProperty(s)) {
+						n.call(t, s, t[s], r || s);
+						var c = t[s], l = i.util.type(c);
+						l === "Object" && !a[o(c)] ? (a[o(c)] = !0, e(c, n, null, a)) : l === "Array" && !a[o(c)] && (a[o(c)] = !0, e(c, n, s, a));
+					}
+				}
+			},
+			plugins: {},
+			highlightAll: function(e, t) {
+				i.highlightAllUnder(document, e, t);
+			},
+			highlightAllUnder: function(e, t, n) {
+				var r = {
+					callback: n,
+					container: e,
+					selector: "code[class*=\"language-\"], [class*=\"language-\"] code, code[class*=\"lang-\"], [class*=\"lang-\"] code"
+				};
+				i.hooks.run("before-highlightall", r), r.elements = Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)), i.hooks.run("before-all-elements-highlight", r);
+				for (var a = 0, o; o = r.elements[a++];) i.highlightElement(o, t === !0, r.callback);
+			},
+			highlightElement: function(t, n, r) {
+				var a = i.util.getLanguage(t), o = i.languages[a];
+				i.util.setLanguage(t, a);
+				var s = t.parentElement;
+				s && s.nodeName.toLowerCase() === "pre" && i.util.setLanguage(s, a);
+				var c = {
+					element: t,
+					language: a,
+					grammar: o,
+					code: t.textContent
+				};
+				function l(e) {
+					c.highlightedCode = e, i.hooks.run("before-insert", c), c.element.innerHTML = c.highlightedCode, i.hooks.run("after-highlight", c), i.hooks.run("complete", c), r && r.call(c.element);
+				}
+				if (i.hooks.run("before-sanity-check", c), s = c.element.parentElement, s && s.nodeName.toLowerCase() === "pre" && !s.hasAttribute("tabindex") && s.setAttribute("tabindex", "0"), !c.code) {
+					i.hooks.run("complete", c), r && r.call(c.element);
+					return;
+				}
+				if (i.hooks.run("before-highlight", c), !c.grammar) {
+					l(i.util.encode(c.code));
+					return;
+				}
+				if (n && e.Worker) {
+					var u = new Worker(i.filename);
+					u.onmessage = function(e) {
+						l(e.data);
+					}, u.postMessage(JSON.stringify({
+						language: c.language,
+						code: c.code,
+						immediateClose: !0
+					}));
+				} else l(i.highlight(c.code, c.grammar, c.language));
+			},
+			highlight: function(e, t, n) {
+				var r = {
+					code: e,
+					grammar: t,
+					language: n
+				};
+				if (i.hooks.run("before-tokenize", r), !r.grammar) throw Error("The language \"" + r.language + "\" has no grammar.");
+				return r.tokens = i.tokenize(r.code, r.grammar), i.hooks.run("after-tokenize", r), a.stringify(i.util.encode(r.tokens), r.language);
+			},
+			tokenize: function(e, t) {
+				var n = t.rest;
+				if (n) {
+					for (var r in n) t[r] = n[r];
+					delete t.rest;
+				}
+				var i = new c();
+				return l(i, i.head, e), s(e, i, t, i.head, 0), d(i);
+			},
+			hooks: {
+				all: {},
+				add: function(e, t) {
+					var n = i.hooks.all;
+					n[e] = n[e] || [], n[e].push(t);
+				},
+				run: function(e, t) {
+					var n = i.hooks.all[e];
+					if (!(!n || !n.length)) for (var r = 0, a; a = n[r++];) a(t);
+				}
+			},
+			Token: a
+		};
+		e.Prism = i;
+		function a(e, t, n, r) {
+			this.type = e, this.content = t, this.alias = n, this.length = (r || "").length | 0;
+		}
+		a.stringify = function e(t, n) {
+			if (typeof t == "string") return t;
+			if (Array.isArray(t)) {
+				var r = "";
+				return t.forEach(function(t) {
+					r += e(t, n);
+				}), r;
+			}
+			var a = {
+				type: t.type,
+				content: e(t.content, n),
+				tag: "span",
+				classes: ["token", t.type],
+				attributes: {},
+				language: n
+			}, o = t.alias;
+			o && (Array.isArray(o) ? Array.prototype.push.apply(a.classes, o) : a.classes.push(o)), i.hooks.run("wrap", a);
+			var s = "";
+			for (var c in a.attributes) s += " " + c + "=\"" + (a.attributes[c] || "").replace(/"/g, "&quot;") + "\"";
+			return "<" + a.tag + " class=\"" + a.classes.join(" ") + "\"" + s + ">" + a.content + "</" + a.tag + ">";
+		};
+		function o(e, t, n, r) {
+			e.lastIndex = t;
+			var i = e.exec(n);
+			if (i && r && i[1]) {
+				var a = i[1].length;
+				i.index += a, i[0] = i[0].slice(a);
+			}
+			return i;
+		}
+		function s(e, t, n, r, c, d) {
+			for (var f in n) if (!(!n.hasOwnProperty(f) || !n[f])) {
+				var p = n[f];
+				p = Array.isArray(p) ? p : [p];
+				for (var m = 0; m < p.length; ++m) {
+					if (d && d.cause == f + "," + m) return;
+					var h = p[m], g = h.inside, _ = !!h.lookbehind, v = !!h.greedy, y = h.alias;
+					if (v && !h.pattern.global) {
+						var b = h.pattern.toString().match(/[imsuy]*$/)[0];
+						h.pattern = RegExp(h.pattern.source, b + "g");
+					}
+					for (var x = h.pattern || h, S = r.next, C = c; S !== t.tail && !(d && C >= d.reach); C += S.value.length, S = S.next) {
+						var w = S.value;
+						if (t.length > e.length) return;
+						if (!(w instanceof a)) {
+							var T = 1, E;
+							if (v) {
+								if (E = o(x, C, e, _), !E || E.index >= e.length) break;
+								var D = E.index, O = E.index + E[0].length, k = C;
+								for (k += S.value.length; D >= k;) S = S.next, k += S.value.length;
+								if (k -= S.value.length, C = k, S.value instanceof a) continue;
+								for (var A = S; A !== t.tail && (k < O || typeof A.value == "string"); A = A.next) T++, k += A.value.length;
+								T--, w = e.slice(C, k), E.index -= C;
+							} else if (E = o(x, 0, w, _), !E) continue;
+							var D = E.index, j = E[0], M = w.slice(0, D), N = w.slice(D + j.length), P = C + w.length;
+							d && P > d.reach && (d.reach = P);
+							var F = S.prev;
+							M && (F = l(t, F, M), C += M.length), u(t, F, T);
+							var I = new a(f, g ? i.tokenize(j, g) : j, y, j);
+							if (S = l(t, F, I), N && l(t, S, N), T > 1) {
+								var L = {
+									cause: f + "," + m,
+									reach: P
+								};
+								s(e, t, n, S.prev, C, L), d && L.reach > d.reach && (d.reach = L.reach);
+							}
+						}
+					}
+				}
+			}
+		}
+		function c() {
+			var e = {
+				value: null,
+				prev: null,
+				next: null
+			}, t = {
+				value: null,
+				prev: e,
+				next: null
+			};
+			e.next = t, this.head = e, this.tail = t, this.length = 0;
+		}
+		function l(e, t, n) {
+			var r = t.next, i = {
+				value: n,
+				prev: t,
+				next: r
+			};
+			return t.next = i, r.prev = i, e.length++, i;
+		}
+		function u(e, t, n) {
+			for (var r = t.next, i = 0; i < n && r !== e.tail; i++) r = r.next;
+			t.next = r, r.prev = t, e.length -= i;
+		}
+		function d(e) {
+			for (var t = [], n = e.head.next; n !== e.tail;) t.push(n.value), n = n.next;
+			return t;
+		}
+		if (!e.document) return e.addEventListener && (i.disableWorkerMessageHandler || e.addEventListener("message", function(t) {
+			var n = JSON.parse(t.data), r = n.language, a = n.code, o = n.immediateClose;
+			e.postMessage(i.highlight(a, i.languages[r], r)), o && e.close();
+		}, !1)), i;
+		var f = i.util.currentScript();
+		f && (i.filename = f.src, f.hasAttribute("data-manual") && (i.manual = !0));
+		function p() {
+			i.manual || i.highlightAll();
+		}
+		if (!i.manual) {
+			var m = document.readyState;
+			m === "loading" || m === "interactive" && f && f.defer ? document.addEventListener("DOMContentLoaded", p) : window.requestAnimationFrame ? window.requestAnimationFrame(p) : window.setTimeout(p, 16);
+		}
+		return i;
+	}(typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {});
+	t !== void 0 && t.exports && (t.exports = n), typeof global < "u" && (global.Prism = n), n.languages.markup = {
+		comment: {
+			pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
+			greedy: !0
+		},
+		prolog: {
+			pattern: /<\?[\s\S]+?\?>/,
+			greedy: !0
+		},
+		doctype: {
+			pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,
+			greedy: !0,
+			inside: {
+				"internal-subset": {
+					pattern: /(^[^\[]*\[)[\s\S]+(?=\]>$)/,
+					lookbehind: !0,
+					greedy: !0,
+					inside: null
+				},
+				string: {
+					pattern: /"[^"]*"|'[^']*'/,
+					greedy: !0
+				},
+				punctuation: /^<!|>$|[[\]]/,
+				"doctype-tag": /^DOCTYPE/i,
+				name: /[^\s<>'"]+/
+			}
+		},
+		cdata: {
+			pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+			greedy: !0
+		},
+		tag: {
+			pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,
+			greedy: !0,
+			inside: {
+				tag: {
+					pattern: /^<\/?[^\s>\/]+/,
+					inside: {
+						punctuation: /^<\/?/,
+						namespace: /^[^\s>\/:]+:/
+					}
+				},
+				"special-attr": [],
+				"attr-value": {
+					pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,
+					inside: { punctuation: [{
+						pattern: /^=/,
+						alias: "attr-equals"
+					}, {
+						pattern: /^(\s*)["']|["']$/,
+						lookbehind: !0
+					}] }
+				},
+				punctuation: /\/?>/,
+				"attr-name": {
+					pattern: /[^\s>\/]+/,
+					inside: { namespace: /^[^\s>\/:]+:/ }
+				}
+			}
+		},
+		entity: [{
+			pattern: /&[\da-z]{1,8};/i,
+			alias: "named-entity"
+		}, /&#x?[\da-f]{1,8};/i]
+	}, n.languages.markup.tag.inside["attr-value"].inside.entity = n.languages.markup.entity, n.languages.markup.doctype.inside["internal-subset"].inside = n.languages.markup, n.hooks.add("wrap", function(e) {
+		e.type === "entity" && (e.attributes.title = e.content.replace(/&amp;/, "&"));
+	}), Object.defineProperty(n.languages.markup.tag, "addInlined", { value: function(e, t) {
+		var r = {};
+		r["language-" + t] = {
+			pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
+			lookbehind: !0,
+			inside: n.languages[t]
+		}, r.cdata = /^<!\[CDATA\[|\]\]>$/i;
+		var i = { "included-cdata": {
+			pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+			inside: r
+		} };
+		i["language-" + t] = {
+			pattern: /[\s\S]+/,
+			inside: n.languages[t]
+		};
+		var a = {};
+		a[e] = {
+			pattern: RegExp("(<__[^>]*>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[\\s\\S])*?(?=<\\/__>)".replace(/__/g, function() {
+				return e;
+			}), "i"),
+			lookbehind: !0,
+			greedy: !0,
+			inside: i
+		}, n.languages.insertBefore("markup", "cdata", a);
+	} }), Object.defineProperty(n.languages.markup.tag, "addAttribute", { value: function(e, t) {
+		n.languages.markup.tag.inside["special-attr"].push({
+			pattern: RegExp("(^|[\"'\\s])(?:" + e + ")\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))", "i"),
+			lookbehind: !0,
+			inside: {
+				"attr-name": /^[^\s=]+/,
+				"attr-value": {
+					pattern: /=[\s\S]+/,
+					inside: {
+						value: {
+							pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
+							lookbehind: !0,
+							alias: [t, "language-" + t],
+							inside: n.languages[t]
+						},
+						punctuation: [{
+							pattern: /^=/,
+							alias: "attr-equals"
+						}, /"|'/]
+					}
+				}
+			}
+		});
+	} }), n.languages.html = n.languages.markup, n.languages.mathml = n.languages.markup, n.languages.svg = n.languages.markup, n.languages.xml = n.languages.extend("markup", {}), n.languages.ssml = n.languages.xml, n.languages.atom = n.languages.xml, n.languages.rss = n.languages.xml, (function(e) {
+		var t = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
+		e.languages.css = {
+			comment: /\/\*[\s\S]*?\*\//,
+			atrule: {
+				pattern: RegExp("@[\\w-](?:[^;{\\s\"']|\\s+(?!\\s)|" + t.source + ")*?(?:;|(?=\\s*\\{))"),
+				inside: {
+					rule: /^@[\w-]+/,
+					"selector-function-argument": {
+						pattern: /(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,
+						lookbehind: !0,
+						alias: "selector"
+					},
+					keyword: {
+						pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/,
+						lookbehind: !0
+					}
+				}
+			},
+			url: {
+				pattern: RegExp("\\burl\\((?:" + t.source + "|(?:[^\\\\\\r\\n()\"']|\\\\[\\s\\S])*)\\)", "i"),
+				greedy: !0,
+				inside: {
+					function: /^url/i,
+					punctuation: /^\(|\)$/,
+					string: {
+						pattern: RegExp("^" + t.source + "$"),
+						alias: "url"
+					}
+				}
+			},
+			selector: {
+				pattern: RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|" + t.source + ")*(?=\\s*\\{)"),
+				lookbehind: !0
+			},
+			string: {
+				pattern: t,
+				greedy: !0
+			},
+			property: {
+				pattern: /(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,
+				lookbehind: !0
+			},
+			important: /!important\b/i,
+			function: {
+				pattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,
+				lookbehind: !0
+			},
+			punctuation: /[(){};:,]/
+		}, e.languages.css.atrule.inside.rest = e.languages.css;
+		var n = e.languages.markup;
+		n && (n.tag.addInlined("style", "css"), n.tag.addAttribute("style", "css"));
+	})(n), n.languages.clike = {
+		comment: [{
+			pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
+			lookbehind: !0,
+			greedy: !0
+		}, {
+			pattern: /(^|[^\\:])\/\/.*/,
+			lookbehind: !0,
+			greedy: !0
+		}],
+		string: {
+			pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
+			greedy: !0
+		},
+		"class-name": {
+			pattern: /(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,
+			lookbehind: !0,
+			inside: { punctuation: /[.\\]/ }
+		},
+		keyword: /\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,
+		boolean: /\b(?:false|true)\b/,
+		function: /\b\w+(?=\()/,
+		number: /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,
+		operator: /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
+		punctuation: /[{}[\];(),.:]/
+	}, n.languages.javascript = n.languages.extend("clike", {
+		"class-name": [n.languages.clike["class-name"], {
+			pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
+			lookbehind: !0
+		}],
+		keyword: [{
+			pattern: /((?:^|\})\s*)catch\b/,
+			lookbehind: !0
+		}, {
+			pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
+			lookbehind: !0
+		}],
+		function: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
+		number: {
+			pattern: RegExp("(^|[^\\w$])(?:NaN|Infinity|0[bB][01]+(?:_[01]+)*n?|0[oO][0-7]+(?:_[0-7]+)*n?|0[xX][\\dA-Fa-f]+(?:_[\\dA-Fa-f]+)*n?|\\d+(?:_\\d+)*n|(?:\\d+(?:_\\d+)*(?:\\.(?:\\d+(?:_\\d+)*)?)?|\\.\\d+(?:_\\d+)*)(?:[Ee][+-]?\\d+(?:_\\d+)*)?)(?![\\w$])"),
+			lookbehind: !0
+		},
+		operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
+	}), n.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/, n.languages.insertBefore("javascript", "keyword", {
+		regex: {
+			pattern: RegExp("((?:^|[^$\\w\\xA0-\\uFFFF.\"'\\])\\s]|\\b(?:return|yield))\\s*)\\/(?:(?:\\[(?:[^\\]\\\\\\r\\n]|\\\\.)*\\]|\\\\.|[^/\\\\\\[\\r\\n])+\\/[dgimyus]{0,7}|(?:\\[(?:[^[\\]\\\\\\r\\n]|\\\\.|\\[(?:[^[\\]\\\\\\r\\n]|\\\\.|\\[(?:[^[\\]\\\\\\r\\n]|\\\\.)*\\])*\\])*\\]|\\\\.|[^/\\\\\\[\\r\\n])+\\/[dgimyus]{0,7}v[dgimyus]{0,7})(?=(?:\\s|\\/\\*(?:[^*]|\\*(?!\\/))*\\*\\/)*(?:$|[\\r\\n,.;:})\\]]|\\/\\/))"),
+			lookbehind: !0,
+			greedy: !0,
+			inside: {
+				"regex-source": {
+					pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
+					lookbehind: !0,
+					alias: "language-regex",
+					inside: n.languages.regex
+				},
+				"regex-delimiter": /^\/|\/$/,
+				"regex-flags": /^[a-z]+$/
+			}
+		},
+		"function-variable": {
+			pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,
+			alias: "function"
+		},
+		parameter: [
+			{
+				pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
+				lookbehind: !0,
+				inside: n.languages.javascript
+			},
+			{
+				pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
+				lookbehind: !0,
+				inside: n.languages.javascript
+			},
+			{
+				pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
+				lookbehind: !0,
+				inside: n.languages.javascript
+			},
+			{
+				pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,
+				lookbehind: !0,
+				inside: n.languages.javascript
+			}
+		],
+		constant: /\b[A-Z](?:[A-Z_]|\dx?)*\b/
+	}), n.languages.insertBefore("javascript", "string", {
+		hashbang: {
+			pattern: /^#!.*/,
+			greedy: !0,
+			alias: "comment"
+		},
+		"template-string": {
+			pattern: /`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,
+			greedy: !0,
+			inside: {
+				"template-punctuation": {
+					pattern: /^`|`$/,
+					alias: "string"
+				},
+				interpolation: {
+					pattern: /((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,
+					lookbehind: !0,
+					inside: {
+						"interpolation-punctuation": {
+							pattern: /^\$\{|\}$/,
+							alias: "punctuation"
+						},
+						rest: n.languages.javascript
+					}
+				},
+				string: /[\s\S]+/
+			}
+		},
+		"string-property": {
+			pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
+			lookbehind: !0,
+			greedy: !0,
+			alias: "property"
+		}
+	}), n.languages.insertBefore("javascript", "operator", { "literal-property": {
+		pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
+		lookbehind: !0,
+		alias: "property"
+	} }), n.languages.markup && (n.languages.markup.tag.addInlined("script", "javascript"), n.languages.markup.tag.addAttribute("on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)", "javascript")), n.languages.js = n.languages.javascript, (function() {
+		if (n === void 0 || typeof document > "u") return;
+		Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);
+		var e = "Loading…", t = function(e, t) {
+			return "✖ Error " + e + " while fetching file: " + t;
+		}, r = "✖ Error: File does not exist or is empty", i = {
+			js: "javascript",
+			py: "python",
+			rb: "ruby",
+			ps1: "powershell",
+			psm1: "powershell",
+			sh: "bash",
+			bat: "batch",
+			h: "c",
+			tex: "latex"
+		}, a = "data-src-status", o = "loading", s = "loaded", c = "failed", l = "pre[data-src]:not([" + a + "=\"" + s + "\"]):not([" + a + "=\"" + o + "\"])";
+		function u(e, n, i) {
+			var a = new XMLHttpRequest();
+			a.open("GET", e, !0), a.onreadystatechange = function() {
+				a.readyState == 4 && (a.status < 400 && a.responseText ? n(a.responseText) : a.status >= 400 ? i(t(a.status, a.statusText)) : i(r));
+			}, a.send(null);
+		}
+		function d(e) {
+			var t = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(e || "");
+			if (t) {
+				var n = Number(t[1]), r = t[2], i = t[3];
+				return r ? i ? [n, Number(i)] : [n, void 0] : [n, n];
+			}
+		}
+		n.hooks.add("before-highlightall", function(e) {
+			e.selector += ", " + l;
+		}), n.hooks.add("before-sanity-check", function(t) {
+			var r = t.element;
+			if (r.matches(l)) {
+				t.code = "", r.setAttribute(a, o);
+				var f = r.appendChild(document.createElement("CODE"));
+				f.textContent = e;
+				var p = r.getAttribute("data-src"), m = t.language;
+				if (m === "none") {
+					var h = (/\.(\w+)$/.exec(p) || [, "none"])[1];
+					m = i[h] || h;
+				}
+				n.util.setLanguage(f, m), n.util.setLanguage(r, m);
+				var g = n.plugins.autoloader;
+				g && g.loadLanguages(m), u(p, function(e) {
+					r.setAttribute(a, s);
+					var t = d(r.getAttribute("data-range"));
+					if (t) {
+						var i = e.split(/\r\n?|\n/g), o = t[0], c = t[1] == null ? i.length : t[1];
+						o < 0 && (o += i.length), o = Math.max(0, Math.min(o - 1, i.length)), c < 0 && (c += i.length), c = Math.max(0, Math.min(c, i.length)), e = i.slice(o, c).join("\n"), r.hasAttribute("data-start") || r.setAttribute("data-start", String(o + 1));
+					}
+					f.textContent = e, n.highlightElement(f);
+				}, function(e) {
+					r.setAttribute(a, c), f.textContent = e;
+				});
+			}
+		}), n.plugins.fileHighlight = { highlight: function(e) {
+			for (var t = (e || document).querySelectorAll(l), r = 0, i; i = t[r++];) n.highlightElement(i);
+		} };
+		var f = !1;
+		n.fileHighlight = function() {
+			f ||= (console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."), !0), n.plugins.fileHighlight.highlight.apply(this, arguments);
+		};
+	})();
+}));
+(function(e) {
+	var t = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b", n = {
+		pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
+		lookbehind: !0,
+		alias: "punctuation",
+		inside: null
+	}, r = {
+		bash: n,
+		environment: {
+			pattern: RegExp("\\$" + t),
+			alias: "constant"
+		},
+		variable: [
+			{
+				pattern: /\$?\(\([\s\S]+?\)\)/,
+				greedy: !0,
+				inside: {
+					variable: [{
+						pattern: /(^\$\(\([\s\S]+)\)\)/,
+						lookbehind: !0
+					}, /^\$\(\(/],
+					number: /\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,
+					operator: /--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,
+					punctuation: /\(\(?|\)\)?|,|;/
+				}
+			},
+			{
+				pattern: /\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,
+				greedy: !0,
+				inside: { variable: /^\$\(|^`|\)$|`$/ }
+			},
+			{
+				pattern: /\$\{[^}]+\}/,
+				greedy: !0,
+				inside: {
+					operator: /:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,
+					punctuation: /[\[\]]/,
+					environment: {
+						pattern: RegExp("(\\{)" + t),
+						lookbehind: !0,
+						alias: "constant"
+					}
+				}
+			},
+			/\$(?:\w+|[#?*!@$])/
+		],
+		entity: /\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/
+	};
+	e.languages.bash = {
+		shebang: {
+			pattern: /^#!\s*\/.*/,
+			alias: "important"
+		},
+		comment: {
+			pattern: /(^|[^"{\\$])#.*/,
+			lookbehind: !0
+		},
+		"function-name": [{
+			pattern: /(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,
+			lookbehind: !0,
+			alias: "function"
+		}, {
+			pattern: /\b[\w-]+(?=\s*\(\s*\)\s*\{)/,
+			alias: "function"
+		}],
+		"for-or-select": {
+			pattern: /(\b(?:for|select)\s+)\w+(?=\s+in\s)/,
+			alias: "variable",
+			lookbehind: !0
+		},
+		"assign-left": {
+			pattern: /(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,
+			inside: { environment: {
+				pattern: RegExp("(^|[\\s;|&]|[<>]\\()" + t),
+				lookbehind: !0,
+				alias: "constant"
+			} },
+			alias: "variable",
+			lookbehind: !0
+		},
+		parameter: {
+			pattern: /(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,
+			alias: "variable",
+			lookbehind: !0
+		},
+		string: [
+			{
+				pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
+				lookbehind: !0,
+				greedy: !0,
+				inside: r
+			},
+			{
+				pattern: /((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,
+				lookbehind: !0,
+				greedy: !0,
+				inside: { bash: n }
+			},
+			{
+				pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
+				lookbehind: !0,
+				greedy: !0,
+				inside: r
+			},
+			{
+				pattern: /(^|[^$\\])'[^']*'/,
+				lookbehind: !0,
+				greedy: !0
+			},
+			{
+				pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
+				greedy: !0,
+				inside: { entity: r.entity }
+			}
+		],
+		environment: {
+			pattern: RegExp("\\$?" + t),
+			alias: "constant"
+		},
+		variable: r.variable,
+		function: {
+			pattern: /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
+			lookbehind: !0
+		},
+		keyword: {
+			pattern: /(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,
+			lookbehind: !0
+		},
+		builtin: {
+			pattern: /(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,
+			lookbehind: !0,
+			alias: "class-name"
+		},
+		boolean: {
+			pattern: /(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,
+			lookbehind: !0
+		},
+		"file-descriptor": {
+			pattern: /\B&\d\b/,
+			alias: "important"
+		},
+		operator: {
+			pattern: /\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,
+			inside: { "file-descriptor": {
+				pattern: /^\d/,
+				alias: "important"
+			} }
+		},
+		punctuation: /\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,
+		number: {
+			pattern: /(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,
+			lookbehind: !0
+		}
+	}, n.inside = e.languages.bash;
+	for (var i = [
+		"comment",
+		"function-name",
+		"for-or-select",
+		"assign-left",
+		"parameter",
+		"string",
+		"environment",
+		"function",
+		"keyword",
+		"builtin",
+		"boolean",
+		"file-descriptor",
+		"operator",
+		"punctuation",
+		"number"
+	], a = r.variable[1].inside, o = 0; o < i.length; o++) a[i[o]] = e.languages.bash[i[o]];
+	e.languages.sh = e.languages.bash, e.languages.shell = e.languages.bash;
+})(Prism), Prism.languages.json = {
+	property: {
+		pattern: /(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,
+		lookbehind: !0,
+		greedy: !0
+	},
+	string: {
+		pattern: /(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,
+		lookbehind: !0,
+		greedy: !0
+	},
+	comment: {
+		pattern: /\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,
+		greedy: !0
+	},
+	number: /-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,
+	punctuation: /[{}[\],]/,
+	operator: /:/,
+	boolean: /\b(?:false|true)\b/,
+	null: {
+		pattern: /\bnull\b/,
+		alias: "keyword"
+	}
+}, Prism.languages.webmanifest = Prism.languages.json, Prism.languages.python = {
+	comment: {
+		pattern: /(^|[^\\])#.*/,
+		lookbehind: !0,
+		greedy: !0
+	},
+	"string-interpolation": {
+		pattern: /(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,
+		greedy: !0,
+		inside: {
+			interpolation: {
+				pattern: /((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,
+				lookbehind: !0,
+				inside: {
+					"format-spec": {
+						pattern: /(:)[^:(){}]+(?=\}$)/,
+						lookbehind: !0
+					},
+					"conversion-option": {
+						pattern: /![sra](?=[:}]$)/,
+						alias: "punctuation"
+					},
+					rest: null
+				}
+			},
+			string: /[\s\S]+/
+		}
+	},
+	"triple-quoted-string": {
+		pattern: /(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,
+		greedy: !0,
+		alias: "string"
+	},
+	string: {
+		pattern: /(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,
+		greedy: !0
+	},
+	function: {
+		pattern: /((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,
+		lookbehind: !0
+	},
+	"class-name": {
+		pattern: /(\bclass\s+)\w+/i,
+		lookbehind: !0
+	},
+	decorator: {
+		pattern: /(^[\t ]*)@\w+(?:\.\w+)*/m,
+		lookbehind: !0,
+		alias: ["annotation", "punctuation"],
+		inside: { punctuation: /\./ }
+	},
+	keyword: /\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,
+	builtin: /\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,
+	boolean: /\b(?:False|None|True)\b/,
+	number: /\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,
+	operator: /[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,
+	punctuation: /[{}[\];(),.:]/
+}, Prism.languages.python["string-interpolation"].inside.interpolation.inside.rest = Prism.languages.python, Prism.languages.py = Prism.languages.python, Prism.languages.go = Prism.languages.extend("clike", {
+	string: {
+		pattern: /(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,
+		lookbehind: !0,
+		greedy: !0
+	},
+	keyword: /\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,
+	boolean: /\b(?:_|false|iota|nil|true)\b/,
+	number: [
+		/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,
+		/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,
+		/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i
+	],
+	operator: /[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,
+	builtin: /\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/
+}), Prism.languages.insertBefore("go", "string", { char: {
+	pattern: /'(?:\\.|[^'\\\r\n]){0,10}'/,
+	greedy: !0
+} }), delete Prism.languages.go["class-name"];
+//#endregion
+//#region src/lib/highlight.tsx
+var H = /* @__PURE__ */ v(pe(), 1), me = {
+	json: H.default.languages.json,
+	bash: H.default.languages.bash,
+	javascript: H.default.languages.javascript,
+	python: H.default.languages.python,
+	go: H.default.languages.go
+};
+function U(e, t) {
+	if (typeof e == "string") return e;
+	let n = Array.isArray(e.content) ? e.content.map((e, t) => U(e, t)) : U(e.content, 0);
+	return /* @__PURE__ */ c("span", {
+		className: `token ${e.type}`,
+		children: n
+	}, t);
+}
+function he(e, t) {
+	let n = t === "plain" ? void 0 : me[t];
+	return !n || !e ? e : H.default.tokenize(e, n).map((e, t) => U(e, t));
+}
+//#endregion
+//#region src/components/ui/CodeBlock.tsx
+var W = ({ code: e, language: t = "plain", showLineNumbers: n = !1, copyable: r = !0, maxHeight: a, reveal: o = !1, revealStagger: s = 70, className: u }) => {
+	let d = i(() => e.replace(/\n$/, "").split("\n"), [e]), f = String(d.length).length;
+	return /* @__PURE__ */ l("div", {
+		className: y("group relative w-full overflow-hidden rounded-lg border border-border bg-surface-2", u),
+		children: [r && /* @__PURE__ */ c("div", {
+			className: "absolute right-2 top-2 z-10",
+			children: /* @__PURE__ */ c(j, {
+				value: e,
+				size: "sm"
+			})
+		}), /* @__PURE__ */ c("div", {
+			className: "overflow-auto",
+			style: a ? { maxHeight: a } : void 0,
+			children: /* @__PURE__ */ c("pre", {
+				className: "w-max min-w-full p-3 font-mono text-[14px] leading-relaxed text-content",
+				children: /* @__PURE__ */ c("code", {
+					className: "flex flex-col bg-transparent p-0 text-[14px] text-content",
+					children: d.map((e, r) => /* @__PURE__ */ l("span", {
+						className: y("flex", o && "motion-safe:animate-[fade-in_0.6s_ease-out_both]"),
+						style: o ? { animationDelay: `${r * s}ms` } : void 0,
+						children: [n && /* @__PURE__ */ c("span", {
+							className: "mr-4 shrink-0 select-none text-right text-muted",
+							style: { width: `${f}ch` },
+							children: r + 1
+						}), /* @__PURE__ */ c("span", {
+							className: "whitespace-pre",
+							children: he(e, t) || " "
+						})]
+					}, r))
+				})
+			})
+		})]
+	});
+}, ge = /* @__PURE__ */ new Set([
+	"accept-charset",
+	"accept-encoding",
+	"access-control-request-headers",
+	"access-control-request-method",
+	"connection",
+	"content-length",
+	"cookie",
+	"cookie2",
+	"date",
+	"dnt",
+	"expect",
+	"host",
+	"keep-alive",
+	"origin",
+	"referer",
+	"te",
+	"trailer",
+	"transfer-encoding",
+	"upgrade",
+	"via"
+]);
+function _e(e) {
+	return !e.auth || e.auth.type === "none" ? null : e.auth.type === "bearer" ? {
+		key: "Authorization",
+		value: `Bearer ${e.auth.token}`
+	} : {
+		key: e.auth.key,
+		value: e.auth.value
+	};
+}
+function ve(e) {
+	let t = new Headers();
+	for (let n of e.headers ?? []) n.key.trim() && (ge.has(n.key.trim().toLowerCase()) || t.set(n.key, n.value));
+	let n = _e(e);
+	return n && !ge.has(n.key.toLowerCase()) && t.set(n.key, n.value), t;
+}
+function ye(e) {
+	return [...e.entries()].map(([e, t]) => ({
+		key: e,
+		value: t
+	}));
+}
+function be(e) {
+	let t = new TextEncoder().encode(e).length;
+	return t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
+}
+function xe(e, t) {
+	if (!(t?.includes("json") || /^[\s\n]*(?:\[|\{)/.test(e))) return e;
+	try {
+		return JSON.stringify(JSON.parse(e), null, 2);
+	} catch {
+		return e;
+	}
+}
+function Se(e) {
+	return e instanceof Error ? e.message : "Request failed";
+}
+function G(e, t = performance.now()) {
+	let n = Se(e);
+	return {
+		status: 0,
+		statusText: "Network Error",
+		headers: [],
+		body: JSON.stringify({
+			error: n,
+			hint: "The browser may have blocked this request because of CORS or network policy."
+		}, null, 2),
+		timeMs: Math.round(performance.now() - t),
+		size: "0 B",
+		error: n
+	};
+}
+async function Ce(e) {
+	let t = performance.now();
+	try {
+		let n = await fetch(e.url, {
+			method: e.method,
+			headers: ve(e),
+			body: e.body && e.method !== "GET" ? e.body : void 0
+		}), r = await n.text(), i = xe(r, n.headers.get("content-type"));
+		return {
+			status: n.status,
+			statusText: n.statusText || (n.ok ? "OK" : "Error"),
+			headers: ye(n.headers),
+			body: i,
+			timeMs: Math.round(performance.now() - t),
+			size: be(r)
+		};
+	} catch (e) {
+		return G(e, t);
+	}
+}
+function we(e) {
+	let t = e.sampleResponse ?? JSON.stringify({
+		ok: !0,
+		request: e.title
+	}, null, 2);
+	return {
+		status: 200,
+		statusText: "OK",
+		headers: [{
+			key: "content-type",
+			value: "application/json"
+		}, {
+			key: "cache-control",
+			value: "no-store"
+		}],
+		body: t,
+		timeMs: 142,
+		size: be(t)
+	};
+}
+//#endregion
+//#region src/features/api-widget/request-model.ts
+var K = "Authorization", Te = "Bearer ", Ee = [{
+	key: "Content-Type",
+	value: "application/json",
+	enabled: !0
+}];
+function De(e) {
+	return e.type === "none" ? null : e.type === "bearer" ? {
+		key: K,
+		value: `${Te}${e.token}`,
+		enabled: !0
+	} : {
+		key: e.key,
+		value: e.value,
+		enabled: !0
+	};
+}
+function q(e, t) {
+	return e.toLowerCase() === t.toLowerCase();
+}
+function Oe(e) {
+	return e.toLowerCase().startsWith(Te.toLowerCase());
+}
+function ke(e) {
+	return Oe(e) ? e.slice(7) : e;
+}
+function Ae(e) {
+	return e ? q(e.key, K) && Oe(e.value) ? {
+		type: "bearer",
+		token: ke(e.value)
+	} : {
+		type: "apiKey",
+		key: e.key || K,
+		value: e.value,
+		in: "header"
+	} : { type: "none" };
+}
+function je(e) {
+	return e.type === "apiKey" ? e.key : K;
+}
+function J(e, t) {
+	return t.type === "none" ? q(e.key, K) : q(e.key, je(t));
+}
+function Me(e) {
+	return e.auth ? e.auth : Ae(e.headers?.find((e) => q(e.key, K)));
+}
+function Ne(e, t) {
+	let n = (e.headers?.length ? e.headers : Ee).filter((e) => !J(e, t)).map((e) => ({
+		...e,
+		enabled: !0
+	})), r = De(t);
+	return r ? [...n, r] : n;
+}
+function Pe(e, t, n) {
+	if (t.type === "none") return e.map((e) => J(e, n) || q(e.key, K) ? {
+		...e,
+		enabled: !1
+	} : e);
+	let r = De(t);
+	return r ? [...e.filter((e) => !J(e, n) && !J(e, t)), r] : e;
+}
+function Fe(e, t) {
+	return e.filter((e) => e.enabled && e.key.trim() && !J(e, t)).map(({ key: e, value: t }) => ({
+		key: e,
+		value: t
+	}));
+}
+function Y(e) {
+	return JSON.stringify({
+		method: e.method,
+		url: e.url,
+		headers: e.headers ?? [],
+		auth: e.auth ?? { type: "none" },
+		body: e.body ?? ""
+	});
+}
+function Ie(e, t) {
+	let n = t.body.trim() ? t.body : void 0;
+	return {
+		...e,
+		method: t.method,
+		url: t.url,
+		body: n,
+		auth: t.auth,
+		headers: Fe(t.headers, t.auth)
+	};
+}
+//#endregion
+//#region src/features/api-widget/ApiConsole.tsx
+var Le = "{\n  \n}", X = "Authorization", Re = [
+	"GET",
+	"POST",
+	"PUT",
+	"PATCH",
+	"DELETE"
+], ze = [
+	{
+		id: "body",
+		label: "Body"
+	},
+	{
+		id: "headers",
+		label: "Headers"
+	},
+	{
+		id: "auth",
+		label: "Auth"
+	}
+], Be = [{
+	id: "response",
+	label: "Response"
+}, {
+	id: "history",
+	label: "History"
+}], Ve = ["body", "headers"], He = [
+	{
+		id: "none",
+		label: "None",
+		className: "font-semibold text-content hover:bg-surface-2"
+	},
+	{
+		id: "bearer",
+		label: "Bearer",
+		className: "font-semibold text-content hover:bg-surface-2"
+	},
+	{
+		id: "apiKey",
+		label: "API key",
+		className: "font-semibold text-content hover:bg-surface-2"
+	}
+];
+function Ue(e) {
+	return Math.max(3, e.split("\n").length);
+}
+function We(e) {
+	return JSON.stringify(JSON.parse(e), null, 2);
+}
+function Ge(e) {
+	try {
+		return We(e);
+	} catch {
+		return e;
+	}
+}
+var Ke = ({ children: e, className: t }) => /* @__PURE__ */ c("div", {
+	className: y("flex min-h-10 items-center rounded-md border border-transparent bg-surface-2 px-3 text-sm text-content", "focus-within:border-primary/60 focus-within:ring-2 focus-within:ring-primary/20", t),
+	children: e
+}), qe = ({ value: e, onChange: t }) => /* @__PURE__ */ c("div", {
+	className: "inline-flex items-center gap-4",
+	children: Ve.map((n) => /* @__PURE__ */ c("button", {
+		type: "button",
+		onClick: () => t(n),
+		className: y("text-xs font-medium capitalize transition-colors", e === n ? "text-content" : "text-muted hover:text-content"),
+		children: n
+	}, n))
+}), Je = ({ method: e, url: t, isSending: n, editable: r, onMethodChange: i, onUrlChange: a, onSend: o }) => /* @__PURE__ */ l("div", {
+	className: "grid gap-3 md:grid-cols-[1fr_auto]",
+	children: [/* @__PURE__ */ l(Ke, {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ c(fe, {
+			value: e,
+			onChange: i,
+			methods: Re,
+			disabled: !r
+		}), /* @__PURE__ */ c("input", {
+			value: t,
+			onChange: (e) => a(e.target.value),
+			readOnly: !r,
+			"aria-label": "Request URL",
+			className: "min-w-0 flex-1 bg-transparent px-2 py-2 font-mono text-[14px] text-muted outline-none read-only:cursor-default"
+		})]
+	}), /* @__PURE__ */ c(T, {
+		size: "md",
+		variant: "primary",
+		isLoading: n,
+		onClick: o,
+		rightIcon: /* @__PURE__ */ c(x, {
+			name: "send",
+			className: "h-4 w-4"
+		}),
+		className: "min-h-10 px-7",
+		children: "Send"
+	})]
+}), Ye = ({ header: e, index: t, editable: n, onUpdate: r, onRemove: i }) => /* @__PURE__ */ l("div", {
+	className: "grid grid-cols-[auto_1fr_auto] gap-3 md:grid-cols-[auto_1fr_1fr_auto]",
+	children: [
+		/* @__PURE__ */ c("span", {
+			className: "flex h-8 items-center",
+			children: /* @__PURE__ */ c(te, {
+				size: "sm",
+				checked: e.enabled,
+				onChange: (e) => r(t, { enabled: e }),
+				disabled: !n,
+				"aria-label": `Enable ${e.key}`
+			})
+		}),
+		/* @__PURE__ */ c(V, {
+			size: "sm",
+			value: e.key,
+			onChange: (e) => r(t, { key: e.target.value }),
+			readOnly: !n,
+			"aria-label": "Header name",
+			className: "font-mono"
+		}),
+		/* @__PURE__ */ c(V, {
+			size: "sm",
+			value: e.value,
+			onChange: (e) => r(t, { value: e.target.value }),
+			readOnly: !n,
+			"aria-label": "Header value",
+			containerClassName: "col-start-2 md:col-start-auto",
+			className: "font-mono"
+		}),
+		/* @__PURE__ */ c("button", {
+			type: "button",
+			"aria-label": `Remove ${e.key}`,
+			onClick: () => i(t),
+			disabled: !n,
+			className: "row-span-2 inline-flex h-8 w-8 items-center justify-center rounded-md text-muted transition-colors hover:bg-surface-2 hover:text-content disabled:cursor-not-allowed disabled:opacity-40 md:row-span-1",
+			children: /* @__PURE__ */ c(x, {
+				name: "trash",
+				className: "h-4 w-4"
+			})
+		})
+	]
+}), Xe = ({ body: e, error: t, editable: n, onBodyChange: r, onClearError: i }) => /* @__PURE__ */ l("div", {
+	className: "space-y-2",
+	children: [t && /* @__PURE__ */ c("div", {
+		className: "text-xs text-muted",
+		children: t
+	}), /* @__PURE__ */ c("textarea", {
+		value: e,
+		onChange: (e) => {
+			r(e.target.value), t && i();
+		},
+		readOnly: !n,
+		"aria-label": "Request body",
+		spellCheck: !1,
+		rows: Ue(e),
+		className: y("w-full resize-none overflow-hidden rounded-lg border border-border bg-surface-2 p-3 [field-sizing:content]", "font-mono text-[13px] leading-relaxed text-content outline-none placeholder:text-muted read-only:cursor-default")
+	})]
+}), Ze = ({ auth: e, editable: t, onChange: n }) => {
+	let [r, i] = o(!1), a = /* @__PURE__ */ c("button", {
+		type: "button",
+		"aria-label": r ? "Hide secret" : "Show secret",
+		onClick: () => i((e) => !e),
+		className: "inline-flex h-6 w-6 items-center justify-center rounded-md text-muted transition-colors hover:text-content",
+		children: /* @__PURE__ */ c(x, {
+			name: r ? "eye-closed" : "eye",
+			className: "h-4 w-4"
+		})
+	});
+	return /* @__PURE__ */ l("div", {
+		className: "grid items-start gap-3 md:grid-cols-[auto_1fr]",
+		children: [
+			/* @__PURE__ */ c(ce, {
+				value: e.type,
+				onChange: (t) => {
+					t === "none" && n({ type: "none" }), t === "bearer" && n({
+						type: "bearer",
+						token: e.type === "bearer" ? e.token : ""
+					}), t === "apiKey" && n({
+						type: "apiKey",
+						key: e.type === "apiKey" ? e.key : X,
+						value: e.type === "apiKey" ? e.value : "",
+						in: "header"
+					});
+				},
+				items: He,
+				size: "md",
+				disabled: !t,
+				minWidthClassName: "min-w-28"
+			}),
+			e.type === "none" && /* @__PURE__ */ c("div", {
+				className: "rounded-lg border border-border bg-surface-2 p-2.5 text-xs text-muted",
+				children: "Auth is disabled for this request."
+			}),
+			e.type === "bearer" && /* @__PURE__ */ c(V, {
+				size: "sm",
+				type: r ? "text" : "password",
+				value: e.token,
+				onChange: (e) => n({
+					type: "bearer",
+					token: e.target.value
+				}),
+				readOnly: !t,
+				rightSlot: a,
+				className: "font-mono"
+			}),
+			e.type === "apiKey" && /* @__PURE__ */ l("div", {
+				className: "grid gap-3 md:grid-cols-[minmax(0,0.7fr)_minmax(0,1fr)]",
+				children: [/* @__PURE__ */ c(V, {
+					size: "sm",
+					value: e.key,
+					onChange: (t) => n({
+						type: "apiKey",
+						key: t.target.value,
+						value: e.value,
+						in: "header"
+					}),
+					readOnly: !t,
+					className: "font-mono"
+				}), /* @__PURE__ */ c(V, {
+					size: "sm",
+					type: r ? "text" : "password",
+					value: e.value,
+					onChange: (t) => n({
+						type: "apiKey",
+						key: e.key,
+						value: t.target.value,
+						in: "header"
+					}),
+					readOnly: !t,
+					rightSlot: a,
+					className: "font-mono"
+				})]
+			})
+		]
+	});
+}, Qe = ({ activeTab: e, auth: t, headers: n, body: r, bodyError: i, editable: a, onAuthChange: o, onHeaderUpdate: s, onHeaderRemove: u, onHeaderAdd: d, onBodyChange: f, onBodyErrorClear: p }) => e === "body" ? /* @__PURE__ */ c(Xe, {
+	body: r,
+	error: i,
+	editable: a,
+	onBodyChange: f,
+	onClearError: p
+}) : e === "auth" ? /* @__PURE__ */ c(Ze, {
+	auth: t,
+	editable: a,
+	onChange: o
+}) : /* @__PURE__ */ l("div", {
+	className: "space-y-2.5",
+	children: [n.map((e, t) => /* @__PURE__ */ c(Ye, {
+		header: e,
+		index: t,
+		editable: a,
+		onUpdate: s,
+		onRemove: u
+	}, `${e.key}-${t}`)), /* @__PURE__ */ l("button", {
+		type: "button",
+		onClick: d,
+		disabled: !a,
+		className: "inline-flex items-center gap-1.5 rounded-md px-1 py-1 text-xs font-medium text-primary transition-colors hover:text-primary-hover disabled:cursor-not-allowed disabled:opacity-40",
+		children: [/* @__PURE__ */ c(x, {
+			name: "plus",
+			className: "h-4 w-4"
+		}), "Add header"]
+	})]
+}), $e = ({ responsePanel: e, response: t }) => {
+	let n = e === "body", r = t.headers.map((e) => `${e.key}: ${e.value}`).join("\n"), i = n ? t.body : r || "No response headers";
+	return /* @__PURE__ */ l("div", {
+		className: "relative p-3",
+		children: [/* @__PURE__ */ l("div", {
+			className: "absolute right-5 top-5 z-10 flex items-center gap-1",
+			children: [
+				/* @__PURE__ */ c(O, {
+					"aria-label": "Download response",
+					variant: "surface",
+					size: "sm",
+					onClick: () => {
+						let e = new Blob([i], { type: n ? "application/json" : "text/plain" }), t = URL.createObjectURL(e), r = document.createElement("a");
+						r.href = t, r.download = n ? "response.json" : "response-headers.txt", r.click(), URL.revokeObjectURL(t);
+					},
+					children: /* @__PURE__ */ c(x, {
+						name: "download",
+						size: 14
+					})
+				}),
+				/* @__PURE__ */ c(O, {
+					"aria-label": "Share response",
+					variant: "surface",
+					size: "sm",
+					onClick: async () => {
+						if (navigator.share) try {
+							await navigator.share({
+								title: "API response",
+								text: i
+							});
+						} catch {}
+						else await navigator.clipboard?.writeText(i);
+					},
+					children: /* @__PURE__ */ c(x, {
+						name: "share",
+						size: 14
+					})
+				}),
+				/* @__PURE__ */ c(j, {
+					value: i,
+					size: "sm"
+				})
+			]
+		}), /* @__PURE__ */ c(W, {
+			code: i,
+			language: n ? "json" : "plain",
+			copyable: !1,
+			reveal: !0,
+			className: "pr-28"
+		})]
+	});
+};
+function et(e) {
+	let t = Math.max(0, Math.round((Date.now() - e) / 1e3));
+	if (t < 5) return "just now";
+	if (t < 60) return `${t}s ago`;
+	let n = Math.round(t / 60);
+	return n < 60 ? `${n}m ago` : `${Math.round(n / 60)}h ago`;
+}
+var tt = ({ entries: e, onSelect: t, onClear: n }) => e.length === 0 ? /* @__PURE__ */ l("div", {
+	className: "flex flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border px-6 py-10 text-center",
+	children: [
+		/* @__PURE__ */ c(x, {
+			name: "restart",
+			className: "h-6 w-6 text-muted"
+		}),
+		/* @__PURE__ */ c("p", {
+			className: "text-sm font-medium text-content",
+			children: "No requests yet"
+		}),
+		/* @__PURE__ */ c("p", {
+			className: "text-xs text-muted",
+			children: "Requests you send will show up here."
+		})
+	]
+}) : /* @__PURE__ */ l("div", {
+	className: "space-y-2",
+	children: [/* @__PURE__ */ l("div", {
+		className: "flex items-center justify-between px-0.5",
+		children: [/* @__PURE__ */ l("span", {
+			className: "text-xs text-muted",
+			children: [
+				e.length,
+				" request",
+				e.length === 1 ? "" : "s"
+			]
+		}), /* @__PURE__ */ c("button", {
+			type: "button",
+			onClick: n,
+			className: "text-xs text-muted transition-colors hover:text-content",
+			children: "Clear"
+		})]
+	}), /* @__PURE__ */ c("ul", {
+		className: "overflow-hidden rounded-lg border border-border",
+		children: e.map((e) => /* @__PURE__ */ c("li", {
+			className: "border-b border-border last:border-b-0",
+			children: /* @__PURE__ */ l("button", {
+				type: "button",
+				onClick: () => t(e),
+				className: "flex w-full items-center gap-3 px-3 py-2.5 text-left transition-colors hover:bg-surface-2",
+				children: [
+					/* @__PURE__ */ c(F, {
+						method: e.request.method,
+						className: "shrink-0"
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "min-w-0 flex-1 truncate font-mono text-[13px] text-content",
+						children: e.request.url
+					}),
+					/* @__PURE__ */ c(I, {
+						status: e.response.status,
+						statusText: e.response.statusText,
+						className: "shrink-0"
+					}),
+					/* @__PURE__ */ l("span", {
+						className: "hidden shrink-0 tabular-nums text-xs text-muted sm:inline",
+						children: [e.response.timeMs, "ms"]
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "hidden shrink-0 text-xs text-muted md:inline",
+						children: et(e.at)
+					})
+				]
+			})
+		}, Y(e.request)))
+	})]
+});
+async function nt(e, t) {
+	let n = performance.now();
+	try {
+		return t ? await t(e) : await Ce(e);
+	} catch (e) {
+		return G(e, n);
+	}
+}
+var rt = ({ request: e, onRequestChange: t, onSend: n, editable: r = !0, onBack: a, onImport: u, className: d }) => {
+	let f = i(() => Me(e), [e]), p = i(() => Ne(e, f), [e, f]), m = Ge(e.body ?? Le), h = e.body ?? "", [g, _] = o("body"), [v, b] = o("response"), [S, C] = o("body"), [w, E] = o(!1), [D, O] = o([]), [k, A] = o(null), [j, M] = o(null), N = i(() => we(e), [e]), P = j ?? N, F = p.filter((e) => e.enabled).length, L = ze.map((e) => e.id === "headers" ? {
+		...e,
+		badge: F
+	} : e), R = (n) => {
+		if (!r) return;
+		let i = Ie(e, {
+			method: e.method,
+			url: e.url,
+			body: h,
+			auth: f,
+			headers: p,
+			...n
+		});
+		t?.(i);
+	};
+	return /* @__PURE__ */ l("div", {
+		className: y("space-y-3", d),
+		children: [/* @__PURE__ */ l(z, {
+			flush: !0,
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "p-3",
+					children: [/* @__PURE__ */ l("div", {
+						className: "mb-4 flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ l("div", {
+							className: "flex min-w-0 items-center gap-3",
+							children: [a && /* @__PURE__ */ c("button", {
+								type: "button",
+								"aria-label": "Back to request snippets",
+								onClick: a,
+								className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-content transition-colors hover:bg-surface-2",
+								children: /* @__PURE__ */ c(x, {
+									name: "arrow-left",
+									className: "h-5 w-5"
+								})
+							}), /* @__PURE__ */ c("div", {
+								className: "font-heading text-sm font-semibold text-content",
+								children: "Try it Out"
+							})]
+						}), r && u && /* @__PURE__ */ c(T, {
+							type: "button",
+							size: "sm",
+							variant: "ghost",
+							onClick: u,
+							leftIcon: /* @__PURE__ */ c(x, {
+								name: "download",
+								className: "h-4 w-4"
+							}),
+							children: "Import"
+						})]
+					}), /* @__PURE__ */ c(Je, {
+						method: e.method,
+						url: e.url,
+						isSending: w,
+						editable: r,
+						onMethodChange: (e) => R({ method: e }),
+						onUrlChange: (e) => R({ url: e }),
+						onSend: async () => {
+							let t = Ie(e, {
+								method: e.method,
+								url: e.url,
+								body: h,
+								auth: f,
+								headers: p
+							}), r = Y(t);
+							E(!0);
+							let i = await nt(t, n);
+							E(!1), M(i), b("response"), O((e) => [{
+								request: t,
+								response: i,
+								at: Date.now()
+							}, ...e.filter((e) => Y(e.request) !== r)].slice(0, 25));
+						}
+					})]
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center justify-between gap-3 border-y border-border px-3",
+					children: [/* @__PURE__ */ c(B, {
+						items: L,
+						activeId: g,
+						onChange: (e) => _(e),
+						className: "border-b-0"
+					}), g === "body" && /* @__PURE__ */ c(T, {
+						type: "button",
+						size: "sm",
+						variant: "ghost",
+						onClick: () => {
+							try {
+								R({ body: We(m) }), A(null);
+							} catch {
+								A("Invalid JSON");
+							}
+						},
+						disabled: !r,
+						leftIcon: /* @__PURE__ */ c(x, {
+							name: "magic",
+							className: "h-4 w-4"
+						}),
+						children: "Format"
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "p-3",
+					children: /* @__PURE__ */ c(Qe, {
+						activeTab: g,
+						auth: f,
+						headers: p,
+						body: m,
+						bodyError: k,
+						editable: r,
+						onAuthChange: (e) => {
+							R({
+								auth: e,
+								headers: Pe(p, e, f)
+							});
+						},
+						onHeaderUpdate: (e, t) => {
+							let n = p[e], r = p.map((n, r) => r === e ? {
+								...n,
+								...t
+							} : n), i = r[e];
+							R({
+								auth: i && (n && J(n, f) || J(i, f) || q(i.key, X)) ? i.enabled ? Ae(i) : { type: "none" } : f,
+								headers: r
+							});
+						},
+						onHeaderRemove: (e) => {
+							let t = p[e];
+							R({
+								auth: t && (J(t, f) || q(t.key, X)) ? { type: "none" } : f,
+								headers: p.filter((t, n) => n !== e)
+							});
+						},
+						onHeaderAdd: () => {
+							R({ headers: [...p, {
+								key: "",
+								value: "",
+								enabled: !0
+							}] });
+						},
+						onBodyChange: (e) => R({ body: e }),
+						onBodyErrorClear: () => A(null)
+					})
+				})
+			]
+		}), /* @__PURE__ */ l(z, {
+			flush: !0,
+			children: [/* @__PURE__ */ l("div", {
+				className: "flex flex-wrap items-center justify-between gap-3 border-b border-border px-3",
+				children: [/* @__PURE__ */ c(B, {
+					items: Be,
+					activeId: v,
+					onChange: (e) => b(e),
+					className: "border-b-0"
+				}), v === "response" && /* @__PURE__ */ c(qe, {
+					value: S,
+					onChange: C
+				})]
+			}), v === "response" ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", {
+				className: "flex flex-wrap items-center gap-5 border-b border-border px-3 py-3 text-xs text-muted",
+				children: [
+					/* @__PURE__ */ c(I, {
+						status: P.status,
+						statusText: P.statusText
+					}),
+					/* @__PURE__ */ l("span", { children: [P.timeMs, "ms"] }),
+					/* @__PURE__ */ c("span", { children: P.size })
+				]
+			}), /* @__PURE__ */ c($e, {
+				responsePanel: S,
+				response: P
+			})] }) : /* @__PURE__ */ c("div", {
+				className: "p-3",
+				children: /* @__PURE__ */ c(tt, {
+					entries: D,
+					onSelect: (e) => {
+						t?.(e.request), M(e.response), b("response");
+					},
+					onClear: () => O([])
+				})
+			})]
+		})]
+	});
+}, it = [
+	"GET",
+	"POST",
+	"PUT",
+	"PATCH",
+	"DELETE"
+], at = /* @__PURE__ */ new Set([
+	"-d",
+	"--data",
+	"--data-raw",
+	"--data-binary",
+	"--data-ascii"
+]), ot = /* @__PURE__ */ new Set(["-H", "--header"]), st = /* @__PURE__ */ new Set(["-X", "--request"]), ct = /* @__PURE__ */ new Set(["--url"]), lt = "authorization", ut = "Bearer ";
+function dt(e) {
+	return e.replace(/\\\s*\n\s*/g, " ").trim();
+}
+function ft(e) {
+	return e.trim().replace(/^```(?:bash|sh|shell|zsh|curl)?\s*/i, "").replace(/\s*```$/i, "").replace(/^\s*[$>]\s*/gm, "").replace(/\\n/g, "\n").replace(/\\"/g, "\"").replace(/\\'/g, "'");
+}
+function pt(e) {
+	let t = [], n = "", r = null, i = !1, a = dt(ft(e)), o = () => {
+		n &&= (t.push(n), "");
+	};
+	for (let e = 0; e < a.length; e++) {
+		let t = a[e];
+		if (i) {
+			n += t, i = !1;
+			continue;
+		}
+		if (t === "\\" && r !== "'") {
+			let t = a[e + 1];
+			if (!r && t === "n") {
+				o(), e++;
+				continue;
+			}
+			if (!r && t && /\s/.test(t)) {
+				for (o(); e + 1 < a.length && /\s/.test(a[e + 1]);) e++;
+				continue;
+			}
+			i = !0;
+			continue;
+		}
+		if ((t === "\"" || t === "'") && (!r || r === t)) {
+			r = r ? null : t;
+			continue;
+		}
+		if (!r && /\s/.test(t)) {
+			o();
+			continue;
+		}
+		n += t;
+	}
+	return i && (n += "\\"), o(), t;
+}
+function mt(e) {
+	let t = e.findIndex((e) => e === "curl" || e.endsWith("/curl"));
+	return t >= 0 ? e.slice(t + 1) : e;
+}
+function ht(e) {
+	return /^(?:https?:\/\/\S+|\/\S*|[A-Za-z0-9.-]+\.[A-Za-z]{2,}\S*)$/.test(e);
+}
+function Z(e) {
+	return e.startsWith("http://") || e.startsWith("https://") || e.startsWith("/") ? e : `https://${e}`;
+}
+function gt(e) {
+	let t = e.toUpperCase();
+	return it.includes(t) ? t : null;
+}
+function _t(e) {
+	let t = e.indexOf(":");
+	return t < 0 ? null : {
+		key: e.slice(0, t).trim(),
+		value: e.slice(t + 1).trim()
+	};
+}
+function vt(e) {
+	let t = e.find((e) => e.key.toLowerCase() === lt);
+	if (t) return t.value.toLowerCase().startsWith(ut.toLowerCase()) ? {
+		type: "bearer",
+		token: t.value.slice(7)
+	} : {
+		type: "apiKey",
+		key: t.key,
+		value: t.value,
+		in: "header"
+	};
+}
+function yt(e) {
+	try {
+		return JSON.stringify(JSON.parse(e), null, 2);
+	} catch {
+		return e;
+	}
+}
+function Q(e) {
+	let t = mt(pt(e));
+	if (t.length === 0) return null;
+	let n = [], r = [], i = null, a = "";
+	for (let e = 0; e < t.length; e++) {
+		let o = t[e], s = t[e + 1];
+		if (st.has(o) && s) {
+			i = gt(s) ?? i, e++;
+			continue;
+		}
+		if (o.startsWith("-X") && o.length > 2) {
+			i = gt(o.slice(2)) ?? i;
+			continue;
+		}
+		if (ot.has(o) && s) {
+			let t = _t(s);
+			t && n.push(t), e++;
+			continue;
+		}
+		if (o.startsWith("-H") && o.length > 2) {
+			let e = _t(o.slice(2));
+			e && n.push(e);
+			continue;
+		}
+		if (at.has(o) && s !== void 0) {
+			r.push(s), e++;
+			continue;
+		}
+		let c = [...at].find((e) => o.startsWith(`${e}=`));
+		if (c) {
+			r.push(o.slice(c.length + 1));
+			continue;
+		}
+		if (ct.has(o) && s) {
+			a = Z(s), e++;
+			continue;
+		}
+		if (o.startsWith("--url=")) {
+			a = Z(o.slice(6));
+			continue;
+		}
+		!o.startsWith("-") && ht(o) && (a = Z(o));
+	}
+	if (!a) return null;
+	let o = r.length ? yt(r.join("&")) : "", s = i ?? (o ? "POST" : "GET"), c = vt(n);
+	return {
+		title: "Imported request",
+		method: s,
+		url: a,
+		headers: c ? n.filter((e) => e.key.toLowerCase() !== lt) : n,
+		auth: c,
+		body: o || void 0
+	};
+}
+//#endregion
+//#region src/features/api-widget/ImportCard.tsx
+var bt = "curl -X POST 'https://jsonplaceholder.typicode.com/posts' \\\n  -H 'Content-Type: application/json' \\\n  -d '{ \"title\": \"API client\", \"body\": \"Live request\", \"userId\": 1 }'", xt = ({ onImport: e, onCancel: t, className: n }) => {
+	let [r, i] = o(""), [a, s] = o(null);
+	return /* @__PURE__ */ c(z, {
+		flush: !0,
+		className: n,
+		children: /* @__PURE__ */ l("div", {
+			className: "space-y-4 p-3",
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center gap-3",
+					children: [t && /* @__PURE__ */ c("button", {
+						type: "button",
+						"aria-label": "Back",
+						onClick: t,
+						className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-content transition-colors hover:bg-surface-2",
+						children: /* @__PURE__ */ c(x, {
+							name: "arrow-left",
+							className: "h-5 w-5"
+						})
+					}), /* @__PURE__ */ c("div", {
+						className: "font-heading text-sm font-semibold text-content",
+						children: "Import"
+					})]
+				}),
+				/* @__PURE__ */ c("p", {
+					className: "text-xs text-muted",
+					children: "Paste a cURL command to populate the request."
+				}),
+				/* @__PURE__ */ c("textarea", {
+					value: r,
+					onChange: (e) => {
+						i(e.target.value), a && s(null);
+					},
+					spellCheck: !1,
+					rows: 5,
+					placeholder: bt,
+					"aria-label": "cURL command",
+					className: y("w-full resize-none rounded-lg border bg-surface-2 p-3 font-mono text-[13px] leading-relaxed text-content outline-none", "placeholder:text-muted/50 focus:ring-2 focus:ring-primary/20", a ? "border-red-500/60" : "border-border focus:border-primary/60")
+				}),
+				a && /* @__PURE__ */ c("p", {
+					className: "text-xs text-red-400",
+					children: a
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "flex items-center justify-end",
+					children: /* @__PURE__ */ c(T, {
+						size: "sm",
+						onClick: () => {
+							let t = Q(r);
+							if (!t) {
+								s("Could not parse a valid cURL command. Make sure it includes a URL.");
+								return;
+							}
+							e(t, r), i(""), s(null);
+						},
+						disabled: !r.trim(),
+						leftIcon: /* @__PURE__ */ c(x, {
+							name: "download",
+							className: "h-4 w-4"
+						}),
+						children: "Import"
+					})
+				})
+			]
+		})
+	});
+}, St = [
+	{
+		id: "curl",
+		label: "cURL"
+	},
+	{
+		id: "javascript",
+		label: "Javascript"
+	},
+	{
+		id: "python",
+		label: "Python"
+	},
+	{
+		id: "go",
+		label: "Go"
+	}
+];
+function Ct(e) {
+	return e === "curl" ? "bash" : e;
+}
+function wt(e) {
+	return !e || e.type === "none" ? null : e.type === "bearer" ? {
+		key: "Authorization",
+		value: `Bearer ${e.token}`
+	} : {
+		key: e.key,
+		value: e.value
+	};
+}
+function $(e) {
+	let t = wt(e.auth);
+	return t ? [...(e.headers ?? []).filter((e) => e.key.toLowerCase() !== t.key.toLowerCase()), t] : e.headers ?? [];
+}
+function Tt(e) {
+	let t = `curl -X ${e.method} '${e.url}'`;
+	for (let n of $(e)) t += ` \\\n  -H '${n.key}: ${n.value}'`;
+	return e.body && (t += ` \\\n  -d '${e.body}'`), t;
+}
+function Et(e) {
+	let t = [`method: '${e.method}'`], n = $(e);
+	if (n.length) {
+		let e = n.map((e) => `    '${e.key}': '${e.value}'`).join(",\n");
+		t.push(`headers: {\n${e}\n  }`);
+	}
+	return e.body && t.push(`body: JSON.stringify(${e.body})`), [
+		`const res = await fetch('${e.url}', {`,
+		`  ${t.join(",\n  ")},`,
+		"});",
+		"",
+		"const data = await res.json();",
+		"console.log(data);"
+	].join("\n");
+}
+function Dt(e) {
+	let t = [
+		"import requests",
+		"",
+		`url = "${e.url}"`
+	], n = ["url"], r = $(e);
+	if (r.length) {
+		t.push("", "headers = {");
+		for (let e of r) t.push(`    "${e.key}": "${e.value}",`);
+		t.push("}"), n.push("headers=headers");
+	}
+	return e.body && (t.push("", `payload = ${e.body}`), n.push("json=payload")), t.push("", `response = requests.${e.method.toLowerCase()}(${n.join(", ")})`, "print(response.json())"), t.join("\n");
+}
+function Ot(e) {
+	let t = [
+		"\"fmt\"",
+		"\"io\"",
+		"\"net/http\""
+	];
+	e.body && t.push("\"strings\"");
+	let n = [
+		"package main",
+		"",
+		"import ("
+	];
+	for (let e of t) n.push(`\t${e}`);
+	n.push(")", "", "func main() {"), e.body ? (n.push(`\tpayload := strings.NewReader(\`${e.body}\`)`), n.push(`\treq, _ := http.NewRequest("${e.method}", "${e.url}", payload)`)) : n.push(`\treq, _ := http.NewRequest("${e.method}", "${e.url}", nil)`);
+	for (let t of $(e)) n.push(`\treq.Header.Set("${t.key}", "${t.value}")`);
+	return n.push("	res, _ := http.DefaultClient.Do(req)", "	defer res.Body.Close()", "", "	body, _ := io.ReadAll(res.Body)", "	fmt.Println(string(body))", "}"), n.join("\n");
+}
+function kt(e, t) {
+	switch (t) {
+		case "curl": return Tt(e);
+		case "javascript": return Et(e);
+		case "python": return Dt(e);
+		case "go": return Ot(e);
+	}
+}
+//#endregion
+//#region src/features/api-widget/RequestSnippet.tsx
+var At = ({ request: e, onTryItOut: t }) => {
+	let [n, r] = o("curl"), a = i(() => kt(e, n), [e, n]), s = !!t;
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ l(z, {
+			label: e.title,
+			children: [/* @__PURE__ */ l("div", {
+				className: "relative flex items-center justify-between",
+				children: [/* @__PURE__ */ c(B, {
+					items: St,
+					activeId: n,
+					onChange: (e) => {
+						r(e);
+					},
+					className: "[&_button]:text-[14px]"
+				}), s && /* @__PURE__ */ c(T, {
+					size: "sm",
+					variant: "primary",
+					onClick: t,
+					rightIcon: /* @__PURE__ */ c(x, {
+						name: "arrow-right",
+						className: "h-4 w-4"
+					}),
+					children: "Try it"
+				})]
+			}), /* @__PURE__ */ c("div", {
+				className: "mt-4",
+				children: /* @__PURE__ */ c(W, {
+					code: a,
+					language: Ct(n),
+					showLineNumbers: !0
+				})
+			})]
+		}), e.sampleResponse && /* @__PURE__ */ c(z, {
+			label: "",
+			children: /* @__PURE__ */ c(W, {
+				code: e.sampleResponse,
+				language: "json"
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/features/api-widget/ApiWidget.tsx
+function jt(e) {
+	let [n, r] = o(() => typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+	return t(() => {
+		if (e !== "system") return;
+		let t = window.matchMedia("(prefers-color-scheme: dark)"), n = () => r(t.matches ? "dark" : "light");
+		return n(), t.addEventListener("change", n), () => t.removeEventListener("change", n);
+	}, [e]), e === "system" ? n : e;
+}
+function Mt(e) {
+	try {
+		let t = new URL(e.url);
+		return `${e.method} ${t.pathname || "/"}`;
+	} catch {
+		return `${e.method} ${e.url || "/"}`;
+	}
+}
+var Nt = ({ request: e, allowImport: t, editable: n, onTryImport: r }) => /* @__PURE__ */ l(z, {
+	label: "Invalid request",
+	children: [
+		/* @__PURE__ */ l("div", {
+			className: "relative flex items-center justify-between",
+			children: [/* @__PURE__ */ c("div", {
+				className: "text-sm font-medium text-content",
+				children: "cURL"
+			}), t && n && /* @__PURE__ */ c(T, {
+				size: "sm",
+				variant: "primary",
+				onClick: r,
+				rightIcon: /* @__PURE__ */ c(x, {
+					name: "download",
+					className: "h-4 w-4"
+				}),
+				children: "Import"
+			})]
+		}),
+		/* @__PURE__ */ c("div", {
+			className: "mt-4",
+			children: /* @__PURE__ */ c(W, {
+				code: e.trim() || "Paste or pass a cURL request with a URL.",
+				language: "bash",
+				showLineNumbers: !0
+			})
+		}),
+		/* @__PURE__ */ c("p", {
+			className: "mt-3 text-xs text-muted",
+			children: "The request could not be parsed into a valid URL."
+		})
+	]
+});
+function Pt(e, t, n) {
+	return {
+		...e,
+		title: t ?? Mt(e),
+		sampleResponse: n
+	};
+}
+var Ft = ({ request: e, title: n, sampleResponse: r, onUpdateRequest: a, editable: s = !0, allowImport: l = !0, mode: u = "dark", syncSnippet: d = !1, customization: f }) => {
+	let p = jt(u), [m, h] = o("idle"), [g, _] = o(e);
+	t(() => {
+		_(e);
+	}, [e]);
+	let v = i(() => {
+		let e = Q(g);
+		return e ? Pt(e, n, r) : null;
+	}, [
+		g,
+		n,
+		r
+	]), y = d ? g : e, b = i(() => {
+		let e = Q(y);
+		return e ? Pt(e, n, r) : null;
+	}, [
+		y,
+		n,
+		r
+	]), x = (e) => {
+		_(e), a?.(e);
+	}, S = (e) => {
+		x(kt(e, "curl"));
+	}, C = (e, t) => {
+		x(t.trim()), h("console");
+	};
+	return /* @__PURE__ */ c("div", {
+		"data-theme": p,
+		style: {
+			...f?.primary ? { "--primary": f.primary } : {},
+			...f?.background ? { "--bg": f.background } : {}
+		},
+		className: "bg-bg text-content text-left",
+		children: m === "import" ? /* @__PURE__ */ c("div", {
+			className: "motion-safe:animate-[widget-slide-in_180ms_ease-out]",
+			children: /* @__PURE__ */ c(xt, {
+				onImport: C,
+				onCancel: () => h(v ? "console" : "idle")
+			})
+		}, "import") : m === "console" && v ? /* @__PURE__ */ c("div", {
+			className: "motion-safe:animate-[widget-slide-in_180ms_ease-out]",
+			children: /* @__PURE__ */ c(rt, {
+				request: v,
+				onRequestChange: S,
+				editable: s,
+				onBack: () => h("idle"),
+				onImport: l && s ? () => h("import") : void 0
+			})
+		}, "console") : b ? /* @__PURE__ */ c(At, {
+			request: b,
+			onTryItOut: () => h("console")
+		}) : /* @__PURE__ */ c(Nt, {
+			request: y,
+			allowImport: l,
+			editable: s,
+			onTryImport: () => h("import")
+		})
+	});
+};
+//#endregion
+export { rt as ApiConsole, Ft as ApiWidget, xt as ImportCard, At as RequestSnippet, St as SNIPPET_LANGUAGES, Ce as executeWidgetRequest, kt as generateSnippet, Ct as highlightFor, we as mockWidgetResponse, Q as parseCurl, G as widgetErrorResponse };