@rosettadash/web-components 0.1.0

package/src/catalog/component-spec/rd-component-spec.js

@@ -0,0 +1,367 @@
+import { defineRosettaElement, readString } from '../../lib/element-utils.js';
+import { RD_COMPONENT_OPTION_TAG } from '../component-option/rd-component-option.js';
+import { RD_COMPONENT_PORT_TAG } from '../component-port/rd-component-port.js';
+import { RD_COMPONENT_REQUIREMENT_TAG } from '../component-requirement/rd-component-requirement.js';
+import { applyCatalogVariant, readCatalogVariant } from '../_shared/catalog-variant.js';
+export const RD_COMPONENT_SPEC_TAG = 'rd-component-spec';
+export class RdComponentSpecElement extends HTMLElement {
+    static tagName = RD_COMPONENT_SPEC_TAG;
+    static get observedAttributes() {
+        return [
+            'component-type',
+            'label',
+            'description',
+            'category',
+            'is-visual',
+            'variant',
+            'nav-group-id',
+        ];
+    }
+    connectedCallback() {
+        if (!this.shadowRoot) {
+            this.attachShadow({ mode: 'open' });
+        }
+        if (this.navGroupId) {
+            this.setAttribute('data-nav-group', this.navGroupId);
+        }
+        this.render();
+    }
+    attributeChangedCallback() {
+        if (this.shadowRoot) {
+            this.render();
+        }
+    }
+    get componentType() {
+        return readString(this.getAttribute('component-type'), '');
+    }
+    get specLabel() {
+        return readString(this.getAttribute('label'), 'Component');
+    }
+    get description() {
+        return readString(this.getAttribute('description'), '');
+    }
+    get category() {
+        return readString(this.getAttribute('category'), '');
+    }
+    get isVisual() {
+        return this.getAttribute('is-visual') !== 'false';
+    }
+    get variant() {
+        return readCatalogVariant(this.getAttribute('variant'));
+    }
+    get navGroupId() {
+        return readString(this.getAttribute('nav-group-id'), '');
+    }
+    portRows(selector, direction) {
+        const ports = [...this.querySelectorAll(selector)].filter((el) => (el.getAttribute('direction') ?? 'input') === direction);
+        if (ports.length === 0) {
+            return '';
+        }
+        const rows = ports
+            .map((el) => {
+            const name = escapeHtml(el.getAttribute('name') ?? '');
+            const dataType = escapeHtml(el.getAttribute('data-type') ?? 'any');
+            const required = el.hasAttribute('required')
+                ? '<span class="rd-component-spec__required">required</span>'
+                : '';
+            const desc = el.getAttribute('description')
+                ? `<span class="rd-component-spec__port-desc">${escapeHtml(el.getAttribute('description') ?? '')}</span>`
+                : '';
+            return `<li><code>${name}</code> <span class="rd-component-spec__port-type">${dataType}</span>${required}${desc}</li>`;
+        })
+            .join('');
+        const label = direction === 'input' ? 'Inputs' : 'Outputs';
+        return `<div class="rd-component-spec__section"><span class="rd-component-spec__section-label">${label}</span><ul class="rd-component-spec__port-list">${rows}</ul></div>`;
+    }
+    requirementRows() {
+        const items = [...this.querySelectorAll(RD_COMPONENT_REQUIREMENT_TAG)];
+        if (items.length === 0) {
+            return '';
+        }
+        const rows = items
+            .map((el) => {
+            const kind = el.getAttribute('kind') === 'assumption' ? 'Assumption' : 'Dependency';
+            const text = escapeHtml(el.textContent?.trim() ?? '');
+            return `<li><span class="rd-component-spec__req-kind">${kind}</span> ${text}</li>`;
+        })
+            .join('');
+        return `<div class="rd-component-spec__section"><span class="rd-component-spec__section-label">Requirements</span><ul class="rd-component-spec__req-list">${rows}</ul></div>`;
+    }
+    optionRows() {
+        const items = [...this.querySelectorAll(RD_COMPONENT_OPTION_TAG)];
+        if (items.length === 0) {
+            return '';
+        }
+        const rows = items
+            .map((el) => {
+            const label = escapeHtml(el.getAttribute('label') ?? el.getAttribute('option-key') ?? '');
+            const key = escapeHtml(el.getAttribute('option-key') ?? '');
+            const type = escapeHtml(el.getAttribute('type') ?? 'string');
+            const required = el.hasAttribute('required')
+                ? '<span class="rd-component-spec__required">required</span>'
+                : '';
+            const def = el.getAttribute('default-value')
+                ? `<span class="rd-component-spec__opt-default">default: <code>${escapeHtml(el.getAttribute('default-value') ?? '')}</code></span>`
+                : '';
+            return `<li><strong>${label}</strong> <code>${key}</code> <span class="rd-component-spec__port-type">${type}</span>${required}${def}</li>`;
+        })
+            .join('');
+        return `<div class="rd-component-spec__section"><span class="rd-component-spec__section-label">Options</span><ul class="rd-component-spec__opt-list">${rows}</ul></div>`;
+    }
+    hideMetaChildren() {
+        this.querySelectorAll(`${RD_COMPONENT_PORT_TAG}, ${RD_COMPONENT_REQUIREMENT_TAG}, ${RD_COMPONENT_OPTION_TAG}`).forEach((el) => {
+            el.hidden = true;
+        });
+    }
+    render() {
+        const root = this.shadowRoot;
+        if (!root) {
+            return;
+        }
+        this.hideMetaChildren();
+        const variant = this.variant;
+        const navAttr = this.navGroupId ? ` data-nav-group="${escapeAttr(this.navGroupId)}"` : '';
+        const linkable = this.navGroupId ? ' rd-component-spec__header--linkable' : '';
+        const meta = this.category
+            ? `<footer class="rd-component-spec__footer"><code>${escapeHtml(this.componentType)}</code><span>${escapeHtml(this.category)}${this.isVisual ? '' : ' · non-visual'}</span></footer>`
+            : `<footer class="rd-component-spec__footer"><code>${escapeHtml(this.componentType)}</code></footer>`;
+        const learnMore = this.querySelector('[slot="learn-more"]');
+        const learnMoreHtml = learnMore
+            ? `<div class="rd-component-spec__learn"><slot name="learn-more"></slot></div>`
+            : '';
+        root.innerHTML = `
+<style>
+:host { display: block; }
+.rd-component-spec {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid var(--rd-color-border, #d0d0d0);
+  border-radius: var(--rd-radius-md, 0.5rem);
+  background: #fff;
+  font-family: var(--rd-font-family, system-ui, sans-serif);
+  color: var(--rd-color-text, #1a1a1a);
+}
+.rd-component-spec__header h3 {
+  margin: 0;
+  font-size: 1rem;
+}
+.rd-component-spec__header p {
+  margin: 0.25rem 0 0;
+  font-size: 0.8125rem;
+  color: var(--rd-color-muted, #5c5c5c);
+  line-height: 1.45;
+}
+.rd-component-spec__header--linkable { cursor: pointer; }
+.rd-component-spec__header--linkable h3 { color: var(--rd-color-accent, #2563eb); }
+.rd-component-spec__meta {
+  display: grid;
+  gap: 0.5rem;
+  padding: 0.625rem 0.75rem;
+  border: 1px solid var(--rd-color-border, #d0d0d0);
+  border-radius: var(--rd-radius-sm, 0.25rem);
+  background: var(--rd-color-surface, #f8fafc);
+  font-size: 0.8125rem;
+}
+.rd-component-spec__section { display: grid; gap: 0.375rem; }
+.rd-component-spec__section-label {
+  font-size: 0.625rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--rd-color-muted, #5c5c5c);
+}
+.rd-component-spec__port-list,
+.rd-component-spec__req-list,
+.rd-component-spec__opt-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+  gap: 0.25rem;
+}
+.rd-component-spec__port-list li,
+.rd-component-spec__req-list li,
+.rd-component-spec__opt-list li {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 0.25rem 0.375rem;
+  font-size: 0.8125rem;
+}
+.rd-component-spec__port-type {
+  padding: 0.0625rem 0.375rem;
+  border-radius: 999px;
+  background: rgb(15 23 42 / 6%);
+  font-size: 0.6875rem;
+  color: var(--rd-color-muted, #5c5c5c);
+}
+.rd-component-spec__required {
+  font-size: 0.6875rem;
+  font-weight: 600;
+  color: #b45309;
+}
+.rd-component-spec__req-kind {
+  font-size: 0.625rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  color: var(--rd-color-muted, #5c5c5c);
+}
+.rd-component-spec__port-desc,
+.rd-component-spec__opt-default {
+  flex: 1 1 100%;
+  font-size: 0.75rem;
+  color: var(--rd-color-muted, #5c5c5c);
+}
+.rd-component-spec__demo ::slotted(*) { display: block; }
+.rd-component-spec__learn {
+  font-size: 0.75rem;
+  color: var(--rd-color-muted, #5c5c5c);
+  line-height: 1.45;
+}
+.rd-component-spec__footer {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem 1rem;
+  padding-top: 0.5rem;
+  border-top: 1px solid var(--rd-color-border, #d0d0d0);
+  font-size: 0.6875rem;
+  color: var(--rd-color-muted, #5c5c5c);
+}
+.rd-component-spec__footer code {
+  font-family: ui-monospace, monospace;
+}
+.rd-component-spec--compact {
+  padding: 0.625rem 0.75rem;
+  gap: 0.5rem;
+}
+.rd-component-spec--compact .rd-component-spec__header h3 { font-size: 0.9375rem; }
+.rd-component-spec--plain {
+  border-style: dashed;
+  background: transparent;
+}
+.rd-component-spec--plain .rd-component-spec__meta {
+  background: transparent;
+  border-style: dashed;
+}
+</style>
+<article class="rd-component-spec"${navAttr} part="spec">
+  <header class="rd-component-spec__header${linkable}">
+    <h3>${escapeHtml(this.specLabel)}</h3>
+    <p>${escapeHtml(this.description)}</p>
+    <slot name="jump"></slot>
+  </header>
+  <div class="rd-component-spec__meta">
+    ${this.portRows(RD_COMPONENT_PORT_TAG, 'input')}
+    ${this.portRows(RD_COMPONENT_PORT_TAG, 'output')}
+    ${this.requirementRows()}
+    ${this.optionRows()}
+  </div>
+  <div class="rd-component-spec__demo"><slot name="demo"></slot></div>
+  ${learnMoreHtml}
+  ${meta}
+</article>`;
+        applyCatalogVariant(this, 'rd-component-spec', 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 registerRdComponentSpec() {
+    defineRosettaElement(RD_COMPONENT_SPEC_TAG, RdComponentSpecElement);
+}
+/** Factory helper — build spec element tree from registry definition. */
+export function createComponentSpecElement(definition, options = {}) {
+    const el = document.createElement(RD_COMPONENT_SPEC_TAG);
+    el.setAttribute('component-type', definition.type);
+    el.setAttribute('label', definition.label);
+    if (definition.description) {
+        el.setAttribute('description', definition.description);
+    }
+    el.setAttribute('category', definition.category);
+    el.setAttribute('is-visual', definition.isVisual ? 'true' : 'false');
+    if (options.variant) {
+        el.setAttribute('variant', options.variant);
+    }
+    if (options.navGroupId) {
+        el.setAttribute('nav-group-id', options.navGroupId);
+    }
+    for (const port of definition.inputs) {
+        const portEl = document.createElement(RD_COMPONENT_PORT_TAG);
+        portEl.setAttribute('direction', 'input');
+        portEl.setAttribute('name', port.name);
+        portEl.setAttribute('data-type', port.dataType);
+        if (port.required) {
+            portEl.setAttribute('required', '');
+        }
+        if (port.description) {
+            portEl.setAttribute('description', port.description);
+        }
+        if (options.variant) {
+            portEl.setAttribute('variant', options.variant);
+        }
+        el.appendChild(portEl);
+    }
+    for (const port of definition.outputs) {
+        const portEl = document.createElement(RD_COMPONENT_PORT_TAG);
+        portEl.setAttribute('direction', 'output');
+        portEl.setAttribute('name', port.name);
+        portEl.setAttribute('data-type', port.dataType);
+        if (port.description) {
+            portEl.setAttribute('description', port.description);
+        }
+        if (options.variant) {
+            portEl.setAttribute('variant', options.variant);
+        }
+        el.appendChild(portEl);
+    }
+    for (const text of options.dependencies ?? []) {
+        const req = document.createElement(RD_COMPONENT_REQUIREMENT_TAG);
+        req.setAttribute('kind', 'dependency');
+        if (options.variant) {
+            req.setAttribute('variant', options.variant);
+        }
+        req.textContent = text;
+        el.appendChild(req);
+    }
+    for (const text of options.assumptions ?? []) {
+        const req = document.createElement(RD_COMPONENT_REQUIREMENT_TAG);
+        req.setAttribute('kind', 'assumption');
+        if (options.variant) {
+            req.setAttribute('variant', options.variant);
+        }
+        req.textContent = text;
+        el.appendChild(req);
+    }
+    for (const property of definition.properties) {
+        const opt = document.createElement(RD_COMPONENT_OPTION_TAG);
+        opt.setAttribute('option-key', property.key);
+        opt.setAttribute('type', property.type);
+        opt.setAttribute('label', property.label);
+        if (property.default !== undefined) {
+            opt.setAttribute('default-value', String(property.default));
+        }
+        if (property.required) {
+            opt.setAttribute('required', '');
+        }
+        if (options.variant) {
+            opt.setAttribute('variant', options.variant);
+        }
+        el.appendChild(opt);
+    }
+    if (options.learnMoreHtml) {
+        const learn = document.createElement('div');
+        learn.slot = 'learn-more';
+        learn.innerHTML = options.learnMoreHtml;
+        el.appendChild(learn);
+    }
+    return el;
+}
+//# sourceMappingURL=rd-component-spec.js.map

package/src/catalog/component-spec/rd-component-spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-component-spec.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/component-spec/rd-component-spec.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AACpG,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAuB,MAAM,+BAA+B,CAAC;AAE7G,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;AAazD,MAAM,OAAO,sBAAuB,SAAQ,WAAW;IACrD,MAAM,CAAU,OAAO,GAAG,qBAAqB,CAAC;IAEhD,MAAM,KAAK,kBAAkB;QAC3B,OAAO;YACL,gBAAgB;YAChB,OAAO;YACP,aAAa;YACb,UAAU;YACV,WAAW;YACX,SAAS;YACT,cAAc;SACf,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACtC,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QACvD,CAAC;QACD,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,wBAAwB;QACtB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAED,IAAI,aAAa;QACf,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7D,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC;IAC7D,CAAC;IAED,IAAI,WAAW;QACb,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC;IACpD,CAAC;IAED,IAAI,OAAO;QACT,OAAO,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3D,CAAC;IAEO,QAAQ,CAAC,QAAgB,EAAE,SAA6B;QAC9D,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CACvD,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,OAAO,CAAC,KAAK,SAAS,CAChE,CAAC;QACF,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,IAAI,GAAG,KAAK;aACf,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACV,MAAM,IAAI,GAAG,UAAU,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;YACvD,MAAM,QAAQ,GAAG,UAAU,CAAC,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC;YACnE,MAAM,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;gBAC1C,CAAC,CAAC,2DAA2D;gBAC7D,CAAC,CAAC,EAAE,CAAC;YACP,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC;gBACzC,CAAC,CAAC,8CAA8C,UAAU,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,SAAS;gBACzG,CAAC,CAAC,EAAE,CAAC;YACP,OAAO,aAAa,IAAI,sDAAsD,QAAQ,UAAU,QAAQ,GAAG,IAAI,OAAO,CAAC;QACzH,CAAC,CAAC;aACD,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,MAAM,KAAK,GAAG,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QAC3D,OAAO,0FAA0F,KAAK,mDAAmD,IAAI,aAAa,CAAC;IAC7K,CAAC;IAEO,eAAe;QACrB,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,CAAC,CAAC;QACvE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,IAAI,GAAG,KAAK;aACf,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACV,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;YACpF,MAAM,IAAI,GAAG,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YACtD,OAAO,iDAAiD,IAAI,WAAW,IAAI,OAAO,CAAC;QACrF,CAAC,CAAC;aACD,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,OAAO,qJAAqJ,IAAI,aAAa,CAAC;IAChL,CAAC;IAEO,UAAU;QAChB,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC,CAAC;QAClE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,IAAI,GAAG,KAAK;aACf,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACV,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;YAC1F,MAAM,GAAG,GAAG,UAAU,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;YAC5D,MAAM,IAAI,GAAG,UAAU,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,CAAC;YAC7D,MAAM,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;gBAC1C,CAAC,CAAC,2DAA2D;gBAC7D,CAAC,CAAC,EAAE,CAAC;YACP,MAAM,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC;gBAC1C,CAAC,CAAC,+DAA+D,UAAU,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,gBAAgB;gBACnI,CAAC,CAAC,EAAE,CAAC;YACP,OAAO,eAAe,KAAK,mBAAmB,GAAG,sDAAsD,IAAI,UAAU,QAAQ,GAAG,GAAG,OAAO,CAAC;QAC7I,CAAC,CAAC;aACD,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,OAAO,gJAAgJ,IAAI,aAAa,CAAC;IAC3K,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,gBAAgB,CACnB,GAAG,qBAAqB,KAAK,4BAA4B,KAAK,uBAAuB,EAAE,CACxF,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACd,EAAkB,CAAC,MAAM,GAAG,IAAI,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,MAAM;QACZ,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;QAC7B,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAExB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,oBAAoB,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1F,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/E,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ;YACxB,CAAC,CAAC,mDAAmD,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,kBAAkB;YACrL,CAAC,CAAC,mDAAmD,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC;QAExG,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC5D,MAAM,aAAa,GAAG,SAAS;YAC7B,CAAC,CAAC,6EAA6E;YAC/E,CAAC,CAAC,EAAE,CAAC;QAEP,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAoHe,OAAO;4CACC,QAAQ;UAC1C,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC;SAC3B,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC;;;;MAI/B,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,OAAO,CAAC;MAC7C,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,QAAQ,CAAC;MAC9C,IAAI,CAAC,eAAe,EAAE;MACtB,IAAI,CAAC,UAAU,EAAE;;;IAGnB,aAAa;IACb,IAAI;WACG,CAAC;QAER,mBAAmB,CAAC,IAAI,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAAC;IAC1D,CAAC;;AAGH,SAAS,UAAU,CAAC,KAAa;IAC/B,OAAO,KAAK;SACT,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC;AAED,SAAS,UAAU,CAAC,KAAa;IAC/B,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,uBAAuB;IACrC,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,CAAC,CAAC;AACtE,CAAC;AAED,yEAAyE;AACzE,MAAM,UAAU,0BAA0B,CACxC,UAA+B,EAC/B,UAMI,EAAE;IAEN,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAA2B,CAAC;IACnF,EAAE,CAAC,YAAY,CAAC,gBAAgB,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IACnD,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,UAAU,CAAC,WAAW,EAAE,CAAC;QAC3B,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IACzD,CAAC;IACD,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IACjD,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACrE,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACpB,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;QACvB,EAAE,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC;IAED,KAAK,MAAM,IAAI,IAAI,UAAU,CAAC,MAAM,EAAE,CAAC;QACrC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC7D,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAC1C,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QACtC,CAAC;QACD,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACvD,CAAC;QACD,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC;QACD,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC;IAED,KAAK,MAAM,IAAI,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;QACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC7D,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QAC3C,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChD,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACvD,CAAC;QACD,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC;QACD,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC;IAED,KAAK,MAAM,IAAI,IAAI,OAAO,CAAC,YAAY,IAAI,EAAE,EAAE,CAAC;QAC9C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QACjE,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QACvC,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAC/C,CAAC;QACD,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC;QACvB,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,KAAK,MAAM,IAAI,IAAI,OAAO,CAAC,WAAW,IAAI,EAAE,EAAE,CAAC;QAC7C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QACjE,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QACvC,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAC/C,CAAC;QACD,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC;QACvB,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,KAAK,MAAM,QAAQ,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC;QAC7C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;QAC5D,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC7C,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QACxC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,QAAQ,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACnC,GAAG,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9D,CAAC;QACD,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;YACtB,GAAG,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QACnC,CAAC;QACD,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAC/C,CAAC;QACD,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;QAC1B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,KAAK,CAAC,IAAI,GAAG,YAAY,CAAC;QAC1B,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC;QACxC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/src/catalog/index.d.ts

@@ -0,0 +1,23 @@
+export type { CatalogVariant } from './_shared/catalog-variant.js';
+export { CATALOG_VARIANTS, readCatalogVariant, applyCatalogVariant } from './_shared/catalog-variant.js';
+export type { ComponentAttributeProps } from './component-attribute/index.js';
+export { RD_ATTRIBUTE_TAG, RdAttributeElement, registerRdAttribute, } from './component-attribute/index.js';
+export type { BuildComponentMarkupOptions } from './component-name/index.js';
+export { RD_COMPONENT_NAME_TAG, RdComponentNameElement, registerRdComponentName, createComponentNameElement, } from './component-name/index.js';
+export { RD_SUBCOMPONENT_NAME_TAG, RdSubcomponentNameElement, registerRdSubcomponentName, } from './subcomponent-name/index.js';
+export { taxonomyToRdTag } from './_shared/markup-shared.js';
+export { RD_COMPONENT_PORT_TAG, RdComponentPortElement, registerRdComponentPort, } from './component-port/index.js';
+export type { ComponentRequirementKind, ComponentRequirementProps } from './component-requirement/index.js';
+export { RD_COMPONENT_REQUIREMENT_TAG, RdComponentRequirementElement, registerRdComponentRequirement, } from './component-requirement/index.js';
+export type { ComponentOptionProps } from './component-option/index.js';
+export { RD_COMPONENT_OPTION_TAG, RdComponentOptionElement, registerRdComponentOption, } from './component-option/index.js';
+export type { ComponentSpecProps } from './component-spec/index.js';
+export { RD_COMPONENT_SPEC_TAG, RdComponentSpecElement, registerRdComponentSpec, createComponentSpecElement, } from './component-spec/index.js';
+export type { PaletteGroupFit, PaletteGroupProps } from './palette-group/index.js';
+export { RD_PALETTE_GROUP_TAG, RdPaletteGroupElement, registerRdPaletteGroup, createPaletteGroupElement, } from './palette-group/index.js';
+export type { PaletteCatalogProps } from './palette-catalog/index.js';
+export { RD_PALETTE_CATALOG_TAG, RdPaletteCatalogElement, registerRdPaletteCatalog, createPaletteCatalogElement, } from './palette-catalog/index.js';
+/** Register all catalog meta custom elements (`rd-palette-*`, `rd-component-*`). */
+export declare function registerRosettaDashCatalogElements(): void;
+/** Convenience alias matching import path `catalog/palette-catalog`. */
+export declare function registerCatalogPaletteCatalog(): void;

package/src/catalog/index.js

@@ -0,0 +1,37 @@
+export { CATALOG_VARIANTS, readCatalogVariant, applyCatalogVariant } from './_shared/catalog-variant.js';
+export { RD_ATTRIBUTE_TAG, RdAttributeElement, registerRdAttribute, } from './component-attribute/index.js';
+export { RD_COMPONENT_NAME_TAG, RdComponentNameElement, registerRdComponentName, createComponentNameElement, } from './component-name/index.js';
+export { RD_SUBCOMPONENT_NAME_TAG, RdSubcomponentNameElement, registerRdSubcomponentName, } from './subcomponent-name/index.js';
+export { taxonomyToRdTag } from './_shared/markup-shared.js';
+export { RD_COMPONENT_PORT_TAG, RdComponentPortElement, registerRdComponentPort, } from './component-port/index.js';
+export { RD_COMPONENT_REQUIREMENT_TAG, RdComponentRequirementElement, registerRdComponentRequirement, } from './component-requirement/index.js';
+export { RD_COMPONENT_OPTION_TAG, RdComponentOptionElement, registerRdComponentOption, } from './component-option/index.js';
+export { RD_COMPONENT_SPEC_TAG, RdComponentSpecElement, registerRdComponentSpec, createComponentSpecElement, } from './component-spec/index.js';
+export { RD_PALETTE_GROUP_TAG, RdPaletteGroupElement, registerRdPaletteGroup, createPaletteGroupElement, } from './palette-group/index.js';
+export { RD_PALETTE_CATALOG_TAG, RdPaletteCatalogElement, registerRdPaletteCatalog, createPaletteCatalogElement, } from './palette-catalog/index.js';
+import { registerRdAttribute } from './component-attribute/index.js';
+import { registerRdComponentName } from './component-name/index.js';
+import { registerRdComponentOption } from './component-option/index.js';
+import { registerRdComponentPort } from './component-port/index.js';
+import { registerRdComponentRequirement } from './component-requirement/index.js';
+import { registerRdComponentSpec } from './component-spec/index.js';
+import { registerRdPaletteCatalog } from './palette-catalog/index.js';
+import { registerRdPaletteGroup } from './palette-group/index.js';
+import { registerRdSubcomponentName } from './subcomponent-name/index.js';
+/** Register all catalog meta custom elements (`rd-palette-*`, `rd-component-*`). */
+export function registerRosettaDashCatalogElements() {
+    registerRdAttribute();
+    registerRdSubcomponentName();
+    registerRdComponentName();
+    registerRdComponentPort();
+    registerRdComponentRequirement();
+    registerRdComponentOption();
+    registerRdComponentSpec();
+    registerRdPaletteGroup();
+    registerRdPaletteCatalog();
+}
+/** Convenience alias matching import path `catalog/palette-catalog`. */
+export function registerCatalogPaletteCatalog() {
+    registerRosettaDashCatalogElements();
+}
+//# sourceMappingURL=index.js.map

package/src/catalog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/web-components/src/catalog/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGzG,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,gCAAgC,CAAC;AAGxC,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,0BAA0B,GAC3B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,8BAA8B,GAC/B,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EACL,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,wBAAwB,EACxB,2BAA2B,GAC5B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,oFAAoF;AACpF,MAAM,UAAU,kCAAkC;IAChD,mBAAmB,EAAE,CAAC;IACtB,0BAA0B,EAAE,CAAC;IAC7B,uBAAuB,EAAE,CAAC;IAC1B,uBAAuB,EAAE,CAAC;IAC1B,8BAA8B,EAAE,CAAC;IACjC,yBAAyB,EAAE,CAAC;IAC5B,uBAAuB,EAAE,CAAC;IAC1B,sBAAsB,EAAE,CAAC;IACzB,wBAAwB,EAAE,CAAC;AAC7B,CAAC;AAED,wEAAwE;AACxE,MAAM,UAAU,6BAA6B;IAC3C,kCAAkC,EAAE,CAAC;AACvC,CAAC"}

package/src/catalog/palette-catalog/index.d.ts

@@ -0,0 +1,2 @@
+export type { PaletteCatalogProps } from './rd-palette-catalog.js';
+export { RD_PALETTE_CATALOG_TAG, RdPaletteCatalogElement, registerRdPaletteCatalog, createPaletteCatalogElement, } from './rd-palette-catalog.js';

package/src/catalog/palette-catalog/index.js

@@ -0,0 +1,2 @@
+export { RD_PALETTE_CATALOG_TAG, RdPaletteCatalogElement, registerRdPaletteCatalog, createPaletteCatalogElement, } from './rd-palette-catalog.js';
+//# sourceMappingURL=index.js.map

package/src/catalog/palette-catalog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/palette-catalog/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,wBAAwB,EACxB,2BAA2B,GAC5B,MAAM,yBAAyB,CAAC"}

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

@@ -0,0 +1,29 @@
+import { RD_COMPONENT_SPEC_TAG } from '../component-spec/rd-component-spec.js';
+import { RD_PALETTE_GROUP_TAG } from '../palette-group/rd-palette-group.js';
+import { type CatalogVariant } from '../_shared/catalog-variant.js';
+export declare const RD_PALETTE_CATALOG_TAG = "rd-palette-catalog";
+export interface PaletteCatalogProps {
+    groupId?: string;
+    variant?: CatalogVariant;
+    columns?: boolean;
+}
+export declare class RdPaletteCatalogElement extends HTMLElement {
+    static readonly tagName = "rd-palette-catalog";
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    get groupId(): string;
+    get variant(): CatalogVariant;
+    get columns(): boolean;
+    private render;
+}
+export declare function registerRdPaletteCatalog(): void;
+export declare function createPaletteCatalogElement(options: {
+    groupId: string;
+    variant?: CatalogVariant;
+    columns?: boolean;
+    guide?: HTMLElement;
+    title?: HTMLElement;
+    specs: HTMLElement[];
+}): RdPaletteCatalogElement;
+export { RD_COMPONENT_SPEC_TAG, RD_PALETTE_GROUP_TAG };

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

@@ -0,0 +1,114 @@
+import { defineRosettaElement, readString } from '../../lib/element-utils.js';
+import { RD_COMPONENT_SPEC_TAG } from '../component-spec/rd-component-spec.js';
+import { RD_PALETTE_GROUP_TAG } from '../palette-group/rd-palette-group.js';
+import { applyCatalogVariant, readCatalogVariant } from '../_shared/catalog-variant.js';
+export const RD_PALETTE_CATALOG_TAG = 'rd-palette-catalog';
+export class RdPaletteCatalogElement extends HTMLElement {
+    static tagName = RD_PALETTE_CATALOG_TAG;
+    static get observedAttributes() {
+        return ['group-id', 'variant', 'columns'];
+    }
+    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 variant() {
+        return readCatalogVariant(this.getAttribute('variant'));
+    }
+    get columns() {
+        return this.getAttribute('columns') !== 'false';
+    }
+    render() {
+        const root = this.shadowRoot;
+        if (!root) {
+            return;
+        }
+        const layoutClass = this.columns ? ' rd-palette-catalog__layout--columns' : '';
+        root.innerHTML = `
+<style>
+:host { display: block; }
+.rd-palette-catalog {
+  display: grid;
+  gap: 1.25rem;
+  max-width: 80rem;
+  font-family: var(--rd-font-family, system-ui, sans-serif);
+}
+.rd-palette-catalog__layout {
+  display: grid;
+  gap: 1.25rem;
+}
+.rd-palette-catalog__layout--columns {
+  grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
+  gap: 1.5rem 2rem;
+  align-items: start;
+}
+.rd-palette-catalog__guide {
+  position: sticky;
+  top: 1rem;
+}
+.rd-palette-catalog__items {
+  display: grid;
+  gap: 1.25rem;
+  min-width: 0;
+}
+.rd-palette-catalog--compact .rd-palette-catalog__items { gap: 0.75rem; }
+.rd-palette-catalog--plain .rd-palette-catalog__guide { position: static; }
+@media (max-width: 768px) {
+  .rd-palette-catalog__layout--columns {
+    grid-template-columns: 1fr;
+  }
+  .rd-palette-catalog__guide { position: static; }
+}
+</style>
+<div class="rd-palette-catalog" part="catalog" data-catalog-group="${escapeAttr(this.groupId)}">
+  <slot name="title"></slot>
+  <div class="rd-palette-catalog__layout${layoutClass}">
+    <div class="rd-palette-catalog__guide"><slot name="guide"></slot></div>
+    <div class="rd-palette-catalog__items"><slot name="items"></slot></div>
+  </div>
+</div>`;
+        applyCatalogVariant(this, 'rd-palette-catalog', this.variant);
+    }
+}
+function escapeAttr(value) {
+    return value
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/"/g, '&quot;');
+}
+export function registerRdPaletteCatalog() {
+    defineRosettaElement(RD_PALETTE_CATALOG_TAG, RdPaletteCatalogElement);
+}
+export function createPaletteCatalogElement(options) {
+    const el = document.createElement(RD_PALETTE_CATALOG_TAG);
+    el.setAttribute('group-id', options.groupId);
+    if (options.variant) {
+        el.setAttribute('variant', options.variant);
+    }
+    el.setAttribute('columns', options.columns === false ? 'false' : 'true');
+    if (options.title) {
+        options.title.slot = 'title';
+        el.appendChild(options.title);
+    }
+    if (options.guide) {
+        options.guide.slot = 'guide';
+        el.appendChild(options.guide);
+    }
+    for (const spec of options.specs) {
+        spec.slot = 'items';
+        el.appendChild(spec);
+    }
+    return el;
+}
+export { RD_COMPONENT_SPEC_TAG, RD_PALETTE_GROUP_TAG };
+//# sourceMappingURL=rd-palette-catalog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rd-palette-catalog.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/palette-catalog/rd-palette-catalog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAuB,MAAM,+BAA+B,CAAC;AAE7G,MAAM,CAAC,MAAM,sBAAsB,GAAG,oBAAoB,CAAC;AAQ3D,MAAM,OAAO,uBAAwB,SAAQ,WAAW;IACtD,MAAM,CAAU,OAAO,GAAG,sBAAsB,CAAC;IAEjD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;IAC5C,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACtC,CAAC;QACD,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,wBAAwB;QACtB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAED,IAAI,OAAO;QACT,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,OAAO;QACT,OAAO,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,OAAO,CAAC;IAClD,CAAC;IAEO,MAAM;QACZ,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;QAC7B,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,EAAE,CAAC;QAE/E,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qEAoCgD,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC;;0CAEnD,WAAW;;;;OAI9C,CAAC;QAEJ,mBAAmB,CAAC,IAAI,EAAE,oBAAoB,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAChE,CAAC;;AAGH,SAAS,UAAU,CAAC,KAAa;IAC/B,OAAO,KAAK;SACT,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,wBAAwB;IACtC,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,CAAC;AACxE,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,OAO3C;IACC,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAA4B,CAAC;IACrF,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7C,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACpB,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAEzE,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;QAC7B,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;QAC7B,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,KAAK,MAAM,IAAI,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;QACjC,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;QACpB,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+export type { PaletteGroupFit, PaletteGroupProps } from './rd-palette-group.js';
+export { RD_PALETTE_GROUP_TAG, RdPaletteGroupElement, registerRdPaletteGroup, createPaletteGroupElement, } from './rd-palette-group.js';

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

@@ -0,0 +1,2 @@
+export { RD_PALETTE_GROUP_TAG, RdPaletteGroupElement, registerRdPaletteGroup, createPaletteGroupElement, } from './rd-palette-group.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/palette-group/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAC"}