@scalar/api-client 2.38.4 → 2.39.0

package/dist/components/TopNav/TopNavItem.vue.script.js

@@ -0,0 +1,129 @@
+import ContextMenu_default from "../../v2/components/context-menu/ContextMenu.vue.js";
+import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { ScalarDropdownButton, ScalarDropdownDivider, ScalarDropdownMenu, ScalarFloating, ScalarHotkey, ScalarIcon, ScalarTooltip } from "@scalar/components";
+import { LibraryIcon } from "@scalar/icons/library";
+import { isMacOS } from "@scalar/helpers/general/is-mac-os";
+//#region src/components/TopNav/TopNavItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" };
+var _hoisted_2 = { class: "custom-scroll nav-item-copy text-sm" };
+var TopNavItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TopNavItem",
+	props: {
+		hotkey: {},
+		active: { type: Boolean },
+		label: {},
+		icon: {},
+		isCollection: { type: Boolean }
+	},
+	emits: [
+		"click",
+		"close",
+		"newTab",
+		"copyUrl",
+		"closeOtherTabs"
+	],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ContextMenu_default), { triggerClass: "overflow-hidden w-full" }, {
+				trigger: withCtx(() => [createVNode(unref(ScalarTooltip), {
+					content: `${unref(isMacOS)() ? "⌘" : "^"} ${__props.hotkey}`,
+					placement: "bottom"
+				}, {
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["nav-item app-no-drag-region", { "nav-item__active": __props.active }]),
+						onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click"))
+					}, [createElementVNode("div", _hoisted_1, [__props.isCollection ? (openBlock(), createBlock(unref(LibraryIcon), {
+						key: 0,
+						class: "size-3.5 min-w-3.5 stroke-2",
+						src: __props.icon
+					}, null, 8, ["src"])) : (openBlock(), createBlock(unref(ScalarIcon), {
+						key: 1,
+						icon: __props.icon,
+						size: "xs",
+						thickness: "2.5"
+					}, null, 8, ["icon"])), createElementVNode("span", _hoisted_2, toDisplayString(__props.label), 1)]), createElementVNode("button", {
+						class: "nav-item-close",
+						type: "button",
+						onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+					}, [createVNode(unref(ScalarIcon), {
+						icon: "Close",
+						thickness: "1.75"
+					})])], 2)]),
+					_: 1
+				}, 8, ["content"])]),
+				content: withCtx(() => [createVNode(unref(ScalarFloating), { placement: "right-start" }, {
+					floating: withCtx(() => [createVNode(unref(ScalarDropdownMenu), { class: "scalar-app scalar-client" }, {
+						default: withCtx(() => [
+							createVNode(unref(ScalarDropdownButton), {
+								class: "flex items-center gap-1.5",
+								onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("newTab"))
+							}, {
+								default: withCtx(() => [
+									createVNode(unref(ScalarIcon), {
+										icon: "AddTab",
+										size: "sm",
+										thickness: "1.5"
+									}),
+									_cache[6] || (_cache[6] = createTextVNode(" New Tab ", -1)),
+									createVNode(unref(ScalarHotkey), {
+										class: "bg-b-2 ml-auto",
+										hotkey: "T"
+									})
+								]),
+								_: 1
+							}),
+							createVNode(unref(ScalarDropdownButton), {
+								class: "flex items-center gap-1.5",
+								onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("copyUrl"))
+							}, {
+								default: withCtx(() => [createVNode(unref(ScalarIcon), {
+									icon: "Link",
+									size: "sm",
+									thickness: "1.5"
+								}), _cache[7] || (_cache[7] = createTextVNode(" Copy URL ", -1))]),
+								_: 1
+							}),
+							createVNode(unref(ScalarDropdownDivider)),
+							createVNode(unref(ScalarDropdownButton), {
+								class: "flex items-center gap-1.5",
+								onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("close"))
+							}, {
+								default: withCtx(() => [
+									createVNode(unref(ScalarIcon), {
+										icon: "CloseTab",
+										size: "sm",
+										thickness: "1.5"
+									}),
+									_cache[8] || (_cache[8] = createTextVNode(" Close Tab ", -1)),
+									createVNode(unref(ScalarHotkey), {
+										class: "bg-b-2 ml-auto",
+										hotkey: "W"
+									})
+								]),
+								_: 1
+							}),
+							createVNode(unref(ScalarDropdownButton), {
+								class: "flex items-center gap-1.5",
+								onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("closeOtherTabs"))
+							}, {
+								default: withCtx(() => [createVNode(unref(ScalarIcon), {
+									icon: "CloseTabs",
+									size: "sm",
+									thickness: "1.5"
+								}), _cache[9] || (_cache[9] = createTextVNode(" Close Other Tabs ", -1))]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { TopNavItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TopNavItem.vue.script.js.map

package/dist/components/TopNav/TopNavItem.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavItem.vue.script.js","names":["$emit"],"sources":["../../../src/components/TopNav/TopNavItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownDivider,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarHotkey,\n  ScalarIcon,\n  ScalarTooltip,\n  type Icon,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport { LibraryIcon } from '@scalar/icons/library'\n\nimport { ContextMenu } from '@/v2/components/context-menu'\n\ndefineProps<{\n  hotkey?: string\n  active: boolean\n  label: string\n  icon: Icon\n  isCollection?: boolean\n}>()\n\ndefineEmits<{\n  (e: 'click'): void\n  (e: 'close'): void\n  (e: 'newTab'): void\n  (e: 'copyUrl'): void\n  (e: 'closeOtherTabs'): void\n}>()\n</script>\n\n<template>\n  <ContextMenu triggerClass=\"overflow-hidden w-full\">\n    <template #trigger>\n      <ScalarTooltip\n        :content=\"`${isMacOS() ? '⌘' : '^'} ${hotkey}`\"\n        placement=\"bottom\">\n        <div\n          class=\"nav-item app-no-drag-region\"\n          :class=\"{ 'nav-item__active': active }\"\n          @click=\"$emit('click')\">\n          <div\n            class=\"nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5\">\n            <LibraryIcon\n              v-if=\"isCollection\"\n              class=\"size-3.5 min-w-3.5 stroke-2\"\n              :src=\"icon\" />\n            <ScalarIcon\n              v-else\n              :icon=\"icon\"\n              size=\"xs\"\n              thickness=\"2.5\" />\n            <span class=\"custom-scroll nav-item-copy text-sm\">{{ label }}</span>\n          </div>\n          <button\n            class=\"nav-item-close\"\n            type=\"button\"\n            @click=\"$emit('close')\">\n            <ScalarIcon\n              icon=\"Close\"\n              thickness=\"1.75\" />\n          </button>\n        </div>\n      </ScalarTooltip>\n    </template>\n    <template #content>\n      <ScalarFloating placement=\"right-start\">\n        <template #floating>\n          <ScalarDropdownMenu class=\"scalar-app scalar-client\">\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"$emit('newTab')\">\n              <ScalarIcon\n                icon=\"AddTab\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              New Tab\n              <ScalarHotkey\n                class=\"bg-b-2 ml-auto\"\n                hotkey=\"T\" />\n            </ScalarDropdownButton>\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"$emit('copyUrl')\">\n              <ScalarIcon\n                icon=\"Link\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              Copy URL\n            </ScalarDropdownButton>\n            <ScalarDropdownDivider />\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"$emit('close')\">\n              <ScalarIcon\n                icon=\"CloseTab\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              Close Tab\n              <ScalarHotkey\n                class=\"bg-b-2 ml-auto\"\n                hotkey=\"W\" />\n            </ScalarDropdownButton>\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"$emit('closeOtherTabs')\">\n              <ScalarIcon\n                icon=\"CloseTabs\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              Close Other Tabs\n            </ScalarDropdownButton>\n          </ScalarDropdownMenu>\n        </template>\n      </ScalarFloating>\n    </template>\n  </ContextMenu>\n</template>\n\n<style scoped>\n.nav-item {\n  padding: 0 1rem;\n  cursor: pointer;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  border-radius: var(--scalar-radius-lg);\n  background: var(--scalar-background-3);\n  border: var(--scalar-border-width) solid var(--scalar-background-2);\n  color: var(--scalar-color-3);\n  padding: 4.5px;\n  min-width: 0;\n  overflow: hidden;\n  position: relative;\n}\n.dark-mode .nav-item {\n  background: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n.nav-item-icon-copy {\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  mask-image: linear-gradient(\n    to left,\n    transparent 0,\n    var(--scalar-background-2) 20px\n  );\n}\n.nav-item:hover .nav-item-icon-copy {\n  mask-image: linear-gradient(\n    to left,\n    transparent 20px,\n    var(--scalar-background-2) 40px\n  );\n}\n.nav-item-copy {\n  max-width: calc(100% - 20px);\n}\n.nav-item:hover {\n  color: var(--scalar-color-1);\n}\n.nav-item__active {\n  background-color: var(--scalar-background-1);\n  color: var(--scalar-color-1);\n  border-color: var(--scalar-border-color);\n}\n.dark-mode .nav-item__active {\n  background-color: var(--scalar-background-2);\n}\n.nav-item-close {\n  position: absolute;\n  right: 3px;\n  padding: 2px;\n  border-radius: var(--scalar-radius);\n  background: transparent;\n  max-width: 20px;\n  stroke-width: 1.5px;\n  color: var(--scalar-color-3);\n  margin-left: -20px;\n  opacity: 0;\n}\n.nav-item:hover .nav-item-close {\n  opacity: 1;\n}\n.nav-item-close:hover {\n  background-color: var(--scalar-background-4);\n}\n.nav-item__active .nav-item-close:hover {\n  background-color: var(--scalar-background-2);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;uBAkCE,YAoFc,MAAA,oBAAA,EAAA,EApFD,cAAa,0BAAwB,EAAA;IACrC,SAAO,cA8BA,CA7BhB,YA6BgB,MAAA,cAAA,EAAA;KA5Bb,SAAO,GAAK,MAAA,QAAO,EAAA,GAAA,MAAA,IAAA,GAAkB,QAAA;KACtC,WAAU;;4BA0BJ,CAzBN,mBAyBM,OAAA;MAxBJ,OAAK,eAAA,CAAC,+BAA6B,EAAA,oBACL,QAAA,QAAM,CAAA,CAAA;MACnC,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAA;SACb,mBAYM,OAZN,YAYM,CATI,QAAA,gBAAA,WAAA,EADR,YAGgB,MAAA,YAAA,EAAA;;MADd,OAAM;MACL,KAAK,QAAA;2CACR,YAIoB,MAAA,WAAA,EAAA;;MAFjB,MAAM,QAAA;MACP,MAAK;MACL,WAAU;6BACZ,mBAAoE,QAApE,YAAoE,gBAAf,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,EAE5D,mBAOS,UAAA;MANP,OAAM;MACN,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAA;SACb,YAEqB,MAAA,WAAA,EAAA;MADnB,MAAK;MACL,WAAU;;;;IAKT,SAAO,cAiDC,CAhDjB,YAgDiB,MAAA,eAAA,EAAA,EAhDD,WAAU,eAAa,EAAA;KAC1B,UAAQ,cA6CI,CA5CrB,YA4CqB,MAAA,mBAAA,EAAA,EA5CD,OAAM,4BAA0B,EAAA;6BAY3B;OAXvB,YAWuB,MAAA,qBAAA,EAAA;QAVrB,OAAM;QACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;;+BAIO;SAHpB,YAGoB,MAAA,WAAA,EAAA;UAFlB,MAAK;UACL,MAAK;UACL,WAAU;;mDAAQ,aAEpB,GAAA;SAAA,YAEe,MAAA,aAAA,EAAA;UADb,OAAM;UACN,QAAO;;;;;OAEX,YAQuB,MAAA,qBAAA,EAAA;QAPrB,OAAM;QACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,UAAA;;+BAIO,CAHpB,YAGoB,MAAA,WAAA,EAAA;SAFlB,MAAK;SACL,MAAK;SACL,WAAU;sDAAQ,cAEtB,GAAA,EAAA,CAAA;;;OACA,YAAyB,MAAA,sBAAA,CAAA;OACzB,YAWuB,MAAA,qBAAA,EAAA;QAVrB,OAAM;QACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAA;;+BAIO;SAHpB,YAGoB,MAAA,WAAA,EAAA;UAFlB,MAAK;UACL,MAAK;UACL,WAAU;;mDAAQ,eAEpB,GAAA;SAAA,YAEe,MAAA,aAAA,EAAA;UADb,OAAM;UACN,QAAO;;;;;OAEX,YAQuB,MAAA,qBAAA,EAAA;QAPrB,OAAM;QACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,iBAAA;;+BAIO,CAHpB,YAGoB,MAAA,WAAA,EAAA;SAFlB,MAAK;SACL,MAAK;SACL,WAAU;sDAAQ,sBAEtB,GAAA,EAAA,CAAA"}

package/dist/components/ViewLayout/ViewLayout.vue.js

@@ -0,0 +1,7 @@
+import ViewLayout_vue_vue_type_script_setup_true_lang_default from "./ViewLayout.vue.script.js";
+//#region src/components/ViewLayout/ViewLayout.vue
+var ViewLayout_default = ViewLayout_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ViewLayout_default as default };
+
+//# sourceMappingURL=ViewLayout.vue.js.map

package/dist/components/ViewLayout/ViewLayout.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLayout.vue.js","names":[],"sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\nconst { cx } = useBindCx()\n</script>\n\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'flex flex-col min-h-0 flex-1 *:border-t first:*:border-t-0 md:*:border-t-0 xl:overflow-hidden md:flex-row leading-5',\n      )\n    \">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/ViewLayout/ViewLayout.vue.script.js

@@ -0,0 +1,16 @@
+import { createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
+import { useBindCx } from "@scalar/components";
+//#region src/components/ViewLayout/ViewLayout.vue?vue&type=script&setup=true&lang.ts
+var ViewLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ViewLayout",
+	setup(__props) {
+		const { cx } = useBindCx();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("flex flex-col min-h-0 flex-1 *:border-t first:*:border-t-0 md:*:border-t-0 xl:overflow-hidden md:flex-row leading-5"))), [renderSlot(_ctx.$slots, "default")], 16);
+		};
+	}
+});
+//#endregion
+export { ViewLayout_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ViewLayout.vue.script.js.map

package/dist/components/ViewLayout/ViewLayout.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLayout.vue.script.js","names":[],"sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\nconst { cx } = useBindCx()\n</script>\n\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'flex flex-col min-h-0 flex-1 *:border-t first:*:border-t-0 md:*:border-t-0 xl:overflow-hidden md:flex-row leading-5',\n      )\n    \">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;EAGA,MAAM,EAAE,OAAO,WAAU;;uBAIvB,mBAOM,OAAA,eAAA,mBANW,MAAA,GAAE,CAAA,sHAAA,CAAA,CAAA,EAAA,CAKjB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.js

@@ -0,0 +1,7 @@
+import ViewLayoutCollapse_vue_vue_type_script_setup_true_lang_default from "./ViewLayoutCollapse.vue.script.js";
+//#region src/components/ViewLayout/ViewLayoutCollapse.vue
+var ViewLayoutCollapse_default = ViewLayoutCollapse_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ViewLayoutCollapse_default as default };
+
+//# sourceMappingURL=ViewLayoutCollapse.vue.js.map

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLayoutCollapse.vue.js","names":[],"sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components'\nimport { onMounted, ref, useId } from 'vue'\n\nconst {\n  defaultOpen = true,\n  itemCount = 0,\n  layout = 'client',\n} = defineProps<{\n  defaultOpen?: boolean\n  itemCount?: number\n  layout?: 'client' | 'reference'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n\nconst id = useId()\nconst isOpen = ref(defaultOpen)\n\nconst toggleOpen = () => {\n  isOpen.value = !isOpen.value\n  emit('update:modelValue', isOpen.value)\n}\n\nonMounted(() => {\n  emit('update:modelValue', isOpen.value)\n})\n</script>\n\n<template>\n  <Disclosure\n    v-slot=\"{ open }\"\n    as=\"div\"\n    class=\"group/collapse focus-within:text-c-1 text-c-2 last:ui-open:border-b-0 border-b\"\n    :class=\"{ 'last-of-type:first-of-type:border-b-0': layout === 'reference' }\"\n    :defaultOpen=\"defaultOpen\"\n    :static=\"layout === 'reference' ? true : undefined\"\n    @click=\"toggleOpen\">\n    <section\n      :aria-labelledby=\"id\"\n      class=\"contents\">\n      <div\n        class=\"bg-b-2 flex items-center\"\n        :class=\"layout === 'reference' && 'rounded-t-xl border border-b-0'\">\n        <DisclosureButton\n          :class=\"[\n            '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            { '!pl-3': layout === 'reference' },\n          ]\"\n          :disabled=\"layout === 'reference'\">\n          <ScalarIcon\n            v-if=\"layout !== 'reference'\"\n            :class=\"[\n              'text-c-3 group-hover:text-c-1 ui-open:rotate-90 ui-not-open:rotate-0 rounded-px outline-offset-2 group-focus-visible:outline',\n            ]\"\n            icon=\"ChevronRight\"\n            size=\"md\" />\n          <h2\n            class=\"text-c-1 m-0 flex flex-1 items-center gap-1.5 leading-[20px]\">\n            <span\n              :id=\"id\"\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            <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        <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      <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":""}

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.script.js

@@ -0,0 +1,84 @@
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, onMounted, openBlock, ref, renderSlot, toDisplayString, unref, useId, withCtx } from "vue";
+import { ScalarIcon } from "@scalar/components";
+import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+//#region src/components/ViewLayout/ViewLayoutCollapse.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"
+};
+var ViewLayoutCollapse_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ViewLayoutCollapse",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: true
+		},
+		itemCount: { default: 0 },
+		layout: { default: "client" }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const id = useId();
+		const isOpen = ref(__props.defaultOpen);
+		const toggleOpen = () => {
+			isOpen.value = !isOpen.value;
+			emit("update:modelValue", isOpen.value);
+		};
+		onMounted(() => {
+			emit("update:modelValue", isOpen.value);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Disclosure), {
+				as: "div",
+				class: normalizeClass(["group/collapse focus-within:text-c-1 text-c-2 last:ui-open:border-b-0 border-b", { "last-of-type:first-of-type:border-b-0": __props.layout === "reference" }]),
+				defaultOpen: __props.defaultOpen,
+				static: __props.layout === "reference" ? true : void 0,
+				onClick: toggleOpen
+			}, {
+				default: withCtx(({ open }) => [createElementVNode("section", {
+					"aria-labelledby": unref(id),
+					class: "contents"
+				}, [createElementVNode("div", { class: normalizeClass(["bg-b-2 flex items-center", __props.layout === "reference" && "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", { "!pl-3": __props.layout === "reference" }]),
+					disabled: __props.layout === "reference"
+				}, {
+					default: withCtx(() => [__props.layout !== "reference" ? (openBlock(), createBlock(unref(ScalarIcon), {
+						key: 0,
+						class: normalizeClass(["text-c-3 group-hover:text-c-1 ui-open:rotate-90 ui-not-open:rotate-0 rounded-px outline-offset-2 group-focus-visible:outline"]),
+						icon: "ChevronRight",
+						size: "md"
+					})) : createCommentVNode("", true), createElementVNode("h2", _hoisted_2, [createElementVNode("span", {
+						id: unref(id),
+						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 { ViewLayoutCollapse_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ViewLayoutCollapse.vue.script.js.map

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLayoutCollapse.vue.script.js","names":["$slots","$attrs"],"sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components'\nimport { onMounted, ref, useId } from 'vue'\n\nconst {\n  defaultOpen = true,\n  itemCount = 0,\n  layout = 'client',\n} = defineProps<{\n  defaultOpen?: boolean\n  itemCount?: number\n  layout?: 'client' | 'reference'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n\nconst id = useId()\nconst isOpen = ref(defaultOpen)\n\nconst toggleOpen = () => {\n  isOpen.value = !isOpen.value\n  emit('update:modelValue', isOpen.value)\n}\n\nonMounted(() => {\n  emit('update:modelValue', isOpen.value)\n})\n</script>\n\n<template>\n  <Disclosure\n    v-slot=\"{ open }\"\n    as=\"div\"\n    class=\"group/collapse focus-within:text-c-1 text-c-2 last:ui-open:border-b-0 border-b\"\n    :class=\"{ 'last-of-type:first-of-type:border-b-0': layout === 'reference' }\"\n    :defaultOpen=\"defaultOpen\"\n    :static=\"layout === 'reference' ? true : undefined\"\n    @click=\"toggleOpen\">\n    <section\n      :aria-labelledby=\"id\"\n      class=\"contents\">\n      <div\n        class=\"bg-b-2 flex items-center\"\n        :class=\"layout === 'reference' && 'rounded-t-xl border border-b-0'\">\n        <DisclosureButton\n          :class=\"[\n            '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            { '!pl-3': layout === 'reference' },\n          ]\"\n          :disabled=\"layout === 'reference'\">\n          <ScalarIcon\n            v-if=\"layout !== 'reference'\"\n            :class=\"[\n              'text-c-3 group-hover:text-c-1 ui-open:rotate-90 ui-not-open:rotate-0 rounded-px outline-offset-2 group-focus-visible:outline',\n            ]\"\n            icon=\"ChevronRight\"\n            size=\"md\" />\n          <h2\n            class=\"text-c-1 m-0 flex flex-1 items-center gap-1.5 leading-[20px]\">\n            <span\n              :id=\"id\"\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            <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        <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      <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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,OAAO;EAIb,MAAM,KAAK,OAAM;EACjB,MAAM,SAAS,IAAI,QAAA,YAAW;EAE9B,MAAM,mBAAmB;AACvB,UAAO,QAAQ,CAAC,OAAO;AACvB,QAAK,qBAAqB,OAAO,MAAK;;AAGxC,kBAAgB;AACd,QAAK,qBAAqB,OAAO,MAAK;IACvC;;uBAIC,YAgEa,MAAA,WAAA,EAAA;IA9DX,IAAG;IACH,OAAK,eAAA,CAAC,kFAAgF,EAAA,yCACnC,QAAA,WAAM,aAAA,CAAA,CAAA;IACxD,aAAa,QAAA;IACb,QAAQ,QAAA,WAAM,cAAA,OAA0B,KAAA;IACxC,SAAO;;sBAwDE,EA9DA,WAAI,CAOd,mBAuDU,WAAA;KAtDP,mBAAiB,MAAA,GAAE;KACpB,OAAM;QACN,mBA6CM,OAAA,EA5CJ,OAAK,eAAA,CAAC,4BACE,QAAA,WAAM,eAAA,iCAAA,CAAA,EAAA,EAAA,CACd,YAkCmB,MAAA,iBAAA,EAAA;KAjChB,OAAK,eAAA,CAAA,wKAAA,EAAA,SAA+M,QAAA,WAAM,aAAA,CAAA,CAAA;KAI1N,UAAU,QAAA,WAAM;;4BAOH,CALN,QAAA,WAAM,eAAA,WAAA,EADd,YAMc,MAAA,WAAA,EAAA;;MAJX,OAAK,eAAE,CAAA,+HAEP,CAAA;MACD,MAAK;MACL,MAAK;yCACP,mBAoBK,MApBL,YAoBK,CAlBH,mBAWO,QAAA;MAVJ,IAAI,MAAA,GAAE;MACP,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,CAGO,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;;qCAKpCA,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,EAIjB,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/components/ViewLayout/ViewLayoutContent.vue.js

@@ -0,0 +1,13 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, openBlock, renderSlot } from "vue";
+//#region src/components/ViewLayout/ViewLayoutContent.vue
+var _sfc_main = {};
+var _hoisted_1 = { class: "custom-scroll flex flex-col pr-0 *:border-t *:first:border-t-0 xl:flex-row *:xl:border-t-0 *:xl:border-l *:first:xl:border-l-0" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]);
+}
+var ViewLayoutContent_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { ViewLayoutContent_default as default };
+
+//# sourceMappingURL=ViewLayoutContent.vue.js.map

package/dist/components/ViewLayout/ViewLayoutContent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLayoutContent.vue.js","names":[],"sources":["../../../src/components/ViewLayout/ViewLayoutContent.vue"],"sourcesContent":["<template>\n  <!-- Using *:border-* to avoid chrome performance issue with adjacent sibling selector (~) -->\n  <div\n    class=\"custom-scroll flex flex-col pr-0 *:border-t *:first:border-t-0 xl:flex-row *:xl:border-t-0 *:xl:border-l *:first:xl:border-l-0\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;mBAGI,OAAM,kIAAgI;;qBADxI,mBAGM,OAHN,YAGM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/ViewLayout/ViewLayoutSection.vue.js

@@ -0,0 +1,7 @@
+import ViewLayoutSection_vue_vue_type_script_setup_true_lang_default from "./ViewLayoutSection.vue.script.js";
+//#region src/components/ViewLayout/ViewLayoutSection.vue
+var ViewLayoutSection_default = ViewLayoutSection_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ViewLayoutSection_default as default };
+
+//# sourceMappingURL=ViewLayoutSection.vue.js.map

package/dist/components/ViewLayout/ViewLayoutSection.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLayoutSection.vue.js","names":[],"sources":["../../../src/components/ViewLayout/ViewLayoutSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\ndefineOptions({ inheritAttrs: false })\n\nconst { cx } = useBindCx()\n</script>\n\n<template>\n  <section\n    v-bind=\"\n      cx('xl:custom-scroll bg-b-1 flex flex-1 flex-col xl:h-full xl:min-w-0')\n    \">\n    <div\n      v-if=\"$slots.title\"\n      class=\"request-response-header bg-b-1 -mb-1/2 sticky top-0 z-1 flex min-h-11 items-center border-b px-2.5 text-base font-medium xl:rounded-none\">\n      <slot name=\"title\" />\n    </div>\n    <slot />\n  </section>\n</template>\n"],"mappings":""}

package/dist/components/ViewLayout/ViewLayoutSection.vue.script.js

@@ -0,0 +1,21 @@
+import { createCommentVNode, createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
+import { useBindCx } from "@scalar/components";
+//#region src/components/ViewLayout/ViewLayoutSection.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "request-response-header bg-b-1 -mb-1/2 sticky top-0 z-1 flex min-h-11 items-center border-b px-2.5 text-base font-medium xl:rounded-none"
+};
+var ViewLayoutSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ViewLayoutSection",
+	setup(__props) {
+		const { cx } = useBindCx();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", normalizeProps(guardReactiveProps(unref(cx)("xl:custom-scroll bg-b-1 flex flex-1 flex-col xl:h-full xl:min-w-0"))), [_ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 16);
+		};
+	}
+});
+//#endregion
+export { ViewLayoutSection_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ViewLayoutSection.vue.script.js.map

package/dist/components/ViewLayout/ViewLayoutSection.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLayoutSection.vue.script.js","names":["$slots"],"sources":["../../../src/components/ViewLayout/ViewLayoutSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\ndefineOptions({ inheritAttrs: false })\n\nconst { cx } = useBindCx()\n</script>\n\n<template>\n  <section\n    v-bind=\"\n      cx('xl:custom-scroll bg-b-1 flex flex-1 flex-col xl:h-full xl:min-w-0')\n    \">\n    <div\n      v-if=\"$slots.title\"\n      class=\"request-response-header bg-b-1 -mb-1/2 sticky top-0 z-1 flex min-h-11 items-center border-b px-2.5 text-base font-medium xl:rounded-none\">\n      <slot name=\"title\" />\n    </div>\n    <slot />\n  </section>\n</template>\n"],"mappings":";;;;;;;;;;;EAKA,MAAM,EAAE,OAAO,WAAU;;uBAIvB,mBAUU,WAAA,eAAA,mBATO,MAAA,GAAE,CAAA,oEAAA,CAAA,CAAA,EAAA,CAITA,KAAAA,OAAO,SAAA,WAAA,EADf,mBAIM,OAJN,YAIM,CADJ,WAAqB,KAAA,QAAA,QAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAEvB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}

package/dist/components/ViewLayout/index.d.ts

@@ -1,2 +1,2 @@
-export { default as ViewLayoutCollapse } from './ViewLayoutCollapse.vue';
+export { default as ViewLayoutCollapse } from './ViewLayoutCollapse.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ViewLayout/index.js

@@ -1,2 +1,2 @@
-import { t as ViewLayoutCollapse_default } from "../../ViewLayoutCollapse-CiTb-Uml.js";
+import ViewLayoutCollapse_default from "./ViewLayoutCollapse.vue.js";
 export { ViewLayoutCollapse_default as ViewLayoutCollapse };

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
 export { AddressBar } from './AddressBar/index.js';
-export { default as OpenApiClientButton } from './OpenApiClientButton.vue';
+export { default as OpenApiClientButton } from './OpenApiClientButton.vue.js';
 export { Sidebar } from './Sidebar/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.js

@@ -1,7 +1,4 @@
-import "../HttpMethod-rnWEgC3T.js";
-import "../CodeInput-BTN8cC5h.js";
-import "../Server-CEKGIEfE.js";
-import { t as AddressBar_default } from "../AddressBar-BOZGKSoz.js";
-import { t as OpenApiClientButton_default } from "../components-ChixwQhN.js";
-import { t as Sidebar_default } from "../Sidebar-CRxdl38Y.js";
+import AddressBar_default from "./AddressBar/AddressBar.vue.js";
+import OpenApiClientButton_default from "./OpenApiClientButton.vue.js";
+import Sidebar_default from "./Sidebar/Sidebar.vue.js";
 export { AddressBar_default as AddressBar, OpenApiClientButton_default as OpenApiClientButton, Sidebar_default as Sidebar };

package/dist/constants.js

@@ -0,0 +1,27 @@
+//#region src/constants.ts
+var ROUTES = [
+	{
+		displayName: "Request",
+		to: { name: "request.root" },
+		icon: "ExternalLink"
+	},
+	{
+		displayName: "Cookies",
+		to: { name: "cookies.default" },
+		icon: "Cookie"
+	},
+	{
+		displayName: "Environment",
+		to: { name: "environment.default" },
+		icon: "Brackets"
+	},
+	{
+		displayName: "Settings",
+		to: { name: "settings.default" },
+		icon: "Settings"
+	}
+];
+//#endregion
+export { ROUTES };
+
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../src/constants.ts"],"sourcesContent":["export const ROUTES = [\n  {\n    displayName: 'Request',\n    to: {\n      name: 'request.root',\n    },\n    icon: 'ExternalLink',\n  },\n  {\n    displayName: 'Cookies',\n    to: {\n      name: 'cookies.default',\n    },\n    icon: 'Cookie',\n  },\n  {\n    displayName: 'Environment',\n    to: {\n      name: 'environment.default',\n    },\n    icon: 'Brackets',\n  },\n  {\n    displayName: 'Settings',\n    to: {\n      name: 'settings.default',\n    },\n    icon: 'Settings',\n  },\n  // {\n  //   displayName: 'Servers',\n  //   to: {\n  //     name: 'servers.default',\n  //   },\n  //   icon: 'Server',\n  // },\n] as const\n"],"mappings":";AAAA,IAAa,SAAS;CACpB;EACE,aAAa;EACb,IAAI,EACF,MAAM,gBACP;EACD,MAAM;EACP;CACD;EACE,aAAa;EACb,IAAI,EACF,MAAM,mBACP;EACD,MAAM;EACP;CACD;EACE,aAAa;EACb,IAAI,EACF,MAAM,uBACP;EACD,MAAM;EACP;CACD;EACE,aAAa;EACb,IAAI,EACF,MAAM,oBACP;EACD,MAAM;EACP;CAQF"}