@scalar/api-client 2.12.0 → 2.14.0

package/dist/v2/features/command-palette/components/CommandPaletteRequest.vue.js

@@ -0,0 +1,213 @@
+import { defineComponent as I, ref as p, computed as v, createBlock as f, openBlock as m, withCtx as o, createVNode as n, createTextVNode as O, createElementVNode as r, unref as s, normalizeClass as D, toDisplayString as b, createCommentVNode as H, createElementBlock as T, Fragment as V, renderList as y } from "vue";
+import { ScalarListbox as L, ScalarButton as x, ScalarIcon as w, ScalarDropdown as z, ScalarDropdownItem as B } from "@scalar/components";
+import { HTTP_METHODS as W } from "@scalar/helpers/http/http-methods";
+import { useRouter as F } from "vue-router";
+import N from "../../../blocks/operation-code-sample/components/HttpMethod.vue.js";
+import A from "./CommandActionForm.vue.js";
+import G from "./CommandActionInput.vue.js";
+const J = { class: "flex flex-1 gap-1" }, K = { class: "flex items-center gap-2" }, Q = { class: "custom-scroll max-h-40" }, X = { class: "custom-scroll max-h-40" }, Y = { class: "truncate" }, Z = {
+  name: "CommandPaletteRequest"
+}, ue = /* @__PURE__ */ I({
+  ...Z,
+  props: {
+    workspaceStore: {},
+    eventBus: {}
+  },
+  emits: ["close", "back"],
+  setup(i, { emit: $ }) {
+    const k = $, P = F(), h = p("/"), u = v(() => h.value.trim()), S = v(
+      () => Object.entries(i.workspaceStore.workspace.documents).map(
+        ([e, a]) => ({
+          id: e,
+          label: a.info.title || e
+        })
+      )
+    ), _ = W.map((e) => ({
+      id: e,
+      label: e.toUpperCase(),
+      method: e
+    })), t = p(
+      S.value[0] ?? void 0
+    ), c = p(
+      _.find((e) => e.method === "get")
+    ), d = p(void 0), g = v(() => {
+      if (!t.value)
+        return [];
+      const e = i.workspaceStore.workspace.documents[t.value.id];
+      return e ? [
+        { id: "", label: "No Tag" },
+        ...e.tags?.map((a) => ({
+          id: a.name,
+          label: a.name
+        })) ?? []
+      ] : [];
+    }), j = v(() => {
+      if (!t.value || !c.value || !u.value)
+        return !1;
+      const e = i.workspaceStore.workspace.documents[t.value.id], a = u.value.startsWith("/") ? u.value : `/${u.value}`;
+      return !!e?.paths?.[a]?.[c.value.method];
+    }), C = v(() => !!(!u.value || !t.value || !c.value || j.value)), q = (e) => {
+      e && (c.value = e);
+    }, E = (e) => {
+      e && (d.value = e);
+    }, R = () => {
+      C.value || !t.value || !c.value || !i.workspaceStore.workspace.documents[t.value.id] || (i.eventBus.emit("operation:create:operation", {
+        documentName: t.value.id,
+        path: u.value,
+        method: c.value.method,
+        operation: {
+          tags: d.value?.id ? [d.value.id] : void 0
+        },
+        callback: (a) => {
+          if (a) {
+            i.workspaceStore.buildSidebar(t.value?.id ?? "");
+            const l = u.value.startsWith("/") ? u.value : `/${u.value}`;
+            P.push({
+              name: "example",
+              params: {
+                documentSlug: t.value?.id,
+                pathEncoded: encodeURIComponent(l),
+                method: c.value?.method,
+                exampleName: "default"
+              }
+            });
+          }
+        }
+      }), k("close"));
+    }, M = (e) => {
+      k("back", e);
+    };
+    return (e, a) => (m(), f(A, {
+      disabled: C.value,
+      onSubmit: R
+    }, {
+      options: o(() => [
+        r("div", J, [
+          n(s(L), {
+            modelValue: t.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (l) => t.value = l),
+            options: S.value
+          }, {
+            default: o(() => [
+              n(s(x), {
+                class: "hover:bg-b-2 max-h-8 w-[150px] min-w-[150px] justify-between gap-1 p-2 text-xs",
+                variant: "outlined"
+              }, {
+                default: o(() => [
+                  r("span", {
+                    class: D(t.value ? "text-c-1 truncate" : "text-c-3")
+                  }, b(t.value ? t.value.label : "Select Document"), 3),
+                  n(s(w), {
+                    class: "text-c-3",
+                    icon: "ChevronDown",
+                    size: "md"
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue", "options"]),
+          n(s(z), {
+            placement: "bottom",
+            resize: ""
+          }, {
+            items: o(() => [
+              r("div", Q, [
+                (m(!0), T(V, null, y(s(_), (l) => (m(), f(s(B), {
+                  key: l.id,
+                  class: "flex h-7 w-full items-center justify-center px-1",
+                  onClick: (U) => q(l)
+                }, {
+                  default: o(() => [
+                    n(N, {
+                      method: l.method
+                    }, null, 8, ["method"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ])
+            ]),
+            default: o(() => [
+              n(s(x), {
+                class: "hover:bg-b-2 max-h-8 w-[100px] min-w-[100px] justify-between gap-1 p-2 text-xs",
+                variant: "outlined"
+              }, {
+                default: o(() => [
+                  r("div", K, [
+                    c.value ? (m(), f(N, {
+                      key: 0,
+                      method: c.value.method
+                    }, null, 8, ["method"])) : H("", !0),
+                    n(s(w), {
+                      class: "text-c-3",
+                      icon: "ChevronDown",
+                      size: "md"
+                    })
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          n(s(z), {
+            placement: "bottom",
+            resize: ""
+          }, {
+            items: o(() => [
+              r("div", X, [
+                (m(!0), T(V, null, y(g.value, (l) => (m(), f(s(B), {
+                  key: l.id,
+                  class: "flex h-7 w-full items-center px-1",
+                  onClick: (U) => E(l)
+                }, {
+                  default: o(() => [
+                    r("span", Y, b(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ])
+            ]),
+            default: o(() => [
+              n(s(x), {
+                class: "hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs",
+                disabled: !g.value.length,
+                variant: "outlined"
+              }, {
+                default: o(() => [
+                  r("span", {
+                    class: D(d.value ? "text-c-1 truncate" : "text-c-3")
+                  }, b(d.value ? d.value.label : "Select Tag (Optional)"), 3),
+                  n(s(w), {
+                    class: "text-c-3",
+                    icon: "ChevronDown",
+                    size: "md"
+                  })
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      submit: o(() => [...a[2] || (a[2] = [
+        O("Create Request", -1)
+      ])]),
+      default: o(() => [
+        n(G, {
+          modelValue: h.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (l) => h.value = l),
+          label: "Request Path",
+          placeholder: "/users",
+          onDelete: M
+        }, null, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["disabled"]));
+  }
+});
+export {
+  ue as default
+};

package/dist/v2/features/command-palette/components/CommandPaletteRequest.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommandPaletteRequest.vue.js";
+export {
+  f as default
+};

package/dist/v2/features/command-palette/components/CommandPaletteTag.vue.d.ts

@@ -0,0 +1,38 @@
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+/**
+ * Command Palette Tag Component
+ *
+ * Provides a form for creating a new tag in a document (collection).
+ * Tags are used to organize and group related API operations.
+ *
+ * Validates that the tag name does not already exist in the selected document
+ * to prevent duplicates.
+ *
+ * @example
+ * <CommandPaletteTag
+ *   :workspaceStore="workspaceStore"
+ *   :eventBus="eventBus"
+ *   @close="handleClose"
+ *   @back="handleBack"
+ * />
+ */
+declare const _default: import("vue").DefineComponent<{
+    /** The workspace store for accessing documents and tags */
+    workspaceStore: WorkspaceStore;
+    /** Event bus for emitting tag creation events */
+    eventBus: WorkspaceEventBus;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    back: (keyboardEvent: KeyboardEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The workspace store for accessing documents and tags */
+    workspaceStore: WorkspaceStore;
+    /** Event bus for emitting tag creation events */
+    eventBus: WorkspaceEventBus;
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onBack?: ((keyboardEvent: KeyboardEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=CommandPaletteTag.vue.d.ts.map

package/dist/v2/features/command-palette/components/CommandPaletteTag.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteTag.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteTag.vue"],"names":[],"mappings":"AA4JA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAOvE;;;;;;;;;;;;;;;;GAgBG;;IAGD,2DAA2D;oBAC3C,cAAc;IAC9B,iDAAiD;cACvC,iBAAiB;;;;;IAH3B,2DAA2D;oBAC3C,cAAc;IAC9B,iDAAiD;cACvC,iBAAiB;;;;;AAL7B,wBA8OC"}

package/dist/v2/features/command-palette/components/CommandPaletteTag.vue.js

@@ -0,0 +1,89 @@
+import { defineComponent as S, ref as f, computed as i, createBlock as x, openBlock as g, withCtx as l, createVNode as n, createTextVNode as w, unref as m, createElementVNode as V, normalizeClass as C, toDisplayString as B } from "vue";
+import { ScalarListbox as D, ScalarButton as N, ScalarIcon as T } from "@scalar/components";
+import _ from "./CommandActionForm.vue.js";
+import h from "./CommandActionInput.vue.js";
+const j = {
+  name: "CommandPaletteTag"
+}, E = /* @__PURE__ */ S({
+  ...j,
+  props: {
+    workspaceStore: {},
+    eventBus: {}
+  },
+  emits: ["close", "back"],
+  setup(o, { emit: p }) {
+    const c = p, u = f(""), r = i(() => u.value.trim()), d = i(
+      () => Object.entries(o.workspaceStore.workspace.documents).map(
+        ([t, a]) => ({
+          id: t,
+          label: a.info.title || t
+        })
+      )
+    ), e = f(
+      d.value[0] ?? void 0
+    ), v = i(() => {
+      if (!r.value || !e.value)
+        return !0;
+      const t = o.workspaceStore.workspace.documents[e.value.id];
+      return !!(!t || t.tags?.some((a) => a.name === r.value));
+    }), b = () => {
+      v.value || !e.value || (o.eventBus.emit("tag:create:tag", {
+        name: r.value,
+        documentName: e.value.id,
+        callback: (t) => {
+          t && o.workspaceStore.buildSidebar(e.value?.id ?? "");
+        }
+      }), c("close"));
+    }, k = (t) => {
+      c("back", t);
+    };
+    return (t, a) => (g(), x(_, {
+      disabled: v.value,
+      onSubmit: b
+    }, {
+      options: l(() => [
+        n(m(D), {
+          modelValue: e.value,
+          "onUpdate:modelValue": a[1] || (a[1] = (s) => e.value = s),
+          options: d.value
+        }, {
+          default: l(() => [
+            n(m(N), {
+              class: "hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs",
+              variant: "outlined"
+            }, {
+              default: l(() => [
+                V("span", {
+                  class: C(e.value ? "text-c-1" : "text-c-3")
+                }, B(e.value ? e.value.label : "Select Collection"), 3),
+                n(m(T), {
+                  class: "text-c-3",
+                  icon: "ChevronDown",
+                  size: "md"
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "options"])
+      ]),
+      submit: l(() => [...a[2] || (a[2] = [
+        w("Create Tag", -1)
+      ])]),
+      default: l(() => [
+        n(h, {
+          modelValue: u.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (s) => u.value = s),
+          label: "Tag Name",
+          placeholder: "Tag Name",
+          onDelete: k
+        }, null, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["disabled"]));
+  }
+});
+export {
+  E as default
+};

package/dist/v2/features/command-palette/components/CommandPaletteTag.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommandPaletteTag.vue.js";
+export {
+  f as default
+};

package/dist/v2/features/command-palette/components/TheCommandPalette.vue.d.ts

@@ -0,0 +1,41 @@
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { UseCommandPaletteStateReturn } from '../../../../v2/features/command-palette/hooks/use-command-palette-state.js';
+/**
+ * The Command Palette Component
+ *
+ * A keyboard-driven command menu for quick access to common actions like:
+ * - Creating documents, requests, tags, and examples
+ * - Importing from OpenAPI, Swagger, Postman, or cURL
+ * - Navigating to different routes
+ *
+ * Supports:
+ * - Fuzzy search filtering
+ * - Keyboard navigation (arrow keys, enter, escape)
+ * - Command grouping and organization
+ * - Dynamic command components with props
+ *
+ * @example
+ * <TheCommandPalette
+ *   :paletteState="paletteState"
+ *   :workspaceStore="workspaceStore"
+ *   :eventBus="eventBus"
+ * />
+ */
+declare const _default: import("vue").DefineComponent<{
+    /** The command palette state management hook */
+    paletteState: UseCommandPaletteStateReturn;
+    /** The workspace store for accessing documents and operations */
+    workspaceStore: WorkspaceStore;
+    /** Event bus for emitting workspace events */
+    eventBus: WorkspaceEventBus;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** The command palette state management hook */
+    paletteState: UseCommandPaletteStateReturn;
+    /** The workspace store for accessing documents and operations */
+    workspaceStore: WorkspaceStore;
+    /** Event bus for emitting workspace events */
+    eventBus: WorkspaceEventBus;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=TheCommandPalette.vue.d.ts.map

package/dist/v2/features/command-palette/components/TheCommandPalette.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/TheCommandPalette.vue"],"names":[],"mappings":"AAoXA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAUvE,OAAO,KAAK,EAKV,4BAA4B,EAC7B,MAAM,+DAA+D,CAAA;AAItE;;;;;;;;;;;;;;;;;;;;GAoBG;;IAGD,gDAAgD;kBAClC,4BAA4B;IAC1C,iEAAiE;oBACjD,cAAc;IAC9B,8CAA8C;cACpC,iBAAiB;;IAL3B,gDAAgD;kBAClC,4BAA4B;IAC1C,iEAAiE;oBACjD,cAAc;IAC9B,8CAA8C;cACpC,iBAAiB;;AAP7B,wBA8dC"}

package/dist/v2/features/command-palette/components/TheCommandPalette.vue.js

@@ -0,0 +1,7 @@
+import o from "./TheCommandPalette.vue2.js";
+/* empty css                       */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7f3e459b"]]);
+export {
+  r as default
+};

package/dist/v2/features/command-palette/components/TheCommandPalette.vue2.js

@@ -0,0 +1,172 @@
+import { defineComponent as M, ref as N, computed as E, watch as $, createBlock as p, openBlock as l, unref as s, withCtx as f, createElementVNode as m, createVNode as u, createElementBlock as r, createTextVNode as I, createCommentVNode as v, withKeys as C, withModifiers as h, Fragment as S, renderList as O, withDirectives as K, toDisplayString as _, vShow as R, normalizeClass as V, resolveDynamicComponent as X, mergeProps as A, nextTick as Q } from "vue";
+import { Dialog as F, DialogPanel as q, DialogTitle as H } from "@headlessui/vue";
+import { ScalarIcon as y } from "@scalar/components";
+import { useRouter as W } from "vue-router";
+import j from "./CommandPaletteDocument.vue.js";
+import G from "./CommandPaletteExample.vue.js";
+import J from "./CommandPaletteImport.vue.js";
+import U from "./CommandPaletteImportCurl.vue.js";
+import Y from "./CommandPaletteRequest.vue.js";
+import Z from "./CommandPaletteTag.vue.js";
+const ee = {
+  key: 0,
+  class: "custom-scroll max-h-[50dvh] min-h-0 flex-1 rounded-lg p-1.5"
+}, te = { class: "bg-b-2 focus-within:bg-b-1 sticky top-0 flex items-center rounded-md border border-transparent pl-2 shadow-[0_-8px_0_8px_var(--scalar-background-1),0_0_8px_8px_var(--scalar-background-1)] focus-within:border-(--scalar-background-3)" }, oe = { for: "commandmenu" }, ae = ["value", "onKeydown"], ne = ["id", "onClick"], le = {
+  key: 0,
+  class: "text-c-3 p-2 pt-3 text-center text-sm"
+}, re = {
+  key: 1,
+  class: "flex-1 p-1.5"
+}, se = {}, ke = /* @__PURE__ */ M({
+  ...se,
+  __name: "TheCommandPalette",
+  props: {
+    paletteState: {},
+    workspaceStore: {},
+    eventBus: {}
+  },
+  setup(a) {
+    const D = {
+      "import-from-openapi-swagger-postman-curl": J,
+      "create-document": j,
+      "create-request": Y,
+      "add-tag": Z,
+      "add-example": G,
+      "import-curl-command": U
+    }, T = W(), i = N(-1), k = N(null), c = E(
+      () => a.paletteState.filteredCommands.value.flatMap((e) => e.commands)
+    ), d = E(
+      () => c.value[i.value]
+    );
+    $(
+      () => a.paletteState.filterQuery.value,
+      (e) => {
+        i.value = e && c.value.length > 0 ? 0 : -1;
+      }
+    );
+    const B = (e) => {
+      a.paletteState.setFilterQuery(e), e.trim().toLowerCase().startsWith("curl") && a.paletteState.open("import-curl-command", { curl: e });
+    }, b = (e, t) => {
+      if (!a.paletteState.isOpen.value)
+        return;
+      t.preventDefault();
+      const o = e === "up" ? -1 : 1, n = c.value.length;
+      i.value = (i.value + o + n) % n;
+    }, P = (e) => {
+      !d.value || a.paletteState.activeCommand.value || (e.preventDefault(), e.stopPropagation(), x(d.value));
+    }, x = (e) => {
+      if (e.type === "route") {
+        T.push(e.to), w();
+        return;
+      }
+      e.type === "folder" && a.paletteState.open(e.id, void 0);
+    }, g = () => {
+      a.paletteState.reset(), Q(() => k.value?.focus());
+    }, z = () => {
+      a.paletteState.close();
+    }, L = (...e) => {
+      a.paletteState.open(...e);
+    }, w = () => {
+      a.paletteState.close(), i.value = -1;
+    };
+    return (e, t) => (l(), p(s(F), {
+      open: e.paletteState.isOpen.value,
+      onClose: w
+    }, {
+      default: f(() => [
+        t[4] || (t[4] = m("div", { class: "commandmenu-overlay z-overlay" }, null, -1)),
+        u(s(q), { class: "commandmenu z-overlay flex flex-col" }, {
+          default: f(() => [
+            u(s(H), { class: "sr-only" }, {
+              default: f(() => [...t[3] || (t[3] = [
+                I("API Client Command Menu", -1)
+              ])]),
+              _: 1
+            }),
+            e.paletteState.activeCommand.value ? (l(), r("div", re, [
+              m("button", {
+                class: "hover:bg-b-3 text-c-3 active:text-c-1 absolute z-1 mt-[0.5px] rounded p-1.5",
+                type: "button",
+                onClick: g
+              }, [
+                u(s(y), {
+                  icon: "ChevronLeft",
+                  size: "md",
+                  thickness: "1.5"
+                })
+              ]),
+              e.paletteState.activeCommand.value ? (l(), p(X(D[e.paletteState.activeCommand.value]), A({ key: 0 }, {
+                workspaceStore: e.workspaceStore,
+                eventBus: e.eventBus,
+                ...e.paletteState.activeCommandProps.value
+              }, {
+                onBack: g,
+                onClose: z,
+                onOpenCommand: L
+              }), null, 16)) : v("", !0)
+            ])) : (l(), r("div", ee, [
+              m("div", te, [
+                m("label", oe, [
+                  u(s(y), {
+                    class: "text-c-2 mr-2.5",
+                    icon: "Search",
+                    size: "md",
+                    thickness: "1.5"
+                  })
+                ]),
+                m("input", {
+                  id: "commandmenu",
+                  ref_key: "commandInputRef",
+                  ref: k,
+                  autocomplete: "off",
+                  autofocus: "",
+                  class: "w-full rounded border-none bg-none py-1.5 text-sm focus:outline-none",
+                  placeholder: "Search commands...",
+                  type: "text",
+                  value: e.paletteState.filterQuery.value,
+                  onInput: t[0] || (t[0] = (o) => B(o.target.value)),
+                  onKeydown: [
+                    t[1] || (t[1] = C(h((o) => b("down", o), ["stop"]), ["down"])),
+                    C(h(P, ["stop"]), ["enter"]),
+                    t[2] || (t[2] = C(h((o) => b("up", o), ["stop"]), ["up"]))
+                  ]
+                }, null, 40, ae)
+              ]),
+              (l(!0), r(S, null, O(e.paletteState.filteredCommands.value, (o) => (l(), r(S, {
+                key: o.label
+              }, [
+                K(m("div", { class: "text-c-3 mt-2 mb-1 px-2 text-xs font-medium" }, _(o.label), 513), [
+                  [R, o.commands.length > 0]
+                ]),
+                (l(!0), r(S, null, O(o.commands, (n) => (l(), r("button", {
+                  id: n.id,
+                  key: n.id,
+                  class: V(["commandmenu-item hover:bg-b-2 flex w-full cursor-pointer items-center rounded px-2 py-1.5 text-left text-sm", {
+                    "bg-b-2": n.id === d.value?.id
+                  }]),
+                  type: "button",
+                  onClick: (ie) => x(n)
+                }, [
+                  "icon" in n ? (l(), p(s(y), {
+                    key: 0,
+                    class: "text-c-2 mr-2.5",
+                    icon: n.icon,
+                    size: "md",
+                    thickness: "1.5"
+                  }, null, 8, ["icon"])) : v("", !0),
+                  I(" " + _(n.name), 1)
+                ], 10, ne))), 128))
+              ], 64))), 128)),
+              e.paletteState.filteredCommands.value.length ? v("", !0) : (l(), r("div", le, " No commands found "))
+            ]))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["open"]));
+  }
+});
+export {
+  ke as default
+};

package/dist/v2/features/command-palette/components/WatchModeToggle.vue.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Watch Mode Toggle Component
+ *
+ * A toggle switch for enabling/disabling watch mode on URL imports.
+ * When enabled, the API client automatically updates when the OpenAPI URL
+ * content changes, ensuring the client remains up-to-date.
+ *
+ * Supports v-model for two-way binding and can be disabled when needed
+ * (e.g., when importing from files instead of URLs).
+ *
+ * @example
+ * <WatchModeToggle
+ *   v-model="watchMode"
+ *   :disabled="!isUrlImport"
+ * />
+ */
+declare const _default: import("vue").DefineComponent<{
+    /** Whether watch mode is currently enabled */
+    modelValue: boolean;
+    /** Whether the toggle is disabled (e.g., for non-URL imports) */
+    disabled?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Whether watch mode is currently enabled */
+    modelValue: boolean;
+    /** Whether the toggle is disabled (e.g., for non-URL imports) */
+    disabled?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=WatchModeToggle.vue.d.ts.map

package/dist/v2/features/command-palette/components/WatchModeToggle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WatchModeToggle.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/WatchModeToggle.vue"],"names":[],"mappings":"AAuEA;;;;;;;;;;;;;;;GAeG;;IAGD,8CAA8C;gBAClC,OAAO;IACnB,iEAAiE;eACtD,OAAO;;;;IAHlB,8CAA8C;gBAClC,OAAO;IACnB,iEAAiE;eACtD,OAAO;;;;AALpB,wBA8GC"}

package/dist/v2/features/command-palette/components/WatchModeToggle.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as u, computed as c, createElementBlock as i, openBlock as p, normalizeClass as o, createElementVNode as f, createVNode as a, createTextVNode as g, unref as d } from "vue";
+import { ScalarIcon as V, ScalarToggle as x } from "@scalar/components";
+const b = {}, N = /* @__PURE__ */ u({
+  ...b,
+  __name: "WatchModeToggle",
+  props: {
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: n }) {
+    const m = n, l = c({
+      get: () => s.modelValue,
+      set: (e) => m("update:modelValue", e)
+    });
+    return (e, t) => (p(), i("label", {
+      class: o(["text-c-2 flex items-center gap-2 rounded p-3 py-1.5 text-sm select-none", e.disabled ? "cursor-default" : "cursor-pointer"]),
+      for: "watch-toggle"
+    }, [
+      f("span", {
+        class: o(["text-c-1 flex items-center gap-1 text-xs font-medium", { "text-c-3": !e.modelValue }])
+      }, [
+        a(d(V), {
+          icon: "Watch",
+          size: "sm"
+        }),
+        t[1] || (t[1] = g(" Watch Mode ", -1))
+      ], 2),
+      a(d(x), {
+        id: "watch-toggle",
+        modelValue: l.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (r) => l.value = r),
+        disabled: e.disabled
+      }, null, 8, ["modelValue", "disabled"])
+    ], 2));
+  }
+});
+export {
+  N as default
+};

package/dist/v2/features/command-palette/components/WatchModeToggle.vue2.js

@@ -0,0 +1,4 @@
+import f from "./WatchModeToggle.vue.js";
+export {
+  f as default
+};

package/dist/v2/features/command-palette/components/index.d.ts

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

package/dist/v2/features/command-palette/components/index.d.ts.map

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