@syntrologie/adapt-nav 2.14.0 → 2.15.0

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.d.ts

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+export declare class EditorSelectLit extends LitElement {
+    static properties: {
+        label: {
+            type: StringConstructor;
+        };
+        selectClass: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        selectId: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        value: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        required: {
+            type: BooleanConstructor;
+        };
+    };
+    label: string | undefined;
+    selectClass: string | undefined;
+    selectId: string | undefined;
+    name: string | undefined;
+    value: string | undefined;
+    disabled: boolean;
+    required: boolean;
+    private _generatedId;
+    constructor();
+    createRenderRoot(): this;
+    private _handleChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=EditorSelectLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorSelectLit.d.ts","sourceRoot":"","sources":["../../src/components/EditorSelectLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;MAQxB;IAEF,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAEjB,OAAO,CAAC,YAAY,CAAS;;IAOpB,gBAAgB;IAIzB,OAAO,CAAC,aAAa;IAYZ,MAAM;CAkChB"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.js

@@ -0,0 +1,63 @@
+import { html, LitElement } from 'lit';
+let _selectIdCounter = 0;
+export class EditorSelectLit extends LitElement {
+    constructor() {
+        super();
+        this.disabled = false;
+        this.required = false;
+        this._generatedId = `se-select-${++_selectIdCounter}`;
+    }
+    createRenderRoot() {
+        return this;
+    }
+    _handleChange(e) {
+        const target = e.target;
+        this.value = target.value;
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { value: target.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        const id = this.selectId || this._generatedId;
+        const classes = [
+            'se-w-full se-py-2 se-px-3 se-rounded-lg se-border se-border-input-field-border se-bg-slate-grey-3 se-text-text-primary se-text-sm se-mb-2',
+            'focus:se-border-input-field-border-selected focus:se-outline-none focus:se-shadow-focus-primary',
+            'disabled:se-bg-input-field-bg-disabled disabled:se-cursor-not-allowed disabled:se-opacity-50',
+            this.selectClass || '',
+        ]
+            .filter(Boolean)
+            .join(' ');
+        return html `
+      <div>
+        ${this.label
+            ? html `<label
+              for=${id}
+              class="se-text-sm se-font-medium se-text-input-field-text-label se-mb-1 se-block"
+            >${this.label}</label>`
+            : ''}
+        <select
+          id=${id}
+          class=${classes}
+          name=${this.name ?? ''}
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+          @change=${this._handleChange}
+        >
+          <slot></slot>
+        </select>
+      </div>
+    `;
+    }
+}
+EditorSelectLit.properties = {
+    label: { type: String },
+    selectClass: { type: String, attribute: 'select-class' },
+    selectId: { type: String, attribute: 'select-id' },
+    name: { type: String },
+    value: { type: String },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+};
+customElements.define('se-editor-select', EditorSelectLit);

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.d.ts

@@ -0,0 +1,55 @@
+import { LitElement } from 'lit';
+export declare class EditorTextareaLit extends LitElement {
+    static properties: {
+        label: {
+            type: StringConstructor;
+        };
+        textareaClass: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        textareaId: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        value: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        required: {
+            type: BooleanConstructor;
+        };
+        readonly: {
+            type: BooleanConstructor;
+        };
+        rows: {
+            type: NumberConstructor;
+        };
+    };
+    label: string | undefined;
+    textareaClass: string | undefined;
+    textareaId: string | undefined;
+    name: string | undefined;
+    value: string | undefined;
+    placeholder: string | undefined;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    rows: number | undefined;
+    private _generatedId;
+    constructor();
+    createRenderRoot(): this;
+    updated(): void;
+    private _handleChange;
+    private _handleInput;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=EditorTextareaLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorTextareaLit.d.ts","sourceRoot":"","sources":["../../src/components/EditorTextareaLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,qBAAa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAWxB;IAEF,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzB,OAAO,CAAC,YAAY,CAAS;;IAOpB,gBAAgB;IAIhB,OAAO;IAShB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,YAAY;IAcX,MAAM;CAqChB"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.js

@@ -0,0 +1,92 @@
+import { html, LitElement } from 'lit';
+let _textareaIdCounter = 0;
+export class EditorTextareaLit extends LitElement {
+    constructor() {
+        super();
+        this.disabled = false;
+        this.required = false;
+        this.readonly = false;
+        this._generatedId = `se-textarea-${++_textareaIdCounter}`;
+    }
+    createRenderRoot() {
+        return this;
+    }
+    updated() {
+        // Auto-resize to fit content (mirrors the React useEffect auto-resize)
+        const el = this.querySelector('textarea');
+        if (el) {
+            el.style.height = 'auto';
+            el.style.height = `${el.scrollHeight}px`;
+        }
+    }
+    _handleChange(e) {
+        const target = e.target;
+        this.value = target.value;
+        // Trigger auto-resize on each change
+        target.style.height = 'auto';
+        target.style.height = `${target.scrollHeight}px`;
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { value: target.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _handleInput(e) {
+        const target = e.target;
+        this.value = target.value;
+        target.style.height = 'auto';
+        target.style.height = `${target.scrollHeight}px`;
+        this.dispatchEvent(new CustomEvent('input', {
+            detail: { value: target.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        const id = this.textareaId || this._generatedId;
+        const classes = [
+            'se-w-full se-py-2 se-px-3 se-rounded-lg se-border se-border-input-field-border se-bg-slate-grey-3 se-text-text-primary se-text-sm se-font-[inherit] se-mb-2 se-resize-y se-min-h-[60px] se-max-h-[50vh] se-overflow-y-auto se-box-border',
+            'placeholder:se-text-input-field-text-placeholder',
+            'focus:se-border-input-field-border-selected focus:se-outline-none focus:se-shadow-focus-primary',
+            'disabled:se-bg-input-field-bg-disabled disabled:se-cursor-not-allowed disabled:se-opacity-50',
+            this.textareaClass || '',
+        ]
+            .filter(Boolean)
+            .join(' ');
+        return html `
+      <div>
+        ${this.label
+            ? html `<label
+              for=${id}
+              class="se-text-sm se-font-medium se-text-input-field-text-label se-mb-1 se-block"
+            >${this.label}</label>`
+            : ''}
+        <textarea
+          id=${id}
+          class=${classes}
+          name=${this.name ?? ''}
+          placeholder=${this.placeholder ?? ''}
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+          ?readonly=${this.readonly}
+          rows=${this.rows ?? ''}
+          @change=${this._handleChange}
+          @input=${this._handleInput}
+        >${this.value ?? ''}</textarea>
+      </div>
+    `;
+    }
+}
+EditorTextareaLit.properties = {
+    label: { type: String },
+    textareaClass: { type: String, attribute: 'textarea-class' },
+    textareaId: { type: String, attribute: 'textarea-id' },
+    name: { type: String },
+    value: { type: String },
+    placeholder: { type: String },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    rows: { type: Number },
+};
+customElements.define('se-editor-textarea', EditorTextareaLit);

package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts

@@ -0,0 +1,90 @@
+/**
+ * ElementHighlightLit — DOM overlay that highlights a specific element (Lit web component).
+ *
+ * Tracks element position via scroll/resize listeners and ResizeObserver.
+ * Renders with position: fixed and inline styles exclusively.
+ *
+ * Must stay in light DOM (document.body) for same-tree visual stacking context
+ * when highlighting host page elements.
+ *
+ * Lit port of ElementHighlight.tsx — preserves all behavior including:
+ * - Live DOMRect tracking (scroll, resize, ResizeObserver)
+ * - requestAnimationFrame-batched updates
+ * - Configurable border, label, remove button
+ * - Dimensions display mode
+ * - Click/keyboard interaction support
+ */
+import { LitElement, nothing } from 'lit';
+export declare class ElementHighlightLit extends LitElement {
+    static properties: {
+        element: {
+            attribute: boolean;
+        };
+        color: {
+            type: StringConstructor;
+        };
+        bgColor: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        borderStyle: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        borderWidth: {
+            type: NumberConstructor;
+            attribute: string;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        showRemove: {
+            type: BooleanConstructor;
+            attribute: string;
+        };
+        showDimensions: {
+            type: BooleanConstructor;
+            attribute: string;
+        };
+        zIndex: {
+            type: NumberConstructor;
+            attribute: string;
+        };
+        padding: {
+            type: NumberConstructor;
+        };
+        interactive: {
+            type: BooleanConstructor;
+        };
+        _rect: {
+            state: boolean;
+        };
+    };
+    element: HTMLElement | null;
+    color: string;
+    bgColor: string;
+    borderStyle: 'solid' | 'dashed';
+    borderWidth: number;
+    label: string | undefined;
+    showRemove: boolean;
+    showDimensions: boolean;
+    zIndex: number;
+    padding: number;
+    /** When true, the highlight is clickable and emits 'highlight-click' events. */
+    interactive: boolean;
+    private _rect;
+    private _resizeObserver;
+    private _rafId;
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _attachTracking;
+    private _detachTracking;
+    private _scheduleUpdate;
+    private _handleClick;
+    private _handleKeyDown;
+    private _handleRemove;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=ElementHighlightLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementHighlightLit.d.ts","sourceRoot":"","sources":["../../src/components/ElementHighlightLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOhD,qBAAa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAcxB;IAEF,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IACnC,KAAK,EAAE,MAAM,CAAkB;IAC/B,OAAO,SAAiB;IACxB,WAAW,EAAE,OAAO,GAAG,QAAQ,CAAW;IAC1C,WAAW,SAAK;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,UAAU,UAAS;IACnB,cAAc,UAAS;IACvB,MAAM,SAAc;IACpB,OAAO,SAAK;IACZ,gFAAgF;IAChF,WAAW,UAAS;IAGpB,OAAO,CAAC,KAAK,CAAwB;IAGrC,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,MAAM,CAAuB;IAG5B,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAUrD,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,eAAe,CAQrB;IAIF,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,aAAa;IAaZ,MAAM;CA4GhB"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.js

@@ -0,0 +1,242 @@
+/**
+ * ElementHighlightLit — DOM overlay that highlights a specific element (Lit web component).
+ *
+ * Tracks element position via scroll/resize listeners and ResizeObserver.
+ * Renders with position: fixed and inline styles exclusively.
+ *
+ * Must stay in light DOM (document.body) for same-tree visual stacking context
+ * when highlighting host page elements.
+ *
+ * Lit port of ElementHighlight.tsx — preserves all behavior including:
+ * - Live DOMRect tracking (scroll, resize, ResizeObserver)
+ * - requestAnimationFrame-batched updates
+ * - Configurable border, label, remove button
+ * - Dimensions display mode
+ * - Click/keyboard interaction support
+ */
+import { colors } from '@syntro/design-system';
+import { html, LitElement, nothing } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+// =============================================================================
+// Component
+// =============================================================================
+export class ElementHighlightLit extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.element = null;
+        this.color = colors.blue[4];
+        this.bgColor = 'transparent';
+        this.borderStyle = 'solid';
+        this.borderWidth = 2;
+        this.showRemove = false;
+        this.showDimensions = false;
+        this.zIndex = 2147483644;
+        this.padding = 2;
+        /** When true, the highlight is clickable and emits 'highlight-click' events. */
+        this.interactive = false;
+        // Internal tracked rect
+        this._rect = null;
+        // Observer/listener cleanup
+        this._resizeObserver = null;
+        this._rafId = null;
+        this._scheduleUpdate = () => {
+            if (this._rafId != null)
+                return;
+            this._rafId = requestAnimationFrame(() => {
+                this._rafId = null;
+                if (this.element) {
+                    this._rect = this.element.getBoundingClientRect();
+                }
+            });
+        };
+    }
+    // No _bound* wrapper needed — method is an arrow class field
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._attachTracking();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._detachTracking();
+    }
+    updated(changed) {
+        if (changed.has('element')) {
+            // Re-attach tracking when the element changes
+            this._detachTracking();
+            this._attachTracking();
+        }
+    }
+    // ---- RECT TRACKING (mirrors useElementRect) ----
+    _attachTracking() {
+        if (!this.element) {
+            this._rect = null;
+            return;
+        }
+        // Initial measurement
+        this._rect = this.element.getBoundingClientRect();
+        // Scroll (capture phase catches nested scroll containers)
+        window.addEventListener('scroll', this._scheduleUpdate, true);
+        window.addEventListener('resize', this._scheduleUpdate);
+        // Observe element size changes
+        this._resizeObserver = new ResizeObserver(this._scheduleUpdate);
+        this._resizeObserver.observe(this.element);
+    }
+    _detachTracking() {
+        window.removeEventListener('scroll', this._scheduleUpdate, true);
+        window.removeEventListener('resize', this._scheduleUpdate);
+        if (this._resizeObserver) {
+            this._resizeObserver.disconnect();
+            this._resizeObserver = null;
+        }
+        if (this._rafId != null) {
+            cancelAnimationFrame(this._rafId);
+            this._rafId = null;
+        }
+    }
+    // ---- EVENT HANDLERS ----
+    _handleClick(e) {
+        e.stopPropagation();
+        e.preventDefault();
+        this.dispatchEvent(new CustomEvent('highlight-click', {
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _handleKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.stopPropagation();
+            e.preventDefault();
+            this.dispatchEvent(new CustomEvent('highlight-click', {
+                bubbles: true,
+                composed: true,
+            }));
+        }
+    }
+    _handleRemove(e) {
+        e.stopPropagation();
+        e.preventDefault();
+        this.dispatchEvent(new CustomEvent('highlight-remove', {
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    // ---- RENDER ----
+    render() {
+        const rect = this._rect;
+        if (!rect)
+            return nothing;
+        const el = this.element;
+        const hasInteraction = this.interactive || this.showRemove;
+        // Build dimensions label from element metadata
+        let dimensionsLabel = null;
+        if (this.showDimensions && el) {
+            const tag = el.tagName.toLowerCase();
+            const id = el.id ? `#${el.id}` : '';
+            const cls = el.className && typeof el.className === 'string'
+                ? `.${el.className.split(' ').filter(Boolean).slice(0, 2).join('.')}`
+                : '';
+            dimensionsLabel = `${tag}${id}${cls} \u2014 ${Math.round(rect.width)}\u00d7${Math.round(rect.height)}`;
+        }
+        const displayLabel = this.label || dimensionsLabel;
+        // Label background: semi-transparent for dimensions mode, solid for regular
+        const labelBg = this.showDimensions
+            ? `${this.color.replace(')', ',0.85)').replace('rgb(', 'rgba(')}`
+            : this.color;
+        return html `
+      <div
+        data-syntro-highlight
+        data-syntro-editor-ui="highlight"
+        role=${this.interactive ? 'button' : nothing}
+        tabindex=${this.interactive ? '0' : nothing}
+        @click=${this.interactive ? this._handleClick : nothing}
+        @keydown=${this.interactive ? this._handleKeyDown : nothing}
+        style=${styleMap({
+            position: 'fixed',
+            top: `${rect.top - this.padding}px`,
+            left: `${rect.left - this.padding}px`,
+            width: `${rect.width + this.padding * 2}px`,
+            height: `${rect.height + this.padding * 2}px`,
+            border: `${this.borderWidth}px ${this.borderStyle} ${this.color}`,
+            backgroundColor: this.bgColor,
+            borderRadius: '4px',
+            zIndex: String(this.zIndex),
+            pointerEvents: hasInteraction ? 'auto' : 'none',
+            cursor: this.interactive ? 'pointer' : 'default',
+            transition: 'all 0.05s ease-out',
+            boxSizing: 'border-box',
+        })}
+      >
+        ${displayLabel
+            ? html `<div
+              data-syntro-highlight-label
+              data-syntro-editor-ui="highlight-label"
+              class="se-text-xs"
+              style=${styleMap({
+                position: 'absolute',
+                top: '-22px',
+                left: '0',
+                background: labelBg,
+                color: '#fff',
+                fontWeight: '600',
+                fontFamily: this.showDimensions ? 'monospace' : 'inherit',
+                padding: '1px 6px',
+                borderRadius: '4px',
+                whiteSpace: 'nowrap',
+                display: 'flex',
+                alignItems: 'center',
+                gap: '6px',
+                pointerEvents: 'auto',
+            })}
+            >
+              <slot name="label-icon"></slot>
+              ${displayLabel}
+              ${this.showRemove
+                ? html `<button
+                    type="button"
+                    class="se-text-xs"
+                    data-syntro-highlight-remove
+                    data-syntro-editor-ui="highlight-remove"
+                    @click=${this._handleRemove}
+                    style=${styleMap({
+                    background: 'rgba(0,0,0,0.4)',
+                    border: 'none',
+                    color: '#fff',
+                    borderRadius: '50%',
+                    width: '16px',
+                    height: '16px',
+                    cursor: 'pointer',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    padding: '0',
+                    lineHeight: '1',
+                })}
+                  >
+                    \u00d7
+                  </button>`
+                : nothing}
+            </div>`
+            : nothing}
+      </div>
+    `;
+    }
+}
+ElementHighlightLit.properties = {
+    element: { attribute: false },
+    color: { type: String },
+    bgColor: { type: String, attribute: 'bg-color' },
+    borderStyle: { type: String, attribute: 'border-style' },
+    borderWidth: { type: Number, attribute: 'border-width' },
+    label: { type: String },
+    showRemove: { type: Boolean, attribute: 'show-remove' },
+    showDimensions: { type: Boolean, attribute: 'show-dimensions' },
+    zIndex: { type: Number, attribute: 'z-index' },
+    padding: { type: Number },
+    interactive: { type: Boolean },
+    // Internal state
+    _rect: { state: true },
+};
+customElements.define('se-element-highlight', ElementHighlightLit);

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+export declare class EmptyStateLit extends LitElement {
+    static properties: {
+        message: {
+            type: StringConstructor;
+        };
+    };
+    message: string;
+    createRenderRoot(): this;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=EmptyStateLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateLit.d.ts","sourceRoot":"","sources":["../../src/components/EmptyStateLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,qBAAa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,UAAU;;;;MAExB;IAEF,OAAO,SAAM;IAEJ,gBAAgB;IAIhB,MAAM;CAOhB"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.js

@@ -0,0 +1,21 @@
+import { html, LitElement } from 'lit';
+export class EmptyStateLit extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.message = '';
+    }
+    createRenderRoot() {
+        return this;
+    }
+    render() {
+        return html `
+      <div class="se-text-center se-py-8 se-px-4 se-text-text-secondary se-text-sm">
+        ${this.message}
+      </div>
+    `;
+    }
+}
+EmptyStateLit.properties = {
+    message: { type: String },
+};
+customElements.define('se-empty-state', EmptyStateLit);

package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+export declare class GroupHeaderLit extends LitElement {
+    static properties: {
+        label: {
+            type: StringConstructor;
+        };
+        count: {
+            type: NumberConstructor;
+        };
+        headerClass: {
+            type: StringConstructor;
+            attribute: string;
+        };
+    };
+    label: string;
+    count: number;
+    headerClass: string | undefined;
+    createRenderRoot(): this;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=GroupHeaderLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupHeaderLit.d.ts","sourceRoot":"","sources":["../../src/components/GroupHeaderLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,qBAAa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,UAAU;;;;;;;;;;;MAIxB;IAEF,KAAK,SAAM;IACX,KAAK,SAAK;IACV,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAEvB,gBAAgB;IAIhB,MAAM;CAiBhB"}