@sweberdev/witness 0.0.0-stage → 0.1.0

package/dist/elements-auto.cjs

@@ -0,0 +1,642 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/elements-auto.ts
+var elements_auto_exports = {};
+__export(elements_auto_exports, {
+  WitnessLabelElement: () => WitnessLabelElement,
+  WitnessNoticeElement: () => WitnessNoticeElement,
+  defineWitnessElements: () => defineWitnessElements
+});
+module.exports = __toCommonJS(elements_auto_exports);
+
+// src/disclosure.ts
+var PREFIX = "witness:ack:";
+function createDisclosure(options = {}) {
+  const kind = options.kind ?? "chatbot";
+  const id = options.id ?? kind;
+  const version = options.version ?? "1";
+  const locale2 = options.locale ?? "en";
+  const now = options.now ?? (() => /* @__PURE__ */ new Date());
+  const storage = resolveStorage(options.storage);
+  const key = `${PREFIX}${id}`;
+  const listeners = /* @__PURE__ */ new Set();
+  let shown = false;
+  const read = () => {
+    try {
+      const raw = storage.getItem(key);
+      if (!raw) return null;
+      const parsed = JSON.parse(raw);
+      if (typeof parsed.version !== "string" || typeof parsed.at !== "string") return null;
+      return { version: parsed.version, at: parsed.at };
+    } catch {
+      return null;
+    }
+  };
+  const emit = (type, at) => {
+    options.onEvent?.({ type, id, kind, version, locale: locale2, at });
+  };
+  const notify = () => {
+    for (const listener of listeners) listener();
+  };
+  return {
+    id,
+    kind,
+    version,
+    needsAcknowledgement: () => read()?.version !== version,
+    acknowledgedAt: () => {
+      const entry = read();
+      return entry?.version === version ? entry.at : null;
+    },
+    markShown() {
+      if (shown) return;
+      shown = true;
+      emit("shown", now().toISOString());
+    },
+    acknowledge() {
+      const at = now().toISOString();
+      try {
+        storage.setItem(key, JSON.stringify({ version, at }));
+      } catch {
+      }
+      emit("acknowledged", at);
+      notify();
+    },
+    reset() {
+      try {
+        storage.removeItem(key);
+      } catch {
+      }
+      notify();
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    }
+  };
+}
+function resolveStorage(option) {
+  if (option && typeof option === "object") return option;
+  if (option !== "memory") {
+    try {
+      const candidate = option === "session" ? globalThis.sessionStorage : globalThis.localStorage;
+      if (candidate) {
+        const probe = `${PREFIX}probe`;
+        candidate.setItem(probe, "1");
+        candidate.removeItem(probe);
+        return candidate;
+      }
+    } catch {
+    }
+  }
+  return memoryStorage();
+}
+function memoryStorage() {
+  const map = /* @__PURE__ */ new Map();
+  return {
+    getItem: (key) => map.get(key) ?? null,
+    setItem: (key, value) => {
+      map.set(key, value);
+    },
+    removeItem: (key) => {
+      map.delete(key);
+    }
+  };
+}
+
+// src/i18n.ts
+var en = {
+  kinds: {
+    chatbot: {
+      label: "AI assistant",
+      title: "You are chatting with an AI",
+      body: "This assistant is an AI system, not a person. Its answers are generated automatically and can be wrong."
+    },
+    generated: {
+      label: "AI-generated",
+      title: "AI-generated content",
+      body: "This content was generated by an AI system."
+    },
+    edited: {
+      label: "AI-edited",
+      title: "Edited with AI",
+      body: "This content was edited or altered with an AI system."
+    },
+    deepfake: {
+      label: "Artificially generated",
+      title: "Artificially generated or manipulated",
+      body: "This content was generated or manipulated with AI. It may show people, places or events differently from how they really were."
+    },
+    "emotion-recognition": {
+      label: "Emotion recognition",
+      title: "Emotion recognition is active",
+      body: "This service uses an AI system that recognises emotions or intentions from your data."
+    },
+    "biometric-categorisation": {
+      label: "Biometric categorisation",
+      title: "Biometric categorisation is active",
+      body: "This service uses an AI system that assigns people to categories based on biometric data."
+    }
+  },
+  ui: {
+    acknowledge: "Got it",
+    details: "About this label",
+    generatedWith: "Generated with {generator}",
+    createdOn: "Created on {date}",
+    humanReviewed: "Reviewed by a person",
+    moreInfo: "How we use AI",
+    close: "Close"
+  }
+};
+var de = {
+  kinds: {
+    chatbot: {
+      label: "KI-Assistent",
+      title: "Sie chatten mit einer KI",
+      body: "Dieser Assistent ist ein KI-System und kein Mensch. Seine Antworten werden automatisch erzeugt und k\xF6nnen falsch sein."
+    },
+    generated: {
+      label: "KI-generiert",
+      title: "KI-generierter Inhalt",
+      body: "Dieser Inhalt wurde von einem KI-System erzeugt."
+    },
+    edited: {
+      label: "Mit KI bearbeitet",
+      title: "Mit KI bearbeitet",
+      body: "Dieser Inhalt wurde mit einem KI-System bearbeitet oder ver\xE4ndert."
+    },
+    deepfake: {
+      label: "K\xFCnstlich erzeugt",
+      title: "K\xFCnstlich erzeugt oder ver\xE4ndert",
+      body: "Dieser Inhalt wurde mit KI erzeugt oder ver\xE4ndert. Er kann Personen, Orte oder Ereignisse anders zeigen, als sie wirklich waren."
+    },
+    "emotion-recognition": {
+      label: "Emotionserkennung",
+      title: "Emotionserkennung ist aktiv",
+      body: "Dieser Dienst setzt ein KI-System ein, das aus Ihren Daten Emotionen oder Absichten erkennt."
+    },
+    "biometric-categorisation": {
+      label: "Biometrische Kategorisierung",
+      title: "Biometrische Kategorisierung ist aktiv",
+      body: "Dieser Dienst setzt ein KI-System ein, das Personen anhand biometrischer Daten Kategorien zuordnet."
+    }
+  },
+  ui: {
+    acknowledge: "Verstanden",
+    details: "\xDCber diese Kennzeichnung",
+    generatedWith: "Erzeugt mit {generator}",
+    createdOn: "Erstellt am {date}",
+    humanReviewed: "Von einem Menschen gepr\xFCft",
+    moreInfo: "Wie wir KI einsetzen",
+    close: "Schliessen"
+  }
+};
+var fr = {
+  kinds: {
+    chatbot: {
+      label: "Assistant IA",
+      title: "Vous discutez avec une IA",
+      body: "Cet assistant est un syst\xE8me d\u2019IA, pas une personne. Ses r\xE9ponses sont g\xE9n\xE9r\xE9es automatiquement et peuvent \xEAtre erron\xE9es."
+    },
+    generated: {
+      label: "G\xE9n\xE9r\xE9 par IA",
+      title: "Contenu g\xE9n\xE9r\xE9 par IA",
+      body: "Ce contenu a \xE9t\xE9 g\xE9n\xE9r\xE9 par un syst\xE8me d\u2019IA."
+    },
+    edited: {
+      label: "Modifi\xE9 par IA",
+      title: "Modifi\xE9 avec l\u2019IA",
+      body: "Ce contenu a \xE9t\xE9 modifi\xE9 ou alt\xE9r\xE9 \xE0 l\u2019aide d\u2019un syst\xE8me d\u2019IA."
+    },
+    deepfake: {
+      label: "G\xE9n\xE9r\xE9 artificiellement",
+      title: "G\xE9n\xE9r\xE9 ou manipul\xE9 artificiellement",
+      body: "Ce contenu a \xE9t\xE9 g\xE9n\xE9r\xE9 ou manipul\xE9 avec l\u2019IA. Il peut montrer des personnes, des lieux ou des \xE9v\xE9nements autrement qu\u2019ils n\u2019ont r\xE9ellement \xE9t\xE9."
+    },
+    "emotion-recognition": {
+      label: "Reconnaissance des \xE9motions",
+      title: "La reconnaissance des \xE9motions est active",
+      body: "Ce service utilise un syst\xE8me d\u2019IA qui reconna\xEEt des \xE9motions ou des intentions \xE0 partir de vos donn\xE9es."
+    },
+    "biometric-categorisation": {
+      label: "Cat\xE9gorisation biom\xE9trique",
+      title: "La cat\xE9gorisation biom\xE9trique est active",
+      body: "Ce service utilise un syst\xE8me d\u2019IA qui classe les personnes dans des cat\xE9gories \xE0 partir de donn\xE9es biom\xE9triques."
+    }
+  },
+  ui: {
+    acknowledge: "Compris",
+    details: "\xC0 propos de ce label",
+    generatedWith: "G\xE9n\xE9r\xE9 avec {generator}",
+    createdOn: "Cr\xE9\xE9 le {date}",
+    humanReviewed: "V\xE9rifi\xE9 par une personne",
+    moreInfo: "Comment nous utilisons l\u2019IA",
+    close: "Fermer"
+  }
+};
+var it = {
+  kinds: {
+    chatbot: {
+      label: "Assistente IA",
+      title: "Stai parlando con un\u2019IA",
+      body: "Questo assistente \xE8 un sistema di IA, non una persona. Le sue risposte sono generate automaticamente e possono essere sbagliate."
+    },
+    generated: {
+      label: "Generato con IA",
+      title: "Contenuto generato con IA",
+      body: "Questo contenuto \xE8 stato generato da un sistema di IA."
+    },
+    edited: {
+      label: "Modificato con IA",
+      title: "Modificato con l\u2019IA",
+      body: "Questo contenuto \xE8 stato modificato o alterato con un sistema di IA."
+    },
+    deepfake: {
+      label: "Generato artificialmente",
+      title: "Generato o manipolato artificialmente",
+      body: "Questo contenuto \xE8 stato generato o manipolato con l\u2019IA. Pu\xF2 mostrare persone, luoghi o eventi in modo diverso da come sono stati realmente."
+    },
+    "emotion-recognition": {
+      label: "Riconoscimento delle emozioni",
+      title: "Il riconoscimento delle emozioni \xE8 attivo",
+      body: "Questo servizio utilizza un sistema di IA che riconosce emozioni o intenzioni a partire dai tuoi dati."
+    },
+    "biometric-categorisation": {
+      label: "Categorizzazione biometrica",
+      title: "La categorizzazione biometrica \xE8 attiva",
+      body: "Questo servizio utilizza un sistema di IA che assegna le persone a categorie in base a dati biometrici."
+    }
+  },
+  ui: {
+    acknowledge: "Ho capito",
+    details: "Informazioni su questa etichetta",
+    generatedWith: "Generato con {generator}",
+    createdOn: "Creato il {date}",
+    humanReviewed: "Verificato da una persona",
+    moreInfo: "Come usiamo l\u2019IA",
+    close: "Chiudi"
+  }
+};
+var registry = /* @__PURE__ */ new Map([
+  ["en", en],
+  ["de", de],
+  ["fr", fr],
+  ["it", it]
+]);
+function resolveLocale(input) {
+  const tags = input == null ? [] : typeof input === "string" ? [input] : input;
+  for (const tag of tags) {
+    const lower = tag.toLowerCase();
+    if (registry.has(lower)) return lower;
+    const language = lower.split("-")[0] ?? "";
+    if (registry.has(language)) return language;
+  }
+  return "en";
+}
+function getMessages(locale2, override) {
+  const messages = registry.get(resolveLocale(locale2)) ?? en;
+  return override ? mergeMessages(messages, override) : messages;
+}
+function format(template, values) {
+  return template.replace(/\{(\w+)\}/g, (match, name) => values[name] ?? match);
+}
+function mergeMessages(base, override) {
+  const kinds = { ...base.kinds };
+  for (const [kind, text] of Object.entries(override.kinds ?? {})) {
+    const key = kind;
+    kinds[key] = { ...base.kinds[key], ...text };
+  }
+  const ui = { ...base.ui, ...override.ui ?? {} };
+  return { kinds, ui };
+}
+
+// src/types.ts
+var DISCLOSURE_KINDS = [
+  "chatbot",
+  "generated",
+  "edited",
+  "deepfake",
+  "emotion-recognition",
+  "biometric-categorisation"
+];
+
+// src/elements.ts
+var BaseElement = typeof HTMLElement === "undefined" ? class {
+} : HTMLElement;
+var SHARED_CSS = `
+:host { --witness-accent: #003399; --witness-accent-text: #ffffff; --witness-bg: #ffffff;
+  --witness-fg: #1a1a1a; --witness-muted: #555b66; --witness-border: #d7dbe3; --witness-radius: 8px;
+  font: inherit; color: var(--witness-fg); }
+@media (prefers-color-scheme: dark) {
+  :host { --witness-accent: #8fb0ff; --witness-accent-text: #0b1530; --witness-bg: #15181f;
+    --witness-fg: #eef1f6; --witness-muted: #a9b0bd; --witness-border: #2c323d; }
+}
+.icon { display: inline-flex; align-items: center; justify-content: center; min-width: 1.75em;
+  height: 1.5em; padding: 0 .3em; border-radius: 4px; background: var(--witness-accent);
+  color: var(--witness-accent-text); font-weight: 700; font-size: .75em; letter-spacing: .02em;
+  line-height: 1; flex: none; }
+button { font: inherit; cursor: pointer; }
+button:focus-visible, a:focus-visible { outline: 2px solid var(--witness-accent); outline-offset: 2px; }
+a { color: inherit; }
+.muted { color: var(--witness-muted); }
+`;
+var NOTICE_CSS = `${SHARED_CSS}
+:host { display: block; }
+.notice { display: flex; gap: .75em; align-items: flex-start; padding: .875em 1em;
+  border: 1px solid var(--witness-border); border-left: 4px solid var(--witness-accent);
+  border-radius: var(--witness-radius); background: var(--witness-bg); }
+.notice h2 { font-size: 1em; margin: 0 0 .25em; }
+.notice p { margin: 0 0 .75em; line-height: 1.45; }
+.actions { display: flex; gap: .75em; align-items: center; flex-wrap: wrap; }
+.ack { padding: .4em .9em; border-radius: 6px; border: 0; background: var(--witness-accent);
+  color: var(--witness-accent-text); font-weight: 600; }
+.compact { display: inline-flex; gap: .5em; align-items: center; padding: .25em .5em;
+  border: 1px solid var(--witness-border); border-radius: 999px; background: var(--witness-bg);
+  color: var(--witness-fg); font-size: .875em; }
+`;
+var LABEL_CSS = `${SHARED_CSS}
+:host { display: inline-block; position: relative; font-size: .875em; }
+:host([variant="overlay"]) { position: absolute; inset-block-start: .5em; inset-inline-end: .5em; z-index: 1; }
+.badge { display: inline-flex; gap: .4em; align-items: center; padding: .2em .55em .2em .25em;
+  border: 1px solid var(--witness-border); border-radius: 999px; background: var(--witness-bg);
+  color: var(--witness-fg); }
+.panel { position: absolute; inset-block-start: calc(100% + .4em); inset-inline-end: 0; z-index: 10;
+  width: max-content; max-width: min(22em, 80vw); padding: .75em .875em; text-align: start;
+  border: 1px solid var(--witness-border); border-radius: var(--witness-radius);
+  background: var(--witness-bg); box-shadow: 0 6px 24px rgb(0 0 0 / .15); line-height: 1.45; }
+:host([variant="inline"]) .panel, :host(:not([variant])) .panel { inset-inline-end: auto; inset-inline-start: 0; }
+.panel strong { display: block; margin-bottom: .25em; }
+.panel p { margin: 0 0 .4em; }
+.panel ul { margin: .4em 0; padding-inline-start: 1.1em; }
+.close { position: absolute; inset-block-start: .35em; inset-inline-end: .35em; border: 0;
+  background: none; color: var(--witness-muted); font-size: 1.1em; line-height: 1; padding: .2em .35em; }
+[hidden] { display: none !important; }
+`;
+function locale(el) {
+  const own = el.getAttribute("locale") ?? el.closest("[lang]")?.getAttribute("lang");
+  if (own) return [own];
+  return typeof navigator !== "undefined" ? [...navigator.languages] : [];
+}
+function kindOf(el, fallback) {
+  const value = el.getAttribute("kind");
+  return value && DISCLOSURE_KINDS.includes(value) ? value : fallback;
+}
+function h(doc, tag, attrs = {}, ...children) {
+  const el = doc.createElement(tag);
+  for (const [name, value] of Object.entries(attrs)) el.setAttribute(name, value);
+  for (const child of children) {
+    if (child !== null) el.append(child);
+  }
+  return el;
+}
+function icon(doc) {
+  return h(doc, "span", { class: "icon", "aria-hidden": "true", part: "icon" }, "AI");
+}
+var WitnessNoticeElement = class extends BaseElement {
+  static {
+    this.observedAttributes = ["kind", "locale", "disclosure-id", "version", "href", "storage"];
+  }
+  #disclosure = null;
+  #unsubscribe = null;
+  #expanded = false;
+  connectedCallback() {
+    if (!this.shadowRoot) this.attachShadow({ mode: "open" });
+    this.#setup();
+  }
+  disconnectedCallback() {
+    this.#unsubscribe?.();
+    this.#unsubscribe = null;
+  }
+  attributeChangedCallback() {
+    if (this.isConnected && this.shadowRoot) this.#setup();
+  }
+  /** Forgets the acknowledgement and shows the full notice again. */
+  reset() {
+    this.#disclosure?.reset();
+  }
+  get disclosure() {
+    return this.#disclosure;
+  }
+  #setup() {
+    this.#unsubscribe?.();
+    const storage = this.getAttribute("storage");
+    const kind = kindOf(this, "chatbot");
+    const tags = locale(this);
+    this.#disclosure = createDisclosure({
+      kind,
+      id: this.getAttribute("disclosure-id") ?? kind,
+      version: this.getAttribute("version") ?? "1",
+      locale: getLocaleCode(tags),
+      ...storage === "session" || storage === "memory" || storage === "local" ? { storage } : {},
+      onEvent: (event) => this.#dispatch(event)
+    });
+    this.#expanded = false;
+    this.#unsubscribe = this.#disclosure.subscribe(() => {
+      this.#expanded = false;
+      this.#render();
+    });
+    this.#render();
+  }
+  #dispatch(event) {
+    this.dispatchEvent(
+      new CustomEvent(`witness-${event.type}`, { detail: event, bubbles: true, composed: true })
+    );
+  }
+  #render() {
+    const root = this.shadowRoot;
+    const disclosure = this.#disclosure;
+    if (!root || !disclosure) return;
+    const doc = this.ownerDocument;
+    const messages = getMessages(locale(this));
+    const text = messages.kinds[disclosure.kind];
+    const href = this.getAttribute("href");
+    const full = this.#expanded || disclosure.needsAcknowledgement();
+    const style = h(doc, "style", {}, NOTICE_CSS);
+    if (full) {
+      const ack = h(
+        doc,
+        "button",
+        { type: "button", class: "ack", part: "button" },
+        messages.ui.acknowledge
+      );
+      ack.addEventListener("click", () => disclosure.acknowledge());
+      const link = href ? h(doc, "a", { href, part: "link" }, messages.ui.moreInfo) : null;
+      const box = h(
+        doc,
+        "section",
+        { class: "notice", role: "note", "aria-labelledby": "title", part: "notice" },
+        icon(doc),
+        h(
+          doc,
+          "div",
+          {},
+          h(doc, "h2", { id: "title", part: "title" }, text.title),
+          h(doc, "p", { part: "body" }, h(doc, "slot", {}, text.body)),
+          h(doc, "div", { class: "actions" }, ack, link)
+        )
+      );
+      root.replaceChildren(style, box);
+      disclosure.markShown();
+    } else {
+      const reopen = h(
+        doc,
+        "button",
+        {
+          type: "button",
+          class: "compact",
+          "aria-label": `${text.label}: ${messages.ui.details}`,
+          part: "compact"
+        },
+        icon(doc),
+        text.label
+      );
+      reopen.addEventListener("click", () => {
+        this.#expanded = true;
+        this.#render();
+      });
+      root.replaceChildren(style, reopen);
+    }
+  }
+};
+var WitnessLabelElement = class extends BaseElement {
+  static {
+    this.observedAttributes = [
+      "kind",
+      "locale",
+      "generator",
+      "generator-version",
+      "created",
+      "reviewed",
+      "href",
+      "variant"
+    ];
+  }
+  #open = false;
+  #onKey = (event) => {
+    if (event.key === "Escape" && this.#open) {
+      this.#toggle(false);
+      this.shadowRoot?.querySelector(".badge")?.focus();
+    }
+  };
+  #onOutside = (event) => {
+    if (this.#open && !event.composedPath().includes(this)) this.#toggle(false);
+  };
+  connectedCallback() {
+    if (!this.shadowRoot) this.attachShadow({ mode: "open" });
+    this.ownerDocument.addEventListener("keydown", this.#onKey);
+    this.ownerDocument.addEventListener("click", this.#onOutside);
+    this.#render();
+  }
+  disconnectedCallback() {
+    this.ownerDocument.removeEventListener("keydown", this.#onKey);
+    this.ownerDocument.removeEventListener("click", this.#onOutside);
+  }
+  attributeChangedCallback() {
+    if (this.isConnected && this.shadowRoot) this.#render();
+  }
+  #toggle(open) {
+    this.#open = open;
+    this.#render();
+  }
+  #render() {
+    const root = this.shadowRoot;
+    if (!root) return;
+    const doc = this.ownerDocument;
+    const tags = locale(this);
+    const messages = getMessages(tags);
+    const kind = kindOf(this, "generated");
+    const text = messages.kinds[kind];
+    const generator = [this.getAttribute("generator"), this.getAttribute("generator-version")].filter(Boolean).join(" ");
+    const created = this.getAttribute("created");
+    const href = this.getAttribute("href");
+    const badge = h(
+      doc,
+      "button",
+      {
+        type: "button",
+        class: "badge",
+        part: "badge",
+        "aria-expanded": String(this.#open),
+        "aria-controls": "panel",
+        title: messages.ui.details
+      },
+      icon(doc),
+      h(doc, "span", { part: "label" }, text.label)
+    );
+    badge.addEventListener("click", () => this.#toggle(!this.#open));
+    const facts = h(doc, "ul", {});
+    if (generator) facts.append(h(doc, "li", {}, format(messages.ui.generatedWith, { generator })));
+    if (created) {
+      facts.append(
+        h(doc, "li", {}, format(messages.ui.createdOn, { date: formatDate(created, tags) }))
+      );
+    }
+    if (this.hasAttribute("reviewed")) facts.append(h(doc, "li", {}, messages.ui.humanReviewed));
+    const close = h(
+      doc,
+      "button",
+      { type: "button", class: "close", "aria-label": messages.ui.close },
+      "\xD7"
+    );
+    close.addEventListener("click", () => this.#toggle(false));
+    const panel = h(
+      doc,
+      "div",
+      { id: "panel", class: "panel", role: "dialog", "aria-label": text.title, part: "panel" },
+      close,
+      h(doc, "strong", {}, text.title),
+      h(doc, "p", {}, text.body),
+      facts.childElementCount > 0 ? facts : null,
+      href ? h(doc, "a", { href, part: "link" }, messages.ui.moreInfo) : null
+    );
+    if (!this.#open) panel.hidden = true;
+    root.replaceChildren(h(doc, "style", {}, LABEL_CSS), badge, panel);
+  }
+};
+function formatDate(value, tags) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  try {
+    return new Intl.DateTimeFormat(tags.length > 0 ? tags : void 0, {
+      dateStyle: "medium"
+    }).format(date);
+  } catch {
+    return value;
+  }
+}
+function getLocaleCode(tags) {
+  return tags[0] ?? "en";
+}
+function defineWitnessElements() {
+  if (typeof customElements === "undefined") return;
+  if (!customElements.get("witness-notice"))
+    customElements.define("witness-notice", WitnessNoticeElement);
+  if (!customElements.get("witness-label"))
+    customElements.define("witness-label", WitnessLabelElement);
+}
+
+// src/elements-auto.ts
+defineWitnessElements();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WitnessLabelElement,
+  WitnessNoticeElement,
+  defineWitnessElements
+});
+//# sourceMappingURL=elements-auto.cjs.map