@nuvin/ink 7.5.0-alpha → 7.7.0-alpha

package/build/components/Box.d.ts

@@ -56,6 +56,101 @@ export type Props = Except<Styles, 'textWrap'> & {
 /**
 `<Box>` is an essential Ink component to build your layout. It's like `<div style="display: flex">` in the browser.
 */
+export declare const createBoxComponent: (displayName: string, viewportCulling: boolean) => React.ForwardRefExoticComponent<{
+    readonly position?: "absolute" | "relative" | "static" | "sticky" | undefined;
+    readonly top?: number | string | undefined;
+    readonly right?: number | string | undefined;
+    readonly bottom?: number | string | undefined;
+    readonly left?: number | string | undefined;
+    readonly columnGap?: number | undefined;
+    readonly rowGap?: number | undefined;
+    readonly gap?: number | undefined;
+    readonly margin?: number | undefined;
+    readonly marginX?: number | undefined;
+    readonly marginY?: number | undefined;
+    readonly marginTop?: number | undefined;
+    readonly marginBottom?: number | undefined;
+    readonly marginLeft?: number | undefined;
+    readonly marginRight?: number | undefined;
+    readonly padding?: number | undefined;
+    readonly paddingX?: number | undefined;
+    readonly paddingY?: number | undefined;
+    readonly paddingTop?: number | undefined;
+    readonly paddingBottom?: number | undefined;
+    readonly paddingLeft?: number | undefined;
+    readonly paddingRight?: number | undefined;
+    readonly flexGrow?: number | undefined;
+    readonly flexShrink?: number | undefined;
+    readonly flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    readonly flexBasis?: number | string | undefined;
+    readonly flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+    readonly alignItems?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | undefined;
+    readonly alignSelf?: "flex-start" | "center" | "flex-end" | "auto" | "stretch" | "baseline" | undefined;
+    readonly alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+    readonly justifyContent?: "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "center" | undefined;
+    readonly width?: number | string | undefined;
+    readonly height?: number | string | undefined;
+    readonly minWidth?: number | string | undefined;
+    readonly minHeight?: number | string | undefined;
+    readonly maxWidth?: number | string | undefined;
+    readonly maxHeight?: number | string | undefined;
+    readonly aspectRatio?: number | undefined;
+    readonly display?: "flex" | "none" | undefined;
+    readonly borderStyle?: (keyof import("cli-boxes").Boxes | import("cli-boxes").BoxStyle) | undefined;
+    readonly borderTop?: boolean | undefined;
+    readonly borderBottom?: boolean | undefined;
+    readonly borderLeft?: boolean | undefined;
+    readonly borderRight?: boolean | undefined;
+    readonly borderColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderTopColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderBottomColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderLeftColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderRightColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderDimColor?: boolean | undefined;
+    readonly borderTopDimColor?: boolean | undefined;
+    readonly borderBottomDimColor?: boolean | undefined;
+    readonly borderLeftDimColor?: boolean | undefined;
+    readonly borderRightDimColor?: boolean | undefined;
+    readonly borderBackgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderTopBackgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderBottomBackgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderLeftBackgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderRightBackgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly overflow?: "visible" | "hidden" | "scroll" | undefined;
+    readonly overflowX?: "visible" | "hidden" | "scroll" | undefined;
+    readonly overflowY?: "visible" | "hidden" | "scroll" | undefined;
+    readonly backgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly zIndex?: number | undefined;
+} & {
+    /**
+    A label for the element for screen readers.
+    */
+    readonly 'aria-label'?: string;
+    /**
+    Hide the element from screen readers.
+    */
+    readonly 'aria-hidden'?: boolean;
+    /**
+    The role of the element.
+    */
+    readonly 'aria-role'?: "button" | "checkbox" | "combobox" | "list" | "listbox" | "listitem" | "menu" | "menuitem" | "option" | "progressbar" | "radio" | "radiogroup" | "tab" | "tablist" | "table" | "textbox" | "timer" | "toolbar";
+    /**
+    The state of the element.
+    */
+    readonly 'aria-state'?: {
+        readonly busy?: boolean;
+        readonly checked?: boolean;
+        readonly disabled?: boolean;
+        readonly expanded?: boolean;
+        readonly multiline?: boolean;
+        readonly multiselectable?: boolean;
+        readonly readonly?: boolean;
+        readonly required?: boolean;
+        readonly selected?: boolean;
+    };
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<BoxRef>>;
 declare const Box: React.ForwardRefExoticComponent<{
     readonly position?: "absolute" | "relative" | "static" | "sticky" | undefined;
     readonly top?: number | string | undefined;

package/build/components/Box.js

@@ -1,161 +1,197 @@
 import React, { forwardRef, useContext, useImperativeHandle, useLayoutEffect, useRef, useState, } from 'react';
 import Yoga from 'yoga-layout';
+import { clampViewportScroll, getScrollViewportMetadata, requestRootPaint, sameOffset, } from '../layout-metadata.js';
 import { accessibilityContext } from './AccessibilityContext.js';
 import { backgroundContext } from './BackgroundContext.js';
 /**
 `<Box>` is an essential Ink component to build your layout. It's like `<div style="display: flex">` in the browser.
 */
-const Box = forwardRef(({ children, backgroundColor, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, 'aria-role': role, 'aria-state': ariaState, ...style }, ref) => {
-    const internalRef = useRef(null);
-    const scrollStateRef = useRef({ x: 0, y: 0 });
-    const [scrollVersion, setScrollVersion] = useState(0);
-    useImperativeHandle(ref, () => {
-        const element = internalRef.current;
-        if (!element) {
-            return null;
-        }
-        const getContentDimensions = () => {
-            const { yogaNode } = element;
-            if (!yogaNode) {
-                return { width: 0, height: 0 };
+export const createBoxComponent = (displayName, viewportCulling) => {
+    const Component = forwardRef(({ children, backgroundColor, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, 'aria-role': role, 'aria-state': ariaState, ...style }, ref) => {
+        const internalRef = useRef(null);
+        const scrollStateRef = useRef({ x: 0, y: 0 });
+        const [scrollVersion, setScrollVersion] = useState(0);
+        useImperativeHandle(ref, () => {
+            const element = internalRef.current;
+            if (!element) {
+                return null;
             }
-            let maxWidth = 0;
-            let maxHeight = 0;
-            const measureNode = (node, offsetX, offsetY) => {
-                for (const child of node.childNodes) {
-                    if ('yogaNode' in child && child.yogaNode) {
-                        const childYoga = child.yogaNode;
-                        const childX = offsetX + childYoga.getComputedLeft();
-                        const childY = offsetY + childYoga.getComputedTop();
-                        const right = childX + childYoga.getComputedWidth();
-                        const bottom = childY + childYoga.getComputedHeight();
-                        maxWidth = Math.max(maxWidth, right);
-                        maxHeight = Math.max(maxHeight, bottom);
-                        measureNode(child, childX, childY);
-                    }
+            const getContentDimensions = () => {
+                const { yogaNode } = element;
+                if (!yogaNode) {
+                    return { width: 0, height: 0 };
                 }
+                let maxWidth = 0;
+                let maxHeight = 0;
+                const measureNode = (node, offsetX, offsetY) => {
+                    for (const child of node.childNodes) {
+                        if ('yogaNode' in child && child.yogaNode) {
+                            const childYoga = child.yogaNode;
+                            const childX = offsetX + childYoga.getComputedLeft();
+                            const childY = offsetY + childYoga.getComputedTop();
+                            const right = childX + childYoga.getComputedWidth();
+                            const bottom = childY + childYoga.getComputedHeight();
+                            maxWidth = Math.max(maxWidth, right);
+                            maxHeight = Math.max(maxHeight, bottom);
+                            measureNode(child, childX, childY);
+                        }
+                    }
+                };
+                measureNode(element, 0, 0);
+                return { width: maxWidth, height: maxHeight };
             };
-            measureNode(element, 0, 0);
-            return { width: maxWidth, height: maxHeight };
-        };
-        const getMaxScroll = () => {
-            const { yogaNode } = element;
-            if (!yogaNode) {
-                return { x: 0, y: 0 };
-            }
-            const containerWidth = yogaNode.getComputedWidth() -
-                yogaNode.getComputedBorder(Yoga.EDGE_LEFT) -
-                yogaNode.getComputedBorder(Yoga.EDGE_RIGHT);
-            const containerHeight = yogaNode.getComputedHeight() -
-                yogaNode.getComputedBorder(Yoga.EDGE_TOP) -
-                yogaNode.getComputedBorder(Yoga.EDGE_BOTTOM);
-            const content = getContentDimensions();
-            return {
-                x: Math.max(0, content.width - containerWidth),
-                y: Math.max(0, content.height - containerHeight),
-            };
-        };
-        return Object.assign(element, {
-            scrollTo({ x, y }) {
-                const maxScroll = getMaxScroll();
-                if (x !== undefined) {
-                    scrollStateRef.current.x = Math.max(0, Math.min(x, maxScroll.x));
-                }
-                if (y !== undefined) {
-                    scrollStateRef.current.y = Math.max(0, Math.min(y, maxScroll.y));
-                }
-                element.internal_scrollOffset = { ...scrollStateRef.current };
-                setScrollVersion(version => version + 1);
-            },
-            getScrollPosition() {
-                return { ...scrollStateRef.current };
-            },
-            scrollToTop() {
-                scrollStateRef.current.y = 0;
-                element.internal_scrollOffset = { ...scrollStateRef.current };
-                setScrollVersion(version => version + 1);
-            },
-            scrollToBottom() {
-                const maxScroll = getMaxScroll();
-                scrollStateRef.current.y = maxScroll.y;
-                element.internal_scrollOffset = { ...scrollStateRef.current };
-                setScrollVersion(version => version + 1);
-            },
-            getBounds() {
+            const getMaxScroll = () => {
                 const { yogaNode } = element;
                 if (!yogaNode) {
-                    return { x: 0, y: 0, width: 0, height: 0 };
+                    return { x: 0, y: 0 };
                 }
-                let x = yogaNode.getComputedLeft();
-                let y = yogaNode.getComputedTop();
-                const width = yogaNode.getComputedWidth();
-                const height = yogaNode.getComputedHeight();
-                // A pinned `position: "sticky"` node is drawn away from its
-                // natural-flow position by `renderStickyNode`, which records the
-                // drawn rect on the element. Prefer it so hit-testing lands on the
-                // pinned copy. The live `position === 'sticky'` guard ensures a node
-                // that has since stopped being sticky never reads a stale rect.
-                const stickyRect = element.internal_stickyRect;
-                if (element.style.position === 'sticky' && stickyRect) {
-                    return { x: stickyRect.x, y: stickyRect.y, width, height };
-                }
-                let parent = element.parentNode;
-                while (parent && 'yogaNode' in parent && parent.yogaNode) {
-                    x += parent.yogaNode.getComputedLeft();
-                    y += parent.yogaNode.getComputedTop();
-                    parent = parent.parentNode;
+                const containerWidth = yogaNode.getComputedWidth() -
+                    yogaNode.getComputedBorder(Yoga.EDGE_LEFT) -
+                    yogaNode.getComputedBorder(Yoga.EDGE_RIGHT);
+                const containerHeight = yogaNode.getComputedHeight() -
+                    yogaNode.getComputedBorder(Yoga.EDGE_TOP) -
+                    yogaNode.getComputedBorder(Yoga.EDGE_BOTTOM);
+                const metadata = getScrollViewportMetadata(element);
+                const content = viewportCulling && metadata
+                    ? metadata.contentExtent
+                    : getContentDimensions();
+                return {
+                    x: Math.max(0, content.width - containerWidth),
+                    y: Math.max(0, content.height - containerHeight),
+                };
+            };
+            const applyViewportScroll = (requested) => {
+                if (viewportCulling) {
+                    const current = element.internal_scrollOffset ?? scrollStateRef.current;
+                    const next = clampViewportScroll(element, requested);
+                    // Keep the hook ref synchronized before the caller's React controller
+                    // commit can run this component's layout effect.
+                    scrollStateRef.current = { ...next };
+                    if (sameOffset(current, next))
+                        return;
+                    element.internal_scrollOffset = { ...next };
+                    requestRootPaint(element);
+                    return;
                 }
-                return { x, y, width, height };
-            },
-            getPaintOrder() {
-                let root = element;
-                while (root.parentNode) {
-                    root = root.parentNode;
+                const maxScroll = getMaxScroll();
+                if (requested.x !== undefined) {
+                    scrollStateRef.current.x = Math.max(0, Math.min(requested.x, maxScroll.x));
                 }
-                if (element.internal_paintEpoch === undefined ||
-                    element.internal_paintIndex === undefined ||
-                    element.internal_paintEpoch !== root.internal_paintEpoch) {
-                    return undefined;
+                if (requested.y !== undefined) {
+                    scrollStateRef.current.y = Math.max(0, Math.min(requested.y, maxScroll.y));
                 }
-                return {
-                    epoch: element.internal_paintEpoch,
-                    index: element.internal_paintIndex,
-                };
-            },
+                element.internal_scrollOffset = { ...scrollStateRef.current };
+                setScrollVersion(version => version + 1);
+            };
+            return Object.assign(element, {
+                scrollTo(requested) {
+                    applyViewportScroll(requested);
+                },
+                getScrollPosition() {
+                    if (viewportCulling) {
+                        return { ...(element.internal_scrollOffset ?? { x: 0, y: 0 }) };
+                    }
+                    return { ...scrollStateRef.current };
+                },
+                scrollToTop() {
+                    applyViewportScroll({ y: 0 });
+                },
+                scrollToBottom() {
+                    applyViewportScroll({ y: Number.MAX_SAFE_INTEGER });
+                },
+                getBounds() {
+                    const { yogaNode } = element;
+                    if (!yogaNode) {
+                        return { x: 0, y: 0, width: 0, height: 0 };
+                    }
+                    let x = yogaNode.getComputedLeft();
+                    let y = yogaNode.getComputedTop();
+                    const width = yogaNode.getComputedWidth();
+                    const height = yogaNode.getComputedHeight();
+                    // A pinned sticky is drawn away from its Yoga-derived position.
+                    // Prefer its recorded rect only while its paint epoch is current;
+                    // rejected subtrees can intentionally retain older sticky rects.
+                    const stickyRect = element.internal_stickyRect;
+                    if (element.style.position === 'sticky' &&
+                        stickyRect &&
+                        element.internal_paintEpoch !== undefined) {
+                        let root = element;
+                        while (root.parentNode) {
+                            root = root.parentNode;
+                        }
+                        if (root.nodeName === 'ink-root' &&
+                            root.internal_paintEpoch !== undefined &&
+                            element.internal_paintEpoch === root.internal_paintEpoch) {
+                            return { x: stickyRect.x, y: stickyRect.y, width, height };
+                        }
+                    }
+                    let parent = element.parentNode;
+                    while (parent && 'yogaNode' in parent && parent.yogaNode) {
+                        x += parent.yogaNode.getComputedLeft();
+                        y += parent.yogaNode.getComputedTop();
+                        parent = parent.parentNode;
+                    }
+                    return { x, y, width, height };
+                },
+                getPaintOrder() {
+                    let root = element;
+                    while (root.parentNode) {
+                        root = root.parentNode;
+                    }
+                    if (element.internal_paintEpoch === undefined ||
+                        element.internal_paintIndex === undefined ||
+                        element.internal_paintEpoch !== root.internal_paintEpoch) {
+                        return undefined;
+                    }
+                    return {
+                        epoch: element.internal_paintEpoch,
+                        index: element.internal_paintIndex,
+                    };
+                },
+            });
+        }, []);
+        const isScrollContainer = style.overflow === 'scroll' ||
+            style.overflowX === 'scroll' ||
+            style.overflowY === 'scroll';
+        useLayoutEffect(() => {
+            const element = internalRef.current;
+            if (!element || !isScrollContainer)
+                return;
+            if (viewportCulling) {
+                const retained = element.internal_scrollOffset ?? scrollStateRef.current;
+                scrollStateRef.current = { ...retained };
+                element.internal_scrollOffset = { ...retained };
+                return;
+            }
+            element.internal_scrollOffset = scrollStateRef.current;
         });
-    }, []);
-    const isScrollContainer = style.overflow === 'scroll' ||
-        style.overflowX === 'scroll' ||
-        style.overflowY === 'scroll';
-    useLayoutEffect(() => {
-        if (internalRef.current && isScrollContainer) {
-            internalRef.current.internal_scrollOffset = scrollStateRef.current;
+        const { isScreenReaderEnabled } = useContext(accessibilityContext);
+        const label = ariaLabel ? React.createElement("ink-text", null, ariaLabel) : undefined;
+        if (isScreenReaderEnabled && ariaHidden) {
+            return null;
+        }
+        const boxElement = (React.createElement("ink-box", { ref: internalRef, internal_viewportCulling: viewportCulling || undefined, style: {
+                flexWrap: 'nowrap',
+                flexDirection: 'row',
+                flexGrow: 0,
+                flexShrink: 1,
+                ...style,
+                backgroundColor,
+                overflowX: style.overflowX ?? style.overflow ?? 'visible',
+                overflowY: style.overflowY ?? style.overflow ?? 'visible',
+            }, internal_accessibility: {
+                role,
+                state: ariaState,
+            }, internal_scrollVersion: isScrollContainer ? scrollVersion : undefined }, isScreenReaderEnabled && label ? label : children));
+        // If this Box has a background color, provide it to children via context
+        if (backgroundColor) {
+            return (React.createElement(backgroundContext.Provider, { value: backgroundColor }, boxElement));
         }
+        return boxElement;
     });
-    const { isScreenReaderEnabled } = useContext(accessibilityContext);
-    const label = ariaLabel ? React.createElement("ink-text", null, ariaLabel) : undefined;
-    if (isScreenReaderEnabled && ariaHidden) {
-        return null;
-    }
-    const boxElement = (React.createElement("ink-box", { ref: internalRef, style: {
-            flexWrap: 'nowrap',
-            flexDirection: 'row',
-            flexGrow: 0,
-            flexShrink: 1,
-            ...style,
-            backgroundColor,
-            overflowX: style.overflowX ?? style.overflow ?? 'visible',
-            overflowY: style.overflowY ?? style.overflow ?? 'visible',
-        }, internal_accessibility: {
-            role,
-            state: ariaState,
-        }, internal_scrollVersion: isScrollContainer ? scrollVersion : undefined }, isScreenReaderEnabled && label ? label : children));
-    // If this Box has a background color, provide it to children via context
-    if (backgroundColor) {
-        return (React.createElement(backgroundContext.Provider, { value: backgroundColor }, boxElement));
-    }
-    return boxElement;
-});
-Box.displayName = 'Box';
+    Component.displayName = displayName;
+    return Component;
+};
+const Box = createBoxComponent('Box', false);
 export default Box;
 //# sourceMappingURL=Box.js.map

package/build/components/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/components/Box.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/components/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,eAAe,EACf,MAAM,EACN,QAAQ,GAER,MAAM,OAAO,CAAC;AACf,OAAO,IAAI,MAAM,aAAa,CAAC;AAI/B,OAAO,EACN,mBAAmB,EACnB,yBAAyB,EACzB,gBAAgB,EAChB,UAAU,GACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAC,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;AAkEzD;;EAEE;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CACjC,WAAmB,EACnB,eAAwB,EACvB,EAAE;IACH,MAAM,SAAS,GAAG,UAAU,CAC3B,CACC,EACC,QAAQ,EACR,eAAe,EACf,YAAY,EAAE,SAAS,EACvB,aAAa,EAAE,UAAU,EACzB,WAAW,EAAE,IAAI,EACjB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACR,EACD,GAAG,EACF,EAAE;QACH,MAAM,WAAW,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;QAC7C,MAAM,cAAc,GAAG,MAAM,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAEtD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE;YAC7B,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;YACpC,IAAI,CAAC,OAAO,EAAE,CAAC;gBACd,OAAO,IAAyB,CAAC;YAClC,CAAC;YAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;gBACjC,MAAM,EAAC,QAAQ,EAAC,GAAG,OAAO,CAAC;gBAC3B,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACf,OAAO,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC,CAAC;gBAC9B,CAAC;gBAED,IAAI,QAAQ,GAAG,CAAC,CAAC;gBACjB,IAAI,SAAS,GAAG,CAAC,CAAC;gBAElB,MAAM,WAAW,GAAG,CACnB,IAAoB,EACpB,OAAe,EACf,OAAe,EACd,EAAE;oBACH,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;wBACrC,IAAI,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;4BAC3C,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC;4BACjC,MAAM,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,eAAe,EAAE,CAAC;4BACrD,MAAM,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,cAAc,EAAE,CAAC;4BACpD,MAAM,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC,gBAAgB,EAAE,CAAC;4BACpD,MAAM,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,iBAAiB,EAAE,CAAC;4BACtD,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;4BACrC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;4BACxC,WAAW,CAAC,KAAuB,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;wBACtD,CAAC;oBACF,CAAC;gBACF,CAAC,CAAC;gBAEF,WAAW,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBAE3B,OAAO,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC;YAC7C,CAAC,CAAC;YAEF,MAAM,YAAY,GAAG,GAAG,EAAE;gBACzB,MAAM,EAAC,QAAQ,EAAC,GAAG,OAAO,CAAC;gBAC3B,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACf,OAAO,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,CAAC;gBACrB,CAAC;gBAED,MAAM,cAAc,GACnB,QAAQ,CAAC,gBAAgB,EAAE;oBAC3B,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC1C,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC7C,MAAM,eAAe,GACpB,QAAQ,CAAC,iBAAiB,EAAE;oBAC5B,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC;oBACzC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBAC9C,MAAM,QAAQ,GAAG,yBAAyB,CAAC,OAAO,CAAC,CAAC;gBACpD,MAAM,OAAO,GACZ,eAAe,IAAI,QAAQ;oBAC1B,CAAC,CAAC,QAAQ,CAAC,aAAa;oBACxB,CAAC,CAAC,oBAAoB,EAAE,CAAC;gBAE3B,OAAO;oBACN,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,GAAG,cAAc,CAAC;oBAC9C,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,eAAe,CAAC;iBAChD,CAAC;YACH,CAAC,CAAC;YAEF,MAAM,mBAAmB,GAAG,CAAC,SAAmC,EAAE,EAAE;gBACnE,IAAI,eAAe,EAAE,CAAC;oBACrB,MAAM,OAAO,GACZ,OAAO,CAAC,qBAAqB,IAAI,cAAc,CAAC,OAAO,CAAC;oBACzD,MAAM,IAAI,GAAG,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;oBACrD,sEAAsE;oBACtE,iDAAiD;oBACjD,cAAc,CAAC,OAAO,GAAG,EAAC,GAAG,IAAI,EAAC,CAAC;oBACnC,IAAI,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC;wBAAE,OAAO;oBACtC,OAAO,CAAC,qBAAqB,GAAG,EAAC,GAAG,IAAI,EAAC,CAAC;oBAC1C,gBAAgB,CAAC,OAAO,CAAC,CAAC;oBAC1B,OAAO;gBACR,CAAC;gBAED,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;gBACjC,IAAI,SAAS,CAAC,CAAC,KAAK,SAAS,EAAE,CAAC;oBAC/B,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAClC,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAClC,CAAC;gBACH,CAAC;gBAED,IAAI,SAAS,CAAC,CAAC,KAAK,SAAS,EAAE,CAAC;oBAC/B,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAClC,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAClC,CAAC;gBACH,CAAC;gBAED,OAAO,CAAC,qBAAqB,GAAG,EAAC,GAAG,cAAc,CAAC,OAAO,EAAC,CAAC;gBAC5D,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;YAC1C,CAAC,CAAC;YAEF,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE;gBAC7B,QAAQ,CAAC,SAAmC;oBAC3C,mBAAmB,CAAC,SAAS,CAAC,CAAC;gBAChC,CAAC;gBACD,iBAAiB;oBAChB,IAAI,eAAe,EAAE,CAAC;wBACrB,OAAO,EAAC,GAAG,CAAC,OAAO,CAAC,qBAAqB,IAAI,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,CAAC,EAAC,CAAC;oBAC7D,CAAC;oBAED,OAAO,EAAC,GAAG,cAAc,CAAC,OAAO,EAAC,CAAC;gBACpC,CAAC;gBACD,WAAW;oBACV,mBAAmB,CAAC,EAAC,CAAC,EAAE,CAAC,EAAC,CAAC,CAAC;gBAC7B,CAAC;gBACD,cAAc;oBACb,mBAAmB,CAAC,EAAC,CAAC,EAAE,MAAM,CAAC,gBAAgB,EAAC,CAAC,CAAC;gBACnD,CAAC;gBACD,SAAS;oBACR,MAAM,EAAC,QAAQ,EAAC,GAAG,OAAO,CAAC;oBAC3B,IAAI,CAAC,QAAQ,EAAE,CAAC;wBACf,OAAO,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC,CAAC;oBAC1C,CAAC;oBAED,IAAI,CAAC,GAAG,QAAQ,CAAC,eAAe,EAAE,CAAC;oBACnC,IAAI,CAAC,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAClC,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,EAAE,CAAC;oBAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,iBAAiB,EAAE,CAAC;oBAE5C,gEAAgE;oBAChE,kEAAkE;oBAClE,iEAAiE;oBACjE,MAAM,UAAU,GAAG,OAAO,CAAC,mBAAmB,CAAC;oBAC/C,IACC,OAAO,CAAC,KAAK,CAAC,QAAQ,KAAK,QAAQ;wBACnC,UAAU;wBACV,OAAO,CAAC,mBAAmB,KAAK,SAAS,EACxC,CAAC;wBACF,IAAI,IAAI,GAAe,OAAO,CAAC;wBAC/B,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;4BACxB,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;wBACxB,CAAC;wBAED,IACC,IAAI,CAAC,QAAQ,KAAK,UAAU;4BAC5B,IAAI,CAAC,mBAAmB,KAAK,SAAS;4BACtC,OAAO,CAAC,mBAAmB,KAAK,IAAI,CAAC,mBAAmB,EACvD,CAAC;4BACF,OAAO,EAAC,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAC,CAAC;wBAC1D,CAAC;oBACF,CAAC;oBAED,IAAI,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC;oBAChC,OAAO,MAAM,IAAI,UAAU,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;wBAC1D,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;wBACvC,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC;wBACtC,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC;oBAC5B,CAAC;oBAED,OAAO,EAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAC,CAAC;gBAC9B,CAAC;gBACD,aAAa;oBACZ,IAAI,IAAI,GAAe,OAAO,CAAC;oBAC/B,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;wBACxB,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;oBACxB,CAAC;oBAED,IACC,OAAO,CAAC,mBAAmB,KAAK,SAAS;wBACzC,OAAO,CAAC,mBAAmB,KAAK,SAAS;wBACzC,OAAO,CAAC,mBAAmB,KAAK,IAAI,CAAC,mBAAmB,EACvD,CAAC;wBACF,OAAO,SAAS,CAAC;oBAClB,CAAC;oBAED,OAAO;wBACN,KAAK,EAAE,OAAO,CAAC,mBAAmB;wBAClC,KAAK,EAAE,OAAO,CAAC,mBAAmB;qBAClC,CAAC;gBACH,CAAC;aACD,CAAC,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,MAAM,iBAAiB,GACtB,KAAK,CAAC,QAAQ,KAAK,QAAQ;YAC3B,KAAK,CAAC,SAAS,KAAK,QAAQ;YAC5B,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAC;QAE9B,eAAe,CAAC,GAAG,EAAE;YACpB,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;YACpC,IAAI,CAAC,OAAO,IAAI,CAAC,iBAAiB;gBAAE,OAAO;YAC3C,IAAI,eAAe,EAAE,CAAC;gBACrB,MAAM,QAAQ,GACb,OAAO,CAAC,qBAAqB,IAAI,cAAc,CAAC,OAAO,CAAC;gBACzD,cAAc,CAAC,OAAO,GAAG,EAAC,GAAG,QAAQ,EAAC,CAAC;gBACvC,OAAO,CAAC,qBAAqB,GAAG,EAAC,GAAG,QAAQ,EAAC,CAAC;gBAC9C,OAAO;YACR,CAAC;YAED,OAAO,CAAC,qBAAqB,GAAG,cAAc,CAAC,OAAO,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,MAAM,EAAC,qBAAqB,EAAC,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;QACjE,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,sCAAW,SAAS,CAAY,CAAC,CAAC,CAAC,SAAS,CAAC;QACvE,IAAI,qBAAqB,IAAI,UAAU,EAAE,CAAC;YACzC,OAAO,IAAI,CAAC;QACb,CAAC;QAED,MAAM,UAAU,GAAG,CAClB,iCACC,GAAG,EAAE,WAAW,EAChB,wBAAwB,EAAE,eAAe,IAAI,SAAS,EACtD,KAAK,EAAE;gBACN,QAAQ,EAAE,QAAQ;gBAClB,aAAa,EAAE,KAAK;gBACpB,QAAQ,EAAE,CAAC;gBACX,UAAU,EAAE,CAAC;gBACb,GAAG,KAAK;gBACR,eAAe;gBACf,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,IAAI,SAAS;gBACzD,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,IAAI,SAAS;aACzD,EACD,sBAAsB,EAAE;gBACvB,IAAI;gBACJ,KAAK,EAAE,SAAS;aAChB,EACD,sBAAsB,EAAE,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,IAEpE,qBAAqB,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CACzC,CACV,CAAC;QAEF,yEAAyE;QACzE,IAAI,eAAe,EAAE,CAAC;YACrB,OAAO,CACN,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,IAChD,UAAU,CACiB,CAC7B,CAAC;QACH,CAAC;QAED,OAAO,UAAU,CAAC;IACnB,CAAC,CACD,CAAC;IAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;IACpC,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC7C,eAAe,GAAG,CAAC"}

package/build/components/Transform.js

@@ -8,7 +8,7 @@ export default function Transform({ children, transform, accessibilityLabel, })
     if (children === undefined || children === null) {
         return null;
     }
-    return (React.createElement("ink-text", { style: { flexGrow: 0, flexShrink: 1, flexDirection: 'row' }, internal_transform: transform }, isScreenReaderEnabled && accessibilityLabel
+    return (React.createElement("ink-text", { internal_transformAffectsGeometry: true, style: { flexGrow: 0, flexShrink: 1, flexDirection: 'row' }, internal_transform: transform }, isScreenReaderEnabled && accessibilityLabel
         ? accessibilityLabel
         : children));
 }

package/build/components/Transform.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transform.js","sourceRoot":"","sources":["../../src/components/Transform.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAiB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAgB/D;;EAEE;AACF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,kBAAkB,GACX;IACP,MAAM,EAAC,qBAAqB,EAAC,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEjE,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACjD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,kCACC,KAAK,EAAE,EAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,KAAK,EAAC,EACzD,kBAAkB,EAAE,SAAS,IAE5B,qBAAqB,IAAI,kBAAkB;QAC3C,CAAC,CAAC,kBAAkB;QACpB,CAAC,CAAC,QAAQ,CACD,CACX,CAAC;AACH,CAAC"}
+{"version":3,"file":"Transform.js","sourceRoot":"","sources":["../../src/components/Transform.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAiB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAgB/D;;EAEE;AACF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,kBAAkB,GACX;IACP,MAAM,EAAC,qBAAqB,EAAC,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEjE,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACjD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,kCACC,iCAAiC,QACjC,KAAK,EAAE,EAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,KAAK,EAAC,EACzD,kBAAkB,EAAE,SAAS,IAE5B,qBAAqB,IAAI,kBAAkB;QAC3C,CAAC,CAAC,kBAAkB;QACpB,CAAC,CAAC,QAAQ,CACD,CACX,CAAC;AACH,CAAC"}

package/build/components/VLBox.d.ts

@@ -0,0 +1,87 @@
+import { type BoxRef, type Props } from './Box.js';
+export type VLBoxProps = Props;
+export type VLBoxRef = BoxRef;
+declare const VLBox: import("react").ForwardRefExoticComponent<{
+    readonly position?: "absolute" | "relative" | "static" | "sticky" | undefined;
+    readonly top?: number | string | undefined;
+    readonly right?: number | string | undefined;
+    readonly bottom?: number | string | undefined;
+    readonly left?: number | string | undefined;
+    readonly columnGap?: number | undefined;
+    readonly rowGap?: number | undefined;
+    readonly gap?: number | undefined;
+    readonly margin?: number | undefined;
+    readonly marginX?: number | undefined;
+    readonly marginY?: number | undefined;
+    readonly marginTop?: number | undefined;
+    readonly marginBottom?: number | undefined;
+    readonly marginLeft?: number | undefined;
+    readonly marginRight?: number | undefined;
+    readonly padding?: number | undefined;
+    readonly paddingX?: number | undefined;
+    readonly paddingY?: number | undefined;
+    readonly paddingTop?: number | undefined;
+    readonly paddingBottom?: number | undefined;
+    readonly paddingLeft?: number | undefined;
+    readonly paddingRight?: number | undefined;
+    readonly flexGrow?: number | undefined;
+    readonly flexShrink?: number | undefined;
+    readonly flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    readonly flexBasis?: number | string | undefined;
+    readonly flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+    readonly alignItems?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | undefined;
+    readonly alignSelf?: "flex-start" | "center" | "flex-end" | "auto" | "stretch" | "baseline" | undefined;
+    readonly alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+    readonly justifyContent?: "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "center" | undefined;
+    readonly width?: number | string | undefined;
+    readonly height?: number | string | undefined;
+    readonly minWidth?: number | string | undefined;
+    readonly minHeight?: number | string | undefined;
+    readonly maxWidth?: number | string | undefined;
+    readonly maxHeight?: number | string | undefined;
+    readonly aspectRatio?: number | undefined;
+    readonly display?: "flex" | "none" | undefined;
+    readonly borderStyle?: (keyof import("cli-boxes").Boxes | import("cli-boxes").BoxStyle) | undefined;
+    readonly borderTop?: boolean | undefined;
+    readonly borderBottom?: boolean | undefined;
+    readonly borderLeft?: boolean | undefined;
+    readonly borderRight?: boolean | undefined;
+    readonly borderColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderTopColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderBottomColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderLeftColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderRightColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderDimColor?: boolean | undefined;
+    readonly borderTopDimColor?: boolean | undefined;
+    readonly borderBottomDimColor?: boolean | undefined;
+    readonly borderLeftDimColor?: boolean | undefined;
+    readonly borderRightDimColor?: boolean | undefined;
+    readonly borderBackgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderTopBackgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderBottomBackgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderLeftBackgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderRightBackgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly overflow?: "visible" | "hidden" | "scroll" | undefined;
+    readonly overflowX?: "visible" | "hidden" | "scroll" | undefined;
+    readonly overflowY?: "visible" | "hidden" | "scroll" | undefined;
+    readonly backgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly zIndex?: number | undefined;
+} & {
+    readonly 'aria-label'?: string;
+    readonly 'aria-hidden'?: boolean;
+    readonly 'aria-role'?: "button" | "checkbox" | "combobox" | "list" | "listbox" | "listitem" | "menu" | "menuitem" | "option" | "progressbar" | "radio" | "radiogroup" | "tab" | "tablist" | "table" | "textbox" | "timer" | "toolbar";
+    readonly 'aria-state'?: {
+        readonly busy?: boolean;
+        readonly checked?: boolean;
+        readonly disabled?: boolean;
+        readonly expanded?: boolean;
+        readonly multiline?: boolean;
+        readonly multiselectable?: boolean;
+        readonly readonly?: boolean;
+        readonly required?: boolean;
+        readonly selected?: boolean;
+    };
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<BoxRef>>;
+export default VLBox;

package/build/components/VLBox.js

@@ -0,0 +1,5 @@
+import { createBoxComponent } from './Box.js';
+// eslint-disable-next-line @typescript-eslint/naming-convention -- public VLBox API
+const VLBox = createBoxComponent('VLBox', true);
+export default VLBox;
+//# sourceMappingURL=VLBox.js.map

package/build/components/VLBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VLBox.js","sourceRoot":"","sources":["../../src/components/VLBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAA0B,MAAM,UAAU,CAAC;AAOrE,oFAAoF;AACpF,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAChD,eAAe,KAAK,CAAC"}