@meursyphus/flitter 2.0.1 → 2.0.2

package/README.md

@@ -2,7 +2,6 @@
 
 Flitter is a powerful framework inspired by Flutter, supporting both SVG and Canvas to create high-performance graphics and user interfaces. It is designed to easily implement complex data visualizations, interactive charts, diagrams, and graphic editors in web applications.
 
-
 ## Key Features
 
 - **Render Object Tree**: Flitter uses a render object tree for efficient rendering, allowing easy management and manipulation of complex layouts.
@@ -39,18 +38,35 @@ Flitter can be used in various JavaScript environments. Here are installation an
 npm install @meursyphus/flitter
 ```
 
-```javascript
-import { Widget, Container, AppRunner } from '@meursyphus/flitter';
-
-// Using SVG renderer
-const svgElement = document.getElementById('mySvg');
-const svgRunner = new AppRunner({ view: svgElement });
-svgRunner.runApp(Container({ color: 'lightblue' }));
-
-// Using Canvas renderer
-const canvasElement = document.getElementById('myCanvas');
-const canvasRunner = new AppRunner({ view: canvasElement });
-canvasRunner.runApp(Container({ color: 'lightgreen' }));
+```javascript 
+import { Container } from "@meursyphus/flitter";
+
+/**
+ * canvas style must be set to 100%, 100%
+ * and you also must wrap div for canvas in order to calculate the size of the canvas
+ */
+document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
+  <div style="width: 100vw; height: 100vh" id="container">
+    <canvas style="width: 100%; height: 100%;" id="view" />
+  </div>
+`;
+// Note: SVG is also supported
+// document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
+//   <div style="width: 100vw; height: 100vh" id="container">
+//     <svg style="width: 100%; height: 100%;" id="view"></svg>
+//   </div>
+// `;
+const app = new AppRunner({
+  view: document.querySelector<HTMLCanvasElement>("#view")!,
+});
+/**
+ * you must set resizeTarget to calculate the size of the canvas
+ */
+app.onMount({
+  resizeTarget: document.querySelector<HTMLDivElement>("#container")!,
+});
+
+app.runApp(Container({ color: 'lightblue' }));
 ```
 
 ### React
@@ -68,23 +84,13 @@ const App = () => (
     <Widget
       width="600px"
       height="300px"
-      renderer="svg"
+      renderer="canvas" // or svg
       widget={Container({
         alignment: Alignment.center,
         color: 'lightblue',
         child: Text("Hello, Flitter SVG!", { style: TextStyle({ fontSize: 30, weight: 'bold' }) })
       })}
     />
-    <Widget
-      width="600px"
-      height="300px"
-      renderer="canvas"
-      widget={Container({
-        alignment: Alignment.center,
-        color: 'lightgreen',
-        child: Text("Hello, Flitter Canvas!", { style: TextStyle({ fontSize: 30, weight: 'bold' }) })
-      })}
-    />
   </>
 );
 ```
@@ -104,24 +110,13 @@ npm install @meursyphus/flitter @meursyphus/flitter-svelte
 <Widget
   width="600px"
   height="300px"
-  renderer="svg"
+  renderer="canvas" <!-- or "svg" -->
   widget={Container({
     alignment: Alignment.center,
     color: 'lightblue',
     child: Text("Hello, Flitter SVG!", { style: TextStyle({ fontSize: 30, weight: 'bold' }) })
   })}
 />
-
-<Widget
-  width="600px"
-  height="300px"
-  renderer="canvas"
-  widget={Container({
-    alignment: Alignment.center,
-    color: 'lightgreen',
-    child: Text("Hello, Flitter Canvas!", { style: TextStyle({ fontSize: 30, weight: 'bold' }) })
-  })}
-/>
 ```
 
 ## Usage Example

package/index.cjs

@@ -13082,6 +13082,30 @@ var rose = {
   950: "#4c0519"
 };
 
+// src/type/_types/object-fit.ts
+var ObjectFit = /* @__PURE__ */ ((ObjectFit2) => {
+  ObjectFit2["fill"] = "fill";
+  ObjectFit2["contain"] = "contain";
+  ObjectFit2["cover"] = "cover";
+  ObjectFit2["none"] = "none";
+  ObjectFit2["scaleDown"] = "scale-down";
+  return ObjectFit2;
+})(ObjectFit || {});
+
+// src/type/_types/object-position.ts
+var ObjectPosition = /* @__PURE__ */ ((ObjectPosition2) => {
+  ObjectPosition2["center"] = "center";
+  ObjectPosition2["top"] = "top";
+  ObjectPosition2["right"] = "right";
+  ObjectPosition2["bottom"] = "bottom";
+  ObjectPosition2["left"] = "left";
+  ObjectPosition2["topLeft"] = "top left";
+  ObjectPosition2["topRight"] = "top right";
+  ObjectPosition2["bottomLeft"] = "bottom left";
+  ObjectPosition2["bottomRight"] = "bottom right";
+  return ObjectPosition2;
+})(ObjectPosition || {});
+
 // src/framework/renderer/renderer.ts
 var _resizeHandlers;
 var RenderContext = class {
@@ -14002,10 +14026,10 @@ var RenderObject = class {
   dispose() {
     this.renderOwner.disposeRenderObject(this);
   }
-  getIntrinsicWidth(_height) {
+  getIntrinsicWidth(_height2) {
     return 0;
   }
-  getIntrinsicHeight(_width) {
+  getIntrinsicHeight(_width2) {
     return 0;
   }
   /*
@@ -20643,6 +20667,363 @@ dispatch_fn = function(type, event) {
 };
 var TextField_default = classToFunction_default(TextField);
 
+// src/component/base/base-image/calculatePosition.ts
+var objectPositionMap = {
+  center: { x: 0.5, y: 0.5 },
+  top: { x: 0.5, y: 0 },
+  right: { x: 1, y: 0.5 },
+  bottom: { x: 0.5, y: 1 },
+  left: { x: 0, y: 0.5 },
+  "top left": { x: 0, y: 0 },
+  "top right": { x: 1, y: 0 },
+  "bottom left": { x: 0, y: 1 },
+  "bottom right": { x: 1, y: 1 }
+};
+function calcSize(sourceSize, containerSize, imageSize, positionPercent) {
+  if (imageSize > containerSize) {
+    const ratio = sourceSize / imageSize;
+    const sSize = Math.min(sourceSize, containerSize * ratio);
+    const s = (sourceSize - sSize) * positionPercent;
+    return {
+      s: Math.max(0, Math.min(s, sourceSize - sSize)),
+      sSize,
+      d: 0,
+      dSize: containerSize
+    };
+  } else {
+    const d = (containerSize - imageSize) * positionPercent;
+    return {
+      s: 0,
+      sSize: sourceSize,
+      d,
+      dSize: imageSize
+    };
+  }
+}
+function calculateImageRendering(sourceImageSize, calcImageSizeResult, objectPosition = "center") {
+  const {
+    container: { width: containerWidth, height: containerHeight },
+    image: { width: imageWidth, height: imageHeight }
+  } = calcImageSizeResult;
+  const { x: xPercent, y: yPercent } = objectPositionMap[objectPosition];
+  const horizontalResult = calcSize(
+    sourceImageSize.width,
+    containerWidth,
+    imageWidth,
+    xPercent
+  );
+  const verticalResult = calcSize(
+    sourceImageSize.height,
+    containerHeight,
+    imageHeight,
+    yPercent
+  );
+  return {
+    sx: Math.round(horizontalResult.s),
+    sy: Math.round(verticalResult.s),
+    sWidth: Math.round(horizontalResult.sSize),
+    sHeight: Math.round(verticalResult.sSize),
+    dx: Math.round(horizontalResult.d),
+    dy: Math.round(verticalResult.d),
+    dWidth: Math.round(horizontalResult.dSize),
+    dHeight: Math.round(verticalResult.dSize)
+  };
+}
+
+// src/component/base/base-image/calculateSize.ts
+function calculateSize(source, container, objectFit = "none") {
+  var _a, _b;
+  const aspectRatio = source.width / source.height;
+  let containerWidth = (_a = container.width) != null ? _a : source.width;
+  let containerHeight = (_b = container.height) != null ? _b : source.height;
+  if (container.width != null && container.height == null) {
+    containerHeight = Math.round(container.width / aspectRatio);
+  } else if (container.width == null && container.height != null) {
+    containerWidth = Math.round(container.height * aspectRatio);
+  }
+  const imageSize = fitFunctions[objectFit](source, {
+    width: containerWidth,
+    height: containerHeight
+  });
+  return {
+    width: Math.round(containerWidth),
+    height: Math.round(containerHeight),
+    image: {
+      width: Math.round(imageSize.width),
+      height: Math.round(imageSize.height)
+    }
+  };
+}
+var fitFunctions = {
+  fill: fillFit,
+  contain: containFit,
+  cover: coverFit,
+  none: noneFit,
+  "scale-down": scaleDownFit
+};
+function fillFit(source, container) {
+  return { width: container.width, height: container.height };
+}
+function containFit(source, result) {
+  const aspectRatio = source.width / source.height;
+  if (result.width / result.height > aspectRatio) {
+    return { width: result.height * aspectRatio, height: result.height };
+  } else {
+    return { width: result.width, height: result.width / aspectRatio };
+  }
+}
+function coverFit(source, container) {
+  const aspectRatio = source.width / source.height;
+  if (container.width / container.height > aspectRatio) {
+    return { width: container.width, height: container.width / aspectRatio };
+  } else {
+    return { width: container.height * aspectRatio, height: container.height };
+  }
+}
+function noneFit(source, _) {
+  return { width: source.width, height: source.height };
+}
+function scaleDownFit(source, container) {
+  const containSize = containFit(source, container);
+  if (containSize.width > source.width || containSize.height > source.height) {
+    return { width: source.width, height: source.height };
+  }
+  return containSize;
+}
+
+// src/component/base/base-image/BaseImage.ts
+var _Image = class extends SingleChildRenderObjectWidget_default {
+  constructor({
+    key,
+    src,
+    objectFit: fit,
+    width,
+    height,
+    objectPosition: position
+  }) {
+    super(key);
+    __publicField(this, "_src");
+    __publicField(this, "_fit");
+    __publicField(this, "_width");
+    __publicField(this, "_height");
+    __publicField(this, "_position");
+    this._src = src;
+    this._fit = fit;
+    this._width = width;
+    this._height = height;
+    this._position = position;
+  }
+  createRenderObject() {
+    return new RenderImage({
+      src: this._src,
+      objectFit: this._fit,
+      width: this._width,
+      height: this._height,
+      objectPosition: this._position
+    });
+  }
+  updateRenderObject(renderObject) {
+    renderObject.src = this._src;
+    renderObject.fit = this._fit;
+    renderObject.width = this._width;
+    renderObject.height = this._height;
+    renderObject.position = this._position;
+  }
+};
+var _src, _fit, _width, _height, _position, _mounted;
+var RenderImage = class extends SingleChildRenderObject_default {
+  constructor({
+    src,
+    objectFit,
+    width,
+    height,
+    objectPosition
+  }) {
+    super({ isPainter: true });
+    __privateAdd(this, _src, void 0);
+    __privateAdd(this, _fit, void 0);
+    __privateAdd(this, _width, void 0);
+    __privateAdd(this, _height, void 0);
+    __privateAdd(this, _position, void 0);
+    __publicField(this, "image");
+    __publicField(this, "imageLoaded", false);
+    __publicField(this, "calculatedImageSize");
+    __privateAdd(this, _mounted, false);
+    __privateSet(this, _src, src);
+    __privateSet(this, _fit, objectFit);
+    __privateSet(this, _width, width);
+    __privateSet(this, _height, height);
+    __privateSet(this, _position, objectPosition);
+    if (browser) {
+      this.image = new Image();
+      this.image.onload = () => {
+        this.imageLoaded = true;
+        if (!__privateGet(this, _mounted))
+          return;
+        this.markNeedsLayout();
+      };
+      this.image.src = src;
+    }
+  }
+  get src() {
+    return __privateGet(this, _src);
+  }
+  set src(value) {
+    if (__privateGet(this, _src) === value)
+      return;
+    __privateSet(this, _src, value);
+    if (this.image != null) {
+      this.image.src = value;
+    }
+    this.markNeedsLayout();
+  }
+  get fit() {
+    return __privateGet(this, _fit);
+  }
+  set fit(value) {
+    if (__privateGet(this, _fit) === value)
+      return;
+    __privateSet(this, _fit, value);
+    this.markNeedsLayout();
+  }
+  get width() {
+    return __privateGet(this, _width);
+  }
+  set width(value) {
+    if (__privateGet(this, _width) === value)
+      return;
+    __privateSet(this, _width, value);
+    this.markNeedsLayout();
+  }
+  get height() {
+    return __privateGet(this, _height);
+  }
+  set height(value) {
+    if (__privateGet(this, _height) === value)
+      return;
+    __privateSet(this, _height, value);
+    this.markNeedsLayout();
+  }
+  get position() {
+    return __privateGet(this, _position);
+  }
+  set position(value) {
+    if (__privateGet(this, _position) === value)
+      return;
+    __privateSet(this, _position, value);
+    this.markNeedsLayout();
+  }
+  getIntrinsicWidth() {
+    if (this.width != null)
+      return this.width;
+    return 0;
+  }
+  getIntrinsicHeight() {
+    if (this.height != null)
+      return this.height;
+    return 0;
+  }
+  preformLayout() {
+    var _a, _b;
+    __privateSet(this, _mounted, true);
+    if (!this.imageLoaded) {
+      this.size = this.constraints.constrain(
+        new size_default({
+          width: (_a = this.width) != null ? _a : 0,
+          height: (_b = this.height) != null ? _b : 0
+        })
+      );
+      return;
+    }
+    assert(this.image != null);
+    const sourceSize = { width: this.image.width, height: this.image.height };
+    const { width, height } = calculateSize(
+      sourceSize,
+      {
+        width: this.width && this.constraints.constrainWidth(this.width),
+        height: this.height && this.constraints.constrainHeight(this.height)
+      },
+      this.fit
+    );
+    const size = new size_default({ width, height });
+    this.size = this.constraints.constrain(size);
+    this.calculatedImageSize = calculateSize(
+      sourceSize,
+      {
+        width: this.size.width,
+        height: this.size.height
+      },
+      this.fit
+    ).image;
+  }
+  createCanvasPainter() {
+    return new ImageCanvasPatiner(this);
+  }
+  createSvgPainter() {
+    return new ImageSvgPainter(this);
+  }
+};
+_src = new WeakMap();
+_fit = new WeakMap();
+_width = new WeakMap();
+_height = new WeakMap();
+_position = new WeakMap();
+_mounted = new WeakMap();
+var ImageCanvasPatiner = class extends CanvasPainter {
+  performPaint(context, offset) {
+    const {
+      size,
+      image,
+      imageLoaded,
+      calculatedImageSize: imageSize,
+      position = "center"
+    } = this.renderObject;
+    if (!image)
+      return;
+    if (!imageLoaded)
+      return;
+    assert(imageSize != null);
+    const { sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight } = calculateImageRendering(
+      { width: image.width, height: image.height },
+      {
+        container: size,
+        image: { width: imageSize.width, height: imageSize.height }
+      },
+      position
+    );
+    context.canvas.drawImage(
+      image,
+      sx,
+      sy,
+      sWidth,
+      sHeight,
+      offset.x + dx,
+      offset.y + dy,
+      dWidth,
+      dHeight
+    );
+  }
+};
+var ImageSvgPainter = class extends SvgPainter {
+  createDefaultSvgEl(context) {
+    return {
+      img: context.createSvgEl("image")
+    };
+  }
+  performPaint({ img }) {
+    const { src } = this.renderObject;
+    img.setAttribute("href", src);
+    console.warn("not implemented svg painter on image widget");
+  }
+};
+var BaseImage_default = _Image;
+
+// src/component/Image.ts
+var Image_default = classToFunction_default(BaseImage_default);
+
+
+
+
 
 
 
@@ -20783,4 +21164,4 @@ var TextField_default = classToFunction_default(TextField);
 
 
 
-exports.Align = Align_default; exports.Alignment = alignment_default; exports.AnimatedAlign = AnimatedAlign_default; exports.AnimatedBaseWidgetState = AnimatedBaseWidgetState; exports.AnimatedContainer = AnimatedContainer_default; exports.AnimatedFractionallySizedBox = AnimatedFractionallySizedBox_default; exports.AnimatedOpacity = AnimatedOpacity_default; exports.AnimatedPadding = AnimatedPadding_default; exports.AnimatedPositioned = AnimatedPositioned_default; exports.AnimatedRotation = AnimatedRotation_default; exports.AnimatedScale = AnimatedScale_default; exports.AnimatedSlide = AnimatedSlide_default; exports.Animation = Animation_default; exports.AnimationController = AnimationController_default; exports.AppRunner = AppRunner; exports.AspectRatio = AspectRatio_default; exports.Axis = Axis; exports.Border = border_default; exports.BorderRadius = BorderRadius; exports.BorderRadiusGeometry = border_radius_geometry_default; exports.BorderSide = BorderSide; exports.BorderStyle = border_style_default; exports.BoxDecoration = BoxDecoration; exports.BoxShadow = box_shadow_default; exports.BuildContext = BuildContext; exports.BuildOwner = BuildOwner_default; exports.Builder = Builder_default; exports.Calculable = calculable_default; exports.CalculableTween = CalculableTween_default; exports.CanvasPainter = CanvasPainter; exports.Center = Center; exports.ChangeNotifier = ChangeNotifier_default; exports.ChangeNotifierProvider = ChangeNotifierProvider_default; exports.ClipOval = ClipOval; exports.ClipPath = ClipPath_default; exports.ClipRRect = ClipOval2; exports.ClipRect = ClipRect; exports.Color = color_default; exports.ColoredBox = ColoredBox_default; exports.Colors = colors_exports; exports.Column = Column; exports.ComponentElement = ComponentElement_default; exports.ComponentWidget = StatelessWidget_default; exports.ConstrainedBox = ConstrainedBox_default; exports.Constraints = constraints_default; exports.ConstraintsTransformBox = ConstraintsTransformBox_default; exports.Container = Container_default; exports.CrossAxisAlignment = CrossAxisAlignment; exports.Curve = Curve_default; exports.CurvedAnimation = CurvedAnimation_default; exports.Curves = Curves_default; exports.CustomPaint = CustomPaint_default; exports.Data = data_default; exports.DecoratedBox = DecoratedBox_default; exports.Draggable = Draggable_default; exports.EdgeInsets = edge_insets_default; exports.Element = Element_default; exports.Expanded = Expanded_default; exports.Flex = Flex2; exports.Flexible = Flexible_default; exports.FractionalTranslation = FractionalTranslation_default; exports.FractionallySizedBox = FractionallySizedBox_default; exports.Gap = gap_default; exports.GestureDetector = GestureDetector_default; exports.GlobalKey = Globalkey_default; exports.Grid = Grid_default; exports.ImplicitlyAnimatedWidget = ImplicitlyAnimatedWidget; exports.ImplicitlyAnimatedWidgetState = ImplicitlyAnimatedWidgetState; exports.IndexedStack = IndexedStack2; exports.IntrinsicHeight = IntrinsicHeight_default; exports.IntrinsicWidth = IntrinsicWidth_default; exports.LimitedBox = LimitedBox_default; exports.Listenable = Listenable; exports.MainAxisAlignment = MainAxisAlignment; exports.MainAxisSize = MainAxisSize; exports.Matrix3 = matrix3_default; exports.Matrix4 = matrix4_default; exports.MultiChildRenderObject = MultiChildRenderObject_default; exports.MultiChildRenderObjectWidget = MultiChildRenderObjectWidget_default; exports.Offset = offset_default; exports.Opacity = Opacity_default; exports.OverflowBox = OverflowBox_default; exports.Padding = Padding2; exports.Painter = BaseCustomPaint_default; exports.Paragraph = Paragraph; exports.Path = path_default; exports.Positioned = Positioned_default; exports.Provider = Provider_default; exports.RRect = r_rect_default; exports.Radius = radius_default; exports.ReactiveChangeNotifier = ReactiveChangeNotifier_default; exports.Rect = rect_default; exports.RenderAligningShiftedBox = RenderAligningShiftedBox_default; exports.RenderBox = RenderBox_default; exports.RenderFrameDispatcher = RenderFrameDispatcher_default; exports.RenderObject = RenderObject_default; exports.RenderObjectElement = RenderObjectElement_default; exports.RenderObjectToWidgetAdapter = RenderObjectToWidgetAdapter_default; exports.RenderObjectWidget = RenderObjectWidget_default; exports.RenderPipeline = RenderPipeline; exports.RenderPipelineProvider = RenderPipelineProvider; exports.RenderView = RenderView_default; exports.RichText = RichText_default; exports.Row = Row; exports.Scheduler = Scheduler_default; exports.SingleChildRenderObject = SingleChildRenderObject_default; exports.SingleChildRenderObjectWidget = SingleChildRenderObjectWidget_default; exports.Size = size_default; exports.SizedBox = SizedBox_default; exports.Spacer = Spacer_default; exports.Stack = Stack; exports.StackFit = stack_fit_default; exports.State = State; exports.StatefulElement = StatefulElement; exports.StatefulWidget = StatefulWidget_default; exports.StatelessElement = StatelessElement_default; exports.StatelessWidget = StatelessWidget_default; exports.SvgPainter = SvgPainter; exports.Text = Text_default; exports.TextAlign = text_align_default; exports.TextBaseline = text_baseline_default; exports.TextDirection = text_direction_default; exports.TextField = TextField_default; exports.TextOverflow = text_overflow_default; exports.TextPainter = TextPainter; exports.TextSpan = text_span_default; exports.TextStyle = text_style_default; exports.TextWidthBasis = text_width_basis_default; exports.ToolTipPosition = ToolTipPosition; exports.Tooltip = Tooltip_default; exports.Transform = Transform_default; exports.Tween = Tween_default; exports.UnconstrainedBox = UnconstrainedBox_default; exports.Utils = Utils; exports.Vector2 = vector2_default; exports.Vector3 = vector3_default; exports.Vector4 = vector4_default; exports.VerticalDirection = VerticalDirection; exports.Widget = Widget_default; exports.ZIndex = ZIndex_default;
+exports.Align = Align_default; exports.Alignment = alignment_default; exports.AnimatedAlign = AnimatedAlign_default; exports.AnimatedBaseWidgetState = AnimatedBaseWidgetState; exports.AnimatedContainer = AnimatedContainer_default; exports.AnimatedFractionallySizedBox = AnimatedFractionallySizedBox_default; exports.AnimatedOpacity = AnimatedOpacity_default; exports.AnimatedPadding = AnimatedPadding_default; exports.AnimatedPositioned = AnimatedPositioned_default; exports.AnimatedRotation = AnimatedRotation_default; exports.AnimatedScale = AnimatedScale_default; exports.AnimatedSlide = AnimatedSlide_default; exports.Animation = Animation_default; exports.AnimationController = AnimationController_default; exports.AppRunner = AppRunner; exports.AspectRatio = AspectRatio_default; exports.Axis = Axis; exports.Border = border_default; exports.BorderRadius = BorderRadius; exports.BorderRadiusGeometry = border_radius_geometry_default; exports.BorderSide = BorderSide; exports.BorderStyle = border_style_default; exports.BoxDecoration = BoxDecoration; exports.BoxShadow = box_shadow_default; exports.BuildContext = BuildContext; exports.BuildOwner = BuildOwner_default; exports.Builder = Builder_default; exports.Calculable = calculable_default; exports.CalculableTween = CalculableTween_default; exports.CanvasPainter = CanvasPainter; exports.Center = Center; exports.ChangeNotifier = ChangeNotifier_default; exports.ChangeNotifierProvider = ChangeNotifierProvider_default; exports.ClipOval = ClipOval; exports.ClipPath = ClipPath_default; exports.ClipRRect = ClipOval2; exports.ClipRect = ClipRect; exports.Color = color_default; exports.ColoredBox = ColoredBox_default; exports.Colors = colors_exports; exports.Column = Column; exports.ComponentElement = ComponentElement_default; exports.ComponentWidget = StatelessWidget_default; exports.ConstrainedBox = ConstrainedBox_default; exports.Constraints = constraints_default; exports.ConstraintsTransformBox = ConstraintsTransformBox_default; exports.Container = Container_default; exports.CrossAxisAlignment = CrossAxisAlignment; exports.Curve = Curve_default; exports.CurvedAnimation = CurvedAnimation_default; exports.Curves = Curves_default; exports.CustomPaint = CustomPaint_default; exports.Data = data_default; exports.DecoratedBox = DecoratedBox_default; exports.Draggable = Draggable_default; exports.EdgeInsets = edge_insets_default; exports.Element = Element_default; exports.Expanded = Expanded_default; exports.Flex = Flex2; exports.Flexible = Flexible_default; exports.FractionalTranslation = FractionalTranslation_default; exports.FractionallySizedBox = FractionallySizedBox_default; exports.Gap = gap_default; exports.GestureDetector = GestureDetector_default; exports.GlobalKey = Globalkey_default; exports.Grid = Grid_default; exports.Image = Image_default; exports.ImplicitlyAnimatedWidget = ImplicitlyAnimatedWidget; exports.ImplicitlyAnimatedWidgetState = ImplicitlyAnimatedWidgetState; exports.IndexedStack = IndexedStack2; exports.IntrinsicHeight = IntrinsicHeight_default; exports.IntrinsicWidth = IntrinsicWidth_default; exports.LimitedBox = LimitedBox_default; exports.Listenable = Listenable; exports.MainAxisAlignment = MainAxisAlignment; exports.MainAxisSize = MainAxisSize; exports.Matrix3 = matrix3_default; exports.Matrix4 = matrix4_default; exports.MultiChildRenderObject = MultiChildRenderObject_default; exports.MultiChildRenderObjectWidget = MultiChildRenderObjectWidget_default; exports.ObjectFit = ObjectFit; exports.ObjectPosition = ObjectPosition; exports.Offset = offset_default; exports.Opacity = Opacity_default; exports.OverflowBox = OverflowBox_default; exports.Padding = Padding2; exports.Painter = BaseCustomPaint_default; exports.Paragraph = Paragraph; exports.Path = path_default; exports.Positioned = Positioned_default; exports.Provider = Provider_default; exports.RRect = r_rect_default; exports.Radius = radius_default; exports.ReactiveChangeNotifier = ReactiveChangeNotifier_default; exports.Rect = rect_default; exports.RenderAligningShiftedBox = RenderAligningShiftedBox_default; exports.RenderBox = RenderBox_default; exports.RenderFrameDispatcher = RenderFrameDispatcher_default; exports.RenderObject = RenderObject_default; exports.RenderObjectElement = RenderObjectElement_default; exports.RenderObjectToWidgetAdapter = RenderObjectToWidgetAdapter_default; exports.RenderObjectWidget = RenderObjectWidget_default; exports.RenderPipeline = RenderPipeline; exports.RenderPipelineProvider = RenderPipelineProvider; exports.RenderView = RenderView_default; exports.RichText = RichText_default; exports.Row = Row; exports.Scheduler = Scheduler_default; exports.SingleChildRenderObject = SingleChildRenderObject_default; exports.SingleChildRenderObjectWidget = SingleChildRenderObjectWidget_default; exports.Size = size_default; exports.SizedBox = SizedBox_default; exports.Spacer = Spacer_default; exports.Stack = Stack; exports.StackFit = stack_fit_default; exports.State = State; exports.StatefulElement = StatefulElement; exports.StatefulWidget = StatefulWidget_default; exports.StatelessElement = StatelessElement_default; exports.StatelessWidget = StatelessWidget_default; exports.SvgPainter = SvgPainter; exports.Text = Text_default; exports.TextAlign = text_align_default; exports.TextBaseline = text_baseline_default; exports.TextDirection = text_direction_default; exports.TextField = TextField_default; exports.TextOverflow = text_overflow_default; exports.TextPainter = TextPainter; exports.TextSpan = text_span_default; exports.TextStyle = text_style_default; exports.TextWidthBasis = text_width_basis_default; exports.ToolTipPosition = ToolTipPosition; exports.Tooltip = Tooltip_default; exports.Transform = Transform_default; exports.Tween = Tween_default; exports.UnconstrainedBox = UnconstrainedBox_default; exports.Utils = Utils; exports.Vector2 = vector2_default; exports.Vector3 = vector3_default; exports.Vector4 = vector4_default; exports.VerticalDirection = VerticalDirection; exports.Widget = Widget_default; exports.ZIndex = ZIndex_default;