@weaveprotocol/core 0.1.0

package/dist/elements/auth-styles.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @module elements/auth-styles
+ * How `<weave-auth>` looks.
+ *
+ * Black and white, hairline borders, one accent. Every colour, the font and
+ * the corner radius are custom properties on the element, so a host page
+ * restyles it without reaching inside:
+ *
+ * ```css
+ * weave-auth { --weave-accent: #4f46e5; --weave-font: 'Inter', sans-serif; }
+ * ```
+ *
+ * It sizes itself to its container rather than the window — a container query,
+ * not a media query — so the same element fits a full page, a modal or a side
+ * panel without being told which.
+ */
+export declare const AUTH_CSS = "\nweave-auth {\n  --weave-ink: #000;\n  --weave-body: #171717;\n  --weave-muted: #666;\n  --weave-faint: #8f8f8f;\n  --weave-surface: #fff;\n  --weave-sunken: #fafafa;\n  --weave-line: #eaeaea;\n  --weave-line-strong: #d4d4d4;\n  --weave-accent: #000;\n  --weave-accent-hover: #383838;\n  --weave-on-accent: #fff;\n  --weave-danger: #e5484d;\n  --weave-danger-soft: #fff0f0;\n  --weave-radius: 6px;\n  --weave-font: \"Geist\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  --weave-mono: \"Geist Mono\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace;\n\n  display: block;\n  container-type: inline-size;\n  color: var(--weave-body);\n  font-family: var(--weave-font);\n  font-size: 14px;\n  letter-spacing: -0.006em;\n  -webkit-font-smoothing: antialiased;\n}\nweave-auth[hidden] { display: none; }\nweave-auth *, weave-auth *::before, weave-auth *::after { box-sizing: border-box; }\nweave-auth :is(h1, p) { margin: 0; }\n\nweave-auth .wa-card { width: 100%; max-width: 380px; margin: 0 auto; }\nweave-auth .wa-wordmark { display: flex; align-items: center; gap: 8px; margin-bottom: 40px; color: var(--weave-ink); font-weight: 600; font-size: 16px; letter-spacing: -0.03em; }\nweave-auth .wa-title { font-size: 28px; font-weight: 600; letter-spacing: -0.04em; color: var(--weave-ink); margin-bottom: 8px; line-height: 1.2; }\nweave-auth .wa-subtitle { font-size: 15px; color: var(--weave-muted); margin-bottom: 32px; line-height: 1.5; }\nweave-auth .wa-hint { font-size: 14px; color: var(--weave-muted); margin-bottom: 20px; line-height: 1.6; }\nweave-auth .wa-small { font-size: 13px; color: var(--weave-muted); margin-top: 8px; line-height: 1.6; }\nweave-auth .wa-error { color: var(--weave-danger); font-size: 14px; font-weight: 500; }\nweave-auth .wa-error-box { margin-top: 16px; padding: 12px 14px; border-radius: var(--weave-radius); background: var(--weave-danger-soft); }\n\nweave-auth .wa-form { display: flex; flex-direction: column; gap: 8px; }\nweave-auth .wa-form + .wa-form { margin-top: 10px; }\nweave-auth input {\n  width: 100%; height: 40px; padding: 0 12px;\n  border-radius: var(--weave-radius); border: 1px solid var(--weave-line-strong);\n  background: var(--weave-surface); color: var(--weave-ink);\n  font: inherit; font-size: 14px; outline: none;\n  transition: border-color .15s ease, box-shadow .15s ease;\n}\nweave-auth input::placeholder { color: var(--weave-faint); }\nweave-auth input:focus { border-color: var(--weave-muted); box-shadow: 0 0 0 3px rgba(0, 0, 0, .06); }\nweave-auth .wa-offscreen {\n  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;\n  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;\n}\n\nweave-auth button { font: inherit; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }\nweave-auth button:not(:disabled) { cursor: pointer; }\nweave-auth button:disabled { opacity: .5; cursor: not-allowed; }\nweave-auth :focus-visible { outline: 2px solid var(--weave-ink); outline-offset: 2px; }\nweave-auth button:focus:not(:focus-visible) { outline: none; }\n\nweave-auth .wa-button {\n  width: 100%; height: 40px; padding: 0 16px;\n  border-radius: var(--weave-radius); border: 1px solid transparent;\n  background: var(--weave-accent); color: var(--weave-on-accent);\n  font-size: 14px; font-weight: 500;\n}\nweave-auth .wa-button:not(:disabled):hover { background: var(--weave-accent-hover); }\nweave-auth .wa-link {\n  background: none; border: none; padding: 4px 0; margin-right: 12px;\n  color: var(--weave-muted); font-size: 13px; font-weight: 500; text-align: left;\n}\nweave-auth .wa-link:not(:disabled):hover { color: var(--weave-ink); }\nweave-auth .wa-links { display: flex; flex-wrap: wrap; margin-top: 10px; }\n\nweave-auth .wa-options { display: flex; flex-direction: column; gap: 12px; }\nweave-auth .wa-option {\n  display: flex; flex-direction: column; gap: 4px; width: 100%; padding: 16px;\n  text-align: left; border-radius: var(--weave-radius);\n  border: 1px solid var(--weave-line); background: var(--weave-surface); color: var(--weave-body);\n}\nweave-auth .wa-option:not(:disabled):hover { background: var(--weave-sunken); border-color: var(--weave-line-strong); }\nweave-auth .wa-option-title { display: flex; align-items: center; gap: 8px; font-weight: 500; color: var(--weave-ink); }\nweave-auth .wa-option-text { color: var(--weave-muted); font-size: 13px; line-height: 1.5; }\nweave-auth .wa-badge {\n  font-size: 11px; font-weight: 500; padding: 1px 8px; border-radius: 999px;\n  background: var(--weave-sunken); border: 1px solid var(--weave-line); color: var(--weave-muted);\n}\n\nweave-auth .wa-account { padding: 12px 0; border-top: 1px solid var(--weave-line); }\nweave-auth .wa-account:last-of-type { border-bottom: 1px solid var(--weave-line); margin-bottom: 8px; }\nweave-auth .wa-account-row {\n  display: flex; align-items: center; gap: 10px; width: 100%; padding: 6px 8px; margin: 0 -8px;\n  width: calc(100% + 16px); text-align: left;\n  background: none; border: 1px solid transparent; border-radius: var(--weave-radius); color: var(--weave-body);\n}\nweave-auth .wa-account-row:not(:disabled):hover { background: var(--weave-sunken); }\nweave-auth .wa-account-name { display: block; font-weight: 600; color: var(--weave-ink); }\nweave-auth .wa-account-did { display: block; font-size: 12px; color: var(--weave-faint); font-family: var(--weave-mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\nweave-auth .wa-account-body { margin-top: 10px; }\nweave-auth .wa-avatar { flex-shrink: 0; display: block; border-radius: 8px; }\n\nweave-auth .wa-code {\n  display: block; margin-top: 16px; padding: 12px; border-radius: var(--weave-radius);\n  background: var(--weave-sunken); border: 1px solid var(--weave-line);\n  font-family: var(--weave-mono); font-size: 13px; color: var(--weave-ink);\n  word-break: break-all; user-select: all;\n}\n\nweave-auth .wa-info { position: relative; display: inline; }\nweave-auth .wa-info-button {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 16px; height: 16px; padding: 0; margin-left: 6px; vertical-align: text-bottom;\n  border-radius: 999px; border: 1px solid var(--weave-line-strong); background: none;\n  color: var(--weave-faint); font-size: 10px; font-weight: 700; line-height: 1;\n}\nweave-auth .wa-popover {\n  position: absolute; z-index: 30; top: 22px; left: 0; width: min(260px, 80cqi);\n  padding: 12px 14px; border-radius: var(--weave-radius);\n  background: var(--weave-surface); border: 1px solid var(--weave-line);\n  box-shadow: 0 12px 28px -12px rgba(15, 17, 21, .22);\n  font-size: 12.5px; line-height: 1.6; color: var(--weave-muted); font-weight: 400;\n}\nweave-auth .wa-popover[hidden] { display: none; }\n\n@container (max-width: 340px) {\n  weave-auth .wa-title { font-size: 24px; }\n  weave-auth .wa-subtitle { margin-bottom: 24px; }\n  weave-auth .wa-wordmark { margin-bottom: 28px; }\n  weave-auth .wa-popover { left: auto; right: -8px; }\n}\n";
+//# sourceMappingURL=auth-styles.d.ts.map

package/dist/elements/auth-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-styles.d.ts","sourceRoot":"","sources":["../../src/elements/auth-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,QAAQ,27NAoIpB,CAAC"}

package/dist/elements/auth-styles.js

@@ -0,0 +1,150 @@
+/**
+ * @module elements/auth-styles
+ * How `<weave-auth>` looks.
+ *
+ * Black and white, hairline borders, one accent. Every colour, the font and
+ * the corner radius are custom properties on the element, so a host page
+ * restyles it without reaching inside:
+ *
+ * ```css
+ * weave-auth { --weave-accent: #4f46e5; --weave-font: 'Inter', sans-serif; }
+ * ```
+ *
+ * It sizes itself to its container rather than the window — a container query,
+ * not a media query — so the same element fits a full page, a modal or a side
+ * panel without being told which.
+ */
+export const AUTH_CSS = `
+weave-auth {
+  --weave-ink: #000;
+  --weave-body: #171717;
+  --weave-muted: #666;
+  --weave-faint: #8f8f8f;
+  --weave-surface: #fff;
+  --weave-sunken: #fafafa;
+  --weave-line: #eaeaea;
+  --weave-line-strong: #d4d4d4;
+  --weave-accent: #000;
+  --weave-accent-hover: #383838;
+  --weave-on-accent: #fff;
+  --weave-danger: #e5484d;
+  --weave-danger-soft: #fff0f0;
+  --weave-radius: 6px;
+  --weave-font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --weave-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+
+  display: block;
+  container-type: inline-size;
+  color: var(--weave-body);
+  font-family: var(--weave-font);
+  font-size: 14px;
+  letter-spacing: -0.006em;
+  -webkit-font-smoothing: antialiased;
+}
+weave-auth[hidden] { display: none; }
+weave-auth *, weave-auth *::before, weave-auth *::after { box-sizing: border-box; }
+weave-auth :is(h1, p) { margin: 0; }
+
+weave-auth .wa-card { width: 100%; max-width: 380px; margin: 0 auto; }
+weave-auth .wa-wordmark { display: flex; align-items: center; gap: 8px; margin-bottom: 40px; color: var(--weave-ink); font-weight: 600; font-size: 16px; letter-spacing: -0.03em; }
+weave-auth .wa-title { font-size: 28px; font-weight: 600; letter-spacing: -0.04em; color: var(--weave-ink); margin-bottom: 8px; line-height: 1.2; }
+weave-auth .wa-subtitle { font-size: 15px; color: var(--weave-muted); margin-bottom: 32px; line-height: 1.5; }
+weave-auth .wa-hint { font-size: 14px; color: var(--weave-muted); margin-bottom: 20px; line-height: 1.6; }
+weave-auth .wa-small { font-size: 13px; color: var(--weave-muted); margin-top: 8px; line-height: 1.6; }
+weave-auth .wa-error { color: var(--weave-danger); font-size: 14px; font-weight: 500; }
+weave-auth .wa-error-box { margin-top: 16px; padding: 12px 14px; border-radius: var(--weave-radius); background: var(--weave-danger-soft); }
+
+weave-auth .wa-form { display: flex; flex-direction: column; gap: 8px; }
+weave-auth .wa-form + .wa-form { margin-top: 10px; }
+weave-auth input {
+  width: 100%; height: 40px; padding: 0 12px;
+  border-radius: var(--weave-radius); border: 1px solid var(--weave-line-strong);
+  background: var(--weave-surface); color: var(--weave-ink);
+  font: inherit; font-size: 14px; outline: none;
+  transition: border-color .15s ease, box-shadow .15s ease;
+}
+weave-auth input::placeholder { color: var(--weave-faint); }
+weave-auth input:focus { border-color: var(--weave-muted); box-shadow: 0 0 0 3px rgba(0, 0, 0, .06); }
+weave-auth .wa-offscreen {
+  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
+  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
+}
+
+weave-auth button { font: inherit; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
+weave-auth button:not(:disabled) { cursor: pointer; }
+weave-auth button:disabled { opacity: .5; cursor: not-allowed; }
+weave-auth :focus-visible { outline: 2px solid var(--weave-ink); outline-offset: 2px; }
+weave-auth button:focus:not(:focus-visible) { outline: none; }
+
+weave-auth .wa-button {
+  width: 100%; height: 40px; padding: 0 16px;
+  border-radius: var(--weave-radius); border: 1px solid transparent;
+  background: var(--weave-accent); color: var(--weave-on-accent);
+  font-size: 14px; font-weight: 500;
+}
+weave-auth .wa-button:not(:disabled):hover { background: var(--weave-accent-hover); }
+weave-auth .wa-link {
+  background: none; border: none; padding: 4px 0; margin-right: 12px;
+  color: var(--weave-muted); font-size: 13px; font-weight: 500; text-align: left;
+}
+weave-auth .wa-link:not(:disabled):hover { color: var(--weave-ink); }
+weave-auth .wa-links { display: flex; flex-wrap: wrap; margin-top: 10px; }
+
+weave-auth .wa-options { display: flex; flex-direction: column; gap: 12px; }
+weave-auth .wa-option {
+  display: flex; flex-direction: column; gap: 4px; width: 100%; padding: 16px;
+  text-align: left; border-radius: var(--weave-radius);
+  border: 1px solid var(--weave-line); background: var(--weave-surface); color: var(--weave-body);
+}
+weave-auth .wa-option:not(:disabled):hover { background: var(--weave-sunken); border-color: var(--weave-line-strong); }
+weave-auth .wa-option-title { display: flex; align-items: center; gap: 8px; font-weight: 500; color: var(--weave-ink); }
+weave-auth .wa-option-text { color: var(--weave-muted); font-size: 13px; line-height: 1.5; }
+weave-auth .wa-badge {
+  font-size: 11px; font-weight: 500; padding: 1px 8px; border-radius: 999px;
+  background: var(--weave-sunken); border: 1px solid var(--weave-line); color: var(--weave-muted);
+}
+
+weave-auth .wa-account { padding: 12px 0; border-top: 1px solid var(--weave-line); }
+weave-auth .wa-account:last-of-type { border-bottom: 1px solid var(--weave-line); margin-bottom: 8px; }
+weave-auth .wa-account-row {
+  display: flex; align-items: center; gap: 10px; width: 100%; padding: 6px 8px; margin: 0 -8px;
+  width: calc(100% + 16px); text-align: left;
+  background: none; border: 1px solid transparent; border-radius: var(--weave-radius); color: var(--weave-body);
+}
+weave-auth .wa-account-row:not(:disabled):hover { background: var(--weave-sunken); }
+weave-auth .wa-account-name { display: block; font-weight: 600; color: var(--weave-ink); }
+weave-auth .wa-account-did { display: block; font-size: 12px; color: var(--weave-faint); font-family: var(--weave-mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+weave-auth .wa-account-body { margin-top: 10px; }
+weave-auth .wa-avatar { flex-shrink: 0; display: block; border-radius: 8px; }
+
+weave-auth .wa-code {
+  display: block; margin-top: 16px; padding: 12px; border-radius: var(--weave-radius);
+  background: var(--weave-sunken); border: 1px solid var(--weave-line);
+  font-family: var(--weave-mono); font-size: 13px; color: var(--weave-ink);
+  word-break: break-all; user-select: all;
+}
+
+weave-auth .wa-info { position: relative; display: inline; }
+weave-auth .wa-info-button {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 16px; height: 16px; padding: 0; margin-left: 6px; vertical-align: text-bottom;
+  border-radius: 999px; border: 1px solid var(--weave-line-strong); background: none;
+  color: var(--weave-faint); font-size: 10px; font-weight: 700; line-height: 1;
+}
+weave-auth .wa-popover {
+  position: absolute; z-index: 30; top: 22px; left: 0; width: min(260px, 80cqi);
+  padding: 12px 14px; border-radius: var(--weave-radius);
+  background: var(--weave-surface); border: 1px solid var(--weave-line);
+  box-shadow: 0 12px 28px -12px rgba(15, 17, 21, .22);
+  font-size: 12.5px; line-height: 1.6; color: var(--weave-muted); font-weight: 400;
+}
+weave-auth .wa-popover[hidden] { display: none; }
+
+@container (max-width: 340px) {
+  weave-auth .wa-title { font-size: 24px; }
+  weave-auth .wa-subtitle { margin-bottom: 24px; }
+  weave-auth .wa-wordmark { margin-bottom: 28px; }
+  weave-auth .wa-popover { left: auto; right: -8px; }
+}
+`;
+//# sourceMappingURL=auth-styles.js.map

package/dist/elements/auth-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-styles.js","sourceRoot":"","sources":["../../src/elements/auth-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoIvB,CAAC"}

package/dist/elements/dom.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @module elements/dom
+ * Just enough DOM building for the elements to stay readable without a
+ * framework: `h('button', { onclick }, 'Save')`.
+ */
+export type Child = Node | string | number | false | null | undefined | ReadonlyArray<Child>;
+type Props = Record<string, unknown> & {
+    class?: string;
+    style?: string;
+};
+/**
+ * Makes an element. Props starting with `on` become listeners, `class` and
+ * `style` are set as attributes, booleans toggle attributes, anything else is
+ * set as a property when the element has one and an attribute otherwise.
+ */
+export declare function h(tag: string, props?: Props | null, ...children: Child[]): HTMLElement;
+/** Markup from trusted, constant strings — an icon, never anything a person typed. */
+export declare function svg(markup: string): Element;
+/**
+ * Adds a stylesheet to the document once, by id.
+ *
+ * A constructed stylesheet where the browser has them — it needs no inline
+ * `<style>`, so a strict Content-Security-Policy is no obstacle — and a style
+ * element otherwise.
+ */
+export declare function adoptStyles(id: string, css: string): void;
+export {};
+//# sourceMappingURL=dom.d.ts.map

package/dist/elements/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/elements/dom.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;AAE7F,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAK1E;;;;GAIG;AACH,wBAAgB,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,GAAE,KAAK,GAAG,IAAW,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,WAAW,CAgB5F;AAUD,sFAAsF;AACtF,wBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAI3C;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAgBzD"}

package/dist/elements/dom.js

@@ -0,0 +1,74 @@
+/**
+ * @module elements/dom
+ * Just enough DOM building for the elements to stay readable without a
+ * framework: `h('button', { onclick }, 'Save')`.
+ */
+/** Always set as attributes: their properties want other types, or do not exist on every element */
+const ATTRIBUTES = new Set(['class', 'style', 'role', 'spellcheck', 'autocomplete', 'tabindex', 'for']);
+/**
+ * Makes an element. Props starting with `on` become listeners, `class` and
+ * `style` are set as attributes, booleans toggle attributes, anything else is
+ * set as a property when the element has one and an attribute otherwise.
+ */
+export function h(tag, props = null, ...children) {
+    const element = globalThis.document.createElement(tag);
+    for (const [name, value] of Object.entries(props ?? {})) {
+        if (value === undefined || value === null || value === false)
+            continue;
+        if (name.startsWith('on') && typeof value === 'function') {
+            element.addEventListener(name.slice(2), value);
+        }
+        else if (value === true) {
+            element.setAttribute(name, '');
+        }
+        else if (ATTRIBUTES.has(name) || name.startsWith('data-') || name.startsWith('aria-') || !(name in element)) {
+            element.setAttribute(name, String(value));
+        }
+        else {
+            element[name] = value;
+        }
+    }
+    append(element, children);
+    return element;
+}
+function append(parent, children) {
+    for (const child of children) {
+        if (child === null || child === undefined || child === false)
+            continue;
+        if (Array.isArray(child))
+            append(parent, child);
+        else
+            parent.appendChild(typeof child === 'object' ? child : globalThis.document.createTextNode(String(child)));
+    }
+}
+/** Markup from trusted, constant strings — an icon, never anything a person typed. */
+export function svg(markup) {
+    const template = globalThis.document.createElement('template');
+    template.innerHTML = markup.trim();
+    return template.content.firstElementChild;
+}
+/**
+ * Adds a stylesheet to the document once, by id.
+ *
+ * A constructed stylesheet where the browser has them — it needs no inline
+ * `<style>`, so a strict Content-Security-Policy is no obstacle — and a style
+ * element otherwise.
+ */
+export function adoptStyles(id, css) {
+    const doc = globalThis.document;
+    doc.__weaveStyles ??= new Set();
+    if (doc.__weaveStyles.has(id))
+        return;
+    doc.__weaveStyles.add(id);
+    if ('adoptedStyleSheets' in doc && typeof CSSStyleSheet === 'function' && 'replaceSync' in CSSStyleSheet.prototype) {
+        const sheet = new CSSStyleSheet();
+        sheet.replaceSync(css);
+        doc.adoptedStyleSheets = [...doc.adoptedStyleSheets, sheet];
+        return;
+    }
+    const style = doc.createElement('style');
+    style.id = id;
+    style.textContent = css;
+    doc.head.appendChild(style);
+}
+//# sourceMappingURL=dom.js.map

package/dist/elements/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../src/elements/dom.ts"],"names":[],"mappings":"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"}

package/dist/elements/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @module elements
+ * Web components for Weave, usable from any framework or none. Importing this
+ * registers them.
+ *
+ * - `<weave-auth>` — the sign-in flow: where the data lives, which account,
+ *   the ways into it. Fires `weave-session` when someone signs in or out.
+ */
+export { WeaveAuthElement, defineWeaveAuth } from './weave-auth.js';
+export type { WeaveSessionEventDetail } from './weave-auth.js';
+export { createWeaveAuth } from '../session/auth.js';
+export type { WeaveAuth, WeaveAuthConfig, AuthState, WeaveSession } from '../session/auth.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/elements/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACpE,YAAY,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/elements/index.js

@@ -0,0 +1,11 @@
+/**
+ * @module elements
+ * Web components for Weave, usable from any framework or none. Importing this
+ * registers them.
+ *
+ * - `<weave-auth>` — the sign-in flow: where the data lives, which account,
+ *   the ways into it. Fires `weave-session` when someone signs in or out.
+ */
+export { WeaveAuthElement, defineWeaveAuth } from './weave-auth.js';
+export { createWeaveAuth } from '../session/auth.js';
+//# sourceMappingURL=index.js.map

package/dist/elements/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/elements/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/elements/weave-auth.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @module elements/weave-auth
+ * `<weave-auth>`: the whole sign-in flow as one element.
+ *
+ * ```html
+ * <weave-auth app-name="Todo" relays="wss://relay.example"></weave-auth>
+ * <script type="module">
+ *   import '@weaveprotocol/core/elements';
+ *   document.querySelector('weave-auth').addEventListener('weave-session', (event) => {
+ *     const session = event.detail.session;   // null when signed out
+ *     if (session) start(session.node);
+ *   });
+ * </script>
+ * ```
+ *
+ * Or hand it a flow you made yourself, to share it with the rest of the page:
+ * `element.auth = createWeaveAuth({ … })`.
+ *
+ * It draws into its own light DOM, not a shadow root, on purpose: password
+ * managers find and fill forms in the page far more reliably than forms inside
+ * a shadow root, and the account password living in a password manager is the
+ * point of the whole design. Its styles are scoped to the element instead.
+ *
+ * It fills whatever box it is put in — a page, a modal, a panel — and draws
+ * nothing once signed in; the host decides what happens then.
+ */
+import { type WeaveAuth, type WeaveSession } from '../session/auth.js';
+/** What `weave-session` carries */
+export interface WeaveSessionEventDetail {
+    readonly session: WeaveSession | null;
+}
+declare const Base: typeof HTMLElement;
+export declare class WeaveAuthElement extends Base {
+    #private;
+    /** The flow this element draws. Set it to share one with the rest of the page; otherwise one is made from the attributes. */
+    get auth(): WeaveAuth;
+    set auth(auth: WeaveAuth);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+/** Registers `<weave-auth>`, once. Importing this module does it for you. */
+export declare function defineWeaveAuth(tag?: string): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'weave-auth': WeaveAuthElement;
+    }
+    interface HTMLElementEventMap {
+        'weave-session': CustomEvent<WeaveSessionEventDetail>;
+    }
+}
+export {};
+//# sourceMappingURL=weave-auth.d.ts.map

package/dist/elements/weave-auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weave-auth.d.ts","sourceRoot":"","sources":["../../src/elements/weave-auth.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAmD,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOxH,mCAAmC;AACnC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,IAAI,EAA2C,OAAO,WAAW,CAAC;AAyGxE,qBAAa,gBAAiB,SAAQ,IAAI;;IAYxC,6HAA6H;IAC7H,IAAI,IAAI,IAAI,SAAS,CASpB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,SAAS,EAIvB;IAED,iBAAiB,IAAI,IAAI;IAazB,oBAAoB,IAAI,IAAI;CAygB7B;AAED,6EAA6E;AAC7E,wBAAgB,eAAe,CAAC,GAAG,SAAe,GAAG,IAAI,CAGxD;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;IACD,UAAU,mBAAmB;QAC3B,eAAe,EAAE,WAAW,CAAC,uBAAuB,CAAC,CAAC;KACvD;CACF"}