@adyen/bento-vue3 1.26.0 → 1.27.0

package/dist/code-snippet.js

@@ -1,30 +1,31 @@
-import { openBlock as O, createElementBlock as le, mergeProps as Fe, toDisplayString as Ae, createCommentVNode as F, createElementVNode as ae, defineComponent as Ye, ref as ge, computed as ue, shallowRef as Pe, onMounted as et, watch as tt, watchEffect as nt, resolveComponent as K, normalizeClass as $e, createBlock as oe, createVNode as me, withCtx as he, createTextVNode as Ve, renderSlot as rt, normalizeProps as it, guardReactiveProps as st, pushScopeId as ot, popScopeId as lt } from "vue";
-import { highlightActiveLine as at, keymap as ut, EditorView as He, lineNumbers as ht } from "@codemirror/view";
+import { openBlock as O, createElementBlock as le, mergeProps as Fe, toDisplayString as Ae, createCommentVNode as F, createElementVNode as ae, defineComponent as Qe, ref as ge, computed as ue, shallowRef as Pe, onMounted as et, watch as tt, watchEffect as nt, resolveComponent as K, normalizeClass as He, createBlock as oe, createVNode as me, withCtx as he, createTextVNode as $e, renderSlot as rt, normalizeProps as it, guardReactiveProps as st, pushScopeId as ot, popScopeId as lt } from "vue";
+import { highlightActiveLine as at, keymap as ut, EditorView as Ve, lineNumbers as ht } from "@codemirror/view";
 import { EditorSelection as ft, Compartment as Ne, EditorState as je } from "@codemirror/state";
 import { indentWithTab as ct, history as dt } from "@codemirror/commands";
 import { syntaxHighlighting as pt, HighlightStyle as gt } from "@codemirror/language";
-import { B as mt } from "./chunks/dropdown.d8587f36.js";
-import { a as bt } from "./chunks/button.60dad578.js";
-import { B as yt } from "./chunks/index.a3d60e4f.js";
-import { b as xt } from "./chunks/tooltip.1084d92b.js";
+import { B as mt } from "./chunks/dropdown.0ae3b842.js";
+import { a as bt } from "./chunks/button.ae4760cd.js";
+import { B as yt } from "./chunks/index.ee15db35.js";
+import { b as xt } from "./chunks/tooltip.36172265.js";
 import { BentoLoadingIndicator as kt } from "./loading-indicator.js";
 import { u as _t } from "./chunks/i18n.f7e6533e.js";
 import { _ as qe } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { h as vt } from "./chunks/base-modal.29e062d0.js";
-import { C as wt } from "./chunks/copy.852d4cb8.js";
+import { h as vt } from "./chunks/base-modal.4102f69d.js";
+import { C as wt } from "./chunks/copy.60ee6ac3.js";
 import { json as Ct } from "@codemirror/lang-json";
 import { xml as Nt } from "@codemirror/lang-xml";
 import { javascript as St } from "@codemirror/lang-javascript";
 import { java as At } from "@codemirror/lang-java";
-import "./assets/index14.css";
-const It = 1024;
-let Lt = 0;
+import { python as It } from "@codemirror/lang-python";
+import "./assets/index46.css";
+const Lt = 1024;
+let Bt = 0;
 class v {
   /**
   Create a new node prop type.
   */
   constructor(e = {}) {
-    this.id = Lt++, this.perNode = !!e.perNode, this.deserialize = e.deserialize || (() => {
+    this.id = Bt++, this.perNode = !!e.perNode, this.deserialize = e.deserialize || (() => {
       throw new Error("This node type doesn't define a deserialize function");
     });
   }
@@ -68,7 +69,7 @@ class we {
     return e && e.props && e.props[v.mounted.id];
   }
 }
-const Bt = /* @__PURE__ */ Object.create(null);
+const Et = /* @__PURE__ */ Object.create(null);
 class G {
   /**
   @internal
@@ -80,7 +81,7 @@ class G {
   Define a node type.
   */
   static define(e) {
-    let t = e.props && e.props.length ? /* @__PURE__ */ Object.create(null) : Bt, n = (e.top ? 1 : 0) | (e.skipped ? 2 : 0) | (e.error ? 4 : 0) | (e.name == null ? 8 : 0), i = new G(e.name || "", t, e.id, n);
+    let t = e.props && e.props.length ? /* @__PURE__ */ Object.create(null) : Et, n = (e.top ? 1 : 0) | (e.skipped ? 2 : 0) | (e.error ? 4 : 0) | (e.name == null ? 8 : 0), i = new G(e.name || "", t, e.id, n);
     if (e.props) {
       for (let s of e.props)
         if (Array.isArray(s) || (s = s(i)), s) {
@@ -253,7 +254,7 @@ class R {
   position.
   */
   resolveStack(e, t = 0) {
-    return zt(this, e, t);
+    return Mt(this, e, t);
   }
   /**
   Iterate over the tree and its children, calling `enter` for any
@@ -310,7 +311,7 @@ class R {
   or a cursor over such a buffer.
   */
   static build(e) {
-    return Mt(e);
+    return Tt(e);
   }
 }
 R.empty = new R(G.none, [], [], 0);
@@ -430,7 +431,7 @@ function de(r, e, t, n) {
     r = o;
   }
 }
-class Ze {
+class Ye {
   cursor(e = 0) {
     return new Le(this, e);
   }
@@ -467,7 +468,7 @@ class Ze {
     return this.parent;
   }
 }
-class z extends Ze {
+class z extends Ye {
   constructor(e, t, n, i) {
     super(), this._tree = e, this.from = t, this.index = n, this._parent = i;
   }
@@ -490,7 +491,7 @@ class z extends Ze {
               continue;
             let A = w.findChild(0, w.buffer.length, t, n - C, i);
             if (A > -1)
-              return new Z(new Et(o, w, e, C), null, A);
+              return new Z(new Ot(o, w, e, C), null, A);
           } else if (s & I.IncludeAnonymous || !w.type.isAnonymous || Oe(w)) {
             let A;
             if (!(s & I.IgnoreMounts) && (A = we.get(w)) && !A.overlay)
@@ -618,12 +619,12 @@ function Ie(r, e, t = e.length - 1) {
   }
   return !0;
 }
-class Et {
+class Ot {
   constructor(e, t, n, i) {
     this.parent = e, this.buffer = t, this.index = n, this.start = i;
   }
 }
-class Z extends Ze {
+class Z extends Ye {
   get name() {
     return this.type.name;
   }
@@ -723,7 +724,7 @@ class Z extends Ze {
     return this.context.buffer.childString(this.index);
   }
 }
-function Qe(r) {
+function Ze(r) {
   if (!r.length)
     return null;
   let e = 0, t = r[0];
@@ -732,17 +733,17 @@ function Qe(r) {
     (o.from > t.from || o.to < t.to) && (t = o, e = s);
   }
   let n = t instanceof z && t.index < 0 ? null : t.parent, i = r.slice();
-  return n ? i[e] = n : i.splice(e, 1), new Ot(i, t);
+  return n ? i[e] = n : i.splice(e, 1), new zt(i, t);
 }
-class Ot {
+class zt {
   constructor(e, t) {
     this.heads = e, this.node = t;
   }
   get next() {
-    return Qe(this.heads);
+    return Ze(this.heads);
   }
 }
-function zt(r, e, t) {
+function Mt(r, e, t) {
   let n = r.resolveInner(e, t), i = null;
   for (let s = n instanceof z ? n : n.context.parent; s; s = s.parent)
     if (s.index < 0) {
@@ -755,7 +756,7 @@ function zt(r, e, t) {
         (i || (i = [n])).push(de(u, e, t, !1));
       }
     }
-  return i ? Qe(i) : n;
+  return i ? Ze(i) : n;
 }
 class Le {
   /**
@@ -1057,9 +1058,9 @@ class Le {
 function Oe(r) {
   return r.children.some((e) => e instanceof Q || !e.type.isAnonymous || Oe(e));
 }
-function Mt(r) {
+function Tt(r) {
   var e;
-  let { buffer: t, nodeSet: n, maxBufferLength: i = It, reused: s = [], minRepeatType: o = n.types.length } = r, u = Array.isArray(t) ? new Ee(t, t.length) : t, f = n.types, x = 0, w = 0;
+  let { buffer: t, nodeSet: n, maxBufferLength: i = Lt, reused: s = [], minRepeatType: o = n.types.length } = r, u = Array.isArray(t) ? new Ee(t, t.length) : t, f = n.types, x = 0, w = 0;
   function C(g, b, h, y, p, m) {
     let { id: c, start: d, end: _, size: k } = u, L = w;
     for (; k < 0; )
@@ -1075,23 +1076,23 @@ function Mt(r) {
         return;
       } else
         throw new RangeError(`Unrecognized record size: ${k}`);
-    let Y = f[c], ie, ee, Me = d - g;
-    if (_ - d <= i && (ee = M(u.pos - b, p))) {
-      let W = new Uint16Array(ee.size - ee.skip), E = u.pos - ee.size, P = W.length;
+    let ee = f[c], ie, te, Me = d - g;
+    if (_ - d <= i && (te = M(u.pos - b, p))) {
+      let W = new Uint16Array(te.size - te.skip), E = u.pos - te.size, P = W.length;
       for (; u.pos > E; )
-        P = D(ee.start, W, P);
-      ie = new Q(W, _ - ee.start, n), Me = ee.start - g;
+        P = D(te.start, W, P);
+      ie = new Q(W, _ - te.start, n), Me = te.start - g;
     } else {
       let W = u.pos - k;
       u.next();
-      let E = [], P = [], te = c >= o ? c : -1, se = 0, pe = _;
+      let E = [], P = [], ne = c >= o ? c : -1, se = 0, pe = _;
       for (; u.pos > W; )
-        te >= 0 && u.id == te && u.size >= 0 ? (u.end <= pe - i && (N(E, P, d, se, u.end, pe, te, L), se = E.length, pe = u.end), u.next()) : m > 2500 ? A(d, W, E, P) : C(d, W, E, P, te, m + 1);
-      if (te >= 0 && se > 0 && se < E.length && N(E, P, d, se, d, pe, te, L), E.reverse(), P.reverse(), te > -1 && se > 0) {
-        let Te = B(Y);
-        ie = ze(Y, E, P, 0, E.length, 0, _ - d, Te, Te);
+        ne >= 0 && u.id == ne && u.size >= 0 ? (u.end <= pe - i && (N(E, P, d, se, u.end, pe, ne, L), se = E.length, pe = u.end), u.next()) : m > 2500 ? A(d, W, E, P) : C(d, W, E, P, ne, m + 1);
+      if (ne >= 0 && se > 0 && se < E.length && N(E, P, d, se, d, pe, ne, L), E.reverse(), P.reverse(), ne > -1 && se > 0) {
+        let Te = B(ee);
+        ie = ze(ee, E, P, 0, E.length, 0, _ - d, Te, Te);
       } else
-        ie = T(Y, E, P, _ - d, L - _);
+        ie = T(ee, E, P, _ - d, L - _);
     }
     h.push(ie), y.push(Me);
   }
@@ -1154,18 +1155,18 @@ function Mt(r) {
         let L = h.pos - k;
         if (k < 0 || L < _ || h.start < c)
           break;
-        let Y = h.id >= o ? 4 : 0, ie = h.start;
+        let ee = h.id >= o ? 4 : 0, ie = h.start;
         for (h.next(); h.pos > L; ) {
           if (h.size < 0)
             if (h.size == -3)
-              Y += 4;
+              ee += 4;
             else
               break e;
           else
-            h.id >= o && (Y += 4);
+            h.id >= o && (ee += 4);
           h.next();
         }
-        p = ie, y += k, m += Y;
+        p = ie, y += k, m += ee;
       }
     return (b < 0 || y == g) && (d.size = y, d.start = p, d.skip = m), d.size > 4 ? d : void 0;
   }
@@ -1241,13 +1242,13 @@ function ze(r, e, t, n, i, s, o, u, f) {
   return B(e, t, n, i, 0), (u || f)(C, A, o);
 }
 new v({ perNode: !0 });
-let Tt = 0;
+let Pt = 0;
 class j {
   /**
   @internal
   */
   constructor(e, t, n) {
-    this.set = e, this.base = t, this.modified = n, this.id = Tt++;
+    this.set = e, this.base = t, this.modified = n, this.id = Pt++;
   }
   /**
   Define a new tag. If `parent` is given, the tag is treated as a
@@ -1282,10 +1283,10 @@ class j {
     return (t) => t.modified.indexOf(e) > -1 ? t : Ce.get(t.base || t, t.modified.concat(e).sort((n, i) => n.id - i.id));
   }
 }
-let Pt = 0;
+let Ht = 0;
 class Ce {
   constructor() {
-    this.instances = [], this.id = Pt++;
+    this.instances = [], this.id = Ht++;
   }
   static get(e, t) {
     if (!t.length)
@@ -1315,7 +1316,7 @@ function Vt(r) {
   return e.sort((t, n) => n.length - t.length);
 }
 new v();
-function Ht(r, e) {
+function jt(r, e) {
   let t = /* @__PURE__ */ Object.create(null);
   for (let s of r)
     if (!Array.isArray(s.tag))
@@ -1340,7 +1341,7 @@ function Ht(r, e) {
     scope: n
   };
 }
-const a = j.define, ye = a(), q = a(), Je = a(q), We = a(q), X = a(), xe = a(X), Se = a(X), H = a(), ne = a(H), $ = a(), V = a(), Be = a(), fe = a(Be), ke = a(), l = {
+const a = j.define, ye = a(), q = a(), Je = a(q), We = a(q), X = a(), xe = a(X), Se = a(X), V = a(), re = a(V), H = a(), $ = a(), Be = a(), fe = a(Be), ke = a(), l = {
   /**
   A comment.
   */
@@ -1453,85 +1454,85 @@ const a = j.define, ye = a(), q = a(), Je = a(q), We = a(q), X = a(), xe = a(X),
   /**
   A language keyword.
   */
-  keyword: $,
+  keyword: H,
   /**
   The [keyword](#highlight.tags.keyword) for the self or this
   object.
   */
-  self: a($),
+  self: a(H),
   /**
   The [keyword](#highlight.tags.keyword) for null.
   */
-  null: a($),
+  null: a(H),
   /**
   A [keyword](#highlight.tags.keyword) denoting some atomic value.
   */
-  atom: a($),
+  atom: a(H),
   /**
   A [keyword](#highlight.tags.keyword) that represents a unit.
   */
-  unit: a($),
+  unit: a(H),
   /**
   A modifier [keyword](#highlight.tags.keyword).
   */
-  modifier: a($),
+  modifier: a(H),
   /**
   A [keyword](#highlight.tags.keyword) that acts as an operator.
   */
-  operatorKeyword: a($),
+  operatorKeyword: a(H),
   /**
   A control-flow related [keyword](#highlight.tags.keyword).
   */
-  controlKeyword: a($),
+  controlKeyword: a(H),
   /**
   A [keyword](#highlight.tags.keyword) that defines something.
   */
-  definitionKeyword: a($),
+  definitionKeyword: a(H),
   /**
   A [keyword](#highlight.tags.keyword) related to defining or
   interfacing with modules.
   */
-  moduleKeyword: a($),
+  moduleKeyword: a(H),
   /**
   An operator.
   */
-  operator: V,
+  operator: $,
   /**
   An [operator](#highlight.tags.operator) that dereferences something.
   */
-  derefOperator: a(V),
+  derefOperator: a($),
   /**
   Arithmetic-related [operator](#highlight.tags.operator).
   */
-  arithmeticOperator: a(V),
+  arithmeticOperator: a($),
   /**
   Logical [operator](#highlight.tags.operator).
   */
-  logicOperator: a(V),
+  logicOperator: a($),
   /**
   Bit [operator](#highlight.tags.operator).
   */
-  bitwiseOperator: a(V),
+  bitwiseOperator: a($),
   /**
   Comparison [operator](#highlight.tags.operator).
   */
-  compareOperator: a(V),
+  compareOperator: a($),
   /**
   [Operator](#highlight.tags.operator) that updates its operand.
   */
-  updateOperator: a(V),
+  updateOperator: a($),
   /**
   [Operator](#highlight.tags.operator) that defines something.
   */
-  definitionOperator: a(V),
+  definitionOperator: a($),
   /**
   Type-related [operator](#highlight.tags.operator).
   */
-  typeOperator: a(V),
+  typeOperator: a($),
   /**
   Control-flow [operator](#highlight.tags.operator).
   */
-  controlOperator: a(V),
+  controlOperator: a($),
   /**
   Program or markup punctuation.
   */
@@ -1568,69 +1569,69 @@ const a = j.define, ye = a(), q = a(), Je = a(q), We = a(q), X = a(), xe = a(X),
   /**
   Content, for example plain text in XML or markup documents.
   */
-  content: H,
+  content: V,
   /**
   [Content](#highlight.tags.content) that represents a heading.
   */
-  heading: ne,
+  heading: re,
   /**
   A level 1 [heading](#highlight.tags.heading).
   */
-  heading1: a(ne),
+  heading1: a(re),
   /**
   A level 2 [heading](#highlight.tags.heading).
   */
-  heading2: a(ne),
+  heading2: a(re),
   /**
   A level 3 [heading](#highlight.tags.heading).
   */
-  heading3: a(ne),
+  heading3: a(re),
   /**
   A level 4 [heading](#highlight.tags.heading).
   */
-  heading4: a(ne),
+  heading4: a(re),
   /**
   A level 5 [heading](#highlight.tags.heading).
   */
-  heading5: a(ne),
+  heading5: a(re),
   /**
   A level 6 [heading](#highlight.tags.heading).
   */
-  heading6: a(ne),
+  heading6: a(re),
   /**
   A prose separator (such as a horizontal rule).
   */
-  contentSeparator: a(H),
+  contentSeparator: a(V),
   /**
   [Content](#highlight.tags.content) that represents a list.
   */
-  list: a(H),
+  list: a(V),
   /**
   [Content](#highlight.tags.content) that represents a quote.
   */
-  quote: a(H),
+  quote: a(V),
   /**
   [Content](#highlight.tags.content) that is emphasized.
   */
-  emphasis: a(H),
+  emphasis: a(V),
   /**
   [Content](#highlight.tags.content) that is styled strong.
   */
-  strong: a(H),
+  strong: a(V),
   /**
   [Content](#highlight.tags.content) that is part of a link.
   */
-  link: a(H),
+  link: a(V),
   /**
   [Content](#highlight.tags.content) that is styled as code or
   monospace.
   */
-  monospace: a(H),
+  monospace: a(V),
   /**
   [Content](#highlight.tags.content) that has a strike-through
   style.
   */
-  strikethrough: a(H),
+  strikethrough: a(V),
   /**
   Inserted text in a change-tracking format.
   */
@@ -1706,7 +1707,7 @@ const a = j.define, ye = a(), q = a(), Je = a(q), We = a(q), X = a(), xe = a(X),
   */
   special: j.defineModifier()
 };
-Ht([
+jt([
   { tag: l.link, class: "tok-link" },
   { tag: l.heading, class: "tok-heading" },
   { tag: l.emphasis, class: "tok-emphasis" },
@@ -1738,13 +1739,13 @@ Ht([
   { tag: l.invalid, class: "tok-invalid" },
   { tag: l.punctuation, class: "tok-punctuation" }
 ]);
-const jt = "#c72727", Rt = "#9b5700", Dt = "#067934", Ut = "#0063d7", Jt = {
-  red: jt,
-  orange: Rt,
-  green: Dt,
-  blue: Ut,
+const Rt = "#c72727", Dt = "#9b5700", Ut = "#067934", Jt = "#0063d7", Wt = {
+  red: Rt,
+  orange: Dt,
+  green: Ut,
+  blue: Jt,
   invalid: "#ffffff"
-}, Wt = (r) => gt.define([
+}, Gt = (r) => gt.define([
   {
     tag: l.keyword,
     color: r.red
@@ -1811,22 +1812,23 @@ const jt = "#c72727", Rt = "#9b5700", Dt = "#067934", Ut = "#0063d7", Jt = {
     tag: l.invalid,
     color: r.invalid
   }
-]), Gt = pt(Wt(Jt));
-var ve = /* @__PURE__ */ ((r) => (r.INLINE = "inline", r.SINGLELINE = "singleline", r.MULTILINE = "multiline", r))(ve || {}), re = /* @__PURE__ */ ((r) => (r.JSON = "json", r.XML = "xml", r.JAVA = "java", r.JAVASCRIPT = "javascript", r))(re || {}), ce = /* @__PURE__ */ ((r) => (r.ACTION = "action", r.CHANGE = "change", r))(ce || {});
-const Kt = {
-  [re.JSON]: Ct,
-  [re.XML]: Nt,
-  [re.JAVASCRIPT]: St,
-  [re.JAVA]: At
-}, Ft = (r) => async () => Kt[r], qt = (r, e) => {
+]), Kt = pt(Gt(Wt));
+var ve = /* @__PURE__ */ ((r) => (r.INLINE = "inline", r.SINGLELINE = "singleline", r.MULTILINE = "multiline", r))(ve || {}), Y = /* @__PURE__ */ ((r) => (r.JSON = "json", r.XML = "xml", r.JAVA = "java", r.JAVASCRIPT = "javascript", r.PYTHON = "python", r))(Y || {}), ce = /* @__PURE__ */ ((r) => (r.ACTION = "action", r.CHANGE = "change", r))(ce || {});
+const Ft = {
+  [Y.JSON]: Ct,
+  [Y.XML]: Nt,
+  [Y.JAVASCRIPT]: St,
+  [Y.JAVA]: At,
+  [Y.PYTHON]: It
+}, qt = (r) => async () => Ft[r], Xt = (r, e) => {
   const t = r.doc.lineAt(e.from), n = /^\s*/.exec(t.text);
   return n ? n[0] : "";
-}, Xt = {
+}, Yt = {
   key: "Enter",
   run: ({ state: r, dispatch: e }) => {
     const t = r.changeByRange((n) => {
       const s = `
-${qt(r, n)}`;
+${Xt(r, n)}`;
       return {
         changes: { from: n.from, to: n.to, insert: s },
         range: ft.cursor(n.from + s.length)
@@ -1840,14 +1842,14 @@ const Zt = {
   beforeCreate() {
     this.uuid = Ge.toString(), Ge += 1;
   }
-}, Qt = { key: 0 }, Yt = /* @__PURE__ */ ae("path", {
+}, Qt = { key: 0 }, en = /* @__PURE__ */ ae("path", {
   fill: "#00112C",
   d: "M14.75 1.25V6.75H13.25V3.81083L10.0001 7.06072L8.93945 6.00006L12.1895 2.75H9.25V1.25H14.75Z"
-}, null, -1), en = /* @__PURE__ */ ae("path", {
+}, null, -1), tn = /* @__PURE__ */ ae("path", {
   fill: "#00112C",
   d: "M2.75 12.1895V9.25H1.25V14.75H6.75V13.25H3.81083L7.06072 10.0001L6.00006 8.93945L2.75 12.1895Z"
 }, null, -1);
-function tn(r, e, t, n, i, s) {
+function nn(r, e, t, n, i, s) {
   return O(), le("svg", Fe({ role: "img" }, r.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1856,16 +1858,16 @@ function tn(r, e, t, n, i, s) {
     fill: "none"
   }), [
     r.$attrs["svg-title"] ? (O(), le("title", Qt, Ae(r.$attrs["svg-title"]), 1)) : F("", !0),
-    Yt,
-    en
+    en,
+    tn
   ], 16);
 }
-const nn = /* @__PURE__ */ qe(Zt, [["render", tn]]), Ke = {
+const rn = /* @__PURE__ */ qe(Zt, [["render", nn]]), Ke = {
   "en-US": {
     run: "Run",
     expand: "Expand"
   }
-}, rn = Ye({
+}, sn = Qe({
   i18n: { messages: Ke },
   name: "bento-code-snippet",
   components: {
@@ -1875,7 +1877,7 @@ const nn = /* @__PURE__ */ qe(Zt, [["render", tn]]), Ke = {
     Copy: wt,
     BaseModal: vt,
     BentoLoadingIndicator: kt,
-    ExpandIcon: nn
+    ExpandIcon: rn
   },
   directives: { BentoTooltipDirective: xt },
   props: {
@@ -1892,8 +1894,8 @@ const nn = /* @__PURE__ */ qe(Zt, [["render", tn]]), Ke = {
      */
     lang: {
       type: String,
-      default: re.JSON,
-      validator: (r) => Object.values(re).includes(r)
+      default: Y.JSON,
+      validator: (r) => Object.values(Y).includes(r)
     },
     /**
      * Label to show in the action-bar, describing the language
@@ -1956,7 +1958,7 @@ const nn = /* @__PURE__ */ qe(Zt, [["render", tn]]), Ke = {
       "b-code-snippet--scrollable": !u.value
     })), x = ue(() => ({
       "b-code-snippet__code-area-content--editable": r.editable
-    })), w = Ft(r.lang), C = Pe(), A = Pe(), B = new Ne(), N = new Ne(), T = new Ne(), M = ge(null), D = ge(0);
+    })), w = qt(r.lang), C = Pe(), A = Pe(), B = new Ne(), N = new Ne(), T = new Ne(), M = ge(null), D = ge(0);
     et(async () => {
       const g = await w();
       M.value = r.content;
@@ -1964,18 +1966,18 @@ const nn = /* @__PURE__ */ qe(Zt, [["render", tn]]), Ke = {
         M.value = p.doc.toString();
       }, h = [
         at(),
-        ut.of([ct, Xt]),
+        ut.of([ct, Yt]),
         B.of(g()),
-        N.of(Gt),
+        N.of(Kt),
         T.of(je.readOnly.of(!r.editable)),
-        He.updateListener.of((p) => b(p))
+        Ve.updateListener.of((p) => b(p))
       ];
       r.variant === "multiline" && h.push([ht(), dt()]);
       const y = je.create({
         doc: r.content,
         extensions: [...h]
       });
-      D.value = y.doc.length, A.value = new He({
+      D.value = y.doc.length, A.value = new Ve({
         state: y,
         parent: C.value
       });
@@ -2022,20 +2024,20 @@ const nn = /* @__PURE__ */ qe(Zt, [["render", tn]]), Ke = {
     };
   }
 });
-const sn = (r) => (ot("data-v-5eb6a936"), r = r(), lt(), r), on = {
+const on = (r) => (ot("data-v-5eb6a936"), r = r(), lt(), r), ln = {
   key: 0,
   class: "b-code-snippet__action-bar"
-}, ln = { class: "b-code-snippet__action-bar--start" }, an = { class: "b-code-snippet__action-bar--end" }, un = {
+}, an = { class: "b-code-snippet__action-bar--start" }, un = { class: "b-code-snippet__action-bar--end" }, hn = {
   key: 1,
   class: "b-code-snippet__code-area"
-}, hn = { key: 2 }, fn = /* @__PURE__ */ sn(() => /* @__PURE__ */ ae("div", { class: "b-code-snippet__empty-state" }, "Nothing to show", -1));
-function cn(r, e, t, n, i, s) {
+}, fn = { key: 2 }, cn = /* @__PURE__ */ on(() => /* @__PURE__ */ ae("div", { class: "b-code-snippet__empty-state" }, "Nothing to show", -1));
+function dn(r, e, t, n, i, s) {
   const o = K("bento-dropdown"), u = K("bento-typography"), f = K("bento-loading-indicator"), x = K("copy"), w = K("expand-icon"), C = K("bento-button"), A = K("bento-code-snippet"), B = K("base-modal");
   return O(), le("div", {
-    class: $e(["b-code-snippet", r.conditionalClasses])
+    class: He(["b-code-snippet", r.conditionalClasses])
   }, [
-    r.isInlineVariant ? F("", !0) : (O(), le("section", on, [
-      ae("div", ln, [
+    r.isInlineVariant ? F("", !0) : (O(), le("section", ln, [
+      ae("div", an, [
         r.availableLanguages.length > 0 ? (O(), oe(o, Fe({
           key: 0,
           modelValue: r.selectedLanguage,
@@ -2051,12 +2053,12 @@ function cn(r, e, t, n, i, s) {
           stronger: ""
         }, {
           default: he(() => [
-            Ve(Ae(r.displayedLang), 1)
+            $e(Ae(r.displayedLang), 1)
           ]),
           _: 1
         })
       ]),
-      ae("div", an, [
+      ae("div", un, [
         r.loading ? (O(), oe(f, { key: 0 })) : F("", !0),
         r.currentContents !== null ? (O(), oe(x, {
           key: 1,
@@ -2088,7 +2090,7 @@ function cn(r, e, t, n, i, s) {
               class: "b-code-snippet__action-button"
             }, {
               default: he(() => [
-                Ve(Ae(r.runText), 1)
+                $e(Ae(r.runText), 1)
               ]),
               _: 1
             })
@@ -2097,14 +2099,14 @@ function cn(r, e, t, n, i, s) {
         }, 8, ["onClick"])) : F("", !0)
       ])
     ])),
-    r.content || r.editable ? (O(), le("code", un, [
+    r.content || r.editable ? (O(), le("code", hn, [
       ae("div", {
         ref: "container",
-        class: $e(["b-code-snippet__code-area-content", r.codeAreaContentConditionalClasses])
+        class: He(["b-code-snippet__code-area-content", r.codeAreaContentConditionalClasses])
       }, null, 2)
-    ])) : (O(), le("section", hn, [
+    ])) : (O(), le("section", fn, [
       rt(r.$slots, "empty-state", {}, () => [
-        fn
+        cn
       ], !0)
     ])),
     r.expandable ? (O(), oe(B, {
@@ -2124,11 +2126,11 @@ function cn(r, e, t, n, i, s) {
     }, 8, ["is-open"])) : F("", !0)
   ], 2);
 }
-const En = /* @__PURE__ */ qe(rn, [["render", cn], ["__scopeId", "data-v-5eb6a936"]]);
+const zn = /* @__PURE__ */ qe(sn, [["render", dn], ["__scopeId", "data-v-5eb6a936"]]);
 export {
-  En as BentoCodeSnippet,
+  zn as BentoCodeSnippet,
   ce as BentoCodeSnippetEvent,
-  re as BentoCodeSnippetSupportedLanguage,
+  Y as BentoCodeSnippetSupportedLanguage,
   ve as BentoCodeSnippetVariant
 };
 //# sourceMappingURL=code-snippet.js.map