@scalar/api-client 2.38.1 → 2.38.3

package/dist/global-cookies-D3ZS9ON3.js

@@ -0,0 +1,184 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BmmBcIzD.js";
+import { t as CodeInput_default } from "./code-input-iq-moLxi.js";
+import { a as DataTableCheckbox_default, i as DataTableHeader_default, n as DataTableRow_default, o as DataTableCell_default, s as DataTable_default } from "./data-table-PL7e8NRO.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
+import { ScalarButton } from "@scalar/components";
+import { ScalarIconTrash } from "@scalar/icons";
+//#endregion
+//#region src/v2/features/global-cookies/components/CookiesTable.vue
+var CookiesTable_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CookiesTable",
+	props: {
+		cookies: {},
+		eventBus: {},
+		collectionType: {}
+	},
+	setup(__props) {
+		/** Column widths: Enabled checkbox, Name, Value, Domain, Actions (delete button) */
+		const COLUMNS = [
+			"32px",
+			"1fr",
+			"1fr",
+			"1fr",
+			"36px"
+		];
+		/** Adds an empty row at the end for creating new cookies */
+		const displayRows = computed(() => {
+			/** Normalize the cookies to have name, value, and domain */
+			const cookieRows = __props.cookies.map((cookie) => ({
+				name: cookie.name,
+				value: cookie.value,
+				domain: cookie.domain ?? "",
+				isDisabled: cookie.isDisabled ?? false
+			}));
+			const lastCookie = __props.cookies.at(-1);
+			const hasContentInLastRow = lastCookie && (lastCookie.name !== "" || lastCookie.value !== "" || lastCookie.domain !== "");
+			if (!lastCookie || hasContentInLastRow) return [...cookieRows, {
+				name: "",
+				value: "",
+				domain: "",
+				isDisabled: true
+			}];
+			return cookieRows;
+		});
+		/** Updates an existing cookie or creates a new one */
+		const handleCookieChange = (name, value, domain, isDisabled, index) => {
+			const isNewCookie = index >= __props.cookies.length;
+			/**
+			* Do not allow adding a new cookie with an empty name on the last row,
+			* we allow it on other rows as it will delete the row
+			*/
+			if (!name && isNewCookie) return;
+			if (index >= __props.cookies.length) {
+				__props.eventBus.emit("cookie:upsert:cookie", {
+					payload: {
+						name,
+						value,
+						domain,
+						isDisabled: false
+					},
+					collectionType: __props.collectionType
+				});
+				return;
+			}
+			__props.eventBus.emit("cookie:upsert:cookie", {
+				payload: {
+					name,
+					value,
+					domain,
+					isDisabled
+				},
+				collectionType: __props.collectionType,
+				index
+			});
+		};
+		/** Deletes a cookie by index */
+		const handleCookieDelete = (index) => __props.eventBus.emit("cookie:delete:cookie", {
+			cookieName: __props.cookies[index]?.name ?? "",
+			index,
+			collectionType: __props.collectionType
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DataTable_default), {
+				class: "group/table data-table h-min flex-1 rounded border border-t-0",
+				columns: COLUMNS
+			}, {
+				default: withCtx(() => [createVNode(unref(DataTableRow_default), { class: "sr-only !block" }, {
+					default: withCtx(() => [
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Enabled", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Name", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Value", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Domain", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Actions", -1)])]),
+							_: 1
+						})
+					]),
+					_: 1
+				}), (openBlock(true), createElementBlock(Fragment, null, renderList(displayRows.value, (row, index) => {
+					return openBlock(), createBlock(unref(DataTableRow_default), {
+						key: index,
+						class: "group/row"
+					}, {
+						default: withCtx(() => [
+							createVNode(unref(DataTableCheckbox_default), {
+								class: "!border-r",
+								modelValue: !row.isDisabled,
+								"onUpdate:modelValue": (value) => handleCookieChange(row.name, row.value, row.domain, !value, index)
+							}, null, 8, ["modelValue", "onUpdate:modelValue"]),
+							createVNode(unref(DataTableCell_default), null, {
+								default: withCtx(() => [createVNode(unref(CodeInput_default), {
+									"aria-label": "Cookie Name",
+									disableCloseBrackets: "",
+									disableTabIndent: "",
+									environment: void 0,
+									lineWrapping: "",
+									modelValue: row.name,
+									placeholder: "Name",
+									"onUpdate:modelValue": (name) => handleCookieChange(name, row.value, row.domain, row.isDisabled, index)
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 2
+							}, 1024),
+							createVNode(unref(DataTableCell_default), null, {
+								default: withCtx(() => [createVNode(unref(CodeInput_default), {
+									"aria-label": "Cookie Value",
+									disableTabIndent: "",
+									environment: void 0,
+									lineWrapping: "",
+									modelValue: row.value,
+									placeholder: "Value",
+									"onUpdate:modelValue": (value) => handleCookieChange(row.name, value, row.domain, row.isDisabled, index)
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 2
+							}, 1024),
+							createVNode(unref(DataTableCell_default), null, {
+								default: withCtx(() => [createVNode(unref(CodeInput_default), {
+									"aria-label": "Cookie Domain",
+									disableCloseBrackets: "",
+									disableTabIndent: "",
+									environment: void 0,
+									lineWrapping: "",
+									modelValue: row.domain,
+									placeholder: "Domain",
+									"onUpdate:modelValue": (domain) => handleCookieChange(row.name, row.value, domain, row.isDisabled, index)
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 2
+							}, 1024),
+							createVNode(unref(DataTableCell_default), { class: "flex items-center justify-center" }, {
+								default: withCtx(() => [index < __props.cookies.length ? (openBlock(), createBlock(unref(ScalarButton), {
+									key: 0,
+									class: "text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex",
+									size: "sm",
+									variant: "ghost",
+									onClick: ($event) => handleCookieDelete(index)
+								}, {
+									default: withCtx(() => [createVNode(unref(ScalarIconTrash), { class: "size-3.5" })]),
+									_: 1
+								}, 8, ["onClick"])) : createCommentVNode("", true)]),
+								_: 2
+							}, 1024)
+						]),
+						_: 2
+					}, 1024);
+				}), 128))]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-ddfccc08"]]);
+//#endregion
+export { CookiesTable_default as t };
+
+//# sourceMappingURL=global-cookies-D3ZS9ON3.js.map

package/dist/global-cookies-D3ZS9ON3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-cookies-D3ZS9ON3.js","names":[],"sources":["../src/v2/features/global-cookies/components/CookiesTable.vue","../src/v2/features/global-cookies/components/CookiesTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconTrash } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarCookie } from '@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies'\nimport { computed } from 'vue'\n\nimport { CodeInput } from '@/v2/components/code-input'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableCheckbox,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nconst { cookies, eventBus, collectionType } = defineProps<\n  {\n    cookies: XScalarCookie[]\n    eventBus: WorkspaceEventBus\n  } & CollectionType\n>()\n\n/** Column widths: Enabled checkbox, Name, Value, Domain, Actions (delete button) */\nconst COLUMNS = ['32px', '1fr', '1fr', '1fr', '36px']\n\n/** Adds an empty row at the end for creating new cookies */\nconst displayRows = computed<\n  {\n    name: string\n    value: string\n    domain: string\n    isDisabled: boolean\n  }[]\n>(() => {\n  /** Normalize the cookies to have name, value, and domain */\n  const cookieRows = cookies.map((cookie) => ({\n    name: cookie.name,\n    value: cookie.value,\n    domain: cookie.domain ?? '',\n    isDisabled: cookie.isDisabled ?? false,\n  }))\n\n  const lastCookie = cookies.at(-1)\n  const hasContentInLastRow =\n    lastCookie &&\n    (lastCookie.name !== '' ||\n      lastCookie.value !== '' ||\n      lastCookie.domain !== '')\n\n  // Add the extra row at the end\n  if (!lastCookie || hasContentInLastRow) {\n    return [\n      ...cookieRows,\n      { name: '', value: '', domain: '', isDisabled: true },\n    ]\n  }\n\n  return cookieRows\n})\n\n/** Updates an existing cookie or creates a new one */\nconst handleCookieChange = (\n  name: string,\n  value: string,\n  domain: string,\n  isDisabled: boolean,\n  index: number,\n): void => {\n  const isNewCookie = index >= cookies.length\n\n  /**\n   * Do not allow adding a new cookie with an empty name on the last row,\n   * we allow it on other rows as it will delete the row\n   */\n  if (!name && isNewCookie) {\n    return\n  }\n\n  // Adding a new cookie\n  if (index >= cookies.length) {\n    eventBus.emit('cookie:upsert:cookie', {\n      payload: { name, value, domain, isDisabled: false },\n      collectionType,\n    })\n    return\n  }\n\n  // Updating existing cookie\n  eventBus.emit('cookie:upsert:cookie', {\n    payload: { name, value, domain, isDisabled },\n    collectionType,\n    index,\n  })\n}\n\n/** Deletes a cookie by index */\nconst handleCookieDelete = (index: number): void =>\n  eventBus.emit('cookie:delete:cookie', {\n    cookieName: cookies[index]?.name ?? '',\n    index,\n    collectionType,\n  })\n</script>\n<template>\n  <!-- Cookies table -->\n  <DataTable\n    class=\"group/table data-table h-min flex-1 rounded border border-t-0\"\n    :columns=\"COLUMNS\">\n    <!-- Accessibility header row -->\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>Enabled</DataTableHeader>\n      <DataTableHeader>Name</DataTableHeader>\n      <DataTableHeader>Value</DataTableHeader>\n      <DataTableHeader>Domain</DataTableHeader>\n      <DataTableHeader>Actions</DataTableHeader>\n    </DataTableRow>\n\n    <!-- Cookie rows -->\n    <DataTableRow\n      v-for=\"(row, index) in displayRows\"\n      :key=\"index\"\n      class=\"group/row\">\n      <!-- Enabled checkbox -->\n      <DataTableCheckbox\n        class=\"!border-r\"\n        :modelValue=\"!row.isDisabled\"\n        @update:modelValue=\"\n          (value) =>\n            handleCookieChange(row.name, row.value, row.domain, !value, index)\n        \" />\n\n      <!-- Name -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Cookie Name\"\n          disableCloseBrackets\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.name\"\n          placeholder=\"Name\"\n          @update:modelValue=\"\n            (name) =>\n              handleCookieChange(\n                name,\n                row.value,\n                row.domain,\n                row.isDisabled,\n                index,\n              )\n          \" />\n      </DataTableCell>\n\n      <!-- Value -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Cookie Value\"\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.value\"\n          placeholder=\"Value\"\n          @update:modelValue=\"\n            (value) =>\n              handleCookieChange(\n                row.name,\n                value,\n                row.domain,\n                row.isDisabled,\n                index,\n              )\n          \" />\n      </DataTableCell>\n\n      <!-- Domain -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Cookie Domain\"\n          disableCloseBrackets\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.domain\"\n          placeholder=\"Domain\"\n          @update:modelValue=\"\n            (domain) =>\n              handleCookieChange(\n                row.name,\n                row.value,\n                domain,\n                row.isDisabled,\n                index,\n              )\n          \" />\n      </DataTableCell>\n\n      <!-- Delete button -->\n      <DataTableCell class=\"flex items-center justify-center\">\n        <ScalarButton\n          v-if=\"index < cookies.length\"\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex\"\n          size=\"sm\"\n          variant=\"ghost\"\n          @click=\"handleCookieDelete(index)\">\n          <ScalarIconTrash class=\"size-3.5\" />\n        </ScalarButton>\n      </DataTableCell>\n    </DataTableRow>\n  </DataTable>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n  width: 100%;\n}\n:deep(.cm-content):has(.cm-pill) {\n  padding: 5px 8px;\n}\n:deep(.cm-content .cm-pill:not(:last-of-type)) {\n  margin-right: 0.5px;\n}\n:deep(.cm-content .cm-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n:deep(.cm-line) {\n  overflow: hidden;\n  padding: 0;\n  text-overflow: ellipsis;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconTrash } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarCookie } from '@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies'\nimport { computed } from 'vue'\n\nimport { CodeInput } from '@/v2/components/code-input'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableCheckbox,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nconst { cookies, eventBus, collectionType } = defineProps<\n  {\n    cookies: XScalarCookie[]\n    eventBus: WorkspaceEventBus\n  } & CollectionType\n>()\n\n/** Column widths: Enabled checkbox, Name, Value, Domain, Actions (delete button) */\nconst COLUMNS = ['32px', '1fr', '1fr', '1fr', '36px']\n\n/** Adds an empty row at the end for creating new cookies */\nconst displayRows = computed<\n  {\n    name: string\n    value: string\n    domain: string\n    isDisabled: boolean\n  }[]\n>(() => {\n  /** Normalize the cookies to have name, value, and domain */\n  const cookieRows = cookies.map((cookie) => ({\n    name: cookie.name,\n    value: cookie.value,\n    domain: cookie.domain ?? '',\n    isDisabled: cookie.isDisabled ?? false,\n  }))\n\n  const lastCookie = cookies.at(-1)\n  const hasContentInLastRow =\n    lastCookie &&\n    (lastCookie.name !== '' ||\n      lastCookie.value !== '' ||\n      lastCookie.domain !== '')\n\n  // Add the extra row at the end\n  if (!lastCookie || hasContentInLastRow) {\n    return [\n      ...cookieRows,\n      { name: '', value: '', domain: '', isDisabled: true },\n    ]\n  }\n\n  return cookieRows\n})\n\n/** Updates an existing cookie or creates a new one */\nconst handleCookieChange = (\n  name: string,\n  value: string,\n  domain: string,\n  isDisabled: boolean,\n  index: number,\n): void => {\n  const isNewCookie = index >= cookies.length\n\n  /**\n   * Do not allow adding a new cookie with an empty name on the last row,\n   * we allow it on other rows as it will delete the row\n   */\n  if (!name && isNewCookie) {\n    return\n  }\n\n  // Adding a new cookie\n  if (index >= cookies.length) {\n    eventBus.emit('cookie:upsert:cookie', {\n      payload: { name, value, domain, isDisabled: false },\n      collectionType,\n    })\n    return\n  }\n\n  // Updating existing cookie\n  eventBus.emit('cookie:upsert:cookie', {\n    payload: { name, value, domain, isDisabled },\n    collectionType,\n    index,\n  })\n}\n\n/** Deletes a cookie by index */\nconst handleCookieDelete = (index: number): void =>\n  eventBus.emit('cookie:delete:cookie', {\n    cookieName: cookies[index]?.name ?? '',\n    index,\n    collectionType,\n  })\n</script>\n<template>\n  <!-- Cookies table -->\n  <DataTable\n    class=\"group/table data-table h-min flex-1 rounded border border-t-0\"\n    :columns=\"COLUMNS\">\n    <!-- Accessibility header row -->\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>Enabled</DataTableHeader>\n      <DataTableHeader>Name</DataTableHeader>\n      <DataTableHeader>Value</DataTableHeader>\n      <DataTableHeader>Domain</DataTableHeader>\n      <DataTableHeader>Actions</DataTableHeader>\n    </DataTableRow>\n\n    <!-- Cookie rows -->\n    <DataTableRow\n      v-for=\"(row, index) in displayRows\"\n      :key=\"index\"\n      class=\"group/row\">\n      <!-- Enabled checkbox -->\n      <DataTableCheckbox\n        class=\"!border-r\"\n        :modelValue=\"!row.isDisabled\"\n        @update:modelValue=\"\n          (value) =>\n            handleCookieChange(row.name, row.value, row.domain, !value, index)\n        \" />\n\n      <!-- Name -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Cookie Name\"\n          disableCloseBrackets\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.name\"\n          placeholder=\"Name\"\n          @update:modelValue=\"\n            (name) =>\n              handleCookieChange(\n                name,\n                row.value,\n                row.domain,\n                row.isDisabled,\n                index,\n              )\n          \" />\n      </DataTableCell>\n\n      <!-- Value -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Cookie Value\"\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.value\"\n          placeholder=\"Value\"\n          @update:modelValue=\"\n            (value) =>\n              handleCookieChange(\n                row.name,\n                value,\n                row.domain,\n                row.isDisabled,\n                index,\n              )\n          \" />\n      </DataTableCell>\n\n      <!-- Domain -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Cookie Domain\"\n          disableCloseBrackets\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.domain\"\n          placeholder=\"Domain\"\n          @update:modelValue=\"\n            (domain) =>\n              handleCookieChange(\n                row.name,\n                row.value,\n                domain,\n                row.isDisabled,\n                index,\n              )\n          \" />\n      </DataTableCell>\n\n      <!-- Delete button -->\n      <DataTableCell class=\"flex items-center justify-center\">\n        <ScalarButton\n          v-if=\"index < cookies.length\"\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex\"\n          size=\"sm\"\n          variant=\"ghost\"\n          @click=\"handleCookieDelete(index)\">\n          <ScalarIconTrash class=\"size-3.5\" />\n        </ScalarButton>\n      </DataTableCell>\n    </DataTableRow>\n  </DataTable>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n  width: 100%;\n}\n:deep(.cm-content):has(.cm-pill) {\n  padding: 5px 8px;\n}\n:deep(.cm-content .cm-pill:not(:last-of-type)) {\n  margin-right: 0.5px;\n}\n:deep(.cm-content .cm-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n:deep(.cm-line) {\n  overflow: hidden;\n  padding: 0;\n  text-overflow: ellipsis;\n}\n</style>\n"],"mappings":"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"}

package/dist/hooks/index.d.ts

@@ -1,5 +1,5 @@
-export { type UseFileDialogOptions, useFileDialog } from './useFileDialog.js';
-export { type ClientLayout, LAYOUT_SYMBOL, useLayout } from './useLayout.js';
-export { useResponseBody } from './useResponseBody.js';
-export { useSidebar } from './useSidebar.js';
+export { type UseFileDialogOptions, useFileDialog } from './useFileDialog';
+export { type ClientLayout, LAYOUT_SYMBOL, useLayout } from './useLayout';
+export { useResponseBody } from './useResponseBody';
+export { useSidebar } from './useSidebar';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.js

@@ -1,11 +1,3 @@
-import { useFileDialog as r } from "./useFileDialog.js";
-import { LAYOUT_SYMBOL as p, useLayout as t } from "./useLayout.js";
-import { useResponseBody as f } from "./useResponseBody.js";
-import { useSidebar as x } from "./useSidebar.js";
-export {
-  p as LAYOUT_SYMBOL,
-  r as useFileDialog,
-  t as useLayout,
-  f as useResponseBody,
-  x as useSidebar
-};
+import { a as useLayout, i as LAYOUT_SYMBOL, r as useSidebar } from "../useSidebar-DLTwHDI-.js";
+import { n as useFileDialog, t as useResponseBody } from "../hooks-BvZxH4XB.js";
+export { LAYOUT_SYMBOL, useFileDialog, useLayout, useResponseBody, useSidebar };

package/dist/hooks/useSidebar.d.ts

@@ -1,5 +1,5 @@
 import { type InjectionKey } from 'vue';
-import type { ClientLayout } from '../hooks/useLayout.js';
+import type { ClientLayout } from '@/hooks/useLayout';
 type CollapsedSidebarFolders = Record<string, boolean>;
 /** Creates the sidebar state so that it can be unique across instances of the client */
 export declare const createSidebarState: ({ layout }: {

package/dist/hooks-BvZxH4XB.js

@@ -0,0 +1,80 @@
+import { computed, isRef, readonly, ref } from "vue";
+import MimeTypeParser from "whatwg-mimetype";
+//#region src/hooks/useFileDialog.ts
+/**
+* Simplified interface for opening a file picker dialog
+* Derived from vueuse @see https://vueuse.org/useFileDialog
+*/
+function useFileDialog({ multiple, accept, onChange, onError } = {}) {
+	const files = ref(null);
+	let input;
+	if (typeof document !== "undefined") {
+		input = document.createElement("input");
+		input.type = "file";
+		input.onchange = (event) => {
+			files.value = event.target.files;
+			onChange?.(files.value);
+		};
+		input.onerror = () => onError?.();
+		input.multiple = multiple;
+		input.accept = accept;
+	}
+	const open = () => {
+		if (!input) return onError?.();
+		input.click();
+	};
+	return {
+		files: readonly(files),
+		open
+	};
+}
+//#endregion
+//#region src/libs/extractAttachmentFilename.ts
+var decodeURIComponentSafe = (str) => {
+	try {
+		return decodeURIComponent(str);
+	} catch {
+		return str;
+	}
+};
+/**
+* Extract the filename from a content disposition header
+*/
+function extractFilename(contentDisposition) {
+	let filename = "";
+	if (contentDisposition) {
+		const fileNameMatch = contentDisposition.match(/filename\*=UTF-8''([^;]+)/)?.[1] ?? contentDisposition.match(/filename\s*=\s*"?([^";]+)"?/)?.[1];
+		if (fileNameMatch) filename = decodeURIComponentSafe(fileNameMatch.trim());
+	}
+	return filename;
+}
+//#endregion
+//#region src/hooks/useResponseBody.ts
+/**
+* Processes the response body of an HTTP request.
+* Extracts MIME type, attachment filename, and generates a data URL.
+*/
+function useResponseBody(props) {
+	const isBlob = (b) => b instanceof Blob;
+	const dataRef = computed(() => isRef(props.data) ? props.data.value : props.data);
+	const headersRef = computed(() => isRef(props.headers) ? props.headers.value : props.headers);
+	const mimeType = computed(() => {
+		return new MimeTypeParser(headersRef.value.find((header) => header.name.toLowerCase() === "content-type")?.value ?? "");
+	});
+	return {
+		mimeType,
+		attachmentFilename: computed(() => {
+			return extractFilename(headersRef.value.find((header) => header.name.toLowerCase() === "content-disposition")?.value ?? "");
+		}),
+		dataUrl: computed(() => {
+			if (isBlob(dataRef.value)) return URL.createObjectURL(dataRef.value);
+			if (typeof dataRef.value === "string") return URL.createObjectURL(new Blob([dataRef.value], { type: mimeType.value.toString() }));
+			if (dataRef.value instanceof Object && Object.keys(dataRef.value).length) return URL.createObjectURL(new Blob([JSON.stringify(dataRef.value)], { type: mimeType.value.toString() }));
+			return "";
+		})
+	};
+}
+//#endregion
+export { useFileDialog as n, useResponseBody as t };
+
+//# sourceMappingURL=hooks-BvZxH4XB.js.map

package/dist/hooks-BvZxH4XB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks-BvZxH4XB.js","names":[],"sources":["../src/hooks/useFileDialog.ts","../src/libs/extractAttachmentFilename.ts","../src/hooks/useResponseBody.ts"],"sourcesContent":["import { readonly, ref } from 'vue'\n\nexport type UseFileDialogOptions = {\n  multiple?: boolean\n  /** @default '*' */\n  accept?: string\n  onChange?: (files: FileList | null) => void | Promise<void>\n  onError?: () => void | Promise<void>\n}\n\n/**\n * Simplified interface for opening a file picker dialog\n * Derived from vueuse @see https://vueuse.org/useFileDialog\n */\nexport function useFileDialog({ multiple, accept, onChange, onError }: UseFileDialogOptions = {}) {\n  const files = ref<FileList | null>(null)\n\n  let input: HTMLInputElement | undefined\n  if (typeof document !== 'undefined') {\n    input = document.createElement('input')\n    input.type = 'file'\n\n    input.onchange = (event: Event) => {\n      const result = event.target as HTMLInputElement\n      files.value = result.files\n      onChange?.(files.value)\n    }\n\n    input.onerror = () => onError?.()\n\n    input.multiple = multiple!\n    input.accept = accept!\n  }\n\n  const open = () => {\n    if (!input) {\n      return onError?.()\n    }\n\n    input.click()\n  }\n\n  return {\n    files: readonly(files),\n    open,\n  }\n}\n","const decodeURIComponentSafe = (str: string) => {\n  try {\n    return decodeURIComponent(str)\n  } catch {\n    return str\n  }\n}\n\n/**\n * Extract the filename from a content disposition header\n */\nexport function extractFilename(contentDisposition: string) {\n  let filename = ''\n\n  if (contentDisposition) {\n    const fileNameMatch =\n      contentDisposition.match(/filename\\*=UTF-8''([^;]+)/)?.[1] ??\n      contentDisposition.match(/filename\\s*=\\s*\"?([^\";]+)\"?/)?.[1]\n\n    if (fileNameMatch) {\n      // Decode filename\n      filename = decodeURIComponentSafe(fileNameMatch.trim())\n    }\n  }\n\n  return filename\n}\n","import type { Ref } from 'vue'\nimport { computed, isRef } from 'vue'\nimport MimeType from 'whatwg-mimetype'\n\nimport { extractFilename } from '@/libs/extractAttachmentFilename'\n\n/**\n * Processes the response body of an HTTP request.\n * Extracts MIME type, attachment filename, and generates a data URL.\n */\nexport function useResponseBody(props: {\n  data: Ref<unknown>\n  headers: Ref<{ name: string; value: string; required: boolean }[]>\n}) {\n  const isBlob = (b: any): b is Blob => b instanceof Blob\n\n  // Handle both Ref and direct values\n  const dataRef = computed(() => (isRef(props.data) ? props.data.value : props.data))\n  const headersRef = computed(() => (isRef(props.headers) ? props.headers.value : props.headers))\n\n  const mimeType = computed(() => {\n    const contentType = headersRef.value.find((header) => header.name.toLowerCase() === 'content-type')?.value ?? ''\n    return new MimeType(contentType)\n  })\n\n  const attachmentFilename = computed(() => {\n    const value = headersRef.value.find((header) => header.name.toLowerCase() === 'content-disposition')?.value ?? ''\n    return extractFilename(value)\n  })\n\n  const dataUrl = computed<string>(() => {\n    if (isBlob(dataRef.value)) {\n      return URL.createObjectURL(dataRef.value)\n    }\n    if (typeof dataRef.value === 'string') {\n      return URL.createObjectURL(new Blob([dataRef.value], { type: mimeType.value.toString() }))\n    }\n    if (dataRef.value instanceof Object && Object.keys(dataRef.value).length) {\n      return URL.createObjectURL(\n        new Blob([JSON.stringify(dataRef.value)], {\n          type: mimeType.value.toString(),\n        }),\n      )\n    }\n    return ''\n  })\n\n  return { mimeType, attachmentFilename, dataUrl }\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,cAAc,EAAE,UAAU,QAAQ,UAAU,YAAkC,EAAE,EAAE;CAChG,MAAM,QAAQ,IAAqB,KAAK;CAExC,IAAI;AACJ,KAAI,OAAO,aAAa,aAAa;AACnC,UAAQ,SAAS,cAAc,QAAQ;AACvC,QAAM,OAAO;AAEb,QAAM,YAAY,UAAiB;AAEjC,SAAM,QADS,MAAM,OACA;AACrB,cAAW,MAAM,MAAM;;AAGzB,QAAM,gBAAgB,WAAW;AAEjC,QAAM,WAAW;AACjB,QAAM,SAAS;;CAGjB,MAAM,aAAa;AACjB,MAAI,CAAC,MACH,QAAO,WAAW;AAGpB,QAAM,OAAO;;AAGf,QAAO;EACL,OAAO,SAAS,MAAM;EACtB;EACD;;;;AC7CH,IAAM,0BAA0B,QAAgB;AAC9C,KAAI;AACF,SAAO,mBAAmB,IAAI;SACxB;AACN,SAAO;;;;;;AAOX,SAAgB,gBAAgB,oBAA4B;CAC1D,IAAI,WAAW;AAEf,KAAI,oBAAoB;EACtB,MAAM,gBACJ,mBAAmB,MAAM,4BAA4B,GAAG,MACxD,mBAAmB,MAAM,8BAA8B,GAAG;AAE5D,MAAI,cAEF,YAAW,uBAAuB,cAAc,MAAM,CAAC;;AAI3D,QAAO;;;;;;;;ACfT,SAAgB,gBAAgB,OAG7B;CACD,MAAM,UAAU,MAAsB,aAAa;CAGnD,MAAM,UAAU,eAAgB,MAAM,MAAM,KAAK,GAAG,MAAM,KAAK,QAAQ,MAAM,KAAM;CACnF,MAAM,aAAa,eAAgB,MAAM,MAAM,QAAQ,GAAG,MAAM,QAAQ,QAAQ,MAAM,QAAS;CAE/F,MAAM,WAAW,eAAe;AAE9B,SAAO,IAAI,eADS,WAAW,MAAM,MAAM,WAAW,OAAO,KAAK,aAAa,KAAK,eAAe,EAAE,SAAS,GAC9E;GAChC;AAwBF,QAAO;EAAE;EAAU,oBAtBQ,eAAe;AAExC,UAAO,gBADO,WAAW,MAAM,MAAM,WAAW,OAAO,KAAK,aAAa,KAAK,sBAAsB,EAAE,SAAS,GAClF;IAC7B;EAmBqC,SAjBvB,eAAuB;AACrC,OAAI,OAAO,QAAQ,MAAM,CACvB,QAAO,IAAI,gBAAgB,QAAQ,MAAM;AAE3C,OAAI,OAAO,QAAQ,UAAU,SAC3B,QAAO,IAAI,gBAAgB,IAAI,KAAK,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,SAAS,MAAM,UAAU,EAAE,CAAC,CAAC;AAE5F,OAAI,QAAQ,iBAAiB,UAAU,OAAO,KAAK,QAAQ,MAAM,CAAC,OAChE,QAAO,IAAI,gBACT,IAAI,KAAK,CAAC,KAAK,UAAU,QAAQ,MAAM,CAAC,EAAE,EACxC,MAAM,SAAS,MAAM,UAAU,EAChC,CAAC,CACH;AAEH,UAAO;IACP;EAE8C"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import './style.css';
-export { ApiClientApp, createApiClientApp } from './layouts/App/index.js';
-export { type ApiClient, createApiClientModal } from './layouts/Modal/index.js';
-export { useWorkspace } from './store/store.js';
+export { ApiClientApp, createApiClientApp } from './layouts/App';
+export { type ApiClient, createApiClientModal } from './layouts/Modal';
+export { useWorkspace } from './store/store';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,12 +1,8 @@
-/* empty css          */
-import { useWorkspace as t } from "./store/store.js";
-import { default as a } from "./layouts/App/ApiClientApp.vue.js";
-/* empty css                              */
-import { createApiClientApp as f } from "./layouts/App/create-api-client-app.js";
-import { createApiClientModal as A } from "./layouts/Modal/create-api-client-modal.js";
-export {
-  a as ApiClientApp,
-  f as createApiClientApp,
-  A as createApiClientModal,
-  t as useWorkspace
-};
+import "./CommandPalette-BiA0IgO8.js";
+import { r as useWorkspace } from "./store-DaPoVtIS.js";
+import { n as ApiClientApp_default, t as createApiClientApp } from "./App-BpNPKHmM.js";
+import "./HttpMethod-rnWEgC3T.js";
+import "./MainLayout-oMIJ5QXF.js";
+import "./ModalClientContainer-qHsZi4wQ.js";
+import { t as createApiClientModal } from "./Modal-DkOa_KK0.js";
+export { ApiClientApp_default as ApiClientApp, createApiClientApp, createApiClientModal, useWorkspace };

package/dist/layout-BWiL7dfb.js

@@ -0,0 +1,81 @@
+import { t as ValueEmitter_default } from "./ValueEmitter-QYkZ9Hdc.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useId, withCtx } from "vue";
+import { ScalarIcon } from "@scalar/components";
+import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+//#region src/v2/components/layout/CollapsibleSection.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-labelledby"];
+var _hoisted_2 = { class: "text-c-1 m-0 flex flex-1 items-center gap-1.5 leading-[20px]" };
+var _hoisted_3 = ["id"];
+var _hoisted_4 = {
+	key: 0,
+	class: "sr-only"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "bg-b-2 text-c-2 inline-flex h-5 w-5 items-center justify-center rounded-full border text-xs font-semibold"
+};
+var _hoisted_6 = { class: "sr-only" };
+var _hoisted_7 = {
+	key: 0,
+	class: "ui-not-open:hidden flex items-center gap-2 pr-0.75"
+};
+//#endregion
+//#region src/v2/components/layout/CollapsibleSection.vue
+var CollapsibleSection_default = /* @__PURE__ */ defineComponent({
+	name: "CollapsibleSection",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: true
+		},
+		itemCount: { default: 0 },
+		isStatic: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const headingId = useId();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Disclosure), {
+				as: "div",
+				class: normalizeClass(["group/collapse text-c-2 focus-within:text-c-1 last:ui-open:border-b-0 border-b", __props.isStatic && "last-of-type:first-of-type:border-b-0"]),
+				defaultOpen: __props.defaultOpen,
+				static: __props.isStatic
+			}, {
+				default: withCtx(({ open }) => [createVNode(ValueEmitter_default, {
+					value: open,
+					onChange: _cache[0] || (_cache[0] = (value) => emit("update:modelValue", value))
+				}, null, 8, ["value"]), createElementVNode("section", {
+					"aria-labelledby": unref(headingId),
+					class: "contents"
+				}, [createElementVNode("div", { class: normalizeClass(["bg-b-2 flex items-center", __props.isStatic && "rounded-t-xl border border-b-0"]) }, [createVNode(unref(DisclosureButton), {
+					class: normalizeClass(["hover:text-c-1 group box-content flex max-h-8 flex-1 items-center gap-2.5 overflow-hidden px-1 py-1.5 text-base font-medium outline-none md:px-1.5 xl:pr-0.5 xl:pl-2", __props.isStatic && "!pl-3"]),
+					disabled: __props.isStatic
+				}, {
+					default: withCtx(() => [!__props.isStatic ? (openBlock(), createBlock(unref(ScalarIcon), {
+						key: 0,
+						class: "text-c-3 group-hover:text-c-1 rounded-px ui-open:rotate-90 ui-not-open:rotate-0 outline-offset-2 group-focus-visible:outline",
+						icon: "ChevronRight",
+						size: "md"
+					})) : createCommentVNode("", true), createElementVNode("h2", _hoisted_2, [createElementVNode("span", {
+						id: unref(headingId),
+						class: "contents"
+					}, [renderSlot(_ctx.$slots, "title", { open }), !open ? (openBlock(), createElementBlock("span", _hoisted_4, " (Collapsed) ")) : createCommentVNode("", true)], 8, _hoisted_3), !open && __props.itemCount ? (openBlock(), createElementBlock("span", _hoisted_5, [createTextVNode(toDisplayString(__props.itemCount) + " ", 1), createElementVNode("span", _hoisted_6, "Item" + toDisplayString(__props.itemCount === 1 ? "" : "s"), 1)])) : createCommentVNode("", true)])]),
+					_: 2
+				}, 1032, ["class", "disabled"]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "actions", { open })])) : createCommentVNode("", true)], 2), createVNode(unref(DisclosurePanel), mergeProps(_ctx.$attrs, { class: "diclosure-panel h-full max-h-fit rounded-b" }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", { open })]),
+					_: 2
+				}, 1040)], 8, _hoisted_1)]),
+				_: 3
+			}, 8, [
+				"class",
+				"defaultOpen",
+				"static"
+			]);
+		};
+	}
+});
+//#endregion
+export { CollapsibleSection_default as t };
+
+//# sourceMappingURL=layout-BWiL7dfb.js.map

package/dist/layout-BWiL7dfb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-BWiL7dfb.js","names":["$slots","$attrs"],"sources":["../src/v2/components/layout/CollapsibleSection.vue","../src/v2/components/layout/CollapsibleSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Simple collapsible section component that can be used to wrap content that should be collapsed and expanded\n *\n * Would like to replace with details/summary elements, but they are not supported in all browsers yet?\n */\nexport default {\n  name: 'CollapsibleSection',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components'\nimport { useId } from 'vue'\n\nimport ValueEmitter from './ValueEmitter.vue'\n\nconst {\n  defaultOpen = true,\n  itemCount = 0,\n  isStatic,\n} = defineProps<{\n  /** Whether the disclosure is open by default. */\n  defaultOpen?: boolean\n  /** Number of items to show in badge when collapsed. */\n  itemCount?: number\n  /** Whether the disclosure is static and cannot be toggled. */\n  isStatic?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst headingId = useId()\n</script>\n\n<template>\n  <Disclosure\n    v-slot=\"{ open }\"\n    as=\"div\"\n    class=\"group/collapse text-c-2 focus-within:text-c-1 last:ui-open:border-b-0 border-b\"\n    :class=\"isStatic && 'last-of-type:first-of-type:border-b-0'\"\n    :defaultOpen=\"defaultOpen\"\n    :static=\"isStatic\">\n    <!-- We use this hack to emit the slot value back to the parent -->\n    <ValueEmitter\n      :value=\"open as boolean\"\n      @change=\"(value) => emit('update:modelValue', value)\" />\n\n    <section\n      :aria-labelledby=\"headingId\"\n      class=\"contents\">\n      <div\n        class=\"bg-b-2 flex items-center\"\n        :class=\"isStatic && 'rounded-t-xl border border-b-0'\">\n        <!-- Main disclosure button that toggles the panel -->\n        <DisclosureButton\n          class=\"hover:text-c-1 group box-content flex max-h-8 flex-1 items-center gap-2.5 overflow-hidden px-1 py-1.5 text-base font-medium outline-none md:px-1.5 xl:pr-0.5 xl:pl-2\"\n          :class=\"isStatic && '!pl-3'\"\n          :disabled=\"isStatic\">\n          <ScalarIcon\n            v-if=\"!isStatic\"\n            class=\"text-c-3 group-hover:text-c-1 rounded-px ui-open:rotate-90 ui-not-open:rotate-0 outline-offset-2 group-focus-visible:outline\"\n            icon=\"ChevronRight\"\n            size=\"md\" />\n\n          <!-- Heading with title -->\n          <h2\n            class=\"text-c-1 m-0 flex flex-1 items-center gap-1.5 leading-[20px]\">\n            <span\n              :id=\"headingId\"\n              class=\"contents\">\n              <slot\n                name=\"title\"\n                :open=\"open\" />\n              <span\n                v-if=\"!open\"\n                class=\"sr-only\">\n                (Collapsed)\n              </span>\n            </span>\n\n            <!-- Badge showing item count when collapsed. -->\n            <span\n              v-if=\"!open && itemCount\"\n              class=\"bg-b-2 text-c-2 inline-flex h-5 w-5 items-center justify-center rounded-full border text-xs font-semibold\">\n              {{ itemCount }}\n              <span class=\"sr-only\">Item{{ itemCount === 1 ? '' : 's' }}</span>\n            </span>\n          </h2>\n        </DisclosureButton>\n\n        <!-- Optional actions slot that hides when the panel is closed. -->\n        <div\n          v-if=\"$slots.actions\"\n          class=\"ui-not-open:hidden flex items-center gap-2 pr-0.75\">\n          <slot\n            name=\"actions\"\n            :open=\"open\" />\n        </div>\n      </div>\n\n      <!-- The collapsible content panel. -->\n      <DisclosurePanel\n        v-bind=\"$attrs\"\n        class=\"diclosure-panel h-full max-h-fit rounded-b\">\n        <slot :open=\"open\" />\n      </DisclosurePanel>\n    </section>\n  </Disclosure>\n</template>\n","<script lang=\"ts\">\n/**\n * Simple collapsible section component that can be used to wrap content that should be collapsed and expanded\n *\n * Would like to replace with details/summary elements, but they are not supported in all browsers yet?\n */\nexport default {\n  name: 'CollapsibleSection',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components'\nimport { useId } from 'vue'\n\nimport ValueEmitter from './ValueEmitter.vue'\n\nconst {\n  defaultOpen = true,\n  itemCount = 0,\n  isStatic,\n} = defineProps<{\n  /** Whether the disclosure is open by default. */\n  defaultOpen?: boolean\n  /** Number of items to show in badge when collapsed. */\n  itemCount?: number\n  /** Whether the disclosure is static and cannot be toggled. */\n  isStatic?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst headingId = useId()\n</script>\n\n<template>\n  <Disclosure\n    v-slot=\"{ open }\"\n    as=\"div\"\n    class=\"group/collapse text-c-2 focus-within:text-c-1 last:ui-open:border-b-0 border-b\"\n    :class=\"isStatic && 'last-of-type:first-of-type:border-b-0'\"\n    :defaultOpen=\"defaultOpen\"\n    :static=\"isStatic\">\n    <!-- We use this hack to emit the slot value back to the parent -->\n    <ValueEmitter\n      :value=\"open as boolean\"\n      @change=\"(value) => emit('update:modelValue', value)\" />\n\n    <section\n      :aria-labelledby=\"headingId\"\n      class=\"contents\">\n      <div\n        class=\"bg-b-2 flex items-center\"\n        :class=\"isStatic && 'rounded-t-xl border border-b-0'\">\n        <!-- Main disclosure button that toggles the panel -->\n        <DisclosureButton\n          class=\"hover:text-c-1 group box-content flex max-h-8 flex-1 items-center gap-2.5 overflow-hidden px-1 py-1.5 text-base font-medium outline-none md:px-1.5 xl:pr-0.5 xl:pl-2\"\n          :class=\"isStatic && '!pl-3'\"\n          :disabled=\"isStatic\">\n          <ScalarIcon\n            v-if=\"!isStatic\"\n            class=\"text-c-3 group-hover:text-c-1 rounded-px ui-open:rotate-90 ui-not-open:rotate-0 outline-offset-2 group-focus-visible:outline\"\n            icon=\"ChevronRight\"\n            size=\"md\" />\n\n          <!-- Heading with title -->\n          <h2\n            class=\"text-c-1 m-0 flex flex-1 items-center gap-1.5 leading-[20px]\">\n            <span\n              :id=\"headingId\"\n              class=\"contents\">\n              <slot\n                name=\"title\"\n                :open=\"open\" />\n              <span\n                v-if=\"!open\"\n                class=\"sr-only\">\n                (Collapsed)\n              </span>\n            </span>\n\n            <!-- Badge showing item count when collapsed. -->\n            <span\n              v-if=\"!open && itemCount\"\n              class=\"bg-b-2 text-c-2 inline-flex h-5 w-5 items-center justify-center rounded-full border text-xs font-semibold\">\n              {{ itemCount }}\n              <span class=\"sr-only\">Item{{ itemCount === 1 ? '' : 's' }}</span>\n            </span>\n          </h2>\n        </DisclosureButton>\n\n        <!-- Optional actions slot that hides when the panel is closed. -->\n        <div\n          v-if=\"$slots.actions\"\n          class=\"ui-not-open:hidden flex items-center gap-2 pr-0.75\">\n          <slot\n            name=\"actions\"\n            :open=\"open\" />\n        </div>\n      </div>\n\n      <!-- The collapsible content panel. -->\n      <DisclosurePanel\n        v-bind=\"$attrs\"\n        class=\"diclosure-panel h-full max-h-fit rounded-b\">\n        <slot :open=\"open\" />\n      </DisclosurePanel>\n    </section>\n  </Disclosure>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;CCOE,MAAM;;;;;;;;;;;EAwBR,MAAM,OAAO;EAIb,MAAM,YAAY,OAAM;;uBAItB,YAwEa,MAAA,WAAA,EAAA;IAtEX,IAAG;IACH,OAAK,eAAA,CAAC,kFACE,QAAA,YAAQ,wCAAA,CAAA;IACf,aAAa,QAAA;IACb,QAAQ,QAAA;;sBAIiD,EAThD,WAAI,CAOd,YAE0D,sBAAA;KADvD,OAAO;KACP,UAAM,OAAA,OAAA,OAAA,MAAG,UAAU,KAAI,qBAAsB,MAAK;4BAErD,mBA2DU,WAAA;KA1DP,mBAAiB,MAAA,UAAS;KAC3B,OAAM;QACN,mBAgDM,OAAA,EA/CJ,OAAK,eAAA,CAAC,4BACE,QAAA,YAAQ,iCAAA,CAAA,EAAA,EAAA,CAEhB,YAkCmB,MAAA,iBAAA,EAAA;KAjCjB,OAAK,eAAA,CAAC,wKACE,QAAA,YAAQ,QAAA,CAAA;KACf,UAAU,QAAA;;4BAKG,CAAA,CAHL,QAAA,YAAA,WAAA,EADT,YAIc,MAAA,WAAA,EAAA;;MAFZ,OAAM;MACN,MAAK;MACL,MAAK;yCAGP,mBAsBK,MAtBL,YAsBK,CApBH,mBAWO,QAAA;MAVJ,IAAI,MAAA,UAAS;MACd,OAAM;SACN,WAEiB,KAAA,QAAA,SAAA,EAAR,MAAI,CAAA,EAAA,CAEJ,QAAA,WAAA,EADT,mBAIO,QAJP,YAEkB,gBAElB,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,GAAA,WAAA,EAAA,CAKO,QAAQ,QAAA,aAAA,WAAA,EADjB,mBAKO,QALP,YAKO,CAAA,gBAAA,gBAFF,QAAA,UAAS,GAAG,KACf,EAAA,EAAA,mBAAiE,QAAjE,YAAsB,SAAI,gBAAG,QAAA,cAAS,IAAA,KAAA,IAAA,EAAA,EAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;qCAOpCA,KAAAA,OAAO,WAAA,WAAA,EADf,mBAMM,OANN,YAMM,CAHJ,WAEiB,KAAA,QAAA,WAAA,EAAR,MAAI,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,EAAA,EAKjB,YAIkB,MAAA,gBAAA,EAJlB,WACUC,KAGQ,QAHF,EACd,OAAM,8CAA4C,CAAA,EAAA;4BAC7B,CAArB,WAAqB,KAAA,QAAA,WAAA,EAAR,MAAI,CAAA,CAAA,CAAA"}

package/dist/layouts/App/create-api-client-app.d.ts

@@ -23,8 +23,8 @@ mountOnInitialize?: boolean) => Promise<{
             propertyKey: P;
             value: NonNullable<import("@scalar/object-utils/nested").PathValue<import("@scalar/types/entities").SecurityScheme, P>>;
         }) => void;
-        route: (payload?: import("../../libs/index.js").OpenClientPayload) => void;
-        open: (payload?: import("../../libs/index.js").OpenClientPayload) => void;
+        route: (payload?: import("@/libs").OpenClientPayload) => void;
+        open: (payload?: import("@/libs").OpenClientPayload) => void;
         mount: (mountingEl?: HTMLElement | null) => void;
         modalState: {
             open: boolean;
@@ -415,14 +415,14 @@ mountOnInitialize?: boolean) => Promise<{
                 hide: () => void;
             };
             events: {
-                executeRequest: import("../../libs/index.js").EventBus<{
+                executeRequest: import("@/libs").EventBus<{
                     requestUid?: string;
                 }>;
-                focusAddressBar: import("../../libs/index.js").EventBus<any>;
-                cancelRequest: import("../../libs/index.js").EventBus<any>;
-                requestStatus: import("../../libs/index.js").EventBus<import("../../libs/index.js").RequestStatus>;
-                commandPalette: import("../../libs/index.js").EventBus<import("../../components/CommandPalette/TheCommandPalette.vue.js").CommandPaletteEvent>;
-                hotKeys: import("../../libs/index.js").EventBus<Partial<Record<"addTopNav" | "closeModal" | "closeTopNav" | "createNew" | "executeRequest" | "focusAddressBar" | "focusRequestSearch" | "jumpToLastTab" | "jumpToTab" | "navigateSearchResultsDown" | "navigateSearchResultsUp" | "navigateTopNavLeft" | "navigateTopNavRight" | "openCommandPalette" | "selectSearchResult" | "toggleSidebar", KeyboardEvent>>>;
+                focusAddressBar: import("@/libs").EventBus<any>;
+                cancelRequest: import("@/libs").EventBus<any>;
+                requestStatus: import("@/libs").EventBus<import("@/libs").RequestStatus>;
+                commandPalette: import("@/libs").EventBus<import("../../components/CommandPalette/TheCommandPalette.vue").CommandPaletteEvent>;
+                hotKeys: import("@/libs").EventBus<Partial<Record<"addTopNav" | "closeModal" | "closeTopNav" | "createNew" | "executeRequest" | "focusAddressBar" | "focusRequestSearch" | "jumpToLastTab" | "jumpToTab" | "navigateSearchResultsDown" | "navigateSearchResultsUp" | "navigateTopNavLeft" | "navigateTopNavRight" | "openCommandPalette" | "selectSearchResult" | "toggleSidebar", KeyboardEvent>>>;
             };
             sidebarWidth: import("vue").Ref<string, string>;
             setSidebarWidth: (width: string) => void;
@@ -572,7 +572,7 @@ mountOnInitialize?: boolean) => Promise<{
                 shouldLoad?: boolean;
             } & Pick<import("@scalar/types/api-reference").ApiReferenceConfiguration, "servers"> & {
                 dereferencedDocument?: import("@scalar/openapi-types").OpenAPIV3_1.Document;
-            }, "documentUrl"> & Pick<import("@scalar/types/api-reference").ApiReferenceConfiguration, "proxyUrl">) => Promise<import("../../libs/index.js").ErrorResponse<Awaited<ReturnType<(_spec: string | Record<string, any> | undefined, workspaceUid: string, options?: Pick<{
+            }, "documentUrl"> & Pick<import("@scalar/types/api-reference").ApiReferenceConfiguration, "proxyUrl">) => Promise<import("@/libs").ErrorResponse<Awaited<ReturnType<(_spec: string | Record<string, any> | undefined, workspaceUid: string, options?: Pick<{
                 info: {
                     title: string;
                     version: string;

package/dist/layouts/App/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ApiClientApp } from './ApiClientApp.vue.js';
-export { createApiClientApp } from './create-api-client-app.js';
+export { default as ApiClientApp } from './ApiClientApp.vue';
+export { createApiClientApp } from './create-api-client-app';
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/App/index.js

@@ -1,7 +1,5 @@
-import { default as r } from "./ApiClientApp.vue.js";
-/* empty css                  */
-import { createApiClientApp as o } from "./create-api-client-app.js";
-export {
-  r as ApiClientApp,
-  o as createApiClientApp
-};
+import "../../CommandPalette-BiA0IgO8.js";
+import { n as ApiClientApp_default, t as createApiClientApp } from "../../App-BpNPKHmM.js";
+import "../../HttpMethod-rnWEgC3T.js";
+import "../../MainLayout-oMIJ5QXF.js";
+export { ApiClientApp_default as ApiClientApp, createApiClientApp };

package/dist/layouts/Modal/create-api-client-modal.d.ts

@@ -1,5 +1,5 @@
 import { type Router } from 'vue-router';
-import { type ApiClient, type CreateApiClientParams } from '../../libs/index.js';
+import { type ApiClient, type CreateApiClientParams } from '@/libs';
 /**
  * Initialize Scalar API Client Modal Sync
  *

package/dist/layouts/Modal/index.d.ts

@@ -1,3 +1,3 @@
-export type { ApiClient } from '../../libs/index.js';
-export { createApiClientModal } from './create-api-client-modal.js';
+export type { ApiClient } from '@/libs';
+export { createApiClientModal } from './create-api-client-modal';
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/Modal/index.js

@@ -1,4 +1,3 @@
-import { createApiClientModal as r } from "./create-api-client-modal.js";
-export {
-  r as createApiClientModal
-};
+import "../../ModalClientContainer-qHsZi4wQ.js";
+import { t as createApiClientModal } from "../../Modal-DkOa_KK0.js";
+export { createApiClientModal };

package/dist/layouts/Web/create-api-client-web.d.ts

@@ -22,8 +22,8 @@ mountOnInitialize?: boolean) => Promise<{
         propertyKey: P;
         value: NonNullable<import("@scalar/object-utils/nested").PathValue<import("@scalar/types/entities").SecurityScheme, P>>;
     }) => void;
-    route: (payload?: import("../../libs/index.js").OpenClientPayload) => void;
-    open: (payload?: import("../../libs/index.js").OpenClientPayload) => void;
+    route: (payload?: import("@/libs").OpenClientPayload) => void;
+    open: (payload?: import("@/libs").OpenClientPayload) => void;
     mount: (mountingEl?: HTMLElement | null) => void;
     modalState: {
         open: boolean;
@@ -414,14 +414,14 @@ mountOnInitialize?: boolean) => Promise<{
             hide: () => void;
         };
         events: {
-            executeRequest: import("../../libs/index.js").EventBus<{
+            executeRequest: import("@/libs").EventBus<{
                 requestUid?: string;
             }>;
-            focusAddressBar: import("../../libs/index.js").EventBus<any>;
-            cancelRequest: import("../../libs/index.js").EventBus<any>;
-            requestStatus: import("../../libs/index.js").EventBus<import("../../libs/index.js").RequestStatus>;
-            commandPalette: import("../../libs/index.js").EventBus<import("../../components/CommandPalette/TheCommandPalette.vue.js").CommandPaletteEvent>;
-            hotKeys: import("../../libs/index.js").EventBus<Partial<Record<"addTopNav" | "closeModal" | "closeTopNav" | "createNew" | "executeRequest" | "focusAddressBar" | "focusRequestSearch" | "jumpToLastTab" | "jumpToTab" | "navigateSearchResultsDown" | "navigateSearchResultsUp" | "navigateTopNavLeft" | "navigateTopNavRight" | "openCommandPalette" | "selectSearchResult" | "toggleSidebar", KeyboardEvent>>>;
+            focusAddressBar: import("@/libs").EventBus<any>;
+            cancelRequest: import("@/libs").EventBus<any>;
+            requestStatus: import("@/libs").EventBus<import("@/libs").RequestStatus>;
+            commandPalette: import("@/libs").EventBus<import("../../components/CommandPalette/TheCommandPalette.vue").CommandPaletteEvent>;
+            hotKeys: import("@/libs").EventBus<Partial<Record<"addTopNav" | "closeModal" | "closeTopNav" | "createNew" | "executeRequest" | "focusAddressBar" | "focusRequestSearch" | "jumpToLastTab" | "jumpToTab" | "navigateSearchResultsDown" | "navigateSearchResultsUp" | "navigateTopNavLeft" | "navigateTopNavRight" | "openCommandPalette" | "selectSearchResult" | "toggleSidebar", KeyboardEvent>>>;
         };
         sidebarWidth: import("vue").Ref<string, string>;
         setSidebarWidth: (width: string) => void;
@@ -571,7 +571,7 @@ mountOnInitialize?: boolean) => Promise<{
             shouldLoad?: boolean;
         } & Pick<import("@scalar/types/api-reference").ApiReferenceConfiguration, "servers"> & {
             dereferencedDocument?: import("@scalar/openapi-types").OpenAPIV3_1.Document;
-        }, "documentUrl"> & Pick<import("@scalar/types/api-reference").ApiReferenceConfiguration, "proxyUrl">) => Promise<import("../../libs/index.js").ErrorResponse<Awaited<ReturnType<(_spec: string | Record<string, any> | undefined, workspaceUid: string, options?: Pick<{
+        }, "documentUrl"> & Pick<import("@scalar/types/api-reference").ApiReferenceConfiguration, "proxyUrl">) => Promise<import("@/libs").ErrorResponse<Awaited<ReturnType<(_spec: string | Record<string, any> | undefined, workspaceUid: string, options?: Pick<{
             info: {
                 title: string;
                 version: string;