taffy-js 0.1.3 → 0.2.1

package/taffy_js.d.ts

@@ -2,1208 +2,796 @@
 /* eslint-disable */
 
 /**
- * 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
  */
 export enum AlignContent {
-  /**
-   * Lines are packed toward the start of the cross axis.
-   */
   Start = 0,
-  /**
-   * Lines are packed toward the end of the cross axis.
-   */
   End = 1,
-  /**
-   * Lines are packed toward the start of the flex-direction cross axis.
-   */
   FlexStart = 2,
-  /**
-   * Lines are packed toward the end of the flex-direction cross axis.
-   */
   FlexEnd = 3,
-  /**
-   * Lines are packed toward the center of the cross axis.
-   */
   Center = 4,
-  /**
-   * Lines are evenly distributed; the first line is at the start, the last at the end.
-   */
-  SpaceBetween = 5,
-  /**
-   * Lines are evenly distributed with equal space around them.
-   */
-  SpaceAround = 6,
-  /**
-   * Lines are evenly distributed with equal space between them.
-   */
-  SpaceEvenly = 7,
-  /**
-   * Lines are stretched to take up the remaining space.
-   */
-  Stretch = 8,
+  Stretch = 5,
+  SpaceBetween = 6,
+  SpaceAround = 7,
+  SpaceEvenly = 8,
 }
 
 /**
- * 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
  */
 export enum AlignItems {
-  /**
-   * Items are aligned at the start of the cross axis.
-   */
   Start = 0,
-  /**
-   * Items are aligned at the end of the cross axis.
-   */
   End = 1,
-  /**
-   * Items are aligned at the start of the flex-direction cross axis.
-   */
   FlexStart = 2,
-  /**
-   * Items are aligned at the end of the flex-direction cross axis.
-   */
   FlexEnd = 3,
-  /**
-   * Items are aligned at the center of the cross axis.
-   */
   Center = 4,
-  /**
-   * Items are aligned based on their baselines.
-   */
   Baseline = 5,
-  /**
-   * Items are stretched to fill the container along the cross axis.
-   */
   Stretch = 6,
 }
 
 /**
- * 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`
  */
 export enum AlignSelf {
-  /**
-   * Auto
-   */
   Auto = 0,
-  /**
-   * items are aligned at the start of the cross axis.
-   */
   Start = 1,
-  /**
-   * Items are aligned at the end of the cross axis.
-   */
   End = 2,
-  /**
-   * Items are aligned at the start of the flex-direction cross axis.
-   */
   FlexStart = 3,
-  /**
-   * Items are aligned at the end of the flex-direction cross axis.
-   */
   FlexEnd = 4,
-  /**
-   * Items are aligned at the center of the cross axis.
-   */
   Center = 5,
-  /**
-   * Items are aligned based on their baselines.
-   */
   Baseline = 6,
-  /**
-   * Items are stretched to fill the container along the cross axis.
-   */
   Stretch = 7,
 }
 
-export class AvailableSpace {
-  private constructor();
-  free(): void;
-  [Symbol.dispose](): void;
-  /**
-   * The available width (None means undefined/max-content).
-   */
-  get width(): number | undefined;
-  /**
-   * The available width (None means undefined/max-content).
-   */
-  set width(value: number | null | undefined);
-  /**
-   * The available height (None means undefined/max-content).
-   */
-  get height(): number | undefined;
-  /**
-   * The available height (None means undefined/max-content).
-   */
-  set height(value: number | null | undefined);
-}
-
-export class Dimension {
-  private constructor();
-  free(): void;
-  [Symbol.dispose](): void;
-  /**
-   * 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.
-   */
-  value: number;
-  /**
-   * The unit of the dimension.
-   */
-  unit: DimensionUnit;
-}
-
 /**
- * The unit of a dimension.
- */
-export enum DimensionUnit {
-  /**
-   * The dimension is specified in logical pixels.
-   */
-  Pixels = 0,
-  /**
-   * The dimension is specified as a percentage of the parent's size.
-   */
-  Percent = 1,
-  /**
-   * The dimension is determined automatically based on content or context.
-   */
-  Auto = 2,
-}
-
-/**
- * The display style of a node.
+ * Display mode enum
+ * 
+ * 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
  */
 export enum Display {
-  /**
-   * The node is hidden and does not take up space.
-   */
-  None = 0,
-  /**
-   * The node behaves as a flex container.
-   */
+  Block = 0,
   Flex = 1,
-  /**
-   * The node behaves as a grid container.
-   */
   Grid = 2,
-  /**
-   * The node behaves as a block element.
-   */
-  Block = 3,
+  None = 3,
 }
 
 /**
- * Start and End are used for logical positioning (e.g. paddingStart).
- */
-export enum Edge {
-  Left = 0,
-  Right = 1,
-  Top = 2,
-  Bottom = 3,
-  Start = 4,
-  End = 5,
-  Horizontal = 6,
-  Vertical = 7,
-  All = 8,
-}
-
-/**
- * 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
  */
 export enum FlexDirection {
-  /**
-   * Items are placed horizontally from left to right.
-   */
   Row = 0,
-  /**
-   * Items are placed vertically from top to bottom.
-   */
   Column = 1,
-  /**
-   * Items are placed horizontally from right to left.
-   */
   RowReverse = 2,
-  /**
-   * Items are placed vertically from bottom to top.
-   */
   ColumnReverse = 3,
 }
 
 /**
- * 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
  */
 export enum FlexWrap {
-  /**
-   * Items are forced into a single line.
-   */
   NoWrap = 0,
-  /**
-   * Items wrap onto multiple lines.
-   */
   Wrap = 1,
-  /**
-   * Items wrap onto multiple lines in reverse order.
-   */
   WrapReverse = 2,
 }
 
 /**
- * Grid auto-placement algorithm controls how auto-placed items get flowed into the grid.
- */
-export enum GridAutoFlow {
-  /**
-   * Items are placed by filling each row in turn, adding new rows as necessary.
-   */
-  Row = 0,
-  /**
-   * Items are placed by filling each column in turn, adding new columns as necessary.
-   */
-  Column = 1,
-  /**
-   * Items are placed by filling each row, attempting to fill holes earlier in the grid.
-   */
-  RowDense = 2,
-  /**
-   * Items are placed by filling each column, attempting to fill holes earlier in the grid.
-   */
-  ColumnDense = 3,
-}
-
-export enum Gutter {
-  Column = 0,
-  Row = 1,
-  All = 2,
-}
-
-/**
- * How items are distributed along the main axis.
+ * 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
  */
 export enum JustifyContent {
-  /**
-   * Items are packed toward the start of the layout direction.
-   */
   Start = 0,
-  /**
-   * Items are packed toward the end of the layout direction.
-   */
   End = 1,
-  /**
-   * Items are packed toward the start of the flex-direction.
-   */
   FlexStart = 2,
-  /**
-   * Items are packed toward the end of the flex-direction.
-   */
   FlexEnd = 3,
-  /**
-   * Items are centered along the line.
-   */
   Center = 4,
-  /**
-   * Items are evenly distributed; the first item is at the start, the last at the end.
-   */
-  SpaceBetween = 5,
-  /**
-   * Items are evenly distributed with equal space around them.
-   */
-  SpaceAround = 6,
-  /**
-   * Items are evenly distributed with equal space between them using the same gap at ends.
-   */
-  SpaceEvenly = 7,
+  Stretch = 5,
+  SpaceBetween = 6,
+  SpaceAround = 7,
+  SpaceEvenly = 8,
 }
 
-export class Layout {
-  private constructor();
-  free(): void;
-  [Symbol.dispose](): void;
-  /**
-   * The absolute x-coordinate of the node relative to its parent.
-   */
-  x: number;
-  /**
-   * The absolute y-coordinate of the node relative to its parent.
-   */
-  y: number;
-  /**
-   * The computed width of the node.
-   */
-  width: number;
-  /**
-   * The computed height of the node.
-   */
-  height: number;
-}
-
-export class Line {
-  private constructor();
-  free(): void;
-  [Symbol.dispose](): void;
-  /**
-   * The start line index (1-based).
-   */
-  get start(): number | undefined;
-  /**
-   * The start line index (1-based).
-   */
-  set start(value: number | null | undefined);
-  /**
-   * The end line index (1-based).
-   */
-  get end(): number | undefined;
-  /**
-   * The end line index (1-based).
-   */
-  set end(value: number | null | undefined);
-}
-
-export class Point {
-  private constructor();
-  free(): void;
-  [Symbol.dispose](): void;
-  /**
-   * The x-coordinate (horizontal).
-   */
-  x: number;
-  /**
-   * The y-coordinate (vertical).
-   */
-  y: number;
+/**
+ * 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)
+ */
+export enum Overflow {
+  Visible = 0,
+  Hidden = 1,
+  Scroll = 2,
+  Auto = 3,
 }
 
 /**
- * Positioning strategy for a node.
+ * 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
  */
 export enum Position {
-  /**
-   * Relative to its normal position in the flow.
-   */
-  Static = 0,
-  /**
-   * Relative to its normal position in the flow.
-   */
-  Relative = 1,
-  /**
-   * Removed from the flow and positioned relative to its containing block.
-   */
-  Absolute = 2,
-}
-
-export class Rect {
-  private constructor();
-  free(): void;
-  [Symbol.dispose](): void;
-  /**
-   * The left edge value.
-   */
-  left: number;
-  /**
-   * The right edge value.
-   */
-  right: number;
-  /**
-   * The top edge value.
-   */
-  top: number;
-  /**
-   * The bottom edge value.
-   */
-  bottom: number;
-}
-
-export class Size {
-  private constructor();
-  free(): void;
-  [Symbol.dispose](): void;
-  /**
-   * The width dimension.
-   */
-  width: number;
-  /**
-   * The height dimension.
-   */
-  height: number;
+  Relative = 0,
+  Absolute = 1,
 }
 
 export class Style {
-  private constructor();
   free(): void;
   [Symbol.dispose](): void;
   /**
-   * The display mode of the node (e.g. Flex, Grid, None).
-   */
-  get display(): Display | undefined;
-  /**
-   * The display mode of the node (e.g. Flex, Grid, None).
-   */
-  set display(value: Display | null | undefined);
-  /**
-   * The positioning strategy (e.g. Relative, Absolute).
-   */
-  get position(): Position | undefined;
-  /**
-   * The positioning strategy (e.g. Relative, Absolute).
-   */
-  set position(value: Position | null | undefined);
-  /**
-   * The width of the node.
-   */
-  get width(): Dimension | undefined;
-  /**
-   * The width of the node.
-   */
-  set width(value: Dimension | null | undefined);
-  /**
-   * The height of the node.
-   */
-  get height(): Dimension | undefined;
-  /**
-   * The height of the node.
-   */
-  set height(value: Dimension | null | undefined);
-  /**
-   * The minimum width of the node.
-   */
-  get min_width(): Dimension | undefined;
-  /**
-   * The minimum width of the node.
-   */
-  set min_width(value: Dimension | null | undefined);
-  /**
-   * The minimum height of the node.
-   */
-  get min_height(): Dimension | undefined;
-  /**
-   * The minimum height of the node.
-   */
-  set min_height(value: Dimension | null | undefined);
-  /**
-   * The maximum width of the node.
-   */
-  get max_width(): Dimension | undefined;
-  /**
-   * The maximum width of the node.
-   */
-  set max_width(value: Dimension | null | undefined);
-  /**
-   * The maximum height of the node.
-   */
-  get max_height(): Dimension | undefined;
-  /**
-   * The maximum height of the node.
-   */
-  set max_height(value: Dimension | null | undefined);
-  /**
-   * The offset from the left edge (used with Position::Absolute/Relative).
-   */
-  get left(): Dimension | undefined;
-  /**
-   * The offset from the left edge (used with Position::Absolute/Relative).
-   */
-  set left(value: Dimension | null | undefined);
-  /**
-   * The offset from the right edge.
-   */
-  get right(): Dimension | undefined;
-  /**
-   * The offset from the right edge.
-   */
-  set right(value: Dimension | null | undefined);
-  /**
-   * The offset from the top edge.
+   * 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();
+  /**
+   * Gets the align-self property. Overrides parent's align-items for this element.
+   * Returns AlignSelf.Auto if not explicitly set.
    */
-  get top(): Dimension | undefined;
-  /**
-   * The offset from the top edge.
-   */
-  set top(value: Dimension | null | undefined);
-  /**
-   * The offset from the bottom edge.
-   */
-  get bottom(): Dimension | undefined;
-  /**
-   * The offset from the bottom edge.
-   */
-  set bottom(value: Dimension | null | undefined);
-  /**
-   * The margin on the left side.
-   */
-  get margin_left(): Dimension | undefined;
-  /**
-   * The margin on the left side.
-   */
-  set margin_left(value: Dimension | null | undefined);
-  /**
-   * The margin on the right side.
-   */
-  get margin_right(): Dimension | undefined;
-  /**
-   * The margin on the right side.
-   */
-  set margin_right(value: Dimension | null | undefined);
-  /**
-   * The margin on the top side.
-   */
-  get margin_top(): Dimension | undefined;
-  /**
-   * The margin on the top side.
-   */
-  set margin_top(value: Dimension | null | undefined);
-  /**
-   * The margin on the bottom side.
-   */
-  get margin_bottom(): Dimension | undefined;
-  /**
-   * The margin on the bottom side.
-   */
-  set margin_bottom(value: Dimension | null | undefined);
-  /**
-   * The padding on the left side.
-   */
-  get padding_left(): Dimension | undefined;
-  /**
-   * The padding on the left side.
-   */
-  set padding_left(value: Dimension | null | undefined);
-  /**
-   * The padding on the right side.
-   */
-  get padding_right(): Dimension | undefined;
-  /**
-   * The padding on the right side.
-   */
-  set padding_right(value: Dimension | null | undefined);
-  /**
-   * The padding on the top side.
-   */
-  get padding_top(): Dimension | undefined;
-  /**
-   * The padding on the top side.
-   */
-  set padding_top(value: Dimension | null | undefined);
-  /**
-   * The padding on the bottom side.
-   */
-  get padding_bottom(): Dimension | undefined;
-  /**
-   * The padding on the bottom side.
-   */
-  set padding_bottom(value: Dimension | null | undefined);
-  /**
-   * The flex direction (e.g. Row, Column).
-   */
-  get flex_direction(): FlexDirection | undefined;
+  get align_self(): AlignSelf | undefined;
   /**
-   * The flex direction (e.g. Row, Column).
+   * Sets the align-self property. Use AlignSelf.Auto to inherit from parent.
    */
-  set flex_direction(value: FlexDirection | null | undefined);
+  set align_self(value: AlignSelf | null | undefined);
   /**
-   * Whether flex items should wrap.
+   * Gets the flex-basis as a JsDimension (Length, Percent, or Auto).
+   * Flex-basis defines the initial main size before grow/shrink.
    */
-  get flex_wrap(): FlexWrap | undefined;
+  flex_basis: any;
   /**
-   * Whether flex items should wrap.
+   * 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).
    */
-  set flex_wrap(value: FlexWrap | null | undefined);
+  border: any;
   /**
-   * How much the item will grow relative to the rest of the flexible items.
+   * 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.
    */
-  get flex_grow(): number | undefined;
+  margin: any;
   /**
-   * How much the item will grow relative to the rest of the flexible items.
+   * Gets the align-items property. Controls cross-axis alignment of children.
    */
-  set flex_grow(value: number | null | undefined);
+  get align_items(): AlignItems | undefined;
   /**
-   * How much the item will shrink relative to the rest of the flexible items.
+   * Sets the align-items property. Affects all children's cross-axis alignment.
    */
-  get flex_shrink(): number | undefined;
+  set align_items(value: AlignItems | null | undefined);
   /**
-   * How much the item will shrink relative to the rest of the flexible items.
+   * Gets the flex shrink factor. Determines how much the item shrinks relative to siblings.
    */
-  set flex_shrink(value: number | null | undefined);
+  flex_shrink: number;
   /**
-   * The initial main size of a flex item.
+   * Gets the display mode (Block, Flex, Grid, or None).
    */
-  get flex_basis(): Dimension | undefined;
+  display: Display;
   /**
-   * The initial main size of a flex item.
+   * 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).
    */
-  set flex_basis(value: Dimension | null | undefined);
+  padding: any;
   /**
-   * How items are distributed along the main axis.
+   * Gets the aspect ratio (width / height). Returns None if not set.
    */
-  get justify_content(): JustifyContent | undefined;
+  get aspect_ratio(): number | undefined;
   /**
-   * How items are distributed along the main axis.
+   * Sets the aspect ratio. For example, 16/9 = 1.777... for widescreen.
+   * Set to None to remove the constraint.
    */
-  set justify_content(value: JustifyContent | null | undefined);
+  set aspect_ratio(value: number | null | undefined);
   /**
-   * How items are aligned along the cross axis.
+   * Gets the maximum size constraints as a JsSize<JsDimension>.
+   * Prevents the element from growing beyond these values.
    */
-  get align_items(): AlignItems | undefined;
+  max_size: any;
   /**
-   * How items are aligned along the cross axis.
+   * Gets the minimum size constraints as a JsSize<JsDimension>.
+   * Prevents the element from shrinking below these values.
    */
-  set align_items(value: AlignItems | null | undefined);
+  min_size: any;
   /**
-   * How a single item is aligned along the cross axis.
+   * Gets the overflow behavior as a JS object with {x, y} properties.
    */
-  get align_self(): AlignSelf | undefined;
+  overflow: any;
   /**
-   * How a single item is aligned along the cross axis.
+   * Gets the position mode (Relative or Absolute).
    */
-  set align_self(value: AlignSelf | null | undefined);
+  position: Position;
   /**
-   * How lines of content are aligned along the cross axis.
+   * Gets the align-content property. Controls spacing between lines in multi-line flex.
    */
   get align_content(): AlignContent | undefined;
   /**
-   * How lines of content are aligned along the cross axis.
+   * Sets the align-content property. Only effective when flex-wrap is enabled.
    */
   set align_content(value: AlignContent | null | undefined);
   /**
-   * The gap between rows (flex/grid).
+   * Gets the flex grow factor. Determines how much the item grows relative to siblings.
    */
-  get row_gap(): Dimension | undefined;
+  flex_grow: number;
   /**
-   * The gap between rows (flex/grid).
+   * Gets the flex wrap mode (NoWrap, Wrap, WrapReverse).
    */
-  set row_gap(value: Dimension | null | undefined);
+  flex_wrap: FlexWrap;
   /**
-   * The gap between columns (flex/grid).
+   * Gets the flex direction (Row, Column, RowReverse, ColumnReverse).
    */
-  get column_gap(): Dimension | undefined;
+  flex_direction: FlexDirection;
   /**
-   * The gap between columns (flex/grid).
+   * Gets the justify-content property. Controls main-axis alignment and spacing.
    */
-  set column_gap(value: Dimension | null | undefined);
+  get justify_content(): JustifyContent | undefined;
   /**
-   * Algorithm for auto-placing items in the grid.
+   * Sets the justify-content property. Distributes space along the main axis.
    */
-  get grid_auto_flow(): GridAutoFlow | undefined;
+  set justify_content(value: JustifyContent | null | undefined);
   /**
-   * Algorithm for auto-placing items in the grid.
+   * 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)
    */
-  set grid_auto_flow(value: GridAutoFlow | null | undefined);
+  gap: any;
   /**
-   * Text alignment.
+   * Gets the size (width, height) as a JsSize<JsDimension>.
+   * Each dimension can be Length, Percent, or Auto.
    */
-  get text_align(): TextAlign | undefined;
+  size: any;
   /**
-   * Text alignment.
+   * 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.
    */
-  set text_align(value: TextAlign | null | undefined);
-}
-
-export class TaffyNode {
-  free(): void;
-  [Symbol.dispose](): void;
-  getLayout(): Layout;
-  markDirty(): void;
-  setBorder(edge: Edge, value: number): void;
-  setHeight(value: number): void;
-  setMargin(edge: Edge, value: number): void;
-  setDisplay(display: Display): void;
-  setPadding(edge: Edge, value: number): void;
-  insertChild(child: TaffyNode, index: number): void;
-  removeChild(child: TaffyNode): void;
-  setChildren(children: BigUint64Array): void;
-  setFlexGrow(value: number): void;
-  setFlexWrap(wrap: FlexWrap): void;
-  setMinWidth(value: number): void;
-  computeLayout(available_space: any): void;
-  setAlignSelf(align: AlignSelf): void;
-  setFlexBasis(value: number): void;
-  setMinHeight(value: number): void;
-  setWidthAuto(): void;
-  setAlignItems(align: AlignItems): void;
-  setFlexShrink(value: number): void;
-  setHeightAuto(): void;
-  setMarginAuto(edge: Edge): void;
-  setMeasureFunc(js_func: Function): void;
-  setPositionType(position: Position): void;
-  setWidthPercent(value: number): void;
-  setFlexDirection(direction: FlexDirection): void;
-  setHeightPercent(value: number): void;
-  setFlexBasisAuto(): void;
-  setJustifyContent(justify: JustifyContent): void;
-  setMinWidthPercent(value: number): void;
-  setFlexBasisPercent(value: number): void;
-  setMinHeightPercent(value: number): void;
-  constructor(style: any);
-  free(): void;
-  style(): any;
-  setGap(gutter: Gutter, value: number): void;
-  addChild(child: TaffyNode): void;
-  set_style(style: any): void;
-  setWidth(value: number): void;
-  id: bigint;
-}
-
-/**
- * Text alignment within a node (mostly ignored in flex/grid layout but preserved for compatibility).
- */
-export enum TextAlign {
-  Auto = 0,
-  Left = 1,
-  Right = 2,
-  Center = 3,
-  Justify = 4,
+  inset: any;
 }
 
-export class TrackDefinition {
-  private constructor();
+export class TaffyTree {
   free(): void;
   [Symbol.dispose](): void;
   /**
-   * The numeric value of the track size.
-   */
-  value: number;
-  /**
-   * The unit of the track size.
-   */
-  unit: TrackUnit;
+   * 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.
+   */
+  markDirty(node: bigint): void;
+  /**
+   * Prints the tree structure to the console (for debugging).
+   * 
+   * # Arguments
+   * * `node` - The root node ID to start printing from.
+   */
+  printTree(node: bigint): void;
+  /**
+   * Gets the number of children of a node.
+   * 
+   * # Arguments
+   * * `parent` - The parent node ID.
+   * 
+   * # Returns
+   * The number of children.
+   */
+  childCount(parent: bigint): number;
+  /**
+   * 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.
+   */
+  removeChild(parent: bigint, child: bigint): bigint;
+  /**
+   * 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.
+   */
+  setChildren(parent: bigint, children: BigUint64Array): void;
+  /**
+   * 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.
+   */
+  static withCapacity(capacity: number): TaffyTree;
+  /**
+   * 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.
+   */
+  getChildAtIndex(parent: bigint, index: number): bigint;
+  /**
+   * 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
+   */
+  computeLayout(node: bigint, available_space: any): void;
+  /**
+   * 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.
+   */
+  enableRounding(): void;
+  /**
+   * Disables rounding of layout values.
+   * 
+   * When disabled, layout values may have fractional pixel values.
+   * Use `unroundedLayout()` to get the pre-rounding values.
+   */
+  disableRounding(): void;
+  /**
+   * Gets the context value for a node.
+   * 
+   * # Arguments
+   * * `node` - The node ID.
+   * 
+   * # Returns
+   * The context value, or `undefined` if not set.
+   */
+  getNodeContext(node: bigint): any;
+  /**
+   * 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.
+   */
+  setNodeContext(node: bigint, context: any): void;
+  /**
+   * Gets the total number of nodes in the tree.
+   * 
+   * # Returns
+   * The count of all nodes (including removed nodes that haven't been reclaimed).
+   */
+  totalNodeCount(): number;
+  /**
+   * 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.
+   */
+  unroundedLayout(node: bigint): any;
+  /**
+   * 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.
+   */
+  newWithChildren(style: Style, children: BigUint64Array): bigint;
+  /**
+   * 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.
+   */
+  getNodeContextMut(node: bigint): any;
+  /**
+   * 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.
+   */
+  insertChildAtIndex(parent: bigint, index: number, child: bigint): void;
+  /**
+   * 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.
+   */
+  newLeafWithContext(style: Style, context: any): bigint;
+  /**
+   * 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.
+   */
+  removeChildAtIndex(parent: bigint, index: number): bigint;
+  /**
+   * Removes a range of children from a parent.
+   * 
+   * # Arguments
+   * * `parent` - The parent node ID.
+   * * `start` - The start index (inclusive).
+   * * `end` - The end index (exclusive).
+   */
+  removeChildrenRange(parent: bigint, start: number, end: number): void;
+  /**
+   * 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.
+   */
+  replaceChildAtIndex(parent: bigint, index: number, child: bigint): bigint;
+  /**
+   * 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 }`
+   */
+  computeLayoutWithMeasure(node: bigint, available_space: any, measure_func: Function): void;
+  /**
+   * 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.
+   */
+  getDisjointNodeContextMut(children: BigUint64Array): any[];
+  /**
+   * 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();
+  /**
+   * Removes all nodes from the tree.
+   * 
+   * After calling this, the tree is empty and all previous node IDs are invalid.
+   */
+  clear(): void;
+  /**
+   * 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.
+   */
+  dirty(node: bigint): boolean;
+  /**
+   * 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.
+   */
+  getStyle(node: bigint): Style;
+  /**
+   * 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}, ... }`
+   */
+  getLayout(node: bigint): any;
+  /**
+   * 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).
+   */
+  parent(child: bigint): bigint | undefined;
+  /**
+   * 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.
+   */
+  remove(node: bigint): bigint;
+  /**
+   * 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.
+   */
+  children(parent: bigint): BigUint64Array;
+  /**
+   * 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.
+   */
+  newLeaf(style: Style): bigint;
+  /**
+   * 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.
+   */
+  addChild(parent: bigint, child: bigint): void;
+  /**
+   * 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.
+   */
+  setStyle(node: bigint, style: Style): void;
 }
 
-/**
- * The unit for a grid track definition.
- */
-export enum TrackUnit {
-  /**
-   * The track size is specified in logical pixels.
-   */
-  Pixels = 0,
-  /**
-   * The track size is specified as a percentage of the container.
-   */
-  Percent = 1,
-  /**
-   * The track size is a fraction of the remaining free space (fr unit).
-   */
-  Fraction = 2,
-  /**
-   * The track size is determined automatically.
-   */
-  Auto = 3,
-  /**
-   * The track size is the minimum size needed to fit the content.
-   */
-  MinContent = 4,
-  /**
-   * The track size is the maximum size needed to fit the content.
-   */
-  MaxContent = 5,
-}
-
-/**
- * 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).
- */
-export function add_child(parent: bigint, child: bigint): void;
-
-/**
- * Auto dimension constant
- */
-export function auto(): Dimension;
-
-/**
- * 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(): void;
-
-/**
- * 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.
- */
-export function compute_layout(root: bigint, available_space: any): void;
-
-/**
- * Helper function to create a dimension
- */
-export function dimension(value: number, unit: DimensionUnit): Dimension;
-
-/**
- * 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.
- */
-export function get_children(parent: bigint): BigUint64Array;
-
-/**
- * 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.
- */
-export function get_layout(node: bigint): any;
-
-/**
- * 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.
- */
-export function get_parent(node: bigint): bigint | undefined;
-
-/**
- * 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(): void;
-
-/**
- * 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.
- */
-export function mark_dirty(node: bigint): void;
-
-/**
- * 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.
- */
-export function new_leaf(style: any): bigint;
-
-/**
- * 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.
- */
-export function new_with_children(style: any, children: BigUint64Array): bigint;
-
-/**
- * Get the total number of nodes currently in the layout tree.
- *
- * # Returns
- *
- * The total count of all nodes in the tree.
- */
-export function node_count(): number;
-
-/**
- * Helper function to create a percent dimension
- */
-export function percent(value: number): Dimension;
-
-/**
- * Helper function to create a pixel dimension
- */
-export function px(value: number): Dimension;
-
-/**
- * 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.
- */
-export function remove_child(parent: bigint, child: bigint): void;
-
-/**
- * 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.
- */
-export function remove_node(node: bigint): void;
-
-/**
- * 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.
- */
-export function set_children(parent: bigint, children: BigUint64Array): void;
-
-/**
- * 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.
- */
-export function set_style(node: bigint, style: any): void;
-
 export type InitInput = RequestInfo | URL | Response | BufferSource | WebAssembly.Module;
 
 export interface InitOutput {
   readonly memory: WebAssembly.Memory;
-  readonly __wbg_availablespace_free: (a: number, b: number) => void;
-  readonly __wbg_dimension_free: (a: number, b: number) => void;
-  readonly __wbg_get_availablespace_height: (a: number) => number;
-  readonly __wbg_get_availablespace_width: (a: number) => number;
-  readonly __wbg_get_dimension_unit: (a: number) => number;
-  readonly __wbg_get_dimension_value: (a: number) => number;
-  readonly __wbg_get_layout_height: (a: number) => number;
-  readonly __wbg_get_layout_width: (a: number) => number;
-  readonly __wbg_get_layout_y: (a: number) => number;
-  readonly __wbg_get_line_end: (a: number) => number;
-  readonly __wbg_get_line_start: (a: number) => number;
-  readonly __wbg_get_style_align_content: (a: number) => number;
-  readonly __wbg_get_style_align_items: (a: number) => number;
-  readonly __wbg_get_style_align_self: (a: number) => number;
-  readonly __wbg_get_style_bottom: (a: number) => number;
-  readonly __wbg_get_style_column_gap: (a: number) => number;
-  readonly __wbg_get_style_display: (a: number) => number;
-  readonly __wbg_get_style_flex_basis: (a: number) => number;
-  readonly __wbg_get_style_flex_direction: (a: number) => number;
-  readonly __wbg_get_style_flex_wrap: (a: number) => number;
-  readonly __wbg_get_style_grid_auto_flow: (a: number) => number;
-  readonly __wbg_get_style_height: (a: number) => number;
-  readonly __wbg_get_style_justify_content: (a: number) => number;
-  readonly __wbg_get_style_left: (a: number) => number;
-  readonly __wbg_get_style_margin_bottom: (a: number) => number;
-  readonly __wbg_get_style_margin_left: (a: number) => number;
-  readonly __wbg_get_style_margin_right: (a: number) => number;
-  readonly __wbg_get_style_margin_top: (a: number) => number;
-  readonly __wbg_get_style_max_height: (a: number) => number;
-  readonly __wbg_get_style_max_width: (a: number) => number;
-  readonly __wbg_get_style_min_height: (a: number) => number;
-  readonly __wbg_get_style_min_width: (a: number) => number;
-  readonly __wbg_get_style_padding_bottom: (a: number) => number;
-  readonly __wbg_get_style_padding_left: (a: number) => number;
-  readonly __wbg_get_style_padding_right: (a: number) => number;
-  readonly __wbg_get_style_padding_top: (a: number) => number;
-  readonly __wbg_get_style_position: (a: number) => number;
-  readonly __wbg_get_style_right: (a: number) => number;
-  readonly __wbg_get_style_row_gap: (a: number) => number;
-  readonly __wbg_get_style_text_align: (a: number) => number;
-  readonly __wbg_get_style_top: (a: number) => number;
-  readonly __wbg_get_style_width: (a: number) => number;
-  readonly __wbg_get_taffynode_id: (a: number) => bigint;
-  readonly __wbg_get_trackdefinition_unit: (a: number) => number;
-  readonly __wbg_line_free: (a: number, b: number) => void;
-  readonly __wbg_point_free: (a: number, b: number) => void;
-  readonly __wbg_set_availablespace_height: (a: number, b: number) => void;
-  readonly __wbg_set_availablespace_width: (a: number, b: number) => void;
-  readonly __wbg_set_dimension_unit: (a: number, b: number) => void;
-  readonly __wbg_set_dimension_value: (a: number, b: number) => void;
-  readonly __wbg_set_layout_height: (a: number, b: number) => void;
-  readonly __wbg_set_layout_width: (a: number, b: number) => void;
-  readonly __wbg_set_layout_y: (a: number, b: number) => void;
-  readonly __wbg_set_line_end: (a: number, b: number) => void;
-  readonly __wbg_set_line_start: (a: number, b: number) => void;
-  readonly __wbg_set_style_align_content: (a: number, b: number) => void;
-  readonly __wbg_set_style_align_items: (a: number, b: number) => void;
-  readonly __wbg_set_style_align_self: (a: number, b: number) => void;
-  readonly __wbg_set_style_bottom: (a: number, b: number) => void;
-  readonly __wbg_set_style_column_gap: (a: number, b: number) => void;
-  readonly __wbg_set_style_display: (a: number, b: number) => void;
-  readonly __wbg_set_style_flex_basis: (a: number, b: number) => void;
-  readonly __wbg_set_style_flex_direction: (a: number, b: number) => void;
-  readonly __wbg_set_style_flex_wrap: (a: number, b: number) => void;
-  readonly __wbg_set_style_grid_auto_flow: (a: number, b: number) => void;
-  readonly __wbg_set_style_height: (a: number, b: number) => void;
-  readonly __wbg_set_style_justify_content: (a: number, b: number) => void;
-  readonly __wbg_set_style_left: (a: number, b: number) => void;
-  readonly __wbg_set_style_margin_bottom: (a: number, b: number) => void;
-  readonly __wbg_set_style_margin_left: (a: number, b: number) => void;
-  readonly __wbg_set_style_margin_right: (a: number, b: number) => void;
-  readonly __wbg_set_style_margin_top: (a: number, b: number) => void;
-  readonly __wbg_set_style_max_height: (a: number, b: number) => void;
-  readonly __wbg_set_style_max_width: (a: number, b: number) => void;
-  readonly __wbg_set_style_min_height: (a: number, b: number) => void;
-  readonly __wbg_set_style_min_width: (a: number, b: number) => void;
-  readonly __wbg_set_style_padding_bottom: (a: number, b: number) => void;
-  readonly __wbg_set_style_padding_left: (a: number, b: number) => void;
-  readonly __wbg_set_style_padding_right: (a: number, b: number) => void;
-  readonly __wbg_set_style_padding_top: (a: number, b: number) => void;
-  readonly __wbg_set_style_position: (a: number, b: number) => void;
-  readonly __wbg_set_style_right: (a: number, b: number) => void;
-  readonly __wbg_set_style_row_gap: (a: number, b: number) => void;
-  readonly __wbg_set_style_text_align: (a: number, b: number) => void;
-  readonly __wbg_set_style_top: (a: number, b: number) => void;
-  readonly __wbg_set_style_width: (a: number, b: number) => void;
-  readonly __wbg_set_taffynode_id: (a: number, b: bigint) => void;
-  readonly __wbg_set_trackdefinition_unit: (a: number, b: number) => void;
   readonly __wbg_style_free: (a: number, b: number) => void;
-  readonly __wbg_taffynode_free: (a: number, b: number) => void;
-  readonly __wbg_trackdefinition_free: (a: number, b: number) => void;
-  readonly add_child: (a: bigint, b: bigint) => [number, number];
-  readonly auto: () => number;
-  readonly clear: () => [number, number];
-  readonly compute_layout: (a: bigint, b: any) => [number, number];
-  readonly dimension: (a: number, b: number) => number;
-  readonly get_children: (a: bigint) => [number, number, number, number];
-  readonly get_layout: (a: bigint) => [number, number, number];
-  readonly get_parent: (a: bigint) => [number, bigint, number, number];
-  readonly init: () => void;
-  readonly mark_dirty: (a: bigint) => [number, number];
-  readonly new_leaf: (a: any) => [bigint, number, number];
-  readonly new_with_children: (a: any, b: number, c: number) => [bigint, number, number];
-  readonly node_count: () => number;
-  readonly percent: (a: number) => number;
-  readonly px: (a: number) => number;
-  readonly remove_child: (a: bigint, b: bigint) => [number, number];
-  readonly remove_node: (a: bigint) => [number, number];
-  readonly set_children: (a: bigint, b: number, c: number) => [number, number];
-  readonly set_style: (a: bigint, b: any) => [number, number];
-  readonly taffynode_addChild: (a: number, b: number) => [number, number];
-  readonly taffynode_computeLayout: (a: number, b: any) => [number, number];
-  readonly taffynode_free: (a: number) => [number, number];
-  readonly taffynode_getLayout: (a: number) => [number, number, number];
-  readonly taffynode_insertChild: (a: number, b: number, c: number) => [number, number];
-  readonly taffynode_markDirty: (a: number) => [number, number];
-  readonly taffynode_new: (a: any) => [number, number, number];
-  readonly taffynode_removeChild: (a: number, b: number) => [number, number];
-  readonly taffynode_setAlignItems: (a: number, b: number) => [number, number];
-  readonly taffynode_setAlignSelf: (a: number, b: number) => [number, number];
-  readonly taffynode_setBorder: (a: number, b: number, c: number) => [number, number];
-  readonly taffynode_setChildren: (a: number, b: number, c: number) => [number, number];
-  readonly taffynode_setDisplay: (a: number, b: number) => [number, number];
-  readonly taffynode_setFlexBasis: (a: number, b: number) => [number, number];
-  readonly taffynode_setFlexBasisAuto: (a: number) => [number, number];
-  readonly taffynode_setFlexBasisPercent: (a: number, b: number) => [number, number];
-  readonly taffynode_setFlexDirection: (a: number, b: number) => [number, number];
-  readonly taffynode_setFlexGrow: (a: number, b: number) => [number, number];
-  readonly taffynode_setFlexShrink: (a: number, b: number) => [number, number];
-  readonly taffynode_setFlexWrap: (a: number, b: number) => [number, number];
-  readonly taffynode_setGap: (a: number, b: number, c: number) => [number, number];
-  readonly taffynode_setHeight: (a: number, b: number) => [number, number];
-  readonly taffynode_setHeightAuto: (a: number) => [number, number];
-  readonly taffynode_setHeightPercent: (a: number, b: number) => [number, number];
-  readonly taffynode_setJustifyContent: (a: number, b: number) => [number, number];
-  readonly taffynode_setMargin: (a: number, b: number, c: number) => [number, number];
-  readonly taffynode_setMarginAuto: (a: number, b: number) => [number, number];
-  readonly taffynode_setMeasureFunc: (a: number, b: any) => [number, number];
-  readonly taffynode_setMinHeight: (a: number, b: number) => [number, number];
-  readonly taffynode_setMinHeightPercent: (a: number, b: number) => [number, number];
-  readonly taffynode_setMinWidth: (a: number, b: number) => [number, number];
-  readonly taffynode_setMinWidthPercent: (a: number, b: number) => [number, number];
-  readonly taffynode_setPadding: (a: number, b: number, c: number) => [number, number];
-  readonly taffynode_setPositionType: (a: number, b: number) => [number, number];
-  readonly taffynode_setWidth: (a: number, b: number) => [number, number];
-  readonly taffynode_setWidthAuto: (a: number) => [number, number];
-  readonly taffynode_setWidthPercent: (a: number, b: number) => [number, number];
-  readonly taffynode_set_style: (a: number, b: any) => [number, number];
-  readonly taffynode_style: (a: number) => [number, number, number];
-  readonly __wbg_set_layout_x: (a: number, b: number) => void;
-  readonly __wbg_set_point_x: (a: number, b: number) => void;
-  readonly __wbg_set_point_y: (a: number, b: number) => void;
-  readonly __wbg_set_rect_bottom: (a: number, b: number) => void;
-  readonly __wbg_set_rect_left: (a: number, b: number) => void;
-  readonly __wbg_set_rect_right: (a: number, b: number) => void;
-  readonly __wbg_set_rect_top: (a: number, b: number) => void;
-  readonly __wbg_set_size_height: (a: number, b: number) => void;
-  readonly __wbg_set_size_width: (a: number, b: number) => void;
-  readonly __wbg_set_trackdefinition_value: (a: number, b: number) => void;
-  readonly __wbg_set_style_flex_grow: (a: number, b: number) => void;
-  readonly __wbg_set_style_flex_shrink: (a: number, b: number) => void;
-  readonly __wbg_get_style_flex_grow: (a: number) => number;
-  readonly __wbg_get_style_flex_shrink: (a: number) => number;
-  readonly __wbg_get_layout_x: (a: number) => number;
-  readonly __wbg_get_point_x: (a: number) => number;
-  readonly __wbg_get_point_y: (a: number) => number;
-  readonly __wbg_get_rect_bottom: (a: number) => number;
-  readonly __wbg_get_rect_left: (a: number) => number;
-  readonly __wbg_get_rect_right: (a: number) => number;
-  readonly __wbg_get_rect_top: (a: number) => number;
-  readonly __wbg_get_size_height: (a: number) => number;
-  readonly __wbg_get_size_width: (a: number) => number;
-  readonly __wbg_get_trackdefinition_value: (a: number) => number;
-  readonly __wbg_rect_free: (a: number, b: number) => void;
-  readonly __wbg_layout_free: (a: number, b: number) => void;
-  readonly __wbg_size_free: (a: number, b: number) => void;
+  readonly __wbg_taffytree_free: (a: number, b: number) => void;
+  readonly style_align_content: (a: number) => number;
+  readonly style_align_items: (a: number) => number;
+  readonly style_align_self: (a: number) => number;
+  readonly style_aspect_ratio: (a: number) => number;
+  readonly style_border: (a: number) => any;
+  readonly style_display: (a: number) => number;
+  readonly style_flex_basis: (a: number) => any;
+  readonly style_flex_direction: (a: number) => number;
+  readonly style_flex_grow: (a: number) => number;
+  readonly style_flex_shrink: (a: number) => number;
+  readonly style_flex_wrap: (a: number) => number;
+  readonly style_gap: (a: number) => any;
+  readonly style_inset: (a: number) => any;
+  readonly style_justify_content: (a: number) => number;
+  readonly style_margin: (a: number) => any;
+  readonly style_max_size: (a: number) => any;
+  readonly style_min_size: (a: number) => any;
+  readonly style_new: () => number;
+  readonly style_overflow: (a: number) => any;
+  readonly style_padding: (a: number) => any;
+  readonly style_position: (a: number) => number;
+  readonly style_set_align_content: (a: number, b: number) => void;
+  readonly style_set_align_items: (a: number, b: number) => void;
+  readonly style_set_align_self: (a: number, b: number) => void;
+  readonly style_set_aspect_ratio: (a: number, b: number) => void;
+  readonly style_set_border: (a: number, b: any) => void;
+  readonly style_set_display: (a: number, b: number) => void;
+  readonly style_set_flex_basis: (a: number, b: any) => void;
+  readonly style_set_flex_direction: (a: number, b: number) => void;
+  readonly style_set_flex_grow: (a: number, b: number) => void;
+  readonly style_set_flex_shrink: (a: number, b: number) => void;
+  readonly style_set_flex_wrap: (a: number, b: number) => void;
+  readonly style_set_gap: (a: number, b: any) => void;
+  readonly style_set_inset: (a: number, b: any) => void;
+  readonly style_set_justify_content: (a: number, b: number) => void;
+  readonly style_set_margin: (a: number, b: any) => void;
+  readonly style_set_max_size: (a: number, b: any) => void;
+  readonly style_set_min_size: (a: number, b: any) => void;
+  readonly style_set_overflow: (a: number, b: any) => void;
+  readonly style_set_padding: (a: number, b: any) => void;
+  readonly style_set_position: (a: number, b: number) => void;
+  readonly style_set_size: (a: number, b: any) => void;
+  readonly style_size: (a: number) => any;
+  readonly taffytree_addChild: (a: number, b: bigint, c: bigint) => [number, number];
+  readonly taffytree_childCount: (a: number, b: bigint) => number;
+  readonly taffytree_children: (a: number, b: bigint) => [number, number, number, number];
+  readonly taffytree_clear: (a: number) => void;
+  readonly taffytree_computeLayout: (a: number, b: bigint, c: any) => [number, number];
+  readonly taffytree_computeLayoutWithMeasure: (a: number, b: bigint, c: any, d: any) => [number, number];
+  readonly taffytree_dirty: (a: number, b: bigint) => [number, number, number];
+  readonly taffytree_disableRounding: (a: number) => void;
+  readonly taffytree_enableRounding: (a: number) => void;
+  readonly taffytree_getChildAtIndex: (a: number, b: bigint, c: number) => [bigint, number, number];
+  readonly taffytree_getDisjointNodeContextMut: (a: number, b: number, c: number) => [number, number, number, number];
+  readonly taffytree_getLayout: (a: number, b: bigint) => [number, number, number];
+  readonly taffytree_getNodeContext: (a: number, b: bigint) => [number, number, number];
+  readonly taffytree_getNodeContextMut: (a: number, b: bigint) => [number, number, number];
+  readonly taffytree_getStyle: (a: number, b: bigint) => [number, number, number];
+  readonly taffytree_insertChildAtIndex: (a: number, b: bigint, c: number, d: bigint) => [number, number];
+  readonly taffytree_markDirty: (a: number, b: bigint) => [number, number];
+  readonly taffytree_new: () => number;
+  readonly taffytree_newLeaf: (a: number, b: number) => [bigint, number, number];
+  readonly taffytree_newLeafWithContext: (a: number, b: number, c: any) => [bigint, number, number];
+  readonly taffytree_newWithChildren: (a: number, b: number, c: number, d: number) => [bigint, number, number];
+  readonly taffytree_parent: (a: number, b: bigint) => [number, bigint];
+  readonly taffytree_printTree: (a: number, b: bigint) => void;
+  readonly taffytree_remove: (a: number, b: bigint) => [bigint, number, number];
+  readonly taffytree_removeChild: (a: number, b: bigint, c: bigint) => [bigint, number, number];
+  readonly taffytree_removeChildAtIndex: (a: number, b: bigint, c: number) => [bigint, number, number];
+  readonly taffytree_removeChildrenRange: (a: number, b: bigint, c: number, d: number) => [number, number];
+  readonly taffytree_replaceChildAtIndex: (a: number, b: bigint, c: number, d: bigint) => [bigint, number, number];
+  readonly taffytree_setChildren: (a: number, b: bigint, c: number, d: number) => [number, number];
+  readonly taffytree_setNodeContext: (a: number, b: bigint, c: any) => [number, number];
+  readonly taffytree_setStyle: (a: number, b: bigint, c: number) => [number, number];
+  readonly taffytree_totalNodeCount: (a: number) => number;
+  readonly taffytree_unroundedLayout: (a: number, b: bigint) => [number, number, number];
+  readonly taffytree_withCapacity: (a: number) => number;
   readonly __wbindgen_malloc: (a: number, b: number) => number;
   readonly __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;
   readonly __wbindgen_exn_store: (a: number) => void;
@@ -1211,6 +799,7 @@ export interface InitOutput {
   readonly __wbindgen_externrefs: WebAssembly.Table;
   readonly __wbindgen_free: (a: number, b: number, c: number) => void;
   readonly __externref_table_dealloc: (a: number) => void;
+  readonly __externref_drop_slice: (a: number, b: number) => void;
   readonly __wbindgen_start: () => void;
 }