taffy-layout 0.1.0

package/pkg/taffy_wasm.js

@@ -0,0 +1,3504 @@
+let wasm;
+
+function addToExternrefTable0(obj) {
+    const idx = wasm.__externref_table_alloc();
+    wasm.__wbindgen_externrefs.set(idx, obj);
+    return idx;
+}
+
+function _assertClass(instance, klass) {
+    if (!(instance instanceof klass)) {
+        throw new Error(`expected instance of ${klass.name}`);
+    }
+}
+
+function debugString(val) {
+    // primitive types
+    const type = typeof val;
+    if (type == 'number' || type == 'boolean' || val == null) {
+        return  `${val}`;
+    }
+    if (type == 'string') {
+        return `"${val}"`;
+    }
+    if (type == 'symbol') {
+        const description = val.description;
+        if (description == null) {
+            return 'Symbol';
+        } else {
+            return `Symbol(${description})`;
+        }
+    }
+    if (type == 'function') {
+        const name = val.name;
+        if (typeof name == 'string' && name.length > 0) {
+            return `Function(${name})`;
+        } else {
+            return 'Function';
+        }
+    }
+    // objects
+    if (Array.isArray(val)) {
+        const length = val.length;
+        let debug = '[';
+        if (length > 0) {
+            debug += debugString(val[0]);
+        }
+        for(let i = 1; i < length; i++) {
+            debug += ', ' + debugString(val[i]);
+        }
+        debug += ']';
+        return debug;
+    }
+    // Test for built-in
+    const builtInMatches = /\[object ([^\]]+)\]/.exec(toString.call(val));
+    let className;
+    if (builtInMatches && builtInMatches.length > 1) {
+        className = builtInMatches[1];
+    } else {
+        // Failed to match the standard '[object ClassName]'
+        return toString.call(val);
+    }
+    if (className == 'Object') {
+        // we're a user defined class or Object
+        // JSON.stringify avoids problems with cycles, and is generally much
+        // easier than looping through ownProperties of `val`.
+        try {
+            return 'Object(' + JSON.stringify(val) + ')';
+        } catch (_) {
+            return 'Object';
+        }
+    }
+    // errors
+    if (val instanceof Error) {
+        return `${val.name}: ${val.message}\n${val.stack}`;
+    }
+    // TODO we could test for more things here, like `Set`s and `Map`s.
+    return className;
+}
+
+function getArrayJsValueFromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    const mem = getDataViewMemory0();
+    const result = [];
+    for (let i = ptr; i < ptr + 4 * len; i += 4) {
+        result.push(wasm.__wbindgen_externrefs.get(mem.getUint32(i, true)));
+    }
+    wasm.__externref_drop_slice(ptr, len);
+    return result;
+}
+
+function getArrayU64FromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return getBigUint64ArrayMemory0().subarray(ptr / 8, ptr / 8 + len);
+}
+
+function getArrayU8FromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return getUint8ArrayMemory0().subarray(ptr / 1, ptr / 1 + len);
+}
+
+let cachedBigUint64ArrayMemory0 = null;
+function getBigUint64ArrayMemory0() {
+    if (cachedBigUint64ArrayMemory0 === null || cachedBigUint64ArrayMemory0.byteLength === 0) {
+        cachedBigUint64ArrayMemory0 = new BigUint64Array(wasm.memory.buffer);
+    }
+    return cachedBigUint64ArrayMemory0;
+}
+
+let cachedDataViewMemory0 = null;
+function getDataViewMemory0() {
+    if (cachedDataViewMemory0 === null || cachedDataViewMemory0.buffer.detached === true || (cachedDataViewMemory0.buffer.detached === undefined && cachedDataViewMemory0.buffer !== wasm.memory.buffer)) {
+        cachedDataViewMemory0 = new DataView(wasm.memory.buffer);
+    }
+    return cachedDataViewMemory0;
+}
+
+function getStringFromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return decodeText(ptr, len);
+}
+
+let cachedUint8ArrayMemory0 = null;
+function getUint8ArrayMemory0() {
+    if (cachedUint8ArrayMemory0 === null || cachedUint8ArrayMemory0.byteLength === 0) {
+        cachedUint8ArrayMemory0 = new Uint8Array(wasm.memory.buffer);
+    }
+    return cachedUint8ArrayMemory0;
+}
+
+function handleError(f, args) {
+    try {
+        return f.apply(this, args);
+    } catch (e) {
+        const idx = addToExternrefTable0(e);
+        wasm.__wbindgen_exn_store(idx);
+    }
+}
+
+function isLikeNone(x) {
+    return x === undefined || x === null;
+}
+
+function passArray64ToWasm0(arg, malloc) {
+    const ptr = malloc(arg.length * 8, 8) >>> 0;
+    getBigUint64ArrayMemory0().set(arg, ptr / 8);
+    WASM_VECTOR_LEN = arg.length;
+    return ptr;
+}
+
+function passStringToWasm0(arg, malloc, realloc) {
+    if (realloc === undefined) {
+        const buf = cachedTextEncoder.encode(arg);
+        const ptr = malloc(buf.length, 1) >>> 0;
+        getUint8ArrayMemory0().subarray(ptr, ptr + buf.length).set(buf);
+        WASM_VECTOR_LEN = buf.length;
+        return ptr;
+    }
+
+    let len = arg.length;
+    let ptr = malloc(len, 1) >>> 0;
+
+    const mem = getUint8ArrayMemory0();
+
+    let offset = 0;
+
+    for (; offset < len; offset++) {
+        const code = arg.charCodeAt(offset);
+        if (code > 0x7F) break;
+        mem[ptr + offset] = code;
+    }
+    if (offset !== len) {
+        if (offset !== 0) {
+            arg = arg.slice(offset);
+        }
+        ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;
+        const view = getUint8ArrayMemory0().subarray(ptr + offset, ptr + len);
+        const ret = cachedTextEncoder.encodeInto(arg, view);
+
+        offset += ret.written;
+        ptr = realloc(ptr, len, offset, 1) >>> 0;
+    }
+
+    WASM_VECTOR_LEN = offset;
+    return ptr;
+}
+
+function takeFromExternrefTable0(idx) {
+    const value = wasm.__wbindgen_externrefs.get(idx);
+    wasm.__externref_table_dealloc(idx);
+    return value;
+}
+
+let cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+cachedTextDecoder.decode();
+const MAX_SAFARI_DECODE_BYTES = 2146435072;
+let numBytesDecoded = 0;
+function decodeText(ptr, len) {
+    numBytesDecoded += len;
+    if (numBytesDecoded >= MAX_SAFARI_DECODE_BYTES) {
+        cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+        cachedTextDecoder.decode();
+        numBytesDecoded = len;
+    }
+    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
+}
+
+const cachedTextEncoder = new TextEncoder();
+
+if (!('encodeInto' in cachedTextEncoder)) {
+    cachedTextEncoder.encodeInto = function (arg, view) {
+        const buf = cachedTextEncoder.encode(arg);
+        view.set(buf);
+        return {
+            read: arg.length,
+            written: buf.length
+        };
+    }
+}
+
+let WASM_VECTOR_LEN = 0;
+
+const LayoutFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_layout_free(ptr >>> 0, 1));
+
+const StyleFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_style_free(ptr >>> 0, 1));
+
+const TaffyErrorFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_taffyerror_free(ptr >>> 0, 1));
+
+const TaffyTreeFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_taffytree_free(ptr >>> 0, 1));
+
+/**
+ * Multi-line content alignment enumeration
+ *
+ * Controls the distribution of space between and around content items along the cross axis
+ * in a multi-line flex container. This corresponds to the CSS `align-content` property.
+ *
+ * **Note**: This property only has effect when `flex-wrap` is set to `Wrap` or `WrapReverse`.
+ *
+ * @example
+ * ```typescript
+ * import { Style, AlignContent, FlexWrap } from 'taffy-layout';
+ *
+ * const style = new Style();
+ * style.flexWrap = FlexWrap.Wrap;
+ * style.alignContent = AlignContent.SpaceBetween;  // Distribute lines evenly
+ * ```
+ * @enum {0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8}
+ */
+export const AlignContent = Object.freeze({
+    /**
+     * Lines packed toward the start of the cross axis
+     */
+    Start: 0, "0": "Start",
+    /**
+     * Lines packed toward the end of the cross axis
+     */
+    End: 1, "1": "End",
+    /**
+     * Lines packed toward the start of the flex container
+     */
+    FlexStart: 2, "2": "FlexStart",
+    /**
+     * Lines packed toward the end of the flex container
+     */
+    FlexEnd: 3, "3": "FlexEnd",
+    /**
+     * Lines centered within the container
+     */
+    Center: 4, "4": "Center",
+    /**
+     * Lines stretched to fill the container
+     */
+    Stretch: 5, "5": "Stretch",
+    /**
+     * Lines evenly distributed with first/last at edges
+     */
+    SpaceBetween: 6, "6": "SpaceBetween",
+    /**
+     * Lines evenly distributed with equal space around each
+     */
+    SpaceAround: 7, "7": "SpaceAround",
+    /**
+     * Lines evenly distributed with equal space between each
+     */
+    SpaceEvenly: 8, "8": "SpaceEvenly",
+});
+
+/**
+ * Cross-axis alignment enumeration for all children
+ *
+ * Defines the default alignment for all flex/grid items along the cross axis.
+ * This corresponds to the CSS `align-items` property.
+ *
+ * @example
+ * ```typescript
+ * import { Style, AlignItems } from 'taffy-layout';
+ *
+ * const style = new Style();
+ * style.alignItems = AlignItems.Center;   // Center items on cross axis
+ * style.alignItems = AlignItems.Stretch;  // Stretch items to fill container
+ * ```
+ * @enum {0 | 1 | 2 | 3 | 4 | 5 | 6}
+ */
+export const AlignItems = Object.freeze({
+    /**
+     * Items aligned to the start of the cross axis
+     */
+    Start: 0, "0": "Start",
+    /**
+     * Items aligned to the end of the cross axis
+     */
+    End: 1, "1": "End",
+    /**
+     * Items aligned to the start of the flex container
+     */
+    FlexStart: 2, "2": "FlexStart",
+    /**
+     * Items aligned to the end of the flex container
+     */
+    FlexEnd: 3, "3": "FlexEnd",
+    /**
+     * Items centered along the cross axis
+     */
+    Center: 4, "4": "Center",
+    /**
+     * Items aligned to their text baselines
+     */
+    Baseline: 5, "5": "Baseline",
+    /**
+     * Items stretched to fill the container
+     */
+    Stretch: 6, "6": "Stretch",
+});
+
+/**
+ * Cross-axis alignment enumeration for a single element
+ *
+ * Overrides the parent's `align-items` value for a specific child element.
+ * This corresponds to the CSS `align-self` property.
+ *
+ * @example
+ * ```typescript
+ * import { Style, AlignSelf } from 'taffy-layout';
+ *
+ * const style = new Style();
+ * style.alignSelf = AlignSelf.Auto;    // Use parent's align-items
+ * style.alignSelf = AlignSelf.Center;  // Override to center this item
+ * ```
+ * @enum {0 | 1 | 2 | 3 | 4 | 5 | 6 | 7}
+ */
+export const AlignSelf = Object.freeze({
+    /**
+     * Inherits the parent container's `align-items` value
+     */
+    Auto: 0, "0": "Auto",
+    /**
+     * Item aligned to the start of the cross axis
+     */
+    Start: 1, "1": "Start",
+    /**
+     * Item aligned to the end of the cross axis
+     */
+    End: 2, "2": "End",
+    /**
+     * Item aligned to the start of the flex container
+     */
+    FlexStart: 3, "3": "FlexStart",
+    /**
+     * Item aligned to the end of the flex container
+     */
+    FlexEnd: 4, "4": "FlexEnd",
+    /**
+     * Item centered along the cross axis
+     */
+    Center: 5, "5": "Center",
+    /**
+     * Item aligned to its text baseline
+     */
+    Baseline: 6, "6": "Baseline",
+    /**
+     * Item stretched to fill the container
+     */
+    Stretch: 7, "7": "Stretch",
+});
+
+/**
+ * Box sizing enumeration
+ *
+ * Controls how the total width and height of an element is calculated.
+ * This corresponds to the CSS `box-sizing` property.
+ *
+ * @example
+ * ```typescript
+ * import { Style, BoxSizing } from 'taffy-layout';
+ *
+ * const style = new Style();
+ * style.boxSizing = BoxSizing.BorderBox;   // Size includes padding and border
+ * style.boxSizing = BoxSizing.ContentBox;  // Size is content only
+ * ```
+ * @enum {0 | 1}
+ */
+export const BoxSizing = Object.freeze({
+    /**
+     * The width and height properties include padding and border
+     */
+    BorderBox: 0, "0": "BorderBox",
+    /**
+     * The width and height properties include only the content
+     */
+    ContentBox: 1, "1": "ContentBox",
+});
+
+/**
+ * Display mode enumeration
+ *
+ * Controls the layout algorithm type for an element. This corresponds to the CSS `display` property
+ * and determines how an element and its children are laid out.
+ *
+ * @example
+ * ```typescript
+ * import { Style, Display } from 'taffy-layout';
+ *
+ * const style = new Style();
+ * style.display = Display.Flex;  // Enable flexbox layout
+ * style.display = Display.Grid;  // Enable grid layout
+ * style.display = Display.None;  // Hide element from layout
+ * ```
+ * @enum {0 | 1 | 2 | 3}
+ */
+export const Display = Object.freeze({
+    /**
+     * Block-level layout where element takes the full available width
+     */
+    Block: 0, "0": "Block",
+    /**
+     * Flexbox layout for one-dimensional item arrangement
+     */
+    Flex: 1, "1": "Flex",
+    /**
+     * CSS Grid layout for two-dimensional item arrangement
+     */
+    Grid: 2, "2": "Grid",
+    /**
+     * Element is removed from layout calculation entirely
+     */
+    None: 3, "3": "None",
+});
+
+/**
+ * Flex direction enumeration
+ *
+ * Defines the main axis direction for flex item layout. This corresponds to the CSS
+ * `flex-direction` property and determines how flex items are placed within the container.
+ *
+ * @example
+ * ```typescript
+ * import { Style, FlexDirection } from 'taffy-layout';
+ *
+ * const style = new Style();
+ * style.flexDirection = FlexDirection.Row;     // Horizontal, left to right
+ * style.flexDirection = FlexDirection.Column;  // Vertical, top to bottom
+ * ```
+ * @enum {0 | 1 | 2 | 3}
+ */
+export const FlexDirection = Object.freeze({
+    /**
+     * Main axis runs horizontally from left to right
+     */
+    Row: 0, "0": "Row",
+    /**
+     * Main axis runs vertically from top to bottom
+     */
+    Column: 1, "1": "Column",
+    /**
+     * Main axis runs horizontally from right to left
+     */
+    RowReverse: 2, "2": "RowReverse",
+    /**
+     * Main axis runs vertically from bottom to top
+     */
+    ColumnReverse: 3, "3": "ColumnReverse",
+});
+
+/**
+ * Flex wrap mode enumeration
+ *
+ * Controls whether flex items wrap onto multiple lines when they overflow the container.
+ * This corresponds to the CSS `flex-wrap` property.
+ *
+ * @example
+ * ```typescript
+ * import { Style, FlexWrap } from 'taffy-layout';
+ *
+ * const style = new Style();
+ * style.flexWrap = FlexWrap.NoWrap;  // All items on single line
+ * style.flexWrap = FlexWrap.Wrap;    // Items wrap to new lines
+ * ```
+ * @enum {0 | 1 | 2}
+ */
+export const FlexWrap = Object.freeze({
+    /**
+     * All flex items are placed on a single line
+     */
+    NoWrap: 0, "0": "NoWrap",
+    /**
+     * Flex items wrap onto multiple lines from top to bottom
+     */
+    Wrap: 1, "1": "Wrap",
+    /**
+     * Flex items wrap onto multiple lines from bottom to top
+     */
+    WrapReverse: 2, "2": "WrapReverse",
+});
+
+/**
+ * Grid auto flow enumeration
+ *
+ * Controls whether grid items are placed row-wise or column-wise, and whether
+ * the sparse or dense packing algorithm is used.
+ *
+ * @example
+ * ```typescript
+ * import { Style, GridAutoFlow } from 'taffy-layout';
+ *
+ * const style = new Style();
+ * style.gridAutoFlow = GridAutoFlow.Row;       // Fill rows first
+ * style.gridAutoFlow = GridAutoFlow.Column;    // Fill columns first
+ * style.gridAutoFlow = GridAutoFlow.RowDense;  // Fill rows, pack densely
+ * ```
+ * @enum {0 | 1 | 2 | 3}
+ */
+export const GridAutoFlow = Object.freeze({
+    /**
+     * Items are placed by filling each row in turn, adding new rows as necessary
+     */
+    Row: 0, "0": "Row",
+    /**
+     * Items are placed by filling each column in turn, adding new columns as necessary
+     */
+    Column: 1, "1": "Column",
+    /**
+     * Combines `Row` with the dense packing algorithm
+     */
+    RowDense: 2, "2": "RowDense",
+    /**
+     * Combines `Column` with the dense packing algorithm
+     */
+    ColumnDense: 3, "3": "ColumnDense",
+});
+
+/**
+ * Main axis alignment enumeration
+ *
+ * Defines how flex items are aligned and spaced along the main axis.
+ * This corresponds to the CSS `justify-content` property.
+ *
+ * @example
+ * ```typescript
+ * import { Style, JustifyContent } from 'taffy-layout';
+ *
+ * const style = new Style();
+ * style.justifyContent = JustifyContent.Center;        // Center items
+ * style.justifyContent = JustifyContent.SpaceBetween;  // Distribute evenly
+ * ```
+ * @enum {0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8}
+ */
+export const JustifyContent = Object.freeze({
+    /**
+     * Items packed toward the start of the main axis
+     */
+    Start: 0, "0": "Start",
+    /**
+     * Items packed toward the end of the main axis
+     */
+    End: 1, "1": "End",
+    /**
+     * Items packed toward the start of the flex container
+     */
+    FlexStart: 2, "2": "FlexStart",
+    /**
+     * Items packed toward the end of the flex container
+     */
+    FlexEnd: 3, "3": "FlexEnd",
+    /**
+     * Items centered along the main axis
+     */
+    Center: 4, "4": "Center",
+    /**
+     * Items stretched along the main axis
+     */
+    Stretch: 5, "5": "Stretch",
+    /**
+     * Items evenly distributed with first/last at edges
+     */
+    SpaceBetween: 6, "6": "SpaceBetween",
+    /**
+     * Items evenly distributed with equal space around each
+     */
+    SpaceAround: 7, "7": "SpaceAround",
+    /**
+     * Items evenly distributed with equal space between each
+     */
+    SpaceEvenly: 8, "8": "SpaceEvenly",
+});
+
+/**
+ * Computed layout result containing position, size, and spacing values for a node.
+ *
+ * This class wraps the native [`taffy::Layout`] and provides read-only access
+ * to all computed layout values. All dimensions are in pixels.
+ *
+ * @example
+ * ```typescript
+ * const tree = new TaffyTree();
+ * const rootId = tree.newLeaf(new Style());
+ * const node = rootId;
+ *
+ * tree.computeLayout(rootId, { width: 800, height: 600 });
+ * const layout = tree.getLayout(node);
+ *
+ * console.log("Position:", layout.x, layout.y);
+ * console.log("Size:", layout.width, layout.height);
+ * console.log("Content:", layout.contentWidth, layout.contentHeight);
+ * console.log("Padding:", layout.paddingTop, layout.paddingRight, layout.paddingBottom, layout.paddingLeft);
+ * console.log("Border:", layout.borderTop, layout.borderRight, layout.borderBottom, layout.borderLeft);
+ * console.log("Margin:", layout.marginTop, layout.marginRight, layout.marginBottom, layout.marginLeft);
+ * console.log("Scrollbar:", layout.scrollbarWidth, layout.scrollbarHeight);
+ * console.log("Order:", layout.order);
+ * ```
+ */
+export class Layout {
+    static __wrap(ptr) {
+        ptr = ptr >>> 0;
+        const obj = Object.create(Layout.prototype);
+        obj.__wbg_ptr = ptr;
+        LayoutFinalization.register(obj, obj.__wbg_ptr, obj);
+        return obj;
+    }
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        LayoutFinalization.unregister(this);
+        return ptr;
+    }
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_layout_free(ptr, 0);
+    }
+    /**
+     * Gets the top border width
+     *
+     * @returns - The computed top border width in pixels
+     * @returns {number}
+     */
+    get borderTop() {
+        const ret = wasm.layout_borderTop(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the top margin
+     *
+     * @returns - The computed top margin in pixels
+     * @returns {number}
+     */
+    get marginTop() {
+        const ret = wasm.layout_marginTop(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the left border width
+     *
+     * @returns - The computed left border width in pixels
+     * @returns {number}
+     */
+    get borderLeft() {
+        const ret = wasm.layout_borderLeft(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the left margin
+     *
+     * @returns - The computed left margin in pixels
+     * @returns {number}
+     */
+    get marginLeft() {
+        const ret = wasm.layout_marginLeft(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the top padding
+     *
+     * @returns - The computed top padding in pixels
+     * @returns {number}
+     */
+    get paddingTop() {
+        const ret = wasm.layout_paddingTop(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the right border width
+     *
+     * @returns - The computed right border width in pixels
+     * @returns {number}
+     */
+    get borderRight() {
+        const ret = wasm.layout_borderRight(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the right margin
+     *
+     * @returns - The computed right margin in pixels
+     * @returns {number}
+     */
+    get marginRight() {
+        const ret = wasm.layout_marginRight(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the left padding
+     *
+     * @returns - The computed left padding in pixels
+     * @returns {number}
+     */
+    get paddingLeft() {
+        const ret = wasm.layout_paddingLeft(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the bottom border width
+     *
+     * @returns - The computed bottom border width in pixels
+     * @returns {number}
+     */
+    get borderBottom() {
+        const ret = wasm.layout_borderBottom(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the width of the scrollable content
+     *
+     * If the node has overflow content, this represents the total
+     * width of all content (may exceed `width`).
+     *
+     * @returns - The content width in pixels
+     * @returns {number}
+     */
+    get contentWidth() {
+        const ret = wasm.layout_contentWidth(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the bottom margin
+     *
+     * @returns - The computed bottom margin in pixels
+     * @returns {number}
+     */
+    get marginBottom() {
+        const ret = wasm.layout_marginBottom(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the right padding
+     *
+     * @returns - The computed right padding in pixels
+     * @returns {number}
+     */
+    get paddingRight() {
+        const ret = wasm.layout_paddingRight(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the height of the scrollable content
+     *
+     * If the node has overflow content, this represents the total
+     * height of all content (may exceed `height`).
+     *
+     * @returns - The content height in pixels
+     * @returns {number}
+     */
+    get contentHeight() {
+        const ret = wasm.layout_contentHeight(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the bottom padding
+     *
+     * @returns - The computed bottom padding in pixels
+     * @returns {number}
+     */
+    get paddingBottom() {
+        const ret = wasm.layout_paddingBottom(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the width of the vertical scrollbar
+     *
+     * When overflow is set to scroll, this indicates the space
+     * reserved for the vertical scrollbar.
+     *
+     * @returns - The scrollbar width in pixels (0 if no scrollbar)
+     * @returns {number}
+     */
+    get scrollbarWidth() {
+        const ret = wasm.layout_scrollbarWidth(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the height of the horizontal scrollbar
+     *
+     * When overflow is set to scroll, this indicates the space
+     * reserved for the horizontal scrollbar.
+     *
+     * @returns - The scrollbar height in pixels (0 if no scrollbar)
+     * @returns {number}
+     */
+    get scrollbarHeight() {
+        const ret = wasm.layout_scrollbarHeight(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the X coordinate of the node's top-left corner
+     *
+     * This value is relative to the node's parent. For the root node,
+     * this is always 0.
+     *
+     * @returns - The horizontal position in pixels
+     * @returns {number}
+     */
+    get x() {
+        const ret = wasm.layout_x(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the Y coordinate of the node's top-left corner
+     *
+     * This value is relative to the node's parent. For the root node,
+     * this is always 0.
+     *
+     * @returns - The vertical position in pixels
+     * @returns {number}
+     */
+    get y() {
+        const ret = wasm.layout_y(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the rendering order of the node
+     *
+     * This value determines the z-order for overlapping elements.
+     * Lower values are rendered first (behind higher values).
+     *
+     * @returns - The rendering order as an unsigned 32-bit integer
+     * @returns {number}
+     */
+    get order() {
+        const ret = wasm.layout_order(this.__wbg_ptr);
+        return ret >>> 0;
+    }
+    /**
+     * Gets the computed width of the node
+     *
+     * This is the final width after layout computation, including
+     * any constraints from min/max size or flex properties.
+     *
+     * @returns - The width in pixels
+     * @returns {number}
+     */
+    get width() {
+        const ret = wasm.layout_width(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the computed height of the node
+     *
+     * This is the final height after layout computation, including
+     * any constraints from min/max size or flex properties.
+     *
+     * @returns - The height in pixels
+     * @returns {number}
+     */
+    get height() {
+        const ret = wasm.layout_height(this.__wbg_ptr);
+        return ret;
+    }
+}
+if (Symbol.dispose) Layout.prototype[Symbol.dispose] = Layout.prototype.free;
+
+/**
+ * Overflow handling enumeration
+ *
+ * Defines how content that exceeds the container boundaries is handled.
+ * This corresponds to the CSS `overflow` property.
+ *
+ * @example
+ * ```typescript
+ * import { Style, Overflow } from 'taffy-layout';
+ *
+ * const style = new Style();
+ * style.overflow = { x: Overflow.Hidden, y: Overflow.Scroll };
+ * ```
+ * @enum {0 | 1 | 2 | 3}
+ */
+export const Overflow = Object.freeze({
+    /**
+     * Content is not clipped and may render outside the container
+     */
+    Visible: 0, "0": "Visible",
+    /**
+     * Content is clipped at the container boundary, but unlike Hidden, this forbids all scrolling
+     */
+    Clip: 1, "1": "Clip",
+    /**
+     * Content is clipped at the container boundary
+     */
+    Hidden: 2, "2": "Hidden",
+    /**
+     * Always display scrollbars for scrollable content
+     */
+    Scroll: 3, "3": "Scroll",
+});
+
+/**
+ * Position mode enumeration
+ *
+ * Controls how an element is positioned within its parent container.
+ * This corresponds to the CSS `position` property.
+ *
+ * @example
+ * ```typescript
+ * import { Style, Position } from 'taffy-layout';
+ *
+ * const style = new Style();
+ * style.position = Position.Relative;  // Normal document flow
+ * style.position = Position.Absolute;  // Removed from flow, uses inset values
+ * ```
+ * @enum {0 | 1}
+ */
+export const Position = Object.freeze({
+    /**
+     * Element participates in normal document flow
+     */
+    Relative: 0, "0": "Relative",
+    /**
+     * Element is positioned relative to its nearest positioned ancestor
+     */
+    Absolute: 1, "1": "Absolute",
+});
+
+/**
+ * CSS layout configuration for a node, including flexbox, sizing, spacing, and alignment properties.
+ *
+ * This class holds all CSS layout properties for a node. Create an instance with
+ * `new Style()` and configure properties before passing to `TaffyTree.newLeaf()`.
+ *
+ * @defaultValue
+ * When created, all properties are set to their CSS default values:
+ * - `display`: `Display.Block`
+ * - `position`: `Position.Relative`
+ * - `flexDirection`: `FlexDirection.Row`
+ * - `flexWrap`: `FlexWrap.NoWrap`
+ * - `flexGrow`: `0`
+ * - `flexShrink`: `1`
+ * - All alignment properties: `undefined` (use default behavior)
+ * - All dimensions: `"auto"`
+ * - All spacing: `0`
+ */
+export class Style {
+    static __wrap(ptr) {
+        ptr = ptr >>> 0;
+        const obj = Object.create(Style.prototype);
+        obj.__wbg_ptr = ptr;
+        StyleFinalization.register(obj, obj.__wbg_ptr, obj);
+        return obj;
+    }
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        StyleFinalization.unregister(this);
+        return ptr;
+    }
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_style_free(ptr, 0);
+    }
+    /**
+     * Gets the align-self property
+     *
+     * Overrides the parent's align-items for this specific element.
+     *
+     * @returns - The current [`AlignSelf`](JsAlignSelf) value (returns `Auto` if not set)
+     * @returns {AlignSelf | undefined}
+     */
+    get alignSelf() {
+        const ret = wasm.style_alignSelf(this.__wbg_ptr);
+        return ret === 8 ? undefined : ret;
+    }
+    /**
+     * Gets the box sizing mode
+     *
+     * Determines whether padding and border are included in dimensions.
+     *
+     * @returns - The current [`BoxSizing`](JsBoxSizing) value
+     *
+     * @defaultValue `BoxSizing.BorderBox`
+     * @returns {BoxSizing}
+     */
+    get boxSizing() {
+        const ret = wasm.style_boxSizing(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the flex-basis
+     *
+     * The initial size of a flex item before growing/shrinking.
+     *
+     * @returns - A `Dimension` value (`number`, `\"{number}%\"`, or `\"auto\"`)
+     * @returns {Dimension}
+     */
+    get flexBasis() {
+        const ret = wasm.style_flexBasis(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the border width
+     *
+     * @param val - A Rect object with LengthPercentage values
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.border = { left: 1, right: 1, top: 1, bottom: 1 };
+     * ```
+     * @param {Rect<LengthPercentage>} val
+     */
+    set border(val) {
+        wasm.style_set_border(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the margin
+     *
+     * @param val - A Rect object with LengthPercentageAuto values
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.margin = { left: 10, right: 10, top: 5, bottom: 5 };
+     * ```
+     * @param {Rect<LengthPercentageAuto>} val
+     */
+    set margin(val) {
+        wasm.style_set_margin(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the text-align property
+     *
+     * Used by block layout to implement legacy text alignment behavior.
+     *
+     * @returns - The current [`TextAlign`](JsTextAlign) value
+     *
+     * @defaultValue - `TextAlign.Auto`
+     * @returns {TextAlign}
+     */
+    get textAlign() {
+        const ret = wasm.style_textAlign(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the align-items property
+     *
+     * Defines the default alignment for all children on the cross axis.
+     *
+     * @returns - The current [`AlignItems`](JsAlignItems) value, or `undefined` if not set
+     * @returns {AlignItems | undefined}
+     */
+    get alignItems() {
+        const ret = wasm.style_alignItems(this.__wbg_ptr);
+        return ret === 7 ? undefined : ret;
+    }
+    /**
+     * Gets the flex shrink factor
+     *
+     * Determines how much the item shrinks relative to siblings when
+     * there is insufficient space.
+     *
+     * @returns - The flex shrink factor (default: 1)
+     * @returns {number}
+     */
+    get flexShrink() {
+        const ret = wasm.style_flexShrink(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the grid-column property
+     *
+     * Defines which column in the grid the item should start and end at.
+     * Corresponds to CSS `grid-column` shorthand.
+     *
+     * @returns - A `Line<GridPlacement>` with start and end placements
+     * @returns {Line<GridPlacement>}
+     */
+    get gridColumn() {
+        const ret = wasm.style_gridColumn(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the display mode
+     *
+     * @param val - The new display mode
+     *
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Flex;
+     * ```
+     * @param {Display} val
+     */
+    set display(val) {
+        wasm.style_set_display(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the padding
+     *
+     * @param val - A Rect object with LengthPercentage values
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.padding = { left: 20, right: 20, top: 10, bottom: 10 };
+     * ```
+     * @param {Rect<LengthPercentage>} val
+     */
+    set padding(val) {
+        wasm.style_set_padding(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the aspect ratio
+     *
+     * The ratio of width to height. Used to maintain proportions.
+     *
+     * @returns - The aspect ratio value, or `undefined` if not set
+     * @returns {number | undefined}
+     */
+    get aspectRatio() {
+        const ret = wasm.style_aspectRatio(this.__wbg_ptr);
+        return ret === 0x100000001 ? undefined : ret;
+    }
+    /**
+     * Gets the justify-self property
+     *
+     * Overrides the parent's justify-items for this specific element in the inline axis.
+     *
+     * @returns - The current [`AlignSelf`](JsAlignSelf) value (returns `Auto` if not set)
+     * @returns {AlignSelf | undefined}
+     */
+    get justifySelf() {
+        const ret = wasm.style_justifySelf(this.__wbg_ptr);
+        return ret === 8 ? undefined : ret;
+    }
+    /**
+     * Sets the grid-row property
+     *
+     * @param val - A Line object with start and end GridPlacement values
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Grid;
+     * // CSS: grid-row: 1 / 3
+     * style.gridRow = { start: 1, end: 3 };
+     * // CSS: grid-row: 2 / span 2
+     * style.gridRow = { start: 2, end: { span: 2 } };
+     * ```
+     * @param {Line<GridPlacement>} val
+     */
+    set gridRow(val) {
+        wasm.style_set_gridRow(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the maximum size constraints
+     *
+     * @param val - A Size object with maximum Dimension values
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.maxSize = { width: "auto", height: 500 };
+     * ```
+     * @param {Size<Dimension>} val
+     */
+    set maxSize(val) {
+        wasm.style_set_maxSize(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the minimum size constraints
+     *
+     * @param val - A Size object with minimum Dimension values
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.minSize = { width: 100, height: "auto" };
+     * ```
+     * @param {Size<Dimension>} val
+     */
+    set minSize(val) {
+        wasm.style_set_minSize(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the overflow behavior
+     *
+     * @param val - An object with `x` and `y` overflow values
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.overflow = { x: Overflow.Hidden, y: Overflow.Scroll };
+     * ```
+     * @param {Point<Overflow>} val
+     */
+    set overflow(val) {
+        wasm.style_set_overflow(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the position mode
+     *
+     * @param val - The new position mode
+     *
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.position = Position.Absolute;
+     * style.inset = { left: 10, top: 10, right: "auto", bottom: "auto" };
+     * ```
+     * @param {Position} val
+     */
+    set position(val) {
+        wasm.style_set_position(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the align-content property
+     *
+     * Controls distribution of space between lines in a multi-line flex container.
+     *
+     * @returns - The current [`AlignContent`](JsAlignContent) value, or `undefined` if not set
+     * @returns {AlignContent | undefined}
+     */
+    get alignContent() {
+        const ret = wasm.style_alignContent(this.__wbg_ptr);
+        return ret === 9 ? undefined : ret;
+    }
+    /**
+     * Gets whether this item is a table
+     *
+     * Table children are handled specially in block layout.
+     *
+     * @returns - Whether the item is treated as a table
+     *
+     * @defaultValue - `false`
+     * @returns {boolean}
+     */
+    get itemIsTable() {
+        const ret = wasm.style_itemIsTable(this.__wbg_ptr);
+        return ret !== 0;
+    }
+    /**
+     * Gets the justify-items property
+     *
+     * Defines the default justify-self for all children in the inline axis.
+     * This is primarily used for CSS Grid layout.
+     *
+     * @returns - The current [`AlignItems`](JsAlignItems) value, or `undefined` if not set
+     * @returns {AlignItems | undefined}
+     */
+    get justifyItems() {
+        const ret = wasm.style_justifyItems(this.__wbg_ptr);
+        return ret === 7 ? undefined : ret;
+    }
+    /**
+     * Sets the flex grow factor
+     *
+     * @param val - The new flex grow factor (must be >= 0)
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.flexGrow = 2;
+     * ```
+     * @param {number} val
+     */
+    set flexGrow(val) {
+        wasm.style_set_flexGrow(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the flex wrap mode
+     *
+     * @param val - The new flex wrap mode
+     *
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.flexWrap = FlexWrap.Wrap;
+     * ```
+     * @param {FlexWrap} val
+     */
+    set flexWrap(val) {
+        wasm.style_set_flexWrap(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the flex direction
+     *
+     * Defines the main axis direction for flex items.
+     *
+     * @returns - The current [`FlexDirection`](JsFlexDirection) value
+     *
+     * @defaultValue - `FlexDirection.Row`
+     * @returns {FlexDirection}
+     */
+    get flexDirection() {
+        const ret = wasm.style_flexDirection(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the grid-auto-flow property
+     *
+     * Controls how auto-placed items are inserted into the grid.
+     *
+     * @returns - The current [`GridAutoFlow`](JsGridAutoFlow) value
+     *
+     * @defaultValue - `GridAutoFlow.Row`
+     * @returns {GridAutoFlow}
+     */
+    get gridAutoFlow() {
+        const ret = wasm.style_gridAutoFlow(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the grid-auto-rows property
+     *
+     * Defines the size of implicitly created rows.
+     *
+     * @returns - An array of track sizing functions
+     * @returns {TrackSizingFunction[]}
+     */
+    get gridAutoRows() {
+        const ret = wasm.style_gridAutoRows(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the align-self property
+     *
+     * @param val - The new align-self value, or `undefined`/`Auto` to inherit from parent
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.alignSelf = AlignSelf.Stretch;
+     * ```
+     * @param {AlignSelf | undefined} val
+     */
+    set alignSelf(val) {
+        wasm.style_set_alignSelf(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the box sizing mode
+     *
+     * @param val - The new box sizing mode
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.boxSizing = BoxSizing.ContentBox;
+     * ```
+     * @param {BoxSizing} val
+     */
+    set boxSizing(val) {
+        wasm.style_set_boxSizing(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the flex-basis
+     *
+     * @param val - The initial size as a Dimension
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.flexBasis = 100;
+     * ```
+     * @param {Dimension} val
+     */
+    set flexBasis(val) {
+        wasm.style_set_flexBasis(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the text-align property
+     *
+     * @param val - The new text-align value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.textAlign = TextAlign.LegacyCenter;
+     * ```
+     * @param {TextAlign} val
+     */
+    set textAlign(val) {
+        wasm.style_set_textAlign(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the justify-content property
+     *
+     * Defines alignment and spacing of items along the main axis.
+     *
+     * @returns - The current [`JustifyContent`](JsJustifyContent) value, or `undefined` if not set
+     * @returns {JustifyContent | undefined}
+     */
+    get justifyContent() {
+        const ret = wasm.style_justifyContent(this.__wbg_ptr);
+        return ret === 9 ? undefined : ret;
+    }
+    /**
+     * Gets the scrollbar width
+     *
+     * The width of the scrollbar gutter when `overflow` is set to `Scroll`.
+     *
+     * @returns - The scrollbar width in pixels
+     *
+     * @defaultValue - `0`
+     * @returns {number}
+     */
+    get scrollbarWidth() {
+        const ret = wasm.style_scrollbarWidth(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the align-items property
+     *
+     * @param val - The new align-items value, or `undefined` to use default
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.alignItems = AlignItems.Center;
+     * ```
+     * @param {AlignItems | undefined} val
+     */
+    set alignItems(val) {
+        wasm.style_set_alignItems(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the flex shrink factor
+     *
+     * @param val - The new flex shrink factor (must be >= 0)
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.flexShrink = 2;
+     * ```
+     * @param {number} val
+     */
+    set flexShrink(val) {
+        wasm.style_set_flexShrink(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the grid-column property
+     *
+     * @param val - A Line object with start and end GridPlacement values
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Grid;
+     * // CSS: grid-column: 1 / 4
+     * style.gridColumn = { start: 1, end: 4 };
+     * // CSS: grid-column: auto / span 3
+     * style.gridColumn = { start: "auto", end: { span: 3 } };
+     * ```
+     * @param {Line<GridPlacement>} val
+     */
+    set gridColumn(val) {
+        wasm.style_set_gridColumn(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets whether this item is a replaced element
+     *
+     * Replaced elements have special sizing behavior (e.g., `<img>`, `<video>`).
+     *
+     * @returns - Whether the item is a replaced element
+     *
+     * @defaultValue - `false`
+     * @returns {boolean}
+     */
+    get itemIsReplaced() {
+        const ret = wasm.style_itemIsReplaced(this.__wbg_ptr);
+        return ret !== 0;
+    }
+    /**
+     * Sets the aspect ratio
+     *
+     * @param val - The new aspect ratio (width/height), or `undefined` to clear
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.aspectRatio = 16 / 9;
+     * ```
+     * @param {number | undefined} val
+     */
+    set aspectRatio(val) {
+        wasm.style_set_aspectRatio(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the justify-self property
+     *
+     * @param val - The new justify-self value, or `undefined`/`Auto` to inherit from parent
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.justifySelf = AlignSelf.End;
+     * ```
+     * @param {AlignSelf | undefined} val
+     */
+    set justifySelf(val) {
+        wasm.style_set_justifySelf(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the grid-auto-columns property
+     *
+     * Defines the size of implicitly created columns.
+     *
+     * @returns - An array of track sizing functions
+     * @returns {TrackSizingFunction[]}
+     */
+    get gridAutoColumns() {
+        const ret = wasm.style_gridAutoColumns(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the align-content property
+     *
+     * @param val - The new align-content value, or `undefined` to use default
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.alignContent = AlignContent.SpaceBetween;
+     * ```
+     * @param {AlignContent | undefined} val
+     */
+    set alignContent(val) {
+        wasm.style_set_alignContent(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets whether this item is a table
+     *
+     * @param val - Whether the item should be treated as a table
+     * @param {boolean} val
+     */
+    set itemIsTable(val) {
+        wasm.style_set_itemIsTable(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the justify-items property
+     *
+     * @param val - The new justify-items value, or `undefined` to use default
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Grid;
+     * style.justifyItems = AlignItems.Center;
+     * ```
+     * @param {AlignItems | undefined} val
+     */
+    set justifyItems(val) {
+        wasm.style_set_justifyItems(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the grid-template-rows property
+     *
+     * Defines the track sizing functions (heights) of the grid rows.
+     *
+     * @returns - An array of `GridTrack` values
+     * @returns {GridTemplateComponent[]}
+     */
+    get gridTemplateRows() {
+        const ret = wasm.style_gridTemplateRows(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the flex direction
+     *
+     * @param val - The new flex direction
+     *
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.flexDirection = FlexDirection.Column;
+     * ```
+     * @param {FlexDirection} val
+     */
+    set flexDirection(val) {
+        wasm.style_set_flexDirection(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the grid-auto-flow property
+     *
+     * @param val - The new grid-auto-flow value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Grid;
+     * style.gridAutoFlow = GridAutoFlow.Column;
+     * ```
+     * @param {GridAutoFlow} val
+     */
+    set gridAutoFlow(val) {
+        wasm.style_set_gridAutoFlow(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the grid-auto-rows property
+     *
+     * @param val - An array of track sizing functions for implicit rows
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Grid;
+     * style.gridAutoRows = [{ min: "auto", max: "auto" }];
+     * ```
+     * @param {TrackSizingFunction[]} val
+     */
+    set gridAutoRows(val) {
+        wasm.style_set_gridAutoRows(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the grid-template-areas property
+     *
+     * Defines named grid areas that can be referenced by grid items.
+     *
+     * @returns - An array of `GridArea` values
+     * @returns {GridTemplateArea[]}
+     */
+    get gridTemplateAreas() {
+        const ret = wasm.style_gridTemplateAreas(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the justify-content property
+     *
+     * @param val - The new justify-content value, or `undefined` to use default
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.justifyContent = JustifyContent.Center;
+     * ```
+     * @param {JustifyContent | undefined} val
+     */
+    set justifyContent(val) {
+        wasm.style_set_justifyContent(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the scrollbar width
+     *
+     * @param val - The scrollbar width in pixels
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.overflow = { x: Overflow.Scroll, y: Overflow.Scroll };
+     * style.scrollbarWidth = 15;
+     * ```
+     * @param {number} val
+     */
+    set scrollbarWidth(val) {
+        wasm.style_set_scrollbarWidth(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets whether this item is a replaced element
+     *
+     * @param val - Whether the item should be treated as a replaced element
+     * @param {boolean} val
+     */
+    set itemIsReplaced(val) {
+        wasm.style_set_itemIsReplaced(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the grid-template-columns property
+     *
+     * Defines the track sizing functions (widths) of the grid columns.
+     *
+     * @returns - An array of `GridTrack` values
+     * @returns {GridTemplateComponent[]}
+     */
+    get gridTemplateColumns() {
+        const ret = wasm.style_gridTemplateColumns(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the grid-auto-columns property
+     *
+     * @param val - An array of track sizing functions for implicit columns
+     * @param {TrackSizingFunction[]} val
+     */
+    set gridAutoColumns(val) {
+        wasm.style_set_gridAutoColumns(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the grid-template-rows property
+     *
+     * @param val - An array of GridTrack objects
+     * @param {GridTemplateComponent[]} val
+     */
+    set gridTemplateRows(val) {
+        wasm.style_set_gridTemplateRows(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the grid-template-row-names property
+     *
+     * Defines the named lines between the rows.
+     *
+     * @returns - An array of arrays of line names
+     * @returns {string[][]}
+     */
+    get gridTemplateRowNames() {
+        const ret = wasm.style_gridTemplateRowNames(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the grid-template-areas property
+     *
+     * @param val - An array of named grid area definitions
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Grid;
+     * style.gridTemplateAreas = [
+     *   { name: "header", rowStart: 1, rowEnd: 2, columnStart: 1, columnEnd: 4 },
+     *   { name: "main", rowStart: 2, rowEnd: 4, columnStart: 2, columnEnd: 4 }
+     * ];
+     * ```
+     * @param {GridTemplateArea[]} val
+     */
+    set gridTemplateAreas(val) {
+        wasm.style_set_gridTemplateAreas(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the grid-template-columns property
+     *
+     * @param val - An array of GridTrack objects
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Grid;
+     * style.gridTemplateColumns = [
+     *   { min: 200, max: 200 },
+     *   { min: "auto", max: "1fr" },
+     *   { min: "auto", max: "1fr" }
+     * ];
+     * ```
+     * @param {GridTemplateComponent[]} val
+     */
+    set gridTemplateColumns(val) {
+        wasm.style_set_gridTemplateColumns(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the grid-template-column-names property
+     *
+     * Defines the named lines between the columns.
+     *
+     * @returns - An array of arrays of line names
+     * @returns {string[][]}
+     */
+    get gridTemplateColumnNames() {
+        const ret = wasm.style_gridTemplateColumnNames(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the grid-template-row-names property
+     *
+     * @param val - An array of arrays of line names
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.gridTemplateRowNames = [["header-start"], ["header-end", "main-start"], ["main-end"]];
+     * ```
+     * @param {string[][]} val
+     */
+    set gridTemplateRowNames(val) {
+        wasm.style_set_gridTemplateRowNames(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the grid-template-column-names property
+     *
+     * @param val - An array of arrays of line names
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.gridTemplateColumnNames = [["sidebar-start"], ["sidebar-end", "main-start"], ["main-end"]];
+     * ```
+     * @param {string[][]} val
+     */
+    set gridTemplateColumnNames(val) {
+        wasm.style_set_gridTemplateColumnNames(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the gap
+     *
+     * Spacing between flex/grid items.
+     *
+     * @returns - A `Size<LengthPercentage>` with column (width) and row (height) gaps
+     * @returns {Size<LengthPercentage>}
+     */
+    get gap() {
+        const ret = wasm.style_gap(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Creates a new Style instance with default values
+     *
+     * @returns - A new `Style` object with all properties set to CSS defaults
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * console.log(style.display);  // Display.Block
+     * ```
+     */
+    constructor() {
+        const ret = wasm.style_new();
+        this.__wbg_ptr = ret >>> 0;
+        StyleFinalization.register(this, this.__wbg_ptr, this);
+        return this;
+    }
+    /**
+     * Gets the size (width and height)
+     *
+     * @returns - A `Size<Dimension>` object with `width` and `height` properties
+     * @returns {Size<Dimension>}
+     */
+    get size() {
+        const ret = wasm.style_size(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the inset
+     *
+     * Positioning offsets for absolutely positioned elements.
+     *
+     * @returns - A `Rect<LengthPercentageAuto>` with left, right, top, bottom offsets
+     * @returns {Rect<LengthPercentageAuto>}
+     */
+    get inset() {
+        const ret = wasm.style_inset(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the border width
+     *
+     * Width of the element's border on each side.
+     *
+     * @returns - A `Rect<LengthPercentage>` with left, right, top, bottom border widths
+     * @returns {Rect<LengthPercentage>}
+     */
+    get border() {
+        const ret = wasm.style_border(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the margin
+     *
+     * Outer spacing around the element.
+     *
+     * @returns - A `Rect<LengthPercentageAuto>` with left, right, top, bottom margins
+     * @returns {Rect<LengthPercentageAuto>}
+     */
+    get margin() {
+        const ret = wasm.style_margin(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the display mode
+     *
+     * Determines the layout algorithm used for this element and its children.
+     *
+     * @returns - The current [`Display`](JsDisplay) value
+     *
+     * @defaultValue - `Display.Block`
+     * @returns {Display}
+     */
+    get display() {
+        const ret = wasm.style_display(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the padding
+     *
+     * Inner spacing between the element's border and content.
+     *
+     * @returns - A `Rect<LengthPercentage>` with left, right, top, bottom padding
+     * @returns {Rect<LengthPercentage>}
+     */
+    get padding() {
+        const ret = wasm.style_padding(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the gap
+     *
+     * @param val - A Size object with LengthPercentage gap values
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.gap = { width: 10, height: 10 };
+     * ```
+     * @param {Size<LengthPercentage>} val
+     */
+    set gap(val) {
+        wasm.style_set_gap(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the grid-row property
+     *
+     * Defines which row in the grid the item should start and end at.
+     * Corresponds to CSS `grid-row` shorthand.
+     *
+     * @returns - A `Line<GridPlacement>` with start and end placements
+     * @returns {Line<GridPlacement>}
+     */
+    get gridRow() {
+        const ret = wasm.style_gridRow(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the maximum size constraints
+     *
+     * @returns - A `Size<Dimension>` object with maximum width and height
+     * @returns {Size<Dimension>}
+     */
+    get maxSize() {
+        const ret = wasm.style_maxSize(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the minimum size constraints
+     *
+     * @returns - A `Size<Dimension>` object with minimum width and height
+     * @returns {Size<Dimension>}
+     */
+    get minSize() {
+        const ret = wasm.style_minSize(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the overflow behavior
+     *
+     * Controls how content that exceeds the container is handled.
+     *
+     * @returns - A `Point<Overflow>` with `x` and `y` overflow settings
+     * @returns {Point<Overflow>}
+     */
+    get overflow() {
+        const ret = wasm.style_overflow(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the position mode
+     *
+     * Determines how the element is positioned within its parent.
+     *
+     * @returns - The current [`Position`](JsPosition) value
+     *
+     * @defaultValue - `Position.Relative`
+     * @returns {Position}
+     */
+    get position() {
+        const ret = wasm.style_position(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the size (width and height)
+     *
+     * @param val - A Size object with Dimension values
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.size = { width: 200, height: "100%" };
+     * ```
+     * @param {Size<Dimension>} val
+     */
+    set size(val) {
+        wasm.style_set_size(this.__wbg_ptr, val);
+    }
+    /**
+     * Gets the flex grow factor
+     *
+     * Determines how much the item grows relative to siblings when
+     * there is extra space available.
+     *
+     * @returns - The flex grow factor (default: 0)
+     * @returns {number}
+     */
+    get flexGrow() {
+        const ret = wasm.style_flexGrow(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the flex wrap mode
+     *
+     * Controls whether flex items wrap to new lines.
+     *
+     * @returns - The current [`FlexWrap`](JsFlexWrap) value
+     *
+     * @defaultValue - `FlexWrap.NoWrap`
+     * @returns {FlexWrap}
+     */
+    get flexWrap() {
+        const ret = wasm.style_flexWrap(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Sets the inset
+     *
+     * @param val - A Rect object with LengthPercentageAuto offset values
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.position = Position.Absolute;
+     * style.inset = { left: 0, top: 0, right: "auto", bottom: "auto" };
+     * ```
+     * @param {Rect<LengthPercentageAuto>} val
+     */
+    set inset(val) {
+        wasm.style_set_inset(this.__wbg_ptr, val);
+    }
+}
+if (Symbol.dispose) Style.prototype[Symbol.dispose] = Style.prototype.free;
+
+/**
+ * Error class thrown when a Taffy operation fails, containing a human-readable error message.
+ *
+ * This class wraps the native [`taffy::TaffyError`] type and exposes it to JavaScript
+ * with a readable error message. It is thrown as a JavaScript exception on failure.
+ *
+ * @example
+ * ```typescript
+ * try {
+ *  const tree = new TaffyTree();
+ *  const node = tree.newLeaf(new Style());
+ *  tree.remove(node);
+ * } catch (e) {
+ *   if (e instanceof TaffyError) {
+ *      console.error(e.message);
+ *   }
+ * }
+ * ```
+ *
+ * @remarks
+ * The underlying Taffy errors include:
+ * - `InvalidInputNode`: Node ID doesn't exist in the tree
+ * - `InvalidParentNode`: Specified parent node doesn't exist
+ * - `ChildIndexOutOfBounds`: Child index exceeds available children
+ */
+export class TaffyError {
+    static __wrap(ptr) {
+        ptr = ptr >>> 0;
+        const obj = Object.create(TaffyError.prototype);
+        obj.__wbg_ptr = ptr;
+        TaffyErrorFinalization.register(obj, obj.__wbg_ptr, obj);
+        return obj;
+    }
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        TaffyErrorFinalization.unregister(this);
+        return ptr;
+    }
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_taffyerror_free(ptr, 0);
+    }
+    /**
+     * Gets the human-readable error message
+     *
+     * @returns - A string describing what went wrong.
+     *
+     * @remarks
+     * Examples:
+     * - "Node with id 1234 is not present in the Taffy tree"
+     * - "Index 5 is out of bounds for node with 3 children"
+     * @returns {string}
+     */
+    get message() {
+        let deferred1_0;
+        let deferred1_1;
+        try {
+            const ret = wasm.taffyerror_message(this.__wbg_ptr);
+            deferred1_0 = ret[0];
+            deferred1_1 = ret[1];
+            return getStringFromWasm0(ret[0], ret[1]);
+        } finally {
+            wasm.__wbindgen_free(deferred1_0, deferred1_1, 1);
+        }
+    }
+}
+if (Symbol.dispose) TaffyError.prototype[Symbol.dispose] = TaffyError.prototype.free;
+
+/**
+ * The main layout tree class for creating nodes, computing layouts, and managing a tree of styled elements.
+ *
+ * TaffyTree is the entry point for the Taffy layout engine. It manages
+ * a tree of nodes and computes their layouts using CSS Flexbox and Grid algorithms.
+ */
+export class TaffyTree {
+    static __wrap(ptr) {
+        ptr = ptr >>> 0;
+        const obj = Object.create(TaffyTree.prototype);
+        obj.__wbg_ptr = ptr;
+        TaffyTreeFinalization.register(obj, obj.__wbg_ptr, obj);
+        return obj;
+    }
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        TaffyTreeFinalization.unregister(this);
+        return ptr;
+    }
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_taffytree_free(ptr, 0);
+    }
+    /**
+     * Marks a node as dirty (requiring re-layout)
+     *
+     * Use this when a node's content has changed but its style hasn't.
+     * For example, when text content changes and needs remeasuring.
+     *
+     * @param node - The node ID to mark dirty
+     *
+     * @throws `TaffyError` if the node does not exist
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const rootId = tree.newLeaf(new Style());
+     * const nodeId = rootId;
+     * const availableSpace = { width: 100, height: 100 };
+     *
+     * // After updating text content
+     * tree.setNodeContext(nodeId, { text: "Updated text" });
+     * tree.markDirty(nodeId);
+     * tree.computeLayout(rootId, availableSpace);
+     * ```
+     * @param {bigint} node
+     */
+    markDirty(node) {
+        const ret = wasm.taffytree_markDirty(this.__wbg_ptr, node);
+        if (ret[1]) {
+            throw takeFromExternrefTable0(ret[0]);
+        }
+    }
+    /**
+     * Prints the tree structure to the console (for debugging)
+     *
+     * Outputs a text representation of the tree structure starting from
+     * the given node. Useful for debugging layout issues.
+     *
+     * @param node - The root node ID to print from
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const rootId = tree.newLeaf(new Style());
+     * tree.printTree(rootId);
+     * // Output appears in browser console
+     * ```
+     * @param {bigint} node
+     */
+    printTree(node) {
+        wasm.taffytree_printTree(this.__wbg_ptr, node);
+    }
+    /**
+     * Gets the number of children of a node
+     *
+     * @param parent - The parent node ID
+     *
+     * @returns - The number of direct children
+     *
+     * @throws `TaffyError` if the node does not exist
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const parentId = tree.newLeaf(new Style());
+     * const count: number = tree.childCount(parentId);
+     * ```
+     * @param {bigint} parent
+     * @returns {number}
+     */
+    childCount(parent) {
+        const ret = wasm.taffytree_childCount(this.__wbg_ptr, parent);
+        return ret >>> 0;
+    }
+    /**
+     * Removes a specific child from a parent
+     *
+     * @param parent - The parent node ID
+     * @param child - The child node ID to remove
+     *
+     * @returns - The removed child ID (`bigint`)
+     *
+     * @throws `TaffyError` if the parent or child node does not exist
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const parentId = tree.newLeaf(new Style());
+     * const childId = tree.newLeaf(new Style());
+     * tree.addChild(parentId, childId);
+     * tree.removeChild(parentId, childId);
+     * ```
+     * @param {bigint} parent
+     * @param {bigint} child
+     * @returns {bigint}
+     */
+    removeChild(parent, child) {
+        const ret = wasm.taffytree_removeChild(this.__wbg_ptr, parent, child);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return BigInt.asUintN(64, ret[0]);
+    }
+    /**
+     * Replaces all children of a node
+     *
+     * Any existing children are removed and replaced with the new array.
+     *
+     * @param parent - The parent node ID
+     * @param children - Array of new child node IDs
+     *
+     * @throws `TaffyError` if the parent node does not exist
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const parentId = tree.newLeaf(new Style());
+     * const child1 = tree.newLeaf(new Style());
+     * const child2 = tree.newLeaf(new Style());
+     * const child3 = tree.newLeaf(new Style());
+     * const children = BigUint64Array.from([child1, child2, child3]);
+     * tree.setChildren(parentId, children);
+     * ```
+     * @param {bigint} parent
+     * @param {BigUint64Array} children
+     */
+    setChildren(parent, children) {
+        const ptr0 = passArray64ToWasm0(children, wasm.__wbindgen_malloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.taffytree_setChildren(this.__wbg_ptr, parent, ptr0, len0);
+        if (ret[1]) {
+            throw takeFromExternrefTable0(ret[0]);
+        }
+    }
+    /**
+     * Creates a new TaffyTree with pre-allocated capacity
+     *
+     * Use this when you know approximately how many nodes will be in the tree.
+     * This can improve performance by reducing memory reallocations.
+     *
+     * @param capacity - The number of nodes to pre-allocate space for
+     *
+     * @example
+     * ```typescript
+     * const tree: TaffyTree = TaffyTree.withCapacity(1000);
+     * ```
+     * @param {number} capacity
+     * @returns {TaffyTree}
+     */
+    static withCapacity(capacity) {
+        const ret = wasm.taffytree_withCapacity(capacity);
+        return TaffyTree.__wrap(ret);
+    }
+    /**
+     * Computes the layout for a subtree
+     *
+     * This is the main layout computation method. Call this on the root node
+     * to compute layouts for all nodes in the tree.
+     *
+     * @param node - The root node ID to compute layout for
+     * @param availableSpace - The available space constraints
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const rootId = tree.newLeaf(new Style());
+     *
+     * // Fixed size container
+     * tree.computeLayout(rootId, { width: 800, height: 600 });
+     *
+     * // Flexible width, fixed height
+     * tree.computeLayout(rootId, { width: "max-content", height: 600 });
+     *
+     * // Minimum content size
+     * tree.computeLayout(rootId, { width: "min-content", height: "min-content" });
+     * ```
+     *
+     * @throws `TaffyError` if the node does not exist or available space is invalid
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const rootId = tree.newLeaf(new Style());
+     * tree.computeLayout(rootId, { width: 800, height: 600 });
+     * ```
+     * @param {bigint} node
+     * @param {Size<AvailableSpace>} availableSpace
+     */
+    computeLayout(node, availableSpace) {
+        const ret = wasm.taffytree_computeLayout(this.__wbg_ptr, node, availableSpace);
+        if (ret[1]) {
+            throw takeFromExternrefTable0(ret[0]);
+        }
+    }
+    /**
+     * Enables rounding of layout values to whole pixels
+     *
+     * When enabled (default), computed layout values like position and size
+     * are rounded to the nearest integer. This prevents sub-pixel rendering
+     * issues in most rendering contexts.
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * tree.enableRounding();
+     * ```
+     */
+    enableRounding() {
+        wasm.taffytree_enableRounding(this.__wbg_ptr);
+    }
+    /**
+     * Disables rounding of layout values
+     *
+     * When disabled, computed layout values retain their fractional precision.
+     * Use this when you need sub-pixel accuracy or when performing custom
+     * rounding.
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const node = tree.newLeaf(new Style());
+     * tree.disableRounding();
+     * const layout = tree.getLayout(node);
+     * console.log(layout.x);
+     * ```
+     */
+    disableRounding() {
+        wasm.taffytree_disableRounding(this.__wbg_ptr);
+    }
+    /**
+     * Gets the context value for a node
+     *
+     * @param node - The node ID
+     *
+     * @returns - The attached context value, or `undefined` if none is set
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const nodeId = tree.newLeaf(new Style());
+     * interface Context { text: string };
+     * const context = tree.getNodeContext(nodeId) as Context | undefined;
+     * if (context) {
+     *   console.log(context.text);
+     * }
+     * ```
+     * @param {bigint} node
+     * @returns {any}
+     */
+    getNodeContext(node) {
+        const ret = wasm.taffytree_getNodeContext(this.__wbg_ptr, node);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return takeFromExternrefTable0(ret[0]);
+    }
+    /**
+     * Sets a context value for a node
+     *
+     * The context can be any JavaScript value and is passed to the measure
+     * function during layout computation.
+     *
+     * @param node - The node ID
+     * @param context - Any JavaScript value to attach
+     *
+     * @throws `TaffyError` if the node does not exist
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const nodeId = tree.newLeaf(new Style());
+     * interface Context { text: string };
+     * tree.setNodeContext(nodeId, { text: "Updated text" } as Context);
+     * ```
+     * @param {bigint} node
+     * @param {any} context
+     */
+    setNodeContext(node, context) {
+        const ret = wasm.taffytree_setNodeContext(this.__wbg_ptr, node, context);
+        if (ret[1]) {
+            throw takeFromExternrefTable0(ret[0]);
+        }
+    }
+    /**
+     * Gets the total number of nodes in the tree
+     *
+     * @returns - The total count of all nodes
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const count: number = tree.totalNodeCount();
+     * ```
+     * @returns {number}
+     */
+    totalNodeCount() {
+        const ret = wasm.taffytree_totalNodeCount(this.__wbg_ptr);
+        return ret >>> 0;
+    }
+    /**
+     * Gets the unrounded (fractional) layout for a node
+     *
+     * Returns the raw computed values before any rounding is applied.
+     * Useful when you need sub-pixel precision.
+     *
+     * @param node - The node ID
+     *
+     * @returns - The unrounded `Layout`
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const nodeId = tree.newLeaf(new Style());
+     * const layout: Layout = tree.unroundedLayout(nodeId);
+     * console.log(`Exact width: ${layout.width}`);
+     * ```
+     * @param {bigint} node
+     * @returns {Layout}
+     */
+    unroundedLayout(node) {
+        const ret = wasm.taffytree_unroundedLayout(this.__wbg_ptr, node);
+        return Layout.__wrap(ret);
+    }
+    /**
+     * Creates a new node with the given children
+     *
+     * Use this to create container nodes that have child elements.
+     * The children must already exist in the tree.
+     *
+     * @param style - The style configuration for the node
+     * @param children - Array of child node IDs (as BigUint64Array)
+     *
+     * @returns - The node ID (`bigint`)
+     *
+     * @throws `TaffyError` if the node cannot be created
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const containerStyle = new Style();
+     * containerStyle.display = Display.Flex;
+     *
+     * const child1: bigint = tree.newLeaf(new Style());
+     * const child2: bigint = tree.newLeaf(new Style());
+     *
+     * const container: bigint = tree.newWithChildren(
+     *   containerStyle,
+     *   BigUint64Array.from([child1, child2])
+     * );
+     * ```
+     * @param {Style} style
+     * @param {BigUint64Array} children
+     * @returns {bigint}
+     */
+    newWithChildren(style, children) {
+        _assertClass(style, Style);
+        const ptr0 = passArray64ToWasm0(children, wasm.__wbindgen_malloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.taffytree_newWithChildren(this.__wbg_ptr, style.__wbg_ptr, ptr0, len0);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return BigInt.asUintN(64, ret[0]);
+    }
+    /**
+     * Gets the child at a specific index
+     *
+     * @param parent - The parent node ID
+     * @param index - The index of the child (0-based)
+     *
+     * @returns - The child node ID (`bigint`)
+     *
+     * @throws `TaffyError` if the parent node does not exist or index is out of bounds
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const parentId = tree.newLeaf(new Style());
+     * const childId = tree.newLeaf(new Style());
+     * tree.addChild(parentId, childId);
+     * const firstChild: bigint = tree.getChildAtIndex(parentId, 0);
+     * ```
+     * @param {bigint} parent
+     * @param {number} index
+     * @returns {bigint}
+     */
+    getChildAtIndex(parent, index) {
+        const ret = wasm.taffytree_getChildAtIndex(this.__wbg_ptr, parent, index);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return BigInt.asUintN(64, ret[0]);
+    }
+    /**
+     * Gets detailed layout information for grid layouts
+     *
+     * @note
+     * This method is only available when the `detailed_layout_info`
+     * feature is enabled.
+     *
+     * @param node - The node ID
+     *
+     * @returns - Detailed grid info or "None" for non-grid nodes
+     *
+     * @throws `TaffyError` if the node does not exist
+     * @param {bigint} node
+     * @returns {any}
+     */
+    detailedLayoutInfo(node) {
+        const ret = wasm.taffytree_detailedLayoutInfo(this.__wbg_ptr, node);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return takeFromExternrefTable0(ret[0]);
+    }
+    /**
+     * Gets a mutable reference to the context value for a node
+     *
+     * In JavaScript, this behaves the same as `getNodeContext()` since
+     * JavaScript objects are always passed by reference.
+     *
+     * @param node - The node ID
+     *
+     * @returns - The attached context value, or `undefined` if none is set
+     * @param {bigint} node
+     * @returns {any}
+     */
+    getNodeContextMut(node) {
+        const ret = wasm.taffytree_getNodeContextMut(this.__wbg_ptr, node);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return takeFromExternrefTable0(ret[0]);
+    }
+    /**
+     * Inserts a child at a specific index
+     *
+     * @param parent - The parent node ID
+     * @param index - The position to insert at (0-based)
+     * @param child - The child node ID to insert
+     *
+     * @throws `TaffyError` if the parent or child node does not exist, or index is out of bounds
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const parentId = tree.newLeaf(new Style());
+     * const childId = tree.newLeaf(new Style());
+     * tree.insertChildAtIndex(parentId, 0, childId);
+     * ```
+     * @param {bigint} parent
+     * @param {number} index
+     * @param {bigint} child
+     */
+    insertChildAtIndex(parent, index, child) {
+        const ret = wasm.taffytree_insertChildAtIndex(this.__wbg_ptr, parent, index, child);
+        if (ret[1]) {
+            throw takeFromExternrefTable0(ret[0]);
+        }
+    }
+    /**
+     * Creates a new leaf node with an attached context value
+     *
+     * The context can be any JavaScript value and is passed to the measure
+     * function during layout computation. This is useful for storing
+     * references to text content or other dynamic data.
+     *
+     * @param style - The style configuration for the node
+     * @param context - Any JavaScript value to attach to the node
+     * @returns - The node ID (`bigint`)
+     * @throws `TaffyError` if the node cannot be created
+     *
+     * @example
+     * ```typescript
+     * interface TextContext { text: string; isBold: boolean; }
+     *
+     * const tree = new TaffyTree();
+     * const style = new Style();
+     * const context: TextContext = { text: "Hello, World!", isBold: true };
+     * const nodeId: bigint = tree.newLeafWithContext(style, context);
+     * ```
+     * @param {Style} style
+     * @param {any} context
+     * @returns {bigint}
+     */
+    newLeafWithContext(style, context) {
+        _assertClass(style, Style);
+        const ret = wasm.taffytree_newLeafWithContext(this.__wbg_ptr, style.__wbg_ptr, context);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return BigInt.asUintN(64, ret[0]);
+    }
+    /**
+     * Removes a child at a specific index
+     *
+     * @param parent - The parent node ID
+     * @param index - The index of the child to remove (0-based)
+     *
+     * @returns - The removed child ID (`bigint`)
+     *
+     * @throws `TaffyError` if the parent node does not exist or index is out of bounds
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const parentId = tree.newLeaf(new Style());
+     * const childId = tree.newLeaf(new Style());
+     * tree.addChild(parentId, childId);
+     * const removedId: bigint = tree.removeChildAtIndex(parentId, 0);
+     * ```
+     * @param {bigint} parent
+     * @param {number} index
+     * @returns {bigint}
+     */
+    removeChildAtIndex(parent, index) {
+        const ret = wasm.taffytree_removeChildAtIndex(this.__wbg_ptr, parent, index);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return BigInt.asUintN(64, ret[0]);
+    }
+    /**
+     * Removes a range of children
+     *
+     * Removes children from `start_index` (inclusive) to `end_index` (exclusive).
+     *
+     * @param parent - The parent node ID
+     * @param startIndex - Start of range (inclusive)
+     * @param endIndex - End of range (exclusive)
+     *
+     * @throws `TaffyError` if the parent node does not exist or range is invalid
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const parentId = tree.newLeaf(new Style());
+     * const child1 = tree.newLeaf(new Style());
+     * const child2 = tree.newLeaf(new Style());
+     * const child3 = tree.newLeaf(new Style());
+     * tree.setChildren(parentId, BigUint64Array.from([child1, child2, child3]));
+     *
+     * tree.removeChildrenRange(parentId, 1, 3);
+     * ```
+     * @param {bigint} parent
+     * @param {number} startIndex
+     * @param {number} endIndex
+     */
+    removeChildrenRange(parent, startIndex, endIndex) {
+        const ret = wasm.taffytree_removeChildrenRange(this.__wbg_ptr, parent, startIndex, endIndex);
+        if (ret[1]) {
+            throw takeFromExternrefTable0(ret[0]);
+        }
+    }
+    /**
+     * Replaces a child at a specific index
+     *
+     * @param parent - The parent node ID
+     * @param index - The index of the child to replace (0-based)
+     * @param newChild - The new child node ID
+     *
+     * @returns - The replaced (old) child ID (`bigint`)
+     *
+     * @throws `TaffyError` if the parent node does not exist or index is out of bounds
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const parentId = tree.newLeaf(new Style());
+     * const oldChild = tree.newLeaf(new Style());
+     * const newChildId = tree.newLeaf(new Style());
+     * tree.addChild(parentId, oldChild);
+     * const child = tree.newLeaf(new Style()); // filler child at index 0 if needed, but index 1 implies 2 children
+     * tree.insertChildAtIndex(parentId, 0, child);
+     *
+     * const oldChildId: bigint = tree.replaceChildAtIndex(parentId, 1, newChildId);
+     * ```
+     * @param {bigint} parent
+     * @param {number} index
+     * @param {bigint} newChild
+     * @returns {bigint}
+     */
+    replaceChildAtIndex(parent, index, newChild) {
+        const ret = wasm.taffytree_replaceChildAtIndex(this.__wbg_ptr, parent, index, newChild);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return BigInt.asUintN(64, ret[0]);
+    }
+    /**
+     * Computes layout with a custom measure function for leaf nodes
+     *
+     * Use this when you have leaf nodes with dynamic content (like text)
+     * that needs to be measured during layout. The measure function is
+     * called for each leaf node that needs measurement.
+     *
+     * @param node - The root node ID to compute layout for
+     * @param availableSpace - The available space constraints
+     * @param measureFunc - A function that measures leaf node content
+     *
+     * @throws `TaffyError` if the node does not exist or available space is invalid
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const rootId = tree.newLeaf(new Style());
+     *
+     * const measureText = (text: string, width: number) => ({ width: 0, height: 0 });
+     *
+     * tree.computeLayoutWithMeasure(
+     *   rootId,
+     *   { width: 800, height: "max-content" },
+     *   (known, available, node, context, style) => {
+     *     if (context?.text) {
+     *       const measured = measureText(context.text, available.width as number);
+     *       return { width: measured.width, height: measured.height };
+     *     }
+     *     return { width: 0, height: 0 };
+     *   }
+     * );
+     * ```
+     * @param {bigint} node
+     * @param {Size<AvailableSpace>} availableSpace
+     * @param {MeasureFunction} measureFunc
+     */
+    computeLayoutWithMeasure(node, availableSpace, measureFunc) {
+        const ret = wasm.taffytree_computeLayoutWithMeasure(this.__wbg_ptr, node, availableSpace, measureFunc);
+        if (ret[1]) {
+            throw takeFromExternrefTable0(ret[0]);
+        }
+    }
+    /**
+     * Gets context values for multiple nodes at once
+     *
+     * This is more efficient than calling `getNodeContext()` multiple times
+     * when you need to access contexts for many nodes.
+     *
+     * @param children - Array of node IDs
+     *
+     * @returns - Array of context values (undefined for nodes without context)
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const id1 = tree.newLeaf(new Style());
+     * const id2 = tree.newLeaf(new Style());
+     * const nodes = BigUint64Array.from([id1, id2]);
+     * const contexts = tree.getDisjointNodeContextMut(nodes);
+     * ```
+     * @param {BigUint64Array} children
+     * @returns {any[]}
+     */
+    getDisjointNodeContextMut(children) {
+        const ptr0 = passArray64ToWasm0(children, wasm.__wbindgen_malloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.taffytree_getDisjointNodeContextMut(this.__wbg_ptr, ptr0, len0);
+        if (ret[3]) {
+            throw takeFromExternrefTable0(ret[2]);
+        }
+        var v2 = getArrayJsValueFromWasm0(ret[0], ret[1]).slice();
+        wasm.__wbindgen_free(ret[0], ret[1] * 4, 4);
+        return v2;
+    }
+    /**
+     * Creates a new empty TaffyTree
+     *
+     * The tree starts with no nodes. Use `newLeaf()` or `newWithChildren()`
+     * to add nodes.
+     *
+     * @example
+     * ```typescript
+     * const tree: TaffyTree = new TaffyTree();
+     * ```
+     */
+    constructor() {
+        const ret = wasm.taffytree_new();
+        this.__wbg_ptr = ret >>> 0;
+        TaffyTreeFinalization.register(this, this.__wbg_ptr, this);
+        return this;
+    }
+    /**
+     * Removes all nodes from the tree
+     *
+     * This clears the entire tree, removing all nodes and their relationships.
+     * Use this to reset the tree for reuse.
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * tree.clear();
+     * console.log(tree.totalNodeCount());
+     * ```
+     */
+    clear() {
+        wasm.taffytree_clear(this.__wbg_ptr);
+    }
+    /**
+     * Checks if a node is dirty (needs re-layout)
+     *
+     * A node is dirty if its style or content has changed since the last
+     * layout computation.
+     *
+     * @param node - The node ID to check
+     *
+     * @returns - true if dirty, false otherwise
+     *
+     * @throws `TaffyError` if the node does not exist
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const rootId = tree.newLeaf(new Style());
+     * const nodeId = rootId;
+     * const availableSpace = { width: 100, height: 100 };
+     *
+     * if (tree.dirty(nodeId)) {
+     *   tree.computeLayout(rootId, availableSpace);
+     * }
+     * ```
+     * @param {bigint} node
+     * @returns {boolean}
+     */
+    dirty(node) {
+        const ret = wasm.taffytree_dirty(this.__wbg_ptr, node);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return ret[0] !== 0;
+    }
+    /**
+     * Gets the style for a node
+     *
+     * @param node - The node ID
+     *
+     * @returns - The node's `Style`
+     *
+     * @throws `TaffyError` if the node does not exist
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const nodeId = tree.newLeaf(new Style());
+     * const style: Style = tree.getStyle(nodeId);
+     * console.log('Flex grow:', style.flexGrow);
+     * ```
+     * @param {bigint} node
+     * @returns {Style}
+     */
+    getStyle(node) {
+        const ret = wasm.taffytree_getStyle(this.__wbg_ptr, node);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return Style.__wrap(ret[0]);
+    }
+    /**
+     * Gets the computed layout for a node
+     *
+     * Call this after `computeLayout()` to retrieve the computed position
+     * and size for a node.
+     *
+     * @param node - The node ID
+     *
+     * @returns - The computed `Layout`
+     *
+     * @throws `TaffyError` if the node does not exist
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const style = new Style();
+     * style.size = { width: 100, height: 100 };
+     * const rootId = tree.newLeaf(style);
+     * const nodeId = rootId;
+     *
+     * tree.computeLayout(rootId, { width: 800, height: 600 });
+     * const layout: Layout = tree.getLayout(nodeId);
+     * console.log(`Position: (${layout.x}, ${layout.y}), Size: ${layout.width}x${layout.height}`);
+     * ```
+     * @param {bigint} node
+     * @returns {Layout}
+     */
+    getLayout(node) {
+        const ret = wasm.taffytree_getLayout(this.__wbg_ptr, node);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return Layout.__wrap(ret[0]);
+    }
+    /**
+     * Gets the parent of a node
+     *
+     * @param child - The child node ID
+     *
+     * @returns - The parent node ID, or `undefined` if the node has no parent
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const parentId = tree.newLeaf(new Style());
+     * const childId = tree.newLeaf(new Style());
+     * tree.addChild(parentId, childId);
+     * const parent: bigint | undefined = tree.parent(childId);
+     * ```
+     * @param {bigint} child
+     * @returns {bigint | undefined}
+     */
+    parent(child) {
+        const ret = wasm.taffytree_parent(this.__wbg_ptr, child);
+        return ret[0] === 0 ? undefined : BigInt.asUintN(64, ret[1]);
+    }
+    /**
+     * Removes a node from the tree
+     *
+     * The node and all its descendants are removed. If the node has a parent,
+     * it is automatically removed from the parent's children.
+     *
+     * @param node - The node ID to remove
+     *
+     * @returns - The removed node ID (`bigint`)
+     *
+     * @throws `TaffyError` if the node does not exist
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const nodeId = tree.newLeaf(new Style());
+     * try {
+     *   const removedId: bigint = tree.remove(nodeId);
+     * } catch (e) {
+     *   console.error("Node doesn't exist");
+     * }
+     * ```
+     * @param {bigint} node
+     * @returns {bigint}
+     */
+    remove(node) {
+        const ret = wasm.taffytree_remove(this.__wbg_ptr, node);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return BigInt.asUintN(64, ret[0]);
+    }
+    /**
+     * Gets all children of a node
+     *
+     * @param parent - The parent node ID
+     *
+     * @returns - Array of child node IDs (`BigUint64Array`)
+     *
+     * @throws `TaffyError` if the parent node does not exist
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const parentId = tree.newLeaf(new Style());
+     * const children: BigUint64Array = tree.children(parentId);
+     * ```
+     * @param {bigint} parent
+     * @returns {BigUint64Array}
+     */
+    children(parent) {
+        const ret = wasm.taffytree_children(this.__wbg_ptr, parent);
+        if (ret[3]) {
+            throw takeFromExternrefTable0(ret[2]);
+        }
+        var v1 = getArrayU64FromWasm0(ret[0], ret[1]).slice();
+        wasm.__wbindgen_free(ret[0], ret[1] * 8, 8);
+        return v1;
+    }
+    /**
+     * Creates a new leaf node with the given style
+     *
+     * A leaf node has no children. Use this for elements that contain
+     * content (like text) rather than other elements.
+     *
+     * @param style - The style configuration for the node
+     * @returns - The node ID (`bigint`)
+     * @throws `TaffyError` if the node cannot be created
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const style = new Style();
+     * style.size = { width: 100, height: 50 };
+     * const nodeId: bigint = tree.newLeaf(style);
+     * ```
+     * @param {Style} style
+     * @returns {bigint}
+     */
+    newLeaf(style) {
+        _assertClass(style, Style);
+        const ret = wasm.taffytree_newLeaf(this.__wbg_ptr, style.__wbg_ptr);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return BigInt.asUintN(64, ret[0]);
+    }
+    /**
+     * Appends a child node to a parent
+     *
+     * The child is added as the last child of the parent.
+     *
+     * @param parent - The parent node ID
+     * @param child - The child node ID to add
+     *
+     * @throws `TaffyError` if the parent or child node does not exist
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const parentId = tree.newLeaf(new Style());
+     * const childId = tree.newLeaf(new Style());
+     * tree.addChild(parentId, childId);
+     * ```
+     * @param {bigint} parent
+     * @param {bigint} child
+     */
+    addChild(parent, child) {
+        const ret = wasm.taffytree_addChild(this.__wbg_ptr, parent, child);
+        if (ret[1]) {
+            throw takeFromExternrefTable0(ret[0]);
+        }
+    }
+    /**
+     * Sets the style for an existing node
+     *
+     * This replaces the node's current style with the provided one.
+     * The node will be marked as dirty and require re-layout.
+     *
+     * @param node - The node ID
+     * @param style - The new style configuration
+     *
+     * @throws `TaffyError` if the node does not exist
+     *
+     * @example
+     * ```typescript
+     * const tree = new TaffyTree();
+     * const nodeId = tree.newLeaf(new Style());
+     * const newStyle = new Style();
+     * newStyle.flexGrow = 2;
+     * tree.setStyle(nodeId, newStyle);
+     * ```
+     * @param {bigint} node
+     * @param {Style} style
+     */
+    setStyle(node, style) {
+        _assertClass(style, Style);
+        const ret = wasm.taffytree_setStyle(this.__wbg_ptr, node, style.__wbg_ptr);
+        if (ret[1]) {
+            throw takeFromExternrefTable0(ret[0]);
+        }
+    }
+}
+if (Symbol.dispose) TaffyTree.prototype[Symbol.dispose] = TaffyTree.prototype.free;
+
+/**
+ * Text alignment enumeration (for block layout)
+ *
+ * Used by block layout to implement the legacy behaviour of `<center>` and
+ * `<div align="left | right | center">`.
+ *
+ * @example
+ * ```typescript
+ * import { Style, TextAlign } from 'taffy-layout';
+ *
+ * const style = new Style();
+ * style.textAlign = TextAlign.LegacyCenter;  // Center block children
+ * ```
+ * @enum {0 | 1 | 2 | 3}
+ */
+export const TextAlign = Object.freeze({
+    /**
+     * No special legacy text align behaviour
+     */
+    Auto: 0, "0": "Auto",
+    /**
+     * Corresponds to `-webkit-left` or `-moz-left` in browsers
+     */
+    LegacyLeft: 1, "1": "LegacyLeft",
+    /**
+     * Corresponds to `-webkit-right` or `-moz-right` in browsers
+     */
+    LegacyRight: 2, "2": "LegacyRight",
+    /**
+     * Corresponds to `-webkit-center` or `-moz-center` in browsers
+     */
+    LegacyCenter: 3, "3": "LegacyCenter",
+});
+
+const EXPECTED_RESPONSE_TYPES = new Set(['basic', 'cors', 'default']);
+
+async function __wbg_load(module, imports) {
+    if (typeof Response === 'function' && module instanceof Response) {
+        if (typeof WebAssembly.instantiateStreaming === 'function') {
+            try {
+                return await WebAssembly.instantiateStreaming(module, imports);
+            } catch (e) {
+                const validResponse = module.ok && EXPECTED_RESPONSE_TYPES.has(module.type);
+
+                if (validResponse && module.headers.get('Content-Type') !== 'application/wasm') {
+                    console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve Wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
+
+                } else {
+                    throw e;
+                }
+            }
+        }
+
+        const bytes = await module.arrayBuffer();
+        return await WebAssembly.instantiate(bytes, imports);
+    } else {
+        const instance = await WebAssembly.instantiate(module, imports);
+
+        if (instance instanceof WebAssembly.Instance) {
+            return { instance, module };
+        } else {
+            return instance;
+        }
+    }
+}
+
+function __wbg_get_imports() {
+    const imports = {};
+    imports.wbg = {};
+    imports.wbg.__wbg_Error_52673b7de5a0ca89 = function(arg0, arg1) {
+        const ret = Error(getStringFromWasm0(arg0, arg1));
+        return ret;
+    };
+    imports.wbg.__wbg_Number_2d1dcfcf4ec51736 = function(arg0) {
+        const ret = Number(arg0);
+        return ret;
+    };
+    imports.wbg.__wbg_String_8f0eb39a4a4c2f66 = function(arg0, arg1) {
+        const ret = String(arg1);
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg___wbindgen_bigint_get_as_i64_6e32f5e6aff02e1d = function(arg0, arg1) {
+        const v = arg1;
+        const ret = typeof(v) === 'bigint' ? v : undefined;
+        getDataViewMemory0().setBigInt64(arg0 + 8 * 1, isLikeNone(ret) ? BigInt(0) : ret, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, !isLikeNone(ret), true);
+    };
+    imports.wbg.__wbg___wbindgen_boolean_get_dea25b33882b895b = function(arg0) {
+        const v = arg0;
+        const ret = typeof(v) === 'boolean' ? v : undefined;
+        return isLikeNone(ret) ? 0xFFFFFF : ret ? 1 : 0;
+    };
+    imports.wbg.__wbg___wbindgen_debug_string_adfb662ae34724b6 = function(arg0, arg1) {
+        const ret = debugString(arg1);
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg___wbindgen_in_0d3e1e8f0c669317 = function(arg0, arg1) {
+        const ret = arg0 in arg1;
+        return ret;
+    };
+    imports.wbg.__wbg___wbindgen_is_bigint_0e1a2e3f55cfae27 = function(arg0) {
+        const ret = typeof(arg0) === 'bigint';
+        return ret;
+    };
+    imports.wbg.__wbg___wbindgen_is_function_8d400b8b1af978cd = function(arg0) {
+        const ret = typeof(arg0) === 'function';
+        return ret;
+    };
+    imports.wbg.__wbg___wbindgen_is_null_dfda7d66506c95b5 = function(arg0) {
+        const ret = arg0 === null;
+        return ret;
+    };
+    imports.wbg.__wbg___wbindgen_is_object_ce774f3490692386 = function(arg0) {
+        const val = arg0;
+        const ret = typeof(val) === 'object' && val !== null;
+        return ret;
+    };
+    imports.wbg.__wbg___wbindgen_is_undefined_f6b95eab589e0269 = function(arg0) {
+        const ret = arg0 === undefined;
+        return ret;
+    };
+    imports.wbg.__wbg___wbindgen_jsval_eq_b6101cc9cef1fe36 = function(arg0, arg1) {
+        const ret = arg0 === arg1;
+        return ret;
+    };
+    imports.wbg.__wbg___wbindgen_jsval_loose_eq_766057600fdd1b0d = function(arg0, arg1) {
+        const ret = arg0 == arg1;
+        return ret;
+    };
+    imports.wbg.__wbg___wbindgen_number_get_9619185a74197f95 = function(arg0, arg1) {
+        const obj = arg1;
+        const ret = typeof(obj) === 'number' ? obj : undefined;
+        getDataViewMemory0().setFloat64(arg0 + 8 * 1, isLikeNone(ret) ? 0 : ret, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, !isLikeNone(ret), true);
+    };
+    imports.wbg.__wbg___wbindgen_string_get_a2a31e16edf96e42 = function(arg0, arg1) {
+        const obj = arg1;
+        const ret = typeof(obj) === 'string' ? obj : undefined;
+        var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        var len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg___wbindgen_throw_dd24417ed36fc46e = function(arg0, arg1) {
+        throw new Error(getStringFromWasm0(arg0, arg1));
+    };
+    imports.wbg.__wbg_apply_52e9ae668d017009 = function() { return handleError(function (arg0, arg1, arg2) {
+        const ret = arg0.apply(arg1, arg2);
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_call_abb4ff46ce38be40 = function() { return handleError(function (arg0, arg1) {
+        const ret = arg0.call(arg1);
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_done_62ea16af4ce34b24 = function(arg0) {
+        const ret = arg0.done;
+        return ret;
+    };
+    imports.wbg.__wbg_entries_83c79938054e065f = function(arg0) {
+        const ret = Object.entries(arg0);
+        return ret;
+    };
+    imports.wbg.__wbg_error_7534b8e9a36f1ab4 = function(arg0, arg1) {
+        let deferred0_0;
+        let deferred0_1;
+        try {
+            deferred0_0 = arg0;
+            deferred0_1 = arg1;
+            console.error(getStringFromWasm0(arg0, arg1));
+        } finally {
+            wasm.__wbindgen_free(deferred0_0, deferred0_1, 1);
+        }
+    };
+    imports.wbg.__wbg_get_6b7bd52aca3f9671 = function(arg0, arg1) {
+        const ret = arg0[arg1 >>> 0];
+        return ret;
+    };
+    imports.wbg.__wbg_get_af9dab7e9603ea93 = function() { return handleError(function (arg0, arg1) {
+        const ret = Reflect.get(arg0, arg1);
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_get_with_ref_key_1dc361bd10053bfe = function(arg0, arg1) {
+        const ret = arg0[arg1];
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_ArrayBuffer_f3320d2419cd0355 = function(arg0) {
+        let result;
+        try {
+            result = arg0 instanceof ArrayBuffer;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_Map_084be8da74364158 = function(arg0) {
+        let result;
+        try {
+            result = arg0 instanceof Map;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_Uint8Array_da54ccc9d3e09434 = function(arg0) {
+        let result;
+        try {
+            result = arg0 instanceof Uint8Array;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_isArray_51fd9e6422c0a395 = function(arg0) {
+        const ret = Array.isArray(arg0);
+        return ret;
+    };
+    imports.wbg.__wbg_isSafeInteger_ae7d3f054d55fa16 = function(arg0) {
+        const ret = Number.isSafeInteger(arg0);
+        return ret;
+    };
+    imports.wbg.__wbg_iterator_27b7c8b35ab3e86b = function() {
+        const ret = Symbol.iterator;
+        return ret;
+    };
+    imports.wbg.__wbg_length_22ac23eaec9d8053 = function(arg0) {
+        const ret = arg0.length;
+        return ret;
+    };
+    imports.wbg.__wbg_length_d45040a40c570362 = function(arg0) {
+        const ret = arg0.length;
+        return ret;
+    };
+    imports.wbg.__wbg_log_725a3bd25b473a36 = function(arg0, arg1) {
+        console.log(getStringFromWasm0(arg0, arg1));
+    };
+    imports.wbg.__wbg_new_1ba21ce319a06297 = function() {
+        const ret = new Object();
+        return ret;
+    };
+    imports.wbg.__wbg_new_25f239778d6112b9 = function() {
+        const ret = new Array();
+        return ret;
+    };
+    imports.wbg.__wbg_new_6421f6084cc5bc5a = function(arg0) {
+        const ret = new Uint8Array(arg0);
+        return ret;
+    };
+    imports.wbg.__wbg_new_8a6f238a6ece86ea = function() {
+        const ret = new Error();
+        return ret;
+    };
+    imports.wbg.__wbg_next_138a17bbf04e926c = function(arg0) {
+        const ret = arg0.next;
+        return ret;
+    };
+    imports.wbg.__wbg_next_3cfe5c0fe2a4cc53 = function() { return handleError(function (arg0) {
+        const ret = arg0.next();
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_prototypesetcall_dfe9b766cdc1f1fd = function(arg0, arg1, arg2) {
+        Uint8Array.prototype.set.call(getArrayU8FromWasm0(arg0, arg1), arg2);
+    };
+    imports.wbg.__wbg_push_7d9be8f38fc13975 = function(arg0, arg1) {
+        const ret = arg0.push(arg1);
+        return ret;
+    };
+    imports.wbg.__wbg_set_3f1d0b984ed272ed = function(arg0, arg1, arg2) {
+        arg0[arg1] = arg2;
+    };
+    imports.wbg.__wbg_set_7df433eea03a5c14 = function(arg0, arg1, arg2) {
+        arg0[arg1 >>> 0] = arg2;
+    };
+    imports.wbg.__wbg_stack_0ed75d68575b0f3c = function(arg0, arg1) {
+        const ret = arg1.stack;
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_stringify_655a6390e1f5eb6b = function() { return handleError(function (arg0) {
+        const ret = JSON.stringify(arg0);
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_style_new = function(arg0) {
+        const ret = Style.__wrap(arg0);
+        return ret;
+    };
+    imports.wbg.__wbg_taffyerror_new = function(arg0) {
+        const ret = TaffyError.__wrap(arg0);
+        return ret;
+    };
+    imports.wbg.__wbg_value_57b7b035e117f7ee = function(arg0) {
+        const ret = arg0.value;
+        return ret;
+    };
+    imports.wbg.__wbindgen_cast_2241b6af4c4b2941 = function(arg0, arg1) {
+        // Cast intrinsic for `Ref(String) -> Externref`.
+        const ret = getStringFromWasm0(arg0, arg1);
+        return ret;
+    };
+    imports.wbg.__wbindgen_cast_4625c577ab2ec9ee = function(arg0) {
+        // Cast intrinsic for `U64 -> Externref`.
+        const ret = BigInt.asUintN(64, arg0);
+        return ret;
+    };
+    imports.wbg.__wbindgen_cast_9ae0607507abb057 = function(arg0) {
+        // Cast intrinsic for `I64 -> Externref`.
+        const ret = arg0;
+        return ret;
+    };
+    imports.wbg.__wbindgen_cast_d6cd19b81560fd6e = function(arg0) {
+        // Cast intrinsic for `F64 -> Externref`.
+        const ret = arg0;
+        return ret;
+    };
+    imports.wbg.__wbindgen_init_externref_table = function() {
+        const table = wasm.__wbindgen_externrefs;
+        const offset = table.grow(4);
+        table.set(0, undefined);
+        table.set(offset + 0, undefined);
+        table.set(offset + 1, null);
+        table.set(offset + 2, true);
+        table.set(offset + 3, false);
+    };
+
+    return imports;
+}
+
+function __wbg_finalize_init(instance, module) {
+    wasm = instance.exports;
+    __wbg_init.__wbindgen_wasm_module = module;
+    cachedBigUint64ArrayMemory0 = null;
+    cachedDataViewMemory0 = null;
+    cachedUint8ArrayMemory0 = null;
+
+
+    wasm.__wbindgen_start();
+    return wasm;
+}
+
+function initSync(module) {
+    if (wasm !== undefined) return wasm;
+
+
+    if (typeof module !== 'undefined') {
+        if (Object.getPrototypeOf(module) === Object.prototype) {
+            ({module} = module)
+        } else {
+            console.warn('using deprecated parameters for `initSync()`; pass a single object instead')
+        }
+    }
+
+    const imports = __wbg_get_imports();
+    if (!(module instanceof WebAssembly.Module)) {
+        module = new WebAssembly.Module(module);
+    }
+    const instance = new WebAssembly.Instance(module, imports);
+    return __wbg_finalize_init(instance, module);
+}
+
+async function __wbg_init(module_or_path) {
+    if (wasm !== undefined) return wasm;
+
+
+    if (typeof module_or_path !== 'undefined') {
+        if (Object.getPrototypeOf(module_or_path) === Object.prototype) {
+            ({module_or_path} = module_or_path)
+        } else {
+            console.warn('using deprecated parameters for the initialization function; pass a single object instead')
+        }
+    }
+
+    if (typeof module_or_path === 'undefined') {
+        module_or_path = new URL('taffy_wasm_bg.wasm', import.meta.url);
+    }
+    const imports = __wbg_get_imports();
+
+    if (typeof module_or_path === 'string' || (typeof Request === 'function' && module_or_path instanceof Request) || (typeof URL === 'function' && module_or_path instanceof URL)) {
+        module_or_path = fetch(module_or_path);
+    }
+
+    const { instance, module } = await __wbg_load(await module_or_path, imports);
+
+    return __wbg_finalize_init(instance, module);
+}
+
+export { initSync };
+export default __wbg_init;