@vibe-flags/core 0.1.3 → 0.1.5

package/dist/vibe-flags.cdn.mjs

@@ -3,7 +3,7 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-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();
+const D = globalThis, Y = D.ShadowRoot && (D.ShadyCSS === void 0 || D.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.");
@@ -22,7 +22,7 @@ let be = class {
     return this.cssText;
   }
 };
-const _e = (i) => new be(typeof i == "string" ? i : i + "", void 0, Z), G = (i, ...e) => {
+const _e = (i) => new be(typeof i == "string" ? i : i + "", void 0, Z), X = (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;
@@ -32,7 +32,7 @@ const _e = (i) => new be(typeof i == "string" ? i : i + "", void 0, Z), G = (i,
 }, 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;
+    const s = document.createElement("style"), r = D.litNonce;
     r !== void 0 && s.setAttribute("nonce", r), s.textContent = t.cssText, i.appendChild(s);
   }
 }, oe = Y ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((e) => {
@@ -45,7 +45,7 @@ const _e = (i) => new be(typeof i == "string" ? i : i + "", void 0, Z), G = (i,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ae, defineProperty: Se, getOwnPropertyDescriptor: Ee, getOwnPropertyNames: Ce, getOwnPropertySymbols: ke, getPrototypeOf: Pe } = Object, q = globalThis, ne = q.trustedTypes, Oe = ne ? ne.emptyScript : "", Me = q.reactiveElementPolyfillSupport, T = (i, e) => i, B = { toAttribute(i, e) {
+const { is: Ae, defineProperty: Se, getOwnPropertyDescriptor: Ee, getOwnPropertyNames: Ce, getOwnPropertySymbols: ke, getPrototypeOf: Pe } = Object, q = globalThis, ne = q.trustedTypes, Oe = ne ? ne.emptyScript : "", Me = q.reactiveElementPolyfillSupport, O = (i, e) => i, z = { toAttribute(i, e) {
   switch (e) {
     case Boolean:
       i = i ? Oe : null;
@@ -73,9 +73,9 @@ const { is: Ae, defineProperty: Se, getOwnPropertyDescriptor: Ee, getOwnProperty
       }
   }
   return t;
-} }, Q = (i, e) => !Ae(i, e), ae = { attribute: !0, type: String, converter: B, reflect: !1, useDefault: !1, hasChanged: Q };
+} }, G = (i, e) => !Ae(i, e), ae = { attribute: !0, type: String, converter: z, reflect: !1, useDefault: !1, hasChanged: G };
 Symbol.metadata ??= Symbol("metadata"), q.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let E = class extends HTMLElement {
+let A = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ??= []).push(e);
   }
@@ -103,13 +103,13 @@ let E = class extends HTMLElement {
     return this.elementProperties.get(e) ?? ae;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(T("elementProperties"))) return;
+    if (this.hasOwnProperty(O("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(T("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {
+    if (this.hasOwnProperty(O("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(O("properties"))) {
       const t = this.properties, s = [...Ce(t), ...ke(t)];
       for (const r of s) this.createProperty(r, t[r]);
     }
@@ -172,14 +172,14 @@ let E = class extends HTMLElement {
   _$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 : B).toAttribute(t, s.type);
+      const o = (s.converter?.toAttribute !== void 0 ? s.converter : z).toAttribute(t, s.type);
       this._$Em = e, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
     }
   }
   _$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 : B;
+      const o = s.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : z;
       this._$Em = r;
       const l = n.fromAttribute(t, o.type);
       this[r] = l ?? this._$Ej?.get(r) ?? l, this._$Em = null;
@@ -188,7 +188,7 @@ let E = class extends HTMLElement {
   requestUpdate(e, t, s, r = !1, o) {
     if (e !== void 0) {
       const n = this.constructor;
-      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;
+      if (r === !1 && (o = this[e]), s ??= n.getPropertyOptions(e), !((s.hasChanged ?? G)(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());
@@ -256,53 +256,53 @@ let E = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[T("elementProperties")] = /* @__PURE__ */ new Map(), E[T("finalized")] = /* @__PURE__ */ new Map(), Me?.({ ReactiveElement: E }), (q.reactiveElementVersions ??= []).push("2.1.2");
+A.elementStyles = [], A.shadowRootOptions = { mode: "open" }, A[O("elementProperties")] = /* @__PURE__ */ new Map(), A[O("finalized")] = /* @__PURE__ */ new Map(), Me?.({ ReactiveElement: A }), (q.reactiveElementVersions ??= []).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-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), C = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), ue = /* @__PURE__ */ new WeakMap(), _ = w.createTreeWalker(w, 129);
+const Q = globalThis, le = (i) => i, B = Q.trustedTypes, he = B ? B.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, ye = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, $e = "?" + y, Te = `<${$e}>`, w = document, M = () => w.createComment(""), T = (i) => i === null || typeof i != "object" && typeof i != "function", ee = Array.isArray, Ue = (i) => ee(i) || typeof i?.[Symbol.iterator] == "function", K = `[ 	
+\f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ce = /-->/g, de = />/g, x = RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ 	
+\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), S = 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");
+  if (!ee(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return he !== void 0 ? he.createHTML(e) : e;
 }
 const Ne = (i, e) => {
   const t = i.length - 1, s = [];
-  let r, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = O;
+  let r, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = k;
   for (let l = 0; l < t; l++) {
     const a = i[l];
     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);
+    for (; g < a.length && (n.lastIndex = g, p = n.exec(a), p !== null); ) g = n.lastIndex, n === k ? 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 ?? k, 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 = k : (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);
+    o += n === k ? a + Te : h >= 0 ? (s.push(d), a.slice(0, h) + ye + a.slice(h) + y + b) : a + y + (h === -2 ? l : b);
   }
   return [xe(i, o + (i[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
 };
-class N {
+class U {
   constructor({ strings: e, _$litType$: t }, s) {
     let r;
     this.parts = [];
     let o = 0, n = 0;
     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) {
+    if (this.el = U.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(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);
+          const g = p[n++], b = r.getAttribute(h).split(y), I = /([.?@])?(.*)/.exec(g);
+          a.push({ type: 1, index: o, name: I[2], strings: b, ctor: I[1] === "." ? Re : I[1] === "?" ? je : I[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());
+            r.textContent = B ? B.emptyScript : "";
+            for (let b = 0; b < g; b++) r.append(h[b], M()), _.nextNode(), a.push({ type: 2, index: ++o });
+            r.append(h[g], M());
           }
         }
       } else if (r.nodeType === 8) if (r.data === $e) a.push({ type: 2, index: o });
@@ -318,11 +318,11 @@ class N {
     return s.innerHTML = e, s;
   }
 }
-function k(i, e, t = i, s) {
-  if (e === C) return e;
+function E(i, e, t = i, s) {
+  if (e === S) 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 = k(i, r._$AS(i, e.values), r, s)), e;
+  const o = T(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 = E(i, r._$AS(i, e.values), r, s)), e;
 }
 class He {
   constructor(e, t) {
@@ -341,7 +341,7 @@ class He {
     for (; a !== void 0; ) {
       if (n === a.index) {
         let d;
-        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];
+        a.type === 2 ? d = new F(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++);
     }
@@ -352,7 +352,7 @@ class He {
     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 R {
+class F {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
@@ -371,7 +371,7 @@ class R {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = k(this, e, t), F(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== C && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Ue(e) ? this.k(e) : this._(e);
+    e = E(this, e, t), T(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== S && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Ue(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -380,10 +380,10 @@ class R {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== c && F(this._$AH) ? this._$AA.nextSibling.data = e : this.T(w.createTextNode(e)), this._$AH = e;
+    this._$AH !== c && T(this._$AH) ? this._$AA.nextSibling.data = e : this.T(w.createTextNode(e)), this._$AH = 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);
+    const { values: t, _$litType$: s } = e, r = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = U.createElement(xe(s.h, s.h[0]), this.options)), s);
     if (this._$AH?._$AD === r) this._$AH.p(t);
     else {
       const o = new He(r, this), n = o.u(this.options);
@@ -392,13 +392,13 @@ class R {
   }
   _$AC(e) {
     let t = ue.get(e.strings);
-    return t === void 0 && ue.set(e.strings, t = new N(e)), t;
+    return t === void 0 && ue.set(e.strings, t = new U(e)), t;
   }
   k(e) {
-    te(this._$AH) || (this._$AH = [], this._$AR());
+    ee(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let s, r = 0;
-    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++;
+    for (const o of e) r === t.length ? t.push(s = new F(this.O(M()), this.O(M()), this, this.options)) : s = t[r], s._$AI(o), r++;
     r < t.length && (this._$AR(s && s._$AB.nextSibling, r), t.length = r);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -424,11 +424,11 @@ class W {
   _$AI(e, t = this, s, r) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) e = k(this, e, t, 0), n = !F(e) || e !== this._$AH && e !== C, n && (this._$AH = e);
+    if (o === void 0) e = E(this, e, t, 0), n = !T(e) || e !== this._$AH && e !== S, n && (this._$AH = e);
     else {
       const l = e;
       let a, d;
-      for (e = o[0], a = 0; a < o.length - 1; a++) d = k(this, l[s + a], t, a), d === C && (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;
+      for (e = o[0], a = 0; a < o.length - 1; a++) d = E(this, l[s + a], t, a), d === S && (d = this._$AH[a]), n ||= !T(d) || d !== this._$AH[a], d === c ? e = c : e !== c && (e += (d ?? "") + o[a + 1]), this._$AH[a] = d;
     }
     n && !r && this.j(e);
   }
@@ -457,7 +457,7 @@ class Ie extends W {
     super(e, t, s, r, o), this.type = 5;
   }
   _$AI(e, t = this) {
-    if ((e = k(this, e, t, 0) ?? c) === C) return;
+    if ((e = E(this, e, t, 0) ?? c) === S) 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;
   }
@@ -473,17 +473,17 @@ class De {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    k(this, e);
+    E(this, e);
   }
 }
-const ze = ee.litHtmlPolyfillSupport;
-ze?.(N, R), (ee.litHtmlVersions ??= []).push("3.3.2");
+const ze = Q.litHtmlPolyfillSupport;
+ze?.(U, F), (Q.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 = t?.renderBefore ?? null;
-    s._$litPart$ = r = new R(e.insertBefore(U(), o), o, void 0, t ?? {});
+    s._$litPart$ = r = new F(e.insertBefore(M(), o), o, void 0, t ?? {});
   }
   return r._$AI(i), r;
 };
@@ -492,8 +492,8 @@ const Be = (i, e, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const se = globalThis;
-class v extends E {
+const te = globalThis;
+class v extends A {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -512,19 +512,19 @@ class v extends E {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return C;
+    return S;
   }
 }
-v._$litElement$ = !0, v.finalized = !0, se.litElementHydrateSupport?.({ LitElement: v });
-const Le = se.litElementPolyfillSupport;
+v._$litElement$ = !0, v.finalized = !0, te.litElementHydrateSupport?.({ LitElement: v });
+const Le = te.litElementPolyfillSupport;
 Le?.({ LitElement: v });
-(se.litElementVersions ??= []).push("4.2.2");
+(te.litElementVersions ??= []).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const j = (i) => (e, t) => {
+const N = (i) => (e, t) => {
   t !== void 0 ? t.addInitializer(() => {
     customElements.define(i, e);
   }) : customElements.define(i, e);
@@ -534,7 +534,7 @@ const j = (i) => (e, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ve = { attribute: !0, type: String, converter: B, reflect: !1, hasChanged: Q }, qe = (i = Ve, e, t) => {
+const Ve = { attribute: !0, type: String, converter: z, reflect: !1, hasChanged: G }, 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(t.name, i), s === "accessor") {
@@ -555,7 +555,7 @@ const Ve = { attribute: !0, type: String, converter: B, reflect: !1, hasChanged:
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function S(i) {
+function m(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;
@@ -566,8 +566,8 @@ function S(i) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function m(i) {
-  return S({ ...i, state: !0, attribute: !1 });
+function H(i) {
+  return m({ ...i, state: !0, attribute: !1 });
 }
 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--)
@@ -580,20 +580,20 @@ let ge = class extends v {
   }
 };
 ge = Ke([
-  j("vibe-flags")
+  N("vibe-flags")
 ], ge);
-const M = "vibe-flags:";
-function X(i) {
+const P = "vibe-flags:";
+function J(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 = (e) => {
-      if (!e.key?.startsWith(M)) return;
-      const t = e.key.slice(M.length), s = this.configs.get(t);
+      if (!e.key?.startsWith(P)) return;
+      const t = e.key.slice(P.length), s = this.configs.get(t);
       if (s)
         try {
-          const r = e.newValue ? JSON.parse(e.newValue) : X(s);
+          const r = e.newValue ? JSON.parse(e.newValue) : J(s);
           this.state[t] = r, this.dispatch(t);
         } catch {
         }
@@ -601,8 +601,8 @@ class Je extends EventTarget {
   }
   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);
+    const t = J(e), s = this.readFromStorage(e.key), r = s !== null && (e.type === "boolean" && typeof s == "boolean" || e.type === "select" && typeof s == "string" && e.options.includes(s));
+    this.state[e.key] = r ? s : t, this.listening || (this.listening = !0, typeof window < "u" && window.addEventListener("storage", this.onStorageEvent)), this.dispatch(e.key);
   }
   unregister(e) {
     this.configs.delete(e), delete this.state[e], this.dispatch();
@@ -625,13 +625,13 @@ class Je extends EventTarget {
   }
   reset() {
     for (const [e, t] of this.configs)
-      this.state[e] = X(t), this.removeFromStorage(e);
+      this.state[e] = J(t), this.removeFromStorage(e);
     this.dispatch();
   }
   readFromStorage(e) {
     if (typeof window > "u") return null;
     try {
-      const t = localStorage.getItem(M + e);
+      const t = localStorage.getItem(P + e);
       return t === null ? null : JSON.parse(t);
     } catch {
       return null;
@@ -640,14 +640,14 @@ class Je extends EventTarget {
   writeToStorage(e, t) {
     if (!(typeof window > "u"))
       try {
-        localStorage.setItem(M + e, JSON.stringify(t));
+        localStorage.setItem(P + e, JSON.stringify(t));
       } catch {
       }
   }
   removeFromStorage(e) {
     if (!(typeof window > "u"))
       try {
-        localStorage.removeItem(M + e);
+        localStorage.removeItem(P + e);
       } catch {
       }
   }
@@ -660,18 +660,18 @@ class Je extends EventTarget {
   }
 }
 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--)
+var Ye = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, R = (i, e, t, s) => {
+  for (var r = s > 1 ? void 0 : s ? Ze(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;
+  return s && r && Ye(e, t, r), r;
 };
 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{display:none}", document.head.appendChild(i);
 }
-let A = class extends v {
+let C = class extends v {
   constructor() {
-    super(...arguments), this.name = "", this.description = "", this.value = "", this.isMatch = !1, this.ready = !1, this.onFlagChange = () => {
+    super(...arguments), this.name = "", this.description = "", this.value = "", this.isMatch = !1, this.onFlagChange = () => {
       this.evaluate();
     };
   }
@@ -681,6 +681,9 @@ let A = class extends v {
   disconnectedCallback() {
     super.disconnectedCallback(), window.removeEventListener("vibe-flags-changed", this.onFlagChange);
   }
+  firstUpdated() {
+    this.style.display = "contents";
+  }
   willUpdate(i) {
     (i.has("name") || i.has("description")) && this.registerFlag();
   }
@@ -693,38 +696,35 @@ let A = class extends v {
   }
   evaluate() {
     const i = u.get(this.name);
-    i === void 0 ? this.isMatch = !1 : this.value === "" ? this.isMatch = !0 : this.isMatch = String(i) === this.value, this.ready || (this.ready = !0, this.style.display = "contents");
+    i === void 0 ? this.isMatch = !1 : this.value === "" ? this.isMatch = !0 : this.isMatch = String(i) === this.value, this.isMatch ? this.setAttribute("active", "") : this.removeAttribute("active");
   }
   render() {
     return this.isMatch ? f`<slot></slot>` : c;
   }
 };
-P([
-  S({ type: String })
-], A.prototype, "name", 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) => {
+R([
+  m({ type: String })
+], C.prototype, "name", 2);
+R([
+  m({ type: String })
+], C.prototype, "description", 2);
+R([
+  m({ type: String })
+], C.prototype, "value", 2);
+R([
+  H()
+], C.prototype, "isMatch", 2);
+C = R([
+  N("vibe-flag-boolean")
+], C);
+var Xe = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, se = (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;
+  return s && r && Xe(e, t, r), r;
 };
-let H = class extends v {
+let L = class extends v {
   constructor() {
-    super(...arguments), this.name = "", this.description = "", this.ready = !1, this.onFlagChange = () => {
+    super(...arguments), this.name = "", this.description = "", this.onFlagChange = () => {
       this.syncOptions();
     };
   }
@@ -734,6 +734,9 @@ let H = class extends v {
   disconnectedCallback() {
     super.disconnectedCallback(), window.removeEventListener("vibe-flags-changed", this.onFlagChange);
   }
+  firstUpdated() {
+    this.style.display = "contents";
+  }
   willUpdate(i) {
     (i.has("name") || i.has("description")) && this.registerFlag();
   }
@@ -754,24 +757,20 @@ let H = class extends v {
     const i = u.get(this.name);
     for (const e of this.getOptions())
       e.active = e.value === i;
-    this.ready || (this.ready = !0, this.style.display = "contents");
   }
   render() {
     return f`<slot></slot>`;
   }
 };
-K([
-  S({ type: String })
-], H.prototype, "name", 2);
-K([
-  S({ type: String })
-], H.prototype, "description", 2);
-K([
-  m()
-], H.prototype, "ready", 2);
-H = K([
-  j("vibe-flag-select")
-], H);
+se([
+  m({ type: String })
+], L.prototype, "name", 2);
+se([
+  m({ type: String })
+], L.prototype, "description", 2);
+L = se([
+  N("vibe-flag-select")
+], L);
 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);
@@ -781,20 +780,23 @@ let V = class extends v {
   constructor() {
     super(...arguments), this.value = "", this.active = !1;
   }
+  firstUpdated() {
+    this.style.display = "contents";
+  }
   render() {
     return this.active ? f`<slot></slot>` : c;
   }
 };
 ie([
-  S({ type: String })
+  m({ type: String })
 ], V.prototype, "value", 2);
 ie([
-  m()
+  m({ type: Boolean, reflect: !0 })
 ], V.prototype, "active", 2);
 V = ie([
-  j("vibe-flag-option")
+  N("vibe-flag-option")
 ], V);
-const tt = G`
+const tt = X`
   :host {
     --vf-bg: #0a0a0a;
     --vf-bg-muted: #171717;
@@ -818,7 +820,7 @@ const tt = G`
     --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`
+`, st = X`
   :host {
     --vf-bg: #ffffff;
     --vf-bg-muted: #f5f5f5;
@@ -843,7 +845,7 @@ const tt = G`
       0 8px 10px -6px rgba(0, 0, 0, 0.1);
   }
 `;
-var it = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, I = (i, e, t, s) => {
+var it = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, j = (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;
@@ -879,12 +881,9 @@ let $ = class extends v {
   syncFromStore() {
     this.configs = u.getConfig(), this.flags = u.getAll();
   }
-  toggleSidebar() {
+  toggle() {
     this.open = !this.open;
   }
-  closeSidebar() {
-    this.open = !1;
-  }
   onToggle(i) {
     const e = this.flags[i];
     u.set(i, !e);
@@ -964,14 +963,12 @@ let $ = class extends v {
   render() {
     return f`
       ${this.open ? c : f`
-        <button class="fab" @click=${this.toggleSidebar} aria-label="Toggle feature flags">
+        <button class="fab" @click=${this.toggle} aria-label="Toggle feature flags">
           ${this.renderFlagIcon()}
         </button>
       `}
 
-      <div class="backdrop ${this.open ? "open" : ""}" @click=${this.closeSidebar}></div>
-
-      <div class="sidebar ${this.open ? "open" : ""}">
+      <div class="card ${this.open ? "open" : ""}">
         <div class="header">
           <h2>
             ${this.renderFlagIcon()}
@@ -982,7 +979,7 @@ let $ = class extends v {
             <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">
+            <button class="icon-btn" @click=${this.toggle} aria-label="Close">
               ${this.renderCloseIcon()}
             </button>
           </div>
@@ -1004,7 +1001,7 @@ let $ = class extends v {
   }
 };
 $.styles = [
-  G`
+  X`
       * {
         box-sizing: border-box;
         margin: 0;
@@ -1013,15 +1010,13 @@ $.styles = [
 
       .fab {
         position: fixed;
-        right: 0;
-        top: 50%;
-        transform: translateY(-50%);
+        right: 16px;
+        bottom: 16px;
         z-index: 99999;
-        width: 40px;
-        height: 44px;
+        width: 42px;
+        height: 42px;
         border: 1px solid var(--vf-border);
-        border-right: none;
-        border-radius: var(--vf-radius-lg) 0 0 var(--vf-radius-lg);
+        border-radius: 12px;
         background: var(--vf-bg);
         color: var(--vf-text);
         cursor: pointer;
@@ -1034,94 +1029,80 @@ $.styles = [
       }
 
       .fab:hover {
-        width: 46px;
         background: var(--vf-bg-muted);
+        box-shadow: var(--vf-shadow-xl);
+        transform: translateY(-1px);
       }
 
       .fab svg {
-        width: 20px;
-        height: 20px;
+        width: 18px;
+        height: 18px;
         flex-shrink: 0;
       }
 
-      .backdrop {
+      .card {
         position: fixed;
-        inset: 0;
-        z-index: 100000;
-        background: rgba(0, 0, 0, 0.4);
-        opacity: 0;
-        transition: opacity 0.3s ease;
-        pointer-events: none;
-      }
-
-      .backdrop.open {
-        opacity: 1;
-        pointer-events: auto;
-      }
-
-      .sidebar {
-        position: fixed;
-        top: 0;
-        right: 0;
-        bottom: 0;
+        right: 16px;
+        bottom: 16px;
         z-index: 100001;
-        width: 340px;
-        max-width: 90vw;
+        width: 300px;
+        max-width: calc(100vw - 32px);
+        max-height: calc(100vh - 32px);
         background: var(--vf-bg);
-        border-left: 1px solid var(--vf-border);
+        border: 1px solid var(--vf-border);
+        border-radius: 14px;
         box-shadow: var(--vf-shadow-xl);
-        transform: translateX(100%);
-        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-        display: flex;
-        flex-direction: column;
         font-family: var(--vf-font);
         color: var(--vf-text);
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        opacity: 0;
+        transform: translateY(8px) scale(0.96);
+        pointer-events: none;
+        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
       }
 
-      .sidebar.open {
-        transform: translateX(0);
+      .card.open {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+        pointer-events: auto;
       }
 
       .header {
         display: flex;
         align-items: center;
         justify-content: space-between;
-        padding: 16px 20px;
+        padding: 12px 14px;
         border-bottom: 1px solid var(--vf-border);
         flex-shrink: 0;
       }
 
-      .header-left {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-      }
-
       .header h2 {
-        font-size: 16px;
+        font-size: 13px;
         font-weight: 600;
-        letter-spacing: -0.025em;
+        letter-spacing: -0.01em;
         display: flex;
         align-items: center;
-        gap: 8px;
+        gap: 7px;
       }
 
       .header h2 svg {
-        width: 18px;
-        height: 18px;
+        width: 15px;
+        height: 15px;
         color: var(--vf-accent);
       }
 
       .header-actions {
         display: flex;
         align-items: center;
-        gap: 4px;
+        gap: 2px;
       }
 
       .badge {
-        font-size: 11px;
+        font-size: 10px;
         font-weight: 500;
-        padding: 2px 7px;
+        padding: 1px 6px;
         border-radius: 9999px;
         background: var(--vf-bg-muted);
         color: var(--vf-text-muted);
@@ -1129,8 +1110,8 @@ $.styles = [
       }
 
       .icon-btn {
-        width: 32px;
-        height: 32px;
+        width: 28px;
+        height: 28px;
         border: none;
         border-radius: var(--vf-radius);
         background: transparent;
@@ -1148,18 +1129,17 @@ $.styles = [
       }
 
       .icon-btn svg {
-        width: 16px;
-        height: 16px;
+        width: 14px;
+        height: 14px;
       }
 
       .flags {
-        flex: 1;
         overflow-y: auto;
-        padding: 8px 0;
+        flex: 1;
       }
 
       .flag-item {
-        padding: 12px 20px;
+        padding: 10px 14px;
         transition: background 0.1s ease;
       }
 
@@ -1172,13 +1152,13 @@ $.styles = [
       }
 
       .flag-label {
-        font-size: 13px;
+        font-size: 12px;
         font-weight: 500;
-        margin-bottom: 2px;
+        margin-bottom: 1px;
       }
 
       .flag-key {
-        font-size: 11px;
+        font-size: 10px;
         color: var(--vf-text-muted);
         font-family: 'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas,
           monospace;
@@ -1188,7 +1168,7 @@ $.styles = [
         display: flex;
         align-items: center;
         justify-content: space-between;
-        gap: 12px;
+        gap: 10px;
       }
 
       .flag-info {
@@ -1199,8 +1179,8 @@ $.styles = [
       /* Toggle switch */
       .toggle {
         position: relative;
-        width: 40px;
-        height: 22px;
+        width: 36px;
+        height: 20px;
         flex-shrink: 0;
       }
 
@@ -1214,7 +1194,7 @@ $.styles = [
       .toggle-track {
         position: absolute;
         inset: 0;
-        border-radius: 11px;
+        border-radius: 10px;
         background: var(--vf-border);
         cursor: pointer;
         transition: background 0.2s ease;
@@ -1228,8 +1208,8 @@ $.styles = [
         position: absolute;
         top: 2px;
         left: 2px;
-        width: 18px;
-        height: 18px;
+        width: 16px;
+        height: 16px;
         border-radius: 50%;
         background: white;
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
@@ -1238,7 +1218,7 @@ $.styles = [
       }
 
       .toggle input:checked ~ .toggle-thumb {
-        transform: translateX(18px);
+        transform: translateX(16px);
       }
 
       /* Select dropdown */
@@ -1250,16 +1230,16 @@ $.styles = [
       .select {
         appearance: none;
         -webkit-appearance: none;
-        font-size: 13px;
+        font-size: 12px;
         font-family: var(--vf-font);
-        padding: 6px 30px 6px 10px;
+        padding: 5px 26px 5px 8px;
         border: 1px solid var(--vf-border);
         border-radius: var(--vf-radius);
         background: var(--vf-bg);
         color: var(--vf-text);
         cursor: pointer;
         outline: none;
-        min-width: 100px;
+        min-width: 80px;
         transition: border-color 0.15s ease;
       }
 
@@ -1274,7 +1254,7 @@ $.styles = [
 
       .select-chevron {
         position: absolute;
-        right: 8px;
+        right: 6px;
         top: 50%;
         transform: translateY(-50%);
         pointer-events: none;
@@ -1282,21 +1262,21 @@ $.styles = [
       }
 
       .select-chevron svg {
-        width: 14px;
-        height: 14px;
+        width: 12px;
+        height: 12px;
       }
 
       /* Footer */
       .footer {
-        padding: 12px 20px;
+        padding: 10px 14px;
         border-top: 1px solid var(--vf-border);
         flex-shrink: 0;
       }
 
       .reset-btn {
         width: 100%;
-        padding: 8px 16px;
-        font-size: 13px;
+        padding: 6px 12px;
+        font-size: 12px;
         font-weight: 500;
         font-family: var(--vf-font);
         border: 1px solid var(--vf-border);
@@ -1313,32 +1293,32 @@ $.styles = [
       }
 
       .empty {
-        padding: 40px 20px;
+        padding: 24px 14px;
         text-align: center;
         color: var(--vf-text-muted);
-        font-size: 13px;
+        font-size: 12px;
       }
     `
 ];
-I([
-  m()
+j([
+  H()
 ], $.prototype, "open", 2);
-I([
-  m()
+j([
+  H()
 ], $.prototype, "flags", 2);
-I([
-  m()
+j([
+  H()
 ], $.prototype, "configs", 2);
-I([
-  m()
+j([
+  H()
 ], $.prototype, "darkMode", 2);
-$ = I([
-  j("vibe-toolbar")
+$ = j([
+  N("vibe-toolbar")
 ], $);
 export {
-  A as VibeFlagBoolean,
+  C as VibeFlagBoolean,
   V as VibeFlagOption,
-  H as VibeFlagSelect,
+  L as VibeFlagSelect,
   ge as VibeFlags,
   $ as VibeToolbar,
   u as flagStore