@vibe-flags/core 0.1.0 → 0.1.1

package/dist/vibe-flags.cdn.mjs

@@ -3,208 +3,208 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const F = globalThis, W = F.ShadowRoot && (F.ShadyCSS === void 0 || F.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, q = Symbol(), G = /* @__PURE__ */ new WeakMap();
-let ct = class {
-  constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== q) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = e;
+const z = globalThis, Y = z.ShadowRoot && (z.ShadyCSS === void 0 || z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Z = Symbol(), re = /* @__PURE__ */ new WeakMap();
+let be = class {
+  constructor(e, t, s) {
+    if (this._$cssResult$ = !0, s !== Z) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = e, this.t = t;
   }
   get styleSheet() {
-    let t = this.o;
-    const e = this.t;
-    if (W && t === void 0) {
-      const s = e !== void 0 && e.length === 1;
-      s && (t = G.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && G.set(e, t));
+    let e = this.o;
+    const t = this.t;
+    if (Y && e === void 0) {
+      const s = t !== void 0 && t.length === 1;
+      s && (e = re.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), s && re.set(t, e));
     }
-    return t;
+    return e;
   }
   toString() {
     return this.cssText;
   }
 };
-const vt = (i) => new ct(typeof i == "string" ? i : i + "", void 0, q), dt = (i, ...t) => {
-  const e = i.length === 1 ? i[0] : t.reduce((s, r, o) => s + ((n) => {
+const _e = (i) => new be(typeof i == "string" ? i : i + "", void 0, Z), G = (i, ...e) => {
+  const t = i.length === 1 ? i[0] : e.reduce((s, r, o) => s + ((n) => {
     if (n._$cssResult$ === !0) return n.cssText;
     if (typeof n == "number") return n;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(r) + i[o + 1], i[0]);
-  return new ct(e, i, q);
-}, $t = (i, t) => {
-  if (W) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
-  else for (const e of t) {
-    const s = document.createElement("style"), r = F.litNonce;
-    r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
-  }
-}, Q = W ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
-  let e = "";
-  for (const s of t.cssRules) e += s.cssText;
-  return vt(e);
+  return new be(t, i, Z);
+}, we = (i, e) => {
+  if (Y) i.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+  else for (const t of e) {
+    const s = document.createElement("style"), r = z.litNonce;
+    r !== void 0 && s.setAttribute("nonce", r), s.textContent = t.cssText, i.appendChild(s);
+  }
+}, oe = Y ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((e) => {
+  let t = "";
+  for (const s of e.cssRules) t += s.cssText;
+  return _e(t);
 })(i) : i;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: bt, defineProperty: yt, getOwnPropertyDescriptor: mt, getOwnPropertyNames: _t, getOwnPropertySymbols: xt, getPrototypeOf: wt } = Object, D = globalThis, tt = D.trustedTypes, At = tt ? tt.emptyScript : "", St = D.reactiveElementPolyfillSupport, M = (i, t) => i, j = { toAttribute(i, t) {
-  switch (t) {
+const { is: Ae, defineProperty: Se, getOwnPropertyDescriptor: ke, getOwnPropertyNames: Ee, getOwnPropertySymbols: Ce, getPrototypeOf: Pe } = Object, q = globalThis, ne = q.trustedTypes, Oe = ne ? ne.emptyScript : "", Me = q.reactiveElementPolyfillSupport, T = (i, e) => i, B = { toAttribute(i, e) {
+  switch (e) {
     case Boolean:
-      i = i ? At : null;
+      i = i ? Oe : null;
       break;
     case Object:
     case Array:
       i = i == null ? i : JSON.stringify(i);
   }
   return i;
-}, fromAttribute(i, t) {
-  let e = i;
-  switch (t) {
+}, fromAttribute(i, e) {
+  let t = i;
+  switch (e) {
     case Boolean:
-      e = i !== null;
+      t = i !== null;
       break;
     case Number:
-      e = i === null ? null : Number(i);
+      t = i === null ? null : Number(i);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(i);
+        t = JSON.parse(i);
       } catch {
-        e = null;
+        t = null;
       }
   }
-  return e;
-} }, J = (i, t) => !bt(i, t), et = { attribute: !0, type: String, converter: j, reflect: !1, useDefault: !1, hasChanged: J };
-Symbol.metadata ??= Symbol("metadata"), D.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let S = class extends HTMLElement {
-  static addInitializer(t) {
-    this._$Ei(), (this.l ??= []).push(t);
+  return t;
+} }, Q = (i, e) => !Ae(i, e), ae = { attribute: !0, type: String, converter: B, reflect: !1, useDefault: !1, hasChanged: Q };
+Symbol.metadata ??= Symbol("metadata"), q.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let k = class extends HTMLElement {
+  static addInitializer(e) {
+    this._$Ei(), (this.l ??= []).push(e);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = et) {
-    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 s = Symbol(), r = this.getPropertyDescriptor(t, s, e);
-      r !== void 0 && yt(this.prototype, t, r);
+  static createProperty(e, t = ae) {
+    if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
+      const s = Symbol(), r = this.getPropertyDescriptor(e, s, t);
+      r !== void 0 && Se(this.prototype, e, r);
     }
   }
-  static getPropertyDescriptor(t, e, s) {
-    const { get: r, set: o } = mt(this.prototype, t) ?? { get() {
-      return this[e];
+  static getPropertyDescriptor(e, t, s) {
+    const { get: r, set: o } = ke(this.prototype, e) ?? { get() {
+      return this[t];
     }, set(n) {
-      this[e] = n;
+      this[t] = n;
     } };
     return { get: r, set(n) {
       const l = r?.call(this);
-      o?.call(this, n), this.requestUpdate(t, l, s);
+      o?.call(this, n), this.requestUpdate(e, l, s);
     }, configurable: !0, enumerable: !0 };
   }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? et;
+  static getPropertyOptions(e) {
+    return this.elementProperties.get(e) ?? ae;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(M("elementProperties"))) return;
-    const t = wt(this);
-    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+    if (this.hasOwnProperty(T("elementProperties"))) return;
+    const e = Pe(this);
+    e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(M("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {
-      const e = this.properties, s = [..._t(e), ...xt(e)];
-      for (const r of s) this.createProperty(r, e[r]);
+    if (this.hasOwnProperty(T("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {
+      const t = this.properties, s = [...Ee(t), ...Ce(t)];
+      for (const r of s) this.createProperty(r, t[r]);
     }
-    const t = this[Symbol.metadata];
-    if (t !== null) {
-      const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [s, r] of e) this.elementProperties.set(s, r);
+    const e = this[Symbol.metadata];
+    if (e !== null) {
+      const t = litPropertyMetadata.get(e);
+      if (t !== void 0) for (const [s, r] of t) this.elementProperties.set(s, r);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, s] of this.elementProperties) {
-      const r = this._$Eu(e, s);
-      r !== void 0 && this._$Eh.set(r, e);
+    for (const [t, s] of this.elementProperties) {
+      const r = this._$Eu(t, s);
+      r !== void 0 && this._$Eh.set(r, t);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
-  static finalizeStyles(t) {
-    const e = [];
-    if (Array.isArray(t)) {
-      const s = new Set(t.flat(1 / 0).reverse());
-      for (const r of s) e.unshift(Q(r));
-    } else t !== void 0 && e.push(Q(t));
-    return e;
+  static finalizeStyles(e) {
+    const t = [];
+    if (Array.isArray(e)) {
+      const s = new Set(e.flat(1 / 0).reverse());
+      for (const r of s) t.unshift(oe(r));
+    } else e !== void 0 && t.push(oe(e));
+    return t;
   }
-  static _$Eu(t, e) {
-    const s = e.attribute;
-    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+  static _$Eu(e, t) {
+    const s = t.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof e == "string" ? e.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));
+    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((e) => e(this));
   }
-  addController(t) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
+  addController(e) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
   }
-  removeController(t) {
-    this._$EO?.delete(t);
+  removeController(e) {
+    this._$EO?.delete(e);
   }
   _$E_() {
-    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
-    t.size > 0 && (this._$Ep = t);
+    const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
+    for (const s of t.keys()) this.hasOwnProperty(s) && (e.set(s, this[s]), delete this[s]);
+    e.size > 0 && (this._$Ep = e);
   }
   createRenderRoot() {
-    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return $t(t, this.constructor.elementStyles), t;
+    const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return we(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((e) => e.hostConnected?.());
   }
-  enableUpdating(t) {
+  enableUpdating(e) {
   }
   disconnectedCallback() {
-    this._$EO?.forEach((t) => t.hostDisconnected?.());
+    this._$EO?.forEach((e) => e.hostDisconnected?.());
   }
-  attributeChangedCallback(t, e, s) {
-    this._$AK(t, s);
+  attributeChangedCallback(e, t, s) {
+    this._$AK(e, s);
   }
-  _$ET(t, e) {
-    const s = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, s);
+  _$ET(e, t) {
+    const s = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, s);
     if (r !== void 0 && s.reflect === !0) {
-      const o = (s.converter?.toAttribute !== void 0 ? s.converter : j).toAttribute(e, s.type);
-      this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
+      const o = (s.converter?.toAttribute !== void 0 ? s.converter : B).toAttribute(t, s.type);
+      this._$Em = e, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
     }
   }
-  _$AK(t, e) {
-    const s = this.constructor, r = s._$Eh.get(t);
+  _$AK(e, t) {
+    const s = this.constructor, r = s._$Eh.get(e);
     if (r !== void 0 && this._$Em !== r) {
-      const o = s.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : j;
+      const o = s.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : B;
       this._$Em = r;
-      const l = n.fromAttribute(e, o.type);
+      const l = n.fromAttribute(t, o.type);
       this[r] = l ?? this._$Ej?.get(r) ?? l, this._$Em = null;
     }
   }
-  requestUpdate(t, e, s, r = !1, o) {
-    if (t !== void 0) {
+  requestUpdate(e, t, s, r = !1, o) {
+    if (e !== void 0) {
       const n = this.constructor;
-      if (r === !1 && (o = this[t]), s ??= n.getPropertyOptions(t), !((s.hasChanged ?? J)(o, e) || s.useDefault && s.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(n._$Eu(t, s)))) return;
-      this.C(t, e, s);
+      if (r === !1 && (o = this[e]), s ??= n.getPropertyOptions(e), !((s.hasChanged ?? Q)(o, t) || s.useDefault && s.reflect && o === this._$Ej?.get(e) && !this.hasAttribute(n._$Eu(e, s)))) return;
+      this.C(e, t, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, e, { useDefault: s, reflect: r, wrapped: o }, n) {
-    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, n ?? e ?? this[t]), o !== !0 || n !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  C(e, t, { useDefault: s, reflect: r, wrapped: o }, n) {
+    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, n ?? t ?? this[e]), o !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || s || (t = void 0), this._$AL.set(e, t)), r === !0 && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
     try {
       await this._$ES;
-    } catch (e) {
-      Promise.reject(e);
+    } catch (t) {
+      Promise.reject(t);
     }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
+    const e = this.scheduleUpdate();
+    return e != null && await e, !this.isUpdatePending;
   }
   scheduleUpdate() {
     return this.performUpdate();
@@ -222,19 +222,19 @@ let S = class extends HTMLElement {
         n !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, o, l);
       }
     }
-    let t = !1;
-    const e = this._$AL;
+    let e = !1;
+    const t = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach((s) => s.hostUpdate?.()), this.update(e)) : this._$EM();
+      e = this.shouldUpdate(t), e ? (this.willUpdate(t), this._$EO?.forEach((s) => s.hostUpdate?.()), this.update(t)) : this._$EM();
     } catch (s) {
-      throw t = !1, this._$EM(), s;
+      throw e = !1, this._$EM(), s;
     }
-    t && this._$AE(e);
+    e && this._$AE(t);
   }
-  willUpdate(t) {
+  willUpdate(e) {
   }
-  _$AE(t) {
-    this._$EO?.forEach((e) => e.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  _$AE(e) {
+    this._$EO?.forEach((t) => t.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
   }
   _$EM() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
@@ -245,88 +245,88 @@ let S = class extends HTMLElement {
   getUpdateComplete() {
     return this._$ES;
   }
-  shouldUpdate(t) {
+  shouldUpdate(e) {
     return !0;
   }
-  update(t) {
-    this._$Eq &&= this._$Eq.forEach((e) => this._$ET(e, this[e])), this._$EM();
+  update(e) {
+    this._$Eq &&= this._$Eq.forEach((t) => this._$ET(t, this[t])), this._$EM();
   }
-  updated(t) {
+  updated(e) {
   }
-  firstUpdated(t) {
+  firstUpdated(e) {
   }
 };
-S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[M("elementProperties")] = /* @__PURE__ */ new Map(), S[M("finalized")] = /* @__PURE__ */ new Map(), St?.({ ReactiveElement: S }), (D.reactiveElementVersions ??= []).push("2.1.2");
+k.elementStyles = [], k.shadowRootOptions = { mode: "open" }, k[T("elementProperties")] = /* @__PURE__ */ new Map(), k[T("finalized")] = /* @__PURE__ */ new Map(), Me?.({ ReactiveElement: k }), (q.reactiveElementVersions ??= []).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const K = globalThis, st = (i) => i, z = K.trustedTypes, it = z ? z.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, pt = "$lit$", $ = `lit$${Math.random().toFixed(9).slice(2)}$`, ft = "?" + $, Et = `<${ft}>`, w = document, U = () => w.createComment(""), T = (i) => i === null || typeof i != "object" && typeof i != "function", X = Array.isArray, kt = (i) => X(i) || typeof i?.[Symbol.iterator] == "function", B = `[ 	
-\f\r]`, P = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, rt = /-->/g, ot = />/g, y = RegExp(`>|${B}(?:([^\\s"'>=/]+)(${B}*=${B}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g, at = /"/g, ut = /^(?:script|style|textarea|title)$/i, Ct = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), f = Ct(1), E = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), lt = /* @__PURE__ */ new WeakMap(), _ = w.createTreeWalker(w, 129);
-function gt(i, t) {
-  if (!X(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return it !== void 0 ? it.createHTML(t) : t;
+const ee = globalThis, le = (i) => i, L = ee.trustedTypes, he = L ? L.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, ye = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, $e = "?" + y, Te = `<${$e}>`, w = document, U = () => w.createComment(""), F = (i) => i === null || typeof i != "object" && typeof i != "function", te = Array.isArray, Ue = (i) => te(i) || typeof i?.[Symbol.iterator] == "function", J = `[ 	
+\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ce = /-->/g, de = />/g, x = RegExp(`>|${J}(?:([^\\s"'>=/]+)(${J}*=${J}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), pe = /'/g, fe = /"/g, me = /^(?:script|style|textarea|title)$/i, Fe = (i) => (e, ...t) => ({ _$litType$: i, strings: e, values: t }), f = Fe(1), E = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), ue = /* @__PURE__ */ new WeakMap(), _ = w.createTreeWalker(w, 129);
+function xe(i, e) {
+  if (!te(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return he !== void 0 ? he.createHTML(e) : e;
 }
-const Pt = (i, t) => {
-  const e = i.length - 1, s = [];
-  let r, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = P;
-  for (let l = 0; l < e; l++) {
+const Ne = (i, e) => {
+  const t = i.length - 1, s = [];
+  let r, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = O;
+  for (let l = 0; l < t; l++) {
     const a = i[l];
-    let d, p, h = -1, u = 0;
-    for (; u < a.length && (n.lastIndex = u, p = n.exec(a), p !== null); ) u = n.lastIndex, n === P ? p[1] === "!--" ? n = rt : p[1] !== void 0 ? n = ot : p[2] !== void 0 ? (ut.test(p[2]) && (r = RegExp("</" + p[2], "g")), n = y) : p[3] !== void 0 && (n = y) : n === y ? p[0] === ">" ? (n = r ?? P, h = -1) : p[1] === void 0 ? h = -2 : (h = n.lastIndex - p[2].length, d = p[1], n = p[3] === void 0 ? y : p[3] === '"' ? at : nt) : n === at || n === nt ? n = y : n === rt || n === ot ? n = P : (n = y, r = void 0);
-    const v = n === y && i[l + 1].startsWith("/>") ? " " : "";
-    o += n === P ? a + Et : h >= 0 ? (s.push(d), a.slice(0, h) + pt + a.slice(h) + $ + v) : a + $ + (h === -2 ? l : v);
+    let d, p, h = -1, g = 0;
+    for (; g < a.length && (n.lastIndex = g, p = n.exec(a), p !== null); ) g = n.lastIndex, n === O ? p[1] === "!--" ? n = ce : p[1] !== void 0 ? n = de : p[2] !== void 0 ? (me.test(p[2]) && (r = RegExp("</" + p[2], "g")), n = x) : p[3] !== void 0 && (n = x) : n === x ? p[0] === ">" ? (n = r ?? O, h = -1) : p[1] === void 0 ? h = -2 : (h = n.lastIndex - p[2].length, d = p[1], n = p[3] === void 0 ? x : p[3] === '"' ? fe : pe) : n === fe || n === pe ? n = x : n === ce || n === de ? n = O : (n = x, r = void 0);
+    const b = n === x && i[l + 1].startsWith("/>") ? " " : "";
+    o += n === O ? a + Te : h >= 0 ? (s.push(d), a.slice(0, h) + ye + a.slice(h) + y + b) : a + y + (h === -2 ? l : b);
   }
-  return [gt(i, o + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+  return [xe(i, o + (i[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
 };
 class N {
-  constructor({ strings: t, _$litType$: e }, s) {
+  constructor({ strings: e, _$litType$: t }, s) {
     let r;
     this.parts = [];
     let o = 0, n = 0;
-    const l = t.length - 1, a = this.parts, [d, p] = Pt(t, e);
-    if (this.el = N.createElement(d, s), _.currentNode = this.el.content, e === 2 || e === 3) {
+    const l = e.length - 1, a = this.parts, [d, p] = Ne(e, t);
+    if (this.el = N.createElement(d, s), _.currentNode = this.el.content, t === 2 || t === 3) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
     }
     for (; (r = _.nextNode()) !== null && a.length < l; ) {
       if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(pt)) {
-          const u = p[n++], v = r.getAttribute(h).split($), R = /([.?@])?(.*)/.exec(u);
-          a.push({ type: 1, index: o, name: R[2], strings: v, ctor: R[1] === "." ? Mt : R[1] === "?" ? Ut : R[1] === "@" ? Tt : I }), r.removeAttribute(h);
-        } else h.startsWith($) && (a.push({ type: 6, index: o }), r.removeAttribute(h));
-        if (ut.test(r.tagName)) {
-          const h = r.textContent.split($), u = h.length - 1;
-          if (u > 0) {
-            r.textContent = z ? z.emptyScript : "";
-            for (let v = 0; v < u; v++) r.append(h[v], U()), _.nextNode(), a.push({ type: 2, index: ++o });
-            r.append(h[u], U());
+        if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(ye)) {
+          const g = p[n++], b = r.getAttribute(h).split(y), D = /([.?@])?(.*)/.exec(g);
+          a.push({ type: 1, index: o, name: D[2], strings: b, ctor: D[1] === "." ? Re : D[1] === "?" ? je : D[1] === "@" ? Ie : W }), r.removeAttribute(h);
+        } else h.startsWith(y) && (a.push({ type: 6, index: o }), r.removeAttribute(h));
+        if (me.test(r.tagName)) {
+          const h = r.textContent.split(y), g = h.length - 1;
+          if (g > 0) {
+            r.textContent = L ? L.emptyScript : "";
+            for (let b = 0; b < g; b++) r.append(h[b], U()), _.nextNode(), a.push({ type: 2, index: ++o });
+            r.append(h[g], U());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === ft) a.push({ type: 2, index: o });
+      } else if (r.nodeType === 8) if (r.data === $e) a.push({ type: 2, index: o });
       else {
         let h = -1;
-        for (; (h = r.data.indexOf($, h + 1)) !== -1; ) a.push({ type: 7, index: o }), h += $.length - 1;
+        for (; (h = r.data.indexOf(y, h + 1)) !== -1; ) a.push({ type: 7, index: o }), h += y.length - 1;
       }
       o++;
     }
   }
-  static createElement(t, e) {
+  static createElement(e, t) {
     const s = w.createElement("template");
-    return s.innerHTML = t, s;
+    return s.innerHTML = e, s;
   }
 }
-function k(i, t, e = i, s) {
-  if (t === E) return t;
-  let r = s !== void 0 ? e._$Co?.[s] : e._$Cl;
-  const o = T(t) ? void 0 : t._$litDirective$;
-  return r?.constructor !== o && (r?._$AO?.(!1), o === void 0 ? r = void 0 : (r = new o(i), r._$AT(i, e, s)), s !== void 0 ? (e._$Co ??= [])[s] = r : e._$Cl = r), r !== void 0 && (t = k(i, r._$AS(i, t.values), r, s)), t;
+function C(i, e, t = i, s) {
+  if (e === E) return e;
+  let r = s !== void 0 ? t._$Co?.[s] : t._$Cl;
+  const o = F(e) ? void 0 : e._$litDirective$;
+  return r?.constructor !== o && (r?._$AO?.(!1), o === void 0 ? r = void 0 : (r = new o(i), r._$AT(i, t, s)), s !== void 0 ? (t._$Co ??= [])[s] = r : t._$Cl = r), r !== void 0 && (e = C(i, r._$AS(i, e.values), r, s)), e;
 }
-class Ot {
-  constructor(t, e) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+class He {
+  constructor(e, t) {
+    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
   get parentNode() {
     return this._$AM.parentNode;
@@ -334,35 +334,35 @@ class Ot {
   get _$AU() {
     return this._$AM._$AU;
   }
-  u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, r = (t?.creationScope ?? w).importNode(e, !0);
+  u(e) {
+    const { el: { content: t }, parts: s } = this._$AD, r = (e?.creationScope ?? w).importNode(t, !0);
     _.currentNode = r;
     let o = _.nextNode(), n = 0, l = 0, a = s[0];
     for (; a !== void 0; ) {
       if (n === a.index) {
         let d;
-        a.type === 2 ? d = new H(o, o.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (d = new Nt(o, this, t)), this._$AV.push(d), a = s[++l];
+        a.type === 2 ? d = new R(o, o.nextSibling, this, e) : a.type === 1 ? d = new a.ctor(o, a.name, a.strings, this, e) : a.type === 6 && (d = new De(o, this, e)), this._$AV.push(d), a = s[++l];
       }
       n !== a?.index && (o = _.nextNode(), n++);
     }
     return _.currentNode = w, r;
   }
-  p(t) {
-    let e = 0;
-    for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
+  p(e) {
+    let t = 0;
+    for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(e, s, t), t += s.strings.length - 2) : s._$AI(e[t])), t++;
   }
 }
-class H {
+class R {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
-  constructor(t, e, s, r) {
-    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = r, this._$Cv = r?.isConnected ?? !0;
+  constructor(e, t, s, r) {
+    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = s, this.options = r, this._$Cv = r?.isConnected ?? !0;
   }
   get parentNode() {
-    let t = this._$AA.parentNode;
-    const e = this._$AM;
-    return e !== void 0 && t?.nodeType === 11 && (t = e.parentNode), t;
+    let e = this._$AA.parentNode;
+    const t = this._$AM;
+    return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
   }
   get startNode() {
     return this._$AA;
@@ -370,120 +370,120 @@ class H {
   get endNode() {
     return this._$AB;
   }
-  _$AI(t, e = this) {
-    t = k(this, t, e), T(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : kt(t) ? this.k(t) : this._(t);
+  _$AI(e, t = this) {
+    e = C(this, e, t), F(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== E && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Ue(e) ? this.k(e) : this._(e);
   }
-  O(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  O(e) {
+    return this._$AA.parentNode.insertBefore(e, this._$AB);
   }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  T(e) {
+    this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
-  _(t) {
-    this._$AH !== c && T(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
+  _(e) {
+    this._$AH !== c && F(this._$AH) ? this._$AA.nextSibling.data = e : this.T(w.createTextNode(e)), this._$AH = e;
   }
-  $(t) {
-    const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = N.createElement(gt(s.h, s.h[0]), this.options)), s);
-    if (this._$AH?._$AD === r) this._$AH.p(e);
+  $(e) {
+    const { values: t, _$litType$: s } = e, r = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = N.createElement(xe(s.h, s.h[0]), this.options)), s);
+    if (this._$AH?._$AD === r) this._$AH.p(t);
     else {
-      const o = new Ot(r, this), n = o.u(this.options);
-      o.p(e), this.T(n), this._$AH = o;
+      const o = new He(r, this), n = o.u(this.options);
+      o.p(t), this.T(n), this._$AH = o;
     }
   }
-  _$AC(t) {
-    let e = lt.get(t.strings);
-    return e === void 0 && lt.set(t.strings, e = new N(t)), e;
+  _$AC(e) {
+    let t = ue.get(e.strings);
+    return t === void 0 && ue.set(e.strings, t = new N(e)), t;
   }
-  k(t) {
-    X(this._$AH) || (this._$AH = [], this._$AR());
-    const e = this._$AH;
+  k(e) {
+    te(this._$AH) || (this._$AH = [], this._$AR());
+    const t = this._$AH;
     let s, r = 0;
-    for (const o of t) r === e.length ? e.push(s = new H(this.O(U()), this.O(U()), this, this.options)) : s = e[r], s._$AI(o), r++;
-    r < e.length && (this._$AR(s && s._$AB.nextSibling, r), e.length = r);
+    for (const o of e) r === t.length ? t.push(s = new R(this.O(U()), this.O(U()), this, this.options)) : s = t[r], s._$AI(o), r++;
+    r < t.length && (this._$AR(s && s._$AB.nextSibling, r), t.length = r);
   }
-  _$AR(t = this._$AA.nextSibling, e) {
-    for (this._$AP?.(!1, !0, e); t !== this._$AB; ) {
-      const s = st(t).nextSibling;
-      st(t).remove(), t = s;
+  _$AR(e = this._$AA.nextSibling, t) {
+    for (this._$AP?.(!1, !0, t); e !== this._$AB; ) {
+      const s = le(e).nextSibling;
+      le(e).remove(), e = s;
     }
   }
-  setConnected(t) {
-    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
+  setConnected(e) {
+    this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
   }
 }
-class I {
+class W {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, s, r, o) {
-    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = c;
+  constructor(e, t, s, r, o) {
+    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = e, this.name = t, this._$AM = r, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = c;
   }
-  _$AI(t, e = this, s, r) {
+  _$AI(e, t = this, s, r) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) t = k(this, t, e, 0), n = !T(t) || t !== this._$AH && t !== E, n && (this._$AH = t);
+    if (o === void 0) e = C(this, e, t, 0), n = !F(e) || e !== this._$AH && e !== E, n && (this._$AH = e);
     else {
-      const l = t;
+      const l = e;
       let a, d;
-      for (t = o[0], a = 0; a < o.length - 1; a++) d = k(this, l[s + a], e, a), d === E && (d = this._$AH[a]), n ||= !T(d) || d !== this._$AH[a], d === c ? t = c : t !== c && (t += (d ?? "") + o[a + 1]), this._$AH[a] = d;
+      for (e = o[0], a = 0; a < o.length - 1; a++) d = C(this, l[s + a], t, a), d === E && (d = this._$AH[a]), n ||= !F(d) || d !== this._$AH[a], d === c ? e = c : e !== c && (e += (d ?? "") + o[a + 1]), this._$AH[a] = d;
     }
-    n && !r && this.j(t);
+    n && !r && this.j(e);
   }
-  j(t) {
-    t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  j(e) {
+    e === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Mt extends I {
+class Re extends W {
   constructor() {
     super(...arguments), this.type = 3;
   }
-  j(t) {
-    this.element[this.name] = t === c ? void 0 : t;
+  j(e) {
+    this.element[this.name] = e === c ? void 0 : e;
   }
 }
-class Ut extends I {
+class je extends W {
   constructor() {
     super(...arguments), this.type = 4;
   }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== c);
+  j(e) {
+    this.element.toggleAttribute(this.name, !!e && e !== c);
   }
 }
-class Tt extends I {
-  constructor(t, e, s, r, o) {
-    super(t, e, s, r, o), this.type = 5;
+class Ie extends W {
+  constructor(e, t, s, r, o) {
+    super(e, t, s, r, o), this.type = 5;
   }
-  _$AI(t, e = this) {
-    if ((t = k(this, t, e, 0) ?? c) === E) return;
-    const s = this._$AH, r = t === c && s !== c || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== c && (s === c || r);
-    r && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  _$AI(e, t = this) {
+    if ((e = C(this, e, t, 0) ?? c) === E) return;
+    const s = this._$AH, r = e === c && s !== c || e.capture !== s.capture || e.once !== s.once || e.passive !== s.passive, o = e !== c && (s === c || r);
+    r && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
-  handleEvent(t) {
-    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
+  handleEvent(e) {
+    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Nt {
-  constructor(t, e, s) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
+class De {
+  constructor(e, t, s) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = s;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AI(t) {
-    k(this, t);
+  _$AI(e) {
+    C(this, e);
   }
 }
-const Ht = K.litHtmlPolyfillSupport;
-Ht?.(N, H), (K.litHtmlVersions ??= []).push("3.3.2");
-const Rt = (i, t, e) => {
-  const s = e?.renderBefore ?? t;
+const ze = ee.litHtmlPolyfillSupport;
+ze?.(N, R), (ee.litHtmlVersions ??= []).push("3.3.2");
+const Be = (i, e, t) => {
+  const s = t?.renderBefore ?? e;
   let r = s._$litPart$;
   if (r === void 0) {
-    const o = e?.renderBefore ?? null;
-    s._$litPart$ = r = new H(t.insertBefore(U(), o), o, void 0, e ?? {});
+    const o = t?.renderBefore ?? null;
+    s._$litPart$ = r = new R(e.insertBefore(U(), o), o, void 0, t ?? {});
   }
   return r._$AI(i), r;
 };
@@ -492,18 +492,18 @@ const Rt = (i, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Z = globalThis;
-class x extends S {
+const se = globalThis;
+class v extends k {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
   createRenderRoot() {
-    const t = super.createRenderRoot();
-    return this.renderOptions.renderBefore ??= t.firstChild, t;
+    const e = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= e.firstChild, e;
   }
-  update(t) {
-    const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Rt(e, this.renderRoot, this.renderOptions);
+  update(e) {
+    const t = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Be(t, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -515,101 +515,104 @@ class x extends S {
     return E;
   }
 }
-x._$litElement$ = !0, x.finalized = !0, Z.litElementHydrateSupport?.({ LitElement: x });
-const Ft = Z.litElementPolyfillSupport;
-Ft?.({ LitElement: x });
-(Z.litElementVersions ??= []).push("4.2.2");
+v._$litElement$ = !0, v.finalized = !0, se.litElementHydrateSupport?.({ LitElement: v });
+const Le = se.litElementPolyfillSupport;
+Le?.({ LitElement: v });
+(se.litElementVersions ??= []).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Y = (i) => (t, e) => {
-  e !== void 0 ? e.addInitializer(() => {
-    customElements.define(i, t);
-  }) : customElements.define(i, t);
+const j = (i) => (e, t) => {
+  t !== void 0 ? t.addInitializer(() => {
+    customElements.define(i, e);
+  }) : customElements.define(i, e);
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const jt = { attribute: !0, type: String, converter: j, reflect: !1, hasChanged: J }, zt = (i = jt, t, e) => {
-  const { kind: s, metadata: r } = e;
+const Ve = { attribute: !0, type: String, converter: B, reflect: !1, hasChanged: Q }, qe = (i = Ve, e, t) => {
+  const { kind: s, metadata: r } = t;
   let o = globalThis.litPropertyMetadata.get(r);
-  if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), s === "setter" && ((i = Object.create(i)).wrapped = !0), o.set(e.name, i), s === "accessor") {
-    const { name: n } = e;
+  if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), s === "setter" && ((i = Object.create(i)).wrapped = !0), o.set(t.name, i), s === "accessor") {
+    const { name: n } = t;
     return { set(l) {
-      const a = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(n, a, i, !0, l);
+      const a = e.get.call(this);
+      e.set.call(this, l), this.requestUpdate(n, a, i, !0, l);
     }, init(l) {
       return l !== void 0 && this.C(n, void 0, i, l), l;
     } };
   }
   if (s === "setter") {
-    const { name: n } = e;
+    const { name: n } = t;
     return function(l) {
       const a = this[n];
-      t.call(this, l), this.requestUpdate(n, a, i, !0, l);
+      e.call(this, l), this.requestUpdate(n, a, i, !0, l);
     };
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function A(i) {
-  return (t, e) => typeof e == "object" ? zt(i, t, e) : ((s, r, o) => {
+function S(i) {
+  return (e, t) => typeof t == "object" ? qe(i, e, t) : ((s, r, o) => {
     const n = r.hasOwnProperty(o);
     return r.constructor.createProperty(o, s), n ? Object.getOwnPropertyDescriptor(r, o) : void 0;
-  })(i, t, e);
+  })(i, e, t);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function L(i) {
-  return A({ ...i, state: !0, attribute: !1 });
+function m(i) {
+  return S({ ...i, state: !0, attribute: !1 });
 }
-var Dt = Object.getOwnPropertyDescriptor, It = (i, t, e, s) => {
-  for (var r = s > 1 ? void 0 : s ? Dt(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+var We = Object.getOwnPropertyDescriptor, Ke = (i, e, t, s) => {
+  for (var r = s > 1 ? void 0 : s ? We(e, t) : e, o = i.length - 1, n; o >= 0; o--)
     (n = i[o]) && (r = n(r) || r);
   return r;
 };
-let ht = class extends x {
+let ge = class extends v {
   render() {
     return f`<slot></slot>`;
   }
 };
-ht = It([
-  Y("vibe-flags")
-], ht);
-const O = "vibe-flags:";
-class Lt extends EventTarget {
+ge = Ke([
+  j("vibe-flags")
+], ge);
+const M = "vibe-flags:";
+function X(i) {
+  return i.type === "boolean" ? !1 : i.options[0] || "";
+}
+class Je extends EventTarget {
   constructor() {
-    super(...arguments), this.configs = /* @__PURE__ */ new Map(), this.state = {}, this.listening = !1, this.onStorageEvent = (t) => {
-      if (!t.key?.startsWith(O)) return;
-      const e = t.key.slice(O.length);
-      if (this.configs.has(e))
+    super(...arguments), this.configs = /* @__PURE__ */ new Map(), this.state = {}, this.listening = !1, this.onStorageEvent = (e) => {
+      if (!e.key?.startsWith(M)) return;
+      const t = e.key.slice(M.length), s = this.configs.get(t);
+      if (s)
         try {
-          const s = t.newValue ? JSON.parse(t.newValue) : this.configs.get(e).default;
-          this.state[e] = s, this.dispatch(e);
+          const r = e.newValue ? JSON.parse(e.newValue) : X(s);
+          this.state[t] = r, this.dispatch(t);
         } catch {
         }
     };
   }
-  register(t) {
-    this.configs.set(t.key, t);
-    const e = this.readFromStorage(t.key);
-    this.state[t.key] = e ?? t.default, this.listening || (this.listening = !0, typeof window < "u" && window.addEventListener("storage", this.onStorageEvent)), this.dispatch(t.key);
+  register(e) {
+    this.configs.set(e.key, e);
+    const t = this.readFromStorage(e.key);
+    this.state[e.key] = t ?? X(e), this.listening || (this.listening = !0, typeof window < "u" && window.addEventListener("storage", this.onStorageEvent)), this.dispatch(e.key);
   }
-  unregister(t) {
-    this.configs.delete(t), delete this.state[t], this.dispatch();
+  unregister(e) {
+    this.configs.delete(e), delete this.state[e], this.dispatch();
   }
-  get(t) {
-    return this.state[t];
+  get(e) {
+    return this.state[e];
   }
-  set(t, e) {
-    const s = this.configs.get(t);
-    s && (s.type === "boolean" && typeof e != "boolean" || s.type === "select" && (typeof e != "string" || !s.options.includes(e)) || (this.state[t] = e, this.writeToStorage(t, e), this.dispatch(t)));
+  set(e, t) {
+    const s = this.configs.get(e);
+    s && (s.type === "boolean" && typeof t != "boolean" || s.type === "select" && (typeof t != "string" || !s.options.includes(t)) || (this.state[e] = t, this.writeToStorage(e, t), this.dispatch(e)));
   }
   getAll() {
     return { ...this.state };
@@ -617,122 +620,205 @@ class Lt extends EventTarget {
   getConfig() {
     return Array.from(this.configs.values());
   }
-  getConfigForKey(t) {
-    return this.configs.get(t);
+  getConfigForKey(e) {
+    return this.configs.get(e);
   }
   reset() {
-    for (const [t, e] of this.configs)
-      this.state[t] = e.default, this.removeFromStorage(t);
+    for (const [e, t] of this.configs)
+      this.state[e] = X(t), this.removeFromStorage(e);
     this.dispatch();
   }
-  readFromStorage(t) {
+  readFromStorage(e) {
     if (typeof window > "u") return null;
     try {
-      const e = localStorage.getItem(O + t);
-      return e === null ? null : JSON.parse(e);
+      const t = localStorage.getItem(M + e);
+      return t === null ? null : JSON.parse(t);
     } catch {
       return null;
     }
   }
-  writeToStorage(t, e) {
+  writeToStorage(e, t) {
     if (!(typeof window > "u"))
       try {
-        localStorage.setItem(O + t, JSON.stringify(e));
+        localStorage.setItem(M + e, JSON.stringify(t));
       } catch {
       }
   }
-  removeFromStorage(t) {
+  removeFromStorage(e) {
     if (!(typeof window > "u"))
       try {
-        localStorage.removeItem(O + t);
+        localStorage.removeItem(M + e);
       } catch {
       }
   }
-  dispatch(t) {
-    const e = { key: t, state: this.getAll() }, s = new CustomEvent("vibe-flags-changed", {
-      detail: e,
+  dispatch(e) {
+    const t = { key: e, state: this.getAll() }, s = new CustomEvent("vibe-flags-changed", {
+      detail: t,
       bubbles: !0
     });
-    this.dispatchEvent(s), typeof window < "u" && window.dispatchEvent(new CustomEvent("vibe-flags-changed", { detail: e }));
+    this.dispatchEvent(s), typeof window < "u" && window.dispatchEvent(new CustomEvent("vibe-flags-changed", { detail: t }));
   }
 }
-const m = new Lt();
-var Vt = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, b = (i, t, e, s) => {
-  for (var r = s > 1 ? void 0 : s ? Bt(t, e) : t, o = i.length - 1, n; o >= 0; o--)
-    (n = i[o]) && (r = (s ? n(t, e, r) : n(r)) || r);
-  return s && r && Vt(t, e, r), r;
+const u = new Je();
+var Xe = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, P = (i, e, t, s) => {
+  for (var r = s > 1 ? void 0 : s ? Ye(e, t) : e, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = (s ? n(e, t, r) : n(r)) || r);
+  return s && r && Xe(e, t, r), r;
 };
-let g = class extends x {
+if (typeof document < "u" && !document.getElementById("vibe-flag-fouc")) {
+  const i = document.createElement("style");
+  i.id = "vibe-flag-fouc", i.textContent = "vibe-flag-boolean:not(:defined),vibe-flag-boolean:defined,vibe-flag-select:not(:defined),vibe-flag-select:defined,vibe-flag-option:not(:defined),vibe-flag-option:defined{visibility:hidden}", document.head.appendChild(i);
+}
+let A = class extends v {
   constructor() {
-    super(...arguments), this.key = "", this.description = "", this.type = "boolean", this.value = "true", this.defaultValue = "", this.options = "", this.isMatch = !1, this.registered = !1, this.onFlagChange = () => {
+    super(...arguments), this.key = "", this.description = "", this.value = "", this.isMatch = !1, this.ready = !1, this.onFlagChange = () => {
       this.evaluate();
     };
   }
   connectedCallback() {
-    super.connectedCallback(), window.addEventListener("vibe-flags-changed", this.onFlagChange), this.registerFlag(), this.evaluate();
+    super.connectedCallback(), window.addEventListener("vibe-flags-changed", this.onFlagChange), this.registerFlag();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), window.removeEventListener("vibe-flags-changed", this.onFlagChange);
   }
   willUpdate(i) {
-    ["key", "description", "type", "defaultValue", "options"].some((e) => i.has(e)) && this.registerFlag();
+    (i.has("key") || i.has("description")) && this.registerFlag();
   }
   registerFlag() {
-    if (!this.key) return;
-    const i = this.type === "select" ? {
-      key: this.key,
-      type: "select",
-      default: this.defaultValue || this.parseOptions()[0] || "",
-      options: this.parseOptions(),
-      label: this.description || void 0
-    } : {
+    this.key && (u.getConfigForKey(this.key) || u.register({
       key: this.key,
       type: "boolean",
-      default: this.defaultValue ? this.defaultValue === "true" : !1,
       label: this.description || void 0
-    };
-    m.register(i), this.registered = !0, this.evaluate();
-  }
-  parseOptions() {
-    return this.options.split(",").map((i) => i.trim()).filter(Boolean);
+    }), this.evaluate());
   }
   evaluate() {
-    const i = m.get(this.key);
-    if (i === void 0) {
-      this.isMatch = !1;
-      return;
-    }
-    this.isMatch = String(i) === this.value;
+    const i = u.get(this.key);
+    i === void 0 ? this.isMatch = !1 : this.value === "" ? this.isMatch = !0 : this.isMatch = String(i) === this.value, this.ready || (this.ready = !0, this.style.visibility = "visible");
   }
   render() {
     return this.isMatch ? f`<slot></slot>` : c;
   }
 };
-b([
-  A({ type: String })
-], g.prototype, "key", 2);
-b([
-  A({ type: String })
-], g.prototype, "description", 2);
-b([
-  A({ type: String })
-], g.prototype, "type", 2);
-b([
-  A({ type: String })
-], g.prototype, "value", 2);
-b([
-  A({ type: String, attribute: "default" })
-], g.prototype, "defaultValue", 2);
-b([
-  A({ type: String })
-], g.prototype, "options", 2);
-b([
-  L()
-], g.prototype, "isMatch", 2);
-g = b([
-  Y("vibe-flag")
-], g);
-const Wt = dt`
+P([
+  S({ type: String })
+], A.prototype, "key", 2);
+P([
+  S({ type: String })
+], A.prototype, "description", 2);
+P([
+  S({ type: String })
+], A.prototype, "value", 2);
+P([
+  m()
+], A.prototype, "isMatch", 2);
+P([
+  m()
+], A.prototype, "ready", 2);
+A = P([
+  j("vibe-flag-boolean")
+], A);
+var Ze = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, K = (i, e, t, s) => {
+  for (var r = s > 1 ? void 0 : s ? Ge(e, t) : e, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = (s ? n(e, t, r) : n(r)) || r);
+  return s && r && Ze(e, t, r), r;
+};
+let H = class extends v {
+  constructor() {
+    super(...arguments), this.key = "", this.description = "", this.ready = !1, this.onFlagChange = () => {
+      this.syncOptions();
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), window.addEventListener("vibe-flags-changed", this.onFlagChange), queueMicrotask(() => this.registerFlag());
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), window.removeEventListener("vibe-flags-changed", this.onFlagChange);
+  }
+  willUpdate(i) {
+    (i.has("key") || i.has("description")) && this.registerFlag();
+  }
+  getOptions() {
+    return Array.from(this.querySelectorAll("vibe-flag-option"));
+  }
+  registerFlag() {
+    if (!this.key) return;
+    const i = this.getOptions().map((e) => e.value).filter(Boolean);
+    i.length !== 0 && (u.getConfigForKey(this.key) || u.register({
+      key: this.key,
+      type: "select",
+      options: i,
+      label: this.description || void 0
+    }), this.syncOptions());
+  }
+  syncOptions() {
+    const i = u.get(this.key);
+    for (const e of this.getOptions())
+      e.active = e.value === i;
+    this.ready || (this.ready = !0, this.style.visibility = "visible");
+  }
+  render() {
+    return f`<slot></slot>`;
+  }
+};
+K([
+  S({ type: String })
+], H.prototype, "key", 2);
+K([
+  S({ type: String })
+], H.prototype, "description", 2);
+K([
+  m()
+], H.prototype, "ready", 2);
+H = K([
+  j("vibe-flag-select")
+], H);
+var Qe = Object.defineProperty, et = Object.getOwnPropertyDescriptor, ie = (i, e, t, s) => {
+  for (var r = s > 1 ? void 0 : s ? et(e, t) : e, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = (s ? n(e, t, r) : n(r)) || r);
+  return s && r && Qe(e, t, r), r;
+};
+let V = class extends v {
+  constructor() {
+    super(...arguments), this.value = "", this.active = !1;
+  }
+  render() {
+    return this.active ? f`<slot></slot>` : c;
+  }
+};
+ie([
+  S({ type: String })
+], V.prototype, "value", 2);
+ie([
+  m()
+], V.prototype, "active", 2);
+V = ie([
+  j("vibe-flag-option")
+], V);
+const tt = G`
+  :host {
+    --vf-bg: #0a0a0a;
+    --vf-bg-muted: #171717;
+    --vf-bg-hover: #262626;
+    --vf-border: #2e2e2e;
+    --vf-text: #fafafa;
+    --vf-text-muted: #a3a3a3;
+    --vf-primary: #fafafa;
+    --vf-primary-fg: #0a0a0a;
+    --vf-accent: #818cf8;
+    --vf-accent-fg: #ffffff;
+    --vf-destructive: #ef4444;
+    --vf-radius: 6px;
+    --vf-radius-lg: 8px;
+    --vf-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+      'Helvetica Neue', Arial, sans-serif;
+    --vf-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4),
+      0 1px 2px -1px rgba(0, 0, 0, 0.4);
+    --vf-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5),
+      0 4px 6px -4px rgba(0, 0, 0, 0.5);
+    --vf-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6),
+      0 8px 10px -6px rgba(0, 0, 0, 0.6);
+  }
+`, st = G`
   :host {
     --vf-bg: #ffffff;
     --vf-bg-muted: #f5f5f5;
@@ -757,25 +843,41 @@ const Wt = dt`
       0 8px 10px -6px rgba(0, 0, 0, 0.1);
   }
 `;
-var qt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, V = (i, t, e, s) => {
-  for (var r = s > 1 ? void 0 : s ? Jt(t, e) : t, o = i.length - 1, n; o >= 0; o--)
-    (n = i[o]) && (r = (s ? n(t, e, r) : n(r)) || r);
-  return s && r && qt(t, e, r), r;
+var it = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, I = (i, e, t, s) => {
+  for (var r = s > 1 ? void 0 : s ? rt(e, t) : e, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = (s ? n(e, t, r) : n(r)) || r);
+  return s && r && it(e, t, r), r;
 };
-let C = class extends x {
+const ve = "vibeFlagsTheme";
+let $ = class extends v {
   constructor() {
-    super(...arguments), this.open = !1, this.flags = {}, this.configs = [], this.onFlagChange = () => {
+    super(...arguments), this.open = !1, this.flags = {}, this.configs = [], this.darkMode = !0, this.onFlagChange = () => {
       this.syncFromStore();
     };
   }
   connectedCallback() {
-    super.connectedCallback(), window.addEventListener("vibe-flags-changed", this.onFlagChange), this.syncFromStore();
+    super.connectedCallback(), window.addEventListener("vibe-flags-changed", this.onFlagChange), this.syncFromStore(), this.loadTheme();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), window.removeEventListener("vibe-flags-changed", this.onFlagChange);
   }
+  loadTheme() {
+    if (typeof window > "u") return;
+    const i = localStorage.getItem(ve);
+    this.darkMode = i ? i === "dark" : !0, this.applyTheme();
+  }
+  toggleTheme() {
+    this.darkMode = !this.darkMode, localStorage.setItem(ve, this.darkMode ? "dark" : "light"), this.applyTheme();
+  }
+  applyTheme() {
+    const i = this.darkMode ? tt : st, e = new CSSStyleSheet();
+    e.replaceSync(i.cssText), this.shadowRoot.adoptedStyleSheets = [
+      ...$.elementStyles.map((t) => t.styleSheet),
+      e
+    ];
+  }
   syncFromStore() {
-    this.configs = m.getConfig(), this.flags = m.getAll();
+    this.configs = u.getConfig(), this.flags = u.getAll();
   }
   toggleSidebar() {
     this.open = !this.open;
@@ -784,15 +886,15 @@ let C = class extends x {
     this.open = !1;
   }
   onToggle(i) {
-    const t = this.flags[i];
-    m.set(i, !t);
+    const e = this.flags[i];
+    u.set(i, !e);
   }
-  onSelect(i, t) {
-    const e = t.target;
-    m.set(i, e.value);
+  onSelect(i, e) {
+    const t = e.target;
+    u.set(i, t.value);
   }
   onReset() {
-    m.reset();
+    u.reset();
   }
   renderFlagIcon() {
     return f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" y1="22" x2="4" y2="15"/></svg>`;
@@ -803,8 +905,14 @@ let C = class extends x {
   renderChevronDown() {
     return f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>`;
   }
+  renderSunIcon() {
+    return f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>`;
+  }
+  renderMoonIcon() {
+    return f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>`;
+  }
   renderBooleanFlag(i) {
-    const t = this.flags[i.key] === !0;
+    const e = this.flags[i.key] === !0;
     return f`
       <div class="flag-item">
         <div class="flag-row">
@@ -815,7 +923,7 @@ let C = class extends x {
           <label class="toggle">
             <input
               type="checkbox"
-              .checked=${t}
+              .checked=${e}
               @change=${() => this.onToggle(i.key)}
             />
             <span class="toggle-track"></span>
@@ -827,7 +935,7 @@ let C = class extends x {
   }
   renderSelectFlag(i) {
     if (i.type !== "select") return c;
-    const t = this.flags[i.key];
+    const e = this.flags[i.key];
     return f`
       <div class="flag-item">
         <div class="flag-row">
@@ -838,12 +946,12 @@ let C = class extends x {
           <div class="select-wrapper">
             <select
               class="select"
-              .value=${t}
-              @change=${(e) => this.onSelect(i.key, e)}
+              .value=${e}
+              @change=${(t) => this.onSelect(i.key, t)}
             >
               ${i.options.map(
-      (e) => f`<option value=${e} ?selected=${e === t}>
-                    ${e}
+      (t) => f`<option value=${t} ?selected=${t === e}>
+                    ${t}
                   </option>`
     )}
             </select>
@@ -870,9 +978,14 @@ let C = class extends x {
             VibeFlags
             <span class="badge">${this.configs.length}</span>
           </h2>
-          <button class="close-btn" @click=${this.closeSidebar} aria-label="Close">
-            ${this.renderCloseIcon()}
-          </button>
+          <div class="header-actions">
+            <button class="icon-btn" @click=${this.toggleTheme} aria-label="Toggle theme" title="${this.darkMode ? "Switch to light theme" : "Switch to dark theme"}">
+              ${this.darkMode ? this.renderSunIcon() : this.renderMoonIcon()}
+            </button>
+            <button class="icon-btn" @click=${this.closeSidebar} aria-label="Close">
+              ${this.renderCloseIcon()}
+            </button>
+          </div>
         </div>
 
         <div class="flags">
@@ -890,9 +1003,8 @@ let C = class extends x {
     `;
   }
 };
-C.styles = [
-  Wt,
-  dt`
+$.styles = [
+  G`
       * {
         box-sizing: border-box;
         margin: 0;
@@ -979,6 +1091,12 @@ C.styles = [
         flex-shrink: 0;
       }
 
+      .header-left {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
+
       .header h2 {
         font-size: 16px;
         font-weight: 600;
@@ -994,6 +1112,12 @@ C.styles = [
         color: var(--vf-accent);
       }
 
+      .header-actions {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+      }
+
       .badge {
         font-size: 11px;
         font-weight: 500;
@@ -1004,7 +1128,7 @@ C.styles = [
         border: 1px solid var(--vf-border);
       }
 
-      .close-btn {
+      .icon-btn {
         width: 32px;
         height: 32px;
         border: none;
@@ -1018,12 +1142,12 @@ C.styles = [
         transition: all 0.15s ease;
       }
 
-      .close-btn:hover {
+      .icon-btn:hover {
         background: var(--vf-bg-muted);
         color: var(--vf-text);
       }
 
-      .close-btn svg {
+      .icon-btn svg {
         width: 16px;
         height: 16px;
       }
@@ -1196,21 +1320,26 @@ C.styles = [
       }
     `
 ];
-V([
-  L()
-], C.prototype, "open", 2);
-V([
-  L()
-], C.prototype, "flags", 2);
-V([
-  L()
-], C.prototype, "configs", 2);
-C = V([
-  Y("vibe-toolbar")
-], C);
+I([
+  m()
+], $.prototype, "open", 2);
+I([
+  m()
+], $.prototype, "flags", 2);
+I([
+  m()
+], $.prototype, "configs", 2);
+I([
+  m()
+], $.prototype, "darkMode", 2);
+$ = I([
+  j("vibe-toolbar")
+], $);
 export {
-  g as VibeFlag,
-  ht as VibeFlags,
-  C as VibeToolbar,
-  m as flagStore
+  A as VibeFlagBoolean,
+  V as VibeFlagOption,
+  H as VibeFlagSelect,
+  ge as VibeFlags,
+  $ as VibeToolbar,
+  u as flagStore
 };