@scalar/api-client 2.43.0 → 3.1.0

package/dist/components/CommandPalette/TheCommandPalette.vue.script.js

@@ -1,323 +0,0 @@
-import { ROUTES } from "../../constants.js";
-import { PathId } from "../../routes.js";
-import { useActiveEntities } from "../../store/active-entities.js";
-import { useWorkspace } from "../../store/store.js";
-import { importCurlCommand } from "../../libs/importers/curl.js";
-import CommandPaletteCollection_default from "./CommandPaletteCollection.vue.js";
-import CommandPaletteExample_default from "./CommandPaletteExample.vue.js";
-import CommandPaletteImport_default from "./CommandPaletteImport.vue.js";
-import CommandPaletteImportCurl_default from "./CommandPaletteImportCurl.vue.js";
-import CommandPaletteServer_default from "./CommandPaletteServer.vue.js";
-import CommandPaletteTag_default from "./CommandPaletteTag.vue.js";
-import CommandPaletteWorkspace_default from "./CommandPaletteWorkspace.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
-import { ScalarIcon, useModal } from "@scalar/components";
-import { useRouter } from "vue-router";
-import { Dialog, DialogPanel, DialogTitle } from "@headlessui/vue";
-//#region src/components/CommandPalette/TheCommandPalette.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "custom-scroll max-h-[50dvh] min-h-0 flex-1 rounded-lg p-1.5"
-};
-var _hoisted_2 = { class: "bg-b-2 focus-within:bg-b-1 sticky top-0 flex items-center rounded-md border border-transparent pl-2 shadow-[0_-8px_0_8px_var(--scalar-background-1),0_0_8px_8px_var(--scalar-background-1)] focus-within:border-(--scalar-background-3)" };
-var _hoisted_3 = { for: "commandmenu" };
-var _hoisted_4 = ["value", "onKeydown"];
-var _hoisted_5 = ["onClick"];
-var _hoisted_6 = {
-	key: 0,
-	class: "text-c-3 p-2 pt-3 text-center text-sm"
-};
-var _hoisted_7 = {
-	key: 1,
-	class: "flex-1 p-1.5"
-};
-/**
-* The Command Palette
-*
-* This component is a singleton so should only exist in our app once we will use the event bus to trigger it
-*/
-var __default__ = { name: "TheCommandPalette" };
-var PaletteComponents = {
-	"Import from OpenAPI/Swagger/Postman/cURL": CommandPaletteImport_default,
-	"Create Request": "",
-	"Create Workspace": CommandPaletteWorkspace_default,
-	"Add Tag": CommandPaletteTag_default,
-	"Add Server": CommandPaletteServer_default,
-	"Create Collection": CommandPaletteCollection_default,
-	"Add Example": CommandPaletteExample_default,
-	"Import from cURL": CommandPaletteImportCurl_default
-};
-var TheCommandPalette_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	...__default__,
-	setup(__props) {
-		const modalState = useModal();
-		const router = useRouter();
-		const { activeWorkspace, activeWorkspaceCollections, activeCollection } = useActiveEntities();
-		const { events, requestMutators } = useWorkspace();
-		/** Available Commands for the Command Palette */
-		const availableCommands = [
-			{
-				label: "",
-				commands: [
-					{
-						name: "Import from OpenAPI/Swagger/Postman/cURL",
-						icon: "Import"
-					},
-					{
-						name: "Create Request",
-						icon: "ExternalLink"
-					},
-					{
-						name: "Create Collection",
-						icon: "Collection"
-					},
-					{
-						name: "Add Tag",
-						icon: "Folder"
-					},
-					{
-						name: "Add Example",
-						icon: "Example"
-					},
-					{
-						name: "Add Server",
-						icon: "Server"
-					}
-				]
-			},
-			{
-				label: "More Actions",
-				commands: [
-					{
-						name: "Create Workspace",
-						icon: "Workspace"
-					},
-					{
-						name: "Add Environment",
-						icon: "Brackets",
-						path: {
-							name: "environment.default",
-							params: { [PathId.Workspace]: activeWorkspace?.value?.uid ?? "default" },
-							query: { openEnvironmentModal: "true" }
-						}
-					},
-					{
-						name: "Add Cookie",
-						icon: "Cookie",
-						path: {
-							name: "cookies.default",
-							params: { [PathId.Workspace]: activeWorkspace?.value?.uid ?? "default" },
-							query: { openCookieModal: "true" }
-						}
-					}
-				]
-			},
-			{
-				label: "Pages",
-				commands: ROUTES.map((route) => ({
-					name: route.displayName,
-					icon: route.icon,
-					path: router.resolve({
-						...route.to,
-						params: { [PathId.Workspace]: activeWorkspace?.value?.uid ?? "default" }
-					}).href
-				}))
-			}
-		];
-		const metaData = ref();
-		const commandQuery = ref("");
-		const activeCommand = ref(null);
-		const selectedSearchResult = ref(-1);
-		const commandRefs = ref([]);
-		const searchResultsWithPlaceholderResults = computed(() => availableCommands.reduce((acc, group) => {
-			const filteredGroupCommands = group.commands.filter((command) => command.name.toLowerCase().includes(commandQuery.value.toLowerCase()));
-			return [...acc, ...filteredGroupCommands];
-		}, []));
-		/** Reset state on close */
-		const closeHandler = () => {
-			modalState.hide();
-			commandQuery.value = "";
-			activeCommand.value = null;
-			selectedSearchResult.value = -1;
-		};
-		/** Reset state on back */
-		const backHandler = (event) => {
-			if (commandQuery.value !== "") event?.preventDefault();
-			activeCommand.value = null;
-			nextTick(() => commandInputRef.value?.focus());
-		};
-		/** Handle execution of the command, some have routes while others show another palette */
-		const executeCommand = (command) => {
-			if ("path" in command) {
-				router.push(command.path);
-				closeHandler();
-			} else if (command.name === "Create Request") {
-				const draftsCollection = activeWorkspaceCollections.value.find((collection) => collection.info?.title === "Drafts");
-				if (draftsCollection) {
-					const newRequest = requestMutators.add({}, draftsCollection.uid);
-					if (newRequest) {
-						router.push({
-							name: "request",
-							params: {
-								workspace: activeWorkspace.value?.uid,
-								request: newRequest.uid
-							}
-						});
-						closeHandler();
-						nextTick(() => {
-							events.hotKeys.emit({ focusAddressBar: new KeyboardEvent("keydown", { key: "l" }) });
-						});
-					}
-				} else closeHandler();
-			} else activeCommand.value = command.name;
-		};
-		const commandInputRef = ref();
-		/** Handles opening the command pallete to the correct palette */
-		const openCommandPalette = ({ commandName, metaData: _metaData } = {}) => {
-			activeCommand.value = commandName ?? null;
-			metaData.value = _metaData;
-			modalState.show();
-			nextTick(() => commandInputRef.value?.focus());
-		};
-		/** Focus on first result when conducting a search */
-		watch(commandQuery, (newQuery) => {
-			if (newQuery && searchResultsWithPlaceholderResults.value.length > 0) selectedSearchResult.value = 0;
-		});
-		/** Handle up and down arrow keys in the menu */
-		const handleArrowKey = (direction, ev) => {
-			if (!modalState.open) return;
-			ev.preventDefault();
-			const offset = direction === "up" ? -1 : 1;
-			const length = searchResultsWithPlaceholderResults.value.length;
-			selectedSearchResult.value = (selectedSearchResult.value + offset + length) % length;
-			nextTick(() => {
-				const container = commandInputRef.value?.closest(".custom-scroll");
-				if (!container) return;
-				if (selectedSearchResult.value === 0) {
-					container.scrollTop = 0;
-					return;
-				}
-				const commandElement = commandRefs.value[selectedSearchResult.value];
-				if (!commandElement) return;
-				const stickyHeaderHeight = (container.querySelector(".sticky")?.clientHeight || 0) + 16;
-				const bottomMargin = 6;
-				const elementTop = commandElement.offsetTop;
-				const elementBottom = elementTop + commandElement.clientHeight;
-				const viewportTop = container.scrollTop + stickyHeaderHeight;
-				const viewportBottom = container.scrollTop + container.clientHeight - bottomMargin;
-				if (elementTop < viewportTop) container.scrollTop = elementTop - stickyHeaderHeight;
-				else if (elementBottom > viewportBottom) container.scrollTop = elementBottom - container.clientHeight + bottomMargin;
-			});
-		};
-		/** The currently selected command */
-		const selectedCommand = computed(() => searchResultsWithPlaceholderResults.value[selectedSearchResult.value]);
-		/** Handle enter keydown in the menu */
-		const handleSelect = (ev) => {
-			if (!selectedCommand.value || activeCommand.value) return;
-			ev.preventDefault();
-			ev.stopPropagation();
-			executeCommand(selectedCommand.value);
-		};
-		/** Handle hotkeys */
-		const handleHotKey = (event) => {
-			if (!modalState.open) return;
-			if (event?.closeModal) closeHandler();
-		};
-		const handleInput = (value) => {
-			if (value.trim().toLowerCase().startsWith("curl")) {
-				events.commandPalette.emit({
-					commandName: "Import from cURL",
-					metaData: {
-						parsedCurl: importCurlCommand(value),
-						collectionUid: activeCollection.value?.uid
-					}
-				});
-				return;
-			}
-			commandQuery.value = value;
-		};
-		onMounted(() => {
-			events.commandPalette.on(openCommandPalette);
-			events.hotKeys.on(handleHotKey);
-		});
-		onBeforeUnmount(() => {
-			events.commandPalette.off(openCommandPalette);
-			events.hotKeys.off(handleHotKey);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Dialog), {
-				open: unref(modalState).open,
-				onClose: _cache[5] || (_cache[5] = ($event) => closeHandler())
-			}, {
-				default: withCtx(() => [_cache[7] || (_cache[7] = createElementVNode("div", { class: "commandmenu-overlay z-overlay" }, null, -1)), createVNode(unref(DialogPanel), { class: "commandmenu z-overlay flex flex-col" }, {
-					default: withCtx(() => [createVNode(unref(DialogTitle), { class: "sr-only" }, {
-						default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("API Client Command Menu", -1)])]),
-						_: 1
-					}), !activeCommand.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-						createElementVNode("div", _hoisted_2, [createElementVNode("label", _hoisted_3, [createVNode(unref(ScalarIcon), {
-							class: "text-c-2 mr-2.5",
-							icon: "Search",
-							size: "md",
-							thickness: "1.5"
-						})]), createElementVNode("input", {
-							id: "commandmenu",
-							ref_key: "commandInputRef",
-							ref: commandInputRef,
-							autocomplete: "off",
-							autofocus: "",
-							class: "w-full rounded border-none bg-none py-1.5 text-sm focus:outline-none",
-							placeholder: "Search commands...",
-							type: "text",
-							value: commandQuery.value,
-							onInput: _cache[0] || (_cache[0] = ($event) => handleInput($event.target.value)),
-							onKeydown: [
-								_cache[1] || (_cache[1] = withKeys(withModifiers(($event) => handleArrowKey("down", $event), ["stop"]), ["down"])),
-								withKeys(withModifiers(handleSelect, ["stop"]), ["enter"]),
-								_cache[2] || (_cache[2] = withKeys(withModifiers(($event) => handleArrowKey("up", $event), ["stop"]), ["up"]))
-							]
-						}, null, 40, _hoisted_4)]),
-						(openBlock(), createElementBlock(Fragment, null, renderList(availableCommands, (group) => {
-							return openBlock(), createElementBlock(Fragment, { key: group.label }, [withDirectives(createElementVNode("div", { class: "text-c-3 mt-2 mb-1 px-2 text-xs font-medium" }, toDisplayString(group.label), 513), [[vShow, group.commands.filter((command) => command.name.toLowerCase().includes(commandQuery.value.toLowerCase())).length > 0]]), (openBlock(true), createElementBlock(Fragment, null, renderList(group.commands.filter((command) => command.name.toLowerCase().includes(commandQuery.value.toLowerCase())), (command) => {
-								return openBlock(), createElementBlock("div", {
-									key: command.name,
-									ref_for: true,
-									ref: (el) => {
-										if (el) {
-											const index = searchResultsWithPlaceholderResults.value.findIndex((c) => c.name === command.name);
-											if (index !== -1) commandRefs.value[index] = el;
-										}
-									},
-									class: normalizeClass(["commandmenu-item hover:bg-b-2 flex cursor-pointer items-center rounded px-2 py-1.5 text-sm", { "bg-b-2": command.name === selectedCommand.value?.name }]),
-									onClick: ($event) => executeCommand(command)
-								}, [createVNode(unref(ScalarIcon), {
-									class: "text-c-2 mr-2.5",
-									icon: command.icon,
-									size: "md",
-									thickness: "1.5"
-								}, null, 8, ["icon"]), createTextVNode(" " + toDisplayString(command.name), 1)], 10, _hoisted_5);
-							}), 128))], 64);
-						}), 64)),
-						!searchResultsWithPlaceholderResults.value.length ? (openBlock(), createElementBlock("div", _hoisted_6, " No commands found ")) : createCommentVNode("", true)
-					])) : (openBlock(), createElementBlock("div", _hoisted_7, [createElementVNode("button", {
-						class: "hover:bg-b-3 text-c-3 active:text-c-1 absolute z-1 mt-[0.5px] rounded p-1.5",
-						type: "button",
-						onClick: _cache[3] || (_cache[3] = ($event) => activeCommand.value = null)
-					}, [createVNode(unref(ScalarIcon), {
-						icon: "ChevronLeft",
-						size: "md",
-						thickness: "1.5"
-					})]), (openBlock(), createBlock(resolveDynamicComponent(PaletteComponents[activeCommand.value]), mergeProps(metaData.value ? { metaData: metaData.value } : {}, {
-						onBack: _cache[4] || (_cache[4] = ($event) => backHandler($event)),
-						onClose: closeHandler
-					}), null, 16))]))]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, ["open"]);
-		};
-	}
-});
-//#endregion
-export { TheCommandPalette_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=TheCommandPalette.vue.script.js.map

package/dist/components/CommandPalette/TheCommandPalette.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TheCommandPalette.vue.script.js","names":[],"sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\n\nimport { importCurlCommand } from '@/libs/importers/curl'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport CommandPaletteCollection from './CommandPaletteCollection.vue'\nimport CommandPaletteExample from './CommandPaletteExample.vue'\nimport CommandPaletteImport from './CommandPaletteImport.vue'\nimport CommandPaletteImportCurl from './CommandPaletteImportCurl.vue'\nimport CommandPaletteServer from './CommandPaletteServer.vue'\nimport CommandPaletteTag from './CommandPaletteTag.vue'\nimport CommandPaletteWorkspace from './CommandPaletteWorkspace.vue'\n\n/**\n * The Command Palette\n *\n * This component is a singleton so should only exist in our app once we will use the event bus to trigger it\n */\nexport default {\n  name: 'TheCommandPalette',\n}\n\nconst PaletteComponents = {\n  'Import from OpenAPI/Swagger/Postman/cURL': CommandPaletteImport,\n  'Create Request': '',\n  'Create Workspace': CommandPaletteWorkspace,\n  'Add Tag': CommandPaletteTag,\n  'Add Server': CommandPaletteServer,\n  'Create Collection': CommandPaletteCollection,\n  'Add Example': CommandPaletteExample,\n  'Import from cURL': CommandPaletteImportCurl,\n} as const\n\n/** Infer the types from the commands  */\ntype CommandNames = keyof typeof PaletteComponents\n\nexport type CommandPaletteEvent = {\n  /** The command name which matches with the command palette */\n  commandName?: CommandNames\n  /** Any extra metadata we want to pass to the command palettes */\n  metaData?: Record<string, any>\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { Dialog, DialogPanel, DialogTitle } from '@headlessui/vue'\nimport { ScalarIcon, useModal } from '@scalar/components'\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { ROUTES } from '@/constants'\nimport type { HotKeyEvent } from '@/libs'\n\nconst modalState = useModal()\nconst router = useRouter()\nconst { activeWorkspace, activeWorkspaceCollections, activeCollection } =\n  useActiveEntities()\nconst { events, requestMutators } = useWorkspace()\n\n/** Available Commands for the Command Palette */\nconst availableCommands = [\n  {\n    label: '',\n    commands: [\n      {\n        name: 'Import from OpenAPI/Swagger/Postman/cURL',\n        icon: 'Import',\n      },\n      {\n        name: 'Create Request',\n        icon: 'ExternalLink',\n      },\n      {\n        name: 'Create Collection',\n        icon: 'Collection',\n      },\n      {\n        name: 'Add Tag',\n        icon: 'Folder',\n      },\n      {\n        name: 'Add Example',\n        icon: 'Example',\n      },\n      {\n        name: 'Add Server',\n        icon: 'Server',\n      },\n    ],\n  },\n  {\n    label: 'More Actions',\n    commands: [\n      {\n        name: 'Create Workspace',\n        icon: 'Workspace',\n      },\n      {\n        name: 'Add Environment',\n        icon: 'Brackets',\n        path: {\n          name: 'environment.default',\n          params: {\n            [PathId.Workspace]: activeWorkspace?.value?.uid ?? 'default',\n          },\n          query: { openEnvironmentModal: 'true' },\n        },\n      },\n      {\n        name: 'Add Cookie',\n        icon: 'Cookie',\n        path: {\n          name: 'cookies.default',\n          params: {\n            [PathId.Workspace]: activeWorkspace?.value?.uid ?? 'default',\n          },\n          query: { openCookieModal: 'true' },\n        },\n      },\n    ],\n  },\n  {\n    label: 'Pages',\n    commands: ROUTES.map((route) => ({\n      name: route.displayName,\n      icon: route.icon,\n      path: router.resolve({\n        ...route.to,\n        params: {\n          [PathId.Workspace]: activeWorkspace?.value?.uid ?? 'default',\n        },\n      }).href,\n    })),\n  },\n] as const\n\ntype Command = (typeof availableCommands)[number]['commands'][number]\n\n/** Additional metadata for the command palettes */\nconst metaData = ref<Record<string, any> | undefined>()\nconst commandQuery = ref('')\nconst activeCommand = ref<keyof typeof PaletteComponents | null>(null)\nconst selectedSearchResult = ref<number>(-1)\nconst commandRefs = ref<HTMLElement[]>([])\n\nconst searchResultsWithPlaceholderResults = computed(() =>\n  availableCommands.reduce((acc, group) => {\n    const filteredGroupCommands = group.commands.filter((command) =>\n      command.name.toLowerCase().includes(commandQuery.value.toLowerCase()),\n    )\n    return [...acc, ...filteredGroupCommands]\n  }, [] as Command[]),\n)\n\n/** Reset state on close */\nconst closeHandler = () => {\n  modalState.hide()\n  commandQuery.value = ''\n  activeCommand.value = null\n  selectedSearchResult.value = -1\n}\n\n/** Reset state on back */\nconst backHandler = (event: KeyboardEvent) => {\n  // Prevent delete event from removing query command character\n  if (commandQuery.value !== '') {\n    event?.preventDefault()\n  }\n  activeCommand.value = null\n  nextTick(() => commandInputRef.value?.focus())\n}\n\n/** Handle execution of the command, some have routes while others show another palette */\nconst executeCommand = (\n  command: (typeof availableCommands)[number]['commands'][number],\n) => {\n  if ('path' in command) {\n    router.push(command.path)\n    closeHandler()\n  } else if (command.name === 'Create Request') {\n    const draftsCollection = activeWorkspaceCollections.value.find(\n      (collection: Collection) => collection.info?.title === 'Drafts',\n    )\n\n    if (draftsCollection) {\n      const newRequest = requestMutators.add({}, draftsCollection.uid)\n\n      if (newRequest) {\n        router.push({\n          name: 'request',\n          params: {\n            workspace: activeWorkspace.value?.uid,\n            request: newRequest.uid,\n          },\n        })\n\n        closeHandler()\n\n        nextTick(() => {\n          events.hotKeys.emit({\n            focusAddressBar: new KeyboardEvent('keydown', { key: 'l' }),\n          })\n        })\n      }\n    } else {\n      closeHandler()\n    }\n  } else {\n    activeCommand.value = command.name\n  }\n}\n\nconst commandInputRef = ref<HTMLInputElement | null>()\n\n/** Handles opening the command pallete to the correct palette */\nconst openCommandPalette = ({\n  commandName,\n  metaData: _metaData,\n}: CommandPaletteEvent = {}) => {\n  activeCommand.value = commandName ?? null\n  metaData.value = _metaData\n  modalState.show()\n\n  // Need nextTick to focus after a click since focus goes to the button\n  nextTick(() => commandInputRef.value?.focus())\n}\n\n/** Focus on first result when conducting a search */\nwatch(commandQuery, (newQuery) => {\n  if (newQuery && searchResultsWithPlaceholderResults.value.length > 0) {\n    selectedSearchResult.value = 0\n  }\n})\n\n/** Handle up and down arrow keys in the menu */\nconst handleArrowKey = (direction: 'up' | 'down', ev: KeyboardEvent) => {\n  if (!modalState.open) return\n  ev.preventDefault()\n\n  const offset = direction === 'up' ? -1 : 1\n  const length = searchResultsWithPlaceholderResults.value.length\n\n  // Ensures we loop around the array by using the remainder\n  selectedSearchResult.value =\n    (selectedSearchResult.value + offset + length) % length\n\n  nextTick(() => {\n    const container = commandInputRef.value?.closest('.custom-scroll')\n    if (!container) return\n\n    // Scroll to the top if the first command is selected\n    if (selectedSearchResult.value === 0) {\n      container.scrollTop = 0\n      return\n    }\n\n    // Scroll to the selected command\n    const commandElement = commandRefs.value[selectedSearchResult.value]\n    if (!commandElement) return\n\n    // Set the height of the sticky header and the bottom margin\n    const stickyHeaderHeight =\n      (container.querySelector('.sticky')?.clientHeight || 0) + 16\n    const bottomMargin = 6\n\n    // Get the top and bottom of the command element\n    const elementTop = commandElement.offsetTop\n    const elementBottom = elementTop + commandElement.clientHeight\n\n    // Get the top and bottom of the viewport\n    const viewportTop = container.scrollTop + stickyHeaderHeight\n    const viewportBottom =\n      container.scrollTop + container.clientHeight - bottomMargin\n\n    // Scroll to the command if it's not in the viewport\n    if (elementTop < viewportTop) {\n      container.scrollTop = elementTop - stickyHeaderHeight\n    } else if (elementBottom > viewportBottom) {\n      container.scrollTop =\n        elementBottom - container.clientHeight + bottomMargin\n    }\n  })\n}\n\n/** The currently selected command */\nconst selectedCommand = computed(\n  () => searchResultsWithPlaceholderResults.value[selectedSearchResult.value],\n)\n\n/** Handle enter keydown in the menu */\nconst handleSelect = (ev: KeyboardEvent) => {\n  if (!selectedCommand.value || activeCommand.value) return\n  ev.preventDefault()\n  ev.stopPropagation()\n  executeCommand(selectedCommand.value)\n}\n\n/** Handle hotkeys */\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (!modalState.open) return\n  if (event?.closeModal) closeHandler()\n}\n\nconst handleInput = (value: string) => {\n  if (value.trim().toLowerCase().startsWith('curl')) {\n    events.commandPalette.emit({\n      commandName: 'Import from cURL',\n      metaData: {\n        parsedCurl: importCurlCommand(value),\n        collectionUid: activeCollection.value?.uid,\n      },\n    })\n    return\n  }\n  commandQuery.value = value\n}\n\nonMounted(() => {\n  events.commandPalette.on(openCommandPalette)\n  events.hotKeys.on(handleHotKey)\n})\nonBeforeUnmount(() => {\n  events.commandPalette.off(openCommandPalette)\n  events.hotKeys.off(handleHotKey)\n})\n</script>\n<template>\n  <Dialog\n    :open=\"modalState.open\"\n    @close=\"closeHandler()\">\n    <div class=\"commandmenu-overlay z-overlay\" />\n    <DialogPanel class=\"commandmenu z-overlay flex flex-col\">\n      <DialogTitle class=\"sr-only\">API Client Command Menu</DialogTitle>\n      <!-- Default palette (command list) -->\n      <div\n        v-if=\"!activeCommand\"\n        class=\"custom-scroll max-h-[50dvh] min-h-0 flex-1 rounded-lg p-1.5\">\n        <div\n          class=\"bg-b-2 focus-within:bg-b-1 sticky top-0 flex items-center rounded-md border border-transparent pl-2 shadow-[0_-8px_0_8px_var(--scalar-background-1),0_0_8px_8px_var(--scalar-background-1)] focus-within:border-(--scalar-background-3)\">\n          <label for=\"commandmenu\">\n            <ScalarIcon\n              class=\"text-c-2 mr-2.5\"\n              icon=\"Search\"\n              size=\"md\"\n              thickness=\"1.5\" />\n          </label>\n          <input\n            id=\"commandmenu\"\n            ref=\"commandInputRef\"\n            autocomplete=\"off\"\n            autofocus\n            class=\"w-full rounded border-none bg-none py-1.5 text-sm focus:outline-none\"\n            placeholder=\"Search commands...\"\n            type=\"text\"\n            :value=\"commandQuery\"\n            @input=\"handleInput(($event.target as HTMLInputElement).value)\"\n            @keydown.down.stop=\"handleArrowKey('down', $event)\"\n            @keydown.enter.stop=\"handleSelect\"\n            @keydown.up.stop=\"handleArrowKey('up', $event)\" />\n        </div>\n        <template\n          v-for=\"group in availableCommands\"\n          :key=\"group.label\">\n          <div\n            v-show=\"\n              group.commands.filter((command) =>\n                command.name.toLowerCase().includes(commandQuery.toLowerCase()),\n              ).length > 0\n            \"\n            class=\"text-c-3 mt-2 mb-1 px-2 text-xs font-medium\">\n            {{ group.label }}\n          </div>\n          <div\n            v-for=\"command in group.commands.filter((command) =>\n              command.name.toLowerCase().includes(commandQuery.toLowerCase()),\n            )\"\n            :key=\"command.name\"\n            :ref=\"\n              (el) => {\n                if (el) {\n                  const index = searchResultsWithPlaceholderResults.findIndex(\n                    (c) => c.name === command.name,\n                  )\n                  if (index !== -1) commandRefs[index] = el as HTMLElement\n                }\n              }\n            \"\n            class=\"commandmenu-item hover:bg-b-2 flex cursor-pointer items-center rounded px-2 py-1.5 text-sm\"\n            :class=\"{\n              'bg-b-2': command.name === selectedCommand?.name,\n            }\"\n            @click=\"executeCommand(command)\">\n            <ScalarIcon\n              class=\"text-c-2 mr-2.5\"\n              :icon=\"command.icon\"\n              size=\"md\"\n              thickness=\"1.5\" />\n            {{ command.name }}\n          </div>\n        </template>\n        <div\n          v-if=\"!searchResultsWithPlaceholderResults.length\"\n          class=\"text-c-3 p-2 pt-3 text-center text-sm\">\n          No commands found\n        </div>\n      </div>\n      <!-- Specific command palette -->\n      <div\n        v-else\n        class=\"flex-1 p-1.5\">\n        <button\n          class=\"hover:bg-b-3 text-c-3 active:text-c-1 absolute z-1 mt-[0.5px] rounded p-1.5\"\n          type=\"button\"\n          @click=\"activeCommand = null\">\n          <ScalarIcon\n            icon=\"ChevronLeft\"\n            size=\"md\"\n            thickness=\"1.5\" />\n        </button>\n        <component\n          :is=\"PaletteComponents[activeCommand]\"\n          v-bind=\"metaData ? { metaData: metaData } : {}\"\n          @back=\"backHandler($event)\"\n          @close=\"closeHandler\" />\n      </div>\n    </DialogPanel>\n  </Dialog>\n</template>\n<style scoped>\n/* command menu */\n.commandmenu {\n  box-shadow: var(--scalar-shadow-2);\n  border-radius: var(--scalar-radius-lg);\n  background-color: var(--scalar-background-1);\n  max-height: 60dvh;\n  width: 100%;\n  max-width: 580px;\n  margin: 12px;\n  position: fixed;\n  left: 50%;\n  top: 150px;\n  opacity: 0;\n  transform: translate3d(-50%, 10px, 0);\n  animation: fadeincommandmenu ease-in-out 0.3s forwards;\n  animation-delay: 0.1s;\n}\n.commandmenu-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.2);\n  animation: fadeincommand ease-in-out 0.3s forwards;\n  cursor: pointer;\n}\n@keyframes fadeincommand {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes fadeincommandmenu {\n  0% {\n    opacity: 0;\n    transform: translate3d(-50%, 10px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3d(-50%, 0, 0);\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/components/CommandPalette/WatchModeToggle.vue.d.ts

@@ -1,14 +0,0 @@
-type __VLS_Props = {
-    modelValue: boolean;
-    disabled?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=WatchModeToggle.vue.d.ts.map

package/dist/components/CommandPalette/WatchModeToggle.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WatchModeToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/WatchModeToggle.vue"],"names":[],"mappings":"AAkDA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA0GJ,QAAA,MAAM,YAAY;;;;;cA3GH,OAAO;6EA+GpB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/CommandPalette/WatchModeToggle.vue.js

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

package/dist/components/CommandPalette/WatchModeToggle.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WatchModeToggle.vue.js","names":[],"sources":["../../../src/components/CommandPalette/WatchModeToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon, ScalarToggle } from '@scalar/components'\nimport { computed } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: boolean\n    disabled?: boolean\n  }>(),\n  {\n    disabled: false,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst modelValue = computed({\n  get: () => props.modelValue,\n  set: (value) => emit('update:modelValue', value),\n})\n</script>\n\n<template>\n  <label\n    class=\"text-c-2 flex items-center gap-2 rounded p-3 py-1.5 text-sm select-none\"\n    :class=\"disabled ? 'cursor-default' : 'cursor-pointer'\"\n    for=\"watch-toggle\">\n    <span\n      class=\"text-c-1 flex items-center gap-1 text-xs font-medium\"\n      :class=\"{ 'text-c-3': !modelValue }\">\n      <ScalarIcon\n        icon=\"Watch\"\n        size=\"sm\" />\n      Watch Mode\n    </span>\n    <ScalarToggle\n      id=\"watch-toggle\"\n      :disabled=\"Boolean(disabled)\"\n      :modelValue=\"modelValue\"\n      @update:modelValue=\"(value) => emit('update:modelValue', value)\" />\n  </label>\n</template>\n"],"mappings":""}

package/dist/components/CommandPalette/WatchModeToggle.vue.script.js

@@ -1,40 +0,0 @@
-import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
-import { ScalarIcon, ScalarToggle } from "@scalar/components";
-//#region src/components/CommandPalette/WatchModeToggle.vue?vue&type=script&setup=true&lang.ts
-var WatchModeToggle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "WatchModeToggle",
-	props: {
-		modelValue: { type: Boolean },
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const modelValue = computed({
-			get: () => props.modelValue,
-			set: (value) => emit("update:modelValue", value)
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("label", {
-				class: normalizeClass(["text-c-2 flex items-center gap-2 rounded p-3 py-1.5 text-sm select-none", __props.disabled ? "cursor-default" : "cursor-pointer"]),
-				for: "watch-toggle"
-			}, [createElementVNode("span", { class: normalizeClass(["text-c-1 flex items-center gap-1 text-xs font-medium", { "text-c-3": !modelValue.value }]) }, [createVNode(unref(ScalarIcon), {
-				icon: "Watch",
-				size: "sm"
-			}), _cache[1] || (_cache[1] = createTextVNode(" Watch Mode ", -1))], 2), createVNode(unref(ScalarToggle), {
-				id: "watch-toggle",
-				disabled: Boolean(__props.disabled),
-				modelValue: modelValue.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => emit("update:modelValue", value))
-			}, null, 8, ["disabled", "modelValue"])], 2);
-		};
-	}
-});
-//#endregion
-export { WatchModeToggle_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=WatchModeToggle.vue.script.js.map

package/dist/components/CommandPalette/WatchModeToggle.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WatchModeToggle.vue.script.js","names":[],"sources":["../../../src/components/CommandPalette/WatchModeToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon, ScalarToggle } from '@scalar/components'\nimport { computed } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: boolean\n    disabled?: boolean\n  }>(),\n  {\n    disabled: false,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst modelValue = computed({\n  get: () => props.modelValue,\n  set: (value) => emit('update:modelValue', value),\n})\n</script>\n\n<template>\n  <label\n    class=\"text-c-2 flex items-center gap-2 rounded p-3 py-1.5 text-sm select-none\"\n    :class=\"disabled ? 'cursor-default' : 'cursor-pointer'\"\n    for=\"watch-toggle\">\n    <span\n      class=\"text-c-1 flex items-center gap-1 text-xs font-medium\"\n      :class=\"{ 'text-c-3': !modelValue }\">\n      <ScalarIcon\n        icon=\"Watch\"\n        size=\"sm\" />\n      Watch Mode\n    </span>\n    <ScalarToggle\n      id=\"watch-toggle\"\n      :disabled=\"Boolean(disabled)\"\n      :modelValue=\"modelValue\"\n      @update:modelValue=\"(value) => emit('update:modelValue', value)\" />\n  </label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAUd,MAAM,OAAO;EAIb,MAAM,aAAa,SAAS;GAC1B,WAAW,MAAM;GACjB,MAAM,UAAU,KAAK,qBAAqB,MAAM;GACjD,CAAA;;uBAIC,mBAiBQ,SAAA;IAhBN,OAAK,eAAA,CAAC,2EACE,QAAA,WAAQ,mBAAA,iBAAA,CAAA;IAChB,KAAI;OACJ,mBAOO,QAAA,EANL,OAAK,eAAA,CAAC,wDAAsD,EAAA,YAAA,CACrC,WAAA,OAAU,CAAA,CAAA,EAAA,EAAA,CACjC,YAEc,MAAA,WAAA,EAAA;IADZ,MAAK;IACL,MAAK;iDAAO,gBAEhB,GAAA,EAAA,EAAA,EAAA,EACA,YAIqE,MAAA,aAAA,EAAA;IAHnE,IAAG;IACF,UAAU,QAAQ,QAAA,SAAQ;IAC1B,YAAY,WAAA;IACZ,uBAAiB,OAAA,OAAA,OAAA,MAAG,UAAU,KAAI,qBAAsB,MAAK"}

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

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

package/dist/components/CommandPalette/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/components/CommandPalette/index.js

@@ -1,2 +0,0 @@
-import TheCommandPalette_default from "./TheCommandPalette.vue.js";
-export { TheCommandPalette_default as TheCommandPalette };

package/dist/components/DataTable/DataTable.vue.d.ts

@@ -1,23 +0,0 @@
-type __VLS_Props = {
-    columns: (string | undefined)[];
-    /** Scroll horizontally */
-    scroll?: boolean;
-    /** Presentational table */
-    presentational?: boolean;
-};
-declare var __VLS_1: {}, __VLS_3: {};
-type __VLS_Slots = {} & {
-    caption?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=DataTable.vue.d.ts.map

package/dist/components/DataTable/DataTable.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.vue"],"names":[],"mappings":"AAyCA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAA;IAC/B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC;AAsDF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/DataTable/DataTable.vue.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable.vue.js","names":[],"sources":["../../../src/components/DataTable/DataTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\ndefineProps<{\n  columns: (string | undefined)[]\n  /** Scroll horizontally */\n  scroll?: boolean\n  /** Presentational table */\n  presentational?: boolean\n}>()\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        scroll ? 'overflow-x-auto custom-scroll' : 'overflow-visible',\n        'scalar-data-table',\n      )\n    \">\n    <table\n      class=\"mb-0 grid min-h-8 auto-rows-auto\"\n      :class=\"{ 'w-max min-w-full': scroll }\"\n      :role=\"presentational ? 'presentation' : 'table'\"\n      :style=\"{\n        gridTemplateColumns: columns.map((col) => col || '1fr').join(' '),\n      }\">\n      <caption\n        v-if=\"$slots.caption\"\n        class=\"sr-only\">\n        <slot name=\"caption\" />\n      </caption>\n      <slot />\n    </table>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,30 +0,0 @@
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, renderSlot, unref } from "vue";
-import { useBindCx } from "@scalar/components";
-//#region src/components/DataTable/DataTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["role"];
-var _hoisted_2 = {
-	key: 0,
-	class: "sr-only"
-};
-var DataTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "DataTable",
-	props: {
-		columns: {},
-		scroll: { type: Boolean },
-		presentational: { type: Boolean }
-	},
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)(__props.scroll ? "overflow-x-auto custom-scroll" : "overflow-visible", "scalar-data-table"))), [createElementVNode("table", {
-				class: normalizeClass(["mb-0 grid min-h-8 auto-rows-auto", { "w-max min-w-full": __props.scroll }]),
-				role: __props.presentational ? "presentation" : "table",
-				style: normalizeStyle({ gridTemplateColumns: __props.columns.map((col) => col || "1fr").join(" ") })
-			}, [_ctx.$slots.caption ? (openBlock(), createElementBlock("caption", _hoisted_2, [renderSlot(_ctx.$slots, "caption")])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 14, _hoisted_1)], 16);
-		};
-	}
-});
-//#endregion
-export { DataTable_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=DataTable.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable.vue.script.js","names":["$slots"],"sources":["../../../src/components/DataTable/DataTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\ndefineProps<{\n  columns: (string | undefined)[]\n  /** Scroll horizontally */\n  scroll?: boolean\n  /** Presentational table */\n  presentational?: boolean\n}>()\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        scroll ? 'overflow-x-auto custom-scroll' : 'overflow-visible',\n        'scalar-data-table',\n      )\n    \">\n    <table\n      class=\"mb-0 grid min-h-8 auto-rows-auto\"\n      :class=\"{ 'w-max min-w-full': scroll }\"\n      :role=\"presentational ? 'presentation' : 'table'\"\n      :style=\"{\n        gridTemplateColumns: columns.map((col) => col || '1fr').join(' '),\n      }\">\n      <caption\n        v-if=\"$slots.caption\"\n        class=\"sr-only\">\n        <slot name=\"caption\" />\n      </caption>\n      <slot />\n    </table>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAUA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAqBM,OAAA,eAAA,mBApBW,MAAA,GAAE,CAAU,QAAA,SAAM,kCAAA,oBAAA,oBAAA,CAAA,CAAA,EAAA,CAMjC,mBAaQ,SAAA;IAZN,OAAK,eAAA,CAAC,oCAAkC,EAAA,oBACV,QAAA,QAAM,CAAA,CAAA;IACnC,MAAM,QAAA,iBAAc,iBAAA;IACpB,OAAK,eAAA,EAAA,qBAAiC,QAAA,QAAQ,KAAK,QAAQ,OAAG,MAAA,CAAW,KAAI,IAAA,EAAA,CAAA;OAItEA,KAAAA,OAAO,WAAA,WAAA,EADf,mBAIU,WAJV,YAIU,CADR,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAEzB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,CAAA,EAAA,GAAA"}

package/dist/components/DataTable/DataTableCell.vue.d.ts

@@ -1,20 +0,0 @@
-import type { Component } from 'vue';
-type __VLS_Props = {
-    is?: string | Component;
-};
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    is: string | Component;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=DataTableCell.vue.d.ts.map

package/dist/components/DataTable/DataTableCell.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCell.vue"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACxB,CAAC;AAuDJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;QA/DP,MAAM,GAAG,SAAS;6EAkEzB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/DataTable/DataTableCell.vue.js

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

package/dist/components/DataTable/DataTableCell.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableCell.vue.js","names":[],"sources":["../../../src/components/DataTable/DataTableCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\nimport type { Component } from 'vue'\n\nwithDefaults(\n  defineProps<{\n    is?: string | Component\n  }>(),\n  { is: 'td' },\n)\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"\n      cx(\n        'box-content max-h-8 min-h-8 min-w-8 border-l-0 border-t border-b-0 border-r flex text-base/5 last:border-r-0 group-last:border-b-transparent p-0 m-0 relative',\n      )\n    \"\n    class=\"group-[.alert]:bg-b-alert group-[.error]:bg-b-danger\">\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/DataTable/DataTableCell.vue.script.js

@@ -1,21 +0,0 @@
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
-import { useBindCx } from "@scalar/components";
-//#region src/components/DataTable/DataTableCell.vue?vue&type=script&setup=true&lang.ts
-var DataTableCell_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "DataTableCell",
-	props: { is: { default: "td" } },
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.is), mergeProps(unref(cx)("box-content max-h-8 min-h-8 min-w-8 border-l-0 border-t border-b-0 border-r flex text-base/5 last:border-r-0 group-last:border-b-transparent p-0 m-0 relative"), { class: "group-[.alert]:bg-b-alert group-[.error]:bg-b-danger" }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { DataTableCell_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=DataTableCell.vue.script.js.map

package/dist/components/DataTable/DataTableCell.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableCell.vue.script.js","names":[],"sources":["../../../src/components/DataTable/DataTableCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\nimport type { Component } from 'vue'\n\nwithDefaults(\n  defineProps<{\n    is?: string | Component\n  }>(),\n  { is: 'td' },\n)\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"\n      cx(\n        'box-content max-h-8 min-h-8 min-w-8 border-l-0 border-t border-b-0 border-r flex text-base/5 last:border-r-0 group-last:border-b-transparent p-0 m-0 relative',\n      )\n    \"\n    class=\"group-[.alert]:bg-b-alert group-[.error]:bg-b-danger\">\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;EAYA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,YASY,wBARL,QAAA,GAAE,EADT,WAEiB,MAAA,GAAE,CAAA,gKAAA,EAAA,EAKjB,OAAM,wDAAsD,CAAA,EAAA;2BACpD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/DataTable/DataTableCheckbox.vue.d.ts

@@ -1,15 +0,0 @@
-type __VLS_Props = {
-    modelValue: boolean;
-    disabled?: boolean;
-    align?: 'left' | 'center';
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (v: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
-}>, {
-    align: "left" | "center";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=DataTableCheckbox.vue.d.ts.map

package/dist/components/DataTable/DataTableCheckbox.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"names":[],"mappings":"AA2DA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC1B,CAAC;AA+GJ,QAAA,MAAM,YAAY;;;;;WAhHN,MAAM,GAAG,QAAQ;6EAoH3B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}