@halo-dev/shiki-code-element 1.0.0

package/dist/index.js

@@ -0,0 +1,1021 @@
+const J = '*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}';
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const O = globalThis, K = O.ShadowRoot && (O.ShadyCSS === void 0 || O.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Z = Symbol(), st = /* @__PURE__ */ new WeakMap();
+let gt = class {
+  constructor(t, e, i) {
+    if (this._$cssResult$ = !0, i !== Z) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (K && t === void 0) {
+      const i = e !== void 0 && e.length === 1;
+      i && (t = st.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && st.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const C = (s) => new gt(typeof s == "string" ? s : s + "", void 0, Z), G = (s, ...t) => {
+  const e = s.length === 1 ? s[0] : t.reduce(((i, n, r) => i + ((o) => {
+    if (o._$cssResult$ === !0) return o.cssText;
+    if (typeof o == "number") return o;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(n) + s[r + 1]), s[0]);
+  return new gt(e, s, Z);
+}, kt = (s, t) => {
+  if (K) s.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet));
+  else for (const e of t) {
+    const i = document.createElement("style"), n = O.litNonce;
+    n !== void 0 && i.setAttribute("nonce", n), i.textContent = e.cssText, s.appendChild(i);
+  }
+}, rt = K ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const i of t.cssRules) e += i.cssText;
+  return C(e);
+})(s) : s;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: _t, defineProperty: xt, getOwnPropertyDescriptor: At, getOwnPropertyNames: Ct, getOwnPropertySymbols: Et, getPrototypeOf: zt } = Object, D = globalThis, ot = D.trustedTypes, St = ot ? ot.emptyScript : "", Tt = D.reactiveElementPolyfillSupport, T = (s, t) => s, j = { toAttribute(s, t) {
+  switch (t) {
+    case Boolean:
+      s = s ? St : null;
+      break;
+    case Object:
+    case Array:
+      s = s == null ? s : JSON.stringify(s);
+  }
+  return s;
+}, fromAttribute(s, t) {
+  let e = s;
+  switch (t) {
+    case Boolean:
+      e = s !== null;
+      break;
+    case Number:
+      e = s === null ? null : Number(s);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(s);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, Q = (s, t) => !_t(s, t), at = { attribute: !0, type: String, converter: j, reflect: !1, useDefault: !1, hasChanged: Q };
+Symbol.metadata ??= Symbol("metadata"), D.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let x = class extends HTMLElement {
+  static addInitializer(t) {
+    this._$Ei(), (this.l ??= []).push(t);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t, e = at) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
+      const i = Symbol(), n = this.getPropertyDescriptor(t, i, e);
+      n !== void 0 && xt(this.prototype, t, n);
+    }
+  }
+  static getPropertyDescriptor(t, e, i) {
+    const { get: n, set: r } = At(this.prototype, t) ?? { get() {
+      return this[e];
+    }, set(o) {
+      this[e] = o;
+    } };
+    return { get: n, set(o) {
+      const l = n?.call(this);
+      r?.call(this, o), this.requestUpdate(t, l, i);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? at;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(T("elementProperties"))) return;
+    const t = zt(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(T("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {
+      const e = this.properties, i = [...Ct(e), ...Et(e)];
+      for (const n of i) this.createProperty(n, e[n]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const e = litPropertyMetadata.get(t);
+      if (e !== void 0) for (const [i, n] of e) this.elementProperties.set(i, n);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [e, i] of this.elementProperties) {
+      const n = this._$Eu(e, i);
+      n !== void 0 && this._$Eh.set(n, e);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const i = new Set(t.flat(1 / 0).reverse());
+      for (const n of i) e.unshift(rt(n));
+    } else t !== void 0 && e.push(rt(t));
+    return e;
+  }
+  static _$Eu(t, e) {
+    const i = e.attribute;
+    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise(((t) => this.enableUpdating = t)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t) => t(this)));
+  }
+  addController(t) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
+  }
+  removeController(t) {
+    this._$EO?.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+    for (const i of e.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return kt(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach(((t) => t.hostDisconnected?.()));
+  }
+  attributeChangedCallback(t, e, i) {
+    this._$AK(t, i);
+  }
+  _$ET(t, e) {
+    const i = this.constructor.elementProperties.get(t), n = this.constructor._$Eu(t, i);
+    if (n !== void 0 && i.reflect === !0) {
+      const r = (i.converter?.toAttribute !== void 0 ? i.converter : j).toAttribute(e, i.type);
+      this._$Em = t, r == null ? this.removeAttribute(n) : this.setAttribute(n, r), this._$Em = null;
+    }
+  }
+  _$AK(t, e) {
+    const i = this.constructor, n = i._$Eh.get(t);
+    if (n !== void 0 && this._$Em !== n) {
+      const r = i.getPropertyOptions(n), o = typeof r.converter == "function" ? { fromAttribute: r.converter } : r.converter?.fromAttribute !== void 0 ? r.converter : j;
+      this._$Em = n;
+      const l = o.fromAttribute(e, r.type);
+      this[n] = l ?? this._$Ej?.get(n) ?? l, this._$Em = null;
+    }
+  }
+  requestUpdate(t, e, i) {
+    if (t !== void 0) {
+      const n = this.constructor, r = this[t];
+      if (i ??= n.getPropertyOptions(t), !((i.hasChanged ?? Q)(r, e) || i.useDefault && i.reflect && r === this._$Ej?.get(t) && !this.hasAttribute(n._$Eu(t, i)))) return;
+      this.C(t, e, i);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
+  }
+  C(t, e, { useDefault: i, reflect: n, wrapped: r }, o) {
+    i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, o ?? e ?? this[t]), r !== !0 || o !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (e = void 0), this._$AL.set(t, e)), n === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  }
+  async _$EP() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [n, r] of this._$Ep) this[n] = r;
+        this._$Ep = void 0;
+      }
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [n, r] of i) {
+        const { wrapped: o } = r, l = this[n];
+        o !== !0 || this._$AL.has(n) || l === void 0 || this.C(n, void 0, r, l);
+      }
+    }
+    let t = !1;
+    const e = this._$AL;
+    try {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach(((i) => i.hostUpdate?.())), this.update(e)) : this._$EM();
+    } catch (i) {
+      throw t = !1, this._$EM(), i;
+    }
+    t && this._$AE(e);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    this._$EO?.forEach(((e) => e.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Eq &&= this._$Eq.forEach(((e) => this._$ET(e, this[e]))), this._$EM();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+x.elementStyles = [], x.shadowRootOptions = { mode: "open" }, x[T("elementProperties")] = /* @__PURE__ */ new Map(), x[T("finalized")] = /* @__PURE__ */ new Map(), Tt?.({ ReactiveElement: x }), (D.reactiveElementVersions ??= []).push("2.1.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const X = globalThis, L = X.trustedTypes, lt = L ? L.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, mt = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, ft = "?" + v, Pt = `<${ft}>`, k = document, P = () => k.createComment(""), M = (s) => s === null || typeof s != "object" && typeof s != "function", Y = Array.isArray, Mt = (s) => Y(s) || typeof s?.[Symbol.iterator] == "function", F = `[ 	
+\f\r]`, S = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ht = /-->/g, ct = />/g, $ = RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ut = /'/g, dt = /"/g, bt = /^(?:script|style|textarea|title)$/i, Nt = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), g = Nt(1), _ = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), pt = /* @__PURE__ */ new WeakMap(), w = k.createTreeWalker(k, 129);
+function yt(s, t) {
+  if (!Y(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return lt !== void 0 ? lt.createHTML(t) : t;
+}
+const Ut = (s, t) => {
+  const e = s.length - 1, i = [];
+  let n, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = S;
+  for (let l = 0; l < e; l++) {
+    const a = s[l];
+    let u, p, h = -1, b = 0;
+    for (; b < a.length && (o.lastIndex = b, p = o.exec(a), p !== null); ) b = o.lastIndex, o === S ? p[1] === "!--" ? o = ht : p[1] !== void 0 ? o = ct : p[2] !== void 0 ? (bt.test(p[2]) && (n = RegExp("</" + p[2], "g")), o = $) : p[3] !== void 0 && (o = $) : o === $ ? p[0] === ">" ? (o = n ?? S, h = -1) : p[1] === void 0 ? h = -2 : (h = o.lastIndex - p[2].length, u = p[1], o = p[3] === void 0 ? $ : p[3] === '"' ? dt : ut) : o === dt || o === ut ? o = $ : o === ht || o === ct ? o = S : (o = $, n = void 0);
+    const y = o === $ && s[l + 1].startsWith("/>") ? " " : "";
+    r += o === S ? a + Pt : h >= 0 ? (i.push(u), a.slice(0, h) + mt + a.slice(h) + v + y) : a + v + (h === -2 ? l : y);
+  }
+  return [yt(s, r + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+};
+class N {
+  constructor({ strings: t, _$litType$: e }, i) {
+    let n;
+    this.parts = [];
+    let r = 0, o = 0;
+    const l = t.length - 1, a = this.parts, [u, p] = Ut(t, e);
+    if (this.el = N.createElement(u, i), w.currentNode = this.el.content, e === 2 || e === 3) {
+      const h = this.el.content.firstChild;
+      h.replaceWith(...h.childNodes);
+    }
+    for (; (n = w.nextNode()) !== null && a.length < l; ) {
+      if (n.nodeType === 1) {
+        if (n.hasAttributes()) for (const h of n.getAttributeNames()) if (h.endsWith(mt)) {
+          const b = p[o++], y = n.getAttribute(h).split(v), H = /([.?@])?(.*)/.exec(b);
+          a.push({ type: 1, index: r, name: H[2], strings: y, ctor: H[1] === "." ? Ot : H[1] === "?" ? Rt : H[1] === "@" ? jt : q }), n.removeAttribute(h);
+        } else h.startsWith(v) && (a.push({ type: 6, index: r }), n.removeAttribute(h));
+        if (bt.test(n.tagName)) {
+          const h = n.textContent.split(v), b = h.length - 1;
+          if (b > 0) {
+            n.textContent = L ? L.emptyScript : "";
+            for (let y = 0; y < b; y++) n.append(h[y], P()), w.nextNode(), a.push({ type: 2, index: ++r });
+            n.append(h[b], P());
+          }
+        }
+      } else if (n.nodeType === 8) if (n.data === ft) a.push({ type: 2, index: r });
+      else {
+        let h = -1;
+        for (; (h = n.data.indexOf(v, h + 1)) !== -1; ) a.push({ type: 7, index: r }), h += v.length - 1;
+      }
+      r++;
+    }
+  }
+  static createElement(t, e) {
+    const i = k.createElement("template");
+    return i.innerHTML = t, i;
+  }
+}
+function E(s, t, e = s, i) {
+  if (t === _) return t;
+  let n = i !== void 0 ? e._$Co?.[i] : e._$Cl;
+  const r = M(t) ? void 0 : t._$litDirective$;
+  return n?.constructor !== r && (n?._$AO?.(!1), r === void 0 ? n = void 0 : (n = new r(s), n._$AT(s, e, i)), i !== void 0 ? (e._$Co ??= [])[i] = n : e._$Cl = n), n !== void 0 && (t = E(s, n._$AS(s, t.values), n, i)), t;
+}
+class Ht {
+  constructor(t, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    const { el: { content: e }, parts: i } = this._$AD, n = (t?.creationScope ?? k).importNode(e, !0);
+    w.currentNode = n;
+    let r = w.nextNode(), o = 0, l = 0, a = i[0];
+    for (; a !== void 0; ) {
+      if (o === a.index) {
+        let u;
+        a.type === 2 ? u = new U(r, r.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (u = new Lt(r, this, t)), this._$AV.push(u), a = i[++l];
+      }
+      o !== a?.index && (r = w.nextNode(), o++);
+    }
+    return w.currentNode = k, n;
+  }
+  p(t) {
+    let e = 0;
+    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
+  }
+}
+class U {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t, e, i, n) {
+    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = n, this._$Cv = n?.isConnected ?? !0;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t?.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = E(this, t, e), M(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== _ && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Mt(t) ? this.k(t) : this._(t);
+  }
+  O(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  _(t) {
+    this._$AH !== c && M(this._$AH) ? this._$AA.nextSibling.data = t : this.T(k.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    const { values: e, _$litType$: i } = t, n = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = N.createElement(yt(i.h, i.h[0]), this.options)), i);
+    if (this._$AH?._$AD === n) this._$AH.p(e);
+    else {
+      const r = new Ht(n, this), o = r.u(this.options);
+      r.p(e), this.T(o), this._$AH = r;
+    }
+  }
+  _$AC(t) {
+    let e = pt.get(t.strings);
+    return e === void 0 && pt.set(t.strings, e = new N(t)), e;
+  }
+  k(t) {
+    Y(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let i, n = 0;
+    for (const r of t) n === e.length ? e.push(i = new U(this.O(P()), this.O(P()), this, this.options)) : i = e[n], i._$AI(r), n++;
+    n < e.length && (this._$AR(i && i._$AB.nextSibling, n), e.length = n);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    for (this._$AP?.(!1, !0, e); t !== this._$AB; ) {
+      const i = t.nextSibling;
+      t.remove(), t = i;
+    }
+  }
+  setConnected(t) {
+    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
+  }
+}
+class q {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t, e, i, n, r) {
+    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = t, this.name = e, this._$AM = n, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = c;
+  }
+  _$AI(t, e = this, i, n) {
+    const r = this.strings;
+    let o = !1;
+    if (r === void 0) t = E(this, t, e, 0), o = !M(t) || t !== this._$AH && t !== _, o && (this._$AH = t);
+    else {
+      const l = t;
+      let a, u;
+      for (t = r[0], a = 0; a < r.length - 1; a++) u = E(this, l[i + a], e, a), u === _ && (u = this._$AH[a]), o ||= !M(u) || u !== this._$AH[a], u === c ? t = c : t !== c && (t += (u ?? "") + r[a + 1]), this._$AH[a] = u;
+    }
+    o && !n && this.j(t);
+  }
+  j(t) {
+    t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+class Ot extends q {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === c ? void 0 : t;
+  }
+}
+class Rt extends q {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    this.element.toggleAttribute(this.name, !!t && t !== c);
+  }
+}
+class jt extends q {
+  constructor(t, e, i, n, r) {
+    super(t, e, i, n, r), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    if ((t = E(this, t, e, 0) ?? c) === _) return;
+    const i = this._$AH, n = t === c && i !== c || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== c && (i === c || n);
+    n && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class Lt {
+  constructor(t, e, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    E(this, t);
+  }
+}
+const Bt = X.litHtmlPolyfillSupport;
+Bt?.(N, U), (X.litHtmlVersions ??= []).push("3.3.1");
+const Dt = (s, t, e) => {
+  const i = e?.renderBefore ?? t;
+  let n = i._$litPart$;
+  if (n === void 0) {
+    const r = e?.renderBefore ?? null;
+    i._$litPart$ = n = new U(t.insertBefore(P(), r), r, void 0, e ?? {});
+  }
+  return n._$AI(s), n;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const tt = globalThis;
+let A = class extends x {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const t = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t.firstChild, t;
+  }
+  update(t) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Dt(e, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(!0);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(!1);
+  }
+  render() {
+    return _;
+  }
+};
+A._$litElement$ = !0, A.finalized = !0, tt.litElementHydrateSupport?.({ LitElement: A });
+const qt = tt.litElementPolyfillSupport;
+qt?.({ LitElement: A });
+(tt.litElementVersions ??= []).push("4.2.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const It = { attribute: !0, type: String, converter: j, reflect: !1, hasChanged: Q }, Ft = (s = It, t, e) => {
+  const { kind: i, metadata: n } = e;
+  let r = globalThis.litPropertyMetadata.get(n);
+  if (r === void 0 && globalThis.litPropertyMetadata.set(n, r = /* @__PURE__ */ new Map()), i === "setter" && ((s = Object.create(s)).wrapped = !0), r.set(e.name, s), i === "accessor") {
+    const { name: o } = e;
+    return { set(l) {
+      const a = t.get.call(this);
+      t.set.call(this, l), this.requestUpdate(o, a, s);
+    }, init(l) {
+      return l !== void 0 && this.C(o, void 0, s, l), l;
+    } };
+  }
+  if (i === "setter") {
+    const { name: o } = e;
+    return function(l) {
+      const a = this[o];
+      t.call(this, l), this.requestUpdate(o, a, s);
+    };
+  }
+  throw Error("Unsupported decorator location: " + i);
+};
+function z(s) {
+  return (t, e) => typeof e == "object" ? Ft(s, t, e) : ((i, n, r) => {
+    const o = n.hasOwnProperty(r);
+    return n.constructor.createProperty(r, i), o ? Object.getOwnPropertyDescriptor(n, r) : void 0;
+  })(s, t, e);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function f(s) {
+  return z({ ...s, state: !0, attribute: !1 });
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Vt = { CHILD: 2 }, Wt = (s) => (...t) => ({ _$litDirective$: s, values: t });
+class Jt {
+  constructor(t) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t, e, i) {
+    this._$Ct = t, this._$AM = e, this._$Ci = i;
+  }
+  _$AS(t, e) {
+    return this.update(t, e);
+  }
+  update(t, e) {
+    return this.render(...e);
+  }
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class V extends Jt {
+  constructor(t) {
+    if (super(t), this.it = c, t.type !== Vt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+  }
+  render(t) {
+    if (t === c || t == null) return this._t = void 0, this.it = t;
+    if (t === _) return t;
+    if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
+    if (t === this.it) return this._t;
+    this.it = t;
+    const e = [t];
+    return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
+  }
+}
+V.directiveName = "unsafeHTML", V.resultType = 1;
+const vt = Wt(V);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function R(s, t, e) {
+  return s ? t(s) : e?.(s);
+}
+const $t = '.shiki{padding:.875em;overflow-x:auto;color-scheme:var(--shiki-theme-type, light)}code{z-index:0;display:block;width:max-content;position:relative;min-width:100%;font-size:var(--font-size, .875em)}code{counter-reset:step;counter-increment:step 0}code .line:before{content:counter(step);counter-increment:step;width:1rem;margin-right:1.5rem;display:inline-block;text-align:right;color:#738a9480}code .line:last-child:empty:before{content:none;counter-increment:none}.has-diff .diff,.has-highlighted .highlighted{width:100%;display:inline-block;position:relative}.has-diff .diff.remove:before{content:"-"}.has-diff .diff.add:before{content:"+"}.has-diff .diff.remove:after{content:"";position:absolute;top:0;bottom:0;left:-1rem;right:-1rem;background:#ef444426;border-left:1px solid rgb(239 68 68 / .8);z-index:-1}.has-diff .diff.add:after{content:"";position:absolute;top:0;bottom:0;left:-1rem;right:-1rem;background:#22c55e26;border-left:1px solid rgb(34 197 94 / .8);z-index:-1}.has-focused .line:not(.focused){opacity:.7;filter:blur(.095rem);transition:filter .35s,opacity .35s}.has-focused:hover .line:not(.focused){opacity:1;filter:blur(0)}.has-highlighted .highlighted:after{content:"";position:absolute;top:0;bottom:0;left:-1rem;right:-1rem;background:#65758529;border-left:1px solid rgba(34,197,94,.8);z-index:-1}.has-highlighted .highlighted.error:after{background:#f43f5e29!important}.has-highlighted .highlighted.warning:after{background:#eab30829!important}:host([color-scheme="dark"]) .shiki,:host([color-scheme="dark"]) .shiki span{color:var(--shiki-dark)!important}:host([color-scheme="dark"]) .shiki{background-color:var(--shiki-dark-bg)!important}';
+function Kt(s, t) {
+  if (navigator.clipboard)
+    navigator.clipboard.writeText(s).then(() => {
+      t();
+    });
+  else {
+    const e = document.createElement("textarea");
+    e.value = s, e.style.position = "fixed", e.style.opacity = "0", document.body.appendChild(e), e.focus(), e.select();
+    try {
+      document.execCommand("copy") && t();
+    } catch (i) {
+      console.error("Fallback: Oops, unable to copy", i);
+    }
+    document.body.removeChild(e);
+  }
+}
+var Zt = Object.defineProperty, wt = (s, t, e, i) => {
+  for (var n = void 0, r = s.length - 1, o; r >= 0; r--)
+    (o = s[r]) && (n = o(t, e, n) || n);
+  return n && Zt(t, e, n), n;
+};
+class I extends A {
+  constructor() {
+    super(...arguments), this.options = {
+      html: "",
+      code: "",
+      languageName: "Unknown",
+      colorScheme: "light",
+      theme: null,
+      fontSize: "0.875em"
+    }, this.copied = !1;
+  }
+  updated(t) {
+    t.has("options") && (this.setAttribute("color-scheme", this.options.colorScheme), this.style.setProperty(
+      "--shiki-theme-type",
+      this.options.theme?.type || "light"
+    ), this.style.setProperty("--font-size", this.options.fontSize || "0.875em"));
+  }
+  handleCopyCode() {
+    Kt(this.options.code, () => {
+      this.copied = !0, setTimeout(() => {
+        this.copied = !1;
+      }, 2e3);
+    });
+  }
+}
+wt([
+  z({ type: Object })
+], I.prototype, "options");
+wt([
+  f()
+], I.prototype, "copied");
+const et = class et extends I {
+  render() {
+    return g`
+      <div class="shadow rounded-lg relative group">
+        ${vt(this.options.html)}
+        <div
+          class="absolute select-none top-1 text-xs right-2 group-hover:opacity-0 transition-opacity"
+          style="color: ${this.options.theme?.fg}"
+        >
+          ${this.options.languageName}
+        </div>
+        <button
+          class="opacity-0 z-2 select-none group-hover:opacity-100 transition-opacity absolute top-2 rounded right-2 size-8 inline-flex items-center justify-center"
+          style="background-color: ${this.options.theme?.bg};"
+          @click=${this.handleCopyCode}
+          tabindex="-1"
+        >
+          ${R(
+      this.copied,
+      () => g`<i class="i-tabler-check block" style="color: ${this.options.theme?.fg}"></i>`,
+      () => g`<i class="i-tabler-copy block" style="color: ${this.options.theme?.fg}"></i>`
+    )}
+        </button>
+      </div>
+    `;
+  }
+};
+et.styles = [
+  C(J),
+  C($t),
+  G`
+      .shiki {
+        border-radius: inherit;
+      }
+      /* layer: preflights */
+*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
+/* layer: icons */
+.i-tabler-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler-copy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z'/%3E%3Cpath d='M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+/* layer: default */
+.absolute{position:absolute;}
+.relative{position:relative;}
+.static{position:static;}
+.right-2{right:0.5rem;}
+.top-1{top:0.25rem;}
+.top-2{top:0.5rem;}
+.z-2{z-index:2;}
+.block{display:block;}
+.size-8{width:2rem;height:2rem;}
+.inline-flex{display:inline-flex;}
+.select-none{-webkit-user-select:none;user-select:none;}
+.items-center{align-items:center;}
+.justify-center{justify-content:center;}
+.rounded{border-radius:0.25rem;}
+.rounded-lg{border-radius:0.5rem;}
+.text-xs{font-size:0.75rem;line-height:1rem;}
+.opacity-0,
+.group:hover .group-hover\\:opacity-0{opacity:0;}
+.group:hover .group-hover\\:opacity-100{opacity:1;}
+.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;};
+    `
+];
+let W = et;
+customElements.get("shiki-code-simple-variant") || customElements.define("shiki-code-simple-variant", W);
+var Gt = Object.defineProperty, Qt = (s, t, e, i) => {
+  for (var n = void 0, r = s.length - 1, o; r >= 0; r--)
+    (o = s[r]) && (n = o(t, e, n) || n);
+  return n && Gt(t, e, n), n;
+};
+const it = class it extends I {
+  constructor() {
+    super(...arguments), this.fold = !1;
+  }
+  render() {
+    return g`
+      <div class="shadow rounded-lg overflow-hidden relative group">
+        <header
+          class="flex items-center h-10 justify-between px-4.5 opacity-95"
+          style="background-color: ${this.options.theme?.bg};"
+        >
+          <div class="flex gap-2">
+            <div class="bg-[#FF5C60] size-3 rounded-full"></div>
+            <div class="bg-[#FAC800] size-3 rounded-full"></div>
+            <div class="bg-[#35C759] size-3 rounded-full"></div>
+          </div>
+          <div class="select-none font-semibold" style="color: ${this.options.theme?.fg}">
+            ${this.options.languageName}
+          </div>
+          <div class="inline-flex items-center gap-2">
+            <button
+              class="select-none"
+              tabindex="-1"
+              @click=${() => {
+      this.fold = !this.fold;
+    }}
+            >
+              ${R(
+      this.fold,
+      () => g`<i
+                    class="i-mingcute-left-line block"
+                    style="color: ${this.options.theme?.fg}"
+                  ></i>`,
+      () => g`<i
+                    class="i-mingcute-down-line block"
+                    style="color: ${this.options.theme?.fg}"
+                  ></i>`
+    )}
+            </button>
+            <button class="select-none" tabindex="-1" @click=${this.handleCopyCode}>
+              ${R(
+      this.copied,
+      () => g`<i class="i-tabler-check block" style="color: ${this.options.theme?.fg}"></i>`,
+      () => g`<i class="i-tabler-copy block" style="color: ${this.options.theme?.fg}"></i>`
+    )}
+            </button>
+          </div>
+        </header>
+        ${R(
+      this.fold,
+      () => g``,
+      () => g`${vt(this.options.html)}`
+    )}
+      </div>
+    `;
+  }
+};
+it.styles = [
+  C(J),
+  C($t),
+  G`
+      /* layer: preflights */
+*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
+/* layer: icons */
+.i-mingcute-down-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='currentColor' d='M12.707 15.707a1 1 0 0 1-1.414 0L5.636 10.05A1 1 0 1 1 7.05 8.636l4.95 4.95l4.95-4.95a1 1 0 0 1 1.414 1.414z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-mingcute-left-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='currentColor' d='M8.293 12.707a1 1 0 0 1 0-1.414l5.657-5.657a1 1 0 1 1 1.414 1.414L10.414 12l4.95 4.95a1 1 0 0 1-1.414 1.414z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler-copy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z'/%3E%3Cpath d='M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+/* layer: default */
+.relative{position:relative;}
+.static{position:static;}
+.block{display:block;}
+.size-3{width:0.75rem;height:0.75rem;}
+.h-10{height:2.5rem;}
+.flex{display:flex;}
+.inline-flex{display:inline-flex;}
+.select-none{-webkit-user-select:none;user-select:none;}
+.items-center{align-items:center;}
+.justify-between{justify-content:space-between;}
+.gap-2{gap:0.5rem;}
+.overflow-hidden{overflow:hidden;}
+.rounded-full{border-radius:9999px;}
+.rounded-lg{border-radius:0.5rem;}
+.bg-\\[\\#35C759\\]{--un-bg-opacity:1;background-color:rgb(53 199 89 / var(--un-bg-opacity)) /* #35C759 */;}
+.bg-\\[\\#FAC800\\]{--un-bg-opacity:1;background-color:rgb(250 200 0 / var(--un-bg-opacity)) /* #FAC800 */;}
+.bg-\\[\\#FF5C60\\]{--un-bg-opacity:1;background-color:rgb(255 92 96 / var(--un-bg-opacity)) /* #FF5C60 */;}
+.px-4\\.5{padding-left:1.125rem;padding-right:1.125rem;}
+.font-semibold{font-weight:600;}
+.opacity-95{opacity:0.95;}
+.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);};
+    `
+];
+let B = it;
+Qt([
+  f()
+], B.prototype, "fold");
+customElements.get("shiki-code-mac-variant") || customElements.define("shiki-code-mac-variant", B);
+var Xt = Object.defineProperty, m = (s, t, e, i) => {
+  for (var n = void 0, r = s.length - 1, o; r >= 0; r--)
+    (o = s[r]) && (n = o(t, e, n) || n);
+  return n && Xt(t, e, n), n;
+};
+const nt = class nt extends A {
+  constructor() {
+    super(...arguments), this.lightTheme = "github-light", this.darkTheme = "github-dark", this.variant = "simple", this.fontSize = "0.875em", this.loading = !0, this.html = "", this.languageCode = "", this.languageName = "", this.lightThemeRegistration = null, this.darkThemeRegistration = null, this.code = "", this.copied = !1, this.error = "", this._observer = null, this._media = null, this._colorScheme = "light";
+  }
+  get _themeRegistration() {
+    return this._colorScheme === "dark" ? this.darkThemeRegistration : this.lightThemeRegistration;
+  }
+  connectedCallback() {
+    this._media = window.matchMedia("(prefers-color-scheme: dark)"), this.updateTheme(), this._observer = new MutationObserver(() => this.updateTheme()), this._observer.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["class", "data-color-scheme"]
+    }), this._observer.observe(document.body, {
+      attributes: !0,
+      attributeFilter: ["class", "data-color-scheme"]
+    }), this._media.addEventListener("change", () => this.updateTheme()), super.connectedCallback();
+  }
+  disconnectedCallback() {
+    this._observer?.disconnect(), this._media?.removeEventListener("change", () => this.updateTheme()), super.disconnectedCallback();
+  }
+  isDarkMode() {
+    const t = document.documentElement, e = document.body, i = (r, o) => r?.classList.contains(o), n = (r, o, l) => r?.getAttribute(o) === l;
+    return i(t, "color-scheme-auto") || i(e, "color-scheme-auto") || n(t, "data-color-scheme", "auto") || n(e, "data-color-scheme", "auto") ? this._media?.matches : !!(i(t, "color-scheme-dark") || i(t, "dark") || n(t, "data-color-scheme", "dark") || i(e, "color-scheme-dark") || i(e, "dark") || n(e, "data-color-scheme", "dark"));
+  }
+  updateTheme() {
+    this._colorScheme = this.isDarkMode() ? "dark" : "light";
+  }
+  render() {
+    return g`<slot @slotchange=${this.handleSlotchange}></slot> ${this.renderCodeBlockBody()}`;
+  }
+  renderCodeBlockBody() {
+    if (this.loading)
+      return g``;
+    if (this.error)
+      return g`<div class="text-sm text-red-500">错误: ${this.error}</div>`;
+    const t = {
+      code: this.code,
+      html: this.html,
+      languageName: this.languageName,
+      colorScheme: this._colorScheme,
+      theme: this._themeRegistration,
+      fontSize: this.fontSize
+    };
+    if (this.variant === "mac")
+      return g`<shiki-code-mac-variant .options=${t}></shiki-code-mac-variant>`;
+    if (this.variant === "simple")
+      return g`<shiki-code-simple-variant .options=${t}></shiki-code-simple-variant>`;
+  }
+  handleSlotchange(t) {
+    const e = t.target.assignedElements({
+      flatten: !0
+    });
+    if (!e.length) return;
+    const i = e[0];
+    if (i.tagName === "PRE") {
+      const n = i.querySelector("code");
+      n && this.process(n);
+    }
+  }
+  async process(t) {
+    try {
+      this.languageCode = this.extractLanguageCode(t.classList) || "plaintext", this.languageCode === "auto" && (this.languageCode = "plaintext"), this.code = t.textContent || "";
+      const e = await this.renderCodeAsHtml(
+        this.code || "",
+        this.languageCode
+      );
+      this.html = e;
+      const { getSingletonHighlighter: i } = await import("shiki"), n = await i();
+      if (this.languageCode !== "plaintext") {
+        const r = n.getLanguage(this.languageCode);
+        this.languageName = r.name;
+      } else
+        this.languageName = "plaintext";
+      this.lightThemeRegistration = n.getTheme(this.lightTheme), this.darkThemeRegistration = n.getTheme(
+        this.darkTheme || this.lightTheme
+      );
+    } catch (e) {
+      e instanceof Error && (this.error = e.message);
+    } finally {
+      this.shadowRoot?.querySelector("slot")?.assignedElements().forEach((e) => {
+        e instanceof HTMLElement && e.setAttribute("style", "display: none !important;");
+      }), this.loading = !1;
+    }
+  }
+  extractLanguageCode(t) {
+    const e = ["language-", "lang-"];
+    for (let i = 0; i < t.length; i++) {
+      const n = t[i];
+      for (let r = 0; r < e.length; r++) {
+        const o = e[r];
+        if (n.startsWith(o))
+          return n.substring(o.length).toLowerCase();
+      }
+    }
+    return null;
+  }
+  async renderCodeAsHtml(t, e) {
+    const { codeToHtml: i } = await import("shiki"), {
+      transformerNotationDiff: n,
+      transformerNotationHighlight: r,
+      transformerNotationFocus: o,
+      transformerNotationErrorLevel: l
+    } = await import("@shikijs/transformers");
+    return await i(t, {
+      lang: e,
+      themes: {
+        light: this.lightTheme,
+        dark: this.darkTheme || this.lightTheme
+      },
+      transformers: [
+        n(),
+        r(),
+        o(),
+        l()
+      ]
+    });
+  }
+};
+nt.styles = [
+  C(J),
+  G`
+      :host {
+        display: block;
+        margin: 1rem 0 !important;
+      }
+
+      /* layer: preflights */
+*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
+/* layer: default */
+.static{position:static;}
+.block{display:block;}
+.color-scheme-auto{color-scheme:auto;}
+.color-scheme-dark{color-scheme:dark;}
+.text-sm{font-size:0.875rem;line-height:1.25rem;}
+.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity)) /* #ef4444 */;};
+    `
+];
+let d = nt;
+m([
+  z({ type: String, attribute: "light-theme" })
+], d.prototype, "lightTheme");
+m([
+  z({ type: String, attribute: "dark-theme" })
+], d.prototype, "darkTheme");
+m([
+  z({ type: String })
+], d.prototype, "variant");
+m([
+  z({ type: String, attribute: "font-size" })
+], d.prototype, "fontSize");
+m([
+  f()
+], d.prototype, "loading");
+m([
+  f()
+], d.prototype, "html");
+m([
+  f()
+], d.prototype, "languageCode");
+m([
+  f()
+], d.prototype, "languageName");
+m([
+  f()
+], d.prototype, "lightThemeRegistration");
+m([
+  f()
+], d.prototype, "darkThemeRegistration");
+m([
+  f()
+], d.prototype, "code");
+m([
+  f()
+], d.prototype, "copied");
+m([
+  f()
+], d.prototype, "error");
+m([
+  f()
+], d.prototype, "_colorScheme");
+customElements.get("shiki-code") || customElements.define("shiki-code", d);
+export {
+  d as ShikiCode
+};