@syntrologie/adapt-nav 2.16.0 → 2.18.0

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

@@ -1,528 +0,0 @@
-/**
- * EditorPanelShellLit — moveable, resizable wrapper for editor sidebars (Lit web component).
- *
- * Renders:
- *  1. A fixed FAB button (Syntrologie logo) at the panel's bottom-left corner.
- *     Click toggles open/minimized. Drag moves the entire panel.
- *  2. A resizable panel container with semi-transparent background and backdrop blur.
- *     Supports docked (left/right edge, full height) and free-floating modes.
- *     Position, size, and dock state persist in localStorage.
- *
- * Lit port of EditorPanelShell.tsx — preserves all behavior including:
- * - FAB drag with pointer capture and edge snapping
- * - 8-direction resize handles with direct DOM manipulation for performance
- * - localStorage persistence of geometry
- * - Viewport clamping on window resize
- */
-import { panelShell } from '@syntro/design-system';
-import { html, LitElement, nothing } from 'lit';
-import { styleMap } from 'lit/directives/style-map.js';
-// =============================================================================
-// Constants
-// =============================================================================
-const STORAGE_KEY = 'syntro:editor-panel';
-const MIN_WIDTH = panelShell.behavior.minWidth;
-const MIN_HEIGHT = panelShell.behavior.minHeight;
-const FAB_SIZE = panelShell.fab.size;
-const FAB_INSET = panelShell.fab.inset;
-const SNAP_THRESHOLD = panelShell.behavior.snapThreshold;
-const DRAG_THRESHOLD = panelShell.behavior.dragThreshold;
-const HANDLE_SIZE = panelShell.behavior.handleSize;
-// =============================================================================
-// Geometry Helpers
-// =============================================================================
-function getDefaultGeometry() {
-    return {
-        x: 0,
-        y: 0,
-        width: MIN_WIDTH,
-        height: typeof window !== 'undefined' ? window.innerHeight : 800,
-        docked: 'left',
-    };
-}
-function loadGeometry(storageKey) {
-    if (typeof window === 'undefined')
-        return getDefaultGeometry();
-    try {
-        const raw = localStorage.getItem(storageKey);
-        if (raw) {
-            const parsed = JSON.parse(raw);
-            return {
-                x: typeof parsed.x === 'number' ? parsed.x : 0,
-                y: typeof parsed.y === 'number' ? parsed.y : 0,
-                width: Math.max(MIN_WIDTH, typeof parsed.width === 'number' ? parsed.width : MIN_WIDTH),
-                height: Math.max(MIN_HEIGHT, typeof parsed.height === 'number' ? parsed.height : window.innerHeight),
-                docked: parsed.docked === 'left' || parsed.docked === 'right' ? parsed.docked : null,
-            };
-        }
-    }
-    catch {
-        /* ignore corrupt localStorage */
-    }
-    return getDefaultGeometry();
-}
-function saveGeometry(storageKey, geo) {
-    try {
-        localStorage.setItem(storageKey, JSON.stringify(geo));
-    }
-    catch {
-        /* ignore full localStorage */
-    }
-}
-function getPanelRect(geo) {
-    if (geo.docked === 'left') {
-        return { top: 0, left: 0, width: geo.width, height: window.innerHeight };
-    }
-    if (geo.docked === 'right') {
-        return {
-            top: 0,
-            left: window.innerWidth - geo.width,
-            width: geo.width,
-            height: window.innerHeight,
-        };
-    }
-    const { x: left, y: top, width, height } = geo;
-    return { top, left, width, height };
-}
-function getFabPosition(geo) {
-    const rect = getPanelRect(geo);
-    return {
-        left: rect.left + FAB_INSET,
-        top: rect.top + FAB_INSET,
-    };
-}
-function clampToViewport(geo) {
-    if (geo.docked)
-        return geo;
-    const vw = window.innerWidth;
-    const vh = window.innerHeight;
-    return {
-        ...geo,
-        x: Math.max(-(geo.width - FAB_SIZE), Math.min(geo.x, vw - FAB_SIZE)),
-        y: Math.max(-FAB_INSET, Math.min(geo.y, vh - FAB_SIZE - FAB_INSET)),
-    };
-}
-function undockGeometry(geo) {
-    const rect = getPanelRect(geo);
-    return {
-        x: rect.left,
-        y: rect.top,
-        width: geo.width,
-        height: rect.height,
-        docked: null,
-    };
-}
-const RESIZE_HANDLES = [
-    {
-        dir: 'n',
-        style: {
-            top: '0',
-            left: `${HANDLE_SIZE}px`,
-            right: `${HANDLE_SIZE}px`,
-            height: `${HANDLE_SIZE}px`,
-        },
-        cursor: 'ns-resize',
-    },
-    {
-        dir: 's',
-        style: {
-            bottom: '0',
-            left: `${HANDLE_SIZE}px`,
-            right: `${HANDLE_SIZE}px`,
-            height: `${HANDLE_SIZE}px`,
-        },
-        cursor: 'ns-resize',
-    },
-    {
-        dir: 'e',
-        style: {
-            right: '0',
-            top: `${HANDLE_SIZE}px`,
-            bottom: `${HANDLE_SIZE}px`,
-            width: `${HANDLE_SIZE}px`,
-        },
-        cursor: 'ew-resize',
-    },
-    {
-        dir: 'w',
-        style: {
-            left: '0',
-            top: `${HANDLE_SIZE}px`,
-            bottom: `${HANDLE_SIZE}px`,
-            width: `${HANDLE_SIZE}px`,
-        },
-        cursor: 'ew-resize',
-    },
-    {
-        dir: 'ne',
-        style: { top: '0', right: '0', width: `${HANDLE_SIZE * 2}px`, height: `${HANDLE_SIZE * 2}px` },
-        cursor: 'nesw-resize',
-    },
-    {
-        dir: 'nw',
-        style: { top: '0', left: '0', width: `${HANDLE_SIZE * 2}px`, height: `${HANDLE_SIZE * 2}px` },
-        cursor: 'nwse-resize',
-    },
-    {
-        dir: 'se',
-        style: {
-            bottom: '0',
-            right: '0',
-            width: `${HANDLE_SIZE * 2}px`,
-            height: `${HANDLE_SIZE * 2}px`,
-        },
-        cursor: 'nwse-resize',
-    },
-    {
-        dir: 'sw',
-        style: {
-            bottom: '0',
-            left: '0',
-            width: `${HANDLE_SIZE * 2}px`,
-            height: `${HANDLE_SIZE * 2}px`,
-        },
-        cursor: 'nesw-resize',
-    },
-];
-// =============================================================================
-// SVG Logo (inline template)
-// =============================================================================
-const syntroLogoSvg = html `<svg
-  aria-hidden="true"
-  width="28"
-  height="18"
-  viewBox="0 0 101 63"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <g clip-path="url(#syntro-fab-clip)">
-    <path
-      d="M51.989 0.284C52.386 0.29 52.808 0.341 53.192 0.443C53.769 0.596 54.362 0.983 54.745 1.442C55.895 2.822 56.767 4.782 57.669 6.357C59.947 10.334 62.152 14.372 64.498 18.307C64.671 18.597 65.127 19.343 65.475 19.411C66.654 19.641 79.278 11.523 81.123 10.317C80.704 8.6 80.624 7.21 81.334 5.525C82.014 3.916 83.317 2.651 84.946 2.019C86.593 1.366 88.286 1.42 89.902 2.123C91.486 2.795 92.733 4.076 93.363 5.677C95.111 10.218 91.347 15.013 86.561 14.442C85.392 14.302 84.649 13.927 83.6 13.441C76.542 18.247 69.094 22.597 61.207 25.907C60.153 26.349 59.42 26.6 58.519 27.328C60.583 27.43 87.034 24.236 87.878 23.781C87.926 23.755 88.048 23.697 88.08 23.652C88.244 23.421 88.277 23.007 88.376 22.735C88.819 21.511 89.563 20.379 90.604 19.586C91.887 18.608 93.6 18.093 95.208 18.324C96.992 18.581 98.67 19.55 99.74 21.005C100.733 22.364 101.141 24.064 100.875 25.726C100.607 27.394 99.692 28.888 98.329 29.887C96.02 31.573 92.641 31.613 90.392 29.789C89.579 29.13 89.177 28.535 88.566 27.692C86.692 28.103 83.447 28.463 81.472 28.73C76.577 29.399 71.671 29.99 66.756 30.504C65.752 30.608 59.279 31.013 58.779 31.24L58.781 31.387C59.106 31.577 66.974 33.025 68.328 33.358C72.475 34.405 76.572 35.64 80.606 37.06C82.709 37.818 84.721 38.686 86.814 39.457C88.505 38.051 89.243 36.875 91.925 36.841C93.665 36.833 95.339 37.506 96.589 38.717C97.986 40.087 98.415 41.541 98.429 43.422C98.417 44.842 98.099 45.978 97.229 47.137C96.168 48.531 94.597 49.447 92.86 49.682C91.161 49.922 89.437 49.472 88.073 48.431C86.201 47.02 85.795 45.462 85.488 43.323C85.255 43.193 85.018 43.071 84.776 42.958C83.907 42.553 78.511 40.359 77.911 40.577C77.837 41.147 78.926 42.592 79.243 43.155L84.336 52.073C85.165 53.529 86.027 54.991 86.789 56.483C87.253 57.391 87.414 58.355 87.056 59.343C86.557 60.722 85.014 61.408 83.626 61.438C81.429 61.427 79.228 61.427 77.029 61.427L62.967 61.427L35.549 61.435C33.337 61.436 20.693 61.626 19.579 61.199C18.758 60.889 18.093 60.265 17.732 59.465C17.455 58.844 17.335 57.994 17.577 57.361C18.242 55.623 19.5 53.659 20.438 52.043L28.119 39.028C28.9 37.701 31.213 33.891 31.7 32.634C25.671 32.936 18.736 32.547 12.6 32.721C11.75 34.138 10.992 35.281 9.368 35.935C7.744 36.588 5.704 36.604 4.097 35.922C2.546 35.272 1.319 34.028 0.69 32.468C0.053 30.839 0.086 29.025 0.781 27.42C2.812 22.739 9.259 22.202 12.05 26.464C12.555 27.235 12.774 27.84 13.104 28.703L26.462 28.711C28.926 28.713 31.729 28.779 34.17 28.668C35.279 26.892 36.442 24.733 37.515 22.901L45.376 9.375C46.797 6.902 48.214 4.368 49.685 1.924C50.222 1.032 50.962 0.493 51.989 0.284ZM22.119 57.31C23.512 57.503 26.045 57.431 27.526 57.429L36.661 57.42L68.412 57.422C73.113 57.421 77.994 57.351 82.68 57.438L75.664 45.098C74.562 43.171 73.093 40.773 72.104 38.827C71.245 38.351 70.291 38.109 69.335 37.848C59.189 35.076 48.669 33.421 38.172 32.796C37.642 32.764 36.994 32.766 36.469 32.794L25.855 50.865C24.634 52.935 23.364 55.302 22.119 57.31ZM52.216 5.513C49.384 10.611 46.473 15.665 43.484 20.673C42.193 22.878 40.862 25.071 39.63 27.31C39.46 27.618 39.36 27.782 39.453 28.133C40.522 28.342 45.866 26.973 47.112 26.644C49.169 26.137 60.135 22.684 61.174 21.436C61.248 21.163 61.287 21.069 61.125 20.762C60.279 19.163 59.326 17.527 58.435 15.958L53.592 7.329C53.355 6.915 52.677 5.599 52.216 5.513ZM96.18 26.494C96.963 25.713 97.12 24.502 96.563 23.547C96.005 22.592 94.872 22.133 93.807 22.432C92.972 22.666 92.324 23.327 92.108 24.167C91.892 25.007 92.14 25.899 92.758 26.507C93.396 27.134 94.327 27.361 95.182 27.096C95.558 26.98 95.901 26.773 96.18 26.494ZM87.871 10.399C89.147 10.087 89.941 8.813 89.659 7.529C89.377 6.246 88.122 5.422 86.832 5.673C85.97 5.841 85.266 6.463 84.994 7.298C84.722 8.133 84.923 9.05 85.52 9.694C86.118 10.339 87.017 10.608 87.871 10.399ZM91.505 40.879C90.185 41.122 89.31 42.388 89.55 43.709C89.791 45.03 91.055 45.907 92.377 45.669C93.22 45.517 93.921 44.933 94.223 44.131C94.525 43.329 94.383 42.428 93.85 41.758C93.29 41.055 92.389 40.717 91.505 40.879ZM9.138 29.557C9.005 28.88 8.592 28.292 8.001 27.937C7.409 27.583 6.696 27.495 6.036 27.697C5.665 27.81 5.326 28.011 5.048 28.282C4.24 29.07 4.079 30.31 4.66 31.278C5.241 32.247 6.411 32.688 7.487 32.346C8.666 31.97 9.376 30.771 9.138 29.557Z"
-      fill="currentColor"
-    />
-  </g>
-  <defs>
-    <clipPath id="syntro-fab-clip">
-      <rect width="101" height="63" fill="white" />
-    </clipPath>
-  </defs>
-</svg>`;
-// =============================================================================
-// Component
-// =============================================================================
-export class EditorPanelShellLit extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.isOpen = false;
-        this.zIndex = 2147483647;
-        // Internal geometry state
-        this._geometry = getDefaultGeometry();
-        // DOM refs (set in render via query after update)
-        this._panelEl = null;
-        this._fabEl = null;
-        // Drag state (imperative refs for performance -- no re-renders during drag)
-        this._isDragging = false;
-        this._hasMoved = false;
-        this._dragOffset = { x: 0, y: 0 };
-        this._startPanelPos = { x: 0, y: 0 };
-        this._pendingGeo = null;
-        // Resize state
-        this._activeResize = null;
-        this._resizeStartMouse = { x: 0, y: 0 };
-        this._resizeStartGeo = getDefaultGeometry();
-        this._handleWindowResize = () => {
-            this._updateGeometry(clampToViewport(this._geometry));
-        };
-    }
-    // No _bound* wrapper needed — method is an arrow class field
-    get _storageKey() {
-        return this.panelId ? `syntro:editor-panel:${this.panelId}` : STORAGE_KEY;
-    }
-    createRenderRoot() {
-        return this;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._geometry = loadGeometry(this._storageKey);
-        window.addEventListener('resize', this._handleWindowResize);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener('resize', this._handleWindowResize);
-    }
-    updated() {
-        // Cache DOM refs after each render
-        this._panelEl = this.querySelector('[data-syntro-editor-panel]');
-        this._fabEl = this.querySelector('[data-syntro-fab]');
-    }
-    // ---- HELPERS ----
-    _updateGeometry(geo) {
-        this._geometry = geo;
-        saveGeometry(this._storageKey, geo);
-        this.requestUpdate();
-    }
-    _emitToggle() {
-        this.dispatchEvent(new CustomEvent('toggle', {
-            bubbles: true,
-            composed: true,
-        }));
-    }
-    // ---- FAB DRAG HANDLERS ----
-    _handleFabPointerDown(e) {
-        this._isDragging = true;
-        this._hasMoved = false;
-        const rect = getPanelRect(this._geometry);
-        this._startPanelPos = { x: rect.left, y: rect.top };
-        this._dragOffset = {
-            x: e.clientX - rect.left,
-            y: e.clientY - rect.top,
-        };
-        e.target.setPointerCapture(e.pointerId);
-        e.preventDefault();
-    }
-    _handleFabPointerMove(e) {
-        if (!this._isDragging)
-            return;
-        const newX = e.clientX - this._dragOffset.x;
-        const newY = e.clientY - this._dragOffset.y;
-        if (!this._hasMoved) {
-            const dx = Math.abs(newX - this._startPanelPos.x);
-            const dy = Math.abs(newY - this._startPanelPos.y);
-            if (dx < DRAG_THRESHOLD && dy < DRAG_THRESHOLD)
-                return;
-            this._hasMoved = true;
-        }
-        const geo = this._geometry;
-        const height = geo.docked ? window.innerHeight : geo.height;
-        // Update panel DOM directly for performance (bypass Lit re-render)
-        if (this._panelEl) {
-            this._panelEl.style.left = `${newX}px`;
-            this._panelEl.style.top = `${newY}px`;
-            this._panelEl.style.right = 'auto';
-            this._panelEl.style.height = `${height}px`;
-        }
-        if (this._fabEl) {
-            this._fabEl.style.left = `${newX + FAB_INSET}px`;
-            this._fabEl.style.top = `${newY + FAB_INSET}px`;
-        }
-        this._pendingGeo = { x: newX, y: newY, width: geo.width, height, docked: null };
-    }
-    _handleFabPointerUp(e) {
-        e.target.releasePointerCapture(e.pointerId);
-        const wasDragging = this._hasMoved;
-        this._isDragging = false;
-        this._hasMoved = false;
-        if (!wasDragging) {
-            this._emitToggle();
-            return;
-        }
-        if (this._pendingGeo) {
-            const geo = this._pendingGeo;
-            // Edge snapping
-            if (geo.x <= SNAP_THRESHOLD) {
-                this._updateGeometry({ ...geo, docked: 'left', x: 0, y: 0 });
-            }
-            else if (geo.x + geo.width >= window.innerWidth - SNAP_THRESHOLD) {
-                this._updateGeometry({ ...geo, docked: 'right', x: 0, y: 0 });
-            }
-            else {
-                this._updateGeometry(geo);
-            }
-            this._pendingGeo = null;
-        }
-    }
-    // ---- RESIZE HANDLERS ----
-    _handleResizePointerDown(e) {
-        const dir = e.currentTarget.dataset.resizeDir;
-        if (!dir)
-            return;
-        let geo = this._geometry;
-        // Undock if currently docked
-        if (geo.docked) {
-            geo = undockGeometry(geo);
-            this._updateGeometry(geo);
-        }
-        this._activeResize = dir;
-        this._resizeStartMouse = { x: e.clientX, y: e.clientY };
-        this._resizeStartGeo = { ...geo };
-        e.target.setPointerCapture(e.pointerId);
-        e.preventDefault();
-    }
-    _handleResizePointerMove(e) {
-        if (!this._activeResize)
-            return;
-        const dx = e.clientX - this._resizeStartMouse.x;
-        const dy = e.clientY - this._resizeStartMouse.y;
-        const dir = this._activeResize;
-        const start = this._resizeStartGeo;
-        let { x, y, width, height } = start;
-        if (dir.includes('e'))
-            width = Math.max(MIN_WIDTH, start.width + dx);
-        if (dir.includes('w')) {
-            const newW = Math.max(MIN_WIDTH, start.width - dx);
-            x = start.x + start.width - newW;
-            width = newW;
-        }
-        if (dir.includes('s'))
-            height = Math.max(MIN_HEIGHT, start.height + dy);
-        if (dir.includes('n')) {
-            const newH = Math.max(MIN_HEIGHT, start.height - dy);
-            y = start.y + start.height - newH;
-            height = newH;
-        }
-        // Update DOM directly for performance
-        if (this._panelEl) {
-            this._panelEl.style.left = `${x}px`;
-            this._panelEl.style.top = `${y}px`;
-            this._panelEl.style.width = `${width}px`;
-            this._panelEl.style.height = `${height}px`;
-        }
-        if (this._fabEl) {
-            this._fabEl.style.left = `${x + FAB_INSET}px`;
-            this._fabEl.style.top = `${y + FAB_INSET}px`;
-        }
-        this._pendingGeo = { x, y, width, height, docked: null };
-    }
-    _handleResizePointerUp(e) {
-        e.target.releasePointerCapture(e.pointerId);
-        this._activeResize = null;
-        if (this._pendingGeo) {
-            this._updateGeometry(this._pendingGeo);
-            this._pendingGeo = null;
-        }
-    }
-    // ---- COMPUTED STYLES ----
-    _getPanelClasses() {
-        const geo = this._geometry;
-        const isDocked = geo.docked !== null;
-        const base = 'syntro-editor-scope se-fixed se-flex se-flex-col se-text-text-primary se-backdrop-blur-xl se-font-sans se-antialiased se-overflow-hidden';
-        if (isDocked) {
-            return geo.docked === 'right'
-                ? `${base} se-border-l se-border-border-primary`
-                : `${base} se-border-r se-border-border-primary`;
-        }
-        return `${base} se-rounded-lg se-border se-border-border-primary`;
-    }
-    _getPanelStyles() {
-        const geo = this._geometry;
-        const isDocked = geo.docked !== null;
-        const styles = {
-            position: 'fixed',
-            zIndex: String(this.zIndex),
-            // Re-enable pointer events — parent editor container uses pointer-events:none
-            // so clicks pass through to elements beneath (e.g., the launcher FAB).
-            pointerEvents: 'auto',
-            background: panelShell.background,
-            backdropFilter: `blur(${panelShell.backdropBlur})`,
-            webkitBackdropFilter: `blur(${panelShell.backdropBlur})`,
-            boxShadow: isDocked
-                ? geo.docked === 'right'
-                    ? panelShell.shadows.dockedRight
-                    : panelShell.shadows.dockedLeft
-                : panelShell.shadows.floating,
-            overflowY: 'auto',
-            overscrollBehavior: 'contain',
-        };
-        if (geo.docked === 'left') {
-            styles.top = '0';
-            styles.left = '0';
-            styles.width = `${geo.width}px`;
-            styles.height = '100vh';
-        }
-        else if (geo.docked === 'right') {
-            styles.top = '0';
-            styles.right = '0';
-            styles.width = `${geo.width}px`;
-            styles.height = '100vh';
-        }
-        else {
-            styles.top = `${geo.y}px`;
-            styles.left = `${geo.x}px`;
-            styles.width = `${geo.width}px`;
-            styles.height = `${geo.height}px`;
-        }
-        return styles;
-    }
-    _getFabStyles() {
-        const fabPos = getFabPosition(this._geometry);
-        return {
-            position: 'fixed',
-            left: `${fabPos.left}px`,
-            top: `${fabPos.top}px`,
-            zIndex: String(this.zIndex),
-            // Re-enable pointer events — parent editor container uses pointer-events:none
-            pointerEvents: 'auto',
-            width: `${FAB_SIZE}px`,
-            height: `${FAB_SIZE}px`,
-            borderRadius: '50%',
-            border: panelShell.fab.border,
-            cursor: 'grab',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            background: panelShell.fab.background,
-            color: panelShell.fab.color,
-            boxShadow: this.isOpen ? panelShell.fab.shadowOpen : panelShell.fab.shadowClosed,
-            transition: 'box-shadow 150ms ease',
-            touchAction: 'none',
-            userSelect: 'none',
-            webkitUserSelect: 'none',
-        };
-    }
-    // ---- RENDER ----
-    render() {
-        return html `
-      ${this.isOpen
-            ? html `<div
-            data-syntro-editor-panel
-            data-syntro-editor-ui="panel"
-            class=${this._getPanelClasses()}
-            style=${styleMap(this._getPanelStyles())}
-            ${this.panelId ? html `` : nothing}
-            id=${this.panelId ?? nothing}
-          >
-            ${RESIZE_HANDLES.map((h) => html `<div
-                  data-syntro-editor-ui="resize-${h.dir}"
-                  data-resize-dir=${h.dir}
-                  @pointerdown=${this._handleResizePointerDown}
-                  @pointermove=${this._handleResizePointerMove}
-                  @pointerup=${this._handleResizePointerUp}
-                  style=${styleMap({
-                position: 'absolute',
-                ...h.style,
-                cursor: h.cursor,
-                zIndex: '1',
-                touchAction: 'none',
-            })}
-                ></div>`)}
-            <slot></slot>
-          </div>`
-            : nothing}
-
-      <div
-        class="syntro-editor-scope"
-        data-syntro-editor-ui="fab-wrapper"
-        style="display: contents"
-      >
-        <button
-          type="button"
-          data-syntro-fab
-          data-syntro-editor-ui="fab"
-          @pointerdown=${this._handleFabPointerDown}
-          @pointermove=${this._handleFabPointerMove}
-          @pointerup=${this._handleFabPointerUp}
-          style=${styleMap(this._getFabStyles())}
-          title=${this.isOpen ? 'Minimize panel' : 'Open panel'}
-        >
-          ${syntroLogoSvg}
-        </button>
-      </div>
-    `;
-    }
-}
-EditorPanelShellLit.properties = {
-    isOpen: { type: Boolean, attribute: 'is-open' },
-    panelId: { type: String, attribute: 'panel-id' },
-    zIndex: { type: Number, attribute: 'z-index' },
-};
-customElements.define('se-editor-panel-shell', EditorPanelShellLit);

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

@@ -1,8 +0,0 @@
-import type React from 'react';
-interface EditorSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
-    label?: string;
-    className?: string;
-}
-export declare function EditorSelect({ label, className, children, id, ...props }: EditorSelectProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EditorSelect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorSelect.d.ts","sourceRoot":"","sources":["../../src/components/EditorSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CA2B3F"}

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

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from 'react';
-import { cn } from '../cn';
-export function EditorSelect({ label, className, children, id, ...props }) {
-    const generatedId = useId();
-    const selectId = id || generatedId;
-    return (_jsxs("div", { children: [label && (_jsx("label", { htmlFor: selectId, className: "se-text-sm se-font-medium se-text-input-field-text-label se-mb-1 se-block", children: label })), _jsx("select", { id: selectId, ...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-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', className), children: children })] }));
-}

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

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

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

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

@@ -1,8 +0,0 @@
-import type React from 'react';
-interface EditorTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    label?: string;
-    className?: string;
-}
-export declare function EditorTextarea({ label, className, value, id, ...props }: EditorTextareaProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EditorTextarea.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorTextarea.d.ts","sourceRoot":"","sources":["../../src/components/EditorTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,mBAAoB,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAsC5F"}