@syntrologie/adapt-overlays 2.14.0 → 2.15.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorInputLit.d.ts","sourceRoot":"","sources":["../../src/components/EditorInputLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,qBAAa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAcxB;IAEF,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,SAAU;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzB,OAAO,CAAC,YAAY,CAAS;;IAOpB,gBAAgB;IAIzB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,YAAY;IAYX,MAAM;CAyChB"}

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

@@ -0,0 +1,87 @@
+import { html, LitElement } from 'lit';
+let _inputIdCounter = 0;
+export class EditorInputLit extends LitElement {
+    constructor() {
+        super();
+        this.type = 'text';
+        this.disabled = false;
+        this.required = false;
+        this.readonly = false;
+        this._generatedId = `se-input-${++_inputIdCounter}`;
+    }
+    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,
+        }));
+    }
+    _handleInput(e) {
+        const target = e.target;
+        this.value = target.value;
+        this.dispatchEvent(new CustomEvent('input', {
+            detail: { value: target.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        const id = this.inputId || 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-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.inputClass || '',
+        ]
+            .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>`
+            : ''}
+        <input
+          id=${id}
+          class=${classes}
+          type=${this.type}
+          name=${this.name ?? ''}
+          .value=${this.value ?? ''}
+          placeholder=${this.placeholder ?? ''}
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+          ?readonly=${this.readonly}
+          min=${this.min ?? ''}
+          max=${this.max ?? ''}
+          step=${this.step ?? ''}
+          @change=${this._handleChange}
+          @input=${this._handleInput}
+        />
+      </div>
+    `;
+    }
+}
+EditorInputLit.properties = {
+    label: { type: String },
+    inputClass: { type: String, attribute: 'input-class' },
+    inputId: { type: String, attribute: 'input-id' },
+    name: { type: String },
+    type: { type: String },
+    value: { type: String },
+    placeholder: { type: String },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    min: { type: String },
+    max: { type: String },
+    step: { type: String },
+};
+customElements.define('se-editor-input', EditorInputLit);

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorLayoutLit.d.ts","sourceRoot":"","sources":["../../src/components/EditorLayoutLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,UAAU,KAAM;IAEvB,gBAAgB;IAIhB,MAAM;CAOhB"}

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

@@ -0,0 +1,15 @@
+import { html, LitElement } from 'lit';
+export class EditorLayoutLit extends LitElement {
+    createRenderRoot() {
+        return this;
+    }
+    render() {
+        return html `
+      <div class="se-flex se-flex-col se-h-full se-font-sans">
+        <slot></slot>
+      </div>
+    `;
+    }
+}
+EditorLayoutLit.properties = {};
+customElements.define('se-editor-layout', EditorLayoutLit);

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

@@ -1 +1 @@
-{"version":3,"file":"EditorPanelShell.d.ts","sourceRoot":"","sources":["../../src/components/EditorPanelShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA8MD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAmB,EACnB,QAAQ,GACT,EAAE,qBAAqB,2CAySvB"}
+{"version":3,"file":"EditorPanelShell.d.ts","sourceRoot":"","sources":["../../src/components/EditorPanelShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA8MD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAmB,EACnB,QAAQ,GACT,EAAE,qBAAqB,2CAwSvB"}

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

@@ -1,17 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * EditorPanelShell — moveable, resizable wrapper for editor sidebars.
+ *
+ * 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.
+ */
+import { panelShell } from '@syntro/design-system';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { cn } from '../cn';
 // =============================================================================
 // Constants
 // =============================================================================
 const STORAGE_KEY = 'syntro:editor-panel';
-const MIN_WIDTH = 480;
-const MIN_HEIGHT = 400;
-const FAB_SIZE = 56;
-const FAB_INSET = 12;
-const SNAP_THRESHOLD = 20;
-const DRAG_THRESHOLD = 5;
-const HANDLE_SIZE = 8;
+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;
 // =============================================================================
 // Logo
 // =============================================================================
@@ -313,12 +324,14 @@ export function EditorPanelShell({ isOpen, onToggle, panelId, zIndex = 214748364
     const panelStyle = {
         position: 'fixed',
         zIndex,
-        background: 'linear-gradient(160deg, rgba(7,8,10,0.84) 0%, rgba(14,17,20,0.88) 45%, rgba(15,19,24,0.84) 100%)',
+        background: panelShell.background,
+        backdropFilter: `blur(${panelShell.backdropBlur})`,
+        WebkitBackdropFilter: `blur(${panelShell.backdropBlur})`,
         boxShadow: isDocked
             ? geometry.docked === 'right'
-                ? '-20px 0 60px rgba(0,0,0,0.5)'
-                : '20px 0 60px rgba(0,0,0,0.5)'
-            : '0 8px 60px rgba(0,0,0,0.5)',
+                ? panelShell.shadows.dockedRight
+                : panelShell.shadows.dockedLeft
+            : panelShell.shadows.floating,
         // Prevent wheel scroll from chaining to the page behind the panel.
         // overflow-y: auto makes this a scroll container so overscroll-behavior applies.
         overflowY: 'auto',
@@ -350,16 +363,14 @@ export function EditorPanelShell({ isOpen, onToggle, panelId, zIndex = 214748364
         width: FAB_SIZE,
         height: FAB_SIZE,
         borderRadius: '50%',
-        border: '2px solid #b72e2a',
+        border: panelShell.fab.border,
         cursor: 'grab',
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        background: '#000000',
-        color: '#ffffff',
-        boxShadow: isOpen
-            ? '0 4px 24px rgba(0,0,0,0.6), 0 0 0 2px rgba(255,255,255,0.08)'
-            : '0 4px 24px rgba(0,0,0,0.6)',
+        background: panelShell.fab.background,
+        color: panelShell.fab.color,
+        boxShadow: isOpen ? panelShell.fab.shadowOpen : panelShell.fab.shadowClosed,
         transition: 'box-shadow 150ms ease',
         touchAction: 'none',
         userSelect: 'none',

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

@@ -0,0 +1,66 @@
+/**
+ * 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 { LitElement } from 'lit';
+export declare class EditorPanelShellLit extends LitElement {
+    static properties: {
+        isOpen: {
+            type: BooleanConstructor;
+            attribute: string;
+        };
+        panelId: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        zIndex: {
+            type: NumberConstructor;
+            attribute: string;
+        };
+    };
+    isOpen: boolean;
+    panelId: string | undefined;
+    zIndex: number;
+    private _geometry;
+    private _panelEl;
+    private _fabEl;
+    private _isDragging;
+    private _hasMoved;
+    private _dragOffset;
+    private _startPanelPos;
+    private _pendingGeo;
+    private _activeResize;
+    private _resizeStartMouse;
+    private _resizeStartGeo;
+    private get _storageKey();
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(): void;
+    private _updateGeometry;
+    private _handleWindowResize;
+    private _emitToggle;
+    private _handleFabPointerDown;
+    private _handleFabPointerMove;
+    private _handleFabPointerUp;
+    private _handleResizePointerDown;
+    private _handleResizePointerMove;
+    private _handleResizePointerUp;
+    private _getPanelClasses;
+    private _getPanelStyles;
+    private _getFabStyles;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=EditorPanelShellLit.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorPanelShellLit.d.ts","sourceRoot":"","sources":["../../src/components/EditorPanelShellLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AA8OhD,qBAAa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,UAAU;;;;;;;;;;;;;MAIxB;IAEF,MAAM,UAAS;IACf,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,MAAM,SAAc;IAGpB,OAAO,CAAC,SAAS,CAAuC;IAGxD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,MAAM,CAAkC;IAGhD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,WAAW,CAA8B;IAGjD,OAAO,CAAC,aAAa,CAA0B;IAC/C,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,eAAe,CAAuC;IAI9D,OAAO,KAAK,WAAW,GAEtB;IAEQ,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,IAAI,IAAI;IAQxB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,qBAAqB;IAa7B,OAAO,CAAC,qBAAqB;IA+B7B,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,wBAAwB;IAqChC,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IAyCvB,OAAO,CAAC,aAAa;IA6BZ,MAAM;CAsDhB"}