@syntrologie/adapt-nav 2.1.0 → 2.2.0-canary.2

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/useElementRect.test.js

@@ -0,0 +1,112 @@
+import { act, renderHook } from '@testing-library/react';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { useElementRect } from '../hooks/useElementRect';
+// Mock ResizeObserver for jsdom
+class MockResizeObserver {
+    constructor(cb) {
+        this.callback = cb;
+    }
+    observe() { }
+    unobserve() { }
+    disconnect() { }
+}
+// Mock requestAnimationFrame to execute synchronously in tests
+vi.stubGlobal('ResizeObserver', MockResizeObserver);
+vi.stubGlobal('requestAnimationFrame', (cb) => {
+    cb(0);
+    return 0;
+});
+vi.stubGlobal('cancelAnimationFrame', () => { });
+describe('useElementRect', () => {
+    let mockElement;
+    let mockRect;
+    beforeEach(() => {
+        mockRect = {
+            top: 100,
+            left: 200,
+            width: 300,
+            height: 150,
+            bottom: 250,
+            right: 500,
+            x: 200,
+            y: 100,
+            toJSON: () => ({}),
+        };
+        mockElement = document.createElement('div');
+        vi.spyOn(mockElement, 'getBoundingClientRect').mockReturnValue(mockRect);
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+    it('returns null when element is null', () => {
+        const { result } = renderHook(() => useElementRect(null));
+        expect(result.current).toBeNull();
+    });
+    it('returns rect when element is provided', () => {
+        const { result } = renderHook(() => useElementRect(mockElement));
+        expect(result.current).not.toBeNull();
+        expect(result.current.top).toBe(100);
+        expect(result.current.left).toBe(200);
+        expect(result.current.width).toBe(300);
+        expect(result.current.height).toBe(150);
+    });
+    it('updates rect on scroll event', () => {
+        const { result } = renderHook(() => useElementRect(mockElement));
+        // Change mock rect to simulate scroll
+        const scrolledRect = {
+            ...mockRect,
+            top: 50,
+            y: 50,
+            bottom: 200,
+            toJSON: () => ({}),
+        };
+        vi.spyOn(mockElement, 'getBoundingClientRect').mockReturnValue(scrolledRect);
+        act(() => {
+            window.dispatchEvent(new Event('scroll'));
+        });
+        expect(result.current.top).toBe(50);
+    });
+    it('updates rect on resize event', () => {
+        const { result } = renderHook(() => useElementRect(mockElement));
+        const resizedRect = {
+            ...mockRect,
+            width: 500,
+            right: 700,
+            toJSON: () => ({}),
+        };
+        vi.spyOn(mockElement, 'getBoundingClientRect').mockReturnValue(resizedRect);
+        act(() => {
+            window.dispatchEvent(new Event('resize'));
+        });
+        expect(result.current.width).toBe(500);
+    });
+    it('resets to null when element changes to null', () => {
+        const { result, rerender } = renderHook(({ el }) => useElementRect(el), {
+            initialProps: { el: mockElement },
+        });
+        expect(result.current).not.toBeNull();
+        rerender({ el: null });
+        expect(result.current).toBeNull();
+    });
+    it('updates rect when element changes', () => {
+        const secondElement = document.createElement('span');
+        const secondRect = {
+            top: 400,
+            left: 500,
+            width: 100,
+            height: 50,
+            bottom: 450,
+            right: 600,
+            x: 500,
+            y: 400,
+            toJSON: () => ({}),
+        };
+        vi.spyOn(secondElement, 'getBoundingClientRect').mockReturnValue(secondRect);
+        const { result, rerender } = renderHook(({ el }) => useElementRect(el), {
+            initialProps: { el: mockElement },
+        });
+        expect(result.current.top).toBe(100);
+        rerender({ el: secondElement });
+        expect(result.current.top).toBe(400);
+    });
+});

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

@@ -0,0 +1,2 @@
+export declare function cn(...classes: (string | false | null | undefined)[]): string;
+//# sourceMappingURL=cn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../src/cn.ts"],"names":[],"mappings":"AAAA,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE5E"}

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

@@ -0,0 +1,3 @@
+export function cn(...classes) {
+    return classes.filter(Boolean).join(' ');
+}

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

@@ -0,0 +1,31 @@
+/**
+ * AnchorPicker — Shared Element Picker Overlay
+ *
+ * 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.
+ *
+ * Renders via createPortal to document.body. Uses inline styles (not Tailwind)
+ * because it lives outside the editor's style scope.
+ *
+ * EXCEPTION: This component MUST stay on document.body (not in shadow root).
+ * It uses document.elementFromPoint() to detect host page elements under the
+ * cursor. If placed inside a shadow root, the overlay would block detection
+ * of underlying host elements.
+ *
+ * Instructions / cancel UI should be rendered by the consumer in their own
+ * panel — this component only provides the page overlay.
+ */
+import React from 'react';
+export interface PickedElement {
+    element: Element;
+    selector: string;
+    description: string;
+}
+export interface AnchorPickerProps {
+    isActive: boolean;
+    onPick: (picked: PickedElement) => void;
+    onCancel: () => void;
+    excludeSelector?: string;
+}
+export declare function AnchorPicker({ isActive, onPick, onCancel, excludeSelector, }: AnchorPickerProps): React.ReactPortal | null;
+//# sourceMappingURL=AnchorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorPicker.d.ts","sourceRoot":"","sources":["../../src/components/AnchorPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAKD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,eAAuJ,GACxJ,EAAE,iBAAiB,4BAgMnB"}

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

@@ -0,0 +1,152 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AnchorPicker — Shared Element Picker Overlay
+ *
+ * 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.
+ *
+ * Renders via createPortal to document.body. Uses inline styles (not Tailwind)
+ * because it lives outside the editor's style scope.
+ *
+ * EXCEPTION: This component MUST stay on document.body (not in shadow root).
+ * It uses document.elementFromPoint() to detect host page elements under the
+ * cursor. If placed inside a shadow root, the overlay would block detection
+ * of underlying host elements.
+ *
+ * Instructions / cancel UI should be rendered by the consumer in their own
+ * panel — this component only provides the page overlay.
+ */
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { generateSelector, getElementDescription, validateSelector, } from '../utils/selectorGenerator';
+const HIGHLIGHT_COLOR = '#3b82f6';
+const HIGHLIGHT_BG = 'rgba(59, 130, 246, 0.1)';
+export function AnchorPicker({ isActive, onPick, onCancel, excludeSelector = '[data-syntro-editor-panel], [data-shadow-canvas-id], .syntro-tooltip, .syntro-modal, .syntro-highlight, [data-syntro-anchor-picker]', }) {
+    const [hoveredElement, setHoveredElement] = useState(null);
+    const [hoveredSelector, setHoveredSelector] = useState('');
+    const overlayRef = useRef(null);
+    const handleMouseMove = useCallback((e) => {
+        const overlay = overlayRef.current;
+        if (overlay) {
+            overlay.style.pointerEvents = 'none';
+        }
+        const elementAtPoint = document.elementFromPoint(e.clientX, e.clientY);
+        if (overlay) {
+            overlay.style.pointerEvents = 'auto';
+        }
+        if (!elementAtPoint) {
+            setHoveredElement(null);
+            setHoveredSelector('');
+            return;
+        }
+        if (excludeSelector && elementAtPoint.closest(excludeSelector)) {
+            setHoveredElement(null);
+            setHoveredSelector('');
+            return;
+        }
+        if (['HTML', 'BODY', 'HEAD'].includes(elementAtPoint.tagName)) {
+            setHoveredElement(null);
+            setHoveredSelector('');
+            return;
+        }
+        setHoveredElement(elementAtPoint);
+        const selector = generateSelector(elementAtPoint);
+        setHoveredSelector(selector);
+    }, [excludeSelector]);
+    const handleClick = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (hoveredElement && hoveredSelector) {
+            if (validateSelector(hoveredSelector, hoveredElement)) {
+                onPick({
+                    element: hoveredElement,
+                    selector: hoveredSelector,
+                    description: getElementDescription(hoveredElement),
+                });
+            }
+            else {
+                const newSelector = generateSelector(hoveredElement);
+                onPick({
+                    element: hoveredElement,
+                    selector: newSelector,
+                    description: getElementDescription(hoveredElement),
+                });
+            }
+        }
+    }, [hoveredElement, hoveredSelector, onPick]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            onCancel();
+        }
+    }, [onCancel]);
+    useEffect(() => {
+        if (!isActive)
+            return;
+        document.addEventListener('mousemove', handleMouseMove, true);
+        document.addEventListener('click', handleClick, true);
+        document.addEventListener('keydown', handleKeyDown, true);
+        return () => {
+            document.removeEventListener('mousemove', handleMouseMove, true);
+            document.removeEventListener('click', handleClick, true);
+            document.removeEventListener('keydown', handleKeyDown, true);
+        };
+    }, [isActive, handleMouseMove, handleClick, handleKeyDown]);
+    if (!isActive)
+        return null;
+    const rect = hoveredElement?.getBoundingClientRect();
+    return createPortal(_jsxs("div", { ref: overlayRef, "data-syntro-anchor-picker": true, style: {
+            position: 'fixed',
+            inset: 0,
+            cursor: 'crosshair',
+            zIndex: 2147483647,
+        }, children: [_jsx("div", { style: {
+                    position: 'absolute',
+                    inset: 0,
+                    background: 'rgba(0, 0, 0, 0.05)',
+                    pointerEvents: 'none',
+                } }), hoveredElement && rect && (_jsx("div", { style: {
+                    position: 'fixed',
+                    left: rect.left - 2,
+                    top: rect.top - 2,
+                    width: rect.width + 4,
+                    height: rect.height + 4,
+                    border: `2px solid ${HIGHLIGHT_COLOR}`,
+                    backgroundColor: HIGHLIGHT_BG,
+                    borderRadius: '4px',
+                    boxShadow: '0 0 0 9999px rgba(0, 0, 0, 0.15)',
+                    pointerEvents: 'none',
+                    transition: 'all 0.1s ease-out',
+                } })), hoveredElement && rect && (_jsxs("div", { style: {
+                    position: 'fixed',
+                    left: Math.max(8, Math.min(rect.left, window.innerWidth - 320)),
+                    top: Math.max(8, rect.top - 68),
+                    backgroundColor: '#1e293b',
+                    color: '#e2e8f0',
+                    padding: '8px 12px',
+                    borderRadius: '6px',
+                    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
+                    zIndex: 1,
+                    fontFamily: 'monospace',
+                    fontSize: '12px',
+                    maxWidth: '300px',
+                    pointerEvents: 'none',
+                }, children: [_jsx("div", { style: {
+                            fontSize: '11px',
+                            textTransform: 'uppercase',
+                            letterSpacing: '0.05em',
+                            marginBottom: '4px',
+                            color: '#94a3b8',
+                        }, children: "Click to select" }), _jsx("div", { style: {
+                            color: '#38bdf8',
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                        }, children: hoveredSelector }), _jsx("div", { style: {
+                            marginTop: '4px',
+                            color: '#cbd5e1',
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                        }, children: getElementDescription(hoveredElement) })] }))] }), document.body);
+}

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

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

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

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

@@ -0,0 +1,9 @@
+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", { 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/20 se-text-blue-5'
+                    : 'se-bg-transparent se-text-text-secondary'), children: "Before" }), _jsx("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/20 se-text-blue-5'
+                    : 'se-bg-transparent se-text-text-secondary'), children: "After" })] }));
+}

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

@@ -0,0 +1,23 @@
+/**
+ * ConditionStatusLine — inline showWhen diagnostic on EditorCard.
+ *
+ * Shows a compact one-line status for items with showWhen conditions.
+ * Click to expand per-condition detail.
+ */
+import type { FormattedCondition } from '../formatConditionLabel';
+export interface ConditionStatus {
+    type: string;
+    passed: boolean;
+    formatted: FormattedCondition;
+}
+export interface ShowWhenStatus {
+    visible: boolean;
+    isFallback: boolean;
+    conditions: ConditionStatus[];
+}
+interface ConditionStatusLineProps {
+    status: ShowWhenStatus | 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

@@ -0,0 +1 @@
+{"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,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,eAAe,EAAE,CAAC;CAC/B;AAED,UAAU,wBAAwB;IAChC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;CAC/B;AA6CD,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAE,wBAAwB,kDAiEvE"}

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ConditionStatusLine — inline showWhen diagnostic on EditorCard.
+ *
+ * Shows a compact one-line status for items with showWhen 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/10 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-[10px] 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-tertiary", 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-tertiary 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-[10px] 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-tertiary", 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-tertiary 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-[10px] 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-[8px] 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/DetectionBadge.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetectionBadge.d.ts","sourceRoot":"","sources":["../../src/components/DetectionBadge.tsx"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,2CAU5D"}

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../cn';
+export function DetectionBadge({ found }) {
+    return (_jsx("span", { className: cn('se-w-2 se-h-2 se-rounded-full se-shrink-0 se-inline-block', found ? 'se-bg-green-4' : 'se-bg-text-tertiary'), title: found ? 'Found on this page' : 'Not found on this page' }));
+}

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

@@ -0,0 +1,8 @@
+import type React from 'react';
+interface DismissedSectionProps {
+    count: number;
+    children: React.ReactNode;
+}
+export declare function DismissedSection({ count, children }: DismissedSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DismissedSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DismissedSection.d.ts","sourceRoot":"","sources":["../../src/components/DismissedSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAqB1E"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+export function DismissedSection({ count, children }) {
+    const [isOpen, setIsOpen] = useState(false);
+    return (_jsxs("div", { className: "se-mt-4 se-cursor-pointer se-select-none", children: [_jsxs("div", { role: "button", tabIndex: 0, className: "se-text-xs se-font-semibold se-text-text-tertiary se-flex se-items-center se-gap-1.5 se-cursor-pointer", onClick: () => setIsOpen(!isOpen), onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ')
+                        setIsOpen(!isOpen);
+                }, children: [_jsx("span", { children: isOpen ? '\u25be' : '\u25b8' }), _jsxs("span", { children: ["Dismissed (", count, ")"] })] }), isOpen && _jsx("div", { className: "se-mt-1.5", children: children })] }));
+}

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

@@ -0,0 +1,7 @@
+interface EditBackButtonProps {
+    onClick: () => void;
+    label?: string;
+}
+export declare function EditBackButton({ onClick, label }: EditBackButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditBackButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditBackButton.d.ts","sourceRoot":"","sources":["../../src/components/EditBackButton.tsx"],"names":[],"mappings":"AAAA,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAqB,EAAE,EAAE,mBAAmB,2CASrF"}

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function EditBackButton({ onClick, label = '\u2190 List' }) {
+    return (_jsx("button", { onClick: onClick, className: "se-h-10 se-px-4 se-py-2 se-rounded-md se-bg-btn-neutral se-text-btn-neutral-text se-border se-border-btn-neutral-border hover:se-text-btn-neutral-text-hover se-text-sm se-font-medium se-cursor-pointer se-mt-2 se-inline-flex se-items-center se-justify-center focus-visible:se-shadow-focus-primary focus-visible:se-outline-none", children: label }));
+}

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

@@ -0,0 +1,7 @@
+import type React from 'react';
+interface EditorBodyProps {
+    children: React.ReactNode;
+}
+export declare function EditorBody({ children }: EditorBodyProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditorBody.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorBody.d.ts","sourceRoot":"","sources":["../../src/components/EditorBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAEvD"}

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function EditorBody({ children }) {
+    return _jsx("div", { className: "se-flex-1 se-overflow-auto se-p-6", children: children });
+}

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

@@ -0,0 +1,13 @@
+import type React from 'react';
+interface EditorCardProps {
+    children: React.ReactNode;
+    itemKey: string;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    className?: string;
+    validated?: boolean;
+}
+export declare function EditorCard({ children, itemKey, onClick, onMouseEnter, onMouseLeave, className, validated, }: EditorCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditorCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorCard.d.ts","sourceRoot":"","sources":["../../src/components/EditorCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,SAAS,GACV,EAAE,eAAe,2CAkBjB"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../cn';
+export function EditorCard({ children, itemKey, onClick, onMouseEnter, onMouseLeave, className, validated, }) {
+    return (_jsx("div", { "data-item-key": itemKey, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, className: cn('se-py-2 se-px-2.5 se-rounded-lg se-border se-bg-card-bg se-shadow-sm se-mb-1 se-text-sm se-text-text-primary', validated ? 'se-border-green-4/40 se-shadow-glow-green' : 'se-border-border-primary', onClick &&
+            'se-cursor-pointer hover:se-border-border-primary/80 hover:se-bg-sidebar-hover se-transition-colors', className), children: children }));
+}

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

@@ -0,0 +1,7 @@
+interface EditorFooterProps {
+    onSave: () => void;
+    onPublish: () => void;
+}
+export declare function EditorFooter({ onSave, onPublish }: EditorFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditorFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorFooter.d.ts","sourceRoot":"","sources":["../../src/components/EditorFooter.tsx"],"names":[],"mappings":"AAAA,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAiBpE"}

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function EditorFooter({ onSave, onPublish }) {
+    return (_jsxs("div", { className: "se-py-3 se-px-4 se-border-t se-border-border-primary se-flex se-gap-2", children: [_jsx("button", { onClick: onSave, className: "se-flex-1 se-h-10 se-px-4 se-py-2 se-rounded-md se-bg-btn-neutral se-text-btn-neutral-text se-border se-border-btn-neutral-border hover:se-text-btn-neutral-text-hover se-text-sm se-font-medium se-cursor-pointer se-inline-flex se-items-center se-justify-center focus-visible:se-shadow-focus-primary focus-visible:se-outline-none", children: "Save Draft" }), _jsx("button", { onClick: onPublish, className: "se-flex-1 se-h-10 se-px-4 se-py-2 se-rounded-md se-border-none se-bg-btn-primary se-text-btn-primary-text hover:se-bg-btn-primary-hover se-text-sm se-font-medium se-cursor-pointer se-inline-flex se-items-center se-justify-center focus-visible:se-shadow-focus-primary focus-visible:se-outline-none", children: "Publish" })] }));
+}

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

@@ -0,0 +1,9 @@
+interface EditorHeaderProps {
+    title: string;
+    subtitle?: string;
+    /** @deprecated Back navigation is now handled at the panel level. */
+    onBack?: () => void;
+}
+export declare function EditorHeader({ title, subtitle }: EditorHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditorHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorHeader.d.ts","sourceRoot":"","sources":["../../src/components/EditorHeader.tsx"],"names":[],"mappings":"AAAA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CASlE"}

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function EditorHeader({ title, subtitle }) {
+    return (_jsxs("div", { className: "se-px-4 se-pt-3 se-pb-2", children: [_jsx("h2", { className: "se-m-0 se-text-base se-font-semibold se-text-text-primary", children: title }), subtitle && (_jsx("p", { className: "se-mt-0.5 se-mb-0 se-text-xs se-text-text-secondary", children: subtitle }))] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorInput.d.ts","sourceRoot":"","sources":["../../src/components/EditorInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,gBAAiB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAoB3E"}

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../cn';
+export function EditorInput({ label, className, ...props }) {
+    return (_jsxs("div", { children: [label && (_jsx("label", { className: "se-text-sm se-font-medium se-text-input-field-text-label se-mb-1 se-block", children: label })), _jsx("input", { ...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-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/EditorLayout.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+interface EditorLayoutProps {
+    children: React.ReactNode;
+}
+export declare function EditorLayout({ children }: EditorLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditorLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorLayout.d.ts","sourceRoot":"","sources":["../../src/components/EditorLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAE3D"}

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function EditorLayout({ children }) {
+    return _jsx("div", { className: "se-flex se-flex-col se-h-full se-font-sans", children: children });
+}

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

@@ -0,0 +1,23 @@
+/**
+ * EditorPanelShell — shared wrapper for all editor sidebars (editor, audit, review).
+ *
+ * Renders:
+ *  1. A draggable FAB (56×56 circle) portaled to document.body — always visible.
+ *     Pitch black with the Syntrologie logo mark. Draggable to any screen edge.
+ *  2. A fixed-position panel container with semi-transparent background
+ *     and backdrop blur, rendered only when `isOpen`.
+ */
+import type React from 'react';
+export interface EditorPanelShellProps {
+    isOpen: boolean;
+    onToggle: () => void;
+    position?: 'left' | 'right';
+    panelId?: string;
+    /** Panel z-index (default 2147483647). ModularEditorPanel passes 10000. */
+    zIndex?: number;
+    /** Portal target for the FAB button. Defaults to document.body when omitted. */
+    portalTarget?: HTMLElement;
+    children: React.ReactNode;
+}
+export declare function EditorPanelShell({ isOpen, onToggle, position, panelId, zIndex, portalTarget, children, }: EditorPanelShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorPanelShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorPanelShell.d.ts","sourceRoot":"","sources":["../../src/components/EditorPanelShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA4JD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,QAAkB,EAClB,OAAO,EACP,MAAmB,EACnB,YAAY,EACZ,QAAQ,GACT,EAAE,qBAAqB,2CAyCvB"}