@smoove/core 0.1.0

package/dist/flex-engine.js

@@ -0,0 +1,186 @@
+import { ALIGN_AUTO, ALIGN_CENTER, ALIGN_FLEX_END, ALIGN_FLEX_START, ALIGN_STRETCH, EDGE_BOTTOM, EDGE_LEFT, EDGE_RIGHT, EDGE_TOP, FLEX_DIRECTION_COLUMN, FLEX_DIRECTION_COLUMN_REVERSE, FLEX_DIRECTION_ROW, FLEX_DIRECTION_ROW_REVERSE, Node as FlexilyNode, GUTTER_ALL, JUSTIFY_CENTER, JUSTIFY_FLEX_END, JUSTIFY_FLEX_START, JUSTIFY_SPACE_AROUND, JUSTIFY_SPACE_BETWEEN, JUSTIFY_SPACE_EVENLY, } from "flexily/classic";
+export function normalizeEdges(v) {
+    if (v === undefined)
+        return null;
+    if (typeof v === "number")
+        return [v, v, v, v];
+    if (Array.isArray(v)) {
+        if (v.length === 2)
+            return [v[0], v[1], v[0], v[1]];
+        if (v.length === 4)
+            return [v[0], v[1], v[2], v[3]];
+    }
+    else {
+        return [v.top ?? 0, v.right ?? 0, v.bottom ?? 0, v.left ?? 0];
+    }
+    return null;
+}
+export function parseSize(v) {
+    if (v === undefined)
+        return null;
+    if (typeof v === "number")
+        return { kind: "px", value: v };
+    const m = /^(-?\d+(?:\.\d+)?)%$/.exec(v);
+    if (m)
+        return { kind: "pct", value: Number.parseFloat(m[1] ?? "0") };
+    return null;
+}
+function flexDirection(v) {
+    switch (v) {
+        case "row":
+            return FLEX_DIRECTION_ROW;
+        case "column":
+            return FLEX_DIRECTION_COLUMN;
+        case "row-reverse":
+            return FLEX_DIRECTION_ROW_REVERSE;
+        case "column-reverse":
+            return FLEX_DIRECTION_COLUMN_REVERSE;
+    }
+}
+function justifyContent(v) {
+    switch (v) {
+        case "flex-start":
+            return JUSTIFY_FLEX_START;
+        case "center":
+            return JUSTIFY_CENTER;
+        case "flex-end":
+            return JUSTIFY_FLEX_END;
+        case "space-between":
+            return JUSTIFY_SPACE_BETWEEN;
+        case "space-around":
+            return JUSTIFY_SPACE_AROUND;
+        case "space-evenly":
+            return JUSTIFY_SPACE_EVENLY;
+    }
+}
+function alignItems(v) {
+    switch (v) {
+        case "flex-start":
+            return ALIGN_FLEX_START;
+        case "center":
+            return ALIGN_CENTER;
+        case "flex-end":
+            return ALIGN_FLEX_END;
+        case "stretch":
+            return ALIGN_STRETCH;
+    }
+}
+function alignSelfValue(v) {
+    return v === "auto" ? ALIGN_AUTO : alignItems(v);
+}
+const EDGE_BY_INDEX = [EDGE_TOP, EDGE_RIGHT, EDGE_BOTTOM, EDGE_LEFT];
+export function applyEdges(node, edges, setter) {
+    if (!edges)
+        return;
+    for (let i = 0; i < 4; i++) {
+        const e = EDGE_BY_INDEX[i];
+        const val = edges[i];
+        if (e !== undefined && val !== undefined)
+            node[setter](e, val);
+    }
+}
+export function applySize(node, w, h) {
+    const pw = parseSize(w);
+    const ph = parseSize(h);
+    if (pw) {
+        if (pw.kind === "px")
+            node.setWidth(pw.value);
+        else
+            node.setWidthPercent(pw.value);
+    }
+    if (ph) {
+        if (ph.kind === "px")
+            node.setHeight(ph.value);
+        else
+            node.setHeightPercent(ph.value);
+    }
+}
+export function applyContainerProps(node, props) {
+    node.setFlexDirection(flexDirection(props.flexDirection ?? "row"));
+    if (props.justifyContent)
+        node.setJustifyContent(justifyContent(props.justifyContent));
+    if (props.alignItems)
+        node.setAlignItems(alignItems(props.alignItems));
+    if (props.gap !== undefined)
+        node.setGap(GUTTER_ALL, props.gap);
+    applyEdges(node, normalizeEdges(props.padding), "setPadding");
+}
+export function applyChildProps(node, props) {
+    if (props.flexGrow !== undefined)
+        node.setFlexGrow(props.flexGrow);
+    if (props.flexShrink !== undefined)
+        node.setFlexShrink(props.flexShrink);
+    if (props.flexBasis !== undefined)
+        node.setFlexBasis(props.flexBasis);
+    if (props.alignSelf !== undefined)
+        node.setAlignSelf(alignSelfValue(props.alignSelf));
+    applyEdges(node, normalizeEdges(props.margin), "setMargin");
+}
+export function setTextMeasure(node, text, parentIsColumn) {
+    if (text.attrs.wrap === undefined)
+        text.wrap("word");
+    node.setMeasureFunc((arg0, _wMode, arg2) => {
+        // flexily quirk: from the flex-basis path, args are (mainAxis, mainMode, crossAxis, crossMode).
+        // For a column parent, the cross-axis (width we want to wrap to) is the THIRD arg.
+        const widthCandidates = parentIsColumn ? [arg2, arg0] : [arg0, arg2];
+        let avail = 0;
+        for (const c of widthCandidates) {
+            if (Number.isFinite(c) && c > 0) {
+                avail = c;
+                break;
+            }
+        }
+        const w = avail > 0 ? avail : 1e9;
+        const prevWidth = text.attrs.width;
+        text.width(w);
+        const ti = text;
+        ti._setTextData();
+        const lines = ti.textArr.length || 1;
+        const fontSize = text.fontSize();
+        const lineHeight = text.lineHeight();
+        const padding = text.padding() ?? 0;
+        const longest = ti.textArr.reduce((m, l) => Math.max(m, l.width), 0);
+        // Konva's per-line width (a sum of word widths) can fall a subpixel short of
+        // the width actually needed to render that line without wrapping. Writing the
+        // measured width back verbatim would then force a spurious extra wrap (e.g. a
+        // short label spilling its last word onto a second line), so round up.
+        const measuredW = Math.ceil(longest) + padding * 2 + 1;
+        const measuredH = lines * fontSize * lineHeight + padding * 2;
+        text.setAttr("width", prevWidth);
+        return { width: Math.min(measuredW, w), height: measuredH };
+    });
+}
+export function setTextWrapperMeasure(node, wrapper, parentIsColumn) {
+    node.setMeasureFunc((arg0, _wMode, arg2) => {
+        // Same flexily arg quirk as setTextMeasure: for a column parent the wrap
+        // width is the cross-axis (third) arg.
+        const widthCandidates = parentIsColumn ? [arg2, arg0] : [arg0, arg2];
+        let avail = 0;
+        for (const c of widthCandidates) {
+            if (Number.isFinite(c) && c > 0) {
+                avail = c;
+                break;
+            }
+        }
+        const { width, height } = wrapper._measureForFlex(avail > 0 ? avail : 1e9);
+        return { width: avail > 0 ? Math.min(width, avail) : width, height };
+    });
+}
+export function setImageMeasure(node, image) {
+    const src = image.image();
+    let w = 0;
+    let h = 0;
+    if (src && "naturalWidth" in src) {
+        w = src.naturalWidth;
+        h = src.naturalHeight;
+    }
+    else if (src) {
+        w = src.width;
+        h = src.height;
+    }
+    if (w > 0 && h > 0) {
+        node.setMeasureFunc(() => ({ width: w, height: h }));
+    }
+}
+export { FlexilyNode };
+//# sourceMappingURL=flex-engine.js.map

package/dist/flex-engine.js.map

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

package/dist/flex-types.d.ts

@@ -0,0 +1,165 @@
+import type Konva from "konva";
+export type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
+export type Justify = "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+export type Align = "flex-start" | "center" | "flex-end" | "stretch";
+export type AlignSelf = "auto" | Align;
+export type EdgeValue = number | [number, number] | [number, number, number, number] | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export type EdgeColor = string | [string, string] | [string, string, string, string] | {
+    top?: string;
+    right?: string;
+    bottom?: string;
+    left?: string;
+};
+export type SizeValue = number | `${number}%`;
+export type FlexProps = {
+    flexDirection?: FlexDirection;
+    justifyContent?: Justify;
+    alignItems?: Align;
+    gap?: number;
+    padding?: EdgeValue;
+};
+export type FlexChildProps = {
+    flexGrow?: number;
+    flexShrink?: number;
+    flexBasis?: number;
+    alignSelf?: AlignSelf;
+    margin?: EdgeValue;
+};
+export type GradientStop = [number, string];
+export type GradientBackground = {
+    gradient: {
+        type: "linear" | "radial";
+        stops: GradientStop[];
+        angle?: number;
+    };
+};
+export type BackgroundValue = string | GradientBackground;
+export type ShadowProps = {
+    color?: string;
+    blur?: number;
+    offsetX?: number;
+    offsetY?: number;
+    opacity?: number;
+};
+export type FlexConfig = Omit<Konva.GroupConfig, "width" | "height"> & FlexProps & FlexChildProps & {
+    width?: SizeValue;
+    height?: SizeValue;
+};
+export type BlockConfig = Omit<Konva.GroupConfig, "width" | "height"> & FlexProps & FlexChildProps & {
+    width?: SizeValue;
+    height?: SizeValue;
+    borderSize?: EdgeValue;
+    borderColor?: EdgeColor;
+    borderStyle?: "solid" | "dashed";
+    shadow?: ShadowProps;
+    background?: BackgroundValue;
+    cornerRadius?: number | number[];
+};
+export type TextAlign = "left" | "center" | "right" | "justify";
+/** Auto-size the font so the text fits its box (`fitText`). */
+export type FitConfig = {
+    /** Smallest font size to try (px). */
+    min: number;
+    /** Largest font size to try (px). */
+    max: number;
+    /** Binary-search precision in px. Default 0.5. */
+    step?: number;
+};
+/** Built-in typewriter reveal effect. */
+export type TypewriterConfig = {
+    /** Reveal granularity. Default "letter". */
+    mode?: "letter" | "word";
+    /** Units (letters or words) revealed per frame when `durationInFrames` is unset. Default 1. */
+    step?: number;
+    /** Spread the full reveal evenly across this many frames (overrides `step`). */
+    durationInFrames?: number;
+    /**
+     * Delay before the reveal begins, in local frames. Lets one Sequence drive
+     * many staggered typewriters (e.g. chat messages typed one after another).
+     * Default 0.
+     */
+    startFrame?: number;
+    /** Blinking caret at the reveal head. Off by default. */
+    cursor?: boolean | {
+        color?: string;
+        /** Caret width in px. Default 2. */
+        width?: number;
+        /** Blink on/off. Default true. */
+        blink?: boolean;
+        /** Frames per blink half-cycle. Default 16. */
+        blinkPeriodInFrames?: number;
+        /** Hide the caret once the whole text is revealed. Default false. */
+        hideWhenDone?: boolean;
+    };
+    /** Fade each freshly revealed unit in. Off by default. */
+    fade?: boolean | {
+        /** Per-unit fade length in frames. Default 4. */
+        durationInFrames?: number;
+        easing?: (t: number) => number;
+    };
+    /** Reserve the full text height up front so the box never reflows as it types. Default true. */
+    reserveHeight?: boolean;
+};
+/** A highlighter mark drawn behind a character range. */
+export type HighlightConfig = {
+    /** Start char index (inclusive), measured on the full text, emoji-safe. */
+    start: number;
+    /** End char index (exclusive). */
+    end: number;
+    /** Marker fill drawn behind the run. */
+    background: string;
+    /** Optional text color override inside the run. */
+    color?: string;
+    /** Extra width before the run start only — never added at a wrapped line break. */
+    paddingStart?: number;
+    /** Extra width after the run end only — never added at a wrapped line break. */
+    paddingEnd?: number;
+    /** Mark height in px, capped at the line height. Default: full line height. */
+    height?: number | "line";
+    /** Corner radius at the true run start only — never rounded at a wrapped line break. */
+    cornerRadiusStart?: number;
+    /** Corner radius at the true run end only — never rounded at a wrapped line break. */
+    cornerRadiusEnd?: number;
+    /** 0..1 sweep reveal of the mark (animate this per frame). Default 1 (fully shown). */
+    progress?: number;
+};
+export type TextConfig = Omit<Konva.GroupConfig, "width" | "height" | "text"> & FlexChildProps & {
+    /** Text content. */
+    text: string;
+    width?: SizeValue;
+    height?: SizeValue;
+    maxWidth?: number;
+    maxHeight?: number;
+    fontSize?: number;
+    fontFamily?: string;
+    fontStyle?: string;
+    fill?: string;
+    align?: TextAlign;
+    lineHeight?: number;
+    letterSpacing?: number;
+    padding?: number;
+    wrap?: "word" | "char" | "none";
+    ellipsis?: boolean;
+    fitText?: FitConfig;
+    maxLines?: number;
+    /** How to cut overflow before the ellipsis. Default "word". */
+    trimBy?: "word" | "letter";
+    typewriter?: TypewriterConfig;
+    highlights?: HighlightConfig[];
+};
+export type ObjectFit = "cover" | "contain" | "fill" | "none";
+export type ObjectPosition = "center" | "top" | "bottom" | "left" | "right" | "top left" | "top right" | "bottom left" | "bottom right";
+export type ImageConfig = Omit<Konva.GroupConfig, "width" | "height"> & FlexChildProps & {
+    width?: SizeValue;
+    height?: SizeValue;
+    src: HTMLImageElement | string;
+    objectFit?: ObjectFit;
+    objectPosition?: ObjectPosition;
+    cornerRadius?: number | number[];
+};
+//# sourceMappingURL=flex-types.d.ts.map

package/dist/flex-types.d.ts.map

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

package/dist/flex-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=flex-types.js.map

package/dist/flex-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-types.js","sourceRoot":"","sources":["../src/flex-types.ts"],"names":[],"mappings":""}

package/dist/flex.d.ts

@@ -0,0 +1,26 @@
+import Konva from "konva";
+import { FlexilyNode } from "./flex-engine.js";
+import type { FlexConfig } from "./flex-types.js";
+export declare class Flex extends Konva.Group {
+    constructor(config: FlexConfig);
+    computeLayout(): void;
+}
+/**
+ * Lay out a Konva.Group as a Flexily root: build the layout tree from the
+ * group's attrs + children, compute, and write positions/sizes back.
+ *
+ * When `alwaysSetSize` is true the group's own width/height are always pulled
+ * from the computed content size — needed for a hug-content root that draws a
+ * background (Block) so the background isn't 0×0. Flex passes false, preserving
+ * its behavior of only writing self-size when an explicit px size is given.
+ */
+export declare function layoutRoot(group: Konva.Group, alwaysSetSize: boolean): void;
+type Pair = {
+    konva: Konva.Node;
+    flex: ReturnType<typeof FlexilyNode.create>;
+    isContainer: boolean;
+};
+export declare function buildChildren(children: readonly Konva.Node[], parentFlex: ReturnType<typeof FlexilyNode.create>, pairs: Pair[], parentDirection?: string): void;
+export declare function writeBack(pairs: Pair[]): void;
+export {};
+//# sourceMappingURL=flex.d.ts.map

package/dist/flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../src/flex.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,WAAW,EAQZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAkB,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AA2BxF,qBAAa,IAAK,SAAQ,KAAK,CAAC,KAAK;gBACvB,MAAM,EAAE,UAAU;IAkB9B,aAAa,IAAI,IAAI;CAGtB;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,GAAG,IAAI,CAkB3E;AAED,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5C,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAWF,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,SAAS,KAAK,CAAC,IAAI,EAAE,EAC/B,UAAU,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,EACjD,KAAK,EAAE,IAAI,EAAE,EACb,eAAe,SAAQ,GACtB,IAAI,CAqDN;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAuB7C"}

package/dist/flex.js

@@ -0,0 +1,179 @@
+import { DIRECTION_LTR } from "flexily/classic";
+import Konva from "konva";
+import { Block } from "./block.js";
+import { FlexilyNode, applyChildProps, applyContainerProps, applySize, parseSize, setImageMeasure, setTextMeasure, setTextWrapperMeasure, } from "./flex-engine.js";
+import { Image as KMImage } from "./image.js";
+import { Text as KMText } from "./text.js";
+const FLEX_KEYS = [
+    "flexDirection",
+    "justifyContent",
+    "alignItems",
+    "gap",
+    "padding",
+    "flexGrow",
+    "flexShrink",
+    "flexBasis",
+    "alignSelf",
+    "margin",
+];
+function pickKonvaConfig(config) {
+    const out = { ...config };
+    for (const k of FLEX_KEYS)
+        delete out[k];
+    const w = parseSize(config.width);
+    const h = parseSize(config.height);
+    out.width = w?.kind === "px" ? w.value : undefined;
+    out.height = h?.kind === "px" ? h.value : undefined;
+    return out;
+}
+export class Flex extends Konva.Group {
+    constructor(config) {
+        super(pickKonvaConfig(config));
+        this.setAttrs({
+            flexDirection: config.flexDirection,
+            justifyContent: config.justifyContent,
+            alignItems: config.alignItems,
+            gap: config.gap,
+            padding: config.padding,
+            flexGrow: config.flexGrow,
+            flexShrink: config.flexShrink,
+            flexBasis: config.flexBasis,
+            alignSelf: config.alignSelf,
+            margin: config.margin,
+            flexWidth: config.width,
+            flexHeight: config.height,
+        });
+    }
+    computeLayout() {
+        layoutRoot(this, false);
+    }
+}
+/**
+ * Lay out a Konva.Group as a Flexily root: build the layout tree from the
+ * group's attrs + children, compute, and write positions/sizes back.
+ *
+ * When `alwaysSetSize` is true the group's own width/height are always pulled
+ * from the computed content size — needed for a hug-content root that draws a
+ * background (Block) so the background isn't 0×0. Flex passes false, preserving
+ * its behavior of only writing self-size when an explicit px size is given.
+ */
+export function layoutRoot(group, alwaysSetSize) {
+    const w = readPixelSize(group.attrs.flexWidth);
+    const h = readPixelSize(group.attrs.flexHeight);
+    const root = FlexilyNode.create();
+    applyContainerProps(root, group.attrs);
+    if (w > 0)
+        root.setWidth(w);
+    if (h > 0)
+        root.setHeight(h);
+    const pairs = [];
+    buildChildren(group.getChildren(), root, pairs, group.attrs.flexDirection ?? "row");
+    root.calculateLayout(w > 0 ? w : undefined, h > 0 ? h : undefined, DIRECTION_LTR);
+    if (alwaysSetSize || w > 0)
+        group.width(root.getComputedWidth());
+    if (alwaysSetSize || h > 0)
+        group.height(root.getComputedHeight());
+    writeBack(pairs);
+    root.freeRecursive();
+}
+function readPixelSize(sizeAttr) {
+    const parsed = parseSize(sizeAttr);
+    if (parsed?.kind === "px")
+        return parsed.value;
+    // No explicit px size → hug content. Return 0 (not the node's current Konva
+    // size): falling back to the last-computed size would pin a hug-content root
+    // to its first-tick height and stop it re-growing as children change size.
+    return 0;
+}
+export function buildChildren(children, parentFlex, pairs, parentDirection = "row") {
+    // Skip the Block background rect and any hidden child (display:none semantics —
+    // an invisible node takes no layout space, so staggered/toggled children don't
+    // leave gaps).
+    const laidOut = children.filter((c) => !c.attrs.__blockBg && c.visible() !== false);
+    const parentIsColumn = parentDirection.startsWith("column");
+    laidOut.forEach((child, i) => {
+        const node = FlexilyNode.create();
+        applyChildProps(node, child.attrs);
+        if (child instanceof Flex || child instanceof Block) {
+            const props = child.attrs;
+            applyContainerProps(node, props);
+            applySize(node, child.attrs.flexWidth, child.attrs.flexHeight);
+            buildChildren(child.getChildren(), node, pairs, props.flexDirection ?? "row");
+            pairs.push({ konva: child, flex: node, isContainer: true });
+        }
+        else if (child instanceof KMImage) {
+            applySize(node, child.attrs.flexWidth, child.attrs.flexHeight);
+            pairs.push({ konva: child, flex: node, isContainer: true });
+        }
+        else if (child instanceof KMText) {
+            // Wrapper text: intrinsic size comes from measuring (fit/clamp aware).
+            if (child.attrs.flexWidth === undefined &&
+                child.attrs.maxWidth === undefined &&
+                parentIsColumn) {
+                node.setWidthPercent(100);
+            }
+            else {
+                applySize(node, child.attrs.flexWidth, undefined);
+            }
+            setTextWrapperMeasure(node, child, parentIsColumn);
+            pairs.push({ konva: child, flex: node, isContainer: true });
+        }
+        else if (child instanceof Konva.Text) {
+            if (child.attrs.flexWidth === undefined && parentIsColumn)
+                node.setWidthPercent(100);
+            else
+                applySize(node, child.attrs.flexWidth, undefined);
+            setTextMeasure(node, child, parentIsColumn);
+            pairs.push({ konva: child, flex: node, isContainer: false });
+        }
+        else if (child instanceof Konva.Image) {
+            applySize(node, child.attrs.flexWidth, child.attrs.flexHeight);
+            if (child.attrs.flexWidth === undefined && child.attrs.flexHeight === undefined) {
+                setImageMeasure(node, child);
+            }
+            pairs.push({ konva: child, flex: node, isContainer: false });
+        }
+        else {
+            const w = child.attrs.width;
+            const h = child.attrs.height;
+            if (typeof w === "number" && w > 0)
+                node.setWidth(w);
+            if (typeof h === "number" && h > 0)
+                node.setHeight(h);
+            pairs.push({ konva: child, flex: node, isContainer: false });
+        }
+        parentFlex.insertChild(node, i);
+    });
+}
+export function writeBack(pairs) {
+    for (const { konva, flex, isContainer } of pairs) {
+        konva.x(flex.getComputedLeft());
+        konva.y(flex.getComputedTop());
+        const w = flex.getComputedWidth();
+        const h = flex.getComputedHeight();
+        if (isContainer) {
+            konva.width(w);
+            konva.height(h);
+            if (konva instanceof Block)
+                konva._layoutBackground();
+            else if (konva instanceof KMImage)
+                konva._layoutImage();
+            else if (konva instanceof KMText)
+                konva._layoutText();
+        }
+        else if (konva instanceof Konva.Text) {
+            if (konva.attrs.wrap === undefined)
+                konva.wrap("word");
+            konva.width(w);
+        }
+        else if (!(konva instanceof Konva.Image)) {
+            konva.width(w);
+            konva.height(h);
+        }
+        else {
+            konva.width(w);
+            konva.height(h);
+        }
+    }
+}
+//# sourceMappingURL=flex.js.map

package/dist/flex.js.map

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

package/dist/image.d.ts

@@ -0,0 +1,10 @@
+import Konva from "konva";
+import type { ImageConfig } from "./flex-types.js";
+export declare class Image extends Konva.Group {
+    private readonly _img;
+    private _source;
+    constructor(config: ImageConfig);
+    /** @internal */
+    _layoutImage(): void;
+}
+//# sourceMappingURL=image.d.ts.map

package/dist/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../src/image.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAwC,MAAM,iBAAiB,CAAC;AAkCzF,qBAAa,KAAM,SAAQ,KAAK,CAAC,KAAK;IACpC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAc;IACnC,OAAO,CAAC,OAAO,CAAiC;gBAEpC,MAAM,EAAE,WAAW;IAyC/B,gBAAgB;IAChB,YAAY,IAAI,IAAI;CA0CrB"}