@ytspar/devbar 1.4.0 → 1.4.1

package/dist/modules/rendering/collapsed.js

@@ -0,0 +1,124 @@
+/**
+ * Collapsed state rendering for the DevBar.
+ */
+import { CSS_COLORS, withAlpha } from '../../constants.js';
+import { attachTextTooltip } from '../tooltips.js';
+export function renderCollapsed(state) {
+    if (!state.container)
+        return;
+    const { position, accentColor } = state.options;
+    const { errorCount, warningCount } = state.getLogCounts();
+    // Use captured dot position if available, otherwise fall back to preset positions
+    // The 13px offset accounts for half the collapsed circle diameter (26px / 2)
+    let posStyle;
+    if (state.lastDotPosition) {
+        // Position based on where the dot actually was
+        const isTop = position.startsWith('top');
+        posStyle = isTop
+            ? { top: `${state.lastDotPosition.top - 13}px`, left: `${state.lastDotPosition.left - 13}px` }
+            : {
+                bottom: `${state.lastDotPosition.bottom - 13}px`,
+                left: `${state.lastDotPosition.left - 13}px`,
+            };
+        // Clear after use so expand doesn't re-use stale values
+        state.lastDotPosition = null;
+    }
+    else {
+        // Fallback preset positions for when no dot position was captured
+        const collapsedPositions = {
+            'bottom-left': { bottom: '27px', left: '86px' },
+            'bottom-right': { bottom: '27px', right: '29px' },
+            'top-left': { top: '27px', left: '86px' },
+            'top-right': { top: '27px', right: '29px' },
+            'bottom-center': { bottom: '19px', left: '50%', transform: 'translateX(-50%)' },
+        };
+        posStyle = collapsedPositions[position] ?? collapsedPositions['bottom-left'];
+    }
+    const wrapper = state.container;
+    wrapper.className = 'devbar-collapse';
+    state.resetPositionStyles(wrapper);
+    // Set CSS variable for accent color (used by pulse animation)
+    wrapper.style.setProperty('--devbar-color-accent', accentColor);
+    Object.assign(wrapper.style, {
+        position: 'fixed',
+        ...posStyle,
+        zIndex: '9999',
+        backgroundColor: 'var(--devbar-color-bg-card)',
+        border: `1px solid ${accentColor}`,
+        borderRadius: '50%',
+        color: accentColor,
+        boxShadow: `0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 1px ${withAlpha(accentColor, 10)}`,
+        backdropFilter: 'blur(8px)',
+        WebkitBackdropFilter: 'blur(8px)',
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '26px',
+        height: '26px',
+        boxSizing: 'border-box',
+        animation: 'devbar-collapse 150ms ease-out, devbar-collapsed-pulse 2s ease-in-out 0.2s 3',
+    });
+    wrapper.onclick = () => {
+        state.collapsed = false;
+        state.debug.state('Expanded DevBar');
+        state.render();
+    };
+    // Create inner container for dot + chevron
+    const innerContainer = document.createElement('span');
+    Object.assign(innerContainer.style, {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        position: 'relative',
+    });
+    // Connection indicator dot (same size as in expanded state)
+    const dot = document.createElement('span');
+    Object.assign(dot.style, {
+        width: '6px',
+        height: '6px',
+        borderRadius: '50%',
+        backgroundColor: state.sweetlinkConnected ? CSS_COLORS.primary : CSS_COLORS.textMuted,
+        boxShadow: state.sweetlinkConnected ? `0 0 6px ${CSS_COLORS.primary}` : 'none',
+        transition: 'transform 150ms ease-out, opacity 150ms ease-out',
+    });
+    innerContainer.appendChild(dot);
+    // Expand chevron indicator (appears on hover)
+    const chevron = document.createElement('span');
+    Object.assign(chevron.style, {
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        opacity: '0',
+        transition: 'opacity 150ms ease-out',
+        fontSize: '10px',
+        color: accentColor,
+    });
+    chevron.textContent = '\u2197';
+    innerContainer.appendChild(chevron);
+    attachTextTooltip(state, wrapper, () => `Click to expand DevBar${state.sweetlinkConnected ? ' (Sweetlink connected)' : ' (Sweetlink not connected)'}${errorCount > 0 ? `\n${errorCount} console error${errorCount === 1 ? '' : 's'}` : ''}`, {
+        onEnter: () => {
+            dot.style.opacity = '0';
+            dot.style.transform = 'scale(0)';
+            chevron.style.opacity = '1';
+        },
+        onLeave: () => {
+            dot.style.opacity = '1';
+            dot.style.transform = 'scale(1)';
+            chevron.style.opacity = '0';
+        },
+    });
+    wrapper.appendChild(innerContainer);
+    // Error badge (absolute, top-right of circle, shifted left if warning badge exists)
+    if (errorCount > 0) {
+        wrapper.appendChild(state.createCollapsedBadge(errorCount, 'rgba(239, 68, 68, 0.95)', warningCount > 0 ? '12px' : '-6px'));
+    }
+    // Warning badge (absolute, top-right)
+    if (warningCount > 0) {
+        wrapper.appendChild(state.createCollapsedBadge(warningCount, 'rgba(245, 158, 11, 0.95)', '-6px'));
+    }
+}
+//# sourceMappingURL=collapsed.js.map

package/dist/modules/rendering/collapsed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsed.js","sourceRoot":"","sources":["../../../src/modules/rendering/collapsed.ts"],"names":[],"mappings":"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"}

package/dist/modules/rendering/common.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Common helpers shared across rendering sub-modules.
+ */
+import type { DevBarState } from '../types.js';
+/**
+ * Capture the center of an element's bounding rect as a dot position.
+ * Used to animate the collapsed circle to the same spot as the connection dot.
+ */
+export declare function captureDotPosition(state: DevBarState, element: Element): void;
+/**
+ * Create the connection indicator (outer wrapper + inner colored dot).
+ * The caller is responsible for attaching tooltip and click handlers, since
+ * those differ between compact and expanded modes.
+ */
+export declare function createConnectionIndicator(state: DevBarState): HTMLSpanElement;
+/** Prevents re-entrant render calls during rapid clicks */
+export declare let renderGuard: boolean;
+export declare function setRenderGuard(value: boolean): void;
+/** Remove all child nodes from an element. */
+export declare function clearChildren(el: HTMLElement): void;
+//# sourceMappingURL=common.d.ts.map

package/dist/modules/rendering/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/modules/rendering/common.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAO7E;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,WAAW,GAAG,eAAe,CA4B7E;AAED,2DAA2D;AAC3D,eAAO,IAAI,WAAW,SAAQ,CAAC;AAE/B,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAEnD;AAED,8CAA8C;AAC9C,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,CAInD"}

package/dist/modules/rendering/common.js

@@ -0,0 +1,60 @@
+/**
+ * Common helpers shared across rendering sub-modules.
+ */
+import { CSS_COLORS } from '../../constants.js';
+/**
+ * Capture the center of an element's bounding rect as a dot position.
+ * Used to animate the collapsed circle to the same spot as the connection dot.
+ */
+export function captureDotPosition(state, element) {
+    const rect = element.getBoundingClientRect();
+    state.lastDotPosition = {
+        left: rect.left + rect.width / 2,
+        top: rect.top + rect.height / 2,
+        bottom: window.innerHeight - (rect.top + rect.height / 2),
+    };
+}
+/**
+ * Create the connection indicator (outer wrapper + inner colored dot).
+ * The caller is responsible for attaching tooltip and click handlers, since
+ * those differ between compact and expanded modes.
+ */
+export function createConnectionIndicator(state) {
+    const connIndicator = document.createElement('span');
+    connIndicator.className = 'devbar-clickable';
+    Object.assign(connIndicator.style, {
+        width: '12px',
+        height: '12px',
+        borderRadius: '50%',
+        backgroundColor: 'transparent',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        cursor: 'pointer',
+        flexShrink: '0',
+    });
+    const connDot = document.createElement('span');
+    connDot.className = 'devbar-conn-dot';
+    Object.assign(connDot.style, {
+        width: '6px',
+        height: '6px',
+        borderRadius: '50%',
+        backgroundColor: state.sweetlinkConnected ? CSS_COLORS.primary : CSS_COLORS.textMuted,
+        boxShadow: state.sweetlinkConnected ? `0 0 6px ${CSS_COLORS.primary}` : 'none',
+        transition: 'all 300ms',
+    });
+    connIndicator.appendChild(connDot);
+    return connIndicator;
+}
+/** Prevents re-entrant render calls during rapid clicks */
+export let renderGuard = false;
+export function setRenderGuard(value) {
+    renderGuard = value;
+}
+/** Remove all child nodes from an element. */
+export function clearChildren(el) {
+    while (el.firstChild) {
+        el.removeChild(el.firstChild);
+    }
+}
+//# sourceMappingURL=common.js.map

package/dist/modules/rendering/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../src/modules/rendering/common.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAkB,EAAE,OAAgB;IACrE,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAC7C,KAAK,CAAC,eAAe,GAAG;QACtB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;QAChC,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC;QAC/B,MAAM,EAAE,MAAM,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;KAC1D,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAAC,KAAkB;IAC1D,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACrD,aAAa,CAAC,SAAS,GAAG,kBAAkB,CAAC;IAC7C,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE;QACjC,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,aAAa;QAC9B,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,GAAG;KAChB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC/C,OAAO,CAAC,SAAS,GAAG,iBAAiB,CAAC;IACtC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE;QAC3B,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS;QACrF,SAAS,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM;QAC9E,UAAU,EAAE,WAAW;KACxB,CAAC,CAAC;IACH,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAEnC,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,2DAA2D;AAC3D,MAAM,CAAC,IAAI,WAAW,GAAG,KAAK,CAAC;AAE/B,MAAM,UAAU,cAAc,CAAC,KAAc;IAC3C,WAAW,GAAG,KAAK,CAAC;AACtB,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,aAAa,CAAC,EAAe;IAC3C,OAAO,EAAE,CAAC,UAAU,EAAE,CAAC;QACrB,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAChC,CAAC;AACH,CAAC"}

package/dist/modules/rendering/compact.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Compact state rendering for the DevBar.
+ */
+import type { DevBarState } from '../types.js';
+export declare function renderCompact(state: DevBarState): void;
+//# sourceMappingURL=compact.d.ts.map

package/dist/modules/rendering/compact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compact.d.ts","sourceRoot":"","sources":["../../../src/modules/rendering/compact.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,aAAa,CAAC;AAI9D,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CA+GtD"}

package/dist/modules/rendering/compact.js

@@ -0,0 +1,107 @@
+/**
+ * Compact state rendering for the DevBar.
+ */
+import { BUTTON_COLORS, FONT_MONO, withAlpha } from '../../constants.js';
+import { attachTextTooltip } from '../tooltips.js';
+import { createConsoleBadge, createScreenshotButton, createSettingsButton } from './buttons.js';
+import { captureDotPosition, createConnectionIndicator } from './common.js';
+export function renderCompact(state) {
+    if (!state.container)
+        return;
+    const { position, accentColor } = state.options;
+    const { errorCount, warningCount, infoCount } = state.getLogCounts();
+    // Simple position styles - same anchor points as expanded mode
+    const positionStyles = {
+        'bottom-left': { bottom: '20px', left: '80px' },
+        'bottom-right': { bottom: '20px', right: '16px' },
+        'top-left': { top: '20px', left: '80px' },
+        'top-right': { top: '20px', right: '16px' },
+        'bottom-center': { bottom: '12px', left: '50%', transform: 'translateX(-50%)' },
+    };
+    const posStyle = positionStyles[position] ?? positionStyles['bottom-left'];
+    const wrapper = state.container;
+    state.resetPositionStyles(wrapper);
+    Object.assign(wrapper.style, {
+        position: 'fixed',
+        ...posStyle,
+        zIndex: '9999',
+        backgroundColor: 'var(--devbar-color-bg-card)',
+        border: `1px solid ${accentColor}`,
+        borderRadius: '20px',
+        color: accentColor,
+        boxShadow: `0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 1px ${withAlpha(accentColor, 10)}`,
+        backdropFilter: 'blur(8px)',
+        WebkitBackdropFilter: 'blur(8px)',
+        padding: '6px 10px',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        fontFamily: FONT_MONO,
+        fontSize: '0.6875rem',
+    });
+    // Connection indicator
+    const connIndicator = createConnectionIndicator(state);
+    const connDot = connIndicator.querySelector('.devbar-conn-dot');
+    attachTextTooltip(state, connIndicator, () => state.sweetlinkConnected ? 'Sweetlink connected' : 'Sweetlink disconnected');
+    connIndicator.onclick = (e) => {
+        e.stopPropagation();
+        captureDotPosition(state, connDot);
+        state.collapsed = true;
+        state.debug.state('Collapsed DevBar from compact mode');
+        state.render();
+    };
+    wrapper.appendChild(connIndicator);
+    // Error badge
+    if (errorCount > 0) {
+        wrapper.appendChild(createConsoleBadge(state, 'error', errorCount, BUTTON_COLORS.error));
+    }
+    // Warning badge
+    if (warningCount > 0) {
+        wrapper.appendChild(createConsoleBadge(state, 'warn', warningCount, BUTTON_COLORS.warning));
+    }
+    // Info badge
+    if (infoCount > 0) {
+        wrapper.appendChild(createConsoleBadge(state, 'info', infoCount, BUTTON_COLORS.info));
+    }
+    // Screenshot button (if enabled)
+    if (state.options.showScreenshot) {
+        wrapper.appendChild(createScreenshotButton(state, accentColor));
+    }
+    // Settings gear button
+    wrapper.appendChild(createSettingsButton(state));
+    // Expand button (double-arrow)
+    const expandBtn = document.createElement('button');
+    expandBtn.type = 'button';
+    Object.assign(expandBtn.style, {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '18px',
+        height: '18px',
+        borderRadius: '50%',
+        border: `1px solid ${withAlpha(accentColor, 38)}`,
+        backgroundColor: 'transparent',
+        color: withAlpha(accentColor, 60),
+        cursor: 'pointer',
+        fontSize: '0.5rem',
+        transition: 'all 150ms',
+    });
+    expandBtn.textContent = '\u27EB';
+    attachTextTooltip(state, expandBtn, () => 'Expand DevBar', {
+        onEnter: () => {
+            expandBtn.style.backgroundColor = withAlpha(accentColor, 13);
+            expandBtn.style.borderColor = accentColor;
+            expandBtn.style.color = accentColor;
+        },
+        onLeave: () => {
+            expandBtn.style.backgroundColor = 'transparent';
+            expandBtn.style.borderColor = withAlpha(accentColor, 38);
+            expandBtn.style.color = withAlpha(accentColor, 60);
+        },
+    });
+    expandBtn.onclick = () => {
+        state.toggleCompactMode();
+    };
+    wrapper.appendChild(expandBtn);
+}
+//# sourceMappingURL=compact.js.map

package/dist/modules/rendering/compact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compact.js","sourceRoot":"","sources":["../../../src/modules/rendering/compact.ts"],"names":[],"mappings":"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"}

package/dist/modules/rendering/console.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Console popup rendering for the DevBar.
+ */
+import type { ConsoleCapture } from '@ytspar/sweetlink/browser/consoleCapture';
+import type { DevBarState } from '../types.js';
+export declare function renderConsolePopup(state: DevBarState, consoleCaptureSingleton: ConsoleCapture): void;
+//# sourceMappingURL=console.d.ts.map

package/dist/modules/rendering/console.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"console.d.ts","sourceRoot":"","sources":["../../../src/modules/rendering/console.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAW/E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,EAAE,uBAAuB,EAAE,cAAc,GAAG,IAAI,CAiDpG"}

package/dist/modules/rendering/console.js

@@ -0,0 +1,78 @@
+/**
+ * Console popup rendering for the DevBar.
+ */
+import { BUTTON_COLORS, CSS_COLORS } from '../../constants.js';
+import { createEmptyMessage, createModalBox, createModalContent, createModalHeader, createModalOverlay, } from '../../ui/index.js';
+import { consoleLogsToMarkdown, handleSaveConsoleLogs } from '../screenshot.js';
+export function renderConsolePopup(state, consoleCaptureSingleton) {
+    const filterType = state.consoleFilter;
+    if (!filterType)
+        return;
+    const logs = consoleCaptureSingleton
+        .getLogs()
+        .filter((log) => log.level === filterType);
+    const colorMap = { error: BUTTON_COLORS.error, warn: BUTTON_COLORS.warning, info: BUTTON_COLORS.info };
+    const color = colorMap[filterType];
+    const labelMap = { error: 'Errors', warn: 'Warnings', info: 'Info' };
+    const label = labelMap[filterType];
+    const closeModal = () => {
+        state.consoleFilter = null;
+        state.render();
+    };
+    const overlay = createModalOverlay(closeModal);
+    const modal = createModalBox(color);
+    const header = createModalHeader({
+        color,
+        title: `Console ${label} (${logs.length})`,
+        onClose: closeModal,
+        onCopyMd: async () => {
+            await navigator.clipboard.writeText(consoleLogsToMarkdown(logs));
+        },
+        onSave: () => handleSaveConsoleLogs(state, logs),
+        onClear: () => state.clearConsoleLogs(),
+        sweetlinkConnected: state.sweetlinkConnected,
+        saveLocation: state.options.saveLocation,
+        isSaving: state.savingConsoleLogs,
+        savedPath: state.lastConsoleLogs,
+    });
+    modal.appendChild(header);
+    const content = createModalContent();
+    if (logs.length === 0) {
+        content.appendChild(createEmptyMessage(`No ${filterType}s recorded`));
+    }
+    else {
+        renderConsoleLogs(content, logs, color);
+    }
+    modal.appendChild(content);
+    overlay.appendChild(modal);
+    state.overlayElement = overlay;
+    document.body.appendChild(overlay);
+}
+function renderConsoleLogs(container, logs, color) {
+    logs.forEach((log, index) => {
+        const logItem = document.createElement('div');
+        Object.assign(logItem.style, {
+            padding: '8px 14px',
+            borderBottom: index < logs.length - 1 ? '1px solid rgba(255, 255, 255, 0.05)' : 'none',
+        });
+        const timestamp = document.createElement('span');
+        Object.assign(timestamp.style, {
+            color: CSS_COLORS.textMuted,
+            fontSize: '0.625rem',
+            marginRight: '8px',
+        });
+        timestamp.textContent = new Date(log.timestamp).toLocaleTimeString();
+        logItem.appendChild(timestamp);
+        const message = document.createElement('span');
+        Object.assign(message.style, {
+            color,
+            fontSize: '0.6875rem',
+            wordBreak: 'break-word',
+            whiteSpace: 'pre-wrap',
+        });
+        message.textContent = log.message;
+        logItem.appendChild(message);
+        container.appendChild(logItem);
+    });
+}
+//# sourceMappingURL=console.js.map

package/dist/modules/rendering/console.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"console.js","sourceRoot":"","sources":["../../../src/modules/rendering/console.ts"],"names":[],"mappings":"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"}

package/dist/modules/rendering/expanded.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Expanded state rendering for the DevBar — helper functions and orchestrator.
+ */
+import type { DevBarState } from '../types.js';
+export declare function renderExpanded(state: DevBarState, customControls: {
+    id: string;
+    label: string;
+    onClick: () => void;
+    active?: boolean;
+    disabled?: boolean;
+    variant?: 'default' | 'warning';
+}[]): void;
+//# sourceMappingURL=expanded.d.ts.map

package/dist/modules/rendering/expanded.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expanded.d.ts","sourceRoot":"","sources":["../../../src/modules/rendering/expanded.ts"],"names":[],"mappings":"AAAA;;GAEG;AAkBH,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,aAAa,CAAC;AAghB9D,wBAAgB,cAAc,CAC5B,KAAK,EAAE,WAAW,EAClB,cAAc,EAAE;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,EAAE,GACF,IAAI,CAiCN"}