taffy-js 0.1.3 → 0.2.1

package/taffy_js.js

@@ -77,6 +77,17 @@ function debugString(val) {
     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);
@@ -208,2213 +219,1295 @@ if (!('encodeInto' in cachedTextEncoder)) {
 
 let WASM_VECTOR_LEN = 0;
 
-const AvailableSpaceFinalization = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_availablespace_free(ptr >>> 0, 1));
-
-const DimensionFinalization = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_dimension_free(ptr >>> 0, 1));
-
-const LayoutFinalization = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_layout_free(ptr >>> 0, 1));
-
-const LineFinalization = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_line_free(ptr >>> 0, 1));
-
-const PointFinalization = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_point_free(ptr >>> 0, 1));
-
-const RectFinalization = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_rect_free(ptr >>> 0, 1));
-
-const SizeFinalization = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_size_free(ptr >>> 0, 1));
-
 const StyleFinalization = (typeof FinalizationRegistry === 'undefined')
     ? { register: () => {}, unregister: () => {} }
     : new FinalizationRegistry(ptr => wasm.__wbg_style_free(ptr >>> 0, 1));
 
-const TaffyNodeFinalization = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_taffynode_free(ptr >>> 0, 1));
-
-const TrackDefinitionFinalization = (typeof FinalizationRegistry === 'undefined')
+const TaffyTreeFinalization = (typeof FinalizationRegistry === 'undefined')
     ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_trackdefinition_free(ptr >>> 0, 1));
+    : new FinalizationRegistry(ptr => wasm.__wbg_taffytree_free(ptr >>> 0, 1));
 
 /**
- * How lines of content are aligned along the cross axis when there is extra space.
+ * Multi-line content alignment enum (Align Content)
+ *
+ * Controls spacing distribution between lines in a multi-line flex container.
+ * Corresponds to CSS `align-content` property. Only effective when `flex-wrap: wrap`.
+ *
+ * # Variants
+ * - `SpaceBetween`: Lines evenly distributed, first/last lines flush with edges
+ * - `SpaceAround`: Equal space on both sides of each line
+ * - `SpaceEvenly`: All spacing completely equal
  * @enum {0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8}
  */
 export const AlignContent = Object.freeze({
-    /**
-     * Lines are packed toward the start of the cross axis.
-     */
     Start: 0, "0": "Start",
-    /**
-     * Lines are packed toward the end of the cross axis.
-     */
     End: 1, "1": "End",
-    /**
-     * Lines are packed toward the start of the flex-direction cross axis.
-     */
     FlexStart: 2, "2": "FlexStart",
-    /**
-     * Lines are packed toward the end of the flex-direction cross axis.
-     */
     FlexEnd: 3, "3": "FlexEnd",
-    /**
-     * Lines are packed toward the center of the cross axis.
-     */
     Center: 4, "4": "Center",
-    /**
-     * Lines are evenly distributed; the first line is at the start, the last at the end.
-     */
-    SpaceBetween: 5, "5": "SpaceBetween",
-    /**
-     * Lines are evenly distributed with equal space around them.
-     */
-    SpaceAround: 6, "6": "SpaceAround",
-    /**
-     * Lines are evenly distributed with equal space between them.
-     */
-    SpaceEvenly: 7, "7": "SpaceEvenly",
-    /**
-     * Lines are stretched to take up the remaining space.
-     */
-    Stretch: 8, "8": "Stretch",
+    Stretch: 5, "5": "Stretch",
+    SpaceBetween: 6, "6": "SpaceBetween",
+    SpaceAround: 7, "7": "SpaceAround",
+    SpaceEvenly: 8, "8": "SpaceEvenly",
 });
 
 /**
- * How items are aligned along the cross axis.
+ * Cross-axis alignment enum for children (Align Items)
+ *
+ * Defines how all children are aligned on the cross axis in a Flex/Grid container.
+ *
+ * # Variants
+ * - `Start/FlexStart`: Align to cross axis start
+ * - `End/FlexEnd`: Align to cross axis end
+ * - `Center`: Center alignment
+ * - `Baseline`: Baseline alignment (text baseline)
+ * - `Stretch`: Stretch to fill container
  * @enum {0 | 1 | 2 | 3 | 4 | 5 | 6}
  */
 export const AlignItems = Object.freeze({
-    /**
-     * Items are aligned at the start of the cross axis.
-     */
     Start: 0, "0": "Start",
-    /**
-     * Items are aligned at the end of the cross axis.
-     */
     End: 1, "1": "End",
-    /**
-     * Items are aligned at the start of the flex-direction cross axis.
-     */
     FlexStart: 2, "2": "FlexStart",
-    /**
-     * Items are aligned at the end of the flex-direction cross axis.
-     */
     FlexEnd: 3, "3": "FlexEnd",
-    /**
-     * Items are aligned at the center of the cross axis.
-     */
     Center: 4, "4": "Center",
-    /**
-     * Items are aligned based on their baselines.
-     */
     Baseline: 5, "5": "Baseline",
-    /**
-     * Items are stretched to fill the container along the cross axis.
-     */
     Stretch: 6, "6": "Stretch",
 });
 
 /**
- * How a single item is aligned along the cross axis, overriding `AlignItems`.
+ * Cross-axis alignment enum for single element (Align Self)
+ *
+ * Overrides parent's `align-items` for a single child element's cross-axis alignment.
+ *
+ * # Variants
+ * - `Auto`: Inherit parent's `align-items` value
+ * - Other values have same meaning as `AlignItems`
  * @enum {0 | 1 | 2 | 3 | 4 | 5 | 6 | 7}
  */
 export const AlignSelf = Object.freeze({
-    /**
-     * Auto
-     */
     Auto: 0, "0": "Auto",
-    /**
-     * items are aligned at the start of the cross axis.
-     */
     Start: 1, "1": "Start",
-    /**
-     * Items are aligned at the end of the cross axis.
-     */
     End: 2, "2": "End",
-    /**
-     * Items are aligned at the start of the flex-direction cross axis.
-     */
     FlexStart: 3, "3": "FlexStart",
-    /**
-     * Items are aligned at the end of the flex-direction cross axis.
-     */
     FlexEnd: 4, "4": "FlexEnd",
-    /**
-     * Items are aligned at the center of the cross axis.
-     */
     Center: 5, "5": "Center",
-    /**
-     * Items are aligned based on their baselines.
-     */
     Baseline: 6, "6": "Baseline",
-    /**
-     * Items are stretched to fill the container along the cross axis.
-     */
     Stretch: 7, "7": "Stretch",
 });
 
 /**
- * The available space for layout computation.
- */
-export class AvailableSpace {
-    __destroy_into_raw() {
-        const ptr = this.__wbg_ptr;
-        this.__wbg_ptr = 0;
-        AvailableSpaceFinalization.unregister(this);
-        return ptr;
-    }
-    free() {
-        const ptr = this.__destroy_into_raw();
-        wasm.__wbg_availablespace_free(ptr, 0);
-    }
-    /**
-     * The available width (None means undefined/max-content).
-     * @returns {number | undefined}
-     */
-    get width() {
-        const ret = wasm.__wbg_get_availablespace_width(this.__wbg_ptr);
-        return ret === 0x100000001 ? undefined : ret;
-    }
-    /**
-     * The available width (None means undefined/max-content).
-     * @param {number | null} [arg0]
-     */
-    set width(arg0) {
-        wasm.__wbg_set_availablespace_width(this.__wbg_ptr, isLikeNone(arg0) ? 0x100000001 : Math.fround(arg0));
-    }
-    /**
-     * The available height (None means undefined/max-content).
-     * @returns {number | undefined}
-     */
-    get height() {
-        const ret = wasm.__wbg_get_availablespace_height(this.__wbg_ptr);
-        return ret === 0x100000001 ? undefined : ret;
-    }
-    /**
-     * The available height (None means undefined/max-content).
-     * @param {number | null} [arg0]
-     */
-    set height(arg0) {
-        wasm.__wbg_set_availablespace_height(this.__wbg_ptr, isLikeNone(arg0) ? 0x100000001 : Math.fround(arg0));
-    }
-}
-if (Symbol.dispose) AvailableSpace.prototype[Symbol.dispose] = AvailableSpace.prototype.free;
-
-/**
- * Represents a length value in CSS.
- * Represents a length value in CSS.
+ * Display mode enum
  *
- * This struct corresponds to a dimension value that can be specified in pixels, percentage, or auto.
- */
-export class Dimension {
-    static __wrap(ptr) {
-        ptr = ptr >>> 0;
-        const obj = Object.create(Dimension.prototype);
-        obj.__wbg_ptr = ptr;
-        DimensionFinalization.register(obj, obj.__wbg_ptr, obj);
-        return obj;
-    }
-    __destroy_into_raw() {
-        const ptr = this.__wbg_ptr;
-        this.__wbg_ptr = 0;
-        DimensionFinalization.unregister(this);
-        return ptr;
-    }
-    free() {
-        const ptr = this.__destroy_into_raw();
-        wasm.__wbg_dimension_free(ptr, 0);
-    }
-    /**
-     * The numeric value of the dimension.
-     * - For `Pixels`, this is the number of pixels.
-     * - For `Percent`, this is the percentage value (0.0 to 100.0, or sometimes 0.0 to 1.0 depending on context, handled by internal logic).
-     * - For `Auto`, this value is typically ignored.
-     * @returns {number}
-     */
-    get value() {
-        const ret = wasm.__wbg_get_dimension_value(this.__wbg_ptr);
-        return ret;
-    }
-    /**
-     * The numeric value of the dimension.
-     * - For `Pixels`, this is the number of pixels.
-     * - For `Percent`, this is the percentage value (0.0 to 100.0, or sometimes 0.0 to 1.0 depending on context, handled by internal logic).
-     * - For `Auto`, this value is typically ignored.
-     * @param {number} arg0
-     */
-    set value(arg0) {
-        wasm.__wbg_set_dimension_value(this.__wbg_ptr, arg0);
-    }
-    /**
-     * The unit of the dimension.
-     * @returns {DimensionUnit}
-     */
-    get unit() {
-        const ret = wasm.__wbg_get_dimension_unit(this.__wbg_ptr);
-        return ret;
-    }
-    /**
-     * The unit of the dimension.
-     * @param {DimensionUnit} arg0
-     */
-    set unit(arg0) {
-        wasm.__wbg_set_dimension_unit(this.__wbg_ptr, arg0);
-    }
-}
-if (Symbol.dispose) Dimension.prototype[Symbol.dispose] = Dimension.prototype.free;
-
-/**
- * The unit of a dimension.
- * @enum {0 | 1 | 2}
- */
-export const DimensionUnit = Object.freeze({
-    /**
-     * The dimension is specified in logical pixels.
-     */
-    Pixels: 0, "0": "Pixels",
-    /**
-     * The dimension is specified as a percentage of the parent's size.
-     */
-    Percent: 1, "1": "Percent",
-    /**
-     * The dimension is determined automatically based on content or context.
-     */
-    Auto: 2, "2": "Auto",
-});
-
-/**
- * The display style of a node.
+ * Controls the layout algorithm type for an element. Corresponds to CSS `display` property.
+ *
+ * # Variants
+ * - `Block`: Block-level layout, element takes full width
+ * - `Flex`: Flexbox layout, one-dimensional layout model
+ * - `Grid`: CSS Grid layout, two-dimensional layout model
+ * - `None`: Hidden, element does not participate in layout calculation
  * @enum {0 | 1 | 2 | 3}
  */
 export const Display = Object.freeze({
-    /**
-     * The node is hidden and does not take up space.
-     */
-    None: 0, "0": "None",
-    /**
-     * The node behaves as a flex container.
-     */
+    Block: 0, "0": "Block",
     Flex: 1, "1": "Flex",
-    /**
-     * The node behaves as a grid container.
-     */
     Grid: 2, "2": "Grid",
-    /**
-     * The node behaves as a block element.
-     */
-    Block: 3, "3": "Block",
-});
-
-/**
- * Start and End are used for logical positioning (e.g. paddingStart).
- * @enum {0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8}
- */
-export const Edge = Object.freeze({
-    Left: 0, "0": "Left",
-    Right: 1, "1": "Right",
-    Top: 2, "2": "Top",
-    Bottom: 3, "3": "Bottom",
-    Start: 4, "4": "Start",
-    End: 5, "5": "End",
-    Horizontal: 6, "6": "Horizontal",
-    Vertical: 7, "7": "Vertical",
-    All: 8, "8": "All",
+    None: 3, "3": "None",
 });
 
 /**
- * The direction of the main axis for a flex container.
+ * Flex main axis direction enum
+ *
+ * Defines the direction children are laid out in a flex container. Corresponds to CSS `flex-direction` property.
+ *
+ * # Variants
+ * - `Row`: Horizontal direction, left to right (LTR mode)
+ * - `Column`: Vertical direction, top to bottom
+ * - `RowReverse`: Horizontal reverse, right to left
+ * - `ColumnReverse`: Vertical reverse, bottom to top
  * @enum {0 | 1 | 2 | 3}
  */
 export const FlexDirection = Object.freeze({
-    /**
-     * Items are placed horizontally from left to right.
-     */
     Row: 0, "0": "Row",
-    /**
-     * Items are placed vertically from top to bottom.
-     */
     Column: 1, "1": "Column",
-    /**
-     * Items are placed horizontally from right to left.
-     */
     RowReverse: 2, "2": "RowReverse",
-    /**
-     * Items are placed vertically from bottom to top.
-     */
     ColumnReverse: 3, "3": "ColumnReverse",
 });
 
 /**
- * Whether flex items are forced into a single line or can wrap onto multiple lines.
+ * Flex wrap mode enum
+ *
+ * Controls whether flex items wrap onto multiple lines. Corresponds to CSS `flex-wrap` property.
+ *
+ * # Variants
+ * - `NoWrap`: No wrapping, all items compressed into single line/column
+ * - `Wrap`: Automatic wrapping, items flow to next line when container overflows
+ * - `WrapReverse`: Reverse wrapping, new lines appear above or to the left
  * @enum {0 | 1 | 2}
  */
 export const FlexWrap = Object.freeze({
-    /**
-     * Items are forced into a single line.
-     */
     NoWrap: 0, "0": "NoWrap",
-    /**
-     * Items wrap onto multiple lines.
-     */
     Wrap: 1, "1": "Wrap",
-    /**
-     * Items wrap onto multiple lines in reverse order.
-     */
     WrapReverse: 2, "2": "WrapReverse",
 });
 
 /**
- * Grid auto-placement algorithm controls how auto-placed items get flowed into the grid.
- * @enum {0 | 1 | 2 | 3}
+ * Main axis alignment enum (Justify Content)
+ *
+ * Defines alignment and spacing distribution of children along the main axis.
+ * Corresponds to CSS `justify-content` property.
+ *
+ * # Variants
+ * - `Start/FlexStart`: Align to main axis start
+ * - `End/FlexEnd`: Align to main axis end
+ * - `Center`: Center alignment
+ * - `SpaceBetween`: First and last items flush with edges, remaining space distributed evenly
+ * - `SpaceAround`: Equal space on both sides of each item
+ * - `SpaceEvenly`: All spacing completely equal
+ * @enum {0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8}
  */
-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",
-    /**
-     * Items are placed by filling each row, attempting to fill holes earlier in the grid.
-     */
-    RowDense: 2, "2": "RowDense",
-    /**
-     * Items are placed by filling each column, attempting to fill holes earlier in the grid.
-     */
-    ColumnDense: 3, "3": "ColumnDense",
+export const JustifyContent = Object.freeze({
+    Start: 0, "0": "Start",
+    End: 1, "1": "End",
+    FlexStart: 2, "2": "FlexStart",
+    FlexEnd: 3, "3": "FlexEnd",
+    Center: 4, "4": "Center",
+    Stretch: 5, "5": "Stretch",
+    SpaceBetween: 6, "6": "SpaceBetween",
+    SpaceAround: 7, "7": "SpaceAround",
+    SpaceEvenly: 8, "8": "SpaceEvenly",
 });
 
 /**
- * @enum {0 | 1 | 2}
+ * Overflow handling enum
+ *
+ * Defines how content that overflows container boundaries is handled.
+ * Corresponds to CSS `overflow` property.
+ *
+ * # Variants
+ * - `Visible`: Content is not clipped
+ * - `Hidden`: Content is clipped, overflow hidden
+ * - `Scroll`: Always show scrollbars
+ * - `Auto`: Show scrollbars when needed (internally mapped to Scroll)
+ * @enum {0 | 1 | 2 | 3}
  */
-export const Gutter = Object.freeze({
-    Column: 0, "0": "Column",
-    Row: 1, "1": "Row",
-    All: 2, "2": "All",
+export const Overflow = Object.freeze({
+    Visible: 0, "0": "Visible",
+    Hidden: 1, "1": "Hidden",
+    Scroll: 2, "2": "Scroll",
+    Auto: 3, "3": "Auto",
 });
 
 /**
- * How items are distributed along the main axis.
- * @enum {0 | 1 | 2 | 3 | 4 | 5 | 6 | 7}
+ * Position mode enum
+ *
+ * Controls element positioning method. Corresponds to CSS `position` property.
+ *
+ * # Variants
+ * - `Relative`: Relative positioning, element stays in normal document flow
+ * - `Absolute`: Absolute positioning, element removed from flow, positioned relative to nearest positioned ancestor
+ * @enum {0 | 1}
  */
-export const JustifyContent = Object.freeze({
-    /**
-     * Items are packed toward the start of the layout direction.
-     */
-    Start: 0, "0": "Start",
-    /**
-     * Items are packed toward the end of the layout direction.
-     */
-    End: 1, "1": "End",
-    /**
-     * Items are packed toward the start of the flex-direction.
-     */
-    FlexStart: 2, "2": "FlexStart",
-    /**
-     * Items are packed toward the end of the flex-direction.
-     */
-    FlexEnd: 3, "3": "FlexEnd",
-    /**
-     * Items are centered along the line.
-     */
-    Center: 4, "4": "Center",
-    /**
-     * Items are evenly distributed; the first item is at the start, the last at the end.
-     */
-    SpaceBetween: 5, "5": "SpaceBetween",
-    /**
-     * Items are evenly distributed with equal space around them.
-     */
-    SpaceAround: 6, "6": "SpaceAround",
-    /**
-     * Items are evenly distributed with equal space between them using the same gap at ends.
-     */
-    SpaceEvenly: 7, "7": "SpaceEvenly",
+export const Position = Object.freeze({
+    Relative: 0, "0": "Relative",
+    Absolute: 1, "1": "Absolute",
 });
 
 /**
- * Represents the computed layout of a node.
+ * Node Style struct
+ *
+ * Configuration object containing all CSS layout properties.
+ * Access properties via getter/setter methods.
+ *
+ * # Supported Property Categories
+ *
+ * ## Layout Mode
+ * - `display`: Display mode (Flex/Grid/Block/None)
+ * - `position`: Position mode (Relative/Absolute)
+ *
+ * ## Flexbox Properties
+ * - `flex_direction`: Main axis direction
+ * - `flex_wrap`: Wrap behavior
+ * - `flex_grow`: Grow factor
+ * - `flex_shrink`: Shrink factor
+ * - `flex_basis`: Initial size
+ *
+ * ## Alignment Properties
+ * - `align_items`, `align_self`, `align_content`
+ * - `justify_content`
+ *
+ * ## Sizing Properties
+ * - `size`, `min_size`, `max_size`
+ * - `aspect_ratio`: Width-to-height ratio
  *
- * This struct contains the final position and size of a node after layout computation.
+ * ## Spacing Properties
+ * - `margin`, `padding`, `border`
+ * - `gap`: Gap between children
+ * - `inset`: Absolute positioning offsets
  */
-export class Layout {
+export class Style {
     static __wrap(ptr) {
         ptr = ptr >>> 0;
-        const obj = Object.create(Layout.prototype);
+        const obj = Object.create(Style.prototype);
         obj.__wbg_ptr = ptr;
-        LayoutFinalization.register(obj, obj.__wbg_ptr, obj);
+        StyleFinalization.register(obj, obj.__wbg_ptr, obj);
         return obj;
     }
     __destroy_into_raw() {
         const ptr = this.__wbg_ptr;
         this.__wbg_ptr = 0;
-        LayoutFinalization.unregister(this);
+        StyleFinalization.unregister(this);
         return ptr;
     }
     free() {
         const ptr = this.__destroy_into_raw();
-        wasm.__wbg_layout_free(ptr, 0);
+        wasm.__wbg_style_free(ptr, 0);
     }
     /**
-     * The absolute x-coordinate of the node relative to its parent.
-     * @returns {number}
+     * Gets the align-self property. Overrides parent's align-items for this element.
+     * Returns AlignSelf.Auto if not explicitly set.
+     * @returns {AlignSelf | undefined}
+     */
+    get align_self() {
+        const ret = wasm.style_align_self(this.__wbg_ptr);
+        return ret === 8 ? undefined : ret;
+    }
+    /**
+     * Gets the flex-basis as a JsDimension (Length, Percent, or Auto).
+     * Flex-basis defines the initial main size before grow/shrink.
+     * @returns {any}
      */
-    get x() {
-        const ret = wasm.__wbg_get_dimension_value(this.__wbg_ptr);
+    get flex_basis() {
+        const ret = wasm.style_flex_basis(this.__wbg_ptr);
         return ret;
     }
     /**
-     * The absolute x-coordinate of the node relative to its parent.
-     * @param {number} arg0
+     * Sets the border width for all four edges.
+     * Accepts { left, right, top, bottom } with LengthPercentage values.
+     * @param {any} val
      */
-    set x(arg0) {
-        wasm.__wbg_set_dimension_value(this.__wbg_ptr, arg0);
+    set border(val) {
+        wasm.style_set_border(this.__wbg_ptr, val);
     }
     /**
-     * The absolute y-coordinate of the node relative to its parent.
-     * @returns {number}
+     * Sets the margin for all four edges.
+     * Accepts { left, right, top, bottom } with LengthPercentageAuto values.
+     * @param {any} val
      */
-    get y() {
-        const ret = wasm.__wbg_get_layout_y(this.__wbg_ptr);
-        return ret;
+    set margin(val) {
+        wasm.style_set_margin(this.__wbg_ptr, val);
     }
     /**
-     * The absolute y-coordinate of the node relative to its parent.
-     * @param {number} arg0
+     * Gets the align-items property. Controls cross-axis alignment of children.
+     * @returns {AlignItems | undefined}
      */
-    set y(arg0) {
-        wasm.__wbg_set_layout_y(this.__wbg_ptr, arg0);
+    get align_items() {
+        const ret = wasm.style_align_items(this.__wbg_ptr);
+        return ret === 7 ? undefined : ret;
     }
     /**
-     * The computed width of the node.
+     * Gets the flex shrink factor. Determines how much the item shrinks relative to siblings.
      * @returns {number}
      */
-    get width() {
-        const ret = wasm.__wbg_get_layout_width(this.__wbg_ptr);
+    get flex_shrink() {
+        const ret = wasm.style_flex_shrink(this.__wbg_ptr);
         return ret;
     }
     /**
-     * The computed width of the node.
-     * @param {number} arg0
+     * Sets the display mode. Controls which layout algorithm is used for children.
+     * - `Display.Block`: Block layout
+     * - `Display.Flex`: Flexbox layout
+     * - `Display.Grid`: CSS Grid layout
+     * - `Display.None`: Element is hidden and takes no space
+     * @param {Display} val
      */
-    set width(arg0) {
-        wasm.__wbg_set_layout_width(this.__wbg_ptr, arg0);
+    set display(val) {
+        wasm.style_set_display(this.__wbg_ptr, val);
     }
     /**
-     * The computed height of the node.
-     * @returns {number}
+     * Sets the padding for all four edges.
+     * Accepts { left, right, top, bottom } with LengthPercentage values.
+     * @param {any} val
      */
-    get height() {
-        const ret = wasm.__wbg_get_layout_height(this.__wbg_ptr);
-        return ret;
+    set padding(val) {
+        wasm.style_set_padding(this.__wbg_ptr, val);
     }
     /**
-     * The computed height of the node.
-     * @param {number} arg0
+     * Gets the aspect ratio (width / height). Returns None if not set.
+     * @returns {number | undefined}
      */
-    set height(arg0) {
-        wasm.__wbg_set_layout_height(this.__wbg_ptr, arg0);
-    }
-}
-if (Symbol.dispose) Layout.prototype[Symbol.dispose] = Layout.prototype.free;
-
-/**
- * Represents a grid line placement (start and end).
- */
-export class Line {
-    __destroy_into_raw() {
-        const ptr = this.__wbg_ptr;
-        this.__wbg_ptr = 0;
-        LineFinalization.unregister(this);
-        return ptr;
-    }
-    free() {
-        const ptr = this.__destroy_into_raw();
-        wasm.__wbg_line_free(ptr, 0);
-    }
-    /**
-     * The start line index (1-based).
-     * @returns {number | undefined}
-     */
-    get start() {
-        const ret = wasm.__wbg_get_line_start(this.__wbg_ptr);
-        return ret === 0xFFFFFF ? undefined : ret;
+    get aspect_ratio() {
+        const ret = wasm.style_aspect_ratio(this.__wbg_ptr);
+        return ret === 0x100000001 ? undefined : ret;
     }
     /**
-     * The start line index (1-based).
-     * @param {number | null} [arg0]
+     * Sets the maximum size constraints.
+     * @param {any} val
      */
-    set start(arg0) {
-        wasm.__wbg_set_line_start(this.__wbg_ptr, isLikeNone(arg0) ? 0xFFFFFF : arg0);
+    set max_size(val) {
+        wasm.style_set_max_size(this.__wbg_ptr, val);
     }
     /**
-     * The end line index (1-based).
-     * @returns {number | undefined}
+     * Sets the minimum size constraints.
+     * @param {any} val
      */
-    get end() {
-        const ret = wasm.__wbg_get_line_end(this.__wbg_ptr);
-        return ret === 0xFFFFFF ? undefined : ret;
+    set min_size(val) {
+        wasm.style_set_min_size(this.__wbg_ptr, val);
     }
     /**
-     * The end line index (1-based).
-     * @param {number | null} [arg0]
+     * Sets the overflow behavior. Accepts {x: Overflow, y: Overflow}.
+     * @param {any} val
      */
-    set end(arg0) {
-        wasm.__wbg_set_line_end(this.__wbg_ptr, isLikeNone(arg0) ? 0xFFFFFF : arg0);
-    }
-}
-if (Symbol.dispose) Line.prototype[Symbol.dispose] = Line.prototype.free;
-
-/**
- * Represents a point in 2D space.
- *
- * Typically used for coordinates like absolute positioning offsets.
- */
-export class Point {
-    __destroy_into_raw() {
-        const ptr = this.__wbg_ptr;
-        this.__wbg_ptr = 0;
-        PointFinalization.unregister(this);
-        return ptr;
-    }
-    free() {
-        const ptr = this.__destroy_into_raw();
-        wasm.__wbg_point_free(ptr, 0);
+    set overflow(val) {
+        wasm.style_set_overflow(this.__wbg_ptr, val);
     }
     /**
-     * The x-coordinate (horizontal).
-     * @returns {number}
+     * Sets the position mode.
+     * - `Position.Relative`: Normal document flow
+     * - `Position.Absolute`: Removed from flow, positioned via inset properties
+     * @param {Position} val
      */
-    get x() {
-        const ret = wasm.__wbg_get_dimension_value(this.__wbg_ptr);
-        return ret;
+    set position(val) {
+        wasm.style_set_position(this.__wbg_ptr, val);
     }
     /**
-     * The x-coordinate (horizontal).
-     * @param {number} arg0
-     */
-    set x(arg0) {
-        wasm.__wbg_set_dimension_value(this.__wbg_ptr, arg0);
-    }
-    /**
-     * The y-coordinate (vertical).
-     * @returns {number}
+     * Gets the align-content property. Controls spacing between lines in multi-line flex.
+     * @returns {AlignContent | undefined}
      */
-    get y() {
-        const ret = wasm.__wbg_get_layout_y(this.__wbg_ptr);
-        return ret;
+    get align_content() {
+        const ret = wasm.style_align_content(this.__wbg_ptr);
+        return ret === 9 ? undefined : ret;
     }
     /**
-     * The y-coordinate (vertical).
-     * @param {number} arg0
+     * Sets the flex grow factor. A value of 0 means the item won't grow.
+     * Higher values mean more growth relative to other items.
+     * @param {number} val
      */
-    set y(arg0) {
-        wasm.__wbg_set_layout_y(this.__wbg_ptr, arg0);
+    set flex_grow(val) {
+        wasm.style_set_flex_grow(this.__wbg_ptr, val);
     }
-}
-if (Symbol.dispose) Point.prototype[Symbol.dispose] = Point.prototype.free;
-
-/**
- * Positioning strategy for a node.
- * @enum {0 | 1 | 2}
- */
-export const Position = Object.freeze({
-    /**
-     * Relative to its normal position in the flow.
-     */
-    Static: 0, "0": "Static",
-    /**
-     * Relative to its normal position in the flow.
-     */
-    Relative: 1, "1": "Relative",
     /**
-     * Removed from the flow and positioned relative to its containing block.
+     * Sets the flex wrap mode. Controls whether items wrap to new lines.
+     * @param {FlexWrap} val
      */
-    Absolute: 2, "2": "Absolute",
-});
-
-/**
- * Represents a rectangle defined by its edges.
- *
- * Used for padding, margin, properties.
- */
-export class Rect {
-    __destroy_into_raw() {
-        const ptr = this.__wbg_ptr;
-        this.__wbg_ptr = 0;
-        RectFinalization.unregister(this);
-        return ptr;
-    }
-    free() {
-        const ptr = this.__destroy_into_raw();
-        wasm.__wbg_rect_free(ptr, 0);
+    set flex_wrap(val) {
+        wasm.style_set_flex_wrap(this.__wbg_ptr, val);
     }
     /**
-     * The left edge value.
-     * @returns {number}
+     * Gets the flex direction (Row, Column, RowReverse, ColumnReverse).
+     * @returns {FlexDirection}
      */
-    get left() {
-        const ret = wasm.__wbg_get_dimension_value(this.__wbg_ptr);
+    get flex_direction() {
+        const ret = wasm.style_flex_direction(this.__wbg_ptr);
         return ret;
     }
     /**
-     * The left edge value.
-     * @param {number} arg0
+     * Sets the align-self property. Use AlignSelf.Auto to inherit from parent.
+     * @param {AlignSelf | null} [val]
      */
-    set left(arg0) {
-        wasm.__wbg_set_dimension_value(this.__wbg_ptr, arg0);
+    set align_self(val) {
+        wasm.style_set_align_self(this.__wbg_ptr, isLikeNone(val) ? 8 : val);
     }
     /**
-     * The right edge value.
-     * @returns {number}
+     * Sets the flex-basis. Accepts { Length: number } | { Percent: number } | "Auto".
+     * @param {any} val
      */
-    get right() {
-        const ret = wasm.__wbg_get_layout_y(this.__wbg_ptr);
-        return ret;
+    set flex_basis(val) {
+        wasm.style_set_flex_basis(this.__wbg_ptr, val);
     }
     /**
-     * The right edge value.
-     * @param {number} arg0
+     * Gets the justify-content property. Controls main-axis alignment and spacing.
+     * @returns {JustifyContent | undefined}
      */
-    set right(arg0) {
-        wasm.__wbg_set_layout_y(this.__wbg_ptr, arg0);
+    get justify_content() {
+        const ret = wasm.style_justify_content(this.__wbg_ptr);
+        return ret === 9 ? undefined : ret;
     }
     /**
-     * The top edge value.
-     * @returns {number}
+     * Sets the align-items property. Affects all children's cross-axis alignment.
+     * @param {AlignItems | null} [val]
      */
-    get top() {
-        const ret = wasm.__wbg_get_layout_width(this.__wbg_ptr);
-        return ret;
+    set align_items(val) {
+        wasm.style_set_align_items(this.__wbg_ptr, isLikeNone(val) ? 7 : val);
     }
     /**
-     * The top edge value.
-     * @param {number} arg0
+     * Sets the flex shrink factor. A value of 0 prevents shrinking.
+     * Default is 1.0 for flex items.
+     * @param {number} val
      */
-    set top(arg0) {
-        wasm.__wbg_set_layout_width(this.__wbg_ptr, arg0);
+    set flex_shrink(val) {
+        wasm.style_set_flex_shrink(this.__wbg_ptr, val);
     }
     /**
-     * The bottom edge value.
-     * @returns {number}
+     * Sets the aspect ratio. For example, 16/9 = 1.777... for widescreen.
+     * Set to None to remove the constraint.
+     * @param {number | null} [val]
      */
-    get bottom() {
-        const ret = wasm.__wbg_get_layout_height(this.__wbg_ptr);
-        return ret;
+    set aspect_ratio(val) {
+        wasm.style_set_aspect_ratio(this.__wbg_ptr, isLikeNone(val) ? 0x100000001 : Math.fround(val));
     }
     /**
-     * The bottom edge value.
-     * @param {number} arg0
+     * Sets the align-content property. Only effective when flex-wrap is enabled.
+     * @param {AlignContent | null} [val]
      */
-    set bottom(arg0) {
-        wasm.__wbg_set_layout_height(this.__wbg_ptr, arg0);
-    }
-}
-if (Symbol.dispose) Rect.prototype[Symbol.dispose] = Rect.prototype.free;
-
-/**
- * Represents a size in 2D space.
- *
- * Used for width and height dimensions.
- */
-export class Size {
-    __destroy_into_raw() {
-        const ptr = this.__wbg_ptr;
-        this.__wbg_ptr = 0;
-        SizeFinalization.unregister(this);
-        return ptr;
-    }
-    free() {
-        const ptr = this.__destroy_into_raw();
-        wasm.__wbg_size_free(ptr, 0);
+    set align_content(val) {
+        wasm.style_set_align_content(this.__wbg_ptr, isLikeNone(val) ? 9 : val);
     }
     /**
-     * The width dimension.
-     * @returns {number}
+     * Sets the flex direction. Defines the main axis for flex item layout.
+     * @param {FlexDirection} val
      */
-    get width() {
-        const ret = wasm.__wbg_get_dimension_value(this.__wbg_ptr);
-        return ret;
+    set flex_direction(val) {
+        wasm.style_set_flex_direction(this.__wbg_ptr, val);
     }
     /**
-     * The width dimension.
-     * @param {number} arg0
+     * Sets the justify-content property. Distributes space along the main axis.
+     * @param {JustifyContent | null} [val]
      */
-    set width(arg0) {
-        wasm.__wbg_set_dimension_value(this.__wbg_ptr, arg0);
+    set justify_content(val) {
+        wasm.style_set_justify_content(this.__wbg_ptr, isLikeNone(val) ? 9 : val);
     }
     /**
-     * The height dimension.
-     * @returns {number}
+     * Gets the gap between children as a JsSize<JsLengthPercentage>.
+     * Used in Flex and Grid layouts to add spacing between items.
+     * - width: column gap (horizontal spacing)
+     * - height: row gap (vertical spacing)
+     * @returns {any}
      */
-    get height() {
-        const ret = wasm.__wbg_get_layout_y(this.__wbg_ptr);
+    get gap() {
+        const ret = wasm.style_gap(this.__wbg_ptr);
         return ret;
     }
     /**
-     * The height dimension.
-     * @param {number} arg0
-     */
-    set height(arg0) {
-        wasm.__wbg_set_layout_y(this.__wbg_ptr, arg0);
-    }
-}
-if (Symbol.dispose) Size.prototype[Symbol.dispose] = Size.prototype.free;
-
-/**
- * Style values for a node.
- *
- * This struct aggregates all layout styles that can be applied to a node.
- * Optional fields allow partial updates or default values.
- */
-export class Style {
-    __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);
-    }
-    /**
-     * The display mode of the node (e.g. Flex, Grid, None).
-     * @returns {Display | undefined}
-     */
-    get display() {
-        const ret = wasm.__wbg_get_style_display(this.__wbg_ptr);
-        return ret === 4 ? undefined : ret;
-    }
-    /**
-     * The display mode of the node (e.g. Flex, Grid, None).
-     * @param {Display | null} [arg0]
-     */
-    set display(arg0) {
-        wasm.__wbg_set_style_display(this.__wbg_ptr, isLikeNone(arg0) ? 4 : arg0);
-    }
-    /**
-     * The positioning strategy (e.g. Relative, Absolute).
-     * @returns {Position | undefined}
-     */
-    get position() {
-        const ret = wasm.__wbg_get_style_position(this.__wbg_ptr);
-        return ret === 3 ? undefined : ret;
-    }
-    /**
-     * The positioning strategy (e.g. Relative, Absolute).
-     * @param {Position | null} [arg0]
-     */
-    set position(arg0) {
-        wasm.__wbg_set_style_position(this.__wbg_ptr, isLikeNone(arg0) ? 3 : arg0);
-    }
-    /**
-     * The width of the node.
-     * @returns {Dimension | undefined}
-     */
-    get width() {
-        const ret = wasm.__wbg_get_style_width(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The width of the node.
-     * @param {Dimension | null} [arg0]
-     */
-    set width(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_width(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The height of the node.
-     * @returns {Dimension | undefined}
-     */
-    get height() {
-        const ret = wasm.__wbg_get_style_height(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The height of the node.
-     * @param {Dimension | null} [arg0]
-     */
-    set height(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_height(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The minimum width of the node.
-     * @returns {Dimension | undefined}
-     */
-    get min_width() {
-        const ret = wasm.__wbg_get_style_min_width(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The minimum width of the node.
-     * @param {Dimension | null} [arg0]
-     */
-    set min_width(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_min_width(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The minimum height of the node.
-     * @returns {Dimension | undefined}
-     */
-    get min_height() {
-        const ret = wasm.__wbg_get_style_min_height(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The minimum height of the node.
-     * @param {Dimension | null} [arg0]
-     */
-    set min_height(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_min_height(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The maximum width of the node.
-     * @returns {Dimension | undefined}
-     */
-    get max_width() {
-        const ret = wasm.__wbg_get_style_max_width(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The maximum width of the node.
-     * @param {Dimension | null} [arg0]
-     */
-    set max_width(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_max_width(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The maximum height of the node.
-     * @returns {Dimension | undefined}
-     */
-    get max_height() {
-        const ret = wasm.__wbg_get_style_max_height(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The maximum height of the node.
-     * @param {Dimension | null} [arg0]
-     */
-    set max_height(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_max_height(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The offset from the left edge (used with Position::Absolute/Relative).
-     * @returns {Dimension | undefined}
-     */
-    get left() {
-        const ret = wasm.__wbg_get_style_left(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The offset from the left edge (used with Position::Absolute/Relative).
-     * @param {Dimension | null} [arg0]
-     */
-    set left(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_left(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The offset from the right edge.
-     * @returns {Dimension | undefined}
-     */
-    get right() {
-        const ret = wasm.__wbg_get_style_right(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The offset from the right edge.
-     * @param {Dimension | null} [arg0]
-     */
-    set right(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_right(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The offset from the top edge.
-     * @returns {Dimension | undefined}
-     */
-    get top() {
-        const ret = wasm.__wbg_get_style_top(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The offset from the top edge.
-     * @param {Dimension | null} [arg0]
-     */
-    set top(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_top(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The offset from the bottom edge.
-     * @returns {Dimension | undefined}
-     */
-    get bottom() {
-        const ret = wasm.__wbg_get_style_bottom(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The offset from the bottom edge.
-     * @param {Dimension | null} [arg0]
-     */
-    set bottom(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_bottom(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The margin on the left side.
-     * @returns {Dimension | undefined}
-     */
-    get margin_left() {
-        const ret = wasm.__wbg_get_style_margin_left(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The margin on the left side.
-     * @param {Dimension | null} [arg0]
-     */
-    set margin_left(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_margin_left(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The margin on the right side.
-     * @returns {Dimension | undefined}
-     */
-    get margin_right() {
-        const ret = wasm.__wbg_get_style_margin_right(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The margin on the right side.
-     * @param {Dimension | null} [arg0]
-     */
-    set margin_right(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_margin_right(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The margin on the top side.
-     * @returns {Dimension | undefined}
-     */
-    get margin_top() {
-        const ret = wasm.__wbg_get_style_margin_top(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The margin on the top side.
-     * @param {Dimension | null} [arg0]
-     */
-    set margin_top(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_margin_top(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The margin on the bottom side.
-     * @returns {Dimension | undefined}
-     */
-    get margin_bottom() {
-        const ret = wasm.__wbg_get_style_margin_bottom(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The margin on the bottom side.
-     * @param {Dimension | null} [arg0]
-     */
-    set margin_bottom(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_margin_bottom(this.__wbg_ptr, ptr0);
+     * Creates a new Style instance with default values.
+     *
+     * All properties are initialized to their CSS default values:
+     * - display: Block
+     * - position: Relative
+     * - flex_direction: Row
+     * - All dimensions: Auto
+     * - All spacing (margin, padding, border): 0
+     *
+     * # Returns
+     * A new Style instance with default configuration.
+     *
+     * # Example
+     * ```javascript
+     * const style = new Style();
+     * style.display = Display.Flex;
+     * ```
+     */
+    constructor() {
+        const ret = wasm.style_new();
+        this.__wbg_ptr = ret >>> 0;
+        StyleFinalization.register(this, this.__wbg_ptr, this);
+        return this;
     }
     /**
-     * The padding on the left side.
-     * @returns {Dimension | undefined}
+     * Gets the size (width, height) as a JsSize<JsDimension>.
+     * Each dimension can be Length, Percent, or Auto.
+     * @returns {any}
      */
-    get padding_left() {
-        const ret = wasm.__wbg_get_style_padding_left(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
+    get size() {
+        const ret = wasm.style_size(this.__wbg_ptr);
+        return ret;
     }
     /**
-     * The padding on the left side.
-     * @param {Dimension | null} [arg0]
+     * Gets the inset (absolute positioning offsets) as a JsRect<JsLengthPercentageAuto>.
+     * Only effective when position is Absolute.
+     * Defines the distance from each edge of the containing block.
+     * @returns {any}
      */
-    set padding_left(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_padding_left(this.__wbg_ptr, ptr0);
+    get inset() {
+        const ret = wasm.style_inset(this.__wbg_ptr);
+        return ret;
     }
     /**
-     * The padding on the right side.
-     * @returns {Dimension | undefined}
+     * Gets the border width as a JsRect<JsLengthPercentage>.
+     * Border width defines the thickness of element borders.
+     * Supports Length or Percent for each edge (not Auto).
+     * @returns {any}
      */
-    get padding_right() {
-        const ret = wasm.__wbg_get_style_padding_right(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
+    get border() {
+        const ret = wasm.style_border(this.__wbg_ptr);
+        return ret;
     }
     /**
-     * The padding on the right side.
-     * @param {Dimension | null} [arg0]
+     * Gets the margin as a JsRect<JsLengthPercentageAuto>.
+     * Margin is the outer spacing around the element's border.
+     * Supports Length, Percent, or Auto for each edge.
+     * @returns {any}
      */
-    set padding_right(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_padding_right(this.__wbg_ptr, ptr0);
+    get margin() {
+        const ret = wasm.style_margin(this.__wbg_ptr);
+        return ret;
     }
     /**
-     * The padding on the top side.
-     * @returns {Dimension | undefined}
+     * Gets the display mode (Block, Flex, Grid, or None).
+     * @returns {Display}
      */
-    get padding_top() {
-        const ret = wasm.__wbg_get_style_padding_top(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
+    get display() {
+        const ret = wasm.style_display(this.__wbg_ptr);
+        return ret;
     }
     /**
-     * The padding on the top side.
-     * @param {Dimension | null} [arg0]
+     * Gets the padding as a JsRect<JsLengthPercentage>.
+     * Padding is the inner spacing between the border and content.
+     * Supports Length or Percent for each edge (not Auto).
+     * @returns {any}
      */
-    set padding_top(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_padding_top(this.__wbg_ptr, ptr0);
+    get padding() {
+        const ret = wasm.style_padding(this.__wbg_ptr);
+        return ret;
     }
     /**
-     * The padding on the bottom side.
-     * @returns {Dimension | undefined}
+     * Sets the gap between children.
+     * Accepts { width: column_gap, height: row_gap } with LengthPercentage values.
+     * @param {any} val
      */
-    get padding_bottom() {
-        const ret = wasm.__wbg_get_style_padding_bottom(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
+    set gap(val) {
+        wasm.style_set_gap(this.__wbg_ptr, val);
     }
     /**
-     * The padding on the bottom side.
-     * @param {Dimension | null} [arg0]
+     * Gets the maximum size constraints as a JsSize<JsDimension>.
+     * Prevents the element from growing beyond these values.
+     * @returns {any}
      */
-    set padding_bottom(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_padding_bottom(this.__wbg_ptr, ptr0);
+    get max_size() {
+        const ret = wasm.style_max_size(this.__wbg_ptr);
+        return ret;
     }
     /**
-     * The flex direction (e.g. Row, Column).
-     * @returns {FlexDirection | undefined}
+     * Gets the minimum size constraints as a JsSize<JsDimension>.
+     * Prevents the element from shrinking below these values.
+     * @returns {any}
      */
-    get flex_direction() {
-        const ret = wasm.__wbg_get_style_flex_direction(this.__wbg_ptr);
-        return ret === 4 ? undefined : ret;
+    get min_size() {
+        const ret = wasm.style_min_size(this.__wbg_ptr);
+        return ret;
     }
     /**
-     * The flex direction (e.g. Row, Column).
-     * @param {FlexDirection | null} [arg0]
+     * Gets the overflow behavior as a JS object with {x, y} properties.
+     * @returns {any}
      */
-    set flex_direction(arg0) {
-        wasm.__wbg_set_style_flex_direction(this.__wbg_ptr, isLikeNone(arg0) ? 4 : arg0);
+    get overflow() {
+        const ret = wasm.style_overflow(this.__wbg_ptr);
+        return ret;
     }
     /**
-     * Whether flex items should wrap.
-     * @returns {FlexWrap | undefined}
+     * Gets the position mode (Relative or Absolute).
+     * @returns {Position}
      */
-    get flex_wrap() {
-        const ret = wasm.__wbg_get_style_flex_wrap(this.__wbg_ptr);
-        return ret === 3 ? undefined : ret;
+    get position() {
+        const ret = wasm.style_position(this.__wbg_ptr);
+        return ret;
     }
     /**
-     * Whether flex items should wrap.
-     * @param {FlexWrap | null} [arg0]
+     * Sets the size (width, height).
+     * Accepts { width: Dimension, height: Dimension } where Dimension is Length/Percent/Auto.
+     * Logs an error to console if parsing fails.
+     * @param {any} val
      */
-    set flex_wrap(arg0) {
-        wasm.__wbg_set_style_flex_wrap(this.__wbg_ptr, isLikeNone(arg0) ? 3 : arg0);
+    set size(val) {
+        wasm.style_set_size(this.__wbg_ptr, val);
     }
     /**
-     * How much the item will grow relative to the rest of the flexible items.
-     * @returns {number | undefined}
+     * Gets the flex grow factor. Determines how much the item grows relative to siblings.
+     * @returns {number}
      */
     get flex_grow() {
-        const ret = wasm.__wbg_get_availablespace_width(this.__wbg_ptr);
-        return ret === 0x100000001 ? undefined : ret;
-    }
-    /**
-     * How much the item will grow relative to the rest of the flexible items.
-     * @param {number | null} [arg0]
-     */
-    set flex_grow(arg0) {
-        wasm.__wbg_set_availablespace_width(this.__wbg_ptr, isLikeNone(arg0) ? 0x100000001 : Math.fround(arg0));
-    }
-    /**
-     * How much the item will shrink relative to the rest of the flexible items.
-     * @returns {number | undefined}
-     */
-    get flex_shrink() {
-        const ret = wasm.__wbg_get_availablespace_height(this.__wbg_ptr);
-        return ret === 0x100000001 ? undefined : ret;
-    }
-    /**
-     * How much the item will shrink relative to the rest of the flexible items.
-     * @param {number | null} [arg0]
-     */
-    set flex_shrink(arg0) {
-        wasm.__wbg_set_availablespace_height(this.__wbg_ptr, isLikeNone(arg0) ? 0x100000001 : Math.fround(arg0));
-    }
-    /**
-     * The initial main size of a flex item.
-     * @returns {Dimension | undefined}
-     */
-    get flex_basis() {
-        const ret = wasm.__wbg_get_style_flex_basis(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The initial main size of a flex item.
-     * @param {Dimension | null} [arg0]
-     */
-    set flex_basis(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_flex_basis(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * How items are distributed along the main axis.
-     * @returns {JustifyContent | undefined}
-     */
-    get justify_content() {
-        const ret = wasm.__wbg_get_style_justify_content(this.__wbg_ptr);
-        return ret === 8 ? undefined : ret;
-    }
-    /**
-     * How items are distributed along the main axis.
-     * @param {JustifyContent | null} [arg0]
-     */
-    set justify_content(arg0) {
-        wasm.__wbg_set_style_justify_content(this.__wbg_ptr, isLikeNone(arg0) ? 8 : arg0);
-    }
-    /**
-     * How items are aligned along the cross axis.
-     * @returns {AlignItems | undefined}
-     */
-    get align_items() {
-        const ret = wasm.__wbg_get_style_align_items(this.__wbg_ptr);
-        return ret === 7 ? undefined : ret;
-    }
-    /**
-     * How items are aligned along the cross axis.
-     * @param {AlignItems | null} [arg0]
-     */
-    set align_items(arg0) {
-        wasm.__wbg_set_style_align_items(this.__wbg_ptr, isLikeNone(arg0) ? 7 : arg0);
-    }
-    /**
-     * How a single item is aligned along the cross axis.
-     * @returns {AlignSelf | undefined}
-     */
-    get align_self() {
-        const ret = wasm.__wbg_get_style_align_self(this.__wbg_ptr);
-        return ret === 8 ? undefined : ret;
-    }
-    /**
-     * How a single item is aligned along the cross axis.
-     * @param {AlignSelf | null} [arg0]
-     */
-    set align_self(arg0) {
-        wasm.__wbg_set_style_align_self(this.__wbg_ptr, isLikeNone(arg0) ? 8 : arg0);
-    }
-    /**
-     * How lines of content are aligned along the cross axis.
-     * @returns {AlignContent | undefined}
-     */
-    get align_content() {
-        const ret = wasm.__wbg_get_style_align_content(this.__wbg_ptr);
-        return ret === 9 ? undefined : ret;
-    }
-    /**
-     * How lines of content are aligned along the cross axis.
-     * @param {AlignContent | null} [arg0]
-     */
-    set align_content(arg0) {
-        wasm.__wbg_set_style_align_content(this.__wbg_ptr, isLikeNone(arg0) ? 9 : arg0);
-    }
-    /**
-     * The gap between rows (flex/grid).
-     * @returns {Dimension | undefined}
-     */
-    get row_gap() {
-        const ret = wasm.__wbg_get_style_row_gap(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The gap between rows (flex/grid).
-     * @param {Dimension | null} [arg0]
-     */
-    set row_gap(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_row_gap(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * The gap between columns (flex/grid).
-     * @returns {Dimension | undefined}
-     */
-    get column_gap() {
-        const ret = wasm.__wbg_get_style_column_gap(this.__wbg_ptr);
-        return ret === 0 ? undefined : Dimension.__wrap(ret);
-    }
-    /**
-     * The gap between columns (flex/grid).
-     * @param {Dimension | null} [arg0]
-     */
-    set column_gap(arg0) {
-        let ptr0 = 0;
-        if (!isLikeNone(arg0)) {
-            _assertClass(arg0, Dimension);
-            ptr0 = arg0.__destroy_into_raw();
-        }
-        wasm.__wbg_set_style_column_gap(this.__wbg_ptr, ptr0);
-    }
-    /**
-     * Algorithm for auto-placing items in the grid.
-     * @returns {GridAutoFlow | undefined}
-     */
-    get grid_auto_flow() {
-        const ret = wasm.__wbg_get_style_grid_auto_flow(this.__wbg_ptr);
-        return ret === 4 ? undefined : ret;
-    }
-    /**
-     * Algorithm for auto-placing items in the grid.
-     * @param {GridAutoFlow | null} [arg0]
-     */
-    set grid_auto_flow(arg0) {
-        wasm.__wbg_set_style_grid_auto_flow(this.__wbg_ptr, isLikeNone(arg0) ? 4 : arg0);
+        const ret = wasm.style_flex_grow(this.__wbg_ptr);
+        return ret;
     }
     /**
-     * Text alignment.
-     * @returns {TextAlign | undefined}
+     * Gets the flex wrap mode (NoWrap, Wrap, WrapReverse).
+     * @returns {FlexWrap}
      */
-    get text_align() {
-        const ret = wasm.__wbg_get_style_text_align(this.__wbg_ptr);
-        return ret === 5 ? undefined : ret;
+    get flex_wrap() {
+        const ret = wasm.style_flex_wrap(this.__wbg_ptr);
+        return ret;
     }
     /**
-     * Text alignment.
-     * @param {TextAlign | null} [arg0]
+     * Sets the inset for absolute positioning.
+     * Accepts { left, right, top, bottom } with LengthPercentageAuto values.
+     * @param {any} val
      */
-    set text_align(arg0) {
-        wasm.__wbg_set_style_text_align(this.__wbg_ptr, isLikeNone(arg0) ? 5 : arg0);
+    set inset(val) {
+        wasm.style_set_inset(this.__wbg_ptr, val);
     }
 }
 if (Symbol.dispose) Style.prototype[Symbol.dispose] = Style.prototype.free;
 
-export class TaffyNode {
+/**
+ * Layout tree manager providing node creation, tree manipulation, and layout computation.
+ *
+ * This is the main entry point for the Taffy layout engine. It wraps the native
+ * `taffy::TaffyTree<JsValue>` to provide a JavaScript-friendly API.
+ *
+ * # Features
+ * - **Node Management**: Create, remove, and reorganize layout nodes
+ * - **Style Control**: Get/set styles for any node
+ * - **Layout Computation**: Run Flexbox/Grid/Block layout algorithms
+ * - **Custom Measurement**: Support for text measurement via callback functions
+ * - **Node Context**: Attach arbitrary JS data to nodes for custom logic
+ *
+ * # Example
+ * ```javascript
+ * const tree = new TaffyTree();
+ * const style = new Style();
+ * style.display = Display.Flex;
+ * const root = tree.newLeaf(style);
+ * tree.computeLayout(root, { width: { Definite: 800 }, height: { Definite: 600 } });
+ * const layout = tree.getLayout(root);
+ * ```
+ */
+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;
-        TaffyNodeFinalization.unregister(this);
+        TaffyTreeFinalization.unregister(this);
         return ptr;
     }
     free() {
         const ptr = this.__destroy_into_raw();
-        wasm.__wbg_taffynode_free(ptr, 0);
-    }
-    /**
-     * @returns {bigint}
-     */
-    get id() {
-        const ret = wasm.__wbg_get_taffynode_id(this.__wbg_ptr);
-        return BigInt.asUintN(64, ret);
-    }
-    /**
-     * @param {bigint} arg0
-     */
-    set id(arg0) {
-        wasm.__wbg_set_taffynode_id(this.__wbg_ptr, arg0);
+        wasm.__wbg_taffytree_free(ptr, 0);
     }
     /**
-     * @returns {Layout}
+     * Marks a node as dirty, requiring re-layout.
+     *
+     * Call this when a node's content changes (e.g., text content)
+     * but its style hasn't. Style changes automatically mark nodes dirty.
+     *
+     * # Arguments
+     * * `node` - The node ID to mark dirty.
+     * @param {bigint} node
      */
-    getLayout() {
-        const ret = wasm.taffynode_getLayout(this.__wbg_ptr);
-        if (ret[2]) {
-            throw takeFromExternrefTable0(ret[1]);
-        }
-        return Layout.__wrap(ret[0]);
-    }
-    markDirty() {
-        const ret = wasm.taffynode_markDirty(this.__wbg_ptr);
+    markDirty(node) {
+        const ret = wasm.taffytree_markDirty(this.__wbg_ptr, node);
         if (ret[1]) {
             throw takeFromExternrefTable0(ret[0]);
         }
     }
     /**
-     * @param {Edge} edge
-     * @param {number} value
+     * Prints the tree structure to the console (for debugging).
+     *
+     * # Arguments
+     * * `node` - The root node ID to start printing from.
+     * @param {bigint} node
      */
-    setBorder(edge, value) {
-        const ret = wasm.taffynode_setBorder(this.__wbg_ptr, edge, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {number} value
-     */
-    setHeight(value) {
-        const ret = wasm.taffynode_setHeight(this.__wbg_ptr, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {Edge} edge
-     * @param {number} value
-     */
-    setMargin(edge, value) {
-        const ret = wasm.taffynode_setMargin(this.__wbg_ptr, edge, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
+    printTree(node) {
+        wasm.taffytree_printTree(this.__wbg_ptr, node);
     }
     /**
-     * @param {Display} display
-     */
-    setDisplay(display) {
-        const ret = wasm.taffynode_setDisplay(this.__wbg_ptr, display);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {Edge} edge
-     * @param {number} value
-     */
-    setPadding(edge, value) {
-        const ret = wasm.taffynode_setPadding(this.__wbg_ptr, edge, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {TaffyNode} child
-     * @param {number} index
+     * Gets the number of children of a node.
+     *
+     * # Arguments
+     * * `parent` - The parent node ID.
+     *
+     * # Returns
+     * The number of children.
+     * @param {bigint} parent
+     * @returns {number}
      */
-    insertChild(child, index) {
-        _assertClass(child, TaffyNode);
-        const ret = wasm.taffynode_insertChild(this.__wbg_ptr, child.__wbg_ptr, index);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {TaffyNode} child
+    childCount(parent) {
+        const ret = wasm.taffytree_childCount(this.__wbg_ptr, parent);
+        return ret >>> 0;
+    }
+    /**
+     * Removes a specific child from a parent.
+     *
+     * # Arguments
+     * * `parent` - The parent node ID.
+     * * `child` - The child node ID to remove.
+     *
+     * # Returns
+     * * `Ok(u64)` - The ID of the removed child.
+     * * `Err(JsValue)` - Error if parent or child doesn't exist.
+     * @param {bigint} parent
+     * @param {bigint} child
+     * @returns {bigint}
      */
-    removeChild(child) {
-        _assertClass(child, TaffyNode);
-        const ret = wasm.taffynode_removeChild(this.__wbg_ptr, child.__wbg_ptr);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
+    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.
+     *
+     * Previous children are detached but not removed from the tree.
+     *
+     * # Arguments
+     * * `parent` - The parent node ID.
+     * * `children` - Array of new child node IDs.
+     * @param {bigint} parent
      * @param {BigUint64Array} children
      */
-    setChildren(children) {
+    setChildren(parent, children) {
         const ptr0 = passArray64ToWasm0(children, wasm.__wbindgen_malloc);
         const len0 = WASM_VECTOR_LEN;
-        const ret = wasm.taffynode_setChildren(this.__wbg_ptr, ptr0, len0);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {number} value
-     */
-    setFlexGrow(value) {
-        const ret = wasm.taffynode_setFlexGrow(this.__wbg_ptr, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {FlexWrap} wrap
-     */
-    setFlexWrap(wrap) {
-        const ret = wasm.taffynode_setFlexWrap(this.__wbg_ptr, wrap);
+        const ret = wasm.taffytree_setChildren(this.__wbg_ptr, parent, ptr0, len0);
         if (ret[1]) {
             throw takeFromExternrefTable0(ret[0]);
         }
     }
     /**
-     * @param {number} value
+     * Creates a new TaffyTree with pre-allocated capacity.
+     *
+     * Use this when you know approximately how many nodes you'll create
+     * to avoid reallocation overhead.
+     *
+     * # Arguments
+     * * `capacity` - The number of nodes to pre-allocate space for.
+     *
+     * # Returns
+     * A new TaffyTree instance with pre-allocated capacity.
+     * @param {number} capacity
+     * @returns {TaffyTree}
+     */
+    static withCapacity(capacity) {
+        const ret = wasm.taffytree_withCapacity(capacity);
+        return TaffyTree.__wrap(ret);
+    }
+    /**
+     * Gets a child at a specific index.
+     *
+     * # Arguments
+     * * `parent` - The parent node ID.
+     * * `index` - The zero-based index.
+     *
+     * # Returns
+     * * `Ok(u64)` - The child node ID at the given index.
+     * * `Err(JsValue)` - Error if index is out of bounds.
+     * @param {bigint} parent
+     * @param {number} index
+     * @returns {bigint}
      */
-    setMinWidth(value) {
-        const ret = wasm.taffynode_setMinWidth(this.__wbg_ptr, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
+    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]);
+    }
+    /**
+     * Computes the layout for a subtree.
+     *
+     * Runs the layout algorithm (Flexbox/Grid/Block) on the given node
+     * and all its descendants. Results are cached and can be retrieved
+     * with `getLayout()`.
+     *
+     * # Arguments
+     * * `node` - The root node ID for layout computation.
+     * * `available_space` - The available space constraint, e.g.:
+     *   `{ width: { Definite: 800 }, height: { Definite: 600 } }`
+     *
+     * Available space options per dimension:
+     * - `{ Definite: number }` - A specific size in pixels
+     * - `"MinContent"` - Use minimum content size
+     * - `"MaxContent"` - Use maximum content size
+     * @param {bigint} node
      * @param {any} available_space
      */
-    computeLayout(available_space) {
-        const ret = wasm.taffynode_computeLayout(this.__wbg_ptr, available_space);
+    computeLayout(node, available_space) {
+        const ret = wasm.taffytree_computeLayout(this.__wbg_ptr, node, available_space);
         if (ret[1]) {
             throw takeFromExternrefTable0(ret[0]);
         }
     }
     /**
-     * @param {AlignSelf} align
+     * Enables rounding of layout values to whole pixels.
+     *
+     * When enabled, all computed layout values (x, y, width, height) are
+     * rounded to the nearest integer. This is the default behavior.
      */
-    setAlignSelf(align) {
-        const ret = wasm.taffynode_setAlignSelf(this.__wbg_ptr, align);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
+    enableRounding() {
+        wasm.taffytree_enableRounding(this.__wbg_ptr);
     }
     /**
-     * @param {number} value
+     * Disables rounding of layout values.
+     *
+     * When disabled, layout values may have fractional pixel values.
+     * Use `unroundedLayout()` to get the pre-rounding values.
      */
-    setFlexBasis(value) {
-        const ret = wasm.taffynode_setFlexBasis(this.__wbg_ptr, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
+    disableRounding() {
+        wasm.taffytree_disableRounding(this.__wbg_ptr);
     }
     /**
-     * @param {number} value
-     */
-    setMinHeight(value) {
-        const ret = wasm.taffynode_setMinHeight(this.__wbg_ptr, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    setWidthAuto() {
-        const ret = wasm.taffynode_setWidthAuto(this.__wbg_ptr);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {AlignItems} align
-     */
-    setAlignItems(align) {
-        const ret = wasm.taffynode_setAlignItems(this.__wbg_ptr, align);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {number} value
-     */
-    setFlexShrink(value) {
-        const ret = wasm.taffynode_setFlexShrink(this.__wbg_ptr, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    setHeightAuto() {
-        const ret = wasm.taffynode_setHeightAuto(this.__wbg_ptr);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {Edge} edge
-     */
-    setMarginAuto(edge) {
-        const ret = wasm.taffynode_setMarginAuto(this.__wbg_ptr, edge);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {Function} js_func
-     */
-    setMeasureFunc(js_func) {
-        const ret = wasm.taffynode_setMeasureFunc(this.__wbg_ptr, js_func);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {Position} position
-     */
-    setPositionType(position) {
-        const ret = wasm.taffynode_setPositionType(this.__wbg_ptr, position);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {number} value
-     */
-    setWidthPercent(value) {
-        const ret = wasm.taffynode_setWidthPercent(this.__wbg_ptr, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {FlexDirection} direction
-     */
-    setFlexDirection(direction) {
-        const ret = wasm.taffynode_setFlexDirection(this.__wbg_ptr, direction);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {number} value
+     * Gets the context value for a node.
+     *
+     * # Arguments
+     * * `node` - The node ID.
+     *
+     * # Returns
+     * The context value, or `undefined` if not set.
+     * @param {bigint} node
+     * @returns {any}
      */
-    setHeightPercent(value) {
-        const ret = wasm.taffynode_setHeightPercent(this.__wbg_ptr, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    setFlexBasisAuto() {
-        const ret = wasm.taffynode_setFlexBasisAuto(this.__wbg_ptr);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
+    getNodeContext(node) {
+        const ret = wasm.taffytree_getNodeContext(this.__wbg_ptr, node);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
         }
+        return takeFromExternrefTable0(ret[0]);
     }
     /**
-     * @param {JustifyContent} justify
+     * Sets a context value for a node.
+     *
+     * Context values are passed to the measure function during layout.
+     * Use this to attach data like text content or custom metadata.
+     *
+     * # Arguments
+     * * `node` - The node ID.
+     * * `context` - Any JavaScript value.
+     * @param {bigint} node
+     * @param {any} context
      */
-    setJustifyContent(justify) {
-        const ret = wasm.taffynode_setJustifyContent(this.__wbg_ptr, justify);
+    setNodeContext(node, context) {
+        const ret = wasm.taffytree_setNodeContext(this.__wbg_ptr, node, context);
         if (ret[1]) {
             throw takeFromExternrefTable0(ret[0]);
         }
     }
     /**
-     * @param {number} value
+     * Gets the total number of nodes in the tree.
+     *
+     * # Returns
+     * The count of all nodes (including removed nodes that haven't been reclaimed).
+     * @returns {number}
      */
-    setMinWidthPercent(value) {
-        const ret = wasm.taffynode_setMinWidthPercent(this.__wbg_ptr, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
-    }
-    /**
-     * @param {number} value
+    totalNodeCount() {
+        const ret = wasm.taffytree_totalNodeCount(this.__wbg_ptr);
+        return ret >>> 0;
+    }
+    /**
+     * Gets the unrounded (fractional) layout for a node.
+     *
+     * Useful when you need sub-pixel precision.
+     *
+     * # Arguments
+     * * `node` - The node ID to query.
+     *
+     * # Returns
+     * A layout object with potentially fractional values.
+     * @param {bigint} node
+     * @returns {any}
      */
-    setFlexBasisPercent(value) {
-        const ret = wasm.taffynode_setFlexBasisPercent(this.__wbg_ptr, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
+    unroundedLayout(node) {
+        const ret = wasm.taffytree_unroundedLayout(this.__wbg_ptr, node);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
         }
+        return takeFromExternrefTable0(ret[0]);
     }
     /**
-     * @param {number} value
+     * Creates a new node with the given children.
+     *
+     * # Arguments
+     * * `style` - The Style object to apply to this node.
+     * * `children` - Array of child node IDs.
+     *
+     * # Returns
+     * * `Ok(u64)` - The node ID of the newly created node.
+     * * `Err(JsValue)` - Error message if creation fails.
+     * @param {Style} style
+     * @param {BigUint64Array} children
+     * @returns {bigint}
      */
-    setMinHeightPercent(value) {
-        const ret = wasm.taffynode_setMinHeightPercent(this.__wbg_ptr, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
+    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]);
     }
     /**
-     * @param {any} style
+     * Gets a mutable reference to the context value for a node.
+     *
+     * Note: In WASM, this returns a clone since we can't return mutable references.
+     *
+     * # Arguments
+     * * `node` - The node ID.
+     *
+     * # Returns
+     * The context value, or `undefined` if not set.
+     * @param {bigint} node
+     * @returns {any}
      */
-    constructor(style) {
-        const ret = wasm.taffynode_new(style);
+    getNodeContextMut(node) {
+        const ret = wasm.taffytree_getNodeContextMut(this.__wbg_ptr, node);
         if (ret[2]) {
             throw takeFromExternrefTable0(ret[1]);
         }
-        this.__wbg_ptr = ret[0] >>> 0;
-        TaffyNodeFinalization.register(this, this.__wbg_ptr, this);
-        return this;
+        return takeFromExternrefTable0(ret[0]);
     }
-    free() {
-        const ptr = this.__destroy_into_raw();
-        const ret = wasm.taffynode_free(ptr);
+    /**
+     * Inserts a child at a specific index.
+     *
+     * Existing children at and after the index are shifted right.
+     *
+     * # Arguments
+     * * `parent` - The parent node ID.
+     * * `index` - The zero-based index at which to insert.
+     * * `child` - The child node ID to insert.
+     * @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]);
         }
     }
     /**
-     * @returns {any}
+     * Creates a new leaf node with an attached context value.
+     *
+     * The context can be any JavaScript value and is useful for associating
+     * custom data (like text content) with a node for use in measure functions.
+     *
+     * # Arguments
+     * * `style` - The Style object to apply to this node.
+     * * `context` - Any JavaScript value to attach to this node.
+     *
+     * # Returns
+     * * `Ok(u64)` - The node ID of the newly created node.
+     * * `Err(JsValue)` - Error message if creation fails.
+     * @param {Style} style
+     * @param {any} context
+     * @returns {bigint}
      */
-    style() {
-        const ret = wasm.taffynode_style(this.__wbg_ptr);
+    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 takeFromExternrefTable0(ret[0]);
+        return BigInt.asUintN(64, ret[0]);
     }
     /**
-     * @param {Gutter} gutter
-     * @param {number} value
+     * Removes a child at a specific index.
+     *
+     * # Arguments
+     * * `parent` - The parent node ID.
+     * * `index` - The zero-based index of the child to remove.
+     *
+     * # Returns
+     * * `Ok(u64)` - The ID of the removed child.
+     * * `Err(JsValue)` - Error if index is out of bounds.
+     * @param {bigint} parent
+     * @param {number} index
+     * @returns {bigint}
      */
-    setGap(gutter, value) {
-        const ret = wasm.taffynode_setGap(this.__wbg_ptr, gutter, value);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
+    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]);
     }
     /**
-     * @param {TaffyNode} child
+     * Removes a range of children from a parent.
+     *
+     * # Arguments
+     * * `parent` - The parent node ID.
+     * * `start` - The start index (inclusive).
+     * * `end` - The end index (exclusive).
+     * @param {bigint} parent
+     * @param {number} start
+     * @param {number} end
      */
-    addChild(child) {
-        _assertClass(child, TaffyNode);
-        const ret = wasm.taffynode_addChild(this.__wbg_ptr, child.__wbg_ptr);
+    removeChildrenRange(parent, start, end) {
+        const ret = wasm.taffytree_removeChildrenRange(this.__wbg_ptr, parent, start, end);
         if (ret[1]) {
             throw takeFromExternrefTable0(ret[0]);
         }
     }
     /**
-     * @param {any} style
+     * Replaces a child at a specific index with a new child.
+     *
+     * # Arguments
+     * * `parent` - The parent node ID.
+     * * `index` - The zero-based index of the child to replace.
+     * * `child` - The new child node ID.
+     *
+     * # Returns
+     * * `Ok(u64)` - The ID of the replaced (old) child.
+     * * `Err(JsValue)` - Error if index is out of bounds.
+     * @param {bigint} parent
+     * @param {number} index
+     * @param {bigint} child
+     * @returns {bigint}
      */
-    set_style(style) {
-        const ret = wasm.taffynode_set_style(this.__wbg_ptr, style);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
+    replaceChildAtIndex(parent, index, child) {
+        const ret = wasm.taffytree_replaceChildAtIndex(this.__wbg_ptr, parent, index, child);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
         }
-    }
-    /**
-     * @param {number} value
+        return BigInt.asUintN(64, ret[0]);
+    }
+    /**
+     * Computes layout with a custom measure function for leaf nodes.
+     *
+     * The measure function is called for leaf nodes to determine their
+     * intrinsic size (e.g., for text measurement).
+     *
+     * # Arguments
+     * * `node` - The root node ID for layout computation.
+     * * `available_space` - The available space constraint.
+     * * `measure_func` - A JavaScript function with signature:
+     *   `(knownDimensions, availableSpace, context) => { width, height }`
+     *
+     * The measure function receives:
+     * - `knownDimensions`: `{ width: number | null, height: number | null }`
+     * - `availableSpace`: `{ width: AvailableSpace, height: AvailableSpace }`
+     * - `context`: The context value attached to the node (or undefined)
+     *
+     * And should return: `{ width: number, height: number }`
+     * @param {bigint} node
+     * @param {any} available_space
+     * @param {Function} measure_func
      */
-    setWidth(value) {
-        const ret = wasm.taffynode_setWidth(this.__wbg_ptr, value);
+    computeLayoutWithMeasure(node, available_space, measure_func) {
+        const ret = wasm.taffytree_computeLayoutWithMeasure(this.__wbg_ptr, node, available_space, measure_func);
         if (ret[1]) {
             throw takeFromExternrefTable0(ret[0]);
         }
     }
-}
-if (Symbol.dispose) TaffyNode.prototype[Symbol.dispose] = TaffyNode.prototype.free;
-
-/**
- * Text alignment within a node (mostly ignored in flex/grid layout but preserved for compatibility).
- * @enum {0 | 1 | 2 | 3 | 4}
- */
-export const TextAlign = Object.freeze({
-    Auto: 0, "0": "Auto",
-    Left: 1, "1": "Left",
-    Right: 2, "2": "Right",
-    Center: 3, "3": "Center",
-    Justify: 4, "4": "Justify",
-});
-
-/**
- * Definition of a single grid track (row or column).
- */
-export class TrackDefinition {
-    __destroy_into_raw() {
-        const ptr = this.__wbg_ptr;
-        this.__wbg_ptr = 0;
-        TrackDefinitionFinalization.unregister(this);
-        return ptr;
-    }
-    free() {
-        const ptr = this.__destroy_into_raw();
-        wasm.__wbg_trackdefinition_free(ptr, 0);
-    }
     /**
-     * The numeric value of the track size.
-     * @returns {number}
+     * Gets context values for multiple nodes at once.
+     *
+     * Useful for batch operations.
+     *
+     * # Arguments
+     * * `children` - Array of node IDs to query.
+     *
+     * # Returns
+     * Array of context values in the same order as input.
+     * @param {BigUint64Array} children
+     * @returns {any[]}
      */
-    get value() {
-        const ret = wasm.__wbg_get_dimension_value(this.__wbg_ptr);
-        return ret;
+    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.
+     *
+     * This is the primary constructor. Initializes panic hook in debug builds
+     * to provide better error messages in the browser console.
+     *
+     * # Returns
+     * A new TaffyTree instance with no nodes.
+     */
+    constructor() {
+        const ret = wasm.taffytree_new();
+        this.__wbg_ptr = ret >>> 0;
+        TaffyTreeFinalization.register(this, this.__wbg_ptr, this);
+        return this;
     }
     /**
-     * The numeric value of the track size.
-     * @param {number} arg0
+     * Removes all nodes from the tree.
+     *
+     * After calling this, the tree is empty and all previous node IDs are invalid.
      */
-    set value(arg0) {
-        wasm.__wbg_set_dimension_value(this.__wbg_ptr, arg0);
+    clear() {
+        wasm.taffytree_clear(this.__wbg_ptr);
     }
     /**
-     * The unit of the track size.
-     * @returns {TrackUnit}
+     * Checks if a node is dirty (needs re-layout).
+     *
+     * # Arguments
+     * * `node` - The node ID to check.
+     *
+     * # Returns
+     * * `Ok(true)` - The node needs re-layout.
+     * * `Ok(false)` - The node's layout is up-to-date.
+     * * `Err(JsValue)` - Error if the node doesn't exist.
+     * @param {bigint} node
+     * @returns {boolean}
      */
-    get unit() {
-        const ret = wasm.__wbg_get_trackdefinition_unit(this.__wbg_ptr);
-        return ret;
+    dirty(node) {
+        const ret = wasm.taffytree_dirty(this.__wbg_ptr, node);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return ret[0] !== 0;
     }
     /**
-     * The unit of the track size.
-     * @param {TrackUnit} arg0
+     * Gets the style for a node.
+     *
+     * # Arguments
+     * * `node` - The node ID to query.
+     *
+     * # Returns
+     * * `Ok(Style)` - A copy of the node's style.
+     * * `Err(JsValue)` - Error if the node doesn't exist.
+     * @param {bigint} node
+     * @returns {Style}
      */
-    set unit(arg0) {
-        wasm.__wbg_set_trackdefinition_unit(this.__wbg_ptr, arg0);
+    getStyle(node) {
+        const ret = wasm.taffytree_getStyle(this.__wbg_ptr, node);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return Style.__wrap(ret[0]);
     }
-}
-if (Symbol.dispose) TrackDefinition.prototype[Symbol.dispose] = TrackDefinition.prototype.free;
-
-/**
- * The unit for a grid track definition.
- * @enum {0 | 1 | 2 | 3 | 4 | 5}
- */
-export const TrackUnit = Object.freeze({
-    /**
-     * The track size is specified in logical pixels.
-     */
-    Pixels: 0, "0": "Pixels",
     /**
-     * The track size is specified as a percentage of the container.
+     * Gets the computed layout for a node.
+     *
+     * Must be called after `computeLayout()`.
+     *
+     * # Arguments
+     * * `node` - The node ID to query.
+     *
+     * # Returns
+     * A layout object: `{ order, size: {width, height}, location: {x, y}, ... }`
+     * @param {bigint} node
+     * @returns {any}
      */
-    Percent: 1, "1": "Percent",
+    getLayout(node) {
+        const ret = wasm.taffytree_getLayout(this.__wbg_ptr, node);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return takeFromExternrefTable0(ret[0]);
+    }
     /**
-     * The track size is a fraction of the remaining free space (fr unit).
+     * Gets the parent of a node.
+     *
+     * # Arguments
+     * * `child` - The child node ID.
+     *
+     * # Returns
+     * * `Some(u64)` - The parent node ID.
+     * * `None` - If the node has no parent (is a root).
+     * @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 is detached from its parent (if any) and removed from the tree.
+     * Child nodes are NOT automatically removed.
+     *
+     * # Arguments
+     * * `node` - The node ID to remove.
+     *
+     * # Returns
+     * * `Ok(u64)` - The ID of the removed node.
+     * * `Err(JsValue)` - Error if the node doesn't exist.
+     * @param {bigint} node
+     * @returns {bigint}
      */
-    Fraction: 2, "2": "Fraction",
-    /**
-     * The track size is determined automatically.
+    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.
+     *
+     * # Arguments
+     * * `parent` - The parent node ID.
+     *
+     * # Returns
+     * * `Ok(Box<[u64]>)` - Array of child node IDs.
+     * * `Err(JsValue)` - Error if the node doesn't exist.
+     * @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 (no children) with the given style.
+     *
+     * # Arguments
+     * * `style` - The Style object to apply to this node.
+     *
+     * # Returns
+     * * `Ok(u64)` - The node ID of the newly created node.
+     * * `Err(JsValue)` - Error message if creation fails.
+     * @param {Style} style
+     * @returns {bigint}
      */
-    Auto: 3, "3": "Auto",
+    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]);
+    }
     /**
-     * The track size is the minimum size needed to fit the content.
+     * Appends a child node to a parent.
+     *
+     * The child is added at the end of the parent's children list.
+     *
+     * # Arguments
+     * * `parent` - The parent node ID.
+     * * `child` - The child node ID to add.
+     * @param {bigint} parent
+     * @param {bigint} child
      */
-    MinContent: 4, "4": "MinContent",
+    addChild(parent, child) {
+        const ret = wasm.taffytree_addChild(this.__wbg_ptr, parent, child);
+        if (ret[1]) {
+            throw takeFromExternrefTable0(ret[0]);
+        }
+    }
     /**
-     * The track size is the maximum size needed to fit the content.
+     * Sets the style for an existing node.
+     *
+     * This will mark the node and its ancestors as dirty, triggering
+     * a re-layout on the next `computeLayout()` call.
+     *
+     * # Arguments
+     * * `node` - The node ID to update.
+     * * `style` - The new Style to apply.
+     * @param {bigint} node
+     * @param {Style} style
      */
-    MaxContent: 5, "5": "MaxContent",
-});
-
-/**
- * Adds a child node to a parent node.
- *
- * # Arguments
- *
- * * `parent` - The ID of the parent node.
- * * `child` - The ID of the child node to add.
- *
- * # Errors
- *
- * Returns a `JsValue` error if the operation fails (e.g., recursive hierarchy).
- * @param {bigint} parent
- * @param {bigint} child
- */
-export function add_child(parent, child) {
-    const ret = wasm.add_child(parent, child);
-    if (ret[1]) {
-        throw takeFromExternrefTable0(ret[0]);
-    }
-}
-
-/**
- * Auto dimension constant
- * @returns {Dimension}
- */
-export function auto() {
-    const ret = wasm.auto();
-    return Dimension.__wrap(ret);
-}
-
-/**
- * Clear all nodes from the layout tree.
- *
- * This removes all nodes and resets the tree to an empty state.
- * Any existing node IDs become invalid after this call.
- */
-export function clear() {
-    const ret = wasm.clear();
-    if (ret[1]) {
-        throw takeFromExternrefTable0(ret[0]);
-    }
-}
-
-/**
- * Computes the layout for a tree starting from the specified root node.
- *
- * # Arguments
- *
- * * `root` - The ID of the root node of the tree to lay out.
- * * `available_space` - The available space constraints for the layout.
- *
- * # Errors
- *
- * Returns a `JsValue` error if the layout computation fails.
- * @param {bigint} root
- * @param {any} available_space
- */
-export function compute_layout(root, available_space) {
-    const ret = wasm.compute_layout(root, available_space);
-    if (ret[1]) {
-        throw takeFromExternrefTable0(ret[0]);
-    }
-}
-
-/**
- * Helper function to create a dimension
- * @param {number} value
- * @param {DimensionUnit} unit
- * @returns {Dimension}
- */
-export function dimension(value, unit) {
-    const ret = wasm.dimension(value, unit);
-    return Dimension.__wrap(ret);
-}
-
-/**
- * Retrieves the list of children IDs for a given node.
- *
- * # Arguments
- *
- * * `parent` - The ID of the parent node.
- *
- * # Returns
- *
- * A boxed array of child node IDs (`Box<[u32]>`).
- *
- * # Errors
- *
- * Returns a `JsValue` error if the node does not exist.
- * @param {bigint} parent
- * @returns {BigUint64Array}
- */
-export function get_children(parent) {
-    const ret = wasm.get_children(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;
-}
-
-/**
- * Retrieves the computed layout information for a specific node.
- *
- * # Arguments
- *
- * * `node` - The ID of the node to query.
- *
- * # Returns
- *
- * A `Layout` object containing the x, y, width, and height of the node.
- *
- * # Errors
- *
- * Returns a `JsValue` error if the node does not exist or layout information is unavailable.
- * @param {bigint} node
- * @returns {any}
- */
-export function get_layout(node) {
-    const ret = wasm.get_layout(node);
-    if (ret[2]) {
-        throw takeFromExternrefTable0(ret[1]);
-    }
-    return takeFromExternrefTable0(ret[0]);
-}
-
-/**
- * Retrieves the parent ID of a given node.
- *
- * # Arguments
- *
- * * `node` - The ID of the node to query.
- *
- * # Returns
- *
- * An `Option<u32>` containing the parent ID if it exists, or `None` if the node is a root or orphan.
- *
- * # Errors
- *
- * Returns a `JsValue` error if internal tree access fails.
- * @param {bigint} node
- * @returns {bigint | undefined}
- */
-export function get_parent(node) {
-    const ret = wasm.get_parent(node);
-    if (ret[3]) {
-        throw takeFromExternrefTable0(ret[2]);
-    }
-    return ret[0] === 0 ? undefined : BigInt.asUintN(64, ret[1]);
-}
-
-/**
- * Initialize the WASM module.
- *
- * This function is automatically called when the WASM module is loaded.
- * It sets up the console error panic hook for better error messages in development.
- */
-export function init() {
-    wasm.init();
-}
-
-/**
- * Marks a node and its ancestors as dirty, requiring a layout re-computation.
- *
- * # Arguments
- *
- * * `node` - The ID of the node to mark dirty.
- *
- * # Errors
- *
- * Returns a `JsValue` error if the node does not exist.
- * @param {bigint} node
- */
-export function mark_dirty(node) {
-    const ret = wasm.mark_dirty(node);
-    if (ret[1]) {
-        throw takeFromExternrefTable0(ret[0]);
-    }
-}
-
-/**
- * Creates a new leaf node with the specified style.
- *
- * # Arguments
- *
- * * `style` - The style object to apply to the new node.
- *
- * # Returns
- *
- * The ID of the created node as a `u32`.
- *
- * # Errors
- *
- * Returns a `JsValue` error if the style cannot be deserialized or if node creation fails.
- * @param {any} style
- * @returns {bigint}
- */
-export function new_leaf(style) {
-    const ret = wasm.new_leaf(style);
-    if (ret[2]) {
-        throw takeFromExternrefTable0(ret[1]);
-    }
-    return BigInt.asUintN(64, ret[0]);
-}
-
-/**
- * Creates a new node with children and the specified style.
- *
- * # Arguments
- *
- * * `style` - The style object to apply to the new node.
- * * `children` - An array of child node IDs (`u32`) to attach to this node.
- *
- * # Returns
- *
- * The ID of the created node as a `u32`.
- *
- * # Errors
- *
- * Returns a `JsValue` error if the style cannot be deserialized or if node creation fails.
- * @param {any} style
- * @param {BigUint64Array} children
- * @returns {bigint}
- */
-export function new_with_children(style, children) {
-    const ptr0 = passArray64ToWasm0(children, wasm.__wbindgen_malloc);
-    const len0 = WASM_VECTOR_LEN;
-    const ret = wasm.new_with_children(style, ptr0, len0);
-    if (ret[2]) {
-        throw takeFromExternrefTable0(ret[1]);
-    }
-    return BigInt.asUintN(64, ret[0]);
-}
-
-/**
- * Get the total number of nodes currently in the layout tree.
- *
- * # Returns
- *
- * The total count of all nodes in the tree.
- * @returns {number}
- */
-export function node_count() {
-    const ret = wasm.node_count();
-    return ret >>> 0;
-}
-
-/**
- * Helper function to create a percent dimension
- * @param {number} value
- * @returns {Dimension}
- */
-export function percent(value) {
-    const ret = wasm.percent(value);
-    return Dimension.__wrap(ret);
-}
-
-/**
- * Helper function to create a pixel dimension
- * @param {number} value
- * @returns {Dimension}
- */
-export function px(value) {
-    const ret = wasm.px(value);
-    return Dimension.__wrap(ret);
-}
-
-/**
- * Removes a child node from a parent node.
- *
- * # Arguments
- *
- * * `parent` - The ID of the parent node.
- * * `child` - The ID of the child node to remove.
- *
- * # Errors
- *
- * Returns a `JsValue` error if the child is not found in the parent.
- * @param {bigint} parent
- * @param {bigint} child
- */
-export function remove_child(parent, child) {
-    const ret = wasm.remove_child(parent, child);
-    if (ret[1]) {
-        throw takeFromExternrefTable0(ret[0]);
-    }
-}
-
-/**
- * Removes a node from the tree and frees its resources.
- *
- * # Arguments
- *
- * * `node` - The ID of the node to remove.
- *
- * # Errors
- *
- * Returns a `JsValue` error if the node does not exist or cannot be removed.
- * @param {bigint} node
- */
-export function remove_node(node) {
-    const ret = wasm.remove_node(node);
-    if (ret[1]) {
-        throw takeFromExternrefTable0(ret[0]);
-    }
-}
-
-/**
- * Sets the children of a node, replacing any existing children.
- *
- * # Arguments
- *
- * * `parent` - The ID of the parent node.
- * * `children` - An array of child node IDs to set.
- *
- * # Errors
- *
- * Returns a `JsValue` error if the operation fails.
- * @param {bigint} parent
- * @param {BigUint64Array} children
- */
-export function set_children(parent, children) {
-    const ptr0 = passArray64ToWasm0(children, wasm.__wbindgen_malloc);
-    const len0 = WASM_VECTOR_LEN;
-    const ret = wasm.set_children(parent, ptr0, len0);
-    if (ret[1]) {
-        throw takeFromExternrefTable0(ret[0]);
-    }
-}
-
-/**
- * Updates the style of an existing node.
- *
- * # Arguments
- *
- * * `node` - The ID of the node to update.
- * * `style` - The new style object to apply.
- *
- * # Errors
- *
- * Returns a `JsValue` error if the style cannot be deserialized or if the node does not exist.
- * @param {bigint} node
- * @param {any} style
- */
-export function set_style(node, style) {
-    const ret = wasm.set_style(node, style);
-    if (ret[1]) {
-        throw takeFromExternrefTable0(ret[0]);
+    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;
 
 const EXPECTED_RESPONSE_TYPES = new Set(['basic', 'cors', 'default']);
 
@@ -2482,14 +1575,6 @@ function __wbg_get_imports() {
         const ret = arg0 in arg1;
         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;
@@ -2524,18 +1609,10 @@ function __wbg_get_imports() {
     imports.wbg.__wbg___wbindgen_throw_dd24417ed36fc46e = function(arg0, arg1) {
         throw new Error(getStringFromWasm0(arg0, arg1));
     };
-    imports.wbg.__wbg_call_3020136f7a2d6e44 = function() { return handleError(function (arg0, arg1, arg2) {
-        const ret = arg0.call(arg1, arg2);
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_call_abb4ff46ce38be40 = function() { return handleError(function (arg0, arg1) {
-        const ret = arg0.call(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_done_62ea16af4ce34b24 = function(arg0) {
-        const ret = arg0.done;
-        return ret;
-    };
     imports.wbg.__wbg_entries_83c79938054e065f = function(arg0) {
         const ret = Object.entries(arg0);
         return ret;
@@ -2551,17 +1628,10 @@ function __wbg_get_imports() {
             wasm.__wbindgen_free(deferred0_0, deferred0_1, 1);
         }
     };
-    imports.wbg.__wbg_error_7bc7d576a6aaf855 = function(arg0) {
-        console.error(arg0);
-    };
     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;
@@ -2586,18 +1656,6 @@ function __wbg_get_imports() {
         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;
@@ -2606,10 +1664,17 @@ function __wbg_get_imports() {
         const ret = arg0.length;
         return ret;
     };
+    imports.wbg.__wbg_log_730ba2e365bddb50 = 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;
@@ -2618,17 +1683,13 @@ function __wbg_get_imports() {
         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;
     };
@@ -2639,13 +1700,10 @@ function __wbg_get_imports() {
         getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
         getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
     };
-    imports.wbg.__wbg_value_57b7b035e117f7ee = function(arg0) {
-        const ret = arg0.value;
+    imports.wbg.__wbg_stringify_655a6390e1f5eb6b = function() { return handleError(function (arg0) {
+        const ret = JSON.stringify(arg0);
         return ret;
-    };
-    imports.wbg.__wbg_warn_6e567d0d926ff881 = function(arg0) {
-        console.warn(arg0);
-    };
+    }, arguments) };
     imports.wbg.__wbindgen_cast_2241b6af4c4b2941 = function(arg0, arg1) {
         // Cast intrinsic for `Ref(String) -> Externref`.
         const ret = getStringFromWasm0(arg0, arg1);