react-native-gtkx 0.1.0-alpha.4 → 0.2.0-alpha.1

package/dist/components/svg/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/components/svg/group.tsx"],"names":[],"mappings":";AAAA,6EAA6E;AAC7E,yEAAyE;AACzE,yEAAyE;AACzE,OAAO,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAY,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EACL,qBAAqB,GAEtB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAQvC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAU,EAAE,EAAE;IAChE,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IACjD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA;IAEzC,uEAAuE;IACvE,uDAAuD;IACvD,qBAAqB,CACnB,EAAE,OAAO,EAAE,EACX,CAAC,QAAQ,EAAE,EAAE;QACX,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAA;QAChC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,oBAAoB,CAAC,MAAM,EAAE;YAC3B,IAAI,EAAE,GAAG;YACT,YAAY,EAAE,iBAAiB,CAAC,SAAS,CAAC;YAC1C,OAAO,EAAE,QAAQ,CAAC,OAAQ;SAC3B,CAAC,CAAA;QACF,aAAa,EAAE,CAAA;IACjB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAkB,CAAA;AAC1E,CAAC,CAAA","sourcesContent":["// <G> — a grouping node: applies an SVG transform-list string and/or opacity\n// to every descendant, then recurses. transform accepts translate/scale/\n// rotate/matrix (no skewX/skewY, no per-axis object form — see epic.md).\nimport { useRef, type ReactNode } from \"react\"\nimport { setSvgNodeDescriptor, type Gtk } from \"../../gtkx/bridge/index\"\nimport { parseSvgTransform } from \"../../svg/transform\"\nimport {\n  useAnimatedShapeBuild,\n  type AnimatableNumber,\n} from \"./animated-support\"\nimport { useSvgRoot } from \"./context\"\nimport { SvgNodeElement } from \"./node\"\n\nexport type GProps = {\n  transform?: string\n  opacity?: AnimatableNumber\n  children?: ReactNode\n}\n\nexport const G = ({ transform, opacity = 1, children }: GProps) => {\n  const widgetRef = useRef<Gtk.Widget | null>(null)\n  const { requestRedraw } = useSvgRoot(\"G\")\n\n  // transform is a static string (not part of the Animated channel — see\n  // epic.md); only opacity can be an Animated node here.\n  useAnimatedShapeBuild(\n    { opacity },\n    (resolved) => {\n      const widget = widgetRef.current\n      if (!widget) {\n        return\n      }\n      setSvgNodeDescriptor(widget, {\n        kind: \"g\",\n        transformOps: parseSvgTransform(transform),\n        opacity: resolved.opacity!,\n      })\n      requestRedraw()\n    },\n    [transform],\n  )\n\n  return <SvgNodeElement widgetRef={widgetRef}>{children}</SvgNodeElement>\n}\n"]}

package/dist/components/svg/index.d.ts

@@ -0,0 +1,6 @@
+export { Defs, LinearGradient, RadialGradient, Stop, type DefsProps, type LinearGradientProps, type RadialGradientProps, type StopProps, } from "./gradients";
+export { G, type GProps } from "./group";
+export { Circle, Ellipse, Line, Path, Polygon, Polyline, Rect, type CircleProps, type EllipseProps, type LineProps, type PathProps, type PolygonProps, type PolylineProps, type RectProps, } from "./shapes";
+export { Svg, type SvgProps } from "./svg";
+export type { AnimatableNumber } from "./animated-support";
+export type { SvgFillRule, SvgLineCap, SvgLineJoin } from "./paint";

package/dist/components/svg/index.js

@@ -0,0 +1,5 @@
+export { Defs, LinearGradient, RadialGradient, Stop, } from "./gradients";
+export { G } from "./group";
+export { Circle, Ellipse, Line, Path, Polygon, Polyline, Rect, } from "./shapes";
+export { Svg } from "./svg";
+//# sourceMappingURL=index.js.map

package/dist/components/svg/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,cAAc,EACd,cAAc,EACd,IAAI,GAKL,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,CAAC,EAAe,MAAM,SAAS,CAAA;AACxC,OAAO,EACL,MAAM,EACN,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,GAQL,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAA","sourcesContent":["export {\n  Defs,\n  LinearGradient,\n  RadialGradient,\n  Stop,\n  type DefsProps,\n  type LinearGradientProps,\n  type RadialGradientProps,\n  type StopProps,\n} from \"./gradients\"\nexport { G, type GProps } from \"./group\"\nexport {\n  Circle,\n  Ellipse,\n  Line,\n  Path,\n  Polygon,\n  Polyline,\n  Rect,\n  type CircleProps,\n  type EllipseProps,\n  type LineProps,\n  type PathProps,\n  type PolygonProps,\n  type PolylineProps,\n  type RectProps,\n} from \"./shapes\"\nexport { Svg, type SvgProps } from \"./svg\"\nexport type { AnimatableNumber } from \"./animated-support\"\nexport type { SvgFillRule, SvgLineCap, SvgLineJoin } from \"./paint\"\n"]}

package/dist/components/svg/node.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode, RefObject } from "react";
+import { type Gtk } from "../../gtkx/bridge/index";
+export type SvgNodeElementRefProps = {
+    widgetRef: RefObject<Gtk.Widget | null>;
+    children?: ReactNode;
+};
+export declare const SvgNodeElement: ({ widgetRef, children, }: SvgNodeElementRefProps) => React.JSX.Element;

package/dist/components/svg/node.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getSvgNodeComponent } from "../../gtkx/bridge/index";
+export const SvgNodeElement = ({ widgetRef, children, }) => {
+    const Node = getSvgNodeComponent();
+    return _jsx(Node, { ref: widgetRef, children: children });
+};
+//# sourceMappingURL=node.js.map

package/dist/components/svg/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../../../src/components/svg/node.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,mBAAmB,EAAY,MAAM,yBAAyB,CAAA;AAcvE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,QAAQ,GACe,EAAE,EAAE;IAC3B,MAAM,IAAI,GAAG,mBAAmB,EAAwC,CAAA;IACxE,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,SAAS,YAAG,QAAQ,GAAQ,CAAA;AAChD,CAAC,CAAA","sourcesContent":["// Thin typed wrapper around the shared RnGtkxSvgNode intrinsic (bridge/\n// svg-node.ts) — every SVG element below <Svg> itself renders exactly this;\n// they differ only in what they write into the node's WeakMap descriptor.\n// JSX nesting is enough to build the GTK parent-child chain the bridge's\n// snapshot() walks (the reconciler's generic ref/set_parent attachment, the\n// same one View relies on for real Yoga children) — nothing here\n// participates in Yoga, so the props are deliberately minimal: no layout,\n// no name/cssClasses (unlike View, no <Path>/<G>/... needs a CSS identity).\nimport type { ReactNode, RefObject } from \"react\"\nimport { getSvgNodeComponent, type Gtk } from \"../../gtkx/bridge/index\"\n\ntype SvgNodeElementProps = {\n  ref?: RefObject<Gtk.Widget | null> | null\n  children?: ReactNode\n}\n\ntype SvgNodeElementComponent = (props: SvgNodeElementProps) => ReactNode\n\nexport type SvgNodeElementRefProps = {\n  widgetRef: RefObject<Gtk.Widget | null>\n  children?: ReactNode\n}\n\nexport const SvgNodeElement = ({\n  widgetRef,\n  children,\n}: SvgNodeElementRefProps) => {\n  const Node = getSvgNodeComponent() as unknown as SvgNodeElementComponent\n  return <Node ref={widgetRef}>{children}</Node>\n}\n"]}

package/dist/components/svg/paint.d.ts

@@ -0,0 +1,24 @@
+import { type SvgShapeDescriptor } from "../../gtkx/bridge/index";
+export type SvgFillRule = "nonzero" | "evenodd";
+export type SvgLineCap = "butt" | "round" | "square";
+export type SvgLineJoin = "miter" | "round" | "bevel";
+export type SvgPaintProps = {
+    fill?: string;
+    fillRule?: SvgFillRule;
+    stroke?: string;
+    strokeLinecap?: SvgLineCap;
+    strokeLinejoin?: SvgLineJoin;
+    strokeDasharray?: string | number[];
+};
+export type SvgPaintNumbers = {
+    fillOpacity: number;
+    strokeOpacity: number;
+    strokeWidth: number;
+    strokeDashoffset: number;
+    opacity: number;
+};
+export declare const DEFAULT_PAINT_NUMBERS: SvgPaintNumbers;
+/** `d` may be empty (e.g. a Polygon with no points) — that shape simply
+ * paints nothing, it is not an error. Fill defaults to black, stroke to
+ * none, exactly like react-native-svg. */
+export declare const buildShapeDescriptor: (d: string, paint: SvgPaintProps, numbers: SvgPaintNumbers) => SvgShapeDescriptor;

package/dist/components/svg/paint.js

@@ -0,0 +1,57 @@
+// Shared fill/stroke prop shape and the descriptor builder every shape
+// component (Path/Rect/Circle/Ellipse/Line/Polygon/Polyline) feeds its
+// generated `d` string through. Defaults match react-native-svg: fill
+// defaults to black, stroke to none.
+import { Gsk, resolveSvgPaint, } from "../../gtkx/bridge/index";
+export const DEFAULT_PAINT_NUMBERS = {
+    fillOpacity: 1,
+    strokeOpacity: 1,
+    strokeWidth: 1,
+    strokeDashoffset: 0,
+    opacity: 1,
+};
+const FILL_RULES = {
+    nonzero: Gsk.FillRule.WINDING,
+    evenodd: Gsk.FillRule.EVEN_ODD,
+};
+const LINE_CAPS = {
+    butt: Gsk.LineCap.BUTT,
+    round: Gsk.LineCap.ROUND,
+    square: Gsk.LineCap.SQUARE,
+};
+const LINE_JOINS = {
+    miter: Gsk.LineJoin.MITER,
+    round: Gsk.LineJoin.ROUND,
+    bevel: Gsk.LineJoin.BEVEL,
+};
+// RN-svg accepts both a comma/space-separated string and a number array.
+const parseDasharray = (value) => {
+    if (value === undefined) {
+        return null;
+    }
+    const tokens = Array.isArray(value) ? value : value.split(/[\s,]+/);
+    const numbers = tokens
+        .map((token) => typeof token === "number" ? token : Number.parseFloat(String(token)))
+        .filter((n) => Number.isFinite(n) && n >= 0);
+    return numbers.length > 0 ? numbers : null;
+};
+/** `d` may be empty (e.g. a Polygon with no points) — that shape simply
+ * paints nothing, it is not an error. Fill defaults to black, stroke to
+ * none, exactly like react-native-svg. */
+export const buildShapeDescriptor = (d, paint, numbers) => ({
+    kind: "shape",
+    path: d ? Gsk.Path.parse(d) : null,
+    fill: resolveSvgPaint(paint.fill ?? "black"),
+    fillOpacity: numbers.fillOpacity,
+    fillRule: FILL_RULES[paint.fillRule ?? "nonzero"],
+    stroke: resolveSvgPaint(paint.stroke ?? "none"),
+    strokeOpacity: numbers.strokeOpacity,
+    strokeWidth: numbers.strokeWidth,
+    strokeLinecap: LINE_CAPS[paint.strokeLinecap ?? "butt"],
+    strokeLinejoin: LINE_JOINS[paint.strokeLinejoin ?? "miter"],
+    strokeMiterlimit: 4,
+    strokeDasharray: parseDasharray(paint.strokeDasharray),
+    strokeDashoffset: numbers.strokeDashoffset,
+    opacity: numbers.opacity,
+});
+//# sourceMappingURL=paint.js.map

package/dist/components/svg/paint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paint.js","sourceRoot":"","sources":["../../../src/components/svg/paint.ts"],"names":[],"mappings":"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","sourcesContent":["// Shared fill/stroke prop shape and the descriptor builder every shape\n// component (Path/Rect/Circle/Ellipse/Line/Polygon/Polyline) feeds its\n// generated `d` string through. Defaults match react-native-svg: fill\n// defaults to black, stroke to none.\nimport {\n  Gsk,\n  resolveSvgPaint,\n  type SvgShapeDescriptor,\n} from \"../../gtkx/bridge/index\"\n\nexport type SvgFillRule = \"nonzero\" | \"evenodd\"\nexport type SvgLineCap = \"butt\" | \"round\" | \"square\"\nexport type SvgLineJoin = \"miter\" | \"round\" | \"bevel\"\n\nexport type SvgPaintProps = {\n  fill?: string\n  fillRule?: SvgFillRule\n  stroke?: string\n  strokeLinecap?: SvgLineCap\n  strokeLinejoin?: SvgLineJoin\n  strokeDasharray?: string | number[]\n}\n\n// The subset of paint that can be Animated (see animated-support.ts) — kept\n// separate from SvgPaintProps because those fields are always resolved to\n// plain numbers by the caller before this function ever sees them.\nexport type SvgPaintNumbers = {\n  fillOpacity: number\n  strokeOpacity: number\n  strokeWidth: number\n  strokeDashoffset: number\n  opacity: number\n}\n\nexport const DEFAULT_PAINT_NUMBERS: SvgPaintNumbers = {\n  fillOpacity: 1,\n  strokeOpacity: 1,\n  strokeWidth: 1,\n  strokeDashoffset: 0,\n  opacity: 1,\n}\n\nconst FILL_RULES: Record<SvgFillRule, Gsk.FillRule> = {\n  nonzero: Gsk.FillRule.WINDING,\n  evenodd: Gsk.FillRule.EVEN_ODD,\n}\n\nconst LINE_CAPS: Record<SvgLineCap, Gsk.LineCap> = {\n  butt: Gsk.LineCap.BUTT,\n  round: Gsk.LineCap.ROUND,\n  square: Gsk.LineCap.SQUARE,\n}\n\nconst LINE_JOINS: Record<SvgLineJoin, Gsk.LineJoin> = {\n  miter: Gsk.LineJoin.MITER,\n  round: Gsk.LineJoin.ROUND,\n  bevel: Gsk.LineJoin.BEVEL,\n}\n\n// RN-svg accepts both a comma/space-separated string and a number array.\nconst parseDasharray = (\n  value: SvgPaintProps[\"strokeDasharray\"],\n): number[] | null => {\n  if (value === undefined) {\n    return null\n  }\n  const tokens = Array.isArray(value) ? value : value.split(/[\\s,]+/)\n  const numbers = tokens\n    .map((token) =>\n      typeof token === \"number\" ? token : Number.parseFloat(String(token)),\n    )\n    .filter((n) => Number.isFinite(n) && n >= 0)\n  return numbers.length > 0 ? numbers : null\n}\n\n/** `d` may be empty (e.g. a Polygon with no points) — that shape simply\n * paints nothing, it is not an error. Fill defaults to black, stroke to\n * none, exactly like react-native-svg. */\nexport const buildShapeDescriptor = (\n  d: string,\n  paint: SvgPaintProps,\n  numbers: SvgPaintNumbers,\n): SvgShapeDescriptor => ({\n  kind: \"shape\",\n  path: d ? Gsk.Path.parse(d) : null,\n  fill: resolveSvgPaint(paint.fill ?? \"black\"),\n  fillOpacity: numbers.fillOpacity,\n  fillRule: FILL_RULES[paint.fillRule ?? \"nonzero\"],\n  stroke: resolveSvgPaint(paint.stroke ?? \"none\"),\n  strokeOpacity: numbers.strokeOpacity,\n  strokeWidth: numbers.strokeWidth,\n  strokeLinecap: LINE_CAPS[paint.strokeLinecap ?? \"butt\"],\n  strokeLinejoin: LINE_JOINS[paint.strokeLinejoin ?? \"miter\"],\n  strokeMiterlimit: 4,\n  strokeDasharray: parseDasharray(paint.strokeDasharray),\n  strokeDashoffset: numbers.strokeDashoffset,\n  opacity: numbers.opacity,\n})\n"]}

package/dist/components/svg/shapes.d.ts

@@ -0,0 +1,47 @@
+import { type Point } from "../../svg/geometry";
+import type { AnimatableNumber } from "./animated-support";
+import type { SvgPaintProps } from "./paint";
+import { type ShapeNumericPaintProps } from "./use-shape-node";
+type ShapePaintProps = SvgPaintProps & ShapeNumericPaintProps;
+export type PathProps = ShapePaintProps & {
+    d: string;
+};
+export declare const Path: ({ d, fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }: PathProps) => React.JSX.Element;
+export type RectProps = ShapePaintProps & {
+    x?: AnimatableNumber;
+    y?: AnimatableNumber;
+    width: AnimatableNumber;
+    height: AnimatableNumber;
+    rx?: AnimatableNumber;
+    ry?: AnimatableNumber;
+};
+export declare const Rect: ({ x, y, width, height, rx, ry, fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }: RectProps) => React.JSX.Element;
+export type CircleProps = ShapePaintProps & {
+    cx?: AnimatableNumber;
+    cy?: AnimatableNumber;
+    r: AnimatableNumber;
+};
+export declare const Circle: ({ cx, cy, r, fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }: CircleProps) => React.JSX.Element;
+export type EllipseProps = ShapePaintProps & {
+    cx?: AnimatableNumber;
+    cy?: AnimatableNumber;
+    rx: AnimatableNumber;
+    ry: AnimatableNumber;
+};
+export declare const Ellipse: ({ cx, cy, rx, ry, fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }: EllipseProps) => React.JSX.Element;
+export type LineProps = Omit<ShapePaintProps, "fill" | "fillRule"> & {
+    x1?: AnimatableNumber;
+    y1?: AnimatableNumber;
+    x2?: AnimatableNumber;
+    y2?: AnimatableNumber;
+};
+export declare const Line: ({ x1, y1, x2, y2, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }: LineProps) => React.JSX.Element;
+export type PolygonProps = ShapePaintProps & {
+    points: string | Point[];
+};
+export declare const Polygon: ({ points, fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }: PolygonProps) => React.JSX.Element;
+export type PolylineProps = ShapePaintProps & {
+    points: string | Point[];
+};
+export declare const Polyline: ({ points, fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }: PolylineProps) => React.JSX.Element;
+export {};

package/dist/components/svg/shapes.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Path/Rect/Circle/Ellipse/Line/Polygon/Polyline. Each is geometry (fed to
+// the pure src/svg/geometry.ts generators, or passed straight through for
+// Path's `d`) + the shared paint props (paint.ts). Geometry fields may be
+// Animated (see use-shape-node.ts); `d`/`points`/the paint strings are not.
+import { circleToPathData, ellipseToPathData, lineToPathData, polygonToPathData, polylineToPathData, rectToPathData, } from "../../svg/geometry";
+import { SvgNodeElement } from "./node";
+import { useShapeNode } from "./use-shape-node";
+export const Path = ({ d, fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }) => {
+    const widgetRef = useShapeNode("Path", {}, () => d, paint, { fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity }, [d]);
+    return _jsx(SvgNodeElement, { widgetRef: widgetRef });
+};
+export const Rect = ({ x = 0, y = 0, width, height, rx, ry, fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }) => {
+    const geometry = { x, y, width, height };
+    if (rx !== undefined) {
+        geometry.rx = rx;
+    }
+    if (ry !== undefined) {
+        geometry.ry = ry;
+    }
+    const widgetRef = useShapeNode("Rect", geometry, (v) => rectToPathData({
+        x: v.x,
+        y: v.y,
+        width: v.width,
+        height: v.height,
+        rx: v.rx,
+        ry: v.ry,
+    }), paint, { fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity }, []);
+    return _jsx(SvgNodeElement, { widgetRef: widgetRef });
+};
+export const Circle = ({ cx = 0, cy = 0, r, fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }) => {
+    const widgetRef = useShapeNode("Circle", { cx, cy, r }, (v) => circleToPathData(v.cx, v.cy, v.r), paint, { fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity }, []);
+    return _jsx(SvgNodeElement, { widgetRef: widgetRef });
+};
+export const Ellipse = ({ cx = 0, cy = 0, rx, ry, fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }) => {
+    const widgetRef = useShapeNode("Ellipse", { cx, cy, rx, ry }, (v) => ellipseToPathData(v.cx, v.cy, v.rx, v.ry), paint, { fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity }, []);
+    return _jsx(SvgNodeElement, { widgetRef: widgetRef });
+};
+export const Line = ({ x1 = 0, y1 = 0, x2 = 0, y2 = 0, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }) => {
+    const widgetRef = useShapeNode("Line", { x1, y1, x2, y2 }, (v) => lineToPathData(v.x1, v.y1, v.x2, v.y2), { ...paint, fill: "none" }, { strokeOpacity, strokeWidth, strokeDashoffset, opacity }, []);
+    return _jsx(SvgNodeElement, { widgetRef: widgetRef });
+};
+export const Polygon = ({ points, fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }) => {
+    const widgetRef = useShapeNode("Polygon", {}, () => polygonToPathData(points), paint, { fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity }, [points]);
+    return _jsx(SvgNodeElement, { widgetRef: widgetRef });
+};
+export const Polyline = ({ points, fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity, ...paint }) => {
+    const widgetRef = useShapeNode("Polyline", {}, () => polylineToPathData(points), paint, { fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity }, [points]);
+    return _jsx(SvgNodeElement, { widgetRef: widgetRef });
+};
+//# sourceMappingURL=shapes.js.map

package/dist/components/svg/shapes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shapes.js","sourceRoot":"","sources":["../../../src/components/svg/shapes.tsx"],"names":[],"mappings":"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","sourcesContent":["// Path/Rect/Circle/Ellipse/Line/Polygon/Polyline. Each is geometry (fed to\n// the pure src/svg/geometry.ts generators, or passed straight through for\n// Path's `d`) + the shared paint props (paint.ts). Geometry fields may be\n// Animated (see use-shape-node.ts); `d`/`points`/the paint strings are not.\nimport {\n  circleToPathData,\n  ellipseToPathData,\n  lineToPathData,\n  polygonToPathData,\n  polylineToPathData,\n  rectToPathData,\n  type Point,\n} from \"../../svg/geometry\"\nimport type { AnimatableNumber } from \"./animated-support\"\nimport { SvgNodeElement } from \"./node\"\nimport type { SvgPaintProps } from \"./paint\"\nimport { useShapeNode, type ShapeNumericPaintProps } from \"./use-shape-node\"\n\ntype ShapePaintProps = SvgPaintProps & ShapeNumericPaintProps\n\nexport type PathProps = ShapePaintProps & { d: string }\n\nexport const Path = ({\n  d,\n  fillOpacity,\n  strokeOpacity,\n  strokeWidth,\n  strokeDashoffset,\n  opacity,\n  ...paint\n}: PathProps) => {\n  const widgetRef = useShapeNode(\n    \"Path\",\n    {},\n    () => d,\n    paint,\n    { fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity },\n    [d],\n  )\n  return <SvgNodeElement widgetRef={widgetRef} />\n}\n\nexport type RectProps = ShapePaintProps & {\n  x?: AnimatableNumber\n  y?: AnimatableNumber\n  width: AnimatableNumber\n  height: AnimatableNumber\n  rx?: AnimatableNumber\n  ry?: AnimatableNumber\n}\n\nexport const Rect = ({\n  x = 0,\n  y = 0,\n  width,\n  height,\n  rx,\n  ry,\n  fillOpacity,\n  strokeOpacity,\n  strokeWidth,\n  strokeDashoffset,\n  opacity,\n  ...paint\n}: RectProps) => {\n  const geometry: Record<string, AnimatableNumber> = { x, y, width, height }\n  if (rx !== undefined) {\n    geometry.rx = rx\n  }\n  if (ry !== undefined) {\n    geometry.ry = ry\n  }\n  const widgetRef = useShapeNode(\n    \"Rect\",\n    geometry,\n    (v) =>\n      rectToPathData({\n        x: v.x!,\n        y: v.y!,\n        width: v.width!,\n        height: v.height!,\n        rx: v.rx,\n        ry: v.ry,\n      }),\n    paint,\n    { fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity },\n    [],\n  )\n  return <SvgNodeElement widgetRef={widgetRef} />\n}\n\nexport type CircleProps = ShapePaintProps & {\n  cx?: AnimatableNumber\n  cy?: AnimatableNumber\n  r: AnimatableNumber\n}\n\nexport const Circle = ({\n  cx = 0,\n  cy = 0,\n  r,\n  fillOpacity,\n  strokeOpacity,\n  strokeWidth,\n  strokeDashoffset,\n  opacity,\n  ...paint\n}: CircleProps) => {\n  const widgetRef = useShapeNode(\n    \"Circle\",\n    { cx, cy, r },\n    (v) => circleToPathData(v.cx!, v.cy!, v.r!),\n    paint,\n    { fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity },\n    [],\n  )\n  return <SvgNodeElement widgetRef={widgetRef} />\n}\n\nexport type EllipseProps = ShapePaintProps & {\n  cx?: AnimatableNumber\n  cy?: AnimatableNumber\n  rx: AnimatableNumber\n  ry: AnimatableNumber\n}\n\nexport const Ellipse = ({\n  cx = 0,\n  cy = 0,\n  rx,\n  ry,\n  fillOpacity,\n  strokeOpacity,\n  strokeWidth,\n  strokeDashoffset,\n  opacity,\n  ...paint\n}: EllipseProps) => {\n  const widgetRef = useShapeNode(\n    \"Ellipse\",\n    { cx, cy, rx, ry },\n    (v) => ellipseToPathData(v.cx!, v.cy!, v.rx!, v.ry!),\n    paint,\n    { fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity },\n    [],\n  )\n  return <SvgNodeElement widgetRef={widgetRef} />\n}\n\n// Line never fills (a zero-area contour) — the `fill` prop is intentionally\n// not part of LineProps at all rather than silently ignored.\nexport type LineProps = Omit<ShapePaintProps, \"fill\" | \"fillRule\"> & {\n  x1?: AnimatableNumber\n  y1?: AnimatableNumber\n  x2?: AnimatableNumber\n  y2?: AnimatableNumber\n}\n\nexport const Line = ({\n  x1 = 0,\n  y1 = 0,\n  x2 = 0,\n  y2 = 0,\n  strokeOpacity,\n  strokeWidth,\n  strokeDashoffset,\n  opacity,\n  ...paint\n}: LineProps) => {\n  const widgetRef = useShapeNode(\n    \"Line\",\n    { x1, y1, x2, y2 },\n    (v) => lineToPathData(v.x1!, v.y1!, v.x2!, v.y2!),\n    { ...paint, fill: \"none\" },\n    { strokeOpacity, strokeWidth, strokeDashoffset, opacity },\n    [],\n  )\n  return <SvgNodeElement widgetRef={widgetRef} />\n}\n\n// points is a plain string/array (not part of the Animated field set — same\n// cut as Path's `d`, see epic.md).\nexport type PolygonProps = ShapePaintProps & { points: string | Point[] }\n\nexport const Polygon = ({\n  points,\n  fillOpacity,\n  strokeOpacity,\n  strokeWidth,\n  strokeDashoffset,\n  opacity,\n  ...paint\n}: PolygonProps) => {\n  const widgetRef = useShapeNode(\n    \"Polygon\",\n    {},\n    () => polygonToPathData(points),\n    paint,\n    { fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity },\n    [points],\n  )\n  return <SvgNodeElement widgetRef={widgetRef} />\n}\n\nexport type PolylineProps = ShapePaintProps & { points: string | Point[] }\n\nexport const Polyline = ({\n  points,\n  fillOpacity,\n  strokeOpacity,\n  strokeWidth,\n  strokeDashoffset,\n  opacity,\n  ...paint\n}: PolylineProps) => {\n  const widgetRef = useShapeNode(\n    \"Polyline\",\n    {},\n    () => polylineToPathData(points),\n    paint,\n    { fillOpacity, strokeOpacity, strokeWidth, strokeDashoffset, opacity },\n    [points],\n  )\n  return <SvgNodeElement widgetRef={widgetRef} />\n}\n"]}

package/dist/components/svg/svg.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+import type { DimensionValue, StyleProp } from "../../contracts";
+import { type LayoutEvent } from "../use-layout-child";
+export type SvgProps = {
+    width?: DimensionValue;
+    height?: DimensionValue;
+    viewBox?: string;
+    preserveAspectRatio?: string;
+    style?: StyleProp;
+    onLayout?: (event: LayoutEvent) => void;
+    testID?: string;
+    children?: ReactNode;
+};
+export declare const Svg: ({ width, height, viewBox, preserveAspectRatio, style, onLayout, testID, children, }: SvgProps) => React.JSX.Element;

package/dist/components/svg/svg.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// <Svg> — the one part of this API that touches Yoga at all. Sized purely
+// by style (width/height/flex), no measureFromWidget: same precedent as
+// Image (verified while researching the epic — Image does not introspect
+// GtkPicture's natural size either, it is entirely style-driven). viewBox +
+// preserveAspectRatio only reshape the coordinate space INSIDE the
+// allocated rect; Yoga never sees them.
+import { useLayoutEffect, useMemo, useRef, } from "react";
+import { getSvgNodeComponent, queueSvgRedraw, setSvgNodeDescriptor, } from "../../gtkx/bridge/index";
+import { parsePreserveAspectRatio, parseViewBox } from "../../svg/view-box";
+import { useLayoutChild } from "../use-layout-child";
+import { SvgRootContext } from "./context";
+export const Svg = ({ width, height, viewBox, preserveAspectRatio, style, onLayout, testID, children, }) => {
+    const widgetRef = useRef(null);
+    // width/height are RN-svg convenience props layered onto style, the same
+    // relationship style has to every other layout prop in this codebase.
+    const sizeStyle = useMemo(() => width === undefined && height === undefined ? null : { width, height }, [width, height]);
+    const { cssClass } = useLayoutChild(widgetRef, {
+        style: [style, sizeStyle],
+        onLayout,
+    });
+    const parsedViewBox = useMemo(() => parseViewBox(viewBox), [viewBox]);
+    const parsedPreserveAspectRatio = useMemo(() => parsePreserveAspectRatio(preserveAspectRatio), [preserveAspectRatio]);
+    useLayoutEffect(() => {
+        const widget = widgetRef.current;
+        if (!widget) {
+            return;
+        }
+        setSvgNodeDescriptor(widget, {
+            kind: "svg",
+            viewBox: parsedViewBox,
+            preserveAspectRatio: parsedPreserveAspectRatio,
+        });
+        queueSvgRedraw(widget);
+    }, [parsedViewBox, parsedPreserveAspectRatio]);
+    const contextValue = useMemo(() => ({
+        rootRef: widgetRef,
+        requestRedraw: () => {
+            const widget = widgetRef.current;
+            if (widget) {
+                queueSvgRedraw(widget);
+            }
+        },
+    }), []);
+    const SvgElement = getSvgNodeComponent();
+    return (_jsx(SvgElement, { ref: widgetRef, name: testID, cssClasses: cssClass ? [cssClass] : [], children: _jsx(SvgRootContext.Provider, { value: contextValue, children: children }) }));
+};
+//# sourceMappingURL=svg.js.map

package/dist/components/svg/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../src/components/svg/svg.tsx"],"names":[],"mappings":";AAAA,0EAA0E;AAC1E,wEAAwE;AACxE,yEAAyE;AACzE,4EAA4E;AAC5E,mEAAmE;AACnE,wCAAwC;AACxC,OAAO,EACL,eAAe,EACf,OAAO,EACP,MAAM,GAGP,MAAM,OAAO,CAAA;AAEd,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GAErB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EAAE,cAAc,EAAoB,MAAM,qBAAqB,CAAA;AACtE,OAAO,EAAE,cAAc,EAA4B,MAAM,WAAW,CAAA;AAsBpE,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,KAAK,EACL,MAAM,EACN,OAAO,EACP,mBAAmB,EACnB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,GACC,EAAE,EAAE;IACb,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAEjD,yEAAyE;IACzE,sEAAsE;IACtE,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CACH,KAAK,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EACxE,CAAC,KAAK,EAAE,MAAM,CAAC,CAChB,CAAA;IACD,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC,SAAS,EAAE;QAC7C,KAAK,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;QACzB,QAAQ;KACT,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACrE,MAAM,yBAAyB,GAAG,OAAO,CACvC,GAAG,EAAE,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,EACnD,CAAC,mBAAmB,CAAC,CACtB,CAAA;IAED,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAA;QAChC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,oBAAoB,CAAC,MAAM,EAAE;YAC3B,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,aAAa;YACtB,mBAAmB,EAAE,yBAAyB;SAC/C,CAAC,CAAA;QACF,cAAc,CAAC,MAAM,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAC,CAAA;IAE9C,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,GAAG,EAAE;YAClB,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAA;YAChC,IAAI,MAAM,EAAE,CAAC;gBACX,cAAc,CAAC,MAAM,CAAC,CAAA;YACxB,CAAC;QACH,CAAC;KACF,CAAC,EACF,EAAE,CACH,CAAA;IAED,MAAM,UAAU,GAAG,mBAAmB,EAAoC,CAAA;IAC1E,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,YAEtC,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACzC,QAAQ,GACe,GACf,CACd,CAAA;AACH,CAAC,CAAA","sourcesContent":["// <Svg> — the one part of this API that touches Yoga at all. Sized purely\n// by style (width/height/flex), no measureFromWidget: same precedent as\n// Image (verified while researching the epic — Image does not introspect\n// GtkPicture's natural size either, it is entirely style-driven). viewBox +\n// preserveAspectRatio only reshape the coordinate space INSIDE the\n// allocated rect; Yoga never sees them.\nimport {\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  type ReactNode,\n  type RefObject,\n} from \"react\"\nimport type { DimensionValue, StyleProp } from \"../../contracts\"\nimport {\n  getSvgNodeComponent,\n  queueSvgRedraw,\n  setSvgNodeDescriptor,\n  type Gtk,\n} from \"../../gtkx/bridge/index\"\nimport { parsePreserveAspectRatio, parseViewBox } from \"../../svg/view-box\"\nimport { useLayoutChild, type LayoutEvent } from \"../use-layout-child\"\nimport { SvgRootContext, type SvgRootContextValue } from \"./context\"\n\nexport type SvgProps = {\n  width?: DimensionValue\n  height?: DimensionValue\n  viewBox?: string\n  preserveAspectRatio?: string\n  style?: StyleProp\n  onLayout?: (event: LayoutEvent) => void\n  testID?: string\n  children?: ReactNode\n}\n\ntype SvgElementProps = {\n  ref?: RefObject<Gtk.Widget | null> | null\n  name?: string\n  cssClasses?: string[]\n  children?: ReactNode\n}\n\ntype SvgElementComponent = (props: SvgElementProps) => ReactNode\n\nexport const Svg = ({\n  width,\n  height,\n  viewBox,\n  preserveAspectRatio,\n  style,\n  onLayout,\n  testID,\n  children,\n}: SvgProps) => {\n  const widgetRef = useRef<Gtk.Widget | null>(null)\n\n  // width/height are RN-svg convenience props layered onto style, the same\n  // relationship style has to every other layout prop in this codebase.\n  const sizeStyle = useMemo(\n    () =>\n      width === undefined && height === undefined ? null : { width, height },\n    [width, height],\n  )\n  const { cssClass } = useLayoutChild(widgetRef, {\n    style: [style, sizeStyle],\n    onLayout,\n  })\n\n  const parsedViewBox = useMemo(() => parseViewBox(viewBox), [viewBox])\n  const parsedPreserveAspectRatio = useMemo(\n    () => parsePreserveAspectRatio(preserveAspectRatio),\n    [preserveAspectRatio],\n  )\n\n  useLayoutEffect(() => {\n    const widget = widgetRef.current\n    if (!widget) {\n      return\n    }\n    setSvgNodeDescriptor(widget, {\n      kind: \"svg\",\n      viewBox: parsedViewBox,\n      preserveAspectRatio: parsedPreserveAspectRatio,\n    })\n    queueSvgRedraw(widget)\n  }, [parsedViewBox, parsedPreserveAspectRatio])\n\n  const contextValue = useMemo<SvgRootContextValue>(\n    () => ({\n      rootRef: widgetRef,\n      requestRedraw: () => {\n        const widget = widgetRef.current\n        if (widget) {\n          queueSvgRedraw(widget)\n        }\n      },\n    }),\n    [],\n  )\n\n  const SvgElement = getSvgNodeComponent() as unknown as SvgElementComponent\n  return (\n    <SvgElement\n      ref={widgetRef}\n      name={testID}\n      cssClasses={cssClass ? [cssClass] : []}\n    >\n      <SvgRootContext.Provider value={contextValue}>\n        {children}\n      </SvgRootContext.Provider>\n    </SvgElement>\n  )\n}\n"]}

package/dist/components/svg/use-shape-node.d.ts

@@ -0,0 +1,12 @@
+import { type RefObject } from "react";
+import { type Gtk } from "../../gtkx/bridge/index";
+import { type AnimatableNumber } from "./animated-support";
+import { type SvgPaintProps } from "./paint";
+export type ShapeNumericPaintProps = {
+    fillOpacity?: AnimatableNumber;
+    strokeOpacity?: AnimatableNumber;
+    strokeWidth?: AnimatableNumber;
+    strokeDashoffset?: AnimatableNumber;
+    opacity?: AnimatableNumber;
+};
+export declare const useShapeNode: (componentName: string, geometry: Record<string, AnimatableNumber>, computeD: (resolvedGeometry: Record<string, number>) => string, paint: SvgPaintProps, numeric: ShapeNumericPaintProps, extraDeps: readonly unknown[]) => RefObject<Gtk.Widget | null>;

package/dist/components/svg/use-shape-node.js

@@ -0,0 +1,52 @@
+// Shared plumbing for every shape component (Path/Rect/Circle/Ellipse/Line/
+// Polygon/Polyline): resolves geometry + numeric paint fields (any of which
+// may be Animated), builds the `d` string and the descriptor, writes it, and
+// requests a redraw. `extraDeps` must list every non-numeric prop `computeD`
+// or `paint` close over (a plain string like `d`/`points`/`fill` changing is
+// not itself part of the Animated field set, but must still re-run `build`).
+import { useRef } from "react";
+import { setSvgNodeDescriptor } from "../../gtkx/bridge/index";
+import { useAnimatedShapeBuild, } from "./animated-support";
+import { useSvgRoot } from "./context";
+import { buildShapeDescriptor, DEFAULT_PAINT_NUMBERS, } from "./paint";
+export const useShapeNode = (componentName, geometry, computeD, paint, numeric, extraDeps) => {
+    const widgetRef = useRef(null);
+    const { requestRedraw } = useSvgRoot(componentName);
+    const geometryKeys = Object.keys(geometry);
+    const fields = {
+        ...geometry,
+        fillOpacity: numeric.fillOpacity ?? DEFAULT_PAINT_NUMBERS.fillOpacity,
+        strokeOpacity: numeric.strokeOpacity ?? DEFAULT_PAINT_NUMBERS.strokeOpacity,
+        strokeWidth: numeric.strokeWidth ?? DEFAULT_PAINT_NUMBERS.strokeWidth,
+        strokeDashoffset: numeric.strokeDashoffset ?? DEFAULT_PAINT_NUMBERS.strokeDashoffset,
+        opacity: numeric.opacity ?? DEFAULT_PAINT_NUMBERS.opacity,
+    };
+    useAnimatedShapeBuild(fields, (resolved) => {
+        const widget = widgetRef.current;
+        if (!widget) {
+            return;
+        }
+        const geometryValues = {};
+        for (const key of geometryKeys) {
+            geometryValues[key] = resolved[key];
+        }
+        setSvgNodeDescriptor(widget, buildShapeDescriptor(computeD(geometryValues), paint, {
+            fillOpacity: resolved.fillOpacity,
+            strokeOpacity: resolved.strokeOpacity,
+            strokeWidth: resolved.strokeWidth,
+            strokeDashoffset: resolved.strokeDashoffset,
+            opacity: resolved.opacity,
+        }));
+        requestRedraw();
+    }, [
+        paint.fill,
+        paint.fillRule,
+        paint.stroke,
+        paint.strokeLinecap,
+        paint.strokeLinejoin,
+        paint.strokeDasharray,
+        ...extraDeps,
+    ]);
+    return widgetRef;
+};
+//# sourceMappingURL=use-shape-node.js.map

package/dist/components/svg/use-shape-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-shape-node.js","sourceRoot":"","sources":["../../../src/components/svg/use-shape-node.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,4EAA4E;AAC5E,6EAA6E;AAC7E,6EAA6E;AAC7E,6EAA6E;AAC7E,6EAA6E;AAC7E,OAAO,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAY,MAAM,yBAAyB,CAAA;AACxE,OAAO,EACL,qBAAqB,GAEtB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GAEtB,MAAM,SAAS,CAAA;AAUhB,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,aAAqB,EACrB,QAA0C,EAC1C,QAA8D,EAC9D,KAAoB,EACpB,OAA+B,EAC/B,SAA6B,EACC,EAAE;IAChC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IACjD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IACnD,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAE1C,MAAM,MAAM,GAAqC;QAC/C,GAAG,QAAQ;QACX,WAAW,EAAE,OAAO,CAAC,WAAW,IAAI,qBAAqB,CAAC,WAAW;QACrE,aAAa,EAAE,OAAO,CAAC,aAAa,IAAI,qBAAqB,CAAC,aAAa;QAC3E,WAAW,EAAE,OAAO,CAAC,WAAW,IAAI,qBAAqB,CAAC,WAAW;QACrE,gBAAgB,EACd,OAAO,CAAC,gBAAgB,IAAI,qBAAqB,CAAC,gBAAgB;QACpE,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,qBAAqB,CAAC,OAAO;KAC1D,CAAA;IAED,qBAAqB,CACnB,MAAM,EACN,CAAC,QAAQ,EAAE,EAAE;QACX,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAA;QAChC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,MAAM,cAAc,GAA2B,EAAE,CAAA;QACjD,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE,CAAC;YAC/B,cAAc,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAE,CAAA;QACtC,CAAC;QACD,oBAAoB,CAClB,MAAM,EACN,oBAAoB,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE;YACpD,WAAW,EAAE,QAAQ,CAAC,WAAY;YAClC,aAAa,EAAE,QAAQ,CAAC,aAAc;YACtC,WAAW,EAAE,QAAQ,CAAC,WAAY;YAClC,gBAAgB,EAAE,QAAQ,CAAC,gBAAiB;YAC5C,OAAO,EAAE,QAAQ,CAAC,OAAQ;SAC3B,CAAC,CACH,CAAA;QACD,aAAa,EAAE,CAAA;IACjB,CAAC,EACD;QACE,KAAK,CAAC,IAAI;QACV,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,MAAM;QACZ,KAAK,CAAC,aAAa;QACnB,KAAK,CAAC,cAAc;QACpB,KAAK,CAAC,eAAe;QACrB,GAAG,SAAS;KACb,CACF,CAAA;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA","sourcesContent":["// Shared plumbing for every shape component (Path/Rect/Circle/Ellipse/Line/\n// Polygon/Polyline): resolves geometry + numeric paint fields (any of which\n// may be Animated), builds the `d` string and the descriptor, writes it, and\n// requests a redraw. `extraDeps` must list every non-numeric prop `computeD`\n// or `paint` close over (a plain string like `d`/`points`/`fill` changing is\n// not itself part of the Animated field set, but must still re-run `build`).\nimport { useRef, type RefObject } from \"react\"\nimport { setSvgNodeDescriptor, type Gtk } from \"../../gtkx/bridge/index\"\nimport {\n  useAnimatedShapeBuild,\n  type AnimatableNumber,\n} from \"./animated-support\"\nimport { useSvgRoot } from \"./context\"\nimport {\n  buildShapeDescriptor,\n  DEFAULT_PAINT_NUMBERS,\n  type SvgPaintProps,\n} from \"./paint\"\n\nexport type ShapeNumericPaintProps = {\n  fillOpacity?: AnimatableNumber\n  strokeOpacity?: AnimatableNumber\n  strokeWidth?: AnimatableNumber\n  strokeDashoffset?: AnimatableNumber\n  opacity?: AnimatableNumber\n}\n\nexport const useShapeNode = (\n  componentName: string,\n  geometry: Record<string, AnimatableNumber>,\n  computeD: (resolvedGeometry: Record<string, number>) => string,\n  paint: SvgPaintProps,\n  numeric: ShapeNumericPaintProps,\n  extraDeps: readonly unknown[],\n): RefObject<Gtk.Widget | null> => {\n  const widgetRef = useRef<Gtk.Widget | null>(null)\n  const { requestRedraw } = useSvgRoot(componentName)\n  const geometryKeys = Object.keys(geometry)\n\n  const fields: Record<string, AnimatableNumber> = {\n    ...geometry,\n    fillOpacity: numeric.fillOpacity ?? DEFAULT_PAINT_NUMBERS.fillOpacity,\n    strokeOpacity: numeric.strokeOpacity ?? DEFAULT_PAINT_NUMBERS.strokeOpacity,\n    strokeWidth: numeric.strokeWidth ?? DEFAULT_PAINT_NUMBERS.strokeWidth,\n    strokeDashoffset:\n      numeric.strokeDashoffset ?? DEFAULT_PAINT_NUMBERS.strokeDashoffset,\n    opacity: numeric.opacity ?? DEFAULT_PAINT_NUMBERS.opacity,\n  }\n\n  useAnimatedShapeBuild(\n    fields,\n    (resolved) => {\n      const widget = widgetRef.current\n      if (!widget) {\n        return\n      }\n      const geometryValues: Record<string, number> = {}\n      for (const key of geometryKeys) {\n        geometryValues[key] = resolved[key]!\n      }\n      setSvgNodeDescriptor(\n        widget,\n        buildShapeDescriptor(computeD(geometryValues), paint, {\n          fillOpacity: resolved.fillOpacity!,\n          strokeOpacity: resolved.strokeOpacity!,\n          strokeWidth: resolved.strokeWidth!,\n          strokeDashoffset: resolved.strokeDashoffset!,\n          opacity: resolved.opacity!,\n        }),\n      )\n      requestRedraw()\n    },\n    [\n      paint.fill,\n      paint.fillRule,\n      paint.stroke,\n      paint.strokeLinecap,\n      paint.strokeLinejoin,\n      paint.strokeDasharray,\n      ...extraDeps,\n    ],\n  )\n\n  return widgetRef\n}\n"]}

package/dist/components/text.js

@@ -33,10 +33,19 @@ export const Text = ({ style, onLayout, numberOfLines, children, testID, }) => {
     const measuredLines = useRef(1);
     const measure = useMemo(() => {
         return (width, widthMode) => {
-            const natural = measureWidget(probe, "horizontal").natural;
+            const { minimum, natural } = measureWidget(probe, "horizontal");
+            // Floor at the probe's own minimum width, not at 1: gtk_widget_measure()
+            // clamps a height-for-width query up to the widget's minimum before
+            // computing regardless of what we pass (logging "Trying to measure
+            // GtkLabel for width of N, but it needs at least M" while doing it), so
+            // asking for anything below `minimum` was never honored — the height
+            // below was already being computed at `minimum`, not at our `used`.
+            // Clamping here ourselves gets the same height GTK would give us
+            // anyway, keeps the returned width consistent with it, and drops the
+            // warning as a side effect rather than the goal.
             const used = widthMode === "undefined"
                 ? natural
-                : Math.min(natural, Math.max(1, Math.floor(width)));
+                : Math.min(natural, Math.max(minimum, Math.floor(width)));
             const height = measureWidget(probe, "vertical", used).natural;
             const singleLine = measureWidget(probe, "vertical", natural).natural;
             measuredLines.current =

package/dist/components/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/components/text.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\"\nimport { textAlignToLabelProps } from \"../style/index\"\nimport type { MeasureFn, StyleProp } from \"../contracts\"\nimport {\n  createTextProbe,\n  Gtk,\n  GtkLabel,\n  measureWidget,\n  Pango,\n} from \"../gtkx/bridge/index\"\nimport { useLayoutChild, type LayoutEvent } from \"./use-layout-child\"\n\nexport type TextProps = {\n  style?: StyleProp\n  onLayout?: (event: LayoutEvent) => void\n  numberOfLines?: number\n  children?: ReactNode\n  testID?: string\n}\n\nconst flattenToString = (children: ReactNode): string => {\n  if (children === null || children === undefined || children === false) {\n    return \"\"\n  }\n  if (Array.isArray(children)) {\n    return children.map(flattenToString).join(\"\")\n  }\n  return String(children)\n}\n\nconst JUSTIFICATION = {\n  left: Gtk.Justification.LEFT,\n  right: Gtk.Justification.RIGHT,\n  center: Gtk.Justification.CENTER,\n  fill: Gtk.Justification.FILL,\n} as const\n\n// Text is a measured Yoga leaf: an offscreen probe label (with the same CSS\n// class, so fonts match) feeds Pango metrics into the layout engine; the\n// visible GtkLabel is positioned by the commit hook like any other widget.\nexport const Text = ({\n  style,\n  onLayout,\n  numberOfLines,\n  children,\n  testID,\n}: TextProps) => {\n  const widgetRef = useRef<Gtk.Label | null>(null)\n  const text = flattenToString(children)\n\n  // useState lazy init — see the note in use-layout-child.ts (React Compiler).\n  const [probe] = useState<Gtk.Label>(() => createTextProbe())\n\n  const lastProbeClass = useRef<string | null>(null)\n\n  // GTK collapses wrap+ellipsize labels to a single line unless `lines` is\n  // set explicitly — remember how many lines the probe wrapped into, the\n  // layout callback pushes it onto the visible label.\n  const measuredLines = useRef(1)\n\n  const measure = useMemo<MeasureFn>(() => {\n    return (width, widthMode) => {\n      const natural = measureWidget(probe, \"horizontal\").natural\n      const used =\n        widthMode === \"undefined\"\n          ? natural\n          : Math.min(natural, Math.max(1, Math.floor(width)))\n      const height = measureWidget(probe, \"vertical\", used).natural\n      const singleLine = measureWidget(probe, \"vertical\", natural).natural\n      measuredLines.current =\n        singleLine > 0 ? Math.max(1, Math.round(height / singleLine)) : 1\n      return { width: used, height }\n    }\n    // The probe is stable; re-measure is triggered via markDirty below.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const layoutWithLines = useMemo(\n    () => (event: LayoutEvent) => {\n      const label = widgetRef.current\n      if (label) {\n        label.setLines(numberOfLines ?? measuredLines.current)\n      }\n      onLayout?.(event)\n    },\n    [numberOfLines, onLayout],\n  )\n\n  const { node, cssClass, flat } = useLayoutChild(widgetRef, {\n    style,\n    onLayout: layoutWithLines,\n    measure,\n  })\n\n  // RN text clips to its box: an under-allocated GtkLabel would otherwise\n  // paint its full text past the allocation (spike finding). Containers keep\n  // overflow VISIBLE (paint-overflow); the text leaf clips.\n  useLayoutEffect(() => {\n    widgetRef.current?.setOverflow(Gtk.Overflow.HIDDEN)\n  }, [])\n\n  // Keep the probe in sync with everything that affects metrics, then\n  // invalidate the Yoga leaf so the next pass re-measures.\n  useLayoutEffect(() => {\n    probe.setText(text)\n    if (numberOfLines !== undefined) {\n      probe.setLines(numberOfLines)\n      probe.setEllipsize(Pango.EllipsizeMode.END)\n    } else {\n      probe.setLines(-1)\n      probe.setEllipsize(Pango.EllipsizeMode.NONE)\n    }\n    if (lastProbeClass.current !== cssClass) {\n      if (lastProbeClass.current) {\n        probe.removeCssClass(lastProbeClass.current)\n      }\n      if (cssClass) {\n        probe.addCssClass(cssClass)\n      }\n      lastProbeClass.current = cssClass\n    }\n    node.markDirty()\n  }, [probe, node, text, numberOfLines, cssClass])\n\n  const align = textAlignToLabelProps(flat.textAlign)\n\n  return (\n    <GtkLabel\n      ref={widgetRef}\n      name={testID}\n      label={text}\n      wrap\n      xalign={align.xalign}\n      yalign={0}\n      justify={JUSTIFICATION[align.justification]}\n      lines={numberOfLines}\n      // RN semantics: the ellipsis is opt-in via numberOfLines. Plain text\n      // wraps naturally; an unbreakable word wider than the rect just clips\n      // (overflow HIDDEN above) — the layout manager allocates the rect\n      // regardless of the label's own minimum, so nothing pushes siblings.\n      ellipsize={\n        numberOfLines !== undefined\n          ? Pango.EllipsizeMode.END\n          : Pango.EllipsizeMode.NONE\n      }\n      cssClasses={cssClass ? [cssClass] : []}\n    />\n  )\n}\n"]}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/components/text.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\"\nimport { textAlignToLabelProps } from \"../style/index\"\nimport type { MeasureFn, StyleProp } from \"../contracts\"\nimport {\n  createTextProbe,\n  Gtk,\n  GtkLabel,\n  measureWidget,\n  Pango,\n} from \"../gtkx/bridge/index\"\nimport { useLayoutChild, type LayoutEvent } from \"./use-layout-child\"\n\nexport type TextProps = {\n  style?: StyleProp\n  onLayout?: (event: LayoutEvent) => void\n  numberOfLines?: number\n  children?: ReactNode\n  testID?: string\n}\n\nconst flattenToString = (children: ReactNode): string => {\n  if (children === null || children === undefined || children === false) {\n    return \"\"\n  }\n  if (Array.isArray(children)) {\n    return children.map(flattenToString).join(\"\")\n  }\n  return String(children)\n}\n\nconst JUSTIFICATION = {\n  left: Gtk.Justification.LEFT,\n  right: Gtk.Justification.RIGHT,\n  center: Gtk.Justification.CENTER,\n  fill: Gtk.Justification.FILL,\n} as const\n\n// Text is a measured Yoga leaf: an offscreen probe label (with the same CSS\n// class, so fonts match) feeds Pango metrics into the layout engine; the\n// visible GtkLabel is positioned by the commit hook like any other widget.\nexport const Text = ({\n  style,\n  onLayout,\n  numberOfLines,\n  children,\n  testID,\n}: TextProps) => {\n  const widgetRef = useRef<Gtk.Label | null>(null)\n  const text = flattenToString(children)\n\n  // useState lazy init — see the note in use-layout-child.ts (React Compiler).\n  const [probe] = useState<Gtk.Label>(() => createTextProbe())\n\n  const lastProbeClass = useRef<string | null>(null)\n\n  // GTK collapses wrap+ellipsize labels to a single line unless `lines` is\n  // set explicitly — remember how many lines the probe wrapped into, the\n  // layout callback pushes it onto the visible label.\n  const measuredLines = useRef(1)\n\n  const measure = useMemo<MeasureFn>(() => {\n    return (width, widthMode) => {\n      const { minimum, natural } = measureWidget(probe, \"horizontal\")\n      // Floor at the probe's own minimum width, not at 1: gtk_widget_measure()\n      // clamps a height-for-width query up to the widget's minimum before\n      // computing regardless of what we pass (logging \"Trying to measure\n      // GtkLabel for width of N, but it needs at least M\" while doing it), so\n      // asking for anything below `minimum` was never honored — the height\n      // below was already being computed at `minimum`, not at our `used`.\n      // Clamping here ourselves gets the same height GTK would give us\n      // anyway, keeps the returned width consistent with it, and drops the\n      // warning as a side effect rather than the goal.\n      const used =\n        widthMode === \"undefined\"\n          ? natural\n          : Math.min(natural, Math.max(minimum, Math.floor(width)))\n      const height = measureWidget(probe, \"vertical\", used).natural\n      const singleLine = measureWidget(probe, \"vertical\", natural).natural\n      measuredLines.current =\n        singleLine > 0 ? Math.max(1, Math.round(height / singleLine)) : 1\n      return { width: used, height }\n    }\n    // The probe is stable; re-measure is triggered via markDirty below.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const layoutWithLines = useMemo(\n    () => (event: LayoutEvent) => {\n      const label = widgetRef.current\n      if (label) {\n        label.setLines(numberOfLines ?? measuredLines.current)\n      }\n      onLayout?.(event)\n    },\n    [numberOfLines, onLayout],\n  )\n\n  const { node, cssClass, flat } = useLayoutChild(widgetRef, {\n    style,\n    onLayout: layoutWithLines,\n    measure,\n  })\n\n  // RN text clips to its box: an under-allocated GtkLabel would otherwise\n  // paint its full text past the allocation (spike finding). Containers keep\n  // overflow VISIBLE (paint-overflow); the text leaf clips.\n  useLayoutEffect(() => {\n    widgetRef.current?.setOverflow(Gtk.Overflow.HIDDEN)\n  }, [])\n\n  // Keep the probe in sync with everything that affects metrics, then\n  // invalidate the Yoga leaf so the next pass re-measures.\n  useLayoutEffect(() => {\n    probe.setText(text)\n    if (numberOfLines !== undefined) {\n      probe.setLines(numberOfLines)\n      probe.setEllipsize(Pango.EllipsizeMode.END)\n    } else {\n      probe.setLines(-1)\n      probe.setEllipsize(Pango.EllipsizeMode.NONE)\n    }\n    if (lastProbeClass.current !== cssClass) {\n      if (lastProbeClass.current) {\n        probe.removeCssClass(lastProbeClass.current)\n      }\n      if (cssClass) {\n        probe.addCssClass(cssClass)\n      }\n      lastProbeClass.current = cssClass\n    }\n    node.markDirty()\n  }, [probe, node, text, numberOfLines, cssClass])\n\n  const align = textAlignToLabelProps(flat.textAlign)\n\n  return (\n    <GtkLabel\n      ref={widgetRef}\n      name={testID}\n      label={text}\n      wrap\n      xalign={align.xalign}\n      yalign={0}\n      justify={JUSTIFICATION[align.justification]}\n      lines={numberOfLines}\n      // RN semantics: the ellipsis is opt-in via numberOfLines. Plain text\n      // wraps naturally; an unbreakable word wider than the rect just clips\n      // (overflow HIDDEN above) — the layout manager allocates the rect\n      // regardless of the label's own minimum, so nothing pushes siblings.\n      ellipsize={\n        numberOfLines !== undefined\n          ? Pango.EllipsizeMode.END\n          : Pango.EllipsizeMode.NONE\n      }\n      cssClasses={cssClass ? [cssClass] : []}\n    />\n  )\n}\n"]}

package/dist/components/use-layout-child.js

@@ -4,7 +4,7 @@ import { defaultCssRegistry } from "../style/registry.gtkx";
 import { allocateChild, attachRnLayout, detachRnLayout, measureWidget, queueAllocate, queueResize, } from "../gtkx/bridge/index";
 import { perfAddTime, perfBurst, perfCount, perfEnabled, perfNow, } from "../perf";
 import { useHostNode } from "./host-node";
-import { deferDuringAllocate, getStoredOffset, getStoredRect, setStoredRect, } from "./rect-store";
+import { deferDuringAllocate, getStoredOffset, getStoredRect, setStoredRect, setStoredTransform, } from "./rect-store";
 // Perf: sizeAllocate recurses synchronously into child containers, so a
 // naive per-pass timer double-counts nested passes. Track depth and time
 // only the outermost (top-level) allocate — that is the real wall time GTK
@@ -32,6 +32,25 @@ export const useLayoutChild = (widgetRef, options) => {
         node.setStyle(JSON.parse(layoutKey));
     }, [node, layoutKey]);
     const cssClass = defaultCssRegistry.getClassName(visual);
+    // RN transforms are visual only: the widget keeps the box Yoga gave it, so
+    // a transform never touches the shadow tree — it only asks the parent
+    // container to run its allocate hook again. Keyed on the serialized array
+    // so a re-render with the same transform costs nothing.
+    // (Animated.View owns its own transform and strips it from the static
+    // style before it gets here, so the two writers never race.)
+    const transformKey = JSON.stringify(visual.transform ?? null);
+    useLayoutEffect(() => {
+        const widget = widgetRef.current;
+        if (!widget) {
+            return;
+        }
+        setStoredTransform(widget, JSON.parse(transformKey));
+        const parentWidget = host.widgetRef.current;
+        if (parentWidget) {
+            queueAllocate(parentWidget);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [transformKey]);
     useLayoutEffect(() => {
         const parent = host.node;
         // The reconciler has already attached our widget in JSX order, so its
@@ -59,6 +78,26 @@ export const useLayoutChild = (widgetRef, options) => {
                 return;
             }
             const previous = getStoredRect(widget);
+            // A commit does not imply a change. The engine filters unchanged nodes
+            // out of the walk, EXCEPT nodes carrying a measure function — every
+            // Text leaf, every intrinsic widget — which it must still visit. Those
+            // then arrive here with the rect they already have, and queueing an
+            // allocation for them makes GTK re-allocate and re-snapshot the whole
+            // container for nothing.
+            //
+            // The cost of that is not academic: it scales with children × painted
+            // area. Measured on a 500-row list, maximized, windowSize 11 — 801
+            // live nodes — the frame average was 40.4 ms against 15.7 ms windowed,
+            // while neither 777 nodes in a small window nor 205 nodes maximized
+            // cost anything. Only the product hurts, and this is where we inflate
+            // the first factor.
+            if (previous &&
+                previous.x === rect.x &&
+                previous.y === rect.y &&
+                previous.width === rect.width &&
+                previous.height === rect.height) {
+                return;
+            }
             setStoredRect(widget, rect);
             const sizeChanged = !previous ||
                 previous.width !== rect.width ||
@@ -102,10 +141,14 @@ export const useLayoutChild = (widgetRef, options) => {
         if (!widget) {
             return { width: 0, height: 0 };
         }
-        const natural = measureWidget(widget, "horizontal").natural;
+        const { minimum, natural } = measureWidget(widget, "horizontal");
+        // Floor at the widget's own minimum width, not at 1 — see the same
+        // clamp in text.tsx's measure for why: gtk_widget_measure() enforces
+        // this floor internally regardless of what we request (warning while
+        // it does), so anything below `minimum` was never actually honored.
         const used = widthMode === "undefined"
             ? natural
-            : Math.min(natural, Math.max(1, Math.floor(width)));
+            : Math.min(natural, Math.max(minimum, Math.floor(width)));
         return {
             width: used,
             height: measureWidget(widget, "vertical", used).natural,
@@ -171,7 +214,7 @@ export const useRnContainer = (widgetRef, node, options) => {
                     const rect = getStoredRect(child);
                     if (rect) {
                         const offset = getStoredOffset(child);
-                        allocateChild(child, rect.x + offset.dx, rect.y + offset.dy, rect.width, rect.height);
+                        allocateChild(child, rect.x + offset.dx, rect.y + offset.dy, rect.width, rect.height, offset.matrix);
                         children += 1;
                     }
                     child = child.getNextSibling();