@ytspar/devbar 1.10.6 → 1.11.0

package/dist/ui/cards.js

@@ -1,134 +0,0 @@
-/**
- * devbar Cards
- *
- * Notched card component with symmetric wing headers.
- * Inspired by Sacred Computer's terminal aesthetic.
- *
- * Structure:
- * ```
- * ┌───┐       ┌───┐
- * │   │ TITLE │   │  ← symmetric wings with title in gap
- * ├───┴───────┴───┤
- * │               │
- * │    CONTENT    │
- * │               │
- * └───────────────┘
- * ```
- */
-import { CSS_COLORS, FONT_MONO, withAlpha } from '../constants.js';
-/** Wing width in pixels (symmetric) */
-const WING_WIDTH = 12;
-/** Wing height in pixels */
-const WING_HEIGHT = 8;
-/** Content padding in pixels */
-const CONTENT_PADDING = 16;
-/** Border color for cards */
-const BORDER_COLOR = CSS_COLORS.border;
-/** Muted border for empty state */
-const BORDER_COLOR_MUTED = CSS_COLORS.borderSubtle;
-/**
- * Create a notched card with wing header
- */
-export function createCard(config) {
-    const { title, isEmpty = false } = config;
-    const borderColor = isEmpty ? BORDER_COLOR_MUTED : BORDER_COLOR;
-    // Article wrapper
-    const article = document.createElement('article');
-    Object.assign(article.style, {
-        position: 'relative',
-        display: 'block',
-        padding: '0',
-        opacity: isEmpty ? '0.5' : '1',
-    });
-    // Header with wings
-    const header = document.createElement('header');
-    Object.assign(header.style, {
-        display: 'flex',
-        alignItems: 'flex-end',
-    });
-    // Left wing
-    const leftWing = document.createElement('div');
-    Object.assign(leftWing.style, {
-        width: `${WING_WIDTH}px`,
-        height: `${WING_HEIGHT}px`,
-        flexShrink: '0',
-        borderLeft: `1px solid ${borderColor}`,
-        borderTop: `1px solid ${borderColor}`,
-    });
-    // Title
-    const titleEl = document.createElement('h2');
-    Object.assign(titleEl.style, {
-        flexShrink: '0',
-        padding: '0 8px',
-        fontSize: '10px',
-        fontWeight: '700',
-        fontFamily: FONT_MONO,
-        textTransform: 'uppercase',
-        letterSpacing: '0.1em',
-        lineHeight: '1',
-        whiteSpace: 'nowrap',
-        color: isEmpty ? withAlpha(CSS_COLORS.primary, 70) : CSS_COLORS.primary,
-    });
-    titleEl.textContent = title;
-    // Right wing
-    const rightWing = document.createElement('div');
-    Object.assign(rightWing.style, {
-        width: `${WING_WIDTH}px`,
-        height: `${WING_HEIGHT}px`,
-        flexShrink: '0',
-        flexGrow: '1',
-        borderRight: `1px solid ${borderColor}`,
-        borderTop: `1px solid ${borderColor}`,
-    });
-    header.appendChild(leftWing);
-    header.appendChild(titleEl);
-    header.appendChild(rightWing);
-    // Content section
-    const content = document.createElement('section');
-    Object.assign(content.style, {
-        display: 'block',
-        padding: `${CONTENT_PADDING}px`,
-        borderLeft: `1px solid ${borderColor}`,
-        borderRight: `1px solid ${borderColor}`,
-        borderBottom: `1px solid ${borderColor}`,
-    });
-    article.appendChild(header);
-    article.appendChild(content);
-    return article;
-}
-/**
- * Get the content section of a card (for appending children)
- */
-export function getCardContent(card) {
-    return card.querySelector('section');
-}
-/**
- * Update card empty state
- */
-export function setCardEmpty(card, isEmpty) {
-    const borderColor = isEmpty ? BORDER_COLOR_MUTED : BORDER_COLOR;
-    card.style.opacity = isEmpty ? '0.5' : '1';
-    // Update wing borders
-    const wings = card.querySelectorAll('header > div');
-    wings.forEach((wing) => {
-        const el = wing;
-        if (el.style.borderLeft)
-            el.style.borderLeft = `1px solid ${borderColor}`;
-        if (el.style.borderRight)
-            el.style.borderRight = `1px solid ${borderColor}`;
-        el.style.borderTop = `1px solid ${borderColor}`;
-    });
-    // Update content borders
-    const content = card.querySelector('section');
-    if (content) {
-        content.style.borderLeft = `1px solid ${borderColor}`;
-        content.style.borderRight = `1px solid ${borderColor}`;
-        content.style.borderBottom = `1px solid ${borderColor}`;
-    }
-    // Update title color
-    const title = card.querySelector('h2');
-    if (title) {
-        title.style.color = isEmpty ? withAlpha(CSS_COLORS.primary, 70) : CSS_COLORS.primary;
-    }
-}
-//# sourceMappingURL=cards.js.map

package/dist/ui/cards.js.map

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