@scalar/api-client 2.38.4 → 2.39.1

package/dist/components/Server/ServerVariablesTextbox.vue.script.js

@@ -0,0 +1,34 @@
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, vModelText, withDirectives } from "vue";
+//#region src/components/Server/ServerVariablesTextbox.vue?vue&type=script&setup=true&lang.ts
+var ServerVariablesTextbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ServerVariablesTextbox",
+	props: {
+		value: {},
+		controls: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const model = computed({
+			get: () => props.value,
+			set: (v) => emit("change", v)
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("input", mergeProps({ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event) }, __props.controls ? {
+				..._ctx.$attrs,
+				"aria-controls": __props.controls
+			} : {}, {
+				autocomplete: "off",
+				class: "text-c-1 w-full border-transparent px-1.5 py-1.25 -outline-offset-1 group-last/label:rounded-br-lg",
+				placeholder: "value",
+				spellcheck: "false",
+				type: "text"
+			}), null, 16)), [[vModelText, model.value]]);
+		};
+	}
+});
+//#endregion
+export { ServerVariablesTextbox_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ServerVariablesTextbox.vue.script.js.map

package/dist/components/Server/ServerVariablesTextbox.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerVariablesTextbox.vue.script.js","names":["$attrs"],"sources":["../../../src/components/Server/ServerVariablesTextbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  value: string\n  controls: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'change', v: string): void\n}>()\n\nconst model = computed<string>({\n  get: () => props.value,\n  set: (v) => emit('change', v),\n})\n</script>\n<template>\n  <input\n    v-model=\"model\"\n    v-bind=\"controls ? { ...$attrs, 'aria-controls': controls } : {}\"\n    autocomplete=\"off\"\n    class=\"text-c-1 w-full border-transparent px-1.5 py-1.25 -outline-offset-1 group-last/label:rounded-br-lg\"\n    placeholder=\"value\"\n    spellcheck=\"false\"\n    type=\"text\" />\n</template>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAIb,MAAM,QAAQ,SAAiB;GAC7B,WAAW,MAAM;GACjB,MAAM,MAAM,KAAK,UAAU,EAAE;GAC9B,CAAA;;uCAGC,mBAOgB,SAPhB,WAOgB,EAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,MANA,QAAA,SAAA,EACN,QAAA,WAAQ;IAAA,GAAQA,KAAAA;IAAM,iBAAmB,QAAA;IAAQ,GAAA,EAAA,EAAA;IACzD,cAAa;IACb,OAAM;IACN,aAAY;IACZ,YAAW;IACX,MAAK;iCANI,MAAA,MAAK,CAAA,CAAA"}

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

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

package/dist/components/Server/index.js

@@ -1,3 +1,4 @@
-import { t as ServerVariablesForm_default } from "../../ServerVariablesForm-BRZ9XC8o.js";
-import { n as ServerDropdown_default, t as ServerSelector_default } from "../../Server-CEKGIEfE.js";
+import ServerVariablesForm_default from "./ServerVariablesForm.vue.js";
+import ServerDropdown_default from "./ServerDropdown.vue.js";
+import ServerSelector_default from "./ServerSelector.vue.js";
 export { ServerDropdown_default as ServerDropdown, ServerSelector_default as ServerSelector, ServerVariablesForm_default as ServerVariablesForm };

package/dist/components/SideNav/DownloadAppButton.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import DownloadAppButton_vue_vue_type_script_setup_true_lang_default from "./DownloadAppButton.vue.script.js";
+/* empty css                                */
+//#region src/components/SideNav/DownloadAppButton.vue
+var DownloadAppButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(DownloadAppButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cb45fa05"]]);
+//#endregion
+export { DownloadAppButton_default as default };
+
+//# sourceMappingURL=DownloadAppButton.vue.js.map

package/dist/components/SideNav/DownloadAppButton.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadAppButton.vue.js","names":[],"sources":["../../../src/components/SideNav/DownloadAppButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\n\nimport SideNavLink from '@/components/SideNav/SideNavLink.vue'\nimport { useLayout } from '@/hooks'\n\nconst { layout } = useLayout()\n</script>\n<template>\n  <SideNavLink\n    class=\"download-app-button gap-2 !px-3 !py-1.5 sm:px-3\"\n    href=\"https://scalar.com/download?utm_source=web_client&utm_medium=download_button&utm_campaign=topnav\"\n    icon=\"Download\"\n    target=\"_blank\">\n    <template #icon>\n      <ScalarIcon\n        icon=\"Download\"\n        size=\"sm\"\n        thickness=\"2\" />\n    </template>\n    <span\n      class=\"sr-only text-sm font-medium\"\n      :class=\"{ 'sm:not-sr-only': layout === 'web' }\">\n      Download App\n    </span>\n  </SideNavLink>\n</template>\n<style scoped>\n.download-app-button {\n  box-shadow: 0 0 0 0.5px var(--scalar-border-color);\n  background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));\n}\n\n.dark-mode .download-app-button {\n  background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.15));\n}\n\n.download-app-button:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));\n}\n\n.dark-mode .download-app-button:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.1));\n}\n</style>\n"],"mappings":""}

package/dist/components/SideNav/DownloadAppButton.vue.script.js

@@ -0,0 +1,31 @@
+import { useLayout } from "../../hooks/useLayout.js";
+import SideNavLink_default from "./SideNavLink.vue.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
+import { ScalarIcon } from "@scalar/components";
+//#region src/components/SideNav/DownloadAppButton.vue?vue&type=script&setup=true&lang.ts
+var DownloadAppButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DownloadAppButton",
+	setup(__props) {
+		const { layout } = useLayout();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(SideNavLink_default, {
+				class: "download-app-button gap-2 !px-3 !py-1.5 sm:px-3",
+				href: "https://scalar.com/download?utm_source=web_client&utm_medium=download_button&utm_campaign=topnav",
+				icon: "Download",
+				target: "_blank"
+			}, {
+				icon: withCtx(() => [createVNode(unref(ScalarIcon), {
+					icon: "Download",
+					size: "sm",
+					thickness: "2"
+				})]),
+				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["sr-only text-sm font-medium", { "sm:not-sr-only": unref(layout) === "web" }]) }, " Download App ", 2)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { DownloadAppButton_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DownloadAppButton.vue.script.js.map

package/dist/components/SideNav/DownloadAppButton.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadAppButton.vue.script.js","names":[],"sources":["../../../src/components/SideNav/DownloadAppButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\n\nimport SideNavLink from '@/components/SideNav/SideNavLink.vue'\nimport { useLayout } from '@/hooks'\n\nconst { layout } = useLayout()\n</script>\n<template>\n  <SideNavLink\n    class=\"download-app-button gap-2 !px-3 !py-1.5 sm:px-3\"\n    href=\"https://scalar.com/download?utm_source=web_client&utm_medium=download_button&utm_campaign=topnav\"\n    icon=\"Download\"\n    target=\"_blank\">\n    <template #icon>\n      <ScalarIcon\n        icon=\"Download\"\n        size=\"sm\"\n        thickness=\"2\" />\n    </template>\n    <span\n      class=\"sr-only text-sm font-medium\"\n      :class=\"{ 'sm:not-sr-only': layout === 'web' }\">\n      Download App\n    </span>\n  </SideNavLink>\n</template>\n<style scoped>\n.download-app-button {\n  box-shadow: 0 0 0 0.5px var(--scalar-border-color);\n  background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));\n}\n\n.dark-mode .download-app-button {\n  background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.15));\n}\n\n.download-app-button:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));\n}\n\n.dark-mode .download-app-button:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.1));\n}\n</style>\n"],"mappings":";;;;;;;;EAMA,MAAM,EAAE,WAAW,WAAU;;uBAG3B,YAgBc,qBAAA;IAfZ,OAAM;IACN,MAAK;IACL,MAAK;IACL,QAAO;;IACI,MAAI,cAIK,CAHlB,YAGkB,MAAA,WAAA,EAAA;KAFhB,MAAK;KACL,MAAK;KACL,WAAU;;2BAMP,CAJP,mBAIO,QAAA,EAHL,OAAK,eAAA,CAAC,+BAA6B,EAAA,kBACP,MAAA,OAAM,KAAA,OAAA,CAAA,CAAA,EAAA,EAAc,kBAElD,EAAA,CAAA,CAAA"}

package/dist/components/SideNav/SideHelp.vue.js

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

package/dist/components/SideNav/SideHelp.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideHelp.vue.js","names":[],"sources":["../../../src/components/SideNav/SideHelp.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdown,\n  ScalarDropdownItem,\n  ScalarIcon,\n} from '@scalar/components'\n\nimport SideNavLink from './SideNavLink.vue'\n</script>\n<template>\n  <ScalarDropdown\n    class=\"max-w-[150px]\"\n    :placement=\"'top-end'\">\n    <SideNavLink\n      is=\"button\"\n      icon=\"Help\"\n      type=\"button\">\n      About\n    </SideNavLink>\n\n    <!-- Help Menu -->\n    <template #items>\n      <span class=\"text-c-2 px-2.5 py-1.5 text-xs font-medium\">Support</span>\n      <a\n        class=\"block no-underline\"\n        href=\"https://discord.gg/scalar\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Discord\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>Discord</span>\n        </ScalarDropdownItem>\n      </a>\n      <a\n        class=\"block no-underline\"\n        href=\"https://github.com/scalar/scalar\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"GitHubLine\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>GitHub</span>\n        </ScalarDropdownItem>\n      </a>\n      <a\n        class=\"block no-underline\"\n        href=\"mailto:support@scalar.com\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Email\"\n              size=\"xs\" />\n          </div>\n          <span>Email</span>\n        </ScalarDropdownItem>\n      </a>\n      <span class=\"text-c-2 px-2.5 py-1.5 text-xs font-medium\">Product</span>\n      <a\n        class=\"block no-underline\"\n        href=\"https://scalar.com/changelog\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Changelog\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>Changelog</span>\n        </ScalarDropdownItem>\n      </a>\n      <a\n        class=\"block no-underline\"\n        href=\"https://github.com/scalar/scalar/issues/2669\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Roadmap\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>Roadmap</span>\n        </ScalarDropdownItem>\n      </a>\n    </template>\n  </ScalarDropdown>\n</template>\n"],"mappings":""}

package/dist/components/SideNav/SideHelp.vue.script.js

@@ -0,0 +1,102 @@
+import SideNavLink_default from "./SideNavLink.vue.js";
+import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+import { ScalarDropdown, ScalarDropdownItem, ScalarIcon } from "@scalar/components";
+//#region src/components/SideNav/SideHelp.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "block no-underline",
+	href: "https://discord.gg/scalar",
+	target: "_blank"
+};
+var _hoisted_2 = { class: "flex items-center justify-center" };
+var _hoisted_3 = {
+	class: "block no-underline",
+	href: "https://github.com/scalar/scalar",
+	target: "_blank"
+};
+var _hoisted_4 = { class: "flex items-center justify-center" };
+var _hoisted_5 = {
+	class: "block no-underline",
+	href: "mailto:support@scalar.com",
+	target: "_blank"
+};
+var _hoisted_6 = { class: "flex items-center justify-center" };
+var _hoisted_7 = {
+	class: "block no-underline",
+	href: "https://scalar.com/changelog",
+	target: "_blank"
+};
+var _hoisted_8 = { class: "flex items-center justify-center" };
+var _hoisted_9 = {
+	class: "block no-underline",
+	href: "https://github.com/scalar/scalar/issues/2669",
+	target: "_blank"
+};
+var _hoisted_10 = { class: "flex items-center justify-center" };
+var SideHelp_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SideHelp",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarDropdown), {
+				class: "max-w-[150px]",
+				placement: "top-end"
+			}, {
+				items: withCtx(() => [
+					_cache[6] || (_cache[6] = createElementVNode("span", { class: "text-c-2 px-2.5 py-1.5 text-xs font-medium" }, "Support", -1)),
+					createElementVNode("a", _hoisted_1, [createVNode(unref(ScalarDropdownItem), { class: "flex w-full items-center gap-1.5" }, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(ScalarIcon), {
+							icon: "Discord",
+							size: "xs",
+							thickness: "1.75"
+						})]), _cache[1] || (_cache[1] = createElementVNode("span", null, "Discord", -1))]),
+						_: 1
+					})]),
+					createElementVNode("a", _hoisted_3, [createVNode(unref(ScalarDropdownItem), { class: "flex w-full items-center gap-1.5" }, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_4, [createVNode(unref(ScalarIcon), {
+							icon: "GitHubLine",
+							size: "xs",
+							thickness: "1.75"
+						})]), _cache[2] || (_cache[2] = createElementVNode("span", null, "GitHub", -1))]),
+						_: 1
+					})]),
+					createElementVNode("a", _hoisted_5, [createVNode(unref(ScalarDropdownItem), { class: "flex w-full items-center gap-1.5" }, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_6, [createVNode(unref(ScalarIcon), {
+							icon: "Email",
+							size: "xs"
+						})]), _cache[3] || (_cache[3] = createElementVNode("span", null, "Email", -1))]),
+						_: 1
+					})]),
+					_cache[7] || (_cache[7] = createElementVNode("span", { class: "text-c-2 px-2.5 py-1.5 text-xs font-medium" }, "Product", -1)),
+					createElementVNode("a", _hoisted_7, [createVNode(unref(ScalarDropdownItem), { class: "flex w-full items-center gap-1.5" }, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_8, [createVNode(unref(ScalarIcon), {
+							icon: "Changelog",
+							size: "xs",
+							thickness: "1.75"
+						})]), _cache[4] || (_cache[4] = createElementVNode("span", null, "Changelog", -1))]),
+						_: 1
+					})]),
+					createElementVNode("a", _hoisted_9, [createVNode(unref(ScalarDropdownItem), { class: "flex w-full items-center gap-1.5" }, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_10, [createVNode(unref(ScalarIcon), {
+							icon: "Roadmap",
+							size: "xs",
+							thickness: "1.75"
+						})]), _cache[5] || (_cache[5] = createElementVNode("span", null, "Roadmap", -1))]),
+						_: 1
+					})])
+				]),
+				default: withCtx(() => [createVNode(SideNavLink_default, {
+					is: "button",
+					icon: "Help",
+					type: "button"
+				}, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" About ", -1)])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { SideHelp_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SideHelp.vue.script.js.map

package/dist/components/SideNav/SideHelp.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideHelp.vue.script.js","names":[],"sources":["../../../src/components/SideNav/SideHelp.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdown,\n  ScalarDropdownItem,\n  ScalarIcon,\n} from '@scalar/components'\n\nimport SideNavLink from './SideNavLink.vue'\n</script>\n<template>\n  <ScalarDropdown\n    class=\"max-w-[150px]\"\n    :placement=\"'top-end'\">\n    <SideNavLink\n      is=\"button\"\n      icon=\"Help\"\n      type=\"button\">\n      About\n    </SideNavLink>\n\n    <!-- Help Menu -->\n    <template #items>\n      <span class=\"text-c-2 px-2.5 py-1.5 text-xs font-medium\">Support</span>\n      <a\n        class=\"block no-underline\"\n        href=\"https://discord.gg/scalar\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Discord\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>Discord</span>\n        </ScalarDropdownItem>\n      </a>\n      <a\n        class=\"block no-underline\"\n        href=\"https://github.com/scalar/scalar\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"GitHubLine\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>GitHub</span>\n        </ScalarDropdownItem>\n      </a>\n      <a\n        class=\"block no-underline\"\n        href=\"mailto:support@scalar.com\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Email\"\n              size=\"xs\" />\n          </div>\n          <span>Email</span>\n        </ScalarDropdownItem>\n      </a>\n      <span class=\"text-c-2 px-2.5 py-1.5 text-xs font-medium\">Product</span>\n      <a\n        class=\"block no-underline\"\n        href=\"https://scalar.com/changelog\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Changelog\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>Changelog</span>\n        </ScalarDropdownItem>\n      </a>\n      <a\n        class=\"block no-underline\"\n        href=\"https://github.com/scalar/scalar/issues/2669\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Roadmap\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>Roadmap</span>\n        </ScalarDropdownItem>\n      </a>\n    </template>\n  </ScalarDropdown>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAUE,YAoFiB,MAAA,eAAA,EAAA;IAnFf,OAAM;IACL,WAAW;;IASD,OAAK,cACyD;+BAAvE,mBAAuE,QAAA,EAAjE,OAAM,8CAA4C,EAAC,WAAO,GAAA;KAChE,mBAaI,KAbJ,YAaI,CATF,YAQqB,MAAA,mBAAA,EAAA,EARD,OAAM,oCAAkC,EAAA;6BAMpD,CALN,mBAKM,OALN,YAKM,CAJJ,YAGqB,MAAA,WAAA,EAAA;OAFnB,MAAK;OACL,MAAK;OACL,WAAU;sCAEd,mBAAoB,QAAA,MAAd,WAAO,GAAA,EAAA,CAAA;;;KAGjB,mBAaI,KAbJ,YAaI,CATF,YAQqB,MAAA,mBAAA,EAAA,EARD,OAAM,oCAAkC,EAAA;6BAMpD,CALN,mBAKM,OALN,YAKM,CAJJ,YAGqB,MAAA,WAAA,EAAA;OAFnB,MAAK;OACL,MAAK;OACL,WAAU;sCAEd,mBAAmB,QAAA,MAAb,UAAM,GAAA,EAAA,CAAA;;;KAGhB,mBAYI,KAZJ,YAYI,CARF,YAOqB,MAAA,mBAAA,EAAA,EAPD,OAAM,oCAAkC,EAAA;6BAKpD,CAJN,mBAIM,OAJN,YAIM,CAHJ,YAEc,MAAA,WAAA,EAAA;OADZ,MAAK;OACL,MAAK;sCAET,mBAAkB,QAAA,MAAZ,SAAK,GAAA,EAAA,CAAA;;;+BAGf,mBAAuE,QAAA,EAAjE,OAAM,8CAA4C,EAAC,WAAO,GAAA;KAChE,mBAaI,KAbJ,YAaI,CATF,YAQqB,MAAA,mBAAA,EAAA,EARD,OAAM,oCAAkC,EAAA;6BAMpD,CALN,mBAKM,OALN,YAKM,CAJJ,YAGqB,MAAA,WAAA,EAAA;OAFnB,MAAK;OACL,MAAK;OACL,WAAU;sCAEd,mBAAsB,QAAA,MAAhB,aAAS,GAAA,EAAA,CAAA;;;KAGnB,mBAaI,KAbJ,YAaI,CATF,YAQqB,MAAA,mBAAA,EAAA,EARD,OAAM,oCAAkC,EAAA;6BAMpD,CALN,mBAKM,OALN,aAKM,CAJJ,YAGqB,MAAA,WAAA,EAAA;OAFnB,MAAK;OACL,MAAK;OACL,WAAU;sCAEd,mBAAoB,QAAA,MAAd,WAAO,GAAA,EAAA,CAAA;;;;2BAxEL,CALd,YAKc,qBAAA;KAJZ,IAAG;KACH,MAAK;KACL,MAAK;;4BAEP,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFgB,WAEhB,GAAA,CAAA,EAAA,CAAA"}

package/dist/components/SideNav/SideNav.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.vue.js","names":[],"sources":["../../../src/components/SideNav/SideNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport { useRouter } from 'vue-router'\n\nimport { ROUTES } from '@/constants'\nimport { useLayout } from '@/hooks'\nimport { PathId } from '@/routes'\nimport { useActiveEntities } from '@/store'\n\nimport DownloadAppButton from './DownloadAppButton.vue'\nimport SideHelp from './SideHelp.vue'\nimport SideNavGroup from './SideNavGroup.vue'\nimport SideNavRouterLink from './SideNavRouterLink.vue'\n\nconst { currentRoute } = useRouter()\nconst { layout } = useLayout()\n\nconst { activeWorkspace } = useActiveEntities()\n</script>\n<template>\n  <nav\n    aria-label=\"App Navigation\"\n    class=\"app-drag-region flex items-center justify-center gap-1.5 pt-2 sm:justify-between\"\n    :class=\"\n      layout === 'web' ? 'h-header border !pt-0' : 'px-2 pb-2 sm:flex-col'\n    \"\n    role=\"navigation\">\n    <SideNavGroup class=\"app-no-drag-region\">\n      <a\n        class=\"mr-3 ml-1 hidden items-center\"\n        :class=\"{\n          'sm:flex': layout === 'web',\n        }\"\n        href=\"https://www.scalar.com\"\n        target=\"_blank\">\n        <ScalarIcon\n          icon=\"Logo\"\n          size=\"xl\" />\n      </a>\n      <!-- Everything, but settings -->\n      <li\n        v-for=\"({ icon, to, displayName }, i) in ROUTES.filter(\n          (route) => route.to.name !== 'settings.default',\n        )\"\n        :key=\"i\">\n        <SideNavRouterLink\n          :active=\"\n            Boolean(\n              currentRoute.name === displayName.toLowerCase() ||\n              (displayName.toLowerCase() === 'environment' &&\n                currentRoute.name === 'environment.collection'),\n            )\n          \"\n          :icon=\"icon\"\n          :to=\"{\n            ...to,\n            params: {\n              [PathId.Workspace]: activeWorkspace?.uid ?? 'default',\n            },\n          }\">\n          {{ displayName }}\n        </SideNavRouterLink>\n      </li>\n    </SideNavGroup>\n    <!-- Pinned to the bottom -->\n    <SideNavGroup class=\"app-no-drag-region\">\n      <li class=\"flex items-center\">\n        <SideNavRouterLink\n          :active=\"currentRoute.name === 'settings'\"\n          icon=\"Settings\"\n          :to=\"{\n            name: `settings.default`,\n            params: {\n              [PathId.Workspace]: activeWorkspace?.uid,\n            },\n          }\">\n          Settings\n        </SideNavRouterLink>\n      </li>\n      <li class=\"flex items-center\">\n        <SideHelp />\n      </li>\n      <li\n        v-if=\"layout !== 'desktop'\"\n        class=\"hidden items-center justify-center sm:ml-1.5 sm:flex\">\n        <DownloadAppButton />\n      </li>\n    </SideNavGroup>\n  </nav>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,80 @@
+import { ROUTES } from "../../constants.js";
+import { PathId } from "../../routes.js";
+import { useActiveEntities } from "../../store/active-entities.js";
+import { useLayout } from "../../hooks/useLayout.js";
+import DownloadAppButton_default from "./DownloadAppButton.vue.js";
+import SideHelp_default from "./SideHelp.vue.js";
+import SideNavGroup_default from "./SideNavGroup.vue.js";
+import SideNavRouterLink_default from "./SideNavRouterLink.vue.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { ScalarIcon } from "@scalar/components";
+import { useRouter } from "vue-router";
+//#region src/components/SideNav/SideNav.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex items-center" };
+var _hoisted_2 = { class: "flex items-center" };
+var _hoisted_3 = {
+	key: 0,
+	class: "hidden items-center justify-center sm:ml-1.5 sm:flex"
+};
+var SideNav_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SideNav",
+	setup(__props) {
+		const { currentRoute } = useRouter();
+		const { layout } = useLayout();
+		const { activeWorkspace } = useActiveEntities();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				"aria-label": "App Navigation",
+				class: normalizeClass(["app-drag-region flex items-center justify-center gap-1.5 pt-2 sm:justify-between", unref(layout) === "web" ? "h-header border !pt-0" : "px-2 pb-2 sm:flex-col"]),
+				role: "navigation"
+			}, [createVNode(SideNavGroup_default, { class: "app-no-drag-region" }, {
+				default: withCtx(() => [createElementVNode("a", {
+					class: normalizeClass(["mr-3 ml-1 hidden items-center", { "sm:flex": unref(layout) === "web" }]),
+					href: "https://www.scalar.com",
+					target: "_blank"
+				}, [createVNode(unref(ScalarIcon), {
+					icon: "Logo",
+					size: "xl"
+				})], 2), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(ROUTES).filter((route) => route.to.name !== "settings.default"), ({ icon, to, displayName }, i) => {
+					return openBlock(), createElementBlock("li", { key: i }, [createVNode(SideNavRouterLink_default, {
+						active: Boolean(unref(currentRoute).name === displayName.toLowerCase() || displayName.toLowerCase() === "environment" && unref(currentRoute).name === "environment.collection"),
+						icon,
+						to: {
+							...to,
+							params: { [unref(PathId).Workspace]: unref(activeWorkspace)?.uid ?? "default" }
+						}
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(displayName), 1)]),
+						_: 2
+					}, 1032, [
+						"active",
+						"icon",
+						"to"
+					])]);
+				}), 128))]),
+				_: 1
+			}), createVNode(SideNavGroup_default, { class: "app-no-drag-region" }, {
+				default: withCtx(() => [
+					createElementVNode("li", _hoisted_1, [createVNode(SideNavRouterLink_default, {
+						active: unref(currentRoute).name === "settings",
+						icon: "Settings",
+						to: {
+							name: `settings.default`,
+							params: { [unref(PathId).Workspace]: unref(activeWorkspace)?.uid }
+						}
+					}, {
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Settings ", -1)])]),
+						_: 1
+					}, 8, ["active", "to"])]),
+					createElementVNode("li", _hoisted_2, [createVNode(SideHelp_default)]),
+					unref(layout) !== "desktop" ? (openBlock(), createElementBlock("li", _hoisted_3, [createVNode(DownloadAppButton_default)])) : createCommentVNode("", true)
+				]),
+				_: 1
+			})], 2);
+		};
+	}
+});
+//#endregion
+export { SideNav_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SideNav.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.vue.script.js","names":[],"sources":["../../../src/components/SideNav/SideNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport { useRouter } from 'vue-router'\n\nimport { ROUTES } from '@/constants'\nimport { useLayout } from '@/hooks'\nimport { PathId } from '@/routes'\nimport { useActiveEntities } from '@/store'\n\nimport DownloadAppButton from './DownloadAppButton.vue'\nimport SideHelp from './SideHelp.vue'\nimport SideNavGroup from './SideNavGroup.vue'\nimport SideNavRouterLink from './SideNavRouterLink.vue'\n\nconst { currentRoute } = useRouter()\nconst { layout } = useLayout()\n\nconst { activeWorkspace } = useActiveEntities()\n</script>\n<template>\n  <nav\n    aria-label=\"App Navigation\"\n    class=\"app-drag-region flex items-center justify-center gap-1.5 pt-2 sm:justify-between\"\n    :class=\"\n      layout === 'web' ? 'h-header border !pt-0' : 'px-2 pb-2 sm:flex-col'\n    \"\n    role=\"navigation\">\n    <SideNavGroup class=\"app-no-drag-region\">\n      <a\n        class=\"mr-3 ml-1 hidden items-center\"\n        :class=\"{\n          'sm:flex': layout === 'web',\n        }\"\n        href=\"https://www.scalar.com\"\n        target=\"_blank\">\n        <ScalarIcon\n          icon=\"Logo\"\n          size=\"xl\" />\n      </a>\n      <!-- Everything, but settings -->\n      <li\n        v-for=\"({ icon, to, displayName }, i) in ROUTES.filter(\n          (route) => route.to.name !== 'settings.default',\n        )\"\n        :key=\"i\">\n        <SideNavRouterLink\n          :active=\"\n            Boolean(\n              currentRoute.name === displayName.toLowerCase() ||\n              (displayName.toLowerCase() === 'environment' &&\n                currentRoute.name === 'environment.collection'),\n            )\n          \"\n          :icon=\"icon\"\n          :to=\"{\n            ...to,\n            params: {\n              [PathId.Workspace]: activeWorkspace?.uid ?? 'default',\n            },\n          }\">\n          {{ displayName }}\n        </SideNavRouterLink>\n      </li>\n    </SideNavGroup>\n    <!-- Pinned to the bottom -->\n    <SideNavGroup class=\"app-no-drag-region\">\n      <li class=\"flex items-center\">\n        <SideNavRouterLink\n          :active=\"currentRoute.name === 'settings'\"\n          icon=\"Settings\"\n          :to=\"{\n            name: `settings.default`,\n            params: {\n              [PathId.Workspace]: activeWorkspace?.uid,\n            },\n          }\">\n          Settings\n        </SideNavRouterLink>\n      </li>\n      <li class=\"flex items-center\">\n        <SideHelp />\n      </li>\n      <li\n        v-if=\"layout !== 'desktop'\"\n        class=\"hidden items-center justify-center sm:ml-1.5 sm:flex\">\n        <DownloadAppButton />\n      </li>\n    </SideNavGroup>\n  </nav>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,EAAE,iBAAiB,WAAU;EACnC,MAAM,EAAE,WAAW,WAAU;EAE7B,MAAM,EAAE,oBAAoB,mBAAkB;;uBAG5C,mBAoEM,OAAA;IAnEJ,cAAW;IACX,OAAK,eAAA,CAAC,oFACS,MAAA,OAAM,KAAA,QAAA,0BAAA,wBAAA,CAAA;IAGrB,MAAK;OACL,YAoCe,sBAAA,EApCD,OAAM,sBAAoB,EAAA;2BAWlC,CAVJ,mBAUI,KAAA;KATF,OAAK,eAAA,CAAC,iCAA+B,EAAA,WACN,MAAA,OAAM,KAAA,OAAA,CAAA,CAAA;KAGrC,MAAK;KACL,QAAO;QACP,YAEc,MAAA,WAAA,EAAA;KADZ,MAAK;KACL,MAAK;+BAGT,mBAsBK,UAAA,MAAA,WArBsC,MAAA,OAAM,CAAC,QAAmB,UAAU,MAAM,GAAG,SAAI,mBAAA,GAAA,EAAhF,MAAM,IAAI,eAAe,MAAC;yBADtC,mBAsBK,MAAA,EAlBF,KAAK,GAAC,EAAA,CACP,YAgBoB,2BAAA;MAfjB,QAAqB,QAAuB,MAAA,aAAY,CAAC,SAAS,YAAY,aAAW,IAAqB,YAAY,aAAW,KAAA,iBAAwC,MAAA,aAAY,CAAC,SAAI,yBAAA;MAOxL;MACN,IAAE;UAAmB;kBAAyC,MAAA,OAAM,CAAC,YAAY,MAAA,gBAAe,EAAE,OAAG,WAAA;;;6BAMrF,CAAA,gBAAA,gBAAd,YAAW,EAAA,EAAA,CAAA,CAAA;;;;;;;;;OAKpB,YAsBe,sBAAA,EAtBD,OAAM,sBAAoB,EAAA;2BAajC;KAZL,mBAYK,MAZL,YAYK,CAXH,YAUoB,2BAAA;MATjB,QAAQ,MAAA,aAAY,CAAC,SAAI;MAC1B,MAAK;MACJ,IAAE;;kBAA+E,MAAA,OAAM,CAAC,YAAY,MAAA,gBAAe,EAAE,KAAA;;;6BAOxH,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFK,cAEL,GAAA,CAAA,EAAA,CAAA;;;KAEF,mBAEK,MAFL,YAEK,CADH,YAAY,iBAAA,CAAA,CAAA;KAGN,MAAA,OAAM,KAAA,aAAA,WAAA,EADd,mBAIK,MAJL,YAIK,CADH,YAAqB,0BAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/SideNav/SideNavGroup.vue.js

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

package/dist/components/SideNav/SideNavGroup.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavGroup.vue.js","names":[],"sources":["../../../src/components/SideNav/SideNavGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useLayout } from '@/hooks'\n\nconst { layout } = useLayout()\n</script>\n<template>\n  <ul\n    class=\"flex gap-1.5\"\n    :class=\"layout === 'web' ? 'sm:gap-px sm:px-2' : 'sm:flex-col'\">\n    <slot />\n  </ul>\n</template>\n"],"mappings":""}

package/dist/components/SideNav/SideNavGroup.vue.script.js

@@ -0,0 +1,16 @@
+import { useLayout } from "../../hooks/useLayout.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region src/components/SideNav/SideNavGroup.vue?vue&type=script&setup=true&lang.ts
+var SideNavGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SideNavGroup",
+	setup(__props) {
+		const { layout } = useLayout();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("ul", { class: normalizeClass(["flex gap-1.5", unref(layout) === "web" ? "sm:gap-px sm:px-2" : "sm:flex-col"]) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { SideNavGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SideNavGroup.vue.script.js.map

package/dist/components/SideNav/SideNavGroup.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavGroup.vue.script.js","names":[],"sources":["../../../src/components/SideNav/SideNavGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useLayout } from '@/hooks'\n\nconst { layout } = useLayout()\n</script>\n<template>\n  <ul\n    class=\"flex gap-1.5\"\n    :class=\"layout === 'web' ? 'sm:gap-px sm:px-2' : 'sm:flex-col'\">\n    <slot />\n  </ul>\n</template>\n"],"mappings":";;;;;;EAGA,MAAM,EAAE,WAAW,WAAU;;uBAG3B,mBAIK,MAAA,EAHH,OAAK,eAAA,CAAC,gBACE,MAAA,OAAM,KAAA,QAAA,sBAAA,cAAA,CAAA,EAAA,EAAA,CACd,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/SideNav/SideNavLink.vue.js

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

package/dist/components/SideNav/SideNavLink.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavLink.vue.js","names":[],"sources":["../../../src/components/SideNav/SideNavLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon, type Icon } from '@scalar/components'\nimport type { Component } from 'vue'\n\nimport { useLayout } from '@/hooks'\n\ndefineProps<{\n  is?: Component | string\n  active?: boolean\n  icon: Icon\n}>()\n\nconst { layout } = useLayout()\n</script>\n<template>\n  <component\n    :is=\"is ?? 'a'\"\n    class=\"hover:bg-b-3 hover:dark:bg-b-2 flex max-w-[37px] min-w-[37px] items-center justify-center rounded-lg p-2 no-underline\"\n    :class=\"{\n      'bg-b-3 dark:bg-b-2 text-c-1 transition-none hover:cursor-default':\n        active,\n      'sm:max-w-max sm:min-w-max sm:rounded sm:py-1.5': layout === 'web',\n    }\">\n    <slot name=\"icon\">\n      <ScalarIcon\n        :class=\"layout === 'web' ? 'sm:hidden' : ''\"\n        :icon=\"icon\"\n        thickness=\"1.5\" />\n    </slot>\n    <span\n      class=\"sr-only text-sm font-medium\"\n      :class=\"{ 'sm:not-sr-only': layout === 'web' }\">\n      <slot />\n    </span>\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/SideNav/SideNavLink.vue.script.js

@@ -0,0 +1,32 @@
+import { useLayout } from "../../hooks/useLayout.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+import { ScalarIcon } from "@scalar/components";
+//#region src/components/SideNav/SideNavLink.vue?vue&type=script&setup=true&lang.ts
+var SideNavLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SideNavLink",
+	props: {
+		is: {},
+		active: { type: Boolean },
+		icon: {}
+	},
+	setup(__props) {
+		const { layout } = useLayout();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.is ?? "a"), { class: normalizeClass(["hover:bg-b-3 hover:dark:bg-b-2 flex max-w-[37px] min-w-[37px] items-center justify-center rounded-lg p-2 no-underline", {
+				"bg-b-3 dark:bg-b-2 text-c-1 transition-none hover:cursor-default": __props.active,
+				"sm:max-w-max sm:min-w-max sm:rounded sm:py-1.5": unref(layout) === "web"
+			}]) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(ScalarIcon), {
+					class: normalizeClass(unref(layout) === "web" ? "sm:hidden" : ""),
+					icon: __props.icon,
+					thickness: "1.5"
+				}, null, 8, ["class", "icon"])]), createElementVNode("span", { class: normalizeClass(["sr-only text-sm font-medium", { "sm:not-sr-only": unref(layout) === "web" }]) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { SideNavLink_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SideNavLink.vue.script.js.map

package/dist/components/SideNav/SideNavLink.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavLink.vue.script.js","names":[],"sources":["../../../src/components/SideNav/SideNavLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon, type Icon } from '@scalar/components'\nimport type { Component } from 'vue'\n\nimport { useLayout } from '@/hooks'\n\ndefineProps<{\n  is?: Component | string\n  active?: boolean\n  icon: Icon\n}>()\n\nconst { layout } = useLayout()\n</script>\n<template>\n  <component\n    :is=\"is ?? 'a'\"\n    class=\"hover:bg-b-3 hover:dark:bg-b-2 flex max-w-[37px] min-w-[37px] items-center justify-center rounded-lg p-2 no-underline\"\n    :class=\"{\n      'bg-b-3 dark:bg-b-2 text-c-1 transition-none hover:cursor-default':\n        active,\n      'sm:max-w-max sm:min-w-max sm:rounded sm:py-1.5': layout === 'web',\n    }\">\n    <slot name=\"icon\">\n      <ScalarIcon\n        :class=\"layout === 'web' ? 'sm:hidden' : ''\"\n        :icon=\"icon\"\n        thickness=\"1.5\" />\n    </slot>\n    <span\n      class=\"sr-only text-sm font-medium\"\n      :class=\"{ 'sm:not-sr-only': layout === 'web' }\">\n      <slot />\n    </span>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;EAYA,MAAM,EAAE,WAAW,WAAU;;uBAG3B,YAmBY,wBAlBL,QAAA,MAAE,IAAA,EAAA,EACP,OAAK,eAAA,CAAC,yHAAuH;wEACjC,QAAA;sDAAgE,MAAA,OAAM,KAAA;;2BAU3J,CALP,WAKO,KAAA,QAAA,QAAA,EAAA,QAAA,CAJL,YAGoB,MAAA,WAAA,EAAA;KAFjB,OAAK,eAAE,MAAA,OAAM,KAAA,QAAA,cAAA,GAAA;KACb,MAAM,QAAA;KACP,WAAU;sCAEd,mBAIO,QAAA,EAHL,OAAK,eAAA,CAAC,+BAA6B,EAAA,kBACP,MAAA,OAAM,KAAA,OAAA,CAAA,CAAA,EAAA,EAAA,CAClC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/SideNav/SideNavRouterLink.vue.js

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

package/dist/components/SideNav/SideNavRouterLink.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavRouterLink.vue.js","names":[],"sources":["../../../src/components/SideNav/SideNavRouterLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Icon } from '@scalar/components'\nimport { RouterLink, type RouteLocationRaw } from 'vue-router'\n\nimport SideNavLink from '@/components/SideNav/SideNavLink.vue'\n\ndefineProps<{\n  icon: Icon\n  to: RouteLocationRaw\n  active?: boolean\n}>()\n</script>\n<template>\n  <SideNavLink\n    :is=\"RouterLink\"\n    :active=\"Boolean(active)\"\n    :icon=\"icon\"\n    :to=\"to\">\n    <slot />\n  </SideNavLink>\n</template>\n"],"mappings":""}

package/dist/components/SideNav/SideNavRouterLink.vue.script.js

@@ -0,0 +1,34 @@
+import SideNavLink_default from "./SideNavLink.vue.js";
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { RouterLink } from "vue-router";
+//#region src/components/SideNav/SideNavRouterLink.vue?vue&type=script&setup=true&lang.ts
+var SideNavRouterLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SideNavRouterLink",
+	props: {
+		icon: {},
+		to: {},
+		active: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(SideNavLink_default, {
+				is: unref(RouterLink),
+				active: Boolean(__props.active),
+				icon: __props.icon,
+				to: __props.to
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"is",
+				"active",
+				"icon",
+				"to"
+			]);
+		};
+	}
+});
+//#endregion
+export { SideNavRouterLink_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SideNavRouterLink.vue.script.js.map

package/dist/components/SideNav/SideNavRouterLink.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavRouterLink.vue.script.js","names":[],"sources":["../../../src/components/SideNav/SideNavRouterLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Icon } from '@scalar/components'\nimport { RouterLink, type RouteLocationRaw } from 'vue-router'\n\nimport SideNavLink from '@/components/SideNav/SideNavLink.vue'\n\ndefineProps<{\n  icon: Icon\n  to: RouteLocationRaw\n  active?: boolean\n}>()\n</script>\n<template>\n  <SideNavLink\n    :is=\"RouterLink\"\n    :active=\"Boolean(active)\"\n    :icon=\"icon\"\n    :to=\"to\">\n    <slot />\n  </SideNavLink>\n</template>\n"],"mappings":";;;;;;;;;;;;;uBAaE,YAMc,qBAAA;IALX,IAAI,MAAA,WAAU;IACd,QAAQ,QAAQ,QAAA,OAAM;IACtB,MAAM,QAAA;IACN,IAAI,QAAA;;2BACG,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue.js

@@ -0,0 +1,7 @@
+import DeleteSidebarListElement_vue_vue_type_script_setup_true_lang_default from "./DeleteSidebarListElement.vue.script.js";
+//#region src/components/Sidebar/Actions/DeleteSidebarListElement.vue
+var DeleteSidebarListElement_default = DeleteSidebarListElement_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DeleteSidebarListElement_default as default };
+
+//# sourceMappingURL=DeleteSidebarListElement.vue.js.map

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteSidebarListElement.vue.js","names":[],"sources":["../../../../src/components/Sidebar/Actions/DeleteSidebarListElement.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport SidebarListElementForm from '@/components/Sidebar/Actions/SidebarListElementForm.vue'\n\nconst props = defineProps<{\n  variableName: string\n  warningMessage: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'delete'): void\n}>()\n\nconst truncatedName = computed(() => {\n  if (props.variableName.length > 18) {\n    return props.variableName.slice(0, 18) + '…'\n  }\n  return props.variableName\n})\n</script>\n<template>\n  <SidebarListElementForm\n    danger\n    :label=\"`Delete ${truncatedName}`\"\n    @cancel=\"emit('close')\"\n    @submit=\"emit('delete')\">\n    <p\n      v-if=\"warningMessage\"\n      class=\"text-c-2 text-sm leading-normal text-pretty\">\n      {{ warningMessage }}\n    </p>\n  </SidebarListElementForm>\n</template>\n"],"mappings":""}

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue.script.js

@@ -0,0 +1,38 @@
+import SidebarListElementForm_default from "./SidebarListElementForm.vue.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock, toDisplayString, withCtx } from "vue";
+//#region src/components/Sidebar/Actions/DeleteSidebarListElement.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "text-c-2 text-sm leading-normal text-pretty"
+};
+var DeleteSidebarListElement_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DeleteSidebarListElement",
+	props: {
+		variableName: {},
+		warningMessage: {}
+	},
+	emits: ["close", "delete"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const truncatedName = computed(() => {
+			if (props.variableName.length > 18) return props.variableName.slice(0, 18) + "…";
+			return props.variableName;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(SidebarListElementForm_default, {
+				danger: "",
+				label: `Delete ${truncatedName.value}`,
+				onCancel: _cache[0] || (_cache[0] = ($event) => emit("close")),
+				onSubmit: _cache[1] || (_cache[1] = ($event) => emit("delete"))
+			}, {
+				default: withCtx(() => [__props.warningMessage ? (openBlock(), createElementBlock("p", _hoisted_1, toDisplayString(__props.warningMessage), 1)) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, ["label"]);
+		};
+	}
+});
+//#endregion
+export { DeleteSidebarListElement_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DeleteSidebarListElement.vue.script.js.map

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteSidebarListElement.vue.script.js","names":[],"sources":["../../../../src/components/Sidebar/Actions/DeleteSidebarListElement.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport SidebarListElementForm from '@/components/Sidebar/Actions/SidebarListElementForm.vue'\n\nconst props = defineProps<{\n  variableName: string\n  warningMessage: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'delete'): void\n}>()\n\nconst truncatedName = computed(() => {\n  if (props.variableName.length > 18) {\n    return props.variableName.slice(0, 18) + '…'\n  }\n  return props.variableName\n})\n</script>\n<template>\n  <SidebarListElementForm\n    danger\n    :label=\"`Delete ${truncatedName}`\"\n    @cancel=\"emit('close')\"\n    @submit=\"emit('delete')\">\n    <p\n      v-if=\"warningMessage\"\n      class=\"text-c-2 text-sm leading-normal text-pretty\">\n      {{ warningMessage }}\n    </p>\n  </SidebarListElementForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAKb,MAAM,gBAAgB,eAAe;AACnC,OAAI,MAAM,aAAa,SAAS,GAC9B,QAAO,MAAM,aAAa,MAAM,GAAG,GAAG,GAAG;AAE3C,UAAO,MAAM;IACd;;uBAGC,YAUyB,gCAAA;IATvB,QAAA;IACC,OAAK,UAAY,cAAA;IACjB,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;IACZ,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;2BAKT,CAHI,QAAA,kBAAA,WAAA,EADR,mBAII,KAJJ,YAII,gBADC,QAAA,eAAc,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

package/dist/components/Sidebar/Actions/EditSidebarListCollection.vue.js

@@ -0,0 +1,7 @@
+import EditSidebarListCollection_vue_vue_type_script_setup_true_lang_default from "./EditSidebarListCollection.vue.script.js";
+//#region src/components/Sidebar/Actions/EditSidebarListCollection.vue
+var EditSidebarListCollection_default = EditSidebarListCollection_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { EditSidebarListCollection_default as default };
+
+//# sourceMappingURL=EditSidebarListCollection.vue.js.map

package/dist/components/Sidebar/Actions/EditSidebarListCollection.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditSidebarListCollection.vue.js","names":[],"sources":["../../../../src/components/Sidebar/Actions/EditSidebarListCollection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarTextInput } from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { ref } from 'vue'\n\nimport IconSelector from '@/components/IconSelector.vue'\nimport SidebarListElementForm from '@/components/Sidebar/Actions/SidebarListElementForm.vue'\n\nconst props = defineProps<{\n  name: string\n  icon: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'edit', newName: string, newIcon: string): void\n}>()\n\nconst newName = ref(props.name)\nconst newIcon = ref(props.icon)\n</script>\n<template>\n  <SidebarListElementForm\n    @cancel=\"emit('close')\"\n    @submit=\"emit('edit', newName, newIcon)\">\n    <div class=\"grid grid-cols-[auto_1fr] gap-2\">\n      <div class=\"flex aspect-square\">\n        <IconSelector\n          v-model=\"newIcon\"\n          placement=\"bottom-start\">\n          <ScalarButton\n            class=\"aspect-square h-auto px-0\"\n            variant=\"outlined\">\n            <LibraryIcon\n              class=\"text-c-2 size-4\"\n              :src=\"newIcon\" />\n          </ScalarButton>\n        </IconSelector>\n      </div>\n      <ScalarTextInput\n        v-model=\"newName\"\n        autofocus\n        class=\"flex-1\" />\n    </div>\n  </SidebarListElementForm>\n</template>\n"],"mappings":""}