react-native-gtkx 0.2.0-alpha.1 → 0.3.0-alpha.1

package/dist/style/split-style.d.ts

@@ -1,6 +1,9 @@
 import type { FlatStyle, SplitStyle } from "../contracts";
 /**
- * Splits a flattened style into { layout, visual }. Unknown properties are
- * ignored with a one-time dev warning per key; undefined values are dropped.
+ * Splits a flattened style into { layout, visual }. Behavioral props
+ * (pointerEvents) belong to neither bucket and are consumed silently — the
+ * component that owns the behavior reads them from the flattened style.
+ * Unknown properties are ignored with a one-time dev warning per key;
+ * undefined values are dropped.
  */
 export declare const splitStyle: (flat: FlatStyle) => SplitStyle;

package/dist/style/split-style.js

@@ -47,11 +47,14 @@ const LAYOUT_KEYS = {
     top: true,
     width: true,
 };
+// Note: `textDecorationLine` and `textAlign` are visual by contract but never
+// reach CSS — Pango carries both, and the Text component applies them.
 // Note: `transform` is visual by contract — it is applied as the
 // GskTransform of the child's allocation, not through CSS, and is passed
 // through here untouched.
 const VISUAL_KEYS = {
     backgroundColor: true,
+    boxShadow: true,
     borderBottomColor: true,
     borderBottomLeftRadius: true,
     borderBottomRightRadius: true,
@@ -76,12 +79,42 @@ const VISUAL_KEYS = {
     letterSpacing: true,
     lineHeight: true,
     opacity: true,
+    outlineColor: true,
+    outlineOffset: true,
+    outlineStyle: true,
+    outlineWidth: true,
     textAlign: true,
+    textDecorationLine: true,
     transform: true,
 };
+// Behavioral props: supported, but by neither half of this pipeline. Since
+// RN 0.71 `pointerEvents` may be written in a style and not only as a prop,
+// and View reads it straight off the flattened style (components/view.tsx)
+// to drive GTK picking — it never reaches Yoga and it has no CSS
+// equivalent. So the splitter must CONSUME it silently: warning here told a
+// user that working code was being ignored, on the very line where
+// tests/gtk/components/pointer-events.gtk.test.tsx proves it is not.
+//
+// Exhaustive the same way the two buckets above are, but over what FlatStyle
+// adds ON TOP of LayoutStyle and VisualStyle — that Omit makes the three
+// records a partition of the contract, so a future fourth kind of style prop
+// cannot be added to FlatStyle without failing compilation right here. That
+// is exactly the drift this list suffered: `pointerEvents` was added to the
+// contract and to View, and nothing forced anyone to classify it.
+const BEHAVIORAL_KEYS = {
+    pointerEvents: true,
+    // `zIndex` joined it for the same reason: it is neither a Yoga input nor a
+    // CSS declaration, it is the container widget's paint and pick order
+    // (gtkx/bridge/view-box.ts), and useLayoutChild pushes it there from the
+    // flattened style.
+    zIndex: true,
+};
 /**
- * Splits a flattened style into { layout, visual }. Unknown properties are
- * ignored with a one-time dev warning per key; undefined values are dropped.
+ * Splits a flattened style into { layout, visual }. Behavioral props
+ * (pointerEvents) belong to neither bucket and are consumed silently — the
+ * component that owns the behavior reads them from the flattened style.
+ * Unknown properties are ignored with a one-time dev warning per key;
+ * undefined values are dropped.
  */
 export const splitStyle = (flat) => {
     const layout = {};
@@ -98,7 +131,7 @@ export const splitStyle = (flat) => {
             ;
             visual[key] = value;
         }
-        else {
+        else if (!Object.hasOwn(BEHAVIORAL_KEYS, key)) {
             warnOnce(`unknown-style-prop:${key}`, `[react-native-gtkx] Unknown style property "${key}" is not supported and will be ignored`);
         }
     }

package/dist/style/split-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-style.js","sourceRoot":"","sources":["../../src/style/split-style.ts"],"names":[],"mappings":"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","sourcesContent":["// Classifies a flattened style into layout props (consumed by the Yoga\n// engine) and visual props (compiled into GTK CSS). Pure module.\n\nimport type {\n  FlatStyle,\n  LayoutStyle,\n  SplitStyle,\n  VisualStyle,\n} from \"../contracts\"\nimport { warnOnce } from \"./dev-warning\"\n\n// Exhaustive over the frozen contract: adding a key to LayoutStyle in\n// contracts.ts fails compilation here until the key is classified.\nconst LAYOUT_KEYS: Record<keyof LayoutStyle, true> = {\n  alignContent: true,\n  alignItems: true,\n  alignSelf: true,\n  aspectRatio: true,\n  bottom: true,\n  columnGap: true,\n  direction: true,\n  display: true,\n  flex: true,\n  flexBasis: true,\n  flexDirection: true,\n  flexGrow: true,\n  flexShrink: true,\n  flexWrap: true,\n  gap: true,\n  height: true,\n  justifyContent: true,\n  left: true,\n  margin: true,\n  marginBottom: true,\n  marginHorizontal: true,\n  marginLeft: true,\n  marginRight: true,\n  marginTop: true,\n  marginVertical: true,\n  maxHeight: true,\n  maxWidth: true,\n  minHeight: true,\n  minWidth: true,\n  overflow: true,\n  padding: true,\n  paddingBottom: true,\n  paddingHorizontal: true,\n  paddingLeft: true,\n  paddingRight: true,\n  paddingTop: true,\n  paddingVertical: true,\n  position: true,\n  right: true,\n  rowGap: true,\n  top: true,\n  width: true,\n}\n\n// Note: `transform` is visual by contract — it is applied as the\n// GskTransform of the child's allocation, not through CSS, and is passed\n// through here untouched.\nconst VISUAL_KEYS: Record<keyof VisualStyle, true> = {\n  backgroundColor: true,\n  borderBottomColor: true,\n  borderBottomLeftRadius: true,\n  borderBottomRightRadius: true,\n  borderBottomWidth: true,\n  borderColor: true,\n  borderLeftColor: true,\n  borderLeftWidth: true,\n  borderRadius: true,\n  borderRightColor: true,\n  borderRightWidth: true,\n  borderStyle: true,\n  borderTopColor: true,\n  borderTopLeftRadius: true,\n  borderTopRightRadius: true,\n  borderTopWidth: true,\n  borderWidth: true,\n  color: true,\n  fontFamily: true,\n  fontSize: true,\n  fontStyle: true,\n  fontWeight: true,\n  letterSpacing: true,\n  lineHeight: true,\n  opacity: true,\n  textAlign: true,\n  transform: true,\n}\n\n/**\n * Splits a flattened style into { layout, visual }. Unknown properties are\n * ignored with a one-time dev warning per key; undefined values are dropped.\n */\nexport const splitStyle = (flat: FlatStyle): SplitStyle => {\n  const layout: LayoutStyle = {}\n  const visual: VisualStyle = {}\n  for (const [key, value] of Object.entries(flat)) {\n    if (value === undefined) {\n      continue\n    }\n    if (Object.hasOwn(LAYOUT_KEYS, key)) {\n      ;(layout as Record<string, unknown>)[key] = value\n    } else if (Object.hasOwn(VISUAL_KEYS, key)) {\n      ;(visual as Record<string, unknown>)[key] = value\n    } else {\n      warnOnce(\n        `unknown-style-prop:${key}`,\n        `[react-native-gtkx] Unknown style property \"${key}\" is not supported and will be ignored`,\n      )\n    }\n  }\n  return { layout, visual }\n}\n"]}
+{"version":3,"file":"split-style.js","sourceRoot":"","sources":["../../src/style/split-style.ts"],"names":[],"mappings":"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","sourcesContent":["// Classifies a flattened style into layout props (consumed by the Yoga\n// engine) and visual props (compiled into GTK CSS). Pure module.\n\nimport type {\n  FlatStyle,\n  LayoutStyle,\n  SplitStyle,\n  VisualStyle,\n} from \"../contracts\"\nimport { warnOnce } from \"./dev-warning\"\n\n// Exhaustive over the frozen contract: adding a key to LayoutStyle in\n// contracts.ts fails compilation here until the key is classified.\nconst LAYOUT_KEYS: Record<keyof LayoutStyle, true> = {\n  alignContent: true,\n  alignItems: true,\n  alignSelf: true,\n  aspectRatio: true,\n  bottom: true,\n  columnGap: true,\n  direction: true,\n  display: true,\n  flex: true,\n  flexBasis: true,\n  flexDirection: true,\n  flexGrow: true,\n  flexShrink: true,\n  flexWrap: true,\n  gap: true,\n  height: true,\n  justifyContent: true,\n  left: true,\n  margin: true,\n  marginBottom: true,\n  marginHorizontal: true,\n  marginLeft: true,\n  marginRight: true,\n  marginTop: true,\n  marginVertical: true,\n  maxHeight: true,\n  maxWidth: true,\n  minHeight: true,\n  minWidth: true,\n  overflow: true,\n  padding: true,\n  paddingBottom: true,\n  paddingHorizontal: true,\n  paddingLeft: true,\n  paddingRight: true,\n  paddingTop: true,\n  paddingVertical: true,\n  position: true,\n  right: true,\n  rowGap: true,\n  top: true,\n  width: true,\n}\n\n// Note: `textDecorationLine` and `textAlign` are visual by contract but never\n// reach CSS — Pango carries both, and the Text component applies them.\n// Note: `transform` is visual by contract — it is applied as the\n// GskTransform of the child's allocation, not through CSS, and is passed\n// through here untouched.\nconst VISUAL_KEYS: Record<keyof VisualStyle, true> = {\n  backgroundColor: true,\n  boxShadow: true,\n  borderBottomColor: true,\n  borderBottomLeftRadius: true,\n  borderBottomRightRadius: true,\n  borderBottomWidth: true,\n  borderColor: true,\n  borderLeftColor: true,\n  borderLeftWidth: true,\n  borderRadius: true,\n  borderRightColor: true,\n  borderRightWidth: true,\n  borderStyle: true,\n  borderTopColor: true,\n  borderTopLeftRadius: true,\n  borderTopRightRadius: true,\n  borderTopWidth: true,\n  borderWidth: true,\n  color: true,\n  fontFamily: true,\n  fontSize: true,\n  fontStyle: true,\n  fontWeight: true,\n  letterSpacing: true,\n  lineHeight: true,\n  opacity: true,\n  outlineColor: true,\n  outlineOffset: true,\n  outlineStyle: true,\n  outlineWidth: true,\n  textAlign: true,\n  textDecorationLine: true,\n  transform: true,\n}\n\n// Behavioral props: supported, but by neither half of this pipeline. Since\n// RN 0.71 `pointerEvents` may be written in a style and not only as a prop,\n// and View reads it straight off the flattened style (components/view.tsx)\n// to drive GTK picking — it never reaches Yoga and it has no CSS\n// equivalent. So the splitter must CONSUME it silently: warning here told a\n// user that working code was being ignored, on the very line where\n// tests/gtk/components/pointer-events.gtk.test.tsx proves it is not.\n//\n// Exhaustive the same way the two buckets above are, but over what FlatStyle\n// adds ON TOP of LayoutStyle and VisualStyle — that Omit makes the three\n// records a partition of the contract, so a future fourth kind of style prop\n// cannot be added to FlatStyle without failing compilation right here. That\n// is exactly the drift this list suffered: `pointerEvents` was added to the\n// contract and to View, and nothing forced anyone to classify it.\nconst BEHAVIORAL_KEYS: Record<\n  keyof Omit<FlatStyle, keyof LayoutStyle | keyof VisualStyle>,\n  true\n> = {\n  pointerEvents: true,\n  // `zIndex` joined it for the same reason: it is neither a Yoga input nor a\n  // CSS declaration, it is the container widget's paint and pick order\n  // (gtkx/bridge/view-box.ts), and useLayoutChild pushes it there from the\n  // flattened style.\n  zIndex: true,\n}\n\n/**\n * Splits a flattened style into { layout, visual }. Behavioral props\n * (pointerEvents) belong to neither bucket and are consumed silently — the\n * component that owns the behavior reads them from the flattened style.\n * Unknown properties are ignored with a one-time dev warning per key;\n * undefined values are dropped.\n */\nexport const splitStyle = (flat: FlatStyle): SplitStyle => {\n  const layout: LayoutStyle = {}\n  const visual: VisualStyle = {}\n  for (const [key, value] of Object.entries(flat)) {\n    if (value === undefined) {\n      continue\n    }\n    if (Object.hasOwn(LAYOUT_KEYS, key)) {\n      ;(layout as Record<string, unknown>)[key] = value\n    } else if (Object.hasOwn(VISUAL_KEYS, key)) {\n      ;(visual as Record<string, unknown>)[key] = value\n    } else if (!Object.hasOwn(BEHAVIORAL_KEYS, key)) {\n      warnOnce(\n        `unknown-style-prop:${key}`,\n        `[react-native-gtkx] Unknown style property \"${key}\" is not supported and will be ignored`,\n      )\n    }\n  }\n  return { layout, visual }\n}\n"]}

package/dist/style/text-decoration.d.ts

@@ -0,0 +1,15 @@
+import type { TextDecorationLine } from "../contracts";
+export type TextDecorations = {
+    underline: boolean;
+    strikethrough: boolean;
+};
+/**
+ * Splits RN's `textDecorationLine` into the two Pango attributes that carry
+ * it. `"none"` and `undefined` produce neither, which is what lets the caller
+ * skip building an attribute list at all.
+ *
+ * RN's `"underline line-through"` is the combined value; the words are
+ * matched individually so the reversed spelling behaves the same, as it does
+ * in CSS.
+ */
+export declare const textDecorationToAttrs: (value: TextDecorationLine | undefined) => TextDecorations;

package/dist/style/text-decoration.js

@@ -0,0 +1,26 @@
+// textDecorationLine, classified. Pure module — no bridge imports.
+//
+// GTK4 CSS has no `text-decoration` for widgets, the same way it has no
+// `text-align`: both are Pango's business, not the style sheet's. So this
+// follows text-align.ts's shape exactly — the style system decides WHAT is
+// wanted, and the Text component applies it through the label's Pango
+// attribute list.
+/**
+ * Splits RN's `textDecorationLine` into the two Pango attributes that carry
+ * it. `"none"` and `undefined` produce neither, which is what lets the caller
+ * skip building an attribute list at all.
+ *
+ * RN's `"underline line-through"` is the combined value; the words are
+ * matched individually so the reversed spelling behaves the same, as it does
+ * in CSS.
+ */
+export const textDecorationToAttrs = (value) => {
+    if (value === undefined || value === "none") {
+        return { underline: false, strikethrough: false };
+    }
+    return {
+        underline: value.includes("underline"),
+        strikethrough: value.includes("line-through"),
+    };
+};
+//# sourceMappingURL=text-decoration.js.map

package/dist/style/text-decoration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-decoration.js","sourceRoot":"","sources":["../../src/style/text-decoration.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,EAAE;AACF,wEAAwE;AACxE,0EAA0E;AAC1E,2EAA2E;AAC3E,sEAAsE;AACtE,kBAAkB;AASlB;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,KAAqC,EACpB,EAAE;IACnB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QAC5C,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAA;IACnD,CAAC;IACD,OAAO;QACL,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC;QACtC,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC;KAC9C,CAAA;AACH,CAAC,CAAA","sourcesContent":["// textDecorationLine, classified. Pure module — no bridge imports.\n//\n// GTK4 CSS has no `text-decoration` for widgets, the same way it has no\n// `text-align`: both are Pango's business, not the style sheet's. So this\n// follows text-align.ts's shape exactly — the style system decides WHAT is\n// wanted, and the Text component applies it through the label's Pango\n// attribute list.\n\nimport type { TextDecorationLine } from \"../contracts\"\n\nexport type TextDecorations = {\n  underline: boolean\n  strikethrough: boolean\n}\n\n/**\n * Splits RN's `textDecorationLine` into the two Pango attributes that carry\n * it. `\"none\"` and `undefined` produce neither, which is what lets the caller\n * skip building an attribute list at all.\n *\n * RN's `\"underline line-through\"` is the combined value; the words are\n * matched individually so the reversed spelling behaves the same, as it does\n * in CSS.\n */\nexport const textDecorationToAttrs = (\n  value: TextDecorationLine | undefined,\n): TextDecorations => {\n  if (value === undefined || value === \"none\") {\n    return { underline: false, strikethrough: false }\n  }\n  return {\n    underline: value.includes(\"underline\"),\n    strikethrough: value.includes(\"line-through\"),\n  }\n}\n"]}

package/dist/style/visual-css.js

@@ -5,12 +5,19 @@
 // GTK4 CSS is not web CSS. What this generator relies on:
 // - background-color, border-*, border-radius (incl. per-corner), opacity,
 //   color, font-*, letter-spacing: supported by GTK4;
+// - box-shadow and outline-*: supported by GTK4, and used by Adwaita itself
+//   for the `.card`/`.boxed-list` frame and for every focus ring in the
+//   theme — which is why an app cannot reproduce the platform's own look
+//   without them. box-shadow is compiled by ./box-shadow.ts;
 // - line-height: supported since GTK 4.6 (we target 4.20+);
 // - text-align does NOT exist in GTK CSS — textAlign is applied by the Text
 //   component via widget properties (justify/xalign), so it is skipped here;
+// - text-decoration does not exist for GTK widgets either: Pango carries it,
+//   and the Text component applies textDecorationLine as label attributes;
 // - transform does NOT exist as a widget property in GTK4 CSS either: it is
 //   composed into a matrix by ./transform.ts and applied as the GskTransform
 //   of the child's allocation, so it is skipped here as well.
+import { boxShadowToCss } from "./box-shadow";
 import { parseColor } from "./colors";
 import { warnOnce } from "./dev-warning";
 const px = (value) => `${value}px`;
@@ -44,6 +51,12 @@ export const visualStyleToCss = (visual) => {
     if (visual.opacity !== undefined) {
         decls.push(`opacity: ${clamp01(visual.opacity)};`);
     }
+    if (visual.boxShadow !== undefined) {
+        const shadow = boxShadowToCss(visual.boxShadow);
+        if (shadow !== null) {
+            decls.push(`box-shadow: ${shadow};`);
+        }
+    }
     // GTK defaults border-style to none — width alone renders nothing. An
     // explicit borderStyle wins (GTK4 CSS supports solid/dotted/dashed);
     // otherwise any positive border width turns the border on with "solid".
@@ -107,6 +120,28 @@ export const visualStyleToCss = (visual) => {
     if (visual.borderBottomLeftRadius !== undefined) {
         decls.push(`border-bottom-left-radius: ${px(visual.borderBottomLeftRadius)};`);
     }
+    // outline is a ring around the border box that takes no layout space, so
+    // unlike `border` it needs no Yoga involvement at all — GTK4 draws it from
+    // CSS exactly as the web does, which is how Adwaita itself paints every
+    // focus ring in the theme. GTK, like the web, defaults outline-style to
+    // `none`, so a width on its own would draw nothing; the same auto-solid
+    // rule the borders above use applies.
+    const hasVisibleOutlineWidth = visual.outlineWidth !== undefined && visual.outlineWidth > 0;
+    if (visual.outlineStyle !== undefined) {
+        decls.push(`outline-style: ${visual.outlineStyle};`);
+    }
+    else if (hasVisibleOutlineWidth) {
+        decls.push("outline-style: solid;");
+    }
+    if (visual.outlineWidth !== undefined) {
+        decls.push(`outline-width: ${px(visual.outlineWidth)};`);
+    }
+    if (visual.outlineColor !== undefined) {
+        pushColor(decls, "outline-color", visual.outlineColor, "outlineColor");
+    }
+    if (visual.outlineOffset !== undefined) {
+        decls.push(`outline-offset: ${px(visual.outlineOffset)};`);
+    }
     if (visual.color !== undefined) {
         pushColor(decls, "color", visual.color, "color");
     }
@@ -128,7 +163,8 @@ export const visualStyleToCss = (visual) => {
     if (visual.lineHeight !== undefined) {
         decls.push(`line-height: ${px(visual.lineHeight)};`);
     }
-    // visual.textAlign, visual.transform: intentionally not CSS (see header).
+    // visual.textAlign, visual.textDecorationLine, visual.transform:
+    // intentionally not CSS (see header).
     return decls.join("\n");
 };
 //# sourceMappingURL=visual-css.js.map

package/dist/style/visual-css.js.map

@@ -1 +1 @@
-{"version":3,"file":"visual-css.js","sourceRoot":"","sources":["../../src/style/visual-css.ts"],"names":[],"mappings":"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","sourcesContent":["// Compiles a VisualStyle into a GTK4 CSS declaration block (no selector).\n// Pure module — the resulting string is registered as a class through an\n// injected `css` function (see registry.ts / registry.gtkx.ts).\n//\n// GTK4 CSS is not web CSS. What this generator relies on:\n// - background-color, border-*, border-radius (incl. per-corner), opacity,\n//   color, font-*, letter-spacing: supported by GTK4;\n// - line-height: supported since GTK 4.6 (we target 4.20+);\n// - text-align does NOT exist in GTK CSS — textAlign is applied by the Text\n//   component via widget properties (justify/xalign), so it is skipped here;\n// - transform does NOT exist as a widget property in GTK4 CSS either: it is\n//   composed into a matrix by ./transform.ts and applied as the GskTransform\n//   of the child's allocation, so it is skipped here as well.\n\nimport type { VisualStyle } from \"../contracts\"\nimport { parseColor } from \"./colors\"\nimport { warnOnce } from \"./dev-warning\"\n\nconst px = (value: number): string => `${value}px`\n\nconst clamp01 = (value: number): number => Math.min(1, Math.max(0, value))\n\nconst pushColor = (\n  declarations: string[],\n  cssProperty: string,\n  value: string,\n  styleProperty: string,\n): void => {\n  const parsed = parseColor(value)\n  if (parsed === null) {\n    warnOnce(\n      `invalid-color:${styleProperty}:${value}`,\n      `[react-native-gtkx] Invalid color ${JSON.stringify(value)} in \"${styleProperty}\" — declaration dropped`,\n    )\n    return\n  }\n  declarations.push(`${cssProperty}: ${parsed};`)\n}\n\nconst formatFontFamily = (family: string): string => {\n  const trimmed = family.trim()\n  if (/^(\".*\"|'.*')$/.test(trimmed)) {\n    return trimmed\n  }\n  return /^[A-Za-z][\\w-]*$/.test(trimmed)\n    ? trimmed\n    : `\"${trimmed.replace(/\"/g, '\\\\\"')}\"`\n}\n\n/**\n * Renders a VisualStyle as GTK CSS declarations (one per line, stable\n * order). Returns \"\" when the style produces no CSS (e.g. transform-only).\n */\nexport const visualStyleToCss = (visual: VisualStyle): string => {\n  const decls: string[] = []\n\n  if (visual.backgroundColor !== undefined) {\n    pushColor(\n      decls,\n      \"background-color\",\n      visual.backgroundColor,\n      \"backgroundColor\",\n    )\n  }\n  if (visual.opacity !== undefined) {\n    decls.push(`opacity: ${clamp01(visual.opacity)};`)\n  }\n\n  // GTK defaults border-style to none — width alone renders nothing. An\n  // explicit borderStyle wins (GTK4 CSS supports solid/dotted/dashed);\n  // otherwise any positive border width turns the border on with \"solid\".\n  const hasVisibleBorderWidth = [\n    visual.borderWidth,\n    visual.borderTopWidth,\n    visual.borderRightWidth,\n    visual.borderBottomWidth,\n    visual.borderLeftWidth,\n  ].some((width) => width !== undefined && width > 0)\n  if (visual.borderStyle !== undefined) {\n    decls.push(`border-style: ${visual.borderStyle};`)\n  } else if (hasVisibleBorderWidth) {\n    decls.push(\"border-style: solid;\")\n  }\n  // Shorthands first, then per-side overrides so the sides win.\n  if (visual.borderWidth !== undefined) {\n    decls.push(`border-width: ${px(visual.borderWidth)};`)\n  }\n  if (visual.borderTopWidth !== undefined) {\n    decls.push(`border-top-width: ${px(visual.borderTopWidth)};`)\n  }\n  if (visual.borderRightWidth !== undefined) {\n    decls.push(`border-right-width: ${px(visual.borderRightWidth)};`)\n  }\n  if (visual.borderBottomWidth !== undefined) {\n    decls.push(`border-bottom-width: ${px(visual.borderBottomWidth)};`)\n  }\n  if (visual.borderLeftWidth !== undefined) {\n    decls.push(`border-left-width: ${px(visual.borderLeftWidth)};`)\n  }\n  if (visual.borderColor !== undefined) {\n    pushColor(decls, \"border-color\", visual.borderColor, \"borderColor\")\n  }\n  if (visual.borderTopColor !== undefined) {\n    pushColor(\n      decls,\n      \"border-top-color\",\n      visual.borderTopColor,\n      \"borderTopColor\",\n    )\n  }\n  if (visual.borderRightColor !== undefined) {\n    pushColor(\n      decls,\n      \"border-right-color\",\n      visual.borderRightColor,\n      \"borderRightColor\",\n    )\n  }\n  if (visual.borderBottomColor !== undefined) {\n    pushColor(\n      decls,\n      \"border-bottom-color\",\n      visual.borderBottomColor,\n      \"borderBottomColor\",\n    )\n  }\n  if (visual.borderLeftColor !== undefined) {\n    pushColor(\n      decls,\n      \"border-left-color\",\n      visual.borderLeftColor,\n      \"borderLeftColor\",\n    )\n  }\n  if (visual.borderRadius !== undefined) {\n    decls.push(`border-radius: ${px(visual.borderRadius)};`)\n  }\n  // Per-corner radii come after the shorthand so they override it.\n  if (visual.borderTopLeftRadius !== undefined) {\n    decls.push(`border-top-left-radius: ${px(visual.borderTopLeftRadius)};`)\n  }\n  if (visual.borderTopRightRadius !== undefined) {\n    decls.push(`border-top-right-radius: ${px(visual.borderTopRightRadius)};`)\n  }\n  if (visual.borderBottomRightRadius !== undefined) {\n    decls.push(\n      `border-bottom-right-radius: ${px(visual.borderBottomRightRadius)};`,\n    )\n  }\n  if (visual.borderBottomLeftRadius !== undefined) {\n    decls.push(\n      `border-bottom-left-radius: ${px(visual.borderBottomLeftRadius)};`,\n    )\n  }\n\n  if (visual.color !== undefined) {\n    pushColor(decls, \"color\", visual.color, \"color\")\n  }\n  if (visual.fontFamily !== undefined) {\n    decls.push(`font-family: ${formatFontFamily(visual.fontFamily)};`)\n  }\n  if (visual.fontSize !== undefined) {\n    decls.push(`font-size: ${px(visual.fontSize)};`)\n  }\n  if (visual.fontStyle !== undefined) {\n    decls.push(`font-style: ${visual.fontStyle};`)\n  }\n  if (visual.fontWeight !== undefined) {\n    decls.push(`font-weight: ${visual.fontWeight};`)\n  }\n  if (visual.letterSpacing !== undefined) {\n    decls.push(`letter-spacing: ${px(visual.letterSpacing)};`)\n  }\n  if (visual.lineHeight !== undefined) {\n    decls.push(`line-height: ${px(visual.lineHeight)};`)\n  }\n\n  // visual.textAlign, visual.transform: intentionally not CSS (see header).\n\n  return decls.join(\"\\n\")\n}\n"]}
+{"version":3,"file":"visual-css.js","sourceRoot":"","sources":["../../src/style/visual-css.ts"],"names":[],"mappings":"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","sourcesContent":["// Compiles a VisualStyle into a GTK4 CSS declaration block (no selector).\n// Pure module — the resulting string is registered as a class through an\n// injected `css` function (see registry.ts / registry.gtkx.ts).\n//\n// GTK4 CSS is not web CSS. What this generator relies on:\n// - background-color, border-*, border-radius (incl. per-corner), opacity,\n//   color, font-*, letter-spacing: supported by GTK4;\n// - box-shadow and outline-*: supported by GTK4, and used by Adwaita itself\n//   for the `.card`/`.boxed-list` frame and for every focus ring in the\n//   theme — which is why an app cannot reproduce the platform's own look\n//   without them. box-shadow is compiled by ./box-shadow.ts;\n// - line-height: supported since GTK 4.6 (we target 4.20+);\n// - text-align does NOT exist in GTK CSS — textAlign is applied by the Text\n//   component via widget properties (justify/xalign), so it is skipped here;\n// - text-decoration does not exist for GTK widgets either: Pango carries it,\n//   and the Text component applies textDecorationLine as label attributes;\n// - transform does NOT exist as a widget property in GTK4 CSS either: it is\n//   composed into a matrix by ./transform.ts and applied as the GskTransform\n//   of the child's allocation, so it is skipped here as well.\n\nimport type { VisualStyle } from \"../contracts\"\nimport { boxShadowToCss } from \"./box-shadow\"\nimport { parseColor } from \"./colors\"\nimport { warnOnce } from \"./dev-warning\"\n\nconst px = (value: number): string => `${value}px`\n\nconst clamp01 = (value: number): number => Math.min(1, Math.max(0, value))\n\nconst pushColor = (\n  declarations: string[],\n  cssProperty: string,\n  value: string,\n  styleProperty: string,\n): void => {\n  const parsed = parseColor(value)\n  if (parsed === null) {\n    warnOnce(\n      `invalid-color:${styleProperty}:${value}`,\n      `[react-native-gtkx] Invalid color ${JSON.stringify(value)} in \"${styleProperty}\" — declaration dropped`,\n    )\n    return\n  }\n  declarations.push(`${cssProperty}: ${parsed};`)\n}\n\nconst formatFontFamily = (family: string): string => {\n  const trimmed = family.trim()\n  if (/^(\".*\"|'.*')$/.test(trimmed)) {\n    return trimmed\n  }\n  return /^[A-Za-z][\\w-]*$/.test(trimmed)\n    ? trimmed\n    : `\"${trimmed.replace(/\"/g, '\\\\\"')}\"`\n}\n\n/**\n * Renders a VisualStyle as GTK CSS declarations (one per line, stable\n * order). Returns \"\" when the style produces no CSS (e.g. transform-only).\n */\nexport const visualStyleToCss = (visual: VisualStyle): string => {\n  const decls: string[] = []\n\n  if (visual.backgroundColor !== undefined) {\n    pushColor(\n      decls,\n      \"background-color\",\n      visual.backgroundColor,\n      \"backgroundColor\",\n    )\n  }\n  if (visual.opacity !== undefined) {\n    decls.push(`opacity: ${clamp01(visual.opacity)};`)\n  }\n  if (visual.boxShadow !== undefined) {\n    const shadow = boxShadowToCss(visual.boxShadow)\n    if (shadow !== null) {\n      decls.push(`box-shadow: ${shadow};`)\n    }\n  }\n\n  // GTK defaults border-style to none — width alone renders nothing. An\n  // explicit borderStyle wins (GTK4 CSS supports solid/dotted/dashed);\n  // otherwise any positive border width turns the border on with \"solid\".\n  const hasVisibleBorderWidth = [\n    visual.borderWidth,\n    visual.borderTopWidth,\n    visual.borderRightWidth,\n    visual.borderBottomWidth,\n    visual.borderLeftWidth,\n  ].some((width) => width !== undefined && width > 0)\n  if (visual.borderStyle !== undefined) {\n    decls.push(`border-style: ${visual.borderStyle};`)\n  } else if (hasVisibleBorderWidth) {\n    decls.push(\"border-style: solid;\")\n  }\n  // Shorthands first, then per-side overrides so the sides win.\n  if (visual.borderWidth !== undefined) {\n    decls.push(`border-width: ${px(visual.borderWidth)};`)\n  }\n  if (visual.borderTopWidth !== undefined) {\n    decls.push(`border-top-width: ${px(visual.borderTopWidth)};`)\n  }\n  if (visual.borderRightWidth !== undefined) {\n    decls.push(`border-right-width: ${px(visual.borderRightWidth)};`)\n  }\n  if (visual.borderBottomWidth !== undefined) {\n    decls.push(`border-bottom-width: ${px(visual.borderBottomWidth)};`)\n  }\n  if (visual.borderLeftWidth !== undefined) {\n    decls.push(`border-left-width: ${px(visual.borderLeftWidth)};`)\n  }\n  if (visual.borderColor !== undefined) {\n    pushColor(decls, \"border-color\", visual.borderColor, \"borderColor\")\n  }\n  if (visual.borderTopColor !== undefined) {\n    pushColor(\n      decls,\n      \"border-top-color\",\n      visual.borderTopColor,\n      \"borderTopColor\",\n    )\n  }\n  if (visual.borderRightColor !== undefined) {\n    pushColor(\n      decls,\n      \"border-right-color\",\n      visual.borderRightColor,\n      \"borderRightColor\",\n    )\n  }\n  if (visual.borderBottomColor !== undefined) {\n    pushColor(\n      decls,\n      \"border-bottom-color\",\n      visual.borderBottomColor,\n      \"borderBottomColor\",\n    )\n  }\n  if (visual.borderLeftColor !== undefined) {\n    pushColor(\n      decls,\n      \"border-left-color\",\n      visual.borderLeftColor,\n      \"borderLeftColor\",\n    )\n  }\n  if (visual.borderRadius !== undefined) {\n    decls.push(`border-radius: ${px(visual.borderRadius)};`)\n  }\n  // Per-corner radii come after the shorthand so they override it.\n  if (visual.borderTopLeftRadius !== undefined) {\n    decls.push(`border-top-left-radius: ${px(visual.borderTopLeftRadius)};`)\n  }\n  if (visual.borderTopRightRadius !== undefined) {\n    decls.push(`border-top-right-radius: ${px(visual.borderTopRightRadius)};`)\n  }\n  if (visual.borderBottomRightRadius !== undefined) {\n    decls.push(\n      `border-bottom-right-radius: ${px(visual.borderBottomRightRadius)};`,\n    )\n  }\n  if (visual.borderBottomLeftRadius !== undefined) {\n    decls.push(\n      `border-bottom-left-radius: ${px(visual.borderBottomLeftRadius)};`,\n    )\n  }\n\n  // outline is a ring around the border box that takes no layout space, so\n  // unlike `border` it needs no Yoga involvement at all — GTK4 draws it from\n  // CSS exactly as the web does, which is how Adwaita itself paints every\n  // focus ring in the theme. GTK, like the web, defaults outline-style to\n  // `none`, so a width on its own would draw nothing; the same auto-solid\n  // rule the borders above use applies.\n  const hasVisibleOutlineWidth =\n    visual.outlineWidth !== undefined && visual.outlineWidth > 0\n  if (visual.outlineStyle !== undefined) {\n    decls.push(`outline-style: ${visual.outlineStyle};`)\n  } else if (hasVisibleOutlineWidth) {\n    decls.push(\"outline-style: solid;\")\n  }\n  if (visual.outlineWidth !== undefined) {\n    decls.push(`outline-width: ${px(visual.outlineWidth)};`)\n  }\n  if (visual.outlineColor !== undefined) {\n    pushColor(decls, \"outline-color\", visual.outlineColor, \"outlineColor\")\n  }\n  if (visual.outlineOffset !== undefined) {\n    decls.push(`outline-offset: ${px(visual.outlineOffset)};`)\n  }\n\n  if (visual.color !== undefined) {\n    pushColor(decls, \"color\", visual.color, \"color\")\n  }\n  if (visual.fontFamily !== undefined) {\n    decls.push(`font-family: ${formatFontFamily(visual.fontFamily)};`)\n  }\n  if (visual.fontSize !== undefined) {\n    decls.push(`font-size: ${px(visual.fontSize)};`)\n  }\n  if (visual.fontStyle !== undefined) {\n    decls.push(`font-style: ${visual.fontStyle};`)\n  }\n  if (visual.fontWeight !== undefined) {\n    decls.push(`font-weight: ${visual.fontWeight};`)\n  }\n  if (visual.letterSpacing !== undefined) {\n    decls.push(`letter-spacing: ${px(visual.letterSpacing)};`)\n  }\n  if (visual.lineHeight !== undefined) {\n    decls.push(`line-height: ${px(visual.lineHeight)};`)\n  }\n\n  // visual.textAlign, visual.textDecorationLine, visual.transform:\n  // intentionally not CSS (see header).\n\n  return decls.join(\"\\n\")\n}\n"]}

package/dist/svg/gradient-geometry.js

@@ -1,9 +1,6 @@
 // Pure objectBoundingBox / userSpaceOnUse coordinate math for gradients — no
-// gtkx imports, so it stays testable even though the bridge's actual
-// gradient PAINT is currently blocked by an upstream gtkx-rc2 native bug
-// (see the WORKAROUND note by makeColorStop in gtkx/bridge/svg-node.ts).
-// This is the part of gradient support that already works end to end today
-// and will need no changes once that bug is fixed upstream.
+// gtkx imports, so it is unit-testable off Linux; the bridge
+// (gtkx/bridge/svg-node.ts) feeds the results to Gsk's gradient nodes.
 export const resolveGradientPoint = (bounds, fractionX, fractionY, units) => units === "userSpaceOnUse"
     ? { x: fractionX, y: fractionY }
     : {

package/dist/svg/gradient-geometry.js.map

@@ -1 +1 @@
-{"version":3,"file":"gradient-geometry.js","sourceRoot":"","sources":["../../src/svg/gradient-geometry.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,qEAAqE;AACrE,yEAAyE;AACzE,yEAAyE;AACzE,2EAA2E;AAC3E,4DAA4D;AAU5D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,MAAmB,EACnB,SAAiB,EACjB,SAAiB,EACjB,KAAoB,EACM,EAAE,CAC5B,KAAK,KAAK,gBAAgB;IACxB,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE;IAChC,CAAC,CAAC;QACE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,GAAG,MAAM,CAAC,KAAK;QACtC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM;KACxC,CAAA;AAEP,yEAAyE;AACzE,wEAAwE;AACxE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,MAAmB,EACnB,CAAS,EACT,KAAoB,EACkB,EAAE,CACxC,KAAK,KAAK,gBAAgB;IACxB,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;IAC5B,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAA","sourcesContent":["// Pure objectBoundingBox / userSpaceOnUse coordinate math for gradients — no\n// gtkx imports, so it stays testable even though the bridge's actual\n// gradient PAINT is currently blocked by an upstream gtkx-rc2 native bug\n// (see the WORKAROUND note by makeColorStop in gtkx/bridge/svg-node.ts).\n// This is the part of gradient support that already works end to end today\n// and will need no changes once that bug is fixed upstream.\n\nexport type BoundingBox = {\n  x: number\n  y: number\n  width: number\n  height: number\n}\nexport type GradientUnits = \"objectBoundingBox\" | \"userSpaceOnUse\"\n\nexport const resolveGradientPoint = (\n  bounds: BoundingBox,\n  fractionX: number,\n  fractionY: number,\n  units: GradientUnits,\n): { x: number; y: number } =>\n  units === \"userSpaceOnUse\"\n    ? { x: fractionX, y: fractionY }\n    : {\n        x: bounds.x + fractionX * bounds.width,\n        y: bounds.y + fractionY * bounds.height,\n      }\n\n// SVG only has one radial radius; objectBoundingBox stretches it into an\n// ellipse matching the shape's own aspect ratio (what browsers do too).\nexport const resolveGradientRadius = (\n  bounds: BoundingBox,\n  r: number,\n  units: GradientUnits,\n): { hradius: number; vradius: number } =>\n  units === \"userSpaceOnUse\"\n    ? { hradius: r, vradius: r }\n    : { hradius: r * bounds.width, vradius: r * bounds.height }\n"]}
+{"version":3,"file":"gradient-geometry.js","sourceRoot":"","sources":["../../src/svg/gradient-geometry.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,6DAA6D;AAC7D,uEAAuE;AAUvE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,MAAmB,EACnB,SAAiB,EACjB,SAAiB,EACjB,KAAoB,EACM,EAAE,CAC5B,KAAK,KAAK,gBAAgB;IACxB,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE;IAChC,CAAC,CAAC;QACE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,GAAG,MAAM,CAAC,KAAK;QACtC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM;KACxC,CAAA;AAEP,yEAAyE;AACzE,wEAAwE;AACxE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,MAAmB,EACnB,CAAS,EACT,KAAoB,EACkB,EAAE,CACxC,KAAK,KAAK,gBAAgB;IACxB,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;IAC5B,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAA","sourcesContent":["// Pure objectBoundingBox / userSpaceOnUse coordinate math for gradients — no\n// gtkx imports, so it is unit-testable off Linux; the bridge\n// (gtkx/bridge/svg-node.ts) feeds the results to Gsk's gradient nodes.\n\nexport type BoundingBox = {\n  x: number\n  y: number\n  width: number\n  height: number\n}\nexport type GradientUnits = \"objectBoundingBox\" | \"userSpaceOnUse\"\n\nexport const resolveGradientPoint = (\n  bounds: BoundingBox,\n  fractionX: number,\n  fractionY: number,\n  units: GradientUnits,\n): { x: number; y: number } =>\n  units === \"userSpaceOnUse\"\n    ? { x: fractionX, y: fractionY }\n    : {\n        x: bounds.x + fractionX * bounds.width,\n        y: bounds.y + fractionY * bounds.height,\n      }\n\n// SVG only has one radial radius; objectBoundingBox stretches it into an\n// ellipse matching the shape's own aspect ratio (what browsers do too).\nexport const resolveGradientRadius = (\n  bounds: BoundingBox,\n  r: number,\n  units: GradientUnits,\n): { hradius: number; vradius: number } =>\n  units === \"userSpaceOnUse\"\n    ? { hradius: r, vradius: r }\n    : { hradius: r * bounds.width, vradius: r * bounds.height }\n"]}

package/dist/testing/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/testing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAOlD,2EAA2E;AAC3E,0EAA0E;AAC1E,6EAA6E;AAC7E,2EAA2E;AAC3E,4EAA4E;AAC5E,iDAAiD;AACjD,cAAc,eAAe,CAAA;AA2B7B,MAAM,CAAC,KAAK,UAAU,oBAAoB,CACxC,QAAmC,EACnC,OAAkC;IAIlC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,CAAA;IAChD,MAAM,IAAI,GAAG,MAAM,UAAU,CAC3B,QAAoC,EACpC,OAAmC,CACpC,CAAA;IACD,OAAO,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,CAAA;AAC5B,CAAC","sourcesContent":["import { render, renderHook } from \"@gtkx/testing\"\nimport type {\n  RenderHookOptions,\n  RenderHookResult,\n  RenderResult,\n} from \"@gtkx/testing\"\n\n// react-native-gtkx/testing — @gtkx/testing's queries, render, renderHook,\n// fireEvent and userEvent already operate on the real GTK widget tree our\n// RN components render into, so `getByText` on a `Text` or `userEvent.click`\n// on a `Pressable` already work with no RN-flavoured wrapper: this subpath\n// re-exports that surface as-is, one import source for a consumer, plus the\n// one genuinely repeated workaround (see below).\nexport * from \"@gtkx/testing\"\n\n// RC2-WORKAROUND(renderhook-no-window): see docs/gtkx-rc2-notes.md\n// @gtkx/testing's renderHook() always mounts its test component into a bare\n// Gtk.Box, so a hook that reads the active toplevel (useWindowDimensions,\n// anything through Gtk.Window.getToplevels()) has nothing to read. render()\n// always creates and presents a harness window when no container is given,\n// regardless of what it renders — rendering null is enough to get one.\n\n/**\n * Like `renderHook`, but first creates and presents a harness window (via\n * `render(null)`), so window-dependent hooks have a toplevel to read.\n * Cleanup is automatic — @gtkx/testing tears down every active render\n * (including the harness window) after each test.\n */\nexport function renderHookWithWindow<Result>(\n  callback: () => Result,\n  options?: RenderHookOptions<undefined>,\n): Promise<\n  RenderHookResult<Result, undefined> & { window: RenderResult[\"container\"] }\n>\nexport function renderHookWithWindow<Result, Props>(\n  callback: (props: Props) => Result,\n  options: RenderHookOptions<Props>,\n): Promise<\n  RenderHookResult<Result, Props> & { window: RenderResult[\"container\"] }\n>\nexport async function renderHookWithWindow<Result, Props>(\n  callback: (props?: Props) => Result,\n  options?: RenderHookOptions<Props>,\n): Promise<\n  RenderHookResult<Result, Props> & { window: RenderResult[\"container\"] }\n> {\n  const { container: window } = await render(null)\n  const hook = await renderHook(\n    callback as (props: Props) => Result,\n    options as RenderHookOptions<Props>,\n  )\n  return { ...hook, window }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/testing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAOlD,2EAA2E;AAC3E,0EAA0E;AAC1E,6EAA6E;AAC7E,2EAA2E;AAC3E,4EAA4E;AAC5E,iDAAiD;AACjD,cAAc,eAAe,CAAA;AA2B7B,MAAM,CAAC,KAAK,UAAU,oBAAoB,CACxC,QAAmC,EACnC,OAAkC;IAIlC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,CAAA;IAChD,MAAM,IAAI,GAAG,MAAM,UAAU,CAC3B,QAAoC,EACpC,OAAmC,CACpC,CAAA;IACD,OAAO,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,CAAA;AAC5B,CAAC","sourcesContent":["import { render, renderHook } from \"@gtkx/testing\"\nimport type {\n  RenderHookOptions,\n  RenderHookResult,\n  RenderResult,\n} from \"@gtkx/testing\"\n\n// react-native-gtkx/testing — @gtkx/testing's queries, render, renderHook,\n// fireEvent and userEvent already operate on the real GTK widget tree our\n// RN components render into, so `getByText` on a `Text` or `userEvent.click`\n// on a `Pressable` already work with no RN-flavoured wrapper: this subpath\n// re-exports that surface as-is, one import source for a consumer, plus the\n// one genuinely repeated workaround (see below).\nexport * from \"@gtkx/testing\"\n\n// RC4-WORKAROUND(renderhook-no-window): see docs/gtkx-rc4-notes.md\n// @gtkx/testing's renderHook() always mounts its test component into a bare\n// Gtk.Box, so a hook that reads the active toplevel (useWindowDimensions,\n// anything through Gtk.Window.getToplevels()) has nothing to read. render()\n// always creates and presents a harness window when no container is given,\n// regardless of what it renders — rendering null is enough to get one.\n\n/**\n * Like `renderHook`, but first creates and presents a harness window (via\n * `render(null)`), so window-dependent hooks have a toplevel to read.\n * Cleanup is automatic — @gtkx/testing tears down every active render\n * (including the harness window) after each test.\n */\nexport function renderHookWithWindow<Result>(\n  callback: () => Result,\n  options?: RenderHookOptions<undefined>,\n): Promise<\n  RenderHookResult<Result, undefined> & { window: RenderResult[\"container\"] }\n>\nexport function renderHookWithWindow<Result, Props>(\n  callback: (props: Props) => Result,\n  options: RenderHookOptions<Props>,\n): Promise<\n  RenderHookResult<Result, Props> & { window: RenderResult[\"container\"] }\n>\nexport async function renderHookWithWindow<Result, Props>(\n  callback: (props?: Props) => Result,\n  options?: RenderHookOptions<Props>,\n): Promise<\n  RenderHookResult<Result, Props> & { window: RenderResult[\"container\"] }\n> {\n  const { container: window } = await render(null)\n  const hook = await renderHook(\n    callback as (props: Props) => Result,\n    options as RenderHookOptions<Props>,\n  )\n  return { ...hook, window }\n}\n"]}

package/dist/unsupported-export.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Builds an `unsupported(name)` for one mirrored package.
+ *
+ * `explanation` is appended to every message and is where the surface says
+ * what IS implemented and what to reach for instead — a refusal that does not
+ * point somewhere is half an answer.
+ */
+export declare const createUnsupportedFactory: (packageName: string, explanation: string) => ((name: string) => any);

package/dist/unsupported-export.js

@@ -0,0 +1,66 @@
+// The stand-in for an export a compat surface deliberately does not
+// implement.
+//
+// WHY it throws rather than no-ops. docs/research/gestures.md records the
+// failure mode this repo most wants to avoid: `Animated.View` silently
+// accepting the responder props and ignoring them compiled, ran, and did
+// nothing — "the worst possible failure mode". A `PanGestureHandler` that
+// renders its children without gestures, or a `FadeIn` that mounts without
+// fading, is the same trap. An unsupported import must fail where it is
+// used, naming itself and naming the replacement.
+//
+// Shared by every mirrored package (react-native-gesture-handler,
+// react-native-reanimated) because the trap is the same one each time and the
+// introspection allowlist below is the part that is easy to get subtly wrong.
+/**
+ * Builds an `unsupported(name)` for one mirrored package.
+ *
+ * `explanation` is appended to every message and is where the surface says
+ * what IS implemented and what to reach for instead — a refusal that does not
+ * point somewhere is half an answer.
+ */
+export const createUnsupportedFactory = (packageName, explanation) => {
+    // React, bundlers and `console.log` all introspect a value before using it.
+    // Throwing on `$$typeof` or `toString` would replace a precise message with
+    // a confusing one from inside React, so those reads answer normally; every
+    // read that could only come from real use throws.
+    const introspection = new Set([
+        "$$typeof",
+        "prototype",
+        "name",
+        "length",
+        "displayName",
+        "defaultProps",
+        "propTypes",
+        "contextTypes",
+        "childContextTypes",
+        "toString",
+        "toJSON",
+        "then",
+        "_owner",
+        "_store",
+        "render",
+        "constructor",
+    ]);
+    /**
+     * A FUNCTION wrapped in a Proxy, so the symbol throws however it is
+     * reached: called as a hook or factory (`usePanGesture()`), rendered as a
+     * component (React calls it), or read as a namespace (`Gesture.Pan()`,
+     * `State.ACTIVE`).
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return (name) => {
+        const fail = () => {
+            throw new Error(`${packageName}: \`${name}\` is not supported on Linux ` +
+                `(react-native-gtkx). ${explanation}`);
+        };
+        return new Proxy(fail, {
+            get: (target, key, receiver) => typeof key === "symbol" || introspection.has(key)
+                ? Reflect.get(target, key, receiver)
+                : fail(),
+            apply: fail,
+            construct: fail,
+        });
+    };
+};
+//# sourceMappingURL=unsupported-export.js.map

package/dist/unsupported-export.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unsupported-export.js","sourceRoot":"","sources":["../src/unsupported-export.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,aAAa;AACb,EAAE;AACF,0EAA0E;AAC1E,uEAAuE;AACvE,yEAAyE;AACzE,0EAA0E;AAC1E,2EAA2E;AAC3E,wEAAwE;AACxE,kDAAkD;AAClD,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,8EAA8E;AAE9E;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,WAAmB,EACnB,WAAmB,EAEM,EAAE;IAC3B,4EAA4E;IAC5E,4EAA4E;IAC5E,2EAA2E;IAC3E,kDAAkD;IAClD,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC;QAC5B,UAAU;QACV,WAAW;QACX,MAAM;QACN,QAAQ;QACR,aAAa;QACb,cAAc;QACd,WAAW;QACX,cAAc;QACd,mBAAmB;QACnB,UAAU;QACV,QAAQ;QACR,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,aAAa;KACd,CAAC,CAAA;IAEF;;;;;OAKG;IACH,8DAA8D;IAC9D,OAAO,CAAC,IAAY,EAAO,EAAE;QAC3B,MAAM,IAAI,GAAG,GAAU,EAAE;YACvB,MAAM,IAAI,KAAK,CACb,GAAG,WAAW,OAAO,IAAI,+BAA+B;gBACtD,wBAAwB,WAAW,EAAE,CACxC,CAAA;QACH,CAAC,CAAA;QAED,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE;YACrB,GAAG,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,CAC7B,OAAO,GAAG,KAAK,QAAQ,IAAI,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC;gBAC/C,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,CAAC;gBACpC,CAAC,CAAC,IAAI,EAAE;YACZ,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,IAAI;SAChB,CAAC,CAAA;IACJ,CAAC,CAAA;AACH,CAAC,CAAA","sourcesContent":["// The stand-in for an export a compat surface deliberately does not\n// implement.\n//\n// WHY it throws rather than no-ops. docs/research/gestures.md records the\n// failure mode this repo most wants to avoid: `Animated.View` silently\n// accepting the responder props and ignoring them compiled, ran, and did\n// nothing — \"the worst possible failure mode\". A `PanGestureHandler` that\n// renders its children without gestures, or a `FadeIn` that mounts without\n// fading, is the same trap. An unsupported import must fail where it is\n// used, naming itself and naming the replacement.\n//\n// Shared by every mirrored package (react-native-gesture-handler,\n// react-native-reanimated) because the trap is the same one each time and the\n// introspection allowlist below is the part that is easy to get subtly wrong.\n\n/**\n * Builds an `unsupported(name)` for one mirrored package.\n *\n * `explanation` is appended to every message and is where the surface says\n * what IS implemented and what to reach for instead — a refusal that does not\n * point somewhere is half an answer.\n */\nexport const createUnsupportedFactory = (\n  packageName: string,\n  explanation: string,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): ((name: string) => any) => {\n  // React, bundlers and `console.log` all introspect a value before using it.\n  // Throwing on `$$typeof` or `toString` would replace a precise message with\n  // a confusing one from inside React, so those reads answer normally; every\n  // read that could only come from real use throws.\n  const introspection = new Set([\n    \"$$typeof\",\n    \"prototype\",\n    \"name\",\n    \"length\",\n    \"displayName\",\n    \"defaultProps\",\n    \"propTypes\",\n    \"contextTypes\",\n    \"childContextTypes\",\n    \"toString\",\n    \"toJSON\",\n    \"then\",\n    \"_owner\",\n    \"_store\",\n    \"render\",\n    \"constructor\",\n  ])\n\n  /**\n   * A FUNCTION wrapped in a Proxy, so the symbol throws however it is\n   * reached: called as a hook or factory (`usePanGesture()`), rendered as a\n   * component (React calls it), or read as a namespace (`Gesture.Pan()`,\n   * `State.ACTIVE`).\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return (name: string): any => {\n    const fail = (): never => {\n      throw new Error(\n        `${packageName}: \\`${name}\\` is not supported on Linux ` +\n          `(react-native-gtkx). ${explanation}`,\n      )\n    }\n\n    return new Proxy(fail, {\n      get: (target, key, receiver) =>\n        typeof key === \"symbol\" || introspection.has(key)\n          ? Reflect.get(target, key, receiver)\n          : fail(),\n      apply: fail,\n      construct: fail,\n    })\n  }\n}\n"]}

package/dist/vendor/react-native/pan-responder.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { GestureResponderEvent } from "../../responder/types";
+export type PanResponderGestureState = {
+    /** ID of the gestureState - persisted as long as there's a touch on screen */
+    stateID: number;
+    /** the latest screen coordinates of the recently-moved touch */
+    moveX: number;
+    /** the latest screen coordinates of the recently-moved touch */
+    moveY: number;
+    /** the screen coordinates of the responder grant */
+    x0: number;
+    /** the screen coordinates of the responder grant */
+    y0: number;
+    /** accumulated distance of the gesture since the touch started */
+    dx: number;
+    /** accumulated distance of the gesture since the touch started */
+    dy: number;
+    /** current velocity of the gesture */
+    vx: number;
+    /** current velocity of the gesture */
+    vy: number;
+    /** Number of touches currently on screen */
+    numberActiveTouches: number;
+    /** All `gestureState` accounts for timeStamps up until this value */
+    _accountsForMovesUpTo: number;
+};
+type ActiveCallback = (event: GestureResponderEvent, gestureState: PanResponderGestureState) => boolean;
+type PassiveCallback = (event: GestureResponderEvent, gestureState: PanResponderGestureState) => unknown;
+export type GestureResponderHandlerMethods = {
+    onMoveShouldSetResponder: (event: GestureResponderEvent) => boolean;
+    onMoveShouldSetResponderCapture: (event: GestureResponderEvent) => boolean;
+    onResponderEnd: (event: GestureResponderEvent) => void;
+    onResponderGrant: (event: GestureResponderEvent) => boolean;
+    onResponderMove: (event: GestureResponderEvent) => void;
+    onResponderReject: (event: GestureResponderEvent) => void;
+    onResponderRelease: (event: GestureResponderEvent) => void;
+    onResponderStart: (event: GestureResponderEvent) => void;
+    onResponderTerminate: (event: GestureResponderEvent) => void;
+    onResponderTerminationRequest: (event: GestureResponderEvent) => boolean;
+    onStartShouldSetResponder: (event: GestureResponderEvent) => boolean;
+    onStartShouldSetResponderCapture: (event: GestureResponderEvent) => boolean;
+};
+export type PanResponderCallbacks = Readonly<{
+    onMoveShouldSetPanResponder?: ActiveCallback;
+    onMoveShouldSetPanResponderCapture?: ActiveCallback;
+    onStartShouldSetPanResponder?: ActiveCallback;
+    onStartShouldSetPanResponderCapture?: ActiveCallback;
+    onPanResponderGrant?: PassiveCallback;
+    onPanResponderMove?: PassiveCallback;
+    onPanResponderRelease?: PassiveCallback;
+    onPanResponderTerminate?: PassiveCallback;
+    onPanResponderReject?: PassiveCallback;
+    onPanResponderStart?: PassiveCallback;
+    onPanResponderEnd?: PassiveCallback;
+    onPanResponderTerminationRequest?: ActiveCallback;
+    onShouldBlockNativeResponder?: ActiveCallback;
+}>;
+declare const PanResponder: {
+    _initializeGestureState(gestureState: PanResponderGestureState): void;
+    /**
+     * This is nuanced and is necessary. It is incorrect to continuously take all
+     * active *and* recently moved touches, find the centroid, and track how that
+     * result changes over time. Instead, we must take all recently moved
+     * touches, and calculate how the centroid has changed just for those
+     * recently moved touches, and append that change to an accumulator. This is
+     * to (at least) handle the case where the user is moving three fingers, and
+     * then one of the fingers stops but the other two continue.
+     *
+     * This is very different than taking all of the recently moved touches and
+     * storing their centroid as `dx/dy`. For correctness, we must *accumulate
+     * changes* in the centroid of recently moved touches.
+     *
+     * There is also some nuance with how we handle multiple moved touches in a
+     * single event. With the way `ReactNativeEventEmitter` dispatches touches as
+     * individual events, multiple touches generate two 'move' events, each of
+     * them triggering `onResponderMove`. But with the way `PanResponder` works,
+     * all of the gesture inference is performed on the first dispatch, since it
+     * looks at all of the touches (even the ones for which there hasn't been a
+     * native dispatch yet). Therefore, `PanResponder` does not call
+     * `onResponderMove` passed the first dispatch. This diverges from the
+     * typical responder callback pattern (without using `PanResponder`), but
+     * avoids more dispatches than necessary.
+     */
+    _updateGestureStateOnMove(gestureState: PanResponderGestureState, touchHistory: GestureResponderEvent["touchHistory"]): void;
+    /**
+     * @param config Enhanced versions of all of the responder callbacks that
+     * provide not only the typical `ResponderSyntheticEvent`, but also the
+     * `PanResponder` gesture state. Simply replace the word `Responder` with
+     * `PanResponder` in each of the typical `onResponder*` callbacks.
+     */
+    create(config: PanResponderCallbacks): {
+        getInteractionHandle: () => number | null;
+        panHandlers: GestureResponderHandlerMethods;
+    };
+};
+export type PanResponderInstance = ReturnType<(typeof PanResponder)["create"]>;
+export default PanResponder;