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

package/dist/style/animated-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-size.js","sourceRoot":"","sources":["../../src/style/animated-size.ts"],"names":[],"mappings":"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","sourcesContent":["// The second carve-out in the layout refusal: a size change that is CONFINED\n// to the node that owns it.\n//\n// The refusal itself is a cost argument and stays one — a naive `width` write\n// is a Yoga pass over the container plus its commit walk, 52 / 133 / 496 µs at\n// 5 / 60 / 300 children against a transform's 1.5 µs, and it grows with the\n// CONTAINER rather than with the animated value\n// (docs/research/animated-size.md §3). What that measurement also found is\n// that the growth is entirely in work the change does not need: re-running\n// Yoga rooted at the ANIMATED NODE instead of at the root is 6.6 µs for a leaf\n// and 23 µs with wrapped text, IDENTICAL at 5, 60 and 300 siblings, and\n// reproduces a full pass exactly — as long as the change genuinely stops at\n// the node.\n//\n// This module decides that \"as long as\". It is the same shape as\n// ./absolute-insets.ts and exists for the same reason: a rule that drifted\n// away from what Yoga actually does is the bug this design is most likely to\n// ship, so it lives in one place and tests/unit/style/animated-size.test.ts\n// runs it against the real `LayoutEngine` — every configuration is laid out\n// twice, once by a full pass and once by the subtree pass, and the rule is\n// required to say yes exactly where the two agree, on every rect.\n//\n// THE AUTHORITY IS THE LAYOUT TREE, not the updater's style object.\n// `position`, the container's `flexDirection` and its `alignItems` are almost\n// always in a sibling style entry that `useAnimatedStyle` never mentions\n// (`style={[styles.bar, useAnimatedStyle(() => ({ width: w.value }))]}`), and\n// the container's style is not in the animated component's props at all. So\n// the questions are asked of the shadow tree, of the style each node was\n// actually laid out with (layout/node.ts, `LayoutNode.style`).\n//\n// WHAT THE RULE COMES DOWN TO, per driven axis A:\n//\n//   1. the node has no `aspectRatio` (it ties A to the other axis) and no\n//      `min`/`max` on A (both clamp the driven value — measured);\n//   2. the node's size on the OTHER axis does not come from its content, or\n//      re-laying the subtree out at the new A would change it too and every\n//      following sibling would shift;\n//   3. the container's size on A does not depend on its children, or the\n//      container grows with the node and everything around it moves;\n//   4. for an in-flow node, A is the container's CROSS axis (a main-axis\n//      change shifts every following sibling), the container does not wrap\n//      (a cross-size change re-sizes the node's LINE and moves the lines\n//      after it), and the node's resolved cross-axis alignment is\n//      `flex-start` or `stretch` — `center` and `flex-end` move the node's\n//      own origin as it grows;\n//   5. for an out-of-flow node, A's START edge is anchored, so the node grows\n//      from an origin that does not move.\n//\n// Everything else keeps the refusal, re-argued on cost alone.\n\nimport type { LayoutNode } from \"../layout/node\"\nimport type { DimensionValue, LayoutStyle } from \"../contracts\"\n\nexport type SizeProperty = \"width\" | \"height\"\n\nexport const SIZE_PROPERTIES: readonly SizeProperty[] = [\"width\", \"height\"]\n\ntype Axis = \"horizontal\" | \"vertical\"\n\nconst AXIS_OF: Record<SizeProperty, Axis> = {\n  width: \"horizontal\",\n  height: \"vertical\",\n}\n\nconst SIZE_ON: Record<Axis, SizeProperty> = {\n  horizontal: \"width\",\n  vertical: \"height\",\n}\n\nconst OTHER_AXIS: Record<Axis, Axis> = {\n  horizontal: \"vertical\",\n  vertical: \"horizontal\",\n}\n\nconst START_EDGE: Record<Axis, \"left\" | \"top\"> = {\n  horizontal: \"left\",\n  vertical: \"top\",\n}\n\nconst END_EDGE: Record<Axis, \"right\" | \"bottom\"> = {\n  horizontal: \"right\",\n  vertical: \"bottom\",\n}\n\nconst MIN_ON: Record<Axis, \"minWidth\" | \"minHeight\"> = {\n  horizontal: \"minWidth\",\n  vertical: \"minHeight\",\n}\n\nconst MAX_ON: Record<Axis, \"maxWidth\" | \"maxHeight\"> = {\n  horizontal: \"maxWidth\",\n  vertical: \"maxHeight\",\n}\n\n/** Where the driven size is asked about: the node, and the root it lives under. */\nexport type DrivenSizeContext = {\n  /** The animated node's own shadow-tree node. */\n  node: LayoutNode\n  /**\n   * Whether the LAYOUT ROOT reports its own Yoga content size to GTK — an\n   * `IntrinsicRoot`, i.e. React Native content mounted directly in a GTK\n   * chrome slot. That is the one root shape where a size below really does\n   * reach the toplevel's size request (docs/research/animated-size.md §4), so\n   * under it the climb never ends in a rectangle somebody else decided and\n   * nothing qualifies.\n   */\n  rootIsContentSized: boolean\n}\n\n// --- reading a style --------------------------------------------------------\n\nconst EMPTY: Readonly<LayoutStyle> = {}\n\nconst styleOf = (node: LayoutNode): Readonly<LayoutStyle> => node.style ?? EMPTY\n\n/** Definite in Yoga's sense: a point or a percentage, not `auto` and not absent. */\nconst isDefinite = (value: DimensionValue | undefined): boolean =>\n  typeof value === \"number\" ||\n  (typeof value === \"string\" && value !== \"auto\" && value.endsWith(\"%\"))\n\nconst mainAxisOf = (style: Readonly<LayoutStyle>): Axis => {\n  const direction = style.flexDirection ?? \"column\"\n  return direction === \"row\" || direction === \"row-reverse\"\n    ? \"horizontal\"\n    : \"vertical\"\n}\n\nconst isAbsolute = (style: Readonly<LayoutStyle>): boolean =>\n  style.position === \"absolute\"\n\n// `flex: N` is Yoga's shorthand and it resolves flexBasis to zero, which is\n// what makes `flex: 1` a size that comes from the container rather than from\n// the content. A bare `flexGrow` leaves flexBasis `auto`, so the final size is\n// content PLUS a share of the free space — and the content half is exactly\n// what disqualifies it.\nconst growsFromContainer = (style: Readonly<LayoutStyle>): boolean => {\n  const flex = style.flex ?? 0\n  if (flex > 0) {\n    return true\n  }\n  return (style.flexGrow ?? 0) > 0 && isDefinite(style.flexBasis)\n}\n\n/** The cross-axis alignment this node resolves to inside `container`. */\nconst resolvedAlign = (\n  style: Readonly<LayoutStyle>,\n  container: Readonly<LayoutStyle>,\n): string => {\n  const own = style.alignSelf ?? \"auto\"\n  return own === \"auto\" ? (container.alignItems ?? \"stretch\") : own\n}\n\n// --- the question the rule is made of ---------------------------------------\n\n// A climb, so it terminates; nothing in a real tree comes close, and a\n// malformed one must not hang a frame.\nconst MAX_CLIMB = 64\n\n/**\n * Whether `node`'s own size on `axis` can be changed by its CHILDREN.\n *\n * Asked of the container (can the animated node push it around?) and, on the\n * other axis, of the animated node itself (can its own re-laid-out subtree\n * push it around?). The answers are the same list: a definite size from its\n * own style, a size stretched or grown from its container, or an out-of-flow\n * box anchored on both edges — and the climb only continues where the size is\n * inherited from above.\n */\nconst sizeIsIndependentOfContent = (\n  node: LayoutNode | null,\n  axis: Axis,\n  rootIsContentSized: boolean,\n  depth = 0,\n): boolean => {\n  if (node === null) {\n    // Past the engine root. `Root` is laid out against a viewport — a definite\n    // rectangle it adopts whole — and an `IntrinsicRoot` measures its content\n    // instead, which is the one case where the climb ends in a no.\n    return !rootIsContentSized\n  }\n  if (depth >= MAX_CLIMB) {\n    return false\n  }\n  const style = styleOf(node)\n  if (isDefinite(style[SIZE_ON[axis]])) {\n    return true\n  }\n  if (isAbsolute(style)) {\n    // Anchored on both edges: the size is the distance between them, which is\n    // the container's business and not its children's.\n    return (\n      isDefinite(style[START_EDGE[axis]]) && isDefinite(style[END_EDGE[axis]])\n    )\n  }\n  const parent = node.parent\n  if (parent === null) {\n    // The engine root itself: `calculateLayout` is given the viewport as\n    // available space, and it fills it — unless the root is the one that\n    // measures its content instead.\n    return !rootIsContentSized\n  }\n  const container = styleOf(parent)\n  if (axis === mainAxisOf(container)) {\n    return (\n      growsFromContainer(style) &&\n      sizeIsIndependentOfContent(parent, axis, rootIsContentSized, depth + 1)\n    )\n  }\n  // The container's cross axis: `stretch` hands the node the container's own\n  // content box, so the question simply moves up one level. A wrapping\n  // container stretches to the LINE instead, which its siblings decide, so it\n  // stops here.\n  if (\n    (container.flexWrap ?? \"nowrap\") !== \"nowrap\" ||\n    resolvedAlign(style, container) !== \"stretch\"\n  ) {\n    return false\n  }\n  return sizeIsIndependentOfContent(parent, axis, rootIsContentSized, depth + 1)\n}\n\n// --- the rule ---------------------------------------------------------------\n\n/**\n * Why `property` cannot be driven on this node — the sentence a warning needs\n * — or null when it CAN be, in which case the driven size goes into the rect\n * store as an override and the node's own subtree is re-laid-out pinned to it.\n */\nexport const drivenSizeRefusal = (\n  { node, rootIsContentSized }: DrivenSizeContext,\n  property: SizeProperty,\n): string | null => {\n  const axis = AXIS_OF[property]\n  const other = OTHER_AXIS[axis]\n  const style = styleOf(node)\n\n  if (style.aspectRatio !== undefined) {\n    return (\n      \"the node has an `aspectRatio`, which derives its \" +\n      `\\`${SIZE_ON[other]}\\` from its \\`${property}\\` — so the change is not confined to one axis`\n    )\n  }\n  if (isDefinite(style[MIN_ON[axis]]) || isDefinite(style[MAX_ON[axis]])) {\n    return (\n      `the node has a \\`${MIN_ON[axis]}\\`/\\`${MAX_ON[axis]}\\`, which clamps the driven value — what is on ` +\n      \"screen would stop following the animation\"\n    )\n  }\n  if (!sizeIsIndependentOfContent(node, other, rootIsContentSized)) {\n    return (\n      `the node's \\`${SIZE_ON[other]}\\` comes from its own content, so re-laying its subtree out at a new ` +\n      `\\`${property}\\` would change the \\`${SIZE_ON[other]}\\` too and move every sibling after it`\n    )\n  }\n\n  const parent = node.parent\n  if (parent === null) {\n    return \"the node is a layout root, whose size is the rectangle GTK hands it rather than a style\"\n  }\n  if (!sizeIsIndependentOfContent(parent, axis, rootIsContentSized)) {\n    return rootIsContentSized\n      ? `the container's \\`${property}\\` is derived from its children, up to an \\`IntrinsicRoot\\` that reports ` +\n          \"its content size to GTK — so a size change here really does reach the window's own size request\"\n      : `the container's \\`${property}\\` is derived from its children, so the node growing would grow the ` +\n          \"container and move everything around it\"\n  }\n\n  if (isAbsolute(style)) {\n    // Out of flow: no sibling can be shifted and the container's content size\n    // does not include it, so the only question left is whether the node grows\n    // from an origin that stays put.\n    if (!isDefinite(style[START_EDGE[axis]])) {\n      return (\n        `the node is absolutely positioned with no \\`${START_EDGE[axis]}\\`, so it is anchored by its ` +\n        `\\`${END_EDGE[axis]}\\` edge or by its static position and growing it MOVES it`\n      )\n    }\n    return null\n  }\n\n  const container = styleOf(parent)\n  if (axis === mainAxisOf(container)) {\n    return (\n      `\\`${property}\\` is the container's MAIN axis, so growing the node pushes every following sibling ` +\n      \"along — that is a layout pass over the container, which is what costs 52–496 µs\"\n    )\n  }\n  if ((container.flexWrap ?? \"nowrap\") !== \"nowrap\") {\n    return (\n      \"the container wraps, so a change on its cross axis re-sizes the node's LINE and moves every line \" +\n      \"after it\"\n    )\n  }\n  const align = resolvedAlign(style, container)\n  if (align !== \"flex-start\" && align !== \"stretch\") {\n    return (\n      `the node's resolved cross-axis alignment is \\`${align}\\`, not \\`flex-start\\` or \\`stretch\\`, so it ` +\n      \"grows about its centre or its far edge and its own position moves with its size\"\n    )\n  }\n  return null\n}\n\n/** Whether `property` can be driven at frame rate on this node. */\nexport const canDriveSize = (\n  context: DrivenSizeContext,\n  property: SizeProperty,\n): boolean => drivenSizeRefusal(context, property) === null\n"]}

package/dist/style/box-shadow.d.ts

@@ -0,0 +1,7 @@
+import type { BoxShadowValue } from "../contracts";
+/**
+ * Renders RN's `boxShadow` as a GTK CSS `box-shadow` value, or null when
+ * nothing usable came out of it (the caller then emits no declaration).
+ * Both RN forms are accepted; the string is parsed rather than forwarded.
+ */
+export declare const boxShadowToCss: (value: string | readonly BoxShadowValue[]) => string | null;

package/dist/style/box-shadow.js

@@ -0,0 +1,197 @@
+// Compiles React Native's `boxShadow` into a GTK4 CSS `box-shadow` value.
+// Pure module — no bridge imports, unit-testable on any OS.
+//
+// WHY this is not a passthrough of the string form. RN accepts both a CSS
+// string and a structured array, and the string is the form apps actually
+// write. Handing that string straight to GTK would work for the easy cases
+// and fail silently for the ones that matter here: a `PlatformColor` becomes
+// `var(--card-shade-color)` only after ./colors.ts has seen it, a named
+// colour like `rebeccapurple` is not in GTK's vocabulary at all, and an
+// unparseable value would poison the whole declaration block with a GTK CSS
+// warning rather than being dropped the way an invalid `backgroundColor`
+// already is. Parsing here means both forms take the same path, colours go
+// through the same normalizer as every other colour prop, and a bad shadow
+// costs one dev warning instead of the rest of the style.
+//
+// What GTK4 CSS supports, and therefore what this emits: offset-x offset-y
+// [blur] [spread] [color], plus the `inset` keyword, comma-separated. That
+// is the same grammar as CSS, so the ordering rule is CSS's — the FIRST
+// shadow paints on top — and RN follows it too.
+import { parseColor } from "./colors";
+import { warnOnce } from "./dev-warning";
+/** RN's own shadow-length grammar, from `processBoxShadow.js`: a bare number
+ *  or a number with `px`, nothing else. No percentages, no em — matching it
+ *  exactly means a style that RN rejects is rejected here too, rather than
+ *  quietly working on one platform. */
+const LENGTH = /^[+-]?(\d*\.?\d+)(px)?$/;
+const length = (value) => {
+    if (typeof value === "number") {
+        return Number.isFinite(value) ? `${value}px` : null;
+    }
+    const trimmed = value.trim();
+    const match = LENGTH.exec(trimmed);
+    return match ? `${match[1]}px` : null;
+};
+/** Blur is the one length CSS (and RN's parser) refuses to take negative. */
+const nonNegativeLength = (value) => {
+    const rendered = length(value);
+    if (rendered === null || rendered.startsWith("-")) {
+        return null;
+    }
+    return rendered;
+};
+/** Splits on commas that are not inside parentheses, so `rgba(0, 0, 0, .5)`
+ *  stays one token. */
+const splitShadows = (value) => {
+    const parts = [];
+    let depth = 0;
+    let current = "";
+    for (const char of value) {
+        if (char === "(") {
+            depth += 1;
+        }
+        else if (char === ")") {
+            depth = Math.max(0, depth - 1);
+        }
+        if (char === "," && depth === 0) {
+            parts.push(current);
+            current = "";
+            continue;
+        }
+        current += char;
+    }
+    parts.push(current);
+    return parts.map((part) => part.trim()).filter((part) => part !== "");
+};
+/** Same rule as splitShadows, one level down: whitespace outside
+ *  parentheses separates a shadow's own components. */
+const splitTokens = (shadow) => {
+    const tokens = [];
+    let depth = 0;
+    let current = "";
+    for (const char of shadow) {
+        if (char === "(") {
+            depth += 1;
+        }
+        else if (char === ")") {
+            depth = Math.max(0, depth - 1);
+        }
+        if (/\s/.test(char) && depth === 0) {
+            if (current !== "") {
+                tokens.push(current);
+                current = "";
+            }
+            continue;
+        }
+        current += char;
+    }
+    if (current !== "") {
+        tokens.push(current);
+    }
+    return tokens;
+};
+/**
+ * Parses one CSS shadow into the structured form. Returns null when the
+ * shadow is not something CSS (or RN) would accept: too few or too many
+ * lengths, two colours, an unparseable token.
+ */
+const parseShadow = (shadow) => {
+    const tokens = splitTokens(shadow);
+    const lengths = [];
+    let color;
+    let inset = false;
+    for (const token of tokens) {
+        if (token.toLowerCase() === "inset") {
+            if (inset) {
+                return null;
+            }
+            inset = true;
+            continue;
+        }
+        if (length(token) !== null) {
+            lengths.push(token);
+            continue;
+        }
+        if (color !== undefined) {
+            return null;
+        }
+        color = token;
+    }
+    // CSS requires offset-x and offset-y and allows blur and spread after
+    // them; anything else is a malformed shadow.
+    if (lengths.length < 2 || lengths.length > 4) {
+        return null;
+    }
+    return {
+        offsetX: lengths[0],
+        offsetY: lengths[1],
+        ...(lengths[2] !== undefined ? { blurRadius: lengths[2] } : {}),
+        ...(lengths[3] !== undefined ? { spreadDistance: lengths[3] } : {}),
+        ...(color !== undefined ? { color } : {}),
+        ...(inset ? { inset: true } : {}),
+    };
+};
+/** One structured shadow as a GTK CSS value, or null when a part of it is
+ *  not usable. */
+const shadowToCss = (shadow) => {
+    const offsetX = length(shadow.offsetX);
+    const offsetY = length(shadow.offsetY);
+    if (offsetX === null || offsetY === null) {
+        return null;
+    }
+    const parts = [];
+    if (shadow.inset === true) {
+        parts.push("inset");
+    }
+    parts.push(offsetX, offsetY);
+    if (shadow.blurRadius !== undefined) {
+        const blur = nonNegativeLength(shadow.blurRadius);
+        if (blur === null) {
+            return null;
+        }
+        parts.push(blur);
+    }
+    if (shadow.spreadDistance !== undefined) {
+        // CSS positions spread after blur, so a spread with no blur needs an
+        // explicit zero blur rather than silently becoming one.
+        if (shadow.blurRadius === undefined) {
+            parts.push("0px");
+        }
+        const spread = length(shadow.spreadDistance);
+        if (spread === null) {
+            return null;
+        }
+        parts.push(spread);
+    }
+    // RN's documented deviation from CSS: an omitted shadow colour is BLACK,
+    // not the inherited `currentColor`. Emitting it explicitly is what keeps
+    // this platform on RN's side of that difference — leaving it out would
+    // silently hand the app CSS's behaviour instead.
+    const parsed = parseColor(shadow.color ?? "black");
+    if (parsed === null) {
+        return null;
+    }
+    parts.push(parsed);
+    return parts.join(" ");
+};
+/**
+ * Renders RN's `boxShadow` as a GTK CSS `box-shadow` value, or null when
+ * nothing usable came out of it (the caller then emits no declaration).
+ * Both RN forms are accepted; the string is parsed rather than forwarded.
+ */
+export const boxShadowToCss = (value) => {
+    const shadows = typeof value === "string"
+        ? splitShadows(value).map(parseShadow)
+        : value.map((shadow) => shadow);
+    const rendered = [];
+    for (const shadow of shadows) {
+        const css = shadow === null ? null : shadowToCss(shadow);
+        if (css === null) {
+            warnOnce(`invalid-box-shadow:${JSON.stringify(value)}`, `[react-native-gtkx] Invalid boxShadow ${JSON.stringify(value)} — declaration dropped`);
+            return null;
+        }
+        rendered.push(css);
+    }
+    return rendered.length > 0 ? rendered.join(", ") : null;
+};
+//# sourceMappingURL=box-shadow.js.map

package/dist/style/box-shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-shadow.js","sourceRoot":"","sources":["../../src/style/box-shadow.ts"],"names":[],"mappings":"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","sourcesContent":["// Compiles React Native's `boxShadow` into a GTK4 CSS `box-shadow` value.\n// Pure module — no bridge imports, unit-testable on any OS.\n//\n// WHY this is not a passthrough of the string form. RN accepts both a CSS\n// string and a structured array, and the string is the form apps actually\n// write. Handing that string straight to GTK would work for the easy cases\n// and fail silently for the ones that matter here: a `PlatformColor` becomes\n// `var(--card-shade-color)` only after ./colors.ts has seen it, a named\n// colour like `rebeccapurple` is not in GTK's vocabulary at all, and an\n// unparseable value would poison the whole declaration block with a GTK CSS\n// warning rather than being dropped the way an invalid `backgroundColor`\n// already is. Parsing here means both forms take the same path, colours go\n// through the same normalizer as every other colour prop, and a bad shadow\n// costs one dev warning instead of the rest of the style.\n//\n// What GTK4 CSS supports, and therefore what this emits: offset-x offset-y\n// [blur] [spread] [color], plus the `inset` keyword, comma-separated. That\n// is the same grammar as CSS, so the ordering rule is CSS's — the FIRST\n// shadow paints on top — and RN follows it too.\n\nimport type { BoxShadowValue } from \"../contracts\"\nimport { parseColor } from \"./colors\"\nimport { warnOnce } from \"./dev-warning\"\n\n/** RN's own shadow-length grammar, from `processBoxShadow.js`: a bare number\n *  or a number with `px`, nothing else. No percentages, no em — matching it\n *  exactly means a style that RN rejects is rejected here too, rather than\n *  quietly working on one platform. */\nconst LENGTH = /^[+-]?(\\d*\\.?\\d+)(px)?$/\n\nconst length = (value: number | string): string | null => {\n  if (typeof value === \"number\") {\n    return Number.isFinite(value) ? `${value}px` : null\n  }\n  const trimmed = value.trim()\n  const match = LENGTH.exec(trimmed)\n  return match ? `${match[1]}px` : null\n}\n\n/** Blur is the one length CSS (and RN's parser) refuses to take negative. */\nconst nonNegativeLength = (value: number | string): string | null => {\n  const rendered = length(value)\n  if (rendered === null || rendered.startsWith(\"-\")) {\n    return null\n  }\n  return rendered\n}\n\n/** Splits on commas that are not inside parentheses, so `rgba(0, 0, 0, .5)`\n *  stays one token. */\nconst splitShadows = (value: string): string[] => {\n  const parts: string[] = []\n  let depth = 0\n  let current = \"\"\n  for (const char of value) {\n    if (char === \"(\") {\n      depth += 1\n    } else if (char === \")\") {\n      depth = Math.max(0, depth - 1)\n    }\n    if (char === \",\" && depth === 0) {\n      parts.push(current)\n      current = \"\"\n      continue\n    }\n    current += char\n  }\n  parts.push(current)\n  return parts.map((part) => part.trim()).filter((part) => part !== \"\")\n}\n\n/** Same rule as splitShadows, one level down: whitespace outside\n *  parentheses separates a shadow's own components. */\nconst splitTokens = (shadow: string): string[] => {\n  const tokens: string[] = []\n  let depth = 0\n  let current = \"\"\n  for (const char of shadow) {\n    if (char === \"(\") {\n      depth += 1\n    } else if (char === \")\") {\n      depth = Math.max(0, depth - 1)\n    }\n    if (/\\s/.test(char) && depth === 0) {\n      if (current !== \"\") {\n        tokens.push(current)\n        current = \"\"\n      }\n      continue\n    }\n    current += char\n  }\n  if (current !== \"\") {\n    tokens.push(current)\n  }\n  return tokens\n}\n\n/**\n * Parses one CSS shadow into the structured form. Returns null when the\n * shadow is not something CSS (or RN) would accept: too few or too many\n * lengths, two colours, an unparseable token.\n */\nconst parseShadow = (shadow: string): BoxShadowValue | null => {\n  const tokens = splitTokens(shadow)\n  const lengths: (number | string)[] = []\n  let color: string | undefined\n  let inset = false\n  for (const token of tokens) {\n    if (token.toLowerCase() === \"inset\") {\n      if (inset) {\n        return null\n      }\n      inset = true\n      continue\n    }\n    if (length(token) !== null) {\n      lengths.push(token)\n      continue\n    }\n    if (color !== undefined) {\n      return null\n    }\n    color = token\n  }\n  // CSS requires offset-x and offset-y and allows blur and spread after\n  // them; anything else is a malformed shadow.\n  if (lengths.length < 2 || lengths.length > 4) {\n    return null\n  }\n  return {\n    offsetX: lengths[0]!,\n    offsetY: lengths[1]!,\n    ...(lengths[2] !== undefined ? { blurRadius: lengths[2] } : {}),\n    ...(lengths[3] !== undefined ? { spreadDistance: lengths[3] } : {}),\n    ...(color !== undefined ? { color } : {}),\n    ...(inset ? { inset: true } : {}),\n  }\n}\n\n/** One structured shadow as a GTK CSS value, or null when a part of it is\n *  not usable. */\nconst shadowToCss = (shadow: BoxShadowValue): string | null => {\n  const offsetX = length(shadow.offsetX)\n  const offsetY = length(shadow.offsetY)\n  if (offsetX === null || offsetY === null) {\n    return null\n  }\n  const parts: string[] = []\n  if (shadow.inset === true) {\n    parts.push(\"inset\")\n  }\n  parts.push(offsetX, offsetY)\n  if (shadow.blurRadius !== undefined) {\n    const blur = nonNegativeLength(shadow.blurRadius)\n    if (blur === null) {\n      return null\n    }\n    parts.push(blur)\n  }\n  if (shadow.spreadDistance !== undefined) {\n    // CSS positions spread after blur, so a spread with no blur needs an\n    // explicit zero blur rather than silently becoming one.\n    if (shadow.blurRadius === undefined) {\n      parts.push(\"0px\")\n    }\n    const spread = length(shadow.spreadDistance)\n    if (spread === null) {\n      return null\n    }\n    parts.push(spread)\n  }\n  // RN's documented deviation from CSS: an omitted shadow colour is BLACK,\n  // not the inherited `currentColor`. Emitting it explicitly is what keeps\n  // this platform on RN's side of that difference — leaving it out would\n  // silently hand the app CSS's behaviour instead.\n  const parsed = parseColor(shadow.color ?? \"black\")\n  if (parsed === null) {\n    return null\n  }\n  parts.push(parsed)\n  return parts.join(\" \")\n}\n\n/**\n * Renders RN's `boxShadow` as a GTK CSS `box-shadow` value, or null when\n * nothing usable came out of it (the caller then emits no declaration).\n * Both RN forms are accepted; the string is parsed rather than forwarded.\n */\nexport const boxShadowToCss = (\n  value: string | readonly BoxShadowValue[],\n): string | null => {\n  const shadows =\n    typeof value === \"string\"\n      ? splitShadows(value).map(parseShadow)\n      : value.map((shadow) => shadow)\n  const rendered: string[] = []\n  for (const shadow of shadows) {\n    const css = shadow === null ? null : shadowToCss(shadow)\n    if (css === null) {\n      warnOnce(\n        `invalid-box-shadow:${JSON.stringify(value)}`,\n        `[react-native-gtkx] Invalid boxShadow ${JSON.stringify(value)} — declaration dropped`,\n      )\n      return null\n    }\n    rendered.push(css)\n  }\n  return rendered.length > 0 ? rendered.join(\", \") : null\n}\n"]}

package/dist/style/colors.d.ts

@@ -1,3 +1,20 @@
+/** A parsed colour: 0-255 channels, 0-1 alpha. */
+export type Rgba = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+/**
+ * Parses a React Native color string into numeric channels.
+ *
+ * Returns null for anything that has no fixed value at parse time — the
+ * `var(--name)` and `@named` forms {@link parseColor} passes through to GTK,
+ * which resolves them against the live theme. Callers that need to compute
+ * WITH a colour (interpolation, blending) have to refuse those; callers that
+ * only need to hand it to GTK should use {@link parseColor} instead.
+ */
+export declare const parseColorToRgba: (value: string) => Rgba | null;
 /**
  * Parses a React Native color string into a GTK4 CSS color value.
  * Returns null for values that cannot be understood.

package/dist/style/colors.js

@@ -313,6 +313,30 @@ const parseColorFunction = (input) => {
 };
 const CSS_VARIABLE_PATTERN = /^var\(--[\w-]+.*\)$/i;
 const GTK_NAMED_COLOR_PATTERN = /^@[A-Za-z_][\w-]*$/;
+/**
+ * Parses a React Native color string into numeric channels.
+ *
+ * Returns null for anything that has no fixed value at parse time — the
+ * `var(--name)` and `@named` forms {@link parseColor} passes through to GTK,
+ * which resolves them against the live theme. Callers that need to compute
+ * WITH a colour (interpolation, blending) have to refuse those; callers that
+ * only need to hand it to GTK should use {@link parseColor} instead.
+ */
+export const parseColorToRgba = (value) => {
+    if (typeof value !== "string") {
+        return null;
+    }
+    const input = value.trim();
+    if (input === "") {
+        return null;
+    }
+    const lower = input.toLowerCase();
+    if (lower === "transparent") {
+        return { r: 0, g: 0, b: 0, a: 0 };
+    }
+    const named = NAMED_COLORS[lower];
+    return parseHex(named ?? input) ?? parseColorFunction(input);
+};
 /**
  * Parses a React Native color string into a GTK4 CSS color value.
  * Returns null for values that cannot be understood.
@@ -333,12 +357,7 @@ export const parseColor = (value) => {
     if (GTK_NAMED_COLOR_PATTERN.test(input)) {
         return input;
     }
-    const lower = input.toLowerCase();
-    if (lower === "transparent") {
-        return "rgba(0, 0, 0, 0)";
-    }
-    const named = NAMED_COLORS[lower];
-    const rgba = parseHex(named ?? input) ?? parseColorFunction(input);
+    const rgba = parseColorToRgba(input);
     return rgba === null ? null : formatRgba(rgba);
 };
 const toCssVariableName = (name) => name.startsWith("--") ? name : `--${name}`;

package/dist/style/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/style/colors.ts"],"names":[],"mappings":"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","sourcesContent":["// Pure color handling: parses React Native color strings and normalizes them\n// into GTK4 CSS color values. No bridge imports — unit-testable on any OS.\n//\n// Every parseable color is normalized to `rgb(r, g, b)` / `rgba(r, g, b, a)`\n// so the output does not depend on which color syntaxes the GTK CSS parser of\n// a particular version accepts. Two values pass through untouched:\n// - `var(--name[, fallback])` — CSS variables (GTK 4.16+, Adwaita palette)\n// - `@name` — legacy GTK named colors (`@define-color` references)\n\n// CSS Color Module Level 4 named colors (the set React Native supports).\nconst NAMED_COLORS: Record<string, string> = {\n  aliceblue: \"#f0f8ff\",\n  antiquewhite: \"#faebd7\",\n  aqua: \"#00ffff\",\n  aquamarine: \"#7fffd4\",\n  azure: \"#f0ffff\",\n  beige: \"#f5f5dc\",\n  bisque: \"#ffe4c4\",\n  black: \"#000000\",\n  blanchedalmond: \"#ffebcd\",\n  blue: \"#0000ff\",\n  blueviolet: \"#8a2be2\",\n  brown: \"#a52a2a\",\n  burlywood: \"#deb887\",\n  cadetblue: \"#5f9ea0\",\n  chartreuse: \"#7fff00\",\n  chocolate: \"#d2691e\",\n  coral: \"#ff7f50\",\n  cornflowerblue: \"#6495ed\",\n  cornsilk: \"#fff8dc\",\n  crimson: \"#dc143c\",\n  cyan: \"#00ffff\",\n  darkblue: \"#00008b\",\n  darkcyan: \"#008b8b\",\n  darkgoldenrod: \"#b8860b\",\n  darkgray: \"#a9a9a9\",\n  darkgreen: \"#006400\",\n  darkgrey: \"#a9a9a9\",\n  darkkhaki: \"#bdb76b\",\n  darkmagenta: \"#8b008b\",\n  darkolivegreen: \"#556b2f\",\n  darkorange: \"#ff8c00\",\n  darkorchid: \"#9932cc\",\n  darkred: \"#8b0000\",\n  darksalmon: \"#e9967a\",\n  darkseagreen: \"#8fbc8f\",\n  darkslateblue: \"#483d8b\",\n  darkslategray: \"#2f4f4f\",\n  darkslategrey: \"#2f4f4f\",\n  darkturquoise: \"#00ced1\",\n  darkviolet: \"#9400d3\",\n  deeppink: \"#ff1493\",\n  deepskyblue: \"#00bfff\",\n  dimgray: \"#696969\",\n  dimgrey: \"#696969\",\n  dodgerblue: \"#1e90ff\",\n  firebrick: \"#b22222\",\n  floralwhite: \"#fffaf0\",\n  forestgreen: \"#228b22\",\n  fuchsia: \"#ff00ff\",\n  gainsboro: \"#dcdcdc\",\n  ghostwhite: \"#f8f8ff\",\n  gold: \"#ffd700\",\n  goldenrod: \"#daa520\",\n  gray: \"#808080\",\n  green: \"#008000\",\n  greenyellow: \"#adff2f\",\n  grey: \"#808080\",\n  honeydew: \"#f0fff0\",\n  hotpink: \"#ff69b4\",\n  indianred: \"#cd5c5c\",\n  indigo: \"#4b0082\",\n  ivory: \"#fffff0\",\n  khaki: \"#f0e68c\",\n  lavender: \"#e6e6fa\",\n  lavenderblush: \"#fff0f5\",\n  lawngreen: \"#7cfc00\",\n  lemonchiffon: \"#fffacd\",\n  lightblue: \"#add8e6\",\n  lightcoral: \"#f08080\",\n  lightcyan: \"#e0ffff\",\n  lightgoldenrodyellow: \"#fafad2\",\n  lightgray: \"#d3d3d3\",\n  lightgreen: \"#90ee90\",\n  lightgrey: \"#d3d3d3\",\n  lightpink: \"#ffb6c1\",\n  lightsalmon: \"#ffa07a\",\n  lightseagreen: \"#20b2aa\",\n  lightskyblue: \"#87cefa\",\n  lightslategray: \"#778899\",\n  lightslategrey: \"#778899\",\n  lightsteelblue: \"#b0c4de\",\n  lightyellow: \"#ffffe0\",\n  lime: \"#00ff00\",\n  limegreen: \"#32cd32\",\n  linen: \"#faf0e6\",\n  magenta: \"#ff00ff\",\n  maroon: \"#800000\",\n  mediumaquamarine: \"#66cdaa\",\n  mediumblue: \"#0000cd\",\n  mediumorchid: \"#ba55d3\",\n  mediumpurple: \"#9370db\",\n  mediumseagreen: \"#3cb371\",\n  mediumslateblue: \"#7b68ee\",\n  mediumspringgreen: \"#00fa9a\",\n  mediumturquoise: \"#48d1cc\",\n  mediumvioletred: \"#c71585\",\n  midnightblue: \"#191970\",\n  mintcream: \"#f5fffa\",\n  mistyrose: \"#ffe4e1\",\n  moccasin: \"#ffe4b5\",\n  navajowhite: \"#ffdead\",\n  navy: \"#000080\",\n  oldlace: \"#fdf5e6\",\n  olive: \"#808000\",\n  olivedrab: \"#6b8e23\",\n  orange: \"#ffa500\",\n  orangered: \"#ff4500\",\n  orchid: \"#da70d6\",\n  palegoldenrod: \"#eee8aa\",\n  palegreen: \"#98fb98\",\n  paleturquoise: \"#afeeee\",\n  palevioletred: \"#db7093\",\n  papayawhip: \"#ffefd5\",\n  peachpuff: \"#ffdab9\",\n  peru: \"#cd853f\",\n  pink: \"#ffc0cb\",\n  plum: \"#dda0dd\",\n  powderblue: \"#b0e0e6\",\n  purple: \"#800080\",\n  rebeccapurple: \"#663399\",\n  red: \"#ff0000\",\n  rosybrown: \"#bc8f8f\",\n  royalblue: \"#4169e1\",\n  saddlebrown: \"#8b4513\",\n  salmon: \"#fa8072\",\n  sandybrown: \"#f4a460\",\n  seagreen: \"#2e8b57\",\n  seashell: \"#fff5ee\",\n  sienna: \"#a0522d\",\n  silver: \"#c0c0c0\",\n  skyblue: \"#87ceeb\",\n  slateblue: \"#6a5acd\",\n  slategray: \"#708090\",\n  slategrey: \"#708090\",\n  snow: \"#fffafa\",\n  springgreen: \"#00ff7f\",\n  steelblue: \"#4682b4\",\n  tan: \"#d2b48c\",\n  teal: \"#008080\",\n  thistle: \"#d8bfd8\",\n  tomato: \"#ff6347\",\n  turquoise: \"#40e0d0\",\n  violet: \"#ee82ee\",\n  wheat: \"#f5deb3\",\n  white: \"#ffffff\",\n  whitesmoke: \"#f5f5f5\",\n  yellow: \"#ffff00\",\n  yellowgreen: \"#9acd32\",\n}\n\ntype Rgba = { r: number; g: number; b: number; a: number }\n\nconst clamp = (value: number, min: number, max: number): number =>\n  Math.min(max, Math.max(min, value))\n\nconst formatRgba = ({ r, g, b, a }: Rgba): string => {\n  const alpha = Math.round(clamp(a, 0, 1) * 1000) / 1000\n  return alpha >= 1\n    ? `rgb(${r}, ${g}, ${b})`\n    : `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\nconst HEX_PATTERN = /^#([0-9a-f]+)$/i\n\nconst hexPair = (digits: string, index: number): number =>\n  Number.parseInt(digits.slice(index, index + 2), 16)\n\nconst hexSingle = (digits: string, index: number): number =>\n  Number.parseInt(digits.charAt(index).repeat(2), 16)\n\nconst parseHex = (input: string): Rgba | null => {\n  const match = HEX_PATTERN.exec(input)\n  if (match === null) {\n    return null\n  }\n  const digits = match[1] ?? \"\"\n  switch (digits.length) {\n    case 3:\n      return {\n        r: hexSingle(digits, 0),\n        g: hexSingle(digits, 1),\n        b: hexSingle(digits, 2),\n        a: 1,\n      }\n    case 4:\n      return {\n        r: hexSingle(digits, 0),\n        g: hexSingle(digits, 1),\n        b: hexSingle(digits, 2),\n        a: hexSingle(digits, 3) / 255,\n      }\n    case 6:\n      return {\n        r: hexPair(digits, 0),\n        g: hexPair(digits, 2),\n        b: hexPair(digits, 4),\n        a: 1,\n      }\n    case 8:\n      return {\n        r: hexPair(digits, 0),\n        g: hexPair(digits, 2),\n        b: hexPair(digits, 4),\n        a: hexPair(digits, 6) / 255,\n      }\n    default:\n      return null\n  }\n}\n\nconst NUMBER_PATTERN = /^[+-]?(?:\\d+\\.?\\d*|\\.\\d+)$/\n\nconst parseNumber = (token: string): number | null =>\n  NUMBER_PATTERN.test(token) ? Number.parseFloat(token) : null\n\n// 0-255 integer or percentage → 0-255 integer.\nconst parseRgbChannel = (token: string): number | null => {\n  if (token.endsWith(\"%\")) {\n    const percent = parseNumber(token.slice(0, -1))\n    // (percent * 255) / 100 avoids float drift: 50 * 2.55 === 127.4999...\n    return percent === null\n      ? null\n      : Math.round((clamp(percent, 0, 100) * 255) / 100)\n  }\n  const value = parseNumber(token)\n  return value === null ? null : Math.round(clamp(value, 0, 255))\n}\n\n// 0-1 float or percentage → 0-1 float.\nconst parseAlpha = (token: string): number | null => {\n  if (token.endsWith(\"%\")) {\n    const percent = parseNumber(token.slice(0, -1))\n    return percent === null ? null : clamp(percent / 100, 0, 1)\n  }\n  const value = parseNumber(token)\n  return value === null ? null : clamp(value, 0, 1)\n}\n\nconst parsePercentage = (token: string): number | null => {\n  if (!token.endsWith(\"%\")) {\n    return null\n  }\n  const percent = parseNumber(token.slice(0, -1))\n  return percent === null ? null : clamp(percent / 100, 0, 1)\n}\n\nconst parseHue = (token: string): number | null => {\n  const raw = token.toLowerCase().endsWith(\"deg\") ? token.slice(0, -3) : token\n  const degrees = parseNumber(raw)\n  return degrees === null ? null : ((degrees % 360) + 360) % 360\n}\n\nconst hslToRgb = (\n  h: number,\n  s: number,\n  l: number,\n): [number, number, number] => {\n  const chroma = (1 - Math.abs(2 * l - 1)) * s\n  const hh = h / 60\n  const x = chroma * (1 - Math.abs((hh % 2) - 1))\n  // Every branch assigns, so the sextant picks the triple outright — the\n  // placeholder initialiser it used to start from was dead.\n  let rgb: [number, number, number]\n  if (hh < 1) {\n    rgb = [chroma, x, 0]\n  } else if (hh < 2) {\n    rgb = [x, chroma, 0]\n  } else if (hh < 3) {\n    rgb = [0, chroma, x]\n  } else if (hh < 4) {\n    rgb = [0, x, chroma]\n  } else if (hh < 5) {\n    rgb = [x, 0, chroma]\n  } else {\n    rgb = [chroma, 0, x]\n  }\n  const m = l - chroma / 2\n  return [\n    Math.round((rgb[0] + m) * 255),\n    Math.round((rgb[1] + m) * 255),\n    Math.round((rgb[2] + m) * 255),\n  ]\n}\n\nconst FUNCTION_PATTERN = /^(rgba?|hsla?)\\(([^()]*)\\)$/i\n\n// Accepts legacy comma syntax and modern space syntax with optional \"/ alpha\".\nconst splitFunctionBody = (body: string): string[] =>\n  body\n    .replace(/\\//g, \" \")\n    .split(/[,\\s]+/)\n    .filter((token) => token.length > 0)\n\nconst parseColorFunction = (input: string): Rgba | null => {\n  const match = FUNCTION_PATTERN.exec(input)\n  if (match === null) {\n    return null\n  }\n  const name = (match[1] ?? \"\").toLowerCase()\n  const tokens = splitFunctionBody(match[2] ?? \"\")\n  if (tokens.length < 3 || tokens.length > 4) {\n    return null\n  }\n  const alpha = tokens.length === 4 ? parseAlpha(tokens[3] ?? \"\") : 1\n  if (alpha === null) {\n    return null\n  }\n  if (name === \"rgb\" || name === \"rgba\") {\n    const r = parseRgbChannel(tokens[0] ?? \"\")\n    const g = parseRgbChannel(tokens[1] ?? \"\")\n    const b = parseRgbChannel(tokens[2] ?? \"\")\n    if (r === null || g === null || b === null) {\n      return null\n    }\n    return { r, g, b, a: alpha }\n  }\n  const h = parseHue(tokens[0] ?? \"\")\n  const s = parsePercentage(tokens[1] ?? \"\")\n  const l = parsePercentage(tokens[2] ?? \"\")\n  if (h === null || s === null || l === null) {\n    return null\n  }\n  const [r, g, b] = hslToRgb(h, s, l)\n  return { r, g, b, a: alpha }\n}\n\nconst CSS_VARIABLE_PATTERN = /^var\\(--[\\w-]+.*\\)$/i\nconst GTK_NAMED_COLOR_PATTERN = /^@[A-Za-z_][\\w-]*$/\n\n/**\n * Parses a React Native color string into a GTK4 CSS color value.\n * Returns null for values that cannot be understood.\n */\nexport const parseColor = (value: string): string | null => {\n  if (typeof value !== \"string\") {\n    return null\n  }\n  const input = value.trim()\n  if (input === \"\") {\n    return null\n  }\n  // Adwaita/custom CSS variable references pass through untouched. The\n  // pattern is permissive on purpose: nested var() fallbacks stay valid.\n  if (input.toLowerCase().startsWith(\"var(\")) {\n    return CSS_VARIABLE_PATTERN.test(input) ? input : null\n  }\n  if (GTK_NAMED_COLOR_PATTERN.test(input)) {\n    return input\n  }\n  const lower = input.toLowerCase()\n  if (lower === \"transparent\") {\n    return \"rgba(0, 0, 0, 0)\"\n  }\n  const named = NAMED_COLORS[lower]\n  const rgba = parseHex(named ?? input) ?? parseColorFunction(input)\n  return rgba === null ? null : formatRgba(rgba)\n}\n\nconst toCssVariableName = (name: string): string =>\n  name.startsWith(\"--\") ? name : `--${name}`\n\n/**\n * React Native's PlatformColor for GTK: references theme colors by name.\n * Names map onto CSS variables (Adwaita exposes its palette as\n * `--accent-bg-color`, `--window-bg-color`, ... since libadwaita 1.6);\n * extra names become var() fallbacks, tried in order. A name starting with\n * \"@\" is a legacy GTK named color (`@define-color`) and terminates the\n * fallback chain, because var() fallbacks cannot resolve further after it.\n *\n *   PlatformColor(\"accent-bg-color\")             → \"var(--accent-bg-color)\"\n *   PlatformColor(\"accent-bg-color\", \"@blue_3\")  → \"var(--accent-bg-color, @blue_3)\"\n */\nexport const PlatformColor = (...names: string[]): string => {\n  const cleaned = names.map((name) => name.trim()).filter((name) => name !== \"\")\n  if (cleaned.length === 0) {\n    throw new Error(\"PlatformColor requires at least one color name\")\n  }\n  let expression: string | null = null\n  for (let i = cleaned.length - 1; i >= 0; i -= 1) {\n    const name = cleaned[i] ?? \"\"\n    if (name.startsWith(\"@\")) {\n      // Terminal value: names after it are unreachable fallbacks.\n      expression = name\n      continue\n    }\n    const variable = toCssVariableName(name)\n    expression =\n      expression === null\n        ? `var(${variable})`\n        : `var(${variable}, ${expression})`\n  }\n  return expression ?? \"\"\n}\n"]}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/style/colors.ts"],"names":[],"mappings":"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","sourcesContent":["// Pure color handling: parses React Native color strings and normalizes them\n// into GTK4 CSS color values. No bridge imports — unit-testable on any OS.\n//\n// Every parseable color is normalized to `rgb(r, g, b)` / `rgba(r, g, b, a)`\n// so the output does not depend on which color syntaxes the GTK CSS parser of\n// a particular version accepts. Two values pass through untouched:\n// - `var(--name[, fallback])` — CSS variables (GTK 4.16+, Adwaita palette)\n// - `@name` — legacy GTK named colors (`@define-color` references)\n\n// CSS Color Module Level 4 named colors (the set React Native supports).\nconst NAMED_COLORS: Record<string, string> = {\n  aliceblue: \"#f0f8ff\",\n  antiquewhite: \"#faebd7\",\n  aqua: \"#00ffff\",\n  aquamarine: \"#7fffd4\",\n  azure: \"#f0ffff\",\n  beige: \"#f5f5dc\",\n  bisque: \"#ffe4c4\",\n  black: \"#000000\",\n  blanchedalmond: \"#ffebcd\",\n  blue: \"#0000ff\",\n  blueviolet: \"#8a2be2\",\n  brown: \"#a52a2a\",\n  burlywood: \"#deb887\",\n  cadetblue: \"#5f9ea0\",\n  chartreuse: \"#7fff00\",\n  chocolate: \"#d2691e\",\n  coral: \"#ff7f50\",\n  cornflowerblue: \"#6495ed\",\n  cornsilk: \"#fff8dc\",\n  crimson: \"#dc143c\",\n  cyan: \"#00ffff\",\n  darkblue: \"#00008b\",\n  darkcyan: \"#008b8b\",\n  darkgoldenrod: \"#b8860b\",\n  darkgray: \"#a9a9a9\",\n  darkgreen: \"#006400\",\n  darkgrey: \"#a9a9a9\",\n  darkkhaki: \"#bdb76b\",\n  darkmagenta: \"#8b008b\",\n  darkolivegreen: \"#556b2f\",\n  darkorange: \"#ff8c00\",\n  darkorchid: \"#9932cc\",\n  darkred: \"#8b0000\",\n  darksalmon: \"#e9967a\",\n  darkseagreen: \"#8fbc8f\",\n  darkslateblue: \"#483d8b\",\n  darkslategray: \"#2f4f4f\",\n  darkslategrey: \"#2f4f4f\",\n  darkturquoise: \"#00ced1\",\n  darkviolet: \"#9400d3\",\n  deeppink: \"#ff1493\",\n  deepskyblue: \"#00bfff\",\n  dimgray: \"#696969\",\n  dimgrey: \"#696969\",\n  dodgerblue: \"#1e90ff\",\n  firebrick: \"#b22222\",\n  floralwhite: \"#fffaf0\",\n  forestgreen: \"#228b22\",\n  fuchsia: \"#ff00ff\",\n  gainsboro: \"#dcdcdc\",\n  ghostwhite: \"#f8f8ff\",\n  gold: \"#ffd700\",\n  goldenrod: \"#daa520\",\n  gray: \"#808080\",\n  green: \"#008000\",\n  greenyellow: \"#adff2f\",\n  grey: \"#808080\",\n  honeydew: \"#f0fff0\",\n  hotpink: \"#ff69b4\",\n  indianred: \"#cd5c5c\",\n  indigo: \"#4b0082\",\n  ivory: \"#fffff0\",\n  khaki: \"#f0e68c\",\n  lavender: \"#e6e6fa\",\n  lavenderblush: \"#fff0f5\",\n  lawngreen: \"#7cfc00\",\n  lemonchiffon: \"#fffacd\",\n  lightblue: \"#add8e6\",\n  lightcoral: \"#f08080\",\n  lightcyan: \"#e0ffff\",\n  lightgoldenrodyellow: \"#fafad2\",\n  lightgray: \"#d3d3d3\",\n  lightgreen: \"#90ee90\",\n  lightgrey: \"#d3d3d3\",\n  lightpink: \"#ffb6c1\",\n  lightsalmon: \"#ffa07a\",\n  lightseagreen: \"#20b2aa\",\n  lightskyblue: \"#87cefa\",\n  lightslategray: \"#778899\",\n  lightslategrey: \"#778899\",\n  lightsteelblue: \"#b0c4de\",\n  lightyellow: \"#ffffe0\",\n  lime: \"#00ff00\",\n  limegreen: \"#32cd32\",\n  linen: \"#faf0e6\",\n  magenta: \"#ff00ff\",\n  maroon: \"#800000\",\n  mediumaquamarine: \"#66cdaa\",\n  mediumblue: \"#0000cd\",\n  mediumorchid: \"#ba55d3\",\n  mediumpurple: \"#9370db\",\n  mediumseagreen: \"#3cb371\",\n  mediumslateblue: \"#7b68ee\",\n  mediumspringgreen: \"#00fa9a\",\n  mediumturquoise: \"#48d1cc\",\n  mediumvioletred: \"#c71585\",\n  midnightblue: \"#191970\",\n  mintcream: \"#f5fffa\",\n  mistyrose: \"#ffe4e1\",\n  moccasin: \"#ffe4b5\",\n  navajowhite: \"#ffdead\",\n  navy: \"#000080\",\n  oldlace: \"#fdf5e6\",\n  olive: \"#808000\",\n  olivedrab: \"#6b8e23\",\n  orange: \"#ffa500\",\n  orangered: \"#ff4500\",\n  orchid: \"#da70d6\",\n  palegoldenrod: \"#eee8aa\",\n  palegreen: \"#98fb98\",\n  paleturquoise: \"#afeeee\",\n  palevioletred: \"#db7093\",\n  papayawhip: \"#ffefd5\",\n  peachpuff: \"#ffdab9\",\n  peru: \"#cd853f\",\n  pink: \"#ffc0cb\",\n  plum: \"#dda0dd\",\n  powderblue: \"#b0e0e6\",\n  purple: \"#800080\",\n  rebeccapurple: \"#663399\",\n  red: \"#ff0000\",\n  rosybrown: \"#bc8f8f\",\n  royalblue: \"#4169e1\",\n  saddlebrown: \"#8b4513\",\n  salmon: \"#fa8072\",\n  sandybrown: \"#f4a460\",\n  seagreen: \"#2e8b57\",\n  seashell: \"#fff5ee\",\n  sienna: \"#a0522d\",\n  silver: \"#c0c0c0\",\n  skyblue: \"#87ceeb\",\n  slateblue: \"#6a5acd\",\n  slategray: \"#708090\",\n  slategrey: \"#708090\",\n  snow: \"#fffafa\",\n  springgreen: \"#00ff7f\",\n  steelblue: \"#4682b4\",\n  tan: \"#d2b48c\",\n  teal: \"#008080\",\n  thistle: \"#d8bfd8\",\n  tomato: \"#ff6347\",\n  turquoise: \"#40e0d0\",\n  violet: \"#ee82ee\",\n  wheat: \"#f5deb3\",\n  white: \"#ffffff\",\n  whitesmoke: \"#f5f5f5\",\n  yellow: \"#ffff00\",\n  yellowgreen: \"#9acd32\",\n}\n\n/** A parsed colour: 0-255 channels, 0-1 alpha. */\nexport type Rgba = { r: number; g: number; b: number; a: number }\n\nconst clamp = (value: number, min: number, max: number): number =>\n  Math.min(max, Math.max(min, value))\n\nconst formatRgba = ({ r, g, b, a }: Rgba): string => {\n  const alpha = Math.round(clamp(a, 0, 1) * 1000) / 1000\n  return alpha >= 1\n    ? `rgb(${r}, ${g}, ${b})`\n    : `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\nconst HEX_PATTERN = /^#([0-9a-f]+)$/i\n\nconst hexPair = (digits: string, index: number): number =>\n  Number.parseInt(digits.slice(index, index + 2), 16)\n\nconst hexSingle = (digits: string, index: number): number =>\n  Number.parseInt(digits.charAt(index).repeat(2), 16)\n\nconst parseHex = (input: string): Rgba | null => {\n  const match = HEX_PATTERN.exec(input)\n  if (match === null) {\n    return null\n  }\n  const digits = match[1] ?? \"\"\n  switch (digits.length) {\n    case 3:\n      return {\n        r: hexSingle(digits, 0),\n        g: hexSingle(digits, 1),\n        b: hexSingle(digits, 2),\n        a: 1,\n      }\n    case 4:\n      return {\n        r: hexSingle(digits, 0),\n        g: hexSingle(digits, 1),\n        b: hexSingle(digits, 2),\n        a: hexSingle(digits, 3) / 255,\n      }\n    case 6:\n      return {\n        r: hexPair(digits, 0),\n        g: hexPair(digits, 2),\n        b: hexPair(digits, 4),\n        a: 1,\n      }\n    case 8:\n      return {\n        r: hexPair(digits, 0),\n        g: hexPair(digits, 2),\n        b: hexPair(digits, 4),\n        a: hexPair(digits, 6) / 255,\n      }\n    default:\n      return null\n  }\n}\n\nconst NUMBER_PATTERN = /^[+-]?(?:\\d+\\.?\\d*|\\.\\d+)$/\n\nconst parseNumber = (token: string): number | null =>\n  NUMBER_PATTERN.test(token) ? Number.parseFloat(token) : null\n\n// 0-255 integer or percentage → 0-255 integer.\nconst parseRgbChannel = (token: string): number | null => {\n  if (token.endsWith(\"%\")) {\n    const percent = parseNumber(token.slice(0, -1))\n    // (percent * 255) / 100 avoids float drift: 50 * 2.55 === 127.4999...\n    return percent === null\n      ? null\n      : Math.round((clamp(percent, 0, 100) * 255) / 100)\n  }\n  const value = parseNumber(token)\n  return value === null ? null : Math.round(clamp(value, 0, 255))\n}\n\n// 0-1 float or percentage → 0-1 float.\nconst parseAlpha = (token: string): number | null => {\n  if (token.endsWith(\"%\")) {\n    const percent = parseNumber(token.slice(0, -1))\n    return percent === null ? null : clamp(percent / 100, 0, 1)\n  }\n  const value = parseNumber(token)\n  return value === null ? null : clamp(value, 0, 1)\n}\n\nconst parsePercentage = (token: string): number | null => {\n  if (!token.endsWith(\"%\")) {\n    return null\n  }\n  const percent = parseNumber(token.slice(0, -1))\n  return percent === null ? null : clamp(percent / 100, 0, 1)\n}\n\nconst parseHue = (token: string): number | null => {\n  const raw = token.toLowerCase().endsWith(\"deg\") ? token.slice(0, -3) : token\n  const degrees = parseNumber(raw)\n  return degrees === null ? null : ((degrees % 360) + 360) % 360\n}\n\nconst hslToRgb = (\n  h: number,\n  s: number,\n  l: number,\n): [number, number, number] => {\n  const chroma = (1 - Math.abs(2 * l - 1)) * s\n  const hh = h / 60\n  const x = chroma * (1 - Math.abs((hh % 2) - 1))\n  // Every branch assigns, so the sextant picks the triple outright — the\n  // placeholder initialiser it used to start from was dead.\n  let rgb: [number, number, number]\n  if (hh < 1) {\n    rgb = [chroma, x, 0]\n  } else if (hh < 2) {\n    rgb = [x, chroma, 0]\n  } else if (hh < 3) {\n    rgb = [0, chroma, x]\n  } else if (hh < 4) {\n    rgb = [0, x, chroma]\n  } else if (hh < 5) {\n    rgb = [x, 0, chroma]\n  } else {\n    rgb = [chroma, 0, x]\n  }\n  const m = l - chroma / 2\n  return [\n    Math.round((rgb[0] + m) * 255),\n    Math.round((rgb[1] + m) * 255),\n    Math.round((rgb[2] + m) * 255),\n  ]\n}\n\nconst FUNCTION_PATTERN = /^(rgba?|hsla?)\\(([^()]*)\\)$/i\n\n// Accepts legacy comma syntax and modern space syntax with optional \"/ alpha\".\nconst splitFunctionBody = (body: string): string[] =>\n  body\n    .replace(/\\//g, \" \")\n    .split(/[,\\s]+/)\n    .filter((token) => token.length > 0)\n\nconst parseColorFunction = (input: string): Rgba | null => {\n  const match = FUNCTION_PATTERN.exec(input)\n  if (match === null) {\n    return null\n  }\n  const name = (match[1] ?? \"\").toLowerCase()\n  const tokens = splitFunctionBody(match[2] ?? \"\")\n  if (tokens.length < 3 || tokens.length > 4) {\n    return null\n  }\n  const alpha = tokens.length === 4 ? parseAlpha(tokens[3] ?? \"\") : 1\n  if (alpha === null) {\n    return null\n  }\n  if (name === \"rgb\" || name === \"rgba\") {\n    const r = parseRgbChannel(tokens[0] ?? \"\")\n    const g = parseRgbChannel(tokens[1] ?? \"\")\n    const b = parseRgbChannel(tokens[2] ?? \"\")\n    if (r === null || g === null || b === null) {\n      return null\n    }\n    return { r, g, b, a: alpha }\n  }\n  const h = parseHue(tokens[0] ?? \"\")\n  const s = parsePercentage(tokens[1] ?? \"\")\n  const l = parsePercentage(tokens[2] ?? \"\")\n  if (h === null || s === null || l === null) {\n    return null\n  }\n  const [r, g, b] = hslToRgb(h, s, l)\n  return { r, g, b, a: alpha }\n}\n\nconst CSS_VARIABLE_PATTERN = /^var\\(--[\\w-]+.*\\)$/i\nconst GTK_NAMED_COLOR_PATTERN = /^@[A-Za-z_][\\w-]*$/\n\n/**\n * Parses a React Native color string into numeric channels.\n *\n * Returns null for anything that has no fixed value at parse time — the\n * `var(--name)` and `@named` forms {@link parseColor} passes through to GTK,\n * which resolves them against the live theme. Callers that need to compute\n * WITH a colour (interpolation, blending) have to refuse those; callers that\n * only need to hand it to GTK should use {@link parseColor} instead.\n */\nexport const parseColorToRgba = (value: string): Rgba | null => {\n  if (typeof value !== \"string\") {\n    return null\n  }\n  const input = value.trim()\n  if (input === \"\") {\n    return null\n  }\n  const lower = input.toLowerCase()\n  if (lower === \"transparent\") {\n    return { r: 0, g: 0, b: 0, a: 0 }\n  }\n  const named = NAMED_COLORS[lower]\n  return parseHex(named ?? input) ?? parseColorFunction(input)\n}\n\n/**\n * Parses a React Native color string into a GTK4 CSS color value.\n * Returns null for values that cannot be understood.\n */\nexport const parseColor = (value: string): string | null => {\n  if (typeof value !== \"string\") {\n    return null\n  }\n  const input = value.trim()\n  if (input === \"\") {\n    return null\n  }\n  // Adwaita/custom CSS variable references pass through untouched. The\n  // pattern is permissive on purpose: nested var() fallbacks stay valid.\n  if (input.toLowerCase().startsWith(\"var(\")) {\n    return CSS_VARIABLE_PATTERN.test(input) ? input : null\n  }\n  if (GTK_NAMED_COLOR_PATTERN.test(input)) {\n    return input\n  }\n  const rgba = parseColorToRgba(input)\n  return rgba === null ? null : formatRgba(rgba)\n}\n\nconst toCssVariableName = (name: string): string =>\n  name.startsWith(\"--\") ? name : `--${name}`\n\n/**\n * React Native's PlatformColor for GTK: references theme colors by name.\n * Names map onto CSS variables (Adwaita exposes its palette as\n * `--accent-bg-color`, `--window-bg-color`, ... since libadwaita 1.6);\n * extra names become var() fallbacks, tried in order. A name starting with\n * \"@\" is a legacy GTK named color (`@define-color`) and terminates the\n * fallback chain, because var() fallbacks cannot resolve further after it.\n *\n *   PlatformColor(\"accent-bg-color\")             → \"var(--accent-bg-color)\"\n *   PlatformColor(\"accent-bg-color\", \"@blue_3\")  → \"var(--accent-bg-color, @blue_3)\"\n */\nexport const PlatformColor = (...names: string[]): string => {\n  const cleaned = names.map((name) => name.trim()).filter((name) => name !== \"\")\n  if (cleaned.length === 0) {\n    throw new Error(\"PlatformColor requires at least one color name\")\n  }\n  let expression: string | null = null\n  for (let i = cleaned.length - 1; i >= 0; i -= 1) {\n    const name = cleaned[i] ?? \"\"\n    if (name.startsWith(\"@\")) {\n      // Terminal value: names after it are unreachable fallbacks.\n      expression = name\n      continue\n    }\n    const variable = toCssVariableName(name)\n    expression =\n      expression === null\n        ? `var(${variable})`\n        : `var(${variable}, ${expression})`\n  }\n  return expression ?? \"\"\n}\n"]}

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

@@ -0,0 +1,21 @@
+/**
+ * The colour properties an animation may drive imperatively. Every one of
+ * them is a plain GTK4 CSS declaration with no layout consequence, which is
+ * what makes writing it mid-animation safe.
+ */
+export declare const DRIVEABLE_COLOR_PROPERTIES: readonly ["backgroundColor", "borderBottomColor", "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "color", "outlineColor"];
+export type DriveableColorProperty = (typeof DRIVEABLE_COLOR_PROPERTIES)[number];
+export declare const isDriveableColorProperty: (property: string) => property is DriveableColorProperty;
+/**
+ * Renders driven colour values as a GTK CSS declaration body (no selector,
+ * no braces), through the SAME generator the static path uses — so a colour
+ * written per frame is normalised, validated and warned about exactly like
+ * one written in a stylesheet, instead of growing a second dialect.
+ *
+ * Values are ordinary React Native colour strings. An unparseable one is
+ * dropped with the generator's own one-per-session warning; a property whose
+ * value is not a string is skipped, because a driven leaf that has stopped
+ * being a colour must not be able to emit `background-color: 12;` into a
+ * document GTK then rejects wholesale.
+ */
+export declare const driveableColorsToCss: (values: Readonly<Record<string, unknown>>) => string;

package/dist/style/imperative-css.js

@@ -0,0 +1,63 @@
+// Which visual style properties this platform can write to a MOUNTED widget
+// without going through React, and how they are rendered for the per-widget
+// CSS provider that carries them (../gtkx/bridge/widget-css.ts).
+//
+// WHY THIS IS A SEPARATE LIST FROM VisualStyle. The ordinary path compiles a
+// whole VisualStyle into one CSS declaration block and memoises it by that
+// block's text (./registry.ts), which is exactly right for a style that
+// changes when React re-renders and exactly wrong for one that changes sixty
+// times a second: the cache key is the value, so a driven colour mints a new
+// class per frame, appends a rule to the ONE global stylesheet, and makes GTK
+// re-parse the whole document. Measured, that is 0.8 ms for the first frame
+// and 6.8 ms by frame 600 — a cost that grows for as long as the animation
+// runs (docs/research/animated-colors.md).
+//
+// A per-widget provider has no cache and no document: one rule, replaced in
+// place. So the properties listed here are the ones a running animation may
+// write, and they are colours because a colour is the only thing that both
+// changes per frame in real UI and reaches GTK purely through CSS. Radii,
+// borders and shadows would work identically through the same door; layout
+// properties would NOT, because they need a Yoga pass whose cost is
+// proportional to the tree rather than to the number of animated values (the
+// same doc measures that too, and refuses them on the strength of it).
+import { visualStyleToCss } from "./visual-css";
+/**
+ * The colour properties an animation may drive imperatively. Every one of
+ * them is a plain GTK4 CSS declaration with no layout consequence, which is
+ * what makes writing it mid-animation safe.
+ */
+export const DRIVEABLE_COLOR_PROPERTIES = [
+    "backgroundColor",
+    "borderBottomColor",
+    "borderColor",
+    "borderLeftColor",
+    "borderRightColor",
+    "borderTopColor",
+    "color",
+    "outlineColor",
+];
+const DRIVEABLE = new Set(DRIVEABLE_COLOR_PROPERTIES);
+export const isDriveableColorProperty = (property) => DRIVEABLE.has(property);
+/**
+ * Renders driven colour values as a GTK CSS declaration body (no selector,
+ * no braces), through the SAME generator the static path uses — so a colour
+ * written per frame is normalised, validated and warned about exactly like
+ * one written in a stylesheet, instead of growing a second dialect.
+ *
+ * Values are ordinary React Native colour strings. An unparseable one is
+ * dropped with the generator's own one-per-session warning; a property whose
+ * value is not a string is skipped, because a driven leaf that has stopped
+ * being a colour must not be able to emit `background-color: 12;` into a
+ * document GTK then rejects wholesale.
+ */
+export const driveableColorsToCss = (values) => {
+    const visual = {};
+    for (const property of DRIVEABLE_COLOR_PROPERTIES) {
+        const value = values[property];
+        if (typeof value === "string") {
+            visual[property] = value;
+        }
+    }
+    return visualStyleToCss(visual);
+};
+//# sourceMappingURL=imperative-css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"imperative-css.js","sourceRoot":"","sources":["../../src/style/imperative-css.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,4EAA4E;AAC5E,iEAAiE;AACjE,EAAE;AACF,6EAA6E;AAC7E,2EAA2E;AAC3E,wEAAwE;AACxE,6EAA6E;AAC7E,6EAA6E;AAC7E,8EAA8E;AAC9E,4EAA4E;AAC5E,2EAA2E;AAC3E,2CAA2C;AAC3C,EAAE;AACF,4EAA4E;AAC5E,4EAA4E;AAC5E,2EAA2E;AAC3E,0EAA0E;AAC1E,2EAA2E;AAC3E,oEAAoE;AACpE,6EAA6E;AAC7E,uEAAuE;AAGvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE/C;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,iBAAiB;IACjB,mBAAmB;IACnB,aAAa;IACb,iBAAiB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,OAAO;IACP,cAAc;CACN,CAAA;AAIV,MAAM,SAAS,GAAG,IAAI,GAAG,CAAS,0BAA0B,CAAC,CAAA;AAE7D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,QAAgB,EACoB,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;AAEhE;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,MAAyC,EACjC,EAAE;IACV,MAAM,MAAM,GAA2B,EAAE,CAAA;IACzC,KAAK,MAAM,QAAQ,IAAI,0BAA0B,EAAE,CAAC;QAClD,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,MAAM,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAA;QAC1B,CAAC;IACH,CAAC;IACD,OAAO,gBAAgB,CAAC,MAAqB,CAAC,CAAA;AAChD,CAAC,CAAA","sourcesContent":["// Which visual style properties this platform can write to a MOUNTED widget\n// without going through React, and how they are rendered for the per-widget\n// CSS provider that carries them (../gtkx/bridge/widget-css.ts).\n//\n// WHY THIS IS A SEPARATE LIST FROM VisualStyle. The ordinary path compiles a\n// whole VisualStyle into one CSS declaration block and memoises it by that\n// block's text (./registry.ts), which is exactly right for a style that\n// changes when React re-renders and exactly wrong for one that changes sixty\n// times a second: the cache key is the value, so a driven colour mints a new\n// class per frame, appends a rule to the ONE global stylesheet, and makes GTK\n// re-parse the whole document. Measured, that is 0.8 ms for the first frame\n// and 6.8 ms by frame 600 — a cost that grows for as long as the animation\n// runs (docs/research/animated-colors.md).\n//\n// A per-widget provider has no cache and no document: one rule, replaced in\n// place. So the properties listed here are the ones a running animation may\n// write, and they are colours because a colour is the only thing that both\n// changes per frame in real UI and reaches GTK purely through CSS. Radii,\n// borders and shadows would work identically through the same door; layout\n// properties would NOT, because they need a Yoga pass whose cost is\n// proportional to the tree rather than to the number of animated values (the\n// same doc measures that too, and refuses them on the strength of it).\n\nimport type { VisualStyle } from \"../contracts\"\nimport { visualStyleToCss } from \"./visual-css\"\n\n/**\n * The colour properties an animation may drive imperatively. Every one of\n * them is a plain GTK4 CSS declaration with no layout consequence, which is\n * what makes writing it mid-animation safe.\n */\nexport const DRIVEABLE_COLOR_PROPERTIES = [\n  \"backgroundColor\",\n  \"borderBottomColor\",\n  \"borderColor\",\n  \"borderLeftColor\",\n  \"borderRightColor\",\n  \"borderTopColor\",\n  \"color\",\n  \"outlineColor\",\n] as const\n\nexport type DriveableColorProperty = (typeof DRIVEABLE_COLOR_PROPERTIES)[number]\n\nconst DRIVEABLE = new Set<string>(DRIVEABLE_COLOR_PROPERTIES)\n\nexport const isDriveableColorProperty = (\n  property: string,\n): property is DriveableColorProperty => DRIVEABLE.has(property)\n\n/**\n * Renders driven colour values as a GTK CSS declaration body (no selector,\n * no braces), through the SAME generator the static path uses — so a colour\n * written per frame is normalised, validated and warned about exactly like\n * one written in a stylesheet, instead of growing a second dialect.\n *\n * Values are ordinary React Native colour strings. An unparseable one is\n * dropped with the generator's own one-per-session warning; a property whose\n * value is not a string is skipped, because a driven leaf that has stopped\n * being a colour must not be able to emit `background-color: 12;` into a\n * document GTK then rejects wholesale.\n */\nexport const driveableColorsToCss = (\n  values: Readonly<Record<string, unknown>>,\n): string => {\n  const visual: Record<string, string> = {}\n  for (const property of DRIVEABLE_COLOR_PROPERTIES) {\n    const value = values[property]\n    if (typeof value === \"string\") {\n      visual[property] = value\n    }\n  }\n  return visualStyleToCss(visual as VisualStyle)\n}\n"]}

package/dist/style/index.d.ts

@@ -1,8 +1,11 @@
-export { parseColor, PlatformColor } from "./colors";
+export { boxShadowToCss } from "./box-shadow";
+export { parseColor, parseColorToRgba, PlatformColor, type Rgba, } from "./colors";
 export { resetDevWarnings } from "./dev-warning";
+export { driveableColorsToCss, DRIVEABLE_COLOR_PROPERTIES, isDriveableColorProperty, type DriveableColorProperty, } from "./imperative-css";
 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 { textDecorationToAttrs, type TextDecorations } from "./text-decoration";
 export { textAlignToLabelProps, type LabelAlignProps, type TextAlign, } from "./text-align";
 export { composeTransform, IDENTITY_TRANSFORM, isIdentityTransform, isTranslationOnly, parseAngle, } from "./transform";
 export { visualStyleToCss } from "./visual-css";

package/dist/style/index.js

@@ -4,11 +4,14 @@
 // 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 the components.
-export { parseColor, PlatformColor } from "./colors";
+export { boxShadowToCss } from "./box-shadow";
+export { parseColor, parseColorToRgba, PlatformColor, } from "./colors";
 export { resetDevWarnings } from "./dev-warning";
+export { driveableColorsToCss, DRIVEABLE_COLOR_PROPERTIES, isDriveableColorProperty, } from "./imperative-css";
 export { createCssRegistry } from "./registry";
 export { splitStyle } from "./split-style";
 export { absoluteFill, absoluteFillObject, compose, create, flatten, hairlineWidth, StyleSheet, } from "./style-sheet";
+export { textDecorationToAttrs } from "./text-decoration";
 export { textAlignToLabelProps, } from "./text-align";
 export { composeTransform, IDENTITY_TRANSFORM, isIdentityTransform, isTranslationOnly, parseAngle, } from "./transform";
 export { visualStyleToCss } from "./visual-css";

package/dist/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/style/index.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,8CAA8C;AAC9C,EAAE;AACF,4EAA4E;AAC5E,4EAA4E;AAC5E,oEAAoE;AAEpE,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,EACL,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,GACX,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA","sourcesContent":["// Style pipeline: 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 the components.\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 {\n  composeTransform,\n  IDENTITY_TRANSFORM,\n  isIdentityTransform,\n  isTranslationOnly,\n  parseAngle,\n} from \"./transform\"\nexport { visualStyleToCss } from \"./visual-css\"\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/style/index.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,8CAA8C;AAC9C,EAAE;AACF,4EAA4E;AAC5E,4EAA4E;AAC5E,oEAAoE;AAEpE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,aAAa,GAEd,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,wBAAwB,GAEzB,MAAM,kBAAkB,CAAA;AACzB,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,EAAE,qBAAqB,EAAwB,MAAM,mBAAmB,CAAA;AAC/E,OAAO,EACL,qBAAqB,GAGtB,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,GACX,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA","sourcesContent":["// Style pipeline: 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 the components.\n\nexport { boxShadowToCss } from \"./box-shadow\"\nexport {\n  parseColor,\n  parseColorToRgba,\n  PlatformColor,\n  type Rgba,\n} from \"./colors\"\nexport { resetDevWarnings } from \"./dev-warning\"\nexport {\n  driveableColorsToCss,\n  DRIVEABLE_COLOR_PROPERTIES,\n  isDriveableColorProperty,\n  type DriveableColorProperty,\n} from \"./imperative-css\"\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 { textDecorationToAttrs, type TextDecorations } from \"./text-decoration\"\nexport {\n  textAlignToLabelProps,\n  type LabelAlignProps,\n  type TextAlign,\n} from \"./text-align\"\nexport {\n  composeTransform,\n  IDENTITY_TRANSFORM,\n  isIdentityTransform,\n  isTranslationOnly,\n  parseAngle,\n} from \"./transform\"\nexport { visualStyleToCss } from \"./visual-css\"\n"]}