@boostdev/design-system-components 1.0.2 → 1.1.0

package/dist/web-components.js

@@ -0,0 +1,1968 @@
+// node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.5.1/node_modules/@lit-labs/ssr-dom-shim/lib/element-internals.js
+var ElementInternalsShim = class ElementInternals {
+  get shadowRoot() {
+    return this.__host.__shadowRoot;
+  }
+  constructor(_host) {
+    this.ariaActiveDescendantElement = null;
+    this.ariaAtomic = "";
+    this.ariaAutoComplete = "";
+    this.ariaBrailleLabel = "";
+    this.ariaBrailleRoleDescription = "";
+    this.ariaBusy = "";
+    this.ariaChecked = "";
+    this.ariaColCount = "";
+    this.ariaColIndex = "";
+    this.ariaColIndexText = "";
+    this.ariaColSpan = "";
+    this.ariaControlsElements = null;
+    this.ariaCurrent = "";
+    this.ariaDescribedByElements = null;
+    this.ariaDescription = "";
+    this.ariaDetailsElements = null;
+    this.ariaDisabled = "";
+    this.ariaErrorMessageElements = null;
+    this.ariaExpanded = "";
+    this.ariaFlowToElements = null;
+    this.ariaHasPopup = "";
+    this.ariaHidden = "";
+    this.ariaInvalid = "";
+    this.ariaKeyShortcuts = "";
+    this.ariaLabel = "";
+    this.ariaLabelledByElements = null;
+    this.ariaLevel = "";
+    this.ariaLive = "";
+    this.ariaModal = "";
+    this.ariaMultiLine = "";
+    this.ariaMultiSelectable = "";
+    this.ariaOrientation = "";
+    this.ariaOwnsElements = null;
+    this.ariaPlaceholder = "";
+    this.ariaPosInSet = "";
+    this.ariaPressed = "";
+    this.ariaReadOnly = "";
+    this.ariaRelevant = "";
+    this.ariaRequired = "";
+    this.ariaRoleDescription = "";
+    this.ariaRowCount = "";
+    this.ariaRowIndex = "";
+    this.ariaRowIndexText = "";
+    this.ariaRowSpan = "";
+    this.ariaSelected = "";
+    this.ariaSetSize = "";
+    this.ariaSort = "";
+    this.ariaValueMax = "";
+    this.ariaValueMin = "";
+    this.ariaValueNow = "";
+    this.ariaValueText = "";
+    this.role = "";
+    this.form = null;
+    this.labels = [];
+    this.states = /* @__PURE__ */ new Set();
+    this.validationMessage = "";
+    this.validity = {};
+    this.willValidate = true;
+    this.__host = _host;
+  }
+  checkValidity() {
+    console.warn("`ElementInternals.checkValidity()` was called on the server.This method always returns true.");
+    return true;
+  }
+  reportValidity() {
+    return true;
+  }
+  setFormValue() {
+  }
+  setValidity() {
+  }
+};
+
+// node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.5.1/node_modules/@lit-labs/ssr-dom-shim/lib/events.js
+var __classPrivateFieldSet = function(receiver, state, value, kind, f3) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f3) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f3 : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return kind === "a" ? f3.call(receiver, value) : f3 ? f3.value = value : state.set(receiver, value), value;
+};
+var __classPrivateFieldGet = function(receiver, state, kind, f3) {
+  if (kind === "a" && !f3) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f3 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f3 : kind === "a" ? f3.call(receiver) : f3 ? f3.value : state.get(receiver);
+};
+var _Event_cancelable;
+var _Event_bubbles;
+var _Event_composed;
+var _Event_defaultPrevented;
+var _Event_timestamp;
+var _Event_propagationStopped;
+var _Event_type;
+var _Event_target;
+var _Event_isBeingDispatched;
+var _a;
+var _CustomEvent_detail;
+var _b;
+var isCaptureEventListener = (options) => typeof options === "boolean" ? options : options?.capture ?? false;
+var NONE = 0;
+var CAPTURING_PHASE = 1;
+var AT_TARGET = 2;
+var BUBBLING_PHASE = 3;
+var EventTarget = class {
+  constructor() {
+    this.__eventListeners = /* @__PURE__ */ new Map();
+    this.__captureEventListeners = /* @__PURE__ */ new Map();
+  }
+  addEventListener(type, callback, options) {
+    if (callback === void 0 || callback === null) {
+      return;
+    }
+    const eventListenersMap = isCaptureEventListener(options) ? this.__captureEventListeners : this.__eventListeners;
+    let eventListeners = eventListenersMap.get(type);
+    if (eventListeners === void 0) {
+      eventListeners = /* @__PURE__ */ new Map();
+      eventListenersMap.set(type, eventListeners);
+    } else if (eventListeners.has(callback)) {
+      return;
+    }
+    const normalizedOptions = typeof options === "object" && options ? options : {};
+    normalizedOptions.signal?.addEventListener("abort", () => this.removeEventListener(type, callback, options));
+    eventListeners.set(callback, normalizedOptions ?? {});
+  }
+  removeEventListener(type, callback, options) {
+    if (callback === void 0 || callback === null) {
+      return;
+    }
+    const eventListenersMap = isCaptureEventListener(options) ? this.__captureEventListeners : this.__eventListeners;
+    const eventListeners = eventListenersMap.get(type);
+    if (eventListeners !== void 0) {
+      eventListeners.delete(callback);
+      if (!eventListeners.size) {
+        eventListenersMap.delete(type);
+      }
+    }
+  }
+  dispatchEvent(event) {
+    const composedPath = [this];
+    let parent = this.__eventTargetParent;
+    if (event.composed) {
+      while (parent) {
+        composedPath.push(parent);
+        parent = parent.__eventTargetParent;
+      }
+    } else {
+      while (parent && parent !== this.__host) {
+        composedPath.push(parent);
+        parent = parent.__eventTargetParent;
+      }
+    }
+    let stopPropagation = false;
+    let stopImmediatePropagation = false;
+    let eventPhase = NONE;
+    let target = null;
+    let tmpTarget = null;
+    let currentTarget = null;
+    const originalStopPropagation = event.stopPropagation;
+    const originalStopImmediatePropagation = event.stopImmediatePropagation;
+    Object.defineProperties(event, {
+      target: {
+        get() {
+          return target ?? tmpTarget;
+        },
+        ...enumerableProperty
+      },
+      srcElement: {
+        get() {
+          return event.target;
+        },
+        ...enumerableProperty
+      },
+      currentTarget: {
+        get() {
+          return currentTarget;
+        },
+        ...enumerableProperty
+      },
+      eventPhase: {
+        get() {
+          return eventPhase;
+        },
+        ...enumerableProperty
+      },
+      composedPath: {
+        value: () => composedPath,
+        ...enumerableProperty
+      },
+      stopPropagation: {
+        value: () => {
+          stopPropagation = true;
+          originalStopPropagation.call(event);
+        },
+        ...enumerableProperty
+      },
+      stopImmediatePropagation: {
+        value: () => {
+          stopImmediatePropagation = true;
+          originalStopImmediatePropagation.call(event);
+        },
+        ...enumerableProperty
+      }
+    });
+    const invokeEventListener = (listener, options, eventListenerMap) => {
+      if (typeof listener === "function") {
+        listener(event);
+      } else if (typeof listener?.handleEvent === "function") {
+        listener.handleEvent(event);
+      }
+      if (options.once) {
+        eventListenerMap.delete(listener);
+      }
+    };
+    const finishDispatch = () => {
+      currentTarget = null;
+      eventPhase = NONE;
+      return !event.defaultPrevented;
+    };
+    const captureEventPath = composedPath.slice().reverse();
+    target = !this.__host || !event.composed ? this : null;
+    const retarget = (eventTargets) => {
+      tmpTarget = this;
+      while (tmpTarget.__host && eventTargets.includes(tmpTarget.__host)) {
+        tmpTarget = tmpTarget.__host;
+      }
+    };
+    for (const eventTarget of captureEventPath) {
+      if (!target && (!tmpTarget || tmpTarget === eventTarget.__host)) {
+        retarget(captureEventPath.slice(captureEventPath.indexOf(eventTarget)));
+      }
+      currentTarget = eventTarget;
+      eventPhase = eventTarget === event.target ? AT_TARGET : CAPTURING_PHASE;
+      const captureEventListeners = eventTarget.__captureEventListeners.get(event.type);
+      if (captureEventListeners) {
+        for (const [listener, options] of captureEventListeners) {
+          invokeEventListener(listener, options, captureEventListeners);
+          if (stopImmediatePropagation) {
+            return finishDispatch();
+          }
+        }
+      }
+      if (stopPropagation) {
+        return finishDispatch();
+      }
+    }
+    const bubbleEventPath = event.bubbles ? composedPath : [this];
+    tmpTarget = null;
+    for (const eventTarget of bubbleEventPath) {
+      if (!target && (!tmpTarget || eventTarget === tmpTarget.__host)) {
+        retarget(bubbleEventPath.slice(0, bubbleEventPath.indexOf(eventTarget) + 1));
+      }
+      currentTarget = eventTarget;
+      eventPhase = eventTarget === event.target ? AT_TARGET : BUBBLING_PHASE;
+      const captureEventListeners = eventTarget.__eventListeners.get(event.type);
+      if (captureEventListeners) {
+        for (const [listener, options] of captureEventListeners) {
+          invokeEventListener(listener, options, captureEventListeners);
+          if (stopImmediatePropagation) {
+            return finishDispatch();
+          }
+        }
+      }
+      if (stopPropagation) {
+        return finishDispatch();
+      }
+    }
+    return finishDispatch();
+  }
+};
+var EventTargetShimWithRealType = EventTarget;
+var enumerableProperty = { __proto__: null };
+enumerableProperty.enumerable = true;
+Object.freeze(enumerableProperty);
+var EventShim = (_a = class Event {
+  constructor(type, options = {}) {
+    _Event_cancelable.set(this, false);
+    _Event_bubbles.set(this, false);
+    _Event_composed.set(this, false);
+    _Event_defaultPrevented.set(this, false);
+    _Event_timestamp.set(this, Date.now());
+    _Event_propagationStopped.set(this, false);
+    _Event_type.set(this, void 0);
+    _Event_target.set(this, void 0);
+    _Event_isBeingDispatched.set(this, void 0);
+    this.NONE = NONE;
+    this.CAPTURING_PHASE = CAPTURING_PHASE;
+    this.AT_TARGET = AT_TARGET;
+    this.BUBBLING_PHASE = BUBBLING_PHASE;
+    if (arguments.length === 0)
+      throw new Error(`The type argument must be specified`);
+    if (typeof options !== "object" || !options) {
+      throw new Error(`The "options" argument must be an object`);
+    }
+    const { bubbles, cancelable, composed } = options;
+    __classPrivateFieldSet(this, _Event_cancelable, !!cancelable, "f");
+    __classPrivateFieldSet(this, _Event_bubbles, !!bubbles, "f");
+    __classPrivateFieldSet(this, _Event_composed, !!composed, "f");
+    __classPrivateFieldSet(this, _Event_type, `${type}`, "f");
+    __classPrivateFieldSet(this, _Event_target, null, "f");
+    __classPrivateFieldSet(this, _Event_isBeingDispatched, false, "f");
+  }
+  initEvent(_type, _bubbles, _cancelable) {
+    throw new Error("Method not implemented.");
+  }
+  stopImmediatePropagation() {
+    this.stopPropagation();
+  }
+  preventDefault() {
+    __classPrivateFieldSet(this, _Event_defaultPrevented, true, "f");
+  }
+  get target() {
+    return __classPrivateFieldGet(this, _Event_target, "f");
+  }
+  get currentTarget() {
+    return __classPrivateFieldGet(this, _Event_target, "f");
+  }
+  get srcElement() {
+    return __classPrivateFieldGet(this, _Event_target, "f");
+  }
+  get type() {
+    return __classPrivateFieldGet(this, _Event_type, "f");
+  }
+  get cancelable() {
+    return __classPrivateFieldGet(this, _Event_cancelable, "f");
+  }
+  get defaultPrevented() {
+    return __classPrivateFieldGet(this, _Event_cancelable, "f") && __classPrivateFieldGet(this, _Event_defaultPrevented, "f");
+  }
+  get timeStamp() {
+    return __classPrivateFieldGet(this, _Event_timestamp, "f");
+  }
+  composedPath() {
+    return __classPrivateFieldGet(this, _Event_isBeingDispatched, "f") ? [__classPrivateFieldGet(this, _Event_target, "f")] : [];
+  }
+  get returnValue() {
+    return !__classPrivateFieldGet(this, _Event_cancelable, "f") || !__classPrivateFieldGet(this, _Event_defaultPrevented, "f");
+  }
+  get bubbles() {
+    return __classPrivateFieldGet(this, _Event_bubbles, "f");
+  }
+  get composed() {
+    return __classPrivateFieldGet(this, _Event_composed, "f");
+  }
+  get eventPhase() {
+    return __classPrivateFieldGet(this, _Event_isBeingDispatched, "f") ? _a.AT_TARGET : _a.NONE;
+  }
+  get cancelBubble() {
+    return __classPrivateFieldGet(this, _Event_propagationStopped, "f");
+  }
+  set cancelBubble(value) {
+    if (value) {
+      __classPrivateFieldSet(this, _Event_propagationStopped, true, "f");
+    }
+  }
+  stopPropagation() {
+    __classPrivateFieldSet(this, _Event_propagationStopped, true, "f");
+  }
+  get isTrusted() {
+    return false;
+  }
+}, _Event_cancelable = /* @__PURE__ */ new WeakMap(), _Event_bubbles = /* @__PURE__ */ new WeakMap(), _Event_composed = /* @__PURE__ */ new WeakMap(), _Event_defaultPrevented = /* @__PURE__ */ new WeakMap(), _Event_timestamp = /* @__PURE__ */ new WeakMap(), _Event_propagationStopped = /* @__PURE__ */ new WeakMap(), _Event_type = /* @__PURE__ */ new WeakMap(), _Event_target = /* @__PURE__ */ new WeakMap(), _Event_isBeingDispatched = /* @__PURE__ */ new WeakMap(), _a.NONE = NONE, _a.CAPTURING_PHASE = CAPTURING_PHASE, _a.AT_TARGET = AT_TARGET, _a.BUBBLING_PHASE = BUBBLING_PHASE, _a);
+Object.defineProperties(EventShim.prototype, {
+  initEvent: enumerableProperty,
+  stopImmediatePropagation: enumerableProperty,
+  preventDefault: enumerableProperty,
+  target: enumerableProperty,
+  currentTarget: enumerableProperty,
+  srcElement: enumerableProperty,
+  type: enumerableProperty,
+  cancelable: enumerableProperty,
+  defaultPrevented: enumerableProperty,
+  timeStamp: enumerableProperty,
+  composedPath: enumerableProperty,
+  returnValue: enumerableProperty,
+  bubbles: enumerableProperty,
+  composed: enumerableProperty,
+  eventPhase: enumerableProperty,
+  cancelBubble: enumerableProperty,
+  stopPropagation: enumerableProperty,
+  isTrusted: enumerableProperty
+});
+var CustomEventShim = (_b = class CustomEvent2 extends EventShim {
+  constructor(type, options = {}) {
+    super(type, options);
+    _CustomEvent_detail.set(this, void 0);
+    __classPrivateFieldSet(this, _CustomEvent_detail, options?.detail ?? null, "f");
+  }
+  initCustomEvent(_type, _bubbles, _cancelable, _detail) {
+    throw new Error("Method not implemented.");
+  }
+  get detail() {
+    return __classPrivateFieldGet(this, _CustomEvent_detail, "f");
+  }
+}, _CustomEvent_detail = /* @__PURE__ */ new WeakMap(), _b);
+Object.defineProperties(CustomEventShim.prototype, {
+  detail: enumerableProperty
+});
+var EventShimWithRealType = EventShim;
+var CustomEventShimWithRealType = CustomEventShim;
+
+// node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.5.1/node_modules/@lit-labs/ssr-dom-shim/lib/css.js
+var _a2;
+var CSSRuleShim = (_a2 = class CSSRule {
+  constructor() {
+    this.STYLE_RULE = 1;
+    this.CHARSET_RULE = 2;
+    this.IMPORT_RULE = 3;
+    this.MEDIA_RULE = 4;
+    this.FONT_FACE_RULE = 5;
+    this.PAGE_RULE = 6;
+    this.NAMESPACE_RULE = 10;
+    this.KEYFRAMES_RULE = 7;
+    this.KEYFRAME_RULE = 8;
+    this.SUPPORTS_RULE = 12;
+    this.COUNTER_STYLE_RULE = 11;
+    this.FONT_FEATURE_VALUES_RULE = 14;
+    this.__parentStyleSheet = null;
+    this.cssText = "";
+  }
+  get parentRule() {
+    return null;
+  }
+  get parentStyleSheet() {
+    return this.__parentStyleSheet;
+  }
+  get type() {
+    return 0;
+  }
+}, _a2.STYLE_RULE = 1, _a2.CHARSET_RULE = 2, _a2.IMPORT_RULE = 3, _a2.MEDIA_RULE = 4, _a2.FONT_FACE_RULE = 5, _a2.PAGE_RULE = 6, _a2.NAMESPACE_RULE = 10, _a2.KEYFRAMES_RULE = 7, _a2.KEYFRAME_RULE = 8, _a2.SUPPORTS_RULE = 12, _a2.COUNTER_STYLE_RULE = 11, _a2.FONT_FEATURE_VALUES_RULE = 14, _a2);
+
+// node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.5.1/node_modules/@lit-labs/ssr-dom-shim/index.js
+globalThis.Event ??= EventShimWithRealType;
+globalThis.CustomEvent ??= CustomEventShimWithRealType;
+var attributes = /* @__PURE__ */ new WeakMap();
+var attributesForElement = (element) => {
+  let attrs = attributes.get(element);
+  if (attrs === void 0) {
+    attributes.set(element, attrs = /* @__PURE__ */ new Map());
+  }
+  return attrs;
+};
+var ElementShim = class Element extends EventTargetShimWithRealType {
+  constructor() {
+    super(...arguments);
+    this.__shadowRootMode = null;
+    this.__shadowRoot = null;
+    this.__internals = null;
+  }
+  get attributes() {
+    return Array.from(attributesForElement(this)).map(([name, value]) => ({
+      name,
+      value
+    }));
+  }
+  get shadowRoot() {
+    if (this.__shadowRootMode === "closed") {
+      return null;
+    }
+    return this.__shadowRoot;
+  }
+  get localName() {
+    return this.constructor.__localName;
+  }
+  get tagName() {
+    return this.localName?.toUpperCase();
+  }
+  setAttribute(name, value) {
+    attributesForElement(this).set(name, String(value));
+  }
+  removeAttribute(name) {
+    attributesForElement(this).delete(name);
+  }
+  toggleAttribute(name, force) {
+    if (this.hasAttribute(name)) {
+      if (force === void 0 || !force) {
+        this.removeAttribute(name);
+        return false;
+      }
+    } else {
+      if (force === void 0 || force) {
+        this.setAttribute(name, "");
+        return true;
+      } else {
+        return false;
+      }
+    }
+    return true;
+  }
+  hasAttribute(name) {
+    return attributesForElement(this).has(name);
+  }
+  attachShadow(init) {
+    const shadowRoot = { host: this };
+    this.__shadowRootMode = init.mode;
+    if (init && init.mode === "open") {
+      this.__shadowRoot = shadowRoot;
+    }
+    return shadowRoot;
+  }
+  attachInternals() {
+    if (this.__internals !== null) {
+      throw new Error(`Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.`);
+    }
+    const internals = new ElementInternalsShim(this);
+    this.__internals = internals;
+    return internals;
+  }
+  getAttribute(name) {
+    const value = attributesForElement(this).get(name);
+    return value ?? null;
+  }
+};
+var HTMLElementShim = class HTMLElement extends ElementShim {
+};
+var HTMLElementShimWithRealType = HTMLElementShim;
+globalThis.litServerRoot ??= Object.defineProperty(new HTMLElementShimWithRealType(), "localName", {
+  // Patch localName (and tagName) to return a unique name.
+  get() {
+    return "lit-server-root";
+  }
+});
+function promiseWithResolvers() {
+  let resolve;
+  let reject;
+  const promise = new Promise((res, rej) => {
+    resolve = res;
+    reject = rej;
+  });
+  return { promise, resolve, reject };
+}
+var CustomElementRegistry = class {
+  constructor() {
+    this.__definitions = /* @__PURE__ */ new Map();
+    this.__reverseDefinitions = /* @__PURE__ */ new Map();
+    this.__pendingWhenDefineds = /* @__PURE__ */ new Map();
+  }
+  define(name, ctor) {
+    if (this.__definitions.has(name)) {
+      if (process.env.NODE_ENV === "development") {
+        console.warn(`'CustomElementRegistry' already has "${name}" defined. This may have been caused by live reload or hot module replacement in which case it can be safely ignored.
+Make sure to test your application with a production build as repeat registrations will throw in production.`);
+      } else {
+        throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the name "${name}" has already been used with this registry`);
+      }
+    }
+    if (this.__reverseDefinitions.has(ctor)) {
+      throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the constructor has already been used with this registry for the tag name ${this.__reverseDefinitions.get(ctor)}`);
+    }
+    ctor.__localName = name;
+    this.__definitions.set(name, {
+      ctor,
+      // Note it's important we read `observedAttributes` in case it is a getter
+      // with side-effects, as is the case in Lit, where it triggers class
+      // finalization.
+      //
+      // TODO(aomarks) To be spec compliant, we should also capture the
+      // registration-time lifecycle methods like `connectedCallback`. For them
+      // to be actually accessible to e.g. the Lit SSR element renderer, though,
+      // we'd need to introduce a new API for accessing them (since `get` only
+      // returns the constructor).
+      observedAttributes: ctor.observedAttributes ?? []
+    });
+    this.__reverseDefinitions.set(ctor, name);
+    this.__pendingWhenDefineds.get(name)?.resolve(ctor);
+    this.__pendingWhenDefineds.delete(name);
+  }
+  get(name) {
+    const definition = this.__definitions.get(name);
+    return definition?.ctor;
+  }
+  getName(ctor) {
+    return this.__reverseDefinitions.get(ctor) ?? null;
+  }
+  upgrade(_element) {
+    throw new Error(`customElements.upgrade is not currently supported in SSR. Please file a bug if you need it.`);
+  }
+  async whenDefined(name) {
+    const definition = this.__definitions.get(name);
+    if (definition) {
+      return definition.ctor;
+    }
+    let withResolvers = this.__pendingWhenDefineds.get(name);
+    if (!withResolvers) {
+      withResolvers = promiseWithResolvers();
+      this.__pendingWhenDefineds.set(name, withResolvers);
+    }
+    return withResolvers.promise;
+  }
+};
+var CustomElementRegistryShimWithRealType = CustomElementRegistry;
+var customElements2 = new CustomElementRegistryShimWithRealType();
+
+// node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/css-tag.js
+var t = globalThis;
+var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var s = /* @__PURE__ */ Symbol();
+var o = /* @__PURE__ */ new WeakMap();
+var n = class {
+  constructor(t3, e3, o5) {
+    if (this._$cssResult$ = true, o5 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t3, this.t = e3;
+  }
+  get styleSheet() {
+    let t3 = this.o;
+    const s4 = this.t;
+    if (e && void 0 === t3) {
+      const e3 = void 0 !== s4 && 1 === s4.length;
+      e3 && (t3 = o.get(s4)), void 0 === t3 && ((this.o = t3 = new CSSStyleSheet()).replaceSync(this.cssText), e3 && o.set(s4, t3));
+    }
+    return t3;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+var r = (t3) => new n("string" == typeof t3 ? t3 : t3 + "", void 0, s);
+var i = (t3, ...e3) => {
+  const o5 = 1 === t3.length ? t3[0] : e3.reduce((e4, s4, o6) => e4 + ((t4) => {
+    if (true === t4._$cssResult$) return t4.cssText;
+    if ("number" == typeof t4) return t4;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + t4 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s4) + t3[o6 + 1], t3[0]);
+  return new n(o5, t3, s);
+};
+var S = (s4, o5) => {
+  if (e) s4.adoptedStyleSheets = o5.map((t3) => t3 instanceof CSSStyleSheet ? t3 : t3.styleSheet);
+  else for (const e3 of o5) {
+    const o6 = document.createElement("style"), n4 = t.litNonce;
+    void 0 !== n4 && o6.setAttribute("nonce", n4), o6.textContent = e3.cssText, s4.appendChild(o6);
+  }
+};
+var c = e || void 0 === t.CSSStyleSheet ? (t3) => t3 : (t3) => t3 instanceof CSSStyleSheet ? ((t4) => {
+  let e3 = "";
+  for (const s4 of t4.cssRules) e3 += s4.cssText;
+  return r(e3);
+})(t3) : t3;
+
+// node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/reactive-element.js
+var { is: h, defineProperty: r2, getOwnPropertyDescriptor: o2, getOwnPropertyNames: n2, getOwnPropertySymbols: a, getPrototypeOf: c2 } = Object;
+var l = globalThis;
+l.customElements ??= customElements2;
+var p = l.trustedTypes;
+var d = p ? p.emptyScript : "";
+var u = l.reactiveElementPolyfillSupport;
+var f = (t3, s4) => t3;
+var b = { toAttribute(t3, s4) {
+  switch (s4) {
+    case Boolean:
+      t3 = t3 ? d : null;
+      break;
+    case Object:
+    case Array:
+      t3 = null == t3 ? t3 : JSON.stringify(t3);
+  }
+  return t3;
+}, fromAttribute(t3, s4) {
+  let i4 = t3;
+  switch (s4) {
+    case Boolean:
+      i4 = null !== t3;
+      break;
+    case Number:
+      i4 = null === t3 ? null : Number(t3);
+      break;
+    case Object:
+    case Array:
+      try {
+        i4 = JSON.parse(t3);
+      } catch (t4) {
+        i4 = null;
+      }
+  }
+  return i4;
+} };
+var m = (t3, s4) => !h(t3, s4);
+var y = { attribute: true, type: String, converter: b, reflect: false, useDefault: false, hasChanged: m };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), l.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var g = class extends (globalThis.HTMLElement ?? HTMLElementShimWithRealType) {
+  static addInitializer(t3) {
+    this._$Ei(), (this.l ??= []).push(t3);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t3, s4 = y) {
+    if (s4.state && (s4.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t3) && ((s4 = Object.create(s4)).wrapped = true), this.elementProperties.set(t3, s4), !s4.noAccessor) {
+      const i4 = /* @__PURE__ */ Symbol(), e3 = this.getPropertyDescriptor(t3, i4, s4);
+      void 0 !== e3 && r2(this.prototype, t3, e3);
+    }
+  }
+  static getPropertyDescriptor(t3, s4, i4) {
+    const { get: e3, set: h3 } = o2(this.prototype, t3) ?? { get() {
+      return this[s4];
+    }, set(t4) {
+      this[s4] = t4;
+    } };
+    return { get: e3, set(s5) {
+      const r4 = e3?.call(this);
+      h3?.call(this, s5), this.requestUpdate(t3, r4, i4);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t3) {
+    return this.elementProperties.get(t3) ?? y;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(f("elementProperties"))) return;
+    const t3 = c2(this);
+    t3.finalize(), void 0 !== t3.l && (this.l = [...t3.l]), this.elementProperties = new Map(t3.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(f("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(f("properties"))) {
+      const t4 = this.properties, s4 = [...n2(t4), ...a(t4)];
+      for (const i4 of s4) this.createProperty(i4, t4[i4]);
+    }
+    const t3 = this[Symbol.metadata];
+    if (null !== t3) {
+      const s4 = litPropertyMetadata.get(t3);
+      if (void 0 !== s4) for (const [t4, i4] of s4) this.elementProperties.set(t4, i4);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t4, s4] of this.elementProperties) {
+      const i4 = this._$Eu(t4, s4);
+      void 0 !== i4 && this._$Eh.set(i4, t4);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t3) {
+    const s4 = [];
+    if (Array.isArray(t3)) {
+      const e3 = new Set(t3.flat(1 / 0).reverse());
+      for (const t4 of e3) s4.unshift(c(t4));
+    } else void 0 !== t3 && s4.push(c(t3));
+    return s4;
+  }
+  static _$Eu(t3, s4) {
+    const i4 = s4.attribute;
+    return false === i4 ? void 0 : "string" == typeof i4 ? i4 : "string" == typeof t3 ? t3.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t3) => this.enableUpdating = t3), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t3) => t3(this));
+  }
+  addController(t3) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t3), void 0 !== this.renderRoot && this.isConnected && t3.hostConnected?.();
+  }
+  removeController(t3) {
+    this._$EO?.delete(t3);
+  }
+  _$E_() {
+    const t3 = /* @__PURE__ */ new Map(), s4 = this.constructor.elementProperties;
+    for (const i4 of s4.keys()) this.hasOwnProperty(i4) && (t3.set(i4, this[i4]), delete this[i4]);
+    t3.size > 0 && (this._$Ep = t3);
+  }
+  createRenderRoot() {
+    const t3 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S(t3, this.constructor.elementStyles), t3;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t3) => t3.hostConnected?.());
+  }
+  enableUpdating(t3) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t3) => t3.hostDisconnected?.());
+  }
+  attributeChangedCallback(t3, s4, i4) {
+    this._$AK(t3, i4);
+  }
+  _$ET(t3, s4) {
+    const i4 = this.constructor.elementProperties.get(t3), e3 = this.constructor._$Eu(t3, i4);
+    if (void 0 !== e3 && true === i4.reflect) {
+      const h3 = (void 0 !== i4.converter?.toAttribute ? i4.converter : b).toAttribute(s4, i4.type);
+      this._$Em = t3, null == h3 ? this.removeAttribute(e3) : this.setAttribute(e3, h3), this._$Em = null;
+    }
+  }
+  _$AK(t3, s4) {
+    const i4 = this.constructor, e3 = i4._$Eh.get(t3);
+    if (void 0 !== e3 && this._$Em !== e3) {
+      const t4 = i4.getPropertyOptions(e3), h3 = "function" == typeof t4.converter ? { fromAttribute: t4.converter } : void 0 !== t4.converter?.fromAttribute ? t4.converter : b;
+      this._$Em = e3;
+      const r4 = h3.fromAttribute(s4, t4.type);
+      this[e3] = r4 ?? this._$Ej?.get(e3) ?? r4, this._$Em = null;
+    }
+  }
+  requestUpdate(t3, s4, i4, e3 = false, h3) {
+    if (void 0 !== t3) {
+      const r4 = this.constructor;
+      if (false === e3 && (h3 = this[t3]), i4 ??= r4.getPropertyOptions(t3), !((i4.hasChanged ?? m)(h3, s4) || i4.useDefault && i4.reflect && h3 === this._$Ej?.get(t3) && !this.hasAttribute(r4._$Eu(t3, i4)))) return;
+      this.C(t3, s4, i4);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$EP());
+  }
+  C(t3, s4, { useDefault: i4, reflect: e3, wrapped: h3 }, r4) {
+    i4 && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t3) && (this._$Ej.set(t3, r4 ?? s4 ?? this[t3]), true !== h3 || void 0 !== r4) || (this._$AL.has(t3) || (this.hasUpdated || i4 || (s4 = void 0), this._$AL.set(t3, s4)), true === e3 && this._$Em !== t3 && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t3));
+  }
+  async _$EP() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t4) {
+      Promise.reject(t4);
+    }
+    const t3 = this.scheduleUpdate();
+    return null != t3 && await t3, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [t5, s5] of this._$Ep) this[t5] = s5;
+        this._$Ep = void 0;
+      }
+      const t4 = this.constructor.elementProperties;
+      if (t4.size > 0) for (const [s5, i4] of t4) {
+        const { wrapped: t5 } = i4, e3 = this[s5];
+        true !== t5 || this._$AL.has(s5) || void 0 === e3 || this.C(s5, void 0, i4, e3);
+      }
+    }
+    let t3 = false;
+    const s4 = this._$AL;
+    try {
+      t3 = this.shouldUpdate(s4), t3 ? (this.willUpdate(s4), this._$EO?.forEach((t4) => t4.hostUpdate?.()), this.update(s4)) : this._$EM();
+    } catch (s5) {
+      throw t3 = false, this._$EM(), s5;
+    }
+    t3 && this._$AE(s4);
+  }
+  willUpdate(t3) {
+  }
+  _$AE(t3) {
+    this._$EO?.forEach((t4) => t4.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t3)), this.updated(t3);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t3) {
+    return true;
+  }
+  update(t3) {
+    this._$Eq &&= this._$Eq.forEach((t4) => this._$ET(t4, this[t4])), this._$EM();
+  }
+  updated(t3) {
+  }
+  firstUpdated(t3) {
+  }
+};
+g.elementStyles = [], g.shadowRootOptions = { mode: "open" }, g[f("elementProperties")] = /* @__PURE__ */ new Map(), g[f("finalized")] = /* @__PURE__ */ new Map(), u?.({ ReactiveElement: g }), (l.reactiveElementVersions ??= []).push("2.1.2");
+
+// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/lit-html.js
+var t2 = globalThis;
+var i2 = (t3) => t3;
+var s2 = t2.trustedTypes;
+var e2 = s2 ? s2.createPolicy("lit-html", { createHTML: (t3) => t3 }) : void 0;
+var h2 = "$lit$";
+var o3 = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var n3 = "?" + o3;
+var r3 = `<${n3}>`;
+var l2 = void 0 === t2.document ? { createTreeWalker: () => ({}) } : document;
+var c3 = () => l2.createComment("");
+var a2 = (t3) => null === t3 || "object" != typeof t3 && "function" != typeof t3;
+var u2 = Array.isArray;
+var d2 = (t3) => u2(t3) || "function" == typeof t3?.[Symbol.iterator];
+var f2 = "[ 	\n\f\r]";
+var v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var _ = /-->/g;
+var m2 = />/g;
+var p2 = RegExp(`>|${f2}(?:([^\\s"'>=/]+)(${f2}*=${f2}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var g2 = /'/g;
+var $ = /"/g;
+var y2 = /^(?:script|style|textarea|title)$/i;
+var x = (t3) => (i4, ...s4) => ({ _$litType$: t3, strings: i4, values: s4 });
+var T = x(1);
+var b2 = x(2);
+var w = x(3);
+var E = /* @__PURE__ */ Symbol.for("lit-noChange");
+var A = /* @__PURE__ */ Symbol.for("lit-nothing");
+var C = /* @__PURE__ */ new WeakMap();
+var P = l2.createTreeWalker(l2, 129);
+function V(t3, i4) {
+  if (!u2(t3) || !t3.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== e2 ? e2.createHTML(i4) : i4;
+}
+var N = (t3, i4) => {
+  const s4 = t3.length - 1, e3 = [];
+  let n4, l3 = 2 === i4 ? "<svg>" : 3 === i4 ? "<math>" : "", c4 = v;
+  for (let i5 = 0; i5 < s4; i5++) {
+    const s5 = t3[i5];
+    let a3, u3, d3 = -1, f3 = 0;
+    for (; f3 < s5.length && (c4.lastIndex = f3, u3 = c4.exec(s5), null !== u3); ) f3 = c4.lastIndex, c4 === v ? "!--" === u3[1] ? c4 = _ : void 0 !== u3[1] ? c4 = m2 : void 0 !== u3[2] ? (y2.test(u3[2]) && (n4 = RegExp("</" + u3[2], "g")), c4 = p2) : void 0 !== u3[3] && (c4 = p2) : c4 === p2 ? ">" === u3[0] ? (c4 = n4 ?? v, d3 = -1) : void 0 === u3[1] ? d3 = -2 : (d3 = c4.lastIndex - u3[2].length, a3 = u3[1], c4 = void 0 === u3[3] ? p2 : '"' === u3[3] ? $ : g2) : c4 === $ || c4 === g2 ? c4 = p2 : c4 === _ || c4 === m2 ? c4 = v : (c4 = p2, n4 = void 0);
+    const x2 = c4 === p2 && t3[i5 + 1].startsWith("/>") ? " " : "";
+    l3 += c4 === v ? s5 + r3 : d3 >= 0 ? (e3.push(a3), s5.slice(0, d3) + h2 + s5.slice(d3) + o3 + x2) : s5 + o3 + (-2 === d3 ? i5 : x2);
+  }
+  return [V(t3, l3 + (t3[s4] || "<?>") + (2 === i4 ? "</svg>" : 3 === i4 ? "</math>" : "")), e3];
+};
+var S2 = class _S {
+  constructor({ strings: t3, _$litType$: i4 }, e3) {
+    let r4;
+    this.parts = [];
+    let l3 = 0, a3 = 0;
+    const u3 = t3.length - 1, d3 = this.parts, [f3, v2] = N(t3, i4);
+    if (this.el = _S.createElement(f3, e3), P.currentNode = this.el.content, 2 === i4 || 3 === i4) {
+      const t4 = this.el.content.firstChild;
+      t4.replaceWith(...t4.childNodes);
+    }
+    for (; null !== (r4 = P.nextNode()) && d3.length < u3; ) {
+      if (1 === r4.nodeType) {
+        if (r4.hasAttributes()) for (const t4 of r4.getAttributeNames()) if (t4.endsWith(h2)) {
+          const i5 = v2[a3++], s4 = r4.getAttribute(t4).split(o3), e4 = /([.?@])?(.*)/.exec(i5);
+          d3.push({ type: 1, index: l3, name: e4[2], strings: s4, ctor: "." === e4[1] ? I : "?" === e4[1] ? L : "@" === e4[1] ? z : H }), r4.removeAttribute(t4);
+        } else t4.startsWith(o3) && (d3.push({ type: 6, index: l3 }), r4.removeAttribute(t4));
+        if (y2.test(r4.tagName)) {
+          const t4 = r4.textContent.split(o3), i5 = t4.length - 1;
+          if (i5 > 0) {
+            r4.textContent = s2 ? s2.emptyScript : "";
+            for (let s4 = 0; s4 < i5; s4++) r4.append(t4[s4], c3()), P.nextNode(), d3.push({ type: 2, index: ++l3 });
+            r4.append(t4[i5], c3());
+          }
+        }
+      } else if (8 === r4.nodeType) if (r4.data === n3) d3.push({ type: 2, index: l3 });
+      else {
+        let t4 = -1;
+        for (; -1 !== (t4 = r4.data.indexOf(o3, t4 + 1)); ) d3.push({ type: 7, index: l3 }), t4 += o3.length - 1;
+      }
+      l3++;
+    }
+  }
+  static createElement(t3, i4) {
+    const s4 = l2.createElement("template");
+    return s4.innerHTML = t3, s4;
+  }
+};
+function M(t3, i4, s4 = t3, e3) {
+  if (i4 === E) return i4;
+  let h3 = void 0 !== e3 ? s4._$Co?.[e3] : s4._$Cl;
+  const o5 = a2(i4) ? void 0 : i4._$litDirective$;
+  return h3?.constructor !== o5 && (h3?._$AO?.(false), void 0 === o5 ? h3 = void 0 : (h3 = new o5(t3), h3._$AT(t3, s4, e3)), void 0 !== e3 ? (s4._$Co ??= [])[e3] = h3 : s4._$Cl = h3), void 0 !== h3 && (i4 = M(t3, h3._$AS(t3, i4.values), h3, e3)), i4;
+}
+var k = class {
+  constructor(t3, i4) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t3, this._$AM = i4;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t3) {
+    const { el: { content: i4 }, parts: s4 } = this._$AD, e3 = (t3?.creationScope ?? l2).importNode(i4, true);
+    P.currentNode = e3;
+    let h3 = P.nextNode(), o5 = 0, n4 = 0, r4 = s4[0];
+    for (; void 0 !== r4; ) {
+      if (o5 === r4.index) {
+        let i5;
+        2 === r4.type ? i5 = new R(h3, h3.nextSibling, this, t3) : 1 === r4.type ? i5 = new r4.ctor(h3, r4.name, r4.strings, this, t3) : 6 === r4.type && (i5 = new W(h3, this, t3)), this._$AV.push(i5), r4 = s4[++n4];
+      }
+      o5 !== r4?.index && (h3 = P.nextNode(), o5++);
+    }
+    return P.currentNode = l2, e3;
+  }
+  p(t3) {
+    let i4 = 0;
+    for (const s4 of this._$AV) void 0 !== s4 && (void 0 !== s4.strings ? (s4._$AI(t3, s4, i4), i4 += s4.strings.length - 2) : s4._$AI(t3[i4])), i4++;
+  }
+};
+var R = class _R {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t3, i4, s4, e3) {
+    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t3, this._$AB = i4, this._$AM = s4, this.options = e3, this._$Cv = e3?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t3 = this._$AA.parentNode;
+    const i4 = this._$AM;
+    return void 0 !== i4 && 11 === t3?.nodeType && (t3 = i4.parentNode), t3;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t3, i4 = this) {
+    t3 = M(this, t3, i4), a2(t3) ? t3 === A || null == t3 || "" === t3 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t3 !== this._$AH && t3 !== E && this._(t3) : void 0 !== t3._$litType$ ? this.$(t3) : void 0 !== t3.nodeType ? this.T(t3) : d2(t3) ? this.k(t3) : this._(t3);
+  }
+  O(t3) {
+    return this._$AA.parentNode.insertBefore(t3, this._$AB);
+  }
+  T(t3) {
+    this._$AH !== t3 && (this._$AR(), this._$AH = this.O(t3));
+  }
+  _(t3) {
+    this._$AH !== A && a2(this._$AH) ? this._$AA.nextSibling.data = t3 : this.T(l2.createTextNode(t3)), this._$AH = t3;
+  }
+  $(t3) {
+    const { values: i4, _$litType$: s4 } = t3, e3 = "number" == typeof s4 ? this._$AC(t3) : (void 0 === s4.el && (s4.el = S2.createElement(V(s4.h, s4.h[0]), this.options)), s4);
+    if (this._$AH?._$AD === e3) this._$AH.p(i4);
+    else {
+      const t4 = new k(e3, this), s5 = t4.u(this.options);
+      t4.p(i4), this.T(s5), this._$AH = t4;
+    }
+  }
+  _$AC(t3) {
+    let i4 = C.get(t3.strings);
+    return void 0 === i4 && C.set(t3.strings, i4 = new S2(t3)), i4;
+  }
+  k(t3) {
+    u2(this._$AH) || (this._$AH = [], this._$AR());
+    const i4 = this._$AH;
+    let s4, e3 = 0;
+    for (const h3 of t3) e3 === i4.length ? i4.push(s4 = new _R(this.O(c3()), this.O(c3()), this, this.options)) : s4 = i4[e3], s4._$AI(h3), e3++;
+    e3 < i4.length && (this._$AR(s4 && s4._$AB.nextSibling, e3), i4.length = e3);
+  }
+  _$AR(t3 = this._$AA.nextSibling, s4) {
+    for (this._$AP?.(false, true, s4); t3 !== this._$AB; ) {
+      const s5 = i2(t3).nextSibling;
+      i2(t3).remove(), t3 = s5;
+    }
+  }
+  setConnected(t3) {
+    void 0 === this._$AM && (this._$Cv = t3, this._$AP?.(t3));
+  }
+};
+var H = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t3, i4, s4, e3, h3) {
+    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t3, this.name = i4, this._$AM = e3, this.options = h3, s4.length > 2 || "" !== s4[0] || "" !== s4[1] ? (this._$AH = Array(s4.length - 1).fill(new String()), this.strings = s4) : this._$AH = A;
+  }
+  _$AI(t3, i4 = this, s4, e3) {
+    const h3 = this.strings;
+    let o5 = false;
+    if (void 0 === h3) t3 = M(this, t3, i4, 0), o5 = !a2(t3) || t3 !== this._$AH && t3 !== E, o5 && (this._$AH = t3);
+    else {
+      const e4 = t3;
+      let n4, r4;
+      for (t3 = h3[0], n4 = 0; n4 < h3.length - 1; n4++) r4 = M(this, e4[s4 + n4], i4, n4), r4 === E && (r4 = this._$AH[n4]), o5 ||= !a2(r4) || r4 !== this._$AH[n4], r4 === A ? t3 = A : t3 !== A && (t3 += (r4 ?? "") + h3[n4 + 1]), this._$AH[n4] = r4;
+    }
+    o5 && !e3 && this.j(t3);
+  }
+  j(t3) {
+    t3 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t3 ?? "");
+  }
+};
+var I = class extends H {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t3) {
+    this.element[this.name] = t3 === A ? void 0 : t3;
+  }
+};
+var L = class extends H {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t3) {
+    this.element.toggleAttribute(this.name, !!t3 && t3 !== A);
+  }
+};
+var z = class extends H {
+  constructor(t3, i4, s4, e3, h3) {
+    super(t3, i4, s4, e3, h3), this.type = 5;
+  }
+  _$AI(t3, i4 = this) {
+    if ((t3 = M(this, t3, i4, 0) ?? A) === E) return;
+    const s4 = this._$AH, e3 = t3 === A && s4 !== A || t3.capture !== s4.capture || t3.once !== s4.once || t3.passive !== s4.passive, h3 = t3 !== A && (s4 === A || e3);
+    e3 && this.element.removeEventListener(this.name, this, s4), h3 && this.element.addEventListener(this.name, this, t3), this._$AH = t3;
+  }
+  handleEvent(t3) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t3) : this._$AH.handleEvent(t3);
+  }
+};
+var W = class {
+  constructor(t3, i4, s4) {
+    this.element = t3, this.type = 6, this._$AN = void 0, this._$AM = i4, this.options = s4;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t3) {
+    M(this, t3);
+  }
+};
+var j = t2.litHtmlPolyfillSupport;
+j?.(S2, R), (t2.litHtmlVersions ??= []).push("3.3.2");
+var B = (t3, i4, s4) => {
+  const e3 = s4?.renderBefore ?? i4;
+  let h3 = e3._$litPart$;
+  if (void 0 === h3) {
+    const t4 = s4?.renderBefore ?? null;
+    e3._$litPart$ = h3 = new R(i4.insertBefore(c3(), t4), t4, void 0, s4 ?? {});
+  }
+  return h3._$AI(t3), h3;
+};
+
+// node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js
+var s3 = globalThis;
+var i3 = class extends g {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const t3 = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t3.firstChild, t3;
+  }
+  update(t3) {
+    const r4 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t3), this._$Do = B(r4, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(false);
+  }
+  render() {
+    return E;
+  }
+};
+i3._$litElement$ = true, i3["finalized"] = true, s3.litElementHydrateSupport?.({ LitElement: i3 });
+var o4 = s3.litElementPolyfillSupport;
+o4?.({ LitElement: i3 });
+(s3.litElementVersions ??= []).push("4.2.2");
+
+// src/web-components/ui/bds-badge.ts
+var BdsBadge = class extends i3 {
+  static styles = i`
+    :host {
+      display: inline-flex;
+    }
+
+    .badge {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      padding: var(--bds-space_xxs) var(--bds-space_xs);
+      border-radius: var(--badge_radius, 2em);
+      font-size: var(--badge_font-size, var(--bds-font_size--body--s));
+      font-weight: var(--bds-font_weight--semibold);
+      line-height: 1;
+      white-space: nowrap;
+      background-color: var(--badge_bg, var(--bds-color_blue));
+      color: var(--badge_text, var(--bds-color_on-blue));
+    }
+
+    /* Variant overrides */
+    :host([variant='primary']) .badge {
+      --badge_bg:   var(--bds-color_interactive);
+      --badge_text: var(--bds-color_on-interactive);
+    }
+
+    :host([variant='secondary']) .badge {
+      --badge_bg:   var(--bds-color_bg);
+      --badge_text: var(--bds-color_on-bg);
+    }
+
+    :host([variant='success']) .badge {
+      --badge_bg:   var(--bds-color_success);
+      --badge_text: var(--bds-color_on-success);
+    }
+
+    :host([variant='error']) .badge {
+      --badge_bg:   var(--bds-color_error);
+      --badge_text: var(--bds-color_on-error);
+    }
+
+    :host([variant='warning']) .badge {
+      --badge_bg:   var(--bds-color_warning);
+      --badge_text: var(--bds-color_on-warning);
+    }
+  `;
+  static properties = {
+    variant: { type: String, reflect: true }
+  };
+  constructor() {
+    super();
+    this.variant = "primary";
+  }
+  render() {
+    return T`<span class="badge"><slot></slot></span>`;
+  }
+};
+customElements.define("bds-badge", BdsBadge);
+
+// src/web-components/interaction/bds-button.ts
+var BdsButton = class extends i3 {
+  static styles = i`
+    @keyframes fadeZoom {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50%       { opacity: 0.75; transform: scale(1.15); }
+    }
+
+    @keyframes pulse {
+      0%   { transform: scale(1);    box-shadow: 0 0 0 0    rgb(from var(--button_pulse-color, var(--button_color, var(--bds-color_green))) r g b / 50%); }
+      70%  { transform: scale(1.01); box-shadow: 0 0 0 var(--bds-space_m) rgb(from var(--button_pulse-color, var(--button_color, var(--bds-color_green))) r g b / 0%); }
+      100% { transform: scale(1);    box-shadow: 0 0 0 0    rgb(from var(--button_pulse-color, var(--button_color, var(--bds-color_green))) r g b / 0%); }
+    }
+
+    :host {
+      display: inline-flex;
+    }
+
+    .button,
+    .button[href] {
+      all: unset;
+      position: relative;
+      font: inherit;
+      padding-inline: var(--bds-space_l);
+      display: inline-flex;
+      gap: var(--bds-space_xs);
+      border-radius: var(--button_border_radius--s, var(--bds-border_radius--s));
+      align-items: center;
+      cursor: pointer;
+      justify-content: center;
+      height: var(--button_height, 3em);
+      font-size: var(--button_font-size, inherit);
+      white-space: nowrap;
+      line-height: 1;
+
+      --button_color:    var(--bds-color_green);
+      --button_on-color: var(--bds-color_on-green);
+
+      background-color: var(--button_bg, var(--button_color));
+      color: var(--button_text, var(--button_on-color));
+      border: var(--button_border, none);
+      --bdc_color: transparent;
+
+      outline: var(--bdc-outline_width) solid var(--bdc_color);
+      outline-offset: var(--bdc-outline_offset);
+      transition: var(--bds-animation_transition),
+                  --bdc_color var(--bds-animation_transition-duration) var(--bds-animation_easing);
+    }
+
+    .button[href] {
+      text-decoration: none;
+    }
+
+    /* Variants */
+    .button.ghost {
+      --button_bg:   transparent;
+      --button_text: var(--button_color);
+      --bdc_color:   var(--button_color);
+    }
+
+    /* Sizes */
+    .button.small {
+      --button_height:    2.25em;
+      --button_font-size: var(--bds-font_size--body--s);
+      --button_border_radius--s: var(--bds-border_radius--xs);
+      padding-inline: var(--bds-space_m);
+    }
+
+    .button.medium {
+      --button_height: 3em;
+      padding-inline: var(--bds-space_l);
+    }
+
+    .button.large {
+      --button_font-size: var(--bds-font_size--heading-3);
+      --button_border_radius--s: var(--bds-border_radius--m);
+      padding-inline: var(--bds-space_xl);
+    }
+
+    /* Pulse */
+    .button.has-pulse {
+      animation: pulse 3s infinite;
+    }
+
+    /* SVG icon colour */
+    .button svg {
+      --icon__stroke: currentcolor;
+      fill: currentcolor;
+      color: currentcolor;
+      flex-shrink: 0;
+    }
+
+    /* Icon slots — hidden by default, shown when slot has content */
+    .icon-start,
+    .icon-end {
+      display: none;
+      align-items: center;
+    }
+
+    .icon-start.has-content {
+      display: flex;
+      margin-inline-start: calc(var(--bds-space_s) * -1);
+      transition: var(--bds-animation_transition);
+    }
+
+    .icon-end.has-content {
+      display: flex;
+      margin-inline-end: calc(var(--bds-space_s) * -1);
+      transition: var(--bds-animation_transition);
+    }
+
+    /* Hover icon animation */
+    @media (hover: hover) and (pointer: fine) {
+      .button:hover .icon-start svg,
+      .button:hover .icon-end svg {
+        animation: fadeZoom 2s ease-out infinite;
+      }
+
+      /* Default hover */
+      .button.default:hover {
+        --button_bg:          var(--bds-color_bg);
+        --button_text:        var(--bds-color_interactive);
+        --button_pulse-color: var(--bds-color_interactive);
+        --bdc_color:          currentcolor;
+      }
+
+      /* Ghost hover */
+      .button.ghost:hover {
+        --button_bg:   var(--button_color);
+        --button_text: var(--button_on-color);
+        --bdc_color:   transparent;
+      }
+    }
+
+    /* Focus visible */
+    .button:focus-visible {
+      outline: var(--bds-outline_default);
+      outline-offset: var(--bds-outline_offset);
+      border-radius: var(--bds-border_radius--s);
+    }
+
+    /* Disabled */
+    .button:disabled,
+    .button[aria-disabled='true'] {
+      opacity: 0.5;
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+  `;
+  static properties = {
+    variant: { type: String, reflect: true },
+    size: { type: String, reflect: true },
+    disabled: { type: Boolean, reflect: true },
+    href: { type: String },
+    target: { type: String },
+    rel: { type: String },
+    hasPulse: { type: Boolean, attribute: "has-pulse", reflect: true },
+    type: { type: String },
+    ariaLabel: { type: String, attribute: "aria-label" },
+    // Internal state
+    _iconStartFilled: { state: true },
+    _iconEndFilled: { state: true }
+  };
+  constructor() {
+    super();
+    this.variant = "default";
+    this.size = "medium";
+    this.disabled = false;
+    this.hasPulse = false;
+    this.type = "button";
+    this.ariaLabel = null;
+    this._iconStartFilled = false;
+    this._iconEndFilled = false;
+  }
+  _onIconSlotChange(e3, position) {
+    const slot = e3.target;
+    const filled = slot.assignedNodes({ flatten: true }).length > 0;
+    if (position === "start") {
+      this._iconStartFilled = filled;
+    } else {
+      this._iconEndFilled = filled;
+    }
+  }
+  get _classes() {
+    return `button ${this.variant} ${this.size}${this.hasPulse ? " has-pulse" : ""}`;
+  }
+  _handleAnchorClick(e3) {
+    if (this.disabled) {
+      e3.preventDefault();
+    }
+  }
+  _iconSlot(position) {
+    const filled = position === "start" ? this._iconStartFilled : this._iconEndFilled;
+    return T`
+      <span class="icon-${position} ${filled ? "has-content" : ""}">
+        <slot name="icon-${position}" @slotchange=${(e3) => this._onIconSlotChange(e3, position)}></slot>
+      </span>
+    `;
+  }
+  render() {
+    if (this.href) {
+      return T`
+        <a
+          class=${this._classes}
+          href=${this.disabled ? A : this.href}
+          target=${this.target ?? A}
+          rel=${this.rel ?? A}
+          aria-disabled=${this.disabled ? "true" : A}
+          tabindex=${this.disabled ? "-1" : A}
+          aria-label=${this.ariaLabel ?? A}
+          @click=${this._handleAnchorClick}
+        >
+          ${this._iconSlot("start")}
+          <slot></slot>
+          ${this._iconSlot("end")}
+        </a>
+      `;
+    }
+    return T`
+      <button
+        class=${this._classes}
+        type=${this.type}
+        ?disabled=${this.disabled}
+        aria-label=${this.ariaLabel ?? A}
+      >
+        ${this._iconSlot("start")}
+        <slot></slot>
+        ${this._iconSlot("end")}
+      </button>
+    `;
+  }
+};
+customElements.define("bds-button", BdsButton);
+
+// src/web-components/ui/bds-alert.ts
+var BdsAlert = class extends i3 {
+  static styles = i`
+    :host {
+      display: block;
+    }
+
+    .alert {
+      display: flex;
+      align-items: flex-start;
+      gap: var(--bds-space_s);
+      padding: var(--bds-space_m);
+      border-radius: var(--bds-border_radius--s);
+      border-inline-start: var(--bds-space_s) solid var(--alert_border, var(--bds-color_blue));
+      background-color: var(--alert_bg, var(--bds-color_blue--subtle));
+      color: var(--alert_text, var(--bds-color_on-blue--subtle));
+      font-size: var(--bds-font_size--body);
+      line-height: var(--bds-font_line-height--body);
+    }
+
+    /* Variant colours */
+    :host([variant='info']) .alert {
+      --alert_bg:     var(--bds-color_blue--subtle);
+      --alert_text:   var(--bds-color_on-blue--subtle);
+      --alert_border: var(--bds-color_blue);
+    }
+
+    :host([variant='success']) .alert {
+      --alert_bg:     var(--bds-color_success--subtle);
+      --alert_text:   var(--bds-color_on-success--subtle);
+      --alert_border: var(--bds-color_success);
+    }
+
+    :host([variant='warning']) .alert {
+      --alert_bg:     var(--bds-color_orange--subtle);
+      --alert_text:   var(--bds-color_on-orange--subtle);
+      --alert_border: var(--bds-color_warning);
+    }
+
+    :host([variant='error']) .alert {
+      --alert_bg:     rgb(from var(--bds-color_error) r g b / 12%);
+      --alert_text:   var(--bds-color_on-bg);
+      --alert_border: var(--bds-color_error);
+    }
+
+    /* Icon slot wrapper — hidden unless slot has content */
+    .icon {
+      display: none;
+      align-items: center;
+      flex-shrink: 0;
+      margin-block-start: 0.1em;
+    }
+
+    .icon.has-content {
+      display: flex;
+    }
+
+    /* Content area */
+    .content {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: var(--bds-space_xxs);
+    }
+
+    .title {
+      font-weight: var(--bds-font_weight--semibold);
+      font-size: var(--bds-font_size--body);
+    }
+
+    /* Dismiss button */
+    .dismiss {
+      all: unset;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      cursor: pointer;
+      color: currentcolor;
+      transition: var(--bds-animation_transition);
+      border-radius: 50%;
+      --bdc_color: currentcolor;
+      outline: var(--bdc-outline_width) solid var(--bdc_color);
+      outline-offset: var(--bdc-outline_offset);
+    }
+
+    .dismiss svg {
+      width: 1rem;
+      height: 1rem;
+    }
+
+    .dismiss:focus-visible {
+      outline: var(--bds-outline_default);
+      outline-offset: var(--bds-outline_offset);
+    }
+
+    @media (hover: hover) and (pointer: fine) {
+      .dismiss:hover {
+        opacity: 0.7;
+      }
+    }
+  `;
+  static properties = {
+    variant: { type: String, reflect: true },
+    title: { type: String },
+    dismissible: { type: Boolean, reflect: true },
+    _iconFilled: { state: true }
+  };
+  constructor() {
+    super();
+    this.variant = "info";
+    this.title = "";
+    this.dismissible = false;
+    this._iconFilled = false;
+  }
+  _onIconSlotChange(e3) {
+    const slot = e3.target;
+    this._iconFilled = slot.assignedNodes({ flatten: true }).length > 0;
+  }
+  get _isUrgent() {
+    return this.variant === "error" || this.variant === "warning";
+  }
+  _handleDismiss() {
+    this.dispatchEvent(new CustomEvent("bds-dismiss", { bubbles: true, composed: true }));
+  }
+  render() {
+    return T`
+      <div
+        class="alert"
+        role=${this._isUrgent ? "alert" : "status"}
+        aria-live=${this._isUrgent ? "assertive" : "polite"}
+        aria-atomic="true"
+      >
+        <span class="icon ${this._iconFilled ? "has-content" : ""}" aria-hidden="true">
+          <slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
+        </span>
+        <div class="content">
+          ${this.title ? T`<strong class="title">${this.title}</strong>` : A}
+          <div><slot></slot></div>
+        </div>
+        ${this.dismissible ? T`
+              <button
+                type="button"
+                class="dismiss"
+                @click=${this._handleDismiss}
+                aria-label="Dismiss alert"
+              >
+                <svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M18 6L6 18M6 6l12 12" />
+                </svg>
+              </button>
+            ` : A}
+      </div>
+    `;
+  }
+};
+customElements.define("bds-alert", BdsAlert);
+
+// src/web-components/interaction/bds-popover.ts
+var BdsPopover = class extends i3 {
+  static styles = i`
+    :host {
+      display: inline-flex;
+      position: relative;
+    }
+
+    /* The wrapper IS the CSS anchor — anchor-name resolves via the custom
+       property injected on :host in connectedCallback(), so each instance
+       gets its own unique name without colliding with siblings. */
+    .wrapper {
+      display: inline-flex;
+      anchor-name: var(--bds-popover-anchor);
+    }
+
+    .panel {
+      display: none;
+      position: absolute;
+      position-anchor: var(--bds-popover-anchor);
+      margin: 0;
+      overflow-y: auto;
+      z-index: var(--popover_z-index, 100);
+      min-width: 12rem;
+      padding: var(--bds-space_m);
+      border-radius: var(--bds-border_radius--s);
+      background-color: var(--popover_color, var(--bds-color_bg));
+      box-shadow: var(--popover_shadow, var(--bds-shadow_m));
+      color: var(--popover_on-color, var(--bds-color_on-bg));
+      font-size: var(--bds-font_size--body);
+    }
+
+    .panel.open {
+      display: block;
+    }
+
+    /* Primary placements */
+
+    .panel[data-placement='bottom'] {
+      top: anchor(bottom);
+      left: anchor(left);
+      margin-top: var(--bds-space_xs, 8px);
+      position-try-fallbacks: --bds-popover-top, --bds-popover-right, --bds-popover-left;
+    }
+
+    .panel[data-placement='top'] {
+      bottom: anchor(top);
+      left: anchor(left);
+      margin-bottom: var(--bds-space_xs, 8px);
+      position-try-fallbacks: --bds-popover-bottom, --bds-popover-right, --bds-popover-left;
+    }
+
+    .panel[data-placement='right'] {
+      top: anchor(top);
+      left: anchor(right);
+      margin-left: var(--bds-space_xs, 8px);
+      position-try-fallbacks: --bds-popover-left, --bds-popover-bottom, --bds-popover-top;
+    }
+
+    .panel[data-placement='left'] {
+      top: anchor(top);
+      right: anchor(left);
+      margin-right: var(--bds-space_xs, 8px);
+      position-try-fallbacks: --bds-popover-right, --bds-popover-bottom, --bds-popover-top;
+    }
+
+    /* Fallback placements */
+
+    @position-try --bds-popover-bottom {
+      top: anchor(bottom);
+      right: unset;
+      bottom: unset;
+      left: anchor(left);
+      margin: 0;
+      margin-top: var(--bds-space_xs, 8px);
+    }
+
+    @position-try --bds-popover-top {
+      top: unset;
+      right: unset;
+      bottom: anchor(top);
+      left: anchor(left);
+      margin: 0;
+      margin-bottom: var(--bds-space_xs, 8px);
+    }
+
+    @position-try --bds-popover-right {
+      top: anchor(top);
+      right: unset;
+      bottom: unset;
+      left: anchor(right);
+      margin: 0;
+      margin-left: var(--bds-space_xs, 8px);
+    }
+
+    @position-try --bds-popover-left {
+      top: anchor(top);
+      right: anchor(left);
+      bottom: unset;
+      left: unset;
+      margin: 0;
+      margin-right: var(--bds-space_xs, 8px);
+    }
+  `;
+  static properties = {
+    placement: { type: String, reflect: true },
+    open: { type: Boolean, reflect: true }
+  };
+  _anchorName;
+  constructor() {
+    super();
+    this.placement = "bottom";
+    this.open = false;
+    const uid = Math.random().toString(36).slice(2, 8);
+    this._anchorName = `--bds-popover-${uid}`;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.style.setProperty("--bds-popover-anchor", this._anchorName);
+    document.addEventListener("keydown", this._onKeydown);
+    document.addEventListener("mousedown", this._onOutsideClick);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    document.removeEventListener("keydown", this._onKeydown);
+    document.removeEventListener("mousedown", this._onOutsideClick);
+  }
+  _onKeydown = (e3) => {
+    if (this.open && e3.key === "Escape") this._close();
+  };
+  _onOutsideClick = (e3) => {
+    if (this.open && !this.contains(e3.target)) this._close();
+  };
+  _toggle() {
+    if (this.open) {
+      this._close();
+    } else {
+      this._open();
+    }
+  }
+  _open() {
+    this.open = true;
+    this.dispatchEvent(new CustomEvent("bds-open", { bubbles: true, composed: true }));
+  }
+  _close() {
+    this.open = false;
+    this.dispatchEvent(new CustomEvent("bds-close", { bubbles: true, composed: true }));
+  }
+  render() {
+    return T`
+      <span class="wrapper">
+        <slot name="trigger" @click=${this._toggle}></slot>
+      </span>
+      <div
+        class="panel ${this.open ? "open" : ""}"
+        data-placement=${this.placement}
+        role="region"
+        aria-label="Popover"
+      >
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+customElements.define("bds-popover", BdsPopover);
+
+// src/web-components/interaction/bds-toast-provider.ts
+var BdsToastProvider = class extends i3 {
+  static styles = i`
+    :host {
+      display: contents;
+    }
+
+    .container {
+      /* Reset UA popover defaults */
+      position: fixed;
+      inset: unset;
+      bottom: var(--bds-space_xl, 2rem);
+      right: var(--bds-space_xl, 2rem);
+      display: flex;
+      flex-direction: column;
+      gap: var(--bds-space_m, 1rem);
+      border: none;
+      padding: 0;
+      background: transparent;
+    }
+
+    .toast {
+      padding: var(--bds-space_m) var(--bds-space_l);
+      background-color: var(--toast_color, var(--bds-color_bg));
+      color: var(--toast_on-color, var(--bds-color_on-bg));
+      border-radius: var(--bds-border_radius--s);
+      box-shadow: var(--bds-shadow_s);
+      display: flex;
+      align-items: center;
+      gap: var(--bds-space_m);
+      min-width: 300px;
+    }
+
+    .toast.--variant_success {
+      --toast_color:    var(--bds-color_success);
+      --toast_on-color: var(--bds-color_on-success);
+    }
+
+    .toast.--variant_warning {
+      --toast_color:    var(--bds-color_warning);
+      --toast_on-color: var(--bds-color_on-warning);
+    }
+
+    .toast.--variant_info {
+      --toast_color:    var(--bds-color_bg--subtle);
+      --toast_on-color: var(--bds-color_on-bg--subtle);
+    }
+
+    .toast.--variant_error {
+      --toast_color:    var(--bds-color_error);
+      --toast_on-color: var(--bds-color_on-error);
+    }
+
+    .message {
+      flex: 1;
+    }
+
+    .close {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      width: 1.25rem;
+      height: 1.25rem;
+      padding: 0;
+      background: none;
+      border: none;
+      cursor: pointer;
+      color: var(--toast_on-color);
+    }
+
+    .close svg {
+      width: 1rem;
+      height: 1rem;
+    }
+  `;
+  static properties = {
+    _toasts: { state: true }
+  };
+  constructor() {
+    super();
+    this._toasts = [];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    document.addEventListener("bds-show-toast", this._onShowToastEvent);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    document.removeEventListener("bds-show-toast", this._onShowToastEvent);
+  }
+  // Sync the popover's top-layer visibility with the toast queue —
+  // mirrors Toast.tsx's useEffect([toasts.length]).
+  updated() {
+    const container = this.shadowRoot?.querySelector("[popover]");
+    if (!container) return;
+    if (this._toasts.length > 0) {
+      container.showPopover?.();
+    } else {
+      try {
+        container.hidePopover?.();
+      } catch {
+      }
+    }
+  }
+  showToast(message, variant = "info") {
+    const id = Math.random().toString(36).slice(2, 9);
+    this._toasts = [...this._toasts, { id, message, variant }];
+    setTimeout(() => this._removeToast(id), 5e3);
+  }
+  _removeToast(id) {
+    this._toasts = this._toasts.filter((t3) => t3.id !== id);
+  }
+  _onShowToastEvent = (e3) => {
+    const { message, variant } = e3.detail ?? {};
+    if (message) this.showToast(message, variant);
+  };
+  static show(message, variant) {
+    const provider = document.querySelector("bds-toast-provider");
+    provider?.showToast(message, variant ?? "info");
+  }
+  render() {
+    return T`
+      <slot></slot>
+      <div
+        popover="manual"
+        role="region"
+        aria-label="Notifications"
+        class="container"
+      >
+        ${this._toasts.map((t3) => T`
+          <div
+            class="toast --variant_${t3.variant}"
+            role="status"
+            aria-live="polite"
+            aria-atomic="true"
+          >
+            <span class="message">${t3.message}</span>
+            <button
+              type="button"
+              class="close"
+              @click=${() => this._removeToast(t3.id)}
+              aria-label="Dismiss"
+            >
+              <svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M18 6L6 18M6 6l12 12" />
+              </svg>
+            </button>
+          </div>
+        `)}
+      </div>
+    `;
+  }
+};
+customElements.define("bds-toast-provider", BdsToastProvider);
+export {
+  BdsAlert,
+  BdsBadge,
+  BdsButton,
+  BdsPopover,
+  BdsToastProvider
+};
+/*! Bundled license information:
+
+@lit-labs/ssr-dom-shim/lib/element-internals.js:
+@lit-labs/ssr-dom-shim/lib/events.js:
+  (**
+   * @license
+   * Copyright 2023 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit-labs/ssr-dom-shim/lib/css.js:
+  (**
+   * @license
+   * Copyright 2024 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit-labs/ssr-dom-shim/index.js:
+@lit/reactive-element/node/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/lit-html.js:
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/