@dogsbay/elements 0.2.0-beta.96 → 0.2.0-beta.98

package/dist/{chunk-TTNTPXBA.js → chunk-5S2MMI3R.js}

@@ -1,6 +1,7 @@
 import {
-  DogsbayElement
-} from "./chunk-XBMLE4N3.js";
+  DogsbayElement,
+  ensureDefaultDisplay
+} from "./chunk-ABP4WEKU.js";
 
 // src/db-collapsible.ts
 import { Collapsible } from "@dogsbay/primitives/collapsible";
@@ -36,6 +37,7 @@ var DbCollapsible = class extends DogsbayElement {
     }
   }
 };
+ensureDefaultDisplay();
 if (!customElements.get("db-collapsible")) {
   customElements.define("db-collapsible", DbCollapsible);
 }
@@ -43,4 +45,4 @@ if (!customElements.get("db-collapsible")) {
 export {
   DbCollapsible
 };
-//# sourceMappingURL=chunk-TTNTPXBA.js.map
+//# sourceMappingURL=chunk-5S2MMI3R.js.map

package/dist/chunk-5S2MMI3R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-collapsible.ts"],"sourcesContent":["import { Collapsible } from \"@dogsbay/primitives/collapsible\";\nimport { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\n\n/**\n * `<db-collapsible>` — Accessible expand/collapse panel.\n *\n * Attributes:\n *   default-open  — start expanded\n *   disabled      — prevent toggling\n *\n * Children:\n *   [data-part=\"trigger\"]  — toggle button\n *   [data-part=\"content\"]  — collapsible panel\n *\n * Events:\n *   db-collapsible:toggle — fired on state change, detail: { open }\n */\nexport class DbCollapsible extends DogsbayElement {\n  private collapsible: Collapsible | null = null;\n\n  protected setup() {\n    const trigger = this.querySelector<HTMLElement>(\"[data-part='trigger']\");\n    const content = this.querySelector<HTMLElement>(\"[data-part='content']\");\n    if (!trigger || !content) return;\n\n    const disabled = this.hasAttribute(\"disabled\");\n    if (disabled) {\n      trigger.setAttribute(\"disabled\", \"\");\n      trigger.setAttribute(\"aria-disabled\", \"true\");\n    }\n\n    this.collapsible = new Collapsible(trigger, content, {\n      onToggle: (open) => {\n        this.setAttribute(\"data-state\", open ? \"open\" : \"closed\");\n        content.setAttribute(\"data-state\", open ? \"open\" : \"closed\");\n        this.dispatchEvent(\n          new CustomEvent(\"db-collapsible:toggle\", {\n            detail: { open },\n            bubbles: true,\n          }),\n        );\n      },\n    });\n\n    if (this.hasAttribute(\"default-open\")) {\n      this.collapsible.expand();\n      content.setAttribute(\"data-state\", \"open\");\n    } else {\n      this.setAttribute(\"data-state\", \"closed\");\n      content.setAttribute(\"data-state\", \"closed\");\n    }\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-collapsible\")) {\n  customElements.define(\"db-collapsible\", DbCollapsible);\n}\n"],"mappings":";;;;;;AAAA,SAAS,mBAAmB;AAiBrB,IAAM,gBAAN,cAA4B,eAAe;AAAA,EACxC,cAAkC;AAAA,EAEhC,QAAQ;AAChB,UAAM,UAAU,KAAK,cAA2B,uBAAuB;AACvE,UAAM,UAAU,KAAK,cAA2B,uBAAuB;AACvE,QAAI,CAAC,WAAW,CAAC,QAAS;AAE1B,UAAM,WAAW,KAAK,aAAa,UAAU;AAC7C,QAAI,UAAU;AACZ,cAAQ,aAAa,YAAY,EAAE;AACnC,cAAQ,aAAa,iBAAiB,MAAM;AAAA,IAC9C;AAEA,SAAK,cAAc,IAAI,YAAY,SAAS,SAAS;AAAA,MACnD,UAAU,CAAC,SAAS;AAClB,aAAK,aAAa,cAAc,OAAO,SAAS,QAAQ;AACxD,gBAAQ,aAAa,cAAc,OAAO,SAAS,QAAQ;AAC3D,aAAK;AAAA,UACH,IAAI,YAAY,yBAAyB;AAAA,YACvC,QAAQ,EAAE,KAAK;AAAA,YACf,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF,CAAC;AAED,QAAI,KAAK,aAAa,cAAc,GAAG;AACrC,WAAK,YAAY,OAAO;AACxB,cAAQ,aAAa,cAAc,MAAM;AAAA,IAC3C,OAAO;AACL,WAAK,aAAa,cAAc,QAAQ;AACxC,cAAQ,aAAa,cAAc,QAAQ;AAAA,IAC7C;AAAA,EACF;AACF;AAEA,qBAAqB;AAErB,IAAI,CAAC,eAAe,IAAI,gBAAgB,GAAG;AACzC,iBAAe,OAAO,kBAAkB,aAAa;AACvD;","names":[]}

package/dist/chunk-ABP4WEKU.js

@@ -0,0 +1,49 @@
+// src/base.ts
+var DogsbayElement = class extends HTMLElement {
+  _initialized = false;
+  connectedCallback() {
+    if (!this._initialized) {
+      this.setup();
+      this._initialized = true;
+    }
+    this.connect();
+  }
+  disconnectedCallback() {
+    this.disconnect();
+  }
+  /** One-time setup: query children, generate IDs, set ARIA. */
+  setup() {
+  }
+  /** Called on every connect: attach event listeners. */
+  connect() {
+  }
+  /** Called on every disconnect: remove event listeners. */
+  disconnect() {
+  }
+};
+var DEFAULT_DISPLAY = {
+  "db-tabs": "block",
+  "db-accordion": "block",
+  "db-collapsible": "block",
+  "db-card": "block",
+  "db-steps": "block",
+  "db-code-block": "block",
+  // A link styled as a button — sits in a line of prose.
+  "db-link-button": "inline-block"
+};
+var STYLE_ID = "dogsbay-elements-display";
+function ensureDefaultDisplay() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(STYLE_ID)) return;
+  const rules = Object.entries(DEFAULT_DISPLAY).map(([tag, display]) => `:where(${tag}){display:${display}}`).join("");
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = rules;
+  document.head.prepend(style);
+}
+
+export {
+  DogsbayElement,
+  ensureDefaultDisplay
+};
+//# sourceMappingURL=chunk-ABP4WEKU.js.map

package/dist/chunk-ABP4WEKU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/base.ts"],"sourcesContent":["/**\n * Base class for Dogsbay custom elements.\n *\n * Handles the connect/disconnect lifecycle and ensures one-time setup\n * runs only once even when Obsidian's virtual scrolling removes and\n * re-adds elements to the DOM.\n */\nexport abstract class DogsbayElement extends HTMLElement {\n  private _initialized = false;\n\n  connectedCallback() {\n    if (!this._initialized) {\n      this.setup();\n      this._initialized = true;\n    }\n    this.connect();\n  }\n\n  disconnectedCallback() {\n    this.disconnect();\n  }\n\n  /** One-time setup: query children, generate IDs, set ARIA. */\n  protected setup() {}\n\n  /** Called on every connect: attach event listeners. */\n  protected connect() {}\n\n  /** Called on every disconnect: remove event listeners. */\n  protected disconnect() {}\n}\n\n/**\n * Default `display` for each element.\n *\n * Custom elements have NO user-agent style, so an unstyled one is\n * `display: inline`. That is silently wrong for a container: `w-full`\n * does nothing on an inline box, and a border renders as detached\n * fragments at the start and end of the inline run rather than around\n * the content.\n *\n * `<db-tabs>` carries `border rounded-lg overflow-hidden w-full` from\n * Tabs.astro, so it showed short vertical bars above and below every\n * tab group on every generated site. The other six had the same defect\n * without a border to make it visible.\n */\nconst DEFAULT_DISPLAY: Record<string, string> = {\n  \"db-tabs\": \"block\",\n  \"db-accordion\": \"block\",\n  \"db-collapsible\": \"block\",\n  \"db-card\": \"block\",\n  \"db-steps\": \"block\",\n  \"db-code-block\": \"block\",\n  // A link styled as a button — sits in a line of prose.\n  \"db-link-button\": \"inline-block\",\n};\n\nconst STYLE_ID = \"dogsbay-elements-display\";\n\n/**\n * Give the elements a sane default `display`.\n *\n * Injected from here rather than shipped as CSS because a Dogsbay site\n * scaffolds `global.css` ONCE and copies UI components as source — so\n * neither updates when a package does. The element JS is the only part\n * of an existing site that a version bump actually reaches.\n *\n * `:where()` keeps specificity at zero, so ANY author rule or utility\n * class overrides it — this sets a default, it does not win arguments.\n *\n * Idempotent: safe to call from every element module, and Obsidian's\n * virtual scrolling re-registers freely.\n */\nexport function ensureDefaultDisplay(): void {\n  if (typeof document === \"undefined\") return;\n  if (document.getElementById(STYLE_ID)) return;\n\n  const rules = Object.entries(DEFAULT_DISPLAY)\n    .map(([tag, display]) => `:where(${tag}){display:${display}}`)\n    .join(\"\");\n\n  const style = document.createElement(\"style\");\n  style.id = STYLE_ID;\n  style.textContent = rules;\n  // Prepend so a later author stylesheet wins on equal specificity.\n  document.head.prepend(style);\n}\n"],"mappings":";AAOO,IAAe,iBAAf,cAAsC,YAAY;AAAA,EAC/C,eAAe;AAAA,EAEvB,oBAAoB;AAClB,QAAI,CAAC,KAAK,cAAc;AACtB,WAAK,MAAM;AACX,WAAK,eAAe;AAAA,IACtB;AACA,SAAK,QAAQ;AAAA,EACf;AAAA,EAEA,uBAAuB;AACrB,SAAK,WAAW;AAAA,EAClB;AAAA;AAAA,EAGU,QAAQ;AAAA,EAAC;AAAA;AAAA,EAGT,UAAU;AAAA,EAAC;AAAA;AAAA,EAGX,aAAa;AAAA,EAAC;AAC1B;AAgBA,IAAM,kBAA0C;AAAA,EAC9C,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,iBAAiB;AAAA;AAAA,EAEjB,kBAAkB;AACpB;AAEA,IAAM,WAAW;AAgBV,SAAS,uBAA6B;AAC3C,MAAI,OAAO,aAAa,YAAa;AACrC,MAAI,SAAS,eAAe,QAAQ,EAAG;AAEvC,QAAM,QAAQ,OAAO,QAAQ,eAAe,EACzC,IAAI,CAAC,CAAC,KAAK,OAAO,MAAM,UAAU,GAAG,aAAa,OAAO,GAAG,EAC5D,KAAK,EAAE;AAEV,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,KAAK;AACX,QAAM,cAAc;AAEpB,WAAS,KAAK,QAAQ,KAAK;AAC7B;","names":[]}

package/dist/{chunk-7M7SFLKN.js → chunk-IMW234S2.js}

@@ -1,6 +1,7 @@
 import {
-  DogsbayElement
-} from "./chunk-XBMLE4N3.js";
+  DogsbayElement,
+  ensureDefaultDisplay
+} from "./chunk-ABP4WEKU.js";
 
 // src/db-accordion.ts
 import { CompositeNavigation } from "@dogsbay/primitives/composite";
@@ -85,6 +86,7 @@ var DbAccordion = class extends DogsbayElement {
     );
   }
 };
+ensureDefaultDisplay();
 if (!customElements.get("db-accordion")) {
   customElements.define("db-accordion", DbAccordion);
 }
@@ -92,4 +94,4 @@ if (!customElements.get("db-accordion")) {
 export {
   DbAccordion
 };
-//# sourceMappingURL=chunk-7M7SFLKN.js.map
+//# sourceMappingURL=chunk-IMW234S2.js.map

package/dist/chunk-IMW234S2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-accordion.ts"],"sourcesContent":["import { CompositeNavigation } from \"@dogsbay/primitives/composite\";\nimport { Collapsible } from \"@dogsbay/primitives/collapsible\";\nimport { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\n\ninterface AccordionItem {\n  el: HTMLElement;\n  value: string;\n  collapsible: Collapsible;\n  disabled: boolean;\n}\n\n/**\n * `<db-accordion>` — Accessible accordion with single/multiple mode.\n *\n * Attributes:\n *   type           — \"single\" (default) or \"multiple\"\n *   default-value  — comma-separated values to open initially\n *\n * Children:\n *   [data-part=\"item\"] with data-value  — accordion items\n *   [data-part=\"trigger\"]               — toggle button (inside item)\n *   [data-part=\"content\"]               — collapsible panel (inside item)\n *\n * Events:\n *   db-accordion:change — detail: { value, open, openValues }\n */\nexport class DbAccordion extends DogsbayElement {\n  private items: AccordionItem[] = [];\n  private nav: CompositeNavigation | null = null;\n  private openValues = new Set<string>();\n  private type: \"single\" | \"multiple\" = \"single\";\n\n  protected setup() {\n    this.type =\n      (this.getAttribute(\"type\") as \"single\" | \"multiple\") || \"single\";\n    const defaultStr = this.getAttribute(\"default-value\") || \"\";\n    const defaultValues = defaultStr ? defaultStr.split(\",\") : [];\n\n    const itemEls = Array.from(\n      this.querySelectorAll(\"[data-part='item']\"),\n    ) as HTMLElement[];\n\n    this.items = itemEls\n      .map((el) => {\n        const trigger = el.querySelector<HTMLElement>(\"[data-part='trigger']\");\n        const content = el.querySelector<HTMLElement>(\"[data-part='content']\");\n        if (!trigger || !content) return null;\n\n        const value = el.dataset.value || \"\";\n        const disabled = el.hasAttribute(\"data-disabled\");\n\n        if (disabled) {\n          trigger.setAttribute(\"disabled\", \"\");\n          trigger.setAttribute(\"aria-disabled\", \"true\");\n        }\n\n        const collapsible = new Collapsible(trigger, content, {\n          onToggle: (open) => {\n            if (open) {\n              this.onItemExpanded(value);\n            } else {\n              this.onItemCollapsed(value);\n            }\n          },\n        });\n\n        return { el, value, collapsible, disabled };\n      })\n      .filter(Boolean) as AccordionItem[];\n\n    // Keyboard navigation on triggers\n    this.nav = new CompositeNavigation(this, \"[data-part='trigger']\", {\n      orientation: \"vertical\",\n      loop: true,\n      homeEnd: true,\n    });\n\n    this.nav.activate();\n\n    // Set initial tabindex for roving\n    this.items.forEach((item, i) => {\n      item.collapsible.trigger.setAttribute(\"tabindex\", i === 0 ? \"0\" : \"-1\");\n    });\n\n    // Set initial open state\n    defaultValues.forEach((value) => {\n      const item = this.items.find((i) => i.value === value && !i.disabled);\n      if (item) {\n        item.collapsible.expand();\n      }\n    });\n  }\n\n  private onItemExpanded(value: string) {\n    // In single mode, collapse all others\n    if (this.type === \"single\") {\n      for (const openValue of this.openValues) {\n        if (openValue !== value) {\n          const other = this.items.find((i) => i.value === openValue);\n          if (other) other.collapsible.collapse();\n        }\n      }\n    }\n\n    this.openValues.add(value);\n    const item = this.items.find((i) => i.value === value);\n    if (item) item.el.setAttribute(\"data-state\", \"open\");\n\n    this.dispatchEvent(\n      new CustomEvent(\"db-accordion:change\", {\n        detail: { value, open: true, openValues: [...this.openValues] },\n        bubbles: true,\n      }),\n    );\n  }\n\n  private onItemCollapsed(value: string) {\n    this.openValues.delete(value);\n    const item = this.items.find((i) => i.value === value);\n    if (item) item.el.removeAttribute(\"data-state\");\n\n    this.dispatchEvent(\n      new CustomEvent(\"db-accordion:change\", {\n        detail: { value, open: false, openValues: [...this.openValues] },\n        bubbles: true,\n      }),\n    );\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-accordion\")) {\n  customElements.define(\"db-accordion\", DbAccordion);\n}\n"],"mappings":"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","names":[]}

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

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

package/dist/chunk-RVJC6M2U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-code-block.ts"],"sourcesContent":["import { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\n\n/**\n * `<db-code-block>` — Code block with copy-to-clipboard.\n *\n * Attributes:\n *   data-copy-text — raw code text to copy (preferred over parsing DOM)\n *\n * Children:\n *   [data-part=\"header\"]     — header bar (optional)\n *   [data-part=\"label\"]      — title/language label (inside header, optional)\n *   [data-part=\"copy\"]       — copy button\n *   [data-part=\"copy-icon\"]  — copy icon SVG (inside copy button)\n *   [data-part=\"check-icon\"] — check icon SVG (inside copy button, starts hidden)\n *   [data-part=\"code\"]       — code content container\n *\n * Events:\n *   db-code-block:copied — fired after successful copy, detail: { text }\n */\nexport class DbCodeBlock extends DogsbayElement {\n  private copyBtn: HTMLElement | null = null;\n  private copyIcon: HTMLElement | null = null;\n  private checkIcon: HTMLElement | null = null;\n  private liveRegion: HTMLElement | null = null;\n  private resetTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  private handleCopy = async () => {\n    const text = this.getCopyText();\n    if (!text) return;\n\n    try {\n      await navigator.clipboard.writeText(text);\n      this.showCopiedFeedback();\n\n      this.dispatchEvent(\n        new CustomEvent(\"db-code-block:copied\", {\n          detail: { text },\n          bubbles: true,\n        }),\n      );\n    } catch {\n      // Clipboard API unavailable or denied — fail silently\n    }\n  };\n\n  protected setup() {\n    this.copyBtn = this.querySelector(\"[data-part='copy']\");\n    this.copyIcon = this.querySelector(\"[data-part='copy-icon']\");\n    this.checkIcon = this.querySelector(\"[data-part='check-icon']\");\n\n    // Ensure copy button has accessible label\n    if (this.copyBtn && !this.copyBtn.hasAttribute(\"aria-label\")) {\n      this.copyBtn.setAttribute(\"aria-label\", \"Copy code\");\n    }\n\n    // Create aria-live region for screen reader announcements\n    this.liveRegion = document.createElement(\"span\");\n    this.liveRegion.setAttribute(\"aria-live\", \"polite\");\n    this.liveRegion.setAttribute(\"role\", \"status\");\n    this.liveRegion.className = \"sr-only\";\n    this.liveRegion.style.position = \"absolute\";\n    this.liveRegion.style.width = \"1px\";\n    this.liveRegion.style.height = \"1px\";\n    this.liveRegion.style.overflow = \"hidden\";\n    this.liveRegion.style.clip = \"rect(0, 0, 0, 0)\";\n    this.liveRegion.style.whiteSpace = \"nowrap\";\n    this.appendChild(this.liveRegion);\n  }\n\n  protected connect() {\n    this.copyBtn?.addEventListener(\"click\", this.handleCopy);\n  }\n\n  protected disconnect() {\n    this.copyBtn?.removeEventListener(\"click\", this.handleCopy);\n    this.clearResetTimeout();\n  }\n\n  private getCopyText(): string {\n    // Prefer explicit attribute (set by the processor with raw code)\n    const attrText = this.getAttribute(\"data-copy-text\");\n    if (attrText) return attrText;\n\n    // Fallback: extract text from the code container\n    const codeEl = this.querySelector(\"[data-part='code'] code\") as HTMLElement | null;\n    if (codeEl) return codeEl.textContent ?? \"\";\n\n    const codeContainer = this.querySelector(\"[data-part='code']\") as HTMLElement | null;\n    return codeContainer?.textContent ?? \"\";\n  }\n\n  private showCopiedFeedback() {\n    this.clearResetTimeout();\n\n    // Swap icons\n    if (this.copyIcon) this.copyIcon.hidden = true;\n    if (this.checkIcon) this.checkIcon.hidden = false;\n\n    // Visual state\n    this.setAttribute(\"data-state\", \"copied\");\n\n    // Screen reader announcement\n    if (this.liveRegion) this.liveRegion.textContent = \"Copied!\";\n\n    // Revert after 2 seconds\n    this.resetTimeout = setTimeout(() => {\n      if (this.copyIcon) this.copyIcon.hidden = false;\n      if (this.checkIcon) this.checkIcon.hidden = true;\n      this.removeAttribute(\"data-state\");\n      if (this.liveRegion) this.liveRegion.textContent = \"\";\n      this.resetTimeout = null;\n    }, 2000);\n  }\n\n  private clearResetTimeout() {\n    if (this.resetTimeout !== null) {\n      clearTimeout(this.resetTimeout);\n      this.resetTimeout = null;\n    }\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-code-block\")) {\n  customElements.define(\"db-code-block\", DbCodeBlock);\n}\n"],"mappings":";;;;;;AAmBO,IAAM,cAAN,cAA0B,eAAe;AAAA,EACtC,UAA8B;AAAA,EAC9B,WAA+B;AAAA,EAC/B,YAAgC;AAAA,EAChC,aAAiC;AAAA,EACjC,eAAqD;AAAA,EAErD,aAAa,YAAY;AAC/B,UAAM,OAAO,KAAK,YAAY;AAC9B,QAAI,CAAC,KAAM;AAEX,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,IAAI;AACxC,WAAK,mBAAmB;AAExB,WAAK;AAAA,QACH,IAAI,YAAY,wBAAwB;AAAA,UACtC,QAAQ,EAAE,KAAK;AAAA,UACf,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,IACF,QAAQ;AAAA,IAER;AAAA,EACF;AAAA,EAEU,QAAQ;AAChB,SAAK,UAAU,KAAK,cAAc,oBAAoB;AACtD,SAAK,WAAW,KAAK,cAAc,yBAAyB;AAC5D,SAAK,YAAY,KAAK,cAAc,0BAA0B;AAG9D,QAAI,KAAK,WAAW,CAAC,KAAK,QAAQ,aAAa,YAAY,GAAG;AAC5D,WAAK,QAAQ,aAAa,cAAc,WAAW;AAAA,IACrD;AAGA,SAAK,aAAa,SAAS,cAAc,MAAM;AAC/C,SAAK,WAAW,aAAa,aAAa,QAAQ;AAClD,SAAK,WAAW,aAAa,QAAQ,QAAQ;AAC7C,SAAK,WAAW,YAAY;AAC5B,SAAK,WAAW,MAAM,WAAW;AACjC,SAAK,WAAW,MAAM,QAAQ;AAC9B,SAAK,WAAW,MAAM,SAAS;AAC/B,SAAK,WAAW,MAAM,WAAW;AACjC,SAAK,WAAW,MAAM,OAAO;AAC7B,SAAK,WAAW,MAAM,aAAa;AACnC,SAAK,YAAY,KAAK,UAAU;AAAA,EAClC;AAAA,EAEU,UAAU;AAClB,SAAK,SAAS,iBAAiB,SAAS,KAAK,UAAU;AAAA,EACzD;AAAA,EAEU,aAAa;AACrB,SAAK,SAAS,oBAAoB,SAAS,KAAK,UAAU;AAC1D,SAAK,kBAAkB;AAAA,EACzB;AAAA,EAEQ,cAAsB;AAE5B,UAAM,WAAW,KAAK,aAAa,gBAAgB;AACnD,QAAI,SAAU,QAAO;AAGrB,UAAM,SAAS,KAAK,cAAc,yBAAyB;AAC3D,QAAI,OAAQ,QAAO,OAAO,eAAe;AAEzC,UAAM,gBAAgB,KAAK,cAAc,oBAAoB;AAC7D,WAAO,eAAe,eAAe;AAAA,EACvC;AAAA,EAEQ,qBAAqB;AAC3B,SAAK,kBAAkB;AAGvB,QAAI,KAAK,SAAU,MAAK,SAAS,SAAS;AAC1C,QAAI,KAAK,UAAW,MAAK,UAAU,SAAS;AAG5C,SAAK,aAAa,cAAc,QAAQ;AAGxC,QAAI,KAAK,WAAY,MAAK,WAAW,cAAc;AAGnD,SAAK,eAAe,WAAW,MAAM;AACnC,UAAI,KAAK,SAAU,MAAK,SAAS,SAAS;AAC1C,UAAI,KAAK,UAAW,MAAK,UAAU,SAAS;AAC5C,WAAK,gBAAgB,YAAY;AACjC,UAAI,KAAK,WAAY,MAAK,WAAW,cAAc;AACnD,WAAK,eAAe;AAAA,IACtB,GAAG,GAAI;AAAA,EACT;AAAA,EAEQ,oBAAoB;AAC1B,QAAI,KAAK,iBAAiB,MAAM;AAC9B,mBAAa,KAAK,YAAY;AAC9B,WAAK,eAAe;AAAA,IACtB;AAAA,EACF;AACF;AAEA,qBAAqB;AAErB,IAAI,CAAC,eAAe,IAAI,eAAe,GAAG;AACxC,iBAAe,OAAO,iBAAiB,WAAW;AACpD;","names":[]}

package/dist/{chunk-7BIVQSGP.js → chunk-THLTJ2HB.js}

@@ -1,6 +1,7 @@
 import {
-  DogsbayElement
-} from "./chunk-XBMLE4N3.js";
+  DogsbayElement,
+  ensureDefaultDisplay
+} from "./chunk-ABP4WEKU.js";
 
 // src/db-card.ts
 var DbCard = class extends DogsbayElement {
@@ -42,6 +43,7 @@ var DbCard = class extends DogsbayElement {
     );
   }
 };
+ensureDefaultDisplay();
 if (!customElements.get("db-card")) {
   customElements.define("db-card", DbCard);
 }
@@ -49,4 +51,4 @@ if (!customElements.get("db-card")) {
 export {
   DbCard
 };
-//# sourceMappingURL=chunk-7BIVQSGP.js.map
+//# sourceMappingURL=chunk-THLTJ2HB.js.map

package/dist/chunk-THLTJ2HB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-card.ts"],"sourcesContent":["import { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\n\n/**\n * `<db-card>` — Accessible content card with optional link behavior.\n *\n * Attributes:\n *   href — if present, the card is clickable and navigates on click/Enter/Space\n *\n * Children:\n *   [data-part=\"icon\"]        — icon (optional)\n *   [data-part=\"title\"]       — card title (optional)\n *   [data-part=\"description\"] — card description (optional)\n *   [data-part=\"content\"]     — card body content (optional)\n *\n * Events:\n *   db-card:navigate — fired when a linked card is activated, detail: { href }\n *                      The host environment (Obsidian plugin or Astro) handles\n *                      actual navigation by listening for this event.\n */\nexport class DbCard extends DogsbayElement {\n  private href: string | null = null;\n\n  private handleClick = () => {\n    if (this.href) this.navigate();\n  };\n\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (!this.href) return;\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      this.navigate();\n    }\n  };\n\n  protected setup() {\n    this.href = this.getAttribute(\"href\");\n\n    if (this.href) {\n      this.setAttribute(\"role\", \"link\");\n      this.setAttribute(\"tabindex\", \"0\");\n      this.setAttribute(\"data-interactive\", \"\");\n    }\n  }\n\n  protected connect() {\n    if (this.href) {\n      this.addEventListener(\"click\", this.handleClick);\n      this.addEventListener(\"keydown\", this.handleKeydown as EventListener);\n    }\n  }\n\n  protected disconnect() {\n    this.removeEventListener(\"click\", this.handleClick);\n    this.removeEventListener(\"keydown\", this.handleKeydown as EventListener);\n  }\n\n  private navigate() {\n    this.dispatchEvent(\n      new CustomEvent(\"db-card:navigate\", {\n        detail: { href: this.href },\n        bubbles: true,\n      }),\n    );\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-card\")) {\n  customElements.define(\"db-card\", DbCard);\n}\n"],"mappings":";;;;;;AAmBO,IAAM,SAAN,cAAqB,eAAe;AAAA,EACjC,OAAsB;AAAA,EAEtB,cAAc,MAAM;AAC1B,QAAI,KAAK,KAAM,MAAK,SAAS;AAAA,EAC/B;AAAA,EAEQ,gBAAgB,CAAC,MAAqB;AAC5C,QAAI,CAAC,KAAK,KAAM;AAChB,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,QAAE,eAAe;AACjB,WAAK,SAAS;AAAA,IAChB;AAAA,EACF;AAAA,EAEU,QAAQ;AAChB,SAAK,OAAO,KAAK,aAAa,MAAM;AAEpC,QAAI,KAAK,MAAM;AACb,WAAK,aAAa,QAAQ,MAAM;AAChC,WAAK,aAAa,YAAY,GAAG;AACjC,WAAK,aAAa,oBAAoB,EAAE;AAAA,IAC1C;AAAA,EACF;AAAA,EAEU,UAAU;AAClB,QAAI,KAAK,MAAM;AACb,WAAK,iBAAiB,SAAS,KAAK,WAAW;AAC/C,WAAK,iBAAiB,WAAW,KAAK,aAA8B;AAAA,IACtE;AAAA,EACF;AAAA,EAEU,aAAa;AACrB,SAAK,oBAAoB,SAAS,KAAK,WAAW;AAClD,SAAK,oBAAoB,WAAW,KAAK,aAA8B;AAAA,EACzE;AAAA,EAEQ,WAAW;AACjB,SAAK;AAAA,MACH,IAAI,YAAY,oBAAoB;AAAA,QAClC,QAAQ,EAAE,MAAM,KAAK,KAAK;AAAA,QAC1B,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,qBAAqB;AAErB,IAAI,CAAC,eAAe,IAAI,SAAS,GAAG;AAClC,iBAAe,OAAO,WAAW,MAAM;AACzC;","names":[]}

package/dist/{chunk-5T4OXQA2.js → chunk-VJXEM5O6.js}

@@ -1,19 +1,19 @@
 import {
-  DogsbayElement
-} from "./chunk-XBMLE4N3.js";
+  DogsbayElement,
+  ensureDefaultDisplay
+} from "./chunk-ABP4WEKU.js";
 
 // src/db-steps.ts
 var DbSteps = class extends DogsbayElement {
   setup() {
     this.setAttribute("role", "list");
-    const items = this.querySelectorAll(
-      ":scope > [data-part='item']"
-    );
+    const items = Array.from(this.querySelectorAll("[data-part='item']")).filter((el) => el.closest("db-steps") === this);
     for (const item of items) {
       item.setAttribute("role", "listitem");
     }
   }
 };
+ensureDefaultDisplay();
 if (!customElements.get("db-steps")) {
   customElements.define("db-steps", DbSteps);
 }
@@ -21,4 +21,4 @@ if (!customElements.get("db-steps")) {
 export {
   DbSteps
 };
-//# sourceMappingURL=chunk-5T4OXQA2.js.map
+//# sourceMappingURL=chunk-VJXEM5O6.js.map

package/dist/chunk-VJXEM5O6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-steps.ts"],"sourcesContent":["import { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\n\n/**\n * `<db-steps>` — Accessible step-by-step list.\n *\n * A read-only component that renders numbered steps with ARIA semantics.\n * Visual styling (numbered circles, connector lines) is handled by CSS\n * using counter(step), matching the Astro Steps component.\n *\n * Children:\n *   [data-part=\"item\"]    — step items\n *   [data-part=\"title\"]   — step title (inside item, optional)\n *   [data-part=\"content\"] — step content (inside item, optional)\n */\nexport class DbSteps extends DogsbayElement {\n  protected setup() {\n    this.setAttribute(\"role\", \"list\");\n\n    // Same scoping rule as db-tabs: allow a wrapper between the element\n    // and its items, but stop at a nested <db-steps>. `:scope >` was\n    // used here and silently drops every item the moment a layout\n    // wrapper appears — the failure mode that hid the vertical tabs bug.\n    const items = (\n      Array.from(this.querySelectorAll(\"[data-part='item']\")) as HTMLElement[]\n    ).filter((el) => el.closest(\"db-steps\") === this);\n\n    for (const item of items) {\n      item.setAttribute(\"role\", \"listitem\");\n    }\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-steps\")) {\n  customElements.define(\"db-steps\", DbSteps);\n}\n"],"mappings":";;;;;;AAcO,IAAM,UAAN,cAAsB,eAAe;AAAA,EAChC,QAAQ;AAChB,SAAK,aAAa,QAAQ,MAAM;AAMhC,UAAM,QACJ,MAAM,KAAK,KAAK,iBAAiB,oBAAoB,CAAC,EACtD,OAAO,CAAC,OAAO,GAAG,QAAQ,UAAU,MAAM,IAAI;AAEhD,eAAW,QAAQ,OAAO;AACxB,WAAK,aAAa,QAAQ,UAAU;AAAA,IACtC;AAAA,EACF;AACF;AAEA,qBAAqB;AAErB,IAAI,CAAC,eAAe,IAAI,UAAU,GAAG;AACnC,iBAAe,OAAO,YAAY,OAAO;AAC3C;","names":[]}

package/dist/{chunk-LFXZQ4YV.js → chunk-WTARNLNI.js}

@@ -1,6 +1,7 @@
 import {
-  DogsbayElement
-} from "./chunk-XBMLE4N3.js";
+  DogsbayElement,
+  ensureDefaultDisplay
+} from "./chunk-ABP4WEKU.js";
 
 // src/db-link-button.ts
 var DbLinkButton = class extends DogsbayElement {
@@ -27,6 +28,7 @@ var DbLinkButton = class extends DogsbayElement {
     this.appendChild(this.anchor);
   }
 };
+ensureDefaultDisplay();
 if (!customElements.get("db-link-button")) {
   customElements.define("db-link-button", DbLinkButton);
 }
@@ -34,4 +36,4 @@ if (!customElements.get("db-link-button")) {
 export {
   DbLinkButton
 };
-//# sourceMappingURL=chunk-LFXZQ4YV.js.map
+//# sourceMappingURL=chunk-WTARNLNI.js.map

package/dist/chunk-WTARNLNI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-link-button.ts"],"sourcesContent":["import { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\n\n/**\n * `<db-link-button>` — Styled link that looks like a button.\n *\n * Attributes:\n *   href     — target URL (required)\n *   variant  — \"primary\" | \"secondary\" | \"outline\" (default: \"primary\")\n *\n * Light DOM: renders as an <a> tag with button styling.\n * Works in both Astro (matches Button component) and Obsidian.\n *\n * In Astro, the format-astro serializer maps link-button TreeNode to\n * the Button.astro component with href prop.\n *\n * In Obsidian, the plugin emits <db-link-button> which this element\n * auto-upgrades with styling and keyboard navigation.\n */\nexport class DbLinkButton extends DogsbayElement {\n  private anchor: HTMLAnchorElement | null = null;\n\n  protected setup() {\n    const href = this.getAttribute(\"href\") || \"#\";\n    const variant = this.getAttribute(\"variant\") || \"primary\";\n    const text = this.textContent?.trim() || href;\n\n    // Create the anchor element\n    this.anchor = document.createElement(\"a\");\n    this.anchor.href = href;\n    this.anchor.textContent = text;\n    this.anchor.className = \"db-link-button-anchor\";\n    this.anchor.dataset.variant = variant;\n\n    // External links open in new tab\n    if (href.startsWith(\"http\")) {\n      this.anchor.target = \"_blank\";\n      this.anchor.rel = \"noopener noreferrer\";\n\n      // Add external icon\n      const icon = document.createElement(\"span\");\n      icon.className = \"db-link-button-icon\";\n      icon.setAttribute(\"aria-hidden\", \"true\");\n      icon.textContent = \"↗\";\n      this.anchor.appendChild(icon);\n    }\n\n    this.textContent = \"\";\n    this.appendChild(this.anchor);\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-link-button\")) {\n  customElements.define(\"db-link-button\", DbLinkButton);\n}\n"],"mappings":";;;;;;AAkBO,IAAM,eAAN,cAA2B,eAAe;AAAA,EACvC,SAAmC;AAAA,EAEjC,QAAQ;AAChB,UAAM,OAAO,KAAK,aAAa,MAAM,KAAK;AAC1C,UAAM,UAAU,KAAK,aAAa,SAAS,KAAK;AAChD,UAAM,OAAO,KAAK,aAAa,KAAK,KAAK;AAGzC,SAAK,SAAS,SAAS,cAAc,GAAG;AACxC,SAAK,OAAO,OAAO;AACnB,SAAK,OAAO,cAAc;AAC1B,SAAK,OAAO,YAAY;AACxB,SAAK,OAAO,QAAQ,UAAU;AAG9B,QAAI,KAAK,WAAW,MAAM,GAAG;AAC3B,WAAK,OAAO,SAAS;AACrB,WAAK,OAAO,MAAM;AAGlB,YAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,WAAK,YAAY;AACjB,WAAK,aAAa,eAAe,MAAM;AACvC,WAAK,cAAc;AACnB,WAAK,OAAO,YAAY,IAAI;AAAA,IAC9B;AAEA,SAAK,cAAc;AACnB,SAAK,YAAY,KAAK,MAAM;AAAA,EAC9B;AACF;AAEA,qBAAqB;AAErB,IAAI,CAAC,eAAe,IAAI,gBAAgB,GAAG;AACzC,iBAAe,OAAO,kBAAkB,YAAY;AACtD;","names":[]}

package/dist/{chunk-LVXR7KTB.js → chunk-ZLIF4UYD.js}

@@ -1,6 +1,7 @@
 import {
-  DogsbayElement
-} from "./chunk-XBMLE4N3.js";
+  DogsbayElement,
+  ensureDefaultDisplay
+} from "./chunk-ABP4WEKU.js";
 
 // src/db-tabs.ts
 import { CompositeNavigation } from "@dogsbay/primitives/composite";
@@ -37,16 +38,34 @@ var DbTabs = class extends DogsbayElement {
       this.select(newValue);
     }
   });
+  /**
+   * Descendants belonging to THIS tab group.
+   *
+   * Not `:scope >`, and not a bare descendant query — both were wrong
+   * here, in opposite directions:
+   *
+   * - Panels used `:scope > [data-part='content']`, so any wrapper
+   *   between the element and its panels hid them. The vertical example
+   *   wraps its list and panels in a flex row to sit them side by side,
+   *   so `panels` was EMPTY: triggers moved `aria-selected`, and the
+   *   content never changed. Nothing threw, and the server-rendered
+   *   initial state looked right, so it read as working.
+   * - Triggers used a bare descendant query, which would reach into a
+   *   NESTED tab group and drive the wrong panels.
+   *
+   * `closest("db-tabs") === this` allows arbitrary wrappers while
+   * stopping at a nested group, which is a real case — Obsidian
+   * alternates fence characters by depth precisely so tabs can nest.
+   */
+  own(selector) {
+    return Array.from(this.querySelectorAll(selector)).filter((el) => el.closest("db-tabs") === this);
+  }
   setup() {
-    const list = this.querySelector("[data-part='list']");
+    const list = this.own("[data-part='list']")[0] ?? null;
     if (!list) return;
     this.list = list;
-    this.triggers = Array.from(
-      list.querySelectorAll("[data-part='trigger']")
-    );
-    this.panels = Array.from(
-      this.querySelectorAll(":scope > [data-part='content']")
-    );
+    this.triggers = this.own("[data-part='trigger']");
+    this.panels = this.own("[data-part='content']");
     this.orientation = this.getAttribute("orientation") || "horizontal";
     this.syncKey = this.getAttribute("sync-key") || null;
     list.setAttribute("role", "tablist");
@@ -151,6 +170,7 @@ var DbTabs = class extends DogsbayElement {
     );
   }
 };
+ensureDefaultDisplay();
 if (!customElements.get("db-tabs")) {
   customElements.define("db-tabs", DbTabs);
 }
@@ -158,4 +178,4 @@ if (!customElements.get("db-tabs")) {
 export {
   DbTabs
 };
-//# sourceMappingURL=chunk-LVXR7KTB.js.map
+//# sourceMappingURL=chunk-ZLIF4UYD.js.map

package/dist/chunk-ZLIF4UYD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-tabs.ts"],"sourcesContent":["import { CompositeNavigation } from \"@dogsbay/primitives/composite\";\nimport type { Orientation } from \"@dogsbay/primitives/composite\";\nimport { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\n\nlet idCounter = 0;\nfunction uniqueId(prefix: string) {\n  return `${prefix}-${++idCounter}`;\n}\n\n/**\n * `<db-tabs>` — Accessible tabbed interface.\n *\n * Attributes:\n *   default-value  — initial selected tab value\n *   orientation    — \"horizontal\" (default) or \"vertical\"\n *   sync-key       — sync selection across instances via localStorage\n *\n * Children:\n *   [data-part=\"list\"]     — tablist container\n *   [data-part=\"trigger\"]  — tab buttons (must have data-value)\n *   [data-part=\"content\"]  — tab panels (must have data-value)\n *\n * Events:\n *   db-tabs:change — fired on selection change, detail: { value }\n */\nexport class DbTabs extends DogsbayElement {\n  private list!: HTMLElement;\n  private triggers: HTMLElement[] = [];\n  private panels: HTMLElement[] = [];\n  private nav: CompositeNavigation | null = null;\n  private value = \"\";\n  private syncKey: string | null = null;\n  private orientation: Orientation = \"horizontal\";\n\n  private handleClick = (e: Event) => {\n    const trigger = (e.target as HTMLElement).closest(\n      \"[data-part='trigger']\",\n    ) as HTMLElement | null;\n    if (!trigger || trigger.hasAttribute(\"disabled\")) return;\n    const value = trigger.dataset.value;\n    if (value) this.select(value);\n  };\n\n  private handleStorage = (e: StorageEvent) => {\n    if (!this.syncKey || e.key !== `db-tabs-sync:${this.syncKey}`) return;\n    const newValue = e.newValue;\n    if (newValue && this.value !== newValue) {\n      this.select(newValue);\n    }\n  };\n\n  private handleSyncEvent = ((e: CustomEvent) => {\n    const newValue = e.detail.value;\n    if (newValue && this.value !== newValue) {\n      this.select(newValue);\n    }\n  }) as EventListener;\n\n  /**\n   * Descendants belonging to THIS tab group.\n   *\n   * Not `:scope >`, and not a bare descendant query — both were wrong\n   * here, in opposite directions:\n   *\n   * - Panels used `:scope > [data-part='content']`, so any wrapper\n   *   between the element and its panels hid them. The vertical example\n   *   wraps its list and panels in a flex row to sit them side by side,\n   *   so `panels` was EMPTY: triggers moved `aria-selected`, and the\n   *   content never changed. Nothing threw, and the server-rendered\n   *   initial state looked right, so it read as working.\n   * - Triggers used a bare descendant query, which would reach into a\n   *   NESTED tab group and drive the wrong panels.\n   *\n   * `closest(\"db-tabs\") === this` allows arbitrary wrappers while\n   * stopping at a nested group, which is a real case — Obsidian\n   * alternates fence characters by depth precisely so tabs can nest.\n   */\n  private own(selector: string): HTMLElement[] {\n    return (\n      Array.from(this.querySelectorAll(selector)) as HTMLElement[]\n    ).filter((el) => el.closest(\"db-tabs\") === this);\n  }\n\n  protected setup() {\n    const list = this.own(\"[data-part='list']\")[0] ?? null;\n    if (!list) return;\n    this.list = list;\n\n    this.triggers = this.own(\"[data-part='trigger']\");\n    this.panels = this.own(\"[data-part='content']\");\n\n    this.orientation =\n      (this.getAttribute(\"orientation\") as Orientation) || \"horizontal\";\n    this.syncKey = this.getAttribute(\"sync-key\") || null;\n\n    // Set orientation on tablist\n    list.setAttribute(\"role\", \"tablist\");\n    list.setAttribute(\"aria-orientation\", this.orientation);\n\n    // Generate IDs and link triggers ↔ panels\n    this.triggers.forEach((trigger) => {\n      const value = trigger.dataset.value!;\n      trigger.setAttribute(\"role\", \"tab\");\n      const triggerId = trigger.id || uniqueId(\"db-tab\");\n      trigger.id = triggerId;\n\n      const panel = this.panels.find((p) => p.dataset.value === value);\n      if (panel) {\n        panel.setAttribute(\"role\", \"tabpanel\");\n        const panelId = panel.id || uniqueId(\"db-tabpanel\");\n        panel.id = panelId;\n        trigger.setAttribute(\"aria-controls\", panelId);\n        panel.setAttribute(\"aria-labelledby\", triggerId);\n      }\n    });\n\n    // Set up composite navigation\n    this.nav = new CompositeNavigation(list, \"[data-part='trigger']\", {\n      orientation: this.orientation,\n      loop: true,\n      homeEnd: true,\n      onHighlightedIndexChange: () => {\n        const focused = document.activeElement as HTMLElement;\n        const value = focused?.dataset?.value;\n        if (value) this.select(value);\n      },\n    });\n\n    this.nav.activate();\n\n    // Determine initial value: hash > localStorage > default-value > first trigger\n    const defaultValue =\n      this.getAttribute(\"default-value\") ||\n      this.triggers[0]?.dataset.value ||\n      \"\";\n\n    let initialValue = defaultValue;\n    if (this.syncKey) {\n      const stored = localStorage.getItem(`db-tabs-sync:${this.syncKey}`);\n      if (stored && this.triggers.some((t) => t.dataset.value === stored)) {\n        initialValue = stored;\n      }\n    }\n    const hash = window.location.hash.slice(1);\n    if (hash && this.triggers.some((t) => t.dataset.value === hash)) {\n      initialValue = hash;\n    }\n\n    this.select(initialValue);\n  }\n\n  protected connect() {\n    this.list?.addEventListener(\"click\", this.handleClick);\n    if (this.syncKey) {\n      window.addEventListener(\"storage\", this.handleStorage);\n      document.addEventListener(\n        `db-tabs-sync:${this.syncKey}`,\n        this.handleSyncEvent,\n      );\n    }\n  }\n\n  protected disconnect() {\n    this.list?.removeEventListener(\"click\", this.handleClick);\n    if (this.syncKey) {\n      window.removeEventListener(\"storage\", this.handleStorage);\n      document.removeEventListener(\n        `db-tabs-sync:${this.syncKey}`,\n        this.handleSyncEvent,\n      );\n    }\n  }\n\n  select(value: string) {\n    if (this.value === value) return;\n    this.value = value;\n\n    // Update triggers\n    this.triggers.forEach((trigger) => {\n      const isSelected = trigger.dataset.value === value;\n      trigger.setAttribute(\"aria-selected\", String(isSelected));\n      trigger.setAttribute(\"tabindex\", isSelected ? \"0\" : \"-1\");\n      if (isSelected) {\n        trigger.setAttribute(\"data-state\", \"active\");\n      } else {\n        trigger.removeAttribute(\"data-state\");\n      }\n    });\n\n    // Update panels\n    this.panels.forEach((panel) => {\n      const isActive = panel.dataset.value === value;\n      panel.hidden = !isActive;\n      if (isActive) {\n        panel.setAttribute(\"data-state\", \"active\");\n        if (!panel.hasAttribute(\"tabindex\")) {\n          panel.setAttribute(\"tabindex\", \"0\");\n        }\n        // Lazy init: upgrade any nested db-tabs that haven't connected yet\n        // (browser handles this automatically via connectedCallback)\n      } else {\n        panel.removeAttribute(\"data-state\");\n      }\n    });\n\n    // Sync to localStorage and other instances\n    if (this.syncKey) {\n      localStorage.setItem(`db-tabs-sync:${this.syncKey}`, value);\n      document.dispatchEvent(\n        new CustomEvent(`db-tabs-sync:${this.syncKey}`, {\n          detail: { value, source: this },\n        }),\n      );\n    }\n\n    // Dispatch change event\n    this.dispatchEvent(\n      new CustomEvent(\"db-tabs:change\", {\n        detail: { value },\n        bubbles: true,\n      }),\n    );\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-tabs\")) {\n  customElements.define(\"db-tabs\", DbTabs);\n}\n"],"mappings":"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","names":[]}

package/dist/db-accordion.js

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

package/dist/db-card.js

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

package/dist/db-code-block.js

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

package/dist/db-collapsible.js

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

package/dist/db-link-button.js

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

package/dist/db-steps.js

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

package/dist/db-tabs.d.ts

@@ -27,6 +27,26 @@ declare class DbTabs extends DogsbayElement {
     private handleClick;
     private handleStorage;
     private handleSyncEvent;
+    /**
+     * Descendants belonging to THIS tab group.
+     *
+     * Not `:scope >`, and not a bare descendant query — both were wrong
+     * here, in opposite directions:
+     *
+     * - Panels used `:scope > [data-part='content']`, so any wrapper
+     *   between the element and its panels hid them. The vertical example
+     *   wraps its list and panels in a flex row to sit them side by side,
+     *   so `panels` was EMPTY: triggers moved `aria-selected`, and the
+     *   content never changed. Nothing threw, and the server-rendered
+     *   initial state looked right, so it read as working.
+     * - Triggers used a bare descendant query, which would reach into a
+     *   NESTED tab group and drive the wrong panels.
+     *
+     * `closest("db-tabs") === this` allows arbitrary wrappers while
+     * stopping at a nested group, which is a real case — Obsidian
+     * alternates fence characters by depth precisely so tabs can nest.
+     */
+    private own;
     protected setup(): void;
     protected connect(): void;
     protected disconnect(): void;

package/dist/db-tabs.js

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

package/dist/index.js

@@ -1,27 +1,27 @@
 import {
   DbAccordion
-} from "./chunk-7M7SFLKN.js";
+} from "./chunk-IMW234S2.js";
 import {
   DbCard
-} from "./chunk-7BIVQSGP.js";
+} from "./chunk-THLTJ2HB.js";
 import {
   DbCodeBlock
-} from "./chunk-FWAAU5UY.js";
+} from "./chunk-RVJC6M2U.js";
 import {
   DbCollapsible
-} from "./chunk-TTNTPXBA.js";
+} from "./chunk-5S2MMI3R.js";
 import {
   DbLinkButton
-} from "./chunk-LFXZQ4YV.js";
+} from "./chunk-WTARNLNI.js";
 import {
   DbSteps
-} from "./chunk-5T4OXQA2.js";
+} from "./chunk-VJXEM5O6.js";
 import {
   DbTabs
-} from "./chunk-LVXR7KTB.js";
+} from "./chunk-ZLIF4UYD.js";
 import {
   DogsbayElement
-} from "./chunk-XBMLE4N3.js";
+} from "./chunk-ABP4WEKU.js";
 export {
   DbAccordion,
   DbCard,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dogsbay/elements",
-  "version": "0.2.0-beta.96",
+  "version": "0.2.0-beta.98",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -42,7 +42,7 @@
     "dist"
   ],
   "dependencies": {
-    "@dogsbay/primitives": "0.2.0-beta.96"
+    "@dogsbay/primitives": "0.2.0-beta.98"
   },
   "devDependencies": {
     "happy-dom": "^20.10.6",

package/dist/chunk-5T4OXQA2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/db-steps.ts"],"sourcesContent":["import { DogsbayElement } from \"./base.js\";\n\n/**\n * `<db-steps>` — Accessible step-by-step list.\n *\n * A read-only component that renders numbered steps with ARIA semantics.\n * Visual styling (numbered circles, connector lines) is handled by CSS\n * using counter(step), matching the Astro Steps component.\n *\n * Children:\n *   [data-part=\"item\"]    — step items\n *   [data-part=\"title\"]   — step title (inside item, optional)\n *   [data-part=\"content\"] — step content (inside item, optional)\n */\nexport class DbSteps extends DogsbayElement {\n  protected setup() {\n    this.setAttribute(\"role\", \"list\");\n\n    const items = this.querySelectorAll(\n      \":scope > [data-part='item']\",\n    ) as NodeListOf<HTMLElement>;\n\n    for (const item of items) {\n      item.setAttribute(\"role\", \"listitem\");\n    }\n  }\n}\n\nif (!customElements.get(\"db-steps\")) {\n  customElements.define(\"db-steps\", DbSteps);\n}\n"],"mappings":";;;;;AAcO,IAAM,UAAN,cAAsB,eAAe;AAAA,EAChC,QAAQ;AAChB,SAAK,aAAa,QAAQ,MAAM;AAEhC,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,IACF;AAEA,eAAW,QAAQ,OAAO;AACxB,WAAK,aAAa,QAAQ,UAAU;AAAA,IACtC;AAAA,EACF;AACF;AAEA,IAAI,CAAC,eAAe,IAAI,UAAU,GAAG;AACnC,iBAAe,OAAO,YAAY,OAAO;AAC3C;","names":[]}

package/dist/chunk-7BIVQSGP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/db-card.ts"],"sourcesContent":["import { DogsbayElement } from \"./base.js\";\n\n/**\n * `<db-card>` — Accessible content card with optional link behavior.\n *\n * Attributes:\n *   href — if present, the card is clickable and navigates on click/Enter/Space\n *\n * Children:\n *   [data-part=\"icon\"]        — icon (optional)\n *   [data-part=\"title\"]       — card title (optional)\n *   [data-part=\"description\"] — card description (optional)\n *   [data-part=\"content\"]     — card body content (optional)\n *\n * Events:\n *   db-card:navigate — fired when a linked card is activated, detail: { href }\n *                      The host environment (Obsidian plugin or Astro) handles\n *                      actual navigation by listening for this event.\n */\nexport class DbCard extends DogsbayElement {\n  private href: string | null = null;\n\n  private handleClick = () => {\n    if (this.href) this.navigate();\n  };\n\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (!this.href) return;\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      this.navigate();\n    }\n  };\n\n  protected setup() {\n    this.href = this.getAttribute(\"href\");\n\n    if (this.href) {\n      this.setAttribute(\"role\", \"link\");\n      this.setAttribute(\"tabindex\", \"0\");\n      this.setAttribute(\"data-interactive\", \"\");\n    }\n  }\n\n  protected connect() {\n    if (this.href) {\n      this.addEventListener(\"click\", this.handleClick);\n      this.addEventListener(\"keydown\", this.handleKeydown as EventListener);\n    }\n  }\n\n  protected disconnect() {\n    this.removeEventListener(\"click\", this.handleClick);\n    this.removeEventListener(\"keydown\", this.handleKeydown as EventListener);\n  }\n\n  private navigate() {\n    this.dispatchEvent(\n      new CustomEvent(\"db-card:navigate\", {\n        detail: { href: this.href },\n        bubbles: true,\n      }),\n    );\n  }\n}\n\nif (!customElements.get(\"db-card\")) {\n  customElements.define(\"db-card\", DbCard);\n}\n"],"mappings":";;;;;AAmBO,IAAM,SAAN,cAAqB,eAAe;AAAA,EACjC,OAAsB;AAAA,EAEtB,cAAc,MAAM;AAC1B,QAAI,KAAK,KAAM,MAAK,SAAS;AAAA,EAC/B;AAAA,EAEQ,gBAAgB,CAAC,MAAqB;AAC5C,QAAI,CAAC,KAAK,KAAM;AAChB,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,QAAE,eAAe;AACjB,WAAK,SAAS;AAAA,IAChB;AAAA,EACF;AAAA,EAEU,QAAQ;AAChB,SAAK,OAAO,KAAK,aAAa,MAAM;AAEpC,QAAI,KAAK,MAAM;AACb,WAAK,aAAa,QAAQ,MAAM;AAChC,WAAK,aAAa,YAAY,GAAG;AACjC,WAAK,aAAa,oBAAoB,EAAE;AAAA,IAC1C;AAAA,EACF;AAAA,EAEU,UAAU;AAClB,QAAI,KAAK,MAAM;AACb,WAAK,iBAAiB,SAAS,KAAK,WAAW;AAC/C,WAAK,iBAAiB,WAAW,KAAK,aAA8B;AAAA,IACtE;AAAA,EACF;AAAA,EAEU,aAAa;AACrB,SAAK,oBAAoB,SAAS,KAAK,WAAW;AAClD,SAAK,oBAAoB,WAAW,KAAK,aAA8B;AAAA,EACzE;AAAA,EAEQ,WAAW;AACjB,SAAK;AAAA,MACH,IAAI,YAAY,oBAAoB;AAAA,QAClC,QAAQ,EAAE,MAAM,KAAK,KAAK;AAAA,QAC1B,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,IAAI,CAAC,eAAe,IAAI,SAAS,GAAG;AAClC,iBAAe,OAAO,WAAW,MAAM;AACzC;","names":[]}

package/dist/chunk-7M7SFLKN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/db-accordion.ts"],"sourcesContent":["import { CompositeNavigation } from \"@dogsbay/primitives/composite\";\nimport { Collapsible } from \"@dogsbay/primitives/collapsible\";\nimport { DogsbayElement } from \"./base.js\";\n\ninterface AccordionItem {\n  el: HTMLElement;\n  value: string;\n  collapsible: Collapsible;\n  disabled: boolean;\n}\n\n/**\n * `<db-accordion>` — Accessible accordion with single/multiple mode.\n *\n * Attributes:\n *   type           — \"single\" (default) or \"multiple\"\n *   default-value  — comma-separated values to open initially\n *\n * Children:\n *   [data-part=\"item\"] with data-value  — accordion items\n *   [data-part=\"trigger\"]               — toggle button (inside item)\n *   [data-part=\"content\"]               — collapsible panel (inside item)\n *\n * Events:\n *   db-accordion:change — detail: { value, open, openValues }\n */\nexport class DbAccordion extends DogsbayElement {\n  private items: AccordionItem[] = [];\n  private nav: CompositeNavigation | null = null;\n  private openValues = new Set<string>();\n  private type: \"single\" | \"multiple\" = \"single\";\n\n  protected setup() {\n    this.type =\n      (this.getAttribute(\"type\") as \"single\" | \"multiple\") || \"single\";\n    const defaultStr = this.getAttribute(\"default-value\") || \"\";\n    const defaultValues = defaultStr ? defaultStr.split(\",\") : [];\n\n    const itemEls = Array.from(\n      this.querySelectorAll(\"[data-part='item']\"),\n    ) as HTMLElement[];\n\n    this.items = itemEls\n      .map((el) => {\n        const trigger = el.querySelector<HTMLElement>(\"[data-part='trigger']\");\n        const content = el.querySelector<HTMLElement>(\"[data-part='content']\");\n        if (!trigger || !content) return null;\n\n        const value = el.dataset.value || \"\";\n        const disabled = el.hasAttribute(\"data-disabled\");\n\n        if (disabled) {\n          trigger.setAttribute(\"disabled\", \"\");\n          trigger.setAttribute(\"aria-disabled\", \"true\");\n        }\n\n        const collapsible = new Collapsible(trigger, content, {\n          onToggle: (open) => {\n            if (open) {\n              this.onItemExpanded(value);\n            } else {\n              this.onItemCollapsed(value);\n            }\n          },\n        });\n\n        return { el, value, collapsible, disabled };\n      })\n      .filter(Boolean) as AccordionItem[];\n\n    // Keyboard navigation on triggers\n    this.nav = new CompositeNavigation(this, \"[data-part='trigger']\", {\n      orientation: \"vertical\",\n      loop: true,\n      homeEnd: true,\n    });\n\n    this.nav.activate();\n\n    // Set initial tabindex for roving\n    this.items.forEach((item, i) => {\n      item.collapsible.trigger.setAttribute(\"tabindex\", i === 0 ? \"0\" : \"-1\");\n    });\n\n    // Set initial open state\n    defaultValues.forEach((value) => {\n      const item = this.items.find((i) => i.value === value && !i.disabled);\n      if (item) {\n        item.collapsible.expand();\n      }\n    });\n  }\n\n  private onItemExpanded(value: string) {\n    // In single mode, collapse all others\n    if (this.type === \"single\") {\n      for (const openValue of this.openValues) {\n        if (openValue !== value) {\n          const other = this.items.find((i) => i.value === openValue);\n          if (other) other.collapsible.collapse();\n        }\n      }\n    }\n\n    this.openValues.add(value);\n    const item = this.items.find((i) => i.value === value);\n    if (item) item.el.setAttribute(\"data-state\", \"open\");\n\n    this.dispatchEvent(\n      new CustomEvent(\"db-accordion:change\", {\n        detail: { value, open: true, openValues: [...this.openValues] },\n        bubbles: true,\n      }),\n    );\n  }\n\n  private onItemCollapsed(value: string) {\n    this.openValues.delete(value);\n    const item = this.items.find((i) => i.value === value);\n    if (item) item.el.removeAttribute(\"data-state\");\n\n    this.dispatchEvent(\n      new CustomEvent(\"db-accordion:change\", {\n        detail: { value, open: false, openValues: [...this.openValues] },\n        bubbles: true,\n      }),\n    );\n  }\n}\n\nif (!customElements.get(\"db-accordion\")) {\n  customElements.define(\"db-accordion\", DbAccordion);\n}\n"],"mappings":";;;;;AAAA,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAyBrB,IAAM,cAAN,cAA0B,eAAe;AAAA,EACtC,QAAyB,CAAC;AAAA,EAC1B,MAAkC;AAAA,EAClC,aAAa,oBAAI,IAAY;AAAA,EAC7B,OAA8B;AAAA,EAE5B,QAAQ;AAChB,SAAK,OACF,KAAK,aAAa,MAAM,KAA+B;AAC1D,UAAM,aAAa,KAAK,aAAa,eAAe,KAAK;AACzD,UAAM,gBAAgB,aAAa,WAAW,MAAM,GAAG,IAAI,CAAC;AAE5D,UAAM,UAAU,MAAM;AAAA,MACpB,KAAK,iBAAiB,oBAAoB;AAAA,IAC5C;AAEA,SAAK,QAAQ,QACV,IAAI,CAAC,OAAO;AACX,YAAM,UAAU,GAAG,cAA2B,uBAAuB;AACrE,YAAM,UAAU,GAAG,cAA2B,uBAAuB;AACrE,UAAI,CAAC,WAAW,CAAC,QAAS,QAAO;AAEjC,YAAM,QAAQ,GAAG,QAAQ,SAAS;AAClC,YAAM,WAAW,GAAG,aAAa,eAAe;AAEhD,UAAI,UAAU;AACZ,gBAAQ,aAAa,YAAY,EAAE;AACnC,gBAAQ,aAAa,iBAAiB,MAAM;AAAA,MAC9C;AAEA,YAAM,cAAc,IAAI,YAAY,SAAS,SAAS;AAAA,QACpD,UAAU,CAAC,SAAS;AAClB,cAAI,MAAM;AACR,iBAAK,eAAe,KAAK;AAAA,UAC3B,OAAO;AACL,iBAAK,gBAAgB,KAAK;AAAA,UAC5B;AAAA,QACF;AAAA,MACF,CAAC;AAED,aAAO,EAAE,IAAI,OAAO,aAAa,SAAS;AAAA,IAC5C,CAAC,EACA,OAAO,OAAO;AAGjB,SAAK,MAAM,IAAI,oBAAoB,MAAM,yBAAyB;AAAA,MAChE,aAAa;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACX,CAAC;AAED,SAAK,IAAI,SAAS;AAGlB,SAAK,MAAM,QAAQ,CAAC,MAAM,MAAM;AAC9B,WAAK,YAAY,QAAQ,aAAa,YAAY,MAAM,IAAI,MAAM,IAAI;AAAA,IACxE,CAAC;AAGD,kBAAc,QAAQ,CAAC,UAAU;AAC/B,YAAM,OAAO,KAAK,MAAM,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,CAAC,EAAE,QAAQ;AACpE,UAAI,MAAM;AACR,aAAK,YAAY,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEQ,eAAe,OAAe;AAEpC,QAAI,KAAK,SAAS,UAAU;AAC1B,iBAAW,aAAa,KAAK,YAAY;AACvC,YAAI,cAAc,OAAO;AACvB,gBAAM,QAAQ,KAAK,MAAM,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS;AAC1D,cAAI,MAAO,OAAM,YAAY,SAAS;AAAA,QACxC;AAAA,MACF;AAAA,IACF;AAEA,SAAK,WAAW,IAAI,KAAK;AACzB,UAAM,OAAO,KAAK,MAAM,KAAK,CAAC,MAAM,EAAE,UAAU,KAAK;AACrD,QAAI,KAAM,MAAK,GAAG,aAAa,cAAc,MAAM;AAEnD,SAAK;AAAA,MACH,IAAI,YAAY,uBAAuB;AAAA,QACrC,QAAQ,EAAE,OAAO,MAAM,MAAM,YAAY,CAAC,GAAG,KAAK,UAAU,EAAE;AAAA,QAC9D,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEQ,gBAAgB,OAAe;AACrC,SAAK,WAAW,OAAO,KAAK;AAC5B,UAAM,OAAO,KAAK,MAAM,KAAK,CAAC,MAAM,EAAE,UAAU,KAAK;AACrD,QAAI,KAAM,MAAK,GAAG,gBAAgB,YAAY;AAE9C,SAAK;AAAA,MACH,IAAI,YAAY,uBAAuB;AAAA,QACrC,QAAQ,EAAE,OAAO,MAAM,OAAO,YAAY,CAAC,GAAG,KAAK,UAAU,EAAE;AAAA,QAC/D,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,IAAI,CAAC,eAAe,IAAI,cAAc,GAAG;AACvC,iBAAe,OAAO,gBAAgB,WAAW;AACnD;","names":[]}

package/dist/chunk-FWAAU5UY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/db-code-block.ts"],"sourcesContent":["import { DogsbayElement } from \"./base.js\";\n\n/**\n * `<db-code-block>` — Code block with copy-to-clipboard.\n *\n * Attributes:\n *   data-copy-text — raw code text to copy (preferred over parsing DOM)\n *\n * Children:\n *   [data-part=\"header\"]     — header bar (optional)\n *   [data-part=\"label\"]      — title/language label (inside header, optional)\n *   [data-part=\"copy\"]       — copy button\n *   [data-part=\"copy-icon\"]  — copy icon SVG (inside copy button)\n *   [data-part=\"check-icon\"] — check icon SVG (inside copy button, starts hidden)\n *   [data-part=\"code\"]       — code content container\n *\n * Events:\n *   db-code-block:copied — fired after successful copy, detail: { text }\n */\nexport class DbCodeBlock extends DogsbayElement {\n  private copyBtn: HTMLElement | null = null;\n  private copyIcon: HTMLElement | null = null;\n  private checkIcon: HTMLElement | null = null;\n  private liveRegion: HTMLElement | null = null;\n  private resetTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  private handleCopy = async () => {\n    const text = this.getCopyText();\n    if (!text) return;\n\n    try {\n      await navigator.clipboard.writeText(text);\n      this.showCopiedFeedback();\n\n      this.dispatchEvent(\n        new CustomEvent(\"db-code-block:copied\", {\n          detail: { text },\n          bubbles: true,\n        }),\n      );\n    } catch {\n      // Clipboard API unavailable or denied — fail silently\n    }\n  };\n\n  protected setup() {\n    this.copyBtn = this.querySelector(\"[data-part='copy']\");\n    this.copyIcon = this.querySelector(\"[data-part='copy-icon']\");\n    this.checkIcon = this.querySelector(\"[data-part='check-icon']\");\n\n    // Ensure copy button has accessible label\n    if (this.copyBtn && !this.copyBtn.hasAttribute(\"aria-label\")) {\n      this.copyBtn.setAttribute(\"aria-label\", \"Copy code\");\n    }\n\n    // Create aria-live region for screen reader announcements\n    this.liveRegion = document.createElement(\"span\");\n    this.liveRegion.setAttribute(\"aria-live\", \"polite\");\n    this.liveRegion.setAttribute(\"role\", \"status\");\n    this.liveRegion.className = \"sr-only\";\n    this.liveRegion.style.position = \"absolute\";\n    this.liveRegion.style.width = \"1px\";\n    this.liveRegion.style.height = \"1px\";\n    this.liveRegion.style.overflow = \"hidden\";\n    this.liveRegion.style.clip = \"rect(0, 0, 0, 0)\";\n    this.liveRegion.style.whiteSpace = \"nowrap\";\n    this.appendChild(this.liveRegion);\n  }\n\n  protected connect() {\n    this.copyBtn?.addEventListener(\"click\", this.handleCopy);\n  }\n\n  protected disconnect() {\n    this.copyBtn?.removeEventListener(\"click\", this.handleCopy);\n    this.clearResetTimeout();\n  }\n\n  private getCopyText(): string {\n    // Prefer explicit attribute (set by the processor with raw code)\n    const attrText = this.getAttribute(\"data-copy-text\");\n    if (attrText) return attrText;\n\n    // Fallback: extract text from the code container\n    const codeEl = this.querySelector(\"[data-part='code'] code\") as HTMLElement | null;\n    if (codeEl) return codeEl.textContent ?? \"\";\n\n    const codeContainer = this.querySelector(\"[data-part='code']\") as HTMLElement | null;\n    return codeContainer?.textContent ?? \"\";\n  }\n\n  private showCopiedFeedback() {\n    this.clearResetTimeout();\n\n    // Swap icons\n    if (this.copyIcon) this.copyIcon.hidden = true;\n    if (this.checkIcon) this.checkIcon.hidden = false;\n\n    // Visual state\n    this.setAttribute(\"data-state\", \"copied\");\n\n    // Screen reader announcement\n    if (this.liveRegion) this.liveRegion.textContent = \"Copied!\";\n\n    // Revert after 2 seconds\n    this.resetTimeout = setTimeout(() => {\n      if (this.copyIcon) this.copyIcon.hidden = false;\n      if (this.checkIcon) this.checkIcon.hidden = true;\n      this.removeAttribute(\"data-state\");\n      if (this.liveRegion) this.liveRegion.textContent = \"\";\n      this.resetTimeout = null;\n    }, 2000);\n  }\n\n  private clearResetTimeout() {\n    if (this.resetTimeout !== null) {\n      clearTimeout(this.resetTimeout);\n      this.resetTimeout = null;\n    }\n  }\n}\n\nif (!customElements.get(\"db-code-block\")) {\n  customElements.define(\"db-code-block\", DbCodeBlock);\n}\n"],"mappings":";;;;;AAmBO,IAAM,cAAN,cAA0B,eAAe;AAAA,EACtC,UAA8B;AAAA,EAC9B,WAA+B;AAAA,EAC/B,YAAgC;AAAA,EAChC,aAAiC;AAAA,EACjC,eAAqD;AAAA,EAErD,aAAa,YAAY;AAC/B,UAAM,OAAO,KAAK,YAAY;AAC9B,QAAI,CAAC,KAAM;AAEX,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,IAAI;AACxC,WAAK,mBAAmB;AAExB,WAAK;AAAA,QACH,IAAI,YAAY,wBAAwB;AAAA,UACtC,QAAQ,EAAE,KAAK;AAAA,UACf,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,IACF,QAAQ;AAAA,IAER;AAAA,EACF;AAAA,EAEU,QAAQ;AAChB,SAAK,UAAU,KAAK,cAAc,oBAAoB;AACtD,SAAK,WAAW,KAAK,cAAc,yBAAyB;AAC5D,SAAK,YAAY,KAAK,cAAc,0BAA0B;AAG9D,QAAI,KAAK,WAAW,CAAC,KAAK,QAAQ,aAAa,YAAY,GAAG;AAC5D,WAAK,QAAQ,aAAa,cAAc,WAAW;AAAA,IACrD;AAGA,SAAK,aAAa,SAAS,cAAc,MAAM;AAC/C,SAAK,WAAW,aAAa,aAAa,QAAQ;AAClD,SAAK,WAAW,aAAa,QAAQ,QAAQ;AAC7C,SAAK,WAAW,YAAY;AAC5B,SAAK,WAAW,MAAM,WAAW;AACjC,SAAK,WAAW,MAAM,QAAQ;AAC9B,SAAK,WAAW,MAAM,SAAS;AAC/B,SAAK,WAAW,MAAM,WAAW;AACjC,SAAK,WAAW,MAAM,OAAO;AAC7B,SAAK,WAAW,MAAM,aAAa;AACnC,SAAK,YAAY,KAAK,UAAU;AAAA,EAClC;AAAA,EAEU,UAAU;AAClB,SAAK,SAAS,iBAAiB,SAAS,KAAK,UAAU;AAAA,EACzD;AAAA,EAEU,aAAa;AACrB,SAAK,SAAS,oBAAoB,SAAS,KAAK,UAAU;AAC1D,SAAK,kBAAkB;AAAA,EACzB;AAAA,EAEQ,cAAsB;AAE5B,UAAM,WAAW,KAAK,aAAa,gBAAgB;AACnD,QAAI,SAAU,QAAO;AAGrB,UAAM,SAAS,KAAK,cAAc,yBAAyB;AAC3D,QAAI,OAAQ,QAAO,OAAO,eAAe;AAEzC,UAAM,gBAAgB,KAAK,cAAc,oBAAoB;AAC7D,WAAO,eAAe,eAAe;AAAA,EACvC;AAAA,EAEQ,qBAAqB;AAC3B,SAAK,kBAAkB;AAGvB,QAAI,KAAK,SAAU,MAAK,SAAS,SAAS;AAC1C,QAAI,KAAK,UAAW,MAAK,UAAU,SAAS;AAG5C,SAAK,aAAa,cAAc,QAAQ;AAGxC,QAAI,KAAK,WAAY,MAAK,WAAW,cAAc;AAGnD,SAAK,eAAe,WAAW,MAAM;AACnC,UAAI,KAAK,SAAU,MAAK,SAAS,SAAS;AAC1C,UAAI,KAAK,UAAW,MAAK,UAAU,SAAS;AAC5C,WAAK,gBAAgB,YAAY;AACjC,UAAI,KAAK,WAAY,MAAK,WAAW,cAAc;AACnD,WAAK,eAAe;AAAA,IACtB,GAAG,GAAI;AAAA,EACT;AAAA,EAEQ,oBAAoB;AAC1B,QAAI,KAAK,iBAAiB,MAAM;AAC9B,mBAAa,KAAK,YAAY;AAC9B,WAAK,eAAe;AAAA,IACtB;AAAA,EACF;AACF;AAEA,IAAI,CAAC,eAAe,IAAI,eAAe,GAAG;AACxC,iBAAe,OAAO,iBAAiB,WAAW;AACpD;","names":[]}

package/dist/chunk-LFXZQ4YV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/db-link-button.ts"],"sourcesContent":["import { DogsbayElement } from \"./base.js\";\n\n/**\n * `<db-link-button>` — Styled link that looks like a button.\n *\n * Attributes:\n *   href     — target URL (required)\n *   variant  — \"primary\" | \"secondary\" | \"outline\" (default: \"primary\")\n *\n * Light DOM: renders as an <a> tag with button styling.\n * Works in both Astro (matches Button component) and Obsidian.\n *\n * In Astro, the format-astro serializer maps link-button TreeNode to\n * the Button.astro component with href prop.\n *\n * In Obsidian, the plugin emits <db-link-button> which this element\n * auto-upgrades with styling and keyboard navigation.\n */\nexport class DbLinkButton extends DogsbayElement {\n  private anchor: HTMLAnchorElement | null = null;\n\n  protected setup() {\n    const href = this.getAttribute(\"href\") || \"#\";\n    const variant = this.getAttribute(\"variant\") || \"primary\";\n    const text = this.textContent?.trim() || href;\n\n    // Create the anchor element\n    this.anchor = document.createElement(\"a\");\n    this.anchor.href = href;\n    this.anchor.textContent = text;\n    this.anchor.className = \"db-link-button-anchor\";\n    this.anchor.dataset.variant = variant;\n\n    // External links open in new tab\n    if (href.startsWith(\"http\")) {\n      this.anchor.target = \"_blank\";\n      this.anchor.rel = \"noopener noreferrer\";\n\n      // Add external icon\n      const icon = document.createElement(\"span\");\n      icon.className = \"db-link-button-icon\";\n      icon.setAttribute(\"aria-hidden\", \"true\");\n      icon.textContent = \"↗\";\n      this.anchor.appendChild(icon);\n    }\n\n    this.textContent = \"\";\n    this.appendChild(this.anchor);\n  }\n}\n\nif (!customElements.get(\"db-link-button\")) {\n  customElements.define(\"db-link-button\", DbLinkButton);\n}\n"],"mappings":";;;;;AAkBO,IAAM,eAAN,cAA2B,eAAe;AAAA,EACvC,SAAmC;AAAA,EAEjC,QAAQ;AAChB,UAAM,OAAO,KAAK,aAAa,MAAM,KAAK;AAC1C,UAAM,UAAU,KAAK,aAAa,SAAS,KAAK;AAChD,UAAM,OAAO,KAAK,aAAa,KAAK,KAAK;AAGzC,SAAK,SAAS,SAAS,cAAc,GAAG;AACxC,SAAK,OAAO,OAAO;AACnB,SAAK,OAAO,cAAc;AAC1B,SAAK,OAAO,YAAY;AACxB,SAAK,OAAO,QAAQ,UAAU;AAG9B,QAAI,KAAK,WAAW,MAAM,GAAG;AAC3B,WAAK,OAAO,SAAS;AACrB,WAAK,OAAO,MAAM;AAGlB,YAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,WAAK,YAAY;AACjB,WAAK,aAAa,eAAe,MAAM;AACvC,WAAK,cAAc;AACnB,WAAK,OAAO,YAAY,IAAI;AAAA,IAC9B;AAEA,SAAK,cAAc;AACnB,SAAK,YAAY,KAAK,MAAM;AAAA,EAC9B;AACF;AAEA,IAAI,CAAC,eAAe,IAAI,gBAAgB,GAAG;AACzC,iBAAe,OAAO,kBAAkB,YAAY;AACtD;","names":[]}

package/dist/chunk-LVXR7KTB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/db-tabs.ts"],"sourcesContent":["import { CompositeNavigation } from \"@dogsbay/primitives/composite\";\nimport type { Orientation } from \"@dogsbay/primitives/composite\";\nimport { DogsbayElement } from \"./base.js\";\n\nlet idCounter = 0;\nfunction uniqueId(prefix: string) {\n  return `${prefix}-${++idCounter}`;\n}\n\n/**\n * `<db-tabs>` — Accessible tabbed interface.\n *\n * Attributes:\n *   default-value  — initial selected tab value\n *   orientation    — \"horizontal\" (default) or \"vertical\"\n *   sync-key       — sync selection across instances via localStorage\n *\n * Children:\n *   [data-part=\"list\"]     — tablist container\n *   [data-part=\"trigger\"]  — tab buttons (must have data-value)\n *   [data-part=\"content\"]  — tab panels (must have data-value)\n *\n * Events:\n *   db-tabs:change — fired on selection change, detail: { value }\n */\nexport class DbTabs extends DogsbayElement {\n  private list!: HTMLElement;\n  private triggers: HTMLElement[] = [];\n  private panels: HTMLElement[] = [];\n  private nav: CompositeNavigation | null = null;\n  private value = \"\";\n  private syncKey: string | null = null;\n  private orientation: Orientation = \"horizontal\";\n\n  private handleClick = (e: Event) => {\n    const trigger = (e.target as HTMLElement).closest(\n      \"[data-part='trigger']\",\n    ) as HTMLElement | null;\n    if (!trigger || trigger.hasAttribute(\"disabled\")) return;\n    const value = trigger.dataset.value;\n    if (value) this.select(value);\n  };\n\n  private handleStorage = (e: StorageEvent) => {\n    if (!this.syncKey || e.key !== `db-tabs-sync:${this.syncKey}`) return;\n    const newValue = e.newValue;\n    if (newValue && this.value !== newValue) {\n      this.select(newValue);\n    }\n  };\n\n  private handleSyncEvent = ((e: CustomEvent) => {\n    const newValue = e.detail.value;\n    if (newValue && this.value !== newValue) {\n      this.select(newValue);\n    }\n  }) as EventListener;\n\n  protected setup() {\n    const list = this.querySelector(\"[data-part='list']\") as HTMLElement | null;\n    if (!list) return;\n    this.list = list;\n\n    this.triggers = Array.from(\n      list.querySelectorAll(\"[data-part='trigger']\"),\n    ) as HTMLElement[];\n    this.panels = Array.from(\n      this.querySelectorAll(\":scope > [data-part='content']\"),\n    ) as HTMLElement[];\n\n    this.orientation =\n      (this.getAttribute(\"orientation\") as Orientation) || \"horizontal\";\n    this.syncKey = this.getAttribute(\"sync-key\") || null;\n\n    // Set orientation on tablist\n    list.setAttribute(\"role\", \"tablist\");\n    list.setAttribute(\"aria-orientation\", this.orientation);\n\n    // Generate IDs and link triggers ↔ panels\n    this.triggers.forEach((trigger) => {\n      const value = trigger.dataset.value!;\n      trigger.setAttribute(\"role\", \"tab\");\n      const triggerId = trigger.id || uniqueId(\"db-tab\");\n      trigger.id = triggerId;\n\n      const panel = this.panels.find((p) => p.dataset.value === value);\n      if (panel) {\n        panel.setAttribute(\"role\", \"tabpanel\");\n        const panelId = panel.id || uniqueId(\"db-tabpanel\");\n        panel.id = panelId;\n        trigger.setAttribute(\"aria-controls\", panelId);\n        panel.setAttribute(\"aria-labelledby\", triggerId);\n      }\n    });\n\n    // Set up composite navigation\n    this.nav = new CompositeNavigation(list, \"[data-part='trigger']\", {\n      orientation: this.orientation,\n      loop: true,\n      homeEnd: true,\n      onHighlightedIndexChange: () => {\n        const focused = document.activeElement as HTMLElement;\n        const value = focused?.dataset?.value;\n        if (value) this.select(value);\n      },\n    });\n\n    this.nav.activate();\n\n    // Determine initial value: hash > localStorage > default-value > first trigger\n    const defaultValue =\n      this.getAttribute(\"default-value\") ||\n      this.triggers[0]?.dataset.value ||\n      \"\";\n\n    let initialValue = defaultValue;\n    if (this.syncKey) {\n      const stored = localStorage.getItem(`db-tabs-sync:${this.syncKey}`);\n      if (stored && this.triggers.some((t) => t.dataset.value === stored)) {\n        initialValue = stored;\n      }\n    }\n    const hash = window.location.hash.slice(1);\n    if (hash && this.triggers.some((t) => t.dataset.value === hash)) {\n      initialValue = hash;\n    }\n\n    this.select(initialValue);\n  }\n\n  protected connect() {\n    this.list?.addEventListener(\"click\", this.handleClick);\n    if (this.syncKey) {\n      window.addEventListener(\"storage\", this.handleStorage);\n      document.addEventListener(\n        `db-tabs-sync:${this.syncKey}`,\n        this.handleSyncEvent,\n      );\n    }\n  }\n\n  protected disconnect() {\n    this.list?.removeEventListener(\"click\", this.handleClick);\n    if (this.syncKey) {\n      window.removeEventListener(\"storage\", this.handleStorage);\n      document.removeEventListener(\n        `db-tabs-sync:${this.syncKey}`,\n        this.handleSyncEvent,\n      );\n    }\n  }\n\n  select(value: string) {\n    if (this.value === value) return;\n    this.value = value;\n\n    // Update triggers\n    this.triggers.forEach((trigger) => {\n      const isSelected = trigger.dataset.value === value;\n      trigger.setAttribute(\"aria-selected\", String(isSelected));\n      trigger.setAttribute(\"tabindex\", isSelected ? \"0\" : \"-1\");\n      if (isSelected) {\n        trigger.setAttribute(\"data-state\", \"active\");\n      } else {\n        trigger.removeAttribute(\"data-state\");\n      }\n    });\n\n    // Update panels\n    this.panels.forEach((panel) => {\n      const isActive = panel.dataset.value === value;\n      panel.hidden = !isActive;\n      if (isActive) {\n        panel.setAttribute(\"data-state\", \"active\");\n        if (!panel.hasAttribute(\"tabindex\")) {\n          panel.setAttribute(\"tabindex\", \"0\");\n        }\n        // Lazy init: upgrade any nested db-tabs that haven't connected yet\n        // (browser handles this automatically via connectedCallback)\n      } else {\n        panel.removeAttribute(\"data-state\");\n      }\n    });\n\n    // Sync to localStorage and other instances\n    if (this.syncKey) {\n      localStorage.setItem(`db-tabs-sync:${this.syncKey}`, value);\n      document.dispatchEvent(\n        new CustomEvent(`db-tabs-sync:${this.syncKey}`, {\n          detail: { value, source: this },\n        }),\n      );\n    }\n\n    // Dispatch change event\n    this.dispatchEvent(\n      new CustomEvent(\"db-tabs:change\", {\n        detail: { value },\n        bubbles: true,\n      }),\n    );\n  }\n}\n\nif (!customElements.get(\"db-tabs\")) {\n  customElements.define(\"db-tabs\", DbTabs);\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-TTNTPXBA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/db-collapsible.ts"],"sourcesContent":["import { Collapsible } from \"@dogsbay/primitives/collapsible\";\nimport { DogsbayElement } from \"./base.js\";\n\n/**\n * `<db-collapsible>` — Accessible expand/collapse panel.\n *\n * Attributes:\n *   default-open  — start expanded\n *   disabled      — prevent toggling\n *\n * Children:\n *   [data-part=\"trigger\"]  — toggle button\n *   [data-part=\"content\"]  — collapsible panel\n *\n * Events:\n *   db-collapsible:toggle — fired on state change, detail: { open }\n */\nexport class DbCollapsible extends DogsbayElement {\n  private collapsible: Collapsible | null = null;\n\n  protected setup() {\n    const trigger = this.querySelector<HTMLElement>(\"[data-part='trigger']\");\n    const content = this.querySelector<HTMLElement>(\"[data-part='content']\");\n    if (!trigger || !content) return;\n\n    const disabled = this.hasAttribute(\"disabled\");\n    if (disabled) {\n      trigger.setAttribute(\"disabled\", \"\");\n      trigger.setAttribute(\"aria-disabled\", \"true\");\n    }\n\n    this.collapsible = new Collapsible(trigger, content, {\n      onToggle: (open) => {\n        this.setAttribute(\"data-state\", open ? \"open\" : \"closed\");\n        content.setAttribute(\"data-state\", open ? \"open\" : \"closed\");\n        this.dispatchEvent(\n          new CustomEvent(\"db-collapsible:toggle\", {\n            detail: { open },\n            bubbles: true,\n          }),\n        );\n      },\n    });\n\n    if (this.hasAttribute(\"default-open\")) {\n      this.collapsible.expand();\n      content.setAttribute(\"data-state\", \"open\");\n    } else {\n      this.setAttribute(\"data-state\", \"closed\");\n      content.setAttribute(\"data-state\", \"closed\");\n    }\n  }\n}\n\nif (!customElements.get(\"db-collapsible\")) {\n  customElements.define(\"db-collapsible\", DbCollapsible);\n}\n"],"mappings":";;;;;AAAA,SAAS,mBAAmB;AAiBrB,IAAM,gBAAN,cAA4B,eAAe;AAAA,EACxC,cAAkC;AAAA,EAEhC,QAAQ;AAChB,UAAM,UAAU,KAAK,cAA2B,uBAAuB;AACvE,UAAM,UAAU,KAAK,cAA2B,uBAAuB;AACvE,QAAI,CAAC,WAAW,CAAC,QAAS;AAE1B,UAAM,WAAW,KAAK,aAAa,UAAU;AAC7C,QAAI,UAAU;AACZ,cAAQ,aAAa,YAAY,EAAE;AACnC,cAAQ,aAAa,iBAAiB,MAAM;AAAA,IAC9C;AAEA,SAAK,cAAc,IAAI,YAAY,SAAS,SAAS;AAAA,MACnD,UAAU,CAAC,SAAS;AAClB,aAAK,aAAa,cAAc,OAAO,SAAS,QAAQ;AACxD,gBAAQ,aAAa,cAAc,OAAO,SAAS,QAAQ;AAC3D,aAAK;AAAA,UACH,IAAI,YAAY,yBAAyB;AAAA,YACvC,QAAQ,EAAE,KAAK;AAAA,YACf,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF,CAAC;AAED,QAAI,KAAK,aAAa,cAAc,GAAG;AACrC,WAAK,YAAY,OAAO;AACxB,cAAQ,aAAa,cAAc,MAAM;AAAA,IAC3C,OAAO;AACL,WAAK,aAAa,cAAc,QAAQ;AACxC,cAAQ,aAAa,cAAc,QAAQ;AAAA,IAC7C;AAAA,EACF;AACF;AAEA,IAAI,CAAC,eAAe,IAAI,gBAAgB,GAAG;AACzC,iBAAe,OAAO,kBAAkB,aAAa;AACvD;","names":[]}

package/dist/chunk-XBMLE4N3.js

@@ -1,28 +0,0 @@
-// src/base.ts
-var DogsbayElement = class extends HTMLElement {
-  _initialized = false;
-  connectedCallback() {
-    if (!this._initialized) {
-      this.setup();
-      this._initialized = true;
-    }
-    this.connect();
-  }
-  disconnectedCallback() {
-    this.disconnect();
-  }
-  /** One-time setup: query children, generate IDs, set ARIA. */
-  setup() {
-  }
-  /** Called on every connect: attach event listeners. */
-  connect() {
-  }
-  /** Called on every disconnect: remove event listeners. */
-  disconnect() {
-  }
-};
-
-export {
-  DogsbayElement
-};
-//# sourceMappingURL=chunk-XBMLE4N3.js.map

package/dist/chunk-XBMLE4N3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/base.ts"],"sourcesContent":["/**\n * Base class for Dogsbay custom elements.\n *\n * Handles the connect/disconnect lifecycle and ensures one-time setup\n * runs only once even when Obsidian's virtual scrolling removes and\n * re-adds elements to the DOM.\n */\nexport abstract class DogsbayElement extends HTMLElement {\n  private _initialized = false;\n\n  connectedCallback() {\n    if (!this._initialized) {\n      this.setup();\n      this._initialized = true;\n    }\n    this.connect();\n  }\n\n  disconnectedCallback() {\n    this.disconnect();\n  }\n\n  /** One-time setup: query children, generate IDs, set ARIA. */\n  protected setup() {}\n\n  /** Called on every connect: attach event listeners. */\n  protected connect() {}\n\n  /** Called on every disconnect: remove event listeners. */\n  protected disconnect() {}\n}\n"],"mappings":";AAOO,IAAe,iBAAf,cAAsC,YAAY;AAAA,EAC/C,eAAe;AAAA,EAEvB,oBAAoB;AAClB,QAAI,CAAC,KAAK,cAAc;AACtB,WAAK,MAAM;AACX,WAAK,eAAe;AAAA,IACtB;AACA,SAAK,QAAQ;AAAA,EACf;AAAA,EAEA,uBAAuB;AACrB,SAAK,WAAW;AAAA,EAClB;AAAA;AAAA,EAGU,QAAQ;AAAA,EAAC;AAAA;AAAA,EAGT,UAAU;AAAA,EAAC;AAAA;AAAA,EAGX,aAAa;AAAA,EAAC;AAC1B;","names":[]}