@scalar/api-client 2.38.4 → 2.39.0

package/dist/v2/features/app/components/CreateWorkspaceModal.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateWorkspaceModal.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/CreateWorkspaceModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { computed, ref, watch, type ComputedRef, type Ref } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\n\nconst { state } = defineProps<{\n  state: ModalState\n}>()\n\nconst emit = defineEmits<{\n  (e: 'create:workspace', payload: { name: string }): void\n}>()\n\n/** Name input for the new workspace. Resets whenever the modal opens. */\nconst name: Ref<string> = ref('')\n\n/** Trimmed version of the name to avoid repeating .trim() in multiple places. */\nconst trimmedName: ComputedRef<string> = computed(() => name.value.trim())\n\n/** Disable submit when the name is empty after trimming. */\nconst isDisabled: ComputedRef<boolean> = computed(\n  () => trimmedName.value.length === 0,\n)\n\n/**\n * Ensure the form is reset whenever the modal opens.\n * Avoids stale state if the modal is reopened.\n */\nwatch(\n  () => state.open,\n  (isOpen) => {\n    if (isOpen) {\n      name.value = ''\n    }\n  },\n)\n\n/** Emits an event to create the workspace with the provided name */\nconst handleSubmit = (): void => {\n  if (!trimmedName.value) {\n    return\n  }\n\n  emit('create:workspace', {\n    name: trimmedName.value,\n  })\n  state.hide()\n}\n</script>\n\n<template>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg\"\n    size=\"xs\"\n    :state=\"state\">\n    <CommandActionForm\n      :disabled=\"isDisabled\"\n      @submit=\"handleSubmit\">\n      <CommandActionInput\n        v-model=\"name\"\n        class=\"-mt-[.5px] !p-0\"\n        placeholder=\"Workspace name\" />\n\n      <!-- Submit button -->\n      <template #submit>Add Workspace</template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n"],"mappings":";;;;;;;;;;EAWA,MAAM,OAAO;;EAKb,MAAM,OAAoB,IAAI,GAAE;;EAGhC,MAAM,cAAmC,eAAe,KAAK,MAAM,MAAM,CAAA;;EAGzE,MAAM,aAAmC,eACjC,YAAY,MAAM,WAAW,EACrC;;;;;AAMA,cACQ,QAAA,MAAM,OACX,WAAW;AACV,OAAI,OACF,MAAK,QAAQ;IAGnB;;EAGA,MAAM,qBAA2B;AAC/B,OAAI,CAAC,YAAY,MACf;AAGF,QAAK,oBAAoB,EACvB,MAAM,YAAY,OACnB,CAAA;AACD,WAAA,MAAM,MAAK;;;uBAKX,YAec,MAAA,YAAA,EAAA;IAdZ,WAAU;IACV,MAAK;IACJ,OAAO,QAAA;;2BAWY,CAVpB,YAUoB,2BAAA;KATjB,UAAU,WAAA;KACV,UAAQ;;KAOE,QAAM,cAAc,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA;4BAHE,CAHjC,YAGiC,4BAAA;kBAFtB,KAAA;wEAAI,QAAA;MACb,OAAM;MACN,aAAY"}

package/dist/v2/features/app/components/DesktopTab.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopTab.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/DesktopTab.vue"],"names":[],"mappings":"AAyTA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sDAAsD,CAAA;AAG/E,KAAK,WAAW,GAAG;IACjB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAA;IACf,+EAA+E;IAC/E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB;IACnB,GAAG,EAAE,GAAG,CAAA;CACT,CAAC;AAwZF,QAAA,MAAM,YAAY;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"DesktopTab.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/DesktopTab.vue"],"names":[],"mappings":"AAyTA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sDAAsD,CAAA;AAK/E,KAAK,WAAW,GAAG;IACjB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAA;IACf,+EAA+E;IAC/E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB;IACnB,GAAG,EAAE,GAAG,CAAA;CACT,CAAC;AAwZF,QAAA,MAAM,YAAY;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/app/components/DesktopTab.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import DesktopTab_vue_vue_type_script_setup_true_lang_default from "./DesktopTab.vue.script.js";
+/* empty css                         */
+//#region src/v2/features/app/components/DesktopTab.vue
+var DesktopTab_default = /* @__PURE__ */ _plugin_vue_export_helper_default(DesktopTab_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a95343c7"]]);
+//#endregion
+export { DesktopTab_default as default };
+
+//# sourceMappingURL=DesktopTab.vue.js.map

package/dist/v2/features/app/components/DesktopTab.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopTab.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/DesktopTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownDivider,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarHotkey,\n  ScalarTooltip,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport {\n  ScalarIconArrowUpRight,\n  ScalarIconFolderSimple,\n  ScalarIconLinkSimple,\n  ScalarIconPlusSquare,\n  ScalarIconTabs,\n  ScalarIconX,\n  ScalarIconXSquare,\n} from '@scalar/icons'\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace'\nimport { computed } from 'vue'\n\nimport { ContextMenu } from '@/v2/components/context-menu'\n\nconst {\n  hotkey,\n  active,\n  tab,\n  isSingleTab = false,\n} = defineProps<{\n  /** Optional keyboard shortcut number for the tab */\n  hotkey?: string\n  /** Whether this tab is currently active */\n  active: boolean\n  /** Whether this is the only tab (changes styling to header-like appearance) */\n  isSingleTab?: boolean\n  /** The tab data */\n  tab: Tab\n}>()\n\nconst emit = defineEmits<{\n  /** Fired when the tab is clicked to activate it */\n  (e: 'click'): void\n  /** Fired when the close button is clicked */\n  (e: 'close'): void\n  /** Fired when \"New Tab\" is selected from context menu */\n  (e: 'newTab'): void\n  /** Fired when \"Copy URL\" is selected from context menu */\n  (e: 'copyUrl'): void\n  /** Fired when \"Close Other Tabs\" is selected from context menu */\n  (e: 'closeOtherTabs'): void\n}>()\n\nconst ICONS: Record<NonNullable<Tab['icon']>, ScalarIconComponent> = {\n  request: ScalarIconArrowUpRight,\n  document: ScalarIconFolderSimple,\n}\n\n/** Display the appropriate modifier key based on the operating system */\nconst modifierKey = computed(() => (isMacOS() ? '⌘' : '^'))\n\n/** The tooltip content showing the keyboard shortcut */\nconst tooltipContent = computed(() =>\n  hotkey ? `${modifierKey.value} ${hotkey}` : '',\n)\n\n/**\n * Handle the close button click.\n * We stop propagation to prevent triggering the tab activation click.\n */\nconst handleClose = (event: MouseEvent): void => {\n  event.stopPropagation()\n  emit('close')\n}\n</script>\n\n<template>\n  <!-- Context menu wrapper provides right-click menu functionality -->\n  <ContextMenu\n    triggerClass=\"overflow-hidden w-full flex-1 select-none\n\">\n    <!-- Tab button trigger with tooltip showing keyboard shortcut -->\n    <template #trigger>\n      <component\n        :is=\"isSingleTab ? 'div' : ScalarTooltip\"\n        :content=\"tooltipContent\"\n        placement=\"bottom\">\n        <!-- Main tab container - clickable area to activate the tab -->\n        <div\n          class=\"app-no-drag-region\"\n          :class=\"[\n            isSingleTab ? 'nav-single-tab' : 'nav-item',\n            { 'nav-item__active': active && !isSingleTab },\n          ]\"\n          @click=\"!isSingleTab && emit('click')\">\n          <!-- Icon and label container with gradient mask for text overflow -->\n          <div\n            :class=\"[\n              'flex items-center justify-center gap-1.5',\n              isSingleTab\n                ? 'custom-scroll h-full w-full whitespace-nowrap'\n                : 'nav-item-icon-copy flex-1',\n            ]\">\n            <component\n              :is=\"ICONS[tab.icon]\"\n              v-if=\"tab.icon && ICONS[tab.icon]\" />\n            <span\n              :class=\"[\n                isSingleTab ? '' : 'custom-scroll nav-item-copy',\n                'text-sm',\n              ]\">\n              {{ tab.title }}\n            </span>\n          </div>\n\n          <!-- Close button - appears on hover, stops propagation to prevent tab activation -->\n          <!-- Hidden for single tabs -->\n          <button\n            v-if=\"!isSingleTab\"\n            class=\"nav-item-close\"\n            type=\"button\"\n            @click=\"handleClose\">\n            <component :is=\"ScalarIconX\" />\n          </button>\n        </div>\n      </component>\n    </template>\n\n    <!-- Context menu content shown on right-click -->\n    <template #content>\n      <ScalarFloating placement=\"right-start\">\n        <template #floating>\n          <ScalarDropdownMenu class=\"scalar-app scalar-client\">\n            <!-- New Tab action (Cmd/Ctrl + T) -->\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"emit('newTab')\">\n              <component :is=\"ScalarIconPlusSquare\" />\n              New Tab\n              <ScalarHotkey\n                class=\"bg-b-2 ml-auto\"\n                hotkey=\"T\" />\n            </ScalarDropdownButton>\n\n            <!-- Copy URL action -->\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"emit('copyUrl')\">\n              <component :is=\"ScalarIconLinkSimple\" />\n              Copy URL\n            </ScalarDropdownButton>\n\n            <template v-if=\"!isSingleTab\">\n              <ScalarDropdownDivider />\n\n              <!-- Close Tab action (Cmd/Ctrl + W) -->\n              <!-- Hidden for single tabs -->\n              <ScalarDropdownButton\n                class=\"flex items-center gap-1.5\"\n                @click=\"emit('close')\">\n                <component :is=\"ScalarIconXSquare\" />\n                Close Tab\n                <ScalarHotkey\n                  class=\"bg-b-2 ml-auto\"\n                  hotkey=\"W\" />\n              </ScalarDropdownButton>\n\n              <!-- Close Other Tabs action -->\n              <!-- Hidden for single tabs -->\n              <ScalarDropdownButton\n                class=\"flex items-center gap-1.5\"\n                @click=\"emit('closeOtherTabs')\">\n                <component :is=\"ScalarIconTabs\" />\n                Close Other Tabs\n              </ScalarDropdownButton>\n            </template>\n          </ScalarDropdownMenu>\n        </template>\n      </ScalarFloating>\n    </template>\n  </ContextMenu>\n</template>\n\n<style scoped>\n/** Single tab styling - appears as a header without tab-like appearance */\n.nav-single-tab {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  color: var(--scalar-color-1);\n}\n\n/** Base tab styling with subtle background and border */\n.nav-item {\n  padding: 4.5px 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  min-width: 0;\n  overflow: hidden;\n  position: relative;\n}\n\n.dark-mode .nav-item {\n  background: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n\n/**\n * Container for the icon and label.\n * Uses a mask gradient to fade out text on the right side,\n * making room for the close button that appears on hover.\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\n/** On hover, shift the gradient to make more room for the close button */\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\n/** Label text with constrained width to prevent overflow */\n.nav-item-copy {\n  max-width: calc(100% - 20px);\n}\n\n.nav-item:hover {\n  color: var(--scalar-color-1);\n}\n\n/** Active tab state with brighter background and border */\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\n.dark-mode .nav-item__active {\n  background-color: var(--scalar-background-2);\n}\n\n/**\n * Close button positioned absolutely on the right.\n * Hidden by default, revealed on tab hover.\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\n.nav-item:hover .nav-item-close {\n  opacity: 1;\n}\n\n.nav-item-close:hover {\n  background-color: var(--scalar-background-4);\n}\n\n.nav-item__active .nav-item-close:hover {\n  background-color: var(--scalar-background-2);\n}\n</style>\n"],"mappings":""}

package/dist/v2/features/app/components/DesktopTab.vue.script.js

@@ -0,0 +1,121 @@
+import ContextMenu_default from "../../../components/context-menu/ContextMenu.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { ScalarDropdownButton, ScalarDropdownDivider, ScalarDropdownMenu, ScalarFloating, ScalarHotkey, ScalarTooltip } from "@scalar/components";
+import { isMacOS } from "@scalar/helpers/general/is-mac-os";
+import { ScalarIconArrowUpRight, ScalarIconFolderSimple, ScalarIconLinkSimple, ScalarIconPlusSquare, ScalarIconTabs, ScalarIconX, ScalarIconXSquare } from "@scalar/icons";
+//#region src/v2/features/app/components/DesktopTab.vue?vue&type=script&setup=true&lang.ts
+var DesktopTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DesktopTab",
+	props: {
+		hotkey: {},
+		active: { type: Boolean },
+		isSingleTab: {
+			type: Boolean,
+			default: false
+		},
+		tab: {}
+	},
+	emits: [
+		"click",
+		"close",
+		"newTab",
+		"copyUrl",
+		"closeOtherTabs"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const ICONS = {
+			request: ScalarIconArrowUpRight,
+			document: ScalarIconFolderSimple
+		};
+		/** Display the appropriate modifier key based on the operating system */
+		const modifierKey = computed(() => isMacOS() ? "⌘" : "^");
+		/** The tooltip content showing the keyboard shortcut */
+		const tooltipContent = computed(() => __props.hotkey ? `${modifierKey.value} ${__props.hotkey}` : "");
+		/**
+		* Handle the close button click.
+		* We stop propagation to prevent triggering the tab activation click.
+		*/
+		const handleClose = (event) => {
+			event.stopPropagation();
+			emit("close");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ContextMenu_default), { triggerClass: "overflow-hidden w-full flex-1 select-none\n" }, {
+				trigger: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.isSingleTab ? "div" : unref(ScalarTooltip)), {
+					content: tooltipContent.value,
+					placement: "bottom"
+				}, {
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["app-no-drag-region", [__props.isSingleTab ? "nav-single-tab" : "nav-item", { "nav-item__active": __props.active && !__props.isSingleTab }]]),
+						onClick: _cache[0] || (_cache[0] = ($event) => !__props.isSingleTab && emit("click"))
+					}, [createElementVNode("div", { class: normalizeClass(["flex items-center justify-center gap-1.5", __props.isSingleTab ? "custom-scroll h-full w-full whitespace-nowrap" : "nav-item-icon-copy flex-1"]) }, [__props.tab.icon && ICONS[__props.tab.icon] ? (openBlock(), createBlock(resolveDynamicComponent(ICONS[__props.tab.icon]), { key: 0 })) : createCommentVNode("", true), createElementVNode("span", { class: normalizeClass([__props.isSingleTab ? "" : "custom-scroll nav-item-copy", "text-sm"]) }, toDisplayString(__props.tab.title), 3)], 2), !__props.isSingleTab ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						class: "nav-item-close",
+						type: "button",
+						onClick: handleClose
+					}, [(openBlock(), createBlock(resolveDynamicComponent(unref(ScalarIconX))))])) : createCommentVNode("", true)], 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[1] || (_cache[1] = ($event) => emit("newTab"))
+							}, {
+								default: withCtx(() => [
+									(openBlock(), createBlock(resolveDynamicComponent(unref(ScalarIconPlusSquare)))),
+									_cache[5] || (_cache[5] = 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[2] || (_cache[2] = ($event) => emit("copyUrl"))
+							}, {
+								default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(ScalarIconLinkSimple)))), _cache[6] || (_cache[6] = createTextVNode(" Copy URL ", -1))]),
+								_: 1
+							}),
+							!__props.isSingleTab ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+								createVNode(unref(ScalarDropdownDivider)),
+								createVNode(unref(ScalarDropdownButton), {
+									class: "flex items-center gap-1.5",
+									onClick: _cache[3] || (_cache[3] = ($event) => emit("close"))
+								}, {
+									default: withCtx(() => [
+										(openBlock(), createBlock(resolveDynamicComponent(unref(ScalarIconXSquare)))),
+										_cache[7] || (_cache[7] = 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[4] || (_cache[4] = ($event) => emit("closeOtherTabs"))
+								}, {
+									default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(ScalarIconTabs)))), _cache[8] || (_cache[8] = createTextVNode(" Close Other Tabs ", -1))]),
+									_: 1
+								})
+							], 64)) : createCommentVNode("", true)
+						]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { DesktopTab_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DesktopTab.vue.script.js.map

package/dist/v2/features/app/components/DesktopTab.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopTab.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/DesktopTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownDivider,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarHotkey,\n  ScalarTooltip,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport {\n  ScalarIconArrowUpRight,\n  ScalarIconFolderSimple,\n  ScalarIconLinkSimple,\n  ScalarIconPlusSquare,\n  ScalarIconTabs,\n  ScalarIconX,\n  ScalarIconXSquare,\n} from '@scalar/icons'\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace'\nimport { computed } from 'vue'\n\nimport { ContextMenu } from '@/v2/components/context-menu'\n\nconst {\n  hotkey,\n  active,\n  tab,\n  isSingleTab = false,\n} = defineProps<{\n  /** Optional keyboard shortcut number for the tab */\n  hotkey?: string\n  /** Whether this tab is currently active */\n  active: boolean\n  /** Whether this is the only tab (changes styling to header-like appearance) */\n  isSingleTab?: boolean\n  /** The tab data */\n  tab: Tab\n}>()\n\nconst emit = defineEmits<{\n  /** Fired when the tab is clicked to activate it */\n  (e: 'click'): void\n  /** Fired when the close button is clicked */\n  (e: 'close'): void\n  /** Fired when \"New Tab\" is selected from context menu */\n  (e: 'newTab'): void\n  /** Fired when \"Copy URL\" is selected from context menu */\n  (e: 'copyUrl'): void\n  /** Fired when \"Close Other Tabs\" is selected from context menu */\n  (e: 'closeOtherTabs'): void\n}>()\n\nconst ICONS: Record<NonNullable<Tab['icon']>, ScalarIconComponent> = {\n  request: ScalarIconArrowUpRight,\n  document: ScalarIconFolderSimple,\n}\n\n/** Display the appropriate modifier key based on the operating system */\nconst modifierKey = computed(() => (isMacOS() ? '⌘' : '^'))\n\n/** The tooltip content showing the keyboard shortcut */\nconst tooltipContent = computed(() =>\n  hotkey ? `${modifierKey.value} ${hotkey}` : '',\n)\n\n/**\n * Handle the close button click.\n * We stop propagation to prevent triggering the tab activation click.\n */\nconst handleClose = (event: MouseEvent): void => {\n  event.stopPropagation()\n  emit('close')\n}\n</script>\n\n<template>\n  <!-- Context menu wrapper provides right-click menu functionality -->\n  <ContextMenu\n    triggerClass=\"overflow-hidden w-full flex-1 select-none\n\">\n    <!-- Tab button trigger with tooltip showing keyboard shortcut -->\n    <template #trigger>\n      <component\n        :is=\"isSingleTab ? 'div' : ScalarTooltip\"\n        :content=\"tooltipContent\"\n        placement=\"bottom\">\n        <!-- Main tab container - clickable area to activate the tab -->\n        <div\n          class=\"app-no-drag-region\"\n          :class=\"[\n            isSingleTab ? 'nav-single-tab' : 'nav-item',\n            { 'nav-item__active': active && !isSingleTab },\n          ]\"\n          @click=\"!isSingleTab && emit('click')\">\n          <!-- Icon and label container with gradient mask for text overflow -->\n          <div\n            :class=\"[\n              'flex items-center justify-center gap-1.5',\n              isSingleTab\n                ? 'custom-scroll h-full w-full whitespace-nowrap'\n                : 'nav-item-icon-copy flex-1',\n            ]\">\n            <component\n              :is=\"ICONS[tab.icon]\"\n              v-if=\"tab.icon && ICONS[tab.icon]\" />\n            <span\n              :class=\"[\n                isSingleTab ? '' : 'custom-scroll nav-item-copy',\n                'text-sm',\n              ]\">\n              {{ tab.title }}\n            </span>\n          </div>\n\n          <!-- Close button - appears on hover, stops propagation to prevent tab activation -->\n          <!-- Hidden for single tabs -->\n          <button\n            v-if=\"!isSingleTab\"\n            class=\"nav-item-close\"\n            type=\"button\"\n            @click=\"handleClose\">\n            <component :is=\"ScalarIconX\" />\n          </button>\n        </div>\n      </component>\n    </template>\n\n    <!-- Context menu content shown on right-click -->\n    <template #content>\n      <ScalarFloating placement=\"right-start\">\n        <template #floating>\n          <ScalarDropdownMenu class=\"scalar-app scalar-client\">\n            <!-- New Tab action (Cmd/Ctrl + T) -->\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"emit('newTab')\">\n              <component :is=\"ScalarIconPlusSquare\" />\n              New Tab\n              <ScalarHotkey\n                class=\"bg-b-2 ml-auto\"\n                hotkey=\"T\" />\n            </ScalarDropdownButton>\n\n            <!-- Copy URL action -->\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"emit('copyUrl')\">\n              <component :is=\"ScalarIconLinkSimple\" />\n              Copy URL\n            </ScalarDropdownButton>\n\n            <template v-if=\"!isSingleTab\">\n              <ScalarDropdownDivider />\n\n              <!-- Close Tab action (Cmd/Ctrl + W) -->\n              <!-- Hidden for single tabs -->\n              <ScalarDropdownButton\n                class=\"flex items-center gap-1.5\"\n                @click=\"emit('close')\">\n                <component :is=\"ScalarIconXSquare\" />\n                Close Tab\n                <ScalarHotkey\n                  class=\"bg-b-2 ml-auto\"\n                  hotkey=\"W\" />\n              </ScalarDropdownButton>\n\n              <!-- Close Other Tabs action -->\n              <!-- Hidden for single tabs -->\n              <ScalarDropdownButton\n                class=\"flex items-center gap-1.5\"\n                @click=\"emit('closeOtherTabs')\">\n                <component :is=\"ScalarIconTabs\" />\n                Close Other Tabs\n              </ScalarDropdownButton>\n            </template>\n          </ScalarDropdownMenu>\n        </template>\n      </ScalarFloating>\n    </template>\n  </ContextMenu>\n</template>\n\n<style scoped>\n/** Single tab styling - appears as a header without tab-like appearance */\n.nav-single-tab {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  color: var(--scalar-color-1);\n}\n\n/** Base tab styling with subtle background and border */\n.nav-item {\n  padding: 4.5px 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  min-width: 0;\n  overflow: hidden;\n  position: relative;\n}\n\n.dark-mode .nav-item {\n  background: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n\n/**\n * Container for the icon and label.\n * Uses a mask gradient to fade out text on the right side,\n * making room for the close button that appears on hover.\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\n/** On hover, shift the gradient to make more room for the close button */\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\n/** Label text with constrained width to prevent overflow */\n.nav-item-copy {\n  max-width: calc(100% - 20px);\n}\n\n.nav-item:hover {\n  color: var(--scalar-color-1);\n}\n\n/** Active tab state with brighter background and border */\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\n.dark-mode .nav-item__active {\n  background-color: var(--scalar-background-2);\n}\n\n/**\n * Close button positioned absolutely on the right.\n * Hidden by default, revealed on tab hover.\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\n.nav-item:hover .nav-item-close {\n  opacity: 1;\n}\n\n.nav-item-close:hover {\n  background-color: var(--scalar-background-4);\n}\n\n.nav-item__active .nav-item-close:hover {\n  background-color: var(--scalar-background-2);\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/features/app/components/DesktopTabs.vue.js

@@ -0,0 +1,7 @@
+import DesktopTabs_vue_vue_type_script_setup_true_lang_default from "./DesktopTabs.vue.script.js";
+//#region src/v2/features/app/components/DesktopTabs.vue
+var DesktopTabs_default = DesktopTabs_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DesktopTabs_default as default };
+
+//# sourceMappingURL=DesktopTabs.vue.js.map

package/dist/v2/features/app/components/DesktopTabs.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopTabs.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/DesktopTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace/x-scalar-tabs'\nimport { computed } from 'vue'\n\nimport DesktopTab from '@/v2/features/app/components/DesktopTab.vue'\n\nconst { tabs, eventBus } = defineProps<{\n  /** Tabs state */\n  tabs: Tab[]\n  /** Current active tab index */\n  activeTabIndex: number\n  /** Workspace event bus for emitting tab-related events */\n  eventBus: WorkspaceEventBus\n}>()\n\n/** Whether there is only a single tab open */\nconst isSingleTab = computed((): boolean => tabs.length === 1)\n\n/** Adds a new tab */\nconst handleAddTab = (): void => {\n  eventBus.emit('tabs:add:tab', undefined)\n}\n\n/** Switches to the tab at the specified index */\nconst switchTab = (index: number): void => {\n  eventBus.emit('tabs:focus:tab', { index })\n}\n\n/** Closes the tab at the specified index */\nconst handleCloseTab = (index: number): void => {\n  eventBus.emit('tabs:close:tab', { index })\n}\n\n/** Closes all tabs except the one at the specified index */\nconst handleCloseOtherTabs = (index: number): void => {\n  eventBus.emit('tabs:close:other-tabs', { index })\n}\n\nconst handleCopyTabUrl = (index: number): void => {\n  eventBus.emit('tabs:copy:url', { index })\n}\n</script>\n\n<template>\n  <nav class=\"t-app__top-nav\">\n    <!-- drag region (macos) -->\n    <div class=\"mac:app-drag-region\">\n      <div class=\"z-1 flex h-10 items-center gap-2 px-2\">\n        <DesktopTab\n          v-for=\"(tab, index) in tabs\"\n          :key=\"index\"\n          :active=\"index === activeTabIndex\"\n          :hotkey=\"!isSingleTab && index < 9 ? String(index + 1) : undefined\"\n          :isSingleTab=\"isSingleTab\"\n          :tab=\"tab\"\n          @click=\"switchTab(index)\"\n          @close=\"handleCloseTab(index)\"\n          @closeOtherTabs=\"handleCloseOtherTabs(index)\"\n          @copyUrl=\"() => handleCopyTabUrl(index)\"\n          @newTab=\"handleAddTab\" />\n\n        <button\n          class=\"text-c-3 hover:bg-b-3 app-no-drag-region rounded p-1.5\"\n          type=\"button\"\n          @click=\"handleAddTab\">\n          <ScalarIcon\n            icon=\"Add\"\n            size=\"sm\"\n            thickness=\"2.5\" />\n        </button>\n      </div>\n    </div>\n  </nav>\n</template>\n"],"mappings":""}

package/dist/v2/features/app/components/DesktopTabs.vue.script.js

@@ -0,0 +1,75 @@
+import DesktopTab_default from "./DesktopTab.vue.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderList, unref } from "vue";
+import { ScalarIcon } from "@scalar/components";
+//#region src/v2/features/app/components/DesktopTabs.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "t-app__top-nav" };
+var _hoisted_2 = { class: "mac:app-drag-region" };
+var _hoisted_3 = { class: "z-1 flex h-10 items-center gap-2 px-2" };
+var DesktopTabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DesktopTabs",
+	props: {
+		tabs: {},
+		activeTabIndex: {},
+		eventBus: {}
+	},
+	setup(__props) {
+		/** Whether there is only a single tab open */
+		const isSingleTab = computed(() => __props.tabs.length === 1);
+		/** Adds a new tab */
+		const handleAddTab = () => {
+			__props.eventBus.emit("tabs:add:tab", void 0);
+		};
+		/** Switches to the tab at the specified index */
+		const switchTab = (index) => {
+			__props.eventBus.emit("tabs:focus:tab", { index });
+		};
+		/** Closes the tab at the specified index */
+		const handleCloseTab = (index) => {
+			__props.eventBus.emit("tabs:close:tab", { index });
+		};
+		/** Closes all tabs except the one at the specified index */
+		const handleCloseOtherTabs = (index) => {
+			__props.eventBus.emit("tabs:close:other-tabs", { index });
+		};
+		const handleCopyTabUrl = (index) => {
+			__props.eventBus.emit("tabs:copy:url", { index });
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
+				return openBlock(), createBlock(DesktopTab_default, {
+					key: index,
+					active: index === __props.activeTabIndex,
+					hotkey: !isSingleTab.value && index < 9 ? String(index + 1) : void 0,
+					isSingleTab: isSingleTab.value,
+					tab,
+					onClick: ($event) => switchTab(index),
+					onClose: ($event) => handleCloseTab(index),
+					onCloseOtherTabs: ($event) => handleCloseOtherTabs(index),
+					onCopyUrl: () => handleCopyTabUrl(index),
+					onNewTab: handleAddTab
+				}, null, 8, [
+					"active",
+					"hotkey",
+					"isSingleTab",
+					"tab",
+					"onClick",
+					"onClose",
+					"onCloseOtherTabs",
+					"onCopyUrl"
+				]);
+			}), 128)), createElementVNode("button", {
+				class: "text-c-3 hover:bg-b-3 app-no-drag-region rounded p-1.5",
+				type: "button",
+				onClick: handleAddTab
+			}, [createVNode(unref(ScalarIcon), {
+				icon: "Add",
+				size: "sm",
+				thickness: "2.5"
+			})])])])]);
+		};
+	}
+});
+//#endregion
+export { DesktopTabs_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DesktopTabs.vue.script.js.map

package/dist/v2/features/app/components/DesktopTabs.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopTabs.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/DesktopTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace/x-scalar-tabs'\nimport { computed } from 'vue'\n\nimport DesktopTab from '@/v2/features/app/components/DesktopTab.vue'\n\nconst { tabs, eventBus } = defineProps<{\n  /** Tabs state */\n  tabs: Tab[]\n  /** Current active tab index */\n  activeTabIndex: number\n  /** Workspace event bus for emitting tab-related events */\n  eventBus: WorkspaceEventBus\n}>()\n\n/** Whether there is only a single tab open */\nconst isSingleTab = computed((): boolean => tabs.length === 1)\n\n/** Adds a new tab */\nconst handleAddTab = (): void => {\n  eventBus.emit('tabs:add:tab', undefined)\n}\n\n/** Switches to the tab at the specified index */\nconst switchTab = (index: number): void => {\n  eventBus.emit('tabs:focus:tab', { index })\n}\n\n/** Closes the tab at the specified index */\nconst handleCloseTab = (index: number): void => {\n  eventBus.emit('tabs:close:tab', { index })\n}\n\n/** Closes all tabs except the one at the specified index */\nconst handleCloseOtherTabs = (index: number): void => {\n  eventBus.emit('tabs:close:other-tabs', { index })\n}\n\nconst handleCopyTabUrl = (index: number): void => {\n  eventBus.emit('tabs:copy:url', { index })\n}\n</script>\n\n<template>\n  <nav class=\"t-app__top-nav\">\n    <!-- drag region (macos) -->\n    <div class=\"mac:app-drag-region\">\n      <div class=\"z-1 flex h-10 items-center gap-2 px-2\">\n        <DesktopTab\n          v-for=\"(tab, index) in tabs\"\n          :key=\"index\"\n          :active=\"index === activeTabIndex\"\n          :hotkey=\"!isSingleTab && index < 9 ? String(index + 1) : undefined\"\n          :isSingleTab=\"isSingleTab\"\n          :tab=\"tab\"\n          @click=\"switchTab(index)\"\n          @close=\"handleCloseTab(index)\"\n          @closeOtherTabs=\"handleCloseOtherTabs(index)\"\n          @copyUrl=\"() => handleCopyTabUrl(index)\"\n          @newTab=\"handleAddTab\" />\n\n        <button\n          class=\"text-c-3 hover:bg-b-3 app-no-drag-region rounded p-1.5\"\n          type=\"button\"\n          @click=\"handleAddTab\">\n          <ScalarIcon\n            icon=\"Add\"\n            size=\"sm\"\n            thickness=\"2.5\" />\n        </button>\n      </div>\n    </div>\n  </nav>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAkBA,MAAM,cAAc,eAAwB,QAAA,KAAK,WAAW,EAAC;;EAG7D,MAAM,qBAA2B;AAC/B,WAAA,SAAS,KAAK,gBAAgB,KAAA,EAAS;;;EAIzC,MAAM,aAAa,UAAwB;AACzC,WAAA,SAAS,KAAK,kBAAkB,EAAE,OAAO,CAAA;;;EAI3C,MAAM,kBAAkB,UAAwB;AAC9C,WAAA,SAAS,KAAK,kBAAkB,EAAE,OAAO,CAAA;;;EAI3C,MAAM,wBAAwB,UAAwB;AACpD,WAAA,SAAS,KAAK,yBAAyB,EAAE,OAAO,CAAA;;EAGlD,MAAM,oBAAoB,UAAwB;AAChD,WAAA,SAAS,KAAK,iBAAiB,EAAE,OAAO,CAAA;;;uBAKxC,mBA4BM,OA5BN,YA4BM,CA1BJ,mBAyBM,OAzBN,YAyBM,CAxBJ,mBAuBM,OAvBN,YAuBM,EAAA,UAAA,KAAA,EAtBJ,mBAW2B,UAAA,MAAA,WAVF,QAAA,OAAf,KAAK,UAAK;wBADpB,YAW2B,oBAAA;KATxB,KAAK;KACL,QAAQ,UAAU,QAAA;KAClB,QAAM,CAAG,YAAA,SAAe,QAAK,IAAO,OAAO,QAAK,EAAA,GAAQ,KAAA;KACxD,aAAa,YAAA;KACR;KACL,UAAK,WAAE,UAAU,MAAK;KACtB,UAAK,WAAE,eAAe,MAAK;KAC3B,mBAAc,WAAE,qBAAqB,MAAK;KAC1C,iBAAe,iBAAiB,MAAK;KACrC,UAAQ;;;;;;;;;;;cAEX,mBAQS,UAAA;IAPP,OAAM;IACN,MAAK;IACJ,SAAO;OACR,YAGoB,MAAA,WAAA,EAAA;IAFlB,MAAK;IACL,MAAK;IACL,WAAU"}

package/dist/v2/features/app/components/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/v2/features/app/components/DownloadAppButton.vue
+var DownloadAppButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(DownloadAppButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9b609275"]]);
+//#endregion
+export { DownloadAppButton_default as default };
+
+//# sourceMappingURL=DownloadAppButton.vue.js.map

package/dist/v2/features/app/components/DownloadAppButton.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadAppButton.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/DownloadAppButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconDownloadSimple } from '@scalar/icons'\n</script>\n<template>\n  <a\n    class=\"download-app-button flex w-full flex-row items-center justify-center gap-2 rounded px-3.5 py-2 text-sm leading-4 font-medium\"\n    href=\"https://scalar.com/download?utm_source=web_client&utm_medium=download_button&utm_campaign=topnav\"\n    target=\"_blank\"\n    type=\"button\">\n    <ScalarIconDownloadSimple size=\"sm\" />\n    <span class=\"sr-only text-sm font-medium sm:not-sr-only\">\n      Download App\n    </span>\n  </a>\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/v2/features/app/components/DownloadAppButton.vue.script.js

@@ -0,0 +1,21 @@
+import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref } from "vue";
+import { ScalarIconDownloadSimple } from "@scalar/icons";
+//#region src/v2/features/app/components/DownloadAppButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "download-app-button flex w-full flex-row items-center justify-center gap-2 rounded px-3.5 py-2 text-sm leading-4 font-medium",
+	href: "https://scalar.com/download?utm_source=web_client&utm_medium=download_button&utm_campaign=topnav",
+	target: "_blank",
+	type: "button"
+};
+var DownloadAppButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DownloadAppButton",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("a", _hoisted_1, [createVNode(unref(ScalarIconDownloadSimple), { size: "sm" }), _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only text-sm font-medium sm:not-sr-only" }, " Download App ", -1))]);
+		};
+	}
+});
+//#endregion
+export { DownloadAppButton_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DownloadAppButton.vue.script.js.map

package/dist/v2/features/app/components/DownloadAppButton.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadAppButton.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/DownloadAppButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconDownloadSimple } from '@scalar/icons'\n</script>\n<template>\n  <a\n    class=\"download-app-button flex w-full flex-row items-center justify-center gap-2 rounded px-3.5 py-2 text-sm leading-4 font-medium\"\n    href=\"https://scalar.com/download?utm_source=web_client&utm_medium=download_button&utm_campaign=topnav\"\n    target=\"_blank\"\n    type=\"button\">\n    <ScalarIconDownloadSimple size=\"sm\" />\n    <span class=\"sr-only text-sm font-medium sm:not-sr-only\">\n      Download App\n    </span>\n  </a>\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":";;;;;;;;;;;;;uBAIE,mBASI,KATJ,YASI,CAJF,YAAsC,MAAA,yBAAA,EAAA,EAAZ,MAAK,MAAI,CAAA,EAAA,OAAA,OAAA,OAAA,KACnC,mBAEO,QAAA,EAFD,OAAM,8CAA4C,EAAC,kBAEzD,GAAA,EAAA,CAAA"}

package/dist/v2/features/app/components/SidebarItemMenu.vue.js

@@ -0,0 +1,7 @@
+import SidebarItemMenu_vue_vue_type_script_setup_true_lang_default from "./SidebarItemMenu.vue.script.js";
+//#region src/v2/features/app/components/SidebarItemMenu.vue
+var SidebarItemMenu_default = SidebarItemMenu_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SidebarItemMenu_default as default };
+
+//# sourceMappingURL=SidebarItemMenu.vue.js.map

package/dist/v2/features/app/components/SidebarItemMenu.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItemMenu.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/SidebarItemMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdown,\n  ScalarDropdownDivider,\n  ScalarDropdownItem,\n  ScalarIcon,\n} from '@scalar/components'\nimport { ScalarIconPencil } from '@scalar/icons'\nimport type { SidebarState } from '@scalar/sidebar'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getParentEntry } from '@scalar/workspace-store/navigation'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport { nextTick, ref, watch } from 'vue'\n\nconst { item, eventBus, sidebarState, target } = defineProps<{\n  /** The item to display the decorator for */\n  item: TraversedEntry\n  /** The event bus to emit events to */\n  eventBus: WorkspaceEventBus\n  /** The sidebar state to get the parent entry from */\n  sidebarState: SidebarState<TraversedEntry>\n  /** The target to position the dropdown relative to */\n  target: HTMLElement\n}>()\n\nconst emit = defineEmits<{\n  (e: 'closeMenu'): void\n  (e: 'showDeleteModal'): void\n}>()\n\nconst open = ref(false)\n\nwatch(open, async (newValue, oldValue) => {\n  // Close the menu if it was open and is now closed\n  if (!newValue && oldValue) {\n    // Wait to let the menu close and clean up the aria attributes\n    await nextTick()\n    emit('closeMenu')\n  }\n})\n\n/** Returns whether the item supports adding operations */\nconst canAddOperation = (): boolean =>\n  item.type === 'document' || item.type === 'tag'\n\n/** Returns whether the item supports adding tags */\nconst canAddTag = (): boolean => item.type === 'document'\n\n/** Returns whether the item supports editing tags */\nconst canEditTag = (): boolean => item.type === 'tag'\n\n/** Returns whether the item supports editing examples */\nconst canEditExample = (): boolean => item.type === 'example'\n\n/** Returns whether the item supports adding examples */\nconst canAddExample = (): boolean => item.type === 'operation'\n\n/** Returns whether the item supports deletion */\nconst canDelete = (): boolean =>\n  (item.type === 'document' && item.id !== 'drafts') ||\n  item.type === 'tag' ||\n  item.type === 'operation' ||\n  item.type === 'example'\n\nconst handleAddOperation = () => {\n  if (item.type === 'document') {\n    eventBus.emit('ui:open:command-palette', {\n      action: 'create-request',\n      payload: {\n        documentName: item.name,\n      },\n    })\n  }\n\n  if (item.type === 'tag') {\n    const itemWithParent = sidebarState.getEntryById(item.id)\n    eventBus.emit('ui:open:command-palette', {\n      action: 'create-request',\n      payload: {\n        documentName: getParentEntry('document', itemWithParent)?.name,\n        tagId: item.name,\n      },\n    })\n  }\n}\n\nconst handleAddTag = () => {\n  if (item.type === 'document') {\n    eventBus.emit('ui:open:command-palette', {\n      action: 'add-tag',\n      payload: {\n        documentName: item.name,\n      },\n    })\n  }\n}\n\nconst handleEditTag = () => {\n  if (item.type === 'tag') {\n    const itemWithParent = sidebarState.getEntryById(item.id)\n    eventBus.emit(\n      'ui:open:command-palette',\n      {\n        action: 'edit-tag',\n        payload: {\n          tag: item,\n          documentName: getParentEntry('document', itemWithParent)?.name ?? '',\n        },\n      },\n      { skipUnpackProxy: true },\n    )\n  }\n}\n\nconst handleAddExample = () => {\n  if (item.type === 'operation') {\n    const itemWithParent = sidebarState.getEntryById(item.id)\n    eventBus.emit('ui:open:command-palette', {\n      action: 'add-example',\n      payload: {\n        documentName: getParentEntry('document', itemWithParent)?.name,\n        operationId: item.id,\n      },\n    })\n  }\n}\n\nconst handleEditExample = () => {\n  if (item.type === 'example') {\n    const itemWithParent = sidebarState.getEntryById(item.id)\n    const parentOperation = getParentEntry('operation', itemWithParent)\n    eventBus.emit(\n      'ui:open:command-palette',\n      {\n        action: 'edit-example',\n        payload: {\n          example: item,\n          documentName: getParentEntry('document', itemWithParent)?.name ?? '',\n          operationId: parentOperation?.id ?? '',\n        },\n      } as any,\n      { skipUnpackProxy: true },\n    )\n  }\n}\n</script>\n<template>\n  <ScalarDropdown\n    v-model:open=\"open\"\n    placement=\"bottom-end\"\n    :target=\"target\"\n    teleport>\n    <template #items>\n      <!-- Add operation option for documents and tags -->\n      <ScalarDropdownItem\n        v-if=\"canAddOperation()\"\n        @click=\"handleAddOperation()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIcon\n            icon=\"Add\"\n            size=\"sm\" />\n          Add Operation\n        </div>\n      </ScalarDropdownItem>\n\n      <!-- Add tag option for documents only -->\n      <ScalarDropdownItem\n        v-if=\"canAddTag()\"\n        @click=\"handleAddTag()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIcon\n            icon=\"Add\"\n            size=\"sm\" />\n          Add Tag\n        </div>\n      </ScalarDropdownItem>\n\n      <!-- Edit tag option for tags only -->\n      <ScalarDropdownItem\n        v-if=\"canEditTag()\"\n        @click=\"handleEditTag()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIconPencil size=\"sm\" />\n          Rename Tag\n        </div>\n      </ScalarDropdownItem>\n\n      <!-- Edit example option for examples only -->\n      <ScalarDropdownItem\n        v-if=\"canEditExample()\"\n        @click=\"handleEditExample()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIconPencil size=\"sm\" />\n          Rename Example\n        </div>\n      </ScalarDropdownItem>\n\n      <!-- Add example option for operations -->\n      <ScalarDropdownItem\n        v-if=\"canAddExample()\"\n        @click=\"handleAddExample()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIcon\n            icon=\"Add\"\n            size=\"sm\" />\n          Add Example\n        </div>\n      </ScalarDropdownItem>\n      <ScalarDropdownDivider\n        v-if=\"\n          (canAddExample() ||\n            canAddOperation() ||\n            canAddTag() ||\n            canEditExample()) &&\n          canDelete()\n        \" />\n      <ScalarDropdownItem\n        v-if=\"canDelete()\"\n        @click=\"emit('showDeleteModal')\">\n        <div class=\"text-red flex items-center gap-2\">\n          <ScalarIcon\n            icon=\"Delete\"\n            size=\"sm\" />\n          Delete\n        </div>\n      </ScalarDropdownItem>\n    </template>\n  </ScalarDropdown>\n</template>\n"],"mappings":""}

package/dist/v2/features/app/components/SidebarItemMenu.vue.script.js

@@ -0,0 +1,175 @@
+import { createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, openBlock, ref, unref, watch, withCtx } from "vue";
+import { ScalarDropdown, ScalarDropdownDivider, ScalarDropdownItem, ScalarIcon } from "@scalar/components";
+import { ScalarIconPencil } from "@scalar/icons";
+import { getParentEntry } from "@scalar/workspace-store/navigation";
+//#region src/v2/features/app/components/SidebarItemMenu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex items-center gap-2" };
+var _hoisted_2 = { class: "flex items-center gap-2" };
+var _hoisted_3 = { class: "flex items-center gap-2" };
+var _hoisted_4 = { class: "flex items-center gap-2" };
+var _hoisted_5 = { class: "flex items-center gap-2" };
+var _hoisted_6 = { class: "text-red flex items-center gap-2" };
+var SidebarItemMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SidebarItemMenu",
+	props: {
+		item: {},
+		eventBus: {},
+		sidebarState: {},
+		target: {}
+	},
+	emits: ["closeMenu", "showDeleteModal"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const open = ref(false);
+		watch(open, async (newValue, oldValue) => {
+			if (!newValue && oldValue) {
+				await nextTick();
+				emit("closeMenu");
+			}
+		});
+		/** Returns whether the item supports adding operations */
+		const canAddOperation = () => __props.item.type === "document" || __props.item.type === "tag";
+		/** Returns whether the item supports adding tags */
+		const canAddTag = () => __props.item.type === "document";
+		/** Returns whether the item supports editing tags */
+		const canEditTag = () => __props.item.type === "tag";
+		/** Returns whether the item supports editing examples */
+		const canEditExample = () => __props.item.type === "example";
+		/** Returns whether the item supports adding examples */
+		const canAddExample = () => __props.item.type === "operation";
+		/** Returns whether the item supports deletion */
+		const canDelete = () => __props.item.type === "document" && __props.item.id !== "drafts" || __props.item.type === "tag" || __props.item.type === "operation" || __props.item.type === "example";
+		const handleAddOperation = () => {
+			if (__props.item.type === "document") __props.eventBus.emit("ui:open:command-palette", {
+				action: "create-request",
+				payload: { documentName: __props.item.name }
+			});
+			if (__props.item.type === "tag") {
+				const itemWithParent = __props.sidebarState.getEntryById(__props.item.id);
+				__props.eventBus.emit("ui:open:command-palette", {
+					action: "create-request",
+					payload: {
+						documentName: getParentEntry("document", itemWithParent)?.name,
+						tagId: __props.item.name
+					}
+				});
+			}
+		};
+		const handleAddTag = () => {
+			if (__props.item.type === "document") __props.eventBus.emit("ui:open:command-palette", {
+				action: "add-tag",
+				payload: { documentName: __props.item.name }
+			});
+		};
+		const handleEditTag = () => {
+			if (__props.item.type === "tag") {
+				const itemWithParent = __props.sidebarState.getEntryById(__props.item.id);
+				__props.eventBus.emit("ui:open:command-palette", {
+					action: "edit-tag",
+					payload: {
+						tag: __props.item,
+						documentName: getParentEntry("document", itemWithParent)?.name ?? ""
+					}
+				}, { skipUnpackProxy: true });
+			}
+		};
+		const handleAddExample = () => {
+			if (__props.item.type === "operation") {
+				const itemWithParent = __props.sidebarState.getEntryById(__props.item.id);
+				__props.eventBus.emit("ui:open:command-palette", {
+					action: "add-example",
+					payload: {
+						documentName: getParentEntry("document", itemWithParent)?.name,
+						operationId: __props.item.id
+					}
+				});
+			}
+		};
+		const handleEditExample = () => {
+			if (__props.item.type === "example") {
+				const itemWithParent = __props.sidebarState.getEntryById(__props.item.id);
+				const parentOperation = getParentEntry("operation", itemWithParent);
+				__props.eventBus.emit("ui:open:command-palette", {
+					action: "edit-example",
+					payload: {
+						example: __props.item,
+						documentName: getParentEntry("document", itemWithParent)?.name ?? "",
+						operationId: parentOperation?.id ?? ""
+					}
+				}, { skipUnpackProxy: true });
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarDropdown), {
+				open: open.value,
+				"onUpdate:open": _cache[6] || (_cache[6] = ($event) => open.value = $event),
+				placement: "bottom-end",
+				target: __props.target,
+				teleport: ""
+			}, {
+				items: withCtx(() => [
+					canAddOperation() ? (openBlock(), createBlock(unref(ScalarDropdownItem), {
+						key: 0,
+						onClick: _cache[0] || (_cache[0] = ($event) => handleAddOperation())
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(ScalarIcon), {
+							icon: "Add",
+							size: "sm"
+						}), _cache[7] || (_cache[7] = createTextVNode(" Add Operation ", -1))])]),
+						_: 1
+					})) : createCommentVNode("", true),
+					canAddTag() ? (openBlock(), createBlock(unref(ScalarDropdownItem), {
+						key: 1,
+						onClick: _cache[1] || (_cache[1] = ($event) => handleAddTag())
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(ScalarIcon), {
+							icon: "Add",
+							size: "sm"
+						}), _cache[8] || (_cache[8] = createTextVNode(" Add Tag ", -1))])]),
+						_: 1
+					})) : createCommentVNode("", true),
+					canEditTag() ? (openBlock(), createBlock(unref(ScalarDropdownItem), {
+						key: 2,
+						onClick: _cache[2] || (_cache[2] = ($event) => handleEditTag())
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_3, [createVNode(unref(ScalarIconPencil), { size: "sm" }), _cache[9] || (_cache[9] = createTextVNode(" Rename Tag ", -1))])]),
+						_: 1
+					})) : createCommentVNode("", true),
+					canEditExample() ? (openBlock(), createBlock(unref(ScalarDropdownItem), {
+						key: 3,
+						onClick: _cache[3] || (_cache[3] = ($event) => handleEditExample())
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_4, [createVNode(unref(ScalarIconPencil), { size: "sm" }), _cache[10] || (_cache[10] = createTextVNode(" Rename Example ", -1))])]),
+						_: 1
+					})) : createCommentVNode("", true),
+					canAddExample() ? (openBlock(), createBlock(unref(ScalarDropdownItem), {
+						key: 4,
+						onClick: _cache[4] || (_cache[4] = ($event) => handleAddExample())
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_5, [createVNode(unref(ScalarIcon), {
+							icon: "Add",
+							size: "sm"
+						}), _cache[11] || (_cache[11] = createTextVNode(" Add Example ", -1))])]),
+						_: 1
+					})) : createCommentVNode("", true),
+					(canAddExample() || canAddOperation() || canAddTag() || canEditExample()) && canDelete() ? (openBlock(), createBlock(unref(ScalarDropdownDivider), { key: 5 })) : createCommentVNode("", true),
+					canDelete() ? (openBlock(), createBlock(unref(ScalarDropdownItem), {
+						key: 6,
+						onClick: _cache[5] || (_cache[5] = ($event) => emit("showDeleteModal"))
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_6, [createVNode(unref(ScalarIcon), {
+							icon: "Delete",
+							size: "sm"
+						}), _cache[12] || (_cache[12] = createTextVNode(" Delete ", -1))])]),
+						_: 1
+					})) : createCommentVNode("", true)
+				]),
+				_: 1
+			}, 8, ["open", "target"]);
+		};
+	}
+});
+//#endregion
+export { SidebarItemMenu_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SidebarItemMenu.vue.script.js.map

package/dist/v2/features/app/components/SidebarItemMenu.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItemMenu.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/SidebarItemMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdown,\n  ScalarDropdownDivider,\n  ScalarDropdownItem,\n  ScalarIcon,\n} from '@scalar/components'\nimport { ScalarIconPencil } from '@scalar/icons'\nimport type { SidebarState } from '@scalar/sidebar'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getParentEntry } from '@scalar/workspace-store/navigation'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport { nextTick, ref, watch } from 'vue'\n\nconst { item, eventBus, sidebarState, target } = defineProps<{\n  /** The item to display the decorator for */\n  item: TraversedEntry\n  /** The event bus to emit events to */\n  eventBus: WorkspaceEventBus\n  /** The sidebar state to get the parent entry from */\n  sidebarState: SidebarState<TraversedEntry>\n  /** The target to position the dropdown relative to */\n  target: HTMLElement\n}>()\n\nconst emit = defineEmits<{\n  (e: 'closeMenu'): void\n  (e: 'showDeleteModal'): void\n}>()\n\nconst open = ref(false)\n\nwatch(open, async (newValue, oldValue) => {\n  // Close the menu if it was open and is now closed\n  if (!newValue && oldValue) {\n    // Wait to let the menu close and clean up the aria attributes\n    await nextTick()\n    emit('closeMenu')\n  }\n})\n\n/** Returns whether the item supports adding operations */\nconst canAddOperation = (): boolean =>\n  item.type === 'document' || item.type === 'tag'\n\n/** Returns whether the item supports adding tags */\nconst canAddTag = (): boolean => item.type === 'document'\n\n/** Returns whether the item supports editing tags */\nconst canEditTag = (): boolean => item.type === 'tag'\n\n/** Returns whether the item supports editing examples */\nconst canEditExample = (): boolean => item.type === 'example'\n\n/** Returns whether the item supports adding examples */\nconst canAddExample = (): boolean => item.type === 'operation'\n\n/** Returns whether the item supports deletion */\nconst canDelete = (): boolean =>\n  (item.type === 'document' && item.id !== 'drafts') ||\n  item.type === 'tag' ||\n  item.type === 'operation' ||\n  item.type === 'example'\n\nconst handleAddOperation = () => {\n  if (item.type === 'document') {\n    eventBus.emit('ui:open:command-palette', {\n      action: 'create-request',\n      payload: {\n        documentName: item.name,\n      },\n    })\n  }\n\n  if (item.type === 'tag') {\n    const itemWithParent = sidebarState.getEntryById(item.id)\n    eventBus.emit('ui:open:command-palette', {\n      action: 'create-request',\n      payload: {\n        documentName: getParentEntry('document', itemWithParent)?.name,\n        tagId: item.name,\n      },\n    })\n  }\n}\n\nconst handleAddTag = () => {\n  if (item.type === 'document') {\n    eventBus.emit('ui:open:command-palette', {\n      action: 'add-tag',\n      payload: {\n        documentName: item.name,\n      },\n    })\n  }\n}\n\nconst handleEditTag = () => {\n  if (item.type === 'tag') {\n    const itemWithParent = sidebarState.getEntryById(item.id)\n    eventBus.emit(\n      'ui:open:command-palette',\n      {\n        action: 'edit-tag',\n        payload: {\n          tag: item,\n          documentName: getParentEntry('document', itemWithParent)?.name ?? '',\n        },\n      },\n      { skipUnpackProxy: true },\n    )\n  }\n}\n\nconst handleAddExample = () => {\n  if (item.type === 'operation') {\n    const itemWithParent = sidebarState.getEntryById(item.id)\n    eventBus.emit('ui:open:command-palette', {\n      action: 'add-example',\n      payload: {\n        documentName: getParentEntry('document', itemWithParent)?.name,\n        operationId: item.id,\n      },\n    })\n  }\n}\n\nconst handleEditExample = () => {\n  if (item.type === 'example') {\n    const itemWithParent = sidebarState.getEntryById(item.id)\n    const parentOperation = getParentEntry('operation', itemWithParent)\n    eventBus.emit(\n      'ui:open:command-palette',\n      {\n        action: 'edit-example',\n        payload: {\n          example: item,\n          documentName: getParentEntry('document', itemWithParent)?.name ?? '',\n          operationId: parentOperation?.id ?? '',\n        },\n      } as any,\n      { skipUnpackProxy: true },\n    )\n  }\n}\n</script>\n<template>\n  <ScalarDropdown\n    v-model:open=\"open\"\n    placement=\"bottom-end\"\n    :target=\"target\"\n    teleport>\n    <template #items>\n      <!-- Add operation option for documents and tags -->\n      <ScalarDropdownItem\n        v-if=\"canAddOperation()\"\n        @click=\"handleAddOperation()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIcon\n            icon=\"Add\"\n            size=\"sm\" />\n          Add Operation\n        </div>\n      </ScalarDropdownItem>\n\n      <!-- Add tag option for documents only -->\n      <ScalarDropdownItem\n        v-if=\"canAddTag()\"\n        @click=\"handleAddTag()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIcon\n            icon=\"Add\"\n            size=\"sm\" />\n          Add Tag\n        </div>\n      </ScalarDropdownItem>\n\n      <!-- Edit tag option for tags only -->\n      <ScalarDropdownItem\n        v-if=\"canEditTag()\"\n        @click=\"handleEditTag()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIconPencil size=\"sm\" />\n          Rename Tag\n        </div>\n      </ScalarDropdownItem>\n\n      <!-- Edit example option for examples only -->\n      <ScalarDropdownItem\n        v-if=\"canEditExample()\"\n        @click=\"handleEditExample()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIconPencil size=\"sm\" />\n          Rename Example\n        </div>\n      </ScalarDropdownItem>\n\n      <!-- Add example option for operations -->\n      <ScalarDropdownItem\n        v-if=\"canAddExample()\"\n        @click=\"handleAddExample()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIcon\n            icon=\"Add\"\n            size=\"sm\" />\n          Add Example\n        </div>\n      </ScalarDropdownItem>\n      <ScalarDropdownDivider\n        v-if=\"\n          (canAddExample() ||\n            canAddOperation() ||\n            canAddTag() ||\n            canEditExample()) &&\n          canDelete()\n        \" />\n      <ScalarDropdownItem\n        v-if=\"canDelete()\"\n        @click=\"emit('showDeleteModal')\">\n        <div class=\"text-red flex items-center gap-2\">\n          <ScalarIcon\n            icon=\"Delete\"\n            size=\"sm\" />\n          Delete\n        </div>\n      </ScalarDropdownItem>\n    </template>\n  </ScalarDropdown>\n</template>\n"],"mappings":"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"}

package/dist/v2/features/app/components/SplashScreen.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import SplashScreen_vue_vue_type_script_setup_true_lang_default from "./SplashScreen.vue.script.js";
+/* empty css                           */
+//#region src/v2/features/app/components/SplashScreen.vue
+var SplashScreen_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SplashScreen_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-af32615f"]]);
+//#endregion
+export { SplashScreen_default as default };
+
+//# sourceMappingURL=SplashScreen.vue.js.map

package/dist/v2/features/app/components/SplashScreen.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplashScreen.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/SplashScreen.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\n</script>\n\n<template>\n  <div\n    class=\"splash-screen bg-b-1 fixed inset-0 z-50 flex items-center justify-center\">\n    <div class=\"flex flex-col items-center gap-4\">\n      <ScalarIcon\n        class=\"logo-icon text-c-1 h-16 w-16\"\n        icon=\"Logo\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.splash-screen {\n  opacity: 0;\n  animation: fadeIn 0.5s ease-in-out forwards;\n}\n\n.logo-icon {\n  opacity: 0;\n  animation:\n    fadeInLogo 0.6s ease-in-out 0.2s forwards,\n    pulse 2s ease-in-out 0.8s infinite;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 0.9;\n  }\n}\n\n@keyframes fadeInLogo {\n  from {\n    opacity: 0;\n    transform: scale(0.9);\n  }\n  to {\n    opacity: 0.8;\n    transform: scale(1);\n  }\n}\n\n@keyframes pulse {\n  0%,\n  100% {\n    opacity: 0.8;\n  }\n  50% {\n    opacity: 0.6;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/v2/features/app/components/SplashScreen.vue.script.js

@@ -0,0 +1,20 @@
+import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref } from "vue";
+import { ScalarIcon } from "@scalar/components";
+//#region src/v2/features/app/components/SplashScreen.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "splash-screen bg-b-1 fixed inset-0 z-50 flex items-center justify-center" };
+var _hoisted_2 = { class: "flex flex-col items-center gap-4" };
+var SplashScreen_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SplashScreen",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(unref(ScalarIcon), {
+				class: "logo-icon text-c-1 h-16 w-16",
+				icon: "Logo"
+			})])]);
+		};
+	}
+});
+//#endregion
+export { SplashScreen_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SplashScreen.vue.script.js.map