@meonode/canvas 1.0.0-beta.3 → 1.0.0-beta.5

package/Readme.md

@@ -1,6 +1,6 @@
 # @meonode/canvas
 
-A declarative, component-based library for generating images on a canvas, inspired by the MeoNode UI library for React.
+A declarative, component-based library for **server-side** generation of high-quality images on a canvas, inspired by the MeoNode UI library for React.
 It uses `skia-canvas` for drawing and `yoga-layout` for flexbox-based layouts.
 
 This library allows you to build complex image layouts using a familiar component-based approach. You can define your

package/dist/cjs/canvas/canvas.helper.d.ts

@@ -21,13 +21,12 @@ export declare const drawBorders: ({ ctx, node, x, y, width, height, radii, bord
  * Draws an optimized rounded rectangle path on the canvas context.
  * Automatically clamps radius values to prevent visual artifacts based on box dimensions.
  * Uses arc-based rendering for crisp corners and consistent border appearance.
- *
- * @param ctx - The canvas 2D rendering context to draw on
- * @param x - Left position of the rectangle
- * @param y - Top position of the rectangle
- * @param width - Width of the rectangle
- * @param height - Height of the rectangle
- * @param radii - Corner radius values for each corner. Values are clamped to box constraints.
+ * @param ctx The canvas 2D rendering context to draw on
+ * @param x Left position of the rectangle
+ * @param y Top position of the rectangle
+ * @param width Width of the rectangle
+ * @param height Height of the rectangle
+ * @param radii Corner radius values for each corner. Values are clamped to box constraints.
  */
 export declare const drawRoundedRectPath: (ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, radii: {
     TopLeft: number;
@@ -37,7 +36,7 @@ export declare const drawRoundedRectPath: (ctx: CanvasRenderingContext2D, x: num
 }) => void;
 /**
  * Calculates border radius values from props
- * @param radiusProp - Border radius property value
+ * @param radiusProp Border radius property value
  * @returns Calculated border radii for all corners
  */
 export declare const parseBorderRadius: (radiusProp: BoxProps["borderRadius"]) => {
@@ -48,9 +47,8 @@ export declare const parseBorderRadius: (radiusProp: BoxProps["borderRadius"]) =
 };
 /**
  * Parses a percentage value or a number, returning the calculated value based on the base.
- *
- * @param value - The value to parse, can be a number, a percentage string, or undefined.
- * @param base - The base value to calculate the percentage from.
+ * @param value The value to parse, can be a number, a percentage string, or undefined.
+ * @param base The base value to calculate the percentage from.
  * @returns The parsed number, or 0 if the value is not a number or a valid percentage.
  */
 export declare function parsePercentage(value: number | string | undefined, base: number): number;

package/dist/cjs/canvas/canvas.helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas.helper.d.ts","sourceRoot":"","sources":["../../../src/canvas/canvas.helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAC3D,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AAExC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAEvD,eAAO,MAAM,WAAW,GAAI,sEAUzB;IACD,GAAG,EAAE,wBAAwB,CAAA;IAC7B,IAAI,EAAE,SAAS,CAAC,IAAI,CAAA;IACpB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,CAAA;QACf,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;QAClB,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;IACpC,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;CACrC,SAkJA,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,GAC9B,KAAK,wBAAwB,EAC7B,GAAG,MAAM,EACT,GAAG,MAAM,EACT,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,OAAO;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,SAwCtF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,QAAQ,CAAC,cAAc,CAAC,KACnC;IACD,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;CAYnB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAQxF"}
+{"version":3,"file":"canvas.helper.d.ts","sourceRoot":"","sources":["../../../src/canvas/canvas.helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAC3D,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AAExC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAEvD,eAAO,MAAM,WAAW,GAAI,sEAUzB;IACD,GAAG,EAAE,wBAAwB,CAAA;IAC7B,IAAI,EAAE,SAAS,CAAC,IAAI,CAAA;IACpB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,CAAA;QACf,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;QAClB,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;IACpC,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;CACrC,SA8IA,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,GAC9B,KAAK,wBAAwB,EAC7B,GAAG,MAAM,EACT,GAAG,MAAM,EACT,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,OAAO;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,SAoCtF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,QAAQ,CAAC,cAAc,CAAC,KACnC;IACD,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;CAYnB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAQxF"}

package/dist/cjs/canvas/canvas.helper.js

@@ -35,25 +35,31 @@ const drawBorders = ({ ctx, node, x, y, width, height, radii, borderColor, borde
         ctx.lineCap = 'butt';
         ctx.lineJoin = 'miter'; // Use miter for sharp corners unless rounded
         const setDash = (width) => {
-            if (borderStyle === common_const.Style.Border.Dashed && width > 0) {
+            if (borderStyle === common_const.Style.Border.Dotted && width > 0) {
+                // Dotted: tight spacing with round caps for circular dots
+                ctx.lineCap = 'round';
+                ctx.setLineDash([0, width * 2]); // 0-length dash with spacing creates dots with round caps
+            }
+            else if (borderStyle === common_const.Style.Border.Dashed && width > 0) {
+                ctx.lineCap = 'butt';
                 const dashLength = Math.max(2, width * 1.5);
                 const gapLength = Math.max(1, width);
                 ctx.setLineDash([dashLength, gapLength]);
             }
             else {
+                ctx.lineCap = 'butt';
                 ctx.setLineDash([]); // Solid line
             }
         };
         /**
          * Draws a rounded corner arc for the border.
-         *
-         * @param cx - The x-coordinate of the visual center of the corner curve.
-         * @param cy - The y-coordinate of the visual center of the corner curve.
-         * @param radius - The visual radius of the corner curve.
-         * @param startAngle - The starting angle of the arc in radians.
-         * @param endAngle - The ending angle of the arc in radians.
-         * @param border1 - The border width leading into the corner.
-         * @param border2 - The border width leading out of the corner.
+         * @param cx The x-coordinate of the visual center of the corner curve.
+         * @param cy The y-coordinate of the visual center of the corner curve.
+         * @param radius The visual radius of the corner curve.
+         * @param startAngle The starting angle of the arc in radians.
+         * @param endAngle The ending angle of the arc in radians.
+         * @param border1 The border width leading into the corner.
+         * @param border2 The border width leading out of the corner.
          */
         const drawCornerArc = (cx, cy, radius, startAngle, endAngle, border1, border2) => {
             if (radius <= 0)
@@ -89,12 +95,11 @@ const drawBorders = ({ ctx, node, x, y, width, height, radii, borderColor, borde
         };
         /**
          * Draws a straight line segment for the border.
-         *
-         * @param x1 - The x-coordinate of the starting point.
-         * @param y1 - The y-coordinate of the starting point.
-         * @param x2 - The x-coordinate of the ending point.
-         * @param y2 - The y-coordinate of the ending point.
-         * @param borderWidth - The width of the border.
+         * @param x1 The x-coordinate of the starting point.
+         * @param y1 The y-coordinate of the starting point.
+         * @param x2 The x-coordinate of the ending point.
+         * @param y2 The y-coordinate of the ending point.
+         * @param borderWidth The width of the border.
          */
         const drawLine = (x1, y1, x2, y2, borderWidth) => {
             if (borderWidth <= 0)
@@ -122,34 +127,34 @@ const drawBorders = ({ ctx, node, x, y, width, height, radii, borderColor, borde
         // For content-box, coordinates are offset *outwards* from x, y, width, height
         if (boxSizing === common_const.Style.BoxSizing.ContentBox) {
             // Top line segment
-            drawLine(x + rTL, y - halfBt, x + width - rTR, y - halfBt, borderTop);
+            void drawLine(x + rTL, y - halfBt, x + width - rTR, y - halfBt, borderTop);
             // Right line segment
-            drawLine(x + width + halfBr, y + rTR, x + width + halfBr, y + height - rBR, borderRight);
+            void drawLine(x + width + halfBr, y + rTR, x + width + halfBr, y + height - rBR, borderRight);
             // Bottom line segment
-            drawLine(x + width - rBR, y + height + halfBb, x + rBL, y + height + halfBb, borderBottom);
+            void drawLine(x + width - rBR, y + height + halfBb, x + rBL, y + height + halfBb, borderBottom);
             // Left line segment
-            drawLine(x - halfBl, y + height - rBL, x - halfBl, y + rTL, borderLeft);
-            drawCornerArc(x + rTL, y + rTL, rTL, Math.PI, 1.5 * Math.PI, borderLeft, borderTop);
-            drawCornerArc(x + width - rTR, y + rTR, rTR, 1.5 * Math.PI, 2 * Math.PI, borderTop, borderRight);
-            drawCornerArc(x + width - rBR, y + height - rBR, rBR, 0, 0.5 * Math.PI, borderRight, borderBottom);
-            drawCornerArc(x + rBL, y + height - rBL, rBL, 0.5 * Math.PI, Math.PI, borderBottom, borderLeft);
+            void drawLine(x - halfBl, y + height - rBL, x - halfBl, y + rTL, borderLeft);
+            void drawCornerArc(x + rTL, y + rTL, rTL, Math.PI, 1.5 * Math.PI, borderLeft, borderTop);
+            void drawCornerArc(x + width - rTR, y + rTR, rTR, 1.5 * Math.PI, 2 * Math.PI, borderTop, borderRight);
+            void drawCornerArc(x + width - rBR, y + height - rBR, rBR, 0, 0.5 * Math.PI, borderRight, borderBottom);
+            void drawCornerArc(x + rBL, y + height - rBL, rBL, 0.5 * Math.PI, Math.PI, borderBottom, borderLeft);
         }
         else {
             // For border-box, coordinates are offset *inwards* from x, y, width, height
             // Top line segment
-            drawLine(x + rTL, y + halfBt, x + width - rTR, y + halfBt, borderTop);
+            void drawLine(x + rTL, y + halfBt, x + width - rTR, y + halfBt, borderTop);
             // Right line segment
-            drawLine(x + width - halfBr, y + rTR, x + width - halfBr, y + height - rBR, borderRight);
+            void drawLine(x + width - halfBr, y + rTR, x + width - halfBr, y + height - rBR, borderRight);
             // Bottom line segment
-            drawLine(x + width - rBR, y + height - halfBb, x + rBL, y + height - halfBb, borderBottom);
+            void drawLine(x + width - rBR, y + height - halfBb, x + rBL, y + height - halfBb, borderBottom);
             // Left line segment
-            drawLine(x + halfBl, y + height - rBL, x + halfBl, y + rTL, borderLeft);
+            void drawLine(x + halfBl, y + height - rBL, x + halfBl, y + rTL, borderLeft);
             // Draw corner arcs (centers relative to layout box corners, adjusted for inward border)
             // Pass visual radius (rTL, rTR etc.) to drawCornerArc
-            drawCornerArc(x + rTL, y + rTL, rTL, Math.PI, 1.5 * Math.PI, borderLeft, borderTop); // Top-Left
-            drawCornerArc(x + width - rTR, y + rTR, rTR, 1.5 * Math.PI, 2 * Math.PI, borderTop, borderRight); // Top-Right
-            drawCornerArc(x + width - rBR, y + height - rBR, rBR, 0, 0.5 * Math.PI, borderRight, borderBottom); // Bottom-Right
-            drawCornerArc(x + rBL, y + height - rBL, rBL, 0.5 * Math.PI, Math.PI, borderBottom, borderLeft); // Bottom-Left
+            void drawCornerArc(x + rTL, y + rTL, rTL, Math.PI, 1.5 * Math.PI, borderLeft, borderTop); // Top-Left
+            void drawCornerArc(x + width - rTR, y + rTR, rTR, 1.5 * Math.PI, 2 * Math.PI, borderTop, borderRight); // Top-Right
+            void drawCornerArc(x + width - rBR, y + height - rBR, rBR, 0, 0.5 * Math.PI, borderRight, borderBottom); // Bottom-Right
+            void drawCornerArc(x + rBL, y + height - rBL, rBL, 0.5 * Math.PI, Math.PI, borderBottom, borderLeft); // Bottom-Left
         }
     }
 };
@@ -157,13 +162,12 @@ const drawBorders = ({ ctx, node, x, y, width, height, radii, borderColor, borde
  * Draws an optimized rounded rectangle path on the canvas context.
  * Automatically clamps radius values to prevent visual artifacts based on box dimensions.
  * Uses arc-based rendering for crisp corners and consistent border appearance.
- *
- * @param ctx - The canvas 2D rendering context to draw on
- * @param x - Left position of the rectangle
- * @param y - Top position of the rectangle
- * @param width - Width of the rectangle
- * @param height - Height of the rectangle
- * @param radii - Corner radius values for each corner. Values are clamped to box constraints.
+ * @param ctx The canvas 2D rendering context to draw on
+ * @param x Left position of the rectangle
+ * @param y Top position of the rectangle
+ * @param width Width of the rectangle
+ * @param height Height of the rectangle
+ * @param radii Corner radius values for each corner. Values are clamped to box constraints.
  */
 const drawRoundedRectPath = (ctx, x, y, width, height, radii) => {
     if (width <= 0 || height <= 0) {
@@ -184,14 +188,10 @@ const drawRoundedRectPath = (ctx, x, y, width, height, radii) => {
     clampedTR > 0 ? ctx.arc(x + width - clampedTR, y + clampedTR, clampedTR, 1.5 * Math.PI, 0) : ctx.lineTo(x + width, y);
     // Draw right edge and bottom-right corner
     ctx.lineTo(x + width, y + height - clampedBR);
-    clampedBR > 0
-        ? ctx.arc(x + width - clampedBR, y + height - clampedBR, clampedBR, 0, 0.5 * Math.PI)
-        : ctx.lineTo(x + width, y + height);
+    clampedBR > 0 ? ctx.arc(x + width - clampedBR, y + height - clampedBR, clampedBR, 0, 0.5 * Math.PI) : ctx.lineTo(x + width, y + height);
     // Draw bottom edge and bottom-left corner
     ctx.lineTo(x + clampedBL, y + height);
-    clampedBL > 0
-        ? ctx.arc(x + clampedBL, y + height - clampedBL, clampedBL, 0.5 * Math.PI, Math.PI)
-        : ctx.lineTo(x, y + height);
+    clampedBL > 0 ? ctx.arc(x + clampedBL, y + height - clampedBL, clampedBL, 0.5 * Math.PI, Math.PI) : ctx.lineTo(x, y + height);
     // Draw left edge and top-left corner
     ctx.lineTo(x, y + clampedTL);
     clampedTL > 0 ? ctx.arc(x + clampedTL, y + clampedTL, clampedTL, Math.PI, 1.5 * Math.PI) : ctx.lineTo(x, y);
@@ -199,7 +199,7 @@ const drawRoundedRectPath = (ctx, x, y, width, height, radii) => {
 };
 /**
  * Calculates border radius values from props
- * @param radiusProp - Border radius property value
+ * @param radiusProp Border radius property value
  * @returns Calculated border radii for all corners
  */
 const parseBorderRadius = (radiusProp) => {
@@ -217,9 +217,8 @@ const parseBorderRadius = (radiusProp) => {
 };
 /**
  * Parses a percentage value or a number, returning the calculated value based on the base.
- *
- * @param value - The value to parse, can be a number, a percentage string, or undefined.
- * @param base - The base value to calculate the percentage from.
+ * @param value The value to parse, can be a number, a percentage string, or undefined.
+ * @param base The base value to calculate the percentage from.
  * @returns The parsed number, or 0 if the value is not a number or a valid percentage.
  */
 function parsePercentage(value, base) {

package/dist/cjs/canvas/canvas.helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"canvas.helper.js","sources":["../../../../src/canvas/canvas.helper.ts"],"sourcesContent":["import type { CanvasRenderingContext2D } from 'skia-canvas'\nimport * as YogaTypes from 'yoga-layout'\nimport { Style } from '@/constant/common.const.js'\nimport type { BoxProps } from '@/canvas/canvas.type.js'\n\nexport const drawBorders = ({\n  ctx,\n  node,\n  x,\n  y,\n  width,\n  height,\n  radii,\n  borderColor,\n  borderStyle,\n}: {\n  ctx: CanvasRenderingContext2D\n  node: YogaTypes.Node\n  x: number\n  y: number\n  width: number\n  height: number\n  radii: {\n    TopLeft: number\n    TopRight: number\n    BottomLeft: number\n    BottomRight: number\n  }\n  borderColor: BoxProps['borderColor']\n  borderStyle: BoxProps['borderStyle']\n}) => {\n  const borderAll = node.getBorder(YogaTypes.Edge.All) || 0\n  const borderTop = Math.max(0, node.getBorder(YogaTypes.Edge.Top) || borderAll)\n  const borderRight = Math.max(0, node.getBorder(YogaTypes.Edge.Right) || borderAll)\n  const borderBottom = Math.max(0, node.getBorder(YogaTypes.Edge.Bottom) || borderAll)\n  const borderLeft = Math.max(0, node.getBorder(YogaTypes.Edge.Left) || borderAll)\n\n  const hasBorder = borderTop > 0 || borderRight > 0 || borderBottom > 0 || borderLeft > 0\n  const boxSizing = node.getBoxSizing()\n\n  if (hasBorder && borderColor) {\n    ctx.strokeStyle = borderColor\n    ctx.lineCap = 'butt'\n    ctx.lineJoin = 'miter' // Use miter for sharp corners unless rounded\n\n    const setDash = (width: number) => {\n      if (borderStyle === Style.Border.Dashed && width > 0) {\n        const dashLength = Math.max(2, width * 1.5)\n        const gapLength = Math.max(1, width)\n        ctx.setLineDash([dashLength, gapLength])\n      } else {\n        ctx.setLineDash([]) // Solid line\n      }\n    }\n\n    /**\n     * Draws a rounded corner arc for the border.\n     *\n     * @param cx - The x-coordinate of the visual center of the corner curve.\n     * @param cy - The y-coordinate of the visual center of the corner curve.\n     * @param radius - The visual radius of the corner curve.\n     * @param startAngle - The starting angle of the arc in radians.\n     * @param endAngle - The ending angle of the arc in radians.\n     * @param border1 - The border width leading into the corner.\n     * @param border2 - The border width leading out of the corner.\n     */\n    const drawCornerArc = (\n      cx: number,\n      cy: number,\n      radius: number,\n      startAngle: number,\n      endAngle: number,\n      border1: number,\n      border2: number,\n    ) => {\n      if (radius <= 0) return\n\n      const cornerWidth = Math.max(border1, border2)\n      if (cornerWidth <= 0) return\n\n      let centerlineArcRadius: number\n\n      if (boxSizing === Style.BoxSizing.ContentBox) {\n        // For content-box, the border is outside the box, so the centerline radius is the visual radius plus half the border width.\n        centerlineArcRadius = radius + cornerWidth / 2\n      } else {\n        // For border-box, the border is inside the box, so the centerline radius is the visual radius minus half the border width.\n        // Ensure the centerline radius is not negative.\n        centerlineArcRadius = Math.max(0, radius - cornerWidth / 2)\n\n        if (centerlineArcRadius <= 0 && radius > 0) {\n          // Draw cap for border-box when border is thicker than radius allows for centerline arc\n          ctx.fillStyle = borderColor! // Use border color for fill\n          ctx.beginPath()\n          // Cap is centered on the visual corner center with the visual radius\n          ctx.arc(cx, cy, radius, 0, 2 * Math.PI)\n          ctx.fill()\n          return // Cap drawn, skip arc stroke\n        }\n      }\n      // Draw the normal arc stroke using the calculated centerline radius\n      ctx.beginPath()\n      ctx.lineWidth = cornerWidth\n      setDash(cornerWidth)\n      ctx.arc(cx, cy, centerlineArcRadius, startAngle, endAngle)\n      ctx.stroke()\n    }\n\n    /**\n     * Draws a straight line segment for the border.\n     *\n     * @param x1 - The x-coordinate of the starting point.\n     * @param y1 - The y-coordinate of the starting point.\n     * @param x2 - The x-coordinate of the ending point.\n     * @param y2 - The y-coordinate of the ending point.\n     * @param borderWidth - The width of the border.\n     */\n    const drawLine = (x1: number, y1: number, x2: number, y2: number, borderWidth: number) => {\n      if (borderWidth <= 0) return\n      ctx.beginPath()\n      ctx.lineWidth = borderWidth\n      setDash(borderWidth)\n      ctx.moveTo(x1, y1)\n      ctx.lineTo(x2, y2)\n      ctx.stroke()\n    }\n\n    // Calculate half-border widths\n    const halfBt = borderTop / 2\n    const halfBr = borderRight / 2\n    const halfBb = borderBottom / 2\n    const halfBl = borderLeft / 2\n\n    // Calculate effective visual radii, clamped to half dimensions of the *layout box*\n    const maxRadiusX = width / 2 // This matches CSS behavior where radius is relative to the box it's applied to.\n    const maxRadiusY = height / 2\n    const rTL = Math.max(0, Math.min(radii.TopLeft, maxRadiusX, maxRadiusY))\n    const rTR = Math.max(0, Math.min(radii.TopRight, maxRadiusX, maxRadiusY))\n    const rBR = Math.max(0, Math.min(radii.BottomRight, maxRadiusX, maxRadiusY))\n    const rBL = Math.max(0, Math.min(radii.BottomLeft, maxRadiusX, maxRadiusY))\n\n    // --- Draw border segments based on boxSizing ---\n    // For content-box, coordinates are offset *outwards* from x, y, width, height\n    if (boxSizing === Style.BoxSizing.ContentBox) {\n      // Top line segment\n      drawLine(x + rTL, y - halfBt, x + width - rTR, y - halfBt, borderTop)\n      // Right line segment\n      drawLine(x + width + halfBr, y + rTR, x + width + halfBr, y + height - rBR, borderRight)\n      // Bottom line segment\n      drawLine(x + width - rBR, y + height + halfBb, x + rBL, y + height + halfBb, borderBottom)\n      // Left line segment\n      drawLine(x - halfBl, y + height - rBL, x - halfBl, y + rTL, borderLeft)\n\n      drawCornerArc(x + rTL, y + rTL, rTL, Math.PI, 1.5 * Math.PI, borderLeft, borderTop)\n      drawCornerArc(x + width - rTR, y + rTR, rTR, 1.5 * Math.PI, 2 * Math.PI, borderTop, borderRight)\n      drawCornerArc(x + width - rBR, y + height - rBR, rBR, 0, 0.5 * Math.PI, borderRight, borderBottom)\n      drawCornerArc(x + rBL, y + height - rBL, rBL, 0.5 * Math.PI, Math.PI, borderBottom, borderLeft)\n    } else {\n      // For border-box, coordinates are offset *inwards* from x, y, width, height\n      // Top line segment\n      drawLine(x + rTL, y + halfBt, x + width - rTR, y + halfBt, borderTop)\n      // Right line segment\n      drawLine(x + width - halfBr, y + rTR, x + width - halfBr, y + height - rBR, borderRight)\n      // Bottom line segment\n      drawLine(x + width - rBR, y + height - halfBb, x + rBL, y + height - halfBb, borderBottom)\n      // Left line segment\n      drawLine(x + halfBl, y + height - rBL, x + halfBl, y + rTL, borderLeft)\n\n      // Draw corner arcs (centers relative to layout box corners, adjusted for inward border)\n      // Pass visual radius (rTL, rTR etc.) to drawCornerArc\n      drawCornerArc(x + rTL, y + rTL, rTL, Math.PI, 1.5 * Math.PI, borderLeft, borderTop) // Top-Left\n      drawCornerArc(x + width - rTR, y + rTR, rTR, 1.5 * Math.PI, 2 * Math.PI, borderTop, borderRight) // Top-Right\n      drawCornerArc(x + width - rBR, y + height - rBR, rBR, 0, 0.5 * Math.PI, borderRight, borderBottom) // Bottom-Right\n      drawCornerArc(x + rBL, y + height - rBL, rBL, 0.5 * Math.PI, Math.PI, borderBottom, borderLeft) // Bottom-Left\n    }\n  }\n}\n\n/**\n * Draws an optimized rounded rectangle path on the canvas context.\n * Automatically clamps radius values to prevent visual artifacts based on box dimensions.\n * Uses arc-based rendering for crisp corners and consistent border appearance.\n *\n * @param ctx - The canvas 2D rendering context to draw on\n * @param x - Left position of the rectangle\n * @param y - Top position of the rectangle\n * @param width - Width of the rectangle\n * @param height - Height of the rectangle\n * @param radii - Corner radius values for each corner. Values are clamped to box constraints.\n */\nexport const drawRoundedRectPath = (\n  ctx: CanvasRenderingContext2D,\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  radii: { TopLeft: number; TopRight: number; BottomRight: number; BottomLeft: number },\n) => {\n  if (width <= 0 || height <= 0) {\n    ctx.beginPath()\n    ctx.rect(x, y, width, height)\n    return\n  }\n\n  ctx.beginPath()\n\n  // Clamp radius values to prevent visual artifacts\n  const maxRadius = Math.min(width / 2, height / 2)\n  const clampedTL = Math.max(0, Math.min(radii.TopLeft, maxRadius))\n  const clampedTR = Math.max(0, Math.min(radii.TopRight, maxRadius))\n  const clampedBR = Math.max(0, Math.min(radii.BottomRight, maxRadius))\n  const clampedBL = Math.max(0, Math.min(radii.BottomLeft, maxRadius))\n\n  ctx.moveTo(x + clampedTL, y)\n\n  // Draw top edge and top-right corner\n  ctx.lineTo(x + width - clampedTR, y)\n  clampedTR > 0 ? ctx.arc(x + width - clampedTR, y + clampedTR, clampedTR, 1.5 * Math.PI, 0) : ctx.lineTo(x + width, y)\n\n  // Draw right edge and bottom-right corner\n  ctx.lineTo(x + width, y + height - clampedBR)\n  clampedBR > 0\n    ? ctx.arc(x + width - clampedBR, y + height - clampedBR, clampedBR, 0, 0.5 * Math.PI)\n    : ctx.lineTo(x + width, y + height)\n\n  // Draw bottom edge and bottom-left corner\n  ctx.lineTo(x + clampedBL, y + height)\n  clampedBL > 0\n    ? ctx.arc(x + clampedBL, y + height - clampedBL, clampedBL, 0.5 * Math.PI, Math.PI)\n    : ctx.lineTo(x, y + height)\n\n  // Draw left edge and top-left corner\n  ctx.lineTo(x, y + clampedTL)\n  clampedTL > 0 ? ctx.arc(x + clampedTL, y + clampedTL, clampedTL, Math.PI, 1.5 * Math.PI) : ctx.lineTo(x, y)\n\n  ctx.closePath()\n}\n\n/**\n * Calculates border radius values from props\n * @param radiusProp - Border radius property value\n * @returns Calculated border radii for all corners\n */\nexport const parseBorderRadius = (\n  radiusProp: BoxProps['borderRadius'],\n): {\n  TopLeft: number\n  TopRight: number\n  BottomRight: number\n  BottomLeft: number\n} => {\n  const radii = { TopLeft: 0, TopRight: 0, BottomRight: 0, BottomLeft: 0 }\n  if (typeof radiusProp === 'number') {\n    radii.TopLeft = radii.TopRight = radii.BottomRight = radii.BottomLeft = Math.max(0, radiusProp)\n  } else if (typeof radiusProp === 'object' && radiusProp !== null) {\n    radii.TopLeft = Math.max(0, radiusProp.TopLeft ?? 0)\n    radii.TopRight = Math.max(0, radiusProp.TopRight ?? 0)\n    radii.BottomRight = Math.max(0, radiusProp.BottomRight ?? 0)\n    radii.BottomLeft = Math.max(0, radiusProp.BottomLeft ?? 0)\n  }\n  return radii\n}\n\n/**\n * Parses a percentage value or a number, returning the calculated value based on the base.\n *\n * @param value - The value to parse, can be a number, a percentage string, or undefined.\n * @param base - The base value to calculate the percentage from.\n * @returns The parsed number, or 0 if the value is not a number or a valid percentage.\n */\nexport function parsePercentage(value: number | string | undefined, base: number): number {\n  if (typeof value === 'number') {\n    return value\n  }\n  if (typeof value === 'string' && value.endsWith('%')) {\n    return base !== 0 ? (parseFloat(value) / 100) * base : 0\n  }\n  return 0\n}\n"],"names":["YogaTypes","Style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,WAAW,GAAG,CAAC,EAC1B,GAAG,EACH,IAAI,EACJ,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,KAAK,EACL,WAAW,EACX,WAAW,GAgBZ,KAAI;AACH,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAACA,oBAAS,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;IACzD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAACA,oBAAS,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;IAC9E,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAACA,oBAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC;IAClF,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAACA,oBAAS,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC;IACpF,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAACA,oBAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC;AAEhF,IAAA,MAAM,SAAS,GAAG,SAAS,GAAG,CAAC,IAAI,WAAW,GAAG,CAAC,IAAI,YAAY,GAAG,CAAC,IAAI,UAAU,GAAG,CAAC;AACxF,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE;AAErC,IAAA,IAAI,SAAS,IAAI,WAAW,EAAE;AAC5B,QAAA,GAAG,CAAC,WAAW,GAAG,WAAW;AAC7B,QAAA,GAAG,CAAC,OAAO,GAAG,MAAM;AACpB,QAAA,GAAG,CAAC,QAAQ,GAAG,OAAO,CAAA;AAEtB,QAAA,MAAM,OAAO,GAAG,CAAC,KAAa,KAAI;AAChC,YAAA,IAAI,WAAW,KAAKC,kBAAK,CAAC,MAAM,CAAC,MAAM,IAAI,KAAK,GAAG,CAAC,EAAE;AACpD,gBAAA,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC;gBAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC;gBACpC,GAAG,CAAC,WAAW,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;YAC1C;iBAAO;AACL,gBAAA,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;YACrB;AACF,QAAA,CAAC;AAED;;;;;;;;;;AAUG;AACH,QAAA,MAAM,aAAa,GAAG,CACpB,EAAU,EACV,EAAU,EACV,MAAc,EACd,UAAkB,EAClB,QAAgB,EAChB,OAAe,EACf,OAAe,KACb;YACF,IAAI,MAAM,IAAI,CAAC;gBAAE;YAEjB,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC;YAC9C,IAAI,WAAW,IAAI,CAAC;gBAAE;AAEtB,YAAA,IAAI,mBAA2B;YAE/B,IAAI,SAAS,KAAKA,kBAAK,CAAC,SAAS,CAAC,UAAU,EAAE;;AAE5C,gBAAA,mBAAmB,GAAG,MAAM,GAAG,WAAW,GAAG,CAAC;YAChD;iBAAO;;;AAGL,gBAAA,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC;gBAE3D,IAAI,mBAAmB,IAAI,CAAC,IAAI,MAAM,GAAG,CAAC,EAAE;;AAE1C,oBAAA,GAAG,CAAC,SAAS,GAAG,WAAY,CAAA;oBAC5B,GAAG,CAAC,SAAS,EAAE;;AAEf,oBAAA,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;oBACvC,GAAG,CAAC,IAAI,EAAE;AACV,oBAAA,OAAM;gBACR;YACF;;YAEA,GAAG,CAAC,SAAS,EAAE;AACf,YAAA,GAAG,CAAC,SAAS,GAAG,WAAW;YAC3B,OAAO,CAAC,WAAW,CAAC;AACpB,YAAA,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,CAAC;YAC1D,GAAG,CAAC,MAAM,EAAE;AACd,QAAA,CAAC;AAED;;;;;;;;AAQG;AACH,QAAA,MAAM,QAAQ,GAAG,CAAC,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,WAAmB,KAAI;YACvF,IAAI,WAAW,IAAI,CAAC;gBAAE;YACtB,GAAG,CAAC,SAAS,EAAE;AACf,YAAA,GAAG,CAAC,SAAS,GAAG,WAAW;YAC3B,OAAO,CAAC,WAAW,CAAC;AACpB,YAAA,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC;AAClB,YAAA,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC;YAClB,GAAG,CAAC,MAAM,EAAE;AACd,QAAA,CAAC;;AAGD,QAAA,MAAM,MAAM,GAAG,SAAS,GAAG,CAAC;AAC5B,QAAA,MAAM,MAAM,GAAG,WAAW,GAAG,CAAC;AAC9B,QAAA,MAAM,MAAM,GAAG,YAAY,GAAG,CAAC;AAC/B,QAAA,MAAM,MAAM,GAAG,UAAU,GAAG,CAAC;;AAG7B,QAAA,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,CAAA;AAC5B,QAAA,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC;QAC7B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;QACxE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;QACzE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;QAC5E,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;;;QAI3E,IAAI,SAAS,KAAKA,kBAAK,CAAC,SAAS,CAAC,UAAU,EAAE;;YAE5C,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,EAAE,SAAS,CAAC;;YAErE,QAAQ,CAAC,CAAC,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,GAAG,GAAG,EAAE,WAAW,CAAC;;YAExF,QAAQ,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,YAAY,CAAC;;YAE1F,QAAQ,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,UAAU,CAAC;YAEvE,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC;AACnF,YAAA,aAAa,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC;YAChG,aAAa,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,YAAY,CAAC;YAClG,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,YAAY,EAAE,UAAU,CAAC;QACjG;aAAO;;;YAGL,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,EAAE,SAAS,CAAC;;YAErE,QAAQ,CAAC,CAAC,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,GAAG,GAAG,EAAE,WAAW,CAAC;;YAExF,QAAQ,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,YAAY,CAAC;;YAE1F,QAAQ,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,UAAU,CAAC;;;YAIvE,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;AACnF,YAAA,aAAa,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,CAAA;AAChG,YAAA,aAAa,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,YAAY,CAAC,CAAA;AAClG,YAAA,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,YAAY,EAAE,UAAU,CAAC,CAAA;QACjG;IACF;AACF;AAEA;;;;;;;;;;;AAWG;AACI,MAAM,mBAAmB,GAAG,CACjC,GAA6B,EAC7B,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,KAAqF,KACnF;IACF,IAAI,KAAK,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC,EAAE;QAC7B,GAAG,CAAC,SAAS,EAAE;QACf,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC;QAC7B;IACF;IAEA,GAAG,CAAC,SAAS,EAAE;;AAGf,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AACjD,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACjE,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AACrE,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAEpE,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC;;IAG5B,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,SAAS,EAAE,CAAC,CAAC;AACpC,IAAA,SAAS,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,SAAS,EAAE,CAAC,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC;;AAGrH,IAAA,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;AAC7C,IAAA,SAAS,GAAG;UACR,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,SAAS,EAAE,CAAC,GAAG,MAAM,GAAG,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE;AACpF,UAAE,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC;;IAGrC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,GAAG,MAAM,CAAC;AACrC,IAAA,SAAS,GAAG;UACR,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,GAAG,MAAM,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE;UAChF,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;;IAG7B,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,IAAA,SAAS,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,GAAG,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IAE3G,GAAG,CAAC,SAAS,EAAE;AACjB;AAEA;;;;AAIG;AACI,MAAM,iBAAiB,GAAG,CAC/B,UAAoC,KAMlC;AACF,IAAA,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE;AACxE,IAAA,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC;IACjG;SAAO,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,IAAI,EAAE;AAChE,QAAA,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpD,QAAA,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,QAAQ,IAAI,CAAC,CAAC;AACtD,QAAA,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,IAAI,CAAC,CAAC;AAC5D,QAAA,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,UAAU,IAAI,CAAC,CAAC;IAC5D;AACA,IAAA,OAAO,KAAK;AACd;AAEA;;;;;;AAMG;AACG,SAAU,eAAe,CAAC,KAAkC,EAAE,IAAY,EAAA;AAC9E,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,QAAA,OAAO,KAAK;IACd;AACA,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACpD,OAAO,IAAI,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,IAAI,GAAG,CAAC;IAC1D;AACA,IAAA,OAAO,CAAC;AACV;;;;;;;"}
+{"version":3,"file":"canvas.helper.js","sources":["../../../../src/canvas/canvas.helper.ts"],"sourcesContent":["import type { CanvasRenderingContext2D } from 'skia-canvas'\nimport * as YogaTypes from 'yoga-layout'\nimport { Style } from '@/constant/common.const.js'\nimport type { BoxProps } from '@/canvas/canvas.type.js'\n\nexport const drawBorders = ({\n  ctx,\n  node,\n  x,\n  y,\n  width,\n  height,\n  radii,\n  borderColor,\n  borderStyle,\n}: {\n  ctx: CanvasRenderingContext2D\n  node: YogaTypes.Node\n  x: number\n  y: number\n  width: number\n  height: number\n  radii: {\n    TopLeft: number\n    TopRight: number\n    BottomLeft: number\n    BottomRight: number\n  }\n  borderColor: BoxProps['borderColor']\n  borderStyle: BoxProps['borderStyle']\n}) => {\n  const borderAll = node.getBorder(YogaTypes.Edge.All) || 0\n  const borderTop = Math.max(0, node.getBorder(YogaTypes.Edge.Top) || borderAll)\n  const borderRight = Math.max(0, node.getBorder(YogaTypes.Edge.Right) || borderAll)\n  const borderBottom = Math.max(0, node.getBorder(YogaTypes.Edge.Bottom) || borderAll)\n  const borderLeft = Math.max(0, node.getBorder(YogaTypes.Edge.Left) || borderAll)\n\n  const hasBorder = borderTop > 0 || borderRight > 0 || borderBottom > 0 || borderLeft > 0\n  const boxSizing = node.getBoxSizing()\n\n  if (hasBorder && borderColor) {\n    ctx.strokeStyle = borderColor\n    ctx.lineCap = 'butt'\n    ctx.lineJoin = 'miter' // Use miter for sharp corners unless rounded\n\n    const setDash = (width: number) => {\n      if (borderStyle === Style.Border.Dotted && width > 0) {\n        // Dotted: tight spacing with round caps for circular dots\n        ctx.lineCap = 'round'\n        ctx.setLineDash([0, width * 2]) // 0-length dash with spacing creates dots with round caps\n      } else if (borderStyle === Style.Border.Dashed && width > 0) {\n        ctx.lineCap = 'butt'\n        const dashLength = Math.max(2, width * 1.5)\n        const gapLength = Math.max(1, width)\n        ctx.setLineDash([dashLength, gapLength])\n      } else {\n        ctx.lineCap = 'butt'\n        ctx.setLineDash([]) // Solid line\n      }\n    }\n\n    /**\n     * Draws a rounded corner arc for the border.\n     * @param cx The x-coordinate of the visual center of the corner curve.\n     * @param cy The y-coordinate of the visual center of the corner curve.\n     * @param radius The visual radius of the corner curve.\n     * @param startAngle The starting angle of the arc in radians.\n     * @param endAngle The ending angle of the arc in radians.\n     * @param border1 The border width leading into the corner.\n     * @param border2 The border width leading out of the corner.\n     */\n    const drawCornerArc = (cx: number, cy: number, radius: number, startAngle: number, endAngle: number, border1: number, border2: number) => {\n      if (radius <= 0) return\n\n      const cornerWidth = Math.max(border1, border2)\n      if (cornerWidth <= 0) return\n\n      let centerlineArcRadius: number\n\n      if (boxSizing === Style.BoxSizing.ContentBox) {\n        // For content-box, the border is outside the box, so the centerline radius is the visual radius plus half the border width.\n        centerlineArcRadius = radius + cornerWidth / 2\n      } else {\n        // For border-box, the border is inside the box, so the centerline radius is the visual radius minus half the border width.\n        // Ensure the centerline radius is not negative.\n        centerlineArcRadius = Math.max(0, radius - cornerWidth / 2)\n\n        if (centerlineArcRadius <= 0 && radius > 0) {\n          // Draw cap for border-box when border is thicker than radius allows for centerline arc\n          ctx.fillStyle = borderColor! // Use border color for fill\n          ctx.beginPath()\n          // Cap is centered on the visual corner center with the visual radius\n          ctx.arc(cx, cy, radius, 0, 2 * Math.PI)\n          ctx.fill()\n          return // Cap drawn, skip arc stroke\n        }\n      }\n      // Draw the normal arc stroke using the calculated centerline radius\n      ctx.beginPath()\n      ctx.lineWidth = cornerWidth\n      setDash(cornerWidth)\n      ctx.arc(cx, cy, centerlineArcRadius, startAngle, endAngle)\n      ctx.stroke()\n    }\n\n    /**\n     * Draws a straight line segment for the border.\n     * @param x1 The x-coordinate of the starting point.\n     * @param y1 The y-coordinate of the starting point.\n     * @param x2 The x-coordinate of the ending point.\n     * @param y2 The y-coordinate of the ending point.\n     * @param borderWidth The width of the border.\n     */\n    const drawLine = (x1: number, y1: number, x2: number, y2: number, borderWidth: number) => {\n      if (borderWidth <= 0) return\n      ctx.beginPath()\n      ctx.lineWidth = borderWidth\n      setDash(borderWidth)\n      ctx.moveTo(x1, y1)\n      ctx.lineTo(x2, y2)\n      ctx.stroke()\n    }\n\n    // Calculate half-border widths\n    const halfBt = borderTop / 2\n    const halfBr = borderRight / 2\n    const halfBb = borderBottom / 2\n    const halfBl = borderLeft / 2\n\n    // Calculate effective visual radii, clamped to half dimensions of the *layout box*\n    const maxRadiusX = width / 2 // This matches CSS behavior where radius is relative to the box it's applied to.\n    const maxRadiusY = height / 2\n    const rTL = Math.max(0, Math.min(radii.TopLeft, maxRadiusX, maxRadiusY))\n    const rTR = Math.max(0, Math.min(radii.TopRight, maxRadiusX, maxRadiusY))\n    const rBR = Math.max(0, Math.min(radii.BottomRight, maxRadiusX, maxRadiusY))\n    const rBL = Math.max(0, Math.min(radii.BottomLeft, maxRadiusX, maxRadiusY))\n\n    // --- Draw border segments based on boxSizing ---\n    // For content-box, coordinates are offset *outwards* from x, y, width, height\n    if (boxSizing === Style.BoxSizing.ContentBox) {\n      // Top line segment\n      void drawLine(x + rTL, y - halfBt, x + width - rTR, y - halfBt, borderTop)\n      // Right line segment\n      void drawLine(x + width + halfBr, y + rTR, x + width + halfBr, y + height - rBR, borderRight)\n      // Bottom line segment\n      void drawLine(x + width - rBR, y + height + halfBb, x + rBL, y + height + halfBb, borderBottom)\n      // Left line segment\n      void drawLine(x - halfBl, y + height - rBL, x - halfBl, y + rTL, borderLeft)\n\n      void drawCornerArc(x + rTL, y + rTL, rTL, Math.PI, 1.5 * Math.PI, borderLeft, borderTop)\n      void drawCornerArc(x + width - rTR, y + rTR, rTR, 1.5 * Math.PI, 2 * Math.PI, borderTop, borderRight)\n      void drawCornerArc(x + width - rBR, y + height - rBR, rBR, 0, 0.5 * Math.PI, borderRight, borderBottom)\n      void drawCornerArc(x + rBL, y + height - rBL, rBL, 0.5 * Math.PI, Math.PI, borderBottom, borderLeft)\n    } else {\n      // For border-box, coordinates are offset *inwards* from x, y, width, height\n      // Top line segment\n      void drawLine(x + rTL, y + halfBt, x + width - rTR, y + halfBt, borderTop)\n      // Right line segment\n      void drawLine(x + width - halfBr, y + rTR, x + width - halfBr, y + height - rBR, borderRight)\n      // Bottom line segment\n      void drawLine(x + width - rBR, y + height - halfBb, x + rBL, y + height - halfBb, borderBottom)\n      // Left line segment\n      void drawLine(x + halfBl, y + height - rBL, x + halfBl, y + rTL, borderLeft)\n\n      // Draw corner arcs (centers relative to layout box corners, adjusted for inward border)\n      // Pass visual radius (rTL, rTR etc.) to drawCornerArc\n      void drawCornerArc(x + rTL, y + rTL, rTL, Math.PI, 1.5 * Math.PI, borderLeft, borderTop) // Top-Left\n      void drawCornerArc(x + width - rTR, y + rTR, rTR, 1.5 * Math.PI, 2 * Math.PI, borderTop, borderRight) // Top-Right\n      void drawCornerArc(x + width - rBR, y + height - rBR, rBR, 0, 0.5 * Math.PI, borderRight, borderBottom) // Bottom-Right\n      void drawCornerArc(x + rBL, y + height - rBL, rBL, 0.5 * Math.PI, Math.PI, borderBottom, borderLeft) // Bottom-Left\n    }\n  }\n}\n\n/**\n * Draws an optimized rounded rectangle path on the canvas context.\n * Automatically clamps radius values to prevent visual artifacts based on box dimensions.\n * Uses arc-based rendering for crisp corners and consistent border appearance.\n * @param ctx The canvas 2D rendering context to draw on\n * @param x Left position of the rectangle\n * @param y Top position of the rectangle\n * @param width Width of the rectangle\n * @param height Height of the rectangle\n * @param radii Corner radius values for each corner. Values are clamped to box constraints.\n */\nexport const drawRoundedRectPath = (\n  ctx: CanvasRenderingContext2D,\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  radii: { TopLeft: number; TopRight: number; BottomRight: number; BottomLeft: number },\n) => {\n  if (width <= 0 || height <= 0) {\n    ctx.beginPath()\n    ctx.rect(x, y, width, height)\n    return\n  }\n\n  ctx.beginPath()\n\n  // Clamp radius values to prevent visual artifacts\n  const maxRadius = Math.min(width / 2, height / 2)\n  const clampedTL = Math.max(0, Math.min(radii.TopLeft, maxRadius))\n  const clampedTR = Math.max(0, Math.min(radii.TopRight, maxRadius))\n  const clampedBR = Math.max(0, Math.min(radii.BottomRight, maxRadius))\n  const clampedBL = Math.max(0, Math.min(radii.BottomLeft, maxRadius))\n\n  ctx.moveTo(x + clampedTL, y)\n\n  // Draw top edge and top-right corner\n  ctx.lineTo(x + width - clampedTR, y)\n  clampedTR > 0 ? ctx.arc(x + width - clampedTR, y + clampedTR, clampedTR, 1.5 * Math.PI, 0) : ctx.lineTo(x + width, y)\n\n  // Draw right edge and bottom-right corner\n  ctx.lineTo(x + width, y + height - clampedBR)\n  clampedBR > 0 ? ctx.arc(x + width - clampedBR, y + height - clampedBR, clampedBR, 0, 0.5 * Math.PI) : ctx.lineTo(x + width, y + height)\n\n  // Draw bottom edge and bottom-left corner\n  ctx.lineTo(x + clampedBL, y + height)\n  clampedBL > 0 ? ctx.arc(x + clampedBL, y + height - clampedBL, clampedBL, 0.5 * Math.PI, Math.PI) : ctx.lineTo(x, y + height)\n\n  // Draw left edge and top-left corner\n  ctx.lineTo(x, y + clampedTL)\n  clampedTL > 0 ? ctx.arc(x + clampedTL, y + clampedTL, clampedTL, Math.PI, 1.5 * Math.PI) : ctx.lineTo(x, y)\n\n  ctx.closePath()\n}\n\n/**\n * Calculates border radius values from props\n * @param radiusProp Border radius property value\n * @returns Calculated border radii for all corners\n */\nexport const parseBorderRadius = (\n  radiusProp: BoxProps['borderRadius'],\n): {\n  TopLeft: number\n  TopRight: number\n  BottomRight: number\n  BottomLeft: number\n} => {\n  const radii = { TopLeft: 0, TopRight: 0, BottomRight: 0, BottomLeft: 0 }\n  if (typeof radiusProp === 'number') {\n    radii.TopLeft = radii.TopRight = radii.BottomRight = radii.BottomLeft = Math.max(0, radiusProp)\n  } else if (typeof radiusProp === 'object' && radiusProp !== null) {\n    radii.TopLeft = Math.max(0, radiusProp.TopLeft ?? 0)\n    radii.TopRight = Math.max(0, radiusProp.TopRight ?? 0)\n    radii.BottomRight = Math.max(0, radiusProp.BottomRight ?? 0)\n    radii.BottomLeft = Math.max(0, radiusProp.BottomLeft ?? 0)\n  }\n  return radii\n}\n\n/**\n * Parses a percentage value or a number, returning the calculated value based on the base.\n * @param value The value to parse, can be a number, a percentage string, or undefined.\n * @param base The base value to calculate the percentage from.\n * @returns The parsed number, or 0 if the value is not a number or a valid percentage.\n */\nexport function parsePercentage(value: number | string | undefined, base: number): number {\n  if (typeof value === 'number') {\n    return value\n  }\n  if (typeof value === 'string' && value.endsWith('%')) {\n    return base !== 0 ? (parseFloat(value) / 100) * base : 0\n  }\n  return 0\n}\n"],"names":["YogaTypes","Style"],"mappings":"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"}

package/dist/cjs/canvas/canvas.type.d.ts

@@ -1,10 +1,9 @@
-import * as StylePropTypes from 'yoga-layout';
 import { BoxNode } from '../canvas/layout.canvas.util.js';
 import type { TextNode } from '../canvas/text.canvas.util.js';
 import type { ImageNode } from '../canvas/image.canvas.util.js';
 import type { GridNode } from '../canvas/grid.canvas.util.js';
 import type { FontVariantSetting } from 'skia-canvas';
-import { Style } from '../constant/common.const.js';
+import * as Style from '../constant/common.const.js';
 export interface BaseProps {
     /**
      * Optional display name for debugging purposes.
@@ -156,40 +155,40 @@ export interface BoxProps extends BaseProps {
     maxHeight?: number | `${number}%`;
     /**
      * Defines the direction of the main axis for flex items within this container.
-     * @see StylePropTypes.FlexDirection (`COLUMN`, `ROW`, `COLUMN_REVERSE`, `ROW_REVERSE`)
+     * @see Style.FlexDirection (`COLUMN`, `ROW`, `COLUMN_REVERSE`, `ROW_REVERSE`)
      * @default Yoga default (`COLUMN`)
      * @see https://yogalayout.dev/docs/styling/flex-direction
      */
-    flexDirection?: StylePropTypes.FlexDirection;
+    flexDirection?: Style.FlexDirection;
     /**
      * Defines how flex items are distributed along the main axis of the container.
-     * @see StylePropTypes.Justify (`FLEX_START`, `CENTER`, `FLEX_END`, `SPACE_BETWEEN`, `SPACE_AROUND`, `SPACE_EVENLY`)
+     * @see Style.Justify (`FLEX_START`, `CENTER`, `FLEX_END`, `SPACE_BETWEEN`, `SPACE_AROUND`, `SPACE_EVENLY`)
      * @default Yoga default (`FLEX_START`)
      * @see https://yogalayout.dev/docs/styling/justify-content
      */
-    justifyContent?: StylePropTypes.Justify;
+    justifyContent?: Style.Justify;
     /**
      * Defines how flex items are aligned along the cross axis of the container.
-     * @see StylePropTypes.Align (`AUTO`, `FLEX_START`, `CENTER`, `FLEX_END`, `STRETCH`, `BASELINE`, `SPACE_BETWEEN`, `SPACE_AROUND`)
+     * @see Style.Align (`AUTO`, `FLEX_START`, `CENTER`, `FLEX_END`, `STRETCH`, `BASELINE`, `SPACE_BETWEEN`, `SPACE_AROUND`)
      * @default Yoga default (`STRETCH`)
      * @see https://yogalayout.dev/docs/styling/align-items-self
      */
-    alignItems?: StylePropTypes.Align;
+    alignItems?: Style.Align;
     /**
      * Allows overriding the parent's `alignItems` value for a specific flex item.
-     * @see StylePropTypes.Align (`AUTO`, `FLEX_START`, `CENTER`, `FLEX_END`, `STRETCH`, `BASELINE`, `SPACE_BETWEEN`, `SPACE_AROUND`)
+     * @see Style.Align (`AUTO`, `FLEX_START`, `CENTER`, `FLEX_END`, `STRETCH`, `BASELINE`, `SPACE_BETWEEN`, `SPACE_AROUND`)
      * @default Yoga default (`AUTO`) - Inherits from `alignItems`.
      * @see https://yogalayout.dev/docs/styling/align-items-self
      */
-    alignSelf?: StylePropTypes.Align;
+    alignSelf?: Style.Align;
     /**
      * Defines how lines are distributed along the cross axis when `flexWrap` is `WRAP` or `WRAP_REVERSE`.
      * Has no effect when there is only one line of flex items.
-     * @see StylePropTypes.Align (`AUTO`, `FLEX_START`, `CENTER`, `FLEX_END`, `STRETCH`, `BASELINE`, `SPACE_BETWEEN`, `SPACE_AROUND`)
+     * @see Style.Align (`AUTO`, `FLEX_START`, `CENTER`, `FLEX_END`, `STRETCH`, `BASELINE`, `SPACE_BETWEEN`, `SPACE_AROUND`)
      * @default Yoga default (`FLEX_START`)
      * @see https://yogalayout.dev/docs/styling/align-content
      */
-    alignContent?: StylePropTypes.Align;
+    alignContent?: Style.Align;
     /**
      * Defines the ability of a flex item to grow if necessary, relative to other items.
      * A non-negative number indicating the proportion of available space the item should take.
@@ -215,11 +214,11 @@ export interface BoxProps extends BaseProps {
      * Specifies the positioning method used for the node.
      * `RELATIVE`: Positioned according to the normal flow, then offset relative to that position.
      * `ABSOLUTE`: Positioned relative to its nearest positioned ancestor (or the root). Layout calculation ignores this node.
-     * @see StylePropTypes.PositionType (`RELATIVE`, `ABSOLUTE`)
+     * @see Style.PositionType (`RELATIVE`, `ABSOLUTE`)
      * @default Yoga default (`RELATIVE`)
      * @see https://yogalayout.dev/docs/styling/position
      */
-    positionType?: StylePropTypes.PositionType;
+    positionType?: Style.PositionType;
     /**
      * Specifies the offset distances for positioned elements (`positionType: 'ABSOLUTE'` or `RELATIVE`).
      * Can be a single number for all edges or an object specifying individual edges (`Top`, `Right`, `Bottom`, `Left`, `Start`, `End`).
@@ -228,7 +227,7 @@ export interface BoxProps extends BaseProps {
      * @default Yoga default (undefined for each edge)
      * @see https://yogalayout.dev/docs/styling/position
      */
-    position?: Partial<Record<keyof typeof StylePropTypes.Edge, number | `${number}%`>> | number | `${number}%`;
+    position?: Partial<Record<keyof typeof Style.Edge, number | `${number}%`>> | number | `${number}%`;
     /**
      * Sets the margin space on the outside of the node's border.
      * Can be a single number for all edges or an object specifying individual edges.
@@ -236,7 +235,7 @@ export interface BoxProps extends BaseProps {
      * @default Yoga default (0 for each edge)
      * @see https://yogalayout.dev/docs/styling/margin-padding-border
      */
-    margin?: Partial<Record<keyof typeof StylePropTypes.Edge, number | `${number}%` | 'auto'>> | number | `${number}%` | 'auto';
+    margin?: Partial<Record<keyof typeof Style.Edge, number | `${number}%` | 'auto'>> | number | `${number}%` | 'auto';
     /**
      * Sets the padding space on the inside of the node's border, around the content.
      * Can be a single number for all edges or an object specifying individual edges.
@@ -244,7 +243,7 @@ export interface BoxProps extends BaseProps {
      * @default Yoga default (0 for each edge)
      * @see https://yogalayout.dev/docs/styling/margin-padding-border
      */
-    padding?: Partial<Record<keyof typeof StylePropTypes.Edge, number | `${number}%`>> | number | `${number}%`;
+    padding?: Partial<Record<keyof typeof Style.Edge, number | `${number}%`>> | number | `${number}%`;
     /**
      * Sets the width of the node's border.
      * Can be a single number for all edges or an object specifying individual edges.
@@ -252,7 +251,7 @@ export interface BoxProps extends BaseProps {
      * @default Yoga default (0 for each edge)
      * @see https://yogalayout.dev/docs/styling/margin-padding-border
      */
-    border?: Partial<Record<keyof typeof StylePropTypes.Edge, number>> | number;
+    border?: Partial<Record<keyof typeof Style.Edge, number>> | number;
     /**
      * Sets the color of the node's border.
      * Accepts standard CSS color strings (e.g., 'red', '#FF0000', 'rgba(255,0,0,0.5)').
@@ -263,9 +262,10 @@ export interface BoxProps extends BaseProps {
      * Sets the style of the node's border.
      * @see Style.Border.Solid (0)
      * @see Style.Border.Dashed (1)
+     * @see Style.Border.Dotted (2)
      * @default Style.Border.Solid (set in BoxNode constructor)
      */
-    borderStyle?: typeof Style.Border.Solid | typeof Style.Border.Dashed;
+    borderStyle?: typeof Style.Border.Solid | typeof Style.Border.Dashed | typeof Style.Border.Dotted;
     /**
      * Sets the radius of the node's corners, creating rounded effects.
      * Can be a single number for all corners or an object specifying individual corners (`TopLeft`, `TopRight`, `BottomLeft`, `BottomRight`).
@@ -291,51 +291,51 @@ export interface BoxProps extends BaseProps {
      * `VISIBLE`: Content is not clipped and may render outside the node's box.
      * `HIDDEN`: Content is clipped and the rest is invisible.
      * `SCROLL`: Content is clipped, but Yoga calculates layout as if it were visible (used for scrollable containers, though an actual scrolling mechanism is external).
-     * @see StylePropTypes.Overflow (`VISIBLE`, `HIDDEN`, `SCROLL`)
+     * @see Style.Overflow (`VISIBLE`, `HIDDEN`, `SCROLL`)
      * @default Yoga default (`VISIBLE`)
      * @see https://yogalayout.dev/docs/styling/overflow
      */
-    overflow?: StylePropTypes.Overflow;
+    overflow?: Style.Overflow;
     /**
      * Controls whether the node and its children are included in the layout calculation and rendering.
      * `FLEX`: The node participates in a flex layout.
      * `NONE`: The node and its subtree are ignored by layout and rendering.
-     * @see StylePropTypes.Display (`FLEX`, `NONE`)
+     * @see Style.Display (`FLEX`, `NONE`)
      * @default Yoga default (`FLEX`)
      * @see https://yogalayout.dev/docs/styling/display
      */
-    display?: StylePropTypes.Display;
+    display?: Style.Display;
     /**
      * Sets the primary text and layout direction (Left-to-Right or Right-to-Left).
      * Affects the meaning of `Start` and `End` edges for properties like `position`, `margin`, `padding`, `border`.
      * `INHERIT`: Uses the direction of the parent node.
-     * @see StylePropTypes.Direction (`INHERIT`, `LTR`, `RTL`)
+     * @see Style.Direction (`INHERIT`, `LTR`, `RTL`)
      * @default `Style.DIRECTION_LTR` (set in `setLayout`)
      * @see https://yogalayout.dev/docs/styling/layout-direction
      */
-    direction?: StylePropTypes.Direction;
+    direction?: Style.Direction;
     /**
      * Controls whether flex items are forced onto a single line or can wrap onto multiple lines.
-     * @see StylePropTypes.Wrap (`NO_WRAP`, `WRAP`, `WRAP_REVERSE`)
+     * @see Style.Wrap (`NO_WRAP`, `WRAP`, `WRAP_REVERSE`)
      * @default Yoga default (`NO_WRAP`)
      * @see https://yogalayout.dev/docs/styling/flex-wrap
      */
-    flexWrap?: StylePropTypes.Wrap;
+    flexWrap?: Style.Wrap;
     /**
      * Defines the space between flex items along the main axis.
      * @unit Pixels.
      * @default Yoga default (0)
      * @see https://yogalayout.dev/docs/styling/gap
      */
-    gap?: Partial<Record<keyof typeof StylePropTypes.Gutter, number | `${number}%`>> | number | `${number}%`;
+    gap?: Partial<Record<keyof typeof Style.Gutter, number | `${number}%`>> | number | `${number}%`;
     /**
      * Defines how the `width` and `height` properties are interpreted regarding padding and border.
      * `CONTENT_BOX`: Width/height apply only to the content area. Padding and border are added outside.
      * `BORDER_BOX`: Width/height include content, padding, and border.
-     * @see StylePropTypes.BoxSizing (`CONTENT_BOX`, `BORDER_BOX`)
+     * @see Style.BoxSizing (`CONTENT_BOX`, `BORDER_BOX`)
      * @default `Style.BOX_SIZING_BORDER_BOX` (set in `setLayout`)
      */
-    boxSizing?: StylePropTypes.BoxSizing;
+    boxSizing?: Style.BoxSizing;
     /**
      * Sets the background color of the node. Drawn beneath the content and padding, extending to the border edge.
      * Accepts standard CSS color strings.
@@ -650,7 +650,7 @@ export interface ImageProps extends Omit<BoxProps, 'children'> {
     onLoad?: () => void;
     /**
      * Callback function that executes when the image fails to load.
-     * @param error - The error that occurred during loading.
+     * @param error The error that occurred during loading.
      */
     onError?: (error: Error) => void;
 }

package/dist/cjs/canvas/canvas.type.d.ts.map

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

package/dist/cjs/canvas/grid.canvas.util.d.ts

@@ -12,14 +12,14 @@ export declare class GridNode extends RowNode {
     private readonly isVertical;
     /**
      * Creates a new grid layout node
-     * @param props - Grid configuration properties
+     * @param props Grid configuration properties
      */
     constructor(props: GridProps);
     /**
      * Appends a child node to this grid.
      * Overridden primarily for documentation/clarity, functionality is inherited.
-     * @param child - Child node to append
-     * @param index - Index at which to insert the child
+     * @param child Child node to append
+     * @param index Index at which to insert the child
      */
     protected appendChild(child: BoxNode, index: number): void;
     /**
@@ -32,7 +32,7 @@ export declare class GridNode extends RowNode {
 }
 /**
  * Factory function to create a new GridNode instance.
- * @param props - Grid configuration properties.
+ * @param props Grid configuration properties.
  * @returns A new GridNode instance.
  */
 export declare const Grid: (props: GridProps) => GridNode;

package/dist/cjs/canvas/grid.canvas.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/grid.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGjE;;;;GAIG;AACH,qBAAa,QAAS,SAAQ,OAAO;IACnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAuB;IACtD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAuB;IACnD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAS;IAEpC;;;OAGG;gBACS,KAAK,EAAE,SAAS;IAsD5B;;;;;OAKG;cACgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IAI5D;;;;;OAKG;cACgB,+BAA+B;CAsMnD;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,aAAwB,CAAA"}
+{"version":3,"file":"grid.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/grid.canvas.util.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGjE;;;;GAIG;AACH,qBAAa,QAAS,SAAQ,OAAO;IACnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAuB;IACtD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAuB;IACnD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAS;IAEpC;;;OAGG;gBACS,KAAK,EAAE,SAAS;IAqE5B;;;;;OAKG;cACgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IAI5D;;;;;OAKG;cACgB,+BAA+B;CAwLnD;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,aAAwB,CAAA"}