@teaui/core 1.5.8 → 1.7.8

package/.dist/components/Breadcrumb.js

@@ -0,0 +1,287 @@
+import * as unicode from '@teaui/term';
+import { Container } from '../Container.js';
+import { Point, Size } from '../geometry.js';
+import { isMouseClicked, isMouseEnter, isMouseExit, isMouseMove, } from '../events/index.js';
+import { Style } from '../Style.js';
+const MAX_TITLE_WIDTH = 25;
+export class Breadcrumb extends Container {
+    #items = [];
+    #isActive = true;
+    #palette = DEFAULT_PALETTE;
+    #segments = [];
+    #hoverIndex = null;
+    constructor(props) {
+        super(props);
+        this.#update(props);
+    }
+    update(props) {
+        this.#update(props);
+        super.update(props);
+    }
+    #update({ items, isActive, palette }) {
+        this.#items = items ?? [];
+        this.#isActive = isActive ?? true;
+        this.#palette = palette ?? DEFAULT_PALETTE;
+    }
+    /**
+     * Given a Color, return a brighter version suitable for hover highlighting.
+     * Maps standard terminal colours → their bright variants.
+     */
+    static brightenColor(color) {
+        if (typeof color !== 'string') {
+            return color;
+        }
+        const map = {
+            black: 'gray',
+            red: 'brightRed',
+            green: 'brightGreen',
+            yellow: 'brightYellow',
+            blue: 'brightBlue',
+            magenta: 'brightMagenta',
+            cyan: 'brightCyan',
+            white: 'brightWhite',
+            gray: 'brightWhite',
+            grey: 'brightWhite',
+        };
+        return map[color] ?? color;
+    }
+    /**
+     * Compute the styles for a breadcrumb segment, accounting for hover state.
+     *
+     * Returns { segmentStyle, arrowStyle, finalArrowStyle } where arrowStyle is
+     * the style for the leading arrow (left separator) and finalArrowStyle is
+     * only set for the last item (the trailing arrow).
+     *
+     * @param colors     - fg/bg for this item
+     * @param prevColors - fg/bg for the previous item (null if first)
+     * @param nextColors - fg/bg for the next item (null if last — used for trailing arrow)
+     * @param isHovered  - whether this item is being hovered
+     * @param isFirst    - whether this is the first item
+     * @param isLast     - whether this is the last item
+     * @param prevHovered - whether the previous item is hovered (affects this item's left arrow)
+     */
+    static highlightStyles(colors, prevColors, isHovered, isActive, isFirst, isLast, prevHovered) {
+        const bg = isHovered ? Breadcrumb.hoverBg(colors) : colors.bg;
+        const fg = isHovered ? Breadcrumb.hoverFg(colors) : colors.fg;
+        const segmentStyle = new Style({
+            foreground: fg,
+            background: bg,
+            underline: isHovered && !isActive,
+        });
+        let arrowStyle = null;
+        if (!isFirst && prevColors) {
+            // The left arrow's fg = previous item's bg, bg = this item's bg
+            const prevBg = prevHovered
+                ? Breadcrumb.hoverBg(prevColors)
+                : prevColors.bg;
+            arrowStyle = new Style({
+                foreground: prevBg,
+                background: bg,
+            });
+        }
+        let finalArrowStyle = null;
+        if (isLast) {
+            finalArrowStyle = new Style({
+                foreground: bg,
+                background: 'default',
+            });
+        }
+        return { segmentStyle, arrowStyle, finalArrowStyle };
+    }
+    /**
+     * Resolve the hover foreground for a palette entry.
+     * Uses the explicit `fgHover` colour if provided, otherwise falls back to `fg`.
+     */
+    static hoverFg(entry) {
+        return entry.fgHover ?? entry.fg;
+    }
+    /**
+     * Resolve the hover background for a palette entry.
+     * Uses the explicit `bgHover` colour if provided, otherwise falls back to
+     * `brightenColor(bg)`.
+     */
+    static hoverBg(entry) {
+        return entry.bgHover ?? Breadcrumb.brightenColor(entry.bg);
+    }
+    /**
+     * Build a clipped title string: truncates to MAX_TITLE_WIDTH and adds "…" if needed.
+     */
+    static clippedTitle(title) {
+        const width = unicode.lineWidth(title);
+        if (width <= MAX_TITLE_WIDTH) {
+            return title;
+        }
+        // Truncate by characters until we fit (accounting for wide chars)
+        let result = '';
+        let w = 0;
+        for (const ch of title) {
+            const cw = unicode.lineWidth(ch);
+            if (w + cw > MAX_TITLE_WIDTH - 1) {
+                break;
+            }
+            result += ch;
+            w += cw;
+        }
+        return result + '…';
+    }
+    /**
+     * Measure the segments for the current items. This builds the SegmentRegion
+     * array so that mouse hit-testing works correctly.
+     */
+    static measureSegments(items) {
+        const segments = [];
+        let x = 0;
+        for (let i = 0; i < items.length; i++) {
+            const title = Breadcrumb.clippedTitle(items[i].title);
+            const isFirst = i === 0;
+            if (isFirst) {
+                // " 🏠 {title} " — no leading arrow
+                const text = ` 🏠 ${title} `;
+                const textWidth = unicode.lineWidth(text);
+                segments.push({
+                    index: i,
+                    arrowX: x,
+                    arrowWidth: 0,
+                    textX: x,
+                    textWidth,
+                });
+                x += textWidth;
+            }
+            else {
+                // Leading arrow (1 cell) then " {title} "
+                const arrowX = x;
+                const arrowWidth = 1;
+                const textX = x + arrowWidth;
+                const text = ` ${title} `;
+                const textWidth = unicode.lineWidth(text);
+                segments.push({
+                    index: i,
+                    arrowX,
+                    arrowWidth,
+                    textX,
+                    textWidth,
+                });
+                x += arrowWidth + textWidth;
+            }
+        }
+        return segments;
+    }
+    naturalSize(available) {
+        if (this.#items.length === 0) {
+            return new Size(0, 1);
+        }
+        const segments = Breadcrumb.measureSegments(this.#items);
+        const last = segments[segments.length - 1];
+        // Total width = end of last segment + 1 for the trailing arrow
+        const width = last.textX + last.textWidth + 1;
+        return new Size(width, 1);
+    }
+    receiveMouse(event, system) {
+        super.receiveMouse(event, system);
+        if (isMouseExit(event)) {
+            this.#hoverIndex = null;
+        }
+        else if (isMouseEnter(event) || isMouseMove(event)) {
+            this.#hoverIndex = this.#indexAtX(event.position.x);
+        }
+        if (isMouseClicked(event)) {
+            const index = this.#indexAtX(event.position.x);
+            if (index !== null) {
+                this.#items[index]?.onPress?.();
+            }
+        }
+    }
+    #indexAtX(x) {
+        for (const seg of this.#segments) {
+            // Hit test against the full segment area (arrow + text)
+            const segStart = seg.arrowX;
+            const segEnd = seg.textX + seg.textWidth;
+            if (x >= segStart && x < segEnd) {
+                return seg.index;
+            }
+        }
+        return null;
+    }
+    render(viewport) {
+        if (viewport.isEmpty || this.#items.length === 0) {
+            return super.render(viewport);
+        }
+        viewport.registerMouse(['mouse.button.left', 'mouse.move']);
+        this.#segments = Breadcrumb.measureSegments(this.#items);
+        for (const seg of this.#segments) {
+            const i = seg.index;
+            const item = this.#items[i];
+            const isFirst = i === 0;
+            const isLast = i === this.#items.length - 1;
+            const title = Breadcrumb.clippedTitle(item.title);
+            const isHovered = this.#hoverIndex === i;
+            const prevHovered = this.#hoverIndex === i - 1;
+            if (this.#isActive) {
+                const colorIndex = i % this.#palette.length;
+                const colors = this.#palette[colorIndex];
+                const prevColors = !isFirst
+                    ? this.#palette[(i - 1) % this.#palette.length]
+                    : null;
+                const { segmentStyle, arrowStyle, finalArrowStyle } = Breadcrumb.highlightStyles(colors, prevColors, isHovered, this.#isActive, isFirst, isLast, prevHovered);
+                // Draw leading arrow
+                if (!isFirst && arrowStyle) {
+                    viewport.write(ACTIVE_ARROW, new Point(seg.arrowX, 0), arrowStyle);
+                }
+                // Draw padded text
+                const text = isFirst ? ` 🏠 ${title} ` : ` ${title} `;
+                let x = seg.textX;
+                for (const ch of text) {
+                    if (x < viewport.contentSize.width) {
+                        viewport.write(ch, new Point(x, 0), segmentStyle);
+                    }
+                    x += unicode.lineWidth(ch);
+                }
+                // Draw trailing arrow for last item
+                if (isLast && finalArrowStyle) {
+                    const trailX = seg.textX + seg.textWidth;
+                    if (trailX < viewport.contentSize.width) {
+                        viewport.write(ACTIVE_ARROW, new Point(trailX, 0), finalArrowStyle);
+                    }
+                }
+            }
+            else {
+                // Inactive rendering — plain text with muted separators
+                if (!isFirst) {
+                    const mutedStyle = new Style({ foreground: 'gray' });
+                    viewport.write(INACTIVE_ARROW, new Point(seg.arrowX, 0), mutedStyle);
+                }
+                const plainStyle = isHovered
+                    ? new Style({ underline: true })
+                    : this.theme.ui({});
+                const text = isFirst ? ` 🏠 ${title} ` : ` ${title} `;
+                let x = seg.textX;
+                for (const ch of text) {
+                    if (x < viewport.contentSize.width) {
+                        viewport.write(ch, new Point(x, 0), plainStyle);
+                    }
+                    x += unicode.lineWidth(ch);
+                }
+            }
+        }
+        super.render(viewport);
+    }
+}
+// Default colour palette — 12-bit colours with pre-computed hover variants
+const DEFAULT_PALETTE = [
+    { fg: '#333', fgHover: '#333', bg: '#817', bgHover: '#c256ad' },
+    { fg: '#333', fgHover: '#333', bg: '#a35', bgHover: '#e76d87' },
+    { fg: '#333', fgHover: '#333', bg: '#c66', bgHover: '#ff9d9a' },
+    { fg: '#333', fgHover: '#333', bg: '#e94', bgHover: '#ffd281' },
+    { fg: '#333', fgHover: '#333', bg: '#ed0', bgHover: '#ffff77' },
+    { fg: '#333', fgHover: '#333', bg: '#9d5', bgHover: '#d2ff93' },
+    { fg: '#333', fgHover: '#333', bg: '#4d8', bgHover: '#8bffc0' },
+    { fg: '#333', fgHover: '#333', bg: '#2cb', bgHover: '#79fff4' },
+    { fg: '#333', fgHover: '#333', bg: '#0bc', bgHover: '#71f5ff' },
+    { fg: '#333', fgHover: '#333', bg: '#09c', bgHover: '#66d2ff' },
+    { fg: '#333', fgHover: '#333', bg: '#36b', bgHover: '#679df7' },
+    { fg: '#333', fgHover: '#333', bg: '#639', bgHover: '#996ad3' },
+];
+// Arrow constants for breadcrumb separators
+const INACTIVE_ARROW = ''; // For inactive/muted breadcrumbs
+const ACTIVE_ARROW = ''; // For active breadcrumbs (Powerline right triangle)
+//# sourceMappingURL=Breadcrumb.js.map

package/.dist/components/Breadcrumb.js.map

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

package/.dist/components/Button.js

@@ -10,6 +10,7 @@ export class Button extends Container {
     #textView;
     #border = 'default';
     #align = 'center';
+    #hasFocus = false;
     constructor(props) {
         super(props);
         this.#textView = new Text({ alignment: 'center' });
@@ -21,7 +22,7 @@ export class Button extends Container {
         super.update(props);
     }
     childTheme(view) {
-        return childTheme(super.childTheme(view), this.isPressed, this.isHover);
+        return childTheme(super.childTheme(view), this.isPressed, this.isHover || this.#hasFocus);
     }
     #update({ title, border, align, hotKey, onClick }) {
         const styledText = hotKey ? styleTextForHotKey(title ?? '', hotKey) : title;
@@ -32,7 +33,7 @@ export class Button extends Container {
         this.#onClick = onClick;
     }
     naturalSize(available) {
-        const [left, right] = this.#borderSize();
+        const [left, right] = this.#borderSize(false);
         return super.naturalSize(available).grow(left + right, 0);
     }
     get title() {
@@ -45,8 +46,9 @@ export class Button extends Container {
         this.#textView.text = styledText;
         this.invalidateSize();
     }
-    #borderSize() {
-        const [left, right] = BORDERS[this.#border];
+    #borderSize(hasFocus) {
+        const borders = hasFocus ? BORDERS_FOCUS : BORDERS;
+        const [left, right] = borders[this.#border];
         return [unicode.lineWidth(left), unicode.lineWidth(right)];
     }
     receiveMouse(event, system) {
@@ -59,6 +61,8 @@ export class Button extends Container {
         this.#onClick?.();
     }
     render(viewport) {
+        const hasFocus = viewport.registerFocus();
+        this.#hasFocus = hasFocus;
         if (viewport.isEmpty) {
             return super.render(viewport);
         }
@@ -68,11 +72,11 @@ export class Button extends Container {
         }
         const textStyle = this.theme.ui({
             isPressed: this.isPressed,
-            isHover: this.isHover,
+            isHover: this.isHover || hasFocus,
         });
         const topsStyle = this.theme.ui({
             isPressed: this.isPressed,
-            isHover: this.isHover,
+            isHover: this.isHover || hasFocus,
             isOrnament: true,
         });
         const useEmoji = this.theme.emoji;
@@ -89,14 +93,15 @@ export class Button extends Container {
                 viewport.write(' ', pt, textStyle);
             }
         });
-        const [leftWidth, rightWidth] = this.#borderSize();
+        const [leftWidth, rightWidth] = this.#borderSize(hasFocus);
         const naturalSize = super.naturalSize(viewport.contentSize.shrink(leftWidth + rightWidth, 0));
         const offsetLeft = this.#align === 'center'
             ? Math.round((viewport.contentSize.width - naturalSize.width) / 2)
             : this.#align === 'left'
                 ? 1
                 : viewport.contentSize.width - naturalSize.width - 1, offset = new Point(offsetLeft, Math.round((viewport.contentSize.height - naturalSize.height) / 2));
-        const [left, right] = BORDERS[this.#border], leftX = offset.x - leftWidth, rightX = offset.x + naturalSize.width;
+        const borders = hasFocus ? BORDERS_FOCUS : BORDERS;
+        const [left, right] = borders[this.#border], leftX = offset.x - leftWidth, rightX = offset.x + naturalSize.width;
         for (let y = 0; y < naturalSize.height; y++) {
             viewport.write(left, new Point(leftX, offset.y + y), textStyle);
             viewport.write(right, new Point(rightX, offset.y + y), textStyle);
@@ -108,9 +113,16 @@ export class Button extends Container {
 }
 const BORDERS = {
     default: ['[ ', ' ]'],
-    arrows: [' ', ' '],
+    // arrows: [' ', ' '],
+    arrows: ['\uE0B3', '\uE0B1'],
     none: [' ', ' '],
 };
-// E0A0 
-// E0B0 
+const BORDERS_FOCUS = {
+    default: ['⟦ ', ' ⟧'],
+    // arrows: [' ', ' '],
+    arrows: ['\uE0B2', '\uE0B0'],
+    none: [' ', ' '],
+};
+// E0A0 \uE0A0\uE0A1\uE0A2          
+// E0B0 \uE0B0\uE0B1\uE0B2\uE0B3     
 //# sourceMappingURL=Button.js.map

package/.dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../lib/components/Button.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../lib/components/Button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,aAAa,CAAA;AAGtC,OAAO,EAA+B,SAAS,EAAC,MAAM,iBAAiB,CAAA;AACvE,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,IAAI,EAAE,KAAK,EAAO,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAEL,cAAc,EAGd,kBAAkB,EAClB,WAAW,GACZ,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AAgBnC,MAAM,OAAO,MAAO,SAAQ,SAAS;IACnC,OAAO,CAAS;IAChB,QAAQ,CAAmB;IAC3B,SAAS,CAAM;IACf,OAAO,GAAW,SAAS,CAAA;IAC3B,MAAM,GAAc,QAAQ,CAAA;IAC5B,SAAS,GAAY,KAAK,CAAA;IAE1B,YAAY,KAAY;QACtB,KAAK,CAAC,KAAK,CAAC,CAAA;QAEZ,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAC,CAAC,CAAA;QAChD,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAExB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC;IAED,MAAM,CAAC,KAAY;QACjB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC;IAED,UAAU,CAAC,IAAU;QACnB,OAAO,UAAU,CACf,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EACtB,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,CAC/B,CAAA;IACH,CAAC;IAED,OAAO,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAQ;QACpD,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,IAAI,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QAC3E,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,UAAU,IAAI,EAAE,CAAA;QACtC,IAAI,CAAC,MAAM,GAAG,KAAK,IAAI,QAAQ,CAAA;QAC/B,IAAI,CAAC,OAAO,GAAG,MAAM,IAAI,SAAS,CAAA;QAClC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAA;QACrB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAA;IACzB,CAAC;IAED,WAAW,CAAC,SAAe;QACzB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;QAC7C,OAAO,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC,CAAA;IAC3D,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAA;IAC5B,CAAC;IACD,IAAI,KAAK,CAAC,KAAyB;QACjC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO;YAC7B,CAAC,CAAC,kBAAkB,CAAC,KAAK,IAAI,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC;YAC/C,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;QACjB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,UAAU,CAAA;QAChC,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED,WAAW,CAAC,QAAiB;QAC3B,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAA;QAClD,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3C,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAA;IAC5D,CAAC;IAED,YAAY,CAAC,KAAiB,EAAE,MAAc;QAC5C,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAEjC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAA;QACnB,CAAC;IACH,CAAC;IAED,UAAU,CAAC,CAAW;QACpB,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAA;IACnB,CAAC;IAED,MAAM,CAAC,QAAkB;QACvB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAA;QACzC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAA;QACzB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC/B,CAAC;QAED,QAAQ,CAAC,aAAa,CAAC,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAA;QAE3D,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;QACpD,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,QAAQ;SAClC,CAAC,CAAA;QACF,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,QAAQ;YACjC,UAAU,EAAE,IAAI;SACjB,CAAC,CAAA;QAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA;QACjC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE;YACrC,IAAI,QAAQ,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC9D,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,EAAE,SAAS,CAAC,CAAA;YACpC,CAAC;iBAAM,IACL,QAAQ;gBACR,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;gBACxC,QAAQ,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAC/B,CAAC;gBACD,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,EAAE,SAAS,CAAC,CAAA;YACpC,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,EAAE,SAAS,CAAC,CAAA;YACpC,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;QAC1D,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,CACvD,CAAA;QACD,MAAM,UAAU,GACZ,IAAI,CAAC,MAAM,KAAK,QAAQ;YACtB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAClE,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,MAAM;gBACtB,CAAC,CAAC,CAAC;gBACH,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,EAC1D,MAAM,GAAG,IAAI,KAAK,CAChB,UAAU,EACV,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CACnE,CAAA;QAEH,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAA;QAClD,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EACzC,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,SAAS,EAC5B,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAA;QAEvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC5C,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;YAC/D,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;QACnE,CAAC;QACD,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE;YAClE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QACtB,CAAC,CAAC,CAAA;IACJ,CAAC;CACF;AAED,MAAM,OAAO,GAAgC;IAC3C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;IACrB,wBAAwB;IACxB,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;CACjB,CAAA;AAED,MAAM,aAAa,GAAgC;IACjD,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;IACrB,wBAAwB;IACxB,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;CACjB,CAAA;AAED,uCAAuC;AACvC,yCAAyC"}

package/.dist/components/Calendar.d.ts

@@ -0,0 +1,36 @@
+import type { Viewport } from '../Viewport.js';
+import { type Props as ViewProps, View } from '../View.js';
+import { Size } from '../geometry.js';
+import { type KeyEvent, type MouseEvent } from '../events/index.js';
+import { System } from '../System.js';
+type DisplayMode = 'days' | 'months' | 'years';
+type Selection = 'single' | 'range';
+interface Props extends ViewProps {
+    /** Selected date */
+    date?: Date;
+    /** Displayed month/year */
+    visibleDate?: Date;
+    /** Called when navigating months/years (day is always 1) */
+    onChangeVisible?: (date: Date) => void;
+    /** Called when selecting a date (date2 == date1 for single selection) */
+    onChange?: (date1: Date, date2: Date) => void;
+    /** Single date or range selection. Default: 'single' */
+    selection?: Selection;
+    /** 0=Sunday (default), 1=Monday */
+    firstDayOfWeek?: 0 | 1;
+}
+export declare class Calendar extends View {
+    #private;
+    constructor(props?: Props);
+    update(props: Props): void;
+    get date(): Date;
+    set date(value: Date);
+    get visibleDate(): Date;
+    set visibleDate(value: Date);
+    get displayMode(): DisplayMode;
+    naturalSize(): Size;
+    receiveMouse(event: MouseEvent, system: System): void;
+    receiveKey(event: KeyEvent): void;
+    render(viewport: Viewport): void;
+}
+export {};