@syntrologie/adapt-nav 2.15.0 → 2.17.0

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

@@ -1,84 +0,0 @@
-/**
- * AnchorPickerLit — Shared Element Picker Overlay (Lit web component).
- *
- * Full-page overlay that lets the user hover and click to select a DOM element.
- * Returns the element, its CSS selector, and a human-readable description
- * via custom events.
- *
- * The overlay is rendered into a portal div appended to document.body, NOT
- * into the component's own render root. This is necessary because the editor
- * panel applies `backdrop-filter: blur(...)` which, in Chrome, creates a new
- * containing block for `position: fixed` descendants. Without the portal, the
- * highlight box coordinates (from getBoundingClientRect, which are viewport-
- * relative) would be interpreted relative to the panel, causing the highlight
- * to appear far off from the actual hovered element.
- *
- * Lit port of AnchorPicker.tsx — preserves all behavior including:
- * - Mouse tracking with elementFromPoint detection
- * - Passthrough click mode for PostHog integration
- * - Element highlight with info tooltip
- * - Escape key cancellation
- * - Exclude selector filtering
- */
-import { LitElement } from 'lit';
-export interface PickedElement {
-    element: Element;
-    selector: string;
-    description: string;
-}
-export declare class AnchorPickerLit extends LitElement {
-    static properties: {
-        isActive: {
-            type: BooleanConstructor;
-            attribute: string;
-        };
-        passthroughClicks: {
-            type: BooleanConstructor;
-            attribute: string;
-        };
-        excludeSelector: {
-            type: StringConstructor;
-            attribute: string;
-        };
-        _hoveredElement: {
-            state: boolean;
-        };
-        _hoveredSelector: {
-            state: boolean;
-        };
-    };
-    isActive: boolean;
-    passthroughClicks: boolean;
-    excludeSelector: string;
-    private _hoveredElement;
-    private _hoveredSelector;
-    private _overlayEl;
-    private _portalDiv;
-    createRenderRoot(): this;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changed: Map<string, unknown>): void;
-    /**
-     * Create or update the body-level portal div.
-     * Rendering into document.body ensures position:fixed coordinates are
-     * relative to the viewport, not an ancestor with backdrop-filter.
-     */
-    private _syncPortal;
-    private _destroyPortal;
-    private _attachDocumentListeners;
-    private _detachDocumentListeners;
-    /**
-     * Resolve the shadow host this picker lives inside, if any. When the picker
-     * is mounted inside a shadow root (e.g. the editor SDK mounts inside
-     * `<smart-canvas>`'s shadow), `document.elementFromPoint` returns the shadow
-     * *host*, not the host page element beneath. Temporarily disabling pointer
-     * events on the host lets hit-testing fall through to the host page.
-     */
-    private _getShadowHost;
-    private _handleMouseMove;
-    private _handleClick;
-    private _handleKeyDown;
-    render(): symbol;
-    private _overlayTemplate;
-}
-//# sourceMappingURL=AnchorPickerLit.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AnchorPickerLit.d.ts","sourceRoot":"","sources":["../../src/components/AnchorPickerLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAGH,OAAO,EAAQ,UAAU,EAAgC,MAAM,KAAK,CAAC;AAarE,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAiBD,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;MAOxB;IAEF,QAAQ,UAAS;IACjB,iBAAiB,UAAS;IAC1B,eAAe,EAAE,MAAM,CAA4B;IAGnD,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,gBAAgB,CAAM;IAG9B,OAAO,CAAC,UAAU,CAA+B;IAGjD,OAAO,CAAC,UAAU,CAA+B;IAIxC,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiBrD;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,wBAAwB;IAQhC,OAAO,CAAC,wBAAwB;IAQhC;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,gBAAgB,CA+CtB;IAEF,OAAO,CAAC,YAAY,CAwBlB;IAEF,OAAO,CAAC,cAAc,CAUpB;IAMO,MAAM;IAIf,OAAO,CAAC,gBAAgB;CA0GzB"}

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

@@ -1,323 +0,0 @@
-/**
- * AnchorPickerLit — Shared Element Picker Overlay (Lit web component).
- *
- * Full-page overlay that lets the user hover and click to select a DOM element.
- * Returns the element, its CSS selector, and a human-readable description
- * via custom events.
- *
- * The overlay is rendered into a portal div appended to document.body, NOT
- * into the component's own render root. This is necessary because the editor
- * panel applies `backdrop-filter: blur(...)` which, in Chrome, creates a new
- * containing block for `position: fixed` descendants. Without the portal, the
- * highlight box coordinates (from getBoundingClientRect, which are viewport-
- * relative) would be interpreted relative to the panel, causing the highlight
- * to appear far off from the actual hovered element.
- *
- * Lit port of AnchorPicker.tsx — preserves all behavior including:
- * - Mouse tracking with elementFromPoint detection
- * - Passthrough click mode for PostHog integration
- * - Element highlight with info tooltip
- * - Escape key cancellation
- * - Exclude selector filtering
- */
-import { colors } from '@syntro/design-system';
-import { html, LitElement, render as litRender, nothing } from 'lit';
-import { styleMap } from 'lit/directives/style-map.js';
-import { generateSelector, getElementDescription, validateSelector, } from '../utils/selectorGenerator';
-// =============================================================================
-// Constants
-// =============================================================================
-const HIGHLIGHT_COLOR = colors.blue[4];
-// rgba triple matches colors.blue[4] (#1969fe → 25, 105, 254) at 10% alpha.
-const HIGHLIGHT_BG = 'rgba(25, 105, 254, 0.1)';
-const DEFAULT_EXCLUDE_SELECTOR = '[data-syntro-editor-panel], [data-shadow-canvas-id], .syntro-tooltip, .syntro-modal, .syntro-highlight, [data-syntro-anchor-picker]';
-// =============================================================================
-// Component
-// =============================================================================
-export class AnchorPickerLit extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.isActive = false;
-        this.passthroughClicks = false;
-        this.excludeSelector = DEFAULT_EXCLUDE_SELECTOR;
-        // Internal state
-        this._hoveredElement = null;
-        this._hoveredSelector = '';
-        // DOM ref for the overlay (lives in _portalDiv, not in this element)
-        this._overlayEl = null;
-        // Portal div appended to document.body to escape backdrop-filter containing block
-        this._portalDiv = null;
-        this._handleMouseMove = (e) => {
-            const overlay = this._overlayEl;
-            const shadowHost = this._getShadowHost();
-            // In passthrough mode the overlay is already pointerEvents:'none',
-            // so elementFromPoint can see through it -- no toggle needed.
-            // In non-passthrough mode, temporarily disable to detect elements underneath.
-            if (overlay && !this.passthroughClicks) {
-                overlay.style.pointerEvents = 'none';
-            }
-            // If we're inside a shadow root, temporarily hide the host so
-            // elementFromPoint can reach the host page underneath. `pointer-events`
-            // doesn't work here because any fixed-position descendant inside the
-            // shadow tree with pointer-events:auto (e.g. a canvas overlay) causes
-            // elementFromPoint to return the shadow host regardless of what the
-            // host's own pointer-events is. `visibility:hidden` removes the entire
-            // subtree from hit-testing without triggering layout reflow.
-            const prevHostVis = shadowHost?.style.visibility;
-            if (shadowHost)
-                shadowHost.style.visibility = 'hidden';
-            const elementAtPoint = document.elementFromPoint(e.clientX, e.clientY);
-            if (shadowHost)
-                shadowHost.style.visibility = prevHostVis ?? '';
-            if (overlay && !this.passthroughClicks) {
-                overlay.style.pointerEvents = 'auto';
-            }
-            if (!elementAtPoint) {
-                this._hoveredElement = null;
-                this._hoveredSelector = '';
-                return;
-            }
-            if (this.excludeSelector && elementAtPoint.closest(this.excludeSelector)) {
-                this._hoveredElement = null;
-                this._hoveredSelector = '';
-                return;
-            }
-            if (['HTML', 'BODY', 'HEAD'].includes(elementAtPoint.tagName)) {
-                this._hoveredElement = null;
-                this._hoveredSelector = '';
-                return;
-            }
-            this._hoveredElement = elementAtPoint;
-            this._hoveredSelector = generateSelector(elementAtPoint);
-        };
-        this._handleClick = (e) => {
-            if (this.passthroughClicks)
-                return; // Let click propagate to PostHog
-            e.preventDefault();
-            e.stopPropagation();
-            if (this._hoveredElement && this._hoveredSelector) {
-                let selector = this._hoveredSelector;
-                if (!validateSelector(selector, this._hoveredElement)) {
-                    selector = generateSelector(this._hoveredElement);
-                }
-                this.dispatchEvent(new CustomEvent('pick', {
-                    detail: {
-                        element: this._hoveredElement,
-                        selector,
-                        description: getElementDescription(this._hoveredElement),
-                    },
-                    bubbles: true,
-                    composed: true,
-                }));
-            }
-        };
-        this._handleKeyDown = (e) => {
-            if (e.key === 'Escape') {
-                e.preventDefault();
-                this.dispatchEvent(new CustomEvent('cancel', {
-                    bubbles: true,
-                    composed: true,
-                }));
-            }
-        };
-    }
-    // No _bound* wrappers needed — methods are arrow class fields
-    createRenderRoot() {
-        return this;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.isActive) {
-            this._attachDocumentListeners();
-        }
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this._detachDocumentListeners();
-        this._destroyPortal();
-    }
-    updated(changed) {
-        if (changed.has('isActive')) {
-            if (this.isActive) {
-                this._attachDocumentListeners();
-            }
-            else {
-                this._detachDocumentListeners();
-                this._hoveredElement = null;
-                this._hoveredSelector = '';
-            }
-        }
-        // Sync portal on every state change (active/hover/selector all affect portal content)
-        this._syncPortal();
-    }
-    // ---- PORTAL MANAGEMENT ----
-    /**
-     * Create or update the body-level portal div.
-     * Rendering into document.body ensures position:fixed coordinates are
-     * relative to the viewport, not an ancestor with backdrop-filter.
-     */
-    _syncPortal() {
-        if (!this.isActive) {
-            this._destroyPortal();
-            return;
-        }
-        if (!this._portalDiv) {
-            this._portalDiv = document.createElement('div');
-            this._portalDiv.setAttribute('data-syntro-anchor-picker-container', '');
-            document.body.appendChild(this._portalDiv);
-        }
-        litRender(this._overlayTemplate(), this._portalDiv);
-        this._overlayEl = this._portalDiv.querySelector('[data-syntro-anchor-picker]');
-    }
-    _destroyPortal() {
-        if (this._portalDiv) {
-            litRender(nothing, this._portalDiv);
-            this._portalDiv.remove();
-            this._portalDiv = null;
-            this._overlayEl = null;
-        }
-    }
-    // ---- DOCUMENT LISTENERS ----
-    _attachDocumentListeners() {
-        document.addEventListener('mousemove', this._handleMouseMove, true);
-        if (!this.passthroughClicks) {
-            document.addEventListener('click', this._handleClick, true);
-        }
-        document.addEventListener('keydown', this._handleKeyDown, true);
-    }
-    _detachDocumentListeners() {
-        document.removeEventListener('mousemove', this._handleMouseMove, true);
-        document.removeEventListener('click', this._handleClick, true);
-        document.removeEventListener('keydown', this._handleKeyDown, true);
-    }
-    // ---- EVENT HANDLERS ----
-    /**
-     * Resolve the shadow host this picker lives inside, if any. When the picker
-     * is mounted inside a shadow root (e.g. the editor SDK mounts inside
-     * `<smart-canvas>`'s shadow), `document.elementFromPoint` returns the shadow
-     * *host*, not the host page element beneath. Temporarily disabling pointer
-     * events on the host lets hit-testing fall through to the host page.
-     */
-    _getShadowHost() {
-        const root = this.getRootNode();
-        if (root instanceof ShadowRoot)
-            return root.host;
-        return null;
-    }
-    // ---- RENDER ----
-    // The component itself renders nothing — all overlay HTML lives in _portalDiv
-    // (a div appended to document.body), managed by _syncPortal().
-    render() {
-        return nothing;
-    }
-    _overlayTemplate() {
-        if (!this.isActive)
-            return nothing;
-        const hovered = this._hoveredElement;
-        const rect = hovered?.getBoundingClientRect() ?? null;
-        return html `
-      <div
-        data-syntro-anchor-picker
-        style=${styleMap({
-            position: 'fixed',
-            inset: '0',
-            cursor: 'crosshair',
-            zIndex: '2147483644',
-            pointerEvents: this.passthroughClicks ? 'none' : 'auto',
-        })}
-      >
-        <!-- Semi-transparent overlay -->
-        <div
-          style=${styleMap({
-            position: 'absolute',
-            inset: '0',
-            background: 'rgba(0, 0, 0, 0.08)',
-            pointerEvents: 'none',
-        })}
-        ></div>
-
-        <!-- Element highlight -->
-        ${hovered && rect
-            ? html `<div
-              style=${styleMap({
-                position: 'fixed',
-                left: `${rect.left - 2}px`,
-                top: `${rect.top - 2}px`,
-                width: `${rect.width + 4}px`,
-                height: `${rect.height + 4}px`,
-                border: `2px solid ${HIGHLIGHT_COLOR}`,
-                backgroundColor: HIGHLIGHT_BG,
-                borderRadius: '4px',
-                boxShadow: '0 0 0 9999px rgba(0, 0, 0, 0.2)',
-                pointerEvents: 'none',
-                transition: 'all 0.1s ease-out',
-            })}
-            ></div>`
-            : nothing}
-
-        <!-- Element info tooltip near hovered element -->
-        ${hovered && rect
-            ? html `<div
-              class="se-text-xs"
-              style=${styleMap({
-                position: 'fixed',
-                left: `${Math.max(8, Math.min(rect.left, window.innerWidth - 320))}px`,
-                top: `${Math.max(8, rect.top - 68)}px`,
-                backgroundColor: colors.slateGrey[3],
-                color: colors.slateGrey[11],
-                padding: '8px 12px',
-                borderRadius: '6px',
-                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
-                zIndex: '1',
-                fontFamily: 'monospace',
-                maxWidth: '300px',
-                pointerEvents: 'none',
-            })}
-            >
-              <div
-                class="se-text-xs"
-                style=${styleMap({
-                textTransform: 'uppercase',
-                letterSpacing: '0.05em',
-                marginBottom: '4px',
-                color: colors.slateGrey[9],
-            })}
-              >
-                Click to select
-              </div>
-              <div
-                style=${styleMap({
-                color: colors.blue[5],
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                whiteSpace: 'nowrap',
-            })}
-              >
-                ${this._hoveredSelector}
-              </div>
-              <div
-                style=${styleMap({
-                marginTop: '4px',
-                color: colors.slateGrey[10],
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                whiteSpace: 'nowrap',
-            })}
-              >
-                ${getElementDescription(hovered)}
-              </div>
-            </div>`
-            : nothing}
-      </div>
-    `;
-    }
-}
-AnchorPickerLit.properties = {
-    isActive: { type: Boolean, attribute: 'is-active' },
-    passthroughClicks: { type: Boolean, attribute: 'passthrough-clicks' },
-    excludeSelector: { type: String, attribute: 'exclude-selector' },
-    // Internal reactive state (not attributes)
-    _hoveredElement: { state: true },
-    _hoveredSelector: { state: true },
-};
-customElements.define('se-anchor-picker', AnchorPickerLit);

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

@@ -1,7 +0,0 @@
-interface BeforeAfterToggleProps {
-    mode: 'before' | 'after';
-    onToggle: (mode: 'before' | 'after') => void;
-}
-export declare function BeforeAfterToggle({ mode, onToggle }: BeforeAfterToggleProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=BeforeAfterToggle.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BeforeAfterToggle.d.ts","sourceRoot":"","sources":["../../src/components/BeforeAfterToggle.tsx"],"names":[],"mappings":"AAEA,UAAU,sBAAsB;IAC9B,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA6B3E"}

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../cn';
-export function BeforeAfterToggle({ mode, onToggle }) {
-    return (_jsxs("div", { className: "se-flex se-mb-3 se-rounded-lg se-overflow-hidden se-border se-border-border-primary", children: [_jsx("button", { type: "button", onClick: () => onToggle('before'), className: cn('se-flex-1 se-py-1.5 se-px-3 se-border-none se-text-sm se-font-semibold se-cursor-pointer focus-visible:se-shadow-focus-primary focus-visible:se-outline-none', mode === 'before'
-                    ? 'se-bg-blue-5/30 se-text-blue-5'
-                    : 'se-bg-transparent se-text-text-secondary'), children: "Before" }), _jsx("button", { type: "button", onClick: () => onToggle('after'), className: cn('se-flex-1 se-py-1.5 se-px-3 se-border-none se-border-l se-border-border-primary se-text-sm se-font-semibold se-cursor-pointer focus-visible:se-shadow-focus-primary focus-visible:se-outline-none', mode === 'after'
-                    ? 'se-bg-blue-5/30 se-text-blue-5'
-                    : 'se-bg-transparent se-text-text-secondary'), children: "After" })] }));
-}

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

@@ -1,25 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * BeforeAfterToggleLit — toggle switch between before/after states.
- *
- * Attributes:
- *   mode: 'before' | 'after'
- *
- * Events:
- *   toggle — CustomEvent<{ mode: 'before' | 'after' }>, bubbles, composed
- *
- * Usage:
- *   <se-before-after-toggle mode="before"></se-before-after-toggle>
- */
-export declare class BeforeAfterToggleLit extends LitElement {
-    static properties: {
-        mode: {
-            type: StringConstructor;
-        };
-    };
-    mode: 'before' | 'after';
-    createRenderRoot(): this;
-    private _handleToggle;
-    render(): import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=BeforeAfterToggleLit.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BeforeAfterToggleLit.d.ts","sourceRoot":"","sources":["../../src/components/BeforeAfterToggleLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC;;;;;;;;;;;GAWG;AACH,qBAAa,oBAAqB,SAAQ,UAAU;IAClD,OAAgB,UAAU;;;;MAExB;IAEF,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAY;IAE3B,gBAAgB;IAIzB,OAAO,CAAC,aAAa;IAWZ,MAAM;CAwBhB"}

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

@@ -1,55 +0,0 @@
-import { html, LitElement } from 'lit';
-/**
- * BeforeAfterToggleLit — toggle switch between before/after states.
- *
- * Attributes:
- *   mode: 'before' | 'after'
- *
- * Events:
- *   toggle — CustomEvent<{ mode: 'before' | 'after' }>, bubbles, composed
- *
- * Usage:
- *   <se-before-after-toggle mode="before"></se-before-after-toggle>
- */
-export class BeforeAfterToggleLit extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.mode = 'before';
-    }
-    createRenderRoot() {
-        return this;
-    }
-    _handleToggle(value) {
-        this.mode = value;
-        this.dispatchEvent(new CustomEvent('toggle', {
-            detail: { mode: value },
-            bubbles: true,
-            composed: true,
-        }));
-    }
-    render() {
-        const beforeActive = this.mode === 'before';
-        const afterActive = this.mode === 'after';
-        const baseBtn = 'se-flex-1 se-py-1.5 se-px-3 se-border-none se-text-sm se-font-semibold se-cursor-pointer focus-visible:se-shadow-focus-primary focus-visible:se-outline-none';
-        const beforeClasses = `${baseBtn} ${beforeActive ? 'se-bg-blue-5/30 se-text-blue-5' : 'se-bg-transparent se-text-text-secondary'}`;
-        const afterClasses = `${baseBtn} se-border-l se-border-border-primary ${afterActive ? 'se-bg-blue-5/30 se-text-blue-5' : 'se-bg-transparent se-text-text-secondary'}`;
-        return html `
-      <div class="se-flex se-mb-3 se-rounded-lg se-overflow-hidden se-border se-border-border-primary">
-        <button
-          type="button"
-          class=${beforeClasses}
-          @click=${() => this._handleToggle('before')}
-        >Before</button>
-        <button
-          type="button"
-          class=${afterClasses}
-          @click=${() => this._handleToggle('after')}
-        >After</button>
-      </div>
-    `;
-    }
-}
-BeforeAfterToggleLit.properties = {
-    mode: { type: String },
-};
-customElements.define('se-before-after-toggle', BeforeAfterToggleLit);

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

@@ -1,23 +0,0 @@
-/**
- * ConditionStatusLine — inline triggerWhen diagnostic on EditorCard.
- *
- * Shows a compact one-line status for items with triggerWhen conditions.
- * Click to expand per-condition detail.
- */
-import type { FormattedCondition } from '../formatConditionLabel';
-export interface ConditionStatus {
-    type: string;
-    passed: boolean;
-    formatted: FormattedCondition;
-}
-export interface TriggerWhenStatus {
-    visible: boolean;
-    isFallback: boolean;
-    conditions: ConditionStatus[];
-}
-interface ConditionStatusLineProps {
-    status: TriggerWhenStatus | null;
-}
-export declare function ConditionStatusLine({ status }: ConditionStatusLineProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=ConditionStatusLine.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionStatusLine.d.ts","sourceRoot":"","sources":["../../src/components/ConditionStatusLine.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,kBAAkB,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,eAAe,EAAE,CAAC;CAC/B;AAED,UAAU,wBAAwB;IAChC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAClC;AA6CD,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAE,wBAAwB,kDAiEvE"}

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

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * ConditionStatusLine — inline triggerWhen diagnostic on EditorCard.
- *
- * Shows a compact one-line status for items with triggerWhen conditions.
- * Click to expand per-condition detail.
- */
-import { Check, Clock, X } from 'lucide-react';
-import { useState } from 'react';
-import { cn } from '../cn';
-function ProgressBar({ current, target }) {
-    const pct = Math.min(100, Math.round((current / Math.max(target, 1)) * 100));
-    return (_jsx("span", { className: "se-inline-block se-w-12 se-h-1.5 se-rounded-full se-bg-white/20 se-align-middle se-ml-1", title: `${current}/${target} (${pct}%)`, children: _jsx("span", { className: cn('se-block se-h-full se-rounded-full se-transition-all', pct >= 100 ? 'se-bg-green-4' : 'se-bg-blue-4'), style: { width: `${pct}%` } }) }));
-}
-function ConditionRow({ cs }) {
-    return (_jsxs("div", { className: "se-flex se-items-center se-gap-1 se-pl-3 se-text-[12px] se-font-medium se-text-text-secondary", children: [cs.passed ? (_jsx(Check, { className: "se-w-3 se-h-3 se-text-green-4" })) : (_jsx(X, { className: "se-w-3 se-h-3 se-text-red-4" })), _jsxs("span", { children: [cs.type, ":"] }), _jsx("span", { className: "se-text-text-secondary", children: cs.formatted.label }), cs.formatted.progress && (_jsxs(_Fragment, { children: [_jsx(ProgressBar, { current: cs.formatted.progress.current, target: cs.formatted.progress.target }), _jsxs("span", { className: "se-text-text-secondary se-ml-0.5", children: [cs.formatted.progress.current, "/", cs.formatted.progress.target] })] }))] }));
-}
-export function ConditionStatusLine({ status }) {
-    const [expanded, setExpanded] = useState(false);
-    if (!status)
-        return null;
-    const { visible, conditions } = status;
-    const passedCount = conditions.filter((c) => c.passed).length;
-    const totalCount = conditions.length;
-    // Icon: visible = green check, hidden = clock
-    const StatusIcon = visible ? Check : Clock;
-    const iconColor = visible ? 'se-text-green-4' : 'se-text-yellow-5';
-    // Single condition: show inline detail
-    // Multi condition: show summary, click to expand
-    const isSingle = totalCount === 1;
-    if (isSingle) {
-        const cs = conditions[0];
-        return (_jsxs("div", { className: "se-text-[12px] se-font-medium se-text-text-secondary se-mt-0.5 se-flex se-items-center se-gap-1", children: [_jsx(StatusIcon, { className: cn('se-w-3 se-h-3', iconColor) }), _jsxs("span", { children: [cs.type, ":"] }), _jsx("span", { className: "se-text-text-secondary", children: cs.formatted.label }), cs.formatted.progress && (_jsxs(_Fragment, { children: [_jsx(ProgressBar, { current: cs.formatted.progress.current, target: cs.formatted.progress.target }), _jsxs("span", { className: "se-text-text-secondary se-ml-0.5", children: [cs.formatted.progress.current, "/", cs.formatted.progress.target] })] }))] }));
-    }
-    // Multi-condition: summary line + expandable detail
-    return (_jsxs("div", { className: "se-mt-0.5", children: [_jsxs("button", { type: "button", className: "se-flex se-items-center se-gap-1 se-text-[12px] se-font-medium se-text-text-secondary se-bg-transparent se-border-none se-cursor-pointer se-p-0 hover:se-text-text-primary", onClick: (e) => {
-                    e.stopPropagation();
-                    setExpanded(!expanded);
-                }, children: [_jsx(StatusIcon, { className: cn('se-w-3 se-h-3', iconColor) }), _jsxs("span", { children: [passedCount, " of ", totalCount, " conditions met"] }), _jsx("span", { className: "se-text-[11px] se-ml-0.5", children: expanded ? '\u25b2' : '\u25bc' })] }), expanded && (_jsx("div", { className: "se-mt-0.5 se-space-y-0.5", children: conditions.map((cs, i) => (_jsx(ConditionRow, { cs: cs }, i))) }))] }));
-}

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

@@ -1,33 +0,0 @@
-import { LitElement } from 'lit';
-import type { TriggerWhenStatus } from './ConditionStatusLine';
-/**
- * ConditionStatusLineLit — inline triggerWhen diagnostic on EditorCard.
- *
- * Shows a compact one-line status for items with triggerWhen conditions.
- * Click to expand per-condition detail (multi-condition case).
- *
- * Attributes:
- *   status — JSON-serialized TriggerWhenStatus (set via property, not attribute)
- *
- * Usage:
- *   const el = document.createElement('se-condition-status-line');
- *   el.status = { visible: true, isFallback: false, conditions: [...] };
- */
-export declare class ConditionStatusLineLit extends LitElement {
-    static properties: {
-        status: {
-            type: ObjectConstructor;
-        };
-        _expanded: {
-            type: BooleanConstructor;
-            state: boolean;
-        };
-    };
-    status: TriggerWhenStatus | null;
-    private _expanded;
-    createRenderRoot(): this;
-    private _renderProgressBar;
-    private _renderConditionRow;
-    render(): import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=ConditionStatusLineLit.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionStatusLineLit.d.ts","sourceRoot":"","sources":["../../src/components/ConditionStatusLineLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,KAAK,EAAmB,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEhF;;;;;;;;;;;;GAYG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACpD,OAAgB,UAAU;;;;;;;;MAGxB;IAEF,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACxC,OAAO,CAAC,SAAS,CAAS;IAEjB,gBAAgB;IAIzB,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,mBAAmB;IAwBlB,MAAM;CA+DhB"}