@gtkx/animated 1.2.2

package/README.md

@@ -0,0 +1,172 @@
+<p align="center">
+  <img src="https://raw.githubusercontent.com/gtkx-org/gtkx/main/logo.svg" alt="GTKX" width="100" />
+</p>
+
+<h1 align="center">GTKX</h1>
+
+<p align="center">
+  The React framework for Linux.<br />
+  Write native Linux applications with React and TypeScript.
+  Built on the GNOME stack and standard web tooling.
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/create-gtkx"><img src="https://img.shields.io/npm/v/create-gtkx?color=cb3837&logo=npm&label=create-gtkx" alt="npm version" /></a>
+  <a href="https://www.npmjs.com/package/create-gtkx"><img src="https://img.shields.io/npm/dm/create-gtkx?color=cb3837&logo=npm&label=downloads" alt="npm downloads" /></a>
+  <img src="https://img.shields.io/badge/node-%E2%89%A524-339933?logo=node.js&logoColor=white" alt="Node >= 24" />
+  <a href="https://github.com/gtkx-org/gtkx/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MPL--2.0-blue.svg" alt="License: MPL-2.0" /></a>
+  <a href="https://github.com/gtkx-org/gtkx/actions/workflows/ci.yml"><img src="https://img.shields.io/github/actions/workflow/status/gtkx-org/gtkx/ci.yml?branch=main&logo=github&label=CI" alt="CI status" /></a>
+  <img src="https://img.shields.io/badge/TypeScript-strict-3178c6?logo=typescript&logoColor=white" alt="TypeScript" />
+</p>
+
+<p align="center">
+  <a href="https://gtkx.dev">Homepage</a> &middot;
+  <a href="https://gtkx.dev/guide/getting-started">Documentation</a> &middot;
+  <a href="https://github.com/gtkx-org/gtkx/tree/main/examples">Examples</a> &middot;
+  <a href="https://github.com/gtkx-org/gtkx/blob/main/CONTRIBUTING.md">Contributing</a>
+</p>
+
+---
+
+<p align="center">
+  <img src="https://raw.githubusercontent.com/gtkx-org/gtkx/main/examples/tutorial/assets/screenshot.png" alt="The Tasks app: an Adwaita window with a sidebar of smart views and colored lists on the left, and a boxed task list on the right." />
+</p>
+
+<p align="center">
+  <em>The Tasks app you build in the <a href="https://gtkx.dev/tutorial/">tutorial</a>.</em>
+</p>
+
+## Demo
+
+The intrinsic elements in this snippet render GTK4 widgets, and ordinary React hooks and events drive them:
+
+```tsx
+import * as Gtk from "@gtkx/gi/gtk";
+import { GtkApplication, GtkApplicationWindow, GtkBox, GtkButton, GtkLabel } from "@gtkx/jsx/gtk";
+import { createRoot, quit } from "@gtkx/react";
+import { useState } from "react";
+
+const Counter = () => {
+  const [count, setCount] = useState(0);
+
+  return (
+    <GtkApplicationWindow
+      title="Hello GTKX"
+      defaultWidth={400}
+      defaultHeight={300}
+      onCloseRequest={quit}
+    >
+      <GtkBox
+        orientation={Gtk.Orientation.VERTICAL}
+        spacing={20}
+        marginTop={40}
+        marginBottom={40}
+        marginStart={40}
+        marginEnd={40}
+        valign={Gtk.Align.CENTER}
+        halign={Gtk.Align.CENTER}
+      >
+        <GtkLabel cssClasses={["title-1"]}>Welcome to GTKX!</GtkLabel>
+        <GtkLabel cssClasses={["title-2"]}>{`Count: ${count}`}</GtkLabel>
+        <GtkButton
+          label="Increment"
+          onClicked={() => setCount((c) => c + 1)}
+          cssClasses={["suggested-action", "pill"]}
+        />
+      </GtkBox>
+    </GtkApplicationWindow>
+  );
+};
+
+const App = () => (
+  <GtkApplication>
+    <Counter />
+  </GtkApplication>
+);
+
+createRoot().render(<App />);
+```
+
+This is the [`hello-world`](https://github.com/gtkx-org/gtkx/tree/main/examples/hello-world) example, with `app.tsx` and `index.tsx` combined into a single snippet. `@gtkx/gi` and `@gtkx/jsx` are per-project bindings generated by the CLI, not packages you install from npm.
+
+## Why GTKX
+
+### A declarative layer for the GNOME stack
+
+GTK4 is mature, and GtkBuilder XML can lay out a static interface, but nothing re-renders that interface when your application state changes, and nothing hot-reloads it as you work. GTKX adds that missing layer, and the tooling around it, on top of the stack you already know:
+
+- a React reconciler that exposes every GObject as a JSX element,
+- a CLI for scaffolding, development, and production builds,
+- a dev server with Fast Refresh that patches your running UI in place,
+- CSS-in-JS styling, React Spring animations, and high-level list, grid, and dialog components,
+- a Testing Library-style API for querying and driving your widgets in tests,
+- and a Model Context Protocol (MCP) server that exposes your live app to AI agents.
+
+### The full GNOME API surface
+
+React Native and similar frameworks hide the native toolkit so one API can run everywhere. GTKX exposes it: GTK4, Adwaita, and any other GObject-Introspection library on your system. Linux-only by design.
+
+### Why Node.js, and why generated bindings
+
+GTKX runs on Node.js, which puts native modules, the npm ecosystem, and the tooling built for Node.js APIs within reach. GJS is GNOME's own runtime, built on SpiderMonkey rather than V8; node-gtk runs on Node.js but is lightly maintained, on the older nan/V8 ABI rather than N-API, and still centered on GTK3. The [Why GTKX guide](https://gtkx.dev/guide/why-gtkx) covers what running on Node.js means day to day.
+
+GTKX generates the TypeScript types and the native FFI calls from the same GObject-Introspection data, so the types cannot drift from the calls they back. Codegen covers the whole GTK4 and Adwaita surface.
+
+At runtime, the native Rust core calls straight into the system GTK4, Adwaita, and GLib libraries through libffi, without loading libgirepository at all.
+
+## Quick start
+
+GTKX is Linux-only and needs Node.js 24 or later. See [Requirements](#requirements).
+
+Scaffold a new app with the `create-gtkx` initializer:
+
+```sh
+npm create gtkx
+```
+
+The same command works with other package managers: `pnpm create gtkx` or `yarn create gtkx`.
+
+Then run your new app:
+
+```sh
+cd my-app
+npm run dev
+```
+
+To go further, follow the [tutorial](https://gtkx.dev/tutorial/).
+
+## Documentation
+
+The documentation at **[gtkx.dev](https://gtkx.dev)** includes a step-by-step tutorial that builds a complete GNOME app, from scaffolding to packaging and shipping, plus guides and a full API reference.
+
+**[Read the docs &rarr;](https://gtkx.dev/guide/why-gtkx)**
+
+## Requirements
+
+GTKX is Linux-only. You need:
+
+- Linux with the GTK4 (4.20 or later) and GLib development libraries, plus Adwaita (1.8 or later) once your project binds `Adw-1`
+- Node.js 24 or later
+
+The `@gtkx/native` addon ships prebuilt for x64 and arm64 glibc Linux; other targets need to build it from the GTKX repository, which requires a Rust toolchain.
+
+## Examples
+
+Explore the [example apps](https://github.com/gtkx-org/gtkx/tree/main/examples):
+
+- [`hello-world`](https://github.com/gtkx-org/gtkx/tree/main/examples/hello-world): the counter above.
+- [`gtk-demo`](https://github.com/gtkx-org/gtkx/tree/main/examples/gtk-demo): a React port of the official GTK4 widget showcase, covering lists, dialogs, gestures, CSS, and OpenGL.
+- [`browser`](https://github.com/gtkx-org/gtkx/tree/main/examples/browser): a WebKitWebView-based web browser.
+- [`tutorial`](https://github.com/gtkx-org/gtkx/tree/main/examples/tutorial): the Tasks app the documentation builds.
+
+## Status
+
+GTKX is stable and ready for production use.
+
+## Contributing
+
+Contributions are welcome. See [CONTRIBUTING.md](https://github.com/gtkx-org/gtkx/blob/main/CONTRIBUTING.md), the [Code of Conduct](https://github.com/gtkx-org/gtkx/blob/main/CODE_OF_CONDUCT.md), and the [security policy](https://github.com/gtkx-org/gtkx/blob/main/SECURITY.md). Building the repo needs Node.js 24 or later, pnpm, and a Rust toolchain.
+
+## License
+
+GTKX is licensed under [MPL-2.0](https://github.com/gtkx-org/gtkx/blob/main/LICENSE).

package/dist/animated.d.ts

@@ -0,0 +1,20 @@
+import type { ElementType } from "react";
+import type { AnimatedComponent, AnimatedElements } from "./types.js";
+/**
+ * The `animated` entrypoint: callable to wrap any component, and exposing every generated widget
+ * component as a property, so `animated.GtkLabel` is the animated form of `GtkLabel`.
+ */
+type Animated = (<T extends Exclude<ElementType, string>>(component: T) => AnimatedComponent<T>) & AnimatedElements;
+/**
+ * Wraps a component so that its props accept springs and interpolations: `animated(GtkLabel)` is
+ * `GtkLabel` with every prop also taking a `SpringValue` or an `Interpolation`. Animated values are
+ * written to the widget on each frame without a React render. The wrapper of a given component is
+ * created once and reused, so repeated lookups render the same component.
+ *
+ * Every widget component of the generated `@gtkx/jsx` store is also available as a property:
+ * `animated.GtkLabel` is `animated(GtkLabel)` without the import. Elements whose `ref` does not
+ * expose a `Gtk.Widget` subclass, such as `GtkAdjustment`, are wrapped through the call form.
+ */
+declare const animated: Animated;
+export { animated, type Animated };
+//# sourceMappingURL=animated.d.ts.map

package/dist/animated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated.d.ts","sourceRoot":"","sources":["../src/animated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAItE;;;GAGG;AACH,KAAK,QAAQ,GAAG,CAAC,CAAC,CAAC,SAAS,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,iBAAiB,CAAC,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC;AAEpH;;;;;;;;;GASG;AACH,QAAA,MAAM,QAAQ,EAAE,QAuBF,CAAC;AAgBf,OAAO,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,CAAC"}

package/dist/animated.js

@@ -0,0 +1,44 @@
+import * as elements from "@gtkx/jsx";
+import { withAnimated } from "./with-animated.js";
+/**
+ * Wraps a component so that its props accept springs and interpolations: `animated(GtkLabel)` is
+ * `GtkLabel` with every prop also taking a `SpringValue` or an `Interpolation`. Animated values are
+ * written to the widget on each frame without a React render. The wrapper of a given component is
+ * created once and reused, so repeated lookups render the same component.
+ *
+ * Every widget component of the generated `@gtkx/jsx` store is also available as a property:
+ * `animated.GtkLabel` is `animated(GtkLabel)` without the import. Elements whose `ref` does not
+ * expose a `Gtk.Widget` subclass, such as `GtkAdjustment`, are wrapped through the call form.
+ */
+const animated = new Proxy(wrapComponent, {
+    get(target, property, receiver) {
+        const component = componentFor(property);
+        return component === null ? Reflect.get(target, property, receiver) : withAnimated(component);
+    },
+    getOwnPropertyDescriptor(target, property) {
+        const component = componentFor(property);
+        if (component === null) {
+            return Reflect.getOwnPropertyDescriptor(target, property);
+        }
+        return { configurable: true, enumerable: true, writable: false, value: withAnimated(component) };
+    },
+    has(target, property) {
+        return componentFor(property) !== null || Reflect.has(target, property);
+    },
+    ownKeys(target) {
+        const names = Object.keys(elements).filter((name) => componentFor(name) !== null);
+        return [...new Set([...Reflect.ownKeys(target), ...names])];
+    },
+});
+function componentFor(property) {
+    const value = Reflect.get(elements, property);
+    return isComponent(value) ? value : null;
+}
+function isComponent(value) {
+    return typeof value === "function";
+}
+function wrapComponent(component) {
+    return withAnimated(component);
+}
+export { animated };
+//# sourceMappingURL=animated.js.map

package/dist/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated.js","sourceRoot":"","sources":["../src/animated.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AASlD;;;;;;;;;GASG;AACH,MAAM,QAAQ,GAAa,IAAI,KAAK,CAAC,aAAa,EAAE;IAChD,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ;QAC1B,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;QAEzC,OAAO,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAClG,CAAC;IACD,wBAAwB,CAAC,MAAM,EAAE,QAAQ;QACrC,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;QAEzC,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;YACrB,OAAO,OAAO,CAAC,wBAAwB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;IACrG,CAAC;IACD,GAAG,CAAC,MAAM,EAAE,QAAQ;QAChB,OAAO,YAAY,CAAC,QAAQ,CAAC,KAAK,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC5E,CAAC;IACD,OAAO,CAAC,MAAM;QACV,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QAElF,OAAO,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAChE,CAAC;CACJ,CAAa,CAAC;AAEf,SAAS,YAAY,CAAC,QAAyB;IAC3C,MAAM,KAAK,GAAY,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEvD,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7C,CAAC;AAED,SAAS,WAAW,CAAC,KAAc;IAC/B,OAAO,OAAO,KAAK,KAAK,UAAU,CAAC;AACvC,CAAC;AAED,SAAS,aAAa,CAAsB,SAAY;IACpD,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACnC,CAAC;AAED,OAAO,EAAE,QAAQ,EAAiB,CAAC","sourcesContent":["import type { ElementType } from \"react\";\nimport * as elements from \"@gtkx/jsx\";\nimport type { AnimatedComponent, AnimatedElements } from \"./types.js\";\nimport { withAnimated } from \"./with-animated.js\";\n\ntype Wrappable = Exclude<ElementType, string>;\n/**\n * The `animated` entrypoint: callable to wrap any component, and exposing every generated widget\n * component as a property, so `animated.GtkLabel` is the animated form of `GtkLabel`.\n */\ntype Animated = (<T extends Exclude<ElementType, string>>(component: T) => AnimatedComponent<T>) & AnimatedElements;\n\n/**\n * Wraps a component so that its props accept springs and interpolations: `animated(GtkLabel)` is\n * `GtkLabel` with every prop also taking a `SpringValue` or an `Interpolation`. Animated values are\n * written to the widget on each frame without a React render. The wrapper of a given component is\n * created once and reused, so repeated lookups render the same component.\n *\n * Every widget component of the generated `@gtkx/jsx` store is also available as a property:\n * `animated.GtkLabel` is `animated(GtkLabel)` without the import. Elements whose `ref` does not\n * expose a `Gtk.Widget` subclass, such as `GtkAdjustment`, are wrapped through the call form.\n */\nconst animated: Animated = new Proxy(wrapComponent, {\n    get(target, property, receiver): unknown {\n        const component = componentFor(property);\n\n        return component === null ? Reflect.get(target, property, receiver) : withAnimated(component);\n    },\n    getOwnPropertyDescriptor(target, property): PropertyDescriptor | undefined {\n        const component = componentFor(property);\n\n        if (component === null) {\n            return Reflect.getOwnPropertyDescriptor(target, property);\n        }\n\n        return { configurable: true, enumerable: true, writable: false, value: withAnimated(component) };\n    },\n    has(target, property): boolean {\n        return componentFor(property) !== null || Reflect.has(target, property);\n    },\n    ownKeys(target): (string | symbol)[] {\n        const names = Object.keys(elements).filter((name) => componentFor(name) !== null);\n\n        return [...new Set([...Reflect.ownKeys(target), ...names])];\n    },\n}) as Animated;\n\nfunction componentFor(property: string | symbol): Wrappable | null {\n    const value: unknown = Reflect.get(elements, property);\n\n    return isComponent(value) ? value : null;\n}\n\nfunction isComponent(value: unknown): value is Wrappable {\n    return typeof value === \"function\";\n}\n\nfunction wrapComponent<T extends Wrappable>(component: T): AnimatedComponent<T> {\n    return withAnimated(component);\n}\n\nexport { animated, type Animated };\n"]}

package/dist/apply-animated-values.d.ts

@@ -0,0 +1,4 @@
+import type { Lookup } from "@react-spring/types";
+declare const didApplyAnimatedValues: (instance: object, values: Lookup) => boolean;
+export { didApplyAnimatedValues };
+//# sourceMappingURL=apply-animated-values.d.ts.map

package/dist/apply-animated-values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-animated-values.d.ts","sourceRoot":"","sources":["../src/apply-animated-values.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAuGlD,QAAA,MAAM,sBAAsB,GAAI,UAAU,MAAM,EAAE,QAAQ,MAAM,KAAG,OAUlE,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/apply-animated-values.js

@@ -0,0 +1,84 @@
+import * as Gtk from "@gtkx/gi/gtk";
+import { applyStyle, applyWrite } from "@gtkx/react/internal";
+import { coerceObjectProperty } from "@gtkx/runtime";
+const setterCache = new WeakMap();
+const hasSetterInChain = (prototype, name) => {
+    for (let current = prototype; current !== null; current = Object.getPrototypeOf(current)) {
+        const descriptor = Object.getOwnPropertyDescriptor(current, name);
+        if (descriptor !== undefined) {
+            return descriptor.set !== undefined;
+        }
+    }
+    return false;
+};
+const hasSetter = (instance, name) => {
+    const prototype = Object.getPrototypeOf(instance);
+    if (prototype === null) {
+        return false;
+    }
+    let known = setterCache.get(prototype);
+    if (known === undefined) {
+        known = new Map();
+        setterCache.set(prototype, known);
+    }
+    let isWritable = known.get(name);
+    if (isWritable === undefined) {
+        isWritable = hasSetterInChain(prototype, name);
+        known.set(name, isWritable);
+    }
+    return isWritable;
+};
+const isText = (value) => typeof value === "string" || typeof value === "number";
+const getText = (value) => {
+    if (isText(value)) {
+        return String(value);
+    }
+    if (!Array.isArray(value)) {
+        return null;
+    }
+    const texts = value.map((item) => getText(item));
+    return texts.every((item) => item !== null) ? texts.join("") : null;
+};
+const didApplyText = (instance, value) => {
+    const text = getText(value);
+    if (text === null || !(instance instanceof Gtk.Label)) {
+        return false;
+    }
+    applyWrite(() => {
+        instance.setLabel(text);
+    });
+    return true;
+};
+const didApplyStyle = (instance, value) => {
+    if (!(instance instanceof Gtk.Widget)) {
+        return false;
+    }
+    applyStyle(instance, value);
+    return true;
+};
+const didApplyValue = (instance, name, value) => {
+    if (name === "children") {
+        return didApplyText(instance, value);
+    }
+    if (name === "style") {
+        return didApplyStyle(instance, value);
+    }
+    if (!hasSetter(instance, name)) {
+        return false;
+    }
+    applyWrite(() => {
+        Reflect.set(instance, name, coerceObjectProperty(instance, name, value));
+    });
+    return true;
+};
+const didApplyAnimatedValues = (instance, values) => {
+    let isApplied = true;
+    for (const name in values) {
+        if (!didApplyValue(instance, name, values[name])) {
+            isApplied = false;
+        }
+    }
+    return isApplied;
+};
+export { didApplyAnimatedValues };
+//# sourceMappingURL=apply-animated-values.js.map

package/dist/apply-animated-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-animated-values.js","sourceRoot":"","sources":["../src/apply-animated-values.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Lookup } from \"@react-spring/types\";\nimport * as Gtk from \"@gtkx/gi/gtk\";\nimport { applyStyle, applyWrite } from \"@gtkx/react/internal\";\nimport { coerceObjectProperty } from \"@gtkx/runtime\";\n\nconst setterCache: WeakMap<object, Map<string, boolean>> = new WeakMap();\n\nconst hasSetterInChain = (prototype: object | null, name: string): boolean => {\n    for (let current = prototype; current !== null; current = Object.getPrototypeOf(current) as object | null) {\n        const descriptor = Object.getOwnPropertyDescriptor(current, name);\n\n        if (descriptor !== undefined) {\n            return descriptor.set !== undefined;\n        }\n    }\n\n    return false;\n};\n\nconst hasSetter = (instance: object, name: string): boolean => {\n    const prototype = Object.getPrototypeOf(instance) as object | null;\n\n    if (prototype === null) {\n        return false;\n    }\n\n    let known = setterCache.get(prototype);\n\n    if (known === undefined) {\n        known = new Map();\n        setterCache.set(prototype, known);\n    }\n\n    let isWritable = known.get(name);\n\n    if (isWritable === undefined) {\n        isWritable = hasSetterInChain(prototype, name);\n        known.set(name, isWritable);\n    }\n\n    return isWritable;\n};\n\nconst isText = (value: unknown): value is string | number => typeof value === \"string\" || typeof value === \"number\";\n\nconst getText = (value: unknown): string | null => {\n    if (isText(value)) {\n        return String(value);\n    }\n\n    if (!Array.isArray(value)) {\n        return null;\n    }\n\n    const texts = value.map((item) => getText(item));\n\n    return texts.every((item) => item !== null) ? texts.join(\"\") : null;\n};\n\nconst didApplyText = (instance: object, value: unknown): boolean => {\n    const text = getText(value);\n\n    if (text === null || !(instance instanceof Gtk.Label)) {\n        return false;\n    }\n\n    applyWrite(() => {\n        instance.setLabel(text);\n    });\n\n    return true;\n};\n\nconst didApplyStyle = (instance: object, value: unknown): boolean => {\n    if (!(instance instanceof Gtk.Widget)) {\n        return false;\n    }\n\n    applyStyle(instance, value);\n\n    return true;\n};\n\nconst didApplyValue = (instance: object, name: string, value: unknown): boolean => {\n    if (name === \"children\") {\n        return didApplyText(instance, value);\n    }\n\n    if (name === \"style\") {\n        return didApplyStyle(instance, value);\n    }\n\n    if (!hasSetter(instance, name)) {\n        return false;\n    }\n\n    applyWrite(() => {\n        Reflect.set(instance, name, coerceObjectProperty(instance, name, value));\n    });\n\n    return true;\n};\n\nconst didApplyAnimatedValues = (instance: object, values: Lookup): boolean => {\n    let isApplied = true;\n\n    for (const name in values) {\n        if (!didApplyValue(instance, name, values[name])) {\n            isApplied = false;\n        }\n    }\n\n    return isApplied;\n};\n\nexport { didApplyAnimatedValues };\n"]}

package/dist/bootstrap.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bootstrap.d.ts.map

package/dist/bootstrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.d.ts","sourceRoot":"","sources":["../src/bootstrap.ts"],"names":[],"mappings":""}

package/dist/bootstrap.js

@@ -0,0 +1,11 @@
+import { Globals } from "@react-spring/core";
+import { colors, createStringInterpolator } from "@react-spring/shared";
+import { trackReducedMotion } from "./reduced-motion.js";
+import { requestFrame } from "./request-frame.js";
+Globals.assign({
+    colors,
+    createStringInterpolator,
+    requestAnimationFrame: requestFrame,
+});
+trackReducedMotion();
+//# sourceMappingURL=bootstrap.js.map

package/dist/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../src/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,CAAC,MAAM,CAAC;IACX,MAAM;IACN,wBAAwB;IACxB,qBAAqB,EAAE,YAAY;CACtC,CAAC,CAAC;AAEH,kBAAkB,EAAE,CAAC","sourcesContent":["import { Globals } from \"@react-spring/core\";\nimport { colors, createStringInterpolator } from \"@react-spring/shared\";\nimport { trackReducedMotion } from \"./reduced-motion.js\";\nimport { requestFrame } from \"./request-frame.js\";\n\nGlobals.assign({\n    colors,\n    createStringInterpolator,\n    requestAnimationFrame: requestFrame,\n});\n\ntrackReducedMotion();\n"]}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import "./bootstrap.js";
+export { animated, type Animated } from "./animated.js";
+export { useReducedMotion } from "./reduced-motion.js";
+export type { AnimatedComponent, AnimatedElements, AnimatedItems, AnimatedProp, AnimatedProps, AnimatedStyle, } from "./types.js";
+export { BailSignal, config, Controller, createInterpolator, easings, FrameValue, Globals, inferTo, Interpolation, Spring, SpringContext, SpringRef, SpringValue, to, Trail, Transition, update, useChain, useSpring, useSpringRef, useSprings, useSpringValue, useTrail, useTransition, } from "@react-spring/core";
+export type { AnimationConfig, AnimationProps, AnimationResult, AsyncResult, Change, ControllerFlushFn, ControllerProps, ControllerUpdate, EventProp, ForwardProps, GoalProp, GoalValue, GoalValues, InferTo, InlineToProps, Interpolated, Interpolator, ItemKeys, LoopProp, MatchProp, OnChange, OnPause, OnProps, OnResolve, OnRest, OnResume, OnStart, PickAnimated, ReservedEventProps, ReservedProps, SpringChain, SpringComponentProps, SpringConfig, SpringProps, SpringsUpdate, SpringTo, SpringToFn, SpringUpdate, SpringUpdateFn, SpringValues, Springify, ToProps, ToValues, TrailComponentProps, TransitionComponentProps, TransitionFn, TransitionFrom, TransitionKey, TransitionRenderFn, TransitionState, TransitionTo, TransitionValues, UseSpringProps, UseSpringsProps, UseTrailProps, UseTransitionProps, VelocityProp, } from "@react-spring/core";
+export type { FluidValue } from "@react-spring/shared";
+export type { Animatable, EasingFunction, ExtrapolateType, InterpolatorArgs, InterpolatorConfig, InterpolatorFactory, InterpolatorFn, Lookup, OneOrMore, UnknownProps, } from "@react-spring/types";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EACR,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EACH,UAAU,EACV,MAAM,EACN,UAAU,EACV,kBAAkB,EAClB,OAAO,EACP,UAAU,EACV,OAAO,EACP,OAAO,EACP,aAAa,EACb,MAAM,EACN,aAAa,EACb,SAAS,EACT,WAAW,EACX,EAAE,EACF,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,EACV,cAAc,EACd,QAAQ,EACR,aAAa,GAChB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACR,eAAe,EACf,cAAc,EACd,eAAe,EACf,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,oBAAoB,EACpB,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,mBAAmB,EACnB,wBAAwB,EACxB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,YAAY,GACf,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EACR,UAAU,EACV,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,MAAM,EACN,SAAS,EACT,YAAY,GACf,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+import "./bootstrap.js";
+export { animated } from "./animated.js";
+export { useReducedMotion } from "./reduced-motion.js";
+export { BailSignal, config, Controller, createInterpolator, easings, FrameValue, Globals, inferTo, Interpolation, Spring, SpringContext, SpringRef, SpringValue, to, Trail, Transition, update, useChain, useSpring, useSpringRef, useSprings, useSpringValue, useTrail, useTransition, } from "@react-spring/core";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AASvD,OAAO,EACH,UAAU,EACV,MAAM,EACN,UAAU,EACV,kBAAkB,EAClB,OAAO,EACP,UAAU,EACV,OAAO,EACP,OAAO,EACP,aAAa,EACb,MAAM,EACN,aAAa,EACb,SAAS,EACT,WAAW,EACX,EAAE,EACF,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,EACV,cAAc,EACd,QAAQ,EACR,aAAa,GAChB,MAAM,oBAAoB,CAAC","sourcesContent":["import \"./bootstrap.js\";\n\nexport { animated, type Animated } from \"./animated.js\";\nexport { useReducedMotion } from \"./reduced-motion.js\";\nexport type {\n    AnimatedComponent,\n    AnimatedElements,\n    AnimatedItems,\n    AnimatedProp,\n    AnimatedProps,\n    AnimatedStyle,\n} from \"./types.js\";\nexport {\n    BailSignal,\n    config,\n    Controller,\n    createInterpolator,\n    easings,\n    FrameValue,\n    Globals,\n    inferTo,\n    Interpolation,\n    Spring,\n    SpringContext,\n    SpringRef,\n    SpringValue,\n    to,\n    Trail,\n    Transition,\n    update,\n    useChain,\n    useSpring,\n    useSpringRef,\n    useSprings,\n    useSpringValue,\n    useTrail,\n    useTransition,\n} from \"@react-spring/core\";\nexport type {\n    AnimationConfig,\n    AnimationProps,\n    AnimationResult,\n    AsyncResult,\n    Change,\n    ControllerFlushFn,\n    ControllerProps,\n    ControllerUpdate,\n    EventProp,\n    ForwardProps,\n    GoalProp,\n    GoalValue,\n    GoalValues,\n    InferTo,\n    InlineToProps,\n    Interpolated,\n    Interpolator,\n    ItemKeys,\n    LoopProp,\n    MatchProp,\n    OnChange,\n    OnPause,\n    OnProps,\n    OnResolve,\n    OnRest,\n    OnResume,\n    OnStart,\n    PickAnimated,\n    ReservedEventProps,\n    ReservedProps,\n    SpringChain,\n    SpringComponentProps,\n    SpringConfig,\n    SpringProps,\n    SpringsUpdate,\n    SpringTo,\n    SpringToFn,\n    SpringUpdate,\n    SpringUpdateFn,\n    SpringValues,\n    Springify,\n    ToProps,\n    ToValues,\n    TrailComponentProps,\n    TransitionComponentProps,\n    TransitionFn,\n    TransitionFrom,\n    TransitionKey,\n    TransitionRenderFn,\n    TransitionState,\n    TransitionTo,\n    TransitionValues,\n    UseSpringProps,\n    UseSpringsProps,\n    UseTrailProps,\n    UseTransitionProps,\n    VelocityProp,\n} from \"@react-spring/core\";\nexport type { FluidValue } from \"@react-spring/shared\";\nexport type {\n    Animatable,\n    EasingFunction,\n    ExtrapolateType,\n    InterpolatorArgs,\n    InterpolatorConfig,\n    InterpolatorFactory,\n    InterpolatorFn,\n    Lookup,\n    OneOrMore,\n    UnknownProps,\n} from \"@react-spring/types\";\n"]}

package/dist/reduced-motion.d.ts

@@ -0,0 +1,13 @@
+declare const trackReducedMotion: () => boolean | null;
+/**
+ * Reports whether the desktop asks for less motion: `true` while GTK's `gtk-enable-animations`
+ * setting is off, which is when every spring already jumps straight to its target, and also while
+ * the `gtk-interface-reduced-motion` setting of GTK 4.22 asks to reduce motion, the preference
+ * behind the `prefers-reduced-motion` media query, which leaves springs running so that components
+ * can trade a slide for a fade themselves. Returns `null` until a display is open.
+ *
+ * @returns `true` when motion should be reduced, `false` when it should not, `null` when unknown.
+ */
+declare const useReducedMotion: () => boolean | null;
+export { trackReducedMotion, useReducedMotion };
+//# sourceMappingURL=reduced-motion.d.ts.map

package/dist/reduced-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reduced-motion.d.ts","sourceRoot":"","sources":["../src/reduced-motion.ts"],"names":[],"mappings":"AAgDA,QAAA,MAAM,kBAAkB,QAAO,OAAO,GAAG,IAYxC,CAAC;AAUF;;;;;;;;GAQG;AACH,QAAA,MAAM,gBAAgB,QAAO,OAAO,GAAG,IAA2D,CAAC;AAEnG,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/reduced-motion.js

@@ -0,0 +1,59 @@
+import * as Gtk from "@gtkx/gi/gtk";
+import { Globals } from "@react-spring/core";
+import { useSyncExternalStore } from "react";
+const REDUCED_MOTION_MINOR = 22;
+const tracker = { settings: null, isReduced: null };
+const listeners = new Set();
+const hasReducedMotionSetting = () => Gtk.checkVersion(4, REDUCED_MOTION_MINOR, 0) === null;
+const isReduceMotionPreferred = (settings) => hasReducedMotionSetting() && settings.gtkInterfaceReducedMotion === Gtk.ReducedMotion.REDUCE;
+const sync = () => {
+    const { settings } = tracker;
+    if (settings === null) {
+        return;
+    }
+    const isReduced = !settings.gtkEnableAnimations || isReduceMotionPreferred(settings);
+    Globals.assign({ skipAnimation: !settings.gtkEnableAnimations });
+    if (isReduced === tracker.isReduced) {
+        return;
+    }
+    tracker.isReduced = isReduced;
+    for (const listener of listeners) {
+        listener();
+    }
+};
+const watch = (settings) => {
+    tracker.settings = settings;
+    settings.on("notify::gtk-enable-animations", sync);
+    if (hasReducedMotionSetting()) {
+        settings.on("notify::gtk-interface-reduced-motion", sync);
+    }
+    sync();
+};
+const trackReducedMotion = () => {
+    if (tracker.settings === null) {
+        const settings = Gtk.Settings.getDefault();
+        if (settings === null) {
+            return null;
+        }
+        watch(settings);
+    }
+    return tracker.isReduced;
+};
+const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+};
+/**
+ * Reports whether the desktop asks for less motion: `true` while GTK's `gtk-enable-animations`
+ * setting is off, which is when every spring already jumps straight to its target, and also while
+ * the `gtk-interface-reduced-motion` setting of GTK 4.22 asks to reduce motion, the preference
+ * behind the `prefers-reduced-motion` media query, which leaves springs running so that components
+ * can trade a slide for a fade themselves. Returns `null` until a display is open.
+ *
+ * @returns `true` when motion should be reduced, `false` when it should not, `null` when unknown.
+ */
+const useReducedMotion = () => useSyncExternalStore(subscribe, trackReducedMotion);
+export { trackReducedMotion, useReducedMotion };
+//# sourceMappingURL=reduced-motion.js.map

package/dist/reduced-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reduced-motion.js","sourceRoot":"","sources":["../src/reduced-motion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAK7C,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAChC,MAAM,OAAO,GAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAC7D,MAAM,SAAS,GAAkB,IAAI,GAAG,EAAE,CAAC;AAE3C,MAAM,uBAAuB,GAAG,GAAY,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,EAAE,oBAAoB,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;AAErG,MAAM,uBAAuB,GAAG,CAAC,QAAsB,EAAW,EAAE,CAChE,uBAAuB,EAAE,IAAI,QAAQ,CAAC,yBAAyB,KAAK,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC;AAEjG,MAAM,IAAI,GAAG,GAAS,EAAE;IACpB,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAE7B,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACpB,OAAO;IACX,CAAC;IAED,MAAM,SAAS,GAAG,CAAC,QAAQ,CAAC,mBAAmB,IAAI,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IACrF,OAAO,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAEjE,IAAI,SAAS,KAAK,OAAO,CAAC,SAAS,EAAE,CAAC;QAClC,OAAO;IACX,CAAC;IAED,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAE9B,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;QAC/B,QAAQ,EAAE,CAAC;IACf,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,QAAsB,EAAQ,EAAE;IAC3C,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,+BAA+B,EAAE,IAAI,CAAC,CAAC;IAEnD,IAAI,uBAAuB,EAAE,EAAE,CAAC;QAC5B,QAAQ,CAAC,EAAE,CAAC,sCAAsC,EAAE,IAAI,CAAC,CAAC;IAC9D,CAAC;IAED,IAAI,EAAE,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAmB,EAAE;IAC5C,IAAI,OAAO,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;QAC5B,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QAE3C,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpB,CAAC;IAED,OAAO,OAAO,CAAC,SAAS,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,QAAkB,EAAgB,EAAE;IACnD,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAExB,OAAO,GAAG,EAAE;QACR,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;AACN,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,gBAAgB,GAAG,GAAmB,EAAE,CAAC,oBAAoB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;AAEnG,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import * as Gtk from \"@gtkx/gi/gtk\";\nimport { Globals } from \"@react-spring/core\";\nimport { useSyncExternalStore } from \"react\";\n\ntype Listener = () => void;\ntype Tracker = { settings: Gtk.Settings | null; isReduced: boolean | null };\n\nconst REDUCED_MOTION_MINOR = 22;\nconst tracker: Tracker = { settings: null, isReduced: null };\nconst listeners: Set<Listener> = new Set();\n\nconst hasReducedMotionSetting = (): boolean => Gtk.checkVersion(4, REDUCED_MOTION_MINOR, 0) === null;\n\nconst isReduceMotionPreferred = (settings: Gtk.Settings): boolean =>\n    hasReducedMotionSetting() && settings.gtkInterfaceReducedMotion === Gtk.ReducedMotion.REDUCE;\n\nconst sync = (): void => {\n    const { settings } = tracker;\n\n    if (settings === null) {\n        return;\n    }\n\n    const isReduced = !settings.gtkEnableAnimations || isReduceMotionPreferred(settings);\n    Globals.assign({ skipAnimation: !settings.gtkEnableAnimations });\n\n    if (isReduced === tracker.isReduced) {\n        return;\n    }\n\n    tracker.isReduced = isReduced;\n\n    for (const listener of listeners) {\n        listener();\n    }\n};\n\nconst watch = (settings: Gtk.Settings): void => {\n    tracker.settings = settings;\n    settings.on(\"notify::gtk-enable-animations\", sync);\n\n    if (hasReducedMotionSetting()) {\n        settings.on(\"notify::gtk-interface-reduced-motion\", sync);\n    }\n\n    sync();\n};\n\nconst trackReducedMotion = (): boolean | null => {\n    if (tracker.settings === null) {\n        const settings = Gtk.Settings.getDefault();\n\n        if (settings === null) {\n            return null;\n        }\n\n        watch(settings);\n    }\n\n    return tracker.isReduced;\n};\n\nconst subscribe = (listener: Listener): (() => void) => {\n    listeners.add(listener);\n\n    return () => {\n        listeners.delete(listener);\n    };\n};\n\n/**\n * Reports whether the desktop asks for less motion: `true` while GTK's `gtk-enable-animations`\n * setting is off, which is when every spring already jumps straight to its target, and also while\n * the `gtk-interface-reduced-motion` setting of GTK 4.22 asks to reduce motion, the preference\n * behind the `prefers-reduced-motion` media query, which leaves springs running so that components\n * can trade a slide for a fade themselves. Returns `null` until a display is open.\n *\n * @returns `true` when motion should be reduced, `false` when it should not, `null` when unknown.\n */\nconst useReducedMotion = (): boolean | null => useSyncExternalStore(subscribe, trackReducedMotion);\n\nexport { trackReducedMotion, useReducedMotion };\n"]}

package/dist/request-frame.d.ts

@@ -0,0 +1,4 @@
+type FrameCallback = () => void;
+declare const requestFrame: (callback: FrameCallback) => void;
+export { requestFrame };
+//# sourceMappingURL=request-frame.d.ts.map

package/dist/request-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"request-frame.d.ts","sourceRoot":"","sources":["../src/request-frame.ts"],"names":[],"mappings":"AAGA,KAAK,aAAa,GAAG,MAAM,IAAI,CAAC;AA0MhC,QAAA,MAAM,YAAY,GAAI,UAAU,aAAa,KAAG,IAM/C,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}