@scalar/api-client 2.38.0 → 2.38.2

package/dist/CommandPaletteImport-Diu5dDIY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteImport-Diu5dDIY.js","names":["$attrs"],"sources":["../src/v2/features/command-palette/components/CommandActionForm.vue","../src/v2/features/command-palette/components/CommandActionForm.vue","../src/v2/features/command-palette/components/CommandActionInput.vue","../src/v2/features/command-palette/components/CommandActionInput.vue","../src/v2/helpers/is-url.ts","../src/v2/features/command-palette/helpers/get-openapi-document-details.ts","../src/v2/features/command-palette/helpers/is-postman-collection.ts","../src/v2/features/command-palette/helpers/get-postman-document-details.ts","../src/v2/features/command-palette/helpers/generate-unique-slug.ts","../src/v2/features/command-palette/helpers/import-document-to-workspace.ts","../src/v2/features/command-palette/helpers/get-openapi-from-postman.ts","../src/v2/features/command-palette/helpers/load-document-from-source.ts","../src/v2/features/command-palette/components/WatchModeToggle.vue","../src/v2/features/command-palette/components/WatchModeToggle.vue","../src/v2/features/command-palette/components/CommandPaletteImport.vue","../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Action Form Component\n *\n * A reusable form wrapper for command palette actions.\n * Provides a consistent layout with a main content area, optional controls,\n * and a submit button. Prevents form submission when disabled.\n *\n * @example\n * <CommandActionForm\n *   :loader\n *   :disabled=\"isDisabled\"\n *   @submit=\"handleSubmit\"\n *   @cancel=\"handleCancel\"\n *   @back=\"handleBack\"\n * >\n *   <!-- Main content goes in default slot -->\n *   <CommandActionInput v-model=\"value\" />\n *\n *   <!-- Optional controls in options slot -->\n *   <template #options>\n *     <ScalarCheckbox v-model=\"option\" />\n *   </template>\n *\n *   <!-- Custom submit button text -->\n *   <template #submit>Create</template>\n * </CommandActionForm>\n */\nexport default {\n  name: 'CommandActionForm',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarButton, useBindCx, type LoadingState } from '@scalar/components'\n\nconst { loader, disabled = false } = defineProps<{\n  /** Loading state from useLoadingState composable to show spinner on submit button */\n  loader?: LoadingState\n  /** Whether the form and submit button are disabled */\n  disabled?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the form is submitted (if not disabled) */\n  (event: 'submit'): void\n  /** Emitted when the action is cancelled */\n  (event: 'cancel'): void\n  /** Emitted when user presses back (e.g., Escape key) */\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n  /** Main content area for form inputs */\n  default(): void\n  /** Optional controls displayed before the submit button (e.g., checkboxes, toggles, dropdowns) */\n  options(): void\n  /** Custom text or content for the submit button (defaults to \"Continue\") */\n  submit(): void\n}>()\n\nconst { cx } = useBindCx()\n\n/** Handle form submission, only emit if not disabled */\nconst handleSubmit = (): void => {\n  if (!disabled) {\n    emit('submit')\n  }\n}\n</script>\n\n<template>\n  <form\n    class=\"flex w-full flex-col gap-3\"\n    @keydown.enter.stop\n    @submit.prevent.stop=\"handleSubmit\">\n    <!-- Main content area with minimum height and rounded corners -->\n    <div v-bind=\"cx('relative flex min-h-20 flex-col rounded')\">\n      <slot />\n    </div>\n\n    <!-- Action bar with optional controls and submit button -->\n    <div class=\"flex gap-2\">\n      <!-- Optional controls slot (e.g., checkboxes, toggles) -->\n      <div class=\"flex max-h-8 flex-1\">\n        <slot name=\"options\" />\n      </div>\n\n      <!-- Submit button with customizable text -->\n      <ScalarButton\n        class=\"max-h-8 px-3 text-xs\"\n        :disabled=\"disabled\"\n        :loader\n        type=\"submit\">\n        <slot name=\"submit\">Continue</slot>\n      </ScalarButton>\n    </div>\n  </form>\n</template>\n","<script lang=\"ts\">\n/**\n * Command Action Form Component\n *\n * A reusable form wrapper for command palette actions.\n * Provides a consistent layout with a main content area, optional controls,\n * and a submit button. Prevents form submission when disabled.\n *\n * @example\n * <CommandActionForm\n *   :loader\n *   :disabled=\"isDisabled\"\n *   @submit=\"handleSubmit\"\n *   @cancel=\"handleCancel\"\n *   @back=\"handleBack\"\n * >\n *   <!-- Main content goes in default slot -->\n *   <CommandActionInput v-model=\"value\" />\n *\n *   <!-- Optional controls in options slot -->\n *   <template #options>\n *     <ScalarCheckbox v-model=\"option\" />\n *   </template>\n *\n *   <!-- Custom submit button text -->\n *   <template #submit>Create</template>\n * </CommandActionForm>\n */\nexport default {\n  name: 'CommandActionForm',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarButton, useBindCx, type LoadingState } from '@scalar/components'\n\nconst { loader, disabled = false } = defineProps<{\n  /** Loading state from useLoadingState composable to show spinner on submit button */\n  loader?: LoadingState\n  /** Whether the form and submit button are disabled */\n  disabled?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the form is submitted (if not disabled) */\n  (event: 'submit'): void\n  /** Emitted when the action is cancelled */\n  (event: 'cancel'): void\n  /** Emitted when user presses back (e.g., Escape key) */\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n  /** Main content area for form inputs */\n  default(): void\n  /** Optional controls displayed before the submit button (e.g., checkboxes, toggles, dropdowns) */\n  options(): void\n  /** Custom text or content for the submit button (defaults to \"Continue\") */\n  submit(): void\n}>()\n\nconst { cx } = useBindCx()\n\n/** Handle form submission, only emit if not disabled */\nconst handleSubmit = (): void => {\n  if (!disabled) {\n    emit('submit')\n  }\n}\n</script>\n\n<template>\n  <form\n    class=\"flex w-full flex-col gap-3\"\n    @keydown.enter.stop\n    @submit.prevent.stop=\"handleSubmit\">\n    <!-- Main content area with minimum height and rounded corners -->\n    <div v-bind=\"cx('relative flex min-h-20 flex-col rounded')\">\n      <slot />\n    </div>\n\n    <!-- Action bar with optional controls and submit button -->\n    <div class=\"flex gap-2\">\n      <!-- Optional controls slot (e.g., checkboxes, toggles) -->\n      <div class=\"flex max-h-8 flex-1\">\n        <slot name=\"options\" />\n      </div>\n\n      <!-- Submit button with customizable text -->\n      <ScalarButton\n        class=\"max-h-8 px-3 text-xs\"\n        :disabled=\"disabled\"\n        :loader\n        type=\"submit\">\n        <slot name=\"submit\">Continue</slot>\n      </ScalarButton>\n    </div>\n  </form>\n</template>\n","<script lang=\"ts\">\n/**\n * Command Action Input Component\n *\n * A textarea input component for command palette actions.\n * Supports v-model binding, auto-focus, and special keyboard handling:\n * - Enter submits the parent form (unless Shift is held)\n * - Backspace emits delete event when input is empty (for navigation back)\n *\n * @example\n * <CommandActionInput\n *   v-model=\"inputValue\"\n *   placeholder=\"Enter name...\"\n *   :autofocus=\"true\"\n *   @delete=\"handleBack\"\n * />\n */\nexport default {\n  name: 'CommandActionInput',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onMounted, ref } from 'vue'\n\nconst {\n  modelValue,\n  placeholder,\n  autofocus = true,\n} = defineProps<{\n  /** Current value of the input */\n  modelValue?: string\n  /** Placeholder text shown when input is empty */\n  placeholder?: string\n  /** Whether to automatically focus the input when mounted */\n  autofocus?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the input value changes (v-model support) */\n  (event: 'update:modelValue', value: string): void\n  /** Emitted when backspace is pressed on empty input for navigation back */\n  (event: 'delete', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst input = ref<HTMLTextAreaElement | null>(null)\n\n/**\n * Two-way binding computed property for v-model support.\n * Ensures we always have a string value even if modelValue is undefined.\n */\nconst model = computed<string>({\n  get: () => modelValue ?? '',\n  set: (value) => emit('update:modelValue', value),\n})\n\n/**\n * Auto-focus the input after mounting if autofocus prop is true.\n * Uses nextTick to ensure the DOM is ready before focusing.\n */\nonMounted(() => {\n  nextTick(() => {\n    if (autofocus) {\n      input.value?.focus()\n    }\n  })\n})\n\n/**\n * Handles Enter key to submit the parent form.\n * Shift+Enter is ignored to allow multi-line input if needed.\n */\nconst handleEnter = (event: KeyboardEvent): void => {\n  if (event.shiftKey || !event.target) {\n    return\n  }\n\n  event.preventDefault()\n\n  const target = event.target as HTMLTextAreaElement\n  const submitEvent = new Event('submit', { cancelable: true })\n  target.form?.dispatchEvent(submitEvent)\n}\n\n/**\n * Handles Backspace key when input is empty.\n * Emits delete event to allow parent to navigate back or undo the last action.\n */\nconst handleDelete = (event: KeyboardEvent): void => {\n  if (model.value !== '') {\n    return\n  }\n\n  event.preventDefault()\n  event.stopPropagation()\n  emit('delete', event)\n}\n</script>\n\n<template>\n  <textarea\n    id=\"command-action-input\"\n    ref=\"input\"\n    v-model=\"model\"\n    class=\"min-h-8 w-full flex-1 resize-none border border-transparent py-1.5 pl-8.5 text-sm outline-none focus:border-b-1\"\n    :placeholder=\"placeholder ?? ''\"\n    wrap=\"hard\"\n    v-bind=\"$attrs\"\n    @keydown.delete=\"handleDelete\"\n    @keydown.enter=\"handleEnter\" />\n</template>\n","<script lang=\"ts\">\n/**\n * Command Action Input Component\n *\n * A textarea input component for command palette actions.\n * Supports v-model binding, auto-focus, and special keyboard handling:\n * - Enter submits the parent form (unless Shift is held)\n * - Backspace emits delete event when input is empty (for navigation back)\n *\n * @example\n * <CommandActionInput\n *   v-model=\"inputValue\"\n *   placeholder=\"Enter name...\"\n *   :autofocus=\"true\"\n *   @delete=\"handleBack\"\n * />\n */\nexport default {\n  name: 'CommandActionInput',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onMounted, ref } from 'vue'\n\nconst {\n  modelValue,\n  placeholder,\n  autofocus = true,\n} = defineProps<{\n  /** Current value of the input */\n  modelValue?: string\n  /** Placeholder text shown when input is empty */\n  placeholder?: string\n  /** Whether to automatically focus the input when mounted */\n  autofocus?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the input value changes (v-model support) */\n  (event: 'update:modelValue', value: string): void\n  /** Emitted when backspace is pressed on empty input for navigation back */\n  (event: 'delete', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst input = ref<HTMLTextAreaElement | null>(null)\n\n/**\n * Two-way binding computed property for v-model support.\n * Ensures we always have a string value even if modelValue is undefined.\n */\nconst model = computed<string>({\n  get: () => modelValue ?? '',\n  set: (value) => emit('update:modelValue', value),\n})\n\n/**\n * Auto-focus the input after mounting if autofocus prop is true.\n * Uses nextTick to ensure the DOM is ready before focusing.\n */\nonMounted(() => {\n  nextTick(() => {\n    if (autofocus) {\n      input.value?.focus()\n    }\n  })\n})\n\n/**\n * Handles Enter key to submit the parent form.\n * Shift+Enter is ignored to allow multi-line input if needed.\n */\nconst handleEnter = (event: KeyboardEvent): void => {\n  if (event.shiftKey || !event.target) {\n    return\n  }\n\n  event.preventDefault()\n\n  const target = event.target as HTMLTextAreaElement\n  const submitEvent = new Event('submit', { cancelable: true })\n  target.form?.dispatchEvent(submitEvent)\n}\n\n/**\n * Handles Backspace key when input is empty.\n * Emits delete event to allow parent to navigate back or undo the last action.\n */\nconst handleDelete = (event: KeyboardEvent): void => {\n  if (model.value !== '') {\n    return\n  }\n\n  event.preventDefault()\n  event.stopPropagation()\n  emit('delete', event)\n}\n</script>\n\n<template>\n  <textarea\n    id=\"command-action-input\"\n    ref=\"input\"\n    v-model=\"model\"\n    class=\"min-h-8 w-full flex-1 resize-none border border-transparent py-1.5 pl-8.5 text-sm outline-none focus:border-b-1\"\n    :placeholder=\"placeholder ?? ''\"\n    wrap=\"hard\"\n    v-bind=\"$attrs\"\n    @keydown.delete=\"handleDelete\"\n    @keydown.enter=\"handleEnter\" />\n</template>\n","import { isValidUrl } from '@scalar/helpers/url/is-valid-url'\n\nexport const isUrl = (input: string) => {\n  return (input.startsWith('http://') || input.startsWith('https://')) && isValidUrl(input)\n}\n","import { json, yaml } from '@scalar/oas-utils/helpers'\n\nimport { isUrl } from '@/v2/helpers/is-url'\n\n/**\n * Represents parsed details from an OpenAPI or Swagger specification.\n * Used to display information about imported API descriptions in the command palette.\n */\ntype OpenApiDocumentDetails = {\n  /** The API specification version (e.g., \"OpenAPI 3.1.0\" or \"Swagger 2.0\"). */\n  version: string\n  /** The format of the specification document. */\n  type: 'json' | 'yaml'\n  /** The API title extracted from the info object, if available. */\n  title: string | undefined\n}\n\n/**\n * Represents the minimal structure of a parsed API description document.\n * Used for type safety when checking for OpenAPI or Swagger properties.\n */\ntype ParsedApiDocument = {\n  openapi?: string\n  swagger?: string\n  info?: {\n    title?: string\n  }\n}\n\n/**\n * Extracts the title from the info object of an API description.\n * Returns undefined if the title is not a string or does not exist.\n */\nconst extractTitle = (info: ParsedApiDocument['info']): string | undefined => {\n  return typeof info?.title === 'string' ? info.title : undefined\n}\n\n/**\n * Attempts to extract OpenAPI document details from a parsed document.\n * Checks for both OpenAPI and Swagger specifications.\n */\nconst parseDocumentDetails = (\n  document: ParsedApiDocument,\n  type: 'json' | 'yaml',\n): OpenApiDocumentDetails | undefined => {\n  if (typeof document.openapi === 'string') {\n    return {\n      version: `OpenAPI ${document.openapi}`,\n      type,\n      title: extractTitle(document.info),\n    }\n  }\n\n  if (typeof document.swagger === 'string') {\n    return {\n      version: `Swagger ${document.swagger}`,\n      type,\n      title: extractTitle(document.info),\n    }\n  }\n\n  return undefined\n}\n\n/**\n * Attempts to parse the input string with the given parser function.\n * Returns undefined if parsing fails.\n */\nconst tryParse = (\n  input: string,\n  parser: (input: string) => unknown,\n  type: 'json' | 'yaml',\n): OpenApiDocumentDetails | undefined => {\n  try {\n    const result = parser(input) as ParsedApiDocument\n    return parseDocumentDetails(result, type)\n  } catch {\n    // Parsing failed, which is expected for invalid or non-matching formats\n    return undefined\n  }\n}\n\n/**\n * Extracts OpenAPI or Swagger specification details from a string.\n * Attempts to parse as JSON first, then YAML if JSON parsing fails.\n *\n * Returns undefined if:\n * - Input is null, empty, or a URL\n * - Input is not a valid JSON or YAML document\n * - Document does not contain OpenAPI or Swagger version information\n */\nexport const getOpenApiDocumentDetails = (input: string | null): OpenApiDocumentDetails | undefined => {\n  if (!input || isUrl(input)) {\n    return undefined\n  }\n\n  // Try parsing as JSON first\n  const jsonResult = tryParse(input, json.parse, 'json')\n  if (jsonResult) {\n    return jsonResult\n  }\n\n  // Fall back to YAML parsing\n  return tryParse(input, yaml.parse, 'yaml')\n}\n","/**\n * Checks if the given string content is a Postman collection.\n *\n * Validates by checking for the `_postman_id` in the info object\n * and ensuring the schema URL's host matches 'schema.getpostman.com'.\n *\n * @param content - The JSON string which may be a Postman collection\n * @returns True if the content is a valid Postman collection\n */\nexport const isPostmanCollection = (content: string): boolean => {\n  try {\n    const parsed = JSON.parse(content)\n\n    const hasPostmanId = parsed.info?._postman_id !== undefined\n    const hasValidSchema = parsed.info?.schema && new URL(parsed.info.schema).host === 'schema.getpostman.com'\n\n    return hasPostmanId && hasValidSchema\n  } catch {\n    return false\n  }\n}\n","import { isPostmanCollection } from '@/v2/features/command-palette/helpers/is-postman-collection'\n\n/**\n * Represents the extracted details from a Postman collection.\n * Used to display collection metadata in the command palette import UI.\n */\ntype PostmanDocumentDetails = {\n  /** The document format type. */\n  type: string\n  /** The name of the Postman collection. */\n  title: string\n  /** The version of the Postman collection. */\n  version: string\n}\n\n/**\n * Extracts document details from a Postman collection JSON string.\n *\n * We parse and validate in a single pass to avoid the performance cost\n * of parsing the JSON twice.\n *\n * @param content - The JSON string representing the Postman collection\n * @returns The collection details if valid, null otherwise\n */\nexport const getPostmanDocumentDetails = (content: string): PostmanDocumentDetails | null => {\n  if (!isPostmanCollection(content)) {\n    return null\n  }\n\n  try {\n    const parsed = JSON.parse(content)\n\n    return {\n      type: 'json',\n      title: parsed.info?.name || 'Postman Collection',\n      version: parsed.info?.version || '1.0',\n    }\n  } catch {\n    return null\n  }\n}\n","import { generateUniqueValue } from '@scalar/workspace-store/helpers/generate-unique-value'\n\nimport { slugify } from '@/v2/helpers/slugify'\n\n/**\n * Generates a unique slug for an imported document based on its title.\n *\n * This ensures the imported document does not conflict with existing documents\n * by appending a number suffix if necessary (e.g., \"my-api\", \"my-api-1\", \"my-api-2\").\n *\n * The function will retry up to 100 times to find a unique slug. If all attempts fail,\n * it returns null, which should be handled as an import error.\n *\n * @param defaultValue - The original document title to base the slug on\n * @param currentDocuments - Set of existing document slugs to check against\n *\n * @returns Promise resolving to a unique slug, or null if unable to generate one\n */\nexport const generateUniqueSlug = async (defaultValue: string | undefined, currentDocuments: Set<string>) => {\n  return await generateUniqueValue({\n    defaultValue: defaultValue ?? 'default',\n    validation: (value) => !currentDocuments.has(value),\n    maxRetries: 100,\n    transformation: slugify,\n  })\n}\n","import type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { InMemoryWorkspace } from '@scalar/workspace-store/schemas/inmemory-workspace'\n\nimport { generateUniqueSlug } from '@/v2/features/command-palette/helpers/generate-unique-slug'\n\n/**\n * Imports a single document from a workspace state into the current workspace.\n *\n * This function handles the complete import process including slug generation,\n * document loading, and sidebar updates. It ensures the imported document does not\n * conflict with existing documents by generating a unique slug.\n *\n * The meta from the importing workspace is intentionally excluded to preserve\n * the current workspace settings and avoid unintended configuration changes.\n *\n * @param workspaceStore - The active workspace store where the document will be imported\n * @param workspaceState - The in-memory workspace containing the document to import\n * @param name - The original slug/name of the document in the source workspace state\n *\n * @returns Promise that resolves to the slug of the imported document\n */\nexport const importDocumentToWorkspace = async ({\n  workspaceStore,\n  workspaceState,\n  name,\n}: {\n  workspaceStore: WorkspaceStore | null\n  workspaceState: InMemoryWorkspace\n  name: string\n}): Promise<{ ok: true; slug: string } | { ok: false; error: string }> => {\n  if (!workspaceStore) {\n    return { ok: false, error: 'Workspace store is not available' }\n  }\n\n  const importingDocument = workspaceState.documents[name]\n  if (!importingDocument) {\n    return { ok: false, error: 'Importing document not found in workspace state' }\n  }\n\n  const currentDocuments = new Set(Object.keys(workspaceStore.workspace.documents))\n\n  /**\n   * Generate a unique slug to avoid naming conflicts with existing documents.\n   * The slug is based on the document title but modified if necessary to ensure uniqueness.\n   */\n  const slug = await generateUniqueSlug(importingDocument.info.title || 'default', currentDocuments)\n  if (!slug) {\n    return { ok: false, error: 'Failed to generate a unique slug for the importing document' }\n  }\n\n  /**\n   * Load the document along with all its associated data structures.\n   * We intentionally pass an empty meta object to preserve the current workspace settings.\n   */\n  workspaceStore.loadWorkspace({\n    meta: {},\n    documents: {\n      [slug]: importingDocument,\n    },\n    intermediateDocuments: {\n      [slug]: workspaceState.intermediateDocuments[name] ?? {},\n    },\n    originalDocuments: {\n      [slug]: workspaceState.originalDocuments[name] ?? {},\n    },\n    overrides: {\n      [slug]: workspaceState.overrides[name] ?? {},\n    },\n    history: {},\n    auth: {},\n  })\n\n  /**\n   * Rebuild the sidebar to update all internal references from the old slug to the new one.\n   * This ensures the document appears correctly in the sidebar navigation.\n   */\n  workspaceStore.buildSidebar(slug)\n\n  /**\n   * Persist the imported document and the changes made during sidebar rebuilding.\n   * Without this, the import would be lost on page refresh.\n   */\n  await workspaceStore.saveDocument(slug)\n\n  return { ok: true, slug }\n}\n","import { convert } from '@scalar/postman-to-openapi'\n\n/**\n * Converts a Postman collection JSON string to an OpenAPI specification document.\n *\n * This function transforms a Postman collection into a valid OpenAPI 3.1 document\n * that can be used throughout the application. The convert function handles parsing\n * and transformation internally.\n *\n * Returns null if the conversion fails due to invalid Postman collection structure\n */\nexport const getOpenApiFromPostman = (postmanJson: string) => {\n  try {\n    // The convert function accepts a string and handles parsing internally\n    return convert(postmanJson)\n  } catch {\n    return null\n  }\n}\n","import { isObject } from '@scalar/helpers/object/is-object'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { parseJson, parseYaml } from '@scalar/json-magic/bundle/plugins/browser'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { getOpenApiFromPostman } from '@/v2/features/command-palette/helpers/get-openapi-from-postman'\nimport { isPostmanCollection } from '@/v2/features/command-palette/helpers/is-postman-collection'\n\nexport type ImportEventData = {\n  source: string\n  type: 'url' | 'file' | 'raw'\n}\n\n/**\n * Loader plugin to detect and convert Postman collections into OpenAPI documents\n */\nconst readPostmanCollection = (): LoaderPlugin => {\n  return {\n    type: 'loader',\n    validate: isPostmanCollection,\n    exec: (source: string) => {\n      try {\n        const document = getOpenApiFromPostman(source)\n\n        if (document) {\n          return Promise.resolve({\n            ok: true,\n            data: document,\n            raw: source,\n          })\n        }\n\n        return Promise.resolve({\n          ok: false,\n        })\n      } catch {\n        return Promise.resolve({\n          ok: false,\n        })\n      }\n    },\n  }\n}\n\n/**\n * Attempts to add a document to the workspace from a given source, which may be a URL or raw content.\n *\n * - If the source is a URL, adds the document by its URL and includes a watch mode flag as metadata.\n * - If the source is a Postman collection, transforms it to OpenAPI and adds it as a document.\n * - For other raw sources (such as pasted JSON or YAML), attempts to normalize and add them as a document.\n *\n * @param workspaceStore The workspace store where the document will be added.\n * @param source The document source (URL, Postman Collection, JSON, or YAML string).\n * @param name The display name for the new document.\n * @param watchMode Whether to enable watch mode (applies only to URL sources).\n * @returns Promise resolving to true if the document was successfully added, or false if the operation failed.\n */\nexport const loadDocumentFromSource = async (\n  workspaceStore: WorkspaceStore,\n  importEventData: ImportEventData,\n  name: string,\n  watchMode: boolean,\n): Promise<boolean> => {\n  const { source, type } = importEventData\n  if (!source) {\n    // No source provided, do nothing.\n    return false\n  }\n\n  // If the source is a URL, add it directly with watch mode metadata.\n  if (type === 'url') {\n    return await workspaceStore.addDocument({\n      name,\n      url: source,\n      meta: {\n        'x-scalar-watch-mode': watchMode,\n      },\n    })\n  }\n\n  if (type === 'file') {\n    return await workspaceStore.addDocument({\n      name,\n      path: source,\n    })\n  }\n\n  const loaders = [readPostmanCollection(), parseJson(), parseYaml()]\n  const loader = loaders.find((l) => l.validate(source))\n\n  // If no loader is found, return false\n  if (!loader) {\n    return false\n  }\n\n  // Execute the loader\n  const result = await loader.exec(source)\n  // If the loader failed, return false\n  if (!result.ok) {\n    return false\n  }\n\n  if (!isObject(result.data)) {\n    return false\n  }\n\n  const addDocumentResult = await workspaceStore.addDocument({\n    name,\n    document: result.data,\n  })\n\n  if (!addDocumentResult) {\n    return false\n  }\n\n  return true\n}\n","<script lang=\"ts\">\n/**\n * Watch Mode Toggle Component\n *\n * A toggle switch for enabling/disabling watch mode on URL imports.\n * When enabled, the API client automatically updates when the OpenAPI URL\n * content changes, ensuring the client remains up-to-date.\n *\n * Supports v-model for two-way binding and can be disabled when needed\n * (e.g., when importing from files instead of URLs).\n *\n * @example\n * <WatchModeToggle\n *   v-model=\"watchMode\"\n *   :disabled=\"!isUrlImport\"\n * />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIcon, ScalarToggle } from '@scalar/components'\nimport { computed } from 'vue'\n\nconst { modelValue, disabled = false } = defineProps<{\n  /** Whether watch mode is currently enabled */\n  modelValue: boolean\n  /** Whether the toggle is disabled (e.g., for non-URL imports) */\n  disabled?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the toggle state changes (v-model support) */\n  (event: 'update:modelValue', value: boolean): void\n}>()\n\n/** Two-way binding computed property for v-model support */\nconst model = computed<boolean>({\n  get: () => modelValue,\n  set: (value: boolean) => 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    <!-- Watch mode label with icon -->\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\n    <!-- Toggle switch -->\n    <ScalarToggle\n      id=\"watch-toggle\"\n      v-model=\"model\"\n      :disabled=\"disabled\" />\n  </label>\n</template>\n","<script lang=\"ts\">\n/**\n * Watch Mode Toggle Component\n *\n * A toggle switch for enabling/disabling watch mode on URL imports.\n * When enabled, the API client automatically updates when the OpenAPI URL\n * content changes, ensuring the client remains up-to-date.\n *\n * Supports v-model for two-way binding and can be disabled when needed\n * (e.g., when importing from files instead of URLs).\n *\n * @example\n * <WatchModeToggle\n *   v-model=\"watchMode\"\n *   :disabled=\"!isUrlImport\"\n * />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIcon, ScalarToggle } from '@scalar/components'\nimport { computed } from 'vue'\n\nconst { modelValue, disabled = false } = defineProps<{\n  /** Whether watch mode is currently enabled */\n  modelValue: boolean\n  /** Whether the toggle is disabled (e.g., for non-URL imports) */\n  disabled?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the toggle state changes (v-model support) */\n  (event: 'update:modelValue', value: boolean): void\n}>()\n\n/** Two-way binding computed property for v-model support */\nconst model = computed<boolean>({\n  get: () => modelValue,\n  set: (value: boolean) => 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    <!-- Watch mode label with icon -->\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\n    <!-- Toggle switch -->\n    <ScalarToggle\n      id=\"watch-toggle\"\n      v-model=\"model\"\n      :disabled=\"disabled\" />\n  </label>\n</template>\n","<script lang=\"ts\">\n/**\n * Command Palette Import Component\n *\n * Provides a form for importing API specifications from various sources:\n * - OpenAPI/Swagger documents (URL, file, or pasted JSON/YAML)\n * - Postman collections (URL, file, or pasted JSON)\n * - cURL commands (automatically redirects to cURL import command)\n *\n * Supports watch mode for URL imports to automatically update when content changes.\n *\n * @example\n * <CommandPaletteImport\n *   :workspaceStore=\"workspaceStore\"\n *   @close=\"handleClose\"\n *   @back=\"handleBack\"\n *   @open-command=\"handleOpenCommand\"\n * />\n *\n * @example Custom file upload button\n * <CommandPaletteImport\n *   :workspaceStore=\"workspaceStore\"\n *   @close=\"handleClose\">\n *   <template #fileUpload=\"{ import: importDocument }\">\n *     <button @click=\"() => importDocument(source, 'file')\">\n *       Custom Upload\n *     </button>\n *   </template>\n * </CommandPaletteImport>\n */\nexport default {\n  name: 'CommandPaletteImport',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarIcon,\n  ScalarTooltip,\n  useLoadingState,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n  createWorkspaceStore,\n  type WorkspaceStore,\n} from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { useFileDialog } from '@/hooks'\nimport { getOpenApiDocumentDetails } from '@/v2/features/command-palette/helpers/get-openapi-document-details'\nimport { getPostmanDocumentDetails } from '@/v2/features/command-palette/helpers/get-postman-document-details'\nimport { importDocumentToWorkspace } from '@/v2/features/command-palette/helpers/import-document-to-workspace'\nimport { isPostmanCollection } from '@/v2/features/command-palette/helpers/is-postman-collection'\nimport {\n  loadDocumentFromSource,\n  type ImportEventData,\n} from '@/v2/features/command-palette/helpers/load-document-from-source'\nimport { isUrl } from '@/v2/helpers/is-url'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst { workspaceStore, eventBus, fileLoader } = defineProps<{\n  /** The workspace store for adding documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** Loader plugin for file import */\n  fileLoader?: LoaderPlugin\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the import is complete or cancelled */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n  /** Slot for custom file upload component that can trigger import */\n  fileUpload(props: {\n    /** Function to trigger import with source content and type */\n    import: (source: string, type: 'file' | 'raw') => Promise<void>\n  }): void\n}>()\n\nconst { toast } = useToasts()\n\nconst router = useRouter()\nconst loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(false)\n\n/** Check if the input content is a URL */\nconst isUrlInput = computed<boolean>(() => isUrl(inputContent.value))\nconst isLocalUrlInput = computed<boolean>(\n  () => isUrlInput.value && isLocalUrl(inputContent.value),\n)\n\n/** Get document details based on the content type (Postman or OpenAPI) */\nconst documentDetails = computed(() => {\n  if (isPostmanCollection(inputContent.value)) {\n    return getPostmanDocumentDetails(inputContent.value)\n  }\n  return getOpenApiDocumentDetails(inputContent.value)\n})\n\n/** Get the document type for syntax highlighting */\nconst documentType = computed<string>(() =>\n  documentDetails.value ? documentDetails.value.type : 'json',\n)\n\n/** Check if the form should be disabled (when input is empty) */\nconst isDisabled = computed<boolean>(() => {\n  return !inputContent.value.trim()\n})\n\n/**\n * Toggle watchMode based on whether the input is a local URL.\n * Only enables watch mode for local URLs, not for files or pasted content.\n */\nwatch(isLocalUrlInput, (value: boolean) => {\n  watchMode.value = value\n})\n\n/**\n * Handles errors during the import process.\n * Shows an error toast, invalidates the loader to show an error state,\n * and closes the command palette modal.\n *\n * @param errorMessage - The error message to display and log\n */\nconst handleImportError = async (errorMessage: string) => {\n  // Log the error\n  console.error(errorMessage)\n  toast(errorMessage, 'error')\n\n  // Invalidate the loader to show the error state\n  await loader.invalidate()\n\n  // Close the command palette\n  emit('close')\n}\n\n/**\n * Directly imports a document into the workspace without showing the modal.\n * This is used when there is only one workspace and it is empty.\n */\nconst handleImport = async (\n  newSource: string,\n  type?: ImportEventData['type'],\n): Promise<void> => {\n  loader.start()\n\n  const TEMP_DOCUMENT_NAME = 'drafts'\n\n  // First load the document into a draft store\n  // This is to get the title of the document so we can generate a unique slug for store\n  const draftStore = createWorkspaceStore({\n    fileLoader,\n    meta: {\n      /** Ensure we use the active proxy to fetch documents */\n      'x-scalar-active-proxy':\n        workspaceStore.workspace['x-scalar-active-proxy'],\n    },\n  })\n\n  const eventType = (() => {\n    if (type) {\n      return type\n    }\n\n    if (isUrlInput.value) {\n      return 'url'\n    }\n\n    return 'raw'\n  })()\n\n  const isSuccessfullyLoaded = await loadDocumentFromSource(\n    draftStore,\n    { source: newSource, type: eventType },\n    TEMP_DOCUMENT_NAME,\n    watchMode.value,\n  )\n\n  if (!isSuccessfullyLoaded) {\n    return handleImportError('Failed to import document')\n  }\n\n  const importResult = await importDocumentToWorkspace({\n    workspaceStore,\n    workspaceState: draftStore.exportWorkspace(),\n    name: TEMP_DOCUMENT_NAME,\n  })\n\n  if (!importResult.ok) {\n    return handleImportError(importResult.error)\n  }\n\n  // Validate the loader to show the success state\n  await loader.validate()\n\n  // Navigate to the document overview page\n  navigateToDocument(importResult.slug)\n\n  // Close the command palette\n  emit('close')\n}\n\n/** Navigate to the document overview page after successful import */\nconst navigateToDocument = (documentName: string): void => {\n  router.push({\n    name: 'document.overview',\n    params: { documentSlug: documentName },\n  })\n}\n\n/**\n * Handle file selection and import from file dialog.\n * Reads the file as text and imports it as OpenAPI or Postman collection.\n * Shows loading state during the import process.\n */\nconst { open: openSpecFileDialog } = useFileDialog({\n  onChange: (files) => {\n    const [file] = files ?? []\n\n    if (!file) {\n      return\n    }\n\n    loader.start()\n\n    const onLoad = async (event: ProgressEvent<FileReader>): Promise<void> => {\n      const text = event.target?.result as string\n      // Import file as raw content since we are in a browser environment\n      await handleImport(text, 'raw')\n    }\n\n    const reader = new FileReader()\n    reader.onload = onLoad\n    reader.readAsText(file)\n  },\n  multiple: false,\n  accept: '.json,.yaml,.yml',\n})\n\n/**\n * Handle input changes.\n * Detects cURL commands and redirects to the cURL import command.\n */\nconst handleInput = (value: string): void => {\n  /** Redirect to cURL import command if input starts with 'curl' */\n  if (value.trim().toLowerCase().startsWith('curl')) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-curl-command',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  inputContent.value = value\n}\n\n/** Handle back navigation when user presses backspace on empty input */\nconst handleBack = (event: KeyboardEvent): void => {\n  emit('back', event)\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    :loader\n    @submit=\"handleImport(inputContent)\">\n    <!-- URL or cURL input mode -->\n    <template v-if=\"!documentDetails || isUrlInput\">\n      <CommandActionInput\n        :modelValue=\"inputContent\"\n        placeholder=\"OpenAPI/Swagger/Postman URL or cURL\"\n        @delete=\"handleBack\"\n        @update:modelValue=\"handleInput\" />\n    </template>\n\n    <!-- Preview mode for pasted content -->\n    <template v-else>\n      <!-- Preview header with clear button -->\n      <div class=\"flex justify-between\">\n        <div class=\"text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs\">\n          Preview\n        </div>\n        <ScalarButton\n          class=\"hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs\"\n          variant=\"ghost\"\n          @click=\"inputContent = ''\">\n          Clear\n        </ScalarButton>\n      </div>\n\n      <!-- Code preview with syntax highlighting -->\n      <ScalarCodeBlock\n        v-if=\"documentDetails && !isUrlInput\"\n        class=\"bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm\"\n        :content=\"inputContent\"\n        :copy=\"false\"\n        :lang=\"documentType\" />\n    </template>\n\n    <!-- Actions: File upload and watch mode toggle -->\n    <template #options>\n      <div class=\"flex w-full flex-row items-center justify-between gap-3\">\n        <!-- Custom file upload slot or default button -->\n        <slot\n          :import=\"handleImport\"\n          name=\"fileUpload\">\n          <!-- Default file upload button -->\n          <ScalarButton\n            class=\"hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs\"\n            variant=\"outlined\"\n            @click=\"openSpecFileDialog\">\n            JSON, or YAML File\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"Upload\"\n              size=\"md\" />\n          </ScalarButton>\n        </slot>\n\n        <!-- Watch mode toggle (only enabled for URL imports) -->\n        <ScalarTooltip\n          :content=\"\n            isUrlInput\n              ? 'Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date.'\n              : 'Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.'\n          \"\n          placement=\"bottom\">\n          <WatchModeToggle\n            v-model=\"watchMode\"\n            :disabled=\"!isUrlInput\" />\n        </ScalarTooltip>\n      </div>\n    </template>\n\n    <!-- Dynamic submit button text based on import type -->\n    <template #submit>\n      Import\n      <template v-if=\"isUrlInput\">from URL</template>\n      <template v-else-if=\"documentDetails && documentType\">\n        <template v-if=\"documentDetails.title\">\n          \"{{ documentDetails.title }}\"\n        </template>\n        <template v-else>\n          {{ documentDetails.version }}\n        </template>\n      </template>\n      <template v-else>Collection</template>\n    </template>\n  </CommandActionForm>\n</template>\n","<script lang=\"ts\">\n/**\n * Command Palette Import Component\n *\n * Provides a form for importing API specifications from various sources:\n * - OpenAPI/Swagger documents (URL, file, or pasted JSON/YAML)\n * - Postman collections (URL, file, or pasted JSON)\n * - cURL commands (automatically redirects to cURL import command)\n *\n * Supports watch mode for URL imports to automatically update when content changes.\n *\n * @example\n * <CommandPaletteImport\n *   :workspaceStore=\"workspaceStore\"\n *   @close=\"handleClose\"\n *   @back=\"handleBack\"\n *   @open-command=\"handleOpenCommand\"\n * />\n *\n * @example Custom file upload button\n * <CommandPaletteImport\n *   :workspaceStore=\"workspaceStore\"\n *   @close=\"handleClose\">\n *   <template #fileUpload=\"{ import: importDocument }\">\n *     <button @click=\"() => importDocument(source, 'file')\">\n *       Custom Upload\n *     </button>\n *   </template>\n * </CommandPaletteImport>\n */\nexport default {\n  name: 'CommandPaletteImport',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarIcon,\n  ScalarTooltip,\n  useLoadingState,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n  createWorkspaceStore,\n  type WorkspaceStore,\n} from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { useFileDialog } from '@/hooks'\nimport { getOpenApiDocumentDetails } from '@/v2/features/command-palette/helpers/get-openapi-document-details'\nimport { getPostmanDocumentDetails } from '@/v2/features/command-palette/helpers/get-postman-document-details'\nimport { importDocumentToWorkspace } from '@/v2/features/command-palette/helpers/import-document-to-workspace'\nimport { isPostmanCollection } from '@/v2/features/command-palette/helpers/is-postman-collection'\nimport {\n  loadDocumentFromSource,\n  type ImportEventData,\n} from '@/v2/features/command-palette/helpers/load-document-from-source'\nimport { isUrl } from '@/v2/helpers/is-url'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst { workspaceStore, eventBus, fileLoader } = defineProps<{\n  /** The workspace store for adding documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** Loader plugin for file import */\n  fileLoader?: LoaderPlugin\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the import is complete or cancelled */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n  /** Slot for custom file upload component that can trigger import */\n  fileUpload(props: {\n    /** Function to trigger import with source content and type */\n    import: (source: string, type: 'file' | 'raw') => Promise<void>\n  }): void\n}>()\n\nconst { toast } = useToasts()\n\nconst router = useRouter()\nconst loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(false)\n\n/** Check if the input content is a URL */\nconst isUrlInput = computed<boolean>(() => isUrl(inputContent.value))\nconst isLocalUrlInput = computed<boolean>(\n  () => isUrlInput.value && isLocalUrl(inputContent.value),\n)\n\n/** Get document details based on the content type (Postman or OpenAPI) */\nconst documentDetails = computed(() => {\n  if (isPostmanCollection(inputContent.value)) {\n    return getPostmanDocumentDetails(inputContent.value)\n  }\n  return getOpenApiDocumentDetails(inputContent.value)\n})\n\n/** Get the document type for syntax highlighting */\nconst documentType = computed<string>(() =>\n  documentDetails.value ? documentDetails.value.type : 'json',\n)\n\n/** Check if the form should be disabled (when input is empty) */\nconst isDisabled = computed<boolean>(() => {\n  return !inputContent.value.trim()\n})\n\n/**\n * Toggle watchMode based on whether the input is a local URL.\n * Only enables watch mode for local URLs, not for files or pasted content.\n */\nwatch(isLocalUrlInput, (value: boolean) => {\n  watchMode.value = value\n})\n\n/**\n * Handles errors during the import process.\n * Shows an error toast, invalidates the loader to show an error state,\n * and closes the command palette modal.\n *\n * @param errorMessage - The error message to display and log\n */\nconst handleImportError = async (errorMessage: string) => {\n  // Log the error\n  console.error(errorMessage)\n  toast(errorMessage, 'error')\n\n  // Invalidate the loader to show the error state\n  await loader.invalidate()\n\n  // Close the command palette\n  emit('close')\n}\n\n/**\n * Directly imports a document into the workspace without showing the modal.\n * This is used when there is only one workspace and it is empty.\n */\nconst handleImport = async (\n  newSource: string,\n  type?: ImportEventData['type'],\n): Promise<void> => {\n  loader.start()\n\n  const TEMP_DOCUMENT_NAME = 'drafts'\n\n  // First load the document into a draft store\n  // This is to get the title of the document so we can generate a unique slug for store\n  const draftStore = createWorkspaceStore({\n    fileLoader,\n    meta: {\n      /** Ensure we use the active proxy to fetch documents */\n      'x-scalar-active-proxy':\n        workspaceStore.workspace['x-scalar-active-proxy'],\n    },\n  })\n\n  const eventType = (() => {\n    if (type) {\n      return type\n    }\n\n    if (isUrlInput.value) {\n      return 'url'\n    }\n\n    return 'raw'\n  })()\n\n  const isSuccessfullyLoaded = await loadDocumentFromSource(\n    draftStore,\n    { source: newSource, type: eventType },\n    TEMP_DOCUMENT_NAME,\n    watchMode.value,\n  )\n\n  if (!isSuccessfullyLoaded) {\n    return handleImportError('Failed to import document')\n  }\n\n  const importResult = await importDocumentToWorkspace({\n    workspaceStore,\n    workspaceState: draftStore.exportWorkspace(),\n    name: TEMP_DOCUMENT_NAME,\n  })\n\n  if (!importResult.ok) {\n    return handleImportError(importResult.error)\n  }\n\n  // Validate the loader to show the success state\n  await loader.validate()\n\n  // Navigate to the document overview page\n  navigateToDocument(importResult.slug)\n\n  // Close the command palette\n  emit('close')\n}\n\n/** Navigate to the document overview page after successful import */\nconst navigateToDocument = (documentName: string): void => {\n  router.push({\n    name: 'document.overview',\n    params: { documentSlug: documentName },\n  })\n}\n\n/**\n * Handle file selection and import from file dialog.\n * Reads the file as text and imports it as OpenAPI or Postman collection.\n * Shows loading state during the import process.\n */\nconst { open: openSpecFileDialog } = useFileDialog({\n  onChange: (files) => {\n    const [file] = files ?? []\n\n    if (!file) {\n      return\n    }\n\n    loader.start()\n\n    const onLoad = async (event: ProgressEvent<FileReader>): Promise<void> => {\n      const text = event.target?.result as string\n      // Import file as raw content since we are in a browser environment\n      await handleImport(text, 'raw')\n    }\n\n    const reader = new FileReader()\n    reader.onload = onLoad\n    reader.readAsText(file)\n  },\n  multiple: false,\n  accept: '.json,.yaml,.yml',\n})\n\n/**\n * Handle input changes.\n * Detects cURL commands and redirects to the cURL import command.\n */\nconst handleInput = (value: string): void => {\n  /** Redirect to cURL import command if input starts with 'curl' */\n  if (value.trim().toLowerCase().startsWith('curl')) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-curl-command',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  inputContent.value = value\n}\n\n/** Handle back navigation when user presses backspace on empty input */\nconst handleBack = (event: KeyboardEvent): void => {\n  emit('back', event)\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    :loader\n    @submit=\"handleImport(inputContent)\">\n    <!-- URL or cURL input mode -->\n    <template v-if=\"!documentDetails || isUrlInput\">\n      <CommandActionInput\n        :modelValue=\"inputContent\"\n        placeholder=\"OpenAPI/Swagger/Postman URL or cURL\"\n        @delete=\"handleBack\"\n        @update:modelValue=\"handleInput\" />\n    </template>\n\n    <!-- Preview mode for pasted content -->\n    <template v-else>\n      <!-- Preview header with clear button -->\n      <div class=\"flex justify-between\">\n        <div class=\"text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs\">\n          Preview\n        </div>\n        <ScalarButton\n          class=\"hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs\"\n          variant=\"ghost\"\n          @click=\"inputContent = ''\">\n          Clear\n        </ScalarButton>\n      </div>\n\n      <!-- Code preview with syntax highlighting -->\n      <ScalarCodeBlock\n        v-if=\"documentDetails && !isUrlInput\"\n        class=\"bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm\"\n        :content=\"inputContent\"\n        :copy=\"false\"\n        :lang=\"documentType\" />\n    </template>\n\n    <!-- Actions: File upload and watch mode toggle -->\n    <template #options>\n      <div class=\"flex w-full flex-row items-center justify-between gap-3\">\n        <!-- Custom file upload slot or default button -->\n        <slot\n          :import=\"handleImport\"\n          name=\"fileUpload\">\n          <!-- Default file upload button -->\n          <ScalarButton\n            class=\"hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs\"\n            variant=\"outlined\"\n            @click=\"openSpecFileDialog\">\n            JSON, or YAML File\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"Upload\"\n              size=\"md\" />\n          </ScalarButton>\n        </slot>\n\n        <!-- Watch mode toggle (only enabled for URL imports) -->\n        <ScalarTooltip\n          :content=\"\n            isUrlInput\n              ? 'Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date.'\n              : 'Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.'\n          \"\n          placement=\"bottom\">\n          <WatchModeToggle\n            v-model=\"watchMode\"\n            :disabled=\"!isUrlInput\" />\n        </ScalarTooltip>\n      </div>\n    </template>\n\n    <!-- Dynamic submit button text based on import type -->\n    <template #submit>\n      Import\n      <template v-if=\"isUrlInput\">from URL</template>\n      <template v-else-if=\"documentDetails && documentType\">\n        <template v-if=\"documentDetails.title\">\n          \"{{ documentDetails.title }}\"\n        </template>\n        <template v-else>\n          {{ documentDetails.version }}\n        </template>\n      </template>\n      <template v-else>Collection</template>\n    </template>\n  </CommandActionForm>\n</template>\n"],"mappings":"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"}

package/dist/Cookies-DbOKTi1f.js

@@ -0,0 +1,284 @@
+import { T as PathId, r as useWorkspace, w as useActiveEntities } from "./store-DpSUVhjp.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BmmBcIzD.js";
+import { n as CommandActionForm_default, t as CommandActionInput_default } from "./CommandActionInput-TkcAx6E8.js";
+import "./HttpMethod-rnWEgC3T.js";
+import "./CodeInput-C-igR77V.js";
+import "./Server-DnA_BzPS.js";
+import "./AddressBar-B4xnl66I.js";
+import "./components-ChixwQhN.js";
+import { t as Sidebar_default } from "./Sidebar-C6AdX6-N.js";
+import "./DataTableInput-yaU5g-kP.js";
+import { t as ViewLayout_default } from "./ViewLayout-BOXN0IYo.js";
+import { t as ViewLayoutContent_default } from "./ViewLayoutContent-CvMoJYPF.js";
+import { t as ViewLayoutSection_default } from "./ViewLayoutSection-mUqKbQry.js";
+import "./ScalarAsciiArt-BjuSnj8e.js";
+import { t as EmptyState_default } from "./EmptyState-Cnm7hGW5.js";
+import { t as Form_default } from "./Form-CSKzyHGO.js";
+import { t as SidebarButton_default } from "./SidebarButton-BAagdMDe.js";
+import { n as SidebarList_default, t as SidebarListElement_default } from "./SidebarListElement-BfTPiihc.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, renderList, unref, watch, withCtx, withModifiers } from "vue";
+import { ScalarModal, useModal } from "@scalar/components";
+import { useToasts } from "@scalar/use-toasts";
+import { useRoute, useRouter } from "vue-router";
+import { cookieSchema } from "@scalar/oas-utils/entities/cookie";
+//#endregion
+//#region src/views/Cookies/CookieForm.vue
+var CookieForm_default = /* @__PURE__ */ defineComponent({
+	__name: "CookieForm",
+	setup(__props) {
+		const { activeCookieId } = useActiveEntities();
+		const { cookies, cookieMutators } = useWorkspace();
+		const fields = [
+			{
+				label: "Name",
+				key: "name",
+				placeholder: "session_id"
+			},
+			{
+				label: "Value",
+				key: "value",
+				placeholder: "my-cookie-session-id"
+			},
+			{
+				label: "Domain",
+				key: "domain",
+				placeholder: "example.com"
+			}
+		];
+		const activeCookie = computed(() => cookies[activeCookieId.value] || cookieSchema.parse({
+			name: "",
+			value: "",
+			domain: "",
+			path: ""
+		}));
+		const updateCookie = (key, value) => {
+			cookieMutators.edit(activeCookieId.value, key, value);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Form_default, {
+				data: activeCookie.value,
+				onUpdate: updateCookie,
+				options: fields
+			}, null, 8, ["data"]);
+		};
+	}
+});
+//#endregion
+//#region src/views/Cookies/CookieModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "flex h-8 items-start gap-2 text-sm" };
+var _hoisted_2$1 = { class: "flex h-8 items-start gap-2 text-sm" };
+var _hoisted_3 = { class: "flex h-8 items-start gap-2 text-sm" };
+//#endregion
+//#region src/views/Cookies/CookieModal.vue
+var CookieModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CookieModal",
+	props: { state: {} },
+	emits: ["cancel", "submit"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cookieData = ref({
+			name: "",
+			value: "",
+			domain: ""
+		});
+		const { toast } = useToasts();
+		const handleSubmit = () => {
+			if (!cookieData.value.name || !cookieData.value.value) {
+				toast("Please fill in all fields before adding a cookie.", "error");
+				return;
+			}
+			emit("submit", cookieData.value);
+			props.state.hide();
+		};
+		watch(() => props.state.open, (isOpen) => {
+			if (isOpen) cookieData.value = {
+				name: "",
+				value: "",
+				domain: ""
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarModal), {
+				size: "xs",
+				state: __props.state,
+				title: "Add Cookie"
+			}, {
+				default: withCtx(() => [createVNode(CommandActionForm_default, {
+					disabled: !cookieData.value.name || !cookieData.value.value,
+					onCancel: _cache[3] || (_cache[3] = ($event) => emit("cancel")),
+					onSubmit: handleSubmit
+				}, {
+					submit: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("Add Cookie", -1)])]),
+					default: withCtx(() => [
+						createElementVNode("div", _hoisted_1$1, [_cache[4] || (_cache[4] = createTextVNode(" Name: ", -1)), createVNode(CommandActionInput_default, {
+							modelValue: cookieData.value.name,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => cookieData.value.name = $event),
+							autofocus: "",
+							class: "!p-0",
+							placeholder: "session_id"
+						}, null, 8, ["modelValue"])]),
+						createElementVNode("div", _hoisted_2$1, [_cache[5] || (_cache[5] = createTextVNode(" Value: ", -1)), createVNode(CommandActionInput_default, {
+							modelValue: cookieData.value.value,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => cookieData.value.value = $event),
+							autofocus: "",
+							class: "!p-0",
+							placeholder: "my-cookie-session-id"
+						}, null, 8, ["modelValue"])]),
+						createElementVNode("div", _hoisted_3, [_cache[6] || (_cache[6] = createTextVNode(" Domain: ", -1)), createVNode(CommandActionInput_default, {
+							modelValue: cookieData.value.domain,
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => cookieData.value.domain = $event),
+							autofocus: "",
+							class: "!p-0",
+							placeholder: "example.com"
+						}, null, 8, ["modelValue"])])
+					]),
+					_: 1
+				}, 8, ["disabled"])]),
+				_: 1
+			}, 8, ["state"]);
+		};
+	}
+}), [["__scopeId", "data-v-694018d6"]]);
+//#endregion
+//#region src/views/Cookies/Cookies.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex-1" };
+var _hoisted_2 = { class: "relative mb-[.5px] last:mb-0" };
+//#endregion
+//#region src/views/Cookies/Cookies.vue
+var Cookies_default = /* @__PURE__ */ defineComponent({
+	__name: "Cookies",
+	setup(__props) {
+		const { cookies, cookieMutators, events, workspaceMutators } = useWorkspace();
+		const { activeWorkspace, activeCookieId } = useActiveEntities();
+		const router = useRouter();
+		const route = useRoute();
+		const cookieModal = useModal();
+		const addCookieHandler = (cookieData) => {
+			const cookie = cookieSchema.parse({
+				name: cookieData.name,
+				value: cookieData.value,
+				domain: cookieData.domain,
+				path: "/"
+			});
+			cookieMutators.add(cookie);
+			workspaceMutators.edit(activeWorkspace.value?.uid, "cookies", [...activeWorkspace.value?.cookies ?? [], cookie.uid]);
+			router.push({
+				name: "cookies",
+				params: { cookies: cookie.uid }
+			});
+		};
+		const removeCookie = (uid) => {
+			cookieMutators.delete(uid);
+			workspaceMutators.edit(activeWorkspace.value?.uid, "cookies", [...(activeWorkspace.value?.cookies ?? []).filter((c) => c !== uid)]);
+			const remainingCookies = Object.values(cookies).filter((cookie) => cookie.uid !== uid);
+			if (remainingCookies.length > 0) {
+				const lastCookie = remainingCookies[remainingCookies.length - 1];
+				if (lastCookie) router.push(lastCookie.uid);
+			} else router.push({
+				name: "cookies",
+				params: { [PathId.Cookies]: "default" }
+			});
+		};
+		const openCookieModal = () => {
+			cookieModal.show();
+		};
+		const handleHotKey = (event) => {
+			if (event?.createNew && route.name === "cookies") openCookieModal();
+		};
+		/**
+		* Navigate to specific cookies
+		*/
+		const handleNavigation = (event, uid) => {
+			const to = {
+				name: "cookies",
+				params: {
+					workspace: activeWorkspace.value?.uid ?? "default",
+					cookies: uid
+				}
+			};
+			if (event.metaKey) {
+				const path = router.resolve(to).href;
+				window.open(path, "_blank");
+				return;
+			}
+			router.push(to);
+		};
+		/** Bind keyboard shortcuts */
+		onMounted(() => events.hotKeys.on(handleHotKey));
+		/** Unbind keyboard shortcuts */
+		onBeforeUnmount(() => events.hotKeys.off(handleHotKey));
+		const activeCookie = computed(() => cookies[activeCookieId.value]);
+		const hasCookies = computed(() => Object.keys(cookies).length > 0 && activeCookie.value);
+		watch(() => route.query.openCookieModal, (newVal) => {
+			if (newVal === "true") openCookieModal();
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayout_default, null, {
+				default: withCtx(() => [
+					createVNode(unref(Sidebar_default), { title: "Cookies" }, {
+						content: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(SidebarList_default, null, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(Object.values(unref(cookies)), (cookie) => {
+								return openBlock(), createElementBlock("li", {
+									key: cookie.uid,
+									class: "gap-1/2 flex flex-col"
+								}, [createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(SidebarListElement_default, {
+									key: cookie.uid,
+									class: "text-xs",
+									isDeletable: "",
+									to: {
+										name: "cookies",
+										params: { [unref(PathId).Cookies]: cookie.uid }
+									},
+									type: "cookies",
+									variable: {
+										name: cookie.name,
+										uid: cookie.uid
+									},
+									warningMessage: `Are you sure you want to delete this cookie?`,
+									onClick: withModifiers(($event) => handleNavigation($event, cookie.uid), ["prevent"]),
+									onDelete: ($event) => removeCookie(cookie.uid)
+								}, null, 8, [
+									"to",
+									"variable",
+									"onClick",
+									"onDelete"
+								]))])]);
+							}), 128))]),
+							_: 1
+						})])]),
+						button: withCtx(() => [createVNode(SidebarButton_default, {
+							click: openCookieModal,
+							hotkey: "N"
+						}, {
+							title: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Add Cookie ", -1)])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					createVNode(ViewLayoutContent_default, { class: "flex-1" }, {
+						default: withCtx(() => [hasCookies.value ? (openBlock(), createBlock(ViewLayoutSection_default, {
+							key: 0,
+							class: "*:border-b-0"
+						}, {
+							title: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Edit Cookie", -1)])]),
+							default: withCtx(() => [createVNode(CookieForm_default)]),
+							_: 1
+						})) : (openBlock(), createBlock(EmptyState_default, { key: 1 }))]),
+						_: 1
+					}),
+					createVNode(CookieModal_default, {
+						state: unref(cookieModal),
+						onCancel: _cache[0] || (_cache[0] = ($event) => unref(cookieModal).hide()),
+						onSubmit: addCookieHandler
+					}, null, 8, ["state"])
+				]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { Cookies_default as default };
+
+//# sourceMappingURL=Cookies-DbOKTi1f.js.map

package/dist/Cookies-DbOKTi1f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cookies-DbOKTi1f.js","names":[],"sources":["../src/views/Cookies/CookieForm.vue","../src/views/Cookies/CookieForm.vue","../src/views/Cookies/CookieModal.vue","../src/views/Cookies/CookieModal.vue","../src/views/Cookies/Cookies.vue","../src/views/Cookies/Cookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cookieSchema, type Cookie } from '@scalar/oas-utils/entities/cookie'\nimport type { Path, PathValue } from '@scalar/object-utils/nested'\nimport { computed } from 'vue'\n\nimport Form from '@/components/Form/Form.vue'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nconst { activeCookieId } = useActiveEntities()\nconst { cookies, cookieMutators } = useWorkspace()\n\nconst fields = [\n  { label: 'Name', key: 'name', placeholder: 'session_id' },\n  { label: 'Value', key: 'value', placeholder: 'my-cookie-session-id' },\n  { label: 'Domain', key: 'domain', placeholder: 'example.com' },\n  // TODO: We don't check the path (yet), so we don't need to show it.\n  // { label: 'Path', key: 'path', placeholder: '/' },\n]\n\nconst activeCookie = computed<Cookie>(\n  () =>\n    cookies[activeCookieId.value] ||\n    cookieSchema.parse({\n      name: '',\n      value: '',\n      domain: '',\n      path: '',\n    }),\n)\nconst updateCookie = <P extends Path<Cookie>>(\n  key: P,\n  value: NonNullable<PathValue<Cookie, P>>,\n) => {\n  cookieMutators.edit(activeCookieId.value, key, value)\n}\n</script>\n<template>\n  <Form\n    :data=\"activeCookie\"\n    :onUpdate=\"updateCookie\"\n    :options=\"fields\">\n  </Form>\n</template>\n","<script setup lang=\"ts\">\nimport { cookieSchema, type Cookie } from '@scalar/oas-utils/entities/cookie'\nimport type { Path, PathValue } from '@scalar/object-utils/nested'\nimport { computed } from 'vue'\n\nimport Form from '@/components/Form/Form.vue'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nconst { activeCookieId } = useActiveEntities()\nconst { cookies, cookieMutators } = useWorkspace()\n\nconst fields = [\n  { label: 'Name', key: 'name', placeholder: 'session_id' },\n  { label: 'Value', key: 'value', placeholder: 'my-cookie-session-id' },\n  { label: 'Domain', key: 'domain', placeholder: 'example.com' },\n  // TODO: We don't check the path (yet), so we don't need to show it.\n  // { label: 'Path', key: 'path', placeholder: '/' },\n]\n\nconst activeCookie = computed<Cookie>(\n  () =>\n    cookies[activeCookieId.value] ||\n    cookieSchema.parse({\n      name: '',\n      value: '',\n      domain: '',\n      path: '',\n    }),\n)\nconst updateCookie = <P extends Path<Cookie>>(\n  key: P,\n  value: NonNullable<PathValue<Cookie, P>>,\n) => {\n  cookieMutators.edit(activeCookieId.value, key, value)\n}\n</script>\n<template>\n  <Form\n    :data=\"activeCookie\"\n    :onUpdate=\"updateCookie\"\n    :options=\"fields\">\n  </Form>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport { ref, watch } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\n\nconst props = defineProps<{\n  state: ModalState\n}>()\n\nconst emit = defineEmits<{\n  (event: 'cancel'): void\n  (\n    event: 'submit',\n    cookieData: {\n      name: string\n      value: string\n      domain: string\n    },\n  ): void\n}>()\n\nconst cookieData = ref({\n  name: '',\n  value: '',\n  domain: '',\n})\n\nconst { toast } = useToasts()\n\nconst handleSubmit = () => {\n  if (!cookieData.value.name || !cookieData.value.value) {\n    toast('Please fill in all fields before adding a cookie.', 'error')\n    return\n  }\n\n  emit('submit', cookieData.value)\n  props.state.hide()\n}\n\n// Reset cookie data\nwatch(\n  () => props.state.open,\n  (isOpen) => {\n    if (isOpen) {\n      cookieData.value = {\n        name: '',\n        value: '',\n        domain: '',\n      }\n    }\n  },\n)\n</script>\n\n<template>\n  <ScalarModal\n    size=\"xs\"\n    :state=\"state\"\n    title=\"Add Cookie\">\n    <CommandActionForm\n      :disabled=\"!cookieData.name || !cookieData.value\"\n      @cancel=\"emit('cancel')\"\n      @submit=\"handleSubmit\">\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Name:\n        <CommandActionInput\n          v-model=\"cookieData.name\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"session_id\" />\n      </div>\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Value:\n        <CommandActionInput\n          v-model=\"cookieData.value\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"my-cookie-session-id\" />\n      </div>\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Domain:\n        <CommandActionInput\n          v-model=\"cookieData.domain\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"example.com\" />\n      </div>\n      <template #submit>Add Cookie</template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n\n<style scoped>\n.form-group {\n  margin-bottom: 1rem;\n}\n.modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport { ref, watch } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\n\nconst props = defineProps<{\n  state: ModalState\n}>()\n\nconst emit = defineEmits<{\n  (event: 'cancel'): void\n  (\n    event: 'submit',\n    cookieData: {\n      name: string\n      value: string\n      domain: string\n    },\n  ): void\n}>()\n\nconst cookieData = ref({\n  name: '',\n  value: '',\n  domain: '',\n})\n\nconst { toast } = useToasts()\n\nconst handleSubmit = () => {\n  if (!cookieData.value.name || !cookieData.value.value) {\n    toast('Please fill in all fields before adding a cookie.', 'error')\n    return\n  }\n\n  emit('submit', cookieData.value)\n  props.state.hide()\n}\n\n// Reset cookie data\nwatch(\n  () => props.state.open,\n  (isOpen) => {\n    if (isOpen) {\n      cookieData.value = {\n        name: '',\n        value: '',\n        domain: '',\n      }\n    }\n  },\n)\n</script>\n\n<template>\n  <ScalarModal\n    size=\"xs\"\n    :state=\"state\"\n    title=\"Add Cookie\">\n    <CommandActionForm\n      :disabled=\"!cookieData.name || !cookieData.value\"\n      @cancel=\"emit('cancel')\"\n      @submit=\"handleSubmit\">\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Name:\n        <CommandActionInput\n          v-model=\"cookieData.name\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"session_id\" />\n      </div>\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Value:\n        <CommandActionInput\n          v-model=\"cookieData.value\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"my-cookie-session-id\" />\n      </div>\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Domain:\n        <CommandActionInput\n          v-model=\"cookieData.domain\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"example.com\" />\n      </div>\n      <template #submit>Add Cookie</template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n\n<style scoped>\n.form-group {\n  margin-bottom: 1rem;\n}\n.modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useModal } from '@scalar/components'\nimport { cookieSchema, type Cookie } from '@scalar/oas-utils/entities/cookie'\nimport { computed, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\nimport { Sidebar } from '@/components'\nimport EmptyState from '@/components/EmptyState.vue'\nimport SidebarButton from '@/components/Sidebar/SidebarButton.vue'\nimport SidebarList from '@/components/Sidebar/SidebarList.vue'\nimport SidebarListElement from '@/components/Sidebar/SidebarListElement.vue'\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport type { HotKeyEvent } from '@/libs'\nimport { PathId } from '@/routes'\nimport { useActiveEntities, useWorkspace } from '@/store'\n\nimport CookieForm from './CookieForm.vue'\nimport CookieModal from './CookieModal.vue'\n\n// import CookieRaw from './CookieRaw.vue'\n\nconst { cookies, cookieMutators, events, workspaceMutators } = useWorkspace()\nconst { activeWorkspace, activeCookieId } = useActiveEntities()\nconst router = useRouter()\nconst route = useRoute()\nconst cookieModal = useModal()\n\nconst addCookieHandler = (cookieData: {\n  name: string\n  value: string\n  domain: string\n}) => {\n  const cookie = cookieSchema.parse({\n    name: cookieData.name,\n    value: cookieData.value,\n    domain: cookieData.domain,\n    path: '/',\n  })\n\n  // Store cookie\n  cookieMutators.add(cookie)\n\n  // Attach cookie to workspace\n  workspaceMutators.edit(activeWorkspace.value?.uid, 'cookies', [\n    ...(activeWorkspace.value?.cookies ?? []),\n    cookie.uid,\n  ])\n\n  // Redirect to the new cookie\n  router.push({\n    name: 'cookies',\n    params: {\n      cookies: cookie.uid,\n    },\n  })\n}\n\nconst removeCookie = (uid: Cookie['uid']) => {\n  cookieMutators.delete(uid)\n\n  // Delete cookie from workspace\n  workspaceMutators.edit(activeWorkspace.value?.uid, 'cookies', [\n    ...(activeWorkspace.value?.cookies ?? []).filter((c) => c !== uid),\n  ])\n\n  // Navigate to the last cookie\n  const remainingCookies: Cookie[] = Object.values(cookies).filter(\n    (cookie) => (cookie as Cookie).uid !== uid,\n  ) as Cookie[]\n\n  if (remainingCookies.length > 0) {\n    const lastCookie = remainingCookies[remainingCookies.length - 1]\n\n    if (lastCookie) {\n      router.push(lastCookie.uid)\n    }\n  } else {\n    router.push({\n      name: 'cookies',\n      params: {\n        [PathId.Cookies]: 'default',\n      },\n    })\n  }\n}\n\nconst openCookieModal = () => {\n  cookieModal.show()\n}\n\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (event?.createNew && route.name === 'cookies') {\n    openCookieModal()\n  }\n}\n\n/**\n * Navigate to specific cookies\n */\nconst handleNavigation = (event: MouseEvent, uid: string) => {\n  const to = {\n    name: 'cookies',\n    params: {\n      workspace: activeWorkspace.value?.uid ?? 'default',\n      cookies: uid,\n    },\n  }\n\n  // Open in new tab if meta key is pressed\n  if (event.metaKey) {\n    const path = router.resolve(to).href\n\n    window.open(path, '_blank')\n\n    return\n  }\n\n  router.push(to)\n}\n\n/** Bind keyboard shortcuts */\nonMounted(() => events.hotKeys.on(handleHotKey))\n/** Unbind keyboard shortcuts */\nonBeforeUnmount(() => events.hotKeys.off(handleHotKey))\n\nconst activeCookie = computed<Cookie | undefined>(\n  () => cookies[activeCookieId.value],\n)\n\nconst hasCookies = computed(\n  () => Object.keys(cookies).length > 0 && activeCookie.value,\n)\n\nwatch(\n  () => route.query.openCookieModal,\n  (newVal) => {\n    if (newVal === 'true') {\n      openCookieModal()\n    }\n  },\n  { immediate: true },\n)\n</script>\n<template>\n  <ViewLayout>\n    <Sidebar title=\"Cookies\">\n      <template #content>\n        <div class=\"flex-1\">\n          <SidebarList>\n            <li\n              v-for=\"cookie in Object.values(cookies)\"\n              :key=\"cookie.uid\"\n              class=\"gap-1/2 flex flex-col\">\n              <div class=\"relative mb-[.5px] last:mb-0\">\n                <SidebarListElement\n                  :key=\"cookie.uid\"\n                  class=\"text-xs\"\n                  isDeletable\n                  :to=\"{\n                    name: 'cookies',\n                    params: {\n                      [PathId.Cookies]: cookie.uid,\n                    },\n                  }\"\n                  type=\"cookies\"\n                  :variable=\"{ name: cookie.name, uid: cookie.uid }\"\n                  :warningMessage=\"`Are you sure you want to delete this cookie?`\"\n                  @click.prevent=\"handleNavigation($event, cookie.uid)\"\n                  @delete=\"removeCookie(cookie.uid)\" />\n              </div>\n            </li>\n          </SidebarList>\n        </div>\n      </template>\n      <template #button>\n        <SidebarButton\n          :click=\"openCookieModal\"\n          hotkey=\"N\">\n          <template #title> Add Cookie </template>\n        </SidebarButton>\n      </template>\n    </Sidebar>\n\n    <ViewLayoutContent class=\"flex-1\">\n      <template v-if=\"hasCookies\">\n        <ViewLayoutSection class=\"*:border-b-0\">\n          <template #title>Edit Cookie</template>\n          <CookieForm />\n          <!--  Untested and disabled for now. -->\n          <!-- <CookieRaw /> -->\n        </ViewLayoutSection>\n      </template>\n      <EmptyState v-else />\n    </ViewLayoutContent>\n\n    <CookieModal\n      :state=\"cookieModal\"\n      @cancel=\"cookieModal.hide()\"\n      @submit=\"addCookieHandler\" />\n  </ViewLayout>\n</template>\n","<script setup lang=\"ts\">\nimport { useModal } from '@scalar/components'\nimport { cookieSchema, type Cookie } from '@scalar/oas-utils/entities/cookie'\nimport { computed, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\nimport { Sidebar } from '@/components'\nimport EmptyState from '@/components/EmptyState.vue'\nimport SidebarButton from '@/components/Sidebar/SidebarButton.vue'\nimport SidebarList from '@/components/Sidebar/SidebarList.vue'\nimport SidebarListElement from '@/components/Sidebar/SidebarListElement.vue'\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport type { HotKeyEvent } from '@/libs'\nimport { PathId } from '@/routes'\nimport { useActiveEntities, useWorkspace } from '@/store'\n\nimport CookieForm from './CookieForm.vue'\nimport CookieModal from './CookieModal.vue'\n\n// import CookieRaw from './CookieRaw.vue'\n\nconst { cookies, cookieMutators, events, workspaceMutators } = useWorkspace()\nconst { activeWorkspace, activeCookieId } = useActiveEntities()\nconst router = useRouter()\nconst route = useRoute()\nconst cookieModal = useModal()\n\nconst addCookieHandler = (cookieData: {\n  name: string\n  value: string\n  domain: string\n}) => {\n  const cookie = cookieSchema.parse({\n    name: cookieData.name,\n    value: cookieData.value,\n    domain: cookieData.domain,\n    path: '/',\n  })\n\n  // Store cookie\n  cookieMutators.add(cookie)\n\n  // Attach cookie to workspace\n  workspaceMutators.edit(activeWorkspace.value?.uid, 'cookies', [\n    ...(activeWorkspace.value?.cookies ?? []),\n    cookie.uid,\n  ])\n\n  // Redirect to the new cookie\n  router.push({\n    name: 'cookies',\n    params: {\n      cookies: cookie.uid,\n    },\n  })\n}\n\nconst removeCookie = (uid: Cookie['uid']) => {\n  cookieMutators.delete(uid)\n\n  // Delete cookie from workspace\n  workspaceMutators.edit(activeWorkspace.value?.uid, 'cookies', [\n    ...(activeWorkspace.value?.cookies ?? []).filter((c) => c !== uid),\n  ])\n\n  // Navigate to the last cookie\n  const remainingCookies: Cookie[] = Object.values(cookies).filter(\n    (cookie) => (cookie as Cookie).uid !== uid,\n  ) as Cookie[]\n\n  if (remainingCookies.length > 0) {\n    const lastCookie = remainingCookies[remainingCookies.length - 1]\n\n    if (lastCookie) {\n      router.push(lastCookie.uid)\n    }\n  } else {\n    router.push({\n      name: 'cookies',\n      params: {\n        [PathId.Cookies]: 'default',\n      },\n    })\n  }\n}\n\nconst openCookieModal = () => {\n  cookieModal.show()\n}\n\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (event?.createNew && route.name === 'cookies') {\n    openCookieModal()\n  }\n}\n\n/**\n * Navigate to specific cookies\n */\nconst handleNavigation = (event: MouseEvent, uid: string) => {\n  const to = {\n    name: 'cookies',\n    params: {\n      workspace: activeWorkspace.value?.uid ?? 'default',\n      cookies: uid,\n    },\n  }\n\n  // Open in new tab if meta key is pressed\n  if (event.metaKey) {\n    const path = router.resolve(to).href\n\n    window.open(path, '_blank')\n\n    return\n  }\n\n  router.push(to)\n}\n\n/** Bind keyboard shortcuts */\nonMounted(() => events.hotKeys.on(handleHotKey))\n/** Unbind keyboard shortcuts */\nonBeforeUnmount(() => events.hotKeys.off(handleHotKey))\n\nconst activeCookie = computed<Cookie | undefined>(\n  () => cookies[activeCookieId.value],\n)\n\nconst hasCookies = computed(\n  () => Object.keys(cookies).length > 0 && activeCookie.value,\n)\n\nwatch(\n  () => route.query.openCookieModal,\n  (newVal) => {\n    if (newVal === 'true') {\n      openCookieModal()\n    }\n  },\n  { immediate: true },\n)\n</script>\n<template>\n  <ViewLayout>\n    <Sidebar title=\"Cookies\">\n      <template #content>\n        <div class=\"flex-1\">\n          <SidebarList>\n            <li\n              v-for=\"cookie in Object.values(cookies)\"\n              :key=\"cookie.uid\"\n              class=\"gap-1/2 flex flex-col\">\n              <div class=\"relative mb-[.5px] last:mb-0\">\n                <SidebarListElement\n                  :key=\"cookie.uid\"\n                  class=\"text-xs\"\n                  isDeletable\n                  :to=\"{\n                    name: 'cookies',\n                    params: {\n                      [PathId.Cookies]: cookie.uid,\n                    },\n                  }\"\n                  type=\"cookies\"\n                  :variable=\"{ name: cookie.name, uid: cookie.uid }\"\n                  :warningMessage=\"`Are you sure you want to delete this cookie?`\"\n                  @click.prevent=\"handleNavigation($event, cookie.uid)\"\n                  @delete=\"removeCookie(cookie.uid)\" />\n              </div>\n            </li>\n          </SidebarList>\n        </div>\n      </template>\n      <template #button>\n        <SidebarButton\n          :click=\"openCookieModal\"\n          hotkey=\"N\">\n          <template #title> Add Cookie </template>\n        </SidebarButton>\n      </template>\n    </Sidebar>\n\n    <ViewLayoutContent class=\"flex-1\">\n      <template v-if=\"hasCookies\">\n        <ViewLayoutSection class=\"*:border-b-0\">\n          <template #title>Edit Cookie</template>\n          <CookieForm />\n          <!--  Untested and disabled for now. -->\n          <!-- <CookieRaw /> -->\n        </ViewLayoutSection>\n      </template>\n      <EmptyState v-else />\n    </ViewLayoutContent>\n\n    <CookieModal\n      :state=\"cookieModal\"\n      @cancel=\"cookieModal.hide()\"\n      @submit=\"addCookieHandler\" />\n  </ViewLayout>\n</template>\n"],"mappings":"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"}

package/dist/DataTable-BqbZKW3K.js

@@ -0,0 +1,62 @@
+import { n as DataTableCell_default } from "./DataTableRow-c3XveEUO.js";
+import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { ScalarIcon, cva } from "@scalar/components";
+//#region src/components/DataTable/DataTableCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = ["checked", "disabled"];
+//#endregion
+//#region src/components/DataTable/DataTableCheckbox.vue
+var DataTableCheckbox_default = /* @__PURE__ */ defineComponent({
+	__name: "DataTableCheckbox",
+	props: {
+		modelValue: { type: Boolean },
+		disabled: { type: Boolean },
+		align: { default: "center" }
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const variants = cva({
+			base: "w-8 h-8 flex items-center justify-center text-border peer-checked:text-c-1 pointer-events-none absolute",
+			variants: { align: {
+				left: "left-0",
+				center: "centered"
+			} }
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(DataTableCell_default, { class: "group/cell relative flex min-w-8" }, {
+				default: withCtx(() => [createElementVNode("input", {
+					checked: __props.modelValue,
+					class: "peer absolute inset-0 size-full cursor-pointer opacity-0 disabled:cursor-default",
+					disabled: Boolean(__props.disabled),
+					type: "checkbox",
+					onChange: _cache[0] || (_cache[0] = (e) => _ctx.$emit("update:modelValue", e.target.checked))
+				}, null, 40, _hoisted_1$1), createElementVNode("div", { class: normalizeClass(unref(variants)({ align: __props.align })) }, [createElementVNode("div", { class: normalizeClass(["absolute m-auto size-3/4 rounded border-[1px] opacity-0", !__props.disabled && "group-has-[:focus-visible]/cell:border-c-accent group-hover/cell:opacity-100 group-has-[:focus-visible]/cell:opacity-100"]) }, null, 2), createVNode(unref(ScalarIcon), {
+					icon: "Checkmark",
+					size: "xs",
+					thickness: "2.5"
+				})], 2)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/DataTable/DataTableText.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex-1 px-2 py-1.5 whitespace-nowrap" };
+//#endregion
+//#region src/components/DataTable/DataTableText.vue
+var DataTableText_default = /* @__PURE__ */ defineComponent({
+	__name: "DataTableText",
+	props: { text: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(DataTableCell_default, { class: "relative flex" }, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.text), 1)])])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { DataTableCheckbox_default as n, DataTableText_default as t };
+
+//# sourceMappingURL=DataTable-BqbZKW3K.js.map

package/dist/DataTable-BqbZKW3K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable-BqbZKW3K.js","names":["$emit"],"sources":["../src/components/DataTable/DataTableCheckbox.vue","../src/components/DataTable/DataTableCheckbox.vue","../src/components/DataTable/DataTableText.vue","../src/components/DataTable/DataTableText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cva, ScalarIcon } from '@scalar/components'\n\nimport DataTableCell from './DataTableCell.vue'\n\nwithDefaults(\n  defineProps<{\n    modelValue: boolean\n    disabled?: boolean\n    align?: 'left' | 'center'\n  }>(),\n  {\n    align: 'center',\n  },\n)\n\ndefineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n\nconst variants = cva({\n  base: 'w-8 h-8 flex items-center justify-center text-border peer-checked:text-c-1 pointer-events-none absolute',\n  variants: {\n    align: {\n      left: 'left-0',\n      center: 'centered',\n    },\n  },\n})\n</script>\n<template>\n  <DataTableCell class=\"group/cell relative flex min-w-8\">\n    <input\n      :checked=\"modelValue\"\n      class=\"peer absolute inset-0 size-full cursor-pointer opacity-0 disabled:cursor-default\"\n      :disabled=\"Boolean(disabled)\"\n      type=\"checkbox\"\n      @change=\"(e: any) => $emit('update:modelValue', e.target.checked)\" />\n    <div :class=\"variants({ align })\">\n      <div\n        class=\"absolute m-auto size-3/4 rounded border-[1px] opacity-0\"\n        :class=\"\n          !disabled &&\n          'group-has-[:focus-visible]/cell:border-c-accent group-hover/cell:opacity-100 group-has-[:focus-visible]/cell:opacity-100'\n        \" />\n      <ScalarIcon\n        icon=\"Checkmark\"\n        size=\"xs\"\n        thickness=\"2.5\" />\n    </div>\n  </DataTableCell>\n</template>\n","<script setup lang=\"ts\">\nimport { cva, ScalarIcon } from '@scalar/components'\n\nimport DataTableCell from './DataTableCell.vue'\n\nwithDefaults(\n  defineProps<{\n    modelValue: boolean\n    disabled?: boolean\n    align?: 'left' | 'center'\n  }>(),\n  {\n    align: 'center',\n  },\n)\n\ndefineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n\nconst variants = cva({\n  base: 'w-8 h-8 flex items-center justify-center text-border peer-checked:text-c-1 pointer-events-none absolute',\n  variants: {\n    align: {\n      left: 'left-0',\n      center: 'centered',\n    },\n  },\n})\n</script>\n<template>\n  <DataTableCell class=\"group/cell relative flex min-w-8\">\n    <input\n      :checked=\"modelValue\"\n      class=\"peer absolute inset-0 size-full cursor-pointer opacity-0 disabled:cursor-default\"\n      :disabled=\"Boolean(disabled)\"\n      type=\"checkbox\"\n      @change=\"(e: any) => $emit('update:modelValue', e.target.checked)\" />\n    <div :class=\"variants({ align })\">\n      <div\n        class=\"absolute m-auto size-3/4 rounded border-[1px] opacity-0\"\n        :class=\"\n          !disabled &&\n          'group-has-[:focus-visible]/cell:border-c-accent group-hover/cell:opacity-100 group-has-[:focus-visible]/cell:opacity-100'\n        \" />\n      <ScalarIcon\n        icon=\"Checkmark\"\n        size=\"xs\"\n        thickness=\"2.5\" />\n    </div>\n  </DataTableCell>\n</template>\n","<script setup lang=\"ts\">\nimport DataTableCell from './DataTableCell.vue'\n\ndefineProps<{\n  text?: string | number\n}>()\n</script>\n<template>\n  <DataTableCell class=\"relative flex\">\n    <span class=\"flex-1 px-2 py-1.5 whitespace-nowrap\">\n      <slot>{{ text }}</slot>\n    </span>\n  </DataTableCell>\n</template>\n","<script setup lang=\"ts\">\nimport DataTableCell from './DataTableCell.vue'\n\ndefineProps<{\n  text?: string | number\n}>()\n</script>\n<template>\n  <DataTableCell class=\"relative flex\">\n    <span class=\"flex-1 px-2 py-1.5 whitespace-nowrap\">\n      <slot>{{ text }}</slot>\n    </span>\n  </DataTableCell>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;ECoBA,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,OAAO;IACL,MAAM;IACN,QAAQ;IACT,EACF;GACF,CAAA;;uBAGC,YAmBgB,uBAAA,EAnBD,OAAM,oCAAkC,EAAA;2BAMkB,CALvE,mBAKuE,SAAA;KAJpE,SAAS,QAAA;KACV,OAAM;KACL,UAAU,QAAQ,QAAA,SAAQ;KAC3B,MAAK;KACJ,UAAM,OAAA,OAAA,OAAA,MAAG,MAAWA,KAAAA,MAAK,qBAAsB,EAAE,OAAO,QAAO;gCAClE,mBAWM,OAAA,EAXA,OAAK,eAAE,MAAA,SAAQ,CAAA,EAAA,OAAG,QAAA,OAAK,CAAA,CAAA,EAAA,EAAA,CAC3B,mBAKM,OAAA,EAJJ,OAAK,eAAA,CAAC,2DAAA,CACc,QAAA,YAAA,2HAAA,CAAA,EAAA,EAAA,MAAA,EAAA,EAItB,YAGoB,MAAA,WAAA,EAAA;KAFlB,MAAK;KACL,MAAK;KACL,WAAU;;;;;;;;;;;;;;;;;uBExChB,YAIgB,uBAAA,EAJD,OAAM,iBAAe,EAAA;2BAG3B,CAFP,mBAEO,QAFP,YAEO,CADL,WAAuB,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBAAd,QAAA,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/DataTableHeader-DJVB0jCZ.js

@@ -0,0 +1,21 @@
+import { n as DataTableCell_default } from "./DataTableRow-c3XveEUO.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { useBindCx } from "@scalar/components";
+//#endregion
+//#region src/components/DataTable/DataTableHeader.vue
+var DataTableHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "DataTableHeader",
+	setup(__props) {
+		const { cx } = useBindCx();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(DataTableCell_default, mergeProps({ is: "th" }, unref(cx)("items-center font-medium px-2 min-w-0 -outline-offset-1")), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { DataTableHeader_default as t };
+
+//# sourceMappingURL=DataTableHeader-DJVB0jCZ.js.map

package/dist/DataTableHeader-DJVB0jCZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableHeader-DJVB0jCZ.js","names":[],"sources":["../src/components/DataTable/DataTableHeader.vue","../src/components/DataTable/DataTableHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\nimport DataTableCell from './DataTableCell.vue'\n\nconst { cx } = useBindCx()\n</script>\n<template>\n  <DataTableCell\n    is=\"th\"\n    v-bind=\"cx('items-center font-medium px-2 min-w-0 -outline-offset-1')\">\n    <slot />\n  </DataTableCell>\n</template>\n","<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\nimport DataTableCell from './DataTableCell.vue'\n\nconst { cx } = useBindCx()\n</script>\n<template>\n  <DataTableCell\n    is=\"th\"\n    v-bind=\"cx('items-center font-medium px-2 min-w-0 -outline-offset-1')\">\n    <slot />\n  </DataTableCell>\n</template>\n"],"mappings":";;;;;;;;ECKA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,YAIgB,uBAJhB,WAIgB,EAHd,IAAG,MAAI,EACC,MAAA,GAAE,CAAA,0DAAA,CAAA,EAAA;2BACF,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}