@dogsbay/elements 0.2.0-beta.115 → 0.2.0-beta.116

package/dist/chunk-SLJG53M7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-dialog.ts"],"sourcesContent":["import { FocusTrap } from \"@dogsbay/primitives/focus-trap\";\nimport { ScrollLock } from \"@dogsbay/primitives/scroll-lock\";\nimport { DismissController } from \"@dogsbay/primitives/dismiss\";\nimport { markOthersInert } from \"@dogsbay/primitives/inert\";\nimport { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\nimport { afterAnimations, ownOne, resolveAsChild, uid } from \"./utils.js\";\n\nexport type DialogCloseReason = \"escape-key\" | \"outside-press\" | \"close-press\" | \"trigger-press\" | \"api\";\n\n/**\n * `<db-dialog>` — Modal dialog (WAI-ARIA APG \"Dialog (Modal)\").\n *\n * Same parts as the Astro Dialog. When `[data-part=\"content\"]` is a native\n * `<dialog>`, it opens with `showModal()`: the browser puts it in the top\n * layer, makes the rest of the page inert and handles Escape. Otherwise the\n * content is a positioned element and the primitives do that work\n * (FocusTrap, markOthersInert, ScrollLock, DismissController). Content is\n * never moved out of the element, so nested elements keep working.\n *\n * Attributes:\n *   open                  — open on connect\n *   dismissible=\"false\"   — ignore Escape and outside clicks\n *\n * Parts:\n *   [data-part=\"trigger\"]      — opens (optional; `data-as-child` supported)\n *   [data-part=\"content\"]      — `<dialog>` (recommended) or any element\n *   [data-part=\"backdrop\"]     — overlay for non-native content\n *   [data-part=\"title\"]        — becomes aria-labelledby\n *   [data-part=\"description\"]  — becomes aria-describedby\n *   [data-part=\"close\"]        — closes\n *\n * External triggers: any element with `data-dialog-for=\"<id>\"`, where the id\n * is the element's or the content's, opens it from anywhere on the page.\n *\n * Events: db-dialog:open, db-dialog:close (detail: { reason })\n */\nexport class DbDialog extends DogsbayElement {\n  content: HTMLElement | null = null;\n  private backdrop: HTMLElement | null = null;\n  private trigger: HTMLElement | null = null;\n  private native = false;\n  private _open = false;\n  private openedBy: HTMLElement | null = null;\n  private focusTrap: FocusTrap | null = null;\n  private dismiss: DismissController | null = null;\n  private cleanupInert: (() => void) | null = null;\n\n  get open(): boolean {\n    return this._open;\n  }\n\n  private get dismissible(): boolean {\n    return this.getAttribute(\"dismissible\") !== \"false\";\n  }\n\n  private onTriggerClick = (e: Event) => {\n    e.preventDefault();\n    this.toggle(e.currentTarget as HTMLElement);\n  };\n\n  private onHostClick = (e: Event) => {\n    const close = (e.target as HTMLElement).closest(\"[data-part='close']\");\n    if (close && close.closest(\"db-dialog\") === this) this.close(\"close-press\");\n  };\n\n  private onDocumentClick = (e: Event) => {\n    const ext = (e.target as HTMLElement).closest?.(\"[data-dialog-for]\") as HTMLElement | null;\n    if (!ext || ext === this.trigger) return;\n    const target = ext.getAttribute(\"data-dialog-for\");\n    if (target && (target === this.id || target === this.content?.id)) {\n      e.preventDefault();\n      this.toggle(ext);\n    }\n  };\n\n  // Native <dialog>: Escape fires \"cancel\".\n  private onCancel = (e: Event) => {\n    e.preventDefault();\n    if (this.dismissible) this.close(\"escape-key\");\n  };\n\n  // Native <dialog>: a click on the ::backdrop targets the dialog itself.\n  private onNativeClick = (e: MouseEvent) => {\n    if (!this.dismissible || e.target !== this.content || !this.content) return;\n    const r = this.content.getBoundingClientRect();\n    const inside = e.clientX >= r.left && e.clientX <= r.right && e.clientY >= r.top && e.clientY <= r.bottom;\n    if (!inside && (e.clientX !== 0 || e.clientY !== 0)) this.close(\"outside-press\");\n  };\n\n  // Native <dialog> closed by the platform (form method=\"dialog\").\n  private onNativeClose = () => {\n    if (this._open) this.finishClose(\"close-press\");\n  };\n\n  protected setup() {\n    this.content = ownOne(this, \"[data-part='content']\");\n    if (!this.content) return;\n    this.native = typeof HTMLDialogElement !== \"undefined\" && this.content instanceof HTMLDialogElement && typeof this.content.showModal === \"function\";\n    this.backdrop = ownOne(this, \"[data-part='backdrop']\");\n    this.trigger = resolveAsChild(ownOne(this, \"[data-part='trigger']\"));\n\n    const content = this.content;\n    if (!content.id) content.id = uid(\"db-dialog\");\n    if (!this.native) {\n      content.setAttribute(\"role\", content.getAttribute(\"role\") || \"dialog\");\n      content.setAttribute(\"aria-modal\", \"true\");\n      content.hidden = !this.hasAttribute(\"open\");\n      if (this.backdrop) this.backdrop.hidden = true;\n    }\n\n    const title = content.querySelector<HTMLElement>(\"[data-part='title']\");\n    if (title && !content.hasAttribute(\"aria-labelledby\") && !content.hasAttribute(\"aria-label\")) {\n      title.id ||= uid(\"db-dialog-title\");\n      content.setAttribute(\"aria-labelledby\", title.id);\n    }\n    const desc = content.querySelector<HTMLElement>(\"[data-part='description']\");\n    if (desc && !content.hasAttribute(\"aria-describedby\")) {\n      desc.id ||= uid(\"db-dialog-desc\");\n      content.setAttribute(\"aria-describedby\", desc.id);\n    }\n\n    for (const t of this.triggers()) this.prepareTrigger(t);\n    this.setState(\"closed\");\n\n    if (!this.native) {\n      this.focusTrap = new FocusTrap(content);\n      this.dismiss = new DismissController(content, {\n        onDismiss: (reason) => this.dismissible && this.close(reason),\n      });\n    }\n  }\n\n  protected connect() {\n    if (!this.content) return;\n    this.trigger?.addEventListener(\"click\", this.onTriggerClick);\n    this.addEventListener(\"click\", this.onHostClick);\n    document.addEventListener(\"click\", this.onDocumentClick);\n    if (this.native) {\n      this.content.addEventListener(\"cancel\", this.onCancel);\n      this.content.addEventListener(\"click\", this.onNativeClick as EventListener);\n      this.content.addEventListener(\"close\", this.onNativeClose);\n    }\n    // External triggers may come later in the document than the dialog.\n    queueMicrotask(() => {\n      if (!this.isConnected) return;\n      for (const t of this.triggers()) if (!t.hasAttribute(\"aria-controls\")) this.prepareTrigger(t);\n      if (this.hasAttribute(\"open\") && !this._open) this.show();\n    });\n  }\n\n  protected disconnect() {\n    this.trigger?.removeEventListener(\"click\", this.onTriggerClick);\n    this.removeEventListener(\"click\", this.onHostClick);\n    document.removeEventListener(\"click\", this.onDocumentClick);\n    if (this.content && this.native) {\n      this.content.removeEventListener(\"cancel\", this.onCancel);\n      this.content.removeEventListener(\"click\", this.onNativeClick as EventListener);\n      this.content.removeEventListener(\"close\", this.onNativeClose);\n    }\n    if (this._open) this.finishClose(\"api\", false);\n  }\n\n  /** Internal trigger plus every `[data-dialog-for]` pointing here. */\n  private triggers(): HTMLElement[] {\n    const out: HTMLElement[] = this.trigger ? [this.trigger] : [];\n    const ids = [this.id, this.content?.id].filter(Boolean);\n    for (const id of ids) document.querySelectorAll<HTMLElement>(`[data-dialog-for=\"${CSS.escape(id!)}\"]`).forEach((el) => out.push(el));\n    return out;\n  }\n\n  private prepareTrigger(t: HTMLElement) {\n    if (!t.hasAttribute(\"aria-haspopup\")) t.setAttribute(\"aria-haspopup\", \"dialog\");\n    t.setAttribute(\"aria-controls\", this.content!.id);\n    t.setAttribute(\"aria-expanded\", \"false\");\n  }\n\n  private setState(state: \"open\" | \"closed\") {\n    this.setAttribute(\"data-state\", state);\n    this.content?.setAttribute(\"data-state\", state);\n    this.backdrop?.setAttribute(\"data-state\", state);\n  }\n\n  toggle(opener?: HTMLElement) {\n    if (this._open) this.close(\"trigger-press\");\n    else this.show(opener);\n  }\n\n  show(opener?: HTMLElement) {\n    const content = this.content;\n    if (!content || this._open) return;\n    this._open = true;\n    this.openedBy = opener ?? (document.activeElement as HTMLElement | null) ?? this.trigger;\n    for (const t of this.triggers()) {\n      this.prepareTrigger(t);\n      t.setAttribute(\"aria-expanded\", \"true\");\n    }\n    ScrollLock.activate();\n    if (this.native) {\n      const d = content as HTMLDialogElement;\n      if (!d.open) d.showModal();\n    } else {\n      content.hidden = false;\n      if (this.backdrop) this.backdrop.hidden = false;\n      this.cleanupInert = markOthersInert(content);\n      this.focusTrap?.activate();\n      this.dismiss?.activate();\n    }\n    this.setState(\"open\");\n    this.dispatchEvent(new CustomEvent(\"db-dialog:open\", { bubbles: true }));\n  }\n\n  close(reason: DialogCloseReason = \"api\") {\n    if (!this._open) return;\n    this.finishClose(reason);\n  }\n\n  private finishClose(reason: DialogCloseReason, restoreFocus = true) {\n    const content = this.content!;\n    this._open = false;\n    this.setState(\"closed\");\n    for (const t of this.triggers()) t.setAttribute(\"aria-expanded\", \"false\");\n    ScrollLock.deactivate();\n    if (this.native) {\n      const d = content as HTMLDialogElement;\n      if (d.open) d.close();\n    } else {\n      this.dismiss?.deactivate();\n      this.focusTrap?.deactivate();\n      this.cleanupInert?.();\n      this.cleanupInert = null;\n      afterAnimations(content, () => {\n        if (this._open) return;\n        content.hidden = true;\n        if (this.backdrop) this.backdrop.hidden = true;\n      });\n    }\n    const back = this.openedBy;\n    this.openedBy = null;\n    if (restoreFocus && back && document.contains(back)) back.focus();\n    this.dispatchEvent(new CustomEvent(\"db-dialog:close\", { detail: { reason }, bubbles: true }));\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-dialog\")) {\n  customElements.define(\"db-dialog\", DbDialog);\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-RVJC6M2U.js → chunk-V4P3UR4I.js}

@@ -1,7 +1,7 @@
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-ABP4WEKU.js";
+} from "./chunk-K6DPDBAG.js";
 
 // src/db-code-block.ts
 var DbCodeBlock = class extends DogsbayElement {
@@ -88,4 +88,4 @@ if (!customElements.get("db-code-block")) {
 export {
   DbCodeBlock
 };
-//# sourceMappingURL=chunk-RVJC6M2U.js.map
+//# sourceMappingURL=chunk-V4P3UR4I.js.map

package/dist/{chunk-VJXEM5O6.js → chunk-VW7HZY2B.js}

@@ -1,7 +1,7 @@
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-ABP4WEKU.js";
+} from "./chunk-K6DPDBAG.js";
 
 // src/db-steps.ts
 var DbSteps = class extends DogsbayElement {
@@ -21,4 +21,4 @@ if (!customElements.get("db-steps")) {
 export {
   DbSteps
 };
-//# sourceMappingURL=chunk-VJXEM5O6.js.map
+//# sourceMappingURL=chunk-VW7HZY2B.js.map

package/dist/db-accordion.d.ts

@@ -1,4 +1,4 @@
-import { D as DogsbayElement } from './base-BtvRtAsC.js';
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
 
 /**
  * `<db-accordion>` — Accessible accordion with single/multiple mode.

package/dist/db-accordion.js

@@ -1,7 +1,7 @@
 import {
   DbAccordion
-} from "./chunk-IMW234S2.js";
-import "./chunk-ABP4WEKU.js";
+} from "./chunk-CLUADA3G.js";
+import "./chunk-K6DPDBAG.js";
 export {
   DbAccordion
 };

package/dist/db-card.d.ts

@@ -1,4 +1,4 @@
-import { D as DogsbayElement } from './base-BtvRtAsC.js';
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
 
 /**
  * `<db-card>` — Accessible content card with optional link behavior.

package/dist/db-card.js

@@ -1,7 +1,7 @@
 import {
   DbCard
-} from "./chunk-THLTJ2HB.js";
-import "./chunk-ABP4WEKU.js";
+} from "./chunk-ETBBSA3I.js";
+import "./chunk-K6DPDBAG.js";
 export {
   DbCard
 };

package/dist/db-code-block.d.ts

@@ -1,4 +1,4 @@
-import { D as DogsbayElement } from './base-BtvRtAsC.js';
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
 
 /**
  * `<db-code-block>` — Code block with copy-to-clipboard.

package/dist/db-code-block.js

@@ -1,7 +1,7 @@
 import {
   DbCodeBlock
-} from "./chunk-RVJC6M2U.js";
-import "./chunk-ABP4WEKU.js";
+} from "./chunk-V4P3UR4I.js";
+import "./chunk-K6DPDBAG.js";
 export {
   DbCodeBlock
 };

package/dist/db-collapsible.d.ts

@@ -1,4 +1,4 @@
-import { D as DogsbayElement } from './base-BtvRtAsC.js';
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
 
 /**
  * `<db-collapsible>` — Accessible expand/collapse panel.

package/dist/db-collapsible.js

@@ -1,7 +1,7 @@
 import {
   DbCollapsible
-} from "./chunk-5S2MMI3R.js";
-import "./chunk-ABP4WEKU.js";
+} from "./chunk-LAUNXWKJ.js";
+import "./chunk-K6DPDBAG.js";
 export {
   DbCollapsible
 };

package/dist/db-combobox.d.ts

@@ -0,0 +1,70 @@
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
+
+/**
+ * `<db-combobox>` — Editable combobox with a listbox (APG "Editable
+ * Combobox With List Autocomplete"). Focus stays in the input; the
+ * highlighted option is exposed with aria-activedescendant.
+ *
+ * Parts (same contract as the Astro Combobox):
+ *   [data-part="input"]    text input, role=combobox
+ *   [data-part="listbox"]  role=listbox
+ *   [data-part="option"]   role=option, data-value, data-disabled
+ *   [data-part="empty"]    shown when a query has no matches (optional)
+ *
+ * Attributes:
+ *   filter="contains"  (default) the element filters its own options by text
+ *   filter="none"      the page supplies options (search results); the element
+ *                      watches the listbox and manages highlight and ARIA
+ *   inline             the listbox is always shown (e.g. inside a search dialog);
+ *                      aria-expanded tracks whether it has options
+ *   no-autohighlight   do not highlight the first option when the list changes
+ *
+ * Choosing an option dispatches a cancelable `db-combobox:select`
+ * (detail: { value, text, option }). If not cancelled, a link option
+ * (`<a href data-part="option">`, the accessible shape for results that
+ * navigate: ARIA allows role=option on a link, but not a link inside an
+ * option) is followed; otherwise the input takes the option's text and
+ * `db-combobox:change` fires. Wrap link options in `<li role="none">`.
+ *
+ * Other events: db-combobox:update (detail: { count }) when the visible options change.
+ */
+declare class DbCombobox extends DogsbayElement {
+    private input;
+    private listbox;
+    private empty;
+    private _open;
+    private highlighted;
+    private observer;
+    private base;
+    private optionSeq;
+    get open(): boolean;
+    private get inline();
+    private get filtering();
+    /** All options, in order. Read live, so page-supplied results are always current. */
+    options(): HTMLElement[];
+    private visible;
+    protected setup(): void;
+    private prepareOptions;
+    private onInput;
+    private onFocus;
+    private onKey;
+    private onListClick;
+    private onListPointer;
+    private onListDown;
+    private onDocDown;
+    protected connect(): void;
+    protected disconnect(): void;
+    /** Re-scan options after the page replaced them (filter="none"). */
+    refresh(): void;
+    private onOptionsChanged;
+    private filter;
+    private syncExpanded;
+    show(): void;
+    hide(): void;
+    private highlight;
+    private clearHighlight;
+    /** Returns false when a `db-combobox:select` listener cancelled the choice. */
+    private choose;
+}
+
+export { DbCombobox };

package/dist/db-combobox.js

@@ -0,0 +1,9 @@
+import {
+  DbCombobox
+} from "./chunk-MAD6XJY4.js";
+import "./chunk-3AEQ6KHV.js";
+import "./chunk-K6DPDBAG.js";
+export {
+  DbCombobox
+};
+//# sourceMappingURL=db-combobox.js.map

package/dist/db-combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/db-dialog.d.ts

@@ -0,0 +1,62 @@
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
+
+type DialogCloseReason = "escape-key" | "outside-press" | "close-press" | "trigger-press" | "api";
+/**
+ * `<db-dialog>` — Modal dialog (WAI-ARIA APG "Dialog (Modal)").
+ *
+ * Same parts as the Astro Dialog. When `[data-part="content"]` is a native
+ * `<dialog>`, it opens with `showModal()`: the browser puts it in the top
+ * layer, makes the rest of the page inert and handles Escape. Otherwise the
+ * content is a positioned element and the primitives do that work
+ * (FocusTrap, markOthersInert, ScrollLock, DismissController). Content is
+ * never moved out of the element, so nested elements keep working.
+ *
+ * Attributes:
+ *   open                  — open on connect
+ *   dismissible="false"   — ignore Escape and outside clicks
+ *
+ * Parts:
+ *   [data-part="trigger"]      — opens (optional; `data-as-child` supported)
+ *   [data-part="content"]      — `<dialog>` (recommended) or any element
+ *   [data-part="backdrop"]     — overlay for non-native content
+ *   [data-part="title"]        — becomes aria-labelledby
+ *   [data-part="description"]  — becomes aria-describedby
+ *   [data-part="close"]        — closes
+ *
+ * External triggers: any element with `data-dialog-for="<id>"`, where the id
+ * is the element's or the content's, opens it from anywhere on the page.
+ *
+ * Events: db-dialog:open, db-dialog:close (detail: { reason })
+ */
+declare class DbDialog extends DogsbayElement {
+    content: HTMLElement | null;
+    private backdrop;
+    private trigger;
+    private native;
+    private _open;
+    private openedBy;
+    private focusTrap;
+    private dismiss;
+    private cleanupInert;
+    get open(): boolean;
+    private get dismissible();
+    private onTriggerClick;
+    private onHostClick;
+    private onDocumentClick;
+    private onCancel;
+    private onNativeClick;
+    private onNativeClose;
+    protected setup(): void;
+    protected connect(): void;
+    protected disconnect(): void;
+    /** Internal trigger plus every `[data-dialog-for]` pointing here. */
+    private triggers;
+    private prepareTrigger;
+    private setState;
+    toggle(opener?: HTMLElement): void;
+    show(opener?: HTMLElement): void;
+    close(reason?: DialogCloseReason): void;
+    private finishClose;
+}
+
+export { DbDialog, type DialogCloseReason };

package/dist/db-dialog.js

@@ -0,0 +1,9 @@
+import {
+  DbDialog
+} from "./chunk-SLJG53M7.js";
+import "./chunk-3AEQ6KHV.js";
+import "./chunk-K6DPDBAG.js";
+export {
+  DbDialog
+};
+//# sourceMappingURL=db-dialog.js.map

package/dist/db-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/db-link-button.d.ts

@@ -1,4 +1,4 @@
-import { D as DogsbayElement } from './base-BtvRtAsC.js';
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
 
 /**
  * `<db-link-button>` — Styled link that looks like a button.

package/dist/db-link-button.js

@@ -1,7 +1,7 @@
 import {
   DbLinkButton
-} from "./chunk-WTARNLNI.js";
-import "./chunk-ABP4WEKU.js";
+} from "./chunk-QSRUT67Y.js";
+import "./chunk-K6DPDBAG.js";
 export {
   DbLinkButton
 };

package/dist/db-nav-tree.d.ts

@@ -0,0 +1,83 @@
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
+
+/**
+ * [label, url, children?, noCurrent?]. `noCurrent` (1): never mark this link
+ * as the current page even when its URL matches — an alias (a link to a page
+ * that lives in another section) or a #section link. The server-rendered
+ * tree already leaves those unmarked; lazily built groups must agree.
+ */
+type NavData = [string, string | null, NavData[]?, 1?];
+/**
+ * `<db-nav-tree>` — Site navigation tree (APG "Disclosure Navigation").
+ *
+ * A section that is also a page gets a real link AND a separate toggle
+ * button as siblings — never a link inside `<summary>`, which is nested
+ * interactive content (axe `nested-interactive`). A section with no page
+ * is a single toggle button carrying the label. Every link stays in the
+ * normal Tab order; arrow keys are an extra shortcut, not a replacement.
+ *
+ * Server-rendered markup works without JavaScript: links navigate, and the
+ * branch to the current page is rendered open.
+ *
+ *   <db-nav-tree>
+ *     <ul data-part="list">
+ *       <li data-part="item" data-state="open">
+ *         <div data-part="row">
+ *           <button data-part="toggle" type="button" aria-expanded="true" aria-controls="g1" aria-label="Toggle Guides"></button>
+ *           <a data-part="link" href="guides/index.html">Guides</a>
+ *         </div>
+ *         <ul data-part="group" id="g1">…</ul>
+ *       </li>
+ *       <li data-part="item"><div data-part="row"><a data-part="link" href="faq.html" aria-current="page">FAQ</a></div></li>
+ *     </ul>
+ *   </db-nav-tree>
+ *
+ * Lazy sections: a group with `data-lazy` and `data-path="0.3"` is filled
+ * from `navData` (or the global named by `data-source`) the first time it
+ * opens. URLs in the data are prefixed with the `base` attribute.
+ *
+ * Attributes:
+ *   base            — prefix for data URLs (e.g. "../../")
+ *   data-source     — name of a window global holding NavData[]
+ *   toggle-label    — accessible name template, default "Toggle {label}"
+ *   scroll-current  — scroll the current page's link into view on connect
+ * Built items carry `style="--db-level:N"` (0 at the top) so CSS can indent
+ * them; server markup should set the same.
+ *
+ *   toggle-position — "start" (default) or "end": where lazily built rows put
+ *                     the toggle relative to the link. Match the server markup
+ *                     so DOM (and Tab) order follows the visual order.
+ *
+ * Keyboard (in addition to Tab): ArrowDown/ArrowUp move between visible
+ * rows, ArrowRight opens a section or moves into it, ArrowLeft closes it or
+ * moves to its parent, Home/End go to the first/last row.
+ *
+ * Events: db-nav-tree:toggle (detail: { item, open })
+ */
+declare class DbNavTree extends DogsbayElement {
+    /** Nav data for lazy sections. Falls back to `window[data-source]`. */
+    navData: NavData[] | null;
+    private onClick;
+    private onKey;
+    protected setup(): void;
+    protected connect(): void;
+    protected disconnect(): void;
+    private prepareItem;
+    private groupOf;
+    private toggleOf;
+    /** The row's main focus target: its link, or its toggle for a label-only section. */
+    private primary;
+    private visibleRows;
+    isOpen(item: HTMLElement): boolean;
+    toggle(item: HTMLElement): void;
+    setOpen(item: HTMLElement, open: boolean): void;
+    private apply;
+    /** Expand every section on the path to the current page. */
+    revealCurrent(): void;
+    private data;
+    /** Fill a lazy group from nav data. */
+    private fill;
+    private build;
+}
+
+export { DbNavTree, type NavData };

package/dist/db-nav-tree.js

@@ -0,0 +1,9 @@
+import {
+  DbNavTree
+} from "./chunk-S62ZVVO3.js";
+import "./chunk-3AEQ6KHV.js";
+import "./chunk-K6DPDBAG.js";
+export {
+  DbNavTree
+};
+//# sourceMappingURL=db-nav-tree.js.map

package/dist/db-nav-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/db-popover.d.ts

@@ -0,0 +1,42 @@
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
+
+/**
+ * `<db-popover>` — Non-modal floating panel (APG "Dialog", non-modal).
+ *
+ * Same parts as the Astro Popover. The content opens in the browser's top
+ * layer (Popover API) where available, so no ancestor's `overflow` clips it
+ * and it needs no portal, and floating-ui positions it next to the trigger.
+ *
+ * Attributes:
+ *   placement   — "bottom" (default), "top-start", … (or data-side/data-align on the content)
+ *   offset      — gap in px (default 8)
+ *   no-autofocus — keep focus on the trigger when opening
+ *
+ * Parts: [data-part="trigger"], [data-part="content"], [data-part="close"]
+ *
+ * Focus: opening moves focus to the first focusable element in the content.
+ * Escape and the close part return focus to the trigger; an outside click
+ * leaves focus where the user clicked.
+ *
+ * Events: db-popover:open, db-popover:close (detail: { reason })
+ */
+declare class DbPopover extends DogsbayElement {
+    private trigger;
+    private content;
+    private dismiss;
+    private cleanupFloating;
+    private _open;
+    get open(): boolean;
+    private onTriggerClick;
+    private onContentClick;
+    protected setup(): void;
+    protected connect(): void;
+    protected disconnect(): void;
+    private setState;
+    private placement;
+    toggle(): void;
+    show(): void;
+    close(reason?: string): void;
+}
+
+export { DbPopover };

package/dist/db-popover.js

@@ -0,0 +1,9 @@
+import {
+  DbPopover
+} from "./chunk-EGU66XCL.js";
+import "./chunk-3AEQ6KHV.js";
+import "./chunk-K6DPDBAG.js";
+export {
+  DbPopover
+};
+//# sourceMappingURL=db-popover.js.map

package/dist/db-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/db-select.d.ts

@@ -0,0 +1,72 @@
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
+
+/**
+ * `<db-select>` — Select-only combobox (APG "Select-Only Combobox").
+ *
+ * Two ways to use it:
+ *
+ * 1. The Astro Select parts (same contract as `ui/src/select`):
+ *      [data-part="trigger"]  button, role=combobox (focus stays here)
+ *      [data-part="value"]    shows the selected label (data-placeholder)
+ *      [data-part="content"]  role=listbox
+ *      [data-part="item"]     role=option, data-value, aria-disabled
+ *      [data-part="group"] / [data-part="label"]
+ *
+ * 2. Progressive enhancement of a native `<select>` inside the element.
+ *    The element builds the parts from its options, keeps the native
+ *    select in sync (hidden, still submitted with forms) and dispatches a
+ *    native `change` on it, so existing listeners keep working. With no
+ *    JavaScript the native select is what the user gets.
+ *
+ * The listbox opens in the top layer where supported. Focus never leaves
+ * the trigger: the highlighted option is exposed with aria-activedescendant.
+ *
+ * Attributes: name, default-value, required, disabled
+ * Events: db-select:change (detail: { value })
+ */
+declare class DbSelect extends DogsbayElement {
+    private trigger;
+    private content;
+    private valueEl;
+    private items;
+    private nativeSelect;
+    private hiddenInput;
+    private labelEl;
+    private onLabelClick;
+    private dismiss;
+    private typeahead;
+    private cleanupFloating;
+    private _open;
+    private _value;
+    private highlighted;
+    get open(): boolean;
+    get value(): string;
+    set value(v: string);
+    /** Disabled when the host or the enhanced native select is. */
+    private get isDisabled();
+    private syncing;
+    /** Re-read the native select's value (after script changes it or a form reset). */
+    refresh(): void;
+    private onNativeChange;
+    private onFormReset;
+    private enabled;
+    protected setup(): void;
+    /** Build the trigger and listbox from a native <select>, and hide it. */
+    private buildFromNative;
+    private onTriggerClick;
+    private onTriggerKeyUp;
+    private onTriggerKey;
+    private onListClick;
+    private onListPointer;
+    protected connect(): void;
+    protected disconnect(): void;
+    private preventBlur;
+    private setState;
+    show(): void;
+    /** Close the listbox. `refocus` is false for outside presses, which keep focus where the user clicked. */
+    close(refocus?: boolean): void;
+    private highlight;
+    private select;
+}
+
+export { DbSelect };

package/dist/db-select.js

@@ -0,0 +1,9 @@
+import {
+  DbSelect
+} from "./chunk-3FMXAKOU.js";
+import "./chunk-3AEQ6KHV.js";
+import "./chunk-K6DPDBAG.js";
+export {
+  DbSelect
+};
+//# sourceMappingURL=db-select.js.map

package/dist/db-select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/db-steps.d.ts

@@ -1,4 +1,4 @@
-import { D as DogsbayElement } from './base-BtvRtAsC.js';
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
 
 /**
  * `<db-steps>` — Accessible step-by-step list.

package/dist/db-steps.js

@@ -1,7 +1,7 @@
 import {
   DbSteps
-} from "./chunk-VJXEM5O6.js";
-import "./chunk-ABP4WEKU.js";
+} from "./chunk-VW7HZY2B.js";
+import "./chunk-K6DPDBAG.js";
 export {
   DbSteps
 };

package/dist/db-tabs.d.ts

@@ -1,4 +1,4 @@
-import { D as DogsbayElement } from './base-BtvRtAsC.js';
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
 
 /**
  * `<db-tabs>` — Accessible tabbed interface.
@@ -25,6 +25,13 @@ declare class DbTabs extends DogsbayElement {
     private syncKey;
     private orientation;
     private handleClick;
+    /**
+     * A synced group follows only a value it HAS. Groups sharing a key need
+     * not share a tab set (a web-only snippet group beside an all-SDK one), and
+     * selecting a value with no trigger here left the group with every panel
+     * hidden and no tab selected.
+     */
+    private has;
     private handleStorage;
     private handleSyncEvent;
     /**

package/dist/db-tabs.js

@@ -1,7 +1,7 @@
 import {
   DbTabs
-} from "./chunk-ZLIF4UYD.js";
-import "./chunk-ABP4WEKU.js";
+} from "./chunk-4YPDR3W6.js";
+import "./chunk-K6DPDBAG.js";
 export {
   DbTabs
 };

package/dist/db-toc.d.ts

@@ -0,0 +1,32 @@
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
+
+/**
+ * `<db-toc>` — "On this page" links that follow the reader (scroll spy).
+ *
+ * Wraps plain in-page links, so it works as a list of links without
+ * JavaScript. The link for the section in view gets `aria-current="location"`
+ * and `data-active` (the Astro TableOfContents contract).
+ *
+ * Links: `a[href^="#"]`, or `[data-toc-link][data-toc-slug]` as in the Astro component.
+ *
+ * Attributes:
+ *   offset — px hidden under a sticky header (default 80)
+ *
+ * Events: db-toc:change (detail: { id })
+ */
+declare class DbToc extends DogsbayElement {
+    private links;
+    private headings;
+    private observer;
+    private active;
+    private slugOf;
+    private onScroll;
+    protected setup(): void;
+    private onHash;
+    protected connect(): void;
+    protected disconnect(): void;
+    private lastAbove;
+    private setActive;
+}
+
+export { DbToc };

package/dist/db-toc.js

@@ -0,0 +1,8 @@
+import {
+  DbToc
+} from "./chunk-FIJZRZEN.js";
+import "./chunk-K6DPDBAG.js";
+export {
+  DbToc
+};
+//# sourceMappingURL=db-toc.js.map