react-native-gtkx 0.1.0-alpha.1

package/dist/style/dev-warning.js

@@ -0,0 +1,18 @@
+// Dev-only warn-once helper shared by the style pipeline. Each unique key
+// warns a single time per process — repeated renders stay silent.
+const warned = new Set();
+export const warnOnce = (key, message) => {
+    if (process.env.NODE_ENV === "production") {
+        return;
+    }
+    if (warned.has(key)) {
+        return;
+    }
+    warned.add(key);
+    console.warn(message);
+};
+// Test-only escape hatch: clears the warn-once registry between test cases.
+export const resetDevWarnings = () => {
+    warned.clear();
+};
+//# sourceMappingURL=dev-warning.js.map

package/dist/style/dev-warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-warning.js","sourceRoot":"","sources":["../../src/style/dev-warning.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,kEAAkE;AAElE,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU,CAAA;AAEhC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,OAAe,EAAQ,EAAE;IAC7D,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,OAAM;IACR,CAAC;IACD,IAAI,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;QACpB,OAAM;IACR,CAAC;IACD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACf,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACvB,CAAC,CAAA;AAED,4EAA4E;AAC5E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAS,EAAE;IACzC,MAAM,CAAC,KAAK,EAAE,CAAA;AAChB,CAAC,CAAA","sourcesContent":["// Dev-only warn-once helper shared by the style pipeline. Each unique key\n// warns a single time per process — repeated renders stay silent.\n\nconst warned = new Set<string>()\n\nexport const warnOnce = (key: string, message: string): void => {\n  if (process.env.NODE_ENV === \"production\") {\n    return\n  }\n  if (warned.has(key)) {\n    return\n  }\n  warned.add(key)\n  console.warn(message)\n}\n\n// Test-only escape hatch: clears the warn-once registry between test cases.\nexport const resetDevWarnings = (): void => {\n  warned.clear()\n}\n"]}

package/dist/style/index.d.ts

@@ -0,0 +1,7 @@
+export { parseColor, PlatformColor } from "./colors";
+export { resetDevWarnings } from "./dev-warning";
+export { createCssRegistry, type CssFn, type CssRegistry } from "./registry";
+export { splitStyle } from "./split-style";
+export { absoluteFill, absoluteFillObject, compose, create, flatten, hairlineWidth, StyleSheet, } from "./style-sheet";
+export { textAlignToLabelProps, type LabelAlignProps, type TextAlign, } from "./text-align";
+export { visualStyleToCss } from "./visual-css";

package/dist/style/index.js

@@ -0,0 +1,14 @@
+// Style pipeline (task 005): StyleSheet → flatten → splitStyle →
+// visualStyleToCss → memoized class registry.
+//
+// Everything exported here is pure (no bridge imports) and unit-testable on
+// any OS. The production registry that talks to the gtkx `css` helper lives
+// in ./registry.gtkx.ts and is imported directly by components (006).
+export { parseColor, PlatformColor } from "./colors";
+export { resetDevWarnings } from "./dev-warning";
+export { createCssRegistry } from "./registry";
+export { splitStyle } from "./split-style";
+export { absoluteFill, absoluteFillObject, compose, create, flatten, hairlineWidth, StyleSheet, } from "./style-sheet";
+export { textAlignToLabelProps, } from "./text-align";
+export { visualStyleToCss } from "./visual-css";
+//# sourceMappingURL=index.js.map

package/dist/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/style/index.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,8CAA8C;AAC9C,EAAE;AACF,4EAA4E;AAC5E,4EAA4E;AAC5E,sEAAsE;AAEtE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAgC,MAAM,YAAY,CAAA;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,OAAO,EACP,MAAM,EACN,OAAO,EACP,aAAa,EACb,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,qBAAqB,GAGtB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA","sourcesContent":["// Style pipeline (task 005): StyleSheet → flatten → splitStyle →\n// visualStyleToCss → memoized class registry.\n//\n// Everything exported here is pure (no bridge imports) and unit-testable on\n// any OS. The production registry that talks to the gtkx `css` helper lives\n// in ./registry.gtkx.ts and is imported directly by components (006).\n\nexport { parseColor, PlatformColor } from \"./colors\"\nexport { resetDevWarnings } from \"./dev-warning\"\nexport { createCssRegistry, type CssFn, type CssRegistry } from \"./registry\"\nexport { splitStyle } from \"./split-style\"\nexport {\n  absoluteFill,\n  absoluteFillObject,\n  compose,\n  create,\n  flatten,\n  hairlineWidth,\n  StyleSheet,\n} from \"./style-sheet\"\nexport {\n  textAlignToLabelProps,\n  type LabelAlignProps,\n  type TextAlign,\n} from \"./text-align\"\nexport { visualStyleToCss } from \"./visual-css\"\n"]}

package/dist/style/registry.d.ts

@@ -0,0 +1,12 @@
+import type { VisualStyle } from "../contracts";
+export type CssFn = (cssText: string) => string;
+export type CssRegistry = {
+    /**
+     * Returns the GTK CSS class name for a visual style, or null when the
+     * style produces no CSS (empty, or transform/textAlign-only). Equal
+     * styles map to the same class: the cache key is the generated CSS text,
+     * so property order and non-CSS props do not fragment the cache.
+     */
+    getClassName(visual: VisualStyle): string | null;
+};
+export declare const createCssRegistry: (cssFn: CssFn) => CssRegistry;

package/dist/style/registry.gtkx.d.ts

@@ -0,0 +1,2 @@
+import { type CssRegistry } from "./registry";
+export declare const defaultCssRegistry: CssRegistry;

package/dist/style/registry.gtkx.js

@@ -0,0 +1,9 @@
+// Production adapter — the ONLY style module that touches the bridge.
+// Components (task 006) import the default registry from here; everything
+// else in src/style is pure and must not depend on this file. It is also
+// deliberately not re-exported from src/style/index.ts so that unit tests
+// (and any pure consumer) never pull in @gtkx bindings transitively.
+import { css } from "../gtkx/bridge/index";
+import { createCssRegistry } from "./registry";
+export const defaultCssRegistry = createCssRegistry((cssText) => css(cssText));
+//# sourceMappingURL=registry.gtkx.js.map

package/dist/style/registry.gtkx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.gtkx.js","sourceRoot":"","sources":["../../src/style/registry.gtkx.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,0EAA0E;AAC1E,yEAAyE;AACzE,0EAA0E;AAC1E,qEAAqE;AAErE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAoB,MAAM,YAAY,CAAA;AAEhE,MAAM,CAAC,MAAM,kBAAkB,GAAgB,iBAAiB,CAAC,CAAC,OAAO,EAAE,EAAE,CAC3E,GAAG,CAAC,OAAO,CAAC,CACb,CAAA","sourcesContent":["// Production adapter — the ONLY style module that touches the bridge.\n// Components (task 006) import the default registry from here; everything\n// else in src/style is pure and must not depend on this file. It is also\n// deliberately not re-exported from src/style/index.ts so that unit tests\n// (and any pure consumer) never pull in @gtkx bindings transitively.\n\nimport { css } from \"../gtkx/bridge/index\"\nimport { createCssRegistry, type CssRegistry } from \"./registry\"\n\nexport const defaultCssRegistry: CssRegistry = createCssRegistry((cssText) =>\n  css(cssText),\n)\n"]}

package/dist/style/registry.js

@@ -0,0 +1,23 @@
+// Memoized CSS class registry. The actual `css` function is injected:
+// production uses the bridge (registry.gtkx.ts), tests use a fake — this
+// module stays pure and unit-testable on any OS.
+import { visualStyleToCss } from "./visual-css";
+export const createCssRegistry = (cssFn) => {
+    const classByCssText = new Map();
+    return {
+        getClassName(visual) {
+            const cssText = visualStyleToCss(visual);
+            if (cssText === "") {
+                return null;
+            }
+            const cached = classByCssText.get(cssText);
+            if (cached !== undefined) {
+                return cached;
+            }
+            const className = cssFn(cssText);
+            classByCssText.set(cssText, className);
+            return className;
+        },
+    };
+};
+//# sourceMappingURL=registry.js.map

package/dist/style/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/style/registry.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,yEAAyE;AACzE,iDAAiD;AAGjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAc/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAe,EAAE;IAC7D,MAAM,cAAc,GAAG,IAAI,GAAG,EAAkB,CAAA;IAChD,OAAO;QACL,YAAY,CAAC,MAAM;YACjB,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;YACxC,IAAI,OAAO,KAAK,EAAE,EAAE,CAAC;gBACnB,OAAO,IAAI,CAAA;YACb,CAAC;YACD,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YAC1C,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;gBACzB,OAAO,MAAM,CAAA;YACf,CAAC;YACD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,CAAA;YAChC,cAAc,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;YACtC,OAAO,SAAS,CAAA;QAClB,CAAC;KACF,CAAA;AACH,CAAC,CAAA","sourcesContent":["// Memoized CSS class registry. The actual `css` function is injected:\n// production uses the bridge (registry.gtkx.ts), tests use a fake — this\n// module stays pure and unit-testable on any OS.\n\nimport type { VisualStyle } from \"../contracts\"\nimport { visualStyleToCss } from \"./visual-css\"\n\nexport type CssFn = (cssText: string) => string\n\nexport type CssRegistry = {\n  /**\n   * Returns the GTK CSS class name for a visual style, or null when the\n   * style produces no CSS (empty, or transform/textAlign-only). Equal\n   * styles map to the same class: the cache key is the generated CSS text,\n   * so property order and non-CSS props do not fragment the cache.\n   */\n  getClassName(visual: VisualStyle): string | null\n}\n\nexport const createCssRegistry = (cssFn: CssFn): CssRegistry => {\n  const classByCssText = new Map<string, string>()\n  return {\n    getClassName(visual) {\n      const cssText = visualStyleToCss(visual)\n      if (cssText === \"\") {\n        return null\n      }\n      const cached = classByCssText.get(cssText)\n      if (cached !== undefined) {\n        return cached\n      }\n      const className = cssFn(cssText)\n      classByCssText.set(cssText, className)\n      return className\n    },\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+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.
+ */
+export declare const splitStyle: (flat: FlatStyle) => SplitStyle;

package/dist/style/split-style.js

@@ -0,0 +1,107 @@
+// Classifies a flattened style into layout props (consumed by the Yoga
+// engine, task 004) and visual props (compiled into GTK CSS). Pure module.
+import { warnOnce } from "./dev-warning";
+// Exhaustive over the frozen contract: adding a key to LayoutStyle in
+// contracts.ts fails compilation here until the key is classified.
+const LAYOUT_KEYS = {
+    alignContent: true,
+    alignItems: true,
+    alignSelf: true,
+    aspectRatio: true,
+    bottom: true,
+    columnGap: true,
+    direction: true,
+    display: true,
+    flex: true,
+    flexBasis: true,
+    flexDirection: true,
+    flexGrow: true,
+    flexShrink: true,
+    flexWrap: true,
+    gap: true,
+    height: true,
+    justifyContent: true,
+    left: true,
+    margin: true,
+    marginBottom: true,
+    marginHorizontal: true,
+    marginLeft: true,
+    marginRight: true,
+    marginTop: true,
+    marginVertical: true,
+    maxHeight: true,
+    maxWidth: true,
+    minHeight: true,
+    minWidth: true,
+    overflow: true,
+    padding: true,
+    paddingBottom: true,
+    paddingHorizontal: true,
+    paddingLeft: true,
+    paddingRight: true,
+    paddingTop: true,
+    paddingVertical: true,
+    position: true,
+    right: true,
+    rowGap: true,
+    top: true,
+    width: true,
+};
+// Note: `transform` is visual by contract — it is applied by the layout
+// engine through Fixed.Child matrices, not through CSS, and is passed
+// through here untouched.
+const VISUAL_KEYS = {
+    backgroundColor: true,
+    borderBottomColor: true,
+    borderBottomLeftRadius: true,
+    borderBottomRightRadius: true,
+    borderBottomWidth: true,
+    borderColor: true,
+    borderLeftColor: true,
+    borderLeftWidth: true,
+    borderRadius: true,
+    borderRightColor: true,
+    borderRightWidth: true,
+    borderStyle: true,
+    borderTopColor: true,
+    borderTopLeftRadius: true,
+    borderTopRightRadius: true,
+    borderTopWidth: true,
+    borderWidth: true,
+    color: true,
+    fontFamily: true,
+    fontSize: true,
+    fontStyle: true,
+    fontWeight: true,
+    letterSpacing: true,
+    lineHeight: true,
+    opacity: true,
+    textAlign: true,
+    transform: true,
+};
+/**
+ * Splits a flattened style into { layout, visual }. Unknown properties are
+ * ignored with a one-time dev warning per key; undefined values are dropped.
+ */
+export const splitStyle = (flat) => {
+    const layout = {};
+    const visual = {};
+    for (const [key, value] of Object.entries(flat)) {
+        if (value === undefined) {
+            continue;
+        }
+        if (Object.hasOwn(LAYOUT_KEYS, key)) {
+            ;
+            layout[key] = value;
+        }
+        else if (Object.hasOwn(VISUAL_KEYS, key)) {
+            ;
+            visual[key] = value;
+        }
+        else {
+            warnOnce(`unknown-style-prop:${key}`, `[react-native-gtkx] Unknown style property "${key}" is not supported and will be ignored`);
+        }
+    }
+    return { layout, visual };
+};
+//# sourceMappingURL=split-style.js.map

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

@@ -0,0 +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, task 004) 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 by the layout\n// engine through Fixed.Child matrices, 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"]}

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

@@ -0,0 +1,43 @@
+import type { FlatStyle, StyleProp } from "../contracts";
+export declare const hairlineWidth = 1;
+export declare const absoluteFillObject: {
+    position: "absolute";
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+export declare const absoluteFill: FlatStyle;
+type NamedStyles<T> = {
+    [P in keyof T]: FlatStyle;
+};
+/**
+ * Registers a map of named styles. Identity function at runtime (like modern
+ * React Native); exists for typing and API compatibility.
+ */
+export declare const create: <T extends NamedStyles<T>>(styles: T & NamedStyles<T>) => T;
+/**
+ * Flattens a style prop (object, or arbitrarily nested arrays with falsy
+ * holes `[a, b, cond && c]`) into a single plain object. Later entries win.
+ */
+export declare const flatten: (style: StyleProp<FlatStyle>) => FlatStyle;
+/**
+ * Combines two style props so that style2 takes precedence. Mirrors React
+ * Native: returns the non-null one when the other is null/undefined.
+ */
+export declare const compose: (style1: StyleProp<FlatStyle>, style2: StyleProp<FlatStyle>) => StyleProp<FlatStyle>;
+export declare const StyleSheet: {
+    absoluteFill: FlatStyle;
+    absoluteFillObject: {
+        position: "absolute";
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    compose: (style1: StyleProp<FlatStyle>, style2: StyleProp<FlatStyle>) => StyleProp<FlatStyle>;
+    create: <T extends NamedStyles<T>>(styles: T & NamedStyles<T>) => T;
+    flatten: (style: StyleProp<FlatStyle>) => FlatStyle;
+    hairlineWidth: number;
+};
+export {};

package/dist/style/style-sheet.js

@@ -0,0 +1,57 @@
+// React Native's StyleSheet API. Pure module — no bridge imports.
+// GTK renders in logical pixels (scale factor is applied by the compositor),
+// so the thinnest visible line is 1.
+export const hairlineWidth = 1;
+export const absoluteFillObject = {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+};
+export const absoluteFill = Object.freeze({ ...absoluteFillObject });
+/**
+ * Registers a map of named styles. Identity function at runtime (like modern
+ * React Native); exists for typing and API compatibility.
+ */
+export const create = (styles) => styles;
+const collect = (style, out) => {
+    if (!style) {
+        return;
+    }
+    if (Array.isArray(style)) {
+        for (const item of style) {
+            collect(item, out);
+        }
+        return;
+    }
+    Object.assign(out, style);
+};
+/**
+ * Flattens a style prop (object, or arbitrarily nested arrays with falsy
+ * holes `[a, b, cond && c]`) into a single plain object. Later entries win.
+ */
+export const flatten = (style) => {
+    const out = {};
+    collect(style, out);
+    return out;
+};
+/**
+ * Combines two style props so that style2 takes precedence. Mirrors React
+ * Native: returns the non-null one when the other is null/undefined.
+ */
+export const compose = (style1, style2) => {
+    if (style1 != null && style2 != null) {
+        return [style1, style2];
+    }
+    return style1 != null ? style1 : style2;
+};
+export const StyleSheet = {
+    absoluteFill,
+    absoluteFillObject,
+    compose,
+    create,
+    flatten,
+    hairlineWidth,
+};
+//# sourceMappingURL=style-sheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-sheet.js","sourceRoot":"","sources":["../../src/style/style-sheet.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAIlE,6EAA6E;AAC7E,qCAAqC;AACrC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAA;AAE9B,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;CACU,CAAA;AAErB,MAAM,CAAC,MAAM,YAAY,GAAc,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAC,CAAA;AAI/E;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CACpB,MAA0B,EACvB,EAAE,CAAC,MAAM,CAAA;AAEd,MAAM,OAAO,GAAG,CACd,KAA2B,EAC3B,GAA4B,EACtB,EAAE;IACR,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAM;IACR,CAAC;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,KAAK,MAAM,IAAI,IAAI,KAA4C,EAAE,CAAC;YAChE,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACpB,CAAC;QACD,OAAM;IACR,CAAC;IACD,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;AAC3B,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAA2B,EAAa,EAAE;IAChE,MAAM,GAAG,GAA4B,EAAE,CAAA;IACvC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IACnB,OAAO,GAAgB,CAAA;AACzB,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,MAA4B,EAC5B,MAA4B,EACN,EAAE;IACxB,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;QACrC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzB,CAAC;IACD,OAAO,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;AACzC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,YAAY;IACZ,kBAAkB;IAClB,OAAO;IACP,MAAM;IACN,OAAO;IACP,aAAa;CACd,CAAA","sourcesContent":["// React Native's StyleSheet API. Pure module — no bridge imports.\n\nimport type { FlatStyle, StyleProp } from \"../contracts\"\n\n// GTK renders in logical pixels (scale factor is applied by the compositor),\n// so the thinnest visible line is 1.\nexport const hairlineWidth = 1\n\nexport const absoluteFillObject = {\n  position: \"absolute\",\n  left: 0,\n  right: 0,\n  top: 0,\n  bottom: 0,\n} satisfies FlatStyle\n\nexport const absoluteFill: FlatStyle = Object.freeze({ ...absoluteFillObject })\n\ntype NamedStyles<T> = { [P in keyof T]: FlatStyle }\n\n/**\n * Registers a map of named styles. Identity function at runtime (like modern\n * React Native); exists for typing and API compatibility.\n */\nexport const create = <T extends NamedStyles<T>>(\n  styles: T & NamedStyles<T>,\n): T => styles\n\nconst collect = (\n  style: StyleProp<FlatStyle>,\n  out: Record<string, unknown>,\n): void => {\n  if (!style) {\n    return\n  }\n  if (Array.isArray(style)) {\n    for (const item of style as ReadonlyArray<StyleProp<FlatStyle>>) {\n      collect(item, out)\n    }\n    return\n  }\n  Object.assign(out, style)\n}\n\n/**\n * Flattens a style prop (object, or arbitrarily nested arrays with falsy\n * holes `[a, b, cond && c]`) into a single plain object. Later entries win.\n */\nexport const flatten = (style: StyleProp<FlatStyle>): FlatStyle => {\n  const out: Record<string, unknown> = {}\n  collect(style, out)\n  return out as FlatStyle\n}\n\n/**\n * Combines two style props so that style2 takes precedence. Mirrors React\n * Native: returns the non-null one when the other is null/undefined.\n */\nexport const compose = (\n  style1: StyleProp<FlatStyle>,\n  style2: StyleProp<FlatStyle>,\n): StyleProp<FlatStyle> => {\n  if (style1 != null && style2 != null) {\n    return [style1, style2]\n  }\n  return style1 != null ? style1 : style2\n}\n\nexport const StyleSheet = {\n  absoluteFill,\n  absoluteFillObject,\n  compose,\n  create,\n  flatten,\n  hairlineWidth,\n}\n"]}

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

@@ -0,0 +1,7 @@
+import type { VisualStyle } from "../contracts";
+export type TextAlign = NonNullable<VisualStyle["textAlign"]>;
+export type LabelAlignProps = {
+    xalign: number;
+    justification: "left" | "right" | "center" | "fill";
+};
+export declare const textAlignToLabelProps: (textAlign: TextAlign | undefined) => LabelAlignProps;

package/dist/style/text-align.js

@@ -0,0 +1,22 @@
+// GTK4 CSS has no text-align property, so textAlign never reaches the CSS
+// generator: the Text component (006) maps it onto GtkLabel properties with
+// this pure helper (no bridge imports).
+//
+// - xalign positions the whole text block inside the label allocation;
+// - justification aligns wrapped lines relative to each other (values match
+//   Gtk.Justification: left/right/center/fill).
+export const textAlignToLabelProps = (textAlign) => {
+    switch (textAlign) {
+        case "right":
+            return { xalign: 1, justification: "right" };
+        case "center":
+            return { xalign: 0.5, justification: "center" };
+        case "justify":
+            return { xalign: 0, justification: "fill" };
+        case "auto":
+        case "left":
+        case undefined:
+            return { xalign: 0, justification: "left" };
+    }
+};
+//# sourceMappingURL=text-align.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-align.js","sourceRoot":"","sources":["../../src/style/text-align.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,4EAA4E;AAC5E,wCAAwC;AACxC,EAAE;AACF,uEAAuE;AACvE,4EAA4E;AAC5E,gDAAgD;AAWhD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,SAAgC,EACf,EAAE;IACnB,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,OAAO;YACV,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAA;QAC9C,KAAK,QAAQ;YACX,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;QACjD,KAAK,SAAS;YACZ,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAA;QAC7C,KAAK,MAAM,CAAC;QACZ,KAAK,MAAM,CAAC;QACZ,KAAK,SAAS;YACZ,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAA;IAC/C,CAAC;AACH,CAAC,CAAA","sourcesContent":["// GTK4 CSS has no text-align property, so textAlign never reaches the CSS\n// generator: the Text component (006) maps it onto GtkLabel properties with\n// this pure helper (no bridge imports).\n//\n// - xalign positions the whole text block inside the label allocation;\n// - justification aligns wrapped lines relative to each other (values match\n//   Gtk.Justification: left/right/center/fill).\n\nimport type { VisualStyle } from \"../contracts\"\n\nexport type TextAlign = NonNullable<VisualStyle[\"textAlign\"]>\n\nexport type LabelAlignProps = {\n  xalign: number\n  justification: \"left\" | \"right\" | \"center\" | \"fill\"\n}\n\nexport const textAlignToLabelProps = (\n  textAlign: TextAlign | undefined,\n): LabelAlignProps => {\n  switch (textAlign) {\n    case \"right\":\n      return { xalign: 1, justification: \"right\" }\n    case \"center\":\n      return { xalign: 0.5, justification: \"center\" }\n    case \"justify\":\n      return { xalign: 0, justification: \"fill\" }\n    case \"auto\":\n    case \"left\":\n    case undefined:\n      return { xalign: 0, justification: \"left\" }\n  }\n}\n"]}

package/dist/style/visual-css.d.ts

@@ -0,0 +1,6 @@
+import type { VisualStyle } from "../contracts";
+/**
+ * Renders a VisualStyle as GTK CSS declarations (one per line, stable
+ * order). Returns "" when the style produces no CSS (e.g. transform-only).
+ */
+export declare const visualStyleToCss: (visual: VisualStyle) => string;

package/dist/style/visual-css.js

@@ -0,0 +1,133 @@
+// Compiles a VisualStyle into a GTK4 CSS declaration block (no selector).
+// Pure module — the resulting string is registered as a class through an
+// injected `css` function (see registry.ts / registry.gtkx.ts).
+//
+// 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;
+// - 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;
+// - transform is applied by the layout engine via Fixed.Child matrices,
+//   never through CSS, and is skipped here as well.
+import { parseColor } from "./colors";
+import { warnOnce } from "./dev-warning";
+const px = (value) => `${value}px`;
+const clamp01 = (value) => Math.min(1, Math.max(0, value));
+const pushColor = (declarations, cssProperty, value, styleProperty) => {
+    const parsed = parseColor(value);
+    if (parsed === null) {
+        warnOnce(`invalid-color:${styleProperty}:${value}`, `[react-native-gtkx] Invalid color ${JSON.stringify(value)} in "${styleProperty}" — declaration dropped`);
+        return;
+    }
+    declarations.push(`${cssProperty}: ${parsed};`);
+};
+const formatFontFamily = (family) => {
+    const trimmed = family.trim();
+    if (/^(".*"|'.*')$/.test(trimmed)) {
+        return trimmed;
+    }
+    return /^[A-Za-z][\w-]*$/.test(trimmed)
+        ? trimmed
+        : `"${trimmed.replace(/"/g, '\\"')}"`;
+};
+/**
+ * Renders a VisualStyle as GTK CSS declarations (one per line, stable
+ * order). Returns "" when the style produces no CSS (e.g. transform-only).
+ */
+export const visualStyleToCss = (visual) => {
+    const decls = [];
+    if (visual.backgroundColor !== undefined) {
+        pushColor(decls, "background-color", visual.backgroundColor, "backgroundColor");
+    }
+    if (visual.opacity !== undefined) {
+        decls.push(`opacity: ${clamp01(visual.opacity)};`);
+    }
+    // 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".
+    const hasVisibleBorderWidth = [
+        visual.borderWidth,
+        visual.borderTopWidth,
+        visual.borderRightWidth,
+        visual.borderBottomWidth,
+        visual.borderLeftWidth,
+    ].some((width) => width !== undefined && width > 0);
+    if (visual.borderStyle !== undefined) {
+        decls.push(`border-style: ${visual.borderStyle};`);
+    }
+    else if (hasVisibleBorderWidth) {
+        decls.push("border-style: solid;");
+    }
+    // Shorthands first, then per-side overrides so the sides win.
+    if (visual.borderWidth !== undefined) {
+        decls.push(`border-width: ${px(visual.borderWidth)};`);
+    }
+    if (visual.borderTopWidth !== undefined) {
+        decls.push(`border-top-width: ${px(visual.borderTopWidth)};`);
+    }
+    if (visual.borderRightWidth !== undefined) {
+        decls.push(`border-right-width: ${px(visual.borderRightWidth)};`);
+    }
+    if (visual.borderBottomWidth !== undefined) {
+        decls.push(`border-bottom-width: ${px(visual.borderBottomWidth)};`);
+    }
+    if (visual.borderLeftWidth !== undefined) {
+        decls.push(`border-left-width: ${px(visual.borderLeftWidth)};`);
+    }
+    if (visual.borderColor !== undefined) {
+        pushColor(decls, "border-color", visual.borderColor, "borderColor");
+    }
+    if (visual.borderTopColor !== undefined) {
+        pushColor(decls, "border-top-color", visual.borderTopColor, "borderTopColor");
+    }
+    if (visual.borderRightColor !== undefined) {
+        pushColor(decls, "border-right-color", visual.borderRightColor, "borderRightColor");
+    }
+    if (visual.borderBottomColor !== undefined) {
+        pushColor(decls, "border-bottom-color", visual.borderBottomColor, "borderBottomColor");
+    }
+    if (visual.borderLeftColor !== undefined) {
+        pushColor(decls, "border-left-color", visual.borderLeftColor, "borderLeftColor");
+    }
+    if (visual.borderRadius !== undefined) {
+        decls.push(`border-radius: ${px(visual.borderRadius)};`);
+    }
+    // Per-corner radii come after the shorthand so they override it.
+    if (visual.borderTopLeftRadius !== undefined) {
+        decls.push(`border-top-left-radius: ${px(visual.borderTopLeftRadius)};`);
+    }
+    if (visual.borderTopRightRadius !== undefined) {
+        decls.push(`border-top-right-radius: ${px(visual.borderTopRightRadius)};`);
+    }
+    if (visual.borderBottomRightRadius !== undefined) {
+        decls.push(`border-bottom-right-radius: ${px(visual.borderBottomRightRadius)};`);
+    }
+    if (visual.borderBottomLeftRadius !== undefined) {
+        decls.push(`border-bottom-left-radius: ${px(visual.borderBottomLeftRadius)};`);
+    }
+    if (visual.color !== undefined) {
+        pushColor(decls, "color", visual.color, "color");
+    }
+    if (visual.fontFamily !== undefined) {
+        decls.push(`font-family: ${formatFontFamily(visual.fontFamily)};`);
+    }
+    if (visual.fontSize !== undefined) {
+        decls.push(`font-size: ${px(visual.fontSize)};`);
+    }
+    if (visual.fontStyle !== undefined) {
+        decls.push(`font-style: ${visual.fontStyle};`);
+    }
+    if (visual.fontWeight !== undefined) {
+        decls.push(`font-weight: ${visual.fontWeight};`);
+    }
+    if (visual.letterSpacing !== undefined) {
+        decls.push(`letter-spacing: ${px(visual.letterSpacing)};`);
+    }
+    if (visual.lineHeight !== undefined) {
+        decls.push(`line-height: ${px(visual.lineHeight)};`);
+    }
+    // visual.textAlign, visual.transform: intentionally not CSS (see header).
+    return decls.join("\n");
+};
+//# sourceMappingURL=visual-css.js.map

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

@@ -0,0 +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 is applied by the layout engine via Fixed.Child matrices,\n//   never through CSS, and 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"]}

package/dist/vite/index.d.ts

@@ -0,0 +1,53 @@
+import type { Plugin } from "vite";
+/** Options shared by the preset factory and the pure resolver helpers. */
+export type PlatformResolutionOptions = {
+    /** Platform suffix priority, most specific first. Default: ["linux", "native"]. */
+    platforms?: readonly string[];
+    /** Source extensions tried for every platform suffix. Default: ["tsx", "ts", "jsx", "js"]. */
+    extensions?: readonly string[];
+};
+/** Predicate the plugin injects as fs.existsSync; tests inject fakes. */
+export type FileExists = (filePath: string) => boolean;
+export declare const DEFAULT_PLATFORMS: readonly string[];
+export declare const DEFAULT_EXTENSIONS: readonly string[];
+/**
+ * Maps `react-native` (and its subpaths) to `react-native-gtkx`.
+ * Returns null for every other specifier, including `react-native-gtkx`
+ * itself and lookalikes such as `react-native-web`.
+ */
+export declare const rewriteReactNativeImport: (source: string) => string | null;
+/** Splits a vite specifier into its path part and its `?query` suffix. */
+export declare const splitQuery: (source: string) => {
+    specifier: string;
+    query: string;
+};
+/**
+ * Ordered platform suffixes, platform-major: every extension of the first
+ * platform is tried before any extension of the next one
+ * (`.linux.tsx`, `.linux.ts`, …, `.native.tsx`, …).
+ */
+export declare const platformSuffixes: (options?: PlatformResolutionOptions) => string[];
+/**
+ * Candidate file paths for an extensionless base path, in priority order:
+ * direct platform files first, then platform index files of a directory —
+ * mirroring Metro, which exhausts file resolution before directory resolution.
+ * The base file itself is not a candidate: when no platform file exists the
+ * plugin bails out and the default resolver picks the base module.
+ */
+export declare const platformCandidates: (base: string, options?: PlatformResolutionOptions) => string[];
+/**
+ * Metro platform-extension resolution for a single import:
+ * only extensionless relative (or absolute) specifiers participate; the first
+ * existing candidate wins; the `?query` suffix is carried over. Returns null
+ * when the import is out of scope or no platform file exists, handing the
+ * import back to the default resolver.
+ */
+export declare const resolvePlatformSpecifier: (source: string, importer: string | undefined, exists: FileExists, options?: PlatformResolutionOptions) => string | null;
+export type ReactNativeGtkxOptions = PlatformResolutionOptions;
+/**
+ * Vite plugin: aliases `react-native` (and subpaths) to `react-native-gtkx`
+ * and resolves Metro-style platform extensions
+ * (`.linux.tsx` → `.native.tsx` → base) for extensionless imports.
+ */
+export declare const reactNativeGtkx: (options?: ReactNativeGtkxOptions) => Plugin;
+export default reactNativeGtkx;