@rosettadash/web-components 0.1.0 → 0.1.3

package/src/domain/i18n/app-language-select/rd-app-language-select.js

@@ -0,0 +1,138 @@
+import { defineRosettaElement, readString } from '../../../lib/element-utils.js';
+import { escapeHtml } from '../../../lib/parse-link-items.js';
+import { applyShadowMount, ensureShadowBase, loadShadowPairForTag } from '../../../lib/shadow-base.js';
+import { formatLocaleLabel, parseAppLocaleOptions, } from './parse-locale-options.js';
+export const DB_APP_LANGUAGE_SELECT_TAG = 'rd-app-language-select';
+export class RdAppLanguageSelectElement extends HTMLElement {
+    static tagName = DB_APP_LANGUAGE_SELECT_TAG;
+    localesValue = [];
+    resourcesReady = null;
+    changeListener = null;
+    selectEl = null;
+    static get observedAttributes() {
+        return ['locales', 'value', 'default-locale', 'label', 'placeholder'];
+    }
+    connectedCallback() {
+        if (!this.shadowRoot) {
+            this.attachShadow({ mode: 'open' });
+        }
+        this.syncLocalesFromAttribute();
+        this.resourcesReady = this.mountShadow();
+        void this.resourcesReady.then(() => this.paint());
+    }
+    disconnectedCallback() {
+        if (this.selectEl && this.changeListener) {
+            this.selectEl.removeEventListener('change', this.changeListener);
+        }
+        this.changeListener = null;
+        this.selectEl = null;
+    }
+    attributeChangedCallback(name) {
+        if (name === 'locales') {
+            this.syncLocalesFromAttribute();
+        }
+        if (this.shadowRoot && this.resourcesReady) {
+            void this.resourcesReady.then(() => this.paint());
+        }
+    }
+    setProperty(name, value) {
+        this[name] = value;
+        if (name === 'locales' && Array.isArray(value)) {
+            this.localesValue = value;
+            this.setAttribute('locales', JSON.stringify(this.localesValue));
+        }
+        if (this.resourcesReady) {
+            void this.resourcesReady.then(() => this.paint());
+        }
+    }
+    whenReady() {
+        return this.resourcesReady ?? Promise.resolve();
+    }
+    get locales() {
+        return this.localesValue;
+    }
+    set locales(value) {
+        this.localesValue = Array.isArray(value) ? value : [];
+        this.setAttribute('locales', JSON.stringify(this.localesValue));
+    }
+    get value() {
+        return readString(this.getAttribute('value'), '');
+    }
+    set value(next) {
+        if (next) {
+            this.setAttribute('value', next);
+        }
+        else {
+            this.removeAttribute('value');
+        }
+    }
+    get defaultLocale() {
+        return readString(this.getAttribute('default-locale'), '');
+    }
+    get label() {
+        return readString(this.getAttribute('label'), 'App language');
+    }
+    get placeholder() {
+        return readString(this.getAttribute('placeholder'), 'Select language…');
+    }
+    syncLocalesFromAttribute() {
+        this.localesValue = parseAppLocaleOptions(this.getAttribute('locales'));
+    }
+    async mountShadow() {
+        const root = this.shadowRoot;
+        if (!root || root.querySelector('[data-ref="select"]')) {
+            return;
+        }
+        const pair = await loadShadowPairForTag(DB_APP_LANGUAGE_SELECT_TAG, './rd-app-language-select.html', './rd-app-language-select.css');
+        applyShadowMount(root, pair);
+        this.selectEl = root.querySelector('[data-ref="select"]');
+        this.changeListener = () => this.handleChange();
+        this.selectEl?.addEventListener('change', this.changeListener);
+    }
+    resolveSelectedLocale() {
+        if (this.value) {
+            return this.value;
+        }
+        if (this.defaultLocale) {
+            return this.defaultLocale;
+        }
+        return this.localesValue[0]?.code ?? '';
+    }
+    handleChange() {
+        const locale = this.selectEl?.value ?? '';
+        if (locale) {
+            this.setAttribute('value', locale);
+        }
+        this.dispatchEvent(new CustomEvent('locale-change', {
+            detail: { locale },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    paint() {
+        const root = this.shadowRoot;
+        if (!root) {
+            return;
+        }
+        const labelEl = root.querySelector('[data-ref="label"]');
+        const select = root.querySelector('[data-ref="select"]');
+        if (!labelEl || !select) {
+            return;
+        }
+        labelEl.textContent = this.label;
+        const selected = this.resolveSelectedLocale();
+        const placeholder = this.placeholder;
+        const options = this.localesValue
+            .map((option) => `<option value="${escapeHtml(option.code)}"${option.code === selected ? ' selected' : ''}>${escapeHtml(formatLocaleLabel(option))}</option>`)
+            .join('');
+        select.innerHTML = `<option value="">${escapeHtml(placeholder)}</option>${options}`;
+        if (selected) {
+            select.value = selected;
+        }
+    }
+}
+export function registerRdAppLanguageSelect() {
+    ensureShadowBase(DB_APP_LANGUAGE_SELECT_TAG);
+    defineRosettaElement(DB_APP_LANGUAGE_SELECT_TAG, RdAppLanguageSelectElement);
+}
+//# sourceMappingURL=rd-app-language-select.js.map

package/src/domain/i18n/app-language-select/rd-app-language-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-app-language-select.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/domain/i18n/app-language-select/rd-app-language-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACvG,OAAO,EACL,iBAAiB,EACjB,qBAAqB,GAEtB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,0BAA0B,GAAG,wBAAwB,CAAC;AAcnE,MAAM,OAAO,0BAA2B,SAAQ,WAAW;IACzD,MAAM,CAAU,OAAO,GAAG,0BAA0B,CAAC;IAE7C,YAAY,GAAsB,EAAE,CAAC;IACrC,cAAc,GAAyB,IAAI,CAAC;IAC5C,cAAc,GAAwB,IAAI,CAAC;IAC3C,QAAQ,GAA6B,IAAI,CAAC;IAElD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;IACxE,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,wBAAwB,EAAE,CAAC;QAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACzC,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACpD,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACzC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACnE,CAAC;QACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,wBAAwB,CAAC,IAAY;QACnC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAClC,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YAC3C,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,WAAW,CAAC,IAAY,EAAE,KAAc;QACrC,IAAgC,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;QAChD,IAAI,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/C,IAAI,CAAC,YAAY,GAAG,KAA0B,CAAC;YAC/C,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QAClE,CAAC;QACD,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,cAAc,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;IAClD,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,IAAI,OAAO,CAAC,KAAwB;QAClC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACtD,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,IAAI,KAAK;QACP,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,KAAK,CAAC,IAAY;QACpB,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACnC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;IAED,IAAI,aAAa;QACf,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7D,CAAC;IAED,IAAI,KAAK;QACP,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,CAAC;IAChE,CAAC;IAED,IAAI,WAAW;QACb,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,kBAAkB,CAAC,CAAC;IAC1E,CAAC;IAEO,wBAAwB;QAC9B,IAAI,CAAC,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;IAC1E,CAAC;IAEO,KAAK,CAAC,WAAW;QACvB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;QAC7B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,EAAE,CAAC;YACvD,OAAO;QACT,CAAC;QACD,MAAM,IAAI,GAAG,MAAM,oBAAoB,CACrC,0BAA0B,EAC1B,+BAA+B,EAC/B,8BAA8B,CAC/B,CAAC;QACF,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAChD,IAAI,CAAC,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACjE,CAAC;IAEO,qBAAqB;QAC3B,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;QACD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,OAAO,IAAI,CAAC,aAAa,CAAC;QAC5B,CAAC;QACD,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC;IAC1C,CAAC;IAEO,YAAY;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE,CAAC;QAC1C,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,MAAM,EAAE,EAAE,MAAM,EAAE;YAClB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,KAAK;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;QAC7B,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAoB,qBAAqB,CAAC,CAAC;QAC5E,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;QAEjC,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC9C,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY;aAC9B,GAAG,CACF,CAAC,MAAM,EAAE,EAAE,CACT,kBAAkB,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,WAAW,CAC/I;aACA,IAAI,CAAC,EAAE,CAAC,CAAC;QAEZ,MAAM,CAAC,SAAS,GAAG,oBAAoB,UAAU,CAAC,WAAW,CAAC,YAAY,OAAO,EAAE,CAAC;QACpF,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC;QAC1B,CAAC;IACH,CAAC;;AAGH,MAAM,UAAU,2BAA2B;IACzC,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IAC7C,oBAAoB,CAAC,0BAA0B,EAAE,0BAA0B,CAAC,CAAC;AAC/E,CAAC"}

package/src/domain/i18n/index.d.ts

@@ -0,0 +1,2 @@
+export { DB_APP_LANGUAGE_SELECT_TAG, RdAppLanguageSelectElement, registerRdAppLanguageSelect, type AppLanguageSelectProps, type AppLocaleOption, } from './app-language-select/index.js';
+export declare function registerRosettaDashDomainElements(): void;

package/src/domain/i18n/index.js

@@ -0,0 +1,6 @@
+export { DB_APP_LANGUAGE_SELECT_TAG, RdAppLanguageSelectElement, registerRdAppLanguageSelect, } from './app-language-select/index.js';
+import { registerRdAppLanguageSelect } from './app-language-select/index.js';
+export function registerRosettaDashDomainElements() {
+    registerRdAppLanguageSelect();
+}
+//# sourceMappingURL=index.js.map

package/src/domain/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/domain/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,GAG5B,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAE7E,MAAM,UAAU,iCAAiC;IAC/C,2BAA2B,EAAE,CAAC;AAChC,CAAC"}

package/src/domain/index.d.ts

@@ -0,0 +1,6 @@
+export * from './i18n/index.js';
+export * from './time-preset/index.js';
+export * from './role-gate/index.js';
+export * from './person-invite/index.js';
+export * from './role-assign/index.js';
+export declare function registerRosettaDashDomainElements(): void;

package/src/domain/index.js

@@ -0,0 +1,18 @@
+export * from './i18n/index.js';
+export * from './time-preset/index.js';
+export * from './role-gate/index.js';
+export * from './person-invite/index.js';
+export * from './role-assign/index.js';
+import { registerRosettaDashDomainElements as registerI18n } from './i18n/index.js';
+import { registerRdTimePreset } from './time-preset/index.js';
+import { registerRdRoleGate } from './role-gate/index.js';
+import { registerRdPersonInvite } from './person-invite/index.js';
+import { registerRdRoleAssign } from './role-assign/index.js';
+export function registerRosettaDashDomainElements() {
+    registerI18n();
+    registerRdTimePreset();
+    registerRdRoleGate();
+    registerRdPersonInvite();
+    registerRdRoleAssign();
+}
+//# sourceMappingURL=index.js.map

package/src/domain/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/web-components/src/domain/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAEvC,OAAO,EAAE,iCAAiC,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,UAAU,iCAAiC;IAC/C,YAAY,EAAE,CAAC;IACf,oBAAoB,EAAE,CAAC;IACvB,kBAAkB,EAAE,CAAC;IACrB,sBAAsB,EAAE,CAAC;IACzB,oBAAoB,EAAE,CAAC;AACzB,CAAC"}

package/src/domain/person-invite/index.d.ts

@@ -0,0 +1,2 @@
+export type { PersonInviteProps } from './rd-person-invite.js';
+export { registerRdPersonInvite, RD_PERSON_INVITE_TAG, RdPersonInviteElement } from './rd-person-invite.js';

package/src/domain/person-invite/index.js

@@ -0,0 +1,2 @@
+export { registerRdPersonInvite, RD_PERSON_INVITE_TAG, RdPersonInviteElement } from './rd-person-invite.js';
+//# sourceMappingURL=index.js.map

package/src/domain/person-invite/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/domain/person-invite/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC"}

package/src/domain/person-invite/rd-person-invite.d.ts

@@ -0,0 +1,17 @@
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export declare const RD_PERSON_INVITE_TAG = "rd-person-invite";
+export interface PersonInviteProps {
+    emailPlaceholder?: string;
+    onInvite?: (email: string) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/domain/person-invite — domain.person-invite */
+export declare class RdPersonInviteElement extends RosettaAtomElement {
+    static readonly tagName = "rd-person-invite";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdPersonInvite(): void;

package/src/domain/person-invite/rd-person-invite.js

@@ -0,0 +1,33 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export const RD_PERSON_INVITE_TAG = 'rd-person-invite';
+/** @rosettadash/web-components/domain/person-invite — domain.person-invite */
+export class RdPersonInviteElement extends RosettaAtomElement {
+    static tagName = RD_PERSON_INVITE_TAG;
+    static get observedAttributes() {
+        return ["email-placeholder"];
+    }
+    buildMarkup() {
+        const placeholder = this.readAttr('email-placeholder', 'name@company.com');
+        return `
+      <section class="rd-person-invite" data-testid="rd-person-invite">
+        <span class="rd-field__label">Invite team member</span>
+        <input type="email" class="rd-input" data-ref="email" placeholder="${this.esc(placeholder)}" aria-label="Email address" />
+        <button type="button" class="rd-button" data-ref="invite">Send invite</button>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('click', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLElement && target.matches('[data-ref="invite"]')) {
+                const email = this.querySelector('[data-ref="email"]')?.value ?? '';
+                this.dispatchDetail('invite', { email });
+            }
+        });
+    }
+}
+export function registerRdPersonInvite() {
+    defineRosettaElement(RD_PERSON_INVITE_TAG, RdPersonInviteElement);
+}
+//# sourceMappingURL=rd-person-invite.js.map

package/src/domain/person-invite/rd-person-invite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-person-invite.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/domain/person-invite/rd-person-invite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;AAUvD,8EAA8E;AAC9E,MAAM,OAAO,qBAAsB,SAAQ,kBAAkB;IAC3D,MAAM,CAAU,OAAO,GAAG,oBAAoB,CAAC;IAE/C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC/B,CAAC;IAES,WAAW;QACnB,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,CAAC;QAC3E,OAAO;;;6EAGkE,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC;;;iBAGjF,CAAC;IAChB,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACvC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,MAAM,YAAY,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE,CAAC;gBAC3E,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAmB,oBAAoB,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;gBACtF,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,sBAAsB;IACpC,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,CAAC;AACpE,CAAC"}

package/src/domain/role-assign/index.d.ts

@@ -0,0 +1,2 @@
+export type { RoleAssignProps } from './rd-role-assign.js';
+export { registerRdRoleAssign, RD_ROLE_ASSIGN_TAG, RdRoleAssignElement } from './rd-role-assign.js';

package/src/domain/role-assign/index.js

@@ -0,0 +1,2 @@
+export { registerRdRoleAssign, RD_ROLE_ASSIGN_TAG, RdRoleAssignElement } from './rd-role-assign.js';
+//# sourceMappingURL=index.js.map

package/src/domain/role-assign/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/domain/role-assign/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/src/domain/role-assign/rd-role-assign.d.ts

@@ -0,0 +1,21 @@
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export declare const RD_ROLE_ASSIGN_TAG = "rd-role-assign";
+export interface RoleAssignProps {
+    summary?: string;
+    roleOptions?: {
+        value: string;
+        label: string;
+    }[];
+    onConfirm?: (role: string) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/domain/role-assign — domain.role-assign */
+export declare class RdRoleAssignElement extends RosettaAtomElement {
+    static readonly tagName = "rd-role-assign";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdRoleAssign(): void;

package/src/domain/role-assign/rd-role-assign.js

@@ -0,0 +1,36 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export const RD_ROLE_ASSIGN_TAG = 'rd-role-assign';
+/** @rosettadash/web-components/domain/role-assign — domain.role-assign */
+export class RdRoleAssignElement extends RosettaAtomElement {
+    static tagName = RD_ROLE_ASSIGN_TAG;
+    static get observedAttributes() {
+        return ["summary", "role-options"];
+    }
+    buildMarkup() {
+        const summary = this.readAttr('summary');
+        const options = this.parseJsonAttr('role-options', []);
+        const opts = options.map((o) => `<option value="${this.esc(o.value)}">${this.esc(o.label)}</option>`).join('');
+        return `
+      <section class="rd-role-assign" data-testid="rd-role-assign">
+        <span class="rd-field__label">Assign role</span>
+        ${summary ? `<p class="rd-onboarding__summary">${this.esc(summary)}</p>` : ''}
+        <select class="rd-select" data-ref="role" aria-label="Role">${opts}</select>
+        <button type="button" class="rd-button" data-ref="confirm">Confirm access</button>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('click', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLElement && target.matches('[data-ref="confirm"]')) {
+                const role = this.querySelector('[data-ref="role"]')?.value ?? '';
+                this.dispatchDetail('confirm', { role });
+            }
+        });
+    }
+}
+export function registerRdRoleAssign() {
+    defineRosettaElement(RD_ROLE_ASSIGN_TAG, RdRoleAssignElement);
+}
+//# sourceMappingURL=rd-role-assign.js.map

package/src/domain/role-assign/rd-role-assign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-role-assign.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/domain/role-assign/rd-role-assign.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAWnD,0EAA0E;AAC1E,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IACzD,MAAM,CAAU,OAAO,GAAG,kBAAkB,CAAC;IAE7C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,SAAS,EAAC,cAAc,CAAC,CAAC;IACpC,CAAC;IAES,WAAW;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACzC,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAA0C,cAAc,EAAE,EAAE,CAAC,CAAC;QAChG,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC/G,OAAO;;;UAGD,OAAO,CAAC,CAAC,CAAC,qCAAqC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;sEACf,IAAI;;;iBAGzD,CAAC;IAChB,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACvC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,MAAM,YAAY,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE,CAAC;gBAC5E,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAoB,mBAAmB,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;gBACrF,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,oBAAoB;IAClC,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAChE,CAAC"}

package/src/domain/role-gate/index.d.ts

@@ -0,0 +1,2 @@
+export type { RoleGateProps } from './rd-role-gate.js';
+export { registerRdRoleGate, RD_ROLE_GATE_TAG, RdRoleGateElement } from './rd-role-gate.js';

package/src/domain/role-gate/index.js

@@ -0,0 +1,2 @@
+export { registerRdRoleGate, RD_ROLE_GATE_TAG, RdRoleGateElement } from './rd-role-gate.js';
+//# sourceMappingURL=index.js.map

package/src/domain/role-gate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/domain/role-gate/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/src/domain/role-gate/rd-role-gate.d.ts

@@ -0,0 +1,19 @@
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export declare const RD_ROLE_GATE_TAG = "rd-role-gate";
+export interface RoleGateProps {
+    label?: string;
+    allowedRoles?: string[];
+    currentRole?: string;
+    statusText?: string;
+    hiddenStatusText?: string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/domain/role-gate — domain.role-gate */
+export declare class RdRoleGateElement extends RosettaAtomElement {
+    static readonly tagName = "rd-role-gate";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdRoleGate(): void;

package/src/domain/role-gate/rd-role-gate.js

@@ -0,0 +1,31 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export const RD_ROLE_GATE_TAG = 'rd-role-gate';
+/** @rosettadash/web-components/domain/role-gate — domain.role-gate */
+export class RdRoleGateElement extends RosettaAtomElement {
+    static tagName = RD_ROLE_GATE_TAG;
+    static get observedAttributes() {
+        return ['label', 'allowed-roles', 'status-text', 'current-role', 'hidden-status-text'];
+    }
+    buildMarkup() {
+        const label = this.readAttr('label');
+        const status = this.readAttr('status-text', 'Visible');
+        const hiddenStatus = this.readAttr('hidden-status-text', 'Hidden for current role');
+        const roles = this.parseJsonAttr('allowed-roles', []);
+        const currentRole = this.readAttr('current-role');
+        const hasRoleContext = currentRole.length > 0;
+        const visible = !hasRoleContext || roles.length === 0 || roles.includes(currentRole);
+        const modifier = visible ? 'rd-role-gate--visible' : 'rd-role-gate--hidden';
+        const statusText = visible ? status : hiddenStatus;
+        return `
+      <section class="rd-role-gate rd-role-gate ${modifier}" data-testid="rd-role-gate">
+        ${label ? `<span class="rd-field__label">${this.esc(label)}</span>` : ''}
+        <p class="rd-role-gate__status${visible ? '' : ' rd-role-gate__status--hidden'}" data-testid="${visible ? 'rd-role-gate-visible' : 'rd-role-gate-hidden'}">${this.esc(statusText)}</p>
+        <div data-ref="slot"${visible ? '' : ' hidden'}></div>
+      </section>`;
+    }
+}
+export function registerRdRoleGate() {
+    defineRosettaElement(RD_ROLE_GATE_TAG, RdRoleGateElement);
+}
+//# sourceMappingURL=rd-role-gate.js.map

package/src/domain/role-gate/rd-role-gate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-role-gate.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/domain/role-gate/rd-role-gate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,gBAAgB,GAAG,cAAc,CAAC;AAa/C,sEAAsE;AACtE,MAAM,OAAO,iBAAkB,SAAQ,kBAAkB;IACvD,MAAM,CAAU,OAAO,GAAG,gBAAgB,CAAC;IAE3C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC;IACzF,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;QACvD,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,oBAAoB,EAAE,yBAAyB,CAAC,CAAC;QACpF,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAW,eAAe,EAAE,EAAE,CAAC,CAAC;QAChE,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QAClD,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9C,MAAM,OAAO,GAAG,CAAC,cAAc,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QACrF,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,sBAAsB,CAAC;QAC5E,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC;QACnD,OAAO;kDACuC,QAAQ;UAChD,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;wCACxC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,+BAA+B,kBAAkB,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,qBAAqB,KAAK,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC;8BAC3J,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;iBACrC,CAAC;IAChB,CAAC;;AAGH,MAAM,UAAU,kBAAkB;IAChC,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;AAC5D,CAAC"}

package/src/domain/time-preset/index.d.ts

@@ -0,0 +1,2 @@
+export type { TimePresetProps } from './rd-time-preset.js';
+export { registerRdTimePreset, RD_TIME_PRESET_TAG, RdTimePresetElement } from './rd-time-preset.js';

package/src/domain/time-preset/index.js

@@ -0,0 +1,2 @@
+export { registerRdTimePreset, RD_TIME_PRESET_TAG, RdTimePresetElement } from './rd-time-preset.js';
+//# sourceMappingURL=index.js.map

package/src/domain/time-preset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/domain/time-preset/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/src/domain/time-preset/rd-time-preset.d.ts

@@ -0,0 +1,23 @@
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export declare const RD_TIME_PRESET_TAG = "rd-time-preset";
+export interface TimePresetPreset {
+    id: string;
+    label: string;
+}
+export interface TimePresetProps {
+    label?: string;
+    presets?: TimePresetPreset[];
+    activePresetId?: string;
+    onPresetChange?: (presetId: string) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/domain/time-preset — domain.time-preset */
+export declare class RdTimePresetElement extends RosettaAtomElement {
+    static readonly tagName = "rd-time-preset";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdTimePreset(): void;

package/src/domain/time-preset/rd-time-preset.js

@@ -0,0 +1,34 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export const RD_TIME_PRESET_TAG = 'rd-time-preset';
+/** @rosettadash/web-components/domain/time-preset — domain.time-preset */
+export class RdTimePresetElement extends RosettaAtomElement {
+    static tagName = RD_TIME_PRESET_TAG;
+    static get observedAttributes() {
+        return ["label", "presets", "active-preset-id"];
+    }
+    buildMarkup() {
+        const label = this.readAttr('label');
+        const active = this.readAttr('active-preset-id');
+        const presets = this.parseJsonAttr('presets', []);
+        const buttons = presets.map((p) => `<button type="button" class="rd-time-preset__button${p.id === active ? ' rd-time-preset__button--active' : ''}" data-preset-id="${this.esc(p.id)}">${this.esc(p.label)}</button>`).join('');
+        return `
+      <section class="rd-time-preset" data-testid="rd-time-preset">
+        ${label ? `<span class="rd-field__label">${this.esc(label)}</span>` : ''}
+        <div class="rd-time-preset__buttons" role="group" aria-label="${this.esc(label || 'Time presets')}">${buttons}</div>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('click', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLElement && target.dataset['presetId']) {
+                this.dispatchDetail('preset-change', { presetId: target.dataset['presetId'] });
+            }
+        });
+    }
+}
+export function registerRdTimePreset() {
+    defineRosettaElement(RD_TIME_PRESET_TAG, RdTimePresetElement);
+}
+//# sourceMappingURL=rd-time-preset.js.map

package/src/domain/time-preset/rd-time-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-time-preset.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/domain/time-preset/rd-time-preset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAiBnD,0EAA0E;AAC1E,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IACzD,MAAM,CAAU,OAAO,GAAG,kBAAkB,CAAC;IAE7C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,CAAC,CAAC;IAChD,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;QACjD,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAuC,SAAS,EAAE,EAAE,CAAC,CAAC;QACxF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,sDAAsD,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,qBAAqB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChO,OAAO;;UAED,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;wEACR,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,OAAO;;iBAEpG,CAAC;IAChB,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACvC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,MAAM,YAAY,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;gBAChE,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;YACjF,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,oBAAoB;IAClC,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAChE,CAAC"}

package/src/index.d.ts

@@ -1,9 +1,9 @@
-export * from './visual/media/index.js';
+export * from './domain/index.js';
+export * from './layout/index.js';
+export * from './logic/index.js';
+export * from './visual/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). */
+/** Register all RosettaDash runtime custom elements. */
 export declare function registerRosettaDashElements(): void;

package/src/index.js

@@ -1,22 +1,22 @@
-export * from './visual/media/index.js';
+export * from './domain/index.js';
+export * from './layout/index.js';
+export * from './logic/index.js';
+export * from './visual/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 { registerRosettaDashDomainElements } from './domain/index.js';
+import { registerRosettaDashLayoutElements } from './layout/index.js';
+import { registerRosettaDashLogicElements } from './logic/index.js';
+import { registerRosettaDashVisualElements } from './visual/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). */
+/** Register all RosettaDash runtime custom elements. */
 export function registerRosettaDashElements() {
-    registerLayoutAccordion();
-    registerLayoutAccordionLinkList();
-    registerVisualLinkList();
-    registerRosettaDashMediaElements();
+    registerRosettaDashLayoutElements();
+    registerRosettaDashDomainElements();
+    registerRosettaDashLogicElements();
+    registerRosettaDashVisualElements();
     registerRosettaDashWasmElements();
     registerRosettaDashCatalogElements();
 }

package/src/index.js.map

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/web-components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,iCAAiC,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,iCAAiC,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,gCAAgC,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,iCAAiC,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,kCAAkC,EAAE,MAAM,oBAAoB,CAAC;AAExE,OAAO,oCAAoC,CAAC;AAE5C,wDAAwD;AACxD,MAAM,UAAU,2BAA2B;IACzC,iCAAiC,EAAE,CAAC;IACpC,iCAAiC,EAAE,CAAC;IACpC,gCAAgC,EAAE,CAAC;IACnC,iCAAiC,EAAE,CAAC;IACpC,+BAA+B,EAAE,CAAC;IAClC,kCAAkC,EAAE,CAAC;AACvC,CAAC"}

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

@@ -0,0 +1,2 @@
+export type { CollapsibleProps } from './rd-collapsible.js';
+export { registerRdCollapsible, RD_COLLAPSIBLE_TAG, RdCollapsibleElement } from './rd-collapsible.js';

package/src/layout/collapsible/index.js

@@ -0,0 +1,2 @@
+export { registerRdCollapsible, RD_COLLAPSIBLE_TAG, RdCollapsibleElement } from './rd-collapsible.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/collapsible/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,21 @@
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export declare const RD_COLLAPSIBLE_TAG = "rd-collapsible";
+export interface CollapsibleProps {
+    title?: string;
+    summary?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/layout/collapsible — layout.collapsible */
+export declare class RdCollapsibleElement extends RosettaAtomElement {
+    static readonly tagName = "rd-collapsible";
+    static get observedAttributes(): string[];
+    protected isOpen(): boolean;
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdCollapsible(): void;