@dogsbay/elements 0.2.0-beta.0

package/dist/base-BtvRtAsC.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Base class for Dogsbay custom elements.
+ *
+ * Handles the connect/disconnect lifecycle and ensures one-time setup
+ * runs only once even when Obsidian's virtual scrolling removes and
+ * re-adds elements to the DOM.
+ */
+declare abstract class DogsbayElement extends HTMLElement {
+    private _initialized;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** One-time setup: query children, generate IDs, set ARIA. */
+    protected setup(): void;
+    /** Called on every connect: attach event listeners. */
+    protected connect(): void;
+    /** Called on every disconnect: remove event listeners. */
+    protected disconnect(): void;
+}
+
+export { DogsbayElement as D };

package/dist/chunk-5T4OXQA2.js

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,52 @@
+import {
+  DogsbayElement
+} from "./chunk-XBMLE4N3.js";
+
+// src/db-card.ts
+var DbCard = class extends DogsbayElement {
+  href = null;
+  handleClick = () => {
+    if (this.href) this.navigate();
+  };
+  handleKeydown = (e) => {
+    if (!this.href) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      this.navigate();
+    }
+  };
+  setup() {
+    this.href = this.getAttribute("href");
+    if (this.href) {
+      this.setAttribute("role", "link");
+      this.setAttribute("tabindex", "0");
+      this.setAttribute("data-interactive", "");
+    }
+  }
+  connect() {
+    if (this.href) {
+      this.addEventListener("click", this.handleClick);
+      this.addEventListener("keydown", this.handleKeydown);
+    }
+  }
+  disconnect() {
+    this.removeEventListener("click", this.handleClick);
+    this.removeEventListener("keydown", this.handleKeydown);
+  }
+  navigate() {
+    this.dispatchEvent(
+      new CustomEvent("db-card:navigate", {
+        detail: { href: this.href },
+        bubbles: true
+      })
+    );
+  }
+};
+if (!customElements.get("db-card")) {
+  customElements.define("db-card", DbCard);
+}
+
+export {
+  DbCard
+};
+//# sourceMappingURL=chunk-7BIVQSGP.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,95 @@
+import {
+  DogsbayElement
+} from "./chunk-XBMLE4N3.js";
+
+// src/db-accordion.ts
+import { CompositeNavigation } from "@dogsbay/primitives/composite";
+import { Collapsible } from "@dogsbay/primitives/collapsible";
+var DbAccordion = class extends DogsbayElement {
+  items = [];
+  nav = null;
+  openValues = /* @__PURE__ */ new Set();
+  type = "single";
+  setup() {
+    this.type = this.getAttribute("type") || "single";
+    const defaultStr = this.getAttribute("default-value") || "";
+    const defaultValues = defaultStr ? defaultStr.split(",") : [];
+    const itemEls = Array.from(
+      this.querySelectorAll("[data-part='item']")
+    );
+    this.items = itemEls.map((el) => {
+      const trigger = el.querySelector("[data-part='trigger']");
+      const content = el.querySelector("[data-part='content']");
+      if (!trigger || !content) return null;
+      const value = el.dataset.value || "";
+      const disabled = el.hasAttribute("data-disabled");
+      if (disabled) {
+        trigger.setAttribute("disabled", "");
+        trigger.setAttribute("aria-disabled", "true");
+      }
+      const collapsible = new Collapsible(trigger, content, {
+        onToggle: (open) => {
+          if (open) {
+            this.onItemExpanded(value);
+          } else {
+            this.onItemCollapsed(value);
+          }
+        }
+      });
+      return { el, value, collapsible, disabled };
+    }).filter(Boolean);
+    this.nav = new CompositeNavigation(this, "[data-part='trigger']", {
+      orientation: "vertical",
+      loop: true,
+      homeEnd: true
+    });
+    this.nav.activate();
+    this.items.forEach((item, i) => {
+      item.collapsible.trigger.setAttribute("tabindex", i === 0 ? "0" : "-1");
+    });
+    defaultValues.forEach((value) => {
+      const item = this.items.find((i) => i.value === value && !i.disabled);
+      if (item) {
+        item.collapsible.expand();
+      }
+    });
+  }
+  onItemExpanded(value) {
+    if (this.type === "single") {
+      for (const openValue of this.openValues) {
+        if (openValue !== value) {
+          const other = this.items.find((i) => i.value === openValue);
+          if (other) other.collapsible.collapse();
+        }
+      }
+    }
+    this.openValues.add(value);
+    const item = this.items.find((i) => i.value === value);
+    if (item) item.el.setAttribute("data-state", "open");
+    this.dispatchEvent(
+      new CustomEvent("db-accordion:change", {
+        detail: { value, open: true, openValues: [...this.openValues] },
+        bubbles: true
+      })
+    );
+  }
+  onItemCollapsed(value) {
+    this.openValues.delete(value);
+    const item = this.items.find((i) => i.value === value);
+    if (item) item.el.removeAttribute("data-state");
+    this.dispatchEvent(
+      new CustomEvent("db-accordion:change", {
+        detail: { value, open: false, openValues: [...this.openValues] },
+        bubbles: true
+      })
+    );
+  }
+};
+if (!customElements.get("db-accordion")) {
+  customElements.define("db-accordion", DbAccordion);
+}
+
+export {
+  DbAccordion
+};
+//# sourceMappingURL=chunk-7M7SFLKN.js.map

package/dist/chunk-7M7SFLKN.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 } 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":"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","names":[]}

package/dist/chunk-FWAAU5UY.js

@@ -0,0 +1,89 @@
+import {
+  DogsbayElement
+} from "./chunk-XBMLE4N3.js";
+
+// src/db-code-block.ts
+var DbCodeBlock = class extends DogsbayElement {
+  copyBtn = null;
+  copyIcon = null;
+  checkIcon = null;
+  liveRegion = null;
+  resetTimeout = null;
+  handleCopy = async () => {
+    const text = this.getCopyText();
+    if (!text) return;
+    try {
+      await navigator.clipboard.writeText(text);
+      this.showCopiedFeedback();
+      this.dispatchEvent(
+        new CustomEvent("db-code-block:copied", {
+          detail: { text },
+          bubbles: true
+        })
+      );
+    } catch {
+    }
+  };
+  setup() {
+    this.copyBtn = this.querySelector("[data-part='copy']");
+    this.copyIcon = this.querySelector("[data-part='copy-icon']");
+    this.checkIcon = this.querySelector("[data-part='check-icon']");
+    if (this.copyBtn && !this.copyBtn.hasAttribute("aria-label")) {
+      this.copyBtn.setAttribute("aria-label", "Copy code");
+    }
+    this.liveRegion = document.createElement("span");
+    this.liveRegion.setAttribute("aria-live", "polite");
+    this.liveRegion.setAttribute("role", "status");
+    this.liveRegion.className = "sr-only";
+    this.liveRegion.style.position = "absolute";
+    this.liveRegion.style.width = "1px";
+    this.liveRegion.style.height = "1px";
+    this.liveRegion.style.overflow = "hidden";
+    this.liveRegion.style.clip = "rect(0, 0, 0, 0)";
+    this.liveRegion.style.whiteSpace = "nowrap";
+    this.appendChild(this.liveRegion);
+  }
+  connect() {
+    this.copyBtn?.addEventListener("click", this.handleCopy);
+  }
+  disconnect() {
+    this.copyBtn?.removeEventListener("click", this.handleCopy);
+    this.clearResetTimeout();
+  }
+  getCopyText() {
+    const attrText = this.getAttribute("data-copy-text");
+    if (attrText) return attrText;
+    const codeEl = this.querySelector("[data-part='code'] code");
+    if (codeEl) return codeEl.textContent ?? "";
+    const codeContainer = this.querySelector("[data-part='code']");
+    return codeContainer?.textContent ?? "";
+  }
+  showCopiedFeedback() {
+    this.clearResetTimeout();
+    if (this.copyIcon) this.copyIcon.hidden = true;
+    if (this.checkIcon) this.checkIcon.hidden = false;
+    this.setAttribute("data-state", "copied");
+    if (this.liveRegion) this.liveRegion.textContent = "Copied!";
+    this.resetTimeout = setTimeout(() => {
+      if (this.copyIcon) this.copyIcon.hidden = false;
+      if (this.checkIcon) this.checkIcon.hidden = true;
+      this.removeAttribute("data-state");
+      if (this.liveRegion) this.liveRegion.textContent = "";
+      this.resetTimeout = null;
+    }, 2e3);
+  }
+  clearResetTimeout() {
+    if (this.resetTimeout !== null) {
+      clearTimeout(this.resetTimeout);
+      this.resetTimeout = null;
+    }
+  }
+};
+if (!customElements.get("db-code-block")) {
+  customElements.define("db-code-block", DbCodeBlock);
+}
+
+export {
+  DbCodeBlock
+};
+//# sourceMappingURL=chunk-FWAAU5UY.js.map

package/dist/chunk-FWAAU5UY.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,37 @@
+import {
+  DogsbayElement
+} from "./chunk-XBMLE4N3.js";
+
+// src/db-link-button.ts
+var DbLinkButton = class extends DogsbayElement {
+  anchor = null;
+  setup() {
+    const href = this.getAttribute("href") || "#";
+    const variant = this.getAttribute("variant") || "primary";
+    const text = this.textContent?.trim() || href;
+    this.anchor = document.createElement("a");
+    this.anchor.href = href;
+    this.anchor.textContent = text;
+    this.anchor.className = "db-link-button-anchor";
+    this.anchor.dataset.variant = variant;
+    if (href.startsWith("http")) {
+      this.anchor.target = "_blank";
+      this.anchor.rel = "noopener noreferrer";
+      const icon = document.createElement("span");
+      icon.className = "db-link-button-icon";
+      icon.setAttribute("aria-hidden", "true");
+      icon.textContent = "\u2197";
+      this.anchor.appendChild(icon);
+    }
+    this.textContent = "";
+    this.appendChild(this.anchor);
+  }
+};
+if (!customElements.get("db-link-button")) {
+  customElements.define("db-link-button", DbLinkButton);
+}
+
+export {
+  DbLinkButton
+};
+//# sourceMappingURL=chunk-LFXZQ4YV.js.map

package/dist/chunk-LFXZQ4YV.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,161 @@
+import {
+  DogsbayElement
+} from "./chunk-XBMLE4N3.js";
+
+// src/db-tabs.ts
+import { CompositeNavigation } from "@dogsbay/primitives/composite";
+var idCounter = 0;
+function uniqueId(prefix) {
+  return `${prefix}-${++idCounter}`;
+}
+var DbTabs = class extends DogsbayElement {
+  list;
+  triggers = [];
+  panels = [];
+  nav = null;
+  value = "";
+  syncKey = null;
+  orientation = "horizontal";
+  handleClick = (e) => {
+    const trigger = e.target.closest(
+      "[data-part='trigger']"
+    );
+    if (!trigger || trigger.hasAttribute("disabled")) return;
+    const value = trigger.dataset.value;
+    if (value) this.select(value);
+  };
+  handleStorage = (e) => {
+    if (!this.syncKey || e.key !== `db-tabs-sync:${this.syncKey}`) return;
+    const newValue = e.newValue;
+    if (newValue && this.value !== newValue) {
+      this.select(newValue);
+    }
+  };
+  handleSyncEvent = ((e) => {
+    const newValue = e.detail.value;
+    if (newValue && this.value !== newValue) {
+      this.select(newValue);
+    }
+  });
+  setup() {
+    const list = this.querySelector("[data-part='list']");
+    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.orientation = this.getAttribute("orientation") || "horizontal";
+    this.syncKey = this.getAttribute("sync-key") || null;
+    list.setAttribute("role", "tablist");
+    list.setAttribute("aria-orientation", this.orientation);
+    this.triggers.forEach((trigger) => {
+      const value = trigger.dataset.value;
+      trigger.setAttribute("role", "tab");
+      const triggerId = trigger.id || uniqueId("db-tab");
+      trigger.id = triggerId;
+      const panel = this.panels.find((p) => p.dataset.value === value);
+      if (panel) {
+        panel.setAttribute("role", "tabpanel");
+        const panelId = panel.id || uniqueId("db-tabpanel");
+        panel.id = panelId;
+        trigger.setAttribute("aria-controls", panelId);
+        panel.setAttribute("aria-labelledby", triggerId);
+      }
+    });
+    this.nav = new CompositeNavigation(list, "[data-part='trigger']", {
+      orientation: this.orientation,
+      loop: true,
+      homeEnd: true,
+      onHighlightedIndexChange: () => {
+        const focused = document.activeElement;
+        const value = focused?.dataset?.value;
+        if (value) this.select(value);
+      }
+    });
+    this.nav.activate();
+    const defaultValue = this.getAttribute("default-value") || this.triggers[0]?.dataset.value || "";
+    let initialValue = defaultValue;
+    if (this.syncKey) {
+      const stored = localStorage.getItem(`db-tabs-sync:${this.syncKey}`);
+      if (stored && this.triggers.some((t) => t.dataset.value === stored)) {
+        initialValue = stored;
+      }
+    }
+    const hash = window.location.hash.slice(1);
+    if (hash && this.triggers.some((t) => t.dataset.value === hash)) {
+      initialValue = hash;
+    }
+    this.select(initialValue);
+  }
+  connect() {
+    this.list?.addEventListener("click", this.handleClick);
+    if (this.syncKey) {
+      window.addEventListener("storage", this.handleStorage);
+      document.addEventListener(
+        `db-tabs-sync:${this.syncKey}`,
+        this.handleSyncEvent
+      );
+    }
+  }
+  disconnect() {
+    this.list?.removeEventListener("click", this.handleClick);
+    if (this.syncKey) {
+      window.removeEventListener("storage", this.handleStorage);
+      document.removeEventListener(
+        `db-tabs-sync:${this.syncKey}`,
+        this.handleSyncEvent
+      );
+    }
+  }
+  select(value) {
+    if (this.value === value) return;
+    this.value = value;
+    this.triggers.forEach((trigger) => {
+      const isSelected = trigger.dataset.value === value;
+      trigger.setAttribute("aria-selected", String(isSelected));
+      trigger.setAttribute("tabindex", isSelected ? "0" : "-1");
+      if (isSelected) {
+        trigger.setAttribute("data-state", "active");
+      } else {
+        trigger.removeAttribute("data-state");
+      }
+    });
+    this.panels.forEach((panel) => {
+      const isActive = panel.dataset.value === value;
+      panel.hidden = !isActive;
+      if (isActive) {
+        panel.setAttribute("data-state", "active");
+        if (!panel.hasAttribute("tabindex")) {
+          panel.setAttribute("tabindex", "0");
+        }
+      } else {
+        panel.removeAttribute("data-state");
+      }
+    });
+    if (this.syncKey) {
+      localStorage.setItem(`db-tabs-sync:${this.syncKey}`, value);
+      document.dispatchEvent(
+        new CustomEvent(`db-tabs-sync:${this.syncKey}`, {
+          detail: { value, source: this }
+        })
+      );
+    }
+    this.dispatchEvent(
+      new CustomEvent("db-tabs:change", {
+        detail: { value },
+        bubbles: true
+      })
+    );
+  }
+};
+if (!customElements.get("db-tabs")) {
+  customElements.define("db-tabs", DbTabs);
+}
+
+export {
+  DbTabs
+};
+//# sourceMappingURL=chunk-LVXR7KTB.js.map

package/dist/chunk-LVXR7KTB.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 } 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

@@ -0,0 +1,46 @@
+import {
+  DogsbayElement
+} from "./chunk-XBMLE4N3.js";
+
+// src/db-collapsible.ts
+import { Collapsible } from "@dogsbay/primitives/collapsible";
+var DbCollapsible = class extends DogsbayElement {
+  collapsible = null;
+  setup() {
+    const trigger = this.querySelector("[data-part='trigger']");
+    const content = this.querySelector("[data-part='content']");
+    if (!trigger || !content) return;
+    const disabled = this.hasAttribute("disabled");
+    if (disabled) {
+      trigger.setAttribute("disabled", "");
+      trigger.setAttribute("aria-disabled", "true");
+    }
+    this.collapsible = new Collapsible(trigger, content, {
+      onToggle: (open) => {
+        this.setAttribute("data-state", open ? "open" : "closed");
+        content.setAttribute("data-state", open ? "open" : "closed");
+        this.dispatchEvent(
+          new CustomEvent("db-collapsible:toggle", {
+            detail: { open },
+            bubbles: true
+          })
+        );
+      }
+    });
+    if (this.hasAttribute("default-open")) {
+      this.collapsible.expand();
+      content.setAttribute("data-state", "open");
+    } else {
+      this.setAttribute("data-state", "closed");
+      content.setAttribute("data-state", "closed");
+    }
+  }
+};
+if (!customElements.get("db-collapsible")) {
+  customElements.define("db-collapsible", DbCollapsible);
+}
+
+export {
+  DbCollapsible
+};
+//# sourceMappingURL=chunk-TTNTPXBA.js.map

package/dist/chunk-TTNTPXBA.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,28 @@
+// 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

@@ -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"],"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":[]}

package/dist/db-accordion.d.ts

@@ -0,0 +1,28 @@
+import { D as DogsbayElement } from './base-BtvRtAsC.js';
+
+/**
+ * `<db-accordion>` — Accessible accordion with single/multiple mode.
+ *
+ * Attributes:
+ *   type           — "single" (default) or "multiple"
+ *   default-value  — comma-separated values to open initially
+ *
+ * Children:
+ *   [data-part="item"] with data-value  — accordion items
+ *   [data-part="trigger"]               — toggle button (inside item)
+ *   [data-part="content"]               — collapsible panel (inside item)
+ *
+ * Events:
+ *   db-accordion:change — detail: { value, open, openValues }
+ */
+declare class DbAccordion extends DogsbayElement {
+    private items;
+    private nav;
+    private openValues;
+    private type;
+    protected setup(): void;
+    private onItemExpanded;
+    private onItemCollapsed;
+}
+
+export { DbAccordion };

package/dist/db-accordion.js

@@ -0,0 +1,8 @@
+import {
+  DbAccordion
+} from "./chunk-7M7SFLKN.js";
+import "./chunk-XBMLE4N3.js";
+export {
+  DbAccordion
+};
+//# sourceMappingURL=db-accordion.js.map

package/dist/db-accordion.js.map

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

package/dist/db-card.d.ts

@@ -0,0 +1,30 @@
+import { D as DogsbayElement } from './base-BtvRtAsC.js';
+
+/**
+ * `<db-card>` — Accessible content card with optional link behavior.
+ *
+ * Attributes:
+ *   href — if present, the card is clickable and navigates on click/Enter/Space
+ *
+ * Children:
+ *   [data-part="icon"]        — icon (optional)
+ *   [data-part="title"]       — card title (optional)
+ *   [data-part="description"] — card description (optional)
+ *   [data-part="content"]     — card body content (optional)
+ *
+ * Events:
+ *   db-card:navigate — fired when a linked card is activated, detail: { href }
+ *                      The host environment (Obsidian plugin or Astro) handles
+ *                      actual navigation by listening for this event.
+ */
+declare class DbCard extends DogsbayElement {
+    private href;
+    private handleClick;
+    private handleKeydown;
+    protected setup(): void;
+    protected connect(): void;
+    protected disconnect(): void;
+    private navigate;
+}
+
+export { DbCard };

package/dist/db-card.js

@@ -0,0 +1,8 @@
+import {
+  DbCard
+} from "./chunk-7BIVQSGP.js";
+import "./chunk-XBMLE4N3.js";
+export {
+  DbCard
+};
+//# sourceMappingURL=db-card.js.map

package/dist/db-card.js.map

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

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

@@ -0,0 +1,35 @@
+import { D as DogsbayElement } from './base-BtvRtAsC.js';
+
+/**
+ * `<db-code-block>` — Code block with copy-to-clipboard.
+ *
+ * Attributes:
+ *   data-copy-text — raw code text to copy (preferred over parsing DOM)
+ *
+ * Children:
+ *   [data-part="header"]     — header bar (optional)
+ *   [data-part="label"]      — title/language label (inside header, optional)
+ *   [data-part="copy"]       — copy button
+ *   [data-part="copy-icon"]  — copy icon SVG (inside copy button)
+ *   [data-part="check-icon"] — check icon SVG (inside copy button, starts hidden)
+ *   [data-part="code"]       — code content container
+ *
+ * Events:
+ *   db-code-block:copied — fired after successful copy, detail: { text }
+ */
+declare class DbCodeBlock extends DogsbayElement {
+    private copyBtn;
+    private copyIcon;
+    private checkIcon;
+    private liveRegion;
+    private resetTimeout;
+    private handleCopy;
+    protected setup(): void;
+    protected connect(): void;
+    protected disconnect(): void;
+    private getCopyText;
+    private showCopiedFeedback;
+    private clearResetTimeout;
+}
+
+export { DbCodeBlock };

package/dist/db-code-block.js

@@ -0,0 +1,8 @@
+import {
+  DbCodeBlock
+} from "./chunk-FWAAU5UY.js";
+import "./chunk-XBMLE4N3.js";
+export {
+  DbCodeBlock
+};
+//# sourceMappingURL=db-code-block.js.map

package/dist/db-code-block.js.map

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

package/dist/db-collapsible.d.ts

@@ -0,0 +1,22 @@
+import { D as DogsbayElement } from './base-BtvRtAsC.js';
+
+/**
+ * `<db-collapsible>` — Accessible expand/collapse panel.
+ *
+ * Attributes:
+ *   default-open  — start expanded
+ *   disabled      — prevent toggling
+ *
+ * Children:
+ *   [data-part="trigger"]  — toggle button
+ *   [data-part="content"]  — collapsible panel
+ *
+ * Events:
+ *   db-collapsible:toggle — fired on state change, detail: { open }
+ */
+declare class DbCollapsible extends DogsbayElement {
+    private collapsible;
+    protected setup(): void;
+}
+
+export { DbCollapsible };

package/dist/db-collapsible.js

@@ -0,0 +1,8 @@
+import {
+  DbCollapsible
+} from "./chunk-TTNTPXBA.js";
+import "./chunk-XBMLE4N3.js";
+export {
+  DbCollapsible
+};
+//# sourceMappingURL=db-collapsible.js.map

package/dist/db-collapsible.js.map

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

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

@@ -0,0 +1,24 @@
+import { D as DogsbayElement } from './base-BtvRtAsC.js';
+
+/**
+ * `<db-link-button>` — Styled link that looks like a button.
+ *
+ * Attributes:
+ *   href     — target URL (required)
+ *   variant  — "primary" | "secondary" | "outline" (default: "primary")
+ *
+ * Light DOM: renders as an <a> tag with button styling.
+ * Works in both Astro (matches Button component) and Obsidian.
+ *
+ * In Astro, the format-astro serializer maps link-button TreeNode to
+ * the Button.astro component with href prop.
+ *
+ * In Obsidian, the plugin emits <db-link-button> which this element
+ * auto-upgrades with styling and keyboard navigation.
+ */
+declare class DbLinkButton extends DogsbayElement {
+    private anchor;
+    protected setup(): void;
+}
+
+export { DbLinkButton };

package/dist/db-link-button.js

@@ -0,0 +1,8 @@
+import {
+  DbLinkButton
+} from "./chunk-LFXZQ4YV.js";
+import "./chunk-XBMLE4N3.js";
+export {
+  DbLinkButton
+};
+//# sourceMappingURL=db-link-button.js.map

package/dist/db-link-button.js.map

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

package/dist/db-steps.d.ts

@@ -0,0 +1,19 @@
+import { D as DogsbayElement } from './base-BtvRtAsC.js';
+
+/**
+ * `<db-steps>` — Accessible step-by-step list.
+ *
+ * A read-only component that renders numbered steps with ARIA semantics.
+ * Visual styling (numbered circles, connector lines) is handled by CSS
+ * using counter(step), matching the Astro Steps component.
+ *
+ * Children:
+ *   [data-part="item"]    — step items
+ *   [data-part="title"]   — step title (inside item, optional)
+ *   [data-part="content"] — step content (inside item, optional)
+ */
+declare class DbSteps extends DogsbayElement {
+    protected setup(): void;
+}
+
+export { DbSteps };

package/dist/db-steps.js

@@ -0,0 +1,8 @@
+import {
+  DbSteps
+} from "./chunk-5T4OXQA2.js";
+import "./chunk-XBMLE4N3.js";
+export {
+  DbSteps
+};
+//# sourceMappingURL=db-steps.js.map

package/dist/db-steps.js.map

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

package/dist/db-tabs.d.ts

@@ -0,0 +1,36 @@
+import { D as DogsbayElement } from './base-BtvRtAsC.js';
+
+/**
+ * `<db-tabs>` — Accessible tabbed interface.
+ *
+ * Attributes:
+ *   default-value  — initial selected tab value
+ *   orientation    — "horizontal" (default) or "vertical"
+ *   sync-key       — sync selection across instances via localStorage
+ *
+ * Children:
+ *   [data-part="list"]     — tablist container
+ *   [data-part="trigger"]  — tab buttons (must have data-value)
+ *   [data-part="content"]  — tab panels (must have data-value)
+ *
+ * Events:
+ *   db-tabs:change — fired on selection change, detail: { value }
+ */
+declare class DbTabs extends DogsbayElement {
+    private list;
+    private triggers;
+    private panels;
+    private nav;
+    private value;
+    private syncKey;
+    private orientation;
+    private handleClick;
+    private handleStorage;
+    private handleSyncEvent;
+    protected setup(): void;
+    protected connect(): void;
+    protected disconnect(): void;
+    select(value: string): void;
+}
+
+export { DbTabs };

package/dist/db-tabs.js

@@ -0,0 +1,8 @@
+import {
+  DbTabs
+} from "./chunk-LVXR7KTB.js";
+import "./chunk-XBMLE4N3.js";
+export {
+  DbTabs
+};
+//# sourceMappingURL=db-tabs.js.map

package/dist/db-tabs.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { D as DogsbayElement } from './base-BtvRtAsC.js';
+export { DbTabs } from './db-tabs.js';
+export { DbCollapsible } from './db-collapsible.js';
+export { DbAccordion } from './db-accordion.js';
+export { DbSteps } from './db-steps.js';
+export { DbCodeBlock } from './db-code-block.js';
+export { DbCard } from './db-card.js';
+export { DbLinkButton } from './db-link-button.js';

package/dist/index.js

@@ -0,0 +1,35 @@
+import {
+  DbAccordion
+} from "./chunk-7M7SFLKN.js";
+import {
+  DbCard
+} from "./chunk-7BIVQSGP.js";
+import {
+  DbCodeBlock
+} from "./chunk-FWAAU5UY.js";
+import {
+  DbCollapsible
+} from "./chunk-TTNTPXBA.js";
+import {
+  DbLinkButton
+} from "./chunk-LFXZQ4YV.js";
+import {
+  DbSteps
+} from "./chunk-5T4OXQA2.js";
+import {
+  DbTabs
+} from "./chunk-LVXR7KTB.js";
+import {
+  DogsbayElement
+} from "./chunk-XBMLE4N3.js";
+export {
+  DbAccordion,
+  DbCard,
+  DbCodeBlock,
+  DbCollapsible,
+  DbLinkButton,
+  DbSteps,
+  DbTabs,
+  DogsbayElement
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@dogsbay/elements",
+  "version": "0.2.0-beta.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./db-tabs": {
+      "types": "./dist/db-tabs.d.ts",
+      "import": "./dist/db-tabs.js"
+    },
+    "./db-collapsible": {
+      "types": "./dist/db-collapsible.d.ts",
+      "import": "./dist/db-collapsible.js"
+    },
+    "./db-accordion": {
+      "types": "./dist/db-accordion.d.ts",
+      "import": "./dist/db-accordion.js"
+    },
+    "./db-steps": {
+      "types": "./dist/db-steps.d.ts",
+      "import": "./dist/db-steps.js"
+    },
+    "./db-code-block": {
+      "types": "./dist/db-code-block.d.ts",
+      "import": "./dist/db-code-block.js"
+    },
+    "./db-card": {
+      "types": "./dist/db-card.d.ts",
+      "import": "./dist/db-card.js"
+    },
+    "./db-link-button": {
+      "types": "./dist/db-link-button.d.ts",
+      "import": "./dist/db-link-button.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@dogsbay/primitives": "0.2.0-beta.0"
+  },
+  "devDependencies": {
+    "happy-dom": "^20.8.9",
+    "tsup": "^8.4.0",
+    "typescript": "^5.8.0",
+    "vitest": "^3.1.0"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dogsbay/dogsbay.git",
+    "directory": "packages/elements"
+  },
+  "homepage": "https://github.com/dogsbay/dogsbay/tree/main/packages/elements",
+  "bugs": {
+    "url": "https://github.com/dogsbay/dogsbay/issues"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
+  }
+}