@rosettadash/web-components 0.1.0

package/src/catalog/palette-group/rd-palette-group.d.ts

@@ -0,0 +1,33 @@
+import { type CatalogVariant } from '../_shared/catalog-variant.js';
+export declare const RD_PALETTE_GROUP_TAG = "rd-palette-group";
+export type PaletteGroupFit = 'universal' | 'specialized' | 'mixed';
+export interface PaletteGroupProps {
+    groupId: string;
+    label?: string;
+    fit?: PaletteGroupFit;
+    variant?: CatalogVariant;
+}
+export declare class RdPaletteGroupElement extends HTMLElement {
+    static readonly tagName = "rd-palette-group";
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    get groupId(): string;
+    get groupLabel(): string;
+    get fit(): PaletteGroupFit;
+    get variant(): CatalogVariant;
+    private fitLabel;
+    private render;
+}
+export declare function registerRdPaletteGroup(): void;
+export declare function createPaletteGroupElement(options: {
+    groupId: string;
+    label: string;
+    fit: PaletteGroupFit;
+    summary: string;
+    relationships: string;
+    learnMore: string;
+    relatedButtonsHtml?: string;
+    variant?: CatalogVariant;
+    showTitle?: boolean;
+}): RdPaletteGroupElement;

package/src/catalog/palette-group/rd-palette-group.js

@@ -0,0 +1,179 @@
+import { defineRosettaElement, readString } from '../../lib/element-utils.js';
+import { applyCatalogVariant, readCatalogVariant } from '../_shared/catalog-variant.js';
+export const RD_PALETTE_GROUP_TAG = 'rd-palette-group';
+export class RdPaletteGroupElement extends HTMLElement {
+    static tagName = RD_PALETTE_GROUP_TAG;
+    static get observedAttributes() {
+        return ['group-id', 'label', 'fit', 'variant'];
+    }
+    connectedCallback() {
+        if (!this.shadowRoot) {
+            this.attachShadow({ mode: 'open' });
+        }
+        this.render();
+    }
+    attributeChangedCallback() {
+        if (this.shadowRoot) {
+            this.render();
+        }
+    }
+    get groupId() {
+        return readString(this.getAttribute('group-id'), '');
+    }
+    get groupLabel() {
+        return readString(this.getAttribute('label'), this.groupId);
+    }
+    get fit() {
+        const value = readString(this.getAttribute('fit'), 'mixed');
+        if (value === 'universal' || value === 'specialized') {
+            return value;
+        }
+        return 'mixed';
+    }
+    get variant() {
+        return readCatalogVariant(this.getAttribute('variant'));
+    }
+    fitLabel() {
+        switch (this.fit) {
+            case 'universal':
+                return 'Fits most dashboards';
+            case 'specialized':
+                return 'Specialized / single-purpose flows';
+            default:
+                return 'Mixed — some universal, some specialized';
+        }
+    }
+    render() {
+        const root = this.shadowRoot;
+        if (!root) {
+            return;
+        }
+        root.innerHTML = `
+<style>
+:host { display: block; }
+.rd-palette-group {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem 1.125rem;
+  border: 1px solid var(--rd-color-border, #d0d0d0);
+  border-radius: var(--rd-radius-md, 0.5rem);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--rd-color-accent, #2563eb) 5%, #fff) 0%, #fff 100%);
+  font-family: var(--rd-font-family, system-ui, sans-serif);
+  color: var(--rd-color-text, #1a1a1a);
+}
+.rd-palette-group__title {
+  margin: 0;
+  font-size: 1.125rem;
+}
+.rd-palette-group__fit {
+  margin: 0;
+  font-size: 0.6875rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--rd-color-muted, #5c5c5c);
+}
+.rd-palette-group__fit span {
+  padding: 0.125rem 0.5rem;
+  border-radius: 999px;
+  background: rgb(15 23 42 / 6%);
+}
+.rd-palette-group__heading {
+  margin: 0.5rem 0 0;
+  font-size: 0.8125rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  color: var(--rd-color-muted, #5c5c5c);
+}
+.rd-palette-group__body {
+  margin: 0;
+  font-size: 0.875rem;
+  line-height: 1.55;
+}
+.rd-palette-group__related {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.375rem;
+  font-size: 0.8125rem;
+  color: var(--rd-color-muted, #5c5c5c);
+}
+::slotted([slot="related"] button) {
+  padding: 0.25rem 0.625rem;
+  border: 1px solid var(--rd-color-border, #d0d0d0);
+  border-radius: 999px;
+  background: #fff;
+  font: inherit;
+  font-size: 0.75rem;
+  color: var(--rd-color-accent, #2563eb);
+  cursor: pointer;
+}
+.rd-palette-group--compact { padding: 0.75rem; gap: 0.5rem; }
+.rd-palette-group--compact .rd-palette-group__title { font-size: 1rem; }
+.rd-palette-group--plain {
+  background: #fff;
+  border-style: dashed;
+}
+</style>
+<aside class="rd-palette-group" part="group" data-guide-group="${escapeAttr(this.groupId)}">
+  <h2 class="rd-palette-group__title">${escapeHtml(this.groupLabel)}</h2>
+  <p class="rd-palette-group__fit"><span>${escapeHtml(this.fitLabel())}</span></p>
+  <slot name="summary"></slot>
+  <h3 class="rd-palette-group__heading">How components relate</h3>
+  <slot name="relationships"></slot>
+  <h3 class="rd-palette-group__heading">Where to learn more</h3>
+  <slot name="learn-more"></slot>
+  <div class="rd-palette-group__related">
+    <span>Related groups:</span>
+    <slot name="related"></slot>
+  </div>
+</aside>`;
+        applyCatalogVariant(this, 'rd-palette-group', this.variant);
+    }
+}
+function escapeHtml(value) {
+    return value
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+function escapeAttr(value) {
+    return escapeHtml(value);
+}
+export function registerRdPaletteGroup() {
+    defineRosettaElement(RD_PALETTE_GROUP_TAG, RdPaletteGroupElement);
+}
+export function createPaletteGroupElement(options) {
+    const el = document.createElement(RD_PALETTE_GROUP_TAG);
+    el.setAttribute('group-id', options.groupId);
+    el.setAttribute('label', options.label);
+    el.setAttribute('fit', options.fit);
+    if (options.variant) {
+        el.setAttribute('variant', options.variant);
+    }
+    const summary = document.createElement('p');
+    summary.slot = 'summary';
+    summary.className = 'rd-palette-group__body';
+    summary.textContent = options.summary;
+    el.appendChild(summary);
+    const relationships = document.createElement('p');
+    relationships.slot = 'relationships';
+    relationships.className = 'rd-palette-group__body';
+    relationships.textContent = options.relationships;
+    el.appendChild(relationships);
+    const learnMore = document.createElement('p');
+    learnMore.slot = 'learn-more';
+    learnMore.className = 'rd-palette-group__body';
+    learnMore.innerHTML = options.learnMore.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
+    el.appendChild(learnMore);
+    if (options.relatedButtonsHtml) {
+        const related = document.createElement('div');
+        related.slot = 'related';
+        related.innerHTML = options.relatedButtonsHtml;
+        el.appendChild(related);
+    }
+    return el;
+}
+//# sourceMappingURL=rd-palette-group.js.map

package/src/catalog/palette-group/rd-palette-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-palette-group.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/palette-group/rd-palette-group.ts"],"names":[],"mappings":"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"}

package/src/catalog/subcomponent-name/index.d.ts

@@ -0,0 +1 @@
+export { RD_SUBCOMPONENT_NAME_TAG, RdSubcomponentNameElement, registerRdSubcomponentName } from './rd-subcomponent-name.js';

package/src/catalog/subcomponent-name/index.js

@@ -0,0 +1,2 @@
+export { RD_SUBCOMPONENT_NAME_TAG, RdSubcomponentNameElement, registerRdSubcomponentName } from './rd-subcomponent-name.js';
+//# sourceMappingURL=index.js.map

package/src/catalog/subcomponent-name/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/subcomponent-name/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC"}

package/src/catalog/subcomponent-name/rd-subcomponent-name.d.ts

@@ -0,0 +1,12 @@
+import { type RdAttributeElement } from '../component-attribute/rd-attribute.js';
+export declare const RD_SUBCOMPONENT_NAME_TAG = "rd-subcomponent-name";
+export declare class RdSubcomponentNameElement extends HTMLElement {
+    static readonly tagName = "rd-subcomponent-name";
+    static get observedAttributes(): string[];
+    get subTag(): string;
+    get bindHint(): string;
+    get isRequired(): boolean;
+    get requirementClass(): 'required' | 'optional';
+    get attributeElements(): RdAttributeElement[];
+}
+export declare function registerRdSubcomponentName(): void;

package/src/catalog/subcomponent-name/rd-subcomponent-name.js

@@ -0,0 +1,29 @@
+import { defineRosettaElement, readString } from '../../lib/element-utils.js';
+import { RD_ATTRIBUTE_TAG } from '../component-attribute/rd-attribute.js';
+export const RD_SUBCOMPONENT_NAME_TAG = 'rd-subcomponent-name';
+export class RdSubcomponentNameElement extends HTMLElement {
+    static tagName = RD_SUBCOMPONENT_NAME_TAG;
+    static get observedAttributes() {
+        return ['tag', 'bind'];
+    }
+    get subTag() {
+        const raw = readString(this.getAttribute('tag'), 'rd-child');
+        return raw.startsWith('rd-') ? raw : `rd-${raw}`;
+    }
+    get bindHint() {
+        return readString(this.getAttribute('bind'), '');
+    }
+    get isRequired() {
+        return this.hasAttribute('required');
+    }
+    get requirementClass() {
+        return this.isRequired ? 'required' : 'optional';
+    }
+    get attributeElements() {
+        return [...this.querySelectorAll(`:scope > ${RD_ATTRIBUTE_TAG}`)];
+    }
+}
+export function registerRdSubcomponentName() {
+    defineRosettaElement(RD_SUBCOMPONENT_NAME_TAG, RdSubcomponentNameElement);
+}
+//# sourceMappingURL=rd-subcomponent-name.js.map

package/src/catalog/subcomponent-name/rd-subcomponent-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-subcomponent-name.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/subcomponent-name/rd-subcomponent-name.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAA2B,MAAM,wCAAwC,CAAC;AAEnG,MAAM,CAAC,MAAM,wBAAwB,GAAG,sBAAsB,CAAC;AAE/D,MAAM,OAAO,yBAA0B,SAAQ,WAAW;IACxD,MAAM,CAAU,OAAO,GAAG,wBAAwB,CAAC;IAEnD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACzB,CAAC;IAED,IAAI,MAAM;QACR,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;QAC7D,OAAO,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC;IACnD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;IACnD,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,YAAY,gBAAgB,EAAE,CAAC,CAAyB,CAAC;IAC5F,CAAC;;AAGH,MAAM,UAAU,0BAA0B;IACxC,oBAAoB,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,CAAC;AAC5E,CAAC"}

package/src/index.d.ts

@@ -0,0 +1,9 @@
+export * from './visual/media/index.js';
+export * from './wasm/index.js';
+export * from './layout/accordion/index.js';
+export * from './layout/accordion-link-list/index.js';
+export * from './visual/link-list/index.js';
+export * from './catalog/index.js';
+import './register-shadow-bases.browser.js';
+/** Register all RosettaDash runtime custom elements (layout + media + wasm + catalog). */
+export declare function registerRosettaDashElements(): void;

package/src/index.js

@@ -0,0 +1,23 @@
+export * from './visual/media/index.js';
+export * from './wasm/index.js';
+export * from './layout/accordion/index.js';
+export * from './layout/accordion-link-list/index.js';
+export * from './visual/link-list/index.js';
+export * from './catalog/index.js';
+import { registerLayoutAccordion } from './layout/accordion/index.js';
+import { registerLayoutAccordionLinkList } from './layout/accordion-link-list/index.js';
+import { registerVisualLinkList } from './visual/link-list/index.js';
+import { registerRosettaDashMediaElements } from './visual/media/index.js';
+import { registerRosettaDashWasmElements } from './wasm/index.js';
+import { registerRosettaDashCatalogElements } from './catalog/index.js';
+import './register-shadow-bases.browser.js';
+/** Register all RosettaDash runtime custom elements (layout + media + wasm + catalog). */
+export function registerRosettaDashElements() {
+    registerLayoutAccordion();
+    registerLayoutAccordionLinkList();
+    registerVisualLinkList();
+    registerRosettaDashMediaElements();
+    registerRosettaDashWasmElements();
+    registerRosettaDashCatalogElements();
+}
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/web-components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,+BAA+B,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,gCAAgC,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAElE,OAAO,EAAE,kCAAkC,EAAE,MAAM,oBAAoB,CAAC;AAExE,OAAO,oCAAoC,CAAC;AAE5C,0FAA0F;AAC1F,MAAM,UAAU,2BAA2B;IACzC,uBAAuB,EAAE,CAAC;IAC1B,+BAA+B,EAAE,CAAC;IAClC,sBAAsB,EAAE,CAAC;IACzB,gCAAgC,EAAE,CAAC;IACnC,+BAA+B,EAAE,CAAC;IAClC,kCAAkC,EAAE,CAAC;AACvC,CAAC"}

package/src/layout/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export type { AccordionProps } from './rd-accordion.js';
+export { RD_ACCORDION_TAG, RdAccordionElement, registerRdAccordion, } from './rd-accordion.js';
+/** Convenience: register layout/accordion custom element. */
+export declare function registerLayoutAccordion(): void;

package/src/layout/accordion/index.js

@@ -0,0 +1,7 @@
+export { RD_ACCORDION_TAG, RdAccordionElement, registerRdAccordion, } from './rd-accordion.js';
+import { registerRdAccordion } from './rd-accordion.js';
+/** Convenience: register layout/accordion custom element. */
+export function registerLayoutAccordion() {
+    registerRdAccordion();
+}
+//# sourceMappingURL=index.js.map

package/src/layout/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/accordion/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,6DAA6D;AAC7D,MAAM,UAAU,uBAAuB;IACrC,mBAAmB,EAAE,CAAC;AACxB,CAAC"}

package/src/layout/accordion/rd-accordion.d.ts

@@ -0,0 +1,26 @@
+export declare const RD_ACCORDION_TAG = "rd-accordion";
+/** Public props contract for layout/accordion (all runtimes share this shape). */
+export interface AccordionProps {
+    title: string;
+    defaultOpen?: boolean;
+    className?: string;
+}
+export declare class RdAccordionElement extends HTMLElement {
+    static readonly tagName = "rd-accordion";
+    private resourcesReady;
+    private headerListener;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    /** Await shadow template + first paint (tests and Storybook helpers). */
+    whenReady(): Promise<void>;
+    get heading(): string;
+    get defaultOpen(): boolean;
+    get open(): boolean;
+    set open(value: boolean);
+    private mountShadow;
+    private toggle;
+    private paint;
+}
+export declare function registerRdAccordion(): void;

package/src/layout/accordion/rd-accordion.js

@@ -0,0 +1,94 @@
+import { defineRosettaElement, readString } from '../../lib/element-utils.js';
+import { applyShadowMount, ensureShadowBase, loadShadowPairForTag } from '../../lib/shadow-base.js';
+export const RD_ACCORDION_TAG = 'rd-accordion';
+export class RdAccordionElement extends HTMLElement {
+    static tagName = RD_ACCORDION_TAG;
+    resourcesReady = null;
+    headerListener = null;
+    static get observedAttributes() {
+        return ['heading', 'title', 'default-open', 'open'];
+    }
+    connectedCallback() {
+        if (!this.shadowRoot) {
+            this.attachShadow({ mode: 'open' });
+        }
+        if (!this.hasAttribute('open') && this.defaultOpen) {
+            this.setAttribute('open', '');
+        }
+        this.resourcesReady = this.mountShadow();
+        void this.resourcesReady.then(() => this.paint());
+    }
+    disconnectedCallback() {
+        const root = this.shadowRoot;
+        const header = root?.querySelector('[data-ref="header"]');
+        if (header && this.headerListener) {
+            header.removeEventListener('click', this.headerListener);
+        }
+        this.headerListener = null;
+    }
+    attributeChangedCallback() {
+        if (this.shadowRoot && this.resourcesReady) {
+            void this.resourcesReady.then(() => this.paint());
+        }
+    }
+    /** Await shadow template + first paint (tests and Storybook helpers). */
+    whenReady() {
+        return this.resourcesReady ?? Promise.resolve();
+    }
+    get heading() {
+        return readString(this.getAttribute('heading') ?? this.getAttribute('title'), 'Section');
+    }
+    get defaultOpen() {
+        return this.hasAttribute('default-open');
+    }
+    get open() {
+        return this.hasAttribute('open');
+    }
+    set open(value) {
+        if (value) {
+            this.setAttribute('open', '');
+        }
+        else {
+            this.removeAttribute('open');
+        }
+    }
+    async mountShadow() {
+        const root = this.shadowRoot;
+        if (!root || root.querySelector('[data-ref="root"]')) {
+            return;
+        }
+        const pair = await loadShadowPairForTag(RD_ACCORDION_TAG, './rd-accordion.html', './rd-accordion.css');
+        applyShadowMount(root, pair);
+        const header = root.querySelector('[data-ref="header"]');
+        this.headerListener = () => this.toggle();
+        header?.addEventListener('click', this.headerListener);
+    }
+    toggle() {
+        this.open = !this.open;
+        this.dispatchEvent(new CustomEvent('rd-accordion-toggle', {
+            detail: { open: this.open },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    paint() {
+        const root = this.shadowRoot;
+        if (!root) {
+            return;
+        }
+        const open = this.open;
+        const section = root.querySelector('[data-ref="root"]');
+        const header = root.querySelector('[data-ref="header"]');
+        const title = root.querySelector('[data-ref="title"]');
+        section?.classList.toggle('rd-accordion--open', open);
+        header?.setAttribute('aria-expanded', open ? 'true' : 'false');
+        if (title) {
+            title.textContent = this.heading;
+        }
+    }
+}
+export function registerRdAccordion() {
+    ensureShadowBase(RD_ACCORDION_TAG);
+    defineRosettaElement(RD_ACCORDION_TAG, RdAccordionElement);
+}
+//# sourceMappingURL=rd-accordion.js.map

package/src/layout/accordion/rd-accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-accordion.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/accordion/rd-accordion.ts"],"names":[],"mappings":"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"}

package/src/layout/accordion-link-list/index.d.ts

@@ -0,0 +1,4 @@
+export type { AccordionLinkListProps } from './rd-accordion-link-list.js';
+export { AccordionLinkList, RD_ACCORDION_LINK_LIST_TAG, RdAccordionLinkListElement, registerRdAccordionLinkList, } from './rd-accordion-link-list.js';
+/** Convenience: register layout/accordion-link-list recipe element. */
+export declare function registerLayoutAccordionLinkList(): void;

package/src/layout/accordion-link-list/index.js

@@ -0,0 +1,7 @@
+export { AccordionLinkList, RD_ACCORDION_LINK_LIST_TAG, RdAccordionLinkListElement, registerRdAccordionLinkList, } from './rd-accordion-link-list.js';
+import { registerRdAccordionLinkList } from './rd-accordion-link-list.js';
+/** Convenience: register layout/accordion-link-list recipe element. */
+export function registerLayoutAccordionLinkList() {
+    registerRdAccordionLinkList();
+}
+//# sourceMappingURL=index.js.map

package/src/layout/accordion-link-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/accordion-link-list/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,EACjB,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,uEAAuE;AACvE,MAAM,UAAU,+BAA+B;IAC7C,2BAA2B,EAAE,CAAC;AAChC,CAAC"}

package/src/layout/accordion-link-list/rd-accordion-link-list.d.ts

@@ -0,0 +1,36 @@
+import { type LinkListItem } from '../../lib/parse-link-items.js';
+import { type AccordionProps } from '../accordion/rd-accordion.js';
+import { type LinkListProps } from '../../visual/link-list/rd-link-list.js';
+export declare const RD_ACCORDION_LINK_LIST_TAG = "rd-accordion-link-list";
+/** Public props for the accordion + link-list recipe (all runtimes). */
+export interface AccordionLinkListProps extends AccordionProps, Pick<LinkListProps, 'items' | 'dense'> {
+}
+/**
+ * Recipe custom element: collapsible nav / TOC over accordion + link-list atoms.
+ * Prefer composing atoms; use this when a single helper is clearer.
+ */
+export declare class RdAccordionLinkListElement extends HTMLElement {
+    static readonly tagName = "rd-accordion-link-list";
+    private itemsValue;
+    private resourcesReady;
+    private headerListener;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    whenReady(): Promise<void>;
+    get heading(): string;
+    get defaultOpen(): boolean;
+    get open(): boolean;
+    set open(value: boolean);
+    get items(): LinkListItem[];
+    set items(value: LinkListItem[]);
+    get dense(): boolean;
+    private syncItemsFromAttribute;
+    private mountShadow;
+    private toggle;
+    private paint;
+}
+/** Typed recipe helper — same props as the custom element. */
+export declare function AccordionLinkList(props: AccordionLinkListProps): AccordionLinkListProps;
+export declare function registerRdAccordionLinkList(): void;