@syntrologie/adapt-nav 2.16.0 → 2.18.0

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

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useId, useRef } from 'react';
-import { cn } from '../cn';
-export function EditorTextarea({ label, className, value, id, ...props }) {
-    const ref = useRef(null);
-    const generatedId = useId();
-    const textareaId = id || generatedId;
-    // Auto-resize to fit content
-    useEffect(() => {
-        const el = ref.current;
-        if (!el)
-            return;
-        el.style.height = 'auto';
-        el.style.height = `${el.scrollHeight}px`;
-    }, []);
-    return (_jsxs("div", { children: [label && (_jsx("label", { htmlFor: textareaId, className: "se-text-sm se-font-medium se-text-input-field-text-label se-mb-1 se-block", children: label })), _jsx("textarea", { id: textareaId, ref: ref, value: value, ...props, className: cn('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', className) })] }));
-}

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

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

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

@@ -1,92 +0,0 @@
-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/ElementHighlight.d.ts

@@ -1,32 +0,0 @@
-/**
- * ElementHighlight — Shared overlay highlight for DOM elements.
- *
- * Tracks element position via useElementRect (scroll/resize-aware).
- * Renders via createPortal to document.body with position: fixed.
- *
- * EXCEPTION: This component MUST stay on document.body (not in shadow root).
- * It tracks and highlights host page elements, and needs same-tree visual
- * stacking context. Uses inline styles exclusively (no CSS leaking concerns).
- *
- * Replaces: InspectHighlight, HighlightOverlay, DiscoveryHighlightOverlay,
- * ReviewHighlightOverlay.
- */
-import type React from 'react';
-export interface ElementHighlightProps {
-    element: HTMLElement;
-    color: string;
-    bgColor?: string;
-    borderStyle?: 'solid' | 'dashed';
-    borderWidth?: number;
-    label?: string;
-    labelIcon?: React.ReactNode;
-    showRemove?: boolean;
-    onRemove?: () => void;
-    onClick?: () => void;
-    zIndex?: number;
-    padding?: number;
-    showDimensions?: boolean;
-    className?: string;
-}
-export declare function ElementHighlight({ element, color, bgColor, borderStyle, borderWidth, label, labelIcon, showRemove, onRemove, onClick, zIndex, padding, showDimensions, className, }: ElementHighlightProps): React.ReactPortal | null;
-//# sourceMappingURL=ElementHighlight.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElementHighlight.d.ts","sourceRoot":"","sources":["../../src/components/ElementHighlight.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,OAAuB,EACvB,WAAqB,EACrB,WAAe,EACf,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,EACP,MAAmB,EACnB,OAAW,EACX,cAAc,EACd,SAAS,GACV,EAAE,qBAAqB,4BA4HvB"}

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

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createPortal } from 'react-dom';
-import { useElementRect } from '../hooks/useElementRect';
-export function ElementHighlight({ element, color, bgColor = 'transparent', borderStyle = 'solid', borderWidth = 2, label, labelIcon, showRemove, onRemove, onClick, zIndex = 2147483644, padding = 2, showDimensions, className, }) {
-    const rect = useElementRect(element);
-    if (!rect)
-        return null;
-    // Build dimensions label from element metadata
-    const dimensionsLabel = showDimensions
-        ? (() => {
-            const tag = element.tagName.toLowerCase();
-            const id = element.id ? `#${element.id}` : '';
-            const cls = element.className && typeof element.className === 'string'
-                ? `.${element.className.split(' ').filter(Boolean).slice(0, 2).join('.')}`
-                : '';
-            return `${tag}${id}${cls} \u2014 ${Math.round(rect.width)}\u00d7${Math.round(rect.height)}`;
-        })()
-        : null;
-    const displayLabel = label || dimensionsLabel;
-    return createPortal(
-    // biome-ignore lint/a11y/noStaticElementInteractions: overlay highlight element is conditionally interactive based on onClick prop
-    _jsx("div", { "data-syntro-highlight": true, "data-syntro-editor-ui": "highlight", className: className, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined, onClick: onClick
-            ? (e) => {
-                e.stopPropagation();
-                e.preventDefault();
-                onClick();
-            }
-            : undefined, onKeyDown: onClick
-            ? (e) => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.stopPropagation();
-                    e.preventDefault();
-                    onClick();
-                }
-            }
-            : undefined, style: {
-            position: 'fixed',
-            top: rect.top - padding,
-            left: rect.left - padding,
-            width: rect.width + padding * 2,
-            height: rect.height + padding * 2,
-            border: `${borderWidth}px ${borderStyle} ${color}`,
-            backgroundColor: bgColor,
-            borderRadius: '4px',
-            zIndex,
-            pointerEvents: onClick || onRemove ? 'auto' : 'none',
-            cursor: onClick ? 'pointer' : 'default',
-            transition: 'all 0.05s ease-out',
-            boxSizing: 'border-box',
-        }, children: displayLabel && (_jsxs("div", { "data-syntro-highlight-label": true, "data-syntro-editor-ui": "highlight-label", className: "se-text-xs", style: {
-                position: 'absolute',
-                top: '-22px',
-                left: 0,
-                background: showDimensions
-                    ? `${color.replace(')', ',0.85)').replace('rgb(', 'rgba(')}`
-                    : color,
-                color: '#fff',
-                fontWeight: 600,
-                fontFamily: showDimensions ? 'monospace' : 'inherit',
-                padding: '1px 6px',
-                borderRadius: '4px',
-                whiteSpace: 'nowrap',
-                display: 'flex',
-                alignItems: 'center',
-                gap: '6px',
-                pointerEvents: 'auto',
-            }, children: [labelIcon, displayLabel, showRemove && onRemove && (_jsx("button", { type: "button", className: "se-text-xs", "data-syntro-highlight-remove": true, "data-syntro-editor-ui": "highlight-remove", onClick: (e) => {
-                        e.stopPropagation();
-                        e.preventDefault();
-                        onRemove();
-                    }, style: {
-                        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,
-                    }, children: "\u00D7" }))] })) }), document.body);
-}

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

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

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

@@ -1,242 +0,0 @@
-/**
- * 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/EmptyState.d.ts

@@ -1,6 +0,0 @@
-interface EmptyStateProps {
-    message: string;
-}
-export declare function EmptyState({ message }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,2CAMtD"}

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function EmptyState({ message }) {
-    return (_jsx("div", { className: "se-text-center se-py-8 se-px-4 se-text-text-secondary se-text-sm", children: message }));
-}

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

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

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