@scalar/use-codemirror 0.11.10 → 0.11.11

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @scalar/use-codemirror
 
+## 0.11.11
+
+### Patch Changes
+
+- b8fdc19: feat: foldable code blocks
+- b8fdc19: feat: adds useDropdown hook
+- Updated dependencies [a08aa37]
+- Updated dependencies [ee22a82]
+- Updated dependencies [6fd83dc]
+  - @scalar/components@0.12.45
+
 ## 0.11.10
 
 ### Patch Changes

package/dist/hooks/useCodeMirror.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeMirror.ts"],"names":[],"mappings":"AAqBA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EACL,UAAU,EAMX,MAAM,kBAAkB,CAAA;AACzB,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,GAAG,EAMT,MAAM,KAAK,CAAA;AAGZ,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAGlD,KAAK,cAAc,GAAG;IACpB,yCAAyC;IACzC,aAAa,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACzC,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAA;IAC1C,8BAA8B;IAC9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACpD,mDAAmD;IACnD,QAAQ,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAA;IAC1D,2CAA2C;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAChD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAChD,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACxD,gDAAgD;IAChD,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACnD,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACpD,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC5D,kDAAkD;IAClD,IAAI,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC5C,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CACnD,CAAA;AAED,MAAM,MAAM,uBAAuB,GAC/B,CAAC,cAAc,GAAG;IAChB,qEAAqE;IACrE,OAAO,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAC,GACF,CAAC,cAAc,GAAG;IAChB,QAAQ,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAC,CAAA;AAsBN,sCAAsC;AACtC,eAAO,MAAM,aAAa,WAChB,uBAAuB,KAC9B;IACD,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,UAAU,EAAE,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,CAAA;CAmInC,CAAA"}
+{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeMirror.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EACL,UAAU,EAMX,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,GAAG,EAQT,MAAM,KAAK,CAAA;AAGZ,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAGlD,KAAK,cAAc,GAAG;IACpB,yCAAyC;IACzC,aAAa,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACzC,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAA;IAC1C,8BAA8B;IAC9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACpD,mDAAmD;IACnD,QAAQ,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAA;IAC1D,2CAA2C;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAChD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAChD,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACxD,gDAAgD;IAChD,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACnD,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACpD,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC5D,kDAAkD;IAClD,IAAI,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC5C,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CACnD,CAAA;AAED,MAAM,MAAM,uBAAuB,GAC/B,CAAC,cAAc,GAAG;IAChB,qEAAqE;IACrE,OAAO,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAC,GACF,CAAC,cAAc,GAAG;IAChB,QAAQ,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAC,CAAA;AAsBN,sCAAsC;AACtC,eAAO,MAAM,aAAa,WAChB,uBAAuB,KAC9B;IACD,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,UAAU,EAAE,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,CAAA;CAmInC,CAAA"}

package/dist/hooks/useCodeMirror.js

@@ -1,49 +1,50 @@
-import { autocompletion as j, completionKeymap as B, closeBrackets as I, closeBracketsKeymap as O } from "@codemirror/autocomplete";
-import { indentWithTab as K, insertNewline as L } from "@codemirror/commands";
-import { css as R } from "@codemirror/lang-css";
+import { autocompletion as I, completionKeymap as O, closeBrackets as j, closeBracketsKeymap as B } from "@codemirror/autocomplete";
+import { indentWithTab as L, insertNewline as R } from "@codemirror/commands";
+import { css as K } from "@codemirror/lang-css";
 import { html as V } from "@codemirror/lang-html";
-import { json as A } from "@codemirror/lang-json";
-import { xml as z } from "@codemirror/lang-xml";
-import { yaml as J } from "@codemirror/lang-yaml";
-import { syntaxHighlighting as P, defaultHighlightStyle as U, indentOnInput as W, bracketMatching as y } from "@codemirror/language";
-import { linter as q } from "@codemirror/lint";
-import { StateEffect as D } from "@codemirror/state";
-import { EditorView as h, highlightSpecialChars as G, keymap as u, placeholder as Q, lineNumbers as X } from "@codemirror/view";
-import { ref as Y, watch as m, onBeforeUnmount as Z, toValue as t, computed as _ } from "vue";
-import { customTheme as $ } from "../themes/index.js";
-import { variables as F } from "./variables.js";
-const d = (e) => "provider" in e && !!t(e.provider), ee = {
+import { json as z } from "@codemirror/lang-json";
+import { xml as A } from "@codemirror/lang-xml";
+import { yaml as D } from "@codemirror/lang-yaml";
+import { syntaxHighlighting as P, defaultHighlightStyle as G, indentOnInput as J, bracketMatching as y, foldGutter as U } from "@codemirror/language";
+import { linter as W } from "@codemirror/lint";
+import { StateEffect as q } from "@codemirror/state";
+import { EditorView as a, highlightSpecialChars as Q, keymap as d, placeholder as X, lineNumbers as Y } from "@codemirror/view";
+import { ScalarIcon as Z } from "@scalar/components";
+import { ref as _, watch as g, onBeforeUnmount as F, toValue as t, computed as $, h as ee, render as te } from "vue";
+import { customTheme as oe } from "../themes/index.js";
+import { variables as re } from "./variables.js";
+const u = (e) => "provider" in e && !!t(e.provider), ne = {
   key: "Mod-a",
   run: (e) => (e.dispatch({
     selection: { anchor: 0, head: e.state.doc.length },
     scrollIntoView: !1
   }), !0)
-}, ge = (e) => {
-  const i = Y(null);
-  m(
+}, ke = (e) => {
+  const r = _(null);
+  g(
     e.codeMirrorRef,
     () => {
       var o;
-      (o = i.value) == null || o.destroy(), s();
+      (o = r.value) == null || o.destroy(), c();
     },
     { immediate: !0 }
-  ), Z(() => {
+  ), F(() => {
     var o;
-    return (o = i.value) == null ? void 0 : o.destroy();
+    return (o = r.value) == null ? void 0 : o.destroy();
   });
-  function s() {
+  function c() {
     if (e.codeMirrorRef.value) {
-      const o = d(e) ? t(e.provider) : null, a = E({
-        ...l.value,
+      const o = u(e) ? t(e.provider) : null, h = x({
+        ...f.value,
         provider: o
       });
-      i.value = new h({
+      r.value = new a({
         parent: e.codeMirrorRef.value,
-        extensions: a
-      }), d(e) || n(t(e.content));
+        extensions: h
+      }), u(e) || l(t(e.content));
     }
   }
-  const l = _(() => ({
+  const f = $(() => ({
     onChange: e.onChange,
     onBlur: e.onBlur,
     onFocus: e.onFocus,
@@ -60,86 +61,87 @@ const d = (e) => "provider" in e && !!t(e.provider), ee = {
     additionalExtensions: t(e.extensions),
     placeholder: t(e.placeholder)
   }));
-  m(
-    () => d(e) ? t(e.provider) : null,
+  g(
+    () => u(e) ? t(e.provider) : null,
     () => {
       var o;
-      d(e) && ((o = i.value) == null || o.destroy(), s());
+      u(e) && ((o = r.value) == null || o.destroy(), c());
     }
-  ), m(
-    l,
+  ), g(
+    f,
     () => {
-      if (i.value) {
-        const o = d(e) ? t(e.provider) : null, a = E({
-          ...l.value,
+      if (r.value) {
+        const o = u(e) ? t(e.provider) : null, h = x({
+          ...f.value,
           provider: o
         });
-        i.value.dispatch({
-          effects: D.reconfigure.of(a)
+        r.value.dispatch({
+          effects: q.reconfigure.of(h)
         });
       } else
         return;
     },
     { immediate: !0 }
   );
-  const n = (o = "") => {
-    i.value && i.value.state.doc.toString() !== o && i.value.dispatch({
+  const l = (o = "") => {
+    r.value && r.value.state.doc.toString() !== o && r.value.dispatch({
       changes: {
         from: 0,
-        to: i.value.state.doc.length,
+        to: r.value.state.doc.length,
         insert: o
       },
       selection: {
         anchor: Math.min(
-          i.value.state.selection.main.anchor,
+          r.value.state.selection.main.anchor,
           o.length
         )
       }
     });
   };
-  return m(
+  return g(
     () => t(e.content),
     () => {
-      d(e) || n(t(e.content));
+      u(e) || l(t(e.content));
     },
     { immediate: !0 }
   ), {
     /** Replaces the current content with the given value. */
-    setCodeMirrorContent: n,
+    setCodeMirrorContent: l,
     /** Codemirror instance */
-    codeMirror: i
+    codeMirror: r
   };
-}, x = {
+}, k = {
   html: V,
-  json: A,
-  yaml: J,
-  css: R,
-  xml: z
+  json: z,
+  yaml: D,
+  css: K,
+  xml: A
 };
-function E({
+function x({
   onChange: e,
-  onBlur: i,
-  onFocus: s,
-  provider: l,
-  language: n,
+  onBlur: r,
+  onFocus: c,
+  provider: f,
+  language: l,
   classes: o = [],
-  readOnly: a = !1,
-  lineNumbers: k = !1,
+  readOnly: h = !1,
+  lineNumbers: E = !1,
   withVariables: C = !1,
   disableEnter: M = !1,
   disableCloseBrackets: S = !1,
   disableTabIndent: T = !1,
-  withoutTheme: N = !1,
-  lint: w = !1,
+  withoutTheme: w = !1,
+  lint: N = !1,
   additionalExtensions: H = [],
-  placeholder: g
+  placeholder: p
 }) {
-  const r = [
-    G(),
-    P(U, { fallback: !0 }),
-    h.theme({
+  const n = [
+    Q(),
+    P(G, { fallback: !0 }),
+    a.theme({
       ".cm-line": {
-        lineHeight: "20px"
+        lineHeight: "20px",
+        padding: "0 2px 0 4px"
       },
       ".cm-gutterElement": {
         lineHeight: "20px"
@@ -154,32 +156,37 @@ function E({
       ".cm-diagnostic-error": {
         borderLeft: "0",
         color: "#dc1b19"
+      },
+      ".cm-foldPlaceholder": {
+        background: "var(--scalar-background-1)",
+        border: "none",
+        fontFamily: "var(--scalar-font)"
       }
     }),
     // Listen to updates
-    h.updateListener.of((f) => {
-      f.docChanged && (e == null || e(f.state.doc.toString()));
+    a.updateListener.of((s) => {
+      s.docChanged && (e == null || e(s.state.doc.toString()));
     }),
-    h.domEventHandlers({
-      blur: (f, c) => {
-        i == null || i(c.state.doc.toString());
+    a.domEventHandlers({
+      blur: (s, i) => {
+        r == null || r(i.state.doc.toString());
       },
-      focus: (f, c) => {
-        s == null || s(c.state.doc.toString());
+      focus: (s, i) => {
+        c == null || c(i.state.doc.toString());
       }
     }),
     // Add Classes
-    h.editorAttributes.of({ class: o.join(" ") }),
+    a.editorAttributes.of({ class: o.join(" ") }),
     ...H
   ];
-  if (l && r.push(l), N || r.push($), a ? r.push(h.editable.of(!1)) : (r.push(
-    W(),
+  if (f && n.push(f), w || n.push(oe), h ? n.push(a.editable.of(!1)) : (n.push(
+    J(),
     y(),
-    j(),
-    u.of([...B, ee]),
+    I(),
+    d.of([...O, ne]),
     y()
-  ), S || r.push(I(), u.of([...O])), T ? r.push(
-    u.of([
+  ), S || n.push(j(), d.of([...B])), T ? n.push(
+    d.of([
       {
         key: "Tab",
         run: () => !1,
@@ -188,26 +195,39 @@ function E({
         // Prevent default Shift+Tab behavior
       }
     ])
-  ) : r.push(u.of([K]))), g && r.push(Q(g)), n && x[n] && r.push(x[n]()), w && n === "json") {
-    const f = q((c) => {
-      const p = [], b = c.state.doc.toString();
+  ) : n.push(d.of([L]))), p && n.push(X(p)), E && n.push(Y()), l && k[l] && n.push(
+    k[l](),
+    U({
+      markerDOM: (s) => {
+        const i = document.createElement("div");
+        i.classList.add("cm-foldMarker");
+        const m = ee(Z, {
+          icon: s ? "ChevronDown" : "ChevronRight",
+          size: "xs"
+        });
+        return te(m, i), i;
+      }
+    })
+  ), N && l === "json") {
+    const s = W((i) => {
+      const m = [], b = i.state.doc.toString();
       if (b.trim())
         try {
           JSON.parse(b);
         } catch (v) {
-          v instanceof Error && p.push({
+          v instanceof Error && m.push({
             from: 0,
-            to: c.state.doc.length,
+            to: i.state.doc.length,
             severity: "error",
             message: v.message
           });
         }
-      return p;
+      return m;
     });
-    r.push(f);
+    n.push(s);
   }
-  return k && r.push(X()), C && r.push(F()), M ? r.push(
-    u.of([
+  return C && n.push(re()), M ? n.push(
+    d.of([
       {
         key: "Enter",
         run: () => !0
@@ -222,15 +242,15 @@ function E({
         run: () => !0
       }
     ])
-  ) : r.push(
-    u.of([
+  ) : n.push(
+    d.of([
       {
         key: "Enter",
-        run: L
+        run: R
       }
     ])
-  ), r;
+  ), n;
 }
 export {
-  ge as useCodeMirror
+  ke as useCodeMirror
 };

package/dist/hooks/useDropdown.d.ts

@@ -0,0 +1,17 @@
+import type { EditorView } from '@codemirror/view';
+import { type Ref } from 'vue';
+/** Custom hook to manage a dropdown in a CodeMirror editor */
+export declare function useDropdown(params: {
+    codeMirror: Ref<EditorView | null>;
+    onSelect?: (item: string) => void;
+    query: Ref<string>;
+    showDropdown: Ref<boolean>;
+    dropdownPosition: Ref<{
+        left: number;
+        top: number;
+    }>;
+}): {
+    handleDropdownSelect: (item: string) => void;
+    updateDropdownVisibility: () => void;
+};
+//# sourceMappingURL=useDropdown.d.ts.map

package/dist/hooks/useDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdown.d.ts","sourceRoot":"","sources":["../../src/hooks/useDropdown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,KAAK,GAAG,EAAS,MAAM,KAAK,CAAA;AAErC,8DAA8D;AAC9D,wBAAgB,WAAW,CAAC,MAAM,EAAE;IAClC,UAAU,EAAE,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAClB,YAAY,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC1B,gBAAgB,EAAE,GAAG,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACrD;iCA2BqC,MAAM;;EAqC3C"}

package/dist/hooks/useDropdown.js

@@ -0,0 +1,42 @@
+import { watch as v } from "vue";
+function x(h) {
+  const { codeMirror: e, query: n, showDropdown: r, dropdownPosition: u } = h;
+  function c() {
+    var t;
+    return ((t = e.value) == null ? void 0 : t.state.selection.main.head) || 0;
+  }
+  function i(t) {
+    var o;
+    return (o = e.value) == null ? void 0 : o.coordsAtPos(t);
+  }
+  function d() {
+    const t = c(), o = i(t - n.value.length - 2);
+    o && (u.value = {
+      left: o.left,
+      top: Math.max(o.bottom)
+    });
+  }
+  v(n, d);
+  function m(t) {
+    var p;
+    const o = `{{${t}}}`, s = c(), l = Math.max(0, s - n.value.length - 2), a = s;
+    (p = e.value) == null || p.dispatch({
+      changes: { from: l, to: a, insert: o }
+    }), r.value = !1;
+  }
+  function f() {
+    var a;
+    const t = c(), o = ((a = e.value) == null ? void 0 : a.state.doc.sliceString(0, t)) || "", s = o.lastIndexOf("{{"), l = o.lastIndexOf("}}");
+    s > l ? (n.value = o.slice(s + 2), r.value = !0, u.value = i(t) || { left: 0, top: 0 }, n.value === "" && d()) : r.value = !1;
+  }
+  return v(() => {
+    var t;
+    return (t = e.value) == null ? void 0 : t.state.doc.toString();
+  }, f), {
+    handleDropdownSelect: m,
+    updateDropdownVisibility: f
+  };
+}
+export {
+  x as useDropdown
+};

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { yCollab } from 'y-codemirror.next';
 export { colorPicker } from '@replit/codemirror-css-color-picker';
 export { Decoration, type DecorationSet, EditorView, ViewPlugin, type ViewUpdate, WidgetType, } from '@codemirror/view';
 export { CodeMirror } from './components/CodeMirror';
+export { useDropdown } from './hooks/useDropdown.js';
 export * from './hooks';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAEjE,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EACV,UAAU,EACV,KAAK,UAAU,EACf,UAAU,GACX,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAEjE,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EACV,UAAU,EACV,KAAK,UAAU,EACf,UAAU,GACX,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/dist/index.js

@@ -1,18 +1,20 @@
 import { RangeSetBuilder as e, StateEffect as t } from "@codemirror/state";
-import { yCollab as f } from "y-codemirror.next";
-import { colorPicker as a } from "@replit/codemirror-css-color-picker";
-import { Decoration as l, EditorView as m, ViewPlugin as x, WidgetType as c } from "@codemirror/view";
-import { default as g } from "./components/CodeMirror/CodeMirror.vue.js";
+import { yCollab as i } from "y-codemirror.next";
+import { colorPicker as d } from "@replit/codemirror-css-color-picker";
+import { Decoration as x, EditorView as a, ViewPlugin as l, WidgetType as u } from "@codemirror/view";
+import { useDropdown as n } from "./hooks/useDropdown.js";
+import { default as s } from "./components/CodeMirror/CodeMirror.vue.js";
 import { useCodeMirror as C } from "./hooks/useCodeMirror.js";
 export {
-  g as CodeMirror,
-  l as Decoration,
-  m as EditorView,
+  s as CodeMirror,
+  x as Decoration,
+  a as EditorView,
   e as RangeSetBuilder,
   t as StateEffect,
-  x as ViewPlugin,
-  c as WidgetType,
-  a as colorPicker,
+  l as ViewPlugin,
+  u as WidgetType,
+  d as colorPicker,
   C as useCodeMirror,
-  f as yCollab
+  n as useDropdown,
+  i as yCollab
 };

package/package.json

@@ -16,7 +16,7 @@
     "vue",
     "vue3"
   ],
-  "version": "0.11.10",
+  "version": "0.11.11",
   "engines": {
     "node": ">=18"
   },
@@ -52,7 +52,8 @@
     "@replit/codemirror-css-color-picker": "^6.1.0",
     "@uiw/codemirror-themes": "^4.21.21",
     "codemirror": "^6.0.0",
-    "vue": "^3.4.29"
+    "vue": "^3.4.29",
+    "@scalar/components": "0.12.45"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",